PageSourceSearch

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

html drinkolipop.com collected 2026-09-24 18:59:44 UTC 877,704 bytes, 17,744 lines download raw bytes

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17<!doctype html>
18<html
19  class="no-js tw-scroll-smooth !tw-p-0"
20  lang="en"
21  data-prefetching="true"
22>
23  <head>
24  
25  
25<script type="application/vnd.locksmith+json" data-locksmith>{"version":"v345","locked":false,"initialized":true,"scope":"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":1790276383,"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>
25<script data-locksmith>!function(){undefined;!function(){var s=window.Locksmith={},e=document.querySelector('script[type="application/vnd.locksmith+json"]'),n=e&&e.innerHTML;if(s.state={},s.util={},s.loading=!1,n)try{s.state=JSON.parse(n)}catch(d){}if(document.addEventListener&&document.querySelector){var o,a,i,t=[76,79,67,75,83,77,73,84,72,49,49],c=function(){a=t.slice(0)},l="style",r=function(e){e&&27!==e.keyCode&&"click"!==e.type||(document.removeEventListener("keydown",r),document.removeEventListener("click",r),o&&document.body.removeChild(o),o=null)};c(),document.addEventListener("keyup",function(e){if(e.keyCode===a[0]){if(clearTimeout(i),a.shift(),0<a.length)return void(i=setTimeout(c,1e3));c(),r(),(o=document.createElement("div"))[l].width="50%",o[l].maxWidth="1000px",o[l].height="85%",o[l].border="1px rgba(0, 0, 0, 0.2) solid",o[l].background="rgba(255, 255, 255, 0.99)",o[l].borderRadius="4px",o[l].position="fixed",o[l].top="50%",o[l].left="50%",o[l].transform="translateY(-50%) translateX(-50%)",o[l].boxShadow="0 2px 5px rgba(0, 0, 0, 0.3), 0 0 100vh 100vw rgba(0, 0, 0, 0.5)",o[l].zIndex="2147483645";var t=document.createElement("textarea");t.value=JSON.stringify(JSON.parse(n),null,2),t[l].border="none",t[l].display="block",t[l].boxSizing="border-box",t[l].width="100%",t[l].height="100%",t[l].background="transparent",t[l].padding="22px",t[l].fontFamily="monospace",t[l].fontSize="14px",t[l].color="#333",t[l].resize="none",t[l].outline="none",t.readOnly=!0,o.appendChild(t),document.body.appendChild(o),t.addEventListener("click",function(e){e.stopImmediatePropagation()}),t.select(),document.addEventListener("keydown",r),document.addEventListener("click",r)}})}s.isEmbedded=-1!==window.location.search.indexOf("_ab=0&_fd=0&_sc=1"),s.path=s.state.path||window.location.pathname,s.basePath=s.state.locale_root_url.concat("/apps/locksmith").replace(/^\/\//,"/"),s.reloading=!1,s.util.console=window.console||{log:function(){},error:function(){}},s.util.makeUrl=function(e,t){var n,o=s.basePath+e,a=[],i=s.cache();for(n in i)a.push(n+"="+encodeURIComponent(i[n]));for(n in t)a.push(n+"="+encodeURIComponent(t[n]));return s.state.customer_id&&(a.push("customer_id="+encodeURIComponent(s.state.customer_id)),a.push("customer_id_signature="+encodeURIComponent(s.state.customer_id_signature))),o+=(-1===o.indexOf("?")?"?":"&")+a.join("&")},s._initializeCallbacks=[],s.on=function(e,t){if("initialize"!==e)throw'Locksmith.on() currently only supports the "initialize" event';s._initializeCallbacks.push(t)},s.initializeSession=function(e){if(!s.isEmbedded){var t=!1,n=!0,o=!0;(e=e||{}).silent&&(o=n=!(t=!0)),s.ping({silent:t,spinner:n,reload:o,callback:function(){s._initializeCallbacks.forEach(function(e){e()})}})}},s.cache=function(e){var t={};try{var n=function a(e){return(document.cookie.match("(^|; )"+e+"=([^;]*)")||0)[2]};t=JSON.parse(decodeURIComponent(n("locksmith-params")||"{}"))}catch(d){}if(e){for(var o in e)t[o]=e[o];document.cookie="locksmith-params=; expires=Thu, 01 Jan 1970 00:00:00 GMT; path=/",document.cookie="locksmith-params="+encodeURIComponent(JSON.stringify(t))+"; path=/"}return t},s.cache.cart=s.state.cart,s.cache.cartLastSaved=null,s.params=s.cache(),s.util.reload=function(){s.reloading=!0;try{window.location.href=window.location.href.replace(/#.*/,"")}catch(d){s.util.console.error("Preferred reload method failed",d),window.location.reload()}},s.cache.saveCart=function(e){if(!s.cache.cart||s.cache.cart===s.cache.cartLastSaved)return e?e():null;var t=s.cache.cartLastSaved;s.cache.cartLastSaved=s.cache.cart,fetch("/cart/update.js",{method:"POST",headers:{"Content-Type":"application/json",Accept:"application/json"},body:JSON.stringify({attributes:{locksmith:s.cache.cart}})}).then(function(e){if(!e.ok)throw new Error("Cart update failed: "+e.status);return e.json()}).then(function(){e&&e()})["catch"](function(e){if(s.cache.cartLastSaved=t,!s.reloading)throw e})},s.util.spinnerHTML='<style>body{background:#FFF}@keyframes spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}#loading{display:flex;width:100%;height:50vh;
25color:#777;align-items:center;justify-content:center}#loading .spinner{display:block;animation:spin 600ms linear infinite;position:relative;width:50px;height:50px}#loading .spinner-ring{stroke:currentColor;stroke-dasharray:100%;stroke-width:2px;stroke-linecap:round;fill:none}</style><div id="loading"><div class="spinner"><svg width="100%" height="100%"><svg preserveAspectRatio="xMinYMin"><circle class="spinner-ring" cx="50%" cy="50%" r="45%"></circle></svg></svg></div></div>',s.util.clobberBody=function(e){document.body.innerHTML=e},s.util.clobberDocument=function(e){e.responseText&&(e=e.responseText),document.documentElement&&document.removeChild(document.documentElement);var t=document.open("text/html","replace");t.writeln(e),t.close(),setTimeout(function(){var e=t.querySelector("[autofocus]");e&&e.focus()},100)},s.util.serializeForm=function(e){if(e&&"FORM"===e.nodeName){var t,n,o={};for(t=e.elements.length-1;0<=t;t-=1)if(""!==e.elements[t].name)switch(e.elements[t].nodeName){case"INPUT":switch(e.elements[t].type){default:case"text":case"hidden":case"password":case"button":case"reset":case"submit":o[e.elements[t].name]=e.elements[t].value;break;case"checkbox":case"radio":e.elements[t].checked&&(o[e.elements[t].name]=e.elements[t].value);break;case"file":}break;case"TEXTAREA":o[e.elements[t].name]=e.elements[t].value;break;case"SELECT":switch(e.elements[t].type){case"select-one":o[e.elements[t].name]=e.elements[t].value;break;case"select-multiple":for(n=e.elements[t].options.length-1;0<=n;n-=1)e.elements[t].options[n].selected&&(o[e.elements[t].name]=e.elements[t].options[n].value)}break;case"BUTTON":switch(e.elements[t].type){case"reset":case"submit":case"button":o[e.elements[t].name]=e.elements[t].value}}return o}},s.util.on=function(e,i,s,t){t=t||document;var c="locksmith-"+e+i,n=function(e){var t=e.target,n=e.target.parentElement,o=t&&t.className&&(t.className.baseVal||t.className)||"",a=n&&n.className&&(n.className.baseVal||n.className)||"";("string"==typeof o&&-1!==o.split(/\s+/).indexOf(i)||"string"==typeof a&&-1!==a.split(/\s+/).indexOf(i))&&!e[c]&&(e[c]=!0,s(e))};t.attachEvent?t.attachEvent(e,n):t.addEventListener(e,n,!1)},s.util.enableActions=function(e){s.util.on("click","locksmith-action",function(e){e.preventDefault();var t=e.target;t.dataset.confirmWith&&!confirm(t.dataset.confirmWith)||(t.disabled=!0,t.innerText=t.dataset.disableWith,s.post("/action",t.dataset.locksmithParams,{spinner:!1,type:"text",success:function(e){(e=JSON.parse(e.responseText)).message&&alert(e.message),s.util.reload()}}))},e)},s.util.inject=function(e,t){var n=["data","locksmith","append"];if(-1!==t.indexOf(n.join("-"))){var o=document.createElement("div");o.innerHTML=t,e.appendChild(o)}else e.innerHTML=t;var a,i,s=e.querySelectorAll("script");for(i=0;i<s.length;++i){a=s[i];var c=document.createElement("script");if(a.type&&(c.type=a.type),a.src)c.src=a.src;else{var l=document.createTextNode(a.innerHTML);c.appendChild(l)}e.appendChild(c)}var r=e.querySelector("[autofocus]");r&&r.focus()},s.post=function(e,t,n){!1!==(n=n||{}).spinner&&s.util.clobberBody(s.util.spinnerHTML);var o={};n.container===document?(o.layout=1,n.success=function(e){s.util.clobberDocument(e)}):n.container&&(o.layout=0,n.success=function(e){var t="string"==typeof n.container?document.getElementById(n.container):n.container;t&&(s.util.inject(t,e),t.id===t.firstChild.id&&t.parentElement.replaceChild(t.firstChild,t))}),n.form_type&&(t.form_type=n.form_type),n.include_layout_classes!==undefined&&(t.include_layout_classes=n.include_layout_classes),n.lock_id!==undefined&&(t.lock_id=n.lock_id),s.loading=!0;var a=s.util.makeUrl(e,o),i="json"===n.type||"text"===n.type;fetch(a,{method:"POST",headers:{"Content-Type":"application/json",Accept:i?"application/json":"text/html"},body:JSON.stringify(t)}).then(function(e){if(!e.ok)throw new Error("Request failed: "+e.status);return e.text()}).then(function(e){var t=n.success||s.util.clobberDocument;t(i?{responseText:e}:e)})["catch"](function(e){if(!s.reloading)if("dashboard.weglot.com"!==window.location.host){if(!n.silent)throw alert("Something went wrong! Please refresh and try again."),e;console.error(e)}else console.error(e)})["finally"](function(){s.loading=!1})},s.postResource=function(e,t){e.path=s.path,e.search=window.location.search,e.state=s.state,e.passcode&&(e.passcode=e.passcode.trim()),e.email&&(e.email=e.email.trim()),e.state.cart=s.cache.cart,e.locksmith_json=s.jsonTag,e.locksmith_json_signature=s.jsonTagSignature,s.post("/resource",e,t)},s.ping=function(t){if(!s.isEmbedded){t=t||{};var n=function(){t.reload?s.util.reload():"function"==typeof t.callback&&t.callback()};s.post("/ping",{path:s.path,search:window.location.search,state:s.state},{spinner:!!t.spinner,silent:"undefined"==typeof t.silent||t.silent,type:"text",success:function(e){e&&e.responseText?((e=JSON.parse(e.responseText)).messages&&0<e.messages.length&&s.showMessages(e.messages),e.cart&&s.cache.cart!==e.cart?(s.cache.cart=e.cart,s.cache.saveCart(function(){e.cart&&e.cart.match(/^.+:/)?(t.reload||"function"!=typeof t.callback||t.callback(),s.util.reload()):n()})):n()):console.error("[Locksmith] Invalid result in ping callback:",e)}})}},s.timeoutMonitor=function(){var e=s.cache.cart;s.ping({callback:function(){e!==s.cache.cart||setTimeout(function(){s.timeoutMonitor()},6e4)}})},s.showMessages=function(e){var t=document.createElement("div");t.style.position="fixed",t.style.left=0,t.style.right=0,t.style.bottom="-50px",t.style.opacity=0,t.style.background="#191919",t.style.color="#ddd",t.style.transition="bottom 0.2s, opacity 0.2s",t.style.zIndex=999999,t.innerHTML=["<style>","  .locksmith-ab .locksmith-b { display: none; }","  .locksmith-ab.toggled .locksmith-b { display: flex; }","  .locksmith-ab.toggled .locksmith-a { display: none; }","  .locksmith-flex { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; padding: 10px 20px; }","  .locksmith-message + .locksmith-message { border-top: 1px #555 solid; }","  .locksmith-message a { color: inherit; font-weight: bold; }","  .locksmith-message a:hover { color: inherit; opacity: 0.8; }","  a.locksmith-ab-toggle { font-weight: inherit; text-decoration: underline; }","  .locksmith-text { flex-grow: 1; }","  .locksmith-cta { flex-grow: 0; text-align: right; }","  .locksmith-cta button { transform: scale(0.8); transform-origin: left; }","  .locksmith-cta > * { display: block; }","  .locksmith-cta > * + * { margin-top: 10px; }","  .locksmith-message a.locksmith-close { flex-grow: 0; text-decoration: none; margin-left: 15px; font-size: 30px; font-family: monospace; display: block; padding: 2px 10px; }","  @media screen and (max-width: 600px) {","    .locksmith-wide-only { display: none !important; }","    .locksmith-flex { padding: 0 15px; }","    .locksmith-flex > * { margin-top: 5px; margin-bottom: 5px; }","    .locksmith-cta { text-align: left; }","  }","  @media screen and (min-width: 601px) {","    .locksmith-narrow-only { display: none !important; }","  }","</style>"].join("")+e.map(function(e){return'<div class="locksmith-message">'+e+"</div>"}).join(""),document.body.appendChild(t),document.body.style.position="relative",document.body.parentElement.style.paddingBottom=t.offsetHeight+"px",setTimeout(function(){t.style.bottom=0,t.style.opacity=1},50),s.util.on("click","locksmith-ab-toggle",function(e){e.preventDefault();for(var t=e.target.parentElement;-1===t.className.split(" ").indexOf("locksmith-ab");)t=t.parentElement;-1!==t.className.split(" ").indexOf("toggled")?t.className=t.className.replace("toggled",""):t.className=t.className+" toggled"}),s.util.enableActions(t)}}()}();</script>
25
26      
26<script data-locksmith>Locksmith.cache.cart=null</script>
26
27
28  
28<script data-locksmith>Locksmith.jsonTag="{\"version\":\"v345\",\"locked\":false,\"initialized\":true,\"scope\":\"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\":1790276383,\"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="8e8d515d7d7f6828efb76a6c2e10d8bb49dd66d9f9aa2c9a78cd41a9a8b226f9"</script>
28
29
30
31<script defer src="https://cdn.skio.com/scripts/shopify/head/shopify.ba9807f79b5cdb6483d5.js"></script>
31
32    <style>
33      #powrIframeLoader {
34        height: 0px !important;
35        display: none !important;
36      }
37    </style>
38
39    
40
41
42
43
44
45<style>
46  
47  
48
49
50  
51  
52  
53  
54
55  @font-face {
56    font-family: 'Ano';
57    src: url(//drinkolipop.com/cdn/shop/t/1366/assets/AnoRegular-Regular.woff2?v=114456774178814509381773709642) format('woff2'),
58      url(//drinkolipop.com/cdn/shop/t/1366/assets/AnoRegular-Regular.woff?v=44886258583300626781773709642) format('woff'),
59      url(//drinkolipop.com/cdn/shop/t/1366/assets/AnoRegular-Regular.woff?v=44886258583300626781773709642) format('woff');
60    font-weight: normal;
61    font-style: normal;
62    font-display: swap;
63  }
64  @font-face {
65    font-family: 'Ano';
66    src: url(//drinkolipop.com/cdn/shop/t/1366/assets/AnoBold-Regular.woff2?v=8493273010116033791773709641) format('woff2'),
67      url(//drinkolipop.com/cdn/shop/t/1366/assets/AnoBold-Regular.woff?v=128512130195275208821773709641) format('woff'),
68      url(//drinkolipop.com/cdn/shop/t/1366/assets/AnoBold-Regular.ttf?v=10462471749511937761773709641) format('truetype');
69    font-weight: bold;
70    font-style: normal;
71    font-display: swap;
72  }
73  @font-face {
74    font-family: 'Ano';
75    src: url(//drinkolipop.com/cdn/shop/t/1366/assets/AnoBlack-Regular.woff2?v=84787568753283342751773709640) format('woff2'),
76      url(//drinkolipop.com/cdn/shop/t/1366/assets/AnoBlack-Regular.woff?v=93234225392720856311773709640) format('woff'),
77      url(//drinkolipop.com/cdn/shop/t/1366/assets/AnoBlack-Regular.ttf?v=62444619274782219361773709640) format('truetype');
78    font-weight: 900;
79    font-style: normal;
80    font-display: swap;
81  }
82  @font-face {
83    font-family: 'WindsorEF';
84    src: url(//drinkolipop.com/cdn/shop/t/1366/assets/WindsorEF-UltraHeavy.woff2?v=150809171096844077231773709641) format('woff2'),
85      url(//drinkolipop.com/cdn/shop/t/1366/assets/WindsorEF-UltraHeavy.woff?v=110177191338651977801773709641) format('woff');
86    font-weight: 900;
87    font-style: normal;
88    font-display: swap;
89  }
90  @font-face {
91    font-family: 'WindsorEF';
92    src: url(//drinkolipop.com/cdn/shop/t/1366/assets/WindsorEF-Bold.woff2?v=139344088117863592731773709640) format('woff2'),
93      url(//drinkolipop.com/cdn/shop/t/1366/assets/WindsorEF-Bold.woff?v=96714348010265649601773709640) format('woff'),
94      url(//drinkolipop.com/cdn/shop/t/1366/assets/WindsorEF-Bold.ttf?v=176736781895084021861773709643) format('truetype');
95    font-weight: bold;
96    font-style: normal;
97    font-display: swap;
98  }
99
100  :root {
101
102    --font-weight-body--bold: 700;
103    --font-weight-body--bolder: 700;
104    --font-stack-header: Helvetica, Arial, sans-serif;
105    --font-style-header: normal;
106    --font-weight-header: 700;
107    --font-stack-body: Helvetica, Arial, sans-serif;
108    --font-style-body: normal;
109    --font-weight-body: 400;
110    --font-stack-cart-notification: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
111    --font-size-mobile-input: 16px; /* min 16px to prevent zooming */
112
113    --font-size-base: 15;
114    --font-size-header: 26;
115
116    --font-h1-desktop: 35;
117    --font-h1-mobile: 32;
118    --font-h2-desktop: 20;
119    --font-h2-mobile: 18;
120    --font-h3-mobile: 20;
121    --font-h4-desktop: 17;
122    --font-h4-mobile: 15;
123    --font-h4-min-height-mobile: 11;
124    --font-h5-desktop: 15;
125    --font-h5-mobile: 13;
126    --font-h6-desktop: 14;
127    --font-h6-mobile: 12;
128
129    --font-mega-title-large-desktop: 65;
130
131    --font-rich-text-large: 17;
132    --font-rich-text-small: 13;
133
134    --color-text: #3a3a3a;
135    --color-text-shadow: rgba(0,0,0,0.4);
136    --color-body-text: #333232;
137    --color-sale-text: #fa4545;
138    --color-small-button-text-border: #3a3a3a;
139    --color-text-field: rgba(0,0,0,0);
140    --color-text-field-text: #000000;
141    --color-navigation-text: #3a3a3a;
142
143    --color-btn-primary: #3a3a3a;
144    --color-btn-primary-darken: #212121;
145    --color-btn-primary-transparent: rgba(58, 58, 58, 0.8);
146    --color-btn-primary-text: #ffffff;
147
148    --color-body: #ffffff;
149    --color-bg: #ffffff;
150    --color-drawer-background: rgba(0, 0, 0, 0.6);
151    --color-bg-alt: rgba(51, 50, 50, 0.05);
152
153    --color-link: var(--color-body-text);
154    --opacity-link-hover: 0.6;
155
156    --color-overlay-title-text: #ffffff;
157    --color-image-overlay: #685858;
158    --opacity-image-overlay: 0.4;
159    --hover-overlay-opacity: 0.8;
160
161    --color-text-focus:#606060;
162    --color-overlay-text-focus:#e6e6e6;
163    --color-btn-primary-focus:#606060;
164    --color-btn-social-focus:#d2d2d2;
165    --color-small-button-text-border-focus:#606060;
166    --predictive-search-focus:#e6e6e6;
167
168    --transition-duration-fast: 100ms;
169    --transition-duration: 250ms;
170    --transition-duration-slow: 400ms;
171    --transition-link-hover: var(--transition-duration-fast) cubic-bezier(0.44, 0.13, 
1710.48, 0.87);
172    --transition-drawer: all var(--transition-duration-slow) cubic-bezier(0.29, 0.63, 0.44, 1);
173
174    --color-disabled: #f4f4f4;
175    --color-disabled-border: #f4f4f4;
176    --color-error: #d20000;
177    --color-error-message-list: #651818;
178    --color-error-bg: #fff8f8;
179    --color-success: #1F873D;
180    --color-success-bg: #f8fff9;
181
182    --color-grey: #B5C1BF;
183    --color-dark-green: #14433D;
184
185    --color-border: #ebebeb;
186    --color-border-form: #cccccc;
187    --color-border-form-darken: #b3b3b3;
188
189    --color-form-text: #333;
190    --color-error-input-text: var(--color-error);
191    --input-padding-top-bottom: 10px;
192    --input-padding-left-right: 18px;
193    --input-padding-top-bottom-small: 8px;
194    --input-padding-left-right-small: 15px;
195    --input-group-height: 46px;
196    --input-group-height-small: 42px;
197    --input-border-width: 1px;
198
199    --color-facebook: #3b5998;
200    --color-twitter: #00aced;
201    --color-pinterest: #cb2027;
202
203    --color-slideshow-arrows: #000;
204    --color-slideshow-dots: #fff;
205
206    --width-site: 1200px;
207    --gutter-site: 55px;
208    --gutter-site-mobile: 22px;
209    --section-spacing: 55px;
210    --section-spacing-small: 35px;
211    --border-radius: 2px;
212    --icon-size: 20px;
213    --connected-submit-size: calc(var(--icon-size) * 2.5);
214
215    --footer-spacing-extra-small: 5px;
216    --footer-spacing-small: 15px;
217    --footer-wrapper-spacing: 18px;
218    --footer-hr-bottom-spacing: 20px;
219    --footer-spacing-medium: 25px;
220    --footer-spacing-large: 45px;
221
222    --z-index-base: 1;
223    --z-index-dropdown: 7;
224    --z-index-sub-nav: 8;
225    --z-index-drawer: 9;
226    --z-index-mobile-nav: 11;
227    --z-index-search-bar: 999;
228    --z-index-predictive-search-wrapper: 1000;
229    --z-index-skip-to-content: 10000; /* really high to be safe of app markup */
230
231    --color-giftcard-tooltip-fallback: #333;
232    --color-giftcard-light: #fff;
233    --color-giftcard-tooltip: rgba(0, 0, 0, 0.9);
234    --color-giftcard-disabled: #999;
235    --color-giftcard-small-text: #b3b3b3;
236    --color-giftcard-shadow: rgba(0, 0, 0, 0.1);
237    --color-giftcard-print-bg: #fff;
238    --color-giftcard-print: #000;
239    --color-giftcard-bg: #e95e61;
240    --z-index-giftcard-image: 2;
241    --z-index-giftcard-corners: 3;
242    --z-index-giftcard-tooltip: 4;
243    --z-index-giftcard-code: 5;
244
245    /*================ Product video ================*/
246    /* Create an appropriate poster background color based on background color and brightness */
247    --color-video-bg: #f2f2f2;
248
249    --video-height-small: 475px;
250    --video-height-medium: 650px;
251    --video-height-large: 775px;
252
253    --z-index-video-image: 1;
254    --z-index-video: 2;
255    --z-index-video-text: 3;
256    --z-index-video-controls: 4;
257    --z-index-video-loader: 5;
258
259    --video-button-wrapper-size: 50px;
260    --video-pause-button-size: 34px;
261    --video-close-button-size: 30px;
262    --video-loader-size: 2.875rem;
263
264    --color-video-controls: #fff;
265    --color-video-controls-background: #000;
266
267    --ease-transition: cubic-bezier(0.44, 0.13, 0.48, 0.87);
268    --transition-controls-video: color 0.2s var(--ease-transition), background-color 0.2s var(--ease-transition);
269
270
271
272    --svg-select-icon: url(//drinkolipop.com/cdn/shop/t/1366/assets/ico-select.svg?v=29003672709104678581773709785);
273    --slick-img-url: url(//drinkolipop.com/cdn/shop/t/1366/assets/ajax-loader.gif?v=41356863302472015721773709641);   
274    --home-banner-new-wave-url: url("https://cdn.shopify.com/s/files/1/0034/6610/0806/files/home-banner-new-wave.png?v=1623156746");
275    --home-blue-wave-url: url("https://cdn.shopify.com/s/files/1/0034/6610/0806/files/home-blue-wave.png?v=1773705965");
276    --story-hero-wave-url: url("https://cdn.shopify.com/s/files/1/0034/6610/0806/files/story-hero-wave.png?v=1773706032");
277    --story-mission-wave-url: url("https://cdn.shopify.com/s/files/1/0034/6610/0806/files/story-mission-wave.png?v=1773706074");
278    --home-bluedark-wave-url: url("https://cdn.shopify.com/s/files/1/0034/6610/0806/files/home-bluedark-wave.png?v=1773706124");
279    --home-yellowdark-wave-url: url("https://cdn.shopify.com/s/files/1/0034/6610/0806/files/home-yellowdark-wave.png?v=1773706165");
280    --check-symbol-url: url(//drinkolipop.com/cdn/shop/t/1366/assets/check-symbol.svg?v=64434976676356328551773709640);
281    --arrow-down-green-url: url(//drinkolipop.com/cdn/shop/t/1366/assets/arrow-down-green.svg?v=150330452122212680781773709642);
282    --arrow-up-white-url: url(//drinkolipop.com/cdn/shop/t/1366/assets/arrow-up-white.svg?v=167673162154222429001773709643);
283    --arrow-down-white-url: url(//drinkolipop.com/cdn/shop/t/1366/assets/arrow-down-white.svg?v=68322919614181549641773709643);
284    --preview-card-url: url(//drinkolipop.com/cdn/shop/products/1DigitalGiftCard-WEB-080422-AM_200x.png?v=1767277571);
285    --wave-image-curve-up-left: url(//drinkolipop.com/cdn/shop/t/1366/assets/wave-image-curve-up-left.svg?v=142377189923728873181773709642);
286    --wave-image-curve-up-right: url(//drinkolipop.com/cdn/shop/t/1366/assets/wave-image-curve-up-right.svg?v=115639462512050186531773709642);
287  }
288
289    
290  .rebuy-cart__flyout-item-discount-message.promo-sidecart {
291    color: #008168
292  }
293</style>
294
295<style>
296  .tippy-box[data-placement^='top'] > .tippy-svg-arrow {
297    bottom: 0;
298  }
299  .tippy-box[data-placement^='top'] > .tippy-svg-arrow:after,
300  .tippy-box[data-placement^='top'] > .tippy-svg-arrow > svg {
301    top: 16px;
302    transform: rotate(180deg);
303  }
304  .tippy-box[data-placement^='bottom'] > .tippy-svg-arrow {
305    top: 0;
306  }
307  .tippy-box[data-placement^='bottom'] > .tippy-svg-arrow > svg {
308    bottom: 16px;
309  }
310  .tippy-box[data-placement^='left'] > .tippy-svg-arrow {
311    right: 0;
312  }
313  .tippy-box[data-placement^='left'] > .tippy-svg-arrow:after,
314  .tippy-box[data-placement^='left'] > .tippy-svg-arrow > svg {
315    transform: rotate(90deg);
316    top: calc(50% - 3px);
317    left: 11px;
318  }
319  .tippy-box[data-placement^='right'] > .tippy-svg-arrow {
320    left: 0;
321  }
322  .tippy-box[data-placement^='right'] > .tippy-svg-arrow:after,
323  .tippy-box[data-placement^='right'] > .tippy-svg-arrow > svg {
324    transform: rotate(-90deg);
325    top: calc(50% - 3px);
326    right: 11px;
327  }
328  .tippy-svg-arrow {
329    width: 16px;
330    height: 16px;
331    fill: #333;
332    text-align: initial;
333  }
334  .tippy-svg-arrow,
335  .tippy-svg-arrow > svg {
336    position: absolute;
337  }
338  .tippy-box[data-animation='fade'][data-state='hidden'] {
339    opacity: 0;
340  }
341  [data-tippy-root] {
342    max-width: calc(100vw - 10px);
343  }
344  .tippy-box {
345    position: relative;
346    background-color: #333;
347    color: #fff;
348    border-radius: 4px;
349    font-size: 14px;
350    line-height: 1.4;
351    white-space: normal;
352    outline: 0;
353    transition-property: transform, visibility, opacity;
354  }
355  .tippy-box[data-placement^='top'] > .tippy-arrow {
356    bottom: 0;
357  }
358  .tippy-box[data-placement^='top'] > .tippy-arrow:before {
359    bottom: -7px;
360    left: 0;
361    border-width: 8px 8px 0;
362    border-top-color: initial;
363    transform-origin: center top;
364  }
365  .tippy-box[data-placement^='bottom'] > .tippy-arrow {
366    top: 0;
367  }
368  .tippy-box[data-placement^='bottom'] > .tippy-arrow:before {
369    top: -7px;
370    left: 0;
371    border-width: 0 8px 8px;
372    border-bottom-color: initial;
373    transform-origin: center bottom;
374  }
375  .tippy-box[data-placement^='left'] > .tippy-arrow {
376    right: 0;
377  }
378  .tippy-box[data-placement^='left'] > .tippy-arrow:before {
379    border-width: 8px 0 8px 8px;
380    border-left-color: initial;
381    right: -7px;
382    transform-origin: center left;
383  }
384  .tippy-box[data-placement^='right'] > .tippy-arrow {
385    left: 0;
386  }
387  .tippy-box[data-placement^='right'] > .tippy-arrow:before {
388    left: -7px;
389    border-width: 8px 8px 8px 0;
390    border-right-color: initial;
391    transform-origin: center right;
392  }
393  .tippy-box[data-inertia][data-state='visible'] {
394    transition-timing-function: cubic-bezier(0.54, 1.5, 0.38, 1.11);
395  }
396  .tippy-arrow {
397    width: 16px;
398    height: 16px;
399    color: #333;
400  }
401  .tippy-arrow:before {
402    content: '';
403    position: absolute;
404    border-color: transparent;
405    border-style: solid;
406  }
407  .tippy-content {
408    position: relative;
409    padding: 5px 9px;
410    z-index: 1;
411  }
412
413  .tippy-box,
414  .tippy-content {
415    @apply tw-border-hunter-green tw-bg-hunter-green tw-font-body tw-text-white;
416    font-size: 12px;
417    font-weight: 600 !important;
418    border-radius: 15px !important;
419    background: #14433d;
420  }
421
422  .tippy-box[data-theme~='custom'][data-placement^='top'] > .tippy-arrow::before {
423    border-top-color: #14433d;
424  }
425  .tippy-box[data-theme~='custom'][data-placement^='bottom'] > .tippy-arrow::before {
426    border-bottom-color: #14433d;
427  }
428  .tippy-box[data-theme~='custom'][data-placement^='left'] > .tippy-arrow::before {
429    border-left-color: #14433d;
430  }
431  .tippy-box[data-theme~='custom'][data-placement^='right'] > .tippy-arrow::before {
432    border-right-color: #14433d;
433  }
434</style>
435
436<style>
437  .slide-loaded img {
438    display: block;
439  }
440</style>
441
442
443<link href="//drinkolipop.com/cdn/shop/t/1366/assets/tailwind.css?v=130264924762967316861787148487" rel="stylesheet" type="text/css" media="all" />
444<link href="//drinkolipop.com/cdn/shop/t/1366/assets/theme.css?v=178809282142725415031787148488" rel="stylesheet" type="text/css" media="all" />
445
446    
447  
447<script>
448    window.Shopify = window.Shopify || {theme: {id: 174423703711, role: 'main' } };
449    window._template = {
450      directory: "",
451      name: "collection",
452      suffix: ""
453    };
454  </script>
454<script type="module" blocking="render" fetchpriority="high" src="https://cdn.intelligems.io/esm/586d1e84f592/bundle.js" async></script>
454
455
456
457    
458
459<script>
460  function getCookie(name) {
461    var dc = document.cookie;
462    var prefix = name + '=';
463    var begin = dc.indexOf('; ' + prefix);
464    if (begin == -1) {
465      begin = dc.indexOf(prefix);
466      if (begin != 0) return null;
467    } else {
468      begin += 2;
469      var end = document.cookie.indexOf(';', begin);
470      if (end == -1) {
471        end = dc.length;
472      }
473    }
474    // because unescape has been deprecated, replaced with decodeURI
475    //return unescape(dc.substring(begin + prefix.length, end));
476    return decodeURI(dc.substring(begin + prefix.length, end));
477  }
478
479  function toggleCart() {
480    var myCookie = getCookie('minicart');
481
482    if (myCookie == null) {
483    } else {
484      document.querySelectorAll('[js-header-cart-toggle]')[0].click();
485      document.cookie = 'minicart=open; max-age=-1; path=/;';
486    }
487  }
488
489  window.onload = toggleCart;
490</script>
490
491
492
493    <meta name="google-site-verification" content="629g7SNvjCz_F6-IHLE0Lgn-c8Wivr46zePptazfpDU">
494    <meta name="google-site-verification" content="RIGsAM1gz6RkUJV0cpvpleCzCBKvBdiyRF5vjkg555I">
495    <meta charset="utf-8">
496    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
497    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=5">
498    <meta name="theme-color" content="#3a3a3a">
499    <meta name="facebook-domain-verification" content="pybjwio482kbh6cnks3fufwjx6jg1y">
500    <link rel="canonical" href="https://drinkolipop.com/collections/shop-9g-fiber">
501    <link rel="preconnect" href="https://cdn.shopify.com" crossorigin>
502    <link rel="preload" href="//drinkolipop.com/cdn/shop/t/1366/assets/AnoRegular-Regular.woff2?v=114456774178814509381773709642" as="font" type="font/woff2" crossorigin>
503    <link rel="preload" href="//drinkolipop.com/cdn/shop/t/1366/assets/AnoBold-Regular.woff2?v=8493273010116033791773709641" as="font" type="font/woff2" crossorigin>
504    <link rel="preload" href="//drinkolipop.com/cdn/shop/t/1366/assets/WindsorEF-UltraHeavy.woff2?v=150809171096844077231773709641" as="font" type="font/woff2" crossorigin>
505    <link rel="preload" href="//drinkolipop.com/cdn/shop/t/1366/assets/WindsorEF-Bold.woff2?v=139344088117863592731773709640" as="font" type="font/woff2" crossorigin>
506
507    
508    
509<link rel="shortcut icon" href="//drinkolipop.com/cdn/shop/files/favicon_32x32.png?v=1613174610" type="image/png"><title>OLIPOP 9g Fiber Line</title>
510
511<meta name="description" content="Our original, refrigerated formula with a higher-fiber option for those looking to get more out of every sip.">
512<!-- /snippets/social-meta-tags.liquid -->
513
514
515
516
517
518
519
520<meta property="og:site_name" content="OLIPOP">
521<meta property="og:url" content="https://drinkolipop.com/collections/shop-9g-fiber"><meta property="og:title" content="9g Fiber">
522<meta property="og:type" content="product.group">
523<meta property="og:description" content="Our original, refrigerated formula with a higher-fiber option for those looking to get more out of every sip.">
524
525
526
527
528
529  <meta name="twitter:site" content="@drinkolipop">
530
531<meta name="twitter:card" content="summary_large_image"><meta name="twitter:title" content="9g Fiber">
532<meta name="twitter:description" content="Our original, refrigerated formula with a higher-fiber option for those looking to get more out of every sip.">
533
534<link href="//drinkolipop.com/cdn/shop/t/1366/assets/vendor.js?v=42932227539066615491773709641" as="script" rel="preload">
535    <link href="//drinkolipop.com/cdn/shop/t/1366/assets/layout.theme.js?v=103885869156479832961773709644" as="script" rel="preload">
536    <link href="//drinkolipop.com/cdn/shop/t/1366/assets/lazysizes.js?v=175780612770959260451773709640" as="script" rel="preload">
537    <link href="//drinkolipop.com/cdn/shop/t/1366/assets/theme.js?v=143221273705841084911779140488" as="script" rel="preload">
538
539    
539<script src="//drinkolipop.com/cdn/shop/t/1366/assets/vendor.js?v=42932227539066615491773709641"></script>
539
540    
540<script src="//drinkolipop.com/cdn/shop/t/1366/assets/layout.theme.js?v=103885869156479832961773709644" async="async"></script>
540
541    
541<script src="//drinkolipop.com/cdn/shop/t/1366/assets/lazysizes.js?v=175780612770959260451773709640" async="async"></script>
541
542    
542<script src="//drinkolipop.com/cdn/shop/t/1366/assets/theme.js?v=143221273705841084911779140488" defer="defer"></script>
542
543
544    
545
546
547
548  
549
550
551  
552
553  
554  
555
556
557<style data-shopify>
558  :root{
559    --flavor-color-overlay: ;
560    --flavor-color-100: ;
561    --flavor-color-200: ;
562    --flavor-color-300: ;
563    
564    --flavor-color-selector: ;
565    
566  }
567</style>
568
569
570    <link
571      rel="preload"
572      href="https://cdn.jsdelivr.net/npm/keen-slider@latest/keen-slider.min.css"
573      as="style"
574      onload="this.onload=null;this.rel='stylesheet'"
575    >
576    <noscript>
577      <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/keen-slider@latest/keen-slider.min.css">
578    </noscript>
579
580    
581
582    
582<script>
583  var theme = {
584    breakpoints: {
585      medium: 750,
586      large: 990,
587      widescreen: 1400
588    },
589    strings: {
590      addToCart: "Add to Cart",
591      soldOut: "Sold out",
592      unavailable: "Unavailable",
593      regularPrice: "Regular price",
594      salePrice: "Sale price",
595      sale: "Sale",
596      fromLowestPrice: "Translation missing: en.products.product.from_lowest_price",
597      vendor: "Vendor",
598      showMore: "Show More",
599      showLess: "Show Less",
600      searchFor: "Search for",
601      addressError: "Error looking up that address",
602      addressNoResults: "No results for that address",
603      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.",
604      authError: "There was a problem authenticating your Google Maps account.",
605      newWindow: "Opens in a new window.",
606      external: "Opens external website.",
607      newWindowExternal: "Opens external website in a new window.",
608      removeLabel: "Remove [product]",
609      update: "Update",
610      quantity: "Quantity",
611      discountedTotal: "Discounted total",
612      regularTotal: "Regular total",
613      priceColumn: "See Price column for discount details.",
614      quantityMinimumMessage: "Quantity must be 1 or more",
615      cartError: "There was an error while updating your cart. Please try again.",
616      removedItemMessage: "Removed \u003cspan class=\"cart__removed-product-details\"\u003e([quantity]) [link]\u003c\/span\u003e from your cart.",
617      unitPrice: "Unit price",
618      unitPriceSeparator: "per",
619      oneCartCount: "1 item",
620      otherCartCount: "[count] items",
621      quantityLabel: "Quantity: [count]",
622      products: "Products",
623      loading: "Loading",
624      number_of_results: "[result_number] of [results_count]",
625      number_of_results_found: "[results_count] results found",
626      one_result_found: "1 result found"
627    },
628    moneyFormat: "${{amount}}",
629    moneyFormatWithCurrency: "${{amount}} USD",
630    settings: {
631      predictiveSearchEnabled: true,
632      predictiveSearchShowPrice: false,
633      predictiveSearchShowVendor: false
634    }
635  }
636
637  document.documentElement.className = document.documentElement.className.replace('no-js', 'js');
638</script>
638
639
640
641    
642  
642<script>window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.start');</script>
642<meta name="google-site-verification" content="AyZS0I17j-RAsaWg3fqLOEn7aOAY0CZl3vMq1XulJa8">
643<meta id="shopify-digital-wallet" name="shopify-digital-wallet" content="/3466100806/digital_wallets/dialog">
644<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">
645<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" />
646<link rel="alternate" type="application/json+oembed" href="https://drinkolipop.com/collections/shop-9g-fiber.oembed">
647<script async="async" src="/checkouts/internal/preloads.js?locale=en-US&default_configuration_id=5986484383"></script>
647
648<link rel="preconnect" href="https://shop.app" crossorigin="anonymous">
649<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 649
649
650<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 650
650
651<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 651
651
652<script>var Shopify = Shopify || {};
653Shopify.shop = "olipop-store.myshopify.com";
654Shopify.locale = "en";
655Shopify.currency = {"active":"USD","rate":"1.0"};
656Shopify.country = "US";
657Shopify.theme = {"name":"Production | ehouse","id":174423703711,"schema_name":"Olipop","schema_version":"1.0","theme_store_id":null,"role":"main"};
658Shopify.theme.handle = "null";
659Shopify.theme.style = {"id":null,"handle":null};
660Shopify.cdnHost = "drinkolipop.com/cdn";
661Shopify.routes = Shopify.routes || {};
662Shopify.routes.root = "/";
663Shopify.shopJsCdnBaseUrl = "https://cdn.shopify.com/shopifycloud/shop-js";
664Shopify.SignInWithShop = Shopify.SignInWithShop || {};
665Shopify.SignInWithShop.User = Shopify.SignInWithShop.User || {};
666Shopify.SignInWithShop.User.recognized = false;</script>
vendor: 1 bytes, line 666
666
667<script type="module">!function(o){(o.Shopify=o.Shopify||{}).modules=!0}(window);</script>
vendor: 1 bytes, line 667
667
668<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 668
668
669<script>
670  window.ShopifyPay = window.ShopifyPay || {};
671  window.ShopifyPay.apiHost = "shop.app\/pay";
672  window.ShopifyPay.redirectState = null;
673</script>
vendor: 1 bytes, line 673
673
674<script>
675  window.Shopify = window.Shopify || {};
676  window.Shopify.SignInWithShop = window.Shopify.SignInWithShop || {};
677  window.Shopify.SignInWithShop.assetMetrics = { sampleRate: 0.25 };
678  window.Shopify.SignInWithShop.eligible = true;
679</script>
vendor: 1 bytes, line 679
679
680<script id="shop-js-analytics" type="application/json">{"pageType":"collection"}</script>
vendor: 1 bytes, line 680
680
681<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 681
681
682<script type="module">
683  await import("https://cdn.shopify.com/shopifycloud/shop-js/modules/v2/loader.init-shop-cart-sync.en.esm.js");
684
685  window.Shopify.SignInWithShop?.initShopCartSync?.({"fedCMEnabled":true,"windoidEnabled":true});
686
687</script>
vendor: 1 bytes, line 687
687
688<script>
689  window.Shopify = window.Shopify || {};
690  if (!window.Shopify.featureAssets) window.Shopify.featureAssets = {};
691  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"]};
692</script>
vendor: 1 bytes, line 692
692
693<script>(function() {
694  var isLoaded = false;
695  function asyncLoad() {
696    if (isLoaded) return;
697    isLoaded = true;
698    var urls = ["\/\/www.powr.io\/powr.js?powr-token=olipop-store.myshopify.com\u0026external-type=shopify\u0026shop=olipop-store.myshopify.com","https:\/\/superfiliate-cdn.com\/storefront.js?shop=olipop-store.myshopify.com","https:\/\/config.gorgias.chat\/bundle-loader\/01GYCBRTCW1BSVKV4RDGWD144S?source=shopify1click\u0026shop=olipop-store.myshopify.com","https:\/\/bundle.dyn-rev.app\/loader.js?g_cvt_id=606b3ec6-434e-4406-977a-2f31d50b593d\u0026shop=olipop-store.myshopify.com","https:\/\/na.shgcdn3.com\/pixel-collector.js?shop=olipop-store.myshopify.com","\/\/cdn.shopify.com\/proxy\/7977e5caf48a8fd2886cb5ce33b3bc6fa81e666114b459b42428caf354afed59\/apps.bazaarvoice.com\/deployments\/olipop\/main_site\/production\/en_US\/bv.js?shop=olipop-store.myshopify.com\u0026sp-cache-control=cHVibGljLCBtYXgtYWdlPTkwMA","https:\/\/services.nofraud.com\/js\/device.js?shop=olipop-store.myshopify.com","https:\/\/shopify-extension.getredo.com\/main.js?widget_id=jmio6aqkm5hqvde\u0026shop=olipop-store.myshopify.com","\/\/backinstock.useamp.com\/widget\/18397_1783059051.js?category=bis\u0026v=6\u0026shop=olipop-store.myshopify.com"];
699    for (var i = 0; i < urls.length; i++) {
700      var s = document.createElement('script');
701      s.type = 'text/javascript';
702      s.async = true;
703      s.src = urls[i];
704      var x = document.getElementsByTagName('script')[0];
705      x.parentNode.insertBefore(s, x);
706    }
707  };
708  if(window.attachEvent) {
709    window.attachEvent('onload', asyncLoad);
710  } else {
711    window.addEventListener('load', asyncLoad, false);
712  }
713})();</script>
vendor: 1 bytes, line 713
713
714<script id="__st">var __st={"a":3466100806,"offset":-25200,"reqid":"0416b452-bdbc-498b-94ab-580825d4163a-1790276383","pageurl":"drinkolipop.com\/collections\/shop-9g-fiber","u":"5d6fea42f90a","p":"collection","rtyp":"collection","rid":641654685855};</script>
vendor: 1 bytes, line 714
714
715<script>window.ShopifyPaypalV4VisibilityTracking = true;</script>
vendor: 1 bytes, line 715
715
716<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 716
716
717<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 717
717
718<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>
718<script crossorigin="anonymous" defer="defer" src="//drinkolipop.com/cdn/shopifycloud/storefront/assets/shopify_pay/storefront-616277c7.js?v=20250812"></script>
vendor: 1 bytes, line 718
718
719<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 719
719
720<script>
721  window.Shopify = window.Shopify || {};
722  window.Shopify.MCP = window.Shopify.MCP || {};
723  window.Shopify.MCP.enabled = true;
724  window.Shopify.MCP.shop = "olipop-store.myshopify.com";
725  window.Shopify.MCP.mcpEndpoint = "https:\/\/drinkolipop.com\/api\/mcp";
726  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"]}}];
727</script>
vendor: 1 bytes, line 727
727
728<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=");})();
729</script>
vendor: 1 bytes, line 729
729
730<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)}};
731</script>
vendor: 1 bytes, line 731
731
732<script data-source-attribution="shopify.dynamic_checkout.buyer_consent">
733  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);
734</script>
vendor: 1 bytes, line 734
734
735<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})}}));
736</script>
736
737<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">
738<style id="shopify-accelerated-checkout-cart">
739        #shopify-buyer-consent {
740  margin-top: 1em;
741  display: inline-block;
742  width: 100%;
743}
744
745#shopify-buyer-consent.hidden {
746  display: none;
747}
748
749#shopify-subscription-policy-button {
750  background: none;
751  border: none;
752  padding: 0;
753  text-decoration: underline;
754  font-size: inherit;
755  cursor: pointer;
756}
757
758#shopify-subscription-policy-button::before {
759  box-shadow: none;
760}
761
762      </style>
763
764<script id="shopify-cfh-end">window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.end');</script>
764
765  
766
767
768
769
770
771  
771<script type="text/javascript">
772    
773      window.__shgMoneyFormat = window.__shgMoneyFormat || {"USD":{"currency":"USD","currency_symbol":"$","currency_symbol_location":"left","decimal_places":2,"decimal_separator":".","thousands_separator":","}};
774    
775    window.__shgCurrentCurrencyCode = window.__shgCurrentCurrencyCode || {
776      currency: "USD",
777      currency_symbol: "$",
778      decimal_separator: ".",
779      thousands_separator: ",",
780      decimal_places: 2,
781      currency_symbol_location: "left"
782    };
783  </script>
783
784
785
786
787    
788    
789
790<script type="text/javascript">
791  
792    window.SHG_CUSTOMER = null;
793  
794</script>
794
795
796
797
798
799
800
801
802    
802<script type="text/javascript">
803  (function (a, b, c, d, e, f, g) {
804    e['ire_o'] = c;
805    e[c] =
806      e[c] ||
807      function () {
808        (e[c].a = e[c].a || []).push(arguments);
809      };
810    f = d.createElement(b);
811    g = d.getElementsByTagName(b)[0];
812    f.async = 1;
813    f.src = a;
814    g.parentNode.insertBefore(f, g);
815  })('https://utt.impactcdn.com/A2662258-414b-48e3-94ab-d5cc41204ee91.js', 'script', 'ire', document, window);
816</script>
816
817
818    
819
820
821    
822
823<script type="text/javascript" async="" src="https://static.klaviyo.com/onsite/js/PbvgDc/klaviyo.js"></script>
823
824
825<script type="text/javascript">
826  var _learnq = _learnq || [];
827
828  
829    var page_item = {
830      "Page": "olipop-9g-fiber-line",
831      "Path": "/collections/shop-9g-fiber"
832    };
833    _learnq.push(["track", "Viewed Page", page_item]);
834
835  
836</script>
836
837
838
839    
840
841    
842
843    
844
845    
846    
847    
848      
848<script src="https://shop.basketful.co/basketful.js" defer async></script>
848
849    
850    
850<script src="//drinkolipop.com/cdn/shop/t/1366/assets/manifest.min.js?v=124651888751126447011773709641" type="text/javascript"></script>
vendor: 1 bytes, line 850
850
851<script src="//drinkolipop.com/cdn/shop/t/1366/assets/vendor.min.js?v=32262416620800875671773709641" type="text/javascript"></script>
vendor: 1 bytes, line 851
851
852<script src="//drinkolipop.com/cdn/shop/t/1366/assets/app.min.js?v=89531106029643191081787148487" type="text/javascript"></script>
852
853
854    
855  
855<script type="text/javascript">
856    (function (c, l, a, r, i, t, y) {
857      c[a] =
858        c[a] ||
859        function () {
860          (c[a].q = c[a].q || []).push(arguments);
861        };
862      t = l.createElement(r);
863      t.async = 1;
864      t.src = 'https://www.clarity.ms/tag/' + i;
865      y = l.getElementsByTagName(r)[0];
866      y.parentNode.insertBefore(t, y);
867    })(window, document, 'clarity', 'script', 'm5uhteaodo');
868  </script>
868
869
870
871    
872  
872<script type="text/javascript" async="true" src="https://d334twvzz0qrmj.cloudfront.net/70a0ac8d.js"></script>
872
873  
873<script>
874    document.addEventListener('DOMContentLoaded', () => {
875      if (window?.gtag) {
876        window.gtag('event', 'BrandlockTest', { bl_ea: 'BrandlockTest', bl_el: 'BrandlockTest' });
877        window.gtag('event', 'BrandlockTest', { bl_ea: 'HijackShopper-ON', bl_el: 'Test' });
878      }
879    });
880  </script>
880
881
882
883    
884<!-- BEGIN app block: shopify://apps/intelligems-a-b-testing/blocks/intelligems-script/fa83b64c-0c77-4c0c-b4b2-b94b42f5ef19 -->
884<script>
885  window._template = {
886    directory: "",
887    name: "collection",
888    suffix: ""
889  };
890  window.__productIdFromTemplate = null;
891  window.__plpCollectionIdFromTemplate = 641654685855;
892  window.igProductData = (function() {
893    const data = {};data["10910759354527"] = {
894          productId: 10910759354527,
895          handle: "caramel-apple",
896          tags: [],
897          collectionIds: [641654685855,290783363231,290552184991,264194719903,301283410079,294313492639,300700958879,641687879839],
898          inventory: 18665,
899          lowestVariantPrice: 3599
900        };data["5871016640671"] = {
901          productId: 5871016640671,
902          handle: "blackberry-vanilla",
903          tags: [],
904          collectionIds: [641654685855,641839169695,290783363231,290552184991,264194719903,301283410079,294313492639,641688699039,300700958879,280185536671],
905          inventory: 39393,
906          lowestVariantPrice: 3599
907        };data["7478573498527"] = {
908          productId: 7478573498527,
909          handle: "crisp-apple",
910          tags: ["upc-850027702193"],
911          collectionIds: [641654685855,641839169695,290783363231,290552184991,264194719903,301283410079,294313492639,640796360863,300700958879,640712409247,280185536671],
912          inventory: 20707,
913          lowestVariantPrice: 3599
914        };data["6866436948127"] = {
915          productId: 6866436948127,
916          handle: "classic-grape",
917          tags: ["upc-860003223390"],
918          collectionIds: [641654685855,641839169695,290783363231,290552184991,264194719903,301283410079,294313492639,640796360863,135629439046,300700958879,275530711199,640712409247,280185536671],
919          inventory: 48541,
920          lowestVariantPrice: 3599
921        };data["4350717460544"] = {
922          productId: 4350717460544,
923          handle: "classic-root-beer",
924          tags: ["spo-enabled","upc-860439001067"],
925          collectionIds: [641654685855,641839169695,290783363231,290552184991,264194719903,301283410079,294313492639,640796360863,135629439046,300700958879,275530711199,640712409247,280185536671],
926          inventory: 48941,
927          lowestVariantPrice: 3599
928        };data["3818023125062"] = {
929          productId: 3818023125062,
930          handle: "vintage-cola",
931          tags: ["upc-860439001005"],
932          collectionIds: [641654685855,641839169695,290783363231,290552184991,264194719903,301283410079,294313492639,640796360863,300700958879,640712409247,280185536671],
933          inventory: 8452,
934          lowestVariantPrice: 3599
935        };data["7413651636383"] = {
936          productId: 7413651636383,
937          handle: "cream-soda",
938          tags: ["upc-850027702186"],
939          collectionIds: [641654685855,641839169695,290783363231,290552184991,264194719903,301283410079,294313492639,640798195871,640796360863,300700958879,275530711199,640712409247,280185536671],
940          inventory: 68575,
941          lowestVariantPrice: 3599
942        };data["3818021027910"] = {
943          productId: 3818021027910,
944          handle: "strawberry-vanilla",
945          tags: ["product::strawberry-vanilla","spo-disabled","upc-860439001012"],
946          collectionIds: [641654685855,641839169695,290783363231,290552184991,264194719903,301283410079,294313492639,640796360863,135629439046,300700958879,275530711199,640712409247,280185536671],
947          inventory: 86905,
948          lowestVariantPrice: 3599
949        };data["7502145421471"] = {
950          productId: 7502145421471,
951          handle: "cherry-cola",
952          tags: ["upc-850027702261"],
953          collectionIds: [641654685855,641839169695,290783363231,290552184991,264194719903,301283410079,294313492639,640798195871,640796360863,300700958879,275530711199,640712409247,280185536671],
954          inventory: 54246,
955          lowestVariantPrice: 3599
956        };data["6604538577055"] = {
957          productId: 6604538577055,
958          handle: "orange-cream",
959          tags: [],
960          collectionIds: [641654685855,641839169695,290783363231,290552184991,264194719903,301283410079,294313492639,640798195871,640796360863,300700958879,275530711199,280185536671],
961          inventory: 52869,
962          lowestVariantPrice: 3599
963        };data["9247375851679"] = {
964          productId: 9247375851679,
965          handle: "peaches-and-cream",
966          tags: [],
967          collectionIds: [641654685855,641839169695,290783363231,290552184991,264194719903,301283410079,294313492639,640796360863,135629439046,300700958879,275530711199,640712409247,280185536671],
968          inventory: 45241,
969          lowestVariantPrice: 3599
970        };data["9038878015647"] = {
971          productId: 9038878015647,
972          handle: "ginger-ale",
973          tags: [],
974          collectionIds: [641654685855,641839169695,290783363231,290552184991,264194719903,301283410079,294313492639,640796360863,300700958879,640712409247,280185536671],
975          inventory: 4311,
976          lowestVariantPrice: 3599
977        };data["5538631712927"] = {
978          productId: 5538631712927,
979          handle: "orange-squeeze",
980          tags: ["spo-enabled","upc-860439001081"],
981          collectionIds: [641654685855,641839169695,290783363231,290552184991,264194719903,301283410079,294313492639,640796360863,135629439046,300700958879,275530711199,280185536671],
982          inventory: 54505,
983          lowestVariantPrice: 3599
984        };data["9407865061535"] = {
985          productId: 9407865061535,
986          handle: "citrus-rush",
987          tags: [],
988          collectionIds: [641654685855,641839169695,290783363231,290552184991,264194719903,301283410079,294313492639,640796360863,300700958879,275530711199,640712409247,280185536671],
989          inventory: 15488,
990          lowestVariantPrice: 3599
991        };data["7413651832991"] = {
992          productId: 7413651832991,
993          handle: "doctor-goodwin",
994          tags: ["rebuy-30-off","upc-850027702209"],
995          collectionIds: [641654685855,641839169695,290783363231,290552184991,264194719903,301283410079,294313492639,640796360863,300700958879,275530711199,280185536671,301084442783],
996          inventory: 30905,
997          lowestVariantPrice: 3599
998        };data["4452820189248"] = {
999          productId: 4452820189248,
1000          handle: "cherry-vanilla",
1001          tags: ["spo-enabled","upc-860003223307"],
1002          collectionIds: [641654685855,641839169695,290783363231,290552184991,264194719903,301283410079,294313492639,640796360863,135629439046,300700958879,275530711199,280185536671],
1003          inventory: 9364,
1004          lowestVariantPrice: 3599
1005        };data["3818021912646"] = {
1006          productId: 3818021912646,
1007          handle: "ginger-lemon",
1008          tags: ["spo-disabled","upc-860439001029"],
1009          collectionIds: [641654685855,641839169695,290783363231,290552184991,264194719903,301283410079,294313492639,640796360863,300700958879,275530711199,280185536671],
1010          inventory: 20162,
1011          lowestVariantPrice: 3599
1012        };data["7323931246751"] = {
1013          productId: 7323931246751,
1014          handle: "tropical-punch",
1015          tags: ["spo-enabled","upc-850027702049"],
1016          collectionIds: [641654685855,641839169695,290783363231,290552184991,264194719903,301283410079,294313492639,640796360863,300700958879,275530711199,280185536671],
1017          inventory: 11273,
1018          lowestVariantPrice: 3599
1019        };data["7612616376479"] = {
1020          productId: 7612616376479,
1021          handle: "lemon-lime",
1022          tags: ["Faire-Lemon-Lime","rebuy-30-off","upc-850027702285"],
1023          collectionIds: [641654685855,641839169695,290783363231,290552184991,264194719903,301283410079,294313492639,640796360863,300700958879,275530711199,280185536671,301084442783],
1024          inventory: 28329,
1025          lowestVariantPrice: 3599
1026        };data["7682917990559"] = {
1027          productId: 7682917990559,
1028          handle: "watermelon-lime",
1029          tags: ["upc-850027702360"],
1030          collectionIds: [641654685855,641839169695,290783363231,290552184991,264194719903,301283410079,294313492639,640796360863,300700958879,275530711199,280185536671],
1031          inventory: 19014,
1032          lowestVariantPrice: 3599
1033        };data["7401847029919"] = {
1034          productId: 7401847029919,
1035          handle: "banana-cream",
1036          tags: ["upc-85002770224"],
1037          collectionIds: [641654685855,641839169695,290783363231,290552184991,264194719903,301283410079,294313492639,640796360863,300700958879,275530711199,280185536671],
1038          inventory: 25464,
1039          lowestVariantPrice: 3599
1040        };return data;
1041  })();
1042</script>
1042
1043
1044<script type="module" blocking="render" fetchpriority="high" src="https://cdn.intelligems.io/esm/586d1e84f592/bundle.js" data-em-disable async></script>
1044
1045
1046
1047<!-- END app block --><!-- BEGIN app block: shopify://apps/keepcart-coupon-protect/blocks/keepcart/6c9b264a-3284-48f2-a6f6-2836be6ada2a -->
1048
1049
1050
1051
1052<script src="https://cdn.shopify.com/extensions/01a0cff8-2c69-745f-8772-fd89b29d2d4b/keepcart-2-253/assets/vars.generated.js" defer="defer"></script>
1052
1053
1054  
1054<script src="https://cdn.shopify.com/extensions/01a0cff8-2c69-745f-8772-fd89b29d2d4b/keepcart-2-253/assets/keepcart-embed-catalog.min.js" defer="defer"></script>
1054
1055
1056<script src="https://cdn.shopify.com/extensions/01a0cff8-2c69-745f-8772-fd89b29d2d4b/keepcart-2-253/assets/keepcart-embed-deferred.min.js" defer="defer"></script>
1056
1057
1058
1059  <style>
1060    #kc-discount-banner {
1061      
1062        --kc-banner-bg: #1a1a1a;
1063      
1064      
1065        --kc-banner-color: #f5f5f5;
1066      
1067      --kc-banner-font-size: 15px;
1068      --kc-banner-font: Helvetica, Arial, sans-serif;
1069    }
1070    
1071  </style>
1072  
1072<script>
1073    window.__KC_BANNER_CONFIG__ = {
1074      position: "bottom",
1075      autoHide: 7,
1076      animate: true,
1077      message: "Discount [code] applied - [value] off your order!"
1078    };
1079  </script>
1079
1080
1081
1082
1083<!-- 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 />
1084<link rel='preconnect dns-prefetch' href='https://conf.config-security.com/' crossorigin />
1085<script>
1086/* >> TriplePixel :: start*/
1087window.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);
1088/* << TriplePixel :: end*/
1089</script>
1089
1090
1091
1092
1093<!-- END app block --><!-- BEGIN app block: shopify://apps/attributepro/blocks/cart_attributes/e1a73f15-800a-4f25-9c6e-952ac434f07b -->
1093<script>
1094var 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};
1094function 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}();
1095</script>
vendor: 1 bytes, line 1095
1095
vendor: 5,375 bytes, lines 1096-1282
1096<script>
1097;(function(root, factory) {
1098  if (typeof define === "function" && define.amd) {
1099    define(factory);
1100  } else if (typeof exports === "object") {
1101    module.exports = factory();
1102  } else {
1103    root.jsonLogic = factory();
1104  }
1105}(this, function() {
1106  "use strict";
1107  /* globals console:false */
1108
1109  if ( ! Array.isArray) {
1110    Array.isArray = function(arg) {
1111      return Object.prototype.toString.call(arg) === "[object Array]";
1112    };
1113  }
1114
1115  /**
1116   * Return an array that contains no duplicates (original not modified)
1117   * @param  {array} array   Original reference array
1118   * @return {array}         New array with no duplicates
1119   */
1120  function arrayUnique(array) {
1121    var a = [];
1122    for (var i=0, l=array.length; i<l; i++) {
1123      if (a.indexOf(array[i]) === -1) {
1124        a.push(array[i]);
1125      }
1126    }
1127    return a;
1128  }
1129
1130  var jsonLogic = {};
1131  var operations = {
1132    "==": function(a, b) {
1133      return a == b;
1134    },
1135    "===": function(a, b) {
1136      return a === b;
1137    },
1138    "!=": function(a, b) {
1139      return a != b;
1140    },
1141    "!==": function(a, b) {
1142      return a !== b;
1143    },
1144    ">": function(a, b) {
1145      return a > b;
1146    },
1147    ">=": function(a, b) {
1148      return a >= b;
1149    },
1150    "<": function(a, b, c) {
1151      return (c === undefined) ? a < b : (a < b) && (b < c);
1152    },
1153    "<=": function(a, b, c) {
1154      return (c === undefined) ? a <= b : (a <= b) && (b <= c);
1155    },
1156    "!!": function(a) {
1157      return jsonLogic.truthy(a);
1158    },
1159    "!": function(a) {
1160      return !jsonLogic.truthy(a);
1161    },
1162    "%": function(a, b) {
1163      return a % b;
1164    },
1165    "log": function(a) {
1166      console.log(a); return a;
1167    },
1168    "in": function(a, b) {
1169      if (!b || typeof b.indexOf === "undefined") return false;
1170      return (b.indexOf(a) !== -1);
1171    },
1172    "cat": function() {
1173      return Array.prototype.join.call(arguments, "");
1174    },
1175    "substr": function(source, start, end) {
1176      if (end < 0) {
1177        // JavaScript doesn't support negative end, this emulates PHP behavior
1178        var temp = String(source).substr(start);
1179        return temp.substr(0, temp.length + end);
1180      }
1181      return String(source).substr(start, end);
1182    },
1183    "+": function() {
1184      return Array.prototype.reduce.call(arguments, function(a, b) {
1185        return parseFloat(a, 10) + parseFloat(b, 10);
1186      }, 0);
1187    },
1188    "*": function() {
1189      return Array.prototype.reduce.call(arguments, function(a, b) {
1190        return parseFloat(a, 10) * parseFloat(b, 10);
1191      });
1192    },
1193    "-": function(a, b) {
1194      if (b === undefined) {
1195        return -a;
1196      } else {
1197        return a - b;
1198      }
1199    },
1200    "/": function(a, b) {
1201      return a / b;
1202    },
1203    "min": function() {
1204      return Math.min.apply(this, arguments);
1205    },
1206    "max": function() {
1207      return Math.max.apply(this, arguments);
1208    },
1209    "merge": function() {
1210      return Array.prototype.reduce.call(arguments, function(a, b) {
1211        return a.concat(b);
1212      }, []);
1213    },
1214    "var": function(a, b) {
1215      var not_found = (b === undefined) ? null : b;
1216      var data = this;
1217      if (typeof a === "undefined" || a==="" || a===null) {
1218        return data;
1219      }
1220      var sub_props = String(a).split(".");
1221      for (var i = 0; i < sub_props.length; i++) {
1222        if (data === null || data === undefined) {
1223          return not_found;
1224        }
1225        // Descending into data
1226        data = data[sub_props[i]];
1227        if (data === undefined) {
1228          return not_found;
1229        }
1230      }
1231      return data;
1232    },
1233    "missing": function() {
1234      /*
1235      Missing can receive many keys as many arguments, like {"missing:[1,2]}
1236      Missing can also receive *one* argument that is an array of keys,
1237      which typically happens if it's actually acting on the output of another command
1238      (like 'if' or 'merge')
1239      */
1240
1241      var missing = [];
1242      var keys = Array.isArray(arguments[0]) ? arguments[0] : arguments;
1243
1244      for (var i = 0; i < keys.length; i++) {
1245        var key = keys[i];
1246        var value = jsonLogic.apply({"var": key}, this);
1247        if (value === null || value === "") {
1248          missing.push(key);
1249        }
1250      }
1251
1252      return missing;
1253    },
1254    "missing_some": function(need_count, options) {
1255      // missing_some takes two arguments, how many (minimum) items must be present, and an array of keys (just like 'missing') to check for presence.
1256      var are_missing = jsonLogic.apply({"missing": options}, this);
1257
1258      if (options.length - are_missing.length >= need_count) {
1259        return [];
1260      } else {
1261        return are_missing;
1262      }
1263    },
1264  };
1265
1266  jsonLogic.is_logic = function(logic) {
1267    return (
1268      typeof logic === "object" && // An object
1269      logic !== null && // but not null
1270      ! Array.isArray(logic) && // and not an array
1271      Object.keys(logic).length === 1 // with exactly one key
1272    );
1273  };
1274
1275  /*
1276  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.
1277
1278  Spec and rationale here: http://jsonlogic.com/truthy
1279  */
1280  jsonLogic.truthy = function(value) {
1281    if (Array.isArray(value) && value.length === 0) {
1282      return false;
vendor: 8,637 bytes, lines 1283-1544
1283    }
1284    return !! value;
1285  };
1286
1287
1288  jsonLogic.get_operator = function(logic) {
1289    return Object.keys(logic)[0];
1290  };
1291
1292  jsonLogic.get_values = function(logic) {
1293    return logic[jsonLogic.get_operator(logic)];
1294  };
1295
1296  jsonLogic.apply = function(logic, data) {
1297    // Does this array contain logic? Only one way to find out.
1298    if (Array.isArray(logic)) {
1299      return logic.map(function(l) {
1300        return jsonLogic.apply(l, data);
1301      });
1302    }
1303    // You've recursed to a primitive, stop!
1304    if ( ! jsonLogic.is_logic(logic) ) {
1305      return logic;
1306    }
1307
1308    var op = jsonLogic.get_operator(logic);
1309    var values = logic[op];
1310    var i;
1311    var current;
1312    var scopedLogic;
1313    var scopedData;
1314    var initial;
1315
1316    // easy syntax for unary operators, like {"var" : "x"} instead of strict {"var" : ["x"]}
1317    if ( ! Array.isArray(values)) {
1318      values = [values];
1319    }
1320
1321    // 'if', 'and', and 'or' violate the normal rule of depth-first calculating consequents, let each manage recursion as needed.
1322    if (op === "if" || op == "?:") {
1323      /* 'if' should be called with a odd number of parameters, 3 or greater
1324      This works on the pattern:
1325      if( 0 ){ 1 }else{ 2 };
1326      if( 0 ){ 1 }else if( 2 ){ 3 }else{ 4 };
1327      if( 0 ){ 1 }else if( 2 ){ 3 }else if( 4 ){ 5 }else{ 6 };
1328
1329      The implementation is:
1330      For pairs of values (0,1 then 2,3 then 4,5 etc)
1331      If the first evaluates truthy, evaluate and return the second
1332      If the first evaluates falsy, jump to the next pair (e.g, 0,1 to 2,3)
1333      given one parameter, evaluate and return it. (it's an Else and all the If/ElseIf were false)
1334      given 0 parameters, return NULL (not great practice, but there was no Else)
1335      */
1336      for (i = 0; i < values.length - 1; i += 2) {
1337        if ( jsonLogic.truthy( jsonLogic.apply(values[i], data) ) ) {
1338          return jsonLogic.apply(values[i+1], data);
1339        }
1340      }
1341      if (values.length === i+1) {
1342        return jsonLogic.apply(values[i], data);
1343      }
1344      return null;
1345    } else if (op === "and") { // Return first falsy, or last
1346      for (i=0; i < values.length; i+=1) {
1347        current = jsonLogic.apply(values[i], data);
1348        if ( ! jsonLogic.truthy(current)) {
1349          return current;
1350        }
1351      }
1352      return current; // Last
1353    } else if (op === "or") {// Return first truthy, or last
1354      for (i=0; i < values.length; i+=1) {
1355        current = jsonLogic.apply(values[i], data);
1356        if ( jsonLogic.truthy(current) ) {
1357          return current;
1358        }
1359      }
1360      return current; // Last
1361    } else if (op === "filter") {
1362      scopedData = jsonLogic.apply(values[0], data);
1363      scopedLogic = values[1];
1364
1365      if ( ! Array.isArray(scopedData)) {
1366        return [];
1367      }
1368      // Return only the elements from the array in the first argument,
1369      // that return truthy when passed to the logic in the second argument.
1370      // For parity with JavaScript, reindex the returned array
1371      return scopedData.filter(function(datum) {
1372        return jsonLogic.truthy( jsonLogic.apply(scopedLogic, datum));
1373      });
1374    } else if (op === "map") {
1375      scopedData = jsonLogic.apply(values[0], data);
1376      scopedLogic = values[1];
1377
1378      if ( ! Array.isArray(scopedData)) {
1379        return [];
1380      }
1381
1382      return scopedData.map(function(datum) {
1383        return jsonLogic.apply(scopedLogic, datum);
1384      });
1385    } else if (op === "reduce") {
1386      scopedData = jsonLogic.apply(values[0], data);
1387      scopedLogic = values[1];
1388      initial = typeof values[2] !== "undefined" ? values[2] : null;
1389
1390      if ( ! Array.isArray(scopedData)) {
1391        return initial;
1392      }
1393
1394      return scopedData.reduce(
1395        function(accumulator, current) {
1396          return jsonLogic.apply(
1397            scopedLogic,
1398            {current: current, accumulator: accumulator}
1399          );
1400        },
1401        initial
1402      );
1403    } else if (op === "all") {
1404      scopedData = jsonLogic.apply(values[0], data);
1405      scopedLogic = values[1];
1406      // All of an empty set is false. Note, some and none have correct fallback after the for loop
1407      if ( ! Array.isArray(scopedData) || ! scopedData.length) {
1408        return false;
1409      }
1410      for (i=0; i < scopedData.length; i+=1) {
1411        if ( ! jsonLogic.truthy( jsonLogic.apply(scopedLogic, scopedData[i]) )) {
1412          return false; // First falsy, short circuit
1413        }
1414      }
1415      return true; // All were truthy
1416    } else if (op === "none") {
1417      scopedData = jsonLogic.apply(values[0], data);
1418      scopedLogic = values[1];
1419
1420      if ( ! Array.isArray(scopedData) || ! scopedData.length) {
1421        return true;
1422      }
1423      for (i=0; i < scopedData.length; i+=1) {
1424        if ( jsonLogic.truthy( jsonLogic.apply(scopedLogic, scopedData[i]) )) {
1425          return false; // First truthy, short circuit
1426        }
1427      }
1428      return true; // None were truthy
1429    } else if (op === "some") {
1430      scopedData = jsonLogic.apply(values[0], data);
1431      scopedLogic = values[1];
1432
1433      if ( ! Array.isArray(scopedData) || ! scopedData.length) {
1434        return false;
1435      }
1436      for (i=0; i < scopedData.length; i+=1) {
1437        if ( jsonLogic.truthy( jsonLogic.apply(scopedLogic, scopedData[i]) )) {
1438          return true; // First truthy, short circuit
1439        }
1440      }
1441      return false; // None were truthy
1442    }
1443
1444    // Everyone else gets immediate depth-first recursion
1445    values = values.map(function(val) {
1446      return jsonLogic.apply(val, data);
1447    });
1448
1449
1450    // The operation is called with "data" bound to its "this" and "values" passed as arguments.
1451    // Structured commands like % or > can name formal arguments while flexible commands (like missing or merge) can operate on the pseudo-array arguments
1452    // https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Functions/arguments
1453    if (operations.hasOwnProperty(op) && typeof operations[op] === "function") {
1454      return operations[op].apply(data, values);
1455    } else if (op.indexOf(".") > 0) { // Contains a dot, and not in the 0th position
1456      var sub_ops = String(op).split(".");
1457      var operation = operations;
1458      for (i = 0; i < sub_ops.length; i++) {
1459        if (!operation.hasOwnProperty(sub_ops[i])) {
1460          throw new Error("Unrecognized operation " + op +
1461            " (failed at " + sub_ops.slice(0, i+1).join(".") + ")");
1462        }
1463        // Descending into operations
1464        operation = operation[sub_ops[i]];
1465      }
1466
1467      return operation.apply(data, values);
1468    }
1469
1470    throw new Error("Unrecognized operation " + op );
1471  };
1472
1473  jsonLogic.uses_data = function(logic) {
1474    var collection = [];
1475
1476    if (jsonLogic.is_logic(logic)) {
1477      var op = jsonLogic.get_operator(logic);
1478      var values = logic[op];
1479
1480      if ( ! Array.isArray(values)) {
1481        values = [values];
1482      }
1483
1484      if (op === "var") {
1485        // This doesn't cover the case where the arg to var is itself a rule.
1486        collection.push(values[0]);
1487      } else {
1488        // Recursion!
1489        values.forEach(function(val) {
1490          collection.push.apply(collection, jsonLogic.uses_data(val) );
1491        });
1492      }
1493    }
1494
1495    return arrayUnique(collection);
1496  };
1497
1498  jsonLogic.add_operation = function(name, code) {
1499    operations[name] = code;
1500  };
1501
1502  jsonLogic.rm_operation = function(name) {
1503    delete operations[name];
1504  };
1505
1506  jsonLogic.rule_like = function(rule, pattern) {
1507    // console.log("Is ". JSON.stringify(rule) . " like " . JSON.stringify(pattern) . "?");
1508    if (pattern === rule) {
1509      return true;
1510    } // TODO : Deep object equivalency?
1511    if (pattern === "@") {
1512      return true;
1513    } // Wildcard!
1514    if (pattern === "number") {
1515      return (typeof rule === "number");
1516    }
1517    if (pattern === "string") {
1518      return (typeof rule === "string");
1519    }
1520    if (pattern === "array") {
1521      // !logic test might be superfluous in JavaScript
1522      return Array.isArray(rule) && ! jsonLogic.is_logic(rule);
1523    }
1524
1525    if (jsonLogic.is_logic(pattern)) {
1526      if (jsonLogic.is_logic(rule)) {
1527        var pattern_op = jsonLogic.get_operator(pattern);
1528        var rule_op = jsonLogic.get_operator(rule);
1529
1530        if (pattern_op === "@" || pattern_op === rule_op) {
1531          // echo "\nOperators match, go deeper\n";
1532          return jsonLogic.rule_like(
1533            jsonLogic.get_values(rule, false),
1534            jsonLogic.get_values(pattern, false)
1535          );
1536        }
1537      }
1538      return false; // pattern is logic, rule isn't, can't be eq
1539    }
1540
1541    if (Array.isArray(pattern)) {
1542      if (Array.isArray(rule)) {
1543        if (pattern.length !== rule.length) {
1544          return false;
1545        }
1546        /*
1547          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)
1548        */
1549        for (var i = 0; i < pattern.length; i += 1) {
1550          // If any fail, we fail
1551          if ( ! jsonLogic.rule_like(rule[i], pattern[i])) {
1552            return false;
1553          }
1554        }
1555        return true; // If they *all* passed, we pass
1556      } else {
1557        return false; // Pattern is array, rule isn't
1558      }
1559    }
1560
1561    // Not logic, not array, not a === match for rule.
1562    return false;
1563  };
1564
1565  return jsonLogic;
1566}));
1567</script>
1567<!-- BEGIN app snippet: properties_mapping -->
1567<script>
1568const ap_Config = {
1569    page_title: "OLIPOP 9g Fiber Line",
1570    cart: {
1571      checkout_charge_amount: 0,
1572      item_count: 0,
1573      note: null,
1574      total_discount: 0,
1575      total_price: 0,
1576    },
1577    date: new Date().toISOString().split('T')[0],
1578    date_time: new Date().toISOString(),
1579    localization : {
1580      country: {
1581        iso_code: "US",
1582        currency: {
1583          symbol: "$"
1584        }
1585      },
1586      market: {
1587        handle: 'us',
1588        id: 3724869791
1589      }
1590    },
1591    customer: {
1592      b2b: null,
1593      current_company: {        
1594        name: null      
1595      },
1596      email: null,
1597      last_order: {
1598        id: null
1599      }
1600    },
1601    shop: {
1602      address:{
1603        address1: "360 Grand Ave #259",
1604        address2: "",
1605        city: "Oakland",
1606        country: "United States",
1607        province: "California",
1608        province_code: "CA",
1609      }
1610    },
1611}
1612</script>
1612<!-- END app snippet -->
1612<script type="module">
1613  const ROOT_URL = typeof window.Shopify.routes.root == "undefined" ? "/" : window.Shopify.routes.root;
1614  const getInterpolatedValue = (value) => {
1615    if(!window.cartAttributesConfig.isUltimate) return value;
1616    const tagPattern = /\{\{([^\}]+)\}\}/g;
1617    let interpolatedValue = value;
1618    let match;
1619    while ((match = tagPattern.exec(value)) !== null) {
1620      const path = match[1].trim().split('.');
1621      let context = ap_Config;
1622      for (const segment of path) {
1623        console.log("segment", segment);
1624        if (context.hasOwnProperty(segment)) {
1625          context = context[segment];
1626        } else {
1627          console.error(`Path segment '${segment}' not found in context.`);
1628          context = undefined;
1629          break;
1630        }
1631      }
1632      if (context !== undefined) {
1633        interpolatedValue = interpolatedValue.replace(new RegExp(match[0].replace(/[.*+?^${}()|[\]\\]/g, '\\$&'), 'g'), context);
1634      }
1635    }
1636    return interpolatedValue;
1637  }
1638
1639  
1640  
1641    console.log("Not ultimate");
1642  
1643  window.cartAttributesConfig = {
1644    
1645    
1646    metaobjects: [],
1647  }
1648  let FLAG = false
1649
1650  let logCart = false
1651
1652  const customerCountry = "US"
1653  const market = 3724869791
1654  
1655
1656  xhook.after(async function (request, response) {
1657    if (!request.url.toString().match(/cart\/add/) && !request.url.toString().match(/cart\/change/)) return
1658    if (FLAG === true) return
1659    if (!window.cartAttributesConfig.metaobjects?.length) return
1660    if (response.status === 200){
1661      const ATTRIBUTES = {};
1662      const MODIFIED_ITEMS = new Set(); // Track which items were actually modified by rules
1663      const PRODUCT_ATTRIBUTES = {};
1664      let cart = await fetch(window.origin + "/cart.json").then(res => res.json());
1665      for(const {id, properties} of cart.items) {
1666        PRODUCT_ATTRIBUTES[id] = properties;
1667      }
1668      const productsInCartReq = cart.items.map(async (item) => await fetch(window.origin + `/products/${item.handle}.json`).then(res => res.json()) );
1669      const productsInCart = await Promise.all(productsInCartReq);
1670      const tagsInCart = productsInCart.map(product => product.product.tags.split(", ")).flat();
1671
1672      const collectionsInCart = []
1673
1674      window.cartAttributesConfig.metaobjects?.forEach((metaobject, i) => {
1675
1676        if (metaobject.debug) {
1677          console.log("TAGS in cart: ", tagsInCart);
1678          console.log("COLLECTIONS in cart: ", collectionsInCart);
1679          console.log("Cart pre_script")
1680          console.log(cart)
1681
1682          metaobject.debug && console.log(metaobject);
1683          logCart = true;
1684        }
1685
1686        if (metaobject.active == true) {
1687          metaobject.debug && console.log(metaobject.title + " is included in the textArea");
1688          const cartWithAdditionalFields = {
1689            ...cart,
1690            tagsInCart: tagsInCart,
1691            collectionsInCart: collectionsInCart,
1692            customerCountry: customerCountry,
1693            market: `gid://shopify/Market/${market}`
1694        }
1695          // If rule truthy
1696          if (window.jsonLogic.apply(metaobject.rules, cartWithAdditionalFields)) {
1697            metaobject.debug && console.log("Rule is truthy. We're adding its attributes");
1698
1699            if (metaobject.target !== "product") { // Add Cart attr
1700              metaobject.attributes.forEach(a => {
1701                let interpolatedValue = getInterpolatedValue(a.value)
1702                ATTRIBUTES[a.key] = interpolatedValue;
1703              });
1704            }
1705
1706            if (metaobject.target !== "cart") { // Add Product attr
1707              console.log("This is our metaobject and its products: ", metaobject);
1708
1709              const project_attr = {};
1710              metaobject.attributes.forEach(a => {
1711                let interpolatedValue = getInterpolatedValue(a.value)
1712                project_attr[a.key] = interpolatedValue;
1713              });
1714              metaobject.products.forEach(product => {
1715                const id = product.id.split("/").at(-1);
1716                PRODUCT_ATTRIBUTES[id] = { ...PRODUCT_ATTRIBUTES[id], ...project_attr };
1717                MODIFIED_ITEMS.add(id);
1718              });
1719            }
1720
1721          // If rule not truthy
1722          } else {
1723            metaobject.debug && console.log("Rule is not truthy. We're invalidating its attributes");
1724
1725            if (metaobject.target !== "product") { //Cleanup for Cart
1726              metaobject.attributes.forEach((a, i) => {
1727                if (cart.attributes[a.key] !== undefined && !metaobject.keep) {
1728                  ATTRIBUTES[a.key] = null;
1729                }
1730              });
1731            }
1732
1733
1734            else if (metaobject.target !== "cart" && !metaobject.keep) { //Cleanup for Products
1735
1736              metaobject.products.forEach(product => {
1737                const id = product.id.split("/").at(-1);
1738                metaobject.attributes.forEach(a => {
1739                  if (PRODUCT_ATTRIBUTES[id]?.[a.key] !== undefined) {
1740                    delete PRODUCT_ATTRIBUTES[id][a.key];
1741                    MODIFIED_ITEMS.add(id);
1742                  }
1743                });
1744              });
1745
1746            }
1747
1748          }
1749        }
1750        metaobject.debug && console.log("Cart attributes to push: ", ATTRIBUTES);
1751        if(metaobject.debug){
1752          console.log(i+1+"* METAOBJ ATTRIBUTES: ", JSON.parse(JSON.stringify(PRODUCT_ATTRIBUTES)));
1753        }
1754      });
1755
1756      // Only send /cart/change.js for items that were actually modified by rules
1757      // AND whose desired properties differ from what's already on the cart line
1758      const itemsToUpdate = cart.items.filter(item => {
1759        if (!MODIFIED_ITEMS.has(String(item.id))) return false;
1760        const desired = PRODUCT_ATTRIBUTES[item.id] || {};
1761        const current = item.properties || {};
1762        // Check if every desired key/value already matches the current properties
1763        const desiredKeys = Object.keys(desired);
1764        const currentKeys = Object.keys(current);
1765        if (desiredKeys.length !== currentKeys.length) return true;
1766        for (const key of desiredKeys) {
1767          if (String(desired[key]) !== String(current[key])) return true;
1768        }
1769        return false; // All properties already match, no need to update
1770      });
1771      if (itemsToUpdate.length > 0) {
1772        FLAG = true;
1773        await Promise.all(itemsToUpdate.map(item => {
1774          const attributes = PRODUCT_ATTRIBUTES[item.id];
1775          return fetch(ROOT_URL + "cart/change.js", {
1776            method: 'POST',
1777            headers: {
1778              'Content-Type': 'application/json'
1779            },
1780            body: JSON.stringify({
1781              id: item.key,
1782              properties: attributes,
1783              quantity: item.quantity
1784            })
1785          }).catch(err => console.error(err));
1786        }));
1787        FLAG = false;
1788      }
1789
1790      // Only send /cart/update.js when we actually have attributes to set/clear
1791      const hasCartAttributes = Object.keys(ATTRIBUTES).length > 0;
1792      if (hasCartAttributes) {
1793        fetch(ROOT_URL + 'cart/update.js', {
1794          method: 'POST',
1795          headers: {
1796            'Content-Type': 'application/json'
1797          },
1798          body: JSON.stringify({attributes: ATTRIBUTES})
1799        })
1800        .then((res) => res.json())
1801        .then(data => {
1802          logCart && console.log("cartResult",data);
1803          return data
1804        })
1805        .catch((error) => {
1806          console.error('Error:', error);
1807        });
1808      }
1809
1810    }
1811  });
1812</script>
1812
1813
1814
1815
1816<!-- END app block --><!-- BEGIN app block: shopify://apps/klaviyo-email-marketing-sms/blocks/klaviyo-onsite-embed/2632fe16-c075-4321-a88b-50b567f42507 -->
1817
1818
1819
1820
1821
1822
1823
1824
1825
1826
1827
1828
1829  
1829<script async src="https://static.klaviyo.com/onsite/js/PbvgDc/klaviyo.js?company_id=PbvgDc"></script>
1829
1830  
1830<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>
1830
1831
1832  
1833
1834
1835
1836
1837  
1837<script>
1838    window.klaviyoReviewsProductDesignMode = false
1839  </script>
1839
1840
1841
1842
1843
1844
1845
1846
1847
1848
1849<!-- END app block --><!-- BEGIN app block: shopify://apps/wyllo-formerly-nofraud/blocks/nf_device/5c2706cf-d458-49c5-a6fa-4fb6b79ce2b4 -->
1849<script async src="https://services.nofraud.com/js/device.js?shop=olipop-store.myshopify.com" type="application/javascript"></script>
1849
1850
1851
1852<!-- END app block --><!-- BEGIN app block: shopify://apps/videowise-video-commerce/blocks/script_embed/b48d6c0c-3e3f-4791-a9ab-a5ab7ec82f4d -->
1853
1854
1855
1856
1857<link
1858  rel="preload"
1859  as="style"
1860  onload="this.onload=null;this.rel='stylesheet'"
1861  href="https://assets.videowise.com/style.css.gz"
1862  id="videowise-style-css">
1863<script
1864  defer
1865  src="https://assets.videowise.com/vendors.js.gz"
1866  id="videowise-vendors-js"></script>
vendor: 1 bytes, line 1866
1866
1867<script
1868  defer
1869  src="https://assets.videowise.com/client.js.gz"
1870  id="videowise-client-js"></script>
1870
1871
1872<link rel="dns-prefetch" href="https://assets.videowise.com/" />
1873
1874<link rel="dns-prefetch" href="https://cdn2.videowise.com/" />
1875
1876<link rel="dns-prefetch" href="https://api-cdn.videowise.com/" />
1877
1878<link rel="dns-prefetch" href="https://images.videowise.com/" />
1879
1880<link rel="dns-prefetch" href="https://cdn.videowise.com/" />
1881
1882<!-- END app block --><!-- BEGIN app block: shopify://apps/elevar-conversion-tracking/blocks/dataLayerEmbed/bc30ab68-b15c-4311-811f-8ef485877ad6 -->
1883
1884
1885
1886<script type="module" dynamic>
1887  const configUrl = "/a/elevar/static/configs/3bd4c3efadb9bd7b389600baaae057f8a9972102/config.js";
1888  const config = (await import(configUrl)).default;
1889  const scriptUrl = config.script_src_app_theme_embed;
1890
1891  if (scriptUrl) {
1892    const { handler } = await import(scriptUrl);
1893
1894    await handler(
1895      config,
1896      {
1897        cartData: {
1898  marketId: "3724869791",
1899  localeCountryCode:"US",
1900  attributes:{},
1901  cartTotal: "0.0",
1902  currencyCode:"USD",
1903  items: []
1904}
1905,
1906        user: {
1907  cartTotal: "0.0",
1908  currencyCode:"USD",
1909  customer: {},
1910}
1911,
1912        isOnCartPage:false,
1913        collectionView:{
1914    currencyCode:"USD",
1915    items: [{id:"OP-CRA-12",name:"Caramel Apple",
1916          brand:"OLIPOP",
1917          category:"9g Fiber",
1918          variant:"12 Pack",
1919          price: "35.99",
1920          productId: "10910759354527",
1921          variantId: "62787700621471",
1922          handle:"caramel-apple",
1923          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",
1924          brand:"OLIPOP",
1925          category:"9g Fiber",
1926          variant:"12 Pack",
1927          price: "35.99",
1928          productId: "5871016640671",
1929          variantId: "37114287784095",
1930          handle:"blackberry-vanilla",
1931          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",
1932          brand:"OLIPOP",
1933          category:"9g Fiber",
1934          variant:"12 Pack",
1935          price: "35.99",
1936          productId: "7478573498527",
1937          variantId: "42468536975519",
1938          handle:"crisp-apple",
1939          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",
1940          brand:"OLIPOP",
1941          category:"9g Fiber",
1942          variant:"12 Pack",
1943          price: "35.99",
1944          productId: "6866436948127",
1945          variantId: "40304921542815",
1946          handle:"classic-grape",
1947          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",
1948          brand:"OLIPOP",
1949          category:"9g Fiber",
1950          variant:"12 Pack",
1951          price: "35.99",
1952          productId: "4350717460544",
1953          variantId: "31199447679040",
1954          handle:"classic-root-beer",
1955          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",
1956          brand:"OLIPOP",
1957          category:"9g Fiber",
1958          variant:"12 Pack",
1959          price: "35.99",
1960          productId: "3818023125062",
1961          variantId: "30315238260806",
1962          handle:"vintage-cola",
1963          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",
1964          brand:"OLIPOP",
1965          category:"9g Fiber",
1966          variant:"12 Pack",
1967          price: "35.99",
1968          productId: "7413651636383",
1969          variantId: "42284980666527",
1970          handle:"cream-soda",
1971          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",
1972          brand:"OLIPOP",
1973          category:"9g Fiber",
1974          variant:"12 Pack",
1975          price: "35.99",
1976          productId: "3818021027910",
1977          variantId: "30315220959302",
1978          handle:"strawberry-vanilla",
1979          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",
1980          brand:"OLIPOP",
1981          category:"9g Fiber",
1982          variant:"12 Pack",
1983          price: "35.99",
1984          productId: "7502145421471",
1985          variantId: "42533620777119",
1986          handle:"cherry-cola",
1987          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",
1988          brand:"OLIPOP",
1989          category:"9g Fiber",
1990          variant:"12 Pack",
1991          price: "35.99",
1992          productId: "6604538577055",
1993          variantId: "39569001578655",
1994          handle:"orange-cream",
1995          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",
1996          brand:"OLIPOP",
1997          category:"9g Fiber",
1998          variant:"12 Pack",
1999          price: "35.99",
2000          productId: "9247375851679",
2001          variantId: "45259076501663",
2002          handle:"peaches-and-cream",
2003          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",
2004          brand:"OLIPOP",
2005          category:"9g Fiber",
2006          variant:"12 Pack",
2007          price: "35.99",
2008          productId: "9038878015647",
2009          variantId: "44438423208095",
2010          handle:"ginger-ale",
2011          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",
2012          brand:"OLIPOP",
2013          category:"9g Fiber",
2014          variant:"12 Pack",
2015          price: "35.99",
2016          productId: "5538631712927",
2017          variantId: "35768781111455",
2018          handle:"orange-squeeze",
2019          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",
2020          brand:"OLIPOP",
2021          category:"9g Fiber",
2022          variant:"12 Pack",
2023          price: "35.99",
2024          productId: "9407865061535",
2025          variantId: "46054342066335",
2026          handle:"citrus-rush",
2027          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",
2028          brand:"OLIPOP",
2029          category:"9g Fiber",
2030          variant:"12 Pack",
2031          price: "35.99",
2032          productId: "7413651832991",
2033          variantId: "42284985188511",
2034          handle:"doctor-goodwin",
2035          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",
2036          brand:"OLIPOP",
2037          category:"9g Fiber",
2038          variant:"12 Pack",
2039          price: "35.99",
2040          productId: "4452820189248",
2041          variantId: "31667872464960",
2042          handle:"cherry-vanilla",
2043          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",
2044          brand:"OLIPOP",
2045          category:"9g Fiber",
2046          variant:"12 Pack",
2047          price: "35.99",
2048          productId: "3818021912646",
2049          variantId: "30315236851782",
2050          handle:"ginger-lemon",
2051          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",
2052          brand:"OLIPOP",
2053          category:"9g Fiber",
2054          variant:"12 Pack",
2055          price: "35.99",
2056          productId: "7323931246751",
2057          variantId: "41922380824735",
2058          handle:"tropical-punch",
2059          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",
2060          brand:"OLIPOP",
2061          category:"9g Fiber",
2062          variant:"12 Pack",
2063          price: "35.99",
2064          productId: "7612616376479",
2065          variantId: "42897487429791",
2066          handle:"lemon-lime",
2067          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",
2068          brand:"OLIPOP",
2069          category:"9g Fiber",
2070          variant:"12 Pack",
2071          price: "35.99",
2072          productId: "7682917990559",
2073          variantId: "43069390880927",
2074          handle:"watermelon-lime",
2075          compareAtPrice: "0.0",image:"\/\/drinkolipop.com\/cdn\/shop\/products\/Olipop_WL_Can_front_1.png?v=1745469054"},{id:"OP-BC-12",name:"Banana Cream",
2076          brand:"OLIPOP",
2077          category:"9g Fiber",
2078          variant:"12 Pack",
2079          price: "35.99",
2080          productId: "7401847029919",
2081          variantId: "42237531390111",
2082          handle:"banana-cream",
2083          compareAtPrice: "0.0",image:"\/\/drinkolipop.com\/cdn\/shop\/files\/banana-cream-9g-olipop_gallery-image_single-can_new_asset.webp?v=1779155708"},]
2084  },
2085        searchResultsView:null,
2086        productView:null,
2087      }
2088    );
2089  }
2090</script>
2090
2091
2092
2093<!-- 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">
2094<meta property="og:image" content="https://cdn.shopify.com/s/files/1/0034/6610/0806/files/Website_-_Social_-_Share_-_V1.png?v=1639521624" />
2095<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" />
2096<meta property="og:image:width" content="2400" />
2097<meta property="og:image:height" content="1256" />
2098<link href="https://monorail-edge.shopifysvc.com" rel="dns-prefetch">
2099<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 2099
2099
2100<script>
2101  window.__TREKKIE_SHIM_QUEUE = window.__TREKKIE_SHIM_QUEUE || [];
2102</script>
vendor: 1 bytes, line 2102
2102
2103<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}
2103).catch(function(){})}catch(e){}else try{var _=new XMLHttpRequest;_.open("POST",d,!0),_.setRequestHeader("Content-Type","text/plain"),_.send(m)}catch(e){n("[Web Pixels Manager] Got an unhandled error while logging to Monorail.")}}else n("[Web Pixels Manager] No Monorail endpoint provided, skipping logging.")}}}({version:u,browserTarget:g,surface:d.surface,shopId:d.shopId,monorailEndpoint:d.monorailEndpoint});if(Boolean(null==(_=null==(b=window.Shopify)?void 0:b.analytics)?void 0:_.replayQueue))w.emit({status:"setup-skipped",errorMsg:"replay queue already initialized."});else{var b,_;w.emit({status:"setup-started"}),window.Shopify=window.Shopify||{};var S=window.Shopify;S.analytics=S.analytics||{};var P=S.analytics;P.replayQueue=[],P.publish=function(e,t,i){return P.replayQueue.push([e,t,i]),!0};try{self.performance.mark("wpm:start")}catch(e){}var k,C="modern"===g?"modern":"legacy",E=(null!=l?l:{modern:"",legacy:""})[C],I=[(k={baseUrl:s,hashVersion:u,buildTarget:C}).baseUrl,"/wpm","/b",k.hashVersion,"modern"===k.buildTarget?"m":"l",".js"].join(""),O=!1,T=!1;try{c.browserTarget=g,function(){O=!0;try{window.addEventListener("pagehide",M)}catch(e){O=!1}}(),R(function(){try{R(x)}catch(e){D(e)}}),w.emit({status:"loading",requestId:m.requestId,navigationType:m.navigationType,trekkieState:a()})}catch(e){D(e)}}function U(){var e;if(q(),!function(){var e,t;return Boolean(null==(t=null==(e=window.Shopify)?void 0:e.analytics)?void 0:t.initialized)}()){var t,i,n;try{if("function"!=typeof(null==(e=window.webPixelsManager)?void 0:e.init))return void A();if(!(null!==(n=i=t=window.webPixelsManager.init(d))&&"function"!=typeof n&&Object(n)===n&&"publish"in i&&"function"==typeof i.publish&&"publishCustomEvent"in i&&"function"==typeof i.publishCustomEvent&&"visitor"in i&&"function"==typeof i.visitor))return void A()}catch(e){return void A(e)}var r=window.Shopify.analytics;r.replayQueue.forEach(function(e){var i=e[0],n=e[1],r=e[2];t.publishCustomEvent(i,n,r)}),r.replayQueue=[],r.publish=t.publishCustomEvent,r.visitor=t.visitor,r.initialized=!0}}function A(e){B("manager_api_unavailable",void 0===e?void 0:Q(e))}function x(){B("script_load_failed","".concat(I," has failed to load"))}function B(e,t){T||(T=!0,q(),w.emit({status:"failed",errorMsg:t,failureReason:e,requestId:m.requestId,navigationType:m.navigationType,trekkieState:a()}))}function M(e){O&&(q(),w.emit({status:"pagehide-while-loading",useKeepaliveFallback:!0,pagehidePersisted:e.persisted,requestId:m.requestId,navigationType:m.navigationType,trekkieState:a()}))}function q(){O=!1;try{window.removeEventListener("pagehide",M)}catch(e){}}function R(e){var t;!function(e){var t=e.src,i=e.async,n=void 0===i||i,r=e.onload,o=e.onerror,a=e.sri,d=e.scriptDataAttributes,s=void 0===d?{}:d,u=document.createElement("script"),l=document.querySelector("head"),c=document.querySelector("body");if(u.async=n,u.src=t,a&&(u.integrity=a,u.crossOrigin="anonymous"),s)for(var p in s)if(Object.prototype.hasOwnProperty.call(s,p))try{u.dataset[p]=String(s[p])}catch(e){}if(r&&u.addEventListener("load",r),o&&u.addEventListener("error",o),l)l.appendChild(u);else{if(!c)throw new Error("Did not find a head or body element to append the script");c.appendChild(u)}}({src:I,async:!0,onload:U,onerror:e,sri:(t=E,"string"==typeof t&&/^sha384-[A-Za-z0-9+/=]+$/.test(t)?E:""),scriptDataAttributes:c})}function D(e){B("script_append_failed",Q(e))}function Q(e){return e instanceof Error?e.message:"Unknown error"}}}();wpmLoader({shopId: 3466100806,storefrontBaseUrl: "https://drinkolipop.com",extensionsBaseUrl: "https://extensions.shopifycdn.com/cdn/shopifycloud/web-pixels-manager",monorailEndpoint: "https://drinkolipop.com/.well-known/shopify/monorail/unstable/produce_batch",surface: "storefront-renderer",enabledBetaFlags: ["16072cab","8450a54b"],webPixelsConfigList: [{"id":"901611679","configuration":"{\"pixelCode\":\"C4AK431U9OSI64EC9TKG\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"22e92c2ad45662f435e4801458fb78cc","type":"APP","apiClientId":4383523,"privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized"},{"id":"887685279","configuration":"{\"advertiser\":\"drinkolipop\",\"userId\":\"161265b2-c678-45dd-8b10-b16b276c7094\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"c19c52670ee3dad6480bef13cf6d1e03","type":"APP","apiClientId":39871250433,"privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_email","read_customer_personal_data"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized"},{"id":"883064991","configuration":"{\"tenantId\":\"dfb51de3-94ea-4014-9527-37b52b8377ea\", \"shop\":\"olipop-store.myshopify.com\", \"datasourceId\":\"613a349b-c3fe-459e-a8c2-74250377f6c7\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"480ec4c467668a19b56bc858d759ef88","type":"APP","apiClientId":4294333,"privacyPurposes":["ANALYTICS"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]}
2103,"dataSharingState":"unrestricted"},{"id":"873824415","configuration":"{\"accountID\":\"9503\",\"integrationId\":\"9503\",\"brandId\":\"8725\",\"environment\":\"prod\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"f28c8e4372c74ce89d6ccedbdfdb52da","type":"APP","apiClientId":22258319361,"privacyPurposes":[],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized"},{"id":"855900319","configuration":"{\"Enabled\":\"false\",\"UpdatedAt\":\"2026-05-28T20:32:13.756Z\",\"DeveloperPreview\":\"false\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"7913f49eba866a6cbbe1bb85b5400251","type":"APP","apiClientId":34646425601,"privacyPurposes":["ANALYTICS"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"unrestricted"},{"id":"844464287","configuration":"{\"trackingKey\":\"olipop-store-stayai-web-pixel\",\"enabled\":\"true\",\"collectorUrl\":\"https:\\\/\\\/pixel.retextion.com\",\"version\":\"1\",\"debug\":\"false\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"94457fdfcf80b0033e88e322893e2b49","type":"APP","apiClientId":5859381,"privacyPurposes":["ANALYTICS"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"unrestricted"},{"id":"843415711","configuration":"{\"config_url\": \"https:\/\/shopify-gtm-suite.getelevar.com\/configs\/3bd4c3efadb9bd7b389600baaae057f8a9972102\/config.js\"}","eventPayloadVersion":"v1","runtimeContext":"LAX","scriptVersion":"7ae63d00911d5ee26809bf1e3232d852","type":"APP","apiClientId":2509311,"privacyPurposes":[],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"unrestricted"},{"id":"795934879","configuration":"{\"accountID\":\"PbvgDc\",\"webPixelConfig\":\"eyJlbmFibGVBZGRlZFRvQ2FydEV2ZW50cyI6IHRydWV9\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"c63c5b72c8d77be5f2d27d14c081da38","type":"APP","apiClientId":123074,"privacyPurposes":["ANALYTICS","MARKETING"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized","enabledFlags":["9a3ed68a"]},{"id":"746881183","configuration":"{\"accountID\":\"1552\",\"micrositeDomain\":\"drinkolipop.superfiliate.com\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"9fae8f5cb0b9c97477ac364bb3772a0c","type":"APP","apiClientId":4862993,"privacyPurposes":["ANALYTICS"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"unrestricted"},{"id":"740360351","configuration":"{\"shopUrl\":\"olipop-store.myshopify.com\",\"apiUrl\":\"https:\\\/\\\/services.nofraud.com\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"0cf396a0daab06a8120b15747f89a0e3","type":"APP","apiClientId":1380557,"privacyPurposes":[],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"unrestricted"},{"id":"651690143","configuration":"{\"shopId\":\"olipop-store.myshopify.com\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"7093dff47f098f6de2afb75b62011ebe","type":"APP","apiClientId":2753413,"privacyPurposes":["ANALYTICS","MARKETING"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized"},{"id":"601063583","configuration":"{\"accountID\":\"olipop-store.myshopify.com\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"74f89c26283dd9bc8e535e14315f3aed","type":"APP","apiClientId":198303350785,"privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized"},{"id":"566689951","configuration":"{\"shopID\":\"3466100806\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"661cb915019a6836503f79bf7365ed06","type":"APP","apiClientId":37840257025,"privacyPurposes":["ANALYTICS"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized"},{"id":"562888863","configuration":"{\"locale\":\"en_US\",\"client\":\"olipop\",\"environment\":\"production\",\"deployment_zone\":\"main_site\",\"use_external_ids\":\"false\",\"use_variants\":\"false\",\"external_id_attribute\":\"default\",\"storefront_api_key\":\"none\",\"product_metafield_key\":\"none\",\"product_metafield_namespace\":\"none\",\"multi_locale_enabled\":\"false\",\"locale_mapping\":\"{}\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"bf601cbef12079fa1ab77422415f1989","type":"APP","apiClientId":1888040,"privacyPurposes":["ANALYTICS","MARKETING"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized"},{"id":"306348191","configuration":"{\"site_id\":\"18c223ec-1eb0-462b-ae0c-008c2e8cc450\",\"analytics_endpoint\"
2103:\"https:\\\/\\\/na.shgcdn3.com\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"695709fc3f146fa50a25299517a954f2","type":"APP","apiClientId":1158168,"privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_personal_data"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized"},{"id":"216826015","configuration":"{\"pixel_id\":\"452900448865909\",\"pixel_type\":\"facebook_pixel\",\"metaapp_system_user_token\":\"-\"}","eventPayloadVersion":"v1","runtimeContext":"OPEN","scriptVersion":"96420dbe9ea96c426a1b7f364f977719","type":"APP","apiClientId":2329312,"privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized","enabledFlags":["9a3ed68a"]},{"id":"113672351","configuration":"{\"tagID\":\"2612465282190\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"7ae565e198624b39e0856d352b9a6b4c","type":"APP","apiClientId":3009811,"privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized"},{"id":"44695711","configuration":"{\"shopId\":\"olipop-store.myshopify.com\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"31536d5a2ef62c1887054e49fd58dba0","type":"APP","apiClientId":4845829,"privacyPurposes":["ANALYTICS"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"unrestricted"},{"id":"33783967","configuration":"{\"campaignID\":\"12980\",\"externalExecutionURL\":\"https:\/\/engine.saasler.com\/api\/v1\/webhook_executions\/b01a0964f6e01eccad6be51da55ef1e9\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"7a47b06116c806e4367c27d301f4f458","type":"APP","apiClientId":3546795,"privacyPurposes":[],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"unrestricted"},{"id":"26509471","configuration":"{\"myshopifyDomain\":\"olipop-store.myshopify.com\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"23b97d18e2aa74363140dc29c9284e87","type":"APP","apiClientId":2775569,"privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_phone","read_customer_personal_data"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized"},{"id":"16089247","eventPayloadVersion":"1","runtimeContext":"LAX","scriptVersion":"1","type":"CUSTOM","privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"name":"ORION"},{"id":"22773919","eventPayloadVersion":"1","runtimeContext":"LAX","scriptVersion":"1","type":"CUSTOM","privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"name":"Microsoft Clarity"},{"id":"30048415","eventPayloadVersion":"1","runtimeContext":"LAX","scriptVersion":"1","type":"CUSTOM","privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"name":"BrandLock Supplementary Pixel"},{"id":"33226911","eventPayloadVersion":"1","runtimeContext":"LAX","scriptVersion":"1","type":"CUSTOM","privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"name":"Videowise Pixel"},{"id":"143556767","eventPayloadVersion":"1","runtimeContext":"LAX","scriptVersion":"1","type":"CUSTOM","privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"name":"Reddit Pixel"}
2103,{"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":"
210310910759354527","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","c8540278we853e1abpb62b2c4amde256306",{"modern":"","legacy":""},{"trekkieShim":true,"agentContext":true,"apiClientId":"580111","facebookCapiEnabled":"true","themeId":"174423703711","themePublished":"true","eventMetadataId":"9a8029cf-0e10-4ac0-a71a-6d165fec8bed","pageType":"collection","resourceId":"641654685855","shopId":"3466100806","storefrontBaseUrl":"https:\/\/drinkolipop.com","extensionBaseUrl":"https:\/\/extensions.shopifycdn.com\/cdn\/shopifycloud\/web-pixels-manager","surface":"storefront-renderer","enabledBetaFlags":"[\"16072cab\", \"8450a54b\"]","isMerchantRequest":"false","hashVersion":"c8540278we853e1abpb62b2c4amde256306","publish":"custom","events":"[[\"page_viewed\",{}],[\"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\"}
2103,\"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>
2103<script>
2104  window.ShopifyAnalytics = window.ShopifyAnalytics || {};
2105  window.ShopifyAnalytics.meta = window.ShopifyAnalytics.meta || {};
2106  window.ShopifyAnalytics.meta.currency = 'USD';
2107  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
21075896703135,"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
21075896539295,"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
21075900995743,"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
21075884611743,"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
21075920001183,"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
21075904272543,"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
21075935631519,"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":"0416b452-bdbc-498b-94ab-580825d4163a-1790276383"}};
2108  for (var attr in meta) {
2109    window.ShopifyAnalytics.meta[attr] = meta[attr];
2110  }
2111</script>
vendor: 1 bytes, line 2111
2111
2112<script class="analytics">
2113  (function () {
2114    var customDocumentWrite = function(content) {
2115      var jquery = null;
2116
2117      if (window.jQuery) {
2118        jquery = window.jQuery;
2119      } else if (window.Checkout && window.Checkout.$) {
2120        jquery = window.Checkout.$;
2121      }
2122
2123      if (jquery) {
2124        jquery('body').append(content);
2125      }
2126    };
2127
2128    var hasLoggedConversion = function(token) {
2129      if (token) {
2130        return document.cookie.indexOf('loggedConversion=' + token) !== -1;
2131      }
2132      return false;
2133    }
2134
2135    var setCookieIfConversion = function(token) {
2136      if (token) {
2137        var twoMonthsFromNow = new Date(Date.now());
2138        twoMonthsFromNow.setMonth(twoMonthsFromNow.getMonth() + 2);
2139
2140        document.cookie = 'loggedConversion=' + token + '; expires=' + twoMonthsFromNow;
2141      }
2142    }
2143
2144    var trekkie = window.ShopifyAnalytics.lib = window.trekkie = window.trekkie || [];
2145    window.ShopifyAnalytics.lib.trekkie = window.trekkie;
2146    if (trekkie.integrations) {
2147      return;
2148    }
2149    trekkie.methods = [
2150      'identify',
2151      'page',
2152      'ready',
2153      'track',
2154      'trackForm',
2155      'trackLink'
2156    ];
2157    trekkie.factory = function(method) {
2158      return function() {
2159        var args = Array.prototype.slice.call(arguments);
2160        args.unshift(method);
2161        trekkie.push(args);
2162        if (method == 'track' || method == 'page') {
2163          try {
2164            if (window.__TREKKIE_SHIM_QUEUE == null) {
2165              window.__TREKKIE_SHIM_QUEUE = [];
2166            }
2167            window.__TREKKIE_SHIM_QUEUE.push({
2168              from: 'trekkie-stub',
2169              method: method,
2170              args: args.slice(1)
2171            });
2172          } catch (e) {
2173            // no-op
2174          }
2175        }
2176        return trekkie;
2177      };
2178    };
2179    for (var i = 0; i < trekkie.methods.length; i++) {
2180      var key = trekkie.methods[i];
2181      trekkie[key] = trekkie.factory(key);
2182    }
2183    trekkie.load = function(config) {
2184      trekkie.config = config || {};
2185      trekkie.config.initialDocumentCookie = document.cookie;
2186      var first = document.getElementsByTagName('script')[0];
2187var script = document.createElement('script');
2188script.type = 'text/javascript';
2189script.onerror = function(e) {
2190  var scriptFallback = document.createElement('script');
2191  scriptFallback.type = 'text/javascript';
2192  scriptFallback.onerror = function(error) {
2193          var Monorail = {
2194      produce: function produce(monorailDomain, schemaId, payload) {
2195        var currentMs = new Date().getTime();
2196        var event = {
2197          schema_id: schemaId,
2198          payload: payload,
2199          metadata: {
2200            event_created_at_ms: currentMs,
2201            event_sent_at_ms: currentMs
2202          }
2203        };
2204        return Monorail.sendRequest("https://" + monorailDomain + "/v1/produce", JSON.stringify(event));
2205      },
2206      sendRequest: function sendRequest(endpointUrl, payload) {
2207        // Try the sendBeacon API
2208        if (window && window.navigator && typeof window.navigator.sendBeacon === 'function' && typeof window.Blob === 'function' && !Monorail.isIos12()) {
2209          var blobData = new window.Blob([payload], {
2210            type: 'text/plain'
2211          });
2212
2213          if (window.navigator.sendBeacon(endpointUrl, blobData)) {
2214            return true;
2215          } // sendBeacon was not successful
2216
2217        } // XHR beacon
2218
2219        var xhr = new XMLHttpRequest();
2220
2221        try {
2222          xhr.open('POST', endpointUrl);
2223          xhr.setRequestHeader('Content-Type', 'text/plain');
2224          xhr.send(payload);
2225        } catch (e) {
2226          console.log(e);
2227        }
2228
2229        return false;
2230      },
2231      isIos12: function isIos12() {
2232        return window.navigator.userAgent.lastIndexOf('iPhone; CPU iPhone OS 12_') !== -1 || window.navigator.userAgent.lastIndexOf('iPad; CPU OS 12_') !== -1;
2233      }
2234    };
2235    Monorail.produce('monorail-edge.shopifysvc.com',
2236      'trekkie_storefront_load_errors/1.1',
2237      {shop_id: 3466100806,
2238      theme_id: 174423703711,
2239      app_name: "storefront",
2240      context_url: window.location.href,
2241      source_url: "//drinkolipop.com/cdn/s/trekkie.storefront.f1ba865b3fecd812ad617f74ac079261075e9edb.min.js"});
2242
2243  };
2244  scriptFallback.async = true;
2245  scriptFallback.src = '//drinkolipop.com/cdn/s/trekkie.storefront.f1ba865b3fecd812ad617f74ac079261075e9edb.min.js';
2246  first.parentNode.insertBefore(scriptFallback, first);
2247};
2248script.async = true;
2249script.src = '//drinkolipop.com/cdn/s/trekkie.storefront.f1ba865b3fecd812ad617f74ac079261075e9edb.min.js';
2250first.parentNode.insertBefore(script, first);
2251
2252    };
2253    trekkie.load(
2254      {"Trekkie":{"appName":"storefront","development":false,"defaultAttributes":{"shopId":3466100806,"isMerchantRequest":null,"themeId":174423703711,"themeCityHash":"7301777261572850708","contentLanguage":"en","currency":"USD","eventMetadataId":"9a8029cf-0e10-4ac0-a71a-6d165fec8bed"},"isServerSideCookieWritingEnabled":true,"monorailRegion":"shop_domain","enabledBetaFlags":["764d78cb","8450a54b"]},"Session Attribution":{},"S2S":{"facebookCapiEnabled":true,"source":"trekkie-storefront-renderer","apiClientId":580111}}
2255    );
2256
2257    var loaded = false;
2258    trekkie.ready(function() {
2259      if (loaded) return;
2260      loaded = true;
2261
2262      window.ShopifyAnalytics.lib = window.trekkie;
2263
2264      var originalDocumentWrite = document.write;
2265      document.write = customDocumentWrite;
2266      try { window.ShopifyAnalytics.merchantGoogleAnalytics.call(this); } catch(error) {};
2267      document.write = originalDocumentWrite;
2268
2269      var match = window.location.pathname.match(/checkouts\/(.+)\/(thank_you|post_purchase)/)
2270      var token = match? match[1]: undefined;
2271      if (!hasLoggedConversion(token)) {
2272        setCookieIfConversion(token);
2273        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});
2274      }
2275    });
2276
2277    window.ShopifyAnalytics.lib.page(null,{"pageType":"collection","resourceType":"collection","resourceId":641654685855,"requestId":"0416b452-bdbc-498b-94ab-580825d4163a-1790276383","shopifyEmitted":true});
2278
2279    var eventsListenerScript = document.createElement('script');
2280    eventsListenerScript.async = true;
2281    eventsListenerScript.src = "//drinkolipop.com/cdn/shopifycloud/storefront/assets/shop_events_listener-4e26a9ce.js";
2282    document.getElementsByTagName('head')[0].appendChild(eventsListenerScript);
2283})();</script>
2283
2284  
2284<script>
2285  if (!window.ga || (window.ga && typeof window.ga !== 'function')) {
2286    window.ga = function ga() {
2287      (window.ga.q = window.ga.q || []).push(arguments);
2288      if (window.Shopify && window.Shopify.analytics && typeof window.Shopify.analytics.publish === 'function') {
2289        window.Shopify.analytics.publish("ga_stub_called", {}, {sendTo: "google_osp_migration"});
2290      }
2291      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.");
2292    };
2293    if (window.Shopify && window.Shopify.analytics && typeof window.Shopify.analytics.publish === 'function') {
2294      window.Shopify.analytics.publish("ga_stub_initialized", {}, {sendTo: "google_osp_migration"});
2295    }
2296  }
2297</script>
vendor: 1 bytes, line 2297
2297
2298<script
2299  defer
2300  src="https://drinkolipop.com/cdn/shopifycloud/perf-kit/shopify-perf-kit-3.9.4.min.js"
2301  data-application="storefront-renderer"
2302  data-shop-id="3466100806"
2303  data-render-region="gcp-us-central1"
2304  data-page-type="collection"
2305  data-theme-instance-id="174423703711"
2306  data-theme-name="Olipop"
2307  data-theme-version="1.0"
2308  data-monorail-region="shop_domain"
2309  data-resource-timing-sampling-rate="10"
2310  data-shs="true"
2311  data-shs-beacon="true"
2312  data-shs-export-with-fetch="true"
2313  data-shs-logs-sample-rate="1"
2314  data-shs-beacon-endpoint="https://drinkolipop.com/api/collect"
2315></script>
2315
2316<meta name="shopify-y" content="270b93a0-3f63-4a15-80db-caefe673deeb" data-expiration="1821833983000"><meta name="shopify-s" content="0982a3a0-9fb4-4eca-9102-acb759cd1017" data-expiration="1790278183000"><meta name="new-cookie-storage-activated" content="t">
2317</head><body
2318    id="olipop-9g-fiber-line"
2319    data-template="collection"
2320    data-suffix=""
2321    data-header-type="primary"
2322    class="page-olipop-9g-fiber-line template-shop-9g-fiber template-collection cmn-pages tw-scroll-smooth  "
2323    style="background: var(--flavor-color-100); height:unset; padding: 0;"
2324  >
2325
2326    <nav aria-label="Skip links">
2327      <a class="in-page-link visually-hidden skip-link" href="#MainContent">Skip to content</a>
2328      <a class="in-page-link visually-hidden skip-link" href="/pages/accessibility">Accessibility Statement</a>
2329    </nav>
2330
2331    
2332
2333    
2334    <div js-overlay class="overlay tw-z-40"></div>
2335
2336    
2337
2338<section id="shopify-section-header">
2339      <!-- BEGIN sections: header-group -->
2340<div id="shopify-section-sections--24009558556831__promotion-banner" class="shopify-section shopify-section-group-header-group">
2341
2342<div
2343  data-component="promotionBanner"
2344  data-store-discounts="[]"
2345>
2346  
2347    
2348    
2349    <div
2350      data-promotion-banner
2351      data-promotion-url=""
2352      data-promotion-discount="GOBLUE"
2353      class="tw-relative tw-hidden tw-min-h-12 tw-w-full tw-px-4 tw-text-center lg:tw-min-h-10"
2354      style="background: #fdda79;"
2355    >
2356      <div
2357        role="group"
2358        class="tw-flex tw-h-full tw-items-center tw-justify-center tw-py-2.5 tw-text-center lg-plus:tw-py-[17px]"
2359      >
2360        <div
2361          class="tw-px-8 tw-text-sm lg-plus:tw-text-[1rem] lg-plus:tw-leading-none"
2362          style="color: #14433d !important;"
2363        >
2364          Your 20% off discount code <strong>GOBLUE</strong> will auto-apply at checkout.
2365        </div>
2366      </div>
2367
2368      <div
2369        style="background: #fdda79;"
2370        class="tw-absolute tw-right-4 tw-top-1/2 tw-flex -tw-translate-y-1/2 tw-items-center"
2371      >
2372        <svg
2373          width="10"
2374          height="10"
2375          viewBox="0 0 18 18"
2376          fill="#14433d"
2377          data-icon-close
2378          class="tw-cursor-pointer"
2379        >
2380          <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"/>
2381        </svg>
2382      </div>
2383    </div>
2384  
2385    
2386    
2387    <div
2388      data-promotion-banner
2389      data-promotion-url=""
2390      data-promotion-discount="30RESUB"
2391      class="tw-relative tw-hidden tw-min-h-12 tw-w-full tw-px-4 tw-text-center lg:tw-min-h-10"
2392      style="background: #fdda79;"
2393    >
2394      <div
2395        role="group"
2396        class="tw-flex tw-h-full tw-items-center tw-justify-center tw-py-2.5 tw-text-center lg-plus:tw-py-[17px]"
2397      >
2398        <div
2399          class="tw-px-8 tw-text-sm lg-plus:tw-text-[1rem] lg-plus:tw-leading-none"
2400          style="color: #14433d !important;"
2401        >
2402          30% off subscriptions when you resubscribe with code <strong>30RESUB</strong>.
2403        </div>
2404      </div>
2405
2406      <div
2407        style="background: #fdda79;"
2408        class="tw-absolute tw-right-4 tw-top-1/2 tw-flex -tw-translate-y-1/2 tw-items-center"
2409      >
2410        <svg
2411          width="10"
2412          height="10"
2413          viewBox="0 0 18 18"
2414          fill="#14433d"
2415          data-icon-close
2416          class="tw-cursor-pointer"
2417        >
2418          <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"/>
2419        </svg>
2420      </div>
2421    </div>
2422  
2423    
2424    
2425    <div
2426      data-promotion-banner
2427      data-promotion-url=""
2428      data-promotion-discount="SHIRLEY30"
2429      class="tw-relative tw-hidden tw-min-h-12 tw-w-full tw-px-4 tw-text-center lg:tw-min-h-10"
2430      style="background: #fdda79;"
2431    >
2432      <div
2433        role="group"
2434        class="tw-flex tw-h-full tw-items-center tw-justify-center tw-py-2.5 tw-text-center lg-plus:tw-py-[17px]"
2435      >
2436        <div
2437          class="tw-px-8 tw-text-sm lg-plus:tw-text-[1rem] lg-plus:tw-leading-none"
2438          style="color: #14433d !important;"
2439        >
2440          30% off Shirley &amp; Friends with code <strong>SHIRLEY30</strong> will auto-apply at checkout.
2441        </div>
2442      </div>
2443
2444      <div
2445        style="background: #fdda79;"
2446        class="tw-absolute tw-right-4 tw-top-1/2 tw-flex -tw-translate-y-1/2 tw-items-center"
2447      >
2448        <svg
2449          width="10"
2450          height="10"
2451          viewBox="0 0 18 18"
2452          fill="#14433d"
2453          data-icon-close
2454          class="tw-cursor-pointer"
2455        >
2456          <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"/>
2457        </svg>
2458      </div>
2459    </div>
2460  
2461    
2462    
2463    <div
2464      data-promotion-banner
2465      data-promotion-url=""
2466      data-promotion-discount="PUNCH20"
2467      class="tw-relative tw-hidden tw-min-h-12 tw-w-full tw-px-4 tw-text-center lg:tw-min-h-10"
2468      style="background: #fdda79;"
2469    >
2470      <div
2471        role="group"
2472        class="tw-flex tw-h-full tw-items-center tw-justify-center tw-py-2.5 tw-text-center lg-plus:tw-py-[17px]"
2473      >
2474        <div
2475          class="tw-px-8 tw-text-sm lg-plus:tw-text-[1rem] lg-plus:tw-leading-none"
2476          style="color: #14433d !important;"
2477        >
2478          20% off Tropical Punch with code <strong>PUNCH20</strong> will auto-apply at checkout.
2479        </div>
2480      </div>
2481
2482      <div
2483        style="background: #fdda79;"
2484        class="tw-absolute tw-right-4 tw-top-1/2 tw-flex -tw-translate-y-1/2 tw-items-center"
2485      >
2486        <svg
2487          width="10"
2488          height="10"
2489          viewBox="0 0 18 18"
2490          fill="#14433d"
2491          data-icon-close
2492          class="tw-cursor-pointer"
2493        >
2494          <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"/>
2495        </svg>
2496      </div>
2497    </div>
2498  
2499    
2500    
2501    <div
2502      data-promotion-banner
2503      data-promotion-url=""
2504      data-promotion-discount="DREAMY15"
2505      class="tw-relative tw-hidden tw-min-h-12 tw-w-full tw-px-4 tw-text-center lg:tw-min-h-10"
2506      style="background: #fdda79;"
2507    >
2508      <div
2509        role="group"
2510        class="tw-flex tw-h-full tw-items-center tw-justify-center tw-py-2.5 tw-text-center lg-plus:tw-py-[17px]"
2511      >
2512        <div
2513          class="tw-px-8 tw-text-sm lg-plus:tw-text-[1rem] lg-plus:tw-leading-none"
2514          style="color: #14433d !important;"
2515        >
2516          Your 15% off discount code <strong>DREAMY15</strong> will auto-apply at checkout.
2517        </div>
2518      </div>
2519
2520      <div
2521        style="background: #fdda79;"
2522        class="tw-absolute tw-right-4 tw-top-1/2 tw-flex -tw-translate-y-1/2 tw-items-center"
2523      >
2524        <svg
2525          width="10"
2526          height="10"
2527          viewBox="0 0 18 18"
2528          fill="#14433d"
2529          data-icon-close
2530          class="tw-cursor-pointer"
2531        >
2532          <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"/>
2533        </svg>
2534      </div>
2535    </div>
2536  
2537    
2538    
2539    <div
2540      data-promotion-banner
2541      data-promotion-url=""
2542      data-promotion-discount="EARLY30"
2543      class="tw-relative tw-hidden tw-min-h-12 tw-w-full tw-px-4 tw-text-center lg:tw-min-h-10"
2544      style="background: #fdda79;"
2545    >
2546      <div
2547        role="group"
2548        class="tw-flex tw-h-full tw-items-center tw-justify-center tw-py-2.5 tw-text-center lg-plus:tw-py-[17px]"
2549      >
2550        <div
2551          class="tw-px-8 tw-text-sm lg-plus:tw-text-[1rem] lg-plus:tw-leading-none"
2552          style="color: #14433d !important;"
2553        >
2554          Early access 30% off with code <strong>EARLY30</strong> will auto-apply at checkout!
2555        </div>
2556      </div>
2557
2558      <div
2559        style="background: #fdda79;"
2560        class="tw-absolute tw-right-4 tw-top-1/2 tw-flex -tw-translate-y-1/2 tw-items-center"
2561      >
2562        <svg
2563          width="10"
2564          height="10"
2565          viewBox="0 0 18 18"
2566          fill="#14433d"
2567          data-icon-close
2568          class="tw-cursor-pointer"
2569        >
2570          <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"/>
2571        </svg>
2572      </div>
2573    </div>
2574  
2575    
2576    
2577    <div
2578      data-promotion-banner
2579      data-promotion-url=""
2580      data-promotion-discount="WELCOME15"
2581      class="tw-relative tw-hidden tw-min-h-12 tw-w-full tw-px-4 tw-text-center lg:tw-min-h-10"
2582      style="background: #fdda79;"
2583    >
2584      <div
2585        role="group"
2586        class="tw-flex tw-h-full tw-items-center tw-justify-center tw-py-2.5 tw-text-center lg-plus:tw-py-[17px]"
2587      >
2588        <div
2589          class="tw-px-8 tw-text-sm lg-plus:tw-text-[1rem] lg-plus:tw-leading-none"
2590          style="color: #14433d !important;"
2591        >
2592          Your 15% off discount code <strong>WELCOME15</strong> will auto-apply at checkout.
2593        </div>
2594      </div>
2595
2596      <div
2597        style="background: #fdda79;"
2598        class="tw-absolute tw-right-4 tw-top-1/2 tw-flex -tw-translate-y-1/2 tw-items-center"
2599      >
2600        <svg
2601          width="10"
2602          height="10"
2603          viewBox="0 0 18 18"
2604          fill="#14433d"
2605          data-icon-close
2606          class="tw-cursor-pointer"
2607        >
2608          <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"/>
2609        </svg>
2610      </div>
2611    </div>
2612  
2613    
2614    
2615    <div
2616      data-promotion-banner
2617      data-promotion-url=""
2618      data-promotion-discount="SIPSMART"
2619      class="tw-relative tw-hidden tw-min-h-12 tw-w-full tw-px-4 tw-text-center lg:tw-min-h-10"
2620      style="background: #fdda79;"
2621    >
2622      <div
2623        role="group"
2624        class="tw-flex tw-h-full tw-items-center tw-justify-center tw-py-2.5 tw-text-center lg-plus:tw-py-[17px]"
2625      >
2626        <div
2627          class="tw-px-8 tw-text-sm lg-plus:tw-text-[1rem] lg-plus:tw-leading-none"
2628          style="color: #14433d !important;"
2629        >
2630          Your 20% off discount code <strong>SIPSMART</strong> will auto-apply at checkout.
2631        </div>
2632      </div>
2633
2634      <div
2635        style="background: #fdda79;"
2636        class="tw-absolute tw-right-4 tw-top-1/2 tw-flex -tw-translate-y-1/2 tw-items-center"
2637      >
2638        <svg
2639          width="10"
2640          height="10"
2641          viewBox="0 0 18 18"
2642          fill="#14433d"
2643          data-icon-close
2644          class="tw-cursor-pointer"
2645        >
2646          <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"/>
2647        </svg>
2648      </div>
2649    </div>
2650  
2651    
2652    
2653    <div
2654      data-promotion-banner
2655      data-promotion-url=""
2656      data-promotion-discount="APRIL20"
2657      class="tw-relative tw-hidden tw-min-h-12 tw-w-full tw-px-4 tw-text-center lg:tw-min-h-10"
2658      style="background: #fdda79;"
2659    >
2660      <div
2661        role="group"
2662        class="tw-flex tw-h-full tw-items-center tw-justify-center tw-py-2.5 tw-text-center lg-plus:tw-py-[17px]"
2663      >
2664        <div
2665          class="tw-px-8 tw-text-sm lg-plus:tw-text-[1rem] lg-plus:tw-leading-none"
2666          style="color: #14433d !important;"
2667        >
2668          Your 20% off discount code <strong>APRIL20</strong> will auto-apply at checkout.
2669        </div>
2670      </div>
2671
2672      <div
2673        style="background: #fdda79;"
2674        class="tw-absolute tw-right-4 tw-top-1/2 tw-flex -tw-translate-y-1/2 tw-items-center"
2675      >
2676        <svg
2677          width="10"
2678          height="10"
2679          viewBox="0 0 18 18"
2680          fill="#14433d"
2681          data-icon-close
2682          class="tw-cursor-pointer"
2683        >
2684          <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"/>
2685        </svg>
2686      </div>
2687    </div>
2688  
2689    
2690    
2691    <div
2692      data-promotion-banner
2693      data-promotion-url=""
2694      data-promotion-discount="YETI20"
2695      class="tw-relative tw-hidden tw-min-h-12 tw-w-full tw-px-4 tw-text-center lg:tw-min-h-10"
2696      style="background: #fdda79;"
2697    >
2698      <div
2699        role="group"
2700        class="tw-flex tw-h-full tw-items-center tw-justify-center tw-py-2.5 tw-text-center lg-plus:tw-py-[17px]"
2701      >
2702        <div
2703          class="tw-px-8 tw-text-sm lg-plus:tw-text-[1rem] lg-plus:tw-leading-none"
2704          style="color: #14433d !important;"
2705        >
2706          20% off Winter Seasonal Cans with discount code <strong> YETI20</strong> auto-applies at checkout.
2707        </div>
2708      </div>
2709
2710      <div
2711        style="background: #fdda79;"
2712        class="tw-absolute tw-right-4 tw-top-1/2 tw-flex -tw-translate-y-1/2 tw-items-center"
2713      >
2714        <svg
2715          width="10"
2716          height="10"
2717          viewBox="0 0 18 18"
2718          fill="#14433d"
2719          data-icon-close
2720          class="tw-cursor-pointer"
2721        >
2722          <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"/>
2723        </svg>
2724      </div>
2725    </div>
2726  
2727    
2728    
2729    <div
2730      data-promotion-banner
2731      data-promotion-url=""
2732      data-promotion-discount="PHLY20"
2733      class="tw-relative tw-hidden tw-min-h-12 tw-w-full tw-px-4 tw-text-center lg:tw-min-h-10"
2734      style="background: #fdda79;"
2735    >
2736      <div
2737        role="group"
2738        class="tw-flex tw-h-full tw-items-center tw-justify-center tw-py-2.5 tw-text-center lg-plus:tw-py-[17px]"
2739      >
2740        <div
2741          class="tw-px-8 tw-text-sm lg-plus:tw-text-[1rem] lg-plus:tw-leading-none"
2742          style="color: #14433d !important;"
2743        >
2744          Your 20% off discount code <strong>PHLY20</strong> will auto-apply at checkout.
2745        </div>
2746      </div>
2747
2748      <div
2749        style="background: #fdda79;"
2750        class="tw-absolute tw-right-4 tw-top-1/2 tw-flex -tw-translate-y-1/2 tw-items-center"
2751      >
2752        <svg
2753          width="10"
2754          height="10"
2755          viewBox="0 0 18 18"
2756          fill="#14433d"
2757          data-icon-close
2758          class="tw-cursor-pointer"
2759        >
2760          <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"/>
2761        </svg>
2762      </div>
2763    </div>
2764  
2765    
2766    
2767    <div
2768      data-promotion-banner
2769      data-promotion-url=""
2770      data-promotion-discount="CITIUS25"
2771      class="tw-relative tw-hidden tw-min-h-12 tw-w-full tw-px-4 tw-text-center lg:tw-min-h-10"
2772      style="background: #fdda79;"
2773    >
2774      <div
2775        role="group"
2776        class="tw-flex tw-h-full tw-items-center tw-justify-center tw-py-2.5 tw-text-center lg-plus:tw-py-[17px]"
2777      >
2778        <div
2779          class="tw-px-8 tw-text-sm lg-plus:tw-text-[1rem] lg-plus:tw-leading-none"
2780          style="color: #14433d !important;"
2781        >
2782          Your 25% off discount code <strong>CITIUS25</strong> will auto-apply at checkout.
2783        </div>
2784      </div>
2785
2786      <div
2787        style="background: #fdda79;"
2788        class="tw-absolute tw-right-4 tw-top-1/2 tw-flex -tw-translate-y-1/2 tw-items-center"
2789      >
2790        <svg
2791          width="10"
2792          height="10"
2793          viewBox="0 0 18 18"
2794          fill="#14433d"
2795          data-icon-close
2796          class="tw-cursor-pointer"
2797        >
2798          <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"/>
2799        </svg>
2800      </div>
2801    </div>
2802  
2803    
2804    
2805    <div
2806      data-promotion-banner
2807      data-promotion-url=""
2808      data-promotion-discount="SERVED20"
2809      class="tw-relative tw-hidden tw-min-h-12 tw-w-full tw-px-4 tw-text-center lg:tw-min-h-10"
2810      style="background: #fdda79;"
2811    >
2812      <div
2813        role="group"
2814        class="tw-flex tw-h-full tw-items-center tw-justify-center tw-py-2.5 tw-text-center lg-plus:tw-py-[17px]"
2815      >
2816        <div
2817          class="tw-px-8 tw-text-sm lg-plus:tw-text-[1rem] lg-plus:tw-leading-none"
2818          style="color: #14433d !important;"
2819        >
2820          Your 20% off discount code <strong>SERVED20</strong> will auto-apply at checkout.
2821        </div>
2822      </div>
2823
2824      <div
2825        style="background: #fdda79;"
2826        class="tw-absolute tw-right-4 tw-top-1/2 tw-flex -tw-translate-y-1/2 tw-items-center"
2827      >
2828        <svg
2829          width="10"
2830          height="10"
2831          viewBox="0 0 18 18"
2832          fill="#14433d"
2833          data-icon-close
2834          class="tw-cursor-pointer"
2835        >
2836          <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"/>
2837        </svg>
2838      </div>
2839    </div>
2840  
2841    
2842    
2843    <div
2844      data-promotion-banner
2845      data-promotion-url=""
2846      data-promotion-discount="TWG20"
2847      class="tw-relative tw-hidden tw-min-h-12 tw-w-full tw-px-4 tw-text-center lg:tw-min-h-10"
2848      style="background: #fdda79;"
2849    >
2850      <div
2851        role="group"
2852        class="tw-flex tw-h-full tw-items-center tw-justify-center tw-py-2.5 tw-text-center lg-plus:tw-py-[17px]"
2853      >
2854        <div
2855          class="tw-px-8 tw-text-sm lg-plus:tw-text-[1rem] lg-plus:tw-leading-none"
2856          style="color: #14433d !important;"
2857        >
2858          Your 20% off discount code <strong>TWG20</strong> will auto-apply at checkout.
2859        </div>
2860      </div>
2861
2862      <div
2863        style="background: #fdda79;"
2864        class="tw-absolute tw-right-4 tw-top-1/2 tw-flex -tw-translate-y-1/2 tw-items-center"
2865      >
2866        <svg
2867          width="10"
2868          height="10"
2869          viewBox="0 0 18 18"
2870          fill="#14433d"
2871          data-icon-close
2872          class="tw-cursor-pointer"
2873        >
2874          <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"/>
2875        </svg>
2876      </div>
2877    </div>
2878  
2879    
2880    
2881    <div
2882      data-promotion-banner
2883      data-promotion-url=""
2884      data-promotion-discount="FLYQUEST20"
2885      class="tw-relative tw-hidden tw-min-h-12 tw-w-full tw-px-4 tw-text-center lg:tw-min-h-10"
2886      style="background: #fdda79;"
2887    >
2888      <div
2889        role="group"
2890        class="tw-flex tw-h-full tw-items-center tw-justify-center tw-py-2.5 tw-text-center lg-plus:tw-py-[17px]"
2891      >
2892        <div
2893          class="tw-px-8 tw-text-sm lg-plus:tw-text-[1rem] lg-plus:tw-leading-none"
2894          style="color: #14433d !important;"
2895        >
2896          Your 20% off discount code <strong>FLYQUEST20</strong> will auto-apply at checkout.
2897        </div>
2898      </div>
2899
2900      <div
2901        style="background: #fdda79;"
2902        class="tw-absolute tw-right-4 tw-top-1/2 tw-flex -tw-translate-y-1/2 tw-items-center"
2903      >
2904        <svg
2905          width="10"
2906          height="10"
2907          viewBox="0 0 18 18"
2908          fill="#14433d"
2909          data-icon-close
2910          class="tw-cursor-pointer"
2911        >
2912          <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"/>
2913        </svg>
2914      </div>
2915    </div>
2916  
2917    
2918    
2919    <div
2920      data-promotion-banner
2921      data-promotion-url=""
2922      data-promotion-discount="BUZZIN15"
2923      class="tw-relative tw-hidden tw-min-h-12 tw-w-full tw-px-4 tw-text-center lg:tw-min-h-10"
2924      style="background: #fdda79;"
2925    >
2926      <div
2927        role="group"
2928        class="tw-flex tw-h-full tw-items-center tw-justify-center tw-py-2.5 tw-text-center lg-plus:tw-py-[17px]"
2929      >
2930        <div
2931          class="tw-px-8 tw-text-sm lg-plus:tw-text-[1rem] lg-plus:tw-leading-none"
2932          style="color: #14433d !important;"
2933        >
2934          Your 15% off discount code <strong>BUZZIN15</strong> will auto-apply at checkout.
2935        </div>
2936      </div>
2937
2938      <div
2939        style="background: #fdda79;"
2940        class="tw-absolute tw-right-4 tw-top-1/2 tw-flex -tw-translate-y-1/2 tw-items-center"
2941      >
2942        <svg
2943          width="10"
2944          height="10"
2945          viewBox="0 0 18 18"
2946          fill="#14433d"
2947          data-icon-close
2948          class="tw-cursor-pointer"
2949        >
2950          <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"/>
2951        </svg>
2952      </div>
2953    </div>
2954  
2955    
2956    
2957    <div
2958      data-promotion-banner
2959      data-promotion-url=""
2960      data-promotion-discount="OLIPOPTEXT15"
2961      class="tw-relative tw-hidden tw-min-h-12 tw-w-full tw-px-4 tw-text-center lg:tw-min-h-10"
2962      style="background: #fdda79;"
2963    >
2964      <div
2965        role="group"
2966        class="tw-flex tw-h-full tw-items-center tw-justify-center tw-py-2.5 tw-text-center lg-plus:tw-py-[17px]"
2967      >
2968        <div
2969          class="tw-px-8 tw-text-sm lg-plus:tw-text-[1rem] lg-plus:tw-leading-none"
2970          style="color: #14433d !important;"
2971        >
2972          Your 15% off discount code <strong>OLIPOPTEXT15</strong> will auto-apply at checkout.
2973        </div>
2974      </div>
2975
2976      <div
2977        style="background: #fdda79;"
2978        class="tw-absolute tw-right-4 tw-top-1/2 tw-flex -tw-translate-y-1/2 tw-items-center"
2979      >
2980        <svg
2981          width="10"
2982          height="10"
2983          viewBox="0 0 18 18"
2984          fill="#14433d"
2985          data-icon-close
2986          class="tw-cursor-pointer"
2987        >
2988          <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"/>
2989        </svg>
2990      </div>
2991    </div>
2992  
2993    
2994    
2995    <div
2996      data-promotion-banner
2997      data-promotion-url=""
2998      data-promotion-discount="BRACKET20"
2999      class="tw-relative tw-hidden tw-min-h-12 tw-w-full tw-px-4 tw-text-center lg:tw-min-h-10"
3000      style="background: #fdda79;"
3001    >
3002      <div
3003        role="group"
3004        class="tw-flex tw-h-full tw-items-center tw-justify-center tw-py-2.5 tw-text-center lg-plus:tw-py-[17px]"
3005      >
3006        <div
3007          class="tw-px-8 tw-text-sm lg-plus:tw-text-[1rem] lg-plus:tw-leading-none"
3008          style="color: #14433d !important;"
3009        >
3010          Your 20% off discount code <strong>BRACKET20</strong> will auto-apply at checkout.
3011        </div>
3012      </div>
3013
3014      <div
3015        style="background: #fdda79;"
3016        class="tw-absolute tw-right-4 tw-top-1/2 tw-flex -tw-translate-y-1/2 tw-items-center"
3017      >
3018        <svg
3019          width="10"
3020          height="10"
3021          viewBox="0 0 18 18"
3022          fill="#14433d"
3023          data-icon-close
3024          class="tw-cursor-pointer"
3025        >
3026          <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"/>
3027        </svg>
3028      </div>
3029    </div>
3030  
3031    
3032    
3033    <div
3034      data-promotion-banner
3035      data-promotion-url=""
3036      data-promotion-discount="NEW20"
3037      class="tw-relative tw-hidden tw-min-h-12 tw-w-full tw-px-4 tw-text-center lg:tw-min-h-10"
3038      style="background: #fdda79;"
3039    >
3040      <div
3041        role="group"
3042        class="tw-flex tw-h-full tw-items-center tw-justify-center tw-py-2.5 tw-text-center lg-plus:tw-py-[17px]"
3043      >
3044        <div
3045          class="tw-px-8 tw-text-sm lg-plus:tw-text-[1rem] lg-plus:tw-leading-none"
3046          style="color: #14433d !important;"
3047        >
3048          Your 20% off discount code <strong>NEW20</strong> will auto-apply at checkout.
3049        </div>
3050      </div>
3051
3052      <div
3053        style="background: #fdda79;"
3054        class="tw-absolute tw-right-4 tw-top-1/2 tw-flex -tw-translate-y-1/2 tw-items-center"
3055      >
3056        <svg
3057          width="10"
3058          height="10"
3059          viewBox="0 0 18 18"
3060          fill="#14433d"
3061          data-icon-close
3062          class="tw-cursor-pointer"
3063        >
3064          <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"/>
3065        </svg>
3066      </div>
3067    </div>
3068  
3069    
3070    
3071    <div
3072      data-promotion-banner
3073      data-promotion-url=""
3074      data-promotion-discount="FULLFLAVOR20"
3075      class="tw-relative tw-hidden tw-min-h-12 tw-w-full tw-px-4 tw-text-center lg:tw-min-h-10"
3076      style="background: #fdda79;"
3077    >
3078      <div
3079        role="group"
3080        class="tw-flex tw-h-full tw-items-center tw-justify-center tw-py-2.5 tw-text-center lg-plus:tw-py-[17px]"
3081      >
3082        <div
3083          class="tw-px-8 tw-text-sm lg-plus:tw-text-[1rem] lg-plus:tw-leading-none"
3084          style="color: #14433d !important;"
3085        >
3086          Your discount code <strong>FULLFLAVOR20</strong> will auto-apply at checkout.
3087        </div>
3088      </div>
3089
3090      <div
3091        style="background: #fdda79;"
3092        class="tw-absolute tw-right-4 tw-top-1/2 tw-flex -tw-translate-y-1/2 tw-items-center"
3093      >
3094        <svg
3095          width="10"
3096          height="10"
3097          viewBox="0 0 18 18"
3098          fill="#14433d"
3099          data-icon-close
3100          class="tw-cursor-pointer"
3101        >
3102          <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"/>
3103        </svg>
3104      </div>
3105    </div>
3106  
3107    
3108    
3109    <div
3110      data-promotion-banner
3111      data-promotion-url=""
3112      data-promotion-discount="BDAY20"
3113      class="tw-relative tw-hidden tw-min-h-12 tw-w-full tw-px-4 tw-text-center lg:tw-min-h-10"
3114      style="background: #fdda79;"
3115    >
3116      <div
3117        role="group"
3118        class="tw-flex tw-h-full tw-items-center tw-justify-center tw-py-2.5 tw-text-center lg-plus:tw-py-[17px]"
3119      >
3120        <div
3121          class="tw-px-8 tw-text-sm lg-plus:tw-text-[1rem] lg-plus:tw-leading-none"
3122          style="color: #14433d !important;"
3123        >
3124          Your discount code <strong>BDAY20</strong> will auto-apply at checkout.
3125        </div>
3126      </div>
3127
3128      <div
3129        style="background: #fdda79;"
3130        class="tw-absolute tw-right-4 tw-top-1/2 tw-flex -tw-translate-y-1/2 tw-items-center"
3131      >
3132        <svg
3133          width="10"
3134          height="10"
3135          viewBox="0 0 18 18"
3136          fill="#14433d"
3137          data-icon-close
3138          class="tw-cursor-pointer"
3139        >
3140          <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"/>
3141        </svg>
3142      </div>
3143    </div>
3144  
3145    
3146    
3147    <div
3148      data-promotion-banner
3149      data-promotion-url=""
3150      data-promotion-discount="HOLIDAY20"
3151      class="tw-relative tw-hidden tw-min-h-12 tw-w-full tw-px-4 tw-text-center lg:tw-min-h-10"
3152      style="background: #fdda79;"
3153    >
3154      <div
3155        role="group"
3156        class="tw-flex tw-h-full tw-items-center tw-justify-center tw-py-2.5 tw-text-center lg-plus:tw-py-[17px]"
3157      >
3158        <div
3159          class="tw-px-8 tw-text-sm lg-plus:tw-text-[1rem] lg-plus:tw-leading-none"
3160          style="color: #14433d !important;"
3161        >
3162          Your discount code <strong>HOLIDAY20</strong> will auto-apply at checkout.
3163        </div>
3164      </div>
3165
3166      <div
3167        style="background: #fdda79;"
3168        class="tw-absolute tw-right-4 tw-top-1/2 tw-flex -tw-translate-y-1/2 tw-items-center"
3169      >
3170        <svg
3171          width="10"
3172          height="10"
3173          viewBox="0 0 18 18"
3174          fill="#14433d"
3175          data-icon-close
3176          class="tw-cursor-pointer"
3177        >
3178          <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"/>
3179        </svg>
3180      </div>
3181    </div>
3182  
3183    
3184    
3185    <div
3186      data-promotion-banner
3187      data-promotion-url=""
3188      data-promotion-discount="FULLFLAVOR10"
3189      class="tw-relative tw-hidden tw-min-h-12 tw-w-full tw-px-4 tw-text-center lg:tw-min-h-10"
3190      style="background: #fdda79;"
3191    >
3192      <div
3193        role="group"
3194        class="tw-flex tw-h-full tw-items-center tw-justify-center tw-py-2.5 tw-text-center lg-plus:tw-py-[17px]"
3195      >
3196        <div
3197          class="tw-px-8 tw-text-sm lg-plus:tw-text-[1rem] lg-plus:tw-leading-none"
3198          style="color: #14433d !important;"
3199        >
3200          Your discount code <strong>FULLFLAVOR10</strong> will auto-apply at checkout.
3201        </div>
3202      </div>
3203
3204      <div
3205        style="background: #fdda79;"
3206        class="tw-absolute tw-right-4 tw-top-1/2 tw-flex -tw-translate-y-1/2 tw-items-center"
3207      >
3208        <svg
3209          width="10"
3210          height="10"
3211          viewBox="0 0 18 18"
3212          fill="#14433d"
3213          data-icon-close
3214          class="tw-cursor-pointer"
3215        >
3216          <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"/>
3217        </svg>
3218      </div>
3219    </div>
3220  
3221    
3222    
3223    <div
3224      data-promotion-banner
3225      data-promotion-url=""
3226      data-promotion-discount="THIRTYSUB"
3227      class="tw-relative tw-hidden tw-min-h-12 tw-w-full tw-px-4 tw-text-center lg:tw-min-h-10"
3228      style="background: #fdda79;"
3229    >
3230      <div
3231        role="group"
3232        class="tw-flex tw-h-full tw-items-center tw-justify-center tw-py-2.5 tw-text-center lg-plus:tw-py-[17px]"
3233      >
3234        <div
3235          class="tw-px-8 tw-text-sm lg-plus:tw-text-[1rem] lg-plus:tw-leading-none"
3236          style="color: #14433d !important;"
3237        >
3238          Your discount code <strong>THIRTYSUB</strong> will auto-apply at checkout.
3239        </div>
3240      </div>
3241
3242      <div
3243        style="background: #fdda79;"
3244        class="tw-absolute tw-right-4 tw-top-1/2 tw-flex -tw-translate-y-1/2 tw-items-center"
3245      >
3246        <svg
3247          width="10"
3248          height="10"
3249          viewBox="0 0 18 18"
3250          fill="#14433d"
3251          data-icon-close
3252          class="tw-cursor-pointer"
3253        >
3254          <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"/>
3255        </svg>
3256      </div>
3257    </div>
3258  
3259</div>
3260
3261
3262</div><div id="shopify-section-sections--24009558556831__announcement-banner" class="shopify-section shopify-section-group-header-group">
3263    <announcement-bar class="section-announcement-bar tw-relative tw-z-50 tw-block">
3264      <slider-container
3265        data-key="slider__sections--24009558556831__announcement-banner"
3266        role="region"
3267        aria-label="Announcement"
3268        data-slider-loop
3269        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] "
3270        style="background: #14433D;"
3271      ><div role="group" aria-label="1 of 1" class="keen-slider__slide tw-relative tw-z-10 tw-flex !tw-w-auto tw-items-center tw-justify-center tw-py-[4px] tw-text-center tw-transition-opacity tw-duration-150 tw-ease-linear sm:tw-flex-row " style="opacity: 0;">            <div              class="tw-flex tw-items-center tw-w-full tw-justify-center tw-px-[8px] md:tw-px-[20px] md:tw-w-fit tw-text-[12px] md:tw-text-[16px] tw-leading-[1.4] "              id="message-1"              style="color: #FFFFFF !important;"            ><p class="tw-text-[12px] md:tw-text-[16px] tw-leading-[1.4]" style="color: #FFFFFF !important;">                <div class="tw-block md:tw-hidden">                  <strong>$3.99 flat rate shipping • Orders $50+ ship FREE</strong>                 </div>                <div class="tw-hidden md:tw-block">                  <strong>$3.99 flat rate shipping • Orders $50+ ship FREE</strong>                 </div>              </p></div>                      </div></slider-container>
3272
3273      
3274    </announcement-bar>
3275  
3276
3277  
3278    
3279  
3280<style>
3281  .section-announcement-bar .keen-slider:not([data-keen-slider-disabled]) .keen-slider__slide{
3282    padding-top: 4px;
3283  }
3284</style>
3285</div><div id="shopify-section-sections--24009558556831__header" class="shopify-section shopify-section-group-header-group">
3286
3287<div
3288  id="SearchDrawer"
3289  class="search-bar drawer drawer--top"
3290  role="dialog"
3291  aria-modal="true"
3292  aria-label="Search"
3293  data-predictive-search-drawer
3294>
3295  <div class="search-bar__interior">
3296    <div class="search-form__container" data-search-form-container>
3297      <form class="search-form search-bar__form" action="/search" method="get" role="search">
3298        <div class="search-form__input-wrapper">
3299          <input
3300            type="text"
3301            name="q"
3302            placeholder="Search"
3303            role="combobox"
3304            aria-autocomplete="list"
3305            aria-owns="predictive-search-results"
3306            aria-expanded="false"
3307            aria-label="Search"
3308            aria-haspopup="listbox"
3309            class="search-form__input search-bar__input"
3310            data-predictive-search-drawer-input
3311          >
3312          <input type="hidden" name="options[prefix]" value="last" aria-hidden="true">
3313          <div
3314            class="predictive-search-wrapper predictive-search-wrapper--drawer"
3315            data-predictive-search-mount="drawer"
3316          ></div>
3317        </div>
3318
3319        <button
3320          class="search-bar__submit search-form__submit"
3321          type="submit"
3322          data-search-form-submit
3323        >
3324          Liquid error (snippets/search-drawer line 38): include usage is not allowed in this context
3325          <span class="icon__fallback-text">Submit</span>
3326        </button>
3327      </form>
3328
3329      <div class="search-bar__actions">
3330        <button type="button" class="btn--link search-bar__close js-drawer-close">
3331          Liquid error (snippets/search-drawer line 45): include usage is not allowed in this context
3332          <span class="icon__fallback-text">Close search</span>
3333        </button>
3334      </div>
3335    </div>
3336  </div>
3337</div>
3338
3339
3340<header
3341  data-section-id="sections--24009558556831__header"
3342  data-section-type="header"
3343  class="header-wrapper tw-group tw-relative tw-z-50"
3344  js-header-wrapper
3345  color-theme="transparent"
3346  data-component="megaMenu"
3347>
3348  <div class="top-header" data-section-id="sections--24009558556831__header" data-section-type="header-section" data-header-section>
3349    <div js-header class="header">
3350      <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]">
3351        <!-- Left Menu -->
3352        <div class="tw-col-span-2 tw-block tw-self-center tw-justify-self-start tw-leading-none">
3353          <div class="site-header__mobile-toolbar tw-flex tw-items-center tw-gap-[20px] lg:tw-hidden">
3354            <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">
3355              <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">
3356  <path
3357    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"
3358    fill="currentColor"
3359  />
3360</svg>
3361</span>
3362              <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">
3363  <path
3364    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"
3365    fill="currentColor"
3366  />
3367</svg>
3368</span>
3369            </button>
3370            <a
3371              href="/pages/store-locator"
3372              class="site-header__icon site-header__find-in-store"
3373              aria-label="Find a store"
3374            >
3375              <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" role="presentation" aria-hidden="true">
3376  <path
3377    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 
337713.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"
3378    fill="currentColor"
3379  />
3380</svg>
3381
3382            </a>
3383          </div>
3384
3385          <nav id="AccessibleNav" aria-label="Desktop Menu">
3386            
3387
3388<ul class="site-nav list--inline" id="SiteNav">
3389  
3390
3391      <li
3392        class="site-nav--has-dropdown"
3393        data-child-list-handle="shop"
3394        data-has-dropdowns
3395      >
3396        
3397          <a
3398            href="/collections/drinks"
3399            class="site-nav__link tw-bg-transparent"
3400            
3401            aria-expanded="false"
3402            aria-controls="site-nav-menu-dropdown-shop"
3403          >
3404            <span class="site-nav__label">Shop</span>
3405          </a>
3406        
3407      </li>
3408    
3409  
3410
3411      <li
3412        class="site-nav--has-dropdown"
3413        data-child-list-handle="learn"
3414        data-has-dropdowns
3415      >
3416        
3417          <button
3418            class="site-nav__link tw-bg-transparent"
3419            type="button"
3420            aria-expanded="false"
3421            aria-controls="site-nav-menu-dropdown-learn"
3422          >
3423            <span class="site-nav__label">Learn</span>
3424          </button>
3425        
3426      </li>
3427    
3428  
3429
3430      <li
3431        
3432      >
3433        <a
3434          href="/pages/subscription"
3435          class="site-nav__link"
3436          
3437        >
3438          <span class="site-nav__label">Subscribe</span>
3439        </a>
3440      </li>
3441    
3442  
3443</ul>
3444
3445          </nav>
3446        </div>
3447        <!-- ./End Left Menu -->
3448
3449        <!-- Header Logo -->
3450        <div class="tw-col-span-1 tw-flex tw-justify-center tw-self-center tw-leading-none" role="region" aria-label="Site logo">
3451          
3452
3453
3454  <div class="h2 site-header__logo tw-h-[40px] tw-w-[102px] tw-shrink-0 lg:tw-h-10 lg:tw-w-[117px]">
3455    
3456<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>
3457        <img
3458          class="lazyload js"
3459          src="//drinkolipop.com/cdn/shop/files/OlipopLogo_1.png?v=1778767782"
3460          alt="OLIPOP"
3461          width="102"
3462          height="40"
3463        >
3464      </a>
3465    
3466  </div>
3467
3468
3469        </div>
3470        <!-- ./End Header Logo -->
3471
3472        <!-- Right Menu -->
3473        <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">
3474          
3475            <nav aria-label="Desktop Right Menu">
3476            <ul class="site-nav list--inline tw-hidden lg:tw-block">
3477              
3478<li
3479                  
3480                >
3481                  <a
3482                    href="/pages/store-locator"
3483                    class="site-nav__link"
3484                    
3485                  >
3486                    <span class="site-nav__label">Find a store</span>
3487                  </a>
3488                </li>
3489              
3490            </ul>
3491            </nav>
3492          
3493
3494          <div class="site-header__icons site-header__icons--plus" role="region" aria-label="Account and cart">
3495            <div class="site-header__icons-wrapper">
3496              
3497                <div class="tw-block">
3498                  
3499                    <a href="/account/login" class="site-header__icon site-header__account nav-link">
3500                      <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">
3501  <path
3502    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"
3503    fill="#034638"
3504  />
3505</svg>
3506</span>
3507                      <span class="icon__fallback-text">Log in</span>
3508                    </a>
3509                  
3510                </div>
3511              
3512
3513              <div class="cart-btns tw-relative">
3514                <div class="tw-hidden md:tw-block">
3515                  <a
3516                    target="_self"
3517                    href="/cart"
3518                    aria-label="Open Cart"
3519                    class="header__button header-cart-toggle site-header__icon site-header__cart tw-relative"
3520                    js-header-cart-toggle
3521                  >
3522                    <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" role="presentation" aria-hidden="true">
3523  <path
3524    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"
3525    fill="#034638"
3526  />
3527</svg>
3528
3529                  </a>
3530                </div>
3531                <div class="md:tw-hidden">
3532                  <a href="/cart" class="header__button site-header__icon site-header__cart tw-relative">
3533                    <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" role="presentation" aria-hidden="true">
3534  <path
3535    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
3535C20.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"
3536    fill="#034638"
3537  />
3538</svg>
3539
3540                  </a>
3541                </div>
3542                <div
3543  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"
3544  data-component="cartToggle"
3545  
3546    style="display: none;"
3547  
3548>
3549  <span class="tw-sr-only">items in cart</span>
3550  <span class="cart-item-count-badge__value" aria-live="polite">0</span>
3551</div>
3552
3553<style>
3554  .cart-item-count-badge {
3555    right: -3px;
3556  }
3557
3558  @media screen and (min-width: 750px) {
3559    .cart-item-count-badge {
3560      top: -6px;
3561      right: 4px;
3562    }
3563  }
3564
3565  @media screen and (min-width: 1183px) {
3566    .cart-item-count-badge {
3567      top: 5px;
3568      right: 7px;
3569    }
3570  }
3571</style>
3572
3573              </div>
3574            </div>
3575            <button
3576              type="button"
3577              class="site-header__mobile-menu-close-btn header__button tw-shrink-0 tw-bg-transparent tw-p-0"
3578              js-mobile-menu-close
3579              aria-label="Close menu"
3580            >
3581              <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" role="presentation" aria-hidden="true">
3582  <path
3583    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"
3584    fill="currentColor"
3585  />
3586</svg>
3587
3588            </button>
3589          </div>
3590        </div>
3591        <!-- ./End Right Menu -->
3592      </div>
3593
3594      
3595      
3596
3597    </div>
3598
3599    <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">
3600  
3601
3602
3603
3604    
3605      
3606        
3607
3608<div
3609  class="site-nav-dropdown__menu--shop site-nav-dropdown__menu tw-mx-auto tw-w-full tw-min-h-0"
3610  id="site-nav-menu-dropdown-shop"
3611  tabindex="-1"
3612>
3613  <button type="button" class="site-nav-dropdown-close">Close menu Shop</button>
3614
3615  <div
3616    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]"
3617  >
3618    <aside
3619      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"
3620    >
3621      <nav class="site-nav-dropdown__category-nav tw-flex tw-min-h-0 tw-flex-col tw-overflow-y-auto" aria-label="Shop categories">
3622            <div
3623              class="site-nav-dropdown__link site-nav-dropdown__link-parent tw-block"
3624              data-handle="nav-dropdown-9g-fiber-line"
3625            >
3626              <button
3627                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"
3628                type="button"
3629                aria-expanded="true"
3630              >
3631                <span class="site-nav-dropdown__category-label site-nav-dropdown__secondary-title tw-flex tw-w-full tw-items-center tw-justify-between">
3632                  9g fiber line
3633                  <span class="site-nav-dropdown__category-arrow tw-ml-3 tw-inline-flex tw-shrink-0" aria-hidden="true"><svg
3634  xmlns="http://www.w3.org/2000/svg"
3635  width="24"
3636  height="24"
3637  viewBox="0 0 24 24"
3638  fill="none"
3639  aria-hidden="true"
3640  focusable="false"
3641  role="presentation"
3642  class="icon icon-chevron-three-right"
3643>
3644  <path
3645    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"
3646    fill="#034638"
3647  />
3648</svg>
3649</span>
3650                </span>
3651              </button>
3652            </div>
3653          
3654
3655            <div
3656              class="site-nav-dropdown__link site-nav-dropdown__link-parent tw-block"
3657              data-handle="nav-dropdown-6g-fiber-line"
3658            >
3659              <button
3660                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"
3661                type="button"
3662                aria-expanded="false"
3663              >
3664                <span class="site-nav-dropdown__category-label site-nav-dropdown__secondary-title tw-flex tw-w-full tw-items-center tw-justify-between">
3665                  6g fiber line
3666                  <span class="site-nav-dropdown__category-arrow tw-ml-3 tw-inline-flex tw-shrink-0" aria-hidden="true"><svg
3667  xmlns="http://www.w3.org/2000/svg"
3668  width="24"
3669  height="24"
3670  viewBox="0 0 24 24"
3671  fill="none"
3672  aria-hidden="true"
3673  focusable="false"
3674  role="presentation"
3675  class="icon icon-chevron-three-right"
3676>
3677  <path
3678    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"
3679    fill="#034638"
3680  />
3681</svg>
3682</span>
3683                </span>
3684              </button>
3685            </div>
3686          
3687
3688            <div
3689              class="site-nav-dropdown__link site-nav-dropdown__link-parent tw-block"
3690              data-handle="nav-dropdown-olipop-minis"
3691            >
3692              <button
3693                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"
3694                type="button"
3695                aria-expanded="false"
3696              >
3697                <span class="site-nav-dropdown__category-label site-nav-dropdown__secondary-title tw-flex tw-w-full tw-items-center tw-justify-between">
3698                  OLIPOP MINIs
3699                  <span class="site-nav-dropdown__category-arrow tw-ml-3 tw-inline-flex tw-shrink-0" aria-hidden="true"><svg
3700  xmlns="http://www.w3.org/2000/svg"
3701  width="24"
3702  height="24"
3703  viewBox="0 0 24 24"
3704  fill="none"
3705  aria-hidden="true"
3706  focusable="false"
3707  role="presentation"
3708  class="icon icon-chevron-three-right"
3709>
3710  <path
3711    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
371164 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"
3712    fill="#034638"
3713  />
3714</svg>
3715</span>
3716                </span>
3717              </button>
3718            </div>
3719          
3720
3721            <div
3722              class="site-nav-dropdown__link site-nav-dropdown__link-parent tw-block"
3723              data-handle="nav-dropdown-limited-edition-flavors"
3724            >
3725              <button
3726                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"
3727                type="button"
3728                aria-expanded="false"
3729              >
3730                <span class="site-nav-dropdown__category-label site-nav-dropdown__secondary-title tw-flex tw-w-full tw-items-center tw-justify-between">
3731                  Limited edition flavors
3732                  <span class="site-nav-dropdown__category-arrow tw-ml-3 tw-inline-flex tw-shrink-0" aria-hidden="true"><svg
3733  xmlns="http://www.w3.org/2000/svg"
3734  width="24"
3735  height="24"
3736  viewBox="0 0 24 24"
3737  fill="none"
3738  aria-hidden="true"
3739  focusable="false"
3740  role="presentation"
3741  class="icon icon-chevron-three-right"
3742>
3743  <path
3744    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"
3745    fill="#034638"
3746  />
3747</svg>
3748</span>
3749                </span>
3750              </button>
3751            </div>
3752          
3753
3754            <div
3755              class="site-nav-dropdown__link site-nav-dropdown__link-parent tw-block"
3756              data-handle="nav-dropdown-variety-packs"
3757            >
3758              <button
3759                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"
3760                type="button"
3761                aria-expanded="false"
3762              >
3763                <span class="site-nav-dropdown__category-label site-nav-dropdown__secondary-title tw-flex tw-w-full tw-items-center tw-justify-between">
3764                  Variety packs
3765                  <span class="site-nav-dropdown__category-arrow tw-ml-3 tw-inline-flex tw-shrink-0" aria-hidden="true"><svg
3766  xmlns="http://www.w3.org/2000/svg"
3767  width="24"
3768  height="24"
3769  viewBox="0 0 24 24"
3770  fill="none"
3771  aria-hidden="true"
3772  focusable="false"
3773  role="presentation"
3774  class="icon icon-chevron-three-right"
3775>
3776  <path
3777    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"
3778    fill="#034638"
3779  />
3780</svg>
3781</span>
3782                </span>
3783              </button>
3784            </div>
3785          
3786</nav>
3787
3788      <div class="site-nav-dropdown__links-footer">
3789        <a
3790          href="/collections/drinks"
3791          class="site-nav-dropdown__footer-shop-all dropdown-btn"
3792        >
3793          Shop All
3794        </a>
3795      </div>
3796    </aside>
3797
3798    <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]">
3799      
3800
3801          <div
3802            id="nav-dropdown-9g-fiber-line"
3803            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"
3804          >
3805            <div class="site-nav-dropdown__child-menu-inner tw-flex tw-min-h-0 tw-flex-1 tw-flex-col tw-overflow-visible">
3806              <header class="site-nav-dropdown__subnav-header tw-pl-1">
3807                <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">
3808                  <div class="site-nav-dropdown__subnav-titles tw-min-w-0 tw-flex-1">
3809                    <h2 class="site-nav-dropdown__subnav-title">
3810                      
3811                        Shop 9g fiber
3812                      
3813                    </h2>
3814                    
3815                      <div class="site-nav-dropdown__category-headline">
3816                        <div class="site-nav-dropdown__category-headline-text rte">
3817                          <span class="metafield-single_line_text_field">Keep refrigerated</span>
3818                        </div>
3819                        
3820                          <span class="site-nav-dropdown__category-headline-icon" aria-hidden="true">
3821                            <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">
3822                          </span>
3823                        
3824                      </div>
3825                    
3826                    
3827                      <div class="site-nav-dropdown__category-description rte">
3828                        <span class="metafield-multi_line_text_field">Our original refrigerated formula, with higher fiber per can to get more out of every sip.</span>
3829                      </div>
3830                    
3831                  </div>
3832                  <a
3833                    class="site-nav-dropdown__shop-all-outline"
3834                    href="/collections/shop-9g-fiber"
3835                  > 
3836                    
3837                      Shop All 9g Fiber
3838                    
3839                  </a>
3840                </div>
3841              </header>
3842
3843              <div
3844                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]"
3845                data-nav-carousel
3846              >
3847                <div
3848                  class="site-nav-dropdown__carousel-toolbar tw-flex tw-w-full tw-items-center tw-justify-end tw-gap-1 tw-pr-14"
3849                  aria-hidden="false"
3850                >
3851                  <button
3852                    type="button"
3853                    class="site-nav-dropdown__carousel-btn site-nav-dropdown__carousel-btn--prev site-nav-dropdown__carousel-btn--toolbar"
3854                    aria-label="Show previous products"
3855                  >
3856<svg
3857  xmlns="http://www.w3.org/2000/svg"
3858  width="24"
3859  height="24"
3860  viewBox="0 0 24 24"
3861  fill="none"
3862  class="site-nav-dropdown__carousel-arrow-svg"
3863  aria-hidden="true"
3864  focusable="false"
3865>
3866  <path
3867    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"
3868    fill="currentColor"
3869  />
3870</svg>
3871</button>
3872                  <button
3873                    type="button"
3874                    class="site-nav-dropdown__carousel-btn site-nav-dropdown__carousel-btn--next site-nav-dropdown__carousel-btn--toolbar"
3875                    aria-label="Show next products"
3876                  >
3877<svg
3878  xmlns="http://www.w3.org/2000/svg"
3879  width="24"
3880  height="24"
3881  viewBox="0 0 24 24"
3882  fill="none"
3883  class="site-nav-dropdown__carousel-arrow-svg"
3884  aria-hidden="true"
3885  focusable="false"
3886>
3887  <path
3888    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
38880.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"
3889    fill="currentColor"
3890  />
3891</svg>
3892</button>
3893                </div>
3894                <div
3895                  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"
3896                  data-carousel-track
3897                  tabindex="0"
3898                  role="region"
3899                  aria-roledescription="carousel"
3900                  aria-label="9g fiber line products"
3901                >
3902                  <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">
3903                    
3904                    
3905
3906                    
3907
3908                    
3909
3910
3911                      
3912
3913                      
3914
3915                      
3916                        <li class="9g-fiber-line-tile tw-w-[136px] tw-flex-shrink-0">
3917                          <a
3918                            href="/products/caramel-apple"
3919                            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"
3920                            
3921                          >
3922                            <span class="site-nav-dropdown__product-card-media">
3923                              
3924                                <div
3925    class="product-badge product-badge--nav product-badge--short-text"
3926    role="status"
3927    aria-label="New"
3928  >
3929    <svg class="product-badge__shape" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 72 72" fill="none" aria-hidden="true">
3930      <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"/>
3931    </svg>
3932    <span class="product-badge__text" style="color: #034638;">New</span>
3933  </div>
3934                              
3935
3936                              
3937                                
3938                                  
3939                                  
3940                              
3941                              
3942                              
3943                              <img
3944                                class="site-nav-dropdown__product-card-img nav-product-hero"
3945                                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"
3946                                width="136"
3947                                height="181"
3948                                alt="Caramel Apple"
3949                                loading="lazy"
3950                                decoding="async"
3951                              >
3952                              
3953                            </span>
3954                            <span class="site-nav-dropdown__product-card-label">
3955                              
3956                                Caramel Apple
3957                              
3958                            </span>
3959                          </a>
3960                        </li>
3961                      
3962                    
3963
3964
3965                      
3966
3967                      
3968
3969                      
3970                        <li class="9g-fiber-line-tile tw-w-[136px] tw-flex-shrink-0">
3971                          <a
3972                            href="/products/blackberry-vanilla"
3973                            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"
3974                            
3975                          >
3976                            <span class="site-nav-dropdown__product-card-media">
3977                              
3978
3979                              
3980                                
3981                                  
3982                                  
3983                              
3984                              
3985                              
3986                              <img
3987                                class="site-nav-dropdown__product-card-img nav-product-hero"
3988                                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"
3989                                width="136"
3990                                height="181"
3991                                alt="Blackberry Vanilla"
3992                                loading="lazy"
3993                                decoding="async"
3994                              >
3995                              
3996                            </span>
3997                            <span class="site-nav-dropdown__product-card-label">
3998                              
3999                                Blackberry Vanilla
4000                              
4001                            </span>
4002                          </a>
4003                        </li>
4004                      
4005                    
4006
4007
4008                      
4009
4010                      
4011
4012                      
4013                        <li class="9g-fiber-line-tile tw-w-[136px] tw-flex-shrink-0">
4014                          <a
4015                            href="/products/crisp-apple"
4016                            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"
4017                            
4018                          >
4019                            <span class="site-nav-dropdown__product-card-media">
4020                              
4021
4022                              
4023                                
4024                                  
4025                                  
4026                              
4027                              
4028                              
4029                              <img
4030                                class="site-nav-dropdown__product-card-img nav-product-hero"
4031                                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"
4032                                width="136"
4033                                height="181"
4034                                alt="Crisp Apple"
4035                                loading="lazy"
4036                                decoding="async"
4037                              >
4038                              
4039                            </span>
4040                            <span class="site-nav-dropdown__product-card-label">
4041                              
4042                                Crisp Apple
4043                              
4044                            </span>
4045                          </a>
4046                        </li>
4047                      
4048                    
4049
4050
4051                      
4052
4053                      
4054
4055                      
4056                        <li class="9g-fiber-line-tile tw-w-[136px] tw-flex-shrink-0">
4057                          <a
4058                            href="/products/classic-grape"
4059                            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"
4060                            
4061                          >
4062                            <span class="site-nav-dropdown__product-card-media">
4063                              
4064
4065                              
4066                                
4067                                  
4068                                  
4069                              
4070                              
4071                              
4072                              <img
4073                                class="site-nav-dropdown__product-card-img nav-product-hero"
4074                                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"
4075                                width="136"
4076                                height="181"
4077                                alt="Classic Grape"
4078                                loading="lazy"
4079                                decoding="async"
4080                              >
4081                              
4082                            </span>
4083                            <span class="site-nav-dropdown__product-card-label">
4084                              
4085                                Classic Grape
4086                              
4087                            </span>
4088                          </a>
4089                        </li>
4090                      
4091                    
4092
4093
4094                      
4095
4096                      
4097
4098                      
4099                        <li class="9g-fiber-line-tile tw-w-[136px] tw-flex-shrink-0">
4100                          <a
4101                            href="/products/classic-root-beer"
4102                            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"
4103                            
4104                          >
4105                            <span class="site-nav-dropdown__product-card-media">
4106                              
4107
4108                              
4109                                
4110                                  
4111                                  
4112                              
4113                              
4114                              
4115                              <img
4116                                class="site-nav-dropdown__product-card-img nav-product-hero"
4117                                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"
4118                                width="136"
4119                                height="181"
4120                                alt="Classic Root Beer"
4121                                loading="lazy"
4122                                decoding="async"
4123                              >
4124                              
4125                            </span>
4126                            <span class="site-nav-dropdown__product-card-label">
4127                              
4128                                Classic Root Beer
4129                              
4130                            </span>
4131                          </a>
4132                        </li>
4133                      
4134                    
4135
4136
4137                      
4138
4139                      
4140
4141                      
4142                        <li class="9g-fiber-line-tile tw-w-[136px] tw-flex-shrink-0">
4143                          <a
4144                            href="/products/vintage-cola"
4145                            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"
4146                            
4147                          >
4148                            <span class="site-nav-dropdown__product-card-media">
4149                              
4150
4151                              
4152                                
4153                                  
4154                                  
4155                              
4156                              
4157                              
4158                              <img
4159                                class="site-nav-dropdown__product-card-img nav-product-hero"
4160                                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"
4161                                width="136"
4162                                height="181"
4163                                alt="Vintage Cola"
4164                                loading="lazy"
4165                                decoding="async"
4166                              >
4167                              
4168                            </span>
4169                            <span class="site-nav-dropdown__product-card-label">
4170                              
4171                                Vintage Cola
4172                              
4173                            </span>
4174                          </a>
4175                        </li>
4176                      
4177                    
4178
4179
4180                      
4181
4182                      
4183
4184                      
4185                        <li class="9g-fiber-line-tile tw-w-[136px] tw-flex-shrink-0">
4186                          <a
4187                            href="/products/cream-soda"
4188                            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"
4189                            
4190                          >
4191                            <span class="site-nav-dropdown__product-card-media">
4192                              
4193
4194                              
4195                                
4196                                  
4197                                  
4198                              
4199                              
4200                              
4201                              <img
4202                                class="site-nav-dropdown__product-card-img nav-product-hero"
4203                                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"
4204                                width="136"
4205                                height="181"
4206                                alt="Cream Soda"
4207                                loading="lazy"
4208                                decoding="async"
4209                              >
4210                              
4211                            </span>
4212                            <span class="site-nav-dropdown__product-card-label">
4213                              
4214                                Cream Soda
4215                              
4216                            </span>
4217                          </a>
4218                        </li>
4219                      
4220                    
4221
4222
4223                      
4224
4225                      
4226
4227                      
4228                        <li class="9g-fiber-line-tile tw-w-[136px] tw-flex-shrink-0">
4229                          <a
4230                            href="/products/strawberry-vanilla"
4231                            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"
4232                            
4233                          >
4234                            <span class="site-nav-dropdown__product-card-media">
4235                              
4236
4237                              
4238                                
4239                                  
4240                                  
4241                              
4242                              
4243                              
4244                              <img
4245                                class="site-nav-dropdown__product-card-img nav-product-hero"
4246                                src="//drinkolipop.com/cdn/shop/files/strawberry-vanilla-9g-olipop_gallery-main-image_new_asset.webp?crop=center&height=362&v=1779161007&width=272"
4247                                width="136"
4248                                height="181"
4249                                alt="Strawberry Vanilla"
4250                                loading="lazy"
4251                                decoding="async"
4252                              >
4253                              
4254                            </span>
4255                            <span class="site-nav-dropdown__product-card-label">
4256                              
4257                                Strawberry Vanilla
4258                              
4259                            </span>
4260                          </a>
4261                        </li>
4262                      
4263                    
4264
4265
4266                      
4267
4268                      
4269
4270                      
4271                        <li class="9g-fiber-line-tile tw-w-[136px] tw-flex-shrink-0">
4272                          <a
4273                            href="/products/cherry-cola"
4274                            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"
4275                            
4276                          >
4277                            <span class="site-nav-dropdown__product-card-media">
4278                              
4279
4280                              
4281                                
4282                                  
4283                                  
4284                              
4285                              
4286                              
4287                              <img
4288                                class="site-nav-dropdown__product-card-img nav-product-hero"
4289                                src="//drinkolipop.com/cdn/shop/files/cherry-cola-9g-olipop_gallery-main-image_new_asset.webp?crop=center&height=362&v=1779163770&width=272"
4290                                width="136"
4291                                height="181"
4292                                alt="Cherry Cola"
4293                                loading="lazy"
4294                                decoding="async"
4295                              >
4296                              
4297                            </span>
4298                            <span class="site-nav-dropdown__product-card-label">
4299                              
4300                                Cherry Cola
4301                              
4302                            </span>
4303                          </a>
4304                        </li>
4305                      
4306                    
4307
4308
4309                      
4310
4311                      
4312
4313                      
4314                        <li class="9g-fiber-line-tile tw-w-[136px] tw-flex-shrink-0">
4315                          <a
4316                            href="/products/orange-cream"
4317                            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"
4318                            
4319                          >
4320                            <span class="site-nav-dropdown__product-card-media">
4321                              
4322
4323                              
4324                                
4325                                  
4326                                  
4327                              
4328                              
4329                              
4330                              <img
4331                                class="site-nav-dropdown__product-card-img nav-product-hero"
4332                                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"
4333                                width="136"
4334                                height="181"
4335                                alt="Orange Cream"
4336                                loading="lazy"
4337                                decoding="async"
4338                              >
4339                              
4340                            </span>
4341                            <span class="site-nav-dropdown__product-card-label">
4342                              
4343                                Orange Cream
4344                              
4345                            </span>
4346                          </a>
4347                        </li>
4348                      
4349                    
4350
4351
4352                      
4353
4354                      
4355
4356                      
4357                        <li class="9g-fiber-line-tile tw-w-[136px] tw-flex-shrink-0">
4358                          <a
4359                            href="/products/peaches-and-cream"
4360                            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"
4361                            
4362                          >
4363                            <span class="site-nav-dropdown__product-card-media">
4364                              
4365
4366                              
4367                                
4368                                  
4369                                  
4370                              
4371                              
4372                              
4373                              <img
4374                                class="site-nav-dropdown__product-card-img nav-product-hero"
4375                                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"
4376                                width="136"
4377                                height="181"
4378                                alt="Peaches & Cream"
4379                                loading="lazy"
4380                                decoding="async"
4381                              >
4382                              
4383                            </span>
4384                            <span class="site-nav-dropdown__product-card-label">
4385                              
4386                                Peaches &amp; Cream
4387                              
4388                            </span>
4389                          </a>
4390                        </li>
4391                      
4392                    
4393
4394
4395                      
4396
4397                      
4398
4399                      
4400                        <li class="9g-fiber-line-tile tw-w-[136px] tw-flex-shrink-0">
4401                          <a
4402                            href="/products/orange-squeeze"
4403                            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"
4404                            
4405                          >
4406                            <span class="site-nav-dropdown__product-card-media">
4407                              
4408
4409                              
4410                                
4411                                  
4412                                  
4413                              
4414                              
4415                              
4416                              <img
4417                                class="site-nav-dropdown__product-card-img nav-product-hero"
4418                                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"
4419                                width="136"
4420                                height="181"
4421                                alt="Orange Squeeze"
4422                                loading="lazy"
4423                                decoding="async"
4424                              >
4425                              
4426                            </span>
4427                            <span class="site-nav-dropdown__product-card-label">
4428                              
4429                                Orange Squeeze
4430                              
4431                            </span>
4432                          </a>
4433                        </li>
4434                      
4435                    
4436
4437
4438                      
4439
4440                      
4441
4442                      
4443                        <li class="9g-fiber-line-tile tw-w-[136px] tw-flex-shrink-0">
4444                          <a
4445                            href="/products/ginger-ale"
4446                            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"
4447                            
4448                          >
4449                            <span class="site-nav-dropdown__product-card-media">
4450                              
4451
4452                              
4453                                
4454                                  
4455                                  
4456                              
4457                              
4458                              
4459                              <img
4460                                class="site-nav-dropdown__product-card-img nav-product-hero"
4461                                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"
4462                                width="136"
4463                                height="181"
4464                                alt="Ginger Ale"
4465                                loading="lazy"
4466                                decoding="async"
4467                              >
4468                              
4469                            </span>
4470                            <span class="site-nav-dropdown__product-card-label">
4471                              
4472                                Ginger Ale
4473                              
4474                            </span>
4475                          </a>
4476                        </li>
4477                      
4478                    
4479
4480
4481                      
4482
4483                      
4484
4485                      
4486                        <li class="9g-fiber-line-tile tw-w-[136px] tw-flex-shrink-0">
4487                          <a
4488                            href="/products/citrus-rush"
4489                            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"
4490                            
4491                          >
4492                            <span class="site-nav-dropdown__product-card-media">
4493                              
4494
4495                              
4496                                
4497                                  
4498                                  
4499                              
4500                              
4501                              
4502                              <img
4503                                class="site-nav-dropdown__product-card-img nav-product-hero"
4504                                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"
4505                                width="136"
4506                                height="181"
4507                                alt="Citrus Rush"
4508                                loading="lazy"
4509                                decoding="async"
4510                              >
4511                              
4512                            </span>
4513                            <span class="site-nav-dropdown__product-card-label">
4514                              
4515                                Ridge Rush
4516                              
4517                            </span>
4518                          </a>
4519                        </li>
4520                      
4521                    
4522
4523
4524                      
4525
4526                      
4527
4528                      
4529                        <li class="9g-fiber-line-tile tw-w-[136px] tw-flex-shrink-0">
4530                          <a
4531                            href="/products/doctor-goodwin"
4532                            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"
4533                            
4534                          >
4535                            <span class="site-nav-dropdown__product-card-media">
4536                              
4537
4538                              
4539                                
4540                                  
4541                                  
4542                              
4543                              
4544                              
4545                              <img
4546                                class="site-nav-dropdown__product-card-img nav-product-hero"
4547                                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"
4548                                width="136"
4549                                height="181"
4550                                alt="Doctor Goodwin"
4551                                loading="lazy"
4552                                decoding="async"
4553                              >
4554                              
4555                            </span>
4556                            <span class="site-nav-dropdown__product-card-label">
4557                              
4558                                Doctor Goodwin
4559                              
4560                            </span>
4561                          </a>
4562                        </li>
4563                      
4564                    
4565
4566
4567                      
4568
4569                      
4570
4571                      
4572                        <li class="9g-fiber-line-tile tw-w-[136px] tw-flex-shrink-0">
4573                          <a
4574                            href="/products/cherry-vanilla"
4575                            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"
4576                            
4577                          >
4578                            <span class="site-nav-dropdown__product-card-media">
4579                              
4580
4581                              
4582                                
4583                                  
4584                                  
4585                              
4586                              
4587                              
4588                              <img
4589                                class="site-nav-dropdown__product-card-img nav-product-hero"
4590                                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"
4591                                width="136"
4592                                height="181"
4593                                alt="Cherry Vanilla"
4594                                loading="lazy"
4595                                decoding="async"
4596                              >
4597                              
4598                            </span>
4599                            <span class="site-nav-dropdown__product-card-label">
4600                              
4601                                Cherry Vanilla
4602                              
4603                            </span>
4604                          </a>
4605                        </li>
4606                      
4607                    
4608
4609
4610                      
4611
4612                      
4613
4614                      
4615                        <li class="9g-fiber-line-tile tw-w-[136px] tw-flex-shrink-0">
4616                          <a
4617                            href="/products/tropical-punch"
4618                            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"
4619                            
4620                          >
4621                            <span class="site-nav-dropdown__product-card-media">
4622                              
4623
4624                              
4625                                
4626                                  
4627                                  
4628                              
4629                              
4630                              
4631                              <img
4632                                class="site-nav-dropdown__product-card-img nav-product-hero"
4633                                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"
4634                                width="136"
4635                                height="181"
4636                                alt="Tropical Punch"
4637                                loading="lazy"
4638                                decoding="async"
4639                              >
4640                              
4641                            </span>
4642                            <span class="site-nav-dropdown__product-card-label">
4643                              
4644                                Tropical Punch
4645                              
4646                            </span>
4647                          </a>
4648                        </li>
4649                      
4650                    
4651
4652
4653                      
4654
4655                      
4656
4657                      
4658                        <li class="9g-fiber-line-tile tw-w-[136px] tw-flex-shrink-0">
4659                          <a
4660                            href="/products/lemon-lime"
4661                            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"
4662                            
4663                          >
4664                            <span class="site-nav-dropdown__product-card-media">
4665                              
4666
4667                              
4668                                
4669                                  
4670                                  
4671                              
4672                              
4673                              
4674                              <img
4675                                class="site-nav-dropdown__product-card-img nav-product-hero"
4676                                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"
4677                                width="136"
4678                                height="181"
4679                                alt="Lemon Lime"
4680                                loading="lazy"
4681                                decoding="async"
4682                              >
4683                              
4684                            </span>
4685                            <span class="site-nav-dropdown__product-card-label">
4686                              
4687                                Lemon Lime
4688                              
4689                            </span>
4690                          </a>
4691                        </li>
4692                      
4693                    
4694
4695
4696                      
4697
4698                      
4699
4700                      
4701                        <li class="9g-fiber-line-tile tw-w-[136px] tw-flex-shrink-0">
4702                          <a
4703                            href="/products/ginger-lemon"
4704                            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"
4705                            
4706                          >
4707                            <span class="site-nav-dropdown__product-card-media">
4708                              
4709
4710                              
4711                                
4712                                  
4713                                  
4714                              
4715                              
4716                              
4717                              <img
4718                                class="site-nav-dropdown__product-card-img nav-product-hero"
4719                                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"
4720                                width="136"
4721                                height="181"
4722                                alt="Ginger Lemon"
4723                                loading="lazy"
4724                                decoding="async"
4725                              >
4726                              
4727                            </span>
4728                            <span class="site-nav-dropdown__product-card-label">
4729                              
4730                                Ginger Lemon
4731                              
4732                            </span>
4733                          </a>
4734                        </li>
4735                      
4736                    
4737
4738
4739                      
4740
4741                      
4742
4743                      
4744                        <li class="9g-fiber-line-tile tw-w-[136px] tw-flex-shrink-0">
4745                          <a
4746                            href="/products/watermelon-lime"
4747                            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"
4748                            
4749                          >
4750                            <span class="site-nav-dropdown__product-card-media">
4751                              
4752
4753                              
4754                                
4755                                  
4756                                  
4757                              
4758                              
4759                              
4760                              <img
4761                                class="site-nav-dropdown__product-card-img nav-product-hero"
4762                                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"
4763                                width="136"
4764                                height="181"
4765                                alt="Watermelon Lime"
4766                                loading="lazy"
4767                                decoding="async"
4768                              >
4769                              
4770                            </span>
4771                            <span class="site-nav-dropdown__product-card-label">
4772                              
4773                                Watermelon Lime
4774                              
4775                            </span>
4776                          </a>
4777                        </li>
4778                      
4779                    
4780
4781
4782                      
4783
4784                      
4785
4786                      
4787                        <li class="9g-fiber-line-tile tw-w-[136px] tw-flex-shrink-0">
4788                          <a
4789                            href="/products/banana-cream"
4790                            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"
4791                            
4792                          >
4793                            <span class="site-nav-dropdown__product-card-media">
4794                              
4795
4796                              
4797                                
4798                                  
4799                                  
4800                              
4801                              
4802                              
4803                              <img
4804                                class="site-nav-dropdown__product-card-img nav-product-hero"
4805                                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"
4806                                width="136"
4807                                height="181"
4808                                alt="Banana Cream"
4809                                loading="lazy"
4810                                decoding="async"
4811                              >
4812                              
4813                            </span>
4814                            <span class="site-nav-dropdown__product-card-label">
4815                              
4816                                Banana Cream
4817                              
4818                            </span>
4819                          </a>
4820                        </li>
4821                      
4822                    
4823                  </ul>
4824                </div>
4825              </div>
4826            </div>
4827          </div>
4828        
4829      
4830
4831          <div
4832            id="nav-dropdown-6g-fiber-line"
4833            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"
4834          >
4835            <div class="site-nav-dropdown__child-menu-inner tw-flex tw-min-h-0 tw-flex-1 tw-flex-col tw-overflow-visible">
4836              <header class="site-nav-dropdown__subnav-header tw-pl-1">
4837                <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">
4838                  <div class="site-nav-dropdown__subnav-titles tw-min-w-0 tw-flex-1">
4839                    <h2 class="site-nav-dropdown__subnav-title">
4840                      
4841                        Shop 6g fiber
4842                      
4843                    </h2>
4844                    
4845                      <div class="site-nav-dropdown__category-headline">
4846                        <div class="site-nav-dropdown__category-headline-text rte">
4847                          <span class="metafield-single_line_text_field">Store anywhere. Chill to enjoy.</span>
4848                        </div>
4849                        
4850                      </div>
4851                    
4852                    
4853                      <div class="site-nav-dropdown__category-description rte">
4854                        <span class="metafield-multi_line_text_field">Same great taste &amp; digestive support, in a lower‑fiber, store‑anywhere format.</span>
4855                      </div>
4856                    
4857                  </div>
4858                  <a
4859                    class="site-nav-dropdown__shop-all-outline"
4860                    href="/collections/shop-6g-fiber"
4861                  > 
4862                    
4863                      Shop All 6g Fiber
4864                    
4865                  </a>
4866                </div>
4867              </header>
4868
4869              <div
4870                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]"
4871                data-nav-carousel
4872              >
4873                <div
4874                  class="site-nav-dropdown__carousel-toolbar tw-flex tw-w-full tw-items-center tw-justify-end tw-gap-1 tw-pr-14"
4875                  aria-hidden="false"
4876                >
4877                  <button
4878                    type="button"
4879                    class="site-nav-dropdown__carousel-btn site-nav-dropdown__carousel-btn--prev site-nav-dropdown__carousel-btn--toolbar"
4880                    aria-label="Show previous products"
4881                  >
4882<svg
4883  xmlns="http://www.w3.org/2000/svg"
4884  width="24"
4885  height="24"
4886  viewBox="0 0 24 24"
4887  fill="none"
4888  class="site-nav-dropdown__carousel-arrow-svg"
4889  aria-hidden="true"
4890  focusable="false"
4891>
4892  <path
4893    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"
4894    fill="currentColor"
4895  />
4896</svg>
4897</button>
4898                  <button
4899                    type="button"
4900                    class="site-nav-dropdown__carousel-btn site-nav-dropdown__carousel-btn--next site-nav-dropdown__carousel-btn--toolbar"
4901                    aria-label="Show next products"
4902                  >
4903<svg
4904  xmlns="http://www.w3.org/2000/svg"
4905  width="24"
4906  height="24"
4907  viewBox="0 0 24 24"
4908  fill="none"
4909  class="site-nav-dropdown__carousel-arrow-svg"
4910  aria-hidden="true"
4911  focusable="false"
4912>
4913  <path
4914    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
49140.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"
4915    fill="currentColor"
4916  />
4917</svg>
4918</button>
4919                </div>
4920                <div
4921                  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"
4922                  data-carousel-track
4923                  tabindex="0"
4924                  role="region"
4925                  aria-roledescription="carousel"
4926                  aria-label="6g fiber line products"
4927                >
4928                  <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">
4929                    
4930                    
4931
4932                    
4933
4934                    
4935
4936
4937                      
4938
4939                      
4940
4941                      
4942                        <li class="6g-fiber-line-tile tw-w-[136px] tw-flex-shrink-0">
4943                          <a
4944                            href="/products/raspberry-sherbet"
4945                            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"
4946                            
4947                          >
4948                            <span class="site-nav-dropdown__product-card-media">
4949                              
4950                                <div
4951    class="product-badge product-badge--nav"
4952    role="status"
4953    aria-label="Limited"
4954  >
4955    <svg class="product-badge__shape" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 72 72" fill="none" aria-hidden="true">
4956      <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"/>
4957    </svg>
4958    <span class="product-badge__text" style="color: #034638;">Limited</span>
4959  </div>
4960                              
4961
4962                              
4963                                
4964                                  
4965                                  
4966                              
4967                              
4968                              
4969                              <img
4970                                class="site-nav-dropdown__product-card-img nav-product-hero"
4971                                src="//drinkolipop.com/cdn/shop/files/raspberry-sherbert_omni-pdp_single.webp?crop=center&height=362&v=1775754912&width=272"
4972                                width="136"
4973                                height="181"
4974                                alt="Raspberry Sherbet"
4975                                loading="lazy"
4976                                decoding="async"
4977                              >
4978                              
4979                            </span>
4980                            <span class="site-nav-dropdown__product-card-label">
4981                              
4982                                Raspberry Sherbet
4983                              
4984                            </span>
4985                          </a>
4986                        </li>
4987                      
4988                    
4989
4990
4991                      
4992
4993                      
4994
4995                      
4996                        <li class="6g-fiber-line-tile tw-w-[136px] tw-flex-shrink-0">
4997                          <a
4998                            href="/products/shirley-temple"
4999                            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"
5000                            
5001                          >
5002                            <span class="site-nav-dropdown__product-card-media">
5003                              
5004                                <div
5005    class="product-badge product-badge--nav"
5006    role="status"
5007    aria-label="Limited"
5008  >
5009    <svg class="product-badge__shape" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 72 72" fill="none" aria-hidden="true">
5010      <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"/>
5011    </svg>
5012    <span class="product-badge__text" style="color: #034638;">Limited</span>
5013  </div>
5014                              
5015
5016                              
5017                                
5018                                  
5019                                  
5020                              
5021                              
5022                              
5023                              <img
5024                                class="site-nav-dropdown__product-card-img nav-product-hero"
5025                                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"
5026                                width="136"
5027                                height="181"
5028                                alt="Shirley Temple"
5029                                loading="lazy"
5030                                decoding="async"
5031                              >
5032                              
5033                            </span>
5034                            <span class="site-nav-dropdown__product-card-label">
5035                              
5036                                Shirley Temple
5037                              
5038                            </span>
5039                          </a>
5040                        </li>
5041                      
5042                    
5043
5044
5045                      
5046
5047                      
5048
5049                      
5050                        <li class="6g-fiber-line-tile tw-w-[136px] tw-flex-shrink-0">
5051                          <a
5052                            href="/products/spongebob-pineapple-paradise"
5053                            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"
5054                            
5055                          >
5056                            <span class="site-nav-dropdown__product-card-media">
5057                              
5058                                <div
5059    class="product-badge product-badge--nav"
5060    role="status"
5061    aria-label="Limited"
5062  >
5063    <svg class="product-badge__shape" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 72 72" fill="none" aria-hidden="true">
5064      <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"/>
5065    </svg>
5066    <span class="product-badge__text" style="color: #034638;">Limited</span>
5067  </div>
5068                              
5069
5070                              
5071                                
5072                                  
5073                                  
5074                              
5075                              
5076                              
5077                              <img
5078                                class="site-nav-dropdown__product-card-img nav-product-hero"
5079                                src="//drinkolipop.com/cdn/shop/files/Pineapple-Paradise_cgi-main-image_072925.webp?crop=center&height=362&v=1753844923&width=272"
5080                                width="136"
5081                                height="181"
5082                                alt="Pineapple Paradise"
5083                                loading="lazy"
5084                                decoding="async"
5085                              >
5086                              
5087                            </span>
5088                            <span class="site-nav-dropdown__product-card-label">
5089                              
5090                                Pineapple Paradise
5091                              
5092                            </span>
5093                          </a>
5094                        </li>
5095                      
5096                    
5097
5098
5099                      
5100
5101                      
5102
5103                      
5104                        <li class="6g-fiber-line-tile tw-w-[136px] tw-flex-shrink-0">
5105                          <a
5106                            href="/products/crisp-apple-6g-fiber"
5107                            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"
5108                            
5109                          >
5110                            <span class="site-nav-dropdown__product-card-media">
5111                              
5112
5113                              
5114                                
5115                                  
5116                                  
5117                              
5118                              
5119                              
5120                              <img
5121                                class="site-nav-dropdown__product-card-img nav-product-hero"
5122                                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"
5123                                width="136"
5124                                height="181"
5125                                alt="Crisp Apple"
5126                                loading="lazy"
5127                                decoding="async"
5128                              >
5129                              
5130                            </span>
5131                            <span class="site-nav-dropdown__product-card-label">
5132                              
5133                                Crisp Apple
5134                              
5135                            </span>
5136                          </a>
5137                        </li>
5138                      
5139                    
5140
5141
5142                      
5143
5144                      
5145
5146                      
5147                        <li class="6g-fiber-line-tile tw-w-[136px] tw-flex-shrink-0">
5148                          <a
5149                            href="/products/classic-grape-6g-fiber"
5150                            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"
5151                            
5152                          >
5153                            <span class="site-nav-dropdown__product-card-media">
5154                              
5155
5156                              
5157                                
5158                                  
5159                                  
5160                              
5161                              
5162                              
5163                              <img
5164                                class="site-nav-dropdown__product-card-img nav-product-hero"
5165                                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"
5166                                width="136"
5167                                height="181"
5168                                alt="Classic Grape"
5169                                loading="lazy"
5170                                decoding="async"
5171                              >
5172                              
5173                            </span>
5174                            <span class="site-nav-dropdown__product-card-label">
5175                              
5176                                Classic Grape
5177                              
5178                            </span>
5179                          </a>
5180                        </li>
5181                      
5182                    
5183
5184
5185                      
5186
5187                      
5188
5189                      
5190                        <li class="6g-fiber-line-tile tw-w-[136px] tw-flex-shrink-0">
5191                          <a
5192                            href="/products/vintage-cola-6g-fiber"
5193                            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"
5194                            
5195                          >
5196                            <span class="site-nav-dropdown__product-card-media">
5197                              
5198
5199                              
5200                                
5201                                  
5202                                  
5203                              
5204                              
5205                              
5206                              <img
5207                                class="site-nav-dropdown__product-card-img nav-product-hero"
5208                                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"
5209                                width="136"
5210                                height="181"
5211                                alt="Vintage Cola"
5212                                loading="lazy"
5213                                decoding="async"
5214                              >
5215                              
5216                            </span>
5217                            <span class="site-nav-dropdown__product-card-label">
5218                              
5219                                Vintage Cola
5220                              
5221                            </span>
5222                          </a>
5223                        </li>
5224                      
5225                    
5226
5227
5228                      
5229
5230                      
5231
5232                      
5233                        <li class="6g-fiber-line-tile tw-w-[136px] tw-flex-shrink-0">
5234                          <a
5235                            href="/products/classic-root-beer-6g-fiber"
5236                            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"
5237                            
5238                          >
5239                            <span class="site-nav-dropdown__product-card-media">
5240                              
5241
5242                              
5243                                
5244                                  
5245                                  
5246                              
5247                              
5248                              
5249                              <img
5250                                class="site-nav-dropdown__product-card-img nav-product-hero"
5251                                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"
5252                                width="136"
5253                                height="181"
5254                                alt="Classic Root Beer"
5255                                loading="lazy"
5256                                decoding="async"
5257                              >
5258                              
5259                            </span>
5260                            <span class="site-nav-dropdown__product-card-label">
5261                              
5262                                Classic Root Beer
5263                              
5264                            </span>
5265                          </a>
5266                        </li>
5267                      
5268                    
5269
5270
5271                      
5272
5273                      
5274
5275                      
5276                        <li class="6g-fiber-line-tile tw-w-[136px] tw-flex-shrink-0">
5277                          <a
5278                            href="/products/cream-soda-6g-fiber"
5279                            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"
5280                            
5281                          >
5282                            <span class="site-nav-dropdown__product-card-media">
5283                              
5284
5285                              
5286                                
5287                                  
5288                                  
5289                              
5290                              
5291                              
5292                              <img
5293                                class="site-nav-dropdown__product-card-img nav-product-hero"
5294                                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"
5295                                width="136"
5296                                height="181"
5297                                alt="Cream Soda"
5298                                loading="lazy"
5299                                decoding="async"
5300                              >
5301                              
5302                            </span>
5303                            <span class="site-nav-dropdown__product-card-label">
5304                              
5305                                Cream Soda
5306                              
5307                            </span>
5308                          </a>
5309                        </li>
5310                      
5311                    
5312
5313
5314                      
5315
5316                      
5317
5318                      
5319                        <li class="6g-fiber-line-tile tw-w-[136px] tw-flex-shrink-0">
5320                          <a
5321                            href="/products/strawberry-vanilla-6g-fiber"
5322                            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"
5323                            
5324                          >
5325                            <span class="site-nav-dropdown__product-card-media">
5326                              
5327
5328                              
5329                                
5330                                  
5331                                  
5332                              
5333                              
5334                              
5335                              <img
5336                                class="site-nav-dropdown__product-card-img nav-product-hero"
5337                                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"
5338                                width="136"
5339                                height="181"
5340                                alt="Strawberry Vanilla"
5341                                loading="lazy"
5342                                decoding="async"
5343                              >
5344                              
5345                            </span>
5346                            <span class="site-nav-dropdown__product-card-label">
5347                              
5348                                Strawberry Vanilla
5349                              
5350                            </span>
5351                          </a>
5352                        </li>
5353                      
5354                    
5355
5356
5357                      
5358
5359                      
5360
5361                      
5362                        <li class="6g-fiber-line-tile tw-w-[136px] tw-flex-shrink-0">
5363                          <a
5364                            href="/products/cherry-cola-6g-fiber"
5365                            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"
5366                            
5367                          >
5368                            <span class="site-nav-dropdown__product-card-media">
5369                              
5370
5371                              
5372                                
5373                                  
5374                                  
5375                              
5376                              
5377                              
5378                              <img
5379                                class="site-nav-dropdown__product-card-img nav-product-hero"
5380                                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"
5381                                width="136"
5382                                height="181"
5383                                alt="Cherry Cola"
5384                                loading="lazy"
5385                                decoding="async"
5386                              >
5387                              
5388                            </span>
5389                            <span class="site-nav-dropdown__product-card-label">
5390                              
5391                                Cherry Cola
5392                              
5393                            </span>
5394                          </a>
5395                        </li>
5396                      
5397                    
5398
5399
5400                      
5401
5402                      
5403
5404                      
5405                        <li class="6g-fiber-line-tile tw-w-[136px] tw-flex-shrink-0">
5406                          <a
5407                            href="/products/citrus-rush-6g-fiber"
5408                            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"
5409                            
5410                          >
5411                            <span class="site-nav-dropdown__product-card-media">
5412                              
5413
5414                              
5415                                
5416                                  
5417                                  
5418                              
5419                              
5420                              
5421                              <img
5422                                class="site-nav-dropdown__product-card-img nav-product-hero"
5423                                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"
5424                                width="136"
5425                                height="181"
5426                                alt="Citrus Rush"
5427                                loading="lazy"
5428                                decoding="async"
5429                              >
5430                              
5431                            </span>
5432                            <span class="site-nav-dropdown__product-card-label">
5433                              
5434                                Citrus Rush
5435                              
5436                            </span>
5437                          </a>
5438                        </li>
5439                      
5440                    
5441
5442
5443                      
5444
5445                      
5446
5447                      
5448                        <li class="6g-fiber-line-tile tw-w-[136px] tw-flex-shrink-0">
5449                          <a
5450                            href="/products/ginger-ale-6g-fiber"
5451                            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"
5452                            
5453                          >
5454                            <span class="site-nav-dropdown__product-card-media">
5455                              
5456
5457                              
5458                                
5459                                  
5460                                  
5461                              
5462                              
5463                              
5464                              <img
5465                                class="site-nav-dropdown__product-card-img nav-product-hero"
5466                                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"
5467                                width="136"
5468                                height="181"
5469                                alt="Ginger Ale"
5470                                loading="lazy"
5471                                decoding="async"
5472                              >
5473                              
5474                            </span>
5475                            <span class="site-nav-dropdown__product-card-label">
5476                              
5477                                Ginger Ale
5478                              
5479                            </span>
5480                          </a>
5481                        </li>
5482                      
5483                    
5484
5485
5486                      
5487
5488                      
5489
5490                      
5491                        <li class="6g-fiber-line-tile tw-w-[136px] tw-flex-shrink-0">
5492                          <a
5493                            href="/products/lemon-lime-6g-fiber"
5494                            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"
5495                            
5496                          >
5497                            <span class="site-nav-dropdown__product-card-media">
5498                              
5499
5500                              
5501                                
5502                                  
5503                                  
5504                              
5505                              
5506                              
5507                              <img
5508                                class="site-nav-dropdown__product-card-img nav-product-hero"
5509                                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"
5510                                width="136"
5511                                height="181"
5512                                alt="Lemon Lime"
5513                                loading="lazy"
5514                                decoding="async"
5515                              >
5516                              
5517                            </span>
5518                            <span class="site-nav-dropdown__product-card-label">
5519                              
5520                                Lemon Lime
5521                              
5522                            </span>
5523                          </a>
5524                        </li>
5525                      
5526                    
5527                  </ul>
5528                </div>
5529              </div>
5530            </div>
5531          </div>
5532        
5533      
5534
5535          <div
5536            id="nav-dropdown-olipop-minis"
5537            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"
5538          >
5539            <div class="site-nav-dropdown__child-menu-inner tw-flex tw-min-h-0 tw-flex-1 tw-flex-col tw-overflow-visible">
5540              <header class="site-nav-dropdown__subnav-header tw-pl-1">
5541                <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">
5542                  <div class="site-nav-dropdown__subnav-titles tw-min-w-0 tw-flex-1">
5543                    <h2 class="site-nav-dropdown__subnav-title">
5544                      
5545                        Shop MINIs
5546                      
5547                    </h2>
5548                    
5549                      <div class="site-nav-dropdown__category-headline">
5550                        <div class="site-nav-dropdown__category-headline-text rte">
5551                          <span class="metafield-single_line_text_field">Store anywhere. Chill to enjoy.</span>
5552                        </div>
5553                        
5554                      </div>
5555                    
5556                    
5557                      <div class="site-nav-dropdown__category-description rte">
5558                        <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>
5559                      </div>
5560                    
5561                  </div>
5562                  <a
5563                    class="site-nav-dropdown__shop-all-outline"
5564                    href="/collections/olipop-minis"
5565                  > 
5566                    
5567                      Shop All MINIs
5568                    
5569                  </a>
5570                </div>
5571              </header>
5572
5573              <div
5574                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]"
5575                data-nav-carousel
5576              >
5577                <div
5578                  class="site-nav-dropdown__carousel-toolbar tw-flex tw-w-full tw-items-center tw-justify-end tw-gap-1 tw-pr-14"
5579                  aria-hidden="false"
5580                >
5581                  <button
5582                    type="button"
5583                    class="site-nav-dropdown__carousel-btn site-nav-dropdown__carousel-btn--prev site-nav-dropdown__carousel-btn--toolbar"
5584                    aria-label="Show previous products"
5585                  >
5586<svg
5587  xmlns="http://www.w3.org/2000/svg"
5588  width="24"
5589  height="24"
5590  viewBox="0 0 24 24"
5591  fill="none"
5592  class="site-nav-dropdown__carousel-arrow-svg"
5593  aria-hidden="true"
5594  focusable="false"
5595>
5596  <path
5597    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"
5598    fill="currentColor"
5599  />
5600</svg>
5601</button>
5602                  <button
5603                    type="button"
5604                    class="site-nav-dropdown__carousel-btn site-nav-dropdown__carousel-btn--next site-nav-dropdown__carousel-btn--toolbar"
5605                    aria-label="Show next products"
5606                  >
5607<svg
5608  xmlns="http://www.w3.org/2000/svg"
5609  width="24"
5610  height="24"
5611  viewBox="0 0 24 24"
5612  fill="none"
5613  class="site-nav-dropdown__carousel-arrow-svg"
5614  aria-hidden="true"
5615  focusable="false"
5616>
5617  <path
5618    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"
5619    fill="currentColor"
5620  />
5621</svg>
5622</button>
5623                </div>
5624                <div
5625                  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"
5626                  data-carousel-track
5627                  tabindex="0"
5628                  role="region"
5629                  aria-roledescription="carousel"
5630                  aria-label="OLIPOP MINIs products"
5631                >
5632                  <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">
5633                    
5634                    
5635
5636                    
5637
5638                    
5639
5640
5641                      
5642
5643                      
5644
5645                      
5646                        <li class="olipop-minis-tile tw-w-[136px] tw-flex-shrink-0">
5647                          <a
5648                            href="/products/strawberry-vanilla-minis"
5649                            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"
5650                            
5651                          >
5652                            <span class="site-nav-dropdown__product-card-media">
5653                              
5654
5655                              
5656                                
5657                                  
5658                                  
5659                              
5660                              
5661                              
5662                              <img
5663                                class="site-nav-dropdown__product-card-img nav-product-hero"
5664                                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"
5665                                width="136"
5666                                height="181"
5667                                alt="Strawberry Vanilla"
5668                                loading="lazy"
5669                                decoding="async"
5670                              >
5671                              
5672                            </span>
5673                            <span class="site-nav-dropdown__product-card-label">
5674                              
5675                                Strawberry Vanilla
5676                              
5677                            </span>
5678                          </a>
5679                        </li>
5680                      
5681                    
5682
5683
5684                      
5685
5686                      
5687
5688                      
5689                        <li class="olipop-minis-tile tw-w-[136px] tw-flex-shrink-0">
5690                          <a
5691                            href="/products/classic-grape-minis"
5692                            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"
5693                            
5694                          >
5695                            <span class="site-nav-dropdown__product-card-media">
5696                              
5697
5698                              
5699                                
5700                                  
5701                                  
5702                              
5703                              
5704                              
5705                              <img
5706                                class="site-nav-dropdown__product-card-img nav-product-hero"
5707                                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"
5708                                width="136"
5709                                height="181"
5710                                alt="Classic Grape"
5711                                loading="lazy"
5712                                decoding="async"
5713                              >
5714                              
5715                            </span>
5716                            <span class="site-nav-dropdown__product-card-label">
5717                              
5718                                Classic Grape
5719                              
5720                            </span>
5721                          </a>
5722                        </li>
5723                      
5724                    
5725
5726
5727                      
5728
5729                      
5730
5731                      
5732                        <li class="olipop-minis-tile tw-w-[136px] tw-flex-shrink-0">
5733                          <a
5734                            href="/products/crisp-apple-minis"
5735                            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"
5736                            
5737                          >
5738                            <span class="site-nav-dropdown__product-card-media">
5739                              
5740
5741                              
5742                                
5743                                  
5744                                  
5745                              
5746                              
5747                              
5748                              <img
5749                                class="site-nav-dropdown__product-card-img nav-product-hero"
5750                                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"
5751                                width="136"
5752                                height="181"
5753                                alt="Crisp Apple"
5754                                loading="lazy"
5755                                decoding="async"
5756                              >
5757                              
5758                            </span>
5759                            <span class="site-nav-dropdown__product-card-label">
5760                              
5761                                Crisp Apple
5762                              
5763                            </span>
5764                          </a>
5765                        </li>
5766                      
5767                    
5768
5769
5770                      
5771
5772                      
5773
5774                      
5775                        <li class="olipop-minis-tile tw-w-[136px] tw-flex-shrink-0">
5776                          <a
5777                            href="/products/vintage-cola-minis"
5778                            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"
5779                            
5780                          >
5781                            <span class="site-nav-dropdown__product-card-media">
5782                              
5783
5784                              
5785                                
5786                                  
5787                                  
5788                              
5789                              
5790                              
5791                              <img
5792                                class="site-nav-dropdown__product-card-img nav-product-hero"
5793                                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"
5794                                width="136"
5795                                height="181"
5796                                alt="Vintage Cola"
5797                                loading="lazy"
5798                                decoding="async"
5799                              >
5800                              
5801                            </span>
5802                            <span class="site-nav-dropdown__product-card-label">
5803                              
5804                                Vintage Cola
5805                              
5806                            </span>
5807                          </a>
5808                        </li>
5809                      
5810                    
5811
5812
5813                      
5814
5815                      
5816
5817                      
5818                        <li class="olipop-minis-tile tw-w-[136px] tw-flex-shrink-0">
5819                          <a
5820                            href="/products/ginger-ale-minis"
5821                            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"
5822                            
5823                          >
5824                            <span class="site-nav-dropdown__product-card-media">
5825                              
5826
5827                              
5828                                
5829                                  
5830                                  
5831                              
5832                              
5833                              
5834                              <img
5835                                class="site-nav-dropdown__product-card-img nav-product-hero"
5836                                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"
5837                                width="136"
5838                                height="181"
5839                                alt="Ginger Ale"
5840                                loading="lazy"
5841                                decoding="async"
5842                              >
5843                              
5844                            </span>
5845                            <span class="site-nav-dropdown__product-card-label">
5846                              
5847                                Ginger Ale
5848                              
5849                            </span>
5850                          </a>
5851                        </li>
5852                      
5853                    
5854
5855
5856                      
5857
5858                      
5859
5860                      
5861                        <li class="olipop-minis-tile tw-w-[136px] tw-flex-shrink-0">
5862                          <a
5863                            href="/products/orange-cream-minis"
5864                            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"
5865                            
5866                          >
5867                            <span class="site-nav-dropdown__product-card-media">
5868                              
5869
5870                              
5871                                
5872                                  
5873                                  
5874                              
5875                              
5876                              
5877                              <img
5878                                class="site-nav-dropdown__product-card-img nav-product-hero"
5879                                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"
5880                                width="136"
5881                                height="181"
5882                                alt="Orange Cream"
5883                                loading="lazy"
5884                                decoding="async"
5885                              >
5886                              
5887                            </span>
5888                            <span class="site-nav-dropdown__product-card-label">
5889                              
5890                                Orange Cream
5891                              
5892                            </span>
5893                          </a>
5894                        </li>
5895                      
5896                    
5897                  </ul>
5898                </div>
5899              </div>
5900            </div>
5901          </div>
5902        
5903      
5904
5905          <div
5906            id="nav-dropdown-limited-edition-flavors"
5907            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"
5908          >
5909            <div class="site-nav-dropdown__child-menu-inner tw-flex tw-min-h-0 tw-flex-1 tw-flex-col tw-overflow-visible">
5910              <header class="site-nav-dropdown__subnav-header tw-pl-1">
5911                <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">
5912                  <div class="site-nav-dropdown__subnav-titles tw-min-w-0 tw-flex-1">
5913                    <h2 class="site-nav-dropdown__subnav-title">
5914                      
5915                        Shop limited edition flavors
5916                      
5917                    </h2>
5918                    
5919                      <div class="site-nav-dropdown__category-headline">
5920                        <div class="site-nav-dropdown__category-headline-text rte">
5921                          <span class="metafield-single_line_text_field">Store anywhere. Chill to enjoy.</span>
5922                        </div>
5923                        
5924                      </div>
5925                    
5926                    
5927                      <div class="site-nav-dropdown__category-description rte">
5928                        <span class="metafield-multi_line_text_field">Here for a good time, not a long time. Grab these flavors before they sip away! </span>
5929                      </div>
5930                    
5931                  </div>
5932                  <a
5933                    class="site-nav-dropdown__shop-all-outline"
5934                    href="/collections/shop-limited-edition"
5935                  > 
5936                    
5937                      Shop All Limited Edition Flavors
5938                    
5939                  </a>
5940                </div>
5941              </header>
5942
5943              <div
5944                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]"
5945                data-nav-carousel
5946              >
5947                <div
5948                  class="site-nav-dropdown__carousel-toolbar tw-flex tw-w-full tw-items-center tw-justify-end tw-gap-1 tw-pr-14"
5949                  aria-hidden="false"
5950                >
5951                  <button
5952                    type="button"
5953                    class="site-nav-dropdown__carousel-btn site-nav-dropdown__carousel-btn--prev site-nav-dropdown__carousel-btn--toolbar"
5954                    aria-label="Show previous products"
5955                  >
5956<svg
5957  xmlns="http://www.w3.org/2000/svg"
5958  width="24"
5959  height="24"
5960  viewBox="0 0 24 24"
5961  fill="none"
5962  class="site-nav-dropdown__carousel-arrow-svg"
5963  aria-hidden="true"
5964  focusable="false"
5965>
5966  <path
5967    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
59670.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"
5968    fill="currentColor"
5969  />
5970</svg>
5971</button>
5972                  <button
5973                    type="button"
5974                    class="site-nav-dropdown__carousel-btn site-nav-dropdown__carousel-btn--next site-nav-dropdown__carousel-btn--toolbar"
5975                    aria-label="Show next products"
5976                  >
5977<svg
5978  xmlns="http://www.w3.org/2000/svg"
5979  width="24"
5980  height="24"
5981  viewBox="0 0 24 24"
5982  fill="none"
5983  class="site-nav-dropdown__carousel-arrow-svg"
5984  aria-hidden="true"
5985  focusable="false"
5986>
5987  <path
5988    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"
5989    fill="currentColor"
5990  />
5991</svg>
5992</button>
5993                </div>
5994                <div
5995                  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"
5996                  data-carousel-track
5997                  tabindex="0"
5998                  role="region"
5999                  aria-roledescription="carousel"
6000                  aria-label="Limited edition flavors products"
6001                >
6002                  <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">
6003                    
6004                    
6005
6006                    
6007
6008                    
6009
6010
6011                      
6012
6013                      
6014
6015                      
6016                        <li class="limited-edition-flavors-tile tw-w-[136px] tw-flex-shrink-0">
6017                          <a
6018                            href="/products/caramel-apple"
6019                            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"
6020                            
6021                          >
6022                            <span class="site-nav-dropdown__product-card-media">
6023                              
6024                                <div
6025    class="product-badge product-badge--nav product-badge--short-text"
6026    role="status"
6027    aria-label="New"
6028  >
6029    <svg class="product-badge__shape" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 72 72" fill="none" aria-hidden="true">
6030      <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
603003 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"/>
6031    </svg>
6032    <span class="product-badge__text" style="color: #034638;">New</span>
6033  </div>
6034                              
6035
6036                              
6037                                
6038                                  
6039                                  
6040                              
6041                              
6042                              
6043                              <img
6044                                class="site-nav-dropdown__product-card-img nav-product-hero"
6045                                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"
6046                                width="136"
6047                                height="181"
6048                                alt="Caramel Apple"
6049                                loading="lazy"
6050                                decoding="async"
6051                              >
6052                              
6053                            </span>
6054                            <span class="site-nav-dropdown__product-card-label">
6055                              
6056                                Caramel Apple
6057                              
6058                            </span>
6059                          </a>
6060                        </li>
6061                      
6062                    
6063
6064
6065                      
6066
6067                      
6068
6069                      
6070                        <li class="limited-edition-flavors-tile tw-w-[136px] tw-flex-shrink-0">
6071                          <a
6072                            href="/products/raspberry-sherbet"
6073                            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"
6074                            
6075                          >
6076                            <span class="site-nav-dropdown__product-card-media">
6077                              
6078                                <div
6079    class="product-badge product-badge--nav"
6080    role="status"
6081    aria-label="Limited"
6082  >
6083    <svg class="product-badge__shape" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 72 72" fill="none" aria-hidden="true">
6084      <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"/>
6085    </svg>
6086    <span class="product-badge__text" style="color: #034638;">Limited</span>
6087  </div>
6088                              
6089
6090                              
6091                                
6092                                  
6093                                  
6094                              
6095                              
6096                              
6097                              <img
6098                                class="site-nav-dropdown__product-card-img nav-product-hero"
6099                                src="//drinkolipop.com/cdn/shop/files/raspberry-sherbert_omni-pdp_single.webp?crop=center&height=362&v=1775754912&width=272"
6100                                width="136"
6101                                height="181"
6102                                alt="Raspberry Sherbet"
6103                                loading="lazy"
6104                                decoding="async"
6105                              >
6106                              
6107                            </span>
6108                            <span class="site-nav-dropdown__product-card-label">
6109                              
6110                                Raspberry Sherbet
6111                              
6112                            </span>
6113                          </a>
6114                        </li>
6115                      
6116                    
6117
6118
6119                      
6120
6121                      
6122
6123                      
6124                        <li class="limited-edition-flavors-tile tw-w-[136px] tw-flex-shrink-0">
6125                          <a
6126                            href="/products/shirley-temple"
6127                            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"
6128                            
6129                          >
6130                            <span class="site-nav-dropdown__product-card-media">
6131                              
6132                                <div
6133    class="product-badge product-badge--nav"
6134    role="status"
6135    aria-label="Limited"
6136  >
6137    <svg class="product-badge__shape" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 72 72" fill="none" aria-hidden="true">
6138      <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"/>
6139    </svg>
6140    <span class="product-badge__text" style="color: #034638;">Limited</span>
6141  </div>
6142                              
6143
6144                              
6145                                
6146                                  
6147                                  
6148                              
6149                              
6150                              
6151                              <img
6152                                class="site-nav-dropdown__product-card-img nav-product-hero"
6153                                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"
6154                                width="136"
6155                                height="181"
6156                                alt="Shirley Temple"
6157                                loading="lazy"
6158                                decoding="async"
6159                              >
6160                              
6161                            </span>
6162                            <span class="site-nav-dropdown__product-card-label">
6163                              
6164                                Shirley Temple
6165                              
6166                            </span>
6167                          </a>
6168                        </li>
6169                      
6170                    
6171
6172
6173                      
6174
6175                      
6176
6177                      
6178                        <li class="limited-edition-flavors-tile tw-w-[136px] tw-flex-shrink-0">
6179                          <a
6180                            href="/products/spongebob-pineapple-paradise"
6181                            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"
6182                            
6183                          >
6184                            <span class="site-nav-dropdown__product-card-media">
6185                              
6186                                <div
6187    class="product-badge product-badge--nav"
6188    role="status"
6189    aria-label="Limited"
6190  >
6191    <svg class="product-badge__shape" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 72 72" fill="none" aria-hidden="true">
6192      <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"/>
6193    </svg>
6194    <span class="product-badge__text" style="color: #034638;">Limited</span>
6195  </div>
6196                              
6197
6198                              
6199                                
6200                                  
6201                                  
6202                              
6203                              
6204                              
6205                              <img
6206                                class="site-nav-dropdown__product-card-img nav-product-hero"
6207                                src="//drinkolipop.com/cdn/shop/files/Pineapple-Paradise_cgi-main-image_072925.webp?crop=center&height=362&v=1753844923&width=272"
6208                                width="136"
6209                                height="181"
6210                                alt="Pineapple Paradise"
6211                                loading="lazy"
6212                                decoding="async"
6213                              >
6214                              
6215                            </span>
6216                            <span class="site-nav-dropdown__product-card-label">
6217                              
6218                                Pineapple Paradise
6219                              
6220                            </span>
6221                          </a>
6222                        </li>
6223                      
6224                    
6225                  </ul>
6226                </div>
6227              </div>
6228            </div>
6229          </div>
6230        
6231      
6232
6233          <div
6234            id="nav-dropdown-variety-packs"
6235            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"
6236          >
6237            <div class="site-nav-dropdown__child-menu-inner tw-flex tw-min-h-0 tw-flex-1 tw-flex-col tw-overflow-visible">
6238              <header class="site-nav-dropdown__subnav-header tw-pl-1">
6239                <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">
6240                  <div class="site-nav-dropdown__subnav-titles tw-min-w-0 tw-flex-1">
6241                    <h2 class="site-nav-dropdown__subnav-title">
6242                      
6243                        Shop variety packs
6244                      
6245                    </h2>
6246                    
6247                      <div class="site-nav-dropdown__category-headline">
6248                        <div class="site-nav-dropdown__category-headline-text rte">
6249                          <span class="metafield-single_line_text_field">Store anywhere. Chill to enjoy.</span>
6250                        </div>
6251                        
6252                      </div>
6253                    
6254                    
6255                      <div class="site-nav-dropdown__category-description rte">
6256                        <span class="metafield-multi_line_text_field">The ultimate OLIPOP flavor tour, for an easy &amp; fun way to discover your favorites.</span>
6257                      </div>
6258                    
6259                  </div>
6260                  <a
6261                    class="site-nav-dropdown__shop-all-outline"
6262                    href="/collections/variety-packs"
6263                  > 
6264                    
6265                      Shop All Variety Packs
6266                    
6267                  </a>
6268                </div>
6269              </header>
6270
6271              <div
6272                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]"
6273                data-nav-carousel
6274              >
6275                <div
6276                  class="site-nav-dropdown__carousel-toolbar tw-flex tw-w-full tw-items-center tw-justify-end tw-gap-1 tw-pr-14"
6277                  aria-hidden="false"
6278                >
6279                  <button
6280                    type="button"
6281                    class="site-nav-dropdown__carousel-btn site-nav-dropdown__carousel-btn--prev site-nav-dropdown__carousel-btn--toolbar"
6282                    aria-label="Show previous products"
6283                  >
6284<svg
6285  xmlns="http://www.w3.org/2000/svg"
6286  width="24"
6287  height="24"
6288  viewBox="0 0 24 24"
6289  fill="none"
6290  class="site-nav-dropdown__carousel-arrow-svg"
6291  aria-hidden="true"
6292  focusable="false"
6293>
6294  <path
6295    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"
6296    fill="currentColor"
6297  />
6298</svg>
6299</button>
6300                  <button
6301                    type="button"
6302                    class="site-nav-dropdown__carousel-btn site-nav-dropdown__carousel-btn--next site-nav-dropdown__carousel-btn--toolbar"
6303                    aria-label="Show next products"
6304                  >
6305<svg
6306  xmlns="http://www.w3.org/2000/svg"
6307  width="24"
6308  height="24"
6309  viewBox="0 0 24 24"
6310  fill="none"
6311  class="site-nav-dropdown__carousel-arrow-svg"
6312  aria-hidden="true"
6313  focusable="false"
6314>
6315  <path
6316    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"
6317    fill="currentColor"
6318  />
6319</svg>
6320</button>
6321                </div>
6322                <div
6323                  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"
6324                  data-carousel-track
6325                  tabindex="0"
6326                  role="region"
6327                  aria-roledescription="carousel"
6328                  aria-label="Variety packs products"
6329                >
6330                  <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">
6331                    
6332                    
6333
6334                    
6335
6336                    
6337
6338
6339                      
6340
6341                      
6342
6343                      
6344                        <li class="variety-packs-tile tw-w-[136px] tw-flex-shrink-0">
6345                          <a
6346                            href="/products/classic-soda-variety-pack"
6347                            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"
6348                            
6349                          >
6350                            <span class="site-nav-dropdown__product-card-media">
6351                              
6352
6353                              
6354                                
6355                                  
6356                                  
6357                              
6358                              
6359                              
6360                              <img
6361                                class="site-nav-dropdown__product-card-img nav-product-hero"
6362                                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"
6363                                width="136"
6364                                height="181"
6365                                alt="Classic Soda Variety Pack"
6366                                loading="lazy"
6367                                decoding="async"
6368                              >
6369                              
6370                            </span>
6371                            <span class="site-nav-dropdown__product-card-label">
6372                              
6373                                Classic Soda
6374                              
6375                            </span>
6376                          </a>
6377                        </li>
6378                      
6379                    
6380
6381
6382                      
6383
6384                      
6385
6386                      
6387                        <li class="variety-packs-tile tw-w-[136px] tw-flex-shrink-0">
6388                          <a
6389                            href="/products/fruity-fun-variety-pack"
6390                            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"
6391                            
6392                          >
6393                            <span class="site-nav-dropdown__product-card-media">
6394                              
6395
6396                              
6397                                
6398                                  
6399                                  
6400                              
6401                              
6402                              
6403                              <img
6404                                class="site-nav-dropdown__product-card-img nav-product-hero"
6405                                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"
6406                                width="136"
6407                                height="181"
6408                                alt="Fruity Fun Variety Pack"
6409                                loading="lazy"
6410                                decoding="async"
6411                              >
6412                              
6413                            </span>
6414                            <span class="site-nav-dropdown__product-card-label">
6415                              
6416                                Fruity Fun
6417                              
6418                            </span>
6419                          </a>
6420                        </li>
6421                      
6422                    
6423
6424
6425                      
6426
6427                      
6428
6429                      
6430                        <li class="variety-packs-tile tw-w-[136px] tw-flex-shrink-0">
6431                          <a
6432                            href="/products/favorites-variety-pack"
6433                            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"
6434                            
6435                          >
6436                            <span class="site-nav-dropdown__product-card-media">
6437                              
6438
6439                              
6440                                
6441                                  
6442                                  
6443                              
6444                              
6445                              
6446                              <img
6447                                class="site-nav-dropdown__product-card-img nav-product-hero"
6448                                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"
6449                                width="136"
6450                                height="181"
6451                                alt="Favorites Variety Pack"
6452                                loading="lazy"
6453                                decoding="async"
6454                              >
6455                              
6456                            </span>
6457                            <span class="site-nav-dropdown__product-card-label">
6458                              
6459                                Favorites
6460                              
6461                            </span>
6462                          </a>
6463                        </li>
6464                      
6465                    
6466                  </ul>
6467                </div>
6468              </div>
6469            </div>
6470          </div>
6471        
6472      
6473    </div>
6474  </div>
6475</div>
6476
6477<style>
6478  .variety-packs-tile {
6479    margin: 0;
6480  }
6481
6482  .site-nav-dropdown__links-footer {
6483    padding-top: 2rem;
6484    align-items:  flex-start;
6485  }
6486
6487  .site-nav-dropdown__link.site-nav-dropdown__link-parent.site-nav-dropdown__child-link--active {
6488    border-bottom-width: 0;
6489    border-right-width: 0;
6490    border-top-width: 0;
6491  }
6492
6493  .site-nav-dropdown__link.site-nav-dropdown__link-parent:not(.site-nav-dropdown__child-link--active):hover {
6494    background-color: #ffffff;
6495    border-color: #F3E4CD;
6496    border-right-width: 0;
6497  }
6498
6499  .site-nav-dropdown__link.site-nav-dropdown__link-parent:not(.site-nav-dropdown__child-link--active):not(:first-child):not(:last-child),
6500  .site-nav-dropdown__link.site-nav-dropdown__link-parent.site-nav-dropdown__child-link--active:not(:first-child):not(:last-child) {
6501    margin-top: -1px;
6502    margin-bottom: -1px;
6503  }
6504
6505  .site-nav-dropdown__link.site-nav-dropdown__link-parent.site-nav-dropdown__child-link--active:not(:first-child):not(:last-child) {
6506    margin-top: 0 !important;
6507    margin-bottom: 0 !important;
6508  }
6509
6510  .site-nav-dropdown__link.site-nav-dropdown__link-parent:not(.site-nav-dropdown__child-link--active):first-child,
6511  .site-nav-dropdown__link.site-nav-dropdown__link-parent.site-nav-dropdown__child-link--active:first-child {
6512    margin-bottom: 0;
6513  }
6514
6515  .site-nav-dropdown__link.site-nav-dropdown__link-parent:not(.site-nav-dropdown__child-link--active):last-child,
6516  .site-nav-dropdown__link.site-nav-dropdown__link-parent.site-nav-dropdown__child-link--active:last-child {
6517    margin-top: 0;
6518  }
6519
6520  .site-nav-dropdown__link.site-nav-dropdown__link-parent.site-nav-dropdown__child-link--active:first-child {
6521    margin-bottom: 1px !important;
6522  }
6523
6524  .site-nav-dropdown__link.site-nav-dropdown__link-parent.site-nav-dropdown__child-link--active:last-child {
6525    margin-top: 1px !important;
6526  }
6527</style>
6528
6529      
6530    
6531  
6532
6533
6534
6535    
6536      
6537        
6538
6539
6540
6541
6542<div
6543  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"
6544  id="site-nav-menu-dropdown-learn"
6545  tabindex="-1"
6546>
6547  <button type="button" class="site-nav-dropdown-close">Close menu Learn</button>
6548
6549  <ul
6550    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]"
6551    style="grid-template-columns: repeat(4, minmax(0, 1fr));"
6552    role="list"
6553  >
6554    
6555
6556
6557      <li class="site-nav-dropdown__learn-item tw-min-w-0" role="listitem">
6558        <a
6559          href="/pages/our-story"
6560          class="site-nav-dropdown__learn-cta"
6561          
6562        >
6563          <span class="site-nav-dropdown__learn-cta-media">
6564            
6565              <img
6566                src="https://cld.accentuate.io/24019238982/1638801318213/c0ee66b559596ef206e3bb3c0e6f9336.png?v=1739204938752&options=w_400"
6567                alt="Our story"
6568                class="site-nav-dropdown__learn-cta-img"
6569                width="184"
6570                height="175"
6571                loading="lazy"
6572                decoding="async"
6573              >
6574            
6575          </span>
6576          <span class="site-nav-dropdown__learn-cta-label">Our story</span>
6577        </a>
6578      </li>
6579    
6580
6581
6582      <li class="site-nav-dropdown__learn-item tw-min-w-0" role="listitem">
6583        <a
6584          href="/pages/ingredients"
6585          class="site-nav-dropdown__learn-cta"
6586          
6587        >
6588          <span class="site-nav-dropdown__learn-cta-media">
6589            
6590              <img
6591                src="https://cld.accentuate.io/24019206214/1638801420395/Ingredients_v2.png?v=1644954098882&options=w_400"
6592                alt="Ingredients"
6593                class="site-nav-dropdown__learn-cta-img"
6594                width="184"
6595                height="175"
6596                loading="lazy"
6597                decoding="async"
6598              >
6599            
6600          </span>
6601          <span class="site-nav-dropdown__learn-cta-label">Ingredients</span>
6602        </a>
6603      </li>
6604    
6605
6606
6607      <li class="site-nav-dropdown__learn-item tw-min-w-0" role="listitem">
6608        <a
6609          href="/pages/digestive-health"
6610          class="site-nav-dropdown__learn-cta"
6611          
6612        >
6613          <span class="site-nav-dropdown__learn-cta-media">
6614            
6615              <img
6616                src="https://cld.accentuate.io/25773441094/1638801408530/d629d13dc396e78ebfce3023f74d4eac.png?v=1739204218145&options=w_400"
6617                alt="Digestive health"
6618                class="site-nav-dropdown__learn-cta-img"
6619                width="184"
6620                height="175"
6621                loading="lazy"
6622                decoding="async"
6623              >
6624            
6625          </span>
6626          <span class="site-nav-dropdown__learn-cta-label">Digestive health</span>
6627        </a>
6628      </li>
6629    
6630
6631
6632      <li class="site-nav-dropdown__learn-item tw-min-w-0" role="listitem">
6633        <a
6634          href="/pages/fiber-education"
6635          class="site-nav-dropdown__learn-cta"
6636          
6637        >
6638          <span class="site-nav-dropdown__learn-cta-media">
6639            
6640              <img
6641                src="https://cld.accentuate.io/97731313823/1778795013671/Fiber-Education-nav_cp.png?v=1778795013671&options=w_400"
6642                alt="Fiber education"
6643                class="site-nav-dropdown__learn-cta-img"
6644                width="184"
6645                height="175"
6646                loading="lazy"
6647                decoding="async"
6648              >
6649            
6650          </span>
6651          <span class="site-nav-dropdown__learn-cta-label">Fiber education</span>
6652        </a>
6653      </li>
6654    
6655  </ul>
6656</div>
6657      
6658    
6659  
6660
6661
6662
6663    
6664  
6665</div>
6666
6667  </div>
6668  
6669
6670
6671
6672  
6673    
6674
6675  
6676    
6677
6678  
6679  
6680
6681    
6682      
6683
6684    
6685      
6686
6687
6688  
6689
6690    
6691  
6692
6693    
6694  
6695
6696
6697
6698
6699
6700
6701  
6702  
6703  
6704
6705    
6706  
6707  
6708    
6709    
6710
6711        
6712  
6713  
6714  
6715
6716
6717
6718
6719
6720
6721<div
6722  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"
6723  js-mobile-menu
6724>
6725  <div
6726    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"
6727    data-mobile-menu-dismiss
6728    aria-hidden="true"
6729  ></div>
6730
6731  <div
6732    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)]"
6733    role="dialog"
6734    aria-modal="true"
6735    aria-labelledby="mobile-menu-tablist-label"
6736    js-mobile-menu-panel
6737    tabindex="-1"
6738  >
6739    <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">
6740      <h2 id="mobile-menu-tablist-label" class="tw-sr-only">Site menu</h2>
6741
6742      
6743        <div
6744          class="mobile-menu__tabs tw-flex tw-shrink-0 tw-flex-col"
6745          role="tablist"
6746          aria-label="Shop or Learn"
6747        >
6748          <div class="mobile-menu__tab-toggle tw-flex tw-flex-1">
6749            <button
6750              type="button"
6751              class="mobile-menu__tab mobile-menu__tab--shop is-selected tw-flex-1 tw-border-0"
6752              role="tab"
6753              id="mobile-tab-shop"
6754              aria-selected="true"
6755              aria-controls="mobile-panel-shop"
6756              tabindex="0"
6757              data-mobile-tab="shop"
6758            >
6759              Shop
6760            </button>
6761            <button
6762              type="button"
6763              class="mobile-menu__tab mobile-menu__tab--learn tw-flex-1 tw-border-0"
6764              role="tab"
6765              id="mobile-tab-learn"
6766              aria-selected="false"
6767              aria-controls="mobile-panel-learn"
6768              tabindex="-1"
6769              data-mobile-tab="learn"
6770            >
6771              Learn
6772            </button>
6773          </div>
6774        </div>
6775      
6776
6777      <div class="mobile-menu__panels tw-min-h-0 tw-flex-1 tw-overflow-y-auto tw-overscroll-contain">
6778        <div
6779          id="mobile-panel-shop"
6780          class="mobile-menu__tabpanel"
6781          role="tabpanel"
6782          
6783            aria-labelledby="mobile-tab-shop"
6784            tabindex="0"
6785          
6786          data-mobile-panel="shop"
6787        >
6788          
6789
6790
6791
6792
6793
6794  <div class="mobile-menu__shop-body">
6795
6796      
6797      
6798
6799      
6800      
6801        <details
6802          id="mobile-shop-acc-1"
6803          class="mobile-menu__accordion"
6804          
6805            open
6806          
6807        >
6808          <summary class="mobile-menu__accordion-summary">
6809            <span class="mobile-menu__accordion-summary-text">
6810              <span class="mobile-menu__accordion-title">
6811                9g fiber line
6812              </span>
6813            </span>
6814            <span class="mobile-menu__accordion-toggle-icons" aria-hidden="true">
6815              <span class="mobile-menu__accordion-icon mobile-menu__accordion-icon--plus">
6816                <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" aria-hidden="true" focusable="false">
6817  <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"/>
6818</svg>
6819
6820              </span>
6821              <span class="mobile-menu__accordion-icon mobile-menu__accordion-icon--minus">
6822                <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" aria-hidden="true" focusable="false">
6823  <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"/>
6824</svg>
6825
6826              </span>
6827            </span>
6828          </summary>
6829
6830          <div class="mobile-menu__accordion-panel">
6831            
6832              <div class="mobile-menu__category-headline">
6833                <div class="mobile-menu__category-headline-text rte">
6834                  <span class="metafield-single_line_text_field">Keep refrigerated</span>
6835                </div>
6836                
6837                  <span class="mobile-menu__category-headline-icon" aria-hidden="true">
6838                    <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">
6839                  </span>
6840                
6841              </div>
6842            
6843            
6844              <div class="mobile-menu__category-description rte">
6845                <span class="metafield-multi_line_text_field">Our original refrigerated formula, with higher fiber per can to get more out of every sip.</span>
6846              </div>
6847            
6848
6849            <div
6850              class="mobile-menu__product-scroller tw-min-w-0 tw-overflow-x-auto tw-overflow-y-visible"
6851              tabindex="0"
6852              role="region"
6853              aria-roledescription="carousel"
6854              aria-label="9g fiber line — products"
6855            >
6856              <ul class="mobile-menu__product-row tw-m-0 tw-flex tw-list-none tw-flex-nowrap tw-p-0">
6857                
6858
6859                
6860                
6861
6862                  
6863                  
6864
6865                    
6866
6867                    
6868
6869                    
6870                      
6871                      <li class="mobile-menu__product-tile">
6872                        <a
6873                          href="/products/caramel-apple"
6874                          class="mobile-menu__product-card"
6875                          
6876                        >
6877                          <span class="mobile-menu__product-card-media">
6878                            
6879                              <div
6880    class="product-badge product-badge--nav product-badge--short-text"
6881    role="status"
6882    aria-label="New"
6883  >
6884    <svg class="product-badge__shape" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 72 72" fill="none" aria-hidden="true">
6885      <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"/>
6886    </svg>
6887    <span class="product-badge__text" style="color: #034638;">New</span>
6888  </div>
6889                            
6890                            
6891                            
6892                              
6893                                
6894                                
6895                            
6896                            
6897                            
6898                              <img
6899                                class="mobile-menu__product-img"
6900                                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"
6901                                width="136"
6902                                height="181"
6903                                alt="Caramel Apple"
6904                                loading="lazy"
6905                                decoding="async"
6906                              >
6907                            
6908                          </span>
6909                          <span class="mobile-menu__product-card-label">Caramel Apple</span>
6910                        </a>
6911                      </li>
6912                    
6913                  
6914                
6915
6916                  
6917                  
6918
6919                    
6920
6921                    
6922
6923                    
6924                      
6925                      <li class="mobile-menu__product-tile">
6926                        <a
6927                          href="/products/blackberry-vanilla"
6928                          class="mobile-menu__product-card"
6929                          
6930                        >
6931                          <span class="mobile-menu__product-card-media">
6932                            
6933                            
6934                            
6935                              
6936                                
6937                                
6938                            
6939                            
6940                            
6941                              <img
6942                                class="mobile-menu__product-img"
6943                                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"
6944                                width="136"
6945                                height="181"
6946                                alt="Blackberry Vanilla"
6947                                loading="lazy"
6948                                decoding="async"
6949                              >
6950                            
6951                          </span>
6952                          <span class="mobile-menu__product-card-label">Blackberry Vanilla</span>
6953                        </a>
6954                      </li>
6955                    
6956                  
6957                
6958
6959                  
6960                  
6961
6962                    
6963
6964                    
6965
6966                    
6967                      
6968                      <li class="mobile-menu__product-tile">
6969                        <a
6970                          href="/products/crisp-apple"
6971                          class="mobile-menu__product-card"
6972                          
6973                        >
6974                          <span class="mobile-menu__product-card-media">
6975                            
6976                            
6977                            
6978                              
6979                                
6980                                
6981                            
6982                            
6983                            
6984                              <img
6985                                class="mobile-menu__product-img"
6986                                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"
6987                                width="136"
6988                                height="181"
6989                                alt="Crisp Apple"
6990                                loading="lazy"
6991                                decoding="async"
6992                              >
6993                            
6994                          </span>
6995                          <span class="mobile-menu__product-card-label">Crisp Apple </span>
6996                        </a>
6997                      </li>
6998                    
6999                  
7000                
7001
7002                  
7003                  
7004
7005                    
7006
7007                    
7008
7009                    
7010                      
7011                      <li class="mobile-menu__product-tile">
7012                        <a
7013                          href="/products/classic-grape"
7014                          class="mobile-menu__product-card"
7015                          
7016                        >
7017                          <span class="mobile-menu__product-card-media">
7018                            
7019                            
7020                            
7021                              
7022                                
7023                                
7024                            
7025                            
7026                            
7027                              <img
7028                                class="mobile-menu__product-img"
7029                                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"
7030                                width="136"
7031                                height="181"
7032                                alt="Classic Grape"
7033                                loading="lazy"
7034                                decoding="async"
7035                              >
7036                            
7037                          </span>
7038                          <span class="mobile-menu__product-card-label">Classic Grape</span>
7039                        </a>
7040                      </li>
7041                    
7042                  
7043                
7044
7045                  
7046                  
7047
7048                    
7049
7050                    
7051
7052                    
7053                      
7054                      <li class="mobile-menu__product-tile">
7055                        <a
7056                          href="/products/classic-root-beer"
7057                          class="mobile-menu__product-card"
7058                          
7059                        >
7060                          <span class="mobile-menu__product-card-media">
7061                            
7062                            
7063                            
7064                              
7065                                
7066                                
7067                            
7068                            
7069                            
7070                              <img
7071                                class="mobile-menu__product-img"
7072                                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"
7073                                width="136"
7074                                height="181"
7075                                alt="Classic Root Beer"
7076                                loading="lazy"
7077                                decoding="async"
7078                              >
7079                            
7080                          </span>
7081                          <span class="mobile-menu__product-card-label">Classic Root Beer</span>
7082                        </a>
7083                      </li>
7084                    
7085                  
7086                
7087
7088                  
7089                  
7090
7091                    
7092
7093                    
7094
7095                    
7096                      
7097                      <li class="mobile-menu__product-tile">
7098                        <a
7099                          href="/products/vintage-cola"
7100                          class="mobile-menu__product-card"
7101                          
7102                        >
7103                          <span class="mobile-menu__product-card-media">
7104                            
7105                            
7106                            
7107                              
7108                                
7109                                
7110                            
7111                            
7112                            
7113                              <img
7114                                class="mobile-menu__product-img"
7115                                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"
7116                                width="136"
7117                                height="181"
7118                                alt="Vintage Cola"
7119                                loading="lazy"
7120                                decoding="async"
7121                              >
7122                            
7123                          </span>
7124                          <span class="mobile-menu__product-card-label">Vintage Cola</span>
7125                        </a>
7126                      </li>
7127                    
7128                  
7129                
7130
7131                  
7132                  
7133
7134                    
7135
7136                    
7137
7138                    
7139                      
7140                      <li class="mobile-menu__product-tile">
7141                        <a
7142                          href="/products/cream-soda"
7143                          class="mobile-menu__product-card"
7144                          
7145                        >
7146                          <span class="mobile-menu__product-card-media">
7147                            
7148                            
7149                            
7150                              
7151                                
7152                                
7153                            
7154                            
7155                            
7156                              <img
7157                                class="mobile-menu__product-img"
7158                                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"
7159                                width="136"
7160                                height="181"
7161                                alt="Cream Soda"
7162                                loading="lazy"
7163                                decoding="async"
7164                              >
7165                            
7166                          </span>
7167                          <span class="mobile-menu__product-card-label">Cream Soda</span>
7168                        </a>
7169                      </li>
7170                    
7171                  
7172                
7173
7174                  
7175                  
7176
7177                    
7178
7179                    
7180
7181                    
7182                      
7183                      <li class="mobile-menu__product-tile">
7184                        <a
7185                          href="/products/strawberry-vanilla"
7186                          class="mobile-menu__product-card"
7187                          
7188                        >
7189                          <span class="mobile-menu__product-card-media">
7190                            
7191                            
7192                            
7193                              
7194                                
7195                                
7196                            
7197                            
7198                            
7199                              <img
7200                                class="mobile-menu__product-img"
7201                                src="//drinkolipop.com/cdn/shop/files/strawberry-vanilla-9g-olipop_gallery-main-image_new_asset.webp?crop=center&height=362&v=1779161007&width=272"
7202                                width="136"
7203                                height="181"
7204                                alt="Strawberry Vanilla"
7205                                loading="lazy"
7206                                decoding="async"
7207                              >
7208                            
7209                          </span>
7210                          <span class="mobile-menu__product-card-label">Strawberry Vanilla</span>
7211                        </a>
7212                      </li>
7213                    
7214                  
7215                
7216
7217                  
7218                  
7219
7220                    
7221
7222                    
7223
7224                    
7225                      
7226                      <li class="mobile-menu__product-tile">
7227                        <a
7228                          href="/products/cherry-cola"
7229                          class="mobile-menu__product-card"
7230                          
7231                        >
7232                          <span class="mobile-menu__product-card-media">
7233                            
7234                            
7235                            
7236                              
7237                                
7238                                
7239                            
7240                            
7241                            
7242                              <img
7243                                class="mobile-menu__product-img"
7244                                src="//drinkolipop.com/cdn/shop/files/cherry-cola-9g-olipop_gallery-main-image_new_asset.webp?crop=center&height=362&v=1779163770&width=272"
7245                                width="136"
7246                                height="181"
7247                                alt="Cherry Cola"
7248                                loading="lazy"
7249                                decoding="async"
7250                              >
7251                            
7252                          </span>
7253                          <span class="mobile-menu__product-card-label">Cherry Cola</span>
7254                        </a>
7255                      </li>
7256                    
7257                  
7258                
7259
7260                  
7261                  
7262
7263                    
7264
7265                    
7266
7267                    
7268                      
7269                      <li class="mobile-menu__product-tile">
7270                        <a
7271                          href="/products/orange-cream"
7272                          class="mobile-menu__product-card"
7273                          
7274                        >
7275                          <span class="mobile-menu__product-card-media">
7276                            
7277                            
7278                            
7279                              
7280                                
7281                                
7282                            
7283                            
7284                            
7285                              <img
7286                                class="mobile-menu__product-img"
7287                                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"
7288                                width="136"
7289                                height="181"
7290                                alt="Orange Cream"
7291                                loading="lazy"
7292                                decoding="async"
7293                              >
7294                            
7295                          </span>
7296                          <span class="mobile-menu__product-card-label">Orange Cream</span>
7297                        </a>
7298                      </li>
7299                    
7300                  
7301                
7302
7303                  
7304                  
7305
7306                    
7307
7308                    
7309
7310                    
7311                      
7312                      <li class="mobile-menu__product-tile">
7313                        <a
7314                          href="/products/peaches-and-cream"
7315                          class="mobile-menu__product-card"
7316                          
7317                        >
7318                          <span class="mobile-menu__product-card-media">
7319                            
7320                            
7321                            
7322                              
7323                                
7324                                
7325                            
7326                            
7327                            
7328                              <img
7329                                class="mobile-menu__product-img"
7330                                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"
7331                                width="136"
7332                                height="181"
7333                                alt="Peaches &amp; Cream"
7334                                loading="lazy"
7335                                decoding="async"
7336                              >
7337                            
7338                          </span>
7339                          <span class="mobile-menu__product-card-label">Peaches &amp; Cream</span>
7340                        </a>
7341                      </li>
7342                    
7343                  
7344                
7345
7346                  
7347                  
7348
7349                    
7350
7351                    
7352
7353                    
7354                      
7355                      <li class="mobile-menu__product-tile">
7356                        <a
7357                          href="/products/orange-squeeze"
7358                          class="mobile-menu__product-card"
7359                          
7360                        >
7361                          <span class="mobile-menu__product-card-media">
7362                            
7363                            
7364                            
7365                              
7366                                
7367                                
7368                            
7369                            
7370                            
7371                              <img
7372                                class="mobile-menu__product-img"
7373                                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"
7374                                width="136"
7375                                height="181"
7376                                alt="Orange Squeeze"
7377                                loading="lazy"
7378                                decoding="async"
7379                              >
7380                            
7381                          </span>
7382                          <span class="mobile-menu__product-card-label">Orange Squeeze</span>
7383                        </a>
7384                      </li>
7385                    
7386                  
7387                
7388
7389                  
7390                  
7391
7392                    
7393
7394                    
7395
7396                    
7397                      
7398                      <li class="mobile-menu__product-tile">
7399                        <a
7400                          href="/products/ginger-ale"
7401                          class="mobile-menu__product-card"
7402                          
7403                        >
7404                          <span class="mobile-menu__product-card-media">
7405                            
7406                            
7407                            
7408                              
7409                                
7410                                
7411                            
7412                            
7413                            
7414                              <img
7415                                class="mobile-menu__product-img"
7416                                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"
7417                                width="136"
7418                                height="181"
7419                                alt="Ginger Ale"
7420                                loading="lazy"
7421                                decoding="async"
7422                              >
7423                            
7424                          </span>
7425                          <span class="mobile-menu__product-card-label">Ginger Ale</span>
7426                        </a>
7427                      </li>
7428                    
7429                  
7430                
7431
7432                  
7433                  
7434
7435                    
7436
7437                    
7438
7439                    
7440                      
7441                      <li class="mobile-menu__product-tile">
7442                        <a
7443                          href="/products/citrus-rush"
7444                          class="mobile-menu__product-card"
7445                          
7446                        >
7447                          <span class="mobile-menu__product-card-media">
7448                            
7449                            
7450                            
7451                              
7452                                
7453                                
7454                            
7455                            
7456                            
7457                              <img
7458                                class="mobile-menu__product-img"
7459                                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"
7460                                width="136"
7461                                height="181"
7462                                alt="Citrus Rush"
7463                                loading="lazy"
7464                                decoding="async"
7465                              >
7466                            
7467                          </span>
7468                          <span class="mobile-menu__product-card-label">Citrus Rush</span>
7469                        </a>
7470                      </li>
7471                    
7472                  
7473                
7474
7475                  
7476                  
7477
7478                    
7479
7480                    
7481
7482                    
7483                      
7484                      <li class="mobile-menu__product-tile">
7485                        <a
7486                          href="/products/doctor-goodwin"
7487                          class="mobile-menu__product-card"
7488                          
7489                        >
7490                          <span class="mobile-menu__product-card-media">
7491                            
7492                            
7493                            
7494                              
7495                                
7496                                
7497                            
7498                            
7499                            
7500                              <img
7501                                class="mobile-menu__product-img"
7502                                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"
7503                                width="136"
7504                                height="181"
7505                                alt="Doctor Goodwin"
7506                                loading="lazy"
7507                                decoding="async"
7508                              >
7509                            
7510                          </span>
7511                          <span class="mobile-menu__product-card-label">Doctor Goodwin</span>
7512                        </a>
7513                      </li>
7514                    
7515                  
7516                
7517
7518                  
7519                  
7520
7521                    
7522
7523                    
7524
7525                    
7526                      
7527                      <li class="mobile-menu__product-tile">
7528                        <a
7529                          href="/products/cherry-vanilla"
7530                          class="mobile-menu__product-card"
7531                          
7532                        >
7533                          <span class="mobile-menu__product-card-media">
7534                            
7535                            
7536                            
7537                              
7538                                
7539                                
7540                            
7541                            
7542                            
7543                              <img
7544                                class="mobile-menu__product-img"
7545                                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"
7546                                width="136"
7547                                height="181"
7548                                alt="Cherry Vanilla"
7549                                loading="lazy"
7550                                decoding="async"
7551                              >
7552                            
7553                          </span>
7554                          <span class="mobile-menu__product-card-label">Cherry Vanilla </span>
7555                        </a>
7556                      </li>
7557                    
7558                  
7559                
7560
7561                  
7562                  
7563
7564                    
7565
7566                    
7567
7568                    
7569                      
7570                      <li class="mobile-menu__product-tile">
7571                        <a
7572                          href="/products/tropical-punch"
7573                          class="mobile-menu__product-card"
7574                          
7575                        >
7576                          <span class="mobile-menu__product-card-media">
7577                            
7578                            
7579                            
7580                              
7581                                
7582                                
7583                            
7584                            
7585                            
7586                              <img
7587                                class="mobile-menu__product-img"
7588                                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"
7589                                width="136"
7590                                height="181"
7591                                alt="Tropical Punch"
7592                                loading="lazy"
7593                                decoding="async"
7594                              >
7595                            
7596                          </span>
7597                          <span class="mobile-menu__product-card-label">Tropical Punch</span>
7598                        </a>
7599                      </li>
7600                    
7601                  
7602                
7603
7604                  
7605                  
7606
7607                    
7608
7609                    
7610
7611                    
7612                      
7613                      <li class="mobile-menu__product-tile">
7614                        <a
7615                          href="/products/lemon-lime"
7616                          class="mobile-menu__product-card"
7617                          
7618                        >
7619                          <span class="mobile-menu__product-card-media">
7620                            
7621                            
7622                            
7623                              
7624                                
7625                                
7626                            
7627                            
7628                            
7629                              <img
7630                                class="mobile-menu__product-img"
7631                                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"
7632                                width="136"
7633                                height="181"
7634                                alt="Lemon Lime"
7635                                loading="lazy"
7636                                decoding="async"
7637                              >
7638                            
7639                          </span>
7640                          <span class="mobile-menu__product-card-label">Lemon Lime</span>
7641                        </a>
7642                      </li>
7643                    
7644                  
7645                
7646
7647                  
7648                  
7649
7650                    
7651
7652                    
7653
7654                    
7655                      
7656                      <li class="mobile-menu__product-tile">
7657                        <a
7658                          href="/products/ginger-lemon"
7659                          class="mobile-menu__product-card"
7660                          
7661                        >
7662                          <span class="mobile-menu__product-card-media">
7663                            
7664                            
7665                            
7666                              
7667                                
7668                                
7669                            
7670                            
7671                            
7672                              <img
7673                                class="mobile-menu__product-img"
7674                                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"
7675                                width="136"
7676                                height="181"
7677                                alt="Ginger Lemon"
7678                                loading="lazy"
7679                                decoding="async"
7680                              >
7681                            
7682                          </span>
7683                          <span class="mobile-menu__product-card-label">Ginger Lemon</span>
7684                        </a>
7685                      </li>
7686                    
7687                  
7688                
7689
7690                  
7691                  
7692
7693                    
7694
7695                    
7696
7697                    
7698                      
7699                      <li class="mobile-menu__product-tile">
7700                        <a
7701                          href="/products/watermelon-lime"
7702                          class="mobile-menu__product-card"
7703                          
7704                        >
7705                          <span class="mobile-menu__product-card-media">
7706                            
7707                            
7708                            
7709                              
7710                                
7711                                
7712                            
7713                            
7714                            
7715                              <img
7716                                class="mobile-menu__product-img"
7717                                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"
7718                                width="136"
7719                                height="181"
7720                                alt="Watermelon Lime"
7721                                loading="lazy"
7722                                decoding="async"
7723                              >
7724                            
7725                          </span>
7726                          <span class="mobile-menu__product-card-label">Watermelon Lime</span>
7727                        </a>
7728                      </li>
7729                    
7730                  
7731                
7732
7733                  
7734                  
7735
7736                    
7737
7738                    
7739
7740                    
7741                      
7742                      <li class="mobile-menu__product-tile">
7743                        <a
7744                          href="/products/banana-cream"
7745                          class="mobile-menu__product-card"
7746                          
7747                        >
7748                          <span class="mobile-menu__product-card-media">
7749                            
7750                            
7751                            
7752                              
7753                                
7754                                
7755                            
7756                            
7757                            
7758                              <img
7759                                class="mobile-menu__product-img"
7760                                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"
7761                                width="136"
7762                                height="181"
7763                                alt="Banana Cream"
7764                                loading="lazy"
7765                                decoding="async"
7766                              >
7767                            
7768                          </span>
7769                          <span class="mobile-menu__product-card-label">Banana Cream</span>
7770                        </a>
7771                      </li>
7772                    
7773                  
7774                
7775
7776                
7777                
7778              </ul>
7779            </div>
7780
7781            <div class="mobile-menu__shop-all-category">
7782              
7783                <a class="mobile-menu__btn-outline" href="/collections/shop-9g-fiber">Shop All 9g Fiber</a>
7784              
7785            </div>
7786          </div>
7787        </details>
7788      
7789    
7790
7791      
7792      
7793
7794      
7795      
7796        <details
7797          id="mobile-shop-acc-2"
7798          class="mobile-menu__accordion"
7799          
7800        >
7801          <summary class="mobile-menu__accordion-summary">
7802            <span class="mobile-menu__accordion-summary-text">
7803              <span class="mobile-menu__accordion-title">
7804                6g fiber line
7805              </span>
7806            </span>
7807            <span class="mobile-menu__accordion-toggle-icons" aria-hidden="true">
7808              <span class="mobile-menu__accordion-icon mobile-menu__accordion-icon--plus">
7809                <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" aria-hidden="true" focusable="false">
7810  <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"/>
7811</svg>
7812
7813              </span>
7814              <span class="mobile-menu__accordion-icon mobile-menu__accordion-icon--minus">
7815                <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" aria-hidden="true" focusable="false">
7816  <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"/>
7817</svg>
7818
7819              </span>
7820            </span>
7821          </summary>
7822
7823          <div class="mobile-menu__accordion-panel">
7824            
7825              <div class="mobile-menu__category-headline">
7826                <div class="mobile-menu__category-headline-text rte">
7827                  <span class="metafield-single_line_text_field">Store anywhere. Chill to enjoy.</span>
7828                </div>
7829                
7830              </div>
7831            
7832            
7833              <div class="mobile-menu__category-description rte">
7834                <span class="metafield-multi_line_text_field">Same great taste &amp; digestive support, in a lower‑fiber, store‑anywhere format.</span>
7835              </div>
7836            
7837
7838            <div
7839              class="mobile-menu__product-scroller tw-min-w-0 tw-overflow-x-auto tw-overflow-y-visible"
7840              tabindex="0"
7841              role="region"
7842              aria-roledescription="carousel"
7843              aria-label="6g fiber line — products"
7844            >
7845              <ul class="mobile-menu__product-row tw-m-0 tw-flex tw-list-none tw-flex-nowrap tw-p-0">
7846                
7847
7848                
7849                
7850
7851                  
7852                  
7853
7854                    
7855
7856                    
7857
7858                    
7859                      
7860                      <li class="mobile-menu__product-tile">
7861                        <a
7862                          href="/products/raspberry-sherbet"
7863                          class="mobile-menu__product-card"
7864                          
7865                        >
7866                          <span class="mobile-menu__product-card-media">
7867                            
7868                              <div
7869    class="product-badge product-badge--nav"
7870    role="status"
7871    aria-label="Limited"
7872  >
7873    <svg class="product-badge__shape" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 72 72" fill="none" aria-hidden="true">
7874      <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"/>
7875    </svg>
7876    <span class="product-badge__text" style="color: #034638;">Limited</span>
7877  </div>
7878                            
7879                            
7880                            
7881                              
7882                                
7883                                
7884                            
7885                            
7886                            
7887                              <img
7888                                class="mobile-menu__product-img"
7889                                src="//drinkolipop.com/cdn/shop/files/raspberry-sherbert_omni-pdp_single.webp?crop=center&height=362&v=1775754912&width=272"
7890                                width="136"
7891                                height="181"
7892                                alt="Raspberry Sherbet"
7893                                loading="lazy"
7894                                decoding="async"
7895                              >
7896                            
7897                          </span>
7898                          <span class="mobile-menu__product-card-label">Raspberry Sherbet</span>
7899                        </a>
7900                      </li>
7901                    
7902                  
7903                
7904
7905                  
7906                  
7907
7908                    
7909
7910                    
7911
7912                    
7913                      
7914                      <li class="mobile-menu__product-tile">
7915                        <a
7916                          href="/products/shirley-temple"
7917                          class="mobile-menu__product-card"
7918                          
7919                        >
7920                          <span class="mobile-menu__product-card-media">
7921                            
7922                              <div
7923    class="product-badge product-badge--nav"
7924    role="status"
7925    aria-label="Limited"
7926  >
7927    <svg class="product-badge__shape" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 72 72" fill="none" aria-hidden="true">
7928      <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"/>
7929    </svg>
7930    <span class="product-badge__text" style="color: #034638;">Limited</span>
7931  </div>
7932                            
7933                            
7934                            
7935                              
7936                                
7937                                
7938                            
7939                            
7940                            
7941                              <img
7942                                class="mobile-menu__product-img"
7943                                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"
7944                                width="136"
7945                                height="181"
7946                                alt="Shirley Temple"
7947                                loading="lazy"
7948                                decoding="async"
7949                              >
7950                            
7951                          </span>
7952                          <span class="mobile-menu__product-card-label">Shirley Temple</span>
7953                        </a>
7954                      </li>
7955                    
7956                  
7957                
7958
7959                  
7960                  
7961
7962                    
7963
7964                    
7965
7966                    
7967                      
7968                      <li class="mobile-menu__product-tile">
7969                        <a
7970                          href="/products/spongebob-pineapple-paradise"
7971                          class="mobile-menu__product-card"
7972                          
7973                        >
7974                          <span class="mobile-menu__product-card-media">
7975                            
7976                              <div
7977    class="product-badge product-badge--nav"
7978    role="status"
7979    aria-label="Limited"
7980  >
7981    <svg class="product-badge__shape" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 72 72" fill="none" aria-hidden="true">
7982      <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
798203 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"/>
7983    </svg>
7984    <span class="product-badge__text" style="color: #034638;">Limited</span>
7985  </div>
7986                            
7987                            
7988                            
7989                              
7990                                
7991                                
7992                            
7993                            
7994                            
7995                              <img
7996                                class="mobile-menu__product-img"
7997                                src="//drinkolipop.com/cdn/shop/files/Pineapple-Paradise_cgi-main-image_072925.webp?crop=center&height=362&v=1753844923&width=272"
7998                                width="136"
7999                                height="181"
8000                                alt="Pineapple Paradise"
8001                                loading="lazy"
8002                                decoding="async"
8003                              >
8004                            
8005                          </span>
8006                          <span class="mobile-menu__product-card-label">Pineapple Paradise</span>
8007                        </a>
8008                      </li>
8009                    
8010                  
8011                
8012
8013                  
8014                  
8015
8016                    
8017
8018                    
8019
8020                    
8021                      
8022                      <li class="mobile-menu__product-tile">
8023                        <a
8024                          href="/products/crisp-apple-6g-fiber"
8025                          class="mobile-menu__product-card"
8026                          
8027                        >
8028                          <span class="mobile-menu__product-card-media">
8029                            
8030                            
8031                            
8032                              
8033                                
8034                                
8035                            
8036                            
8037                            
8038                              <img
8039                                class="mobile-menu__product-img"
8040                                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"
8041                                width="136"
8042                                height="181"
8043                                alt="Crisp Apple"
8044                                loading="lazy"
8045                                decoding="async"
8046                              >
8047                            
8048                          </span>
8049                          <span class="mobile-menu__product-card-label">Crisp Apple</span>
8050                        </a>
8051                      </li>
8052                    
8053                  
8054                
8055
8056                  
8057                  
8058
8059                    
8060
8061                    
8062
8063                    
8064                      
8065                      <li class="mobile-menu__product-tile">
8066                        <a
8067                          href="/products/classic-grape-6g-fiber"
8068                          class="mobile-menu__product-card"
8069                          
8070                        >
8071                          <span class="mobile-menu__product-card-media">
8072                            
8073                            
8074                            
8075                              
8076                                
8077                                
8078                            
8079                            
8080                            
8081                              <img
8082                                class="mobile-menu__product-img"
8083                                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"
8084                                width="136"
8085                                height="181"
8086                                alt="Classic Grape"
8087                                loading="lazy"
8088                                decoding="async"
8089                              >
8090                            
8091                          </span>
8092                          <span class="mobile-menu__product-card-label">Classic Grape</span>
8093                        </a>
8094                      </li>
8095                    
8096                  
8097                
8098
8099                  
8100                  
8101
8102                    
8103
8104                    
8105
8106                    
8107                      
8108                      <li class="mobile-menu__product-tile">
8109                        <a
8110                          href="/products/vintage-cola-6g-fiber"
8111                          class="mobile-menu__product-card"
8112                          
8113                        >
8114                          <span class="mobile-menu__product-card-media">
8115                            
8116                            
8117                            
8118                              
8119                                
8120                                
8121                            
8122                            
8123                            
8124                              <img
8125                                class="mobile-menu__product-img"
8126                                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"
8127                                width="136"
8128                                height="181"
8129                                alt="Vintage Cola"
8130                                loading="lazy"
8131                                decoding="async"
8132                              >
8133                            
8134                          </span>
8135                          <span class="mobile-menu__product-card-label">Vintage Cola</span>
8136                        </a>
8137                      </li>
8138                    
8139                  
8140                
8141
8142                  
8143                  
8144
8145                    
8146
8147                    
8148
8149                    
8150                      
8151                      <li class="mobile-menu__product-tile">
8152                        <a
8153                          href="/products/classic-root-beer-6g-fiber"
8154                          class="mobile-menu__product-card"
8155                          
8156                        >
8157                          <span class="mobile-menu__product-card-media">
8158                            
8159                            
8160                            
8161                              
8162                                
8163                                
8164                            
8165                            
8166                            
8167                              <img
8168                                class="mobile-menu__product-img"
8169                                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"
8170                                width="136"
8171                                height="181"
8172                                alt="Classic Root Beer"
8173                                loading="lazy"
8174                                decoding="async"
8175                              >
8176                            
8177                          </span>
8178                          <span class="mobile-menu__product-card-label">Classic Root Beer</span>
8179                        </a>
8180                      </li>
8181                    
8182                  
8183                
8184
8185                  
8186                  
8187
8188                    
8189
8190                    
8191
8192                    
8193                      
8194                      <li class="mobile-menu__product-tile">
8195                        <a
8196                          href="/products/cream-soda-6g-fiber"
8197                          class="mobile-menu__product-card"
8198                          
8199                        >
8200                          <span class="mobile-menu__product-card-media">
8201                            
8202                            
8203                            
8204                              
8205                                
8206                                
8207                            
8208                            
8209                            
8210                              <img
8211                                class="mobile-menu__product-img"
8212                                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"
8213                                width="136"
8214                                height="181"
8215                                alt="Cream Soda"
8216                                loading="lazy"
8217                                decoding="async"
8218                              >
8219                            
8220                          </span>
8221                          <span class="mobile-menu__product-card-label">Cream Soda</span>
8222                        </a>
8223                      </li>
8224                    
8225                  
8226                
8227
8228                  
8229                  
8230
8231                    
8232
8233                    
8234
8235                    
8236                      
8237                      <li class="mobile-menu__product-tile">
8238                        <a
8239                          href="/products/strawberry-vanilla-6g-fiber"
8240                          class="mobile-menu__product-card"
8241                          
8242                        >
8243                          <span class="mobile-menu__product-card-media">
8244                            
8245                            
8246                            
8247                              
8248                                
8249                                
8250                            
8251                            
8252                            
8253                              <img
8254                                class="mobile-menu__product-img"
8255                                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"
8256                                width="136"
8257                                height="181"
8258                                alt="Strawberry Vanilla"
8259                                loading="lazy"
8260                                decoding="async"
8261                              >
8262                            
8263                          </span>
8264                          <span class="mobile-menu__product-card-label">Strawberry Vanilla</span>
8265                        </a>
8266                      </li>
8267                    
8268                  
8269                
8270
8271                  
8272                  
8273
8274                    
8275
8276                    
8277
8278                    
8279                      
8280                      <li class="mobile-menu__product-tile">
8281                        <a
8282                          href="/products/cherry-cola-6g-fiber"
8283                          class="mobile-menu__product-card"
8284                          
8285                        >
8286                          <span class="mobile-menu__product-card-media">
8287                            
8288                            
8289                            
8290                              
8291                                
8292                                
8293                            
8294                            
8295                            
8296                              <img
8297                                class="mobile-menu__product-img"
8298                                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"
8299                                width="136"
8300                                height="181"
8301                                alt="Cherry Cola"
8302                                loading="lazy"
8303                                decoding="async"
8304                              >
8305                            
8306                          </span>
8307                          <span class="mobile-menu__product-card-label">Cherry Cola</span>
8308                        </a>
8309                      </li>
8310                    
8311                  
8312                
8313
8314                  
8315                  
8316
8317                    
8318
8319                    
8320
8321                    
8322                      
8323                      <li class="mobile-menu__product-tile">
8324                        <a
8325                          href="/products/citrus-rush-6g-fiber"
8326                          class="mobile-menu__product-card"
8327                          
8328                        >
8329                          <span class="mobile-menu__product-card-media">
8330                            
8331                            
8332                            
8333                              
8334                                
8335                                
8336                            
8337                            
8338                            
8339                              <img
8340                                class="mobile-menu__product-img"
8341                                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"
8342                                width="136"
8343                                height="181"
8344                                alt="Citrus Rush"
8345                                loading="lazy"
8346                                decoding="async"
8347                              >
8348                            
8349                          </span>
8350                          <span class="mobile-menu__product-card-label">Citrus Rush</span>
8351                        </a>
8352                      </li>
8353                    
8354                  
8355                
8356
8357                  
8358                  
8359
8360                    
8361
8362                    
8363
8364                    
8365                      
8366                      <li class="mobile-menu__product-tile">
8367                        <a
8368                          href="/products/ginger-ale-6g-fiber"
8369                          class="mobile-menu__product-card"
8370                          
8371                        >
8372                          <span class="mobile-menu__product-card-media">
8373                            
8374                            
8375                            
8376                              
8377                                
8378                                
8379                            
8380                            
8381                            
8382                              <img
8383                                class="mobile-menu__product-img"
8384                                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"
8385                                width="136"
8386                                height="181"
8387                                alt="Ginger Ale"
8388                                loading="lazy"
8389                                decoding="async"
8390                              >
8391                            
8392                          </span>
8393                          <span class="mobile-menu__product-card-label">Ginger Ale</span>
8394                        </a>
8395                      </li>
8396                    
8397                  
8398                
8399
8400                  
8401                  
8402
8403                    
8404
8405                    
8406
8407                    
8408                      
8409                      <li class="mobile-menu__product-tile">
8410                        <a
8411                          href="/products/lemon-lime-6g-fiber"
8412                          class="mobile-menu__product-card"
8413                          
8414                        >
8415                          <span class="mobile-menu__product-card-media">
8416                            
8417                            
8418                            
8419                              
8420                                
8421                                
8422                            
8423                            
8424                            
8425                              <img
8426                                class="mobile-menu__product-img"
8427                                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"
8428                                width="136"
8429                                height="181"
8430                                alt="Lemon Lime"
8431                                loading="lazy"
8432                                decoding="async"
8433                              >
8434                            
8435                          </span>
8436                          <span class="mobile-menu__product-card-label">Lemon Lime</span>
8437                        </a>
8438                      </li>
8439                    
8440                  
8441                
8442
8443                
8444                
8445              </ul>
8446            </div>
8447
8448            <div class="mobile-menu__shop-all-category">
8449              
8450                <a class="mobile-menu__btn-outline" href="/collections/shop-6g-fiber">Shop All 6g Fiber</a>
8451              
8452            </div>
8453          </div>
8454        </details>
8455      
8456    
8457
8458      
8459      
8460
8461      
8462      
8463        <details
8464          id="mobile-shop-acc-3"
8465          class="mobile-menu__accordion"
8466          
8467        >
8468          <summary class="mobile-menu__accordion-summary">
8469            <span class="mobile-menu__accordion-summary-text">
8470              <span class="mobile-menu__accordion-title">
8471                OLIPOP MINIs
8472              </span>
8473            </span>
8474            <span class="mobile-menu__accordion-toggle-icons" aria-hidden="true">
8475              <span class="mobile-menu__accordion-icon mobile-menu__accordion-icon--plus">
8476                <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" aria-hidden="true" focusable="false">
8477  <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"/>
8478</svg>
8479
8480              </span>
8481              <span class="mobile-menu__accordion-icon mobile-menu__accordion-icon--minus">
8482                <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" aria-hidden="true" focusable="false">
8483  <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"/>
8484</svg>
8485
8486              </span>
8487            </span>
8488          </summary>
8489
8490          <div class="mobile-menu__accordion-panel">
8491            
8492              <div class="mobile-menu__category-headline">
8493                <div class="mobile-menu__category-headline-text rte">
8494                  <span class="metafield-single_line_text_field">Store anywhere. Chill to enjoy.</span>
8495                </div>
8496                
8497              </div>
8498            
8499            
8500              <div class="mobile-menu__category-description rte">
8501                <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>
8502              </div>
8503            
8504
8505            <div
8506              class="mobile-menu__product-scroller tw-min-w-0 tw-overflow-x-auto tw-overflow-y-visible"
8507              tabindex="0"
8508              role="region"
8509              aria-roledescription="carousel"
8510              aria-label="OLIPOP MINIs — products"
8511            >
8512              <ul class="mobile-menu__product-row tw-m-0 tw-flex tw-list-none tw-flex-nowrap tw-p-0">
8513                
8514
8515                
8516                
8517
8518                  
8519                  
8520
8521                    
8522
8523                    
8524
8525                    
8526                      
8527                      <li class="mobile-menu__product-tile">
8528                        <a
8529                          href="/products/strawberry-vanilla-minis"
8530                          class="mobile-menu__product-card"
8531                          
8532                        >
8533                          <span class="mobile-menu__product-card-media">
8534                            
8535                            
8536                            
8537                              
8538                                
8539                                
8540                            
8541                            
8542                            
8543                              <img
8544                                class="mobile-menu__product-img"
8545                                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"
8546                                width="136"
8547                                height="181"
8548                                alt="Strawberry Vanilla"
8549                                loading="lazy"
8550                                decoding="async"
8551                              >
8552                            
8553                          </span>
8554                          <span class="mobile-menu__product-card-label">Strawberry Vanilla</span>
8555                        </a>
8556                      </li>
8557                    
8558                  
8559                
8560
8561                  
8562                  
8563
8564                    
8565
8566                    
8567
8568                    
8569                      
8570                      <li class="mobile-menu__product-tile">
8571                        <a
8572                          href="/products/classic-grape-minis"
8573                          class="mobile-menu__product-card"
8574                          
8575                        >
8576                          <span class="mobile-menu__product-card-media">
8577                            
8578                            
8579                            
8580                              
8581                                
8582                                
8583                            
8584                            
8585                            
8586                              <img
8587                                class="mobile-menu__product-img"
8588                                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"
8589                                width="136"
8590                                height="181"
8591                                alt="Classic Grape"
8592                                loading="lazy"
8593                                decoding="async"
8594                              >
8595                            
8596                          </span>
8597                          <span class="mobile-menu__product-card-label">Classic Grape</span>
8598                        </a>
8599                      </li>
8600                    
8601                  
8602                
8603
8604                  
8605                  
8606
8607                    
8608
8609                    
8610
8611                    
8612                      
8613                      <li class="mobile-menu__product-tile">
8614                        <a
8615                          href="/products/crisp-apple-minis"
8616                          class="mobile-menu__product-card"
8617                          
8618                        >
8619                          <span class="mobile-menu__product-card-media">
8620                            
8621                            
8622                            
8623                              
8624                                
8625                                
8626                            
8627                            
8628                            
8629                              <img
8630                                class="mobile-menu__product-img"
8631                                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"
8632                                width="136"
8633                                height="181"
8634                                alt="Crisp Apple"
8635                                loading="lazy"
8636                                decoding="async"
8637                              >
8638                            
8639                          </span>
8640                          <span class="mobile-menu__product-card-label">Crisp Apple</span>
8641                        </a>
8642                      </li>
8643                    
8644                  
8645                
8646
8647                  
8648                  
8649
8650                    
8651
8652                    
8653
8654                    
8655                      
8656                      <li class="mobile-menu__product-tile">
8657                        <a
8658                          href="/products/vintage-cola-minis"
8659                          class="mobile-menu__product-card"
8660                          
8661                        >
8662                          <span class="mobile-menu__product-card-media">
8663                            
8664                            
8665                            
8666                              
8667                                
8668                                
8669                            
8670                            
8671                            
8672                              <img
8673                                class="mobile-menu__product-img"
8674                                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"
8675                                width="136"
8676                                height="181"
8677                                alt="Vintage Cola"
8678                                loading="lazy"
8679                                decoding="async"
8680                              >
8681                            
8682                          </span>
8683                          <span class="mobile-menu__product-card-label">Vintage Cola</span>
8684                        </a>
8685                      </li>
8686                    
8687                  
8688                
8689
8690                  
8691                  
8692
8693                    
8694
8695                    
8696
8697                    
8698                      
8699                      <li class="mobile-menu__product-tile">
8700                        <a
8701                          href="/products/ginger-ale-minis"
8702                          class="mobile-menu__product-card"
8703                          
8704                        >
8705                          <span class="mobile-menu__product-card-media">
8706                            
8707                            
8708                            
8709                              
8710                                
8711                                
8712                            
8713                            
8714                            
8715                              <img
8716                                class="mobile-menu__product-img"
8717                                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"
8718                                width="136"
8719                                height="181"
8720                                alt="Ginger Ale"
8721                                loading="lazy"
8722                                decoding="async"
8723                              >
8724                            
8725                          </span>
8726                          <span class="mobile-menu__product-card-label">Ginger Ale</span>
8727                        </a>
8728                      </li>
8729                    
8730                  
8731                
8732
8733                  
8734                  
8735
8736                    
8737
8738                    
8739
8740                    
8741                      
8742                      <li class="mobile-menu__product-tile">
8743                        <a
8744                          href="/products/orange-cream-minis"
8745                          class="mobile-menu__product-card"
8746                          
8747                        >
8748                          <span class="mobile-menu__product-card-media">
8749                            
8750                            
8751                            
8752                              
8753                                
8754                                
8755                            
8756                            
8757                            
8758                              <img
8759                                class="mobile-menu__product-img"
8760                                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"
8761                                width="136"
8762                                height="181"
8763                                alt="Orange Cream"
8764                                loading="lazy"
8765                                decoding="async"
8766                              >
8767                            
8768                          </span>
8769                          <span class="mobile-menu__product-card-label">Orange Cream</span>
8770                        </a>
8771                      </li>
8772                    
8773                  
8774                
8775
8776                
8777                
8778              </ul>
8779            </div>
8780
8781            <div class="mobile-menu__shop-all-category">
8782              
8783                <a class="mobile-menu__btn-outline" href="/collections/olipop-minis">Shop All MINIs</a>
8784              
8785            </div>
8786          </div>
8787        </details>
8788      
8789    
8790
8791      
8792      
8793
8794      
8795      
8796        <details
8797          id="mobile-shop-acc-4"
8798          class="mobile-menu__accordion"
8799          
8800        >
8801          <summary class="mobile-menu__accordion-summary">
8802            <span class="mobile-menu__accordion-summary-text">
8803              <span class="mobile-menu__accordion-title">
8804                Limited edition flavors 
8805              </span>
8806            </span>
8807            <span class="mobile-menu__accordion-toggle-icons" aria-hidden="true">
8808              <span class="mobile-menu__accordion-icon mobile-menu__accordion-icon--plus">
8809                <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" aria-hidden="true" focusable="false">
8810  <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"/>
8811</svg>
8812
8813              </span>
8814              <span class="mobile-menu__accordion-icon mobile-menu__accordion-icon--minus">
8815                <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" aria-hidden="true" focusable="false">
8816  <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"/>
8817</svg>
8818
8819              </span>
8820            </span>
8821          </summary>
8822
8823          <div class="mobile-menu__accordion-panel">
8824            
8825              <div class="mobile-menu__category-headline">
8826                <div class="mobile-menu__category-headline-text rte">
8827                  <span class="metafield-single_line_text_field">Store anywhere. Chill to enjoy.</span>
8828                </div>
8829                
8830              </div>
8831            
8832            
8833              <div class="mobile-menu__category-description rte">
8834                <span class="metafield-multi_line_text_field">Here for a good time, not a long time. Grab these flavors before they sip away! </span>
8835              </div>
8836            
8837
8838            <div
8839              class="mobile-menu__product-scroller tw-min-w-0 tw-overflow-x-auto tw-overflow-y-visible"
8840              tabindex="0"
8841              role="region"
8842              aria-roledescription="carousel"
8843              aria-label="Limited edition flavors  — products"
8844            >
8845              <ul class="mobile-menu__product-row tw-m-0 tw-flex tw-list-none tw-flex-nowrap tw-p-0">
8846                
8847
8848                
8849                
8850
8851                  
8852                  
8853
8854                    
8855
8856                    
8857
8858                    
8859                      
8860                      <li class="mobile-menu__product-tile">
8861                        <a
8862                          href="/products/caramel-apple"
8863                          class="mobile-menu__product-card"
8864                          
8865                        >
8866                          <span class="mobile-menu__product-card-media">
8867                            
8868                              <div
8869    class="product-badge product-badge--nav product-badge--short-text"
8870    role="status"
8871    aria-label="New"
8872  >
8873    <svg class="product-badge__shape" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 72 72" fill="none" aria-hidden="true">
8874      <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
887403 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"/>
8875    </svg>
8876    <span class="product-badge__text" style="color: #034638;">New</span>
8877  </div>
8878                            
8879                            
8880                            
8881                              
8882                                
8883                                
8884                            
8885                            
8886                            
8887                              <img
8888                                class="mobile-menu__product-img"
8889                                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"
8890                                width="136"
8891                                height="181"
8892                                alt="Caramel Apple"
8893                                loading="lazy"
8894                                decoding="async"
8895                              >
8896                            
8897                          </span>
8898                          <span class="mobile-menu__product-card-label">Caramel Apple</span>
8899                        </a>
8900                      </li>
8901                    
8902                  
8903                
8904
8905                  
8906                  
8907
8908                    
8909
8910                    
8911
8912                    
8913                      
8914                      <li class="mobile-menu__product-tile">
8915                        <a
8916                          href="/products/raspberry-sherbet"
8917                          class="mobile-menu__product-card"
8918                          
8919                        >
8920                          <span class="mobile-menu__product-card-media">
8921                            
8922                              <div
8923    class="product-badge product-badge--nav"
8924    role="status"
8925    aria-label="Limited"
8926  >
8927    <svg class="product-badge__shape" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 72 72" fill="none" aria-hidden="true">
8928      <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"/>
8929    </svg>
8930    <span class="product-badge__text" style="color: #034638;">Limited</span>
8931  </div>
8932                            
8933                            
8934                            
8935                              
8936                                
8937                                
8938                            
8939                            
8940                            
8941                              <img
8942                                class="mobile-menu__product-img"
8943                                src="//drinkolipop.com/cdn/shop/files/raspberry-sherbert_omni-pdp_single.webp?crop=center&height=362&v=1775754912&width=272"
8944                                width="136"
8945                                height="181"
8946                                alt="Raspberry Sherbet"
8947                                loading="lazy"
8948                                decoding="async"
8949                              >
8950                            
8951                          </span>
8952                          <span class="mobile-menu__product-card-label">Raspberry Sherbet</span>
8953                        </a>
8954                      </li>
8955                    
8956                  
8957                
8958
8959                  
8960                  
8961
8962                    
8963
8964                    
8965
8966                    
8967                      
8968                      <li class="mobile-menu__product-tile">
8969                        <a
8970                          href="/products/shirley-temple"
8971                          class="mobile-menu__product-card"
8972                          
8973                        >
8974                          <span class="mobile-menu__product-card-media">
8975                            
8976                              <div
8977    class="product-badge product-badge--nav"
8978    role="status"
8979    aria-label="Limited"
8980  >
8981    <svg class="product-badge__shape" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 72 72" fill="none" aria-hidden="true">
8982      <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"/>
8983    </svg>
8984    <span class="product-badge__text" style="color: #034638;">Limited</span>
8985  </div>
8986                            
8987                            
8988                            
8989                              
8990                                
8991                                
8992                            
8993                            
8994                            
8995                              <img
8996                                class="mobile-menu__product-img"
8997                                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"
8998                                width="136"
8999                                height="181"
9000                                alt="Shirley Temple"
9001                                loading="lazy"
9002                                decoding="async"
9003                              >
9004                            
9005                          </span>
9006                          <span class="mobile-menu__product-card-label">Shirley Temple</span>
9007                        </a>
9008                      </li>
9009                    
9010                  
9011                
9012
9013                  
9014                  
9015
9016                    
9017
9018                    
9019
9020                    
9021                      
9022                      <li class="mobile-menu__product-tile">
9023                        <a
9024                          href="/products/spongebob-pineapple-paradise"
9025                          class="mobile-menu__product-card"
9026                          
9027                        >
9028                          <span class="mobile-menu__product-card-media">
9029                            
9030                              <div
9031    class="product-badge product-badge--nav"
9032    role="status"
9033    aria-label="Limited"
9034  >
9035    <svg class="product-badge__shape" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 72 72" fill="none" aria-hidden="true">
9036      <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
903603 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"/>
9037    </svg>
9038    <span class="product-badge__text" style="color: #034638;">Limited</span>
9039  </div>
9040                            
9041                            
9042                            
9043                              
9044                                
9045                                
9046                            
9047                            
9048                            
9049                              <img
9050                                class="mobile-menu__product-img"
9051                                src="//drinkolipop.com/cdn/shop/files/Pineapple-Paradise_cgi-main-image_072925.webp?crop=center&height=362&v=1753844923&width=272"
9052                                width="136"
9053                                height="181"
9054                                alt="Pineapple Paradise"
9055                                loading="lazy"
9056                                decoding="async"
9057                              >
9058                            
9059                          </span>
9060                          <span class="mobile-menu__product-card-label">Pineapple Paradise</span>
9061                        </a>
9062                      </li>
9063                    
9064                  
9065                
9066
9067                
9068                
9069              </ul>
9070            </div>
9071
9072            <div class="mobile-menu__shop-all-category">
9073              
9074                <a class="mobile-menu__btn-outline" href="/collections/shop-limited-edition">Shop All Limited Edition Flavors</a>
9075              
9076            </div>
9077          </div>
9078        </details>
9079      
9080    
9081
9082      
9083      
9084
9085      
9086      
9087        <details
9088          id="mobile-shop-acc-5"
9089          class="mobile-menu__accordion"
9090          
9091        >
9092          <summary class="mobile-menu__accordion-summary">
9093            <span class="mobile-menu__accordion-summary-text">
9094              <span class="mobile-menu__accordion-title">
9095                Variety packs
9096              </span>
9097            </span>
9098            <span class="mobile-menu__accordion-toggle-icons" aria-hidden="true">
9099              <span class="mobile-menu__accordion-icon mobile-menu__accordion-icon--plus">
9100                <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" aria-hidden="true" focusable="false">
9101  <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"/>
9102</svg>
9103
9104              </span>
9105              <span class="mobile-menu__accordion-icon mobile-menu__accordion-icon--minus">
9106                <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" aria-hidden="true" focusable="false">
9107  <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"/>
9108</svg>
9109
9110              </span>
9111            </span>
9112          </summary>
9113
9114          <div class="mobile-menu__accordion-panel">
9115            
9116              <div class="mobile-menu__category-headline">
9117                <div class="mobile-menu__category-headline-text rte">
9118                  <span class="metafield-single_line_text_field">Store anywhere. Chill to enjoy.</span>
9119                </div>
9120                
9121              </div>
9122            
9123            
9124              <div class="mobile-menu__category-description rte">
9125                <span class="metafield-multi_line_text_field">The ultimate OLIPOP flavor tour, for an easy &amp; fun way to discover your favorites.</span>
9126              </div>
9127            
9128
9129            <div
9130              class="mobile-menu__product-scroller tw-min-w-0 tw-overflow-x-auto tw-overflow-y-visible"
9131              tabindex="0"
9132              role="region"
9133              aria-roledescription="carousel"
9134              aria-label="Variety packs — products"
9135            >
9136              <ul class="mobile-menu__product-row tw-m-0 tw-flex tw-list-none tw-flex-nowrap tw-p-0">
9137                
9138
9139                
9140                
9141
9142                  
9143                  
9144
9145                    
9146
9147                    
9148
9149                    
9150                      
9151                      <li class="mobile-menu__product-tile">
9152                        <a
9153                          href="/products/classic-soda-variety-pack"
9154                          class="mobile-menu__product-card"
9155                          
9156                        >
9157                          <span class="mobile-menu__product-card-media">
9158                            
9159                            
9160                            
9161                              
9162                                
9163                                
9164                            
9165                            
9166                            
9167                              <img
9168                                class="mobile-menu__product-img"
9169                                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"
9170                                width="136"
9171                                height="181"
9172                                alt="Classic Soda Variety Pack"
9173                                loading="lazy"
9174                                decoding="async"
9175                              >
9176                            
9177                          </span>
9178                          <span class="mobile-menu__product-card-label">Classic Soda</span>
9179                        </a>
9180                      </li>
9181                    
9182                  
9183                
9184
9185                  
9186                  
9187
9188                    
9189
9190                    
9191
9192                    
9193                      
9194                      <li class="mobile-menu__product-tile">
9195                        <a
9196                          href="/products/fruity-fun-variety-pack"
9197                          class="mobile-menu__product-card"
9198                          
9199                        >
9200                          <span class="mobile-menu__product-card-media">
9201                            
9202                            
9203                            
9204                              
9205                                
9206                                
9207                            
9208                            
9209                            
9210                              <img
9211                                class="mobile-menu__product-img"
9212                                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"
9213                                width="136"
9214                                height="181"
9215                                alt="Fruity Fun Variety Pack"
9216                                loading="lazy"
9217                                decoding="async"
9218                              >
9219                            
9220                          </span>
9221                          <span class="mobile-menu__product-card-label">Fruity Fun</span>
9222                        </a>
9223                      </li>
9224                    
9225                  
9226                
9227
9228                  
9229                  
9230
9231                    
9232
9233                    
9234
9235                    
9236                      
9237                      <li class="mobile-menu__product-tile">
9238                        <a
9239                          href="/products/favorites-variety-pack"
9240                          class="mobile-menu__product-card"
9241                          
9242                        >
9243                          <span class="mobile-menu__product-card-media">
9244                            
9245                            
9246                            
9247                              
9248                                
9249                                
9250                            
9251                            
9252                            
9253                              <img
9254                                class="mobile-menu__product-img"
9255                                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"
9256                                width="136"
9257                                height="181"
9258                                alt="Favorites Variety Pack"
9259                                loading="lazy"
9260                                decoding="async"
9261                              >
9262                            
9263                          </span>
9264                          <span class="mobile-menu__product-card-label">Favorites</span>
9265                        </a>
9266                      </li>
9267                    
9268                  
9269                
9270
9271                
9272                
9273              </ul>
9274            </div>
9275
9276            <div class="mobile-menu__shop-all-category">
9277              
9278                <a class="mobile-menu__btn-outline" href="/collections/variety-packs">Shop All Variety Packs</a>
9279              
9280            </div>
9281          </div>
9282        </details>
9283      
9284    
9285
9286    <div class="mobile-menu__shop-all-footer">
9287      <a class="mobile-menu__btn-primary" href="/collections/drinks">Shop All</a>
9288    </div>
9289  </div>
9290
9291
9292<style>
9293.mobile-menu__category-description {
9294  margin-bottom: 20px;
9295}
9296
9297.mobile-menu__category-description .metafield-multi_line_text_field {
9298  line-height: 160%;
9299  display: block;
9300}
9301
9302.mobile-menu__category-headline {
9303  margin-top: 3px;
9304}
9305</style>
9306
9307          <div class="mobile-menu__utility" role="navigation" aria-label="Quick links">
9308  <div class="mobile-menu__utility-wave" aria-hidden="true"><svg
9309      xmlns="http://www.w3.org/2000/svg"
9310      viewBox="0 0 390 27"
9311      fill="none"
9312      preserveAspectRatio="none"
9313      class="mobile-menu__utility-wave-svg"
9314      focusable="false"
9315    >
9316      <path
9317        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"
9318        fill="#008168"
9319      />
9320    </svg>
9321  </div>
9322
9323  <ul class="mobile-menu__utility-list tw-m-0 tw-list-none">
9324    <li class="mobile-menu__utility-item">
9325      <a class="mobile-menu__utility-link" href="/pages/store-locator">
9326        <span class="mobile-menu__utility-icon" aria-hidden="true">
9327          <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">
9328  <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"/>
9329</svg>
9330
9331        </span>
9332        <span class="mobile-menu__utility-label">Find a Store</span>
9333      </a>
9334    </li>
9335    <li class="mobile-menu__utility-item">
9336      
9337        <a class="mobile-menu__utility-link" href="/account/login">
9338          <span class="mobile-menu__utility-icon" aria-hidden="true">
9339            <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">
9340  <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"/>
9341</svg>
9342
9343          </span>
9344          <span class="mobile-menu__utility-label">Account</span>
9345        </a>
9346      
9347    </li>
9348    <li class="mobile-menu__utility-item">
9349      <a class="mobile-menu__utility-link" href="/pages/contact-us">
9350        <span class="mobile-menu__utility-icon" aria-hidden="true">
9351          <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">
9352  <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"/>
9353</svg>
9354
9355        </span>
9356        <span class="mobile-menu__utility-label">Contact Us</span>
9357      </a>
9358    </li>
9359    <li class="mobile-menu__utility-item">
9360      <a class="mobile-menu__utility-link" href="/pages/track-your-order">
9361        <span class="mobile-menu__utility-icon" aria-hidden="true">
9362          <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">
9363  <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"/>
9364</svg>
9365
9366        </span>
9367        <span class="mobile-menu__utility-label">Track Order</span>
9368      </a>
9369    </li>
9370    <li class="mobile-menu__utility-item">
9371      <a class="mobile-menu__utility-link" href="/pages/olipop-rewards">
9372        <span class="mobile-menu__utility-icon" aria-hidden="true">
9373          <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">
9374  <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.
937463261 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"/>
9375</svg>
9376
9377        </span>
9378        <span class="mobile-menu__utility-label">Earn Rewards</span>
9379      </a>
9380    </li>
9381  </ul>
9382</div>
9383
9384<style>
9385  .mobile-menu__utility-list {
9386    padding-bottom: 10.5rem;
9387  }
9388</style>
9389
9390        </div>
9391
9392        
9393          <div
9394            id="mobile-panel-learn"
9395            class="mobile-menu__tabpanel tw-hidden"
9396            role="tabpanel"
9397            aria-labelledby="mobile-tab-learn"
9398            data-mobile-panel="learn"
9399            hidden
9400            tabindex="0"
9401          >
9402            
9403
9404
9405  
9406  <div class="mobile-menu__shop-body">
9407    
9408
9409      
9410      
9411
9412      
9413      <div class="mobile-menu__leaf-row">
9414        <a
9415          href="/pages/our-story"
9416          class="mobile-menu__leaf-link"
9417          
9418        >
9419          <span class="mobile-menu__leaf-title">Our story</span>
9420        </a>
9421      </div>
9422    
9423
9424      
9425      
9426
9427      
9428      <div class="mobile-menu__leaf-row">
9429        <a
9430          href="/pages/ingredients"
9431          class="mobile-menu__leaf-link"
9432          
9433        >
9434          <span class="mobile-menu__leaf-title">Ingredients</span>
9435        </a>
9436      </div>
9437    
9438
9439      
9440      
9441
9442      
9443      <div class="mobile-menu__leaf-row">
9444        <a
9445          href="/pages/digestive-health"
9446          class="mobile-menu__leaf-link"
9447          
9448        >
9449          <span class="mobile-menu__leaf-title">Digestive health</span>
9450        </a>
9451      </div>
9452    
9453
9454      
9455      
9456
9457      
9458      <div class="mobile-menu__leaf-row">
9459        <a
9460          href="/pages/fiber-education"
9461          class="mobile-menu__leaf-link"
9462          
9463        >
9464          <span class="mobile-menu__leaf-title">Fiber education</span>
9465        </a>
9466      </div>
9467    
9468
9469      
9470      
9471
9472      
9473      <div class="mobile-menu__leaf-row">
9474        <a
9475          href="/pages/subscription"
9476          class="mobile-menu__leaf-link"
9477          
9478        >
9479          <span class="mobile-menu__leaf-title">Subscriptions</span>
9480        </a>
9481      </div>
9482    
9483
9484    
9485    
9486  </div>
9487
9488
9489            <div class="mobile-menu__utility" role="navigation" aria-label="Quick links">
9490  <div class="mobile-menu__utility-wave" aria-hidden="true"><svg
9491      xmlns="http://www.w3.org/2000/svg"
9492      viewBox="0 0 390 27"
9493      fill="none"
9494      preserveAspectRatio="none"
9495      class="mobile-menu__utility-wave-svg"
9496      focusable="false"
9497    >
9498      <path
9499        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"
9500        fill="#008168"
9501      />
9502    </svg>
9503  </div>
9504
9505  <ul class="mobile-menu__utility-list tw-m-0 tw-list-none">
9506    <li class="mobile-menu__utility-item">
9507      <a class="mobile-menu__utility-link" href="/pages/store-locator">
9508        <span class="mobile-menu__utility-icon" aria-hidden="true">
9509          <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">
9510  <path d="M8 4C7.50555 4 7.0222 4.14662 6.61107 4.42133C6.19995 4.69603 5.87952 5.08648 5.6903 5.54329C5.50108 6.00011 5.45157 6.50277 5.54804 6.98773C5.6445 7.47268 5.8826 7.91814 6.23223 8.26777C6.58186 8.6174 7.02732 8.8555 7.51227 8.95196C7.99723 9.04843 8.49989 8.99892 8.95671 8.8097C9.41352 8.62048 9.80397 8.30005 10.0787 7.88893C10.3534 7.4778 10.5 6.99445 10.5 6.5C10.5 5.83696 10.2366 5.20107 9.76777 4.73223C9.29893 4.26339 8.66304 4 8 4ZM8 8C7.70333 8 7.41332 7.91203 7.16664 7.7472C6.91997 7.58238 6.72771 7.34811 6.61418 7.07403C6.50065 6.79994 6.47094 6.49834 6.52882 6.20736C6.5867 5.9
95101639 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"/>
9511</svg>
9512
9513        </span>
9514        <span class="mobile-menu__utility-label">Find a Store</span>
9515      </a>
9516    </li>
9517    <li class="mobile-menu__utility-item">
9518      
9519        <a class="mobile-menu__utility-link" href="/account/login">
9520          <span class="mobile-menu__utility-icon" aria-hidden="true">
9521            <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">
9522  <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"/>
9523</svg>
9524
9525          </span>
9526          <span class="mobile-menu__utility-label">Account</span>
9527        </a>
9528      
9529    </li>
9530    <li class="mobile-menu__utility-item">
9531      <a class="mobile-menu__utility-link" href="/pages/contact-us">
9532        <span class="mobile-menu__utility-icon" aria-hidden="true">
9533          <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">
9534  <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"/>
9535</svg>
9536
9537        </span>
9538        <span class="mobile-menu__utility-label">Contact Us</span>
9539      </a>
9540    </li>
9541    <li class="mobile-menu__utility-item">
9542      <a class="mobile-menu__utility-link" href="/pages/track-your-order">
9543        <span class="mobile-menu__utility-icon" aria-hidden="true">
9544          <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">
9545  <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"/>
9546</svg>
9547
9548        </span>
9549        <span class="mobile-menu__utility-label">Track Order</span>
9550      </a>
9551    </li>
9552    <li class="mobile-menu__utility-item">
9553      <a class="mobile-menu__utility-link" href="/pages/olipop-rewards">
9554        <span class="mobile-menu__utility-icon" aria-hidden="true">
9555          <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">
9556  <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.
955663261 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"/>
9557</svg>
9558
9559        </span>
9560        <span class="mobile-menu__utility-label">Earn Rewards</span>
9561      </a>
9562    </li>
9563  </ul>
9564</div>
9565
9566<style>
9567  .mobile-menu__utility-list {
9568    padding-bottom: 10.5rem;
9569  }
9570</style>
9571
9572          </div>
9573        
9574      </div>
9575    </div>
9576  </div>
9577</div>
9578
9579<script>
9580  $(document).ready(function () {
9581    const $root = $('[js-mobile-menu]');
9582    const $backdrop = $('.mobile-menu__backdrop');
9583    const $panel = $('[js-mobile-menu-panel]');
9584    const $toggle = $('.header__button.mobile-menu-toggle');
9585
9586    function applyMenuGeometry() {
9587      const header = document.getElementById('shopify-section-header');
9588      const el = document.querySelector('[js-mobile-menu]');
9589      if (!header || !el) return;
9590      const h = header.clientHeight;
9591      el.style.top = h + 'px';
9592      el.style.height = 'calc(100vh - ' + h + 'px)';
9593    }
9594
9595    function clearMenuGeometry() {
9596      const el = document.querySelector('[js-mobile-menu]');
9597      if (el) {
9598        el.style.top = '';
9599        el.style.height = '';
9600      }
9601    }
9602
9603    function openMenuVisual() {
9604      $root.addClass('is-active');
9605    }
9606
9607    function closeMenuVisual() {
9608      $root.removeClass('is-active');
9609    }
9610
9611    var mobileMenuClosing = false;
9612
9613    function finalizeMobileMenuClose() {
9614      document.documentElement.classList.remove('stop-scroll');
9615      $('.overlay').removeClass('is-active');
9616      $('.site-header .header__button').removeClass('is-active');
9617      $('.header-wrapper').removeClass('is-mobile-active');
9618      clearMenuGeometry();
9619      mobileMenuClosing = false;
9620      requestAnimationFrame(function () {
9621        requestAnimationFrame(function () {
9622          window.dispatchEvent(new Event('scroll'));
9623        });
9624      });
9625    }
9626
9627    function activateMobileTab(which) {
9628      const $shop = $('.mobile-menu__tab--shop');
9629      const $learn = $('.mobile-menu__tab--learn');
9630      const $shopPanel = $('#mobile-panel-shop');
9631      const $learnPanel = $('#mobile-panel-learn');
9632      if (!$shop.length || !$learn.length) return;
9633      if (which === 'shop') {
9634        $shop.addClass('is-selected').attr({ 'aria-selected': 'true', tabindex: 0 });
9635        $learn.removeClass('is-selected').attr({ 'aria-selected': 'false', tabindex: -1 });
9636        $shopPanel.removeClass('tw-hidden').removeAttr('hidden');
9637        $learnPanel.addClass('tw-hidden').attr('hidden', 'hidden');
9638      } else {
9639        $learn.addClass('is-selected').attr({ 'aria-selected': 'true', tabindex: 0 });
9640        $shop.removeClass('is-selected').attr({ 'aria-selected': 'false', tabindex: -1 });
9641        $learnPanel.removeClass('tw-hidden').removeAttr('hidden');
9642        $shopPanel.addClass('tw-hidden').attr('hidden', 'hidden');
9643      }
9644    }
9645
9646    function resetToShopTab() {
9647      activateMobileTab('shop');
9648    }
9649
9650    $toggle.on('click', function () {
9651      const toggleBtn = this;
9652      const panelEl = document.querySelector('[js-mobile-menu-panel]');
9653      const isOpen = $('.header-wrapper').hasClass('is-mobile-active');
9654
9655      if (!isOpen) {
9656        $('.header-wrapper').addClass('is-mobile-active');
9657        document.documentElement.classList.add('stop-scroll');
9658        $('.overlay').addClass('is-active');
9659        $('.site-header .header__button').addClass('is-active');
9660        applyMenuGeometry();
9661
9662        function revealMenuAndFocus() {
9663          openMenuVisual();
9664          resetToShopTab();
9665          toggleBtn.setAttribute('aria-expanded', 'true');
9666          const wrap = document.querySelector('[js-header-wrapper]');
9667          const toFocus = panelEl ? panelEl.querySelector('.mobile-menu__tab, a, button') : null;
9668          if (wrap && toFocus) {
9669            trapFocus(wrap, toFocus);
9670          }
9671        }
9672
9673        if (window.matchMedia('(prefers-reduced-motion: reduce)').matches) {
9674          revealMenuAndFocus();
9675        } else {
9676          requestAnimationFrame(function () {
9677            requestAnimationFrame(revealMenuAndFocus);
9678          });
9679        }
9680      } else {
9681        if (mobileMenuClosing) {
9682          return;
9683        }
9684        mobileMenuClosing = true;
9685        closeMenuVisual();
9686        toggleBtn.setAttribute('aria-expanded', 'false');
9687        removeTrapFocus();
9688
9689        if (window.matchMedia('(prefers-reduced-motion: reduce)').matches) {
9690          finalizeMobileMenuClose();
9691          return;
9692        }
9693
9694        var closeDone = false;
9695        function doneClosing() {
9696          if (closeDone) return;
9697          closeDone = true;
9698          if (panelEl) {
9699            panelEl.removeEventListener('transitionend', onPanelTransitionEnd);
9700          }
9701          finalizeMobileMenuClose();
9702        }
9703
9704        function onPanelTransitionEnd(e) {
9705          if (e.target !== panelEl || e.propertyName !== 'transform') return;
9706          doneClosing();
9707        }
9708
9709        if (panelEl) {
9710          panelEl.addEventListener('transitionend', onPanelTransitionEnd);
9711        }
9712        window.setTimeout(doneClosing, 400);
9713      }
9714    });
9715
9716    var mobileMenuDesktopMin = 1024;
9717
9718    function closeMobileMenuIfDesktop() {
9719      if (window.innerWidth >= mobileMenuDesktopMin && $toggle.hasClass('is-active')) {
9720        $toggle.trigger('click');
9721      }
9722    }
9723
9724    $(window).on('resize', function () {
9725      closeMobileMenuIfDesktop();
9726      if ($toggle.hasClass('is-active')) {
9727        applyMenuGeometry();
9728      }
9729    });
9730
9731    $backdrop.on('click', function () {
9732      if ($toggle.hasClass('is-active')) {
9733        $toggle.trigger('click');
9734      }
9735    });
9736
9737    $(document).on('keydown.mobileMenu', function (e) {
9738      if (e.key !== 'Escape') return;
9739      if (!$('.header-wrapper').hasClass('is-mobile-active')) return;
9740      e.preventDefault();
9741      if ($toggle.hasClass('is-active')) {
9742        $toggle.trigger('click');
9743      }
9744    });
9745
9746    $('.mobile-menu__tab[data-mobile-tab]').on('click', function () {
9747      activateMobileTab($(this).data('mobile-tab'));
9748    });
9749
9750    $('.mobile-menu__tab[data-mobile-tab]').on('keydown', function (e) {
9751      if (e.key !== 'ArrowLeft' && e.key !== 'ArrowRight') return;
9752      e.preventDefault();
9753      const cur = $(this).data('mobile-tab');
9754      if (e.key === 'ArrowLeft' && cur === 'learn') {
9755        activateMobileTab('shop');
9756        $('.mobile-menu__tab--shop').trigger('focus');
9757      }
9758      if (e.key === 'ArrowRight' && cur === 'shop') {
9759        activateMobileTab('learn');
9760        $('.mobile-menu__tab--learn').trigger('focus');
9761      }
9762    });
9763
9764    $('#nav-icon3').on('click', function () {
9765      $(this).toggleClass('open');
9766    });
9767
9768    $('[js-mobile-menu-close]').on('click', function (e) {
9769      e.preventDefault();
9770      $('#nav-icon3').trigger('click');
9771    });
9772  });
9773</script>
9773
9774</header>
9775
9776<script type="text/javascript">
9777  $(document).ready(function () {
9778    const handleScrollOnHeader = () => {
9779      const y = document.documentElement.scrollTop || document.body.scrollTop;
9780      const $headerWrapper = $('.header-wrapper');
9781      const isTransparent = $headerWrapper.attr('color-theme') === 'transparent';
9782      if (y < 10) {
9783        $headerWrapper.removeClass('is-active');
9784        if (isTransparent) {
9785          $headerWrapper.addClass('tw-bg-transparent');
9786        }
9787      } else {
9788        $headerWrapper.addClass('is-active');
9789        if (isTransparent) {
9790          $headerWrapper.removeClass('tw-bg-transparent');
9791        }
9792      }
9793    };
9794
9795    $(window).on('scroll', handleScrollOnHeader);
9796    handleScrollOnHeader();
9797  });
9798</script>
9798
9799
9800<script type="application/ld+json">
9801  {
9802    "@context": "http://schema.org",
9803    "@type": "Organization",
9804    "name": "OLIPOP",
9805    
9806      
9807      "logo": "https:\/\/drinkolipop.com\/cdn\/shop\/files\/OlipopLogo_1_560x.png?v=1778767782",
9808    
9809    "sameAs": [
9810      "https:\/\/twitter.com\/drinkolipop",
9811      "https:\/\/www.facebook.com\/drinkolipop",
9812      "https:\/\/www.pinterest.com\/drinkolipop\/",
9813      "https:\/\/www.instagram.com\/drinkolipop\/",
9814      "",
9815      "",
9816      "https:\/\/www.youtube.com\/@OLIPOP",
9817      ""
9818    ],
9819    "url": "https:\/\/drinkolipop.com"
9820  }
9821</script>
9821
9822
9823
9824
9825
9826</div>
9827<!-- END sections: header-group -->
9828
9829      
9829<script>
9830        const headerGroup = document.querySelector('#shopify-section-header');
9831        function setHeaderGroupVars() {
9832          document.documentElement.style.setProperty(
9833            '--header-group-bottom-position',
9834            headerGroup.getBoundingClientRect().bottom + 'px'
9835          );
9836        }
9837        setTimeout(setHeaderGroupVars, 1000);
9838        window.addEventListener('resize', setHeaderGroupVars);
9839      </script>
9839
9840    </section>
9841    <div class="page-container drawer-page-content" id="PageContainer" role="main">
9842      <div
9843        class="main-content js-focus-hidden"
9844        id="MainContent"
9845        tabindex="-1"
9846      >
9847        <section id="shopify-section-template--24009561342111__collection_hybrid_meta_ALe7xC" class="shopify-section section-collection-hybrid-meta">
9848<style>
9849  #shopify-section-template--24009561342111__collection_hybrid_meta_ALe7xC {
9850    
9851    
9852      --min-height-desktop: unset;
9853      --min-height-tablet: unset;
9854      --min-height-mobile: unset;
9855      --hybrid-header-color: #14433D;
9856      --clp-hero-overlap: var(--site-header-height, 64px);
9857    
9858    --clp-jump-links-bar-height: 56px;
9859    --clp-anchor-offset: 0px;
9860  }
9861
9862  
9863
9864  @media (min-width: 1024px) {
9865    #shopify-section-template--24009561342111__collection_hybrid_meta_ALe7xC {
9866      
9867    }
9868  }
9869
9870  /* Header offset comes from html { scroll-padding-top }. Groups only need jump bar + gap. */
9871  #shopify-section-template--24009561342111__collection_hybrid_meta_ALe7xC .collection-hybrid-meta .collection-group {
9872    scroll-margin-top: 0;
9873  }
9874
9875  #shopify-section-template--24009561342111__collection_hybrid_meta_ALe7xC .collection-hybrid-meta__group--with-divider {
9876    border-bottom: 1px solid var(--Evergreen-og-vanilla, #F3E4CD);
9877  }
9878
9879  @media screen and (max-width:  750px) {
9880    #shopify-section-template--24009561342111__collection_hybrid_meta_ALe7xC .collection-hybrid-meta__group--with-divider {
9881      padding-bottom: 1rem !important;
9882      margin-right: 20px;
9883      margin-left: 20px;
9884      padding-right: 0;
9885      padding-left: 0;
9886    }
9887  }
9888
9889  #shopify-section-template--24009561342111__collection_hybrid_meta_ALe7xC .collection-hybrid-meta .clp-jump-link {
9890    display: inline-flex;
9891    align-items: center;
9892    justify-content: center;
9893    flex-shrink: 0;
9894    cursor: pointer;
9895    border-radius: 9999px;
9896    padding: 8px 20px 6px;
9897    font-size: 14px;
9898    font-weight: 600;
9899    line-height: 1.2;
9900    text-decoration: none;
9901    white-space: nowrap;
9902    box-shadow: 0 0 0 1.5px #14433d;
9903    background-color: transparent;
9904    color: #14433d;
9905    transition:
9906      background-color 0.15s ease,
9907      color 0.15s ease,
9908      border-color 0.15s ease;
9909  }
9910
9911  #shopify-section-template--24009561342111__collection_hybrid_meta_ALe7xC .collection-hybrid-meta .clp-jump-link--active {
9912    background-color: #14433d;
9913    color: #fff;
9914    font-weight: 700;
9915    border-color: #14433d;
9916  }
9917
9918  #shopify-section-template--24009561342111__collection_hybrid_meta_ALe7xC .collection-hybrid-meta .clp-jump-link:hover {
9919    background-color: #14433d;
9920    color: #fff;
9921    font-weight: 700;
9922    border-color: #14433d;
9923  }
9924
9925  #shopify-section-template--24009561342111__collection_hybrid_meta_ALe7xC .collection-hybrid-meta .clp-jump-links.is-stuck .clp-jump-links-scroll {
9926    border-top: 1px solid var(--Evergreen-og-vanilla, #F3E4CD);
9927    background: var(--evergreen-web-vanilla-50, #FFFBF5);
9928    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.05) inset;
9929  }
9930
9931  /* Pin bar during programmatic scroll so position:sticky cannot engage mid-animation */
9932  #shopify-section-template--24009561342111__collection_hybrid_meta_ALe7xC .collection-hybrid-meta .clp-jump-links.clp-jump-links--jump-scrolling {
9933    position: fixed !important;
9934    left: 0;
9935    right: 0;
9936    width: 100%;
9937    top: var(--clp-sticky-top, var(--site-header-height, 64px));
9938    z-index: 30;
9939  }
9940
9941  #shopify-section-template--24009561342111__collection_hybrid_meta_ALe7xC .collection-hybrid-meta .clp-jump-links.clp-jump-links--jump-scrolling .clp-jump-links-scroll {
9942    border-top: 1px solid var(--Evergreen-og-vanilla, #F3E4CD);
9943    background: var(--evergreen-web-vanilla-50, #FFFBF5);
9944    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.05) inset;
9945  }
9946
9947  /* From top of page: fixed bar stays hidden until scroll has started */
9948  #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 {
9949    visibility: hidden;
9950    pointer-events: none;
9951  }
9952
9953  #shopify-section-template--24009561342111__collection_hybrid_meta_ALe7xC .clp-jump-links-spacer {
9954    display: none;
9955    width: 100%;
9956    pointer-events: none;
9957  }
9958
9959  #shopify-section-template--24009561342111__collection_hybrid_meta_ALe7xC .clp-jump-links-spacer.is-active {
9960    display: block;
9961  }
9962
9963  body.clp-jump-links-shadow-active #shopify-section-header .header-wrapper.is-active {
9964    box-shadow: none;
9965  }
9966
9967  #shopify-section-template--24009561342111__collection_hybrid_meta_ALe7xC .collection-hybri
9967d-meta .clp-jump-link:focus-visible {
9968    outline: 2px solid #14433d;
9969    outline-offset: 2px;
9970  }
9971
9972  .collection-hybrid-meta .clp-jump-links-scroll {
9973    -webkit-overflow-scrolling: touch;
9974    scrollbar-width: thin;
9975  }
9976
9977  /* When the jump links don't overflow (mobile only), center them in the scroll viewport. */
9978  @media (max-width: 1023px) {
9979    #shopify-section-template--24009561342111__collection_hybrid_meta_ALe7xC .collection-hybrid-meta .clp-jump-links-scroll--centered {
9980      display: flex;
9981      justify-content: center;
9982    }
9983  }
9984
9985  
9986    #shopify-section-template--24009561342111__collection_hybrid_meta_ALe7xC .collection-hybrid-hero {
9987      margin-top: calc(0px - var(--clp-hero-overlap, var(--site-header-height, 64px)));
9988    }
9989
9990    #shopify-section-template--24009561342111__collection_hybrid_meta_ALe7xC .collection-hybrid-hero__content {
9991      width: 50%;
9992      max-width: 100%;
9993      padding-top: calc(var(--clp-hero-overlap, var(--site-header-height, 64px)) + 8px);
9994      padding-left: 20px;
9995      padding-right: 20px;
9996      gap: 8px;
9997    }
9998
9999    @media (min-width: 1024px) {
10000      #shopify-section-template--24009561342111__collection_hybrid_meta_ALe7xC .collection-hybrid-hero__content {
10001        max-width: 40%;
10002        padding-top: calc(var(--clp-hero-overlap, var(--site-header-height, 64px)) + 48px);
10003        padding-left: 60px;
10004        padding-right: 0;
10005        gap: 16px;
10006      }
10007    }
10008  
10009
10010  @media (max-width: 767px) {
10011    #shopify-section-template--24009561342111__collection_hybrid_meta_ALe7xC .collection-hybrid-hero__content {
10012      width: 100%;
10013    }
10014  }
10015
10016  #shopify-section-template--24009561342111__collection_hybrid_meta_ALe7xC .collection-hybrid-hero__title {
10017    color: var(--Evergreen-bottle, #034638);
10018    font-size: 56px;
10019    font-style: normal;
10020    font-weight: 800;
10021    line-height: 110%;
10022  }
10023
10024  @media (min-width: 1024px) {
10025    #shopify-section-template--24009561342111__collection_hybrid_meta_ALe7xC .collection-hybrid-hero__title {
10026      font-size: 80px;
10027    }
10028  }
10029
10030  #shopify-section-template--24009561342111__collection_hybrid_meta_ALe7xC .collection-hybrid-hero__description {
10031    color: var(--Evergreen-bottle, #034638);
10032    font-size: 20px;
10033    font-style: normal;
10034    font-weight: 400;
10035    line-height: 180%;
10036  }
10037
10038  #shopify-section-template--24009561342111__collection_hybrid_meta_ALe7xC .collection-hybrid-hero__description p {
10039    color: inherit;
10040    font-size: inherit;
10041    line-height: inherit;
10042    margin: 0;
10043  }
10044
10045  @media (max-width: 767px) {
10046    #shopify-section-template--24009561342111__collection_hybrid_meta_ALe7xC .collection-hybrid-hero__description {
10047      font-size: 16px;
10048    }
10049  }
10050
10051  #shopify-section-template--24009561342111__collection_hybrid_meta_ALe7xC .collection-hybrid-hero__subtitle-pill {
10052    display: inline-flex;
10053    height: 32px;
10054    padding: 8px 16px;
10055    justify-content: center;
10056    align-items: center;
10057    gap: 4px;
10058    border-radius: 48px;
10059    background: var(--Evergreen-web-jade, #008168);
10060    color: #fff;
10061    font-size: 14px;
10062    font-style: normal;
10063    font-weight: 600;
10064    line-height: 1;
10065  }
10066
10067  #shopify-section-template--24009561342111__collection_hybrid_meta_ALe7xC .collection-hybrid-hero__subtitle-icon {
10068    display: inline-block;
10069    width: 16px;
10070    height: 16px;
10071    flex-shrink: 0;
10072    background-color: #fff;
10073    -webkit-mask-image: var(--hero-subtitle-icon-url);
10074    -webkit-mask-position: center;
10075    -webkit-mask-repeat: no-repeat;
10076    -webkit-mask-size: contain;
10077    mask-image: var(--hero-subtitle-icon-url);
10078    mask-position: center;
10079    mask-repeat: no-repeat;
10080    mask-size: contain;
10081  }
10082
10083  #shopify-section-template--24009561342111__collection_hybrid_meta_ALe7xC .collection-hybrid-meta-empty-hero .collection-hybrid-hero__content {
10084    padding-right: 1.25rem;
10085    padding-bottom: 0;
10086    padding-left: 1.25rem;
10087    display: flex;
10088    align-items: center;
10089    justify-content: center;
10090    margin: 0 auto;
10091    text-align: center;
10092    width: 100%;
10093    max-width: 100%;
10094  }
10095
10096  #shopify-section-template--24009561342111__collection_hybrid_meta_ALe7xC .collection-hybrid-meta-empty-hero .collection-hybri
10096d-hero__content h1 {
10097    text-align: center;
10098  }
10099
10100  @media (max-width: 1023px) {
10101    #shopify-section-template--24009561342111__collection_hybrid_meta_ALe7xC .collection-description-lower {
10102      font-size: 16px;
10103      line-height: 180%;
10104      padding: 40px 30px 0;
10105      display: block;
10106    }
10107  }
10108
10109  @media (min-width: 1024px) {
10110    #shopify-section-template--24009561342111__collection_hybrid_meta_ALe7xC .collection-description-lower {
10111      font-size: 18px;
10112      line-height: 180%;
10113      padding: 60px 40px 0px 40px;
10114      display: block;
10115    }
10116  }
10117</style>
10118
10119<div class="collection-hybrid-meta tw-relative" style="background-color: #FFF6EA;">
10120  <div
10121    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 "
10122    style="background: #FFF6EA;"
10123  ><div class="tw-max-w-[1440px] tw-mx-auto tw-w-full ">
10124      <div
10125        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"
10126      ><h1 class="collection-hybrid-hero__title tw-font-display tw-text-center md:tw-text-left ">
10127            9g fiber
10128          </h1><div class=" ">
10129              <span class="collection-hybrid-hero__subtitle-pill"><span>Keep refrigerated</span><span
10130                  class="collection-hybrid-hero__subtitle-icon"
10131                  style="--hero-subtitle-icon-url: url('//drinkolipop.com/cdn/shop/files/Icons_3.svg?v=1776439621&width=32');"
10132                  aria-hidden="true"
10133                ></span></span>
10134            </div><div class="collection-hybrid-hero__description tw-text-center md:tw-text-left [&_a]:tw-text-hunter-green [&_a]:tw-underline  ">
10135              <span class="metafield-multi_line_text_field">Our original refrigerated formula, with higher fiber per can to get more out of every sip.</span>
10136            </div></div>
10137    </div>
10138    
10139  </div>
10140
10141  
10142  
10143
10144  <div class="collection-hybrid-meta__list lg:tw-pb-[120px] tw-pb-[60px]" style="background-color: #FFF6EA;"><div class="tw-mx-auto">
10145      <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">
10146            <div class="collection-group-inner tw-mx-auto" style="max-width: 1320px;">
10147              <div class="collection-group-grid tw-pb-10 lg:tw-pb-[10px]">
10148
10149
10150
10151
10152
10153
10154
10155
10156
10157
10158
10159
10160
10161
10162
10163
10164
10165
10166
10167
10168
10169
10170
10171
10172
10173
10174
10175
10176
10177
10178
10179<div
10180  class="product-card tw-relative tw-group tw-grid tw-h-full tw-w-full tw-overflow-visible focus:tw-ring-2"
10181  style="grid-template-rows: max-content 1fr"
10182>
10183
10184  
10185    <div
10186    class="product-badge product-badge--short-text"
10187    role="status"
10188    aria-label="New"
10189  >
10190    <svg class="product-badge__shape" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 72 72" fill="none" aria-hidden="true">
10191      <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
1019103 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"/>
10192    </svg>
10193    <span class="product-badge__text" style="color: #034638;">New</span>
10194  </div>
10195  
10196
10197
10198  <!-- Image Container -->
10199  <div class="tw-relative tw-w-full">
10200    <a
10201      href="/products/caramel-apple"
10202      
10203      aria-label="Shop Now- Caramel Apple"
10204      class="tw-block tw-relative tw-mx-auto tw-w-full tw-max-w-[314px] tw-aspect-square tw-overflow-hidden tw-rounded-2xl"
10205    >
10206      
10207
10208      <div class="tw-relative tw-z-[1] tw-mx-auto tw-flex tw-h-full tw-w-full tw-items-center tw-justify-center">
10209        
10210<img
10211  src="//drinkolipop.com/cdn/shop/files/caramel-apple-9g-olipop_gallery-image_single-can_new_asset_1x.webp?v=1788145122"
10212  data-srcset="//drinkolipop.com/cdn/shop/files/caramel-apple-9g-olipop_gallery-image_single-can_new_asset_480x.webp?v=1788145122 240w,
10213     //drinkolipop.com/cdn/shop/files/caramel-apple-9g-olipop_gallery-image_single-can_new_asset_720x.webp?v=1788145122 360w,
10214     //drinkolipop.com/cdn/shop/files/caramel-apple-9g-olipop_gallery-image_single-can_new_asset_1080x.webp?v=1788145122 540w,
10215     //drinkolipop.com/cdn/shop/files/caramel-apple-9g-olipop_gallery-image_single-can_new_asset_1440x.webp?v=1788145122 720w,
10216     //drinkolipop.com/cdn/shop/files/caramel-apple-9g-olipop_gallery-image_single-can_new_asset_1350x.webp?v=1788145122 900w,
10217     //drinkolipop.com/cdn/shop/files/caramel-apple-9g-olipop_gallery-image_single-can_new_asset_1512x.webp?v=1788145122 1080w,
10218     //drinkolipop.com/cdn/shop/files/caramel-apple-9g-olipop_gallery-image_single-can_new_asset_1728x.webp?v=1788145122 1296w,
10219     //drinkolipop.com/cdn/shop/files/caramel-apple-9g-olipop_gallery-image_single-can_new_asset_1920x.webp?v=1788145122 1350w,
10220     //drinkolipop.com/cdn/shop/files/caramel-apple-9g-olipop_gallery-image_single-can_new_asset_1980x.webp?v=1788145122 1728w,
10221     //drinkolipop.com/cdn/shop/files/caramel-apple-9g-olipop_gallery-image_single-can_new_asset_2160x.webp?v=1788145122 1920w,
10222     //drinkolipop.com/cdn/shop/files/caramel-apple-9g-olipop_gallery-image_single-can_new_asset_2880x.webp?v=1788145122 2560w,
10223     //drinkolipop.com/cdn/shop/files/caramel-apple-9g-olipop_gallery-image_single-can_new_asset_4096x.webp?v=1788145122 3072w
10224  "
10225  data-src="//drinkolipop.com/cdn/shop/files/caramel-apple-9g-olipop_gallery-image_single-can_new_asset_360x.webp?v=1788145122"
10226  data-optimumx="auto"
10227  data-sizes="auto"
10228  data-parent-fit="contain"
10229  width="100%"
10230  height="100%"
10231  class="lazyload tw-h-full tw-w-full tw-object-contain"
10232  data-aspectratio="0.7556675062972292"
10233  alt="Caramel Apple"
10234  
10235>
10236
10237      </div>
10238
10239      
10240        <div class="tw-pointer-events-none tw-absolute tw-inset-0 tw-z-[2] tw-hidden lg:tw-block" data-hover-wave-card>
10241          <div class="tw-absolute tw-inset-0 tw-flex tw-items-end tw-overflow-hidden">
10242            <div class="tw-relative tw-h-full tw-w-full">
10243              <div class="tw-absolute tw-inset-x-0 tw-bottom-0 tw-h-full tw-overflow-hidden">
10244                <svg
10245                  class="tw-h-full tw-w-full"
10246                  viewBox="0 0 314 314"
10247                  fill="none"
10248                  xmlns="http://www.w3.org/2000/svg"
10249                  xmlns:xlink="http://www.w3.org/1999/xlink"
10250                  preserveAspectRatio="xMidYMid meet"
10251                >
10252                  <defs>
10253                    <clipPath id="clip-hover-wave-10910759354527-template--24009561342111__collection_hybrid_meta_ALe7xC" clipPathUnits="userSpaceOnUse">
10254                      <path
10255                        data-hover-wave-path
10256                        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"
10257                      />
10258                    </clipPath>
10259                  </defs>
10260                  <image
10261                    href="//drinkolipop.com/cdn/shop/files/caramel-apple-9g-olipop_collection-hover_MW.webp?v=1788966694&width=1440"
10262                    xlink:href="//drinkolipop.com/cdn/shop/files/caramel-apple-9g-olipop_collection-hover_MW.webp?v=1788966694&width=1440"
10263                    x="0"
10264                    y="0"
10265                    width="314"
10266                    height="314"
10267                    preserveAspectRatio="xMidYMax slice"
10268                    clip-path="url(#clip-hover-wave-10910759354527-template--24009561342111__collection_hybrid_meta_ALe7xC)"
10269                  />
10270                </svg>
10271              </div>
10272            </div>
10273          </div>
10274        </div>
10275      
10276    </a>
10277
10278    
10279      <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">
10280        
10281          <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">
10282            <input type="hidden" name="id" value="62787700621471">
10283            <input type="hidden" name="quantity" value="1">
10284            <button
10285              type="submit"
10286              name="add"
10287              data-add-to-cart
10288              data-product-card-cta
10289              aria-label="Add 12 Pack- Caramel Apple"
10290              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"
10291            >
10292              Add 12 Pack
10293            </button>
10294          </form>
10295        
10296      </div>
10297  </div>
10298  <!-- ./End Image Container -->
10299
10300  <!-- Text Container -->
10301  <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">
10302    
10303
10304    <p class="tw-min-h-[25px] tw-font-body tw-text-[14px] tw-font-normal tw-leading-[180%] tw-text-[#0A3128] tw-mt-[3px]">
10305      
10306        9g Fiber
10307      
10308    </p>
10309
10310    <p class="tw-text-[16px] tw-leading-[140%]" role="heading" aria-level="3">
10311      <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
10311px] tw-font-bold tw-leading-[140%] tw-text-[#034638]">
10312        Caramel Apple
10313      </a>
10314    </p>
10315
10316    
10317      <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">
10318        <input type="hidden" name="id" value="62787700621471">
10319        <input type="hidden" name="quantity" value="1">
10320        <button
10321          type="submit"
10322          name="add"
10323          data-add-to-cart
10324          data-product-card-cta
10325          aria-label="Add 12 Pack- Caramel Apple"
10326          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"
10327        >
10328          Add 12 Pack
10329        </button>
10330      </form>
10331    
10332  </div>
10333  <!-- ./End Text Container -->
10334</div>
10335
10336
10337
10338
10339
10340
10341
10342
10343
10344
10345
10346
10347
10348
10349
10350
10351
10352
10353
10354
10355
10356
10357
10358
10359
10360
10361
10362
10363
10364
10365
10366
10367
10368<div
10369  class="product-card tw-relative tw-group tw-grid tw-h-full tw-w-full tw-overflow-visible focus:tw-ring-2"
10370  style="grid-template-rows: max-content 1fr"
10371>
10372
10373  
10374
10375
10376  <!-- Image Container -->
10377  <div class="tw-relative tw-w-full">
10378    <a
10379      href="/products/blackberry-vanilla"
10380      
10381      aria-label="Shop Now- Blackberry Vanilla"
10382      class="tw-block tw-relative tw-mx-auto tw-w-full tw-max-w-[314px] tw-aspect-square tw-overflow-hidden tw-rounded-2xl"
10383    >
10384      
10385
10386      <div class="tw-relative tw-z-[1] tw-mx-auto tw-flex tw-h-full tw-w-full tw-items-center tw-justify-center">
10387        
10388<img
10389  src="//drinkolipop.com/cdn/shop/files/blackberry-vanilla-9g-olipop_gallery-image_single-can_new_asset_1x.webp?v=1779162450"
10390  data-srcset="//drinkolipop.com/cdn/shop/files/blackberry-vanilla-9g-olipop_gallery-image_single-can_new_asset_480x.webp?v=1779162450 240w,
10391     //drinkolipop.com/cdn/shop/files/blackberry-vanilla-9g-olipop_gallery-image_single-can_new_asset_720x.webp?v=1779162450 360w,
10392     //drinkolipop.com/cdn/shop/files/blackberry-vanilla-9g-olipop_gallery-image_single-can_new_asset_1080x.webp?v=1779162450 540w,
10393     //drinkolipop.com/cdn/shop/files/blackberry-vanilla-9g-olipop_gallery-image_single-can_new_asset_1440x.webp?v=1779162450 720w,
10394     //drinkolipop.com/cdn/shop/files/blackberry-vanilla-9g-olipop_gallery-image_single-can_new_asset_1350x.webp?v=1779162450 900w,
10395     //drinkolipop.com/cdn/shop/files/blackberry-vanilla-9g-olipop_gallery-image_single-can_new_asset_1512x.webp?v=1779162450 1080w,
10396     //drinkolipop.com/cdn/shop/files/blackberry-vanilla-9g-olipop_gallery-image_single-can_new_asset_1728x.webp?v=1779162450 1296w,
10397     //drinkolipop.com/cdn/shop/files/blackberry-vanilla-9g-olipop_gallery-image_single-can_new_asset_1920x.webp?v=1779162450 1350w,
10398     //drinkolipop.com/cdn/shop/files/blackberry-vanilla-9g-olipop_gallery-image_single-can_new_asset_1980x.webp?v=1779162450 1728w,
10399     //drinkolipop.com/cdn/shop/files/blackberry-vanilla-9g-olipop_gallery-image_single-can_new_asset_2160x.webp?v=1779162450 1920w,
10400     //drinkolipop.com/cdn/shop/files/blackberry-vanilla-9g-olipop_gallery-image_single-can_new_asset_2880x.webp?v=1779162450 2560w,
10401     //drinkolipop.com/cdn/shop/files/blackberry-vanilla-9g-olipop_gallery-image_single-can_new_asset_4096x.webp?v=1779162450 3072w
10402  "
10403  data-src="//drinkolipop.com/cdn/shop/files/blackberry-vanilla-9g-olipop_gallery-image_single-can_new_asset_360x.webp?v=1779162450"
10404  data-optimumx="auto"
10405  data-sizes="auto"
10406  data-parent-fit="contain"
10407  width="100%"
10408  height="100%"
10409  class="lazyload tw-h-full tw-w-full tw-object-contain"
10410  data-aspectratio="0.7605263157894737"
10411  alt="Blackberry Vanilla"
10412  
10413>
10414
10415      </div>
10416
10417      
10418        <div class="tw-pointer-events-none tw-absolute tw-inset-0 tw-z-[2] tw-hidden lg:tw-block" data-hover-wave-card>
10419          <div class="tw-absolute tw-inset-0 tw-flex tw-items-end tw-overflow-hidden">
10420            <div class="tw-relative tw-h-full tw-w-full">
10421              <div class="tw-absolute tw-inset-x-0 tw-bottom-0 tw-h-full tw-overflow-hidden">
10422                <svg
10423                  class="tw-h-full tw-w-full"
10424                  viewBox="0 0 314 314"
10425                  fill="none"
10426                  xmlns="http://www.w3.org/2000/svg"
10427                  xmlns:xlink="http://www.w3.org/1999/xlink"
10428                  preserveAspectRatio="xMidYMid meet"
10429                >
10430                  <defs>
10431                    <clipPath id="clip-hover-wave-5871016640671-template--24009561342111__collection_hybrid_meta_ALe7xC" clipPathUnits="userSpaceOnUse">
10432                      <path
10433                        data-hover-wave-path
10434                        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"
10435                      />
10436                    </clipPath>
10437                  </defs>
10438                  <image
10439                    href="//drinkolipop.com/cdn/shop/files/BV-PDP-Horizontal-Desktop_new_asset.webp?v=1779162608&width=1440"
10440                    xlink:href="//drinkolipop.com/cdn/shop/files/BV-PDP-Horizontal-Desktop_new_asset.webp?v=1779162608&width=1440"
10441                    x="0"
10442                    y="0"
10443                    width="314"
10444                    height="314"
10445                    preserveAspectRatio="xMidYMax slice"
10446                    clip-path="url(#clip-hover-wave-5871016640671-template--24009561342111__collection_hybrid_meta_ALe7xC)"
10447                  />
10448                </svg>
10449              </div>
10450            </div>
10451          </div>
10452        </div>
10453      
10454    </a>
10455
10456    
10457      <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">
10458        
10459          <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">
10460            <input type="hidden" name="id" value="37114287784095">
10461            <input type="hidden" name="quantity" value="1">
10462            <button
10463              type="submit"
10464              name="add"
10465              data-add-to-cart
10466              data-product-card-cta
10467              aria-label="Add 12 Pack- Blackberry Vanilla"
10468              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"
10469            >
10470              Add 12 Pack
10471            </button>
10472          </form>
10473        
10474      </div>
10475  </div>
10476  <!-- ./End Image Container -->
10477
10478  <!-- Text Container -->
10479  <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">
10480    
10481      <div class="tw-flex tw-min-h-[16px] tw-items-center tw-justify-center">
10482        <div
10483          data-bv-show="inline_rating"
10484          data-bv-product-id="5871016640671"
10485          class="bazaarvoice-product-summary bazaarvoice-product-summary--big product-card__inline-rating"
10486        ></div>
10487      </div>
10488    
10489
10490    <p class="tw-min-h-[25px] tw-font-body tw-text-[14px] tw-font-normal tw-leading-[180%] tw-text-[#0A3128] tw-mt-[3px]">
10491      
10492        9g Fiber
10493      
10494    </p>
10495
10496    <p class="tw-text-[16px] tw-leading-[140%]" role="heading" aria-level="3">
10497      <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
10497px] tw-font-bold tw-leading-[140%] tw-text-[#034638]">
10498        Blackberry Vanilla
10499      </a>
10500    </p>
10501
10502    
10503      <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">
10504        <input type="hidden" name="id" value="37114287784095">
10505        <input type="hidden" name="quantity" value="1">
10506        <button
10507          type="submit"
10508          name="add"
10509          data-add-to-cart
10510          data-product-card-cta
10511          aria-label="Add 12 Pack- Blackberry Vanilla"
10512          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"
10513        >
10514          Add 12 Pack
10515        </button>
10516      </form>
10517    
10518  </div>
10519  <!-- ./End Text Container -->
10520</div>
10521
10522
10523
10524
10525
10526
10527
10528
10529
10530
10531
10532
10533
10534
10535
10536
10537
10538
10539
10540
10541
10542
10543
10544
10545
10546
10547
10548
10549
10550
10551
10552
10553
10554<div
10555  class="product-card tw-relative tw-group tw-grid tw-h-full tw-w-full tw-overflow-visible focus:tw-ring-2"
10556  style="grid-template-rows: max-content 1fr"
10557>
10558
10559  
10560
10561
10562  <!-- Image Container -->
10563  <div class="tw-relative tw-w-full">
10564    <a
10565      href="/products/crisp-apple"
10566      
10567      aria-label="Shop Now- Crisp Apple"
10568      class="tw-block tw-relative tw-mx-auto tw-w-full tw-max-w-[314px] tw-aspect-square tw-overflow-hidden tw-rounded-2xl"
10569    >
10570      
10571
10572      <div class="tw-relative tw-z-[1] tw-mx-auto tw-flex tw-h-full tw-w-full tw-items-center tw-justify-center">
10573        
10574<img
10575  src="//drinkolipop.com/cdn/shop/files/crisp-apple-9g-olipop_gallery-image_single-can_new_asset_1x.webp?v=1779163593"
10576  data-srcset="//drinkolipop.com/cdn/shop/files/crisp-apple-9g-olipop_gallery-image_single-can_new_asset_480x.webp?v=1779163593 240w,
10577     //drinkolipop.com/cdn/shop/files/crisp-apple-9g-olipop_gallery-image_single-can_new_asset_720x.webp?v=1779163593 360w,
10578     //drinkolipop.com/cdn/shop/files/crisp-apple-9g-olipop_gallery-image_single-can_new_asset_1080x.webp?v=1779163593 540w,
10579     //drinkolipop.com/cdn/shop/files/crisp-apple-9g-olipop_gallery-image_single-can_new_asset_1440x.webp?v=1779163593 720w,
10580     //drinkolipop.com/cdn/shop/files/crisp-apple-9g-olipop_gallery-image_single-can_new_asset_1350x.webp?v=1779163593 900w,
10581     //drinkolipop.com/cdn/shop/files/crisp-apple-9g-olipop_gallery-image_single-can_new_asset_1512x.webp?v=1779163593 1080w,
10582     //drinkolipop.com/cdn/shop/files/crisp-apple-9g-olipop_gallery-image_single-can_new_asset_1728x.webp?v=1779163593 1296w,
10583     //drinkolipop.com/cdn/shop/files/crisp-apple-9g-olipop_gallery-image_single-can_new_asset_1920x.webp?v=1779163593 1350w,
10584     //drinkolipop.com/cdn/shop/files/crisp-apple-9g-olipop_gallery-image_single-can_new_asset_1980x.webp?v=1779163593 1728w,
10585     //drinkolipop.com/cdn/shop/files/crisp-apple-9g-olipop_gallery-image_single-can_new_asset_2160x.webp?v=1779163593 1920w,
10586     //drinkolipop.com/cdn/shop/files/crisp-apple-9g-olipop_gallery-image_single-can_new_asset_2880x.webp?v=1779163593 2560w,
10587     //drinkolipop.com/cdn/shop/files/crisp-apple-9g-olipop_gallery-image_single-can_new_asset_4096x.webp?v=1779163593 3072w
10588  "
10589  data-src="//drinkolipop.com/cdn/shop/files/crisp-apple-9g-olipop_gallery-image_single-can_new_asset_360x.webp?v=1779163593"
10590  data-optimumx="auto"
10591  data-sizes="auto"
10592  data-parent-fit="contain"
10593  width="100%"
10594  height="100%"
10595  class="lazyload tw-h-full tw-w-full tw-object-contain"
10596  data-aspectratio="0.7605263157894737"
10597  alt="Crisp Apple"
10598  
10599>
10600
10601      </div>
10602
10603      
10604        <div class="tw-pointer-events-none tw-absolute tw-inset-0 tw-z-[2] tw-hidden lg:tw-block" data-hover-wave-card>
10605          <div class="tw-absolute tw-inset-0 tw-flex tw-items-end tw-overflow-hidden">
10606            <div class="tw-relative tw-h-full tw-w-full">
10607              <div class="tw-absolute tw-inset-x-0 tw-bottom-0 tw-h-full tw-overflow-hidden">
10608                <svg
10609                  class="tw-h-full tw-w-full"
10610                  viewBox="0 0 314 314"
10611                  fill="none"
10612                  xmlns="http://www.w3.org/2000/svg"
10613                  xmlns:xlink="http://www.w3.org/1999/xlink"
10614                  preserveAspectRatio="xMidYMid meet"
10615                >
10616                  <defs>
10617                    <clipPath id="clip-hover-wave-7478573498527-template--24009561342111__collection_hybrid_meta_ALe7xC" clipPathUnits="userSpaceOnUse">
10618                      <path
10619                        data-hover-wave-path
10620                        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"
10621                      />
10622                    </clipPath>
10623                  </defs>
10624                  <image
10625                    href="//drinkolipop.com/cdn/shop/files/PDP-Horizontal_new_asset.png?v=1779076160&width=1440"
10626                    xlink:href="//drinkolipop.com/cdn/shop/files/PDP-Horizontal_new_asset.png?v=1779076160&width=1440"
10627                    x="0"
10628                    y="0"
10629                    width="314"
10630                    height="314"
10631                    preserveAspectRatio="xMidYMax slice"
10632                    clip-path="url(#clip-hover-wave-7478573498527-template--24009561342111__collection_hybrid_meta_ALe7xC)"
10633                  />
10634                </svg>
10635              </div>
10636            </div>
10637          </div>
10638        </div>
10639      
10640    </a>
10641
10642    
10643      <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">
10644        
10645          <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">
10646            <input type="hidden" name="id" value="42468536975519">
10647            <input type="hidden" name="quantity" value="1">
10648            <button
10649              type="submit"
10650              name="add"
10651              data-add-to-cart
10652              data-product-card-cta
10653              aria-label="Add 12 Pack- Crisp Apple"
10654              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"
10655            >
10656              Add 12 Pack
10657            </button>
10658          </form>
10659        
10660      </div>
10661  </div>
10662  <!-- ./End Image Container -->
10663
10664  <!-- Text Container -->
10665  <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">
10666    
10667      <div class="tw-flex tw-min-h-[16px] tw-items-center tw-justify-center">
10668        <div
10669          data-bv-show="inline_rating"
10670          data-bv-product-id="7478573498527"
10671          class="bazaarvoice-product-summary bazaarvoice-product-summary--big product-card__inline-rating"
10672        ></div>
10673      </div>
10674    
10675
10676    <p class="tw-min-h-[25px] tw-font-body tw-text-[14px] tw-font-normal tw-leading-[180%] tw-text-[#0A3128] tw-mt-[3px]">
10677      
10678        9g Fiber
10679      
10680    </p>
10681
10682    <p class="tw-text-[16px] tw-leading-[140%]" role="heading" aria-level="3">
10683      <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
10683px] tw-font-bold tw-leading-[140%] tw-text-[#034638]">
10684        Crisp Apple
10685      </a>
10686    </p>
10687
10688    
10689      <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">
10690        <input type="hidden" name="id" value="42468536975519">
10691        <input type="hidden" name="quantity" value="1">
10692        <button
10693          type="submit"
10694          name="add"
10695          data-add-to-cart
10696          data-product-card-cta
10697          aria-label="Add 12 Pack- Crisp Apple"
10698          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"
10699        >
10700          Add 12 Pack
10701        </button>
10702      </form>
10703    
10704  </div>
10705  <!-- ./End Text Container -->
10706</div>
10707
10708
10709
10710
10711
10712
10713
10714
10715
10716
10717
10718
10719
10720
10721
10722
10723
10724
10725
10726
10727
10728
10729
10730
10731
10732
10733
10734
10735
10736
10737
10738
10739
10740<div
10741  class="product-card tw-relative tw-group tw-grid tw-h-full tw-w-full tw-overflow-visible focus:tw-ring-2"
10742  style="grid-template-rows: max-content 1fr"
10743>
10744
10745  
10746
10747
10748  <!-- Image Container -->
10749  <div class="tw-relative tw-w-full">
10750    <a
10751      href="/products/classic-grape"
10752      
10753      aria-label="Shop Now- Classic Grape"
10754      class="tw-block tw-relative tw-mx-auto tw-w-full tw-max-w-[314px] tw-aspect-square tw-overflow-hidden tw-rounded-2xl"
10755    >
10756      
10757
10758      <div class="tw-relative tw-z-[1] tw-mx-auto tw-flex tw-h-full tw-w-full tw-items-center tw-justify-center">
10759        
10760<img
10761  src="//drinkolipop.com/cdn/shop/files/classic-grape-9g-olipop_gallery-image_single-can_new_asset_1x.webp?v=1779163040"
10762  data-srcset="//drinkolipop.com/cdn/shop/files/classic-grape-9g-olipop_gallery-image_single-can_new_asset_480x.webp?v=1779163040 240w,
10763     //drinkolipop.com/cdn/shop/files/classic-grape-9g-olipop_gallery-image_single-can_new_asset_720x.webp?v=1779163040 360w,
10764     //drinkolipop.com/cdn/shop/files/classic-grape-9g-olipop_gallery-image_single-can_new_asset_1080x.webp?v=1779163040 540w,
10765     //drinkolipop.com/cdn/shop/files/classic-grape-9g-olipop_gallery-image_single-can_new_asset_1440x.webp?v=1779163040 720w,
10766     //drinkolipop.com/cdn/shop/files/classic-grape-9g-olipop_gallery-image_single-can_new_asset_1350x.webp?v=1779163040 900w,
10767     //drinkolipop.com/cdn/shop/files/classic-grape-9g-olipop_gallery-image_single-can_new_asset_1512x.webp?v=1779163040 1080w,
10768     //drinkolipop.com/cdn/shop/files/classic-grape-9g-olipop_gallery-image_single-can_new_asset_1728x.webp?v=1779163040 1296w,
10769     //drinkolipop.com/cdn/shop/files/classic-grape-9g-olipop_gallery-image_single-can_new_asset_1920x.webp?v=1779163040 1350w,
10770     //drinkolipop.com/cdn/shop/files/classic-grape-9g-olipop_gallery-image_single-can_new_asset_1980x.webp?v=1779163040 1728w,
10771     //drinkolipop.com/cdn/shop/files/classic-grape-9g-olipop_gallery-image_single-can_new_asset_2160x.webp?v=1779163040 1920w,
10772     //drinkolipop.com/cdn/shop/files/classic-grape-9g-olipop_gallery-image_single-can_new_asset_2880x.webp?v=1779163040 2560w,
10773     //drinkolipop.com/cdn/shop/files/classic-grape-9g-olipop_gallery-image_single-can_new_asset_4096x.webp?v=1779163040 3072w
10774  "
10775  data-src="//drinkolipop.com/cdn/shop/files/classic-grape-9g-olipop_gallery-image_single-can_new_asset_360x.webp?v=1779163040"
10776  data-optimumx="auto"
10777  data-sizes="auto"
10778  data-parent-fit="contain"
10779  width="100%"
10780  height="100%"
10781  class="lazyload tw-h-full tw-w-full tw-object-contain"
10782  data-aspectratio="0.7605263157894737"
10783  alt="Classic Grape"
10784  
10785>
10786
10787      </div>
10788
10789      
10790        <div class="tw-pointer-events-none tw-absolute tw-inset-0 tw-z-[2] tw-hidden lg:tw-block" data-hover-wave-card>
10791          <div class="tw-absolute tw-inset-0 tw-flex tw-items-end tw-overflow-hidden">
10792            <div class="tw-relative tw-h-full tw-w-full">
10793              <div class="tw-absolute tw-inset-x-0 tw-bottom-0 tw-h-full tw-overflow-hidden">
10794                <svg
10795                  class="tw-h-full tw-w-full"
10796                  viewBox="0 0 314 314"
10797                  fill="none"
10798                  xmlns="http://www.w3.org/2000/svg"
10799                  xmlns:xlink="http://www.w3.org/1999/xlink"
10800                  preserveAspectRatio="xMidYMid meet"
10801                >
10802                  <defs>
10803                    <clipPath id="clip-hover-wave-6866436948127-template--24009561342111__collection_hybrid_meta_ALe7xC" clipPathUnits="userSpaceOnUse">
10804                      <path
10805                        data-hover-wave-path
10806                        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"
10807                      />
10808                    </clipPath>
10809                  </defs>
10810                  <image
10811                    href="//drinkolipop.com/cdn/shop/files/CG-TOP_new_asset.png?v=1779114686&width=1440"
10812                    xlink:href="//drinkolipop.com/cdn/shop/files/CG-TOP_new_asset.png?v=1779114686&width=1440"
10813                    x="0"
10814                    y="0"
10815                    width="314"
10816                    height="314"
10817                    preserveAspectRatio="xMidYMax slice"
10818                    clip-path="url(#clip-hover-wave-6866436948127-template--24009561342111__collection_hybrid_meta_ALe7xC)"
10819                  />
10820                </svg>
10821              </div>
10822            </div>
10823          </div>
10824        </div>
10825      
10826    </a>
10827
10828    
10829      <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">
10830        
10831          <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">
10832            <input type="hidden" name="id" value="40304921542815">
10833            <input type="hidden" name="quantity" value="1">
10834            <button
10835              type="submit"
10836              name="add"
10837              data-add-to-cart
10838              data-product-card-cta
10839              aria-label="Add 12 Pack- Classic Grape"
10840              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"
10841            >
10842              Add 12 Pack
10843            </button>
10844          </form>
10845        
10846      </div>
10847  </div>
10848  <!-- ./End Image Container -->
10849
10850  <!-- Text Container -->
10851  <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">
10852    
10853      <div class="tw-flex tw-min-h-[16px] tw-items-center tw-justify-center">
10854        <div
10855          data-bv-show="inline_rating"
10856          data-bv-product-id="6866436948127"
10857          class="bazaarvoice-product-summary bazaarvoice-product-summary--big product-card__inline-rating"
10858        ></div>
10859      </div>
10860    
10861
10862    <p class="tw-min-h-[25px] tw-font-body tw-text-[14px] tw-font-normal tw-leading-[180%] tw-text-[#0A3128] tw-mt-[3px]">
10863      
10864        9g Fiber
10865      
10866    </p>
10867
10868    <p class="tw-text-[16px] tw-leading-[140%]" role="heading" aria-level="3">
10869      <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
10869px] tw-font-bold tw-leading-[140%] tw-text-[#034638]">
10870        Classic Grape
10871      </a>
10872    </p>
10873
10874    
10875      <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">
10876        <input type="hidden" name="id" value="40304921542815">
10877        <input type="hidden" name="quantity" value="1">
10878        <button
10879          type="submit"
10880          name="add"
10881          data-add-to-cart
10882          data-product-card-cta
10883          aria-label="Add 12 Pack- Classic Grape"
10884          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"
10885        >
10886          Add 12 Pack
10887        </button>
10888      </form>
10889    
10890  </div>
10891  <!-- ./End Text Container -->
10892</div>
10893
10894
10895
10896
10897
10898
10899
10900
10901
10902
10903
10904
10905
10906
10907
10908
10909
10910
10911
10912
10913
10914
10915
10916
10917
10918
10919
10920
10921
10922
10923
10924
10925
10926<div
10927  class="product-card tw-relative tw-group tw-grid tw-h-full tw-w-full tw-overflow-visible focus:tw-ring-2"
10928  style="grid-template-rows: max-content 1fr"
10929>
10930
10931  
10932
10933
10934  <!-- Image Container -->
10935  <div class="tw-relative tw-w-full">
10936    <a
10937      href="/products/classic-root-beer"
10938      
10939      aria-label="Shop Now- Classic Root Beer"
10940      class="tw-block tw-relative tw-mx-auto tw-w-full tw-max-w-[314px] tw-aspect-square tw-overflow-hidden tw-rounded-2xl"
10941    >
10942      
10943
10944      <div class="tw-relative tw-z-[1] tw-mx-auto tw-flex tw-h-full tw-w-full tw-items-center tw-justify-center">
10945        
10946<img
10947  src="//drinkolipop.com/cdn/shop/files/classic-root-beer-9g-olipop_gallery-image_single-can_new_asset_1x.webp?v=1779161742"
10948  data-srcset="//drinkolipop.com/cdn/shop/files/classic-root-beer-9g-olipop_gallery-image_single-can_new_asset_480x.webp?v=1779161742 240w,
10949     //drinkolipop.com/cdn/shop/files/classic-root-beer-9g-olipop_gallery-image_single-can_new_asset_720x.webp?v=1779161742 360w,
10950     //drinkolipop.com/cdn/shop/files/classic-root-beer-9g-olipop_gallery-image_single-can_new_asset_1080x.webp?v=1779161742 540w,
10951     //drinkolipop.com/cdn/shop/files/classic-root-beer-9g-olipop_gallery-image_single-can_new_asset_1440x.webp?v=1779161742 720w,
10952     //drinkolipop.com/cdn/shop/files/classic-root-beer-9g-olipop_gallery-image_single-can_new_asset_1350x.webp?v=1779161742 900w,
10953     //drinkolipop.com/cdn/shop/files/classic-root-beer-9g-olipop_gallery-image_single-can_new_asset_1512x.webp?v=1779161742 1080w,
10954     //drinkolipop.com/cdn/shop/files/classic-root-beer-9g-olipop_gallery-image_single-can_new_asset_1728x.webp?v=1779161742 1296w,
10955     //drinkolipop.com/cdn/shop/files/classic-root-beer-9g-olipop_gallery-image_single-can_new_asset_1920x.webp?v=1779161742 1350w,
10956     //drinkolipop.com/cdn/shop/files/classic-root-beer-9g-olipop_gallery-image_single-can_new_asset_1980x.webp?v=1779161742 1728w,
10957     //drinkolipop.com/cdn/shop/files/classic-root-beer-9g-olipop_gallery-image_single-can_new_asset_2160x.webp?v=1779161742 1920w,
10958     //drinkolipop.com/cdn/shop/files/classic-root-beer-9g-olipop_gallery-image_single-can_new_asset_2880x.webp?v=1779161742 2560w,
10959     //drinkolipop.com/cdn/shop/files/classic-root-beer-9g-olipop_gallery-image_single-can_new_asset_4096x.webp?v=1779161742 3072w
10960  "
10961  data-src="//drinkolipop.com/cdn/shop/files/classic-root-beer-9g-olipop_gallery-image_single-can_new_asset_360x.webp?v=1779161742"
10962  data-optimumx="auto"
10963  data-sizes="auto"
10964  data-parent-fit="contain"
10965  width="100%"
10966  height="100%"
10967  class="lazyload tw-h-full tw-w-full tw-object-contain"
10968  data-aspectratio="0.7605263157894737"
10969  alt="Classic Root Beer"
10970  
10971>
10972
10973      </div>
10974
10975      
10976        <div class="tw-pointer-events-none tw-absolute tw-inset-0 tw-z-[2] tw-hidden lg:tw-block" data-hover-wave-card>
10977          <div class="tw-absolute tw-inset-0 tw-flex tw-items-end tw-overflow-hidden">
10978            <div class="tw-relative tw-h-full tw-w-full">
10979              <div class="tw-absolute tw-inset-x-0 tw-bottom-0 tw-h-full tw-overflow-hidden">
10980                <svg
10981                  class="tw-h-full tw-w-full"
10982                  viewBox="0 0 314 314"
10983                  fill="none"
10984                  xmlns="http://www.w3.org/2000/svg"
10985                  xmlns:xlink="http://www.w3.org/1999/xlink"
10986                  preserveAspectRatio="xMidYMid meet"
10987                >
10988                  <defs>
10989                    <clipPath id="clip-hover-wave-4350717460544-template--24009561342111__collection_hybrid_meta_ALe7xC" clipPathUnits="userSpaceOnUse">
10990                      <path
10991                        data-hover-wave-path
10992                        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"
10993                      />
10994                    </clipPath>
10995                  </defs>
10996                  <image
10997                    href="//drinkolipop.com/cdn/shop/products/CRB-BOTTOM1_new_asset.png?v=1779075161&width=1440"
10998                    xlink:href="//drinkolipop.com/cdn/shop/products/CRB-BOTTOM1_new_asset.png?v=1779075161&width=1440"
10999                    x="0"
11000                    y="0"
11001                    width="314"
11002                    height="314"
11003                    preserveAspectRatio="xMidYMax slice"
11004                    clip-path="url(#clip-hover-wave-4350717460544-template--24009561342111__collection_hybrid_meta_ALe7xC)"
11005                  />
11006                </svg>
11007              </div>
11008            </div>
11009          </div>
11010        </div>
11011      
11012    </a>
11013
11014    
11015      <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">
11016        
11017          <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">
11018            <input type="hidden" name="id" value="31199447679040">
11019            <input type="hidden" name="quantity" value="1">
11020            <button
11021              type="submit"
11022              name="add"
11023              data-add-to-cart
11024              data-product-card-cta
11025              aria-label="Add 12 Pack- Classic Root Beer"
11026              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"
11027            >
11028              Add 12 Pack
11029            </button>
11030          </form>
11031        
11032      </div>
11033  </div>
11034  <!-- ./End Image Container -->
11035
11036  <!-- Text Container -->
11037  <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">
11038    
11039      <div class="tw-flex tw-min-h-[16px] tw-items-center tw-justify-center">
11040        <div
11041          data-bv-show="inline_rating"
11042          data-bv-product-id="4350717460544"
11043          class="bazaarvoice-product-summary bazaarvoice-product-summary--big product-card__inline-rating"
11044        ></div>
11045      </div>
11046    
11047
11048    <p class="tw-min-h-[25px] tw-font-body tw-text-[14px] tw-font-normal tw-leading-[180%] tw-text-[#0A3128] tw-mt-[3px]">
11049      
11050        9g Fiber
11051      
11052    </p>
11053
11054    <p class="tw-text-[16px] tw-leading-[140%]" role="heading" aria-level="3">
11055      <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
11055px] tw-font-bold tw-leading-[140%] tw-text-[#034638]">
11056        Classic Root Beer
11057      </a>
11058    </p>
11059
11060    
11061      <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">
11062        <input type="hidden" name="id" value="31199447679040">
11063        <input type="hidden" name="quantity" value="1">
11064        <button
11065          type="submit"
11066          name="add"
11067          data-add-to-cart
11068          data-product-card-cta
11069          aria-label="Add 12 Pack- Classic Root Beer"
11070          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"
11071        >
11072          Add 12 Pack
11073        </button>
11074      </form>
11075    
11076  </div>
11077  <!-- ./End Text Container -->
11078</div>
11079
11080
11081
11082
11083
11084
11085
11086
11087
11088
11089
11090
11091
11092
11093
11094
11095
11096
11097
11098
11099
11100
11101
11102
11103
11104
11105
11106
11107
11108
11109
11110
11111
11112<div
11113  class="product-card tw-relative tw-group tw-grid tw-h-full tw-w-full tw-overflow-visible focus:tw-ring-2"
11114  style="grid-template-rows: max-content 1fr"
11115>
11116
11117  
11118
11119
11120  <!-- Image Container -->
11121  <div class="tw-relative tw-w-full">
11122    <a
11123      href="/products/vintage-cola"
11124      
11125      aria-label="Shop Now- Vintage Cola"
11126      class="tw-block tw-relative tw-mx-auto tw-w-full tw-max-w-[314px] tw-aspect-square tw-overflow-hidden tw-rounded-2xl"
11127    >
11128      
11129
11130      <div class="tw-relative tw-z-[1] tw-mx-auto tw-flex tw-h-full tw-w-full tw-items-center tw-justify-center">
11131        
11132<img
11133  src="//drinkolipop.com/cdn/shop/files/vintage-cola-9g-olipop_gallery-image_single-can_new_asset_1x.webp?v=1779161590"
11134  data-srcset="//drinkolipop.com/cdn/shop/files/vintage-cola-9g-olipop_gallery-image_single-can_new_asset_480x.webp?v=1779161590 240w,
11135     //drinkolipop.com/cdn/shop/files/vintage-cola-9g-olipop_gallery-image_single-can_new_asset_720x.webp?v=1779161590 360w,
11136     //drinkolipop.com/cdn/shop/files/vintage-cola-9g-olipop_gallery-image_single-can_new_asset_1080x.webp?v=1779161590 540w,
11137     //drinkolipop.com/cdn/shop/files/vintage-cola-9g-olipop_gallery-image_single-can_new_asset_1440x.webp?v=1779161590 720w,
11138     //drinkolipop.com/cdn/shop/files/vintage-cola-9g-olipop_gallery-image_single-can_new_asset_1350x.webp?v=1779161590 900w,
11139     //drinkolipop.com/cdn/shop/files/vintage-cola-9g-olipop_gallery-image_single-can_new_asset_1512x.webp?v=1779161590 1080w,
11140     //drinkolipop.com/cdn/shop/files/vintage-cola-9g-olipop_gallery-image_single-can_new_asset_1728x.webp?v=1779161590 1296w,
11141     //drinkolipop.com/cdn/shop/files/vintage-cola-9g-olipop_gallery-image_single-can_new_asset_1920x.webp?v=1779161590 1350w,
11142     //drinkolipop.com/cdn/shop/files/vintage-cola-9g-olipop_gallery-image_single-can_new_asset_1980x.webp?v=1779161590 1728w,
11143     //drinkolipop.com/cdn/shop/files/vintage-cola-9g-olipop_gallery-image_single-can_new_asset_2160x.webp?v=1779161590 1920w,
11144     //drinkolipop.com/cdn/shop/files/vintage-cola-9g-olipop_gallery-image_single-can_new_asset_2880x.webp?v=1779161590 2560w,
11145     //drinkolipop.com/cdn/shop/files/vintage-cola-9g-olipop_gallery-image_single-can_new_asset_4096x.webp?v=1779161590 3072w
11146  "
11147  data-src="//drinkolipop.com/cdn/shop/files/vintage-cola-9g-olipop_gallery-image_single-can_new_asset_360x.webp?v=1779161590"
11148  data-optimumx="auto"
11149  data-sizes="auto"
11150  data-parent-fit="contain"
11151  width="100%"
11152  height="100%"
11153  class="lazyload tw-h-full tw-w-full tw-object-contain"
11154  data-aspectratio="0.7605263157894737"
11155  alt="Vintage Cola"
11156  
11157>
11158
11159      </div>
11160
11161      
11162        <div class="tw-pointer-events-none tw-absolute tw-inset-0 tw-z-[2] tw-hidden lg:tw-block" data-hover-wave-card>
11163          <div class="tw-absolute tw-inset-0 tw-flex tw-items-end tw-overflow-hidden">
11164            <div class="tw-relative tw-h-full tw-w-full">
11165              <div class="tw-absolute tw-inset-x-0 tw-bottom-0 tw-h-full tw-overflow-hidden">
11166                <svg
11167                  class="tw-h-full tw-w-full"
11168                  viewBox="0 0 314 314"
11169                  fill="none"
11170                  xmlns="http://www.w3.org/2000/svg"
11171                  xmlns:xlink="http://www.w3.org/1999/xlink"
11172                  preserveAspectRatio="xMidYMid meet"
11173                >
11174                  <defs>
11175                    <clipPath id="clip-hover-wave-3818023125062-template--24009561342111__collection_hybrid_meta_ALe7xC" clipPathUnits="userSpaceOnUse">
11176                      <path
11177                        data-hover-wave-path
11178                        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"
11179                      />
11180                    </clipPath>
11181                  </defs>
11182                  <image
11183                    href="//drinkolipop.com/cdn/shop/products/VC-BOTTOM1_new_asset.png?v=1779112097&width=1440"
11184                    xlink:href="//drinkolipop.com/cdn/shop/products/VC-BOTTOM1_new_asset.png?v=1779112097&width=1440"
11185                    x="0"
11186                    y="0"
11187                    width="314"
11188                    height="314"
11189                    preserveAspectRatio="xMidYMax slice"
11190                    clip-path="url(#clip-hover-wave-3818023125062-template--24009561342111__collection_hybrid_meta_ALe7xC)"
11191                  />
11192                </svg>
11193              </div>
11194            </div>
11195          </div>
11196        </div>
11197      
11198    </a>
11199
11200    
11201      <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">
11202        
11203          <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">
11204            <input type="hidden" name="id" value="30315238260806">
11205            <input type="hidden" name="quantity" value="1">
11206            <button
11207              type="submit"
11208              name="add"
11209              data-add-to-cart
11210              data-product-card-cta
11211              aria-label="Add 12 Pack- Vintage Cola"
11212              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"
11213            >
11214              Add 12 Pack
11215            </button>
11216          </form>
11217        
11218      </div>
11219  </div>
11220  <!-- ./End Image Container -->
11221
11222  <!-- Text Container -->
11223  <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">
11224    
11225      <div class="tw-flex tw-min-h-[16px] tw-items-center tw-justify-center">
11226        <div
11227          data-bv-show="inline_rating"
11228          data-bv-product-id="3818023125062"
11229          class="bazaarvoice-product-summary bazaarvoice-product-summary--big product-card__inline-rating"
11230        ></div>
11231      </div>
11232    
11233
11234    <p class="tw-min-h-[25px] tw-font-body tw-text-[14px] tw-font-normal tw-leading-[180%] tw-text-[#0A3128] tw-mt-[3px]">
11235      
11236        9g Fiber
11237      
11238    </p>
11239
11240    <p class="tw-text-[16px] tw-leading-[140%]" role="heading" aria-level="3">
11241      <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
11241px] tw-font-bold tw-leading-[140%] tw-text-[#034638]">
11242        Vintage Cola
11243      </a>
11244    </p>
11245
11246    
11247      <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">
11248        <input type="hidden" name="id" value="30315238260806">
11249        <input type="hidden" name="quantity" value="1">
11250        <button
11251          type="submit"
11252          name="add"
11253          data-add-to-cart
11254          data-product-card-cta
11255          aria-label="Add 12 Pack- Vintage Cola"
11256          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"
11257        >
11258          Add 12 Pack
11259        </button>
11260      </form>
11261    
11262  </div>
11263  <!-- ./End Text Container -->
11264</div>
11265
11266
11267
11268
11269
11270
11271
11272
11273
11274
11275
11276
11277
11278
11279
11280
11281
11282
11283
11284
11285
11286
11287
11288
11289
11290
11291
11292
11293
11294
11295
11296
11297
11298<div
11299  class="product-card tw-relative tw-group tw-grid tw-h-full tw-w-full tw-overflow-visible focus:tw-ring-2"
11300  style="grid-template-rows: max-content 1fr"
11301>
11302
11303  
11304
11305
11306  <!-- Image Container -->
11307  <div class="tw-relative tw-w-full">
11308    <a
11309      href="/products/cream-soda"
11310      
11311      aria-label="Shop Now- Cream Soda"
11312      class="tw-block tw-relative tw-mx-auto tw-w-full tw-max-w-[314px] tw-aspect-square tw-overflow-hidden tw-rounded-2xl"
11313    >
11314      
11315
11316      <div class="tw-relative tw-z-[1] tw-mx-auto tw-flex tw-h-full tw-w-full tw-items-center tw-justify-center">
11317        
11318<img
11319  src="//drinkolipop.com/cdn/shop/files/cream-soda-9g-olipop_gallery-image_single-can_new_asset_1x.webp?v=1779163263"
11320  data-srcset="//drinkolipop.com/cdn/shop/files/cream-soda-9g-olipop_gallery-image_single-can_new_asset_480x.webp?v=1779163263 240w,
11321     //drinkolipop.com/cdn/shop/files/cream-soda-9g-olipop_gallery-image_single-can_new_asset_720x.webp?v=1779163263 360w,
11322     //drinkolipop.com/cdn/shop/files/cream-soda-9g-olipop_gallery-image_single-can_new_asset_1080x.webp?v=1779163263 540w,
11323     //drinkolipop.com/cdn/shop/files/cream-soda-9g-olipop_gallery-image_single-can_new_asset_1440x.webp?v=1779163263 720w,
11324     //drinkolipop.com/cdn/shop/files/cream-soda-9g-olipop_gallery-image_single-can_new_asset_1350x.webp?v=1779163263 900w,
11325     //drinkolipop.com/cdn/shop/files/cream-soda-9g-olipop_gallery-image_single-can_new_asset_1512x.webp?v=1779163263 1080w,
11326     //drinkolipop.com/cdn/shop/files/cream-soda-9g-olipop_gallery-image_single-can_new_asset_1728x.webp?v=1779163263 1296w,
11327     //drinkolipop.com/cdn/shop/files/cream-soda-9g-olipop_gallery-image_single-can_new_asset_1920x.webp?v=1779163263 1350w,
11328     //drinkolipop.com/cdn/shop/files/cream-soda-9g-olipop_gallery-image_single-can_new_asset_1980x.webp?v=1779163263 1728w,
11329     //drinkolipop.com/cdn/shop/files/cream-soda-9g-olipop_gallery-image_single-can_new_asset_2160x.webp?v=1779163263 1920w,
11330     //drinkolipop.com/cdn/shop/files/cream-soda-9g-olipop_gallery-image_single-can_new_asset_2880x.webp?v=1779163263 2560w,
11331     //drinkolipop.com/cdn/shop/files/cream-soda-9g-olipop_gallery-image_single-can_new_asset_4096x.webp?v=1779163263 3072w
11332  "
11333  data-src="//drinkolipop.com/cdn/shop/files/cream-soda-9g-olipop_gallery-image_single-can_new_asset_360x.webp?v=1779163263"
11334  data-optimumx="auto"
11335  data-sizes="auto"
11336  data-parent-fit="contain"
11337  width="100%"
11338  height="100%"
11339  class="lazyload tw-h-full tw-w-full tw-object-contain"
11340  data-aspectratio="0.7605263157894737"
11341  alt="Cream Soda"
11342  
11343>
11344
11345      </div>
11346
11347      
11348        <div class="tw-pointer-events-none tw-absolute tw-inset-0 tw-z-[2] tw-hidden lg:tw-block" data-hover-wave-card>
11349          <div class="tw-absolute tw-inset-0 tw-flex tw-items-end tw-overflow-hidden">
11350            <div class="tw-relative tw-h-full tw-w-full">
11351              <div class="tw-absolute tw-inset-x-0 tw-bottom-0 tw-h-full tw-overflow-hidden">
11352                <svg
11353                  class="tw-h-full tw-w-full"
11354                  viewBox="0 0 314 314"
11355                  fill="none"
11356                  xmlns="http://www.w3.org/2000/svg"
11357                  xmlns:xlink="http://www.w3.org/1999/xlink"
11358                  preserveAspectRatio="xMidYMid meet"
11359                >
11360                  <defs>
11361                    <clipPath id="clip-hover-wave-7413651636383-template--24009561342111__collection_hybrid_meta_ALe7xC" clipPathUnits="userSpaceOnUse">
11362                      <path
11363                        data-hover-wave-path
11364                        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"
11365                      />
11366                    </clipPath>
11367                  </defs>
11368                  <image
11369                    href="//drinkolipop.com/cdn/shop/products/CS-TOP.png?v=1779075525&width=1440"
11370                    xlink:href="//drinkolipop.com/cdn/shop/products/CS-TOP.png?v=1779075525&width=1440"
11371                    x="0"
11372                    y="0"
11373                    width="314"
11374                    height="314"
11375                    preserveAspectRatio="xMidYMax slice"
11376                    clip-path="url(#clip-hover-wave-7413651636383-template--24009561342111__collection_hybrid_meta_ALe7xC)"
11377                  />
11378                </svg>
11379              </div>
11380            </div>
11381          </div>
11382        </div>
11383      
11384    </a>
11385
11386    
11387      <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">
11388        
11389          <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">
11390            <input type="hidden" name="id" value="42284980666527">
11391            <input type="hidden" name="quantity" value="1">
11392            <button
11393              type="submit"
11394              name="add"
11395              data-add-to-cart
11396              data-product-card-cta
11397              aria-label="Add 12 Pack- Cream Soda"
11398              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"
11399            >
11400              Add 12 Pack
11401            </button>
11402          </form>
11403        
11404      </div>
11405  </div>
11406  <!-- ./End Image Container -->
11407
11408  <!-- Text Container -->
11409  <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">
11410    
11411      <div class="tw-flex tw-min-h-[16px] tw-items-center tw-justify-center">
11412        <div
11413          data-bv-show="inline_rating"
11414          data-bv-product-id="7413651636383"
11415          class="bazaarvoice-product-summary bazaarvoice-product-summary--big product-card__inline-rating"
11416        ></div>
11417      </div>
11418    
11419
11420    <p class="tw-min-h-[25px] tw-font-body tw-text-[14px] tw-font-normal tw-leading-[180%] tw-text-[#0A3128] tw-mt-[3px]">
11421      
11422        9g Fiber
11423      
11424    </p>
11425
11426    <p class="tw-text-[16px] tw-leading-[140%]" role="heading" aria-level="3">
11427      <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
11427px] tw-font-bold tw-leading-[140%] tw-text-[#034638]">
11428        Cream Soda
11429      </a>
11430    </p>
11431
11432    
11433      <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">
11434        <input type="hidden" name="id" value="42284980666527">
11435        <input type="hidden" name="quantity" value="1">
11436        <button
11437          type="submit"
11438          name="add"
11439          data-add-to-cart
11440          data-product-card-cta
11441          aria-label="Add 12 Pack- Cream Soda"
11442          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"
11443        >
11444          Add 12 Pack
11445        </button>
11446      </form>
11447    
11448  </div>
11449  <!-- ./End Text Container -->
11450</div>
11451
11452
11453
11454
11455
11456
11457
11458
11459
11460
11461
11462
11463
11464
11465
11466
11467
11468
11469
11470
11471
11472
11473
11474
11475
11476
11477
11478
11479
11480
11481
11482
11483
11484<div
11485  class="product-card tw-relative tw-group tw-grid tw-h-full tw-w-full tw-overflow-visible focus:tw-ring-2"
11486  style="grid-template-rows: max-content 1fr"
11487>
11488
11489  
11490
11491
11492  <!-- Image Container -->
11493  <div class="tw-relative tw-w-full">
11494    <a
11495      href="/products/strawberry-vanilla"
11496      
11497      aria-label="Shop Now- Strawberry Vanilla"
11498      class="tw-block tw-relative tw-mx-auto tw-w-full tw-max-w-[314px] tw-aspect-square tw-overflow-hidden tw-rounded-2xl"
11499    >
11500      
11501
11502      <div class="tw-relative tw-z-[1] tw-mx-auto tw-flex tw-h-full tw-w-full tw-items-center tw-justify-center">
11503        
11504<img
11505  src="//drinkolipop.com/cdn/shop/files/strawberry-vanilla-9g-olipop_gallery-main-image_new_asset_1x.webp?v=1779161007"
11506  data-srcset="//drinkolipop.com/cdn/shop/files/strawberry-vanilla-9g-olipop_gallery-main-image_new_asset_480x.webp?v=1779161007 240w,
11507     //drinkolipop.com/cdn/shop/files/strawberry-vanilla-9g-olipop_gallery-main-image_new_asset_720x.webp?v=1779161007 360w,
11508     //drinkolipop.com/cdn/shop/files/strawberry-vanilla-9g-olipop_gallery-main-image_new_asset_1080x.webp?v=1779161007 540w,
11509     //drinkolipop.com/cdn/shop/files/strawberry-vanilla-9g-olipop_gallery-main-image_new_asset_1440x.webp?v=1779161007 720w,
11510     //drinkolipop.com/cdn/shop/files/strawberry-vanilla-9g-olipop_gallery-main-image_new_asset_1350x.webp?v=1779161007 900w,
11511     //drinkolipop.com/cdn/shop/files/strawberry-vanilla-9g-olipop_gallery-main-image_new_asset_1512x.webp?v=1779161007 1080w,
11512     //drinkolipop.com/cdn/shop/files/strawberry-vanilla-9g-olipop_gallery-main-image_new_asset_1728x.webp?v=1779161007 1296w,
11513     //drinkolipop.com/cdn/shop/files/strawberry-vanilla-9g-olipop_gallery-main-image_new_asset_1920x.webp?v=1779161007 1350w,
11514     //drinkolipop.com/cdn/shop/files/strawberry-vanilla-9g-olipop_gallery-main-image_new_asset_1980x.webp?v=1779161007 1728w,
11515     //drinkolipop.com/cdn/shop/files/strawberry-vanilla-9g-olipop_gallery-main-image_new_asset_2160x.webp?v=1779161007 1920w,
11516     //drinkolipop.com/cdn/shop/files/strawberry-vanilla-9g-olipop_gallery-main-image_new_asset_2880x.webp?v=1779161007 2560w,
11517     //drinkolipop.com/cdn/shop/files/strawberry-vanilla-9g-olipop_gallery-main-image_new_asset_4096x.webp?v=1779161007 3072w
11518  "
11519  data-src="//drinkolipop.com/cdn/shop/files/strawberry-vanilla-9g-olipop_gallery-main-image_new_asset_360x.webp?v=1779161007"
11520  data-optimumx="auto"
11521  data-sizes="auto"
11522  data-parent-fit="contain"
11523  width="100%"
11524  height="100%"
11525  class="lazyload tw-h-full tw-w-full tw-object-contain"
11526  data-aspectratio="0.7605263157894737"
11527  alt="Strawberry Vanilla"
11528  
11529>
11530
11531      </div>
11532
11533      
11534        <div class="tw-pointer-events-none tw-absolute tw-inset-0 tw-z-[2] tw-hidden lg:tw-block" data-hover-wave-card>
11535          <div class="tw-absolute tw-inset-0 tw-flex tw-items-end tw-overflow-hidden">
11536            <div class="tw-relative tw-h-full tw-w-full">
11537              <div class="tw-absolute tw-inset-x-0 tw-bottom-0 tw-h-full tw-overflow-hidden">
11538                <svg
11539                  class="tw-h-full tw-w-full"
11540                  viewBox="0 0 314 314"
11541                  fill="none"
11542                  xmlns="http://www.w3.org/2000/svg"
11543                  xmlns:xlink="http://www.w3.org/1999/xlink"
11544                  preserveAspectRatio="xMidYMid meet"
11545                >
11546                  <defs>
11547                    <clipPath id="clip-hover-wave-3818021027910-template--24009561342111__collection_hybrid_meta_ALe7xC" clipPathUnits="userSpaceOnUse">
11548                      <path
11549                        data-hover-wave-path
11550                        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"
11551                      />
11552                    </clipPath>
11553                  </defs>
11554                  <image
11555                    href="//drinkolipop.com/cdn/shop/products/SV-TOP.png?v=1750220822&width=1440"
11556                    xlink:href="//drinkolipop.com/cdn/shop/products/SV-TOP.png?v=1750220822&width=1440"
11557                    x="0"
11558                    y="0"
11559                    width="314"
11560                    height="314"
11561                    preserveAspectRatio="xMidYMax slice"
11562                    clip-path="url(#clip-hover-wave-3818021027910-template--24009561342111__collection_hybrid_meta_ALe7xC)"
11563                  />
11564                </svg>
11565              </div>
11566            </div>
11567          </div>
11568        </div>
11569      
11570    </a>
11571
11572    
11573      <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">
11574        
11575          <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">
11576            <input type="hidden" name="id" value="30315220959302">
11577            <input type="hidden" name="quantity" value="1">
11578            <button
11579              type="submit"
11580              name="add"
11581              data-add-to-cart
11582              data-product-card-cta
11583              aria-label="Add 12 Pack- Strawberry Vanilla"
11584              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"
11585            >
11586              Add 12 Pack
11587            </button>
11588          </form>
11589        
11590      </div>
11591  </div>
11592  <!-- ./End Image Container -->
11593
11594  <!-- Text Container -->
11595  <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">
11596    
11597      <div class="tw-flex tw-min-h-[16px] tw-items-center tw-justify-center">
11598        <div
11599          data-bv-show="inline_rating"
11600          data-bv-product-id="3818021027910"
11601          class="bazaarvoice-product-summary bazaarvoice-product-summary--big product-card__inline-rating"
11602        ></div>
11603      </div>
11604    
11605
11606    <p class="tw-min-h-[25px] tw-font-body tw-text-[14px] tw-font-normal tw-leading-[180%] tw-text-[#0A3128] tw-mt-[3px]">
11607      
11608        9g Fiber
11609      
11610    </p>
11611
11612    <p class="tw-text-[16px] tw-leading-[140%]" role="heading" aria-level="3">
11613      <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
11613px] tw-font-bold tw-leading-[140%] tw-text-[#034638]">
11614        Strawberry Vanilla
11615      </a>
11616    </p>
11617
11618    
11619      <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">
11620        <input type="hidden" name="id" value="30315220959302">
11621        <input type="hidden" name="quantity" value="1">
11622        <button
11623          type="submit"
11624          name="add"
11625          data-add-to-cart
11626          data-product-card-cta
11627          aria-label="Add 12 Pack- Strawberry Vanilla"
11628          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"
11629        >
11630          Add 12 Pack
11631        </button>
11632      </form>
11633    
11634  </div>
11635  <!-- ./End Text Container -->
11636</div>
11637
11638
11639
11640
11641
11642
11643
11644
11645
11646
11647
11648
11649
11650
11651
11652
11653
11654
11655
11656
11657
11658
11659
11660
11661
11662
11663
11664
11665
11666
11667
11668
11669
11670<div
11671  class="product-card tw-relative tw-group tw-grid tw-h-full tw-w-full tw-overflow-visible focus:tw-ring-2"
11672  style="grid-template-rows: max-content 1fr"
11673>
11674
11675  
11676
11677
11678  <!-- Image Container -->
11679  <div class="tw-relative tw-w-full">
11680    <a
11681      href="/products/cherry-cola"
11682      
11683      aria-label="Shop Now- Cherry Cola"
11684      class="tw-block tw-relative tw-mx-auto tw-w-full tw-max-w-[314px] tw-aspect-square tw-overflow-hidden tw-rounded-2xl"
11685    >
11686      
11687
11688      <div class="tw-relative tw-z-[1] tw-mx-auto tw-flex tw-h-full tw-w-full tw-items-center tw-justify-center">
11689        
11690<img
11691  src="//drinkolipop.com/cdn/shop/files/cherry-cola-9g-olipop_gallery-main-image_new_asset_1x.webp?v=1779163770"
11692  data-srcset="//drinkolipop.com/cdn/shop/files/cherry-cola-9g-olipop_gallery-main-image_new_asset_480x.webp?v=1779163770 240w,
11693     //drinkolipop.com/cdn/shop/files/cherry-cola-9g-olipop_gallery-main-image_new_asset_720x.webp?v=1779163770 360w,
11694     //drinkolipop.com/cdn/shop/files/cherry-cola-9g-olipop_gallery-main-image_new_asset_1080x.webp?v=1779163770 540w,
11695     //drinkolipop.com/cdn/shop/files/cherry-cola-9g-olipop_gallery-main-image_new_asset_1440x.webp?v=1779163770 720w,
11696     //drinkolipop.com/cdn/shop/files/cherry-cola-9g-olipop_gallery-main-image_new_asset_1350x.webp?v=1779163770 900w,
11697     //drinkolipop.com/cdn/shop/files/cherry-cola-9g-olipop_gallery-main-image_new_asset_1512x.webp?v=1779163770 1080w,
11698     //drinkolipop.com/cdn/shop/files/cherry-cola-9g-olipop_gallery-main-image_new_asset_1728x.webp?v=1779163770 1296w,
11699     //drinkolipop.com/cdn/shop/files/cherry-cola-9g-olipop_gallery-main-image_new_asset_1920x.webp?v=1779163770 1350w,
11700     //drinkolipop.com/cdn/shop/files/cherry-cola-9g-olipop_gallery-main-image_new_asset_1980x.webp?v=1779163770 1728w,
11701     //drinkolipop.com/cdn/shop/files/cherry-cola-9g-olipop_gallery-main-image_new_asset_2160x.webp?v=1779163770 1920w,
11702     //drinkolipop.com/cdn/shop/files/cherry-cola-9g-olipop_gallery-main-image_new_asset_2880x.webp?v=1779163770 2560w,
11703     //drinkolipop.com/cdn/shop/files/cherry-cola-9g-olipop_gallery-main-image_new_asset_4096x.webp?v=1779163770 3072w
11704  "
11705  data-src="//drinkolipop.com/cdn/shop/files/cherry-cola-9g-olipop_gallery-main-image_new_asset_360x.webp?v=1779163770"
11706  data-optimumx="auto"
11707  data-sizes="auto"
11708  data-parent-fit="contain"
11709  width="100%"
11710  height="100%"
11711  class="lazyload tw-h-full tw-w-full tw-object-contain"
11712  data-aspectratio="0.7605263157894737"
11713  alt="Cherry Cola"
11714  
11715>
11716
11717      </div>
11718
11719      
11720        <div class="tw-pointer-events-none tw-absolute tw-inset-0 tw-z-[2] tw-hidden lg:tw-block" data-hover-wave-card>
11721          <div class="tw-absolute tw-inset-0 tw-flex tw-items-end tw-overflow-hidden">
11722            <div class="tw-relative tw-h-full tw-w-full">
11723              <div class="tw-absolute tw-inset-x-0 tw-bottom-0 tw-h-full tw-overflow-hidden">
11724                <svg
11725                  class="tw-h-full tw-w-full"
11726                  viewBox="0 0 314 314"
11727                  fill="none"
11728                  xmlns="http://www.w3.org/2000/svg"
11729                  xmlns:xlink="http://www.w3.org/1999/xlink"
11730                  preserveAspectRatio="xMidYMid meet"
11731                >
11732                  <defs>
11733                    <clipPath id="clip-hover-wave-7502145421471-template--24009561342111__collection_hybrid_meta_ALe7xC" clipPathUnits="userSpaceOnUse">
11734                      <path
11735                        data-hover-wave-path
11736                        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"
11737                      />
11738                    </clipPath>
11739                  </defs>
11740                  <image
11741                    href="//drinkolipop.com/cdn/shop/files/cherry-cola-9g-olipop_PDP-AM_new_asset.png?v=1779073740&width=1440"
11742                    xlink:href="//drinkolipop.com/cdn/shop/files/cherry-cola-9g-olipop_PDP-AM_new_asset.png?v=1779073740&width=1440"
11743                    x="0"
11744                    y="0"
11745                    width="314"
11746                    height="314"
11747                    preserveAspectRatio="xMidYMax slice"
11748                    clip-path="url(#clip-hover-wave-7502145421471-template--24009561342111__collection_hybrid_meta_ALe7xC)"
11749                  />
11750                </svg>
11751              </div>
11752            </div>
11753          </div>
11754        </div>
11755      
11756    </a>
11757
11758    
11759      <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">
11760        
11761          <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">
11762            <input type="hidden" name="id" value="42533620777119">
11763            <input type="hidden" name="quantity" value="1">
11764            <button
11765              type="submit"
11766              name="add"
11767              data-add-to-cart
11768              data-product-card-cta
11769              aria-label="Add 12 Pack- Cherry Cola"
11770              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"
11771            >
11772              Add 12 Pack
11773            </button>
11774          </form>
11775        
11776      </div>
11777  </div>
11778  <!-- ./End Image Container -->
11779
11780  <!-- Text Container -->
11781  <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">
11782    
11783      <div class="tw-flex tw-min-h-[16px] tw-items-center tw-justify-center">
11784        <div
11785          data-bv-show="inline_rating"
11786          data-bv-product-id="7502145421471"
11787          class="bazaarvoice-product-summary bazaarvoice-product-summary--big product-card__inline-rating"
11788        ></div>
11789      </div>
11790    
11791
11792    <p class="tw-min-h-[25px] tw-font-body tw-text-[14px] tw-font-normal tw-leading-[180%] tw-text-[#0A3128] tw-mt-[3px]">
11793      
11794        9g Fiber
11795      
11796    </p>
11797
11798    <p class="tw-text-[16px] tw-leading-[140%]" role="heading" aria-level="3">
11799      <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
11799px] tw-font-bold tw-leading-[140%] tw-text-[#034638]">
11800        Cherry Cola
11801      </a>
11802    </p>
11803
11804    
11805      <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">
11806        <input type="hidden" name="id" value="42533620777119">
11807        <input type="hidden" name="quantity" value="1">
11808        <button
11809          type="submit"
11810          name="add"
11811          data-add-to-cart
11812          data-product-card-cta
11813          aria-label="Add 12 Pack- Cherry Cola"
11814          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"
11815        >
11816          Add 12 Pack
11817        </button>
11818      </form>
11819    
11820  </div>
11821  <!-- ./End Text Container -->
11822</div>
11823
11824
11825
11826
11827
11828
11829
11830
11831
11832
11833
11834
11835
11836
11837
11838
11839
11840
11841
11842
11843
11844
11845
11846
11847
11848
11849
11850
11851
11852
11853
11854
11855
11856<div
11857  class="product-card tw-relative tw-group tw-grid tw-h-full tw-w-full tw-overflow-visible focus:tw-ring-2"
11858  style="grid-template-rows: max-content 1fr"
11859>
11860
11861  
11862
11863
11864  <!-- Image Container -->
11865  <div class="tw-relative tw-w-full">
11866    <a
11867      href="/products/orange-cream"
11868      
11869      aria-label="Shop Now- Orange Cream"
11870      class="tw-block tw-relative tw-mx-auto tw-w-full tw-max-w-[314px] tw-aspect-square tw-overflow-hidden tw-rounded-2xl"
11871    >
11872      
11873
11874      <div class="tw-relative tw-z-[1] tw-mx-auto tw-flex tw-h-full tw-w-full tw-items-center tw-justify-center">
11875        
11876<img
11877  src="//drinkolipop.com/cdn/shop/files/orange-cream-9g-olipop_gallery-image_single-can_new_asset_1x.webp?v=1779162789"
11878  data-srcset="//drinkolipop.com/cdn/shop/files/orange-cream-9g-olipop_gallery-image_single-can_new_asset_480x.webp?v=1779162789 240w,
11879     //drinkolipop.com/cdn/shop/files/orange-cream-9g-olipop_gallery-image_single-can_new_asset_720x.webp?v=1779162789 360w,
11880     //drinkolipop.com/cdn/shop/files/orange-cream-9g-olipop_gallery-image_single-can_new_asset_1080x.webp?v=1779162789 540w,
11881     //drinkolipop.com/cdn/shop/files/orange-cream-9g-olipop_gallery-image_single-can_new_asset_1440x.webp?v=1779162789 720w,
11882     //drinkolipop.com/cdn/shop/files/orange-cream-9g-olipop_gallery-image_single-can_new_asset_1350x.webp?v=1779162789 900w,
11883     //drinkolipop.com/cdn/shop/files/orange-cream-9g-olipop_gallery-image_single-can_new_asset_1512x.webp?v=1779162789 1080w,
11884     //drinkolipop.com/cdn/shop/files/orange-cream-9g-olipop_gallery-image_single-can_new_asset_1728x.webp?v=1779162789 1296w,
11885     //drinkolipop.com/cdn/shop/files/orange-cream-9g-olipop_gallery-image_single-can_new_asset_1920x.webp?v=1779162789 1350w,
11886     //drinkolipop.com/cdn/shop/files/orange-cream-9g-olipop_gallery-image_single-can_new_asset_1980x.webp?v=1779162789 1728w,
11887     //drinkolipop.com/cdn/shop/files/orange-cream-9g-olipop_gallery-image_single-can_new_asset_2160x.webp?v=1779162789 1920w,
11888     //drinkolipop.com/cdn/shop/files/orange-cream-9g-olipop_gallery-image_single-can_new_asset_2880x.webp?v=1779162789 2560w,
11889     //drinkolipop.com/cdn/shop/files/orange-cream-9g-olipop_gallery-image_single-can_new_asset_4096x.webp?v=1779162789 3072w
11890  "
11891  data-src="//drinkolipop.com/cdn/shop/files/orange-cream-9g-olipop_gallery-image_single-can_new_asset_360x.webp?v=1779162789"
11892  data-optimumx="auto"
11893  data-sizes="auto"
11894  data-parent-fit="contain"
11895  width="100%"
11896  height="100%"
11897  class="lazyload tw-h-full tw-w-full tw-object-contain"
11898  data-aspectratio="0.7605263157894737"
11899  alt="Orange Cream"
11900  
11901>
11902
11903      </div>
11904
11905      
11906        <div class="tw-pointer-events-none tw-absolute tw-inset-0 tw-z-[2] tw-hidden lg:tw-block" data-hover-wave-card>
11907          <div class="tw-absolute tw-inset-0 tw-flex tw-items-end tw-overflow-hidden">
11908            <div class="tw-relative tw-h-full tw-w-full">
11909              <div class="tw-absolute tw-inset-x-0 tw-bottom-0 tw-h-full tw-overflow-hidden">
11910                <svg
11911                  class="tw-h-full tw-w-full"
11912                  viewBox="0 0 314 314"
11913                  fill="none"
11914                  xmlns="http://www.w3.org/2000/svg"
11915                  xmlns:xlink="http://www.w3.org/1999/xlink"
11916                  preserveAspectRatio="xMidYMid meet"
11917                >
11918                  <defs>
11919                    <clipPath id="clip-hover-wave-6604538577055-template--24009561342111__collection_hybrid_meta_ALe7xC" clipPathUnits="userSpaceOnUse">
11920                      <path
11921                        data-hover-wave-path
11922                        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"
11923                      />
11924                    </clipPath>
11925                  </defs>
11926                  <image
11927                    href="//drinkolipop.com/cdn/shop/files/OC-PDP-Horizontal-Desktop_080725_new_asset.webp?v=1779076926&width=1440"
11928                    xlink:href="//drinkolipop.com/cdn/shop/files/OC-PDP-Horizontal-Desktop_080725_new_asset.webp?v=1779076926&width=1440"
11929                    x="0"
11930                    y="0"
11931                    width="314"
11932                    height="314"
11933                    preserveAspectRatio="xMidYMax slice"
11934                    clip-path="url(#clip-hover-wave-6604538577055-template--24009561342111__collection_hybrid_meta_ALe7xC)"
11935                  />
11936                </svg>
11937              </div>
11938            </div>
11939          </div>
11940        </div>
11941      
11942    </a>
11943
11944    
11945      <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">
11946        
11947          <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">
11948            <input type="hidden" name="id" value="39569001578655">
11949            <input type="hidden" name="quantity" value="1">
11950            <button
11951              type="submit"
11952              name="add"
11953              data-add-to-cart
11954              data-product-card-cta
11955              aria-label="Add 12 Pack- Orange Cream"
11956              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"
11957            >
11958              Add 12 Pack
11959            </button>
11960          </form>
11961        
11962      </div>
11963  </div>
11964  <!-- ./End Image Container -->
11965
11966  <!-- Text Container -->
11967  <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">
11968    
11969      <div class="tw-flex tw-min-h-[16px] tw-items-center tw-justify-center">
11970        <div
11971          data-bv-show="inline_rating"
11972          data-bv-product-id="6604538577055"
11973          class="bazaarvoice-product-summary bazaarvoice-product-summary--big product-card__inline-rating"
11974        ></div>
11975      </div>
11976    
11977
11978    <p class="tw-min-h-[25px] tw-font-body tw-text-[14px] tw-font-normal tw-leading-[180%] tw-text-[#0A3128] tw-mt-[3px]">
11979      
11980        9g Fiber
11981      
11982    </p>
11983
11984    <p class="tw-text-[16px] tw-leading-[140%]" role="heading" aria-level="3">
11985      <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
11985px] tw-font-bold tw-leading-[140%] tw-text-[#034638]">
11986        Orange Cream
11987      </a>
11988    </p>
11989
11990    
11991      <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">
11992        <input type="hidden" name="id" value="39569001578655">
11993        <input type="hidden" name="quantity" value="1">
11994        <button
11995          type="submit"
11996          name="add"
11997          data-add-to-cart
11998          data-product-card-cta
11999          aria-label="Add 12 Pack- Orange Cream"
12000          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"
12001        >
12002          Add 12 Pack
12003        </button>
12004      </form>
12005    
12006  </div>
12007  <!-- ./End Text Container -->
12008</div>
12009
12010
12011
12012
12013
12014
12015
12016
12017
12018
12019
12020
12021
12022
12023
12024
12025
12026
12027
12028
12029
12030
12031
12032
12033
12034
12035
12036
12037
12038
12039
12040
12041
12042<div
12043  class="product-card tw-relative tw-group tw-grid tw-h-full tw-w-full tw-overflow-visible focus:tw-ring-2"
12044  style="grid-template-rows: max-content 1fr"
12045>
12046
12047  
12048
12049
12050  <!-- Image Container -->
12051  <div class="tw-relative tw-w-full">
12052    <a
12053      href="/products/peaches-and-cream"
12054      
12055      aria-label="Shop Now- Peaches & Cream"
12056      class="tw-block tw-relative tw-mx-auto tw-w-full tw-max-w-[314px] tw-aspect-square tw-overflow-hidden tw-rounded-2xl"
12057    >
12058      
12059
12060      <div class="tw-relative tw-z-[1] tw-mx-auto tw-flex tw-h-full tw-w-full tw-items-center tw-justify-center">
12061        
12062<img
12063  src="//drinkolipop.com/cdn/shop/files/peaches-and-cream-9g-olipop_gallery-image_single-can_new_asset_1x.webp?v=1779165117"
12064  data-srcset="//drinkolipop.com/cdn/shop/files/peaches-and-cream-9g-olipop_gallery-image_single-can_new_asset_480x.webp?v=1779165117 240w,
12065     //drinkolipop.com/cdn/shop/files/peaches-and-cream-9g-olipop_gallery-image_single-can_new_asset_720x.webp?v=1779165117 360w,
12066     //drinkolipop.com/cdn/shop/files/peaches-and-cream-9g-olipop_gallery-image_single-can_new_asset_1080x.webp?v=1779165117 540w,
12067     //drinkolipop.com/cdn/shop/files/peaches-and-cream-9g-olipop_gallery-image_single-can_new_asset_1440x.webp?v=1779165117 720w,
12068     //drinkolipop.com/cdn/shop/files/peaches-and-cream-9g-olipop_gallery-image_single-can_new_asset_1350x.webp?v=1779165117 900w,
12069     //drinkolipop.com/cdn/shop/files/peaches-and-cream-9g-olipop_gallery-image_single-can_new_asset_1512x.webp?v=1779165117 1080w,
12070     //drinkolipop.com/cdn/shop/files/peaches-and-cream-9g-olipop_gallery-image_single-can_new_asset_1728x.webp?v=1779165117 1296w,
12071     //drinkolipop.com/cdn/shop/files/peaches-and-cream-9g-olipop_gallery-image_single-can_new_asset_1920x.webp?v=1779165117 1350w,
12072     //drinkolipop.com/cdn/shop/files/peaches-and-cream-9g-olipop_gallery-image_single-can_new_asset_1980x.webp?v=1779165117 1728w,
12073     //drinkolipop.com/cdn/shop/files/peaches-and-cream-9g-olipop_gallery-image_single-can_new_asset_2160x.webp?v=1779165117 1920w,
12074     //drinkolipop.com/cdn/shop/files/peaches-and-cream-9g-olipop_gallery-image_single-can_new_asset_2880x.webp?v=1779165117 2560w,
12075     //drinkolipop.com/cdn/shop/files/peaches-and-cream-9g-olipop_gallery-image_single-can_new_asset_4096x.webp?v=1779165117 3072w
12076  "
12077  data-src="//drinkolipop.com/cdn/shop/files/peaches-and-cream-9g-olipop_gallery-image_single-can_new_asset_360x.webp?v=1779165117"
12078  data-optimumx="auto"
12079  data-sizes="auto"
12080  data-parent-fit="contain"
12081  width="100%"
12082  height="100%"
12083  class="lazyload tw-h-full tw-w-full tw-object-contain"
12084  data-aspectratio="0.7605263157894737"
12085  alt="Peaches &amp; Cream"
12086  
12087>
12088
12089      </div>
12090
12091      
12092        <div class="tw-pointer-events-none tw-absolute tw-inset-0 tw-z-[2] tw-hidden lg:tw-block" data-hover-wave-card>
12093          <div class="tw-absolute tw-inset-0 tw-flex tw-items-end tw-overflow-hidden">
12094            <div class="tw-relative tw-h-full tw-w-full">
12095              <div class="tw-absolute tw-inset-x-0 tw-bottom-0 tw-h-full tw-overflow-hidden">
12096                <svg
12097                  class="tw-h-full tw-w-full"
12098                  viewBox="0 0 314 314"
12099                  fill="none"
12100                  xmlns="http://www.w3.org/2000/svg"
12101                  xmlns:xlink="http://www.w3.org/1999/xlink"
12102                  preserveAspectRatio="xMidYMid meet"
12103                >
12104                  <defs>
12105                    <clipPath id="clip-hover-wave-9247375851679-template--24009561342111__collection_hybrid_meta_ALe7xC" clipPathUnits="userSpaceOnUse">
12106                      <path
12107                        data-hover-wave-path
12108                        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"
12109                      />
12110                    </clipPath>
12111                  </defs>
12112                  <image
12113                    href="//drinkolipop.com/cdn/shop/files/OC-PDP-Horizontal_v2.webp?v=1746116518&width=1440"
12114                    xlink:href="//drinkolipop.com/cdn/shop/files/OC-PDP-Horizontal_v2.webp?v=1746116518&width=1440"
12115                    x="0"
12116                    y="0"
12117                    width="314"
12118                    height="314"
12119                    preserveAspectRatio="xMidYMax slice"
12120                    clip-path="url(#clip-hover-wave-9247375851679-template--24009561342111__collection_hybrid_meta_ALe7xC)"
12121                  />
12122                </svg>
12123              </div>
12124            </div>
12125          </div>
12126        </div>
12127      
12128    </a>
12129
12130    
12131      <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">
12132        
12133          <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">
12134            <input type="hidden" name="id" value="45259076501663">
12135            <input type="hidden" name="quantity" value="1">
12136            <button
12137              type="submit"
12138              name="add"
12139              data-add-to-cart
12140              data-product-card-cta
12141              aria-label="Add 12 Pack- Peaches & Cream"
12142              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"
12143            >
12144              Add 12 Pack
12145            </button>
12146          </form>
12147        
12148      </div>
12149  </div>
12150  <!-- ./End Image Container -->
12151
12152  <!-- Text Container -->
12153  <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">
12154    
12155      <div class="tw-flex tw-min-h-[16px] tw-items-center tw-justify-center">
12156        <div
12157          data-bv-show="inline_rating"
12158          data-bv-product-id="9247375851679"
12159          class="bazaarvoice-product-summary bazaarvoice-product-summary--big product-card__inline-rating"
12160        ></div>
12161      </div>
12162    
12163
12164    <p class="tw-min-h-[25px] tw-font-body tw-text-[14px] tw-font-normal tw-leading-[180%] tw-text-[#0A3128] tw-mt-[3px]">
12165      
12166        9g Fiber
12167      
12168    </p>
12169
12170    <p class="tw-text-[16px] tw-leading-[140%]" role="heading" aria-level="3">
12171      <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
12171px] tw-font-bold tw-leading-[140%] tw-text-[#034638]">
12172        Peaches & Cream
12173      </a>
12174    </p>
12175
12176    
12177      <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">
12178        <input type="hidden" name="id" value="45259076501663">
12179        <input type="hidden" name="quantity" value="1">
12180        <button
12181          type="submit"
12182          name="add"
12183          data-add-to-cart
12184          data-product-card-cta
12185          aria-label="Add 12 Pack- Peaches & Cream"
12186          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"
12187        >
12188          Add 12 Pack
12189        </button>
12190      </form>
12191    
12192  </div>
12193  <!-- ./End Text Container -->
12194</div>
12195
12196
12197
12198
12199
12200
12201
12202
12203
12204
12205
12206
12207
12208
12209
12210
12211
12212
12213
12214
12215
12216
12217
12218
12219
12220
12221
12222
12223
12224
12225
12226
12227
12228<div
12229  class="product-card tw-relative tw-group tw-grid tw-h-full tw-w-full tw-overflow-visible focus:tw-ring-2"
12230  style="grid-template-rows: max-content 1fr"
12231>
12232
12233  
12234
12235
12236  <!-- Image Container -->
12237  <div class="tw-relative tw-w-full">
12238    <a
12239      href="/products/ginger-ale"
12240      
12241      aria-label="Shop Now- Ginger Ale"
12242      class="tw-block tw-relative tw-mx-auto tw-w-full tw-max-w-[314px] tw-aspect-square tw-overflow-hidden tw-rounded-2xl"
12243    >
12244      
12245
12246      <div class="tw-relative tw-z-[1] tw-mx-auto tw-flex tw-h-full tw-w-full tw-items-center tw-justify-center">
12247        
12248<img
12249  src="//drinkolipop.com/cdn/shop/files/ginger-ale-9g-olipop_gallery-image_single-can_new_asset_1x.webp?v=1779164857"
12250  data-srcset="//drinkolipop.com/cdn/shop/files/ginger-ale-9g-olipop_gallery-image_single-can_new_asset_480x.webp?v=1779164857 240w,
12251     //drinkolipop.com/cdn/shop/files/ginger-ale-9g-olipop_gallery-image_single-can_new_asset_720x.webp?v=1779164857 360w,
12252     //drinkolipop.com/cdn/shop/files/ginger-ale-9g-olipop_gallery-image_single-can_new_asset_1080x.webp?v=1779164857 540w,
12253     //drinkolipop.com/cdn/shop/files/ginger-ale-9g-olipop_gallery-image_single-can_new_asset_1440x.webp?v=1779164857 720w,
12254     //drinkolipop.com/cdn/shop/files/ginger-ale-9g-olipop_gallery-image_single-can_new_asset_1350x.webp?v=1779164857 900w,
12255     //drinkolipop.com/cdn/shop/files/ginger-ale-9g-olipop_gallery-image_single-can_new_asset_1512x.webp?v=1779164857 1080w,
12256     //drinkolipop.com/cdn/shop/files/ginger-ale-9g-olipop_gallery-image_single-can_new_asset_1728x.webp?v=1779164857 1296w,
12257     //drinkolipop.com/cdn/shop/files/ginger-ale-9g-olipop_gallery-image_single-can_new_asset_1920x.webp?v=1779164857 1350w,
12258     //drinkolipop.com/cdn/shop/files/ginger-ale-9g-olipop_gallery-image_single-can_new_asset_1980x.webp?v=1779164857 1728w,
12259     //drinkolipop.com/cdn/shop/files/ginger-ale-9g-olipop_gallery-image_single-can_new_asset_2160x.webp?v=1779164857 1920w,
12260     //drinkolipop.com/cdn/shop/files/ginger-ale-9g-olipop_gallery-image_single-can_new_asset_2880x.webp?v=1779164857 2560w,
12261     //drinkolipop.com/cdn/shop/files/ginger-ale-9g-olipop_gallery-image_single-can_new_asset_4096x.webp?v=1779164857 3072w
12262  "
12263  data-src="//drinkolipop.com/cdn/shop/files/ginger-ale-9g-olipop_gallery-image_single-can_new_asset_360x.webp?v=1779164857"
12264  data-optimumx="auto"
12265  data-sizes="auto"
12266  data-parent-fit="contain"
12267  width="100%"
12268  height="100%"
12269  class="lazyload tw-h-full tw-w-full tw-object-contain"
12270  data-aspectratio="0.7605263157894737"
12271  alt="Ginger Ale"
12272  
12273>
12274
12275      </div>
12276
12277      
12278        <div class="tw-pointer-events-none tw-absolute tw-inset-0 tw-z-[2] tw-hidden lg:tw-block" data-hover-wave-card>
12279          <div class="tw-absolute tw-inset-0 tw-flex tw-items-end tw-overflow-hidden">
12280            <div class="tw-relative tw-h-full tw-w-full">
12281              <div class="tw-absolute tw-inset-x-0 tw-bottom-0 tw-h-full tw-overflow-hidden">
12282                <svg
12283                  class="tw-h-full tw-w-full"
12284                  viewBox="0 0 314 314"
12285                  fill="none"
12286                  xmlns="http://www.w3.org/2000/svg"
12287                  xmlns:xlink="http://www.w3.org/1999/xlink"
12288                  preserveAspectRatio="xMidYMid meet"
12289                >
12290                  <defs>
12291                    <clipPath id="clip-hover-wave-9038878015647-template--24009561342111__collection_hybrid_meta_ALe7xC" clipPathUnits="userSpaceOnUse">
12292                      <path
12293                        data-hover-wave-path
12294                        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"
12295                      />
12296                    </clipPath>
12297                  </defs>
12298                  <image
12299                    href="//drinkolipop.com/cdn/shop/files/ginger-ale_GA-PDP-Square1_new_asset.jpg?v=1778729866&width=1440"
12300                    xlink:href="//drinkolipop.com/cdn/shop/files/ginger-ale_GA-PDP-Square1_new_asset.jpg?v=1778729866&width=1440"
12301                    x="0"
12302                    y="0"
12303                    width="314"
12304                    height="314"
12305                    preserveAspectRatio="xMidYMax slice"
12306                    clip-path="url(#clip-hover-wave-9038878015647-template--24009561342111__collection_hybrid_meta_ALe7xC)"
12307                  />
12308                </svg>
12309              </div>
12310            </div>
12311          </div>
12312        </div>
12313      
12314    </a>
12315
12316    
12317      <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">
12318        
12319          <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">
12320            <input type="hidden" name="id" value="44438423208095">
12321            <input type="hidden" name="quantity" value="1">
12322            <button
12323              type="submit"
12324              name="add"
12325              data-add-to-cart
12326              data-product-card-cta
12327              aria-label="Add 12 Pack- Ginger Ale"
12328              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"
12329            >
12330              Add 12 Pack
12331            </button>
12332          </form>
12333        
12334      </div>
12335  </div>
12336  <!-- ./End Image Container -->
12337
12338  <!-- Text Container -->
12339  <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">
12340    
12341      <div class="tw-flex tw-min-h-[16px] tw-items-center tw-justify-center">
12342        <div
12343          data-bv-show="inline_rating"
12344          data-bv-product-id="9038878015647"
12345          class="bazaarvoice-product-summary bazaarvoice-product-summary--big product-card__inline-rating"
12346        ></div>
12347      </div>
12348    
12349
12350    <p class="tw-min-h-[25px] tw-font-body tw-text-[14px] tw-font-normal tw-leading-[180%] tw-text-[#0A3128] tw-mt-[3px]">
12351      
12352        9g Fiber
12353      
12354    </p>
12355
12356    <p class="tw-text-[16px] tw-leading-[140%]" role="heading" aria-level="3">
12357      <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
12357px] tw-font-bold tw-leading-[140%] tw-text-[#034638]">
12358        Ginger Ale
12359      </a>
12360    </p>
12361
12362    
12363      <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">
12364        <input type="hidden" name="id" value="44438423208095">
12365        <input type="hidden" name="quantity" value="1">
12366        <button
12367          type="submit"
12368          name="add"
12369          data-add-to-cart
12370          data-product-card-cta
12371          aria-label="Add 12 Pack- Ginger Ale"
12372          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"
12373        >
12374          Add 12 Pack
12375        </button>
12376      </form>
12377    
12378  </div>
12379  <!-- ./End Text Container -->
12380</div>
12381
12382
12383
12384
12385
12386
12387
12388
12389
12390
12391
12392
12393
12394
12395
12396
12397
12398
12399
12400
12401
12402
12403
12404
12405
12406
12407
12408
12409
12410
12411
12412
12413
12414<div
12415  class="product-card tw-relative tw-group tw-grid tw-h-full tw-w-full tw-overflow-visible focus:tw-ring-2"
12416  style="grid-template-rows: max-content 1fr"
12417>
12418
12419  
12420
12421
12422  <!-- Image Container -->
12423  <div class="tw-relative tw-w-full">
12424    <a
12425      href="/products/orange-squeeze"
12426      
12427      aria-label="Shop Now- Orange Squeeze"
12428      class="tw-block tw-relative tw-mx-auto tw-w-full tw-max-w-[314px] tw-aspect-square tw-overflow-hidden tw-rounded-2xl"
12429    >
12430      
12431
12432      <div class="tw-relative tw-z-[1] tw-mx-auto tw-flex tw-h-full tw-w-full tw-items-center tw-justify-center">
12433        
12434<img
12435  src="//drinkolipop.com/cdn/shop/files/orange-squeeze-9g-olipop_gallery-image_single-can_new_asset_1x.webp?v=1779162264"
12436  data-srcset="//drinkolipop.com/cdn/shop/files/orange-squeeze-9g-olipop_gallery-image_single-can_new_asset_480x.webp?v=1779162264 240w,
12437     //drinkolipop.com/cdn/shop/files/orange-squeeze-9g-olipop_gallery-image_single-can_new_asset_720x.webp?v=1779162264 360w,
12438     //drinkolipop.com/cdn/shop/files/orange-squeeze-9g-olipop_gallery-image_single-can_new_asset_1080x.webp?v=1779162264 540w,
12439     //drinkolipop.com/cdn/shop/files/orange-squeeze-9g-olipop_gallery-image_single-can_new_asset_1440x.webp?v=1779162264 720w,
12440     //drinkolipop.com/cdn/shop/files/orange-squeeze-9g-olipop_gallery-image_single-can_new_asset_1350x.webp?v=1779162264 900w,
12441     //drinkolipop.com/cdn/shop/files/orange-squeeze-9g-olipop_gallery-image_single-can_new_asset_1512x.webp?v=1779162264 1080w,
12442     //drinkolipop.com/cdn/shop/files/orange-squeeze-9g-olipop_gallery-image_single-can_new_asset_1728x.webp?v=1779162264 1296w,
12443     //drinkolipop.com/cdn/shop/files/orange-squeeze-9g-olipop_gallery-image_single-can_new_asset_1920x.webp?v=1779162264 1350w,
12444     //drinkolipop.com/cdn/shop/files/orange-squeeze-9g-olipop_gallery-image_single-can_new_asset_1980x.webp?v=1779162264 1728w,
12445     //drinkolipop.com/cdn/shop/files/orange-squeeze-9g-olipop_gallery-image_single-can_new_asset_2160x.webp?v=1779162264 1920w,
12446     //drinkolipop.com/cdn/shop/files/orange-squeeze-9g-olipop_gallery-image_single-can_new_asset_2880x.webp?v=1779162264 2560w,
12447     //drinkolipop.com/cdn/shop/files/orange-squeeze-9g-olipop_gallery-image_single-can_new_asset_4096x.webp?v=1779162264 3072w
12448  "
12449  data-src="//drinkolipop.com/cdn/shop/files/orange-squeeze-9g-olipop_gallery-image_single-can_new_asset_360x.webp?v=1779162264"
12450  data-optimumx="auto"
12451  data-sizes="auto"
12452  data-parent-fit="contain"
12453  width="100%"
12454  height="100%"
12455  class="lazyload tw-h-full tw-w-full tw-object-contain"
12456  data-aspectratio="0.7605263157894737"
12457  alt="Orange Squeeze"
12458  
12459>
12460
12461      </div>
12462
12463      
12464        <div class="tw-pointer-events-none tw-absolute tw-inset-0 tw-z-[2] tw-hidden lg:tw-block" data-hover-wave-card>
12465          <div class="tw-absolute tw-inset-0 tw-flex tw-items-end tw-overflow-hidden">
12466            <div class="tw-relative tw-h-full tw-w-full">
12467              <div class="tw-absolute tw-inset-x-0 tw-bottom-0 tw-h-full tw-overflow-hidden">
12468                <svg
12469                  class="tw-h-full tw-w-full"
12470                  viewBox="0 0 314 314"
12471                  fill="none"
12472                  xmlns="http://www.w3.org/2000/svg"
12473                  xmlns:xlink="http://www.w3.org/1999/xlink"
12474                  preserveAspectRatio="xMidYMid meet"
12475                >
12476                  <defs>
12477                    <clipPath id="clip-hover-wave-5538631712927-template--24009561342111__collection_hybrid_meta_ALe7xC" clipPathUnits="userSpaceOnUse">
12478                      <path
12479                        data-hover-wave-path
12480                        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"
12481                      />
12482                    </clipPath>
12483                  </defs>
12484                  <image
12485                    href="//drinkolipop.com/cdn/shop/products/OS-TOP_new_asset.png?v=1779077019&width=1440"
12486                    xlink:href="//drinkolipop.com/cdn/shop/products/OS-TOP_new_asset.png?v=1779077019&width=1440"
12487                    x="0"
12488                    y="0"
12489                    width="314"
12490                    height="314"
12491                    preserveAspectRatio="xMidYMax slice"
12492                    clip-path="url(#clip-hover-wave-5538631712927-template--24009561342111__collection_hybrid_meta_ALe7xC)"
12493                  />
12494                </svg>
12495              </div>
12496            </div>
12497          </div>
12498        </div>
12499      
12500    </a>
12501
12502    
12503      <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">
12504        
12505          <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">
12506            <input type="hidden" name="id" value="35768781111455">
12507            <input type="hidden" name="quantity" value="1">
12508            <button
12509              type="submit"
12510              name="add"
12511              data-add-to-cart
12512              data-product-card-cta
12513              aria-label="Add 12 Pack- Orange Squeeze"
12514              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"
12515            >
12516              Add 12 Pack
12517            </button>
12518          </form>
12519        
12520      </div>
12521  </div>
12522  <!-- ./End Image Container -->
12523
12524  <!-- Text Container -->
12525  <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">
12526    
12527      <div class="tw-flex tw-min-h-[16px] tw-items-center tw-justify-center">
12528        <div
12529          data-bv-show="inline_rating"
12530          data-bv-product-id="5538631712927"
12531          class="bazaarvoice-product-summary bazaarvoice-product-summary--big product-card__inline-rating"
12532        ></div>
12533      </div>
12534    
12535
12536    <p class="tw-min-h-[25px] tw-font-body tw-text-[14px] tw-font-normal tw-leading-[180%] tw-text-[#0A3128] tw-mt-[3px]">
12537      
12538        9g Fiber
12539      
12540    </p>
12541
12542    <p class="tw-text-[16px] tw-leading-[140%]" role="heading" aria-level="3">
12543      <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
12543px] tw-font-bold tw-leading-[140%] tw-text-[#034638]">
12544        Orange Squeeze
12545      </a>
12546    </p>
12547
12548    
12549      <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">
12550        <input type="hidden" name="id" value="35768781111455">
12551        <input type="hidden" name="quantity" value="1">
12552        <button
12553          type="submit"
12554          name="add"
12555          data-add-to-cart
12556          data-product-card-cta
12557          aria-label="Add 12 Pack- Orange Squeeze"
12558          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"
12559        >
12560          Add 12 Pack
12561        </button>
12562      </form>
12563    
12564  </div>
12565  <!-- ./End Text Container -->
12566</div>
12567
12568
12569
12570
12571
12572
12573
12574
12575
12576
12577
12578
12579
12580
12581
12582
12583
12584
12585
12586
12587
12588
12589
12590
12591
12592
12593
12594
12595
12596
12597
12598
12599
12600<div
12601  class="product-card tw-relative tw-group tw-grid tw-h-full tw-w-full tw-overflow-visible focus:tw-ring-2"
12602  style="grid-template-rows: max-content 1fr"
12603>
12604
12605  
12606
12607
12608  <!-- Image Container -->
12609  <div class="tw-relative tw-w-full">
12610    <a
12611      href="/products/citrus-rush"
12612      
12613      aria-label="Shop Now- Citrus Rush"
12614      class="tw-block tw-relative tw-mx-auto tw-w-full tw-max-w-[314px] tw-aspect-square tw-overflow-hidden tw-rounded-2xl"
12615    >
12616      
12617
12618      <div class="tw-relative tw-z-[1] tw-mx-auto tw-flex tw-h-full tw-w-full tw-items-center tw-justify-center">
12619        
12620<img
12621  src="//drinkolipop.com/cdn/shop/files/citrus-rush-9g-olipop_gallery-image_single-can_new_asset_1x.webp?v=1779196248"
12622  data-srcset="//drinkolipop.com/cdn/shop/files/citrus-rush-9g-olipop_gallery-image_single-can_new_asset_480x.webp?v=1779196248 240w,
12623     //drinkolipop.com/cdn/shop/files/citrus-rush-9g-olipop_gallery-image_single-can_new_asset_720x.webp?v=1779196248 360w,
12624     //drinkolipop.com/cdn/shop/files/citrus-rush-9g-olipop_gallery-image_single-can_new_asset_1080x.webp?v=1779196248 540w,
12625     //drinkolipop.com/cdn/shop/files/citrus-rush-9g-olipop_gallery-image_single-can_new_asset_1440x.webp?v=1779196248 720w,
12626     //drinkolipop.com/cdn/shop/files/citrus-rush-9g-olipop_gallery-image_single-can_new_asset_1350x.webp?v=1779196248 900w,
12627     //drinkolipop.com/cdn/shop/files/citrus-rush-9g-olipop_gallery-image_single-can_new_asset_1512x.webp?v=1779196248 1080w,
12628     //drinkolipop.com/cdn/shop/files/citrus-rush-9g-olipop_gallery-image_single-can_new_asset_1728x.webp?v=1779196248 1296w,
12629     //drinkolipop.com/cdn/shop/files/citrus-rush-9g-olipop_gallery-image_single-can_new_asset_1920x.webp?v=1779196248 1350w,
12630     //drinkolipop.com/cdn/shop/files/citrus-rush-9g-olipop_gallery-image_single-can_new_asset_1980x.webp?v=1779196248 1728w,
12631     //drinkolipop.com/cdn/shop/files/citrus-rush-9g-olipop_gallery-image_single-can_new_asset_2160x.webp?v=1779196248 1920w,
12632     //drinkolipop.com/cdn/shop/files/citrus-rush-9g-olipop_gallery-image_single-can_new_asset_2880x.webp?v=1779196248 2560w,
12633     //drinkolipop.com/cdn/shop/files/citrus-rush-9g-olipop_gallery-image_single-can_new_asset_4096x.webp?v=1779196248 3072w
12634  "
12635  data-src="//drinkolipop.com/cdn/shop/files/citrus-rush-9g-olipop_gallery-image_single-can_new_asset_360x.webp?v=1779196248"
12636  data-optimumx="auto"
12637  data-sizes="auto"
12638  data-parent-fit="contain"
12639  width="100%"
12640  height="100%"
12641  class="lazyload tw-h-full tw-w-full tw-object-contain"
12642  data-aspectratio="0.7605263157894737"
12643  alt="Citrus Rush"
12644  
12645>
12646
12647      </div>
12648
12649      
12650        <div class="tw-pointer-events-none tw-absolute tw-inset-0 tw-z-[2] tw-hidden lg:tw-block" data-hover-wave-card>
12651          <div class="tw-absolute tw-inset-0 tw-flex tw-items-end tw-overflow-hidden">
12652            <div class="tw-relative tw-h-full tw-w-full">
12653              <div class="tw-absolute tw-inset-x-0 tw-bottom-0 tw-h-full tw-overflow-hidden">
12654                <svg
12655                  class="tw-h-full tw-w-full"
12656                  viewBox="0 0 314 314"
12657                  fill="none"
12658                  xmlns="http://www.w3.org/2000/svg"
12659                  xmlns:xlink="http://www.w3.org/1999/xlink"
12660                  preserveAspectRatio="xMidYMid meet"
12661                >
12662                  <defs>
12663                    <clipPath id="clip-hover-wave-9407865061535-template--24009561342111__collection_hybrid_meta_ALe7xC" clipPathUnits="userSpaceOnUse">
12664                      <path
12665                        data-hover-wave-path
12666                        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"
12667                      />
12668                    </clipPath>
12669                  </defs>
12670                  <image
12671                    href="//drinkolipop.com/cdn/shop/files/citrus-rush-9g-olipop_OLIPOP_RFG_12oz_CR_GLASSCAN_1x1_new_asset.webp?v=1779114514&width=1440"
12672                    xlink:href="//drinkolipop.com/cdn/shop/files/citrus-rush-9g-olipop_OLIPOP_RFG_12oz_CR_GLASSCAN_1x1_new_asset.webp?v=1779114514&width=1440"
12673                    x="0"
12674                    y="0"
12675                    width="314"
12676                    height="314"
12677                    preserveAspectRatio="xMidYMax slice"
12678                    clip-path="url(#clip-hover-wave-9407865061535-template--24009561342111__collection_hybrid_meta_ALe7xC)"
12679                  />
12680                </svg>
12681              </div>
12682            </div>
12683          </div>
12684        </div>
12685      
12686    </a>
12687
12688    
12689      <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">
12690        
12691          <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">
12692            <input type="hidden" name="id" value="46054342066335">
12693            <input type="hidden" name="quantity" value="1">
12694            <button
12695              type="submit"
12696              name="add"
12697              data-add-to-cart
12698              data-product-card-cta
12699              aria-label="Add 12 Pack- Citrus Rush"
12700              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"
12701            >
12702              Add 12 Pack
12703            </button>
12704          </form>
12705        
12706      </div>
12707  </div>
12708  <!-- ./End Image Container -->
12709
12710  <!-- Text Container -->
12711  <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">
12712    
12713      <div class="tw-flex tw-min-h-[16px] tw-items-center tw-justify-center">
12714        <div
12715          data-bv-show="inline_rating"
12716          data-bv-product-id="9407865061535"
12717          class="bazaarvoice-product-summary bazaarvoice-product-summary--big product-card__inline-rating"
12718        ></div>
12719      </div>
12720    
12721
12722    <p class="tw-min-h-[25px] tw-font-body tw-text-[14px] tw-font-normal tw-leading-[180%] tw-text-[#0A3128] tw-mt-[3px]">
12723      
12724        9g Fiber
12725      
12726    </p>
12727
12728    <p class="tw-text-[16px] tw-leading-[140%]" role="heading" aria-level="3">
12729      <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
12729px] tw-font-bold tw-leading-[140%] tw-text-[#034638]">
12730        Citrus Rush
12731      </a>
12732    </p>
12733
12734    
12735      <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">
12736        <input type="hidden" name="id" value="46054342066335">
12737        <input type="hidden" name="quantity" value="1">
12738        <button
12739          type="submit"
12740          name="add"
12741          data-add-to-cart
12742          data-product-card-cta
12743          aria-label="Add 12 Pack- Citrus Rush"
12744          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"
12745        >
12746          Add 12 Pack
12747        </button>
12748      </form>
12749    
12750  </div>
12751  <!-- ./End Text Container -->
12752</div>
12753
12754
12755
12756
12757
12758
12759
12760
12761
12762
12763
12764
12765
12766
12767
12768
12769
12770
12771
12772
12773
12774
12775
12776
12777
12778
12779
12780
12781
12782
12783
12784
12785
12786<div
12787  class="product-card tw-relative tw-group tw-grid tw-h-full tw-w-full tw-overflow-visible focus:tw-ring-2"
12788  style="grid-template-rows: max-content 1fr"
12789>
12790
12791  
12792
12793
12794  <!-- Image Container -->
12795  <div class="tw-relative tw-w-full">
12796    <a
12797      href="/products/doctor-goodwin"
12798      
12799      aria-label="Shop Now- Doctor Goodwin"
12800      class="tw-block tw-relative tw-mx-auto tw-w-full tw-max-w-[314px] tw-aspect-square tw-overflow-hidden tw-rounded-2xl"
12801    >
12802      
12803
12804      <div class="tw-relative tw-z-[1] tw-mx-auto tw-flex tw-h-full tw-w-full tw-items-center tw-justify-center">
12805        
12806<img
12807  src="//drinkolipop.com/cdn/shop/files/doctor-goodwin-9g-olipop_gallery-image_single-can_new_asset_1x.webp?v=1779163486"
12808  data-srcset="//drinkolipop.com/cdn/shop/files/doctor-goodwin-9g-olipop_gallery-image_single-can_new_asset_480x.webp?v=1779163486 240w,
12809     //drinkolipop.com/cdn/shop/files/doctor-goodwin-9g-olipop_gallery-image_single-can_new_asset_720x.webp?v=1779163486 360w,
12810     //drinkolipop.com/cdn/shop/files/doctor-goodwin-9g-olipop_gallery-image_single-can_new_asset_1080x.webp?v=1779163486 540w,
12811     //drinkolipop.com/cdn/shop/files/doctor-goodwin-9g-olipop_gallery-image_single-can_new_asset_1440x.webp?v=1779163486 720w,
12812     //drinkolipop.com/cdn/shop/files/doctor-goodwin-9g-olipop_gallery-image_single-can_new_asset_1350x.webp?v=1779163486 900w,
12813     //drinkolipop.com/cdn/shop/files/doctor-goodwin-9g-olipop_gallery-image_single-can_new_asset_1512x.webp?v=1779163486 1080w,
12814     //drinkolipop.com/cdn/shop/files/doctor-goodwin-9g-olipop_gallery-image_single-can_new_asset_1728x.webp?v=1779163486 1296w,
12815     //drinkolipop.com/cdn/shop/files/doctor-goodwin-9g-olipop_gallery-image_single-can_new_asset_1920x.webp?v=1779163486 1350w,
12816     //drinkolipop.com/cdn/shop/files/doctor-goodwin-9g-olipop_gallery-image_single-can_new_asset_1980x.webp?v=1779163486 1728w,
12817     //drinkolipop.com/cdn/shop/files/doctor-goodwin-9g-olipop_gallery-image_single-can_new_asset_2160x.webp?v=1779163486 1920w,
12818     //drinkolipop.com/cdn/shop/files/doctor-goodwin-9g-olipop_gallery-image_single-can_new_asset_2880x.webp?v=1779163486 2560w,
12819     //drinkolipop.com/cdn/shop/files/doctor-goodwin-9g-olipop_gallery-image_single-can_new_asset_4096x.webp?v=1779163486 3072w
12820  "
12821  data-src="//drinkolipop.com/cdn/shop/files/doctor-goodwin-9g-olipop_gallery-image_single-can_new_asset_360x.webp?v=1779163486"
12822  data-optimumx="auto"
12823  data-sizes="auto"
12824  data-parent-fit="contain"
12825  width="100%"
12826  height="100%"
12827  class="lazyload tw-h-full tw-w-full tw-object-contain"
12828  data-aspectratio="0.7605263157894737"
12829  alt="Doctor Goodwin"
12830  
12831>
12832
12833      </div>
12834
12835      
12836        <div class="tw-pointer-events-none tw-absolute tw-inset-0 tw-z-[2] tw-hidden lg:tw-block" data-hover-wave-card>
12837          <div class="tw-absolute tw-inset-0 tw-flex tw-items-end tw-overflow-hidden">
12838            <div class="tw-relative tw-h-full tw-w-full">
12839              <div class="tw-absolute tw-inset-x-0 tw-bottom-0 tw-h-full tw-overflow-hidden">
12840                <svg
12841                  class="tw-h-full tw-w-full"
12842                  viewBox="0 0 314 314"
12843                  fill="none"
12844                  xmlns="http://www.w3.org/2000/svg"
12845                  xmlns:xlink="http://www.w3.org/1999/xlink"
12846                  preserveAspectRatio="xMidYMid meet"
12847                >
12848                  <defs>
12849                    <clipPath id="clip-hover-wave-7413651832991-template--24009561342111__collection_hybrid_meta_ALe7xC" clipPathUnits="userSpaceOnUse">
12850                      <path
12851                        data-hover-wave-path
12852                        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"
12853                      />
12854                    </clipPath>
12855                  </defs>
12856                  <image
12857                    href="//drinkolipop.com/cdn/shop/files/doctor-goodwin-9g-olipop_DG-Hover_new_asset.webp?v=1779133071&width=1440"
12858                    xlink:href="//drinkolipop.com/cdn/shop/files/doctor-goodwin-9g-olipop_DG-Hover_new_asset.webp?v=1779133071&width=1440"
12859                    x="0"
12860                    y="0"
12861                    width="314"
12862                    height="314"
12863                    preserveAspectRatio="xMidYMax slice"
12864                    clip-path="url(#clip-hover-wave-7413651832991-template--24009561342111__collection_hybrid_meta_ALe7xC)"
12865                  />
12866                </svg>
12867              </div>
12868            </div>
12869          </div>
12870        </div>
12871      
12872    </a>
12873
12874    
12875      <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">
12876        
12877          <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">
12878            <input type="hidden" name="id" value="42284985188511">
12879            <input type="hidden" name="quantity" value="1">
12880            <button
12881              type="submit"
12882              name="add"
12883              data-add-to-cart
12884              data-product-card-cta
12885              aria-label="Add 12 Pack- Doctor Goodwin"
12886              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"
12887            >
12888              Add 12 Pack
12889            </button>
12890          </form>
12891        
12892      </div>
12893  </div>
12894  <!-- ./End Image Container -->
12895
12896  <!-- Text Container -->
12897  <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">
12898    
12899      <div class="tw-flex tw-min-h-[16px] tw-items-center tw-justify-center">
12900        <div
12901          data-bv-show="inline_rating"
12902          data-bv-product-id="7413651832991"
12903          class="bazaarvoice-product-summary bazaarvoice-product-summary--big product-card__inline-rating"
12904        ></div>
12905      </div>
12906    
12907
12908    <p class="tw-min-h-[25px] tw-font-body tw-text-[14px] tw-font-normal tw-leading-[180%] tw-text-[#0A3128] tw-mt-[3px]">
12909      
12910        9g Fiber
12911      
12912    </p>
12913
12914    <p class="tw-text-[16px] tw-leading-[140%]" role="heading" aria-level="3">
12915      <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
12915px] tw-font-bold tw-leading-[140%] tw-text-[#034638]">
12916        Doctor Goodwin
12917      </a>
12918    </p>
12919
12920    
12921      <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">
12922        <input type="hidden" name="id" value="42284985188511">
12923        <input type="hidden" name="quantity" value="1">
12924        <button
12925          type="submit"
12926          name="add"
12927          data-add-to-cart
12928          data-product-card-cta
12929          aria-label="Add 12 Pack- Doctor Goodwin"
12930          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"
12931        >
12932          Add 12 Pack
12933        </button>
12934      </form>
12935    
12936  </div>
12937  <!-- ./End Text Container -->
12938</div>
12939
12940
12941
12942
12943
12944
12945
12946
12947
12948
12949
12950
12951
12952
12953
12954
12955
12956
12957
12958
12959
12960
12961
12962
12963
12964
12965
12966
12967
12968
12969
12970
12971
12972<div
12973  class="product-card tw-relative tw-group tw-grid tw-h-full tw-w-full tw-overflow-visible focus:tw-ring-2"
12974  style="grid-template-rows: max-content 1fr"
12975>
12976
12977  
12978
12979
12980  <!-- Image Container -->
12981  <div class="tw-relative tw-w-full">
12982    <a
12983      href="/products/cherry-vanilla"
12984      
12985      aria-label="Shop Now- Cherry Vanilla"
12986      class="tw-block tw-relative tw-mx-auto tw-w-full tw-max-w-[314px] tw-aspect-square tw-overflow-hidden tw-rounded-2xl"
12987    >
12988      
12989
12990      <div class="tw-relative tw-z-[1] tw-mx-auto tw-flex tw-h-full tw-w-full tw-items-center tw-justify-center">
12991        
12992<img
12993  src="//drinkolipop.com/cdn/shop/files/cherry-vanilla-9g-olipop_gallery-image_single-can_new_asset_1x.webp?v=1779162208"
12994  data-srcset="//drinkolipop.com/cdn/shop/files/cherry-vanilla-9g-olipop_gallery-image_single-can_new_asset_480x.webp?v=1779162208 240w,
12995     //drinkolipop.com/cdn/shop/files/cherry-vanilla-9g-olipop_gallery-image_single-can_new_asset_720x.webp?v=1779162208 360w,
12996     //drinkolipop.com/cdn/shop/files/cherry-vanilla-9g-olipop_gallery-image_single-can_new_asset_1080x.webp?v=1779162208 540w,
12997     //drinkolipop.com/cdn/shop/files/cherry-vanilla-9g-olipop_gallery-image_single-can_new_asset_1440x.webp?v=1779162208 720w,
12998     //drinkolipop.com/cdn/shop/files/cherry-vanilla-9g-olipop_gallery-image_single-can_new_asset_1350x.webp?v=1779162208 900w,
12999     //drinkolipop.com/cdn/shop/files/cherry-vanilla-9g-olipop_gallery-image_single-can_new_asset_1512x.webp?v=1779162208 1080w,
13000     //drinkolipop.com/cdn/shop/files/cherry-vanilla-9g-olipop_gallery-image_single-can_new_asset_1728x.webp?v=1779162208 1296w,
13001     //drinkolipop.com/cdn/shop/files/cherry-vanilla-9g-olipop_gallery-image_single-can_new_asset_1920x.webp?v=1779162208 1350w,
13002     //drinkolipop.com/cdn/shop/files/cherry-vanilla-9g-olipop_gallery-image_single-can_new_asset_1980x.webp?v=1779162208 1728w,
13003     //drinkolipop.com/cdn/shop/files/cherry-vanilla-9g-olipop_gallery-image_single-can_new_asset_2160x.webp?v=1779162208 1920w,
13004     //drinkolipop.com/cdn/shop/files/cherry-vanilla-9g-olipop_gallery-image_single-can_new_asset_2880x.webp?v=1779162208 2560w,
13005     //drinkolipop.com/cdn/shop/files/cherry-vanilla-9g-olipop_gallery-image_single-can_new_asset_4096x.webp?v=1779162208 3072w
13006  "
13007  data-src="//drinkolipop.com/cdn/shop/files/cherry-vanilla-9g-olipop_gallery-image_single-can_new_asset_360x.webp?v=1779162208"
13008  data-optimumx="auto"
13009  data-sizes="auto"
13010  data-parent-fit="contain"
13011  width="100%"
13012  height="100%"
13013  class="lazyload tw-h-full tw-w-full tw-object-contain"
13014  data-aspectratio="0.7605263157894737"
13015  alt="Cherry Vanilla"
13016  
13017>
13018
13019      </div>
13020
13021      
13022        <div class="tw-pointer-events-none tw-absolute tw-inset-0 tw-z-[2] tw-hidden lg:tw-block" data-hover-wave-card>
13023          <div class="tw-absolute tw-inset-0 tw-flex tw-items-end tw-overflow-hidden">
13024            <div class="tw-relative tw-h-full tw-w-full">
13025              <div class="tw-absolute tw-inset-x-0 tw-bottom-0 tw-h-full tw-overflow-hidden">
13026                <svg
13027                  class="tw-h-full tw-w-full"
13028                  viewBox="0 0 314 314"
13029                  fill="none"
13030                  xmlns="http://www.w3.org/2000/svg"
13031                  xmlns:xlink="http://www.w3.org/1999/xlink"
13032                  preserveAspectRatio="xMidYMid meet"
13033                >
13034                  <defs>
13035                    <clipPath id="clip-hover-wave-4452820189248-template--24009561342111__collection_hybrid_meta_ALe7xC" clipPathUnits="userSpaceOnUse">
13036                      <path
13037                        data-hover-wave-path
13038                        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"
13039                      />
13040                    </clipPath>
13041                  </defs>
13042                  <image
13043                    href="//drinkolipop.com/cdn/shop/products/CV-TOP.png?v=1745469112&width=1440"
13044                    xlink:href="//drinkolipop.com/cdn/shop/products/CV-TOP.png?v=1745469112&width=1440"
13045                    x="0"
13046                    y="0"
13047                    width="314"
13048                    height="314"
13049                    preserveAspectRatio="xMidYMax slice"
13050                    clip-path="url(#clip-hover-wave-4452820189248-template--24009561342111__collection_hybrid_meta_ALe7xC)"
13051                  />
13052                </svg>
13053              </div>
13054            </div>
13055          </div>
13056        </div>
13057      
13058    </a>
13059
13060    
13061      <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">
13062        
13063          <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">
13064            <input type="hidden" name="id" value="31667872464960">
13065            <input type="hidden" name="quantity" value="1">
13066            <button
13067              type="submit"
13068              name="add"
13069              data-add-to-cart
13070              data-product-card-cta
13071              aria-label="Add 12 Pack- Cherry Vanilla"
13072              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"
13073            >
13074              Add 12 Pack
13075            </button>
13076          </form>
13077        
13078      </div>
13079  </div>
13080  <!-- ./End Image Container -->
13081
13082  <!-- Text Container -->
13083  <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">
13084    
13085      <div class="tw-flex tw-min-h-[16px] tw-items-center tw-justify-center">
13086        <div
13087          data-bv-show="inline_rating"
13088          data-bv-product-id="4452820189248"
13089          class="bazaarvoice-product-summary bazaarvoice-product-summary--big product-card__inline-rating"
13090        ></div>
13091      </div>
13092    
13093
13094    <p class="tw-min-h-[25px] tw-font-body tw-text-[14px] tw-font-normal tw-leading-[180%] tw-text-[#0A3128] tw-mt-[3px]">
13095      
13096        9g Fiber
13097      
13098    </p>
13099
13100    <p class="tw-text-[16px] tw-leading-[140%]" role="heading" aria-level="3">
13101      <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
13101px] tw-font-bold tw-leading-[140%] tw-text-[#034638]">
13102        Cherry Vanilla
13103      </a>
13104    </p>
13105
13106    
13107      <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">
13108        <input type="hidden" name="id" value="31667872464960">
13109        <input type="hidden" name="quantity" value="1">
13110        <button
13111          type="submit"
13112          name="add"
13113          data-add-to-cart
13114          data-product-card-cta
13115          aria-label="Add 12 Pack- Cherry Vanilla"
13116          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"
13117        >
13118          Add 12 Pack
13119        </button>
13120      </form>
13121    
13122  </div>
13123  <!-- ./End Text Container -->
13124</div>
13125
13126
13127
13128
13129
13130
13131
13132
13133
13134
13135
13136
13137
13138
13139
13140
13141
13142
13143
13144
13145
13146
13147
13148
13149
13150
13151
13152
13153
13154
13155
13156
13157
13158<div
13159  class="product-card tw-relative tw-group tw-grid tw-h-full tw-w-full tw-overflow-visible focus:tw-ring-2"
13160  style="grid-template-rows: max-content 1fr"
13161>
13162
13163  
13164
13165
13166  <!-- Image Container -->
13167  <div class="tw-relative tw-w-full">
13168    <a
13169      href="/products/ginger-lemon"
13170      
13171      aria-label="Shop Now- Ginger Lemon"
13172      class="tw-block tw-relative tw-mx-auto tw-w-full tw-max-w-[314px] tw-aspect-square tw-overflow-hidden tw-rounded-2xl"
13173    >
13174      
13175
13176      <div class="tw-relative tw-z-[1] tw-mx-auto tw-flex tw-h-full tw-w-full tw-items-center tw-justify-center">
13177        
13178<img
13179  src="//drinkolipop.com/cdn/shop/files/ginger-lemon-9g-olipop_gallery-image_single-can_new_asset_1x.webp?v=1779161268"
13180  data-srcset="//drinkolipop.com/cdn/shop/files/ginger-lemon-9g-olipop_gallery-image_single-can_new_asset_480x.webp?v=1779161268 240w,
13181     //drinkolipop.com/cdn/shop/files/ginger-lemon-9g-olipop_gallery-image_single-can_new_asset_720x.webp?v=1779161268 360w,
13182     //drinkolipop.com/cdn/shop/files/ginger-lemon-9g-olipop_gallery-image_single-can_new_asset_1080x.webp?v=1779161268 540w,
13183     //drinkolipop.com/cdn/shop/files/ginger-lemon-9g-olipop_gallery-image_single-can_new_asset_1440x.webp?v=1779161268 720w,
13184     //drinkolipop.com/cdn/shop/files/ginger-lemon-9g-olipop_gallery-image_single-can_new_asset_1350x.webp?v=1779161268 900w,
13185     //drinkolipop.com/cdn/shop/files/ginger-lemon-9g-olipop_gallery-image_single-can_new_asset_1512x.webp?v=1779161268 1080w,
13186     //drinkolipop.com/cdn/shop/files/ginger-lemon-9g-olipop_gallery-image_single-can_new_asset_1728x.webp?v=1779161268 1296w,
13187     //drinkolipop.com/cdn/shop/files/ginger-lemon-9g-olipop_gallery-image_single-can_new_asset_1920x.webp?v=1779161268 1350w,
13188     //drinkolipop.com/cdn/shop/files/ginger-lemon-9g-olipop_gallery-image_single-can_new_asset_1980x.webp?v=1779161268 1728w,
13189     //drinkolipop.com/cdn/shop/files/ginger-lemon-9g-olipop_gallery-image_single-can_new_asset_2160x.webp?v=1779161268 1920w,
13190     //drinkolipop.com/cdn/shop/files/ginger-lemon-9g-olipop_gallery-image_single-can_new_asset_2880x.webp?v=1779161268 2560w,
13191     //drinkolipop.com/cdn/shop/files/ginger-lemon-9g-olipop_gallery-image_single-can_new_asset_4096x.webp?v=1779161268 3072w
13192  "
13193  data-src="//drinkolipop.com/cdn/shop/files/ginger-lemon-9g-olipop_gallery-image_single-can_new_asset_360x.webp?v=1779161268"
13194  data-optimumx="auto"
13195  data-sizes="auto"
13196  data-parent-fit="contain"
13197  width="100%"
13198  height="100%"
13199  class="lazyload tw-h-full tw-w-full tw-object-contain"
13200  data-aspectratio="0.7605263157894737"
13201  alt="Ginger Lemon"
13202  
13203>
13204
13205      </div>
13206
13207      
13208        <div class="tw-pointer-events-none tw-absolute tw-inset-0 tw-z-[2] tw-hidden lg:tw-block" data-hover-wave-card>
13209          <div class="tw-absolute tw-inset-0 tw-flex tw-items-end tw-overflow-hidden">
13210            <div class="tw-relative tw-h-full tw-w-full">
13211              <div class="tw-absolute tw-inset-x-0 tw-bottom-0 tw-h-full tw-overflow-hidden">
13212                <svg
13213                  class="tw-h-full tw-w-full"
13214                  viewBox="0 0 314 314"
13215                  fill="none"
13216                  xmlns="http://www.w3.org/2000/svg"
13217                  xmlns:xlink="http://www.w3.org/1999/xlink"
13218                  preserveAspectRatio="xMidYMid meet"
13219                >
13220                  <defs>
13221                    <clipPath id="clip-hover-wave-3818021912646-template--24009561342111__collection_hybrid_meta_ALe7xC" clipPathUnits="userSpaceOnUse">
13222                      <path
13223                        data-hover-wave-path
13224                        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"
13225                      />
13226                    </clipPath>
13227                  </defs>
13228                  <image
13229                    href="//drinkolipop.com/cdn/shop/products/GL-TOP_new_asset.png?v=1779076580&width=1440"
13230                    xlink:href="//drinkolipop.com/cdn/shop/products/GL-TOP_new_asset.png?v=1779076580&width=1440"
13231                    x="0"
13232                    y="0"
13233                    width="314"
13234                    height="314"
13235                    preserveAspectRatio="xMidYMax slice"
13236                    clip-path="url(#clip-hover-wave-3818021912646-template--24009561342111__collection_hybrid_meta_ALe7xC)"
13237                  />
13238                </svg>
13239              </div>
13240            </div>
13241          </div>
13242        </div>
13243      
13244    </a>
13245
13246    
13247      <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">
13248        
13249          <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">
13250            <input type="hidden" name="id" value="30315236851782">
13251            <input type="hidden" name="quantity" value="1">
13252            <button
13253              type="submit"
13254              name="add"
13255              data-add-to-cart
13256              data-product-card-cta
13257              aria-label="Add 12 Pack- Ginger Lemon"
13258              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"
13259            >
13260              Add 12 Pack
13261            </button>
13262          </form>
13263        
13264      </div>
13265  </div>
13266  <!-- ./End Image Container -->
13267
13268  <!-- Text Container -->
13269  <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">
13270    
13271      <div class="tw-flex tw-min-h-[16px] tw-items-center tw-justify-center">
13272        <div
13273          data-bv-show="inline_rating"
13274          data-bv-product-id="3818021912646"
13275          class="bazaarvoice-product-summary bazaarvoice-product-summary--big product-card__inline-rating"
13276        ></div>
13277      </div>
13278    
13279
13280    <p class="tw-min-h-[25px] tw-font-body tw-text-[14px] tw-font-normal tw-leading-[180%] tw-text-[#0A3128] tw-mt-[3px]">
13281      
13282        9g Fiber
13283      
13284    </p>
13285
13286    <p class="tw-text-[16px] tw-leading-[140%]" role="heading" aria-level="3">
13287      <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
13287px] tw-font-bold tw-leading-[140%] tw-text-[#034638]">
13288        Ginger Lemon
13289      </a>
13290    </p>
13291
13292    
13293      <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">
13294        <input type="hidden" name="id" value="30315236851782">
13295        <input type="hidden" name="quantity" value="1">
13296        <button
13297          type="submit"
13298          name="add"
13299          data-add-to-cart
13300          data-product-card-cta
13301          aria-label="Add 12 Pack- Ginger Lemon"
13302          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"
13303        >
13304          Add 12 Pack
13305        </button>
13306      </form>
13307    
13308  </div>
13309  <!-- ./End Text Container -->
13310</div>
13311
13312
13313
13314
13315
13316
13317
13318
13319
13320
13321
13322
13323
13324
13325
13326
13327
13328
13329
13330
13331
13332
13333
13334
13335
13336
13337
13338
13339
13340
13341
13342
13343
13344<div
13345  class="product-card tw-relative tw-group tw-grid tw-h-full tw-w-full tw-overflow-visible focus:tw-ring-2"
13346  style="grid-template-rows: max-content 1fr"
13347>
13348
13349  
13350
13351
13352  <!-- Image Container -->
13353  <div class="tw-relative tw-w-full">
13354    <a
13355      href="/products/tropical-punch"
13356      
13357      aria-label="Shop Now- Tropical Punch"
13358      class="tw-block tw-relative tw-mx-auto tw-w-full tw-max-w-[314px] tw-aspect-square tw-overflow-hidden tw-rounded-2xl"
13359    >
13360      
13361
13362      <div class="tw-relative tw-z-[1] tw-mx-auto tw-flex tw-h-full tw-w-full tw-items-center tw-justify-center">
13363        
13364<img
13365  src="//drinkolipop.com/cdn/shop/files/tropical-punch-9g-olipop_gallery-image_single-can_new_asset_1x.webp?v=1779163155"
13366  data-srcset="//drinkolipop.com/cdn/shop/files/tropical-punch-9g-olipop_gallery-image_single-can_new_asset_480x.webp?v=1779163155 240w,
13367     //drinkolipop.com/cdn/shop/files/tropical-punch-9g-olipop_gallery-image_single-can_new_asset_720x.webp?v=1779163155 360w,
13368     //drinkolipop.com/cdn/shop/files/tropical-punch-9g-olipop_gallery-image_single-can_new_asset_1080x.webp?v=1779163155 540w,
13369     //drinkolipop.com/cdn/shop/files/tropical-punch-9g-olipop_gallery-image_single-can_new_asset_1440x.webp?v=1779163155 720w,
13370     //drinkolipop.com/cdn/shop/files/tropical-punch-9g-olipop_gallery-image_single-can_new_asset_1350x.webp?v=1779163155 900w,
13371     //drinkolipop.com/cdn/shop/files/tropical-punch-9g-olipop_gallery-image_single-can_new_asset_1512x.webp?v=1779163155 1080w,
13372     //drinkolipop.com/cdn/shop/files/tropical-punch-9g-olipop_gallery-image_single-can_new_asset_1728x.webp?v=1779163155 1296w,
13373     //drinkolipop.com/cdn/shop/files/tropical-punch-9g-olipop_gallery-image_single-can_new_asset_1920x.webp?v=1779163155 1350w,
13374     //drinkolipop.com/cdn/shop/files/tropical-punch-9g-olipop_gallery-image_single-can_new_asset_1980x.webp?v=1779163155 1728w,
13375     //drinkolipop.com/cdn/shop/files/tropical-punch-9g-olipop_gallery-image_single-can_new_asset_2160x.webp?v=1779163155 1920w,
13376     //drinkolipop.com/cdn/shop/files/tropical-punch-9g-olipop_gallery-image_single-can_new_asset_2880x.webp?v=1779163155 2560w,
13377     //drinkolipop.com/cdn/shop/files/tropical-punch-9g-olipop_gallery-image_single-can_new_asset_4096x.webp?v=1779163155 3072w
13378  "
13379  data-src="//drinkolipop.com/cdn/shop/files/tropical-punch-9g-olipop_gallery-image_single-can_new_asset_360x.webp?v=1779163155"
13380  data-optimumx="auto"
13381  data-sizes="auto"
13382  data-parent-fit="contain"
13383  width="100%"
13384  height="100%"
13385  class="lazyload tw-h-full tw-w-full tw-object-contain"
13386  data-aspectratio="0.7605263157894737"
13387  alt="Tropical Punch"
13388  
13389>
13390
13391      </div>
13392
13393      
13394        <div class="tw-pointer-events-none tw-absolute tw-inset-0 tw-z-[2] tw-hidden lg:tw-block" data-hover-wave-card>
13395          <div class="tw-absolute tw-inset-0 tw-flex tw-items-end tw-overflow-hidden">
13396            <div class="tw-relative tw-h-full tw-w-full">
13397              <div class="tw-absolute tw-inset-x-0 tw-bottom-0 tw-h-full tw-overflow-hidden">
13398                <svg
13399                  class="tw-h-full tw-w-full"
13400                  viewBox="0 0 314 314"
13401                  fill="none"
13402                  xmlns="http://www.w3.org/2000/svg"
13403                  xmlns:xlink="http://www.w3.org/1999/xlink"
13404                  preserveAspectRatio="xMidYMid meet"
13405                >
13406                  <defs>
13407                    <clipPath id="clip-hover-wave-7323931246751-template--24009561342111__collection_hybrid_meta_ALe7xC" clipPathUnits="userSpaceOnUse">
13408                      <path
13409                        data-hover-wave-path
13410                        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"
13411                      />
13412                    </clipPath>
13413                  </defs>
13414                  <image
13415                    href="//drinkolipop.com/cdn/shop/products/TP-TOP.png?v=1750220378&width=1440"
13416                    xlink:href="//drinkolipop.com/cdn/shop/products/TP-TOP.png?v=1750220378&width=1440"
13417                    x="0"
13418                    y="0"
13419                    width="314"
13420                    height="314"
13421                    preserveAspectRatio="xMidYMax slice"
13422                    clip-path="url(#clip-hover-wave-7323931246751-template--24009561342111__collection_hybrid_meta_ALe7xC)"
13423                  />
13424                </svg>
13425              </div>
13426            </div>
13427          </div>
13428        </div>
13429      
13430    </a>
13431
13432    
13433      <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">
13434        
13435          <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">
13436            <input type="hidden" name="id" value="41922380824735">
13437            <input type="hidden" name="quantity" value="1">
13438            <button
13439              type="submit"
13440              name="add"
13441              data-add-to-cart
13442              data-product-card-cta
13443              aria-label="Add 12 Pack- Tropical Punch"
13444              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"
13445            >
13446              Add 12 Pack
13447            </button>
13448          </form>
13449        
13450      </div>
13451  </div>
13452  <!-- ./End Image Container -->
13453
13454  <!-- Text Container -->
13455  <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">
13456    
13457      <div class="tw-flex tw-min-h-[16px] tw-items-center tw-justify-center">
13458        <div
13459          data-bv-show="inline_rating"
13460          data-bv-product-id="7323931246751"
13461          class="bazaarvoice-product-summary bazaarvoice-product-summary--big product-card__inline-rating"
13462        ></div>
13463      </div>
13464    
13465
13466    <p class="tw-min-h-[25px] tw-font-body tw-text-[14px] tw-font-normal tw-leading-[180%] tw-text-[#0A3128] tw-mt-[3px]">
13467      
13468        9g Fiber
13469      
13470    </p>
13471
13472    <p class="tw-text-[16px] tw-leading-[140%]" role="heading" aria-level="3">
13473      <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
13473px] tw-font-bold tw-leading-[140%] tw-text-[#034638]">
13474        Tropical Punch
13475      </a>
13476    </p>
13477
13478    
13479      <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">
13480        <input type="hidden" name="id" value="41922380824735">
13481        <input type="hidden" name="quantity" value="1">
13482        <button
13483          type="submit"
13484          name="add"
13485          data-add-to-cart
13486          data-product-card-cta
13487          aria-label="Add 12 Pack- Tropical Punch"
13488          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"
13489        >
13490          Add 12 Pack
13491        </button>
13492      </form>
13493    
13494  </div>
13495  <!-- ./End Text Container -->
13496</div>
13497
13498
13499
13500
13501
13502
13503
13504
13505
13506
13507
13508
13509
13510
13511
13512
13513
13514
13515
13516
13517
13518
13519
13520
13521
13522
13523
13524
13525
13526
13527
13528
13529
13530<div
13531  class="product-card tw-relative tw-group tw-grid tw-h-full tw-w-full tw-overflow-visible focus:tw-ring-2"
13532  style="grid-template-rows: max-content 1fr"
13533>
13534
13535  
13536
13537
13538  <!-- Image Container -->
13539  <div class="tw-relative tw-w-full">
13540    <a
13541      href="/products/lemon-lime"
13542      
13543      aria-label="Shop Now- Lemon Lime"
13544      class="tw-block tw-relative tw-mx-auto tw-w-full tw-max-w-[314px] tw-aspect-square tw-overflow-hidden tw-rounded-2xl"
13545    >
13546      
13547
13548      <div class="tw-relative tw-z-[1] tw-mx-auto tw-flex tw-h-full tw-w-full tw-items-center tw-justify-center">
13549        
13550<img
13551  src="//drinkolipop.com/cdn/shop/files/lemon-lime-9g-olipop_gallery-image_single-can_new_asset_1x.webp?v=1779163931"
13552  data-srcset="//drinkolipop.com/cdn/shop/files/lemon-lime-9g-olipop_gallery-image_single-can_new_asset_480x.webp?v=1779163931 240w,
13553     //drinkolipop.com/cdn/shop/files/lemon-lime-9g-olipop_gallery-image_single-can_new_asset_720x.webp?v=1779163931 360w,
13554     //drinkolipop.com/cdn/shop/files/lemon-lime-9g-olipop_gallery-image_single-can_new_asset_1080x.webp?v=1779163931 540w,
13555     //drinkolipop.com/cdn/shop/files/lemon-lime-9g-olipop_gallery-image_single-can_new_asset_1440x.webp?v=1779163931 720w,
13556     //drinkolipop.com/cdn/shop/files/lemon-lime-9g-olipop_gallery-image_single-can_new_asset_1350x.webp?v=1779163931 900w,
13557     //drinkolipop.com/cdn/shop/files/lemon-lime-9g-olipop_gallery-image_single-can_new_asset_1512x.webp?v=1779163931 1080w,
13558     //drinkolipop.com/cdn/shop/files/lemon-lime-9g-olipop_gallery-image_single-can_new_asset_1728x.webp?v=1779163931 1296w,
13559     //drinkolipop.com/cdn/shop/files/lemon-lime-9g-olipop_gallery-image_single-can_new_asset_1920x.webp?v=1779163931 1350w,
13560     //drinkolipop.com/cdn/shop/files/lemon-lime-9g-olipop_gallery-image_single-can_new_asset_1980x.webp?v=1779163931 1728w,
13561     //drinkolipop.com/cdn/shop/files/lemon-lime-9g-olipop_gallery-image_single-can_new_asset_2160x.webp?v=1779163931 1920w,
13562     //drinkolipop.com/cdn/shop/files/lemon-lime-9g-olipop_gallery-image_single-can_new_asset_2880x.webp?v=1779163931 2560w,
13563     //drinkolipop.com/cdn/shop/files/lemon-lime-9g-olipop_gallery-image_single-can_new_asset_4096x.webp?v=1779163931 3072w
13564  "
13565  data-src="//drinkolipop.com/cdn/shop/files/lemon-lime-9g-olipop_gallery-image_single-can_new_asset_360x.webp?v=1779163931"
13566  data-optimumx="auto"
13567  data-sizes="auto"
13568  data-parent-fit="contain"
13569  width="100%"
13570  height="100%"
13571  class="lazyload tw-h-full tw-w-full tw-object-contain"
13572  data-aspectratio="0.7605263157894737"
13573  alt="Lemon Lime"
13574  
13575>
13576
13577      </div>
13578
13579      
13580        <div class="tw-pointer-events-none tw-absolute tw-inset-0 tw-z-[2] tw-hidden lg:tw-block" data-hover-wave-card>
13581          <div class="tw-absolute tw-inset-0 tw-flex tw-items-end tw-overflow-hidden">
13582            <div class="tw-relative tw-h-full tw-w-full">
13583              <div class="tw-absolute tw-inset-x-0 tw-bottom-0 tw-h-full tw-overflow-hidden">
13584                <svg
13585                  class="tw-h-full tw-w-full"
13586                  viewBox="0 0 314 314"
13587                  fill="none"
13588                  xmlns="http://www.w3.org/2000/svg"
13589                  xmlns:xlink="http://www.w3.org/1999/xlink"
13590                  preserveAspectRatio="xMidYMid meet"
13591                >
13592                  <defs>
13593                    <clipPath id="clip-hover-wave-7612616376479-template--24009561342111__collection_hybrid_meta_ALe7xC" clipPathUnits="userSpaceOnUse">
13594                      <path
13595                        data-hover-wave-path
13596                        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"
13597                      />
13598                    </clipPath>
13599                  </defs>
13600                  <image
13601                    href="//drinkolipop.com/cdn/shop/files/lemon-lime-6g-olipop_hover_new_asset.webp?v=1779128875&width=1440"
13602                    xlink:href="//drinkolipop.com/cdn/shop/files/lemon-lime-6g-olipop_hover_new_asset.webp?v=1779128875&width=1440"
13603                    x="0"
13604                    y="0"
13605                    width="314"
13606                    height="314"
13607                    preserveAspectRatio="xMidYMax slice"
13608                    clip-path="url(#clip-hover-wave-7612616376479-template--24009561342111__collection_hybrid_meta_ALe7xC)"
13609                  />
13610                </svg>
13611              </div>
13612            </div>
13613          </div>
13614        </div>
13615      
13616    </a>
13617
13618    
13619      <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">
13620        
13621          <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">
13622            <input type="hidden" name="id" value="42897487429791">
13623            <input type="hidden" name="quantity" value="1">
13624            <button
13625              type="submit"
13626              name="add"
13627              data-add-to-cart
13628              data-product-card-cta
13629              aria-label="Add 12 Pack- Lemon Lime"
13630              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"
13631            >
13632              Add 12 Pack
13633            </button>
13634          </form>
13635        
13636      </div>
13637  </div>
13638  <!-- ./End Image Container -->
13639
13640  <!-- Text Container -->
13641  <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">
13642    
13643      <div class="tw-flex tw-min-h-[16px] tw-items-center tw-justify-center">
13644        <div
13645          data-bv-show="inline_rating"
13646          data-bv-product-id="7612616376479"
13647          class="bazaarvoice-product-summary bazaarvoice-product-summary--big product-card__inline-rating"
13648        ></div>
13649      </div>
13650    
13651
13652    <p class="tw-min-h-[25px] tw-font-body tw-text-[14px] tw-font-normal tw-leading-[180%] tw-text-[#0A3128] tw-mt-[3px]">
13653      
13654        9g Fiber
13655      
13656    </p>
13657
13658    <p class="tw-text-[16px] tw-leading-[140%]" role="heading" aria-level="3">
13659      <a href="/products/lemon-lime" aria-label="Shop Now- Lemon Lime" 
13659class="tw-relative tw-z-[4] tw-inline-block tw-font-body tw-text-[16px] tw-font-bold tw-leading-[140%] tw-text-[#034638]">
13660        Lemon Lime
13661      </a>
13662    </p>
13663
13664    
13665      <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">
13666        <input type="hidden" name="id" value="42897487429791">
13667        <input type="hidden" name="quantity" value="1">
13668        <button
13669          type="submit"
13670          name="add"
13671          data-add-to-cart
13672          data-product-card-cta
13673          aria-label="Add 12 Pack- Lemon Lime"
13674          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"
13675        >
13676          Add 12 Pack
13677        </button>
13678      </form>
13679    
13680  </div>
13681  <!-- ./End Text Container -->
13682</div>
13683
13684
13685
13686
13687
13688
13689
13690
13691
13692
13693
13694
13695
13696
13697
13698
13699
13700
13701
13702
13703
13704
13705
13706
13707
13708
13709
13710
13711
13712
13713
13714
13715
13716<div
13717  class="product-card tw-relative tw-group tw-grid tw-h-full tw-w-full tw-overflow-visible focus:tw-ring-2"
13718  style="grid-template-rows: max-content 1fr"
13719>
13720
13721  
13722
13723
13724  <!-- Image Container -->
13725  <div class="tw-relative tw-w-full">
13726    <a
13727      href="/products/watermelon-lime"
13728      
13729      aria-label="Shop Now- Watermelon Lime"
13730      class="tw-block tw-relative tw-mx-auto tw-w-full tw-max-w-[314px] tw-aspect-square tw-overflow-hidden tw-rounded-2xl"
13731    >
13732      
13733
13734      <div class="tw-relative tw-z-[1] tw-mx-auto tw-flex tw-h-full tw-w-full tw-items-center tw-justify-center">
13735        
13736<img
13737  src="//drinkolipop.com/cdn/shop/files/watermelon-lime-9g-olipop_gallery-image_single-can_new_asset_1x.webp?v=1779164501"
13738  data-srcset="//drinkolipop.com/cdn/shop/files/watermelon-lime-9g-olipop_gallery-image_single-can_new_asset_480x.webp?v=1779164501 240w,
13739     //drinkolipop.com/cdn/shop/files/watermelon-lime-9g-olipop_gallery-image_single-can_new_asset_720x.webp?v=1779164501 360w,
13740     //drinkolipop.com/cdn/shop/files/watermelon-lime-9g-olipop_gallery-image_single-can_new_asset_1080x.webp?v=1779164501 540w,
13741     //drinkolipop.com/cdn/shop/files/watermelon-lime-9g-olipop_gallery-image_single-can_new_asset_1440x.webp?v=1779164501 720w,
13742     //drinkolipop.com/cdn/shop/files/watermelon-lime-9g-olipop_gallery-image_single-can_new_asset_1350x.webp?v=1779164501 900w,
13743     //drinkolipop.com/cdn/shop/files/watermelon-lime-9g-olipop_gallery-image_single-can_new_asset_1512x.webp?v=1779164501 1080w,
13744     //drinkolipop.com/cdn/shop/files/watermelon-lime-9g-olipop_gallery-image_single-can_new_asset_1728x.webp?v=1779164501 1296w,
13745     //drinkolipop.com/cdn/shop/files/watermelon-lime-9g-olipop_gallery-image_single-can_new_asset_1920x.webp?v=1779164501 1350w,
13746     //drinkolipop.com/cdn/shop/files/watermelon-lime-9g-olipop_gallery-image_single-can_new_asset_1980x.webp?v=1779164501 1728w,
13747     //drinkolipop.com/cdn/shop/files/watermelon-lime-9g-olipop_gallery-image_single-can_new_asset_2160x.webp?v=1779164501 1920w,
13748     //drinkolipop.com/cdn/shop/files/watermelon-lime-9g-olipop_gallery-image_single-can_new_asset_2880x.webp?v=1779164501 2560w,
13749     //drinkolipop.com/cdn/shop/files/watermelon-lime-9g-olipop_gallery-image_single-can_new_asset_4096x.webp?v=1779164501 3072w
13750  "
13751  data-src="//drinkolipop.com/cdn/shop/files/watermelon-lime-9g-olipop_gallery-image_single-can_new_asset_360x.webp?v=1779164501"
13752  data-optimumx="auto"
13753  data-sizes="auto"
13754  data-parent-fit="contain"
13755  width="100%"
13756  height="100%"
13757  class="lazyload tw-h-full tw-w-full tw-object-contain"
13758  data-aspectratio="0.7605263157894737"
13759  alt="Watermelon Lime"
13760  
13761>
13762
13763      </div>
13764
13765      
13766        <div class="tw-pointer-events-none tw-absolute tw-inset-0 tw-z-[2] tw-hidden lg:tw-block" data-hover-wave-card>
13767          <div class="tw-absolute tw-inset-0 tw-flex tw-items-end tw-overflow-hidden">
13768            <div class="tw-relative tw-h-full tw-w-full">
13769              <div class="tw-absolute tw-inset-x-0 tw-bottom-0 tw-h-full tw-overflow-hidden">
13770                <svg
13771                  class="tw-h-full tw-w-full"
13772                  viewBox="0 0 314 314"
13773                  fill="none"
13774                  xmlns="http://www.w3.org/2000/svg"
13775                  xmlns:xlink="http://www.w3.org/1999/xlink"
13776                  preserveAspectRatio="xMidYMid meet"
13777                >
13778                  <defs>
13779                    <clipPath id="clip-hover-wave-7682917990559-template--24009561342111__collection_hybrid_meta_ALe7xC" clipPathUnits="userSpaceOnUse">
13780                      <path
13781                        data-hover-wave-path
13782                        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"
13783                      />
13784                    </clipPath>
13785                  </defs>
13786                  <image
13787                    href="//drinkolipop.com/cdn/shop/files/WL_PDP-Right_Image_new_asset.webp?v=1779114827&width=1440"
13788                    xlink:href="//drinkolipop.com/cdn/shop/files/WL_PDP-Right_Image_new_asset.webp?v=1779114827&width=1440"
13789                    x="0"
13790                    y="0"
13791                    width="314"
13792                    height="314"
13793                    preserveAspectRatio="xMidYMax slice"
13794                    clip-path="url(#clip-hover-wave-7682917990559-template--24009561342111__collection_hybrid_meta_ALe7xC)"
13795                  />
13796                </svg>
13797              </div>
13798            </div>
13799          </div>
13800        </div>
13801      
13802    </a>
13803
13804    
13805      <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">
13806        
13807          <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">
13808            <input type="hidden" name="id" value="43069390880927">
13809            <input type="hidden" name="quantity" value="1">
13810            <button
13811              type="submit"
13812              name="add"
13813              data-add-to-cart
13814              data-product-card-cta
13815              aria-label="Add 12 Pack- Watermelon Lime"
13816              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"
13817            >
13818              Add 12 Pack
13819            </button>
13820          </form>
13821        
13822      </div>
13823  </div>
13824  <!-- ./End Image Container -->
13825
13826  <!-- Text Container -->
13827  <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">
13828    
13829      <div class="tw-flex tw-min-h-[16px] tw-items-center tw-justify-center">
13830        <div
13831          data-bv-show="inline_rating"
13832          data-bv-product-id="7682917990559"
13833          class="bazaarvoice-product-summary bazaarvoice-product-summary--big product-card__inline-rating"
13834        ></div>
13835      </div>
13836    
13837
13838    <p class="tw-min-h-[25px] tw-font-body tw-text-[14px] tw-font-normal tw-leading-[180%] tw-text-[#0A3128] tw-mt-[3px]">
13839      
13840        9g Fiber
13841      
13842    </p>
13843
13844    <p class="tw-text-[16px] tw-leading-[140%]" role="heading" aria-level="3">
13845      <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
13845px] tw-font-bold tw-leading-[140%] tw-text-[#034638]">
13846        Watermelon Lime
13847      </a>
13848    </p>
13849
13850    
13851      <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">
13852        <input type="hidden" name="id" value="43069390880927">
13853        <input type="hidden" name="quantity" value="1">
13854        <button
13855          type="submit"
13856          name="add"
13857          data-add-to-cart
13858          data-product-card-cta
13859          aria-label="Add 12 Pack- Watermelon Lime"
13860          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"
13861        >
13862          Add 12 Pack
13863        </button>
13864      </form>
13865    
13866  </div>
13867  <!-- ./End Text Container -->
13868</div>
13869
13870
13871
13872
13873
13874
13875
13876
13877
13878
13879
13880
13881
13882
13883
13884
13885
13886
13887
13888
13889
13890
13891
13892
13893
13894
13895
13896
13897
13898
13899
13900
13901
13902<div
13903  class="product-card tw-relative tw-group tw-grid tw-h-full tw-w-full tw-overflow-visible focus:tw-ring-2"
13904  style="grid-template-rows: max-content 1fr"
13905>
13906
13907  
13908
13909
13910  <!-- Image Container -->
13911  <div class="tw-relative tw-w-full">
13912    <a
13913      href="/products/banana-cream"
13914      
13915      aria-label="Shop Now- Banana Cream"
13916      class="tw-block tw-relative tw-mx-auto tw-w-full tw-max-w-[314px] tw-aspect-square tw-overflow-hidden tw-rounded-2xl"
13917    >
13918      
13919
13920      <div class="tw-relative tw-z-[1] tw-mx-auto tw-flex tw-h-full tw-w-full tw-items-center tw-justify-center">
13921        
13922<img
13923  src="//drinkolipop.com/cdn/shop/files/banana-cream-9g-olipop_gallery-image_single-can_new_asset_1x.webp?v=1779155708"
13924  data-srcset="//drinkolipop.com/cdn/shop/files/banana-cream-9g-olipop_gallery-image_single-can_new_asset_480x.webp?v=1779155708 240w,
13925     //drinkolipop.com/cdn/shop/files/banana-cream-9g-olipop_gallery-image_single-can_new_asset_720x.webp?v=1779155708 360w,
13926     //drinkolipop.com/cdn/shop/files/banana-cream-9g-olipop_gallery-image_single-can_new_asset_1080x.webp?v=1779155708 540w,
13927     //drinkolipop.com/cdn/shop/files/banana-cream-9g-olipop_gallery-image_single-can_new_asset_1440x.webp?v=1779155708 720w,
13928     //drinkolipop.com/cdn/shop/files/banana-cream-9g-olipop_gallery-image_single-can_new_asset_1350x.webp?v=1779155708 900w,
13929     //drinkolipop.com/cdn/shop/files/banana-cream-9g-olipop_gallery-image_single-can_new_asset_1512x.webp?v=1779155708 1080w,
13930     //drinkolipop.com/cdn/shop/files/banana-cream-9g-olipop_gallery-image_single-can_new_asset_1728x.webp?v=1779155708 1296w,
13931     //drinkolipop.com/cdn/shop/files/banana-cream-9g-olipop_gallery-image_single-can_new_asset_1920x.webp?v=1779155708 1350w,
13932     //drinkolipop.com/cdn/shop/files/banana-cream-9g-olipop_gallery-image_single-can_new_asset_1980x.webp?v=1779155708 1728w,
13933     //drinkolipop.com/cdn/shop/files/banana-cream-9g-olipop_gallery-image_single-can_new_asset_2160x.webp?v=1779155708 1920w,
13934     //drinkolipop.com/cdn/shop/files/banana-cream-9g-olipop_gallery-image_single-can_new_asset_2880x.webp?v=1779155708 2560w,
13935     //drinkolipop.com/cdn/shop/files/banana-cream-9g-olipop_gallery-image_single-can_new_asset_4096x.webp?v=1779155708 3072w
13936  "
13937  data-src="//drinkolipop.com/cdn/shop/files/banana-cream-9g-olipop_gallery-image_single-can_new_asset_360x.webp?v=1779155708"
13938  data-optimumx="auto"
13939  data-sizes="auto"
13940  data-parent-fit="contain"
13941  width="100%"
13942  height="100%"
13943  class="lazyload tw-h-full tw-w-full tw-object-contain"
13944  data-aspectratio="0.7605263157894737"
13945  alt="Banana Cream"
13946  
13947>
13948
13949      </div>
13950
13951      
13952        <div class="tw-pointer-events-none tw-absolute tw-inset-0 tw-z-[2] tw-hidden lg:tw-block" data-hover-wave-card>
13953          <div class="tw-absolute tw-inset-0 tw-flex tw-items-end tw-overflow-hidden">
13954            <div class="tw-relative tw-h-full tw-w-full">
13955              <div class="tw-absolute tw-inset-x-0 tw-bottom-0 tw-h-full tw-overflow-hidden">
13956                <svg
13957                  class="tw-h-full tw-w-full"
13958                  viewBox="0 0 314 314"
13959                  fill="none"
13960                  xmlns="http://www.w3.org/2000/svg"
13961                  xmlns:xlink="http://www.w3.org/1999/xlink"
13962                  preserveAspectRatio="xMidYMid meet"
13963                >
13964                  <defs>
13965                    <clipPath id="clip-hover-wave-7401847029919-template--24009561342111__collection_hybrid_meta_ALe7xC" clipPathUnits="userSpaceOnUse">
13966                      <path
13967                        data-hover-wave-path
13968                        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"
13969                      />
13970                    </clipPath>
13971                  </defs>
13972                  <image
13973                    href="//drinkolipop.com/cdn/shop/products/5_CollectionspageHoverimage_1120x800_b39089bb-29e7-4038-a323-033b9c629be5_new_asset.png?v=1779072480&width=1440"
13974                    xlink:href="//drinkolipop.com/cdn/shop/products/5_CollectionspageHoverimage_1120x800_b39089bb-29e7-4038-a323-033b9c629be5_new_asset.png?v=1779072480&width=1440"
13975                    x="0"
13976                    y="0"
13977                    width="314"
13978                    height="314"
13979                    preserveAspectRatio="xMidYMax slice"
13980                    clip-path="url(#clip-hover-wave-7401847029919-template--24009561342111__collection_hybrid_meta_ALe7xC)"
13981                  />
13982                </svg>
13983              </div>
13984            </div>
13985          </div>
13986        </div>
13987      
13988    </a>
13989
13990    
13991      <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">
13992        
13993          <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">
13994            <input type="hidden" name="id" value="42237531390111">
13995            <input type="hidden" name="quantity" value="1">
13996            <button
13997              type="submit"
13998              name="add"
13999              data-add-to-cart
14000              data-product-card-cta
14001              aria-label="Add 12 Pack- Banana Cream"
14002              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"
14003            >
14004              Add 12 Pack
14005            </button>
14006          </form>
14007        
14008      </div>
14009  </div>
14010  <!-- ./End Image Container -->
14011
14012  <!-- Text Container -->
14013  <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">
14014    
14015      <div class="tw-flex tw-min-h-[16px] tw-items-center tw-justify-center">
14016        <div
14017          data-bv-show="inline_rating"
14018          data-bv-product-id="7401847029919"
14019          class="bazaarvoice-product-summary bazaarvoice-product-summary--big product-card__inline-rating"
14020        ></div>
14021      </div>
14022    
14023
14024    <p class="tw-min-h-[25px] tw-font-body tw-text-[14px] tw-font-normal tw-leading-[180%] tw-text-[#0A3128] tw-mt-[3px]">
14025      
14026        9g Fiber
14027      
14028    </p>
14029
14030    <p class="tw-text-[16px] tw-leading-[140%]" role="heading" aria-level="3">
14031      <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
14031px] tw-font-bold tw-leading-[140%] tw-text-[#034638]">
14032        Banana Cream
14033      </a>
14034    </p>
14035
14036    
14037      <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">
14038        <input type="hidden" name="id" value="42237531390111">
14039        <input type="hidden" name="quantity" value="1">
14040        <button
14041          type="submit"
14042          name="add"
14043          data-add-to-cart
14044          data-product-card-cta
14045          aria-label="Add 12 Pack- Banana Cream"
14046          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"
14047        >
14048          Add 12 Pack
14049        </button>
14050      </form>
14051    
14052  </div>
14053  <!-- ./End Text Container -->
14054</div>
14055
14056</div>
14057            </div>
14058          </div></div>
14059    </div>
14060  </div>
14061</div>
14062
14063<script>
14064  document.addEventListener('DOMContentLoaded', () => {
14065    const sectionRoot = document.querySelector('#shopify-section-template--24009561342111__collection_hybrid_meta_ALe7xC');
14066    if (!sectionRoot) return;
14067
14068    if (typeof window.initProductCardHoverWaves === 'function') {
14069      window.initProductCardHoverWaves(sectionRoot);
14070    }
14071
14072    const collectionEventName = 'Collection Card Product Add';
14073    const filterAnchorEventName = 'Collection Card Filter Click';
14074    const collectionCard = sectionRoot.querySelectorAll('[data-product-title]');
14075    const filterAnchor = sectionRoot.querySelectorAll('[data-filter-anchor]');
14076
14077    filterAnchor.forEach((el) => {
14078      const anchorLabel = el.textContent.trim();
14079      el.addEventListener('click', () => {
14080        if (window.gtag) {
14081          window.gtag('event', filterAnchorEventName, {
14082            event_detail: `anchor label - ${anchorLabel}`,
14083          });
14084        }
14085        window.igEvents = window.igEvents || [];
14086        window.igEvents.push({
14087          event: filterAnchorEventName,
14088          properties: { anchorLabel },
14089        });
14090      });
14091    });
14092
14093    collectionCard.forEach((el) => {
14094      const productTitle = el.dataset.productTitle;
14095      const cta = el.querySelector("[data-action='add-variant']");
14096      if (!cta) return;
14097      cta.addEventListener('click', () => {
14098        if (window.gtag) {
14099          window.gtag('event', collectionEventName, {
14100            event_detail: `product title - ${productTitle}`,
14101          });
14102        }
14103        window.igEvents = window.igEvents || [];
14104        window.igEvents.push({
14105          event: collectionEventName,
14106          properties: { productTitle },
14107        });
14108      });
14109    });
14110
14111    const jumpBar = sectionRoot.querySelector('.clp-jump-links');
14112    const headerGroup = document.querySelector('#shopify-section-header');
14113    const headerWrapper = headerGroup ? headerGroup.querySelector('.header-wrapper') : null;
14114    const announcementBar = document.querySelector('.section-announcement-bar');
14115    const jumpScrollEl = sectionRoot.querySelector('.clp-jump-links-scroll');
14116    const jumpLinksInnerEl = sectionRoot.querySelector('.clp-jump-links-inner');
14117
14118    const setClpStickyTop = () => {
14119      const headerBottom = headerGroup ? Math.max(0, Math.round(headerGroup.getBoundingClientRect().bottom)) : 0;
14120      const announcementBottom = announcementBar ? Math.max(0, Math.round(announcementBar.getBoundingClientRect().bottom)) : 0;
14121      const stickyTop = Math.max(headerBottom, announcementBottom);
14122      if (stickyTop > 0) {
14123        sectionRoot.style.setProperty('--clp-sticky-top', `${stickyTop}px`);
14124        return;
14125      }
14126      sectionRoot.style.setProperty('--clp-sticky-top', 'var(--site-header-height, 64px)');
14127    };
14128
14129    const setClpHeroOverlap = () => {
14130      const rootStyles = getComputedStyle(document.documentElement);
14131      const fallbackHeaderHeight =
14132        parseFloat(rootStyles.getPropertyValue('--site-header-height').trim()) || 64;
14133
14134      const headerHeight = headerWrapper
14135        ? Math.max(0, Math.round(headerWrapper.getBoundingClientRect().height))
14136        : fallbackHeaderHeight;
14137      // Hero overlap should match the actual header height only.
14138      // This aligns hero background with the HEADER top border (announcement stays above it).
14139      sectionRoot.style.setProperty('--clp-hero-overlap', `${headerHeight}px`);
14140    };
14141
14142    const setClpJumpBarHeight = () => {
14143      if (!jumpBar) return;
14144      sectionRoot.style.setProperty(
14145        '--clp-jump-links-bar-height',
14146        `${Math.round(jumpBar.getBoundingClientRect().height)}px`
14147      );
14148    };
14149
14150    const updateJumpLinksCentering = () => {
14151      if (!jumpScrollEl || !jumpLinksInnerEl) return;
14152      // If the inner content fits, center it within the scroll viewport.
14153      const tolerance = 6; // px (account for rounding + padding)
14154      const isOverflowed = jumpLinksInnerEl.scrollWidth > jumpScrollEl.clientWidth + tolerance;
14155      const isMobile = window.matchMedia('(max-width: 1023px)').matches;
14156      jumpScrollEl.classList.toggle('clp-jump-links-scroll--centered', isMobile && !isOverflowed);
14157      if (isMobile && !isOverflowed) jumpScrollEl.scrollLeft = 0;
14158    };
14159
14160    const readStickyTop = () => {
14161      if (jumpBar) {
14162        const topPx = parseFloat(getComputedStyle(jumpBar).top);
14163        if (!Number.isNaN(topPx)) return topPx;
14164      }
14165      const rootStyles = getComputedStyle(document.documentElement);
14166      const stickyTopRaw =
14167        sectionRoot.style.getPropertyValue('--clp-sticky-top').trim() ||
14168        rootStyles.getPropertyValue('--clp-sticky-top').trim() ||
14169        rootStyles.getPropertyValue('--site-header-height').trim();
14170      return parseFloat(stickyTopRaw) || 0;
14171    };
14172
14173    const updateJumpBarStuckState = () => {
14174      if (!jumpBar || clpJumpScrolling) return;
14175      const stickyTop = readStickyTop();
14176      const rect = jumpBar.getBoundingClientRect();
14177      const isStuck = rect.top <= stickyTop + 1 && rect.bottom > stickyTop + 1;
14178      jumpBar.classList.toggle('is-stuck', isStuck);
14179      document.body.classList.toggle('clp-jump-links-shadow-active', isStuck);
14180    };
14181
14182    const readHeaderBottom = () => {
14183      if (headerGroup) {
14184        const bottom = Math.round(headerGroup.getBoundingClientRect().bottom);
14185        if (bottom > 0) return bottom;
14186      }
14187      const rootStyles = getComputedStyle(document.documentElement);
14188      const fromVar = parseFloat(rootStyles.getPropertyValue('--header-group-bottom-position'));
14189      if (!Number.isNaN(fromVar) && fromVar > 0) return fromVar;
14190      return readStickyTop() || 64;
14191    };
14192
14193    const readJumpBarHeight = () => {
14194      if (!jumpBar) return 0;
14195      const barRaw = sectionRoot.style.getPropertyValue('--clp-jump-links-bar-height').trim() || '';
14196      const fromVar = parseFloat(barRaw);
14197      if (!Number.isNaN(fromVar) && fromVar > 0) return Math.round(fromVar);
14198      return Math.round(jumpBar.getBoundingClientRect().height) || 0;
14199    };
14200
14201    const readAnchorOffset = () => {
14202      const offsetRaw = sectionRoot.style.getPropertyValue('--clp-anchor-offset').trim() || '';
14203      return parseFloat(offsetRaw) || 0;
14204    };
14205
14206    const jumpScrollOffset = () => readHeaderBottom() + readJumpBarHeight() + readAnchorOffset();
14207
14208    let clpSyncActiveLockUntil = 0;
14209    let clpJumpScrollToken = 0;
14210    let clpJumpFinishTimer = null;
14211    let clpInitHashTimer = null;
14212    let clpJumpScrolling = false;
14213    let clpJumpBarRevealTimer = null;
14214
14215    const jumpSpacer = sectionRoot.querySelector('[data-clp-jump-spacer]');
14216
14217    const clearJumpFinishTimer = () => {
14218      if (clpJumpFinishTimer) {
14219        window.clearTimeout(clpJumpFinishTimer);
14220        clpJumpFinishTimer = null;
14221      }
14222    };
14223
14224    const clearJumpBarRevealTimer = () => {
14225      if (clpJumpBarRevealTimer) {
14226        window.clearTimeout(clpJumpBarRevealTimer);
14227        clpJumpBarRevealTimer = null;
14228      }
14229    };
14230
14231    const isJumpBarStuck = () => {
14232      if (!jumpBar) return false;
14233      const stickyTop = readStickyTop();
14234      const rect = jumpBar.getBoundingClientRect();
14235      return rect.top <= stickyTop + 1 && rect.bottom > stickyTop + 1;
14236    };
14237
14238    const lockJumpBarForScroll = ({ delayedReveal = false } = {}) => {
14239      if (!jumpBar) return;
14240      clearJumpBarRevealTimer();
14241      setClpJumpBarHeight();
14242      const barHeight = Math.round(jumpBar.getBoundingClientRect().height);
14243      if (jumpSpacer) {
14244        jumpSpacer.style.height = `${barHeight}px`;
14245        jumpSpacer.classList.add('is-active');
14246      }
14247      jumpBar.classList.add('clp-jump-links--jump-scrolling');
14248      jumpBar.classList.remove('is-stuck');
14249      document.body.classList.add('clp-jump-links-shadow-active');
14250
14251      if (delayedReveal) {
14252        jumpBar.classList.add('clp-jump-links--jump-scrolling-hidden');
14253        clpJumpBarRevealTimer = window.setTimeout(() => {
14254          clpJumpBarRevealTimer = null;
14255          if (!jumpBar.classList.contains('clp-jump-links--jump-scrolling')) return;
14256          jumpBar.classList.remove('clp-jump-links--jump-scrolling-hidden');
14257        }, 300);
14258      } else {
14259        jumpBar.classList.remove('clp-jump-links--jump-scrolling-hidden');
14260      }
14261    };
14262
14263    const unlockJumpBarForScroll = () => {
14264      if (!jumpBar) return;
14265      clearJumpBarRevealTimer();
14266      jumpBar.classList.remove(
14267        'clp-jump-links--jump-scrolling',
14268        'clp-jump-links--jump-scrolling-hidden'
14269      );
14270      if (jumpSpacer) {
14271        jumpSpacer.classList.remove('is-active');
14272        jumpSpacer.style.height = '';
14273      }
14274      updateJumpBarStuckState();
14275    };
14276
14277    setClpStickyTop();
14278    setClpHeroOverlap();
14279    setClpJumpBarHeight();
14280    updateJumpBarStuckState();
14281    updateJumpLinksCentering();
14282    window.addEventListener('resize', () => {
14283      setClpStickyTop();
14284      setClpHeroOverlap();
14285      setClpJumpBarHeight();
14286      updateJumpBarStuckState();
14287      updateJumpLinksCentering();
14288    });
14289    window.addEventListener(
14290      'scroll',
14291      () => {
14292        setClpStickyTop();
14293        updateJumpBarStuckState();
14294      },
14295      { passive: true }
14296    );
14297    if (headerGroup && typeof ResizeObserver !== 'undefined') {
14298      new ResizeObserver(() => {
14299        setClpStickyTop();
14300        setClpHeroOverlap();
14301        updateJumpBarStuckState();
14302      }).observe(headerGroup);
14303    }
14304    if (announcementBar && typeof ResizeObserver !== 'undefined') {
14305      new ResizeObserver(() => {
14306        setClpStickyTop();
14307        setClpHeroOverlap();
14308        updateJumpBarStuckState();
14309      }).observe(announcementBar);
14310    }
14311    if (jumpBar && typeof ResizeObserver !== 'undefined') {
14312      new ResizeObserver(() => {
14313        setClpJumpBarHeight();
14314        updateJumpBarStuckState();
14315        updateJumpLinksCentering();
14316      }).observe(jumpBar);
14317    }
14318    setTimeout(() => {
14319      setClpStickyTop();
14320      setClpHeroOverlap();
14321      setClpJumpBarHeight();
14322      updateJumpBarStuckState();
14323      updateJumpLinksCentering();
14324    }, 300);
14325
14326    const shopAllJump = sectionRoot.querySelector('[data-clp-jump-shop-all]');
14327    const anchorJumpLinks = sectionRoot.querySelectorAll('[data-clp-jump-anchor]');
14328    const jumpTargetEls = Array.from(sectionRoot.querySelectorAll('.collection-group[id]')).filter((el) =>
14329      el.id.startsWith('hybrid-template--24009561342111__collection_hybrid_meta_ALe7xC-')
14330    );
14331
14332    const setJumpActive = (activeAnchor) => {
14333      if (!anchorJumpLinks || !anchorJumpLinks.length) return;
14334      if (shopAllJump) {
14335        shopAllJump.classList.toggle('clp-jump-link--active', !activeAnchor);
14336      }
14337      anchorJumpLinks.forEach((link) => {
14338        const id = (link.getAttribute('data-clp-jump-target') || '').trim();
14339        link.classList.toggle('clp-jump-link--active', Boolean(activeAnchor && id === activeAnchor));
14340      });
14341    };
14342
14343    const activeIdFromScroll = () => {
14344      if (!jumpTargetEls || jumpTargetEls.length === 0) return '';
14345
14346      const line = jumpScrollOffset();
14347      const tolerance = 8;
14348
14349      for (const el of jumpTargetEls) {
14350        const rect = el.getBoundingClientRect();
14351        if (rect.top <= line + tolerance && rect.bottom > line + tolerance) {
14352          return el.id;
14353        }
14354      }
14355
14356      let closest = jumpTargetEls[0];
14357      let closestDistance = Infinity;
14358      jumpTargetEls.forEach((el) => {
14359        const distance = Math.abs(el.getBoundingClientRect().top - line);
14360        if (distance < closestDistance) {
14361          closestDistance = distance;
14362          closest = el;
14363        }
14364      });
14365      return closest.id;
14366    };
14367
14368    const prefersReducedMotion = () =>
14369      window.matchMedia('(prefers-reduced-motion: reduce)').matches;
14370
14371    const finishJumpScroll = (targetId, token, updateHash) => {
14372      if (token !== clpJumpScrollToken) return;
14373      clearJumpFinishTimer();
14374      clpJumpScrolling = false;
14375      unlockJumpBarForScroll();
14376
14377      if (updateHash && window.history && typeof history.replaceState === 'function') {
14378        const nextUrl = `${window.location.pathname}${window.location.search}#${targetId}`;
14379        history.replaceState(null, '', nextUrl);
14380      }
14381
14382      setJumpActive(targetId);
14383      clpSyncActiveLockUntil = Date.now() + 500;
14384    };
14385
14386    const scrollToJumpTarget = (id, { updateHash = true, indexHint = null } = {}) => {
14387      const index =
14388        Number.isInteger(indexHint) && indexHint >= 0 && jumpTargetEls[indexHint]
14389          ? indexHint
14390          : jumpTargetEls.findIndex((el) => el.id === id);
14391      if (index < 0 || !jumpTargetEls[index]) return false;
14392
14393      const target = jumpTargetEls[index];
14394      const targetId = target.id || id;
14395      const token = ++clpJumpScrollToken;
14396
14397      clearJumpFinishTimer();
14398      if (clpInitHashTimer) {
14399        window.clearTimeout(clpInitHashTimer);
14400        clpInitHashTimer = null;
14401      }
14402
14403      setClpStickyTop();
14404      setClpJumpBarHeight();
14405      window.__clpJumpScrollUntil = Date.now() + 5000;
14406      setJumpActive(targetId);
14407
14408      clpJumpScrolling = true;
14409      lockJumpBarForScroll({ delayedReveal: !isJumpBarStuck() });
14410
14411      const runScroll = () => {
14412        if (token !== clpJumpScrollToken) return;
14413
14414        const scrollTop = window.pageYOffset || document.documentElement.scrollTop || 0;
14415        const top = Math.max(0, target.getBoundingClientRect().top + scrollTop - jumpScrollOffset());
14416        const useSmooth = !prefersReducedMotion();
14417
14418        window.scrollTo({ top, left: 0, behavior: useSmooth ? 'smooth' : 'auto' });
14419
14420        clpJumpFinishTimer = window.setTimeout(
14421          () => finishJumpScroll(targetId, token, updateHash),
14422          useSmooth ? 1200 : 80
14423        );
14424      };
14425
14426      requestAnimationFrame(() => {
14427        requestAnimationFrame(runScroll);
14428      });
14429
14430      return true;
14431    };
14432
14433    const applyJumpHashIfAny = () => {
14434      const hashId = window.location.hash ? window.location.hash.slice(1) : '';
14435      if (!hashId || !jumpTargetEls.some((el) => el.id === hashId)) return false;
14436      setJumpActive(hashId);
14437      return true;
14438    };
14439
14440    const syncJumpActiveFromScroll = () => {
14441      if (clpJumpFinishTimer || Date.now() < clpSyncActiveLockUntil) return;
14442      setJumpActive(activeIdFromScroll());
14443    };
14444
14445    const handleJumpLinkActivate = (link, e) => {
14446      if (e) {
14447        e.preventDefault();
14448        e.stopPropagation();
14449        e.stopImmediatePropagation();
14450      }
14451
14452      const id = (link.getAttribute('data-clp-jump-target') || '').trim();
14453      if (!id) return;
14454
14455      const indexHint = parseInt(link.getAttribute('data-clp-jump-index') || '', 10);
14456      scrollToJumpTarget(id, {
14457        indexHint: Number.isNaN(indexHint) ? null : indexHint,
14458      });
14459    };
14460
14461    if (anchorJumpLinks && anchorJumpLinks.length && jumpTargetEls.length) {
14462      sectionRoot.addEventListener(
14463        'click',
14464        (e) => {
14465          const link = e.target.closest('[data-clp-jump-anchor]');
14466          if (!link || !sectionRoot.contains(link)) return;
14467          handleJumpLinkActivate(link, e);
14468        },
14469        true
14470      );
14471
14472      let scrollScheduled = false;
14473      const onScrollOrResize = () => {
14474        if (scrollScheduled || clpJumpFinishTimer || clpJumpScrolling) return;
14475        scrollScheduled = true;
14476        requestAnimationFrame(() => {
14477          scrollScheduled = false;
14478          syncJumpActiveFromScroll();
14479        });
14480      };
14481      window.addEventListener('scroll', onScrollOrResize, { passive: true });
14482      window.addEventListener('resize', () => {
14483        setClpJumpBarHeight();
14484        onScrollOrResize();
14485      });
14486
14487      if (!applyJumpHashIfAny()) syncJumpActiveFromScroll();
14488
14489      clpInitHashTimer = window.setTimeout(() => {
14490        clpInitHashTimer = null;
14491        if (window.__clpJumpScrollUntil && Date.now() < window.__clpJumpScrollUntil) return;
14492        if (!applyJumpHashIfAny()) syncJumpActiveFromScroll();
14493      }, 800);
14494    }
14495  });
14496</script>
14496
14497
14498
14499</section>
14499<script data-locksmith>
14500    var load = function () {
14501
14502          if (document.querySelectorAll('.locksmith-manual-trigger').length > 0) {
14503            Locksmith.ping();
14504          }
14505
14506
14507      Locksmith.util.on('submit', 'locksmith-resource-form', function (event) {
14508        event.preventDefault();
14509        var data = Locksmith.util.serializeForm(event.target);
14510        var options = { spinner: false, container: 'locksmith-content' };
14511        // a form rendered inline (section replacement) must keep that context
14512        // on resubmit: same enclosing container (there may be several on the
14513        // page), and no layout classes or cancel affordance in the re-render
14514        var inlineContainer = event.target.closest && event.target.closest('[id^="locksmith-content"]');
14515        if (inlineContainer) {
14516          options.container = inlineContainer;
14517        }
14518        if (event.target.getAttribute('data-locksmith-inline') === 'true') {
14519          options.include_layout_classes = false;
14520        }
14521        Locksmith.postResource(data, options);
14522      });
14523
14524      Locksmith.util.on('click', 'locksmith-manual-trigger', function (event) {
14525        event.preventDefault();
14526        Locksmith.postResource({}, { spinner: true, container: document });
14527      });
14528
14529      Locksmith.submitPasscode = function (passcode) {
14530        Locksmith.postResource(
14531          { passcode: passcode },
14532          { spinner: false, container: 'locksmith-content' }
14533        );
14534      };
14535    };
14536
14537    if (typeof Locksmith !== 'undefined') {
14538      load();
14539    } else {
14540      window.addEventListener('load', load);
14541    }
14542  </script>
14542
14543      </div>
14544
14545      <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>
14546    </div>
14547
14548    <div id="shopify-section-footer" class="shopify-section"><style data-shopify>#shopify-section-footer  {
14549    --image-width: 0px;
14550    --image-width-mobile: 0.0px;
14551    --image-width-secondary: 0px;
14552    --image-width-secondary-mobile: 0.0px;
14553  }
14554
14555  #shopify-section-footer .slice-animation--left {
14556    animation: slice-small 3s cubic-bezier(0.33, 0.35, 0.73, 0.72) forwards paused;
14557  }
14558
14559  #shopify-section-footer .slice-animation--right {
14560    animation: slice-small-right 3s cubic-bezier(0.33, 0.35, 0.73, 0.72) forwards paused;
14561  }
14562
14563  @media (min-width: 750px) {
14564    #shopify-section-footer .slice-animation--left {
14565      animation: slice-medium 3s cubic-bezier(0.33, 0.35, 0.73, 0.72) forwards paused;
14566    }
14567  }
14568
14569  @media (min-width: 750px) {
14570    #shopify-section-footer .slice-animation--right {
14571      animation: slice-medium-right 3s cubic-bezier(0.33, 0.35, 0.73, 0.72) forwards paused;
14572    }
14573  }
14574
14575  @media (min-width: 1024px) {
14576    #shopify-section-footer .slice-animation--left {
14577      animation: slice-large 3s cubic-bezier(0.33, 0.35, 0.73, 0.72) forwards paused;
14578    }
14579  }
14580
14581  @media (min-width: 1024px) {
14582    #shopify-section-footer .slice-animation--right {
14583      animation: slice-large-right 3s cubic-bezier(0.33, 0.35, 0.73, 0.72) forwards paused;
14584    }
14585  }
14586
14587  @media (min-width: 1440px) {
14588    #shopify-section-footer .slice-animation--left {
14589      animation: slice-large-up 3s cubic-bezier(0.33, 0.35, 0.73, 0.72) forwards paused;
14590    }
14591  }
14592
14593  @media (min-width: 1440px) {
14594    #shopify-section-footer .slice-animation--right {
14595      animation: slice-large-up-right 3s cubic-bezier(0.33, 0.35, 0.73, 0.72) forwards paused;
14596    }
14597  }
14598
14599  @media (min-width: 1920px) {
14600    #shopify-section-footer .slice-animation--left {
14601      animation: slice-large-up 7s cubic-bezier(0.33, 0.35, 0.73, 0.72) forwards paused;
14602    }
14603  }
14604
14605  @media (min-width: 1920px) {
14606    #shopify-section-footer .slice-animation--right {
14607      animation: slice-large-up-right 7s cubic-bezier(0.33, 0.35, 0.73, 0.72) forwards paused;
14608    }
14609  }
14610
14611  @keyframes slice-large-up {
14612    0%{
14613     transform: translateX(0%)
14614    }
14615    100%{
14616      transform: translateX(calc((100vw - 1320px) / 2));
14617    }
14618  }
14619
14620  @keyframes slice-large-up-right {
14621    0%{
14622      transform: translateX(0%)
14623    }
14624    100%{
14625      transform: translateX(calc((100vw - 1320px) / -2));
14626    }
14627  }
14628
14629  @keyframes slice-large {
14630    0%{
14631     transform: translateX(0%)
14632    }
14633    100%{
14634      transform: translateX(60px)
14635    }
14636  }
14637
14638  @keyframes slice-large-right {
14639    0%{
14640      transform: translateX(0%)
14641    }
14642    100%{
14643      transform: translateX(-60px)
14644    }
14645  }
14646
14647  @keyframes slice-medium {
14648    0%{
14649     transform: translateX(0%)
14650    }
14651    100%{
14652      transform: translateX(20px)
14653    }
14654  }
14655
14656  @keyframes slice-medium-right {
14657    0%{
14658      transform: translateX(0%)
14659    }
14660    100%{
14661      transform: translateX(-20px)
14662    }
14663  }
14664
14665  @keyframes slice-small {
14666    0% {
14667      transform: translateX(0%);
14668    }
14669    100% {
14670      transform: translateX(20px)
14671    }
14672  }
14673
14674  @keyframes slice-small-right {
14675    0% {
14676      transform: translateX(0%);
14677    }
14678    100% {
14679      transform: translateX(-20px)
14680    }
14681  }
14682
14683  footer .klaviyo-form button:hover {
14684    background-color: #E2EB28 !important;
14685  }
14686
14687  .footer-menu h3 {
14688    font-weight: 800;
14689  }
14690
14691  .footer-menu a:hover {
14692    color: #FFFF7D !important;
14693  }
14694
14695  @media screen and (max-width: 750px) {
14696    .footer-link-list li:not(:last-child)::after {
14697      margin-right: 5px;
14698      margin-left: 5px;
14699    }
14700
14701    .footer-link-list {
14702      margin-right: -1rem;
14703      margin-left: -1rem;
14704    }
14705  }</style><footer
14706  class="tw-relative tw-z-10 tw-float-left tw-w-full tw-font-ano"
14707  data-section-id="footer"
14708  data-section-type="footer-section"
14709  style="background-color: #008168;"
14710>
14711  <section class="tw-pointer-events-none tw-relative tw-h-0"><div
14712      class="tw-absolute tw-z-6 tw-w-full tw-bottom-[-100%]"
14713    >
14714      <div
14715        class="wave-separator-svg__curve-up-left tw-h-[98px]"
14716        style="background-color: #008168;"
14717      ></div>
14718    </div>
14719  </section>
14720
14721  
14722
14723
14724  <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">
14725    <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">
14726        <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
14727              class="tw-text-8 lg:tw-text-12  !tw-font-display tw-font-bold tw-leading-[1.1] !tw-text-vanilla "
14728              id="footer-menu-label-1"
14729            >
14730              Sign up to get 15% off your first order
14731            </h3><klaviyo-form
14732                class="klaviyo-form tw-px-0 tw-pt-4 tw-pb-6 md:tw-py-6 tw-inline-block text-left"
14733                data-klaviyo-list-id="KdQJNU"
14734              >
14735                <form
14736                  method="post"
14737                  action="/contact#contact_form"
14738                  id="contact_form"
14739                  accept-charset="UTF-8"
14740                  class="newsletter-form"
14741                >
14742                  <input type="hidden" name="contact[tags]" value="newsletter">
14743                  <div class="klaviyo-form__wrapper rel">
14744                    <input
14745                      type="email"
14746                      id="KlaviyoForm--footer"
14747                      name="contact[email]"
14748                      value=""
14749                      aria-required="true"
14750                      autocorrect="off"
14751                      autocapitalize="off"
14752                      autocomplete="email"
14753                      required
14754                      placeholder="Your Email Address"
14755                    >
14756                    <label class="visually-hidden" for="KlaviyoForm--footer">Subscribe</label>
14757                    <button
14758                      type="submit"
14759                      name="subscribe"
14760                      id="subscribe"
14761                      aria-label="Subscribe"
14762                    >
14763                      Subscribe
14764                    </button>
14765                  </div>
14766                  
14767                    <div class="klaviyo-form__message klaviyo-form__success hide">
14768                      <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>
14769                    </div>
14770                  
14771
14772                  
14773                    <div class="klaviyo-form__message klaviyo-form__error form-error hide">
14774                      <p>Something went wrong, please try again</p>
14775                    </div>
14776                  
14777                  <div class="klaviyo-form__message klaviyo-form__error-email form-error hide tw-pt-4">
14778                    Please enter a valid email address.
14779                  </div>
14780                </form>
14781              </klaviyo-form>
14782
14783              <nav class="tw-mt-2" aria-label="Social media">
14784    <ul class="social-icons"><li class="tw-my-0 tw-mx-[10px] tw-inline-block lg:tw-mr-7 lg:tw-ml-0">
14785            <a class="tw-text-white hover:tw-text-yellow-dark" target="_blank" href="https://www.instagram.com/drinkolipop/">
14786              <svg focusable="false" class="icon icon-instagram" role="presentation" viewBox="0 0 512 512">
14787  <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"/>
14788</svg>
14789
14790              <span class="icon__fallback-text">Link to Olipop Instagram</span>
14791            </a>
14792          </li><li class="tw-my-0 tw-mx-[10px] tw-inline-block lg:tw-mr-7 lg:tw-ml-0">
14793            <a class="tw-text-white hover:tw-text-yellow-dark" target="_blank" href="https://www.tiktok.com/@drinkolipop?lang=en">
14794              <svg width="23" height="26" viewBox="0 0 23 26" fill="none" xmlns="http://www.w3.org/2000/svg" role="presentation">
14795  <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"/>
14796</svg>
14797
14798              <span class="icon__fallback-text">Link to Olipop TikTok</span>
14799            </a>
14800          </li><li class="tw-my-0 tw-mx-[10px] tw-inline-block lg:tw-mr-7 lg:tw-ml-0">
14801            <a class="tw-text-white hover:tw-text-yellow-dark" target="_blank" href="https://www.facebook.com/drinkolipop">
14802              <svg
14803  width="11"
14804  height="21"
14805  viewBox="0 0 11 21"
14806  fill="none"
14807  xmlns="http://www.w3.org/2000/svg"
14808  class="icon icon-facebook"
14809  role="presentation"
14810>
14811  <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"/>
14812</svg>
14813
14814              <span class="icon__fallback-text">Link to Olipop Facebook</span>
14815            </a>
14816          </li><li class="tw-my-0 tw-mx-[10px] tw-inline-block lg:tw-mr-7 lg:tw-ml-0">
14817            <a class="tw-text-white hover:tw-text-yellow-dark" target="_blank" href="https://www.linkedin.com/company/olipop-pbc">
14818              <svg class="icon icon-linkedin" width="24" height="24" role="presentation" viewBox="0 0 26 26">
14819  <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 "/>
14820</svg>
14821
14822              <span class="icon__fallback-text">Link to Olipop LinkedIn</span>
14823            </a>
14824          </li><li class="tw-my-0 tw-mx-[10px] tw-inline-block lg:tw-mr-7 lg:tw-ml-0">
14825            <a class="tw-text-white hover:tw-text-yellow-dark" target="_blank" href="https://www.pinterest.com/drinkolipop/">
14826              <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-pinterest" viewBox="0 0 20 20">
14827  <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"/>
14828</svg>
14829
14830              <span class="icon__fallback-text">Link to Olipop Pinterest</span>
14831            </a>
14832          </li><li class="tw-my-0 tw-mx-[10px] tw-inline-block lg:tw-mr-7 lg:tw-ml-0">
14833            <a class="tw-text-white hover:tw-text-yellow-dark" target="_blank" href="https://twitter.com/drinkolipop">
14834              <svg
14835  width="28"
14836  aria-hidden="true"
14837  focusable="false"
14838  role="presentation"
14839  height="28"
14840  viewBox="0 0 28 28"
14841  class="icon icon-twitter"
14842  fill="none"
14843  xmlns="http://www.w3.org/2000/svg"
14844>
14845  <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"/>
14846</svg>
14847
14848              <span class="icon__fallback-text">Link to Olipop Twitter</span>
14849            </a>
14850          </li><li class="tw-my-0 tw-mx-[10px] tw-inline-block lg:tw-mr-7 lg:tw-ml-0">
14851            <a class="tw-text-white hover:tw-text-yellow-dark" target="_blank" href="https://www.youtube.com/@OLIPOP">
14852              <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-youtube" width="24" height="24" viewBox="0 0 24 24">
14853  <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"/>
14854</svg>
14855              <span class="icon__fallback-text">Link to Olipop YouTube</span>
14856            </a>
14857          </li></ul>
14858  </nav>
14859</div>
14860        <div class="footer-menu  tw-w-[calc(50%_-_12px)] lg:tw-w-auto tw-mt-2 lg:tw-mt-0"><h3
14861              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"
14862              id="footer-menu-label-2"
14863            >
14864              Help
14865            </h3><nav aria-labelledby="footer-menu-label-2">
14866                <ul
14867                  id="footer-menu-items-2"
14868                  class="!tw-block"
14869                  aria-labelledby="footer-menu-label-2"
14870                ><li class="tw-mt-3 first:tw-mt-0">
14871                      <a
14872                        href="/pages/faq"
14873                        class="settings-text-base-sm tw-text-vanilla hover:tw-text-yellow-dark"
14874                        
14875                        
14876                      >
14877                        FAQ
14878                      </a>
14879                    </li><li class="tw-mt-3 first:tw-mt-0">
14880                      <a
14881                        href="/pages/fiber-education"
14882                        class="settings-text-base-sm tw-text-vanilla hover:tw-text-yellow-dark"
14883                        
14884                        
14885                      >
14886                        Fiber Education
14887                      </a>
14888                    </li><li class="tw-mt-3 first:tw-mt-0">
14889                      <a
14890                        href="https://drinkolipop.com/apps/retextion#/login"
14891                        class="settings-text-base-sm tw-text-vanilla hover:tw-text-yellow-dark"
14892                        
14893                        
14894                      >
14895                        Manage Subscriptions
14896                      </a>
14897                    </li><li class="tw-mt-3 first:tw-mt-0">
14898                      <a
14899                        href="https://drinkolipop.com/account/login"
14900                        class="settings-text-base-sm tw-text-vanilla hover:tw-text-yellow-dark"
14901                        
14902                        
14903                      >
14904                        Manage Account
14905                      </a>
14906                    </li><li class="tw-mt-3 first:tw-mt-0">
14907                      <a
14908                        href="/pages/track-your-order"
14909                        class="settings-text-base-sm tw-text-vanilla hover:tw-text-yellow-dark"
14910                        
14911                        
14912                      >
14913                        Track Your Order
14914                      </a>
14915                    </li><li class="tw-mt-3 first:tw-mt-0">
14916                      <a
14917                        href="/pages/satisfactionguarantee"
14918                        class="settings-text-base-sm tw-text-vanilla hover:tw-text-yellow-dark"
14919                        
14920                        
14921                      >
14922                        Satisfaction Guarantee
14923                      </a>
14924                    </li><li class="tw-mt-3 first:tw-mt-0">
14925                      <a
14926                        href="/pages/accessibility"
14927                        class="settings-text-base-sm tw-text-vanilla hover:tw-text-yellow-dark"
14928                        
14929                        
14930                      >
14931                        Accessibility
14932                      </a>
14933                    </li><li class="tw-mt-3 first:tw-mt-0">
14934                      <a
14935                        href="/pages/contact-us"
14936                        class="settings-text-base-sm tw-text-vanilla hover:tw-text-yellow-dark"
14937                        
14938                        
14939                      >
14940                        Contact Us
14941                      </a>
14942                    </li>
14943                </ul>
14944              </nav></div>
14945        <div class="footer-menu  tw-w-[calc(50%_-_12px)] lg:tw-w-auto tw-mt-2 lg:tw-mt-0"><h3
14946              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"
14947              id="footer-menu-label-3"
14948            >
14949              Company
14950            </h3><nav aria-labelledby="footer-menu-label-3">
14951                <ul
14952                  id="footer-menu-items-3"
14953                  class="!tw-block"
14954                  aria-labelledby="footer-menu-label-3"
14955                ><li class="tw-mt-3 first:tw-mt-0">
14956                      <a
14957                        href="https://drinkolipop.com/pages/olipop-rewards"
14958                        class="settings-text-base-sm tw-text-vanilla hover:tw-text-yellow-dark"
14959                        
14960                        
14961                      >
14962                        Earn Rewards
14963                      </a>
14964                    </li><li class="tw-mt-3 first:tw-mt-0">
14965                      <a
14966                        href="/pages/sustainability"
14967                        class="settings-text-base-sm tw-text-vanilla hover:tw-text-yellow-dark"
14968                        
14969                        
14970                      >
14971                        Sustainability
14972                      </a>
14973                    </li><li class="tw-mt-3 first:tw-mt-0">
14974                      <a
14975                        href="/pages/careers"
14976                        class="settings-text-base-sm tw-text-vanilla hover:tw-text-yellow-dark"
14977                        
14978                        
14979                      >
14980                        Careers
14981                      </a>
14982                    </li><li class="tw-mt-3 first:tw-mt-0">
14983                      <a
14984                        href="/pages/product-quality-and-safety"
14985                        class="settings-text-base-sm tw-text-vanilla hover:tw-text-yellow-dark"
14986                        
14987                        
14988                      >
14989                        Quality &amp; Safety
14990                      </a>
14991                    </li><li class="tw-mt-3 first:tw-mt-0">
14992                      <a
14993                        href="/blogs/digest"
14994                        class="settings-text-base-sm tw-text-vanilla hover:tw-text-yellow-dark"
14995                        
14996                        
14997                      >
14998                        OLIPOP Blog
14999                      </a>
15000                    </li><li class="tw-mt-3 first:tw-mt-0">
15001                      <a
15002                        href="/pages/press"
15003                        class="settings-text-base-sm tw-text-vanilla hover:tw-text-yellow-dark"
15004                        
15005                        
15006                      >
15007                        Press
15008                      </a>
15009                    </li><li class="tw-mt-3 first:tw-mt-0">
15010                      <a
15011                        href="/pages/affiliate-program"
15012                        class="settings-text-base-sm tw-text-vanilla hover:tw-text-yellow-dark"
15013                        
15014                        
15015                      >
15016                        Affiliate Program
15017                      </a>
15018                    </li><li class="tw-mt-3 first:tw-mt-0">
15019                      <a
15020                        href="/pages/rd-program"
15021                        class="settings-text-base-sm tw-text-vanilla hover:tw-text-yellow-dark"
15022                        
15023                        
15024                      >
15025                        Registered Dietitian Program
15026                      </a>
15027                    </li><li class="tw-mt-3 first:tw-mt-0">
15028                      <a
15029                        href="https://drinkolipop-wholesale.com/"
15030                        class="settings-text-base-sm tw-text-vanilla hover:tw-text-yellow-dark"
15031                        
15032                        
15033                          target="_blank"
15034                        
15035                      >
15036                        Wholesale
15037                      </a>
15038                    </li>
15039                </ul>
15040              </nav></div></div>
15041
15042    <div class="tw-mt-10 tw-text-center lg:tw-text-left">
15043      <a
15044        href="https://www.bcorporation.net/en-us/find-a-b-corp/company/olipop/"
15045        target="_blank"
15046        aria-label="Certified corporation link"
15047      ><svg
15048  width="48"
15049  height="80"
15050  viewBox="0 0 48 80"
15051  fill="none"
15052  aria-hidden="true"
15053  focusable="false"
15054  role="presentation"
15055>
15056  <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
15056M46.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
150565 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
150567 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"/>
15057</svg>
15058</a>
15059    </div>
15060
15061    <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">
15062      <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">
15063        &copy; 2026 Olipop, Inc. All Rights Reserved
15064      </div>
15065      
15066        <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">
15067          
15068<li class="tw-flex tw-items-center">
15069              <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>
15070            </li>
15071          
15072<li class="tw-flex tw-items-center">
15073              <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>
15074            </li>
15075          
15076<li class="tw-flex tw-items-center">
15077              <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>
15078            </li>
15079          
15080<li class="tw-flex tw-items-center">
15081              <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>
15082            </li>
15083          
15084        </ul>
15085      
15086    </div>
15087  </div>
15088</footer>
15089
15090
15091</div>
15092
15093    
15094<script>
15095  (function () {
15096    if (window.__productCardHoverWaveScriptLoaded) return;
15097    window.__productCardHoverWaveScriptLoaded = true;
15098
15099    var CARD_SIZE = 314;
15100    var DURATION_MS = 700;
15101    var clipIdCounter = 0;
15102    var delegationBound = false;
15103
15104    function clamp(value, min, max) {
15105      return Math.max(min, Math.min(max, value));
15106    }
15107
15108    function easeOutCubic(t) {
15109      return 1 - Math.pow(1 - t, 3);
15110    }
15111
15112    function lerp(start, end, t) {
15113      return start + (end - start) * t;
15114    }
15115
15116    function wavePathForReveal(revealPx) {
15117      var reveal = clamp(revealPx, 0, CARD_SIZE);
15118      var offset = CARD_SIZE - reveal;
15119      var progress = reveal / CARD_SIZE;
15120      var fadeStart = 0.84;
15121      var fadeProgress = clamp((progress - fadeStart) / (1 - fadeStart), 0, 1);
15122      var fadeEased = easeOutCubic(fadeProgress);
15123
15124      var y0 = lerp(4.4565 + offset, offset, fadeEased);
15125      var c1y = lerp(4.41899 + offset, offset, fadeEased);
15126      var c2y = lerp(-13.1434 + offset, offset, fadeEased);
15127      var c3y = lerp(26.0583 + offset, offset, fadeEased);
15128      var c4y = lerp(65.2601 + offset, offset, fadeEased);
15129      var c5y = lerp(0.456482 + offset, offset, fadeEased);
15130      var endY = lerp(0.456482 + offset, offset, fadeEased);
15131
15132      return (
15133        'M314 314H0.000422459L0.00012756 ' +
15134        y0 +
15135        'C-0.0456402 ' +
15136        c1y +
15137        ' 62.4 ' +
15138        c2y +
15139        ' 157 ' +
15140        c3y +
15141        'C251.6 ' +
15142        c4y +
15143        ' 314 ' +
15144        c5y +
15145        ' 314 ' +
15146        endY +
15147        'V314Z'
15148      );
15149    }
15150
15151    function ensureUniqueClipPath(card) {
15152      var clipPath = card.querySelector('clipPath');
15153      var image = card.querySelector('image[clip-path]');
15154      if (!clipPath || !image) return;
15155
15156      if (clipPath.dataset.hoverWaveClipBound === 'true') return;
15157
15158      var existingId = clipPath.getAttribute('id');
15159      if (existingId) {
15160        var matches = document.querySelectorAll('[id="' + CSS.escape(existingId) + '"]');
15161        if (matches.length > 1) {
15162          clipIdCounter += 1;
15163          var newId = existingId + '-inst-' + clipIdCounter;
15164          clipPath.setAttribute('id', newId);
15165          image.setAttribute('clip-path', 'url(#' + newId + ')');
15166        }
15167      }
15168
15169      clipPath.dataset.hoverWaveClipBound = 'true';
15170    }
15171
15172    function animateCard(card, toReveal) {
15173      var path = card.querySelector('[data-hover-wave-path]');
15174      if (!path) return;
15175
15176      var fromReveal = Number(card.dataset.hoverReveal || 0);
15177      var to = clamp(toReveal, 0, CARD_SIZE);
15178      card.dataset.hoverRevealTarget = String(to);
15179
15180      if (card.__hoverWaveRafId) {
15181        cancelAnimationFrame(card.__hoverWaveRafId);
15182      }
15183
15184      var startedAt = performance.now();
15185
15186      function step(now) {
15187        var t = clamp((now - startedAt) / DURATION_MS, 0, 1);
15188        var eased = easeOutCubic(t);
15189        var reveal = fromReveal + (to - fromReveal) * eased;
15190
15191        card.dataset.hoverReveal = String(reveal);
15192        path.setAttribute('d', wavePathForReveal(reveal));
15193
15194        if (t < 1) {
15195          card.__hoverWaveRafId = requestAnimationFrame(step);
15196        } else {
15197          card.dataset.hoverReveal = String(to);
15198          card.__hoverWaveRafId = null;
15199        }
15200      }
15201
15202      card.__hoverWaveRafId = requestAnimationFrame(step);
15203    }
15204
15205    function getWaveCardFromProductCard(productCard) {
15206      if (!productCard) return null;
15207      return productCard.querySelector('[data-hover-wave-card][data-hover-wave-ready="true"]');
15208    }
15209
15210    function bindDelegation() {
15211      if (delegationBound) return;
15212      delegationBound = true;
15213
15214      document.addEventListener(
15215        'pointerover',
15216        function (event) {
15217          var productCard = event.target.closest('.product-card');
15218          if (!productCard || productCard.contains(event.relatedTarget)) return;
15219
15220          var waveCard = getWaveCardFromProductCard(productCard);
15221          if (waveCard) animateCard(waveCard, CARD_SIZE);
15222        },
15223        true
15224      );
15225
15226      document.addEventListener(
15227        'pointerout',
15228        function (event) {
15229          var productCard = event.target.closest('.product-card');
15230          if (!productCard || productCard.contains(event.relatedTarget)) return;
15231
15232          var waveCard = getWaveCardFromProductCard(productCard);
15233          if (waveCard) animateCard(waveCard, 0);
15234        },
15235        true
15236      );
15237
15238      document.addEventListener('focusin', function (event) {
15239        var productCard = event.target.closest('.product-card');
15240        var waveCard = getWaveCardFromProductCard(productCard);
15241        if (waveCard) animateCard(waveCard, CARD_SIZE);
15242      });
15243
15244      document.addEventListener('focusout', function (event) {
15245        var productCard = event.target.closest('.product-card');
15246        if (!productCard || productCard.contains(event.relatedTarget)) return;
15247
15248        var waveCard = getWaveCardFromProductCard(productCard);
15249        if (waveCard) animateCard(waveCard, 0);
15250      });
15251
15252      document.addEventListener('click', function (event) {
15253        if (!event.target.closest('[data-product-card-cta]')) return;
15254        var productCard = event.target.closest('.product-card');
15255        if (!productCard) return;
15256        event.stopPropagation();
15257      });
15258    }
15259
15260    function initCard(card) {
15261      if (card.dataset.hoverWaveReady === 'true') return;
15262
15263      var path = card.querySelector('[data-hover-wave-path]');
15264      if (!path) return;
15265
15266      if (!card.closest('.product-card')) return;
15267
15268      ensureUniqueClipPath(card);
15269      card.dataset.hoverWaveReady = 'true';
15270      card.dataset.hoverReveal = '0';
15271      path.setAttribute('d', wavePathForReveal(0));
15272    }
15273
15274    function initProductCardHoverWaves(root) {
15275      bindDelegation();
15276      var scope = root && root.nodeType ? root : document;
15277      var cards = scope.querySelectorAll('[data-hover-wave-card]');
15278      for (var i = 0; i < cards.length; i += 1) {
15279        initCard(cards[i]);
15280      }
15281    }
15282
15283    window.initProductCardHoverWaves = initProductCardHoverWaves;
15284
15285    function scanDocument() {
15286      initProductCardHoverWaves(document);
15287    }
15288
15289    if (document.readyState === 'loading') {
15290      document.addEventListener('DOMContentLoaded', scanDocument);
15291    } else {
15292      scanDocument();
15293    }
15294
15295    document.addEventListener('shopify:section:load', scanDocument);
15296    window.addEventListener('pageshow', function (event) {
15297      if (event.persisted) scanDocument();
15298    });
15299  })();
15300</script>
15300
15301
15302    <div id="gorgias-chat-container"></div>
15303
15304
15305    <ul hidden>
15306      <li id="a11y-refresh-page-message">Choosing a selection results in a full page refresh.</li>
15307      <li id="a11y-selection-message">Press the space key then arrow keys to make a selection.</li>
15308    </ul>
15309    <!-- Hides Gorgias Chatbox until SE Cookies Policy is accepted -->
15310<style media="screen" id="hide-chatbox">
15311  iframe#gorgias-web-messenger-container {
15312    display: none;
15313  }
15314</style>
15315
15316<script type="text/javascript">
15317  $(document).ready(function () {
15318    function showChat() {
15319      if ($('#se-cookies-message').hasClass('se-cookies-message-open')) {
15320        console.log('Hiding chatbox');
15321        $('#hide-chatbox').html('iframe#gorgias-web-messenger-container {display: none;}');
15322      } else {
15323        console.log('Showing chatbox');
15324        $('#hide-chatbox').html('iframe#gorgias-web-messenger-container {display: block;}');
15325      }
15326    }
15327
15328    showChat();
15329
15330    $('#se-accept-cookies-checkbox').click(function () {
15331      $('#hide-chatbox').html('iframe#gorgias-web-messenger-container {display: block;}');
15332    });
15333  });
15334</script>
15334
15335
15336
15337    <!-- Back in Stock helper snippet -->
15338    
15339
15340<script id="back-in-stock-helper">
15341    var _BISConfig = _BISConfig || {};
15342
15343  
15344
15345  
15346</script>
15346
15347
15348    <!-- End Back in Stock helper snippet -->
15349
15350    <!-- Gorgias Chat Widget Start -->
15351
15352
15353<script
15354  id="gorgias-chat-widget-install-v2"
15355  src="https://config.gorgias.chat/gorgias-chat-bundle-loader.js?applicationId=1599"
15356></script>
15356
15357
15358<script>
15359  if (window.GorgiasChat) {
15360    GorgiasChat.init().then(function () {
15361      // Use GorgiasChat API here, now that the chat is fully initialized.
15362      var gorgiasChatInterval = window.setInterval(function () {
15363        var container = document.querySelector('#gorgias-chat-container');
15364        if (window.GorgiasChat && GorgiasChat.hasOwnProperty('on')) {
15365          if (window.location.hostname !== 'localhost') {
15366            GorgiasChat.setShopifyContext('olipop-store.myshopify.com/');
15367          }
15368        }
15369      }, 50);
15370    });
15371  }
15372</script>
15372
15373
15374    
15374<script type="text/javascript">
15375  ire('identify', { customerId: '', customerEmail: '' });
15376</script>
15376
15377
15378    <!--
15379  This JS is taken from this article - https://www.24a11y.com/2019/select-your-poison-part-2/
15380  It is also modified to be used as a way to decorate select dropdowns and make them
15381  accessible using keyboards.
15382
15383  How to use it:
15384  Add js-combobox class to the <select> element you would like to replace with the combobox.
15385  Hide your <select> element as well as corresponding <label> element with display: none;.
15386
15387  On load, this libary will create a new <label> element and a combobox element which consists
15388  of an input element and a listbox.
15389
15390  The new <label> element will have select label's aria-label.
15391  The new combobox element will have select options' values and text.
15392
15393  On option select, this libary will also set your hidden <select> element's val so it
15394  can be used further.
15395-->
15396
15397<script>
15398  jQuery(document).ready(function () {
15399    /*
15400     * Helper constants and functions
15401     */
15402
15403    // make it easier for ourselves by putting some values in objects
15404    // in TypeScript, these would be enums
15405    const Keys = {
15406      Backspace: 'Backspace',
15407      Clear: 'Clear',
15408      Down: 'ArrowDown',
15409      End: 'End',
15410      Enter: 'Enter',
15411      Escape: 'Escape',
15412      Home: 'Home',
15413      Left: 'ArrowLeft',
15414      PageDown: 'PageDown',
15415      PageUp: 'PageUp',
15416      Right: 'ArrowRight',
15417      Space: ' ',
15418      Tab: 'Tab',
15419      Up: 'ArrowUp',
15420    };
15421
15422    const MenuActions = {
15423      Close: 0,
15424      CloseSelect: 1,
15425      First: 2,
15426      Last: 3,
15427      Next: 4,
15428      Open: 5,
15429      Previous: 6,
15430      Select: 7,
15431      Space: 8,
15432      Type: 9,
15433    };
15434
15435    // filter an array of options against an input string
15436    // returns an array of options that begin with the filter string, case-independent
15437    function filterOptions(options = [], filter, exclude = []) {
15438      return options.filter((option) => {
15439        const matches = option.toLowerCase().indexOf(filter.toLowerCase()) === 0;
15440        return matches && exclude.indexOf(option) < 0;
15441      });
15442    }
15443
15444    // return an array of exact option name matches from a comma-separated string
15445    function findMatches(options, search) {
15446      const names = search.split(',');
15447      return names
15448        .map((name) => {
15449          const match = options.filter((option) => name.trim().toLowerCase() === option.toLowerCase());
15450          return match.length > 0 ? match[0] : null;
15451        })
15452        .filter((option) => option !== null);
15453    }
15454
15455    // return combobox action from key press
15456    function getActionFromKey(key, menuOpen) {
15457      // handle opening when closed
15458      if (!menuOpen && key === Keys.Down) {
15459        return MenuActions.Open;
15460      }
15461
15462      // handle keys when open
15463      if (key === Keys.Down) {
15464        return MenuActions.Next;
15465      } else if (key === Keys.Up) {
15466        return MenuActions.Previous;
15467      } else if (key === Keys.Home) {
15468        return MenuActions.First;
15469      } else if (key === Keys.End) {
15470        return MenuActions.Last;
15471      } else if (key === Keys.Escape) {
15472        return MenuActions.Close;
15473      } else if (key === Keys.Enter) {
15474        return MenuActions.CloseSelect;
15475      } else if (key === Keys.Backspace || key === Keys.Clear || key.length === 1) {
15476        return MenuActions.Type;
15477      }
15478    }
15479
15480    // get index of option that matches a string
15481    function getIndexByLetter(options, filter) {
15482      const firstMatch = filterOptions(options, filter)[0];
15483      return firstMatch ? options.indexOf(firstMatch) : -1;
15484    }
15485
15486    // get updated option index
15487    function getUpdatedIndex(current, max, action) {
15488      switch (action) {
15489        case MenuActions.First:
15490          return 0;
15491        case MenuActions.Last:
15492          return max;
15493        case MenuActions.Previous:
15494          return Math.max(0, current - 1);
15495        case MenuActions.Next:
15496          return Math.min(max, current + 1);
15497        default:
15498          return current;
15499      }
15500    }
15501
15502    // check if an element is currently scrollable
15503    function isScrollable(element) {
15504      return element && element.clientHeight < element.scrollHeight;
15505    }
15506
15507    // ensure given child element is within the parent's visible scroll area
15508    function maintainScrollVisibility(activeElement, scrollParent) {
15509      const { offsetHeight, offsetTop } = activeElement;
15510      const { offsetHeight: parentOffsetHeight, scrollTop } = scrollParent;
15511
15512      const isAbove = offsetTop < scrollTop;
15513      const isBelow = offsetTop + offsetHeight > scrollTop + parentOffsetHeight;
15514
15515      if (isAbove) {
15516        scrollParent.scrollTo(0, offsetTop);
15517      } else if (isBelow) {
15518        scrollParent.scrollTo(0, offsetTop - parentOffsetHeight + offsetHeight);
15519      }
15520    }
15521
15522    /*
15523     * ARIA 1.1 Readonly Input code
15524     */
15525    const ARIA11Combo = function (el, options, optionValues, selectEl) {
15526      // element refs
15527      this.el = el;
15528      this.selectEl = selectEl;
15529      this.comboEl = el.querySelector('[role=combobox]');
15530      this.inputEl = el.querySelector('input');
15531      this.listboxEl = el.querySelector('[role=listbox]');
15532
15533      // data
15534      this.idBase = this.inputEl.id;
15535      this.options = options;
15536      this.optionValues = optionValues;
15537
15538      // state
15539      this.activeIndex = 0;
15540      this.open = false;
15541    };
15542
15543    ARIA11Combo.prototype.init = function () {
15544      this.inputEl.addEventListener('input', this.onInput.bind(this));
15545      this.inputEl.addEventListener('blur', this.onInputBlur.bind(this));
15546      this.inputEl.addEventListener('click', () => this.updateMenuState(true));
15547      this.inputEl.addEventListener('keydown', this.onInputKeyDown.bind(this));
15548
15549      this.options.map((option, index) => {
15550        const optionEl = document.createElement('div');
15551        optionEl.setAttribute('role', 'option');
15552        optionEl.id = `${this.idBase}-${index}`;
15553        optionEl.className = index === 0 ? 'combo-option option-current' : 'combo-option';
15554        optionEl.setAttribute('aria-selected', 'false');
15555        optionEl.innerText = option;
15556
15557        optionEl.addEventListener('click', () => {
15558          this.onOptionClick(index);
15559        });
15560        optionEl.addEventListener('mousedown', this.onOptionMouseDown.bind(this));
15561
15562        this.listboxEl.appendChild(optionEl);
15563      });
15564      this.onOptionClick(0);
15565    };
15566
15567    ARIA11Combo.prototype.onInput = function () {
15568      const curValue = this.inputEl.value;
15569      const matches = filterOptions(this.options, curValue);
15570
15571      // set activeIndex to first matching option
15572      // (or leave it alone, if the active option is already in the matching set)
15573      const filterCurrentOption = matches.filter((option) => option === this.options[this.activeIndex]);
15574      if (matches.length > 0 && !filterCurrentOption.length) {
15575        this.onOptionChange(this.options.indexOf(matches[0]));
15576      }
15577
15578      const menuState = this.options.length > 0;
15579      if (this.open !== menuState) {
15580        this.updateMenuState(menuState, false);
15581      }
15582    };
15583
15584    ARIA11Combo.prototype.onInputKeyDown = function (event) {
15585      const { key } = event;
15586      const max = this.options.length - 1;
15587
15588      const action = getActionFromKey(key, this.open);
15589
15590      switch (action) {
15591        case MenuActions.Next:
15592        case MenuActions.Last:
15593        case MenuActions.First:
15594        case MenuActions.Previous:
15595          event.preventDefault();
15596          return this.onOptionChange(getUpdatedIndex(this.activeIndex, max, action));
15597        case MenuActions.CloseSelect:
15598          event.preventDefault();
15599          this.selectOption(this.activeIndex);
15600          return this.updateMenuState(false);
15601        case MenuActions.Close:
15602          event.preventDefault();
15603          return this.updateMenuState(false);
15604        case MenuActions.Type:
15605          this.onOptionChange(Math.max(0, getIndexByLetter(this.options, key)));
15606        case MenuActions.Open:
15607          return this.updateMenuState(true);
15608      }
15609    };
15610
15611    ARIA11Combo.prototype.onInputBlur = function () {
15612      if (this.ignoreBlur) {
15613        this.ignoreBlur = false;
15614        return;
15615      }
15616
15617      if (this.open) {
15618        this.updateMenuState(false, false);
15619      }
15620    };
15621
15622    ARIA11Combo.prototype.onOptionChange = function (index) {
15623      this.activeIndex = index;
15624      this.inputEl.setAttribute('aria-activedescendant', `${this.idBase}-${index}`);
15625
15626      // update active style
15627      const options = this.el.querySelectorAll('[role=option]');
15628      [...options].forEach((optionEl) => {
15629        optionEl.classList.remove('option-current');
15630      });
15631      options[index].classList.add('option-current');
15632
15633      if (this.open && isScrollable(this.listboxEl)) {
15634        maintainScrollVisibility(options[index], this.listboxEl);
15635      }
15636    };
15637
15638    ARIA11Combo.prototype.onOptionClick = function (index) {
15639      this.onOptionChange(index);
15640      this.selectOption(index);
15641      this.updateMenuState(false);
15642    };
15643
15644    ARIA11Combo.prototype.onOptionMouseDown = function () {
15645      this.ignoreBlur = true;
15646    };
15647
15648    ARIA11Combo.prototype.selectOption = function (index) {
15649      const selected = this.options[index];
15650      this.inputEl.value = selected;
15651      this.activeIndex = index;
15652
15653      // update aria-selected
15654      const options = this.el.querySelectorAll('[role=option]');
15655      [...options].forEach((optionEl) => {
15656        optionEl.setAttribute('aria-selected', 'false');
15657      });
15658      options[index].setAttribute('aria-selected', 'true');
15659
15660      // Update hidden select element's value
15661      this.selectEl.val(this.optionValues[index]);
15662      setSellingPlan(this.selectEl.data('product_id'));
15663    };
15664
15665    ARIA11Combo.prototype.updateMenuState = function (open, callFocus = true) {
15666      this.open = open;
15667
15668      this.comboEl.setAttribute('aria-expanded', `${open}`);
15669      open ? this.el.classList.add('open') : this.el.classList.remove('open');
15670      callFocus && this.inputEl.focus();
15671    };
15672
15673    function setComboBoxes() {
15674      $('.js-combobox').each(function (index) {
15675        const $this = $(this);
15676        const labelEl = $this.parents('label');
15677
15678        // Insert combobox after select element's label
15679        labelEl.after(
15680          '<label for="combo' +
15681            index +
15682            '" aria-label="' +
15683            labelEl.attr('aria-label') +
15684            '" class="combo-label"></label>' +
15685            '<div class="combo js-aria11">' +
15686            '<div role="combobox" aria-haspopup="listbox" aria-expanded="false" aria-owns="listbox' +
15687            index +
15688            '" class="input-wrapper">' +
15689            '<input aria-activedescendant="" aria-autocomplete="none" id="combo' +
15690            index +
15691            '" class="combo-input" readonly type="text">' +
15692            '<div class="combo-menu" role="listbox" id="listbox' +
15693            index +
15694            '"></div>' +
15695            '</div>' +
15696            '</div>'
15697        );
15698
15699        const selectOptions = $this.find('option');
15700        const selectOptionValues = $.map(selectOptions, (e) => $(e).val());
15701        const options = $.map(selectOptions, (e) => e.label);
15702
15703        // init combo
15704        const aria11El = labelEl.siblings('.js-aria11')[0];
15705        const aria11Component = new ARIA11Combo(aria11El, options, selectOptionValues, $this);
15706        aria11Component.init();
15707      });
15708    }
15709  });
15710</script>
15710
15711
15712    
15713    
15713<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.10.3/gsap.min.js"></script>
15713
15714    
15714<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.10.3/Draggable.min.js"></script>
15714
15715    
15715<script src="https://cdn.jsdelivr.net/npm/keen-slider@latest/keen-slider.js"></script>
15715
15716    
15716<script src="//drinkolipop.com/cdn/shop/t/1366/assets/swiper.js?v=56584870573080344041773709640"></script>
15716
15717
15718    
15719
15720    <!-- BEAM START -->
15721    
15721<script type="module">
15722  import { init } from "https://sdk.beamimpact.com/web-sdk/v1.56.2/dist/integrations/beam.js";
15723  import { PromoManagerPlugin } from "https://sdk.beamimpact.com/web-sdk/v1.56.2/dist/integrations/promoManager.js";
15724
15725  const beam = await init({
15726    apiKey: "orRPgklUWqQM.cab839ad-9774-43be-bc7d-f236e6c3e9ae",
15727    chainId: 338,
15728    storeId: 528,
15729    domain: "drinkolipop.com",
15730    plugins: [
15731      new PromoManagerPlugin()
15732    ]
15733  });
15734</script>
15734
15735
15736<script type="module" async crossorigin>
15737  let isNonProfitClicked = false;
15738  const cartScrollElement = '.rebuy-cart__flyout-content';
15739  document.addEventListener('beamnonprofitselect', (evt) => {
15740    if (!isNonProfitClicked) {
15741      const scrollArea = document.querySelector(cartScrollElement);
15742      scrollArea.scrollBy({
15743        top: 150,
15744        left: 0,
15745        behavior: 'smooth',
15746      });
15747      isNonProfitClicked = true;
15748    }
15749  });
15750</script>
15750
15751    
15751<script type="module" async crossorigin>
15752  import { registerCartIntegration } from "https://sdk.beamimpact.com/web-sdk/v1.56.2/dist/integrations/shopify.js";
15753  import { getConfig } from "https://sdk.beamimpact.com/web-sdk/v1.56.2/dist/integrations/beam.js";
15754
15755  const beam = getConfig();
15756  await beam.readyPromise;
15757
15758  registerCartIntegration({
15759    apiKey: "orRPgklUWqQM.cab839ad-9774-43be-bc7d-f236e6c3e9ae",
15760    storeId: 528,
15761    baseUrl: "https://api.beamimpact.com",
15762    domain: "drinkolipop.com" || undefined,
15763  });
15764</script>
15764
15765    <!-- beam-select-nonprofit.liquid -->
15766<!-- BEAM START -->
15767<script
15768  type="module"
15769  async
15770  crossorigin
15771  data-em-disable
15772  data-categories="analytics"
15773  src="https://sdk.beamimpact.com/web-sdk/v1.56.2/dist/components/select-nonprofit.js"
15774></script>
15774
15775
15776    <!-- BEAM END -->
15777
15778    <div id="portal"></div>
15779    
15780
15781
15782  
15783
15784  <!-- 1. The dialog container -->
15785  <div
15786    class="dialog-container"
15787    data-component="dialog"
15788    
15789      data-portal="portal"
15790    
15791    id="find-in-store-dialog"
15792    aria-labelledby="find-in-store"
15793    aria-hidden="true"
15794  >
15795    <!-- 2. The dialog overlay -->
15796    
15797      <div
15798        class="dialog-overlay"
15799        data-a11y-dialog-hide
15800        
15801          style="background-color: rgba(0, 0, 0, 0.45);"
15802        
15803      ></div>
15804    
15805    <!-- 3. The actual dialog -->
15806
15807    
15808      <div class="dialog-content tw-bg-creme">
15809        
15810  <div
15811    class="store-locator-dialog-inner"
15812    data-component="storeLocatorModal"
15813    data-dialog-id="find-in-store-dialog"
15814  >
15815    <div class="store-locator-dialog-header">
15816      <h2 class="store-locator-dialog-title" id="find-in-store">Where to Buy OLIPOP</h2>
15817      <button
15818        class="store-locator-dialog-close"
15819        type="button"
15820        data-a11y-dialog-hide
15821        aria-label="Close dialog"
15822      >
15823        
15824
15825
15826    <svg width="29" height="28" viewBox="0 0 29 28" fill="none" xmlns="http://www.w3.org/2000/svg">
15827      <path d="M6.98828 6L23.9588 22.9706" stroke="#14433D" stroke-width="2" stroke-linecap="round"/>
15828      <path d="M23.9883 6L7.01772 22.9706" stroke="#14433D" stroke-width="2" stroke-linecap="round"/>
15829    </svg>
15830
15831  
15832
15833      </button>
15834    </div>
15835    <div class="store-locator-section-container store-locator-dialog-widget">
15836      
15837
15838
15839
15840<div
15841  id="store-locator-modal-widget"
15842  class="oli-smartcommerce-product-locator"
15843  data-sc-product-locator-id="dd9dac97-f17f-4d37-971a-e933120edab3"
15844  data-sc-product-locator-type="standalone"
15845  data-sc-locale="en-us"
15846  
15847  style="height: min(90vh, 800px);"
15848></div>
15849
15850
15851
15852    </div>
15853  </div>
15854
15855      </div>
15856    
15857  </div>
15858
15859
15860
15861    <!-- Use of this pixel is subject to the Amazon ad specs and policies at http://www.amazon.com/b/?&node=7253015011 -->
15862<script type="text/javascript">
15863  var _pix = document.getElementById('_pix_id_73a3b955-2b94-711c-f24b-424e40d6695a');
15864  if (!_pix) {
15865    var protocol = '//';
15866    var a = Math.random() * 1000000000000000000;
15867    _pix = document.createElement('iframe');
15868    _pix.style.display = 'none';
15869    _pix.setAttribute(
15870      'src',
15871      protocol +
15872        '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' +
15873        '&cb=' +
15874        a
15875    );
15876    _pix.setAttribute('id', '_pix_id_73a3b955-2b94-711c-f24b-424e40d6695a');
15877    document.body.appendChild(_pix);
15878  }
15879</script>
15879
15880
15881    
15881<script>
15882  /**
15883   * Product metafield custom.fiber is a metaobject reference (fiber_option).
15884   * Rebuy usually passes only a gid string (no label/title on the object). We map gids to
15885   * labels from shop metaobjects (same field order as PDP: title, label, text, name).
15886   */
15887  window.__fiberOptionLabels = Object.assign(window.__fiberOptionLabels || {}, {"gid://shopify/Metaobject/116150763679": ["9g Fiber"],
15888          "116150763679": ["9g Fiber"]
15889,"gid://shopify/Metaobject/116150796447": ["6g Fiber"],
15890          "116150796447": ["6g Fiber"]
15891,"gid://shopify/Metaobject/121363038367": ["MINIs"],
15892          "121363038367": ["MINIs"]
15893});
15894
15895  function rebuyMetaobjectFieldValue(field) {
15896    if (field == null || field === '') return '';
15897    if (typeof field === 'string') return field;
15898    if (typeof field === 'object' && Object.prototype.hasOwnProperty.call(field, 'value')) {
15899      return field.value == null ? '' : String(field.value);
15900    }
15901    return '';
15902  }
15903
15904  function rebuyFiberLabelFromResolvedEntry(entry) {
15905    if (entry == null || entry === '') return '';
15906    if (typeof entry === 'string') {
15907      if (entry.indexOf('gid://shopify/Metaobject/') !== 0) return entry;
15908      var map = window.__fiberOptionLabels || {};
15909      if (map[entry]) return map[entry];
15910      var n = /^gid:\/\/shopify\/Metaobject\/(\d+)$/.exec(entry);
15911      return n && map[n[1]] ? map[n[1]] : '';
15912    }
15913    if (typeof entry === 'object') {
15914      var nested =
15915        rebuyMetaobjectFieldValue(entry.label) ||
15916        rebuyMetaobjectFieldValue(entry.title) ||
15917        rebuyMetaobjectFieldValue(entry.text) ||
15918        rebuyMetaobjectFieldValue(entry.name) ||
15919        (typeof entry.display_value === 'string' ? entry.display_value : '');
15920      if (nested) return nested;
15921      var v = entry.value;
15922      if (typeof v === 'string' && v.indexOf('gid://shopify/Metaobject/') === 0) return rebuyFiberLabelFromResolvedEntry(v);
15923      return '';
15924    }
15925    return String(entry);
15926  }
15927
15928  function rebuyFiberMetafieldFromLineItem(item) {
15929    var vFiber = item && item.variant && item.variant.metafields && item.variant.metafields.custom && item.variant.metafields.custom.fiber;
15930    if (vFiber != null && vFiber !== '') return vFiber;
15931    var pFiber = item && item.product && item.product.metafields && item.product.metafields.custom && item.product.metafields.custom.fiber;
15932    return pFiber;
15933  }
15934
15935  window.cartItemTitleWithFiber = function (item) {
15936    var base = item && item.product_title ? String(item.product_title) : '';
15937    var fiberMeta = rebuyFiberMetafieldFromLineItem(item);
15938    if (fiberMeta == null || fiberMeta === '') return base;
15939
15940    var entry = fiberMeta;
15941    if (typeof fiberMeta === 'object' && fiberMeta !== null && Object.prototype.hasOwnProperty.call(fiberMeta, 'value')) {
15942      entry = fiberMeta.value;
15943    }
15944
15945    var suffix = rebuyFiberLabelFromResolvedEntry(entry);
15946    if (!suffix) return base;
15947    return base + ' ' + suffix;
15948  };
15949
15950  let SmartCart;
15951
15952  function removeBrokenBundleLineItems() {
15953    if (!SmartCart?.hasItems()) return;
15954    const items = SmartCart.items();
15955
15956    const findBundleParent = (childLineItem) => {
15957      const { _bundle_id, _created_at, bundle_parent } = childLineItem.properties;
15958      const bundleParent = SmartCart.items().find(
15959        (item) =>
15960          (item.properties.bundle_parent || item.properties._bundle_parent) &&
15961          item.properties._bundle_id === _bundle_id &&
15962          item.properties._created_at === _created_at
15963      );
15964
15965      return bundleParent;
15966    };
15967
15968    try {
15969      items.forEach((item) => {
15970        if (item.properties.hasOwnProperty('_bundle_id')) {
15971          if (item.properties.bundle_parent === false || item.properties._bundle_parent === false) {
15972            const bundleParent = findBundleParent(item);
15973            if (!bundleParent) {
15974              SmartCart.removeItem(item);
15975            }
15976          }
15977        }
15978      });
15979    } catch (e) {
15980      console.error(e);
15981    }
15982  }
15983
15984  document.querySelectorAll('.site-header__cart').forEach((element) => {
15985    element.addEventListener('click', function (e) {
15986			window.Rebuy.SmartCart.show();
15987    });
15988  });
15989
15990  const blockImage = (
15991    ``
15992  );
15993  
15994  const blockImageBtn = (
15995    `
15996    `
15997  );
15998
15999  function handleCustomEvent(event) {
16000    const lineItems = event.detail?.cart?.line_items || [];
16001
16002    if (lineItems.length === 0 && blockImage) {
16003      setTimeout(()=> {
16004        const emptyCartInner = document.querySelector('.rebuy-cart__flyout-empty-cart');
16005        if (emptyCartInner) emptyCartInner.insertAdjacentHTML('afterbegin', blockImage)
16006			}, 1500)
16007    }
16008    
16009    if (lineItems.length === 0 && blockImageBtn) {
16010      setTimeout(()=> {
16011        const emptyCartInner = document.querySelector('.rebuy-cart__flyout-empty-cart p a')?.closest('p');
16012        if (emptyCartInner) emptyCartInner.insertAdjacentHTML('afterbegin', blockImageBtn)
16013      }, 1500)
16014    }
16015  }
16016
16017  function handleCartAddEvent(event) {
16018    const elementSnow = document.querySelector('element-snow')
16019
16020    if(elementSnow) {
16021      elementSnow.remove();
16022      elementSnow.show();
16023    }
16024  }
16025
16026  document.addEventListener('rebuy:smartcart.show', function () {
16027    // document.querySelector('#rebuy-cart').removeAttribute('inert');
16028    document.querySelector('#rebuy-cart')?.querySelectorAll('a, button, input, iframe, select, [tabindex]').forEach(el => el.tabIndex = 0);
16029    document.querySelector('.main-content').setAttribute('aria-hidden', 'true'); // voiceOver fix
16030
16031    setTimeout(()=>{
16032      document.getElementById('rebuy-cart').classList.remove("is-visible-delay");
16033    }, 1000)
16034
16035    const elementSnow = document.querySelector('element-snow')
16036
16037    if(elementSnow) elementSnow.show();
16038    const breakpointQuery = window.matchMedia('(max-width: 1023px)');
16039
16040		setTimeout(()=>{
16041      const sliceAnimationWrapper = document.querySelector('.slice-animation-wrapper')
16042      const btnImage = document.querySelector('.rebuy-cart__flyout-empty-image')
16043      const emptyCartInner = document.querySelector('.rebuy-cart__flyout-empty-cart')
16044      const emptyCartInnerBtn = document.querySelector('.rebuy-cart__flyout-empty-cart p a')?.closest('p');
16045
16046			if (sliceAnimationWrapper) {
16047        const sliceAnimationElement = sliceAnimationWrapper.querySelector('.tw-animate-cart-slice-mobile')
16048        sliceAnimationElement?.classList.remove('lg:tw-animate-cart-slice');
16049        sliceAnimationElement?.classList.remove('tw-animate-cart-slice-mobile');
16050
16051
16052        if (breakpointQuery.matches) {
16053					setTimeout(()=>{
16054						sliceAnimationElement?.classList.add('lg:tw-animate-cart-slice');
16055						sliceAnimationElement?.classList.add('tw-animate-cart-slice-mobile');
16056					}, 1200);
16057        } else {
16058          setTimeout(()=>{
16059            sliceAnimationElement?.classList.add('lg:tw-animate-cart-slice');
16060            sliceAnimationElement?.classList.add('tw-animate-cart-slice-mobile');
16061          }, 100);
16062        }
16063      }
16064
16065      if (emptyCartInner && !sliceAnimationWrapper) {
16066        if (breakpointQuery.matches) {
16067          setTimeout(()=>{
16068            emptyCartInner?.insertAdjacentHTML('afterbegin', blockImage)
16069          }, 2000);
16070				} else {
16071       	 emptyCartInner?.insertAdjacentHTML('afterbegin', blockImage)
16072				}
16073      }
16074
16075      if (emptyCartInner && !btnImage) {
16076        if (breakpointQuery.matches) {
16077          setTimeout(()=>{
16078            emptyCartInnerBtn?.insertAdjacentHTML('afterbegin', blockImageBtn)
16079          }, 2000);
16080        } else {
16081          emptyCartInnerBtn?.insertAdjacentHTML('afterbegin', blockImageBtn)
16082        }
16083      }
16084    }, 500);
16085
16086    // Add event listener for cart updates when cart is open
16087		document.addEventListener('rebuy:smartcart.line-item-removed', handleCustomEvent);
16088		document.addEventListener('rebuy:cart.add', handleCartAddEvent);
16089  });
16090
16091  document.addEventListener('rebuy:smartcart.hide', function (event) {
16092    // document.querySelector('#rebuy-cart').setAttribute('inert', '');
16093    document.querySelector('#rebuy-cart')?.querySelectorAll('a, button, input, iframe, select, [tabindex]').forEach(el => el.tabIndex = -1);
16094    document.querySelector('.main-content').removeAttribute('aria-hidden'); // voiceOver fix
16095
16096    const elementSnow = document.querySelector('element-snow')
16097
16098    document.querySelector('body').style.removeProperty('overflow');
16099
16100    // Remove event listener for cart updates when cart is close
16101    document.removeEventListener('rebuy:smartcart.line-item-removed', handleCustomEvent);
16102    document.removeEventListener('rebuy:cart.add', handleCartAddEvent);
16103
16104    if(elementSnow) elementSnow.remove();
16105  });
16106
16107  document.addEventListener('rebuy.ready', (event) => {
16108    SmartCart = window.Rebuy.SmartCart;
16109    removeBrokenBundleLineItems();
16110  });
16111
16112  async function updateBundleDeliveryFrequencies(item, subscriptionFrequency) {
16113    if (!isBundleParent(item)) return;
16114    const bundleChildren = getBundleChildren(item);
16115    try {
16116      bundleChildren.forEach((child) => {
16117        Rebuy.Cart.switchToSubscription(child, subscriptionFrequency);
16118      });
16119    } catch (error) {
16120      console.error(error);
16121    }
16122  }
16123
16124  function getBundlePrice(bundleParentLineItem) {
16125    if (!isBundleParent(bundleParentLineItem)) {
16126      return null;
16127    }
16128
16129    const bundleChildren = getBundleChildren(bundleParentLineItem);
16130    const bundlePrice = bundleChildren.reduce((totalPrice, item) => {
16131      return totalPrice + item.price * item.quantity;
16132    }, 0);
16133
16134    return Rebuy.Cart.formatMoney(bundlePrice);
16135  }
16136
16137  async function removeLineItems(bundleParentLineItem, bundleChildrenLineItems) {
16138    const itemsToRemove = [...bundleChildrenLineItems, bundleParentLineItem];
16139    const updates = itemsToRemove.reduce((updateObject, item) => {
16140      if (!updateObject[item.key]) {
16141        updateObject[item.key] = 0;
16142      }
16143      return updateObject;
16144    }, {});
16145
16146    try {
16147      const updatedCart = await fetch('/cart/update.js', {
16148        method: 'POST',
16149        headers: {
16150          'Content-Type': 'application/json',
16151        },
16152        body: JSON.stringify({
16153          updates,
16154        }),
16155      });
16156    } catch (e) {
16157      console.error(e);
16158    }
16159  }
16160
16161  const getBundleChildren = (bundleParentItem) => {
16162    const items = window.Rebuy.SmartCart?.items();
16163    return items.filter(
16164      (lineItem) =>
16165        lineItem.properties._bundle_id === bundleParentItem.properties._bundle_id &&
16166        parseInt(lineItem.properties._created_at) === parseInt(bundleParentItem.properties._created_at) &&
16167        isBundleChild(lineItem)
16168    );
16169  };
16170
16171  const handleRemove = async (item) => {
16172    const isBundleItem = item.properties == null ? false : item.properties.hasOwnProperty('_bundle_id');
16173    if (SmartCart == undefined) {
16174      SmartCart = window.Rebuy.SmartCart;
16175    }
16176
16177    if (!isBundleItem) {
16178      SmartCart.removeItem(item);
16179      return;
16180    }
16181
16182    const bundleChildren = getBundleChildren(item);
16183
16184    try {
16185      if (!bundleChildren || !bundleChildren.length) {
16186        SmartCart.removeItem(item);
16187        return;
16188      } else {
16189        removeLineItems(item, bundleChildren);
16190      }
16191    } catch (e) {
16192      console.error(e);
16193    }
16194  };
16195
16196  const bundleParentProperties = ['bundle_parent', '_bundle_parent'];
16197  const isBundleChild = (item) => {
16198    // SmartCart stringifies all item property values on some cart methods
16199    const bundleChild = bundleParentProperties.filter(
16200      (property) => item.properties[property] === false || item.properties[property] === 'false'
16201    );
16202    return bundleChild.length > 0;
16203  };
16204
16205  const isBundleParent = (item) => {
16206    // SmartCart stringifies all item property values on some cart methods
16207    const bundleParent = bundleParentProperties.filter(
16208      (property) => item.properties[property] === true || item.properties[property] === 'true'
16209    );
16210    return bundleParent.length > 0;
16211  };
16212
16213  const displayProperty = (property) => {
16214    const hidden_keys = ['bundle_parent', '_bundle_id', 'Bundle Id', 'Frequency'];
16215    return hidden_keys.includes(property.key) ? false : true;
16216  };
16217
16218  const getCartJson = () => {
16219    return SmartCart.cart;
16220  };
16221
16222
16223  document.addEventListener('rebuy.add', function (event) {
16224    if (window.gtag) {
16225      const { product, widget } = event.detail;
16226      if (!product || !widget) return;
16227      window.gtag('event', 'Side Cart - Upsell Added', {
16228        event_detail: product.title + ' - ' + widget.View.carousel.selectedIndex,
16229      });
16230    }
16231  });
16232
16233  window.globalDiscountsCollectionIds = [];
16234  
16235    window.globalDiscounts = undefined;
16236  
16237
16238  /**
16239   * Mirrors snippets/oli-product-price-set.liquid for Smart Cart line items so PDP and sidecart match.
16240   */
16241  (function () {
16242    function productInGlobalDiscountScope(product) {
16243      var ids = window.globalDiscountsCollectionIds;
16244      if (ids == null || ids.length === 0) return true;
16245      var colls = product && product.collections;
16246      if (!colls || !colls.length) return false;
16247      var productIds = {};
16248      for (var i = 0; i < colls.length; i++) productIds[colls[i].id] = true;
16249      for (var j = 0; j < ids.length; j++) if (productIds[ids[j]]) return true;
16250      return false;
16251    }
16252
16253    function pickGlobalDiscount(item) {
16254      var discounts = window.globalDiscounts;
16255      if (!discounts || !discounts.length) return null;
16256      var both = discounts.filter(function (d) {
16257        return d.purchase_type === 'Both';
16258      });
16259      var oneTime = discounts.find(function (d) {
16260        return d.purchase_type === 'One-time purchase';
16261      });
16262      var subscription = discounts.find(function (d) {
16263        return d.purchase_type === 'Subscription';
16264      });
16265      var oneTimeDiscount = oneTime || both[0];
16266      var subscriptionDiscount = subscription || both[0];
16267      return item.selling_plan_allocation ? subscriptionDiscount : oneTimeDiscount;
16268    }
16269
16270    function applyGlobalDiscountCents(priceCents, discount) {
16271      if (!discount || priceCents == null) return priceCents;
16272      var dv = Number(discount.discount_value);
16273      if (discount.discount_value_type === 'Percentage') {
16274        var percentage = 100 - dv;
16275        return Math.ceil((priceCents * percentage) / 100);
16276      }
16277      return priceCents - dv;
16278    }
16279
16280    function basePriceCents(item) {
16281      if (item.selling_plan_allocation) return Number(item.selling_plan_allocation.price);
16282      if (item.variant && item.variant.price != null) return Number(item.variant.price);
16283      return Number(item.price);
16284    }
16285
16286    function compareBaseCents(item) {
16287      if (item.selling_plan_allocation) {
16288        var spaCompare = item.selling_plan_allocation.compare_at_price;
16289        return spaCompare == null ? 0 : Number(spaCompare);
16290      }
16291      if (item.variant && item.variant.compare_at_price != null) return Number(item.variant.compare_at_price);
16292      if (item.compare_at_price != null) return Number(item.compare_at_price);
16293      return 0;
16294    }
16295
16296    function globalPricingActive(item) {
16297      if (!window.rebuyCartSettings || !window.rebuyCartSettings.enable_global_discounts) return false;
16298      if (!window.globalDiscounts || !window.globalDiscounts.length) return false;
16299      return productInGlobalDiscountScope(item.product);
16300    }
16301
16302    function catalogLinePriceParts(item) {
16303      var price = basePriceCents(item);
16304      var compare_at_price = compareBaseCents(item);
16305      var showCompare = !!(compare_at_price && compare_at_price !== 0);
16306
16307      return {
16308        useDefault: false,
16309        finalCents: price,
16310        compareCents: showCompare ? compare_at_price : 0,
16311        showCompare: showCompare,
16312      };
16313    }
16314
16315    window.__oliRebuyGetLinePriceParts = function (item) {
16316      var globalDiscountsEnabled =
16317        window.rebuyCartSettings && window.rebuyCartSettings.enable_global_discounts;
16318
16319      if (!globalDiscountsEnabled) {
16320        return catalogLinePriceParts(item);
16321      }
16322
16323      if (!globalPricingActive(item)) return { useDefault: true };
16324
16325      var discount = pickGlobalDiscount(item);
16326      if (!discount) return { useDefault: true };
16327
16328      var price = basePriceCents(item);
16329      var compare_at_price = compareBaseCents(item);
16330      var hasSellingPlan = !!item.selling_plan_allocation;
16331
16332      var final_price = applyGlobalDiscountCents(price, discount);
16333
16334      if (compare_at_price === 0 && final_price < price) compare_at_price = price;
16335      if (!hasSellingPlan && final_price < price) compare_at_price = price;
16336
16337      var showCompare = !!(compare_at_price && compare_at_price !== 0);
16338
16339      return {
16340        useDefault: false,
16341        finalCents: final_price,
16342        compareCents: showCompare ? compare_at_price : 0,
16343        showCompare: showCompare,
16344      };
16345    };
16346
16347    window.oliRebuyLineHasDiscount = function (item, itemHasDiscountFn) {
16348      var parts = window.__oliRebuyGetLinePriceParts(item);
16349      if (parts.useDefault) return itemHasDiscountFn(item);
16350      return parts.showCompare;
16351    };
16352
16353    window.oliRebuyLineSalePrice = function (item, formatMoneyFn, itemPriceFn) {
16354      var parts = window.__oliRebuyGetLinePriceParts(item);
16355      if (parts.useDefault) return formatMoneyFn(itemPriceFn(item));
16356      return formatMoneyFn(parts.finalCents);
16357    };
16358
16359    window.oliRebuyLineComparePrice = function (item, formatMoneyFn, compareAtPriceFn) {
16360      var parts = window.__oliRebuyGetLinePriceParts(item);
16361      if (parts.useDefault) {
16362        return item.selling_plan_allocation
16363          ? formatMoneyFn(item.selling_plan_allocation.compare_at_price)
16364          : formatMoneyFn(compareAtPriceFn(item));
16365      }
16366      return parts.showCompare ? formatMoneyFn(parts.compareCents) : '';
16367    };
16368
16369    function oliRebuyLineUnitCents(item, itemPriceFn) {
16370      var parts = window.__oliRebuyGetLinePriceParts(item);
16371      if (!parts.useDefault) return parts.finalCents;
16372      return Number(itemPriceFn(item));
16373    }
16374
16375    function oliRebuyLineCompareUnitCents(item, compareAtPriceFn) {
16376      var parts = window.__oliRebuyGetLinePriceParts(item);
16377      if (!parts.useDefault) {
16378        return parts.showCompare ? parts.compareCents : 0;
16379      }
16380      if (item.selling_plan_allocation) {
16381        return Number(item.selling_plan_allocation.compare_at_price) || 0;
16382      }
16383      return Number(compareAtPriceFn(item)) || 0;
16384    }
16385
16386    function oliRebuyLineTotalCents(item, itemPriceFn) {
16387      var parts = window.__oliRebuyGetLinePriceParts(item);
16388      var qty = Number(item.quantity) || 1;
16389      if (!parts.useDefault) return parts.finalCents * qty;
16390      if (item.final_line_price != null) return Number(item.final_line_price);
16391      if (item.line_price != null) return Number(item.line_price);
16392      return oliRebuyLineUnitCents(item, itemPriceFn) * qty;
16393    }
16394
16395    function oliRebuyGetBundleChildren(bundleParentItem) {
16396      var items = window.Rebuy.SmartCart && window.Rebuy.SmartCart.items();
16397      if (!items || !items.length) return [];
16398      var bundleId = bundleParentItem.properties && bundleParentItem.properties._bundle_id;
16399      var createdAt = bundleParentItem.properties && bundleParentItem.properties._created_at;
16400      return items.filter(function (lineItem) {
16401        if (!lineItem.properties || lineItem.properties._bundle_id !== bundleId) return false;
16402        if (parseInt(lineItem.properties._created_at, 10) !== parseInt(createdAt, 10)) return false;
16403        return (
16404          lineItem.properties.bundle_parent === false ||
16405          lineItem.properties.bundle_parent === 'false' ||
16406          lineItem.properties._bundle_parent === false ||
16407          lineItem.properties._bundle_parent === 'false'
16408        );
16409      });
16410    }
16411
16412    function oliRebuyBundleLineCents(bundleParent, itemPriceFn) {
16413      return oliRebuyGetBundleChildren(bundleParent).reduce(function (total, child) {
16414        return total + oliRebuyLineTotalCents(child, itemPriceFn);
16415      }, 0);
16416    }
16417
16418    function oliRebuyBundleCompareCents(bundleParent, itemPriceFn, compareAtPriceFn) {
16419      return oliRebuyGetBundleChildren(bundleParent).reduce(function (total, child) {
16420        var qty = Number(child.quantity) || 1;
16421        var compareUnit = oliRebuyLineCompareUnitCents(child, compareAtPriceFn);
16422        if (compareUnit) return total + compareUnit * qty;
16423        return total + oliRebuyLineUnitCents(child, itemPriceFn) * qty;
16424      }, 0);
16425    }
16426
16427    /**
16428     * Subtotal aligned with displayed line-item prices (global discounts, bundles, qty).
16429     */
16430    window.oliRebuyCartSubtotal = function (
16431      formatMoneyFn,
16432      itemsFn,
16433      itemPriceFn,
16434      compareAtPriceFn,
16435      isBundleChildFn,
16436      isHiddenItemFn,
16437      isBundleParentFn
16438    ) {
16439      var items = itemsFn();
16440      var totalCents = 0;
16441
16442      for (var i = 0; i < items.length; i++) {
16443        var item = items[i];
16444        if (isHiddenItemFn(item)) continue;
16445        if (isBundleChildFn(item) !== false) continue;
16446
16447        if (isBundleParentFn(item)) {
16448          totalCents += oliRebuyBundleLineCents(item, itemPriceFn);
16449        } else {
16450          totalCents += oliRebuyLineTotalCents(item, itemPriceFn);
16451        }
16452      }
16453
16454      return formatMoneyFn(totalCents);
16455    };
16456
16457    window.oliRebuyCartCompareSubtotal = function (
16458      formatMoneyFn,
16459      itemsFn,
16460      itemPriceFn,
16461      compareAtPriceFn,
16462      isBundleChildFn,
16463      isHiddenItemFn,
16464      isBundleParentFn
16465    ) {
16466      var items = itemsFn();
16467      var totalCents = 0;
16468
16469      for (var i = 0; i < items.length; i++) {
16470        var item = items[i];
16471        if (isHiddenItemFn(item)) continue;
16472        if (isBundleChildFn(item) !== false) continue;
16473
16474        if (isBundleParentFn(item)) {
16475          totalCents += oliRebuyBundleCompareCents(item, itemPriceFn, compareAtPriceFn);
16476        } else {
16477          var qty = Number(item.quantity) || 1;
16478          var compareUnit = oliRebuyLineCompareUnitCents(item, compareAtPriceFn);
16479          if (compareUnit) {
16480            totalCents += compareUnit * qty;
16481          } else {
16482            totalCents += oliRebuyLineUnitCents(item, itemPriceFn) * qty;
16483          }
16484        }
16485      }
16486
16487      return formatMoneyFn(totalCents);
16488    };
16489  })();
16490
16491  if (!customElements.get('element-snow')) {
16492    customElements.define('element-snow', class videoPlay extends HTMLElement {
16493      constructor() {
16494        super();
16495      }
16496
16497      connectedCallback() {
16498      }
16499
16500      show() {
16501        // Create 50 snowflakes
16502        for (let i = 0; i < 140; i++) {
16503          const snowflake = document.createElement('div');
16504          snowflake.classList.add('snowflake');
16505
16506          // Randomly set the size (100% or 80% of the current size)
16507          const isSmaller = Math.random() < 0.5;  // 50% chance of smaller size
16508          const size = isSmaller ? '8px' : '10px';  // 20% smaller is 8px if the default is 10px
16509          snowflake.style.width = size;
16510          snowflake.style.height = size;
16511
16512          // Set random position and animation duration
16513          snowflake.style.left = `${Math.random() * 100}vw`;
16514          snowflake.style.animationDuration = `${Math.random() * 3 + 1}s`;
16515          snowflake.style.animationDelay = `${Math.random() * 2.5}s`;
16516
16517          this.appendChild(snowflake);
16518
16519          // Remove snowflake after animation ends
16520          snowflake.addEventListener('animationend', () => {
16521            snowflake.remove();
16522          });
16523        }
16524
16525				this.arrayElements = Array.from(document.querySelectorAll('.snowflake'))
16526
16527        setTimeout(()=> {
16528          this.fadeAway()
16529        }, 3000)
16530
16531        // setTimeout(()=> {
16532        //   this.remove()
16533        // }, 5000)
16534			}
16535
16536      fadeAway() {
16537				if (this.arrayElements) this.arrayElements.forEach(element => element.classList.add('animation-fade-away'));
16538      }
16539
16540      remove() {
16541				if (this.arrayElements) this.arrayElements.forEach(element => element.remove());
16542      }
16543    });
16544  }
16545  
16546  function removeDiscountGiftCard (event) {
16547    const cartItems = event.detail.cart.items();
16548    const giftCardInCart = cartItems.find(item => item.gift_card === true);
16549    const otherItemsInCart = cartItems.find(item => item.gift_card !== true);
16550    
16551    if (!otherItemsInCart && giftCardInCart && event.detail.cart.discount) {
16552      event.detail.cart.clearAllStoredDiscounts();
16553    }
16554  }
16555  
16556  function disableDiscountGiftCard(event) {
16557    const cartItems = event.detail.cart.items();
16558    const giftCardInCart = cartItems.find(item => item.gift_card === true);
16559    const otherItemsInCart = cartItems.find(item => item.gift_card !== true);
16560    const discountButton = document.querySelector('.rebuy-cart__flyout-discount button');
16561    const discountInput = document.querySelector('.rebuy-cart__flyout-discount-input');
16562    const errorMessage =  document.querySelector('.rebuy-cart__flyout-discount-input .rebuy-cart__flyout-discount-message');
16563    const messageHtml = `<span class="rebuy-cart__flyout-discount-message">Discount codes do not apply to gift cards</span>`
16564
16565    if (!otherItemsInCart && giftCardInCart) {
16566      discountButton?.setAttribute('disabled', 'true');
16567      if (!errorMessage) discountInput?.insertAdjacentHTML('beforeend', messageHtml)
16568    } else {
16569      discountButton?.removeAttribute('disabled');
16570      if (errorMessage) errorMessage.remove();
16571    }
16572  }
16573
16574
16575  const handleCartDiscountEvent = (event) => {
16576    removeDiscountGiftCard(event);
16577    disableDiscountGiftCard(event);
16578  };
16579
16580  document.addEventListener('rebuy:smartcart.init', (event) => {
16581    setTimeout(() => {
16582      document.querySelector('#rebuy-cart')?.querySelectorAll('a, button, input, iframe, select, [tabindex]')?.forEach(el => el.tabIndex = -1);
16583    }, 2000)
16584  });
16585
16586  document.addEventListener('rebuy:cart.ready', handleCartDiscountEvent);
16587  document.addEventListener('rebuy:cart.change', handleCartDiscountEvent);
16588</script>
16588
16589�
16589<script>
16590  window.rebuyCartSettings = {
16591    enable_global_discounts: false,
16592    rebuy_discount_message: "25% off applied!"
16593  }
16594</script>
16594
16595
16596
16597<script id="rebuy-cart-template" type="text/template">
16598
16599  <div id="rebuy-cart" class="rebuy-cart " v-cloak v-bind:class="[visible ? 'is-visible is-visible-delay' : '', 'currency-' + currency() ]">
16600    
16601    <div class="rebuy-cart__flyout">
16602      <div class="rebuy-cart__flyout-header" style="background-color: #FFFBF5!important">
16603        <div class="rebuy-cart__flyout-title-wrap">
16604          <h4 class="rebuy-cart__flyout-title" v-html="settings.language.cart_title"></h4>
16605          <span
16606            v-if="hasItems()"
16607            class="rebuy-cart__flyout-title-count"
16608            v-text="'(' + items().reduce(function (sum, item) { if (isHiddenItem(item) || isBundleChild(item) !== false) return sum; return sum + (Number(item.quantity) || 0); }, 0) + ')'"
16609            aria-live="polite"
16610          ></span>
16611        </div>
16612        <button class="rebuy-cart__flyout-close" type="button" aria-label="Close Smart Cart" v-on:click="hide()">
16613          <svg width="14" height="14" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg" role="presentation">
16614            <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"/>
16615            </svg>            
16616        </button>
16617      </div>
16618      <div class="rebuy-cart__flyout-shipping-bar"  style="background-color: #FFFBF5!important" v-if="freeShippingEnabled()"
16619        v-bind:class="[ freeShippingHelperMessage() ? 'has-helper' : '', hasFreeShipping() ? 'has-free-shipping': '' ]">
16620        <div class="rebuy-cart__flyout-shipping-bar-message" v-if="!hasFreeShipping()" v-html="freeShippingRemainingMessage()"></div>
16621        <div class="rebuy-cart__flyout-shipping-bar-message" v-if="hasFreeShipping()" v-html="freeShippingCompleteMessage()"></div>
16622        <div class="rebuy-cart__flyout-shipping-bar-meter" v-bind:class="[hasFreeShippingProgress() ? 'has-progress' : 'no-progress']">
16623          <div class="rebuy-cart__flyout-shipping-bar-meter-fill" v-bind:style="{ width: freeShippingPercentComplete() }">
16624            <span class="rebuy-cart__flyout-shipping-bar-meter-fill-text" v-html="freeShippingPercentComplete()"></span>
16625          </div>
16626        </div>
16627        <div class="rebuy-cart__flyout-shipping-bar-helper" v-if="freeShippingHelperMessage()" v-html="freeShippingHelperMessage()"></div>
16628      </div>
16629      <div class="rebuy-cart__flyout-body">
16630        <div class="rebuy-cart__flyout-announcement-bar" id="rebuy-smart-cart-announcement-bar" v-if="announcementBarEnabled()">
16631          <div class="rebuy-cart__flyout-announcement-bar-message" v-for="message in settings.announcement_bar.messages" v-html="message"></div>
16632        </div>
16633        <div class="rebuy-cart__flyout-content" v-bind:class="[ hasItems() ? 'has-items' : 'no-items' ]" tabindex="0">
16634          <div class="rebuy-cart__flyout-items" v-if="hasItems()">
16635            �
16636            <div class="rebuy-cart__flyout-item" v-if="isBundleChild(item) == false" v-for="item in items()" v-if="!isHiddenItem(item)"
16637              v-bind:class="[ 'product-' + item.handle, itemProductTagsClasses(item), itemPropertyClasses(item) ]">
16638
16639
16640              <!-- item image -->
16641              <div class="rebuy-cart__flyout-item-media">
16642                <a v-bind:href="itemURL(item)">
16643                  <img v-bind:src="sizeImage(item.image, '240x240')" v-bind:alt="'View ' + cartItemTitleWithFiber(item)" />
16644                </a>
16645              </div>
16646              <!-- end item image -->
16647
16648
16649              <div class="rebuy-cart__flyout-item-info">
16650
16651                <div class="rebuy-cart__flyout-item-title-wrapper">
16652                  <a class="rebuy-cart__flyout-item-product-title" v-bind:href="itemURL(item)"
16653                    v-html="cartItemTitleWithFiber(item)" v-bind:alt="'View ' + cartItemTitleWithFiber(item)">
16654                  </a>
16655                  
16656                  <!--start remove btn -->
16657                    <button
16658                      class="rebuy-cart__flyout-item-remove"
16659                      type="button"
16660                      v-on:click="handleRemove(item)"
16661                      v-bind:aria-label="'Remove ' + cartItemTitleWithFiber(item)">
16662                      <svg xmlns="http://www.w3.org/2000/svg" width="15" height="17" viewBox="0 0 15 17" fill="none">
16663                        <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.
16663625 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"/>
16664                      </svg>
16665                    </button>
16666                  <!-- end remove btn -->
16667                </div>
16668                <div class="rebuy-cart__flyout-item-properties" v-if="hasItemProperties(item)">
16669                  <div class="rebuy-cart__flyout-item-property rebuy-cart__flyout-item-property--delivery-frequency"
16670                    v-if="itemDeliveryFrequency(item)" v-html="itemDeliveryFrequency(item)"></div>
16671                  <div class="rebuy-cart__flyout-item-property"
16672                    v-for="property in itemProperties(item)"
16673                    v-if="displayProperty(property)"
16674                    v-bind:class="[ itemPropertyKeyClass(property), itemPropertyValueClass(property) ]">
16675
16676
16677                    <span class="rebuy-cart__flyout-item-property-name" v-html="property.key"></span>
16678                    <span class="rebuy-cart__flyout-item-property-separator">:</span>
16679                    <span class="rebuy-cart__flyout-item-property-value" v-html="property.value"></span>
16680
16681
16682                  </div>
16683                </div>
16684                <div class="rtx-info">
16685                <div class="option-values" v-for="option in item.options_with_values">
16686                  <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>
16687                </div>
16688                </div>
16689
16690                <div class="rebuy-cart__flyout-item-quantity-wrapper">
16691                  <!-- start quantity row -->
16692                  <div class="rebuy-cart__flyout-item-quantity">
16693                    <div >
16694  
16695                      <div class="rebuy-cart__flyout-item-quantity-widget" v-if="hideQuantitySelectors && !hideQuantitySelectors(item) && item.handle != 'oli-pops-holiday-pack-pr-giveaway'">
16696                        <button class="rebuy-cart__flyout-item-quantity-widget-button"
16697                          v-on:click="decreaseItem(item)" type="button"
16698                          v-bind:aria-label="`You have ${item.quantity} ${cartItemTitleWithFiber(item)}, decrease by 1`">
16699                          <svg xmlns="http://www.w3.org/2000/svg" width="10" height="2" viewBox="0 0 10 2" fill="none">
16700                            <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"/>
16701                          </svg>
16702                        </button>
16703                        <span class="rebuy-cart__flyout-item-quantity-widget-label" v-html="item.quantity"></span>
16704                        <button class="rebuy-cart__flyout-item-quantity-widget-button"
16705                          v-on:click="increaseItem(item)" type="button" v-bind:aria-label="`You have ${item.quantity} ${cartItemTitleWithFiber(item)}, add 1 more`">
16706                          <svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 12 12" fill="none">
16707                            <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"/>
16708                          </svg>
16709                        </button>
16710                      </div>
16711  
16712                    </div>
16713                  </div>
16714                  <!-- end quantity row -->
16715                  
16716                  <!-- start price row -->
16717                  <div
16718                    class="rebuy-cart__flyout-item-price"
16719                    :class="{ '!tw-hidden': item.product && item.product.tags && item.product?.tags?.includes('smart-cart-hide-price') }"
16720                  >
16721                  
16722                      <div class="discount-code-msg"  v-if="hasLineItemDiscount(item)" v-for="discount in item.discounts">
16723                        {{ discount.title }}
16724                      </div>
16725                      <!-- rtx subscription copy -->
16726
16727                      <div class="rtx-cart_flyout-subscriptions" v-if="window.rebuyCartSettings.enable_global_discounts && window.rebuyCartSettings.rebuy_discount_message.length">
16728                        <div class="rebuy-cart__flyout-item-discount-message  promo-sidecart"
16729                            v-html="window.rebuyCartSettings.rebuy_discount_message">
16730                        </div>
16731                      </div>
16732
16733                      <div class="rtx-cart_flyout-subscriptions" v-else>
16734                        <span v-if="item.selling_plan_allocation" class="rtx-cart_flyout-subscriptions-text">15% Off Applied!</span>
16735                      </div>
16736
16737                      <div class="rtx-cart_custom-discount-labels" style="display: none;">
16738                        <span class="rtx-cart_flyout-subscriptions-text tw-text-3 tw-font-normal tw-leading-none tw-text-green-900">30% off applied!</span>
16739                      </div>
16740                    <!-- end subscription copy -->
16741                    <div v-if="isBundleParent(item)" role="textbox"> 
16742
16743
16744                      <span class="visually-hidden">Bundle price: </span>
16745                      <span class="rebuy-money rebuy-money-original-price sale" v-html="getBundlePrice(item)"></span>
16746                    </div>
16747                    
16748                    <div v-if="oliRebuyLineHasDiscount(item, itemHasDiscount) && isBundleParent(item) == false">
16749                      <div class="visually-hidden">Sale price: </div>
16750                      <span class="rebuy-money rebuy-money-original-price sale" v-html="oliRebuyLineSalePrice(item, formatMoney, itemPrice)"></span>
16751                      <div class="visually-hidden">Original price: </div>
16752                      <span class="rebuy-money rebuy-money-compare-at-price compare-at"
16753                            v-html="oliRebuyLineComparePrice(item, formatMoney, compareAtPrice)"></span>
16754                    </div>
16755                    <div v-if="!oliRebuyLineHasDiscount(item, itemHasDiscount) && isBundleParent(item) == false">
16756                      <span class="visually-hidden">
16756Price: </span>
16757                      <span class="rebuy-money rebuy-money-original-price" v-html="oliRebuyLineSalePrice(item, formatMoney, itemPrice)"></span>
16758                    </div>
16759                  
16760                  </div>
16761                  <!-- end price row -->
16762                </div>
16763                
16764                <!-- start subscription selector -->
16765                <div class="rebuy-cart__flyout-item-subscription" v-if="hasSwitchToSubscription(item)">
16766                  <button class="rebuy-button outline" v-if="!item.product.subscription || item.status == 'downgrading' || item.status == 'upgrading'"
16767                    v-bind:alt="'Switch ' + cartItemTitleWithFiber(item) + ' to a Subscription'"
16768                    v-bind:disabled="(item.status == 'downgrading' || item.status == 'upgrading')"
16769                    v-on:click="updateItemDeliveryFrequency(item, item.product.subscription_frequencies[1]); updateBundleDeliveryFrequencies(item, item.product.subscription_frequencies[1])"
16770                    type="button"
16771                  >
16772                    <span v-html="switchToSubscriptionLabel(item)"></span>
16773                  </button>
16774                  <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">
16775                    <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"/>
16776                  </svg>
16777                  <select
16778                    v-if="item.product.subscription && item.status != 'downgrading'"
16779                    class="rebuy-select muted"
16780                    aria-label="Subscription frequency"
16781                    v-model="item.product.subscription_frequency"
16782                    v-on:change="updateItemDeliveryFrequency(item); updateBundleDeliveryFrequencies(item, $event.target.value)"
16783                  >
16784                    <optgroup
16785                      v-if="!item.product.is_subscription_only && !subscriptionDowngradeDisabled()"
16786                      v-bind:label="onetimeOptionGroupLabel(item)"
16787                    >
16788                      <option v-bind:value="'onetime'" v-html="onetimeOptionLabel(item)"></option>
16789                    </optgroup>
16790
16791                    <optgroup v-bind:label="subscriptionOptionGroupLabel(item)">
16792                      <option
16793                        v-for="frequency in item.product.subscription_frequencies"
16794                        v-bind:value="frequency"
16795                        v-html="subscriptionOptionLabel(item, frequency, item.product.subscription_interval)"
16796                      ></option>
16797                    </optgroup>
16798                  </select>
16799                </div>
16800                <!-- end subscription selector -->
16801              </div>
16802
16803
16804
16805
16806            </div>
16807            <!-- end product item -->
16808
16809            <div class="rebuy-cart__flyout-note" v-if="notesEnabled()">
16810              <label class="rebuy-cart__flyout-note-toggle">
16811                <input class="rebuy-cart__flyout-note-toggle-input rebuy-checkbox" type="checkbox" v-model="notes.visible" v-on:click="notesToggle()" />
16812                <span class="rebuy-cart__flyout-note-toggle-label" v-html="settings.language.notes_label"></span>
16813              </label>
16814              <div class="rebuy-cart__flyout-note-content" v-if="notesIsVisible()">
16815                <textarea id="rebuy-cart-notes" class="rebuy-textarea rebuy-cart__flyout-note-textarea" v-model="notes.value"
16816                  v-on:keyup="notesChange(event)" v-on:keydown="notesChange(event)" v-on:change="notesChange(event)"
16817                  v-bind:placeholder="settings.language.notes_placeholder"></textarea>
16818                <small id="rebuy-cart-characters-remaining" v-html="notesRemainingCharacters()"></small>
16819              </div>
16820            </div>
16821          </div>
16822          <div class="rebuy-cart__flyout-empty-cart" role="region" aria-label="Empty cart message" v-if="!hasItems()" v-html="emptyCartMessage()"></div>
16823          <div class="rebuy-cart__flyout-recommendations" v-if="hasCrossSells()"  style="display: none;">
16824            <div v-for="widget_id in settings.cross_sells" v-bind:data-rebuy-id="widget_id">
16825            </div>
16826          </div>
16827
16828          <div class="rebuy-upsell custom-upsell">
16829          </div>
16830
16831           <!--BEAM START-->
16832            <div data-beam-widget="select-nonprofit" v-if="hasItems()" class="rebuy-cart__beam-impact-widget-wrapper">
16833              
16834              <beam-select-nonprofit
16835                apiKey="orRPgklUWqQM.cab839ad-9774-43be-bc7d-f236e6c3e9ae"
16836                storeId="528"
16837                lang="en"
16838              ></beam-select-nonprofit>
16839                    
16840            </div>
16841          <!-- BEAM END-->
16842        </div>
16843      </div>
16844      
16845      <div class="rebuy-cart__flyout-footer " v-if="hasItems()">
16846        
16847        <svg xmlns="http://www.w3.org/2000/svg" width="484" height="32" viewBox="0 0 484 32" fill="none">
16848          <mask id="mask0_2444_672" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="-90" width="484" height="123">
16849          <g clip-path="url(#clip0_2444_672)">
16850          <g clip-path="url(#clip1_2444_672)">
16851          <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"/>
16852          </g>
16853          </g>
16854          </mask>
16855          <g mask="url(#mask0_2444_672)">
16856          <rect width="484" height="32.2667" fill="#008168"/>
16856
16857          </g>
16858          <defs>
16859          <clipPath id="clip0_2444_672">
16860          <rect width="484" height="121.621" fill="white" transform="translate(0 -89.354)"/>
16861          </clipPath>
16862          <clipPath id="clip1_2444_672">
16863          <rect width="484" height="33.275" fill="white" transform="translate(0 0.232666)"/>
16864          </clipPath>
16865          </defs>
16866        </svg>
16867        <div class="rebuy-cart__flyout-footer--inner">
16868          
16869            <button
16870              class="rebuy-cart__flyout-footer-discount-button"
16871              v-if="shouldShowDiscountInput && shouldShowDiscountInput()"
16872              aria-expanded="false"
16873              aria-controls="rebuy-discount-accordion"
16874              v-on:click="
16875                  function($event) {
16876                    const accordion = $refs.rebuyDiscountAccordion;
16877                    accordion?.classList.toggle('rebuy-cart__flyout-footer-discount-field-hide');
16878                    $refs.accordionCloseIcon?.classList.toggle('rebuy-cart__flyout-footer-discount-accordion');
16879                    $refs.accordionOpenIcon?.classList.toggle('rebuy-cart__flyout-footer-discount-accordion');
16880                
16881                    const isOpen = !accordion.classList.contains('rebuy-cart__flyout-footer-discount-field-hide');
16882                    $event.currentTarget.setAttribute('aria-expanded', isOpen);
16883                
16884                    if (isOpen) {
16885                      console.log(accordion.querySelector('input'))
16886                      setTimeout(()=>(accordion.querySelector('input')?.focus()), 0)
16887                    }
16888                  }
16889              "
16890              v-show="discount && discount.amount === 0"
16891            >
16892              <div class="rebuy-cart__flyout-footer-discount-feild-copy">Add Promo Code</div>
16893
16894              <svg
16895                ref="accordionCloseIcon"
16896                class="rebuy-cart__flyout-footer-discount-accordion"
16897                width="14"
16898                height="14"
16899                viewBox="0 0 14 14"
16900                fill="none"
16901                aria-label="hidden"
16902                xmlns="http://www.w3.org/2000/svg"
16903              >
16904                <g clip-path="url(#clip0_1061_2171)">
16905                <path d="M0.875 7.0083H13.125" stroke="#fff" stroke-width="2" stroke-linecap="round"/>
16906                </g>
16907                <defs>
16908                <clipPath id="clip0_1061_2171">
16909                <rect width="14" height="14" fill="white" transform="translate(0 0.00830078)"/>
16910                </clipPath>
16911                </defs>
16912              </svg>
16913
16914              <svg
16915                ref="accordionOpenIcon"
16916                width="16"
16917                height="16"
16918                viewBox="0 0 16 16"
16919                aria-label="hidden"
16920                fill="none"
16921                xmlns="http://www.w3.org/2000/svg"
16922              >
16923                <path d="M1.875 8.0083H14.125" stroke="#fff" stroke-width="2" stroke-linecap="round"/>
16924                <path d="M8 1.8833L8 14.1333" stroke="#fff" stroke-width="2" stroke-linecap="round"/>
16925              </svg>
16926            </button>
16927
16928            <div
16929              v-if="shouldShowDiscountInput && shouldShowDiscountInput()"
16930              class="rebuy-cart__flyout-discount rebuy-cart__flyout-footer-discount-field-hide"
16931              ref="rebuyDiscountAccordion"
16932              id="rebuy-discount-accordion"
16933            >
16934              <div class="rebuy-cart__flyout-discount-right">
16935                <div class="rebuy-cart__flyout-discount-input">
16936                  <input
16937                    class="input"
16938                    v-model="discount.inputValue"
16939                    placeholder="Enter your promo code"
16940                    id="rebuy-discount-input"
16941                    aria-label="Enter your promo code"
16942                  >
16943                
16944                </div>
16945                <button
16946                  class="rebuy-button"
16947                  aria-label="Apply promo code"
16948                  v-on:click="applyDiscount()"
16949                  v-bind:disabled="discount.loading"
16950                >
16951                  <span v-html="discountButtonLabel && discountButtonLabel()" class="rebuy-button-text"></span>
16952                </button>
16953              </div>
16954              <div
16955                  v-if="showInvalidMessage()"
16956                  class="rebuy-cart__flyout-discount-message"
16957                >
16958                  <svg xmlns="http://www.w3.org/2000/svg" width="22" height="22" viewBox="0 0 22 22" fill="none">
16959                    <rect width="22" height="22" rx="11" fill="#D42A1C"/>
16960                    <g clip-path="url(#clip0_2947_17606)">
16961                    <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"/>
16962                    <path d="M11 9.75V12.75" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
16963                    <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"/>
16964                    </g>
16965                    <defs>
16966                    <clipPath id="clip0_2947_17606">
16967                    <rect width="12" height="12" fill="white" transform="translate(5 5)"/>
16968                    </clipPath>
16969                    </defs>
16970                  </svg>
16971                  <span
16972                    v-html="settings.language.discount_invalid_message"
16973                  >
16974                  </span>
16975                </div>
16976            </div>
16977          
16978          
16979          <div
16980            v-show="shouldShowDiscountSubtotal && shouldShowDiscountSubtotal()"
16981            class="rebuy-cart__flyout-discount-amount"
16982          >
16983            <div class="rebuy-cart__flyout-discount-left">
16984              <span class="rebuy-cart__flyout-label" v-html="discountLabel && discountLabel()"></span>
16985              <div class="rebuy-cart__flyout-tag" v-on:click="removeDiscount()">
16986                <span class="rebuy-cart__flyout-tag-discount-icon">
16987                  <svg width="10" height="10" viewBox="0 0 10 10" fill="none" xmlns="http://www.w3.org/2000/svg">
16988                    <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"/>
16989                    <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"/>
16990                    </svg>
16991                </span>
16992                <span v-html="discount.inputValue" class="rebuy-cart__flyout-tag-discount-text"></span>
16993                <span class="rebuy-cart__flyout-tag-time">
16994                  <svg width="10" height="10" viewBox="0 0 8 8" fill="none" xmlns="http://www.w3.org/2000/svg">
16995                    <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"/>
16996                    <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"/>
16997                  </svg>
16998                </span>
16999              </div>
17000            </div>
17001            <div class="rebuy-cart__flyout-subtotal-amount rebuy-cart__flyout-discount-right rebuy-cart__flyout-subtotal-amount-discount" v-html="discountTotal && discountTotal()"> </div>
17002          </div>
17003    
17004          <div class="rebuy-cart__flyout-subtotal">
17005            <div class="rebuy-cart__flyout-subtotal-label">
17006              <span class="rebuy-cart__flyout-subtotal-text">Subtotal</span>
17007            </div>
17008
17009            <div class="rebuy-cart__flyout-subtotal-amount">
17010                  <span class="rebuy-cart__flyout-subtotal-final-amount">
17011                      <span class="sr-only">Final price</span>
17012                      <span v-html="oliRebuyCartSubtotal(formatMoney, items, itemPrice, compareAtPrice, isBundleChild, isHiddenItem, isBundleParent)"></span>
17013                  </span>
17014              <span class="rebuy-cart__flyout-subtotal-compare-amount tw-hidden">
17015                      <span class="sr-only">Original price</span>
17016                      <span v-html="oliRebuyCartCompareSubtotal(formatMoney, items, itemPrice, compareAtPrice, isBundleChild, isHiddenItem, isBundleParent)"></span>
17017                  </span>
17018            </div>
17019
17020          </div>
17021          <div class="rebuy-cart__flyout-actions">
17022            <div v-if="settings.terms && settings.terms.enabled" class="rebuy-cart__flyout-terms">
17023              <input class="rebuy-cart__flyout-terms-checkbox rebuy-checkbox" id="rebuy-terms-checkbox" name="rebuy-terms-checkbox"
17024                type="checkbox" v-model="termsAccepted" v-on:click="updateTermsCheck()" />
17025              <label class="rebuy-cart__flyout-terms-label" for="rebuy-terms-checkbox" v-html="settings.terms.disclaimer"></label>
17026            </div>
17027            <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()">
17028              <span>
17029                <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"/>
17029<path d="" stroke="none" fill="#fcfcfc" fill-rule="evenodd"/></svg>
17030                <span>Checkout</span>
17031              </span>
17032            </button>
17033            <button v-if="hasViewCartButton()" class="block rebuy-button" v-bind:class="{'outline': hasCheckoutButton()}" type="button" v-on:click="viewCart()">
17034              <span v-html="viewCartLabel()"></span>
17035            </button>
17036            <button v-if="hasContinueShoppingButton()" class="block rebuy-button outline" type="button" v-on:click="hide()">
17037              <span v-html="continueShoppingLabel()"></span>
17038            </button>
17039            
17040            
17041              <div class="rebuy-cart__flyout-actions-note-below-cta">
17042                45 Day Money-Back Guarantee
17043              </div>
17044            
17045
17046            �
17047          </div>
17048          <div class="rebuy-cart__flyout-installments" v-if="installmentsEnabled()" v-html="installmentsMessage()"></div>
17049        </div>
17050      </div>
17051    </div>
17052    <div class="rebuy-cart__background" v-on:click="hide()"></div>
17053  </div>
17054</script>
17054
17055
17056
17057<style>
17058  #rebuy-checkout-btn:hover {
17059    background-color:  #E2EB28 !important;
17060  }
17061
17062  .rebuy-cart__flyout-item-media img[alt="View Watermelon Lime 9g Fiber"] {
17063    width: 70%;
17064  }
17065</style>
17066
17067<script async src="https://cdn.rebuyengine.com/onsite/js/rebuy.js?shop=olipop-store.myshopify.com"></script>
17067
17068
17069<script>
17070  document.addEventListener('DOMContentLoaded', function() {
17071    const body = document.body;
17072    const html = document.documentElement;
17073  
17074    // Function to save and restore the scroll position
17075    function preserveScrollPosition(action) {
17076      const scrollPosition = {
17077        top: window.scrollY,
17078        left: window.scrollX
17079      };
17080      action();
17081      window.scrollTo(scrollPosition.left, scrollPosition.top);
17082    }
17083  
17084    // Create a MutationObserver to watch for changes to the body's class list
17085    const observer = new MutationObserver(function(mutationsList) {
17086      mutationsList.forEach(function(mutation) {
17087        if (mutation.type === 'attributes' && mutation.attributeName === 'class') {
17088          if (body.classList.contains('rebuy-modal-visible')) {
17089            html.style.overflow = 'hidden';
17090          } else {
17091            preserveScrollPosition(() => {
17092              html.style.overflow = '';
17093            });
17094          }
17095        }
17096      });
17097    });
17098    observer.observe(body, { attributes: true });
17099  });
17100</script>
17100
17101<style>
17102  #rebuy-checkout-btn:hover {
17103    background-color:  #E2EB28 !important;
17104  }
17105
17106  .rebuy-cart__flyout-item-media img[alt="View Watermelon Lime 9g Fiber"] {
17107    width: 70%;
17108  }
17109</style>
17110
17111    
17112
17113
17114<script>
17115const getProductJSON = async (handle) => {
17116    let data = JSON.parse(sessionStorage.getItem("productJSONStore"));
17117
17118    if (data && data[handle]) {
17119        return data[handle];
17120    } else {
17121        await getStorefrontProduct(handle).then((product) => {
17122            saveProductJSON(product);
17123            return product;
17124        });
17125    }
17126};
17127
17128const saveProductJSON = (product) => {
17129    let data = JSON.parse(sessionStorage.getItem("productJSONStore"));
17130
17131    if (data == null) {
17132        data = {};
17133    }
17134
17135    if (product) {
17136        data[product.handle] = product;
17137    }
17138
17139    sessionStorage.setItem("productJSONStore", JSON.stringify(data));
17140};
17141
17142const removeProductJSON = (product) => {
17143    let data = JSON.parse(sessionStorage.getItem("productJSONStore"));
17144
17145    if (data == null) {
17146        data = {};
17147    }
17148
17149    if (product) {
17150        delete data[product.handle];
17151    }
17152
17153    sessionStorage.setItem("productJSONStore", JSON.stringify(data));
17154};
17155
17156const getStorefrontProduct = async (handle) => {
17157    return fetch(`${Shopify.routes.root}products/${handle}.js`).then(
17158        (response) => {
17159            return response.json();
17160        }
17161    );
17162};
17163
17164const enrichWidgetProducts = (widget) => {
17165    const products = widget.data.products;
17166
17167    for (var i = 0; i < products.length; i++) {
17168        updateProductJSON(products[i], () => {
17169            widget.initProducts(widget.data.products);
17170        });
17171    }
17172};
17173
17174const enrichCartItems = () => {
17175    const items = Rebuy.Cart.items();
17176    for (var i = 0; i < items.length; i++) {
17177        const item = items[i];
17178        const product = items[i].product;
17179
17180        updateProductJSON(product, () => {
17181            const productClone = Object.assign({}, product);
17182
17183            delete productClone.subscription;
17184            delete productClone.subscription_discount_amount;
17185            delete productClone.subscription_discount_type;
17186            delete productClone.subscription_frequencies;
17187            delete productClone.subscription_frequency;
17188            delete productClone.subscription_interval;
17189            delete productClone.subscription_id;
17190            delete productClone.is_subscription_only;
17191            delete productClone.has_subscription;
17192
17193            Rebuy.Cart.addEnrichedProduct(productClone);
17194
17195            Rebuy.Cart.initProduct(product, {
17196                item: item,
17197                clone: true,
17198            });
17199        });
17200    }
17201};
17202
17203const updateProductJSON = (product, callback = function () {}) => {
17204    getProductJSON(product.handle).then((json) => {
17205        if (typeof json?.requires_selling_plan != "undefined") {
17206            product.is_subscription_only = json?.requires_selling_plan;
17207        }
17208
17209        if (typeof json?.selling_plan_groups != "undefined") {
17210            extendProductWithSellingPlan(product, json?.selling_plan_groups[0]);
17211        }
17212
17213        callback(product);
17214    });
17215};
17216
17217const extendProductWithSellingPlan = (product, selling_plan_groups) => {
17218    if (product && selling_plan_groups) {
17219        // Set discount
17220        selling_plan_groups.discount_amount = 0;
17221        selling_plan_groups.discount_type = "none";
17222
17223        // Update selling plans
17224        for (let i = 0; i < selling_plan_groups.selling_plans.length; i++) {
17225            const selling_plan = selling_plan_groups.selling_plans[i];
17226
17227            // Surface discount amount and type to groups
17228            if (
17229                selling_plan_groups.discount_amount == 0 &&
17230                selling_plan_groups.discount_type == "none" &&
17231                selling_plan.price_adjustments.length > 0
17232            ) {
17233                let price_adjustment = selling_plan.price_adjustments[0];
17234                let valueType =
17235                    price_adjustment.value_type === "percentage"
17236                        ? "percentage"
17237                        : "fixed";
17238                let value = price_adjustment.value;
17239
17240                if (valueType === "fixed") {
17241                    value = (value / 100).toFixed(2);
17242                }
17243
17244                selling_plan_groups.discount_amount = value;
17245                selling_plan_groups.discount_type = valueType;
17246            }
17247
17248            // Surface order interval to selling plan
17249            let interval = getOrderIntervalForOptions(selling_plan.options[0]);
17250            selling_plan.order_interval_frequency = interval.frequency;
17251            selling_plan.order_interval_unit_type = interval.unit;
17252        }
17253
17254        // Add groups to product
17255        product.selling_plan_groups = [selling_plan_groups];
17256    }
17257};
17258
17259const getOrderIntervalForOptions = (option) => {
17260    const intervalUnits = ["day", "week", "month", "year"];
17261    const response = {
17262        frequency: 1,
17263        unit: "day",
17264    };
17265
17266    let frequency = option.value.toLowerCase().match(/\d+/g);
17267
17268    if (frequency != null) {
17269        response.frequency = frequency[0];
17270    }
17271
17272    for (let i = 0; i < intervalUnits.length; i++) {
17273        const unit = intervalUnits[i];
17274        let regex = new RegExp(unit, "g");
17275
17276        if (option.value.toLowerCase().match(regex)) {
17277            response.unit = unit;
17278            break;
17279        }
17280    }
17281
17282    return response;
17283};
17284
17285const enableSellingPlans = () => {
17286    const Rebuy = window.Rebuy;
17287    const Shop = window.Rebuy.shop;
17288
17289    if (Shop) {
17290        if (typeof Shop.integrations == "undefined") {
17291            Shop.integrations = {};
17292        }
17293        Shop.integrations.recharge = true;
17294        Shop.selling_plans_enabled = true;
17295    }
17296};
17297
17298document.addEventListener("rebuy:cart.enriched", (event) => {
17299    setTimeout(enrichCartItems, 0);
17300});
17301
17302document.addEventListener("rebuy.productsChange", (event) => {
17303    event.detail.widget.data.config.product_type = "both";
17304    enrichWidgetProducts(event.detail.widget);
17305});
17306
17307document.addEventListener("rebuy.loaded", () => {
17308    enableSellingPlans();
17309});
17310
17311// may or may not be necessary, have needed to do this on a few stores
17312document.addEventListener("rebuy:cart.change", () => {
17313    // re-enrich cart
17314    setTimeout(() => {
17315        Rebuy.Cart.enrichCart();
17316    }, 300);
17317});
17318</script>
17318
17319
17320
17321<script>
17322  window.switchToSubscriptionAssets = {
17323    checkmark: "\/\/drinkolipop.com\/cdn\/shop\/t\/1366\/assets\/switch-to-subscription-checkmark.svg?v=737100"
17324  }
17325</script>
17325
17326
17327
17328
17329<script id="rebuy-widget-104566" type="text/template">
17330  <div
17331    class="rebuy-widget"
17332    v-cloak
17333    v-on:click="stopPropagation($event)"
17334    v-bind:id="'rebuy-widget-' + id"
17335    v-bind:class="['widget-type-' + config.type.replace('_','-'), 'widget-display-' + config.display_type, products.length > 0 ? 'is-visible' : 'is-hidden', 'widget-layout-' + currentLayout()]"
17336  >
17337    <div
17338      class="rebuy-widget-container"
17339      v-cloak
17340      v-bind:class="['widget-display-' + config.display_type, visible ? 'is-visible' : 'is-hidden' ]"
17341      v-on:click.self="hide()">
17342
17343      <div class="rebuy-widget-content">
17344        <div class="rebuy-modal-close" v-on:click="hide()">
17345          <i class="fas fa-times"></i>
17346        </div>
17347
17348        <div class="rebuy-timer" v-if="hasTimer()">
17349          <h5 class="rebuy-timer-title" v-if="config.language.timer_title">
17350            <span v-html="config.language.timer_title"></span>
17351            <span class="rebuy-timer-minutes" v-html="config.timer.duration_minutes"></span>:<span class="rebuy-timer-seconds" v-html="config.timer.duration_seconds"></span>
17352          </h5>
17353        </div>
17354
17355        <h4
17356          class="super-title"
17357          v-if="config.language.super_title != ''"
17358          v-html="config.language.super_title"></h4>
17359        <img src="https://cdn.shopify.com/s/files/1/0034/6610/0806/files/Mask_group_a14b28d7-9678-4952-b6bd-8913d9526dea.png?v=1696021272">
17360        <h3
17361          class="primary-title"
17362          v-if="config.language.title != ''"
17363          v-html="config.language.title"></h3>
17364
17365        <div
17366          class="description"
17367          v-if="config.language.description != ''"
17368          v-html="config.language.description"></div>
17369
17370        <div class="rebuy-product-grid" v-bind:class="layoutClasses">
17371          <div
17372            class="rebuy-product-block"
17373            v-for="product in products"
17374            v-bind:class="[product.handle, 'product-id-' + product.id, cartHasProduct(product) ? 'cart-has-item' : '', productTagClasses(product)]">
17375            <div class="rebuy-subscription-bonuses">
17376              <div class="stsNote">
17377                <img v-bind:src="switchToSubscriptionAssets.checkmark" class="rebuyCheck"><p class="rebuy-product-media-block-text">15% off EVERY subscription order</p>
17378              </div>
17379              <div class="stsNote">
17380                <img v-bind:src="switchToSubscriptionAssets.checkmark" class="rebuyCheck"><p class="rebuy-product-media-block-text">Free shipping in the contiguous U.S.</p>
17381              </div>
17382              <div class="stsNote">
17383                <img v-bind:src="switchToSubscriptionAssets.checkmark" class="rebuyCheck"><p class="rebuy-product-media-block-text">Swap, skip, or cancel anytime</p>
17384              </div>
17385            </div>
17386            <div class="rebuy-product-actions">
17387
17388              <div class="subscription-checkbox" v-if="showSubscriptionOptions(product)">
17389                <label class="rebuy-checkbox-label">
17390                  <input
17391                    class="checkbox-input rebuy-checkbox"
17392                    v-model="product.subscription"
17393                    v-on:change="toggleSubscription(product)"
17394                    type="checkbox" />
17395                  <span class="checkbox-label" v-html="upgradeToSubscriptionLabel(product)"></span>
17396                </label>
17397              </div>
17398
17399              <div class="subscription-frequency" v-if="showSubscriptionFrequency(product)">
17400                <select
17401                  class="rebuy-select"
17402                  v-model="product.subscription_frequency"
17403                  v-on:change="updateSubscriptionFrequency(product)">
17404                  <option v-for="frequency in product.subscription_frequencies" v-bind:value="frequency"></option>
17405                </select>
17406              </div>
17407
17408              <button
17409                class="rebuy-button"
17410                v-bind:class="{ working: (product.status != 'ready' && product.status != 'selecting') }"
17411                v-bind:disabled="!(variantAvailable(product.selected_variant)) || (product.status != 'ready' && product.status != 'selecting')"
17412                v-bind:alt="'Add ' + product.title + ' to Cart'"
17413                v-on:click="addUpsellToCart(product)"
17414                type="button">
17415                <span v-html="buttonLabel(product)"></span>
17416              </button>
17417
17418              <button
17419                class="rebuy-button decline"
17420                v-on:click="declineOffer(product)"
17421                type="button">
17422                <span v-html="declineLabel(product)"></span>
17423              </button>
17424            </div>
17425          </div>
17426        </div>
17427
17428        <div class="powered-by-rebuy">
17429          <a
17430            v-bind:href="'https://rebuyengine.com/?shop=' + config.shop.myshopify_domain"
17431            target="_blank"
17432            rel="noopener">
17433            Powered by Rebuy
17434          </a>
17435        </div>
17436      </div>
17437    </div>
17438  </div>
17439</script>
17439
17440
17441
17442<script>
17443document.addEventListener('rebuy:reorderLandingPage.ready', function(){
17444  if(Rebuy.ReorderLandingPage){
17445    Rebuy.Cart.cart?.items.forEach(item => {
17446      if (item.product?.tags.includes('exclude_rebuy')) {
17447        Rebuy.Cart.removeItem(item)
17448      }
17449    })
17450  }
17451});
17452</script>
17452
17453
17454<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>
17454
17455  <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>
17456<div id="shopify-block-AbVJPUTJacTJ3WC9He__4947802007469450330" class="shopify-block shopify-app-block"><!-- rediem-referral.css loaded non-blocking. The referral UI (skeleton, iframe,
17457  widget, popups) is injected by JS after load, so nothing this styles exists at
17458  first paint; loading it blocking (via the schema `stylesheet` key) only delayed
17459  first paint. Served from Shopify's global CDN via asset_url. -->
17460<link rel="preload" href="https://cdn.shopify.com/extensions/01a0d4ae-046e-7a9f-8d8e-39de6e7aee31/rediem-289/assets/rediem-referral.css" as="style" onload="this.onload=null;this.rel='stylesheet'">
17461<noscript><link rel="stylesheet" href="https://cdn.shopify.com/extensions/01a0d4ae-046e-7a9f-8d8e-39de6e7aee31/rediem-289/assets/rediem-referral.css"></noscript>
17462
17463<script src="https://ripplrewards.nyc3.digitaloceanspaces.com/static/prod/rediem-referral.js?v=9b94ef6c7912dc0489bf2d6d627dd216d6ab523b" defer > </script>
17463
17464
17465<script>
17466(function () {
17467  // Main logic function
17468  const runRediemLogic = async () => {
17469
17470    window.rediemReferral = async () => {
17471      const REF_TUNNEL_URL = "https://referrals.rediem.io";
17472      const API_BASE_URL = "https://api.rediem.io/api";
17473
17474      const shop = 'drinkolipop.com';
17475      const customerId = '';
17476      const customerEmail = '';
17477      const customerFirstName = '';
17478      const customerLastName = '';
17479      const customerTags = "";
17480
17481      const rippl_url = new URL(window.location.href);
17482      const rediemRef = rippl_url.searchParams.get('rediemRef') || '';
17483      const source = rippl_url.searchParams.get('source') || 'direct';
17484
17485      const refContainer = document.getElementById('rediem_referral');
17486
17487      const urlParams = new URLSearchParams();
17488      if (shop) urlParams.append('shop', shop);
17489      if (source) urlParams.append('source', source);
17490      if (rediemRef) { urlParams.append('rediemRef', rediemRef) }
17491
17492      if (customerId) {
17493        urlParams.append('customerId', customerId);
17494        urlParams.append('customerEmail', customerEmail);
17495        urlParams.append('customerFirstName', customerFirstName);
17496        urlParams.append('customerLastName', customerLastName);
17497        urlParams.append('customerTags', customerTags);
17498      }
17499
17500      const finalURL = `${REF_TUNNEL_URL}${urlParams.toString() ? `?${urlParams.toString()}` : ''}`;
17501
17502      const rediemRefHTML = `
17503    <div class="rdm-skeleton-container">
17504        <div class="rdm-skeleton-section">
17505          <div class="rdm-skeleton-line rdm-line-header-1">&nbsp;</div>
17506          <div class="rdm-skeleton-line rdm-line-header-2">&nbsp;</div>
17507        </div>
17508        <div class="rdm-skeleton-tabs">
17509          <div class="rdm-skeleton-line rdm-line-tab">&nbsp;</div>
17510          <div class="rdm-skeleton-line rdm-line-tab">&nbsp;</div>
17511        </div>
17512        <div class="rdm-skeleton-card">
17513          <div class="rdm-skeleton-line rdm-line-card-1">&nbsp;</div>
17514          <div class="rdm-skeleton-line rdm-line-card-2">&nbsp;</div>
17515        </div>
17516        <div class="rdm-skeleton-card">
17517          <div class="rdm-skeleton-line rdm-line-balance-1">&nbsp;</div>
17518          <div class="rdm-skeleton-row">
17519            <div class="rdm-skeleton-line rdm-line-balance-2">&nbsp;</div>
17520            <div class="rdm-skeleton-line rdm-line-balance-3">&nbsp;</div>
17521          </div>
17522        </div>
17523        <p style="text-align:center;margin-top:40px;">Loading...</p>
17524      </div>
17525      <iframe
17526        allowusermedia
17527        class="rediem-referral-iframe"
17528        id="rediemReferralIframe"
17529        customerId="${customerId}"
17530        src="${finalURL}"
17531        title="Referral program - powered by rediem"
17532        aria-label="Referral program - powered by rediem"
17533        allow="clipboard-read; clipboard-write; geolocation; camera; microphone;"
17534        style="border: 0; width: 100%;">
17535      </iframe>`;
17536
17537      const apiEndpoint = `${API_BASE_URL}/referral?shop=${shop}`;
17538      try {
17539        const response = await fetch(apiEndpoint);
17540        const data = await response.json();
17541        sessionStorage.setItem('referralSetting', JSON.stringify(data?.data));
17542        const referralSetting = data?.data?.referralSetting || {};
17543        const { referralStatus, shopId, refWidget } = data?.data?.referralSetting || {};
17544        const { bglink } = data?.data || {};
17545
17546        if (referralStatus === 'active') {
17547          const widget_iframe = document.getElementById('RippleRewards');
17548          if (!widget_iframe) {
17549            const response = await fetch("/apps/next-proxy", {
17550              method: "GET",
17551              headers: { "Content-Type": "application/json" },
17552            });
17553
17554            const cacheKey = `user_${shop}`;
17555            let data = null;
17556
17557            if (response.ok) {
17558              if (response.status !== 204) {
17559                try {
17560                  const json = await response.json();
17561                  data = json?.data ?? null;
17562                } catch {
17563                  data = null;
17564                }
17565              }
17566            }
17567
17568            sessionStorage.setItem(
17569              cacheKey,
17570              JSON.stringify({ data, timestamp: Date.now() })
17571            );
17572          }
17573          if (data?.data?.primaryFontLink) {
17574            const primaryFontLink = document.createElement('link');
17575            primaryFontLink.rel = 'stylesheet';
17576            primaryFontLink.href = data.data.primaryFontLink;
17577            document.head.appendChild(primaryFontLink);
17578          }
17579
17580          if (data?.data?.secondaryFontLink) {
17581            const secondaryFontLink = document.createElement('link');
17582            secondaryFontLink.rel = 'stylesheet';
17583            secondaryFontLink.href = data.data.secondaryFontLink;
17584            document.head.appendChild(secondaryFontLink);
17585          }
17586
17587          const style = `
17588              .rediem-popup-content-wrapper,
17589              .rediem-popup-content-wrapper button,
17590              .rediem-popup-content-wrapper input,
17591              .ref-widget, .ref-text {
17592                font-family: '${referralSetting?.secondaryFontFamily}', sans-serif;
17593              }
17594              .p-font {
17595                font-family: '${referralSetting?.fontFamily}', sans-serif;
17596              }
17597              .p-color {
17598                color: ${referralSetting?.primaryColor || '#0077C8'} !important;
17599              }
17600              .s-color {
17601                color: ${referralSetting?.secondaryColor || '#667085'} !important;
17602              }
17603              .p-bg{
17604                background-color: ${referralSetting?.primaryColor || '#0077C8'} !important;
17605              }
17606              .widget-bg{
17607                background-color: ${referralSetting?.refWidget?.bgColor || referralSetting?.primaryColor || '#0077C8'} !important;
17608              }
17609          `;
17610
17611          const styleElement = document.createElement('style');
17612          styleElement.id = 'rediem-css';
17613          styleElement.innerHTML = style;
17614
17615          if (!document.getElementById('rediem-css')) {
17616            document.head.appendChild(styleElement);
17617          }
17618
17619          if (rediemRef) {
17620
17621            const decode = JSON.parse(atob(rediemRef.split('.')[1]));
17622            const rediem_advocate_id = (/^\d+$/.test(decode?.customerId) ? decode?.customerId : decode?.customerId?.split("/")?.at(-1));
17623            rdm_setCookie("rediem_advocate_id", rediem_advocate_id)
17624
17625            const friendReward = await rdm_getFriendReward(shopId);
17626            const reward = friendReward?.data?.[0];
17627            if (reward) {
17628              rdm_generatePopupHtml(reward, REF_TUNNEL_URL, customerId);
17629              sessionStorage.setItem('friendReward', JSON.stringify(reward));
17630            }
17631            fetch(`${API_URL}/referral/engagement/`, {
17632              method: 'PUT',
17633              headers: {
17634                'Content-Type': 'application/json',
17635              },
17636              body: JSON.stringify({ shop, type: "site-visit" }),
17637            });
17638          }
17639
17640          if (refContainer) {
17641            refContainer.innerHTML = rediemRefHTML;
17642          }
17643
17644          if (refWidget?.status) {
17645            rdm_appendRefWidget({ ...refWidget, widgetIcon: data?.data?.widgetIcon });
17646          }
17647        }
17648      } catch (error) {
17649        console.error("Error fetching data:", error);
17650      }
17651    };
17652
17653    const id = '';
17654    if (id && window.rdm_redirectToRefDash) window.rdm_redirectToRefDash();
17655    if (window.rdm_appendHiddenField) window.rdm_appendHiddenField();
17656
17657    if (typeof window.rediemReferral === 'function') {
17658      window.rediemReferral();
17659    }
17660  };
17661
17662  const loadDependency = (callback) => {
17663    if (typeof window.rdm_redirectToRefDash === 'function') {
17664      callback();
17665      return;
17666    }
17667
17668    const scriptSrc = "https://ripplrewards.nyc3.digitaloceanspaces.com/static/prod/rediem-referral.js";
17669    // Check if script already exists but globals aren't ready yet (e.g. still loading)
17670    const existingScript = document.querySelector(`script[src^="${scriptSrc}"]`);
17671
17672    if (existingScript) {
17673      // Poll for globals if script exists
17674      const checkInterval = setInterval(() => {
17675        if (typeof window.rdm_redirectToRefDash === 'function') {
17676          clearInterval(checkInterval);
17677          callback();
17678        }
17679      }, 100);
17680      return;
17681    }
17682
17683    // Load new script
17684    const script = document.createElement('script');
17685    script.src = `${scriptSrc}?v=9b94ef6c7912dc0489bf2d6d627dd216d6ab523b`;
17686    script.onload = callback;
17687    document.head.appendChild(script);
17688  };
17689
17690  if (document.readyState === "loading") {
17691    document.addEventListener("DOMContentLoaded", () => loadDependency(runRediemLogic));
17692  } else {
17693    loadDependency(runRediemLogic);
17694  }
17695})();
17696</script>
17696
17697
17698</div><div id="shopify-block-AWnY2RzdkTzNxdWNiS__15336829040930027027" class="shopify-block shopify-app-block"><style>
17699/* Critical-CSS safety net, not a replacement for rediem-dash.css: hardcodes only the
17700   structural properties (position, width, hidden/shown state) from its base
17701   .ripple-frame-container / .show selectors that determine whether the widget is
17702   full-screen and stuck versus correctly sized and closable, deliberately excluding
17703   cosmetic properties (background-color, box-shadow, border-radius, transition
17704   easing, ...) that don't affect that and are the ones most likely to change in a
17705   future styling pass. Protects against the async stylesheet below never getting
17706   promoted from preload to stylesheet (for example, a client-side page-transition
17707   library such as Barba.js swapping in a fresh, unpromoted preload link without
17708   re-running the loader script that would otherwise promote it). Same specificity
17709   as rediem-dash.css and declared before it in source order, so once the real
17710   stylesheet loads it wins the cascade normally, with no !important needed.
17711   apps/api/cdn-statics/criticalCssSync.test.ts fails loudly if these values and
17712   rediem-dash.css's ever disagree.
17713*/
17714.ripple-frame-container{position:fixed;width:390px;right:20px;transform:scale(0);opacity:0;visibility:hidden}
17715.ripple-frame-container.show{transform:scale(1);opacity:1;visibility:visible}
17716</style>
17717<link rel="preload" href="https://ripplrewards.nyc3.digitaloceanspaces.com/static/css/rediem-dash.css?v=9b94ef6c7912dc0489bf2d6d627dd216d6ab523b" as="style" data-rediem-preload>
17718<noscript><link rel="stylesheet" href="https://ripplrewards.nyc3.digitaloceanspaces.com/static/css/rediem-dash.css?v=9b94ef6c7912dc0489bf2d6d627dd216d6ab523b"></noscript>
17719
17720<div data-rdm_domain="drinkolipop.com" data-rdm_id="" data-rdm_email=""
17721  data-rdm_firstName="" data-rdm_lastName=""
17722  data-rdm_tags="" data-rdm_phone="" id="rdmWidgetLoadDiv">
17723</div>
17724
17725<script src="https://ripplrewards.nyc3.digitaloceanspaces.com/static/prod/rediem-dash.js?v=9b94ef6c7912dc0489bf2d6d627dd216d6ab523b" defer></script>
17725
17726
17727</div><div id="shopify-block-Aemp4K204NG5MWWxCU__9431864395560886015" class="shopify-block shopify-app-block">
17728
17729<script>
17730  window.__POLAR_CONFIG__ = {
17731    debug: false,
17732    shop: "olipop-store.myshopify.com",
17733    storefrontToken: null,
17734    cartMetafieldsEnabled: null,
17735    metafieldNamespace: "polar",
17736    metafieldKey: "attribution"
17737  };
17738</script>
17738
17739
17740<script src="https://cdn.shopify.com/extensions/01a06601-c356-7426-8020-d0ed6417f8c2/polar-analytics-33/assets/polar-cart-injector.js" async></script>
17740
17741
17742</div>
17742<script src="https://cdn.shopify.com/storefront/standard-actions.js" type="module" data-source-attribution="shopify.standard_actions"></script>
17742
17743</body>
17744</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.