1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17<!doctype html> 18<html 19 class="no-js tw-scroll-smooth !tw-p-0" 20 lang="en" 21 data-prefetching="true" 22> 23 <head> 24
24<script type="application/vnd.locksmith+json" data-locksmith>{"version":"v346","locked":false,"initialized":true,"scope":"collection","access_granted":true,"access_denied":false,"requires_customer":false,"manual_lock":false,"remote_lock":false,"has_timeout":false,"remote_rendered":null,"hide_resource":false,"hide_links_to_resource":false,"hide_price":false,"hide_add_to_cart":false,"transparent":true,"locks":{"all":[],"opened":[]},"keys":[],"keys_signature":"ac54be565c44fdc8dfbb1beea83f05e72f5c8202af4849dc3f0f55898112bcfb","state":{"template":"collection","theme":174423703711,"product":null,"collection":"shop-9g-fiber","page":null,"blog":null,"article":null,"app":null},"now":1790917212,"path":"\/collections\/shop-9g-fiber","locale_root_url":"\/","canonical_url":"https:\/\/drinkolipop.com\/collections\/shop-9g-fiber","customer_id":null,"customer_id_signature":"ac54be565c44fdc8dfbb1beea83f05e72f5c8202af4849dc3f0f55898112bcfb","cart":null}</script>
24<script data-locksmith>!function(){undefined;!function(){var s=window.Locksmith={},e=document.querySelector('script[type="application/vnd.locksmith+json"]'),n=e&&e.innerHTML;if(s.state={},s.util={},s.loading=!1,n)try{s.state=JSON.parse(n)}catch(d){}if(document.addEventListener&&document.querySelector){var o,a,i,t=[76,79,67,75,83,77,73,84,72,49,49],c=function(){a=t.slice(0)},l="style",r=function(e){e&&27!==e.keyCode&&"click"!==e.type||(document.removeEventListener("keydown",r),document.removeEventListener("click",r),o&&document.body.removeChild(o),o=null)};c(),document.addEventListener("keyup",function(e){if(e.keyCode===a[0]){if(clearTimeout(i),a.shift(),0<a.length)return void(i=setTimeout(c,1e3));c(),r(),(o=document.createElement("div"))[l].width="50%",o[l].maxWidth="1000px",o[l].height="85%",o[l].border="1px rgba(0, 0, 0, 0.2) solid",o[l].background="rgba(255, 255, 255, 0.99)",o[l].borderRadius="4px",o[l].position="fixed",o[l].top="50%",o[l].left="50%",o[l].transform="translateY(-50%) translateX(-50%)",o[l].boxShadow="0 2px 5px rgba(0, 0, 0, 0.3), 0 0 100vh 100vw rgba(0, 0, 0, 0.5)",o[l].zIndex="2147483645";var t=document.createElement("textarea");t.value=JSON.stringify(JSON.parse(n),null,2),t[l].border="none",t[l].display="block",t[l].boxSizing="border-box",t[l].width="100%",t[l].height="100%",t[l].background="transparent",t[l].padding="22px",t[l].fontFamily="monospace",t[l].fontSize="14px",t[l].color="#333",t[l].resize="none",t[l].outline="none",t.readOnly=!0,o.appendChild(t),document.body.appendChild(o),t.addEventListener("click",function(e){e.stopImmediatePropagation()}),t.select(),document.addEventListener("keydown",r),document.addEventListener("click",r)}})}s.isEmbedded=-1!==window.location.search.indexOf("_ab=0&_fd=0&_sc=1"),s.path=s.state.path||window.location.pathname,s.basePath=s.state.locale_root_url.concat("/apps/locksmith").replace(/^\/\//,"/"),s.reloading=!1,s.util.console=window.console||{log:function(){},error:function(){}},s.util.makeUrl=function(e,t){var n,o=s.basePath+e,a=[],i=s.cache();for(n in i)a.push(n+"="+encodeURIComponent(i[n]));for(n in t)a.push(n+"="+encodeURIComponent(t[n]));return s.state.customer_id&&(a.push("customer_id="+encodeURIComponent(s.state.customer_id)),a.push("customer_id_signature="+encodeURIComponent(s.state.customer_id_signature))),o+=(-1===o.indexOf("?")?"?":"&")+a.join("&")},s._initializeCallbacks=[],s.on=function(e,t){if("initialize"!==e)throw'Locksmith.on() currently only supports the "initialize" event';s._initializeCallbacks.push(t)},s.initializeSession=function(e){if(!s.isEmbedded){var t=!1,n=!0,o=!0;(e=e||{}).silent&&(o=n=!(t=!0)),s.ping({silent:t,spinner:n,reload:o,callback:function(){s._initializeCallbacks.forEach(function(e){e()})}})}},s.cache=function(e){var t={};try{var n=function a(e){return(document.cookie.match("(^|; )"+e+"=([^;]*)")||0)[2]};t=JSON.parse(decodeURIComponent(n("locksmith-params")||"{}"))}catch(d){}if(e){for(var o in e)t[o]=e[o];document.cookie="locksmith-params=; expires=Thu, 01 Jan 1970 00:00:00 GMT; path=/",document.cookie="locksmith-params="+encodeURIComponent(JSON.stringify(t))+"; path=/"}return t},s.cache.cart=s.state.cart,s.cache.cartLastSaved=null,s.params=s.cache(),s.util.reload=function(){s.reloading=!0;try{window.location.href=window.location.href.replace(/#.*/,"")}catch(d){s.util.console.error("Preferred reload method failed",d),window.location.reload()}},s.cache.saveCart=function(e){if(!s.cache.cart||s.cache.cart===s.cache.cartLastSaved)return e?e():null;var t=s.cache.cartLastSaved;s.cache.cartLastSaved=s.cache.cart,fetch("/cart/update.js",{method:"POST",headers:{"Content-Type":"application/json",Accept:"application/json"},body:JSON.stringify({attributes:{locksmith:s.cache.cart}})}).then(function(e){if(!e.ok)throw new Error("Cart update failed: "+e.status);return e.json()}).then(function(){e&&e()})["catch"](function(e){if(s.cache.cartLastSaved=t,!s.reloading)throw e})},s.util.spinnerHTML='<style>body{background:#FFF}@keyframes spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}#loading{display:flex;width:100%;height:50vh;
24color:#777;align-items:center;justify-content:center}#loading .spinner{display:block;animation:spin 600ms linear infinite;position:relative;width:50px;height:50px}#loading .spinner-ring{stroke:currentColor;stroke-dasharray:100%;stroke-width:2px;stroke-linecap:round;fill:none}</style><div id="loading"><div class="spinner"><svg width="100%" height="100%"><svg preserveAspectRatio="xMinYMin"><circle class="spinner-ring" cx="50%" cy="50%" r="45%"></circle></svg></svg></div></div>',s.util.clobberBody=function(e){document.body.innerHTML=e},s.util.clobberDocument=function(e){e.responseText&&(e=e.responseText),document.documentElement&&document.removeChild(document.documentElement);var t=document.open("text/html","replace");t.writeln(e),t.close(),setTimeout(function(){var e=t.querySelector("[autofocus]");e&&e.focus()},100)},s.util.serializeForm=function(e){if(e&&"FORM"===e.nodeName){var t,n,o={};for(t=e.elements.length-1;0<=t;t-=1)if(""!==e.elements[t].name)switch(e.elements[t].nodeName){case"INPUT":switch(e.elements[t].type){default:case"text":case"hidden":case"password":case"button":case"reset":case"submit":o[e.elements[t].name]=e.elements[t].value;break;case"checkbox":case"radio":e.elements[t].checked&&(o[e.elements[t].name]=e.elements[t].value);break;case"file":}break;case"TEXTAREA":o[e.elements[t].name]=e.elements[t].value;break;case"SELECT":switch(e.elements[t].type){case"select-one":o[e.elements[t].name]=e.elements[t].value;break;case"select-multiple":for(n=e.elements[t].options.length-1;0<=n;n-=1)e.elements[t].options[n].selected&&(o[e.elements[t].name]=e.elements[t].options[n].value)}break;case"BUTTON":switch(e.elements[t].type){case"reset":case"submit":case"button":o[e.elements[t].name]=e.elements[t].value}}return o}},s.util.on=function(e,i,s,t){t=t||document;var c="locksmith-"+e+i,n=function(e){var t=e.target,n=e.target.parentElement,o=t&&t.className&&(t.className.baseVal||t.className)||"",a=n&&n.className&&(n.className.baseVal||n.className)||"";("string"==typeof o&&-1!==o.split(/\s+/).indexOf(i)||"string"==typeof a&&-1!==a.split(/\s+/).indexOf(i))&&!e[c]&&(e[c]=!0,s(e))};t.attachEvent?t.attachEvent(e,n):t.addEventListener(e,n,!1)},s.util.enableActions=function(e){s.util.on("click","locksmith-action",function(e){e.preventDefault();var t=e.target;t.dataset.confirmWith&&!confirm(t.dataset.confirmWith)||(t.disabled=!0,t.innerText=t.dataset.disableWith,s.post("/action",t.dataset.locksmithParams,{spinner:!1,type:"text",success:function(e){(e=JSON.parse(e.responseText)).message&&alert(e.message),s.util.reload()}}))},e)},s.util.inject=function(e,t){var n=["data","locksmith","append"];if(-1!==t.indexOf(n.join("-"))){var o=document.createElement("div");o.innerHTML=t,e.appendChild(o)}else e.innerHTML=t;var a,i,s=e.querySelectorAll("script");for(i=0;i<s.length;++i){a=s[i];var c=document.createElement("script");if(a.type&&(c.type=a.type),a.src)c.src=a.src;else{var l=document.createTextNode(a.innerHTML);c.appendChild(l)}e.appendChild(c)}var r=e.querySelector("[autofocus]");r&&r.focus()},s.post=function(e,t,n){!1!==(n=n||{}).spinner&&s.util.clobberBody(s.util.spinnerHTML);var o={};n.container===document?(o.layout=1,n.success=function(e){s.util.clobberDocument(e)}):n.container&&(o.layout=0,n.success=function(e){var t="string"==typeof n.container?document.getElementById(n.container):n.container;t&&(s.util.inject(t,e),t.id===t.firstChild.id&&t.parentElement.replaceChild(t.firstChild,t))}),n.form_type&&(t.form_type=n.form_type),n.include_layout_classes!==undefined&&(t.include_layout_classes=n.include_layout_classes),n.lock_id!==undefined&&(t.lock_id=n.lock_id),s.loading=!0;var a=s.util.makeUrl(e,o),i="json"===n.type||"text"===n.type;fetch(a,{method:"POST",headers:{"Content-Type":"application/json",Accept:i?"application/json":"text/html"},body:JSON.stringify(t)}).then(function(e){if(!e.ok)throw new Error("Request failed: "+e.status);return e.text()}).then(function(e){var t=n.success||s.util.clobberDocument;t(i?{responseText:e}:e)})["catch"](function(e){if(!s.reloading)if("dashboard.weglot.com"!==window.location.host){if(!n.silent)throw alert("Something went wrong! Please refresh and try again."),e;console.error(e)}else console.error(e)})["finally"](function(){s.loading=!1})},s.postResource=function(e,t){e.path=s.path,e.search=window.location.search,e.state=s.state,e.passcode&&(e.passcode=e.passcode.trim()),e.email&&(e.email=e.email.trim()),e.state.cart=s.cache.cart,e.locksmith_json=s.jsonTag,e.locksmith_json_signature=s.jsonTagSignature,s.post("/resource",e,t)},s.ping=function(t){if(!s.isEmbedded){t=t||{};var n=function(){t.reload?s.util.reload():"function"==typeof t.callback&&t.callback()};s.post("/ping",{path:s.path,search:window.location.search,state:s.state},{spinner:!!t.spinner,silent:"undefined"==typeof t.silent||t.silent,type:"text",success:function(e){e&&e.responseText?((e=JSON.parse(e.responseText)).messages&&0<e.messages.length&&s.showMessages(e.messages),e.cart&&s.cache.cart!==e.cart?(s.cache.cart=e.cart,s.cache.saveCart(function(){e.cart&&e.cart.match(/^.+:/)?(t.reload||"function"!=typeof t.callback||t.callback(),s.util.reload()):n()})):n()):console.error("[Locksmith] Invalid result in ping callback:",e)}})}},s.timeoutMonitor=function(){var e=s.cache.cart;s.ping({callback:function(){e!==s.cache.cart||setTimeout(function(){s.timeoutMonitor()},6e4)}})},s.showMessages=function(e){var t=document.createElement("div");t.style.position="fixed",t.style.left=0,t.style.right=0,t.style.bottom="-50px",t.style.opacity=0,t.style.background="#191919",t.style.color="#ddd",t.style.transition="bottom 0.2s, opacity 0.2s",t.style.zIndex=999999,t.innerHTML=["<style>"," .locksmith-ab .locksmith-b { display: none; }"," .locksmith-ab.toggled .locksmith-b { display: flex; }"," .locksmith-ab.toggled .locksmith-a { display: none; }"," .locksmith-flex { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; padding: 10px 20px; }"," .locksmith-message + .locksmith-message { border-top: 1px #555 solid; }"," .locksmith-message a { color: inherit; font-weight: bold; }"," .locksmith-message a:hover { color: inherit; opacity: 0.8; }"," a.locksmith-ab-toggle { font-weight: inherit; text-decoration: underline; }"," .locksmith-text { flex-grow: 1; }"," .locksmith-cta { flex-grow: 0; text-align: right; }"," .locksmith-cta button { transform: scale(0.8); transform-origin: left; }"," .locksmith-cta > * { display: block; }"," .locksmith-cta > * + * { margin-top: 10px; }"," .locksmith-message a.locksmith-close { flex-grow: 0; text-decoration: none; margin-left: 15px; font-size: 30px; font-family: monospace; display: block; padding: 2px 10px; }"," @media screen and (max-width: 600px) {"," .locksmith-wide-only { display: none !important; }"," .locksmith-flex { padding: 0 15px; }"," .locksmith-flex > * { margin-top: 5px; margin-bottom: 5px; }"," .locksmith-cta { text-align: left; }"," }"," @media screen and (min-width: 601px) {"," .locksmith-narrow-only { display: none !important; }"," }","</style>"].join("")+e.map(function(e){return'<div class="locksmith-message">'+e+"</div>"}).join(""),document.body.appendChild(t),document.body.style.position="relative",document.body.parentElement.style.paddingBottom=t.offsetHeight+"px",setTimeout(function(){t.style.bottom=0,t.style.opacity=1},50),s.util.on("click","locksmith-ab-toggle",function(e){e.preventDefault();for(var t=e.target.parentElement;-1===t.className.split(" ").indexOf("locksmith-ab");)t=t.parentElement;-1!==t.className.split(" ").indexOf("toggled")?t.className=t.className.replace("toggled",""):t.className=t.className+" toggled"}),s.util.enableActions(t)}}()}();</script>
24 25
25<script data-locksmith>Locksmith.cache.cart=null</script>
25 26 27
27<script data-locksmith>Locksmith.jsonTag="{\"version\":\"v346\",\"locked\":false,\"initialized\":true,\"scope\":\"collection\",\"access_granted\":true,\"access_denied\":false,\"requires_customer\":false,\"manual_lock\":false,\"remote_lock\":false,\"has_timeout\":false,\"remote_rendered\":null,\"hide_resource\":false,\"hide_links_to_resource\":false,\"hide_price\":false,\"hide_add_to_cart\":false,\"transparent\":true,\"locks\":{\"all\":[],\"opened\":[]},\"keys\":[],\"keys_signature\":\"ac54be565c44fdc8dfbb1beea83f05e72f5c8202af4849dc3f0f55898112bcfb\",\"state\":{\"template\":\"collection\",\"theme\":174423703711,\"product\":null,\"collection\":\"shop-9g-fiber\",\"page\":null,\"blog\":null,\"article\":null,\"app\":null},\"now\":1790917212,\"path\":\"\\\/collections\\\/shop-9g-fiber\",\"locale_root_url\":\"\\\/\",\"canonical_url\":\"https:\\\/\\\/drinkolipop.com\\\/collections\\\/shop-9g-fiber\",\"customer_id\":null,\"customer_id_signature\":\"ac54be565c44fdc8dfbb1beea83f05e72f5c8202af4849dc3f0f55898112bcfb\",\"cart\":null}";Locksmith.jsonTagSignature="a3ef54eec68b1450e5b9aa6373f952b9bb3335a5f26c9baad92986476ed7aeb2"</script>
27 28 29
29<script type="text/javascript" async src="https://na.shgcdn3.com/pixel-collector.js"></script>
29 30 31 32
33<script defer src="https://cdn.skio.com/scripts/shopify/head/shopify.ba9807f79b5cdb6483d5.js"></script>
33 34 <style> 35 #powrIframeLoader { 36 height: 0px !important; 37 display: none !important; 38 } 39 </style> 40 41 42 43 44 45 46 47<style> 48 49 50 51 52 53 54 55 56 57 @font-face { 58 font-family: 'Ano'; 59 src: url(//drinkolipop.com/cdn/shop/t/1366/assets/AnoRegular-Regular.woff2?v=114456774178814509381773709642) format('woff2'), 60 url(//drinkolipop.com/cdn/shop/t/1366/assets/AnoRegular-Regular.woff?v=44886258583300626781773709642) format('woff'), 61 url(//drinkolipop.com/cdn/shop/t/1366/assets/AnoRegular-Regular.woff?v=44886258583300626781773709642) format('woff'); 62 font-weight: normal; 63 font-style: normal; 64 font-display: swap; 65 } 66 @font-face { 67 font-family: 'Ano'; 68 src: url(//drinkolipop.com/cdn/shop/t/1366/assets/AnoBold-Regular.woff2?v=8493273010116033791773709641) format('woff2'), 69 url(//drinkolipop.com/cdn/shop/t/1366/assets/AnoBold-Regular.woff?v=128512130195275208821773709641) format('woff'), 70 url(//drinkolipop.com/cdn/shop/t/1366/assets/AnoBold-Regular.ttf?v=10462471749511937761773709641) format('truetype'); 71 font-weight: bold; 72 font-style: normal; 73 font-display: swap; 74 } 75 @font-face { 76 font-family: 'Ano'; 77 src: url(//drinkolipop.com/cdn/shop/t/1366/assets/AnoBlack-Regular.woff2?v=84787568753283342751773709640) format('woff2'), 78 url(//drinkolipop.com/cdn/shop/t/1366/assets/AnoBlack-Regular.woff?v=93234225392720856311773709640) format('woff'), 79 url(//drinkolipop.com/cdn/shop/t/1366/assets/AnoBlack-Regular.ttf?v=62444619274782219361773709640) format('truetype'); 80 font-weight: 900; 81 font-style: normal; 82 font-display: swap; 83 } 84 @font-face { 85 font-family: 'WindsorEF'; 86 src: url(//drinkolipop.com/cdn/shop/t/1366/assets/WindsorEF-UltraHeavy.woff2?v=150809171096844077231773709641) format('woff2'), 87 url(//drinkolipop.com/cdn/shop/t/1366/assets/WindsorEF-UltraHeavy.woff?v=110177191338651977801773709641) format('woff'); 88 font-weight: 900; 89 font-style: normal; 90 font-display: swap; 91 } 92 @font-face { 93 font-family: 'WindsorEF'; 94 src: url(//drinkolipop.com/cdn/shop/t/1366/assets/WindsorEF-Bold.woff2?v=139344088117863592731773709640) format('woff2'), 95 url(//drinkolipop.com/cdn/shop/t/1366/assets/WindsorEF-Bold.woff?v=96714348010265649601773709640) format('woff'), 96 url(//drinkolipop.com/cdn/shop/t/1366/assets/WindsorEF-Bold.ttf?v=176736781895084021861773709643) format('truetype'); 97 font-weight: bold; 98 font-style: normal; 99 font-display: swap; 100 } 101 102 :root { 103 104 --font-weight-body--bold: 700; 105 --font-weight-body--bolder: 700; 106 --font-stack-header: Helvetica, Arial, sans-serif; 107 --font-style-header: normal; 108 --font-weight-header: 700; 109 --font-stack-body: Helvetica, Arial, sans-serif; 110 --font-style-body: normal; 111 --font-weight-body: 400; 112 --font-stack-cart-notification: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; 113 --font-size-mobile-input: 16px; /* min 16px to prevent zooming */ 114 115 --font-size-base: 15; 116 --font-size-header: 26; 117 118 --font-h1-desktop: 35; 119 --font-h1-mobile: 32; 120 --font-h2-desktop: 20; 121 --font-h2-mobile: 18; 122 --font-h3-mobile: 20; 123 --font-h4-desktop: 17; 124 --font-h4-mobile: 15; 125 --font-h4-min-height-mobile: 11; 126 --font-h5-desktop: 15; 127 --font-h5-mobile: 13; 128 --font-h6-desktop: 14; 129 --font-h6-mobile: 12; 130 131 --font-mega-title-large-desktop: 65; 132 133 --font-rich-text-large: 17; 134 --font-rich-text-small: 13; 135 136 --color-text: #3a3a3a; 137 --color-text-shadow: rgba(0,0,0,0.4); 138 --color-body-text: #333232; 139 --color-sale-text: #fa4545; 140 --color-small-button-text-border: #3a3a3a; 141 --color-text-field: rgba(0,0,0,0); 142 --color-text-field-text: #000000; 143 --color-navigation-text: #3a3a3a; 144 145 --color-btn-primary: #3a3a3a; 146 --color-btn-primary-darken: #212121; 147 --color-btn-primary-transparent: rgba(58, 58, 58, 0.8); 148 --color-btn-primary-text: #ffffff; 149 150 --color-body: #ffffff; 151 --color-bg: #ffffff; 152 --color-drawer-background: rgba(0, 0, 0, 0.6); 153 --color-bg-alt: rgba(51, 50, 50, 0.05); 154 155 --color-link: var(--color-body-text); 156 --opacity-link-hover: 0.6; 157 158 --color-overlay-title-text: #ffffff; 159 --color-image-overlay: #685858; 160 --opacity-image-overlay: 0.4; 161 --hover-overlay-opacity: 0.8; 162 163 --color-text-focus:#606060; 164 --color-overlay-text-focus:#e6e6e6; 165 --color-btn-primary-focus:#606060; 166 --color-btn-social-focus:#d2d2d2; 167 --color-small-button-text-border-focus:#606060; 168 --predictive-search-focus:#e6e6e6; 169 170 --transition-duration-fast: 100ms; 171 --transition-duration: 250ms; 172 --transition-duration-slow: 400ms; 173 --transition-link-hover: var(--transition-duration-fast) cubic-bezier(0.44, 0.13,
1730.48, 0.87); 174 --transition-drawer: all var(--transition-duration-slow) cubic-bezier(0.29, 0.63, 0.44, 1); 175 176 --color-disabled: #f4f4f4; 177 --color-disabled-border: #f4f4f4; 178 --color-error: #d20000; 179 --color-error-message-list: #651818; 180 --color-error-bg: #fff8f8; 181 --color-success: #1F873D; 182 --color-success-bg: #f8fff9; 183 184 --color-grey: #B5C1BF; 185 --color-dark-green: #14433D; 186 187 --color-border: #ebebeb; 188 --color-border-form: #cccccc; 189 --color-border-form-darken: #b3b3b3; 190 191 --color-form-text: #333; 192 --color-error-input-text: var(--color-error); 193 --input-padding-top-bottom: 10px; 194 --input-padding-left-right: 18px; 195 --input-padding-top-bottom-small: 8px; 196 --input-padding-left-right-small: 15px; 197 --input-group-height: 46px; 198 --input-group-height-small: 42px; 199 --input-border-width: 1px; 200 201 --color-facebook: #3b5998; 202 --color-twitter: #00aced; 203 --color-pinterest: #cb2027; 204 205 --color-slideshow-arrows: #000; 206 --color-slideshow-dots: #fff; 207 208 --width-site: 1200px; 209 --gutter-site: 55px; 210 --gutter-site-mobile: 22px; 211 --section-spacing: 55px; 212 --section-spacing-small: 35px; 213 --border-radius: 2px; 214 --icon-size: 20px; 215 --connected-submit-size: calc(var(--icon-size) * 2.5); 216 217 --footer-spacing-extra-small: 5px; 218 --footer-spacing-small: 15px; 219 --footer-wrapper-spacing: 18px; 220 --footer-hr-bottom-spacing: 20px; 221 --footer-spacing-medium: 25px; 222 --footer-spacing-large: 45px; 223 224 --z-index-base: 1; 225 --z-index-dropdown: 7; 226 --z-index-sub-nav: 8; 227 --z-index-drawer: 9; 228 --z-index-mobile-nav: 11; 229 --z-index-search-bar: 999; 230 --z-index-predictive-search-wrapper: 1000; 231 --z-index-skip-to-content: 10000; /* really high to be safe of app markup */ 232 233 --color-giftcard-tooltip-fallback: #333; 234 --color-giftcard-light: #fff; 235 --color-giftcard-tooltip: rgba(0, 0, 0, 0.9); 236 --color-giftcard-disabled: #999; 237 --color-giftcard-small-text: #b3b3b3; 238 --color-giftcard-shadow: rgba(0, 0, 0, 0.1); 239 --color-giftcard-print-bg: #fff; 240 --color-giftcard-print: #000; 241 --color-giftcard-bg: #e95e61; 242 --z-index-giftcard-image: 2; 243 --z-index-giftcard-corners: 3; 244 --z-index-giftcard-tooltip: 4; 245 --z-index-giftcard-code: 5; 246 247 /*================ Product video ================*/ 248 /* Create an appropriate poster background color based on background color and brightness */ 249 --color-video-bg: #f2f2f2; 250 251 --video-height-small: 475px; 252 --video-height-medium: 650px; 253 --video-height-large: 775px; 254 255 --z-index-video-image: 1; 256 --z-index-video: 2; 257 --z-index-video-text: 3; 258 --z-index-video-controls: 4; 259 --z-index-video-loader: 5; 260 261 --video-button-wrapper-size: 50px; 262 --video-pause-button-size: 34px; 263 --video-close-button-size: 30px; 264 --video-loader-size: 2.875rem; 265 266 --color-video-controls: #fff; 267 --color-video-controls-background: #000; 268 269 --ease-transition: cubic-bezier(0.44, 0.13, 0.48, 0.87); 270 --transition-controls-video: color 0.2s var(--ease-transition), background-color 0.2s var(--ease-transition); 271 272 273 274 --svg-select-icon: url(//drinkolipop.com/cdn/shop/t/1366/assets/ico-select.svg?v=29003672709104678581773709785); 275 --slick-img-url: url(//drinkolipop.com/cdn/shop/t/1366/assets/ajax-loader.gif?v=41356863302472015721773709641); 276 --home-banner-new-wave-url: url("https://cdn.shopify.com/s/files/1/0034/6610/0806/files/home-banner-new-wave.png?v=1623156746"); 277 --home-blue-wave-url: url("https://cdn.shopify.com/s/files/1/0034/6610/0806/files/home-blue-wave.png?v=1773705965"); 278 --story-hero-wave-url: url("https://cdn.shopify.com/s/files/1/0034/6610/0806/files/story-hero-wave.png?v=1773706032"); 279 --story-mission-wave-url: url("https://cdn.shopify.com/s/files/1/0034/6610/0806/files/story-mission-wave.png?v=1773706074"); 280 --home-bluedark-wave-url: url("https://cdn.shopify.com/s/files/1/0034/6610/0806/files/home-bluedark-wave.png?v=1773706124"); 281 --home-yellowdark-wave-url: url("https://cdn.shopify.com/s/files/1/0034/6610/0806/files/home-yellowdark-wave.png?v=1773706165"); 282 --check-symbol-url: url(//drinkolipop.com/cdn/shop/t/1366/assets/check-symbol.svg?v=64434976676356328551773709640); 283 --arrow-down-green-url: url(//drinkolipop.com/cdn/shop/t/1366/assets/arrow-down-green.svg?v=150330452122212680781773709642); 284 --arrow-up-white-url: url(//drinkolipop.com/cdn/shop/t/1366/assets/arrow-up-white.svg?v=167673162154222429001773709643); 285 --arrow-down-white-url: url(//drinkolipop.com/cdn/shop/t/1366/assets/arrow-down-white.svg?v=68322919614181549641773709643); 286 --preview-card-url: url(//drinkolipop.com/cdn/shop/products/1DigitalGiftCard-WEB-080422-AM_200x.png?v=1767277571);
287 --wave-image-curve-up-left: url(//drinkolipop.com/cdn/shop/t/1366/assets/wave-image-curve-up-left.svg?v=142377189923728873181773709642); 288 --wave-image-curve-up-right: url(//drinkolipop.com/cdn/shop/t/1366/assets/wave-image-curve-up-right.svg?v=115639462512050186531773709642); 289 } 290 291 292 .rebuy-cart__flyout-item-discount-message.promo-sidecart { 293 color: #008168 294 } 295</style> 296 297<style> 298 .tippy-box[data-placement^='top'] > .tippy-svg-arrow { 299 bottom: 0; 300 } 301 .tippy-box[data-placement^='top'] > .tippy-svg-arrow:after, 302 .tippy-box[data-placement^='top'] > .tippy-svg-arrow > svg { 303 top: 16px; 304 transform: rotate(180deg); 305 } 306 .tippy-box[data-placement^='bottom'] > .tippy-svg-arrow { 307 top: 0; 308 } 309 .tippy-box[data-placement^='bottom'] > .tippy-svg-arrow > svg { 310 bottom: 16px; 311 } 312 .tippy-box[data-placement^='left'] > .tippy-svg-arrow { 313 right: 0; 314 } 315 .tippy-box[data-placement^='left'] > .tippy-svg-arrow:after, 316 .tippy-box[data-placement^='left'] > .tippy-svg-arrow > svg { 317 transform: rotate(90deg); 318 top: calc(50% - 3px); 319 left: 11px; 320 } 321 .tippy-box[data-placement^='right'] > .tippy-svg-arrow { 322 left: 0; 323 } 324 .tippy-box[data-placement^='right'] > .tippy-svg-arrow:after, 325 .tippy-box[data-placement^='right'] > .tippy-svg-arrow > svg { 326 transform: rotate(-90deg); 327 top: calc(50% - 3px); 328 right: 11px; 329 } 330 .tippy-svg-arrow { 331 width: 16px; 332 height: 16px; 333 fill: #333; 334 text-align: initial; 335 } 336 .tippy-svg-arrow, 337 .tippy-svg-arrow > svg { 338 position: absolute; 339 } 340 .tippy-box[data-animation='fade'][data-state='hidden'] { 341 opacity: 0; 342 } 343 [data-tippy-root] { 344 max-width: calc(100vw - 10px); 345 } 346 .tippy-box { 347 position: relative; 348 background-color: #333; 349 color: #fff; 350 border-radius: 4px; 351 font-size: 14px; 352 line-height: 1.4; 353 white-space: normal; 354 outline: 0; 355 transition-property: transform, visibility, opacity; 356 } 357 .tippy-box[data-placement^='top'] > .tippy-arrow { 358 bottom: 0; 359 } 360 .tippy-box[data-placement^='top'] > .tippy-arrow:before { 361 bottom: -7px; 362 left: 0; 363 border-width: 8px 8px 0; 364 border-top-color: initial; 365 transform-origin: center top; 366 } 367 .tippy-box[data-placement^='bottom'] > .tippy-arrow { 368 top: 0; 369 } 370 .tippy-box[data-placement^='bottom'] > .tippy-arrow:before { 371 top: -7px; 372 left: 0; 373 border-width: 0 8px 8px; 374 border-bottom-color: initial; 375 transform-origin: center bottom; 376 } 377 .tippy-box[data-placement^='left'] > .tippy-arrow { 378 right: 0; 379 } 380 .tippy-box[data-placement^='left'] > .tippy-arrow:before { 381 border-width: 8px 0 8px 8px; 382 border-left-color: initial; 383 right: -7px; 384 transform-origin: center left; 385 } 386 .tippy-box[data-placement^='right'] > .tippy-arrow { 387 left: 0; 388 } 389 .tippy-box[data-placement^='right'] > .tippy-arrow:before { 390 left: -7px; 391 border-width: 8px 8px 8px 0; 392 border-right-color: initial; 393 transform-origin: center right; 394 } 395 .tippy-box[data-inertia][data-state='visible'] { 396 transition-timing-function: cubic-bezier(0.54, 1.5, 0.38, 1.11); 397 } 398 .tippy-arrow { 399 width: 16px; 400 height: 16px; 401 color: #333; 402 } 403 .tippy-arrow:before { 404 content: ''; 405 position: absolute; 406 border-color: transparent; 407 border-style: solid; 408 } 409 .tippy-content { 410 position: relative; 411 padding: 5px 9px; 412 z-index: 1; 413 } 414 415 .tippy-box, 416 .tippy-content { 417 @apply tw-border-hunter-green tw-bg-hunter-green tw-font-body tw-text-white; 418 font-size: 12px; 419 font-weight: 600 !important; 420 border-radius: 15px !important; 421 background: #14433d; 422 } 423 424 .tippy-box[data-theme~='custom'][data-placement^='top'] > .tippy-arrow::before { 425 border-top-color: #14433d; 426 } 427 .tippy-box[data-theme~='custom'][data-placement^='bottom'] > .tippy-arrow::before { 428 border-bottom-color: #14433d; 429 } 430 .tippy-box[data-theme~='custom'][data-placement^='left'] > .tippy-arrow::before { 431 border-left-color: #14433d; 432 } 433 .tippy-box[data-theme~='custom'][data-placement^='right'] > .tippy-arrow::before { 434 border-right-color: #14433d; 435 } 436</style> 437 438<style> 439 .slide-loaded img { 440 display: block; 441 } 442</style> 443 444 445<link href="//drinkolipop.com/cdn/shop/t/1366/assets/tailwind.css?v=130264924762967316861787148487" rel="stylesheet" type="text/css" media="all" /> 446<link href="//drinkolipop.com/cdn/shop/t/1366/assets/theme.css?v=114477275443962221041790797154" rel="stylesheet" type="text/css" media="all" /> 447 448 449
449<script> 450 window.Shopify = window.Shopify || {theme: {id: 174423703711, role: 'main' } }; 451 window._template = { 452 directory: "", 453 name: "collection", 454 suffix: "" 455 }; 456 </script>
456<script type="module" blocking="render" fetchpriority="high" src="https://cdn.intelligems.io/esm/586d1e84f592/bundle.js" async></script>
456 457 458 459 460
461<script> 462 function getCookie(name) { 463 var dc = document.cookie; 464 var prefix = name + '='; 465 var begin = dc.indexOf('; ' + prefix); 466 if (begin == -1) { 467 begin = dc.indexOf(prefix); 468 if (begin != 0) return null; 469 } else { 470 begin += 2; 471 var end = document.cookie.indexOf(';', begin); 472 if (end == -1) { 473 end = dc.length; 474 } 475 } 476 // because unescape has been deprecated, replaced with decodeURI 477 //return unescape(dc.substring(begin + prefix.length, end)); 478 return decodeURI(dc.substring(begin + prefix.length, end)); 479 } 480 481 function toggleCart() { 482 var myCookie = getCookie('minicart'); 483 484 if (myCookie == null) { 485 } else { 486 document.querySelectorAll('[js-header-cart-toggle]')[0].click(); 487 document.cookie = 'minicart=open; max-age=-1; path=/;'; 488 } 489 } 490 491 window.onload = toggleCart; 492</script>
492 493 494 495 <meta name="google-site-verification" content="629g7SNvjCz_F6-IHLE0Lgn-c8Wivr46zePptazfpDU"> 496 <meta name="google-site-verification" content="RIGsAM1gz6RkUJV0cpvpleCzCBKvBdiyRF5vjkg555I"> 497 <meta charset="utf-8"> 498 <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> 499 <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=5"> 500 <meta name="theme-color" content="#3a3a3a"> 501 <meta name="facebook-domain-verification" content="pybjwio482kbh6cnks3fufwjx6jg1y"> 502 <link rel="canonical" href="https://drinkolipop.com/collections/shop-9g-fiber"> 503 <link rel="preconnect" href="https://cdn.shopify.com" crossorigin> 504 <link rel="preload" href="//drinkolipop.com/cdn/shop/t/1366/assets/AnoRegular-Regular.woff2?v=114456774178814509381773709642" as="font" type="font/woff2" crossorigin> 505 <link rel="preload" href="//drinkolipop.com/cdn/shop/t/1366/assets/AnoBold-Regular.woff2?v=8493273010116033791773709641" as="font" type="font/woff2" crossorigin> 506 <link rel="preload" href="//drinkolipop.com/cdn/shop/t/1366/assets/WindsorEF-UltraHeavy.woff2?v=150809171096844077231773709641" as="font" type="font/woff2" crossorigin> 507 <link rel="preload" href="//drinkolipop.com/cdn/shop/t/1366/assets/WindsorEF-Bold.woff2?v=139344088117863592731773709640" as="font" type="font/woff2" crossorigin> 508 509 510 511<link rel="shortcut icon" href="//drinkolipop.com/cdn/shop/files/favicon_32x32.png?v=1613174610" type="image/png"><title>OLIPOP 9g Fiber Line</title> 512 513<meta name="description" content="Our original, refrigerated formula with a higher-fiber option for those looking to get more out of every sip."> 514<!-- /snippets/social-meta-tags.liquid --> 515 516 517 518 519 520 521 522<meta property="og:site_name" content="OLIPOP"> 523<meta property="og:url" content="https://drinkolipop.com/collections/shop-9g-fiber"><meta property="og:title" content="9g Fiber"> 524<meta property="og:type" content="product.group"> 525<meta property="og:description" content="Our original, refrigerated formula with a higher-fiber option for those looking to get more out of every sip."> 526 527 528 529 530 531 <meta name="twitter:site" content="@drinkolipop"> 532 533<meta name="twitter:card" content="summary_large_image"><meta name="twitter:title" content="9g Fiber"> 534<meta name="twitter:description" content="Our original, refrigerated formula with a higher-fiber option for those looking to get more out of every sip."> 535 536<link href="//drinkolipop.com/cdn/shop/t/1366/assets/vendor.js?v=42932227539066615491773709641" as="script" rel="preload"> 537 <link href="//drinkolipop.com/cdn/shop/t/1366/assets/layout.theme.js?v=103885869156479832961773709644" as="script" rel="preload"> 538 <link href="//drinkolipop.com/cdn/shop/t/1366/assets/lazysizes.js?v=175780612770959260451773709640" as="script" rel="preload"> 539 <link href="//drinkolipop.com/cdn/shop/t/1366/assets/theme.js?v=143221273705841084911779140488" as="script" rel="preload"> 540 541
541<script src="//drinkolipop.com/cdn/shop/t/1366/assets/vendor.js?v=42932227539066615491773709641"></script>
541 542
542<script src="//drinkolipop.com/cdn/shop/t/1366/assets/layout.theme.js?v=103885869156479832961773709644" async="async"></script>
542 543
543<script src="//drinkolipop.com/cdn/shop/t/1366/assets/lazysizes.js?v=175780612770959260451773709640" async="async"></script>
543 544
544<script src="//drinkolipop.com/cdn/shop/t/1366/assets/theme.js?v=143221273705841084911779140488" defer="defer"></script>
544 545 546 547 548 549 550 551 552 553 554 555 556 557 558 559<style data-shopify> 560 :root{ 561 --flavor-color-overlay: ; 562 --flavor-color-100: ; 563 --flavor-color-200: ; 564 --flavor-color-300: ; 565 566 --flavor-color-selector: ; 567 568 } 569</style> 570 571 572 <link 573 rel="preload" 574 href="https://cdn.jsdelivr.net/npm/keen-slider@latest/keen-slider.min.css" 575 as="style" 576 onload="this.onload=null;this.rel='stylesheet'" 577 > 578 <noscript> 579 <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/keen-slider@latest/keen-slider.min.css"> 580 </noscript> 581 582 583 584
584<script> 585 var theme = { 586 breakpoints: { 587 medium: 750, 588 large: 990, 589 widescreen: 1400 590 }, 591 strings: { 592 addToCart: "Add to Cart", 593 soldOut: "Sold out", 594 unavailable: "Unavailable", 595 regularPrice: "Regular price", 596 salePrice: "Sale price", 597 sale: "Sale", 598 fromLowestPrice: "Translation missing: en.products.product.from_lowest_price", 599 vendor: "Vendor", 600 showMore: "Show More", 601 showLess: "Show Less", 602 searchFor: "Search for", 603 addressError: "Error looking up that address", 604 addressNoResults: "No results for that address", 605 addressQueryLimit: "You have exceeded the Google API usage limit. Consider upgrading to a \u003ca href=\"https:\/\/developers.google.com\/maps\/premium\/usage-limits\"\u003ePremium Plan\u003c\/a\u003e.", 606 authError: "There was a problem authenticating your Google Maps account.", 607 newWindow: "Opens in a new window.", 608 external: "Opens external website.", 609 newWindowExternal: "Opens external website in a new window.", 610 removeLabel: "Remove [product]", 611 update: "Update", 612 quantity: "Quantity", 613 discountedTotal: "Discounted total", 614 regularTotal: "Regular total", 615 priceColumn: "See Price column for discount details.", 616 quantityMinimumMessage: "Quantity must be 1 or more", 617 cartError: "There was an error while updating your cart. Please try again.", 618 removedItemMessage: "Removed \u003cspan class=\"cart__removed-product-details\"\u003e([quantity]) [link]\u003c\/span\u003e from your cart.", 619 unitPrice: "Unit price", 620 unitPriceSeparator: "per", 621 oneCartCount: "1 item", 622 otherCartCount: "[count] items", 623 quantityLabel: "Quantity: [count]", 624 products: "Products", 625 loading: "Loading", 626 number_of_results: "[result_number] of [results_count]", 627 number_of_results_found: "[results_count] results found", 628 one_result_found: "1 result found" 629 }, 630 moneyFormat: "${{amount}}", 631 moneyFormatWithCurrency: "${{amount}} USD", 632 settings: { 633 predictiveSearchEnabled: true, 634 predictiveSearchShowPrice: false, 635 predictiveSearchShowVendor: false 636 } 637 } 638 639 document.documentElement.className = document.documentElement.className.replace('no-js', 'js'); 640</script>
640 641 642 643 644
644<script>window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.start');</script>
644<meta name="google-site-verification" content="AyZS0I17j-RAsaWg3fqLOEn7aOAY0CZl3vMq1XulJa8"> 645<meta id="shopify-digital-wallet" name="shopify-digital-wallet" content="/3466100806/digital_wallets/dialog"> 646<meta id="in-context-paypal-metadata" data-shop-id="3466100806" data-venmo-supported="true" data-environment="production" data-locale="en_US" data-paypal-v4="true" data-currency="USD"> 647<link rel="ucp" href="/.well-known/ucp" version="2026-08-25"><link rel="alternate" type="application/atom+xml" title="Feed" href="/collections/shop-9g-fiber.atom" /> 648<link rel="alternate" type="application/json+oembed" href="https://drinkolipop.com/collections/shop-9g-fiber.oembed">
649<script async="async" src="/checkouts/internal/preloads.js?locale=en-US&default_configuration_id=5986484383"></script>
649 650<link rel="preconnect" href="https://shop.app" crossorigin="anonymous">
651<script async="async" src="https://shop.app/checkouts/internal/preloads.js?locale=en-US&default_configuration_id=5986484383&shop_id=3466100806" crossorigin="anonymous"></script>
vendor: 1 bytes, line 651
651
652<script id="apple-pay-shop-capabilities" type="application/json">{"shopId":3466100806,"countryCode":"US","currencyCode":"USD","merchantCapabilities":["supports3DS"],"merchantId":"gid:\/\/shopify\/Shop\/3466100806","merchantName":"OLIPOP","requiredBillingContactFields":["postalAddress","email"],"requiredShippingContactFields":["postalAddress","email"],"shippingType":"shipping","supportedNetworks":["visa","masterCard","amex","discover","elo","jcb"],"total":{"type":"pending","label":"OLIPOP","amount":"1.00"},"shopifyPaymentsEnabled":true,"supportsSubscriptions":true}</script>
vendor: 1 bytes, line 652
652
653<script id="shopify-features" type="application/json">{"accessToken":"a0ae25720d98fd913b1bf82c3e418359","betas":["rich-media-storefront-analytics"],"domain":"drinkolipop.com","predictiveSearch":true,"shopId":3466100806,"locale":"en"}</script>
vendor: 1 bytes, line 653
653
654<script>var Shopify = Shopify || {}; 655Shopify.shop = "olipop-store.myshopify.com"; 656Shopify.locale = "en"; 657Shopify.currency = {"active":"USD","rate":"1.0"}; 658Shopify.country = "US"; 659Shopify.theme = {"name":"Production | ehouse","id":174423703711,"schema_name":"Olipop","schema_version":"1.0","theme_store_id":null,"role":"main"}; 660Shopify.theme.handle = "null"; 661Shopify.theme.style = {"id":null,"handle":null}; 662Shopify.cdnHost = "drinkolipop.com/cdn"; 663Shopify.routes = Shopify.routes || {}; 664Shopify.routes.root = "/"; 665Shopify.shopJsCdnBaseUrl = "https://cdn.shopify.com/shopifycloud/shop-js"; 666Shopify.SignInWithShop = Shopify.SignInWithShop || {}; 667Shopify.SignInWithShop.User = Shopify.SignInWithShop.User || {}; 668Shopify.SignInWithShop.User.recognized = false;</script>
vendor: 1 bytes, line 668
668
669<script type="module">!function(o){(o.Shopify=o.Shopify||{}).modules=!0}(window);</script>
vendor: 1 bytes, line 669
669
670<script>!function(o){function n(){var o=[];function n(){o.push(Array.prototype.slice.apply(arguments))}return n.q=o,n}var t=o.Shopify=o.Shopify||{};t.loadFeatures=n(),t.autoloadFeatures=n()}(window);</script>
vendor: 1 bytes, line 670
670
671<script> 672 window.ShopifyPay = window.ShopifyPay || {}; 673 window.ShopifyPay.apiHost = "shop.app\/pay"; 674 window.ShopifyPay.redirectState = null; 675</script>
vendor: 1 bytes, line 675
675
676<script> 677 window.Shopify = window.Shopify || {}; 678 window.Shopify.SignInWithShop = window.Shopify.SignInWithShop || {}; 679 window.Shopify.SignInWithShop.assetMetrics = { sampleRate: 0.25 }; 680 window.Shopify.SignInWithShop.eligible = true; 681</script>
vendor: 1 bytes, line 681
681
682<script id="shop-js-analytics" type="application/json">{"pageType":"collection"}</script>
vendor: 1 bytes, line 682
682
683<script defer="defer" async type="module" src="https://cdn.shopify.com/shopifycloud/shop-js/modules/v2/loader.init-shop-cart-sync.en.esm.js"></script>
vendor: 1 bytes, line 683
683
684<script type="module"> 685 await import("https://cdn.shopify.com/shopifycloud/shop-js/modules/v2/loader.init-shop-cart-sync.en.esm.js"); 686 687 window.Shopify.SignInWithShop?.initShopCartSync?.({"fedCMEnabled":true,"windoidEnabled":true}); 688 689</script>
vendor: 1 bytes, line 689
689
690<script> 691 window.Shopify = window.Shopify || {}; 692 if (!window.Shopify.featureAssets) window.Shopify.featureAssets = {}; 693 window.Shopify.featureAssets['shop-js'] = {"avatar":["modules/v2/loader.avatar.en.esm.js"],"checkout-modal":["modules/v2/loader.checkout-modal.en.esm.js"],"init-customer-accounts-sign-up":["modules/v2/loader.init-customer-accounts-sign-up.en.esm.js"],"init-customer-accounts":["modules/v2/loader.init-customer-accounts.en.esm.js"],"init-fed-cm":["modules/v2/loader.init-fed-cm.en.esm.js"],"init-shop-cart-sync":["modules/v2/loader.init-shop-cart-sync.en.esm.js"],"init-shop-email-lookup-coordinator":["modules/v2/loader.init-shop-email-lookup-coordinator.en.esm.js"],"init-shop-for-new-customer-accounts":["modules/v2/loader.init-shop-for-new-customer-accounts.en.esm.js"],"init-shop-user-recognition":["modules/v2/loader.init-shop-user-recognition.en.esm.js"],"init-windoid":["modules/v2/loader.init-windoid.en.esm.js"],"lead-capture":["modules/v2/loader.lead-capture.en.esm.js"],"listener":["modules/v2/loader.listener.en.esm.js"],"pay-button":["modules/v2/loader.pay-button.en.esm.js"],"payment-terms":["modules/v2/loader.payment-terms.en.esm.js"],"shop-button":["modules/v2/loader.shop-button.en.esm.js"],"shop-cart-sync":["modules/v2/loader.shop-cart-sync.en.esm.js"],"shop-cash-offers":["modules/v2/loader.shop-cash-offers.en.esm.js"],"shop-follow-button":["modules/v2/loader.shop-follow-button.en.esm.js"],"shop-login-button":["modules/v2/loader.shop-login-button.en.esm.js"],"shop-login":["modules/v2/loader.shop-login.en.esm.js"],"shop-toast-manager":["modules/v2/loader.shop-toast-manager.en.esm.js"],"shop-user-recognition":["modules/v2/loader.shop-user-recognition.en.esm.js"]}; 694</script>
vendor: 1 bytes, line 694
694
695<script>(function() { 696 var isLoaded = false; 697 function asyncLoad() { 698 if (isLoaded) return; 699 isLoaded = true; 700 var urls = ["\/\/www.powr.io\/powr.js?powr-token=olipop-store.myshopify.com\u0026external-type=shopify\u0026shop=olipop-store.myshopify.com","https:\/\/superfiliate-cdn.com\/storefront.js?shop=olipop-store.myshopify.com","https:\/\/config.gorgias.chat\/bundle-loader\/01GYCBRTCW1BSVKV4RDGWD144S?source=shopify1click\u0026shop=olipop-store.myshopify.com","https:\/\/bundle.dyn-rev.app\/loader.js?g_cvt_id=606b3ec6-434e-4406-977a-2f31d50b593d\u0026shop=olipop-store.myshopify.com","\/\/cdn.shopify.com\/proxy\/7977e5caf48a8fd2886cb5ce33b3bc6fa81e666114b459b42428caf354afed59\/apps.bazaarvoice.com\/deployments\/olipop\/main_site\/production\/en_US\/bv.js?shop=olipop-store.myshopify.com\u0026sp-cache-control=cHVibGljLCBtYXgtYWdlPTkwMA","https:\/\/services.nofraud.com\/js\/device.js?shop=olipop-store.myshopify.com","https:\/\/shopify-extension.getredo.com\/main.js?widget_id=jmio6aqkm5hqvde\u0026shop=olipop-store.myshopify.com","\/\/backinstock.useamp.com\/widget\/18397_1783059051.js?category=bis\u0026v=6\u0026shop=olipop-store.myshopify.com"]; 701 for (var i = 0; i < urls.length; i++) { 702 var s = document.createElement('script'); 703 s.type = 'text/javascript'; 704 s.async = true; 705 s.src = urls[i]; 706 var x = document.getElementsByTagName('script')[0]; 707 x.parentNode.insertBefore(s, x); 708 } 709 }; 710 if(window.attachEvent) { 711 window.attachEvent('onload', asyncLoad); 712 } else { 713 window.addEventListener('load', asyncLoad, false); 714 } 715})();</script>
vendor: 1 bytes, line 715
715
716<script id="__st">var __st={"a":3466100806,"offset":-25200,"reqid":"20224f21-9933-4a69-992b-4355250241fe-1790917212","pageurl":"drinkolipop.com\/collections\/shop-9g-fiber","u":"f70ba207fff7","p":"collection","rtyp":"collection","rid":641654685855};</script>
vendor: 1 bytes, line 716
716
717<script>window.ShopifyPaypalV4VisibilityTracking = true;</script>
vendor: 1 bytes, line 717
717
718<script id="captcha-bootstrap">!function(){'use strict';const t='contact',e='account',n='new_comment',o=[[t,t],['blogs',n],['comments',n],[t,'customer']],c=[[e,'customer_login'],[e,'guest_login'],[e,'recover_customer_password'],[e,'create_customer']],r=t=>t.map((([t,e])=>`form[action*='/${t}']:not([data-nocaptcha='true']) input[name='form_type'][value='${e}']`)).join(','),a=t=>()=>t?[...document.querySelectorAll(t)].map((t=>t.form)):[];function s(){const t=[...o],e=r(t);return a(e)}const i='password',u='form_key',d=['recaptcha-v3-token','g-recaptcha-response','h-captcha-response',i],f=()=>{try{return window.sessionStorage}catch{return}},m='__shopify_v',_=t=>t.elements[u];function p(t,e,n=!1){try{const o=window.sessionStorage,c=JSON.parse(o.getItem(e)),{data:r}=function(t){const{data:e,action:n}=t;return t[m]||n?{data:e,action:n}:{data:t,action:n}}(c);for(const[e,n]of Object.entries(r))t.elements[e]&&(t.elements[e].value=n);n&&o.removeItem(e)}catch(o){console.error('form repopulation failed',{error:o})}}const l='form_type',E='cptcha';function T(t){t.dataset[E]=!0}const w=window,h=w.document,L='Shopify',v='ce_forms',y='captcha';let A=!1;((t,e)=>{const n=(g='f06e6c50-85a8-45c8-87d0-21a2b65856fe',I='https://cdn.shopify.com/shopifycloud/storefront-forms-hcaptcha/ce_storefront_forms_captcha_hcaptcha.v1.5.3.iife.js',D={infoText:'Protected by hCaptcha',privacyText:'Privacy',termsText:'Terms'},(t,e,n)=>{const o=w[L][v],c=o.bindForm;if(c)return c(t,g,e,D).then(n);var r;o.q.push([[t,g,e,D],n]),r=I,A||(h.body.append(Object.assign(h.createElement('script'),{id:'captcha-provider',async:!0,src:r})),A=!0)});var g,I,D;w[L]=w[L]||{},w[L][v]=w[L][v]||{},w[L][v].q=[],w[L][y]=w[L][y]||{},w[L][y].protect=function(t,e){n(t,void 0,e),T(t)},Object.freeze(w[L][y]),function(t,e,n,w,h,L){const[v,y,A,g]=function(t,e,n){const i=e?o:[],u=t?c:[],d=[...i,...u],f=r(d),m=r(i),_=r(d.filter((([t,e])=>n.includes(e))));return[a(f),a(m),a(_),s()]}(w,h,L),I=t=>{const e=t.target;return e instanceof HTMLFormElement?e:e&&e.form},D=t=>v().includes(t);t.addEventListener('submit',(t=>{const e=I(t);if(!e)return;const n=D(e)&&!e.dataset.hcaptchaBound&&!e.dataset.recaptchaBound,o=_(e),c=g().includes(e)&&(!o||!o.value);(n||c)&&t.preventDefault(),c&&!n&&(function(t){try{if(!f())return;!function(t){const e=f();if(!e)return;const n=_(t);if(!n)return;const o=n.value;o&&e.removeItem(o)}(t);const e=Array.from(Array(32),(()=>Math.random().toString(36)[2])).join('');!function(t,e){_(t)||t.append(Object.assign(document.createElement('input'),{type:'hidden',name:u})),t.elements[u].value=e}(t,e),function(t,e){const n=f();if(!n)return;const o=[...t.querySelectorAll(`input[type='${i}']`)].map((({name:t})=>t)),c=[...d,...o],r={};for(const[a,s]of new FormData(t).entries())c.includes(a)||(r[a]=s);n.setItem(e,JSON.stringify({[m]:1,action:t.action,data:r}))}(t,e)}catch(e){console.error('failed to persist form',e)}}(e),e.submit())}));const S=(t,e)=>{t&&!t.dataset[E]&&(n(t,e.some((e=>e===t))),T(t))};for(const o of['focusin','change'])t.addEventListener(o,(t=>{const e=I(t);D(e)&&S(e,y())}));const B=e.get('form_key'),M=e.get(l),P=B&&M;t.addEventListener('DOMContentLoaded',(()=>{const t=y();if(P)for(const e of t)e.elements[l].value===M&&p(e,B);[...new Set([...A(),...v().filter((t=>'true'===t.dataset.shopifyCaptcha))])].forEach((e=>S(e,t)))}))}(h,new URLSearchParams(w.location.search),n,t,e,['guest_login'])})(!1,!0)}();</script>
vendor: 1 bytes, line 718
718
719<script integrity="sha256-JjoPp5ZfB1sSAs5SQaol1x1GgvveM+BgmRzyDexInEQ=" data-source-attribution="shopify.loadfeatures" defer="defer" src="//drinkolipop.com/cdn/shopifycloud/storefront/assets/storefront/load_feature-1bd60354.js" crossorigin="anonymous"></script>
vendor: 1 bytes, line 719
719
720<script>(function () {var userAgent = navigator.userAgent;var platform = navigator.platform;var maxTouchPoints = navigator.maxTouchPoints || 0;var isIOS = /iPad|iPhone|iPod/.test(platform) || (platform === 'MacIntel' && maxTouchPoints > 1);var isMacSafari = platform.indexOf('Mac') === 0 && /Safari/.test(userAgent) && !/Chrome|Chromium|CriOS|FxiOS|Edg|OPR|Android/.test(userAgent);var isAppleSafari = isIOS || isMacSafari;if (isAppleSafari) {fetch('/sf_private_access_tokens' + location.search).catch(function () {});}function browserMajorVersion(pattern) {var match = userAgent.match(pattern);return match ? parseInt(match[1], 10) : null;}function shouldLoadAutosizesPolyfill() {if (!window.PerformanceObserver?.supportedEntryTypes?.includes('paint')) {return false;}var chromeVersion = browserMajorVersion(/Chrome\/(\d+)/);if (chromeVersion !== null) {return chromeVersion < 126;}var firefoxVersion = browserMajorVersion(/Firefox\/(\d+)/);if (firefoxVersion !== null) {return firefoxVersion < 150;}var safariVersion = isAppleSafari ? browserMajorVersion(/Version\/(\d+).*Safari\//) : null;if (safariVersion !== null) {return safariVersion < 27;}return true;}if (shouldLoadAutosizesPolyfill()) {var autosizesScript = document.createElement('script');autosizesScript.async = true;autosizesScript.crossOrigin = 'anonymous';autosizesScript.src = "//drinkolipop.com/cdn/shopifycloud/storefront/assets/storefront/autosizes-84416378.js";(document.head || document.documentElement).appendChild(autosizesScript);}window.ShopifyAnalytics = window.ShopifyAnalytics || {};window.ShopifyAnalytics.performance = window.ShopifyAnalytics.performance || {};(function () {var LONG_FRAME_THRESHOLD = 50;var longAnimationFrames = [];var activeRafId = null;function collectLongFrames() {var previousTime = null;function rafMonitor(now) {if (activeRafId === null) {return;}var delta = now - previousTime;if (delta > LONG_FRAME_THRESHOLD) {longAnimationFrames.push({startTime: previousTime,endTime: now,});}previousTime = now;activeRafId = requestAnimationFrame(rafMonitor);}previousTime = performance.now();activeRafId = requestAnimationFrame(rafMonitor);}if (!window.PerformanceObserver?.supportedEntryTypes?.includes('long-animation-frame')) {collectLongFrames();var timeoutId = setTimeout(function () {cancelAnimationFrame(activeRafId);}, 10000);window.ShopifyAnalytics.performance.getLongAnimationFrames = function (stopCollection) {if (stopCollection === undefined) {stopCollection = false;}if (stopCollection) {clearTimeout(timeoutId);cancelAnimationFrame(activeRafId);}return longAnimationFrames;};}})();})();</script>
720<script crossorigin="anonymous" defer="defer" src="//drinkolipop.com/cdn/shopifycloud/storefront/assets/shopify_pay/storefront-616277c7.js?v=20250812"></script>
vendor: 1 bytes, line 720
720
721<script id="shopify-origin-trials" async="async" integrity="sha256-qJbe/jEZBHtr5W/BlA2cKAz3vkXu6vJQyLjgvgCC86g=" src="//cdn.shopify.com/shopifycloud/storefront/assets/storefront/origin_trials-318ab40a.js" crossorigin="anonymous" onload="window.__shopifyOriginTrialsDone = true" onerror="window.__shopifyOriginTrialsDone = true"></script>
vendor: 1 bytes, line 721
721
722<script> 723 window.Shopify = window.Shopify || {}; 724 window.Shopify.MCP = window.Shopify.MCP || {}; 725 window.Shopify.MCP.enabled = true; 726 window.Shopify.MCP.shop = "olipop-store.myshopify.com"; 727 window.Shopify.MCP.mcpEndpoint = "https:\/\/drinkolipop.com\/api\/mcp"; 728 window.Shopify.MCP.tools = [{"name":"search_shop_policies_and_faqs","description":"Used to get facts about the stores policies, products, or services.\nSome examples of questions you can ask are:\n - What is your return policy?\n - What is your shipping policy?\n - What is your phone number?\n - What are your hours of operation?\"\n","inputSchema":{"$schema":"https:\/\/json-schema.org\/draft\/2020-12\/schema","type":"object","properties":{"query":{"type":"string","description":"A natural language query."},"context":{"type":"string","description":"Additional information about the request such as user demographics, mood, location, or other relevant details that could help in tailoring the response appropriately."}},"required":["query"]}}]; 729</script>
vendor: 1 bytes, line 729
729
730<script>(()=>{var d="shopify:webmcp_adapter_loaded",n=Symbol.for("shopify.webmcp_adapter_loading");function s(c,a,{win:r=window,doc:o=document}={}){function p(){try{return r.localStorage.getItem(d)==="true"}catch{return!1}}function l(){try{r.localStorage.setItem(d,"true")}catch{}}function u(){return typeof(o.modelContext||r.navigator?.modelContext)?.registerTool=="function"}function f(){if(r[n]||!u())return;let t=o.head||o.getElementsByTagName("head")[0];if(!t)return;let e=o.createElement("script");e.type="module",e.crossOrigin="anonymous",a&&(e.integrity=a),e.src=c,e.addEventListener("load",l,{once:!0}),e.addEventListener("error",()=>{r[n]=!1},{once:!0}),t.appendChild(e),r[n]=!0}function _(t){let e=o.getElementById("shopify-origin-trials");if(!e||r.__shopifyOriginTrialsDone){t();return}e.addEventListener("load",t,{once:!0}),e.addEventListener("error",t,{once:!0})}function i(){_(()=>r.setTimeout(f,0))}function m(){o.addEventListener("DOMContentLoaded",i,{once:!0})}p()?i():m()}s("\/\/drinkolipop.com\/cdn\/shopifycloud\/storefront\/assets\/storefront\/webmcp-c6b62ece.js","sha256-ke4DDuBjdvea3vxLWxHc9E9nq8zihuG4IfYEGbb77ys=");})(); 731</script>
vendor: 1 bytes, line 731
731
732<script data-source-attribution="shopify.dynamic_checkout.dynamic.init">var Shopify=Shopify||{};Shopify.PaymentButton=Shopify.PaymentButton||{isStorefrontPortableWallets:!0,init:function(){window.Shopify.PaymentButton.init=function(){};var t=document.createElement("script");t.src="https://drinkolipop.com/cdn/shopifycloud/portable-wallets/latest/portable-wallets.en.js",t.type="module",document.head.appendChild(t)}}; 733</script>
vendor: 1 bytes, line 733
733
734<script data-source-attribution="shopify.dynamic_checkout.buyer_consent"> 735 function portableWalletsHideBuyerConsent(e){var t=document.getElementById("shopify-buyer-consent"),n=document.getElementById("shopify-subscription-policy-button");t&&n&&(t.classList.add("hidden"),t.setAttribute("aria-hidden","true"),n.removeEventListener("click",e))}function portableWalletsShowBuyerConsent(e){var t=document.getElementById("shopify-buyer-consent"),n=document.getElementById("shopify-subscription-policy-button");t&&n&&(t.classList.remove("hidden"),t.removeAttribute("aria-hidden"),n.addEventListener("click",e))}window.Shopify?.PaymentButton&&(window.Shopify.PaymentButton.hideBuyerConsent=portableWalletsHideBuyerConsent,window.Shopify.PaymentButton.showBuyerConsent=portableWalletsShowBuyerConsent); 736</script>
vendor: 1 bytes, line 736
736
737<script data-source-attribution="shopify.dynamic_checkout.cart.bootstrap">document.addEventListener("DOMContentLoaded",(function(){function t(){return document.querySelector("shopify-accelerated-checkout-cart, shopify-accelerated-checkout")}if(t())Shopify.PaymentButton.init();else{new MutationObserver((function(e,n){t()&&(Shopify.PaymentButton.init(),n.disconnect())})).observe(document.body,{childList:!0,subtree:!0})}})); 738</script>
738 739<link id="shopify-accelerated-checkout-styles" rel="stylesheet" media="screen" href="https://drinkolipop.com/cdn/shopifycloud/portable-wallets/latest/accelerated-checkout-backwards-compat.css" crossorigin="anonymous"> 740<style id="shopify-accelerated-checkout-cart"> 741 #shopify-buyer-consent { 742 margin-top: 1em; 743 display: inline-block; 744 width: 100%; 745} 746 747#shopify-buyer-consent.hidden { 748 display: none; 749} 750 751#shopify-subscription-policy-button { 752 background: none; 753 border: none; 754 padding: 0; 755 text-decoration: underline; 756 font-size: inherit; 757 cursor: pointer; 758} 759 760#shopify-subscription-policy-button::before { 761 box-shadow: none; 762} 763 764 </style> 765
766<script id="shopify-cfh-end">window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.end');</script>
766 767 768 769 770 771 772 773
773<script type="text/javascript"> 774 775 window.__shgMoneyFormat = window.__shgMoneyFormat || {"USD":{"currency":"USD","currency_symbol":"$","currency_symbol_location":"left","decimal_places":2,"decimal_separator":".","thousands_separator":","}}; 776 777 window.__shgCurrentCurrencyCode = window.__shgCurrentCurrencyCode || { 778 currency: "USD", 779 currency_symbol: "$", 780 decimal_separator: ".", 781 thousands_separator: ",", 782 decimal_places: 2, 783 currency_symbol_location: "left" 784 }; 785 </script>
785 786 787 788 789 790 791
792<script type="text/javascript"> 793 794 window.SHG_CUSTOMER = null; 795 796</script>
796 797 798 799 800 801 802 803 804
804<script type="text/javascript"> 805 (function (a, b, c, d, e, f, g) { 806 e['ire_o'] = c; 807 e[c] = 808 e[c] || 809 function () { 810 (e[c].a = e[c].a || []).push(arguments); 811 }; 812 f = d.createElement(b); 813 g = d.getElementsByTagName(b)[0]; 814 f.async = 1; 815 f.src = a; 816 g.parentNode.insertBefore(f, g); 817 })('https://utt.impactcdn.com/A2662258-414b-48e3-94ab-d5cc41204ee91.js', 'script', 'ire', document, window); 818</script>
818 819 820 821 822 823 824
825<script type="text/javascript" async="" src="https://static.klaviyo.com/onsite/js/PbvgDc/klaviyo.js"></script>
825 826
827<script type="text/javascript"> 828 var _learnq = _learnq || []; 829 830 831 var page_item = { 832 "Page": "olipop-9g-fiber-line", 833 "Path": "/collections/shop-9g-fiber" 834 }; 835 _learnq.push(["track", "Viewed Page", page_item]); 836 837 838</script>
838 839 840 841 842 843 844 845 846 847 848 849 850
850<script src="https://shop.basketful.co/basketful.js" defer async></script>
850 851 852
852<script src="//drinkolipop.com/cdn/shop/t/1366/assets/manifest.min.js?v=124651888751126447011773709641" type="text/javascript"></script>
vendor: 1 bytes, line 852
852
853<script src="//drinkolipop.com/cdn/shop/t/1366/assets/vendor.min.js?v=32262416620800875671773709641" type="text/javascript"></script>
vendor: 1 bytes, line 853
853
854<script src="//drinkolipop.com/cdn/shop/t/1366/assets/app.min.js?v=89531106029643191081787148487" type="text/javascript"></script>
854 855 856 857
857<script type="text/javascript"> 858 (function (c, l, a, r, i, t, y) { 859 c[a] = 860 c[a] || 861 function () { 862 (c[a].q = c[a].q || []).push(arguments); 863 }; 864 t = l.createElement(r); 865 t.async = 1; 866 t.src = 'https://www.clarity.ms/tag/' + i; 867 y = l.getElementsByTagName(r)[0]; 868 y.parentNode.insertBefore(t, y); 869 })(window, document, 'clarity', 'script', 'm5uhteaodo'); 870 </script>
870 871 872 873 874
874<script type="text/javascript" async="true" src="https://d334twvzz0qrmj.cloudfront.net/70a0ac8d.js"></script>
874 875
875<script> 876 document.addEventListener('DOMContentLoaded', () => { 877 if (window?.gtag) { 878 window.gtag('event', 'BrandlockTest', { bl_ea: 'BrandlockTest', bl_el: 'BrandlockTest' }); 879 window.gtag('event', 'BrandlockTest', { bl_ea: 'HijackShopper-ON', bl_el: 'Test' }); 880 } 881 }); 882 </script>
882 883 884 885 886<!-- BEGIN app block: shopify://apps/intelligems-a-b-testing/blocks/intelligems-script/fa83b64c-0c77-4c0c-b4b2-b94b42f5ef19 -->
886<script> 887 window._template = { 888 directory: "", 889 name: "collection", 890 suffix: "" 891 }; 892 window.__productIdFromTemplate = null; 893 window.__plpCollectionIdFromTemplate = 641654685855; 894 window.igProductData = (function() { 895 const data = {};data["10910759354527"] = { 896 productId: 10910759354527, 897 handle: "caramel-apple", 898 tags: [], 899 collectionIds: [641654685855,290783363231,290552184991,264194719903,301283410079,294313492639,300700958879,641687879839], 900 inventory: 15140, 901 lowestVariantPrice: 3599 902 };data["5871016640671"] = { 903 productId: 5871016640671, 904 handle: "blackberry-vanilla", 905 tags: [], 906 collectionIds: [641654685855,641839169695,290783363231,290552184991,264194719903,301283410079,294313492639,641688699039,300700958879,280185536671], 907 inventory: 36881, 908 lowestVariantPrice: 3599 909 };data["7478573498527"] = { 910 productId: 7478573498527, 911 handle: "crisp-apple", 912 tags: ["upc-850027702193"], 913 collectionIds: [641654685855,641839169695,290783363231,290552184991,264194719903,301283410079,294313492639,640796360863,300700958879,640712409247,280185536671], 914 inventory: 74144, 915 lowestVariantPrice: 3599 916 };data["6866436948127"] = { 917 productId: 6866436948127, 918 handle: "classic-grape", 919 tags: ["upc-860003223390"], 920 collectionIds: [641654685855,641839169695,290783363231,290552184991,264194719903,301283410079,294313492639,640796360863,135629439046,300700958879,275530711199,640712409247,280185536671], 921 inventory: 43035, 922 lowestVariantPrice: 3599 923 };data["4350717460544"] = { 924 productId: 4350717460544, 925 handle: "classic-root-beer", 926 tags: ["spo-enabled","upc-860439001067"], 927 collectionIds: [641654685855,641839169695,290783363231,290552184991,264194719903,301283410079,294313492639,640796360863,135629439046,300700958879,275530711199,640712409247,280185536671], 928 inventory: 41848, 929 lowestVariantPrice: 3599 930 };data["3818023125062"] = { 931 productId: 3818023125062, 932 handle: "vintage-cola", 933 tags: ["upc-860439001005"], 934 collectionIds: [641654685855,641839169695,290783363231,290552184991,264194719903,301283410079,294313492639,640796360863,300700958879,640712409247,280185536671], 935 inventory: 44151, 936 lowestVariantPrice: 3599 937 };data["7413651636383"] = { 938 productId: 7413651636383, 939 handle: "cream-soda", 940 tags: ["upc-850027702186"], 941 collectionIds: [641654685855,641839169695,290783363231,290552184991,264194719903,301283410079,294313492639,640798195871,640796360863,300700958879,275530711199,640712409247,280185536671], 942 inventory: 62355, 943 lowestVariantPrice: 3599 944 };data["3818021027910"] = { 945 productId: 3818021027910, 946 handle: "strawberry-vanilla", 947 tags: ["product::strawberry-vanilla","spo-disabled","upc-860439001012"], 948 collectionIds: [641654685855,641839169695,290783363231,290552184991,264194719903,301283410079,294313492639,640796360863,135629439046,300700958879,275530711199,640712409247,280185536671], 949 inventory: 86031, 950 lowestVariantPrice: 3599 951 };data["7502145421471"] = { 952 productId: 7502145421471, 953 handle: "cherry-cola", 954 tags: ["upc-850027702261"], 955 collectionIds: [641654685855,641839169695,290783363231,290552184991,264194719903,301283410079,294313492639,640798195871,640796360863,300700958879,275530711199,640712409247,280185536671], 956 inventory: 49257, 957 lowestVariantPrice: 3599 958 };data["6604538577055"] = { 959 productId: 6604538577055, 960 handle: "orange-cream", 961 tags: [], 962 collectionIds: [641654685855,641839169695,290783363231,290552184991,264194719903,301283410079,294313492639,640798195871,640796360863,300700958879,275530711199,280185536671], 963 inventory: 50198, 964 lowestVariantPrice: 3599 965 };data["9247375851679"] = { 966 productId: 9247375851679, 967 handle: "peaches-and-cream", 968 tags: [], 969 collectionIds: [641654685855,641839169695,290783363231,290552184991,264194719903,301283410079,294313492639,640796360863,135629439046,300700958879,275530711199,640712409247,280185536671], 970 inventory: 41427, 971 lowestVariantPrice: 3599 972 };data["9038878015647"] = { 973 productId: 9038878015647, 974 handle: "ginger-ale", 975 tags: [], 976 collectionIds: [641654685855,641839169695,290783363231,290552184991,264194719903,301283410079,294313492639,640796360863,300700958879,640712409247,280185536671], 977 inventory: 31440, 978 lowestVariantPrice: 3599 979 };data["5538631712927"] = { 980 productId: 5538631712927, 981 handle: "orange-squeeze", 982 tags: ["spo-enabled","upc-860439001081"], 983 collectionIds: [641654685855,641839169695,290783363231,290552184991,264194719903,301283410079,294313492639,640796360863,135629439046,300700958879,275530711199,280185536671], 984 inventory: 49568, 985 lowestVariantPrice: 3599 986 };data["9407865061535"] = { 987 productId: 9407865061535, 988 handle: "citrus-rush", 989 tags: [], 990 collectionIds: [641654685855,641839169695,290783363231,290552184991,264194719903,301283410079,294313492639,640796360863,300700958879,275530711199,640712409247,280185536671], 991 inventory: 13990, 992 lowestVariantPrice: 3599 993 };data["7413651832991"] = { 994 productId: 7413651832991, 995 handle: "doctor-goodwin", 996 tags: ["rebuy-30-off","upc-850027702209"], 997 collectionIds: [641654685855,641839169695,290783363231,290552184991,264194719903,301283410079,294313492639,640796360863,300700958879,275530711199,280185536671,301084442783], 998 inventory: 28280, 999 lowestVariantPrice: 3599 1000 };data["4452820189248"] = { 1001 productId: 4452820189248, 1002 handle: "cherry-vanilla", 1003 tags: ["spo-enabled","upc-860003223307"], 1004 collectionIds: [641654685855,641839169695,290783363231,290552184991,264194719903,301283410079,294313492639,640796360863,135629439046,300700958879,275530711199,280185536671], 1005 inventory: 7799, 1006 lowestVariantPrice: 3599 1007 };data["3818021912646"] = { 1008 productId: 3818021912646, 1009 handle: "ginger-lemon", 1010 tags: ["spo-disabled","upc-860439001029"], 1011 collectionIds: [641654685855,641839169695,290783363231,290552184991,264194719903,301283410079,294313492639,640796360863,300700958879,275530711199,280185536671], 1012 inventory: 18413, 1013 lowestVariantPrice: 3599 1014 };data["7323931246751"] = { 1015 productId: 7323931246751, 1016 handle: "tropical-punch", 1017 tags: ["spo-enabled","upc-850027702049"], 1018 collectionIds: [641654685855,641839169695,290783363231,290552184991,264194719903,301283410079,294313492639,640796360863,300700958879,275530711199,280185536671], 1019 inventory: 32890, 1020 lowestVariantPrice: 3599 1021 };data["7612616376479"] = { 1022 productId: 7612616376479, 1023 handle: "lemon-lime", 1024 tags: ["Faire-Lemon-Lime","rebuy-30-off","upc-850027702285"], 1025 collectionIds: [641654685855,641839169695,290783363231,290552184991,264194719903,301283410079,294313492639,640796360863,300700958879,275530711199,280185536671,301084442783], 1026 inventory: 24206, 1027 lowestVariantPrice: 3599 1028 };data["7682917990559"] = { 1029 productId: 7682917990559,
1030 handle: "watermelon-lime", 1031 tags: ["upc-850027702360"], 1032 collectionIds: [641654685855,641839169695,290783363231,290552184991,264194719903,301283410079,294313492639,640796360863,300700958879,275530711199,280185536671], 1033 inventory: 16758, 1034 lowestVariantPrice: 3599 1035 };data["7401847029919"] = { 1036 productId: 7401847029919, 1037 handle: "banana-cream", 1038 tags: ["upc-85002770224"], 1039 collectionIds: [641654685855,641839169695,290783363231,290552184991,264194719903,301283410079,294313492639,640796360863,300700958879,275530711199,280185536671], 1040 inventory: 23159, 1041 lowestVariantPrice: 3599 1042 };return data; 1043 })(); 1044</script>
1044 1045
1046<script type="module" blocking="render" fetchpriority="high" src="https://cdn.intelligems.io/esm/586d1e84f592/bundle.js" data-em-disable async></script>
1046 1047 1048 1049<!-- END app block --><!-- BEGIN app block: shopify://apps/keepcart-coupon-protect/blocks/keepcart/6c9b264a-3284-48f2-a6f6-2836be6ada2a --> 1050 1051 1052 1053
1054<script src="https://cdn.shopify.com/extensions/01a0cff8-2c69-745f-8772-fd89b29d2d4b/keepcart-2-253/assets/vars.generated.js" defer="defer"></script>
1054 1055 1056
1056<script src="https://cdn.shopify.com/extensions/01a0cff8-2c69-745f-8772-fd89b29d2d4b/keepcart-2-253/assets/keepcart-embed-catalog.min.js" defer="defer"></script>
1056 1057
1058<script src="https://cdn.shopify.com/extensions/01a0cff8-2c69-745f-8772-fd89b29d2d4b/keepcart-2-253/assets/keepcart-embed-deferred.min.js" defer="defer"></script>
1058 1059 1060 1061 <style> 1062 #kc-discount-banner { 1063 1064 --kc-banner-bg: #1a1a1a; 1065 1066 1067 --kc-banner-color: #f5f5f5; 1068 1069 --kc-banner-font-size: 15px; 1070 --kc-banner-font: Helvetica, Arial, sans-serif; 1071 } 1072 1073 </style> 1074
1074<script> 1075 window.__KC_BANNER_CONFIG__ = { 1076 position: "bottom", 1077 autoHide: 7, 1078 animate: true, 1079 message: "Discount [code] applied - [value] off your order!" 1080 }; 1081 </script>
1081 1082 1083 1084 1085<!-- END app block --><!-- BEGIN app block: shopify://apps/wyllo-formerly-nofraud/blocks/nf_device/5c2706cf-d458-49c5-a6fa-4fb6b79ce2b4 -->
1085<script async src="https://services.nofraud.com/js/device.js?shop=olipop-store.myshopify.com" type="application/javascript"></script>
1085 1086 1087 1088<!-- END app block --><!-- BEGIN app block: shopify://apps/triplewhale/blocks/triple_pixel_snippet/483d496b-3f1a-4609-aea7-8eee3b6b7a2a --><link rel='preconnect dns-prefetch' href='https://api.config-security.com/' crossorigin /> 1089<link rel='preconnect dns-prefetch' href='https://conf.config-security.com/' crossorigin />
1090<script> 1091/* >> TriplePixel :: start*/ 1092window.TriplePixelData={TripleName:"olipop-store.myshopify.com",ver:"2.16",plat:"SHOPIFY",isHeadless:false,src:'SHOPIFY_EXT',product:{id:"",name:``,price:"",variant:"",av:{ }},search:"",collection:"641654685855",cart:"",template:"collection",curr:"USD" || "USD", market:"3724869791"},function(W,H,A,L,E,_,B,N){function O(U,T,P,H,R){void 0===R&&(R=!1),H=new XMLHttpRequest,P?(H.open("POST",U,!0),H.setRequestHeader("Content-Type","text/plain")):H.open("GET",U,!0),H.send(JSON.stringify(P||{})),H.onreadystatechange=function(){4===H.readyState&&200===H.status?(R=H.responseText,U.includes("/first")?eval(R):P||(N[B]=R)):(299<H.status||H.status<200)&&T&&!R&&(R=!0,O(U,T-1,P))}}if(N=window,!N[H+"sn"]){N[H+"sn"]=1,L=function(){return Date.now().toString(36)+"_"+Math.random().toString(36)};try{A.setItem(H,1+(0|A.getItem(H)||0)),(E=JSON.parse(A.getItem(H+"U")||"[]")).push({u:location.href,r:document.referrer,t:Date.now(),id:L()}),A.setItem(H+"U",JSON.stringify(E))}catch(e){}var i,m,p;A.getItem('"!nC`')||(_=A,A=N,A[H]||(E=A[H]=function(t,e,i){return void 0===i&&(i=[]),"State"==t?E.s:(W=L(),(E._q=E._q||[]).push([W,t,e].concat(i)),W)},E.s="Installed",E._q=[],E.ch=W,B="configSecurityConfModel",N[B]=1,O("https://conf.config-security.com/model",5),i=L(),m=A[atob("c2NyZWVu")],_.setItem("di_pmt_wt",i),p={id:i,action:"profile",avatar:_.getItem("auth-security_rand_salt_"),time:m[atob("d2lkdGg=")]+":"+m[atob("aGVpZ2h0")],host:A.TriplePixelData.TripleName,plat:A.TriplePixelData.plat,url:window.location.href.slice(0,500),ref:document.referrer,ver:A.TriplePixelData.ver},O("https://api.config-security.com/event",5,p),O("https://api.config-security.com/first?host=".concat(p.host,"&plat=").concat(p.plat),5)))}}("","TriplePixel",localStorage); 1093/* << TriplePixel :: end*/ 1094</script>
1094 1095 1096 1097 1098<!-- END app block --><!-- BEGIN app block: shopify://apps/elevar-conversion-tracking/blocks/dataLayerEmbed/bc30ab68-b15c-4311-811f-8ef485877ad6 --> 1099 1100 1101
1102<script type="module" dynamic> 1103 const configUrl = "/a/elevar/static/configs/3bd4c3efadb9bd7b389600baaae057f8a9972102/config.js"; 1104 const config = (await import(configUrl)).default; 1105 const scriptUrl = config.script_src_app_theme_embed; 1106 1107 if (scriptUrl) { 1108 const { handler } = await import(scriptUrl); 1109 1110 await handler( 1111 config, 1112 { 1113 cartData: { 1114 marketId: "3724869791", 1115 localeCountryCode:"US", 1116 attributes:{}, 1117 cartTotal: "0.0", 1118 currencyCode:"USD", 1119 items: [] 1120} 1121, 1122 user: { 1123 cartTotal: "0.0", 1124 currencyCode:"USD", 1125 customer: {}, 1126} 1127, 1128 isOnCartPage:false, 1129 collectionView:{ 1130 currencyCode:"USD", 1131 items: [{id:"OP-CRA-12",name:"Caramel Apple", 1132 brand:"OLIPOP", 1133 category:"9g Fiber", 1134 variant:"12 Pack", 1135 price: "35.99", 1136 productId: "10910759354527", 1137 variantId: "62787700621471", 1138 handle:"caramel-apple", 1139 compareAtPrice: "0.0",image:"\/\/drinkolipop.com\/cdn\/shop\/files\/caramel-apple-9g-olipop_gallery-image_single-can_new_asset.webp?v=1788145122"},{id:"OP-BBV-12",name:"Blackberry Vanilla", 1140 brand:"OLIPOP", 1141 category:"9g Fiber", 1142 variant:"12 Pack", 1143 price: "35.99", 1144 productId: "5871016640671", 1145 variantId: "37114287784095", 1146 handle:"blackberry-vanilla", 1147 compareAtPrice: "0.0",image:"\/\/drinkolipop.com\/cdn\/shop\/files\/blackberry-vanilla-9g-olipop_gallery-image_single-can_new_asset.webp?v=1779162450"},{id:"OP-CA-12",name:"Crisp Apple", 1148 brand:"OLIPOP", 1149 category:"9g Fiber", 1150 variant:"12 Pack", 1151 price: "35.99", 1152 productId: "7478573498527", 1153 variantId: "42468536975519", 1154 handle:"crisp-apple", 1155 compareAtPrice: "0.0",image:"\/\/drinkolipop.com\/cdn\/shop\/files\/crisp-apple-9g-olipop_gallery-image_single-can_new_asset.webp?v=1779163593"},{id:"OP-GR-12",name:"Classic Grape", 1156 brand:"OLIPOP", 1157 category:"9g Fiber", 1158 variant:"12 Pack", 1159 price: "35.99", 1160 productId: "6866436948127", 1161 variantId: "40304921542815", 1162 handle:"classic-grape", 1163 compareAtPrice: "0.0",image:"\/\/drinkolipop.com\/cdn\/shop\/files\/classic-grape-9g-olipop_gallery-image_single-can_new_asset.webp?v=1779163040"},{id:"OP-RB-12",name:"Classic Root Beer", 1164 brand:"OLIPOP", 1165 category:"9g Fiber", 1166 variant:"12 Pack", 1167 price: "35.99", 1168 productId: "4350717460544", 1169 variantId: "31199447679040", 1170 handle:"classic-root-beer", 1171 compareAtPrice: "0.0",image:"\/\/drinkolipop.com\/cdn\/shop\/files\/classic-root-beer-9g-olipop_gallery-image_single-can_new_asset.webp?v=1779161742"},{id:"OP-VC-12",name:"Vintage Cola", 1172 brand:"OLIPOP", 1173 category:"9g Fiber", 1174 variant:"12 Pack", 1175 price: "35.99", 1176 productId: "3818023125062", 1177 variantId: "30315238260806", 1178 handle:"vintage-cola", 1179 compareAtPrice: "0.0",image:"\/\/drinkolipop.com\/cdn\/shop\/files\/vintage-cola-9g-olipop_gallery-image_single-can_new_asset.webp?v=1779161590"},{id:"OP-CS-12",name:"Cream Soda", 1180 brand:"OLIPOP", 1181 category:"9g Fiber", 1182 variant:"12 Pack", 1183 price: "35.99", 1184 productId: "7413651636383", 1185 variantId: "42284980666527", 1186 handle:"cream-soda", 1187 compareAtPrice: "0.0",image:"\/\/drinkolipop.com\/cdn\/shop\/files\/cream-soda-9g-olipop_gallery-image_single-can_new_asset.webp?v=1779163263"},{id:"OP-SV-12",name:"Strawberry Vanilla", 1188 brand:"OLIPOP", 1189 category:"9g Fiber", 1190 variant:"12 Pack", 1191 price: "35.99", 1192 productId: "3818021027910", 1193 variantId: "30315220959302", 1194 handle:"strawberry-vanilla", 1195 compareAtPrice: "0.0",image:"\/\/drinkolipop.com\/cdn\/shop\/files\/strawberry-vanilla-9g-olipop_gallery-main-image_new_asset.webp?v=1779161007"},{id:"OP-CHC-12",name:"Cherry Cola", 1196 brand:"OLIPOP", 1197 category:"9g Fiber", 1198 variant:"12 Pack", 1199 price: "35.99", 1200 productId: "7502145421471", 1201 variantId: "42533620777119", 1202 handle:"cherry-cola", 1203 compareAtPrice: "0.0",image:"\/\/drinkolipop.com\/cdn\/shop\/files\/cherry-cola-9g-olipop_gallery-main-image_new_asset.webp?v=1779163770"},{id:"OP-OC-12",name:"Orange Cream", 1204 brand:"OLIPOP", 1205 category:"9g Fiber", 1206 variant:"12 Pack", 1207 price: "35.99", 1208 productId: "6604538577055", 1209 variantId: "39569001578655", 1210 handle:"orange-cream", 1211 compareAtPrice: "0.0",image:"\/\/drinkolipop.com\/cdn\/shop\/files\/orange-cream-9g-olipop_gallery-image_single-can_new_asset.webp?v=1779162789"},{id:"OP-PC-12",name:"Peaches \u0026 Cream", 1212 brand:"OLIPOP", 1213 category:"9g Fiber", 1214 variant:"12 Pack", 1215 price: "35.99", 1216 productId: "9247375851679", 1217 variantId: "45259076501663", 1218 handle:"peaches-and-cream", 1219 compareAtPrice: "0.0",image:"\/\/drinkolipop.com\/cdn\/shop\/files\/peaches-and-cream-9g-olipop_gallery-image_single-can_new_asset.webp?v=1779165117"},{id:"OP-GA-12",name:"Ginger Ale", 1220 brand:"OLIPOP", 1221 category:"9g Fiber", 1222 variant:"12 Pack", 1223 price: "35.99", 1224 productId: "9038878015647", 1225 variantId: "44438423208095", 1226 handle:"ginger-ale", 1227 compareAtPrice: "0.0",image:"\/\/drinkolipop.com\/cdn\/shop\/files\/ginger-ale-9g-olipop_gallery-image_single-can_new_asset.webp?v=1779164857"},{id:"OP-OS-12",name:"Orange Squeeze", 1228 brand:"OLIPOP", 1229 category:"9g Fiber", 1230 variant:"12 Pack", 1231 price: "35.99", 1232 productId: "5538631712927", 1233 variantId: "35768781111455", 1234 handle:"orange-squeeze", 1235 compareAtPrice: "0.0",image:"\/\/drinkolipop.com\/cdn\/shop\/files\/orange-squeeze-9g-olipop_gallery-image_single-can_new_asset.webp?v=1779162264"},{id:"OP-RR-12",name:"Citrus Rush", 1236 brand:"OLIPOP", 1237 category:"9g Fiber", 1238 variant:"12 Pack", 1239 price: "35.99", 1240 productId: "9407865061535", 1241 variantId: "46054342066335", 1242 handle:"citrus-rush", 1243 compareAtPrice: "0.0",image:"\/\/drinkolipop.com\/cdn\/shop\/files\/citrus-rush-9g-olipop_gallery-image_single-can_new_asset.webp?v=1779196248"},{id:"OP-DG-12",name:"Doctor Goodwin", 1244 brand:"OLIPOP", 1245 category:"9g Fiber", 1246 variant:"12 Pack", 1247 price: "35.99", 1248 productId: "7413651832991", 1249 variantId: "42284985188511", 1250 handle:"doctor-goodwin", 1251 compareAtPrice: "0.0",image:"\/\/drinkolipop.com\/cdn\/shop\/files\/doctor-goodwin-9g-olipop_gallery-image_single-can_new_asset.webp?v=1779163486"},{id:"OP-CV-12",name:"Cherry Vanilla", 1252 brand:"OLIPOP", 1253 category:"9g Fiber", 1254 variant:"12 Pack", 1255 price: "35.99", 1256 productId: "4452820189248", 1257 variantId: "31667872464960", 1258 handle:"cherry-vanilla", 1259 compareAtPrice: "0.0",image:"\/\/drinkolipop.com\/cdn\/shop\/files\/cherry-vanilla-9g-olipop_gallery-image_single-can_new_asset.webp?v=1779162208"},{id:"OP-GL-12",name:"Ginger Lemon", 1260 brand:"OLIPOP", 1261 category:"9g Fiber", 1262 variant:"12 Pack", 1263 price: "35.99", 1264 productId: "3818021912646", 1265 variantId: "30315236851782", 1266 handle:"ginger-lemon", 1267 compareAtPrice: "0.0",image:"\/\/drinkolipop.com\/cdn\/shop\/files\/ginger-lemon-9g-olipop_gallery-image_single-can_new_asset.webp?v=1779161268"},{id:"OP-TP-12",name:"Tropical Punch", 1268 brand:"OLIPOP", 1269 category:"9g Fiber", 1270 variant:"12 Pack", 1271 price: "35.99", 1272 productId: "7323931246751", 1273 variantId: "41922380824735", 1274 handle:"tropical-punch", 1275 compareAtPrice: "0.0",image:"\/\/drinkolipop.com\/cdn\/shop\/files\/tropical-punch-9g-olipop_gallery-image_single-can_new_asset.webp?v=1779163155"},{id:"OP-LL-12",name:"Lemon Lime", 1276 brand:"OLIPOP", 1277 category:"9g Fiber", 1278 variant:"12 Pack", 1279 price: "35.99", 1280 productId: "7612616376479", 1281 variantId: "42897487429791", 1282 handle:"lemon-lime", 1283 compareAtPrice: "0.0",image:"\/\/drinkolipop.com\/cdn\/shop\/files\/lemon-lime-9g-olipop_gallery-image_single-can_new_asset.webp?v=1779163931"},{id:"OP-WL-12",name:"Watermelon Lime", 1284 brand:"OLIPOP", 1285 category:"9g Fiber", 1286 variant:"12 Pack", 1287 price: "35.99", 1288 productId: "7682917990559", 1289 variantId: "43069390880927", 1290 handle:"watermelon-lime", 1291 compareAtPrice: "0.0",image:"\/\/drinkolipop.com\/cdn\/shop\/products\/Olipop_WL_Can_front_1.png?v=1745469054"},{id:"OP-BC-12",name:"Banana Cream", 1292 brand:"OLIPOP", 1293 category:"9g Fiber", 1294 variant:"12 Pack", 1295 price: "35.99", 1296 productId: "7401847029919", 1297 variantId: "42237531390111", 1298 handle:"banana-cream", 1299 compareAtPrice: "0.0",image:"\/\/drinkolipop.com\/cdn\/shop\/files\/banana-cream-9g-olipop_gallery-image_single-can_new_asset.webp?v=1779155708"},] 1300 }, 1301 searchResultsView:null, 1302 productView:null, 1303 } 1304 ); 1305 } 1306</script>
1306 1307 1308 1309<!-- END app block --><!-- BEGIN app block: shopify://apps/videowise-video-commerce/blocks/script_embed/b48d6c0c-3e3f-4791-a9ab-a5ab7ec82f4d --> 1310 1311 1312 1313 1314<link 1315 rel="preload" 1316 as="style" 1317 onload="this.onload=null;this.rel='stylesheet'" 1318 href="https://assets.videowise.com/style.css.gz" 1319 id="videowise-style-css">
1320<script 1321 defer 1322 src="https://assets.videowise.com/vendors.js.gz" 1323 id="videowise-vendors-js"></script>
vendor: 1 bytes, line 1323
1323
1324<script 1325 defer 1326 src="https://assets.videowise.com/client.js.gz" 1327 id="videowise-client-js"></script>
1327 1328 1329<link rel="dns-prefetch" href="https://assets.videowise.com/" /> 1330 1331<link rel="dns-prefetch" href="https://cdn2.videowise.com/" /> 1332 1333<link rel="dns-prefetch" href="https://api-cdn.videowise.com/" /> 1334 1335<link rel="dns-prefetch" href="https://images.videowise.com/" /> 1336 1337<link rel="dns-prefetch" href="https://cdn.videowise.com/" /> 1338 1339<!-- END app block --><!-- BEGIN app block: shopify://apps/attributepro/blocks/cart_attributes/e1a73f15-800a-4f25-9c6e-952ac434f07b -->
vendor: 7,991 bytes, lines 1339-1341
1339<script> 1340var xhook=function(){"use strict";const e=(e,t)=>Array.prototype.slice.call(e,t);let t=null;"undefined"!=typeof WorkerGlobalScope&&self instanceof WorkerGlobalScope?t=self:"undefined"!=typeof global?t=global:window&&(t=window);const n=t,o=t.document,r=["load","loadend","loadstart"],s=["progress","abort","error","timeout"],a=e=>["returnValue","totalSize","position"].includes(e),i=function(e,t){for(let n in e){if(a(n))continue;const o=e[n];try{t[n]=o}catch(e){}}return t},c=function(e,t,n){const o=e=>function(o){const r={};for(let e in o){if(a(e))continue;const s=o[e];r[e]=s===t?n:s}return n.dispatchEvent(e,r)};for(let r of Array.from(e))n._has(r)&&(t[`on${r}`]=o(r))},u=function(e){if(o&&null!=o.createEventObject){const t=o.createEventObject();return t.type=e,t}try{return new Event(e)}catch(t){return{type:e}}},l=function(t){let n={};const o=e=>n[e]||[],r={addEventListener:function(e,t,r){n[e]=o(e),n[e].indexOf(t)>=0||(r=void 0===r?n[e].length:r,n[e].splice(r,0,t))},removeEventListener:function(e,t){if(void 0===e)return void(n={});void 0===t&&(n[e]=[]);const r=o(e).indexOf(t);-1!==r&&o(e).splice(r,1)},dispatchEvent:function(){const n=e(arguments),s=n.shift();t||(n[0]=i(n[0],u(s)),Object.defineProperty(n[0],"target",{writable:!1,value:this}));const a=r[`on${s}`];a&&a.apply(r,n);const c=o(s).concat(o("*"));for(let e=0;e<c.length;e++){c[e].apply(r,n)}},_has:e=>!(!n[e]&&!r[`on${e}`])};return t&&(r.listeners=t=>e(o(t)),r.on=r.addEventListener,r.off=r.removeEventListener,r.fire=r.dispatchEvent,r.once=function(e,t){var n=function(){return r.off(e,n),t.apply(null,arguments)};return r.on(e,n)},r.destroy=()=>n={}),r};var f=function(e,t){switch(typeof e){case"object":return n=e,Object.entries(n).map((([e,t])=>`${e.toLowerCase()}: ${t}`)).join("\r\n");case"string":return function(e,t){const n=e.split("\r\n");null==t&&(t={});for(let e of n)if(/([^:]+):\s*(.+)/.test(e)){const e=null!=RegExp.$1?RegExp.$1.toLowerCase():void 0,n=RegExp.$2;null==t[e]&&(t[e]=n)}return t}(e,t)}var n;return[]};const d=l(!0),p=e=>void 0===e?null:e,h=n.XMLHttpRequest,y=function(){const e=new h,t={};let n,o,a,u=null;var y=0;const v=function(){if(a.status=u||e.status,-1!==u&&(a.statusText=e.statusText),-1===u);else{const t=f(e.getAllResponseHeaders());for(let e in t){const n=t[e];if(!a.headers[e]){const t=e.toLowerCase();a.headers[t]=n}}}},b=function(){x.status=a.status,x.statusText=a.statusText},g=function(){n||x.dispatchEvent("load",{}),x.dispatchEvent("loadend",{}),n&&(x.readyState=0)},E=function(e){for(;e>y&&y<4;)x.readyState=++y,1===y&&x.dispatchEvent("loadstart",{}),2===y&&b(),4===y&&(b(),"text"in a&&(x.responseText=a.text),"xml"in a&&(x.responseXML=a.xml),"data"in a&&(x.response=a.data),"finalUrl"in a&&(x.responseURL=a.finalUrl)),x.dispatchEvent("readystatechange",{}),4===y&&(!1===t.async?g():setTimeout(g,0))},m=function(e){if(4!==e)return void E(e);const n=d.listeners("after");var o=function(){if(n.length>0){const e=n.shift();2===e.length?(e(t,a),o()):3===e.length&&t.async?e(t,a,o):o()}else E(4)};o()};var x=l();t.xhr=x,e.onreadystatechange=function(t){try{2===e.readyState&&v()}catch(e){}4===e.readyState&&(o=!1,v(),function(){if(e.responseType&&"text"!==e.responseType)"document"===e.responseType?(a.xml=e.responseXML,a.data=e.responseXML):a.data=e.response;else{a.text=e.responseText,a.data=e.responseText;try{a.xml=e.responseXML}catch(e){}}"responseURL"in e&&(a.finalUrl=e.responseURL)}()),m(e.readyState)};const w=function(){n=!0};x.addEventListener("error",w),x.addEventListener("timeout",w),x.addEventListener("abort",w),x.addEventListener("progress",(function(t){y<3?m(3):e.readyState<=3&&x.dispatchEvent("readystatechange",{})})),"withCredentials"in e&&(x.withCredentials=!1),x.status=0;for(let e of Array.from(s.concat(r)))x[`on${e}`]=null;if(x.open=function(e,r,s,i,c){y=0,n=!1,o=!1,t.headers={},t.headerNames={},t.status=0,t.method=e,t.url=r,t.async=!1!==s,t.user=i,t.pass=c,a={},a.headers={},m(1)},x.send=function(n){let u,l;for(u of["type","timeout","withCredentials"])l="type"===u?"responseType":u,l in x&&(t[u]=x[l]);t.body=n;const f=d.listeners("before");var p=function(){if(!f.length)return function(){for(u of(c(s,e,x),x.upload&&c(s.concat(r),e.upload,x.upload),o=!0,e.open(t.method,t.url,t.async,t.user,t.pass),["type","timeout","withCredentials"]))l="type"===u?"responseType":u,u in t&&(e[l]=t[u]);for(let n in t.headers){const o=t.headers[n];n&&e.setRequestHeader(n,o)}e.send(t.body)}();const n=function(e){if("object"==typeof e&&("number"==typeof e.status||"number"==typeof a.status))return i(e,a),"data"in e||(e.data=e.response||e.text),void m(4);p()};n.head=function(e){i(e,a),m(2)},n.progress=function(e){i(e,a),m(3)};const d=f.shift();1===d.length?n(d(t)):2===d.length&&t.async?d(t,n):n()};p()},x.abort=function(){u=-1,o?e.abort():x.dispatchEvent("abort",{})},x.setRequestHeader=function(e,n){const o=null!=e?e.toLowerCase():void 0,r=t.headerNames[o]=t.headerNames[o]||e;t.headers[r]&&(n=t.headers[r]+", "+n),t.headers[r]=n},x.getResponseHeader=e=>p(a.headers[e?e.toLowerCase():void 0]),x.getAllResponseHeaders=()=>p(f(a.headers)),e.overrideMimeType&&(x.overrideMimeType=function(){e.overrideMimeType.apply(e,arguments)}),e.upload){let e=l();x.upload=e,t.upload=e}return x.UNSENT=0,x.OPENED=1,x.HEADERS_RECEIVED=2,x.LOADING=3,x.DONE=4,x.response="",x.responseText="",x.responseXML=null,x.readyState=0,x.statusText="",x};y.UNSENT=0,y.OPENED=1,y.HEADERS_RECEIVED=2,y.LOADING=3,y.DONE=4;var v={patch(){h&&(n.XMLHttpRequest=y)},unpatch(){h&&(n.XMLHttpRequest=h)},Native:h,Xhook:y};function b(e,t,n,o){return new(n||(n=Promise))((function(r,s){function a(e){try{c(o.next(e))}catch(e){s(e)}}function i(e){try{c(o.throw(e))}catch(e){s(e)}}function c(e){var t;e.done?r(e.value):(t=e.value,t instanceof n?t:new n((function(e){e(t)}))).then(a,i)}c((o=o.apply(e,t||[])).next())}))}const g=n.fetch;function E(e){return e instanceof Headers?m([...e.entries()]):Array.isArray(e)?m(e):e}function m(e){return e.reduce(((e,[t,n])=>(e[t]=n,e)),{})}const x=function(e,t={headers:{}}){let n=Object.assign(Object.assign({},t),{isFetch:!0});if(e instanceof Request){const o=function(e){let t={};return["method","headers","body","mode","credentials","cache","redirect","referrer","referrerPolicy","integrity","keepalive","signal","url"].forEach((n=>t[n]=e[n])),t}(e),r=Object.assign(Object.assign({},E(o.headers)),E(n.headers));n=Object.assign(Object.assign(Object.assign({},o),t),{headers:r,acceptedRequest:!0})}else n.url=e;const o=d.listeners("before"),r=d.listeners("after");return new Promise((function(t,s){let a=t;const i=function(e){if(!r.length)return a(e);const t=r.shift();return 2===t.length?(t(n,e),i(e)):3===t.length?t(n,e,i):i(e)},c=function(e){if(void 0!==e){const n=new Response(e.body||e.text,e);return t(n),void i(n)}u()},u=function(){if(!o.length)return void l();const e=o.shift();return 1===e.length?c(e(n)):2===e.length?e(n,c):void 0},l=()=>b(this,void 0,void 0,(function*(){const{url:t,isFetch:o,acceptedRequest:r}=n,c=function(e,t){var n={};for(var o in e)Object.prototype.hasOwnProperty.call(e,o)&&t.indexOf(o)<0&&(n[o]=e[o]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var r=0;for(o=Object.getOwnPropertySymbols(e);r<o.length;r++)t.indexOf(o[r])<0&&Object.prototype.propertyIsEnumerable.call(e,o[r])&&(n[o[r]]=e[o[r]])}return n}(n,["url","isFetch","acceptedRequest"]);return e instanceof Request&&c.body instanceof ReadableStream&&(c.body=yield new Response(c.body).text()),g(t,c).then((e=>i(e))).catch((function(e){return a=s,i(e),s(e)}))}));u()}))};var w={patch(){g&&(n.fetch=x)},unpatch(){g&&(n.fetch=g)},Native:g,Xhook:x};const O=d;return O.EventEmitter=l,O.before=function(e,t){if(e.length<1||e.length>2)throw"invalid hook";return O.on("before",e,t)},O.after=function(e,t){if(e.length<2||e.length>3)throw"invalid hook";return O.on("after",e,t)},O.enable=function(){v.patch(),w.patch()},O.disable=function(){v.unpatch(),w.unpatch()},O.XMLHttpRequest=v.Native,O.fetch=w.Native,O.headers=f,O.enable(),O}(); 1341</script>
vendor: 1 bytes, line 1341
1341
vendor: 14,012 bytes, lines 1342-1790
1342<script> 1343;(function(root, factory) { 1344 if (typeof define === "function" && define.amd) { 1345 define(factory); 1346 } else if (typeof exports === "object") { 1347 module.exports = factory(); 1348 } else { 1349 root.jsonLogic = factory(); 1350 } 1351}(this, function() { 1352 "use strict"; 1353 /* globals console:false */ 1354 1355 if ( ! Array.isArray) { 1356 Array.isArray = function(arg) { 1357 return Object.prototype.toString.call(arg) === "[object Array]"; 1358 }; 1359 } 1360 1361 /** 1362 * Return an array that contains no duplicates (original not modified) 1363 * @param {array} array Original reference array 1364 * @return {array} New array with no duplicates 1365 */ 1366 function arrayUnique(array) { 1367 var a = []; 1368 for (var i=0, l=array.length; i<l; i++) { 1369 if (a.indexOf(array[i]) === -1) { 1370 a.push(array[i]); 1371 } 1372 } 1373 return a; 1374 } 1375 1376 var jsonLogic = {}; 1377 var operations = { 1378 "==": function(a, b) { 1379 return a == b; 1380 }, 1381 "===": function(a, b) { 1382 return a === b; 1383 }, 1384 "!=": function(a, b) { 1385 return a != b; 1386 }, 1387 "!==": function(a, b) { 1388 return a !== b; 1389 }, 1390 ">": function(a, b) { 1391 return a > b; 1392 }, 1393 ">=": function(a, b) { 1394 return a >= b; 1395 }, 1396 "<": function(a, b, c) { 1397 return (c === undefined) ? a < b : (a < b) && (b < c); 1398 }, 1399 "<=": function(a, b, c) { 1400 return (c === undefined) ? a <= b : (a <= b) && (b <= c); 1401 }, 1402 "!!": function(a) { 1403 return jsonLogic.truthy(a); 1404 }, 1405 "!": function(a) { 1406 return !jsonLogic.truthy(a); 1407 }, 1408 "%": function(a, b) { 1409 return a % b; 1410 }, 1411 "log": function(a) { 1412 console.log(a); return a; 1413 }, 1414 "in": function(a, b) { 1415 if (!b || typeof b.indexOf === "undefined") return false; 1416 return (b.indexOf(a) !== -1); 1417 }, 1418 "cat": function() { 1419 return Array.prototype.join.call(arguments, ""); 1420 }, 1421 "substr": function(source, start, end) { 1422 if (end < 0) { 1423 // JavaScript doesn't support negative end, this emulates PHP behavior 1424 var temp = String(source).substr(start); 1425 return temp.substr(0, temp.length + end); 1426 } 1427 return String(source).substr(start, end); 1428 }, 1429 "+": function() { 1430 return Array.prototype.reduce.call(arguments, function(a, b) { 1431 return parseFloat(a, 10) + parseFloat(b, 10); 1432 }, 0); 1433 }, 1434 "*": function() { 1435 return Array.prototype.reduce.call(arguments, function(a, b) { 1436 return parseFloat(a, 10) * parseFloat(b, 10); 1437 }); 1438 }, 1439 "-": function(a, b) { 1440 if (b === undefined) { 1441 return -a; 1442 } else { 1443 return a - b; 1444 } 1445 }, 1446 "/": function(a, b) { 1447 return a / b; 1448 }, 1449 "min": function() { 1450 return Math.min.apply(this, arguments); 1451 }, 1452 "max": function() { 1453 return Math.max.apply(this, arguments); 1454 }, 1455 "merge": function() { 1456 return Array.prototype.reduce.call(arguments, function(a, b) { 1457 return a.concat(b); 1458 }, []); 1459 }, 1460 "var": function(a, b) { 1461 var not_found = (b === undefined) ? null : b; 1462 var data = this; 1463 if (typeof a === "undefined" || a==="" || a===null) { 1464 return data; 1465 } 1466 var sub_props = String(a).split("."); 1467 for (var i = 0; i < sub_props.length; i++) { 1468 if (data === null || data === undefined) { 1469 return not_found; 1470 } 1471 // Descending into data 1472 data = data[sub_props[i]]; 1473 if (data === undefined) { 1474 return not_found; 1475 } 1476 } 1477 return data; 1478 }, 1479 "missing": function() { 1480 /* 1481 Missing can receive many keys as many arguments, like {"missing:[1,2]} 1482 Missing can also receive *one* argument that is an array of keys, 1483 which typically happens if it's actually acting on the output of another command 1484 (like 'if' or 'merge') 1485 */ 1486 1487 var missing = []; 1488 var keys = Array.isArray(arguments[0]) ? arguments[0] : arguments; 1489 1490 for (var i = 0; i < keys.length; i++) { 1491 var key = keys[i]; 1492 var value = jsonLogic.apply({"var": key}, this); 1493 if (value === null || value === "") { 1494 missing.push(key); 1495 } 1496 } 1497 1498 return missing; 1499 }, 1500 "missing_some": function(need_count, options) { 1501 // missing_some takes two arguments, how many (minimum) items must be present, and an array of keys (just like 'missing') to check for presence. 1502 var are_missing = jsonLogic.apply({"missing": options}, this); 1503 1504 if (options.length - are_missing.length >= need_count) { 1505 return []; 1506 } else { 1507 return are_missing; 1508 } 1509 }, 1510 }; 1511 1512 jsonLogic.is_logic = function(logic) { 1513 return ( 1514 typeof logic === "object" && // An object 1515 logic !== null && // but not null 1516 ! Array.isArray(logic) && // and not an array 1517 Object.keys(logic).length === 1 // with exactly one key 1518 ); 1519 }; 1520 1521 /* 1522 This helper will defer to the JsonLogic spec as a tie-breaker when different language interpreters define different behavior for the truthiness of primitives. E.g., PHP considers empty arrays to be falsy, but Javascript considers them to be truthy. JsonLogic, as an ecosystem, needs one consistent answer. 1523 1524 Spec and rationale here: http://jsonlogic.com/truthy 1525 */ 1526 jsonLogic.truthy = function(value) { 1527 if (Array.isArray(value) && value.length === 0) { 1528 return false; 1529 } 1530 return !! value; 1531 }; 1532 1533 1534 jsonLogic.get_operator = function(logic) { 1535 return Object.keys(logic)[0]; 1536 }; 1537 1538 jsonLogic.get_values = function(logic) { 1539 return logic[jsonLogic.get_operator(logic)]; 1540 }; 1541 1542 jsonLogic.apply = function(logic, data) { 1543 // Does this array contain logic? Only one way to find out. 1544 if (Array.isArray(logic)) { 1545 return logic.map(function(l) { 1546 return jsonLogic.apply(l, data); 1547 }); 1548 } 1549 // You've recursed to a primitive, stop! 1550 if ( ! jsonLogic.is_logic(logic) ) { 1551 return logic; 1552 } 1553 1554 var op = jsonLogic.get_operator(logic); 1555 var values = logic[op]; 1556 var i; 1557 var current; 1558 var scopedLogic; 1559 var scopedData; 1560 var initial; 1561 1562 // easy syntax for unary operators, like {"var" : "x"} instead of strict {"var" : ["x"]} 1563 if ( ! Array.isArray(values)) { 1564 values = [values]; 1565 } 1566 1567 // 'if', 'and', and 'or' violate the normal rule of depth-first calculating consequents, let each manage recursion as needed. 1568 if (op === "if" || op == "?:") { 1569 /* 'if' should be called with a odd number of parameters, 3 or greater 1570 This works on the pattern: 1571 if( 0 ){ 1 }else{ 2 }; 1572 if( 0 ){ 1 }else if( 2 ){ 3 }else{ 4 }; 1573 if( 0 ){ 1 }else if( 2 ){ 3 }else if( 4 ){ 5 }else{ 6 }; 1574 1575 The implementation is: 1576 For pairs of values (0,1 then 2,3 then 4,5 etc) 1577 If the first evaluates truthy, evaluate and return the second 1578 If the first evaluates falsy, jump to the next pair (e.g, 0,1 to 2,3) 1579 given one parameter, evaluate and return it. (it's an Else and all the If/ElseIf were false) 1580 given 0 parameters, return NULL (not great practice, but there was no Else) 1581 */ 1582 for (i = 0; i < values.length - 1; i += 2) { 1583 if ( jsonLogic.truthy( jsonLogic.apply(values[i], data) ) ) { 1584 return jsonLogic.apply(values[i+1], data); 1585 } 1586 } 1587 if (values.length === i+1) { 1588 return jsonLogic.apply(values[i], data); 1589 } 1590 return null; 1591 } else if (op === "and") { // Return first falsy, or last 1592 for (i=0; i < values.length; i+=1) { 1593 current = jsonLogic.apply(values[i], data); 1594 if ( ! jsonLogic.truthy(current)) { 1595 return current; 1596 } 1597 } 1598 return current; // Last 1599 } else if (op === "or") {// Return first truthy, or last 1600 for (i=0; i < values.length; i+=1) { 1601 current = jsonLogic.apply(values[i], data); 1602 if ( jsonLogic.truthy(current) ) { 1603 return current; 1604 } 1605 } 1606 return current; // Last 1607 } else if (op === "filter") { 1608 scopedData = jsonLogic.apply(values[0], data); 1609 scopedLogic = values[1]; 1610 1611 if ( ! Array.isArray(scopedData)) { 1612 return []; 1613 } 1614 // Return only the elements from the array in the first argument, 1615 // that return truthy when passed to the logic in the second argument. 1616 // For parity with JavaScript, reindex the returned array 1617 return scopedData.filter(function(datum) { 1618 return jsonLogic.truthy( jsonLogic.apply(scopedLogic, datum)); 1619 }); 1620 } else if (op === "map") { 1621 scopedData = jsonLogic.apply(values[0], data); 1622 scopedLogic = values[1]; 1623 1624 if ( ! Array.isArray(scopedData)) { 1625 return []; 1626 } 1627 1628 return scopedData.map(function(datum) { 1629 return jsonLogic.apply(scopedLogic, datum); 1630 }); 1631 } else if (op === "reduce") { 1632 scopedData = jsonLogic.apply(values[0], data); 1633 scopedLogic = values[1]; 1634 initial = typeof values[2] !== "undefined" ? values[2] : null; 1635 1636 if ( ! Array.isArray(scopedData)) { 1637 return initial; 1638 } 1639 1640 return scopedData.reduce( 1641 function(accumulator, current) { 1642 return jsonLogic.apply( 1643 scopedLogic, 1644 {current: current, accumulator: accumulator} 1645 ); 1646 }, 1647 initial 1648 ); 1649 } else if (op === "all") { 1650 scopedData = jsonLogic.apply(values[0], data); 1651 scopedLogic = values[1]; 1652 // All of an empty set is false. Note, some and none have correct fallback after the for loop 1653 if ( ! Array.isArray(scopedData) || ! scopedData.length) { 1654 return false; 1655 } 1656 for (i=0; i < scopedData.length; i+=1) { 1657 if ( ! jsonLogic.truthy( jsonLogic.apply(scopedLogic, scopedData[i]) )) { 1658 return false; // First falsy, short circuit 1659 } 1660 } 1661 return true; // All were truthy 1662 } else if (op === "none") { 1663 scopedData = jsonLogic.apply(values[0], data); 1664 scopedLogic = values[1]; 1665 1666 if ( ! Array.isArray(scopedData) || ! scopedData.length) { 1667 return true; 1668 } 1669 for (i=0; i < scopedData.length; i+=1) { 1670 if ( jsonLogic.truthy( jsonLogic.apply(scopedLogic, scopedData[i]) )) { 1671 return false; // First truthy, short circuit 1672 } 1673 } 1674 return true; // None were truthy 1675 } else if (op === "some") { 1676 scopedData = jsonLogic.apply(values[0], data); 1677 scopedLogic = values[1]; 1678 1679 if ( ! Array.isArray(scopedData) || ! scopedData.length) { 1680 return false; 1681 } 1682 for (i=0; i < scopedData.length; i+=1) { 1683 if ( jsonLogic.truthy( jsonLogic.apply(scopedLogic, scopedData[i]) )) { 1684 return true; // First truthy, short circuit 1685 } 1686 } 1687 return false; // None were truthy 1688 } 1689 1690 // Everyone else gets immediate depth-first recursion 1691 values = values.map(function(val) { 1692 return jsonLogic.apply(val, data); 1693 }); 1694 1695 1696 // The operation is called with "data" bound to its "this" and "values" passed as arguments. 1697 // Structured commands like % or > can name formal arguments while flexible commands (like missing or merge) can operate on the pseudo-array arguments 1698 // https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Functions/arguments 1699 if (operations.hasOwnProperty(op) && typeof operations[op] === "function") { 1700 return operations[op].apply(data, values); 1701 } else if (op.indexOf(".") > 0) { // Contains a dot, and not in the 0th position 1702 var sub_ops = String(op).split("."); 1703 var operation = operations; 1704 for (i = 0; i < sub_ops.length; i++) { 1705 if (!operation.hasOwnProperty(sub_ops[i])) { 1706 throw new Error("Unrecognized operation " + op + 1707 " (failed at " + sub_ops.slice(0, i+1).join(".") + ")"); 1708 } 1709 // Descending into operations 1710 operation = operation[sub_ops[i]]; 1711 } 1712 1713 return operation.apply(data, values); 1714 } 1715 1716 throw new Error("Unrecognized operation " + op ); 1717 }; 1718 1719 jsonLogic.uses_data = function(logic) { 1720 var collection = []; 1721 1722 if (jsonLogic.is_logic(logic)) { 1723 var op = jsonLogic.get_operator(logic); 1724 var values = logic[op]; 1725 1726 if ( ! Array.isArray(values)) { 1727 values = [values]; 1728 } 1729 1730 if (op === "var") { 1731 // This doesn't cover the case where the arg to var is itself a rule. 1732 collection.push(values[0]); 1733 } else { 1734 // Recursion! 1735 values.forEach(function(val) { 1736 collection.push.apply(collection, jsonLogic.uses_data(val) ); 1737 }); 1738 } 1739 } 1740 1741 return arrayUnique(collection); 1742 }; 1743 1744 jsonLogic.add_operation = function(name, code) { 1745 operations[name] = code; 1746 }; 1747 1748 jsonLogic.rm_operation = function(name) { 1749 delete operations[name]; 1750 }; 1751 1752 jsonLogic.rule_like = function(rule, pattern) { 1753 // console.log("Is ". JSON.stringify(rule) . " like " . JSON.stringify(pattern) . "?"); 1754 if (pattern === rule) { 1755 return true; 1756 } // TODO : Deep object equivalency? 1757 if (pattern === "@") { 1758 return true; 1759 } // Wildcard! 1760 if (pattern === "number") { 1761 return (typeof rule === "number"); 1762 } 1763 if (pattern === "string") { 1764 return (typeof rule === "string"); 1765 } 1766 if (pattern === "array") { 1767 // !logic test might be superfluous in JavaScript 1768 return Array.isArray(rule) && ! jsonLogic.is_logic(rule); 1769 } 1770 1771 if (jsonLogic.is_logic(pattern)) { 1772 if (jsonLogic.is_logic(rule)) { 1773 var pattern_op = jsonLogic.get_operator(pattern); 1774 var rule_op = jsonLogic.get_operator(rule); 1775 1776 if (pattern_op === "@" || pattern_op === rule_op) { 1777 // echo "\nOperators match, go deeper\n"; 1778 return jsonLogic.rule_like( 1779 jsonLogic.get_values(rule, false), 1780 jsonLogic.get_values(pattern, false) 1781 ); 1782 } 1783 } 1784 return false; // pattern is logic, rule isn't, can't be eq 1785 } 1786 1787 if (Array.isArray(pattern)) { 1788 if (Array.isArray(rule)) { 1789 if (pattern.length !== rule.length) { 1790 return false;
1791 } 1792 /* 1793 Note, array order MATTERS, because we're using this array test logic to consider arguments, where order can matter. (e.g., + is commutative, but '-' or 'if' or 'var' are NOT) 1794 */ 1795 for (var i = 0; i < pattern.length; i += 1) { 1796 // If any fail, we fail 1797 if ( ! jsonLogic.rule_like(rule[i], pattern[i])) { 1798 return false; 1799 } 1800 } 1801 return true; // If they *all* passed, we pass 1802 } else { 1803 return false; // Pattern is array, rule isn't 1804 } 1805 } 1806 1807 // Not logic, not array, not a === match for rule. 1808 return false; 1809 }; 1810 1811 return jsonLogic; 1812})); 1813</script>
1813<!-- BEGIN app snippet: properties_mapping -->
1813<script> 1814const ap_Config = { 1815 page_title: "OLIPOP 9g Fiber Line", 1816 cart: { 1817 checkout_charge_amount: 0, 1818 item_count: 0, 1819 note: null, 1820 total_discount: 0, 1821 total_price: 0, 1822 }, 1823 date: new Date().toISOString().split('T')[0], 1824 date_time: new Date().toISOString(), 1825 localization : { 1826 country: { 1827 iso_code: "US", 1828 currency: { 1829 symbol: "$" 1830 } 1831 }, 1832 market: { 1833 handle: 'us', 1834 id: 3724869791 1835 } 1836 }, 1837 customer: { 1838 b2b: null, 1839 current_company: { 1840 name: null 1841 }, 1842 email: null, 1843 last_order: { 1844 id: null 1845 } 1846 }, 1847 shop: { 1848 address:{ 1849 address1: "360 Grand Ave #259", 1850 address2: "", 1851 city: "Oakland", 1852 country: "United States", 1853 province: "California", 1854 province_code: "CA", 1855 } 1856 }, 1857} 1858</script>
1858<!-- END app snippet -->
1858<script type="module"> 1859 const ROOT_URL = typeof window.Shopify.routes.root == "undefined" ? "/" : window.Shopify.routes.root; 1860 const getInterpolatedValue = (value) => { 1861 if(!window.cartAttributesConfig.isUltimate) return value; 1862 const tagPattern = /\{\{([^\}]+)\}\}/g; 1863 let interpolatedValue = value; 1864 let match; 1865 while ((match = tagPattern.exec(value)) !== null) { 1866 const path = match[1].trim().split('.'); 1867 let context = ap_Config; 1868 for (const segment of path) { 1869 console.log("segment", segment); 1870 if (context.hasOwnProperty(segment)) { 1871 context = context[segment]; 1872 } else { 1873 console.error(`Path segment '${segment}' not found in context.`); 1874 context = undefined; 1875 break; 1876 } 1877 } 1878 if (context !== undefined) { 1879 interpolatedValue = interpolatedValue.replace(new RegExp(match[0].replace(/[.*+?^${}()|[\]\\]/g, '\\$&'), 'g'), context); 1880 } 1881 } 1882 return interpolatedValue; 1883 } 1884 1885 1886 1887 console.log("Not ultimate"); 1888 1889 window.cartAttributesConfig = { 1890 1891 1892 metaobjects: [], 1893 } 1894 let FLAG = false 1895 1896 let logCart = false 1897 1898 const customerCountry = "US" 1899 const market = 3724869791 1900 1901 1902 xhook.after(async function (request, response) { 1903 if (!request.url.toString().match(/cart\/add/) && !request.url.toString().match(/cart\/change/)) return 1904 if (FLAG === true) return 1905 if (!window.cartAttributesConfig.metaobjects?.length) return 1906 if (response.status === 200){ 1907 const ATTRIBUTES = {}; 1908 const MODIFIED_ITEMS = new Set(); // Track which items were actually modified by rules 1909 const PRODUCT_ATTRIBUTES = {}; 1910 let cart = await fetch(window.origin + "/cart.json").then(res => res.json()); 1911 for(const {id, properties} of cart.items) { 1912 PRODUCT_ATTRIBUTES[id] = properties; 1913 } 1914 const productsInCartReq = cart.items.map(async (item) => await fetch(window.origin + `/products/${item.handle}.json`).then(res => res.json()) ); 1915 const productsInCart = await Promise.all(productsInCartReq); 1916 const tagsInCart = productsInCart.map(product => product.product.tags.split(", ")).flat(); 1917 1918 const collectionsInCart = [] 1919 1920 window.cartAttributesConfig.metaobjects?.forEach((metaobject, i) => { 1921 1922 if (metaobject.debug) { 1923 console.log("TAGS in cart: ", tagsInCart); 1924 console.log("COLLECTIONS in cart: ", collectionsInCart); 1925 console.log("Cart pre_script") 1926 console.log(cart) 1927 1928 metaobject.debug && console.log(metaobject); 1929 logCart = true; 1930 } 1931 1932 if (metaobject.active == true) { 1933 metaobject.debug && console.log(metaobject.title + " is included in the textArea"); 1934 const cartWithAdditionalFields = { 1935 ...cart, 1936 tagsInCart: tagsInCart, 1937 collectionsInCart: collectionsInCart, 1938 customerCountry: customerCountry, 1939 market: `gid://shopify/Market/${market}` 1940 } 1941 // If rule truthy 1942 if (window.jsonLogic.apply(metaobject.rules, cartWithAdditionalFields)) { 1943 metaobject.debug && console.log("Rule is truthy. We're adding its attributes"); 1944 1945 if (metaobject.target !== "product") { // Add Cart attr 1946 metaobject.attributes.forEach(a => { 1947 let interpolatedValue = getInterpolatedValue(a.value) 1948 ATTRIBUTES[a.key] = interpolatedValue; 1949 }); 1950 } 1951 1952 if (metaobject.target !== "cart") { // Add Product attr 1953 console.log("This is our metaobject and its products: ", metaobject); 1954 1955 const project_attr = {}; 1956 metaobject.attributes.forEach(a => { 1957 let interpolatedValue = getInterpolatedValue(a.value) 1958 project_attr[a.key] = interpolatedValue; 1959 }); 1960 metaobject.products.forEach(product => { 1961 const id = product.id.split("/").at(-1); 1962 PRODUCT_ATTRIBUTES[id] = { ...PRODUCT_ATTRIBUTES[id], ...project_attr }; 1963 MODIFIED_ITEMS.add(id); 1964 }); 1965 } 1966 1967 // If rule not truthy 1968 } else { 1969 metaobject.debug && console.log("Rule is not truthy. We're invalidating its attributes"); 1970 1971 if (metaobject.target !== "product") { //Cleanup for Cart
1972 metaobject.attributes.forEach((a, i) => { 1973 if (cart.attributes[a.key] !== undefined && !metaobject.keep) { 1974 ATTRIBUTES[a.key] = null; 1975 } 1976 }); 1977 } 1978 1979 1980 else if (metaobject.target !== "cart" && !metaobject.keep) { //Cleanup for Products 1981 1982 metaobject.products.forEach(product => { 1983 const id = product.id.split("/").at(-1); 1984 metaobject.attributes.forEach(a => { 1985 if (PRODUCT_ATTRIBUTES[id]?.[a.key] !== undefined) { 1986 delete PRODUCT_ATTRIBUTES[id][a.key]; 1987 MODIFIED_ITEMS.add(id); 1988 } 1989 }); 1990 }); 1991 1992 } 1993 1994 } 1995 } 1996 metaobject.debug && console.log("Cart attributes to push: ", ATTRIBUTES); 1997 if(metaobject.debug){ 1998 console.log(i+1+"* METAOBJ ATTRIBUTES: ", JSON.parse(JSON.stringify(PRODUCT_ATTRIBUTES))); 1999 } 2000 }); 2001 2002 // Only send /cart/change.js for items that were actually modified by rules 2003 // AND whose desired properties differ from what's already on the cart line 2004 const itemsToUpdate = cart.items.filter(item => { 2005 if (!MODIFIED_ITEMS.has(String(item.id))) return false; 2006 const desired = PRODUCT_ATTRIBUTES[item.id] || {}; 2007 const current = item.properties || {}; 2008 // Check if every desired key/value already matches the current properties 2009 const desiredKeys = Object.keys(desired); 2010 const currentKeys = Object.keys(current); 2011 if (desiredKeys.length !== currentKeys.length) return true; 2012 for (const key of desiredKeys) { 2013 if (String(desired[key]) !== String(current[key])) return true; 2014 } 2015 return false; // All properties already match, no need to update 2016 }); 2017 if (itemsToUpdate.length > 0) { 2018 FLAG = true; 2019 await Promise.all(itemsToUpdate.map(item => { 2020 const attributes = PRODUCT_ATTRIBUTES[item.id]; 2021 return fetch(ROOT_URL + "cart/change.js", { 2022 method: 'POST', 2023 headers: { 2024 'Content-Type': 'application/json' 2025 }, 2026 body: JSON.stringify({ 2027 id: item.key, 2028 properties: attributes, 2029 quantity: item.quantity 2030 }) 2031 }).catch(err => console.error(err)); 2032 })); 2033 FLAG = false; 2034 } 2035 2036 // Only send /cart/update.js when we actually have attributes to set/clear 2037 const hasCartAttributes = Object.keys(ATTRIBUTES).length > 0; 2038 if (hasCartAttributes) { 2039 fetch(ROOT_URL + 'cart/update.js', { 2040 method: 'POST', 2041 headers: { 2042 'Content-Type': 'application/json' 2043 }, 2044 body: JSON.stringify({attributes: ATTRIBUTES}) 2045 }) 2046 .then((res) => res.json()) 2047 .then(data => { 2048 logCart && console.log("cartResult",data); 2049 return data 2050 }) 2051 .catch((error) => { 2052 console.error('Error:', error); 2053 }); 2054 } 2055 2056 } 2057 }); 2058</script>
2058 2059 2060 2061 2062<!-- END app block --><!-- BEGIN app block: shopify://apps/klaviyo-email-marketing-sms/blocks/klaviyo-onsite-embed/2632fe16-c075-4321-a88b-50b567f42507 --> 2063 2064 2065 2066 2067 2068 2069 2070 2071 2072 2073 2074 2075
2075<script async src="https://static.klaviyo.com/onsite/js/PbvgDc/klaviyo.js?company_id=PbvgDc"></script>
2075 2076
2076<script>!function(){if(!window.klaviyo){window._klOnsite=window._klOnsite||[];try{window.klaviyo=new Proxy({},{get:function(n,i){return"push"===i?function(){var n;(n=window._klOnsite).push.apply(n,arguments)}:function(){for(var n=arguments.length,o=new Array(n),w=0;w<n;w++)o[w]=arguments[w];var t="function"==typeof o[o.length-1]?o.pop():void 0,e=new Promise((function(n){window._klOnsite.push([i].concat(o,[function(i){t&&t(i),n(i)}]))}));return e}}})}catch(n){window.klaviyo=window.klaviyo||[],window.klaviyo.push=function(){var n;(n=window._klOnsite).push.apply(n,arguments)}}}}();</script>
2076 2077 2078 2079 2080 2081 2082 2083
2083<script> 2084 window.klaviyoReviewsProductDesignMode = false 2085 </script>
2085 2086 2087 2088 2089 2090 2091 2092 2093 2094 2095<!-- END app block --><link href="https://cdn.shopify.com/extensions/01a0cff8-2c69-745f-8772-fd89b29d2d4b/keepcart-2-253/assets/app.css" rel="stylesheet" type="text/css" media="all"> 2096<meta property="og:image" content="https://cdn.shopify.com/s/files/1/0034/6610/0806/files/Website_-_Social_-_Share_-_V1.png?v=1639521624" /> 2097<meta property="og:image:secure_url" content="https://cdn.shopify.com/s/files/1/0034/6610/0806/files/Website_-_Social_-_Share_-_V1.png?v=1639521624" /> 2098<meta property="og:image:width" content="2400" /> 2099<meta property="og:image:height" content="1256" /> 2100<link href="https://monorail-edge.shopifysvc.com" rel="dns-prefetch">
2101<script>(function(){if ("sendBeacon" in navigator && "performance" in window) {try {var session_token_from_headers = performance.getEntriesByType('navigation')[0].serverTiming.find(x => x.name == '_s').description;} catch {var session_token_from_headers = undefined;}var session_cookie_matches = document.cookie.match(/_shopify_s=([^;]*)/);var session_token_from_cookie = session_cookie_matches && session_cookie_matches.length === 2 ? session_cookie_matches[1] : "";var session_token = session_token_from_headers || session_token_from_cookie || "";function handle_abandonment_event(e) {var entries = performance.getEntries().filter(function(entry) {return /monorail-edge.shopifysvc.com/.test(entry.name);});if (!window.abandonment_tracked && entries.length === 0) {window.abandonment_tracked = true;var currentMs = Date.now();var navigation_start = performance.timing.navigationStart;var payload = {shop_id: 3466100806,url: window.location.href,navigation_start,duration: currentMs - navigation_start,session_token,page_type: "collection"};window.navigator.sendBeacon("https://monorail-edge.shopifysvc.com/v1/produce", JSON.stringify({schema_id: "online_store_buyer_site_abandonment/1.1",payload: payload,metadata: {event_created_at_ms: currentMs,event_sent_at_ms: currentMs}}));}}window.addEventListener('pagehide', handle_abandonment_event);}}());</script>
vendor: 1 bytes, line 2101
2101
2102<script> 2103 window.__TREKKIE_SHIM_QUEUE = window.__TREKKIE_SHIM_QUEUE || []; 2104</script>
vendor: 1 bytes, line 2104
2104
2105<script>(function(){var wpmLoader=function(){"use strict";var e=/Googlebot|Storebot-Google|bingbot|Baiduspider|YandexBot|DuckDuckBot|Slurp|facebookexternalhit|Twitterbot|LinkedInBot|Applebot|AdsBot-Google|Mediapartners-Google|APIs-Google|PetalBot|SemrushBot|AhrefsBot|MJ12bot|DotBot|Acunetix|PerplexityBot|Perplexity-User/i,t=/bytedance/i;function i(){try{var e=document.cookie;if(!e||"string"!=typeof e)return;for(var t=0,i=e.split(";");t<i.length;t++){var n=i[t],r=n.indexOf("=");if(-1!==r){var o=n.slice(0,r).trim();if(o){var a=void 0;try{a=decodeURIComponent(o)}catch(e){a=o}if("_shopify_s"===a){var d=n.slice(r+1).trim();try{return decodeURIComponent(d)}catch(e){return d}}}}}return}catch(e){return}}function n(e){try{"undefined"!=typeof console&&"function"==typeof console.warn&&console.warn(e)}catch(e){}}function r(e,t){return"string"==typeof e&&e.length>0&&e.length<=t?e:void 0}function o(e){var t;switch(null==(t=null==e?void 0:e.navigation)?void 0:t.type){case 0:return"navigate";case 1:return"reload";case 2:return"back_forward";default:return}}function a(){var e,t,i;try{var n=null==(i=null==(t=null==(e=self.ShopifyAnalytics)?void 0:e.lib)?void 0:t.trekkie)?void 0:i.state;return"awaiting-consent"===n||"initialized"===n?n:void 0}catch(e){return}}return function(d,s,u,l){var c=arguments.length>4&&void 0!==arguments[4]?arguments[4]:{};try{var p=c.trekkieShim;!0!==p&&"true"!==p||null!=window.__TREKKIE_SHIM_QUEUE||(window.__TREKKIE_SHIM_QUEUE=[])}catch(e){}var f,v,h,y,g=(v=(f={modern:/Edge?\/(1{2}[4-9]|1[2-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Firefox\/(1{2}[4-9]|1[2-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Chrom(ium|e)\/(9{2}|\d{3,})\.\d+(\.\d+|)|(Maci|X1{2}).+ Version\/(15\.\d+|(1[6-9]|[2-9]\d|\d{3,})\.\d+)([,.]\d+|)( \(\w+\)|)( Mobile\/\w+|) Safari\/|Chrome.+OPR\/(9{2}|\d{3,})\.\d+\.\d+|(CPU[ +]OS|iPhone[ +]OS|CPU[ +]iPhone|CPU IPhone OS|CPU iPad OS)[ +]+(15[._]\d+|(1[6-9]|[2-9]\d|\d{3,})[._]\d+)([._]\d+|)|Android:?[ /-](14[89]|1[5-9]\d|[2-9]\d{2}|\d{4,})(\.\d+|)(\.\d+|)|Android.+Firefox\/(15\d|1[6-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+Chrom(ium|e)\/(14[89]|1[5-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|SamsungBrowser\/([2-9]\d|\d{3,})\.\d+/,legacy:/Edge?\/(1[6-9]|[2-9]\d|\d{3,})\.\d+(\.\d+|)|Firefox\/(5[4-9]|[6-9]\d|\d{3,})\.\d+(\.\d+|)|Chrom(ium|e)\/(5[1-9]|[6-9]\d|\d{3,})\.\d+(\.\d+|)([\d.]+$|.*Safari\/(?![\d.]+ Edge\/[\d.]+$))|(Maci|X1{2}).+ Version\/(10\.\d+|(1[1-9]|[2-9]\d|\d{3,})\.\d+)([,.]\d+|)( \(\w+\)|)( Mobile\/\w+|) Safari\/|Chrome.+OPR\/(3[89]|[4-9]\d|\d{3,})\.\d+\.\d+|(CPU[ +]OS|iPhone[ +]OS|CPU[ +]iPhone|CPU IPhone OS|CPU iPad OS)[ +]+(10[._]\d+|(1[1-9]|[2-9]\d|\d{3,})[._]\d+)([._]\d+|)|Android:?[ /-](14[89]|1[5-9]\d|[2-9]\d{2}|\d{4,})(\.\d+|)(\.\d+|)|Mobile Safari.+OPR\/([89]\d|\d{3,})\.\d+\.\d+|Android.+Firefox\/(15\d|1[6-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+Chrom(ium|e)\/(14[89]|1[5-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+(UC? ?Browser|UCWEB|U3)[ /]?(15\.([5-9]|\d{2,})|(1[6-9]|[2-9]\d|\d{3,})\.\d+)\.\d+|SamsungBrowser\/(5\.\d+|([6-9]|\d{2,})\.\d+)|Android.+MQ{2}Browser\/(14(\.(9|\d{2,})|)|(1[5-9]|[2-9]\d|\d{3,})(\.\d+|))(\.\d+|)|K[Aa][Ii]OS\/(3\.\d+|([4-9]|\d{2,})\.\d+)(\.\d+|)/}).modern,h=f.legacy,(y=navigator.userAgent).match(e)?"bot":y.match(v)?"modern":y.match(h)?"legacy":y.match(t)?"bot":"unknown"),m=function(e){var t,i,n=r(e,128);try{var a=window.performance,d=null==(t=null==a?void 0:a.getEntriesByType)?void 0:t.call(a,"navigation")[0];if(!d)return{requestId:n,navigationType:o(a)};var s="type"in d?r(d.type,64):void 0,u="serverTiming"in d&&Array.isArray(d.serverTiming)?d.serverTiming:[];return{requestId:null!=n?n:r(null==(i=u.find(function(e){return"requestID"===e.name}))?void 0:i.description,128),navigationType:s}}catch(e){return{requestId:n}}}(c.requestId),w=function(e){var t=e.version,r=e.browserTarget,o=e.surface,a=e.shopId,d=e.monorailEndpoint,s=window.location.href;return{emit:function(e){var u=e.status,l=e.errorMsg,c=e.failureReason,p=e.useKeepaliveFallback,f=void 0!==p&&p,v=e.navigationType,h=e.pagehidePersisted,y=e.requestId,g=e.trekkieState;if(d){var m,w;try{var b=(new Date).getTime();m=JSON.stringify({metadata:{event_sent_at_ms:b},events:[{schema_id:"web_pixels_manager_load/3.3",payload:{version:t,bundle_target:r,page_url:s,status:u,surface:o,error_msg:l,failure_reason:c,navigation_type:v,pagehide_persisted:h,request_id:y,trekkie_state:g,shop_id:a,visit_token:i()},metadata:{event_created_at_ms:b}}]})}catch(e){return}try{if("function"==typeof window.navigator.sendBeacon&&-1===(w=window.navigator.userAgent).indexOf("iPhone; CPU iPhone OS 12_")&&-1===w.indexOf("iPad; CPU OS 12_")&&-1===w.indexOf("iPod touch; CPU iPhone OS 12_")&&window.navigator.sendBeacon.bind(window.navigator)(d,m))return}catch(e){}if(f)try{"function"==typeof window.fetch&&window.fetch(d,{method:"POST",headers:{"Content-Type":"text/plain"},body:m,keepalive:!0}
2105).catch(function(){})}catch(e){}else try{var _=new XMLHttpRequest;_.open("POST",d,!0),_.setRequestHeader("Content-Type","text/plain"),_.send(m)}catch(e){n("[Web Pixels Manager] Got an unhandled error while logging to Monorail.")}}else n("[Web Pixels Manager] No Monorail endpoint provided, skipping logging.")}}}({version:u,browserTarget:g,surface:d.surface,shopId:d.shopId,monorailEndpoint:d.monorailEndpoint});if(Boolean(null==(_=null==(b=window.Shopify)?void 0:b.analytics)?void 0:_.replayQueue))w.emit({status:"setup-skipped",errorMsg:"replay queue already initialized."});else{var b,_;w.emit({status:"setup-started"}),window.Shopify=window.Shopify||{};var S=window.Shopify;S.analytics=S.analytics||{};var P=S.analytics;P.replayQueue=[],P.publish=function(e,t,i){return P.replayQueue.push([e,t,i]),!0};try{self.performance.mark("wpm:start")}catch(e){}var k,C="modern"===g?"modern":"legacy",E=(null!=l?l:{modern:"",legacy:""})[C],I=[(k={baseUrl:s,hashVersion:u,buildTarget:C}).baseUrl,"/wpm","/b",k.hashVersion,"modern"===k.buildTarget?"m":"l",".js"].join(""),O=!1,T=!1;try{c.browserTarget=g,function(){O=!0;try{window.addEventListener("pagehide",M)}catch(e){O=!1}}(),R(function(){try{R(x)}catch(e){D(e)}}),w.emit({status:"loading",requestId:m.requestId,navigationType:m.navigationType,trekkieState:a()})}catch(e){D(e)}}function U(){var e;if(q(),!function(){var e,t;return Boolean(null==(t=null==(e=window.Shopify)?void 0:e.analytics)?void 0:t.initialized)}()){var t,i,n;try{if("function"!=typeof(null==(e=window.webPixelsManager)?void 0:e.init))return void A();if(!(null!==(n=i=t=window.webPixelsManager.init(d))&&"function"!=typeof n&&Object(n)===n&&"publish"in i&&"function"==typeof i.publish&&"publishCustomEvent"in i&&"function"==typeof i.publishCustomEvent&&"visitor"in i&&"function"==typeof i.visitor))return void A()}catch(e){return void A(e)}var r=window.Shopify.analytics;r.replayQueue.forEach(function(e){var i=e[0],n=e[1],r=e[2];t.publishCustomEvent(i,n,r)}),r.replayQueue=[],r.publish=t.publishCustomEvent,r.visitor=t.visitor,r.initialized=!0}}function A(e){B("manager_api_unavailable",void 0===e?void 0:Q(e))}function x(){B("script_load_failed","".concat(I," has failed to load"))}function B(e,t){T||(T=!0,q(),w.emit({status:"failed",errorMsg:t,failureReason:e,requestId:m.requestId,navigationType:m.navigationType,trekkieState:a()}))}function M(e){O&&(q(),w.emit({status:"pagehide-while-loading",useKeepaliveFallback:!0,pagehidePersisted:e.persisted,requestId:m.requestId,navigationType:m.navigationType,trekkieState:a()}))}function q(){O=!1;try{window.removeEventListener("pagehide",M)}catch(e){}}function R(e){var t;!function(e){var t=e.src,i=e.async,n=void 0===i||i,r=e.onload,o=e.onerror,a=e.sri,d=e.scriptDataAttributes,s=void 0===d?{}:d,u=document.createElement("script"),l=document.querySelector("head"),c=document.querySelector("body");if(u.async=n,u.src=t,a&&(u.integrity=a,u.crossOrigin="anonymous"),s)for(var p in s)if(Object.prototype.hasOwnProperty.call(s,p))try{u.dataset[p]=String(s[p])}catch(e){}if(r&&u.addEventListener("load",r),o&&u.addEventListener("error",o),l)l.appendChild(u);else{if(!c)throw new Error("Did not find a head or body element to append the script");c.appendChild(u)}}({src:I,async:!0,onload:U,onerror:e,sri:(t=E,"string"==typeof t&&/^sha384-[A-Za-z0-9+/=]+$/.test(t)?E:""),scriptDataAttributes:c})}function D(e){B("script_append_failed",Q(e))}function Q(e){return e instanceof Error?e.message:"Unknown error"}}}();wpmLoader({shopId: 3466100806,storefrontBaseUrl: "https://drinkolipop.com",extensionsBaseUrl: "https://extensions.shopifycdn.com/cdn/shopifycloud/web-pixels-manager",monorailEndpoint: "https://drinkolipop.com/.well-known/shopify/monorail/unstable/produce_batch",surface: "storefront-renderer",enabledBetaFlags: ["4c64608a","16072cab","8450a54b","7ee89bf1"],webPixelsConfigList: [{"id":"901611679","configuration":"{\"pixelCode\":\"C4AK431U9OSI64EC9TKG\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"22e92c2ad45662f435e4801458fb78cc","type":"APP","apiClientId":4383523,"privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized"},{"id":"887685279","configuration":"{\"advertiser\":\"drinkolipop\",\"userId\":\"161265b2-c678-45dd-8b10-b16b276c7094\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"1cebf922bdc3d51912d7eaa3af89b41d","type":"APP","apiClientId":39871250433,"privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_email","read_customer_personal_data"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized"},{"id":"883064991","configuration":"{\"tenantId\":\"dfb51de3-94ea-4014-9527-37b52b8377ea\", \"shop\":\"olipop-store.myshopify.com\", \"datasourceId\":\"613a349b-c3fe-459e-a8c2-74250377f6c7\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"480ec4c467668a19b56bc858d759ef88","type":"APP","apiClientId":4294333,"privacyPurposes":["ANALYTICS"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]}
2105,"dataSharingState":"unrestricted"},{"id":"855900319","configuration":"{\"Enabled\":\"false\",\"UpdatedAt\":\"2026-05-28T20:32:13.756Z\",\"DeveloperPreview\":\"false\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"7913f49eba866a6cbbe1bb85b5400251","type":"APP","apiClientId":34646425601,"privacyPurposes":["ANALYTICS"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"unrestricted"},{"id":"844464287","configuration":"{\"trackingKey\":\"olipop-store-stayai-web-pixel\",\"enabled\":\"true\",\"collectorUrl\":\"https:\\\/\\\/pixel.retextion.com\",\"version\":\"1\",\"debug\":\"false\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"94457fdfcf80b0033e88e322893e2b49","type":"APP","apiClientId":5859381,"privacyPurposes":["ANALYTICS"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"unrestricted"},{"id":"843415711","configuration":"{\"config_url\": \"https:\/\/shopify-gtm-suite.getelevar.com\/configs\/3bd4c3efadb9bd7b389600baaae057f8a9972102\/config.js\"}","eventPayloadVersion":"v1","runtimeContext":"LAX","scriptVersion":"7ae63d00911d5ee26809bf1e3232d852","type":"APP","apiClientId":2509311,"privacyPurposes":[],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"unrestricted"},{"id":"795934879","configuration":"{\"accountID\":\"PbvgDc\",\"webPixelConfig\":\"eyJlbmFibGVBZGRlZFRvQ2FydEV2ZW50cyI6IHRydWV9\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"c63c5b72c8d77be5f2d27d14c081da38","type":"APP","apiClientId":123074,"privacyPurposes":["ANALYTICS","MARKETING"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized","enabledFlags":["9a3ed68a"]},{"id":"746881183","configuration":"{\"accountID\":\"1552\",\"micrositeDomain\":\"drinkolipop.superfiliate.com\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"9fae8f5cb0b9c97477ac364bb3772a0c","type":"APP","apiClientId":4862993,"privacyPurposes":["ANALYTICS"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"unrestricted"},{"id":"740360351","configuration":"{\"shopUrl\":\"olipop-store.myshopify.com\",\"apiUrl\":\"https:\\\/\\\/services.nofraud.com\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"0cf396a0daab06a8120b15747f89a0e3","type":"APP","apiClientId":1380557,"privacyPurposes":[],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"unrestricted"},{"id":"651690143","configuration":"{\"shopId\":\"olipop-store.myshopify.com\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"7093dff47f098f6de2afb75b62011ebe","type":"APP","apiClientId":2753413,"privacyPurposes":["ANALYTICS","MARKETING"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized"},{"id":"601063583","configuration":"{\"accountID\":\"olipop-store.myshopify.com\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"74f89c26283dd9bc8e535e14315f3aed","type":"APP","apiClientId":198303350785,"privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized"},{"id":"566689951","configuration":"{\"shopID\":\"3466100806\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"661cb915019a6836503f79bf7365ed06","type":"APP","apiClientId":37840257025,"privacyPurposes":["ANALYTICS"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized"},{"id":"562888863","configuration":"{\"locale\":\"en_US\",\"client\":\"olipop\",\"environment\":\"production\",\"deployment_zone\":\"main_site\",\"use_external_ids\":\"false\",\"use_variants\":\"false\",\"external_id_attribute\":\"default\",\"storefront_api_key\":\"none\",\"product_metafield_key\":\"none\",\"product_metafield_namespace\":\"none\",\"multi_locale_enabled\":\"false\",\"locale_mapping\":\"{}\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"bf601cbef12079fa1ab77422415f1989","type":"APP","apiClientId":1888040,"privacyPurposes":["ANALYTICS","MARKETING"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized"},{"id":"306348191","configuration":"{\"site_id\":\"18c223ec-1eb0-462b-ae0c-008c2e8cc450\",\"analytics_endpoint\"
2105:\"https:\\\/\\\/na.shgcdn3.com\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"695709fc3f146fa50a25299517a954f2","type":"APP","apiClientId":1158168,"privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_personal_data"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized"},{"id":"216826015","configuration":"{\"pixel_id\":\"452900448865909\",\"pixel_type\":\"facebook_pixel\",\"metaapp_system_user_token\":\"-\"}","eventPayloadVersion":"v1","runtimeContext":"OPEN","scriptVersion":"96420dbe9ea96c426a1b7f364f977719","type":"APP","apiClientId":2329312,"privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized","enabledFlags":["9a3ed68a"]},{"id":"113672351","configuration":"{\"tagID\":\"2612465282190\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"7ae565e198624b39e0856d352b9a6b4c","type":"APP","apiClientId":3009811,"privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized"},{"id":"44695711","configuration":"{\"shopId\":\"olipop-store.myshopify.com\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"31536d5a2ef62c1887054e49fd58dba0","type":"APP","apiClientId":4845829,"privacyPurposes":["ANALYTICS"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"unrestricted"},{"id":"33783967","configuration":"{\"campaignID\":\"12980\",\"externalExecutionURL\":\"https:\/\/engine.saasler.com\/api\/v1\/webhook_executions\/b01a0964f6e01eccad6be51da55ef1e9\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"4d2ae310e7f99f154f33560b5c81cfa9","type":"APP","apiClientId":3546795,"privacyPurposes":[],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"unrestricted"},{"id":"26509471","configuration":"{\"myshopifyDomain\":\"olipop-store.myshopify.com\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"23b97d18e2aa74363140dc29c9284e87","type":"APP","apiClientId":2775569,"privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_phone","read_customer_personal_data"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized"},{"id":"16089247","eventPayloadVersion":"1","runtimeContext":"LAX","scriptVersion":"1","type":"CUSTOM","privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"name":"ORION"},{"id":"22773919","eventPayloadVersion":"1","runtimeContext":"LAX","scriptVersion":"1","type":"CUSTOM","privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"name":"Microsoft Clarity"},{"id":"30048415","eventPayloadVersion":"1","runtimeContext":"LAX","scriptVersion":"1","type":"CUSTOM","privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"name":"BrandLock Supplementary Pixel"},{"id":"33226911","eventPayloadVersion":"1","runtimeContext":"LAX","scriptVersion":"1","type":"CUSTOM","privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"name":"Videowise Pixel"},{"id":"143556767","eventPayloadVersion":"1","runtimeContext":"LAX","scriptVersion":"1","type":"CUSTOM","privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"name":"Reddit Pixel"}
2105,{"id":"143818911","eventPayloadVersion":"1","runtimeContext":"LAX","scriptVersion":"1","type":"CUSTOM","privacyPurposes":[],"name":"Elevar - Checkout Tracking"},{"id":"146636959","eventPayloadVersion":"1","runtimeContext":"LAX","scriptVersion":"1","type":"CUSTOM","privacyPurposes":["ANALYTICS","MARKETING"],"name":"Upsellit pixel"},{"id":"shopify-app-pixel","configuration":"{}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"0530","apiClientId":"shopify-pixel","type":"APP","privacyPurposes":["ANALYTICS","MARKETING"]},{"id":"shopify-custom-pixel","eventPayloadVersion":"v1","runtimeContext":"LAX","scriptVersion":"0530","apiClientId":"shopify-pixel","type":"CUSTOM","privacyPurposes":["ANALYTICS","MARKETING"]}],isMerchantRequest: false,initData: {"shop":{"name":"OLIPOP","paymentSettings":{"currencyCode":"USD"},"myshopifyDomain":"olipop-store.myshopify.com","countryCode":"US","storefrontUrl":"https:\/\/drinkolipop.com"},"customer":null,"cart":null,"checkout":null,"productVariants":[],"products":[{"id":"
210510910759354527","handle":"caramel-apple","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"62787700588703","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"5871016640671","handle":"blackberry-vanilla","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"62826927587487","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7478573498527","handle":"crisp-apple","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"62455896703135","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"6866436948127","handle":"classic-grape","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"62455895720095","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"4350717460544","handle":"classic-root-beer","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"62455896539295","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"3818023125062","handle":"vintage-cola","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"62455936123039","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7413651636383","handle":"cream-soda","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"62455900995743","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"3818021027910","handle":"strawberry-vanilla","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"62455931535519","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7502145421471","handle":"cherry-cola","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"62455884611743","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"6604538577055","handle":"orange-cream","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"62455923474591","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"9247375851679","handle":"peaches-and-cream","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"62455929503903","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"9038878015647","handle":"ginger-ale","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"62455920001183","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"5538631712927","handle":"orange-squeeze","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"62455928127647","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"9407865061535","handle":"citrus-rush","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"62455931175071","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7413651832991","handle":"doctor-goodwin","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"62455904272543","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"4452820189248","handle":"cherry-vanilla","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"62455895425183","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"3818021912646","handle":"ginger-lemon","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"62455921377439","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7323931246751","handle":"tropical-punch","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"62455935631519","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7612616376479","handle":"lemon-lime","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"62454514024607","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7682917990559","handle":"watermelon-lime","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"62455936680095","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7401847029919","handle":"banana-cream","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"62454327967903","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]}],"purchasingCompany":null},},"https://drinkolipop.com/cdn","5982071ew7ea472e3p69b68784m2150dfea",{"modern":"","legacy":""},{"trekkieShim":true,"agentContext":true,"apiClientId":"580111","facebookCapiEnabled":"true","themeId":"174423703711","themePublished":"true","eventMetadataId":"6f3e6446-08d8-4fed-bcba-2b684ff9c8d2","pageType":"collection","resourceId":"641654685855","shopId":"3466100806","storefrontBaseUrl":"https:\/\/drinkolipop.com","extensionBaseUrl":"https:\/\/extensions.shopifycdn.com\/cdn\/shopifycloud\/web-pixels-manager","surface":"storefront-renderer","enabledBetaFlags":"[\"4c64608a\", \"16072cab\", \"8450a54b\", \"7ee89bf1\"]","isMerchantRequest":"false","hashVersion":"5982071ew7ea472e3p69b68784m2150dfea","publish":"custom","events":"[[\"page_viewed\",{}],[\"collection_viewed\",{\"collection\":{\"id\":\"641654685855\",\"title\":\"9g Fiber\",\"productVariants\":[{\"price\":{\"amount\":35.99,\"currencyCode\":\"USD\"},\"product\":{\"title\":\"Caramel Apple\",\"vendor\":\"OLIPOP\",\"id\":\"10910759354527\",\"untranslatedTitle\":\"Caramel Apple\",\"url\":\"\/products\/caramel-apple\",\"type\":\"9g Fiber\"},\"id\":\"62787700588703\",\"image\":{\"src\":\"\/\/drinkolipop.com\/cdn\/shop\/files\/caramel-apple-9g-olipop_gallery-image_single-can_new_asset.webp?v=1788145122\"},\"sku\":null,\"title\":\"1 Can\",\"untranslatedTitle\":\"1 Can\"},{\"price\":{\"amount\":35.99,\"currencyCode\":\"USD\"},\"product\":{\"title\":\"Blackberry Vanilla\",\"vendor\":\"OLIPOP\",\"id\":\"5871016640671\",\"untranslatedTitle\":\"Blackberry Vanilla\",\"url\":\"\/products\/blackberry-vanilla\",\"type\":\"9g Fiber\"},\"id\":\"62826927587487\",\"image\":{\"src\":\"\/\/drinkolipop.com\/cdn\/shop\/files\/blackberry-vanilla-9g-olipop_gallery-image_single-can_new_asset.webp?v=1779162450\"},\"sku\":null,\"title\":\"1 Can\",\"untranslatedTitle\":\"1 Can\"},{\"price\":{\"amount\":35.99,\"currencyCode\":\"USD\"},\"product\":{\"title\":\"Crisp Apple\",\"vendor\":\"OLIPOP\",\"id\":\"7478573498527\",\"untranslatedTitle\":\"Crisp Apple\",\"url\":\"\/products\/crisp-apple\",\"type\":\"9g Fiber\"},\"id\":\"62455896703135\",\"image\":{\"src\":\"\/\/drinkolipop.com\/cdn\/shop\/files\/crisp-apple-9g-olipop_gallery-image_single-can_new_asset.webp?v=1779163593\"},\"sku\":null,\"title\":\"1 Can\",\"untranslatedTitle\":\"1 Can\"},{\"price\":{\"amount\":35.99,\"currencyCode\":\"USD\"},\"product\":{\"title\":\"Classic Grape\",\"vendor\":\"OLIPOP\",\"id\":\"6866436948127\",\"untranslatedTitle\":\"Classic Grape\",\"url\":\"\/products\/classic-grape\",\"type\":\"9g Fiber\"},\"id\":\"62455895720095\",\"image\":{\"src\":\"\/\/drinkolipop.com\/cdn\/shop\/files\/classic-grape-9g-olipop_gallery-image_single-can_new_asset.webp?v=1779163040\"},\"sku\":null,\"title\":\"1 Can\",\"untranslatedTitle\":\"1 Can\"},{\"price\":{\"amount\":35.99,\"currencyCode\":\"USD\"},\"product\":{\"title\":\"Classic Root Beer\",\"vendor\":\"OLIPOP\",\"id\":\"4350717460544\",\"untranslatedTitle\":\"Classic Root Beer\",\"url\":\"\/products\/classic-root-beer\",\"type\":\"9g Fiber\"},\"id\":\"62455896539295\",\"image\":{\"src\":\"\/\/drinkolipop.com\/cdn\/shop\/files\/classic-root-beer-9g-olipop_gallery-image_single-can_new_asset.webp?v=1779161742\"},\"sku\":null,\"title\":\"1 Can\",\"untranslatedTitle\":\"1 Can\"},{\"price\":{\"amount\":35.99,\"currencyCode\":\"USD\"},\"product\":{\"title\":\"Vintage Cola\",\"vendor\":\"OLIPOP\",\"id\":\"3818023125062\",\"untranslatedTitle\":\"Vintage Cola\",\"url\":\"\/products\/vintage-cola\",\"type\":\"9g Fiber\"},\"id\":\"62455936123039\",\"image\":{\"src\":\"\/\/drinkolipop.com\/cdn\/shop\/files\/vintage-cola-9g-olipop_gallery-image_single-can_new_asset.webp?v=1779161590\"},\"sku\":null,\"title\":\"1 Can\",\"untranslatedTitle\":\"1 Can\"},{\"price\":{\"amount\":35.99,\"currencyCode\":\"USD\"},\"product\":{\"title\":\"Cream Soda\",\"vendor\":\"OLIPOP\",\"id\":\"7413651636383\",\"untranslatedTitle\":\"Cream Soda\",\"url\":\"\/products\/cream-soda\",\"type\":\"9g Fiber\"},\"id\":\"62455900995743\",\"image\":{\"src\":\"\/\/drinkolipop.com\/cdn\/shop\/files\/cream-soda-9g-olipop_gallery-image_single-can_new_asset.webp?v=1779163263\"},\"sku\":null,\"title\":\"1 Can\",\"untranslatedTitle\":\"1 Can\"},{\"price\":{\"amount\":35.99,\"currencyCode\":\"USD\"},\"product\":{\"title\":\"Strawberry Vanilla\",\"vendor\":\"OLIPOP\",\"id\":\"3818021027910\",\"untranslatedTitle\":\"Strawberry Vanilla\",\"url\":\"\/products\/strawberry-vanilla\",\"type\":\"9g Fiber\"},\"id\":\"62455931535519\",\"image\":{\"src\":\"\/\/drinkolipop.com\/cdn\/shop\/files\/strawberry-vanilla-9g-olipop_gallery-main-image_new_asset.webp?v=1779161007\"},\"sku\":null,\"title\":\"1 Can\",\"untranslatedTitle\":\"1 Can\"},{\"price\":{\"amount\":35.99,\"currencyCode\":\"USD\"},\"product\":{\"title\":\"Cherry Cola\",\"vendor\":\"OLIPOP\",\"id\":\"7502145421471\",\"untranslatedTitle\":\"Cherry Cola\",\"url\":\"\/products\/cherry-cola\",\"type\":\"9g Fiber\"},\"id\":\"62455884611743\",\"image\":{\"src\":\"\/\/drinkolipop.com\/cdn\/shop\/files\/cherry-cola-9g-olipop_gallery-main-image_new_asset.webp?v=1779163770\"},\"sku\":null,\"title\":\"1 Can\",\"untranslatedTitle\":\"1 Can\"},{\"price\":{\"amount\":35.99,\"currencyCode\":\"USD\"},\"product\":{\"title\":\"Orange Cream\",\"vendor\":\"OLIPOP\",\"id\":\"6604538577055\",\"untranslatedTitle\":\"Orange Cream\",\"url\":\"\/products\/orange-cream\",\"type\":\"9g Fiber\"},\"id\":\"62455923474591\",\"image\":{\"src\":\"\/\/drinkolipop.com\/cdn\/shop\/files\/orange-cream-9g-olipop_gallery-image_single-can_new_asset.webp?v=1779162789\"},\"sku\":null,\"title\":\"1 Can\",\"untranslatedTitle\":\"1 Can\"},{\"price\":{\"amount\":35.99,\"currencyCode\":\"USD\"},\"product\":{\"title\":\"Peaches \u0026 Cream\",\"vendor\":\"OLIPOP\",\"id\":\"9247375851679\",\"untranslatedTitle\":\"Peaches \u0026 Cream\",\"url\":\"\/products\/peaches-and-cream\",\"type\":\"9g Fiber\"},\"id\":\"62455929503903\",\"image\":{\"src\":\"\/\/drinkolipop.com\/cdn\/shop\/files\/peaches-and-cream-9g-olipop_gallery-image_single-can_new_asset.webp?v=1779165117\"},\"sku\":null,\"title\":\"1 Can\",\"untranslatedTitle\":\"1 Can\"},{\"price\":{\"amount\":35.99,\"currencyCode\":\"USD\"},\"product\":{\"title\":\"Ginger Ale\",\"vendor\":\"OLIPOP\",\"id\":\"9038878015647\",\"untranslatedTitle\":\"Ginger Ale\",\"url\":\"\/products\/ginger-ale\",\"type\":\"9g Fiber\"},\"id\":\"62455920001183\",\"image\":{\"src\":\"\/\/drinkolipop.com\/cdn\/shop\/files\/ginger-ale-9g-olipop_gallery-image_single-can_new_asset.webp?v=1779164857\"},\"sku\":null,\"title\":\"1 Can\",\"untranslatedTitle\":\"1 Can\"},{\"price\":{\"amount\":35.99,\"currencyCode\":\"USD\"},\"product\":{\"title\":\"Orange Squeeze\",\"vendor\":\"OLIPOP\",\"id\":\"5538631712927\",\"untranslatedTitle\":\"Orange Squeeze\",\"url\":\"\/products\/orange-squeeze\",\"type\":\"9g Fiber\"},\"id\":\"62455928127647\",\"image\":{\"src\":\"\/\/drinkolipop.com\/cdn\/shop\/files\/orange-squeeze-9g-olipop_gallery-image_single-can_new_asset.webp?v=1779162264\"},\"sku\":null,\"title\":\"1 Can\",\"untranslatedTitle\":\"1 Can\"},{\"price\":{\"amount\":35.99,\"currencyCode\":\"USD\"},\"product\":{\"title\":\"Citrus Rush\",\"vendor\":\"OLIPOP\",\"id\":\"9407865061535\",\"untranslatedTitle\":\"Citrus Rush\",\"url\":\"\/products\/citrus-rush\",\"type\":\"9g Fiber\"},\"id\":\"62455931175071\",\"image\":{\"src\":\"\/\/drinkolipop.com\/cdn\/shop\/files\/citrus-rush-9g-olipop_gallery-image_single-can_new_asset.webp?v=1779196248\"},\"sku\":null,\"title\":\"1 Can\",\"untranslatedTitle\":\"1 Can\"},{\"price\":{\"amount\":35.99,\"currencyCode\":\"USD\"},\"product\":{\"title\":\"Doctor Goodwin\",\"vendor\":\"OLIPOP\",\"id\":\"7413651832991\",\"untranslatedTitle\":\"Doctor Goodwin\",\"url\":\"\/products\/doctor-goodwin\",\"type\":\"9g Fiber\"}
2105,\"id\":\"62455904272543\",\"image\":{\"src\":\"\/\/drinkolipop.com\/cdn\/shop\/files\/doctor-goodwin-9g-olipop_gallery-image_single-can_new_asset.webp?v=1779163486\"},\"sku\":null,\"title\":\"1 Can\",\"untranslatedTitle\":\"1 Can\"},{\"price\":{\"amount\":35.99,\"currencyCode\":\"USD\"},\"product\":{\"title\":\"Cherry Vanilla\",\"vendor\":\"OLIPOP\",\"id\":\"4452820189248\",\"untranslatedTitle\":\"Cherry Vanilla\",\"url\":\"\/products\/cherry-vanilla\",\"type\":\"9g Fiber\"},\"id\":\"62455895425183\",\"image\":{\"src\":\"\/\/drinkolipop.com\/cdn\/shop\/files\/cherry-vanilla-9g-olipop_gallery-image_single-can_new_asset.webp?v=1779162208\"},\"sku\":null,\"title\":\"1 Can\",\"untranslatedTitle\":\"1 Can\"},{\"price\":{\"amount\":35.99,\"currencyCode\":\"USD\"},\"product\":{\"title\":\"Ginger Lemon\",\"vendor\":\"OLIPOP\",\"id\":\"3818021912646\",\"untranslatedTitle\":\"Ginger Lemon\",\"url\":\"\/products\/ginger-lemon\",\"type\":\"9g Fiber\"},\"id\":\"62455921377439\",\"image\":{\"src\":\"\/\/drinkolipop.com\/cdn\/shop\/files\/ginger-lemon-9g-olipop_gallery-image_single-can_new_asset.webp?v=1779161268\"},\"sku\":null,\"title\":\"1 Can\",\"untranslatedTitle\":\"1 Can\"},{\"price\":{\"amount\":35.99,\"currencyCode\":\"USD\"},\"product\":{\"title\":\"Tropical Punch\",\"vendor\":\"OLIPOP\",\"id\":\"7323931246751\",\"untranslatedTitle\":\"Tropical Punch\",\"url\":\"\/products\/tropical-punch\",\"type\":\"9g Fiber\"},\"id\":\"62455935631519\",\"image\":{\"src\":\"\/\/drinkolipop.com\/cdn\/shop\/files\/tropical-punch-9g-olipop_gallery-image_single-can_new_asset.webp?v=1779163155\"},\"sku\":null,\"title\":\"1 Can\",\"untranslatedTitle\":\"1 Can\"},{\"price\":{\"amount\":35.99,\"currencyCode\":\"USD\"},\"product\":{\"title\":\"Lemon Lime\",\"vendor\":\"OLIPOP\",\"id\":\"7612616376479\",\"untranslatedTitle\":\"Lemon Lime\",\"url\":\"\/products\/lemon-lime\",\"type\":\"9g Fiber\"},\"id\":\"62454514024607\",\"image\":{\"src\":\"\/\/drinkolipop.com\/cdn\/shop\/files\/lemon-lime-9g-olipop_gallery-image_single-can_new_asset.webp?v=1779163931\"},\"sku\":null,\"title\":\"1 Can\",\"untranslatedTitle\":\"1 Can\"},{\"price\":{\"amount\":35.99,\"currencyCode\":\"USD\"},\"product\":{\"title\":\"Watermelon Lime\",\"vendor\":\"OLIPOP\",\"id\":\"7682917990559\",\"untranslatedTitle\":\"Watermelon Lime\",\"url\":\"\/products\/watermelon-lime\",\"type\":\"9g Fiber\"},\"id\":\"62455936680095\",\"image\":{\"src\":\"\/\/drinkolipop.com\/cdn\/shop\/files\/watermelon-lime-9g-olipop_gallery-image_single-can_new_asset.webp?v=1779164501\"},\"sku\":null,\"title\":\"1 Can\",\"untranslatedTitle\":\"1 Can\"},{\"price\":{\"amount\":35.99,\"currencyCode\":\"USD\"},\"product\":{\"title\":\"Banana Cream\",\"vendor\":\"OLIPOP\",\"id\":\"7401847029919\",\"untranslatedTitle\":\"Banana Cream\",\"url\":\"\/products\/banana-cream\",\"type\":\"9g Fiber\"},\"id\":\"62454327967903\",\"image\":{\"src\":\"\/\/drinkolipop.com\/cdn\/shop\/files\/banana-cream-9g-olipop_gallery-image_single-can_new_asset.webp?v=1779155708\"},\"sku\":null,\"title\":\"1 Can\",\"untranslatedTitle\":\"1 Can\"}]}}]]"});})();</script>
2105<script> 2106 window.ShopifyAnalytics = window.ShopifyAnalytics || {}; 2107 window.ShopifyAnalytics.meta = window.ShopifyAnalytics.meta || {}; 2108 window.ShopifyAnalytics.meta.currency = 'USD'; 2109 var meta = {"products":[{"id":10910759354527,"gid":"gid:\/\/shopify\/Product\/10910759354527","vendor":"OLIPOP","type":"9g Fiber","handle":"caramel-apple","variants":[{"id":62787700588703,"price":3599,"name":"Caramel Apple - 1 Can","public_title":"1 Can","sku":null},{"id":62787700621471,"price":3599,"name":"Caramel Apple - 12 Pack","public_title":"12 Pack","sku":"OP-CRA-12"}],"remote":false},{"id":5871016640671,"gid":"gid:\/\/shopify\/Product\/5871016640671","vendor":"OLIPOP","type":"9g Fiber","handle":"blackberry-vanilla","variants":[{"id":62826927587487,"price":3599,"name":"Blackberry Vanilla - 1 Can","public_title":"1 Can","sku":null},{"id":37114287784095,"price":3599,"name":"Blackberry Vanilla - 12 Pack","public_title":"12 Pack","sku":"OP-BBV-12"}],"remote":false},{"id":7478573498527,"gid":"gid:\/\/shopify\/Product\/7478573498527","vendor":"OLIPOP","type":"9g Fiber","handle":"crisp-apple","variants":[{"id":6245
21095896703135,"price":3599,"name":"Crisp Apple - 1 Can","public_title":"1 Can","sku":null},{"id":62793030074527,"price":3599,"name":"Crisp Apple - 4 Pack","public_title":"4 Pack","sku":null},{"id":42468536975519,"price":3599,"name":"Crisp Apple - 12 Pack","public_title":"12 Pack","sku":"OP-CA-12"}],"remote":false},{"id":6866436948127,"gid":"gid:\/\/shopify\/Product\/6866436948127","vendor":"OLIPOP","type":"9g Fiber","handle":"classic-grape","variants":[{"id":62455895720095,"price":3599,"name":"Classic Grape - 1 Can","public_title":"1 Can","sku":null},{"id":62455895752863,"price":3599,"name":"Classic Grape - 4 Pack","public_title":"4 Pack","sku":null},{"id":62455895785631,"price":3599,"name":"Classic Grape - 6 Pack Minis","public_title":"6 Pack Minis","sku":null},{"id":40304921542815,"price":3599,"name":"Classic Grape - 12 Pack","public_title":"12 Pack","sku":"OP-GR-12"}],"remote":false},{"id":4350717460544,"gid":"gid:\/\/shopify\/Product\/4350717460544","vendor":"OLIPOP","type":"9g Fiber","handle":"classic-root-beer","variants":[{"id":6245
21095896539295,"price":3599,"name":"Classic Root Beer - 1 Can","public_title":"1 Can","sku":null},{"id":62455896572063,"price":3599,"name":"Classic Root Beer - 4 Pack","public_title":"4 Pack","sku":null},{"id":31199447679040,"price":3599,"name":"Classic Root Beer - 12 Pack","public_title":"12 Pack","sku":"OP-RB-12"}],"remote":false},{"id":3818023125062,"gid":"gid:\/\/shopify\/Product\/3818023125062","vendor":"OLIPOP","type":"9g Fiber","handle":"vintage-cola","variants":[{"id":62455936123039,"price":3599,"name":"Vintage Cola - 1 Can","public_title":"1 Can","sku":null},{"id":62455936155807,"price":3599,"name":"Vintage Cola - 4 Pack","public_title":"4 Pack","sku":null},{"id":62455936188575,"price":3599,"name":"Vintage Cola - 6 Pack Minis","public_title":"6 Pack Minis","sku":null},{"id":30315238260806,"price":3599,"name":"Vintage Cola - 12 Pack","public_title":"12 Pack","sku":"OP-VC-12"}],"remote":false},{"id":7413651636383,"gid":"gid:\/\/shopify\/Product\/7413651636383","vendor":"OLIPOP","type":"9g Fiber","handle":"cream-soda","variants":[{"id":6245
21095900995743,"price":3599,"name":"Cream Soda - 1 Can","public_title":"1 Can","sku":null},{"id":62455901028511,"price":3599,"name":"Cream Soda - 4 Pack","public_title":"4 Pack","sku":null},{"id":42284980666527,"price":3599,"name":"Cream Soda - 12 Pack","public_title":"12 Pack","sku":"OP-CS-12"}],"remote":false},{"id":3818021027910,"gid":"gid:\/\/shopify\/Product\/3818021027910","vendor":"OLIPOP","type":"9g Fiber","handle":"strawberry-vanilla","variants":[{"id":62455931535519,"price":3599,"name":"Strawberry Vanilla - 1 Can","public_title":"1 Can","sku":null},{"id":62455931568287,"price":3599,"name":"Strawberry Vanilla - 4 Pack","public_title":"4 Pack","sku":null},{"id":62455931601055,"price":3599,"name":"Strawberry Vanilla - 6 Pack Minis","public_title":"6 Pack Minis","sku":null},{"id":30315220959302,"price":3599,"name":"Strawberry Vanilla - 12 Pack","public_title":"12 Pack","sku":"OP-SV-12"}],"remote":false},{"id":7502145421471,"gid":"gid:\/\/shopify\/Product\/7502145421471","vendor":"OLIPOP","type":"9g Fiber","handle":"cherry-cola","variants":[{"id":6245
21095884611743,"price":3599,"name":"Cherry Cola - 1 Can","public_title":"1 Can","sku":null},{"id":62455884644511,"price":3599,"name":"Cherry Cola - 4 Pack","public_title":"4 Pack","sku":null},{"id":42533620777119,"price":3599,"name":"Cherry Cola - 12 Pack","public_title":"12 Pack","sku":"OP-CHC-12"}],"remote":false},{"id":6604538577055,"gid":"gid:\/\/shopify\/Product\/6604538577055","vendor":"OLIPOP","type":"9g Fiber","handle":"orange-cream","variants":[{"id":62455923474591,"price":3599,"name":"Orange Cream - 1 Can","public_title":"1 Can","sku":null},{"id":62468454645919,"price":3599,"name":"Orange Cream - 6 Pack Minis","public_title":"6 Pack Minis","sku":null},{"id":39569001578655,"price":3599,"name":"Orange Cream - 12 Pack","public_title":"12 Pack","sku":"OP-OC-12"}],"remote":false},{"id":9247375851679,"gid":"gid:\/\/shopify\/Product\/9247375851679","vendor":"OLIPOP","type":"9g Fiber","handle":"peaches-and-cream","variants":[{"id":62455929503903,"price":3599,"name":"Peaches \u0026 Cream - 1 Can","public_title":"1 Can","sku":null},{"id":45259076501663,"price":3599,"name":"Peaches \u0026 Cream - 12 Pack","public_title":"12 Pack","sku":"OP-PC-12"}],"remote":false},{"id":9038878015647,"gid":"gid:\/\/shopify\/Product\/9038878015647","vendor":"OLIPOP","type":"9g Fiber","handle":"ginger-ale","variants":[{"id":6245
21095920001183,"price":3599,"name":"Ginger Ale - 1 Can","public_title":"1 Can","sku":null},{"id":62455920033951,"price":3599,"name":"Ginger Ale - 4 Pack","public_title":"4 Pack","sku":null},{"id":62455920066719,"price":3599,"name":"Ginger Ale - 6 Pack Minis","public_title":"6 Pack Minis","sku":null},{"id":44438423208095,"price":3599,"name":"Ginger Ale - 12 Pack","public_title":"12 Pack","sku":"OP-GA-12"}],"remote":false},{"id":5538631712927,"gid":"gid:\/\/shopify\/Product\/5538631712927","vendor":"OLIPOP","type":"9g Fiber","handle":"orange-squeeze","variants":[{"id":62455928127647,"price":3599,"name":"Orange Squeeze - 1 Can","public_title":"1 Can","sku":null},{"id":35768781111455,"price":3599,"name":"Orange Squeeze - 12 Pack","public_title":"12 Pack","sku":"OP-OS-12"}],"remote":false},{"id":9407865061535,"gid":"gid:\/\/shopify\/Product\/9407865061535","vendor":"OLIPOP","type":"9g Fiber","handle":"citrus-rush","variants":[{"id":62455931175071,"price":3599,"name":"Citrus Rush - 1 Can","public_title":"1 Can","sku":null},{"id":62468471816351,"price":3599,"name":"Citrus Rush - 4 Pack","public_title":"4 Pack","sku":null},{"id":46054342066335,"price":3599,"name":"Citrus Rush - 12 Pack","public_title":"12 Pack","sku":"OP-RR-12"}],"remote":false},{"id":7413651832991,"gid":"gid:\/\/shopify\/Product\/7413651832991","vendor":"OLIPOP","type":"9g Fiber","handle":"doctor-goodwin","variants":[{"id":6245
21095904272543,"price":3599,"name":"Doctor Goodwin - 1 Can","public_title":"1 Can","sku":null},{"id":42284985188511,"price":3599,"name":"Doctor Goodwin - 12 Pack","public_title":"12 Pack","sku":"OP-DG-12"}],"remote":false},{"id":4452820189248,"gid":"gid:\/\/shopify\/Product\/4452820189248","vendor":"OLIPOP","type":"9g Fiber","handle":"cherry-vanilla","variants":[{"id":62455895425183,"price":3599,"name":"Cherry Vanilla - 1 Can","public_title":"1 Can","sku":null},{"id":31667872464960,"price":3599,"name":"Cherry Vanilla - 12 Pack","public_title":"12 Pack","sku":"OP-CV-12"}],"remote":false},{"id":3818021912646,"gid":"gid:\/\/shopify\/Product\/3818021912646","vendor":"OLIPOP","type":"9g Fiber","handle":"ginger-lemon","variants":[{"id":62455921377439,"price":3599,"name":"Ginger Lemon - 1 Can","public_title":"1 Can","sku":null},{"id":30315236851782,"price":3599,"name":"Ginger Lemon - 12 Pack","public_title":"12 Pack","sku":"OP-GL-12"}],"remote":false},{"id":7323931246751,"gid":"gid:\/\/shopify\/Product\/7323931246751","vendor":"OLIPOP","type":"9g Fiber","handle":"tropical-punch","variants":[{"id":6245
21095935631519,"price":3599,"name":"Tropical Punch - 1 Can","public_title":"1 Can","sku":null},{"id":41922380824735,"price":3599,"name":"Tropical Punch - 12 Pack","public_title":"12 Pack","sku":"OP-TP-12"}],"remote":false},{"id":7612616376479,"gid":"gid:\/\/shopify\/Product\/7612616376479","vendor":"OLIPOP","type":"9g Fiber","handle":"lemon-lime","variants":[{"id":62454514024607,"price":3599,"name":"Lemon Lime - 1 Can","public_title":"1 Can","sku":null},{"id":62454514057375,"price":3599,"name":"Lemon Lime - 4 Pack","public_title":"4 Pack","sku":null},{"id":42897487429791,"price":3599,"name":"Lemon Lime - 12 Pack","public_title":"12 Pack","sku":"OP-LL-12"}],"remote":false},{"id":7682917990559,"gid":"gid:\/\/shopify\/Product\/7682917990559","vendor":"OLIPOP","type":"9g Fiber","handle":"watermelon-lime","variants":[{"id":62455936680095,"price":3599,"name":"Watermelon Lime - 1 Can","public_title":"1 Can","sku":null},{"id":43069390880927,"price":3599,"name":"Watermelon Lime - 12 Pack","public_title":"12 Pack","sku":"OP-WL-12"}],"remote":false},{"id":7401847029919,"gid":"gid:\/\/shopify\/Product\/7401847029919","vendor":"OLIPOP","type":"9g Fiber","handle":"banana-cream","variants":[{"id":62454327967903,"price":3599,"name":"Banana Cream - 1 Can","public_title":"1 Can","sku":null},{"id":42237531390111,"price":3599,"name":"Banana Cream - 12 Pack","public_title":"12 Pack","sku":"OP-BC-12"}],"remote":false}],"page":{"pageType":"collection","resourceType":"collection","resourceId":641654685855,"requestId":"20224f21-9933-4a69-992b-4355250241fe-1790917212"}}; 2110 for (var attr in meta) { 2111 window.ShopifyAnalytics.meta[attr] = meta[attr]; 2112 } 2113</script>
vendor: 1 bytes, line 2113
2113
2114<script class="analytics"> 2115 (function () { 2116 var customDocumentWrite = function(content) { 2117 var jquery = null; 2118 2119 if (window.jQuery) { 2120 jquery = window.jQuery; 2121 } else if (window.Checkout && window.Checkout.$) { 2122 jquery = window.Checkout.$; 2123 } 2124 2125 if (jquery) { 2126 jquery('body').append(content); 2127 } 2128 }; 2129 2130 var hasLoggedConversion = function(token) { 2131 if (token) { 2132 return document.cookie.indexOf('loggedConversion=' + token) !== -1; 2133 } 2134 return false; 2135 } 2136 2137 var setCookieIfConversion = function(token) { 2138 if (token) { 2139 var twoMonthsFromNow = new Date(Date.now()); 2140 twoMonthsFromNow.setMonth(twoMonthsFromNow.getMonth() + 2); 2141 2142 document.cookie = 'loggedConversion=' + token + '; expires=' + twoMonthsFromNow; 2143 } 2144 } 2145 2146 var trekkie = window.ShopifyAnalytics.lib = window.trekkie = window.trekkie || []; 2147 window.ShopifyAnalytics.lib.trekkie = window.trekkie; 2148 if (trekkie.integrations) { 2149 return; 2150 } 2151 trekkie.methods = [ 2152 'identify', 2153 'page', 2154 'ready', 2155 'track', 2156 'trackForm', 2157 'trackLink' 2158 ]; 2159 trekkie.factory = function(method) { 2160 return function() { 2161 var args = Array.prototype.slice.call(arguments); 2162 args.unshift(method); 2163 trekkie.push(args); 2164 if (method == 'track' || method == 'page') { 2165 var pageUrl; 2166 try { 2167 pageUrl = window.location.href; 2168 } catch (e) {} 2169 var pageReferrer; 2170 try { 2171 pageReferrer = document.referrer; 2172 } catch (e) {} 2173 try { 2174 if (window.__TREKKIE_SHIM_QUEUE == null) { 2175 window.__TREKKIE_SHIM_QUEUE = []; 2176 } 2177 window.__TREKKIE_SHIM_QUEUE.push({ 2178 from: 'trekkie-stub', 2179 method: method, 2180 args: args.slice(1), 2181 pageContext: { 2182 url: pageUrl, 2183 referrer: pageReferrer 2184 } 2185 }); 2186 } catch (e) { 2187 // no-op 2188 } 2189 } 2190 return trekkie; 2191 }; 2192 }; 2193 for (var i = 0; i < trekkie.methods.length; i++) { 2194 var key = trekkie.methods[i]; 2195 trekkie[key] = trekkie.factory(key); 2196 } 2197 trekkie.load = function(config) { 2198 trekkie.config = config || {}; 2199 trekkie.config.initialDocumentCookie = document.cookie; 2200 var first = document.getElementsByTagName('script')[0]; 2201var script = document.createElement('script'); 2202script.type = 'text/javascript'; 2203script.onerror = function(e) { 2204 var scriptFallback = document.createElement('script'); 2205 scriptFallback.type = 'text/javascript'; 2206 scriptFallback.onerror = function(error) { 2207 var Monorail = { 2208 produce: function produce(monorailDomain, schemaId, payload) { 2209 var currentMs = new Date().getTime(); 2210 var event = { 2211 schema_id: schemaId, 2212 payload: payload, 2213 metadata: { 2214 event_created_at_ms: currentMs, 2215 event_sent_at_ms: currentMs 2216 } 2217 }; 2218 return Monorail.sendRequest("https://" + monorailDomain + "/v1/produce", JSON.stringify(event)); 2219 }, 2220 sendRequest: function sendRequest(endpointUrl, payload) { 2221 // Try the sendBeacon API 2222 if (window && window.navigator && typeof window.navigator.sendBeacon === 'function' && typeof window.Blob === 'function' && !Monorail.isIos12()) { 2223 var blobData = new window.Blob([payload], { 2224 type: 'text/plain' 2225 }); 2226 2227 if (window.navigator.sendBeacon(endpointUrl, blobData)) { 2228 return true; 2229 } // sendBeacon was not successful 2230 2231 } // XHR beacon 2232 2233 var xhr = new XMLHttpRequest(); 2234 2235 try { 2236 xhr.open('POST', endpointUrl); 2237 xhr.setRequestHeader('Content-Type', 'text/plain'); 2238 xhr.send(payload); 2239 } catch (e) { 2240 console.log(e); 2241 } 2242 2243 return false; 2244 }, 2245 isIos12: function isIos12() { 2246 return window.navigator.userAgent.lastIndexOf('iPhone; CPU iPhone OS 12_') !== -1 || window.navigator.userAgent.lastIndexOf('iPad; CPU OS 12_') !== -1; 2247 } 2248 }; 2249 Monorail.produce('monorail-edge.shopifysvc.com', 2250 'trekkie_storefront_load_errors/1.1', 2251 {shop_id: 3466100806, 2252 theme_id: 174423703711, 2253 app_name: "storefront", 2254 context_url: window.location.href, 2255 source_url: "//drinkolipop.com/cdn/s/trekkie.storefront.2f6d7d7ede7d24234881a9cd5f47e679642fa1f6.min.js"}); 2256 2257 }; 2258 scriptFallback.async = true; 2259 scriptFallback.src = '//drinkolipop.com/cdn/s/trekkie.storefront.2f6d7d7ede7d24234881a9cd5f47e679642fa1f6.min.js'; 2260 first.parentNode.insertBefore(scriptFallback, first); 2261}; 2262script.async = true; 2263script.src = '//drinkolipop.com/cdn/s/trekkie.storefront.2f6d7d7ede7d24234881a9cd5f47e679642fa1f6.min.js'; 2264first.parentNode.insertBefore(script, first); 2265 2266 }; 2267 trekkie.load( 2268 {"Trekkie":{"appName":"storefront","development":false,"defaultAttributes":{"shopId":3466100806,"isMerchantRequest":null,"themeId":174423703711,"themeCityHash":"7083827932800446141","contentLanguage":"en","currency":"USD","eventMetadataId":"6f3e6446-08d8-4fed-bcba-2b684ff9c8d2"},"isServerSideCookieWritingEnabled":true,"monorailRegion":"shop_domain","enabledBetaFlags":["764d78cb","8450a54b","7ee89bf1","4c64608a"]},"Session Attribution":{},"S2S":{"facebookCapiEnabled":true,"source":"trekkie-storefront-renderer","apiClientId":580111}} 2269 ); 2270 2271 var loaded = false;
2272 trekkie.ready(function() { 2273 if (loaded) return; 2274 loaded = true; 2275 2276 window.ShopifyAnalytics.lib = window.trekkie; 2277 2278 var originalDocumentWrite = document.write; 2279 document.write = customDocumentWrite; 2280 try { window.ShopifyAnalytics.merchantGoogleAnalytics.call(this); } catch(error) {}; 2281 document.write = originalDocumentWrite; 2282 2283 var match = window.location.pathname.match(/checkouts\/(.+)\/(thank_you|post_purchase)/) 2284 var token = match? match[1]: undefined; 2285 if (!hasLoggedConversion(token)) { 2286 setCookieIfConversion(token); 2287 window.ShopifyAnalytics.lib.track("Viewed Product Category",{"currency":"USD","category":"Collection: shop-9g-fiber","collectionName":"shop-9g-fiber","collectionId":641654685855,"nonInteraction":true},undefined,undefined,{"shopifyEmitted":true}); 2288 } 2289 }); 2290 2291 window.ShopifyAnalytics.lib.page(null,{"pageType":"collection","resourceType":"collection","resourceId":641654685855,"requestId":"20224f21-9933-4a69-992b-4355250241fe-1790917212","shopifyEmitted":true}); 2292 2293 var eventsListenerScript = document.createElement('script'); 2294 eventsListenerScript.async = true; 2295 eventsListenerScript.src = "//drinkolipop.com/cdn/shopifycloud/storefront/assets/shop_events_listener-4e26a9ce.js"; 2296 document.getElementsByTagName('head')[0].appendChild(eventsListenerScript); 2297})();</script>
2297 2298
2298<script> 2299 if (!window.ga || (window.ga && typeof window.ga !== 'function')) { 2300 window.ga = function ga() { 2301 (window.ga.q = window.ga.q || []).push(arguments); 2302 if (window.Shopify && window.Shopify.analytics && typeof window.Shopify.analytics.publish === 'function') { 2303 window.Shopify.analytics.publish("ga_stub_called", {}, {sendTo: "google_osp_migration"}); 2304 } 2305 console.error("Shopify's Google Analytics stub called with:", Array.from(arguments), "\nSee https://help.shopify.com/manual/promoting-marketing/pixels/pixel-migration#google for more information."); 2306 }; 2307 if (window.Shopify && window.Shopify.analytics && typeof window.Shopify.analytics.publish === 'function') { 2308 window.Shopify.analytics.publish("ga_stub_initialized", {}, {sendTo: "google_osp_migration"}); 2309 } 2310 } 2311</script>
vendor: 1 bytes, line 2311
2311
2312<script 2313 defer 2314 src="https://drinkolipop.com/cdn/shopifycloud/perf-kit/shopify-perf-kit-3.9.4.min.js" 2315 data-application="storefront-renderer" 2316 data-shop-id="3466100806" 2317 data-render-region="gcp-us-central1" 2318 data-page-type="collection" 2319 data-theme-instance-id="174423703711" 2320 data-theme-name="Olipop" 2321 data-theme-version="1.0" 2322 data-monorail-region="shop_domain" 2323 data-resource-timing-sampling-rate="10" 2324 data-shs="true" 2325 data-shs-beacon="true" 2326 data-shs-export-with-fetch="true" 2327 data-shs-logs-sample-rate="1" 2328 data-shs-beacon-endpoint="https://drinkolipop.com/api/collect" 2329></script>
2329 2330<meta name="shopify-y" content="c5a768b3-ec9b-4397-be45-fee1479bf834" data-expiration="1822474812000"><meta name="shopify-s" content="e4e30027-9e10-4368-afc7-ed0dd812913c" data-expiration="1790919012000"><meta name="new-cookie-storage-activated" content="t"> 2331</head><body 2332 id="olipop-9g-fiber-line" 2333 data-template="collection" 2334 data-suffix="" 2335 data-header-type="primary" 2336 class="page-olipop-9g-fiber-line template-shop-9g-fiber template-collection cmn-pages tw-scroll-smooth " 2337 style="background: var(--flavor-color-100); height:unset; padding: 0;" 2338 > 2339 2340 <nav aria-label="Skip links"> 2341 <a class="in-page-link visually-hidden skip-link" href="#MainContent">Skip to content</a> 2342 <a class="in-page-link visually-hidden skip-link" href="/pages/accessibility">Accessibility Statement</a> 2343 </nav> 2344 2345 2346 2347 2348 <div js-overlay class="overlay tw-z-40"></div> 2349 2350 2351 2352<section id="shopify-section-header"> 2353 <!-- BEGIN sections: header-group --> 2354<div id="shopify-section-sections--24009558556831__promotion-banner" class="shopify-section shopify-section-group-header-group"> 2355 2356<div 2357 data-component="promotionBanner" 2358 data-store-discounts="[]" 2359> 2360 2361 2362 2363 <div 2364 data-promotion-banner 2365 data-promotion-url="" 2366 data-promotion-discount="GOBLUE" 2367 class="tw-relative tw-hidden tw-min-h-12 tw-w-full tw-px-4 tw-text-center lg:tw-min-h-10" 2368 style="background: #fdda79;" 2369 > 2370 <div 2371 role="group" 2372 class="tw-flex tw-h-full tw-items-center tw-justify-center tw-py-2.5 tw-text-center lg-plus:tw-py-[17px]" 2373 > 2374 <div 2375 class="tw-px-8 tw-text-sm lg-plus:tw-text-[1rem] lg-plus:tw-leading-none" 2376 style="color: #14433d !important;" 2377 > 2378 Your 20% off discount code <strong>GOBLUE</strong> will auto-apply at checkout. 2379 </div> 2380 </div> 2381 2382 <div 2383 style="background: #fdda79;" 2384 class="tw-absolute tw-right-4 tw-top-1/2 tw-flex -tw-translate-y-1/2 tw-items-center" 2385 > 2386 <svg 2387 width="10" 2388 height="10"
2389 viewBox="0 0 18 18" 2390 fill="#14433d" 2391 data-icon-close 2392 class="tw-cursor-pointer" 2393 > 2394 <path fill-rule="evenodd" clip-rule="evenodd" d="M17.7056 1.712C18.0958 1.32114 18.0958 0.687428 17.7056 0.296565C17.3154 -0.0942976 16.6828 -0.0942977 16.2926 0.296565L8.99913 7.60272L1.70563 0.296565C1.31544 -0.0942977 0.682825 -0.0942977 0.292639 0.296565C-0.0975464 0.687427 -0.0975464 1.32114 0.292639 1.712L7.58614 9.01816L0.320343 16.2966C-0.0698426 16.6874 -0.069843 17.3211 0.320343 17.712C0.710528 18.1029 1.34314 18.1029 1.73333 17.712L8.99913 10.4336L16.2649 17.712C16.6551 18.1029 17.2877 18.1029 17.6779 17.712C18.0681 17.3211 18.0681 16.6874 17.6779 16.2966L10.4121 9.01816L17.7056 1.712Z" fill="#14433d"/> 2395 </svg> 2396 </div> 2397 </div> 2398 2399 2400 2401 <div 2402 data-promotion-banner 2403 data-promotion-url="" 2404 data-promotion-discount="30RESUB" 2405 class="tw-relative tw-hidden tw-min-h-12 tw-w-full tw-px-4 tw-text-center lg:tw-min-h-10" 2406 style="background: #fdda79;" 2407 > 2408 <div 2409 role="group" 2410 class="tw-flex tw-h-full tw-items-center tw-justify-center tw-py-2.5 tw-text-center lg-plus:tw-py-[17px]" 2411 > 2412 <div 2413 class="tw-px-8 tw-text-sm lg-plus:tw-text-[1rem] lg-plus:tw-leading-none" 2414 style="color: #14433d !important;" 2415 > 2416 30% off subscriptions when you resubscribe with code <strong>30RESUB</strong>. 2417 </div> 2418 </div> 2419 2420 <div 2421 style="background: #fdda79;" 2422 class="tw-absolute tw-right-4 tw-top-1/2 tw-flex -tw-translate-y-1/2 tw-items-center" 2423 > 2424 <svg 2425 width="10" 2426 height="10"
2427 viewBox="0 0 18 18" 2428 fill="#14433d" 2429 data-icon-close 2430 class="tw-cursor-pointer" 2431 > 2432 <path fill-rule="evenodd" clip-rule="evenodd" d="M17.7056 1.712C18.0958 1.32114 18.0958 0.687428 17.7056 0.296565C17.3154 -0.0942976 16.6828 -0.0942977 16.2926 0.296565L8.99913 7.60272L1.70563 0.296565C1.31544 -0.0942977 0.682825 -0.0942977 0.292639 0.296565C-0.0975464 0.687427 -0.0975464 1.32114 0.292639 1.712L7.58614 9.01816L0.320343 16.2966C-0.0698426 16.6874 -0.069843 17.3211 0.320343 17.712C0.710528 18.1029 1.34314 18.1029 1.73333 17.712L8.99913 10.4336L16.2649 17.712C16.6551 18.1029 17.2877 18.1029 17.6779 17.712C18.0681 17.3211 18.0681 16.6874 17.6779 16.2966L10.4121 9.01816L17.7056 1.712Z" fill="#14433d"/> 2433 </svg> 2434 </div> 2435 </div> 2436 2437 2438 2439 <div 2440 data-promotion-banner 2441 data-promotion-url="" 2442 data-promotion-discount="SHIRLEY30" 2443 class="tw-relative tw-hidden tw-min-h-12 tw-w-full tw-px-4 tw-text-center lg:tw-min-h-10" 2444 style="background: #fdda79;" 2445 > 2446 <div 2447 role="group" 2448 class="tw-flex tw-h-full tw-items-center tw-justify-center tw-py-2.5 tw-text-center lg-plus:tw-py-[17px]" 2449 > 2450 <div 2451 class="tw-px-8 tw-text-sm lg-plus:tw-text-[1rem] lg-plus:tw-leading-none" 2452 style="color: #14433d !important;" 2453 > 2454 30% off Shirley & Friends with code <strong>SHIRLEY30</strong> will auto-apply at checkout. 2455 </div> 2456 </div> 2457 2458 <div 2459 style="background: #fdda79;" 2460 class="tw-absolute tw-right-4 tw-top-1/2 tw-flex -tw-translate-y-1/2 tw-items-center" 2461 > 2462 <svg 2463 width="10" 2464 height="10"
2465 viewBox="0 0 18 18" 2466 fill="#14433d" 2467 data-icon-close 2468 class="tw-cursor-pointer" 2469 > 2470 <path fill-rule="evenodd" clip-rule="evenodd" d="M17.7056 1.712C18.0958 1.32114 18.0958 0.687428 17.7056 0.296565C17.3154 -0.0942976 16.6828 -0.0942977 16.2926 0.296565L8.99913 7.60272L1.70563 0.296565C1.31544 -0.0942977 0.682825 -0.0942977 0.292639 0.296565C-0.0975464 0.687427 -0.0975464 1.32114 0.292639 1.712L7.58614 9.01816L0.320343 16.2966C-0.0698426 16.6874 -0.069843 17.3211 0.320343 17.712C0.710528 18.1029 1.34314 18.1029 1.73333 17.712L8.99913 10.4336L16.2649 17.712C16.6551 18.1029 17.2877 18.1029 17.6779 17.712C18.0681 17.3211 18.0681 16.6874 17.6779 16.2966L10.4121 9.01816L17.7056 1.712Z" fill="#14433d"/> 2471 </svg> 2472 </div> 2473 </div> 2474 2475 2476 2477 <div 2478 data-promotion-banner 2479 data-promotion-url="" 2480 data-promotion-discount="PUNCH20" 2481 class="tw-relative tw-hidden tw-min-h-12 tw-w-full tw-px-4 tw-text-center lg:tw-min-h-10" 2482 style="background: #fdda79;" 2483 > 2484 <div 2485 role="group" 2486 class="tw-flex tw-h-full tw-items-center tw-justify-center tw-py-2.5 tw-text-center lg-plus:tw-py-[17px]" 2487 > 2488 <div 2489 class="tw-px-8 tw-text-sm lg-plus:tw-text-[1rem] lg-plus:tw-leading-none" 2490 style="color: #14433d !important;" 2491 > 2492 20% off Tropical Punch with code <strong>PUNCH20</strong> will auto-apply at checkout. 2493 </div> 2494 </div> 2495 2496 <div 2497 style="background: #fdda79;" 2498 class="tw-absolute tw-right-4 tw-top-1/2 tw-flex -tw-translate-y-1/2 tw-items-center" 2499 > 2500 <svg 2501 width="10" 2502 height="10"
2503 viewBox="0 0 18 18" 2504 fill="#14433d" 2505 data-icon-close 2506 class="tw-cursor-pointer" 2507 > 2508 <path fill-rule="evenodd" clip-rule="evenodd" d="M17.7056 1.712C18.0958 1.32114 18.0958 0.687428 17.7056 0.296565C17.3154 -0.0942976 16.6828 -0.0942977 16.2926 0.296565L8.99913 7.60272L1.70563 0.296565C1.31544 -0.0942977 0.682825 -0.0942977 0.292639 0.296565C-0.0975464 0.687427 -0.0975464 1.32114 0.292639 1.712L7.58614 9.01816L0.320343 16.2966C-0.0698426 16.6874 -0.069843 17.3211 0.320343 17.712C0.710528 18.1029 1.34314 18.1029 1.73333 17.712L8.99913 10.4336L16.2649 17.712C16.6551 18.1029 17.2877 18.1029 17.6779 17.712C18.0681 17.3211 18.0681 16.6874 17.6779 16.2966L10.4121 9.01816L17.7056 1.712Z" fill="#14433d"/> 2509 </svg> 2510 </div> 2511 </div> 2512 2513 2514 2515 <div 2516 data-promotion-banner 2517 data-promotion-url="" 2518 data-promotion-discount="DREAMY15" 2519 class="tw-relative tw-hidden tw-min-h-12 tw-w-full tw-px-4 tw-text-center lg:tw-min-h-10" 2520 style="background: #fdda79;" 2521 > 2522 <div 2523 role="group" 2524 class="tw-flex tw-h-full tw-items-center tw-justify-center tw-py-2.5 tw-text-center lg-plus:tw-py-[17px]" 2525 > 2526 <div 2527 class="tw-px-8 tw-text-sm lg-plus:tw-text-[1rem] lg-plus:tw-leading-none" 2528 style="color: #14433d !important;" 2529 > 2530 Your 15% off discount code <strong>DREAMY15</strong> will auto-apply at checkout. 2531 </div> 2532 </div> 2533 2534 <div 2535 style="background: #fdda79;" 2536 class="tw-absolute tw-right-4 tw-top-1/2 tw-flex -tw-translate-y-1/2 tw-items-center" 2537 > 2538 <svg 2539 width="10" 2540 height="10"
2541 viewBox="0 0 18 18" 2542 fill="#14433d" 2543 data-icon-close 2544 class="tw-cursor-pointer" 2545 > 2546 <path fill-rule="evenodd" clip-rule="evenodd" d="M17.7056 1.712C18.0958 1.32114 18.0958 0.687428 17.7056 0.296565C17.3154 -0.0942976 16.6828 -0.0942977 16.2926 0.296565L8.99913 7.60272L1.70563 0.296565C1.31544 -0.0942977 0.682825 -0.0942977 0.292639 0.296565C-0.0975464 0.687427 -0.0975464 1.32114 0.292639 1.712L7.58614 9.01816L0.320343 16.2966C-0.0698426 16.6874 -0.069843 17.3211 0.320343 17.712C0.710528 18.1029 1.34314 18.1029 1.73333 17.712L8.99913 10.4336L16.2649 17.712C16.6551 18.1029 17.2877 18.1029 17.6779 17.712C18.0681 17.3211 18.0681 16.6874 17.6779 16.2966L10.4121 9.01816L17.7056 1.712Z" fill="#14433d"/> 2547 </svg> 2548 </div> 2549 </div> 2550 2551 2552 2553 <div 2554 data-promotion-banner 2555 data-promotion-url="" 2556 data-promotion-discount="EARLY30" 2557 class="tw-relative tw-hidden tw-min-h-12 tw-w-full tw-px-4 tw-text-center lg:tw-min-h-10" 2558 style="background: #fdda79;" 2559 > 2560 <div 2561 role="group" 2562 class="tw-flex tw-h-full tw-items-center tw-justify-center tw-py-2.5 tw-text-center lg-plus:tw-py-[17px]" 2563 > 2564 <div 2565 class="tw-px-8 tw-text-sm lg-plus:tw-text-[1rem] lg-plus:tw-leading-none" 2566 style="color: #14433d !important;" 2567 > 2568 Early access 30% off with code <strong>EARLY30</strong> will auto-apply at checkout! 2569 </div> 2570 </div> 2571 2572 <div 2573 style="background: #fdda79;" 2574 class="tw-absolute tw-right-4 tw-top-1/2 tw-flex -tw-translate-y-1/2 tw-items-center" 2575 > 2576 <svg 2577 width="10" 2578 height="10"
2579 viewBox="0 0 18 18" 2580 fill="#14433d" 2581 data-icon-close 2582 class="tw-cursor-pointer" 2583 > 2584 <path fill-rule="evenodd" clip-rule="evenodd" d="M17.7056 1.712C18.0958 1.32114 18.0958 0.687428 17.7056 0.296565C17.3154 -0.0942976 16.6828 -0.0942977 16.2926 0.296565L8.99913 7.60272L1.70563 0.296565C1.31544 -0.0942977 0.682825 -0.0942977 0.292639 0.296565C-0.0975464 0.687427 -0.0975464 1.32114 0.292639 1.712L7.58614 9.01816L0.320343 16.2966C-0.0698426 16.6874 -0.069843 17.3211 0.320343 17.712C0.710528 18.1029 1.34314 18.1029 1.73333 17.712L8.99913 10.4336L16.2649 17.712C16.6551 18.1029 17.2877 18.1029 17.6779 17.712C18.0681 17.3211 18.0681 16.6874 17.6779 16.2966L10.4121 9.01816L17.7056 1.712Z" fill="#14433d"/> 2585 </svg> 2586 </div> 2587 </div> 2588 2589 2590 2591 <div 2592 data-promotion-banner 2593 data-promotion-url="" 2594 data-promotion-discount="WELCOME15" 2595 class="tw-relative tw-hidden tw-min-h-12 tw-w-full tw-px-4 tw-text-center lg:tw-min-h-10" 2596 style="background: #fdda79;" 2597 > 2598 <div 2599 role="group" 2600 class="tw-flex tw-h-full tw-items-center tw-justify-center tw-py-2.5 tw-text-center lg-plus:tw-py-[17px]" 2601 > 2602 <div 2603 class="tw-px-8 tw-text-sm lg-plus:tw-text-[1rem] lg-plus:tw-leading-none" 2604 style="color: #14433d !important;" 2605 > 2606 Your 15% off discount code <strong>WELCOME15</strong> will auto-apply at checkout. 2607 </div> 2608 </div> 2609 2610 <div 2611 style="background: #fdda79;" 2612 class="tw-absolute tw-right-4 tw-top-1/2 tw-flex -tw-translate-y-1/2 tw-items-center" 2613 > 2614 <svg 2615 width="10" 2616 height="10"
2617 viewBox="0 0 18 18" 2618 fill="#14433d" 2619 data-icon-close 2620 class="tw-cursor-pointer" 2621 > 2622 <path fill-rule="evenodd" clip-rule="evenodd" d="M17.7056 1.712C18.0958 1.32114 18.0958 0.687428 17.7056 0.296565C17.3154 -0.0942976 16.6828 -0.0942977 16.2926 0.296565L8.99913 7.60272L1.70563 0.296565C1.31544 -0.0942977 0.682825 -0.0942977 0.292639 0.296565C-0.0975464 0.687427 -0.0975464 1.32114 0.292639 1.712L7.58614 9.01816L0.320343 16.2966C-0.0698426 16.6874 -0.069843 17.3211 0.320343 17.712C0.710528 18.1029 1.34314 18.1029 1.73333 17.712L8.99913 10.4336L16.2649 17.712C16.6551 18.1029 17.2877 18.1029 17.6779 17.712C18.0681 17.3211 18.0681 16.6874 17.6779 16.2966L10.4121 9.01816L17.7056 1.712Z" fill="#14433d"/> 2623 </svg> 2624 </div> 2625 </div> 2626 2627 2628 2629 <div 2630 data-promotion-banner 2631 data-promotion-url="" 2632 data-promotion-discount="SIPSMART" 2633 class="tw-relative tw-hidden tw-min-h-12 tw-w-full tw-px-4 tw-text-center lg:tw-min-h-10" 2634 style="background: #fdda79;" 2635 > 2636 <div 2637 role="group" 2638 class="tw-flex tw-h-full tw-items-center tw-justify-center tw-py-2.5 tw-text-center lg-plus:tw-py-[17px]" 2639 > 2640 <div 2641 class="tw-px-8 tw-text-sm lg-plus:tw-text-[1rem] lg-plus:tw-leading-none" 2642 style="color: #14433d !important;" 2643 > 2644 Your 20% off discount code <strong>SIPSMART</strong> will auto-apply at checkout. 2645 </div> 2646 </div> 2647 2648 <div 2649 style="background: #fdda79;" 2650 class="tw-absolute tw-right-4 tw-top-1/2 tw-flex -tw-translate-y-1/2 tw-items-center" 2651 > 2652 <svg 2653 width="10" 2654 height="10"
2655 viewBox="0 0 18 18" 2656 fill="#14433d" 2657 data-icon-close 2658 class="tw-cursor-pointer" 2659 > 2660 <path fill-rule="evenodd" clip-rule="evenodd" d="M17.7056 1.712C18.0958 1.32114 18.0958 0.687428 17.7056 0.296565C17.3154 -0.0942976 16.6828 -0.0942977 16.2926 0.296565L8.99913 7.60272L1.70563 0.296565C1.31544 -0.0942977 0.682825 -0.0942977 0.292639 0.296565C-0.0975464 0.687427 -0.0975464 1.32114 0.292639 1.712L7.58614 9.01816L0.320343 16.2966C-0.0698426 16.6874 -0.069843 17.3211 0.320343 17.712C0.710528 18.1029 1.34314 18.1029 1.73333 17.712L8.99913 10.4336L16.2649 17.712C16.6551 18.1029 17.2877 18.1029 17.6779 17.712C18.0681 17.3211 18.0681 16.6874 17.6779 16.2966L10.4121 9.01816L17.7056 1.712Z" fill="#14433d"/> 2661 </svg> 2662 </div> 2663 </div> 2664 2665 2666 2667 <div 2668 data-promotion-banner 2669 data-promotion-url="" 2670 data-promotion-discount="APRIL20" 2671 class="tw-relative tw-hidden tw-min-h-12 tw-w-full tw-px-4 tw-text-center lg:tw-min-h-10" 2672 style="background: #fdda79;" 2673 > 2674 <div 2675 role="group" 2676 class="tw-flex tw-h-full tw-items-center tw-justify-center tw-py-2.5 tw-text-center lg-plus:tw-py-[17px]" 2677 > 2678 <div 2679 class="tw-px-8 tw-text-sm lg-plus:tw-text-[1rem] lg-plus:tw-leading-none" 2680 style="color: #14433d !important;" 2681 > 2682 Your 20% off discount code <strong>APRIL20</strong> will auto-apply at checkout. 2683 </div> 2684 </div> 2685 2686 <div 2687 style="background: #fdda79;" 2688 class="tw-absolute tw-right-4 tw-top-1/2 tw-flex -tw-translate-y-1/2 tw-items-center" 2689 > 2690 <svg 2691 width="10" 2692 height="10"
2693 viewBox="0 0 18 18" 2694 fill="#14433d" 2695 data-icon-close 2696 class="tw-cursor-pointer" 2697 > 2698 <path fill-rule="evenodd" clip-rule="evenodd" d="M17.7056 1.712C18.0958 1.32114 18.0958 0.687428 17.7056 0.296565C17.3154 -0.0942976 16.6828 -0.0942977 16.2926 0.296565L8.99913 7.60272L1.70563 0.296565C1.31544 -0.0942977 0.682825 -0.0942977 0.292639 0.296565C-0.0975464 0.687427 -0.0975464 1.32114 0.292639 1.712L7.58614 9.01816L0.320343 16.2966C-0.0698426 16.6874 -0.069843 17.3211 0.320343 17.712C0.710528 18.1029 1.34314 18.1029 1.73333 17.712L8.99913 10.4336L16.2649 17.712C16.6551 18.1029 17.2877 18.1029 17.6779 17.712C18.0681 17.3211 18.0681 16.6874 17.6779 16.2966L10.4121 9.01816L17.7056 1.712Z" fill="#14433d"/> 2699 </svg> 2700 </div> 2701 </div> 2702 2703 2704 2705 <div 2706 data-promotion-banner 2707 data-promotion-url="" 2708 data-promotion-discount="YETI20" 2709 class="tw-relative tw-hidden tw-min-h-12 tw-w-full tw-px-4 tw-text-center lg:tw-min-h-10" 2710 style="background: #fdda79;" 2711 > 2712 <div 2713 role="group" 2714 class="tw-flex tw-h-full tw-items-center tw-justify-center tw-py-2.5 tw-text-center lg-plus:tw-py-[17px]" 2715 > 2716 <div 2717 class="tw-px-8 tw-text-sm lg-plus:tw-text-[1rem] lg-plus:tw-leading-none" 2718 style="color: #14433d !important;" 2719 > 2720 20% off Winter Seasonal Cans with discount code <strong> YETI20</strong> auto-applies at checkout. 2721 </div> 2722 </div> 2723 2724 <div 2725 style="background: #fdda79;" 2726 class="tw-absolute tw-right-4 tw-top-1/2 tw-flex -tw-translate-y-1/2 tw-items-center" 2727 > 2728 <svg 2729 width="10" 2730 height="10"
2731 viewBox="0 0 18 18" 2732 fill="#14433d" 2733 data-icon-close 2734 class="tw-cursor-pointer" 2735 > 2736 <path fill-rule="evenodd" clip-rule="evenodd" d="M17.7056 1.712C18.0958 1.32114 18.0958 0.687428 17.7056 0.296565C17.3154 -0.0942976 16.6828 -0.0942977 16.2926 0.296565L8.99913 7.60272L1.70563 0.296565C1.31544 -0.0942977 0.682825 -0.0942977 0.292639 0.296565C-0.0975464 0.687427 -0.0975464 1.32114 0.292639 1.712L7.58614 9.01816L0.320343 16.2966C-0.0698426 16.6874 -0.069843 17.3211 0.320343 17.712C0.710528 18.1029 1.34314 18.1029 1.73333 17.712L8.99913 10.4336L16.2649 17.712C16.6551 18.1029 17.2877 18.1029 17.6779 17.712C18.0681 17.3211 18.0681 16.6874 17.6779 16.2966L10.4121 9.01816L17.7056 1.712Z" fill="#14433d"/> 2737 </svg> 2738 </div> 2739 </div> 2740 2741 2742 2743 <div 2744 data-promotion-banner 2745 data-promotion-url="" 2746 data-promotion-discount="PHLY20" 2747 class="tw-relative tw-hidden tw-min-h-12 tw-w-full tw-px-4 tw-text-center lg:tw-min-h-10" 2748 style="background: #fdda79;" 2749 > 2750 <div 2751 role="group" 2752 class="tw-flex tw-h-full tw-items-center tw-justify-center tw-py-2.5 tw-text-center lg-plus:tw-py-[17px]" 2753 > 2754 <div 2755 class="tw-px-8 tw-text-sm lg-plus:tw-text-[1rem] lg-plus:tw-leading-none" 2756 style="color: #14433d !important;" 2757 > 2758 Your 20% off discount code <strong>PHLY20</strong> will auto-apply at checkout. 2759 </div> 2760 </div> 2761 2762 <div 2763 style="background: #fdda79;" 2764 class="tw-absolute tw-right-4 tw-top-1/2 tw-flex -tw-translate-y-1/2 tw-items-center" 2765 > 2766 <svg 2767 width="10" 2768 height="10"
2769 viewBox="0 0 18 18" 2770 fill="#14433d" 2771 data-icon-close 2772 class="tw-cursor-pointer" 2773 > 2774 <path fill-rule="evenodd" clip-rule="evenodd" d="M17.7056 1.712C18.0958 1.32114 18.0958 0.687428 17.7056 0.296565C17.3154 -0.0942976 16.6828 -0.0942977 16.2926 0.296565L8.99913 7.60272L1.70563 0.296565C1.31544 -0.0942977 0.682825 -0.0942977 0.292639 0.296565C-0.0975464 0.687427 -0.0975464 1.32114 0.292639 1.712L7.58614 9.01816L0.320343 16.2966C-0.0698426 16.6874 -0.069843 17.3211 0.320343 17.712C0.710528 18.1029 1.34314 18.1029 1.73333 17.712L8.99913 10.4336L16.2649 17.712C16.6551 18.1029 17.2877 18.1029 17.6779 17.712C18.0681 17.3211 18.0681 16.6874 17.6779 16.2966L10.4121 9.01816L17.7056 1.712Z" fill="#14433d"/> 2775 </svg> 2776 </div> 2777 </div> 2778 2779 2780 2781 <div 2782 data-promotion-banner 2783 data-promotion-url="" 2784 data-promotion-discount="CITIUS25" 2785 class="tw-relative tw-hidden tw-min-h-12 tw-w-full tw-px-4 tw-text-center lg:tw-min-h-10" 2786 style="background: #fdda79;" 2787 > 2788 <div 2789 role="group" 2790 class="tw-flex tw-h-full tw-items-center tw-justify-center tw-py-2.5 tw-text-center lg-plus:tw-py-[17px]" 2791 > 2792 <div 2793 class="tw-px-8 tw-text-sm lg-plus:tw-text-[1rem] lg-plus:tw-leading-none" 2794 style="color: #14433d !important;" 2795 > 2796 Your 25% off discount code <strong>CITIUS25</strong> will auto-apply at checkout. 2797 </div> 2798 </div> 2799 2800 <div 2801 style="background: #fdda79;" 2802 class="tw-absolute tw-right-4 tw-top-1/2 tw-flex -tw-translate-y-1/2 tw-items-center" 2803 > 2804 <svg 2805 width="10" 2806 height="10"
2807 viewBox="0 0 18 18" 2808 fill="#14433d" 2809 data-icon-close 2810 class="tw-cursor-pointer" 2811 > 2812 <path fill-rule="evenodd" clip-rule="evenodd" d="M17.7056 1.712C18.0958 1.32114 18.0958 0.687428 17.7056 0.296565C17.3154 -0.0942976 16.6828 -0.0942977 16.2926 0.296565L8.99913 7.60272L1.70563 0.296565C1.31544 -0.0942977 0.682825 -0.0942977 0.292639 0.296565C-0.0975464 0.687427 -0.0975464 1.32114 0.292639 1.712L7.58614 9.01816L0.320343 16.2966C-0.0698426 16.6874 -0.069843 17.3211 0.320343 17.712C0.710528 18.1029 1.34314 18.1029 1.73333 17.712L8.99913 10.4336L16.2649 17.712C16.6551 18.1029 17.2877 18.1029 17.6779 17.712C18.0681 17.3211 18.0681 16.6874 17.6779 16.2966L10.4121 9.01816L17.7056 1.712Z" fill="#14433d"/> 2813 </svg> 2814 </div> 2815 </div> 2816 2817 2818 2819 <div 2820 data-promotion-banner 2821 data-promotion-url="" 2822 data-promotion-discount="SERVED20" 2823 class="tw-relative tw-hidden tw-min-h-12 tw-w-full tw-px-4 tw-text-center lg:tw-min-h-10" 2824 style="background: #fdda79;" 2825 > 2826 <div 2827 role="group" 2828 class="tw-flex tw-h-full tw-items-center tw-justify-center tw-py-2.5 tw-text-center lg-plus:tw-py-[17px]" 2829 > 2830 <div 2831 class="tw-px-8 tw-text-sm lg-plus:tw-text-[1rem] lg-plus:tw-leading-none" 2832 style="color: #14433d !important;" 2833 > 2834 Your 20% off discount code <strong>SERVED20</strong> will auto-apply at checkout. 2835 </div> 2836 </div> 2837 2838 <div 2839 style="background: #fdda79;" 2840 class="tw-absolute tw-right-4 tw-top-1/2 tw-flex -tw-translate-y-1/2 tw-items-center" 2841 > 2842 <svg 2843 width="10" 2844 height="10"
2845 viewBox="0 0 18 18" 2846 fill="#14433d" 2847 data-icon-close 2848 class="tw-cursor-pointer" 2849 > 2850 <path fill-rule="evenodd" clip-rule="evenodd" d="M17.7056 1.712C18.0958 1.32114 18.0958 0.687428 17.7056 0.296565C17.3154 -0.0942976 16.6828 -0.0942977 16.2926 0.296565L8.99913 7.60272L1.70563 0.296565C1.31544 -0.0942977 0.682825 -0.0942977 0.292639 0.296565C-0.0975464 0.687427 -0.0975464 1.32114 0.292639 1.712L7.58614 9.01816L0.320343 16.2966C-0.0698426 16.6874 -0.069843 17.3211 0.320343 17.712C0.710528 18.1029 1.34314 18.1029 1.73333 17.712L8.99913 10.4336L16.2649 17.712C16.6551 18.1029 17.2877 18.1029 17.6779 17.712C18.0681 17.3211 18.0681 16.6874 17.6779 16.2966L10.4121 9.01816L17.7056 1.712Z" fill="#14433d"/> 2851 </svg> 2852 </div> 2853 </div> 2854 2855 2856 2857 <div 2858 data-promotion-banner 2859 data-promotion-url="" 2860 data-promotion-discount="TWG20" 2861 class="tw-relative tw-hidden tw-min-h-12 tw-w-full tw-px-4 tw-text-center lg:tw-min-h-10" 2862 style="background: #fdda79;" 2863 > 2864 <div 2865 role="group" 2866 class="tw-flex tw-h-full tw-items-center tw-justify-center tw-py-2.5 tw-text-center lg-plus:tw-py-[17px]" 2867 > 2868 <div 2869 class="tw-px-8 tw-text-sm lg-plus:tw-text-[1rem] lg-plus:tw-leading-none" 2870 style="color: #14433d !important;" 2871 > 2872 Your 20% off discount code <strong>TWG20</strong> will auto-apply at checkout. 2873 </div> 2874 </div> 2875 2876 <div 2877 style="background: #fdda79;" 2878 class="tw-absolute tw-right-4 tw-top-1/2 tw-flex -tw-translate-y-1/2 tw-items-center" 2879 > 2880 <svg 2881 width="10" 2882 height="10"
2883 viewBox="0 0 18 18" 2884 fill="#14433d" 2885 data-icon-close 2886 class="tw-cursor-pointer" 2887 > 2888 <path fill-rule="evenodd" clip-rule="evenodd" d="M17.7056 1.712C18.0958 1.32114 18.0958 0.687428 17.7056 0.296565C17.3154 -0.0942976 16.6828 -0.0942977 16.2926 0.296565L8.99913 7.60272L1.70563 0.296565C1.31544 -0.0942977 0.682825 -0.0942977 0.292639 0.296565C-0.0975464 0.687427 -0.0975464 1.32114 0.292639 1.712L7.58614 9.01816L0.320343 16.2966C-0.0698426 16.6874 -0.069843 17.3211 0.320343 17.712C0.710528 18.1029 1.34314 18.1029 1.73333 17.712L8.99913 10.4336L16.2649 17.712C16.6551 18.1029 17.2877 18.1029 17.6779 17.712C18.0681 17.3211 18.0681 16.6874 17.6779 16.2966L10.4121 9.01816L17.7056 1.712Z" fill="#14433d"/> 2889 </svg> 2890 </div> 2891 </div> 2892 2893 2894 2895 <div 2896 data-promotion-banner 2897 data-promotion-url="" 2898 data-promotion-discount="FLYQUEST20" 2899 class="tw-relative tw-hidden tw-min-h-12 tw-w-full tw-px-4 tw-text-center lg:tw-min-h-10" 2900 style="background: #fdda79;" 2901 > 2902 <div 2903 role="group" 2904 class="tw-flex tw-h-full tw-items-center tw-justify-center tw-py-2.5 tw-text-center lg-plus:tw-py-[17px]" 2905 > 2906 <div 2907 class="tw-px-8 tw-text-sm lg-plus:tw-text-[1rem] lg-plus:tw-leading-none" 2908 style="color: #14433d !important;" 2909 > 2910 Your 20% off discount code <strong>FLYQUEST20</strong> will auto-apply at checkout. 2911 </div> 2912 </div> 2913 2914 <div 2915 style="background: #fdda79;" 2916 class="tw-absolute tw-right-4 tw-top-1/2 tw-flex -tw-translate-y-1/2 tw-items-center" 2917 > 2918 <svg 2919 width="10" 2920 height="10"
2921 viewBox="0 0 18 18" 2922 fill="#14433d" 2923 data-icon-close 2924 class="tw-cursor-pointer" 2925 > 2926 <path fill-rule="evenodd" clip-rule="evenodd" d="M17.7056 1.712C18.0958 1.32114 18.0958 0.687428 17.7056 0.296565C17.3154 -0.0942976 16.6828 -0.0942977 16.2926 0.296565L8.99913 7.60272L1.70563 0.296565C1.31544 -0.0942977 0.682825 -0.0942977 0.292639 0.296565C-0.0975464 0.687427 -0.0975464 1.32114 0.292639 1.712L7.58614 9.01816L0.320343 16.2966C-0.0698426 16.6874 -0.069843 17.3211 0.320343 17.712C0.710528 18.1029 1.34314 18.1029 1.73333 17.712L8.99913 10.4336L16.2649 17.712C16.6551 18.1029 17.2877 18.1029 17.6779 17.712C18.0681 17.3211 18.0681 16.6874 17.6779 16.2966L10.4121 9.01816L17.7056 1.712Z" fill="#14433d"/> 2927 </svg> 2928 </div> 2929 </div> 2930 2931 2932 2933 <div 2934 data-promotion-banner 2935 data-promotion-url="" 2936 data-promotion-discount="BUZZIN15" 2937 class="tw-relative tw-hidden tw-min-h-12 tw-w-full tw-px-4 tw-text-center lg:tw-min-h-10" 2938 style="background: #fdda79;" 2939 > 2940 <div 2941 role="group" 2942 class="tw-flex tw-h-full tw-items-center tw-justify-center tw-py-2.5 tw-text-center lg-plus:tw-py-[17px]" 2943 > 2944 <div 2945 class="tw-px-8 tw-text-sm lg-plus:tw-text-[1rem] lg-plus:tw-leading-none" 2946 style="color: #14433d !important;" 2947 > 2948 Your 15% off discount code <strong>BUZZIN15</strong> will auto-apply at checkout. 2949 </div> 2950 </div> 2951 2952 <div 2953 style="background: #fdda79;" 2954 class="tw-absolute tw-right-4 tw-top-1/2 tw-flex -tw-translate-y-1/2 tw-items-center" 2955 > 2956 <svg 2957 width="10" 2958 height="10"
2959 viewBox="0 0 18 18" 2960 fill="#14433d" 2961 data-icon-close 2962 class="tw-cursor-pointer" 2963 > 2964 <path fill-rule="evenodd" clip-rule="evenodd" d="M17.7056 1.712C18.0958 1.32114 18.0958 0.687428 17.7056 0.296565C17.3154 -0.0942976 16.6828 -0.0942977 16.2926 0.296565L8.99913 7.60272L1.70563 0.296565C1.31544 -0.0942977 0.682825 -0.0942977 0.292639 0.296565C-0.0975464 0.687427 -0.0975464 1.32114 0.292639 1.712L7.58614 9.01816L0.320343 16.2966C-0.0698426 16.6874 -0.069843 17.3211 0.320343 17.712C0.710528 18.1029 1.34314 18.1029 1.73333 17.712L8.99913 10.4336L16.2649 17.712C16.6551 18.1029 17.2877 18.1029 17.6779 17.712C18.0681 17.3211 18.0681 16.6874 17.6779 16.2966L10.4121 9.01816L17.7056 1.712Z" fill="#14433d"/> 2965 </svg> 2966 </div> 2967 </div> 2968 2969 2970 2971 <div 2972 data-promotion-banner 2973 data-promotion-url="" 2974 data-promotion-discount="OLIPOPTEXT15" 2975 class="tw-relative tw-hidden tw-min-h-12 tw-w-full tw-px-4 tw-text-center lg:tw-min-h-10" 2976 style="background: #fdda79;" 2977 > 2978 <div 2979 role="group" 2980 class="tw-flex tw-h-full tw-items-center tw-justify-center tw-py-2.5 tw-text-center lg-plus:tw-py-[17px]" 2981 > 2982 <div 2983 class="tw-px-8 tw-text-sm lg-plus:tw-text-[1rem] lg-plus:tw-leading-none" 2984 style="color: #14433d !important;" 2985 > 2986 Your 15% off discount code <strong>OLIPOPTEXT15</strong> will auto-apply at checkout. 2987 </div> 2988 </div> 2989 2990 <div 2991 style="background: #fdda79;" 2992 class="tw-absolute tw-right-4 tw-top-1/2 tw-flex -tw-translate-y-1/2 tw-items-center" 2993 > 2994 <svg 2995 width="10" 2996 height="10"
2997 viewBox="0 0 18 18" 2998 fill="#14433d" 2999 data-icon-close 3000 class="tw-cursor-pointer" 3001 > 3002 <path fill-rule="evenodd" clip-rule="evenodd" d="M17.7056 1.712C18.0958 1.32114 18.0958 0.687428 17.7056 0.296565C17.3154 -0.0942976 16.6828 -0.0942977 16.2926 0.296565L8.99913 7.60272L1.70563 0.296565C1.31544 -0.0942977 0.682825 -0.0942977 0.292639 0.296565C-0.0975464 0.687427 -0.0975464 1.32114 0.292639 1.712L7.58614 9.01816L0.320343 16.2966C-0.0698426 16.6874 -0.069843 17.3211 0.320343 17.712C0.710528 18.1029 1.34314 18.1029 1.73333 17.712L8.99913 10.4336L16.2649 17.712C16.6551 18.1029 17.2877 18.1029 17.6779 17.712C18.0681 17.3211 18.0681 16.6874 17.6779 16.2966L10.4121 9.01816L17.7056 1.712Z" fill="#14433d"/> 3003 </svg> 3004 </div> 3005 </div> 3006 3007 3008 3009 <div 3010 data-promotion-banner 3011 data-promotion-url="" 3012 data-promotion-discount="BRACKET20" 3013 class="tw-relative tw-hidden tw-min-h-12 tw-w-full tw-px-4 tw-text-center lg:tw-min-h-10" 3014 style="background: #fdda79;" 3015 > 3016 <div 3017 role="group" 3018 class="tw-flex tw-h-full tw-items-center tw-justify-center tw-py-2.5 tw-text-center lg-plus:tw-py-[17px]" 3019 > 3020 <div 3021 class="tw-px-8 tw-text-sm lg-plus:tw-text-[1rem] lg-plus:tw-leading-none" 3022 style="color: #14433d !important;" 3023 > 3024 Your 20% off discount code <strong>BRACKET20</strong> will auto-apply at checkout. 3025 </div> 3026 </div> 3027 3028 <div 3029 style="background: #fdda79;" 3030 class="tw-absolute tw-right-4 tw-top-1/2 tw-flex -tw-translate-y-1/2 tw-items-center" 3031 > 3032 <svg 3033 width="10" 3034 height="10"
3035 viewBox="0 0 18 18" 3036 fill="#14433d" 3037 data-icon-close 3038 class="tw-cursor-pointer" 3039 > 3040 <path fill-rule="evenodd" clip-rule="evenodd" d="M17.7056 1.712C18.0958 1.32114 18.0958 0.687428 17.7056 0.296565C17.3154 -0.0942976 16.6828 -0.0942977 16.2926 0.296565L8.99913 7.60272L1.70563 0.296565C1.31544 -0.0942977 0.682825 -0.0942977 0.292639 0.296565C-0.0975464 0.687427 -0.0975464 1.32114 0.292639 1.712L7.58614 9.01816L0.320343 16.2966C-0.0698426 16.6874 -0.069843 17.3211 0.320343 17.712C0.710528 18.1029 1.34314 18.1029 1.73333 17.712L8.99913 10.4336L16.2649 17.712C16.6551 18.1029 17.2877 18.1029 17.6779 17.712C18.0681 17.3211 18.0681 16.6874 17.6779 16.2966L10.4121 9.01816L17.7056 1.712Z" fill="#14433d"/> 3041 </svg> 3042 </div> 3043 </div> 3044 3045 3046 3047 <div 3048 data-promotion-banner 3049 data-promotion-url="" 3050 data-promotion-discount="NEW20" 3051 class="tw-relative tw-hidden tw-min-h-12 tw-w-full tw-px-4 tw-text-center lg:tw-min-h-10" 3052 style="background: #fdda79;" 3053 > 3054 <div 3055 role="group" 3056 class="tw-flex tw-h-full tw-items-center tw-justify-center tw-py-2.5 tw-text-center lg-plus:tw-py-[17px]" 3057 > 3058 <div 3059 class="tw-px-8 tw-text-sm lg-plus:tw-text-[1rem] lg-plus:tw-leading-none" 3060 style="color: #14433d !important;" 3061 > 3062 Your 20% off discount code <strong>NEW20</strong> will auto-apply at checkout. 3063 </div> 3064 </div> 3065 3066 <div 3067 style="background: #fdda79;" 3068 class="tw-absolute tw-right-4 tw-top-1/2 tw-flex -tw-translate-y-1/2 tw-items-center" 3069 > 3070 <svg 3071 width="10" 3072 height="10"
3073 viewBox="0 0 18 18" 3074 fill="#14433d" 3075 data-icon-close 3076 class="tw-cursor-pointer" 3077 > 3078 <path fill-rule="evenodd" clip-rule="evenodd" d="M17.7056 1.712C18.0958 1.32114 18.0958 0.687428 17.7056 0.296565C17.3154 -0.0942976 16.6828 -0.0942977 16.2926 0.296565L8.99913 7.60272L1.70563 0.296565C1.31544 -0.0942977 0.682825 -0.0942977 0.292639 0.296565C-0.0975464 0.687427 -0.0975464 1.32114 0.292639 1.712L7.58614 9.01816L0.320343 16.2966C-0.0698426 16.6874 -0.069843 17.3211 0.320343 17.712C0.710528 18.1029 1.34314 18.1029 1.73333 17.712L8.99913 10.4336L16.2649 17.712C16.6551 18.1029 17.2877 18.1029 17.6779 17.712C18.0681 17.3211 18.0681 16.6874 17.6779 16.2966L10.4121 9.01816L17.7056 1.712Z" fill="#14433d"/> 3079 </svg> 3080 </div> 3081 </div> 3082 3083 3084 3085 <div 3086 data-promotion-banner 3087 data-promotion-url="" 3088 data-promotion-discount="FULLFLAVOR20" 3089 class="tw-relative tw-hidden tw-min-h-12 tw-w-full tw-px-4 tw-text-center lg:tw-min-h-10" 3090 style="background: #fdda79;" 3091 > 3092 <div 3093 role="group" 3094 class="tw-flex tw-h-full tw-items-center tw-justify-center tw-py-2.5 tw-text-center lg-plus:tw-py-[17px]" 3095 > 3096 <div 3097 class="tw-px-8 tw-text-sm lg-plus:tw-text-[1rem] lg-plus:tw-leading-none" 3098 style="color: #14433d !important;" 3099 > 3100 Your discount code <strong>FULLFLAVOR20</strong> will auto-apply at checkout. 3101 </div> 3102 </div> 3103 3104 <div 3105 style="background: #fdda79;" 3106 class="tw-absolute tw-right-4 tw-top-1/2 tw-flex -tw-translate-y-1/2 tw-items-center" 3107 > 3108 <svg 3109 width="10" 3110 height="10"
3111 viewBox="0 0 18 18" 3112 fill="#14433d" 3113 data-icon-close 3114 class="tw-cursor-pointer" 3115 > 3116 <path fill-rule="evenodd" clip-rule="evenodd" d="M17.7056 1.712C18.0958 1.32114 18.0958 0.687428 17.7056 0.296565C17.3154 -0.0942976 16.6828 -0.0942977 16.2926 0.296565L8.99913 7.60272L1.70563 0.296565C1.31544 -0.0942977 0.682825 -0.0942977 0.292639 0.296565C-0.0975464 0.687427 -0.0975464 1.32114 0.292639 1.712L7.58614 9.01816L0.320343 16.2966C-0.0698426 16.6874 -0.069843 17.3211 0.320343 17.712C0.710528 18.1029 1.34314 18.1029 1.73333 17.712L8.99913 10.4336L16.2649 17.712C16.6551 18.1029 17.2877 18.1029 17.6779 17.712C18.0681 17.3211 18.0681 16.6874 17.6779 16.2966L10.4121 9.01816L17.7056 1.712Z" fill="#14433d"/> 3117 </svg> 3118 </div> 3119 </div> 3120 3121 3122 3123 <div 3124 data-promotion-banner 3125 data-promotion-url="" 3126 data-promotion-discount="BDAY20" 3127 class="tw-relative tw-hidden tw-min-h-12 tw-w-full tw-px-4 tw-text-center lg:tw-min-h-10" 3128 style="background: #fdda79;" 3129 > 3130 <div 3131 role="group" 3132 class="tw-flex tw-h-full tw-items-center tw-justify-center tw-py-2.5 tw-text-center lg-plus:tw-py-[17px]" 3133 > 3134 <div 3135 class="tw-px-8 tw-text-sm lg-plus:tw-text-[1rem] lg-plus:tw-leading-none" 3136 style="color: #14433d !important;" 3137 > 3138 Your discount code <strong>BDAY20</strong> will auto-apply at checkout. 3139 </div> 3140 </div> 3141 3142 <div 3143 style="background: #fdda79;" 3144 class="tw-absolute tw-right-4 tw-top-1/2 tw-flex -tw-translate-y-1/2 tw-items-center" 3145 > 3146 <svg 3147 width="10" 3148 height="10"
3149 viewBox="0 0 18 18" 3150 fill="#14433d" 3151 data-icon-close 3152 class="tw-cursor-pointer" 3153 > 3154 <path fill-rule="evenodd" clip-rule="evenodd" d="M17.7056 1.712C18.0958 1.32114 18.0958 0.687428 17.7056 0.296565C17.3154 -0.0942976 16.6828 -0.0942977 16.2926 0.296565L8.99913 7.60272L1.70563 0.296565C1.31544 -0.0942977 0.682825 -0.0942977 0.292639 0.296565C-0.0975464 0.687427 -0.0975464 1.32114 0.292639 1.712L7.58614 9.01816L0.320343 16.2966C-0.0698426 16.6874 -0.069843 17.3211 0.320343 17.712C0.710528 18.1029 1.34314 18.1029 1.73333 17.712L8.99913 10.4336L16.2649 17.712C16.6551 18.1029 17.2877 18.1029 17.6779 17.712C18.0681 17.3211 18.0681 16.6874 17.6779 16.2966L10.4121 9.01816L17.7056 1.712Z" fill="#14433d"/> 3155 </svg> 3156 </div> 3157 </div> 3158 3159 3160 3161 <div 3162 data-promotion-banner 3163 data-promotion-url="" 3164 data-promotion-discount="HOLIDAY20" 3165 class="tw-relative tw-hidden tw-min-h-12 tw-w-full tw-px-4 tw-text-center lg:tw-min-h-10" 3166 style="background: #fdda79;" 3167 > 3168 <div 3169 role="group" 3170 class="tw-flex tw-h-full tw-items-center tw-justify-center tw-py-2.5 tw-text-center lg-plus:tw-py-[17px]" 3171 > 3172 <div 3173 class="tw-px-8 tw-text-sm lg-plus:tw-text-[1rem] lg-plus:tw-leading-none" 3174 style="color: #14433d !important;" 3175 > 3176 Your discount code <strong>HOLIDAY20</strong> will auto-apply at checkout. 3177 </div> 3178 </div> 3179 3180 <div 3181 style="background: #fdda79;" 3182 class="tw-absolute tw-right-4 tw-top-1/2 tw-flex -tw-translate-y-1/2 tw-items-center" 3183 > 3184 <svg 3185 width="10" 3186 height="10"
3187 viewBox="0 0 18 18" 3188 fill="#14433d" 3189 data-icon-close 3190 class="tw-cursor-pointer" 3191 > 3192 <path fill-rule="evenodd" clip-rule="evenodd" d="M17.7056 1.712C18.0958 1.32114 18.0958 0.687428 17.7056 0.296565C17.3154 -0.0942976 16.6828 -0.0942977 16.2926 0.296565L8.99913 7.60272L1.70563 0.296565C1.31544 -0.0942977 0.682825 -0.0942977 0.292639 0.296565C-0.0975464 0.687427 -0.0975464 1.32114 0.292639 1.712L7.58614 9.01816L0.320343 16.2966C-0.0698426 16.6874 -0.069843 17.3211 0.320343 17.712C0.710528 18.1029 1.34314 18.1029 1.73333 17.712L8.99913 10.4336L16.2649 17.712C16.6551 18.1029 17.2877 18.1029 17.6779 17.712C18.0681 17.3211 18.0681 16.6874 17.6779 16.2966L10.4121 9.01816L17.7056 1.712Z" fill="#14433d"/> 3193 </svg> 3194 </div> 3195 </div> 3196 3197 3198 3199 <div 3200 data-promotion-banner 3201 data-promotion-url="" 3202 data-promotion-discount="FULLFLAVOR10" 3203 class="tw-relative tw-hidden tw-min-h-12 tw-w-full tw-px-4 tw-text-center lg:tw-min-h-10" 3204 style="background: #fdda79;" 3205 > 3206 <div 3207 role="group" 3208 class="tw-flex tw-h-full tw-items-center tw-justify-center tw-py-2.5 tw-text-center lg-plus:tw-py-[17px]" 3209 > 3210 <div 3211 class="tw-px-8 tw-text-sm lg-plus:tw-text-[1rem] lg-plus:tw-leading-none" 3212 style="color: #14433d !important;" 3213 > 3214 Your discount code <strong>FULLFLAVOR10</strong> will auto-apply at checkout. 3215 </div> 3216 </div> 3217 3218 <div 3219 style="background: #fdda79;" 3220 class="tw-absolute tw-right-4 tw-top-1/2 tw-flex -tw-translate-y-1/2 tw-items-center" 3221 > 3222 <svg 3223 width="10" 3224 height="10"
3225 viewBox="0 0 18 18" 3226 fill="#14433d" 3227 data-icon-close 3228 class="tw-cursor-pointer" 3229 > 3230 <path fill-rule="evenodd" clip-rule="evenodd" d="M17.7056 1.712C18.0958 1.32114 18.0958 0.687428 17.7056 0.296565C17.3154 -0.0942976 16.6828 -0.0942977 16.2926 0.296565L8.99913 7.60272L1.70563 0.296565C1.31544 -0.0942977 0.682825 -0.0942977 0.292639 0.296565C-0.0975464 0.687427 -0.0975464 1.32114 0.292639 1.712L7.58614 9.01816L0.320343 16.2966C-0.0698426 16.6874 -0.069843 17.3211 0.320343 17.712C0.710528 18.1029 1.34314 18.1029 1.73333 17.712L8.99913 10.4336L16.2649 17.712C16.6551 18.1029 17.2877 18.1029 17.6779 17.712C18.0681 17.3211 18.0681 16.6874 17.6779 16.2966L10.4121 9.01816L17.7056 1.712Z" fill="#14433d"/> 3231 </svg> 3232 </div> 3233 </div> 3234 3235 3236 3237 <div 3238 data-promotion-banner 3239 data-promotion-url="" 3240 data-promotion-discount="THIRTYSUB" 3241 class="tw-relative tw-hidden tw-min-h-12 tw-w-full tw-px-4 tw-text-center lg:tw-min-h-10" 3242 style="background: #fdda79;" 3243 > 3244 <div 3245 role="group" 3246 class="tw-flex tw-h-full tw-items-center tw-justify-center tw-py-2.5 tw-text-center lg-plus:tw-py-[17px]" 3247 > 3248 <div 3249 class="tw-px-8 tw-text-sm lg-plus:tw-text-[1rem] lg-plus:tw-leading-none" 3250 style="color: #14433d !important;" 3251 > 3252 Your discount code <strong>THIRTYSUB</strong> will auto-apply at checkout. 3253 </div> 3254 </div> 3255 3256 <div 3257 style="background: #fdda79;" 3258 class="tw-absolute tw-right-4 tw-top-1/2 tw-flex -tw-translate-y-1/2 tw-items-center" 3259 > 3260 <svg 3261 width="10" 3262 height="10"
3263 viewBox="0 0 18 18" 3264 fill="#14433d" 3265 data-icon-close 3266 class="tw-cursor-pointer" 3267 > 3268 <path fill-rule="evenodd" clip-rule="evenodd" d="M17.7056 1.712C18.0958 1.32114 18.0958 0.687428 17.7056 0.296565C17.3154 -0.0942976 16.6828 -0.0942977 16.2926 0.296565L8.99913 7.60272L1.70563 0.296565C1.31544 -0.0942977 0.682825 -0.0942977 0.292639 0.296565C-0.0975464 0.687427 -0.0975464 1.32114 0.292639 1.712L7.58614 9.01816L0.320343 16.2966C-0.0698426 16.6874 -0.069843 17.3211 0.320343 17.712C0.710528 18.1029 1.34314 18.1029 1.73333 17.712L8.99913 10.4336L16.2649 17.712C16.6551 18.1029 17.2877 18.1029 17.6779 17.712C18.0681 17.3211 18.0681 16.6874 17.6779 16.2966L10.4121 9.01816L17.7056 1.712Z" fill="#14433d"/> 3269 </svg> 3270 </div> 3271 </div> 3272 3273</div> 3274 3275 3276</div><div id="shopify-section-sections--24009558556831__announcement-banner" class="shopify-section shopify-section-group-header-group"> 3277 <announcement-bar class="section-announcement-bar tw-relative tw-z-50 tw-block"> 3278 <slider-container 3279 data-key="slider__sections--24009558556831__announcement-banner" 3280 role="region" 3281 aria-label="Announcement" 3282 data-slider-loop 3283 class="announcements-bar keen-slider tw-block tw-min-h-[48px] tw-text-center tw-transition-margin tw-duration-300 lg:tw-min-h-[40px] " 3284 style="background: #5A0C3C;" 3285 ><div role="group" aria-label="1 of 2" class="keen-slider__slide tw-relative tw-z-10 tw-flex !tw-w-auto tw-items-center tw-justify-center tw-py-[4px] tw-text-center tw-transition-opacity tw-duration-150 tw-ease-linear sm:tw-flex-row " style="opacity: 0;"> <div class="tw-flex tw-items-center tw-w-full tw-justify-center tw-px-[8px] md:tw-px-[20px] md:tw-w-fit tw-text-[12px] md:tw-text-[16px] tw-leading-[1.4] " id="message-1" style="color: #ffffff !important;" ><p class="tw-text-[12px] md:tw-text-[16px] tw-leading-[1.4]" style="color: #ffffff !important;"> <div class="tw-block md:tw-hidden"> <strong>Sweet, refreshing, & unmistakably celebratory. <br><a href="https://drinkolipop.com/products/pomegranate-sparkle"><strong>Shop Pomegranate Sparkle</strong></a></strong> </div> <div class="tw-hidden md:tw-block"> <strong>Sweet, refreshing, & unmistakably celebratory. <a href="https://drinkolipop.com/products/pomegranate-sparkle"><strong>Shop Pomegranate Sparkle</strong></a></strong> </div> </p></div> </div><div role="group" aria-label="2 of 2" class="keen-slider__slide tw-relative tw-z-10 tw-flex !tw-w-auto tw-items-center tw-justify-center tw-py-[4px] tw-text-center tw-transition-opacity tw-duration-150 tw-ease-linear sm:tw-flex-row " style="opacity: 0;"> <div class="tw-flex tw-items-center tw-w-full tw-justify-center tw-px-[8px] md:tw-px-[20px] md:tw-w-fit tw-text-[12px] md:tw-text-[16px] tw-leading-[1.4] " id="message-2" style="color: #ffffff !important;" ><p class="tw-text-[12px] md:tw-text-[16px] tw-leading-[1.4]" style="color: #ffffff !important;"> <div class="tw-block md:tw-hidden"> <strong>$3.99 flat rate shipping • Orders $50+ ship FREE</strong> </div> <div class="tw-hidden md:tw-block"> <strong>$3.99 flat rate shipping • Orders $50+ ship FREE</strong> </div> </p></div> </div></slider-container> 3286 3287 3288 <slider-controls 3289 data-key="slider__sections--24009558556831__announcement-banner" 3290 class="tw-absolute tw-top-0 tw-flex tw-h-full tw-w-full tw-items-center tw-justify-between tw-px-4" 3291 > 3292 <control-prev 3293 role="button" 3294 aria-label="Previous Slide" 3295 tabindex="0" 3296 data-action="prev" 3297 class="tw-z-30 tw-block tw-cursor-pointer" 3298 >
3299 <svg width="7" height="10" viewBox="0 0 7 10" fill="none" xmlns="http://www.w3.org/2000/svg"> 3300 <path d="M6 1L2 5L6 9" stroke="#ffffff" stroke-width="2" stroke-linecap="round"/> 3301 </svg> 3302 </control-prev> 3303 3304 <control-next 3305 role="button" 3306 aria-label="Next Slide" 3307 tabindex="0" 3308 data-action="next" 3309 class="tw-z-30 tw-block tw-cursor-pointer" 3310 > 3311 <svg width="7" height="10" viewBox="0 0 7 10" fill="none" xmlns="http://www.w3.org/2000/svg"> 3312 <path d="M1 1L5 5L1 9" stroke="#ffffff" stroke-width="2" stroke-linecap="round"/> 3313 </svg> 3314 </control-next> 3315 </slider-controls> 3316 3317 </announcement-bar> 3318 3319 3320 3321 3322 3323 3324 3325<style> 3326 .section-announcement-bar .keen-slider:not([data-keen-slider-disabled]) .keen-slider__slide{ 3327 padding-top: 4px; 3328 } 3329</style> 3330</div><div id="shopify-section-sections--24009558556831__header" class="shopify-section shopify-section-group-header-group"> 3331 3332<div 3333 id="SearchDrawer" 3334 class="search-bar drawer drawer--top" 3335 role="dialog" 3336 aria-modal="true" 3337 aria-label="Search" 3338 data-predictive-search-drawer 3339> 3340 <div class="search-bar__interior"> 3341 <div class="search-form__container" data-search-form-container> 3342 <form class="search-form search-bar__form" action="/search" method="get" role="search"> 3343 <div class="search-form__input-wrapper"> 3344 <input 3345 type="text" 3346 name="q" 3347 placeholder="Search" 3348 role="combobox" 3349 aria-autocomplete="list" 3350 aria-owns="predictive-search-results" 3351 aria-expanded="false" 3352 aria-label="Search" 3353 aria-haspopup="listbox" 3354 class="search-form__input search-bar__input" 3355 data-predictive-search-drawer-input 3356 > 3357 <input type="hidden" name="options[prefix]" value="last" aria-hidden="true"> 3358 <div 3359 class="predictive-search-wrapper predictive-search-wrapper--drawer" 3360 data-predictive-search-mount="drawer" 3361 ></div> 3362 </div> 3363 3364 <button 3365 class="search-bar__submit search-form__submit" 3366 type="submit" 3367 data-search-form-submit 3368 > 3369 Liquid error (snippets/search-drawer line 38): include usage is not allowed in this context 3370 <span class="icon__fallback-text">Submit</span> 3371 </button> 3372 </form> 3373 3374 <div class="search-bar__actions"> 3375 <button type="button" class="btn--link search-bar__close js-drawer-close"> 3376 Liquid error (snippets/search-drawer line 45): include usage is not allowed in this context 3377 <span class="icon__fallback-text">Close search</span> 3378 </button> 3379 </div> 3380 </div> 3381 </div> 3382</div> 3383 3384 3385<header 3386 data-section-id="sections--24009558556831__header" 3387 data-section-type="header" 3388 class="header-wrapper tw-group tw-relative tw-z-50" 3389 js-header-wrapper 3390 color-theme="transparent" 3391 data-component="megaMenu" 3392> 3393 <div class="top-header" data-section-id="sections--24009558556831__header" data-section-type="header-section" data-header-section> 3394 <div js-header class="header"> 3395 <div class="site-header tw-relative tw-my-0 tw-grid tw-grid-cols-5 tw-px-5 tw-pb-[12px] tw-pt-[12px] lg:tw-mx-[60px] lg:tw-px-0 lg:tw-py-2 lg-plus:tw-py-[11px] xl:tw-mx-auto xl:tw-max-w-[1320px]"> 3396 <!-- Left Menu --> 3397 <div class="tw-col-span-2 tw-block tw-self-center tw-justify-self-start tw-leading-none"> 3398 <div class="site-header__mobile-toolbar tw-flex tw-items-center tw-gap-[20px] lg:tw-hidden"> 3399 <button type="button" id="nav-icon3" class="header__button mobile-menu-toggle tw-bg-transparent" js-mobile-menu-toggle aria-label="Open mobile menu" aria-expanded="false"> 3400 <span class="mobile-menu-toggle__icon mobile-menu-toggle__icon--menu" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="14" viewBox="0 0 18 14" fill="none" role="presentation" aria-hidden="true"> 3401 <path
3402 d="M18 6.75C18 6.94891 17.921 7.13968 17.7803 7.28033C17.6397 7.42098 17.4489 7.5 17.25 7.5H0.75C0.551088 7.5 0.360322 7.42098 0.21967 7.28033C0.0790178 7.13968 0 6.94891 0 6.75C0 6.55109 0.0790178 6.36032 0.21967 6.21967C0.360322 6.07902 0.551088 6 0.75 6H17.25C17.4489 6 17.6397 6.07902 17.7803 6.21967C17.921 6.36032 18 6.55109 18 6.75ZM0.75 1.5H17.25C17.4489 1.5 17.6397 1.42098 17.7803 1.28033C17.921 1.13968 18 0.948912 18 0.75C18 0.551088 17.921 0.360322 17.7803 0.21967C17.6397 0.0790178 17.4489 0 17.25 0H0.75C0.551088 0 0.360322 0.0790178 0.21967 0.21967C0.0790178 0.360322 0 0.551088 0 0.75C0 0.948912 0.0790178 1.13968 0.21967 1.28033C0.360322 1.42098 0.551088 1.5 0.75 1.5ZM17.25 12H0.75C0.551088 12 0.360322 12.079 0.21967 12.2197C0.0790178 12.3603 0 12.5511 0 12.75C0 12.9489 0.0790178 13.1397 0.21967 13.2803C0.360322 13.421 0.551088 13.5 0.75 13.5H17.25C17.4489 13.5 17.6397 13.421 17.7803 13.2803C17.921 13.1397 18 12.9489 18 12.75C18 12.5511 17.921 12.3603 17.7803 12.2197C17.6397 12.079 17.4489 12 17.25 12Z" 3403 fill="currentColor" 3404 /> 3405</svg> 3406</span> 3407 <span class="mobile-menu-toggle__icon mobile-menu-toggle__icon--close" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" role="presentation" aria-hidden="true"> 3408 <path 3409 d="M19 6.41L17.59 5L12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12L19 6.41Z" 3410 fill="currentColor" 3411 /> 3412</svg> 3413</span> 3414 </button> 3415 <a 3416 href="/pages/store-locator" 3417 class="site-header__icon site-header__find-in-store" 3418 aria-label="Find a store" 3419 > 3420 <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" role="presentation" aria-hidden="true"> 3421 <path 3422 d="M12 6C11.2583 6 10.5333 6.21993 9.91661 6.63199C9.29993 7.04404 8.81928 7.62971 8.53545 8.31494C8.25162 9.00016 8.17736 9.75416 8.32205 10.4816C8.46675 11.209 8.8239 11.8772 9.34835 12.4017C9.8728 12.9261 10.541 13.2833 11.2684
342213.4279C11.9958 13.5726 12.7498 13.4984 13.4351 13.2145C14.1203 12.9307 14.706 12.4501 15.118 11.8334C15.5301 11.2167 15.75 10.4917 15.75 9.75C15.75 8.75544 15.3549 7.80161 14.6517 7.09835C13.9484 6.39509 12.9946 6 12 6ZM12 12C11.555 12 11.12 11.868 10.75 11.6208C10.38 11.3736 10.0916 11.0222 9.92127 10.611C9.75097 10.1999 9.70642 9.7475 9.79323 9.31105C9.88005 8.87459 10.0943 8.47368 10.409 8.15901C10.7237 7.84434 11.1246 7.63005 11.561 7.54323C11.9975 7.45642 12.4499 7.50097 12.861 7.67127C13.2722 7.84157 13.6236 8.12996 13.8708 8.49997C14.118 8.86998 14.25 9.30499 14.25 9.75C14.25 10.3467 14.0129 10.919 13.591 11.341C13.169 11.7629 12.5967 12 12 12ZM12 1.5C9.81273 1.50248 7.71575 2.37247 6.16911 3.91911C4.62247 5.46575 3.75248 7.56273 3.75 9.75C3.75 12.6938 5.11031 15.8138 7.6875 18.7734C8.84552 20.1108 10.1489 21.3151 11.5734 22.3641C11.6995 22.4524 11.8498 22.4998 12.0037 22.4998C12.1577 22.4998 12.308 22.4524 12.4341 22.3641C13.856 21.3147 15.1568 20.1104 16.3125 18.7734C18.8859 15.8138 20.25 12.6938 20.25 9.75C20.2475 7.56273 19.3775 5.46575 17.8309 3.91911C16.2843 2.37247 14.1873 1.50248 12 1.5ZM12 20.8125C10.4503 19.5938 5.25 15.1172 5.25 9.75C5.25 7.95979 5.96116 6.2429 7.22703 4.97703C8.4929 3.71116 10.2098 3 12 3C13.7902 3 15.5071 3.71116 16.773 4.97703C18.0388 6.2429 18.75 7.95979 18.75 9.75C18.75 15.1153 13.5497 19.5938 12 20.8125Z" 3423 fill="currentColor" 3424 /> 3425</svg> 3426 3427 </a> 3428 </div> 3429 3430 <nav id="AccessibleNav" aria-label="Desktop Menu"> 3431 3432 3433<ul class="site-nav list--inline" id="SiteNav"> 3434 3435 3436 <li 3437 class="site-nav--has-dropdown" 3438 data-child-list-handle="shop" 3439 data-has-dropdowns 3440 > 3441 3442 <a 3443 href="/collections/drinks" 3444 class="site-nav__link tw-bg-transparent" 3445 3446 aria-expanded="false" 3447 aria-controls="site-nav-menu-dropdown-shop" 3448 > 3449 <span class="site-nav__label">Shop</span> 3450 </a> 3451 3452 </li> 3453 3454 3455 3456 <li 3457 class="site-nav--has-dropdown" 3458 data-child-list-handle="learn" 3459 data-has-dropdowns 3460 > 3461 3462 <button 3463 class="site-nav__link tw-bg-transparent" 3464 type="button" 3465 aria-expanded="false" 3466 aria-controls="site-nav-menu-dropdown-learn" 3467 > 3468 <span class="site-nav__label">Learn</span> 3469 </button> 3470 3471 </li> 3472 3473 3474 3475 <li 3476 3477 > 3478 <a 3479 href="/pages/subscription" 3480 class="site-nav__link" 3481 3482 > 3483 <span class="site-nav__label">Subscribe</span> 3484 </a> 3485 </li> 3486 3487 3488</ul> 3489 3490 </nav> 3491 </div> 3492 <!-- ./End Left Menu --> 3493 3494 <!-- Header Logo --> 3495 <div class="tw-col-span-1 tw-flex tw-justify-center tw-self-center tw-leading-none" role="region" aria-label="Site logo"> 3496 3497 3498 3499 <div class="h2 site-header__logo tw-h-[40px] tw-w-[102px] tw-shrink-0 lg:tw-h-10 lg:tw-w-[117px]"> 3500 3501<a target="_self" href="/" class="site-header__logo-image tw-flex tw-h-full tw-w-full tw-items-center tw-justify-center" aria-label="Olipop"><h1 class="visually-hidden">OLIPOP</h1> 3502 <img 3503 class="lazyload js" 3504 src="//drinkolipop.com/cdn/shop/files/OlipopLogo_1.png?v=1778767782" 3505 alt="OLIPOP" 3506 width="102" 3507 height="40" 3508 > 3509 </a> 3510 3511 </div> 3512 3513 3514 </div> 3515 <!-- ./End Header Logo --> 3516 3517 <!-- Right Menu --> 3518 <div class="tw-col-span-2 tw-block tw-items-center tw-justify-end tw-self-center tw-justify-self-end tw-leading-none md:tw-flex"> 3519 3520 <nav aria-label="Desktop Right Menu"> 3521 <ul class="site-nav list--inline tw-hidden lg:tw-block"> 3522 3523<li 3524 3525 > 3526 <a 3527 href="/pages/store-locator" 3528 class="site-nav__link" 3529 3530 > 3531 <span class="site-nav__label">Find a store</span> 3532 </a> 3533 </li> 3534 3535 </ul> 3536 </nav> 3537 3538 3539 <div class="site-header__icons site-header__icons--plus" role="region" aria-label="Account and cart"> 3540 <div class="site-header__icons-wrapper"> 3541 3542 <div class="tw-block"> 3543 3544 <a href="/account/login" class="site-header__icon site-header__account nav-link">
3545 <span class="myaccount_icons"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" role="presentation" aria-hidden="true"> 3546 <path 3547 d="M12 2.25C10.0716 2.25 8.18657 2.82183 6.58319 3.89317C4.97982 4.96451 3.73013 6.48726 2.99218 8.26884C2.25422 10.0504 2.06114 12.0108 2.43735 13.9021C2.81355 15.7934 3.74215 17.5307 5.10571 18.8943C6.46928 20.2579 8.20656 21.1865 10.0979 21.5627C11.9892 21.9389 13.9496 21.7458 15.7312 21.0078C17.5127 20.2699 19.0355 19.0202 20.1068 17.4168C21.1782 15.8134 21.75 13.9284 21.75 12C21.7473 9.41498 20.7192 6.93661 18.8913 5.10872C17.0634 3.28084 14.585 2.25273 12 2.25ZM6.945 18.5156C7.48757 17.6671 8.23501 16.9688 9.11843 16.4851C10.0019 16.0013 10.9928 15.7478 12 15.7478C13.0072 15.7478 13.9982 16.0013 14.8816 16.4851C15.765 16.9688 16.5124 17.6671 17.055 18.5156C15.6097 19.6397 13.831 20.2499 12 20.2499C10.169 20.2499 8.39032 19.6397 6.945 18.5156ZM9 11.25C9 10.6567 9.17595 10.0766 9.5056 9.58329C9.83524 9.08994 10.3038 8.70542 10.852 8.47836C11.4001 8.2513 12.0033 8.19189 12.5853 8.30764C13.1672 8.4234 13.7018 8.70912 14.1213 9.12868C14.5409 9.54824 14.8266 10.0828 14.9424 10.6647C15.0581 11.2467 14.9987 11.8499 14.7716 12.3981C14.5446 12.9462 14.1601 13.4148 13.6667 13.7444C13.1734 14.0741 12.5933 14.25 12 14.25C11.2044 14.25 10.4413 13.9339 9.87868 13.3713C9.31607 12.8087 9 12.0456 9 11.25ZM18.165 17.4759C17.3285 16.2638 16.1524 15.3261 14.7844 14.7806C15.5192 14.2019 16.0554 13.4085 16.3184 12.5108C16.5815 11.6132 16.5582 10.6559 16.252 9.77207C15.9457 8.88825 15.3716 8.12183 14.6096 7.5794C13.8475 7.03696 12.9354 6.74548 12 6.74548C11.0646 6.74548 10.1525 7.03696 9.39044 7.5794C8.62839 8.12183 8.05432 8.88825 7.74805 9.77207C7.44179 10.6559 7.41855 11.6132 7.68157 12.5108C7.94459 13.4085 8.4808 14.2019 9.21563 14.7806C7.84765 15.3261 6.67147 16.2638 5.835 17.4759C4.77804 16.2873 4.0872 14.8185 3.84567 13.2464C3.60415 11.6743 3.82224 10.0658 4.47368 8.61478C5.12512 7.16372 6.18213 5.93192 7.51745 5.06769C8.85276 4.20346 10.4094 3.74367 12 3.74367C13.5906 3.74367 15.1473 4.20346 16.4826 5.06769C17.8179 5.93192 18.8749 7.16372 19.5263 8.61478C20.1778 10.0658 20.3959 11.6743 20.1543 13.2464C19.9128 14.8185 19.222 16.2873 18.165 17.4759Z" 3548 fill="#034638" 3549 /> 3550</svg> 3551</span> 3552 <span class="icon__fallback-text">Log in</span> 3553 </a> 3554 3555 </div> 3556 3557
3558 <div class="cart-btns tw-relative"> 3559 <div class="tw-hidden md:tw-block"> 3560 <a 3561 target="_self" 3562 href="/cart" 3563 aria-label="Open Cart" 3564 class="header__button header-cart-toggle site-header__icon site-header__cart tw-relative" 3565 js-header-cart-toggle 3566 > 3567 <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" role="presentation" aria-hidden="true"> 3568 <path 3569 d="M21.5756 5.51906C21.5052 5.43481 21.4172 5.36705 21.3177 5.32056C21.2183 5.27407 21.1098 5.24998 21 5.25H5.87625L5.30625 2.11594C5.27485 1.94313 5.1838 1.78681 5.04897 1.67425C4.91414 1.56169 4.74408 1.50003 4.56844 1.5H2.25C2.05109 1.5 1.86032 1.57902 1.71967 1.71967C1.57902 1.86032 1.5 2.05109 1.5 2.25C1.5 2.44891 1.57902 2.63968 1.71967 2.78033C1.86032 2.92098 2.05109 3 2.25 3H3.9375L6.33375 16.1522C6.40434 16.5422 6.57671 16.9067 6.83344 17.2087C6.47911 17.5397 6.22336 17.9623 6.09455 18.4298C5.96575 18.8972 5.96892 19.3912 6.10371 19.8569C6.23851 20.3226 6.49966 20.7419 6.85821 21.0683C7.21676 21.3947 7.6587 21.6154 8.13502 21.7059C8.61134 21.7965 9.10344 21.7533 9.55673 21.5813C10.01 21.4092 10.4068 21.115 10.7031 20.7312C10.9994 20.3474 11.1836 19.889 11.2353 19.407C11.287 18.9249 11.2041 18.4379 10.9959 18H15.2541C15.0863 18.3513 14.9995 18.7357 15 19.125C15 19.6442 15.154 20.1517 15.4424 20.5834C15.7308 21.0151 16.1408 21.3515 16.6205 21.5502C17.1001 21.7489 17.6279 21.8008 18.1371 21.6996C18.6463 21.5983 19.114 21.3483 19.4812 20.9812C19.8483 20.614 20.0983 20.1463 20.1996 19.6371C20.3008 19.1279 20.2489 18.6001 20.0502 18.1205C19.8515 17.6408 19.5151 17.2308 19.0834 16.9424C18.6517 16.654 18.1442 16.5 17.625 16.5H8.54719C8.37155 16.5 8.20149 16.4383 8.06665 16.3257C7.93182 16.2132 7.84077 16.0569 7.80938 15.8841L7.51219 14.25H18.3872C18.9141 14.2499 19.4243 14.0649 19.8288 13.7272C20.2333 13.3896 20.5064 12.9206 20.6006 12.4022L21.7406 6.13406C21.7599 6.02572 21.7551 5.91447 21.7266 5.80818C21.6981 5.7019 21.6466 5.60319 21.5756 5.51906ZM9.75 19.125C9.75 19.3475 9.68402 19.565 9.5604 19.75C9.43679 19.935 9.26109 20.0792 9.05552 20.1644C8.84995 20.2495 8.62375 20.2718 8.40552 20.2284C8.18729 20.185 7.98684 20.0778 7.8295 19.9205C7.67217 19.7632 7.56502 19.5627 7.52162 19.3445C7.47821 19.1262 7.50049 18.9 7.58564 18.6945C7.67078 18.4889 7.81498 18.3132 7.99998 18.1896C8.18499 18.066 8.4025 18 8.625 18C8.92337 18 9.20952 18.1185 9.4205 18.3295C9.63147 18.5405 9.75 18.8266 9.75 19.125ZM18.75 19.125C18.75 19.3475 18.684 19.565 18.5604 19.75C18.4368 19.935 18.2611 20.0792 18.0555 20.1644C17.85 20.2495 17.6238 20.2718 17.4055 20.2284C17.1873 20.185 16.9868 20.0778 16.8295 19.9205C16.6722 19.7632 16.565 19.5627 16.5216 19.3445C16.4782 19.1262 16.5005 18.9 16.5856 18.6945C16.6708 18.4889 16.815 18.3132 17 18.1896C17.185 18.066 17.4025 18 17.625 18C17.9234 18 18.2095 18.1185 18.4205 18.3295C18.6315 18.5405 18.75 18.8266 18.75 19.125ZM19.125 12.1341C19.0935 12.3074 19.0021 12.464 18.8666 12.5766C18.7312 12.6893 18.5605 12.7506 18.3844 12.75H7.23938L6.14906 6.75H20.1009L19.125 12.1341Z" 3570 fill="#034638" 3571 /> 3572</svg> 3573 3574 </a> 3575 </div> 3576 <div class="md:tw-hidden"> 3577 <a href="/cart" class="header__button site-header__icon site-header__cart tw-relative"> 3578 <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" role="presentation" aria-hidden="true"> 3579 <path 3580 d="M21.5756 5.51906C21.5052 5.43481 21.4172 5.36705 21.3177 5.32056C21.2183 5.27407 21.1098 5.24998 21 5.25H5.87625L5.30625 2.11594C5.27485 1.94313 5.1838 1.78681 5.04897 1.67425C4.91414 1.56169 4.74408 1.50003 4.56844 1.5H2.25C2.05109 1.5 1.86032 1.57902 1.71967 1.71967C1.57902 1.86032 1.5 2.05109 1.5 2.25C1.5 2.44891 1.57902 2.63968 1.71967 2.78033C1.86032 2.92098 2.05109 3 2.25 3H3.9375L6.33375 16.1522C6.40434 16.5422 6.57671 16.9067 6.83344 17.2087C6.47911 17.5397 6.22336 17.9623 6.09455 18.4298C5.96575 18.8972 5.96892 19.3912 6.10371 19.8569C6.23851 20.3226 6.49966 20.7419 6.85821 21.0683C7.21676 21.3947 7.6587 21.6154 8.13502 21.7059C8.61134 21.7965 9.10344 21.7533 9.55673 21.5813C10.01 21.4092 10.4068 21.115 10.7031 20.7312C10.9994 20.3474 11.1836 19.889 11.2353 19.407C11.287 18.9249 11.2041 18.4379 10.9959 18H15.2541C15.0863 18.3513 14.9995 18.7357 15 19.125C15 19.6442 15.154 20.1517 15.4424 20.5834C15.7308 21.0151 16.1408 21.3515 16.6205 21.5502C17.1001 21.7489 17.6279 21.8008 18.1371 21.6996C18.6463 21.5983 19.114 21.3483 19.4812 20.9812C19.8483 20.614 20.0983 20.1463 20.1996 19.6371C20.3008 19.1279 20.2489 18.6001 20.0502 18.1205C19.8515 17.6408 19.5151 17.2308 19.0834 16.9424C18.6517 16.654 18.1442 16.5 17.625 16.5H8.54719C8.37155 16.5 8.20149 16.4383 8.06665 16.3257C7.93182 16.2132 7.84077 16.0569 7.80938 15.8841L7.51219 14.25H18.3872C18.9141 14.2499 19.4243 14.0649 19.8288 13.7272
3580C20.2333 13.3896 20.5064 12.9206 20.6006 12.4022L21.7406 6.13406C21.7599 6.02572 21.7551 5.91447 21.7266 5.80818C21.6981 5.7019 21.6466 5.60319 21.5756 5.51906ZM9.75 19.125C9.75 19.3475 9.68402 19.565 9.5604 19.75C9.43679 19.935 9.26109 20.0792 9.05552 20.1644C8.84995 20.2495 8.62375 20.2718 8.40552 20.2284C8.18729 20.185 7.98684 20.0778 7.8295 19.9205C7.67217 19.7632 7.56502 19.5627 7.52162 19.3445C7.47821 19.1262 7.50049 18.9 7.58564 18.6945C7.67078 18.4889 7.81498 18.3132 7.99998 18.1896C8.18499 18.066 8.4025 18 8.625 18C8.92337 18 9.20952 18.1185 9.4205 18.3295C9.63147 18.5405 9.75 18.8266 9.75 19.125ZM18.75 19.125C18.75 19.3475 18.684 19.565 18.5604 19.75C18.4368 19.935 18.2611 20.0792 18.0555 20.1644C17.85 20.2495 17.6238 20.2718 17.4055 20.2284C17.1873 20.185 16.9868 20.0778 16.8295 19.9205C16.6722 19.7632 16.565 19.5627 16.5216 19.3445C16.4782 19.1262 16.5005 18.9 16.5856 18.6945C16.6708 18.4889 16.815 18.3132 17 18.1896C17.185 18.066 17.4025 18 17.625 18C17.9234 18 18.2095 18.1185 18.4205 18.3295C18.6315 18.5405 18.75 18.8266 18.75 19.125ZM19.125 12.1341C19.0935 12.3074 19.0021 12.464 18.8666 12.5766C18.7312 12.6893 18.5605 12.7506 18.3844 12.75H7.23938L6.14906 6.75H20.1009L19.125 12.1341Z" 3581 fill="#034638" 3582 /> 3583</svg> 3584 3585 </a> 3586 </div> 3587 <div 3588 class="cart-item-count-badge tw-pointer-events-none tw-absolute -tw-top-1 tw-right-[-7px] tw-flex tw-h-4 tw-w-4 tw-items-center tw-justify-center tw-overflow-hidden tw-rounded-full tw-bg-[#008168] md:tw-right-0.5 md:tw-top-[5px] md:tw-h-4.5 md:tw-w-4.5" 3589 data-component="cartToggle" 3590 3591 style="display: none;" 3592 3593> 3594 <span class="tw-sr-only">items in cart</span> 3595 <span class="cart-item-count-badge__value" aria-live="polite">0</span> 3596</div> 3597 3598<style> 3599 .cart-item-count-badge { 3600 right: -3px; 3601 } 3602 3603 @media screen and (min-width: 750px) { 3604 .cart-item-count-badge { 3605 top: -6px; 3606 right: 4px; 3607 } 3608 } 3609 3610 @media screen and (min-width: 1183px) { 3611 .cart-item-count-badge { 3612 top: 5px; 3613 right: 7px; 3614 } 3615 } 3616</style> 3617 3618 </div> 3619 </div> 3620 <button 3621 type="button" 3622 class="site-header__mobile-menu-close-btn header__button tw-shrink-0 tw-bg-transparent tw-p-0" 3623 js-mobile-menu-close 3624 aria-label="Close menu" 3625 > 3626 <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" role="presentation" aria-hidden="true"> 3627 <path 3628 d="M19.2806 18.2194C19.3502 18.2891 19.4055 18.3718 19.4432 18.4628C19.4809 18.5539 19.5003 18.6515 19.5003 18.75C19.5003 18.8485 19.4809 18.9461 19.4432 19.0372C19.4055 19.1282 19.3502 19.2109 19.2806 19.2806C19.2109 19.3503 19.1281 19.4056 19.0371 19.4433C18.9461 19.481 18.8485 19.5004 18.7499 19.5004C18.6514 19.5004 18.5538 19.481 18.4628 19.4433C18.3717 19.4056 18.289 19.3503 18.2193 19.2806L11.9999 13.0603L5.78055 19.2806C5.63982 19.4214 5.44895 19.5004 5.24993 19.5004C5.05091 19.5004 4.86003 19.4214 4.7193 19.2806C4.57857 19.1399 4.49951 18.949 4.49951 18.75C4.49951 18.551 4.57857 18.3601 4.7193 18.2194L10.9396 12L4.7193 5.78063C4.57857 5.6399 4.49951 5.44902 4.49951 5.25C4.49951 5.05098 4.57857 4.86011 4.7193 4.71938C4.86003 4.57865 5.05091 4.49958 5.24993 4.49958C5.44895 4.49958 5.63982 4.57865 5.78055 4.71938L11.9999 10.9397L18.2193 4.71938C18.36 4.57865 18.5509 4.49958 18.7499 4.49958C18.949 4.49958 19.1398 4.57865 19.2806 4.71938C19.4213 4.86011 19.5003 5.05098 19.5003 5.25C19.5003 5.44902 19.4213 5.6399 19.2806 5.78063L13.0602 12L19.2806 18.2194Z" 3629 fill="currentColor" 3630 /> 3631</svg> 3632 3633 </button> 3634 </div> 3635 </div> 3636 <!-- ./End Right Menu --> 3637 </div> 3638 3639 3640 3641 3642 </div> 3643 3644 <div class="site-nav-dropdown tw-absolute tw-hidden tw-w-full tw-bg-[#FFF6EA] tw-opacity-0 tw-transition-opacity tw-duration-300 tw-ease-in-out"> 3645 3646 3647 3648 3649 3650 3651 3652 3653<div 3654 class="site-nav-dropdown__menu--shop site-nav-dropdown__menu tw-mx-auto tw-w-full tw-min-h-0" 3655 id="site-nav-menu-dropdown-shop" 3656 tabindex="-1" 3657> 3658 <button type="button" class="site-nav-dropdown-close">Close menu Shop</button> 3659 3660 <div 3661 class="site-nav-dropdown__layout site-nav-dropdown__layout--shop tw-flex tw-h-full tw-min-h-0 tw-w-full tw-flex-1 tw-flex-row tw-bg-[#FDF9F0]" 3662 > 3663 <aside 3664 class="site-nav-dropdown__links tw-flex tw-min-h-0 tw-w-[min(30%,372px)] tw-min-w-[220px] tw-shrink-0 tw-flex-col" 3665 > 3666 <nav class="site-nav-dropdown__category-nav tw-flex tw-min-h-0 tw-flex-col tw-overflow-y-auto" aria-label="Shop categories"> 3667 <div 3668 class="site-nav-dropdown__link site-nav-dropdown__link-parent tw-block" 3669 data-handle="nav-dropdown-9g-fiber-line" 3670 > 3671 <button 3672 class="site-nav-dropdown__category-trigger tw-w-full tw-border-none tw-bg-transparent tw-p-0 tw-pt-[20px] tw-pr-[20px] tw-pb-[20px] tw-pl-[60px] tw-text-left" 3673 type="button" 3674 aria-expanded="true" 3675 >
3676 <span class="site-nav-dropdown__category-label site-nav-dropdown__secondary-title tw-flex tw-w-full tw-items-center tw-justify-between"> 3677 9g fiber line 3678 <span class="site-nav-dropdown__category-arrow tw-ml-3 tw-inline-flex tw-shrink-0" aria-hidden="true"><svg 3679 xmlns="http://www.w3.org/2000/svg" 3680 width="24" 3681 height="24" 3682 viewBox="0 0 24 24" 3683 fill="none" 3684 aria-hidden="true" 3685 focusable="false" 3686 role="presentation" 3687 class="icon icon-chevron-three-right" 3688> 3689 <path 3690 d="M17.0306 12.5306L9.53055 20.0306C9.46087 20.1003 9.37815 20.1556 9.2871 20.1933C9.19606 20.231 9.09847 20.2504 8.99993 20.2504C8.90138 20.2504 8.8038 20.231 8.71276 20.1933C8.62171 20.1556 8.53899 20.1003 8.4693 20.0306C8.39962 19.9609 8.34435 19.8782 8.30663 19.7872C8.26892 19.6961 8.24951 19.5985 8.24951 19.5C8.24951 19.4015 8.26892 19.3039 8.30663 19.2128C8.34435 19.1218 8.39962 19.0391 8.4693 18.9694L15.4396 12L8.4693 5.03062C8.32857 4.88989 8.24951 4.69902 8.24951 4.5C8.24951 4.30097 8.32857 4.1101 8.4693 3.96937C8.61003 3.82864 8.80091 3.74958 8.99993 3.74958C9.19895 3.74958 9.38982 3.82864 9.53055 3.96937L17.0306 11.4694C17.1003 11.539 17.1556 11.6217 17.1933 11.7128C17.2311 11.8038 17.2505 11.9014 17.2505 12C17.2505 12.0986 17.2311 12.1962 17.1933 12.2872C17.1556 12.3783 17.1003 12.461 17.0306 12.5306Z" 3691 fill="#034638" 3692 /> 3693</svg> 3694</span> 3695 </span> 3696 </button> 3697 </div> 3698 3699 3700 <div 3701 class="site-nav-dropdown__link site-nav-dropdown__link-parent tw-block" 3702 data-handle="nav-dropdown-6g-fiber-line" 3703 > 3704 <button 3705 class="site-nav-dropdown__category-trigger tw-w-full tw-border-none tw-bg-transparent tw-p-0 tw-pt-[20px] tw-pr-[20px] tw-pb-[20px] tw-pl-[60px] tw-text-left" 3706 type="button" 3707 aria-expanded="false" 3708 > 3709 <span class="site-nav-dropdown__category-label site-nav-dropdown__secondary-title tw-flex tw-w-full tw-items-center tw-justify-between"> 3710 6g fiber line 3711 <span class="site-nav-dropdown__category-arrow tw-ml-3 tw-inline-flex tw-shrink-0" aria-hidden="true"><svg 3712 xmlns="http://www.w3.org/2000/svg" 3713 width="24" 3714 height="24" 3715 viewBox="0 0 24 24" 3716 fill="none" 3717 aria-hidden="true" 3718 focusable="false" 3719 role="presentation" 3720 class="icon icon-chevron-three-right" 3721> 3722 <path 3723 d="M17.0306 12.5306L9.53055 20.0306C9.46087 20.1003 9.37815 20.1556 9.2871 20.1933C9.19606 20.231 9.09847 20.2504 8.99993 20.2504C8.90138 20.2504 8.8038 20.231 8.71276 20.1933C8.62171 20.1556 8.53899 20.1003 8.4693 20.0306C8.39962 19.9609 8.34435 19.8782 8.30663 19.7872C8.26892 19.6961 8.24951 19.5985 8.24951 19.5C8.24951 19.4015 8.26892 19.3039 8.30663 19.2128C8.34435 19.1218 8.39962 19.0391 8.4693 18.9694L15.4396 12L8.4693 5.03062C8.32857 4.88989 8.24951 4.69902 8.24951 4.5C8.24951 4.30097 8.32857 4.1101 8.4693 3.96937C8.61003 3.82864 8.80091 3.74958 8.99993 3.74958C9.19895 3.74958 9.38982 3.82864 9.53055 3.96937L17.0306 11.4694C17.1003 11.539 17.1556 11.6217 17.1933 11.7128C17.2311 11.8038 17.2505 11.9014 17.2505 12C17.2505 12.0986 17.2311 12.1962 17.1933 12.2872C17.1556 12.3783 17.1003 12.461 17.0306 12.5306Z" 3724 fill="#034638" 3725 /> 3726</svg> 3727</span> 3728 </span> 3729 </button> 3730 </div> 3731 3732 3733 <div 3734 class="site-nav-dropdown__link site-nav-dropdown__link-parent tw-block" 3735 data-handle="nav-dropdown-minis" 3736 > 3737 <button 3738 class="site-nav-dropdown__category-trigger tw-w-full tw-border-none tw-bg-transparent tw-p-0 tw-pt-[20px] tw-pr-[20px] tw-pb-[20px] tw-pl-[60px] tw-text-left" 3739 type="button" 3740 aria-expanded="false" 3741 > 3742 <span class="site-nav-dropdown__category-label site-nav-dropdown__secondary-title tw-flex tw-w-full tw-items-center tw-justify-between"> 3743 MINIs 3744 <span class="site-nav-dropdown__category-arrow tw-ml-3 tw-inline-flex tw-shrink-0" aria-hidden="true"><svg 3745 xmlns="http://www.w3.org/2000/svg" 3746 width="24" 3747 height="24" 3748 viewBox="0 0 24 24" 3749 fill="none" 3750 aria-hidden="true" 3751 focusable="false" 3752 role="presentation" 3753 class="icon icon-chevron-three-right" 3754> 3755 <path 3756 d="M17.0306 12.5306L9.53055 20.0306C9.46087 20.1003 9.37815 20.1556 9.2871 20.1933C9.19606 20.231 9.09847 20.2504 8.99993 20.2504C8.90138 20.2504 8.8038 20.231 8.71276 20.1933C8.62171 20.1556 8.53899 20.1003 8.4693 20.0306C8.39962 19.9609 8.34435 19.8782 8.30663 19.7872C8.26892 19.6961 8.24951 19.5985 8.24951 19.5C8.24951 19.4015 8.26892 19.3039 8.30663 19.2128C8.34435 19.1218 8.39962 19.0391 8.4693 18.9694L15.4396 12L8.4693 5.03062C8.32857 4.88989 8.24951 4.69902 8.24951 4.5C8.24951 4.30097 8.32857 4.1101 8.4693 3.96937C8.61003 3.82864 8.80091 3.74958 8.99993 3.74958C9.19895 3.74958 9.38982 3.828
375664 9.53055 3.96937L17.0306 11.4694C17.1003 11.539 17.1556 11.6217 17.1933 11.7128C17.2311 11.8038 17.2505 11.9014 17.2505 12C17.2505 12.0986 17.2311 12.1962 17.1933 12.2872C17.1556 12.3783 17.1003 12.461 17.0306 12.5306Z" 3757 fill="#034638" 3758 /> 3759</svg> 3760</span> 3761 </span> 3762 </button> 3763 </div> 3764 3765 3766 <div 3767 class="site-nav-dropdown__link site-nav-dropdown__link-parent tw-block" 3768 data-handle="nav-dropdown-limited-edition-flavors" 3769 > 3770 <button 3771 class="site-nav-dropdown__category-trigger tw-w-full tw-border-none tw-bg-transparent tw-p-0 tw-pt-[20px] tw-pr-[20px] tw-pb-[20px] tw-pl-[60px] tw-text-left" 3772 type="button" 3773 aria-expanded="false" 3774 > 3775 <span class="site-nav-dropdown__category-label site-nav-dropdown__secondary-title tw-flex tw-w-full tw-items-center tw-justify-between"> 3776 Limited edition flavors 3777 <span class="site-nav-dropdown__category-arrow tw-ml-3 tw-inline-flex tw-shrink-0" aria-hidden="true"><svg 3778 xmlns="http://www.w3.org/2000/svg" 3779 width="24" 3780 height="24" 3781 viewBox="0 0 24 24" 3782 fill="none" 3783 aria-hidden="true" 3784 focusable="false" 3785 role="presentation" 3786 class="icon icon-chevron-three-right" 3787> 3788 <path 3789 d="M17.0306 12.5306L9.53055 20.0306C9.46087 20.1003 9.37815 20.1556 9.2871 20.1933C9.19606 20.231 9.09847 20.2504 8.99993 20.2504C8.90138 20.2504 8.8038 20.231 8.71276 20.1933C8.62171 20.1556 8.53899 20.1003 8.4693 20.0306C8.39962 19.9609 8.34435 19.8782 8.30663 19.7872C8.26892 19.6961 8.24951 19.5985 8.24951 19.5C8.24951 19.4015 8.26892 19.3039 8.30663 19.2128C8.34435 19.1218 8.39962 19.0391 8.4693 18.9694L15.4396 12L8.4693 5.03062C8.32857 4.88989 8.24951 4.69902 8.24951 4.5C8.24951 4.30097 8.32857 4.1101 8.4693 3.96937C8.61003 3.82864 8.80091 3.74958 8.99993 3.74958C9.19895 3.74958 9.38982 3.82864 9.53055 3.96937L17.0306 11.4694C17.1003 11.539 17.1556 11.6217 17.1933 11.7128C17.2311 11.8038 17.2505 11.9014 17.2505 12C17.2505 12.0986 17.2311 12.1962 17.1933 12.2872C17.1556 12.3783 17.1003 12.461 17.0306 12.5306Z" 3790 fill="#034638" 3791 /> 3792</svg> 3793</span> 3794 </span> 3795 </button> 3796 </div> 3797 3798 3799 <div 3800 class="site-nav-dropdown__link site-nav-dropdown__link-parent tw-block" 3801 data-handle="nav-dropdown-variety-packs" 3802 > 3803 <button 3804 class="site-nav-dropdown__category-trigger tw-w-full tw-border-none tw-bg-transparent tw-p-0 tw-pt-[20px] tw-pr-[20px] tw-pb-[20px] tw-pl-[60px] tw-text-left" 3805 type="button" 3806 aria-expanded="false" 3807 > 3808 <span class="site-nav-dropdown__category-label site-nav-dropdown__secondary-title tw-flex tw-w-full tw-items-center tw-justify-between"> 3809 Variety packs 3810 <span class="site-nav-dropdown__category-arrow tw-ml-3 tw-inline-flex tw-shrink-0" aria-hidden="true"><svg 3811 xmlns="http://www.w3.org/2000/svg" 3812 width="24" 3813 height="24" 3814 viewBox="0 0 24 24" 3815 fill="none" 3816 aria-hidden="true" 3817 focusable="false" 3818 role="presentation" 3819 class="icon icon-chevron-three-right" 3820> 3821 <path 3822 d="M17.0306 12.5306L9.53055 20.0306C9.46087 20.1003 9.37815 20.1556 9.2871 20.1933C9.19606 20.231 9.09847 20.2504 8.99993 20.2504C8.90138 20.2504 8.8038 20.231 8.71276 20.1933C8.62171 20.1556 8.53899 20.1003 8.4693 20.0306C8.39962 19.9609 8.34435 19.8782 8.30663 19.7872C8.26892 19.6961 8.24951 19.5985 8.24951 19.5C8.24951 19.4015 8.26892 19.3039 8.30663 19.2128C8.34435 19.1218 8.39962 19.0391 8.4693 18.9694L15.4396 12L8.4693 5.03062C8.32857 4.88989 8.24951 4.69902 8.24951 4.5C8.24951 4.30097 8.32857 4.1101 8.4693 3.96937C8.61003 3.82864 8.80091 3.74958 8.99993 3.74958C9.19895 3.74958 9.38982 3.82864 9.53055 3.96937L17.0306 11.4694C17.1003 11.539 17.1556 11.6217 17.1933 11.7128C17.2311 11.8038 17.2505 11.9014 17.2505 12C17.2505 12.0986 17.2311 12.1962 17.1933 12.2872C17.1556 12.3783 17.1003 12.461 17.0306 12.5306Z" 3823 fill="#034638" 3824 /> 3825</svg> 3826</span> 3827 </span> 3828 </button> 3829 </div> 3830 3831</nav> 3832 3833 <div class="site-nav-dropdown__links-footer"> 3834 <a 3835 href="/collections/drinks" 3836 class="site-nav-dropdown__footer-shop-all dropdown-btn" 3837 > 3838 Shop All 3839 </a> 3840 </div> 3841 </aside> 3842 3843 <div class="site-nav-dropdown__panel tw-relative tw-flex tw-h-full tw-min-h-0 tw-min-w-0 tw-flex-1 tw-flex-col tw-overflow-x-hidden tw-overflow-y-visible tw-bg-[#FFF6EA]"> 3844 3845 3846 <div 3847 id="nav-dropdown-9g-fiber-line" 3848 class="site-nav-dropdown__child-menu tw-absolute tw-inset-0 tw-min-h-0 tw-w-full tw-overflow-x-hidden tw-overflow-y-visible tw-pl-4 tw-pt-8 md:tw-pl-8" 3849 > 3850 <div class="site-nav-dropdown__child-menu-inner tw-flex tw-min-h-0 tw-flex-1 tw-flex-col tw-overflow-visible"> 3851 <header class="site-nav-dropdown__subnav-header tw-pl-1"> 3852 <div class="site-nav-dropdown__subnav-header-top tw-flex tw-flex-col tw-gap-4 lg:tw-flex-row lg:tw-items-start lg:tw-justify-between"> 3853 <div class="site-nav-dropdown__subnav-titles tw-min-w-0 tw-flex-1"> 3854 <h2 class="site-nav-dropdown__subnav-title"> 3855 3856 Shop 9g fiber 3857 3858 </h2> 3859 3860 <div class="site-nav-dropdown__category-headline"> 3861 <div class="site-nav-dropdown__category-headline-text rte">
3862 <span class="metafield-single_line_text_field">Keep refrigerated</span> 3863 </div> 3864 3865 <span class="site-nav-dropdown__category-headline-icon" aria-hidden="true"> 3866 <img src="//drinkolipop.com/cdn/shop/files/Icons_3.svg?v=1776439621&width=64" alt="" srcset="//drinkolipop.com/cdn/shop/files/Icons_3.svg?v=1776439621&width=32 32w" width="32" height="32" loading="lazy" class="site-nav-dropdown__category-headline-img"> 3867 </span> 3868 3869 </div> 3870 3871 3872 <div class="site-nav-dropdown__category-description rte"> 3873 <span class="metafield-multi_line_text_field">Our original refrigerated formula, with higher fiber per can to get more out of every sip.</span> 3874 </div> 3875 3876 </div> 3877 <a 3878 class="site-nav-dropdown__shop-all-outline" 3879 href="/collections/shop-9g-fiber" 3880 > 3881 3882 Shop All 9g Fiber 3883 3884 </a> 3885 </div> 3886 </header> 3887 3888 <div 3889 class="site-nav-dropdown__carousel tw-relative tw-flex tw-min-h-0 tw-flex-1 tw-flex-col tw-pl-0 tw-mt-[-3rem]" 3890 data-nav-carousel 3891 > 3892 <div 3893 class="site-nav-dropdown__carousel-toolbar tw-flex tw-w-full tw-items-center tw-justify-end tw-gap-1 tw-pr-14" 3894 aria-hidden="false" 3895 > 3896 <button 3897 type="button" 3898 class="site-nav-dropdown__carousel-btn site-nav-dropdown__carousel-btn--prev site-nav-dropdown__carousel-btn--toolbar" 3899 aria-label="Show previous products" 3900 > 3901<svg 3902 xmlns="http://www.w3.org/2000/svg" 3903 width="24" 3904 height="24" 3905 viewBox="0 0 24 24" 3906 fill="none" 3907 class="site-nav-dropdown__carousel-arrow-svg" 3908 aria-hidden="true" 3909 focusable="false" 3910> 3911 <path 3912 d="M20.7806 12.5306L14.0306 19.2806C13.8899 19.4214 13.699 19.5004 13.5 19.5004C13.301 19.5004 13.1101 19.4214 12.9694 19.2806C12.8286 19.1399 12.7496 18.949 12.7496 18.75C12.7496 18.551 12.8286 18.3601 12.9694 18.2194L18.4397 12.75H3.75C3.55109 12.75 3.36032 12.671 3.21967 12.5303C3.07902 12.3897 3 12.1989 3 12C3 11.8011 3.07902 11.6103 3.21967 11.4697C3.36032 11.329 3.55109 11.25 3.75 11.25H18.4397L12.9694 5.78063C12.8286 5.6399 12.7496 5.44903 12.7496 5.25001C12.7496 5.05098 12.8286 4.86011 12.9694 4.71938C13.1101 4.57865 13.301 4.49959 13.5 4.49959C13.699 4.49959 13.8899 4.57865 14.0306 4.71938L20.7806 11.4694C20.8504 11.539 20.9057 11.6218 20.9434 11.7128C20.9812 11.8038 21.0006 11.9014 21.0006 12C21.0006 12.0986 20.9812 12.1962 20.9434 12.2872C20.9057 12.3783 20.8504 12.461 20.7806 12.5306Z" 3913 fill="currentColor" 3914 /> 3915</svg> 3916</button> 3917 <button 3918 type="button" 3919 class="site-nav-dropdown__carousel-btn site-nav-dropdown__carousel-btn--next site-nav-dropdown__carousel-btn--toolbar" 3920 aria-label="Show next products" 3921 > 3922<svg 3923 xmlns="http://www.w3.org/2000/svg" 3924 width="24" 3925 height="24" 3926 viewBox="0 0 24 24" 3927 fill="none" 3928 class="site-nav-dropdown__carousel-arrow-svg" 3929 aria-hidden="true" 3930 focusable="false" 3931> 3932 <path 3933 d="M20.7806 12.5306L14.0306 19.2806C13.8899 19.4214 13.699 19.5004 13.5 19.5004C13.301 19.5004 13.1101 19.4214 12.9694 19.2806C12.8286 19.1399 12.7496 18.949 12.7496 18.75C12.7496 18.551 12.8286 18.3601 12.9694 18.2194L18.4397 12.75H3.75C3.55109 12.75 3.36032 12.671 3.21967 12.5303C3.07902 12.3897 3 12.1989 3 12C3 11.8011 3.07902 11.6103 3.21967 11.4697C3.36032 11.329 3.55109 11.25 3.75 11.25H18.4397L12.9694 5.78063C12.8286 5.6399 12.7496 5.44903 12.7496 5.25001C12.7496 5.05098 12.8286 4.86011 12.9694 4.71938C13.1101 4.57865 13.301 4.49959 13.5 4.49959C13.699 4.49959 13.8899 4.57865 14.0306 4.71938L20.7806 11.4694C20.8504 11.539 20.9057 11.6218 20.9434 11.7128C2
39330.9812 11.8038 21.0006 11.9014 21.0006 12C21.0006 12.0986 20.9812 12.1962 20.9434 12.2872C20.9057 12.3783 20.8504 12.461 20.7806 12.5306Z" 3934 fill="currentColor" 3935 /> 3936</svg> 3937</button> 3938 </div> 3939 <div 3940 class="site-nav-dropdown__carousel-track tw-min-h-0 tw-flex-1 tw-overflow-x-auto tw-overflow-y-visible tw-scroll-smooth tw-pb-8" 3941 data-carousel-track 3942 tabindex="0" 3943 role="region" 3944 aria-roledescription="carousel" 3945 aria-label="9g fiber line products" 3946 > 3947 <ul class="site-nav-dropdown__product-row tw-m-0 tw-flex tw-list-none tw-flex-nowrap tw-gap-[2px] tw-p-0 tw-pl-1"> 3948 3949 3950 3951 3952 3953 3954 3955 3956 3957 3958 3959 3960 3961 <li class="9g-fiber-line-tile tw-w-[136px] tw-flex-shrink-0"> 3962 <a 3963 href="/products/caramel-apple" 3964 class="site-nav-dropdown__product-card site-nav__child-link tw-flex tw-w-[136px] tw-max-w-[136px] tw-flex-col tw-items-stretch tw-overflow-visible tw-bg-transparent tw-p-0 tw-text-center" 3965 3966 > 3967 <span class="site-nav-dropdown__product-card-media"> 3968 3969 <div 3970 class="product-badge product-badge--nav product-badge--short-text" 3971 role="status" 3972 aria-label="New" 3973 > 3974 <svg class="product-badge__shape" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 72 72" fill="none" aria-hidden="true"> 3975 <path d="M33.6354 1.15556C34.8423 -0.385184 37.1577 -0.385187 38.3646 1.15556L42.852 6.8839C43.6453 7.89657 44.9853 8.29373 46.195 7.87473L53.0381 5.5046C54.8787 4.86711 56.8265 6.13068 57.0166 8.0855L57.7235 15.3533C57.8485 16.6382 58.763 17.7036 60.0051 18.0113L67.0313 19.7519C68.9212 20.22 69.883 22.346 68.996 24.0942L65.698 30.5941C65.1149 31.7432 65.3137 33.1385 66.1938 34.0752L71.1724 39.3739C72.5115 40.7991 72.1819 43.1125 70.4993 44.0991L64.2435 47.7673C63.1376 48.4158 62.5575 49.6981 62.7962 50.9664L64.1464 58.1409C64.5096 60.0706 62.9933 61.8369 61.0494 61.7487L53.822 61.4206C52.5443 61.3626 51.3694 62.1248 50.8909 63.322L48.1842 70.0944C47.4562 71.916 45.2346 72.5745 43.6465 71.4394L37.7421 67.2192C36.6983 66.4731 35.3017 66.4731 34.2579 67.2192L28.3535 71.4394C26.7655 72.5745 24.5438 71.916 23.8158 70.0944L21.1091 63.322C20.6306 62.1248 19.4557 61.3626 18.178 61.4206L10.9506 61.7487C9.00666 61.8369 7.4904 60.0706 7.85357 58.1409L9.20384 50.9664C9.44255 49.6981 8.86239 48.4158 7.75647 47.7673L1.50067 44.0991C-0.181946 43.1125 -0.511462 40.7991 0.827617 39.3739L5.80619 34.0752C6.68632 33.1385 6.88508 31.7432 6.30204 30.5941L3.00403 24.0942C2.11697 22.346 3.07881 20.22 4.96864 19.7519L11.9949 18.0113C13.237 17.7036 14.1515 16.6382 14.2765 15.3533L14.9834 8.08551C15.1735 6.13069 17.1213 4.86711 18.9619 5.5046L25.805 7.87473C27.0147 8.29373 28.3547 7.89657 29.148 6.8839L33.6354 1.15556Z" fill="#98E1C3"/> 3976 </svg> 3977 <span class="product-badge__text" style="color: #034638;">New</span> 3978 </div> 3979 3980 3981 3982 3983 3984 3985 3986 3987 3988 <img 3989 class="site-nav-dropdown__product-card-img nav-product-hero" 3990 src="//drinkolipop.com/cdn/shop/files/caramel-apple-9g-olipop_gallery-image_single-can_new_asset.webp?crop=center&height=362&v=1788145122&width=272" 3991 width="136" 3992 height="181" 3993 alt="Caramel Apple" 3994 loading="lazy" 3995 decoding="async" 3996 > 3997 3998 </span>
3999 <span class="site-nav-dropdown__product-card-label"> 4000 4001 Caramel Apple 4002 4003 </span> 4004 </a> 4005 </li> 4006 4007 4008 4009 4010 4011 4012 4013 4014 4015 <li class="9g-fiber-line-tile tw-w-[136px] tw-flex-shrink-0"> 4016 <a 4017 href="/products/blackberry-vanilla" 4018 class="site-nav-dropdown__product-card site-nav__child-link tw-flex tw-w-[136px] tw-max-w-[136px] tw-flex-col tw-items-stretch tw-overflow-visible tw-bg-transparent tw-p-0 tw-text-center" 4019 4020 > 4021 <span class="site-nav-dropdown__product-card-media"> 4022 4023 4024 4025 4026 4027 4028 4029 4030 4031 <img 4032 class="site-nav-dropdown__product-card-img nav-product-hero" 4033 src="//drinkolipop.com/cdn/shop/files/blackberry-vanilla-9g-olipop_gallery-image_single-can_new_asset.webp?crop=center&height=362&v=1779162450&width=272" 4034 width="136" 4035 height="181" 4036 alt="Blackberry Vanilla" 4037 loading="lazy" 4038 decoding="async" 4039 > 4040 4041 </span> 4042 <span class="site-nav-dropdown__product-card-label"> 4043 4044 Blackberry Vanilla 4045 4046 </span> 4047 </a> 4048 </li> 4049 4050 4051 4052 4053 4054 4055 4056 4057 4058 <li class="9g-fiber-line-tile tw-w-[136px] tw-flex-shrink-0"> 4059 <a 4060 href="/products/crisp-apple" 4061 class="site-nav-dropdown__product-card site-nav__child-link tw-flex tw-w-[136px] tw-max-w-[136px] tw-flex-col tw-items-stretch tw-overflow-visible tw-bg-transparent tw-p-0 tw-text-center" 4062 4063 > 4064 <span class="site-nav-dropdown__product-card-media"> 4065 4066 4067 4068 4069 4070 4071 4072 4073 4074 <img 4075 class="site-nav-dropdown__product-card-img nav-product-hero" 4076 src="//drinkolipop.com/cdn/shop/files/crisp-apple-9g-olipop_gallery-image_single-can_new_asset.webp?crop=center&height=362&v=1779163593&width=272" 4077 width="136" 4078 height="181" 4079 alt="Crisp Apple" 4080 loading="lazy" 4081 decoding="async" 4082 > 4083 4084 </span> 4085 <span class="site-nav-dropdown__product-card-label"> 4086 4087 Crisp Apple 4088 4089 </span> 4090 </a> 4091 </li> 4092 4093 4094 4095 4096 4097 4098 4099 4100 4101 <li class="9g-fiber-line-tile tw-w-[136px] tw-flex-shrink-0"> 4102 <a 4103 href="/products/classic-grape" 4104 class="site-nav-dropdown__product-card site-nav__child-link tw-flex tw-w-[136px] tw-max-w-[136px] tw-flex-col tw-items-stretch tw-overflow-visible tw-bg-transparent tw-p-0 tw-text-center" 4105 4106 >
4107 <span class="site-nav-dropdown__product-card-media"> 4108 4109 4110 4111 4112 4113 4114 4115 4116 4117 <img 4118 class="site-nav-dropdown__product-card-img nav-product-hero" 4119 src="//drinkolipop.com/cdn/shop/files/classic-grape-9g-olipop_gallery-image_single-can_new_asset.webp?crop=center&height=362&v=1779163040&width=272" 4120 width="136" 4121 height="181" 4122 alt="Classic Grape" 4123 loading="lazy" 4124 decoding="async" 4125 > 4126 4127 </span> 4128 <span class="site-nav-dropdown__product-card-label"> 4129 4130 Classic Grape 4131 4132 </span> 4133 </a> 4134 </li> 4135 4136 4137 4138 4139 4140 4141 4142 4143 4144 <li class="9g-fiber-line-tile tw-w-[136px] tw-flex-shrink-0"> 4145 <a 4146 href="/products/classic-root-beer" 4147 class="site-nav-dropdown__product-card site-nav__child-link tw-flex tw-w-[136px] tw-max-w-[136px] tw-flex-col tw-items-stretch tw-overflow-visible tw-bg-transparent tw-p-0 tw-text-center" 4148 4149 > 4150 <span class="site-nav-dropdown__product-card-media"> 4151 4152 4153 4154 4155 4156 4157 4158 4159 4160 <img 4161 class="site-nav-dropdown__product-card-img nav-product-hero" 4162 src="//drinkolipop.com/cdn/shop/files/classic-root-beer-9g-olipop_gallery-image_single-can_new_asset.webp?crop=center&height=362&v=1779161742&width=272" 4163 width="136" 4164 height="181" 4165 alt="Classic Root Beer" 4166 loading="lazy" 4167 decoding="async" 4168 > 4169 4170 </span> 4171 <span class="site-nav-dropdown__product-card-label"> 4172 4173 Classic Root Beer 4174 4175 </span> 4176 </a> 4177 </li> 4178 4179 4180 4181 4182 4183 4184 4185 4186 4187 <li class="9g-fiber-line-tile tw-w-[136px] tw-flex-shrink-0"> 4188 <a 4189 href="/products/vintage-cola" 4190 class="site-nav-dropdown__product-card site-nav__child-link tw-flex tw-w-[136px] tw-max-w-[136px] tw-flex-col tw-items-stretch tw-overflow-visible tw-bg-transparent tw-p-0 tw-text-center" 4191 4192 > 4193 <span class="site-nav-dropdown__product-card-media"> 4194 4195 4196 4197 4198 4199 4200 4201 4202 4203 <img 4204 class="site-nav-dropdown__product-card-img nav-product-hero" 4205 src="//drinkolipop.com/cdn/shop/files/vintage-cola-9g-olipop_gallery-image_single-can_new_asset.webp?crop=center&height=362&v=1779161590&width=272" 4206 width="136" 4207 height="181" 4208 alt="Vintage Cola" 4209 loading="lazy" 4210 decoding="async" 4211 > 4212 4213 </span>
4214 <span class="site-nav-dropdown__product-card-label"> 4215 4216 Vintage Cola 4217 4218 </span> 4219 </a> 4220 </li> 4221 4222 4223 4224 4225 4226 4227 4228 4229 4230 <li class="9g-fiber-line-tile tw-w-[136px] tw-flex-shrink-0"> 4231 <a 4232 href="/products/cream-soda" 4233 class="site-nav-dropdown__product-card site-nav__child-link tw-flex tw-w-[136px] tw-max-w-[136px] tw-flex-col tw-items-stretch tw-overflow-visible tw-bg-transparent tw-p-0 tw-text-center" 4234 4235 > 4236 <span class="site-nav-dropdown__product-card-media"> 4237 4238 4239 4240 4241 4242 4243 4244 4245 4246 <img 4247 class="site-nav-dropdown__product-card-img nav-product-hero" 4248 src="//drinkolipop.com/cdn/shop/files/cream-soda-9g-olipop_gallery-image_single-can_new_asset.webp?crop=center&height=362&v=1779163263&width=272" 4249 width="136" 4250 height="181" 4251 alt="Cream Soda" 4252 loading="lazy" 4253 decoding="async" 4254 > 4255 4256 </span> 4257 <span class="site-nav-dropdown__product-card-label"> 4258 4259 Cream Soda 4260 4261 </span> 4262 </a> 4263 </li> 4264 4265 4266 4267 4268 4269 4270 4271 4272 4273 <li class="9g-fiber-line-tile tw-w-[136px] tw-flex-shrink-0"> 4274 <a 4275 href="/products/strawberry-vanilla" 4276 class="site-nav-dropdown__product-card site-nav__child-link tw-flex tw-w-[136px] tw-max-w-[136px] tw-flex-col tw-items-stretch tw-overflow-visible tw-bg-transparent tw-p-0 tw-text-center" 4277 4278 > 4279 <span class="site-nav-dropdown__product-card-media"> 4280 4281 4282 4283 4284 4285 4286 4287 4288 4289 <img 4290 class="site-nav-dropdown__product-card-img nav-product-hero" 4291 src="//drinkolipop.com/cdn/shop/files/strawberry-vanilla-9g-olipop_gallery-main-image_new_asset.webp?crop=center&height=362&v=1779161007&width=272" 4292 width="136" 4293 height="181" 4294 alt="Strawberry Vanilla" 4295 loading="lazy" 4296 decoding="async" 4297 > 4298 4299 </span> 4300 <span class="site-nav-dropdown__product-card-label"> 4301 4302 Strawberry Vanilla 4303 4304 </span> 4305 </a> 4306 </li> 4307 4308 4309 4310 4311 4312 4313 4314 4315 4316 <li class="9g-fiber-line-tile tw-w-[136px] tw-flex-shrink-0"> 4317 <a 4318 href="/products/cherry-cola" 4319 class="site-nav-dropdown__product-card site-nav__child-link tw-flex tw-w-[136px] tw-max-w-[136px] tw-flex-col tw-items-stretch tw-overflow-visible tw-bg-transparent tw-p-0 tw-text-center" 4320 4321 >
4322 <span class="site-nav-dropdown__product-card-media"> 4323 4324 4325 4326 4327 4328 4329 4330 4331 4332 <img 4333 class="site-nav-dropdown__product-card-img nav-product-hero" 4334 src="//drinkolipop.com/cdn/shop/files/cherry-cola-9g-olipop_gallery-main-image_new_asset.webp?crop=center&height=362&v=1779163770&width=272" 4335 width="136" 4336 height="181" 4337 alt="Cherry Cola" 4338 loading="lazy" 4339 decoding="async" 4340 > 4341 4342 </span> 4343 <span class="site-nav-dropdown__product-card-label"> 4344 4345 Cherry Cola 4346 4347 </span> 4348 </a> 4349 </li> 4350 4351 4352 4353 4354 4355 4356 4357 4358 4359 <li class="9g-fiber-line-tile tw-w-[136px] tw-flex-shrink-0"> 4360 <a 4361 href="/products/orange-cream" 4362 class="site-nav-dropdown__product-card site-nav__child-link tw-flex tw-w-[136px] tw-max-w-[136px] tw-flex-col tw-items-stretch tw-overflow-visible tw-bg-transparent tw-p-0 tw-text-center" 4363 4364 > 4365 <span class="site-nav-dropdown__product-card-media"> 4366 4367 4368 4369 4370 4371 4372 4373 4374 4375 <img 4376 class="site-nav-dropdown__product-card-img nav-product-hero" 4377 src="//drinkolipop.com/cdn/shop/files/orange-cream-9g-olipop_gallery-image_single-can_new_asset.webp?crop=center&height=362&v=1779162789&width=272" 4378 width="136" 4379 height="181" 4380 alt="Orange Cream" 4381 loading="lazy" 4382 decoding="async" 4383 > 4384 4385 </span> 4386 <span class="site-nav-dropdown__product-card-label"> 4387 4388 Orange Cream 4389 4390 </span> 4391 </a> 4392 </li> 4393 4394 4395 4396 4397 4398 4399 4400 4401 4402 <li class="9g-fiber-line-tile tw-w-[136px] tw-flex-shrink-0"> 4403 <a 4404 href="/products/peaches-and-cream" 4405 class="site-nav-dropdown__product-card site-nav__child-link tw-flex tw-w-[136px] tw-max-w-[136px] tw-flex-col tw-items-stretch tw-overflow-visible tw-bg-transparent tw-p-0 tw-text-center" 4406 4407 > 4408 <span class="site-nav-dropdown__product-card-media"> 4409 4410 4411 4412 4413 4414 4415 4416 4417 4418 <img 4419 class="site-nav-dropdown__product-card-img nav-product-hero" 4420 src="//drinkolipop.com/cdn/shop/files/peaches-and-cream-9g-olipop_gallery-image_single-can_new_asset.webp?crop=center&height=362&v=1779165117&width=272" 4421 width="136" 4422 height="181" 4423 alt="Peaches & Cream" 4424 loading="lazy" 4425 decoding="async" 4426 > 4427 4428 </span>
4429 <span class="site-nav-dropdown__product-card-label"> 4430 4431 Peaches & Cream 4432 4433 </span> 4434 </a> 4435 </li> 4436 4437 4438 4439 4440 4441 4442 4443 4444 4445 <li class="9g-fiber-line-tile tw-w-[136px] tw-flex-shrink-0"> 4446 <a 4447 href="/products/orange-squeeze" 4448 class="site-nav-dropdown__product-card site-nav__child-link tw-flex tw-w-[136px] tw-max-w-[136px] tw-flex-col tw-items-stretch tw-overflow-visible tw-bg-transparent tw-p-0 tw-text-center" 4449 4450 > 4451 <span class="site-nav-dropdown__product-card-media"> 4452 4453 4454 4455 4456 4457 4458 4459 4460 4461 <img 4462 class="site-nav-dropdown__product-card-img nav-product-hero" 4463 src="//drinkolipop.com/cdn/shop/files/orange-squeeze-9g-olipop_gallery-image_single-can_new_asset.webp?crop=center&height=362&v=1779162264&width=272" 4464 width="136" 4465 height="181" 4466 alt="Orange Squeeze" 4467 loading="lazy" 4468 decoding="async" 4469 > 4470 4471 </span> 4472 <span class="site-nav-dropdown__product-card-label"> 4473 4474 Orange Squeeze 4475 4476 </span> 4477 </a> 4478 </li> 4479 4480 4481 4482 4483 4484 4485 4486 4487 4488 <li class="9g-fiber-line-tile tw-w-[136px] tw-flex-shrink-0"> 4489 <a 4490 href="/products/ginger-ale" 4491 class="site-nav-dropdown__product-card site-nav__child-link tw-flex tw-w-[136px] tw-max-w-[136px] tw-flex-col tw-items-stretch tw-overflow-visible tw-bg-transparent tw-p-0 tw-text-center" 4492 4493 > 4494 <span class="site-nav-dropdown__product-card-media"> 4495 4496 4497 4498 4499 4500 4501 4502 4503 4504 <img 4505 class="site-nav-dropdown__product-card-img nav-product-hero" 4506 src="//drinkolipop.com/cdn/shop/files/ginger-ale-9g-olipop_gallery-image_single-can_new_asset.webp?crop=center&height=362&v=1779164857&width=272" 4507 width="136" 4508 height="181" 4509 alt="Ginger Ale" 4510 loading="lazy" 4511 decoding="async" 4512 > 4513 4514 </span> 4515 <span class="site-nav-dropdown__product-card-label"> 4516 4517 Ginger Ale 4518 4519 </span> 4520 </a> 4521 </li> 4522 4523 4524 4525 4526 4527 4528 4529 4530 4531 <li class="9g-fiber-line-tile tw-w-[136px] tw-flex-shrink-0"> 4532 <a 4533 href="/products/citrus-rush" 4534 class="site-nav-dropdown__product-card site-nav__child-link tw-flex tw-w-[136px] tw-max-w-[136px] tw-flex-col tw-items-stretch tw-overflow-visible tw-bg-transparent tw-p-0 tw-text-center" 4535 4536 >
4537 <span class="site-nav-dropdown__product-card-media"> 4538 4539 4540 4541 4542 4543 4544 4545 4546 4547 <img 4548 class="site-nav-dropdown__product-card-img nav-product-hero" 4549 src="//drinkolipop.com/cdn/shop/files/citrus-rush-9g-olipop_gallery-image_single-can_new_asset.webp?crop=center&height=362&v=1779196248&width=272" 4550 width="136" 4551 height="181" 4552 alt="Citrus Rush" 4553 loading="lazy" 4554 decoding="async" 4555 > 4556 4557 </span> 4558 <span class="site-nav-dropdown__product-card-label"> 4559 4560 Ridge Rush 4561 4562 </span> 4563 </a> 4564 </li> 4565 4566 4567 4568 4569 4570 4571 4572 4573 4574 <li class="9g-fiber-line-tile tw-w-[136px] tw-flex-shrink-0"> 4575 <a 4576 href="/products/doctor-goodwin" 4577 class="site-nav-dropdown__product-card site-nav__child-link tw-flex tw-w-[136px] tw-max-w-[136px] tw-flex-col tw-items-stretch tw-overflow-visible tw-bg-transparent tw-p-0 tw-text-center" 4578 4579 > 4580 <span class="site-nav-dropdown__product-card-media"> 4581 4582 4583 4584 4585 4586 4587 4588 4589 4590 <img 4591 class="site-nav-dropdown__product-card-img nav-product-hero" 4592 src="//drinkolipop.com/cdn/shop/files/doctor-goodwin-9g-olipop_gallery-image_single-can_new_asset.webp?crop=center&height=362&v=1779163486&width=272" 4593 width="136" 4594 height="181" 4595 alt="Doctor Goodwin" 4596 loading="lazy" 4597 decoding="async" 4598 > 4599 4600 </span> 4601 <span class="site-nav-dropdown__product-card-label"> 4602 4603 Doctor Goodwin 4604 4605 </span> 4606 </a> 4607 </li> 4608 4609 4610 4611 4612 4613 4614 4615 4616 4617 <li class="9g-fiber-line-tile tw-w-[136px] tw-flex-shrink-0"> 4618 <a 4619 href="/products/cherry-vanilla" 4620 class="site-nav-dropdown__product-card site-nav__child-link tw-flex tw-w-[136px] tw-max-w-[136px] tw-flex-col tw-items-stretch tw-overflow-visible tw-bg-transparent tw-p-0 tw-text-center" 4621 4622 > 4623 <span class="site-nav-dropdown__product-card-media"> 4624 4625 4626 4627 4628 4629 4630 4631 4632 4633 <img 4634 class="site-nav-dropdown__product-card-img nav-product-hero" 4635 src="//drinkolipop.com/cdn/shop/files/cherry-vanilla-9g-olipop_gallery-image_single-can_new_asset.webp?crop=center&height=362&v=1779162208&width=272" 4636 width="136" 4637 height="181" 4638 alt="Cherry Vanilla" 4639 loading="lazy" 4640 decoding="async" 4641 > 4642 4643 </span>
4644 <span class="site-nav-dropdown__product-card-label"> 4645 4646 Cherry Vanilla 4647 4648 </span> 4649 </a> 4650 </li> 4651 4652 4653 4654 4655 4656 4657 4658 4659 4660 <li class="9g-fiber-line-tile tw-w-[136px] tw-flex-shrink-0"> 4661 <a 4662 href="/products/tropical-punch" 4663 class="site-nav-dropdown__product-card site-nav__child-link tw-flex tw-w-[136px] tw-max-w-[136px] tw-flex-col tw-items-stretch tw-overflow-visible tw-bg-transparent tw-p-0 tw-text-center" 4664 4665 > 4666 <span class="site-nav-dropdown__product-card-media"> 4667 4668 4669 4670 4671 4672 4673 4674 4675 4676 <img 4677 class="site-nav-dropdown__product-card-img nav-product-hero" 4678 src="//drinkolipop.com/cdn/shop/files/tropical-punch-9g-olipop_gallery-image_single-can_new_asset.webp?crop=center&height=362&v=1779163155&width=272" 4679 width="136" 4680 height="181" 4681 alt="Tropical Punch" 4682 loading="lazy" 4683 decoding="async" 4684 > 4685 4686 </span> 4687 <span class="site-nav-dropdown__product-card-label"> 4688 4689 Tropical Punch 4690 4691 </span> 4692 </a> 4693 </li> 4694 4695 4696 4697 4698 4699 4700 4701 4702 4703 <li class="9g-fiber-line-tile tw-w-[136px] tw-flex-shrink-0"> 4704 <a 4705 href="/products/lemon-lime" 4706 class="site-nav-dropdown__product-card site-nav__child-link tw-flex tw-w-[136px] tw-max-w-[136px] tw-flex-col tw-items-stretch tw-overflow-visible tw-bg-transparent tw-p-0 tw-text-center" 4707 4708 > 4709 <span class="site-nav-dropdown__product-card-media"> 4710 4711 4712 4713 4714 4715 4716 4717 4718 4719 <img 4720 class="site-nav-dropdown__product-card-img nav-product-hero" 4721 src="//drinkolipop.com/cdn/shop/files/lemon-lime-9g-olipop_gallery-image_single-can_new_asset.webp?crop=center&height=362&v=1779163931&width=272" 4722 width="136" 4723 height="181" 4724 alt="Lemon Lime" 4725 loading="lazy" 4726 decoding="async" 4727 > 4728 4729 </span> 4730 <span class="site-nav-dropdown__product-card-label"> 4731 4732 Lemon Lime 4733 4734 </span> 4735 </a> 4736 </li> 4737 4738 4739 4740 4741 4742 4743 4744 4745 4746 <li class="9g-fiber-line-tile tw-w-[136px] tw-flex-shrink-0"> 4747 <a 4748 href="/products/ginger-lemon" 4749 class="site-nav-dropdown__product-card site-nav__child-link tw-flex tw-w-[136px] tw-max-w-[136px] tw-flex-col tw-items-stretch tw-overflow-visible tw-bg-transparent tw-p-0 tw-text-center" 4750 4751 >
4752 <span class="site-nav-dropdown__product-card-media"> 4753 4754 4755 4756 4757 4758 4759 4760 4761 4762 <img 4763 class="site-nav-dropdown__product-card-img nav-product-hero" 4764 src="//drinkolipop.com/cdn/shop/files/ginger-lemon-9g-olipop_gallery-image_single-can_new_asset.webp?crop=center&height=362&v=1779161268&width=272" 4765 width="136" 4766 height="181" 4767 alt="Ginger Lemon" 4768 loading="lazy" 4769 decoding="async" 4770 > 4771 4772 </span> 4773 <span class="site-nav-dropdown__product-card-label"> 4774 4775 Ginger Lemon 4776 4777 </span> 4778 </a> 4779 </li> 4780 4781 4782 4783 4784 4785 4786 4787 4788 4789 <li class="9g-fiber-line-tile tw-w-[136px] tw-flex-shrink-0"> 4790 <a 4791 href="/products/watermelon-lime" 4792 class="site-nav-dropdown__product-card site-nav__child-link tw-flex tw-w-[136px] tw-max-w-[136px] tw-flex-col tw-items-stretch tw-overflow-visible tw-bg-transparent tw-p-0 tw-text-center" 4793 4794 > 4795 <span class="site-nav-dropdown__product-card-media"> 4796 4797 4798 4799 4800 4801 4802 4803 4804 4805 <img 4806 class="site-nav-dropdown__product-card-img nav-product-hero" 4807 src="//drinkolipop.com/cdn/shop/files/watermelon-lime-9g-olipop_gallery-image_single-can_new_asset.webp?crop=center&height=362&v=1779164501&width=272" 4808 width="136" 4809 height="181" 4810 alt="Watermelon Lime" 4811 loading="lazy" 4812 decoding="async" 4813 > 4814 4815 </span> 4816 <span class="site-nav-dropdown__product-card-label"> 4817 4818 Watermelon Lime 4819 4820 </span> 4821 </a> 4822 </li> 4823 4824 4825 4826 4827 4828 4829 4830 4831 4832 <li class="9g-fiber-line-tile tw-w-[136px] tw-flex-shrink-0"> 4833 <a 4834 href="/products/banana-cream" 4835 class="site-nav-dropdown__product-card site-nav__child-link tw-flex tw-w-[136px] tw-max-w-[136px] tw-flex-col tw-items-stretch tw-overflow-visible tw-bg-transparent tw-p-0 tw-text-center" 4836 4837 > 4838 <span class="site-nav-dropdown__product-card-media"> 4839 4840 4841 4842 4843 4844 4845 4846 4847 4848 <img 4849 class="site-nav-dropdown__product-card-img nav-product-hero" 4850 src="//drinkolipop.com/cdn/shop/files/banana-cream-9g-olipop_gallery-image_single-can_new_asset.webp?crop=center&height=362&v=1779155708&width=272" 4851 width="136" 4852 height="181" 4853 alt="Banana Cream" 4854 loading="lazy" 4855 decoding="async" 4856 > 4857 4858 </span>
4859 <span class="site-nav-dropdown__product-card-label"> 4860 4861 Banana Cream 4862 4863 </span> 4864 </a> 4865 </li> 4866 4867 4868 </ul> 4869 </div> 4870 </div> 4871 </div> 4872 </div> 4873 4874 4875 4876 <div 4877 id="nav-dropdown-6g-fiber-line" 4878 class="site-nav-dropdown__child-menu tw-absolute tw-inset-0 tw-min-h-0 tw-w-full tw-overflow-x-hidden tw-overflow-y-visible tw-pl-4 tw-pt-8 md:tw-pl-8" 4879 > 4880 <div class="site-nav-dropdown__child-menu-inner tw-flex tw-min-h-0 tw-flex-1 tw-flex-col tw-overflow-visible"> 4881 <header class="site-nav-dropdown__subnav-header tw-pl-1"> 4882 <div class="site-nav-dropdown__subnav-header-top tw-flex tw-flex-col tw-gap-4 lg:tw-flex-row lg:tw-items-start lg:tw-justify-between"> 4883 <div class="site-nav-dropdown__subnav-titles tw-min-w-0 tw-flex-1"> 4884 <h2 class="site-nav-dropdown__subnav-title"> 4885 4886 Shop 6g fiber 4887 4888 </h2> 4889 4890 <div class="site-nav-dropdown__category-headline"> 4891 <div class="site-nav-dropdown__category-headline-text rte"> 4892 <span class="metafield-single_line_text_field">Store anywhere. Chill to enjoy.</span> 4893 </div> 4894 4895 </div> 4896 4897 4898 <div class="site-nav-dropdown__category-description rte"> 4899 <span class="metafield-multi_line_text_field">Same great taste & digestive support, in a lower‑fiber, store‑anywhere format.</span> 4900 </div> 4901 4902 </div> 4903 <a 4904 class="site-nav-dropdown__shop-all-outline" 4905 href="/collections/shop-6g-fiber" 4906 > 4907 4908 Shop All 6g Fiber 4909 4910 </a> 4911 </div> 4912 </header> 4913 4914 <div 4915 class="site-nav-dropdown__carousel tw-relative tw-flex tw-min-h-0 tw-flex-1 tw-flex-col tw-pl-0 tw-mt-[-3rem]" 4916 data-nav-carousel 4917 > 4918 <div 4919 class="site-nav-dropdown__carousel-toolbar tw-flex tw-w-full tw-items-center tw-justify-end tw-gap-1 tw-pr-14" 4920 aria-hidden="false" 4921 > 4922 <button 4923 type="button" 4924 class="site-nav-dropdown__carousel-btn site-nav-dropdown__carousel-btn--prev site-nav-dropdown__carousel-btn--toolbar" 4925 aria-label="Show previous products" 4926 > 4927<svg 4928 xmlns="http://www.w3.org/2000/svg" 4929 width="24" 4930 height="24" 4931 viewBox="0 0 24 24" 4932 fill="none" 4933 class="site-nav-dropdown__carousel-arrow-svg" 4934 aria-hidden="true" 4935 focusable="false" 4936> 4937 <path 4938 d="M20.7806 12.5306L14.0306 19.2806C13.8899 19.4214 13.699 19.5004 13.5 19.5004C13.301 19.5004 13.1101 19.4214 12.9694 19.2806C12.8286 19.1399 12.7496 18.949 12.7496 18.75C12.7496 18.551 12.8286 18.3601 12.9694 18.2194L18.4397 12.75H3.75C3.55109 12.75 3.36032 12.671 3.21967 12.5303C3.07902 12.3897 3 12.1989 3 12C3 11.8011 3.07902 11.6103 3.21967 11.4697C3.36032 11.329 3.55109 11.25 3.75 11.25H18.4397L12.9694 5.78063C12.8286 5.6399 12.7496 5.44903 12.7496 5.25001C12.7496 5.05098 12.8286 4.86011 12.9694 4.71938C13.1101 4.57865 13.301 4.49959 13.5 4.49959C13.699 4.49959 13.8899 4.57865 14.0306 4.71938L20.7806 11.4694C20.8504 11.539 20.9057 11.6218 20.9434 11.7128C20.9812 11.8038 21.0006 11.9014 21.0006 12C21.0006 12.0986 20.9812 12.1962 20.9434 12.2872C20.9057 12.3783 20.8504 12.461 20.7806 12.5306Z" 4939 fill="currentColor" 4940 /> 4941</svg> 4942</button> 4943 <button 4944 type="button" 4945 class="site-nav-dropdown__carousel-btn site-nav-dropdown__carousel-btn--next site-nav-dropdown__carousel-btn--toolbar" 4946 aria-label="Show next products" 4947 > 4948<svg 4949 xmlns="http://www.w3.org/2000/svg" 4950 width="24" 4951 height="24" 4952 viewBox="0 0 24 24" 4953 fill="none" 4954 class="site-nav-dropdown__carousel-arrow-svg" 4955 aria-hidden="true" 4956 focusable="false" 4957> 4958 <path 4959 d="M20.7806 12.5306L14.0306 19.2806C13.8899 19.4214 13.699 19.5004 13.5 19.5004C13.301 19.5004 13.1101 19.4214 12.9694 19.2806C12.8286 19.1399 12.7496 18.949 12.7496 18.75C12.7496 18.551 12.8286 18.3601 12.9694 18.2194L18.4397 12.75H3.75C3.55109 12.75 3.36032 12.671 3.21967 12.5303C3.07902 12.3897 3 12.1989 3 12C3 11.8011 3.07902 11.6103 3.21967 11.4697C3.36032 11.329 3.55109 11.25 3.75 11.25H18.4397L12.9694 5.78063C12.8286 5.6399 12.7496 5.44903 12.7496 5.25001C12.7496 5.05098 12.8286 4.86011 12.9694 4.71938C13.1101 4.57865 13.301 4.49959 13.5 4.49959C13.699 4.49959 13.8899 4.57865 14.0306 4.71938L20.7806 11.4694C20.8504 11.539 20.9057 11.6218 20.9434 11.7128C2
49590.9812 11.8038 21.0006 11.9014 21.0006 12C21.0006 12.0986 20.9812 12.1962 20.9434 12.2872C20.9057 12.3783 20.8504 12.461 20.7806 12.5306Z" 4960 fill="currentColor" 4961 /> 4962</svg> 4963</button> 4964 </div> 4965 <div 4966 class="site-nav-dropdown__carousel-track tw-min-h-0 tw-flex-1 tw-overflow-x-auto tw-overflow-y-visible tw-scroll-smooth tw-pb-8" 4967 data-carousel-track 4968 tabindex="0" 4969 role="region" 4970 aria-roledescription="carousel" 4971 aria-label="6g fiber line products" 4972 > 4973 <ul class="site-nav-dropdown__product-row tw-m-0 tw-flex tw-list-none tw-flex-nowrap tw-gap-[2px] tw-p-0 tw-pl-1"> 4974 4975 4976 4977 4978 4979 4980 4981 4982 4983 4984 4985 4986 4987 <li class="6g-fiber-line-tile tw-w-[136px] tw-flex-shrink-0"> 4988 <a 4989 href="/products/pomegranate-sparkle" 4990 class="site-nav-dropdown__product-card site-nav__child-link tw-flex tw-w-[136px] tw-max-w-[136px] tw-flex-col tw-items-stretch tw-overflow-visible tw-bg-transparent tw-p-0 tw-text-center" 4991 4992 > 4993 <span class="site-nav-dropdown__product-card-media"> 4994 4995 <div 4996 class="product-badge product-badge--nav product-badge--short-text" 4997 role="status" 4998 aria-label="New" 4999 > 5000 <svg class="product-badge__shape" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 72 72" fill="none" aria-hidden="true"> 5001 <path d="M33.6354 1.15556C34.8423 -0.385184 37.1577 -0.385187 38.3646 1.15556L42.852 6.8839C43.6453 7.89657 44.9853 8.29373 46.195 7.87473L53.0381 5.5046C54.8787 4.86711 56.8265 6.13068 57.0166 8.0855L57.7235 15.3533C57.8485 16.6382 58.763 17.7036 60.0051 18.0113L67.0313 19.7519C68.9212 20.22 69.883 22.346 68.996 24.0942L65.698 30.5941C65.1149 31.7432 65.3137 33.1385 66.1938 34.0752L71.1724 39.3739C72.5115 40.7991 72.1819 43.1125 70.4993 44.0991L64.2435 47.7673C63.1376 48.4158 62.5575 49.6981 62.7962 50.9664L64.1464 58.1409C64.5096 60.0706 62.9933 61.8369 61.0494 61.7487L53.822 61.4206C52.5443 61.3626 51.3694 62.1248 50.8909 63.322L48.1842 70.0944C47.4562 71.916 45.2346 72.5745 43.6465 71.4394L37.7421 67.2192C36.6983 66.4731 35.3017 66.4731 34.2579 67.2192L28.3535 71.4394C26.7655 72.5745 24.5438 71.916 23.8158 70.0944L21.1091 63.322C20.6306 62.1248 19.4557 61.3626 18.178 61.4206L10.9506 61.7487C9.00666 61.8369 7.4904 60.0706 7.85357 58.1409L9.20384 50.9664C9.44255 49.6981 8.86239 48.4158 7.75647 47.7673L1.50067 44.0991C-0.181946 43.1125 -0.511462 40.7991 0.827617 39.3739L5.80619 34.0752C6.68632 33.1385 6.88508 31.7432 6.30204 30.5941L3.00403 24.0942C2.11697 22.346 3.07881 20.22 4.96864 19.7519L11.9949 18.0113C13.237 17.7036 14.1515 16.6382 14.2765 15.3533L14.9834 8.08551C15.1735 6.13069 17.1213 4.86711 18.9619 5.5046L25.805 7.87473C27.0147 8.29373 28.3547 7.89657 29.148 6.8839L33.6354 1.15556Z" fill="#98E1C3"/> 5002 </svg> 5003 <span class="product-badge__text" style="color: #034638;">New</span> 5004 </div> 5005 5006 5007 5008 5009 5010 5011 5012 5013 5014 <img 5015 class="site-nav-dropdown__product-card-img nav-product-hero" 5016 src="//drinkolipop.com/cdn/shop/files/pomegranate-sparkle-6g-olipop_gallery-image_single-can_new_asset.webp?crop=center&height=362&v=1789390717&width=272" 5017 width="136" 5018 height="181" 5019 alt="Pomegranate Sparkle" 5020 loading="lazy" 5021 decoding="async" 5022 > 5023 5024 </span>
5025 <span class="site-nav-dropdown__product-card-label"> 5026 5027 Pomegranate Sparkle 5028 5029 </span> 5030 </a> 5031 </li> 5032 5033 5034 5035 5036 5037 5038 5039 5040 5041 <li class="6g-fiber-line-tile tw-w-[136px] tw-flex-shrink-0"> 5042 <a 5043 href="/products/raspberry-sherbet" 5044 class="site-nav-dropdown__product-card site-nav__child-link tw-flex tw-w-[136px] tw-max-w-[136px] tw-flex-col tw-items-stretch tw-overflow-visible tw-bg-transparent tw-p-0 tw-text-center" 5045 5046 > 5047 <span class="site-nav-dropdown__product-card-media"> 5048 5049 <div 5050 class="product-badge product-badge--nav" 5051 role="status" 5052 aria-label="Limited" 5053 > 5054 <svg class="product-badge__shape" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 72 72" fill="none" aria-hidden="true"> 5055 <path d="M33.6354 1.15556C34.8423 -0.385184 37.1577 -0.385187 38.3646 1.15556L42.852 6.8839C43.6453 7.89657 44.9853 8.29373 46.195 7.87473L53.0381 5.5046C54.8787 4.86711 56.8265 6.13068 57.0166 8.0855L57.7235 15.3533C57.8485 16.6382 58.763 17.7036 60.0051 18.0113L67.0313 19.7519C68.9212 20.22 69.883 22.346 68.996 24.0942L65.698 30.5941C65.1149 31.7432 65.3137 33.1385 66.1938 34.0752L71.1724 39.3739C72.5115 40.7991 72.1819 43.1125 70.4993 44.0991L64.2435 47.7673C63.1376 48.4158 62.5575 49.6981 62.7962 50.9664L64.1464 58.1409C64.5096 60.0706 62.9933 61.8369 61.0494 61.7487L53.822 61.4206C52.5443 61.3626 51.3694 62.1248 50.8909 63.322L48.1842 70.0944C47.4562 71.916 45.2346 72.5745 43.6465 71.4394L37.7421 67.2192C36.6983 66.4731 35.3017 66.4731 34.2579 67.2192L28.3535 71.4394C26.7655 72.5745 24.5438 71.916 23.8158 70.0944L21.1091 63.322C20.6306 62.1248 19.4557 61.3626 18.178 61.4206L10.9506 61.7487C9.00666 61.8369 7.4904 60.0706 7.85357 58.1409L9.20384 50.9664C9.44255 49.6981 8.86239 48.4158 7.75647 47.7673L1.50067 44.0991C-0.181946 43.1125 -0.511462 40.7991 0.827617 39.3739L5.80619 34.0752C6.68632 33.1385 6.88508 31.7432 6.30204 30.5941L3.00403 24.0942C2.11697 22.346 3.07881 20.22 4.96864 19.7519L11.9949 18.0113C13.237 17.7036 14.1515 16.6382 14.2765 15.3533L14.9834 8.08551C15.1735 6.13069 17.1213 4.86711 18.9619 5.5046L25.805 7.87473C27.0147 8.29373 28.3547 7.89657 29.148 6.8839L33.6354 1.15556Z" fill="#FFE340"/> 5056 </svg> 5057 <span class="product-badge__text" style="color: #034638;">Limited</span> 5058 </div> 5059 5060 5061 5062 5063 5064 5065 5066 5067 5068 <img 5069 class="site-nav-dropdown__product-card-img nav-product-hero" 5070 src="//drinkolipop.com/cdn/shop/files/raspberry-sherbert_omni-pdp_single.webp?crop=center&height=362&v=1775754912&width=272" 5071 width="136" 5072 height="181" 5073 alt="Raspberry Sherbet" 5074 loading="lazy" 5075 decoding="async" 5076 > 5077 5078 </span> 5079 <span class="site-nav-dropdown__product-card-label"> 5080 5081 Raspberry Sherbet 5082 5083 </span> 5084 </a> 5085 </li> 5086 5087 5088 5089 5090 5091 5092 5093 5094 5095 <li class="6g-fiber-line-tile tw-w-[136px] tw-flex-shrink-0"> 5096 <a 5097 href="/products/shirley-temple" 5098 class="site-nav-dropdown__product-card site-nav__child-link tw-flex tw-w-[136px] tw-max-w-[136px] tw-flex-col tw-items-stretch tw-overflow-visible tw-bg-transparent tw-p-0 tw-text-center" 5099 5100 >
5101 <span class="site-nav-dropdown__product-card-media"> 5102 5103 <div 5104 class="product-badge product-badge--nav" 5105 role="status" 5106 aria-label="Limited" 5107 > 5108 <svg class="product-badge__shape" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 72 72" fill="none" aria-hidden="true"> 5109 <path d="M33.6354 1.15556C34.8423 -0.385184 37.1577 -0.385187 38.3646 1.15556L42.852 6.8839C43.6453 7.89657 44.9853 8.29373 46.195 7.87473L53.0381 5.5046C54.8787 4.86711 56.8265 6.13068 57.0166 8.0855L57.7235 15.3533C57.8485 16.6382 58.763 17.7036 60.0051 18.0113L67.0313 19.7519C68.9212 20.22 69.883 22.346 68.996 24.0942L65.698 30.5941C65.1149 31.7432 65.3137 33.1385 66.1938 34.0752L71.1724 39.3739C72.5115 40.7991 72.1819 43.1125 70.4993 44.0991L64.2435 47.7673C63.1376 48.4158 62.5575 49.6981 62.7962 50.9664L64.1464 58.1409C64.5096 60.0706 62.9933 61.8369 61.0494 61.7487L53.822 61.4206C52.5443 61.3626 51.3694 62.1248 50.8909 63.322L48.1842 70.0944C47.4562 71.916 45.2346 72.5745 43.6465 71.4394L37.7421 67.2192C36.6983 66.4731 35.3017 66.4731 34.2579 67.2192L28.3535 71.4394C26.7655 72.5745 24.5438 71.916 23.8158 70.0944L21.1091 63.322C20.6306 62.1248 19.4557 61.3626 18.178 61.4206L10.9506 61.7487C9.00666 61.8369 7.4904 60.0706 7.85357 58.1409L9.20384 50.9664C9.44255 49.6981 8.86239 48.4158 7.75647 47.7673L1.50067 44.0991C-0.181946 43.1125 -0.511462 40.7991 0.827617 39.3739L5.80619 34.0752C6.68632 33.1385 6.88508 31.7432 6.30204 30.5941L3.00403 24.0942C2.11697 22.346 3.07881 20.22 4.96864 19.7519L11.9949 18.0113C13.237 17.7036 14.1515 16.6382 14.2765 15.3533L14.9834 8.08551C15.1735 6.13069 17.1213 4.86711 18.9619 5.5046L25.805 7.87473C27.0147 8.29373 28.3547 7.89657 29.148 6.8839L33.6354 1.15556Z" fill="#FFE340"/> 5110 </svg> 5111 <span class="product-badge__text" style="color: #034638;">Limited</span> 5112 </div> 5113 5114 5115 5116 5117 5118 5119 5120 5121 5122 <img 5123 class="site-nav-dropdown__product-card-img nav-product-hero" 5124 src="//drinkolipop.com/cdn/shop/files/shirley-temple-6g-olipop_gallery-image_single-can_new_asset.webp?crop=center&height=362&v=1778804138&width=272" 5125 width="136" 5126 height="181" 5127 alt="Shirley Temple" 5128 loading="lazy" 5129 decoding="async" 5130 > 5131 5132 </span> 5133 <span class="site-nav-dropdown__product-card-label"> 5134 5135 Shirley Temple 5136 5137 </span> 5138 </a> 5139 </li> 5140 5141 5142 5143 5144 5145 5146 5147 5148 5149 <li class="6g-fiber-line-tile tw-w-[136px] tw-flex-shrink-0"> 5150 <a 5151 href="/products/spongebob-pineapple-paradise" 5152 class="site-nav-dropdown__product-card site-nav__child-link tw-flex tw-w-[136px] tw-max-w-[136px] tw-flex-col tw-items-stretch tw-overflow-visible tw-bg-transparent tw-p-0 tw-text-center" 5153 5154 > 5155 <span class="site-nav-dropdown__product-card-media"> 5156 5157 <div 5158 class="product-badge product-badge--nav" 5159 role="status" 5160 aria-label="Limited" 5161 > 5162 <svg class="product-badge__shape" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 72 72" fill="none" aria-hidden="true"> 5163 <path d="M33.6354 1.15556C34.8423 -0.385184 37.1577 -0.385187 38.3646 1.15556L42.852 6.8839C43.6453 7.89657 44.9853 8.29373 46.195 7.87473L53.0381 5.5046C54.8787 4.86711 56.8265 6.13068 57.0166 8.0855L57.7235 15.3533C57.8485 16.6382 58.763 17.7036 60.0051 18.0113L67.0313 19.7519C68.9212 20.22 69.883 22.346 68.996 24.0942L65.698 30.5941C65.1149 31.7432 65.3137 33.1385 66.1938 34.0752L71.1724 39.3739C72.5115 40.7991 72.1819 43.1125 70.4993 44.0991L64.2435 47.7673C63.1376 48.4158 62.5575 49.6981 62.7962 50.9664L64.1464 58.1409C64.5096 60.0706 62.9933 61.8369 61.0494 61.7487L53.822 61.4206C52.5443 61.3626 51.3694 62.1248 50.8909 63.322L48.1842 70.0944C47.4562 71.916 45.2346 72.5745 43.6465 71.4394L37.7421 67.2192C36.6983 66.4731 35.3017 66.4731 34.2579 67.2192L28.3535 71.4394C26.7655 72.5745 24.5438 71.916 23.8158 70.0944L21.1091 63.322C20.6306 62.1248 19.4557 61.3626 18.178 61.4206L10.9506 61.7487C9.00666 61.8369 7.4904 60.0706 7.85357 58.1409L9.20384 50.9664C9.44255 49.6981 8.86239 48.4158 7.75647 47.7673L1.50067 44.0991C-0.181946 43.1125 -0.511462 40.7991 0.827617 39.3739L5.80619 34.0752C6.68632 33.1385 6.88508 31.7432 6.30204 30.5941L3.004
516303 24.0942C2.11697 22.346 3.07881 20.22 4.96864 19.7519L11.9949 18.0113C13.237 17.7036 14.1515 16.6382 14.2765 15.3533L14.9834 8.08551C15.1735 6.13069 17.1213 4.86711 18.9619 5.5046L25.805 7.87473C27.0147 8.29373 28.3547 7.89657 29.148 6.8839L33.6354 1.15556Z" fill="#FFE340"/> 5164 </svg> 5165 <span class="product-badge__text" style="color: #034638;">Limited</span> 5166 </div> 5167 5168 5169 5170 5171 5172 5173 5174 5175 5176 <img 5177 class="site-nav-dropdown__product-card-img nav-product-hero" 5178 src="//drinkolipop.com/cdn/shop/files/Pineapple-Paradise_cgi-main-image_072925.webp?crop=center&height=362&v=1753844923&width=272" 5179 width="136" 5180 height="181" 5181 alt="Pineapple Paradise" 5182 loading="lazy" 5183 decoding="async" 5184 > 5185 5186 </span> 5187 <span class="site-nav-dropdown__product-card-label"> 5188 5189 Pineapple Paradise 5190 5191 </span> 5192 </a> 5193 </li> 5194 5195 5196 5197 5198 5199 5200 5201 5202 5203 <li class="6g-fiber-line-tile tw-w-[136px] tw-flex-shrink-0"> 5204 <a 5205 href="/products/crisp-apple-6g-fiber" 5206 class="site-nav-dropdown__product-card site-nav__child-link tw-flex tw-w-[136px] tw-max-w-[136px] tw-flex-col tw-items-stretch tw-overflow-visible tw-bg-transparent tw-p-0 tw-text-center" 5207 5208 > 5209 <span class="site-nav-dropdown__product-card-media"> 5210 5211 5212 5213 5214 5215 5216 5217 5218 5219 <img 5220 class="site-nav-dropdown__product-card-img nav-product-hero" 5221 src="//drinkolipop.com/cdn/shop/files/crisp-apple-6g-olipop_gallery-image_single-can_new_asset.webp?crop=center&height=362&v=1778731400&width=272" 5222 width="136" 5223 height="181" 5224 alt="Crisp Apple" 5225 loading="lazy" 5226 decoding="async" 5227 > 5228 5229 </span> 5230 <span class="site-nav-dropdown__product-card-label"> 5231 5232 Crisp Apple 5233 5234 </span> 5235 </a> 5236 </li> 5237 5238 5239 5240 5241 5242 5243 5244 5245 5246 <li class="6g-fiber-line-tile tw-w-[136px] tw-flex-shrink-0"> 5247 <a 5248 href="/products/classic-grape-6g-fiber" 5249 class="site-nav-dropdown__product-card site-nav__child-link tw-flex tw-w-[136px] tw-max-w-[136px] tw-flex-col tw-items-stretch tw-overflow-visible tw-bg-transparent tw-p-0 tw-text-center" 5250 5251 > 5252 <span class="site-nav-dropdown__product-card-media"> 5253 5254 5255 5256 5257 5258 5259 5260 5261 5262 <img 5263 class="site-nav-dropdown__product-card-img nav-product-hero" 5264 src="//drinkolipop.com/cdn/shop/files/classic-grape-6g-olipop_gallery-image_single-can_new_asset.webp?crop=center&height=362&v=1778733509&width=272" 5265 width="136" 5266 height="181" 5267 alt="Classic Grape" 5268 loading="lazy" 5269 decoding="async" 5270 > 5271 5272 </span>
5273 <span class="site-nav-dropdown__product-card-label"> 5274 5275 Classic Grape 5276 5277 </span> 5278 </a> 5279 </li> 5280 5281 5282 5283 5284 5285 5286 5287 5288 5289 <li class="6g-fiber-line-tile tw-w-[136px] tw-flex-shrink-0"> 5290 <a 5291 href="/products/vintage-cola-6g-fiber" 5292 class="site-nav-dropdown__product-card site-nav__child-link tw-flex tw-w-[136px] tw-max-w-[136px] tw-flex-col tw-items-stretch tw-overflow-visible tw-bg-transparent tw-p-0 tw-text-center" 5293 5294 > 5295 <span class="site-nav-dropdown__product-card-media"> 5296 5297 5298 5299 5300 5301 5302 5303 5304 5305 <img 5306 class="site-nav-dropdown__product-card-img nav-product-hero" 5307 src="//drinkolipop.com/cdn/shop/files/vintage-cola-6g-olipop_gallery-image_single-can_new_asset.webp?crop=center&height=362&v=1778727450&width=272" 5308 width="136" 5309 height="181" 5310 alt="Vintage Cola" 5311 loading="lazy" 5312 decoding="async" 5313 > 5314 5315 </span> 5316 <span class="site-nav-dropdown__product-card-label"> 5317 5318 Vintage Cola 5319 5320 </span> 5321 </a> 5322 </li> 5323 5324 5325 5326 5327 5328 5329 5330 5331 5332 <li class="6g-fiber-line-tile tw-w-[136px] tw-flex-shrink-0"> 5333 <a 5334 href="/products/classic-root-beer-6g-fiber" 5335 class="site-nav-dropdown__product-card site-nav__child-link tw-flex tw-w-[136px] tw-max-w-[136px] tw-flex-col tw-items-stretch tw-overflow-visible tw-bg-transparent tw-p-0 tw-text-center" 5336 5337 > 5338 <span class="site-nav-dropdown__product-card-media"> 5339 5340 5341 5342 5343 5344 5345 5346 5347 5348 <img 5349 class="site-nav-dropdown__product-card-img nav-product-hero" 5350 src="//drinkolipop.com/cdn/shop/files/classic-root-beer-6g-olipop_gallery-image_single-can_new_asset.webp?crop=center&height=362&v=1778736431&width=272" 5351 width="136" 5352 height="181" 5353 alt="Classic Root Beer" 5354 loading="lazy" 5355 decoding="async" 5356 > 5357 5358 </span> 5359 <span class="site-nav-dropdown__product-card-label"> 5360 5361 Classic Root Beer 5362 5363 </span> 5364 </a> 5365 </li> 5366 5367 5368 5369 5370 5371 5372 5373 5374 5375 <li class="6g-fiber-line-tile tw-w-[136px] tw-flex-shrink-0"> 5376 <a 5377 href="/products/cream-soda-6g-fiber" 5378 class="site-nav-dropdown__product-card site-nav__child-link tw-flex tw-w-[136px] tw-max-w-[136px] tw-flex-col tw-items-stretch tw-overflow-visible tw-bg-transparent tw-p-0 tw-text-center" 5379 5380 >
5381 <span class="site-nav-dropdown__product-card-media"> 5382 5383 5384 5385 5386 5387 5388 5389 5390 5391 <img 5392 class="site-nav-dropdown__product-card-img nav-product-hero" 5393 src="//drinkolipop.com/cdn/shop/files/cream-soda-6g-olipop_gallery-image_single-can_new_asset_new_asset.webp?crop=center&height=362&v=1778734784&width=272" 5394 width="136" 5395 height="181" 5396 alt="Cream Soda" 5397 loading="lazy" 5398 decoding="async" 5399 > 5400 5401 </span> 5402 <span class="site-nav-dropdown__product-card-label"> 5403 5404 Cream Soda 5405 5406 </span> 5407 </a> 5408 </li> 5409 5410 5411 5412 5413 5414 5415 5416 5417 5418 <li class="6g-fiber-line-tile tw-w-[136px] tw-flex-shrink-0"> 5419 <a 5420 href="/products/strawberry-vanilla-6g-fiber" 5421 class="site-nav-dropdown__product-card site-nav__child-link tw-flex tw-w-[136px] tw-max-w-[136px] tw-flex-col tw-items-stretch tw-overflow-visible tw-bg-transparent tw-p-0 tw-text-center" 5422 5423 > 5424 <span class="site-nav-dropdown__product-card-media"> 5425 5426 5427 5428 5429 5430 5431 5432 5433 5434 <img 5435 class="site-nav-dropdown__product-card-img nav-product-hero" 5436 src="//drinkolipop.com/cdn/shop/files/strawberry-vanila-6g-olipop_gallery-image_single-can_new_asset.webp?crop=center&height=362&v=1778765549&width=272" 5437 width="136" 5438 height="181" 5439 alt="Strawberry Vanilla" 5440 loading="lazy" 5441 decoding="async" 5442 > 5443 5444 </span> 5445 <span class="site-nav-dropdown__product-card-label"> 5446 5447 Strawberry Vanilla 5448 5449 </span> 5450 </a> 5451 </li> 5452 5453 5454 5455 5456 5457 5458 5459 5460 5461 <li class="6g-fiber-line-tile tw-w-[136px] tw-flex-shrink-0"> 5462 <a 5463 href="/products/cherry-cola-6g-fiber" 5464 class="site-nav-dropdown__product-card site-nav__child-link tw-flex tw-w-[136px] tw-max-w-[136px] tw-flex-col tw-items-stretch tw-overflow-visible tw-bg-transparent tw-p-0 tw-text-center" 5465 5466 > 5467 <span class="site-nav-dropdown__product-card-media"> 5468 5469 5470 5471 5472 5473 5474 5475 5476 5477 <img 5478 class="site-nav-dropdown__product-card-img nav-product-hero" 5479 src="//drinkolipop.com/cdn/shop/files/cherry-cola-6g-olipop_gallery-image_single-can_new_asset.webp?crop=center&height=362&v=1778593310&width=272" 5480 width="136" 5481 height="181" 5482 alt="Cherry Cola" 5483 loading="lazy" 5484 decoding="async" 5485 > 5486 5487 </span>
5488 <span class="site-nav-dropdown__product-card-label"> 5489 5490 Cherry Cola 5491 5492 </span> 5493 </a> 5494 </li> 5495 5496 5497 5498 5499 5500 5501 5502 5503 5504 <li class="6g-fiber-line-tile tw-w-[136px] tw-flex-shrink-0"> 5505 <a 5506 href="/products/citrus-rush-6g-fiber" 5507 class="site-nav-dropdown__product-card site-nav__child-link tw-flex tw-w-[136px] tw-max-w-[136px] tw-flex-col tw-items-stretch tw-overflow-visible tw-bg-transparent tw-p-0 tw-text-center" 5508 5509 > 5510 <span class="site-nav-dropdown__product-card-media"> 5511 5512 5513 5514 5515 5516 5517 5518 5519 5520 <img 5521 class="site-nav-dropdown__product-card-img nav-product-hero" 5522 src="//drinkolipop.com/cdn/shop/files/citrus-rush-6g-olipop_gallery-image_single-can_new_asset.webp?crop=center&height=362&v=1778599172&width=272" 5523 width="136" 5524 height="181" 5525 alt="Citrus Rush" 5526 loading="lazy" 5527 decoding="async" 5528 > 5529 5530 </span> 5531 <span class="site-nav-dropdown__product-card-label"> 5532 5533 Citrus Rush 5534 5535 </span> 5536 </a> 5537 </li> 5538 5539 5540 5541 5542 5543 5544 5545 5546 5547 <li class="6g-fiber-line-tile tw-w-[136px] tw-flex-shrink-0"> 5548 <a 5549 href="/products/ginger-ale-6g-fiber" 5550 class="site-nav-dropdown__product-card site-nav__child-link tw-flex tw-w-[136px] tw-max-w-[136px] tw-flex-col tw-items-stretch tw-overflow-visible tw-bg-transparent tw-p-0 tw-text-center" 5551 5552 > 5553 <span class="site-nav-dropdown__product-card-media"> 5554 5555 5556 5557 5558 5559 5560 5561 5562 5563 <img 5564 class="site-nav-dropdown__product-card-img nav-product-hero" 5565 src="//drinkolipop.com/cdn/shop/files/ginger-ale-6g-olipop_gallery-image_single-can_new_asset.webp?crop=center&height=362&v=1778729238&width=272" 5566 width="136" 5567 height="181" 5568 alt="Ginger Ale" 5569 loading="lazy" 5570 decoding="async" 5571 > 5572 5573 </span> 5574 <span class="site-nav-dropdown__product-card-label"> 5575 5576 Ginger Ale 5577 5578 </span> 5579 </a> 5580 </li> 5581 5582 5583 5584 5585 5586 5587 5588 5589 5590 <li class="6g-fiber-line-tile tw-w-[136px] tw-flex-shrink-0"> 5591 <a 5592 href="/products/lemon-lime-6g-fiber" 5593 class="site-nav-dropdown__product-card site-nav__child-link tw-flex tw-w-[136px] tw-max-w-[136px] tw-flex-col tw-items-stretch tw-overflow-visible tw-bg-transparent tw-p-0 tw-text-center" 5594 5595 >
5596 <span class="site-nav-dropdown__product-card-media"> 5597 5598 5599 5600 5601 5602 5603 5604 5605 5606 <img 5607 class="site-nav-dropdown__product-card-img nav-product-hero" 5608 src="//drinkolipop.com/cdn/shop/files/lemon-lime-6g-olipop_gallery-image_single-can_new_asset.webp?crop=center&height=362&v=1778589967&width=272" 5609 width="136" 5610 height="181" 5611 alt="Lemon Lime" 5612 loading="lazy" 5613 decoding="async" 5614 > 5615 5616 </span> 5617 <span class="site-nav-dropdown__product-card-label"> 5618 5619 Lemon Lime 5620 5621 </span> 5622 </a> 5623 </li> 5624 5625 5626 </ul> 5627 </div> 5628 </div> 5629 </div> 5630 </div> 5631 5632 5633 5634 <div 5635 id="nav-dropdown-minis" 5636 class="site-nav-dropdown__child-menu tw-absolute tw-inset-0 tw-min-h-0 tw-w-full tw-overflow-x-hidden tw-overflow-y-visible tw-pl-4 tw-pt-8 md:tw-pl-8" 5637 > 5638 <div class="site-nav-dropdown__child-menu-inner tw-flex tw-min-h-0 tw-flex-1 tw-flex-col tw-overflow-visible"> 5639 <header class="site-nav-dropdown__subnav-header tw-pl-1"> 5640 <div class="site-nav-dropdown__subnav-header-top tw-flex tw-flex-col tw-gap-4 lg:tw-flex-row lg:tw-items-start lg:tw-justify-between"> 5641 <div class="site-nav-dropdown__subnav-titles tw-min-w-0 tw-flex-1"> 5642 <h2 class="site-nav-dropdown__subnav-title"> 5643 5644 Shop MINIs 5645 5646 </h2> 5647 5648 <div class="site-nav-dropdown__category-headline"> 5649 <div class="site-nav-dropdown__category-headline-text rte"> 5650 <span class="metafield-single_line_text_field">Store anywhere. Chill to enjoy.</span> 5651 </div> 5652 5653 </div> 5654 5655 5656 <div class="site-nav-dropdown__category-description rte"> 5657 <span class="metafield-multi_line_text_field">Smaller cans with 3g of fiber, perfect for on-the-go sipping or a little treat in your lunch box.</span> 5658 </div> 5659 5660 </div> 5661 <a 5662 class="site-nav-dropdown__shop-all-outline" 5663 href="/collections/olipop-minis" 5664 > 5665 5666 Shop All MINIs 5667 5668 </a> 5669 </div> 5670 </header> 5671 5672 <div 5673 class="site-nav-dropdown__carousel tw-relative tw-flex tw-min-h-0 tw-flex-1 tw-flex-col tw-pl-0 tw-mt-[-3rem]" 5674 data-nav-carousel 5675 > 5676 <div 5677 class="site-nav-dropdown__carousel-toolbar tw-flex tw-w-full tw-items-center tw-justify-end tw-gap-1 tw-pr-14" 5678 aria-hidden="false" 5679 > 5680 <button 5681 type="button" 5682 class="site-nav-dropdown__carousel-btn site-nav-dropdown__carousel-btn--prev site-nav-dropdown__carousel-btn--toolbar" 5683 aria-label="Show previous products" 5684 > 5685<svg 5686 xmlns="http://www.w3.org/2000/svg" 5687 width="24" 5688 height="24" 5689 viewBox="0 0 24 24" 5690 fill="none" 5691 class="site-nav-dropdown__carousel-arrow-svg" 5692 aria-hidden="true" 5693 focusable="false" 5694> 5695 <path 5696 d="M20.7806 12.5306L14.0306 19.2806C13.8899 19.4214 13.699 19.5004 13.5 19.5004C13.301 19.5004 13.1101 19.4214 12.9694 19.2806C12.8286 19.1399 12.7496 18.949 12.7496 18.75C12.7496 18.551 12.8286 18.3601 12.9694 18.2194L18.4397 12.75H3.75C3.55109 12.75 3.36032 12.671 3.21967 12.5303C3.07902 12.3897 3 12.1989 3 12C3 11.8011 3.07902 11.6103 3.21967 11.4697C3.36032 11.329 3.55109 11.25 3.75 11.25H18.4397L12.9694 5.78063C12.8286 5.6399 12.7496 5.44903 12.7496 5.25001C12.7496 5.05098 12.8286 4.86011 12.9694 4.71938C13.1101 4.57865 13.301 4.49959 13.5 4.49959C13.699 4.49959 13.8899 4.57865 14.0306 4.71938L20.7806 11.4694C20.8504 11.539 20.9057 11.6218 20.9434 11.7128C2
56960.9812 11.8038 21.0006 11.9014 21.0006 12C21.0006 12.0986 20.9812 12.1962 20.9434 12.2872C20.9057 12.3783 20.8504 12.461 20.7806 12.5306Z" 5697 fill="currentColor" 5698 /> 5699</svg> 5700</button> 5701 <button 5702 type="button" 5703 class="site-nav-dropdown__carousel-btn site-nav-dropdown__carousel-btn--next site-nav-dropdown__carousel-btn--toolbar" 5704 aria-label="Show next products" 5705 > 5706<svg 5707 xmlns="http://www.w3.org/2000/svg" 5708 width="24" 5709 height="24" 5710 viewBox="0 0 24 24" 5711 fill="none" 5712 class="site-nav-dropdown__carousel-arrow-svg" 5713 aria-hidden="true" 5714 focusable="false" 5715> 5716 <path 5717 d="M20.7806 12.5306L14.0306 19.2806C13.8899 19.4214 13.699 19.5004 13.5 19.5004C13.301 19.5004 13.1101 19.4214 12.9694 19.2806C12.8286 19.1399 12.7496 18.949 12.7496 18.75C12.7496 18.551 12.8286 18.3601 12.9694 18.2194L18.4397 12.75H3.75C3.55109 12.75 3.36032 12.671 3.21967 12.5303C3.07902 12.3897 3 12.1989 3 12C3 11.8011 3.07902 11.6103 3.21967 11.4697C3.36032 11.329 3.55109 11.25 3.75 11.25H18.4397L12.9694 5.78063C12.8286 5.6399 12.7496 5.44903 12.7496 5.25001C12.7496 5.05098 12.8286 4.86011 12.9694 4.71938C13.1101 4.57865 13.301 4.49959 13.5 4.49959C13.699 4.49959 13.8899 4.57865 14.0306 4.71938L20.7806 11.4694C20.8504 11.539 20.9057 11.6218 20.9434 11.7128C20.9812 11.8038 21.0006 11.9014 21.0006 12C21.0006 12.0986 20.9812 12.1962 20.9434 12.2872C20.9057 12.3783 20.8504 12.461 20.7806 12.5306Z" 5718 fill="currentColor" 5719 /> 5720</svg> 5721</button> 5722 </div> 5723 <div 5724 class="site-nav-dropdown__carousel-track tw-min-h-0 tw-flex-1 tw-overflow-x-auto tw-overflow-y-visible tw-scroll-smooth tw-pb-8" 5725 data-carousel-track 5726 tabindex="0" 5727 role="region" 5728 aria-roledescription="carousel" 5729 aria-label="MINIs products" 5730 > 5731 <ul class="site-nav-dropdown__product-row tw-m-0 tw-flex tw-list-none tw-flex-nowrap tw-gap-[2px] tw-p-0 tw-pl-1"> 5732 5733 5734 5735 5736 5737 5738 5739 5740 5741 5742 5743 5744 5745 <li class="minis-tile tw-w-[136px] tw-flex-shrink-0"> 5746 <a 5747 href="/products/strawberry-vanilla-minis" 5748 class="site-nav-dropdown__product-card site-nav__child-link tw-flex tw-w-[136px] tw-max-w-[136px] tw-flex-col tw-items-stretch tw-overflow-visible tw-bg-transparent tw-p-0 tw-text-center" 5749 5750 > 5751 <span class="site-nav-dropdown__product-card-media"> 5752 5753 5754 5755 5756 5757 5758 5759 5760 5761 <img 5762 class="site-nav-dropdown__product-card-img nav-product-hero" 5763 src="//drinkolipop.com/cdn/shop/files/strawberry-vanilla-minis-olipop_single-can-main-image_new_asset_680b8459-03b7-4518-8048-07556a91e1c7.webp?crop=center&height=362&v=1784901479&width=272" 5764 width="136" 5765 height="181" 5766 alt="Strawberry Vanilla" 5767 loading="lazy" 5768 decoding="async" 5769 > 5770 5771 </span> 5772 <span class="site-nav-dropdown__product-card-label"> 5773 5774 Strawberry Vanilla 5775 5776 </span> 5777 </a> 5778 </li> 5779 5780 5781 5782 5783 5784 5785 5786 5787 5788 <li class="minis-tile tw-w-[136px] tw-flex-shrink-0"> 5789 <a 5790 href="/products/classic-grape-minis" 5791 class="site-nav-dropdown__product-card site-nav__child-link tw-flex tw-w-[136px] tw-max-w-[136px] tw-flex-col tw-items-stretch tw-overflow-visible tw-bg-transparent tw-p-0 tw-text-center" 5792 5793 >
5794 <span class="site-nav-dropdown__product-card-media"> 5795 5796 5797 5798 5799 5800 5801 5802 5803 5804 <img 5805 class="site-nav-dropdown__product-card-img nav-product-hero" 5806 src="//drinkolipop.com/cdn/shop/files/classic-grape-minis-olipop_single-can-main-image_new_asset.webp?crop=center&height=362&v=1784902094&width=272" 5807 width="136" 5808 height="181" 5809 alt="Classic Grape" 5810 loading="lazy" 5811 decoding="async" 5812 > 5813 5814 </span> 5815 <span class="site-nav-dropdown__product-card-label"> 5816 5817 Classic Grape 5818 5819 </span> 5820 </a> 5821 </li> 5822 5823 5824 5825 5826 5827 5828 5829 5830 5831 <li class="minis-tile tw-w-[136px] tw-flex-shrink-0"> 5832 <a 5833 href="/products/crisp-apple-minis" 5834 class="site-nav-dropdown__product-card site-nav__child-link tw-flex tw-w-[136px] tw-max-w-[136px] tw-flex-col tw-items-stretch tw-overflow-visible tw-bg-transparent tw-p-0 tw-text-center" 5835 5836 > 5837 <span class="site-nav-dropdown__product-card-media"> 5838 5839 5840 5841 5842 5843 5844 5845 5846 5847 <img 5848 class="site-nav-dropdown__product-card-img nav-product-hero" 5849 src="//drinkolipop.com/cdn/shop/files/crisp-apple-minis-olipop_single-can-main-image_new_asset.webp?crop=center&height=362&v=1784902474&width=272" 5850 width="136" 5851 height="181" 5852 alt="Crisp Apple" 5853 loading="lazy" 5854 decoding="async" 5855 > 5856 5857 </span> 5858 <span class="site-nav-dropdown__product-card-label"> 5859 5860 Crisp Apple 5861 5862 </span> 5863 </a> 5864 </li> 5865 5866 5867 5868 5869 5870 5871 5872 5873 5874 <li class="minis-tile tw-w-[136px] tw-flex-shrink-0"> 5875 <a 5876 href="/products/vintage-cola-minis" 5877 class="site-nav-dropdown__product-card site-nav__child-link tw-flex tw-w-[136px] tw-max-w-[136px] tw-flex-col tw-items-stretch tw-overflow-visible tw-bg-transparent tw-p-0 tw-text-center" 5878 5879 > 5880 <span class="site-nav-dropdown__product-card-media"> 5881 5882 5883 5884 5885 5886 5887 5888 5889 5890 <img 5891 class="site-nav-dropdown__product-card-img nav-product-hero" 5892 src="//drinkolipop.com/cdn/shop/files/vintage-cola-minis-olipop_single-can-main-image_new_asset.webp?crop=center&height=362&v=1784903244&width=272" 5893 width="136" 5894 height="181" 5895 alt="Vintage Cola" 5896 loading="lazy" 5897 decoding="async" 5898 > 5899 5900 </span>
5901 <span class="site-nav-dropdown__product-card-label"> 5902 5903 Vintage Cola 5904 5905 </span> 5906 </a> 5907 </li> 5908 5909 5910 5911 5912 5913 5914 5915 5916 5917 <li class="minis-tile tw-w-[136px] tw-flex-shrink-0"> 5918 <a 5919 href="/products/ginger-ale-minis" 5920 class="site-nav-dropdown__product-card site-nav__child-link tw-flex tw-w-[136px] tw-max-w-[136px] tw-flex-col tw-items-stretch tw-overflow-visible tw-bg-transparent tw-p-0 tw-text-center" 5921 5922 > 5923 <span class="site-nav-dropdown__product-card-media"> 5924 5925 5926 5927 5928 5929 5930 5931 5932 5933 <img 5934 class="site-nav-dropdown__product-card-img nav-product-hero" 5935 src="//drinkolipop.com/cdn/shop/files/ginger-ale-minis-olipop_single-can-main-image_new_asset.webp?crop=center&height=362&v=1784902793&width=272" 5936 width="136" 5937 height="181" 5938 alt="Ginger Ale" 5939 loading="lazy" 5940 decoding="async" 5941 > 5942 5943 </span> 5944 <span class="site-nav-dropdown__product-card-label"> 5945 5946 Ginger Ale 5947 5948 </span> 5949 </a> 5950 </li> 5951 5952 5953 5954 5955 5956 5957 5958 5959 5960 <li class="minis-tile tw-w-[136px] tw-flex-shrink-0"> 5961 <a 5962 href="/products/orange-cream-minis" 5963 class="site-nav-dropdown__product-card site-nav__child-link tw-flex tw-w-[136px] tw-max-w-[136px] tw-flex-col tw-items-stretch tw-overflow-visible tw-bg-transparent tw-p-0 tw-text-center" 5964 5965 > 5966 <span class="site-nav-dropdown__product-card-media"> 5967 5968 5969 5970 5971 5972 5973 5974 5975 5976 <img 5977 class="site-nav-dropdown__product-card-img nav-product-hero" 5978 src="//drinkolipop.com/cdn/shop/files/orange-cream-minis-olipop_single-can-main-image_new_asset.webp?crop=center&height=362&v=1785416383&width=272" 5979 width="136" 5980 height="181" 5981 alt="Orange Cream" 5982 loading="lazy" 5983 decoding="async" 5984 > 5985 5986 </span> 5987 <span class="site-nav-dropdown__product-card-label"> 5988 5989 Orange Cream 5990 5991 </span> 5992 </a> 5993 </li> 5994 5995 5996 </ul> 5997 </div> 5998 </div> 5999 </div> 6000 </div> 6001 6002 6003 6004 <div 6005 id="nav-dropdown-limited-edition-flavors" 6006 class="site-nav-dropdown__child-menu tw-absolute tw-inset-0 tw-min-h-0 tw-w-full tw-overflow-x-hidden tw-overflow-y-visible tw-pl-4 tw-pt-8 md:tw-pl-8" 6007 > 6008 <div class="site-nav-dropdown__child-menu-inner tw-flex tw-min-h-0 tw-flex-1 tw-flex-col tw-overflow-visible"> 6009 <header class="site-nav-dropdown__subnav-header tw-pl-1"> 6010 <div class="site-nav-dropdown__subnav-header-top tw-flex tw-flex-col tw-gap-4 lg:tw-flex-row lg:tw-items-start lg:tw-justify-between"> 6011 <div class="site-nav-dropdown__subnav-titles tw-min-w-0 tw-flex-1"> 6012 <h2 class="site-nav-dropdown__subnav-title"> 6013 6014 Shop limited edition flavors 6015 6016 </h2> 6017 6018 <div class="site-nav-dropdown__category-headline"> 6019 <div class="site-nav-dropdown__category-headline-text rte">
6020 <span class="metafield-single_line_text_field">Store anywhere. Chill to enjoy.</span> 6021 </div> 6022 6023 </div> 6024 6025 6026 <div class="site-nav-dropdown__category-description rte"> 6027 <span class="metafield-multi_line_text_field">Here for a good time, not a long time. Grab these flavors before they sip away! </span> 6028 </div> 6029 6030 </div> 6031 <a 6032 class="site-nav-dropdown__shop-all-outline" 6033 href="/collections/shop-limited-edition" 6034 > 6035 6036 Shop All Limited Edition Flavors 6037 6038 </a> 6039 </div> 6040 </header> 6041 6042 <div 6043 class="site-nav-dropdown__carousel tw-relative tw-flex tw-min-h-0 tw-flex-1 tw-flex-col tw-pl-0 tw-mt-[-3rem]" 6044 data-nav-carousel 6045 > 6046 <div 6047 class="site-nav-dropdown__carousel-toolbar tw-flex tw-w-full tw-items-center tw-justify-end tw-gap-1 tw-pr-14" 6048 aria-hidden="false" 6049 > 6050 <button 6051 type="button" 6052 class="site-nav-dropdown__carousel-btn site-nav-dropdown__carousel-btn--prev site-nav-dropdown__carousel-btn--toolbar" 6053 aria-label="Show previous products" 6054 > 6055<svg 6056 xmlns="http://www.w3.org/2000/svg" 6057 width="24" 6058 height="24" 6059 viewBox="0 0 24 24" 6060 fill="none" 6061 class="site-nav-dropdown__carousel-arrow-svg" 6062 aria-hidden="true" 6063 focusable="false" 6064> 6065 <path 6066 d="M20.7806 12.5306L14.0306 19.2806C13.8899 19.4214 13.699 19.5004 13.5 19.5004C13.301 19.5004 13.1101 19.4214 12.9694 19.2806C12.8286 19.1399 12.7496 18.949 12.7496 18.75C12.7496 18.551 12.8286 18.3601 12.9694 18.2194L18.4397 12.75H3.75C3.55109 12.75 3.36032 12.671 3.21967 12.5303C3.07902 12.3897 3 12.1989 3 12C3 11.8011 3.07902 11.6103 3.21967 11.4697C3.36032 11.329 3.55109 11.25 3.75 11.25H18.4397L12.9694 5.78063C12.8286 5.6399 12.7496 5.44903 12.7496 5.25001C12.7496 5.05098 12.8286 4.86011 12.9694 4.71938C13.1101 4.57865 13.301 4.49959 13.5 4.49959C13.699 4.49959 13.8899 4.57865 14.0306 4.71938L20.7806 11.4694C20.8504 11.539 20.9057 11.6218 20.9434 11.7128C20.9812 11.8038 21.0006 11.9014 21.0006 12C21.0006 12.0986 20.9812 12.1962 20.9434 12.2872C20.9057 12.3783 20.8504 12.461 20.7806 12.5306Z" 6067 fill="currentColor" 6068 /> 6069</svg> 6070</button> 6071 <button 6072 type="button" 6073 class="site-nav-dropdown__carousel-btn site-nav-dropdown__carousel-btn--next site-nav-dropdown__carousel-btn--toolbar" 6074 aria-label="Show next products" 6075 > 6076<svg 6077 xmlns="http://www.w3.org/2000/svg" 6078 width="24" 6079 height="24" 6080 viewBox="0 0 24 24" 6081 fill="none" 6082 class="site-nav-dropdown__carousel-arrow-svg" 6083 aria-hidden="true" 6084 focusable="false" 6085> 6086 <path 6087 d="M20.7806 12.5306L14.0306 19.2806C13.8899 19.4214 13.699 19.5004 13.5 19.5004C13.301 19.5004 13.1101 19.4214 12.9694 19.2806C12.8286 19.1399 12.7496 18.949 12.7496 18.75C12.7496 18.551 12.8286 18.3601 12.9694 18.2194L18.4397 12.75H3.75C3.55109 12.75 3.36032 12.671 3.21967 12.5303C3.07902 12.3897 3 12.1989 3 12C3 11.8011 3.07902 11.6103 3.21967 11.4697C3.36032 11.329 3.55109 11.25 3.75 11.25H18.4397L12.9694 5.78063C12.8286 5.6399 12.7496 5.44903 12.7496 5.25001C12.7496 5.05098 12.8286 4.86011 12.9694 4.71938C13.1101 4.57865 13.301 4.49959 13.5 4.49959C13.699 4.49959 13.8899 4.57865 14.0306 4.71938L20.7806 11.4694C20.8504 11.539 20.9057 11.6218 20.9434 11.7128C20.9812 11.8038 21.0006 11.9014 21.0006 12C21.0006 12.0986 20.9812 12.1962 20.9434 12.2872C20.9057 12.3783 20.8504 12.461 20.7806 12.5306Z" 6088 fill="currentColor" 6089 /> 6090</svg> 6091</button> 6092 </div> 6093 <div 6094 class="site-nav-dropdown__carousel-track tw-min-h-0 tw-flex-1 tw-overflow-x-auto tw-overflow-y-visible tw-scroll-smooth tw-pb-8" 6095 data-carousel-track 6096 tabindex="0" 6097 role="region" 6098 aria-roledescription="carousel" 6099 aria-label="Limited edition flavors products" 6100 > 6101 <ul class="site-nav-dropdown__product-row tw-m-0 tw-flex tw-list-none tw-flex-nowrap tw-gap-[2px] tw-p-0 tw-pl-1"> 6102 6103 6104 6105 6106 6107 6108 6109 6110 6111 6112 6113 6114 6115 <li class="limited-edition-flavors-tile tw-w-[136px] tw-flex-shrink-0"> 6116 <a 6117 href="/products/pomegranate-sparkle" 6118 class="site-nav-dropdown__product-card site-nav__child-link tw-flex tw-w-[136px] tw-max-w-[136px] tw-flex-col tw-items-stretch tw-overflow-visible tw-bg-transparent tw-p-0 tw-text-center" 6119 6120 >
6121 <span class="site-nav-dropdown__product-card-media"> 6122 6123 <div 6124 class="product-badge product-badge--nav product-badge--short-text" 6125 role="status" 6126 aria-label="New" 6127 > 6128 <svg class="product-badge__shape" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 72 72" fill="none" aria-hidden="true"> 6129 <path d="M33.6354 1.15556C34.8423 -0.385184 37.1577 -0.385187 38.3646 1.15556L42.852 6.8839C43.6453 7.89657 44.9853 8.29373 46.195 7.87473L53.0381 5.5046C54.8787 4.86711 56.8265 6.13068 57.0166 8.0855L57.7235 15.3533C57.8485 16.6382 58.763 17.7036 60.0051 18.0113L67.0313 19.7519C68.9212 20.22 69.883 22.346 68.996 24.0942L65.698 30.5941C65.1149 31.7432 65.3137 33.1385 66.1938 34.0752L71.1724 39.3739C72.5115 40.7991 72.1819 43.1125 70.4993 44.0991L64.2435 47.7673C63.1376 48.4158 62.5575 49.6981 62.7962 50.9664L64.1464 58.1409C64.5096 60.0706 62.9933 61.8369 61.0494 61.7487L53.822 61.4206C52.5443 61.3626 51.3694 62.1248 50.8909 63.322L48.1842 70.0944C47.4562 71.916 45.2346 72.5745 43.6465 71.4394L37.7421 67.2192C36.6983 66.4731 35.3017 66.4731 34.2579 67.2192L28.3535 71.4394C26.7655 72.5745 24.5438 71.916 23.8158 70.0944L21.1091 63.322C20.6306 62.1248 19.4557 61.3626 18.178 61.4206L10.9506 61.7487C9.00666 61.8369 7.4904 60.0706 7.85357 58.1409L9.20384 50.9664C9.44255 49.6981 8.86239 48.4158 7.75647 47.7673L1.50067 44.0991C-0.181946 43.1125 -0.511462 40.7991 0.827617 39.3739L5.80619 34.0752C6.68632 33.1385 6.88508 31.7432 6.30204 30.5941L3.00403 24.0942C2.11697 22.346 3.07881 20.22 4.96864 19.7519L11.9949 18.0113C13.237 17.7036 14.1515 16.6382 14.2765 15.3533L14.9834 8.08551C15.1735 6.13069 17.1213 4.86711 18.9619 5.5046L25.805 7.87473C27.0147 8.29373 28.3547 7.89657 29.148 6.8839L33.6354 1.15556Z" fill="#98E1C3"/> 6130 </svg> 6131 <span class="product-badge__text" style="color: #034638;">New</span> 6132 </div> 6133 6134 6135 6136 6137 6138 6139 6140 6141 6142 <img 6143 class="site-nav-dropdown__product-card-img nav-product-hero" 6144 src="//drinkolipop.com/cdn/shop/files/pomegranate-sparkle-6g-olipop_gallery-image_single-can_new_asset.webp?crop=center&height=362&v=1789390717&width=272" 6145 width="136" 6146 height="181" 6147 alt="Pomegranate Sparkle" 6148 loading="lazy" 6149 decoding="async" 6150 > 6151 6152 </span> 6153 <span class="site-nav-dropdown__product-card-label"> 6154 6155 Pomegranate Sparkle 6156 6157 </span> 6158 </a> 6159 </li> 6160 6161 6162 6163 6164 6165 6166 6167 6168 6169 <li class="limited-edition-flavors-tile tw-w-[136px] tw-flex-shrink-0"> 6170 <a 6171 href="/products/caramel-apple" 6172 class="site-nav-dropdown__product-card site-nav__child-link tw-flex tw-w-[136px] tw-max-w-[136px] tw-flex-col tw-items-stretch tw-overflow-visible tw-bg-transparent tw-p-0 tw-text-center" 6173 6174 > 6175 <span class="site-nav-dropdown__product-card-media"> 6176 6177 <div 6178 class="product-badge product-badge--nav product-badge--short-text" 6179 role="status" 6180 aria-label="New" 6181 > 6182 <svg class="product-badge__shape" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 72 72" fill="none" aria-hidden="true"> 6183 <path d="M33.6354 1.15556C34.8423 -0.385184 37.1577 -0.385187 38.3646 1.15556L42.852 6.8839C43.6453 7.89657 44.9853 8.29373 46.195 7.87473L53.0381 5.5046C54.8787 4.86711 56.8265 6.13068 57.0166 8.0855L57.7235 15.3533C57.8485 16.6382 58.763 17.7036 60.0051 18.0113L67.0313 19.7519C68.9212 20.22 69.883 22.346 68.996 24.0942L65.698 30.5941C65.1149 31.7432 65.3137 33.1385 66.1938 34.0752L71.1724 39.3739C72.5115 40.7991 72.1819 43.1125 70.4993 44.0991L64.2435 47.7673C63.1376 48.4158 62.5575 49.6981 62.7962 50.9664L64.1464 58.1409C64.5096 60.0706 62.9933 61.8369 61.0494 61.7487L53.822 61.4206C52.5443 61.3626 51.3694 62.1248 50.8909 63.322L48.1842 70.0944C47.4562 71.916 45.2346 72.5745 43.6465 71.4394L37.7421 67.2192C36.6983 66.4731 35.3017 66.4731 34.2579 67.2192L28.3535 71.4394C26.7655 72.5745 24.5438 71.916 23.8158 70.0944L21.1091 63.322C20.6306 62.1248 19.4557 61.3626 18.178 61.4206L10.9506 61.7487C9.00666 61.8369 7.4904 60.0706 7.85357 58.1409L9.20384 50.9664C9.44255 49.6981 8.86239 48.4158 7.75647 47.7673L1.50067 44.0991C-0.181946 43.1125 -0.511462 40.7991 0.827617 39.3739L5.80619 34.0752C6.68632 33.1385 6.88508 31.7432 6.30204 30.5941L3.004
618303 24.0942C2.11697 22.346 3.07881 20.22 4.96864 19.7519L11.9949 18.0113C13.237 17.7036 14.1515 16.6382 14.2765 15.3533L14.9834 8.08551C15.1735 6.13069 17.1213 4.86711 18.9619 5.5046L25.805 7.87473C27.0147 8.29373 28.3547 7.89657 29.148 6.8839L33.6354 1.15556Z" fill="#98E1C3"/> 6184 </svg> 6185 <span class="product-badge__text" style="color: #034638;">New</span> 6186 </div> 6187 6188 6189 6190 6191 6192 6193 6194 6195 6196 <img 6197 class="site-nav-dropdown__product-card-img nav-product-hero" 6198 src="//drinkolipop.com/cdn/shop/files/caramel-apple-9g-olipop_gallery-image_single-can_new_asset.webp?crop=center&height=362&v=1788145122&width=272" 6199 width="136" 6200 height="181" 6201 alt="Caramel Apple" 6202 loading="lazy" 6203 decoding="async" 6204 > 6205 6206 </span> 6207 <span class="site-nav-dropdown__product-card-label"> 6208 6209 Caramel Apple 6210 6211 </span> 6212 </a> 6213 </li> 6214 6215 6216 6217 6218 6219 6220 6221 6222 6223 <li class="limited-edition-flavors-tile tw-w-[136px] tw-flex-shrink-0"> 6224 <a 6225 href="/products/raspberry-sherbet" 6226 class="site-nav-dropdown__product-card site-nav__child-link tw-flex tw-w-[136px] tw-max-w-[136px] tw-flex-col tw-items-stretch tw-overflow-visible tw-bg-transparent tw-p-0 tw-text-center" 6227 6228 > 6229 <span class="site-nav-dropdown__product-card-media"> 6230 6231 <div 6232 class="product-badge product-badge--nav" 6233 role="status" 6234 aria-label="Limited" 6235 > 6236 <svg class="product-badge__shape" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 72 72" fill="none" aria-hidden="true"> 6237 <path d="M33.6354 1.15556C34.8423 -0.385184 37.1577 -0.385187 38.3646 1.15556L42.852 6.8839C43.6453 7.89657 44.9853 8.29373 46.195 7.87473L53.0381 5.5046C54.8787 4.86711 56.8265 6.13068 57.0166 8.0855L57.7235 15.3533C57.8485 16.6382 58.763 17.7036 60.0051 18.0113L67.0313 19.7519C68.9212 20.22 69.883 22.346 68.996 24.0942L65.698 30.5941C65.1149 31.7432 65.3137 33.1385 66.1938 34.0752L71.1724 39.3739C72.5115 40.7991 72.1819 43.1125 70.4993 44.0991L64.2435 47.7673C63.1376 48.4158 62.5575 49.6981 62.7962 50.9664L64.1464 58.1409C64.5096 60.0706 62.9933 61.8369 61.0494 61.7487L53.822 61.4206C52.5443 61.3626 51.3694 62.1248 50.8909 63.322L48.1842 70.0944C47.4562 71.916 45.2346 72.5745 43.6465 71.4394L37.7421 67.2192C36.6983 66.4731 35.3017 66.4731 34.2579 67.2192L28.3535 71.4394C26.7655 72.5745 24.5438 71.916 23.8158 70.0944L21.1091 63.322C20.6306 62.1248 19.4557 61.3626 18.178 61.4206L10.9506 61.7487C9.00666 61.8369 7.4904 60.0706 7.85357 58.1409L9.20384 50.9664C9.44255 49.6981 8.86239 48.4158 7.75647 47.7673L1.50067 44.0991C-0.181946 43.1125 -0.511462 40.7991 0.827617 39.3739L5.80619 34.0752C6.68632 33.1385 6.88508 31.7432 6.30204 30.5941L3.00403 24.0942C2.11697 22.346 3.07881 20.22 4.96864 19.7519L11.9949 18.0113C13.237 17.7036 14.1515 16.6382 14.2765 15.3533L14.9834 8.08551C15.1735 6.13069 17.1213 4.86711 18.9619 5.5046L25.805 7.87473C27.0147 8.29373 28.3547 7.89657 29.148 6.8839L33.6354 1.15556Z" fill="#FFE340"/> 6238 </svg> 6239 <span class="product-badge__text" style="color: #034638;">Limited</span> 6240 </div> 6241 6242 6243 6244 6245 6246 6247 6248 6249 6250 <img 6251 class="site-nav-dropdown__product-card-img nav-product-hero" 6252 src="//drinkolipop.com/cdn/shop/files/raspberry-sherbert_omni-pdp_single.webp?crop=center&height=362&v=1775754912&width=272" 6253 width="136" 6254 height="181" 6255 alt="Raspberry Sherbet" 6256 loading="lazy" 6257 decoding="async" 6258 > 6259 6260 </span>
6261 <span class="site-nav-dropdown__product-card-label"> 6262 6263 Raspberry Sherbet 6264 6265 </span> 6266 </a> 6267 </li> 6268 6269 6270 6271 6272 6273 6274 6275 6276 6277 <li class="limited-edition-flavors-tile tw-w-[136px] tw-flex-shrink-0"> 6278 <a 6279 href="/products/shirley-temple" 6280 class="site-nav-dropdown__product-card site-nav__child-link tw-flex tw-w-[136px] tw-max-w-[136px] tw-flex-col tw-items-stretch tw-overflow-visible tw-bg-transparent tw-p-0 tw-text-center" 6281 6282 > 6283 <span class="site-nav-dropdown__product-card-media"> 6284 6285 <div 6286 class="product-badge product-badge--nav" 6287 role="status" 6288 aria-label="Limited" 6289 > 6290 <svg class="product-badge__shape" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 72 72" fill="none" aria-hidden="true"> 6291 <path d="M33.6354 1.15556C34.8423 -0.385184 37.1577 -0.385187 38.3646 1.15556L42.852 6.8839C43.6453 7.89657 44.9853 8.29373 46.195 7.87473L53.0381 5.5046C54.8787 4.86711 56.8265 6.13068 57.0166 8.0855L57.7235 15.3533C57.8485 16.6382 58.763 17.7036 60.0051 18.0113L67.0313 19.7519C68.9212 20.22 69.883 22.346 68.996 24.0942L65.698 30.5941C65.1149 31.7432 65.3137 33.1385 66.1938 34.0752L71.1724 39.3739C72.5115 40.7991 72.1819 43.1125 70.4993 44.0991L64.2435 47.7673C63.1376 48.4158 62.5575 49.6981 62.7962 50.9664L64.1464 58.1409C64.5096 60.0706 62.9933 61.8369 61.0494 61.7487L53.822 61.4206C52.5443 61.3626 51.3694 62.1248 50.8909 63.322L48.1842 70.0944C47.4562 71.916 45.2346 72.5745 43.6465 71.4394L37.7421 67.2192C36.6983 66.4731 35.3017 66.4731 34.2579 67.2192L28.3535 71.4394C26.7655 72.5745 24.5438 71.916 23.8158 70.0944L21.1091 63.322C20.6306 62.1248 19.4557 61.3626 18.178 61.4206L10.9506 61.7487C9.00666 61.8369 7.4904 60.0706 7.85357 58.1409L9.20384 50.9664C9.44255 49.6981 8.86239 48.4158 7.75647 47.7673L1.50067 44.0991C-0.181946 43.1125 -0.511462 40.7991 0.827617 39.3739L5.80619 34.0752C6.68632 33.1385 6.88508 31.7432 6.30204 30.5941L3.00403 24.0942C2.11697 22.346 3.07881 20.22 4.96864 19.7519L11.9949 18.0113C13.237 17.7036 14.1515 16.6382 14.2765 15.3533L14.9834 8.08551C15.1735 6.13069 17.1213 4.86711 18.9619 5.5046L25.805 7.87473C27.0147 8.29373 28.3547 7.89657 29.148 6.8839L33.6354 1.15556Z" fill="#FFE340"/> 6292 </svg> 6293 <span class="product-badge__text" style="color: #034638;">Limited</span> 6294 </div> 6295 6296 6297 6298 6299 6300 6301 6302 6303 6304 <img 6305 class="site-nav-dropdown__product-card-img nav-product-hero" 6306 src="//drinkolipop.com/cdn/shop/files/shirley-temple-6g-olipop_gallery-image_single-can_new_asset.webp?crop=center&height=362&v=1778804138&width=272" 6307 width="136" 6308 height="181" 6309 alt="Shirley Temple" 6310 loading="lazy" 6311 decoding="async" 6312 > 6313 6314 </span> 6315 <span class="site-nav-dropdown__product-card-label"> 6316 6317 Shirley Temple 6318 6319 </span> 6320 </a> 6321 </li> 6322 6323 6324 6325 6326 6327 6328 6329 6330 6331 <li class="limited-edition-flavors-tile tw-w-[136px] tw-flex-shrink-0"> 6332 <a 6333 href="/products/spongebob-pineapple-paradise" 6334 class="site-nav-dropdown__product-card site-nav__child-link tw-flex tw-w-[136px] tw-max-w-[136px] tw-flex-col tw-items-stretch tw-overflow-visible tw-bg-transparent tw-p-0 tw-text-center" 6335 6336 >
6337 <span class="site-nav-dropdown__product-card-media"> 6338 6339 <div 6340 class="product-badge product-badge--nav" 6341 role="status" 6342 aria-label="Limited" 6343 > 6344 <svg class="product-badge__shape" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 72 72" fill="none" aria-hidden="true"> 6345 <path d="M33.6354 1.15556C34.8423 -0.385184 37.1577 -0.385187 38.3646 1.15556L42.852 6.8839C43.6453 7.89657 44.9853 8.29373 46.195 7.87473L53.0381 5.5046C54.8787 4.86711 56.8265 6.13068 57.0166 8.0855L57.7235 15.3533C57.8485 16.6382 58.763 17.7036 60.0051 18.0113L67.0313 19.7519C68.9212 20.22 69.883 22.346 68.996 24.0942L65.698 30.5941C65.1149 31.7432 65.3137 33.1385 66.1938 34.0752L71.1724 39.3739C72.5115 40.7991 72.1819 43.1125 70.4993 44.0991L64.2435 47.7673C63.1376 48.4158 62.5575 49.6981 62.7962 50.9664L64.1464 58.1409C64.5096 60.0706 62.9933 61.8369 61.0494 61.7487L53.822 61.4206C52.5443 61.3626 51.3694 62.1248 50.8909 63.322L48.1842 70.0944C47.4562 71.916 45.2346 72.5745 43.6465 71.4394L37.7421 67.2192C36.6983 66.4731 35.3017 66.4731 34.2579 67.2192L28.3535 71.4394C26.7655 72.5745 24.5438 71.916 23.8158 70.0944L21.1091 63.322C20.6306 62.1248 19.4557 61.3626 18.178 61.4206L10.9506 61.7487C9.00666 61.8369 7.4904 60.0706 7.85357 58.1409L9.20384 50.9664C9.44255 49.6981 8.86239 48.4158 7.75647 47.7673L1.50067 44.0991C-0.181946 43.1125 -0.511462 40.7991 0.827617 39.3739L5.80619 34.0752C6.68632 33.1385 6.88508 31.7432 6.30204 30.5941L3.00403 24.0942C2.11697 22.346 3.07881 20.22 4.96864 19.7519L11.9949 18.0113C13.237 17.7036 14.1515 16.6382 14.2765 15.3533L14.9834 8.08551C15.1735 6.13069 17.1213 4.86711 18.9619 5.5046L25.805 7.87473C27.0147 8.29373 28.3547 7.89657 29.148 6.8839L33.6354 1.15556Z" fill="#FFE340"/> 6346 </svg> 6347 <span class="product-badge__text" style="color: #034638;">Limited</span> 6348 </div> 6349 6350 6351 6352 6353 6354 6355 6356 6357 6358 <img 6359 class="site-nav-dropdown__product-card-img nav-product-hero" 6360 src="//drinkolipop.com/cdn/shop/files/Pineapple-Paradise_cgi-main-image_072925.webp?crop=center&height=362&v=1753844923&width=272" 6361 width="136" 6362 height="181" 6363 alt="Pineapple Paradise" 6364 loading="lazy" 6365 decoding="async" 6366 > 6367 6368 </span> 6369 <span class="site-nav-dropdown__product-card-label"> 6370 6371 Pineapple Paradise 6372 6373 </span> 6374 </a> 6375 </li> 6376 6377 6378 </ul> 6379 </div> 6380 </div> 6381 </div> 6382 </div> 6383 6384 6385 6386 <div 6387 id="nav-dropdown-variety-packs" 6388 class="site-nav-dropdown__child-menu tw-absolute tw-inset-0 tw-min-h-0 tw-w-full tw-overflow-x-hidden tw-overflow-y-visible tw-pl-4 tw-pt-8 md:tw-pl-8" 6389 > 6390 <div class="site-nav-dropdown__child-menu-inner tw-flex tw-min-h-0 tw-flex-1 tw-flex-col tw-overflow-visible"> 6391 <header class="site-nav-dropdown__subnav-header tw-pl-1"> 6392 <div class="site-nav-dropdown__subnav-header-top tw-flex tw-flex-col tw-gap-4 lg:tw-flex-row lg:tw-items-start lg:tw-justify-between"> 6393 <div class="site-nav-dropdown__subnav-titles tw-min-w-0 tw-flex-1"> 6394 <h2 class="site-nav-dropdown__subnav-title"> 6395 6396 Shop variety packs 6397 6398 </h2> 6399 6400 <div class="site-nav-dropdown__category-headline"> 6401 <div class="site-nav-dropdown__category-headline-text rte">
6402 <span class="metafield-single_line_text_field">Store anywhere. Chill to enjoy.</span> 6403 </div> 6404 6405 </div> 6406 6407 6408 <div class="site-nav-dropdown__category-description rte"> 6409 <span class="metafield-multi_line_text_field">The ultimate OLIPOP flavor tour, for an easy & fun way to discover your favorites.</span> 6410 </div> 6411 6412 </div> 6413 <a 6414 class="site-nav-dropdown__shop-all-outline" 6415 href="/collections/variety-packs" 6416 > 6417 6418 Shop All Variety Packs 6419 6420 </a> 6421 </div> 6422 </header> 6423 6424 <div 6425 class="site-nav-dropdown__carousel tw-relative tw-flex tw-min-h-0 tw-flex-1 tw-flex-col tw-pl-0 tw-mt-[-3rem]" 6426 data-nav-carousel 6427 > 6428 <div 6429 class="site-nav-dropdown__carousel-toolbar tw-flex tw-w-full tw-items-center tw-justify-end tw-gap-1 tw-pr-14" 6430 aria-hidden="false" 6431 > 6432 <button 6433 type="button" 6434 class="site-nav-dropdown__carousel-btn site-nav-dropdown__carousel-btn--prev site-nav-dropdown__carousel-btn--toolbar" 6435 aria-label="Show previous products" 6436 > 6437<svg 6438 xmlns="http://www.w3.org/2000/svg" 6439 width="24" 6440 height="24" 6441 viewBox="0 0 24 24" 6442 fill="none" 6443 class="site-nav-dropdown__carousel-arrow-svg" 6444 aria-hidden="true" 6445 focusable="false" 6446> 6447 <path 6448 d="M20.7806 12.5306L14.0306 19.2806C13.8899 19.4214 13.699 19.5004 13.5 19.5004C13.301 19.5004 13.1101 19.4214 12.9694 19.2806C12.8286 19.1399 12.7496 18.949 12.7496 18.75C12.7496 18.551 12.8286 18.3601 12.9694 18.2194L18.4397 12.75H3.75C3.55109 12.75 3.36032 12.671 3.21967 12.5303C3.07902 12.3897 3 12.1989 3 12C3 11.8011 3.07902 11.6103 3.21967 11.4697C3.36032 11.329 3.55109 11.25 3.75 11.25H18.4397L12.9694 5.78063C12.8286 5.6399 12.7496 5.44903 12.7496 5.25001C12.7496 5.05098 12.8286 4.86011 12.9694 4.71938C13.1101 4.57865 13.301 4.49959 13.5 4.49959C13.699 4.49959 13.8899 4.57865 14.0306 4.71938L20.7806 11.4694C20.8504 11.539 20.9057 11.6218 20.9434 11.7128C20.9812 11.8038 21.0006 11.9014 21.0006 12C21.0006 12.0986 20.9812 12.1962 20.9434 12.2872C20.9057 12.3783 20.8504 12.461 20.7806 12.5306Z" 6449 fill="currentColor" 6450 /> 6451</svg> 6452</button> 6453 <button 6454 type="button" 6455 class="site-nav-dropdown__carousel-btn site-nav-dropdown__carousel-btn--next site-nav-dropdown__carousel-btn--toolbar" 6456 aria-label="Show next products" 6457 > 6458<svg 6459 xmlns="http://www.w3.org/2000/svg" 6460 width="24" 6461 height="24" 6462 viewBox="0 0 24 24" 6463 fill="none" 6464 class="site-nav-dropdown__carousel-arrow-svg" 6465 aria-hidden="true" 6466 focusable="false" 6467> 6468 <path 6469 d="M20.7806 12.5306L14.0306 19.2806C13.8899 19.4214 13.699 19.5004 13.5 19.5004C13.301 19.5004 13.1101 19.4214 12.9694 19.2806C12.8286 19.1399 12.7496 18.949 12.7496 18.75C12.7496 18.551 12.8286 18.3601 12.9694 18.2194L18.4397 12.75H3.75C3.55109 12.75 3.36032 12.671 3.21967 12.5303C3.07902 12.3897 3 12.1989 3 12C3 11.8011 3.07902 11.6103 3.21967 11.4697C3.36032 11.329 3.55109 11.25 3.75 11.25H18.4397L12.9694 5.78063C12.8286 5.6399 12.7496 5.44903 12.7496 5.25001C12.7496 5.05098 12.8286 4.86011 12.9694 4.71938C13.1101 4.57865 13.301 4.49959 13.5 4.49959C13.699 4.49959 13.8899 4.57865 14.0306 4.71938L20.7806 11.4694C20.8504 11.539 20.9057 11.6218 20.9434 11.7128C20.9812 11.8038 21.0006 11.9014 21.0006 12C21.0006 12.0986 20.9812 12.1962 20.9434 12.2872C20.9057 12.3783 20.8504 12.461 20.7806 12.5306Z" 6470 fill="currentColor" 6471 /> 6472</svg> 6473</button> 6474 </div> 6475 <div 6476 class="site-nav-dropdown__carousel-track tw-min-h-0 tw-flex-1 tw-overflow-x-auto tw-overflow-y-visible tw-scroll-smooth tw-pb-8" 6477 data-carousel-track 6478 tabindex="0" 6479 role="region" 6480 aria-roledescription="carousel" 6481 aria-label="Variety packs products" 6482 > 6483 <ul class="site-nav-dropdown__product-row tw-m-0 tw-flex tw-list-none tw-flex-nowrap tw-gap-[2px] tw-p-0 tw-pl-1"> 6484 6485 6486 6487 6488 6489 6490 6491 6492 6493 6494 6495 6496 6497 <li class="variety-packs-tile tw-w-[136px] tw-flex-shrink-0"> 6498 <a 6499 href="/products/classic-soda-variety-pack" 6500 class="site-nav-dropdown__product-card site-nav__child-link tw-flex tw-w-[136px] tw-max-w-[136px] tw-flex-col tw-items-stretch tw-overflow-visible tw-bg-transparent tw-p-0 tw-text-center" 6501 6502 >
6503 <span class="site-nav-dropdown__product-card-media"> 6504 6505 6506 6507 6508 6509 6510 6511 6512 6513 <img 6514 class="site-nav-dropdown__product-card-img nav-product-hero" 6515 src="//drinkolipop.com/cdn/shop/files/classic-soda-variety-pack-6g-olipop_main-image-v2_new_asset.webp?crop=center&height=362&v=1779207306&width=272" 6516 width="136" 6517 height="181" 6518 alt="Classic Soda Variety Pack" 6519 loading="lazy" 6520 decoding="async" 6521 > 6522 6523 </span> 6524 <span class="site-nav-dropdown__product-card-label"> 6525 6526 Classic Soda 6527 6528 </span> 6529 </a> 6530 </li> 6531 6532 6533 6534 6535 6536 6537 6538 6539 6540 <li class="variety-packs-tile tw-w-[136px] tw-flex-shrink-0"> 6541 <a 6542 href="/products/fruity-fun-variety-pack" 6543 class="site-nav-dropdown__product-card site-nav__child-link tw-flex tw-w-[136px] tw-max-w-[136px] tw-flex-col tw-items-stretch tw-overflow-visible tw-bg-transparent tw-p-0 tw-text-center" 6544 6545 > 6546 <span class="site-nav-dropdown__product-card-media"> 6547 6548 6549 6550 6551 6552 6553 6554 6555 6556 <img 6557 class="site-nav-dropdown__product-card-img nav-product-hero" 6558 src="//drinkolipop.com/cdn/shop/files/fruity-fun-variety-pack-6g-olipop_main-image-v2_new_asset.webp?crop=center&height=362&v=1779207636&width=272" 6559 width="136" 6560 height="181" 6561 alt="Fruity Fun Variety Pack" 6562 loading="lazy" 6563 decoding="async" 6564 > 6565 6566 </span> 6567 <span class="site-nav-dropdown__product-card-label"> 6568 6569 Fruity Fun 6570 6571 </span> 6572 </a> 6573 </li> 6574 6575 6576 6577 6578 6579 6580 6581 6582 6583 <li class="variety-packs-tile tw-w-[136px] tw-flex-shrink-0"> 6584 <a 6585 href="/products/favorites-variety-pack" 6586 class="site-nav-dropdown__product-card site-nav__child-link tw-flex tw-w-[136px] tw-max-w-[136px] tw-flex-col tw-items-stretch tw-overflow-visible tw-bg-transparent tw-p-0 tw-text-center" 6587 6588 > 6589 <span class="site-nav-dropdown__product-card-media"> 6590 6591 6592 6593 6594 6595 6596 6597 6598 6599 <img 6600 class="site-nav-dropdown__product-card-img nav-product-hero" 6601 src="//drinkolipop.com/cdn/shop/files/favorites-variety-pack-6g-olipop_main-image-v2_new_asset.webp?crop=center&height=362&v=1779208124&width=272" 6602 width="136" 6603 height="181" 6604 alt="Favorites Variety Pack" 6605 loading="lazy" 6606 decoding="async" 6607 > 6608 6609 </span>
6610 <span class="site-nav-dropdown__product-card-label"> 6611 6612 Favorites 6613 6614 </span> 6615 </a> 6616 </li> 6617 6618 6619 </ul> 6620 </div> 6621 </div> 6622 </div> 6623 </div> 6624 6625 6626 </div> 6627 </div> 6628</div> 6629 6630<style> 6631 .variety-packs-tile { 6632 margin: 0; 6633 } 6634 6635 .site-nav-dropdown__links-footer { 6636 padding-top: 2rem; 6637 align-items: flex-start; 6638 } 6639 6640 .site-nav-dropdown__link.site-nav-dropdown__link-parent.site-nav-dropdown__child-link--active { 6641 border-bottom-width: 0; 6642 border-right-width: 0; 6643 border-top-width: 0; 6644 } 6645 6646 .site-nav-dropdown__link.site-nav-dropdown__link-parent:not(.site-nav-dropdown__child-link--active):hover { 6647 background-color: #ffffff; 6648 border-color: #F3E4CD; 6649 border-right-width: 0; 6650 } 6651 6652 .site-nav-dropdown__link.site-nav-dropdown__link-parent:not(.site-nav-dropdown__child-link--active):not(:first-child):not(:last-child), 6653 .site-nav-dropdown__link.site-nav-dropdown__link-parent.site-nav-dropdown__child-link--active:not(:first-child):not(:last-child) { 6654 margin-top: -1px; 6655 margin-bottom: -1px; 6656 } 6657 6658 .site-nav-dropdown__link.site-nav-dropdown__link-parent.site-nav-dropdown__child-link--active:not(:first-child):not(:last-child) { 6659 margin-top: 0 !important; 6660 margin-bottom: 0 !important; 6661 } 6662 6663 .site-nav-dropdown__link.site-nav-dropdown__link-parent:not(.site-nav-dropdown__child-link--active):first-child, 6664 .site-nav-dropdown__link.site-nav-dropdown__link-parent.site-nav-dropdown__child-link--active:first-child { 6665 margin-bottom: 0; 6666 } 6667 6668 .site-nav-dropdown__link.site-nav-dropdown__link-parent:not(.site-nav-dropdown__child-link--active):last-child, 6669 .site-nav-dropdown__link.site-nav-dropdown__link-parent.site-nav-dropdown__child-link--active:last-child { 6670 margin-top: 0; 6671 } 6672 6673 .site-nav-dropdown__link.site-nav-dropdown__link-parent.site-nav-dropdown__child-link--active:first-child { 6674 margin-bottom: 1px !important; 6675 } 6676 6677 .site-nav-dropdown__link.site-nav-dropdown__link-parent.site-nav-dropdown__child-link--active:last-child {
6678 margin-top: 1px !important; 6679 } 6680</style> 6681 6682 6683 6684 6685 6686 6687 6688 6689 6690 6691 6692 6693 6694 6695<div 6696 class="site-nav-dropdown__menu site-nav-dropdown__menu--learn site-nav-dropdown__menu--two-level tw-mx-auto tw-w-full tw-max-w-[1250px] tw-px-3 tw-py-6 xs:tw-px-4 sm:tw-px-6 sm:tw-py-8 md:tw-px-10 md:tw-py-10" 6697 id="site-nav-menu-dropdown-learn" 6698 tabindex="-1" 6699> 6700 <button type="button" class="site-nav-dropdown-close">Close menu Learn</button> 6701 6702 <ul 6703 class="site-nav-dropdown__learn-row tw-m-0 tw-grid tw-w-full tw-min-w-0 tw-flex-1 tw-list-none tw-gap-3 xs:tw-gap-4 sm:tw-gap-5 md:tw-gap-6 lg:tw-gap-[27px]" 6704 style="grid-template-columns: repeat(4, minmax(0, 1fr));" 6705 role="list" 6706 > 6707 6708 6709 6710 <li class="site-nav-dropdown__learn-item tw-min-w-0" role="listitem"> 6711 <a 6712 href="/pages/our-story" 6713 class="site-nav-dropdown__learn-cta" 6714 6715 > 6716 <span class="site-nav-dropdown__learn-cta-media"> 6717 6718 <img 6719 src="https://cld.accentuate.io/24019238982/1638801318213/c0ee66b559596ef206e3bb3c0e6f9336.png?v=1739204938752&options=w_400" 6720 alt="Our story" 6721 class="site-nav-dropdown__learn-cta-img" 6722 width="184" 6723 height="175" 6724 loading="lazy" 6725 decoding="async" 6726 > 6727 6728 </span> 6729 <span class="site-nav-dropdown__learn-cta-label">Our story</span> 6730 </a> 6731 </li> 6732 6733 6734 6735 <li class="site-nav-dropdown__learn-item tw-min-w-0" role="listitem"> 6736 <a 6737 href="/pages/ingredients" 6738 class="site-nav-dropdown__learn-cta" 6739 6740 > 6741 <span class="site-nav-dropdown__learn-cta-media"> 6742 6743 <img 6744 src="https://cld.accentuate.io/24019206214/1638801420395/Ingredients_v2.png?v=1644954098882&options=w_400" 6745 alt="Ingredients" 6746 class="site-nav-dropdown__learn-cta-img" 6747 width="184" 6748 height="175" 6749 loading="lazy" 6750 decoding="async" 6751 > 6752 6753 </span> 6754 <span class="site-nav-dropdown__learn-cta-label">Ingredients</span> 6755 </a> 6756 </li> 6757 6758 6759 6760 <li class="site-nav-dropdown__learn-item tw-min-w-0" role="listitem"> 6761 <a 6762 href="/pages/digestive-health" 6763 class="site-nav-dropdown__learn-cta" 6764 6765 > 6766 <span class="site-nav-dropdown__learn-cta-media"> 6767 6768 <img 6769 src="https://cld.accentuate.io/25773441094/1638801408530/d629d13dc396e78ebfce3023f74d4eac.png?v=1739204218145&options=w_400" 6770 alt="Digestive health" 6771 class="site-nav-dropdown__learn-cta-img" 6772 width="184" 6773 height="175" 6774 loading="lazy" 6775 decoding="async" 6776 > 6777 6778 </span> 6779 <span class="site-nav-dropdown__learn-cta-label">Digestive health</span> 6780 </a> 6781 </li> 6782 6783 6784 6785 <li class="site-nav-dropdown__learn-item tw-min-w-0" role="listitem"> 6786 <a 6787 href="/pages/fiber-education" 6788 class="site-nav-dropdown__learn-cta" 6789 6790 > 6791 <span class="site-nav-dropdown__learn-cta-media"> 6792 6793 <img 6794 src="https://cld.accentuate.io/97731313823/1778795013671/Fiber-Education-nav_cp.png?v=1778795013671&options=w_400" 6795 alt="Fiber education" 6796 class="site-nav-dropdown__learn-cta-img" 6797 width="184" 6798 height="175" 6799 loading="lazy" 6800 decoding="async" 6801 > 6802 6803 </span> 6804 <span class="site-nav-dropdown__learn-cta-label">Fiber education</span> 6805 </a> 6806 </li> 6807 6808 </ul> 6809</div> 6810 6811 6812 6813 6814 6815 6816 6817 6818</div> 6819 6820 </div> 6821 6822 6823 6824 6825 6826 6827 6828 6829 6830 6831 6832 6833 6834 6835 6836 6837 6838 6839 6840 6841 6842 6843 6844 6845 6846 6847 6848 6849 6850 6851 6852 6853 6854 6855 6856 6857 6858 6859 6860 6861 6862 6863 6864 6865 6866 6867 6868 6869 6870 6871 6872 6873 6874<div 6875 class="mobile-menu mobile-menu--v2 has-announcement tw-pointer-events-none tw-fixed tw-left-0 tw-right-0 tw-z-20 tw-hidden tw-overflow-x-hidden tw-overflow-y-visible group-[.is-mobile-active]:tw-block" 6876 js-mobile-menu 6877> 6878 <div 6879 class="mobile-menu__backdrop tw-pointer-events-none tw-absolute tw-inset-0 tw-z-0 tw-transition-opacity tw-duration-300 tw-ease-out" 6880 data-mobile-menu-dismiss 6881 aria-hidden="true" 6882 ></div> 6883 6884 <div 6885 class="mobile-menu__panel tw-pointer-events-auto tw-absolute tw-left-0 tw-top-0 tw-z-10 tw-flex tw-h-full tw-w-full tw-flex-col tw-transition-transform tw-duration-300 tw-ease-[cubic-bezier(0.4,0,0.2,1)]" 6886 role="dialog" 6887 aria-modal="true" 6888 aria-labelledby="mobile-menu-tablist-label" 6889 js-mobile-menu-panel 6890 tabindex="-1" 6891 > 6892 <div class="mobile-menu__panel-inner tw-flex tw-min-h-0 tw-flex-1 tw-flex-col tw-overflow-x-hidden tw-overflow-y-visible"> 6893 <h2 id="mobile-menu-tablist-label" class="tw-sr-only">Site menu</h2> 6894 6895 6896 <div 6897 class="mobile-menu__tabs tw-flex tw-shrink-0 tw-flex-col" 6898 role="tablist" 6899 aria-label="Shop or Learn" 6900 > 6901 <div class="mobile-menu__tab-toggle tw-flex tw-flex-1"> 6902 <button 6903 type="button" 6904 class="mobile-menu__tab mobile-menu__tab--shop is-selected tw-flex-1 tw-border-0" 6905 role="tab" 6906 id="mobile-tab-shop" 6907 aria-selected="true"
6908 aria-controls="mobile-panel-shop" 6909 tabindex="0" 6910 data-mobile-tab="shop" 6911 > 6912 Shop 6913 </button> 6914 <button 6915 type="button" 6916 class="mobile-menu__tab mobile-menu__tab--learn tw-flex-1 tw-border-0" 6917 role="tab" 6918 id="mobile-tab-learn" 6919 aria-selected="false" 6920 aria-controls="mobile-panel-learn" 6921 tabindex="-1" 6922 data-mobile-tab="learn" 6923 > 6924 Learn 6925 </button> 6926 </div> 6927 </div> 6928 6929 6930 <div class="mobile-menu__panels tw-min-h-0 tw-flex-1 tw-overflow-y-auto tw-overscroll-contain"> 6931 <div 6932 id="mobile-panel-shop" 6933 class="mobile-menu__tabpanel" 6934 role="tabpanel" 6935 6936 aria-labelledby="mobile-tab-shop" 6937 tabindex="0" 6938 6939 data-mobile-panel="shop" 6940 > 6941 6942 6943 6944 6945 6946 6947 <div class="mobile-menu__shop-body"> 6948 6949 6950 6951 6952 6953 6954 <details 6955 id="mobile-shop-acc-1" 6956 class="mobile-menu__accordion" 6957 6958 open 6959 6960 > 6961 <summary class="mobile-menu__accordion-summary"> 6962 <span class="mobile-menu__accordion-summary-text"> 6963 <span class="mobile-menu__accordion-title"> 6964 9g fiber line 6965 </span> 6966 </span> 6967 <span class="mobile-menu__accordion-toggle-icons" aria-hidden="true"> 6968 <span class="mobile-menu__accordion-icon mobile-menu__accordion-icon--plus"> 6969 <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" aria-hidden="true" focusable="false"> 6970 <path d="M21 12C21 12.1989 20.921 12.3897 20.7803 12.5303C20.6397 12.671 20.4489 12.75 20.25 12.75H12.75V20.25C12.75 20.4489 12.671 20.6397 12.5303 20.7803C12.3897 20.921 12.1989 21 12 21C11.8011 21 11.6103 20.921 11.4697 20.7803C11.329 20.6397 11.25 20.4489 11.25 20.25V12.75H3.75C3.55109 12.75 3.36032 12.671 3.21967 12.5303C3.07902 12.3897 3 12.1989 3 12C3 11.8011 3.07902 11.6103 3.21967 11.4697C3.36032 11.329 3.55109 11.25 3.75 11.25H11.25V3.75C11.25 3.55109 11.329 3.36032 11.4697 3.21967C11.6103 3.07902 11.8011 3 12 3C12.1989 3 12.3897 3.07902 12.5303 3.21967C12.671 3.36032 12.75 3.55109 12.75 3.75V11.25H20.25C20.4489 11.25 20.6397 11.329 20.7803 11.4697C20.921 11.6103 21 11.8011 21 12Z" fill="currentColor"/> 6971</svg> 6972 6973 </span> 6974 <span class="mobile-menu__accordion-icon mobile-menu__accordion-icon--minus"> 6975 <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" aria-hidden="true" focusable="false"> 6976 <path d="M21 12C21 12.1989 20.921 12.3897 20.7803 12.5303C20.6397 12.671 20.4489 12.75 20.25 12.75H3.75C3.55109 12.75 3.36032 12.671 3.21967 12.5303C3.07902 12.3897 3 12.1989 3 12C3 11.8011 3.07902 11.6103 3.21967 11.4697C3.36032 11.329 3.55109 11.25 3.75 11.25H20.25C20.4489 11.25 20.6397 11.329 20.7803 11.4697C20.921 11.6103 21 11.8011 21 12Z" fill="currentColor"/> 6977</svg> 6978 6979 </span> 6980 </span> 6981 </summary> 6982 6983 <div class="mobile-menu__accordion-panel"> 6984 6985 <div class="mobile-menu__category-headline"> 6986 <div class="mobile-menu__category-headline-text rte"> 6987 <span class="metafield-single_line_text_field">Keep refrigerated</span> 6988 </div> 6989 6990 <span class="mobile-menu__category-headline-icon" aria-hidden="true"> 6991 <img src="//drinkolipop.com/cdn/shop/files/Icons_3.svg?v=1776439621&width=64" alt="" srcset="//drinkolipop.com/cdn/shop/files/Icons_3.svg?v=1776439621&width=32 32w" width="32" height="32" loading="lazy" class="mobile-menu__category-headline-img"> 6992 </span> 6993 6994 </div> 6995 6996 6997 <div class="mobile-menu__category-description rte"> 6998 <span class="metafield-multi_line_text_field">Our original refrigerated formula, with higher fiber per can to get more out of every sip.</span> 6999 </div> 7000 7001 7002 <div 7003 class="mobile-menu__product-scroller tw-min-w-0 tw-overflow-x-auto tw-overflow-y-visible" 7004 tabindex="0" 7005 role="region" 7006 aria-roledescription="carousel" 7007 aria-label="9g fiber line — products" 7008 > 7009 <ul class="mobile-menu__product-row tw-m-0 tw-flex tw-list-none tw-flex-nowrap tw-p-0"> 7010 7011 7012 7013 7014 7015 7016 7017 7018 7019 7020 7021 7022 7023 7024 <li class="mobile-menu__product-tile"> 7025 <a 7026 href="/products/caramel-apple" 7027 class="mobile-menu__product-card" 7028 7029 >
7030 <span class="mobile-menu__product-card-media"> 7031 7032 <div 7033 class="product-badge product-badge--nav product-badge--short-text" 7034 role="status" 7035 aria-label="New" 7036 > 7037 <svg class="product-badge__shape" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 72 72" fill="none" aria-hidden="true"> 7038 <path d="M33.6354 1.15556C34.8423 -0.385184 37.1577 -0.385187 38.3646 1.15556L42.852 6.8839C43.6453 7.89657 44.9853 8.29373 46.195 7.87473L53.0381 5.5046C54.8787 4.86711 56.8265 6.13068 57.0166 8.0855L57.7235 15.3533C57.8485 16.6382 58.763 17.7036 60.0051 18.0113L67.0313 19.7519C68.9212 20.22 69.883 22.346 68.996 24.0942L65.698 30.5941C65.1149 31.7432 65.3137 33.1385 66.1938 34.0752L71.1724 39.3739C72.5115 40.7991 72.1819 43.1125 70.4993 44.0991L64.2435 47.7673C63.1376 48.4158 62.5575 49.6981 62.7962 50.9664L64.1464 58.1409C64.5096 60.0706 62.9933 61.8369 61.0494 61.7487L53.822 61.4206C52.5443 61.3626 51.3694 62.1248 50.8909 63.322L48.1842 70.0944C47.4562 71.916 45.2346 72.5745 43.6465 71.4394L37.7421 67.2192C36.6983 66.4731 35.3017 66.4731 34.2579 67.2192L28.3535 71.4394C26.7655 72.5745 24.5438 71.916 23.8158 70.0944L21.1091 63.322C20.6306 62.1248 19.4557 61.3626 18.178 61.4206L10.9506 61.7487C9.00666 61.8369 7.4904 60.0706 7.85357 58.1409L9.20384 50.9664C9.44255 49.6981 8.86239 48.4158 7.75647 47.7673L1.50067 44.0991C-0.181946 43.1125 -0.511462 40.7991 0.827617 39.3739L5.80619 34.0752C6.68632 33.1385 6.88508 31.7432 6.30204 30.5941L3.00403 24.0942C2.11697 22.346 3.07881 20.22 4.96864 19.7519L11.9949 18.0113C13.237 17.7036 14.1515 16.6382 14.2765 15.3533L14.9834 8.08551C15.1735 6.13069 17.1213 4.86711 18.9619 5.5046L25.805 7.87473C27.0147 8.29373 28.3547 7.89657 29.148 6.8839L33.6354 1.15556Z" fill="#98E1C3"/> 7039 </svg> 7040 <span class="product-badge__text" style="color: #034638;">New</span> 7041 </div> 7042 7043 7044 7045 7046 7047 7048 7049 7050 7051 <img 7052 class="mobile-menu__product-img" 7053 src="//drinkolipop.com/cdn/shop/files/caramel-apple-9g-olipop_gallery-image_single-can_new_asset.webp?crop=center&height=362&v=1788145122&width=272" 7054 width="136" 7055 height="181" 7056 alt="Caramel Apple" 7057 loading="lazy" 7058 decoding="async" 7059 > 7060 7061 </span> 7062 <span class="mobile-menu__product-card-label">Caramel Apple</span> 7063 </a> 7064 </li> 7065 7066 7067 7068 7069 7070 7071 7072 7073 7074 7075 7076 7077 7078 <li class="mobile-menu__product-tile"> 7079 <a 7080 href="/products/blackberry-vanilla" 7081 class="mobile-menu__product-card" 7082 7083 > 7084 <span class="mobile-menu__product-card-media"> 7085 7086 7087 7088 7089 7090 7091 7092 7093 7094 <img 7095 class="mobile-menu__product-img" 7096 src="//drinkolipop.com/cdn/shop/files/blackberry-vanilla-9g-olipop_gallery-image_single-can_new_asset.webp?crop=center&height=362&v=1779162450&width=272" 7097 width="136" 7098 height="181" 7099 alt="Blackberry Vanilla" 7100 loading="lazy" 7101 decoding="async" 7102 > 7103 7104 </span>
7105 <span class="mobile-menu__product-card-label">Blackberry Vanilla</span> 7106 </a> 7107 </li> 7108 7109 7110 7111 7112 7113 7114 7115 7116 7117 7118 7119 7120 7121 <li class="mobile-menu__product-tile"> 7122 <a 7123 href="/products/crisp-apple" 7124 class="mobile-menu__product-card" 7125 7126 > 7127 <span class="mobile-menu__product-card-media"> 7128 7129 7130 7131 7132 7133 7134 7135 7136 7137 <img 7138 class="mobile-menu__product-img" 7139 src="//drinkolipop.com/cdn/shop/files/crisp-apple-9g-olipop_gallery-image_single-can_new_asset.webp?crop=center&height=362&v=1779163593&width=272" 7140 width="136" 7141 height="181" 7142 alt="Crisp Apple" 7143 loading="lazy" 7144 decoding="async" 7145 > 7146 7147 </span> 7148 <span class="mobile-menu__product-card-label">Crisp Apple </span> 7149 </a> 7150 </li> 7151 7152 7153 7154 7155 7156 7157 7158 7159 7160 7161 7162 7163 7164 <li class="mobile-menu__product-tile"> 7165 <a 7166 href="/products/classic-grape" 7167 class="mobile-menu__product-card" 7168 7169 > 7170 <span class="mobile-menu__product-card-media"> 7171 7172 7173 7174 7175 7176 7177 7178 7179 7180 <img 7181 class="mobile-menu__product-img" 7182 src="//drinkolipop.com/cdn/shop/files/classic-grape-9g-olipop_gallery-image_single-can_new_asset.webp?crop=center&height=362&v=1779163040&width=272" 7183 width="136" 7184 height="181" 7185 alt="Classic Grape" 7186 loading="lazy" 7187 decoding="async" 7188 > 7189 7190 </span> 7191 <span class="mobile-menu__product-card-label">Classic Grape</span> 7192 </a> 7193 </li> 7194 7195 7196 7197 7198 7199 7200 7201 7202 7203 7204 7205 7206 7207 <li class="mobile-menu__product-tile"> 7208 <a 7209 href="/products/classic-root-beer" 7210 class="mobile-menu__product-card" 7211 7212 > 7213 <span class="mobile-menu__product-card-media"> 7214 7215 7216 7217 7218 7219 7220 7221 7222 7223 <img 7224 class="mobile-menu__product-img" 7225 src="//drinkolipop.com/cdn/shop/files/classic-root-beer-9g-olipop_gallery-image_single-can_new_asset.webp?crop=center&height=362&v=1779161742&width=272" 7226 width="136" 7227 height="181" 7228 alt="Classic Root Beer" 7229 loading="lazy" 7230 decoding="async" 7231 > 7232 7233 </span>
7234 <span class="mobile-menu__product-card-label">Classic Root Beer</span> 7235 </a> 7236 </li> 7237 7238 7239 7240 7241 7242 7243 7244 7245 7246 7247 7248 7249 7250 <li class="mobile-menu__product-tile"> 7251 <a 7252 href="/products/vintage-cola" 7253 class="mobile-menu__product-card" 7254 7255 > 7256 <span class="mobile-menu__product-card-media"> 7257 7258 7259 7260 7261 7262 7263 7264 7265 7266 <img 7267 class="mobile-menu__product-img" 7268 src="//drinkolipop.com/cdn/shop/files/vintage-cola-9g-olipop_gallery-image_single-can_new_asset.webp?crop=center&height=362&v=1779161590&width=272" 7269 width="136" 7270 height="181" 7271 alt="Vintage Cola" 7272 loading="lazy" 7273 decoding="async" 7274 > 7275 7276 </span> 7277 <span class="mobile-menu__product-card-label">Vintage Cola</span> 7278 </a> 7279 </li> 7280 7281 7282 7283 7284 7285 7286 7287 7288 7289 7290 7291 7292 7293 <li class="mobile-menu__product-tile"> 7294 <a 7295 href="/products/cream-soda" 7296 class="mobile-menu__product-card" 7297 7298 > 7299 <span class="mobile-menu__product-card-media"> 7300 7301 7302 7303 7304 7305 7306 7307 7308 7309 <img 7310 class="mobile-menu__product-img" 7311 src="//drinkolipop.com/cdn/shop/files/cream-soda-9g-olipop_gallery-image_single-can_new_asset.webp?crop=center&height=362&v=1779163263&width=272" 7312 width="136" 7313 height="181" 7314 alt="Cream Soda" 7315 loading="lazy" 7316 decoding="async" 7317 > 7318 7319 </span> 7320 <span class="mobile-menu__product-card-label">Cream Soda</span> 7321 </a> 7322 </li> 7323 7324 7325 7326 7327 7328 7329 7330 7331 7332 7333 7334 7335 7336 <li class="mobile-menu__product-tile"> 7337 <a 7338 href="/products/strawberry-vanilla" 7339 class="mobile-menu__product-card" 7340 7341 > 7342 <span class="mobile-menu__product-card-media"> 7343 7344 7345 7346 7347 7348 7349 7350 7351 7352 <img 7353 class="mobile-menu__product-img" 7354 src="//drinkolipop.com/cdn/shop/files/strawberry-vanilla-9g-olipop_gallery-main-image_new_asset.webp?crop=center&height=362&v=1779161007&width=272" 7355 width="136" 7356 height="181" 7357 alt="Strawberry Vanilla" 7358 loading="lazy" 7359 decoding="async" 7360 > 7361 7362 </span>
7363 <span class="mobile-menu__product-card-label">Strawberry Vanilla</span> 7364 </a> 7365 </li> 7366 7367 7368 7369 7370 7371 7372 7373 7374 7375 7376 7377 7378 7379 <li class="mobile-menu__product-tile"> 7380 <a 7381 href="/products/cherry-cola" 7382 class="mobile-menu__product-card" 7383 7384 > 7385 <span class="mobile-menu__product-card-media"> 7386 7387 7388 7389 7390 7391 7392 7393 7394 7395 <img 7396 class="mobile-menu__product-img" 7397 src="//drinkolipop.com/cdn/shop/files/cherry-cola-9g-olipop_gallery-main-image_new_asset.webp?crop=center&height=362&v=1779163770&width=272" 7398 width="136" 7399 height="181" 7400 alt="Cherry Cola" 7401 loading="lazy" 7402 decoding="async" 7403 > 7404 7405 </span> 7406 <span class="mobile-menu__product-card-label">Cherry Cola</span> 7407 </a> 7408 </li> 7409 7410 7411 7412 7413 7414 7415 7416 7417 7418 7419 7420 7421 7422 <li class="mobile-menu__product-tile"> 7423 <a 7424 href="/products/orange-cream" 7425 class="mobile-menu__product-card" 7426 7427 > 7428 <span class="mobile-menu__product-card-media"> 7429 7430 7431 7432 7433 7434 7435 7436 7437 7438 <img 7439 class="mobile-menu__product-img" 7440 src="//drinkolipop.com/cdn/shop/files/orange-cream-9g-olipop_gallery-image_single-can_new_asset.webp?crop=center&height=362&v=1779162789&width=272" 7441 width="136" 7442 height="181" 7443 alt="Orange Cream" 7444 loading="lazy" 7445 decoding="async" 7446 > 7447 7448 </span> 7449 <span class="mobile-menu__product-card-label">Orange Cream</span> 7450 </a> 7451 </li> 7452 7453 7454 7455 7456 7457 7458 7459 7460 7461 7462 7463 7464 7465 <li class="mobile-menu__product-tile"> 7466 <a 7467 href="/products/peaches-and-cream" 7468 class="mobile-menu__product-card" 7469 7470 > 7471 <span class="mobile-menu__product-card-media"> 7472 7473 7474 7475 7476 7477 7478 7479 7480 7481 <img 7482 class="mobile-menu__product-img" 7483 src="//drinkolipop.com/cdn/shop/files/peaches-and-cream-9g-olipop_gallery-image_single-can_new_asset.webp?crop=center&height=362&v=1779165117&width=272" 7484 width="136" 7485 height="181" 7486 alt="Peaches & Cream" 7487 loading="lazy" 7488 decoding="async" 7489 > 7490 7491 </span>
7492 <span class="mobile-menu__product-card-label">Peaches & Cream</span> 7493 </a> 7494 </li> 7495 7496 7497 7498 7499 7500 7501 7502 7503 7504 7505 7506 7507 7508 <li class="mobile-menu__product-tile"> 7509 <a 7510 href="/products/orange-squeeze" 7511 class="mobile-menu__product-card" 7512 7513 > 7514 <span class="mobile-menu__product-card-media"> 7515 7516 7517 7518 7519 7520 7521 7522 7523 7524 <img 7525 class="mobile-menu__product-img" 7526 src="//drinkolipop.com/cdn/shop/files/orange-squeeze-9g-olipop_gallery-image_single-can_new_asset.webp?crop=center&height=362&v=1779162264&width=272" 7527 width="136" 7528 height="181" 7529 alt="Orange Squeeze" 7530 loading="lazy" 7531 decoding="async" 7532 > 7533 7534 </span> 7535 <span class="mobile-menu__product-card-label">Orange Squeeze</span> 7536 </a> 7537 </li> 7538 7539 7540 7541 7542 7543 7544 7545 7546 7547 7548 7549 7550 7551 <li class="mobile-menu__product-tile"> 7552 <a 7553 href="/products/ginger-ale" 7554 class="mobile-menu__product-card" 7555 7556 > 7557 <span class="mobile-menu__product-card-media"> 7558 7559 7560 7561 7562 7563 7564 7565 7566 7567 <img 7568 class="mobile-menu__product-img" 7569 src="//drinkolipop.com/cdn/shop/files/ginger-ale-9g-olipop_gallery-image_single-can_new_asset.webp?crop=center&height=362&v=1779164857&width=272" 7570 width="136" 7571 height="181" 7572 alt="Ginger Ale" 7573 loading="lazy" 7574 decoding="async" 7575 > 7576 7577 </span> 7578 <span class="mobile-menu__product-card-label">Ginger Ale</span> 7579 </a> 7580 </li> 7581 7582 7583 7584 7585 7586 7587 7588 7589 7590 7591 7592 7593 7594 <li class="mobile-menu__product-tile"> 7595 <a 7596 href="/products/citrus-rush" 7597 class="mobile-menu__product-card" 7598 7599 > 7600 <span class="mobile-menu__product-card-media"> 7601 7602 7603 7604 7605 7606 7607 7608 7609 7610 <img 7611 class="mobile-menu__product-img" 7612 src="//drinkolipop.com/cdn/shop/files/citrus-rush-9g-olipop_gallery-image_single-can_new_asset.webp?crop=center&height=362&v=1779196248&width=272" 7613 width="136" 7614 height="181" 7615 alt="Citrus Rush" 7616 loading="lazy" 7617 decoding="async" 7618 > 7619 7620 </span>
7621 <span class="mobile-menu__product-card-label">Citrus Rush</span> 7622 </a> 7623 </li> 7624 7625 7626 7627 7628 7629 7630 7631 7632 7633 7634 7635 7636 7637 <li class="mobile-menu__product-tile"> 7638 <a 7639 href="/products/doctor-goodwin" 7640 class="mobile-menu__product-card" 7641 7642 > 7643 <span class="mobile-menu__product-card-media"> 7644 7645 7646 7647 7648 7649 7650 7651 7652 7653 <img 7654 class="mobile-menu__product-img" 7655 src="//drinkolipop.com/cdn/shop/files/doctor-goodwin-9g-olipop_gallery-image_single-can_new_asset.webp?crop=center&height=362&v=1779163486&width=272" 7656 width="136" 7657 height="181" 7658 alt="Doctor Goodwin" 7659 loading="lazy" 7660 decoding="async" 7661 > 7662 7663 </span> 7664 <span class="mobile-menu__product-card-label">Doctor Goodwin</span> 7665 </a> 7666 </li> 7667 7668 7669 7670 7671 7672 7673 7674 7675 7676 7677 7678 7679 7680 <li class="mobile-menu__product-tile"> 7681 <a 7682 href="/products/cherry-vanilla" 7683 class="mobile-menu__product-card" 7684 7685 > 7686 <span class="mobile-menu__product-card-media"> 7687 7688 7689 7690 7691 7692 7693 7694 7695 7696 <img 7697 class="mobile-menu__product-img" 7698 src="//drinkolipop.com/cdn/shop/files/cherry-vanilla-9g-olipop_gallery-image_single-can_new_asset.webp?crop=center&height=362&v=1779162208&width=272" 7699 width="136" 7700 height="181" 7701 alt="Cherry Vanilla" 7702 loading="lazy" 7703 decoding="async" 7704 > 7705 7706 </span> 7707 <span class="mobile-menu__product-card-label">Cherry Vanilla </span> 7708 </a> 7709 </li> 7710 7711 7712 7713 7714 7715 7716 7717 7718 7719 7720 7721 7722 7723 <li class="mobile-menu__product-tile"> 7724 <a 7725 href="/products/tropical-punch" 7726 class="mobile-menu__product-card" 7727 7728 > 7729 <span class="mobile-menu__product-card-media"> 7730 7731 7732 7733 7734 7735 7736 7737 7738 7739 <img 7740 class="mobile-menu__product-img" 7741 src="//drinkolipop.com/cdn/shop/files/tropical-punch-9g-olipop_gallery-image_single-can_new_asset.webp?crop=center&height=362&v=1779163155&width=272" 7742 width="136" 7743 height="181" 7744 alt="Tropical Punch" 7745 loading="lazy" 7746 decoding="async" 7747 > 7748 7749 </span>
7750 <span class="mobile-menu__product-card-label">Tropical Punch</span> 7751 </a> 7752 </li> 7753 7754 7755 7756 7757 7758 7759 7760 7761 7762 7763 7764 7765 7766 <li class="mobile-menu__product-tile"> 7767 <a 7768 href="/products/lemon-lime" 7769 class="mobile-menu__product-card" 7770 7771 > 7772 <span class="mobile-menu__product-card-media"> 7773 7774 7775 7776 7777 7778 7779 7780 7781 7782 <img 7783 class="mobile-menu__product-img" 7784 src="//drinkolipop.com/cdn/shop/files/lemon-lime-9g-olipop_gallery-image_single-can_new_asset.webp?crop=center&height=362&v=1779163931&width=272" 7785 width="136" 7786 height="181" 7787 alt="Lemon Lime" 7788 loading="lazy" 7789 decoding="async" 7790 > 7791 7792 </span> 7793 <span class="mobile-menu__product-card-label">Lemon Lime</span> 7794 </a> 7795 </li> 7796 7797 7798 7799 7800 7801 7802 7803 7804 7805 7806 7807 7808 7809 <li class="mobile-menu__product-tile"> 7810 <a 7811 href="/products/ginger-lemon" 7812 class="mobile-menu__product-card" 7813 7814 > 7815 <span class="mobile-menu__product-card-media"> 7816 7817 7818 7819 7820 7821 7822 7823 7824 7825 <img 7826 class="mobile-menu__product-img" 7827 src="//drinkolipop.com/cdn/shop/files/ginger-lemon-9g-olipop_gallery-image_single-can_new_asset.webp?crop=center&height=362&v=1779161268&width=272" 7828 width="136" 7829 height="181" 7830 alt="Ginger Lemon" 7831 loading="lazy" 7832 decoding="async" 7833 > 7834 7835 </span> 7836 <span class="mobile-menu__product-card-label">Ginger Lemon</span> 7837 </a> 7838 </li> 7839 7840 7841 7842 7843 7844 7845 7846 7847 7848 7849 7850 7851 7852 <li class="mobile-menu__product-tile"> 7853 <a 7854 href="/products/watermelon-lime" 7855 class="mobile-menu__product-card" 7856 7857 > 7858 <span class="mobile-menu__product-card-media"> 7859 7860 7861 7862 7863 7864 7865 7866 7867 7868 <img 7869 class="mobile-menu__product-img" 7870 src="//drinkolipop.com/cdn/shop/files/watermelon-lime-9g-olipop_gallery-image_single-can_new_asset.webp?crop=center&height=362&v=1779164501&width=272" 7871 width="136" 7872 height="181" 7873 alt="Watermelon Lime" 7874 loading="lazy" 7875 decoding="async" 7876 > 7877 7878 </span>
7879 <span class="mobile-menu__product-card-label">Watermelon Lime</span> 7880 </a> 7881 </li> 7882 7883 7884 7885 7886 7887 7888 7889 7890 7891 7892 7893 7894 7895 <li class="mobile-menu__product-tile"> 7896 <a 7897 href="/products/banana-cream" 7898 class="mobile-menu__product-card" 7899 7900 > 7901 <span class="mobile-menu__product-card-media"> 7902 7903 7904 7905 7906 7907 7908 7909 7910 7911 <img 7912 class="mobile-menu__product-img" 7913 src="//drinkolipop.com/cdn/shop/files/banana-cream-9g-olipop_gallery-image_single-can_new_asset.webp?crop=center&height=362&v=1779155708&width=272" 7914 width="136" 7915 height="181" 7916 alt="Banana Cream" 7917 loading="lazy" 7918 decoding="async" 7919 > 7920 7921 </span> 7922 <span class="mobile-menu__product-card-label">Banana Cream</span> 7923 </a> 7924 </li> 7925 7926 7927 7928 7929 7930 7931 </ul> 7932 </div> 7933 7934 <div class="mobile-menu__shop-all-category"> 7935 7936 <a class="mobile-menu__btn-outline" href="/collections/shop-9g-fiber">Shop All 9g Fiber</a> 7937 7938 </div> 7939 </div> 7940 </details> 7941 7942 7943 7944 7945 7946 7947 7948 7949 <details 7950 id="mobile-shop-acc-2" 7951 class="mobile-menu__accordion" 7952 7953 > 7954 <summary class="mobile-menu__accordion-summary"> 7955 <span class="mobile-menu__accordion-summary-text"> 7956 <span class="mobile-menu__accordion-title"> 7957 6g fiber line 7958 </span> 7959 </span> 7960 <span class="mobile-menu__accordion-toggle-icons" aria-hidden="true"> 7961 <span class="mobile-menu__accordion-icon mobile-menu__accordion-icon--plus"> 7962 <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" aria-hidden="true" focusable="false"> 7963 <path d="M21 12C21 12.1989 20.921 12.3897 20.7803 12.5303C20.6397 12.671 20.4489 12.75 20.25 12.75H12.75V20.25C12.75 20.4489 12.671 20.6397 12.5303 20.7803C12.3897 20.921 12.1989 21 12 21C11.8011 21 11.6103 20.921 11.4697 20.7803C11.329 20.6397 11.25 20.4489 11.25 20.25V12.75H3.75C3.55109 12.75 3.36032 12.671 3.21967 12.5303C3.07902 12.3897 3 12.1989 3 12C3 11.8011 3.07902 11.6103 3.21967 11.4697C3.36032 11.329 3.55109 11.25 3.75 11.25H11.25V3.75C11.25 3.55109 11.329 3.36032 11.4697 3.21967C11.6103 3.07902 11.8011 3 12 3C12.1989 3 12.3897 3.07902 12.5303 3.21967C12.671 3.36032 12.75 3.55109 12.75 3.75V11.25H20.25C20.4489 11.25 20.6397 11.329 20.7803 11.4697C20.921 11.6103 21 11.8011 21 12Z" fill="currentColor"/> 7964</svg> 7965 7966 </span> 7967 <span class="mobile-menu__accordion-icon mobile-menu__accordion-icon--minus"> 7968 <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" aria-hidden="true" focusable="false"> 7969 <path d="M21 12C21 12.1989 20.921 12.3897 20.7803 12.5303C20.6397 12.671 20.4489 12.75 20.25 12.75H3.75C3.55109 12.75 3.36032 12.671 3.21967 12.5303C3.07902 12.3897 3 12.1989 3 12C3 11.8011 3.07902 11.6103 3.21967 11.4697C3.36032 11.329 3.55109 11.25 3.75 11.25H20.25C20.4489 11.25 20.6397 11.329 20.7803 11.4697C20.921 11.6103 21 11.8011 21 12Z" fill="currentColor"/> 7970</svg> 7971 7972 </span> 7973 </span> 7974 </summary> 7975 7976 <div class="mobile-menu__accordion-panel"> 7977 7978 <div class="mobile-menu__category-headline"> 7979 <div class="mobile-menu__category-headline-text rte">
7980 <span class="metafield-single_line_text_field">Store anywhere. Chill to enjoy.</span> 7981 </div> 7982 7983 </div> 7984 7985 7986 <div class="mobile-menu__category-description rte"> 7987 <span class="metafield-multi_line_text_field">Same great taste & digestive support, in a lower‑fiber, store‑anywhere format.</span> 7988 </div> 7989 7990 7991 <div 7992 class="mobile-menu__product-scroller tw-min-w-0 tw-overflow-x-auto tw-overflow-y-visible" 7993 tabindex="0" 7994 role="region" 7995 aria-roledescription="carousel" 7996 aria-label="6g fiber line — products" 7997 > 7998 <ul class="mobile-menu__product-row tw-m-0 tw-flex tw-list-none tw-flex-nowrap tw-p-0"> 7999 8000 8001 8002 8003 8004 8005 8006 8007 8008 8009 8010 8011 8012 8013 <li class="mobile-menu__product-tile"> 8014 <a 8015 href="/products/pomegranate-sparkle" 8016 class="mobile-menu__product-card" 8017 8018 > 8019 <span class="mobile-menu__product-card-media"> 8020 8021 <div 8022 class="product-badge product-badge--nav product-badge--short-text" 8023 role="status" 8024 aria-label="New" 8025 > 8026 <svg class="product-badge__shape" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 72 72" fill="none" aria-hidden="true"> 8027 <path d="M33.6354 1.15556C34.8423 -0.385184 37.1577 -0.385187 38.3646 1.15556L42.852 6.8839C43.6453 7.89657 44.9853 8.29373 46.195 7.87473L53.0381 5.5046C54.8787 4.86711 56.8265 6.13068 57.0166 8.0855L57.7235 15.3533C57.8485 16.6382 58.763 17.7036 60.0051 18.0113L67.0313 19.7519C68.9212 20.22 69.883 22.346 68.996 24.0942L65.698 30.5941C65.1149 31.7432 65.3137 33.1385 66.1938 34.0752L71.1724 39.3739C72.5115 40.7991 72.1819 43.1125 70.4993 44.0991L64.2435 47.7673C63.1376 48.4158 62.5575 49.6981 62.7962 50.9664L64.1464 58.1409C64.5096 60.0706 62.9933 61.8369 61.0494 61.7487L53.822 61.4206C52.5443 61.3626 51.3694 62.1248 50.8909 63.322L48.1842 70.0944C47.4562 71.916 45.2346 72.5745 43.6465 71.4394L37.7421 67.2192C36.6983 66.4731 35.3017 66.4731 34.2579 67.2192L28.3535 71.4394C26.7655 72.5745 24.5438 71.916 23.8158 70.0944L21.1091 63.322C20.6306 62.1248 19.4557 61.3626 18.178 61.4206L10.9506 61.7487C9.00666 61.8369 7.4904 60.0706 7.85357 58.1409L9.20384 50.9664C9.44255 49.6981 8.86239 48.4158 7.75647 47.7673L1.50067 44.0991C-0.181946 43.1125 -0.511462 40.7991 0.827617 39.3739L5.80619 34.0752C6.68632 33.1385 6.88508 31.7432 6.30204 30.5941L3.00403 24.0942C2.11697 22.346 3.07881 20.22 4.96864 19.7519L11.9949 18.0113C13.237 17.7036 14.1515 16.6382 14.2765 15.3533L14.9834 8.08551C15.1735 6.13069 17.1213 4.86711 18.9619 5.5046L25.805 7.87473C27.0147 8.29373 28.3547 7.89657 29.148 6.8839L33.6354 1.15556Z" fill="#98E1C3"/> 8028 </svg> 8029 <span class="product-badge__text" style="color: #034638;">New</span> 8030 </div> 8031 8032 8033 8034 8035 8036 8037 8038 8039 8040 <img 8041 class="mobile-menu__product-img" 8042 src="//drinkolipop.com/cdn/shop/files/pomegranate-sparkle-6g-olipop_gallery-image_single-can_new_asset.webp?crop=center&height=362&v=1789390717&width=272" 8043 width="136" 8044 height="181" 8045 alt="Pomegranate Sparkle" 8046 loading="lazy" 8047 decoding="async" 8048 > 8049 8050 </span>
8051 <span class="mobile-menu__product-card-label">Pomegranate Sparkle</span> 8052 </a> 8053 </li> 8054 8055 8056 8057 8058 8059 8060 8061 8062 8063 8064 8065 8066 8067 <li class="mobile-menu__product-tile"> 8068 <a 8069 href="/products/raspberry-sherbet" 8070 class="mobile-menu__product-card" 8071 8072 > 8073 <span class="mobile-menu__product-card-media"> 8074 8075 <div 8076 class="product-badge product-badge--nav" 8077 role="status" 8078 aria-label="Limited" 8079 > 8080 <svg class="product-badge__shape" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 72 72" fill="none" aria-hidden="true"> 8081 <path d="M33.6354 1.15556C34.8423 -0.385184 37.1577 -0.385187 38.3646 1.15556L42.852 6.8839C43.6453 7.89657 44.9853 8.29373 46.195 7.87473L53.0381 5.5046C54.8787 4.86711 56.8265 6.13068 57.0166 8.0855L57.7235 15.3533C57.8485 16.6382 58.763 17.7036 60.0051 18.0113L67.0313 19.7519C68.9212 20.22 69.883 22.346 68.996 24.0942L65.698 30.5941C65.1149 31.7432 65.3137 33.1385 66.1938 34.0752L71.1724 39.3739C72.5115 40.7991 72.1819 43.1125 70.4993 44.0991L64.2435 47.7673C63.1376 48.4158 62.5575 49.6981 62.7962 50.9664L64.1464 58.1409C64.5096 60.0706 62.9933 61.8369 61.0494 61.7487L53.822 61.4206C52.5443 61.3626 51.3694 62.1248 50.8909 63.322L48.1842 70.0944C47.4562 71.916 45.2346 72.5745 43.6465 71.4394L37.7421 67.2192C36.6983 66.4731 35.3017 66.4731 34.2579 67.2192L28.3535 71.4394C26.7655 72.5745 24.5438 71.916 23.8158 70.0944L21.1091 63.322C20.6306 62.1248 19.4557 61.3626 18.178 61.4206L10.9506 61.7487C9.00666 61.8369 7.4904 60.0706 7.85357 58.1409L9.20384 50.9664C9.44255 49.6981 8.86239 48.4158 7.75647 47.7673L1.50067 44.0991C-0.181946 43.1125 -0.511462 40.7991 0.827617 39.3739L5.80619 34.0752C6.68632 33.1385 6.88508 31.7432 6.30204 30.5941L3.00403 24.0942C2.11697 22.346 3.07881 20.22 4.96864 19.7519L11.9949 18.0113C13.237 17.7036 14.1515 16.6382 14.2765 15.3533L14.9834 8.08551C15.1735 6.13069 17.1213 4.86711 18.9619 5.5046L25.805 7.87473C27.0147 8.29373 28.3547 7.89657 29.148 6.8839L33.6354 1.15556Z" fill="#FFE340"/> 8082 </svg> 8083 <span class="product-badge__text" style="color: #034638;">Limited</span> 8084 </div> 8085 8086 8087 8088 8089 8090 8091 8092 8093 8094 <img 8095 class="mobile-menu__product-img" 8096 src="//drinkolipop.com/cdn/shop/files/raspberry-sherbert_omni-pdp_single.webp?crop=center&height=362&v=1775754912&width=272" 8097 width="136" 8098 height="181" 8099 alt="Raspberry Sherbet" 8100 loading="lazy" 8101 decoding="async" 8102 > 8103 8104 </span> 8105 <span class="mobile-menu__product-card-label">Raspberry Sherbet</span> 8106 </a> 8107 </li> 8108 8109 8110 8111 8112 8113 8114 8115 8116 8117 8118 8119 8120 8121 <li class="mobile-menu__product-tile"> 8122 <a 8123 href="/products/shirley-temple" 8124 class="mobile-menu__product-card" 8125 8126 > 8127 <span class="mobile-menu__product-card-media"> 8128 8129 <div 8130 class="product-badge product-badge--nav" 8131 role="status" 8132 aria-label="Limited" 8133 > 8134 <svg class="product-badge__shape" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 72 72" fill="none" aria-hidden="true"> 8135 <path d="M33.6354 1.15556C34.8423 -0.385184 37.1577 -0.385187 38.3646 1.15556L42.852 6.8839C43.6453 7.89657 44.9853 8.29373 46.195 7.87473L53.0381 5.5046C54.8787 4.86711 56.8265 6.13068 57.0166 8.0855L57.7235 15.3533C57.8485 16.6382 58.763 17.7036 60.0051 18.0113L67.0313 19.7519C68.9212 20.22 69.883 22.346 68.996 24.0942L65.698 30.5941C65.1149 31.7432 65.3137 33.1385 66.1938 34.0752L71.1724 39.3739C72.5115 40.7991 72.1819 43.1125 70.4993 44.0991L64.2435 47.7673C63.1376 48.4158 62.5575 49.6981 62.7962 50.9664L64.1464 58.1409C64.5096 60.0706 62.9933 61.8369 61.0494 61.7487L53.822 61.4206C52.5443 61.3626 51.3694 62.1248 50.8909 63.322L48.1842 70.0944C47.4562 71.916 45.2346 72.5745 43.6465 71.4394L37.7421 67.2192C36.6983 66.4731 35.3017 66.4731 34.2579 67.2192L28.3535 71.4394C26.7655 72.5745 24.5438 71.916 23.8158 70.0944L21.1091 63.322C20.6306 62.1248 19.4557 61.3626 18.178 61.4206L10.9506 61.7487C9.00666 61.8369 7.4904 60.0706 7.85357 58.1409L9.20384 50.9664C9.44255 49.6981 8.86239 48.4158 7.75647 47.7673L1.50067 44.0991C-0.181946 43.1125 -0.511462 40.7991 0.827617 39.3739L5.80619 34.0752C6.68632 33.1385 6.88508 31.7432 6.30204 30.5941L3.004
813503 24.0942C2.11697 22.346 3.07881 20.22 4.96864 19.7519L11.9949 18.0113C13.237 17.7036 14.1515 16.6382 14.2765 15.3533L14.9834 8.08551C15.1735 6.13069 17.1213 4.86711 18.9619 5.5046L25.805 7.87473C27.0147 8.29373 28.3547 7.89657 29.148 6.8839L33.6354 1.15556Z" fill="#FFE340"/> 8136 </svg> 8137 <span class="product-badge__text" style="color: #034638;">Limited</span> 8138 </div> 8139 8140 8141 8142 8143 8144 8145 8146 8147 8148 <img 8149 class="mobile-menu__product-img" 8150 src="//drinkolipop.com/cdn/shop/files/shirley-temple-6g-olipop_gallery-image_single-can_new_asset.webp?crop=center&height=362&v=1778804138&width=272" 8151 width="136" 8152 height="181" 8153 alt="Shirley Temple" 8154 loading="lazy" 8155 decoding="async" 8156 > 8157 8158 </span> 8159 <span class="mobile-menu__product-card-label">Shirley Temple</span> 8160 </a> 8161 </li> 8162 8163 8164 8165 8166 8167 8168 8169 8170 8171 8172 8173 8174 8175 <li class="mobile-menu__product-tile"> 8176 <a 8177 href="/products/spongebob-pineapple-paradise" 8178 class="mobile-menu__product-card" 8179 8180 > 8181 <span class="mobile-menu__product-card-media"> 8182 8183 <div 8184 class="product-badge product-badge--nav" 8185 role="status" 8186 aria-label="Limited" 8187 > 8188 <svg class="product-badge__shape" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 72 72" fill="none" aria-hidden="true"> 8189 <path d="M33.6354 1.15556C34.8423 -0.385184 37.1577 -0.385187 38.3646 1.15556L42.852 6.8839C43.6453 7.89657 44.9853 8.29373 46.195 7.87473L53.0381 5.5046C54.8787 4.86711 56.8265 6.13068 57.0166 8.0855L57.7235 15.3533C57.8485 16.6382 58.763 17.7036 60.0051 18.0113L67.0313 19.7519C68.9212 20.22 69.883 22.346 68.996 24.0942L65.698 30.5941C65.1149 31.7432 65.3137 33.1385 66.1938 34.0752L71.1724 39.3739C72.5115 40.7991 72.1819 43.1125 70.4993 44.0991L64.2435 47.7673C63.1376 48.4158 62.5575 49.6981 62.7962 50.9664L64.1464 58.1409C64.5096 60.0706 62.9933 61.8369 61.0494 61.7487L53.822 61.4206C52.5443 61.3626 51.3694 62.1248 50.8909 63.322L48.1842 70.0944C47.4562 71.916 45.2346 72.5745 43.6465 71.4394L37.7421 67.2192C36.6983 66.4731 35.3017 66.4731 34.2579 67.2192L28.3535 71.4394C26.7655 72.5745 24.5438 71.916 23.8158 70.0944L21.1091 63.322C20.6306 62.1248 19.4557 61.3626 18.178 61.4206L10.9506 61.7487C9.00666 61.8369 7.4904 60.0706 7.85357 58.1409L9.20384 50.9664C9.44255 49.6981 8.86239 48.4158 7.75647 47.7673L1.50067 44.0991C-0.181946 43.1125 -0.511462 40.7991 0.827617 39.3739L5.80619 34.0752C6.68632 33.1385 6.88508 31.7432 6.30204 30.5941L3.00403 24.0942C2.11697 22.346 3.07881 20.22 4.96864 19.7519L11.9949 18.0113C13.237 17.7036 14.1515 16.6382 14.2765 15.3533L14.9834 8.08551C15.1735 6.13069 17.1213 4.86711 18.9619 5.5046L25.805 7.87473C27.0147 8.29373 28.3547 7.89657 29.148 6.8839L33.6354 1.15556Z" fill="#FFE340"/> 8190 </svg> 8191 <span class="product-badge__text" style="color: #034638;">Limited</span> 8192 </div> 8193 8194 8195 8196 8197 8198 8199 8200 8201 8202 <img 8203 class="mobile-menu__product-img" 8204 src="//drinkolipop.com/cdn/shop/files/Pineapple-Paradise_cgi-main-image_072925.webp?crop=center&height=362&v=1753844923&width=272" 8205 width="136" 8206 height="181" 8207 alt="Pineapple Paradise" 8208 loading="lazy" 8209 decoding="async" 8210 > 8211 8212 </span>
8213 <span class="mobile-menu__product-card-label">Pineapple Paradise</span> 8214 </a> 8215 </li> 8216 8217 8218 8219 8220 8221 8222 8223 8224 8225 8226 8227 8228 8229 <li class="mobile-menu__product-tile"> 8230 <a 8231 href="/products/crisp-apple-6g-fiber" 8232 class="mobile-menu__product-card" 8233 8234 > 8235 <span class="mobile-menu__product-card-media"> 8236 8237 8238 8239 8240 8241 8242 8243 8244 8245 <img 8246 class="mobile-menu__product-img" 8247 src="//drinkolipop.com/cdn/shop/files/crisp-apple-6g-olipop_gallery-image_single-can_new_asset.webp?crop=center&height=362&v=1778731400&width=272" 8248 width="136" 8249 height="181" 8250 alt="Crisp Apple" 8251 loading="lazy" 8252 decoding="async" 8253 > 8254 8255 </span> 8256 <span class="mobile-menu__product-card-label">Crisp Apple</span> 8257 </a> 8258 </li> 8259 8260 8261 8262 8263 8264 8265 8266 8267 8268 8269 8270 8271 8272 <li class="mobile-menu__product-tile"> 8273 <a 8274 href="/products/classic-grape-6g-fiber" 8275 class="mobile-menu__product-card" 8276 8277 > 8278 <span class="mobile-menu__product-card-media"> 8279 8280 8281 8282 8283 8284 8285 8286 8287 8288 <img 8289 class="mobile-menu__product-img" 8290 src="//drinkolipop.com/cdn/shop/files/classic-grape-6g-olipop_gallery-image_single-can_new_asset.webp?crop=center&height=362&v=1778733509&width=272" 8291 width="136" 8292 height="181" 8293 alt="Classic Grape" 8294 loading="lazy" 8295 decoding="async" 8296 > 8297 8298 </span> 8299 <span class="mobile-menu__product-card-label">Classic Grape</span> 8300 </a> 8301 </li> 8302 8303 8304 8305 8306 8307 8308 8309 8310 8311 8312 8313 8314 8315 <li class="mobile-menu__product-tile"> 8316 <a 8317 href="/products/vintage-cola-6g-fiber" 8318 class="mobile-menu__product-card" 8319 8320 > 8321 <span class="mobile-menu__product-card-media"> 8322 8323 8324 8325 8326 8327 8328 8329 8330 8331 <img 8332 class="mobile-menu__product-img" 8333 src="//drinkolipop.com/cdn/shop/files/vintage-cola-6g-olipop_gallery-image_single-can_new_asset.webp?crop=center&height=362&v=1778727450&width=272" 8334 width="136" 8335 height="181" 8336 alt="Vintage Cola" 8337 loading="lazy" 8338 decoding="async" 8339 > 8340 8341 </span>
8342 <span class="mobile-menu__product-card-label">Vintage Cola</span> 8343 </a> 8344 </li> 8345 8346 8347 8348 8349 8350 8351 8352 8353 8354 8355 8356 8357 8358 <li class="mobile-menu__product-tile"> 8359 <a 8360 href="/products/classic-root-beer-6g-fiber" 8361 class="mobile-menu__product-card" 8362 8363 > 8364 <span class="mobile-menu__product-card-media"> 8365 8366 8367 8368 8369 8370 8371 8372 8373 8374 <img 8375 class="mobile-menu__product-img" 8376 src="//drinkolipop.com/cdn/shop/files/classic-root-beer-6g-olipop_gallery-image_single-can_new_asset.webp?crop=center&height=362&v=1778736431&width=272" 8377 width="136" 8378 height="181" 8379 alt="Classic Root Beer" 8380 loading="lazy" 8381 decoding="async" 8382 > 8383 8384 </span> 8385 <span class="mobile-menu__product-card-label">Classic Root Beer</span> 8386 </a> 8387 </li> 8388 8389 8390 8391 8392 8393 8394 8395 8396 8397 8398 8399 8400 8401 <li class="mobile-menu__product-tile"> 8402 <a 8403 href="/products/cream-soda-6g-fiber" 8404 class="mobile-menu__product-card" 8405 8406 > 8407 <span class="mobile-menu__product-card-media"> 8408 8409 8410 8411 8412 8413 8414 8415 8416 8417 <img 8418 class="mobile-menu__product-img" 8419 src="//drinkolipop.com/cdn/shop/files/cream-soda-6g-olipop_gallery-image_single-can_new_asset_new_asset.webp?crop=center&height=362&v=1778734784&width=272" 8420 width="136" 8421 height="181" 8422 alt="Cream Soda" 8423 loading="lazy" 8424 decoding="async" 8425 > 8426 8427 </span> 8428 <span class="mobile-menu__product-card-label">Cream Soda</span> 8429 </a> 8430 </li> 8431 8432 8433 8434 8435 8436 8437 8438 8439 8440 8441 8442 8443 8444 <li class="mobile-menu__product-tile"> 8445 <a 8446 href="/products/strawberry-vanilla-6g-fiber" 8447 class="mobile-menu__product-card" 8448 8449 > 8450 <span class="mobile-menu__product-card-media"> 8451 8452 8453 8454 8455 8456 8457 8458 8459 8460 <img 8461 class="mobile-menu__product-img" 8462 src="//drinkolipop.com/cdn/shop/files/strawberry-vanila-6g-olipop_gallery-image_single-can_new_asset.webp?crop=center&height=362&v=1778765549&width=272" 8463 width="136" 8464 height="181" 8465 alt="Strawberry Vanilla" 8466 loading="lazy" 8467 decoding="async" 8468 > 8469 8470 </span>
8471 <span class="mobile-menu__product-card-label">Strawberry Vanilla</span> 8472 </a> 8473 </li> 8474 8475 8476 8477 8478 8479 8480 8481 8482 8483 8484 8485 8486 8487 <li class="mobile-menu__product-tile"> 8488 <a 8489 href="/products/cherry-cola-6g-fiber" 8490 class="mobile-menu__product-card" 8491 8492 > 8493 <span class="mobile-menu__product-card-media"> 8494 8495 8496 8497 8498 8499 8500 8501 8502 8503 <img 8504 class="mobile-menu__product-img" 8505 src="//drinkolipop.com/cdn/shop/files/cherry-cola-6g-olipop_gallery-image_single-can_new_asset.webp?crop=center&height=362&v=1778593310&width=272" 8506 width="136" 8507 height="181" 8508 alt="Cherry Cola" 8509 loading="lazy" 8510 decoding="async" 8511 > 8512 8513 </span> 8514 <span class="mobile-menu__product-card-label">Cherry Cola</span> 8515 </a> 8516 </li> 8517 8518 8519 8520 8521 8522 8523 8524 8525 8526 8527 8528 8529 8530 <li class="mobile-menu__product-tile"> 8531 <a 8532 href="/products/citrus-rush-6g-fiber" 8533 class="mobile-menu__product-card" 8534 8535 > 8536 <span class="mobile-menu__product-card-media"> 8537 8538 8539 8540 8541 8542 8543 8544 8545 8546 <img 8547 class="mobile-menu__product-img" 8548 src="//drinkolipop.com/cdn/shop/files/citrus-rush-6g-olipop_gallery-image_single-can_new_asset.webp?crop=center&height=362&v=1778599172&width=272" 8549 width="136" 8550 height="181" 8551 alt="Citrus Rush" 8552 loading="lazy" 8553 decoding="async" 8554 > 8555 8556 </span> 8557 <span class="mobile-menu__product-card-label">Citrus Rush</span> 8558 </a> 8559 </li> 8560 8561 8562 8563 8564 8565 8566 8567 8568 8569 8570 8571 8572 8573 <li class="mobile-menu__product-tile"> 8574 <a 8575 href="/products/ginger-ale-6g-fiber" 8576 class="mobile-menu__product-card" 8577 8578 > 8579 <span class="mobile-menu__product-card-media"> 8580 8581 8582 8583 8584 8585 8586 8587 8588 8589 <img 8590 class="mobile-menu__product-img" 8591 src="//drinkolipop.com/cdn/shop/files/ginger-ale-6g-olipop_gallery-image_single-can_new_asset.webp?crop=center&height=362&v=1778729238&width=272" 8592 width="136" 8593 height="181" 8594 alt="Ginger Ale" 8595 loading="lazy" 8596 decoding="async" 8597 > 8598 8599 </span>
8600 <span class="mobile-menu__product-card-label">Ginger Ale</span> 8601 </a> 8602 </li> 8603 8604 8605 8606 8607 8608 8609 8610 8611 8612 8613 8614 8615 8616 <li class="mobile-menu__product-tile"> 8617 <a 8618 href="/products/lemon-lime-6g-fiber" 8619 class="mobile-menu__product-card" 8620 8621 > 8622 <span class="mobile-menu__product-card-media"> 8623 8624 8625 8626 8627 8628 8629 8630 8631 8632 <img 8633 class="mobile-menu__product-img" 8634 src="//drinkolipop.com/cdn/shop/files/lemon-lime-6g-olipop_gallery-image_single-can_new_asset.webp?crop=center&height=362&v=1778589967&width=272" 8635 width="136" 8636 height="181" 8637 alt="Lemon Lime" 8638 loading="lazy" 8639 decoding="async" 8640 > 8641 8642 </span> 8643 <span class="mobile-menu__product-card-label">Lemon Lime</span> 8644 </a> 8645 </li> 8646 8647 8648 8649 8650 8651 8652 </ul> 8653 </div> 8654 8655 <div class="mobile-menu__shop-all-category"> 8656 8657 <a class="mobile-menu__btn-outline" href="/collections/shop-6g-fiber">Shop All 6g Fiber</a> 8658 8659 </div> 8660 </div> 8661 </details> 8662 8663 8664 8665 8666 8667 8668 8669 8670 <details 8671 id="mobile-shop-acc-3" 8672 class="mobile-menu__accordion" 8673 8674 > 8675 <summary class="mobile-menu__accordion-summary"> 8676 <span class="mobile-menu__accordion-summary-text"> 8677 <span class="mobile-menu__accordion-title"> 8678 MINIs 8679 </span> 8680 </span> 8681 <span class="mobile-menu__accordion-toggle-icons" aria-hidden="true"> 8682 <span class="mobile-menu__accordion-icon mobile-menu__accordion-icon--plus"> 8683 <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" aria-hidden="true" focusable="false"> 8684 <path d="M21 12C21 12.1989 20.921 12.3897 20.7803 12.5303C20.6397 12.671 20.4489 12.75 20.25 12.75H12.75V20.25C12.75 20.4489 12.671 20.6397 12.5303 20.7803C12.3897 20.921 12.1989 21 12 21C11.8011 21 11.6103 20.921 11.4697 20.7803C11.329 20.6397 11.25 20.4489 11.25 20.25V12.75H3.75C3.55109 12.75 3.36032 12.671 3.21967 12.5303C3.07902 12.3897 3 12.1989 3 12C3 11.8011 3.07902 11.6103 3.21967 11.4697C3.36032 11.329 3.55109 11.25 3.75 11.25H11.25V3.75C11.25 3.55109 11.329 3.36032 11.4697 3.21967C11.6103 3.07902 11.8011 3 12 3C12.1989 3 12.3897 3.07902 12.5303 3.21967C12.671 3.36032 12.75 3.55109 12.75 3.75V11.25H20.25C20.4489 11.25 20.6397 11.329 20.7803 11.4697C20.921 11.6103 21 11.8011 21 12Z" fill="currentColor"/> 8685</svg> 8686 8687 </span> 8688 <span class="mobile-menu__accordion-icon mobile-menu__accordion-icon--minus"> 8689 <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" aria-hidden="true" focusable="false"> 8690 <path d="M21 12C21 12.1989 20.921 12.3897 20.7803 12.5303C20.6397 12.671 20.4489 12.75 20.25 12.75H3.75C3.55109 12.75 3.36032 12.671 3.21967 12.5303C3.07902 12.3897 3 12.1989 3 12C3 11.8011 3.07902 11.6103 3.21967 11.4697C3.36032 11.329 3.55109 11.25 3.75 11.25H20.25C20.4489 11.25 20.6397 11.329 20.7803 11.4697C20.921 11.6103 21 11.8011 21 12Z" fill="currentColor"/> 8691</svg> 8692 8693 </span> 8694 </span> 8695 </summary> 8696 8697 <div class="mobile-menu__accordion-panel"> 8698 8699 <div class="mobile-menu__category-headline"> 8700 <div class="mobile-menu__category-headline-text rte">
8701 <span class="metafield-single_line_text_field">Store anywhere. Chill to enjoy.</span> 8702 </div> 8703 8704 </div> 8705 8706 8707 <div class="mobile-menu__category-description rte"> 8708 <span class="metafield-multi_line_text_field">Smaller cans with 3g of fiber, perfect for on-the-go sipping or a little treat in your lunch box.</span> 8709 </div> 8710 8711 8712 <div 8713 class="mobile-menu__product-scroller tw-min-w-0 tw-overflow-x-auto tw-overflow-y-visible" 8714 tabindex="0" 8715 role="region" 8716 aria-roledescription="carousel" 8717 aria-label="MINIs — products" 8718 > 8719 <ul class="mobile-menu__product-row tw-m-0 tw-flex tw-list-none tw-flex-nowrap tw-p-0"> 8720 8721 8722 8723 8724 8725 8726 8727 8728 8729 8730 8731 8732 8733 8734 <li class="mobile-menu__product-tile"> 8735 <a 8736 href="/products/strawberry-vanilla-minis" 8737 class="mobile-menu__product-card" 8738 8739 > 8740 <span class="mobile-menu__product-card-media"> 8741 8742 8743 8744 8745 8746 8747 8748 8749 8750 <img 8751 class="mobile-menu__product-img" 8752 src="//drinkolipop.com/cdn/shop/files/strawberry-vanilla-minis-olipop_single-can-main-image_new_asset_680b8459-03b7-4518-8048-07556a91e1c7.webp?crop=center&height=362&v=1784901479&width=272" 8753 width="136" 8754 height="181" 8755 alt="Strawberry Vanilla" 8756 loading="lazy" 8757 decoding="async" 8758 > 8759 8760 </span> 8761 <span class="mobile-menu__product-card-label">Strawberry Vanilla</span> 8762 </a> 8763 </li> 8764 8765 8766 8767 8768 8769 8770 8771 8772 8773 8774 8775 8776 8777 <li class="mobile-menu__product-tile"> 8778 <a 8779 href="/products/classic-grape-minis" 8780 class="mobile-menu__product-card" 8781 8782 > 8783 <span class="mobile-menu__product-card-media"> 8784 8785 8786 8787 8788 8789 8790 8791 8792 8793 <img 8794 class="mobile-menu__product-img" 8795 src="//drinkolipop.com/cdn/shop/files/classic-grape-minis-olipop_single-can-main-image_new_asset.webp?crop=center&height=362&v=1784902094&width=272" 8796 width="136" 8797 height="181" 8798 alt="Classic Grape" 8799 loading="lazy" 8800 decoding="async" 8801 > 8802 8803 </span> 8804 <span class="mobile-menu__product-card-label">Classic Grape</span> 8805 </a> 8806 </li> 8807 8808 8809 8810 8811 8812 8813 8814 8815 8816 8817 8818 8819 8820 <li class="mobile-menu__product-tile"> 8821 <a 8822 href="/products/crisp-apple-minis" 8823 class="mobile-menu__product-card" 8824 8825 >
8826 <span class="mobile-menu__product-card-media"> 8827 8828 8829 8830 8831 8832 8833 8834 8835 8836 <img 8837 class="mobile-menu__product-img" 8838 src="//drinkolipop.com/cdn/shop/files/crisp-apple-minis-olipop_single-can-main-image_new_asset.webp?crop=center&height=362&v=1784902474&width=272" 8839 width="136" 8840 height="181" 8841 alt="Crisp Apple" 8842 loading="lazy" 8843 decoding="async" 8844 > 8845 8846 </span> 8847 <span class="mobile-menu__product-card-label">Crisp Apple</span> 8848 </a> 8849 </li> 8850 8851 8852 8853 8854 8855 8856 8857 8858 8859 8860 8861 8862 8863 <li class="mobile-menu__product-tile"> 8864 <a 8865 href="/products/vintage-cola-minis" 8866 class="mobile-menu__product-card" 8867 8868 > 8869 <span class="mobile-menu__product-card-media"> 8870 8871 8872 8873 8874 8875 8876 8877 8878 8879 <img 8880 class="mobile-menu__product-img" 8881 src="//drinkolipop.com/cdn/shop/files/vintage-cola-minis-olipop_single-can-main-image_new_asset.webp?crop=center&height=362&v=1784903244&width=272" 8882 width="136" 8883 height="181" 8884 alt="Vintage Cola" 8885 loading="lazy" 8886 decoding="async" 8887 > 8888 8889 </span> 8890 <span class="mobile-menu__product-card-label">Vintage Cola</span> 8891 </a> 8892 </li> 8893 8894 8895 8896 8897 8898 8899 8900 8901 8902 8903 8904 8905 8906 <li class="mobile-menu__product-tile"> 8907 <a 8908 href="/products/ginger-ale-minis" 8909 class="mobile-menu__product-card" 8910 8911 > 8912 <span class="mobile-menu__product-card-media"> 8913 8914 8915 8916 8917 8918 8919 8920 8921 8922 <img 8923 class="mobile-menu__product-img" 8924 src="//drinkolipop.com/cdn/shop/files/ginger-ale-minis-olipop_single-can-main-image_new_asset.webp?crop=center&height=362&v=1784902793&width=272" 8925 width="136" 8926 height="181" 8927 alt="Ginger Ale" 8928 loading="lazy" 8929 decoding="async" 8930 > 8931 8932 </span> 8933 <span class="mobile-menu__product-card-label">Ginger Ale</span> 8934 </a> 8935 </li> 8936 8937 8938 8939 8940 8941 8942 8943 8944 8945 8946 8947 8948 8949 <li class="mobile-menu__product-tile"> 8950 <a 8951 href="/products/orange-cream-minis" 8952 class="mobile-menu__product-card" 8953 8954 >
8955 <span class="mobile-menu__product-card-media"> 8956 8957 8958 8959 8960 8961 8962 8963 8964 8965 <img 8966 class="mobile-menu__product-img" 8967 src="//drinkolipop.com/cdn/shop/files/orange-cream-minis-olipop_single-can-main-image_new_asset.webp?crop=center&height=362&v=1785416383&width=272" 8968 width="136" 8969 height="181" 8970 alt="Orange Cream" 8971 loading="lazy" 8972 decoding="async" 8973 > 8974 8975 </span> 8976 <span class="mobile-menu__product-card-label">Orange Cream</span> 8977 </a> 8978 </li> 8979 8980 8981 8982 8983 8984 8985 </ul> 8986 </div> 8987 8988 <div class="mobile-menu__shop-all-category"> 8989 8990 <a class="mobile-menu__btn-outline" href="/collections/olipop-minis">Shop All MINIs</a> 8991 8992 </div> 8993 </div> 8994 </details> 8995 8996 8997 8998 8999 9000 9001 9002 9003 <details 9004 id="mobile-shop-acc-4" 9005 class="mobile-menu__accordion" 9006 9007 > 9008 <summary class="mobile-menu__accordion-summary"> 9009 <span class="mobile-menu__accordion-summary-text"> 9010 <span class="mobile-menu__accordion-title"> 9011 Limited edition flavors 9012 </span> 9013 </span> 9014 <span class="mobile-menu__accordion-toggle-icons" aria-hidden="true"> 9015 <span class="mobile-menu__accordion-icon mobile-menu__accordion-icon--plus"> 9016 <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" aria-hidden="true" focusable="false"> 9017 <path d="M21 12C21 12.1989 20.921 12.3897 20.7803 12.5303C20.6397 12.671 20.4489 12.75 20.25 12.75H12.75V20.25C12.75 20.4489 12.671 20.6397 12.5303 20.7803C12.3897 20.921 12.1989 21 12 21C11.8011 21 11.6103 20.921 11.4697 20.7803C11.329 20.6397 11.25 20.4489 11.25 20.25V12.75H3.75C3.55109 12.75 3.36032 12.671 3.21967 12.5303C3.07902 12.3897 3 12.1989 3 12C3 11.8011 3.07902 11.6103 3.21967 11.4697C3.36032 11.329 3.55109 11.25 3.75 11.25H11.25V3.75C11.25 3.55109 11.329 3.36032 11.4697 3.21967C11.6103 3.07902 11.8011 3 12 3C12.1989 3 12.3897 3.07902 12.5303 3.21967C12.671 3.36032 12.75 3.55109 12.75 3.75V11.25H20.25C20.4489 11.25 20.6397 11.329 20.7803 11.4697C20.921 11.6103 21 11.8011 21 12Z" fill="currentColor"/> 9018</svg> 9019 9020 </span> 9021 <span class="mobile-menu__accordion-icon mobile-menu__accordion-icon--minus"> 9022 <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" aria-hidden="true" focusable="false"> 9023 <path d="M21 12C21 12.1989 20.921 12.3897 20.7803 12.5303C20.6397 12.671 20.4489 12.75 20.25 12.75H3.75C3.55109 12.75 3.36032 12.671 3.21967 12.5303C3.07902 12.3897 3 12.1989 3 12C3 11.8011 3.07902 11.6103 3.21967 11.4697C3.36032 11.329 3.55109 11.25 3.75 11.25H20.25C20.4489 11.25 20.6397 11.329 20.7803 11.4697C20.921 11.6103 21 11.8011 21 12Z" fill="currentColor"/> 9024</svg> 9025 9026 </span> 9027 </span> 9028 </summary> 9029 9030 <div class="mobile-menu__accordion-panel"> 9031 9032 <div class="mobile-menu__category-headline"> 9033 <div class="mobile-menu__category-headline-text rte"> 9034 <span class="metafield-single_line_text_field">Store anywhere. Chill to enjoy.</span> 9035 </div> 9036 9037 </div> 9038 9039 9040 <div class="mobile-menu__category-description rte">
9041 <span class="metafield-multi_line_text_field">Here for a good time, not a long time. Grab these flavors before they sip away! </span> 9042 </div> 9043 9044 9045 <div 9046 class="mobile-menu__product-scroller tw-min-w-0 tw-overflow-x-auto tw-overflow-y-visible" 9047 tabindex="0" 9048 role="region" 9049 aria-roledescription="carousel" 9050 aria-label="Limited edition flavors — products" 9051 > 9052 <ul class="mobile-menu__product-row tw-m-0 tw-flex tw-list-none tw-flex-nowrap tw-p-0"> 9053 9054 9055 9056 9057 9058 9059 9060 9061 9062 9063 9064 9065 9066 9067 <li class="mobile-menu__product-tile"> 9068 <a 9069 href="/products/pomegranate-sparkle" 9070 class="mobile-menu__product-card" 9071 9072 > 9073 <span class="mobile-menu__product-card-media"> 9074 9075 <div 9076 class="product-badge product-badge--nav product-badge--short-text" 9077 role="status" 9078 aria-label="New" 9079 > 9080 <svg class="product-badge__shape" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 72 72" fill="none" aria-hidden="true"> 9081 <path d="M33.6354 1.15556C34.8423 -0.385184 37.1577 -0.385187 38.3646 1.15556L42.852 6.8839C43.6453 7.89657 44.9853 8.29373 46.195 7.87473L53.0381 5.5046C54.8787 4.86711 56.8265 6.13068 57.0166 8.0855L57.7235 15.3533C57.8485 16.6382 58.763 17.7036 60.0051 18.0113L67.0313 19.7519C68.9212 20.22 69.883 22.346 68.996 24.0942L65.698 30.5941C65.1149 31.7432 65.3137 33.1385 66.1938 34.0752L71.1724 39.3739C72.5115 40.7991 72.1819 43.1125 70.4993 44.0991L64.2435 47.7673C63.1376 48.4158 62.5575 49.6981 62.7962 50.9664L64.1464 58.1409C64.5096 60.0706 62.9933 61.8369 61.0494 61.7487L53.822 61.4206C52.5443 61.3626 51.3694 62.1248 50.8909 63.322L48.1842 70.0944C47.4562 71.916 45.2346 72.5745 43.6465 71.4394L37.7421 67.2192C36.6983 66.4731 35.3017 66.4731 34.2579 67.2192L28.3535 71.4394C26.7655 72.5745 24.5438 71.916 23.8158 70.0944L21.1091 63.322C20.6306 62.1248 19.4557 61.3626 18.178 61.4206L10.9506 61.7487C9.00666 61.8369 7.4904 60.0706 7.85357 58.1409L9.20384 50.9664C9.44255 49.6981 8.86239 48.4158 7.75647 47.7673L1.50067 44.0991C-0.181946 43.1125 -0.511462 40.7991 0.827617 39.3739L5.80619 34.0752C6.68632 33.1385 6.88508 31.7432 6.30204 30.5941L3.00403 24.0942C2.11697 22.346 3.07881 20.22 4.96864 19.7519L11.9949 18.0113C13.237 17.7036 14.1515 16.6382 14.2765 15.3533L14.9834 8.08551C15.1735 6.13069 17.1213 4.86711 18.9619 5.5046L25.805 7.87473C27.0147 8.29373 28.3547 7.89657 29.148 6.8839L33.6354 1.15556Z" fill="#98E1C3"/> 9082 </svg> 9083 <span class="product-badge__text" style="color: #034638;">New</span> 9084 </div> 9085 9086 9087 9088 9089 9090 9091 9092 9093 9094 <img 9095 class="mobile-menu__product-img" 9096 src="//drinkolipop.com/cdn/shop/files/pomegranate-sparkle-6g-olipop_gallery-image_single-can_new_asset.webp?crop=center&height=362&v=1789390717&width=272" 9097 width="136" 9098 height="181" 9099 alt="Pomegranate Sparkle" 9100 loading="lazy" 9101 decoding="async" 9102 > 9103 9104 </span> 9105 <span class="mobile-menu__product-card-label">Pomegranate Sparkle</span> 9106 </a> 9107 </li> 9108 9109 9110 9111 9112 9113 9114 9115 9116 9117 9118 9119 9120 9121 <li class="mobile-menu__product-tile"> 9122 <a 9123 href="/products/caramel-apple" 9124 class="mobile-menu__product-card" 9125 9126 >
9127 <span class="mobile-menu__product-card-media"> 9128 9129 <div 9130 class="product-badge product-badge--nav product-badge--short-text" 9131 role="status" 9132 aria-label="New" 9133 > 9134 <svg class="product-badge__shape" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 72 72" fill="none" aria-hidden="true"> 9135 <path d="M33.6354 1.15556C34.8423 -0.385184 37.1577 -0.385187 38.3646 1.15556L42.852 6.8839C43.6453 7.89657 44.9853 8.29373 46.195 7.87473L53.0381 5.5046C54.8787 4.86711 56.8265 6.13068 57.0166 8.0855L57.7235 15.3533C57.8485 16.6382 58.763 17.7036 60.0051 18.0113L67.0313 19.7519C68.9212 20.22 69.883 22.346 68.996 24.0942L65.698 30.5941C65.1149 31.7432 65.3137 33.1385 66.1938 34.0752L71.1724 39.3739C72.5115 40.7991 72.1819 43.1125 70.4993 44.0991L64.2435 47.7673C63.1376 48.4158 62.5575 49.6981 62.7962 50.9664L64.1464 58.1409C64.5096 60.0706 62.9933 61.8369 61.0494 61.7487L53.822 61.4206C52.5443 61.3626 51.3694 62.1248 50.8909 63.322L48.1842 70.0944C47.4562 71.916 45.2346 72.5745 43.6465 71.4394L37.7421 67.2192C36.6983 66.4731 35.3017 66.4731 34.2579 67.2192L28.3535 71.4394C26.7655 72.5745 24.5438 71.916 23.8158 70.0944L21.1091 63.322C20.6306 62.1248 19.4557 61.3626 18.178 61.4206L10.9506 61.7487C9.00666 61.8369 7.4904 60.0706 7.85357 58.1409L9.20384 50.9664C9.44255 49.6981 8.86239 48.4158 7.75647 47.7673L1.50067 44.0991C-0.181946 43.1125 -0.511462 40.7991 0.827617 39.3739L5.80619 34.0752C6.68632 33.1385 6.88508 31.7432 6.30204 30.5941L3.00403 24.0942C2.11697 22.346 3.07881 20.22 4.96864 19.7519L11.9949 18.0113C13.237 17.7036 14.1515 16.6382 14.2765 15.3533L14.9834 8.08551C15.1735 6.13069 17.1213 4.86711 18.9619 5.5046L25.805 7.87473C27.0147 8.29373 28.3547 7.89657 29.148 6.8839L33.6354 1.15556Z" fill="#98E1C3"/> 9136 </svg> 9137 <span class="product-badge__text" style="color: #034638;">New</span> 9138 </div> 9139 9140 9141 9142 9143 9144 9145 9146 9147 9148 <img 9149 class="mobile-menu__product-img" 9150 src="//drinkolipop.com/cdn/shop/files/caramel-apple-9g-olipop_gallery-image_single-can_new_asset.webp?crop=center&height=362&v=1788145122&width=272" 9151 width="136" 9152 height="181" 9153 alt="Caramel Apple" 9154 loading="lazy" 9155 decoding="async" 9156 > 9157 9158 </span> 9159 <span class="mobile-menu__product-card-label">Caramel Apple</span> 9160 </a> 9161 </li> 9162 9163 9164 9165 9166 9167 9168 9169 9170 9171 9172 9173 9174 9175 <li class="mobile-menu__product-tile"> 9176 <a 9177 href="/products/raspberry-sherbet" 9178 class="mobile-menu__product-card" 9179 9180 > 9181 <span class="mobile-menu__product-card-media"> 9182 9183 <div 9184 class="product-badge product-badge--nav" 9185 role="status" 9186 aria-label="Limited" 9187 > 9188 <svg class="product-badge__shape" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 72 72" fill="none" aria-hidden="true"> 9189 <path d="M33.6354 1.15556C34.8423 -0.385184 37.1577 -0.385187 38.3646 1.15556L42.852 6.8839C43.6453 7.89657 44.9853 8.29373 46.195 7.87473L53.0381 5.5046C54.8787 4.86711 56.8265 6.13068 57.0166 8.0855L57.7235 15.3533C57.8485 16.6382 58.763 17.7036 60.0051 18.0113L67.0313 19.7519C68.9212 20.22 69.883 22.346 68.996 24.0942L65.698 30.5941C65.1149 31.7432 65.3137 33.1385 66.1938 34.0752L71.1724 39.3739C72.5115 40.7991 72.1819 43.1125 70.4993 44.0991L64.2435 47.7673C63.1376 48.4158 62.5575 49.6981 62.7962 50.9664L64.1464 58.1409C64.5096 60.0706 62.9933 61.8369 61.0494 61.7487L53.822 61.4206C52.5443 61.3626 51.3694 62.1248 50.8909 63.322L48.1842 70.0944C47.4562 71.916 45.2346 72.5745 43.6465 71.4394L37.7421 67.2192C36.6983 66.4731 35.3017 66.4731 34.2579 67.2192L28.3535 71.4394C26.7655 72.5745 24.5438 71.916 23.8158 70.0944L21.1091 63.322C20.6306 62.1248 19.4557 61.3626 18.178 61.4206L10.9506 61.7487C9.00666 61.8369 7.4904 60.0706 7.85357 58.1409L9.20384 50.9664C9.44255 49.6981 8.86239 48.4158 7.75647 47.7673L1.50067 44.0991C-0.181946 43.1125 -0.511462 40.7991 0.827617 39.3739L5.80619 34.0752C6.68632 33.1385 6.88508 31.7432 6.30204 30.5941L3.004
918903 24.0942C2.11697 22.346 3.07881 20.22 4.96864 19.7519L11.9949 18.0113C13.237 17.7036 14.1515 16.6382 14.2765 15.3533L14.9834 8.08551C15.1735 6.13069 17.1213 4.86711 18.9619 5.5046L25.805 7.87473C27.0147 8.29373 28.3547 7.89657 29.148 6.8839L33.6354 1.15556Z" fill="#FFE340"/> 9190 </svg> 9191 <span class="product-badge__text" style="color: #034638;">Limited</span> 9192 </div> 9193 9194 9195 9196 9197 9198 9199 9200 9201 9202 <img 9203 class="mobile-menu__product-img" 9204 src="//drinkolipop.com/cdn/shop/files/raspberry-sherbert_omni-pdp_single.webp?crop=center&height=362&v=1775754912&width=272" 9205 width="136" 9206 height="181" 9207 alt="Raspberry Sherbet" 9208 loading="lazy" 9209 decoding="async" 9210 > 9211 9212 </span> 9213 <span class="mobile-menu__product-card-label">Raspberry Sherbet</span> 9214 </a> 9215 </li> 9216 9217 9218 9219 9220 9221 9222 9223 9224 9225 9226 9227 9228 9229 <li class="mobile-menu__product-tile"> 9230 <a 9231 href="/products/shirley-temple" 9232 class="mobile-menu__product-card" 9233 9234 > 9235 <span class="mobile-menu__product-card-media"> 9236 9237 <div 9238 class="product-badge product-badge--nav" 9239 role="status" 9240 aria-label="Limited" 9241 > 9242 <svg class="product-badge__shape" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 72 72" fill="none" aria-hidden="true"> 9243 <path d="M33.6354 1.15556C34.8423 -0.385184 37.1577 -0.385187 38.3646 1.15556L42.852 6.8839C43.6453 7.89657 44.9853 8.29373 46.195 7.87473L53.0381 5.5046C54.8787 4.86711 56.8265 6.13068 57.0166 8.0855L57.7235 15.3533C57.8485 16.6382 58.763 17.7036 60.0051 18.0113L67.0313 19.7519C68.9212 20.22 69.883 22.346 68.996 24.0942L65.698 30.5941C65.1149 31.7432 65.3137 33.1385 66.1938 34.0752L71.1724 39.3739C72.5115 40.7991 72.1819 43.1125 70.4993 44.0991L64.2435 47.7673C63.1376 48.4158 62.5575 49.6981 62.7962 50.9664L64.1464 58.1409C64.5096 60.0706 62.9933 61.8369 61.0494 61.7487L53.822 61.4206C52.5443 61.3626 51.3694 62.1248 50.8909 63.322L48.1842 70.0944C47.4562 71.916 45.2346 72.5745 43.6465 71.4394L37.7421 67.2192C36.6983 66.4731 35.3017 66.4731 34.2579 67.2192L28.3535 71.4394C26.7655 72.5745 24.5438 71.916 23.8158 70.0944L21.1091 63.322C20.6306 62.1248 19.4557 61.3626 18.178 61.4206L10.9506 61.7487C9.00666 61.8369 7.4904 60.0706 7.85357 58.1409L9.20384 50.9664C9.44255 49.6981 8.86239 48.4158 7.75647 47.7673L1.50067 44.0991C-0.181946 43.1125 -0.511462 40.7991 0.827617 39.3739L5.80619 34.0752C6.68632 33.1385 6.88508 31.7432 6.30204 30.5941L3.00403 24.0942C2.11697 22.346 3.07881 20.22 4.96864 19.7519L11.9949 18.0113C13.237 17.7036 14.1515 16.6382 14.2765 15.3533L14.9834 8.08551C15.1735 6.13069 17.1213 4.86711 18.9619 5.5046L25.805 7.87473C27.0147 8.29373 28.3547 7.89657 29.148 6.8839L33.6354 1.15556Z" fill="#FFE340"/> 9244 </svg> 9245 <span class="product-badge__text" style="color: #034638;">Limited</span> 9246 </div> 9247 9248 9249 9250 9251 9252 9253 9254 9255 9256 <img 9257 class="mobile-menu__product-img" 9258 src="//drinkolipop.com/cdn/shop/files/shirley-temple-6g-olipop_gallery-image_single-can_new_asset.webp?crop=center&height=362&v=1778804138&width=272" 9259 width="136" 9260 height="181" 9261 alt="Shirley Temple" 9262 loading="lazy" 9263 decoding="async" 9264 > 9265 9266 </span>
9267 <span class="mobile-menu__product-card-label">Shirley Temple</span> 9268 </a> 9269 </li> 9270 9271 9272 9273 9274 9275 9276 9277 9278 9279 9280 9281 9282 9283 <li class="mobile-menu__product-tile"> 9284 <a 9285 href="/products/spongebob-pineapple-paradise" 9286 class="mobile-menu__product-card" 9287 9288 > 9289 <span class="mobile-menu__product-card-media"> 9290 9291 <div 9292 class="product-badge product-badge--nav" 9293 role="status" 9294 aria-label="Limited" 9295 > 9296 <svg class="product-badge__shape" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 72 72" fill="none" aria-hidden="true"> 9297 <path d="M33.6354 1.15556C34.8423 -0.385184 37.1577 -0.385187 38.3646 1.15556L42.852 6.8839C43.6453 7.89657 44.9853 8.29373 46.195 7.87473L53.0381 5.5046C54.8787 4.86711 56.8265 6.13068 57.0166 8.0855L57.7235 15.3533C57.8485 16.6382 58.763 17.7036 60.0051 18.0113L67.0313 19.7519C68.9212 20.22 69.883 22.346 68.996 24.0942L65.698 30.5941C65.1149 31.7432 65.3137 33.1385 66.1938 34.0752L71.1724 39.3739C72.5115 40.7991 72.1819 43.1125 70.4993 44.0991L64.2435 47.7673C63.1376 48.4158 62.5575 49.6981 62.7962 50.9664L64.1464 58.1409C64.5096 60.0706 62.9933 61.8369 61.0494 61.7487L53.822 61.4206C52.5443 61.3626 51.3694 62.1248 50.8909 63.322L48.1842 70.0944C47.4562 71.916 45.2346 72.5745 43.6465 71.4394L37.7421 67.2192C36.6983 66.4731 35.3017 66.4731 34.2579 67.2192L28.3535 71.4394C26.7655 72.5745 24.5438 71.916 23.8158 70.0944L21.1091 63.322C20.6306 62.1248 19.4557 61.3626 18.178 61.4206L10.9506 61.7487C9.00666 61.8369 7.4904 60.0706 7.85357 58.1409L9.20384 50.9664C9.44255 49.6981 8.86239 48.4158 7.75647 47.7673L1.50067 44.0991C-0.181946 43.1125 -0.511462 40.7991 0.827617 39.3739L5.80619 34.0752C6.68632 33.1385 6.88508 31.7432 6.30204 30.5941L3.00403 24.0942C2.11697 22.346 3.07881 20.22 4.96864 19.7519L11.9949 18.0113C13.237 17.7036 14.1515 16.6382 14.2765 15.3533L14.9834 8.08551C15.1735 6.13069 17.1213 4.86711 18.9619 5.5046L25.805 7.87473C27.0147 8.29373 28.3547 7.89657 29.148 6.8839L33.6354 1.15556Z" fill="#FFE340"/> 9298 </svg> 9299 <span class="product-badge__text" style="color: #034638;">Limited</span> 9300 </div> 9301 9302 9303 9304 9305 9306 9307 9308 9309 9310 <img 9311 class="mobile-menu__product-img" 9312 src="//drinkolipop.com/cdn/shop/files/Pineapple-Paradise_cgi-main-image_072925.webp?crop=center&height=362&v=1753844923&width=272" 9313 width="136" 9314 height="181" 9315 alt="Pineapple Paradise" 9316 loading="lazy" 9317 decoding="async" 9318 > 9319 9320 </span> 9321 <span class="mobile-menu__product-card-label">Pineapple Paradise</span> 9322 </a> 9323 </li> 9324 9325 9326 9327 9328 9329 9330 </ul> 9331 </div> 9332 9333 <div class="mobile-menu__shop-all-category"> 9334 9335 <a class="mobile-menu__btn-outline" href="/collections/shop-limited-edition">Shop All Limited Edition Flavors</a> 9336 9337 </div> 9338 </div> 9339 </details> 9340 9341 9342 9343 9344 9345 9346 9347 9348 <details 9349 id="mobile-shop-acc-5" 9350 class="mobile-menu__accordion" 9351 9352 > 9353 <summary class="mobile-menu__accordion-summary">
9354 <span class="mobile-menu__accordion-summary-text"> 9355 <span class="mobile-menu__accordion-title"> 9356 Variety packs 9357 </span> 9358 </span> 9359 <span class="mobile-menu__accordion-toggle-icons" aria-hidden="true"> 9360 <span class="mobile-menu__accordion-icon mobile-menu__accordion-icon--plus"> 9361 <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" aria-hidden="true" focusable="false"> 9362 <path d="M21 12C21 12.1989 20.921 12.3897 20.7803 12.5303C20.6397 12.671 20.4489 12.75 20.25 12.75H12.75V20.25C12.75 20.4489 12.671 20.6397 12.5303 20.7803C12.3897 20.921 12.1989 21 12 21C11.8011 21 11.6103 20.921 11.4697 20.7803C11.329 20.6397 11.25 20.4489 11.25 20.25V12.75H3.75C3.55109 12.75 3.36032 12.671 3.21967 12.5303C3.07902 12.3897 3 12.1989 3 12C3 11.8011 3.07902 11.6103 3.21967 11.4697C3.36032 11.329 3.55109 11.25 3.75 11.25H11.25V3.75C11.25 3.55109 11.329 3.36032 11.4697 3.21967C11.6103 3.07902 11.8011 3 12 3C12.1989 3 12.3897 3.07902 12.5303 3.21967C12.671 3.36032 12.75 3.55109 12.75 3.75V11.25H20.25C20.4489 11.25 20.6397 11.329 20.7803 11.4697C20.921 11.6103 21 11.8011 21 12Z" fill="currentColor"/> 9363</svg> 9364 9365 </span> 9366 <span class="mobile-menu__accordion-icon mobile-menu__accordion-icon--minus"> 9367 <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" aria-hidden="true" focusable="false"> 9368 <path d="M21 12C21 12.1989 20.921 12.3897 20.7803 12.5303C20.6397 12.671 20.4489 12.75 20.25 12.75H3.75C3.55109 12.75 3.36032 12.671 3.21967 12.5303C3.07902 12.3897 3 12.1989 3 12C3 11.8011 3.07902 11.6103 3.21967 11.4697C3.36032 11.329 3.55109 11.25 3.75 11.25H20.25C20.4489 11.25 20.6397 11.329 20.7803 11.4697C20.921 11.6103 21 11.8011 21 12Z" fill="currentColor"/> 9369</svg> 9370 9371 </span> 9372 </span> 9373 </summary> 9374 9375 <div class="mobile-menu__accordion-panel"> 9376 9377 <div class="mobile-menu__category-headline"> 9378 <div class="mobile-menu__category-headline-text rte"> 9379 <span class="metafield-single_line_text_field">Store anywhere. Chill to enjoy.</span> 9380 </div> 9381 9382 </div> 9383 9384 9385 <div class="mobile-menu__category-description rte"> 9386 <span class="metafield-multi_line_text_field">The ultimate OLIPOP flavor tour, for an easy & fun way to discover your favorites.</span> 9387 </div> 9388 9389 9390 <div 9391 class="mobile-menu__product-scroller tw-min-w-0 tw-overflow-x-auto tw-overflow-y-visible" 9392 tabindex="0" 9393 role="region" 9394 aria-roledescription="carousel" 9395 aria-label="Variety packs — products" 9396 > 9397 <ul class="mobile-menu__product-row tw-m-0 tw-flex tw-list-none tw-flex-nowrap tw-p-0"> 9398 9399 9400 9401 9402 9403 9404 9405 9406 9407 9408 9409 9410 9411 9412 <li class="mobile-menu__product-tile"> 9413 <a 9414 href="/products/classic-soda-variety-pack" 9415 class="mobile-menu__product-card" 9416 9417 > 9418 <span class="mobile-menu__product-card-media"> 9419 9420 9421 9422 9423 9424 9425 9426 9427 9428 <img 9429 class="mobile-menu__product-img" 9430 src="//drinkolipop.com/cdn/shop/files/classic-soda-variety-pack-6g-olipop_main-image-v2_new_asset.webp?crop=center&height=362&v=1779207306&width=272" 9431 width="136" 9432 height="181" 9433 alt="Classic Soda Variety Pack" 9434 loading="lazy" 9435 decoding="async" 9436 > 9437 9438 </span>
9439 <span class="mobile-menu__product-card-label">Classic Soda</span> 9440 </a> 9441 </li> 9442 9443 9444 9445 9446 9447 9448 9449 9450 9451 9452 9453 9454 9455 <li class="mobile-menu__product-tile"> 9456 <a 9457 href="/products/fruity-fun-variety-pack" 9458 class="mobile-menu__product-card" 9459 9460 > 9461 <span class="mobile-menu__product-card-media"> 9462 9463 9464 9465 9466 9467 9468 9469 9470 9471 <img 9472 class="mobile-menu__product-img" 9473 src="//drinkolipop.com/cdn/shop/files/fruity-fun-variety-pack-6g-olipop_main-image-v2_new_asset.webp?crop=center&height=362&v=1779207636&width=272" 9474 width="136" 9475 height="181" 9476 alt="Fruity Fun Variety Pack" 9477 loading="lazy" 9478 decoding="async" 9479 > 9480 9481 </span> 9482 <span class="mobile-menu__product-card-label">Fruity Fun</span> 9483 </a> 9484 </li> 9485 9486 9487 9488 9489 9490 9491 9492 9493 9494 9495 9496 9497 9498 <li class="mobile-menu__product-tile"> 9499 <a 9500 href="/products/favorites-variety-pack" 9501 class="mobile-menu__product-card" 9502 9503 > 9504 <span class="mobile-menu__product-card-media"> 9505 9506 9507 9508 9509 9510 9511 9512 9513 9514 <img 9515 class="mobile-menu__product-img" 9516 src="//drinkolipop.com/cdn/shop/files/favorites-variety-pack-6g-olipop_main-image-v2_new_asset.webp?crop=center&height=362&v=1779208124&width=272" 9517 width="136" 9518 height="181" 9519 alt="Favorites Variety Pack" 9520 loading="lazy" 9521 decoding="async" 9522 > 9523 9524 </span> 9525 <span class="mobile-menu__product-card-label">Favorites</span> 9526 </a> 9527 </li> 9528 9529 9530 9531 9532 9533 9534 </ul> 9535 </div> 9536 9537 <div class="mobile-menu__shop-all-category"> 9538 9539 <a class="mobile-menu__btn-outline" href="/collections/variety-packs">Shop All Variety Packs</a> 9540 9541 </div> 9542 </div> 9543 </details> 9544 9545 9546 9547 <div class="mobile-menu__shop-all-footer"> 9548 <a class="mobile-menu__btn-primary" href="/collections/drinks">Shop All</a> 9549 </div> 9550 </div> 9551 9552 9553<style> 9554.mobile-menu__category-description { 9555 margin-bottom: 20px; 9556} 9557 9558.mobile-menu__category-description .metafield-multi_line_text_field { 9559 line-height: 160%; 9560 display: block; 9561} 9562 9563.mobile-menu__category-headline { 9564 margin-top: 3px; 9565} 9566</style> 9567 9568 <div class="mobile-menu__utility" role="navigation" aria-label="Quick links"> 9569 <div class="mobile-menu__utility-wave" aria-hidden="true"><svg 9570 xmlns="http://www.w3.org/2000/svg"
9571 viewBox="0 0 390 27" 9572 fill="none" 9573 preserveAspectRatio="none" 9574 class="mobile-menu__utility-wave-svg" 9575 focusable="false" 9576 > 9577 <path 9578 d="M390 27H8.13552e-05L1.48681e-06 1.52987C-0.0123939 1.51971 77.4813 -3.23676 194.458 7.38036C311.436 17.9975 390 0.446533 390 0.446533V27Z" 9579 fill="#008168" 9580 /> 9581 </svg> 9582 </div> 9583 9584 <ul class="mobile-menu__utility-list tw-m-0 tw-list-none"> 9585 <li class="mobile-menu__utility-item"> 9586 <a class="mobile-menu__utility-link" href="/pages/store-locator"> 9587 <span class="mobile-menu__utility-icon" aria-hidden="true"> 9588 <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none" aria-hidden="true" focusable="false" class="mobile-menu__utility-icon-svg"> 9589 <path d="M8 4C7.50555 4 7.0222 4.14662 6.61107 4.42133C6.19995 4.69603 5.87952 5.08648 5.6903 5.54329C5.50108 6.00011 5.45157 6.50277 5.54804 6.98773C5.6445 7.47268 5.8826 7.91814 6.23223 8.26777C6.58186 8.6174 7.02732 8.8555 7.51227 8.95196C7.99723 9.04843 8.49989 8.99892 8.95671 8.8097C9.41352 8.62048 9.80397 8.30005 10.0787 7.88893C10.3534 7.4778 10.5 6.99445 10.5 6.5C10.5 5.83696 10.2366 5.20107 9.76777 4.73223C9.29893 4.26339 8.66304 4 8 4ZM8 8C7.70333 8 7.41332 7.91203 7.16664 7.7472C6.91997 7.58238 6.72771 7.34811 6.61418 7.07403C6.50065 6.79994 6.47094 6.49834 6.52882 6.20736C6.5867 5.91639 6.72956 5.64912 6.93934 5.43934C7.14912 5.22956 7.41639 5.0867 7.70736 5.02882C7.99834 4.97094 8.29994 5.00065 8.57403 5.11418C8.84811 5.22771 9.08238 5.41997 9.2472 5.66664C9.41203 5.91332 9.5 6.20333 9.5 6.5C9.5 6.89782 9.34196 7.27936 9.06066 7.56066C8.77936 7.84196 8.39782 8 8 8ZM8 1C6.54182 1.00165 5.14383 1.58165 4.11274 2.61274C3.08165 3.64383 2.50165 5.04182 2.5 6.5C2.5 8.4625 3.40688 10.5425 5.125 12.5156C5.89701 13.4072 6.76591 14.2101 7.71562 14.9094C7.7997 14.9683 7.89985 14.9999 8.0025 14.9999C8.10515 14.9999 8.20531 14.9683 8.28938 14.9094C9.23734 14.2098 10.1046 13.4069 10.875 12.5156C12.5906 10.5425 13.5 8.4625 13.5 6.5C13.4983 5.04182 12.9184 3.64383 11.8873 2.61274C10.8562 1.58165 9.45818 1.00165 8 1ZM8 13.875C6.96688 13.0625 3.5 10.0781 3.5 6.5C3.5 5.30653 3.97411 4.16193 4.81802 3.31802C5.66193 2.47411 6.80653 2 8 2C9.19347 2 10.3381 2.47411 11.182 3.31802C12.0259 4.16193 12.5 5.30653 12.5 6.5C12.5 10.0769 9.03312 13.0625 8 13.875Z" fill="currentColor"/> 9590</svg> 9591 9592 </span> 9593 <span class="mobile-menu__utility-label">Find a Store</span> 9594 </a> 9595 </li> 9596 <li class="mobile-menu__utility-item"> 9597 9598 <a class="mobile-menu__utility-link" href="/account/login"> 9599 <span class="mobile-menu__utility-icon" aria-hidden="true"> 9600 <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none" aria-hidden="true" focusable="false" class="mobile-menu__utility-icon-svg"> 9601 <path d="M8 1.5C6.71442 1.5 5.45772 1.88122 4.3888 2.59545C3.31988 3.30968 2.48676 4.32484 1.99479 5.51256C1.50282 6.70028 1.37409 8.00721 1.6249 9.26809C1.8757 10.529 2.49477 11.6872 3.40381 12.5962C4.31285 13.5052 5.47104 14.1243 6.73192 14.3751C7.99279 14.6259 9.29973 14.4972 10.4874 14.0052C11.6752 13.5132 12.6903 12.6801 13.4046 11.6112C14.1188 10.5423 14.5 9.28558 14.5 8C14.4982 6.27665 13.8128 4.62441 12.5942 3.40582C11.3756 2.18722 9.72335 1.50182 8 1.5ZM4.63 12.3438C4.99171 11.7781 5.49001 11.3125 6.07895 10.99C6.6679 10.6676 7.32855 10.4985 8 10.4985C8.67146 10.4985 9.3321 10.6676 9.92105 10.99C10.51 11.3125 11.0083 11.7781 11.37 12.3438C10.4065 13.0931 9.22064 13.5 8 13.5C6.77936 13.5 5.59354 13.0931 4.63 12.3438ZM6 7.5C6 7.10444 6.1173 6.71776 6.33706 6.38886C6.55683 6.05996 6.86918 5.80362 7.23464 5.65224C7.60009 5.50087 8.00222 5.46126 8.39018 5.53843C8.77815 5.6156 9.13451 5.80608 9.41422 6.08579C9.69392 6.36549 9.8844 6.72186 9.96157 7.10982C10.0387 7.49778 9.99914 7.89991 9.84776 8.26537C9.69639 8.63082 9.44004 8.94318 9.11114 9.16294C8.78224 9.3827 8.39557 9.5 8 9.5C7.46957 9.5 6.96086 9.28929 6.58579 8.91421C6.21072 8.53914 6 8.03043 6 7.5ZM12.11 11.6506C11.5524 10.8425 10.7682 10.2174 9.85625 9.85375C10.3461 9.4679 10.7036 8.93899 10.879 8.34056C11.0543 7.74213 11.0388 7.10393 10.8346 6.51472C10.6305 5.9255 10.2477 5.41455 9.73971 5.05293C9.23168 4.69131 8.62359 4.49699 8 4.49699C7.37641 4.49699 6.76832 4.69131 6.26029 5.05293C5.75226 5.41455 5.36955 5.9255 5.16537 6.51472C4.96119 7.10393 4.9457 7.74213 5.12105 8.34056C5.2964 8.93899 5.65387 9.4679 6.14375 9.85375C5.23176 10.2174 4.44765 10.8425 3.89 11.6506C3.18536 10.8582 2.7248 9.87903 2.56378 8.83094C2.40276 7.78285 2.54816 6.71056 2.98245 5.74319C3.41675 4.77582 4.12142 3.95461 5.01163 3.37846C5.90184 2.80231 6.93962 2.49578 8 2.49578C9.06039 2.49578 10.0982 2.80231 10.9884 3.37846C11.8786 3.95461 12.5833 4.77582 13.0176 5.74319C13.4518 6.71056 13.5972 7.78285 13.4362 8.83094C13.2752 9.87903 12.8146 10.8582 12.11 11.6506Z" fill="currentColor"/> 9602</svg> 9603 9604 </span>
9605 <span class="mobile-menu__utility-label">Account</span> 9606 </a> 9607 9608 </li> 9609 <li class="mobile-menu__utility-item"> 9610 <a class="mobile-menu__utility-link" href="/pages/contact-us"> 9611 <span class="mobile-menu__utility-icon" aria-hidden="true"> 9612 <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none" aria-hidden="true" focusable="false" class="mobile-menu__utility-icon-svg"> 9613 <path d="M8.25 1.5C6.59296 1.50182 5.0043 2.16088 3.83259 3.33259C2.66088 4.5043 2.00182 6.09296 2 7.75V13C2 13.2652 2.10536 13.5196 2.29289 13.7071C2.48043 13.8946 2.73478 14 3 14H8.25C9.9076 14 11.4973 13.3415 12.6694 12.1694C13.8415 10.9973 14.5 9.4076 14.5 7.75C14.5 6.0924 13.8415 4.50269 12.6694 3.33058C11.4973 2.15848 9.9076 1.5 8.25 1.5ZM8.25 13H3V7.75C3 6.71165 3.30791 5.69661 3.88478 4.83326C4.46166 3.9699 5.2816 3.29699 6.24091 2.89963C7.20022 2.50227 8.25582 2.3983 9.27422 2.60088C10.2926 2.80345 11.2281 3.30346 11.9623 4.03769C12.6965 4.77191 13.1966 5.70738 13.3991 6.72578C13.6017 7.74418 13.4977 8.79978 13.1004 9.75909C12.703 10.7184 12.0301 11.5383 11.1667 12.1152C10.3034 12.6921 9.28835 13 8.25 13ZM9 8C9 8.14834 8.95601 8.29334 8.8736 8.41668C8.79119 8.54001 8.67406 8.63614 8.53701 8.69291C8.39997 8.74967 8.24917 8.76453 8.10368 8.73559C7.9582 8.70665 7.82456 8.63522 7.71967 8.53033C7.61478 8.42544 7.54335 8.2918 7.51441 8.14632C7.48547 8.00083 7.50032 7.85003 7.55709 7.71299C7.61386 7.57594 7.70999 7.45881 7.83332 7.3764C7.95666 7.29399 8.10166 7.25 8.25 7.25C8.44891 7.25 8.63968 7.32902 8.78033 7.46967C8.92098 7.61032 9 7.80109 9 8ZM6.25 8C6.25 8.14834 6.20601 8.29334 6.1236 8.41668C6.04119 8.54001 5.92406 8.63614 5.78701 8.69291C5.64997 8.74967 5.49917 8.76453 5.35368 8.73559C5.2082 8.70665 5.07456 8.63522 4.96967 8.53033C4.86478 8.42544 4.79335 8.2918 4.76441 8.14632C4.73547 8.00083 4.75032 7.85003 4.80709 7.71299C4.86386 7.57594 4.95999 7.45881 5.08332 7.3764C5.20666 7.29399 5.35166 7.25 5.5 7.25C5.69891 7.25 5.88968 7.32902 6.03033 7.46967C6.17098 7.61032 6.25 7.80109 6.25 8ZM11.75 8C11.75 8.14834 11.706 8.29334 11.6236 8.41668C11.5412 8.54001 11.4241 8.63614 11.287 8.69291C11.15 8.74967 10.9992 8.76453 10.8537 8.73559C10.7082 8.70665 10.5746 8.63522 10.4697 8.53033C10.3648 8.42544 10.2934 8.2918 10.2644 8.14632C10.2355 8.00083 10.2503 7.85003 10.3071 7.71299C10.3639 7.57594 10.46 7.45881 10.5833 7.3764C10.7067 7.29399 10.8517 7.25 11 7.25C11.1989 7.25 11.3897 7.32902 11.5303 7.46967C11.671 7.61032 11.75 7.80109 11.75 8Z" fill="currentColor"/> 9614</svg> 9615 9616 </span> 9617 <span class="mobile-menu__utility-label">Contact Us</span> 9618 </a> 9619 </li> 9620 <li class="mobile-menu__utility-item"> 9621 <a class="mobile-menu__utility-link" href="/pages/track-your-order"> 9622 <span class="mobile-menu__utility-icon" aria-hidden="true"> 9623 <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none" aria-hidden="true" focusable="false" class="mobile-menu__utility-icon-svg"> 9624 <path d="M13.98 4.13439L8.48 1.12501C8.33305 1.04381 8.16789 1.00122 8 1.00122C7.83211 1.00122 7.66695 1.04381 7.52 1.12501L2.02 4.13564C1.86293 4.22158 1.73181 4.34811 1.64034 4.50203C1.54888 4.65594 1.50041 4.83159 1.5 5.01064V10.9881C1.50041 11.1672 1.54888 11.3428 1.64034 11.4967C1.73181 11.6507 1.86293 11.7772 2.02 11.8631L7.52 14.8738C7.66695 14.955 7.83211 14.9976 8 14.9976C8.16789 14.9976 8.33305 14.955 8.48 14.8738L13.98 11.8631C14.1371 11.7772 14.2682 11.6507 14.3597 11.4967C14.4511 11.3428 14.4996 11.1672 14.5 10.9881V5.01126C14.4999 4.8319 14.4516 4.65586 14.3601 4.50158C14.2686 4.34731 14.1373 4.22048 13.98 4.13439ZM8 2.00001L13.0212 4.75001L11.1606 5.76876L6.13875 3.01876L8 2.00001ZM8 7.50001L2.97875 4.75001L5.0975 3.59001L10.1187 6.34001L8 7.50001ZM2.5 5.62501L7.5 8.36126V13.7231L2.5 10.9888V5.62501ZM13.5 10.9863L8.5 13.7231V8.36376L10.5 7.26939V9.50001C10.5 9.63262 10.5527 9.7598 10.6464 9.85357C10.7402 9.94733 10.8674 10 11 10C11.1326 10 11.2598 9.94733 11.3536 9.85357C11.4473 9.7598 11.5 9.63262 11.5 9.50001V6.72189L13.5 5.62501V10.9856V10.9863Z" fill="currentColor"/> 9625</svg> 9626 9627 </span>
9628 <span class="mobile-menu__utility-label">Track Order</span> 9629 </a> 9630 </li> 9631 <li class="mobile-menu__utility-item"> 9632 <a class="mobile-menu__utility-link" href="/pages/olipop-rewards"> 9633 <span class="mobile-menu__utility-icon" aria-hidden="true"> 9634 <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none" aria-hidden="true" focusable="false" class="mobile-menu__utility-icon-svg"> 9635 <path d="M12.3488 8.06625L9.1251 6.875L7.9376 3.64875C7.86728 3.45771 7.74005 3.29283 7.57307 3.17637C7.4061 3.0599 7.20743 2.99746 7.00385 2.99746C6.80027 2.99746 6.6016 3.0599 6.43462 3.17637C6.26765 3.29283 6.14042 3.45771 6.0701 3.64875L4.8751 6.875L1.64885 8.0625C1.45781 8.13282 1.29293 8.26005 1.17647 8.42702C1.06 8.594 0.997559 8.79267 0.997559 8.99625C0.997559 9.19983 1.06 9.3985 1.17647 9.56548C1.29293 9.73245 1.45781 9.85968 1.64885 9.93L4.8751 11.125L6.0626 14.3512C6.13292 14.5423 6.26015 14.7072 6.42712 14.8236C6.5941 14.9401 6.79277 15.0025 6.99635 15.0025C7.19993 15.0025 7.3986 14.9401 7.56557 14.8236C7.73255 14.7072 7.85978 14.5423 7.9301 14.3512L9.1251 11.125L12.3513 9.9375C12.5424 9.86718 12.7073 9.73995 12.8237 9.57298C12.9402 9.406 13.0026 9.20733 13.0026 9.00375C13.0026 8.80017 12.9402 8.6015 12.8237 8.43452C12.7073 8.26755 12.5424 8.14032 12.3513 8.07L12.3488 8.06625ZM8.5626 10.2638C8.49473 10.2888 8.4331 10.3282 8.38195 10.3793C8.3308 10.4305 8.29136 10.4921 8.26635 10.56L7.0001 13.9906L5.73635 10.5625C5.71138 10.4939 5.67169 10.4316 5.62008 10.38C5.56847 10.3284 5.50618 10.2887 5.4376 10.2638L2.00947 9L5.4376 7.73625C5.50618 7.71128 5.56847 7.67159 5.62008 7.61998C5.67169 7.56837 5.71138 7.50608 5.73635 7.4375L7.0001 4.00938L8.26385 7.4375C8.28886 7.50537 8.3283 7.567 8.37945 7.61815C8.4306 7.6693 8.49223 7.70874 8.5601 7.73375L11.9907 9L8.5626 10.2638ZM9.0001 2.5C9.0001 2.36739 9.05278 2.24021 9.14655 2.14645C9.24031 2.05268 9.36749 2 9.5001 2H10.5001V1C10.5001 0.867392 10.5528 0.740215 10.6465 0.646447C10.7403 0.552678 10.8675 0.5 11.0001 0.5C11.1327 0.5 11.2599 0.552678 11.3537 0.646447C11.4474 0.740215 11.5001 0.867392 11.5001 1V2H12.5001C12.6327 2 12.7599 2.05268 12.8537 2.14645C12.9474 2.24021 13.0001 2.36739 13.0001 2.5C13.0001 2.63261 12.9474 2.75979 12.8537 2.85355C12.7599 2.94732 12.6327 3 12.5001 3H11.5001V4C11.5001 4.13261 11.4474 4.25979 11.3537 4.35355C11.2599 4.44732 11.1327 4.5 11.0001 4.5C10.8675 4.5 10.7403 4.44732 10.6465 4.35355C10.5528 4.25979 10.5001 4.13261 10.5001 4V3H9.5001C9.36749 3 9.24031 2.94732 9.14655 2.85355C9.05278 2.75979 9.0001 2.63261 9.0001 2.5ZM15.5001 5.5C15.5001 5.63261 15.4474 5.75979 15.3537 5.85355C15.2599 5.94732 15.1327 6 15.0001 6H14.5001V6.5C14.5001 6.63261 14.4474 6.75979 14.3537 6.85355C14.2599 6.94732 14.1327 7 14.0001 7C13.8675 7 13.7403 6.94732 13.6465 6.85355C13.5528 6.75979 13.5001 6.63261 13.5001 6.5V6H13.0001C12.8675 6 12.7403 5.94732 12.6465 5.85355C12.5528 5.75979 12.5001 5.63261 12.5001 5.5C12.5001 5.36739 12.5528 5.24021 12.6465 5.14645C12.7403 5.05268 12.8675 5 13.0001 5H13.5001V4.5C13.5001 4.36739 13.5528 4.24021 13.6465 4.14645C13.7403 4.05268 13.8675 4 14.0001 4C14.1327 4 14.2599 4.05268 14.3537 4.14645C14.4474 4.24021 14.5001 4.36739 14.5001 4.5V5H15.0001C15.1327 5 15.2599 5.05268 15.3537 5.14645C15.4474 5.24021 15.5001 5.36739 15.5001 5.5Z" fill="currentColor"/> 9636</svg> 9637 9638 </span> 9639 <span class="mobile-menu__utility-label">Earn Rewards</span> 9640 </a> 9641 </li> 9642 </ul> 9643</div> 9644 9645<style> 9646 .mobile-menu__utility-list { 9647 padding-bottom: 10.5rem; 9648 } 9649</style> 9650 9651 </div> 9652 9653 9654 <div 9655 id="mobile-panel-learn" 9656 class="mobile-menu__tabpanel tw-hidden" 9657 role="tabpanel" 9658 aria-labelledby="mobile-tab-learn" 9659 data-mobile-panel="learn" 9660 hidden 9661 tabindex="0" 9662 > 9663 9664 9665 9666 9667 <div class="mobile-menu__shop-body"> 9668 9669 9670 9671 9672 9673 9674 <div class="mobile-menu__leaf-row"> 9675 <a 9676 href="/pages/our-story" 9677 class="mobile-menu__leaf-link" 9678 9679 >
9680 <span class="mobile-menu__leaf-title">Our story</span> 9681 </a> 9682 </div> 9683 9684 9685 9686 9687 9688 9689 <div class="mobile-menu__leaf-row"> 9690 <a 9691 href="/pages/ingredients" 9692 class="mobile-menu__leaf-link" 9693 9694 > 9695 <span class="mobile-menu__leaf-title">Ingredients</span> 9696 </a> 9697 </div> 9698 9699 9700 9701 9702 9703 9704 <div class="mobile-menu__leaf-row"> 9705 <a 9706 href="/pages/digestive-health" 9707 class="mobile-menu__leaf-link" 9708 9709 > 9710 <span class="mobile-menu__leaf-title">Digestive health</span> 9711 </a> 9712 </div> 9713 9714 9715 9716 9717 9718 9719 <div class="mobile-menu__leaf-row"> 9720 <a 9721 href="/pages/fiber-education" 9722 class="mobile-menu__leaf-link" 9723 9724 > 9725 <span class="mobile-menu__leaf-title">Fiber education</span> 9726 </a> 9727 </div> 9728 9729 9730 9731 9732 9733 9734 <div class="mobile-menu__leaf-row"> 9735 <a 9736 href="/pages/subscription" 9737 class="mobile-menu__leaf-link" 9738 9739 > 9740 <span class="mobile-menu__leaf-title">Subscriptions</span> 9741 </a> 9742 </div> 9743 9744 9745 9746 9747 </div> 9748 9749 9750 <div class="mobile-menu__utility" role="navigation" aria-label="Quick links"> 9751 <div class="mobile-menu__utility-wave" aria-hidden="true"><svg 9752 xmlns="http://www.w3.org/2000/svg" 9753 viewBox="0 0 390 27" 9754 fill="none" 9755 preserveAspectRatio="none" 9756 class="mobile-menu__utility-wave-svg" 9757 focusable="false" 9758 > 9759 <path 9760 d="M390 27H8.13552e-05L1.48681e-06 1.52987C-0.0123939 1.51971 77.4813 -3.23676 194.458 7.38036C311.436 17.9975 390 0.446533 390 0.446533V27Z" 9761 fill="#008168" 9762 /> 9763 </svg> 9764 </div> 9765 9766 <ul class="mobile-menu__utility-list tw-m-0 tw-list-none"> 9767 <li class="mobile-menu__utility-item"> 9768 <a class="mobile-menu__utility-link" href="/pages/store-locator"> 9769 <span class="mobile-menu__utility-icon" aria-hidden="true"> 9770 <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none" aria-hidden="true" focusable="false" class="mobile-menu__utility-icon-svg"> 9771 <path d="M8 4C7.50555 4 7.0222 4.14662 6.61107 4.42133C6.19995 4.69603 5.87952 5.08648 5.6903 5.54329C5.50108 6.00011 5.45157 6.50277 5.54804 6.98773C5.6445 7.47268 5.8826 7.91814 6.23223 8.26777C6.58186 8.6174 7.02732 8.8555 7.51227 8.95196C7.99723 9.04843 8.49989 8.99892 8.95671 8.8097C9.41352 8.62048 9.80397 8.30005 10.0787 7.88893C10.3534 7.4778 10.5 6.99445 10.5 6.5C10.5 5.83696 10.2366 5.20107 9.76777 4.73223C9.29893 4.26339 8.66304 4 8 4ZM8 8C7.70333 8 7.41332 7.91203 7.16664 7.7472C6.91997 7.58238 6.72771 7.34811 6.61418 7.07403C6.50065 6.79994 6.47094 6.49834 6.52882 6.20736C6.5867 5.91639 6.72956 5.64912 6.93934 5.43934C7.14912 5.22956 7.41639 5.0867 7.70736 5.02882C7.99834 4.97094 8.29994 5.00065 8.57403 5.11418C8.84811 5.22771 9.08238 5.41997 9.2472 5.66664C9.41203 5.91332 9.5 6.20333 9.5 6.5C9.5 6.89782 9.34196 7.27936 9.06066 7.56066C8.77936 7.84196 8.39782 8 8 8ZM8 1C6.54182 1.00165 5.14383 1.58165 4.11274 2.61274C3.08165 3.64383 2.50165 5.04182 2.5 6.5C2.5 8.4625 3.40688 10.5425 5.125 12.5156C5.89701 13.4072 6.76591 14.2101 7.71562 14.9094C7.7997 14.9683 7.89985 14.9999 8.0025 14.9999C8.10515 14.9999 8.20531 14.9683 8.28938 14.9094C9.23734 14.2098 10.1046 13.4069 10.875 12.5156C12.5906 10.5425 13.5 8.4625 13.5 6.5C13.4983 5.04182 12.9184 3.64383 11.8873 2.61274C10.8562 1.58165 9.45818 1.00165 8 1ZM8 13.875C6.96688 13.0625 3.5 10.0781 3.5 6.5C3.5 5.30653 3.97411 4.16193 4.81802 3.31802C5.66193 2.47411 6.80653 2 8 2C9.19347 2 10.3381 2.47411 11.182 3.31802C12.0259 4.16193 12.5 5.30653 12.5 6.5C12.5 10.0769 9.03312 13.0625 8 13.875Z" fill="currentColor"/> 9772</svg> 9773 9774 </span> 9775 <span class="mobile-menu__utility-label">Find a Store</span> 9776 </a> 9777 </li> 9778 <li class="mobile-menu__utility-item"> 9779 9780 <a class="mobile-menu__utility-link" href="/account/login"> 9781 <span class="mobile-menu__utility-icon" aria-hidden="true"> 9782 <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewB
9782ox="0 0 16 16" fill="none" aria-hidden="true" focusable="false" class="mobile-menu__utility-icon-svg"> 9783 <path d="M8 1.5C6.71442 1.5 5.45772 1.88122 4.3888 2.59545C3.31988 3.30968 2.48676 4.32484 1.99479 5.51256C1.50282 6.70028 1.37409 8.00721 1.6249 9.26809C1.8757 10.529 2.49477 11.6872 3.40381 12.5962C4.31285 13.5052 5.47104 14.1243 6.73192 14.3751C7.99279 14.6259 9.29973 14.4972 10.4874 14.0052C11.6752 13.5132 12.6903 12.6801 13.4046 11.6112C14.1188 10.5423 14.5 9.28558 14.5 8C14.4982 6.27665 13.8128 4.62441 12.5942 3.40582C11.3756 2.18722 9.72335 1.50182 8 1.5ZM4.63 12.3438C4.99171 11.7781 5.49001 11.3125 6.07895 10.99C6.6679 10.6676 7.32855 10.4985 8 10.4985C8.67146 10.4985 9.3321 10.6676 9.92105 10.99C10.51 11.3125 11.0083 11.7781 11.37 12.3438C10.4065 13.0931 9.22064 13.5 8 13.5C6.77936 13.5 5.59354 13.0931 4.63 12.3438ZM6 7.5C6 7.10444 6.1173 6.71776 6.33706 6.38886C6.55683 6.05996 6.86918 5.80362 7.23464 5.65224C7.60009 5.50087 8.00222 5.46126 8.39018 5.53843C8.77815 5.6156 9.13451 5.80608 9.41422 6.08579C9.69392 6.36549 9.8844 6.72186 9.96157 7.10982C10.0387 7.49778 9.99914 7.89991 9.84776 8.26537C9.69639 8.63082 9.44004 8.94318 9.11114 9.16294C8.78224 9.3827 8.39557 9.5 8 9.5C7.46957 9.5 6.96086 9.28929 6.58579 8.91421C6.21072 8.53914 6 8.03043 6 7.5ZM12.11 11.6506C11.5524 10.8425 10.7682 10.2174 9.85625 9.85375C10.3461 9.4679 10.7036 8.93899 10.879 8.34056C11.0543 7.74213 11.0388 7.10393 10.8346 6.51472C10.6305 5.9255 10.2477 5.41455 9.73971 5.05293C9.23168 4.69131 8.62359 4.49699 8 4.49699C7.37641 4.49699 6.76832 4.69131 6.26029 5.05293C5.75226 5.41455 5.36955 5.9255 5.16537 6.51472C4.96119 7.10393 4.9457 7.74213 5.12105 8.34056C5.2964 8.93899 5.65387 9.4679 6.14375 9.85375C5.23176 10.2174 4.44765 10.8425 3.89 11.6506C3.18536 10.8582 2.7248 9.87903 2.56378 8.83094C2.40276 7.78285 2.54816 6.71056 2.98245 5.74319C3.41675 4.77582 4.12142 3.95461 5.01163 3.37846C5.90184 2.80231 6.93962 2.49578 8 2.49578C9.06039 2.49578 10.0982 2.80231 10.9884 3.37846C11.8786 3.95461 12.5833 4.77582 13.0176 5.74319C13.4518 6.71056 13.5972 7.78285 13.4362 8.83094C13.2752 9.87903 12.8146 10.8582 12.11 11.6506Z" fill="currentColor"/> 9784</svg> 9785 9786 </span> 9787 <span class="mobile-menu__utility-label">Account</span> 9788 </a> 9789 9790 </li> 9791 <li class="mobile-menu__utility-item"> 9792 <a class="mobile-menu__utility-link" href="/pages/contact-us"> 9793 <span class="mobile-menu__utility-icon" aria-hidden="true"> 9794 <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none" aria-hidden="true" focusable="false" class="mobile-menu__utility-icon-svg"> 9795 <path d="M8.25 1.5C6.59296 1.50182 5.0043 2.16088 3.83259 3.33259C2.66088 4.5043 2.00182 6.09296 2 7.75V13C2 13.2652 2.10536 13.5196 2.29289 13.7071C2.48043 13.8946 2.73478 14 3 14H8.25C9.9076 14 11.4973 13.3415 12.6694 12.1694C13.8415 10.9973 14.5 9.4076 14.5 7.75C14.5 6.0924 13.8415 4.50269 12.6694 3.33058C11.4973 2.15848 9.9076 1.5 8.25 1.5ZM8.25 13H3V7.75C3 6.71165 3.30791 5.69661 3.88478 4.83326C4.46166 3.9699 5.2816 3.29699 6.24091 2.89963C7.20022 2.50227 8.25582 2.3983 9.27422 2.60088C10.2926 2.80345 11.2281 3.30346 11.9623 4.03769C12.6965 4.77191 13.1966 5.70738 13.3991 6.72578C13.6017 7.74418 13.4977 8.79978 13.1004 9.75909C12.703 10.7184 12.0301 11.5383 11.1667 12.1152C10.3034 12.6921 9.28835 13 8.25 13ZM9 8C9 8.14834 8.95601 8.29334 8.8736 8.41668C8.79119 8.54001 8.67406 8.63614 8.53701 8.69291C8.39997 8.74967 8.24917 8.76453 8.10368 8.73559C7.9582 8.70665 7.82456 8.63522 7.71967 8.53033C7.61478 8.42544 7.54335 8.2918 7.51441 8.14632C7.48547 8.00083 7.50032 7.85003 7.55709 7.71299C7.61386 7.57594 7.70999 7.45881 7.83332 7.3764C7.95666 7.29399 8.10166 7.25 8.25 7.25C8.44891 7.25 8.63968 7.32902 8.78033 7.46967C8.92098 7.61032 9 7.80109 9 8ZM6.25 8C6.25 8.14834 6.20601 8.29334 6.1236 8.41668C6.04119 8.54001 5.92406 8.63614 5.78701 8.69291C5.64997 8.74967 5.49917 8.76453 5.35368 8.73559C5.2082 8.70665 5.07456 8.63522 4.96967 8.53033C4.86478 8.42544 4.79335 8.2918 4.76441 8.14632C4.73547 8.00083 4.75032 7.85003 4.80709 7.71299C4.86386 7.57594 4.95999 7.45881 5.08332 7.3764C5.20666 7.29399 5.35166 7.25 5.5 7.25C5.69891 7.25 5.88968 7.32902 6.03033 7.46967C6.17098 7.61032 6.25 7.80109 6.25 8ZM11.75 8C11.75 8.14834 11.706 8.29334 11.6236 8.41668C11.5412 8.54001 11.4241 8.63614 11.287 8.69291C11.15 8.74967 10.9992 8.76453 10.8537 8.73559C10.7082 8.70665 10.5746 8.63522 10.4697 8.53033C10.3648 8.42544 10.2934 8.2918 10.2644 8.14632C10.2355 8.00083 10.2503 7.85003 10.3071 7.71299C10.3639 7.57594 10.46 7.45881 10.5833 7.3764C10.7067 7.29399 10.8517 7.25 11 7.25C11.1989 7.25 11.3897 7.32902 11.5303 7.46967C11.671 7.61032 11.75 7.80109 11.75 8Z" fill="currentColor"/> 9796</svg> 9797 9798 </span>
9799 <span class="mobile-menu__utility-label">Contact Us</span> 9800 </a> 9801 </li> 9802 <li class="mobile-menu__utility-item"> 9803 <a class="mobile-menu__utility-link" href="/pages/track-your-order"> 9804 <span class="mobile-menu__utility-icon" aria-hidden="true"> 9805 <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none" aria-hidden="true" focusable="false" class="mobile-menu__utility-icon-svg"> 9806 <path d="M13.98 4.13439L8.48 1.12501C8.33305 1.04381 8.16789 1.00122 8 1.00122C7.83211 1.00122 7.66695 1.04381 7.52 1.12501L2.02 4.13564C1.86293 4.22158 1.73181 4.34811 1.64034 4.50203C1.54888 4.65594 1.50041 4.83159 1.5 5.01064V10.9881C1.50041 11.1672 1.54888 11.3428 1.64034 11.4967C1.73181 11.6507 1.86293 11.7772 2.02 11.8631L7.52 14.8738C7.66695 14.955 7.83211 14.9976 8 14.9976C8.16789 14.9976 8.33305 14.955 8.48 14.8738L13.98 11.8631C14.1371 11.7772 14.2682 11.6507 14.3597 11.4967C14.4511 11.3428 14.4996 11.1672 14.5 10.9881V5.01126C14.4999 4.8319 14.4516 4.65586 14.3601 4.50158C14.2686 4.34731 14.1373 4.22048 13.98 4.13439ZM8 2.00001L13.0212 4.75001L11.1606 5.76876L6.13875 3.01876L8 2.00001ZM8 7.50001L2.97875 4.75001L5.0975 3.59001L10.1187 6.34001L8 7.50001ZM2.5 5.62501L7.5 8.36126V13.7231L2.5 10.9888V5.62501ZM13.5 10.9863L8.5 13.7231V8.36376L10.5 7.26939V9.50001C10.5 9.63262 10.5527 9.7598 10.6464 9.85357C10.7402 9.94733 10.8674 10 11 10C11.1326 10 11.2598 9.94733 11.3536 9.85357C11.4473 9.7598 11.5 9.63262 11.5 9.50001V6.72189L13.5 5.62501V10.9856V10.9863Z" fill="currentColor"/> 9807</svg> 9808 9809 </span> 9810 <span class="mobile-menu__utility-label">Track Order</span> 9811 </a> 9812 </li> 9813 <li class="mobile-menu__utility-item"> 9814 <a class="mobile-menu__utility-link" href="/pages/olipop-rewards"> 9815 <span class="mobile-menu__utility-icon" aria-hidden="true"> 9816 <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none" aria-hidden="true" focusable="false" class="mobile-menu__utility-icon-svg"> 9817 <path d="M12.3488 8.06625L9.1251 6.875L7.9376 3.64875C7.86728 3.45771 7.74005 3.29283 7.57307 3.17637C7.4061 3.0599 7.20743 2.99746 7.00385 2.99746C6.80027 2.99746 6.6016 3.0599 6.43462 3.17637C6.26765 3.29283 6.14042 3.45771 6.0701 3.64875L4.8751 6.875L1.64885 8.0625C1.45781 8.13282 1.29293 8.26005 1.17647 8.42702C1.06 8.594 0.997559 8.79267 0.997559 8.99625C0.997559 9.19983 1.06 9.3985 1.17647 9.56548C1.29293 9.73245 1.45781 9.85968 1.64885 9.93L4.8751 11.125L6.0626 14.3512C6.13292 14.5423 6.26015 14.7072 6.42712 14.8236C6.5941 14.9401 6.79277 15.0025 6.99635 15.0025C7.19993 15.0025 7.3986 14.9401 7.56557 14.8236C7.73255 14.7072 7.85978 14.5423 7.9301 14.3512L9.1251 11.125L12.3513 9.9375C12.5424 9.86718 12.7073 9.73995 12.8237 9.57298C12.9402 9.406 13.0026 9.20733 13.0026 9.00375C13.0026 8.80017 12.9402 8.6015 12.8237 8.43452C12.7073 8.26755 12.5424 8.14032 12.3513 8.07L12.3488 8.06625ZM8.5626 10.2638C8.49473 10.2888 8.4331 10.3282 8.38195 10.3793C8.3308 10.4305 8.29136 10.4921 8.26635 10.56L7.0001 13.9906L5.73635 10.5625C5.71138 10.4939 5.67169 10.4316 5.62008 10.38C5.56847 10.3284 5.50618 10.2887 5.4376 10.2638L2.00947 9L5.4376 7.73625C5.50618 7.71128 5.56847 7.67159 5.62008 7.61998C5.67169 7.56837 5.71138 7.50608 5.73635 7.4375L7.0001 4.00938L8.26385 7.4375C8.28886 7.50537 8.3283 7.567 8.37945 7.61815C8.4306 7.6693 8.49223 7.70874 8.5601 7.73375L11.9907 9L8.5626 10.2638ZM9.0001 2.5C9.0001 2.36739 9.05278 2.24021 9.14655 2.14645C9.24031 2.05268 9.36749 2 9.5001 2H10.5001V1C10.5001 0.867392 10.5528 0.740215 10.6465 0.646447C10.7403 0.552678 10.8675 0.5 11.0001 0.5C11.1327 0.5 11.2599 0.552678 11.3537 0.646447C11.4474 0.740215 11.5001 0.867392 11.5001 1V2H12.5001C12.6327 2 12.7599 2.05268 12.8537 2.14645C12.9474 2.24021 13.0001 2.36739 13.0001 2.5C13.0001 2.63261 12.9474 2.75979 12.8537 2.85355C12.7599 2.94732 12.6327 3 12.5001 3H11.5001V4C11.5001 4.13261 11.4474 4.25979 11.3537 4.35355C11.2599 4.44732 11.1327 4.5 11.0001 4.5C10.8675 4.5 10.7403 4.44732 10.6465 4.35355C10.5528 4.25979 10.5001 4.13261 10.5001 4V3H9.5001C9.36749 3 9.24031 2.94732 9.14655 2.85355C9.05278 2.75979 9.0001 2.63261 9.0001 2.5ZM15.5001 5.5C15.5001 5.
981763261 15.4474 5.75979 15.3537 5.85355C15.2599 5.94732 15.1327 6 15.0001 6H14.5001V6.5C14.5001 6.63261 14.4474 6.75979 14.3537 6.85355C14.2599 6.94732 14.1327 7 14.0001 7C13.8675 7 13.7403 6.94732 13.6465 6.85355C13.5528 6.75979 13.5001 6.63261 13.5001 6.5V6H13.0001C12.8675 6 12.7403 5.94732 12.6465 5.85355C12.5528 5.75979 12.5001 5.63261 12.5001 5.5C12.5001 5.36739 12.5528 5.24021 12.6465 5.14645C12.7403 5.05268 12.8675 5 13.0001 5H13.5001V4.5C13.5001 4.36739 13.5528 4.24021 13.6465 4.14645C13.7403 4.05268 13.8675 4 14.0001 4C14.1327 4 14.2599 4.05268 14.3537 4.14645C14.4474 4.24021 14.5001 4.36739 14.5001 4.5V5H15.0001C15.1327 5 15.2599 5.05268 15.3537 5.14645C15.4474 5.24021 15.5001 5.36739 15.5001 5.5Z" fill="currentColor"/> 9818</svg> 9819 9820 </span> 9821 <span class="mobile-menu__utility-label">Earn Rewards</span> 9822 </a> 9823 </li> 9824 </ul> 9825</div> 9826 9827<style> 9828 .mobile-menu__utility-list { 9829 padding-bottom: 10.5rem; 9830 } 9831</style> 9832 9833 </div> 9834 9835 </div> 9836 </div> 9837 </div> 9838</div> 9839
9840<script> 9841 $(document).ready(function () { 9842 const $root = $('[js-mobile-menu]'); 9843 const $backdrop = $('.mobile-menu__backdrop'); 9844 const $panel = $('[js-mobile-menu-panel]'); 9845 const $toggle = $('.header__button.mobile-menu-toggle'); 9846 9847 function applyMenuGeometry() { 9848 const header = document.getElementById('shopify-section-header'); 9849 const el = document.querySelector('[js-mobile-menu]'); 9850 if (!header || !el) return; 9851 const h = header.clientHeight; 9852 el.style.top = h + 'px'; 9853 el.style.height = 'calc(100vh - ' + h + 'px)'; 9854 } 9855 9856 function clearMenuGeometry() { 9857 const el = document.querySelector('[js-mobile-menu]'); 9858 if (el) { 9859 el.style.top = ''; 9860 el.style.height = ''; 9861 } 9862 } 9863 9864 function openMenuVisual() { 9865 $root.addClass('is-active'); 9866 } 9867 9868 function closeMenuVisual() { 9869 $root.removeClass('is-active'); 9870 } 9871 9872 var mobileMenuClosing = false; 9873 9874 function finalizeMobileMenuClose() { 9875 document.documentElement.classList.remove('stop-scroll'); 9876 $('.overlay').removeClass('is-active'); 9877 $('.site-header .header__button').removeClass('is-active'); 9878 $('.header-wrapper').removeClass('is-mobile-active'); 9879 clearMenuGeometry(); 9880 mobileMenuClosing = false; 9881 requestAnimationFrame(function () { 9882 requestAnimationFrame(function () { 9883 window.dispatchEvent(new Event('scroll')); 9884 }); 9885 }); 9886 } 9887 9888 function activateMobileTab(which) { 9889 const $shop = $('.mobile-menu__tab--shop'); 9890 const $learn = $('.mobile-menu__tab--learn'); 9891 const $shopPanel = $('#mobile-panel-shop'); 9892 const $learnPanel = $('#mobile-panel-learn'); 9893 if (!$shop.length || !$learn.length) return; 9894 if (which === 'shop') { 9895 $shop.addClass('is-selected').attr({ 'aria-selected': 'true', tabindex: 0 }); 9896 $learn.removeClass('is-selected').attr({ 'aria-selected': 'false', tabindex: -1 }); 9897 $shopPanel.removeClass('tw-hidden').removeAttr('hidden'); 9898 $learnPanel.addClass('tw-hidden').attr('hidden', 'hidden'); 9899 } else { 9900 $learn.addClass('is-selected').attr({ 'aria-selected': 'true', tabindex: 0 }); 9901 $shop.removeClass('is-selected').attr({ 'aria-selected': 'false', tabindex: -1 }); 9902 $learnPanel.removeClass('tw-hidden').removeAttr('hidden'); 9903 $shopPanel.addClass('tw-hidden').attr('hidden', 'hidden'); 9904 } 9905 } 9906 9907 function resetToShopTab() { 9908 activateMobileTab('shop'); 9909 } 9910 9911 $toggle.on('click', function () { 9912 const toggleBtn = this; 9913 const panelEl = document.querySelector('[js-mobile-menu-panel]'); 9914 const isOpen = $('.header-wrapper').hasClass('is-mobile-active'); 9915 9916 if (!isOpen) { 9917 $('.header-wrapper').addClass('is-mobile-active'); 9918 document.documentElement.classList.add('stop-scroll'); 9919 $('.overlay').addClass('is-active'); 9920 $('.site-header .header__button').addClass('is-active'); 9921 applyMenuGeometry(); 9922 9923 function revealMenuAndFocus() { 9924 openMenuVisual(); 9925 resetToShopTab(); 9926 toggleBtn.setAttribute('aria-expanded', 'true'); 9927 const wrap = document.querySelector('[js-header-wrapper]'); 9928 const toFocus = panelEl ? panelEl.querySelector('.mobile-menu__tab, a, button') : null; 9929 if (wrap && toFocus) { 9930 trapFocus(wrap, toFocus); 9931 } 9932 } 9933 9934 if (window.matchMedia('(prefers-reduced-motion: reduce)').matches) { 9935 revealMenuAndFocus(); 9936 } else { 9937 requestAnimationFrame(function () { 9938 requestAnimationFrame(revealMenuAndFocus); 9939 }); 9940 } 9941 } else { 9942 if (mobileMenuClosing) { 9943 return; 9944 } 9945 mobileMenuClosing = true; 9946 closeMenuVisual(); 9947 toggleBtn.setAttribute('aria-expanded', 'false'); 9948 removeTrapFocus(); 9949 9950 if (window.matchMedia('(prefers-reduced-motion: reduce)').matches) { 9951 finalizeMobileMenuClose(); 9952 return; 9953 } 9954 9955 var closeDone = false; 9956 function doneClosing() { 9957 if (closeDone) return; 9958 closeDone = true; 9959 if (panelEl) { 9960 panelEl.removeEventListener('transitionend', onPanelTransitionEnd); 9961 } 9962 finalizeMobileMenuClose(); 9963 } 9964 9965 function onPanelTransitionEnd(e) { 9966 if (e.target !== panelEl || e.propertyName !== 'transform') return; 9967 doneClosing(); 9968 } 9969 9970 if (panelEl) { 9971 panelEl.addEventListener('transitionend', onPanelTransitionEnd); 9972 } 9973 window.setTimeout(doneClosing, 400); 9974 } 9975 }); 9976 9977 var mobileMenuDesktopMin = 1024; 9978 9979 function closeMobileMenuIfDesktop() { 9980 if (window.innerWidth >= mobileMenuDesktopMin && $toggle.hasClass('is-active')) { 9981 $toggle.trigger('click'); 9982 } 9983 } 9984 9985 $(window).on('resize', function () { 9986 closeMobileMenuIfDesktop(); 9987 if ($toggle.hasClass('is-active')) { 9988 applyMenuGeometry(); 9989 } 9990 }); 9991 9992 $backdrop.on('click', function () { 9993 if ($toggle.hasClass('is-active')) { 9994 $toggle.trigger('click'); 9995 } 9996 }); 9997 9998 $(document).on('keydown.mobileMenu', function (e) { 9999 if (e.key !== 'Escape') return; 10000 if (!$('.header-wrapper').hasClass('is-mobile-active')) return; 10001 e.preventDefault(); 10002 if ($toggle.hasClass('is-active')) { 10003 $toggle.trigger('click'); 10004 } 10005 }); 10006 10007 $('.mobile-menu__tab[data-mobile-tab]').on('click', function () { 10008 activateMobileTab($(this).data('mobile-tab')); 10009 }); 10010 10011 $('.mobile-menu__tab[data-mobile-tab]').on('keydown', function (e) { 10012 if (e.key !== 'ArrowLeft' && e.key !== 'ArrowRight') return; 10013 e.preventDefault(); 10014 const cur = $(this).data('mobile-tab'); 10015 if (e.key === 'ArrowLeft' && cur === 'learn') { 10016 activateMobileTab('shop'); 10017 $('.mobile-menu__tab--shop').trigger('focus'); 10018 } 10019 if (e.key === 'ArrowRight' && cur === 'shop') { 10020 activateMobileTab('learn'); 10021 $('.mobile-menu__tab--learn').trigger('focus'); 10022 } 10023 }); 10024 10025 $('#nav-icon3').on('click', function () { 10026 $(this).toggleClass('open'); 10027 }); 10028 10029 $('[js-mobile-menu-close]').on('click', function (e) { 10030 e.preventDefault(); 10031 $('#nav-icon3').trigger('click'); 10032 }); 10033 }); 10034</script>
10034 10035</header> 10036
10037<script type="text/javascript"> 10038 $(document).ready(function () { 10039 const handleScrollOnHeader = () => { 10040 const y = document.documentElement.scrollTop || document.body.scrollTop; 10041 const $headerWrapper = $('.header-wrapper'); 10042 const isTransparent = $headerWrapper.attr('color-theme') === 'transparent'; 10043 if (y < 10) { 10044 $headerWrapper.removeClass('is-active'); 10045 if (isTransparent) { 10046 $headerWrapper.addClass('tw-bg-transparent'); 10047 } 10048 } else { 10049 $headerWrapper.addClass('is-active'); 10050 if (isTransparent) { 10051 $headerWrapper.removeClass('tw-bg-transparent'); 10052 } 10053 } 10054 }; 10055 10056 $(window).on('scroll', handleScrollOnHeader); 10057 handleScrollOnHeader(); 10058 }); 10059</script>
10059 10060
10061<script type="application/ld+json"> 10062 { 10063 "@context": "http://schema.org", 10064 "@type": "Organization", 10065 "name": "OLIPOP", 10066 10067 10068 "logo": "https:\/\/drinkolipop.com\/cdn\/shop\/files\/OlipopLogo_1_560x.png?v=1778767782", 10069 10070 "sameAs": [ 10071 "https:\/\/twitter.com\/drinkolipop", 10072 "https:\/\/www.facebook.com\/drinkolipop", 10073 "https:\/\/www.pinterest.com\/drinkolipop\/", 10074 "https:\/\/www.instagram.com\/drinkolipop\/", 10075 "", 10076 "", 10077 "https:\/\/www.youtube.com\/@OLIPOP", 10078 "" 10079 ], 10080 "url": "https:\/\/drinkolipop.com" 10081 } 10082</script>
10082 10083 10084 10085 10086 10087</div> 10088<!-- END sections: header-group --> 10089 10090
10090<script> 10091 const headerGroup = document.querySelector('#shopify-section-header'); 10092 function setHeaderGroupVars() { 10093 document.documentElement.style.setProperty( 10094 '--header-group-bottom-position', 10095 headerGroup.getBoundingClientRect().bottom + 'px' 10096 ); 10097 } 10098 setTimeout(setHeaderGroupVars, 1000); 10099 window.addEventListener('resize', setHeaderGroupVars); 10100 </script>
10100 10101 </section> 10102 <div class="page-container drawer-page-content" id="PageContainer" role="main"> 10103 <div 10104 class="main-content js-focus-hidden" 10105 id="MainContent" 10106 tabindex="-1" 10107 > 10108 <section id="shopify-section-template--24009561342111__collection_hybrid_meta_ALe7xC" class="shopify-section section-collection-hybrid-meta"> 10109<style> 10110 #shopify-section-template--24009561342111__collection_hybrid_meta_ALe7xC { 10111 10112 10113 --min-height-desktop: unset; 10114 --min-height-tablet: unset; 10115 --min-height-mobile: unset; 10116 --hybrid-header-color: #14433D; 10117 --clp-hero-overlap: var(--site-header-height, 64px); 10118 10119 --clp-jump-links-bar-height: 56px; 10120 --clp-anchor-offset: 0px; 10121 } 10122 10123 10124 10125 @media (min-width: 1024px) { 10126 #shopify-section-template--24009561342111__collection_hybrid_meta_ALe7xC { 10127 10128 } 10129 } 10130 10131 /* Header offset comes from html { scroll-padding-top }. Groups only need jump bar + gap. */ 10132 #shopify-section-template--24009561342111__collection_hybrid_meta_ALe7xC .collection-hybrid-meta .collection-group { 10133 scroll-margin-top: 0; 10134 } 10135 10136 #shopify-section-template--24009561342111__collection_hybrid_meta_ALe7xC .collection-hybrid-meta__group--with-divider { 10137 border-bottom: 1px solid var(--Evergreen-og-vanilla, #F3E4CD); 10138 } 10139 10140 @media screen and (max-width: 750px) { 10141 #shopify-section-template--24009561342111__collection_hybrid_meta_ALe7xC .collection-hybrid-meta__group--with-divider { 10142 padding-bottom: 1rem !important; 10143 margin-right: 20px; 10144 margin-left: 20px; 10145 padding-right: 0; 10146 padding-left: 0; 10147 } 10148 } 10149 10150 #shopify-section-template--24009561342111__collection_hybrid_meta_ALe7xC .collection-hybrid-meta .clp-jump-link { 10151 display: inline-flex; 10152 align-items: center; 10153 justify-content: center; 10154 flex-shrink: 0; 10155 cursor: pointer; 10156 border-radius: 9999px; 10157 padding: 8px 20px 6px; 10158 font-size: 14px; 10159 font-weight: 600; 10160 line-height: 1.2; 10161 text-decoration: none; 10162 white-space: nowrap; 10163 box-shadow: 0 0 0 1.5px #14433d; 10164 background-color: transparent; 10165 color: #14433d; 10166 transition: 10167 background-color 0.15s ease, 10168 color 0.15s ease, 10169 border-color 0.15s ease; 10170 } 10171 10172 #shopify-section-template--24009561342111__collection_hybrid_meta_ALe7xC .collection-hybrid-meta .clp-jump-link--active { 10173 background-color: #14433d; 10174 color: #fff; 10175 font-weight: 700; 10176 border-color: #14433d; 10177 } 10178 10179 #shopify-section-template--24009561342111__collection_hybrid_meta_ALe7xC .collection-hybrid-meta .clp-jump-link:hover { 10180 background-color: #14433d; 10181 color: #fff; 10182 font-weight: 700; 10183 border-color: #14433d; 10184 } 10185 10186 #shopify-section-template--24009561342111__collection_hybrid_meta_ALe7xC .collection-hybrid-meta .clp-jump-links.is-stuck .clp-jump-links-scroll { 10187 border-top: 1px solid var(--Evergreen-og-vanilla, #F3E4CD); 10188 background: var(--evergreen-web-vanilla-50, #FFFBF5); 10189 box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.05) inset; 10190 } 10191 10192 /* Pin bar during programmatic scroll so position:sticky cannot engage mid-animation */ 10193 #shopify-section-template--24009561342111__collection_hybrid_meta_ALe7xC .collection-hybrid-meta .clp-jump-links.clp-jump-links--jump-scrolling { 10194 position: fixed !important; 10195 left: 0; 10196 right: 0; 10197 width: 100%; 10198 top: var(--clp-sticky-top, var(--site-header-height, 64px)); 10199 z-index: 30; 10200 } 10201 10202 #shopify-section-template--24009561342111__collection_hybrid_meta_ALe7xC .collection-hybrid-meta .clp-jump-links.clp-jump-links--jump-scrolling .clp-jump-links-scroll { 10203 border-top: 1px solid var(--Evergreen-og-vanilla, #F3E4CD); 10204 background: var(--evergreen-web-vanilla-50, #FFFBF5); 10205 box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.05) inset; 10206 } 10207 10208 /* From top of page: fixed bar stays hidden until scroll has started */ 10209 #shopify-section-template--24009561342111__collection_hybrid_meta_ALe7xC .collection-hybrid-meta .clp-jump-links.clp-jump-links--jump-scrolling.clp-jump-links--jump-scrolling-hidden { 10210 visibility: hidden; 10211 pointer-events: none; 10212 } 10213 10214 #shopify-section-template--24009561342111__collection_hybrid_meta_ALe7xC .clp-jump-links-spacer { 10215 display: none; 10216 width: 100%; 10217 pointer-events: none; 10218 } 10219 10220 #shopify-section-template--24009561342111__collection_hybrid_meta_ALe7xC .clp-jump-links-spacer.is-active { 10221 display: block; 10222 } 10223 10224 body.clp-jump-links-shadow-active #shopify-section-header .header-wrapper.is-active { 10225 box-shadow: none; 10226 } 10227 10228 #shopify-section-template--24009561342111__collection_hybrid_meta_ALe7xC .collection-hybri
10228d-meta .clp-jump-link:focus-visible { 10229 outline: 2px solid #14433d; 10230 outline-offset: 2px; 10231 } 10232 10233 .collection-hybrid-meta .clp-jump-links-scroll { 10234 -webkit-overflow-scrolling: touch; 10235 scrollbar-width: thin; 10236 } 10237 10238 /* When the jump links don't overflow (mobile only), center them in the scroll viewport. */ 10239 @media (max-width: 1023px) { 10240 #shopify-section-template--24009561342111__collection_hybrid_meta_ALe7xC .collection-hybrid-meta .clp-jump-links-scroll--centered { 10241 display: flex; 10242 justify-content: center; 10243 } 10244 } 10245 10246 10247 #shopify-section-template--24009561342111__collection_hybrid_meta_ALe7xC .collection-hybrid-hero { 10248 margin-top: calc(0px - var(--clp-hero-overlap, var(--site-header-height, 64px))); 10249 } 10250 10251 #shopify-section-template--24009561342111__collection_hybrid_meta_ALe7xC .collection-hybrid-hero__content { 10252 width: 50%; 10253 max-width: 100%; 10254 padding-top: calc(var(--clp-hero-overlap, var(--site-header-height, 64px)) + 8px); 10255 padding-left: 20px; 10256 padding-right: 20px; 10257 gap: 8px; 10258 } 10259 10260 @media (min-width: 1024px) { 10261 #shopify-section-template--24009561342111__collection_hybrid_meta_ALe7xC .collection-hybrid-hero__content { 10262 max-width: 40%; 10263 padding-top: calc(var(--clp-hero-overlap, var(--site-header-height, 64px)) + 48px); 10264 padding-left: 60px; 10265 padding-right: 0; 10266 gap: 16px; 10267 } 10268 } 10269 10270 10271 @media (max-width: 767px) { 10272 #shopify-section-template--24009561342111__collection_hybrid_meta_ALe7xC .collection-hybrid-hero__content { 10273 width: 100%; 10274 } 10275 } 10276 10277 #shopify-section-template--24009561342111__collection_hybrid_meta_ALe7xC .collection-hybrid-hero__title { 10278 color: var(--Evergreen-bottle, #034638); 10279 font-size: 56px; 10280 font-style: normal; 10281 font-weight: 800; 10282 line-height: 110%; 10283 } 10284 10285 @media (min-width: 1024px) { 10286 #shopify-section-template--24009561342111__collection_hybrid_meta_ALe7xC .collection-hybrid-hero__title { 10287 font-size: 80px; 10288 } 10289 } 10290 10291 #shopify-section-template--24009561342111__collection_hybrid_meta_ALe7xC .collection-hybrid-hero__description { 10292 color: var(--Evergreen-bottle, #034638); 10293 font-size: 20px; 10294 font-style: normal; 10295 font-weight: 400; 10296 line-height: 180%; 10297 } 10298 10299 #shopify-section-template--24009561342111__collection_hybrid_meta_ALe7xC .collection-hybrid-hero__description p { 10300 color: inherit; 10301 font-size: inherit; 10302 line-height: inherit; 10303 margin: 0; 10304 } 10305 10306 @media (max-width: 767px) { 10307 #shopify-section-template--24009561342111__collection_hybrid_meta_ALe7xC .collection-hybrid-hero__description { 10308 font-size: 16px; 10309 } 10310 } 10311 10312 #shopify-section-template--24009561342111__collection_hybrid_meta_ALe7xC .collection-hybrid-hero__subtitle-pill { 10313 display: inline-flex; 10314 height: 32px; 10315 padding: 8px 16px; 10316 justify-content: center; 10317 align-items: center; 10318 gap: 4px; 10319 border-radius: 48px; 10320 background: var(--Evergreen-web-jade, #008168); 10321 color: #fff; 10322 font-size: 14px; 10323 font-style: normal; 10324 font-weight: 600; 10325 line-height: 1; 10326 } 10327 10328 #shopify-section-template--24009561342111__collection_hybrid_meta_ALe7xC .collection-hybrid-hero__subtitle-icon { 10329 display: inline-block; 10330 width: 16px; 10331 height: 16px; 10332 flex-shrink: 0; 10333 background-color: #fff; 10334 -webkit-mask-image: var(--hero-subtitle-icon-url); 10335 -webkit-mask-position: center; 10336 -webkit-mask-repeat: no-repeat; 10337 -webkit-mask-size: contain; 10338 mask-image: var(--hero-subtitle-icon-url); 10339 mask-position: center; 10340 mask-repeat: no-repeat; 10341 mask-size: contain; 10342 } 10343 10344 #shopify-section-template--24009561342111__collection_hybrid_meta_ALe7xC .collection-hybrid-meta-empty-hero .collection-hybrid-hero__content { 10345 padding-right: 1.25rem; 10346 padding-bottom: 0; 10347 padding-left: 1.25rem; 10348 display: flex; 10349 align-items: center; 10350 justify-content: center; 10351 margin: 0 auto; 10352 text-align: center; 10353 width: 100%; 10354 max-width: 100%; 10355 } 10356 10357 #shopify-section-template--24009561342111__collection_hybrid_meta_ALe7xC .collection-hybrid-meta-empty-hero .collection-hybri
10357d-hero__content h1 { 10358 text-align: center; 10359 } 10360 10361 @media (max-width: 1023px) { 10362 #shopify-section-template--24009561342111__collection_hybrid_meta_ALe7xC .collection-description-lower { 10363 font-size: 16px; 10364 line-height: 180%; 10365 padding: 40px 30px 0; 10366 display: block; 10367 } 10368 } 10369 10370 @media (min-width: 1024px) { 10371 #shopify-section-template--24009561342111__collection_hybrid_meta_ALe7xC .collection-description-lower { 10372 font-size: 18px; 10373 line-height: 180%; 10374 padding: 60px 40px 0px 40px; 10375 display: block; 10376 } 10377 } 10378</style> 10379 10380<div class="collection-hybrid-meta tw-relative" style="background-color: #FFF6EA;"> 10381 <div 10382 class="collection-hybrid-hero collection-hybrid-meta-empty-hero section-collection-hero tw-relative tw-flex tw-w-full tw-flex-col tw-items-center tw-justify-start tw-overflow-hidden tw-min-h-[var(--min-height-mobile)] md:tw-min-h-[var(--min-height-tablet)] lg:tw-min-h-[var(--min-height-desktop)] md:tw-items-start " 10383 style="background: #FFF6EA;" 10384 ><div class="tw-max-w-[1440px] tw-mx-auto tw-w-full "> 10385 <div 10386 class="collection-hybrid-hero__content tw-relative tw-z-[2] tw-flex tw-flex-col tw-items-center tw-self-start tw-text-center md:tw-items-start md:tw-text-left tw-pb-16 lg:tw-pb-20" 10387 ><h1 class="collection-hybrid-hero__title tw-font-display tw-text-center md:tw-text-left "> 10388 9g fiber 10389 </h1><div class=" "> 10390 <span class="collection-hybrid-hero__subtitle-pill"><span>Keep refrigerated</span><span 10391 class="collection-hybrid-hero__subtitle-icon" 10392 style="--hero-subtitle-icon-url: url('//drinkolipop.com/cdn/shop/files/Icons_3.svg?v=1776439621&width=32');" 10393 aria-hidden="true" 10394 ></span></span> 10395 </div><div class="collection-hybrid-hero__description tw-text-center md:tw-text-left [&_a]:tw-text-hunter-green [&_a]:tw-underline "> 10396 <span class="metafield-multi_line_text_field">Our original refrigerated formula, with higher fiber per can to get more out of every sip.</span> 10397 </div></div> 10398 </div> 10399 10400 </div> 10401 10402 10403 10404 10405 <div class="collection-hybrid-meta__list lg:tw-pb-[120px] tw-pb-[60px]" style="background-color: #FFF6EA;"><div class="tw-mx-auto"> 10406 <div class=""><div class="collection-group--non-multi collection-group collection-group--first tw-py-[60px] lg:tw-py-[7.5rem] tw-px-5 lg:tw-px-25"> 10407 <div class="collection-group-inner tw-mx-auto" style="max-width: 1320px;"> 10408 <div class="collection-group-grid tw-pb-10 lg:tw-pb-[10px]"> 10409 10410 10411 10412 10413 10414 10415 10416 10417 10418 10419 10420 10421 10422 10423 10424 10425 10426 10427 10428 10429 10430 10431 10432 10433 10434 10435 10436 10437 10438 10439 10440<div 10441 class="product-card tw-relative tw-group tw-grid tw-h-full tw-w-full tw-overflow-visible focus:tw-ring-2" 10442 style="grid-template-rows: max-content 1fr" 10443> 10444 10445 10446 <div 10447 class="product-badge product-badge--short-text" 10448 role="status" 10449 aria-label="New" 10450 > 10451 <svg class="product-badge__shape" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 72 72" fill="none" aria-hidden="true"> 10452 <path d="M33.6354 1.15556C34.8423 -0.385184 37.1577 -0.385187 38.3646 1.15556L42.852 6.8839C43.6453 7.89657 44.9853 8.29373 46.195 7.87473L53.0381 5.5046C54.8787 4.86711 56.8265 6.13068 57.0166 8.0855L57.7235 15.3533C57.8485 16.6382 58.763 17.7036 60.0051 18.0113L67.0313 19.7519C68.9212 20.22 69.883 22.346 68.996 24.0942L65.698 30.5941C65.1149 31.7432 65.3137 33.1385 66.1938 34.0752L71.1724 39.3739C72.5115 40.7991 72.1819 43.1125 70.4993 44.0991L64.2435 47.7673C63.1376 48.4158 62.5575 49.6981 62.7962 50.9664L64.1464 58.1409C64.5096 60.0706 62.9933 61.8369 61.0494 61.7487L53.822 61.4206C52.5443 61.3626 51.3694 62.1248 50.8909 63.322L48.1842 70.0944C47.4562 71.916 45.2346 72.5745 43.6465 71.4394L37.7421 67.2192C36.6983 66.4731 35.3017 66.4731 34.2579 67.2192L28.3535 71.4394C26.7655 72.5745 24.5438 71.916 23.8158 70.0944L21.1091 63.322C20.6306 62.1248 19.4557 61.3626 18.178 61.4206L10.9506 61.7487C9.00666 61.8369 7.4904 60.0706 7.85357 58.1409L9.20384 50.9664C9.44255 49.6981 8.86239 48.4158 7.75647 47.7673L1.50067 44.0991C-0.181946 43.1125 -0.511462 40.7991 0.827617 39.3739L5.80619 34.0752C6.68632 33.1385 6.88508 31.7432 6.30204 30.5941L3.004
1045203 24.0942C2.11697 22.346 3.07881 20.22 4.96864 19.7519L11.9949 18.0113C13.237 17.7036 14.1515 16.6382 14.2765 15.3533L14.9834 8.08551C15.1735 6.13069 17.1213 4.86711 18.9619 5.5046L25.805 7.87473C27.0147 8.29373 28.3547 7.89657 29.148 6.8839L33.6354 1.15556Z" fill="#98E1C3"/> 10453 </svg> 10454 <span class="product-badge__text" style="color: #034638;">New</span> 10455 </div> 10456 10457 10458 10459 <!-- Image Container --> 10460 <div class="tw-relative tw-w-full"> 10461 <a 10462 href="/products/caramel-apple" 10463 10464 aria-label="Shop Now- Caramel Apple" 10465 class="tw-block tw-relative tw-mx-auto tw-w-full tw-max-w-[314px] tw-aspect-square tw-overflow-hidden tw-rounded-2xl" 10466 > 10467 10468 10469 <div class="tw-relative tw-z-[1] tw-mx-auto tw-flex tw-h-full tw-w-full tw-items-center tw-justify-center"> 10470 10471<img 10472 src="//drinkolipop.com/cdn/shop/files/caramel-apple-9g-olipop_gallery-image_single-can_new_asset_1x.webp?v=1788145122" 10473 data-srcset="//drinkolipop.com/cdn/shop/files/caramel-apple-9g-olipop_gallery-image_single-can_new_asset_480x.webp?v=1788145122 240w, 10474 //drinkolipop.com/cdn/shop/files/caramel-apple-9g-olipop_gallery-image_single-can_new_asset_720x.webp?v=1788145122 360w, 10475 //drinkolipop.com/cdn/shop/files/caramel-apple-9g-olipop_gallery-image_single-can_new_asset_1080x.webp?v=1788145122 540w, 10476 //drinkolipop.com/cdn/shop/files/caramel-apple-9g-olipop_gallery-image_single-can_new_asset_1440x.webp?v=1788145122 720w, 10477 //drinkolipop.com/cdn/shop/files/caramel-apple-9g-olipop_gallery-image_single-can_new_asset_1350x.webp?v=1788145122 900w, 10478 //drinkolipop.com/cdn/shop/files/caramel-apple-9g-olipop_gallery-image_single-can_new_asset_1512x.webp?v=1788145122 1080w, 10479 //drinkolipop.com/cdn/shop/files/caramel-apple-9g-olipop_gallery-image_single-can_new_asset_1728x.webp?v=1788145122 1296w, 10480 //drinkolipop.com/cdn/shop/files/caramel-apple-9g-olipop_gallery-image_single-can_new_asset_1920x.webp?v=1788145122 1350w, 10481 //drinkolipop.com/cdn/shop/files/caramel-apple-9g-olipop_gallery-image_single-can_new_asset_1980x.webp?v=1788145122 1728w, 10482 //drinkolipop.com/cdn/shop/files/caramel-apple-9g-olipop_gallery-image_single-can_new_asset_2160x.webp?v=1788145122 1920w, 10483 //drinkolipop.com/cdn/shop/files/caramel-apple-9g-olipop_gallery-image_single-can_new_asset_2880x.webp?v=1788145122 2560w, 10484 //drinkolipop.com/cdn/shop/files/caramel-apple-9g-olipop_gallery-image_single-can_new_asset_4096x.webp?v=1788145122 3072w 10485 " 10486 data-src="//drinkolipop.com/cdn/shop/files/caramel-apple-9g-olipop_gallery-image_single-can_new_asset_360x.webp?v=1788145122" 10487 data-optimumx="auto" 10488 data-sizes="auto" 10489 data-parent-fit="contain" 10490 width="100%" 10491 height="100%" 10492 class="lazyload tw-h-full tw-w-full tw-object-contain" 10493 data-aspectratio="0.7556675062972292" 10494 alt="Caramel Apple" 10495 10496> 10497 10498 </div> 10499 10500 10501 <div class="tw-pointer-events-none tw-absolute tw-inset-0 tw-z-[2] tw-hidden lg:tw-block" data-hover-wave-card> 10502 <div class="tw-absolute tw-inset-0 tw-flex tw-items-end tw-overflow-hidden"> 10503 <div class="tw-relative tw-h-full tw-w-full"> 10504 <div class="tw-absolute tw-inset-x-0 tw-bottom-0 tw-h-full tw-overflow-hidden"> 10505 <svg 10506 class="tw-h-full tw-w-full"
10507 viewBox="0 0 314 314" 10508 fill="none" 10509 xmlns="http://www.w3.org/2000/svg" 10510 xmlns:xlink="http://www.w3.org/1999/xlink" 10511 preserveAspectRatio="xMidYMid meet" 10512 > 10513 <defs> 10514 <clipPath id="clip-hover-wave-10910759354527-template--24009561342111__collection_hybrid_meta_ALe7xC" clipPathUnits="userSpaceOnUse"> 10515 <path 10516 data-hover-wave-path 10517 d="M314 314H0.000422459L0.00012756 318.4565C-0.0456402 318.419 62.4 300.8566 157 340.0583C251.6 379.2601 314 314.4565 314 314.4565V314Z" 10518 /> 10519 </clipPath> 10520 </defs> 10521 <image 10522 href="//drinkolipop.com/cdn/shop/files/caramel-apple-9g-olipop_collection-hover_MW.webp?v=1788966694&width=1440" 10523 xlink:href="//drinkolipop.com/cdn/shop/files/caramel-apple-9g-olipop_collection-hover_MW.webp?v=1788966694&width=1440" 10524 x="0" 10525 y="0" 10526 width="314" 10527 height="314" 10528 preserveAspectRatio="xMidYMax slice" 10529 clip-path="url(#clip-hover-wave-10910759354527-template--24009561342111__collection_hybrid_meta_ALe7xC)" 10530 /> 10531 </svg> 10532 </div> 10533 </div> 10534 </div> 10535 </div> 10536 10537 </a> 10538 10539 10540 <div class="tw-pointer-events-none tw-absolute tw-inset-x-0 tw-bottom-4 tw-z-[4] tw-hidden tw-px-4 lg:tw-flex lg:group-hover:tw-flex"> 10541 10542 <form method="post" action="/cart/add" data-product-card-cta data-variant-id="62787700621471" data-quantity="1" class="tw-pointer-events-auto tw-w-full tw-opacity-0 tw-transition-opacity tw-duration-300 group-hover:tw-opacity-100"> 10543 <input type="hidden" name="id" value="62787700621471"> 10544 <input type="hidden" name="quantity" value="1"> 10545 <button 10546 type="submit" 10547 name="add" 10548 data-add-to-cart 10549 data-product-card-cta 10550 aria-label="Add 12 Pack- Caramel Apple" 10551 class="tw-inline-flex tw-w-full tw-items-center tw-justify-center tw-rounded-[50px] tw-border-0 tw-bg-[#034638] hover:tw-bg-[#0A3128] tw-px-5 tw-pt-[3px] tw-pb-[1px] tw-text-center tw-font-body tw-text-[14px] tw-font-bold tw-leading-[180%] tw-text-white tw-shadow-none tw-outline-none hover:tw-text-white focus:tw-text-white active:tw-text-white focus:tw-outline-none focus:tw-ring-0 active:tw-ring-0 active:tw-shadow-none" 10552 > 10553 Add 12 Pack 10554 </button> 10555 </form> 10556 10557 </div> 10558 </div> 10559 <!-- ./End Image Container --> 10560 10561 <!-- Text Container --> 10562 <div class="tw-row-span-1 tw-row-start-2 tw-flex tw-w-full tw-flex-col tw-items-center tw-px-3 tw-pb-6 tw-pt-4 tw-text-center md:tw-px-5"> 10563 10564 <div class="tw-flex tw-min-h-[16px] tw-items-center tw-justify-center"> 10565 <div 10566 data-bv-show="inline_rating" 10567 data-bv-product-id="10910759354527" 10568 class="bazaarvoice-product-summary bazaarvoice-product-summary--big product-card__inline-rating" 10569 ></div> 10570 </div> 10571 10572 10573 <p class="tw-min-h-[25px] tw-font-body tw-text-[14px] tw-font-normal tw-leading-[180%] tw-text-[#0A3128] tw-mt-[3px]"> 10574 10575 9g Fiber 10576 10577 </p> 10578 10579 <p class="tw-text-[16px] tw-leading-[140%]" role="heading" aria-level="3"> 10580 <a href="/products/caramel-apple" aria-label="Shop Now- Caramel Apple" class="tw-relative tw-z-[4] tw-inline-block tw-font-body tw-text-[16
10580px] tw-font-bold tw-leading-[140%] tw-text-[#034638]"> 10581 Caramel Apple 10582 </a> 10583 </p> 10584 10585 10586 <form method="post" action="/cart/add" data-product-card-cta data-variant-id="62787700621471" data-quantity="1" class="tw-relative tw-z-[4] tw-mt-2 tw-w-full tw-max-w-[120px] md:tw-max-w-[70%] lg:tw-hidden"> 10587 <input type="hidden" name="id" value="62787700621471"> 10588 <input type="hidden" name="quantity" value="1"> 10589 <button 10590 type="submit" 10591 name="add" 10592 data-add-to-cart 10593 data-product-card-cta 10594 aria-label="Add 12 Pack- Caramel Apple" 10595 class="tw-inline-flex tw-w-full tw-items-center tw-justify-center tw-rounded-[50px] tw-border-0 tw-bg-[#034638] hover:tw-bg-[#0A3128] tw-px-5 tw-pt-[3px] tw-pb-[1px] tw-text-center tw-font-body tw-text-[14px] tw-font-bold tw-leading-[180%] tw-text-white tw-shadow-none tw-outline-none hover:tw-text-white focus:tw-text-white active:tw-text-white focus:tw-outline-none focus:tw-ring-0 active:tw-ring-0 active:tw-shadow-none" 10596 > 10597 Add 12 Pack 10598 </button> 10599 </form> 10600 10601 </div> 10602 <!-- ./End Text Container --> 10603</div> 10604 10605 10606 10607 10608 10609 10610 10611 10612 10613 10614 10615 10616 10617 10618 10619 10620 10621 10622 10623 10624 10625 10626 10627 10628 10629 10630 10631 10632 10633 10634 10635 10636 10637<div 10638 class="product-card tw-relative tw-group tw-grid tw-h-full tw-w-full tw-overflow-visible focus:tw-ring-2" 10639 style="grid-template-rows: max-content 1fr" 10640> 10641 10642 10643 10644 10645 <!-- Image Container --> 10646 <div class="tw-relative tw-w-full"> 10647 <a 10648 href="/products/blackberry-vanilla" 10649 10650 aria-label="Shop Now- Blackberry Vanilla" 10651 class="tw-block tw-relative tw-mx-auto tw-w-full tw-max-w-[314px] tw-aspect-square tw-overflow-hidden tw-rounded-2xl" 10652 > 10653 10654 10655 <div class="tw-relative tw-z-[1] tw-mx-auto tw-flex tw-h-full tw-w-full tw-items-center tw-justify-center"> 10656 10657<img 10658 src="//drinkolipop.com/cdn/shop/files/blackberry-vanilla-9g-olipop_gallery-image_single-can_new_asset_1x.webp?v=1779162450" 10659 data-srcset="//drinkolipop.com/cdn/shop/files/blackberry-vanilla-9g-olipop_gallery-image_single-can_new_asset_480x.webp?v=1779162450 240w, 10660 //drinkolipop.com/cdn/shop/files/blackberry-vanilla-9g-olipop_gallery-image_single-can_new_asset_720x.webp?v=1779162450 360w, 10661 //drinkolipop.com/cdn/shop/files/blackberry-vanilla-9g-olipop_gallery-image_single-can_new_asset_1080x.webp?v=1779162450 540w, 10662 //drinkolipop.com/cdn/shop/files/blackberry-vanilla-9g-olipop_gallery-image_single-can_new_asset_1440x.webp?v=1779162450 720w, 10663 //drinkolipop.com/cdn/shop/files/blackberry-vanilla-9g-olipop_gallery-image_single-can_new_asset_1350x.webp?v=1779162450 900w, 10664 //drinkolipop.com/cdn/shop/files/blackberry-vanilla-9g-olipop_gallery-image_single-can_new_asset_1512x.webp?v=1779162450 1080w, 10665 //drinkolipop.com/cdn/shop/files/blackberry-vanilla-9g-olipop_gallery-image_single-can_new_asset_1728x.webp?v=1779162450 1296w, 10666 //drinkolipop.com/cdn/shop/files/blackberry-vanilla-9g-olipop_gallery-image_single-can_new_asset_1920x.webp?v=1779162450 1350w, 10667 //drinkolipop.com/cdn/shop/files/blackberry-vanilla-9g-olipop_gallery-image_single-can_new_asset_1980x.webp?v=1779162450 1728w, 10668 //drinkolipop.com/cdn/shop/files/blackberry-vanilla-9g-olipop_gallery-image_single-can_new_asset_2160x.webp?v=1779162450 1920w, 10669 //drinkolipop.com/cdn/shop/files/blackberry-vanilla-9g-olipop_gallery-image_single-can_new_asset_2880x.webp?v=1779162450 2560w, 10670 //drinkolipop.com/cdn/shop/files/blackberry-vanilla-9g-olipop_gallery-image_single-can_new_asset_4096x.webp?v=1779162450 3072w 10671 " 10672 data-src="//drinkolipop.com/cdn/shop/files/blackberry-vanilla-9g-olipop_gallery-image_single-can_new_asset_360x.webp?v=1779162450" 10673 data-optimumx="auto" 10674 data-sizes="auto" 10675 data-parent-fit="contain" 10676 width="100%" 10677 height="100%" 10678 class="lazyload tw-h-full tw-w-full tw-object-contain" 10679 data-aspectratio="0.7605263157894737" 10680 alt="Blackberry Vanilla" 10681 10682> 10683 10684 </div> 10685 10686 10687 <div class="tw-pointer-events-none tw-absolute tw-inset-0 tw-z-[2] tw-hidden lg:tw-block" data-hover-wave-card> 10688 <div class="tw-absolute tw-inset-0 tw-flex tw-items-end tw-overflow-hidden"> 10689 <div class="tw-relative tw-h-full tw-w-full"> 10690 <div class="tw-absolute tw-inset-x-0 tw-bottom-0 tw-h-full tw-overflow-hidden"> 10691 <svg 10692 class="tw-h-full tw-w-full"
10693 viewBox="0 0 314 314" 10694 fill="none" 10695 xmlns="http://www.w3.org/2000/svg" 10696 xmlns:xlink="http://www.w3.org/1999/xlink" 10697 preserveAspectRatio="xMidYMid meet" 10698 > 10699 <defs> 10700 <clipPath id="clip-hover-wave-5871016640671-template--24009561342111__collection_hybrid_meta_ALe7xC" clipPathUnits="userSpaceOnUse"> 10701 <path 10702 data-hover-wave-path 10703 d="M314 314H0.000422459L0.00012756 318.4565C-0.0456402 318.419 62.4 300.8566 157 340.0583C251.6 379.2601 314 314.4565 314 314.4565V314Z" 10704 /> 10705 </clipPath> 10706 </defs> 10707 <image 10708 href="//drinkolipop.com/cdn/shop/files/BV-PDP-Horizontal-Desktop_new_asset.webp?v=1779162608&width=1440" 10709 xlink:href="//drinkolipop.com/cdn/shop/files/BV-PDP-Horizontal-Desktop_new_asset.webp?v=1779162608&width=1440" 10710 x="0" 10711 y="0" 10712 width="314" 10713 height="314" 10714 preserveAspectRatio="xMidYMax slice" 10715 clip-path="url(#clip-hover-wave-5871016640671-template--24009561342111__collection_hybrid_meta_ALe7xC)" 10716 /> 10717 </svg> 10718 </div> 10719 </div> 10720 </div> 10721 </div> 10722 10723 </a> 10724 10725 10726 <div class="tw-pointer-events-none tw-absolute tw-inset-x-0 tw-bottom-4 tw-z-[4] tw-hidden tw-px-4 lg:tw-flex lg:group-hover:tw-flex"> 10727 10728 <form method="post" action="/cart/add" data-product-card-cta data-variant-id="37114287784095" data-quantity="1" class="tw-pointer-events-auto tw-w-full tw-opacity-0 tw-transition-opacity tw-duration-300 group-hover:tw-opacity-100"> 10729 <input type="hidden" name="id" value="37114287784095"> 10730 <input type="hidden" name="quantity" value="1"> 10731 <button 10732 type="submit" 10733 name="add" 10734 data-add-to-cart 10735 data-product-card-cta 10736 aria-label="Add 12 Pack- Blackberry Vanilla" 10737 class="tw-inline-flex tw-w-full tw-items-center tw-justify-center tw-rounded-[50px] tw-border-0 tw-bg-[#034638] hover:tw-bg-[#0A3128] tw-px-5 tw-pt-[3px] tw-pb-[1px] tw-text-center tw-font-body tw-text-[14px] tw-font-bold tw-leading-[180%] tw-text-white tw-shadow-none tw-outline-none hover:tw-text-white focus:tw-text-white active:tw-text-white focus:tw-outline-none focus:tw-ring-0 active:tw-ring-0 active:tw-shadow-none" 10738 > 10739 Add 12 Pack 10740 </button> 10741 </form> 10742 10743 </div> 10744 </div> 10745 <!-- ./End Image Container --> 10746 10747 <!-- Text Container --> 10748 <div class="tw-row-span-1 tw-row-start-2 tw-flex tw-w-full tw-flex-col tw-items-center tw-px-3 tw-pb-6 tw-pt-4 tw-text-center md:tw-px-5"> 10749 10750 <div class="tw-flex tw-min-h-[16px] tw-items-center tw-justify-center"> 10751 <div 10752 data-bv-show="inline_rating" 10753 data-bv-product-id="5871016640671" 10754 class="bazaarvoice-product-summary bazaarvoice-product-summary--big product-card__inline-rating" 10755 ></div> 10756 </div> 10757 10758 10759 <p class="tw-min-h-[25px] tw-font-body tw-text-[14px] tw-font-normal tw-leading-[180%] tw-text-[#0A3128] tw-mt-[3px]"> 10760 10761 9g Fiber 10762 10763 </p> 10764 10765 <p class="tw-text-[16px] tw-leading-[140%]" role="heading" aria-level="3"> 10766 <a href="/products/blackberry-vanilla" aria-label="Shop Now- Blackberry Vanilla" class="tw-relative tw-z-[4] tw-inline-block tw-font-body tw-text-[16
10766px] tw-font-bold tw-leading-[140%] tw-text-[#034638]"> 10767 Blackberry Vanilla 10768 </a> 10769 </p> 10770 10771 10772 <form method="post" action="/cart/add" data-product-card-cta data-variant-id="37114287784095" data-quantity="1" class="tw-relative tw-z-[4] tw-mt-2 tw-w-full tw-max-w-[120px] md:tw-max-w-[70%] lg:tw-hidden"> 10773 <input type="hidden" name="id" value="37114287784095"> 10774 <input type="hidden" name="quantity" value="1"> 10775 <button 10776 type="submit" 10777 name="add" 10778 data-add-to-cart 10779 data-product-card-cta 10780 aria-label="Add 12 Pack- Blackberry Vanilla" 10781 class="tw-inline-flex tw-w-full tw-items-center tw-justify-center tw-rounded-[50px] tw-border-0 tw-bg-[#034638] hover:tw-bg-[#0A3128] tw-px-5 tw-pt-[3px] tw-pb-[1px] tw-text-center tw-font-body tw-text-[14px] tw-font-bold tw-leading-[180%] tw-text-white tw-shadow-none tw-outline-none hover:tw-text-white focus:tw-text-white active:tw-text-white focus:tw-outline-none focus:tw-ring-0 active:tw-ring-0 active:tw-shadow-none" 10782 > 10783 Add 12 Pack 10784 </button> 10785 </form> 10786 10787 </div> 10788 <!-- ./End Text Container --> 10789</div> 10790 10791 10792 10793 10794 10795 10796 10797 10798 10799 10800 10801 10802 10803 10804 10805 10806 10807 10808 10809 10810 10811 10812 10813 10814 10815 10816 10817 10818 10819 10820 10821 10822 10823<div 10824 class="product-card tw-relative tw-group tw-grid tw-h-full tw-w-full tw-overflow-visible focus:tw-ring-2" 10825 style="grid-template-rows: max-content 1fr" 10826> 10827 10828 10829 10830 10831 <!-- Image Container --> 10832 <div class="tw-relative tw-w-full"> 10833 <a 10834 href="/products/crisp-apple" 10835 10836 aria-label="Shop Now- Crisp Apple" 10837 class="tw-block tw-relative tw-mx-auto tw-w-full tw-max-w-[314px] tw-aspect-square tw-overflow-hidden tw-rounded-2xl" 10838 > 10839 10840 10841 <div class="tw-relative tw-z-[1] tw-mx-auto tw-flex tw-h-full tw-w-full tw-items-center tw-justify-center"> 10842 10843<img 10844 src="//drinkolipop.com/cdn/shop/files/crisp-apple-9g-olipop_gallery-image_single-can_new_asset_1x.webp?v=1779163593" 10845 data-srcset="//drinkolipop.com/cdn/shop/files/crisp-apple-9g-olipop_gallery-image_single-can_new_asset_480x.webp?v=1779163593 240w, 10846 //drinkolipop.com/cdn/shop/files/crisp-apple-9g-olipop_gallery-image_single-can_new_asset_720x.webp?v=1779163593 360w, 10847 //drinkolipop.com/cdn/shop/files/crisp-apple-9g-olipop_gallery-image_single-can_new_asset_1080x.webp?v=1779163593 540w, 10848 //drinkolipop.com/cdn/shop/files/crisp-apple-9g-olipop_gallery-image_single-can_new_asset_1440x.webp?v=1779163593 720w, 10849 //drinkolipop.com/cdn/shop/files/crisp-apple-9g-olipop_gallery-image_single-can_new_asset_1350x.webp?v=1779163593 900w, 10850 //drinkolipop.com/cdn/shop/files/crisp-apple-9g-olipop_gallery-image_single-can_new_asset_1512x.webp?v=1779163593 1080w, 10851 //drinkolipop.com/cdn/shop/files/crisp-apple-9g-olipop_gallery-image_single-can_new_asset_1728x.webp?v=1779163593 1296w, 10852 //drinkolipop.com/cdn/shop/files/crisp-apple-9g-olipop_gallery-image_single-can_new_asset_1920x.webp?v=1779163593 1350w, 10853 //drinkolipop.com/cdn/shop/files/crisp-apple-9g-olipop_gallery-image_single-can_new_asset_1980x.webp?v=1779163593 1728w, 10854 //drinkolipop.com/cdn/shop/files/crisp-apple-9g-olipop_gallery-image_single-can_new_asset_2160x.webp?v=1779163593 1920w, 10855 //drinkolipop.com/cdn/shop/files/crisp-apple-9g-olipop_gallery-image_single-can_new_asset_2880x.webp?v=1779163593 2560w, 10856 //drinkolipop.com/cdn/shop/files/crisp-apple-9g-olipop_gallery-image_single-can_new_asset_4096x.webp?v=1779163593 3072w 10857 " 10858 data-src="//drinkolipop.com/cdn/shop/files/crisp-apple-9g-olipop_gallery-image_single-can_new_asset_360x.webp?v=1779163593" 10859 data-optimumx="auto" 10860 data-sizes="auto" 10861 data-parent-fit="contain" 10862 width="100%" 10863 height="100%" 10864 class="lazyload tw-h-full tw-w-full tw-object-contain" 10865 data-aspectratio="0.7605263157894737" 10866 alt="Crisp Apple" 10867 10868> 10869 10870 </div> 10871 10872 10873 <div class="tw-pointer-events-none tw-absolute tw-inset-0 tw-z-[2] tw-hidden lg:tw-block" data-hover-wave-card> 10874 <div class="tw-absolute tw-inset-0 tw-flex tw-items-end tw-overflow-hidden"> 10875 <div class="tw-relative tw-h-full tw-w-full"> 10876 <div class="tw-absolute tw-inset-x-0 tw-bottom-0 tw-h-full tw-overflow-hidden"> 10877 <svg 10878 class="tw-h-full tw-w-full"
10879 viewBox="0 0 314 314" 10880 fill="none" 10881 xmlns="http://www.w3.org/2000/svg" 10882 xmlns:xlink="http://www.w3.org/1999/xlink" 10883 preserveAspectRatio="xMidYMid meet" 10884 > 10885 <defs> 10886 <clipPath id="clip-hover-wave-7478573498527-template--24009561342111__collection_hybrid_meta_ALe7xC" clipPathUnits="userSpaceOnUse"> 10887 <path 10888 data-hover-wave-path 10889 d="M314 314H0.000422459L0.00012756 318.4565C-0.0456402 318.419 62.4 300.8566 157 340.0583C251.6 379.2601 314 314.4565 314 314.4565V314Z" 10890 /> 10891 </clipPath> 10892 </defs> 10893 <image 10894 href="//drinkolipop.com/cdn/shop/files/PDP-Horizontal_new_asset.png?v=1779076160&width=1440" 10895 xlink:href="//drinkolipop.com/cdn/shop/files/PDP-Horizontal_new_asset.png?v=1779076160&width=1440" 10896 x="0" 10897 y="0" 10898 width="314" 10899 height="314" 10900 preserveAspectRatio="xMidYMax slice" 10901 clip-path="url(#clip-hover-wave-7478573498527-template--24009561342111__collection_hybrid_meta_ALe7xC)" 10902 /> 10903 </svg> 10904 </div> 10905 </div> 10906 </div> 10907 </div> 10908 10909 </a> 10910 10911 10912 <div class="tw-pointer-events-none tw-absolute tw-inset-x-0 tw-bottom-4 tw-z-[4] tw-hidden tw-px-4 lg:tw-flex lg:group-hover:tw-flex"> 10913 10914 <form method="post" action="/cart/add" data-product-card-cta data-variant-id="42468536975519" data-quantity="1" class="tw-pointer-events-auto tw-w-full tw-opacity-0 tw-transition-opacity tw-duration-300 group-hover:tw-opacity-100"> 10915 <input type="hidden" name="id" value="42468536975519"> 10916 <input type="hidden" name="quantity" value="1"> 10917 <button 10918 type="submit" 10919 name="add" 10920 data-add-to-cart 10921 data-product-card-cta 10922 aria-label="Add 12 Pack- Crisp Apple" 10923 class="tw-inline-flex tw-w-full tw-items-center tw-justify-center tw-rounded-[50px] tw-border-0 tw-bg-[#034638] hover:tw-bg-[#0A3128] tw-px-5 tw-pt-[3px] tw-pb-[1px] tw-text-center tw-font-body tw-text-[14px] tw-font-bold tw-leading-[180%] tw-text-white tw-shadow-none tw-outline-none hover:tw-text-white focus:tw-text-white active:tw-text-white focus:tw-outline-none focus:tw-ring-0 active:tw-ring-0 active:tw-shadow-none" 10924 > 10925 Add 12 Pack 10926 </button> 10927 </form> 10928 10929 </div> 10930 </div> 10931 <!-- ./End Image Container --> 10932 10933 <!-- Text Container --> 10934 <div class="tw-row-span-1 tw-row-start-2 tw-flex tw-w-full tw-flex-col tw-items-center tw-px-3 tw-pb-6 tw-pt-4 tw-text-center md:tw-px-5"> 10935 10936 <div class="tw-flex tw-min-h-[16px] tw-items-center tw-justify-center"> 10937 <div 10938 data-bv-show="inline_rating" 10939 data-bv-product-id="7478573498527" 10940 class="bazaarvoice-product-summary bazaarvoice-product-summary--big product-card__inline-rating" 10941 ></div> 10942 </div> 10943 10944 10945 <p class="tw-min-h-[25px] tw-font-body tw-text-[14px] tw-font-normal tw-leading-[180%] tw-text-[#0A3128] tw-mt-[3px]"> 10946 10947 9g Fiber 10948 10949 </p> 10950 10951 <p class="tw-text-[16px] tw-leading-[140%]" role="heading" aria-level="3"> 10952 <a href="/products/crisp-apple" aria-label="Shop Now- Crisp Apple" class="tw-relative tw-z-[4] tw-inline-block tw-font-body tw-text-[16
10952px] tw-font-bold tw-leading-[140%] tw-text-[#034638]"> 10953 Crisp Apple 10954 </a> 10955 </p> 10956 10957 10958 <form method="post" action="/cart/add" data-product-card-cta data-variant-id="42468536975519" data-quantity="1" class="tw-relative tw-z-[4] tw-mt-2 tw-w-full tw-max-w-[120px] md:tw-max-w-[70%] lg:tw-hidden"> 10959 <input type="hidden" name="id" value="42468536975519"> 10960 <input type="hidden" name="quantity" value="1"> 10961 <button 10962 type="submit" 10963 name="add" 10964 data-add-to-cart 10965 data-product-card-cta 10966 aria-label="Add 12 Pack- Crisp Apple" 10967 class="tw-inline-flex tw-w-full tw-items-center tw-justify-center tw-rounded-[50px] tw-border-0 tw-bg-[#034638] hover:tw-bg-[#0A3128] tw-px-5 tw-pt-[3px] tw-pb-[1px] tw-text-center tw-font-body tw-text-[14px] tw-font-bold tw-leading-[180%] tw-text-white tw-shadow-none tw-outline-none hover:tw-text-white focus:tw-text-white active:tw-text-white focus:tw-outline-none focus:tw-ring-0 active:tw-ring-0 active:tw-shadow-none" 10968 > 10969 Add 12 Pack 10970 </button> 10971 </form> 10972 10973 </div> 10974 <!-- ./End Text Container --> 10975</div> 10976 10977 10978 10979 10980 10981 10982 10983 10984 10985 10986 10987 10988 10989 10990 10991 10992 10993 10994 10995 10996 10997 10998 10999 11000 11001 11002 11003 11004 11005 11006 11007 11008 11009<div 11010 class="product-card tw-relative tw-group tw-grid tw-h-full tw-w-full tw-overflow-visible focus:tw-ring-2" 11011 style="grid-template-rows: max-content 1fr" 11012> 11013 11014 11015 11016 11017 <!-- Image Container --> 11018 <div class="tw-relative tw-w-full"> 11019 <a 11020 href="/products/classic-grape" 11021 11022 aria-label="Shop Now- Classic Grape" 11023 class="tw-block tw-relative tw-mx-auto tw-w-full tw-max-w-[314px] tw-aspect-square tw-overflow-hidden tw-rounded-2xl" 11024 > 11025 11026 11027 <div class="tw-relative tw-z-[1] tw-mx-auto tw-flex tw-h-full tw-w-full tw-items-center tw-justify-center"> 11028 11029<img 11030 src="//drinkolipop.com/cdn/shop/files/classic-grape-9g-olipop_gallery-image_single-can_new_asset_1x.webp?v=1779163040" 11031 data-srcset="//drinkolipop.com/cdn/shop/files/classic-grape-9g-olipop_gallery-image_single-can_new_asset_480x.webp?v=1779163040 240w, 11032 //drinkolipop.com/cdn/shop/files/classic-grape-9g-olipop_gallery-image_single-can_new_asset_720x.webp?v=1779163040 360w, 11033 //drinkolipop.com/cdn/shop/files/classic-grape-9g-olipop_gallery-image_single-can_new_asset_1080x.webp?v=1779163040 540w, 11034 //drinkolipop.com/cdn/shop/files/classic-grape-9g-olipop_gallery-image_single-can_new_asset_1440x.webp?v=1779163040 720w, 11035 //drinkolipop.com/cdn/shop/files/classic-grape-9g-olipop_gallery-image_single-can_new_asset_1350x.webp?v=1779163040 900w, 11036 //drinkolipop.com/cdn/shop/files/classic-grape-9g-olipop_gallery-image_single-can_new_asset_1512x.webp?v=1779163040 1080w, 11037 //drinkolipop.com/cdn/shop/files/classic-grape-9g-olipop_gallery-image_single-can_new_asset_1728x.webp?v=1779163040 1296w, 11038 //drinkolipop.com/cdn/shop/files/classic-grape-9g-olipop_gallery-image_single-can_new_asset_1920x.webp?v=1779163040 1350w, 11039 //drinkolipop.com/cdn/shop/files/classic-grape-9g-olipop_gallery-image_single-can_new_asset_1980x.webp?v=1779163040 1728w, 11040 //drinkolipop.com/cdn/shop/files/classic-grape-9g-olipop_gallery-image_single-can_new_asset_2160x.webp?v=1779163040 1920w, 11041 //drinkolipop.com/cdn/shop/files/classic-grape-9g-olipop_gallery-image_single-can_new_asset_2880x.webp?v=1779163040 2560w, 11042 //drinkolipop.com/cdn/shop/files/classic-grape-9g-olipop_gallery-image_single-can_new_asset_4096x.webp?v=1779163040 3072w 11043 " 11044 data-src="//drinkolipop.com/cdn/shop/files/classic-grape-9g-olipop_gallery-image_single-can_new_asset_360x.webp?v=1779163040" 11045 data-optimumx="auto" 11046 data-sizes="auto" 11047 data-parent-fit="contain" 11048 width="100%" 11049 height="100%" 11050 class="lazyload tw-h-full tw-w-full tw-object-contain" 11051 data-aspectratio="0.7605263157894737" 11052 alt="Classic Grape" 11053 11054> 11055 11056 </div> 11057 11058 11059 <div class="tw-pointer-events-none tw-absolute tw-inset-0 tw-z-[2] tw-hidden lg:tw-block" data-hover-wave-card> 11060 <div class="tw-absolute tw-inset-0 tw-flex tw-items-end tw-overflow-hidden"> 11061 <div class="tw-relative tw-h-full tw-w-full"> 11062 <div class="tw-absolute tw-inset-x-0 tw-bottom-0 tw-h-full tw-overflow-hidden"> 11063 <svg 11064 class="tw-h-full tw-w-full"
11065 viewBox="0 0 314 314" 11066 fill="none" 11067 xmlns="http://www.w3.org/2000/svg" 11068 xmlns:xlink="http://www.w3.org/1999/xlink" 11069 preserveAspectRatio="xMidYMid meet" 11070 > 11071 <defs> 11072 <clipPath id="clip-hover-wave-6866436948127-template--24009561342111__collection_hybrid_meta_ALe7xC" clipPathUnits="userSpaceOnUse"> 11073 <path 11074 data-hover-wave-path 11075 d="M314 314H0.000422459L0.00012756 318.4565C-0.0456402 318.419 62.4 300.8566 157 340.0583C251.6 379.2601 314 314.4565 314 314.4565V314Z" 11076 /> 11077 </clipPath> 11078 </defs> 11079 <image 11080 href="//drinkolipop.com/cdn/shop/files/CG-TOP_new_asset.png?v=1779114686&width=1440" 11081 xlink:href="//drinkolipop.com/cdn/shop/files/CG-TOP_new_asset.png?v=1779114686&width=1440" 11082 x="0" 11083 y="0" 11084 width="314" 11085 height="314" 11086 preserveAspectRatio="xMidYMax slice" 11087 clip-path="url(#clip-hover-wave-6866436948127-template--24009561342111__collection_hybrid_meta_ALe7xC)" 11088 /> 11089 </svg> 11090 </div> 11091 </div> 11092 </div> 11093 </div> 11094 11095 </a> 11096 11097 11098 <div class="tw-pointer-events-none tw-absolute tw-inset-x-0 tw-bottom-4 tw-z-[4] tw-hidden tw-px-4 lg:tw-flex lg:group-hover:tw-flex"> 11099 11100 <form method="post" action="/cart/add" data-product-card-cta data-variant-id="40304921542815" data-quantity="1" class="tw-pointer-events-auto tw-w-full tw-opacity-0 tw-transition-opacity tw-duration-300 group-hover:tw-opacity-100"> 11101 <input type="hidden" name="id" value="40304921542815"> 11102 <input type="hidden" name="quantity" value="1"> 11103 <button 11104 type="submit" 11105 name="add" 11106 data-add-to-cart 11107 data-product-card-cta 11108 aria-label="Add 12 Pack- Classic Grape" 11109 class="tw-inline-flex tw-w-full tw-items-center tw-justify-center tw-rounded-[50px] tw-border-0 tw-bg-[#034638] hover:tw-bg-[#0A3128] tw-px-5 tw-pt-[3px] tw-pb-[1px] tw-text-center tw-font-body tw-text-[14px] tw-font-bold tw-leading-[180%] tw-text-white tw-shadow-none tw-outline-none hover:tw-text-white focus:tw-text-white active:tw-text-white focus:tw-outline-none focus:tw-ring-0 active:tw-ring-0 active:tw-shadow-none" 11110 > 11111 Add 12 Pack 11112 </button> 11113 </form> 11114 11115 </div> 11116 </div> 11117 <!-- ./End Image Container --> 11118 11119 <!-- Text Container --> 11120 <div class="tw-row-span-1 tw-row-start-2 tw-flex tw-w-full tw-flex-col tw-items-center tw-px-3 tw-pb-6 tw-pt-4 tw-text-center md:tw-px-5"> 11121 11122 <div class="tw-flex tw-min-h-[16px] tw-items-center tw-justify-center"> 11123 <div 11124 data-bv-show="inline_rating" 11125 data-bv-product-id="6866436948127" 11126 class="bazaarvoice-product-summary bazaarvoice-product-summary--big product-card__inline-rating" 11127 ></div> 11128 </div> 11129 11130 11131 <p class="tw-min-h-[25px] tw-font-body tw-text-[14px] tw-font-normal tw-leading-[180%] tw-text-[#0A3128] tw-mt-[3px]"> 11132 11133 9g Fiber 11134 11135 </p> 11136 11137 <p class="tw-text-[16px] tw-leading-[140%]" role="heading" aria-level="3"> 11138 <a href="/products/classic-grape" aria-label="Shop Now- Classic Grape" class="tw-relative tw-z-[4] tw-inline-block tw-font-body tw-text-[16
11138px] tw-font-bold tw-leading-[140%] tw-text-[#034638]"> 11139 Classic Grape 11140 </a> 11141 </p> 11142 11143 11144 <form method="post" action="/cart/add" data-product-card-cta data-variant-id="40304921542815" data-quantity="1" class="tw-relative tw-z-[4] tw-mt-2 tw-w-full tw-max-w-[120px] md:tw-max-w-[70%] lg:tw-hidden"> 11145 <input type="hidden" name="id" value="40304921542815"> 11146 <input type="hidden" name="quantity" value="1"> 11147 <button 11148 type="submit" 11149 name="add" 11150 data-add-to-cart 11151 data-product-card-cta 11152 aria-label="Add 12 Pack- Classic Grape" 11153 class="tw-inline-flex tw-w-full tw-items-center tw-justify-center tw-rounded-[50px] tw-border-0 tw-bg-[#034638] hover:tw-bg-[#0A3128] tw-px-5 tw-pt-[3px] tw-pb-[1px] tw-text-center tw-font-body tw-text-[14px] tw-font-bold tw-leading-[180%] tw-text-white tw-shadow-none tw-outline-none hover:tw-text-white focus:tw-text-white active:tw-text-white focus:tw-outline-none focus:tw-ring-0 active:tw-ring-0 active:tw-shadow-none" 11154 > 11155 Add 12 Pack 11156 </button> 11157 </form> 11158 11159 </div> 11160 <!-- ./End Text Container --> 11161</div> 11162 11163 11164 11165 11166 11167 11168 11169 11170 11171 11172 11173 11174 11175 11176 11177 11178 11179 11180 11181 11182 11183 11184 11185 11186 11187 11188 11189 11190 11191 11192 11193 11194 11195<div 11196 class="product-card tw-relative tw-group tw-grid tw-h-full tw-w-full tw-overflow-visible focus:tw-ring-2" 11197 style="grid-template-rows: max-content 1fr" 11198> 11199 11200 11201 11202 11203 <!-- Image Container --> 11204 <div class="tw-relative tw-w-full"> 11205 <a 11206 href="/products/classic-root-beer" 11207 11208 aria-label="Shop Now- Classic Root Beer" 11209 class="tw-block tw-relative tw-mx-auto tw-w-full tw-max-w-[314px] tw-aspect-square tw-overflow-hidden tw-rounded-2xl" 11210 > 11211 11212 11213 <div class="tw-relative tw-z-[1] tw-mx-auto tw-flex tw-h-full tw-w-full tw-items-center tw-justify-center"> 11214 11215<img 11216 src="//drinkolipop.com/cdn/shop/files/classic-root-beer-9g-olipop_gallery-image_single-can_new_asset_1x.webp?v=1779161742" 11217 data-srcset="//drinkolipop.com/cdn/shop/files/classic-root-beer-9g-olipop_gallery-image_single-can_new_asset_480x.webp?v=1779161742 240w, 11218 //drinkolipop.com/cdn/shop/files/classic-root-beer-9g-olipop_gallery-image_single-can_new_asset_720x.webp?v=1779161742 360w, 11219 //drinkolipop.com/cdn/shop/files/classic-root-beer-9g-olipop_gallery-image_single-can_new_asset_1080x.webp?v=1779161742 540w, 11220 //drinkolipop.com/cdn/shop/files/classic-root-beer-9g-olipop_gallery-image_single-can_new_asset_1440x.webp?v=1779161742 720w, 11221 //drinkolipop.com/cdn/shop/files/classic-root-beer-9g-olipop_gallery-image_single-can_new_asset_1350x.webp?v=1779161742 900w, 11222 //drinkolipop.com/cdn/shop/files/classic-root-beer-9g-olipop_gallery-image_single-can_new_asset_1512x.webp?v=1779161742 1080w, 11223 //drinkolipop.com/cdn/shop/files/classic-root-beer-9g-olipop_gallery-image_single-can_new_asset_1728x.webp?v=1779161742 1296w, 11224 //drinkolipop.com/cdn/shop/files/classic-root-beer-9g-olipop_gallery-image_single-can_new_asset_1920x.webp?v=1779161742 1350w, 11225 //drinkolipop.com/cdn/shop/files/classic-root-beer-9g-olipop_gallery-image_single-can_new_asset_1980x.webp?v=1779161742 1728w, 11226 //drinkolipop.com/cdn/shop/files/classic-root-beer-9g-olipop_gallery-image_single-can_new_asset_2160x.webp?v=1779161742 1920w, 11227 //drinkolipop.com/cdn/shop/files/classic-root-beer-9g-olipop_gallery-image_single-can_new_asset_2880x.webp?v=1779161742 2560w, 11228 //drinkolipop.com/cdn/shop/files/classic-root-beer-9g-olipop_gallery-image_single-can_new_asset_4096x.webp?v=1779161742 3072w 11229 " 11230 data-src="//drinkolipop.com/cdn/shop/files/classic-root-beer-9g-olipop_gallery-image_single-can_new_asset_360x.webp?v=1779161742" 11231 data-optimumx="auto" 11232 data-sizes="auto" 11233 data-parent-fit="contain" 11234 width="100%" 11235 height="100%" 11236 class="lazyload tw-h-full tw-w-full tw-object-contain" 11237 data-aspectratio="0.7605263157894737" 11238 alt="Classic Root Beer" 11239 11240> 11241 11242 </div> 11243 11244 11245 <div class="tw-pointer-events-none tw-absolute tw-inset-0 tw-z-[2] tw-hidden lg:tw-block" data-hover-wave-card> 11246 <div class="tw-absolute tw-inset-0 tw-flex tw-items-end tw-overflow-hidden"> 11247 <div class="tw-relative tw-h-full tw-w-full"> 11248 <div class="tw-absolute tw-inset-x-0 tw-bottom-0 tw-h-full tw-overflow-hidden"> 11249 <svg 11250 class="tw-h-full tw-w-full"
11251 viewBox="0 0 314 314" 11252 fill="none" 11253 xmlns="http://www.w3.org/2000/svg" 11254 xmlns:xlink="http://www.w3.org/1999/xlink" 11255 preserveAspectRatio="xMidYMid meet" 11256 > 11257 <defs> 11258 <clipPath id="clip-hover-wave-4350717460544-template--24009561342111__collection_hybrid_meta_ALe7xC" clipPathUnits="userSpaceOnUse"> 11259 <path 11260 data-hover-wave-path 11261 d="M314 314H0.000422459L0.00012756 318.4565C-0.0456402 318.419 62.4 300.8566 157 340.0583C251.6 379.2601 314 314.4565 314 314.4565V314Z" 11262 /> 11263 </clipPath> 11264 </defs> 11265 <image 11266 href="//drinkolipop.com/cdn/shop/products/CRB-BOTTOM1_new_asset.png?v=1779075161&width=1440" 11267 xlink:href="//drinkolipop.com/cdn/shop/products/CRB-BOTTOM1_new_asset.png?v=1779075161&width=1440" 11268 x="0" 11269 y="0" 11270 width="314" 11271 height="314" 11272 preserveAspectRatio="xMidYMax slice" 11273 clip-path="url(#clip-hover-wave-4350717460544-template--24009561342111__collection_hybrid_meta_ALe7xC)" 11274 /> 11275 </svg> 11276 </div> 11277 </div> 11278 </div> 11279 </div> 11280 11281 </a> 11282 11283 11284 <div class="tw-pointer-events-none tw-absolute tw-inset-x-0 tw-bottom-4 tw-z-[4] tw-hidden tw-px-4 lg:tw-flex lg:group-hover:tw-flex"> 11285 11286 <form method="post" action="/cart/add" data-product-card-cta data-variant-id="31199447679040" data-quantity="1" class="tw-pointer-events-auto tw-w-full tw-opacity-0 tw-transition-opacity tw-duration-300 group-hover:tw-opacity-100"> 11287 <input type="hidden" name="id" value="31199447679040"> 11288 <input type="hidden" name="quantity" value="1"> 11289 <button 11290 type="submit" 11291 name="add" 11292 data-add-to-cart 11293 data-product-card-cta 11294 aria-label="Add 12 Pack- Classic Root Beer" 11295 class="tw-inline-flex tw-w-full tw-items-center tw-justify-center tw-rounded-[50px] tw-border-0 tw-bg-[#034638] hover:tw-bg-[#0A3128] tw-px-5 tw-pt-[3px] tw-pb-[1px] tw-text-center tw-font-body tw-text-[14px] tw-font-bold tw-leading-[180%] tw-text-white tw-shadow-none tw-outline-none hover:tw-text-white focus:tw-text-white active:tw-text-white focus:tw-outline-none focus:tw-ring-0 active:tw-ring-0 active:tw-shadow-none" 11296 > 11297 Add 12 Pack 11298 </button> 11299 </form> 11300 11301 </div> 11302 </div> 11303 <!-- ./End Image Container --> 11304 11305 <!-- Text Container --> 11306 <div class="tw-row-span-1 tw-row-start-2 tw-flex tw-w-full tw-flex-col tw-items-center tw-px-3 tw-pb-6 tw-pt-4 tw-text-center md:tw-px-5"> 11307 11308 <div class="tw-flex tw-min-h-[16px] tw-items-center tw-justify-center"> 11309 <div 11310 data-bv-show="inline_rating" 11311 data-bv-product-id="4350717460544" 11312 class="bazaarvoice-product-summary bazaarvoice-product-summary--big product-card__inline-rating" 11313 ></div> 11314 </div> 11315 11316 11317 <p class="tw-min-h-[25px] tw-font-body tw-text-[14px] tw-font-normal tw-leading-[180%] tw-text-[#0A3128] tw-mt-[3px]"> 11318 11319 9g Fiber 11320 11321 </p> 11322 11323 <p class="tw-text-[16px] tw-leading-[140%]" role="heading" aria-level="3"> 11324 <a href="/products/classic-root-beer" aria-label="Shop Now- Classic Root Beer" class="tw-relative tw-z-[4] tw-inline-block tw-font-body tw-text-[16
11324px] tw-font-bold tw-leading-[140%] tw-text-[#034638]"> 11325 Classic Root Beer 11326 </a> 11327 </p> 11328 11329 11330 <form method="post" action="/cart/add" data-product-card-cta data-variant-id="31199447679040" data-quantity="1" class="tw-relative tw-z-[4] tw-mt-2 tw-w-full tw-max-w-[120px] md:tw-max-w-[70%] lg:tw-hidden"> 11331 <input type="hidden" name="id" value="31199447679040"> 11332 <input type="hidden" name="quantity" value="1"> 11333 <button 11334 type="submit" 11335 name="add" 11336 data-add-to-cart 11337 data-product-card-cta 11338 aria-label="Add 12 Pack- Classic Root Beer" 11339 class="tw-inline-flex tw-w-full tw-items-center tw-justify-center tw-rounded-[50px] tw-border-0 tw-bg-[#034638] hover:tw-bg-[#0A3128] tw-px-5 tw-pt-[3px] tw-pb-[1px] tw-text-center tw-font-body tw-text-[14px] tw-font-bold tw-leading-[180%] tw-text-white tw-shadow-none tw-outline-none hover:tw-text-white focus:tw-text-white active:tw-text-white focus:tw-outline-none focus:tw-ring-0 active:tw-ring-0 active:tw-shadow-none" 11340 > 11341 Add 12 Pack 11342 </button> 11343 </form> 11344 11345 </div> 11346 <!-- ./End Text Container --> 11347</div> 11348 11349 11350 11351 11352 11353 11354 11355 11356 11357 11358 11359 11360 11361 11362 11363 11364 11365 11366 11367 11368 11369 11370 11371 11372 11373 11374 11375 11376 11377 11378 11379 11380 11381<div 11382 class="product-card tw-relative tw-group tw-grid tw-h-full tw-w-full tw-overflow-visible focus:tw-ring-2" 11383 style="grid-template-rows: max-content 1fr" 11384> 11385 11386 11387 11388 11389 <!-- Image Container --> 11390 <div class="tw-relative tw-w-full"> 11391 <a 11392 href="/products/vintage-cola" 11393 11394 aria-label="Shop Now- Vintage Cola" 11395 class="tw-block tw-relative tw-mx-auto tw-w-full tw-max-w-[314px] tw-aspect-square tw-overflow-hidden tw-rounded-2xl" 11396 > 11397 11398 11399 <div class="tw-relative tw-z-[1] tw-mx-auto tw-flex tw-h-full tw-w-full tw-items-center tw-justify-center"> 11400 11401<img 11402 src="//drinkolipop.com/cdn/shop/files/vintage-cola-9g-olipop_gallery-image_single-can_new_asset_1x.webp?v=1779161590" 11403 data-srcset="//drinkolipop.com/cdn/shop/files/vintage-cola-9g-olipop_gallery-image_single-can_new_asset_480x.webp?v=1779161590 240w, 11404 //drinkolipop.com/cdn/shop/files/vintage-cola-9g-olipop_gallery-image_single-can_new_asset_720x.webp?v=1779161590 360w, 11405 //drinkolipop.com/cdn/shop/files/vintage-cola-9g-olipop_gallery-image_single-can_new_asset_1080x.webp?v=1779161590 540w, 11406 //drinkolipop.com/cdn/shop/files/vintage-cola-9g-olipop_gallery-image_single-can_new_asset_1440x.webp?v=1779161590 720w, 11407 //drinkolipop.com/cdn/shop/files/vintage-cola-9g-olipop_gallery-image_single-can_new_asset_1350x.webp?v=1779161590 900w, 11408 //drinkolipop.com/cdn/shop/files/vintage-cola-9g-olipop_gallery-image_single-can_new_asset_1512x.webp?v=1779161590 1080w, 11409 //drinkolipop.com/cdn/shop/files/vintage-cola-9g-olipop_gallery-image_single-can_new_asset_1728x.webp?v=1779161590 1296w, 11410 //drinkolipop.com/cdn/shop/files/vintage-cola-9g-olipop_gallery-image_single-can_new_asset_1920x.webp?v=1779161590 1350w, 11411 //drinkolipop.com/cdn/shop/files/vintage-cola-9g-olipop_gallery-image_single-can_new_asset_1980x.webp?v=1779161590 1728w, 11412 //drinkolipop.com/cdn/shop/files/vintage-cola-9g-olipop_gallery-image_single-can_new_asset_2160x.webp?v=1779161590 1920w, 11413 //drinkolipop.com/cdn/shop/files/vintage-cola-9g-olipop_gallery-image_single-can_new_asset_2880x.webp?v=1779161590 2560w, 11414 //drinkolipop.com/cdn/shop/files/vintage-cola-9g-olipop_gallery-image_single-can_new_asset_4096x.webp?v=1779161590 3072w 11415 " 11416 data-src="//drinkolipop.com/cdn/shop/files/vintage-cola-9g-olipop_gallery-image_single-can_new_asset_360x.webp?v=1779161590" 11417 data-optimumx="auto" 11418 data-sizes="auto" 11419 data-parent-fit="contain" 11420 width="100%" 11421 height="100%" 11422 class="lazyload tw-h-full tw-w-full tw-object-contain" 11423 data-aspectratio="0.7605263157894737" 11424 alt="Vintage Cola" 11425 11426> 11427 11428 </div> 11429 11430 11431 <div class="tw-pointer-events-none tw-absolute tw-inset-0 tw-z-[2] tw-hidden lg:tw-block" data-hover-wave-card> 11432 <div class="tw-absolute tw-inset-0 tw-flex tw-items-end tw-overflow-hidden"> 11433 <div class="tw-relative tw-h-full tw-w-full"> 11434 <div class="tw-absolute tw-inset-x-0 tw-bottom-0 tw-h-full tw-overflow-hidden"> 11435 <svg 11436 class="tw-h-full tw-w-full"
11437 viewBox="0 0 314 314" 11438 fill="none" 11439 xmlns="http://www.w3.org/2000/svg" 11440 xmlns:xlink="http://www.w3.org/1999/xlink" 11441 preserveAspectRatio="xMidYMid meet" 11442 > 11443 <defs> 11444 <clipPath id="clip-hover-wave-3818023125062-template--24009561342111__collection_hybrid_meta_ALe7xC" clipPathUnits="userSpaceOnUse"> 11445 <path 11446 data-hover-wave-path 11447 d="M314 314H0.000422459L0.00012756 318.4565C-0.0456402 318.419 62.4 300.8566 157 340.0583C251.6 379.2601 314 314.4565 314 314.4565V314Z" 11448 /> 11449 </clipPath> 11450 </defs> 11451 <image 11452 href="//drinkolipop.com/cdn/shop/products/VC-BOTTOM1_new_asset.png?v=1779112097&width=1440" 11453 xlink:href="//drinkolipop.com/cdn/shop/products/VC-BOTTOM1_new_asset.png?v=1779112097&width=1440" 11454 x="0" 11455 y="0" 11456 width="314" 11457 height="314" 11458 preserveAspectRatio="xMidYMax slice" 11459 clip-path="url(#clip-hover-wave-3818023125062-template--24009561342111__collection_hybrid_meta_ALe7xC)" 11460 /> 11461 </svg> 11462 </div> 11463 </div> 11464 </div> 11465 </div> 11466 11467 </a> 11468 11469 11470 <div class="tw-pointer-events-none tw-absolute tw-inset-x-0 tw-bottom-4 tw-z-[4] tw-hidden tw-px-4 lg:tw-flex lg:group-hover:tw-flex"> 11471 11472 <form method="post" action="/cart/add" data-product-card-cta data-variant-id="30315238260806" data-quantity="1" class="tw-pointer-events-auto tw-w-full tw-opacity-0 tw-transition-opacity tw-duration-300 group-hover:tw-opacity-100"> 11473 <input type="hidden" name="id" value="30315238260806"> 11474 <input type="hidden" name="quantity" value="1"> 11475 <button 11476 type="submit" 11477 name="add" 11478 data-add-to-cart 11479 data-product-card-cta 11480 aria-label="Add 12 Pack- Vintage Cola" 11481 class="tw-inline-flex tw-w-full tw-items-center tw-justify-center tw-rounded-[50px] tw-border-0 tw-bg-[#034638] hover:tw-bg-[#0A3128] tw-px-5 tw-pt-[3px] tw-pb-[1px] tw-text-center tw-font-body tw-text-[14px] tw-font-bold tw-leading-[180%] tw-text-white tw-shadow-none tw-outline-none hover:tw-text-white focus:tw-text-white active:tw-text-white focus:tw-outline-none focus:tw-ring-0 active:tw-ring-0 active:tw-shadow-none" 11482 > 11483 Add 12 Pack 11484 </button> 11485 </form> 11486 11487 </div> 11488 </div> 11489 <!-- ./End Image Container --> 11490 11491 <!-- Text Container --> 11492 <div class="tw-row-span-1 tw-row-start-2 tw-flex tw-w-full tw-flex-col tw-items-center tw-px-3 tw-pb-6 tw-pt-4 tw-text-center md:tw-px-5"> 11493 11494 <div class="tw-flex tw-min-h-[16px] tw-items-center tw-justify-center"> 11495 <div 11496 data-bv-show="inline_rating" 11497 data-bv-product-id="3818023125062" 11498 class="bazaarvoice-product-summary bazaarvoice-product-summary--big product-card__inline-rating" 11499 ></div> 11500 </div> 11501 11502 11503 <p class="tw-min-h-[25px] tw-font-body tw-text-[14px] tw-font-normal tw-leading-[180%] tw-text-[#0A3128] tw-mt-[3px]"> 11504 11505 9g Fiber 11506 11507 </p> 11508 11509 <p class="tw-text-[16px] tw-leading-[140%]" role="heading" aria-level="3"> 11510 <a href="/products/vintage-cola" aria-label="Shop Now- Vintage Cola" class="tw-relative tw-z-[4] tw-inline-block tw-font-body tw-text-[16
11510px] tw-font-bold tw-leading-[140%] tw-text-[#034638]"> 11511 Vintage Cola 11512 </a> 11513 </p> 11514 11515 11516 <form method="post" action="/cart/add" data-product-card-cta data-variant-id="30315238260806" data-quantity="1" class="tw-relative tw-z-[4] tw-mt-2 tw-w-full tw-max-w-[120px] md:tw-max-w-[70%] lg:tw-hidden"> 11517 <input type="hidden" name="id" value="30315238260806"> 11518 <input type="hidden" name="quantity" value="1"> 11519 <button 11520 type="submit" 11521 name="add" 11522 data-add-to-cart 11523 data-product-card-cta 11524 aria-label="Add 12 Pack- Vintage Cola" 11525 class="tw-inline-flex tw-w-full tw-items-center tw-justify-center tw-rounded-[50px] tw-border-0 tw-bg-[#034638] hover:tw-bg-[#0A3128] tw-px-5 tw-pt-[3px] tw-pb-[1px] tw-text-center tw-font-body tw-text-[14px] tw-font-bold tw-leading-[180%] tw-text-white tw-shadow-none tw-outline-none hover:tw-text-white focus:tw-text-white active:tw-text-white focus:tw-outline-none focus:tw-ring-0 active:tw-ring-0 active:tw-shadow-none" 11526 > 11527 Add 12 Pack 11528 </button> 11529 </form> 11530 11531 </div> 11532 <!-- ./End Text Container --> 11533</div> 11534 11535 11536 11537 11538 11539 11540 11541 11542 11543 11544 11545 11546 11547 11548 11549 11550 11551 11552 11553 11554 11555 11556 11557 11558 11559 11560 11561 11562 11563 11564 11565 11566 11567<div 11568 class="product-card tw-relative tw-group tw-grid tw-h-full tw-w-full tw-overflow-visible focus:tw-ring-2" 11569 style="grid-template-rows: max-content 1fr" 11570> 11571 11572 11573 11574 11575 <!-- Image Container --> 11576 <div class="tw-relative tw-w-full"> 11577 <a 11578 href="/products/cream-soda" 11579 11580 aria-label="Shop Now- Cream Soda" 11581 class="tw-block tw-relative tw-mx-auto tw-w-full tw-max-w-[314px] tw-aspect-square tw-overflow-hidden tw-rounded-2xl" 11582 > 11583 11584 11585 <div class="tw-relative tw-z-[1] tw-mx-auto tw-flex tw-h-full tw-w-full tw-items-center tw-justify-center"> 11586 11587<img 11588 src="//drinkolipop.com/cdn/shop/files/cream-soda-9g-olipop_gallery-image_single-can_new_asset_1x.webp?v=1779163263" 11589 data-srcset="//drinkolipop.com/cdn/shop/files/cream-soda-9g-olipop_gallery-image_single-can_new_asset_480x.webp?v=1779163263 240w, 11590 //drinkolipop.com/cdn/shop/files/cream-soda-9g-olipop_gallery-image_single-can_new_asset_720x.webp?v=1779163263 360w, 11591 //drinkolipop.com/cdn/shop/files/cream-soda-9g-olipop_gallery-image_single-can_new_asset_1080x.webp?v=1779163263 540w, 11592 //drinkolipop.com/cdn/shop/files/cream-soda-9g-olipop_gallery-image_single-can_new_asset_1440x.webp?v=1779163263 720w, 11593 //drinkolipop.com/cdn/shop/files/cream-soda-9g-olipop_gallery-image_single-can_new_asset_1350x.webp?v=1779163263 900w, 11594 //drinkolipop.com/cdn/shop/files/cream-soda-9g-olipop_gallery-image_single-can_new_asset_1512x.webp?v=1779163263 1080w, 11595 //drinkolipop.com/cdn/shop/files/cream-soda-9g-olipop_gallery-image_single-can_new_asset_1728x.webp?v=1779163263 1296w, 11596 //drinkolipop.com/cdn/shop/files/cream-soda-9g-olipop_gallery-image_single-can_new_asset_1920x.webp?v=1779163263 1350w, 11597 //drinkolipop.com/cdn/shop/files/cream-soda-9g-olipop_gallery-image_single-can_new_asset_1980x.webp?v=1779163263 1728w, 11598 //drinkolipop.com/cdn/shop/files/cream-soda-9g-olipop_gallery-image_single-can_new_asset_2160x.webp?v=1779163263 1920w, 11599 //drinkolipop.com/cdn/shop/files/cream-soda-9g-olipop_gallery-image_single-can_new_asset_2880x.webp?v=1779163263 2560w, 11600 //drinkolipop.com/cdn/shop/files/cream-soda-9g-olipop_gallery-image_single-can_new_asset_4096x.webp?v=1779163263 3072w 11601 " 11602 data-src="//drinkolipop.com/cdn/shop/files/cream-soda-9g-olipop_gallery-image_single-can_new_asset_360x.webp?v=1779163263" 11603 data-optimumx="auto" 11604 data-sizes="auto" 11605 data-parent-fit="contain" 11606 width="100%" 11607 height="100%" 11608 class="lazyload tw-h-full tw-w-full tw-object-contain" 11609 data-aspectratio="0.7605263157894737" 11610 alt="Cream Soda" 11611 11612> 11613 11614 </div> 11615 11616 11617 <div class="tw-pointer-events-none tw-absolute tw-inset-0 tw-z-[2] tw-hidden lg:tw-block" data-hover-wave-card> 11618 <div class="tw-absolute tw-inset-0 tw-flex tw-items-end tw-overflow-hidden"> 11619 <div class="tw-relative tw-h-full tw-w-full"> 11620 <div class="tw-absolute tw-inset-x-0 tw-bottom-0 tw-h-full tw-overflow-hidden"> 11621 <svg 11622 class="tw-h-full tw-w-full"
11623 viewBox="0 0 314 314" 11624 fill="none" 11625 xmlns="http://www.w3.org/2000/svg" 11626 xmlns:xlink="http://www.w3.org/1999/xlink" 11627 preserveAspectRatio="xMidYMid meet" 11628 > 11629 <defs> 11630 <clipPath id="clip-hover-wave-7413651636383-template--24009561342111__collection_hybrid_meta_ALe7xC" clipPathUnits="userSpaceOnUse"> 11631 <path 11632 data-hover-wave-path 11633 d="M314 314H0.000422459L0.00012756 318.4565C-0.0456402 318.419 62.4 300.8566 157 340.0583C251.6 379.2601 314 314.4565 314 314.4565V314Z" 11634 /> 11635 </clipPath> 11636 </defs> 11637 <image 11638 href="//drinkolipop.com/cdn/shop/products/CS-TOP.png?v=1779075525&width=1440" 11639 xlink:href="//drinkolipop.com/cdn/shop/products/CS-TOP.png?v=1779075525&width=1440" 11640 x="0" 11641 y="0" 11642 width="314" 11643 height="314" 11644 preserveAspectRatio="xMidYMax slice" 11645 clip-path="url(#clip-hover-wave-7413651636383-template--24009561342111__collection_hybrid_meta_ALe7xC)" 11646 /> 11647 </svg> 11648 </div> 11649 </div> 11650 </div> 11651 </div> 11652 11653 </a> 11654 11655 11656 <div class="tw-pointer-events-none tw-absolute tw-inset-x-0 tw-bottom-4 tw-z-[4] tw-hidden tw-px-4 lg:tw-flex lg:group-hover:tw-flex"> 11657 11658 <form method="post" action="/cart/add" data-product-card-cta data-variant-id="42284980666527" data-quantity="1" class="tw-pointer-events-auto tw-w-full tw-opacity-0 tw-transition-opacity tw-duration-300 group-hover:tw-opacity-100"> 11659 <input type="hidden" name="id" value="42284980666527"> 11660 <input type="hidden" name="quantity" value="1"> 11661 <button 11662 type="submit" 11663 name="add" 11664 data-add-to-cart 11665 data-product-card-cta 11666 aria-label="Add 12 Pack- Cream Soda" 11667 class="tw-inline-flex tw-w-full tw-items-center tw-justify-center tw-rounded-[50px] tw-border-0 tw-bg-[#034638] hover:tw-bg-[#0A3128] tw-px-5 tw-pt-[3px] tw-pb-[1px] tw-text-center tw-font-body tw-text-[14px] tw-font-bold tw-leading-[180%] tw-text-white tw-shadow-none tw-outline-none hover:tw-text-white focus:tw-text-white active:tw-text-white focus:tw-outline-none focus:tw-ring-0 active:tw-ring-0 active:tw-shadow-none" 11668 > 11669 Add 12 Pack 11670 </button> 11671 </form> 11672 11673 </div> 11674 </div> 11675 <!-- ./End Image Container --> 11676 11677 <!-- Text Container --> 11678 <div class="tw-row-span-1 tw-row-start-2 tw-flex tw-w-full tw-flex-col tw-items-center tw-px-3 tw-pb-6 tw-pt-4 tw-text-center md:tw-px-5"> 11679 11680 <div class="tw-flex tw-min-h-[16px] tw-items-center tw-justify-center"> 11681 <div 11682 data-bv-show="inline_rating" 11683 data-bv-product-id="7413651636383" 11684 class="bazaarvoice-product-summary bazaarvoice-product-summary--big product-card__inline-rating" 11685 ></div> 11686 </div> 11687 11688 11689 <p class="tw-min-h-[25px] tw-font-body tw-text-[14px] tw-font-normal tw-leading-[180%] tw-text-[#0A3128] tw-mt-[3px]"> 11690 11691 9g Fiber 11692 11693 </p> 11694 11695 <p class="tw-text-[16px] tw-leading-[140%]" role="heading" aria-level="3"> 11696 <a href="/products/cream-soda" aria-label="Shop Now- Cream Soda" class="tw-relative tw-z-[4] tw-inline-block tw-font-body tw-text-[16
11696px] tw-font-bold tw-leading-[140%] tw-text-[#034638]"> 11697 Cream Soda 11698 </a> 11699 </p> 11700 11701 11702 <form method="post" action="/cart/add" data-product-card-cta data-variant-id="42284980666527" data-quantity="1" class="tw-relative tw-z-[4] tw-mt-2 tw-w-full tw-max-w-[120px] md:tw-max-w-[70%] lg:tw-hidden"> 11703 <input type="hidden" name="id" value="42284980666527"> 11704 <input type="hidden" name="quantity" value="1"> 11705 <button 11706 type="submit" 11707 name="add" 11708 data-add-to-cart 11709 data-product-card-cta 11710 aria-label="Add 12 Pack- Cream Soda" 11711 class="tw-inline-flex tw-w-full tw-items-center tw-justify-center tw-rounded-[50px] tw-border-0 tw-bg-[#034638] hover:tw-bg-[#0A3128] tw-px-5 tw-pt-[3px] tw-pb-[1px] tw-text-center tw-font-body tw-text-[14px] tw-font-bold tw-leading-[180%] tw-text-white tw-shadow-none tw-outline-none hover:tw-text-white focus:tw-text-white active:tw-text-white focus:tw-outline-none focus:tw-ring-0 active:tw-ring-0 active:tw-shadow-none" 11712 > 11713 Add 12 Pack 11714 </button> 11715 </form> 11716 11717 </div> 11718 <!-- ./End Text Container --> 11719</div> 11720 11721 11722 11723 11724 11725 11726 11727 11728 11729 11730 11731 11732 11733 11734 11735 11736 11737 11738 11739 11740 11741 11742 11743 11744 11745 11746 11747 11748 11749 11750 11751 11752 11753<div 11754 class="product-card tw-relative tw-group tw-grid tw-h-full tw-w-full tw-overflow-visible focus:tw-ring-2" 11755 style="grid-template-rows: max-content 1fr" 11756> 11757 11758 11759 11760 11761 <!-- Image Container --> 11762 <div class="tw-relative tw-w-full"> 11763 <a 11764 href="/products/strawberry-vanilla" 11765 11766 aria-label="Shop Now- Strawberry Vanilla" 11767 class="tw-block tw-relative tw-mx-auto tw-w-full tw-max-w-[314px] tw-aspect-square tw-overflow-hidden tw-rounded-2xl" 11768 > 11769 11770 11771 <div class="tw-relative tw-z-[1] tw-mx-auto tw-flex tw-h-full tw-w-full tw-items-center tw-justify-center"> 11772 11773<img 11774 src="//drinkolipop.com/cdn/shop/files/strawberry-vanilla-9g-olipop_gallery-main-image_new_asset_1x.webp?v=1779161007" 11775 data-srcset="//drinkolipop.com/cdn/shop/files/strawberry-vanilla-9g-olipop_gallery-main-image_new_asset_480x.webp?v=1779161007 240w, 11776 //drinkolipop.com/cdn/shop/files/strawberry-vanilla-9g-olipop_gallery-main-image_new_asset_720x.webp?v=1779161007 360w, 11777 //drinkolipop.com/cdn/shop/files/strawberry-vanilla-9g-olipop_gallery-main-image_new_asset_1080x.webp?v=1779161007 540w, 11778 //drinkolipop.com/cdn/shop/files/strawberry-vanilla-9g-olipop_gallery-main-image_new_asset_1440x.webp?v=1779161007 720w, 11779 //drinkolipop.com/cdn/shop/files/strawberry-vanilla-9g-olipop_gallery-main-image_new_asset_1350x.webp?v=1779161007 900w, 11780 //drinkolipop.com/cdn/shop/files/strawberry-vanilla-9g-olipop_gallery-main-image_new_asset_1512x.webp?v=1779161007 1080w, 11781 //drinkolipop.com/cdn/shop/files/strawberry-vanilla-9g-olipop_gallery-main-image_new_asset_1728x.webp?v=1779161007 1296w, 11782 //drinkolipop.com/cdn/shop/files/strawberry-vanilla-9g-olipop_gallery-main-image_new_asset_1920x.webp?v=1779161007 1350w, 11783 //drinkolipop.com/cdn/shop/files/strawberry-vanilla-9g-olipop_gallery-main-image_new_asset_1980x.webp?v=1779161007 1728w, 11784 //drinkolipop.com/cdn/shop/files/strawberry-vanilla-9g-olipop_gallery-main-image_new_asset_2160x.webp?v=1779161007 1920w, 11785 //drinkolipop.com/cdn/shop/files/strawberry-vanilla-9g-olipop_gallery-main-image_new_asset_2880x.webp?v=1779161007 2560w, 11786 //drinkolipop.com/cdn/shop/files/strawberry-vanilla-9g-olipop_gallery-main-image_new_asset_4096x.webp?v=1779161007 3072w 11787 " 11788 data-src="//drinkolipop.com/cdn/shop/files/strawberry-vanilla-9g-olipop_gallery-main-image_new_asset_360x.webp?v=1779161007" 11789 data-optimumx="auto" 11790 data-sizes="auto" 11791 data-parent-fit="contain" 11792 width="100%" 11793 height="100%" 11794 class="lazyload tw-h-full tw-w-full tw-object-contain" 11795 data-aspectratio="0.7605263157894737" 11796 alt="Strawberry Vanilla" 11797 11798> 11799 11800 </div> 11801 11802 11803 <div class="tw-pointer-events-none tw-absolute tw-inset-0 tw-z-[2] tw-hidden lg:tw-block" data-hover-wave-card> 11804 <div class="tw-absolute tw-inset-0 tw-flex tw-items-end tw-overflow-hidden"> 11805 <div class="tw-relative tw-h-full tw-w-full"> 11806 <div class="tw-absolute tw-inset-x-0 tw-bottom-0 tw-h-full tw-overflow-hidden"> 11807 <svg 11808 class="tw-h-full tw-w-full"
11809 viewBox="0 0 314 314" 11810 fill="none" 11811 xmlns="http://www.w3.org/2000/svg" 11812 xmlns:xlink="http://www.w3.org/1999/xlink" 11813 preserveAspectRatio="xMidYMid meet" 11814 > 11815 <defs> 11816 <clipPath id="clip-hover-wave-3818021027910-template--24009561342111__collection_hybrid_meta_ALe7xC" clipPathUnits="userSpaceOnUse"> 11817 <path 11818 data-hover-wave-path 11819 d="M314 314H0.000422459L0.00012756 318.4565C-0.0456402 318.419 62.4 300.8566 157 340.0583C251.6 379.2601 314 314.4565 314 314.4565V314Z" 11820 /> 11821 </clipPath> 11822 </defs> 11823 <image 11824 href="//drinkolipop.com/cdn/shop/products/SV-TOP.png?v=1750220822&width=1440" 11825 xlink:href="//drinkolipop.com/cdn/shop/products/SV-TOP.png?v=1750220822&width=1440" 11826 x="0" 11827 y="0" 11828 width="314" 11829 height="314" 11830 preserveAspectRatio="xMidYMax slice" 11831 clip-path="url(#clip-hover-wave-3818021027910-template--24009561342111__collection_hybrid_meta_ALe7xC)" 11832 /> 11833 </svg> 11834 </div> 11835 </div> 11836 </div> 11837 </div> 11838 11839 </a> 11840 11841 11842 <div class="tw-pointer-events-none tw-absolute tw-inset-x-0 tw-bottom-4 tw-z-[4] tw-hidden tw-px-4 lg:tw-flex lg:group-hover:tw-flex"> 11843 11844 <form method="post" action="/cart/add" data-product-card-cta data-variant-id="30315220959302" data-quantity="1" class="tw-pointer-events-auto tw-w-full tw-opacity-0 tw-transition-opacity tw-duration-300 group-hover:tw-opacity-100"> 11845 <input type="hidden" name="id" value="30315220959302"> 11846 <input type="hidden" name="quantity" value="1"> 11847 <button 11848 type="submit" 11849 name="add" 11850 data-add-to-cart 11851 data-product-card-cta 11852 aria-label="Add 12 Pack- Strawberry Vanilla" 11853 class="tw-inline-flex tw-w-full tw-items-center tw-justify-center tw-rounded-[50px] tw-border-0 tw-bg-[#034638] hover:tw-bg-[#0A3128] tw-px-5 tw-pt-[3px] tw-pb-[1px] tw-text-center tw-font-body tw-text-[14px] tw-font-bold tw-leading-[180%] tw-text-white tw-shadow-none tw-outline-none hover:tw-text-white focus:tw-text-white active:tw-text-white focus:tw-outline-none focus:tw-ring-0 active:tw-ring-0 active:tw-shadow-none" 11854 > 11855 Add 12 Pack 11856 </button> 11857 </form> 11858 11859 </div> 11860 </div> 11861 <!-- ./End Image Container --> 11862 11863 <!-- Text Container --> 11864 <div class="tw-row-span-1 tw-row-start-2 tw-flex tw-w-full tw-flex-col tw-items-center tw-px-3 tw-pb-6 tw-pt-4 tw-text-center md:tw-px-5"> 11865 11866 <div class="tw-flex tw-min-h-[16px] tw-items-center tw-justify-center"> 11867 <div 11868 data-bv-show="inline_rating" 11869 data-bv-product-id="3818021027910" 11870 class="bazaarvoice-product-summary bazaarvoice-product-summary--big product-card__inline-rating" 11871 ></div> 11872 </div> 11873 11874 11875 <p class="tw-min-h-[25px] tw-font-body tw-text-[14px] tw-font-normal tw-leading-[180%] tw-text-[#0A3128] tw-mt-[3px]"> 11876 11877 9g Fiber 11878 11879 </p> 11880 11881 <p class="tw-text-[16px] tw-leading-[140%]" role="heading" aria-level="3"> 11882 <a href="/products/strawberry-vanilla" aria-label="Shop Now- Strawberry Vanilla" class="tw-relative tw-z-[4] tw-inline-block tw-font-body tw-text-[16
11882px] tw-font-bold tw-leading-[140%] tw-text-[#034638]"> 11883 Strawberry Vanilla 11884 </a> 11885 </p> 11886 11887 11888 <form method="post" action="/cart/add" data-product-card-cta data-variant-id="30315220959302" data-quantity="1" class="tw-relative tw-z-[4] tw-mt-2 tw-w-full tw-max-w-[120px] md:tw-max-w-[70%] lg:tw-hidden"> 11889 <input type="hidden" name="id" value="30315220959302"> 11890 <input type="hidden" name="quantity" value="1"> 11891 <button 11892 type="submit" 11893 name="add" 11894 data-add-to-cart 11895 data-product-card-cta 11896 aria-label="Add 12 Pack- Strawberry Vanilla" 11897 class="tw-inline-flex tw-w-full tw-items-center tw-justify-center tw-rounded-[50px] tw-border-0 tw-bg-[#034638] hover:tw-bg-[#0A3128] tw-px-5 tw-pt-[3px] tw-pb-[1px] tw-text-center tw-font-body tw-text-[14px] tw-font-bold tw-leading-[180%] tw-text-white tw-shadow-none tw-outline-none hover:tw-text-white focus:tw-text-white active:tw-text-white focus:tw-outline-none focus:tw-ring-0 active:tw-ring-0 active:tw-shadow-none" 11898 > 11899 Add 12 Pack 11900 </button> 11901 </form> 11902 11903 </div> 11904 <!-- ./End Text Container --> 11905</div> 11906 11907 11908 11909 11910 11911 11912 11913 11914 11915 11916 11917 11918 11919 11920 11921 11922 11923 11924 11925 11926 11927 11928 11929 11930 11931 11932 11933 11934 11935 11936 11937 11938 11939<div 11940 class="product-card tw-relative tw-group tw-grid tw-h-full tw-w-full tw-overflow-visible focus:tw-ring-2" 11941 style="grid-template-rows: max-content 1fr" 11942> 11943 11944 11945 11946 11947 <!-- Image Container --> 11948 <div class="tw-relative tw-w-full"> 11949 <a 11950 href="/products/cherry-cola" 11951 11952 aria-label="Shop Now- Cherry Cola" 11953 class="tw-block tw-relative tw-mx-auto tw-w-full tw-max-w-[314px] tw-aspect-square tw-overflow-hidden tw-rounded-2xl" 11954 > 11955 11956 11957 <div class="tw-relative tw-z-[1] tw-mx-auto tw-flex tw-h-full tw-w-full tw-items-center tw-justify-center"> 11958 11959<img 11960 src="//drinkolipop.com/cdn/shop/files/cherry-cola-9g-olipop_gallery-main-image_new_asset_1x.webp?v=1779163770" 11961 data-srcset="//drinkolipop.com/cdn/shop/files/cherry-cola-9g-olipop_gallery-main-image_new_asset_480x.webp?v=1779163770 240w, 11962 //drinkolipop.com/cdn/shop/files/cherry-cola-9g-olipop_gallery-main-image_new_asset_720x.webp?v=1779163770 360w, 11963 //drinkolipop.com/cdn/shop/files/cherry-cola-9g-olipop_gallery-main-image_new_asset_1080x.webp?v=1779163770 540w, 11964 //drinkolipop.com/cdn/shop/files/cherry-cola-9g-olipop_gallery-main-image_new_asset_1440x.webp?v=1779163770 720w, 11965 //drinkolipop.com/cdn/shop/files/cherry-cola-9g-olipop_gallery-main-image_new_asset_1350x.webp?v=1779163770 900w, 11966 //drinkolipop.com/cdn/shop/files/cherry-cola-9g-olipop_gallery-main-image_new_asset_1512x.webp?v=1779163770 1080w, 11967 //drinkolipop.com/cdn/shop/files/cherry-cola-9g-olipop_gallery-main-image_new_asset_1728x.webp?v=1779163770 1296w, 11968 //drinkolipop.com/cdn/shop/files/cherry-cola-9g-olipop_gallery-main-image_new_asset_1920x.webp?v=1779163770 1350w, 11969 //drinkolipop.com/cdn/shop/files/cherry-cola-9g-olipop_gallery-main-image_new_asset_1980x.webp?v=1779163770 1728w, 11970 //drinkolipop.com/cdn/shop/files/cherry-cola-9g-olipop_gallery-main-image_new_asset_2160x.webp?v=1779163770 1920w, 11971 //drinkolipop.com/cdn/shop/files/cherry-cola-9g-olipop_gallery-main-image_new_asset_2880x.webp?v=1779163770 2560w, 11972 //drinkolipop.com/cdn/shop/files/cherry-cola-9g-olipop_gallery-main-image_new_asset_4096x.webp?v=1779163770 3072w 11973 " 11974 data-src="//drinkolipop.com/cdn/shop/files/cherry-cola-9g-olipop_gallery-main-image_new_asset_360x.webp?v=1779163770" 11975 data-optimumx="auto" 11976 data-sizes="auto" 11977 data-parent-fit="contain" 11978 width="100%" 11979 height="100%" 11980 class="lazyload tw-h-full tw-w-full tw-object-contain" 11981 data-aspectratio="0.7605263157894737" 11982 alt="Cherry Cola" 11983 11984> 11985 11986 </div> 11987 11988 11989 <div class="tw-pointer-events-none tw-absolute tw-inset-0 tw-z-[2] tw-hidden lg:tw-block" data-hover-wave-card> 11990 <div class="tw-absolute tw-inset-0 tw-flex tw-items-end tw-overflow-hidden"> 11991 <div class="tw-relative tw-h-full tw-w-full"> 11992 <div class="tw-absolute tw-inset-x-0 tw-bottom-0 tw-h-full tw-overflow-hidden"> 11993 <svg 11994 class="tw-h-full tw-w-full"
11995 viewBox="0 0 314 314" 11996 fill="none" 11997 xmlns="http://www.w3.org/2000/svg" 11998 xmlns:xlink="http://www.w3.org/1999/xlink" 11999 preserveAspectRatio="xMidYMid meet" 12000 > 12001 <defs> 12002 <clipPath id="clip-hover-wave-7502145421471-template--24009561342111__collection_hybrid_meta_ALe7xC" clipPathUnits="userSpaceOnUse"> 12003 <path 12004 data-hover-wave-path 12005 d="M314 314H0.000422459L0.00012756 318.4565C-0.0456402 318.419 62.4 300.8566 157 340.0583C251.6 379.2601 314 314.4565 314 314.4565V314Z" 12006 /> 12007 </clipPath> 12008 </defs> 12009 <image 12010 href="//drinkolipop.com/cdn/shop/files/cherry-cola-9g-olipop_PDP-AM_new_asset.png?v=1779073740&width=1440" 12011 xlink:href="//drinkolipop.com/cdn/shop/files/cherry-cola-9g-olipop_PDP-AM_new_asset.png?v=1779073740&width=1440" 12012 x="0" 12013 y="0" 12014 width="314" 12015 height="314" 12016 preserveAspectRatio="xMidYMax slice" 12017 clip-path="url(#clip-hover-wave-7502145421471-template--24009561342111__collection_hybrid_meta_ALe7xC)" 12018 /> 12019 </svg> 12020 </div> 12021 </div> 12022 </div> 12023 </div> 12024 12025 </a> 12026 12027 12028 <div class="tw-pointer-events-none tw-absolute tw-inset-x-0 tw-bottom-4 tw-z-[4] tw-hidden tw-px-4 lg:tw-flex lg:group-hover:tw-flex"> 12029 12030 <form method="post" action="/cart/add" data-product-card-cta data-variant-id="42533620777119" data-quantity="1" class="tw-pointer-events-auto tw-w-full tw-opacity-0 tw-transition-opacity tw-duration-300 group-hover:tw-opacity-100"> 12031 <input type="hidden" name="id" value="42533620777119"> 12032 <input type="hidden" name="quantity" value="1"> 12033 <button 12034 type="submit" 12035 name="add" 12036 data-add-to-cart 12037 data-product-card-cta 12038 aria-label="Add 12 Pack- Cherry Cola" 12039 class="tw-inline-flex tw-w-full tw-items-center tw-justify-center tw-rounded-[50px] tw-border-0 tw-bg-[#034638] hover:tw-bg-[#0A3128] tw-px-5 tw-pt-[3px] tw-pb-[1px] tw-text-center tw-font-body tw-text-[14px] tw-font-bold tw-leading-[180%] tw-text-white tw-shadow-none tw-outline-none hover:tw-text-white focus:tw-text-white active:tw-text-white focus:tw-outline-none focus:tw-ring-0 active:tw-ring-0 active:tw-shadow-none" 12040 > 12041 Add 12 Pack 12042 </button> 12043 </form> 12044 12045 </div> 12046 </div> 12047 <!-- ./End Image Container --> 12048 12049 <!-- Text Container --> 12050 <div class="tw-row-span-1 tw-row-start-2 tw-flex tw-w-full tw-flex-col tw-items-center tw-px-3 tw-pb-6 tw-pt-4 tw-text-center md:tw-px-5"> 12051 12052 <div class="tw-flex tw-min-h-[16px] tw-items-center tw-justify-center"> 12053 <div 12054 data-bv-show="inline_rating" 12055 data-bv-product-id="7502145421471" 12056 class="bazaarvoice-product-summary bazaarvoice-product-summary--big product-card__inline-rating" 12057 ></div> 12058 </div> 12059 12060 12061 <p class="tw-min-h-[25px] tw-font-body tw-text-[14px] tw-font-normal tw-leading-[180%] tw-text-[#0A3128] tw-mt-[3px]"> 12062 12063 9g Fiber 12064 12065 </p> 12066 12067 <p class="tw-text-[16px] tw-leading-[140%]" role="heading" aria-level="3"> 12068 <a href="/products/cherry-cola" aria-label="Shop Now- Cherry Cola" class="tw-relative tw-z-[4] tw-inline-block tw-font-body tw-text-[16
12068px] tw-font-bold tw-leading-[140%] tw-text-[#034638]"> 12069 Cherry Cola 12070 </a> 12071 </p> 12072 12073 12074 <form method="post" action="/cart/add" data-product-card-cta data-variant-id="42533620777119" data-quantity="1" class="tw-relative tw-z-[4] tw-mt-2 tw-w-full tw-max-w-[120px] md:tw-max-w-[70%] lg:tw-hidden"> 12075 <input type="hidden" name="id" value="42533620777119"> 12076 <input type="hidden" name="quantity" value="1"> 12077 <button 12078 type="submit" 12079 name="add" 12080 data-add-to-cart 12081 data-product-card-cta 12082 aria-label="Add 12 Pack- Cherry Cola" 12083 class="tw-inline-flex tw-w-full tw-items-center tw-justify-center tw-rounded-[50px] tw-border-0 tw-bg-[#034638] hover:tw-bg-[#0A3128] tw-px-5 tw-pt-[3px] tw-pb-[1px] tw-text-center tw-font-body tw-text-[14px] tw-font-bold tw-leading-[180%] tw-text-white tw-shadow-none tw-outline-none hover:tw-text-white focus:tw-text-white active:tw-text-white focus:tw-outline-none focus:tw-ring-0 active:tw-ring-0 active:tw-shadow-none" 12084 > 12085 Add 12 Pack 12086 </button> 12087 </form> 12088 12089 </div> 12090 <!-- ./End Text Container --> 12091</div> 12092 12093 12094 12095 12096 12097 12098 12099 12100 12101 12102 12103 12104 12105 12106 12107 12108 12109 12110 12111 12112 12113 12114 12115 12116 12117 12118 12119 12120 12121 12122 12123 12124 12125<div 12126 class="product-card tw-relative tw-group tw-grid tw-h-full tw-w-full tw-overflow-visible focus:tw-ring-2" 12127 style="grid-template-rows: max-content 1fr" 12128> 12129 12130 12131 12132 12133 <!-- Image Container --> 12134 <div class="tw-relative tw-w-full"> 12135 <a 12136 href="/products/orange-cream" 12137 12138 aria-label="Shop Now- Orange Cream" 12139 class="tw-block tw-relative tw-mx-auto tw-w-full tw-max-w-[314px] tw-aspect-square tw-overflow-hidden tw-rounded-2xl" 12140 > 12141 12142 12143 <div class="tw-relative tw-z-[1] tw-mx-auto tw-flex tw-h-full tw-w-full tw-items-center tw-justify-center"> 12144 12145<img 12146 src="//drinkolipop.com/cdn/shop/files/orange-cream-9g-olipop_gallery-image_single-can_new_asset_1x.webp?v=1779162789" 12147 data-srcset="//drinkolipop.com/cdn/shop/files/orange-cream-9g-olipop_gallery-image_single-can_new_asset_480x.webp?v=1779162789 240w, 12148 //drinkolipop.com/cdn/shop/files/orange-cream-9g-olipop_gallery-image_single-can_new_asset_720x.webp?v=1779162789 360w, 12149 //drinkolipop.com/cdn/shop/files/orange-cream-9g-olipop_gallery-image_single-can_new_asset_1080x.webp?v=1779162789 540w, 12150 //drinkolipop.com/cdn/shop/files/orange-cream-9g-olipop_gallery-image_single-can_new_asset_1440x.webp?v=1779162789 720w, 12151 //drinkolipop.com/cdn/shop/files/orange-cream-9g-olipop_gallery-image_single-can_new_asset_1350x.webp?v=1779162789 900w, 12152 //drinkolipop.com/cdn/shop/files/orange-cream-9g-olipop_gallery-image_single-can_new_asset_1512x.webp?v=1779162789 1080w, 12153 //drinkolipop.com/cdn/shop/files/orange-cream-9g-olipop_gallery-image_single-can_new_asset_1728x.webp?v=1779162789 1296w, 12154 //drinkolipop.com/cdn/shop/files/orange-cream-9g-olipop_gallery-image_single-can_new_asset_1920x.webp?v=1779162789 1350w, 12155 //drinkolipop.com/cdn/shop/files/orange-cream-9g-olipop_gallery-image_single-can_new_asset_1980x.webp?v=1779162789 1728w, 12156 //drinkolipop.com/cdn/shop/files/orange-cream-9g-olipop_gallery-image_single-can_new_asset_2160x.webp?v=1779162789 1920w, 12157 //drinkolipop.com/cdn/shop/files/orange-cream-9g-olipop_gallery-image_single-can_new_asset_2880x.webp?v=1779162789 2560w, 12158 //drinkolipop.com/cdn/shop/files/orange-cream-9g-olipop_gallery-image_single-can_new_asset_4096x.webp?v=1779162789 3072w 12159 " 12160 data-src="//drinkolipop.com/cdn/shop/files/orange-cream-9g-olipop_gallery-image_single-can_new_asset_360x.webp?v=1779162789" 12161 data-optimumx="auto" 12162 data-sizes="auto" 12163 data-parent-fit="contain" 12164 width="100%" 12165 height="100%" 12166 class="lazyload tw-h-full tw-w-full tw-object-contain" 12167 data-aspectratio="0.7605263157894737" 12168 alt="Orange Cream" 12169 12170> 12171 12172 </div> 12173 12174 12175 <div class="tw-pointer-events-none tw-absolute tw-inset-0 tw-z-[2] tw-hidden lg:tw-block" data-hover-wave-card> 12176 <div class="tw-absolute tw-inset-0 tw-flex tw-items-end tw-overflow-hidden"> 12177 <div class="tw-relative tw-h-full tw-w-full"> 12178 <div class="tw-absolute tw-inset-x-0 tw-bottom-0 tw-h-full tw-overflow-hidden"> 12179 <svg 12180 class="tw-h-full tw-w-full"
12181 viewBox="0 0 314 314" 12182 fill="none" 12183 xmlns="http://www.w3.org/2000/svg" 12184 xmlns:xlink="http://www.w3.org/1999/xlink" 12185 preserveAspectRatio="xMidYMid meet" 12186 > 12187 <defs> 12188 <clipPath id="clip-hover-wave-6604538577055-template--24009561342111__collection_hybrid_meta_ALe7xC" clipPathUnits="userSpaceOnUse"> 12189 <path 12190 data-hover-wave-path 12191 d="M314 314H0.000422459L0.00012756 318.4565C-0.0456402 318.419 62.4 300.8566 157 340.0583C251.6 379.2601 314 314.4565 314 314.4565V314Z" 12192 /> 12193 </clipPath> 12194 </defs> 12195 <image 12196 href="//drinkolipop.com/cdn/shop/files/OC-PDP-Horizontal-Desktop_080725_new_asset.webp?v=1779076926&width=1440" 12197 xlink:href="//drinkolipop.com/cdn/shop/files/OC-PDP-Horizontal-Desktop_080725_new_asset.webp?v=1779076926&width=1440" 12198 x="0" 12199 y="0" 12200 width="314" 12201 height="314" 12202 preserveAspectRatio="xMidYMax slice" 12203 clip-path="url(#clip-hover-wave-6604538577055-template--24009561342111__collection_hybrid_meta_ALe7xC)" 12204 /> 12205 </svg> 12206 </div> 12207 </div> 12208 </div> 12209 </div> 12210 12211 </a> 12212 12213 12214 <div class="tw-pointer-events-none tw-absolute tw-inset-x-0 tw-bottom-4 tw-z-[4] tw-hidden tw-px-4 lg:tw-flex lg:group-hover:tw-flex"> 12215 12216 <form method="post" action="/cart/add" data-product-card-cta data-variant-id="39569001578655" data-quantity="1" class="tw-pointer-events-auto tw-w-full tw-opacity-0 tw-transition-opacity tw-duration-300 group-hover:tw-opacity-100"> 12217 <input type="hidden" name="id" value="39569001578655"> 12218 <input type="hidden" name="quantity" value="1"> 12219 <button 12220 type="submit" 12221 name="add" 12222 data-add-to-cart 12223 data-product-card-cta 12224 aria-label="Add 12 Pack- Orange Cream" 12225 class="tw-inline-flex tw-w-full tw-items-center tw-justify-center tw-rounded-[50px] tw-border-0 tw-bg-[#034638] hover:tw-bg-[#0A3128] tw-px-5 tw-pt-[3px] tw-pb-[1px] tw-text-center tw-font-body tw-text-[14px] tw-font-bold tw-leading-[180%] tw-text-white tw-shadow-none tw-outline-none hover:tw-text-white focus:tw-text-white active:tw-text-white focus:tw-outline-none focus:tw-ring-0 active:tw-ring-0 active:tw-shadow-none" 12226 > 12227 Add 12 Pack 12228 </button> 12229 </form> 12230 12231 </div> 12232 </div> 12233 <!-- ./End Image Container --> 12234 12235 <!-- Text Container --> 12236 <div class="tw-row-span-1 tw-row-start-2 tw-flex tw-w-full tw-flex-col tw-items-center tw-px-3 tw-pb-6 tw-pt-4 tw-text-center md:tw-px-5"> 12237 12238 <div class="tw-flex tw-min-h-[16px] tw-items-center tw-justify-center"> 12239 <div 12240 data-bv-show="inline_rating" 12241 data-bv-product-id="6604538577055" 12242 class="bazaarvoice-product-summary bazaarvoice-product-summary--big product-card__inline-rating" 12243 ></div> 12244 </div> 12245 12246 12247 <p class="tw-min-h-[25px] tw-font-body tw-text-[14px] tw-font-normal tw-leading-[180%] tw-text-[#0A3128] tw-mt-[3px]"> 12248 12249 9g Fiber 12250 12251 </p> 12252 12253 <p class="tw-text-[16px] tw-leading-[140%]" role="heading" aria-level="3"> 12254 <a href="/products/orange-cream" aria-label="Shop Now- Orange Cream" class="tw-relative tw-z-[4] tw-inline-block tw-font-body tw-text-[16
12254px] tw-font-bold tw-leading-[140%] tw-text-[#034638]"> 12255 Orange Cream 12256 </a> 12257 </p> 12258 12259 12260 <form method="post" action="/cart/add" data-product-card-cta data-variant-id="39569001578655" data-quantity="1" class="tw-relative tw-z-[4] tw-mt-2 tw-w-full tw-max-w-[120px] md:tw-max-w-[70%] lg:tw-hidden"> 12261 <input type="hidden" name="id" value="39569001578655"> 12262 <input type="hidden" name="quantity" value="1"> 12263 <button 12264 type="submit" 12265 name="add" 12266 data-add-to-cart 12267 data-product-card-cta 12268 aria-label="Add 12 Pack- Orange Cream" 12269 class="tw-inline-flex tw-w-full tw-items-center tw-justify-center tw-rounded-[50px] tw-border-0 tw-bg-[#034638] hover:tw-bg-[#0A3128] tw-px-5 tw-pt-[3px] tw-pb-[1px] tw-text-center tw-font-body tw-text-[14px] tw-font-bold tw-leading-[180%] tw-text-white tw-shadow-none tw-outline-none hover:tw-text-white focus:tw-text-white active:tw-text-white focus:tw-outline-none focus:tw-ring-0 active:tw-ring-0 active:tw-shadow-none" 12270 > 12271 Add 12 Pack 12272 </button> 12273 </form> 12274 12275 </div> 12276 <!-- ./End Text Container --> 12277</div> 12278 12279 12280 12281 12282 12283 12284 12285 12286 12287 12288 12289 12290 12291 12292 12293 12294 12295 12296 12297 12298 12299 12300 12301 12302 12303 12304 12305 12306 12307 12308 12309 12310 12311<div 12312 class="product-card tw-relative tw-group tw-grid tw-h-full tw-w-full tw-overflow-visible focus:tw-ring-2" 12313 style="grid-template-rows: max-content 1fr" 12314> 12315 12316 12317 12318 12319 <!-- Image Container --> 12320 <div class="tw-relative tw-w-full"> 12321 <a 12322 href="/products/peaches-and-cream" 12323 12324 aria-label="Shop Now- Peaches & Cream" 12325 class="tw-block tw-relative tw-mx-auto tw-w-full tw-max-w-[314px] tw-aspect-square tw-overflow-hidden tw-rounded-2xl" 12326 > 12327 12328 12329 <div class="tw-relative tw-z-[1] tw-mx-auto tw-flex tw-h-full tw-w-full tw-items-center tw-justify-center"> 12330 12331<img 12332 src="//drinkolipop.com/cdn/shop/files/peaches-and-cream-9g-olipop_gallery-image_single-can_new_asset_1x.webp?v=1779165117" 12333 data-srcset="//drinkolipop.com/cdn/shop/files/peaches-and-cream-9g-olipop_gallery-image_single-can_new_asset_480x.webp?v=1779165117 240w, 12334 //drinkolipop.com/cdn/shop/files/peaches-and-cream-9g-olipop_gallery-image_single-can_new_asset_720x.webp?v=1779165117 360w, 12335 //drinkolipop.com/cdn/shop/files/peaches-and-cream-9g-olipop_gallery-image_single-can_new_asset_1080x.webp?v=1779165117 540w, 12336 //drinkolipop.com/cdn/shop/files/peaches-and-cream-9g-olipop_gallery-image_single-can_new_asset_1440x.webp?v=1779165117 720w, 12337 //drinkolipop.com/cdn/shop/files/peaches-and-cream-9g-olipop_gallery-image_single-can_new_asset_1350x.webp?v=1779165117 900w, 12338 //drinkolipop.com/cdn/shop/files/peaches-and-cream-9g-olipop_gallery-image_single-can_new_asset_1512x.webp?v=1779165117 1080w, 12339 //drinkolipop.com/cdn/shop/files/peaches-and-cream-9g-olipop_gallery-image_single-can_new_asset_1728x.webp?v=1779165117 1296w, 12340 //drinkolipop.com/cdn/shop/files/peaches-and-cream-9g-olipop_gallery-image_single-can_new_asset_1920x.webp?v=1779165117 1350w, 12341 //drinkolipop.com/cdn/shop/files/peaches-and-cream-9g-olipop_gallery-image_single-can_new_asset_1980x.webp?v=1779165117 1728w, 12342 //drinkolipop.com/cdn/shop/files/peaches-and-cream-9g-olipop_gallery-image_single-can_new_asset_2160x.webp?v=1779165117 1920w, 12343 //drinkolipop.com/cdn/shop/files/peaches-and-cream-9g-olipop_gallery-image_single-can_new_asset_2880x.webp?v=1779165117 2560w, 12344 //drinkolipop.com/cdn/shop/files/peaches-and-cream-9g-olipop_gallery-image_single-can_new_asset_4096x.webp?v=1779165117 3072w 12345 " 12346 data-src="//drinkolipop.com/cdn/shop/files/peaches-and-cream-9g-olipop_gallery-image_single-can_new_asset_360x.webp?v=1779165117" 12347 data-optimumx="auto" 12348 data-sizes="auto" 12349 data-parent-fit="contain" 12350 width="100%" 12351 height="100%" 12352 class="lazyload tw-h-full tw-w-full tw-object-contain" 12353 data-aspectratio="0.7605263157894737" 12354 alt="Peaches & Cream" 12355 12356> 12357 12358 </div> 12359 12360 12361 <div class="tw-pointer-events-none tw-absolute tw-inset-0 tw-z-[2] tw-hidden lg:tw-block" data-hover-wave-card> 12362 <div class="tw-absolute tw-inset-0 tw-flex tw-items-end tw-overflow-hidden"> 12363 <div class="tw-relative tw-h-full tw-w-full"> 12364 <div class="tw-absolute tw-inset-x-0 tw-bottom-0 tw-h-full tw-overflow-hidden"> 12365 <svg 12366 class="tw-h-full tw-w-full"
12367 viewBox="0 0 314 314" 12368 fill="none" 12369 xmlns="http://www.w3.org/2000/svg" 12370 xmlns:xlink="http://www.w3.org/1999/xlink" 12371 preserveAspectRatio="xMidYMid meet" 12372 > 12373 <defs> 12374 <clipPath id="clip-hover-wave-9247375851679-template--24009561342111__collection_hybrid_meta_ALe7xC" clipPathUnits="userSpaceOnUse"> 12375 <path 12376 data-hover-wave-path 12377 d="M314 314H0.000422459L0.00012756 318.4565C-0.0456402 318.419 62.4 300.8566 157 340.0583C251.6 379.2601 314 314.4565 314 314.4565V314Z" 12378 /> 12379 </clipPath> 12380 </defs> 12381 <image 12382 href="//drinkolipop.com/cdn/shop/files/OC-PDP-Horizontal_v2.webp?v=1746116518&width=1440" 12383 xlink:href="//drinkolipop.com/cdn/shop/files/OC-PDP-Horizontal_v2.webp?v=1746116518&width=1440" 12384 x="0" 12385 y="0" 12386 width="314" 12387 height="314" 12388 preserveAspectRatio="xMidYMax slice" 12389 clip-path="url(#clip-hover-wave-9247375851679-template--24009561342111__collection_hybrid_meta_ALe7xC)" 12390 /> 12391 </svg> 12392 </div> 12393 </div> 12394 </div> 12395 </div> 12396 12397 </a> 12398 12399 12400 <div class="tw-pointer-events-none tw-absolute tw-inset-x-0 tw-bottom-4 tw-z-[4] tw-hidden tw-px-4 lg:tw-flex lg:group-hover:tw-flex"> 12401 12402 <form method="post" action="/cart/add" data-product-card-cta data-variant-id="45259076501663" data-quantity="1" class="tw-pointer-events-auto tw-w-full tw-opacity-0 tw-transition-opacity tw-duration-300 group-hover:tw-opacity-100"> 12403 <input type="hidden" name="id" value="45259076501663"> 12404 <input type="hidden" name="quantity" value="1"> 12405 <button 12406 type="submit" 12407 name="add" 12408 data-add-to-cart 12409 data-product-card-cta 12410 aria-label="Add 12 Pack- Peaches & Cream" 12411 class="tw-inline-flex tw-w-full tw-items-center tw-justify-center tw-rounded-[50px] tw-border-0 tw-bg-[#034638] hover:tw-bg-[#0A3128] tw-px-5 tw-pt-[3px] tw-pb-[1px] tw-text-center tw-font-body tw-text-[14px] tw-font-bold tw-leading-[180%] tw-text-white tw-shadow-none tw-outline-none hover:tw-text-white focus:tw-text-white active:tw-text-white focus:tw-outline-none focus:tw-ring-0 active:tw-ring-0 active:tw-shadow-none" 12412 > 12413 Add 12 Pack 12414 </button> 12415 </form> 12416 12417 </div> 12418 </div> 12419 <!-- ./End Image Container --> 12420 12421 <!-- Text Container --> 12422 <div class="tw-row-span-1 tw-row-start-2 tw-flex tw-w-full tw-flex-col tw-items-center tw-px-3 tw-pb-6 tw-pt-4 tw-text-center md:tw-px-5"> 12423 12424 <div class="tw-flex tw-min-h-[16px] tw-items-center tw-justify-center"> 12425 <div 12426 data-bv-show="inline_rating" 12427 data-bv-product-id="9247375851679" 12428 class="bazaarvoice-product-summary bazaarvoice-product-summary--big product-card__inline-rating" 12429 ></div> 12430 </div> 12431 12432 12433 <p class="tw-min-h-[25px] tw-font-body tw-text-[14px] tw-font-normal tw-leading-[180%] tw-text-[#0A3128] tw-mt-[3px]"> 12434 12435 9g Fiber 12436 12437 </p> 12438 12439 <p class="tw-text-[16px] tw-leading-[140%]" role="heading" aria-level="3"> 12440 <a href="/products/peaches-and-cream" aria-label="Shop Now- Peaches & Cream" class="tw-relative tw-z-[4] tw-inline-block tw-font-body tw-text-[16
12440px] tw-font-bold tw-leading-[140%] tw-text-[#034638]"> 12441 Peaches & Cream 12442 </a> 12443 </p> 12444 12445 12446 <form method="post" action="/cart/add" data-product-card-cta data-variant-id="45259076501663" data-quantity="1" class="tw-relative tw-z-[4] tw-mt-2 tw-w-full tw-max-w-[120px] md:tw-max-w-[70%] lg:tw-hidden"> 12447 <input type="hidden" name="id" value="45259076501663"> 12448 <input type="hidden" name="quantity" value="1"> 12449 <button 12450 type="submit" 12451 name="add" 12452 data-add-to-cart 12453 data-product-card-cta 12454 aria-label="Add 12 Pack- Peaches & Cream" 12455 class="tw-inline-flex tw-w-full tw-items-center tw-justify-center tw-rounded-[50px] tw-border-0 tw-bg-[#034638] hover:tw-bg-[#0A3128] tw-px-5 tw-pt-[3px] tw-pb-[1px] tw-text-center tw-font-body tw-text-[14px] tw-font-bold tw-leading-[180%] tw-text-white tw-shadow-none tw-outline-none hover:tw-text-white focus:tw-text-white active:tw-text-white focus:tw-outline-none focus:tw-ring-0 active:tw-ring-0 active:tw-shadow-none" 12456 > 12457 Add 12 Pack 12458 </button> 12459 </form> 12460 12461 </div> 12462 <!-- ./End Text Container --> 12463</div> 12464 12465 12466 12467 12468 12469 12470 12471 12472 12473 12474 12475 12476 12477 12478 12479 12480 12481 12482 12483 12484 12485 12486 12487 12488 12489 12490 12491 12492 12493 12494 12495 12496 12497<div 12498 class="product-card tw-relative tw-group tw-grid tw-h-full tw-w-full tw-overflow-visible focus:tw-ring-2" 12499 style="grid-template-rows: max-content 1fr" 12500> 12501 12502 12503 12504 12505 <!-- Image Container --> 12506 <div class="tw-relative tw-w-full"> 12507 <a 12508 href="/products/ginger-ale" 12509 12510 aria-label="Shop Now- Ginger Ale" 12511 class="tw-block tw-relative tw-mx-auto tw-w-full tw-max-w-[314px] tw-aspect-square tw-overflow-hidden tw-rounded-2xl" 12512 > 12513 12514 12515 <div class="tw-relative tw-z-[1] tw-mx-auto tw-flex tw-h-full tw-w-full tw-items-center tw-justify-center"> 12516 12517<img 12518 src="//drinkolipop.com/cdn/shop/files/ginger-ale-9g-olipop_gallery-image_single-can_new_asset_1x.webp?v=1779164857" 12519 data-srcset="//drinkolipop.com/cdn/shop/files/ginger-ale-9g-olipop_gallery-image_single-can_new_asset_480x.webp?v=1779164857 240w, 12520 //drinkolipop.com/cdn/shop/files/ginger-ale-9g-olipop_gallery-image_single-can_new_asset_720x.webp?v=1779164857 360w, 12521 //drinkolipop.com/cdn/shop/files/ginger-ale-9g-olipop_gallery-image_single-can_new_asset_1080x.webp?v=1779164857 540w, 12522 //drinkolipop.com/cdn/shop/files/ginger-ale-9g-olipop_gallery-image_single-can_new_asset_1440x.webp?v=1779164857 720w, 12523 //drinkolipop.com/cdn/shop/files/ginger-ale-9g-olipop_gallery-image_single-can_new_asset_1350x.webp?v=1779164857 900w, 12524 //drinkolipop.com/cdn/shop/files/ginger-ale-9g-olipop_gallery-image_single-can_new_asset_1512x.webp?v=1779164857 1080w, 12525 //drinkolipop.com/cdn/shop/files/ginger-ale-9g-olipop_gallery-image_single-can_new_asset_1728x.webp?v=1779164857 1296w, 12526 //drinkolipop.com/cdn/shop/files/ginger-ale-9g-olipop_gallery-image_single-can_new_asset_1920x.webp?v=1779164857 1350w, 12527 //drinkolipop.com/cdn/shop/files/ginger-ale-9g-olipop_gallery-image_single-can_new_asset_1980x.webp?v=1779164857 1728w, 12528 //drinkolipop.com/cdn/shop/files/ginger-ale-9g-olipop_gallery-image_single-can_new_asset_2160x.webp?v=1779164857 1920w, 12529 //drinkolipop.com/cdn/shop/files/ginger-ale-9g-olipop_gallery-image_single-can_new_asset_2880x.webp?v=1779164857 2560w, 12530 //drinkolipop.com/cdn/shop/files/ginger-ale-9g-olipop_gallery-image_single-can_new_asset_4096x.webp?v=1779164857 3072w 12531 " 12532 data-src="//drinkolipop.com/cdn/shop/files/ginger-ale-9g-olipop_gallery-image_single-can_new_asset_360x.webp?v=1779164857" 12533 data-optimumx="auto" 12534 data-sizes="auto" 12535 data-parent-fit="contain" 12536 width="100%" 12537 height="100%" 12538 class="lazyload tw-h-full tw-w-full tw-object-contain" 12539 data-aspectratio="0.7605263157894737" 12540 alt="Ginger Ale" 12541 12542> 12543 12544 </div> 12545 12546 12547 <div class="tw-pointer-events-none tw-absolute tw-inset-0 tw-z-[2] tw-hidden lg:tw-block" data-hover-wave-card> 12548 <div class="tw-absolute tw-inset-0 tw-flex tw-items-end tw-overflow-hidden"> 12549 <div class="tw-relative tw-h-full tw-w-full"> 12550 <div class="tw-absolute tw-inset-x-0 tw-bottom-0 tw-h-full tw-overflow-hidden"> 12551 <svg 12552 class="tw-h-full tw-w-full"
12553 viewBox="0 0 314 314" 12554 fill="none" 12555 xmlns="http://www.w3.org/2000/svg" 12556 xmlns:xlink="http://www.w3.org/1999/xlink" 12557 preserveAspectRatio="xMidYMid meet" 12558 > 12559 <defs> 12560 <clipPath id="clip-hover-wave-9038878015647-template--24009561342111__collection_hybrid_meta_ALe7xC" clipPathUnits="userSpaceOnUse"> 12561 <path 12562 data-hover-wave-path 12563 d="M314 314H0.000422459L0.00012756 318.4565C-0.0456402 318.419 62.4 300.8566 157 340.0583C251.6 379.2601 314 314.4565 314 314.4565V314Z" 12564 /> 12565 </clipPath> 12566 </defs> 12567 <image 12568 href="//drinkolipop.com/cdn/shop/files/ginger-ale_GA-PDP-Square1_new_asset.jpg?v=1778729866&width=1440" 12569 xlink:href="//drinkolipop.com/cdn/shop/files/ginger-ale_GA-PDP-Square1_new_asset.jpg?v=1778729866&width=1440" 12570 x="0" 12571 y="0" 12572 width="314" 12573 height="314" 12574 preserveAspectRatio="xMidYMax slice" 12575 clip-path="url(#clip-hover-wave-9038878015647-template--24009561342111__collection_hybrid_meta_ALe7xC)" 12576 /> 12577 </svg> 12578 </div> 12579 </div> 12580 </div> 12581 </div> 12582 12583 </a> 12584 12585 12586 <div class="tw-pointer-events-none tw-absolute tw-inset-x-0 tw-bottom-4 tw-z-[4] tw-hidden tw-px-4 lg:tw-flex lg:group-hover:tw-flex"> 12587 12588 <form method="post" action="/cart/add" data-product-card-cta data-variant-id="44438423208095" data-quantity="1" class="tw-pointer-events-auto tw-w-full tw-opacity-0 tw-transition-opacity tw-duration-300 group-hover:tw-opacity-100"> 12589 <input type="hidden" name="id" value="44438423208095"> 12590 <input type="hidden" name="quantity" value="1"> 12591 <button 12592 type="submit" 12593 name="add" 12594 data-add-to-cart 12595 data-product-card-cta 12596 aria-label="Add 12 Pack- Ginger Ale" 12597 class="tw-inline-flex tw-w-full tw-items-center tw-justify-center tw-rounded-[50px] tw-border-0 tw-bg-[#034638] hover:tw-bg-[#0A3128] tw-px-5 tw-pt-[3px] tw-pb-[1px] tw-text-center tw-font-body tw-text-[14px] tw-font-bold tw-leading-[180%] tw-text-white tw-shadow-none tw-outline-none hover:tw-text-white focus:tw-text-white active:tw-text-white focus:tw-outline-none focus:tw-ring-0 active:tw-ring-0 active:tw-shadow-none" 12598 > 12599 Add 12 Pack 12600 </button> 12601 </form> 12602 12603 </div> 12604 </div> 12605 <!-- ./End Image Container --> 12606 12607 <!-- Text Container --> 12608 <div class="tw-row-span-1 tw-row-start-2 tw-flex tw-w-full tw-flex-col tw-items-center tw-px-3 tw-pb-6 tw-pt-4 tw-text-center md:tw-px-5"> 12609 12610 <div class="tw-flex tw-min-h-[16px] tw-items-center tw-justify-center"> 12611 <div 12612 data-bv-show="inline_rating" 12613 data-bv-product-id="9038878015647" 12614 class="bazaarvoice-product-summary bazaarvoice-product-summary--big product-card__inline-rating" 12615 ></div> 12616 </div> 12617 12618 12619 <p class="tw-min-h-[25px] tw-font-body tw-text-[14px] tw-font-normal tw-leading-[180%] tw-text-[#0A3128] tw-mt-[3px]"> 12620 12621 9g Fiber 12622 12623 </p> 12624 12625 <p class="tw-text-[16px] tw-leading-[140%]" role="heading" aria-level="3"> 12626 <a href="/products/ginger-ale" aria-label="Shop Now- Ginger Ale" class="tw-relative tw-z-[4] tw-inline-block tw-font-body tw-text-[16
12626px] tw-font-bold tw-leading-[140%] tw-text-[#034638]"> 12627 Ginger Ale 12628 </a> 12629 </p> 12630 12631 12632 <form method="post" action="/cart/add" data-product-card-cta data-variant-id="44438423208095" data-quantity="1" class="tw-relative tw-z-[4] tw-mt-2 tw-w-full tw-max-w-[120px] md:tw-max-w-[70%] lg:tw-hidden"> 12633 <input type="hidden" name="id" value="44438423208095"> 12634 <input type="hidden" name="quantity" value="1"> 12635 <button 12636 type="submit" 12637 name="add" 12638 data-add-to-cart 12639 data-product-card-cta 12640 aria-label="Add 12 Pack- Ginger Ale" 12641 class="tw-inline-flex tw-w-full tw-items-center tw-justify-center tw-rounded-[50px] tw-border-0 tw-bg-[#034638] hover:tw-bg-[#0A3128] tw-px-5 tw-pt-[3px] tw-pb-[1px] tw-text-center tw-font-body tw-text-[14px] tw-font-bold tw-leading-[180%] tw-text-white tw-shadow-none tw-outline-none hover:tw-text-white focus:tw-text-white active:tw-text-white focus:tw-outline-none focus:tw-ring-0 active:tw-ring-0 active:tw-shadow-none" 12642 > 12643 Add 12 Pack 12644 </button> 12645 </form> 12646 12647 </div> 12648 <!-- ./End Text Container --> 12649</div> 12650 12651 12652 12653 12654 12655 12656 12657 12658 12659 12660 12661 12662 12663 12664 12665 12666 12667 12668 12669 12670 12671 12672 12673 12674 12675 12676 12677 12678 12679 12680 12681 12682 12683<div 12684 class="product-card tw-relative tw-group tw-grid tw-h-full tw-w-full tw-overflow-visible focus:tw-ring-2" 12685 style="grid-template-rows: max-content 1fr" 12686> 12687 12688 12689 12690 12691 <!-- Image Container --> 12692 <div class="tw-relative tw-w-full"> 12693 <a 12694 href="/products/orange-squeeze" 12695 12696 aria-label="Shop Now- Orange Squeeze" 12697 class="tw-block tw-relative tw-mx-auto tw-w-full tw-max-w-[314px] tw-aspect-square tw-overflow-hidden tw-rounded-2xl" 12698 > 12699 12700 12701 <div class="tw-relative tw-z-[1] tw-mx-auto tw-flex tw-h-full tw-w-full tw-items-center tw-justify-center"> 12702 12703<img 12704 src="//drinkolipop.com/cdn/shop/files/orange-squeeze-9g-olipop_gallery-image_single-can_new_asset_1x.webp?v=1779162264" 12705 data-srcset="//drinkolipop.com/cdn/shop/files/orange-squeeze-9g-olipop_gallery-image_single-can_new_asset_480x.webp?v=1779162264 240w, 12706 //drinkolipop.com/cdn/shop/files/orange-squeeze-9g-olipop_gallery-image_single-can_new_asset_720x.webp?v=1779162264 360w, 12707 //drinkolipop.com/cdn/shop/files/orange-squeeze-9g-olipop_gallery-image_single-can_new_asset_1080x.webp?v=1779162264 540w, 12708 //drinkolipop.com/cdn/shop/files/orange-squeeze-9g-olipop_gallery-image_single-can_new_asset_1440x.webp?v=1779162264 720w, 12709 //drinkolipop.com/cdn/shop/files/orange-squeeze-9g-olipop_gallery-image_single-can_new_asset_1350x.webp?v=1779162264 900w, 12710 //drinkolipop.com/cdn/shop/files/orange-squeeze-9g-olipop_gallery-image_single-can_new_asset_1512x.webp?v=1779162264 1080w, 12711 //drinkolipop.com/cdn/shop/files/orange-squeeze-9g-olipop_gallery-image_single-can_new_asset_1728x.webp?v=1779162264 1296w, 12712 //drinkolipop.com/cdn/shop/files/orange-squeeze-9g-olipop_gallery-image_single-can_new_asset_1920x.webp?v=1779162264 1350w, 12713 //drinkolipop.com/cdn/shop/files/orange-squeeze-9g-olipop_gallery-image_single-can_new_asset_1980x.webp?v=1779162264 1728w, 12714 //drinkolipop.com/cdn/shop/files/orange-squeeze-9g-olipop_gallery-image_single-can_new_asset_2160x.webp?v=1779162264 1920w, 12715 //drinkolipop.com/cdn/shop/files/orange-squeeze-9g-olipop_gallery-image_single-can_new_asset_2880x.webp?v=1779162264 2560w, 12716 //drinkolipop.com/cdn/shop/files/orange-squeeze-9g-olipop_gallery-image_single-can_new_asset_4096x.webp?v=1779162264 3072w 12717 " 12718 data-src="//drinkolipop.com/cdn/shop/files/orange-squeeze-9g-olipop_gallery-image_single-can_new_asset_360x.webp?v=1779162264" 12719 data-optimumx="auto" 12720 data-sizes="auto" 12721 data-parent-fit="contain" 12722 width="100%" 12723 height="100%" 12724 class="lazyload tw-h-full tw-w-full tw-object-contain" 12725 data-aspectratio="0.7605263157894737" 12726 alt="Orange Squeeze" 12727 12728> 12729 12730 </div> 12731 12732 12733 <div class="tw-pointer-events-none tw-absolute tw-inset-0 tw-z-[2] tw-hidden lg:tw-block" data-hover-wave-card> 12734 <div class="tw-absolute tw-inset-0 tw-flex tw-items-end tw-overflow-hidden"> 12735 <div class="tw-relative tw-h-full tw-w-full"> 12736 <div class="tw-absolute tw-inset-x-0 tw-bottom-0 tw-h-full tw-overflow-hidden"> 12737 <svg 12738 class="tw-h-full tw-w-full"
12739 viewBox="0 0 314 314" 12740 fill="none" 12741 xmlns="http://www.w3.org/2000/svg" 12742 xmlns:xlink="http://www.w3.org/1999/xlink" 12743 preserveAspectRatio="xMidYMid meet" 12744 > 12745 <defs> 12746 <clipPath id="clip-hover-wave-5538631712927-template--24009561342111__collection_hybrid_meta_ALe7xC" clipPathUnits="userSpaceOnUse"> 12747 <path 12748 data-hover-wave-path 12749 d="M314 314H0.000422459L0.00012756 318.4565C-0.0456402 318.419 62.4 300.8566 157 340.0583C251.6 379.2601 314 314.4565 314 314.4565V314Z" 12750 /> 12751 </clipPath> 12752 </defs> 12753 <image 12754 href="//drinkolipop.com/cdn/shop/products/OS-TOP_new_asset.png?v=1779077019&width=1440" 12755 xlink:href="//drinkolipop.com/cdn/shop/products/OS-TOP_new_asset.png?v=1779077019&width=1440" 12756 x="0" 12757 y="0" 12758 width="314" 12759 height="314" 12760 preserveAspectRatio="xMidYMax slice" 12761 clip-path="url(#clip-hover-wave-5538631712927-template--24009561342111__collection_hybrid_meta_ALe7xC)" 12762 /> 12763 </svg> 12764 </div> 12765 </div> 12766 </div> 12767 </div> 12768 12769 </a> 12770 12771 12772 <div class="tw-pointer-events-none tw-absolute tw-inset-x-0 tw-bottom-4 tw-z-[4] tw-hidden tw-px-4 lg:tw-flex lg:group-hover:tw-flex"> 12773 12774 <form method="post" action="/cart/add" data-product-card-cta data-variant-id="35768781111455" data-quantity="1" class="tw-pointer-events-auto tw-w-full tw-opacity-0 tw-transition-opacity tw-duration-300 group-hover:tw-opacity-100"> 12775 <input type="hidden" name="id" value="35768781111455"> 12776 <input type="hidden" name="quantity" value="1"> 12777 <button 12778 type="submit" 12779 name="add" 12780 data-add-to-cart 12781 data-product-card-cta 12782 aria-label="Add 12 Pack- Orange Squeeze" 12783 class="tw-inline-flex tw-w-full tw-items-center tw-justify-center tw-rounded-[50px] tw-border-0 tw-bg-[#034638] hover:tw-bg-[#0A3128] tw-px-5 tw-pt-[3px] tw-pb-[1px] tw-text-center tw-font-body tw-text-[14px] tw-font-bold tw-leading-[180%] tw-text-white tw-shadow-none tw-outline-none hover:tw-text-white focus:tw-text-white active:tw-text-white focus:tw-outline-none focus:tw-ring-0 active:tw-ring-0 active:tw-shadow-none" 12784 > 12785 Add 12 Pack 12786 </button> 12787 </form> 12788 12789 </div> 12790 </div> 12791 <!-- ./End Image Container --> 12792 12793 <!-- Text Container --> 12794 <div class="tw-row-span-1 tw-row-start-2 tw-flex tw-w-full tw-flex-col tw-items-center tw-px-3 tw-pb-6 tw-pt-4 tw-text-center md:tw-px-5"> 12795 12796 <div class="tw-flex tw-min-h-[16px] tw-items-center tw-justify-center"> 12797 <div 12798 data-bv-show="inline_rating" 12799 data-bv-product-id="5538631712927" 12800 class="bazaarvoice-product-summary bazaarvoice-product-summary--big product-card__inline-rating" 12801 ></div> 12802 </div> 12803 12804 12805 <p class="tw-min-h-[25px] tw-font-body tw-text-[14px] tw-font-normal tw-leading-[180%] tw-text-[#0A3128] tw-mt-[3px]"> 12806 12807 9g Fiber 12808 12809 </p> 12810 12811 <p class="tw-text-[16px] tw-leading-[140%]" role="heading" aria-level="3"> 12812 <a href="/products/orange-squeeze" aria-label="Shop Now- Orange Squeeze" class="tw-relative tw-z-[4] tw-inline-block tw-font-body tw-text-[16
12812px] tw-font-bold tw-leading-[140%] tw-text-[#034638]"> 12813 Orange Squeeze 12814 </a> 12815 </p> 12816 12817 12818 <form method="post" action="/cart/add" data-product-card-cta data-variant-id="35768781111455" data-quantity="1" class="tw-relative tw-z-[4] tw-mt-2 tw-w-full tw-max-w-[120px] md:tw-max-w-[70%] lg:tw-hidden"> 12819 <input type="hidden" name="id" value="35768781111455"> 12820 <input type="hidden" name="quantity" value="1"> 12821 <button 12822 type="submit" 12823 name="add" 12824 data-add-to-cart 12825 data-product-card-cta 12826 aria-label="Add 12 Pack- Orange Squeeze" 12827 class="tw-inline-flex tw-w-full tw-items-center tw-justify-center tw-rounded-[50px] tw-border-0 tw-bg-[#034638] hover:tw-bg-[#0A3128] tw-px-5 tw-pt-[3px] tw-pb-[1px] tw-text-center tw-font-body tw-text-[14px] tw-font-bold tw-leading-[180%] tw-text-white tw-shadow-none tw-outline-none hover:tw-text-white focus:tw-text-white active:tw-text-white focus:tw-outline-none focus:tw-ring-0 active:tw-ring-0 active:tw-shadow-none" 12828 > 12829 Add 12 Pack 12830 </button> 12831 </form> 12832 12833 </div> 12834 <!-- ./End Text Container --> 12835</div> 12836 12837 12838 12839 12840 12841 12842 12843 12844 12845 12846 12847 12848 12849 12850 12851 12852 12853 12854 12855 12856 12857 12858 12859 12860 12861 12862 12863 12864 12865 12866 12867 12868 12869<div 12870 class="product-card tw-relative tw-group tw-grid tw-h-full tw-w-full tw-overflow-visible focus:tw-ring-2" 12871 style="grid-template-rows: max-content 1fr" 12872> 12873 12874 12875 12876 12877 <!-- Image Container --> 12878 <div class="tw-relative tw-w-full"> 12879 <a 12880 href="/products/citrus-rush" 12881 12882 aria-label="Shop Now- Citrus Rush" 12883 class="tw-block tw-relative tw-mx-auto tw-w-full tw-max-w-[314px] tw-aspect-square tw-overflow-hidden tw-rounded-2xl" 12884 > 12885 12886 12887 <div class="tw-relative tw-z-[1] tw-mx-auto tw-flex tw-h-full tw-w-full tw-items-center tw-justify-center"> 12888 12889<img 12890 src="//drinkolipop.com/cdn/shop/files/citrus-rush-9g-olipop_gallery-image_single-can_new_asset_1x.webp?v=1779196248" 12891 data-srcset="//drinkolipop.com/cdn/shop/files/citrus-rush-9g-olipop_gallery-image_single-can_new_asset_480x.webp?v=1779196248 240w, 12892 //drinkolipop.com/cdn/shop/files/citrus-rush-9g-olipop_gallery-image_single-can_new_asset_720x.webp?v=1779196248 360w, 12893 //drinkolipop.com/cdn/shop/files/citrus-rush-9g-olipop_gallery-image_single-can_new_asset_1080x.webp?v=1779196248 540w, 12894 //drinkolipop.com/cdn/shop/files/citrus-rush-9g-olipop_gallery-image_single-can_new_asset_1440x.webp?v=1779196248 720w, 12895 //drinkolipop.com/cdn/shop/files/citrus-rush-9g-olipop_gallery-image_single-can_new_asset_1350x.webp?v=1779196248 900w, 12896 //drinkolipop.com/cdn/shop/files/citrus-rush-9g-olipop_gallery-image_single-can_new_asset_1512x.webp?v=1779196248 1080w, 12897 //drinkolipop.com/cdn/shop/files/citrus-rush-9g-olipop_gallery-image_single-can_new_asset_1728x.webp?v=1779196248 1296w, 12898 //drinkolipop.com/cdn/shop/files/citrus-rush-9g-olipop_gallery-image_single-can_new_asset_1920x.webp?v=1779196248 1350w, 12899 //drinkolipop.com/cdn/shop/files/citrus-rush-9g-olipop_gallery-image_single-can_new_asset_1980x.webp?v=1779196248 1728w, 12900 //drinkolipop.com/cdn/shop/files/citrus-rush-9g-olipop_gallery-image_single-can_new_asset_2160x.webp?v=1779196248 1920w, 12901 //drinkolipop.com/cdn/shop/files/citrus-rush-9g-olipop_gallery-image_single-can_new_asset_2880x.webp?v=1779196248 2560w, 12902 //drinkolipop.com/cdn/shop/files/citrus-rush-9g-olipop_gallery-image_single-can_new_asset_4096x.webp?v=1779196248 3072w 12903 " 12904 data-src="//drinkolipop.com/cdn/shop/files/citrus-rush-9g-olipop_gallery-image_single-can_new_asset_360x.webp?v=1779196248" 12905 data-optimumx="auto" 12906 data-sizes="auto" 12907 data-parent-fit="contain" 12908 width="100%" 12909 height="100%" 12910 class="lazyload tw-h-full tw-w-full tw-object-contain" 12911 data-aspectratio="0.7605263157894737" 12912 alt="Citrus Rush" 12913 12914> 12915 12916 </div> 12917 12918 12919 <div class="tw-pointer-events-none tw-absolute tw-inset-0 tw-z-[2] tw-hidden lg:tw-block" data-hover-wave-card> 12920 <div class="tw-absolute tw-inset-0 tw-flex tw-items-end tw-overflow-hidden"> 12921 <div class="tw-relative tw-h-full tw-w-full"> 12922 <div class="tw-absolute tw-inset-x-0 tw-bottom-0 tw-h-full tw-overflow-hidden"> 12923 <svg 12924 class="tw-h-full tw-w-full"
12925 viewBox="0 0 314 314" 12926 fill="none" 12927 xmlns="http://www.w3.org/2000/svg" 12928 xmlns:xlink="http://www.w3.org/1999/xlink" 12929 preserveAspectRatio="xMidYMid meet" 12930 > 12931 <defs> 12932 <clipPath id="clip-hover-wave-9407865061535-template--24009561342111__collection_hybrid_meta_ALe7xC" clipPathUnits="userSpaceOnUse"> 12933 <path 12934 data-hover-wave-path 12935 d="M314 314H0.000422459L0.00012756 318.4565C-0.0456402 318.419 62.4 300.8566 157 340.0583C251.6 379.2601 314 314.4565 314 314.4565V314Z" 12936 /> 12937 </clipPath> 12938 </defs> 12939 <image 12940 href="//drinkolipop.com/cdn/shop/files/citrus-rush-9g-olipop_OLIPOP_RFG_12oz_CR_GLASSCAN_1x1_new_asset.webp?v=1779114514&width=1440" 12941 xlink:href="//drinkolipop.com/cdn/shop/files/citrus-rush-9g-olipop_OLIPOP_RFG_12oz_CR_GLASSCAN_1x1_new_asset.webp?v=1779114514&width=1440" 12942 x="0" 12943 y="0" 12944 width="314" 12945 height="314" 12946 preserveAspectRatio="xMidYMax slice" 12947 clip-path="url(#clip-hover-wave-9407865061535-template--24009561342111__collection_hybrid_meta_ALe7xC)" 12948 /> 12949 </svg> 12950 </div> 12951 </div> 12952 </div> 12953 </div> 12954 12955 </a> 12956 12957 12958 <div class="tw-pointer-events-none tw-absolute tw-inset-x-0 tw-bottom-4 tw-z-[4] tw-hidden tw-px-4 lg:tw-flex lg:group-hover:tw-flex"> 12959 12960 <form method="post" action="/cart/add" data-product-card-cta data-variant-id="46054342066335" data-quantity="1" class="tw-pointer-events-auto tw-w-full tw-opacity-0 tw-transition-opacity tw-duration-300 group-hover:tw-opacity-100"> 12961 <input type="hidden" name="id" value="46054342066335"> 12962 <input type="hidden" name="quantity" value="1"> 12963 <button 12964 type="submit" 12965 name="add" 12966 data-add-to-cart 12967 data-product-card-cta 12968 aria-label="Add 12 Pack- Citrus Rush" 12969 class="tw-inline-flex tw-w-full tw-items-center tw-justify-center tw-rounded-[50px] tw-border-0 tw-bg-[#034638] hover:tw-bg-[#0A3128] tw-px-5 tw-pt-[3px] tw-pb-[1px] tw-text-center tw-font-body tw-text-[14px] tw-font-bold tw-leading-[180%] tw-text-white tw-shadow-none tw-outline-none hover:tw-text-white focus:tw-text-white active:tw-text-white focus:tw-outline-none focus:tw-ring-0 active:tw-ring-0 active:tw-shadow-none" 12970 > 12971 Add 12 Pack 12972 </button> 12973 </form> 12974 12975 </div> 12976 </div> 12977 <!-- ./End Image Container --> 12978 12979 <!-- Text Container --> 12980 <div class="tw-row-span-1 tw-row-start-2 tw-flex tw-w-full tw-flex-col tw-items-center tw-px-3 tw-pb-6 tw-pt-4 tw-text-center md:tw-px-5"> 12981 12982 <div class="tw-flex tw-min-h-[16px] tw-items-center tw-justify-center"> 12983 <div 12984 data-bv-show="inline_rating" 12985 data-bv-product-id="9407865061535" 12986 class="bazaarvoice-product-summary bazaarvoice-product-summary--big product-card__inline-rating" 12987 ></div> 12988 </div> 12989 12990 12991 <p class="tw-min-h-[25px] tw-font-body tw-text-[14px] tw-font-normal tw-leading-[180%] tw-text-[#0A3128] tw-mt-[3px]"> 12992 12993 9g Fiber 12994 12995 </p> 12996 12997 <p class="tw-text-[16px] tw-leading-[140%]" role="heading" aria-level="3"> 12998 <a href="/products/citrus-rush" aria-label="Shop Now- Citrus Rush" class="tw-relative tw-z-[4] tw-inline-block tw-font-body tw-text-[16
12998px] tw-font-bold tw-leading-[140%] tw-text-[#034638]"> 12999 Citrus Rush 13000 </a> 13001 </p> 13002 13003 13004 <form method="post" action="/cart/add" data-product-card-cta data-variant-id="46054342066335" data-quantity="1" class="tw-relative tw-z-[4] tw-mt-2 tw-w-full tw-max-w-[120px] md:tw-max-w-[70%] lg:tw-hidden"> 13005 <input type="hidden" name="id" value="46054342066335"> 13006 <input type="hidden" name="quantity" value="1"> 13007 <button 13008 type="submit" 13009 name="add" 13010 data-add-to-cart 13011 data-product-card-cta 13012 aria-label="Add 12 Pack- Citrus Rush" 13013 class="tw-inline-flex tw-w-full tw-items-center tw-justify-center tw-rounded-[50px] tw-border-0 tw-bg-[#034638] hover:tw-bg-[#0A3128] tw-px-5 tw-pt-[3px] tw-pb-[1px] tw-text-center tw-font-body tw-text-[14px] tw-font-bold tw-leading-[180%] tw-text-white tw-shadow-none tw-outline-none hover:tw-text-white focus:tw-text-white active:tw-text-white focus:tw-outline-none focus:tw-ring-0 active:tw-ring-0 active:tw-shadow-none" 13014 > 13015 Add 12 Pack 13016 </button> 13017 </form> 13018 13019 </div> 13020 <!-- ./End Text Container --> 13021</div> 13022 13023 13024 13025 13026 13027 13028 13029 13030 13031 13032 13033 13034 13035 13036 13037 13038 13039 13040 13041 13042 13043 13044 13045 13046 13047 13048 13049 13050 13051 13052 13053 13054 13055<div 13056 class="product-card tw-relative tw-group tw-grid tw-h-full tw-w-full tw-overflow-visible focus:tw-ring-2" 13057 style="grid-template-rows: max-content 1fr" 13058> 13059 13060 13061 13062 13063 <!-- Image Container --> 13064 <div class="tw-relative tw-w-full"> 13065 <a 13066 href="/products/doctor-goodwin" 13067 13068 aria-label="Shop Now- Doctor Goodwin" 13069 class="tw-block tw-relative tw-mx-auto tw-w-full tw-max-w-[314px] tw-aspect-square tw-overflow-hidden tw-rounded-2xl" 13070 > 13071 13072 13073 <div class="tw-relative tw-z-[1] tw-mx-auto tw-flex tw-h-full tw-w-full tw-items-center tw-justify-center"> 13074 13075<img 13076 src="//drinkolipop.com/cdn/shop/files/doctor-goodwin-9g-olipop_gallery-image_single-can_new_asset_1x.webp?v=1779163486" 13077 data-srcset="//drinkolipop.com/cdn/shop/files/doctor-goodwin-9g-olipop_gallery-image_single-can_new_asset_480x.webp?v=1779163486 240w, 13078 //drinkolipop.com/cdn/shop/files/doctor-goodwin-9g-olipop_gallery-image_single-can_new_asset_720x.webp?v=1779163486 360w, 13079 //drinkolipop.com/cdn/shop/files/doctor-goodwin-9g-olipop_gallery-image_single-can_new_asset_1080x.webp?v=1779163486 540w, 13080 //drinkolipop.com/cdn/shop/files/doctor-goodwin-9g-olipop_gallery-image_single-can_new_asset_1440x.webp?v=1779163486 720w, 13081 //drinkolipop.com/cdn/shop/files/doctor-goodwin-9g-olipop_gallery-image_single-can_new_asset_1350x.webp?v=1779163486 900w, 13082 //drinkolipop.com/cdn/shop/files/doctor-goodwin-9g-olipop_gallery-image_single-can_new_asset_1512x.webp?v=1779163486 1080w, 13083 //drinkolipop.com/cdn/shop/files/doctor-goodwin-9g-olipop_gallery-image_single-can_new_asset_1728x.webp?v=1779163486 1296w, 13084 //drinkolipop.com/cdn/shop/files/doctor-goodwin-9g-olipop_gallery-image_single-can_new_asset_1920x.webp?v=1779163486 1350w, 13085 //drinkolipop.com/cdn/shop/files/doctor-goodwin-9g-olipop_gallery-image_single-can_new_asset_1980x.webp?v=1779163486 1728w, 13086 //drinkolipop.com/cdn/shop/files/doctor-goodwin-9g-olipop_gallery-image_single-can_new_asset_2160x.webp?v=1779163486 1920w, 13087 //drinkolipop.com/cdn/shop/files/doctor-goodwin-9g-olipop_gallery-image_single-can_new_asset_2880x.webp?v=1779163486 2560w, 13088 //drinkolipop.com/cdn/shop/files/doctor-goodwin-9g-olipop_gallery-image_single-can_new_asset_4096x.webp?v=1779163486 3072w 13089 " 13090 data-src="//drinkolipop.com/cdn/shop/files/doctor-goodwin-9g-olipop_gallery-image_single-can_new_asset_360x.webp?v=1779163486" 13091 data-optimumx="auto" 13092 data-sizes="auto" 13093 data-parent-fit="contain" 13094 width="100%" 13095 height="100%" 13096 class="lazyload tw-h-full tw-w-full tw-object-contain" 13097 data-aspectratio="0.7605263157894737" 13098 alt="Doctor Goodwin" 13099 13100> 13101 13102 </div> 13103 13104 13105 <div class="tw-pointer-events-none tw-absolute tw-inset-0 tw-z-[2] tw-hidden lg:tw-block" data-hover-wave-card> 13106 <div class="tw-absolute tw-inset-0 tw-flex tw-items-end tw-overflow-hidden"> 13107 <div class="tw-relative tw-h-full tw-w-full"> 13108 <div class="tw-absolute tw-inset-x-0 tw-bottom-0 tw-h-full tw-overflow-hidden"> 13109 <svg 13110 class="tw-h-full tw-w-full"
13111 viewBox="0 0 314 314" 13112 fill="none" 13113 xmlns="http://www.w3.org/2000/svg" 13114 xmlns:xlink="http://www.w3.org/1999/xlink" 13115 preserveAspectRatio="xMidYMid meet" 13116 > 13117 <defs> 13118 <clipPath id="clip-hover-wave-7413651832991-template--24009561342111__collection_hybrid_meta_ALe7xC" clipPathUnits="userSpaceOnUse"> 13119 <path 13120 data-hover-wave-path 13121 d="M314 314H0.000422459L0.00012756 318.4565C-0.0456402 318.419 62.4 300.8566 157 340.0583C251.6 379.2601 314 314.4565 314 314.4565V314Z" 13122 /> 13123 </clipPath> 13124 </defs> 13125 <image 13126 href="//drinkolipop.com/cdn/shop/files/doctor-goodwin-9g-olipop_DG-Hover_new_asset.webp?v=1779133071&width=1440" 13127 xlink:href="//drinkolipop.com/cdn/shop/files/doctor-goodwin-9g-olipop_DG-Hover_new_asset.webp?v=1779133071&width=1440" 13128 x="0" 13129 y="0" 13130 width="314" 13131 height="314" 13132 preserveAspectRatio="xMidYMax slice" 13133 clip-path="url(#clip-hover-wave-7413651832991-template--24009561342111__collection_hybrid_meta_ALe7xC)" 13134 /> 13135 </svg> 13136 </div> 13137 </div> 13138 </div> 13139 </div> 13140 13141 </a> 13142 13143 13144 <div class="tw-pointer-events-none tw-absolute tw-inset-x-0 tw-bottom-4 tw-z-[4] tw-hidden tw-px-4 lg:tw-flex lg:group-hover:tw-flex"> 13145 13146 <form method="post" action="/cart/add" data-product-card-cta data-variant-id="42284985188511" data-quantity="1" class="tw-pointer-events-auto tw-w-full tw-opacity-0 tw-transition-opacity tw-duration-300 group-hover:tw-opacity-100"> 13147 <input type="hidden" name="id" value="42284985188511"> 13148 <input type="hidden" name="quantity" value="1"> 13149 <button 13150 type="submit" 13151 name="add" 13152 data-add-to-cart 13153 data-product-card-cta 13154 aria-label="Add 12 Pack- Doctor Goodwin" 13155 class="tw-inline-flex tw-w-full tw-items-center tw-justify-center tw-rounded-[50px] tw-border-0 tw-bg-[#034638] hover:tw-bg-[#0A3128] tw-px-5 tw-pt-[3px] tw-pb-[1px] tw-text-center tw-font-body tw-text-[14px] tw-font-bold tw-leading-[180%] tw-text-white tw-shadow-none tw-outline-none hover:tw-text-white focus:tw-text-white active:tw-text-white focus:tw-outline-none focus:tw-ring-0 active:tw-ring-0 active:tw-shadow-none" 13156 > 13157 Add 12 Pack 13158 </button> 13159 </form> 13160 13161 </div> 13162 </div> 13163 <!-- ./End Image Container --> 13164 13165 <!-- Text Container --> 13166 <div class="tw-row-span-1 tw-row-start-2 tw-flex tw-w-full tw-flex-col tw-items-center tw-px-3 tw-pb-6 tw-pt-4 tw-text-center md:tw-px-5"> 13167 13168 <div class="tw-flex tw-min-h-[16px] tw-items-center tw-justify-center"> 13169 <div 13170 data-bv-show="inline_rating" 13171 data-bv-product-id="7413651832991" 13172 class="bazaarvoice-product-summary bazaarvoice-product-summary--big product-card__inline-rating" 13173 ></div> 13174 </div> 13175 13176 13177 <p class="tw-min-h-[25px] tw-font-body tw-text-[14px] tw-font-normal tw-leading-[180%] tw-text-[#0A3128] tw-mt-[3px]"> 13178 13179 9g Fiber 13180 13181 </p> 13182 13183 <p class="tw-text-[16px] tw-leading-[140%]" role="heading" aria-level="3"> 13184 <a href="/products/doctor-goodwin" aria-label="Shop Now- Doctor Goodwin" class="tw-relative tw-z-[4] tw-inline-block tw-font-body tw-text-[16
13184px] tw-font-bold tw-leading-[140%] tw-text-[#034638]"> 13185 Doctor Goodwin 13186 </a> 13187 </p> 13188 13189 13190 <form method="post" action="/cart/add" data-product-card-cta data-variant-id="42284985188511" data-quantity="1" class="tw-relative tw-z-[4] tw-mt-2 tw-w-full tw-max-w-[120px] md:tw-max-w-[70%] lg:tw-hidden"> 13191 <input type="hidden" name="id" value="42284985188511"> 13192 <input type="hidden" name="quantity" value="1"> 13193 <button 13194 type="submit" 13195 name="add" 13196 data-add-to-cart 13197 data-product-card-cta 13198 aria-label="Add 12 Pack- Doctor Goodwin" 13199 class="tw-inline-flex tw-w-full tw-items-center tw-justify-center tw-rounded-[50px] tw-border-0 tw-bg-[#034638] hover:tw-bg-[#0A3128] tw-px-5 tw-pt-[3px] tw-pb-[1px] tw-text-center tw-font-body tw-text-[14px] tw-font-bold tw-leading-[180%] tw-text-white tw-shadow-none tw-outline-none hover:tw-text-white focus:tw-text-white active:tw-text-white focus:tw-outline-none focus:tw-ring-0 active:tw-ring-0 active:tw-shadow-none" 13200 > 13201 Add 12 Pack 13202 </button> 13203 </form> 13204 13205 </div> 13206 <!-- ./End Text Container --> 13207</div> 13208 13209 13210 13211 13212 13213 13214 13215 13216 13217 13218 13219 13220 13221 13222 13223 13224 13225 13226 13227 13228 13229 13230 13231 13232 13233 13234 13235 13236 13237 13238 13239 13240 13241<div 13242 class="product-card tw-relative tw-group tw-grid tw-h-full tw-w-full tw-overflow-visible focus:tw-ring-2" 13243 style="grid-template-rows: max-content 1fr" 13244> 13245 13246 13247 13248 13249 <!-- Image Container --> 13250 <div class="tw-relative tw-w-full"> 13251 <a 13252 href="/products/cherry-vanilla" 13253 13254 aria-label="Shop Now- Cherry Vanilla" 13255 class="tw-block tw-relative tw-mx-auto tw-w-full tw-max-w-[314px] tw-aspect-square tw-overflow-hidden tw-rounded-2xl" 13256 > 13257 13258 13259 <div class="tw-relative tw-z-[1] tw-mx-auto tw-flex tw-h-full tw-w-full tw-items-center tw-justify-center"> 13260 13261<img 13262 src="//drinkolipop.com/cdn/shop/files/cherry-vanilla-9g-olipop_gallery-image_single-can_new_asset_1x.webp?v=1779162208" 13263 data-srcset="//drinkolipop.com/cdn/shop/files/cherry-vanilla-9g-olipop_gallery-image_single-can_new_asset_480x.webp?v=1779162208 240w, 13264 //drinkolipop.com/cdn/shop/files/cherry-vanilla-9g-olipop_gallery-image_single-can_new_asset_720x.webp?v=1779162208 360w, 13265 //drinkolipop.com/cdn/shop/files/cherry-vanilla-9g-olipop_gallery-image_single-can_new_asset_1080x.webp?v=1779162208 540w, 13266 //drinkolipop.com/cdn/shop/files/cherry-vanilla-9g-olipop_gallery-image_single-can_new_asset_1440x.webp?v=1779162208 720w, 13267 //drinkolipop.com/cdn/shop/files/cherry-vanilla-9g-olipop_gallery-image_single-can_new_asset_1350x.webp?v=1779162208 900w, 13268 //drinkolipop.com/cdn/shop/files/cherry-vanilla-9g-olipop_gallery-image_single-can_new_asset_1512x.webp?v=1779162208 1080w, 13269 //drinkolipop.com/cdn/shop/files/cherry-vanilla-9g-olipop_gallery-image_single-can_new_asset_1728x.webp?v=1779162208 1296w, 13270 //drinkolipop.com/cdn/shop/files/cherry-vanilla-9g-olipop_gallery-image_single-can_new_asset_1920x.webp?v=1779162208 1350w, 13271 //drinkolipop.com/cdn/shop/files/cherry-vanilla-9g-olipop_gallery-image_single-can_new_asset_1980x.webp?v=1779162208 1728w, 13272 //drinkolipop.com/cdn/shop/files/cherry-vanilla-9g-olipop_gallery-image_single-can_new_asset_2160x.webp?v=1779162208 1920w, 13273 //drinkolipop.com/cdn/shop/files/cherry-vanilla-9g-olipop_gallery-image_single-can_new_asset_2880x.webp?v=1779162208 2560w, 13274 //drinkolipop.com/cdn/shop/files/cherry-vanilla-9g-olipop_gallery-image_single-can_new_asset_4096x.webp?v=1779162208 3072w 13275 " 13276 data-src="//drinkolipop.com/cdn/shop/files/cherry-vanilla-9g-olipop_gallery-image_single-can_new_asset_360x.webp?v=1779162208" 13277 data-optimumx="auto" 13278 data-sizes="auto" 13279 data-parent-fit="contain" 13280 width="100%" 13281 height="100%" 13282 class="lazyload tw-h-full tw-w-full tw-object-contain" 13283 data-aspectratio="0.7605263157894737" 13284 alt="Cherry Vanilla" 13285 13286> 13287 13288 </div> 13289 13290 13291 <div class="tw-pointer-events-none tw-absolute tw-inset-0 tw-z-[2] tw-hidden lg:tw-block" data-hover-wave-card> 13292 <div class="tw-absolute tw-inset-0 tw-flex tw-items-end tw-overflow-hidden"> 13293 <div class="tw-relative tw-h-full tw-w-full"> 13294 <div class="tw-absolute tw-inset-x-0 tw-bottom-0 tw-h-full tw-overflow-hidden"> 13295 <svg 13296 class="tw-h-full tw-w-full"
13297 viewBox="0 0 314 314" 13298 fill="none" 13299 xmlns="http://www.w3.org/2000/svg" 13300 xmlns:xlink="http://www.w3.org/1999/xlink" 13301 preserveAspectRatio="xMidYMid meet" 13302 > 13303 <defs> 13304 <clipPath id="clip-hover-wave-4452820189248-template--24009561342111__collection_hybrid_meta_ALe7xC" clipPathUnits="userSpaceOnUse"> 13305 <path 13306 data-hover-wave-path 13307 d="M314 314H0.000422459L0.00012756 318.4565C-0.0456402 318.419 62.4 300.8566 157 340.0583C251.6 379.2601 314 314.4565 314 314.4565V314Z" 13308 /> 13309 </clipPath> 13310 </defs> 13311 <image 13312 href="//drinkolipop.com/cdn/shop/products/CV-TOP.png?v=1745469112&width=1440" 13313 xlink:href="//drinkolipop.com/cdn/shop/products/CV-TOP.png?v=1745469112&width=1440" 13314 x="0" 13315 y="0" 13316 width="314" 13317 height="314" 13318 preserveAspectRatio="xMidYMax slice" 13319 clip-path="url(#clip-hover-wave-4452820189248-template--24009561342111__collection_hybrid_meta_ALe7xC)" 13320 /> 13321 </svg> 13322 </div> 13323 </div> 13324 </div> 13325 </div> 13326 13327 </a> 13328 13329 13330 <div class="tw-pointer-events-none tw-absolute tw-inset-x-0 tw-bottom-4 tw-z-[4] tw-hidden tw-px-4 lg:tw-flex lg:group-hover:tw-flex"> 13331 13332 <form method="post" action="/cart/add" data-product-card-cta data-variant-id="31667872464960" data-quantity="1" class="tw-pointer-events-auto tw-w-full tw-opacity-0 tw-transition-opacity tw-duration-300 group-hover:tw-opacity-100"> 13333 <input type="hidden" name="id" value="31667872464960"> 13334 <input type="hidden" name="quantity" value="1"> 13335 <button 13336 type="submit" 13337 name="add" 13338 data-add-to-cart 13339 data-product-card-cta 13340 aria-label="Add 12 Pack- Cherry Vanilla" 13341 class="tw-inline-flex tw-w-full tw-items-center tw-justify-center tw-rounded-[50px] tw-border-0 tw-bg-[#034638] hover:tw-bg-[#0A3128] tw-px-5 tw-pt-[3px] tw-pb-[1px] tw-text-center tw-font-body tw-text-[14px] tw-font-bold tw-leading-[180%] tw-text-white tw-shadow-none tw-outline-none hover:tw-text-white focus:tw-text-white active:tw-text-white focus:tw-outline-none focus:tw-ring-0 active:tw-ring-0 active:tw-shadow-none" 13342 > 13343 Add 12 Pack 13344 </button> 13345 </form> 13346 13347 </div> 13348 </div> 13349 <!-- ./End Image Container --> 13350 13351 <!-- Text Container --> 13352 <div class="tw-row-span-1 tw-row-start-2 tw-flex tw-w-full tw-flex-col tw-items-center tw-px-3 tw-pb-6 tw-pt-4 tw-text-center md:tw-px-5"> 13353 13354 <div class="tw-flex tw-min-h-[16px] tw-items-center tw-justify-center"> 13355 <div 13356 data-bv-show="inline_rating" 13357 data-bv-product-id="4452820189248" 13358 class="bazaarvoice-product-summary bazaarvoice-product-summary--big product-card__inline-rating" 13359 ></div> 13360 </div> 13361 13362 13363 <p class="tw-min-h-[25px] tw-font-body tw-text-[14px] tw-font-normal tw-leading-[180%] tw-text-[#0A3128] tw-mt-[3px]"> 13364 13365 9g Fiber 13366 13367 </p> 13368 13369 <p class="tw-text-[16px] tw-leading-[140%]" role="heading" aria-level="3"> 13370 <a href="/products/cherry-vanilla" aria-label="Shop Now- Cherry Vanilla" class="tw-relative tw-z-[4] tw-inline-block tw-font-body tw-text-[16
13370px] tw-font-bold tw-leading-[140%] tw-text-[#034638]"> 13371 Cherry Vanilla 13372 </a> 13373 </p> 13374 13375 13376 <form method="post" action="/cart/add" data-product-card-cta data-variant-id="31667872464960" data-quantity="1" class="tw-relative tw-z-[4] tw-mt-2 tw-w-full tw-max-w-[120px] md:tw-max-w-[70%] lg:tw-hidden"> 13377 <input type="hidden" name="id" value="31667872464960"> 13378 <input type="hidden" name="quantity" value="1"> 13379 <button 13380 type="submit" 13381 name="add" 13382 data-add-to-cart 13383 data-product-card-cta 13384 aria-label="Add 12 Pack- Cherry Vanilla" 13385 class="tw-inline-flex tw-w-full tw-items-center tw-justify-center tw-rounded-[50px] tw-border-0 tw-bg-[#034638] hover:tw-bg-[#0A3128] tw-px-5 tw-pt-[3px] tw-pb-[1px] tw-text-center tw-font-body tw-text-[14px] tw-font-bold tw-leading-[180%] tw-text-white tw-shadow-none tw-outline-none hover:tw-text-white focus:tw-text-white active:tw-text-white focus:tw-outline-none focus:tw-ring-0 active:tw-ring-0 active:tw-shadow-none" 13386 > 13387 Add 12 Pack 13388 </button> 13389 </form> 13390 13391 </div> 13392 <!-- ./End Text Container --> 13393</div> 13394 13395 13396 13397 13398 13399 13400 13401 13402 13403 13404 13405 13406 13407 13408 13409 13410 13411 13412 13413 13414 13415 13416 13417 13418 13419 13420 13421 13422 13423 13424 13425 13426 13427<div 13428 class="product-card tw-relative tw-group tw-grid tw-h-full tw-w-full tw-overflow-visible focus:tw-ring-2" 13429 style="grid-template-rows: max-content 1fr" 13430> 13431 13432 13433 13434 13435 <!-- Image Container --> 13436 <div class="tw-relative tw-w-full"> 13437 <a 13438 href="/products/ginger-lemon" 13439 13440 aria-label="Shop Now- Ginger Lemon" 13441 class="tw-block tw-relative tw-mx-auto tw-w-full tw-max-w-[314px] tw-aspect-square tw-overflow-hidden tw-rounded-2xl" 13442 > 13443 13444 13445 <div class="tw-relative tw-z-[1] tw-mx-auto tw-flex tw-h-full tw-w-full tw-items-center tw-justify-center"> 13446 13447<img 13448 src="//drinkolipop.com/cdn/shop/files/ginger-lemon-9g-olipop_gallery-image_single-can_new_asset_1x.webp?v=1779161268" 13449 data-srcset="//drinkolipop.com/cdn/shop/files/ginger-lemon-9g-olipop_gallery-image_single-can_new_asset_480x.webp?v=1779161268 240w, 13450 //drinkolipop.com/cdn/shop/files/ginger-lemon-9g-olipop_gallery-image_single-can_new_asset_720x.webp?v=1779161268 360w, 13451 //drinkolipop.com/cdn/shop/files/ginger-lemon-9g-olipop_gallery-image_single-can_new_asset_1080x.webp?v=1779161268 540w, 13452 //drinkolipop.com/cdn/shop/files/ginger-lemon-9g-olipop_gallery-image_single-can_new_asset_1440x.webp?v=1779161268 720w, 13453 //drinkolipop.com/cdn/shop/files/ginger-lemon-9g-olipop_gallery-image_single-can_new_asset_1350x.webp?v=1779161268 900w, 13454 //drinkolipop.com/cdn/shop/files/ginger-lemon-9g-olipop_gallery-image_single-can_new_asset_1512x.webp?v=1779161268 1080w, 13455 //drinkolipop.com/cdn/shop/files/ginger-lemon-9g-olipop_gallery-image_single-can_new_asset_1728x.webp?v=1779161268 1296w, 13456 //drinkolipop.com/cdn/shop/files/ginger-lemon-9g-olipop_gallery-image_single-can_new_asset_1920x.webp?v=1779161268 1350w, 13457 //drinkolipop.com/cdn/shop/files/ginger-lemon-9g-olipop_gallery-image_single-can_new_asset_1980x.webp?v=1779161268 1728w, 13458 //drinkolipop.com/cdn/shop/files/ginger-lemon-9g-olipop_gallery-image_single-can_new_asset_2160x.webp?v=1779161268 1920w, 13459 //drinkolipop.com/cdn/shop/files/ginger-lemon-9g-olipop_gallery-image_single-can_new_asset_2880x.webp?v=1779161268 2560w, 13460 //drinkolipop.com/cdn/shop/files/ginger-lemon-9g-olipop_gallery-image_single-can_new_asset_4096x.webp?v=1779161268 3072w 13461 " 13462 data-src="//drinkolipop.com/cdn/shop/files/ginger-lemon-9g-olipop_gallery-image_single-can_new_asset_360x.webp?v=1779161268" 13463 data-optimumx="auto" 13464 data-sizes="auto" 13465 data-parent-fit="contain" 13466 width="100%" 13467 height="100%" 13468 class="lazyload tw-h-full tw-w-full tw-object-contain" 13469 data-aspectratio="0.7605263157894737" 13470 alt="Ginger Lemon" 13471 13472> 13473 13474 </div> 13475 13476 13477 <div class="tw-pointer-events-none tw-absolute tw-inset-0 tw-z-[2] tw-hidden lg:tw-block" data-hover-wave-card> 13478 <div class="tw-absolute tw-inset-0 tw-flex tw-items-end tw-overflow-hidden"> 13479 <div class="tw-relative tw-h-full tw-w-full"> 13480 <div class="tw-absolute tw-inset-x-0 tw-bottom-0 tw-h-full tw-overflow-hidden"> 13481 <svg 13482 class="tw-h-full tw-w-full"
13483 viewBox="0 0 314 314" 13484 fill="none" 13485 xmlns="http://www.w3.org/2000/svg" 13486 xmlns:xlink="http://www.w3.org/1999/xlink" 13487 preserveAspectRatio="xMidYMid meet" 13488 > 13489 <defs> 13490 <clipPath id="clip-hover-wave-3818021912646-template--24009561342111__collection_hybrid_meta_ALe7xC" clipPathUnits="userSpaceOnUse"> 13491 <path 13492 data-hover-wave-path 13493 d="M314 314H0.000422459L0.00012756 318.4565C-0.0456402 318.419 62.4 300.8566 157 340.0583C251.6 379.2601 314 314.4565 314 314.4565V314Z" 13494 /> 13495 </clipPath> 13496 </defs> 13497 <image 13498 href="//drinkolipop.com/cdn/shop/products/GL-TOP_new_asset.png?v=1779076580&width=1440" 13499 xlink:href="//drinkolipop.com/cdn/shop/products/GL-TOP_new_asset.png?v=1779076580&width=1440" 13500 x="0" 13501 y="0" 13502 width="314" 13503 height="314" 13504 preserveAspectRatio="xMidYMax slice" 13505 clip-path="url(#clip-hover-wave-3818021912646-template--24009561342111__collection_hybrid_meta_ALe7xC)" 13506 /> 13507 </svg> 13508 </div> 13509 </div> 13510 </div> 13511 </div> 13512 13513 </a> 13514 13515 13516 <div class="tw-pointer-events-none tw-absolute tw-inset-x-0 tw-bottom-4 tw-z-[4] tw-hidden tw-px-4 lg:tw-flex lg:group-hover:tw-flex"> 13517 13518 <form method="post" action="/cart/add" data-product-card-cta data-variant-id="30315236851782" data-quantity="1" class="tw-pointer-events-auto tw-w-full tw-opacity-0 tw-transition-opacity tw-duration-300 group-hover:tw-opacity-100"> 13519 <input type="hidden" name="id" value="30315236851782"> 13520 <input type="hidden" name="quantity" value="1"> 13521 <button 13522 type="submit" 13523 name="add" 13524 data-add-to-cart 13525 data-product-card-cta 13526 aria-label="Add 12 Pack- Ginger Lemon" 13527 class="tw-inline-flex tw-w-full tw-items-center tw-justify-center tw-rounded-[50px] tw-border-0 tw-bg-[#034638] hover:tw-bg-[#0A3128] tw-px-5 tw-pt-[3px] tw-pb-[1px] tw-text-center tw-font-body tw-text-[14px] tw-font-bold tw-leading-[180%] tw-text-white tw-shadow-none tw-outline-none hover:tw-text-white focus:tw-text-white active:tw-text-white focus:tw-outline-none focus:tw-ring-0 active:tw-ring-0 active:tw-shadow-none" 13528 > 13529 Add 12 Pack 13530 </button> 13531 </form> 13532 13533 </div> 13534 </div> 13535 <!-- ./End Image Container --> 13536 13537 <!-- Text Container --> 13538 <div class="tw-row-span-1 tw-row-start-2 tw-flex tw-w-full tw-flex-col tw-items-center tw-px-3 tw-pb-6 tw-pt-4 tw-text-center md:tw-px-5"> 13539 13540 <div class="tw-flex tw-min-h-[16px] tw-items-center tw-justify-center"> 13541 <div 13542 data-bv-show="inline_rating" 13543 data-bv-product-id="3818021912646" 13544 class="bazaarvoice-product-summary bazaarvoice-product-summary--big product-card__inline-rating" 13545 ></div> 13546 </div> 13547 13548 13549 <p class="tw-min-h-[25px] tw-font-body tw-text-[14px] tw-font-normal tw-leading-[180%] tw-text-[#0A3128] tw-mt-[3px]"> 13550 13551 9g Fiber 13552 13553 </p> 13554 13555 <p class="tw-text-[16px] tw-leading-[140%]" role="heading" aria-level="3"> 13556 <a href="/products/ginger-lemon" aria-label="Shop Now- Ginger Lemon" class="tw-relative tw-z-[4] tw-inline-block tw-font-body tw-text-[16
13556px] tw-font-bold tw-leading-[140%] tw-text-[#034638]"> 13557 Ginger Lemon 13558 </a> 13559 </p> 13560 13561 13562 <form method="post" action="/cart/add" data-product-card-cta data-variant-id="30315236851782" data-quantity="1" class="tw-relative tw-z-[4] tw-mt-2 tw-w-full tw-max-w-[120px] md:tw-max-w-[70%] lg:tw-hidden"> 13563 <input type="hidden" name="id" value="30315236851782"> 13564 <input type="hidden" name="quantity" value="1"> 13565 <button 13566 type="submit" 13567 name="add" 13568 data-add-to-cart 13569 data-product-card-cta 13570 aria-label="Add 12 Pack- Ginger Lemon" 13571 class="tw-inline-flex tw-w-full tw-items-center tw-justify-center tw-rounded-[50px] tw-border-0 tw-bg-[#034638] hover:tw-bg-[#0A3128] tw-px-5 tw-pt-[3px] tw-pb-[1px] tw-text-center tw-font-body tw-text-[14px] tw-font-bold tw-leading-[180%] tw-text-white tw-shadow-none tw-outline-none hover:tw-text-white focus:tw-text-white active:tw-text-white focus:tw-outline-none focus:tw-ring-0 active:tw-ring-0 active:tw-shadow-none" 13572 > 13573 Add 12 Pack 13574 </button> 13575 </form> 13576 13577 </div> 13578 <!-- ./End Text Container --> 13579</div> 13580 13581 13582 13583 13584 13585 13586 13587 13588 13589 13590 13591 13592 13593 13594 13595 13596 13597 13598 13599 13600 13601 13602 13603 13604 13605 13606 13607 13608 13609 13610 13611 13612 13613<div 13614 class="product-card tw-relative tw-group tw-grid tw-h-full tw-w-full tw-overflow-visible focus:tw-ring-2" 13615 style="grid-template-rows: max-content 1fr" 13616> 13617 13618 13619 13620 13621 <!-- Image Container --> 13622 <div class="tw-relative tw-w-full"> 13623 <a 13624 href="/products/tropical-punch" 13625 13626 aria-label="Shop Now- Tropical Punch" 13627 class="tw-block tw-relative tw-mx-auto tw-w-full tw-max-w-[314px] tw-aspect-square tw-overflow-hidden tw-rounded-2xl" 13628 > 13629 13630 13631 <div class="tw-relative tw-z-[1] tw-mx-auto tw-flex tw-h-full tw-w-full tw-items-center tw-justify-center"> 13632 13633<img 13634 src="//drinkolipop.com/cdn/shop/files/tropical-punch-9g-olipop_gallery-image_single-can_new_asset_1x.webp?v=1779163155" 13635 data-srcset="//drinkolipop.com/cdn/shop/files/tropical-punch-9g-olipop_gallery-image_single-can_new_asset_480x.webp?v=1779163155 240w, 13636 //drinkolipop.com/cdn/shop/files/tropical-punch-9g-olipop_gallery-image_single-can_new_asset_720x.webp?v=1779163155 360w, 13637 //drinkolipop.com/cdn/shop/files/tropical-punch-9g-olipop_gallery-image_single-can_new_asset_1080x.webp?v=1779163155 540w, 13638 //drinkolipop.com/cdn/shop/files/tropical-punch-9g-olipop_gallery-image_single-can_new_asset_1440x.webp?v=1779163155 720w, 13639 //drinkolipop.com/cdn/shop/files/tropical-punch-9g-olipop_gallery-image_single-can_new_asset_1350x.webp?v=1779163155 900w, 13640 //drinkolipop.com/cdn/shop/files/tropical-punch-9g-olipop_gallery-image_single-can_new_asset_1512x.webp?v=1779163155 1080w, 13641 //drinkolipop.com/cdn/shop/files/tropical-punch-9g-olipop_gallery-image_single-can_new_asset_1728x.webp?v=1779163155 1296w, 13642 //drinkolipop.com/cdn/shop/files/tropical-punch-9g-olipop_gallery-image_single-can_new_asset_1920x.webp?v=1779163155 1350w, 13643 //drinkolipop.com/cdn/shop/files/tropical-punch-9g-olipop_gallery-image_single-can_new_asset_1980x.webp?v=1779163155 1728w, 13644 //drinkolipop.com/cdn/shop/files/tropical-punch-9g-olipop_gallery-image_single-can_new_asset_2160x.webp?v=1779163155 1920w, 13645 //drinkolipop.com/cdn/shop/files/tropical-punch-9g-olipop_gallery-image_single-can_new_asset_2880x.webp?v=1779163155 2560w, 13646 //drinkolipop.com/cdn/shop/files/tropical-punch-9g-olipop_gallery-image_single-can_new_asset_4096x.webp?v=1779163155 3072w 13647 " 13648 data-src="//drinkolipop.com/cdn/shop/files/tropical-punch-9g-olipop_gallery-image_single-can_new_asset_360x.webp?v=1779163155" 13649 data-optimumx="auto" 13650 data-sizes="auto" 13651 data-parent-fit="contain" 13652 width="100%" 13653 height="100%" 13654 class="lazyload tw-h-full tw-w-full tw-object-contain" 13655 data-aspectratio="0.7605263157894737" 13656 alt="Tropical Punch" 13657 13658> 13659 13660 </div> 13661 13662 13663 <div class="tw-pointer-events-none tw-absolute tw-inset-0 tw-z-[2] tw-hidden lg:tw-block" data-hover-wave-card> 13664 <div class="tw-absolute tw-inset-0 tw-flex tw-items-end tw-overflow-hidden"> 13665 <div class="tw-relative tw-h-full tw-w-full"> 13666 <div class="tw-absolute tw-inset-x-0 tw-bottom-0 tw-h-full tw-overflow-hidden"> 13667 <svg 13668 class="tw-h-full tw-w-full"
13669 viewBox="0 0 314 314" 13670 fill="none" 13671 xmlns="http://www.w3.org/2000/svg" 13672 xmlns:xlink="http://www.w3.org/1999/xlink" 13673 preserveAspectRatio="xMidYMid meet" 13674 > 13675 <defs> 13676 <clipPath id="clip-hover-wave-7323931246751-template--24009561342111__collection_hybrid_meta_ALe7xC" clipPathUnits="userSpaceOnUse"> 13677 <path 13678 data-hover-wave-path 13679 d="M314 314H0.000422459L0.00012756 318.4565C-0.0456402 318.419 62.4 300.8566 157 340.0583C251.6 379.2601 314 314.4565 314 314.4565V314Z" 13680 /> 13681 </clipPath> 13682 </defs> 13683 <image 13684 href="//drinkolipop.com/cdn/shop/products/TP-TOP.png?v=1750220378&width=1440" 13685 xlink:href="//drinkolipop.com/cdn/shop/products/TP-TOP.png?v=1750220378&width=1440" 13686 x="0" 13687 y="0" 13688 width="314" 13689 height="314" 13690 preserveAspectRatio="xMidYMax slice" 13691 clip-path="url(#clip-hover-wave-7323931246751-template--24009561342111__collection_hybrid_meta_ALe7xC)" 13692 /> 13693 </svg> 13694 </div> 13695 </div> 13696 </div> 13697 </div> 13698 13699 </a> 13700 13701 13702 <div class="tw-pointer-events-none tw-absolute tw-inset-x-0 tw-bottom-4 tw-z-[4] tw-hidden tw-px-4 lg:tw-flex lg:group-hover:tw-flex"> 13703 13704 <form method="post" action="/cart/add" data-product-card-cta data-variant-id="41922380824735" data-quantity="1" class="tw-pointer-events-auto tw-w-full tw-opacity-0 tw-transition-opacity tw-duration-300 group-hover:tw-opacity-100"> 13705 <input type="hidden" name="id" value="41922380824735"> 13706 <input type="hidden" name="quantity" value="1"> 13707 <button 13708 type="submit" 13709 name="add" 13710 data-add-to-cart 13711 data-product-card-cta 13712 aria-label="Add 12 Pack- Tropical Punch" 13713 class="tw-inline-flex tw-w-full tw-items-center tw-justify-center tw-rounded-[50px] tw-border-0 tw-bg-[#034638] hover:tw-bg-[#0A3128] tw-px-5 tw-pt-[3px] tw-pb-[1px] tw-text-center tw-font-body tw-text-[14px] tw-font-bold tw-leading-[180%] tw-text-white tw-shadow-none tw-outline-none hover:tw-text-white focus:tw-text-white active:tw-text-white focus:tw-outline-none focus:tw-ring-0 active:tw-ring-0 active:tw-shadow-none" 13714 > 13715 Add 12 Pack 13716 </button> 13717 </form> 13718 13719 </div> 13720 </div> 13721 <!-- ./End Image Container --> 13722 13723 <!-- Text Container --> 13724 <div class="tw-row-span-1 tw-row-start-2 tw-flex tw-w-full tw-flex-col tw-items-center tw-px-3 tw-pb-6 tw-pt-4 tw-text-center md:tw-px-5"> 13725 13726 <div class="tw-flex tw-min-h-[16px] tw-items-center tw-justify-center"> 13727 <div 13728 data-bv-show="inline_rating" 13729 data-bv-product-id="7323931246751" 13730 class="bazaarvoice-product-summary bazaarvoice-product-summary--big product-card__inline-rating" 13731 ></div> 13732 </div> 13733 13734 13735 <p class="tw-min-h-[25px] tw-font-body tw-text-[14px] tw-font-normal tw-leading-[180%] tw-text-[#0A3128] tw-mt-[3px]"> 13736 13737 9g Fiber 13738 13739 </p> 13740 13741 <p class="tw-text-[16px] tw-leading-[140%]" role="heading" aria-level="3"> 13742 <a href="/products/tropical-punch" aria-label="Shop Now- Tropical Punch" class="tw-relative tw-z-[4] tw-inline-block tw-font-body tw-text-[16
13742px] tw-font-bold tw-leading-[140%] tw-text-[#034638]"> 13743 Tropical Punch 13744 </a> 13745 </p> 13746 13747 13748 <form method="post" action="/cart/add" data-product-card-cta data-variant-id="41922380824735" data-quantity="1" class="tw-relative tw-z-[4] tw-mt-2 tw-w-full tw-max-w-[120px] md:tw-max-w-[70%] lg:tw-hidden"> 13749 <input type="hidden" name="id" value="41922380824735"> 13750 <input type="hidden" name="quantity" value="1"> 13751 <button 13752 type="submit" 13753 name="add" 13754 data-add-to-cart 13755 data-product-card-cta 13756 aria-label="Add 12 Pack- Tropical Punch" 13757 class="tw-inline-flex tw-w-full tw-items-center tw-justify-center tw-rounded-[50px] tw-border-0 tw-bg-[#034638] hover:tw-bg-[#0A3128] tw-px-5 tw-pt-[3px] tw-pb-[1px] tw-text-center tw-font-body tw-text-[14px] tw-font-bold tw-leading-[180%] tw-text-white tw-shadow-none tw-outline-none hover:tw-text-white focus:tw-text-white active:tw-text-white focus:tw-outline-none focus:tw-ring-0 active:tw-ring-0 active:tw-shadow-none" 13758 > 13759 Add 12 Pack 13760 </button> 13761 </form> 13762 13763 </div> 13764 <!-- ./End Text Container --> 13765</div> 13766 13767 13768 13769 13770 13771 13772 13773 13774 13775 13776 13777 13778 13779 13780 13781 13782 13783 13784 13785 13786 13787 13788 13789 13790 13791 13792 13793 13794 13795 13796 13797 13798 13799<div 13800 class="product-card tw-relative tw-group tw-grid tw-h-full tw-w-full tw-overflow-visible focus:tw-ring-2" 13801 style="grid-template-rows: max-content 1fr" 13802> 13803 13804 13805 13806 13807 <!-- Image Container --> 13808 <div class="tw-relative tw-w-full"> 13809 <a 13810 href="/products/lemon-lime" 13811 13812 aria-label="Shop Now- Lemon Lime" 13813 class="tw-block tw-relative tw-mx-auto tw-w-full tw-max-w-[314px] tw-aspect-square tw-overflow-hidden tw-rounded-2xl" 13814 > 13815 13816 13817 <div class="tw-relative tw-z-[1] tw-mx-auto tw-flex tw-h-full tw-w-full tw-items-center tw-justify-center"> 13818 13819<img 13820 src="//drinkolipop.com/cdn/shop/files/lemon-lime-9g-olipop_gallery-image_single-can_new_asset_1x.webp?v=1779163931" 13821 data-srcset="//drinkolipop.com/cdn/shop/files/lemon-lime-9g-olipop_gallery-image_single-can_new_asset_480x.webp?v=1779163931 240w, 13822 //drinkolipop.com/cdn/shop/files/lemon-lime-9g-olipop_gallery-image_single-can_new_asset_720x.webp?v=1779163931 360w, 13823 //drinkolipop.com/cdn/shop/files/lemon-lime-9g-olipop_gallery-image_single-can_new_asset_1080x.webp?v=1779163931 540w, 13824 //drinkolipop.com/cdn/shop/files/lemon-lime-9g-olipop_gallery-image_single-can_new_asset_1440x.webp?v=1779163931 720w, 13825 //drinkolipop.com/cdn/shop/files/lemon-lime-9g-olipop_gallery-image_single-can_new_asset_1350x.webp?v=1779163931 900w, 13826 //drinkolipop.com/cdn/shop/files/lemon-lime-9g-olipop_gallery-image_single-can_new_asset_1512x.webp?v=1779163931 1080w, 13827 //drinkolipop.com/cdn/shop/files/lemon-lime-9g-olipop_gallery-image_single-can_new_asset_1728x.webp?v=1779163931 1296w, 13828 //drinkolipop.com/cdn/shop/files/lemon-lime-9g-olipop_gallery-image_single-can_new_asset_1920x.webp?v=1779163931 1350w, 13829 //drinkolipop.com/cdn/shop/files/lemon-lime-9g-olipop_gallery-image_single-can_new_asset_1980x.webp?v=1779163931 1728w, 13830 //drinkolipop.com/cdn/shop/files/lemon-lime-9g-olipop_gallery-image_single-can_new_asset_2160x.webp?v=1779163931 1920w, 13831 //drinkolipop.com/cdn/shop/files/lemon-lime-9g-olipop_gallery-image_single-can_new_asset_2880x.webp?v=1779163931 2560w, 13832 //drinkolipop.com/cdn/shop/files/lemon-lime-9g-olipop_gallery-image_single-can_new_asset_4096x.webp?v=1779163931 3072w 13833 " 13834 data-src="//drinkolipop.com/cdn/shop/files/lemon-lime-9g-olipop_gallery-image_single-can_new_asset_360x.webp?v=1779163931" 13835 data-optimumx="auto" 13836 data-sizes="auto" 13837 data-parent-fit="contain" 13838 width="100%" 13839 height="100%" 13840 class="lazyload tw-h-full tw-w-full tw-object-contain" 13841 data-aspectratio="0.7605263157894737" 13842 alt="Lemon Lime" 13843 13844> 13845 13846 </div> 13847 13848 13849 <div class="tw-pointer-events-none tw-absolute tw-inset-0 tw-z-[2] tw-hidden lg:tw-block" data-hover-wave-card> 13850 <div class="tw-absolute tw-inset-0 tw-flex tw-items-end tw-overflow-hidden"> 13851 <div class="tw-relative tw-h-full tw-w-full"> 13852 <div class="tw-absolute tw-inset-x-0 tw-bottom-0 tw-h-full tw-overflow-hidden"> 13853 <svg 13854 class="tw-h-full tw-w-full"
13855 viewBox="0 0 314 314" 13856 fill="none" 13857 xmlns="http://www.w3.org/2000/svg" 13858 xmlns:xlink="http://www.w3.org/1999/xlink" 13859 preserveAspectRatio="xMidYMid meet" 13860 > 13861 <defs> 13862 <clipPath id="clip-hover-wave-7612616376479-template--24009561342111__collection_hybrid_meta_ALe7xC" clipPathUnits="userSpaceOnUse"> 13863 <path 13864 data-hover-wave-path 13865 d="M314 314H0.000422459L0.00012756 318.4565C-0.0456402 318.419 62.4 300.8566 157 340.0583C251.6 379.2601 314 314.4565 314 314.4565V314Z" 13866 /> 13867 </clipPath> 13868 </defs> 13869 <image 13870 href="//drinkolipop.com/cdn/shop/files/lemon-lime-6g-olipop_hover_new_asset.webp?v=1779128875&width=1440" 13871 xlink:href="//drinkolipop.com/cdn/shop/files/lemon-lime-6g-olipop_hover_new_asset.webp?v=1779128875&width=1440" 13872 x="0" 13873 y="0" 13874 width="314" 13875 height="314" 13876 preserveAspectRatio="xMidYMax slice" 13877 clip-path="url(#clip-hover-wave-7612616376479-template--24009561342111__collection_hybrid_meta_ALe7xC)" 13878 /> 13879 </svg> 13880 </div> 13881 </div> 13882 </div> 13883 </div> 13884 13885 </a> 13886 13887 13888 <div class="tw-pointer-events-none tw-absolute tw-inset-x-0 tw-bottom-4 tw-z-[4] tw-hidden tw-px-4 lg:tw-flex lg:group-hover:tw-flex"> 13889 13890 <form method="post" action="/cart/add" data-product-card-cta data-variant-id="42897487429791" data-quantity="1" class="tw-pointer-events-auto tw-w-full tw-opacity-0 tw-transition-opacity tw-duration-300 group-hover:tw-opacity-100"> 13891 <input type="hidden" name="id" value="42897487429791"> 13892 <input type="hidden" name="quantity" value="1"> 13893 <button 13894 type="submit" 13895 name="add" 13896 data-add-to-cart 13897 data-product-card-cta 13898 aria-label="Add 12 Pack- Lemon Lime" 13899 class="tw-inline-flex tw-w-full tw-items-center tw-justify-center tw-rounded-[50px] tw-border-0 tw-bg-[#034638] hover:tw-bg-[#0A3128] tw-px-5 tw-pt-[3px] tw-pb-[1px] tw-text-center tw-font-body tw-text-[14px] tw-font-bold tw-leading-[180%] tw-text-white tw-shadow-none tw-outline-none hover:tw-text-white focus:tw-text-white active:tw-text-white focus:tw-outline-none focus:tw-ring-0 active:tw-ring-0 active:tw-shadow-none" 13900 > 13901 Add 12 Pack 13902 </button> 13903 </form> 13904 13905 </div> 13906 </div> 13907 <!-- ./End Image Container --> 13908 13909 <!-- Text Container --> 13910 <div class="tw-row-span-1 tw-row-start-2 tw-flex tw-w-full tw-flex-col tw-items-center tw-px-3 tw-pb-6 tw-pt-4 tw-text-center md:tw-px-5"> 13911 13912 <div class="tw-flex tw-min-h-[16px] tw-items-center tw-justify-center"> 13913 <div 13914 data-bv-show="inline_rating" 13915 data-bv-product-id="7612616376479" 13916 class="bazaarvoice-product-summary bazaarvoice-product-summary--big product-card__inline-rating" 13917 ></div> 13918 </div> 13919 13920 13921 <p class="tw-min-h-[25px] tw-font-body tw-text-[14px] tw-font-normal tw-leading-[180%] tw-text-[#0A3128] tw-mt-[3px]"> 13922 13923 9g Fiber 13924 13925 </p> 13926 13927 <p class="tw-text-[16px] tw-leading-[140%]" role="heading" aria-level="3"> 13928 <a href="/products/lemon-lime" aria-label="Shop Now- Lemon Lime"
13928class="tw-relative tw-z-[4] tw-inline-block tw-font-body tw-text-[16px] tw-font-bold tw-leading-[140%] tw-text-[#034638]"> 13929 Lemon Lime 13930 </a> 13931 </p> 13932 13933 13934 <form method="post" action="/cart/add" data-product-card-cta data-variant-id="42897487429791" data-quantity="1" class="tw-relative tw-z-[4] tw-mt-2 tw-w-full tw-max-w-[120px] md:tw-max-w-[70%] lg:tw-hidden"> 13935 <input type="hidden" name="id" value="42897487429791"> 13936 <input type="hidden" name="quantity" value="1"> 13937 <button 13938 type="submit" 13939 name="add" 13940 data-add-to-cart 13941 data-product-card-cta 13942 aria-label="Add 12 Pack- Lemon Lime" 13943 class="tw-inline-flex tw-w-full tw-items-center tw-justify-center tw-rounded-[50px] tw-border-0 tw-bg-[#034638] hover:tw-bg-[#0A3128] tw-px-5 tw-pt-[3px] tw-pb-[1px] tw-text-center tw-font-body tw-text-[14px] tw-font-bold tw-leading-[180%] tw-text-white tw-shadow-none tw-outline-none hover:tw-text-white focus:tw-text-white active:tw-text-white focus:tw-outline-none focus:tw-ring-0 active:tw-ring-0 active:tw-shadow-none" 13944 > 13945 Add 12 Pack 13946 </button> 13947 </form> 13948 13949 </div> 13950 <!-- ./End Text Container --> 13951</div> 13952 13953 13954 13955 13956 13957 13958 13959 13960 13961 13962 13963 13964 13965 13966 13967 13968 13969 13970 13971 13972 13973 13974 13975 13976 13977 13978 13979 13980 13981 13982 13983 13984 13985<div 13986 class="product-card tw-relative tw-group tw-grid tw-h-full tw-w-full tw-overflow-visible focus:tw-ring-2" 13987 style="grid-template-rows: max-content 1fr" 13988> 13989 13990 13991 13992 13993 <!-- Image Container --> 13994 <div class="tw-relative tw-w-full"> 13995 <a 13996 href="/products/watermelon-lime" 13997 13998 aria-label="Shop Now- Watermelon Lime" 13999 class="tw-block tw-relative tw-mx-auto tw-w-full tw-max-w-[314px] tw-aspect-square tw-overflow-hidden tw-rounded-2xl" 14000 > 14001 14002 14003 <div class="tw-relative tw-z-[1] tw-mx-auto tw-flex tw-h-full tw-w-full tw-items-center tw-justify-center"> 14004 14005<img 14006 src="//drinkolipop.com/cdn/shop/files/watermelon-lime-9g-olipop_gallery-image_single-can_new_asset_1x.webp?v=1779164501" 14007 data-srcset="//drinkolipop.com/cdn/shop/files/watermelon-lime-9g-olipop_gallery-image_single-can_new_asset_480x.webp?v=1779164501 240w, 14008 //drinkolipop.com/cdn/shop/files/watermelon-lime-9g-olipop_gallery-image_single-can_new_asset_720x.webp?v=1779164501 360w, 14009 //drinkolipop.com/cdn/shop/files/watermelon-lime-9g-olipop_gallery-image_single-can_new_asset_1080x.webp?v=1779164501 540w, 14010 //drinkolipop.com/cdn/shop/files/watermelon-lime-9g-olipop_gallery-image_single-can_new_asset_1440x.webp?v=1779164501 720w, 14011 //drinkolipop.com/cdn/shop/files/watermelon-lime-9g-olipop_gallery-image_single-can_new_asset_1350x.webp?v=1779164501 900w, 14012 //drinkolipop.com/cdn/shop/files/watermelon-lime-9g-olipop_gallery-image_single-can_new_asset_1512x.webp?v=1779164501 1080w, 14013 //drinkolipop.com/cdn/shop/files/watermelon-lime-9g-olipop_gallery-image_single-can_new_asset_1728x.webp?v=1779164501 1296w, 14014 //drinkolipop.com/cdn/shop/files/watermelon-lime-9g-olipop_gallery-image_single-can_new_asset_1920x.webp?v=1779164501 1350w, 14015 //drinkolipop.com/cdn/shop/files/watermelon-lime-9g-olipop_gallery-image_single-can_new_asset_1980x.webp?v=1779164501 1728w, 14016 //drinkolipop.com/cdn/shop/files/watermelon-lime-9g-olipop_gallery-image_single-can_new_asset_2160x.webp?v=1779164501 1920w, 14017 //drinkolipop.com/cdn/shop/files/watermelon-lime-9g-olipop_gallery-image_single-can_new_asset_2880x.webp?v=1779164501 2560w, 14018 //drinkolipop.com/cdn/shop/files/watermelon-lime-9g-olipop_gallery-image_single-can_new_asset_4096x.webp?v=1779164501 3072w 14019 " 14020 data-src="//drinkolipop.com/cdn/shop/files/watermelon-lime-9g-olipop_gallery-image_single-can_new_asset_360x.webp?v=1779164501" 14021 data-optimumx="auto" 14022 data-sizes="auto" 14023 data-parent-fit="contain" 14024 width="100%" 14025 height="100%" 14026 class="lazyload tw-h-full tw-w-full tw-object-contain" 14027 data-aspectratio="0.7605263157894737" 14028 alt="Watermelon Lime" 14029 14030> 14031 14032 </div> 14033 14034 14035 <div class="tw-pointer-events-none tw-absolute tw-inset-0 tw-z-[2] tw-hidden lg:tw-block" data-hover-wave-card> 14036 <div class="tw-absolute tw-inset-0 tw-flex tw-items-end tw-overflow-hidden"> 14037 <div class="tw-relative tw-h-full tw-w-full"> 14038 <div class="tw-absolute tw-inset-x-0 tw-bottom-0 tw-h-full tw-overflow-hidden"> 14039 <svg 14040 class="tw-h-full tw-w-full"
14041 viewBox="0 0 314 314" 14042 fill="none" 14043 xmlns="http://www.w3.org/2000/svg" 14044 xmlns:xlink="http://www.w3.org/1999/xlink" 14045 preserveAspectRatio="xMidYMid meet" 14046 > 14047 <defs> 14048 <clipPath id="clip-hover-wave-7682917990559-template--24009561342111__collection_hybrid_meta_ALe7xC" clipPathUnits="userSpaceOnUse"> 14049 <path 14050 data-hover-wave-path 14051 d="M314 314H0.000422459L0.00012756 318.4565C-0.0456402 318.419 62.4 300.8566 157 340.0583C251.6 379.2601 314 314.4565 314 314.4565V314Z" 14052 /> 14053 </clipPath> 14054 </defs> 14055 <image 14056 href="//drinkolipop.com/cdn/shop/files/WL_PDP-Right_Image_new_asset.webp?v=1779114827&width=1440" 14057 xlink:href="//drinkolipop.com/cdn/shop/files/WL_PDP-Right_Image_new_asset.webp?v=1779114827&width=1440" 14058 x="0" 14059 y="0" 14060 width="314" 14061 height="314" 14062 preserveAspectRatio="xMidYMax slice" 14063 clip-path="url(#clip-hover-wave-7682917990559-template--24009561342111__collection_hybrid_meta_ALe7xC)" 14064 /> 14065 </svg> 14066 </div> 14067 </div> 14068 </div> 14069 </div> 14070 14071 </a> 14072 14073 14074 <div class="tw-pointer-events-none tw-absolute tw-inset-x-0 tw-bottom-4 tw-z-[4] tw-hidden tw-px-4 lg:tw-flex lg:group-hover:tw-flex"> 14075 14076 <form method="post" action="/cart/add" data-product-card-cta data-variant-id="43069390880927" data-quantity="1" class="tw-pointer-events-auto tw-w-full tw-opacity-0 tw-transition-opacity tw-duration-300 group-hover:tw-opacity-100"> 14077 <input type="hidden" name="id" value="43069390880927"> 14078 <input type="hidden" name="quantity" value="1"> 14079 <button 14080 type="submit" 14081 name="add" 14082 data-add-to-cart 14083 data-product-card-cta 14084 aria-label="Add 12 Pack- Watermelon Lime" 14085 class="tw-inline-flex tw-w-full tw-items-center tw-justify-center tw-rounded-[50px] tw-border-0 tw-bg-[#034638] hover:tw-bg-[#0A3128] tw-px-5 tw-pt-[3px] tw-pb-[1px] tw-text-center tw-font-body tw-text-[14px] tw-font-bold tw-leading-[180%] tw-text-white tw-shadow-none tw-outline-none hover:tw-text-white focus:tw-text-white active:tw-text-white focus:tw-outline-none focus:tw-ring-0 active:tw-ring-0 active:tw-shadow-none" 14086 > 14087 Add 12 Pack 14088 </button> 14089 </form> 14090 14091 </div> 14092 </div> 14093 <!-- ./End Image Container --> 14094 14095 <!-- Text Container --> 14096 <div class="tw-row-span-1 tw-row-start-2 tw-flex tw-w-full tw-flex-col tw-items-center tw-px-3 tw-pb-6 tw-pt-4 tw-text-center md:tw-px-5"> 14097 14098 <div class="tw-flex tw-min-h-[16px] tw-items-center tw-justify-center"> 14099 <div 14100 data-bv-show="inline_rating" 14101 data-bv-product-id="7682917990559" 14102 class="bazaarvoice-product-summary bazaarvoice-product-summary--big product-card__inline-rating" 14103 ></div> 14104 </div> 14105 14106 14107 <p class="tw-min-h-[25px] tw-font-body tw-text-[14px] tw-font-normal tw-leading-[180%] tw-text-[#0A3128] tw-mt-[3px]"> 14108 14109 9g Fiber 14110 14111 </p> 14112 14113 <p class="tw-text-[16px] tw-leading-[140%]" role="heading" aria-level="3"> 14114 <a href="/products/watermelon-lime" aria-label="Shop Now- Watermelon Lime" class="tw-relative tw-z-[4] tw-inline-block tw-font-body tw-text-[16
14114px] tw-font-bold tw-leading-[140%] tw-text-[#034638]"> 14115 Watermelon Lime 14116 </a> 14117 </p> 14118 14119 14120 <form method="post" action="/cart/add" data-product-card-cta data-variant-id="43069390880927" data-quantity="1" class="tw-relative tw-z-[4] tw-mt-2 tw-w-full tw-max-w-[120px] md:tw-max-w-[70%] lg:tw-hidden"> 14121 <input type="hidden" name="id" value="43069390880927"> 14122 <input type="hidden" name="quantity" value="1"> 14123 <button 14124 type="submit" 14125 name="add" 14126 data-add-to-cart 14127 data-product-card-cta 14128 aria-label="Add 12 Pack- Watermelon Lime" 14129 class="tw-inline-flex tw-w-full tw-items-center tw-justify-center tw-rounded-[50px] tw-border-0 tw-bg-[#034638] hover:tw-bg-[#0A3128] tw-px-5 tw-pt-[3px] tw-pb-[1px] tw-text-center tw-font-body tw-text-[14px] tw-font-bold tw-leading-[180%] tw-text-white tw-shadow-none tw-outline-none hover:tw-text-white focus:tw-text-white active:tw-text-white focus:tw-outline-none focus:tw-ring-0 active:tw-ring-0 active:tw-shadow-none" 14130 > 14131 Add 12 Pack 14132 </button> 14133 </form> 14134 14135 </div> 14136 <!-- ./End Text Container --> 14137</div> 14138 14139 14140 14141 14142 14143 14144 14145 14146 14147 14148 14149 14150 14151 14152 14153 14154 14155 14156 14157 14158 14159 14160 14161 14162 14163 14164 14165 14166 14167 14168 14169 14170 14171<div 14172 class="product-card tw-relative tw-group tw-grid tw-h-full tw-w-full tw-overflow-visible focus:tw-ring-2" 14173 style="grid-template-rows: max-content 1fr" 14174> 14175 14176 14177 14178 14179 <!-- Image Container --> 14180 <div class="tw-relative tw-w-full"> 14181 <a 14182 href="/products/banana-cream" 14183 14184 aria-label="Shop Now- Banana Cream" 14185 class="tw-block tw-relative tw-mx-auto tw-w-full tw-max-w-[314px] tw-aspect-square tw-overflow-hidden tw-rounded-2xl" 14186 > 14187 14188 14189 <div class="tw-relative tw-z-[1] tw-mx-auto tw-flex tw-h-full tw-w-full tw-items-center tw-justify-center"> 14190 14191<img 14192 src="//drinkolipop.com/cdn/shop/files/banana-cream-9g-olipop_gallery-image_single-can_new_asset_1x.webp?v=1779155708" 14193 data-srcset="//drinkolipop.com/cdn/shop/files/banana-cream-9g-olipop_gallery-image_single-can_new_asset_480x.webp?v=1779155708 240w, 14194 //drinkolipop.com/cdn/shop/files/banana-cream-9g-olipop_gallery-image_single-can_new_asset_720x.webp?v=1779155708 360w, 14195 //drinkolipop.com/cdn/shop/files/banana-cream-9g-olipop_gallery-image_single-can_new_asset_1080x.webp?v=1779155708 540w, 14196 //drinkolipop.com/cdn/shop/files/banana-cream-9g-olipop_gallery-image_single-can_new_asset_1440x.webp?v=1779155708 720w, 14197 //drinkolipop.com/cdn/shop/files/banana-cream-9g-olipop_gallery-image_single-can_new_asset_1350x.webp?v=1779155708 900w, 14198 //drinkolipop.com/cdn/shop/files/banana-cream-9g-olipop_gallery-image_single-can_new_asset_1512x.webp?v=1779155708 1080w, 14199 //drinkolipop.com/cdn/shop/files/banana-cream-9g-olipop_gallery-image_single-can_new_asset_1728x.webp?v=1779155708 1296w, 14200 //drinkolipop.com/cdn/shop/files/banana-cream-9g-olipop_gallery-image_single-can_new_asset_1920x.webp?v=1779155708 1350w, 14201 //drinkolipop.com/cdn/shop/files/banana-cream-9g-olipop_gallery-image_single-can_new_asset_1980x.webp?v=1779155708 1728w, 14202 //drinkolipop.com/cdn/shop/files/banana-cream-9g-olipop_gallery-image_single-can_new_asset_2160x.webp?v=1779155708 1920w, 14203 //drinkolipop.com/cdn/shop/files/banana-cream-9g-olipop_gallery-image_single-can_new_asset_2880x.webp?v=1779155708 2560w, 14204 //drinkolipop.com/cdn/shop/files/banana-cream-9g-olipop_gallery-image_single-can_new_asset_4096x.webp?v=1779155708 3072w 14205 " 14206 data-src="//drinkolipop.com/cdn/shop/files/banana-cream-9g-olipop_gallery-image_single-can_new_asset_360x.webp?v=1779155708" 14207 data-optimumx="auto" 14208 data-sizes="auto" 14209 data-parent-fit="contain" 14210 width="100%" 14211 height="100%" 14212 class="lazyload tw-h-full tw-w-full tw-object-contain" 14213 data-aspectratio="0.7605263157894737" 14214 alt="Banana Cream" 14215 14216> 14217 14218 </div> 14219 14220 14221 <div class="tw-pointer-events-none tw-absolute tw-inset-0 tw-z-[2] tw-hidden lg:tw-block" data-hover-wave-card> 14222 <div class="tw-absolute tw-inset-0 tw-flex tw-items-end tw-overflow-hidden"> 14223 <div class="tw-relative tw-h-full tw-w-full"> 14224 <div class="tw-absolute tw-inset-x-0 tw-bottom-0 tw-h-full tw-overflow-hidden"> 14225 <svg 14226 class="tw-h-full tw-w-full"
14227 viewBox="0 0 314 314" 14228 fill="none" 14229 xmlns="http://www.w3.org/2000/svg" 14230 xmlns:xlink="http://www.w3.org/1999/xlink" 14231 preserveAspectRatio="xMidYMid meet" 14232 > 14233 <defs> 14234 <clipPath id="clip-hover-wave-7401847029919-template--24009561342111__collection_hybrid_meta_ALe7xC" clipPathUnits="userSpaceOnUse"> 14235 <path 14236 data-hover-wave-path 14237 d="M314 314H0.000422459L0.00012756 318.4565C-0.0456402 318.419 62.4 300.8566 157 340.0583C251.6 379.2601 314 314.4565 314 314.4565V314Z" 14238 /> 14239 </clipPath> 14240 </defs> 14241 <image 14242 href="//drinkolipop.com/cdn/shop/products/5_CollectionspageHoverimage_1120x800_b39089bb-29e7-4038-a323-033b9c629be5_new_asset.png?v=1779072480&width=1440" 14243 xlink:href="//drinkolipop.com/cdn/shop/products/5_CollectionspageHoverimage_1120x800_b39089bb-29e7-4038-a323-033b9c629be5_new_asset.png?v=1779072480&width=1440" 14244 x="0" 14245 y="0" 14246 width="314" 14247 height="314" 14248 preserveAspectRatio="xMidYMax slice" 14249 clip-path="url(#clip-hover-wave-7401847029919-template--24009561342111__collection_hybrid_meta_ALe7xC)" 14250 /> 14251 </svg> 14252 </div> 14253 </div> 14254 </div> 14255 </div> 14256 14257 </a> 14258 14259 14260 <div class="tw-pointer-events-none tw-absolute tw-inset-x-0 tw-bottom-4 tw-z-[4] tw-hidden tw-px-4 lg:tw-flex lg:group-hover:tw-flex"> 14261 14262 <form method="post" action="/cart/add" data-product-card-cta data-variant-id="42237531390111" data-quantity="1" class="tw-pointer-events-auto tw-w-full tw-opacity-0 tw-transition-opacity tw-duration-300 group-hover:tw-opacity-100"> 14263 <input type="hidden" name="id" value="42237531390111"> 14264 <input type="hidden" name="quantity" value="1"> 14265 <button 14266 type="submit" 14267 name="add" 14268 data-add-to-cart 14269 data-product-card-cta 14270 aria-label="Add 12 Pack- Banana Cream" 14271 class="tw-inline-flex tw-w-full tw-items-center tw-justify-center tw-rounded-[50px] tw-border-0 tw-bg-[#034638] hover:tw-bg-[#0A3128] tw-px-5 tw-pt-[3px] tw-pb-[1px] tw-text-center tw-font-body tw-text-[14px] tw-font-bold tw-leading-[180%] tw-text-white tw-shadow-none tw-outline-none hover:tw-text-white focus:tw-text-white active:tw-text-white focus:tw-outline-none focus:tw-ring-0 active:tw-ring-0 active:tw-shadow-none" 14272 > 14273 Add 12 Pack 14274 </button> 14275 </form> 14276 14277 </div> 14278 </div> 14279 <!-- ./End Image Container --> 14280 14281 <!-- Text Container --> 14282 <div class="tw-row-span-1 tw-row-start-2 tw-flex tw-w-full tw-flex-col tw-items-center tw-px-3 tw-pb-6 tw-pt-4 tw-text-center md:tw-px-5"> 14283 14284 <div class="tw-flex tw-min-h-[16px] tw-items-center tw-justify-center"> 14285 <div 14286 data-bv-show="inline_rating" 14287 data-bv-product-id="7401847029919" 14288 class="bazaarvoice-product-summary bazaarvoice-product-summary--big product-card__inline-rating" 14289 ></div> 14290 </div> 14291 14292 14293 <p class="tw-min-h-[25px] tw-font-body tw-text-[14px] tw-font-normal tw-leading-[180%] tw-text-[#0A3128] tw-mt-[3px]"> 14294 14295 9g Fiber 14296 14297 </p> 14298 14299 <p class="tw-text-[16px] tw-leading-[140%]" role="heading" aria-level="3"> 14300 <a href="/products/banana-cream" aria-label="Shop Now- Banana Cream" class="tw-relative tw-z-[4] tw-inline-block tw-font-body tw-text-[16
14300px] tw-font-bold tw-leading-[140%] tw-text-[#034638]"> 14301 Banana Cream 14302 </a> 14303 </p> 14304 14305 14306 <form method="post" action="/cart/add" data-product-card-cta data-variant-id="42237531390111" data-quantity="1" class="tw-relative tw-z-[4] tw-mt-2 tw-w-full tw-max-w-[120px] md:tw-max-w-[70%] lg:tw-hidden"> 14307 <input type="hidden" name="id" value="42237531390111"> 14308 <input type="hidden" name="quantity" value="1"> 14309 <button 14310 type="submit" 14311 name="add" 14312 data-add-to-cart 14313 data-product-card-cta 14314 aria-label="Add 12 Pack- Banana Cream" 14315 class="tw-inline-flex tw-w-full tw-items-center tw-justify-center tw-rounded-[50px] tw-border-0 tw-bg-[#034638] hover:tw-bg-[#0A3128] tw-px-5 tw-pt-[3px] tw-pb-[1px] tw-text-center tw-font-body tw-text-[14px] tw-font-bold tw-leading-[180%] tw-text-white tw-shadow-none tw-outline-none hover:tw-text-white focus:tw-text-white active:tw-text-white focus:tw-outline-none focus:tw-ring-0 active:tw-ring-0 active:tw-shadow-none" 14316 > 14317 Add 12 Pack 14318 </button> 14319 </form> 14320 14321 </div> 14322 <!-- ./End Text Container --> 14323</div> 14324 14325</div> 14326 </div> 14327 </div></div> 14328 </div> 14329 </div> 14330</div> 14331
14332<script> 14333 document.addEventListener('DOMContentLoaded', () => { 14334 const sectionRoot = document.querySelector('#shopify-section-template--24009561342111__collection_hybrid_meta_ALe7xC'); 14335 if (!sectionRoot) return; 14336 14337 if (typeof window.initProductCardHoverWaves === 'function') { 14338 window.initProductCardHoverWaves(sectionRoot); 14339 } 14340 14341 const collectionEventName = 'Collection Card Product Add'; 14342 const filterAnchorEventName = 'Collection Card Filter Click'; 14343 const collectionCard = sectionRoot.querySelectorAll('[data-product-title]'); 14344 const filterAnchor = sectionRoot.querySelectorAll('[data-filter-anchor]'); 14345 14346 filterAnchor.forEach((el) => { 14347 const anchorLabel = el.textContent.trim(); 14348 el.addEventListener('click', () => { 14349 if (window.gtag) { 14350 window.gtag('event', filterAnchorEventName, { 14351 event_detail: `anchor label - ${anchorLabel}`, 14352 }); 14353 } 14354 window.igEvents = window.igEvents || []; 14355 window.igEvents.push({ 14356 event: filterAnchorEventName, 14357 properties: { anchorLabel }, 14358 }); 14359 }); 14360 }); 14361 14362 collectionCard.forEach((el) => { 14363 const productTitle = el.dataset.productTitle; 14364 const cta = el.querySelector("[data-action='add-variant']"); 14365 if (!cta) return; 14366 cta.addEventListener('click', () => { 14367 if (window.gtag) { 14368 window.gtag('event', collectionEventName, { 14369 event_detail: `product title - ${productTitle}`, 14370 }); 14371 } 14372 window.igEvents = window.igEvents || []; 14373 window.igEvents.push({ 14374 event: collectionEventName, 14375 properties: { productTitle }, 14376 }); 14377 }); 14378 }); 14379 14380 const jumpBar = sectionRoot.querySelector('.clp-jump-links'); 14381 const headerGroup = document.querySelector('#shopify-section-header'); 14382 const headerWrapper = headerGroup ? headerGroup.querySelector('.header-wrapper') : null; 14383 const announcementBar = document.querySelector('.section-announcement-bar'); 14384 const jumpScrollEl = sectionRoot.querySelector('.clp-jump-links-scroll'); 14385 const jumpLinksInnerEl = sectionRoot.querySelector('.clp-jump-links-inner'); 14386 14387 const setClpStickyTop = () => { 14388 const headerBottom = headerGroup ? Math.max(0, Math.round(headerGroup.getBoundingClientRect().bottom)) : 0; 14389 const announcementBottom = announcementBar ? Math.max(0, Math.round(announcementBar.getBoundingClientRect().bottom)) : 0; 14390 const stickyTop = Math.max(headerBottom, announcementBottom); 14391 if (stickyTop > 0) { 14392 sectionRoot.style.setProperty('--clp-sticky-top', `${stickyTop}px`); 14393 return; 14394 } 14395 sectionRoot.style.setProperty('--clp-sticky-top', 'var(--site-header-height, 64px)'); 14396 }; 14397 14398 const setClpHeroOverlap = () => { 14399 const rootStyles = getComputedStyle(document.documentElement); 14400 const fallbackHeaderHeight = 14401 parseFloat(rootStyles.getPropertyValue('--site-header-height').trim()) || 64; 14402 14403 const headerHeight = headerWrapper 14404 ? Math.max(0, Math.round(headerWrapper.getBoundingClientRect().height)) 14405 : fallbackHeaderHeight; 14406 // Hero overlap should match the actual header height only. 14407 // This aligns hero background with the HEADER top border (announcement stays above it). 14408 sectionRoot.style.setProperty('--clp-hero-overlap', `${headerHeight}px`); 14409 }; 14410 14411 const setClpJumpBarHeight = () => { 14412 if (!jumpBar) return; 14413 sectionRoot.style.setProperty( 14414 '--clp-jump-links-bar-height', 14415 `${Math.round(jumpBar.getBoundingClientRect().height)}px` 14416 ); 14417 }; 14418 14419 const updateJumpLinksCentering = () => { 14420 if (!jumpScrollEl || !jumpLinksInnerEl) return; 14421 // If the inner content fits, center it within the scroll viewport. 14422 const tolerance = 6; // px (account for rounding + padding) 14423 const isOverflowed = jumpLinksInnerEl.scrollWidth > jumpScrollEl.clientWidth + tolerance; 14424 const isMobile = window.matchMedia('(max-width: 1023px)').matches; 14425 jumpScrollEl.classList.toggle('clp-jump-links-scroll--centered', isMobile && !isOverflowed); 14426 if (isMobile && !isOverflowed) jumpScrollEl.scrollLeft = 0; 14427 }; 14428 14429 const readStickyTop = () => { 14430 if (jumpBar) { 14431 const topPx = parseFloat(getComputedStyle(jumpBar).top); 14432 if (!Number.isNaN(topPx)) return topPx; 14433 } 14434 const rootStyles = getComputedStyle(document.documentElement); 14435 const stickyTopRaw = 14436 sectionRoot.style.getPropertyValue('--clp-sticky-top').trim() || 14437 rootStyles.getPropertyValue('--clp-sticky-top').trim() || 14438 rootStyles.getPropertyValue('--site-header-height').trim(); 14439 return parseFloat(stickyTopRaw) || 0; 14440 }; 14441 14442 const updateJumpBarStuckState = () => { 14443 if (!jumpBar || clpJumpScrolling) return; 14444 const stickyTop = readStickyTop(); 14445 const rect = jumpBar.getBoundingClientRect(); 14446 const isStuck = rect.top <= stickyTop + 1 && rect.bottom > stickyTop + 1; 14447 jumpBar.classList.toggle('is-stuck', isStuck); 14448 document.body.classList.toggle('clp-jump-links-shadow-active', isStuck); 14449 }; 14450 14451 const readHeaderBottom = () => { 14452 if (headerGroup) { 14453 const bottom = Math.round(headerGroup.getBoundingClientRect().bottom); 14454 if (bottom > 0) return bottom; 14455 } 14456 const rootStyles = getComputedStyle(document.documentElement); 14457 const fromVar = parseFloat(rootStyles.getPropertyValue('--header-group-bottom-position')); 14458 if (!Number.isNaN(fromVar) && fromVar > 0) return fromVar; 14459 return readStickyTop() || 64; 14460 }; 14461 14462 const readJumpBarHeight = () => { 14463 if (!jumpBar) return 0; 14464 const barRaw = sectionRoot.style.getPropertyValue('--clp-jump-links-bar-height').trim() || ''; 14465 const fromVar = parseFloat(barRaw); 14466 if (!Number.isNaN(fromVar) && fromVar > 0) return Math.round(fromVar); 14467 return Math.round(jumpBar.getBoundingClientRect().height) || 0; 14468 }; 14469 14470 const readAnchorOffset = () => { 14471 const offsetRaw = sectionRoot.style.getPropertyValue('--clp-anchor-offset').trim() || ''; 14472 return parseFloat(offsetRaw) || 0; 14473 }; 14474 14475 const jumpScrollOffset = () => readHeaderBottom() + readJumpBarHeight() + readAnchorOffset(); 14476
14477 let clpSyncActiveLockUntil = 0; 14478 let clpJumpScrollToken = 0; 14479 let clpJumpFinishTimer = null; 14480 let clpInitHashTimer = null; 14481 let clpJumpScrolling = false; 14482 let clpJumpBarRevealTimer = null; 14483 14484 const jumpSpacer = sectionRoot.querySelector('[data-clp-jump-spacer]'); 14485 14486 const clearJumpFinishTimer = () => { 14487 if (clpJumpFinishTimer) { 14488 window.clearTimeout(clpJumpFinishTimer); 14489 clpJumpFinishTimer = null; 14490 } 14491 }; 14492 14493 const clearJumpBarRevealTimer = () => { 14494 if (clpJumpBarRevealTimer) { 14495 window.clearTimeout(clpJumpBarRevealTimer); 14496 clpJumpBarRevealTimer = null; 14497 } 14498 }; 14499 14500 const isJumpBarStuck = () => { 14501 if (!jumpBar) return false; 14502 const stickyTop = readStickyTop(); 14503 const rect = jumpBar.getBoundingClientRect(); 14504 return rect.top <= stickyTop + 1 && rect.bottom > stickyTop + 1; 14505 }; 14506 14507 const lockJumpBarForScroll = ({ delayedReveal = false } = {}) => { 14508 if (!jumpBar) return; 14509 clearJumpBarRevealTimer(); 14510 setClpJumpBarHeight(); 14511 const barHeight = Math.round(jumpBar.getBoundingClientRect().height); 14512 if (jumpSpacer) { 14513 jumpSpacer.style.height = `${barHeight}px`; 14514 jumpSpacer.classList.add('is-active'); 14515 } 14516 jumpBar.classList.add('clp-jump-links--jump-scrolling'); 14517 jumpBar.classList.remove('is-stuck'); 14518 document.body.classList.add('clp-jump-links-shadow-active'); 14519 14520 if (delayedReveal) { 14521 jumpBar.classList.add('clp-jump-links--jump-scrolling-hidden'); 14522 clpJumpBarRevealTimer = window.setTimeout(() => { 14523 clpJumpBarRevealTimer = null; 14524 if (!jumpBar.classList.contains('clp-jump-links--jump-scrolling')) return; 14525 jumpBar.classList.remove('clp-jump-links--jump-scrolling-hidden'); 14526 }, 300); 14527 } else { 14528 jumpBar.classList.remove('clp-jump-links--jump-scrolling-hidden'); 14529 } 14530 }; 14531 14532 const unlockJumpBarForScroll = () => { 14533 if (!jumpBar) return; 14534 clearJumpBarRevealTimer(); 14535 jumpBar.classList.remove( 14536 'clp-jump-links--jump-scrolling', 14537 'clp-jump-links--jump-scrolling-hidden' 14538 ); 14539 if (jumpSpacer) { 14540 jumpSpacer.classList.remove('is-active'); 14541 jumpSpacer.style.height = ''; 14542 } 14543 updateJumpBarStuckState(); 14544 }; 14545 14546 setClpStickyTop(); 14547 setClpHeroOverlap(); 14548 setClpJumpBarHeight(); 14549 updateJumpBarStuckState(); 14550 updateJumpLinksCentering(); 14551 window.addEventListener('resize', () => { 14552 setClpStickyTop(); 14553 setClpHeroOverlap(); 14554 setClpJumpBarHeight(); 14555 updateJumpBarStuckState(); 14556 updateJumpLinksCentering(); 14557 }); 14558 window.addEventListener( 14559 'scroll', 14560 () => { 14561 setClpStickyTop(); 14562 updateJumpBarStuckState(); 14563 }, 14564 { passive: true } 14565 ); 14566 if (headerGroup && typeof ResizeObserver !== 'undefined') { 14567 new ResizeObserver(() => { 14568 setClpStickyTop(); 14569 setClpHeroOverlap(); 14570 updateJumpBarStuckState(); 14571 }).observe(headerGroup); 14572 } 14573 if (announcementBar && typeof ResizeObserver !== 'undefined') { 14574 new ResizeObserver(() => { 14575 setClpStickyTop(); 14576 setClpHeroOverlap(); 14577 updateJumpBarStuckState(); 14578 }).observe(announcementBar); 14579 } 14580 if (jumpBar && typeof ResizeObserver !== 'undefined') { 14581 new ResizeObserver(() => { 14582 setClpJumpBarHeight(); 14583 updateJumpBarStuckState(); 14584 updateJumpLinksCentering(); 14585 }).observe(jumpBar); 14586 } 14587 setTimeout(() => { 14588 setClpStickyTop(); 14589 setClpHeroOverlap(); 14590 setClpJumpBarHeight(); 14591 updateJumpBarStuckState(); 14592 updateJumpLinksCentering(); 14593 }, 300); 14594 14595 const shopAllJump = sectionRoot.querySelector('[data-clp-jump-shop-all]'); 14596 const anchorJumpLinks = sectionRoot.querySelectorAll('[data-clp-jump-anchor]'); 14597 const jumpTargetEls = Array.from(sectionRoot.querySelectorAll('.collection-group[id]')).filter((el) => 14598 el.id.startsWith('hybrid-template--24009561342111__collection_hybrid_meta_ALe7xC-') 14599 ); 14600 14601 const setJumpActive = (activeAnchor) => { 14602 if (!anchorJumpLinks || !anchorJumpLinks.length) return; 14603 if (shopAllJump) { 14604 shopAllJump.classList.toggle('clp-jump-link--active', !activeAnchor); 14605 } 14606 anchorJumpLinks.forEach((link) => { 14607 const id = (link.getAttribute('data-clp-jump-target') || '').trim(); 14608 link.classList.toggle('clp-jump-link--active', Boolean(activeAnchor && id === activeAnchor)); 14609 }); 14610 }; 14611 14612 const activeIdFromScroll = () => { 14613 if (!jumpTargetEls || jumpTargetEls.length === 0) return ''; 14614 14615 const line = jumpScrollOffset(); 14616 const tolerance = 8; 14617 14618 for (const el of jumpTargetEls) { 14619 const rect = el.getBoundingClientRect(); 14620 if (rect.top <= line + tolerance && rect.bottom > line + tolerance) { 14621 return el.id; 14622 } 14623 } 14624 14625 let closest = jumpTargetEls[0]; 14626 let closestDistance = Infinity;
14627 jumpTargetEls.forEach((el) => { 14628 const distance = Math.abs(el.getBoundingClientRect().top - line); 14629 if (distance < closestDistance) { 14630 closestDistance = distance; 14631 closest = el; 14632 } 14633 }); 14634 return closest.id; 14635 }; 14636 14637 const prefersReducedMotion = () => 14638 window.matchMedia('(prefers-reduced-motion: reduce)').matches; 14639 14640 const finishJumpScroll = (targetId, token, updateHash) => { 14641 if (token !== clpJumpScrollToken) return; 14642 clearJumpFinishTimer(); 14643 clpJumpScrolling = false; 14644 unlockJumpBarForScroll(); 14645 14646 if (updateHash && window.history && typeof history.replaceState === 'function') { 14647 const nextUrl = `${window.location.pathname}${window.location.search}#${targetId}`; 14648 history.replaceState(null, '', nextUrl); 14649 } 14650 14651 setJumpActive(targetId); 14652 clpSyncActiveLockUntil = Date.now() + 500; 14653 }; 14654 14655 const scrollToJumpTarget = (id, { updateHash = true, indexHint = null } = {}) => { 14656 const index = 14657 Number.isInteger(indexHint) && indexHint >= 0 && jumpTargetEls[indexHint] 14658 ? indexHint 14659 : jumpTargetEls.findIndex((el) => el.id === id); 14660 if (index < 0 || !jumpTargetEls[index]) return false; 14661 14662 const target = jumpTargetEls[index]; 14663 const targetId = target.id || id; 14664 const token = ++clpJumpScrollToken; 14665 14666 clearJumpFinishTimer(); 14667 if (clpInitHashTimer) { 14668 window.clearTimeout(clpInitHashTimer); 14669 clpInitHashTimer = null; 14670 } 14671 14672 setClpStickyTop(); 14673 setClpJumpBarHeight(); 14674 window.__clpJumpScrollUntil = Date.now() + 5000; 14675 setJumpActive(targetId); 14676 14677 clpJumpScrolling = true; 14678 lockJumpBarForScroll({ delayedReveal: !isJumpBarStuck() }); 14679 14680 const runScroll = () => { 14681 if (token !== clpJumpScrollToken) return; 14682 14683 const scrollTop = window.pageYOffset || document.documentElement.scrollTop || 0; 14684 const top = Math.max(0, target.getBoundingClientRect().top + scrollTop - jumpScrollOffset()); 14685 const useSmooth = !prefersReducedMotion(); 14686 14687 window.scrollTo({ top, left: 0, behavior: useSmooth ? 'smooth' : 'auto' }); 14688 14689 clpJumpFinishTimer = window.setTimeout( 14690 () => finishJumpScroll(targetId, token, updateHash), 14691 useSmooth ? 1200 : 80 14692 ); 14693 }; 14694 14695 requestAnimationFrame(() => { 14696 requestAnimationFrame(runScroll); 14697 }); 14698 14699 return true; 14700 }; 14701 14702 const applyJumpHashIfAny = () => { 14703 const hashId = window.location.hash ? window.location.hash.slice(1) : ''; 14704 if (!hashId || !jumpTargetEls.some((el) => el.id === hashId)) return false; 14705 setJumpActive(hashId); 14706 return true; 14707 }; 14708 14709 const syncJumpActiveFromScroll = () => { 14710 if (clpJumpFinishTimer || Date.now() < clpSyncActiveLockUntil) return; 14711 setJumpActive(activeIdFromScroll()); 14712 }; 14713 14714 const handleJumpLinkActivate = (link, e) => { 14715 if (e) { 14716 e.preventDefault(); 14717 e.stopPropagation(); 14718 e.stopImmediatePropagation(); 14719 } 14720 14721 const id = (link.getAttribute('data-clp-jump-target') || '').trim(); 14722 if (!id) return; 14723 14724 const indexHint = parseInt(link.getAttribute('data-clp-jump-index') || '', 10); 14725 scrollToJumpTarget(id, { 14726 indexHint: Number.isNaN(indexHint) ? null : indexHint, 14727 }); 14728 }; 14729 14730 if (anchorJumpLinks && anchorJumpLinks.length && jumpTargetEls.length) { 14731 sectionRoot.addEventListener( 14732 'click', 14733 (e) => { 14734 const link = e.target.closest('[data-clp-jump-anchor]'); 14735 if (!link || !sectionRoot.contains(link)) return; 14736 handleJumpLinkActivate(link, e); 14737 }, 14738 true 14739 ); 14740 14741 let scrollScheduled = false; 14742 const onScrollOrResize = () => { 14743 if (scrollScheduled || clpJumpFinishTimer || clpJumpScrolling) return; 14744 scrollScheduled = true; 14745 requestAnimationFrame(() => { 14746 scrollScheduled = false; 14747 syncJumpActiveFromScroll(); 14748 }); 14749 }; 14750 window.addEventListener('scroll', onScrollOrResize, { passive: true }); 14751 window.addEventListener('resize', () => { 14752 setClpJumpBarHeight(); 14753 onScrollOrResize(); 14754 }); 14755 14756 if (!applyJumpHashIfAny()) syncJumpActiveFromScroll(); 14757 14758 clpInitHashTimer = window.setTimeout(() => { 14759 clpInitHashTimer = null; 14760 if (window.__clpJumpScrollUntil && Date.now() < window.__clpJumpScrollUntil) return; 14761 if (!applyJumpHashIfAny()) syncJumpActiveFromScroll(); 14762 }, 800); 14763 } 14764 }); 14765</script>
14765 14766 14767 14768</section>
14768<script data-locksmith> 14769 var load = function () { 14770 14771 if (document.querySelectorAll('.locksmith-manual-trigger').length > 0) { 14772 Locksmith.ping(); 14773 } 14774 14775 14776 Locksmith.util.on('submit', 'locksmith-resource-form', function (event) { 14777 event.preventDefault(); 14778 var data = Locksmith.util.serializeForm(event.target); 14779 var options = { spinner: false, container: 'locksmith-content' }; 14780 // a form rendered inline (section replacement) must keep that context 14781 // on resubmit: same enclosing container (there may be several on the 14782 // page), and no layout classes or cancel affordance in the re-render 14783 var inlineContainer = event.target.closest && event.target.closest('[id^="locksmith-content"]'); 14784 if (inlineContainer) { 14785 options.container = inlineContainer; 14786 } 14787 if (event.target.getAttribute('data-locksmith-inline') === 'true') { 14788 options.include_layout_classes = false; 14789 } 14790 Locksmith.postResource(data, options); 14791 }); 14792 14793 Locksmith.util.on('click', 'locksmith-manual-trigger', function (event) { 14794 event.preventDefault(); 14795 Locksmith.postResource({}, { spinner: true, container: document }); 14796 }); 14797 14798 Locksmith.submitPasscode = function (passcode) { 14799 Locksmith.postResource( 14800 { passcode: passcode }, 14801 { spinner: false, container: 'locksmith-content' } 14802 ); 14803 }; 14804 }; 14805 14806 if (typeof Locksmith !== 'undefined') { 14807 load(); 14808 } else { 14809 window.addEventListener('load', load); 14810 } 14811 </script>
14811 14812 </div> 14813 14814 <div id="slideshow-info" class="visually-hidden">Use left/right arrows to navigate the slideshow or swipe left/right if using a mobile device</div> 14815 </div> 14816 14817 <div id="shopify-section-footer" class="shopify-section"><style data-shopify>#shopify-section-footer { 14818 --image-width: 0px; 14819 --image-width-mobile: 0.0px; 14820 --image-width-secondary: 0px; 14821 --image-width-secondary-mobile: 0.0px; 14822 } 14823 14824 #shopify-section-footer .slice-animation--left { 14825 animation: slice-small 3s cubic-bezier(0.33, 0.35, 0.73, 0.72) forwards paused; 14826 } 14827 14828 #shopify-section-footer .slice-animation--right { 14829 animation: slice-small-right 3s cubic-bezier(0.33, 0.35, 0.73, 0.72) forwards paused; 14830 } 14831 14832 @media (min-width: 750px) { 14833 #shopify-section-footer .slice-animation--left { 14834 animation: slice-medium 3s cubic-bezier(0.33, 0.35, 0.73, 0.72) forwards paused; 14835 } 14836 } 14837 14838 @media (min-width: 750px) { 14839 #shopify-section-footer .slice-animation--right { 14840 animation: slice-medium-right 3s cubic-bezier(0.33, 0.35, 0.73, 0.72) forwards paused; 14841 } 14842 } 14843 14844 @media (min-width: 1024px) { 14845 #shopify-section-footer .slice-animation--left { 14846 animation: slice-large 3s cubic-bezier(0.33, 0.35, 0.73, 0.72) forwards paused; 14847 } 14848 } 14849 14850 @media (min-width: 1024px) { 14851 #shopify-section-footer .slice-animation--right { 14852 animation: slice-large-right 3s cubic-bezier(0.33, 0.35, 0.73, 0.72) forwards paused; 14853 } 14854 } 14855 14856 @media (min-width: 1440px) { 14857 #shopify-section-footer .slice-animation--left { 14858 animation: slice-large-up 3s cubic-bezier(0.33, 0.35, 0.73, 0.72) forwards paused; 14859 } 14860 } 14861 14862 @media (min-width: 1440px) { 14863 #shopify-section-footer .slice-animation--right { 14864 animation: slice-large-up-right 3s cubic-bezier(0.33, 0.35, 0.73, 0.72) forwards paused; 14865 } 14866 } 14867 14868 @media (min-width: 1920px) { 14869 #shopify-section-footer .slice-animation--left { 14870 animation: slice-large-up 7s cubic-bezier(0.33, 0.35, 0.73, 0.72) forwards paused; 14871 } 14872 } 14873 14874 @media (min-width: 1920px) { 14875 #shopify-section-footer .slice-animation--right { 14876 animation: slice-large-up-right 7s cubic-bezier(0.33, 0.35, 0.73, 0.72) forwards paused; 14877 } 14878 } 14879 14880 @keyframes slice-large-up { 14881 0%{ 14882 transform: translateX(0%) 14883 } 14884 100%{ 14885 transform: translateX(calc((100vw - 1320px) / 2)); 14886 } 14887 } 14888 14889 @keyframes slice-large-up-right { 14890 0%{ 14891 transform: translateX(0%) 14892 } 14893 100%{ 14894 transform: translateX(calc((100vw - 1320px) / -2)); 14895 } 14896 } 14897 14898 @keyframes slice-large { 14899 0%{ 14900 transform: translateX(0%) 14901 } 14902 100%{ 14903 transform: translateX(60px) 14904 } 14905 } 14906 14907 @keyframes slice-large-right { 14908 0%{ 14909 transform: translateX(0%) 14910 } 14911 100%{ 14912 transform: translateX(-60px) 14913 } 14914 } 14915 14916 @keyframes slice-medium { 14917 0%{ 14918 transform: translateX(0%) 14919 } 14920 100%{ 14921 transform: translateX(20px) 14922 } 14923 } 14924 14925 @keyframes slice-medium-right { 14926 0%{ 14927 transform: translateX(0%) 14928 } 14929 100%{ 14930 transform: translateX(-20px) 14931 } 14932 } 14933 14934 @keyframes slice-small { 14935 0% { 14936 transform: translateX(0%); 14937 } 14938 100% { 14939 transform: translateX(20px) 14940 } 14941 } 14942 14943 @keyframes slice-small-right { 14944 0% { 14945 transform: translateX(0%); 14946 } 14947 100% { 14948 transform: translateX(-20px) 14949 } 14950 } 14951 14952 footer .klaviyo-form button:hover { 14953 background-color: #E2EB28 !important; 14954 } 14955 14956 .footer-menu h3 { 14957 font-weight: 800; 14958 } 14959 14960 .footer-menu a:hover { 14961 color: #FFFF7D !important; 14962 } 14963 14964 @media screen and (max-width: 750px) { 14965 .footer-link-list li:not(:last-child)::after { 14966 margin-right: 5px; 14967 margin-left: 5px; 14968 } 14969 14970 .footer-link-list { 14971 margin-right: -1rem; 14972 margin-left: -1rem; 14973 } 14974 }</style><footer 14975 class="tw-relative tw-z-10 tw-float-left tw-w-full tw-font-ano" 14976 data-section-id="footer" 14977 data-section-type="footer-section" 14978 style="background-color: #008168;" 14979> 14980 <section class="tw-pointer-events-none tw-relative tw-h-0"><div 14981 class="tw-absolute tw-z-6 tw-w-full tw-bottom-[-100%]" 14982 > 14983 <div 14984 class="wave-separator-svg__curve-up-left tw-h-[98px]" 14985 style="background-color: #008168;" 14986 ></div> 14987 </div> 14988 </section> 14989 14990 14991 14992 14993 <div class="tw-my-0 tw-px-5 tw-text-white lg:tw-mx-[60px] lg:tw-px-0 xl:tw-mx-auto xl:tw-max-w-[1320px] tw-pt-2 tw-pb-5 md:tw-pb-10"> 14994 <div class="tw-flex tw-flex-wrap lg:tw-flex-nowrap tw-justify-center lg:tw-justify-between tw-gap-6 lg:tw-flex-row tw-max-w-[540px] lg:tw-max-w-full tw-mx-auto"> 14995 <div class="footer-menu tw-max-w-[540px] tw-mt-0 lg:-tw-mt-2 tw-text-center tw-w-full lg:tw-w-auto tw-pb-10 lg:tw-pb-0 tw-border-b tw-border-solid tw-border-white lg:tw-border-none lg:tw-text-left lg:tw-mr-auto "><h3 14996 class="tw-text-8 lg:tw-text-12 !tw-font-display tw-font-bold tw-leading-[1.1] !tw-text-vanilla " 14997 id="footer-menu-label-1" 14998 > 14999 Sign up to get 15% off your first order 15000 </h3><klaviyo-form 15001 class="klaviyo-form tw-px-0 tw-pt-4 tw-pb-6 md:tw-py-6 tw-inline-block text-left" 15002 data-klaviyo-list-id="KdQJNU" 15003 > 15004 <form 15005 method="post" 15006 action="/contact#contact_form" 15007 id="contact_form" 15008 accept-charset="UTF-8" 15009 class="newsletter-form" 15010 > 15011 <input type="hidden" name="contact[tags]" value="newsletter"> 15012 <div class="klaviyo-form__wrapper rel"> 15013 <input 15014 type="email" 15015 id="KlaviyoForm--footer" 15016 name="contact[email]" 15017 value="" 15018 aria-required="true" 15019 autocorrect="off" 15020 autocapitalize="off" 15021 autocomplete="email" 15022 required 15023 placeholder="Your Email Address" 15024 > 15025 <label class="visually-hidden" for="KlaviyoForm--footer">Subscribe</label> 15026 <button 15027 type="submit" 15028 name="subscribe" 15029 id="subscribe" 15030 aria-label="Subscribe" 15031 > 15032 Subscribe 15033 </button> 15034 </div> 15035
15036 <div class="klaviyo-form__message klaviyo-form__success hide"> 15037 <p><strong>Subscribed!</strong></p><p>Save 15% on your first order with code <strong>WELCOME15.</strong></p><p>Check your email for a confirmation message.</p> 15038 </div> 15039 15040 15041 15042 <div class="klaviyo-form__message klaviyo-form__error form-error hide"> 15043 <p>Something went wrong, please try again</p> 15044 </div> 15045 15046 <div class="klaviyo-form__message klaviyo-form__error-email form-error hide tw-pt-4"> 15047 Please enter a valid email address. 15048 </div> 15049 </form> 15050 </klaviyo-form> 15051 15052 <nav class="tw-mt-2" aria-label="Social media"> 15053 <ul class="social-icons"><li class="tw-my-0 tw-mx-[10px] tw-inline-block lg:tw-mr-7 lg:tw-ml-0"> 15054 <a class="tw-text-white hover:tw-text-yellow-dark" target="_blank" href="https://www.instagram.com/drinkolipop/"> 15055 <svg focusable="false" class="icon icon-instagram" role="presentation" viewBox="0 0 512 512"> 15056 <path d="M256 49.5c67.3 0 75.2.3 101.8 1.5 24.6 1.1 37.9 5.2 46.8 8.7 11.8 4.6 20.2 10 29 18.8s14.3 17.2 18.8 29c3.4 8.9 7.6 22.2 8.7 46.8 1.2 26.6 1.5 34.5 1.5 101.8s-.3 75.2-1.5 101.8c-1.1 24.6-5.2 37.9-8.7 46.8-4.6 11.8-10 20.2-18.8 29s-17.2 14.3-29 18.8c-8.9 3.4-22.2 7.6-46.8 8.7-26.6 1.2-34.5 1.5-101.8 1.5s-75.2-.3-101.8-1.5c-24.6-1.1-37.9-5.2-46.8-8.7-11.8-4.6-20.2-10-29-18.8s-14.3-17.2-18.8-29c-3.4-8.9-7.6-22.2-8.7-46.8-1.2-26.6-1.5-34.5-1.5-101.8s.3-75.2 1.5-101.8c1.1-24.6 5.2-37.9 8.7-46.8 4.6-11.8 10-20.2 18.8-29s17.2-14.3 29-18.8c8.9-3.4 22.2-7.6 46.8-8.7 26.6-1.3 34.5-1.5 101.8-1.5m0-45.4c-68.4 0-77 .3-103.9 1.5C125.3 6.8 107 11.1 91 17.3c-16.6 6.4-30.6 15.1-44.6 29.1-14 14-22.6 28.1-29.1 44.6-6.2 16-10.5 34.3-11.7 61.2C4.4 179 4.1 187.6 4.1 256s.3 77 1.5 103.9c1.2 26.8 5.5 45.1 11.7 61.2 6.4 16.6 15.1 30.6 29.1 44.6 14 14 28.1 22.6 44.6 29.1 16 6.2 34.3 10.5 61.2 11.7 26.9 1.2 35.4 1.5 103.9 1.5s77-.3 103.9-1.5c26.8-1.2 45.1-5.5 61.2-11.7 16.6-6.4 30.6-15.1 44.6-29.1 14-14 22.6-28.1 29.1-44.6 6.2-16 10.5-34.3 11.7-61.2 1.2-26.9 1.5-35.4 1.5-103.9s-.3-77-1.5-103.9c-1.2-26.8-5.5-45.1-11.7-61.2-6.4-16.6-15.1-30.6-29.1-44.6-14-14-28.1-22.6-44.6-29.1-16-6.2-34.3-10.5-61.2-11.7-27-1.1-35.6-1.4-104-1.4z"/><path d="M256 126.6c-71.4 0-129.4 57.9-129.4 129.4s58 129.4 129.4 129.4 129.4-58 129.4-129.4-58-129.4-129.4-129.4zm0 213.4c-46.4 0-84-37.6-84-84s37.6-84 84-84 84 37.6 84 84-37.6 84-84 84z"/><circle cx="390.5" cy="121.5" r="30.2"/> 15057</svg> 15058 15059 <span class="icon__fallback-text">Link to Olipop Instagram</span> 15060 </a> 15061 </li><li class="tw-my-0 tw-mx-[10px] tw-inline-block lg:tw-mr-7 lg:tw-ml-0"> 15062 <a class="tw-text-white hover:tw-text-yellow-dark" target="_blank" href="https://www.tiktok.com/@drinkolipop?lang=en"> 15063 <svg width="23" height="26" viewBox="0 0 23 26" fill="none" xmlns="http://www.w3.org/2000/svg" role="presentation"> 15064 <path d="M22.8312 6.51011C21.3452 6.51011 19.9738 6.01784 18.8728 5.18729C17.6101 4.23511 16.7027 2.83862 16.3823 1.22893C16.3026 0.831133 16.2601 0.420622 16.2558 0H12.0106V11.6L12.0054 17.9539C12.0054 19.6525 10.8992 21.0929 9.3658 21.5994C8.92091 21.7464 8.4402 21.816 7.93955 21.7886C7.30082 21.7536 6.70224 21.5606 6.18195 21.2495C5.07464 20.5874 4.32411 19.3859 4.3036 18.0116C4.27153 15.8638 6.00804 14.1128 8.15419 14.1128C8.578 14.1128 8.98475 14.1818 9.3658 14.3075V11.1372V9.99758C8.96395 9.93807 8.55517 9.90716 8.14148 9.90716C5.79224 9.90716 3.59524 10.8836 2.02455 12.6429C0.837506 13.9724 0.125395 15.6685 0.0156173 17.4472C-0.128249 19.7837 0.726573 22.0047 2.3848 23.6435C2.62833 23.8842 2.88428 24.1075 3.15179 24.3135C4.57342 25.4069 6.31137 26 8.14177 26C8.55517 26 8.96424 25.9694 9.36608 25.9099C11.076 25.6565 12.6536 24.8739 13.8988 23.643C15.4287 22.1309 16.274 20.1234 16.283 17.9868L16.261 8.49853C16.9907 9.06158 17.7889 9.52756 18.6452 9.88896C19.9773 10.4508 21.3896 10.7357 22.843 10.7354V7.65296V6.50924C22.8442 6.51011 22.8321 6.51011 22.8312 6.51011Z" fill="currentColor"/> 15065</svg> 15066
15067 <span class="icon__fallback-text">Link to Olipop TikTok</span> 15068 </a> 15069 </li><li class="tw-my-0 tw-mx-[10px] tw-inline-block lg:tw-mr-7 lg:tw-ml-0"> 15070 <a class="tw-text-white hover:tw-text-yellow-dark" target="_blank" href="https://www.facebook.com/drinkolipop"> 15071 <svg 15072 width="11" 15073 height="21" 15074 viewBox="0 0 11 21" 15075 fill="none" 15076 xmlns="http://www.w3.org/2000/svg" 15077 class="icon icon-facebook" 15078 role="presentation" 15079> 15080 <path d="M10.8258 7.78803H7.30078V5.78803C7.30078 4.75603 7.38478 4.10603 8.86378 4.10603H10.7318V0.926026C9.82278 0.832026 8.90878 0.786027 7.99378 0.788026C5.28078 0.788026 3.30078 2.44503 3.30078 5.48703V7.78803H0.300781V11.788L3.30078 11.787V20.788H7.30078V11.785L10.3668 11.784L10.8258 7.78803Z" fill="#14433D"/> 15081</svg> 15082 15083 <span class="icon__fallback-text">Link to Olipop Facebook</span> 15084 </a> 15085 </li><li class="tw-my-0 tw-mx-[10px] tw-inline-block lg:tw-mr-7 lg:tw-ml-0"> 15086 <a class="tw-text-white hover:tw-text-yellow-dark" target="_blank" href="https://www.linkedin.com/company/olipop-pbc"> 15087 <svg class="icon icon-linkedin" width="24" height="24" role="presentation" viewBox="0 0 26 26"> 15088 <path style="stroke:none;fill-rule:nonzero;fill:currentColor;fill-opacity:1;" d="M 21.125 0 L 4.875 0 C 2.183594 0 0 2.183594 0 4.875 L 0 21.125 C 0 23.816406 2.183594 26 4.875 26 L 21.125 26 C 23.816406 26 26 23.816406 26 21.125 L 26 4.875 C 26 2.183594 23.816406 0 21.125 0 Z M 8.039062 22.070312 L 4 22.070312 L 3.976562 9.976562 L 8.015625 9.976562 Z M 5.917969 8.394531 L 5.894531 8.394531 C 4.574219 8.394531 3.722656 7.484375 3.722656 6.351562 C 3.722656 5.191406 4.601562 4.3125 5.945312 4.3125 C 7.289062 4.3125 8.113281 5.191406 8.140625 6.351562 C 8.140625 7.484375 7.285156 8.394531 5.917969 8.394531 Z M 22.042969 22.070312 L 17.96875 22.070312 L 17.96875 15.5 C 17.96875 13.910156 17.546875 12.828125 16.125 12.828125 C 15.039062 12.828125 14.453125 13.558594 14.171875 14.265625 C 14.066406 14.519531 14.039062 14.867188 14.039062 15.222656 L 14.039062 22.070312 L 9.945312 22.070312 L 9.921875 9.976562 L 14.015625 9.976562 L 14.039062 11.683594 C 14.5625 10.875 15.433594 9.730469 17.519531 9.730469 C 20.105469 9.730469 22.039062 11.417969 22.039062 15.046875 L 22.039062 22.070312 Z M 22.042969 22.070312 "/> 15089</svg> 15090 15091 <span class="icon__fallback-text">Link to Olipop LinkedIn</span> 15092 </a> 15093 </li><li class="tw-my-0 tw-mx-[10px] tw-inline-block lg:tw-mr-7 lg:tw-ml-0"> 15094 <a class="tw-text-white hover:tw-text-yellow-dark" target="_blank" href="https://www.pinterest.com/drinkolipop/"> 15095 <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-pinterest" viewBox="0 0 20 20"> 15096 <path fill="#444" d="M9.958.811q1.903 0 3.635.744t2.988 2 2 2.988.744 3.635q0 2.537-1.256 4.696t-3.415 3.415-4.696 1.256q-1.39 0-2.659-.366.707-1.147.951-2.025l.659-2.561q.244.463.903.817t1.39.354q1.464 0 2.622-.842t1.793-2.305.634-3.293q0-2.171-1.671-3.769t-4.257-1.598q-1.586 0-2.903.537T5.298 5.897 4.066 7.775t-.427 2.037q0 1.268.476 2.22t1.427 1.342q.171.073.293.012t.171-.232q.171-.61.195-.756.098-.268-.122-.512-.634-.707-.634-1.83 0-1.854 1.281-3.183t3.354-1.329q1.83 0 2.854 1t1.025 2.61q0 1.342-.366 2.476t-1.049 1.817-1.561.683q-.732 0-1.195-.537t-.293-1.269q.098-.342.256-.878t.268-.915.207-.817.098-.732q0-.61-.317-1t-.927-.39q-.756 0-1.269.695t-.512 1.744q0 .39.061.756t.134.537l.073.171q-1 4.342-1.22 5.098-.195.927-.146 2.171-2.513-1.122-4.062-3.44T.59 10.177q0-3.879 2.744-6.623T9.957.81z"/> 15097</svg> 15098 15099 <span class="icon__fallback-text">Link to Olipop Pinterest</span> 15100 </a> 15101 </li><li class="tw-my-0 tw-mx-[10px] tw-inline-block lg:tw-mr-7 lg:tw-ml-0"> 15102 <a class="tw-text-white hover:tw-text-yellow-dark" target="_blank" href="https://twitter.com/drinkolipop"> 15103 <svg 15104 width="28" 15105 aria-hidden="true" 15106 focusable="false" 15107 role="presentation" 15108 height="28" 15109 viewBox="0 0 28 28" 15110 class="icon icon-twitter" 15111 fill="none" 15112 xmlns="http://www.w3.org/2000/svg" 15113> 15114 <path d="M16.093 12.3155L24.283 3H22.3422L15.2308 11.0885L9.55101 3H3L11.589 15.2313L3 25H4.94088L12.4507 16.4583L18.449 25H25L16.0925 12.3155H16.093ZM13.4347 15.339L12.5644 14.1211L5.6402 4.42965H8.62127L14.2092 12.2509L15.0795 13.4689L22.3431 23.6354H19.3621L13.4347 15.3395V15.339Z" fill="white"/> 15115</svg> 15116
15117 <span class="icon__fallback-text">Link to Olipop Twitter</span> 15118 </a> 15119 </li><li class="tw-my-0 tw-mx-[10px] tw-inline-block lg:tw-mr-7 lg:tw-ml-0"> 15120 <a class="tw-text-white hover:tw-text-yellow-dark" target="_blank" href="https://www.youtube.com/@OLIPOP"> 15121 <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-youtube" width="24" height="24" viewBox="0 0 24 24"> 15122 <path d="M12 20.5714C12.0028 20.5714 19.5057 20.5713 21.377 20.0597C22.4094 19.7779 23.222 18.9481 23.498 17.8947C23.9979 15.9912 24 12.0272 24 12.0001C24 12.0001 23.9996 8.01541 23.498 6.10559C23.2221 5.05198 22.4095 4.22226 21.377 3.94055C19.5057 3.42885 12.0028 3.42883 12 3.42883C12 3.42883 4.49469 3.42875 2.62305 3.94055C1.59062 4.22225 0.7779 5.05197 0.501953 6.10559C0.00044636 8.0154 0 12.0001 0 12.0001C5.84265e-06 12.0272 0.0021592 15.9912 0.501953 17.8947C0.777939 18.9481 1.59064 19.7779 2.62305 20.0597C4.49469 20.5714 12 20.5714 12 20.5714ZM9.5459 8.38196L15.8184 12.0001L9.5459 15.6173V8.38196Z" fill="currentColor"/> 15123</svg> 15124 <span class="icon__fallback-text">Link to Olipop YouTube</span> 15125 </a> 15126 </li></ul> 15127 </nav> 15128</div> 15129 <div class="footer-menu tw-w-[calc(50%_-_12px)] lg:tw-w-auto tw-mt-2 lg:tw-mt-0"><h3 15130 class="tw-text-5 lg:tw-text-6 !tw-mb-4 !tw-font-display tw-font-bold tw-leading-[1.1] !tw-text-vanilla tw-flex tw-justify-between" 15131 id="footer-menu-label-2" 15132 > 15133 Help 15134 </h3><nav aria-labelledby="footer-menu-label-2"> 15135 <ul 15136 id="footer-menu-items-2" 15137 class="!tw-block" 15138 aria-labelledby="footer-menu-label-2" 15139 ><li class="tw-mt-3 first:tw-mt-0"> 15140 <a 15141 href="/pages/faq" 15142 class="settings-text-base-sm tw-text-vanilla hover:tw-text-yellow-dark" 15143 15144 15145 > 15146 FAQ 15147 </a> 15148 </li><li class="tw-mt-3 first:tw-mt-0"> 15149 <a 15150 href="/pages/fiber-education" 15151 class="settings-text-base-sm tw-text-vanilla hover:tw-text-yellow-dark" 15152 15153 15154 > 15155 Fiber Education 15156 </a> 15157 </li><li class="tw-mt-3 first:tw-mt-0"> 15158 <a 15159 href="https://drinkolipop.com/apps/retextion#/login" 15160 class="settings-text-base-sm tw-text-vanilla hover:tw-text-yellow-dark" 15161 15162 15163 > 15164 Manage Subscriptions 15165 </a> 15166 </li><li class="tw-mt-3 first:tw-mt-0"> 15167 <a 15168 href="https://drinkolipop.com/account/login" 15169 class="settings-text-base-sm tw-text-vanilla hover:tw-text-yellow-dark" 15170 15171 15172 > 15173 Manage Account 15174 </a> 15175 </li><li class="tw-mt-3 first:tw-mt-0"> 15176 <a 15177 href="/pages/track-your-order" 15178 class="settings-text-base-sm tw-text-vanilla hover:tw-text-yellow-dark" 15179 15180 15181 > 15182 Track Your Order 15183 </a> 15184 </li><li class="tw-mt-3 first:tw-mt-0"> 15185 <a 15186 href="/pages/satisfactionguarantee" 15187 class="settings-text-base-sm tw-text-vanilla hover:tw-text-yellow-dark" 15188 15189 15190 > 15191 Satisfaction Guarantee 15192 </a> 15193 </li><li class="tw-mt-3 first:tw-mt-0"> 15194 <a 15195 href="/pages/accessibility" 15196 class="settings-text-base-sm tw-text-vanilla hover:tw-text-yellow-dark" 15197 15198 15199 > 15200 Accessibility 15201 </a> 15202 </li><li class="tw-mt-3 first:tw-mt-0"> 15203 <a 15204 href="/pages/contact-us" 15205 class="settings-text-base-sm tw-text-vanilla hover:tw-text-yellow-dark" 15206 15207 15208 > 15209 Contact Us 15210 </a> 15211 </li> 15212 </ul> 15213 </nav></div> 15214 <div class="footer-menu tw-w-[calc(50%_-_12px)] lg:tw-w-auto tw-mt-2 lg:tw-mt-0"><h3 15215 class="tw-text-5 lg:tw-text-6 !tw-mb-4 !tw-font-display tw-font-bold tw-leading-[1.1] !tw-text-vanilla tw-flex tw-justify-between" 15216 id="footer-menu-label-3" 15217 > 15218 Company 15219 </h3><nav aria-labelledby="footer-menu-label-3"> 15220 <ul 15221 id="footer-menu-items-3" 15222 class="!tw-block" 15223 aria-labelledby="footer-menu-label-3" 15224 ><li class="tw-mt-3 first:tw-mt-0"> 15225 <a 15226 href="https://drinkolipop.com/pages/olipop-rewards" 15227 class="settings-text-base-sm tw-text-vanilla hover:tw-text-yellow-dark" 15228 15229 15230 > 15231 Earn Rewards 15232 </a> 15233 </li><li class="tw-mt-3 first:tw-mt-0"> 15234 <a 15235 href="/pages/sustainability" 15236 class="settings-text-base-sm tw-text-vanilla hover:tw-text-yellow-dark" 15237 15238 15239 > 15240 Sustainability 15241 </a> 15242 </li><li class="tw-mt-3 first:tw-mt-0"> 15243 <a 15244 href="/pages/careers" 15245 class="settings-text-base-sm tw-text-vanilla hover:tw-text-yellow-dark" 15246 15247 15248 > 15249 Careers 15250 </a> 15251 </li><li class="tw-mt-3 first:tw-mt-0"> 15252 <a 15253 href="/pages/product-quality-and-safety" 15254 class="settings-text-base-sm tw-text-vanilla hover:tw-text-yellow-dark" 15255 15256 15257 > 15258 Quality & Safety 15259 </a> 15260 </li><li class="tw-mt-3 first:tw-mt-0"> 15261 <a 15262 href="/blogs/digest" 15263 class="settings-text-base-sm tw-text-vanilla hover:tw-text-yellow-dark" 15264 15265 15266 >
15267 OLIPOP Blog 15268 </a> 15269 </li><li class="tw-mt-3 first:tw-mt-0"> 15270 <a 15271 href="/pages/press" 15272 class="settings-text-base-sm tw-text-vanilla hover:tw-text-yellow-dark" 15273 15274 15275 > 15276 Press 15277 </a> 15278 </li><li class="tw-mt-3 first:tw-mt-0"> 15279 <a 15280 href="/pages/affiliate-program" 15281 class="settings-text-base-sm tw-text-vanilla hover:tw-text-yellow-dark" 15282 15283 15284 > 15285 Affiliate Program 15286 </a> 15287 </li><li class="tw-mt-3 first:tw-mt-0"> 15288 <a 15289 href="/pages/rd-program" 15290 class="settings-text-base-sm tw-text-vanilla hover:tw-text-yellow-dark" 15291 15292 15293 > 15294 Registered Dietitian Program 15295 </a> 15296 </li><li class="tw-mt-3 first:tw-mt-0"> 15297 <a 15298 href="https://drinkolipop-wholesale.com/" 15299 class="settings-text-base-sm tw-text-vanilla hover:tw-text-yellow-dark" 15300 15301 15302 target="_blank" 15303 15304 > 15305 Wholesale 15306 </a> 15307 </li> 15308 </ul> 15309 </nav></div></div> 15310 15311 <div class="tw-mt-10 tw-text-center lg:tw-text-left"> 15312 <a 15313 href="https://www.bcorporation.net/en-us/find-a-b-corp/company/olipop/" 15314 target="_blank" 15315 aria-label="Certified corporation link" 15316 ><svg 15317 width="48" 15318 height="80" 15319 viewBox="0 0 48 80" 15320 fill="none" 15321 aria-hidden="true" 15322 focusable="false" 15323 role="presentation" 15324> 15325 <path fill-rule="evenodd" clip-rule="evenodd" d="M5.85938 2.48313C5.74651 2.30156 5.6091 2.14452 5.44225 2.01202C5.2754 1.87462 5.08401 1.77156 4.873 1.69304C4.66198 1.61943 4.44115 1.58017 4.2105 1.58017C3.78847 1.58017 3.43023 1.6636 3.13088 1.82554C2.83644 1.98749 2.59598 2.20832 2.4144 2.48313C2.23283 2.75794 2.09542 3.07202 2.012 3.42535C1.92857 3.77868 1.88441 4.14182 1.88441 4.51478C1.88441 4.87302 1.92367 5.22144 2.012 5.56005C2.09542 5.89866 2.22792 6.20292 2.4144 6.47773C2.59598 6.74764 2.83644 6.96847 3.13088 7.13041C3.42532 7.29236 3.78356 7.37578 4.2105 7.37578C4.78466 7.37578 5.23614 7.19912 5.55512 6.85069C5.87901 6.49736 6.0753 6.03607 6.14891 5.46191H7.96955C7.92048 5.99681 7.79779 6.47773 7.59659 6.90958C7.39539 7.34143 7.1353 7.70948 6.8065 8.00883C6.47771 8.31309 6.09493 8.54374 5.65818 8.70568C5.22142 8.86272 4.73559 8.94614 4.2105 8.94614C3.55782 8.94614 2.96894 8.83327 2.44385 8.60262C1.91876 8.37689 1.482 8.06281 1.11886 7.66041C0.760618 7.26291 0.485805 6.7918 0.294418 6.25199C0.10303 5.71218 0.00488281 5.13311 0.00488281 4.50988C0.00488281 3.87192 0.098123 3.27813 0.294418 2.73341C0.485805 2.18869 0.760618 1.70777 1.11886 1.30536C1.47709 0.898049 1.91876 0.57907 2.44385 0.348423C2.96403 0.117776 3.55291 0 4.2105 0C4.68161 0 5.12818 0.0687031 5.54531 0.201202C5.96243 0.338609 6.3403 0.534904 6.6691 0.794995C6.99789 1.05509 7.2727 1.37406 7.48863 1.75684C7.70455 2.13961 7.84196 2.58128 7.89594 3.07202H6.0753C6.04095 2.85609 5.97225 2.6598 5.85938 2.48313ZM23.7614 57.1513C35.122 57.1513 44.3282 47.9451 44.3282 36.5894C44.3282 25.2387 35.122 16.0324 23.7614 16.0275C12.4058 16.0275 3.19952 25.2338 3.19952 36.5894C3.19952 47.9451 12.4058 57.1513 23.7614 57.1513ZM0.0833407 36.5796C0.0833407 23.5014 10.6882 12.8966 23.7663 12.8966C36.8494 12.8966 47.4542 23.5014 47.4542 36.5796C47.4542 49.6577 36.8494 60.2626 23.7663 60.2626C10.6882 60.2626 0.0833407 49.6577 0.0833407 36.5796ZM23.6585 23.0646H13.8535V50.1043H26.9121C32.2856 50.1043 35.127 46.3158 35.127 42.3408C35.127 39.0087 33.3113 36.5108 29.9792 35.8287V35.7502C32.4819 34.7295 33.9934 32.5702 33.9934 29.6945C33.9934 27.0396 32.5948 25.111 30.8134 24.051C29.1891 23.0646 26.0434 23.0646 23.6585 23.0646ZM24.6498 34.6853H17.4506V26.0876H24.6498C27.7561 26.0876 30.4061 26.6176 30.4061 30.3668C30.4061 33.2082 28.7376 34.6853 24.6498 34.6853ZM26.4655 47.0666H17.4506V37.718H25.6705C28.6983 37.718 31.5397 38.6995 31.5397 42.223C31.5397 45.1723 29.5669 47.0666 26.4655 47.0666ZM47.4003 65.2631H0.127619V68.3695H47.4003V65.2631Z
15325M46.0102 61.8402C45.9941 61.8409 45.9777 61.8416 45.9611 61.8421C45.9486 61.8425 45.936 61.8427 45.9232 61.8427V61.8476H45.6582V61.3226H45.9968C46.0458 61.3226 46.0851 61.3226 46.1293 61.3275C46.1783 61.3373 46.2127 61.3471 46.247 61.3667C46.2814 61.3814 46.3108 61.406 46.3305 61.4403C46.3501 61.4698 46.3599 61.5188 46.3599 61.5728C46.3599 61.6366 46.3501 61.6857 46.3256 61.725C46.301 61.7593 46.2716 61.7887 46.2274 61.8084C46.1881 61.8231 46.1391 61.8329 46.09 61.8378C46.0786 61.8378 46.0672 61.838 46.0557 61.8384L46.0211 61.8397L46.0102 61.8402ZM46.4728 61.2244C46.3746 61.1459 46.2323 61.1066 46.036 61.1066V61.1115H45.3932V62.7604H45.6532V62.0488H45.9232L46.3746 62.7604H46.6494L46.1783 62.0341C46.3059 62.0194 46.409 61.9801 46.4924 61.9114C46.5709 61.8378 46.6151 61.7348 46.6151 61.5826C46.6151 61.4207 46.566 61.3029 46.4728 61.2244ZM45.1232 62.7948C45.0153 62.6868 44.9319 62.5543 44.8779 62.4071C44.8141 62.2599 44.7846 62.0979 44.7895 61.9311C44.7895 61.7544 44.819 61.6023 44.8779 61.455C44.9368 61.3078 45.0153 61.1802 45.1232 61.0723C45.2214 60.9692 45.349 60.8858 45.4913 60.822C45.6287 60.7631 45.7857 60.7288 45.9477 60.7288C46.1096 60.7288 46.2667 60.7631 46.4041 60.822C46.5415 60.8809 46.6642 60.9643 46.7721 61.0723C46.8703 61.1802 46.9537 61.3078 47.0126 61.455C47.0764 61.6023 47.1058 61.7593 47.1058 61.9311C47.1058 62.1028 47.0715 62.2599 47.0126 62.4071C46.9586 62.5592 46.8752 62.6868 46.7721 62.7948C46.6691 62.9027 46.5464 62.9861 46.4041 63.0499C46.2667 63.1088 46.1145 63.1383 45.9477 63.1383C45.7857 63.1383 45.6287 63.1088 45.4913 63.0499C45.349 62.9861 45.2263 62.9027 45.1232 62.7948ZM44.9466 60.93C44.819 61.0576 44.7159 61.1999 44.6423 61.3716C44.5638 61.5434 44.5295 61.7299 44.5344 61.9311C44.5344 62.1323 44.5638 62.3187 44.6423 62.4905C44.7159 62.6672 44.819 62.8144 44.9466 62.942C45.0742 63.0745 45.2263 63.1677 45.3981 63.2413C45.5698 63.31 45.7514 63.3444 45.9428 63.3444C46.1391 63.3444 46.3206 63.31 46.4973 63.2413C46.6642 63.1677 46.8114 63.0745 46.939 62.942C47.0666 62.8144 47.1696 62.6672 47.2432 62.4905C47.3218 62.3187 47.3561 62.1323 47.3561 61.9311C47.3561 61.7299 47.3218 61.5434 47.2432 61.3716C47.1745 61.2048 47.0666 61.0576 46.939 60.93C46.8163 60.8024 46.6642 60.7091 46.4973 60.6355C46.3206 60.5619 46.1391 60.5276 45.9428 60.5276C45.7563 60.5276 45.5698 60.5619 45.3981 60.6355C45.2263 60.7091 45.0742 60.8024 44.9466 60.93ZM11.5176 7.63593C11.0416 7.63593 10.6735 7.50834 10.4183 7.26297C10.1582 7.01761 10.0208 6.6152 9.99629 6.0803H14.462C14.4963 5.59937 14.4571 5.13808 14.3442 4.70132C14.2314 4.26457 14.0498 3.87198 13.7995 3.52846C13.5492 3.18495 13.2302 2.91504 12.8377 2.70893C12.4451 2.50773 11.9838 2.40467 11.4587 2.40467C10.9876 2.40467 10.5606 2.4881 10.173 2.65495C9.78527 2.8218 9.45157 3.05245 9.17185 3.34198C8.89213 3.63152 8.67621 3.97994 8.52408 4.37744C8.37195 4.77494 8.29834 5.20678 8.29834 5.66808C8.29834 6.14409 8.37195 6.58576 8.51917 6.98325C8.66639 7.38566 8.87741 7.72917 9.14731 8.0138C9.42213 8.29843 9.75092 8.51926 10.1435 8.6763C10.5312 8.83333 10.9729 8.91185 11.4587 8.91185C12.1604 8.91185 12.7591 8.74991 13.2548 8.43093C13.7504 8.11195 14.1185 7.57704 14.3589 6.83603H12.8622C12.8033 7.02742 12.6512 7.20899 12.4058 7.38075C12.1555 7.55251 11.8611 7.63593 11.5176 7.63593ZM11.4096 3.67568C11.8218 3.67568 12.131 3.78855 12.3371 4.00939C12.5432 4.23022 12.6855 4.55901 12.764 4.99086H9.99629C10.0061 4.86818 10.0306 4.73568 10.0748 4.58355C10.119 4.43142 10.1926 4.2891 10.3005 4.1517C10.4085 4.0192 10.5508 3.90633 10.7324 3.81309C10.914 3.71985 11.1397 3.67568 11.4096 3.67568ZM16.847 2.55676V3.70509H16.8715C16.95 3.5137 17.058 3.33704 17.1954 3.17019C17.3328 3.00824 17.4849 2.86593 17.6616 2.75306C17.8383 2.64019 18.0248 2.54695 18.226 2.48315C18.4272 2.41936 18.6333 2.38991 18.8492 2.38991C18.9621 2.38991 19.0847 2.40954 19.2222 2.4488V4.02898C19.1436 4.01425 19.0455 3.99953 18.9326 3.98972L18.9179 3.98844C18.8104 3.97907 18.7073 3.97009 18.6087 3.97009C18.2996 3.97009 18.0346 4.02407 17.8186 4.12712C17.6027 4.23018 17.431 4.37249 17.2985 4.55407C17.166 4.73564 17.0727 4.94175 17.0187 5.18221C16.9648 5.42267 16.9353 5.68276 16.9353 5.96248V8.75478H15.2374V2.55676H16.847ZM23.7664 3.69527V2.56166H22.5101V0.706676H20.8122V2.56166H19.7816V3.70017H20.8122V7.35126C20.8122 7.66533 20.8661 7.91561 20.9692 8.10699C21.0772 8.29838 21.2146 8.4456 21.3961 8.54866C21.5777 8.65662 21.7838 8.72532 22.0194 8.75968C22.25 8.79403 22.5003 8.81366 22.7653 8.81366C22.9321 8.81366 23.1039 8.8087
153255 23.2806 8.79893C23.4572 8.78912 23.6192 8.7744 23.7615 8.74986V7.43468C23.683 7.44941 23.5995 7.45922 23.5112 7.46904C23.4229 7.47394 23.3345 7.47885 23.2364 7.47885C22.9518 7.47885 22.7555 7.42978 22.6622 7.33654C22.569 7.2433 22.5199 7.05191 22.5199 6.76237V3.69527H23.7664ZM24.7576 1.59982V0.196311H26.4556V1.59982H24.7576ZM26.4556 2.55676V8.74496H24.7576V2.55676H26.4556ZM27.1329 2.55676V3.69527V3.70018H28.1487V8.75477H29.8516V3.70018H31.0244V2.56166H29.8516V2.1887C29.8516 1.93352 29.9007 1.75195 29.9988 1.64399C30.0969 1.53602 30.2638 1.48204 30.4944 1.48204C30.7104 1.48204 30.9165 1.49186 31.1177 1.51639V0.245385C31.0265 0.242239 30.9332 0.235061 30.838 0.227728C30.7846 0.22362 30.7306 0.219465 30.676 0.215941C30.5239 0.201219 30.3718 0.196311 30.2196 0.196311C29.5277 0.196311 29.0075 0.368069 28.664 0.7214C28.3205 1.07473 28.1487 1.52621 28.1487 2.07583V2.55676H27.1329ZM32.1727 1.59982V0.196311H33.8707V1.59982H32.1727ZM33.8756 2.55676V8.74496H32.1727V2.55676H33.8756ZM37.6542 7.63587C37.1782 7.63587 36.8102 7.50828 36.555 7.26291C36.2998 7.01754 36.1624 6.61514 36.1428 6.07042H40.6085C40.6379 5.5895 40.5987 5.1282 40.4858 4.69145C40.3729 4.25469 40.1914 3.8621 39.9411 3.51859C39.6908 3.17507 39.3718 2.90516 38.9792 2.69905C38.5866 2.49785 38.1254 2.3948 37.6003 2.3948C37.1292 2.3948 36.7022 2.47822 36.3145 2.64507C35.9268 2.81192 35.5931 3.04257 35.3134 3.33211C35.0337 3.62164 34.8178 3.96516 34.6657 4.37738C34.5184 4.77487 34.4399 5.20672 34.4399 5.66802C34.4399 6.14403 34.5135 6.58569 34.6607 6.98319C34.808 7.3856 35.019 7.72911 35.2889 8.01374C35.5637 8.29837 35.8925 8.5192 36.2851 8.67623C36.6728 8.83327 37.1144 8.91179 37.6003 8.91179C38.302 8.91179 38.9007 8.74984 39.3964 8.43087C39.8871 8.11189 40.2551 7.57698 40.4956 6.83597H38.9989C38.94 7.02736 38.7878 7.20893 38.5425 7.38069C38.2922 7.55245 37.9978 7.63587 37.6542 7.63587ZM37.5512 3.67562C37.9634 3.67562 38.2775 3.78849 38.4787 4.00932C38.6799 4.23015 38.8222 4.55895 38.9007 4.9908H36.1379C36.147
153257 4.86811 36.1722 4.73561 36.2164 4.58349C36.2605 4.43136 36.3342 4.28904 36.4421 4.15164C36.5501 4.01914 36.6924 3.90627 36.874 3.81303C37.0555 3.71979 37.2813 3.67562 37.5512 3.67562ZM45.7662 7.95975C45.565 8.29345 45.3049 8.53882 44.981 8.68604C44.6571 8.83326 44.2939 8.90687 43.8866 8.90687C43.4253 8.90687 43.018 8.81854 42.6647 8.63697C42.3114 8.4554 42.0218 8.21493 41.7961 7.90577C41.5704 7.5966 41.3986 7.24327 41.2808 6.84578C41.163 6.44828 41.1091 6.03115 41.1091 5.5993C41.1091 5.18218 41.1679 4.78468 41.2808 4.397C41.3937 4.00932 41.5704 3.67071 41.7961 3.37136C42.0218 3.07692 42.3114 2.83645 42.65 2.65979C42.9935 2.47822 43.391 2.38988 43.8474 2.38988C44.2154 2.38988 44.5638 2.4684 44.8926 2.62544C45.2263 2.78247 45.4864 3.00821 45.6778 3.31247H45.7024V0.201194H47.4003V8.74984H45.7858V7.95975H45.7662ZM45.6925 4.89755C45.6435 4.662 45.565 4.45589 45.4472 4.27431C45.3294 4.09274 45.1822 3.95043 44.9957 3.83756C44.8141 3.72469 44.5786 3.67071 44.3038 3.67071C44.0289 3.67071 43.7885 3.72469 43.5971 3.83756C43.4057 3.95043 43.2536 4.09765 43.1358 4.27922C43.0229 4.46079 42.9395 4.67181 42.8855 4.90736C42.8315 5.14292 42.807 5.38829 42.807 5.64347C42.807 5.88393 42.8365 6.12439 42.8904 6.35995C42.9444 6.60041 43.0377 6.81143 43.1603 7.00281C43.283 7.18929 43.4401 7.34142 43.6265 7.4592C43.813 7.57698 44.0388 7.63096 44.3038 7.63096C44.5835 7.63096 44.8141 7.57698 45.0055 7.46411C45.192 7.35124 45.3441 7.20402 45.457 7.01263C45.5699 6.82615 45.6484 6.61022 45.6975 6.37467C45.7465 6.13421 45.7711 5.88884 45.7711 5.63366C45.7662 5.37847 45.7416 5.1331 45.6925 4.89755ZM2.95915 73.4143C3.61673 73.4143 4.1909 73.8707 4.27432 74.4694H5.55515C5.3932 73.0757 4.28414 72.3003 2.95915 72.3003C1.09434 72.3003 0 73.694 0 75.4803C0 77.2126 1.09434 78.6063 2.95915 78.6063C4.43626 78.6063 5.47172 77.6445 5.60913 76.1428H4.3234C4.22525 76.9378 3.76886 77.4923 2.95915 77.4923C1.77156 77.4923 1.32499 76.4814 1.32499 75.4803C1.32499 74.4252 1.77156 73.4143 2.95915 73.4143ZM8.37198 73.9885C9.74604 73.9885 10.6294 74.8963 10.6294 76.29C10.6294 77.6739 9.74604 78.5818 8.37198 78.5818C7.00773 78.5818 6.11949 77.669 6.11949 76.29C6.11949 74.9012 7.00773 73.9885 8.37198 73.9885ZM8.37198 77.6837C9.19151 77.6837 9.43197 76.982 9.43197 76.2949C9.43197 75.5932 9.1866 74.8963 8.37198 74.8963C7.56226 74.8963 7.3169 75.5981 7.3169 76.2949C7.3169 76.982 7.56226 77.6837 8.37198 77.6837ZM12.5088 74.1014H11.3703V78.4591H12.5677V76.4962C12.5677 75.7306 12.872 75.0976 13.7504 75.0976C13.8927 75.0976 14.0693 75.1123 14.1822 75.1368V74.0229C14.1086 73.9983 14.0056 73.9836 13.9221 73.9836C13.3381 73.9836 12.7444 74.3615 12.5284 74.9111H12.5088V74.1014ZM14.6486 74.1062H15.7871V74.6608H15.8018C16.0864 74.1995 16.5575 73.9885 17.0973 73.9885C18.4665 73.9885 19.0799 75.0926 19.0799 76.3293C19.0799 77.4923 18.442 78.5818 17.1661 78.5818C16.6459 78.5818 16.1453 78.356 15.8607 77.9242H15.8411V80H14.6437V74.1062H14.6486ZM17.8825 76.2998C17.8825 75.6079 17.6028 74.8914 16.8373 74.8914C16.0521 74.8914 15.8018 75.5932 15.8018 76.2998C15.8018 77.0065 16.0717 77.6837 16.8471 77.6837C17.6323 77.6837 17.8825 77.0065 17.8825 76.2998ZM23.9675 76.29C23.9675 74.8963 23.0793 73.9885 21.7052 73.9885C20.341 73.9885 19.4577 74.9012 19.4577 76.29C19.4577 77.669 20.341 78.5818 21.7052 78.5818C23.0793 78.5818 23.9675 77.6739 23.9675 76.29ZM22.7702 76.2949C22.7702 76.982 22.5248 77.6837 21.7052 77.6837C20.9004 77.6837 20.6551 76.982 20.6502 76.2949C20.6502 75.5981 20.8955 74.8963 21.7052 74.8963C22.5248 74.8963 22.7702 75.5932 22.7702 76.2949ZM24.7087 74.1014H25.8472V74.9111H25.8669C26.0828 74.3615 26.6766 73.9836 27.2556 73.9836C27.3391 73.9836 27.4421 73.9983 27.5157 74.0229V75.1368C27.4078 75.1123 27.2311 75.0976 27.0839 75.0976C26.2055 75.0976 25.9012 75.7306 25.9012 76.4962V78.4591H24.7038V74.1014H24.7087ZM29.9203 73.9885C28.9388 73.9885 27.9377 74.3222 27.869 75.446H29.0664C29.1105 74.9749 29.405 74.7884 29.8614 74.7884C30.2785 74.7884 30.6367 74.862 30.6367 75.3773C30.6367 75.7821 30.1725 75.8363 29.5967 75.9034C29.4745 75.9177 29.3473 75.9325 29.2185 75.9514C28.4775 76.0545 27.7365 76.29 27.7365 77.2764C27.7365 78.1696 28.3941 78.5818 29.2185 78.5818C29.7534 78.5818 30.3079 78.4395 30.6858 78.042C30.6907 78.1843 30.73 78.3266 30.7692 78.464H31.9863C31.8734 78.2824 31.8341 77.8898 31.8341 77.4923V75.2251C31.8341 74.1799 30.7889 73.9885 29.9203 73.9885ZM29.9183 76.5456C30.2031 76.5055 30.477 76.4669 30.6318 76.3342H30.6367V76.7857C30.6367 77.0458 30.5975 77.7868 29.6651 77.7868C29.2725 77.7868 28.929 77.6788 28.929 77.2322C28.929 76.7906 29.2627 76.663 29.6356 76.5894C29.7284 76.5723 29.824 76.5588 29.9183 76.5456ZM34.2486 74.1063H35.127V74.9062H34.2486V77.0654C34.2486 77.4727 34.3516 77.5709 34.754 77.5709C34.8816 77.5709 34.9994 77.5611 35.127 77.5365V78.4738C34.9258 78.5082 34.6608 78.518 34.4252 78.518C33.694 78.518 33.0512 78.3463 33.0512 77.4826V74.9111H32.3249V74.1112H33.0512V72.8058H34.2486V74.1063ZM36.0299 73.4339H37.2273V72.4475H36.0299V73.4339ZM37.2273 74.1062H36.0299V78.4639H37.2273V74.1062ZM40.2797 73.9885C41.6538 73.9885 42.542 74.8963 42.542 76.29C42.542 77.6739 41.6538 78.5818 40.2797 78.5818C38.9154 78.5818 38.0321 77.669 38.0321 76.29C38.0321 74.9012 38.9154 73.9885 40.2797 73.9885ZM40.2797 77.6837C41.0992 77.6837 41.3446 76.982 41.3446 76.2949C41.3446 75.5932 41.0992 74.8963 40.2797 74.8963C39.47 74.8963 39.2246 75.5981 39.2246 76.2949C39.2246 76.982 39.47 77.6837 40.2797 77.6837ZM44.4509 74.1062H43.3173V78.4689H44.5147V76.1821C44.5147 75.2938 44.7895 74.9307 45.4422 74.9307C45.9968 74.9307 46.2078 75.284 46.2078 76.0005V78.464H47.4052V75.7846C47.4052 74.7049 47.0813 73.9885 45.8103 73.9885C45.2999 73.9885 44.7797 74.224 44.4755 74.7148H44.4509V74.1062Z" fill="white"/> 15326</svg> 15327</a> 15328 </div> 15329 15330 <div class="tw-mt-10 tw-flex tw-flex-wrap tw-items-center tw-justify-center tw-text-center lg:tw-flex-nowrap lg:tw-justify-between lg:tw-text-left"> 15331 <div class="tw-text-3 md:tw-text-base-sm-m tw-leading-[1.4] tw-order-last tw-w-full lg:tw-order-none lg:tw-w-auto"> 15332 © 2026 Olipop, Inc. All Rights Reserved 15333 </div> 15334 15335 <ul class="footer-link-list tw-mb-4 lg:tw-mb-0 lg:tw-text-right tw-flex tw-flex-wrap tw-items-center tw-justify-center lg:tw-justify-end"> 15336 15337<li class="tw-flex tw-items-center"> 15338 <a href="/pages/terms-of-service" class="tw-text-3 md:tw-text-base-sm-m tw-leading-[1.4] tw-text-vanilla">Terms of Service</a> 15339 </li> 15340 15341<li class="tw-flex tw-items-center"> 15342 <a href="/pages/privacy-policy" class="tw-text-3 md:tw-text-base-sm-m tw-leading-[1.4] tw-text-vanilla">Privacy Policy</a> 15343 </li> 15344 15345<li class="tw-flex tw-items-center"> 15346 <a href="/pages/ccpa-privacy-request-form" class="tw-text-3 md:tw-text-base-sm-m tw-leading-[1.4] tw-text-vanilla">Do Not Sell My Information</a> 15347 </li> 15348 15349<li class="tw-flex tw-items-center"> 15350 <a href="/pages/olipop-california-transparency-in-supply-chains-act-disclosure" class="tw-text-3 md:tw-text-base-sm-m tw-leading-[1.4] tw-text-vanilla">CA Transparency in Supply Chains Act</a> 15351 </li> 15352 15353 </ul> 15354 15355 </div> 15356 </div> 15357</footer> 15358 15359 15360</div> 15361 15362
15363<script> 15364 (function () { 15365 if (window.__productCardHoverWaveScriptLoaded) return; 15366 window.__productCardHoverWaveScriptLoaded = true; 15367 15368 var CARD_SIZE = 314; 15369 var DURATION_MS = 700; 15370 var clipIdCounter = 0; 15371 var delegationBound = false; 15372 15373 function clamp(value, min, max) { 15374 return Math.max(min, Math.min(max, value)); 15375 } 15376 15377 function easeOutCubic(t) { 15378 return 1 - Math.pow(1 - t, 3); 15379 } 15380 15381 function lerp(start, end, t) { 15382 return start + (end - start) * t; 15383 } 15384 15385 function wavePathForReveal(revealPx) { 15386 var reveal = clamp(revealPx, 0, CARD_SIZE); 15387 var offset = CARD_SIZE - reveal; 15388 var progress = reveal / CARD_SIZE; 15389 var fadeStart = 0.84; 15390 var fadeProgress = clamp((progress - fadeStart) / (1 - fadeStart), 0, 1); 15391 var fadeEased = easeOutCubic(fadeProgress); 15392 15393 var y0 = lerp(4.4565 + offset, offset, fadeEased); 15394 var c1y = lerp(4.41899 + offset, offset, fadeEased); 15395 var c2y = lerp(-13.1434 + offset, offset, fadeEased); 15396 var c3y = lerp(26.0583 + offset, offset, fadeEased); 15397 var c4y = lerp(65.2601 + offset, offset, fadeEased); 15398 var c5y = lerp(0.456482 + offset, offset, fadeEased); 15399 var endY = lerp(0.456482 + offset, offset, fadeEased); 15400 15401 return ( 15402 'M314 314H0.000422459L0.00012756 ' + 15403 y0 + 15404 'C-0.0456402 ' + 15405 c1y + 15406 ' 62.4 ' + 15407 c2y + 15408 ' 157 ' + 15409 c3y + 15410 'C251.6 ' + 15411 c4y + 15412 ' 314 ' + 15413 c5y + 15414 ' 314 ' + 15415 endY + 15416 'V314Z' 15417 ); 15418 } 15419 15420 function ensureUniqueClipPath(card) { 15421 var clipPath = card.querySelector('clipPath'); 15422 var image = card.querySelector('image[clip-path]'); 15423 if (!clipPath || !image) return; 15424 15425 if (clipPath.dataset.hoverWaveClipBound === 'true') return; 15426 15427 var existingId = clipPath.getAttribute('id'); 15428 if (existingId) { 15429 var matches = document.querySelectorAll('[id="' + CSS.escape(existingId) + '"]'); 15430 if (matches.length > 1) { 15431 clipIdCounter += 1; 15432 var newId = existingId + '-inst-' + clipIdCounter; 15433 clipPath.setAttribute('id', newId); 15434 image.setAttribute('clip-path', 'url(#' + newId + ')'); 15435 } 15436 } 15437 15438 clipPath.dataset.hoverWaveClipBound = 'true'; 15439 } 15440 15441 function animateCard(card, toReveal) { 15442 var path = card.querySelector('[data-hover-wave-path]'); 15443 if (!path) return; 15444 15445 var fromReveal = Number(card.dataset.hoverReveal || 0); 15446 var to = clamp(toReveal, 0, CARD_SIZE); 15447 card.dataset.hoverRevealTarget = String(to); 15448 15449 if (card.__hoverWaveRafId) { 15450 cancelAnimationFrame(card.__hoverWaveRafId); 15451 } 15452 15453 var startedAt = performance.now(); 15454 15455 function step(now) { 15456 var t = clamp((now - startedAt) / DURATION_MS, 0, 1); 15457 var eased = easeOutCubic(t); 15458 var reveal = fromReveal + (to - fromReveal) * eased; 15459 15460 card.dataset.hoverReveal = String(reveal); 15461 path.setAttribute('d', wavePathForReveal(reveal)); 15462 15463 if (t < 1) { 15464 card.__hoverWaveRafId = requestAnimationFrame(step); 15465 } else { 15466 card.dataset.hoverReveal = String(to); 15467 card.__hoverWaveRafId = null; 15468 } 15469 } 15470 15471 card.__hoverWaveRafId = requestAnimationFrame(step); 15472 } 15473 15474 function getWaveCardFromProductCard(productCard) { 15475 if (!productCard) return null; 15476 return productCard.querySelector('[data-hover-wave-card][data-hover-wave-ready="true"]'); 15477 } 15478 15479 function bindDelegation() { 15480 if (delegationBound) return; 15481 delegationBound = true; 15482 15483 document.addEventListener( 15484 'pointerover', 15485 function (event) { 15486 var productCard = event.target.closest('.product-card'); 15487 if (!productCard || productCard.contains(event.relatedTarget)) return; 15488 15489 var waveCard = getWaveCardFromProductCard(productCard); 15490 if (waveCard) animateCard(waveCard, CARD_SIZE); 15491 }, 15492 true 15493 ); 15494 15495 document.addEventListener( 15496 'pointerout', 15497 function (event) { 15498 var productCard = event.target.closest('.product-card'); 15499 if (!productCard || productCard.contains(event.relatedTarget)) return; 15500 15501 var waveCard = getWaveCardFromProductCard(productCard); 15502 if (waveCard) animateCard(waveCard, 0); 15503 }, 15504 true 15505 ); 15506 15507 document.addEventListener('focusin', function (event) { 15508 var productCard = event.target.closest('.product-card'); 15509 var waveCard = getWaveCardFromProductCard(productCard); 15510 if (waveCard) animateCard(waveCard, CARD_SIZE); 15511 }); 15512 15513 document.addEventListener('focusout', function (event) { 15514 var productCard = event.target.closest('.product-card'); 15515 if (!productCard || productCard.contains(event.relatedTarget)) return; 15516 15517 var waveCard = getWaveCardFromProductCard(productCard); 15518 if (waveCard) animateCard(waveCard, 0); 15519 }); 15520 15521 document.addEventListener('click', function (event) { 15522 if (!event.target.closest('[data-product-card-cta]')) return; 15523 var productCard = event.target.closest('.product-card'); 15524 if (!productCard) return; 15525 event.stopPropagation(); 15526 }); 15527 } 15528 15529 function initCard(card) { 15530 if (card.dataset.hoverWaveReady === 'true') return; 15531 15532 var path = card.querySelector('[data-hover-wave-path]'); 15533 if (!path) return; 15534 15535 if (!card.closest('.product-card')) return; 15536 15537 ensureUniqueClipPath(card); 15538 card.dataset.hoverWaveReady = 'true'; 15539 card.dataset.hoverReveal = '0'; 15540 path.setAttribute('d', wavePathForReveal(0)); 15541 } 15542 15543 function initProductCardHoverWaves(root) { 15544 bindDelegation(); 15545 var scope = root && root.nodeType ? root : document; 15546 var cards = scope.querySelectorAll('[data-hover-wave-card]'); 15547 for (var i = 0; i < cards.length; i += 1) { 15548 initCard(cards[i]); 15549 } 15550 } 15551 15552 window.initProductCardHoverWaves = initProductCardHoverWaves; 15553 15554 function scanDocument() { 15555 initProductCardHoverWaves(document); 15556 } 15557 15558 if (document.readyState === 'loading') { 15559 document.addEventListener('DOMContentLoaded', scanDocument); 15560 } else { 15561 scanDocument(); 15562 } 15563 15564 document.addEventListener('shopify:section:load', scanDocument); 15565 window.addEventListener('pageshow', function (event) { 15566 if (event.persisted) scanDocument(); 15567 }); 15568 })(); 15569</script>
15569 15570 15571 <div id="gorgias-chat-container"></div> 15572 15573 15574 <ul hidden> 15575 <li id="a11y-refresh-page-message">Choosing a selection results in a full page refresh.</li> 15576 <li id="a11y-selection-message">Press the space key then arrow keys to make a selection.</li> 15577 </ul> 15578 <!-- Hides Gorgias Chatbox until SE Cookies Policy is accepted --> 15579<style media="screen" id="hide-chatbox"> 15580 iframe#gorgias-web-messenger-container { 15581 display: none; 15582 } 15583</style> 15584
15585<script type="text/javascript"> 15586 $(document).ready(function () { 15587 function showChat() { 15588 if ($('#se-cookies-message').hasClass('se-cookies-message-open')) { 15589 console.log('Hiding chatbox'); 15590 $('#hide-chatbox').html('iframe#gorgias-web-messenger-container {display: none;}'); 15591 } else { 15592 console.log('Showing chatbox'); 15593 $('#hide-chatbox').html('iframe#gorgias-web-messenger-container {display: block;}'); 15594 } 15595 } 15596 15597 showChat(); 15598 15599 $('#se-accept-cookies-checkbox').click(function () { 15600 $('#hide-chatbox').html('iframe#gorgias-web-messenger-container {display: block;}'); 15601 }); 15602 }); 15603</script>
15603 15604 15605 15606 <!-- Back in Stock helper snippet --> 15607 15608
15609<script id="back-in-stock-helper"> 15610 var _BISConfig = _BISConfig || {}; 15611 15612 15613 15614 15615</script>
15615 15616 15617 <!-- End Back in Stock helper snippet --> 15618 15619 <!-- Gorgias Chat Widget Start --> 15620 15621
15622<script 15623 id="gorgias-chat-widget-install-v2" 15624 src="https://config.gorgias.chat/gorgias-chat-bundle-loader.js?applicationId=1599" 15625></script>
15625 15626
15627<script> 15628 if (window.GorgiasChat) { 15629 GorgiasChat.init().then(function () { 15630 // Use GorgiasChat API here, now that the chat is fully initialized. 15631 var gorgiasChatInterval = window.setInterval(function () { 15632 var container = document.querySelector('#gorgias-chat-container'); 15633 if (window.GorgiasChat && GorgiasChat.hasOwnProperty('on')) { 15634 if (window.location.hostname !== 'localhost') { 15635 GorgiasChat.setShopifyContext('olipop-store.myshopify.com/'); 15636 } 15637 } 15638 }, 50); 15639 }); 15640 } 15641</script>
15641 15642 15643
15643<script type="text/javascript"> 15644 ire('identify', { customerId: '', customerEmail: '' }); 15645</script>
15645 15646 15647 <!-- 15648 This JS is taken from this article - https://www.24a11y.com/2019/select-your-poison-part-2/ 15649 It is also modified to be used as a way to decorate select dropdowns and make them 15650 accessible using keyboards. 15651 15652 How to use it: 15653 Add js-combobox class to the <select> element you would like to replace with the combobox. 15654 Hide your <select> element as well as corresponding <label> element with display: none;. 15655 15656 On load, this libary will create a new <label> element and a combobox element which consists 15657 of an input element and a listbox. 15658 15659 The new <label> element will have select label's aria-label. 15660 The new combobox element will have select options' values and text. 15661 15662 On option select, this libary will also set your hidden <select> element's val so it 15663 can be used further. 15664--> 15665
15666<script> 15667 jQuery(document).ready(function () { 15668 /* 15669 * Helper constants and functions 15670 */ 15671 15672 // make it easier for ourselves by putting some values in objects 15673 // in TypeScript, these would be enums 15674 const Keys = { 15675 Backspace: 'Backspace', 15676 Clear: 'Clear', 15677 Down: 'ArrowDown', 15678 End: 'End', 15679 Enter: 'Enter', 15680 Escape: 'Escape', 15681 Home: 'Home', 15682 Left: 'ArrowLeft', 15683 PageDown: 'PageDown', 15684 PageUp: 'PageUp', 15685 Right: 'ArrowRight', 15686 Space: ' ', 15687 Tab: 'Tab', 15688 Up: 'ArrowUp', 15689 }; 15690 15691 const MenuActions = { 15692 Close: 0, 15693 CloseSelect: 1, 15694 First: 2, 15695 Last: 3, 15696 Next: 4, 15697 Open: 5, 15698 Previous: 6, 15699 Select: 7, 15700 Space: 8, 15701 Type: 9, 15702 }; 15703 15704 // filter an array of options against an input string 15705 // returns an array of options that begin with the filter string, case-independent 15706 function filterOptions(options = [], filter, exclude = []) { 15707 return options.filter((option) => { 15708 const matches = option.toLowerCase().indexOf(filter.toLowerCase()) === 0; 15709 return matches && exclude.indexOf(option) < 0; 15710 }); 15711 } 15712 15713 // return an array of exact option name matches from a comma-separated string 15714 function findMatches(options, search) { 15715 const names = search.split(','); 15716 return names 15717 .map((name) => { 15718 const match = options.filter((option) => name.trim().toLowerCase() === option.toLowerCase()); 15719 return match.length > 0 ? match[0] : null; 15720 }) 15721 .filter((option) => option !== null); 15722 } 15723 15724 // return combobox action from key press 15725 function getActionFromKey(key, menuOpen) { 15726 // handle opening when closed 15727 if (!menuOpen && key === Keys.Down) { 15728 return MenuActions.Open; 15729 } 15730 15731 // handle keys when open 15732 if (key === Keys.Down) { 15733 return MenuActions.Next; 15734 } else if (key === Keys.Up) { 15735 return MenuActions.Previous; 15736 } else if (key === Keys.Home) { 15737 return MenuActions.First; 15738 } else if (key === Keys.End) { 15739 return MenuActions.Last; 15740 } else if (key === Keys.Escape) { 15741 return MenuActions.Close; 15742 } else if (key === Keys.Enter) { 15743 return MenuActions.CloseSelect; 15744 } else if (key === Keys.Backspace || key === Keys.Clear || key.length === 1) { 15745 return MenuActions.Type; 15746 } 15747 } 15748 15749 // get index of option that matches a string 15750 function getIndexByLetter(options, filter) { 15751 const firstMatch = filterOptions(options, filter)[0]; 15752 return firstMatch ? options.indexOf(firstMatch) : -1; 15753 } 15754 15755 // get updated option index 15756 function getUpdatedIndex(current, max, action) { 15757 switch (action) { 15758 case MenuActions.First: 15759 return 0; 15760 case MenuActions.Last: 15761 return max; 15762 case MenuActions.Previous: 15763 return Math.max(0, current - 1); 15764 case MenuActions.Next: 15765 return Math.min(max, current + 1); 15766 default: 15767 return current; 15768 } 15769 } 15770 15771 // check if an element is currently scrollable 15772 function isScrollable(element) { 15773 return element && element.clientHeight < element.scrollHeight; 15774 } 15775 15776 // ensure given child element is within the parent's visible scroll area 15777 function maintainScrollVisibility(activeElement, scrollParent) { 15778 const { offsetHeight, offsetTop } = activeElement; 15779 const { offsetHeight: parentOffsetHeight, scrollTop } = scrollParent; 15780 15781 const isAbove = offsetTop < scrollTop; 15782 const isBelow = offsetTop + offsetHeight > scrollTop + parentOffsetHeight; 15783 15784 if (isAbove) { 15785 scrollParent.scrollTo(0, offsetTop); 15786 } else if (isBelow) { 15787 scrollParent.scrollTo(0, offsetTop - parentOffsetHeight + offsetHeight); 15788 } 15789 } 15790 15791 /* 15792 * ARIA 1.1 Readonly Input code 15793 */ 15794 const ARIA11Combo = function (el, options, optionValues, selectEl) { 15795 // element refs 15796 this.el = el; 15797 this.selectEl = selectEl; 15798 this.comboEl = el.querySelector('[role=combobox]'); 15799 this.inputEl = el.querySelector('input'); 15800 this.listboxEl = el.querySelector('[role=listbox]'); 15801 15802 // data 15803 this.idBase = this.inputEl.id; 15804 this.options = options; 15805 this.optionValues = optionValues; 15806 15807 // state 15808 this.activeIndex = 0; 15809 this.open = false;
15810 }; 15811 15812 ARIA11Combo.prototype.init = function () { 15813 this.inputEl.addEventListener('input', this.onInput.bind(this)); 15814 this.inputEl.addEventListener('blur', this.onInputBlur.bind(this)); 15815 this.inputEl.addEventListener('click', () => this.updateMenuState(true)); 15816 this.inputEl.addEventListener('keydown', this.onInputKeyDown.bind(this)); 15817 15818 this.options.map((option, index) => { 15819 const optionEl = document.createElement('div'); 15820 optionEl.setAttribute('role', 'option'); 15821 optionEl.id = `${this.idBase}-${index}`; 15822 optionEl.className = index === 0 ? 'combo-option option-current' : 'combo-option'; 15823 optionEl.setAttribute('aria-selected', 'false'); 15824 optionEl.innerText = option; 15825 15826 optionEl.addEventListener('click', () => { 15827 this.onOptionClick(index); 15828 }); 15829 optionEl.addEventListener('mousedown', this.onOptionMouseDown.bind(this)); 15830 15831 this.listboxEl.appendChild(optionEl); 15832 }); 15833 this.onOptionClick(0); 15834 }; 15835 15836 ARIA11Combo.prototype.onInput = function () { 15837 const curValue = this.inputEl.value; 15838 const matches = filterOptions(this.options, curValue); 15839 15840 // set activeIndex to first matching option 15841 // (or leave it alone, if the active option is already in the matching set) 15842 const filterCurrentOption = matches.filter((option) => option === this.options[this.activeIndex]); 15843 if (matches.length > 0 && !filterCurrentOption.length) { 15844 this.onOptionChange(this.options.indexOf(matches[0])); 15845 } 15846 15847 const menuState = this.options.length > 0; 15848 if (this.open !== menuState) { 15849 this.updateMenuState(menuState, false); 15850 } 15851 }; 15852 15853 ARIA11Combo.prototype.onInputKeyDown = function (event) { 15854 const { key } = event; 15855 const max = this.options.length - 1; 15856 15857 const action = getActionFromKey(key, this.open); 15858 15859 switch (action) { 15860 case MenuActions.Next: 15861 case MenuActions.Last: 15862 case MenuActions.First: 15863 case MenuActions.Previous: 15864 event.preventDefault(); 15865 return this.onOptionChange(getUpdatedIndex(this.activeIndex, max, action)); 15866 case MenuActions.CloseSelect: 15867 event.preventDefault(); 15868 this.selectOption(this.activeIndex); 15869 return this.updateMenuState(false); 15870 case MenuActions.Close: 15871 event.preventDefault(); 15872 return this.updateMenuState(false); 15873 case MenuActions.Type: 15874 this.onOptionChange(Math.max(0, getIndexByLetter(this.options, key))); 15875 case MenuActions.Open: 15876 return this.updateMenuState(true); 15877 } 15878 }; 15879 15880 ARIA11Combo.prototype.onInputBlur = function () { 15881 if (this.ignoreBlur) { 15882 this.ignoreBlur = false; 15883 return; 15884 } 15885 15886 if (this.open) { 15887 this.updateMenuState(false, false); 15888 } 15889 }; 15890 15891 ARIA11Combo.prototype.onOptionChange = function (index) { 15892 this.activeIndex = index; 15893 this.inputEl.setAttribute('aria-activedescendant', `${this.idBase}-${index}`); 15894 15895 // update active style 15896 const options = this.el.querySelectorAll('[role=option]'); 15897 [...options].forEach((optionEl) => { 15898 optionEl.classList.remove('option-current'); 15899 }); 15900 options[index].classList.add('option-current'); 15901 15902 if (this.open && isScrollable(this.listboxEl)) { 15903 maintainScrollVisibility(options[index], this.listboxEl); 15904 } 15905 }; 15906 15907 ARIA11Combo.prototype.onOptionClick = function (index) { 15908 this.onOptionChange(index); 15909 this.selectOption(index); 15910 this.updateMenuState(false); 15911 }; 15912 15913 ARIA11Combo.prototype.onOptionMouseDown = function () { 15914 this.ignoreBlur = true; 15915 }; 15916 15917 ARIA11Combo.prototype.selectOption = function (index) { 15918 const selected = this.options[index]; 15919 this.inputEl.value = selected; 15920 this.activeIndex = index; 15921 15922 // update aria-selected 15923 const options = this.el.querySelectorAll('[role=option]'); 15924 [...options].forEach((optionEl) => { 15925 optionEl.setAttribute('aria-selected', 'false'); 15926 }); 15927 options[index].setAttribute('aria-selected', 'true'); 15928 15929 // Update hidden select element's value 15930 this.selectEl.val(this.optionValues[index]); 15931 setSellingPlan(this.selectEl.data('product_id')); 15932 }; 15933 15934 ARIA11Combo.prototype.updateMenuState = function (open, callFocus = true) { 15935 this.open = open; 15936 15937 this.comboEl.setAttribute('aria-expanded', `${open}`); 15938 open ? this.el.classList.add('open') : this.el.classList.remove('open'); 15939 callFocus && this.inputEl.focus(); 15940 }; 15941 15942 function setComboBoxes() { 15943 $('.js-combobox').each(function (index) { 15944 const $this = $(this); 15945 const labelEl = $this.parents('label'); 15946 15947 // Insert combobox after select element's label 15948 labelEl.after( 15949 '<label for="combo' + 15950 index + 15951 '" aria-label="' + 15952 labelEl.attr('aria-label') + 15953 '" class="combo-label"></label>' + 15954 '<div class="combo js-aria11">' + 15955 '<div role="combobox" aria-haspopup="listbox" aria-expanded="false" aria-owns="listbox' + 15956 index + 15957 '" class="input-wrapper">' + 15958 '<input aria-activedescendant="" aria-autocomplete="none" id="combo' + 15959 index +
15960 '" class="combo-input" readonly type="text">' + 15961 '<div class="combo-menu" role="listbox" id="listbox' + 15962 index + 15963 '"></div>' + 15964 '</div>' + 15965 '</div>' 15966 ); 15967 15968 const selectOptions = $this.find('option'); 15969 const selectOptionValues = $.map(selectOptions, (e) => $(e).val()); 15970 const options = $.map(selectOptions, (e) => e.label); 15971 15972 // init combo 15973 const aria11El = labelEl.siblings('.js-aria11')[0]; 15974 const aria11Component = new ARIA11Combo(aria11El, options, selectOptionValues, $this); 15975 aria11Component.init(); 15976 }); 15977 } 15978 }); 15979</script>
15979 15980 15981 15982
15982<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.10.3/gsap.min.js"></script>
15982 15983
15983<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.10.3/Draggable.min.js"></script>
15983 15984
15984<script src="https://cdn.jsdelivr.net/npm/keen-slider@latest/keen-slider.js"></script>
15984 15985
15985<script src="//drinkolipop.com/cdn/shop/t/1366/assets/swiper.js?v=56584870573080344041773709640"></script>
15985 15986 15987 15988 15989 <!-- BEAM START --> 15990
15990<script type="module"> 15991 import { init } from "https://sdk.beamimpact.com/web-sdk/v1.56.2/dist/integrations/beam.js"; 15992 import { PromoManagerPlugin } from "https://sdk.beamimpact.com/web-sdk/v1.56.2/dist/integrations/promoManager.js"; 15993 15994 const beam = await init({ 15995 apiKey: "orRPgklUWqQM.cab839ad-9774-43be-bc7d-f236e6c3e9ae", 15996 chainId: 338, 15997 storeId: 528, 15998 domain: "drinkolipop.com", 15999 plugins: [ 16000 new PromoManagerPlugin() 16001 ] 16002 }); 16003</script>
16003 16004
16005<script type="module" async crossorigin> 16006 let isNonProfitClicked = false; 16007 const cartScrollElement = '.rebuy-cart__flyout-content'; 16008 document.addEventListener('beamnonprofitselect', (evt) => { 16009 if (!isNonProfitClicked) { 16010 const scrollArea = document.querySelector(cartScrollElement); 16011 scrollArea.scrollBy({ 16012 top: 150, 16013 left: 0, 16014 behavior: 'smooth', 16015 }); 16016 isNonProfitClicked = true; 16017 } 16018 }); 16019</script>
16019 16020
16020<script type="module" async crossorigin> 16021 import { registerCartIntegration } from "https://sdk.beamimpact.com/web-sdk/v1.56.2/dist/integrations/shopify.js"; 16022 import { getConfig } from "https://sdk.beamimpact.com/web-sdk/v1.56.2/dist/integrations/beam.js"; 16023 16024 const beam = getConfig(); 16025 await beam.readyPromise; 16026 16027 registerCartIntegration({ 16028 apiKey: "orRPgklUWqQM.cab839ad-9774-43be-bc7d-f236e6c3e9ae", 16029 storeId: 528, 16030 baseUrl: "https://api.beamimpact.com", 16031 domain: "drinkolipop.com" || undefined, 16032 }); 16033</script>
16033 16034 <!-- beam-select-nonprofit.liquid --> 16035<!-- BEAM START -->
16036<script 16037 type="module" 16038 async 16039 crossorigin 16040 data-em-disable 16041 data-categories="analytics" 16042 src="https://sdk.beamimpact.com/web-sdk/v1.56.2/dist/components/select-nonprofit.js" 16043></script>
16043 16044 16045 <!-- BEAM END --> 16046 16047 <div id="portal"></div> 16048 16049 16050 16051 16052 16053 <!-- 1. The dialog container --> 16054 <div 16055 class="dialog-container" 16056 data-component="dialog" 16057 16058 data-portal="portal" 16059 16060 id="find-in-store-dialog" 16061 aria-labelledby="find-in-store" 16062 aria-hidden="true" 16063 > 16064 <!-- 2. The dialog overlay --> 16065 16066 <div 16067 class="dialog-overlay" 16068 data-a11y-dialog-hide 16069 16070 style="background-color: rgba(0, 0, 0, 0.45);" 16071 16072 ></div> 16073 16074 <!-- 3. The actual dialog --> 16075 16076 16077 <div class="dialog-content tw-bg-creme"> 16078 16079 <div 16080 class="store-locator-dialog-inner" 16081 data-component="storeLocatorModal" 16082 data-dialog-id="find-in-store-dialog" 16083 > 16084 <div class="store-locator-dialog-header"> 16085 <h2 class="store-locator-dialog-title" id="find-in-store">Where to Buy OLIPOP</h2> 16086 <button 16087 class="store-locator-dialog-close" 16088 type="button" 16089 data-a11y-dialog-hide 16090 aria-label="Close dialog" 16091 > 16092 16093 16094 16095 <svg width="29" height="28" viewBox="0 0 29 28" fill="none" xmlns="http://www.w3.org/2000/svg"> 16096 <path d="M6.98828 6L23.9588 22.9706" stroke="#14433D" stroke-width="2" stroke-linecap="round"/> 16097 <path d="M23.9883 6L7.01772 22.9706" stroke="#14433D" stroke-width="2" stroke-linecap="round"/> 16098 </svg> 16099 16100 16101 16102 </button> 16103 </div> 16104 <div class="store-locator-section-container store-locator-dialog-widget"> 16105 16106 16107 16108 16109<div 16110 id="store-locator-modal-widget" 16111 class="oli-smartcommerce-product-locator" 16112 data-sc-product-locator-id="dd9dac97-f17f-4d37-971a-e933120edab3" 16113 data-sc-product-locator-type="standalone" 16114 data-sc-locale="en-us" 16115 16116 style="height: min(90vh, 800px);" 16117></div> 16118 16119 16120 16121 </div> 16122 </div> 16123 16124 </div> 16125 16126 </div> 16127 16128 16129 16130 <!-- Use of this pixel is subject to the Amazon ad specs and policies at http://www.amazon.com/b/?&node=7253015011 -->
16131<script type="text/javascript"> 16132 var _pix = document.getElementById('_pix_id_73a3b955-2b94-711c-f24b-424e40d6695a'); 16133 if (!_pix) { 16134 var protocol = '//'; 16135 var a = Math.random() * 1000000000000000000; 16136 _pix = document.createElement('iframe'); 16137 _pix.style.display = 'none'; 16138 _pix.setAttribute( 16139 'src', 16140 protocol + 16141 's.amazon-adsystem.com/iu3?d=generic&ex-fargs=%3Fid%3D73a3b955-2b94-711c-f24b-424e40d6695a%26type%3D55%26m%3D1&ex-fch=416613&ex-src=https://drinkolipop.com/&ex-hargs=v%3D1.0%3Bc%3D7410518920601%3Bp%3D73A3B955-2B94-711C-F24B-424E40D6695A' + 16142 '&cb=' + 16143 a 16144 ); 16145 _pix.setAttribute('id', '_pix_id_73a3b955-2b94-711c-f24b-424e40d6695a'); 16146 document.body.appendChild(_pix); 16147 } 16148</script>
16148 16149 16150
16150<script> 16151 /** 16152 * Product metafield custom.fiber is a metaobject reference (fiber_option). 16153 * Rebuy usually passes only a gid string (no label/title on the object). We map gids to 16154 * labels from shop metaobjects (same field order as PDP: title, label, text, name). 16155 */ 16156 window.__fiberOptionLabels = Object.assign(window.__fiberOptionLabels || {}, {"gid://shopify/Metaobject/116150763679": ["9g Fiber"], 16157 "116150763679": ["9g Fiber"] 16158,"gid://shopify/Metaobject/116150796447": ["6g Fiber"], 16159 "116150796447": ["6g Fiber"] 16160,"gid://shopify/Metaobject/121363038367": ["MINIs"], 16161 "121363038367": ["MINIs"] 16162}); 16163 16164 function rebuyMetaobjectFieldValue(field) { 16165 if (field == null || field === '') return ''; 16166 if (typeof field === 'string') return field; 16167 if (typeof field === 'object' && Object.prototype.hasOwnProperty.call(field, 'value')) { 16168 return field.value == null ? '' : String(field.value); 16169 } 16170 return ''; 16171 } 16172 16173 function rebuyFiberLabelFromResolvedEntry(entry) { 16174 if (entry == null || entry === '') return ''; 16175 if (typeof entry === 'string') { 16176 if (entry.indexOf('gid://shopify/Metaobject/') !== 0) return entry; 16177 var map = window.__fiberOptionLabels || {}; 16178 if (map[entry]) return map[entry]; 16179 var n = /^gid:\/\/shopify\/Metaobject\/(\d+)$/.exec(entry); 16180 return n && map[n[1]] ? map[n[1]] : ''; 16181 } 16182 if (typeof entry === 'object') { 16183 var nested = 16184 rebuyMetaobjectFieldValue(entry.label) || 16185 rebuyMetaobjectFieldValue(entry.title) || 16186 rebuyMetaobjectFieldValue(entry.text) || 16187 rebuyMetaobjectFieldValue(entry.name) || 16188 (typeof entry.display_value === 'string' ? entry.display_value : ''); 16189 if (nested) return nested; 16190 var v = entry.value; 16191 if (typeof v === 'string' && v.indexOf('gid://shopify/Metaobject/') === 0) return rebuyFiberLabelFromResolvedEntry(v); 16192 return ''; 16193 } 16194 return String(entry); 16195 } 16196 16197 function rebuyFiberMetafieldFromLineItem(item) { 16198 var vFiber = item && item.variant && item.variant.metafields && item.variant.metafields.custom && item.variant.metafields.custom.fiber; 16199 if (vFiber != null && vFiber !== '') return vFiber; 16200 var pFiber = item && item.product && item.product.metafields && item.product.metafields.custom && item.product.metafields.custom.fiber; 16201 return pFiber; 16202 } 16203 16204 window.cartItemTitleWithFiber = function (item) { 16205 var base = item && item.product_title ? String(item.product_title) : ''; 16206 var fiberMeta = rebuyFiberMetafieldFromLineItem(item); 16207 if (fiberMeta == null || fiberMeta === '') return base; 16208 16209 var entry = fiberMeta; 16210 if (typeof fiberMeta === 'object' && fiberMeta !== null && Object.prototype.hasOwnProperty.call(fiberMeta, 'value')) { 16211 entry = fiberMeta.value; 16212 } 16213 16214 var suffix = rebuyFiberLabelFromResolvedEntry(entry); 16215 if (!suffix) return base; 16216 return base + ' ' + suffix; 16217 }; 16218 16219 let SmartCart; 16220 16221 function removeBrokenBundleLineItems() { 16222 if (!SmartCart?.hasItems()) return; 16223 const items = SmartCart.items(); 16224 16225 const findBundleParent = (childLineItem) => { 16226 const { _bundle_id, _created_at, bundle_parent } = childLineItem.properties; 16227 const bundleParent = SmartCart.items().find( 16228 (item) => 16229 (item.properties.bundle_parent || item.properties._bundle_parent) && 16230 item.properties._bundle_id === _bundle_id && 16231 item.properties._created_at === _created_at 16232 ); 16233 16234 return bundleParent; 16235 }; 16236 16237 try { 16238 items.forEach((item) => { 16239 if (item.properties.hasOwnProperty('_bundle_id')) { 16240 if (item.properties.bundle_parent === false || item.properties._bundle_parent === false) { 16241 const bundleParent = findBundleParent(item); 16242 if (!bundleParent) { 16243 SmartCart.removeItem(item); 16244 } 16245 } 16246 } 16247 }); 16248 } catch (e) { 16249 console.error(e); 16250 } 16251 } 16252 16253 document.querySelectorAll('.site-header__cart').forEach((element) => { 16254 element.addEventListener('click', function (e) { 16255 window.Rebuy.SmartCart.show(); 16256 }); 16257 }); 16258 16259 const blockImage = ( 16260 `` 16261 ); 16262 16263 const blockImageBtn = ( 16264 ` 16265 ` 16266 ); 16267 16268 function handleCustomEvent(event) { 16269 const lineItems = event.detail?.cart?.line_items || []; 16270 16271 if (lineItems.length === 0 && blockImage) { 16272 setTimeout(()=> { 16273 const emptyCartInner = document.querySelector('.rebuy-cart__flyout-empty-cart'); 16274 if (emptyCartInner) emptyCartInner.insertAdjacentHTML('afterbegin', blockImage) 16275 }, 1500) 16276 } 16277 16278 if (lineItems.length === 0 && blockImageBtn) { 16279 setTimeout(()=> { 16280 const emptyCartInner = document.querySelector('.rebuy-cart__flyout-empty-cart p a')?.closest('p'); 16281 if (emptyCartInner) emptyCartInner.insertAdjacentHTML('afterbegin', blockImageBtn) 16282 }, 1500) 16283 } 16284 } 16285 16286 function handleCartAddEvent(event) { 16287 const elementSnow = document.querySelector('element-snow') 16288 16289 if(elementSnow) { 16290 elementSnow.remove(); 16291 elementSnow.show(); 16292 } 16293 } 16294 16295 document.addEventListener('rebuy:smartcart.show', function () { 16296 // document.querySelector('#rebuy-cart').removeAttribute('inert'); 16297 document.querySelector('#rebuy-cart')?.querySelectorAll('a, button, input, iframe, select, [tabindex]').forEach(el => el.tabIndex = 0); 16298 document.querySelector('.main-content').setAttribute('aria-hidden', 'true'); // voiceOver fix 16299 16300 setTimeout(()=>{ 16301 document.getElementById('rebuy-cart').classList.remove("is-visible-delay"); 16302 }, 1000) 16303 16304 const elementSnow = document.querySelector('element-snow') 16305 16306 if(elementSnow) elementSnow.show(); 16307 const breakpointQuery = window.matchMedia('(max-width: 1023px)'); 16308 16309 setTimeout(()=>{ 16310 const sliceAnimationWrapper = document.querySelector('.slice-animation-wrapper') 16311 const btnImage = document.querySelector('.rebuy-cart__flyout-empty-image') 16312 const emptyCartInner = document.querySelector('.rebuy-cart__flyout-empty-cart') 16313 const emptyCartInnerBtn = document.querySelector('.rebuy-cart__flyout-empty-cart p a')?.closest('p'); 16314 16315 if (sliceAnimationWrapper) { 16316 const sliceAnimationElement = sliceAnimationWrapper.querySelector('.tw-animate-cart-slice-mobile') 16317 sliceAnimationElement?.classList.remove('lg:tw-animate-cart-slice'); 16318 sliceAnimationElement?.classList.remove('tw-animate-cart-slice-mobile'); 16319 16320 16321 if (breakpointQuery.matches) { 16322 setTimeout(()=>{ 16323 sliceAnimationElement?.classList.add('lg:tw-animate-cart-slice'); 16324 sliceAnimationElement?.classList.add('tw-animate-cart-slice-mobile'); 16325 }, 1200); 16326 } else { 16327 setTimeout(()=>{ 16328 sliceAnimationElement?.classList.add('lg:tw-animate-cart-slice'); 16329 sliceAnimationElement?.classList.add('tw-animate-cart-slice-mobile'); 16330 }, 100); 16331 } 16332 } 16333 16334 if (emptyCartInner && !sliceAnimationWrapper) { 16335 if (breakpointQuery.matches) { 16336 setTimeout(()=>{ 16337 emptyCartInner?.insertAdjacentHTML('afterbegin', blockImage) 16338 }, 2000); 16339 } else { 16340 emptyCartInner?.insertAdjacentHTML('afterbegin', blockImage) 16341 } 16342 } 16343 16344 if (emptyCartInner && !btnImage) { 16345 if (breakpointQuery.matches) { 16346 setTimeout(()=>{ 16347 emptyCartInnerBtn?.insertAdjacentHTML('afterbegin', blockImageBtn) 16348 }, 2000); 16349 } else { 16350 emptyCartInnerBtn?.insertAdjacentHTML('afterbegin', blockImageBtn) 16351 } 16352 } 16353 }, 500); 16354 16355 // Add event listener for cart updates when cart is open 16356 document.addEventListener('rebuy:smartcart.line-item-removed', handleCustomEvent); 16357 document.addEventListener('rebuy:cart.add', handleCartAddEvent); 16358 }); 16359 16360 document.addEventListener('rebuy:smartcart.hide', function (event) { 16361 // document.querySelector('#rebuy-cart').setAttribute('inert', ''); 16362 document.querySelector('#rebuy-cart')?.querySelectorAll('a, button, input, iframe, select, [tabindex]').forEach(el => el.tabIndex = -1); 16363 document.querySelector('.main-content').removeAttribute('aria-hidden'); // voiceOver fix 16364 16365 const elementSnow = document.querySelector('element-snow') 16366 16367 document.querySelector('body').style.removeProperty('overflow'); 16368 16369 // Remove event listener for cart updates when cart is close 16370 document.removeEventListener('rebuy:smartcart.line-item-removed', handleCustomEvent); 16371 document.removeEventListener('rebuy:cart.add', handleCartAddEvent); 16372 16373 if(elementSnow) elementSnow.remove(); 16374 }); 16375 16376 document.addEventListener('rebuy.ready', (event) => { 16377 SmartCart = window.Rebuy.SmartCart; 16378 removeBrokenBundleLineItems(); 16379 }); 16380 16381 async function updateBundleDeliveryFrequencies(item, subscriptionFrequency) { 16382 if (!isBundleParent(item)) return; 16383 const bundleChildren = getBundleChildren(item); 16384 try {
16385 bundleChildren.forEach((child) => { 16386 Rebuy.Cart.switchToSubscription(child, subscriptionFrequency); 16387 }); 16388 } catch (error) { 16389 console.error(error); 16390 } 16391 } 16392 16393 function getBundlePrice(bundleParentLineItem) { 16394 if (!isBundleParent(bundleParentLineItem)) { 16395 return null; 16396 } 16397 16398 const bundleChildren = getBundleChildren(bundleParentLineItem); 16399 const bundlePrice = bundleChildren.reduce((totalPrice, item) => { 16400 return totalPrice + item.price * item.quantity; 16401 }, 0); 16402 16403 return Rebuy.Cart.formatMoney(bundlePrice); 16404 } 16405 16406 async function removeLineItems(bundleParentLineItem, bundleChildrenLineItems) { 16407 const itemsToRemove = [...bundleChildrenLineItems, bundleParentLineItem]; 16408 const updates = itemsToRemove.reduce((updateObject, item) => { 16409 if (!updateObject[item.key]) { 16410 updateObject[item.key] = 0; 16411 } 16412 return updateObject; 16413 }, {}); 16414 16415 try { 16416 const updatedCart = await fetch('/cart/update.js', { 16417 method: 'POST', 16418 headers: { 16419 'Content-Type': 'application/json', 16420 }, 16421 body: JSON.stringify({ 16422 updates, 16423 }), 16424 }); 16425 } catch (e) { 16426 console.error(e); 16427 } 16428 } 16429 16430 const getBundleChildren = (bundleParentItem) => { 16431 const items = window.Rebuy.SmartCart?.items(); 16432 return items.filter( 16433 (lineItem) => 16434 lineItem.properties._bundle_id === bundleParentItem.properties._bundle_id && 16435 parseInt(lineItem.properties._created_at) === parseInt(bundleParentItem.properties._created_at) && 16436 isBundleChild(lineItem) 16437 ); 16438 }; 16439 16440 const handleRemove = async (item) => { 16441 const isBundleItem = item.properties == null ? false : item.properties.hasOwnProperty('_bundle_id'); 16442 if (SmartCart == undefined) { 16443 SmartCart = window.Rebuy.SmartCart; 16444 } 16445 16446 if (!isBundleItem) { 16447 SmartCart.removeItem(item); 16448 return; 16449 } 16450 16451 const bundleChildren = getBundleChildren(item); 16452 16453 try { 16454 if (!bundleChildren || !bundleChildren.length) { 16455 SmartCart.removeItem(item); 16456 return; 16457 } else { 16458 removeLineItems(item, bundleChildren); 16459 } 16460 } catch (e) { 16461 console.error(e); 16462 } 16463 }; 16464 16465 const bundleParentProperties = ['bundle_parent', '_bundle_parent']; 16466 const isBundleChild = (item) => { 16467 // SmartCart stringifies all item property values on some cart methods 16468 const bundleChild = bundleParentProperties.filter( 16469 (property) => item.properties[property] === false || item.properties[property] === 'false' 16470 ); 16471 return bundleChild.length > 0; 16472 }; 16473 16474 const isBundleParent = (item) => { 16475 // SmartCart stringifies all item property values on some cart methods 16476 const bundleParent = bundleParentProperties.filter( 16477 (property) => item.properties[property] === true || item.properties[property] === 'true' 16478 ); 16479 return bundleParent.length > 0; 16480 }; 16481 16482 const displayProperty = (property) => { 16483 const hidden_keys = ['bundle_parent', '_bundle_id', 'Bundle Id', 'Frequency']; 16484 return hidden_keys.includes(property.key) ? false : true; 16485 }; 16486 16487 const getCartJson = () => { 16488 return SmartCart.cart; 16489 }; 16490 16491 16492 document.addEventListener('rebuy.add', function (event) { 16493 if (window.gtag) { 16494 const { product, widget } = event.detail; 16495 if (!product || !widget) return; 16496 window.gtag('event', 'Side Cart - Upsell Added', { 16497 event_detail: product.title + ' - ' + widget.View.carousel.selectedIndex, 16498 }); 16499 } 16500 }); 16501 16502 window.globalDiscountsCollectionIds = []; 16503 16504 window.globalDiscounts = undefined; 16505 16506 16507 /** 16508 * Mirrors snippets/oli-product-price-set.liquid for Smart Cart line items so PDP and sidecart match. 16509 */ 16510 (function () { 16511 function productInGlobalDiscountScope(product) { 16512 var ids = window.globalDiscountsCollectionIds; 16513 if (ids == null || ids.length === 0) return true; 16514 var colls = product && product.collections; 16515 if (!colls || !colls.length) return false; 16516 var productIds = {}; 16517 for (var i = 0; i < colls.length; i++) productIds[colls[i].id] = true; 16518 for (var j = 0; j < ids.length; j++) if (productIds[ids[j]]) return true; 16519 return false;
16520 } 16521 16522 function pickGlobalDiscount(item) { 16523 var discounts = window.globalDiscounts; 16524 if (!discounts || !discounts.length) return null; 16525 var both = discounts.filter(function (d) { 16526 return d.purchase_type === 'Both'; 16527 }); 16528 var oneTime = discounts.find(function (d) { 16529 return d.purchase_type === 'One-time purchase'; 16530 }); 16531 var subscription = discounts.find(function (d) { 16532 return d.purchase_type === 'Subscription'; 16533 }); 16534 var oneTimeDiscount = oneTime || both[0]; 16535 var subscriptionDiscount = subscription || both[0]; 16536 return item.selling_plan_allocation ? subscriptionDiscount : oneTimeDiscount; 16537 } 16538 16539 function applyGlobalDiscountCents(priceCents, discount) { 16540 if (!discount || priceCents == null) return priceCents; 16541 var dv = Number(discount.discount_value); 16542 if (discount.discount_value_type === 'Percentage') { 16543 var percentage = 100 - dv; 16544 return Math.ceil((priceCents * percentage) / 100); 16545 } 16546 return priceCents - dv; 16547 } 16548 16549 function basePriceCents(item) { 16550 if (item.selling_plan_allocation) return Number(item.selling_plan_allocation.price); 16551 if (item.variant && item.variant.price != null) return Number(item.variant.price); 16552 return Number(item.price); 16553 } 16554 16555 function compareBaseCents(item) { 16556 if (item.selling_plan_allocation) { 16557 var spaCompare = item.selling_plan_allocation.compare_at_price; 16558 return spaCompare == null ? 0 : Number(spaCompare); 16559 } 16560 if (item.variant && item.variant.compare_at_price != null) return Number(item.variant.compare_at_price); 16561 if (item.compare_at_price != null) return Number(item.compare_at_price); 16562 return 0; 16563 } 16564 16565 function globalPricingActive(item) { 16566 if (!window.rebuyCartSettings || !window.rebuyCartSettings.enable_global_discounts) return false; 16567 if (!window.globalDiscounts || !window.globalDiscounts.length) return false; 16568 return productInGlobalDiscountScope(item.product); 16569 } 16570 16571 function catalogLinePriceParts(item) { 16572 var price = basePriceCents(item); 16573 var compare_at_price = compareBaseCents(item); 16574 var showCompare = !!(compare_at_price && compare_at_price !== 0); 16575 16576 return { 16577 useDefault: false, 16578 finalCents: price, 16579 compareCents: showCompare ? compare_at_price : 0, 16580 showCompare: showCompare, 16581 }; 16582 } 16583 16584 window.__oliRebuyGetLinePriceParts = function (item) { 16585 var globalDiscountsEnabled = 16586 window.rebuyCartSettings && window.rebuyCartSettings.enable_global_discounts; 16587 16588 if (!globalDiscountsEnabled) { 16589 return catalogLinePriceParts(item); 16590 } 16591 16592 if (!globalPricingActive(item)) return { useDefault: true }; 16593 16594 var discount = pickGlobalDiscount(item); 16595 if (!discount) return { useDefault: true }; 16596 16597 var price = basePriceCents(item); 16598 var compare_at_price = compareBaseCents(item); 16599 var hasSellingPlan = !!item.selling_plan_allocation; 16600 16601 var final_price = applyGlobalDiscountCents(price, discount); 16602 16603 if (compare_at_price === 0 && final_price < price) compare_at_price = price; 16604 if (!hasSellingPlan && final_price < price) compare_at_price = price; 16605 16606 var showCompare = !!(compare_at_price && compare_at_price !== 0); 16607 16608 return { 16609 useDefault: false, 16610 finalCents: final_price, 16611 compareCents: showCompare ? compare_at_price : 0, 16612 showCompare: showCompare, 16613 }; 16614 }; 16615 16616 window.oliRebuyLineHasDiscount = function (item, itemHasDiscountFn) { 16617 var parts = window.__oliRebuyGetLinePriceParts(item); 16618 if (parts.useDefault) return itemHasDiscountFn(item); 16619 return parts.showCompare; 16620 }; 16621 16622 window.oliRebuyLineSalePrice = function (item, formatMoneyFn, itemPriceFn) { 16623 var parts = window.__oliRebuyGetLinePriceParts(item); 16624 if (parts.useDefault) return formatMoneyFn(itemPriceFn(item)); 16625 return formatMoneyFn(parts.finalCents); 16626 }; 16627 16628 window.oliRebuyLineComparePrice = function (item, formatMoneyFn, compareAtPriceFn) { 16629 var parts = window.__oliRebuyGetLinePriceParts(item); 16630 if (parts.useDefault) { 16631 return item.selling_plan_allocation 16632 ? formatMoneyFn(item.selling_plan_allocation.compare_at_price) 16633 : formatMoneyFn(compareAtPriceFn(item)); 16634 } 16635 return parts.showCompare ? formatMoneyFn(parts.compareCents) : ''; 16636 }; 16637 16638 function oliRebuyLineUnitCents(item, itemPriceFn) { 16639 var parts = window.__oliRebuyGetLinePriceParts(item); 16640 if (!parts.useDefault) return parts.finalCents; 16641 return Number(itemPriceFn(item)); 16642 } 16643 16644 function oliRebuyLineCompareUnitCents(item, compareAtPriceFn) { 16645 var parts = window.__oliRebuyGetLinePriceParts(item); 16646 if (!parts.useDefault) { 16647 return parts.showCompare ? parts.compareCents : 0; 16648 } 16649 if (item.selling_plan_allocation) { 16650 return Number(item.selling_plan_allocation.compare_at_price) || 0; 16651 } 16652 return Number(compareAtPriceFn(item)) || 0; 16653 } 16654 16655 function oliRebuyLineTotalCents(item, itemPriceFn) { 16656 var parts = window.__oliRebuyGetLinePriceParts(item); 16657 var qty = Number(item.quantity) || 1; 16658 if (!parts.useDefault) return parts.finalCents * qty; 16659 if (item.final_line_price != null) return Number(item.final_line_price); 16660 if (item.line_price != null) return Number(item.line_price); 16661 return oliRebuyLineUnitCents(item, itemPriceFn) * qty; 16662 } 16663 16664 function oliRebuyGetBundleChildren(bundleParentItem) { 16665 var items = window.Rebuy.SmartCart && window.Rebuy.SmartCart.items(); 16666 if (!items || !items.length) return []; 16667 var bundleId = bundleParentItem.properties && bundleParentItem.properties._bundle_id; 16668 var createdAt = bundleParentItem.properties && bundleParentItem.properties._created_at; 16669 return items.filter(function (lineItem) { 16670 if (!lineItem.properties || lineItem.properties._bundle_id !== bundleId) return false;
16671 if (parseInt(lineItem.properties._created_at, 10) !== parseInt(createdAt, 10)) return false; 16672 return ( 16673 lineItem.properties.bundle_parent === false || 16674 lineItem.properties.bundle_parent === 'false' || 16675 lineItem.properties._bundle_parent === false || 16676 lineItem.properties._bundle_parent === 'false' 16677 ); 16678 }); 16679 } 16680 16681 function oliRebuyBundleLineCents(bundleParent, itemPriceFn) { 16682 return oliRebuyGetBundleChildren(bundleParent).reduce(function (total, child) { 16683 return total + oliRebuyLineTotalCents(child, itemPriceFn); 16684 }, 0); 16685 } 16686 16687 function oliRebuyBundleCompareCents(bundleParent, itemPriceFn, compareAtPriceFn) { 16688 return oliRebuyGetBundleChildren(bundleParent).reduce(function (total, child) { 16689 var qty = Number(child.quantity) || 1; 16690 var compareUnit = oliRebuyLineCompareUnitCents(child, compareAtPriceFn); 16691 if (compareUnit) return total + compareUnit * qty; 16692 return total + oliRebuyLineUnitCents(child, itemPriceFn) * qty; 16693 }, 0); 16694 } 16695 16696 /** 16697 * Subtotal aligned with displayed line-item prices (global discounts, bundles, qty). 16698 */ 16699 window.oliRebuyCartSubtotal = function ( 16700 formatMoneyFn, 16701 itemsFn, 16702 itemPriceFn, 16703 compareAtPriceFn, 16704 isBundleChildFn, 16705 isHiddenItemFn, 16706 isBundleParentFn 16707 ) { 16708 var items = itemsFn(); 16709 var totalCents = 0; 16710 16711 for (var i = 0; i < items.length; i++) { 16712 var item = items[i]; 16713 if (isHiddenItemFn(item)) continue; 16714 if (isBundleChildFn(item) !== false) continue; 16715 16716 if (isBundleParentFn(item)) { 16717 totalCents += oliRebuyBundleLineCents(item, itemPriceFn); 16718 } else { 16719 totalCents += oliRebuyLineTotalCents(item, itemPriceFn); 16720 } 16721 } 16722 16723 return formatMoneyFn(totalCents); 16724 }; 16725 16726 window.oliRebuyCartCompareSubtotal = function ( 16727 formatMoneyFn, 16728 itemsFn, 16729 itemPriceFn, 16730 compareAtPriceFn, 16731 isBundleChildFn, 16732 isHiddenItemFn, 16733 isBundleParentFn 16734 ) { 16735 var items = itemsFn(); 16736 var totalCents = 0; 16737 16738 for (var i = 0; i < items.length; i++) { 16739 var item = items[i]; 16740 if (isHiddenItemFn(item)) continue; 16741 if (isBundleChildFn(item) !== false) continue; 16742 16743 if (isBundleParentFn(item)) { 16744 totalCents += oliRebuyBundleCompareCents(item, itemPriceFn, compareAtPriceFn); 16745 } else { 16746 var qty = Number(item.quantity) || 1; 16747 var compareUnit = oliRebuyLineCompareUnitCents(item, compareAtPriceFn); 16748 if (compareUnit) { 16749 totalCents += compareUnit * qty; 16750 } else { 16751 totalCents += oliRebuyLineUnitCents(item, itemPriceFn) * qty; 16752 } 16753 } 16754 } 16755 16756 return formatMoneyFn(totalCents); 16757 }; 16758 })(); 16759 16760 if (!customElements.get('element-snow')) { 16761 customElements.define('element-snow', class videoPlay extends HTMLElement { 16762 constructor() { 16763 super(); 16764 } 16765 16766 connectedCallback() { 16767 } 16768 16769 show() { 16770 // Create 50 snowflakes 16771 for (let i = 0; i < 140; i++) { 16772 const snowflake = document.createElement('div'); 16773 snowflake.classList.add('snowflake'); 16774 16775 // Randomly set the size (100% or 80% of the current size) 16776 const isSmaller = Math.random() < 0.5; // 50% chance of smaller size 16777 const size = isSmaller ? '8px' : '10px'; // 20% smaller is 8px if the default is 10px 16778 snowflake.style.width = size; 16779 snowflake.style.height = size; 16780 16781 // Set random position and animation duration 16782 snowflake.style.left = `${Math.random() * 100}vw`; 16783 snowflake.style.animationDuration = `${Math.random() * 3 + 1}s`; 16784 snowflake.style.animationDelay = `${Math.random() * 2.5}s`; 16785 16786 this.appendChild(snowflake); 16787 16788 // Remove snowflake after animation ends 16789 snowflake.addEventListener('animationend', () => { 16790 snowflake.remove(); 16791 }); 16792 } 16793 16794 this.arrayElements = Array.from(document.querySelectorAll('.snowflake')) 16795 16796 setTimeout(()=> { 16797 this.fadeAway() 16798 }, 3000) 16799 16800 // setTimeout(()=> { 16801 // this.remove() 16802 // }, 5000) 16803 } 16804 16805 fadeAway() {
16806 if (this.arrayElements) this.arrayElements.forEach(element => element.classList.add('animation-fade-away')); 16807 } 16808 16809 remove() { 16810 if (this.arrayElements) this.arrayElements.forEach(element => element.remove()); 16811 } 16812 }); 16813 } 16814 16815 function removeDiscountGiftCard (event) { 16816 const cartItems = event.detail.cart.items(); 16817 const giftCardInCart = cartItems.find(item => item.gift_card === true); 16818 const otherItemsInCart = cartItems.find(item => item.gift_card !== true); 16819 16820 if (!otherItemsInCart && giftCardInCart && event.detail.cart.discount) { 16821 event.detail.cart.clearAllStoredDiscounts(); 16822 } 16823 } 16824 16825 function disableDiscountGiftCard(event) { 16826 const cartItems = event.detail.cart.items(); 16827 const giftCardInCart = cartItems.find(item => item.gift_card === true); 16828 const otherItemsInCart = cartItems.find(item => item.gift_card !== true); 16829 const discountButton = document.querySelector('.rebuy-cart__flyout-discount button'); 16830 const discountInput = document.querySelector('.rebuy-cart__flyout-discount-input'); 16831 const errorMessage = document.querySelector('.rebuy-cart__flyout-discount-input .rebuy-cart__flyout-discount-message'); 16832 const messageHtml = `<span class="rebuy-cart__flyout-discount-message">Discount codes do not apply to gift cards</span>` 16833 16834 if (!otherItemsInCart && giftCardInCart) { 16835 discountButton?.setAttribute('disabled', 'true'); 16836 if (!errorMessage) discountInput?.insertAdjacentHTML('beforeend', messageHtml) 16837 } else { 16838 discountButton?.removeAttribute('disabled'); 16839 if (errorMessage) errorMessage.remove(); 16840 } 16841 } 16842 16843 16844 const handleCartDiscountEvent = (event) => { 16845 removeDiscountGiftCard(event); 16846 disableDiscountGiftCard(event); 16847 }; 16848 16849 document.addEventListener('rebuy:smartcart.init', (event) => { 16850 setTimeout(() => { 16851 document.querySelector('#rebuy-cart')?.querySelectorAll('a, button, input, iframe, select, [tabindex]')?.forEach(el => el.tabIndex = -1); 16852 }, 2000) 16853 }); 16854 16855 document.addEventListener('rebuy:cart.ready', handleCartDiscountEvent); 16856 document.addEventListener('rebuy:cart.change', handleCartDiscountEvent); 16857</script>
16857 16858�
16858<script> 16859 window.rebuyCartSettings = { 16860 enable_global_discounts: false, 16861 rebuy_discount_message: "25% off applied!" 16862 } 16863</script>
16863 16864 16865
16866<script id="rebuy-cart-template" type="text/template"> 16867 16868 <div id="rebuy-cart" class="rebuy-cart " v-cloak v-bind:class="[visible ? 'is-visible is-visible-delay' : '', 'currency-' + currency() ]"> 16869 16870 <div class="rebuy-cart__flyout"> 16871 <div class="rebuy-cart__flyout-header" style="background-color: #FFFBF5!important"> 16872 <div class="rebuy-cart__flyout-title-wrap"> 16873 <h4 class="rebuy-cart__flyout-title" v-html="settings.language.cart_title"></h4> 16874 <span 16875 v-if="hasItems()" 16876 class="rebuy-cart__flyout-title-count" 16877 v-text="'(' + items().reduce(function (sum, item) { if (isHiddenItem(item) || isBundleChild(item) !== false) return sum; return sum + (Number(item.quantity) || 0); }, 0) + ')'" 16878 aria-live="polite" 16879 ></span> 16880 </div> 16881 <button class="rebuy-cart__flyout-close" type="button" aria-label="Close Smart Cart" v-on:click="hide()"> 16882 <svg width="14" height="14" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg" role="presentation"> 16883 <path fill-rule="evenodd" clip-rule="evenodd" d="M17.7056 1.70859C18.0958 1.31772 18.0958 0.68401 17.7056 0.293147C17.3154 -0.0977156 16.6828 -0.0977157 16.2926 0.293147L8.99913 7.5993L1.70563 0.293147C1.31544 -0.0977156 0.682825 -0.0977156 0.292639 0.293147C-0.0975464 0.684009 -0.0975464 1.31772 0.292639 1.70859L7.58614 9.01474L0.320343 16.2931C-0.0698426 16.684 -0.069843 17.3177 0.320343 17.7086C0.710528 18.0994 1.34314 18.0994 1.73333 17.7086L8.99913 10.4302L16.2649 17.7086C16.6551 18.0994 17.2877 18.0994 17.6779 17.7086C18.0681 17.3177 18.0681 16.684 17.6779 16.2931L10.4121 9.01474L17.7056 1.70859Z" fill="#034638"/> 16884 </svg> 16885 </button> 16886 </div> 16887 <div class="rebuy-cart__flyout-shipping-bar" style="background-color: #FFFBF5!important" v-if="freeShippingEnabled()" 16888 v-bind:class="[ freeShippingHelperMessage() ? 'has-helper' : '', hasFreeShipping() ? 'has-free-shipping': '' ]"> 16889 <div class="rebuy-cart__flyout-shipping-bar-message" v-if="!hasFreeShipping()" v-html="freeShippingRemainingMessage()"></div> 16890 <div class="rebuy-cart__flyout-shipping-bar-message" v-if="hasFreeShipping()" v-html="freeShippingCompleteMessage()"></div> 16891 <div class="rebuy-cart__flyout-shipping-bar-meter" v-bind:class="[hasFreeShippingProgress() ? 'has-progress' : 'no-progress']"> 16892 <div class="rebuy-cart__flyout-shipping-bar-meter-fill" v-bind:style="{ width: freeShippingPercentComplete() }"> 16893 <span class="rebuy-cart__flyout-shipping-bar-meter-fill-text" v-html="freeShippingPercentComplete()"></span> 16894 </div> 16895 </div> 16896 <div class="rebuy-cart__flyout-shipping-bar-helper" v-if="freeShippingHelperMessage()" v-html="freeShippingHelperMessage()"></div> 16897 </div> 16898 <div class="rebuy-cart__flyout-body"> 16899 <div class="rebuy-cart__flyout-announcement-bar" id="rebuy-smart-cart-announcement-bar" v-if="announcementBarEnabled()"> 16900 <div class="rebuy-cart__flyout-announcement-bar-message" v-for="message in settings.announcement_bar.messages" v-html="message"></div> 16901 </div> 16902 <div class="rebuy-cart__flyout-content" v-bind:class="[ hasItems() ? 'has-items' : 'no-items' ]" tabindex="0"> 16903 <div class="rebuy-cart__flyout-items" v-if="hasItems()"> 16904 � 16905 <div class="rebuy-cart__flyout-item" v-if="isBundleChild(item) == false" v-for="item in items()" v-if="!isHiddenItem(item)" 16906 v-bind:class="[ 'product-' + item.handle, itemProductTagsClasses(item), itemPropertyClasses(item) ]"> 16907 16908 16909 <!-- item image --> 16910 <div class="rebuy-cart__flyout-item-media"> 16911 <a v-bind:href="itemURL(item)"> 16912 <img v-bind:src="sizeImage(item.image, '240x240')" v-bind:alt="'View ' + cartItemTitleWithFiber(item)" /> 16913 </a> 16914 </div> 16915 <!-- end item image --> 16916 16917 16918 <div class="rebuy-cart__flyout-item-info"> 16919 16920 <div class="rebuy-cart__flyout-item-title-wrapper"> 16921 <a class="rebuy-cart__flyout-item-product-title" v-bind:href="itemURL(item)" 16922 v-html="cartItemTitleWithFiber(item)" v-bind:alt="'View ' + cartItemTitleWithFiber(item)"> 16923 </a> 16924 16925 <!--start remove btn --> 16926 <button 16927 class="rebuy-cart__flyout-item-remove" 16928 type="button" 16929 v-on:click="handleRemove(item)" 16930 v-bind:aria-label="'Remove ' + cartItemTitleWithFiber(item)"> 16931 <svg xmlns="http://www.w3.org/2000/svg" width="15" height="17" viewBox="0 0 15 17" fill="none"> 16932 <path d="M14.375 2.5H11.25V1.875C11.25 1.37772 11.0525 0.900806 10.7008 0.549175C10.3492 0.197544 9.87228 0 9.375 0H5.625C5.12772 0 4.65081 0.197544 4.29917 0.549175C3.94754 0.900806 3.75 1.37772 3.75 1.875V2.5H0.625C0.45924 2.5 0.300269 2.56585 0.183058 2.68306C0.0658481 2.80027 0 2.95924 0 3.125C0 3.29076 0.0658481 3.44973 0.183058 3.56694C0.300269 3.68415 0.45924 3.75 0.625 3.75H1.25V15C1.25 15.3315 1.3817 15.6495 1.61612 15.8839C1.85054 16.1183 2.16848 16.25 2.5 16.25H12.5C12.8315 16.25 13.1495 16.1183 13.3839 15.8839C13.6183 15.6495 13.75 15.3315 13.75 15V3.75H14.375C14.5408 3.75 14.6997 3.68415 14.8169 3.56694C14.9342 3.44973 15 3.29076 15 3.125C15 2.95924 14.9342 2.80027 14.8169 2.68306C14.6997 2.56585 14.5408 2.5 14.375 2.5ZM5 1.875C5 1.70924 5.06585 1.55027 5.18306 1.43306C5.30027 1.31585 5.45924 1.25 5.
16932625 1.25H9.375C9.54076 1.25 9.69973 1.31585 9.81694 1.43306C9.93415 1.55027 10 1.70924 10 1.875V2.5H5V1.875ZM12.5 15H2.5V3.75H12.5V15ZM6.25 6.875V11.875C6.25 12.0408 6.18415 12.1997 6.06694 12.3169C5.94973 12.4342 5.79076 12.5 5.625 12.5C5.45924 12.5 5.30027 12.4342 5.18306 12.3169C5.06585 12.1997 5 12.0408 5 11.875V6.875C5 6.70924 5.06585 6.55027 5.18306 6.43306C5.30027 6.31585 5.45924 6.25 5.625 6.25C5.79076 6.25 5.94973 6.31585 6.06694 6.43306C6.18415 6.55027 6.25 6.70924 6.25 6.875ZM10 6.875V11.875C10 12.0408 9.93415 12.1997 9.81694 12.3169C9.69973 12.4342 9.54076 12.5 9.375 12.5C9.20924 12.5 9.05027 12.4342 8.93306 12.3169C8.81585 12.1997 8.75 12.0408 8.75 11.875V6.875C8.75 6.70924 8.81585 6.55027 8.93306 6.43306C9.05027 6.31585 9.20924 6.25 9.375 6.25C9.54076 6.25 9.69973 6.31585 9.81694 6.43306C9.93415 6.55027 10 6.70924 10 6.875Z" fill="#034638"/> 16933 </svg> 16934 </button> 16935 <!-- end remove btn --> 16936 </div> 16937 <div class="rebuy-cart__flyout-item-properties" v-if="hasItemProperties(item)"> 16938 <div class="rebuy-cart__flyout-item-property rebuy-cart__flyout-item-property--delivery-frequency" 16939 v-if="itemDeliveryFrequency(item)" v-html="itemDeliveryFrequency(item)"></div> 16940 <div class="rebuy-cart__flyout-item-property" 16941 v-for="property in itemProperties(item)" 16942 v-if="displayProperty(property)" 16943 v-bind:class="[ itemPropertyKeyClass(property), itemPropertyValueClass(property) ]"> 16944 16945 16946 <span class="rebuy-cart__flyout-item-property-name" v-html="property.key"></span> 16947 <span class="rebuy-cart__flyout-item-property-separator">:</span> 16948 <span class="rebuy-cart__flyout-item-property-value" v-html="property.value"></span> 16949 16950 16951 </div> 16952 </div> 16953 <div class="rtx-info"> 16954 <div class="option-values" v-for="option in item.options_with_values"> 16955 <span class="rebuy-cart__product-info-cans" v-if="option.name == 'Cans' || option.name == 'Size'"> {{ option.value === '12' ? '12 Cans' : option.value.includes('Pack') ? option.value.replace('Pack', 'Cans') : option.value }}</span> 16956 </div> 16957 </div> 16958 16959 <div class="rebuy-cart__flyout-item-quantity-wrapper"> 16960 <!-- start quantity row --> 16961 <div class="rebuy-cart__flyout-item-quantity"> 16962 <div > 16963 16964 <div class="rebuy-cart__flyout-item-quantity-widget" v-if="hideQuantitySelectors && !hideQuantitySelectors(item) && item.handle != 'oli-pops-holiday-pack-pr-giveaway'"> 16965 <button class="rebuy-cart__flyout-item-quantity-widget-button" 16966 v-on:click="decreaseItem(item)" type="button" 16967 v-bind:aria-label="`You have ${item.quantity} ${cartItemTitleWithFiber(item)}, decrease by 1`"> 16968 <svg xmlns="http://www.w3.org/2000/svg" width="10" height="2" viewBox="0 0 10 2" fill="none"> 16969 <path d="M8.875 0.125C9.00761 0.125 9.13475 0.177716 9.22852 0.271484C9.32228 0.365252 9.375 0.492392 9.375 0.625C9.375 0.757608 9.32228 0.884747 9.22852 0.978516C9.13475 1.07228 9.00761 1.125 8.875 1.125H0.625C0.492392 1.125 0.365253 1.07228 0.271484 0.978516C0.177716 0.884747 0.125 0.757608 0.125 0.625C0.125 0.492392 0.177716 0.365252 0.271484 0.271484C0.365252 0.177716 0.492392 0.125 0.625 0.125H8.875Z" fill="#034638" stroke="#034638" stroke-width="0.25"/> 16970 </svg> 16971 </button> 16972 <span class="rebuy-cart__flyout-item-quantity-widget-label" v-html="item.quantity"></span> 16973 <button class="rebuy-cart__flyout-item-quantity-widget-button" 16974 v-on:click="increaseItem(item)" type="button" v-bind:aria-label="`You have ${item.quantity} ${cartItemTitleWithFiber(item)}, add 1 more`"> 16975 <svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 12 12" fill="none"> 16976 <path d="M6 1.375C6.13261 1.375 6.25975 1.42772 6.35352 1.52148C6.44728 1.61525 6.5 1.74239 6.5 1.875V5.5H10.125C10.2576 5.5 10.3847 5.55272 10.4785 5.64648C10.5723 5.74025 10.625 5.86739 10.625 6C10.625 6.13261 10.5723 6.25975 10.4785 6.35352C10.3847 6.44728 10.2576 6.5 10.125 6.5H6.5V10.125C6.5 10.2576 6.44728 10.3847 6.35352 10.4785C6.25975 10.5723 6.13261 10.625 6 10.625C5.86739 10.625 5.74025 10.5723 5.64648 10.4785C5.55272 10.3847 5.5 10.2576 5.5 10.125V6.5H1.875C1.74239 6.5 1.61525 6.44728 1.52148 6.35352C1.42772 6.25975 1.375 6.13261 1.375 6C1.375 5.86739 1.42772 5.74025 1.52148 5.64648C1.61525 5.55272 1.74239 5.5 1.875 5.5H5.5V1.875C5.5 1.74239 5.55272 1.61525 5.64648 1.52148C5.74025 1.42772 5.86739 1.375 6 1.375Z" fill="#034638" stroke="#034638" stroke-width="0.25"/> 16977 </svg> 16978 </button> 16979 </div> 16980 16981 </div> 16982 </div> 16983 <!-- end quantity row --> 16984 16985 <!-- start price row --> 16986 <div 16987 class="rebuy-cart__flyout-item-price" 16988 :class="{ '!tw-hidden': item.product && item.product.tags && item.product?.tags?.includes('smart-cart-hide-price') }" 16989 > 16990 16991 <div class="discount-code-msg" v-if="hasLineItemDiscount(item)" v-for="discount in item.discounts"> 16992 {{ discount.title }} 16993 </div> 16994 <!-- rtx subscription copy --> 16995 16996 <div class="rtx-cart_flyout-subscriptions" v-if="window.rebuyCartSettings.enable_global_discounts && window.rebuyCartSettings.rebuy_discount_message.length"> 16997 <div class="rebuy-cart__flyout-item-discount-message promo-sidecart" 16998 v-html="window.rebuyCartSettings.rebuy_discount_message"> 16999 </div> 17000 </div> 17001 17002 <div class="rtx-cart_flyout-subscriptions" v-else>
17003 <span v-if="item.selling_plan_allocation" class="rtx-cart_flyout-subscriptions-text">15% Off Applied!</span> 17004 </div> 17005 17006 <div class="rtx-cart_custom-discount-labels" style="display: none;"> 17007 <span class="rtx-cart_flyout-subscriptions-text tw-text-3 tw-font-normal tw-leading-none tw-text-green-900">30% off applied!</span> 17008 </div> 17009 <!-- end subscription copy --> 17010 <div v-if="isBundleParent(item)" role="textbox"> 17011 17012 17013 <span class="visually-hidden">Bundle price: </span> 17014 <span class="rebuy-money rebuy-money-original-price sale" v-html="getBundlePrice(item)"></span> 17015 </div> 17016 17017 <div v-if="oliRebuyLineHasDiscount(item, itemHasDiscount) && isBundleParent(item) == false"> 17018 <div class="visually-hidden">Sale price: </div> 17019 <span class="rebuy-money rebuy-money-original-price sale" v-html="oliRebuyLineSalePrice(item, formatMoney, itemPrice)"></span> 17020 <div class="visually-hidden">Original price: </div> 17021 <span class="rebuy-money rebuy-money-compare-at-price compare-at" 17022 v-html="oliRebuyLineComparePrice(item, formatMoney, compareAtPrice)"></span> 17023 </div> 17024 <div v-if="!oliRebuyLineHasDiscount(item, itemHasDiscount) && isBundleParent(item) == false"> 17025 <span class="visually-hidden">
17025Price: </span> 17026 <span class="rebuy-money rebuy-money-original-price" v-html="oliRebuyLineSalePrice(item, formatMoney, itemPrice)"></span> 17027 </div> 17028 17029 </div> 17030 <!-- end price row --> 17031 </div> 17032 17033 <!-- start subscription selector --> 17034 <div class="rebuy-cart__flyout-item-subscription" v-if="hasSwitchToSubscription(item)"> 17035 <button class="rebuy-button outline" v-if="!item.product.subscription || item.status == 'downgrading' || item.status == 'upgrading'" 17036 v-bind:alt="'Switch ' + cartItemTitleWithFiber(item) + ' to a Subscription'" 17037 v-bind:disabled="(item.status == 'downgrading' || item.status == 'upgrading')" 17038 v-on:click="updateItemDeliveryFrequency(item, item.product.subscription_frequencies[1]); updateBundleDeliveryFrequencies(item, item.product.subscription_frequencies[1])" 17039 type="button" 17040 > 17041 <span v-html="switchToSubscriptionLabel(item)"></span> 17042 </button> 17043 <svg v-if="item.product.subscription && item.status != 'downgrading'" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none"> 17044 <path d="M12.9998 5.37476C13.0818 5.37476 13.1632 5.39123 13.239 5.42261C13.3149 5.45403 13.3841 5.50029 13.4421 5.55835C13.5001 5.61633 13.5465 5.68479 13.5779 5.7605C13.6093 5.83627 13.6257 5.91774 13.6257 5.99976C13.6257 6.08175 13.6092 6.16324 13.5779 6.23901C13.5465 6.31487 13.5002 6.38408 13.4421 6.44214L8.44214 11.4421C8.3841 11.5002 8.31487 11.5464 8.23901 11.5779C8.16324 11.6092 8.08177 11.6257 7.99976 11.6257C7.91772 11.6257 7.83629 11.6093 7.7605 11.5779C7.68468 11.5464 7.61538 11.5002 7.55737 11.4421V11.4412L2.55835 6.44214C2.44109 6.32488 2.37476 6.16559 2.37476 5.99976C2.37483 5.83402 2.44115 5.67555 2.55835 5.55835C2.67555 5.44115 2.83402 5.37483 2.99976 5.37476C3.16559 5.37476 3.32488 5.44109 3.44214 5.55835L7.99976 10.116L12.5583 5.55835C12.6163 5.50037 12.6848 5.45403 12.7605 5.42261C12.8363 5.39122 12.9177 5.37479 12.9998 5.37476Z" fill="#034638" stroke="#034638" stroke-width="0.25"/> 17045 </svg> 17046 <select 17047 v-if="item.product.subscription && item.status != 'downgrading'" 17048 class="rebuy-select muted" 17049 aria-label="Subscription frequency" 17050 v-model="item.product.subscription_frequency" 17051 v-on:change="updateItemDeliveryFrequency(item); updateBundleDeliveryFrequencies(item, $event.target.value)" 17052 > 17053 <optgroup 17054 v-if="!item.product.is_subscription_only && !subscriptionDowngradeDisabled()" 17055 v-bind:label="onetimeOptionGroupLabel(item)" 17056 > 17057 <option v-bind:value="'onetime'" v-html="onetimeOptionLabel(item)"></option> 17058 </optgroup> 17059 17060 <optgroup v-bind:label="subscriptionOptionGroupLabel(item)"> 17061 <option 17062 v-for="frequency in item.product.subscription_frequencies" 17063 v-bind:value="frequency" 17064 v-html="subscriptionOptionLabel(item, frequency, item.product.subscription_interval)" 17065 ></option> 17066 </optgroup> 17067 </select> 17068 </div> 17069 <!-- end subscription selector --> 17070 </div> 17071 17072 17073 17074 17075 </div> 17076 <!-- end product item --> 17077 17078 <div class="rebuy-cart__flyout-note" v-if="notesEnabled()"> 17079 <label class="rebuy-cart__flyout-note-toggle"> 17080 <input class="rebuy-cart__flyout-note-toggle-input rebuy-checkbox" type="checkbox" v-model="notes.visible" v-on:click="notesToggle()" /> 17081 <span class="rebuy-cart__flyout-note-toggle-label" v-html="settings.language.notes_label"></span> 17082 </label> 17083 <div class="rebuy-cart__flyout-note-content" v-if="notesIsVisible()"> 17084 <textarea id="rebuy-cart-notes" class="rebuy-textarea rebuy-cart__flyout-note-textarea" v-model="notes.value" 17085 v-on:keyup="notesChange(event)" v-on:keydown="notesChange(event)" v-on:change="notesChange(event)" 17086 v-bind:placeholder="settings.language.notes_placeholder"></textarea> 17087 <small id="rebuy-cart-characters-remaining" v-html="notesRemainingCharacters()"></small> 17088 </div> 17089 </div> 17090 </div> 17091 <div class="rebuy-cart__flyout-empty-cart" role="region" aria-label="Empty cart message" v-if="!hasItems()" v-html="emptyCartMessage()"></div> 17092 <div class="rebuy-cart__flyout-recommendations" v-if="hasCrossSells()" style="display: none;"> 17093 <div v-for="widget_id in settings.cross_sells" v-bind:data-rebuy-id="widget_id"> 17094 </div> 17095 </div> 17096 17097 <div class="rebuy-upsell custom-upsell"> 17098 </div> 17099 17100 <!--BEAM START--> 17101 <div data-beam-widget="select-nonprofit" v-if="hasItems()" class="rebuy-cart__beam-impact-widget-wrapper"> 17102 17103 <beam-select-nonprofit 17104 apiKey="orRPgklUWqQM.cab839ad-9774-43be-bc7d-f236e6c3e9ae" 17105 storeId="528" 17106 lang="en" 17107 ></beam-select-nonprofit> 17108 17109 </div> 17110 <!-- BEAM END--> 17111 </div> 17112 </div> 17113 17114 <div class="rebuy-cart__flyout-footer " v-if="hasItems()"> 17115 17116 <svg xmlns="http://www.w3.org/2000/svg" width="484" height="32" viewBox="0 0 484 32" fill="none"> 17117 <mask id="mask0_2444_672" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="-90" width="484" height="123"> 17118 <g clip-path="url(#clip0_2444_672)"> 17119 <g clip-path="url(#clip1_2444_672)"> 17120 <path d="M484 33.5077H0.000100964L1.84516e-06 1.89865C-0.0153812 1.88604 96.1563 -4.01687 241.328 9.15926C386.5 22.3354 484 0.554199 484 0.554199V33.5077Z" fill="#1C4539"/> 17121 </g> 17122 </g> 17123 </mask> 17124 <g mask="url(#mask0_2444_672)"> 17125 <rect width="484" height="32.2667" fill="#008168"/>
17125 17126 </g> 17127 <defs> 17128 <clipPath id="clip0_2444_672"> 17129 <rect width="484" height="121.621" fill="white" transform="translate(0 -89.354)"/> 17130 </clipPath> 17131 <clipPath id="clip1_2444_672"> 17132 <rect width="484" height="33.275" fill="white" transform="translate(0 0.232666)"/> 17133 </clipPath> 17134 </defs> 17135 </svg> 17136 <div class="rebuy-cart__flyout-footer--inner"> 17137 17138 <button 17139 class="rebuy-cart__flyout-footer-discount-button" 17140 v-if="shouldShowDiscountInput && shouldShowDiscountInput()" 17141 aria-expanded="false" 17142 aria-controls="rebuy-discount-accordion" 17143 v-on:click=" 17144 function($event) { 17145 const accordion = $refs.rebuyDiscountAccordion; 17146 accordion?.classList.toggle('rebuy-cart__flyout-footer-discount-field-hide'); 17147 $refs.accordionCloseIcon?.classList.toggle('rebuy-cart__flyout-footer-discount-accordion'); 17148 $refs.accordionOpenIcon?.classList.toggle('rebuy-cart__flyout-footer-discount-accordion'); 17149 17150 const isOpen = !accordion.classList.contains('rebuy-cart__flyout-footer-discount-field-hide'); 17151 $event.currentTarget.setAttribute('aria-expanded', isOpen); 17152 17153 if (isOpen) { 17154 console.log(accordion.querySelector('input')) 17155 setTimeout(()=>(accordion.querySelector('input')?.focus()), 0) 17156 } 17157 } 17158 " 17159 v-show="discount && discount.amount === 0" 17160 > 17161 <div class="rebuy-cart__flyout-footer-discount-feild-copy">Add Promo Code</div> 17162 17163 <svg 17164 ref="accordionCloseIcon" 17165 class="rebuy-cart__flyout-footer-discount-accordion" 17166 width="14" 17167 height="14"
17168 viewBox="0 0 14 14" 17169 fill="none" 17170 aria-label="hidden" 17171 xmlns="http://www.w3.org/2000/svg" 17172 > 17173 <g clip-path="url(#clip0_1061_2171)"> 17174 <path d="M0.875 7.0083H13.125" stroke="#fff" stroke-width="2" stroke-linecap="round"/> 17175 </g> 17176 <defs> 17177 <clipPath id="clip0_1061_2171"> 17178 <rect width="14" height="14" fill="white" transform="translate(0 0.00830078)"/> 17179 </clipPath> 17180 </defs> 17181 </svg> 17182 17183 <svg 17184 ref="accordionOpenIcon" 17185 width="16" 17186 height="16" 17187 viewBox="0 0 16 16" 17188 aria-label="hidden" 17189 fill="none" 17190 xmlns="http://www.w3.org/2000/svg" 17191 > 17192 <path d="M1.875 8.0083H14.125" stroke="#fff" stroke-width="2" stroke-linecap="round"/> 17193 <path d="M8 1.8833L8 14.1333" stroke="#fff" stroke-width="2" stroke-linecap="round"/> 17194 </svg> 17195 </button> 17196 17197 <div 17198 v-if="shouldShowDiscountInput && shouldShowDiscountInput()" 17199 class="rebuy-cart__flyout-discount rebuy-cart__flyout-footer-discount-field-hide" 17200 ref="rebuyDiscountAccordion" 17201 id="rebuy-discount-accordion" 17202 > 17203 <div class="rebuy-cart__flyout-discount-right"> 17204 <div class="rebuy-cart__flyout-discount-input"> 17205 <input 17206 class="input" 17207 v-model="discount.inputValue" 17208 placeholder="Enter your promo code" 17209 id="rebuy-discount-input" 17210 aria-label="Enter your promo code" 17211 > 17212 17213 </div> 17214 <button 17215 class="rebuy-button" 17216 aria-label="Apply promo code" 17217 v-on:click="applyDiscount()" 17218 v-bind:disabled="discount.loading" 17219 > 17220 <span v-html="discountButtonLabel && discountButtonLabel()" class="rebuy-button-text"></span> 17221 </button> 17222 </div> 17223 <div 17224 v-if="showInvalidMessage()" 17225 class="rebuy-cart__flyout-discount-message" 17226 > 17227 <svg xmlns="http://www.w3.org/2000/svg" width="22" height="22" viewBox="0 0 22 22" fill="none"> 17228 <rect width="22" height="22" rx="11" fill="#D42A1C"/> 17229 <g clip-path="url(#clip0_2947_17606)"> 17230 <path d="M11 16C11.4832 16 11.875 15.6082 11.875 15.125C11.875 14.6418 11.4832 14.25 11 14.25C10.5168 14.25 10.125 14.6418 10.125 15.125C10.125 15.6082 10.5168 16 11 16Z" fill="white"/> 17231 <path d="M11 9.75V12.75" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> 17232 <path d="M13.625 15.2499H14.789C15.912 15.2499 16.615 14.0339 16.054 13.0609L12.265 6.48394C11.703 5.50894 10.296 5.50894 9.73495 6.48394L5.94595 13.0609C5.38495 14.0339 6.08795 15.2499 7.21095 15.2499H8.37495" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> 17233 </g> 17234 <defs> 17235 <clipPath id="clip0_2947_17606"> 17236 <rect width="12" height="12" fill="white" transform="translate(5 5)"/> 17237 </clipPath> 17238 </defs> 17239 </svg> 17240 <span 17241 v-html="settings.language.discount_invalid_message" 17242 > 17243 </span> 17244 </div> 17245 </div> 17246 17247 17248 <div 17249 v-show="shouldShowDiscountSubtotal && shouldShowDiscountSubtotal()" 17250 class="rebuy-cart__flyout-discount-amount" 17251 > 17252 <div class="rebuy-cart__flyout-discount-left"> 17253 <span class="rebuy-cart__flyout-label" v-html="discountLabel && discountLabel()"></span> 17254 <div class="rebuy-cart__flyout-tag" v-on:click="removeDiscount()">
17255 <span class="rebuy-cart__flyout-tag-discount-icon"> 17256 <svg width="10" height="10" viewBox="0 0 10 10" fill="none" xmlns="http://www.w3.org/2000/svg"> 17257 <path fill-rule="evenodd" clip-rule="evenodd" d="M0.110969 4.9408C0.0266475 4.8558 -0.0130527 4.73575 0.00381144 4.61675L0.472623 1.30877C0.496436 1.14074 0.627406 1.00873 0.794095 0.984722L4.07578 0.512153C4.19383 0.495154 4.31293 0.535172 4.39725 0.620169L8.81748 5.07582C8.96543 5.22496 8.96543 5.46676 8.81748 5.6159L5.06698 9.39645C4.91903 9.54558 4.67915 9.54558 4.5312 9.39645L0.110969 4.9408ZM2.38806 1.83535C2.68396 2.13362 2.68396 2.61723 2.38806 2.9155C2.09215 3.21378 1.61239 3.21378 1.31648 2.9155C1.02058 2.61723 1.02058 2.13362 1.31648 1.83535C1.61239 1.53707 2.09215 1.53707 2.38806 1.83535Z" fill="white"/> 17258 <path d="M6.13854 9.39644C5.99059 9.54558 5.75071 9.54557 5.60276 9.39644L9.35325 5.61589C9.5012 5.46675 9.5012 5.22495 9.35325 5.07581L4.93302 0.620159C4.90734 0.594269 4.87843 0.572551 4.8473 0.555349L5.14734 0.512143C5.26539 0.495143 5.38449 0.535162 5.46881 0.620159L9.88904 5.07581C10.037 5.22495 10.037 5.46675 9.88904 5.61589L6.13854 9.39644Z" fill="white"/> 17259 </svg> 17260 </span> 17261 <span v-html="discount.inputValue" class="rebuy-cart__flyout-tag-discount-text"></span> 17262 <span class="rebuy-cart__flyout-tag-time"> 17263 <svg width="10" height="10" viewBox="0 0 8 8" fill="none" xmlns="http://www.w3.org/2000/svg"> 17264 <path fill-rule="evenodd" clip-rule="evenodd" d="M6.90084 1.58674C7.03317 1.45442 7.03317 1.23987 6.90084 1.10755C6.76852 0.975219 6.55398 0.975219 6.42165 1.10755L4.00005 3.52916L1.57845 1.10755C1.44613 0.975219 1.23159 0.975219 1.09926 1.10755C0.966936 1.23987 0.966936 1.45442 1.09926 1.58674L3.52086 4.00836L1.09924 6.42999C0.966919 6.56232 0.966919 6.77686 1.09924 6.90919C1.23157 7.04152 1.44611 7.04152 1.57844 6.90919L4.00005 4.48756L6.42167 6.90919C6.55399 7.04152 6.76853 7.04152 6.90086 6.90919C7.03319 6.77686 7.03319 6.56232 6.90086 6.42999L4.47924 4.00836L6.90084 1.58674Z" fill="white"/> 17265 <path d="M6.90084 1.10755L7.07762 0.93077L7.07762 0.930769L6.90084 1.10755ZM6.90084 1.58674L7.07762 1.76352V1.76352L6.90084 1.58674ZM6.42165 1.10755L6.59843 1.28432V1.28432L6.42165 1.10755ZM4.00005 3.52916L3.82327 3.70594L4.00005 3.88272L4.17683 3.70594L4.00005 3.52916ZM1.57845 1.10755L1.40168 1.28432V1.28432L1.57845 1.10755ZM1.09926 1.10755L1.27604 1.28432L1.09926 1.10755ZM1.09926 1.58674L1.27604 1.40997L1.09926 1.58674ZM3.52086 4.00836L3.69764 4.18514L3.87441 4.00836L3.69764 3.83158L3.52086 4.00836ZM1.09924 6.42999L1.27602 6.60677H1.27602L1.09924 6.42999ZM1.09924 6.90919L0.922466 7.08597H0.922467L1.09924 6.90919ZM1.57844 6.90919L1.75521 7.08597H1.75521L1.57844 6.90919ZM4.00005 4.48756L4.17683 4.31078L4.00005 4.134L3.82327 4.31078L4.00005 4.48756ZM6.42167 6.90919L6.24489 7.08597V7.08597L6.42167 6.90919ZM6.90086 6.90919L6.72408 6.73242L6.90086 6.90919ZM6.90086 6.42999L6.72408 6.60677L6.90086 6.42999ZM4.47924 4.00836L4.30247 3.83158L4.12569 4.00836L4.30247 4.18514L4.47924 4.00836ZM6.72406 1.28432C6.75876 1.31902 6.75876 1.37527 6.72406 1.40997L7.07762 1.76352C7.30757 1.53356 7.30758 1.16073 7.07762 0.93077L6.72406 1.28432ZM6.59843 1.28432C6.63312 1.24963 6.68937 1.24963 6.72407 1.28432L7.07762 0.930769C6.84766 0.700812 6.47483 0.700811 6.24487 0.93077L6.59843 1.28432ZM4.17683 3.70594L6.59843 1.28432L6.24487 0.93077L3.82327 3.35239L4.17683 3.70594ZM4.17683 3.35239L1.75523 0.93077L1.40168 1.28432L3.82327 3.70594L4.17683 3.35239ZM1.75523 0.93077C1.52527 0.700811 1.15244 0.700811 0.922484 0.93077L1.27604 1.28432C1.31073 1.24963 1.36698 1.24963 1.40168 1.28432L1.75523 0.93077ZM0.922484 0.93077C0.692528 1.16073 0.692529 1.53356 0.922484 1.76352L1.27604 1.40997C1.24134 1.37527 1.24134 1.31902 1.27604 1.28432L0.922484 0.93077ZM0.922484 1.76352L3.34408 4.18514L3.69764 3.83158L1.27604 1.40997L0.922484 1.76352ZM1.27602 6.60677L3.69764 4.18514L3.34408 3.83158L0.922467 6.25322L1.27602 6.60677ZM1.27602 6.73242C1.24133 6.69772 1.24133 6.64147 1.27602 6.60677L0.922467 6.25322C0.692511 6.48318 0.692511 6.85601 0.922466 7.08597L1.27602 6.73242ZM1.40166 6.73242C1.36696 6.76711 1.31072 6.76711 1.27602 6.73242L0.922467 7.08597C1.15242 7.31593 1.52526 7.31593 1.75521 7.08597L1.40166 6.73242ZM3.82327 4.31078L1.40166 6.73242L1.75521 7.08597L4.17683 4.66433L3.82327 4.31078ZM3.82327 4.66433L6.24489 7.08597L6.59844 6.73242L4.17683 4.31078L3.82327 4.66433ZM6.24489 7.08597C6.47485 7.31593 6.84768 7.31593 7.07764 7.08597L6.72408 6.73242C6.68939 6.76711 6.63314 6.76711 6.59844 6.73241L6.24489 7.08597ZM7.07764 7.08597C7.30759 6.85601 7.30759 6.48318 7.07764 6.25322L6.72408 6.60677C6.75878 6.64147 6.75878 6.69772 6.72408 6.73242L7.07764 7.08597ZM7.07764 6.25322L4.65602 3.83158L4.30247 4.18514L6.72408 6.60677L7.07764 6.25322ZM6.72406 1.40997L4.30247 3.83158L4.65602 4.18514L7.07762 1.76352L6.72406 1.40997Z" fill="white"/> 17266 </svg> 17267 </span> 17268 </div> 17269 </div> 17270 <div class="rebuy-cart__flyout-subtotal-amount rebuy-cart__flyout-discount-right rebuy-cart__flyout-subtotal-amount-discount" v-html="discountTotal && discountTotal()"> </div> 17271 </div> 17272 17273 <div class="rebuy-cart__flyout-subtotal"> 17274 <div class="rebuy-cart__flyout-subtotal-label">
17275 <span class="rebuy-cart__flyout-subtotal-text">Subtotal</span> 17276 </div> 17277 17278 <div class="rebuy-cart__flyout-subtotal-amount"> 17279 <span class="rebuy-cart__flyout-subtotal-final-amount"> 17280 <span class="sr-only">Final price</span> 17281 <span v-html="oliRebuyCartSubtotal(formatMoney, items, itemPrice, compareAtPrice, isBundleChild, isHiddenItem, isBundleParent)"></span> 17282 </span> 17283 <span class="rebuy-cart__flyout-subtotal-compare-amount tw-hidden"> 17284 <span class="sr-only">Original price</span> 17285 <span v-html="oliRebuyCartCompareSubtotal(formatMoney, items, itemPrice, compareAtPrice, isBundleChild, isHiddenItem, isBundleParent)"></span> 17286 </span> 17287 </div> 17288 17289 </div> 17290 <div class="rebuy-cart__flyout-actions"> 17291 <div v-if="settings.terms && settings.terms.enabled" class="rebuy-cart__flyout-terms"> 17292 <input class="rebuy-cart__flyout-terms-checkbox rebuy-checkbox" id="rebuy-terms-checkbox" name="rebuy-terms-checkbox" 17293 type="checkbox" v-model="termsAccepted" v-on:click="updateTermsCheck()" /> 17294 <label class="rebuy-cart__flyout-terms-label" for="rebuy-terms-checkbox" v-html="settings.terms.disclaimer"></label> 17295 </div> 17296 <button v-if="hasCheckoutButton()" id="rebuy-checkout-btn" class="block rebuy-button rebuy-button-checkout-text" type="button" v-on:click="checkout()" v-bind:disabled="hasTermsEnabled() && !hasAcceptedTerms()"> 17297 <span> 17298 <svg xmlns="http://www.w3.org/2000/svg" width="460" height="653" viewBox="0 0 460 653" version="1.1"><path d="M 212.500 1.139 C 195.975 2.567, 175.196 7.572, 160.572 13.647 C 145.504 19.906, 123.424 32.565, 114.560 40.025 C 99.751 52.489, 91.305 61.195, 79.662 76 C 75.732 80.997, 67.884 93.901, 63.545 102.500 C 54.248 120.928, 50.344 132.761, 44.906 159 C 44.190 162.455, 43.593 182.255, 43.300 212.250 L 42.833 260 78.344 260 L 113.854 260 114.287 215.250 C 114.744 167.981, 114.725 168.194, 119.976 151.186 C 125.832 132.217, 141.329 109.557, 156.426 97.887 C 163.955 92.067, 175.022 84.888, 179 83.244 C 180.925 82.448, 184.975 80.668, 188 79.289 C 191.025 77.910, 198.675 75.662, 205 74.293 C 227.847 69.349, 255.747 71.801, 274.323 80.385 C 278.626 82.373, 282.402 84, 282.715 84 C 283.629 84, 296.138 92.046, 300.459 95.414 C 308.455 101.645, 320.652 114.750, 326.251 123.124 C 332.803 132.925, 337 141.688, 340.464 152.796 C 344.981 167.284, 345.288 170.850, 345.905 216 L 346.500 259.500 381.813 259.763 L 417.126 260.026 416.726 213.763 C 416.505 188.318, 416.022 165.700, 415.651 163.500 C 413.007 147.798, 408.744 131.100, 404.802 121 C 385.660 71.963, 349.155 34.342, 301.500 14.541 C 284.227 7.364, 268.511 3.459, 249 1.498 C 233.100 -0.100, 227.476 -0.155, 212.500 1.139 M 30.500 273.947 C 24.052 275.568, 16.323 279.850, 11.452 284.500 C 9.201 286.650, 4.005 294.941, 2.297 299.111 C 0.593 303.272, 0.500 311.806, 0.500 463.500 L 0.500 623.500 4.392 630.785 C 10.859 642.889, 20.201 649.781, 33.134 651.987 C 37.605 652.750, 97.383 652.988, 234 652.787 C 422.490 652.509, 428.654 652.441, 433.500 650.595 C 439.245 648.405, 445.918 644.080, 449.484 640.234 C 452.880 636.571, 457.688 627.271, 458.529 622.739 C 458.913 620.670, 459.626 618.731, 460.113 618.430 C 460.623 618.115, 460.993 551.236, 460.985 461.191 C 460.975 359.660, 460.628 305.028, 460 306 C 459.215 307.215, 459.028 307.077, 459.015 305.270 C 458.985 300.865, 452.768 288.529, 448.548 284.500 C 445.683 281.765, 439.588 277.734, 435.296 275.734 L 430.500 273.500 232 273.346 C 122.825 273.262, 32.150 273.532, 30.500 273.947 M 0.488 462.500 C 0.488 548.850, 0.606 584.027, 0.750 540.671 C 0.894 497.316, 0.894 426.666, 0.750 383.671 C 0.606 340.677, 0.488 376.150, 0.488 462.500 M 216 377.886 C 207.081 380.769, 202.216 383.745, 195.671 390.321 C 175.963 410.118, 176.320 440.220, 196.501 460.486 C 198.152 462.144, 201.199 464.395, 203.272 465.489 L 207.042 467.478 206.771 508.739 L 206.500 550.001 230 550.001 L 253.500 550.001 253.228 508.992 L 252.956 467.984 257.399 465.166 C 259.843 463.617, 263.928 459.908, 266.477 456.924 C 283.806 436.648, 282.895 409.044, 264.279 390.320 C 254.419 380.403, 243.609 375.960, 229.568 376.054 C 224.706 376.086, 219.315 376.814, 216 377.886" stroke="none" fill="#fffcfc" fill-rule="evenodd"/>
17298<path d="" stroke="none" fill="#fcfcfc" fill-rule="evenodd"/></svg> 17299 <span>Checkout</span> 17300 </span> 17301 </button> 17302 <button v-if="hasViewCartButton()" class="block rebuy-button" v-bind:class="{'outline': hasCheckoutButton()}" type="button" v-on:click="viewCart()"> 17303 <span v-html="viewCartLabel()"></span> 17304 </button> 17305 <button v-if="hasContinueShoppingButton()" class="block rebuy-button outline" type="button" v-on:click="hide()"> 17306 <span v-html="continueShoppingLabel()"></span> 17307 </button> 17308 17309 17310 <div class="rebuy-cart__flyout-actions-note-below-cta"> 17311 45 Day Money-Back Guarantee 17312 </div> 17313 17314 17315 � 17316 </div> 17317 <div class="rebuy-cart__flyout-installments" v-if="installmentsEnabled()" v-html="installmentsMessage()"></div> 17318 </div> 17319 </div> 17320 </div> 17321 <div class="rebuy-cart__background" v-on:click="hide()"></div> 17322 </div> 17323</script>
17323 17324 17325 17326<style> 17327 #rebuy-checkout-btn:hover { 17328 background-color: #E2EB28 !important; 17329 } 17330 17331 .rebuy-cart__flyout-item-media img[alt="View Watermelon Lime 9g Fiber"] { 17332 width: 70%; 17333 } 17334</style> 17335
17336<script async src="https://cdn.rebuyengine.com/onsite/js/rebuy.js?shop=olipop-store.myshopify.com"></script>
17336 17337
17338<script> 17339 document.addEventListener('DOMContentLoaded', function() { 17340 const body = document.body; 17341 const html = document.documentElement; 17342 17343 // Function to save and restore the scroll position 17344 function preserveScrollPosition(action) { 17345 const scrollPosition = { 17346 top: window.scrollY, 17347 left: window.scrollX 17348 }; 17349 action(); 17350 window.scrollTo(scrollPosition.left, scrollPosition.top); 17351 } 17352 17353 // Create a MutationObserver to watch for changes to the body's class list 17354 const observer = new MutationObserver(function(mutationsList) { 17355 mutationsList.forEach(function(mutation) { 17356 if (mutation.type === 'attributes' && mutation.attributeName === 'class') { 17357 if (body.classList.contains('rebuy-modal-visible')) { 17358 html.style.overflow = 'hidden'; 17359 } else { 17360 preserveScrollPosition(() => { 17361 html.style.overflow = ''; 17362 }); 17363 } 17364 } 17365 }); 17366 }); 17367 observer.observe(body, { attributes: true }); 17368 }); 17369</script>
17369 17370<style> 17371 #rebuy-checkout-btn:hover { 17372 background-color: #E2EB28 !important; 17373 } 17374 17375 .rebuy-cart__flyout-item-media img[alt="View Watermelon Lime 9g Fiber"] { 17376 width: 70%; 17377 } 17378</style> 17379 17380 17381 17382
17383<script> 17384const getProductJSON = async (handle) => { 17385 let data = JSON.parse(sessionStorage.getItem("productJSONStore")); 17386 17387 if (data && data[handle]) { 17388 return data[handle]; 17389 } else { 17390 await getStorefrontProduct(handle).then((product) => { 17391 saveProductJSON(product); 17392 return product; 17393 }); 17394 } 17395}; 17396 17397const saveProductJSON = (product) => { 17398 let data = JSON.parse(sessionStorage.getItem("productJSONStore")); 17399 17400 if (data == null) { 17401 data = {}; 17402 } 17403 17404 if (product) { 17405 data[product.handle] = product; 17406 } 17407 17408 sessionStorage.setItem("productJSONStore", JSON.stringify(data)); 17409}; 17410 17411const removeProductJSON = (product) => { 17412 let data = JSON.parse(sessionStorage.getItem("productJSONStore")); 17413 17414 if (data == null) { 17415 data = {}; 17416 } 17417 17418 if (product) { 17419 delete data[product.handle]; 17420 } 17421 17422 sessionStorage.setItem("productJSONStore", JSON.stringify(data)); 17423}; 17424 17425const getStorefrontProduct = async (handle) => { 17426 return fetch(`${Shopify.routes.root}products/${handle}.js`).then( 17427 (response) => { 17428 return response.json(); 17429 } 17430 ); 17431}; 17432 17433const enrichWidgetProducts = (widget) => { 17434 const products = widget.data.products; 17435 17436 for (var i = 0; i < products.length; i++) { 17437 updateProductJSON(products[i], () => { 17438 widget.initProducts(widget.data.products); 17439 }); 17440 } 17441}; 17442 17443const enrichCartItems = () => { 17444 const items = Rebuy.Cart.items(); 17445 for (var i = 0; i < items.length; i++) { 17446 const item = items[i]; 17447 const product = items[i].product; 17448 17449 updateProductJSON(product, () => { 17450 const productClone = Object.assign({}, product); 17451 17452 delete productClone.subscription; 17453 delete productClone.subscription_discount_amount; 17454 delete productClone.subscription_discount_type; 17455 delete productClone.subscription_frequencies; 17456 delete productClone.subscription_frequency; 17457 delete productClone.subscription_interval; 17458 delete productClone.subscription_id; 17459 delete productClone.is_subscription_only; 17460 delete productClone.has_subscription; 17461 17462 Rebuy.Cart.addEnrichedProduct(productClone); 17463 17464 Rebuy.Cart.initProduct(product, { 17465 item: item, 17466 clone: true, 17467 }); 17468 }); 17469 } 17470}; 17471 17472const updateProductJSON = (product, callback = function () {}) => { 17473 getProductJSON(product.handle).then((json) => { 17474 if (typeof json?.requires_selling_plan != "undefined") { 17475 product.is_subscription_only = json?.requires_selling_plan; 17476 } 17477 17478 if (typeof json?.selling_plan_groups != "undefined") { 17479 extendProductWithSellingPlan(product, json?.selling_plan_groups[0]); 17480 } 17481 17482 callback(product); 17483 }); 17484}; 17485 17486const extendProductWithSellingPlan = (product, selling_plan_groups) => { 17487 if (product && selling_plan_groups) { 17488 // Set discount 17489 selling_plan_groups.discount_amount = 0; 17490 selling_plan_groups.discount_type = "none"; 17491 17492 // Update selling plans 17493 for (let i = 0; i < selling_plan_groups.selling_plans.length; i++) { 17494 const selling_plan = selling_plan_groups.selling_plans[i]; 17495 17496 // Surface discount amount and type to groups 17497 if ( 17498 selling_plan_groups.discount_amount == 0 && 17499 selling_plan_groups.discount_type == "none" && 17500 selling_plan.price_adjustments.length > 0 17501 ) { 17502 let price_adjustment = selling_plan.price_adjustments[0]; 17503 let valueType = 17504 price_adjustment.value_type === "percentage" 17505 ? "percentage" 17506 : "fixed"; 17507 let value = price_adjustment.value; 17508 17509 if (valueType === "fixed") { 17510 value = (value / 100).toFixed(2); 17511 } 17512 17513 selling_plan_groups.discount_amount = value; 17514 selling_plan_groups.discount_type = valueType; 17515 } 17516 17517 // Surface order interval to selling plan 17518 let interval = getOrderIntervalForOptions(selling_plan.options[0]); 17519 selling_plan.order_interval_frequency = interval.frequency; 17520 selling_plan.order_interval_unit_type = interval.unit; 17521 } 17522 17523 // Add groups to product 17524 product.selling_plan_groups = [selling_plan_groups]; 17525 } 17526}; 17527 17528const getOrderIntervalForOptions = (option) => { 17529 const intervalUnits = ["day", "week", "month", "year"]; 17530 const response = { 17531 frequency: 1, 17532 unit: "day", 17533 }; 17534 17535 let frequency = option.value.toLowerCase().match(/\d+/g); 17536 17537 if (frequency != null) { 17538 response.frequency = frequency[0]; 17539 } 17540 17541 for (let i = 0; i < intervalUnits.length; i++) { 17542 const unit = intervalUnits[i]; 17543 let regex = new RegExp(unit, "g"); 17544 17545 if (option.value.toLowerCase().match(regex)) { 17546 response.unit = unit; 17547 break; 17548 } 17549 } 17550 17551 return response; 17552}; 17553 17554const enableSellingPlans = () => { 17555 const Rebuy = window.Rebuy; 17556 const Shop = window.Rebuy.shop; 17557 17558 if (Shop) { 17559 if (typeof Shop.integrations == "undefined") { 17560 Shop.integrations = {}; 17561 } 17562 Shop.integrations.recharge = true; 17563 Shop.selling_plans_enabled = true; 17564 } 17565}; 17566 17567document.addEventListener("rebuy:cart.enriched", (event) => { 17568 setTimeout(enrichCartItems, 0); 17569}); 17570 17571document.addEventListener("rebuy.productsChange", (event) => { 17572 event.detail.widget.data.config.product_type = "both"; 17573 enrichWidgetProducts(event.detail.widget); 17574}); 17575 17576document.addEventListener("rebuy.loaded", () => { 17577 enableSellingPlans(); 17578}); 17579 17580// may or may not be necessary, have needed to do this on a few stores 17581document.addEventListener("rebuy:cart.change", () => { 17582 // re-enrich cart 17583 setTimeout(() => { 17584 Rebuy.Cart.enrichCart(); 17585 }, 300); 17586}); 17587</script>
17587 17588 17589
17590<script> 17591 window.switchToSubscriptionAssets = { 17592 checkmark: "\/\/drinkolipop.com\/cdn\/shop\/t\/1366\/assets\/switch-to-subscription-checkmark.svg?v=737727" 17593 } 17594</script>
17594 17595 17596 17597
17598<script id="rebuy-widget-104566" type="text/template"> 17599 <div 17600 class="rebuy-widget" 17601 v-cloak 17602 v-on:click="stopPropagation($event)" 17603 v-bind:id="'rebuy-widget-' + id" 17604 v-bind:class="['widget-type-' + config.type.replace('_','-'), 'widget-display-' + config.display_type, products.length > 0 ? 'is-visible' : 'is-hidden', 'widget-layout-' + currentLayout()]" 17605 > 17606 <div 17607 class="rebuy-widget-container" 17608 v-cloak 17609 v-bind:class="['widget-display-' + config.display_type, visible ? 'is-visible' : 'is-hidden' ]" 17610 v-on:click.self="hide()"> 17611 17612 <div class="rebuy-widget-content"> 17613 <div class="rebuy-modal-close" v-on:click="hide()"> 17614 <i class="fas fa-times"></i> 17615 </div> 17616 17617 <div class="rebuy-timer" v-if="hasTimer()"> 17618 <h5 class="rebuy-timer-title" v-if="config.language.timer_title"> 17619 <span v-html="config.language.timer_title"></span> 17620 <span class="rebuy-timer-minutes" v-html="config.timer.duration_minutes"></span>:<span class="rebuy-timer-seconds" v-html="config.timer.duration_seconds"></span> 17621 </h5> 17622 </div> 17623 17624 <h4 17625 class="super-title" 17626 v-if="config.language.super_title != ''" 17627 v-html="config.language.super_title"></h4> 17628 <img src="https://cdn.shopify.com/s/files/1/0034/6610/0806/files/Mask_group_a14b28d7-9678-4952-b6bd-8913d9526dea.png?v=1696021272"> 17629 <h3 17630 class="primary-title" 17631 v-if="config.language.title != ''" 17632 v-html="config.language.title"></h3> 17633 17634 <div 17635 class="description" 17636 v-if="config.language.description != ''" 17637 v-html="config.language.description"></div> 17638 17639 <div class="rebuy-product-grid" v-bind:class="layoutClasses"> 17640 <div 17641 class="rebuy-product-block" 17642 v-for="product in products" 17643 v-bind:class="[product.handle, 'product-id-' + product.id, cartHasProduct(product) ? 'cart-has-item' : '', productTagClasses(product)]"> 17644 <div class="rebuy-subscription-bonuses"> 17645 <div class="stsNote"> 17646 <img v-bind:src="switchToSubscriptionAssets.checkmark" class="rebuyCheck"><p class="rebuy-product-media-block-text">15% off EVERY subscription order</p> 17647 </div> 17648 <div class="stsNote"> 17649 <img v-bind:src="switchToSubscriptionAssets.checkmark" class="rebuyCheck"><p class="rebuy-product-media-block-text">Free shipping in the contiguous U.S.</p> 17650 </div> 17651 <div class="stsNote"> 17652 <img v-bind:src="switchToSubscriptionAssets.checkmark" class="rebuyCheck"><p class="rebuy-product-media-block-text">Swap, skip, or cancel anytime</p> 17653 </div> 17654 </div> 17655 <div class="rebuy-product-actions"> 17656 17657 <div class="subscription-checkbox" v-if="showSubscriptionOptions(product)"> 17658 <label class="rebuy-checkbox-label"> 17659 <input 17660 class="checkbox-input rebuy-checkbox" 17661 v-model="product.subscription" 17662 v-on:change="toggleSubscription(product)" 17663 type="checkbox" /> 17664 <span class="checkbox-label" v-html="upgradeToSubscriptionLabel(product)"></span> 17665 </label> 17666 </div> 17667 17668 <div class="subscription-frequency" v-if="showSubscriptionFrequency(product)"> 17669 <select 17670 class="rebuy-select" 17671 v-model="product.subscription_frequency" 17672 v-on:change="updateSubscriptionFrequency(product)"> 17673 <option v-for="frequency in product.subscription_frequencies" v-bind:value="frequency"></option> 17674 </select> 17675 </div> 17676 17677 <button 17678 class="rebuy-button" 17679 v-bind:class="{ working: (product.status != 'ready' && product.status != 'selecting') }" 17680 v-bind:disabled="!(variantAvailable(product.selected_variant)) || (product.status != 'ready' && product.status != 'selecting')" 17681 v-bind:alt="'Add ' + product.title + ' to Cart'" 17682 v-on:click="addUpsellToCart(product)" 17683 type="button">
17684 <span v-html="buttonLabel(product)"></span> 17685 </button> 17686 17687 <button 17688 class="rebuy-button decline" 17689 v-on:click="declineOffer(product)" 17690 type="button"> 17691 <span v-html="declineLabel(product)"></span> 17692 </button> 17693 </div> 17694 </div> 17695 </div> 17696 17697 <div class="powered-by-rebuy"> 17698 <a 17699 v-bind:href="'https://rebuyengine.com/?shop=' + config.shop.myshopify_domain" 17700 target="_blank" 17701 rel="noopener"> 17702 Powered by Rebuy 17703 </a> 17704 </div> 17705 </div> 17706 </div> 17707 </div> 17708</script>
17708 17709 17710
17711<script> 17712document.addEventListener('rebuy:reorderLandingPage.ready', function(){ 17713 if(Rebuy.ReorderLandingPage){ 17714 Rebuy.Cart.cart?.items.forEach(item => { 17715 if (item.product?.tags.includes('exclude_rebuy')) { 17716 Rebuy.Cart.removeItem(item) 17717 } 17718 }) 17719 } 17720}); 17721</script>
17721 17722
17723<script type="text/javascript">usi_installed = 0; USI_installCode = function() { if (usi_installed == 0) { usi_installed = 1; var USI_headID = document.getElementsByTagName("head")[0]; var USI_installID = document.createElement('script'); USI_installID.type = 'text/javascript'; USI_installID.src = 'https://www.upsellit.com/active/olipop.jsp'; USI_headID.appendChild(USI_installID); } }; if (typeof(document.readyState) != "undefined" && document.readyState === "complete") { USI_installCode(); } else if (window.addEventListener){ window.addEventListener('load', USI_installCode, true); } else if (window.attachEvent) { window.attachEvent('onload', USI_installCode); } else { USI_installCode(); } setTimeout("USI_installCode()", 10000);</script>
17723 17724 <style> [data-suffix="berry-sipport-open"] header,[data-suffix="berry-sipport-closed"] header,[data-suffix="berry-sipport-ended"] header {background: #fff7e5 !important;} [data-suffix="berry-sipport-open"] .header-wrapper,[data-suffix="berry-sipport-closed"] .header-wrapper,[data-suffix="berry-sipport-ended"] .header-wrapper {background: #fff7e5 !important;} .site-nav-dropdown__subnav-header {background: #fff7e5 !important;} [data-suffix="berry-sipport-open"] footer .wave-separator-svg__curve-up-left,[data-suffix="berry-sipport-closed"] footer .wave-separator-svg__curve-up-left,[data-suffix="berry-sipport-ended"] footer .wave-separator-svg__curve-up-left {margin-bottom: -1px;} </style> 17725<div id="shopify-block-Aemp4K204NG5MWWxCU__9431864395560886015" class="shopify-block shopify-app-block"> 17726
17727<script> 17728 window.__POLAR_CONFIG__ = { 17729 debug: false, 17730 shop: "olipop-store.myshopify.com", 17731 storefrontToken: null, 17732 cartMetafieldsEnabled: null, 17733 metafieldNamespace: "polar", 17734 metafieldKey: "attribution" 17735 }; 17736</script>
17736 17737
17738<script src="https://cdn.shopify.com/extensions/01a06601-c356-7426-8020-d0ed6417f8c2/polar-analytics-33/assets/polar-cart-injector.js" async></script>
17738 17739 17740</div><div id="shopify-block-AbVJPUTJacTJ3WC9He__4947802007469450330" class="shopify-block shopify-app-block"><!-- rediem-referral.css loaded non-blocking. The referral UI (skeleton, iframe, 17741 widget, popups) is injected by JS after load, so nothing this styles exists at 17742 first paint; loading it blocking (via the schema `stylesheet` key) only delayed 17743 first paint. Served from Shopify's global CDN via asset_url. --> 17744<link rel="preload" href="https://cdn.shopify.com/extensions/01a0f858-f4e6-7ed3-834c-33b663fda03c/rediem-308/assets/rediem-referral.css" as="style" onload="this.onload=null;this.rel='stylesheet'"> 17745<noscript><link rel="stylesheet" href="https://cdn.shopify.com/extensions/01a0f858-f4e6-7ed3-834c-33b663fda03c/rediem-308/assets/rediem-referral.css"></noscript> 17746
17747<script src="https://ripplrewards.nyc3.digitaloceanspaces.com/static/prod/rediem-referral.js?v=ec40ec2dd149f5533727b8140237dc742853231a" defer > </script>
17747 17748
17749<script> 17750(function () { 17751 // Main logic function 17752 const runRediemLogic = async () => { 17753 17754 window.rediemReferral = async () => { 17755 const REF_TUNNEL_URL = "https://referrals.rediem.io"; 17756 const API_BASE_URL = "https://api.rediem.io/api"; 17757 17758 const shop = 'drinkolipop.com'; 17759 const customerId = ''; 17760 const customerEmail = ''; 17761 const customerFirstName = ''; 17762 const customerLastName = ''; 17763 const customerTags = ""; 17764 17765 const rippl_url = new URL(window.location.href); 17766 const rediemRef = rippl_url.searchParams.get('rediemRef') || ''; 17767 const source = rippl_url.searchParams.get('source') || 'direct'; 17768 17769 const refContainer = document.getElementById('rediem_referral'); 17770 17771 const urlParams = new URLSearchParams(); 17772 if (shop) urlParams.append('shop', shop); 17773 if (source) urlParams.append('source', source); 17774 if (rediemRef) { urlParams.append('rediemRef', rediemRef) } 17775 17776 if (customerId) { 17777 urlParams.append('customerId', customerId); 17778 urlParams.append('customerEmail', customerEmail); 17779 urlParams.append('customerFirstName', customerFirstName); 17780 urlParams.append('customerLastName', customerLastName); 17781 urlParams.append('customerTags', customerTags); 17782 } 17783 17784 const finalURL = `${REF_TUNNEL_URL}${urlParams.toString() ? `?${urlParams.toString()}` : ''}`; 17785 17786 const rediemRefHTML = ` 17787 <div class="rdm-skeleton-container"> 17788 <div class="rdm-skeleton-section"> 17789 <div class="rdm-skeleton-line rdm-line-header-1"> </div> 17790 <div class="rdm-skeleton-line rdm-line-header-2"> </div> 17791 </div> 17792 <div class="rdm-skeleton-tabs"> 17793 <div class="rdm-skeleton-line rdm-line-tab"> </div> 17794 <div class="rdm-skeleton-line rdm-line-tab"> </div> 17795 </div> 17796 <div class="rdm-skeleton-card"> 17797 <div class="rdm-skeleton-line rdm-line-card-1"> </div> 17798 <div class="rdm-skeleton-line rdm-line-card-2"> </div> 17799 </div> 17800 <div class="rdm-skeleton-card"> 17801 <div class="rdm-skeleton-line rdm-line-balance-1"> </div> 17802 <div class="rdm-skeleton-row"> 17803 <div class="rdm-skeleton-line rdm-line-balance-2"> </div> 17804 <div class="rdm-skeleton-line rdm-line-balance-3"> </div> 17805 </div> 17806 </div> 17807 <p style="text-align:center;margin-top:40px;">Loading...</p> 17808 </div> 17809 <iframe 17810 allowusermedia 17811 class="rediem-referral-iframe" 17812 id="rediemReferralIframe" 17813 customerId="${customerId}" 17814 src="${finalURL}" 17815 title="Referral program - powered by rediem" 17816 aria-label="Referral program - powered by rediem" 17817 allow="clipboard-read; clipboard-write; geolocation; camera; microphone;" 17818 style="border: 0; width: 100%;"> 17819 </iframe>`; 17820 17821 const apiEndpoint = `${API_BASE_URL}/referral?shop=${shop}`; 17822 try { 17823 const response = await fetch(apiEndpoint); 17824 const data = await response.json(); 17825 sessionStorage.setItem('referralSetting', JSON.stringify(data?.data)); 17826 const referralSetting = data?.data?.referralSetting || {}; 17827 const { referralStatus, shopId, refWidget } = data?.data?.referralSetting || {}; 17828 const { bglink } = data?.data || {}; 17829 17830 if (referralStatus === 'active') { 17831 const widget_iframe = document.getElementById('RippleRewards'); 17832 if (!widget_iframe) { 17833 const response = await fetch("/apps/next-proxy", { 17834 method: "GET", 17835 headers: { "Content-Type": "application/json" }, 17836 }); 17837 17838 const cacheKey = `user_${shop}`; 17839 let data = null; 17840 17841 if (response.ok) { 17842 if (response.status !== 204) { 17843 try { 17844 const json = await response.json(); 17845 data = json?.data ?? null; 17846 } catch { 17847 data = null; 17848 } 17849 } 17850 } 17851 17852 sessionStorage.setItem( 17853 cacheKey, 17854 JSON.stringify({ data, timestamp: Date.now() }) 17855 ); 17856 } 17857 if (data?.data?.primaryFontLink) { 17858 const primaryFontLink = document.createElement('link'); 17859 primaryFontLink.rel = 'stylesheet'; 17860 primaryFontLink.href = data.data.primaryFontLink; 17861 document.head.appendChild(primaryFontLink); 17862 } 17863 17864 if (data?.data?.secondaryFontLink) { 17865 const secondaryFontLink = document.createElement('link'); 17866 secondaryFontLink.rel = 'stylesheet'; 17867 secondaryFontLink.href = data.data.secondaryFontLink; 17868 document.head.appendChild(secondaryFontLink); 17869 } 17870 17871 const style = ` 17872 .rediem-popup-content-wrapper, 17873 .rediem-popup-content-wrapper button, 17874 .rediem-popup-content-wrapper input, 17875 .ref-widget, .ref-text { 17876 font-family: '${referralSetting?.secondaryFontFamily}', sans-serif; 17877 } 17878 .p-font { 17879 font-family: '${referralSetting?.fontFamily}', sans-serif; 17880 } 17881 .p-color { 17882 color: ${referralSetting?.primaryColor || '#0077C8'} !important; 17883 } 17884 .s-color { 17885 color: ${referralSetting?.secondaryColor || '#667085'} !important; 17886 } 17887 .p-bg{ 17888 background-color: ${referralSetting?.primaryColor || '#0077C8'} !important; 17889 } 17890 .widget-bg{ 17891 background-color: ${referralSetting?.refWidget?.bgColor || referralSetting?.primaryColor || '#0077C8'} !important; 17892 } 17893 `; 17894 17895 const styleElement = document.createElement('style'); 17896 styleElement.id = 'rediem-css'; 17897 styleElement.innerHTML = style; 17898 17899 if (!document.getElementById('rediem-css')) { 17900 document.head.appendChild(styleElement); 17901 } 17902 17903 if (rediemRef) { 17904 17905 const decode = JSON.parse(atob(rediemRef.split('.')[1])); 17906 const rediem_advocate_id = (/^\d+$/.test(decode?.customerId) ? decode?.customerId : decode?.customerId?.split("/")?.at(-1)); 17907 rdm_setCookie("rediem_advocate_id", rediem_advocate_id) 17908
17909 const friendReward = await rdm_getFriendReward(shopId); 17910 const reward = friendReward?.data?.[0]; 17911 if (reward) { 17912 rdm_generatePopupHtml(reward, REF_TUNNEL_URL, customerId); 17913 sessionStorage.setItem('friendReward', JSON.stringify(reward)); 17914 } 17915 fetch(`${API_URL}/referral/engagement/`, { 17916 method: 'PUT', 17917 headers: { 17918 'Content-Type': 'application/json', 17919 }, 17920 body: JSON.stringify({ shop, type: "site-visit" }), 17921 }); 17922 } 17923 17924 if (refContainer) { 17925 refContainer.innerHTML = rediemRefHTML; 17926 } 17927 17928 if (refWidget?.status) { 17929 rdm_appendRefWidget({ ...refWidget, widgetIcon: data?.data?.widgetIcon }); 17930 } 17931 } 17932 } catch (error) { 17933 console.error("Error fetching data:", error); 17934 } 17935 }; 17936 17937 const id = ''; 17938 if (id && window.rdm_redirectToRefDash) window.rdm_redirectToRefDash(); 17939 if (window.rdm_appendHiddenField) window.rdm_appendHiddenField(); 17940 17941 if (typeof window.rediemReferral === 'function') { 17942 window.rediemReferral(); 17943 } 17944 }; 17945 17946 const loadDependency = (callback) => { 17947 if (typeof window.rdm_redirectToRefDash === 'function') { 17948 callback(); 17949 return; 17950 } 17951 17952 const scriptSrc = "https://ripplrewards.nyc3.digitaloceanspaces.com/static/prod/rediem-referral.js"; 17953 // Check if script already exists but globals aren't ready yet (e.g. still loading) 17954 const existingScript = document.querySelector(`script[src^="${scriptSrc}"]`); 17955 17956 if (existingScript) { 17957 // Poll for globals if script exists 17958 const checkInterval = setInterval(() => { 17959 if (typeof window.rdm_redirectToRefDash === 'function') { 17960 clearInterval(checkInterval); 17961 callback(); 17962 } 17963 }, 100); 17964 return; 17965 } 17966 17967 // Load new script 17968 const script = document.createElement('script'); 17969 script.src = `${scriptSrc}?v=ec40ec2dd149f5533727b8140237dc742853231a`; 17970 script.onload = callback; 17971 document.head.appendChild(script); 17972 }; 17973 17974 if (document.readyState === "loading") { 17975 document.addEventListener("DOMContentLoaded", () => loadDependency(runRediemLogic)); 17976 } else { 17977 loadDependency(runRediemLogic); 17978 } 17979})(); 17980</script>
17980 17981 17982</div><div id="shopify-block-AWnY2RzdkTzNxdWNiS__15336829040930027027" class="shopify-block shopify-app-block"><style> 17983/* Critical-CSS safety net, not a replacement for rediem-dash.css: hardcodes only the 17984 structural properties (position, width, hidden/shown state) from its base 17985 .ripple-frame-container / .show selectors that determine whether the widget is 17986 full-screen and stuck versus correctly sized and closable, deliberately excluding 17987 cosmetic properties (background-color, box-shadow, border-radius, transition 17988 easing, ...) that don't affect that and are the ones most likely to change in a 17989 future styling pass. Protects against the async stylesheet below never getting 17990 promoted from preload to stylesheet (for example, a client-side page-transition 17991 library such as Barba.js swapping in a fresh, unpromoted preload link without 17992 re-running the loader script that would otherwise promote it). Same specificity 17993 as rediem-dash.css and declared before it in source order, so once the real 17994 stylesheet loads it wins the cascade normally, with no !important needed. 17995 apps/api/cdn-statics/criticalCssSync.test.ts fails loudly if these values and 17996 rediem-dash.css's ever disagree. 17997*/ 17998.ripple-frame-container{position:fixed;width:390px;right:20px;transform:scale(0);opacity:0;visibility:hidden} 17999.ripple-frame-container.show{transform:scale(1);opacity:1;visibility:visible} 18000</style> 18001<link rel="preload" href="https://ripplrewards.nyc3.digitaloceanspaces.com/static/css/rediem-dash.css?v=ec40ec2dd149f5533727b8140237dc742853231a" as="style" data-rediem-preload> 18002<noscript><link rel="stylesheet" href="https://ripplrewards.nyc3.digitaloceanspaces.com/static/css/rediem-dash.css?v=ec40ec2dd149f5533727b8140237dc742853231a"></noscript> 18003 18004<div data-rdm_domain="drinkolipop.com" data-rdm_id="" data-rdm_email="" 18005 data-rdm_firstName="" data-rdm_lastName="" 18006 data-rdm_tags="" data-rdm_phone="" id="rdmWidgetLoadDiv"> 18007</div> 18008
18009<script src="https://ripplrewards.nyc3.digitaloceanspaces.com/static/prod/rediem-dash.js?v=ec40ec2dd149f5533727b8140237dc742853231a" defer></script>
18009 18010 18011</div>
18011<script src="https://cdn.shopify.com/storefront/standard-actions.js" type="module" data-source-attribution="shopify.standard_actions"></script>
18011 18012</body> 18013</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.