1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17<!doctype html> 18<html 19 class="no-js tw-scroll-smooth !tw-p-0" 20 lang="en" 21 data-prefetching="true" 22> 23 <head> 24 25
25<script type="application/vnd.locksmith+json" data-locksmith>{"version":"v345","locked":false,"initialized":true,"scope":"collection","access_granted":true,"access_denied":false,"requires_customer":false,"manual_lock":false,"remote_lock":false,"has_timeout":false,"remote_rendered":null,"hide_resource":false,"hide_links_to_resource":false,"hide_price":false,"hide_add_to_cart":false,"transparent":true,"locks":{"all":[],"opened":[]},"keys":[],"keys_signature":"ac54be565c44fdc8dfbb1beea83f05e72f5c8202af4849dc3f0f55898112bcfb","state":{"template":"collection","theme":174423703711,"product":null,"collection":"shop-9g-fiber","page":null,"blog":null,"article":null,"app":null},"now":1790276383,"path":"\/collections\/shop-9g-fiber","locale_root_url":"\/","canonical_url":"https:\/\/drinkolipop.com\/collections\/shop-9g-fiber","customer_id":null,"customer_id_signature":"ac54be565c44fdc8dfbb1beea83f05e72f5c8202af4849dc3f0f55898112bcfb","cart":null}</script>
25<script data-locksmith>!function(){undefined;!function(){var s=window.Locksmith={},e=document.querySelector('script[type="application/vnd.locksmith+json"]'),n=e&&e.innerHTML;if(s.state={},s.util={},s.loading=!1,n)try{s.state=JSON.parse(n)}catch(d){}if(document.addEventListener&&document.querySelector){var o,a,i,t=[76,79,67,75,83,77,73,84,72,49,49],c=function(){a=t.slice(0)},l="style",r=function(e){e&&27!==e.keyCode&&"click"!==e.type||(document.removeEventListener("keydown",r),document.removeEventListener("click",r),o&&document.body.removeChild(o),o=null)};c(),document.addEventListener("keyup",function(e){if(e.keyCode===a[0]){if(clearTimeout(i),a.shift(),0<a.length)return void(i=setTimeout(c,1e3));c(),r(),(o=document.createElement("div"))[l].width="50%",o[l].maxWidth="1000px",o[l].height="85%",o[l].border="1px rgba(0, 0, 0, 0.2) solid",o[l].background="rgba(255, 255, 255, 0.99)",o[l].borderRadius="4px",o[l].position="fixed",o[l].top="50%",o[l].left="50%",o[l].transform="translateY(-50%) translateX(-50%)",o[l].boxShadow="0 2px 5px rgba(0, 0, 0, 0.3), 0 0 100vh 100vw rgba(0, 0, 0, 0.5)",o[l].zIndex="2147483645";var t=document.createElement("textarea");t.value=JSON.stringify(JSON.parse(n),null,2),t[l].border="none",t[l].display="block",t[l].boxSizing="border-box",t[l].width="100%",t[l].height="100%",t[l].background="transparent",t[l].padding="22px",t[l].fontFamily="monospace",t[l].fontSize="14px",t[l].color="#333",t[l].resize="none",t[l].outline="none",t.readOnly=!0,o.appendChild(t),document.body.appendChild(o),t.addEventListener("click",function(e){e.stopImmediatePropagation()}),t.select(),document.addEventListener("keydown",r),document.addEventListener("click",r)}})}s.isEmbedded=-1!==window.location.search.indexOf("_ab=0&_fd=0&_sc=1"),s.path=s.state.path||window.location.pathname,s.basePath=s.state.locale_root_url.concat("/apps/locksmith").replace(/^\/\//,"/"),s.reloading=!1,s.util.console=window.console||{log:function(){},error:function(){}},s.util.makeUrl=function(e,t){var n,o=s.basePath+e,a=[],i=s.cache();for(n in i)a.push(n+"="+encodeURIComponent(i[n]));for(n in t)a.push(n+"="+encodeURIComponent(t[n]));return s.state.customer_id&&(a.push("customer_id="+encodeURIComponent(s.state.customer_id)),a.push("customer_id_signature="+encodeURIComponent(s.state.customer_id_signature))),o+=(-1===o.indexOf("?")?"?":"&")+a.join("&")},s._initializeCallbacks=[],s.on=function(e,t){if("initialize"!==e)throw'Locksmith.on() currently only supports the "initialize" event';s._initializeCallbacks.push(t)},s.initializeSession=function(e){if(!s.isEmbedded){var t=!1,n=!0,o=!0;(e=e||{}).silent&&(o=n=!(t=!0)),s.ping({silent:t,spinner:n,reload:o,callback:function(){s._initializeCallbacks.forEach(function(e){e()})}})}},s.cache=function(e){var t={};try{var n=function a(e){return(document.cookie.match("(^|; )"+e+"=([^;]*)")||0)[2]};t=JSON.parse(decodeURIComponent(n("locksmith-params")||"{}"))}catch(d){}if(e){for(var o in e)t[o]=e[o];document.cookie="locksmith-params=; expires=Thu, 01 Jan 1970 00:00:00 GMT; path=/",document.cookie="locksmith-params="+encodeURIComponent(JSON.stringify(t))+"; path=/"}return t},s.cache.cart=s.state.cart,s.cache.cartLastSaved=null,s.params=s.cache(),s.util.reload=function(){s.reloading=!0;try{window.location.href=window.location.href.replace(/#.*/,"")}catch(d){s.util.console.error("Preferred reload method failed",d),window.location.reload()}},s.cache.saveCart=function(e){if(!s.cache.cart||s.cache.cart===s.cache.cartLastSaved)return e?e():null;var t=s.cache.cartLastSaved;s.cache.cartLastSaved=s.cache.cart,fetch("/cart/update.js",{method:"POST",headers:{"Content-Type":"application/json",Accept:"application/json"},body:JSON.stringify({attributes:{locksmith:s.cache.cart}})}).then(function(e){if(!e.ok)throw new Error("Cart update failed: "+e.status);return e.json()}).then(function(){e&&e()})["catch"](function(e){if(s.cache.cartLastSaved=t,!s.reloading)throw e})},s.util.spinnerHTML='<style>body{background:#FFF}@keyframes spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}#loading{display:flex;width:100%;height:50vh;
25color:#777;align-items:center;justify-content:center}#loading .spinner{display:block;animation:spin 600ms linear infinite;position:relative;width:50px;height:50px}#loading .spinner-ring{stroke:currentColor;stroke-dasharray:100%;stroke-width:2px;stroke-linecap:round;fill:none}</style><div id="loading"><div class="spinner"><svg width="100%" height="100%"><svg preserveAspectRatio="xMinYMin"><circle class="spinner-ring" cx="50%" cy="50%" r="45%"></circle></svg></svg></div></div>',s.util.clobberBody=function(e){document.body.innerHTML=e},s.util.clobberDocument=function(e){e.responseText&&(e=e.responseText),document.documentElement&&document.removeChild(document.documentElement);var t=document.open("text/html","replace");t.writeln(e),t.close(),setTimeout(function(){var e=t.querySelector("[autofocus]");e&&e.focus()},100)},s.util.serializeForm=function(e){if(e&&"FORM"===e.nodeName){var t,n,o={};for(t=e.elements.length-1;0<=t;t-=1)if(""!==e.elements[t].name)switch(e.elements[t].nodeName){case"INPUT":switch(e.elements[t].type){default:case"text":case"hidden":case"password":case"button":case"reset":case"submit":o[e.elements[t].name]=e.elements[t].value;break;case"checkbox":case"radio":e.elements[t].checked&&(o[e.elements[t].name]=e.elements[t].value);break;case"file":}break;case"TEXTAREA":o[e.elements[t].name]=e.elements[t].value;break;case"SELECT":switch(e.elements[t].type){case"select-one":o[e.elements[t].name]=e.elements[t].value;break;case"select-multiple":for(n=e.elements[t].options.length-1;0<=n;n-=1)e.elements[t].options[n].selected&&(o[e.elements[t].name]=e.elements[t].options[n].value)}break;case"BUTTON":switch(e.elements[t].type){case"reset":case"submit":case"button":o[e.elements[t].name]=e.elements[t].value}}return o}},s.util.on=function(e,i,s,t){t=t||document;var c="locksmith-"+e+i,n=function(e){var t=e.target,n=e.target.parentElement,o=t&&t.className&&(t.className.baseVal||t.className)||"",a=n&&n.className&&(n.className.baseVal||n.className)||"";("string"==typeof o&&-1!==o.split(/\s+/).indexOf(i)||"string"==typeof a&&-1!==a.split(/\s+/).indexOf(i))&&!e[c]&&(e[c]=!0,s(e))};t.attachEvent?t.attachEvent(e,n):t.addEventListener(e,n,!1)},s.util.enableActions=function(e){s.util.on("click","locksmith-action",function(e){e.preventDefault();var t=e.target;t.dataset.confirmWith&&!confirm(t.dataset.confirmWith)||(t.disabled=!0,t.innerText=t.dataset.disableWith,s.post("/action",t.dataset.locksmithParams,{spinner:!1,type:"text",success:function(e){(e=JSON.parse(e.responseText)).message&&alert(e.message),s.util.reload()}}))},e)},s.util.inject=function(e,t){var n=["data","locksmith","append"];if(-1!==t.indexOf(n.join("-"))){var o=document.createElement("div");o.innerHTML=t,e.appendChild(o)}else e.innerHTML=t;var a,i,s=e.querySelectorAll("script");for(i=0;i<s.length;++i){a=s[i];var c=document.createElement("script");if(a.type&&(c.type=a.type),a.src)c.src=a.src;else{var l=document.createTextNode(a.innerHTML);c.appendChild(l)}e.appendChild(c)}var r=e.querySelector("[autofocus]");r&&r.focus()},s.post=function(e,t,n){!1!==(n=n||{}).spinner&&s.util.clobberBody(s.util.spinnerHTML);var o={};n.container===document?(o.layout=1,n.success=function(e){s.util.clobberDocument(e)}):n.container&&(o.layout=0,n.success=function(e){var t="string"==typeof n.container?document.getElementById(n.container):n.container;t&&(s.util.inject(t,e),t.id===t.firstChild.id&&t.parentElement.replaceChild(t.firstChild,t))}),n.form_type&&(t.form_type=n.form_type),n.include_layout_classes!==undefined&&(t.include_layout_classes=n.include_layout_classes),n.lock_id!==undefined&&(t.lock_id=n.lock_id),s.loading=!0;var a=s.util.makeUrl(e,o),i="json"===n.type||"text"===n.type;fetch(a,{method:"POST",headers:{"Content-Type":"application/json",Accept:i?"application/json":"text/html"},body:JSON.stringify(t)}).then(function(e){if(!e.ok)throw new Error("Request failed: "+e.status);return e.text()}).then(function(e){var t=n.success||s.util.clobberDocument;t(i?{responseText:e}:e)})["catch"](function(e){if(!s.reloading)if("dashboard.weglot.com"!==window.location.host){if(!n.silent)throw alert("Something went wrong! Please refresh and try again."),e;console.error(e)}else console.error(e)})["finally"](function(){s.loading=!1})},s.postResource=function(e,t){e.path=s.path,e.search=window.location.search,e.state=s.state,e.passcode&&(e.passcode=e.passcode.trim()),e.email&&(e.email=e.email.trim()),e.state.cart=s.cache.cart,e.locksmith_json=s.jsonTag,e.locksmith_json_signature=s.jsonTagSignature,s.post("/resource",e,t)},s.ping=function(t){if(!s.isEmbedded){t=t||{};var n=function(){t.reload?s.util.reload():"function"==typeof t.callback&&t.callback()};s.post("/ping",{path:s.path,search:window.location.search,state:s.state},{spinner:!!t.spinner,silent:"undefined"==typeof t.silent||t.silent,type:"text",success:function(e){e&&e.responseText?((e=JSON.parse(e.responseText)).messages&&0<e.messages.length&&s.showMessages(e.messages),e.cart&&s.cache.cart!==e.cart?(s.cache.cart=e.cart,s.cache.saveCart(function(){e.cart&&e.cart.match(/^.+:/)?(t.reload||"function"!=typeof t.callback||t.callback(),s.util.reload()):n()})):n()):console.error("[Locksmith] Invalid result in ping callback:",e)}})}},s.timeoutMonitor=function(){var e=s.cache.cart;s.ping({callback:function(){e!==s.cache.cart||setTimeout(function(){s.timeoutMonitor()},6e4)}})},s.showMessages=function(e){var t=document.createElement("div");t.style.position="fixed",t.style.left=0,t.style.right=0,t.style.bottom="-50px",t.style.opacity=0,t.style.background="#191919",t.style.color="#ddd",t.style.transition="bottom 0.2s, opacity 0.2s",t.style.zIndex=999999,t.innerHTML=["<style>"," .locksmith-ab .locksmith-b { display: none; }"," .locksmith-ab.toggled .locksmith-b { display: flex; }"," .locksmith-ab.toggled .locksmith-a { display: none; }"," .locksmith-flex { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; padding: 10px 20px; }"," .locksmith-message + .locksmith-message { border-top: 1px #555 solid; }"," .locksmith-message a { color: inherit; font-weight: bold; }"," .locksmith-message a:hover { color: inherit; opacity: 0.8; }"," a.locksmith-ab-toggle { font-weight: inherit; text-decoration: underline; }"," .locksmith-text { flex-grow: 1; }"," .locksmith-cta { flex-grow: 0; text-align: right; }"," .locksmith-cta button { transform: scale(0.8); transform-origin: left; }"," .locksmith-cta > * { display: block; }"," .locksmith-cta > * + * { margin-top: 10px; }"," .locksmith-message a.locksmith-close { flex-grow: 0; text-decoration: none; margin-left: 15px; font-size: 30px; font-family: monospace; display: block; padding: 2px 10px; }"," @media screen and (max-width: 600px) {"," .locksmith-wide-only { display: none !important; }"," .locksmith-flex { padding: 0 15px; }"," .locksmith-flex > * { margin-top: 5px; margin-bottom: 5px; }"," .locksmith-cta { text-align: left; }"," }"," @media screen and (min-width: 601px) {"," .locksmith-narrow-only { display: none !important; }"," }","</style>"].join("")+e.map(function(e){return'<div class="locksmith-message">'+e+"</div>"}).join(""),document.body.appendChild(t),document.body.style.position="relative",document.body.parentElement.style.paddingBottom=t.offsetHeight+"px",setTimeout(function(){t.style.bottom=0,t.style.opacity=1},50),s.util.on("click","locksmith-ab-toggle",function(e){e.preventDefault();for(var t=e.target.parentElement;-1===t.className.split(" ").indexOf("locksmith-ab");)t=t.parentElement;-1!==t.className.split(" ").indexOf("toggled")?t.className=t.className.replace("toggled",""):t.className=t.className+" toggled"}),s.util.enableActions(t)}}()}();</script>
25 26
26<script data-locksmith>Locksmith.cache.cart=null</script>
26 27 28
28<script data-locksmith>Locksmith.jsonTag="{\"version\":\"v345\",\"locked\":false,\"initialized\":true,\"scope\":\"collection\",\"access_granted\":true,\"access_denied\":false,\"requires_customer\":false,\"manual_lock\":false,\"remote_lock\":false,\"has_timeout\":false,\"remote_rendered\":null,\"hide_resource\":false,\"hide_links_to_resource\":false,\"hide_price\":false,\"hide_add_to_cart\":false,\"transparent\":true,\"locks\":{\"all\":[],\"opened\":[]},\"keys\":[],\"keys_signature\":\"ac54be565c44fdc8dfbb1beea83f05e72f5c8202af4849dc3f0f55898112bcfb\",\"state\":{\"template\":\"collection\",\"theme\":174423703711,\"product\":null,\"collection\":\"shop-9g-fiber\",\"page\":null,\"blog\":null,\"article\":null,\"app\":null},\"now\":1790276383,\"path\":\"\\\/collections\\\/shop-9g-fiber\",\"locale_root_url\":\"\\\/\",\"canonical_url\":\"https:\\\/\\\/drinkolipop.com\\\/collections\\\/shop-9g-fiber\",\"customer_id\":null,\"customer_id_signature\":\"ac54be565c44fdc8dfbb1beea83f05e72f5c8202af4849dc3f0f55898112bcfb\",\"cart\":null}";Locksmith.jsonTagSignature="8e8d515d7d7f6828efb76a6c2e10d8bb49dd66d9f9aa2c9a78cd41a9a8b226f9"</script>
28 29 30
31<script defer src="https://cdn.skio.com/scripts/shopify/head/shopify.ba9807f79b5cdb6483d5.js"></script>
31 32 <style> 33 #powrIframeLoader { 34 height: 0px !important; 35 display: none !important; 36 } 37 </style> 38 39 40 41 42 43 44 45<style> 46 47 48 49 50 51 52 53 54 55 @font-face { 56 font-family: 'Ano'; 57 src: url(//drinkolipop.com/cdn/shop/t/1366/assets/AnoRegular-Regular.woff2?v=114456774178814509381773709642) format('woff2'), 58 url(//drinkolipop.com/cdn/shop/t/1366/assets/AnoRegular-Regular.woff?v=44886258583300626781773709642) format('woff'), 59 url(//drinkolipop.com/cdn/shop/t/1366/assets/AnoRegular-Regular.woff?v=44886258583300626781773709642) format('woff'); 60 font-weight: normal; 61 font-style: normal; 62 font-display: swap; 63 } 64 @font-face { 65 font-family: 'Ano'; 66 src: url(//drinkolipop.com/cdn/shop/t/1366/assets/AnoBold-Regular.woff2?v=8493273010116033791773709641) format('woff2'), 67 url(//drinkolipop.com/cdn/shop/t/1366/assets/AnoBold-Regular.woff?v=128512130195275208821773709641) format('woff'), 68 url(//drinkolipop.com/cdn/shop/t/1366/assets/AnoBold-Regular.ttf?v=10462471749511937761773709641) format('truetype'); 69 font-weight: bold; 70 font-style: normal; 71 font-display: swap; 72 } 73 @font-face { 74 font-family: 'Ano'; 75 src: url(//drinkolipop.com/cdn/shop/t/1366/assets/AnoBlack-Regular.woff2?v=84787568753283342751773709640) format('woff2'), 76 url(//drinkolipop.com/cdn/shop/t/1366/assets/AnoBlack-Regular.woff?v=93234225392720856311773709640) format('woff'), 77 url(//drinkolipop.com/cdn/shop/t/1366/assets/AnoBlack-Regular.ttf?v=62444619274782219361773709640) format('truetype'); 78 font-weight: 900; 79 font-style: normal; 80 font-display: swap; 81 } 82 @font-face { 83 font-family: 'WindsorEF'; 84 src: url(//drinkolipop.com/cdn/shop/t/1366/assets/WindsorEF-UltraHeavy.woff2?v=150809171096844077231773709641) format('woff2'), 85 url(//drinkolipop.com/cdn/shop/t/1366/assets/WindsorEF-UltraHeavy.woff?v=110177191338651977801773709641) format('woff'); 86 font-weight: 900; 87 font-style: normal; 88 font-display: swap; 89 } 90 @font-face { 91 font-family: 'WindsorEF'; 92 src: url(//drinkolipop.com/cdn/shop/t/1366/assets/WindsorEF-Bold.woff2?v=139344088117863592731773709640) format('woff2'), 93 url(//drinkolipop.com/cdn/shop/t/1366/assets/WindsorEF-Bold.woff?v=96714348010265649601773709640) format('woff'), 94 url(//drinkolipop.com/cdn/shop/t/1366/assets/WindsorEF-Bold.ttf?v=176736781895084021861773709643) format('truetype'); 95 font-weight: bold; 96 font-style: normal; 97 font-display: swap; 98 } 99 100 :root { 101 102 --font-weight-body--bold: 700; 103 --font-weight-body--bolder: 700; 104 --font-stack-header: Helvetica, Arial, sans-serif; 105 --font-style-header: normal; 106 --font-weight-header: 700; 107 --font-stack-body: Helvetica, Arial, sans-serif; 108 --font-style-body: normal; 109 --font-weight-body: 400; 110 --font-stack-cart-notification: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; 111 --font-size-mobile-input: 16px; /* min 16px to prevent zooming */ 112 113 --font-size-base: 15; 114 --font-size-header: 26; 115 116 --font-h1-desktop: 35; 117 --font-h1-mobile: 32; 118 --font-h2-desktop: 20; 119 --font-h2-mobile: 18; 120 --font-h3-mobile: 20; 121 --font-h4-desktop: 17; 122 --font-h4-mobile: 15; 123 --font-h4-min-height-mobile: 11; 124 --font-h5-desktop: 15; 125 --font-h5-mobile: 13; 126 --font-h6-desktop: 14; 127 --font-h6-mobile: 12; 128 129 --font-mega-title-large-desktop: 65; 130 131 --font-rich-text-large: 17; 132 --font-rich-text-small: 13; 133 134 --color-text: #3a3a3a; 135 --color-text-shadow: rgba(0,0,0,0.4); 136 --color-body-text: #333232; 137 --color-sale-text: #fa4545; 138 --color-small-button-text-border: #3a3a3a; 139 --color-text-field: rgba(0,0,0,0); 140 --color-text-field-text: #000000; 141 --color-navigation-text: #3a3a3a; 142 143 --color-btn-primary: #3a3a3a; 144 --color-btn-primary-darken: #212121; 145 --color-btn-primary-transparent: rgba(58, 58, 58, 0.8); 146 --color-btn-primary-text: #ffffff; 147 148 --color-body: #ffffff; 149 --color-bg: #ffffff; 150 --color-drawer-background: rgba(0, 0, 0, 0.6); 151 --color-bg-alt: rgba(51, 50, 50, 0.05); 152 153 --color-link: var(--color-body-text); 154 --opacity-link-hover: 0.6; 155 156 --color-overlay-title-text: #ffffff; 157 --color-image-overlay: #685858; 158 --opacity-image-overlay: 0.4; 159 --hover-overlay-opacity: 0.8; 160 161 --color-text-focus:#606060; 162 --color-overlay-text-focus:#e6e6e6; 163 --color-btn-primary-focus:#606060; 164 --color-btn-social-focus:#d2d2d2; 165 --color-small-button-text-border-focus:#606060; 166 --predictive-search-focus:#e6e6e6; 167 168 --transition-duration-fast: 100ms; 169 --transition-duration: 250ms; 170 --transition-duration-slow: 400ms; 171 --transition-link-hover: var(--transition-duration-fast) cubic-bezier(0.44, 0.13,
1710.48, 0.87); 172 --transition-drawer: all var(--transition-duration-slow) cubic-bezier(0.29, 0.63, 0.44, 1); 173 174 --color-disabled: #f4f4f4; 175 --color-disabled-border: #f4f4f4; 176 --color-error: #d20000; 177 --color-error-message-list: #651818; 178 --color-error-bg: #fff8f8; 179 --color-success: #1F873D; 180 --color-success-bg: #f8fff9; 181 182 --color-grey: #B5C1BF; 183 --color-dark-green: #14433D; 184 185 --color-border: #ebebeb; 186 --color-border-form: #cccccc; 187 --color-border-form-darken: #b3b3b3; 188 189 --color-form-text: #333; 190 --color-error-input-text: var(--color-error); 191 --input-padding-top-bottom: 10px; 192 --input-padding-left-right: 18px; 193 --input-padding-top-bottom-small: 8px; 194 --input-padding-left-right-small: 15px; 195 --input-group-height: 46px; 196 --input-group-height-small: 42px; 197 --input-border-width: 1px; 198 199 --color-facebook: #3b5998; 200 --color-twitter: #00aced; 201 --color-pinterest: #cb2027; 202 203 --color-slideshow-arrows: #000; 204 --color-slideshow-dots: #fff; 205 206 --width-site: 1200px; 207 --gutter-site: 55px; 208 --gutter-site-mobile: 22px; 209 --section-spacing: 55px; 210 --section-spacing-small: 35px; 211 --border-radius: 2px; 212 --icon-size: 20px; 213 --connected-submit-size: calc(var(--icon-size) * 2.5); 214 215 --footer-spacing-extra-small: 5px; 216 --footer-spacing-small: 15px; 217 --footer-wrapper-spacing: 18px; 218 --footer-hr-bottom-spacing: 20px; 219 --footer-spacing-medium: 25px; 220 --footer-spacing-large: 45px; 221 222 --z-index-base: 1; 223 --z-index-dropdown: 7; 224 --z-index-sub-nav: 8; 225 --z-index-drawer: 9; 226 --z-index-mobile-nav: 11; 227 --z-index-search-bar: 999; 228 --z-index-predictive-search-wrapper: 1000; 229 --z-index-skip-to-content: 10000; /* really high to be safe of app markup */ 230 231 --color-giftcard-tooltip-fallback: #333; 232 --color-giftcard-light: #fff; 233 --color-giftcard-tooltip: rgba(0, 0, 0, 0.9); 234 --color-giftcard-disabled: #999; 235 --color-giftcard-small-text: #b3b3b3; 236 --color-giftcard-shadow: rgba(0, 0, 0, 0.1); 237 --color-giftcard-print-bg: #fff; 238 --color-giftcard-print: #000; 239 --color-giftcard-bg: #e95e61; 240 --z-index-giftcard-image: 2; 241 --z-index-giftcard-corners: 3; 242 --z-index-giftcard-tooltip: 4; 243 --z-index-giftcard-code: 5; 244 245 /*================ Product video ================*/ 246 /* Create an appropriate poster background color based on background color and brightness */ 247 --color-video-bg: #f2f2f2; 248 249 --video-height-small: 475px; 250 --video-height-medium: 650px; 251 --video-height-large: 775px; 252 253 --z-index-video-image: 1; 254 --z-index-video: 2; 255 --z-index-video-text: 3; 256 --z-index-video-controls: 4; 257 --z-index-video-loader: 5; 258 259 --video-button-wrapper-size: 50px; 260 --video-pause-button-size: 34px; 261 --video-close-button-size: 30px; 262 --video-loader-size: 2.875rem; 263 264 --color-video-controls: #fff; 265 --color-video-controls-background: #000; 266 267 --ease-transition: cubic-bezier(0.44, 0.13, 0.48, 0.87); 268 --transition-controls-video: color 0.2s var(--ease-transition), background-color 0.2s var(--ease-transition); 269 270 271 272 --svg-select-icon: url(//drinkolipop.com/cdn/shop/t/1366/assets/ico-select.svg?v=29003672709104678581773709785); 273 --slick-img-url: url(//drinkolipop.com/cdn/shop/t/1366/assets/ajax-loader.gif?v=41356863302472015721773709641); 274 --home-banner-new-wave-url: url("https://cdn.shopify.com/s/files/1/0034/6610/0806/files/home-banner-new-wave.png?v=1623156746"); 275 --home-blue-wave-url: url("https://cdn.shopify.com/s/files/1/0034/6610/0806/files/home-blue-wave.png?v=1773705965"); 276 --story-hero-wave-url: url("https://cdn.shopify.com/s/files/1/0034/6610/0806/files/story-hero-wave.png?v=1773706032"); 277 --story-mission-wave-url: url("https://cdn.shopify.com/s/files/1/0034/6610/0806/files/story-mission-wave.png?v=1773706074"); 278 --home-bluedark-wave-url: url("https://cdn.shopify.com/s/files/1/0034/6610/0806/files/home-bluedark-wave.png?v=1773706124"); 279 --home-yellowdark-wave-url: url("https://cdn.shopify.com/s/files/1/0034/6610/0806/files/home-yellowdark-wave.png?v=1773706165"); 280 --check-symbol-url: url(//drinkolipop.com/cdn/shop/t/1366/assets/check-symbol.svg?v=64434976676356328551773709640); 281 --arrow-down-green-url: url(//drinkolipop.com/cdn/shop/t/1366/assets/arrow-down-green.svg?v=150330452122212680781773709642); 282 --arrow-up-white-url: url(//drinkolipop.com/cdn/shop/t/1366/assets/arrow-up-white.svg?v=167673162154222429001773709643); 283 --arrow-down-white-url: url(//drinkolipop.com/cdn/shop/t/1366/assets/arrow-down-white.svg?v=68322919614181549641773709643); 284 --preview-card-url: url(//drinkolipop.com/cdn/shop/products/1DigitalGiftCard-WEB-080422-AM_200x.png?v=1767277571);
285 --wave-image-curve-up-left: url(//drinkolipop.com/cdn/shop/t/1366/assets/wave-image-curve-up-left.svg?v=142377189923728873181773709642); 286 --wave-image-curve-up-right: url(//drinkolipop.com/cdn/shop/t/1366/assets/wave-image-curve-up-right.svg?v=115639462512050186531773709642); 287 } 288 289 290 .rebuy-cart__flyout-item-discount-message.promo-sidecart { 291 color: #008168 292 } 293</style> 294 295<style> 296 .tippy-box[data-placement^='top'] > .tippy-svg-arrow { 297 bottom: 0; 298 } 299 .tippy-box[data-placement^='top'] > .tippy-svg-arrow:after, 300 .tippy-box[data-placement^='top'] > .tippy-svg-arrow > svg { 301 top: 16px; 302 transform: rotate(180deg); 303 } 304 .tippy-box[data-placement^='bottom'] > .tippy-svg-arrow { 305 top: 0; 306 } 307 .tippy-box[data-placement^='bottom'] > .tippy-svg-arrow > svg { 308 bottom: 16px; 309 } 310 .tippy-box[data-placement^='left'] > .tippy-svg-arrow { 311 right: 0; 312 } 313 .tippy-box[data-placement^='left'] > .tippy-svg-arrow:after, 314 .tippy-box[data-placement^='left'] > .tippy-svg-arrow > svg { 315 transform: rotate(90deg); 316 top: calc(50% - 3px); 317 left: 11px; 318 } 319 .tippy-box[data-placement^='right'] > .tippy-svg-arrow { 320 left: 0; 321 } 322 .tippy-box[data-placement^='right'] > .tippy-svg-arrow:after, 323 .tippy-box[data-placement^='right'] > .tippy-svg-arrow > svg { 324 transform: rotate(-90deg); 325 top: calc(50% - 3px); 326 right: 11px; 327 } 328 .tippy-svg-arrow { 329 width: 16px; 330 height: 16px; 331 fill: #333; 332 text-align: initial; 333 } 334 .tippy-svg-arrow, 335 .tippy-svg-arrow > svg { 336 position: absolute; 337 } 338 .tippy-box[data-animation='fade'][data-state='hidden'] { 339 opacity: 0; 340 } 341 [data-tippy-root] { 342 max-width: calc(100vw - 10px); 343 } 344 .tippy-box { 345 position: relative; 346 background-color: #333; 347 color: #fff; 348 border-radius: 4px; 349 font-size: 14px; 350 line-height: 1.4; 351 white-space: normal; 352 outline: 0; 353 transition-property: transform, visibility, opacity; 354 } 355 .tippy-box[data-placement^='top'] > .tippy-arrow { 356 bottom: 0; 357 } 358 .tippy-box[data-placement^='top'] > .tippy-arrow:before { 359 bottom: -7px; 360 left: 0; 361 border-width: 8px 8px 0; 362 border-top-color: initial; 363 transform-origin: center top; 364 } 365 .tippy-box[data-placement^='bottom'] > .tippy-arrow { 366 top: 0; 367 } 368 .tippy-box[data-placement^='bottom'] > .tippy-arrow:before { 369 top: -7px; 370 left: 0; 371 border-width: 0 8px 8px; 372 border-bottom-color: initial; 373 transform-origin: center bottom; 374 } 375 .tippy-box[data-placement^='left'] > .tippy-arrow { 376 right: 0; 377 } 378 .tippy-box[data-placement^='left'] > .tippy-arrow:before { 379 border-width: 8px 0 8px 8px; 380 border-left-color: initial; 381 right: -7px; 382 transform-origin: center left; 383 } 384 .tippy-box[data-placement^='right'] > .tippy-arrow { 385 left: 0; 386 } 387 .tippy-box[data-placement^='right'] > .tippy-arrow:before { 388 left: -7px; 389 border-width: 8px 8px 8px 0; 390 border-right-color: initial; 391 transform-origin: center right; 392 } 393 .tippy-box[data-inertia][data-state='visible'] { 394 transition-timing-function: cubic-bezier(0.54, 1.5, 0.38, 1.11); 395 } 396 .tippy-arrow { 397 width: 16px; 398 height: 16px; 399 color: #333; 400 } 401 .tippy-arrow:before { 402 content: ''; 403 position: absolute; 404 border-color: transparent; 405 border-style: solid; 406 } 407 .tippy-content { 408 position: relative; 409 padding: 5px 9px; 410 z-index: 1; 411 } 412 413 .tippy-box, 414 .tippy-content { 415 @apply tw-border-hunter-green tw-bg-hunter-green tw-font-body tw-text-white; 416 font-size: 12px; 417 font-weight: 600 !important; 418 border-radius: 15px !important; 419 background: #14433d; 420 } 421 422 .tippy-box[data-theme~='custom'][data-placement^='top'] > .tippy-arrow::before { 423 border-top-color: #14433d; 424 } 425 .tippy-box[data-theme~='custom'][data-placement^='bottom'] > .tippy-arrow::before { 426 border-bottom-color: #14433d; 427 } 428 .tippy-box[data-theme~='custom'][data-placement^='left'] > .tippy-arrow::before { 429 border-left-color: #14433d; 430 } 431 .tippy-box[data-theme~='custom'][data-placement^='right'] > .tippy-arrow::before { 432 border-right-color: #14433d; 433 } 434</style> 435 436<style> 437 .slide-loaded img { 438 display: block; 439 } 440</style> 441 442 443<link href="//drinkolipop.com/cdn/shop/t/1366/assets/tailwind.css?v=130264924762967316861787148487" rel="stylesheet" type="text/css" media="all" /> 444<link href="//drinkolipop.com/cdn/shop/t/1366/assets/theme.css?v=178809282142725415031787148488" rel="stylesheet" type="text/css" media="all" /> 445 446 447
447<script> 448 window.Shopify = window.Shopify || {theme: {id: 174423703711, role: 'main' } }; 449 window._template = { 450 directory: "", 451 name: "collection", 452 suffix: "" 453 }; 454 </script>
454<script type="module" blocking="render" fetchpriority="high" src="https://cdn.intelligems.io/esm/586d1e84f592/bundle.js" async></script>
454 455 456 457 458
459<script> 460 function getCookie(name) { 461 var dc = document.cookie; 462 var prefix = name + '='; 463 var begin = dc.indexOf('; ' + prefix); 464 if (begin == -1) { 465 begin = dc.indexOf(prefix); 466 if (begin != 0) return null; 467 } else { 468 begin += 2; 469 var end = document.cookie.indexOf(';', begin); 470 if (end == -1) { 471 end = dc.length; 472 } 473 } 474 // because unescape has been deprecated, replaced with decodeURI 475 //return unescape(dc.substring(begin + prefix.length, end)); 476 return decodeURI(dc.substring(begin + prefix.length, end)); 477 } 478 479 function toggleCart() { 480 var myCookie = getCookie('minicart'); 481 482 if (myCookie == null) { 483 } else { 484 document.querySelectorAll('[js-header-cart-toggle]')[0].click(); 485 document.cookie = 'minicart=open; max-age=-1; path=/;'; 486 } 487 } 488 489 window.onload = toggleCart; 490</script>
490 491 492 493 <meta name="google-site-verification" content="629g7SNvjCz_F6-IHLE0Lgn-c8Wivr46zePptazfpDU"> 494 <meta name="google-site-verification" content="RIGsAM1gz6RkUJV0cpvpleCzCBKvBdiyRF5vjkg555I"> 495 <meta charset="utf-8"> 496 <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> 497 <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=5"> 498 <meta name="theme-color" content="#3a3a3a"> 499 <meta name="facebook-domain-verification" content="pybjwio482kbh6cnks3fufwjx6jg1y"> 500 <link rel="canonical" href="https://drinkolipop.com/collections/shop-9g-fiber"> 501 <link rel="preconnect" href="https://cdn.shopify.com" crossorigin> 502 <link rel="preload" href="//drinkolipop.com/cdn/shop/t/1366/assets/AnoRegular-Regular.woff2?v=114456774178814509381773709642" as="font" type="font/woff2" crossorigin> 503 <link rel="preload" href="//drinkolipop.com/cdn/shop/t/1366/assets/AnoBold-Regular.woff2?v=8493273010116033791773709641" as="font" type="font/woff2" crossorigin> 504 <link rel="preload" href="//drinkolipop.com/cdn/shop/t/1366/assets/WindsorEF-UltraHeavy.woff2?v=150809171096844077231773709641" as="font" type="font/woff2" crossorigin> 505 <link rel="preload" href="//drinkolipop.com/cdn/shop/t/1366/assets/WindsorEF-Bold.woff2?v=139344088117863592731773709640" as="font" type="font/woff2" crossorigin> 506 507 508 509<link rel="shortcut icon" href="//drinkolipop.com/cdn/shop/files/favicon_32x32.png?v=1613174610" type="image/png"><title>OLIPOP 9g Fiber Line</title> 510 511<meta name="description" content="Our original, refrigerated formula with a higher-fiber option for those looking to get more out of every sip."> 512<!-- /snippets/social-meta-tags.liquid --> 513 514 515 516 517 518 519 520<meta property="og:site_name" content="OLIPOP"> 521<meta property="og:url" content="https://drinkolipop.com/collections/shop-9g-fiber"><meta property="og:title" content="9g Fiber"> 522<meta property="og:type" content="product.group"> 523<meta property="og:description" content="Our original, refrigerated formula with a higher-fiber option for those looking to get more out of every sip."> 524 525 526 527 528 529 <meta name="twitter:site" content="@drinkolipop"> 530 531<meta name="twitter:card" content="summary_large_image"><meta name="twitter:title" content="9g Fiber"> 532<meta name="twitter:description" content="Our original, refrigerated formula with a higher-fiber option for those looking to get more out of every sip."> 533 534<link href="//drinkolipop.com/cdn/shop/t/1366/assets/vendor.js?v=42932227539066615491773709641" as="script" rel="preload"> 535 <link href="//drinkolipop.com/cdn/shop/t/1366/assets/layout.theme.js?v=103885869156479832961773709644" as="script" rel="preload"> 536 <link href="//drinkolipop.com/cdn/shop/t/1366/assets/lazysizes.js?v=175780612770959260451773709640" as="script" rel="preload"> 537 <link href="//drinkolipop.com/cdn/shop/t/1366/assets/theme.js?v=143221273705841084911779140488" as="script" rel="preload"> 538 539
539<script src="//drinkolipop.com/cdn/shop/t/1366/assets/vendor.js?v=42932227539066615491773709641"></script>
539 540
540<script src="//drinkolipop.com/cdn/shop/t/1366/assets/layout.theme.js?v=103885869156479832961773709644" async="async"></script>
540 541
541<script src="//drinkolipop.com/cdn/shop/t/1366/assets/lazysizes.js?v=175780612770959260451773709640" async="async"></script>
541 542
542<script src="//drinkolipop.com/cdn/shop/t/1366/assets/theme.js?v=143221273705841084911779140488" defer="defer"></script>
542 543 544 545 546 547 548 549 550 551 552 553 554 555 556 557<style data-shopify> 558 :root{ 559 --flavor-color-overlay: ; 560 --flavor-color-100: ; 561 --flavor-color-200: ; 562 --flavor-color-300: ; 563 564 --flavor-color-selector: ; 565 566 } 567</style> 568 569 570 <link 571 rel="preload" 572 href="https://cdn.jsdelivr.net/npm/keen-slider@latest/keen-slider.min.css" 573 as="style" 574 onload="this.onload=null;this.rel='stylesheet'" 575 > 576 <noscript> 577 <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/keen-slider@latest/keen-slider.min.css"> 578 </noscript> 579 580 581 582
582<script> 583 var theme = { 584 breakpoints: { 585 medium: 750, 586 large: 990, 587 widescreen: 1400 588 }, 589 strings: { 590 addToCart: "Add to Cart", 591 soldOut: "Sold out", 592 unavailable: "Unavailable", 593 regularPrice: "Regular price", 594 salePrice: "Sale price", 595 sale: "Sale", 596 fromLowestPrice: "Translation missing: en.products.product.from_lowest_price", 597 vendor: "Vendor", 598 showMore: "Show More", 599 showLess: "Show Less", 600 searchFor: "Search for", 601 addressError: "Error looking up that address", 602 addressNoResults: "No results for that address", 603 addressQueryLimit: "You have exceeded the Google API usage limit. Consider upgrading to a \u003ca href=\"https:\/\/developers.google.com\/maps\/premium\/usage-limits\"\u003ePremium Plan\u003c\/a\u003e.", 604 authError: "There was a problem authenticating your Google Maps account.", 605 newWindow: "Opens in a new window.", 606 external: "Opens external website.", 607 newWindowExternal: "Opens external website in a new window.", 608 removeLabel: "Remove [product]", 609 update: "Update", 610 quantity: "Quantity", 611 discountedTotal: "Discounted total", 612 regularTotal: "Regular total", 613 priceColumn: "See Price column for discount details.", 614 quantityMinimumMessage: "Quantity must be 1 or more", 615 cartError: "There was an error while updating your cart. Please try again.", 616 removedItemMessage: "Removed \u003cspan class=\"cart__removed-product-details\"\u003e([quantity]) [link]\u003c\/span\u003e from your cart.", 617 unitPrice: "Unit price", 618 unitPriceSeparator: "per", 619 oneCartCount: "1 item", 620 otherCartCount: "[count] items", 621 quantityLabel: "Quantity: [count]", 622 products: "Products", 623 loading: "Loading", 624 number_of_results: "[result_number] of [results_count]", 625 number_of_results_found: "[results_count] results found", 626 one_result_found: "1 result found" 627 }, 628 moneyFormat: "${{amount}}", 629 moneyFormatWithCurrency: "${{amount}} USD", 630 settings: { 631 predictiveSearchEnabled: true, 632 predictiveSearchShowPrice: false, 633 predictiveSearchShowVendor: false 634 } 635 } 636 637 document.documentElement.className = document.documentElement.className.replace('no-js', 'js'); 638</script>
638 639 640 641 642
642<script>window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.start');</script>
642<meta name="google-site-verification" content="AyZS0I17j-RAsaWg3fqLOEn7aOAY0CZl3vMq1XulJa8"> 643<meta id="shopify-digital-wallet" name="shopify-digital-wallet" content="/3466100806/digital_wallets/dialog"> 644<meta id="in-context-paypal-metadata" data-shop-id="3466100806" data-venmo-supported="true" data-environment="production" data-locale="en_US" data-paypal-v4="true" data-currency="USD"> 645<link rel="ucp" href="/.well-known/ucp" version="2026-08-25"><link rel="alternate" type="application/atom+xml" title="Feed" href="/collections/shop-9g-fiber.atom" /> 646<link rel="alternate" type="application/json+oembed" href="https://drinkolipop.com/collections/shop-9g-fiber.oembed">
647<script async="async" src="/checkouts/internal/preloads.js?locale=en-US&default_configuration_id=5986484383"></script>
647 648<link rel="preconnect" href="https://shop.app" crossorigin="anonymous">
649<script async="async" src="https://shop.app/checkouts/internal/preloads.js?locale=en-US&default_configuration_id=5986484383&shop_id=3466100806" crossorigin="anonymous"></script>
vendor: 1 bytes, line 649
649
650<script id="apple-pay-shop-capabilities" type="application/json">{"shopId":3466100806,"countryCode":"US","currencyCode":"USD","merchantCapabilities":["supports3DS"],"merchantId":"gid:\/\/shopify\/Shop\/3466100806","merchantName":"OLIPOP","requiredBillingContactFields":["postalAddress","email"],"requiredShippingContactFields":["postalAddress","email"],"shippingType":"shipping","supportedNetworks":["visa","masterCard","amex","discover","elo","jcb"],"total":{"type":"pending","label":"OLIPOP","amount":"1.00"},"shopifyPaymentsEnabled":true,"supportsSubscriptions":true}</script>
vendor: 1 bytes, line 650
650
651<script id="shopify-features" type="application/json">{"accessToken":"a0ae25720d98fd913b1bf82c3e418359","betas":["rich-media-storefront-analytics"],"domain":"drinkolipop.com","predictiveSearch":true,"shopId":3466100806,"locale":"en"}</script>
vendor: 1 bytes, line 651
651
652<script>var Shopify = Shopify || {}; 653Shopify.shop = "olipop-store.myshopify.com"; 654Shopify.locale = "en"; 655Shopify.currency = {"active":"USD","rate":"1.0"}; 656Shopify.country = "US"; 657Shopify.theme = {"name":"Production | ehouse","id":174423703711,"schema_name":"Olipop","schema_version":"1.0","theme_store_id":null,"role":"main"}; 658Shopify.theme.handle = "null"; 659Shopify.theme.style = {"id":null,"handle":null}; 660Shopify.cdnHost = "drinkolipop.com/cdn"; 661Shopify.routes = Shopify.routes || {}; 662Shopify.routes.root = "/"; 663Shopify.shopJsCdnBaseUrl = "https://cdn.shopify.com/shopifycloud/shop-js"; 664Shopify.SignInWithShop = Shopify.SignInWithShop || {}; 665Shopify.SignInWithShop.User = Shopify.SignInWithShop.User || {}; 666Shopify.SignInWithShop.User.recognized = false;</script>
vendor: 1 bytes, line 666
666
667<script type="module">!function(o){(o.Shopify=o.Shopify||{}).modules=!0}(window);</script>
vendor: 1 bytes, line 667
667
668<script>!function(o){function n(){var o=[];function n(){o.push(Array.prototype.slice.apply(arguments))}return n.q=o,n}var t=o.Shopify=o.Shopify||{};t.loadFeatures=n(),t.autoloadFeatures=n()}(window);</script>
vendor: 1 bytes, line 668
668
669<script> 670 window.ShopifyPay = window.ShopifyPay || {}; 671 window.ShopifyPay.apiHost = "shop.app\/pay"; 672 window.ShopifyPay.redirectState = null; 673</script>
vendor: 1 bytes, line 673
673
674<script> 675 window.Shopify = window.Shopify || {}; 676 window.Shopify.SignInWithShop = window.Shopify.SignInWithShop || {}; 677 window.Shopify.SignInWithShop.assetMetrics = { sampleRate: 0.25 }; 678 window.Shopify.SignInWithShop.eligible = true; 679</script>
vendor: 1 bytes, line 679
679
680<script id="shop-js-analytics" type="application/json">{"pageType":"collection"}</script>
vendor: 1 bytes, line 680
680
681<script defer="defer" async type="module" src="https://cdn.shopify.com/shopifycloud/shop-js/modules/v2/loader.init-shop-cart-sync.en.esm.js"></script>
vendor: 1 bytes, line 681
681
682<script type="module"> 683 await import("https://cdn.shopify.com/shopifycloud/shop-js/modules/v2/loader.init-shop-cart-sync.en.esm.js"); 684 685 window.Shopify.SignInWithShop?.initShopCartSync?.({"fedCMEnabled":true,"windoidEnabled":true}); 686 687</script>
vendor: 1 bytes, line 687
687
688<script> 689 window.Shopify = window.Shopify || {}; 690 if (!window.Shopify.featureAssets) window.Shopify.featureAssets = {}; 691 window.Shopify.featureAssets['shop-js'] = {"avatar":["modules/v2/loader.avatar.en.esm.js"],"checkout-modal":["modules/v2/loader.checkout-modal.en.esm.js"],"init-customer-accounts-sign-up":["modules/v2/loader.init-customer-accounts-sign-up.en.esm.js"],"init-customer-accounts":["modules/v2/loader.init-customer-accounts.en.esm.js"],"init-fed-cm":["modules/v2/loader.init-fed-cm.en.esm.js"],"init-shop-cart-sync":["modules/v2/loader.init-shop-cart-sync.en.esm.js"],"init-shop-email-lookup-coordinator":["modules/v2/loader.init-shop-email-lookup-coordinator.en.esm.js"],"init-shop-for-new-customer-accounts":["modules/v2/loader.init-shop-for-new-customer-accounts.en.esm.js"],"init-shop-user-recognition":["modules/v2/loader.init-shop-user-recognition.en.esm.js"],"init-windoid":["modules/v2/loader.init-windoid.en.esm.js"],"lead-capture":["modules/v2/loader.lead-capture.en.esm.js"],"listener":["modules/v2/loader.listener.en.esm.js"],"pay-button":["modules/v2/loader.pay-button.en.esm.js"],"payment-terms":["modules/v2/loader.payment-terms.en.esm.js"],"shop-button":["modules/v2/loader.shop-button.en.esm.js"],"shop-cart-sync":["modules/v2/loader.shop-cart-sync.en.esm.js"],"shop-cash-offers":["modules/v2/loader.shop-cash-offers.en.esm.js"],"shop-follow-button":["modules/v2/loader.shop-follow-button.en.esm.js"],"shop-login-button":["modules/v2/loader.shop-login-button.en.esm.js"],"shop-login":["modules/v2/loader.shop-login.en.esm.js"],"shop-toast-manager":["modules/v2/loader.shop-toast-manager.en.esm.js"],"shop-user-recognition":["modules/v2/loader.shop-user-recognition.en.esm.js"]}; 692</script>
vendor: 1 bytes, line 692
692
693<script>(function() { 694 var isLoaded = false; 695 function asyncLoad() { 696 if (isLoaded) return; 697 isLoaded = true; 698 var urls = ["\/\/www.powr.io\/powr.js?powr-token=olipop-store.myshopify.com\u0026external-type=shopify\u0026shop=olipop-store.myshopify.com","https:\/\/superfiliate-cdn.com\/storefront.js?shop=olipop-store.myshopify.com","https:\/\/config.gorgias.chat\/bundle-loader\/01GYCBRTCW1BSVKV4RDGWD144S?source=shopify1click\u0026shop=olipop-store.myshopify.com","https:\/\/bundle.dyn-rev.app\/loader.js?g_cvt_id=606b3ec6-434e-4406-977a-2f31d50b593d\u0026shop=olipop-store.myshopify.com","https:\/\/na.shgcdn3.com\/pixel-collector.js?shop=olipop-store.myshopify.com","\/\/cdn.shopify.com\/proxy\/7977e5caf48a8fd2886cb5ce33b3bc6fa81e666114b459b42428caf354afed59\/apps.bazaarvoice.com\/deployments\/olipop\/main_site\/production\/en_US\/bv.js?shop=olipop-store.myshopify.com\u0026sp-cache-control=cHVibGljLCBtYXgtYWdlPTkwMA","https:\/\/services.nofraud.com\/js\/device.js?shop=olipop-store.myshopify.com","https:\/\/shopify-extension.getredo.com\/main.js?widget_id=jmio6aqkm5hqvde\u0026shop=olipop-store.myshopify.com","\/\/backinstock.useamp.com\/widget\/18397_1783059051.js?category=bis\u0026v=6\u0026shop=olipop-store.myshopify.com"]; 699 for (var i = 0; i < urls.length; i++) { 700 var s = document.createElement('script'); 701 s.type = 'text/javascript'; 702 s.async = true; 703 s.src = urls[i]; 704 var x = document.getElementsByTagName('script')[0]; 705 x.parentNode.insertBefore(s, x); 706 } 707 }; 708 if(window.attachEvent) { 709 window.attachEvent('onload', asyncLoad); 710 } else { 711 window.addEventListener('load', asyncLoad, false); 712 } 713})();</script>
vendor: 1 bytes, line 713
713
714<script id="__st">var __st={"a":3466100806,"offset":-25200,"reqid":"0416b452-bdbc-498b-94ab-580825d4163a-1790276383","pageurl":"drinkolipop.com\/collections\/shop-9g-fiber","u":"5d6fea42f90a","p":"collection","rtyp":"collection","rid":641654685855};</script>
vendor: 1 bytes, line 714
714
715<script>window.ShopifyPaypalV4VisibilityTracking = true;</script>
vendor: 1 bytes, line 715
715
716<script id="captcha-bootstrap">!function(){'use strict';const t='contact',e='account',n='new_comment',o=[[t,t],['blogs',n],['comments',n],[t,'customer']],c=[[e,'customer_login'],[e,'guest_login'],[e,'recover_customer_password'],[e,'create_customer']],r=t=>t.map((([t,e])=>`form[action*='/${t}']:not([data-nocaptcha='true']) input[name='form_type'][value='${e}']`)).join(','),a=t=>()=>t?[...document.querySelectorAll(t)].map((t=>t.form)):[];function s(){const t=[...o],e=r(t);return a(e)}const i='password',u='form_key',d=['recaptcha-v3-token','g-recaptcha-response','h-captcha-response',i],f=()=>{try{return window.sessionStorage}catch{return}},m='__shopify_v',_=t=>t.elements[u];function p(t,e,n=!1){try{const o=window.sessionStorage,c=JSON.parse(o.getItem(e)),{data:r}=function(t){const{data:e,action:n}=t;return t[m]||n?{data:e,action:n}:{data:t,action:n}}(c);for(const[e,n]of Object.entries(r))t.elements[e]&&(t.elements[e].value=n);n&&o.removeItem(e)}catch(o){console.error('form repopulation failed',{error:o})}}const l='form_type',E='cptcha';function T(t){t.dataset[E]=!0}const w=window,h=w.document,L='Shopify',v='ce_forms',y='captcha';let A=!1;((t,e)=>{const n=(g='f06e6c50-85a8-45c8-87d0-21a2b65856fe',I='https://cdn.shopify.com/shopifycloud/storefront-forms-hcaptcha/ce_storefront_forms_captcha_hcaptcha.v1.5.3.iife.js',D={infoText:'Protected by hCaptcha',privacyText:'Privacy',termsText:'Terms'},(t,e,n)=>{const o=w[L][v],c=o.bindForm;if(c)return c(t,g,e,D).then(n);var r;o.q.push([[t,g,e,D],n]),r=I,A||(h.body.append(Object.assign(h.createElement('script'),{id:'captcha-provider',async:!0,src:r})),A=!0)});var g,I,D;w[L]=w[L]||{},w[L][v]=w[L][v]||{},w[L][v].q=[],w[L][y]=w[L][y]||{},w[L][y].protect=function(t,e){n(t,void 0,e),T(t)},Object.freeze(w[L][y]),function(t,e,n,w,h,L){const[v,y,A,g]=function(t,e,n){const i=e?o:[],u=t?c:[],d=[...i,...u],f=r(d),m=r(i),_=r(d.filter((([t,e])=>n.includes(e))));return[a(f),a(m),a(_),s()]}(w,h,L),I=t=>{const e=t.target;return e instanceof HTMLFormElement?e:e&&e.form},D=t=>v().includes(t);t.addEventListener('submit',(t=>{const e=I(t);if(!e)return;const n=D(e)&&!e.dataset.hcaptchaBound&&!e.dataset.recaptchaBound,o=_(e),c=g().includes(e)&&(!o||!o.value);(n||c)&&t.preventDefault(),c&&!n&&(function(t){try{if(!f())return;!function(t){const e=f();if(!e)return;const n=_(t);if(!n)return;const o=n.value;o&&e.removeItem(o)}(t);const e=Array.from(Array(32),(()=>Math.random().toString(36)[2])).join('');!function(t,e){_(t)||t.append(Object.assign(document.createElement('input'),{type:'hidden',name:u})),t.elements[u].value=e}(t,e),function(t,e){const n=f();if(!n)return;const o=[...t.querySelectorAll(`input[type='${i}']`)].map((({name:t})=>t)),c=[...d,...o],r={};for(const[a,s]of new FormData(t).entries())c.includes(a)||(r[a]=s);n.setItem(e,JSON.stringify({[m]:1,action:t.action,data:r}))}(t,e)}catch(e){console.error('failed to persist form',e)}}(e),e.submit())}));const S=(t,e)=>{t&&!t.dataset[E]&&(n(t,e.some((e=>e===t))),T(t))};for(const o of['focusin','change'])t.addEventListener(o,(t=>{const e=I(t);D(e)&&S(e,y())}));const B=e.get('form_key'),M=e.get(l),P=B&&M;t.addEventListener('DOMContentLoaded',(()=>{const t=y();if(P)for(const e of t)e.elements[l].value===M&&p(e,B);[...new Set([...A(),...v().filter((t=>'true'===t.dataset.shopifyCaptcha))])].forEach((e=>S(e,t)))}))}(h,new URLSearchParams(w.location.search),n,t,e,['guest_login'])})(!1,!0)}();</script>
vendor: 1 bytes, line 716
716
717<script integrity="sha256-JjoPp5ZfB1sSAs5SQaol1x1GgvveM+BgmRzyDexInEQ=" data-source-attribution="shopify.loadfeatures" defer="defer" src="//drinkolipop.com/cdn/shopifycloud/storefront/assets/storefront/load_feature-1bd60354.js" crossorigin="anonymous"></script>
vendor: 1 bytes, line 717
717
718<script>(function () {var userAgent = navigator.userAgent;var platform = navigator.platform;var maxTouchPoints = navigator.maxTouchPoints || 0;var isIOS = /iPad|iPhone|iPod/.test(platform) || (platform === 'MacIntel' && maxTouchPoints > 1);var isMacSafari = platform.indexOf('Mac') === 0 && /Safari/.test(userAgent) && !/Chrome|Chromium|CriOS|FxiOS|Edg|OPR|Android/.test(userAgent);var isAppleSafari = isIOS || isMacSafari;if (isAppleSafari) {fetch('/sf_private_access_tokens' + location.search).catch(function () {});}function browserMajorVersion(pattern) {var match = userAgent.match(pattern);return match ? parseInt(match[1], 10) : null;}function shouldLoadAutosizesPolyfill() {if (!window.PerformanceObserver?.supportedEntryTypes?.includes('paint')) {return false;}var chromeVersion = browserMajorVersion(/Chrome\/(\d+)/);if (chromeVersion !== null) {return chromeVersion < 126;}var firefoxVersion = browserMajorVersion(/Firefox\/(\d+)/);if (firefoxVersion !== null) {return firefoxVersion < 150;}var safariVersion = isAppleSafari ? browserMajorVersion(/Version\/(\d+).*Safari\//) : null;if (safariVersion !== null) {return safariVersion < 27;}return true;}if (shouldLoadAutosizesPolyfill()) {var autosizesScript = document.createElement('script');autosizesScript.async = true;autosizesScript.crossOrigin = 'anonymous';autosizesScript.src = "//drinkolipop.com/cdn/shopifycloud/storefront/assets/storefront/autosizes-84416378.js";(document.head || document.documentElement).appendChild(autosizesScript);}window.ShopifyAnalytics = window.ShopifyAnalytics || {};window.ShopifyAnalytics.performance = window.ShopifyAnalytics.performance || {};(function () {var LONG_FRAME_THRESHOLD = 50;var longAnimationFrames = [];var activeRafId = null;function collectLongFrames() {var previousTime = null;function rafMonitor(now) {if (activeRafId === null) {return;}var delta = now - previousTime;if (delta > LONG_FRAME_THRESHOLD) {longAnimationFrames.push({startTime: previousTime,endTime: now,});}previousTime = now;activeRafId = requestAnimationFrame(rafMonitor);}previousTime = performance.now();activeRafId = requestAnimationFrame(rafMonitor);}if (!window.PerformanceObserver?.supportedEntryTypes?.includes('long-animation-frame')) {collectLongFrames();var timeoutId = setTimeout(function () {cancelAnimationFrame(activeRafId);}, 10000);window.ShopifyAnalytics.performance.getLongAnimationFrames = function (stopCollection) {if (stopCollection === undefined) {stopCollection = false;}if (stopCollection) {clearTimeout(timeoutId);cancelAnimationFrame(activeRafId);}return longAnimationFrames;};}})();})();</script>
718<script crossorigin="anonymous" defer="defer" src="//drinkolipop.com/cdn/shopifycloud/storefront/assets/shopify_pay/storefront-616277c7.js?v=20250812"></script>
vendor: 1 bytes, line 718
718
719<script id="shopify-origin-trials" async="async" integrity="sha256-qJbe/jEZBHtr5W/BlA2cKAz3vkXu6vJQyLjgvgCC86g=" src="//cdn.shopify.com/shopifycloud/storefront/assets/storefront/origin_trials-318ab40a.js" crossorigin="anonymous" onload="window.__shopifyOriginTrialsDone = true" onerror="window.__shopifyOriginTrialsDone = true"></script>
vendor: 1 bytes, line 719
719
720<script> 721 window.Shopify = window.Shopify || {}; 722 window.Shopify.MCP = window.Shopify.MCP || {}; 723 window.Shopify.MCP.enabled = true; 724 window.Shopify.MCP.shop = "olipop-store.myshopify.com"; 725 window.Shopify.MCP.mcpEndpoint = "https:\/\/drinkolipop.com\/api\/mcp"; 726 window.Shopify.MCP.tools = [{"name":"search_shop_policies_and_faqs","description":"Used to get facts about the stores policies, products, or services.\nSome examples of questions you can ask are:\n - What is your return policy?\n - What is your shipping policy?\n - What is your phone number?\n - What are your hours of operation?\"\n","inputSchema":{"$schema":"https:\/\/json-schema.org\/draft\/2020-12\/schema","type":"object","properties":{"query":{"type":"string","description":"A natural language query."},"context":{"type":"string","description":"Additional information about the request such as user demographics, mood, location, or other relevant details that could help in tailoring the response appropriately."}},"required":["query"]}}]; 727</script>
vendor: 1 bytes, line 727
727
728<script>(()=>{var d="shopify:webmcp_adapter_loaded",n=Symbol.for("shopify.webmcp_adapter_loading");function s(c,a,{win:r=window,doc:o=document}={}){function p(){try{return r.localStorage.getItem(d)==="true"}catch{return!1}}function l(){try{r.localStorage.setItem(d,"true")}catch{}}function u(){return typeof(o.modelContext||r.navigator?.modelContext)?.registerTool=="function"}function f(){if(r[n]||!u())return;let t=o.head||o.getElementsByTagName("head")[0];if(!t)return;let e=o.createElement("script");e.type="module",e.crossOrigin="anonymous",a&&(e.integrity=a),e.src=c,e.addEventListener("load",l,{once:!0}),e.addEventListener("error",()=>{r[n]=!1},{once:!0}),t.appendChild(e),r[n]=!0}function _(t){let e=o.getElementById("shopify-origin-trials");if(!e||r.__shopifyOriginTrialsDone){t();return}e.addEventListener("load",t,{once:!0}),e.addEventListener("error",t,{once:!0})}function i(){_(()=>r.setTimeout(f,0))}function m(){o.addEventListener("DOMContentLoaded",i,{once:!0})}p()?i():m()}s("\/\/drinkolipop.com\/cdn\/shopifycloud\/storefront\/assets\/storefront\/webmcp-c6b62ece.js","sha256-ke4DDuBjdvea3vxLWxHc9E9nq8zihuG4IfYEGbb77ys=");})(); 729</script>
vendor: 1 bytes, line 729
729
730<script data-source-attribution="shopify.dynamic_checkout.dynamic.init">var Shopify=Shopify||{};Shopify.PaymentButton=Shopify.PaymentButton||{isStorefrontPortableWallets:!0,init:function(){window.Shopify.PaymentButton.init=function(){};var t=document.createElement("script");t.src="https://drinkolipop.com/cdn/shopifycloud/portable-wallets/latest/portable-wallets.en.js",t.type="module",document.head.appendChild(t)}}; 731</script>
vendor: 1 bytes, line 731
731
732<script data-source-attribution="shopify.dynamic_checkout.buyer_consent"> 733 function portableWalletsHideBuyerConsent(e){var t=document.getElementById("shopify-buyer-consent"),n=document.getElementById("shopify-subscription-policy-button");t&&n&&(t.classList.add("hidden"),t.setAttribute("aria-hidden","true"),n.removeEventListener("click",e))}function portableWalletsShowBuyerConsent(e){var t=document.getElementById("shopify-buyer-consent"),n=document.getElementById("shopify-subscription-policy-button");t&&n&&(t.classList.remove("hidden"),t.removeAttribute("aria-hidden"),n.addEventListener("click",e))}window.Shopify?.PaymentButton&&(window.Shopify.PaymentButton.hideBuyerConsent=portableWalletsHideBuyerConsent,window.Shopify.PaymentButton.showBuyerConsent=portableWalletsShowBuyerConsent); 734</script>
vendor: 1 bytes, line 734
734
735<script data-source-attribution="shopify.dynamic_checkout.cart.bootstrap">document.addEventListener("DOMContentLoaded",(function(){function t(){return document.querySelector("shopify-accelerated-checkout-cart, shopify-accelerated-checkout")}if(t())Shopify.PaymentButton.init();else{new MutationObserver((function(e,n){t()&&(Shopify.PaymentButton.init(),n.disconnect())})).observe(document.body,{childList:!0,subtree:!0})}})); 736</script>
736 737<link id="shopify-accelerated-checkout-styles" rel="stylesheet" media="screen" href="https://drinkolipop.com/cdn/shopifycloud/portable-wallets/latest/accelerated-checkout-backwards-compat.css" crossorigin="anonymous"> 738<style id="shopify-accelerated-checkout-cart"> 739 #shopify-buyer-consent { 740 margin-top: 1em; 741 display: inline-block; 742 width: 100%; 743} 744 745#shopify-buyer-consent.hidden { 746 display: none; 747} 748 749#shopify-subscription-policy-button { 750 background: none; 751 border: none; 752 padding: 0; 753 text-decoration: underline; 754 font-size: inherit; 755 cursor: pointer; 756} 757 758#shopify-subscription-policy-button::before { 759 box-shadow: none; 760} 761 762 </style> 763
764<script id="shopify-cfh-end">window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.end');</script>
764 765 766 767 768 769 770 771
771<script type="text/javascript"> 772 773 window.__shgMoneyFormat = window.__shgMoneyFormat || {"USD":{"currency":"USD","currency_symbol":"$","currency_symbol_location":"left","decimal_places":2,"decimal_separator":".","thousands_separator":","}}; 774 775 window.__shgCurrentCurrencyCode = window.__shgCurrentCurrencyCode || { 776 currency: "USD", 777 currency_symbol: "$", 778 decimal_separator: ".", 779 thousands_separator: ",", 780 decimal_places: 2, 781 currency_symbol_location: "left" 782 }; 783 </script>
783 784 785 786 787 788 789
790<script type="text/javascript"> 791 792 window.SHG_CUSTOMER = null; 793 794</script>
794 795 796 797 798 799 800 801 802
802<script type="text/javascript"> 803 (function (a, b, c, d, e, f, g) { 804 e['ire_o'] = c; 805 e[c] = 806 e[c] || 807 function () { 808 (e[c].a = e[c].a || []).push(arguments); 809 }; 810 f = d.createElement(b); 811 g = d.getElementsByTagName(b)[0]; 812 f.async = 1; 813 f.src = a; 814 g.parentNode.insertBefore(f, g); 815 })('https://utt.impactcdn.com/A2662258-414b-48e3-94ab-d5cc41204ee91.js', 'script', 'ire', document, window); 816</script>
816 817 818 819 820 821 822
823<script type="text/javascript" async="" src="https://static.klaviyo.com/onsite/js/PbvgDc/klaviyo.js"></script>
823 824
825<script type="text/javascript"> 826 var _learnq = _learnq || []; 827 828 829 var page_item = { 830 "Page": "olipop-9g-fiber-line", 831 "Path": "/collections/shop-9g-fiber" 832 }; 833 _learnq.push(["track", "Viewed Page", page_item]); 834 835 836</script>
836 837 838 839 840 841 842 843 844 845 846 847 848
848<script src="https://shop.basketful.co/basketful.js" defer async></script>
848 849 850
850<script src="//drinkolipop.com/cdn/shop/t/1366/assets/manifest.min.js?v=124651888751126447011773709641" type="text/javascript"></script>
vendor: 1 bytes, line 850
850
851<script src="//drinkolipop.com/cdn/shop/t/1366/assets/vendor.min.js?v=32262416620800875671773709641" type="text/javascript"></script>
vendor: 1 bytes, line 851
851
852<script src="//drinkolipop.com/cdn/shop/t/1366/assets/app.min.js?v=89531106029643191081787148487" type="text/javascript"></script>
852 853 854 855
855<script type="text/javascript"> 856 (function (c, l, a, r, i, t, y) { 857 c[a] = 858 c[a] || 859 function () { 860 (c[a].q = c[a].q || []).push(arguments); 861 }; 862 t = l.createElement(r); 863 t.async = 1; 864 t.src = 'https://www.clarity.ms/tag/' + i; 865 y = l.getElementsByTagName(r)[0]; 866 y.parentNode.insertBefore(t, y); 867 })(window, document, 'clarity', 'script', 'm5uhteaodo'); 868 </script>
868 869 870 871 872
872<script type="text/javascript" async="true" src="https://d334twvzz0qrmj.cloudfront.net/70a0ac8d.js"></script>
872 873
873<script> 874 document.addEventListener('DOMContentLoaded', () => { 875 if (window?.gtag) { 876 window.gtag('event', 'BrandlockTest', { bl_ea: 'BrandlockTest', bl_el: 'BrandlockTest' }); 877 window.gtag('event', 'BrandlockTest', { bl_ea: 'HijackShopper-ON', bl_el: 'Test' }); 878 } 879 }); 880 </script>
880 881 882 883 884<!-- BEGIN app block: shopify://apps/intelligems-a-b-testing/blocks/intelligems-script/fa83b64c-0c77-4c0c-b4b2-b94b42f5ef19 -->
884<script> 885 window._template = { 886 directory: "", 887 name: "collection", 888 suffix: "" 889 }; 890 window.__productIdFromTemplate = null; 891 window.__plpCollectionIdFromTemplate = 641654685855; 892 window.igProductData = (function() { 893 const data = {};data["10910759354527"] = { 894 productId: 10910759354527, 895 handle: "caramel-apple", 896 tags: [], 897 collectionIds: [641654685855,290783363231,290552184991,264194719903,301283410079,294313492639,300700958879,641687879839], 898 inventory: 18665, 899 lowestVariantPrice: 3599 900 };data["5871016640671"] = { 901 productId: 5871016640671, 902 handle: "blackberry-vanilla", 903 tags: [], 904 collectionIds: [641654685855,641839169695,290783363231,290552184991,264194719903,301283410079,294313492639,641688699039,300700958879,280185536671], 905 inventory: 39393, 906 lowestVariantPrice: 3599 907 };data["7478573498527"] = { 908 productId: 7478573498527, 909 handle: "crisp-apple", 910 tags: ["upc-850027702193"], 911 collectionIds: [641654685855,641839169695,290783363231,290552184991,264194719903,301283410079,294313492639,640796360863,300700958879,640712409247,280185536671], 912 inventory: 20707, 913 lowestVariantPrice: 3599 914 };data["6866436948127"] = { 915 productId: 6866436948127, 916 handle: "classic-grape", 917 tags: ["upc-860003223390"], 918 collectionIds: [641654685855,641839169695,290783363231,290552184991,264194719903,301283410079,294313492639,640796360863,135629439046,300700958879,275530711199,640712409247,280185536671], 919 inventory: 48541, 920 lowestVariantPrice: 3599 921 };data["4350717460544"] = { 922 productId: 4350717460544, 923 handle: "classic-root-beer", 924 tags: ["spo-enabled","upc-860439001067"], 925 collectionIds: [641654685855,641839169695,290783363231,290552184991,264194719903,301283410079,294313492639,640796360863,135629439046,300700958879,275530711199,640712409247,280185536671], 926 inventory: 48941, 927 lowestVariantPrice: 3599 928 };data["3818023125062"] = { 929 productId: 3818023125062, 930 handle: "vintage-cola", 931 tags: ["upc-860439001005"], 932 collectionIds: [641654685855,641839169695,290783363231,290552184991,264194719903,301283410079,294313492639,640796360863,300700958879,640712409247,280185536671], 933 inventory: 8452, 934 lowestVariantPrice: 3599 935 };data["7413651636383"] = { 936 productId: 7413651636383, 937 handle: "cream-soda", 938 tags: ["upc-850027702186"], 939 collectionIds: [641654685855,641839169695,290783363231,290552184991,264194719903,301283410079,294313492639,640798195871,640796360863,300700958879,275530711199,640712409247,280185536671], 940 inventory: 68575, 941 lowestVariantPrice: 3599 942 };data["3818021027910"] = { 943 productId: 3818021027910, 944 handle: "strawberry-vanilla", 945 tags: ["product::strawberry-vanilla","spo-disabled","upc-860439001012"], 946 collectionIds: [641654685855,641839169695,290783363231,290552184991,264194719903,301283410079,294313492639,640796360863,135629439046,300700958879,275530711199,640712409247,280185536671], 947 inventory: 86905, 948 lowestVariantPrice: 3599 949 };data["7502145421471"] = { 950 productId: 7502145421471, 951 handle: "cherry-cola", 952 tags: ["upc-850027702261"], 953 collectionIds: [641654685855,641839169695,290783363231,290552184991,264194719903,301283410079,294313492639,640798195871,640796360863,300700958879,275530711199,640712409247,280185536671], 954 inventory: 54246, 955 lowestVariantPrice: 3599 956 };data["6604538577055"] = { 957 productId: 6604538577055, 958 handle: "orange-cream", 959 tags: [], 960 collectionIds: [641654685855,641839169695,290783363231,290552184991,264194719903,301283410079,294313492639,640798195871,640796360863,300700958879,275530711199,280185536671], 961 inventory: 52869, 962 lowestVariantPrice: 3599 963 };data["9247375851679"] = { 964 productId: 9247375851679, 965 handle: "peaches-and-cream", 966 tags: [], 967 collectionIds: [641654685855,641839169695,290783363231,290552184991,264194719903,301283410079,294313492639,640796360863,135629439046,300700958879,275530711199,640712409247,280185536671], 968 inventory: 45241, 969 lowestVariantPrice: 3599 970 };data["9038878015647"] = { 971 productId: 9038878015647, 972 handle: "ginger-ale", 973 tags: [], 974 collectionIds: [641654685855,641839169695,290783363231,290552184991,264194719903,301283410079,294313492639,640796360863,300700958879,640712409247,280185536671], 975 inventory: 4311, 976 lowestVariantPrice: 3599 977 };data["5538631712927"] = { 978 productId: 5538631712927, 979 handle: "orange-squeeze", 980 tags: ["spo-enabled","upc-860439001081"], 981 collectionIds: [641654685855,641839169695,290783363231,290552184991,264194719903,301283410079,294313492639,640796360863,135629439046,300700958879,275530711199,280185536671], 982 inventory: 54505, 983 lowestVariantPrice: 3599 984 };data["9407865061535"] = { 985 productId: 9407865061535, 986 handle: "citrus-rush", 987 tags: [], 988 collectionIds: [641654685855,641839169695,290783363231,290552184991,264194719903,301283410079,294313492639,640796360863,300700958879,275530711199,640712409247,280185536671], 989 inventory: 15488, 990 lowestVariantPrice: 3599 991 };data["7413651832991"] = { 992 productId: 7413651832991, 993 handle: "doctor-goodwin", 994 tags: ["rebuy-30-off","upc-850027702209"], 995 collectionIds: [641654685855,641839169695,290783363231,290552184991,264194719903,301283410079,294313492639,640796360863,300700958879,275530711199,280185536671,301084442783], 996 inventory: 30905, 997 lowestVariantPrice: 3599 998 };data["4452820189248"] = { 999 productId: 4452820189248, 1000 handle: "cherry-vanilla", 1001 tags: ["spo-enabled","upc-860003223307"], 1002 collectionIds: [641654685855,641839169695,290783363231,290552184991,264194719903,301283410079,294313492639,640796360863,135629439046,300700958879,275530711199,280185536671], 1003 inventory: 9364, 1004 lowestVariantPrice: 3599 1005 };data["3818021912646"] = { 1006 productId: 3818021912646, 1007 handle: "ginger-lemon", 1008 tags: ["spo-disabled","upc-860439001029"], 1009 collectionIds: [641654685855,641839169695,290783363231,290552184991,264194719903,301283410079,294313492639,640796360863,300700958879,275530711199,280185536671], 1010 inventory: 20162, 1011 lowestVariantPrice: 3599 1012 };data["7323931246751"] = { 1013 productId: 7323931246751, 1014 handle: "tropical-punch", 1015 tags: ["spo-enabled","upc-850027702049"], 1016 collectionIds: [641654685855,641839169695,290783363231,290552184991,264194719903,301283410079,294313492639,640796360863,300700958879,275530711199,280185536671], 1017 inventory: 11273, 1018 lowestVariantPrice: 3599 1019 };data["7612616376479"] = { 1020 productId: 7612616376479, 1021 handle: "lemon-lime", 1022 tags: ["Faire-Lemon-Lime","rebuy-30-off","upc-850027702285"], 1023 collectionIds: [641654685855,641839169695,290783363231,290552184991,264194719903,301283410079,294313492639,640796360863,300700958879,275530711199,280185536671,301084442783], 1024 inventory: 28329, 1025 lowestVariantPrice: 3599 1026 };data["7682917990559"] = { 1027 productId: 7682917990559,
1028 handle: "watermelon-lime", 1029 tags: ["upc-850027702360"], 1030 collectionIds: [641654685855,641839169695,290783363231,290552184991,264194719903,301283410079,294313492639,640796360863,300700958879,275530711199,280185536671], 1031 inventory: 19014, 1032 lowestVariantPrice: 3599 1033 };data["7401847029919"] = { 1034 productId: 7401847029919, 1035 handle: "banana-cream", 1036 tags: ["upc-85002770224"], 1037 collectionIds: [641654685855,641839169695,290783363231,290552184991,264194719903,301283410079,294313492639,640796360863,300700958879,275530711199,280185536671], 1038 inventory: 25464, 1039 lowestVariantPrice: 3599 1040 };return data; 1041 })(); 1042</script>
1042 1043
1044<script type="module" blocking="render" fetchpriority="high" src="https://cdn.intelligems.io/esm/586d1e84f592/bundle.js" data-em-disable async></script>
1044 1045 1046 1047<!-- END app block --><!-- BEGIN app block: shopify://apps/keepcart-coupon-protect/blocks/keepcart/6c9b264a-3284-48f2-a6f6-2836be6ada2a --> 1048 1049 1050 1051
1052<script src="https://cdn.shopify.com/extensions/01a0cff8-2c69-745f-8772-fd89b29d2d4b/keepcart-2-253/assets/vars.generated.js" defer="defer"></script>
1052 1053 1054
1054<script src="https://cdn.shopify.com/extensions/01a0cff8-2c69-745f-8772-fd89b29d2d4b/keepcart-2-253/assets/keepcart-embed-catalog.min.js" defer="defer"></script>
1054 1055
1056<script src="https://cdn.shopify.com/extensions/01a0cff8-2c69-745f-8772-fd89b29d2d4b/keepcart-2-253/assets/keepcart-embed-deferred.min.js" defer="defer"></script>
1056 1057 1058 1059 <style> 1060 #kc-discount-banner { 1061 1062 --kc-banner-bg: #1a1a1a; 1063 1064 1065 --kc-banner-color: #f5f5f5; 1066 1067 --kc-banner-font-size: 15px; 1068 --kc-banner-font: Helvetica, Arial, sans-serif; 1069 } 1070 1071 </style> 1072
1072<script> 1073 window.__KC_BANNER_CONFIG__ = { 1074 position: "bottom", 1075 autoHide: 7, 1076 animate: true, 1077 message: "Discount [code] applied - [value] off your order!" 1078 }; 1079 </script>
1079 1080 1081 1082 1083<!-- END app block --><!-- BEGIN app block: shopify://apps/triplewhale/blocks/triple_pixel_snippet/483d496b-3f1a-4609-aea7-8eee3b6b7a2a --><link rel='preconnect dns-prefetch' href='https://api.config-security.com/' crossorigin /> 1084<link rel='preconnect dns-prefetch' href='https://conf.config-security.com/' crossorigin />
1085<script> 1086/* >> TriplePixel :: start*/ 1087window.TriplePixelData={TripleName:"olipop-store.myshopify.com",ver:"2.16",plat:"SHOPIFY",isHeadless:false,src:'SHOPIFY_EXT',product:{id:"",name:``,price:"",variant:"",av:{ }},search:"",collection:"641654685855",cart:"",template:"collection",curr:"USD" || "USD", market:"3724869791"},function(W,H,A,L,E,_,B,N){function O(U,T,P,H,R){void 0===R&&(R=!1),H=new XMLHttpRequest,P?(H.open("POST",U,!0),H.setRequestHeader("Content-Type","text/plain")):H.open("GET",U,!0),H.send(JSON.stringify(P||{})),H.onreadystatechange=function(){4===H.readyState&&200===H.status?(R=H.responseText,U.includes("/first")?eval(R):P||(N[B]=R)):(299<H.status||H.status<200)&&T&&!R&&(R=!0,O(U,T-1,P))}}if(N=window,!N[H+"sn"]){N[H+"sn"]=1,L=function(){return Date.now().toString(36)+"_"+Math.random().toString(36)};try{A.setItem(H,1+(0|A.getItem(H)||0)),(E=JSON.parse(A.getItem(H+"U")||"[]")).push({u:location.href,r:document.referrer,t:Date.now(),id:L()}),A.setItem(H+"U",JSON.stringify(E))}catch(e){}var i,m,p;A.getItem('"!nC`')||(_=A,A=N,A[H]||(E=A[H]=function(t,e,i){return void 0===i&&(i=[]),"State"==t?E.s:(W=L(),(E._q=E._q||[]).push([W,t,e].concat(i)),W)},E.s="Installed",E._q=[],E.ch=W,B="configSecurityConfModel",N[B]=1,O("https://conf.config-security.com/model",5),i=L(),m=A[atob("c2NyZWVu")],_.setItem("di_pmt_wt",i),p={id:i,action:"profile",avatar:_.getItem("auth-security_rand_salt_"),time:m[atob("d2lkdGg=")]+":"+m[atob("aGVpZ2h0")],host:A.TriplePixelData.TripleName,plat:A.TriplePixelData.plat,url:window.location.href.slice(0,500),ref:document.referrer,ver:A.TriplePixelData.ver},O("https://api.config-security.com/event",5,p),O("https://api.config-security.com/first?host=".concat(p.host,"&plat=").concat(p.plat),5)))}}("","TriplePixel",localStorage); 1088/* << TriplePixel :: end*/ 1089</script>
1089 1090 1091 1092 1093<!-- END app block --><!-- BEGIN app block: shopify://apps/attributepro/blocks/cart_attributes/e1a73f15-800a-4f25-9c6e-952ac434f07b -->
1093<script> 1094var xhook=function(){"use strict";const e=(e,t)=>Array.prototype.slice.call(e,t);let t=null;"undefined"!=typeof WorkerGlobalScope&&self instanceof WorkerGlobalScope?t=self:"undefined"!=typeof global?t=global:window&&(t=window);const n=t,o=t.document,r=["load","loadend","loadstart"],s=["progress","abort","error","timeout"],a=e=>["returnValue","totalSize","position"].includes(e),i=function(e,t){for(let n in e){if(a(n))continue;const o=e[n];try{t[n]=o}catch(e){}}return t},c=function(e,t,n){const o=e=>function(o){const r={};for(let e in o){if(a(e))continue;const s=o[e];r[e]=s===t?n:s}return n.dispatchEvent(e,r)};for(let r of Array.from(e))n._has(r)&&(t[`on${r}`]=o(r))},u=function(e){if(o&&null!=o.createEventObject){const t=o.createEventObject();return t.type=e,t}try{return new Event(e)}catch(t){return{type:e}}},l=function(t){let n={};const o=e=>n[e]||[],r={addEventListener:function(e,t,r){n[e]=o(e),n[e].indexOf(t)>=0||(r=void 0===r?n[e].length:r,n[e].splice(r,0,t))},removeEventListener:function(e,t){if(void 0===e)return void(n={});void 0===t&&(n[e]=[]);const r=o(e).indexOf(t);-1!==r&&o(e).splice(r,1)},dispatchEvent:function(){const n=e(arguments),s=n.shift();t||(n[0]=i(n[0],u(s)),Object.defineProperty(n[0],"target",{writable:!1,value:this}));const a=r[`on${s}`];a&&a.apply(r,n);const c=o(s).concat(o("*"));for(let e=0;e<c.length;e++){c[e].apply(r,n)}},_has:e=>!(!n[e]&&!r[`on${e}`])};return t&&(r.listeners=t=>e(o(t)),r.on=r.addEventListener,r.off=r.removeEventListener,r.fire=r.dispatchEvent,r.once=function(e,t){var n=function(){return r.off(e,n),t.apply(null,arguments)};return r.on(e,n)},r.destroy=()=>n={}),r};var f=function(e,t){switch(typeof e){case"object":return n=e,Object.entries(n).map((([e,t])=>`${e.toLowerCase()}: ${t}`)).join("\r\n");case"string":return function(e,t){const n=e.split("\r\n");null==t&&(t={});for(let e of n)if(/([^:]+):\s*(.+)/.test(e)){const e=null!=RegExp.$1?RegExp.$1.toLowerCase():void 0,n=RegExp.$2;null==t[e]&&(t[e]=n)}return t}(e,t)}var n;return[]};const d=l(!0),p=e=>void 0===e?null:e,h=n.XMLHttpRequest,y=function(){const e=new h,t={};let n,o,a,u=null;var y=0;const v=function(){if(a.status=u||e.status,-1!==u&&(a.statusText=e.statusText),-1===u);else{const t=f(e.getAllResponseHeaders());for(let e in t){const n=t[e];if(!a.headers[e]){const t=e.toLowerCase();a.headers[t]=n}}}},b=function(){x.status=a.status,x.statusText=a.statusText},g=function(){n||x.dispatchEvent("load",{}),x.dispatchEvent("loadend",{}),n&&(x.readyState=0)},E=function(e){for(;e>y&&y<4;)x.readyState=++y,1===y&&x.dispatchEvent("loadstart",{}),2===y&&b(),4===y&&(b(),"text"in a&&(x.responseText=a.text),"xml"in a&&(x.responseXML=a.xml),"data"in a&&(x.response=a.data),"finalUrl"in a&&(x.responseURL=a.finalUrl)),x.dispatchEvent("readystatechange",{}),4===y&&(!1===t.async?g():setTimeout(g,0))},m=function(e){if(4!==e)return void E(e);const n=d.listeners("after");var o=function(){if(n.length>0){const e=n.shift();2===e.length?(e(t,a),o()):3===e.length&&t.async?e(t,a,o):o()}else E(4)};o()};var x=l();t.xhr=x,e.onreadystatechange=function(t){try{2===e.readyState&&v()}catch(e){}4===e.readyState&&(o=!1,v(),function(){if(e.responseType&&"text"!==e.responseType)"document"===e.responseType?(a.xml=e.responseXML,a.data=e.responseXML):a.data=e.response;else{a.text=e.responseText,a.data=e.responseText;try{a.xml=e.responseXML}catch(e){}}"responseURL"in e&&(a.finalUrl=e.responseURL)}()),m(e.readyState)};const w=function(){n=!0};x.addEventListener("error",w),x.addEventListener("timeout",w),x.addEventListener("abort",w),x.addEventListener("progress",(function(t){y<3?m(3):e.readyState<=3&&x.dispatchEvent("readystatechange",{})})),"withCredentials"in e&&(x.withCredentials=!1),x.status=0;for(let e of Array.from(s.concat(r)))x[`on${e}`]=null;if(x.open=function(e,r,s,i,c){y=0,n=!1,o=!1,t.headers={},t.headerNames={},t.status=0,t.method=e,t.url=r,t.async=!1!==s,t.user=i,t.pass=c,a={},a.headers={},m(1)},x.send=function(n){let u,l;for(u of["type","timeout","withCredentials"])l="type"===u?"responseType":u,l in x&&(t[u]=x[l]);t.body=n;const f=d.listeners("before");var p=function(){if(!f.length)return function(){for(u of(c(s,e,x),x.upload&&c(s.concat(r),e.upload,x.upload),o=!0,e.open(t.method,t.url,t.async,t.user,t.pass),["type","timeout","withCredentials"]))l="type"===u?"responseType":u,u in t&&(e[l]=t[u]);for(let n in t.headers){const o=t.headers[n];n&&e.setRequestHeader(n,o)}e.send(t.body)}();const n=function(e){if("object"==typeof e&&("number"==typeof e.status||"number"==typeof a.status))return i(e,a),"data"in e||(e.data=e.response||e.text),void m(4);p()};n.head=function(e){i(e,a),m(2)},n.progress=function(e){i(e,a),m(3)};const d=f.shift();1===d.length?n(d(t)):2===d.length&&t.async?d(t,n):n()};p()},x.abort=function(){u=-1,o?e.abort():x.dispatchEvent("abort",{})},x.setRequestHeader=function(e,n){const o=null!=e?e.toLowerCase():void 0,r=t.headerNames[o]=t.headerNames[o]||e;t.headers[r]&&(n=t.headers[r]+", "+n),t.headers[r]=n},x.getResponseHeader=e=>p(a.headers[e?e.toLowerCase():void 0]),x.getAllResponseHeaders=()=>p(f(a.headers)),e.overrideMimeType&&(x.overrideMimeType=function(){e.overrideMimeType.apply(e,arguments)}),e.upload){let e=l();x.upload=e,t.upload=e}return x.UNSENT=0,x.OPENED=1,x.HEADERS_RECEIVED=2,x.LOADING=3,x.DONE=4,x.response="",x.responseText="",x.responseXML=null,x.readyState=0,x.statusText="",x};y.UNSENT=0,y.OPENED=1,y.HEADERS_RECEIVED=2,y.LOADING=3,y.DONE=4;var v={patch(){h&&(n.XMLHttpRequest=y)},unpatch(){h&&(n.XMLHttpRequest=h)},Native:h,Xhook:y};
1094function b(e,t,n,o){return new(n||(n=Promise))((function(r,s){function a(e){try{c(o.next(e))}catch(e){s(e)}}function i(e){try{c(o.throw(e))}catch(e){s(e)}}function c(e){var t;e.done?r(e.value):(t=e.value,t instanceof n?t:new n((function(e){e(t)}))).then(a,i)}c((o=o.apply(e,t||[])).next())}))}const g=n.fetch;function E(e){return e instanceof Headers?m([...e.entries()]):Array.isArray(e)?m(e):e}function m(e){return e.reduce(((e,[t,n])=>(e[t]=n,e)),{})}const x=function(e,t={headers:{}}){let n=Object.assign(Object.assign({},t),{isFetch:!0});if(e instanceof Request){const o=function(e){let t={};return["method","headers","body","mode","credentials","cache","redirect","referrer","referrerPolicy","integrity","keepalive","signal","url"].forEach((n=>t[n]=e[n])),t}(e),r=Object.assign(Object.assign({},E(o.headers)),E(n.headers));n=Object.assign(Object.assign(Object.assign({},o),t),{headers:r,acceptedRequest:!0})}else n.url=e;const o=d.listeners("before"),r=d.listeners("after");return new Promise((function(t,s){let a=t;const i=function(e){if(!r.length)return a(e);const t=r.shift();return 2===t.length?(t(n,e),i(e)):3===t.length?t(n,e,i):i(e)},c=function(e){if(void 0!==e){const n=new Response(e.body||e.text,e);return t(n),void i(n)}u()},u=function(){if(!o.length)return void l();const e=o.shift();return 1===e.length?c(e(n)):2===e.length?e(n,c):void 0},l=()=>b(this,void 0,void 0,(function*(){const{url:t,isFetch:o,acceptedRequest:r}=n,c=function(e,t){var n={};for(var o in e)Object.prototype.hasOwnProperty.call(e,o)&&t.indexOf(o)<0&&(n[o]=e[o]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var r=0;for(o=Object.getOwnPropertySymbols(e);r<o.length;r++)t.indexOf(o[r])<0&&Object.prototype.propertyIsEnumerable.call(e,o[r])&&(n[o[r]]=e[o[r]])}return n}(n,["url","isFetch","acceptedRequest"]);return e instanceof Request&&c.body instanceof ReadableStream&&(c.body=yield new Response(c.body).text()),g(t,c).then((e=>i(e))).catch((function(e){return a=s,i(e),s(e)}))}));u()}))};var w={patch(){g&&(n.fetch=x)},unpatch(){g&&(n.fetch=g)},Native:g,Xhook:x};const O=d;return O.EventEmitter=l,O.before=function(e,t){if(e.length<1||e.length>2)throw"invalid hook";return O.on("before",e,t)},O.after=function(e,t){if(e.length<2||e.length>3)throw"invalid hook";return O.on("after",e,t)},O.enable=function(){v.patch(),w.patch()},O.disable=function(){v.unpatch(),w.unpatch()},O.XMLHttpRequest=v.Native,O.fetch=w.Native,O.headers=f,O.enable(),O}(); 1095</script>
vendor: 1 bytes, line 1095
1095
vendor: 5,375 bytes, lines 1096-1282
1096<script> 1097;(function(root, factory) { 1098 if (typeof define === "function" && define.amd) { 1099 define(factory); 1100 } else if (typeof exports === "object") { 1101 module.exports = factory(); 1102 } else { 1103 root.jsonLogic = factory(); 1104 } 1105}(this, function() { 1106 "use strict"; 1107 /* globals console:false */ 1108 1109 if ( ! Array.isArray) { 1110 Array.isArray = function(arg) { 1111 return Object.prototype.toString.call(arg) === "[object Array]"; 1112 }; 1113 } 1114 1115 /** 1116 * Return an array that contains no duplicates (original not modified) 1117 * @param {array} array Original reference array 1118 * @return {array} New array with no duplicates 1119 */ 1120 function arrayUnique(array) { 1121 var a = []; 1122 for (var i=0, l=array.length; i<l; i++) { 1123 if (a.indexOf(array[i]) === -1) { 1124 a.push(array[i]); 1125 } 1126 } 1127 return a; 1128 } 1129 1130 var jsonLogic = {}; 1131 var operations = { 1132 "==": function(a, b) { 1133 return a == b; 1134 }, 1135 "===": function(a, b) { 1136 return a === b; 1137 }, 1138 "!=": function(a, b) { 1139 return a != b; 1140 }, 1141 "!==": function(a, b) { 1142 return a !== b; 1143 }, 1144 ">": function(a, b) { 1145 return a > b; 1146 }, 1147 ">=": function(a, b) { 1148 return a >= b; 1149 }, 1150 "<": function(a, b, c) { 1151 return (c === undefined) ? a < b : (a < b) && (b < c); 1152 }, 1153 "<=": function(a, b, c) { 1154 return (c === undefined) ? a <= b : (a <= b) && (b <= c); 1155 }, 1156 "!!": function(a) { 1157 return jsonLogic.truthy(a); 1158 }, 1159 "!": function(a) { 1160 return !jsonLogic.truthy(a); 1161 }, 1162 "%": function(a, b) { 1163 return a % b; 1164 }, 1165 "log": function(a) { 1166 console.log(a); return a; 1167 }, 1168 "in": function(a, b) { 1169 if (!b || typeof b.indexOf === "undefined") return false; 1170 return (b.indexOf(a) !== -1); 1171 }, 1172 "cat": function() { 1173 return Array.prototype.join.call(arguments, ""); 1174 }, 1175 "substr": function(source, start, end) { 1176 if (end < 0) { 1177 // JavaScript doesn't support negative end, this emulates PHP behavior 1178 var temp = String(source).substr(start); 1179 return temp.substr(0, temp.length + end); 1180 } 1181 return String(source).substr(start, end); 1182 }, 1183 "+": function() { 1184 return Array.prototype.reduce.call(arguments, function(a, b) { 1185 return parseFloat(a, 10) + parseFloat(b, 10); 1186 }, 0); 1187 }, 1188 "*": function() { 1189 return Array.prototype.reduce.call(arguments, function(a, b) { 1190 return parseFloat(a, 10) * parseFloat(b, 10); 1191 }); 1192 }, 1193 "-": function(a, b) { 1194 if (b === undefined) { 1195 return -a; 1196 } else { 1197 return a - b; 1198 } 1199 }, 1200 "/": function(a, b) { 1201 return a / b; 1202 }, 1203 "min": function() { 1204 return Math.min.apply(this, arguments); 1205 }, 1206 "max": function() { 1207 return Math.max.apply(this, arguments); 1208 }, 1209 "merge": function() { 1210 return Array.prototype.reduce.call(arguments, function(a, b) { 1211 return a.concat(b); 1212 }, []); 1213 }, 1214 "var": function(a, b) { 1215 var not_found = (b === undefined) ? null : b; 1216 var data = this; 1217 if (typeof a === "undefined" || a==="" || a===null) { 1218 return data; 1219 } 1220 var sub_props = String(a).split("."); 1221 for (var i = 0; i < sub_props.length; i++) { 1222 if (data === null || data === undefined) { 1223 return not_found; 1224 } 1225 // Descending into data 1226 data = data[sub_props[i]]; 1227 if (data === undefined) { 1228 return not_found; 1229 } 1230 } 1231 return data; 1232 }, 1233 "missing": function() { 1234 /* 1235 Missing can receive many keys as many arguments, like {"missing:[1,2]} 1236 Missing can also receive *one* argument that is an array of keys, 1237 which typically happens if it's actually acting on the output of another command 1238 (like 'if' or 'merge') 1239 */ 1240 1241 var missing = []; 1242 var keys = Array.isArray(arguments[0]) ? arguments[0] : arguments; 1243 1244 for (var i = 0; i < keys.length; i++) { 1245 var key = keys[i]; 1246 var value = jsonLogic.apply({"var": key}, this); 1247 if (value === null || value === "") { 1248 missing.push(key); 1249 } 1250 } 1251 1252 return missing; 1253 }, 1254 "missing_some": function(need_count, options) { 1255 // missing_some takes two arguments, how many (minimum) items must be present, and an array of keys (just like 'missing') to check for presence. 1256 var are_missing = jsonLogic.apply({"missing": options}, this); 1257 1258 if (options.length - are_missing.length >= need_count) { 1259 return []; 1260 } else { 1261 return are_missing; 1262 } 1263 }, 1264 }; 1265 1266 jsonLogic.is_logic = function(logic) { 1267 return ( 1268 typeof logic === "object" && // An object 1269 logic !== null && // but not null 1270 ! Array.isArray(logic) && // and not an array 1271 Object.keys(logic).length === 1 // with exactly one key 1272 ); 1273 }; 1274 1275 /* 1276 This helper will defer to the JsonLogic spec as a tie-breaker when different language interpreters define different behavior for the truthiness of primitives. E.g., PHP considers empty arrays to be falsy, but Javascript considers them to be truthy. JsonLogic, as an ecosystem, needs one consistent answer. 1277 1278 Spec and rationale here: http://jsonlogic.com/truthy 1279 */ 1280 jsonLogic.truthy = function(value) { 1281 if (Array.isArray(value) && value.length === 0) { 1282 return false;
vendor: 8,637 bytes, lines 1283-1544
1283 } 1284 return !! value; 1285 }; 1286 1287 1288 jsonLogic.get_operator = function(logic) { 1289 return Object.keys(logic)[0]; 1290 }; 1291 1292 jsonLogic.get_values = function(logic) { 1293 return logic[jsonLogic.get_operator(logic)]; 1294 }; 1295 1296 jsonLogic.apply = function(logic, data) { 1297 // Does this array contain logic? Only one way to find out. 1298 if (Array.isArray(logic)) { 1299 return logic.map(function(l) { 1300 return jsonLogic.apply(l, data); 1301 }); 1302 } 1303 // You've recursed to a primitive, stop! 1304 if ( ! jsonLogic.is_logic(logic) ) { 1305 return logic; 1306 } 1307 1308 var op = jsonLogic.get_operator(logic); 1309 var values = logic[op]; 1310 var i; 1311 var current; 1312 var scopedLogic; 1313 var scopedData; 1314 var initial; 1315 1316 // easy syntax for unary operators, like {"var" : "x"} instead of strict {"var" : ["x"]} 1317 if ( ! Array.isArray(values)) { 1318 values = [values]; 1319 } 1320 1321 // 'if', 'and', and 'or' violate the normal rule of depth-first calculating consequents, let each manage recursion as needed. 1322 if (op === "if" || op == "?:") { 1323 /* 'if' should be called with a odd number of parameters, 3 or greater 1324 This works on the pattern: 1325 if( 0 ){ 1 }else{ 2 }; 1326 if( 0 ){ 1 }else if( 2 ){ 3 }else{ 4 }; 1327 if( 0 ){ 1 }else if( 2 ){ 3 }else if( 4 ){ 5 }else{ 6 }; 1328 1329 The implementation is: 1330 For pairs of values (0,1 then 2,3 then 4,5 etc) 1331 If the first evaluates truthy, evaluate and return the second 1332 If the first evaluates falsy, jump to the next pair (e.g, 0,1 to 2,3) 1333 given one parameter, evaluate and return it. (it's an Else and all the If/ElseIf were false) 1334 given 0 parameters, return NULL (not great practice, but there was no Else) 1335 */ 1336 for (i = 0; i < values.length - 1; i += 2) { 1337 if ( jsonLogic.truthy( jsonLogic.apply(values[i], data) ) ) { 1338 return jsonLogic.apply(values[i+1], data); 1339 } 1340 } 1341 if (values.length === i+1) { 1342 return jsonLogic.apply(values[i], data); 1343 } 1344 return null; 1345 } else if (op === "and") { // Return first falsy, or last 1346 for (i=0; i < values.length; i+=1) { 1347 current = jsonLogic.apply(values[i], data); 1348 if ( ! jsonLogic.truthy(current)) { 1349 return current; 1350 } 1351 } 1352 return current; // Last 1353 } else if (op === "or") {// Return first truthy, or last 1354 for (i=0; i < values.length; i+=1) { 1355 current = jsonLogic.apply(values[i], data); 1356 if ( jsonLogic.truthy(current) ) { 1357 return current; 1358 } 1359 } 1360 return current; // Last 1361 } else if (op === "filter") { 1362 scopedData = jsonLogic.apply(values[0], data); 1363 scopedLogic = values[1]; 1364 1365 if ( ! Array.isArray(scopedData)) { 1366 return []; 1367 } 1368 // Return only the elements from the array in the first argument, 1369 // that return truthy when passed to the logic in the second argument. 1370 // For parity with JavaScript, reindex the returned array 1371 return scopedData.filter(function(datum) { 1372 return jsonLogic.truthy( jsonLogic.apply(scopedLogic, datum)); 1373 }); 1374 } else if (op === "map") { 1375 scopedData = jsonLogic.apply(values[0], data); 1376 scopedLogic = values[1]; 1377 1378 if ( ! Array.isArray(scopedData)) { 1379 return []; 1380 } 1381 1382 return scopedData.map(function(datum) { 1383 return jsonLogic.apply(scopedLogic, datum); 1384 }); 1385 } else if (op === "reduce") { 1386 scopedData = jsonLogic.apply(values[0], data); 1387 scopedLogic = values[1]; 1388 initial = typeof values[2] !== "undefined" ? values[2] : null; 1389 1390 if ( ! Array.isArray(scopedData)) { 1391 return initial; 1392 } 1393 1394 return scopedData.reduce( 1395 function(accumulator, current) { 1396 return jsonLogic.apply( 1397 scopedLogic, 1398 {current: current, accumulator: accumulator} 1399 ); 1400 }, 1401 initial 1402 ); 1403 } else if (op === "all") { 1404 scopedData = jsonLogic.apply(values[0], data); 1405 scopedLogic = values[1]; 1406 // All of an empty set is false. Note, some and none have correct fallback after the for loop 1407 if ( ! Array.isArray(scopedData) || ! scopedData.length) { 1408 return false; 1409 } 1410 for (i=0; i < scopedData.length; i+=1) { 1411 if ( ! jsonLogic.truthy( jsonLogic.apply(scopedLogic, scopedData[i]) )) { 1412 return false; // First falsy, short circuit 1413 } 1414 } 1415 return true; // All were truthy 1416 } else if (op === "none") { 1417 scopedData = jsonLogic.apply(values[0], data); 1418 scopedLogic = values[1]; 1419 1420 if ( ! Array.isArray(scopedData) || ! scopedData.length) { 1421 return true; 1422 } 1423 for (i=0; i < scopedData.length; i+=1) { 1424 if ( jsonLogic.truthy( jsonLogic.apply(scopedLogic, scopedData[i]) )) { 1425 return false; // First truthy, short circuit 1426 } 1427 } 1428 return true; // None were truthy 1429 } else if (op === "some") { 1430 scopedData = jsonLogic.apply(values[0], data); 1431 scopedLogic = values[1]; 1432 1433 if ( ! Array.isArray(scopedData) || ! scopedData.length) { 1434 return false; 1435 } 1436 for (i=0; i < scopedData.length; i+=1) { 1437 if ( jsonLogic.truthy( jsonLogic.apply(scopedLogic, scopedData[i]) )) { 1438 return true; // First truthy, short circuit 1439 } 1440 } 1441 return false; // None were truthy 1442 } 1443 1444 // Everyone else gets immediate depth-first recursion 1445 values = values.map(function(val) { 1446 return jsonLogic.apply(val, data); 1447 }); 1448 1449 1450 // The operation is called with "data" bound to its "this" and "values" passed as arguments. 1451 // Structured commands like % or > can name formal arguments while flexible commands (like missing or merge) can operate on the pseudo-array arguments 1452 // https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Functions/arguments 1453 if (operations.hasOwnProperty(op) && typeof operations[op] === "function") { 1454 return operations[op].apply(data, values); 1455 } else if (op.indexOf(".") > 0) { // Contains a dot, and not in the 0th position 1456 var sub_ops = String(op).split("."); 1457 var operation = operations; 1458 for (i = 0; i < sub_ops.length; i++) { 1459 if (!operation.hasOwnProperty(sub_ops[i])) { 1460 throw new Error("Unrecognized operation " + op + 1461 " (failed at " + sub_ops.slice(0, i+1).join(".") + ")"); 1462 } 1463 // Descending into operations 1464 operation = operation[sub_ops[i]]; 1465 } 1466 1467 return operation.apply(data, values); 1468 } 1469 1470 throw new Error("Unrecognized operation " + op ); 1471 }; 1472 1473 jsonLogic.uses_data = function(logic) { 1474 var collection = []; 1475 1476 if (jsonLogic.is_logic(logic)) { 1477 var op = jsonLogic.get_operator(logic); 1478 var values = logic[op]; 1479 1480 if ( ! Array.isArray(values)) { 1481 values = [values]; 1482 } 1483 1484 if (op === "var") { 1485 // This doesn't cover the case where the arg to var is itself a rule. 1486 collection.push(values[0]); 1487 } else { 1488 // Recursion! 1489 values.forEach(function(val) { 1490 collection.push.apply(collection, jsonLogic.uses_data(val) ); 1491 }); 1492 } 1493 } 1494 1495 return arrayUnique(collection); 1496 }; 1497 1498 jsonLogic.add_operation = function(name, code) { 1499 operations[name] = code; 1500 }; 1501 1502 jsonLogic.rm_operation = function(name) { 1503 delete operations[name]; 1504 }; 1505 1506 jsonLogic.rule_like = function(rule, pattern) { 1507 // console.log("Is ". JSON.stringify(rule) . " like " . JSON.stringify(pattern) . "?"); 1508 if (pattern === rule) { 1509 return true; 1510 } // TODO : Deep object equivalency? 1511 if (pattern === "@") { 1512 return true; 1513 } // Wildcard! 1514 if (pattern === "number") { 1515 return (typeof rule === "number"); 1516 } 1517 if (pattern === "string") { 1518 return (typeof rule === "string"); 1519 } 1520 if (pattern === "array") { 1521 // !logic test might be superfluous in JavaScript 1522 return Array.isArray(rule) && ! jsonLogic.is_logic(rule); 1523 } 1524 1525 if (jsonLogic.is_logic(pattern)) { 1526 if (jsonLogic.is_logic(rule)) { 1527 var pattern_op = jsonLogic.get_operator(pattern); 1528 var rule_op = jsonLogic.get_operator(rule); 1529 1530 if (pattern_op === "@" || pattern_op === rule_op) { 1531 // echo "\nOperators match, go deeper\n"; 1532 return jsonLogic.rule_like( 1533 jsonLogic.get_values(rule, false), 1534 jsonLogic.get_values(pattern, false) 1535 ); 1536 } 1537 } 1538 return false; // pattern is logic, rule isn't, can't be eq 1539 } 1540 1541 if (Array.isArray(pattern)) { 1542 if (Array.isArray(rule)) { 1543 if (pattern.length !== rule.length) { 1544 return false;
1545 } 1546 /* 1547 Note, array order MATTERS, because we're using this array test logic to consider arguments, where order can matter. (e.g., + is commutative, but '-' or 'if' or 'var' are NOT) 1548 */ 1549 for (var i = 0; i < pattern.length; i += 1) { 1550 // If any fail, we fail 1551 if ( ! jsonLogic.rule_like(rule[i], pattern[i])) { 1552 return false; 1553 } 1554 } 1555 return true; // If they *all* passed, we pass 1556 } else { 1557 return false; // Pattern is array, rule isn't 1558 } 1559 } 1560 1561 // Not logic, not array, not a === match for rule. 1562 return false; 1563 }; 1564 1565 return jsonLogic; 1566})); 1567</script>
1567<!-- BEGIN app snippet: properties_mapping -->
1567<script> 1568const ap_Config = { 1569 page_title: "OLIPOP 9g Fiber Line", 1570 cart: { 1571 checkout_charge_amount: 0, 1572 item_count: 0, 1573 note: null, 1574 total_discount: 0, 1575 total_price: 0, 1576 }, 1577 date: new Date().toISOString().split('T')[0], 1578 date_time: new Date().toISOString(), 1579 localization : { 1580 country: { 1581 iso_code: "US", 1582 currency: { 1583 symbol: "$" 1584 } 1585 }, 1586 market: { 1587 handle: 'us', 1588 id: 3724869791 1589 } 1590 }, 1591 customer: { 1592 b2b: null, 1593 current_company: { 1594 name: null 1595 }, 1596 email: null, 1597 last_order: { 1598 id: null 1599 } 1600 }, 1601 shop: { 1602 address:{ 1603 address1: "360 Grand Ave #259", 1604 address2: "", 1605 city: "Oakland", 1606 country: "United States", 1607 province: "California", 1608 province_code: "CA", 1609 } 1610 }, 1611} 1612</script>
1612<!-- END app snippet -->
1612<script type="module"> 1613 const ROOT_URL = typeof window.Shopify.routes.root == "undefined" ? "/" : window.Shopify.routes.root; 1614 const getInterpolatedValue = (value) => { 1615 if(!window.cartAttributesConfig.isUltimate) return value; 1616 const tagPattern = /\{\{([^\}]+)\}\}/g; 1617 let interpolatedValue = value; 1618 let match; 1619 while ((match = tagPattern.exec(value)) !== null) { 1620 const path = match[1].trim().split('.'); 1621 let context = ap_Config; 1622 for (const segment of path) { 1623 console.log("segment", segment); 1624 if (context.hasOwnProperty(segment)) { 1625 context = context[segment]; 1626 } else { 1627 console.error(`Path segment '${segment}' not found in context.`); 1628 context = undefined; 1629 break; 1630 } 1631 } 1632 if (context !== undefined) { 1633 interpolatedValue = interpolatedValue.replace(new RegExp(match[0].replace(/[.*+?^${}()|[\]\\]/g, '\\$&'), 'g'), context); 1634 } 1635 } 1636 return interpolatedValue; 1637 } 1638 1639 1640 1641 console.log("Not ultimate"); 1642 1643 window.cartAttributesConfig = { 1644 1645 1646 metaobjects: [], 1647 } 1648 let FLAG = false 1649 1650 let logCart = false 1651 1652 const customerCountry = "US" 1653 const market = 3724869791 1654 1655 1656 xhook.after(async function (request, response) { 1657 if (!request.url.toString().match(/cart\/add/) && !request.url.toString().match(/cart\/change/)) return 1658 if (FLAG === true) return 1659 if (!window.cartAttributesConfig.metaobjects?.length) return 1660 if (response.status === 200){ 1661 const ATTRIBUTES = {}; 1662 const MODIFIED_ITEMS = new Set(); // Track which items were actually modified by rules 1663 const PRODUCT_ATTRIBUTES = {}; 1664 let cart = await fetch(window.origin + "/cart.json").then(res => res.json()); 1665 for(const {id, properties} of cart.items) { 1666 PRODUCT_ATTRIBUTES[id] = properties; 1667 } 1668 const productsInCartReq = cart.items.map(async (item) => await fetch(window.origin + `/products/${item.handle}.json`).then(res => res.json()) ); 1669 const productsInCart = await Promise.all(productsInCartReq); 1670 const tagsInCart = productsInCart.map(product => product.product.tags.split(", ")).flat(); 1671 1672 const collectionsInCart = [] 1673 1674 window.cartAttributesConfig.metaobjects?.forEach((metaobject, i) => { 1675 1676 if (metaobject.debug) { 1677 console.log("TAGS in cart: ", tagsInCart); 1678 console.log("COLLECTIONS in cart: ", collectionsInCart); 1679 console.log("Cart pre_script") 1680 console.log(cart) 1681 1682 metaobject.debug && console.log(metaobject); 1683 logCart = true; 1684 } 1685 1686 if (metaobject.active == true) { 1687 metaobject.debug && console.log(metaobject.title + " is included in the textArea"); 1688 const cartWithAdditionalFields = { 1689 ...cart, 1690 tagsInCart: tagsInCart, 1691 collectionsInCart: collectionsInCart, 1692 customerCountry: customerCountry, 1693 market: `gid://shopify/Market/${market}` 1694 } 1695 // If rule truthy 1696 if (window.jsonLogic.apply(metaobject.rules, cartWithAdditionalFields)) { 1697 metaobject.debug && console.log("Rule is truthy. We're adding its attributes"); 1698 1699 if (metaobject.target !== "product") { // Add Cart attr 1700 metaobject.attributes.forEach(a => { 1701 let interpolatedValue = getInterpolatedValue(a.value) 1702 ATTRIBUTES[a.key] = interpolatedValue; 1703 }); 1704 } 1705 1706 if (metaobject.target !== "cart") { // Add Product attr 1707 console.log("This is our metaobject and its products: ", metaobject); 1708 1709 const project_attr = {}; 1710 metaobject.attributes.forEach(a => { 1711 let interpolatedValue = getInterpolatedValue(a.value) 1712 project_attr[a.key] = interpolatedValue; 1713 }); 1714 metaobject.products.forEach(product => { 1715 const id = product.id.split("/").at(-1); 1716 PRODUCT_ATTRIBUTES[id] = { ...PRODUCT_ATTRIBUTES[id], ...project_attr }; 1717 MODIFIED_ITEMS.add(id); 1718 }); 1719 } 1720 1721 // If rule not truthy 1722 } else { 1723 metaobject.debug && console.log("Rule is not truthy. We're invalidating its attributes"); 1724 1725 if (metaobject.target !== "product") { //Cleanup for Cart
1726 metaobject.attributes.forEach((a, i) => { 1727 if (cart.attributes[a.key] !== undefined && !metaobject.keep) { 1728 ATTRIBUTES[a.key] = null; 1729 } 1730 }); 1731 } 1732 1733 1734 else if (metaobject.target !== "cart" && !metaobject.keep) { //Cleanup for Products 1735 1736 metaobject.products.forEach(product => { 1737 const id = product.id.split("/").at(-1); 1738 metaobject.attributes.forEach(a => { 1739 if (PRODUCT_ATTRIBUTES[id]?.[a.key] !== undefined) { 1740 delete PRODUCT_ATTRIBUTES[id][a.key]; 1741 MODIFIED_ITEMS.add(id); 1742 } 1743 }); 1744 }); 1745 1746 } 1747 1748 } 1749 } 1750 metaobject.debug && console.log("Cart attributes to push: ", ATTRIBUTES); 1751 if(metaobject.debug){ 1752 console.log(i+1+"* METAOBJ ATTRIBUTES: ", JSON.parse(JSON.stringify(PRODUCT_ATTRIBUTES))); 1753 } 1754 }); 1755 1756 // Only send /cart/change.js for items that were actually modified by rules 1757 // AND whose desired properties differ from what's already on the cart line 1758 const itemsToUpdate = cart.items.filter(item => { 1759 if (!MODIFIED_ITEMS.has(String(item.id))) return false; 1760 const desired = PRODUCT_ATTRIBUTES[item.id] || {}; 1761 const current = item.properties || {}; 1762 // Check if every desired key/value already matches the current properties 1763 const desiredKeys = Object.keys(desired); 1764 const currentKeys = Object.keys(current); 1765 if (desiredKeys.length !== currentKeys.length) return true; 1766 for (const key of desiredKeys) { 1767 if (String(desired[key]) !== String(current[key])) return true; 1768 } 1769 return false; // All properties already match, no need to update 1770 }); 1771 if (itemsToUpdate.length > 0) { 1772 FLAG = true; 1773 await Promise.all(itemsToUpdate.map(item => { 1774 const attributes = PRODUCT_ATTRIBUTES[item.id]; 1775 return fetch(ROOT_URL + "cart/change.js", { 1776 method: 'POST', 1777 headers: { 1778 'Content-Type': 'application/json' 1779 }, 1780 body: JSON.stringify({ 1781 id: item.key, 1782 properties: attributes, 1783 quantity: item.quantity 1784 }) 1785 }).catch(err => console.error(err)); 1786 })); 1787 FLAG = false; 1788 } 1789 1790 // Only send /cart/update.js when we actually have attributes to set/clear 1791 const hasCartAttributes = Object.keys(ATTRIBUTES).length > 0; 1792 if (hasCartAttributes) { 1793 fetch(ROOT_URL + 'cart/update.js', { 1794 method: 'POST', 1795 headers: { 1796 'Content-Type': 'application/json' 1797 }, 1798 body: JSON.stringify({attributes: ATTRIBUTES}) 1799 }) 1800 .then((res) => res.json()) 1801 .then(data => { 1802 logCart && console.log("cartResult",data); 1803 return data 1804 }) 1805 .catch((error) => { 1806 console.error('Error:', error); 1807 }); 1808 } 1809 1810 } 1811 }); 1812</script>
1812 1813 1814 1815 1816<!-- END app block --><!-- BEGIN app block: shopify://apps/klaviyo-email-marketing-sms/blocks/klaviyo-onsite-embed/2632fe16-c075-4321-a88b-50b567f42507 --> 1817 1818 1819 1820 1821 1822 1823 1824 1825 1826 1827 1828 1829
1829<script async src="https://static.klaviyo.com/onsite/js/PbvgDc/klaviyo.js?company_id=PbvgDc"></script>
1829 1830
1830<script>!function(){if(!window.klaviyo){window._klOnsite=window._klOnsite||[];try{window.klaviyo=new Proxy({},{get:function(n,i){return"push"===i?function(){var n;(n=window._klOnsite).push.apply(n,arguments)}:function(){for(var n=arguments.length,o=new Array(n),w=0;w<n;w++)o[w]=arguments[w];var t="function"==typeof o[o.length-1]?o.pop():void 0,e=new Promise((function(n){window._klOnsite.push([i].concat(o,[function(i){t&&t(i),n(i)}]))}));return e}}})}catch(n){window.klaviyo=window.klaviyo||[],window.klaviyo.push=function(){var n;(n=window._klOnsite).push.apply(n,arguments)}}}}();</script>
1830 1831 1832 1833 1834 1835 1836 1837
1837<script> 1838 window.klaviyoReviewsProductDesignMode = false 1839 </script>
1839 1840 1841 1842 1843 1844 1845 1846 1847 1848 1849<!-- END app block --><!-- BEGIN app block: shopify://apps/wyllo-formerly-nofraud/blocks/nf_device/5c2706cf-d458-49c5-a6fa-4fb6b79ce2b4 -->
1849<script async src="https://services.nofraud.com/js/device.js?shop=olipop-store.myshopify.com" type="application/javascript"></script>
1849 1850 1851 1852<!-- END app block --><!-- BEGIN app block: shopify://apps/videowise-video-commerce/blocks/script_embed/b48d6c0c-3e3f-4791-a9ab-a5ab7ec82f4d --> 1853 1854 1855 1856 1857<link 1858 rel="preload" 1859 as="style" 1860 onload="this.onload=null;this.rel='stylesheet'" 1861 href="https://assets.videowise.com/style.css.gz" 1862 id="videowise-style-css">
1863<script 1864 defer 1865 src="https://assets.videowise.com/vendors.js.gz" 1866 id="videowise-vendors-js"></script>
vendor: 1 bytes, line 1866
1866
1867<script 1868 defer 1869 src="https://assets.videowise.com/client.js.gz" 1870 id="videowise-client-js"></script>
1870 1871 1872<link rel="dns-prefetch" href="https://assets.videowise.com/" /> 1873 1874<link rel="dns-prefetch" href="https://cdn2.videowise.com/" /> 1875 1876<link rel="dns-prefetch" href="https://api-cdn.videowise.com/" /> 1877 1878<link rel="dns-prefetch" href="https://images.videowise.com/" /> 1879 1880<link rel="dns-prefetch" href="https://cdn.videowise.com/" /> 1881 1882<!-- END app block --><!-- BEGIN app block: shopify://apps/elevar-conversion-tracking/blocks/dataLayerEmbed/bc30ab68-b15c-4311-811f-8ef485877ad6 --> 1883 1884 1885
1886<script type="module" dynamic> 1887 const configUrl = "/a/elevar/static/configs/3bd4c3efadb9bd7b389600baaae057f8a9972102/config.js"; 1888 const config = (await import(configUrl)).default; 1889 const scriptUrl = config.script_src_app_theme_embed; 1890 1891 if (scriptUrl) { 1892 const { handler } = await import(scriptUrl); 1893 1894 await handler( 1895 config, 1896 { 1897 cartData: { 1898 marketId: "3724869791", 1899 localeCountryCode:"US", 1900 attributes:{}, 1901 cartTotal: "0.0", 1902 currencyCode:"USD", 1903 items: [] 1904} 1905, 1906 user: { 1907 cartTotal: "0.0", 1908 currencyCode:"USD", 1909 customer: {}, 1910} 1911, 1912 isOnCartPage:false, 1913 collectionView:{ 1914 currencyCode:"USD", 1915 items: [{id:"OP-CRA-12",name:"Caramel Apple", 1916 brand:"OLIPOP", 1917 category:"9g Fiber", 1918 variant:"12 Pack", 1919 price: "35.99", 1920 productId: "10910759354527", 1921 variantId: "62787700621471", 1922 handle:"caramel-apple", 1923 compareAtPrice: "0.0",image:"\/\/drinkolipop.com\/cdn\/shop\/files\/caramel-apple-9g-olipop_gallery-image_single-can_new_asset.webp?v=1788145122"},{id:"OP-BBV-12",name:"Blackberry Vanilla", 1924 brand:"OLIPOP", 1925 category:"9g Fiber", 1926 variant:"12 Pack", 1927 price: "35.99", 1928 productId: "5871016640671", 1929 variantId: "37114287784095", 1930 handle:"blackberry-vanilla", 1931 compareAtPrice: "0.0",image:"\/\/drinkolipop.com\/cdn\/shop\/files\/blackberry-vanilla-9g-olipop_gallery-image_single-can_new_asset.webp?v=1779162450"},{id:"OP-CA-12",name:"Crisp Apple", 1932 brand:"OLIPOP", 1933 category:"9g Fiber", 1934 variant:"12 Pack", 1935 price: "35.99", 1936 productId: "7478573498527", 1937 variantId: "42468536975519", 1938 handle:"crisp-apple", 1939 compareAtPrice: "0.0",image:"\/\/drinkolipop.com\/cdn\/shop\/files\/crisp-apple-9g-olipop_gallery-image_single-can_new_asset.webp?v=1779163593"},{id:"OP-GR-12",name:"Classic Grape", 1940 brand:"OLIPOP", 1941 category:"9g Fiber", 1942 variant:"12 Pack", 1943 price: "35.99", 1944 productId: "6866436948127", 1945 variantId: "40304921542815", 1946 handle:"classic-grape", 1947 compareAtPrice: "0.0",image:"\/\/drinkolipop.com\/cdn\/shop\/files\/classic-grape-9g-olipop_gallery-image_single-can_new_asset.webp?v=1779163040"},{id:"OP-RB-12",name:"Classic Root Beer", 1948 brand:"OLIPOP", 1949 category:"9g Fiber", 1950 variant:"12 Pack", 1951 price: "35.99", 1952 productId: "4350717460544", 1953 variantId: "31199447679040", 1954 handle:"classic-root-beer", 1955 compareAtPrice: "0.0",image:"\/\/drinkolipop.com\/cdn\/shop\/files\/classic-root-beer-9g-olipop_gallery-image_single-can_new_asset.webp?v=1779161742"},{id:"OP-VC-12",name:"Vintage Cola", 1956 brand:"OLIPOP", 1957 category:"9g Fiber", 1958 variant:"12 Pack", 1959 price: "35.99", 1960 productId: "3818023125062", 1961 variantId: "30315238260806", 1962 handle:"vintage-cola", 1963 compareAtPrice: "0.0",image:"\/\/drinkolipop.com\/cdn\/shop\/files\/vintage-cola-9g-olipop_gallery-image_single-can_new_asset.webp?v=1779161590"},{id:"OP-CS-12",name:"Cream Soda", 1964 brand:"OLIPOP", 1965 category:"9g Fiber", 1966 variant:"12 Pack", 1967 price: "35.99", 1968 productId: "7413651636383", 1969 variantId: "42284980666527", 1970 handle:"cream-soda", 1971 compareAtPrice: "0.0",image:"\/\/drinkolipop.com\/cdn\/shop\/files\/cream-soda-9g-olipop_gallery-image_single-can_new_asset.webp?v=1779163263"},{id:"OP-SV-12",name:"Strawberry Vanilla", 1972 brand:"OLIPOP", 1973 category:"9g Fiber", 1974 variant:"12 Pack", 1975 price: "35.99", 1976 productId: "3818021027910", 1977 variantId: "30315220959302", 1978 handle:"strawberry-vanilla", 1979 compareAtPrice: "0.0",image:"\/\/drinkolipop.com\/cdn\/shop\/files\/strawberry-vanilla-9g-olipop_gallery-main-image_new_asset.webp?v=1779161007"},{id:"OP-CHC-12",name:"Cherry Cola", 1980 brand:"OLIPOP", 1981 category:"9g Fiber", 1982 variant:"12 Pack", 1983 price: "35.99", 1984 productId: "7502145421471", 1985 variantId: "42533620777119", 1986 handle:"cherry-cola", 1987 compareAtPrice: "0.0",image:"\/\/drinkolipop.com\/cdn\/shop\/files\/cherry-cola-9g-olipop_gallery-main-image_new_asset.webp?v=1779163770"},{id:"OP-OC-12",name:"Orange Cream", 1988 brand:"OLIPOP", 1989 category:"9g Fiber", 1990 variant:"12 Pack", 1991 price: "35.99", 1992 productId: "6604538577055", 1993 variantId: "39569001578655", 1994 handle:"orange-cream", 1995 compareAtPrice: "0.0",image:"\/\/drinkolipop.com\/cdn\/shop\/files\/orange-cream-9g-olipop_gallery-image_single-can_new_asset.webp?v=1779162789"},{id:"OP-PC-12",name:"Peaches \u0026 Cream", 1996 brand:"OLIPOP", 1997 category:"9g Fiber", 1998 variant:"12 Pack", 1999 price: "35.99", 2000 productId: "9247375851679", 2001 variantId: "45259076501663", 2002 handle:"peaches-and-cream", 2003 compareAtPrice: "0.0",image:"\/\/drinkolipop.com\/cdn\/shop\/files\/peaches-and-cream-9g-olipop_gallery-image_single-can_new_asset.webp?v=1779165117"},{id:"OP-GA-12",name:"Ginger Ale", 2004 brand:"OLIPOP", 2005 category:"9g Fiber", 2006 variant:"12 Pack", 2007 price: "35.99", 2008 productId: "9038878015647", 2009 variantId: "44438423208095", 2010 handle:"ginger-ale", 2011 compareAtPrice: "0.0",image:"\/\/drinkolipop.com\/cdn\/shop\/files\/ginger-ale-9g-olipop_gallery-image_single-can_new_asset.webp?v=1779164857"},{id:"OP-OS-12",name:"Orange Squeeze", 2012 brand:"OLIPOP", 2013 category:"9g Fiber", 2014 variant:"12 Pack", 2015 price: "35.99", 2016 productId: "5538631712927", 2017 variantId: "35768781111455", 2018 handle:"orange-squeeze", 2019 compareAtPrice: "0.0",image:"\/\/drinkolipop.com\/cdn\/shop\/files\/orange-squeeze-9g-olipop_gallery-image_single-can_new_asset.webp?v=1779162264"},{id:"OP-RR-12",name:"Citrus Rush", 2020 brand:"OLIPOP", 2021 category:"9g Fiber", 2022 variant:"12 Pack", 2023 price: "35.99", 2024 productId: "9407865061535", 2025 variantId: "46054342066335", 2026 handle:"citrus-rush", 2027 compareAtPrice: "0.0",image:"\/\/drinkolipop.com\/cdn\/shop\/files\/citrus-rush-9g-olipop_gallery-image_single-can_new_asset.webp?v=1779196248"},{id:"OP-DG-12",name:"Doctor Goodwin", 2028 brand:"OLIPOP", 2029 category:"9g Fiber", 2030 variant:"12 Pack", 2031 price: "35.99", 2032 productId: "7413651832991", 2033 variantId: "42284985188511", 2034 handle:"doctor-goodwin", 2035 compareAtPrice: "0.0",image:"\/\/drinkolipop.com\/cdn\/shop\/files\/doctor-goodwin-9g-olipop_gallery-image_single-can_new_asset.webp?v=1779163486"},{id:"OP-CV-12",name:"Cherry Vanilla", 2036 brand:"OLIPOP", 2037 category:"9g Fiber", 2038 variant:"12 Pack", 2039 price: "35.99", 2040 productId: "4452820189248", 2041 variantId: "31667872464960", 2042 handle:"cherry-vanilla", 2043 compareAtPrice: "0.0",image:"\/\/drinkolipop.com\/cdn\/shop\/files\/cherry-vanilla-9g-olipop_gallery-image_single-can_new_asset.webp?v=1779162208"},{id:"OP-GL-12",name:"Ginger Lemon", 2044 brand:"OLIPOP", 2045 category:"9g Fiber", 2046 variant:"12 Pack", 2047 price: "35.99", 2048 productId: "3818021912646", 2049 variantId: "30315236851782", 2050 handle:"ginger-lemon", 2051 compareAtPrice: "0.0",image:"\/\/drinkolipop.com\/cdn\/shop\/files\/ginger-lemon-9g-olipop_gallery-image_single-can_new_asset.webp?v=1779161268"},{id:"OP-TP-12",name:"Tropical Punch", 2052 brand:"OLIPOP", 2053 category:"9g Fiber", 2054 variant:"12 Pack", 2055 price: "35.99", 2056 productId: "7323931246751", 2057 variantId: "41922380824735", 2058 handle:"tropical-punch", 2059 compareAtPrice: "0.0",image:"\/\/drinkolipop.com\/cdn\/shop\/files\/tropical-punch-9g-olipop_gallery-image_single-can_new_asset.webp?v=1779163155"},{id:"OP-LL-12",name:"Lemon Lime", 2060 brand:"OLIPOP", 2061 category:"9g Fiber", 2062 variant:"12 Pack", 2063 price: "35.99", 2064 productId: "7612616376479", 2065 variantId: "42897487429791", 2066 handle:"lemon-lime", 2067 compareAtPrice: "0.0",image:"\/\/drinkolipop.com\/cdn\/shop\/files\/lemon-lime-9g-olipop_gallery-image_single-can_new_asset.webp?v=1779163931"},{id:"OP-WL-12",name:"Watermelon Lime", 2068 brand:"OLIPOP", 2069 category:"9g Fiber", 2070 variant:"12 Pack", 2071 price: "35.99", 2072 productId: "7682917990559", 2073 variantId: "43069390880927", 2074 handle:"watermelon-lime", 2075 compareAtPrice: "0.0",image:"\/\/drinkolipop.com\/cdn\/shop\/products\/Olipop_WL_Can_front_1.png?v=1745469054"},{id:"OP-BC-12",name:"Banana Cream", 2076 brand:"OLIPOP", 2077 category:"9g Fiber", 2078 variant:"12 Pack", 2079 price: "35.99", 2080 productId: "7401847029919", 2081 variantId: "42237531390111", 2082 handle:"banana-cream", 2083 compareAtPrice: "0.0",image:"\/\/drinkolipop.com\/cdn\/shop\/files\/banana-cream-9g-olipop_gallery-image_single-can_new_asset.webp?v=1779155708"},] 2084 }, 2085 searchResultsView:null, 2086 productView:null, 2087 } 2088 ); 2089 } 2090</script>
2090 2091 2092 2093<!-- END app block --><link href="https://cdn.shopify.com/extensions/01a0cff8-2c69-745f-8772-fd89b29d2d4b/keepcart-2-253/assets/app.css" rel="stylesheet" type="text/css" media="all"> 2094<meta property="og:image" content="https://cdn.shopify.com/s/files/1/0034/6610/0806/files/Website_-_Social_-_Share_-_V1.png?v=1639521624" /> 2095<meta property="og:image:secure_url" content="https://cdn.shopify.com/s/files/1/0034/6610/0806/files/Website_-_Social_-_Share_-_V1.png?v=1639521624" /> 2096<meta property="og:image:width" content="2400" /> 2097<meta property="og:image:height" content="1256" /> 2098<link href="https://monorail-edge.shopifysvc.com" rel="dns-prefetch">
2099<script>(function(){if ("sendBeacon" in navigator && "performance" in window) {try {var session_token_from_headers = performance.getEntriesByType('navigation')[0].serverTiming.find(x => x.name == '_s').description;} catch {var session_token_from_headers = undefined;}var session_cookie_matches = document.cookie.match(/_shopify_s=([^;]*)/);var session_token_from_cookie = session_cookie_matches && session_cookie_matches.length === 2 ? session_cookie_matches[1] : "";var session_token = session_token_from_headers || session_token_from_cookie || "";function handle_abandonment_event(e) {var entries = performance.getEntries().filter(function(entry) {return /monorail-edge.shopifysvc.com/.test(entry.name);});if (!window.abandonment_tracked && entries.length === 0) {window.abandonment_tracked = true;var currentMs = Date.now();var navigation_start = performance.timing.navigationStart;var payload = {shop_id: 3466100806,url: window.location.href,navigation_start,duration: currentMs - navigation_start,session_token,page_type: "collection"};window.navigator.sendBeacon("https://monorail-edge.shopifysvc.com/v1/produce", JSON.stringify({schema_id: "online_store_buyer_site_abandonment/1.1",payload: payload,metadata: {event_created_at_ms: currentMs,event_sent_at_ms: currentMs}}));}}window.addEventListener('pagehide', handle_abandonment_event);}}());</script>
vendor: 1 bytes, line 2099
2099
2100<script> 2101 window.__TREKKIE_SHIM_QUEUE = window.__TREKKIE_SHIM_QUEUE || []; 2102</script>
vendor: 1 bytes, line 2102
2102
2103<script>(function(){var wpmLoader=function(){"use strict";var e=/Googlebot|Storebot-Google|bingbot|Baiduspider|YandexBot|DuckDuckBot|Slurp|facebookexternalhit|Twitterbot|LinkedInBot|Applebot|AdsBot-Google|Mediapartners-Google|APIs-Google|PetalBot|SemrushBot|AhrefsBot|MJ12bot|DotBot|Acunetix|PerplexityBot|Perplexity-User/i,t=/bytedance/i;function i(){try{var e=document.cookie;if(!e||"string"!=typeof e)return;for(var t=0,i=e.split(";");t<i.length;t++){var n=i[t],r=n.indexOf("=");if(-1!==r){var o=n.slice(0,r).trim();if(o){var a=void 0;try{a=decodeURIComponent(o)}catch(e){a=o}if("_shopify_s"===a){var d=n.slice(r+1).trim();try{return decodeURIComponent(d)}catch(e){return d}}}}}return}catch(e){return}}function n(e){try{"undefined"!=typeof console&&"function"==typeof console.warn&&console.warn(e)}catch(e){}}function r(e,t){return"string"==typeof e&&e.length>0&&e.length<=t?e:void 0}function o(e){var t;switch(null==(t=null==e?void 0:e.navigation)?void 0:t.type){case 0:return"navigate";case 1:return"reload";case 2:return"back_forward";default:return}}function a(){var e,t,i;try{var n=null==(i=null==(t=null==(e=self.ShopifyAnalytics)?void 0:e.lib)?void 0:t.trekkie)?void 0:i.state;return"awaiting-consent"===n||"initialized"===n?n:void 0}catch(e){return}}return function(d,s,u,l){var c=arguments.length>4&&void 0!==arguments[4]?arguments[4]:{};try{var p=c.trekkieShim;!0!==p&&"true"!==p||null!=window.__TREKKIE_SHIM_QUEUE||(window.__TREKKIE_SHIM_QUEUE=[])}catch(e){}var f,v,h,y,g=(v=(f={modern:/Edge?\/(1{2}[4-9]|1[2-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Firefox\/(1{2}[4-9]|1[2-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Chrom(ium|e)\/(9{2}|\d{3,})\.\d+(\.\d+|)|(Maci|X1{2}).+ Version\/(15\.\d+|(1[6-9]|[2-9]\d|\d{3,})\.\d+)([,.]\d+|)( \(\w+\)|)( Mobile\/\w+|) Safari\/|Chrome.+OPR\/(9{2}|\d{3,})\.\d+\.\d+|(CPU[ +]OS|iPhone[ +]OS|CPU[ +]iPhone|CPU IPhone OS|CPU iPad OS)[ +]+(15[._]\d+|(1[6-9]|[2-9]\d|\d{3,})[._]\d+)([._]\d+|)|Android:?[ /-](14[89]|1[5-9]\d|[2-9]\d{2}|\d{4,})(\.\d+|)(\.\d+|)|Android.+Firefox\/(15\d|1[6-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+Chrom(ium|e)\/(14[89]|1[5-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|SamsungBrowser\/([2-9]\d|\d{3,})\.\d+/,legacy:/Edge?\/(1[6-9]|[2-9]\d|\d{3,})\.\d+(\.\d+|)|Firefox\/(5[4-9]|[6-9]\d|\d{3,})\.\d+(\.\d+|)|Chrom(ium|e)\/(5[1-9]|[6-9]\d|\d{3,})\.\d+(\.\d+|)([\d.]+$|.*Safari\/(?![\d.]+ Edge\/[\d.]+$))|(Maci|X1{2}).+ Version\/(10\.\d+|(1[1-9]|[2-9]\d|\d{3,})\.\d+)([,.]\d+|)( \(\w+\)|)( Mobile\/\w+|) Safari\/|Chrome.+OPR\/(3[89]|[4-9]\d|\d{3,})\.\d+\.\d+|(CPU[ +]OS|iPhone[ +]OS|CPU[ +]iPhone|CPU IPhone OS|CPU iPad OS)[ +]+(10[._]\d+|(1[1-9]|[2-9]\d|\d{3,})[._]\d+)([._]\d+|)|Android:?[ /-](14[89]|1[5-9]\d|[2-9]\d{2}|\d{4,})(\.\d+|)(\.\d+|)|Mobile Safari.+OPR\/([89]\d|\d{3,})\.\d+\.\d+|Android.+Firefox\/(15\d|1[6-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+Chrom(ium|e)\/(14[89]|1[5-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+(UC? ?Browser|UCWEB|U3)[ /]?(15\.([5-9]|\d{2,})|(1[6-9]|[2-9]\d|\d{3,})\.\d+)\.\d+|SamsungBrowser\/(5\.\d+|([6-9]|\d{2,})\.\d+)|Android.+MQ{2}Browser\/(14(\.(9|\d{2,})|)|(1[5-9]|[2-9]\d|\d{3,})(\.\d+|))(\.\d+|)|K[Aa][Ii]OS\/(3\.\d+|([4-9]|\d{2,})\.\d+)(\.\d+|)/}).modern,h=f.legacy,(y=navigator.userAgent).match(e)?"bot":y.match(v)?"modern":y.match(h)?"legacy":y.match(t)?"bot":"unknown"),m=function(e){var t,i,n=r(e,128);try{var a=window.performance,d=null==(t=null==a?void 0:a.getEntriesByType)?void 0:t.call(a,"navigation")[0];if(!d)return{requestId:n,navigationType:o(a)};var s="type"in d?r(d.type,64):void 0,u="serverTiming"in d&&Array.isArray(d.serverTiming)?d.serverTiming:[];return{requestId:null!=n?n:r(null==(i=u.find(function(e){return"requestID"===e.name}))?void 0:i.description,128),navigationType:s}}catch(e){return{requestId:n}}}(c.requestId),w=function(e){var t=e.version,r=e.browserTarget,o=e.surface,a=e.shopId,d=e.monorailEndpoint,s=window.location.href;return{emit:function(e){var u=e.status,l=e.errorMsg,c=e.failureReason,p=e.useKeepaliveFallback,f=void 0!==p&&p,v=e.navigationType,h=e.pagehidePersisted,y=e.requestId,g=e.trekkieState;if(d){var m,w;try{var b=(new Date).getTime();m=JSON.stringify({metadata:{event_sent_at_ms:b},events:[{schema_id:"web_pixels_manager_load/3.3",payload:{version:t,bundle_target:r,page_url:s,status:u,surface:o,error_msg:l,failure_reason:c,navigation_type:v,pagehide_persisted:h,request_id:y,trekkie_state:g,shop_id:a,visit_token:i()},metadata:{event_created_at_ms:b}}]})}catch(e){return}try{if("function"==typeof window.navigator.sendBeacon&&-1===(w=window.navigator.userAgent).indexOf("iPhone; CPU iPhone OS 12_")&&-1===w.indexOf("iPad; CPU OS 12_")&&-1===w.indexOf("iPod touch; CPU iPhone OS 12_")&&window.navigator.sendBeacon.bind(window.navigator)(d,m))return}catch(e){}if(f)try{"function"==typeof window.fetch&&window.fetch(d,{method:"POST",headers:{"Content-Type":"text/plain"},body:m,keepalive:!0}
2103).catch(function(){})}catch(e){}else try{var _=new XMLHttpRequest;_.open("POST",d,!0),_.setRequestHeader("Content-Type","text/plain"),_.send(m)}catch(e){n("[Web Pixels Manager] Got an unhandled error while logging to Monorail.")}}else n("[Web Pixels Manager] No Monorail endpoint provided, skipping logging.")}}}({version:u,browserTarget:g,surface:d.surface,shopId:d.shopId,monorailEndpoint:d.monorailEndpoint});if(Boolean(null==(_=null==(b=window.Shopify)?void 0:b.analytics)?void 0:_.replayQueue))w.emit({status:"setup-skipped",errorMsg:"replay queue already initialized."});else{var b,_;w.emit({status:"setup-started"}),window.Shopify=window.Shopify||{};var S=window.Shopify;S.analytics=S.analytics||{};var P=S.analytics;P.replayQueue=[],P.publish=function(e,t,i){return P.replayQueue.push([e,t,i]),!0};try{self.performance.mark("wpm:start")}catch(e){}var k,C="modern"===g?"modern":"legacy",E=(null!=l?l:{modern:"",legacy:""})[C],I=[(k={baseUrl:s,hashVersion:u,buildTarget:C}).baseUrl,"/wpm","/b",k.hashVersion,"modern"===k.buildTarget?"m":"l",".js"].join(""),O=!1,T=!1;try{c.browserTarget=g,function(){O=!0;try{window.addEventListener("pagehide",M)}catch(e){O=!1}}(),R(function(){try{R(x)}catch(e){D(e)}}),w.emit({status:"loading",requestId:m.requestId,navigationType:m.navigationType,trekkieState:a()})}catch(e){D(e)}}function U(){var e;if(q(),!function(){var e,t;return Boolean(null==(t=null==(e=window.Shopify)?void 0:e.analytics)?void 0:t.initialized)}()){var t,i,n;try{if("function"!=typeof(null==(e=window.webPixelsManager)?void 0:e.init))return void A();if(!(null!==(n=i=t=window.webPixelsManager.init(d))&&"function"!=typeof n&&Object(n)===n&&"publish"in i&&"function"==typeof i.publish&&"publishCustomEvent"in i&&"function"==typeof i.publishCustomEvent&&"visitor"in i&&"function"==typeof i.visitor))return void A()}catch(e){return void A(e)}var r=window.Shopify.analytics;r.replayQueue.forEach(function(e){var i=e[0],n=e[1],r=e[2];t.publishCustomEvent(i,n,r)}),r.replayQueue=[],r.publish=t.publishCustomEvent,r.visitor=t.visitor,r.initialized=!0}}function A(e){B("manager_api_unavailable",void 0===e?void 0:Q(e))}function x(){B("script_load_failed","".concat(I," has failed to load"))}function B(e,t){T||(T=!0,q(),w.emit({status:"failed",errorMsg:t,failureReason:e,requestId:m.requestId,navigationType:m.navigationType,trekkieState:a()}))}function M(e){O&&(q(),w.emit({status:"pagehide-while-loading",useKeepaliveFallback:!0,pagehidePersisted:e.persisted,requestId:m.requestId,navigationType:m.navigationType,trekkieState:a()}))}function q(){O=!1;try{window.removeEventListener("pagehide",M)}catch(e){}}function R(e){var t;!function(e){var t=e.src,i=e.async,n=void 0===i||i,r=e.onload,o=e.onerror,a=e.sri,d=e.scriptDataAttributes,s=void 0===d?{}:d,u=document.createElement("script"),l=document.querySelector("head"),c=document.querySelector("body");if(u.async=n,u.src=t,a&&(u.integrity=a,u.crossOrigin="anonymous"),s)for(var p in s)if(Object.prototype.hasOwnProperty.call(s,p))try{u.dataset[p]=String(s[p])}catch(e){}if(r&&u.addEventListener("load",r),o&&u.addEventListener("error",o),l)l.appendChild(u);else{if(!c)throw new Error("Did not find a head or body element to append the script");c.appendChild(u)}}({src:I,async:!0,onload:U,onerror:e,sri:(t=E,"string"==typeof t&&/^sha384-[A-Za-z0-9+/=]+$/.test(t)?E:""),scriptDataAttributes:c})}function D(e){B("script_append_failed",Q(e))}function Q(e){return e instanceof Error?e.message:"Unknown error"}}}();wpmLoader({shopId: 3466100806,storefrontBaseUrl: "https://drinkolipop.com",extensionsBaseUrl: "https://extensions.shopifycdn.com/cdn/shopifycloud/web-pixels-manager",monorailEndpoint: "https://drinkolipop.com/.well-known/shopify/monorail/unstable/produce_batch",surface: "storefront-renderer",enabledBetaFlags: ["16072cab","8450a54b"],webPixelsConfigList: [{"id":"901611679","configuration":"{\"pixelCode\":\"C4AK431U9OSI64EC9TKG\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"22e92c2ad45662f435e4801458fb78cc","type":"APP","apiClientId":4383523,"privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized"},{"id":"887685279","configuration":"{\"advertiser\":\"drinkolipop\",\"userId\":\"161265b2-c678-45dd-8b10-b16b276c7094\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"c19c52670ee3dad6480bef13cf6d1e03","type":"APP","apiClientId":39871250433,"privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_email","read_customer_personal_data"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized"},{"id":"883064991","configuration":"{\"tenantId\":\"dfb51de3-94ea-4014-9527-37b52b8377ea\", \"shop\":\"olipop-store.myshopify.com\", \"datasourceId\":\"613a349b-c3fe-459e-a8c2-74250377f6c7\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"480ec4c467668a19b56bc858d759ef88","type":"APP","apiClientId":4294333,"privacyPurposes":["ANALYTICS"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]}
2103,"dataSharingState":"unrestricted"},{"id":"873824415","configuration":"{\"accountID\":\"9503\",\"integrationId\":\"9503\",\"brandId\":\"8725\",\"environment\":\"prod\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"f28c8e4372c74ce89d6ccedbdfdb52da","type":"APP","apiClientId":22258319361,"privacyPurposes":[],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized"},{"id":"855900319","configuration":"{\"Enabled\":\"false\",\"UpdatedAt\":\"2026-05-28T20:32:13.756Z\",\"DeveloperPreview\":\"false\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"7913f49eba866a6cbbe1bb85b5400251","type":"APP","apiClientId":34646425601,"privacyPurposes":["ANALYTICS"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"unrestricted"},{"id":"844464287","configuration":"{\"trackingKey\":\"olipop-store-stayai-web-pixel\",\"enabled\":\"true\",\"collectorUrl\":\"https:\\\/\\\/pixel.retextion.com\",\"version\":\"1\",\"debug\":\"false\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"94457fdfcf80b0033e88e322893e2b49","type":"APP","apiClientId":5859381,"privacyPurposes":["ANALYTICS"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"unrestricted"},{"id":"843415711","configuration":"{\"config_url\": \"https:\/\/shopify-gtm-suite.getelevar.com\/configs\/3bd4c3efadb9bd7b389600baaae057f8a9972102\/config.js\"}","eventPayloadVersion":"v1","runtimeContext":"LAX","scriptVersion":"7ae63d00911d5ee26809bf1e3232d852","type":"APP","apiClientId":2509311,"privacyPurposes":[],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"unrestricted"},{"id":"795934879","configuration":"{\"accountID\":\"PbvgDc\",\"webPixelConfig\":\"eyJlbmFibGVBZGRlZFRvQ2FydEV2ZW50cyI6IHRydWV9\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"c63c5b72c8d77be5f2d27d14c081da38","type":"APP","apiClientId":123074,"privacyPurposes":["ANALYTICS","MARKETING"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized","enabledFlags":["9a3ed68a"]},{"id":"746881183","configuration":"{\"accountID\":\"1552\",\"micrositeDomain\":\"drinkolipop.superfiliate.com\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"9fae8f5cb0b9c97477ac364bb3772a0c","type":"APP","apiClientId":4862993,"privacyPurposes":["ANALYTICS"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"unrestricted"},{"id":"740360351","configuration":"{\"shopUrl\":\"olipop-store.myshopify.com\",\"apiUrl\":\"https:\\\/\\\/services.nofraud.com\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"0cf396a0daab06a8120b15747f89a0e3","type":"APP","apiClientId":1380557,"privacyPurposes":[],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"unrestricted"},{"id":"651690143","configuration":"{\"shopId\":\"olipop-store.myshopify.com\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"7093dff47f098f6de2afb75b62011ebe","type":"APP","apiClientId":2753413,"privacyPurposes":["ANALYTICS","MARKETING"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized"},{"id":"601063583","configuration":"{\"accountID\":\"olipop-store.myshopify.com\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"74f89c26283dd9bc8e535e14315f3aed","type":"APP","apiClientId":198303350785,"privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized"},{"id":"566689951","configuration":"{\"shopID\":\"3466100806\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"661cb915019a6836503f79bf7365ed06","type":"APP","apiClientId":37840257025,"privacyPurposes":["ANALYTICS"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized"},{"id":"562888863","configuration":"{\"locale\":\"en_US\",\"client\":\"olipop\",\"environment\":\"production\",\"deployment_zone\":\"main_site\",\"use_external_ids\":\"false\",\"use_variants\":\"false\",\"external_id_attribute\":\"default\",\"storefront_api_key\":\"none\",\"product_metafield_key\":\"none\",\"product_metafield_namespace\":\"none\",\"multi_locale_enabled\":\"false\",\"locale_mapping\":\"{}\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"bf601cbef12079fa1ab77422415f1989","type":"APP","apiClientId":1888040,"privacyPurposes":["ANALYTICS","MARKETING"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized"},{"id":"306348191","configuration":"{\"site_id\":\"18c223ec-1eb0-462b-ae0c-008c2e8cc450\",\"analytics_endpoint\"
2103:\"https:\\\/\\\/na.shgcdn3.com\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"695709fc3f146fa50a25299517a954f2","type":"APP","apiClientId":1158168,"privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_personal_data"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized"},{"id":"216826015","configuration":"{\"pixel_id\":\"452900448865909\",\"pixel_type\":\"facebook_pixel\",\"metaapp_system_user_token\":\"-\"}","eventPayloadVersion":"v1","runtimeContext":"OPEN","scriptVersion":"96420dbe9ea96c426a1b7f364f977719","type":"APP","apiClientId":2329312,"privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized","enabledFlags":["9a3ed68a"]},{"id":"113672351","configuration":"{\"tagID\":\"2612465282190\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"7ae565e198624b39e0856d352b9a6b4c","type":"APP","apiClientId":3009811,"privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized"},{"id":"44695711","configuration":"{\"shopId\":\"olipop-store.myshopify.com\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"31536d5a2ef62c1887054e49fd58dba0","type":"APP","apiClientId":4845829,"privacyPurposes":["ANALYTICS"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"unrestricted"},{"id":"33783967","configuration":"{\"campaignID\":\"12980\",\"externalExecutionURL\":\"https:\/\/engine.saasler.com\/api\/v1\/webhook_executions\/b01a0964f6e01eccad6be51da55ef1e9\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"7a47b06116c806e4367c27d301f4f458","type":"APP","apiClientId":3546795,"privacyPurposes":[],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"unrestricted"},{"id":"26509471","configuration":"{\"myshopifyDomain\":\"olipop-store.myshopify.com\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"23b97d18e2aa74363140dc29c9284e87","type":"APP","apiClientId":2775569,"privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_phone","read_customer_personal_data"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized"},{"id":"16089247","eventPayloadVersion":"1","runtimeContext":"LAX","scriptVersion":"1","type":"CUSTOM","privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"name":"ORION"},{"id":"22773919","eventPayloadVersion":"1","runtimeContext":"LAX","scriptVersion":"1","type":"CUSTOM","privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"name":"Microsoft Clarity"},{"id":"30048415","eventPayloadVersion":"1","runtimeContext":"LAX","scriptVersion":"1","type":"CUSTOM","privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"name":"BrandLock Supplementary Pixel"},{"id":"33226911","eventPayloadVersion":"1","runtimeContext":"LAX","scriptVersion":"1","type":"CUSTOM","privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"name":"Videowise Pixel"},{"id":"143556767","eventPayloadVersion":"1","runtimeContext":"LAX","scriptVersion":"1","type":"CUSTOM","privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"name":"Reddit Pixel"}
2103,{"id":"143818911","eventPayloadVersion":"1","runtimeContext":"LAX","scriptVersion":"1","type":"CUSTOM","privacyPurposes":[],"name":"Elevar - Checkout Tracking"},{"id":"146636959","eventPayloadVersion":"1","runtimeContext":"LAX","scriptVersion":"1","type":"CUSTOM","privacyPurposes":["ANALYTICS","MARKETING"],"name":"Upsellit pixel"},{"id":"shopify-app-pixel","configuration":"{}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"0530","apiClientId":"shopify-pixel","type":"APP","privacyPurposes":["ANALYTICS","MARKETING"]},{"id":"shopify-custom-pixel","eventPayloadVersion":"v1","runtimeContext":"LAX","scriptVersion":"0530","apiClientId":"shopify-pixel","type":"CUSTOM","privacyPurposes":["ANALYTICS","MARKETING"]}],isMerchantRequest: false,initData: {"shop":{"name":"OLIPOP","paymentSettings":{"currencyCode":"USD"},"myshopifyDomain":"olipop-store.myshopify.com","countryCode":"US","storefrontUrl":"https:\/\/drinkolipop.com"},"customer":null,"cart":null,"checkout":null,"productVariants":[],"products":[{"id":"
210310910759354527","handle":"caramel-apple","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"62787700588703","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"5871016640671","handle":"blackberry-vanilla","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"62826927587487","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7478573498527","handle":"crisp-apple","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"62455896703135","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"6866436948127","handle":"classic-grape","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"62455895720095","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"4350717460544","handle":"classic-root-beer","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"62455896539295","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"3818023125062","handle":"vintage-cola","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"62455936123039","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7413651636383","handle":"cream-soda","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"62455900995743","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"3818021027910","handle":"strawberry-vanilla","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"62455931535519","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7502145421471","handle":"cherry-cola","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"62455884611743","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"6604538577055","handle":"orange-cream","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"62455923474591","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"9247375851679","handle":"peaches-and-cream","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"62455929503903","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"9038878015647","handle":"ginger-ale","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"62455920001183","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"5538631712927","handle":"orange-squeeze","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"62455928127647","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"9407865061535","handle":"citrus-rush","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"62455931175071","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7413651832991","handle":"doctor-goodwin","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"62455904272543","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"4452820189248","handle":"cherry-vanilla","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"62455895425183","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"3818021912646","handle":"ginger-lemon","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"62455921377439","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7323931246751","handle":"tropical-punch","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"62455935631519","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7612616376479","handle":"lemon-lime","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"62454514024607","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7682917990559","handle":"watermelon-lime","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"62455936680095","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7401847029919","handle":"banana-cream","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"62454327967903","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]}],"purchasingCompany":null},},"https://drinkolipop.com/cdn","c8540278we853e1abpb62b2c4amde256306",{"modern":"","legacy":""},{"trekkieShim":true,"agentContext":true,"apiClientId":"580111","facebookCapiEnabled":"true","themeId":"174423703711","themePublished":"true","eventMetadataId":"9a8029cf-0e10-4ac0-a71a-6d165fec8bed","pageType":"collection","resourceId":"641654685855","shopId":"3466100806","storefrontBaseUrl":"https:\/\/drinkolipop.com","extensionBaseUrl":"https:\/\/extensions.shopifycdn.com\/cdn\/shopifycloud\/web-pixels-manager","surface":"storefront-renderer","enabledBetaFlags":"[\"16072cab\", \"8450a54b\"]","isMerchantRequest":"false","hashVersion":"c8540278we853e1abpb62b2c4amde256306","publish":"custom","events":"[[\"page_viewed\",{}],[\"collection_viewed\",{\"collection\":{\"id\":\"641654685855\",\"title\":\"9g Fiber\",\"productVariants\":[{\"price\":{\"amount\":35.99,\"currencyCode\":\"USD\"},\"product\":{\"title\":\"Caramel Apple\",\"vendor\":\"OLIPOP\",\"id\":\"10910759354527\",\"untranslatedTitle\":\"Caramel Apple\",\"url\":\"\/products\/caramel-apple\",\"type\":\"9g Fiber\"},\"id\":\"62787700588703\",\"image\":{\"src\":\"\/\/drinkolipop.com\/cdn\/shop\/files\/caramel-apple-9g-olipop_gallery-image_single-can_new_asset.webp?v=1788145122\"},\"sku\":null,\"title\":\"1 Can\",\"untranslatedTitle\":\"1 Can\"},{\"price\":{\"amount\":35.99,\"currencyCode\":\"USD\"},\"product\":{\"title\":\"Blackberry Vanilla\",\"vendor\":\"OLIPOP\",\"id\":\"5871016640671\",\"untranslatedTitle\":\"Blackberry Vanilla\",\"url\":\"\/products\/blackberry-vanilla\",\"type\":\"9g Fiber\"},\"id\":\"62826927587487\",\"image\":{\"src\":\"\/\/drinkolipop.com\/cdn\/shop\/files\/blackberry-vanilla-9g-olipop_gallery-image_single-can_new_asset.webp?v=1779162450\"},\"sku\":null,\"title\":\"1 Can\",\"untranslatedTitle\":\"1 Can\"},{\"price\":{\"amount\":35.99,\"currencyCode\":\"USD\"},\"product\":{\"title\":\"Crisp Apple\",\"vendor\":\"OLIPOP\",\"id\":\"7478573498527\",\"untranslatedTitle\":\"Crisp Apple\",\"url\":\"\/products\/crisp-apple\",\"type\":\"9g Fiber\"},\"id\":\"62455896703135\",\"image\":{\"src\":\"\/\/drinkolipop.com\/cdn\/shop\/files\/crisp-apple-9g-olipop_gallery-image_single-can_new_asset.webp?v=1779163593\"},\"sku\":null,\"title\":\"1 Can\",\"untranslatedTitle\":\"1 Can\"},{\"price\":{\"amount\":35.99,\"currencyCode\":\"USD\"},\"product\":{\"title\":\"Classic Grape\",\"vendor\":\"OLIPOP\",\"id\":\"6866436948127\",\"untranslatedTitle\":\"Classic Grape\",\"url\":\"\/products\/classic-grape\",\"type\":\"9g Fiber\"},\"id\":\"62455895720095\",\"image\":{\"src\":\"\/\/drinkolipop.com\/cdn\/shop\/files\/classic-grape-9g-olipop_gallery-image_single-can_new_asset.webp?v=1779163040\"},\"sku\":null,\"title\":\"1 Can\",\"untranslatedTitle\":\"1 Can\"},{\"price\":{\"amount\":35.99,\"currencyCode\":\"USD\"},\"product\":{\"title\":\"Classic Root Beer\",\"vendor\":\"OLIPOP\",\"id\":\"4350717460544\",\"untranslatedTitle\":\"Classic Root Beer\",\"url\":\"\/products\/classic-root-beer\",\"type\":\"9g Fiber\"},\"id\":\"62455896539295\",\"image\":{\"src\":\"\/\/drinkolipop.com\/cdn\/shop\/files\/classic-root-beer-9g-olipop_gallery-image_single-can_new_asset.webp?v=1779161742\"},\"sku\":null,\"title\":\"1 Can\",\"untranslatedTitle\":\"1 Can\"},{\"price\":{\"amount\":35.99,\"currencyCode\":\"USD\"},\"product\":{\"title\":\"Vintage Cola\",\"vendor\":\"OLIPOP\",\"id\":\"3818023125062\",\"untranslatedTitle\":\"Vintage Cola\",\"url\":\"\/products\/vintage-cola\",\"type\":\"9g Fiber\"},\"id\":\"62455936123039\",\"image\":{\"src\":\"\/\/drinkolipop.com\/cdn\/shop\/files\/vintage-cola-9g-olipop_gallery-image_single-can_new_asset.webp?v=1779161590\"},\"sku\":null,\"title\":\"1 Can\",\"untranslatedTitle\":\"1 Can\"},{\"price\":{\"amount\":35.99,\"currencyCode\":\"USD\"},\"product\":{\"title\":\"Cream Soda\",\"vendor\":\"OLIPOP\",\"id\":\"7413651636383\",\"untranslatedTitle\":\"Cream Soda\",\"url\":\"\/products\/cream-soda\",\"type\":\"9g Fiber\"},\"id\":\"62455900995743\",\"image\":{\"src\":\"\/\/drinkolipop.com\/cdn\/shop\/files\/cream-soda-9g-olipop_gallery-image_single-can_new_asset.webp?v=1779163263\"},\"sku\":null,\"title\":\"1 Can\",\"untranslatedTitle\":\"1 Can\"},{\"price\":{\"amount\":35.99,\"currencyCode\":\"USD\"},\"product\":{\"title\":\"Strawberry Vanilla\",\"vendor\":\"OLIPOP\",\"id\":\"3818021027910\",\"untranslatedTitle\":\"Strawberry Vanilla\",\"url\":\"\/products\/strawberry-vanilla\",\"type\":\"9g Fiber\"},\"id\":\"62455931535519\",\"image\":{\"src\":\"\/\/drinkolipop.com\/cdn\/shop\/files\/strawberry-vanilla-9g-olipop_gallery-main-image_new_asset.webp?v=1779161007\"},\"sku\":null,\"title\":\"1 Can\",\"untranslatedTitle\":\"1 Can\"},{\"price\":{\"amount\":35.99,\"currencyCode\":\"USD\"},\"product\":{\"title\":\"Cherry Cola\",\"vendor\":\"OLIPOP\",\"id\":\"7502145421471\",\"untranslatedTitle\":\"Cherry Cola\",\"url\":\"\/products\/cherry-cola\",\"type\":\"9g Fiber\"},\"id\":\"62455884611743\",\"image\":{\"src\":\"\/\/drinkolipop.com\/cdn\/shop\/files\/cherry-cola-9g-olipop_gallery-main-image_new_asset.webp?v=1779163770\"},\"sku\":null,\"title\":\"1 Can\",\"untranslatedTitle\":\"1 Can\"},{\"price\":{\"amount\":35.99,\"currencyCode\":\"USD\"},\"product\":{\"title\":\"Orange Cream\",\"vendor\":\"OLIPOP\",\"id\":\"6604538577055\",\"untranslatedTitle\":\"Orange Cream\",\"url\":\"\/products\/orange-cream\",\"type\":\"9g Fiber\"},\"id\":\"62455923474591\",\"image\":{\"src\":\"\/\/drinkolipop.com\/cdn\/shop\/files\/orange-cream-9g-olipop_gallery-image_single-can_new_asset.webp?v=1779162789\"},\"sku\":null,\"title\":\"1 Can\",\"untranslatedTitle\":\"1 Can\"},{\"price\":{\"amount\":35.99,\"currencyCode\":\"USD\"},\"product\":{\"title\":\"Peaches \u0026 Cream\",\"vendor\":\"OLIPOP\",\"id\":\"9247375851679\",\"untranslatedTitle\":\"Peaches \u0026 Cream\",\"url\":\"\/products\/peaches-and-cream\",\"type\":\"9g Fiber\"},\"id\":\"62455929503903\",\"image\":{\"src\":\"\/\/drinkolipop.com\/cdn\/shop\/files\/peaches-and-cream-9g-olipop_gallery-image_single-can_new_asset.webp?v=1779165117\"},\"sku\":null,\"title\":\"1 Can\",\"untranslatedTitle\":\"1 Can\"},{\"price\":{\"amount\":35.99,\"currencyCode\":\"USD\"},\"product\":{\"title\":\"Ginger Ale\",\"vendor\":\"OLIPOP\",\"id\":\"9038878015647\",\"untranslatedTitle\":\"Ginger Ale\",\"url\":\"\/products\/ginger-ale\",\"type\":\"9g Fiber\"},\"id\":\"62455920001183\",\"image\":{\"src\":\"\/\/drinkolipop.com\/cdn\/shop\/files\/ginger-ale-9g-olipop_gallery-image_single-can_new_asset.webp?v=1779164857\"},\"sku\":null,\"title\":\"1 Can\",\"untranslatedTitle\":\"1 Can\"},{\"price\":{\"amount\":35.99,\"currencyCode\":\"USD\"},\"product\":{\"title\":\"Orange Squeeze\",\"vendor\":\"OLIPOP\",\"id\":\"5538631712927\",\"untranslatedTitle\":\"Orange Squeeze\",\"url\":\"\/products\/orange-squeeze\",\"type\":\"9g Fiber\"},\"id\":\"62455928127647\",\"image\":{\"src\":\"\/\/drinkolipop.com\/cdn\/shop\/files\/orange-squeeze-9g-olipop_gallery-image_single-can_new_asset.webp?v=1779162264\"},\"sku\":null,\"title\":\"1 Can\",\"untranslatedTitle\":\"1 Can\"},{\"price\":{\"amount\":35.99,\"currencyCode\":\"USD\"},\"product\":{\"title\":\"Citrus Rush\",\"vendor\":\"OLIPOP\",\"id\":\"9407865061535\",\"untranslatedTitle\":\"Citrus Rush\",\"url\":\"\/products\/citrus-rush\",\"type\":\"9g Fiber\"},\"id\":\"62455931175071\",\"image\":{\"src\":\"\/\/drinkolipop.com\/cdn\/shop\/files\/citrus-rush-9g-olipop_gallery-image_single-can_new_asset.webp?v=1779196248\"},\"sku\":null,\"title\":\"1 Can\",\"untranslatedTitle\":\"1 Can\"},{\"price\":{\"amount\":35.99,\"currencyCode\":\"USD\"},\"product\":{\"title\":\"Doctor Goodwin\",\"vendor\":\"OLIPOP\",\"id\":\"7413651832991\",\"untranslatedTitle\":\"Doctor Goodwin\",\"url\":\"\/products\/doctor-goodwin\",\"type\":\"9g Fiber\"}
2103,\"id\":\"62455904272543\",\"image\":{\"src\":\"\/\/drinkolipop.com\/cdn\/shop\/files\/doctor-goodwin-9g-olipop_gallery-image_single-can_new_asset.webp?v=1779163486\"},\"sku\":null,\"title\":\"1 Can\",\"untranslatedTitle\":\"1 Can\"},{\"price\":{\"amount\":35.99,\"currencyCode\":\"USD\"},\"product\":{\"title\":\"Cherry Vanilla\",\"vendor\":\"OLIPOP\",\"id\":\"4452820189248\",\"untranslatedTitle\":\"Cherry Vanilla\",\"url\":\"\/products\/cherry-vanilla\",\"type\":\"9g Fiber\"},\"id\":\"62455895425183\",\"image\":{\"src\":\"\/\/drinkolipop.com\/cdn\/shop\/files\/cherry-vanilla-9g-olipop_gallery-image_single-can_new_asset.webp?v=1779162208\"},\"sku\":null,\"title\":\"1 Can\",\"untranslatedTitle\":\"1 Can\"},{\"price\":{\"amount\":35.99,\"currencyCode\":\"USD\"},\"product\":{\"title\":\"Ginger Lemon\",\"vendor\":\"OLIPOP\",\"id\":\"3818021912646\",\"untranslatedTitle\":\"Ginger Lemon\",\"url\":\"\/products\/ginger-lemon\",\"type\":\"9g Fiber\"},\"id\":\"62455921377439\",\"image\":{\"src\":\"\/\/drinkolipop.com\/cdn\/shop\/files\/ginger-lemon-9g-olipop_gallery-image_single-can_new_asset.webp?v=1779161268\"},\"sku\":null,\"title\":\"1 Can\",\"untranslatedTitle\":\"1 Can\"},{\"price\":{\"amount\":35.99,\"currencyCode\":\"USD\"},\"product\":{\"title\":\"Tropical Punch\",\"vendor\":\"OLIPOP\",\"id\":\"7323931246751\",\"untranslatedTitle\":\"Tropical Punch\",\"url\":\"\/products\/tropical-punch\",\"type\":\"9g Fiber\"},\"id\":\"62455935631519\",\"image\":{\"src\":\"\/\/drinkolipop.com\/cdn\/shop\/files\/tropical-punch-9g-olipop_gallery-image_single-can_new_asset.webp?v=1779163155\"},\"sku\":null,\"title\":\"1 Can\",\"untranslatedTitle\":\"1 Can\"},{\"price\":{\"amount\":35.99,\"currencyCode\":\"USD\"},\"product\":{\"title\":\"Lemon Lime\",\"vendor\":\"OLIPOP\",\"id\":\"7612616376479\",\"untranslatedTitle\":\"Lemon Lime\",\"url\":\"\/products\/lemon-lime\",\"type\":\"9g Fiber\"},\"id\":\"62454514024607\",\"image\":{\"src\":\"\/\/drinkolipop.com\/cdn\/shop\/files\/lemon-lime-9g-olipop_gallery-image_single-can_new_asset.webp?v=1779163931\"},\"sku\":null,\"title\":\"1 Can\",\"untranslatedTitle\":\"1 Can\"},{\"price\":{\"amount\":35.99,\"currencyCode\":\"USD\"},\"product\":{\"title\":\"Watermelon Lime\",\"vendor\":\"OLIPOP\",\"id\":\"7682917990559\",\"untranslatedTitle\":\"Watermelon Lime\",\"url\":\"\/products\/watermelon-lime\",\"type\":\"9g Fiber\"},\"id\":\"62455936680095\",\"image\":{\"src\":\"\/\/drinkolipop.com\/cdn\/shop\/files\/watermelon-lime-9g-olipop_gallery-image_single-can_new_asset.webp?v=1779164501\"},\"sku\":null,\"title\":\"1 Can\",\"untranslatedTitle\":\"1 Can\"},{\"price\":{\"amount\":35.99,\"currencyCode\":\"USD\"},\"product\":{\"title\":\"Banana Cream\",\"vendor\":\"OLIPOP\",\"id\":\"7401847029919\",\"untranslatedTitle\":\"Banana Cream\",\"url\":\"\/products\/banana-cream\",\"type\":\"9g Fiber\"},\"id\":\"62454327967903\",\"image\":{\"src\":\"\/\/drinkolipop.com\/cdn\/shop\/files\/banana-cream-9g-olipop_gallery-image_single-can_new_asset.webp?v=1779155708\"},\"sku\":null,\"title\":\"1 Can\",\"untranslatedTitle\":\"1 Can\"}]}}]]"});})();</script>
2103<script> 2104 window.ShopifyAnalytics = window.ShopifyAnalytics || {}; 2105 window.ShopifyAnalytics.meta = window.ShopifyAnalytics.meta || {}; 2106 window.ShopifyAnalytics.meta.currency = 'USD'; 2107 var meta = {"products":[{"id":10910759354527,"gid":"gid:\/\/shopify\/Product\/10910759354527","vendor":"OLIPOP","type":"9g Fiber","handle":"caramel-apple","variants":[{"id":62787700588703,"price":3599,"name":"Caramel Apple - 1 Can","public_title":"1 Can","sku":null},{"id":62787700621471,"price":3599,"name":"Caramel Apple - 12 Pack","public_title":"12 Pack","sku":"OP-CRA-12"}],"remote":false},{"id":5871016640671,"gid":"gid:\/\/shopify\/Product\/5871016640671","vendor":"OLIPOP","type":"9g Fiber","handle":"blackberry-vanilla","variants":[{"id":62826927587487,"price":3599,"name":"Blackberry Vanilla - 1 Can","public_title":"1 Can","sku":null},{"id":37114287784095,"price":3599,"name":"Blackberry Vanilla - 12 Pack","public_title":"12 Pack","sku":"OP-BBV-12"}],"remote":false},{"id":7478573498527,"gid":"gid:\/\/shopify\/Product\/7478573498527","vendor":"OLIPOP","type":"9g Fiber","handle":"crisp-apple","variants":[{"id":6245
21075896703135,"price":3599,"name":"Crisp Apple - 1 Can","public_title":"1 Can","sku":null},{"id":62793030074527,"price":3599,"name":"Crisp Apple - 4 Pack","public_title":"4 Pack","sku":null},{"id":42468536975519,"price":3599,"name":"Crisp Apple - 12 Pack","public_title":"12 Pack","sku":"OP-CA-12"}],"remote":false},{"id":6866436948127,"gid":"gid:\/\/shopify\/Product\/6866436948127","vendor":"OLIPOP","type":"9g Fiber","handle":"classic-grape","variants":[{"id":62455895720095,"price":3599,"name":"Classic Grape - 1 Can","public_title":"1 Can","sku":null},{"id":62455895752863,"price":3599,"name":"Classic Grape - 4 Pack","public_title":"4 Pack","sku":null},{"id":62455895785631,"price":3599,"name":"Classic Grape - 6 Pack Minis","public_title":"6 Pack Minis","sku":null},{"id":40304921542815,"price":3599,"name":"Classic Grape - 12 Pack","public_title":"12 Pack","sku":"OP-GR-12"}],"remote":false},{"id":4350717460544,"gid":"gid:\/\/shopify\/Product\/4350717460544","vendor":"OLIPOP","type":"9g Fiber","handle":"classic-root-beer","variants":[{"id":6245
21075896539295,"price":3599,"name":"Classic Root Beer - 1 Can","public_title":"1 Can","sku":null},{"id":62455896572063,"price":3599,"name":"Classic Root Beer - 4 Pack","public_title":"4 Pack","sku":null},{"id":31199447679040,"price":3599,"name":"Classic Root Beer - 12 Pack","public_title":"12 Pack","sku":"OP-RB-12"}],"remote":false},{"id":3818023125062,"gid":"gid:\/\/shopify\/Product\/3818023125062","vendor":"OLIPOP","type":"9g Fiber","handle":"vintage-cola","variants":[{"id":62455936123039,"price":3599,"name":"Vintage Cola - 1 Can","public_title":"1 Can","sku":null},{"id":62455936155807,"price":3599,"name":"Vintage Cola - 4 Pack","public_title":"4 Pack","sku":null},{"id":62455936188575,"price":3599,"name":"Vintage Cola - 6 Pack Minis","public_title":"6 Pack Minis","sku":null},{"id":30315238260806,"price":3599,"name":"Vintage Cola - 12 Pack","public_title":"12 Pack","sku":"OP-VC-12"}],"remote":false},{"id":7413651636383,"gid":"gid:\/\/shopify\/Product\/7413651636383","vendor":"OLIPOP","type":"9g Fiber","handle":"cream-soda","variants":[{"id":6245
21075900995743,"price":3599,"name":"Cream Soda - 1 Can","public_title":"1 Can","sku":null},{"id":62455901028511,"price":3599,"name":"Cream Soda - 4 Pack","public_title":"4 Pack","sku":null},{"id":42284980666527,"price":3599,"name":"Cream Soda - 12 Pack","public_title":"12 Pack","sku":"OP-CS-12"}],"remote":false},{"id":3818021027910,"gid":"gid:\/\/shopify\/Product\/3818021027910","vendor":"OLIPOP","type":"9g Fiber","handle":"strawberry-vanilla","variants":[{"id":62455931535519,"price":3599,"name":"Strawberry Vanilla - 1 Can","public_title":"1 Can","sku":null},{"id":62455931568287,"price":3599,"name":"Strawberry Vanilla - 4 Pack","public_title":"4 Pack","sku":null},{"id":62455931601055,"price":3599,"name":"Strawberry Vanilla - 6 Pack Minis","public_title":"6 Pack Minis","sku":null},{"id":30315220959302,"price":3599,"name":"Strawberry Vanilla - 12 Pack","public_title":"12 Pack","sku":"OP-SV-12"}],"remote":false},{"id":7502145421471,"gid":"gid:\/\/shopify\/Product\/7502145421471","vendor":"OLIPOP","type":"9g Fiber","handle":"cherry-cola","variants":[{"id":6245
21075884611743,"price":3599,"name":"Cherry Cola - 1 Can","public_title":"1 Can","sku":null},{"id":62455884644511,"price":3599,"name":"Cherry Cola - 4 Pack","public_title":"4 Pack","sku":null},{"id":42533620777119,"price":3599,"name":"Cherry Cola - 12 Pack","public_title":"12 Pack","sku":"OP-CHC-12"}],"remote":false},{"id":6604538577055,"gid":"gid:\/\/shopify\/Product\/6604538577055","vendor":"OLIPOP","type":"9g Fiber","handle":"orange-cream","variants":[{"id":62455923474591,"price":3599,"name":"Orange Cream - 1 Can","public_title":"1 Can","sku":null},{"id":62468454645919,"price":3599,"name":"Orange Cream - 6 Pack Minis","public_title":"6 Pack Minis","sku":null},{"id":39569001578655,"price":3599,"name":"Orange Cream - 12 Pack","public_title":"12 Pack","sku":"OP-OC-12"}],"remote":false},{"id":9247375851679,"gid":"gid:\/\/shopify\/Product\/9247375851679","vendor":"OLIPOP","type":"9g Fiber","handle":"peaches-and-cream","variants":[{"id":62455929503903,"price":3599,"name":"Peaches \u0026 Cream - 1 Can","public_title":"1 Can","sku":null},{"id":45259076501663,"price":3599,"name":"Peaches \u0026 Cream - 12 Pack","public_title":"12 Pack","sku":"OP-PC-12"}],"remote":false},{"id":9038878015647,"gid":"gid:\/\/shopify\/Product\/9038878015647","vendor":"OLIPOP","type":"9g Fiber","handle":"ginger-ale","variants":[{"id":6245
21075920001183,"price":3599,"name":"Ginger Ale - 1 Can","public_title":"1 Can","sku":null},{"id":62455920033951,"price":3599,"name":"Ginger Ale - 4 Pack","public_title":"4 Pack","sku":null},{"id":62455920066719,"price":3599,"name":"Ginger Ale - 6 Pack Minis","public_title":"6 Pack Minis","sku":null},{"id":44438423208095,"price":3599,"name":"Ginger Ale - 12 Pack","public_title":"12 Pack","sku":"OP-GA-12"}],"remote":false},{"id":5538631712927,"gid":"gid:\/\/shopify\/Product\/5538631712927","vendor":"OLIPOP","type":"9g Fiber","handle":"orange-squeeze","variants":[{"id":62455928127647,"price":3599,"name":"Orange Squeeze - 1 Can","public_title":"1 Can","sku":null},{"id":35768781111455,"price":3599,"name":"Orange Squeeze - 12 Pack","public_title":"12 Pack","sku":"OP-OS-12"}],"remote":false},{"id":9407865061535,"gid":"gid:\/\/shopify\/Product\/9407865061535","vendor":"OLIPOP","type":"9g Fiber","handle":"citrus-rush","variants":[{"id":62455931175071,"price":3599,"name":"Citrus Rush - 1 Can","public_title":"1 Can","sku":null},{"id":62468471816351,"price":3599,"name":"Citrus Rush - 4 Pack","public_title":"4 Pack","sku":null},{"id":46054342066335,"price":3599,"name":"Citrus Rush - 12 Pack","public_title":"12 Pack","sku":"OP-RR-12"}],"remote":false},{"id":7413651832991,"gid":"gid:\/\/shopify\/Product\/7413651832991","vendor":"OLIPOP","type":"9g Fiber","handle":"doctor-goodwin","variants":[{"id":6245
21075904272543,"price":3599,"name":"Doctor Goodwin - 1 Can","public_title":"1 Can","sku":null},{"id":42284985188511,"price":3599,"name":"Doctor Goodwin - 12 Pack","public_title":"12 Pack","sku":"OP-DG-12"}],"remote":false},{"id":4452820189248,"gid":"gid:\/\/shopify\/Product\/4452820189248","vendor":"OLIPOP","type":"9g Fiber","handle":"cherry-vanilla","variants":[{"id":62455895425183,"price":3599,"name":"Cherry Vanilla - 1 Can","public_title":"1 Can","sku":null},{"id":31667872464960,"price":3599,"name":"Cherry Vanilla - 12 Pack","public_title":"12 Pack","sku":"OP-CV-12"}],"remote":false},{"id":3818021912646,"gid":"gid:\/\/shopify\/Product\/3818021912646","vendor":"OLIPOP","type":"9g Fiber","handle":"ginger-lemon","variants":[{"id":62455921377439,"price":3599,"name":"Ginger Lemon - 1 Can","public_title":"1 Can","sku":null},{"id":30315236851782,"price":3599,"name":"Ginger Lemon - 12 Pack","public_title":"12 Pack","sku":"OP-GL-12"}],"remote":false},{"id":7323931246751,"gid":"gid:\/\/shopify\/Product\/7323931246751","vendor":"OLIPOP","type":"9g Fiber","handle":"tropical-punch","variants":[{"id":6245
21075935631519,"price":3599,"name":"Tropical Punch - 1 Can","public_title":"1 Can","sku":null},{"id":41922380824735,"price":3599,"name":"Tropical Punch - 12 Pack","public_title":"12 Pack","sku":"OP-TP-12"}],"remote":false},{"id":7612616376479,"gid":"gid:\/\/shopify\/Product\/7612616376479","vendor":"OLIPOP","type":"9g Fiber","handle":"lemon-lime","variants":[{"id":62454514024607,"price":3599,"name":"Lemon Lime - 1 Can","public_title":"1 Can","sku":null},{"id":62454514057375,"price":3599,"name":"Lemon Lime - 4 Pack","public_title":"4 Pack","sku":null},{"id":42897487429791,"price":3599,"name":"Lemon Lime - 12 Pack","public_title":"12 Pack","sku":"OP-LL-12"}],"remote":false},{"id":7682917990559,"gid":"gid:\/\/shopify\/Product\/7682917990559","vendor":"OLIPOP","type":"9g Fiber","handle":"watermelon-lime","variants":[{"id":62455936680095,"price":3599,"name":"Watermelon Lime - 1 Can","public_title":"1 Can","sku":null},{"id":43069390880927,"price":3599,"name":"Watermelon Lime - 12 Pack","public_title":"12 Pack","sku":"OP-WL-12"}],"remote":false},{"id":7401847029919,"gid":"gid:\/\/shopify\/Product\/7401847029919","vendor":"OLIPOP","type":"9g Fiber","handle":"banana-cream","variants":[{"id":62454327967903,"price":3599,"name":"Banana Cream - 1 Can","public_title":"1 Can","sku":null},{"id":42237531390111,"price":3599,"name":"Banana Cream - 12 Pack","public_title":"12 Pack","sku":"OP-BC-12"}],"remote":false}],"page":{"pageType":"collection","resourceType":"collection","resourceId":641654685855,"requestId":"0416b452-bdbc-498b-94ab-580825d4163a-1790276383"}}; 2108 for (var attr in meta) { 2109 window.ShopifyAnalytics.meta[attr] = meta[attr]; 2110 } 2111</script>
vendor: 1 bytes, line 2111
2111
2112<script class="analytics"> 2113 (function () { 2114 var customDocumentWrite = function(content) { 2115 var jquery = null; 2116 2117 if (window.jQuery) { 2118 jquery = window.jQuery; 2119 } else if (window.Checkout && window.Checkout.$) { 2120 jquery = window.Checkout.$; 2121 } 2122 2123 if (jquery) { 2124 jquery('body').append(content); 2125 } 2126 }; 2127 2128 var hasLoggedConversion = function(token) { 2129 if (token) { 2130 return document.cookie.indexOf('loggedConversion=' + token) !== -1; 2131 } 2132 return false; 2133 } 2134 2135 var setCookieIfConversion = function(token) { 2136 if (token) { 2137 var twoMonthsFromNow = new Date(Date.now()); 2138 twoMonthsFromNow.setMonth(twoMonthsFromNow.getMonth() + 2); 2139 2140 document.cookie = 'loggedConversion=' + token + '; expires=' + twoMonthsFromNow; 2141 } 2142 } 2143 2144 var trekkie = window.ShopifyAnalytics.lib = window.trekkie = window.trekkie || []; 2145 window.ShopifyAnalytics.lib.trekkie = window.trekkie; 2146 if (trekkie.integrations) { 2147 return; 2148 } 2149 trekkie.methods = [ 2150 'identify', 2151 'page', 2152 'ready', 2153 'track', 2154 'trackForm', 2155 'trackLink' 2156 ]; 2157 trekkie.factory = function(method) { 2158 return function() { 2159 var args = Array.prototype.slice.call(arguments); 2160 args.unshift(method); 2161 trekkie.push(args); 2162 if (method == 'track' || method == 'page') { 2163 try { 2164 if (window.__TREKKIE_SHIM_QUEUE == null) { 2165 window.__TREKKIE_SHIM_QUEUE = []; 2166 } 2167 window.__TREKKIE_SHIM_QUEUE.push({ 2168 from: 'trekkie-stub', 2169 method: method, 2170 args: args.slice(1) 2171 }); 2172 } catch (e) { 2173 // no-op 2174 } 2175 } 2176 return trekkie; 2177 }; 2178 }; 2179 for (var i = 0; i < trekkie.methods.length; i++) { 2180 var key = trekkie.methods[i]; 2181 trekkie[key] = trekkie.factory(key); 2182 } 2183 trekkie.load = function(config) { 2184 trekkie.config = config || {}; 2185 trekkie.config.initialDocumentCookie = document.cookie; 2186 var first = document.getElementsByTagName('script')[0]; 2187var script = document.createElement('script'); 2188script.type = 'text/javascript'; 2189script.onerror = function(e) { 2190 var scriptFallback = document.createElement('script'); 2191 scriptFallback.type = 'text/javascript'; 2192 scriptFallback.onerror = function(error) { 2193 var Monorail = { 2194 produce: function produce(monorailDomain, schemaId, payload) { 2195 var currentMs = new Date().getTime(); 2196 var event = { 2197 schema_id: schemaId, 2198 payload: payload, 2199 metadata: { 2200 event_created_at_ms: currentMs, 2201 event_sent_at_ms: currentMs 2202 } 2203 }; 2204 return Monorail.sendRequest("https://" + monorailDomain + "/v1/produce", JSON.stringify(event)); 2205 }, 2206 sendRequest: function sendRequest(endpointUrl, payload) { 2207 // Try the sendBeacon API 2208 if (window && window.navigator && typeof window.navigator.sendBeacon === 'function' && typeof window.Blob === 'function' && !Monorail.isIos12()) { 2209 var blobData = new window.Blob([payload], { 2210 type: 'text/plain' 2211 }); 2212 2213 if (window.navigator.sendBeacon(endpointUrl, blobData)) { 2214 return true; 2215 } // sendBeacon was not successful 2216 2217 } // XHR beacon 2218 2219 var xhr = new XMLHttpRequest(); 2220 2221 try { 2222 xhr.open('POST', endpointUrl); 2223 xhr.setRequestHeader('Content-Type', 'text/plain'); 2224 xhr.send(payload); 2225 } catch (e) { 2226 console.log(e); 2227 } 2228 2229 return false; 2230 }, 2231 isIos12: function isIos12() { 2232 return window.navigator.userAgent.lastIndexOf('iPhone; CPU iPhone OS 12_') !== -1 || window.navigator.userAgent.lastIndexOf('iPad; CPU OS 12_') !== -1; 2233 } 2234 }; 2235 Monorail.produce('monorail-edge.shopifysvc.com', 2236 'trekkie_storefront_load_errors/1.1', 2237 {shop_id: 3466100806, 2238 theme_id: 174423703711, 2239 app_name: "storefront", 2240 context_url: window.location.href, 2241 source_url: "//drinkolipop.com/cdn/s/trekkie.storefront.f1ba865b3fecd812ad617f74ac079261075e9edb.min.js"}); 2242 2243 }; 2244 scriptFallback.async = true; 2245 scriptFallback.src = '//drinkolipop.com/cdn/s/trekkie.storefront.f1ba865b3fecd812ad617f74ac079261075e9edb.min.js'; 2246 first.parentNode.insertBefore(scriptFallback, first); 2247}; 2248script.async = true; 2249script.src = '//drinkolipop.com/cdn/s/trekkie.storefront.f1ba865b3fecd812ad617f74ac079261075e9edb.min.js'; 2250first.parentNode.insertBefore(script, first); 2251 2252 }; 2253 trekkie.load( 2254 {"Trekkie":{"appName":"storefront","development":false,"defaultAttributes":{"shopId":3466100806,"isMerchantRequest":null,"themeId":174423703711,"themeCityHash":"7301777261572850708","contentLanguage":"en","currency":"USD","eventMetadataId":"9a8029cf-0e10-4ac0-a71a-6d165fec8bed"},"isServerSideCookieWritingEnabled":true,"monorailRegion":"shop_domain","enabledBetaFlags":["764d78cb","8450a54b"]},"Session Attribution":{},"S2S":{"facebookCapiEnabled":true,"source":"trekkie-storefront-renderer","apiClientId":580111}} 2255 ); 2256 2257 var loaded = false;
2258 trekkie.ready(function() { 2259 if (loaded) return; 2260 loaded = true; 2261 2262 window.ShopifyAnalytics.lib = window.trekkie; 2263 2264 var originalDocumentWrite = document.write; 2265 document.write = customDocumentWrite; 2266 try { window.ShopifyAnalytics.merchantGoogleAnalytics.call(this); } catch(error) {}; 2267 document.write = originalDocumentWrite; 2268 2269 var match = window.location.pathname.match(/checkouts\/(.+)\/(thank_you|post_purchase)/) 2270 var token = match? match[1]: undefined; 2271 if (!hasLoggedConversion(token)) { 2272 setCookieIfConversion(token); 2273 window.ShopifyAnalytics.lib.track("Viewed Product Category",{"currency":"USD","category":"Collection: shop-9g-fiber","collectionName":"shop-9g-fiber","collectionId":641654685855,"nonInteraction":true},undefined,undefined,{"shopifyEmitted":true}); 2274 } 2275 }); 2276 2277 window.ShopifyAnalytics.lib.page(null,{"pageType":"collection","resourceType":"collection","resourceId":641654685855,"requestId":"0416b452-bdbc-498b-94ab-580825d4163a-1790276383","shopifyEmitted":true}); 2278 2279 var eventsListenerScript = document.createElement('script'); 2280 eventsListenerScript.async = true; 2281 eventsListenerScript.src = "//drinkolipop.com/cdn/shopifycloud/storefront/assets/shop_events_listener-4e26a9ce.js"; 2282 document.getElementsByTagName('head')[0].appendChild(eventsListenerScript); 2283})();</script>
2283 2284
2284<script> 2285 if (!window.ga || (window.ga && typeof window.ga !== 'function')) { 2286 window.ga = function ga() { 2287 (window.ga.q = window.ga.q || []).push(arguments); 2288 if (window.Shopify && window.Shopify.analytics && typeof window.Shopify.analytics.publish === 'function') { 2289 window.Shopify.analytics.publish("ga_stub_called", {}, {sendTo: "google_osp_migration"}); 2290 } 2291 console.error("Shopify's Google Analytics stub called with:", Array.from(arguments), "\nSee https://help.shopify.com/manual/promoting-marketing/pixels/pixel-migration#google for more information."); 2292 }; 2293 if (window.Shopify && window.Shopify.analytics && typeof window.Shopify.analytics.publish === 'function') { 2294 window.Shopify.analytics.publish("ga_stub_initialized", {}, {sendTo: "google_osp_migration"}); 2295 } 2296 } 2297</script>
vendor: 1 bytes, line 2297
2297
2298<script 2299 defer 2300 src="https://drinkolipop.com/cdn/shopifycloud/perf-kit/shopify-perf-kit-3.9.4.min.js" 2301 data-application="storefront-renderer" 2302 data-shop-id="3466100806" 2303 data-render-region="gcp-us-central1" 2304 data-page-type="collection" 2305 data-theme-instance-id="174423703711" 2306 data-theme-name="Olipop" 2307 data-theme-version="1.0" 2308 data-monorail-region="shop_domain" 2309 data-resource-timing-sampling-rate="10" 2310 data-shs="true" 2311 data-shs-beacon="true" 2312 data-shs-export-with-fetch="true" 2313 data-shs-logs-sample-rate="1" 2314 data-shs-beacon-endpoint="https://drinkolipop.com/api/collect" 2315></script>
2315 2316<meta name="shopify-y" content="270b93a0-3f63-4a15-80db-caefe673deeb" data-expiration="1821833983000"><meta name="shopify-s" content="0982a3a0-9fb4-4eca-9102-acb759cd1017" data-expiration="1790278183000"><meta name="new-cookie-storage-activated" content="t"> 2317</head><body 2318 id="olipop-9g-fiber-line" 2319 data-template="collection" 2320 data-suffix="" 2321 data-header-type="primary" 2322 class="page-olipop-9g-fiber-line template-shop-9g-fiber template-collection cmn-pages tw-scroll-smooth " 2323 style="background: var(--flavor-color-100); height:unset; padding: 0;" 2324 > 2325 2326 <nav aria-label="Skip links"> 2327 <a class="in-page-link visually-hidden skip-link" href="#MainContent">Skip to content</a> 2328 <a class="in-page-link visually-hidden skip-link" href="/pages/accessibility">Accessibility Statement</a> 2329 </nav> 2330 2331 2332 2333 2334 <div js-overlay class="overlay tw-z-40"></div> 2335 2336 2337 2338<section id="shopify-section-header"> 2339 <!-- BEGIN sections: header-group --> 2340<div id="shopify-section-sections--24009558556831__promotion-banner" class="shopify-section shopify-section-group-header-group"> 2341 2342<div 2343 data-component="promotionBanner" 2344 data-store-discounts="[]" 2345> 2346 2347 2348 2349 <div 2350 data-promotion-banner 2351 data-promotion-url="" 2352 data-promotion-discount="GOBLUE" 2353 class="tw-relative tw-hidden tw-min-h-12 tw-w-full tw-px-4 tw-text-center lg:tw-min-h-10" 2354 style="background: #fdda79;" 2355 > 2356 <div 2357 role="group" 2358 class="tw-flex tw-h-full tw-items-center tw-justify-center tw-py-2.5 tw-text-center lg-plus:tw-py-[17px]" 2359 > 2360 <div 2361 class="tw-px-8 tw-text-sm lg-plus:tw-text-[1rem] lg-plus:tw-leading-none" 2362 style="color: #14433d !important;" 2363 > 2364 Your 20% off discount code <strong>GOBLUE</strong> will auto-apply at checkout. 2365 </div> 2366 </div> 2367 2368 <div 2369 style="background: #fdda79;" 2370 class="tw-absolute tw-right-4 tw-top-1/2 tw-flex -tw-translate-y-1/2 tw-items-center" 2371 > 2372 <svg 2373 width="10" 2374 height="10"
2375 viewBox="0 0 18 18" 2376 fill="#14433d" 2377 data-icon-close 2378 class="tw-cursor-pointer" 2379 > 2380 <path fill-rule="evenodd" clip-rule="evenodd" d="M17.7056 1.712C18.0958 1.32114 18.0958 0.687428 17.7056 0.296565C17.3154 -0.0942976 16.6828 -0.0942977 16.2926 0.296565L8.99913 7.60272L1.70563 0.296565C1.31544 -0.0942977 0.682825 -0.0942977 0.292639 0.296565C-0.0975464 0.687427 -0.0975464 1.32114 0.292639 1.712L7.58614 9.01816L0.320343 16.2966C-0.0698426 16.6874 -0.069843 17.3211 0.320343 17.712C0.710528 18.1029 1.34314 18.1029 1.73333 17.712L8.99913 10.4336L16.2649 17.712C16.6551 18.1029 17.2877 18.1029 17.6779 17.712C18.0681 17.3211 18.0681 16.6874 17.6779 16.2966L10.4121 9.01816L17.7056 1.712Z" fill="#14433d"/> 2381 </svg> 2382 </div> 2383 </div> 2384 2385 2386 2387 <div 2388 data-promotion-banner 2389 data-promotion-url="" 2390 data-promotion-discount="30RESUB" 2391 class="tw-relative tw-hidden tw-min-h-12 tw-w-full tw-px-4 tw-text-center lg:tw-min-h-10" 2392 style="background: #fdda79;" 2393 > 2394 <div 2395 role="group" 2396 class="tw-flex tw-h-full tw-items-center tw-justify-center tw-py-2.5 tw-text-center lg-plus:tw-py-[17px]" 2397 > 2398 <div 2399 class="tw-px-8 tw-text-sm lg-plus:tw-text-[1rem] lg-plus:tw-leading-none" 2400 style="color: #14433d !important;" 2401 > 2402 30% off subscriptions when you resubscribe with code <strong>30RESUB</strong>. 2403 </div> 2404 </div> 2405 2406 <div 2407 style="background: #fdda79;" 2408 class="tw-absolute tw-right-4 tw-top-1/2 tw-flex -tw-translate-y-1/2 tw-items-center" 2409 > 2410 <svg 2411 width="10" 2412 height="10"
2413 viewBox="0 0 18 18" 2414 fill="#14433d" 2415 data-icon-close 2416 class="tw-cursor-pointer" 2417 > 2418 <path fill-rule="evenodd" clip-rule="evenodd" d="M17.7056 1.712C18.0958 1.32114 18.0958 0.687428 17.7056 0.296565C17.3154 -0.0942976 16.6828 -0.0942977 16.2926 0.296565L8.99913 7.60272L1.70563 0.296565C1.31544 -0.0942977 0.682825 -0.0942977 0.292639 0.296565C-0.0975464 0.687427 -0.0975464 1.32114 0.292639 1.712L7.58614 9.01816L0.320343 16.2966C-0.0698426 16.6874 -0.069843 17.3211 0.320343 17.712C0.710528 18.1029 1.34314 18.1029 1.73333 17.712L8.99913 10.4336L16.2649 17.712C16.6551 18.1029 17.2877 18.1029 17.6779 17.712C18.0681 17.3211 18.0681 16.6874 17.6779 16.2966L10.4121 9.01816L17.7056 1.712Z" fill="#14433d"/> 2419 </svg> 2420 </div> 2421 </div> 2422 2423 2424 2425 <div 2426 data-promotion-banner 2427 data-promotion-url="" 2428 data-promotion-discount="SHIRLEY30" 2429 class="tw-relative tw-hidden tw-min-h-12 tw-w-full tw-px-4 tw-text-center lg:tw-min-h-10" 2430 style="background: #fdda79;" 2431 > 2432 <div 2433 role="group" 2434 class="tw-flex tw-h-full tw-items-center tw-justify-center tw-py-2.5 tw-text-center lg-plus:tw-py-[17px]" 2435 > 2436 <div 2437 class="tw-px-8 tw-text-sm lg-plus:tw-text-[1rem] lg-plus:tw-leading-none" 2438 style="color: #14433d !important;" 2439 > 2440 30% off Shirley & Friends with code <strong>SHIRLEY30</strong> will auto-apply at checkout. 2441 </div> 2442 </div> 2443 2444 <div 2445 style="background: #fdda79;" 2446 class="tw-absolute tw-right-4 tw-top-1/2 tw-flex -tw-translate-y-1/2 tw-items-center" 2447 > 2448 <svg 2449 width="10" 2450 height="10"
2451 viewBox="0 0 18 18" 2452 fill="#14433d" 2453 data-icon-close 2454 class="tw-cursor-pointer" 2455 > 2456 <path fill-rule="evenodd" clip-rule="evenodd" d="M17.7056 1.712C18.0958 1.32114 18.0958 0.687428 17.7056 0.296565C17.3154 -0.0942976 16.6828 -0.0942977 16.2926 0.296565L8.99913 7.60272L1.70563 0.296565C1.31544 -0.0942977 0.682825 -0.0942977 0.292639 0.296565C-0.0975464 0.687427 -0.0975464 1.32114 0.292639 1.712L7.58614 9.01816L0.320343 16.2966C-0.0698426 16.6874 -0.069843 17.3211 0.320343 17.712C0.710528 18.1029 1.34314 18.1029 1.73333 17.712L8.99913 10.4336L16.2649 17.712C16.6551 18.1029 17.2877 18.1029 17.6779 17.712C18.0681 17.3211 18.0681 16.6874 17.6779 16.2966L10.4121 9.01816L17.7056 1.712Z" fill="#14433d"/> 2457 </svg> 2458 </div> 2459 </div> 2460 2461 2462 2463 <div 2464 data-promotion-banner 2465 data-promotion-url="" 2466 data-promotion-discount="PUNCH20" 2467 class="tw-relative tw-hidden tw-min-h-12 tw-w-full tw-px-4 tw-text-center lg:tw-min-h-10" 2468 style="background: #fdda79;" 2469 > 2470 <div 2471 role="group" 2472 class="tw-flex tw-h-full tw-items-center tw-justify-center tw-py-2.5 tw-text-center lg-plus:tw-py-[17px]" 2473 > 2474 <div 2475 class="tw-px-8 tw-text-sm lg-plus:tw-text-[1rem] lg-plus:tw-leading-none" 2476 style="color: #14433d !important;" 2477 > 2478 20% off Tropical Punch with code <strong>PUNCH20</strong> will auto-apply at checkout. 2479 </div> 2480 </div> 2481 2482 <div 2483 style="background: #fdda79;" 2484 class="tw-absolute tw-right-4 tw-top-1/2 tw-flex -tw-translate-y-1/2 tw-items-center" 2485 > 2486 <svg 2487 width="10" 2488 height="10"
2489 viewBox="0 0 18 18" 2490 fill="#14433d" 2491 data-icon-close 2492 class="tw-cursor-pointer" 2493 > 2494 <path fill-rule="evenodd" clip-rule="evenodd" d="M17.7056 1.712C18.0958 1.32114 18.0958 0.687428 17.7056 0.296565C17.3154 -0.0942976 16.6828 -0.0942977 16.2926 0.296565L8.99913 7.60272L1.70563 0.296565C1.31544 -0.0942977 0.682825 -0.0942977 0.292639 0.296565C-0.0975464 0.687427 -0.0975464 1.32114 0.292639 1.712L7.58614 9.01816L0.320343 16.2966C-0.0698426 16.6874 -0.069843 17.3211 0.320343 17.712C0.710528 18.1029 1.34314 18.1029 1.73333 17.712L8.99913 10.4336L16.2649 17.712C16.6551 18.1029 17.2877 18.1029 17.6779 17.712C18.0681 17.3211 18.0681 16.6874 17.6779 16.2966L10.4121 9.01816L17.7056 1.712Z" fill="#14433d"/> 2495 </svg> 2496 </div> 2497 </div> 2498 2499 2500 2501 <div 2502 data-promotion-banner 2503 data-promotion-url="" 2504 data-promotion-discount="DREAMY15" 2505 class="tw-relative tw-hidden tw-min-h-12 tw-w-full tw-px-4 tw-text-center lg:tw-min-h-10" 2506 style="background: #fdda79;" 2507 > 2508 <div 2509 role="group" 2510 class="tw-flex tw-h-full tw-items-center tw-justify-center tw-py-2.5 tw-text-center lg-plus:tw-py-[17px]" 2511 > 2512 <div 2513 class="tw-px-8 tw-text-sm lg-plus:tw-text-[1rem] lg-plus:tw-leading-none" 2514 style="color: #14433d !important;" 2515 > 2516 Your 15% off discount code <strong>DREAMY15</strong> will auto-apply at checkout. 2517 </div> 2518 </div> 2519 2520 <div 2521 style="background: #fdda79;" 2522 class="tw-absolute tw-right-4 tw-top-1/2 tw-flex -tw-translate-y-1/2 tw-items-center" 2523 > 2524 <svg 2525 width="10" 2526 height="10"
2527 viewBox="0 0 18 18" 2528 fill="#14433d" 2529 data-icon-close 2530 class="tw-cursor-pointer" 2531 > 2532 <path fill-rule="evenodd" clip-rule="evenodd" d="M17.7056 1.712C18.0958 1.32114 18.0958 0.687428 17.7056 0.296565C17.3154 -0.0942976 16.6828 -0.0942977 16.2926 0.296565L8.99913 7.60272L1.70563 0.296565C1.31544 -0.0942977 0.682825 -0.0942977 0.292639 0.296565C-0.0975464 0.687427 -0.0975464 1.32114 0.292639 1.712L7.58614 9.01816L0.320343 16.2966C-0.0698426 16.6874 -0.069843 17.3211 0.320343 17.712C0.710528 18.1029 1.34314 18.1029 1.73333 17.712L8.99913 10.4336L16.2649 17.712C16.6551 18.1029 17.2877 18.1029 17.6779 17.712C18.0681 17.3211 18.0681 16.6874 17.6779 16.2966L10.4121 9.01816L17.7056 1.712Z" fill="#14433d"/> 2533 </svg> 2534 </div> 2535 </div> 2536 2537 2538 2539 <div 2540 data-promotion-banner 2541 data-promotion-url="" 2542 data-promotion-discount="EARLY30" 2543 class="tw-relative tw-hidden tw-min-h-12 tw-w-full tw-px-4 tw-text-center lg:tw-min-h-10" 2544 style="background: #fdda79;" 2545 > 2546 <div 2547 role="group" 2548 class="tw-flex tw-h-full tw-items-center tw-justify-center tw-py-2.5 tw-text-center lg-plus:tw-py-[17px]" 2549 > 2550 <div 2551 class="tw-px-8 tw-text-sm lg-plus:tw-text-[1rem] lg-plus:tw-leading-none" 2552 style="color: #14433d !important;" 2553 > 2554 Early access 30% off with code <strong>EARLY30</strong> will auto-apply at checkout! 2555 </div> 2556 </div> 2557 2558 <div 2559 style="background: #fdda79;" 2560 class="tw-absolute tw-right-4 tw-top-1/2 tw-flex -tw-translate-y-1/2 tw-items-center" 2561 > 2562 <svg 2563 width="10" 2564 height="10"
2565 viewBox="0 0 18 18" 2566 fill="#14433d" 2567 data-icon-close 2568 class="tw-cursor-pointer" 2569 > 2570 <path fill-rule="evenodd" clip-rule="evenodd" d="M17.7056 1.712C18.0958 1.32114 18.0958 0.687428 17.7056 0.296565C17.3154 -0.0942976 16.6828 -0.0942977 16.2926 0.296565L8.99913 7.60272L1.70563 0.296565C1.31544 -0.0942977 0.682825 -0.0942977 0.292639 0.296565C-0.0975464 0.687427 -0.0975464 1.32114 0.292639 1.712L7.58614 9.01816L0.320343 16.2966C-0.0698426 16.6874 -0.069843 17.3211 0.320343 17.712C0.710528 18.1029 1.34314 18.1029 1.73333 17.712L8.99913 10.4336L16.2649 17.712C16.6551 18.1029 17.2877 18.1029 17.6779 17.712C18.0681 17.3211 18.0681 16.6874 17.6779 16.2966L10.4121 9.01816L17.7056 1.712Z" fill="#14433d"/> 2571 </svg> 2572 </div> 2573 </div> 2574 2575 2576 2577 <div 2578 data-promotion-banner 2579 data-promotion-url="" 2580 data-promotion-discount="WELCOME15" 2581 class="tw-relative tw-hidden tw-min-h-12 tw-w-full tw-px-4 tw-text-center lg:tw-min-h-10" 2582 style="background: #fdda79;" 2583 > 2584 <div 2585 role="group" 2586 class="tw-flex tw-h-full tw-items-center tw-justify-center tw-py-2.5 tw-text-center lg-plus:tw-py-[17px]" 2587 > 2588 <div 2589 class="tw-px-8 tw-text-sm lg-plus:tw-text-[1rem] lg-plus:tw-leading-none" 2590 style="color: #14433d !important;" 2591 > 2592 Your 15% off discount code <strong>WELCOME15</strong> will auto-apply at checkout. 2593 </div> 2594 </div> 2595 2596 <div 2597 style="background: #fdda79;" 2598 class="tw-absolute tw-right-4 tw-top-1/2 tw-flex -tw-translate-y-1/2 tw-items-center" 2599 > 2600 <svg 2601 width="10" 2602 height="10"
2603 viewBox="0 0 18 18" 2604 fill="#14433d" 2605 data-icon-close 2606 class="tw-cursor-pointer" 2607 > 2608 <path fill-rule="evenodd" clip-rule="evenodd" d="M17.7056 1.712C18.0958 1.32114 18.0958 0.687428 17.7056 0.296565C17.3154 -0.0942976 16.6828 -0.0942977 16.2926 0.296565L8.99913 7.60272L1.70563 0.296565C1.31544 -0.0942977 0.682825 -0.0942977 0.292639 0.296565C-0.0975464 0.687427 -0.0975464 1.32114 0.292639 1.712L7.58614 9.01816L0.320343 16.2966C-0.0698426 16.6874 -0.069843 17.3211 0.320343 17.712C0.710528 18.1029 1.34314 18.1029 1.73333 17.712L8.99913 10.4336L16.2649 17.712C16.6551 18.1029 17.2877 18.1029 17.6779 17.712C18.0681 17.3211 18.0681 16.6874 17.6779 16.2966L10.4121 9.01816L17.7056 1.712Z" fill="#14433d"/> 2609 </svg> 2610 </div> 2611 </div> 2612 2613 2614 2615 <div 2616 data-promotion-banner 2617 data-promotion-url="" 2618 data-promotion-discount="SIPSMART" 2619 class="tw-relative tw-hidden tw-min-h-12 tw-w-full tw-px-4 tw-text-center lg:tw-min-h-10" 2620 style="background: #fdda79;" 2621 > 2622 <div 2623 role="group" 2624 class="tw-flex tw-h-full tw-items-center tw-justify-center tw-py-2.5 tw-text-center lg-plus:tw-py-[17px]" 2625 > 2626 <div 2627 class="tw-px-8 tw-text-sm lg-plus:tw-text-[1rem] lg-plus:tw-leading-none" 2628 style="color: #14433d !important;" 2629 > 2630 Your 20% off discount code <strong>SIPSMART</strong> will auto-apply at checkout. 2631 </div> 2632 </div> 2633 2634 <div 2635 style="background: #fdda79;" 2636 class="tw-absolute tw-right-4 tw-top-1/2 tw-flex -tw-translate-y-1/2 tw-items-center" 2637 > 2638 <svg 2639 width="10" 2640 height="10"
2641 viewBox="0 0 18 18" 2642 fill="#14433d" 2643 data-icon-close 2644 class="tw-cursor-pointer" 2645 > 2646 <path fill-rule="evenodd" clip-rule="evenodd" d="M17.7056 1.712C18.0958 1.32114 18.0958 0.687428 17.7056 0.296565C17.3154 -0.0942976 16.6828 -0.0942977 16.2926 0.296565L8.99913 7.60272L1.70563 0.296565C1.31544 -0.0942977 0.682825 -0.0942977 0.292639 0.296565C-0.0975464 0.687427 -0.0975464 1.32114 0.292639 1.712L7.58614 9.01816L0.320343 16.2966C-0.0698426 16.6874 -0.069843 17.3211 0.320343 17.712C0.710528 18.1029 1.34314 18.1029 1.73333 17.712L8.99913 10.4336L16.2649 17.712C16.6551 18.1029 17.2877 18.1029 17.6779 17.712C18.0681 17.3211 18.0681 16.6874 17.6779 16.2966L10.4121 9.01816L17.7056 1.712Z" fill="#14433d"/> 2647 </svg> 2648 </div> 2649 </div> 2650 2651 2652 2653 <div 2654 data-promotion-banner 2655 data-promotion-url="" 2656 data-promotion-discount="APRIL20" 2657 class="tw-relative tw-hidden tw-min-h-12 tw-w-full tw-px-4 tw-text-center lg:tw-min-h-10" 2658 style="background: #fdda79;" 2659 > 2660 <div 2661 role="group" 2662 class="tw-flex tw-h-full tw-items-center tw-justify-center tw-py-2.5 tw-text-center lg-plus:tw-py-[17px]" 2663 > 2664 <div 2665 class="tw-px-8 tw-text-sm lg-plus:tw-text-[1rem] lg-plus:tw-leading-none" 2666 style="color: #14433d !important;" 2667 > 2668 Your 20% off discount code <strong>APRIL20</strong> will auto-apply at checkout. 2669 </div> 2670 </div> 2671 2672 <div 2673 style="background: #fdda79;" 2674 class="tw-absolute tw-right-4 tw-top-1/2 tw-flex -tw-translate-y-1/2 tw-items-center" 2675 > 2676 <svg 2677 width="10" 2678 height="10"
2679 viewBox="0 0 18 18" 2680 fill="#14433d" 2681 data-icon-close 2682 class="tw-cursor-pointer" 2683 > 2684 <path fill-rule="evenodd" clip-rule="evenodd" d="M17.7056 1.712C18.0958 1.32114 18.0958 0.687428 17.7056 0.296565C17.3154 -0.0942976 16.6828 -0.0942977 16.2926 0.296565L8.99913 7.60272L1.70563 0.296565C1.31544 -0.0942977 0.682825 -0.0942977 0.292639 0.296565C-0.0975464 0.687427 -0.0975464 1.32114 0.292639 1.712L7.58614 9.01816L0.320343 16.2966C-0.0698426 16.6874 -0.069843 17.3211 0.320343 17.712C0.710528 18.1029 1.34314 18.1029 1.73333 17.712L8.99913 10.4336L16.2649 17.712C16.6551 18.1029 17.2877 18.1029 17.6779 17.712C18.0681 17.3211 18.0681 16.6874 17.6779 16.2966L10.4121 9.01816L17.7056 1.712Z" fill="#14433d"/> 2685 </svg> 2686 </div> 2687 </div> 2688 2689 2690 2691 <div 2692 data-promotion-banner 2693 data-promotion-url="" 2694 data-promotion-discount="YETI20" 2695 class="tw-relative tw-hidden tw-min-h-12 tw-w-full tw-px-4 tw-text-center lg:tw-min-h-10" 2696 style="background: #fdda79;" 2697 > 2698 <div 2699 role="group" 2700 class="tw-flex tw-h-full tw-items-center tw-justify-center tw-py-2.5 tw-text-center lg-plus:tw-py-[17px]" 2701 > 2702 <div 2703 class="tw-px-8 tw-text-sm lg-plus:tw-text-[1rem] lg-plus:tw-leading-none" 2704 style="color: #14433d !important;" 2705 > 2706 20% off Winter Seasonal Cans with discount code <strong> YETI20</strong> auto-applies at checkout. 2707 </div> 2708 </div> 2709 2710 <div 2711 style="background: #fdda79;" 2712 class="tw-absolute tw-right-4 tw-top-1/2 tw-flex -tw-translate-y-1/2 tw-items-center" 2713 > 2714 <svg 2715 width="10" 2716 height="10"
2717 viewBox="0 0 18 18" 2718 fill="#14433d" 2719 data-icon-close 2720 class="tw-cursor-pointer" 2721 > 2722 <path fill-rule="evenodd" clip-rule="evenodd" d="M17.7056 1.712C18.0958 1.32114 18.0958 0.687428 17.7056 0.296565C17.3154 -0.0942976 16.6828 -0.0942977 16.2926 0.296565L8.99913 7.60272L1.70563 0.296565C1.31544 -0.0942977 0.682825 -0.0942977 0.292639 0.296565C-0.0975464 0.687427 -0.0975464 1.32114 0.292639 1.712L7.58614 9.01816L0.320343 16.2966C-0.0698426 16.6874 -0.069843 17.3211 0.320343 17.712C0.710528 18.1029 1.34314 18.1029 1.73333 17.712L8.99913 10.4336L16.2649 17.712C16.6551 18.1029 17.2877 18.1029 17.6779 17.712C18.0681 17.3211 18.0681 16.6874 17.6779 16.2966L10.4121 9.01816L17.7056 1.712Z" fill="#14433d"/> 2723 </svg> 2724 </div> 2725 </div> 2726 2727 2728 2729 <div 2730 data-promotion-banner 2731 data-promotion-url="" 2732 data-promotion-discount="PHLY20" 2733 class="tw-relative tw-hidden tw-min-h-12 tw-w-full tw-px-4 tw-text-center lg:tw-min-h-10" 2734 style="background: #fdda79;" 2735 > 2736 <div 2737 role="group" 2738 class="tw-flex tw-h-full tw-items-center tw-justify-center tw-py-2.5 tw-text-center lg-plus:tw-py-[17px]" 2739 > 2740 <div 2741 class="tw-px-8 tw-text-sm lg-plus:tw-text-[1rem] lg-plus:tw-leading-none" 2742 style="color: #14433d !important;" 2743 > 2744 Your 20% off discount code <strong>PHLY20</strong> will auto-apply at checkout. 2745 </div> 2746 </div> 2747 2748 <div 2749 style="background: #fdda79;" 2750 class="tw-absolute tw-right-4 tw-top-1/2 tw-flex -tw-translate-y-1/2 tw-items-center" 2751 > 2752 <svg 2753 width="10" 2754 height="10"
2755 viewBox="0 0 18 18" 2756 fill="#14433d" 2757 data-icon-close 2758 class="tw-cursor-pointer" 2759 > 2760 <path fill-rule="evenodd" clip-rule="evenodd" d="M17.7056 1.712C18.0958 1.32114 18.0958 0.687428 17.7056 0.296565C17.3154 -0.0942976 16.6828 -0.0942977 16.2926 0.296565L8.99913 7.60272L1.70563 0.296565C1.31544 -0.0942977 0.682825 -0.0942977 0.292639 0.296565C-0.0975464 0.687427 -0.0975464 1.32114 0.292639 1.712L7.58614 9.01816L0.320343 16.2966C-0.0698426 16.6874 -0.069843 17.3211 0.320343 17.712C0.710528 18.1029 1.34314 18.1029 1.73333 17.712L8.99913 10.4336L16.2649 17.712C16.6551 18.1029 17.2877 18.1029 17.6779 17.712C18.0681 17.3211 18.0681 16.6874 17.6779 16.2966L10.4121 9.01816L17.7056 1.712Z" fill="#14433d"/> 2761 </svg> 2762 </div> 2763 </div> 2764 2765 2766 2767 <div 2768 data-promotion-banner 2769 data-promotion-url="" 2770 data-promotion-discount="CITIUS25" 2771 class="tw-relative tw-hidden tw-min-h-12 tw-w-full tw-px-4 tw-text-center lg:tw-min-h-10" 2772 style="background: #fdda79;" 2773 > 2774 <div 2775 role="group" 2776 class="tw-flex tw-h-full tw-items-center tw-justify-center tw-py-2.5 tw-text-center lg-plus:tw-py-[17px]" 2777 > 2778 <div 2779 class="tw-px-8 tw-text-sm lg-plus:tw-text-[1rem] lg-plus:tw-leading-none" 2780 style="color: #14433d !important;" 2781 > 2782 Your 25% off discount code <strong>CITIUS25</strong> will auto-apply at checkout. 2783 </div> 2784 </div> 2785 2786 <div 2787 style="background: #fdda79;" 2788 class="tw-absolute tw-right-4 tw-top-1/2 tw-flex -tw-translate-y-1/2 tw-items-center" 2789 > 2790 <svg 2791 width="10" 2792 height="10"
2793 viewBox="0 0 18 18" 2794 fill="#14433d" 2795 data-icon-close 2796 class="tw-cursor-pointer" 2797 > 2798 <path fill-rule="evenodd" clip-rule="evenodd" d="M17.7056 1.712C18.0958 1.32114 18.0958 0.687428 17.7056 0.296565C17.3154 -0.0942976 16.6828 -0.0942977 16.2926 0.296565L8.99913 7.60272L1.70563 0.296565C1.31544 -0.0942977 0.682825 -0.0942977 0.292639 0.296565C-0.0975464 0.687427 -0.0975464 1.32114 0.292639 1.712L7.58614 9.01816L0.320343 16.2966C-0.0698426 16.6874 -0.069843 17.3211 0.320343 17.712C0.710528 18.1029 1.34314 18.1029 1.73333 17.712L8.99913 10.4336L16.2649 17.712C16.6551 18.1029 17.2877 18.1029 17.6779 17.712C18.0681 17.3211 18.0681 16.6874 17.6779 16.2966L10.4121 9.01816L17.7056 1.712Z" fill="#14433d"/> 2799 </svg> 2800 </div> 2801 </div> 2802 2803 2804 2805 <div 2806 data-promotion-banner 2807 data-promotion-url="" 2808 data-promotion-discount="SERVED20" 2809 class="tw-relative tw-hidden tw-min-h-12 tw-w-full tw-px-4 tw-text-center lg:tw-min-h-10" 2810 style="background: #fdda79;" 2811 > 2812 <div 2813 role="group" 2814 class="tw-flex tw-h-full tw-items-center tw-justify-center tw-py-2.5 tw-text-center lg-plus:tw-py-[17px]" 2815 > 2816 <div 2817 class="tw-px-8 tw-text-sm lg-plus:tw-text-[1rem] lg-plus:tw-leading-none" 2818 style="color: #14433d !important;" 2819 > 2820 Your 20% off discount code <strong>SERVED20</strong> will auto-apply at checkout. 2821 </div> 2822 </div> 2823 2824 <div 2825 style="background: #fdda79;" 2826 class="tw-absolute tw-right-4 tw-top-1/2 tw-flex -tw-translate-y-1/2 tw-items-center" 2827 > 2828 <svg 2829 width="10" 2830 height="10"
2831 viewBox="0 0 18 18" 2832 fill="#14433d" 2833 data-icon-close 2834 class="tw-cursor-pointer" 2835 > 2836 <path fill-rule="evenodd" clip-rule="evenodd" d="M17.7056 1.712C18.0958 1.32114 18.0958 0.687428 17.7056 0.296565C17.3154 -0.0942976 16.6828 -0.0942977 16.2926 0.296565L8.99913 7.60272L1.70563 0.296565C1.31544 -0.0942977 0.682825 -0.0942977 0.292639 0.296565C-0.0975464 0.687427 -0.0975464 1.32114 0.292639 1.712L7.58614 9.01816L0.320343 16.2966C-0.0698426 16.6874 -0.069843 17.3211 0.320343 17.712C0.710528 18.1029 1.34314 18.1029 1.73333 17.712L8.99913 10.4336L16.2649 17.712C16.6551 18.1029 17.2877 18.1029 17.6779 17.712C18.0681 17.3211 18.0681 16.6874 17.6779 16.2966L10.4121 9.01816L17.7056 1.712Z" fill="#14433d"/> 2837 </svg> 2838 </div> 2839 </div> 2840 2841 2842 2843 <div 2844 data-promotion-banner 2845 data-promotion-url="" 2846 data-promotion-discount="TWG20" 2847 class="tw-relative tw-hidden tw-min-h-12 tw-w-full tw-px-4 tw-text-center lg:tw-min-h-10" 2848 style="background: #fdda79;" 2849 > 2850 <div 2851 role="group" 2852 class="tw-flex tw-h-full tw-items-center tw-justify-center tw-py-2.5 tw-text-center lg-plus:tw-py-[17px]" 2853 > 2854 <div 2855 class="tw-px-8 tw-text-sm lg-plus:tw-text-[1rem] lg-plus:tw-leading-none" 2856 style="color: #14433d !important;" 2857 > 2858 Your 20% off discount code <strong>TWG20</strong> will auto-apply at checkout. 2859 </div> 2860 </div> 2861 2862 <div 2863 style="background: #fdda79;" 2864 class="tw-absolute tw-right-4 tw-top-1/2 tw-flex -tw-translate-y-1/2 tw-items-center" 2865 > 2866 <svg 2867 width="10" 2868 height="10"
2869 viewBox="0 0 18 18" 2870 fill="#14433d" 2871 data-icon-close 2872 class="tw-cursor-pointer" 2873 > 2874 <path fill-rule="evenodd" clip-rule="evenodd" d="M17.7056 1.712C18.0958 1.32114 18.0958 0.687428 17.7056 0.296565C17.3154 -0.0942976 16.6828 -0.0942977 16.2926 0.296565L8.99913 7.60272L1.70563 0.296565C1.31544 -0.0942977 0.682825 -0.0942977 0.292639 0.296565C-0.0975464 0.687427 -0.0975464 1.32114 0.292639 1.712L7.58614 9.01816L0.320343 16.2966C-0.0698426 16.6874 -0.069843 17.3211 0.320343 17.712C0.710528 18.1029 1.34314 18.1029 1.73333 17.712L8.99913 10.4336L16.2649 17.712C16.6551 18.1029 17.2877 18.1029 17.6779 17.712C18.0681 17.3211 18.0681 16.6874 17.6779 16.2966L10.4121 9.01816L17.7056 1.712Z" fill="#14433d"/> 2875 </svg> 2876 </div> 2877 </div> 2878 2879 2880 2881 <div 2882 data-promotion-banner 2883 data-promotion-url="" 2884 data-promotion-discount="FLYQUEST20" 2885 class="tw-relative tw-hidden tw-min-h-12 tw-w-full tw-px-4 tw-text-center lg:tw-min-h-10" 2886 style="background: #fdda79;" 2887 > 2888 <div 2889 role="group" 2890 class="tw-flex tw-h-full tw-items-center tw-justify-center tw-py-2.5 tw-text-center lg-plus:tw-py-[17px]" 2891 > 2892 <div 2893 class="tw-px-8 tw-text-sm lg-plus:tw-text-[1rem] lg-plus:tw-leading-none" 2894 style="color: #14433d !important;" 2895 > 2896 Your 20% off discount code <strong>FLYQUEST20</strong> will auto-apply at checkout. 2897 </div> 2898 </div> 2899 2900 <div 2901 style="background: #fdda79;" 2902 class="tw-absolute tw-right-4 tw-top-1/2 tw-flex -tw-translate-y-1/2 tw-items-center" 2903 > 2904 <svg 2905 width="10" 2906 height="10"
2907 viewBox="0 0 18 18" 2908 fill="#14433d" 2909 data-icon-close 2910 class="tw-cursor-pointer" 2911 > 2912 <path fill-rule="evenodd" clip-rule="evenodd" d="M17.7056 1.712C18.0958 1.32114 18.0958 0.687428 17.7056 0.296565C17.3154 -0.0942976 16.6828 -0.0942977 16.2926 0.296565L8.99913 7.60272L1.70563 0.296565C1.31544 -0.0942977 0.682825 -0.0942977 0.292639 0.296565C-0.0975464 0.687427 -0.0975464 1.32114 0.292639 1.712L7.58614 9.01816L0.320343 16.2966C-0.0698426 16.6874 -0.069843 17.3211 0.320343 17.712C0.710528 18.1029 1.34314 18.1029 1.73333 17.712L8.99913 10.4336L16.2649 17.712C16.6551 18.1029 17.2877 18.1029 17.6779 17.712C18.0681 17.3211 18.0681 16.6874 17.6779 16.2966L10.4121 9.01816L17.7056 1.712Z" fill="#14433d"/> 2913 </svg> 2914 </div> 2915 </div> 2916 2917 2918 2919 <div 2920 data-promotion-banner 2921 data-promotion-url="" 2922 data-promotion-discount="BUZZIN15" 2923 class="tw-relative tw-hidden tw-min-h-12 tw-w-full tw-px-4 tw-text-center lg:tw-min-h-10" 2924 style="background: #fdda79;" 2925 > 2926 <div 2927 role="group" 2928 class="tw-flex tw-h-full tw-items-center tw-justify-center tw-py-2.5 tw-text-center lg-plus:tw-py-[17px]" 2929 > 2930 <div 2931 class="tw-px-8 tw-text-sm lg-plus:tw-text-[1rem] lg-plus:tw-leading-none" 2932 style="color: #14433d !important;" 2933 > 2934 Your 15% off discount code <strong>BUZZIN15</strong> will auto-apply at checkout. 2935 </div> 2936 </div> 2937 2938 <div 2939 style="background: #fdda79;" 2940 class="tw-absolute tw-right-4 tw-top-1/2 tw-flex -tw-translate-y-1/2 tw-items-center" 2941 > 2942 <svg 2943 width="10" 2944 height="10"
2945 viewBox="0 0 18 18" 2946 fill="#14433d" 2947 data-icon-close 2948 class="tw-cursor-pointer" 2949 > 2950 <path fill-rule="evenodd" clip-rule="evenodd" d="M17.7056 1.712C18.0958 1.32114 18.0958 0.687428 17.7056 0.296565C17.3154 -0.0942976 16.6828 -0.0942977 16.2926 0.296565L8.99913 7.60272L1.70563 0.296565C1.31544 -0.0942977 0.682825 -0.0942977 0.292639 0.296565C-0.0975464 0.687427 -0.0975464 1.32114 0.292639 1.712L7.58614 9.01816L0.320343 16.2966C-0.0698426 16.6874 -0.069843 17.3211 0.320343 17.712C0.710528 18.1029 1.34314 18.1029 1.73333 17.712L8.99913 10.4336L16.2649 17.712C16.6551 18.1029 17.2877 18.1029 17.6779 17.712C18.0681 17.3211 18.0681 16.6874 17.6779 16.2966L10.4121 9.01816L17.7056 1.712Z" fill="#14433d"/> 2951 </svg> 2952 </div> 2953 </div> 2954 2955 2956 2957 <div 2958 data-promotion-banner 2959 data-promotion-url="" 2960 data-promotion-discount="OLIPOPTEXT15" 2961 class="tw-relative tw-hidden tw-min-h-12 tw-w-full tw-px-4 tw-text-center lg:tw-min-h-10" 2962 style="background: #fdda79;" 2963 > 2964 <div 2965 role="group" 2966 class="tw-flex tw-h-full tw-items-center tw-justify-center tw-py-2.5 tw-text-center lg-plus:tw-py-[17px]" 2967 > 2968 <div 2969 class="tw-px-8 tw-text-sm lg-plus:tw-text-[1rem] lg-plus:tw-leading-none" 2970 style="color: #14433d !important;" 2971 > 2972 Your 15% off discount code <strong>OLIPOPTEXT15</strong> will auto-apply at checkout. 2973 </div> 2974 </div> 2975 2976 <div 2977 style="background: #fdda79;" 2978 class="tw-absolute tw-right-4 tw-top-1/2 tw-flex -tw-translate-y-1/2 tw-items-center" 2979 > 2980 <svg 2981 width="10" 2982 height="10"
2983 viewBox="0 0 18 18" 2984 fill="#14433d" 2985 data-icon-close 2986 class="tw-cursor-pointer" 2987 > 2988 <path fill-rule="evenodd" clip-rule="evenodd" d="M17.7056 1.712C18.0958 1.32114 18.0958 0.687428 17.7056 0.296565C17.3154 -0.0942976 16.6828 -0.0942977 16.2926 0.296565L8.99913 7.60272L1.70563 0.296565C1.31544 -0.0942977 0.682825 -0.0942977 0.292639 0.296565C-0.0975464 0.687427 -0.0975464 1.32114 0.292639 1.712L7.58614 9.01816L0.320343 16.2966C-0.0698426 16.6874 -0.069843 17.3211 0.320343 17.712C0.710528 18.1029 1.34314 18.1029 1.73333 17.712L8.99913 10.4336L16.2649 17.712C16.6551 18.1029 17.2877 18.1029 17.6779 17.712C18.0681 17.3211 18.0681 16.6874 17.6779 16.2966L10.4121 9.01816L17.7056 1.712Z" fill="#14433d"/> 2989 </svg> 2990 </div> 2991 </div> 2992 2993 2994 2995 <div 2996 data-promotion-banner 2997 data-promotion-url="" 2998 data-promotion-discount="BRACKET20" 2999 class="tw-relative tw-hidden tw-min-h-12 tw-w-full tw-px-4 tw-text-center lg:tw-min-h-10" 3000 style="background: #fdda79;" 3001 > 3002 <div 3003 role="group" 3004 class="tw-flex tw-h-full tw-items-center tw-justify-center tw-py-2.5 tw-text-center lg-plus:tw-py-[17px]" 3005 > 3006 <div 3007 class="tw-px-8 tw-text-sm lg-plus:tw-text-[1rem] lg-plus:tw-leading-none" 3008 style="color: #14433d !important;" 3009 > 3010 Your 20% off discount code <strong>BRACKET20</strong> will auto-apply at checkout. 3011 </div> 3012 </div> 3013 3014 <div 3015 style="background: #fdda79;" 3016 class="tw-absolute tw-right-4 tw-top-1/2 tw-flex -tw-translate-y-1/2 tw-items-center" 3017 > 3018 <svg 3019 width="10" 3020 height="10"
3021 viewBox="0 0 18 18" 3022 fill="#14433d" 3023 data-icon-close 3024 class="tw-cursor-pointer" 3025 > 3026 <path fill-rule="evenodd" clip-rule="evenodd" d="M17.7056 1.712C18.0958 1.32114 18.0958 0.687428 17.7056 0.296565C17.3154 -0.0942976 16.6828 -0.0942977 16.2926 0.296565L8.99913 7.60272L1.70563 0.296565C1.31544 -0.0942977 0.682825 -0.0942977 0.292639 0.296565C-0.0975464 0.687427 -0.0975464 1.32114 0.292639 1.712L7.58614 9.01816L0.320343 16.2966C-0.0698426 16.6874 -0.069843 17.3211 0.320343 17.712C0.710528 18.1029 1.34314 18.1029 1.73333 17.712L8.99913 10.4336L16.2649 17.712C16.6551 18.1029 17.2877 18.1029 17.6779 17.712C18.0681 17.3211 18.0681 16.6874 17.6779 16.2966L10.4121 9.01816L17.7056 1.712Z" fill="#14433d"/> 3027 </svg> 3028 </div> 3029 </div> 3030 3031 3032 3033 <div 3034 data-promotion-banner 3035 data-promotion-url="" 3036 data-promotion-discount="NEW20" 3037 class="tw-relative tw-hidden tw-min-h-12 tw-w-full tw-px-4 tw-text-center lg:tw-min-h-10" 3038 style="background: #fdda79;" 3039 > 3040 <div 3041 role="group" 3042 class="tw-flex tw-h-full tw-items-center tw-justify-center tw-py-2.5 tw-text-center lg-plus:tw-py-[17px]" 3043 > 3044 <div 3045 class="tw-px-8 tw-text-sm lg-plus:tw-text-[1rem] lg-plus:tw-leading-none" 3046 style="color: #14433d !important;" 3047 > 3048 Your 20% off discount code <strong>NEW20</strong> will auto-apply at checkout. 3049 </div> 3050 </div> 3051 3052 <div 3053 style="background: #fdda79;" 3054 class="tw-absolute tw-right-4 tw-top-1/2 tw-flex -tw-translate-y-1/2 tw-items-center" 3055 > 3056 <svg 3057 width="10" 3058 height="10"
3059 viewBox="0 0 18 18" 3060 fill="#14433d" 3061 data-icon-close 3062 class="tw-cursor-pointer" 3063 > 3064 <path fill-rule="evenodd" clip-rule="evenodd" d="M17.7056 1.712C18.0958 1.32114 18.0958 0.687428 17.7056 0.296565C17.3154 -0.0942976 16.6828 -0.0942977 16.2926 0.296565L8.99913 7.60272L1.70563 0.296565C1.31544 -0.0942977 0.682825 -0.0942977 0.292639 0.296565C-0.0975464 0.687427 -0.0975464 1.32114 0.292639 1.712L7.58614 9.01816L0.320343 16.2966C-0.0698426 16.6874 -0.069843 17.3211 0.320343 17.712C0.710528 18.1029 1.34314 18.1029 1.73333 17.712L8.99913 10.4336L16.2649 17.712C16.6551 18.1029 17.2877 18.1029 17.6779 17.712C18.0681 17.3211 18.0681 16.6874 17.6779 16.2966L10.4121 9.01816L17.7056 1.712Z" fill="#14433d"/> 3065 </svg> 3066 </div> 3067 </div> 3068 3069 3070 3071 <div 3072 data-promotion-banner 3073 data-promotion-url="" 3074 data-promotion-discount="FULLFLAVOR20" 3075 class="tw-relative tw-hidden tw-min-h-12 tw-w-full tw-px-4 tw-text-center lg:tw-min-h-10" 3076 style="background: #fdda79;" 3077 > 3078 <div 3079 role="group" 3080 class="tw-flex tw-h-full tw-items-center tw-justify-center tw-py-2.5 tw-text-center lg-plus:tw-py-[17px]" 3081 > 3082 <div 3083 class="tw-px-8 tw-text-sm lg-plus:tw-text-[1rem] lg-plus:tw-leading-none" 3084 style="color: #14433d !important;" 3085 > 3086 Your discount code <strong>FULLFLAVOR20</strong> will auto-apply at checkout. 3087 </div> 3088 </div> 3089 3090 <div 3091 style="background: #fdda79;" 3092 class="tw-absolute tw-right-4 tw-top-1/2 tw-flex -tw-translate-y-1/2 tw-items-center" 3093 > 3094 <svg 3095 width="10" 3096 height="10"
3097 viewBox="0 0 18 18" 3098 fill="#14433d" 3099 data-icon-close 3100 class="tw-cursor-pointer" 3101 > 3102 <path fill-rule="evenodd" clip-rule="evenodd" d="M17.7056 1.712C18.0958 1.32114 18.0958 0.687428 17.7056 0.296565C17.3154 -0.0942976 16.6828 -0.0942977 16.2926 0.296565L8.99913 7.60272L1.70563 0.296565C1.31544 -0.0942977 0.682825 -0.0942977 0.292639 0.296565C-0.0975464 0.687427 -0.0975464 1.32114 0.292639 1.712L7.58614 9.01816L0.320343 16.2966C-0.0698426 16.6874 -0.069843 17.3211 0.320343 17.712C0.710528 18.1029 1.34314 18.1029 1.73333 17.712L8.99913 10.4336L16.2649 17.712C16.6551 18.1029 17.2877 18.1029 17.6779 17.712C18.0681 17.3211 18.0681 16.6874 17.6779 16.2966L10.4121 9.01816L17.7056 1.712Z" fill="#14433d"/> 3103 </svg> 3104 </div> 3105 </div> 3106 3107 3108 3109 <div 3110 data-promotion-banner 3111 data-promotion-url="" 3112 data-promotion-discount="BDAY20" 3113 class="tw-relative tw-hidden tw-min-h-12 tw-w-full tw-px-4 tw-text-center lg:tw-min-h-10" 3114 style="background: #fdda79;" 3115 > 3116 <div 3117 role="group" 3118 class="tw-flex tw-h-full tw-items-center tw-justify-center tw-py-2.5 tw-text-center lg-plus:tw-py-[17px]" 3119 > 3120 <div 3121 class="tw-px-8 tw-text-sm lg-plus:tw-text-[1rem] lg-plus:tw-leading-none" 3122 style="color: #14433d !important;" 3123 > 3124 Your discount code <strong>BDAY20</strong> will auto-apply at checkout. 3125 </div> 3126 </div> 3127 3128 <div 3129 style="background: #fdda79;" 3130 class="tw-absolute tw-right-4 tw-top-1/2 tw-flex -tw-translate-y-1/2 tw-items-center" 3131 > 3132 <svg 3133 width="10" 3134 height="10"
3135 viewBox="0 0 18 18" 3136 fill="#14433d" 3137 data-icon-close 3138 class="tw-cursor-pointer" 3139 > 3140 <path fill-rule="evenodd" clip-rule="evenodd" d="M17.7056 1.712C18.0958 1.32114 18.0958 0.687428 17.7056 0.296565C17.3154 -0.0942976 16.6828 -0.0942977 16.2926 0.296565L8.99913 7.60272L1.70563 0.296565C1.31544 -0.0942977 0.682825 -0.0942977 0.292639 0.296565C-0.0975464 0.687427 -0.0975464 1.32114 0.292639 1.712L7.58614 9.01816L0.320343 16.2966C-0.0698426 16.6874 -0.069843 17.3211 0.320343 17.712C0.710528 18.1029 1.34314 18.1029 1.73333 17.712L8.99913 10.4336L16.2649 17.712C16.6551 18.1029 17.2877 18.1029 17.6779 17.712C18.0681 17.3211 18.0681 16.6874 17.6779 16.2966L10.4121 9.01816L17.7056 1.712Z" fill="#14433d"/> 3141 </svg> 3142 </div> 3143 </div> 3144 3145 3146 3147 <div 3148 data-promotion-banner 3149 data-promotion-url="" 3150 data-promotion-discount="HOLIDAY20" 3151 class="tw-relative tw-hidden tw-min-h-12 tw-w-full tw-px-4 tw-text-center lg:tw-min-h-10" 3152 style="background: #fdda79;" 3153 > 3154 <div 3155 role="group" 3156 class="tw-flex tw-h-full tw-items-center tw-justify-center tw-py-2.5 tw-text-center lg-plus:tw-py-[17px]" 3157 > 3158 <div 3159 class="tw-px-8 tw-text-sm lg-plus:tw-text-[1rem] lg-plus:tw-leading-none" 3160 style="color: #14433d !important;" 3161 > 3162 Your discount code <strong>HOLIDAY20</strong> will auto-apply at checkout. 3163 </div> 3164 </div> 3165 3166 <div 3167 style="background: #fdda79;" 3168 class="tw-absolute tw-right-4 tw-top-1/2 tw-flex -tw-translate-y-1/2 tw-items-center" 3169 > 3170 <svg 3171 width="10" 3172 height="10"
3173 viewBox="0 0 18 18" 3174 fill="#14433d" 3175 data-icon-close 3176 class="tw-cursor-pointer" 3177 > 3178 <path fill-rule="evenodd" clip-rule="evenodd" d="M17.7056 1.712C18.0958 1.32114 18.0958 0.687428 17.7056 0.296565C17.3154 -0.0942976 16.6828 -0.0942977 16.2926 0.296565L8.99913 7.60272L1.70563 0.296565C1.31544 -0.0942977 0.682825 -0.0942977 0.292639 0.296565C-0.0975464 0.687427 -0.0975464 1.32114 0.292639 1.712L7.58614 9.01816L0.320343 16.2966C-0.0698426 16.6874 -0.069843 17.3211 0.320343 17.712C0.710528 18.1029 1.34314 18.1029 1.73333 17.712L8.99913 10.4336L16.2649 17.712C16.6551 18.1029 17.2877 18.1029 17.6779 17.712C18.0681 17.3211 18.0681 16.6874 17.6779 16.2966L10.4121 9.01816L17.7056 1.712Z" fill="#14433d"/> 3179 </svg> 3180 </div> 3181 </div> 3182 3183 3184 3185 <div 3186 data-promotion-banner 3187 data-promotion-url="" 3188 data-promotion-discount="FULLFLAVOR10" 3189 class="tw-relative tw-hidden tw-min-h-12 tw-w-full tw-px-4 tw-text-center lg:tw-min-h-10" 3190 style="background: #fdda79;" 3191 > 3192 <div 3193 role="group" 3194 class="tw-flex tw-h-full tw-items-center tw-justify-center tw-py-2.5 tw-text-center lg-plus:tw-py-[17px]" 3195 > 3196 <div 3197 class="tw-px-8 tw-text-sm lg-plus:tw-text-[1rem] lg-plus:tw-leading-none" 3198 style="color: #14433d !important;" 3199 > 3200 Your discount code <strong>FULLFLAVOR10</strong> will auto-apply at checkout. 3201 </div> 3202 </div> 3203 3204 <div 3205 style="background: #fdda79;" 3206 class="tw-absolute tw-right-4 tw-top-1/2 tw-flex -tw-translate-y-1/2 tw-items-center" 3207 > 3208 <svg 3209 width="10" 3210 height="10"
3211 viewBox="0 0 18 18" 3212 fill="#14433d" 3213 data-icon-close 3214 class="tw-cursor-pointer" 3215 > 3216 <path fill-rule="evenodd" clip-rule="evenodd" d="M17.7056 1.712C18.0958 1.32114 18.0958 0.687428 17.7056 0.296565C17.3154 -0.0942976 16.6828 -0.0942977 16.2926 0.296565L8.99913 7.60272L1.70563 0.296565C1.31544 -0.0942977 0.682825 -0.0942977 0.292639 0.296565C-0.0975464 0.687427 -0.0975464 1.32114 0.292639 1.712L7.58614 9.01816L0.320343 16.2966C-0.0698426 16.6874 -0.069843 17.3211 0.320343 17.712C0.710528 18.1029 1.34314 18.1029 1.73333 17.712L8.99913 10.4336L16.2649 17.712C16.6551 18.1029 17.2877 18.1029 17.6779 17.712C18.0681 17.3211 18.0681 16.6874 17.6779 16.2966L10.4121 9.01816L17.7056 1.712Z" fill="#14433d"/> 3217 </svg> 3218 </div> 3219 </div> 3220 3221 3222 3223 <div 3224 data-promotion-banner 3225 data-promotion-url="" 3226 data-promotion-discount="THIRTYSUB" 3227 class="tw-relative tw-hidden tw-min-h-12 tw-w-full tw-px-4 tw-text-center lg:tw-min-h-10" 3228 style="background: #fdda79;" 3229 > 3230 <div 3231 role="group" 3232 class="tw-flex tw-h-full tw-items-center tw-justify-center tw-py-2.5 tw-text-center lg-plus:tw-py-[17px]" 3233 > 3234 <div 3235 class="tw-px-8 tw-text-sm lg-plus:tw-text-[1rem] lg-plus:tw-leading-none" 3236 style="color: #14433d !important;" 3237 > 3238 Your discount code <strong>THIRTYSUB</strong> will auto-apply at checkout. 3239 </div> 3240 </div> 3241 3242 <div 3243 style="background: #fdda79;" 3244 class="tw-absolute tw-right-4 tw-top-1/2 tw-flex -tw-translate-y-1/2 tw-items-center" 3245 > 3246 <svg 3247 width="10" 3248 height="10"
3249 viewBox="0 0 18 18" 3250 fill="#14433d" 3251 data-icon-close 3252 class="tw-cursor-pointer" 3253 > 3254 <path fill-rule="evenodd" clip-rule="evenodd" d="M17.7056 1.712C18.0958 1.32114 18.0958 0.687428 17.7056 0.296565C17.3154 -0.0942976 16.6828 -0.0942977 16.2926 0.296565L8.99913 7.60272L1.70563 0.296565C1.31544 -0.0942977 0.682825 -0.0942977 0.292639 0.296565C-0.0975464 0.687427 -0.0975464 1.32114 0.292639 1.712L7.58614 9.01816L0.320343 16.2966C-0.0698426 16.6874 -0.069843 17.3211 0.320343 17.712C0.710528 18.1029 1.34314 18.1029 1.73333 17.712L8.99913 10.4336L16.2649 17.712C16.6551 18.1029 17.2877 18.1029 17.6779 17.712C18.0681 17.3211 18.0681 16.6874 17.6779 16.2966L10.4121 9.01816L17.7056 1.712Z" fill="#14433d"/> 3255 </svg> 3256 </div> 3257 </div> 3258 3259</div> 3260 3261 3262</div><div id="shopify-section-sections--24009558556831__announcement-banner" class="shopify-section shopify-section-group-header-group"> 3263 <announcement-bar class="section-announcement-bar tw-relative tw-z-50 tw-block"> 3264 <slider-container 3265 data-key="slider__sections--24009558556831__announcement-banner" 3266 role="region" 3267 aria-label="Announcement" 3268 data-slider-loop 3269 class="announcements-bar keen-slider tw-block tw-min-h-[48px] tw-text-center tw-transition-margin tw-duration-300 lg:tw-min-h-[40px] " 3270 style="background: #14433D;" 3271 ><div role="group" aria-label="1 of 1" class="keen-slider__slide tw-relative tw-z-10 tw-flex !tw-w-auto tw-items-center tw-justify-center tw-py-[4px] tw-text-center tw-transition-opacity tw-duration-150 tw-ease-linear sm:tw-flex-row " style="opacity: 0;"> <div class="tw-flex tw-items-center tw-w-full tw-justify-center tw-px-[8px] md:tw-px-[20px] md:tw-w-fit tw-text-[12px] md:tw-text-[16px] tw-leading-[1.4] " id="message-1" style="color: #FFFFFF !important;" ><p class="tw-text-[12px] md:tw-text-[16px] tw-leading-[1.4]" style="color: #FFFFFF !important;"> <div class="tw-block md:tw-hidden"> <strong>$3.99 flat rate shipping • Orders $50+ ship FREE</strong> </div> <div class="tw-hidden md:tw-block"> <strong>$3.99 flat rate shipping • Orders $50+ ship FREE</strong> </div> </p></div> </div></slider-container> 3272 3273 3274 </announcement-bar> 3275 3276 3277 3278 3279 3280<style> 3281 .section-announcement-bar .keen-slider:not([data-keen-slider-disabled]) .keen-slider__slide{ 3282 padding-top: 4px; 3283 } 3284</style> 3285</div><div id="shopify-section-sections--24009558556831__header" class="shopify-section shopify-section-group-header-group"> 3286 3287<div 3288 id="SearchDrawer" 3289 class="search-bar drawer drawer--top" 3290 role="dialog" 3291 aria-modal="true" 3292 aria-label="Search" 3293 data-predictive-search-drawer 3294> 3295 <div class="search-bar__interior"> 3296 <div class="search-form__container" data-search-form-container> 3297 <form class="search-form search-bar__form" action="/search" method="get" role="search"> 3298 <div class="search-form__input-wrapper"> 3299 <input 3300 type="text" 3301 name="q" 3302 placeholder="Search" 3303 role="combobox" 3304 aria-autocomplete="list" 3305 aria-owns="predictive-search-results" 3306 aria-expanded="false" 3307 aria-label="Search" 3308 aria-haspopup="listbox" 3309 class="search-form__input search-bar__input" 3310 data-predictive-search-drawer-input 3311 > 3312 <input type="hidden" name="options[prefix]" value="last" aria-hidden="true"> 3313 <div 3314 class="predictive-search-wrapper predictive-search-wrapper--drawer" 3315 data-predictive-search-mount="drawer" 3316 ></div> 3317 </div> 3318 3319 <button 3320 class="search-bar__submit search-form__submit" 3321 type="submit" 3322 data-search-form-submit 3323 > 3324 Liquid error (snippets/search-drawer line 38): include usage is not allowed in this context 3325 <span class="icon__fallback-text">Submit</span> 3326 </button> 3327 </form> 3328 3329 <div class="search-bar__actions"> 3330 <button type="button" class="btn--link search-bar__close js-drawer-close">
3331 Liquid error (snippets/search-drawer line 45): include usage is not allowed in this context 3332 <span class="icon__fallback-text">Close search</span> 3333 </button> 3334 </div> 3335 </div> 3336 </div> 3337</div> 3338 3339 3340<header 3341 data-section-id="sections--24009558556831__header" 3342 data-section-type="header" 3343 class="header-wrapper tw-group tw-relative tw-z-50" 3344 js-header-wrapper 3345 color-theme="transparent" 3346 data-component="megaMenu" 3347> 3348 <div class="top-header" data-section-id="sections--24009558556831__header" data-section-type="header-section" data-header-section> 3349 <div js-header class="header"> 3350 <div class="site-header tw-relative tw-my-0 tw-grid tw-grid-cols-5 tw-px-5 tw-pb-[12px] tw-pt-[12px] lg:tw-mx-[60px] lg:tw-px-0 lg:tw-py-2 lg-plus:tw-py-[11px] xl:tw-mx-auto xl:tw-max-w-[1320px]"> 3351 <!-- Left Menu --> 3352 <div class="tw-col-span-2 tw-block tw-self-center tw-justify-self-start tw-leading-none"> 3353 <div class="site-header__mobile-toolbar tw-flex tw-items-center tw-gap-[20px] lg:tw-hidden"> 3354 <button type="button" id="nav-icon3" class="header__button mobile-menu-toggle tw-bg-transparent" js-mobile-menu-toggle aria-label="Open mobile menu" aria-expanded="false"> 3355 <span class="mobile-menu-toggle__icon mobile-menu-toggle__icon--menu" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="14" viewBox="0 0 18 14" fill="none" role="presentation" aria-hidden="true"> 3356 <path 3357 d="M18 6.75C18 6.94891 17.921 7.13968 17.7803 7.28033C17.6397 7.42098 17.4489 7.5 17.25 7.5H0.75C0.551088 7.5 0.360322 7.42098 0.21967 7.28033C0.0790178 7.13968 0 6.94891 0 6.75C0 6.55109 0.0790178 6.36032 0.21967 6.21967C0.360322 6.07902 0.551088 6 0.75 6H17.25C17.4489 6 17.6397 6.07902 17.7803 6.21967C17.921 6.36032 18 6.55109 18 6.75ZM0.75 1.5H17.25C17.4489 1.5 17.6397 1.42098 17.7803 1.28033C17.921 1.13968 18 0.948912 18 0.75C18 0.551088 17.921 0.360322 17.7803 0.21967C17.6397 0.0790178 17.4489 0 17.25 0H0.75C0.551088 0 0.360322 0.0790178 0.21967 0.21967C0.0790178 0.360322 0 0.551088 0 0.75C0 0.948912 0.0790178 1.13968 0.21967 1.28033C0.360322 1.42098 0.551088 1.5 0.75 1.5ZM17.25 12H0.75C0.551088 12 0.360322 12.079 0.21967 12.2197C0.0790178 12.3603 0 12.5511 0 12.75C0 12.9489 0.0790178 13.1397 0.21967 13.2803C0.360322 13.421 0.551088 13.5 0.75 13.5H17.25C17.4489 13.5 17.6397 13.421 17.7803 13.2803C17.921 13.1397 18 12.9489 18 12.75C18 12.5511 17.921 12.3603 17.7803 12.2197C17.6397 12.079 17.4489 12 17.25 12Z" 3358 fill="currentColor" 3359 /> 3360</svg> 3361</span> 3362 <span class="mobile-menu-toggle__icon mobile-menu-toggle__icon--close" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" role="presentation" aria-hidden="true"> 3363 <path 3364 d="M19 6.41L17.59 5L12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12L19 6.41Z" 3365 fill="currentColor" 3366 /> 3367</svg> 3368</span> 3369 </button> 3370 <a 3371 href="/pages/store-locator" 3372 class="site-header__icon site-header__find-in-store" 3373 aria-label="Find a store" 3374 > 3375 <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" role="presentation" aria-hidden="true"> 3376 <path 3377 d="M12 6C11.2583 6 10.5333 6.21993 9.91661 6.63199C9.29993 7.04404 8.81928 7.62971 8.53545 8.31494C8.25162 9.00016 8.17736 9.75416 8.32205 10.4816C8.46675 11.209 8.8239 11.8772 9.34835 12.4017C9.8728 12.9261 10.541 13.2833 11.2684
337713.4279C11.9958 13.5726 12.7498 13.4984 13.4351 13.2145C14.1203 12.9307 14.706 12.4501 15.118 11.8334C15.5301 11.2167 15.75 10.4917 15.75 9.75C15.75 8.75544 15.3549 7.80161 14.6517 7.09835C13.9484 6.39509 12.9946 6 12 6ZM12 12C11.555 12 11.12 11.868 10.75 11.6208C10.38 11.3736 10.0916 11.0222 9.92127 10.611C9.75097 10.1999 9.70642 9.7475 9.79323 9.31105C9.88005 8.87459 10.0943 8.47368 10.409 8.15901C10.7237 7.84434 11.1246 7.63005 11.561 7.54323C11.9975 7.45642 12.4499 7.50097 12.861 7.67127C13.2722 7.84157 13.6236 8.12996 13.8708 8.49997C14.118 8.86998 14.25 9.30499 14.25 9.75C14.25 10.3467 14.0129 10.919 13.591 11.341C13.169 11.7629 12.5967 12 12 12ZM12 1.5C9.81273 1.50248 7.71575 2.37247 6.16911 3.91911C4.62247 5.46575 3.75248 7.56273 3.75 9.75C3.75 12.6938 5.11031 15.8138 7.6875 18.7734C8.84552 20.1108 10.1489 21.3151 11.5734 22.3641C11.6995 22.4524 11.8498 22.4998 12.0037 22.4998C12.1577 22.4998 12.308 22.4524 12.4341 22.3641C13.856 21.3147 15.1568 20.1104 16.3125 18.7734C18.8859 15.8138 20.25 12.6938 20.25 9.75C20.2475 7.56273 19.3775 5.46575 17.8309 3.91911C16.2843 2.37247 14.1873 1.50248 12 1.5ZM12 20.8125C10.4503 19.5938 5.25 15.1172 5.25 9.75C5.25 7.95979 5.96116 6.2429 7.22703 4.97703C8.4929 3.71116 10.2098 3 12 3C13.7902 3 15.5071 3.71116 16.773 4.97703C18.0388 6.2429 18.75 7.95979 18.75 9.75C18.75 15.1153 13.5497 19.5938 12 20.8125Z" 3378 fill="currentColor" 3379 /> 3380</svg> 3381 3382 </a> 3383 </div> 3384 3385 <nav id="AccessibleNav" aria-label="Desktop Menu"> 3386 3387 3388<ul class="site-nav list--inline" id="SiteNav"> 3389 3390 3391 <li 3392 class="site-nav--has-dropdown" 3393 data-child-list-handle="shop" 3394 data-has-dropdowns 3395 > 3396 3397 <a 3398 href="/collections/drinks" 3399 class="site-nav__link tw-bg-transparent" 3400 3401 aria-expanded="false" 3402 aria-controls="site-nav-menu-dropdown-shop" 3403 > 3404 <span class="site-nav__label">Shop</span> 3405 </a> 3406 3407 </li> 3408 3409 3410 3411 <li 3412 class="site-nav--has-dropdown" 3413 data-child-list-handle="learn" 3414 data-has-dropdowns 3415 > 3416 3417 <button 3418 class="site-nav__link tw-bg-transparent" 3419 type="button" 3420 aria-expanded="false" 3421 aria-controls="site-nav-menu-dropdown-learn" 3422 > 3423 <span class="site-nav__label">Learn</span> 3424 </button> 3425 3426 </li> 3427 3428 3429 3430 <li 3431 3432 > 3433 <a 3434 href="/pages/subscription" 3435 class="site-nav__link" 3436 3437 > 3438 <span class="site-nav__label">Subscribe</span> 3439 </a> 3440 </li> 3441 3442 3443</ul> 3444 3445 </nav> 3446 </div> 3447 <!-- ./End Left Menu --> 3448 3449 <!-- Header Logo --> 3450 <div class="tw-col-span-1 tw-flex tw-justify-center tw-self-center tw-leading-none" role="region" aria-label="Site logo"> 3451 3452 3453 3454 <div class="h2 site-header__logo tw-h-[40px] tw-w-[102px] tw-shrink-0 lg:tw-h-10 lg:tw-w-[117px]"> 3455 3456<a target="_self" href="/" class="site-header__logo-image tw-flex tw-h-full tw-w-full tw-items-center tw-justify-center" aria-label="Olipop"><h1 class="visually-hidden">OLIPOP</h1> 3457 <img 3458 class="lazyload js" 3459 src="//drinkolipop.com/cdn/shop/files/OlipopLogo_1.png?v=1778767782" 3460 alt="OLIPOP" 3461 width="102" 3462 height="40" 3463 > 3464 </a> 3465 3466 </div> 3467 3468 3469 </div> 3470 <!-- ./End Header Logo --> 3471 3472 <!-- Right Menu --> 3473 <div class="tw-col-span-2 tw-block tw-items-center tw-justify-end tw-self-center tw-justify-self-end tw-leading-none md:tw-flex"> 3474 3475 <nav aria-label="Desktop Right Menu"> 3476 <ul class="site-nav list--inline tw-hidden lg:tw-block"> 3477 3478<li 3479 3480 > 3481 <a 3482 href="/pages/store-locator" 3483 class="site-nav__link" 3484 3485 > 3486 <span class="site-nav__label">Find a store</span> 3487 </a> 3488 </li> 3489 3490 </ul> 3491 </nav> 3492 3493 3494 <div class="site-header__icons site-header__icons--plus" role="region" aria-label="Account and cart"> 3495 <div class="site-header__icons-wrapper"> 3496 3497 <div class="tw-block"> 3498 3499 <a href="/account/login" class="site-header__icon site-header__account nav-link">
3500 <span class="myaccount_icons"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" role="presentation" aria-hidden="true"> 3501 <path 3502 d="M12 2.25C10.0716 2.25 8.18657 2.82183 6.58319 3.89317C4.97982 4.96451 3.73013 6.48726 2.99218 8.26884C2.25422 10.0504 2.06114 12.0108 2.43735 13.9021C2.81355 15.7934 3.74215 17.5307 5.10571 18.8943C6.46928 20.2579 8.20656 21.1865 10.0979 21.5627C11.9892 21.9389 13.9496 21.7458 15.7312 21.0078C17.5127 20.2699 19.0355 19.0202 20.1068 17.4168C21.1782 15.8134 21.75 13.9284 21.75 12C21.7473 9.41498 20.7192 6.93661 18.8913 5.10872C17.0634 3.28084 14.585 2.25273 12 2.25ZM6.945 18.5156C7.48757 17.6671 8.23501 16.9688 9.11843 16.4851C10.0019 16.0013 10.9928 15.7478 12 15.7478C13.0072 15.7478 13.9982 16.0013 14.8816 16.4851C15.765 16.9688 16.5124 17.6671 17.055 18.5156C15.6097 19.6397 13.831 20.2499 12 20.2499C10.169 20.2499 8.39032 19.6397 6.945 18.5156ZM9 11.25C9 10.6567 9.17595 10.0766 9.5056 9.58329C9.83524 9.08994 10.3038 8.70542 10.852 8.47836C11.4001 8.2513 12.0033 8.19189 12.5853 8.30764C13.1672 8.4234 13.7018 8.70912 14.1213 9.12868C14.5409 9.54824 14.8266 10.0828 14.9424 10.6647C15.0581 11.2467 14.9987 11.8499 14.7716 12.3981C14.5446 12.9462 14.1601 13.4148 13.6667 13.7444C13.1734 14.0741 12.5933 14.25 12 14.25C11.2044 14.25 10.4413 13.9339 9.87868 13.3713C9.31607 12.8087 9 12.0456 9 11.25ZM18.165 17.4759C17.3285 16.2638 16.1524 15.3261 14.7844 14.7806C15.5192 14.2019 16.0554 13.4085 16.3184 12.5108C16.5815 11.6132 16.5582 10.6559 16.252 9.77207C15.9457 8.88825 15.3716 8.12183 14.6096 7.5794C13.8475 7.03696 12.9354 6.74548 12 6.74548C11.0646 6.74548 10.1525 7.03696 9.39044 7.5794C8.62839 8.12183 8.05432 8.88825 7.74805 9.77207C7.44179 10.6559 7.41855 11.6132 7.68157 12.5108C7.94459 13.4085 8.4808 14.2019 9.21563 14.7806C7.84765 15.3261 6.67147 16.2638 5.835 17.4759C4.77804 16.2873 4.0872 14.8185 3.84567 13.2464C3.60415 11.6743 3.82224 10.0658 4.47368 8.61478C5.12512 7.16372 6.18213 5.93192 7.51745 5.06769C8.85276 4.20346 10.4094 3.74367 12 3.74367C13.5906 3.74367 15.1473 4.20346 16.4826 5.06769C17.8179 5.93192 18.8749 7.16372 19.5263 8.61478C20.1778 10.0658 20.3959 11.6743 20.1543 13.2464C19.9128 14.8185 19.222 16.2873 18.165 17.4759Z" 3503 fill="#034638" 3504 /> 3505</svg> 3506</span> 3507 <span class="icon__fallback-text">Log in</span> 3508 </a> 3509 3510 </div> 3511 3512
3513 <div class="cart-btns tw-relative"> 3514 <div class="tw-hidden md:tw-block"> 3515 <a 3516 target="_self" 3517 href="/cart" 3518 aria-label="Open Cart" 3519 class="header__button header-cart-toggle site-header__icon site-header__cart tw-relative" 3520 js-header-cart-toggle 3521 > 3522 <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" role="presentation" aria-hidden="true"> 3523 <path 3524 d="M21.5756 5.51906C21.5052 5.43481 21.4172 5.36705 21.3177 5.32056C21.2183 5.27407 21.1098 5.24998 21 5.25H5.87625L5.30625 2.11594C5.27485 1.94313 5.1838 1.78681 5.04897 1.67425C4.91414 1.56169 4.74408 1.50003 4.56844 1.5H2.25C2.05109 1.5 1.86032 1.57902 1.71967 1.71967C1.57902 1.86032 1.5 2.05109 1.5 2.25C1.5 2.44891 1.57902 2.63968 1.71967 2.78033C1.86032 2.92098 2.05109 3 2.25 3H3.9375L6.33375 16.1522C6.40434 16.5422 6.57671 16.9067 6.83344 17.2087C6.47911 17.5397 6.22336 17.9623 6.09455 18.4298C5.96575 18.8972 5.96892 19.3912 6.10371 19.8569C6.23851 20.3226 6.49966 20.7419 6.85821 21.0683C7.21676 21.3947 7.6587 21.6154 8.13502 21.7059C8.61134 21.7965 9.10344 21.7533 9.55673 21.5813C10.01 21.4092 10.4068 21.115 10.7031 20.7312C10.9994 20.3474 11.1836 19.889 11.2353 19.407C11.287 18.9249 11.2041 18.4379 10.9959 18H15.2541C15.0863 18.3513 14.9995 18.7357 15 19.125C15 19.6442 15.154 20.1517 15.4424 20.5834C15.7308 21.0151 16.1408 21.3515 16.6205 21.5502C17.1001 21.7489 17.6279 21.8008 18.1371 21.6996C18.6463 21.5983 19.114 21.3483 19.4812 20.9812C19.8483 20.614 20.0983 20.1463 20.1996 19.6371C20.3008 19.1279 20.2489 18.6001 20.0502 18.1205C19.8515 17.6408 19.5151 17.2308 19.0834 16.9424C18.6517 16.654 18.1442 16.5 17.625 16.5H8.54719C8.37155 16.5 8.20149 16.4383 8.06665 16.3257C7.93182 16.2132 7.84077 16.0569 7.80938 15.8841L7.51219 14.25H18.3872C18.9141 14.2499 19.4243 14.0649 19.8288 13.7272C20.2333 13.3896 20.5064 12.9206 20.6006 12.4022L21.7406 6.13406C21.7599 6.02572 21.7551 5.91447 21.7266 5.80818C21.6981 5.7019 21.6466 5.60319 21.5756 5.51906ZM9.75 19.125C9.75 19.3475 9.68402 19.565 9.5604 19.75C9.43679 19.935 9.26109 20.0792 9.05552 20.1644C8.84995 20.2495 8.62375 20.2718 8.40552 20.2284C8.18729 20.185 7.98684 20.0778 7.8295 19.9205C7.67217 19.7632 7.56502 19.5627 7.52162 19.3445C7.47821 19.1262 7.50049 18.9 7.58564 18.6945C7.67078 18.4889 7.81498 18.3132 7.99998 18.1896C8.18499 18.066 8.4025 18 8.625 18C8.92337 18 9.20952 18.1185 9.4205 18.3295C9.63147 18.5405 9.75 18.8266 9.75 19.125ZM18.75 19.125C18.75 19.3475 18.684 19.565 18.5604 19.75C18.4368 19.935 18.2611 20.0792 18.0555 20.1644C17.85 20.2495 17.6238 20.2718 17.4055 20.2284C17.1873 20.185 16.9868 20.0778 16.8295 19.9205C16.6722 19.7632 16.565 19.5627 16.5216 19.3445C16.4782 19.1262 16.5005 18.9 16.5856 18.6945C16.6708 18.4889 16.815 18.3132 17 18.1896C17.185 18.066 17.4025 18 17.625 18C17.9234 18 18.2095 18.1185 18.4205 18.3295C18.6315 18.5405 18.75 18.8266 18.75 19.125ZM19.125 12.1341C19.0935 12.3074 19.0021 12.464 18.8666 12.5766C18.7312 12.6893 18.5605 12.7506 18.3844 12.75H7.23938L6.14906 6.75H20.1009L19.125 12.1341Z" 3525 fill="#034638" 3526 /> 3527</svg> 3528 3529 </a> 3530 </div> 3531 <div class="md:tw-hidden"> 3532 <a href="/cart" class="header__button site-header__icon site-header__cart tw-relative"> 3533 <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" role="presentation" aria-hidden="true"> 3534 <path 3535 d="M21.5756 5.51906C21.5052 5.43481 21.4172 5.36705 21.3177 5.32056C21.2183 5.27407 21.1098 5.24998 21 5.25H5.87625L5.30625 2.11594C5.27485 1.94313 5.1838 1.78681 5.04897 1.67425C4.91414 1.56169 4.74408 1.50003 4.56844 1.5H2.25C2.05109 1.5 1.86032 1.57902 1.71967 1.71967C1.57902 1.86032 1.5 2.05109 1.5 2.25C1.5 2.44891 1.57902 2.63968 1.71967 2.78033C1.86032 2.92098 2.05109 3 2.25 3H3.9375L6.33375 16.1522C6.40434 16.5422 6.57671 16.9067 6.83344 17.2087C6.47911 17.5397 6.22336 17.9623 6.09455 18.4298C5.96575 18.8972 5.96892 19.3912 6.10371 19.8569C6.23851 20.3226 6.49966 20.7419 6.85821 21.0683C7.21676 21.3947 7.6587 21.6154 8.13502 21.7059C8.61134 21.7965 9.10344 21.7533 9.55673 21.5813C10.01 21.4092 10.4068 21.115 10.7031 20.7312C10.9994 20.3474 11.1836 19.889 11.2353 19.407C11.287 18.9249 11.2041 18.4379 10.9959 18H15.2541C15.0863 18.3513 14.9995 18.7357 15 19.125C15 19.6442 15.154 20.1517 15.4424 20.5834C15.7308 21.0151 16.1408 21.3515 16.6205 21.5502C17.1001 21.7489 17.6279 21.8008 18.1371 21.6996C18.6463 21.5983 19.114 21.3483 19.4812 20.9812C19.8483 20.614 20.0983 20.1463 20.1996 19.6371C20.3008 19.1279 20.2489 18.6001 20.0502 18.1205C19.8515 17.6408 19.5151 17.2308 19.0834 16.9424C18.6517 16.654 18.1442 16.5 17.625 16.5H8.54719C8.37155 16.5 8.20149 16.4383 8.06665 16.3257C7.93182 16.2132 7.84077 16.0569 7.80938 15.8841L7.51219 14.25H18.3872C18.9141 14.2499 19.4243 14.0649 19.8288 13.7272
3535C20.2333 13.3896 20.5064 12.9206 20.6006 12.4022L21.7406 6.13406C21.7599 6.02572 21.7551 5.91447 21.7266 5.80818C21.6981 5.7019 21.6466 5.60319 21.5756 5.51906ZM9.75 19.125C9.75 19.3475 9.68402 19.565 9.5604 19.75C9.43679 19.935 9.26109 20.0792 9.05552 20.1644C8.84995 20.2495 8.62375 20.2718 8.40552 20.2284C8.18729 20.185 7.98684 20.0778 7.8295 19.9205C7.67217 19.7632 7.56502 19.5627 7.52162 19.3445C7.47821 19.1262 7.50049 18.9 7.58564 18.6945C7.67078 18.4889 7.81498 18.3132 7.99998 18.1896C8.18499 18.066 8.4025 18 8.625 18C8.92337 18 9.20952 18.1185 9.4205 18.3295C9.63147 18.5405 9.75 18.8266 9.75 19.125ZM18.75 19.125C18.75 19.3475 18.684 19.565 18.5604 19.75C18.4368 19.935 18.2611 20.0792 18.0555 20.1644C17.85 20.2495 17.6238 20.2718 17.4055 20.2284C17.1873 20.185 16.9868 20.0778 16.8295 19.9205C16.6722 19.7632 16.565 19.5627 16.5216 19.3445C16.4782 19.1262 16.5005 18.9 16.5856 18.6945C16.6708 18.4889 16.815 18.3132 17 18.1896C17.185 18.066 17.4025 18 17.625 18C17.9234 18 18.2095 18.1185 18.4205 18.3295C18.6315 18.5405 18.75 18.8266 18.75 19.125ZM19.125 12.1341C19.0935 12.3074 19.0021 12.464 18.8666 12.5766C18.7312 12.6893 18.5605 12.7506 18.3844 12.75H7.23938L6.14906 6.75H20.1009L19.125 12.1341Z" 3536 fill="#034638" 3537 /> 3538</svg> 3539 3540 </a> 3541 </div> 3542 <div 3543 class="cart-item-count-badge tw-pointer-events-none tw-absolute -tw-top-1 tw-right-[-7px] tw-flex tw-h-4 tw-w-4 tw-items-center tw-justify-center tw-overflow-hidden tw-rounded-full tw-bg-[#008168] md:tw-right-0.5 md:tw-top-[5px] md:tw-h-4.5 md:tw-w-4.5" 3544 data-component="cartToggle" 3545 3546 style="display: none;" 3547 3548> 3549 <span class="tw-sr-only">items in cart</span> 3550 <span class="cart-item-count-badge__value" aria-live="polite">0</span> 3551</div> 3552 3553<style> 3554 .cart-item-count-badge { 3555 right: -3px; 3556 } 3557 3558 @media screen and (min-width: 750px) { 3559 .cart-item-count-badge { 3560 top: -6px; 3561 right: 4px; 3562 } 3563 } 3564 3565 @media screen and (min-width: 1183px) { 3566 .cart-item-count-badge { 3567 top: 5px; 3568 right: 7px; 3569 } 3570 } 3571</style> 3572 3573 </div> 3574 </div> 3575 <button 3576 type="button" 3577 class="site-header__mobile-menu-close-btn header__button tw-shrink-0 tw-bg-transparent tw-p-0" 3578 js-mobile-menu-close 3579 aria-label="Close menu" 3580 > 3581 <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" role="presentation" aria-hidden="true"> 3582 <path 3583 d="M19.2806 18.2194C19.3502 18.2891 19.4055 18.3718 19.4432 18.4628C19.4809 18.5539 19.5003 18.6515 19.5003 18.75C19.5003 18.8485 19.4809 18.9461 19.4432 19.0372C19.4055 19.1282 19.3502 19.2109 19.2806 19.2806C19.2109 19.3503 19.1281 19.4056 19.0371 19.4433C18.9461 19.481 18.8485 19.5004 18.7499 19.5004C18.6514 19.5004 18.5538 19.481 18.4628 19.4433C18.3717 19.4056 18.289 19.3503 18.2193 19.2806L11.9999 13.0603L5.78055 19.2806C5.63982 19.4214 5.44895 19.5004 5.24993 19.5004C5.05091 19.5004 4.86003 19.4214 4.7193 19.2806C4.57857 19.1399 4.49951 18.949 4.49951 18.75C4.49951 18.551 4.57857 18.3601 4.7193 18.2194L10.9396 12L4.7193 5.78063C4.57857 5.6399 4.49951 5.44902 4.49951 5.25C4.49951 5.05098 4.57857 4.86011 4.7193 4.71938C4.86003 4.57865 5.05091 4.49958 5.24993 4.49958C5.44895 4.49958 5.63982 4.57865 5.78055 4.71938L11.9999 10.9397L18.2193 4.71938C18.36 4.57865 18.5509 4.49958 18.7499 4.49958C18.949 4.49958 19.1398 4.57865 19.2806 4.71938C19.4213 4.86011 19.5003 5.05098 19.5003 5.25C19.5003 5.44902 19.4213 5.6399 19.2806 5.78063L13.0602 12L19.2806 18.2194Z" 3584 fill="currentColor" 3585 /> 3586</svg> 3587 3588 </button> 3589 </div> 3590 </div> 3591 <!-- ./End Right Menu --> 3592 </div> 3593 3594 3595 3596 3597 </div> 3598 3599 <div class="site-nav-dropdown tw-absolute tw-hidden tw-w-full tw-bg-[#FFF6EA] tw-opacity-0 tw-transition-opacity tw-duration-300 tw-ease-in-out"> 3600 3601 3602 3603 3604 3605 3606 3607 3608<div 3609 class="site-nav-dropdown__menu--shop site-nav-dropdown__menu tw-mx-auto tw-w-full tw-min-h-0" 3610 id="site-nav-menu-dropdown-shop" 3611 tabindex="-1" 3612> 3613 <button type="button" class="site-nav-dropdown-close">Close menu Shop</button> 3614 3615 <div 3616 class="site-nav-dropdown__layout site-nav-dropdown__layout--shop tw-flex tw-h-full tw-min-h-0 tw-w-full tw-flex-1 tw-flex-row tw-bg-[#FDF9F0]" 3617 > 3618 <aside 3619 class="site-nav-dropdown__links tw-flex tw-min-h-0 tw-w-[min(30%,372px)] tw-min-w-[220px] tw-shrink-0 tw-flex-col" 3620 > 3621 <nav class="site-nav-dropdown__category-nav tw-flex tw-min-h-0 tw-flex-col tw-overflow-y-auto" aria-label="Shop categories"> 3622 <div 3623 class="site-nav-dropdown__link site-nav-dropdown__link-parent tw-block" 3624 data-handle="nav-dropdown-9g-fiber-line" 3625 > 3626 <button 3627 class="site-nav-dropdown__category-trigger tw-w-full tw-border-none tw-bg-transparent tw-p-0 tw-pt-[20px] tw-pr-[20px] tw-pb-[20px] tw-pl-[60px] tw-text-left" 3628 type="button" 3629 aria-expanded="true" 3630 >
3631 <span class="site-nav-dropdown__category-label site-nav-dropdown__secondary-title tw-flex tw-w-full tw-items-center tw-justify-between"> 3632 9g fiber line 3633 <span class="site-nav-dropdown__category-arrow tw-ml-3 tw-inline-flex tw-shrink-0" aria-hidden="true"><svg 3634 xmlns="http://www.w3.org/2000/svg" 3635 width="24" 3636 height="24" 3637 viewBox="0 0 24 24" 3638 fill="none" 3639 aria-hidden="true" 3640 focusable="false" 3641 role="presentation" 3642 class="icon icon-chevron-three-right" 3643> 3644 <path 3645 d="M17.0306 12.5306L9.53055 20.0306C9.46087 20.1003 9.37815 20.1556 9.2871 20.1933C9.19606 20.231 9.09847 20.2504 8.99993 20.2504C8.90138 20.2504 8.8038 20.231 8.71276 20.1933C8.62171 20.1556 8.53899 20.1003 8.4693 20.0306C8.39962 19.9609 8.34435 19.8782 8.30663 19.7872C8.26892 19.6961 8.24951 19.5985 8.24951 19.5C8.24951 19.4015 8.26892 19.3039 8.30663 19.2128C8.34435 19.1218 8.39962 19.0391 8.4693 18.9694L15.4396 12L8.4693 5.03062C8.32857 4.88989 8.24951 4.69902 8.24951 4.5C8.24951 4.30097 8.32857 4.1101 8.4693 3.96937C8.61003 3.82864 8.80091 3.74958 8.99993 3.74958C9.19895 3.74958 9.38982 3.82864 9.53055 3.96937L17.0306 11.4694C17.1003 11.539 17.1556 11.6217 17.1933 11.7128C17.2311 11.8038 17.2505 11.9014 17.2505 12C17.2505 12.0986 17.2311 12.1962 17.1933 12.2872C17.1556 12.3783 17.1003 12.461 17.0306 12.5306Z" 3646 fill="#034638" 3647 /> 3648</svg> 3649</span> 3650 </span> 3651 </button> 3652 </div> 3653 3654 3655 <div 3656 class="site-nav-dropdown__link site-nav-dropdown__link-parent tw-block" 3657 data-handle="nav-dropdown-6g-fiber-line" 3658 > 3659 <button 3660 class="site-nav-dropdown__category-trigger tw-w-full tw-border-none tw-bg-transparent tw-p-0 tw-pt-[20px] tw-pr-[20px] tw-pb-[20px] tw-pl-[60px] tw-text-left" 3661 type="button" 3662 aria-expanded="false" 3663 > 3664 <span class="site-nav-dropdown__category-label site-nav-dropdown__secondary-title tw-flex tw-w-full tw-items-center tw-justify-between"> 3665 6g fiber line 3666 <span class="site-nav-dropdown__category-arrow tw-ml-3 tw-inline-flex tw-shrink-0" aria-hidden="true"><svg 3667 xmlns="http://www.w3.org/2000/svg" 3668 width="24" 3669 height="24" 3670 viewBox="0 0 24 24" 3671 fill="none" 3672 aria-hidden="true" 3673 focusable="false" 3674 role="presentation" 3675 class="icon icon-chevron-three-right" 3676> 3677 <path 3678 d="M17.0306 12.5306L9.53055 20.0306C9.46087 20.1003 9.37815 20.1556 9.2871 20.1933C9.19606 20.231 9.09847 20.2504 8.99993 20.2504C8.90138 20.2504 8.8038 20.231 8.71276 20.1933C8.62171 20.1556 8.53899 20.1003 8.4693 20.0306C8.39962 19.9609 8.34435 19.8782 8.30663 19.7872C8.26892 19.6961 8.24951 19.5985 8.24951 19.5C8.24951 19.4015 8.26892 19.3039 8.30663 19.2128C8.34435 19.1218 8.39962 19.0391 8.4693 18.9694L15.4396 12L8.4693 5.03062C8.32857 4.88989 8.24951 4.69902 8.24951 4.5C8.24951 4.30097 8.32857 4.1101 8.4693 3.96937C8.61003 3.82864 8.80091 3.74958 8.99993 3.74958C9.19895 3.74958 9.38982 3.82864 9.53055 3.96937L17.0306 11.4694C17.1003 11.539 17.1556 11.6217 17.1933 11.7128C17.2311 11.8038 17.2505 11.9014 17.2505 12C17.2505 12.0986 17.2311 12.1962 17.1933 12.2872C17.1556 12.3783 17.1003 12.461 17.0306 12.5306Z" 3679 fill="#034638" 3680 /> 3681</svg> 3682</span> 3683 </span> 3684 </button> 3685 </div> 3686 3687 3688 <div 3689 class="site-nav-dropdown__link site-nav-dropdown__link-parent tw-block" 3690 data-handle="nav-dropdown-olipop-minis" 3691 > 3692 <button 3693 class="site-nav-dropdown__category-trigger tw-w-full tw-border-none tw-bg-transparent tw-p-0 tw-pt-[20px] tw-pr-[20px] tw-pb-[20px] tw-pl-[60px] tw-text-left" 3694 type="button" 3695 aria-expanded="false" 3696 > 3697 <span class="site-nav-dropdown__category-label site-nav-dropdown__secondary-title tw-flex tw-w-full tw-items-center tw-justify-between"> 3698 OLIPOP MINIs 3699 <span class="site-nav-dropdown__category-arrow tw-ml-3 tw-inline-flex tw-shrink-0" aria-hidden="true"><svg 3700 xmlns="http://www.w3.org/2000/svg" 3701 width="24" 3702 height="24" 3703 viewBox="0 0 24 24" 3704 fill="none" 3705 aria-hidden="true" 3706 focusable="false" 3707 role="presentation" 3708 class="icon icon-chevron-three-right" 3709> 3710 <path 3711 d="M17.0306 12.5306L9.53055 20.0306C9.46087 20.1003 9.37815 20.1556 9.2871 20.1933C9.19606 20.231 9.09847 20.2504 8.99993 20.2504C8.90138 20.2504 8.8038 20.231 8.71276 20.1933C8.62171 20.1556 8.53899 20.1003 8.4693 20.0306C8.39962 19.9609 8.34435 19.8782 8.30663 19.7872C8.26892 19.6961 8.24951 19.5985 8.24951 19.5C8.24951 19.4015 8.26892 19.3039 8.30663 19.2128C8.34435 19.1218 8.39962 19.0391 8.4693 18.9694L15.4396 12L8.4693 5.03062C8.32857 4.88989 8.24951 4.69902 8.24951 4.5C8.24951 4.30097 8.32857 4.1101 8.4693 3.96937C8.61003 3.82864 8.80091 3.74958 8.99993 3.74958C9.19895 3.74958 9.38982 3.828
371164 9.53055 3.96937L17.0306 11.4694C17.1003 11.539 17.1556 11.6217 17.1933 11.7128C17.2311 11.8038 17.2505 11.9014 17.2505 12C17.2505 12.0986 17.2311 12.1962 17.1933 12.2872C17.1556 12.3783 17.1003 12.461 17.0306 12.5306Z" 3712 fill="#034638" 3713 /> 3714</svg> 3715</span> 3716 </span> 3717 </button> 3718 </div> 3719 3720 3721 <div 3722 class="site-nav-dropdown__link site-nav-dropdown__link-parent tw-block" 3723 data-handle="nav-dropdown-limited-edition-flavors" 3724 > 3725 <button 3726 class="site-nav-dropdown__category-trigger tw-w-full tw-border-none tw-bg-transparent tw-p-0 tw-pt-[20px] tw-pr-[20px] tw-pb-[20px] tw-pl-[60px] tw-text-left" 3727 type="button" 3728 aria-expanded="false" 3729 > 3730 <span class="site-nav-dropdown__category-label site-nav-dropdown__secondary-title tw-flex tw-w-full tw-items-center tw-justify-between"> 3731 Limited edition flavors 3732 <span class="site-nav-dropdown__category-arrow tw-ml-3 tw-inline-flex tw-shrink-0" aria-hidden="true"><svg 3733 xmlns="http://www.w3.org/2000/svg" 3734 width="24" 3735 height="24" 3736 viewBox="0 0 24 24" 3737 fill="none" 3738 aria-hidden="true" 3739 focusable="false" 3740 role="presentation" 3741 class="icon icon-chevron-three-right" 3742> 3743 <path 3744 d="M17.0306 12.5306L9.53055 20.0306C9.46087 20.1003 9.37815 20.1556 9.2871 20.1933C9.19606 20.231 9.09847 20.2504 8.99993 20.2504C8.90138 20.2504 8.8038 20.231 8.71276 20.1933C8.62171 20.1556 8.53899 20.1003 8.4693 20.0306C8.39962 19.9609 8.34435 19.8782 8.30663 19.7872C8.26892 19.6961 8.24951 19.5985 8.24951 19.5C8.24951 19.4015 8.26892 19.3039 8.30663 19.2128C8.34435 19.1218 8.39962 19.0391 8.4693 18.9694L15.4396 12L8.4693 5.03062C8.32857 4.88989 8.24951 4.69902 8.24951 4.5C8.24951 4.30097 8.32857 4.1101 8.4693 3.96937C8.61003 3.82864 8.80091 3.74958 8.99993 3.74958C9.19895 3.74958 9.38982 3.82864 9.53055 3.96937L17.0306 11.4694C17.1003 11.539 17.1556 11.6217 17.1933 11.7128C17.2311 11.8038 17.2505 11.9014 17.2505 12C17.2505 12.0986 17.2311 12.1962 17.1933 12.2872C17.1556 12.3783 17.1003 12.461 17.0306 12.5306Z" 3745 fill="#034638" 3746 /> 3747</svg> 3748</span> 3749 </span> 3750 </button> 3751 </div> 3752 3753 3754 <div 3755 class="site-nav-dropdown__link site-nav-dropdown__link-parent tw-block" 3756 data-handle="nav-dropdown-variety-packs" 3757 > 3758 <button 3759 class="site-nav-dropdown__category-trigger tw-w-full tw-border-none tw-bg-transparent tw-p-0 tw-pt-[20px] tw-pr-[20px] tw-pb-[20px] tw-pl-[60px] tw-text-left" 3760 type="button" 3761 aria-expanded="false" 3762 > 3763 <span class="site-nav-dropdown__category-label site-nav-dropdown__secondary-title tw-flex tw-w-full tw-items-center tw-justify-between"> 3764 Variety packs 3765 <span class="site-nav-dropdown__category-arrow tw-ml-3 tw-inline-flex tw-shrink-0" aria-hidden="true"><svg 3766 xmlns="http://www.w3.org/2000/svg" 3767 width="24" 3768 height="24" 3769 viewBox="0 0 24 24" 3770 fill="none" 3771 aria-hidden="true" 3772 focusable="false" 3773 role="presentation" 3774 class="icon icon-chevron-three-right" 3775> 3776 <path 3777 d="M17.0306 12.5306L9.53055 20.0306C9.46087 20.1003 9.37815 20.1556 9.2871 20.1933C9.19606 20.231 9.09847 20.2504 8.99993 20.2504C8.90138 20.2504 8.8038 20.231 8.71276 20.1933C8.62171 20.1556 8.53899 20.1003 8.4693 20.0306C8.39962 19.9609 8.34435 19.8782 8.30663 19.7872C8.26892 19.6961 8.24951 19.5985 8.24951 19.5C8.24951 19.4015 8.26892 19.3039 8.30663 19.2128C8.34435 19.1218 8.39962 19.0391 8.4693 18.9694L15.4396 12L8.4693 5.03062C8.32857 4.88989 8.24951 4.69902 8.24951 4.5C8.24951 4.30097 8.32857 4.1101 8.4693 3.96937C8.61003 3.82864 8.80091 3.74958 8.99993 3.74958C9.19895 3.74958 9.38982 3.82864 9.53055 3.96937L17.0306 11.4694C17.1003 11.539 17.1556 11.6217 17.1933 11.7128C17.2311 11.8038 17.2505 11.9014 17.2505 12C17.2505 12.0986 17.2311 12.1962 17.1933 12.2872C17.1556 12.3783 17.1003 12.461 17.0306 12.5306Z" 3778 fill="#034638" 3779 /> 3780</svg> 3781</span> 3782 </span> 3783 </button> 3784 </div> 3785 3786</nav> 3787 3788 <div class="site-nav-dropdown__links-footer"> 3789 <a 3790 href="/collections/drinks" 3791 class="site-nav-dropdown__footer-shop-all dropdown-btn" 3792 > 3793 Shop All 3794 </a> 3795 </div> 3796 </aside> 3797 3798 <div class="site-nav-dropdown__panel tw-relative tw-flex tw-h-full tw-min-h-0 tw-min-w-0 tw-flex-1 tw-flex-col tw-overflow-x-hidden tw-overflow-y-visible tw-bg-[#FFF6EA]"> 3799 3800 3801 <div 3802 id="nav-dropdown-9g-fiber-line" 3803 class="site-nav-dropdown__child-menu tw-absolute tw-inset-0 tw-min-h-0 tw-w-full tw-overflow-x-hidden tw-overflow-y-visible tw-pl-4 tw-pt-8 md:tw-pl-8" 3804 > 3805 <div class="site-nav-dropdown__child-menu-inner tw-flex tw-min-h-0 tw-flex-1 tw-flex-col tw-overflow-visible"> 3806 <header class="site-nav-dropdown__subnav-header tw-pl-1"> 3807 <div class="site-nav-dropdown__subnav-header-top tw-flex tw-flex-col tw-gap-4 lg:tw-flex-row lg:tw-items-start lg:tw-justify-between"> 3808 <div class="site-nav-dropdown__subnav-titles tw-min-w-0 tw-flex-1"> 3809 <h2 class="site-nav-dropdown__subnav-title"> 3810 3811 Shop 9g fiber 3812 3813 </h2> 3814 3815 <div class="site-nav-dropdown__category-headline"> 3816 <div class="site-nav-dropdown__category-headline-text rte">
3817 <span class="metafield-single_line_text_field">Keep refrigerated</span> 3818 </div> 3819 3820 <span class="site-nav-dropdown__category-headline-icon" aria-hidden="true"> 3821 <img src="//drinkolipop.com/cdn/shop/files/Icons_3.svg?v=1776439621&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"> 3822 </span> 3823 3824 </div> 3825 3826 3827 <div class="site-nav-dropdown__category-description rte"> 3828 <span class="metafield-multi_line_text_field">Our original refrigerated formula, with higher fiber per can to get more out of every sip.</span> 3829 </div> 3830 3831 </div> 3832 <a 3833 class="site-nav-dropdown__shop-all-outline" 3834 href="/collections/shop-9g-fiber" 3835 > 3836 3837 Shop All 9g Fiber 3838 3839 </a> 3840 </div> 3841 </header> 3842 3843 <div 3844 class="site-nav-dropdown__carousel tw-relative tw-flex tw-min-h-0 tw-flex-1 tw-flex-col tw-pl-0 tw-mt-[-3rem]" 3845 data-nav-carousel 3846 > 3847 <div 3848 class="site-nav-dropdown__carousel-toolbar tw-flex tw-w-full tw-items-center tw-justify-end tw-gap-1 tw-pr-14" 3849 aria-hidden="false" 3850 > 3851 <button 3852 type="button" 3853 class="site-nav-dropdown__carousel-btn site-nav-dropdown__carousel-btn--prev site-nav-dropdown__carousel-btn--toolbar" 3854 aria-label="Show previous products" 3855 > 3856<svg 3857 xmlns="http://www.w3.org/2000/svg" 3858 width="24" 3859 height="24" 3860 viewBox="0 0 24 24" 3861 fill="none" 3862 class="site-nav-dropdown__carousel-arrow-svg" 3863 aria-hidden="true" 3864 focusable="false" 3865> 3866 <path 3867 d="M20.7806 12.5306L14.0306 19.2806C13.8899 19.4214 13.699 19.5004 13.5 19.5004C13.301 19.5004 13.1101 19.4214 12.9694 19.2806C12.8286 19.1399 12.7496 18.949 12.7496 18.75C12.7496 18.551 12.8286 18.3601 12.9694 18.2194L18.4397 12.75H3.75C3.55109 12.75 3.36032 12.671 3.21967 12.5303C3.07902 12.3897 3 12.1989 3 12C3 11.8011 3.07902 11.6103 3.21967 11.4697C3.36032 11.329 3.55109 11.25 3.75 11.25H18.4397L12.9694 5.78063C12.8286 5.6399 12.7496 5.44903 12.7496 5.25001C12.7496 5.05098 12.8286 4.86011 12.9694 4.71938C13.1101 4.57865 13.301 4.49959 13.5 4.49959C13.699 4.49959 13.8899 4.57865 14.0306 4.71938L20.7806 11.4694C20.8504 11.539 20.9057 11.6218 20.9434 11.7128C20.9812 11.8038 21.0006 11.9014 21.0006 12C21.0006 12.0986 20.9812 12.1962 20.9434 12.2872C20.9057 12.3783 20.8504 12.461 20.7806 12.5306Z" 3868 fill="currentColor" 3869 /> 3870</svg> 3871</button> 3872 <button 3873 type="button" 3874 class="site-nav-dropdown__carousel-btn site-nav-dropdown__carousel-btn--next site-nav-dropdown__carousel-btn--toolbar" 3875 aria-label="Show next products" 3876 > 3877<svg 3878 xmlns="http://www.w3.org/2000/svg" 3879 width="24" 3880 height="24" 3881 viewBox="0 0 24 24" 3882 fill="none" 3883 class="site-nav-dropdown__carousel-arrow-svg" 3884 aria-hidden="true" 3885 focusable="false" 3886> 3887 <path 3888 d="M20.7806 12.5306L14.0306 19.2806C13.8899 19.4214 13.699 19.5004 13.5 19.5004C13.301 19.5004 13.1101 19.4214 12.9694 19.2806C12.8286 19.1399 12.7496 18.949 12.7496 18.75C12.7496 18.551 12.8286 18.3601 12.9694 18.2194L18.4397 12.75H3.75C3.55109 12.75 3.36032 12.671 3.21967 12.5303C3.07902 12.3897 3 12.1989 3 12C3 11.8011 3.07902 11.6103 3.21967 11.4697C3.36032 11.329 3.55109 11.25 3.75 11.25H18.4397L12.9694 5.78063C12.8286 5.6399 12.7496 5.44903 12.7496 5.25001C12.7496 5.05098 12.8286 4.86011 12.9694 4.71938C13.1101 4.57865 13.301 4.49959 13.5 4.49959C13.699 4.49959 13.8899 4.57865 14.0306 4.71938L20.7806 11.4694C20.8504 11.539 20.9057 11.6218 20.9434 11.7128C2
38880.9812 11.8038 21.0006 11.9014 21.0006 12C21.0006 12.0986 20.9812 12.1962 20.9434 12.2872C20.9057 12.3783 20.8504 12.461 20.7806 12.5306Z" 3889 fill="currentColor" 3890 /> 3891</svg> 3892</button> 3893 </div> 3894 <div 3895 class="site-nav-dropdown__carousel-track tw-min-h-0 tw-flex-1 tw-overflow-x-auto tw-overflow-y-visible tw-scroll-smooth tw-pb-8" 3896 data-carousel-track 3897 tabindex="0" 3898 role="region" 3899 aria-roledescription="carousel" 3900 aria-label="9g fiber line products" 3901 > 3902 <ul class="site-nav-dropdown__product-row tw-m-0 tw-flex tw-list-none tw-flex-nowrap tw-gap-[2px] tw-p-0 tw-pl-1"> 3903 3904 3905 3906 3907 3908 3909 3910 3911 3912 3913 3914 3915 3916 <li class="9g-fiber-line-tile tw-w-[136px] tw-flex-shrink-0"> 3917 <a 3918 href="/products/caramel-apple" 3919 class="site-nav-dropdown__product-card site-nav__child-link tw-flex tw-w-[136px] tw-max-w-[136px] tw-flex-col tw-items-stretch tw-overflow-visible tw-bg-transparent tw-p-0 tw-text-center" 3920 3921 > 3922 <span class="site-nav-dropdown__product-card-media"> 3923 3924 <div 3925 class="product-badge product-badge--nav product-badge--short-text" 3926 role="status" 3927 aria-label="New" 3928 > 3929 <svg class="product-badge__shape" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 72 72" fill="none" aria-hidden="true"> 3930 <path d="M33.6354 1.15556C34.8423 -0.385184 37.1577 -0.385187 38.3646 1.15556L42.852 6.8839C43.6453 7.89657 44.9853 8.29373 46.195 7.87473L53.0381 5.5046C54.8787 4.86711 56.8265 6.13068 57.0166 8.0855L57.7235 15.3533C57.8485 16.6382 58.763 17.7036 60.0051 18.0113L67.0313 19.7519C68.9212 20.22 69.883 22.346 68.996 24.0942L65.698 30.5941C65.1149 31.7432 65.3137 33.1385 66.1938 34.0752L71.1724 39.3739C72.5115 40.7991 72.1819 43.1125 70.4993 44.0991L64.2435 47.7673C63.1376 48.4158 62.5575 49.6981 62.7962 50.9664L64.1464 58.1409C64.5096 60.0706 62.9933 61.8369 61.0494 61.7487L53.822 61.4206C52.5443 61.3626 51.3694 62.1248 50.8909 63.322L48.1842 70.0944C47.4562 71.916 45.2346 72.5745 43.6465 71.4394L37.7421 67.2192C36.6983 66.4731 35.3017 66.4731 34.2579 67.2192L28.3535 71.4394C26.7655 72.5745 24.5438 71.916 23.8158 70.0944L21.1091 63.322C20.6306 62.1248 19.4557 61.3626 18.178 61.4206L10.9506 61.7487C9.00666 61.8369 7.4904 60.0706 7.85357 58.1409L9.20384 50.9664C9.44255 49.6981 8.86239 48.4158 7.75647 47.7673L1.50067 44.0991C-0.181946 43.1125 -0.511462 40.7991 0.827617 39.3739L5.80619 34.0752C6.68632 33.1385 6.88508 31.7432 6.30204 30.5941L3.00403 24.0942C2.11697 22.346 3.07881 20.22 4.96864 19.7519L11.9949 18.0113C13.237 17.7036 14.1515 16.6382 14.2765 15.3533L14.9834 8.08551C15.1735 6.13069 17.1213 4.86711 18.9619 5.5046L25.805 7.87473C27.0147 8.29373 28.3547 7.89657 29.148 6.8839L33.6354 1.15556Z" fill="#98E1C3"/> 3931 </svg> 3932 <span class="product-badge__text" style="color: #034638;">New</span> 3933 </div> 3934 3935 3936 3937 3938 3939 3940 3941 3942 3943 <img 3944 class="site-nav-dropdown__product-card-img nav-product-hero" 3945 src="//drinkolipop.com/cdn/shop/files/caramel-apple-9g-olipop_gallery-image_single-can_new_asset.webp?crop=center&height=362&v=1788145122&width=272" 3946 width="136" 3947 height="181" 3948 alt="Caramel Apple" 3949 loading="lazy" 3950 decoding="async" 3951 > 3952 3953 </span>
3954 <span class="site-nav-dropdown__product-card-label"> 3955 3956 Caramel Apple 3957 3958 </span> 3959 </a> 3960 </li> 3961 3962 3963 3964 3965 3966 3967 3968 3969 3970 <li class="9g-fiber-line-tile tw-w-[136px] tw-flex-shrink-0"> 3971 <a 3972 href="/products/blackberry-vanilla" 3973 class="site-nav-dropdown__product-card site-nav__child-link tw-flex tw-w-[136px] tw-max-w-[136px] tw-flex-col tw-items-stretch tw-overflow-visible tw-bg-transparent tw-p-0 tw-text-center" 3974 3975 > 3976 <span class="site-nav-dropdown__product-card-media"> 3977 3978 3979 3980 3981 3982 3983 3984 3985 3986 <img 3987 class="site-nav-dropdown__product-card-img nav-product-hero" 3988 src="//drinkolipop.com/cdn/shop/files/blackberry-vanilla-9g-olipop_gallery-image_single-can_new_asset.webp?crop=center&height=362&v=1779162450&width=272" 3989 width="136" 3990 height="181" 3991 alt="Blackberry Vanilla" 3992 loading="lazy" 3993 decoding="async" 3994 > 3995 3996 </span> 3997 <span class="site-nav-dropdown__product-card-label"> 3998 3999 Blackberry Vanilla 4000 4001 </span> 4002 </a> 4003 </li> 4004 4005 4006 4007 4008 4009 4010 4011 4012 4013 <li class="9g-fiber-line-tile tw-w-[136px] tw-flex-shrink-0"> 4014 <a 4015 href="/products/crisp-apple" 4016 class="site-nav-dropdown__product-card site-nav__child-link tw-flex tw-w-[136px] tw-max-w-[136px] tw-flex-col tw-items-stretch tw-overflow-visible tw-bg-transparent tw-p-0 tw-text-center" 4017 4018 > 4019 <span class="site-nav-dropdown__product-card-media"> 4020 4021 4022 4023 4024 4025 4026 4027 4028 4029 <img 4030 class="site-nav-dropdown__product-card-img nav-product-hero" 4031 src="//drinkolipop.com/cdn/shop/files/crisp-apple-9g-olipop_gallery-image_single-can_new_asset.webp?crop=center&height=362&v=1779163593&width=272" 4032 width="136" 4033 height="181" 4034 alt="Crisp Apple" 4035 loading="lazy" 4036 decoding="async" 4037 > 4038 4039 </span> 4040 <span class="site-nav-dropdown__product-card-label"> 4041 4042 Crisp Apple 4043 4044 </span> 4045 </a> 4046 </li> 4047 4048 4049 4050 4051 4052 4053 4054 4055 4056 <li class="9g-fiber-line-tile tw-w-[136px] tw-flex-shrink-0"> 4057 <a 4058 href="/products/classic-grape" 4059 class="site-nav-dropdown__product-card site-nav__child-link tw-flex tw-w-[136px] tw-max-w-[136px] tw-flex-col tw-items-stretch tw-overflow-visible tw-bg-transparent tw-p-0 tw-text-center" 4060 4061 >
4062 <span class="site-nav-dropdown__product-card-media"> 4063 4064 4065 4066 4067 4068 4069 4070 4071 4072 <img 4073 class="site-nav-dropdown__product-card-img nav-product-hero" 4074 src="//drinkolipop.com/cdn/shop/files/classic-grape-9g-olipop_gallery-image_single-can_new_asset.webp?crop=center&height=362&v=1779163040&width=272" 4075 width="136" 4076 height="181" 4077 alt="Classic Grape" 4078 loading="lazy" 4079 decoding="async" 4080 > 4081 4082 </span> 4083 <span class="site-nav-dropdown__product-card-label"> 4084 4085 Classic Grape 4086 4087 </span> 4088 </a> 4089 </li> 4090 4091 4092 4093 4094 4095 4096 4097 4098 4099 <li class="9g-fiber-line-tile tw-w-[136px] tw-flex-shrink-0"> 4100 <a 4101 href="/products/classic-root-beer" 4102 class="site-nav-dropdown__product-card site-nav__child-link tw-flex tw-w-[136px] tw-max-w-[136px] tw-flex-col tw-items-stretch tw-overflow-visible tw-bg-transparent tw-p-0 tw-text-center" 4103 4104 > 4105 <span class="site-nav-dropdown__product-card-media"> 4106 4107 4108 4109 4110 4111 4112 4113 4114 4115 <img 4116 class="site-nav-dropdown__product-card-img nav-product-hero" 4117 src="//drinkolipop.com/cdn/shop/files/classic-root-beer-9g-olipop_gallery-image_single-can_new_asset.webp?crop=center&height=362&v=1779161742&width=272" 4118 width="136" 4119 height="181" 4120 alt="Classic Root Beer" 4121 loading="lazy" 4122 decoding="async" 4123 > 4124 4125 </span> 4126 <span class="site-nav-dropdown__product-card-label"> 4127 4128 Classic Root Beer 4129 4130 </span> 4131 </a> 4132 </li> 4133 4134 4135 4136 4137 4138 4139 4140 4141 4142 <li class="9g-fiber-line-tile tw-w-[136px] tw-flex-shrink-0"> 4143 <a 4144 href="/products/vintage-cola" 4145 class="site-nav-dropdown__product-card site-nav__child-link tw-flex tw-w-[136px] tw-max-w-[136px] tw-flex-col tw-items-stretch tw-overflow-visible tw-bg-transparent tw-p-0 tw-text-center" 4146 4147 > 4148 <span class="site-nav-dropdown__product-card-media"> 4149 4150 4151 4152 4153 4154 4155 4156 4157 4158 <img 4159 class="site-nav-dropdown__product-card-img nav-product-hero" 4160 src="//drinkolipop.com/cdn/shop/files/vintage-cola-9g-olipop_gallery-image_single-can_new_asset.webp?crop=center&height=362&v=1779161590&width=272" 4161 width="136" 4162 height="181" 4163 alt="Vintage Cola" 4164 loading="lazy" 4165 decoding="async" 4166 > 4167 4168 </span>
4169 <span class="site-nav-dropdown__product-card-label"> 4170 4171 Vintage Cola 4172 4173 </span> 4174 </a> 4175 </li> 4176 4177 4178 4179 4180 4181 4182 4183 4184 4185 <li class="9g-fiber-line-tile tw-w-[136px] tw-flex-shrink-0"> 4186 <a 4187 href="/products/cream-soda" 4188 class="site-nav-dropdown__product-card site-nav__child-link tw-flex tw-w-[136px] tw-max-w-[136px] tw-flex-col tw-items-stretch tw-overflow-visible tw-bg-transparent tw-p-0 tw-text-center" 4189 4190 > 4191 <span class="site-nav-dropdown__product-card-media"> 4192 4193 4194 4195 4196 4197 4198 4199 4200 4201 <img 4202 class="site-nav-dropdown__product-card-img nav-product-hero" 4203 src="//drinkolipop.com/cdn/shop/files/cream-soda-9g-olipop_gallery-image_single-can_new_asset.webp?crop=center&height=362&v=1779163263&width=272" 4204 width="136" 4205 height="181" 4206 alt="Cream Soda" 4207 loading="lazy" 4208 decoding="async" 4209 > 4210 4211 </span> 4212 <span class="site-nav-dropdown__product-card-label"> 4213 4214 Cream Soda 4215 4216 </span> 4217 </a> 4218 </li> 4219 4220 4221 4222 4223 4224 4225 4226 4227 4228 <li class="9g-fiber-line-tile tw-w-[136px] tw-flex-shrink-0"> 4229 <a 4230 href="/products/strawberry-vanilla" 4231 class="site-nav-dropdown__product-card site-nav__child-link tw-flex tw-w-[136px] tw-max-w-[136px] tw-flex-col tw-items-stretch tw-overflow-visible tw-bg-transparent tw-p-0 tw-text-center" 4232 4233 > 4234 <span class="site-nav-dropdown__product-card-media"> 4235 4236 4237 4238 4239 4240 4241 4242 4243 4244 <img 4245 class="site-nav-dropdown__product-card-img nav-product-hero" 4246 src="//drinkolipop.com/cdn/shop/files/strawberry-vanilla-9g-olipop_gallery-main-image_new_asset.webp?crop=center&height=362&v=1779161007&width=272" 4247 width="136" 4248 height="181" 4249 alt="Strawberry Vanilla" 4250 loading="lazy" 4251 decoding="async" 4252 > 4253 4254 </span> 4255 <span class="site-nav-dropdown__product-card-label"> 4256 4257 Strawberry Vanilla 4258 4259 </span> 4260 </a> 4261 </li> 4262 4263 4264 4265 4266 4267 4268 4269 4270 4271 <li class="9g-fiber-line-tile tw-w-[136px] tw-flex-shrink-0"> 4272 <a 4273 href="/products/cherry-cola" 4274 class="site-nav-dropdown__product-card site-nav__child-link tw-flex tw-w-[136px] tw-max-w-[136px] tw-flex-col tw-items-stretch tw-overflow-visible tw-bg-transparent tw-p-0 tw-text-center" 4275 4276 >
4277 <span class="site-nav-dropdown__product-card-media"> 4278 4279 4280 4281 4282 4283 4284 4285 4286 4287 <img 4288 class="site-nav-dropdown__product-card-img nav-product-hero" 4289 src="//drinkolipop.com/cdn/shop/files/cherry-cola-9g-olipop_gallery-main-image_new_asset.webp?crop=center&height=362&v=1779163770&width=272" 4290 width="136" 4291 height="181" 4292 alt="Cherry Cola" 4293 loading="lazy" 4294 decoding="async" 4295 > 4296 4297 </span> 4298 <span class="site-nav-dropdown__product-card-label"> 4299 4300 Cherry Cola 4301 4302 </span> 4303 </a> 4304 </li> 4305 4306 4307 4308 4309 4310 4311 4312 4313 4314 <li class="9g-fiber-line-tile tw-w-[136px] tw-flex-shrink-0"> 4315 <a 4316 href="/products/orange-cream" 4317 class="site-nav-dropdown__product-card site-nav__child-link tw-flex tw-w-[136px] tw-max-w-[136px] tw-flex-col tw-items-stretch tw-overflow-visible tw-bg-transparent tw-p-0 tw-text-center" 4318 4319 > 4320 <span class="site-nav-dropdown__product-card-media"> 4321 4322 4323 4324 4325 4326 4327 4328 4329 4330 <img 4331 class="site-nav-dropdown__product-card-img nav-product-hero" 4332 src="//drinkolipop.com/cdn/shop/files/orange-cream-9g-olipop_gallery-image_single-can_new_asset.webp?crop=center&height=362&v=1779162789&width=272" 4333 width="136" 4334 height="181" 4335 alt="Orange Cream" 4336 loading="lazy" 4337 decoding="async" 4338 > 4339 4340 </span> 4341 <span class="site-nav-dropdown__product-card-label"> 4342 4343 Orange Cream 4344 4345 </span> 4346 </a> 4347 </li> 4348 4349 4350 4351 4352 4353 4354 4355 4356 4357 <li class="9g-fiber-line-tile tw-w-[136px] tw-flex-shrink-0"> 4358 <a 4359 href="/products/peaches-and-cream" 4360 class="site-nav-dropdown__product-card site-nav__child-link tw-flex tw-w-[136px] tw-max-w-[136px] tw-flex-col tw-items-stretch tw-overflow-visible tw-bg-transparent tw-p-0 tw-text-center" 4361 4362 > 4363 <span class="site-nav-dropdown__product-card-media"> 4364 4365 4366 4367 4368 4369 4370 4371 4372 4373 <img 4374 class="site-nav-dropdown__product-card-img nav-product-hero" 4375 src="//drinkolipop.com/cdn/shop/files/peaches-and-cream-9g-olipop_gallery-image_single-can_new_asset.webp?crop=center&height=362&v=1779165117&width=272" 4376 width="136" 4377 height="181" 4378 alt="Peaches & Cream" 4379 loading="lazy" 4380 decoding="async" 4381 > 4382 4383 </span>
4384 <span class="site-nav-dropdown__product-card-label"> 4385 4386 Peaches & Cream 4387 4388 </span> 4389 </a> 4390 </li> 4391 4392 4393 4394 4395 4396 4397 4398 4399 4400 <li class="9g-fiber-line-tile tw-w-[136px] tw-flex-shrink-0"> 4401 <a 4402 href="/products/orange-squeeze" 4403 class="site-nav-dropdown__product-card site-nav__child-link tw-flex tw-w-[136px] tw-max-w-[136px] tw-flex-col tw-items-stretch tw-overflow-visible tw-bg-transparent tw-p-0 tw-text-center" 4404 4405 > 4406 <span class="site-nav-dropdown__product-card-media"> 4407 4408 4409 4410 4411 4412 4413 4414 4415 4416 <img 4417 class="site-nav-dropdown__product-card-img nav-product-hero" 4418 src="//drinkolipop.com/cdn/shop/files/orange-squeeze-9g-olipop_gallery-image_single-can_new_asset.webp?crop=center&height=362&v=1779162264&width=272" 4419 width="136" 4420 height="181" 4421 alt="Orange Squeeze" 4422 loading="lazy" 4423 decoding="async" 4424 > 4425 4426 </span> 4427 <span class="site-nav-dropdown__product-card-label"> 4428 4429 Orange Squeeze 4430 4431 </span> 4432 </a> 4433 </li> 4434 4435 4436 4437 4438 4439 4440 4441 4442 4443 <li class="9g-fiber-line-tile tw-w-[136px] tw-flex-shrink-0"> 4444 <a 4445 href="/products/ginger-ale" 4446 class="site-nav-dropdown__product-card site-nav__child-link tw-flex tw-w-[136px] tw-max-w-[136px] tw-flex-col tw-items-stretch tw-overflow-visible tw-bg-transparent tw-p-0 tw-text-center" 4447 4448 > 4449 <span class="site-nav-dropdown__product-card-media"> 4450 4451 4452 4453 4454 4455 4456 4457 4458 4459 <img 4460 class="site-nav-dropdown__product-card-img nav-product-hero" 4461 src="//drinkolipop.com/cdn/shop/files/ginger-ale-9g-olipop_gallery-image_single-can_new_asset.webp?crop=center&height=362&v=1779164857&width=272" 4462 width="136" 4463 height="181" 4464 alt="Ginger Ale" 4465 loading="lazy" 4466 decoding="async" 4467 > 4468 4469 </span> 4470 <span class="site-nav-dropdown__product-card-label"> 4471 4472 Ginger Ale 4473 4474 </span> 4475 </a> 4476 </li> 4477 4478 4479 4480 4481 4482 4483 4484 4485 4486 <li class="9g-fiber-line-tile tw-w-[136px] tw-flex-shrink-0"> 4487 <a 4488 href="/products/citrus-rush" 4489 class="site-nav-dropdown__product-card site-nav__child-link tw-flex tw-w-[136px] tw-max-w-[136px] tw-flex-col tw-items-stretch tw-overflow-visible tw-bg-transparent tw-p-0 tw-text-center" 4490 4491 >
4492 <span class="site-nav-dropdown__product-card-media"> 4493 4494 4495 4496 4497 4498 4499 4500 4501 4502 <img 4503 class="site-nav-dropdown__product-card-img nav-product-hero" 4504 src="//drinkolipop.com/cdn/shop/files/citrus-rush-9g-olipop_gallery-image_single-can_new_asset.webp?crop=center&height=362&v=1779196248&width=272" 4505 width="136" 4506 height="181" 4507 alt="Citrus Rush" 4508 loading="lazy" 4509 decoding="async" 4510 > 4511 4512 </span> 4513 <span class="site-nav-dropdown__product-card-label"> 4514 4515 Ridge Rush 4516 4517 </span> 4518 </a> 4519 </li> 4520 4521 4522 4523 4524 4525 4526 4527 4528 4529 <li class="9g-fiber-line-tile tw-w-[136px] tw-flex-shrink-0"> 4530 <a 4531 href="/products/doctor-goodwin" 4532 class="site-nav-dropdown__product-card site-nav__child-link tw-flex tw-w-[136px] tw-max-w-[136px] tw-flex-col tw-items-stretch tw-overflow-visible tw-bg-transparent tw-p-0 tw-text-center" 4533 4534 > 4535 <span class="site-nav-dropdown__product-card-media"> 4536 4537 4538 4539 4540 4541 4542 4543 4544 4545 <img 4546 class="site-nav-dropdown__product-card-img nav-product-hero" 4547 src="//drinkolipop.com/cdn/shop/files/doctor-goodwin-9g-olipop_gallery-image_single-can_new_asset.webp?crop=center&height=362&v=1779163486&width=272" 4548 width="136" 4549 height="181" 4550 alt="Doctor Goodwin" 4551 loading="lazy" 4552 decoding="async" 4553 > 4554 4555 </span> 4556 <span class="site-nav-dropdown__product-card-label"> 4557 4558 Doctor Goodwin 4559 4560 </span> 4561 </a> 4562 </li> 4563 4564 4565 4566 4567 4568 4569 4570 4571 4572 <li class="9g-fiber-line-tile tw-w-[136px] tw-flex-shrink-0"> 4573 <a 4574 href="/products/cherry-vanilla" 4575 class="site-nav-dropdown__product-card site-nav__child-link tw-flex tw-w-[136px] tw-max-w-[136px] tw-flex-col tw-items-stretch tw-overflow-visible tw-bg-transparent tw-p-0 tw-text-center" 4576 4577 > 4578 <span class="site-nav-dropdown__product-card-media"> 4579 4580 4581 4582 4583 4584 4585 4586 4587 4588 <img 4589 class="site-nav-dropdown__product-card-img nav-product-hero" 4590 src="//drinkolipop.com/cdn/shop/files/cherry-vanilla-9g-olipop_gallery-image_single-can_new_asset.webp?crop=center&height=362&v=1779162208&width=272" 4591 width="136" 4592 height="181" 4593 alt="Cherry Vanilla" 4594 loading="lazy" 4595 decoding="async" 4596 > 4597 4598 </span>
4599 <span class="site-nav-dropdown__product-card-label"> 4600 4601 Cherry Vanilla 4602 4603 </span> 4604 </a> 4605 </li> 4606 4607 4608 4609 4610 4611 4612 4613 4614 4615 <li class="9g-fiber-line-tile tw-w-[136px] tw-flex-shrink-0"> 4616 <a 4617 href="/products/tropical-punch" 4618 class="site-nav-dropdown__product-card site-nav__child-link tw-flex tw-w-[136px] tw-max-w-[136px] tw-flex-col tw-items-stretch tw-overflow-visible tw-bg-transparent tw-p-0 tw-text-center" 4619 4620 > 4621 <span class="site-nav-dropdown__product-card-media"> 4622 4623 4624 4625 4626 4627 4628 4629 4630 4631 <img 4632 class="site-nav-dropdown__product-card-img nav-product-hero" 4633 src="//drinkolipop.com/cdn/shop/files/tropical-punch-9g-olipop_gallery-image_single-can_new_asset.webp?crop=center&height=362&v=1779163155&width=272" 4634 width="136" 4635 height="181" 4636 alt="Tropical Punch" 4637 loading="lazy" 4638 decoding="async" 4639 > 4640 4641 </span> 4642 <span class="site-nav-dropdown__product-card-label"> 4643 4644 Tropical Punch 4645 4646 </span> 4647 </a> 4648 </li> 4649 4650 4651 4652 4653 4654 4655 4656 4657 4658 <li class="9g-fiber-line-tile tw-w-[136px] tw-flex-shrink-0"> 4659 <a 4660 href="/products/lemon-lime" 4661 class="site-nav-dropdown__product-card site-nav__child-link tw-flex tw-w-[136px] tw-max-w-[136px] tw-flex-col tw-items-stretch tw-overflow-visible tw-bg-transparent tw-p-0 tw-text-center" 4662 4663 > 4664 <span class="site-nav-dropdown__product-card-media"> 4665 4666 4667 4668 4669 4670 4671 4672 4673 4674 <img 4675 class="site-nav-dropdown__product-card-img nav-product-hero" 4676 src="//drinkolipop.com/cdn/shop/files/lemon-lime-9g-olipop_gallery-image_single-can_new_asset.webp?crop=center&height=362&v=1779163931&width=272" 4677 width="136" 4678 height="181" 4679 alt="Lemon Lime" 4680 loading="lazy" 4681 decoding="async" 4682 > 4683 4684 </span> 4685 <span class="site-nav-dropdown__product-card-label"> 4686 4687 Lemon Lime 4688 4689 </span> 4690 </a> 4691 </li> 4692 4693 4694 4695 4696 4697 4698 4699 4700 4701 <li class="9g-fiber-line-tile tw-w-[136px] tw-flex-shrink-0"> 4702 <a 4703 href="/products/ginger-lemon" 4704 class="site-nav-dropdown__product-card site-nav__child-link tw-flex tw-w-[136px] tw-max-w-[136px] tw-flex-col tw-items-stretch tw-overflow-visible tw-bg-transparent tw-p-0 tw-text-center" 4705 4706 >
4707 <span class="site-nav-dropdown__product-card-media"> 4708 4709 4710 4711 4712 4713 4714 4715 4716 4717 <img 4718 class="site-nav-dropdown__product-card-img nav-product-hero" 4719 src="//drinkolipop.com/cdn/shop/files/ginger-lemon-9g-olipop_gallery-image_single-can_new_asset.webp?crop=center&height=362&v=1779161268&width=272" 4720 width="136" 4721 height="181" 4722 alt="Ginger Lemon" 4723 loading="lazy" 4724 decoding="async" 4725 > 4726 4727 </span> 4728 <span class="site-nav-dropdown__product-card-label"> 4729 4730 Ginger Lemon 4731 4732 </span> 4733 </a> 4734 </li> 4735 4736 4737 4738 4739 4740 4741 4742 4743 4744 <li class="9g-fiber-line-tile tw-w-[136px] tw-flex-shrink-0"> 4745 <a 4746 href="/products/watermelon-lime" 4747 class="site-nav-dropdown__product-card site-nav__child-link tw-flex tw-w-[136px] tw-max-w-[136px] tw-flex-col tw-items-stretch tw-overflow-visible tw-bg-transparent tw-p-0 tw-text-center" 4748 4749 > 4750 <span class="site-nav-dropdown__product-card-media"> 4751 4752 4753 4754 4755 4756 4757 4758 4759 4760 <img 4761 class="site-nav-dropdown__product-card-img nav-product-hero" 4762 src="//drinkolipop.com/cdn/shop/files/watermelon-lime-9g-olipop_gallery-image_single-can_new_asset.webp?crop=center&height=362&v=1779164501&width=272" 4763 width="136" 4764 height="181" 4765 alt="Watermelon Lime" 4766 loading="lazy" 4767 decoding="async" 4768 > 4769 4770 </span> 4771 <span class="site-nav-dropdown__product-card-label"> 4772 4773 Watermelon Lime 4774 4775 </span> 4776 </a> 4777 </li> 4778 4779 4780 4781 4782 4783 4784 4785 4786 4787 <li class="9g-fiber-line-tile tw-w-[136px] tw-flex-shrink-0"> 4788 <a 4789 href="/products/banana-cream" 4790 class="site-nav-dropdown__product-card site-nav__child-link tw-flex tw-w-[136px] tw-max-w-[136px] tw-flex-col tw-items-stretch tw-overflow-visible tw-bg-transparent tw-p-0 tw-text-center" 4791 4792 > 4793 <span class="site-nav-dropdown__product-card-media"> 4794 4795 4796 4797 4798 4799 4800 4801 4802 4803 <img 4804 class="site-nav-dropdown__product-card-img nav-product-hero" 4805 src="//drinkolipop.com/cdn/shop/files/banana-cream-9g-olipop_gallery-image_single-can_new_asset.webp?crop=center&height=362&v=1779155708&width=272" 4806 width="136" 4807 height="181" 4808 alt="Banana Cream" 4809 loading="lazy" 4810 decoding="async" 4811 > 4812 4813 </span>
4814 <span class="site-nav-dropdown__product-card-label"> 4815 4816 Banana Cream 4817 4818 </span> 4819 </a> 4820 </li> 4821 4822 4823 </ul> 4824 </div> 4825 </div> 4826 </div> 4827 </div> 4828 4829 4830 4831 <div 4832 id="nav-dropdown-6g-fiber-line" 4833 class="site-nav-dropdown__child-menu tw-absolute tw-inset-0 tw-min-h-0 tw-w-full tw-overflow-x-hidden tw-overflow-y-visible tw-pl-4 tw-pt-8 md:tw-pl-8" 4834 > 4835 <div class="site-nav-dropdown__child-menu-inner tw-flex tw-min-h-0 tw-flex-1 tw-flex-col tw-overflow-visible"> 4836 <header class="site-nav-dropdown__subnav-header tw-pl-1"> 4837 <div class="site-nav-dropdown__subnav-header-top tw-flex tw-flex-col tw-gap-4 lg:tw-flex-row lg:tw-items-start lg:tw-justify-between"> 4838 <div class="site-nav-dropdown__subnav-titles tw-min-w-0 tw-flex-1"> 4839 <h2 class="site-nav-dropdown__subnav-title"> 4840 4841 Shop 6g fiber 4842 4843 </h2> 4844 4845 <div class="site-nav-dropdown__category-headline"> 4846 <div class="site-nav-dropdown__category-headline-text rte"> 4847 <span class="metafield-single_line_text_field">Store anywhere. Chill to enjoy.</span> 4848 </div> 4849 4850 </div> 4851 4852 4853 <div class="site-nav-dropdown__category-description rte"> 4854 <span class="metafield-multi_line_text_field">Same great taste & digestive support, in a lower‑fiber, store‑anywhere format.</span> 4855 </div> 4856 4857 </div> 4858 <a 4859 class="site-nav-dropdown__shop-all-outline" 4860 href="/collections/shop-6g-fiber" 4861 > 4862 4863 Shop All 6g Fiber 4864 4865 </a> 4866 </div> 4867 </header> 4868 4869 <div 4870 class="site-nav-dropdown__carousel tw-relative tw-flex tw-min-h-0 tw-flex-1 tw-flex-col tw-pl-0 tw-mt-[-3rem]" 4871 data-nav-carousel 4872 > 4873 <div 4874 class="site-nav-dropdown__carousel-toolbar tw-flex tw-w-full tw-items-center tw-justify-end tw-gap-1 tw-pr-14" 4875 aria-hidden="false" 4876 > 4877 <button 4878 type="button" 4879 class="site-nav-dropdown__carousel-btn site-nav-dropdown__carousel-btn--prev site-nav-dropdown__carousel-btn--toolbar" 4880 aria-label="Show previous products" 4881 > 4882<svg 4883 xmlns="http://www.w3.org/2000/svg" 4884 width="24" 4885 height="24" 4886 viewBox="0 0 24 24" 4887 fill="none" 4888 class="site-nav-dropdown__carousel-arrow-svg" 4889 aria-hidden="true" 4890 focusable="false" 4891> 4892 <path 4893 d="M20.7806 12.5306L14.0306 19.2806C13.8899 19.4214 13.699 19.5004 13.5 19.5004C13.301 19.5004 13.1101 19.4214 12.9694 19.2806C12.8286 19.1399 12.7496 18.949 12.7496 18.75C12.7496 18.551 12.8286 18.3601 12.9694 18.2194L18.4397 12.75H3.75C3.55109 12.75 3.36032 12.671 3.21967 12.5303C3.07902 12.3897 3 12.1989 3 12C3 11.8011 3.07902 11.6103 3.21967 11.4697C3.36032 11.329 3.55109 11.25 3.75 11.25H18.4397L12.9694 5.78063C12.8286 5.6399 12.7496 5.44903 12.7496 5.25001C12.7496 5.05098 12.8286 4.86011 12.9694 4.71938C13.1101 4.57865 13.301 4.49959 13.5 4.49959C13.699 4.49959 13.8899 4.57865 14.0306 4.71938L20.7806 11.4694C20.8504 11.539 20.9057 11.6218 20.9434 11.7128C20.9812 11.8038 21.0006 11.9014 21.0006 12C21.0006 12.0986 20.9812 12.1962 20.9434 12.2872C20.9057 12.3783 20.8504 12.461 20.7806 12.5306Z" 4894 fill="currentColor" 4895 /> 4896</svg> 4897</button> 4898 <button 4899 type="button" 4900 class="site-nav-dropdown__carousel-btn site-nav-dropdown__carousel-btn--next site-nav-dropdown__carousel-btn--toolbar" 4901 aria-label="Show next products" 4902 > 4903<svg 4904 xmlns="http://www.w3.org/2000/svg" 4905 width="24" 4906 height="24" 4907 viewBox="0 0 24 24" 4908 fill="none" 4909 class="site-nav-dropdown__carousel-arrow-svg" 4910 aria-hidden="true" 4911 focusable="false" 4912> 4913 <path 4914 d="M20.7806 12.5306L14.0306 19.2806C13.8899 19.4214 13.699 19.5004 13.5 19.5004C13.301 19.5004 13.1101 19.4214 12.9694 19.2806C12.8286 19.1399 12.7496 18.949 12.7496 18.75C12.7496 18.551 12.8286 18.3601 12.9694 18.2194L18.4397 12.75H3.75C3.55109 12.75 3.36032 12.671 3.21967 12.5303C3.07902 12.3897 3 12.1989 3 12C3 11.8011 3.07902 11.6103 3.21967 11.4697C3.36032 11.329 3.55109 11.25 3.75 11.25H18.4397L12.9694 5.78063C12.8286 5.6399 12.7496 5.44903 12.7496 5.25001C12.7496 5.05098 12.8286 4.86011 12.9694 4.71938C13.1101 4.57865 13.301 4.49959 13.5 4.49959C13.699 4.49959 13.8899 4.57865 14.0306 4.71938L20.7806 11.4694C20.8504 11.539 20.9057 11.6218 20.9434 11.7128C2
49140.9812 11.8038 21.0006 11.9014 21.0006 12C21.0006 12.0986 20.9812 12.1962 20.9434 12.2872C20.9057 12.3783 20.8504 12.461 20.7806 12.5306Z" 4915 fill="currentColor" 4916 /> 4917</svg> 4918</button> 4919 </div> 4920 <div 4921 class="site-nav-dropdown__carousel-track tw-min-h-0 tw-flex-1 tw-overflow-x-auto tw-overflow-y-visible tw-scroll-smooth tw-pb-8" 4922 data-carousel-track 4923 tabindex="0" 4924 role="region" 4925 aria-roledescription="carousel" 4926 aria-label="6g fiber line products" 4927 > 4928 <ul class="site-nav-dropdown__product-row tw-m-0 tw-flex tw-list-none tw-flex-nowrap tw-gap-[2px] tw-p-0 tw-pl-1"> 4929 4930 4931 4932 4933 4934 4935 4936 4937 4938 4939 4940 4941 4942 <li class="6g-fiber-line-tile tw-w-[136px] tw-flex-shrink-0"> 4943 <a 4944 href="/products/raspberry-sherbet" 4945 class="site-nav-dropdown__product-card site-nav__child-link tw-flex tw-w-[136px] tw-max-w-[136px] tw-flex-col tw-items-stretch tw-overflow-visible tw-bg-transparent tw-p-0 tw-text-center" 4946 4947 > 4948 <span class="site-nav-dropdown__product-card-media"> 4949 4950 <div 4951 class="product-badge product-badge--nav" 4952 role="status" 4953 aria-label="Limited" 4954 > 4955 <svg class="product-badge__shape" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 72 72" fill="none" aria-hidden="true"> 4956 <path d="M33.6354 1.15556C34.8423 -0.385184 37.1577 -0.385187 38.3646 1.15556L42.852 6.8839C43.6453 7.89657 44.9853 8.29373 46.195 7.87473L53.0381 5.5046C54.8787 4.86711 56.8265 6.13068 57.0166 8.0855L57.7235 15.3533C57.8485 16.6382 58.763 17.7036 60.0051 18.0113L67.0313 19.7519C68.9212 20.22 69.883 22.346 68.996 24.0942L65.698 30.5941C65.1149 31.7432 65.3137 33.1385 66.1938 34.0752L71.1724 39.3739C72.5115 40.7991 72.1819 43.1125 70.4993 44.0991L64.2435 47.7673C63.1376 48.4158 62.5575 49.6981 62.7962 50.9664L64.1464 58.1409C64.5096 60.0706 62.9933 61.8369 61.0494 61.7487L53.822 61.4206C52.5443 61.3626 51.3694 62.1248 50.8909 63.322L48.1842 70.0944C47.4562 71.916 45.2346 72.5745 43.6465 71.4394L37.7421 67.2192C36.6983 66.4731 35.3017 66.4731 34.2579 67.2192L28.3535 71.4394C26.7655 72.5745 24.5438 71.916 23.8158 70.0944L21.1091 63.322C20.6306 62.1248 19.4557 61.3626 18.178 61.4206L10.9506 61.7487C9.00666 61.8369 7.4904 60.0706 7.85357 58.1409L9.20384 50.9664C9.44255 49.6981 8.86239 48.4158 7.75647 47.7673L1.50067 44.0991C-0.181946 43.1125 -0.511462 40.7991 0.827617 39.3739L5.80619 34.0752C6.68632 33.1385 6.88508 31.7432 6.30204 30.5941L3.00403 24.0942C2.11697 22.346 3.07881 20.22 4.96864 19.7519L11.9949 18.0113C13.237 17.7036 14.1515 16.6382 14.2765 15.3533L14.9834 8.08551C15.1735 6.13069 17.1213 4.86711 18.9619 5.5046L25.805 7.87473C27.0147 8.29373 28.3547 7.89657 29.148 6.8839L33.6354 1.15556Z" fill="#FFE340"/> 4957 </svg> 4958 <span class="product-badge__text" style="color: #034638;">Limited</span> 4959 </div> 4960 4961 4962 4963 4964 4965 4966 4967 4968 4969 <img 4970 class="site-nav-dropdown__product-card-img nav-product-hero" 4971 src="//drinkolipop.com/cdn/shop/files/raspberry-sherbert_omni-pdp_single.webp?crop=center&height=362&v=1775754912&width=272" 4972 width="136" 4973 height="181" 4974 alt="Raspberry Sherbet" 4975 loading="lazy" 4976 decoding="async" 4977 > 4978 4979 </span>
4980 <span class="site-nav-dropdown__product-card-label"> 4981 4982 Raspberry Sherbet 4983 4984 </span> 4985 </a> 4986 </li> 4987 4988 4989 4990 4991 4992 4993 4994 4995 4996 <li class="6g-fiber-line-tile tw-w-[136px] tw-flex-shrink-0"> 4997 <a 4998 href="/products/shirley-temple" 4999 class="site-nav-dropdown__product-card site-nav__child-link tw-flex tw-w-[136px] tw-max-w-[136px] tw-flex-col tw-items-stretch tw-overflow-visible tw-bg-transparent tw-p-0 tw-text-center" 5000 5001 > 5002 <span class="site-nav-dropdown__product-card-media"> 5003 5004 <div 5005 class="product-badge product-badge--nav" 5006 role="status" 5007 aria-label="Limited" 5008 > 5009 <svg class="product-badge__shape" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 72 72" fill="none" aria-hidden="true"> 5010 <path d="M33.6354 1.15556C34.8423 -0.385184 37.1577 -0.385187 38.3646 1.15556L42.852 6.8839C43.6453 7.89657 44.9853 8.29373 46.195 7.87473L53.0381 5.5046C54.8787 4.86711 56.8265 6.13068 57.0166 8.0855L57.7235 15.3533C57.8485 16.6382 58.763 17.7036 60.0051 18.0113L67.0313 19.7519C68.9212 20.22 69.883 22.346 68.996 24.0942L65.698 30.5941C65.1149 31.7432 65.3137 33.1385 66.1938 34.0752L71.1724 39.3739C72.5115 40.7991 72.1819 43.1125 70.4993 44.0991L64.2435 47.7673C63.1376 48.4158 62.5575 49.6981 62.7962 50.9664L64.1464 58.1409C64.5096 60.0706 62.9933 61.8369 61.0494 61.7487L53.822 61.4206C52.5443 61.3626 51.3694 62.1248 50.8909 63.322L48.1842 70.0944C47.4562 71.916 45.2346 72.5745 43.6465 71.4394L37.7421 67.2192C36.6983 66.4731 35.3017 66.4731 34.2579 67.2192L28.3535 71.4394C26.7655 72.5745 24.5438 71.916 23.8158 70.0944L21.1091 63.322C20.6306 62.1248 19.4557 61.3626 18.178 61.4206L10.9506 61.7487C9.00666 61.8369 7.4904 60.0706 7.85357 58.1409L9.20384 50.9664C9.44255 49.6981 8.86239 48.4158 7.75647 47.7673L1.50067 44.0991C-0.181946 43.1125 -0.511462 40.7991 0.827617 39.3739L5.80619 34.0752C6.68632 33.1385 6.88508 31.7432 6.30204 30.5941L3.00403 24.0942C2.11697 22.346 3.07881 20.22 4.96864 19.7519L11.9949 18.0113C13.237 17.7036 14.1515 16.6382 14.2765 15.3533L14.9834 8.08551C15.1735 6.13069 17.1213 4.86711 18.9619 5.5046L25.805 7.87473C27.0147 8.29373 28.3547 7.89657 29.148 6.8839L33.6354 1.15556Z" fill="#FFE340"/> 5011 </svg> 5012 <span class="product-badge__text" style="color: #034638;">Limited</span> 5013 </div> 5014 5015 5016 5017 5018 5019 5020 5021 5022 5023 <img 5024 class="site-nav-dropdown__product-card-img nav-product-hero" 5025 src="//drinkolipop.com/cdn/shop/files/shirley-temple-6g-olipop_gallery-image_single-can_new_asset.webp?crop=center&height=362&v=1778804138&width=272" 5026 width="136" 5027 height="181" 5028 alt="Shirley Temple" 5029 loading="lazy" 5030 decoding="async" 5031 > 5032 5033 </span> 5034 <span class="site-nav-dropdown__product-card-label"> 5035 5036 Shirley Temple 5037 5038 </span> 5039 </a> 5040 </li> 5041 5042 5043 5044 5045 5046 5047 5048 5049 5050 <li class="6g-fiber-line-tile tw-w-[136px] tw-flex-shrink-0"> 5051 <a 5052 href="/products/spongebob-pineapple-paradise" 5053 class="site-nav-dropdown__product-card site-nav__child-link tw-flex tw-w-[136px] tw-max-w-[136px] tw-flex-col tw-items-stretch tw-overflow-visible tw-bg-transparent tw-p-0 tw-text-center" 5054 5055 >
5056 <span class="site-nav-dropdown__product-card-media"> 5057 5058 <div 5059 class="product-badge product-badge--nav" 5060 role="status" 5061 aria-label="Limited" 5062 > 5063 <svg class="product-badge__shape" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 72 72" fill="none" aria-hidden="true"> 5064 <path d="M33.6354 1.15556C34.8423 -0.385184 37.1577 -0.385187 38.3646 1.15556L42.852 6.8839C43.6453 7.89657 44.9853 8.29373 46.195 7.87473L53.0381 5.5046C54.8787 4.86711 56.8265 6.13068 57.0166 8.0855L57.7235 15.3533C57.8485 16.6382 58.763 17.7036 60.0051 18.0113L67.0313 19.7519C68.9212 20.22 69.883 22.346 68.996 24.0942L65.698 30.5941C65.1149 31.7432 65.3137 33.1385 66.1938 34.0752L71.1724 39.3739C72.5115 40.7991 72.1819 43.1125 70.4993 44.0991L64.2435 47.7673C63.1376 48.4158 62.5575 49.6981 62.7962 50.9664L64.1464 58.1409C64.5096 60.0706 62.9933 61.8369 61.0494 61.7487L53.822 61.4206C52.5443 61.3626 51.3694 62.1248 50.8909 63.322L48.1842 70.0944C47.4562 71.916 45.2346 72.5745 43.6465 71.4394L37.7421 67.2192C36.6983 66.4731 35.3017 66.4731 34.2579 67.2192L28.3535 71.4394C26.7655 72.5745 24.5438 71.916 23.8158 70.0944L21.1091 63.322C20.6306 62.1248 19.4557 61.3626 18.178 61.4206L10.9506 61.7487C9.00666 61.8369 7.4904 60.0706 7.85357 58.1409L9.20384 50.9664C9.44255 49.6981 8.86239 48.4158 7.75647 47.7673L1.50067 44.0991C-0.181946 43.1125 -0.511462 40.7991 0.827617 39.3739L5.80619 34.0752C6.68632 33.1385 6.88508 31.7432 6.30204 30.5941L3.00403 24.0942C2.11697 22.346 3.07881 20.22 4.96864 19.7519L11.9949 18.0113C13.237 17.7036 14.1515 16.6382 14.2765 15.3533L14.9834 8.08551C15.1735 6.13069 17.1213 4.86711 18.9619 5.5046L25.805 7.87473C27.0147 8.29373 28.3547 7.89657 29.148 6.8839L33.6354 1.15556Z" fill="#FFE340"/> 5065 </svg> 5066 <span class="product-badge__text" style="color: #034638;">Limited</span> 5067 </div> 5068 5069 5070 5071 5072 5073 5074 5075 5076 5077 <img 5078 class="site-nav-dropdown__product-card-img nav-product-hero" 5079 src="//drinkolipop.com/cdn/shop/files/Pineapple-Paradise_cgi-main-image_072925.webp?crop=center&height=362&v=1753844923&width=272" 5080 width="136" 5081 height="181" 5082 alt="Pineapple Paradise" 5083 loading="lazy" 5084 decoding="async" 5085 > 5086 5087 </span> 5088 <span class="site-nav-dropdown__product-card-label"> 5089 5090 Pineapple Paradise 5091 5092 </span> 5093 </a> 5094 </li> 5095 5096 5097 5098 5099 5100 5101 5102 5103 5104 <li class="6g-fiber-line-tile tw-w-[136px] tw-flex-shrink-0"> 5105 <a 5106 href="/products/crisp-apple-6g-fiber" 5107 class="site-nav-dropdown__product-card site-nav__child-link tw-flex tw-w-[136px] tw-max-w-[136px] tw-flex-col tw-items-stretch tw-overflow-visible tw-bg-transparent tw-p-0 tw-text-center" 5108 5109 > 5110 <span class="site-nav-dropdown__product-card-media"> 5111 5112 5113 5114 5115 5116 5117 5118 5119 5120 <img 5121 class="site-nav-dropdown__product-card-img nav-product-hero" 5122 src="//drinkolipop.com/cdn/shop/files/crisp-apple-6g-olipop_gallery-image_single-can_new_asset.webp?crop=center&height=362&v=1778731400&width=272" 5123 width="136" 5124 height="181" 5125 alt="Crisp Apple" 5126 loading="lazy" 5127 decoding="async" 5128 > 5129 5130 </span>
5131 <span class="site-nav-dropdown__product-card-label"> 5132 5133 Crisp Apple 5134 5135 </span> 5136 </a> 5137 </li> 5138 5139 5140 5141 5142 5143 5144 5145 5146 5147 <li class="6g-fiber-line-tile tw-w-[136px] tw-flex-shrink-0"> 5148 <a 5149 href="/products/classic-grape-6g-fiber" 5150 class="site-nav-dropdown__product-card site-nav__child-link tw-flex tw-w-[136px] tw-max-w-[136px] tw-flex-col tw-items-stretch tw-overflow-visible tw-bg-transparent tw-p-0 tw-text-center" 5151 5152 > 5153 <span class="site-nav-dropdown__product-card-media"> 5154 5155 5156 5157 5158 5159 5160 5161 5162 5163 <img 5164 class="site-nav-dropdown__product-card-img nav-product-hero" 5165 src="//drinkolipop.com/cdn/shop/files/classic-grape-6g-olipop_gallery-image_single-can_new_asset.webp?crop=center&height=362&v=1778733509&width=272" 5166 width="136" 5167 height="181" 5168 alt="Classic Grape" 5169 loading="lazy" 5170 decoding="async" 5171 > 5172 5173 </span> 5174 <span class="site-nav-dropdown__product-card-label"> 5175 5176 Classic Grape 5177 5178 </span> 5179 </a> 5180 </li> 5181 5182 5183 5184 5185 5186 5187 5188 5189 5190 <li class="6g-fiber-line-tile tw-w-[136px] tw-flex-shrink-0"> 5191 <a 5192 href="/products/vintage-cola-6g-fiber" 5193 class="site-nav-dropdown__product-card site-nav__child-link tw-flex tw-w-[136px] tw-max-w-[136px] tw-flex-col tw-items-stretch tw-overflow-visible tw-bg-transparent tw-p-0 tw-text-center" 5194 5195 > 5196 <span class="site-nav-dropdown__product-card-media"> 5197 5198 5199 5200 5201 5202 5203 5204 5205 5206 <img 5207 class="site-nav-dropdown__product-card-img nav-product-hero" 5208 src="//drinkolipop.com/cdn/shop/files/vintage-cola-6g-olipop_gallery-image_single-can_new_asset.webp?crop=center&height=362&v=1778727450&width=272" 5209 width="136" 5210 height="181" 5211 alt="Vintage Cola" 5212 loading="lazy" 5213 decoding="async" 5214 > 5215 5216 </span> 5217 <span class="site-nav-dropdown__product-card-label"> 5218 5219 Vintage Cola 5220 5221 </span> 5222 </a> 5223 </li> 5224 5225 5226 5227 5228 5229 5230 5231 5232 5233 <li class="6g-fiber-line-tile tw-w-[136px] tw-flex-shrink-0"> 5234 <a 5235 href="/products/classic-root-beer-6g-fiber" 5236 class="site-nav-dropdown__product-card site-nav__child-link tw-flex tw-w-[136px] tw-max-w-[136px] tw-flex-col tw-items-stretch tw-overflow-visible tw-bg-transparent tw-p-0 tw-text-center" 5237 5238 >
5239 <span class="site-nav-dropdown__product-card-media"> 5240 5241 5242 5243 5244 5245 5246 5247 5248 5249 <img 5250 class="site-nav-dropdown__product-card-img nav-product-hero" 5251 src="//drinkolipop.com/cdn/shop/files/classic-root-beer-6g-olipop_gallery-image_single-can_new_asset.webp?crop=center&height=362&v=1778736431&width=272" 5252 width="136" 5253 height="181" 5254 alt="Classic Root Beer" 5255 loading="lazy" 5256 decoding="async" 5257 > 5258 5259 </span> 5260 <span class="site-nav-dropdown__product-card-label"> 5261 5262 Classic Root Beer 5263 5264 </span> 5265 </a> 5266 </li> 5267 5268 5269 5270 5271 5272 5273 5274 5275 5276 <li class="6g-fiber-line-tile tw-w-[136px] tw-flex-shrink-0"> 5277 <a 5278 href="/products/cream-soda-6g-fiber" 5279 class="site-nav-dropdown__product-card site-nav__child-link tw-flex tw-w-[136px] tw-max-w-[136px] tw-flex-col tw-items-stretch tw-overflow-visible tw-bg-transparent tw-p-0 tw-text-center" 5280 5281 > 5282 <span class="site-nav-dropdown__product-card-media"> 5283 5284 5285 5286 5287 5288 5289 5290 5291 5292 <img 5293 class="site-nav-dropdown__product-card-img nav-product-hero" 5294 src="//drinkolipop.com/cdn/shop/files/cream-soda-6g-olipop_gallery-image_single-can_new_asset_new_asset.webp?crop=center&height=362&v=1778734784&width=272" 5295 width="136" 5296 height="181" 5297 alt="Cream Soda" 5298 loading="lazy" 5299 decoding="async" 5300 > 5301 5302 </span> 5303 <span class="site-nav-dropdown__product-card-label"> 5304 5305 Cream Soda 5306 5307 </span> 5308 </a> 5309 </li> 5310 5311 5312 5313 5314 5315 5316 5317 5318 5319 <li class="6g-fiber-line-tile tw-w-[136px] tw-flex-shrink-0"> 5320 <a 5321 href="/products/strawberry-vanilla-6g-fiber" 5322 class="site-nav-dropdown__product-card site-nav__child-link tw-flex tw-w-[136px] tw-max-w-[136px] tw-flex-col tw-items-stretch tw-overflow-visible tw-bg-transparent tw-p-0 tw-text-center" 5323 5324 > 5325 <span class="site-nav-dropdown__product-card-media"> 5326 5327 5328 5329 5330 5331 5332 5333 5334 5335 <img 5336 class="site-nav-dropdown__product-card-img nav-product-hero" 5337 src="//drinkolipop.com/cdn/shop/files/strawberry-vanila-6g-olipop_gallery-image_single-can_new_asset.webp?crop=center&height=362&v=1778765549&width=272" 5338 width="136" 5339 height="181" 5340 alt="Strawberry Vanilla" 5341 loading="lazy" 5342 decoding="async" 5343 > 5344 5345 </span>
5346 <span class="site-nav-dropdown__product-card-label"> 5347 5348 Strawberry Vanilla 5349 5350 </span> 5351 </a> 5352 </li> 5353 5354 5355 5356 5357 5358 5359 5360 5361 5362 <li class="6g-fiber-line-tile tw-w-[136px] tw-flex-shrink-0"> 5363 <a 5364 href="/products/cherry-cola-6g-fiber" 5365 class="site-nav-dropdown__product-card site-nav__child-link tw-flex tw-w-[136px] tw-max-w-[136px] tw-flex-col tw-items-stretch tw-overflow-visible tw-bg-transparent tw-p-0 tw-text-center" 5366 5367 > 5368 <span class="site-nav-dropdown__product-card-media"> 5369 5370 5371 5372 5373 5374 5375 5376 5377 5378 <img 5379 class="site-nav-dropdown__product-card-img nav-product-hero" 5380 src="//drinkolipop.com/cdn/shop/files/cherry-cola-6g-olipop_gallery-image_single-can_new_asset.webp?crop=center&height=362&v=1778593310&width=272" 5381 width="136" 5382 height="181" 5383 alt="Cherry Cola" 5384 loading="lazy" 5385 decoding="async" 5386 > 5387 5388 </span> 5389 <span class="site-nav-dropdown__product-card-label"> 5390 5391 Cherry Cola 5392 5393 </span> 5394 </a> 5395 </li> 5396 5397 5398 5399 5400 5401 5402 5403 5404 5405 <li class="6g-fiber-line-tile tw-w-[136px] tw-flex-shrink-0"> 5406 <a 5407 href="/products/citrus-rush-6g-fiber" 5408 class="site-nav-dropdown__product-card site-nav__child-link tw-flex tw-w-[136px] tw-max-w-[136px] tw-flex-col tw-items-stretch tw-overflow-visible tw-bg-transparent tw-p-0 tw-text-center" 5409 5410 > 5411 <span class="site-nav-dropdown__product-card-media"> 5412 5413 5414 5415 5416 5417 5418 5419 5420 5421 <img 5422 class="site-nav-dropdown__product-card-img nav-product-hero" 5423 src="//drinkolipop.com/cdn/shop/files/citrus-rush-6g-olipop_gallery-image_single-can_new_asset.webp?crop=center&height=362&v=1778599172&width=272" 5424 width="136" 5425 height="181" 5426 alt="Citrus Rush" 5427 loading="lazy" 5428 decoding="async" 5429 > 5430 5431 </span> 5432 <span class="site-nav-dropdown__product-card-label"> 5433 5434 Citrus Rush 5435 5436 </span> 5437 </a> 5438 </li> 5439 5440 5441 5442 5443 5444 5445 5446 5447 5448 <li class="6g-fiber-line-tile tw-w-[136px] tw-flex-shrink-0"> 5449 <a 5450 href="/products/ginger-ale-6g-fiber" 5451 class="site-nav-dropdown__product-card site-nav__child-link tw-flex tw-w-[136px] tw-max-w-[136px] tw-flex-col tw-items-stretch tw-overflow-visible tw-bg-transparent tw-p-0 tw-text-center" 5452 5453 >
5454 <span class="site-nav-dropdown__product-card-media"> 5455 5456 5457 5458 5459 5460 5461 5462 5463 5464 <img 5465 class="site-nav-dropdown__product-card-img nav-product-hero" 5466 src="//drinkolipop.com/cdn/shop/files/ginger-ale-6g-olipop_gallery-image_single-can_new_asset.webp?crop=center&height=362&v=1778729238&width=272" 5467 width="136" 5468 height="181" 5469 alt="Ginger Ale" 5470 loading="lazy" 5471 decoding="async" 5472 > 5473 5474 </span> 5475 <span class="site-nav-dropdown__product-card-label"> 5476 5477 Ginger Ale 5478 5479 </span> 5480 </a> 5481 </li> 5482 5483 5484 5485 5486 5487 5488 5489 5490 5491 <li class="6g-fiber-line-tile tw-w-[136px] tw-flex-shrink-0"> 5492 <a 5493 href="/products/lemon-lime-6g-fiber" 5494 class="site-nav-dropdown__product-card site-nav__child-link tw-flex tw-w-[136px] tw-max-w-[136px] tw-flex-col tw-items-stretch tw-overflow-visible tw-bg-transparent tw-p-0 tw-text-center" 5495 5496 > 5497 <span class="site-nav-dropdown__product-card-media"> 5498 5499 5500 5501 5502 5503 5504 5505 5506 5507 <img 5508 class="site-nav-dropdown__product-card-img nav-product-hero" 5509 src="//drinkolipop.com/cdn/shop/files/lemon-lime-6g-olipop_gallery-image_single-can_new_asset.webp?crop=center&height=362&v=1778589967&width=272" 5510 width="136" 5511 height="181" 5512 alt="Lemon Lime" 5513 loading="lazy" 5514 decoding="async" 5515 > 5516 5517 </span> 5518 <span class="site-nav-dropdown__product-card-label"> 5519 5520 Lemon Lime 5521 5522 </span> 5523 </a> 5524 </li> 5525 5526 5527 </ul> 5528 </div> 5529 </div> 5530 </div> 5531 </div> 5532 5533 5534 5535 <div 5536 id="nav-dropdown-olipop-minis" 5537 class="site-nav-dropdown__child-menu tw-absolute tw-inset-0 tw-min-h-0 tw-w-full tw-overflow-x-hidden tw-overflow-y-visible tw-pl-4 tw-pt-8 md:tw-pl-8" 5538 > 5539 <div class="site-nav-dropdown__child-menu-inner tw-flex tw-min-h-0 tw-flex-1 tw-flex-col tw-overflow-visible"> 5540 <header class="site-nav-dropdown__subnav-header tw-pl-1"> 5541 <div class="site-nav-dropdown__subnav-header-top tw-flex tw-flex-col tw-gap-4 lg:tw-flex-row lg:tw-items-start lg:tw-justify-between"> 5542 <div class="site-nav-dropdown__subnav-titles tw-min-w-0 tw-flex-1"> 5543 <h2 class="site-nav-dropdown__subnav-title"> 5544 5545 Shop MINIs 5546 5547 </h2> 5548 5549 <div class="site-nav-dropdown__category-headline"> 5550 <div class="site-nav-dropdown__category-headline-text rte">
5551 <span class="metafield-single_line_text_field">Store anywhere. Chill to enjoy.</span> 5552 </div> 5553 5554 </div> 5555 5556 5557 <div class="site-nav-dropdown__category-description rte"> 5558 <span class="metafield-multi_line_text_field">Smaller cans with 3g of fiber, perfect for on-the-go sipping or a little treat in your lunch box.</span> 5559 </div> 5560 5561 </div> 5562 <a 5563 class="site-nav-dropdown__shop-all-outline" 5564 href="/collections/olipop-minis" 5565 > 5566 5567 Shop All MINIs 5568 5569 </a> 5570 </div> 5571 </header> 5572 5573 <div 5574 class="site-nav-dropdown__carousel tw-relative tw-flex tw-min-h-0 tw-flex-1 tw-flex-col tw-pl-0 tw-mt-[-3rem]" 5575 data-nav-carousel 5576 > 5577 <div 5578 class="site-nav-dropdown__carousel-toolbar tw-flex tw-w-full tw-items-center tw-justify-end tw-gap-1 tw-pr-14" 5579 aria-hidden="false" 5580 > 5581 <button 5582 type="button" 5583 class="site-nav-dropdown__carousel-btn site-nav-dropdown__carousel-btn--prev site-nav-dropdown__carousel-btn--toolbar" 5584 aria-label="Show previous products" 5585 > 5586<svg 5587 xmlns="http://www.w3.org/2000/svg" 5588 width="24" 5589 height="24" 5590 viewBox="0 0 24 24" 5591 fill="none" 5592 class="site-nav-dropdown__carousel-arrow-svg" 5593 aria-hidden="true" 5594 focusable="false" 5595> 5596 <path 5597 d="M20.7806 12.5306L14.0306 19.2806C13.8899 19.4214 13.699 19.5004 13.5 19.5004C13.301 19.5004 13.1101 19.4214 12.9694 19.2806C12.8286 19.1399 12.7496 18.949 12.7496 18.75C12.7496 18.551 12.8286 18.3601 12.9694 18.2194L18.4397 12.75H3.75C3.55109 12.75 3.36032 12.671 3.21967 12.5303C3.07902 12.3897 3 12.1989 3 12C3 11.8011 3.07902 11.6103 3.21967 11.4697C3.36032 11.329 3.55109 11.25 3.75 11.25H18.4397L12.9694 5.78063C12.8286 5.6399 12.7496 5.44903 12.7496 5.25001C12.7496 5.05098 12.8286 4.86011 12.9694 4.71938C13.1101 4.57865 13.301 4.49959 13.5 4.49959C13.699 4.49959 13.8899 4.57865 14.0306 4.71938L20.7806 11.4694C20.8504 11.539 20.9057 11.6218 20.9434 11.7128C20.9812 11.8038 21.0006 11.9014 21.0006 12C21.0006 12.0986 20.9812 12.1962 20.9434 12.2872C20.9057 12.3783 20.8504 12.461 20.7806 12.5306Z" 5598 fill="currentColor" 5599 /> 5600</svg> 5601</button> 5602 <button 5603 type="button" 5604 class="site-nav-dropdown__carousel-btn site-nav-dropdown__carousel-btn--next site-nav-dropdown__carousel-btn--toolbar" 5605 aria-label="Show next products" 5606 > 5607<svg 5608 xmlns="http://www.w3.org/2000/svg" 5609 width="24" 5610 height="24" 5611 viewBox="0 0 24 24" 5612 fill="none" 5613 class="site-nav-dropdown__carousel-arrow-svg" 5614 aria-hidden="true" 5615 focusable="false" 5616> 5617 <path 5618 d="M20.7806 12.5306L14.0306 19.2806C13.8899 19.4214 13.699 19.5004 13.5 19.5004C13.301 19.5004 13.1101 19.4214 12.9694 19.2806C12.8286 19.1399 12.7496 18.949 12.7496 18.75C12.7496 18.551 12.8286 18.3601 12.9694 18.2194L18.4397 12.75H3.75C3.55109 12.75 3.36032 12.671 3.21967 12.5303C3.07902 12.3897 3 12.1989 3 12C3 11.8011 3.07902 11.6103 3.21967 11.4697C3.36032 11.329 3.55109 11.25 3.75 11.25H18.4397L12.9694 5.78063C12.8286 5.6399 12.7496 5.44903 12.7496 5.25001C12.7496 5.05098 12.8286 4.86011 12.9694 4.71938C13.1101 4.57865 13.301 4.49959 13.5 4.49959C13.699 4.49959 13.8899 4.57865 14.0306 4.71938L20.7806 11.4694C20.8504 11.539 20.9057 11.6218 20.9434 11.7128C20.9812 11.8038 21.0006 11.9014 21.0006 12C21.0006 12.0986 20.9812 12.1962 20.9434 12.2872C20.9057 12.3783 20.8504 12.461 20.7806 12.5306Z" 5619 fill="currentColor" 5620 /> 5621</svg> 5622</button> 5623 </div> 5624 <div 5625 class="site-nav-dropdown__carousel-track tw-min-h-0 tw-flex-1 tw-overflow-x-auto tw-overflow-y-visible tw-scroll-smooth tw-pb-8" 5626 data-carousel-track 5627 tabindex="0" 5628 role="region" 5629 aria-roledescription="carousel" 5630 aria-label="OLIPOP MINIs products" 5631 > 5632 <ul class="site-nav-dropdown__product-row tw-m-0 tw-flex tw-list-none tw-flex-nowrap tw-gap-[2px] tw-p-0 tw-pl-1"> 5633 5634 5635 5636 5637 5638 5639 5640 5641 5642 5643 5644 5645 5646 <li class="olipop-minis-tile tw-w-[136px] tw-flex-shrink-0"> 5647 <a 5648 href="/products/strawberry-vanilla-minis" 5649 class="site-nav-dropdown__product-card site-nav__child-link tw-flex tw-w-[136px] tw-max-w-[136px] tw-flex-col tw-items-stretch tw-overflow-visible tw-bg-transparent tw-p-0 tw-text-center" 5650 5651 >
5652 <span class="site-nav-dropdown__product-card-media"> 5653 5654 5655 5656 5657 5658 5659 5660 5661 5662 <img 5663 class="site-nav-dropdown__product-card-img nav-product-hero" 5664 src="//drinkolipop.com/cdn/shop/files/strawberry-vanilla-minis-olipop_single-can-main-image_new_asset_680b8459-03b7-4518-8048-07556a91e1c7.webp?crop=center&height=362&v=1784901479&width=272" 5665 width="136" 5666 height="181" 5667 alt="Strawberry Vanilla" 5668 loading="lazy" 5669 decoding="async" 5670 > 5671 5672 </span> 5673 <span class="site-nav-dropdown__product-card-label"> 5674 5675 Strawberry Vanilla 5676 5677 </span> 5678 </a> 5679 </li> 5680 5681 5682 5683 5684 5685 5686 5687 5688 5689 <li class="olipop-minis-tile tw-w-[136px] tw-flex-shrink-0"> 5690 <a 5691 href="/products/classic-grape-minis" 5692 class="site-nav-dropdown__product-card site-nav__child-link tw-flex tw-w-[136px] tw-max-w-[136px] tw-flex-col tw-items-stretch tw-overflow-visible tw-bg-transparent tw-p-0 tw-text-center" 5693 5694 > 5695 <span class="site-nav-dropdown__product-card-media"> 5696 5697 5698 5699 5700 5701 5702 5703 5704 5705 <img 5706 class="site-nav-dropdown__product-card-img nav-product-hero" 5707 src="//drinkolipop.com/cdn/shop/files/classic-grape-minis-olipop_single-can-main-image_new_asset.webp?crop=center&height=362&v=1784902094&width=272" 5708 width="136" 5709 height="181" 5710 alt="Classic Grape" 5711 loading="lazy" 5712 decoding="async" 5713 > 5714 5715 </span> 5716 <span class="site-nav-dropdown__product-card-label"> 5717 5718 Classic Grape 5719 5720 </span> 5721 </a> 5722 </li> 5723 5724 5725 5726 5727 5728 5729 5730 5731 5732 <li class="olipop-minis-tile tw-w-[136px] tw-flex-shrink-0"> 5733 <a 5734 href="/products/crisp-apple-minis" 5735 class="site-nav-dropdown__product-card site-nav__child-link tw-flex tw-w-[136px] tw-max-w-[136px] tw-flex-col tw-items-stretch tw-overflow-visible tw-bg-transparent tw-p-0 tw-text-center" 5736 5737 > 5738 <span class="site-nav-dropdown__product-card-media"> 5739 5740 5741 5742 5743 5744 5745 5746 5747 5748 <img 5749 class="site-nav-dropdown__product-card-img nav-product-hero" 5750 src="//drinkolipop.com/cdn/shop/files/crisp-apple-minis-olipop_single-can-main-image_new_asset.webp?crop=center&height=362&v=1784902474&width=272" 5751 width="136" 5752 height="181" 5753 alt="Crisp Apple" 5754 loading="lazy" 5755 decoding="async" 5756 > 5757 5758 </span>
5759 <span class="site-nav-dropdown__product-card-label"> 5760 5761 Crisp Apple 5762 5763 </span> 5764 </a> 5765 </li> 5766 5767 5768 5769 5770 5771 5772 5773 5774 5775 <li class="olipop-minis-tile tw-w-[136px] tw-flex-shrink-0"> 5776 <a 5777 href="/products/vintage-cola-minis" 5778 class="site-nav-dropdown__product-card site-nav__child-link tw-flex tw-w-[136px] tw-max-w-[136px] tw-flex-col tw-items-stretch tw-overflow-visible tw-bg-transparent tw-p-0 tw-text-center" 5779 5780 > 5781 <span class="site-nav-dropdown__product-card-media"> 5782 5783 5784 5785 5786 5787 5788 5789 5790 5791 <img 5792 class="site-nav-dropdown__product-card-img nav-product-hero" 5793 src="//drinkolipop.com/cdn/shop/files/vintage-cola-minis-olipop_single-can-main-image_new_asset.webp?crop=center&height=362&v=1784903244&width=272" 5794 width="136" 5795 height="181" 5796 alt="Vintage Cola" 5797 loading="lazy" 5798 decoding="async" 5799 > 5800 5801 </span> 5802 <span class="site-nav-dropdown__product-card-label"> 5803 5804 Vintage Cola 5805 5806 </span> 5807 </a> 5808 </li> 5809 5810 5811 5812 5813 5814 5815 5816 5817 5818 <li class="olipop-minis-tile tw-w-[136px] tw-flex-shrink-0"> 5819 <a 5820 href="/products/ginger-ale-minis" 5821 class="site-nav-dropdown__product-card site-nav__child-link tw-flex tw-w-[136px] tw-max-w-[136px] tw-flex-col tw-items-stretch tw-overflow-visible tw-bg-transparent tw-p-0 tw-text-center" 5822 5823 > 5824 <span class="site-nav-dropdown__product-card-media"> 5825 5826 5827 5828 5829 5830 5831 5832 5833 5834 <img 5835 class="site-nav-dropdown__product-card-img nav-product-hero" 5836 src="//drinkolipop.com/cdn/shop/files/ginger-ale-minis-olipop_single-can-main-image_new_asset.webp?crop=center&height=362&v=1784902793&width=272" 5837 width="136" 5838 height="181" 5839 alt="Ginger Ale" 5840 loading="lazy" 5841 decoding="async" 5842 > 5843 5844 </span> 5845 <span class="site-nav-dropdown__product-card-label"> 5846 5847 Ginger Ale 5848 5849 </span> 5850 </a> 5851 </li> 5852 5853 5854 5855 5856 5857 5858 5859 5860 5861 <li class="olipop-minis-tile tw-w-[136px] tw-flex-shrink-0"> 5862 <a 5863 href="/products/orange-cream-minis" 5864 class="site-nav-dropdown__product-card site-nav__child-link tw-flex tw-w-[136px] tw-max-w-[136px] tw-flex-col tw-items-stretch tw-overflow-visible tw-bg-transparent tw-p-0 tw-text-center" 5865 5866 >
5867 <span class="site-nav-dropdown__product-card-media"> 5868 5869 5870 5871 5872 5873 5874 5875 5876 5877 <img 5878 class="site-nav-dropdown__product-card-img nav-product-hero" 5879 src="//drinkolipop.com/cdn/shop/files/orange-cream-minis-olipop_single-can-main-image_new_asset.webp?crop=center&height=362&v=1785416383&width=272" 5880 width="136" 5881 height="181" 5882 alt="Orange Cream" 5883 loading="lazy" 5884 decoding="async" 5885 > 5886 5887 </span> 5888 <span class="site-nav-dropdown__product-card-label"> 5889 5890 Orange Cream 5891 5892 </span> 5893 </a> 5894 </li> 5895 5896 5897 </ul> 5898 </div> 5899 </div> 5900 </div> 5901 </div> 5902 5903 5904 5905 <div 5906 id="nav-dropdown-limited-edition-flavors" 5907 class="site-nav-dropdown__child-menu tw-absolute tw-inset-0 tw-min-h-0 tw-w-full tw-overflow-x-hidden tw-overflow-y-visible tw-pl-4 tw-pt-8 md:tw-pl-8" 5908 > 5909 <div class="site-nav-dropdown__child-menu-inner tw-flex tw-min-h-0 tw-flex-1 tw-flex-col tw-overflow-visible"> 5910 <header class="site-nav-dropdown__subnav-header tw-pl-1"> 5911 <div class="site-nav-dropdown__subnav-header-top tw-flex tw-flex-col tw-gap-4 lg:tw-flex-row lg:tw-items-start lg:tw-justify-between"> 5912 <div class="site-nav-dropdown__subnav-titles tw-min-w-0 tw-flex-1"> 5913 <h2 class="site-nav-dropdown__subnav-title"> 5914 5915 Shop limited edition flavors 5916 5917 </h2> 5918 5919 <div class="site-nav-dropdown__category-headline"> 5920 <div class="site-nav-dropdown__category-headline-text rte"> 5921 <span class="metafield-single_line_text_field">Store anywhere. Chill to enjoy.</span> 5922 </div> 5923 5924 </div> 5925 5926 5927 <div class="site-nav-dropdown__category-description rte"> 5928 <span class="metafield-multi_line_text_field">Here for a good time, not a long time. Grab these flavors before they sip away! </span> 5929 </div> 5930 5931 </div> 5932 <a 5933 class="site-nav-dropdown__shop-all-outline" 5934 href="/collections/shop-limited-edition" 5935 > 5936 5937 Shop All Limited Edition Flavors 5938 5939 </a> 5940 </div> 5941 </header> 5942 5943 <div 5944 class="site-nav-dropdown__carousel tw-relative tw-flex tw-min-h-0 tw-flex-1 tw-flex-col tw-pl-0 tw-mt-[-3rem]" 5945 data-nav-carousel 5946 > 5947 <div 5948 class="site-nav-dropdown__carousel-toolbar tw-flex tw-w-full tw-items-center tw-justify-end tw-gap-1 tw-pr-14" 5949 aria-hidden="false" 5950 > 5951 <button 5952 type="button" 5953 class="site-nav-dropdown__carousel-btn site-nav-dropdown__carousel-btn--prev site-nav-dropdown__carousel-btn--toolbar" 5954 aria-label="Show previous products" 5955 > 5956<svg 5957 xmlns="http://www.w3.org/2000/svg" 5958 width="24" 5959 height="24" 5960 viewBox="0 0 24 24" 5961 fill="none" 5962 class="site-nav-dropdown__carousel-arrow-svg" 5963 aria-hidden="true" 5964 focusable="false" 5965> 5966 <path 5967 d="M20.7806 12.5306L14.0306 19.2806C13.8899 19.4214 13.699 19.5004 13.5 19.5004C13.301 19.5004 13.1101 19.4214 12.9694 19.2806C12.8286 19.1399 12.7496 18.949 12.7496 18.75C12.7496 18.551 12.8286 18.3601 12.9694 18.2194L18.4397 12.75H3.75C3.55109 12.75 3.36032 12.671 3.21967 12.5303C3.07902 12.3897 3 12.1989 3 12C3 11.8011 3.07902 11.6103 3.21967 11.4697C3.36032 11.329 3.55109 11.25 3.75 11.25H18.4397L12.9694 5.78063C12.8286 5.6399 12.7496 5.44903 12.7496 5.25001C12.7496 5.05098 12.8286 4.86011 12.9694 4.71938C13.1101 4.57865 13.301 4.49959 13.5 4.49959C13.699 4.49959 13.8899 4.57865 14.0306 4.71938L20.7806 11.4694C20.8504 11.539 20.9057 11.6218 20.9434 11.7128C2
59670.9812 11.8038 21.0006 11.9014 21.0006 12C21.0006 12.0986 20.9812 12.1962 20.9434 12.2872C20.9057 12.3783 20.8504 12.461 20.7806 12.5306Z" 5968 fill="currentColor" 5969 /> 5970</svg> 5971</button> 5972 <button 5973 type="button" 5974 class="site-nav-dropdown__carousel-btn site-nav-dropdown__carousel-btn--next site-nav-dropdown__carousel-btn--toolbar" 5975 aria-label="Show next products" 5976 > 5977<svg 5978 xmlns="http://www.w3.org/2000/svg" 5979 width="24" 5980 height="24" 5981 viewBox="0 0 24 24" 5982 fill="none" 5983 class="site-nav-dropdown__carousel-arrow-svg" 5984 aria-hidden="true" 5985 focusable="false" 5986> 5987 <path 5988 d="M20.7806 12.5306L14.0306 19.2806C13.8899 19.4214 13.699 19.5004 13.5 19.5004C13.301 19.5004 13.1101 19.4214 12.9694 19.2806C12.8286 19.1399 12.7496 18.949 12.7496 18.75C12.7496 18.551 12.8286 18.3601 12.9694 18.2194L18.4397 12.75H3.75C3.55109 12.75 3.36032 12.671 3.21967 12.5303C3.07902 12.3897 3 12.1989 3 12C3 11.8011 3.07902 11.6103 3.21967 11.4697C3.36032 11.329 3.55109 11.25 3.75 11.25H18.4397L12.9694 5.78063C12.8286 5.6399 12.7496 5.44903 12.7496 5.25001C12.7496 5.05098 12.8286 4.86011 12.9694 4.71938C13.1101 4.57865 13.301 4.49959 13.5 4.49959C13.699 4.49959 13.8899 4.57865 14.0306 4.71938L20.7806 11.4694C20.8504 11.539 20.9057 11.6218 20.9434 11.7128C20.9812 11.8038 21.0006 11.9014 21.0006 12C21.0006 12.0986 20.9812 12.1962 20.9434 12.2872C20.9057 12.3783 20.8504 12.461 20.7806 12.5306Z" 5989 fill="currentColor" 5990 /> 5991</svg> 5992</button> 5993 </div> 5994 <div 5995 class="site-nav-dropdown__carousel-track tw-min-h-0 tw-flex-1 tw-overflow-x-auto tw-overflow-y-visible tw-scroll-smooth tw-pb-8" 5996 data-carousel-track 5997 tabindex="0" 5998 role="region" 5999 aria-roledescription="carousel" 6000 aria-label="Limited edition flavors products" 6001 > 6002 <ul class="site-nav-dropdown__product-row tw-m-0 tw-flex tw-list-none tw-flex-nowrap tw-gap-[2px] tw-p-0 tw-pl-1"> 6003 6004 6005 6006 6007 6008 6009 6010 6011 6012 6013 6014 6015 6016 <li class="limited-edition-flavors-tile tw-w-[136px] tw-flex-shrink-0"> 6017 <a 6018 href="/products/caramel-apple" 6019 class="site-nav-dropdown__product-card site-nav__child-link tw-flex tw-w-[136px] tw-max-w-[136px] tw-flex-col tw-items-stretch tw-overflow-visible tw-bg-transparent tw-p-0 tw-text-center" 6020 6021 > 6022 <span class="site-nav-dropdown__product-card-media"> 6023 6024 <div 6025 class="product-badge product-badge--nav product-badge--short-text" 6026 role="status" 6027 aria-label="New" 6028 > 6029 <svg class="product-badge__shape" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 72 72" fill="none" aria-hidden="true"> 6030 <path d="M33.6354 1.15556C34.8423 -0.385184 37.1577 -0.385187 38.3646 1.15556L42.852 6.8839C43.6453 7.89657 44.9853 8.29373 46.195 7.87473L53.0381 5.5046C54.8787 4.86711 56.8265 6.13068 57.0166 8.0855L57.7235 15.3533C57.8485 16.6382 58.763 17.7036 60.0051 18.0113L67.0313 19.7519C68.9212 20.22 69.883 22.346 68.996 24.0942L65.698 30.5941C65.1149 31.7432 65.3137 33.1385 66.1938 34.0752L71.1724 39.3739C72.5115 40.7991 72.1819 43.1125 70.4993 44.0991L64.2435 47.7673C63.1376 48.4158 62.5575 49.6981 62.7962 50.9664L64.1464 58.1409C64.5096 60.0706 62.9933 61.8369 61.0494 61.7487L53.822 61.4206C52.5443 61.3626 51.3694 62.1248 50.8909 63.322L48.1842 70.0944C47.4562 71.916 45.2346 72.5745 43.6465 71.4394L37.7421 67.2192C36.6983 66.4731 35.3017 66.4731 34.2579 67.2192L28.3535 71.4394C26.7655 72.5745 24.5438 71.916 23.8158 70.0944L21.1091 63.322C20.6306 62.1248 19.4557 61.3626 18.178 61.4206L10.9506 61.7487C9.00666 61.8369 7.4904 60.0706 7.85357 58.1409L9.20384 50.9664C9.44255 49.6981 8.86239 48.4158 7.75647 47.7673L1.50067 44.0991C-0.181946 43.1125 -0.511462 40.7991 0.827617 39.3739L5.80619 34.0752C6.68632 33.1385 6.88508 31.7432 6.30204 30.5941L3.004
603003 24.0942C2.11697 22.346 3.07881 20.22 4.96864 19.7519L11.9949 18.0113C13.237 17.7036 14.1515 16.6382 14.2765 15.3533L14.9834 8.08551C15.1735 6.13069 17.1213 4.86711 18.9619 5.5046L25.805 7.87473C27.0147 8.29373 28.3547 7.89657 29.148 6.8839L33.6354 1.15556Z" fill="#98E1C3"/> 6031 </svg> 6032 <span class="product-badge__text" style="color: #034638;">New</span> 6033 </div> 6034 6035 6036 6037 6038 6039 6040 6041 6042 6043 <img 6044 class="site-nav-dropdown__product-card-img nav-product-hero" 6045 src="//drinkolipop.com/cdn/shop/files/caramel-apple-9g-olipop_gallery-image_single-can_new_asset.webp?crop=center&height=362&v=1788145122&width=272" 6046 width="136" 6047 height="181" 6048 alt="Caramel Apple" 6049 loading="lazy" 6050 decoding="async" 6051 > 6052 6053 </span> 6054 <span class="site-nav-dropdown__product-card-label"> 6055 6056 Caramel Apple 6057 6058 </span> 6059 </a> 6060 </li> 6061 6062 6063 6064 6065 6066 6067 6068 6069 6070 <li class="limited-edition-flavors-tile tw-w-[136px] tw-flex-shrink-0"> 6071 <a 6072 href="/products/raspberry-sherbet" 6073 class="site-nav-dropdown__product-card site-nav__child-link tw-flex tw-w-[136px] tw-max-w-[136px] tw-flex-col tw-items-stretch tw-overflow-visible tw-bg-transparent tw-p-0 tw-text-center" 6074 6075 > 6076 <span class="site-nav-dropdown__product-card-media"> 6077 6078 <div 6079 class="product-badge product-badge--nav" 6080 role="status" 6081 aria-label="Limited" 6082 > 6083 <svg class="product-badge__shape" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 72 72" fill="none" aria-hidden="true"> 6084 <path d="M33.6354 1.15556C34.8423 -0.385184 37.1577 -0.385187 38.3646 1.15556L42.852 6.8839C43.6453 7.89657 44.9853 8.29373 46.195 7.87473L53.0381 5.5046C54.8787 4.86711 56.8265 6.13068 57.0166 8.0855L57.7235 15.3533C57.8485 16.6382 58.763 17.7036 60.0051 18.0113L67.0313 19.7519C68.9212 20.22 69.883 22.346 68.996 24.0942L65.698 30.5941C65.1149 31.7432 65.3137 33.1385 66.1938 34.0752L71.1724 39.3739C72.5115 40.7991 72.1819 43.1125 70.4993 44.0991L64.2435 47.7673C63.1376 48.4158 62.5575 49.6981 62.7962 50.9664L64.1464 58.1409C64.5096 60.0706 62.9933 61.8369 61.0494 61.7487L53.822 61.4206C52.5443 61.3626 51.3694 62.1248 50.8909 63.322L48.1842 70.0944C47.4562 71.916 45.2346 72.5745 43.6465 71.4394L37.7421 67.2192C36.6983 66.4731 35.3017 66.4731 34.2579 67.2192L28.3535 71.4394C26.7655 72.5745 24.5438 71.916 23.8158 70.0944L21.1091 63.322C20.6306 62.1248 19.4557 61.3626 18.178 61.4206L10.9506 61.7487C9.00666 61.8369 7.4904 60.0706 7.85357 58.1409L9.20384 50.9664C9.44255 49.6981 8.86239 48.4158 7.75647 47.7673L1.50067 44.0991C-0.181946 43.1125 -0.511462 40.7991 0.827617 39.3739L5.80619 34.0752C6.68632 33.1385 6.88508 31.7432 6.30204 30.5941L3.00403 24.0942C2.11697 22.346 3.07881 20.22 4.96864 19.7519L11.9949 18.0113C13.237 17.7036 14.1515 16.6382 14.2765 15.3533L14.9834 8.08551C15.1735 6.13069 17.1213 4.86711 18.9619 5.5046L25.805 7.87473C27.0147 8.29373 28.3547 7.89657 29.148 6.8839L33.6354 1.15556Z" fill="#FFE340"/> 6085 </svg> 6086 <span class="product-badge__text" style="color: #034638;">Limited</span> 6087 </div> 6088 6089 6090 6091 6092 6093 6094 6095 6096 6097 <img 6098 class="site-nav-dropdown__product-card-img nav-product-hero" 6099 src="//drinkolipop.com/cdn/shop/files/raspberry-sherbert_omni-pdp_single.webp?crop=center&height=362&v=1775754912&width=272" 6100 width="136" 6101 height="181" 6102 alt="Raspberry Sherbet" 6103 loading="lazy" 6104 decoding="async" 6105 > 6106 6107 </span>
6108 <span class="site-nav-dropdown__product-card-label"> 6109 6110 Raspberry Sherbet 6111 6112 </span> 6113 </a> 6114 </li> 6115 6116 6117 6118 6119 6120 6121 6122 6123 6124 <li class="limited-edition-flavors-tile tw-w-[136px] tw-flex-shrink-0"> 6125 <a 6126 href="/products/shirley-temple" 6127 class="site-nav-dropdown__product-card site-nav__child-link tw-flex tw-w-[136px] tw-max-w-[136px] tw-flex-col tw-items-stretch tw-overflow-visible tw-bg-transparent tw-p-0 tw-text-center" 6128 6129 > 6130 <span class="site-nav-dropdown__product-card-media"> 6131 6132 <div 6133 class="product-badge product-badge--nav" 6134 role="status" 6135 aria-label="Limited" 6136 > 6137 <svg class="product-badge__shape" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 72 72" fill="none" aria-hidden="true"> 6138 <path d="M33.6354 1.15556C34.8423 -0.385184 37.1577 -0.385187 38.3646 1.15556L42.852 6.8839C43.6453 7.89657 44.9853 8.29373 46.195 7.87473L53.0381 5.5046C54.8787 4.86711 56.8265 6.13068 57.0166 8.0855L57.7235 15.3533C57.8485 16.6382 58.763 17.7036 60.0051 18.0113L67.0313 19.7519C68.9212 20.22 69.883 22.346 68.996 24.0942L65.698 30.5941C65.1149 31.7432 65.3137 33.1385 66.1938 34.0752L71.1724 39.3739C72.5115 40.7991 72.1819 43.1125 70.4993 44.0991L64.2435 47.7673C63.1376 48.4158 62.5575 49.6981 62.7962 50.9664L64.1464 58.1409C64.5096 60.0706 62.9933 61.8369 61.0494 61.7487L53.822 61.4206C52.5443 61.3626 51.3694 62.1248 50.8909 63.322L48.1842 70.0944C47.4562 71.916 45.2346 72.5745 43.6465 71.4394L37.7421 67.2192C36.6983 66.4731 35.3017 66.4731 34.2579 67.2192L28.3535 71.4394C26.7655 72.5745 24.5438 71.916 23.8158 70.0944L21.1091 63.322C20.6306 62.1248 19.4557 61.3626 18.178 61.4206L10.9506 61.7487C9.00666 61.8369 7.4904 60.0706 7.85357 58.1409L9.20384 50.9664C9.44255 49.6981 8.86239 48.4158 7.75647 47.7673L1.50067 44.0991C-0.181946 43.1125 -0.511462 40.7991 0.827617 39.3739L5.80619 34.0752C6.68632 33.1385 6.88508 31.7432 6.30204 30.5941L3.00403 24.0942C2.11697 22.346 3.07881 20.22 4.96864 19.7519L11.9949 18.0113C13.237 17.7036 14.1515 16.6382 14.2765 15.3533L14.9834 8.08551C15.1735 6.13069 17.1213 4.86711 18.9619 5.5046L25.805 7.87473C27.0147 8.29373 28.3547 7.89657 29.148 6.8839L33.6354 1.15556Z" fill="#FFE340"/> 6139 </svg> 6140 <span class="product-badge__text" style="color: #034638;">Limited</span> 6141 </div> 6142 6143 6144 6145 6146 6147 6148 6149 6150 6151 <img 6152 class="site-nav-dropdown__product-card-img nav-product-hero" 6153 src="//drinkolipop.com/cdn/shop/files/shirley-temple-6g-olipop_gallery-image_single-can_new_asset.webp?crop=center&height=362&v=1778804138&width=272" 6154 width="136" 6155 height="181" 6156 alt="Shirley Temple" 6157 loading="lazy" 6158 decoding="async" 6159 > 6160 6161 </span> 6162 <span class="site-nav-dropdown__product-card-label"> 6163 6164 Shirley Temple 6165 6166 </span> 6167 </a> 6168 </li> 6169 6170 6171 6172 6173 6174 6175 6176 6177 6178 <li class="limited-edition-flavors-tile tw-w-[136px] tw-flex-shrink-0"> 6179 <a 6180 href="/products/spongebob-pineapple-paradise" 6181 class="site-nav-dropdown__product-card site-nav__child-link tw-flex tw-w-[136px] tw-max-w-[136px] tw-flex-col tw-items-stretch tw-overflow-visible tw-bg-transparent tw-p-0 tw-text-center" 6182 6183 >
6184 <span class="site-nav-dropdown__product-card-media"> 6185 6186 <div 6187 class="product-badge product-badge--nav" 6188 role="status" 6189 aria-label="Limited" 6190 > 6191 <svg class="product-badge__shape" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 72 72" fill="none" aria-hidden="true"> 6192 <path d="M33.6354 1.15556C34.8423 -0.385184 37.1577 -0.385187 38.3646 1.15556L42.852 6.8839C43.6453 7.89657 44.9853 8.29373 46.195 7.87473L53.0381 5.5046C54.8787 4.86711 56.8265 6.13068 57.0166 8.0855L57.7235 15.3533C57.8485 16.6382 58.763 17.7036 60.0051 18.0113L67.0313 19.7519C68.9212 20.22 69.883 22.346 68.996 24.0942L65.698 30.5941C65.1149 31.7432 65.3137 33.1385 66.1938 34.0752L71.1724 39.3739C72.5115 40.7991 72.1819 43.1125 70.4993 44.0991L64.2435 47.7673C63.1376 48.4158 62.5575 49.6981 62.7962 50.9664L64.1464 58.1409C64.5096 60.0706 62.9933 61.8369 61.0494 61.7487L53.822 61.4206C52.5443 61.3626 51.3694 62.1248 50.8909 63.322L48.1842 70.0944C47.4562 71.916 45.2346 72.5745 43.6465 71.4394L37.7421 67.2192C36.6983 66.4731 35.3017 66.4731 34.2579 67.2192L28.3535 71.4394C26.7655 72.5745 24.5438 71.916 23.8158 70.0944L21.1091 63.322C20.6306 62.1248 19.4557 61.3626 18.178 61.4206L10.9506 61.7487C9.00666 61.8369 7.4904 60.0706 7.85357 58.1409L9.20384 50.9664C9.44255 49.6981 8.86239 48.4158 7.75647 47.7673L1.50067 44.0991C-0.181946 43.1125 -0.511462 40.7991 0.827617 39.3739L5.80619 34.0752C6.68632 33.1385 6.88508 31.7432 6.30204 30.5941L3.00403 24.0942C2.11697 22.346 3.07881 20.22 4.96864 19.7519L11.9949 18.0113C13.237 17.7036 14.1515 16.6382 14.2765 15.3533L14.9834 8.08551C15.1735 6.13069 17.1213 4.86711 18.9619 5.5046L25.805 7.87473C27.0147 8.29373 28.3547 7.89657 29.148 6.8839L33.6354 1.15556Z" fill="#FFE340"/> 6193 </svg> 6194 <span class="product-badge__text" style="color: #034638;">Limited</span> 6195 </div> 6196 6197 6198 6199 6200 6201 6202 6203 6204 6205 <img 6206 class="site-nav-dropdown__product-card-img nav-product-hero" 6207 src="//drinkolipop.com/cdn/shop/files/Pineapple-Paradise_cgi-main-image_072925.webp?crop=center&height=362&v=1753844923&width=272" 6208 width="136" 6209 height="181" 6210 alt="Pineapple Paradise" 6211 loading="lazy" 6212 decoding="async" 6213 > 6214 6215 </span> 6216 <span class="site-nav-dropdown__product-card-label"> 6217 6218 Pineapple Paradise 6219 6220 </span> 6221 </a> 6222 </li> 6223 6224 6225 </ul> 6226 </div> 6227 </div> 6228 </div> 6229 </div> 6230 6231 6232 6233 <div 6234 id="nav-dropdown-variety-packs" 6235 class="site-nav-dropdown__child-menu tw-absolute tw-inset-0 tw-min-h-0 tw-w-full tw-overflow-x-hidden tw-overflow-y-visible tw-pl-4 tw-pt-8 md:tw-pl-8" 6236 > 6237 <div class="site-nav-dropdown__child-menu-inner tw-flex tw-min-h-0 tw-flex-1 tw-flex-col tw-overflow-visible"> 6238 <header class="site-nav-dropdown__subnav-header tw-pl-1"> 6239 <div class="site-nav-dropdown__subnav-header-top tw-flex tw-flex-col tw-gap-4 lg:tw-flex-row lg:tw-items-start lg:tw-justify-between"> 6240 <div class="site-nav-dropdown__subnav-titles tw-min-w-0 tw-flex-1"> 6241 <h2 class="site-nav-dropdown__subnav-title"> 6242 6243 Shop variety packs 6244 6245 </h2> 6246 6247 <div class="site-nav-dropdown__category-headline"> 6248 <div class="site-nav-dropdown__category-headline-text rte">
6249 <span class="metafield-single_line_text_field">Store anywhere. Chill to enjoy.</span> 6250 </div> 6251 6252 </div> 6253 6254 6255 <div class="site-nav-dropdown__category-description rte"> 6256 <span class="metafield-multi_line_text_field">The ultimate OLIPOP flavor tour, for an easy & fun way to discover your favorites.</span> 6257 </div> 6258 6259 </div> 6260 <a 6261 class="site-nav-dropdown__shop-all-outline" 6262 href="/collections/variety-packs" 6263 > 6264 6265 Shop All Variety Packs 6266 6267 </a> 6268 </div> 6269 </header> 6270 6271 <div 6272 class="site-nav-dropdown__carousel tw-relative tw-flex tw-min-h-0 tw-flex-1 tw-flex-col tw-pl-0 tw-mt-[-3rem]" 6273 data-nav-carousel 6274 > 6275 <div 6276 class="site-nav-dropdown__carousel-toolbar tw-flex tw-w-full tw-items-center tw-justify-end tw-gap-1 tw-pr-14" 6277 aria-hidden="false" 6278 > 6279 <button 6280 type="button" 6281 class="site-nav-dropdown__carousel-btn site-nav-dropdown__carousel-btn--prev site-nav-dropdown__carousel-btn--toolbar" 6282 aria-label="Show previous products" 6283 > 6284<svg 6285 xmlns="http://www.w3.org/2000/svg" 6286 width="24" 6287 height="24" 6288 viewBox="0 0 24 24" 6289 fill="none" 6290 class="site-nav-dropdown__carousel-arrow-svg" 6291 aria-hidden="true" 6292 focusable="false" 6293> 6294 <path 6295 d="M20.7806 12.5306L14.0306 19.2806C13.8899 19.4214 13.699 19.5004 13.5 19.5004C13.301 19.5004 13.1101 19.4214 12.9694 19.2806C12.8286 19.1399 12.7496 18.949 12.7496 18.75C12.7496 18.551 12.8286 18.3601 12.9694 18.2194L18.4397 12.75H3.75C3.55109 12.75 3.36032 12.671 3.21967 12.5303C3.07902 12.3897 3 12.1989 3 12C3 11.8011 3.07902 11.6103 3.21967 11.4697C3.36032 11.329 3.55109 11.25 3.75 11.25H18.4397L12.9694 5.78063C12.8286 5.6399 12.7496 5.44903 12.7496 5.25001C12.7496 5.05098 12.8286 4.86011 12.9694 4.71938C13.1101 4.57865 13.301 4.49959 13.5 4.49959C13.699 4.49959 13.8899 4.57865 14.0306 4.71938L20.7806 11.4694C20.8504 11.539 20.9057 11.6218 20.9434 11.7128C20.9812 11.8038 21.0006 11.9014 21.0006 12C21.0006 12.0986 20.9812 12.1962 20.9434 12.2872C20.9057 12.3783 20.8504 12.461 20.7806 12.5306Z" 6296 fill="currentColor" 6297 /> 6298</svg> 6299</button> 6300 <button 6301 type="button" 6302 class="site-nav-dropdown__carousel-btn site-nav-dropdown__carousel-btn--next site-nav-dropdown__carousel-btn--toolbar" 6303 aria-label="Show next products" 6304 > 6305<svg 6306 xmlns="http://www.w3.org/2000/svg" 6307 width="24" 6308 height="24" 6309 viewBox="0 0 24 24" 6310 fill="none" 6311 class="site-nav-dropdown__carousel-arrow-svg" 6312 aria-hidden="true" 6313 focusable="false" 6314> 6315 <path 6316 d="M20.7806 12.5306L14.0306 19.2806C13.8899 19.4214 13.699 19.5004 13.5 19.5004C13.301 19.5004 13.1101 19.4214 12.9694 19.2806C12.8286 19.1399 12.7496 18.949 12.7496 18.75C12.7496 18.551 12.8286 18.3601 12.9694 18.2194L18.4397 12.75H3.75C3.55109 12.75 3.36032 12.671 3.21967 12.5303C3.07902 12.3897 3 12.1989 3 12C3 11.8011 3.07902 11.6103 3.21967 11.4697C3.36032 11.329 3.55109 11.25 3.75 11.25H18.4397L12.9694 5.78063C12.8286 5.6399 12.7496 5.44903 12.7496 5.25001C12.7496 5.05098 12.8286 4.86011 12.9694 4.71938C13.1101 4.57865 13.301 4.49959 13.5 4.49959C13.699 4.49959 13.8899 4.57865 14.0306 4.71938L20.7806 11.4694C20.8504 11.539 20.9057 11.6218 20.9434 11.7128C20.9812 11.8038 21.0006 11.9014 21.0006 12C21.0006 12.0986 20.9812 12.1962 20.9434 12.2872C20.9057 12.3783 20.8504 12.461 20.7806 12.5306Z" 6317 fill="currentColor" 6318 /> 6319</svg> 6320</button> 6321 </div> 6322 <div 6323 class="site-nav-dropdown__carousel-track tw-min-h-0 tw-flex-1 tw-overflow-x-auto tw-overflow-y-visible tw-scroll-smooth tw-pb-8" 6324 data-carousel-track 6325 tabindex="0" 6326 role="region" 6327 aria-roledescription="carousel" 6328 aria-label="Variety packs products" 6329 > 6330 <ul class="site-nav-dropdown__product-row tw-m-0 tw-flex tw-list-none tw-flex-nowrap tw-gap-[2px] tw-p-0 tw-pl-1"> 6331 6332 6333 6334 6335 6336 6337 6338 6339 6340 6341 6342 6343 6344 <li class="variety-packs-tile tw-w-[136px] tw-flex-shrink-0"> 6345 <a 6346 href="/products/classic-soda-variety-pack" 6347 class="site-nav-dropdown__product-card site-nav__child-link tw-flex tw-w-[136px] tw-max-w-[136px] tw-flex-col tw-items-stretch tw-overflow-visible tw-bg-transparent tw-p-0 tw-text-center" 6348 6349 >
6350 <span class="site-nav-dropdown__product-card-media"> 6351 6352 6353 6354 6355 6356 6357 6358 6359 6360 <img 6361 class="site-nav-dropdown__product-card-img nav-product-hero" 6362 src="//drinkolipop.com/cdn/shop/files/classic-soda-variety-pack-6g-olipop_main-image-v2_new_asset.webp?crop=center&height=362&v=1779207306&width=272" 6363 width="136" 6364 height="181" 6365 alt="Classic Soda Variety Pack" 6366 loading="lazy" 6367 decoding="async" 6368 > 6369 6370 </span> 6371 <span class="site-nav-dropdown__product-card-label"> 6372 6373 Classic Soda 6374 6375 </span> 6376 </a> 6377 </li> 6378 6379 6380 6381 6382 6383 6384 6385 6386 6387 <li class="variety-packs-tile tw-w-[136px] tw-flex-shrink-0"> 6388 <a 6389 href="/products/fruity-fun-variety-pack" 6390 class="site-nav-dropdown__product-card site-nav__child-link tw-flex tw-w-[136px] tw-max-w-[136px] tw-flex-col tw-items-stretch tw-overflow-visible tw-bg-transparent tw-p-0 tw-text-center" 6391 6392 > 6393 <span class="site-nav-dropdown__product-card-media"> 6394 6395 6396 6397 6398 6399 6400 6401 6402 6403 <img 6404 class="site-nav-dropdown__product-card-img nav-product-hero" 6405 src="//drinkolipop.com/cdn/shop/files/fruity-fun-variety-pack-6g-olipop_main-image-v2_new_asset.webp?crop=center&height=362&v=1779207636&width=272" 6406 width="136" 6407 height="181" 6408 alt="Fruity Fun Variety Pack" 6409 loading="lazy" 6410 decoding="async" 6411 > 6412 6413 </span> 6414 <span class="site-nav-dropdown__product-card-label"> 6415 6416 Fruity Fun 6417 6418 </span> 6419 </a> 6420 </li> 6421 6422 6423 6424 6425 6426 6427 6428 6429 6430 <li class="variety-packs-tile tw-w-[136px] tw-flex-shrink-0"> 6431 <a 6432 href="/products/favorites-variety-pack" 6433 class="site-nav-dropdown__product-card site-nav__child-link tw-flex tw-w-[136px] tw-max-w-[136px] tw-flex-col tw-items-stretch tw-overflow-visible tw-bg-transparent tw-p-0 tw-text-center" 6434 6435 > 6436 <span class="site-nav-dropdown__product-card-media"> 6437 6438 6439 6440 6441 6442 6443 6444 6445 6446 <img 6447 class="site-nav-dropdown__product-card-img nav-product-hero" 6448 src="//drinkolipop.com/cdn/shop/files/favorites-variety-pack-6g-olipop_main-image-v2_new_asset.webp?crop=center&height=362&v=1779208124&width=272" 6449 width="136" 6450 height="181" 6451 alt="Favorites Variety Pack" 6452 loading="lazy" 6453 decoding="async" 6454 > 6455 6456 </span>
6457 <span class="site-nav-dropdown__product-card-label"> 6458 6459 Favorites 6460 6461 </span> 6462 </a> 6463 </li> 6464 6465 6466 </ul> 6467 </div> 6468 </div> 6469 </div> 6470 </div> 6471 6472 6473 </div> 6474 </div> 6475</div> 6476 6477<style> 6478 .variety-packs-tile { 6479 margin: 0; 6480 } 6481 6482 .site-nav-dropdown__links-footer { 6483 padding-top: 2rem; 6484 align-items: flex-start; 6485 } 6486 6487 .site-nav-dropdown__link.site-nav-dropdown__link-parent.site-nav-dropdown__child-link--active { 6488 border-bottom-width: 0; 6489 border-right-width: 0; 6490 border-top-width: 0; 6491 } 6492 6493 .site-nav-dropdown__link.site-nav-dropdown__link-parent:not(.site-nav-dropdown__child-link--active):hover { 6494 background-color: #ffffff; 6495 border-color: #F3E4CD; 6496 border-right-width: 0; 6497 } 6498 6499 .site-nav-dropdown__link.site-nav-dropdown__link-parent:not(.site-nav-dropdown__child-link--active):not(:first-child):not(:last-child), 6500 .site-nav-dropdown__link.site-nav-dropdown__link-parent.site-nav-dropdown__child-link--active:not(:first-child):not(:last-child) { 6501 margin-top: -1px; 6502 margin-bottom: -1px; 6503 } 6504 6505 .site-nav-dropdown__link.site-nav-dropdown__link-parent.site-nav-dropdown__child-link--active:not(:first-child):not(:last-child) { 6506 margin-top: 0 !important; 6507 margin-bottom: 0 !important; 6508 } 6509 6510 .site-nav-dropdown__link.site-nav-dropdown__link-parent:not(.site-nav-dropdown__child-link--active):first-child, 6511 .site-nav-dropdown__link.site-nav-dropdown__link-parent.site-nav-dropdown__child-link--active:first-child { 6512 margin-bottom: 0; 6513 } 6514 6515 .site-nav-dropdown__link.site-nav-dropdown__link-parent:not(.site-nav-dropdown__child-link--active):last-child, 6516 .site-nav-dropdown__link.site-nav-dropdown__link-parent.site-nav-dropdown__child-link--active:last-child { 6517 margin-top: 0; 6518 } 6519 6520 .site-nav-dropdown__link.site-nav-dropdown__link-parent.site-nav-dropdown__child-link--active:first-child { 6521 margin-bottom: 1px !important; 6522 } 6523 6524 .site-nav-dropdown__link.site-nav-dropdown__link-parent.site-nav-dropdown__child-link--active:last-child {
6525 margin-top: 1px !important; 6526 } 6527</style> 6528 6529 6530 6531 6532 6533 6534 6535 6536 6537 6538 6539 6540 6541 6542<div 6543 class="site-nav-dropdown__menu site-nav-dropdown__menu--learn site-nav-dropdown__menu--two-level tw-mx-auto tw-w-full tw-max-w-[1250px] tw-px-3 tw-py-6 xs:tw-px-4 sm:tw-px-6 sm:tw-py-8 md:tw-px-10 md:tw-py-10" 6544 id="site-nav-menu-dropdown-learn" 6545 tabindex="-1" 6546> 6547 <button type="button" class="site-nav-dropdown-close">Close menu Learn</button> 6548 6549 <ul 6550 class="site-nav-dropdown__learn-row tw-m-0 tw-grid tw-w-full tw-min-w-0 tw-flex-1 tw-list-none tw-gap-3 xs:tw-gap-4 sm:tw-gap-5 md:tw-gap-6 lg:tw-gap-[27px]" 6551 style="grid-template-columns: repeat(4, minmax(0, 1fr));" 6552 role="list" 6553 > 6554 6555 6556 6557 <li class="site-nav-dropdown__learn-item tw-min-w-0" role="listitem"> 6558 <a 6559 href="/pages/our-story" 6560 class="site-nav-dropdown__learn-cta" 6561 6562 > 6563 <span class="site-nav-dropdown__learn-cta-media"> 6564 6565 <img 6566 src="https://cld.accentuate.io/24019238982/1638801318213/c0ee66b559596ef206e3bb3c0e6f9336.png?v=1739204938752&options=w_400" 6567 alt="Our story" 6568 class="site-nav-dropdown__learn-cta-img" 6569 width="184" 6570 height="175" 6571 loading="lazy" 6572 decoding="async" 6573 > 6574 6575 </span> 6576 <span class="site-nav-dropdown__learn-cta-label">Our story</span> 6577 </a> 6578 </li> 6579 6580 6581 6582 <li class="site-nav-dropdown__learn-item tw-min-w-0" role="listitem"> 6583 <a 6584 href="/pages/ingredients" 6585 class="site-nav-dropdown__learn-cta" 6586 6587 > 6588 <span class="site-nav-dropdown__learn-cta-media"> 6589 6590 <img 6591 src="https://cld.accentuate.io/24019206214/1638801420395/Ingredients_v2.png?v=1644954098882&options=w_400" 6592 alt="Ingredients" 6593 class="site-nav-dropdown__learn-cta-img" 6594 width="184" 6595 height="175" 6596 loading="lazy" 6597 decoding="async" 6598 > 6599 6600 </span> 6601 <span class="site-nav-dropdown__learn-cta-label">Ingredients</span> 6602 </a> 6603 </li> 6604 6605 6606 6607 <li class="site-nav-dropdown__learn-item tw-min-w-0" role="listitem"> 6608 <a 6609 href="/pages/digestive-health" 6610 class="site-nav-dropdown__learn-cta" 6611 6612 > 6613 <span class="site-nav-dropdown__learn-cta-media"> 6614 6615 <img 6616 src="https://cld.accentuate.io/25773441094/1638801408530/d629d13dc396e78ebfce3023f74d4eac.png?v=1739204218145&options=w_400" 6617 alt="Digestive health" 6618 class="site-nav-dropdown__learn-cta-img" 6619 width="184" 6620 height="175" 6621 loading="lazy" 6622 decoding="async" 6623 > 6624 6625 </span> 6626 <span class="site-nav-dropdown__learn-cta-label">Digestive health</span> 6627 </a> 6628 </li> 6629 6630 6631 6632 <li class="site-nav-dropdown__learn-item tw-min-w-0" role="listitem"> 6633 <a 6634 href="/pages/fiber-education" 6635 class="site-nav-dropdown__learn-cta" 6636 6637 > 6638 <span class="site-nav-dropdown__learn-cta-media"> 6639 6640 <img 6641 src="https://cld.accentuate.io/97731313823/1778795013671/Fiber-Education-nav_cp.png?v=1778795013671&options=w_400" 6642 alt="Fiber education" 6643 class="site-nav-dropdown__learn-cta-img" 6644 width="184" 6645 height="175" 6646 loading="lazy" 6647 decoding="async" 6648 > 6649 6650 </span> 6651 <span class="site-nav-dropdown__learn-cta-label">Fiber education</span> 6652 </a> 6653 </li> 6654 6655 </ul> 6656</div> 6657 6658 6659 6660 6661 6662 6663 6664 6665</div> 6666 6667 </div> 6668 6669 6670 6671 6672 6673 6674 6675 6676 6677 6678 6679 6680 6681 6682 6683 6684 6685 6686 6687 6688 6689 6690 6691 6692 6693 6694 6695 6696 6697 6698 6699 6700 6701 6702 6703 6704 6705 6706 6707 6708 6709 6710 6711 6712 6713 6714 6715 6716 6717 6718 6719 6720 6721<div 6722 class="mobile-menu mobile-menu--v2 has-announcement tw-pointer-events-none tw-fixed tw-left-0 tw-right-0 tw-z-20 tw-hidden tw-overflow-x-hidden tw-overflow-y-visible group-[.is-mobile-active]:tw-block" 6723 js-mobile-menu 6724> 6725 <div 6726 class="mobile-menu__backdrop tw-pointer-events-none tw-absolute tw-inset-0 tw-z-0 tw-transition-opacity tw-duration-300 tw-ease-out" 6727 data-mobile-menu-dismiss 6728 aria-hidden="true" 6729 ></div> 6730 6731 <div 6732 class="mobile-menu__panel tw-pointer-events-auto tw-absolute tw-left-0 tw-top-0 tw-z-10 tw-flex tw-h-full tw-w-full tw-flex-col tw-transition-transform tw-duration-300 tw-ease-[cubic-bezier(0.4,0,0.2,1)]" 6733 role="dialog" 6734 aria-modal="true" 6735 aria-labelledby="mobile-menu-tablist-label" 6736 js-mobile-menu-panel 6737 tabindex="-1" 6738 > 6739 <div class="mobile-menu__panel-inner tw-flex tw-min-h-0 tw-flex-1 tw-flex-col tw-overflow-x-hidden tw-overflow-y-visible"> 6740 <h2 id="mobile-menu-tablist-label" class="tw-sr-only">Site menu</h2> 6741 6742 6743 <div 6744 class="mobile-menu__tabs tw-flex tw-shrink-0 tw-flex-col" 6745 role="tablist" 6746 aria-label="Shop or Learn" 6747 > 6748 <div class="mobile-menu__tab-toggle tw-flex tw-flex-1"> 6749 <button 6750 type="button" 6751 class="mobile-menu__tab mobile-menu__tab--shop is-selected tw-flex-1 tw-border-0" 6752 role="tab" 6753 id="mobile-tab-shop" 6754 aria-selected="true"
6755 aria-controls="mobile-panel-shop" 6756 tabindex="0" 6757 data-mobile-tab="shop" 6758 > 6759 Shop 6760 </button> 6761 <button 6762 type="button" 6763 class="mobile-menu__tab mobile-menu__tab--learn tw-flex-1 tw-border-0" 6764 role="tab" 6765 id="mobile-tab-learn" 6766 aria-selected="false" 6767 aria-controls="mobile-panel-learn" 6768 tabindex="-1" 6769 data-mobile-tab="learn" 6770 > 6771 Learn 6772 </button> 6773 </div> 6774 </div> 6775 6776 6777 <div class="mobile-menu__panels tw-min-h-0 tw-flex-1 tw-overflow-y-auto tw-overscroll-contain"> 6778 <div 6779 id="mobile-panel-shop" 6780 class="mobile-menu__tabpanel" 6781 role="tabpanel" 6782 6783 aria-labelledby="mobile-tab-shop" 6784 tabindex="0" 6785 6786 data-mobile-panel="shop" 6787 > 6788 6789 6790 6791 6792 6793 6794 <div class="mobile-menu__shop-body"> 6795 6796 6797 6798 6799 6800 6801 <details 6802 id="mobile-shop-acc-1" 6803 class="mobile-menu__accordion" 6804 6805 open 6806 6807 > 6808 <summary class="mobile-menu__accordion-summary"> 6809 <span class="mobile-menu__accordion-summary-text"> 6810 <span class="mobile-menu__accordion-title"> 6811 9g fiber line 6812 </span> 6813 </span> 6814 <span class="mobile-menu__accordion-toggle-icons" aria-hidden="true"> 6815 <span class="mobile-menu__accordion-icon mobile-menu__accordion-icon--plus"> 6816 <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" aria-hidden="true" focusable="false"> 6817 <path d="M21 12C21 12.1989 20.921 12.3897 20.7803 12.5303C20.6397 12.671 20.4489 12.75 20.25 12.75H12.75V20.25C12.75 20.4489 12.671 20.6397 12.5303 20.7803C12.3897 20.921 12.1989 21 12 21C11.8011 21 11.6103 20.921 11.4697 20.7803C11.329 20.6397 11.25 20.4489 11.25 20.25V12.75H3.75C3.55109 12.75 3.36032 12.671 3.21967 12.5303C3.07902 12.3897 3 12.1989 3 12C3 11.8011 3.07902 11.6103 3.21967 11.4697C3.36032 11.329 3.55109 11.25 3.75 11.25H11.25V3.75C11.25 3.55109 11.329 3.36032 11.4697 3.21967C11.6103 3.07902 11.8011 3 12 3C12.1989 3 12.3897 3.07902 12.5303 3.21967C12.671 3.36032 12.75 3.55109 12.75 3.75V11.25H20.25C20.4489 11.25 20.6397 11.329 20.7803 11.4697C20.921 11.6103 21 11.8011 21 12Z" fill="currentColor"/> 6818</svg> 6819 6820 </span> 6821 <span class="mobile-menu__accordion-icon mobile-menu__accordion-icon--minus"> 6822 <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" aria-hidden="true" focusable="false"> 6823 <path d="M21 12C21 12.1989 20.921 12.3897 20.7803 12.5303C20.6397 12.671 20.4489 12.75 20.25 12.75H3.75C3.55109 12.75 3.36032 12.671 3.21967 12.5303C3.07902 12.3897 3 12.1989 3 12C3 11.8011 3.07902 11.6103 3.21967 11.4697C3.36032 11.329 3.55109 11.25 3.75 11.25H20.25C20.4489 11.25 20.6397 11.329 20.7803 11.4697C20.921 11.6103 21 11.8011 21 12Z" fill="currentColor"/> 6824</svg> 6825 6826 </span> 6827 </span> 6828 </summary> 6829 6830 <div class="mobile-menu__accordion-panel"> 6831 6832 <div class="mobile-menu__category-headline"> 6833 <div class="mobile-menu__category-headline-text rte"> 6834 <span class="metafield-single_line_text_field">Keep refrigerated</span> 6835 </div> 6836 6837 <span class="mobile-menu__category-headline-icon" aria-hidden="true"> 6838 <img src="//drinkolipop.com/cdn/shop/files/Icons_3.svg?v=1776439621&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"> 6839 </span> 6840 6841 </div> 6842 6843 6844 <div class="mobile-menu__category-description rte"> 6845 <span class="metafield-multi_line_text_field">Our original refrigerated formula, with higher fiber per can to get more out of every sip.</span> 6846 </div> 6847 6848 6849 <div 6850 class="mobile-menu__product-scroller tw-min-w-0 tw-overflow-x-auto tw-overflow-y-visible" 6851 tabindex="0" 6852 role="region" 6853 aria-roledescription="carousel" 6854 aria-label="9g fiber line — products" 6855 > 6856 <ul class="mobile-menu__product-row tw-m-0 tw-flex tw-list-none tw-flex-nowrap tw-p-0"> 6857 6858 6859 6860 6861 6862 6863 6864 6865 6866 6867 6868 6869 6870 6871 <li class="mobile-menu__product-tile"> 6872 <a 6873 href="/products/caramel-apple" 6874 class="mobile-menu__product-card" 6875 6876 >
6877 <span class="mobile-menu__product-card-media"> 6878 6879 <div 6880 class="product-badge product-badge--nav product-badge--short-text" 6881 role="status" 6882 aria-label="New" 6883 > 6884 <svg class="product-badge__shape" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 72 72" fill="none" aria-hidden="true"> 6885 <path d="M33.6354 1.15556C34.8423 -0.385184 37.1577 -0.385187 38.3646 1.15556L42.852 6.8839C43.6453 7.89657 44.9853 8.29373 46.195 7.87473L53.0381 5.5046C54.8787 4.86711 56.8265 6.13068 57.0166 8.0855L57.7235 15.3533C57.8485 16.6382 58.763 17.7036 60.0051 18.0113L67.0313 19.7519C68.9212 20.22 69.883 22.346 68.996 24.0942L65.698 30.5941C65.1149 31.7432 65.3137 33.1385 66.1938 34.0752L71.1724 39.3739C72.5115 40.7991 72.1819 43.1125 70.4993 44.0991L64.2435 47.7673C63.1376 48.4158 62.5575 49.6981 62.7962 50.9664L64.1464 58.1409C64.5096 60.0706 62.9933 61.8369 61.0494 61.7487L53.822 61.4206C52.5443 61.3626 51.3694 62.1248 50.8909 63.322L48.1842 70.0944C47.4562 71.916 45.2346 72.5745 43.6465 71.4394L37.7421 67.2192C36.6983 66.4731 35.3017 66.4731 34.2579 67.2192L28.3535 71.4394C26.7655 72.5745 24.5438 71.916 23.8158 70.0944L21.1091 63.322C20.6306 62.1248 19.4557 61.3626 18.178 61.4206L10.9506 61.7487C9.00666 61.8369 7.4904 60.0706 7.85357 58.1409L9.20384 50.9664C9.44255 49.6981 8.86239 48.4158 7.75647 47.7673L1.50067 44.0991C-0.181946 43.1125 -0.511462 40.7991 0.827617 39.3739L5.80619 34.0752C6.68632 33.1385 6.88508 31.7432 6.30204 30.5941L3.00403 24.0942C2.11697 22.346 3.07881 20.22 4.96864 19.7519L11.9949 18.0113C13.237 17.7036 14.1515 16.6382 14.2765 15.3533L14.9834 8.08551C15.1735 6.13069 17.1213 4.86711 18.9619 5.5046L25.805 7.87473C27.0147 8.29373 28.3547 7.89657 29.148 6.8839L33.6354 1.15556Z" fill="#98E1C3"/> 6886 </svg> 6887 <span class="product-badge__text" style="color: #034638;">New</span> 6888 </div> 6889 6890 6891 6892 6893 6894 6895 6896 6897 6898 <img 6899 class="mobile-menu__product-img" 6900 src="//drinkolipop.com/cdn/shop/files/caramel-apple-9g-olipop_gallery-image_single-can_new_asset.webp?crop=center&height=362&v=1788145122&width=272" 6901 width="136" 6902 height="181" 6903 alt="Caramel Apple" 6904 loading="lazy" 6905 decoding="async" 6906 > 6907 6908 </span> 6909 <span class="mobile-menu__product-card-label">Caramel Apple</span> 6910 </a> 6911 </li> 6912 6913 6914 6915 6916 6917 6918 6919 6920 6921 6922 6923 6924 6925 <li class="mobile-menu__product-tile"> 6926 <a 6927 href="/products/blackberry-vanilla" 6928 class="mobile-menu__product-card" 6929 6930 > 6931 <span class="mobile-menu__product-card-media"> 6932 6933 6934 6935 6936 6937 6938 6939 6940 6941 <img 6942 class="mobile-menu__product-img" 6943 src="//drinkolipop.com/cdn/shop/files/blackberry-vanilla-9g-olipop_gallery-image_single-can_new_asset.webp?crop=center&height=362&v=1779162450&width=272" 6944 width="136" 6945 height="181" 6946 alt="Blackberry Vanilla" 6947 loading="lazy" 6948 decoding="async" 6949 > 6950 6951 </span>
6952 <span class="mobile-menu__product-card-label">Blackberry Vanilla</span> 6953 </a> 6954 </li> 6955 6956 6957 6958 6959 6960 6961 6962 6963 6964 6965 6966 6967 6968 <li class="mobile-menu__product-tile"> 6969 <a 6970 href="/products/crisp-apple" 6971 class="mobile-menu__product-card" 6972 6973 > 6974 <span class="mobile-menu__product-card-media"> 6975 6976 6977 6978 6979 6980 6981 6982 6983 6984 <img 6985 class="mobile-menu__product-img" 6986 src="//drinkolipop.com/cdn/shop/files/crisp-apple-9g-olipop_gallery-image_single-can_new_asset.webp?crop=center&height=362&v=1779163593&width=272" 6987 width="136" 6988 height="181" 6989 alt="Crisp Apple" 6990 loading="lazy" 6991 decoding="async" 6992 > 6993 6994 </span> 6995 <span class="mobile-menu__product-card-label">Crisp Apple </span> 6996 </a> 6997 </li> 6998 6999 7000 7001 7002 7003 7004 7005 7006 7007 7008 7009 7010 7011 <li class="mobile-menu__product-tile"> 7012 <a 7013 href="/products/classic-grape" 7014 class="mobile-menu__product-card" 7015 7016 > 7017 <span class="mobile-menu__product-card-media"> 7018 7019 7020 7021 7022 7023 7024 7025 7026 7027 <img 7028 class="mobile-menu__product-img" 7029 src="//drinkolipop.com/cdn/shop/files/classic-grape-9g-olipop_gallery-image_single-can_new_asset.webp?crop=center&height=362&v=1779163040&width=272" 7030 width="136" 7031 height="181" 7032 alt="Classic Grape" 7033 loading="lazy" 7034 decoding="async" 7035 > 7036 7037 </span> 7038 <span class="mobile-menu__product-card-label">Classic Grape</span> 7039 </a> 7040 </li> 7041 7042 7043 7044 7045 7046 7047 7048 7049 7050 7051 7052 7053 7054 <li class="mobile-menu__product-tile"> 7055 <a 7056 href="/products/classic-root-beer" 7057 class="mobile-menu__product-card" 7058 7059 > 7060 <span class="mobile-menu__product-card-media"> 7061 7062 7063 7064 7065 7066 7067 7068 7069 7070 <img 7071 class="mobile-menu__product-img" 7072 src="//drinkolipop.com/cdn/shop/files/classic-root-beer-9g-olipop_gallery-image_single-can_new_asset.webp?crop=center&height=362&v=1779161742&width=272" 7073 width="136" 7074 height="181" 7075 alt="Classic Root Beer" 7076 loading="lazy" 7077 decoding="async" 7078 > 7079 7080 </span>
7081 <span class="mobile-menu__product-card-label">Classic Root Beer</span> 7082 </a> 7083 </li> 7084 7085 7086 7087 7088 7089 7090 7091 7092 7093 7094 7095 7096 7097 <li class="mobile-menu__product-tile"> 7098 <a 7099 href="/products/vintage-cola" 7100 class="mobile-menu__product-card" 7101 7102 > 7103 <span class="mobile-menu__product-card-media"> 7104 7105 7106 7107 7108 7109 7110 7111 7112 7113 <img 7114 class="mobile-menu__product-img" 7115 src="//drinkolipop.com/cdn/shop/files/vintage-cola-9g-olipop_gallery-image_single-can_new_asset.webp?crop=center&height=362&v=1779161590&width=272" 7116 width="136" 7117 height="181" 7118 alt="Vintage Cola" 7119 loading="lazy" 7120 decoding="async" 7121 > 7122 7123 </span> 7124 <span class="mobile-menu__product-card-label">Vintage Cola</span> 7125 </a> 7126 </li> 7127 7128 7129 7130 7131 7132 7133 7134 7135 7136 7137 7138 7139 7140 <li class="mobile-menu__product-tile"> 7141 <a 7142 href="/products/cream-soda" 7143 class="mobile-menu__product-card" 7144 7145 > 7146 <span class="mobile-menu__product-card-media"> 7147 7148 7149 7150 7151 7152 7153 7154 7155 7156 <img 7157 class="mobile-menu__product-img" 7158 src="//drinkolipop.com/cdn/shop/files/cream-soda-9g-olipop_gallery-image_single-can_new_asset.webp?crop=center&height=362&v=1779163263&width=272" 7159 width="136" 7160 height="181" 7161 alt="Cream Soda" 7162 loading="lazy" 7163 decoding="async" 7164 > 7165 7166 </span> 7167 <span class="mobile-menu__product-card-label">Cream Soda</span> 7168 </a> 7169 </li> 7170 7171 7172 7173 7174 7175 7176 7177 7178 7179 7180 7181 7182 7183 <li class="mobile-menu__product-tile"> 7184 <a 7185 href="/products/strawberry-vanilla" 7186 class="mobile-menu__product-card" 7187 7188 > 7189 <span class="mobile-menu__product-card-media"> 7190 7191 7192 7193 7194 7195 7196 7197 7198 7199 <img 7200 class="mobile-menu__product-img" 7201 src="//drinkolipop.com/cdn/shop/files/strawberry-vanilla-9g-olipop_gallery-main-image_new_asset.webp?crop=center&height=362&v=1779161007&width=272" 7202 width="136" 7203 height="181" 7204 alt="Strawberry Vanilla" 7205 loading="lazy" 7206 decoding="async" 7207 > 7208 7209 </span>
7210 <span class="mobile-menu__product-card-label">Strawberry Vanilla</span> 7211 </a> 7212 </li> 7213 7214 7215 7216 7217 7218 7219 7220 7221 7222 7223 7224 7225 7226 <li class="mobile-menu__product-tile"> 7227 <a 7228 href="/products/cherry-cola" 7229 class="mobile-menu__product-card" 7230 7231 > 7232 <span class="mobile-menu__product-card-media"> 7233 7234 7235 7236 7237 7238 7239 7240 7241 7242 <img 7243 class="mobile-menu__product-img" 7244 src="//drinkolipop.com/cdn/shop/files/cherry-cola-9g-olipop_gallery-main-image_new_asset.webp?crop=center&height=362&v=1779163770&width=272" 7245 width="136" 7246 height="181" 7247 alt="Cherry Cola" 7248 loading="lazy" 7249 decoding="async" 7250 > 7251 7252 </span> 7253 <span class="mobile-menu__product-card-label">Cherry Cola</span> 7254 </a> 7255 </li> 7256 7257 7258 7259 7260 7261 7262 7263 7264 7265 7266 7267 7268 7269 <li class="mobile-menu__product-tile"> 7270 <a 7271 href="/products/orange-cream" 7272 class="mobile-menu__product-card" 7273 7274 > 7275 <span class="mobile-menu__product-card-media"> 7276 7277 7278 7279 7280 7281 7282 7283 7284 7285 <img 7286 class="mobile-menu__product-img" 7287 src="//drinkolipop.com/cdn/shop/files/orange-cream-9g-olipop_gallery-image_single-can_new_asset.webp?crop=center&height=362&v=1779162789&width=272" 7288 width="136" 7289 height="181" 7290 alt="Orange Cream" 7291 loading="lazy" 7292 decoding="async" 7293 > 7294 7295 </span> 7296 <span class="mobile-menu__product-card-label">Orange Cream</span> 7297 </a> 7298 </li> 7299 7300 7301 7302 7303 7304 7305 7306 7307 7308 7309 7310 7311 7312 <li class="mobile-menu__product-tile"> 7313 <a 7314 href="/products/peaches-and-cream" 7315 class="mobile-menu__product-card" 7316 7317 > 7318 <span class="mobile-menu__product-card-media"> 7319 7320 7321 7322 7323 7324 7325 7326 7327 7328 <img 7329 class="mobile-menu__product-img" 7330 src="//drinkolipop.com/cdn/shop/files/peaches-and-cream-9g-olipop_gallery-image_single-can_new_asset.webp?crop=center&height=362&v=1779165117&width=272" 7331 width="136" 7332 height="181" 7333 alt="Peaches & Cream" 7334 loading="lazy" 7335 decoding="async" 7336 > 7337 7338 </span>
7339 <span class="mobile-menu__product-card-label">Peaches & Cream</span> 7340 </a> 7341 </li> 7342 7343 7344 7345 7346 7347 7348 7349 7350 7351 7352 7353 7354 7355 <li class="mobile-menu__product-tile"> 7356 <a 7357 href="/products/orange-squeeze" 7358 class="mobile-menu__product-card" 7359 7360 > 7361 <span class="mobile-menu__product-card-media"> 7362 7363 7364 7365 7366 7367 7368 7369 7370 7371 <img 7372 class="mobile-menu__product-img" 7373 src="//drinkolipop.com/cdn/shop/files/orange-squeeze-9g-olipop_gallery-image_single-can_new_asset.webp?crop=center&height=362&v=1779162264&width=272" 7374 width="136" 7375 height="181" 7376 alt="Orange Squeeze" 7377 loading="lazy" 7378 decoding="async" 7379 > 7380 7381 </span> 7382 <span class="mobile-menu__product-card-label">Orange Squeeze</span> 7383 </a> 7384 </li> 7385 7386 7387 7388 7389 7390 7391 7392 7393 7394 7395 7396 7397 7398 <li class="mobile-menu__product-tile"> 7399 <a 7400 href="/products/ginger-ale" 7401 class="mobile-menu__product-card" 7402 7403 > 7404 <span class="mobile-menu__product-card-media"> 7405 7406 7407 7408 7409 7410 7411 7412 7413 7414 <img 7415 class="mobile-menu__product-img" 7416 src="//drinkolipop.com/cdn/shop/files/ginger-ale-9g-olipop_gallery-image_single-can_new_asset.webp?crop=center&height=362&v=1779164857&width=272" 7417 width="136" 7418 height="181" 7419 alt="Ginger Ale" 7420 loading="lazy" 7421 decoding="async" 7422 > 7423 7424 </span> 7425 <span class="mobile-menu__product-card-label">Ginger Ale</span> 7426 </a> 7427 </li> 7428 7429 7430 7431 7432 7433 7434 7435 7436 7437 7438 7439 7440 7441 <li class="mobile-menu__product-tile"> 7442 <a 7443 href="/products/citrus-rush" 7444 class="mobile-menu__product-card" 7445 7446 > 7447 <span class="mobile-menu__product-card-media"> 7448 7449 7450 7451 7452 7453 7454 7455 7456 7457 <img 7458 class="mobile-menu__product-img" 7459 src="//drinkolipop.com/cdn/shop/files/citrus-rush-9g-olipop_gallery-image_single-can_new_asset.webp?crop=center&height=362&v=1779196248&width=272" 7460 width="136" 7461 height="181" 7462 alt="Citrus Rush" 7463 loading="lazy" 7464 decoding="async" 7465 > 7466 7467 </span>
7468 <span class="mobile-menu__product-card-label">Citrus Rush</span> 7469 </a> 7470 </li> 7471 7472 7473 7474 7475 7476 7477 7478 7479 7480 7481 7482 7483 7484 <li class="mobile-menu__product-tile"> 7485 <a 7486 href="/products/doctor-goodwin" 7487 class="mobile-menu__product-card" 7488 7489 > 7490 <span class="mobile-menu__product-card-media"> 7491 7492 7493 7494 7495 7496 7497 7498 7499 7500 <img 7501 class="mobile-menu__product-img" 7502 src="//drinkolipop.com/cdn/shop/files/doctor-goodwin-9g-olipop_gallery-image_single-can_new_asset.webp?crop=center&height=362&v=1779163486&width=272" 7503 width="136" 7504 height="181" 7505 alt="Doctor Goodwin" 7506 loading="lazy" 7507 decoding="async" 7508 > 7509 7510 </span> 7511 <span class="mobile-menu__product-card-label">Doctor Goodwin</span> 7512 </a> 7513 </li> 7514 7515 7516 7517 7518 7519 7520 7521 7522 7523 7524 7525 7526 7527 <li class="mobile-menu__product-tile"> 7528 <a 7529 href="/products/cherry-vanilla" 7530 class="mobile-menu__product-card" 7531 7532 > 7533 <span class="mobile-menu__product-card-media"> 7534 7535 7536 7537 7538 7539 7540 7541 7542 7543 <img 7544 class="mobile-menu__product-img" 7545 src="//drinkolipop.com/cdn/shop/files/cherry-vanilla-9g-olipop_gallery-image_single-can_new_asset.webp?crop=center&height=362&v=1779162208&width=272" 7546 width="136" 7547 height="181" 7548 alt="Cherry Vanilla" 7549 loading="lazy" 7550 decoding="async" 7551 > 7552 7553 </span> 7554 <span class="mobile-menu__product-card-label">Cherry Vanilla </span> 7555 </a> 7556 </li> 7557 7558 7559 7560 7561 7562 7563 7564 7565 7566 7567 7568 7569 7570 <li class="mobile-menu__product-tile"> 7571 <a 7572 href="/products/tropical-punch" 7573 class="mobile-menu__product-card" 7574 7575 > 7576 <span class="mobile-menu__product-card-media"> 7577 7578 7579 7580 7581 7582 7583 7584 7585 7586 <img 7587 class="mobile-menu__product-img" 7588 src="//drinkolipop.com/cdn/shop/files/tropical-punch-9g-olipop_gallery-image_single-can_new_asset.webp?crop=center&height=362&v=1779163155&width=272" 7589 width="136" 7590 height="181" 7591 alt="Tropical Punch" 7592 loading="lazy" 7593 decoding="async" 7594 > 7595 7596 </span>
7597 <span class="mobile-menu__product-card-label">Tropical Punch</span> 7598 </a> 7599 </li> 7600 7601 7602 7603 7604 7605 7606 7607 7608 7609 7610 7611 7612 7613 <li class="mobile-menu__product-tile"> 7614 <a 7615 href="/products/lemon-lime" 7616 class="mobile-menu__product-card" 7617 7618 > 7619 <span class="mobile-menu__product-card-media"> 7620 7621 7622 7623 7624 7625 7626 7627 7628 7629 <img 7630 class="mobile-menu__product-img" 7631 src="//drinkolipop.com/cdn/shop/files/lemon-lime-9g-olipop_gallery-image_single-can_new_asset.webp?crop=center&height=362&v=1779163931&width=272" 7632 width="136" 7633 height="181" 7634 alt="Lemon Lime" 7635 loading="lazy" 7636 decoding="async" 7637 > 7638 7639 </span> 7640 <span class="mobile-menu__product-card-label">Lemon Lime</span> 7641 </a> 7642 </li> 7643 7644 7645 7646 7647 7648 7649 7650 7651 7652 7653 7654 7655 7656 <li class="mobile-menu__product-tile"> 7657 <a 7658 href="/products/ginger-lemon" 7659 class="mobile-menu__product-card" 7660 7661 > 7662 <span class="mobile-menu__product-card-media"> 7663 7664 7665 7666 7667 7668 7669 7670 7671 7672 <img 7673 class="mobile-menu__product-img" 7674 src="//drinkolipop.com/cdn/shop/files/ginger-lemon-9g-olipop_gallery-image_single-can_new_asset.webp?crop=center&height=362&v=1779161268&width=272" 7675 width="136" 7676 height="181" 7677 alt="Ginger Lemon" 7678 loading="lazy" 7679 decoding="async" 7680 > 7681 7682 </span> 7683 <span class="mobile-menu__product-card-label">Ginger Lemon</span> 7684 </a> 7685 </li> 7686 7687 7688 7689 7690 7691 7692 7693 7694 7695 7696 7697 7698 7699 <li class="mobile-menu__product-tile"> 7700 <a 7701 href="/products/watermelon-lime" 7702 class="mobile-menu__product-card" 7703 7704 > 7705 <span class="mobile-menu__product-card-media"> 7706 7707 7708 7709 7710 7711 7712 7713 7714 7715 <img 7716 class="mobile-menu__product-img" 7717 src="//drinkolipop.com/cdn/shop/files/watermelon-lime-9g-olipop_gallery-image_single-can_new_asset.webp?crop=center&height=362&v=1779164501&width=272" 7718 width="136" 7719 height="181" 7720 alt="Watermelon Lime" 7721 loading="lazy" 7722 decoding="async" 7723 > 7724 7725 </span>
7726 <span class="mobile-menu__product-card-label">Watermelon Lime</span> 7727 </a> 7728 </li> 7729 7730 7731 7732 7733 7734 7735 7736 7737 7738 7739 7740 7741 7742 <li class="mobile-menu__product-tile"> 7743 <a 7744 href="/products/banana-cream" 7745 class="mobile-menu__product-card" 7746 7747 > 7748 <span class="mobile-menu__product-card-media"> 7749 7750 7751 7752 7753 7754 7755 7756 7757 7758 <img 7759 class="mobile-menu__product-img" 7760 src="//drinkolipop.com/cdn/shop/files/banana-cream-9g-olipop_gallery-image_single-can_new_asset.webp?crop=center&height=362&v=1779155708&width=272" 7761 width="136" 7762 height="181" 7763 alt="Banana Cream" 7764 loading="lazy" 7765 decoding="async" 7766 > 7767 7768 </span> 7769 <span class="mobile-menu__product-card-label">Banana Cream</span> 7770 </a> 7771 </li> 7772 7773 7774 7775 7776 7777 7778 </ul> 7779 </div> 7780 7781 <div class="mobile-menu__shop-all-category"> 7782 7783 <a class="mobile-menu__btn-outline" href="/collections/shop-9g-fiber">Shop All 9g Fiber</a> 7784 7785 </div> 7786 </div> 7787 </details> 7788 7789 7790 7791 7792 7793 7794 7795 7796 <details 7797 id="mobile-shop-acc-2" 7798 class="mobile-menu__accordion" 7799 7800 > 7801 <summary class="mobile-menu__accordion-summary"> 7802 <span class="mobile-menu__accordion-summary-text"> 7803 <span class="mobile-menu__accordion-title"> 7804 6g fiber line 7805 </span> 7806 </span> 7807 <span class="mobile-menu__accordion-toggle-icons" aria-hidden="true"> 7808 <span class="mobile-menu__accordion-icon mobile-menu__accordion-icon--plus"> 7809 <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" aria-hidden="true" focusable="false"> 7810 <path d="M21 12C21 12.1989 20.921 12.3897 20.7803 12.5303C20.6397 12.671 20.4489 12.75 20.25 12.75H12.75V20.25C12.75 20.4489 12.671 20.6397 12.5303 20.7803C12.3897 20.921 12.1989 21 12 21C11.8011 21 11.6103 20.921 11.4697 20.7803C11.329 20.6397 11.25 20.4489 11.25 20.25V12.75H3.75C3.55109 12.75 3.36032 12.671 3.21967 12.5303C3.07902 12.3897 3 12.1989 3 12C3 11.8011 3.07902 11.6103 3.21967 11.4697C3.36032 11.329 3.55109 11.25 3.75 11.25H11.25V3.75C11.25 3.55109 11.329 3.36032 11.4697 3.21967C11.6103 3.07902 11.8011 3 12 3C12.1989 3 12.3897 3.07902 12.5303 3.21967C12.671 3.36032 12.75 3.55109 12.75 3.75V11.25H20.25C20.4489 11.25 20.6397 11.329 20.7803 11.4697C20.921 11.6103 21 11.8011 21 12Z" fill="currentColor"/> 7811</svg> 7812 7813 </span> 7814 <span class="mobile-menu__accordion-icon mobile-menu__accordion-icon--minus"> 7815 <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" aria-hidden="true" focusable="false"> 7816 <path d="M21 12C21 12.1989 20.921 12.3897 20.7803 12.5303C20.6397 12.671 20.4489 12.75 20.25 12.75H3.75C3.55109 12.75 3.36032 12.671 3.21967 12.5303C3.07902 12.3897 3 12.1989 3 12C3 11.8011 3.07902 11.6103 3.21967 11.4697C3.36032 11.329 3.55109 11.25 3.75 11.25H20.25C20.4489 11.25 20.6397 11.329 20.7803 11.4697C20.921 11.6103 21 11.8011 21 12Z" fill="currentColor"/> 7817</svg> 7818 7819 </span> 7820 </span> 7821 </summary> 7822 7823 <div class="mobile-menu__accordion-panel"> 7824 7825 <div class="mobile-menu__category-headline"> 7826 <div class="mobile-menu__category-headline-text rte">
7827 <span class="metafield-single_line_text_field">Store anywhere. Chill to enjoy.</span> 7828 </div> 7829 7830 </div> 7831 7832 7833 <div class="mobile-menu__category-description rte"> 7834 <span class="metafield-multi_line_text_field">Same great taste & digestive support, in a lower‑fiber, store‑anywhere format.</span> 7835 </div> 7836 7837 7838 <div 7839 class="mobile-menu__product-scroller tw-min-w-0 tw-overflow-x-auto tw-overflow-y-visible" 7840 tabindex="0" 7841 role="region" 7842 aria-roledescription="carousel" 7843 aria-label="6g fiber line — products" 7844 > 7845 <ul class="mobile-menu__product-row tw-m-0 tw-flex tw-list-none tw-flex-nowrap tw-p-0"> 7846 7847 7848 7849 7850 7851 7852 7853 7854 7855 7856 7857 7858 7859 7860 <li class="mobile-menu__product-tile"> 7861 <a 7862 href="/products/raspberry-sherbet" 7863 class="mobile-menu__product-card" 7864 7865 > 7866 <span class="mobile-menu__product-card-media"> 7867 7868 <div 7869 class="product-badge product-badge--nav" 7870 role="status" 7871 aria-label="Limited" 7872 > 7873 <svg class="product-badge__shape" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 72 72" fill="none" aria-hidden="true"> 7874 <path d="M33.6354 1.15556C34.8423 -0.385184 37.1577 -0.385187 38.3646 1.15556L42.852 6.8839C43.6453 7.89657 44.9853 8.29373 46.195 7.87473L53.0381 5.5046C54.8787 4.86711 56.8265 6.13068 57.0166 8.0855L57.7235 15.3533C57.8485 16.6382 58.763 17.7036 60.0051 18.0113L67.0313 19.7519C68.9212 20.22 69.883 22.346 68.996 24.0942L65.698 30.5941C65.1149 31.7432 65.3137 33.1385 66.1938 34.0752L71.1724 39.3739C72.5115 40.7991 72.1819 43.1125 70.4993 44.0991L64.2435 47.7673C63.1376 48.4158 62.5575 49.6981 62.7962 50.9664L64.1464 58.1409C64.5096 60.0706 62.9933 61.8369 61.0494 61.7487L53.822 61.4206C52.5443 61.3626 51.3694 62.1248 50.8909 63.322L48.1842 70.0944C47.4562 71.916 45.2346 72.5745 43.6465 71.4394L37.7421 67.2192C36.6983 66.4731 35.3017 66.4731 34.2579 67.2192L28.3535 71.4394C26.7655 72.5745 24.5438 71.916 23.8158 70.0944L21.1091 63.322C20.6306 62.1248 19.4557 61.3626 18.178 61.4206L10.9506 61.7487C9.00666 61.8369 7.4904 60.0706 7.85357 58.1409L9.20384 50.9664C9.44255 49.6981 8.86239 48.4158 7.75647 47.7673L1.50067 44.0991C-0.181946 43.1125 -0.511462 40.7991 0.827617 39.3739L5.80619 34.0752C6.68632 33.1385 6.88508 31.7432 6.30204 30.5941L3.00403 24.0942C2.11697 22.346 3.07881 20.22 4.96864 19.7519L11.9949 18.0113C13.237 17.7036 14.1515 16.6382 14.2765 15.3533L14.9834 8.08551C15.1735 6.13069 17.1213 4.86711 18.9619 5.5046L25.805 7.87473C27.0147 8.29373 28.3547 7.89657 29.148 6.8839L33.6354 1.15556Z" fill="#FFE340"/> 7875 </svg> 7876 <span class="product-badge__text" style="color: #034638;">Limited</span> 7877 </div> 7878 7879 7880 7881 7882 7883 7884 7885 7886 7887 <img 7888 class="mobile-menu__product-img" 7889 src="//drinkolipop.com/cdn/shop/files/raspberry-sherbert_omni-pdp_single.webp?crop=center&height=362&v=1775754912&width=272" 7890 width="136" 7891 height="181" 7892 alt="Raspberry Sherbet" 7893 loading="lazy" 7894 decoding="async" 7895 > 7896 7897 </span> 7898 <span class="mobile-menu__product-card-label">Raspberry Sherbet</span> 7899 </a> 7900 </li> 7901 7902 7903 7904 7905 7906 7907 7908 7909 7910 7911 7912 7913 7914 <li class="mobile-menu__product-tile"> 7915 <a 7916 href="/products/shirley-temple" 7917 class="mobile-menu__product-card" 7918 7919 >
7920 <span class="mobile-menu__product-card-media"> 7921 7922 <div 7923 class="product-badge product-badge--nav" 7924 role="status" 7925 aria-label="Limited" 7926 > 7927 <svg class="product-badge__shape" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 72 72" fill="none" aria-hidden="true"> 7928 <path d="M33.6354 1.15556C34.8423 -0.385184 37.1577 -0.385187 38.3646 1.15556L42.852 6.8839C43.6453 7.89657 44.9853 8.29373 46.195 7.87473L53.0381 5.5046C54.8787 4.86711 56.8265 6.13068 57.0166 8.0855L57.7235 15.3533C57.8485 16.6382 58.763 17.7036 60.0051 18.0113L67.0313 19.7519C68.9212 20.22 69.883 22.346 68.996 24.0942L65.698 30.5941C65.1149 31.7432 65.3137 33.1385 66.1938 34.0752L71.1724 39.3739C72.5115 40.7991 72.1819 43.1125 70.4993 44.0991L64.2435 47.7673C63.1376 48.4158 62.5575 49.6981 62.7962 50.9664L64.1464 58.1409C64.5096 60.0706 62.9933 61.8369 61.0494 61.7487L53.822 61.4206C52.5443 61.3626 51.3694 62.1248 50.8909 63.322L48.1842 70.0944C47.4562 71.916 45.2346 72.5745 43.6465 71.4394L37.7421 67.2192C36.6983 66.4731 35.3017 66.4731 34.2579 67.2192L28.3535 71.4394C26.7655 72.5745 24.5438 71.916 23.8158 70.0944L21.1091 63.322C20.6306 62.1248 19.4557 61.3626 18.178 61.4206L10.9506 61.7487C9.00666 61.8369 7.4904 60.0706 7.85357 58.1409L9.20384 50.9664C9.44255 49.6981 8.86239 48.4158 7.75647 47.7673L1.50067 44.0991C-0.181946 43.1125 -0.511462 40.7991 0.827617 39.3739L5.80619 34.0752C6.68632 33.1385 6.88508 31.7432 6.30204 30.5941L3.00403 24.0942C2.11697 22.346 3.07881 20.22 4.96864 19.7519L11.9949 18.0113C13.237 17.7036 14.1515 16.6382 14.2765 15.3533L14.9834 8.08551C15.1735 6.13069 17.1213 4.86711 18.9619 5.5046L25.805 7.87473C27.0147 8.29373 28.3547 7.89657 29.148 6.8839L33.6354 1.15556Z" fill="#FFE340"/> 7929 </svg> 7930 <span class="product-badge__text" style="color: #034638;">Limited</span> 7931 </div> 7932 7933 7934 7935 7936 7937 7938 7939 7940 7941 <img 7942 class="mobile-menu__product-img" 7943 src="//drinkolipop.com/cdn/shop/files/shirley-temple-6g-olipop_gallery-image_single-can_new_asset.webp?crop=center&height=362&v=1778804138&width=272" 7944 width="136" 7945 height="181" 7946 alt="Shirley Temple" 7947 loading="lazy" 7948 decoding="async" 7949 > 7950 7951 </span> 7952 <span class="mobile-menu__product-card-label">Shirley Temple</span> 7953 </a> 7954 </li> 7955 7956 7957 7958 7959 7960 7961 7962 7963 7964 7965 7966 7967 7968 <li class="mobile-menu__product-tile"> 7969 <a 7970 href="/products/spongebob-pineapple-paradise" 7971 class="mobile-menu__product-card" 7972 7973 > 7974 <span class="mobile-menu__product-card-media"> 7975 7976 <div 7977 class="product-badge product-badge--nav" 7978 role="status" 7979 aria-label="Limited" 7980 > 7981 <svg class="product-badge__shape" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 72 72" fill="none" aria-hidden="true"> 7982 <path d="M33.6354 1.15556C34.8423 -0.385184 37.1577 -0.385187 38.3646 1.15556L42.852 6.8839C43.6453 7.89657 44.9853 8.29373 46.195 7.87473L53.0381 5.5046C54.8787 4.86711 56.8265 6.13068 57.0166 8.0855L57.7235 15.3533C57.8485 16.6382 58.763 17.7036 60.0051 18.0113L67.0313 19.7519C68.9212 20.22 69.883 22.346 68.996 24.0942L65.698 30.5941C65.1149 31.7432 65.3137 33.1385 66.1938 34.0752L71.1724 39.3739C72.5115 40.7991 72.1819 43.1125 70.4993 44.0991L64.2435 47.7673C63.1376 48.4158 62.5575 49.6981 62.7962 50.9664L64.1464 58.1409C64.5096 60.0706 62.9933 61.8369 61.0494 61.7487L53.822 61.4206C52.5443 61.3626 51.3694 62.1248 50.8909 63.322L48.1842 70.0944C47.4562 71.916 45.2346 72.5745 43.6465 71.4394L37.7421 67.2192C36.6983 66.4731 35.3017 66.4731 34.2579 67.2192L28.3535 71.4394C26.7655 72.5745 24.5438 71.916 23.8158 70.0944L21.1091 63.322C20.6306 62.1248 19.4557 61.3626 18.178 61.4206L10.9506 61.7487C9.00666 61.8369 7.4904 60.0706 7.85357 58.1409L9.20384 50.9664C9.44255 49.6981 8.86239 48.4158 7.75647 47.7673L1.50067 44.0991C-0.181946 43.1125 -0.511462 40.7991 0.827617 39.3739L5.80619 34.0752C6.68632 33.1385 6.88508 31.7432 6.30204 30.5941L3.004
798203 24.0942C2.11697 22.346 3.07881 20.22 4.96864 19.7519L11.9949 18.0113C13.237 17.7036 14.1515 16.6382 14.2765 15.3533L14.9834 8.08551C15.1735 6.13069 17.1213 4.86711 18.9619 5.5046L25.805 7.87473C27.0147 8.29373 28.3547 7.89657 29.148 6.8839L33.6354 1.15556Z" fill="#FFE340"/> 7983 </svg> 7984 <span class="product-badge__text" style="color: #034638;">Limited</span> 7985 </div> 7986 7987 7988 7989 7990 7991 7992 7993 7994 7995 <img 7996 class="mobile-menu__product-img" 7997 src="//drinkolipop.com/cdn/shop/files/Pineapple-Paradise_cgi-main-image_072925.webp?crop=center&height=362&v=1753844923&width=272" 7998 width="136" 7999 height="181" 8000 alt="Pineapple Paradise" 8001 loading="lazy" 8002 decoding="async" 8003 > 8004 8005 </span> 8006 <span class="mobile-menu__product-card-label">Pineapple Paradise</span> 8007 </a> 8008 </li> 8009 8010 8011 8012 8013 8014 8015 8016 8017 8018 8019 8020 8021 8022 <li class="mobile-menu__product-tile"> 8023 <a 8024 href="/products/crisp-apple-6g-fiber" 8025 class="mobile-menu__product-card" 8026 8027 > 8028 <span class="mobile-menu__product-card-media"> 8029 8030 8031 8032 8033 8034 8035 8036 8037 8038 <img 8039 class="mobile-menu__product-img" 8040 src="//drinkolipop.com/cdn/shop/files/crisp-apple-6g-olipop_gallery-image_single-can_new_asset.webp?crop=center&height=362&v=1778731400&width=272" 8041 width="136" 8042 height="181" 8043 alt="Crisp Apple" 8044 loading="lazy" 8045 decoding="async" 8046 > 8047 8048 </span> 8049 <span class="mobile-menu__product-card-label">Crisp Apple</span> 8050 </a> 8051 </li> 8052 8053 8054 8055 8056 8057 8058 8059 8060 8061 8062 8063 8064 8065 <li class="mobile-menu__product-tile"> 8066 <a 8067 href="/products/classic-grape-6g-fiber" 8068 class="mobile-menu__product-card" 8069 8070 > 8071 <span class="mobile-menu__product-card-media"> 8072 8073 8074 8075 8076 8077 8078 8079 8080 8081 <img 8082 class="mobile-menu__product-img" 8083 src="//drinkolipop.com/cdn/shop/files/classic-grape-6g-olipop_gallery-image_single-can_new_asset.webp?crop=center&height=362&v=1778733509&width=272" 8084 width="136" 8085 height="181" 8086 alt="Classic Grape" 8087 loading="lazy" 8088 decoding="async" 8089 > 8090 8091 </span>
8092 <span class="mobile-menu__product-card-label">Classic Grape</span> 8093 </a> 8094 </li> 8095 8096 8097 8098 8099 8100 8101 8102 8103 8104 8105 8106 8107 8108 <li class="mobile-menu__product-tile"> 8109 <a 8110 href="/products/vintage-cola-6g-fiber" 8111 class="mobile-menu__product-card" 8112 8113 > 8114 <span class="mobile-menu__product-card-media"> 8115 8116 8117 8118 8119 8120 8121 8122 8123 8124 <img 8125 class="mobile-menu__product-img" 8126 src="//drinkolipop.com/cdn/shop/files/vintage-cola-6g-olipop_gallery-image_single-can_new_asset.webp?crop=center&height=362&v=1778727450&width=272" 8127 width="136" 8128 height="181" 8129 alt="Vintage Cola" 8130 loading="lazy" 8131 decoding="async" 8132 > 8133 8134 </span> 8135 <span class="mobile-menu__product-card-label">Vintage Cola</span> 8136 </a> 8137 </li> 8138 8139 8140 8141 8142 8143 8144 8145 8146 8147 8148 8149 8150 8151 <li class="mobile-menu__product-tile"> 8152 <a 8153 href="/products/classic-root-beer-6g-fiber" 8154 class="mobile-menu__product-card" 8155 8156 > 8157 <span class="mobile-menu__product-card-media"> 8158 8159 8160 8161 8162 8163 8164 8165 8166 8167 <img 8168 class="mobile-menu__product-img" 8169 src="//drinkolipop.com/cdn/shop/files/classic-root-beer-6g-olipop_gallery-image_single-can_new_asset.webp?crop=center&height=362&v=1778736431&width=272" 8170 width="136" 8171 height="181" 8172 alt="Classic Root Beer" 8173 loading="lazy" 8174 decoding="async" 8175 > 8176 8177 </span> 8178 <span class="mobile-menu__product-card-label">Classic Root Beer</span> 8179 </a> 8180 </li> 8181 8182 8183 8184 8185 8186 8187 8188 8189 8190 8191 8192 8193 8194 <li class="mobile-menu__product-tile"> 8195 <a 8196 href="/products/cream-soda-6g-fiber" 8197 class="mobile-menu__product-card" 8198 8199 > 8200 <span class="mobile-menu__product-card-media"> 8201 8202 8203 8204 8205 8206 8207 8208 8209 8210 <img 8211 class="mobile-menu__product-img" 8212 src="//drinkolipop.com/cdn/shop/files/cream-soda-6g-olipop_gallery-image_single-can_new_asset_new_asset.webp?crop=center&height=362&v=1778734784&width=272" 8213 width="136" 8214 height="181" 8215 alt="Cream Soda" 8216 loading="lazy" 8217 decoding="async" 8218 > 8219 8220 </span>
8221 <span class="mobile-menu__product-card-label">Cream Soda</span> 8222 </a> 8223 </li> 8224 8225 8226 8227 8228 8229 8230 8231 8232 8233 8234 8235 8236 8237 <li class="mobile-menu__product-tile"> 8238 <a 8239 href="/products/strawberry-vanilla-6g-fiber" 8240 class="mobile-menu__product-card" 8241 8242 > 8243 <span class="mobile-menu__product-card-media"> 8244 8245 8246 8247 8248 8249 8250 8251 8252 8253 <img 8254 class="mobile-menu__product-img" 8255 src="//drinkolipop.com/cdn/shop/files/strawberry-vanila-6g-olipop_gallery-image_single-can_new_asset.webp?crop=center&height=362&v=1778765549&width=272" 8256 width="136" 8257 height="181" 8258 alt="Strawberry Vanilla" 8259 loading="lazy" 8260 decoding="async" 8261 > 8262 8263 </span> 8264 <span class="mobile-menu__product-card-label">Strawberry Vanilla</span> 8265 </a> 8266 </li> 8267 8268 8269 8270 8271 8272 8273 8274 8275 8276 8277 8278 8279 8280 <li class="mobile-menu__product-tile"> 8281 <a 8282 href="/products/cherry-cola-6g-fiber" 8283 class="mobile-menu__product-card" 8284 8285 > 8286 <span class="mobile-menu__product-card-media"> 8287 8288 8289 8290 8291 8292 8293 8294 8295 8296 <img 8297 class="mobile-menu__product-img" 8298 src="//drinkolipop.com/cdn/shop/files/cherry-cola-6g-olipop_gallery-image_single-can_new_asset.webp?crop=center&height=362&v=1778593310&width=272" 8299 width="136" 8300 height="181" 8301 alt="Cherry Cola" 8302 loading="lazy" 8303 decoding="async" 8304 > 8305 8306 </span> 8307 <span class="mobile-menu__product-card-label">Cherry Cola</span> 8308 </a> 8309 </li> 8310 8311 8312 8313 8314 8315 8316 8317 8318 8319 8320 8321 8322 8323 <li class="mobile-menu__product-tile"> 8324 <a 8325 href="/products/citrus-rush-6g-fiber" 8326 class="mobile-menu__product-card" 8327 8328 > 8329 <span class="mobile-menu__product-card-media"> 8330 8331 8332 8333 8334 8335 8336 8337 8338 8339 <img 8340 class="mobile-menu__product-img" 8341 src="//drinkolipop.com/cdn/shop/files/citrus-rush-6g-olipop_gallery-image_single-can_new_asset.webp?crop=center&height=362&v=1778599172&width=272" 8342 width="136" 8343 height="181" 8344 alt="Citrus Rush" 8345 loading="lazy" 8346 decoding="async" 8347 > 8348 8349 </span>
8350 <span class="mobile-menu__product-card-label">Citrus Rush</span> 8351 </a> 8352 </li> 8353 8354 8355 8356 8357 8358 8359 8360 8361 8362 8363 8364 8365 8366 <li class="mobile-menu__product-tile"> 8367 <a 8368 href="/products/ginger-ale-6g-fiber" 8369 class="mobile-menu__product-card" 8370 8371 > 8372 <span class="mobile-menu__product-card-media"> 8373 8374 8375 8376 8377 8378 8379 8380 8381 8382 <img 8383 class="mobile-menu__product-img" 8384 src="//drinkolipop.com/cdn/shop/files/ginger-ale-6g-olipop_gallery-image_single-can_new_asset.webp?crop=center&height=362&v=1778729238&width=272" 8385 width="136" 8386 height="181" 8387 alt="Ginger Ale" 8388 loading="lazy" 8389 decoding="async" 8390 > 8391 8392 </span> 8393 <span class="mobile-menu__product-card-label">Ginger Ale</span> 8394 </a> 8395 </li> 8396 8397 8398 8399 8400 8401 8402 8403 8404 8405 8406 8407 8408 8409 <li class="mobile-menu__product-tile"> 8410 <a 8411 href="/products/lemon-lime-6g-fiber" 8412 class="mobile-menu__product-card" 8413 8414 > 8415 <span class="mobile-menu__product-card-media"> 8416 8417 8418 8419 8420 8421 8422 8423 8424 8425 <img 8426 class="mobile-menu__product-img" 8427 src="//drinkolipop.com/cdn/shop/files/lemon-lime-6g-olipop_gallery-image_single-can_new_asset.webp?crop=center&height=362&v=1778589967&width=272" 8428 width="136" 8429 height="181" 8430 alt="Lemon Lime" 8431 loading="lazy" 8432 decoding="async" 8433 > 8434 8435 </span> 8436 <span class="mobile-menu__product-card-label">Lemon Lime</span> 8437 </a> 8438 </li> 8439 8440 8441 8442 8443 8444 8445 </ul> 8446 </div> 8447 8448 <div class="mobile-menu__shop-all-category"> 8449 8450 <a class="mobile-menu__btn-outline" href="/collections/shop-6g-fiber">Shop All 6g Fiber</a> 8451 8452 </div> 8453 </div> 8454 </details> 8455 8456 8457 8458 8459 8460 8461 8462 8463 <details 8464 id="mobile-shop-acc-3" 8465 class="mobile-menu__accordion" 8466 8467 > 8468 <summary class="mobile-menu__accordion-summary"> 8469 <span class="mobile-menu__accordion-summary-text"> 8470 <span class="mobile-menu__accordion-title"> 8471 OLIPOP MINIs 8472 </span> 8473 </span> 8474 <span class="mobile-menu__accordion-toggle-icons" aria-hidden="true">
8475 <span class="mobile-menu__accordion-icon mobile-menu__accordion-icon--plus"> 8476 <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" aria-hidden="true" focusable="false"> 8477 <path d="M21 12C21 12.1989 20.921 12.3897 20.7803 12.5303C20.6397 12.671 20.4489 12.75 20.25 12.75H12.75V20.25C12.75 20.4489 12.671 20.6397 12.5303 20.7803C12.3897 20.921 12.1989 21 12 21C11.8011 21 11.6103 20.921 11.4697 20.7803C11.329 20.6397 11.25 20.4489 11.25 20.25V12.75H3.75C3.55109 12.75 3.36032 12.671 3.21967 12.5303C3.07902 12.3897 3 12.1989 3 12C3 11.8011 3.07902 11.6103 3.21967 11.4697C3.36032 11.329 3.55109 11.25 3.75 11.25H11.25V3.75C11.25 3.55109 11.329 3.36032 11.4697 3.21967C11.6103 3.07902 11.8011 3 12 3C12.1989 3 12.3897 3.07902 12.5303 3.21967C12.671 3.36032 12.75 3.55109 12.75 3.75V11.25H20.25C20.4489 11.25 20.6397 11.329 20.7803 11.4697C20.921 11.6103 21 11.8011 21 12Z" fill="currentColor"/> 8478</svg> 8479 8480 </span> 8481 <span class="mobile-menu__accordion-icon mobile-menu__accordion-icon--minus"> 8482 <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" aria-hidden="true" focusable="false"> 8483 <path d="M21 12C21 12.1989 20.921 12.3897 20.7803 12.5303C20.6397 12.671 20.4489 12.75 20.25 12.75H3.75C3.55109 12.75 3.36032 12.671 3.21967 12.5303C3.07902 12.3897 3 12.1989 3 12C3 11.8011 3.07902 11.6103 3.21967 11.4697C3.36032 11.329 3.55109 11.25 3.75 11.25H20.25C20.4489 11.25 20.6397 11.329 20.7803 11.4697C20.921 11.6103 21 11.8011 21 12Z" fill="currentColor"/> 8484</svg> 8485 8486 </span> 8487 </span> 8488 </summary> 8489 8490 <div class="mobile-menu__accordion-panel"> 8491 8492 <div class="mobile-menu__category-headline"> 8493 <div class="mobile-menu__category-headline-text rte"> 8494 <span class="metafield-single_line_text_field">Store anywhere. Chill to enjoy.</span> 8495 </div> 8496 8497 </div> 8498 8499 8500 <div class="mobile-menu__category-description rte"> 8501 <span class="metafield-multi_line_text_field">Smaller cans with 3g of fiber, perfect for on-the-go sipping or a little treat in your lunch box.</span> 8502 </div> 8503 8504 8505 <div 8506 class="mobile-menu__product-scroller tw-min-w-0 tw-overflow-x-auto tw-overflow-y-visible" 8507 tabindex="0" 8508 role="region" 8509 aria-roledescription="carousel" 8510 aria-label="OLIPOP MINIs — products" 8511 > 8512 <ul class="mobile-menu__product-row tw-m-0 tw-flex tw-list-none tw-flex-nowrap tw-p-0"> 8513 8514 8515 8516 8517 8518 8519 8520 8521 8522 8523 8524 8525 8526 8527 <li class="mobile-menu__product-tile"> 8528 <a 8529 href="/products/strawberry-vanilla-minis" 8530 class="mobile-menu__product-card" 8531 8532 > 8533 <span class="mobile-menu__product-card-media"> 8534 8535 8536 8537 8538 8539 8540 8541 8542 8543 <img 8544 class="mobile-menu__product-img" 8545 src="//drinkolipop.com/cdn/shop/files/strawberry-vanilla-minis-olipop_single-can-main-image_new_asset_680b8459-03b7-4518-8048-07556a91e1c7.webp?crop=center&height=362&v=1784901479&width=272" 8546 width="136" 8547 height="181" 8548 alt="Strawberry Vanilla" 8549 loading="lazy" 8550 decoding="async" 8551 > 8552 8553 </span>
8554 <span class="mobile-menu__product-card-label">Strawberry Vanilla</span> 8555 </a> 8556 </li> 8557 8558 8559 8560 8561 8562 8563 8564 8565 8566 8567 8568 8569 8570 <li class="mobile-menu__product-tile"> 8571 <a 8572 href="/products/classic-grape-minis" 8573 class="mobile-menu__product-card" 8574 8575 > 8576 <span class="mobile-menu__product-card-media"> 8577 8578 8579 8580 8581 8582 8583 8584 8585 8586 <img 8587 class="mobile-menu__product-img" 8588 src="//drinkolipop.com/cdn/shop/files/classic-grape-minis-olipop_single-can-main-image_new_asset.webp?crop=center&height=362&v=1784902094&width=272" 8589 width="136" 8590 height="181" 8591 alt="Classic Grape" 8592 loading="lazy" 8593 decoding="async" 8594 > 8595 8596 </span> 8597 <span class="mobile-menu__product-card-label">Classic Grape</span> 8598 </a> 8599 </li> 8600 8601 8602 8603 8604 8605 8606 8607 8608 8609 8610 8611 8612 8613 <li class="mobile-menu__product-tile"> 8614 <a 8615 href="/products/crisp-apple-minis" 8616 class="mobile-menu__product-card" 8617 8618 > 8619 <span class="mobile-menu__product-card-media"> 8620 8621 8622 8623 8624 8625 8626 8627 8628 8629 <img 8630 class="mobile-menu__product-img" 8631 src="//drinkolipop.com/cdn/shop/files/crisp-apple-minis-olipop_single-can-main-image_new_asset.webp?crop=center&height=362&v=1784902474&width=272" 8632 width="136" 8633 height="181" 8634 alt="Crisp Apple" 8635 loading="lazy" 8636 decoding="async" 8637 > 8638 8639 </span> 8640 <span class="mobile-menu__product-card-label">Crisp Apple</span> 8641 </a> 8642 </li> 8643 8644 8645 8646 8647 8648 8649 8650 8651 8652 8653 8654 8655 8656 <li class="mobile-menu__product-tile"> 8657 <a 8658 href="/products/vintage-cola-minis" 8659 class="mobile-menu__product-card" 8660 8661 > 8662 <span class="mobile-menu__product-card-media"> 8663 8664 8665 8666 8667 8668 8669 8670 8671 8672 <img 8673 class="mobile-menu__product-img" 8674 src="//drinkolipop.com/cdn/shop/files/vintage-cola-minis-olipop_single-can-main-image_new_asset.webp?crop=center&height=362&v=1784903244&width=272" 8675 width="136" 8676 height="181" 8677 alt="Vintage Cola" 8678 loading="lazy" 8679 decoding="async" 8680 > 8681 8682 </span>
8683 <span class="mobile-menu__product-card-label">Vintage Cola</span> 8684 </a> 8685 </li> 8686 8687 8688 8689 8690 8691 8692 8693 8694 8695 8696 8697 8698 8699 <li class="mobile-menu__product-tile"> 8700 <a 8701 href="/products/ginger-ale-minis" 8702 class="mobile-menu__product-card" 8703 8704 > 8705 <span class="mobile-menu__product-card-media"> 8706 8707 8708 8709 8710 8711 8712 8713 8714 8715 <img 8716 class="mobile-menu__product-img" 8717 src="//drinkolipop.com/cdn/shop/files/ginger-ale-minis-olipop_single-can-main-image_new_asset.webp?crop=center&height=362&v=1784902793&width=272" 8718 width="136" 8719 height="181" 8720 alt="Ginger Ale" 8721 loading="lazy" 8722 decoding="async" 8723 > 8724 8725 </span> 8726 <span class="mobile-menu__product-card-label">Ginger Ale</span> 8727 </a> 8728 </li> 8729 8730 8731 8732 8733 8734 8735 8736 8737 8738 8739 8740 8741 8742 <li class="mobile-menu__product-tile"> 8743 <a 8744 href="/products/orange-cream-minis" 8745 class="mobile-menu__product-card" 8746 8747 > 8748 <span class="mobile-menu__product-card-media"> 8749 8750 8751 8752 8753 8754 8755 8756 8757 8758 <img 8759 class="mobile-menu__product-img" 8760 src="//drinkolipop.com/cdn/shop/files/orange-cream-minis-olipop_single-can-main-image_new_asset.webp?crop=center&height=362&v=1785416383&width=272" 8761 width="136" 8762 height="181" 8763 alt="Orange Cream" 8764 loading="lazy" 8765 decoding="async" 8766 > 8767 8768 </span> 8769 <span class="mobile-menu__product-card-label">Orange Cream</span> 8770 </a> 8771 </li> 8772 8773 8774 8775 8776 8777 8778 </ul> 8779 </div> 8780 8781 <div class="mobile-menu__shop-all-category"> 8782 8783 <a class="mobile-menu__btn-outline" href="/collections/olipop-minis">Shop All MINIs</a> 8784 8785 </div> 8786 </div> 8787 </details> 8788 8789 8790 8791 8792 8793 8794 8795 8796 <details 8797 id="mobile-shop-acc-4" 8798 class="mobile-menu__accordion" 8799 8800 > 8801 <summary class="mobile-menu__accordion-summary"> 8802 <span class="mobile-menu__accordion-summary-text"> 8803 <span class="mobile-menu__accordion-title"> 8804 Limited edition flavors 8805 </span> 8806 </span> 8807 <span class="mobile-menu__accordion-toggle-icons" aria-hidden="true">
8808 <span class="mobile-menu__accordion-icon mobile-menu__accordion-icon--plus"> 8809 <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" aria-hidden="true" focusable="false"> 8810 <path d="M21 12C21 12.1989 20.921 12.3897 20.7803 12.5303C20.6397 12.671 20.4489 12.75 20.25 12.75H12.75V20.25C12.75 20.4489 12.671 20.6397 12.5303 20.7803C12.3897 20.921 12.1989 21 12 21C11.8011 21 11.6103 20.921 11.4697 20.7803C11.329 20.6397 11.25 20.4489 11.25 20.25V12.75H3.75C3.55109 12.75 3.36032 12.671 3.21967 12.5303C3.07902 12.3897 3 12.1989 3 12C3 11.8011 3.07902 11.6103 3.21967 11.4697C3.36032 11.329 3.55109 11.25 3.75 11.25H11.25V3.75C11.25 3.55109 11.329 3.36032 11.4697 3.21967C11.6103 3.07902 11.8011 3 12 3C12.1989 3 12.3897 3.07902 12.5303 3.21967C12.671 3.36032 12.75 3.55109 12.75 3.75V11.25H20.25C20.4489 11.25 20.6397 11.329 20.7803 11.4697C20.921 11.6103 21 11.8011 21 12Z" fill="currentColor"/> 8811</svg> 8812 8813 </span> 8814 <span class="mobile-menu__accordion-icon mobile-menu__accordion-icon--minus"> 8815 <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" aria-hidden="true" focusable="false"> 8816 <path d="M21 12C21 12.1989 20.921 12.3897 20.7803 12.5303C20.6397 12.671 20.4489 12.75 20.25 12.75H3.75C3.55109 12.75 3.36032 12.671 3.21967 12.5303C3.07902 12.3897 3 12.1989 3 12C3 11.8011 3.07902 11.6103 3.21967 11.4697C3.36032 11.329 3.55109 11.25 3.75 11.25H20.25C20.4489 11.25 20.6397 11.329 20.7803 11.4697C20.921 11.6103 21 11.8011 21 12Z" fill="currentColor"/> 8817</svg> 8818 8819 </span> 8820 </span> 8821 </summary> 8822 8823 <div class="mobile-menu__accordion-panel"> 8824 8825 <div class="mobile-menu__category-headline"> 8826 <div class="mobile-menu__category-headline-text rte"> 8827 <span class="metafield-single_line_text_field">Store anywhere. Chill to enjoy.</span> 8828 </div> 8829 8830 </div> 8831 8832 8833 <div class="mobile-menu__category-description rte"> 8834 <span class="metafield-multi_line_text_field">Here for a good time, not a long time. Grab these flavors before they sip away! </span> 8835 </div> 8836 8837 8838 <div 8839 class="mobile-menu__product-scroller tw-min-w-0 tw-overflow-x-auto tw-overflow-y-visible" 8840 tabindex="0" 8841 role="region" 8842 aria-roledescription="carousel" 8843 aria-label="Limited edition flavors — products" 8844 > 8845 <ul class="mobile-menu__product-row tw-m-0 tw-flex tw-list-none tw-flex-nowrap tw-p-0"> 8846 8847 8848 8849 8850 8851 8852 8853 8854 8855 8856 8857 8858 8859 8860 <li class="mobile-menu__product-tile"> 8861 <a 8862 href="/products/caramel-apple" 8863 class="mobile-menu__product-card" 8864 8865 > 8866 <span class="mobile-menu__product-card-media"> 8867 8868 <div 8869 class="product-badge product-badge--nav product-badge--short-text" 8870 role="status" 8871 aria-label="New" 8872 > 8873 <svg class="product-badge__shape" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 72 72" fill="none" aria-hidden="true"> 8874 <path d="M33.6354 1.15556C34.8423 -0.385184 37.1577 -0.385187 38.3646 1.15556L42.852 6.8839C43.6453 7.89657 44.9853 8.29373 46.195 7.87473L53.0381 5.5046C54.8787 4.86711 56.8265 6.13068 57.0166 8.0855L57.7235 15.3533C57.8485 16.6382 58.763 17.7036 60.0051 18.0113L67.0313 19.7519C68.9212 20.22 69.883 22.346 68.996 24.0942L65.698 30.5941C65.1149 31.7432 65.3137 33.1385 66.1938 34.0752L71.1724 39.3739C72.5115 40.7991 72.1819 43.1125 70.4993 44.0991L64.2435 47.7673C63.1376 48.4158 62.5575 49.6981 62.7962 50.9664L64.1464 58.1409C64.5096 60.0706 62.9933 61.8369 61.0494 61.7487L53.822 61.4206C52.5443 61.3626 51.3694 62.1248 50.8909 63.322L48.1842 70.0944C47.4562 71.916 45.2346 72.5745 43.6465 71.4394L37.7421 67.2192C36.6983 66.4731 35.3017 66.4731 34.2579 67.2192L28.3535 71.4394C26.7655 72.5745 24.5438 71.916 23.8158 70.0944L21.1091 63.322C20.6306 62.1248 19.4557 61.3626 18.178 61.4206L10.9506 61.7487C9.00666 61.8369 7.4904 60.0706 7.85357 58.1409L9.20384 50.9664C9.44255 49.6981 8.86239 48.4158 7.75647 47.7673L1.50067 44.0991C-0.181946 43.1125 -0.511462 40.7991 0.827617 39.3739L5.80619 34.0752C6.68632 33.1385 6.88508 31.7432 6.30204 30.5941L3.004
887403 24.0942C2.11697 22.346 3.07881 20.22 4.96864 19.7519L11.9949 18.0113C13.237 17.7036 14.1515 16.6382 14.2765 15.3533L14.9834 8.08551C15.1735 6.13069 17.1213 4.86711 18.9619 5.5046L25.805 7.87473C27.0147 8.29373 28.3547 7.89657 29.148 6.8839L33.6354 1.15556Z" fill="#98E1C3"/> 8875 </svg> 8876 <span class="product-badge__text" style="color: #034638;">New</span> 8877 </div> 8878 8879 8880 8881 8882 8883 8884 8885 8886 8887 <img 8888 class="mobile-menu__product-img" 8889 src="//drinkolipop.com/cdn/shop/files/caramel-apple-9g-olipop_gallery-image_single-can_new_asset.webp?crop=center&height=362&v=1788145122&width=272" 8890 width="136" 8891 height="181" 8892 alt="Caramel Apple" 8893 loading="lazy" 8894 decoding="async" 8895 > 8896 8897 </span> 8898 <span class="mobile-menu__product-card-label">Caramel Apple</span> 8899 </a> 8900 </li> 8901 8902 8903 8904 8905 8906 8907 8908 8909 8910 8911 8912 8913 8914 <li class="mobile-menu__product-tile"> 8915 <a 8916 href="/products/raspberry-sherbet" 8917 class="mobile-menu__product-card" 8918 8919 > 8920 <span class="mobile-menu__product-card-media"> 8921 8922 <div 8923 class="product-badge product-badge--nav" 8924 role="status" 8925 aria-label="Limited" 8926 > 8927 <svg class="product-badge__shape" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 72 72" fill="none" aria-hidden="true"> 8928 <path d="M33.6354 1.15556C34.8423 -0.385184 37.1577 -0.385187 38.3646 1.15556L42.852 6.8839C43.6453 7.89657 44.9853 8.29373 46.195 7.87473L53.0381 5.5046C54.8787 4.86711 56.8265 6.13068 57.0166 8.0855L57.7235 15.3533C57.8485 16.6382 58.763 17.7036 60.0051 18.0113L67.0313 19.7519C68.9212 20.22 69.883 22.346 68.996 24.0942L65.698 30.5941C65.1149 31.7432 65.3137 33.1385 66.1938 34.0752L71.1724 39.3739C72.5115 40.7991 72.1819 43.1125 70.4993 44.0991L64.2435 47.7673C63.1376 48.4158 62.5575 49.6981 62.7962 50.9664L64.1464 58.1409C64.5096 60.0706 62.9933 61.8369 61.0494 61.7487L53.822 61.4206C52.5443 61.3626 51.3694 62.1248 50.8909 63.322L48.1842 70.0944C47.4562 71.916 45.2346 72.5745 43.6465 71.4394L37.7421 67.2192C36.6983 66.4731 35.3017 66.4731 34.2579 67.2192L28.3535 71.4394C26.7655 72.5745 24.5438 71.916 23.8158 70.0944L21.1091 63.322C20.6306 62.1248 19.4557 61.3626 18.178 61.4206L10.9506 61.7487C9.00666 61.8369 7.4904 60.0706 7.85357 58.1409L9.20384 50.9664C9.44255 49.6981 8.86239 48.4158 7.75647 47.7673L1.50067 44.0991C-0.181946 43.1125 -0.511462 40.7991 0.827617 39.3739L5.80619 34.0752C6.68632 33.1385 6.88508 31.7432 6.30204 30.5941L3.00403 24.0942C2.11697 22.346 3.07881 20.22 4.96864 19.7519L11.9949 18.0113C13.237 17.7036 14.1515 16.6382 14.2765 15.3533L14.9834 8.08551C15.1735 6.13069 17.1213 4.86711 18.9619 5.5046L25.805 7.87473C27.0147 8.29373 28.3547 7.89657 29.148 6.8839L33.6354 1.15556Z" fill="#FFE340"/> 8929 </svg> 8930 <span class="product-badge__text" style="color: #034638;">Limited</span> 8931 </div> 8932 8933 8934 8935 8936 8937 8938 8939 8940 8941 <img 8942 class="mobile-menu__product-img" 8943 src="//drinkolipop.com/cdn/shop/files/raspberry-sherbert_omni-pdp_single.webp?crop=center&height=362&v=1775754912&width=272" 8944 width="136" 8945 height="181" 8946 alt="Raspberry Sherbet" 8947 loading="lazy" 8948 decoding="async" 8949 > 8950 8951 </span>
8952 <span class="mobile-menu__product-card-label">Raspberry Sherbet</span> 8953 </a> 8954 </li> 8955 8956 8957 8958 8959 8960 8961 8962 8963 8964 8965 8966 8967 8968 <li class="mobile-menu__product-tile"> 8969 <a 8970 href="/products/shirley-temple" 8971 class="mobile-menu__product-card" 8972 8973 > 8974 <span class="mobile-menu__product-card-media"> 8975 8976 <div 8977 class="product-badge product-badge--nav" 8978 role="status" 8979 aria-label="Limited" 8980 > 8981 <svg class="product-badge__shape" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 72 72" fill="none" aria-hidden="true"> 8982 <path d="M33.6354 1.15556C34.8423 -0.385184 37.1577 -0.385187 38.3646 1.15556L42.852 6.8839C43.6453 7.89657 44.9853 8.29373 46.195 7.87473L53.0381 5.5046C54.8787 4.86711 56.8265 6.13068 57.0166 8.0855L57.7235 15.3533C57.8485 16.6382 58.763 17.7036 60.0051 18.0113L67.0313 19.7519C68.9212 20.22 69.883 22.346 68.996 24.0942L65.698 30.5941C65.1149 31.7432 65.3137 33.1385 66.1938 34.0752L71.1724 39.3739C72.5115 40.7991 72.1819 43.1125 70.4993 44.0991L64.2435 47.7673C63.1376 48.4158 62.5575 49.6981 62.7962 50.9664L64.1464 58.1409C64.5096 60.0706 62.9933 61.8369 61.0494 61.7487L53.822 61.4206C52.5443 61.3626 51.3694 62.1248 50.8909 63.322L48.1842 70.0944C47.4562 71.916 45.2346 72.5745 43.6465 71.4394L37.7421 67.2192C36.6983 66.4731 35.3017 66.4731 34.2579 67.2192L28.3535 71.4394C26.7655 72.5745 24.5438 71.916 23.8158 70.0944L21.1091 63.322C20.6306 62.1248 19.4557 61.3626 18.178 61.4206L10.9506 61.7487C9.00666 61.8369 7.4904 60.0706 7.85357 58.1409L9.20384 50.9664C9.44255 49.6981 8.86239 48.4158 7.75647 47.7673L1.50067 44.0991C-0.181946 43.1125 -0.511462 40.7991 0.827617 39.3739L5.80619 34.0752C6.68632 33.1385 6.88508 31.7432 6.30204 30.5941L3.00403 24.0942C2.11697 22.346 3.07881 20.22 4.96864 19.7519L11.9949 18.0113C13.237 17.7036 14.1515 16.6382 14.2765 15.3533L14.9834 8.08551C15.1735 6.13069 17.1213 4.86711 18.9619 5.5046L25.805 7.87473C27.0147 8.29373 28.3547 7.89657 29.148 6.8839L33.6354 1.15556Z" fill="#FFE340"/> 8983 </svg> 8984 <span class="product-badge__text" style="color: #034638;">Limited</span> 8985 </div> 8986 8987 8988 8989 8990 8991 8992 8993 8994 8995 <img 8996 class="mobile-menu__product-img" 8997 src="//drinkolipop.com/cdn/shop/files/shirley-temple-6g-olipop_gallery-image_single-can_new_asset.webp?crop=center&height=362&v=1778804138&width=272" 8998 width="136" 8999 height="181" 9000 alt="Shirley Temple" 9001 loading="lazy" 9002 decoding="async" 9003 > 9004 9005 </span> 9006 <span class="mobile-menu__product-card-label">Shirley Temple</span> 9007 </a> 9008 </li> 9009 9010 9011 9012 9013 9014 9015 9016 9017 9018 9019 9020 9021 9022 <li class="mobile-menu__product-tile"> 9023 <a 9024 href="/products/spongebob-pineapple-paradise" 9025 class="mobile-menu__product-card" 9026 9027 > 9028 <span class="mobile-menu__product-card-media"> 9029 9030 <div 9031 class="product-badge product-badge--nav" 9032 role="status" 9033 aria-label="Limited" 9034 > 9035 <svg class="product-badge__shape" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 72 72" fill="none" aria-hidden="true"> 9036 <path d="M33.6354 1.15556C34.8423 -0.385184 37.1577 -0.385187 38.3646 1.15556L42.852 6.8839C43.6453 7.89657 44.9853 8.29373 46.195 7.87473L53.0381 5.5046C54.8787 4.86711 56.8265 6.13068 57.0166 8.0855L57.7235 15.3533C57.8485 16.6382 58.763 17.7036 60.0051 18.0113L67.0313 19.7519C68.9212 20.22 69.883 22.346 68.996 24.0942L65.698 30.5941C65.1149 31.7432 65.3137 33.1385 66.1938 34.0752L71.1724 39.3739C72.5115 40.7991 72.1819 43.1125 70.4993 44.0991L64.2435 47.7673C63.1376 48.4158 62.5575 49.6981 62.7962 50.9664L64.1464 58.1409C64.5096 60.0706 62.9933 61.8369 61.0494 61.7487L53.822 61.4206C52.5443 61.3626 51.3694 62.1248 50.8909 63.322L48.1842 70.0944C47.4562 71.916 45.2346 72.5745 43.6465 71.4394L37.7421 67.2192C36.6983 66.4731 35.3017 66.4731 34.2579 67.2192L28.3535 71.4394C26.7655 72.5745 24.5438 71.916 23.8158 70.0944L21.1091 63.322C20.6306 62.1248 19.4557 61.3626 18.178 61.4206L10.9506 61.7487C9.00666 61.8369 7.4904 60.0706 7.85357 58.1409L9.20384 50.9664C9.44255 49.6981 8.86239 48.4158 7.75647 47.7673L1.50067 44.0991C-0.181946 43.1125 -0.511462 40.7991 0.827617 39.3739L5.80619 34.0752C6.68632 33.1385 6.88508 31.7432 6.30204 30.5941L3.004
903603 24.0942C2.11697 22.346 3.07881 20.22 4.96864 19.7519L11.9949 18.0113C13.237 17.7036 14.1515 16.6382 14.2765 15.3533L14.9834 8.08551C15.1735 6.13069 17.1213 4.86711 18.9619 5.5046L25.805 7.87473C27.0147 8.29373 28.3547 7.89657 29.148 6.8839L33.6354 1.15556Z" fill="#FFE340"/> 9037 </svg> 9038 <span class="product-badge__text" style="color: #034638;">Limited</span> 9039 </div> 9040 9041 9042 9043 9044 9045 9046 9047 9048 9049 <img 9050 class="mobile-menu__product-img" 9051 src="//drinkolipop.com/cdn/shop/files/Pineapple-Paradise_cgi-main-image_072925.webp?crop=center&height=362&v=1753844923&width=272" 9052 width="136" 9053 height="181" 9054 alt="Pineapple Paradise" 9055 loading="lazy" 9056 decoding="async" 9057 > 9058 9059 </span> 9060 <span class="mobile-menu__product-card-label">Pineapple Paradise</span> 9061 </a> 9062 </li> 9063 9064 9065 9066 9067 9068 9069 </ul> 9070 </div> 9071 9072 <div class="mobile-menu__shop-all-category"> 9073 9074 <a class="mobile-menu__btn-outline" href="/collections/shop-limited-edition">Shop All Limited Edition Flavors</a> 9075 9076 </div> 9077 </div> 9078 </details> 9079 9080 9081 9082 9083 9084 9085 9086 9087 <details 9088 id="mobile-shop-acc-5" 9089 class="mobile-menu__accordion" 9090 9091 > 9092 <summary class="mobile-menu__accordion-summary"> 9093 <span class="mobile-menu__accordion-summary-text"> 9094 <span class="mobile-menu__accordion-title"> 9095 Variety packs 9096 </span> 9097 </span> 9098 <span class="mobile-menu__accordion-toggle-icons" aria-hidden="true"> 9099 <span class="mobile-menu__accordion-icon mobile-menu__accordion-icon--plus"> 9100 <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" aria-hidden="true" focusable="false"> 9101 <path d="M21 12C21 12.1989 20.921 12.3897 20.7803 12.5303C20.6397 12.671 20.4489 12.75 20.25 12.75H12.75V20.25C12.75 20.4489 12.671 20.6397 12.5303 20.7803C12.3897 20.921 12.1989 21 12 21C11.8011 21 11.6103 20.921 11.4697 20.7803C11.329 20.6397 11.25 20.4489 11.25 20.25V12.75H3.75C3.55109 12.75 3.36032 12.671 3.21967 12.5303C3.07902 12.3897 3 12.1989 3 12C3 11.8011 3.07902 11.6103 3.21967 11.4697C3.36032 11.329 3.55109 11.25 3.75 11.25H11.25V3.75C11.25 3.55109 11.329 3.36032 11.4697 3.21967C11.6103 3.07902 11.8011 3 12 3C12.1989 3 12.3897 3.07902 12.5303 3.21967C12.671 3.36032 12.75 3.55109 12.75 3.75V11.25H20.25C20.4489 11.25 20.6397 11.329 20.7803 11.4697C20.921 11.6103 21 11.8011 21 12Z" fill="currentColor"/> 9102</svg> 9103 9104 </span> 9105 <span class="mobile-menu__accordion-icon mobile-menu__accordion-icon--minus"> 9106 <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" aria-hidden="true" focusable="false"> 9107 <path d="M21 12C21 12.1989 20.921 12.3897 20.7803 12.5303C20.6397 12.671 20.4489 12.75 20.25 12.75H3.75C3.55109 12.75 3.36032 12.671 3.21967 12.5303C3.07902 12.3897 3 12.1989 3 12C3 11.8011 3.07902 11.6103 3.21967 11.4697C3.36032 11.329 3.55109 11.25 3.75 11.25H20.25C20.4489 11.25 20.6397 11.329 20.7803 11.4697C20.921 11.6103 21 11.8011 21 12Z" fill="currentColor"/> 9108</svg> 9109 9110 </span> 9111 </span> 9112 </summary> 9113 9114 <div class="mobile-menu__accordion-panel"> 9115 9116 <div class="mobile-menu__category-headline"> 9117 <div class="mobile-menu__category-headline-text rte">
9118 <span class="metafield-single_line_text_field">Store anywhere. Chill to enjoy.</span> 9119 </div> 9120 9121 </div> 9122 9123 9124 <div class="mobile-menu__category-description rte"> 9125 <span class="metafield-multi_line_text_field">The ultimate OLIPOP flavor tour, for an easy & fun way to discover your favorites.</span> 9126 </div> 9127 9128 9129 <div 9130 class="mobile-menu__product-scroller tw-min-w-0 tw-overflow-x-auto tw-overflow-y-visible" 9131 tabindex="0" 9132 role="region" 9133 aria-roledescription="carousel" 9134 aria-label="Variety packs — products" 9135 > 9136 <ul class="mobile-menu__product-row tw-m-0 tw-flex tw-list-none tw-flex-nowrap tw-p-0"> 9137 9138 9139 9140 9141 9142 9143 9144 9145 9146 9147 9148 9149 9150 9151 <li class="mobile-menu__product-tile"> 9152 <a 9153 href="/products/classic-soda-variety-pack" 9154 class="mobile-menu__product-card" 9155 9156 > 9157 <span class="mobile-menu__product-card-media"> 9158 9159 9160 9161 9162 9163 9164 9165 9166 9167 <img 9168 class="mobile-menu__product-img" 9169 src="//drinkolipop.com/cdn/shop/files/classic-soda-variety-pack-6g-olipop_main-image-v2_new_asset.webp?crop=center&height=362&v=1779207306&width=272" 9170 width="136" 9171 height="181" 9172 alt="Classic Soda Variety Pack" 9173 loading="lazy" 9174 decoding="async" 9175 > 9176 9177 </span> 9178 <span class="mobile-menu__product-card-label">Classic Soda</span> 9179 </a> 9180 </li> 9181 9182 9183 9184 9185 9186 9187 9188 9189 9190 9191 9192 9193 9194 <li class="mobile-menu__product-tile"> 9195 <a 9196 href="/products/fruity-fun-variety-pack" 9197 class="mobile-menu__product-card" 9198 9199 > 9200 <span class="mobile-menu__product-card-media"> 9201 9202 9203 9204 9205 9206 9207 9208 9209 9210 <img 9211 class="mobile-menu__product-img" 9212 src="//drinkolipop.com/cdn/shop/files/fruity-fun-variety-pack-6g-olipop_main-image-v2_new_asset.webp?crop=center&height=362&v=1779207636&width=272" 9213 width="136" 9214 height="181" 9215 alt="Fruity Fun Variety Pack" 9216 loading="lazy" 9217 decoding="async" 9218 > 9219 9220 </span> 9221 <span class="mobile-menu__product-card-label">Fruity Fun</span> 9222 </a> 9223 </li> 9224 9225 9226 9227 9228 9229 9230 9231 9232 9233 9234 9235 9236 9237 <li class="mobile-menu__product-tile"> 9238 <a 9239 href="/products/favorites-variety-pack" 9240 class="mobile-menu__product-card" 9241 9242 >
9243 <span class="mobile-menu__product-card-media"> 9244 9245 9246 9247 9248 9249 9250 9251 9252 9253 <img 9254 class="mobile-menu__product-img" 9255 src="//drinkolipop.com/cdn/shop/files/favorites-variety-pack-6g-olipop_main-image-v2_new_asset.webp?crop=center&height=362&v=1779208124&width=272" 9256 width="136" 9257 height="181" 9258 alt="Favorites Variety Pack" 9259 loading="lazy" 9260 decoding="async" 9261 > 9262 9263 </span> 9264 <span class="mobile-menu__product-card-label">Favorites</span> 9265 </a> 9266 </li> 9267 9268 9269 9270 9271 9272 9273 </ul> 9274 </div> 9275 9276 <div class="mobile-menu__shop-all-category"> 9277 9278 <a class="mobile-menu__btn-outline" href="/collections/variety-packs">Shop All Variety Packs</a> 9279 9280 </div> 9281 </div> 9282 </details> 9283 9284 9285 9286 <div class="mobile-menu__shop-all-footer"> 9287 <a class="mobile-menu__btn-primary" href="/collections/drinks">Shop All</a> 9288 </div> 9289 </div> 9290 9291 9292<style> 9293.mobile-menu__category-description { 9294 margin-bottom: 20px; 9295} 9296 9297.mobile-menu__category-description .metafield-multi_line_text_field { 9298 line-height: 160%; 9299 display: block; 9300} 9301 9302.mobile-menu__category-headline { 9303 margin-top: 3px; 9304} 9305</style> 9306 9307 <div class="mobile-menu__utility" role="navigation" aria-label="Quick links"> 9308 <div class="mobile-menu__utility-wave" aria-hidden="true"><svg 9309 xmlns="http://www.w3.org/2000/svg" 9310 viewBox="0 0 390 27" 9311 fill="none" 9312 preserveAspectRatio="none" 9313 class="mobile-menu__utility-wave-svg" 9314 focusable="false" 9315 > 9316 <path 9317 d="M390 27H8.13552e-05L1.48681e-06 1.52987C-0.0123939 1.51971 77.4813 -3.23676 194.458 7.38036C311.436 17.9975 390 0.446533 390 0.446533V27Z" 9318 fill="#008168" 9319 /> 9320 </svg> 9321 </div> 9322 9323 <ul class="mobile-menu__utility-list tw-m-0 tw-list-none"> 9324 <li class="mobile-menu__utility-item"> 9325 <a class="mobile-menu__utility-link" href="/pages/store-locator"> 9326 <span class="mobile-menu__utility-icon" aria-hidden="true"> 9327 <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none" aria-hidden="true" focusable="false" class="mobile-menu__utility-icon-svg"> 9328 <path d="M8 4C7.50555 4 7.0222 4.14662 6.61107 4.42133C6.19995 4.69603 5.87952 5.08648 5.6903 5.54329C5.50108 6.00011 5.45157 6.50277 5.54804 6.98773C5.6445 7.47268 5.8826 7.91814 6.23223 8.26777C6.58186 8.6174 7.02732 8.8555 7.51227 8.95196C7.99723 9.04843 8.49989 8.99892 8.95671 8.8097C9.41352 8.62048 9.80397 8.30005 10.0787 7.88893C10.3534 7.4778 10.5 6.99445 10.5 6.5C10.5 5.83696 10.2366 5.20107 9.76777 4.73223C9.29893 4.26339 8.66304 4 8 4ZM8 8C7.70333 8 7.41332 7.91203 7.16664 7.7472C6.91997 7.58238 6.72771 7.34811 6.61418 7.07403C6.50065 6.79994 6.47094 6.49834 6.52882 6.20736C6.5867 5.91639 6.72956 5.64912 6.93934 5.43934C7.14912 5.22956 7.41639 5.0867 7.70736 5.02882C7.99834 4.97094 8.29994 5.00065 8.57403 5.11418C8.84811 5.22771 9.08238 5.41997 9.2472 5.66664C9.41203 5.91332 9.5 6.20333 9.5 6.5C9.5 6.89782 9.34196 7.27936 9.06066 7.56066C8.77936 7.84196 8.39782 8 8 8ZM8 1C6.54182 1.00165 5.14383 1.58165 4.11274 2.61274C3.08165 3.64383 2.50165 5.04182 2.5 6.5C2.5 8.4625 3.40688 10.5425 5.125 12.5156C5.89701 13.4072 6.76591 14.2101 7.71562 14.9094C7.7997 14.9683 7.89985 14.9999 8.0025 14.9999C8.10515 14.9999 8.20531 14.9683 8.28938 14.9094C9.23734 14.2098 10.1046 13.4069 10.875 12.5156C12.5906 10.5425 13.5 8.4625 13.5 6.5C13.4983 5.04182 12.9184 3.64383 11.8873 2.61274C10.8562 1.58165 9.45818 1.00165 8 1ZM8 13.875C6.96688 13.0625 3.5 10.0781 3.5 6.5C3.5 5.30653 3.97411 4.16193 4.81802 3.31802C5.66193 2.47411 6.80653 2 8 2C9.19347 2 10.3381 2.47411 11.182 3.31802C12.0259 4.16193 12.5 5.30653 12.5 6.5C12.5 10.0769 9.03312 13.0625 8 13.875Z" fill="currentColor"/> 9329</svg> 9330 9331 </span>
9332 <span class="mobile-menu__utility-label">Find a Store</span> 9333 </a> 9334 </li> 9335 <li class="mobile-menu__utility-item"> 9336 9337 <a class="mobile-menu__utility-link" href="/account/login"> 9338 <span class="mobile-menu__utility-icon" aria-hidden="true"> 9339 <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none" aria-hidden="true" focusable="false" class="mobile-menu__utility-icon-svg"> 9340 <path d="M8 1.5C6.71442 1.5 5.45772 1.88122 4.3888 2.59545C3.31988 3.30968 2.48676 4.32484 1.99479 5.51256C1.50282 6.70028 1.37409 8.00721 1.6249 9.26809C1.8757 10.529 2.49477 11.6872 3.40381 12.5962C4.31285 13.5052 5.47104 14.1243 6.73192 14.3751C7.99279 14.6259 9.29973 14.4972 10.4874 14.0052C11.6752 13.5132 12.6903 12.6801 13.4046 11.6112C14.1188 10.5423 14.5 9.28558 14.5 8C14.4982 6.27665 13.8128 4.62441 12.5942 3.40582C11.3756 2.18722 9.72335 1.50182 8 1.5ZM4.63 12.3438C4.99171 11.7781 5.49001 11.3125 6.07895 10.99C6.6679 10.6676 7.32855 10.4985 8 10.4985C8.67146 10.4985 9.3321 10.6676 9.92105 10.99C10.51 11.3125 11.0083 11.7781 11.37 12.3438C10.4065 13.0931 9.22064 13.5 8 13.5C6.77936 13.5 5.59354 13.0931 4.63 12.3438ZM6 7.5C6 7.10444 6.1173 6.71776 6.33706 6.38886C6.55683 6.05996 6.86918 5.80362 7.23464 5.65224C7.60009 5.50087 8.00222 5.46126 8.39018 5.53843C8.77815 5.6156 9.13451 5.80608 9.41422 6.08579C9.69392 6.36549 9.8844 6.72186 9.96157 7.10982C10.0387 7.49778 9.99914 7.89991 9.84776 8.26537C9.69639 8.63082 9.44004 8.94318 9.11114 9.16294C8.78224 9.3827 8.39557 9.5 8 9.5C7.46957 9.5 6.96086 9.28929 6.58579 8.91421C6.21072 8.53914 6 8.03043 6 7.5ZM12.11 11.6506C11.5524 10.8425 10.7682 10.2174 9.85625 9.85375C10.3461 9.4679 10.7036 8.93899 10.879 8.34056C11.0543 7.74213 11.0388 7.10393 10.8346 6.51472C10.6305 5.9255 10.2477 5.41455 9.73971 5.05293C9.23168 4.69131 8.62359 4.49699 8 4.49699C7.37641 4.49699 6.76832 4.69131 6.26029 5.05293C5.75226 5.41455 5.36955 5.9255 5.16537 6.51472C4.96119 7.10393 4.9457 7.74213 5.12105 8.34056C5.2964 8.93899 5.65387 9.4679 6.14375 9.85375C5.23176 10.2174 4.44765 10.8425 3.89 11.6506C3.18536 10.8582 2.7248 9.87903 2.56378 8.83094C2.40276 7.78285 2.54816 6.71056 2.98245 5.74319C3.41675 4.77582 4.12142 3.95461 5.01163 3.37846C5.90184 2.80231 6.93962 2.49578 8 2.49578C9.06039 2.49578 10.0982 2.80231 10.9884 3.37846C11.8786 3.95461 12.5833 4.77582 13.0176 5.74319C13.4518 6.71056 13.5972 7.78285 13.4362 8.83094C13.2752 9.87903 12.8146 10.8582 12.11 11.6506Z" fill="currentColor"/> 9341</svg> 9342 9343 </span> 9344 <span class="mobile-menu__utility-label">Account</span> 9345 </a> 9346 9347 </li> 9348 <li class="mobile-menu__utility-item"> 9349 <a class="mobile-menu__utility-link" href="/pages/contact-us"> 9350 <span class="mobile-menu__utility-icon" aria-hidden="true"> 9351 <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none" aria-hidden="true" focusable="false" class="mobile-menu__utility-icon-svg"> 9352 <path d="M8.25 1.5C6.59296 1.50182 5.0043 2.16088 3.83259 3.33259C2.66088 4.5043 2.00182 6.09296 2 7.75V13C2 13.2652 2.10536 13.5196 2.29289 13.7071C2.48043 13.8946 2.73478 14 3 14H8.25C9.9076 14 11.4973 13.3415 12.6694 12.1694C13.8415 10.9973 14.5 9.4076 14.5 7.75C14.5 6.0924 13.8415 4.50269 12.6694 3.33058C11.4973 2.15848 9.9076 1.5 8.25 1.5ZM8.25 13H3V7.75C3 6.71165 3.30791 5.69661 3.88478 4.83326C4.46166 3.9699 5.2816 3.29699 6.24091 2.89963C7.20022 2.50227 8.25582 2.3983 9.27422 2.60088C10.2926 2.80345 11.2281 3.30346 11.9623 4.03769C12.6965 4.77191 13.1966 5.70738 13.3991 6.72578C13.6017 7.74418 13.4977 8.79978 13.1004 9.75909C12.703 10.7184 12.0301 11.5383 11.1667 12.1152C10.3034 12.6921 9.28835 13 8.25 13ZM9 8C9 8.14834 8.95601 8.29334 8.8736 8.41668C8.79119 8.54001 8.67406 8.63614 8.53701 8.69291C8.39997 8.74967 8.24917 8.76453 8.10368 8.73559C7.9582 8.70665 7.82456 8.63522 7.71967 8.53033C7.61478 8.42544 7.54335 8.2918 7.51441 8.14632C7.48547 8.00083 7.50032 7.85003 7.55709 7.71299C7.61386 7.57594 7.70999 7.45881 7.83332 7.3764C7.95666 7.29399 8.10166 7.25 8.25 7.25C8.44891 7.25 8.63968 7.32902 8.78033 7.46967C8.92098 7.61032 9 7.80109 9 8ZM6.25 8C6.25 8.14834 6.20601 8.29334 6.1236 8.41668C6.04119 8.54001 5.92406 8.63614 5.78701 8.69291C5.64997 8.74967 5.49917 8.76453 5.35368 8.73559C5.2082 8.70665 5.07456 8.63522 4.96967 8.53033C4.86478 8.42544 4.79335 8.2918 4.76441 8.14632C4.73547 8.00083 4.75032 7.85003 4.80709 7.71299C4.86386 7.57594 4.95999 7.45881 5.08332 7.3764C5.20666 7.29399 5.35166 7.25 5.5 7.25C5.69891 7.25 5.88968 7.32902 6.03033 7.46967C6.17098 7.61032 6.25 7.80109 6.25 8ZM11.75 8C11.75 8.14834 11.706 8.29334 11.6236 8.41668C11.5412 8.54001 11.4241 8.63614 11.287 8.69291C11.15 8.74967 10.9992 8.76453 10.8537 8.73559C10.7082 8.70665 10.5746 8.63522 10.4697 8.53033C10.3648 8.42544 10.2934 8.2918 10.2644 8.14632C10.2355 8.00083 10.2503 7.85003 10.3071 7.71299C10.3639 7.57594 10.46 7.45881 10.5833 7.3764C10.7067 7.29399 10.8517 7.25 11 7.25C11.1989 7.25 11.3897 7.32902 11.5303 7.46967C11.671 7.61032 11.75 7.80109 11.75 8Z" fill="currentColor"/> 9353</svg> 9354 9355 </span>
9356 <span class="mobile-menu__utility-label">Contact Us</span> 9357 </a> 9358 </li> 9359 <li class="mobile-menu__utility-item"> 9360 <a class="mobile-menu__utility-link" href="/pages/track-your-order"> 9361 <span class="mobile-menu__utility-icon" aria-hidden="true"> 9362 <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none" aria-hidden="true" focusable="false" class="mobile-menu__utility-icon-svg"> 9363 <path d="M13.98 4.13439L8.48 1.12501C8.33305 1.04381 8.16789 1.00122 8 1.00122C7.83211 1.00122 7.66695 1.04381 7.52 1.12501L2.02 4.13564C1.86293 4.22158 1.73181 4.34811 1.64034 4.50203C1.54888 4.65594 1.50041 4.83159 1.5 5.01064V10.9881C1.50041 11.1672 1.54888 11.3428 1.64034 11.4967C1.73181 11.6507 1.86293 11.7772 2.02 11.8631L7.52 14.8738C7.66695 14.955 7.83211 14.9976 8 14.9976C8.16789 14.9976 8.33305 14.955 8.48 14.8738L13.98 11.8631C14.1371 11.7772 14.2682 11.6507 14.3597 11.4967C14.4511 11.3428 14.4996 11.1672 14.5 10.9881V5.01126C14.4999 4.8319 14.4516 4.65586 14.3601 4.50158C14.2686 4.34731 14.1373 4.22048 13.98 4.13439ZM8 2.00001L13.0212 4.75001L11.1606 5.76876L6.13875 3.01876L8 2.00001ZM8 7.50001L2.97875 4.75001L5.0975 3.59001L10.1187 6.34001L8 7.50001ZM2.5 5.62501L7.5 8.36126V13.7231L2.5 10.9888V5.62501ZM13.5 10.9863L8.5 13.7231V8.36376L10.5 7.26939V9.50001C10.5 9.63262 10.5527 9.7598 10.6464 9.85357C10.7402 9.94733 10.8674 10 11 10C11.1326 10 11.2598 9.94733 11.3536 9.85357C11.4473 9.7598 11.5 9.63262 11.5 9.50001V6.72189L13.5 5.62501V10.9856V10.9863Z" fill="currentColor"/> 9364</svg> 9365 9366 </span> 9367 <span class="mobile-menu__utility-label">Track Order</span> 9368 </a> 9369 </li> 9370 <li class="mobile-menu__utility-item"> 9371 <a class="mobile-menu__utility-link" href="/pages/olipop-rewards"> 9372 <span class="mobile-menu__utility-icon" aria-hidden="true"> 9373 <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none" aria-hidden="true" focusable="false" class="mobile-menu__utility-icon-svg"> 9374 <path d="M12.3488 8.06625L9.1251 6.875L7.9376 3.64875C7.86728 3.45771 7.74005 3.29283 7.57307 3.17637C7.4061 3.0599 7.20743 2.99746 7.00385 2.99746C6.80027 2.99746 6.6016 3.0599 6.43462 3.17637C6.26765 3.29283 6.14042 3.45771 6.0701 3.64875L4.8751 6.875L1.64885 8.0625C1.45781 8.13282 1.29293 8.26005 1.17647 8.42702C1.06 8.594 0.997559 8.79267 0.997559 8.99625C0.997559 9.19983 1.06 9.3985 1.17647 9.56548C1.29293 9.73245 1.45781 9.85968 1.64885 9.93L4.8751 11.125L6.0626 14.3512C6.13292 14.5423 6.26015 14.7072 6.42712 14.8236C6.5941 14.9401 6.79277 15.0025 6.99635 15.0025C7.19993 15.0025 7.3986 14.9401 7.56557 14.8236C7.73255 14.7072 7.85978 14.5423 7.9301 14.3512L9.1251 11.125L12.3513 9.9375C12.5424 9.86718 12.7073 9.73995 12.8237 9.57298C12.9402 9.406 13.0026 9.20733 13.0026 9.00375C13.0026 8.80017 12.9402 8.6015 12.8237 8.43452C12.7073 8.26755 12.5424 8.14032 12.3513 8.07L12.3488 8.06625ZM8.5626 10.2638C8.49473 10.2888 8.4331 10.3282 8.38195 10.3793C8.3308 10.4305 8.29136 10.4921 8.26635 10.56L7.0001 13.9906L5.73635 10.5625C5.71138 10.4939 5.67169 10.4316 5.62008 10.38C5.56847 10.3284 5.50618 10.2887 5.4376 10.2638L2.00947 9L5.4376 7.73625C5.50618 7.71128 5.56847 7.67159 5.62008 7.61998C5.67169 7.56837 5.71138 7.50608 5.73635 7.4375L7.0001 4.00938L8.26385 7.4375C8.28886 7.50537 8.3283 7.567 8.37945 7.61815C8.4306 7.6693 8.49223 7.70874 8.5601 7.73375L11.9907 9L8.5626 10.2638ZM9.0001 2.5C9.0001 2.36739 9.05278 2.24021 9.14655 2.14645C9.24031 2.05268 9.36749 2 9.5001 2H10.5001V1C10.5001 0.867392 10.5528 0.740215 10.6465 0.646447C10.7403 0.552678 10.8675 0.5 11.0001 0.5C11.1327 0.5 11.2599 0.552678 11.3537 0.646447C11.4474 0.740215 11.5001 0.867392 11.5001 1V2H12.5001C12.6327 2 12.7599 2.05268 12.8537 2.14645C12.9474 2.24021 13.0001 2.36739 13.0001 2.5C13.0001 2.63261 12.9474 2.75979 12.8537 2.85355C12.7599 2.94732 12.6327 3 12.5001 3H11.5001V4C11.5001 4.13261 11.4474 4.25979 11.3537 4.35355C11.2599 4.44732 11.1327 4.5 11.0001 4.5C10.8675 4.5 10.7403 4.44732 10.6465 4.35355C10.5528 4.25979 10.5001 4.13261 10.5001 4V3H9.5001C9.36749 3 9.24031 2.94732 9.14655 2.85355C9.05278 2.75979 9.0001 2.63261 9.0001 2.5ZM15.5001 5.5C15.5001 5.
937463261 15.4474 5.75979 15.3537 5.85355C15.2599 5.94732 15.1327 6 15.0001 6H14.5001V6.5C14.5001 6.63261 14.4474 6.75979 14.3537 6.85355C14.2599 6.94732 14.1327 7 14.0001 7C13.8675 7 13.7403 6.94732 13.6465 6.85355C13.5528 6.75979 13.5001 6.63261 13.5001 6.5V6H13.0001C12.8675 6 12.7403 5.94732 12.6465 5.85355C12.5528 5.75979 12.5001 5.63261 12.5001 5.5C12.5001 5.36739 12.5528 5.24021 12.6465 5.14645C12.7403 5.05268 12.8675 5 13.0001 5H13.5001V4.5C13.5001 4.36739 13.5528 4.24021 13.6465 4.14645C13.7403 4.05268 13.8675 4 14.0001 4C14.1327 4 14.2599 4.05268 14.3537 4.14645C14.4474 4.24021 14.5001 4.36739 14.5001 4.5V5H15.0001C15.1327 5 15.2599 5.05268 15.3537 5.14645C15.4474 5.24021 15.5001 5.36739 15.5001 5.5Z" fill="currentColor"/> 9375</svg> 9376 9377 </span> 9378 <span class="mobile-menu__utility-label">Earn Rewards</span> 9379 </a> 9380 </li> 9381 </ul> 9382</div> 9383 9384<style> 9385 .mobile-menu__utility-list { 9386 padding-bottom: 10.5rem; 9387 } 9388</style> 9389 9390 </div> 9391 9392 9393 <div 9394 id="mobile-panel-learn" 9395 class="mobile-menu__tabpanel tw-hidden" 9396 role="tabpanel" 9397 aria-labelledby="mobile-tab-learn" 9398 data-mobile-panel="learn" 9399 hidden 9400 tabindex="0" 9401 > 9402 9403 9404 9405 9406 <div class="mobile-menu__shop-body"> 9407 9408 9409 9410 9411 9412 9413 <div class="mobile-menu__leaf-row"> 9414 <a 9415 href="/pages/our-story" 9416 class="mobile-menu__leaf-link" 9417 9418 > 9419 <span class="mobile-menu__leaf-title">Our story</span> 9420 </a> 9421 </div> 9422 9423 9424 9425 9426 9427 9428 <div class="mobile-menu__leaf-row"> 9429 <a 9430 href="/pages/ingredients" 9431 class="mobile-menu__leaf-link" 9432 9433 > 9434 <span class="mobile-menu__leaf-title">Ingredients</span> 9435 </a> 9436 </div> 9437 9438 9439 9440 9441 9442 9443 <div class="mobile-menu__leaf-row"> 9444 <a 9445 href="/pages/digestive-health" 9446 class="mobile-menu__leaf-link" 9447 9448 > 9449 <span class="mobile-menu__leaf-title">Digestive health</span> 9450 </a> 9451 </div> 9452 9453 9454 9455 9456 9457 9458 <div class="mobile-menu__leaf-row"> 9459 <a 9460 href="/pages/fiber-education" 9461 class="mobile-menu__leaf-link" 9462 9463 > 9464 <span class="mobile-menu__leaf-title">Fiber education</span> 9465 </a> 9466 </div> 9467 9468 9469 9470 9471 9472 9473 <div class="mobile-menu__leaf-row"> 9474 <a 9475 href="/pages/subscription" 9476 class="mobile-menu__leaf-link" 9477 9478 > 9479 <span class="mobile-menu__leaf-title">Subscriptions</span> 9480 </a> 9481 </div> 9482 9483 9484 9485 9486 </div> 9487 9488 9489 <div class="mobile-menu__utility" role="navigation" aria-label="Quick links"> 9490 <div class="mobile-menu__utility-wave" aria-hidden="true"><svg 9491 xmlns="http://www.w3.org/2000/svg" 9492 viewBox="0 0 390 27" 9493 fill="none" 9494 preserveAspectRatio="none" 9495 class="mobile-menu__utility-wave-svg" 9496 focusable="false" 9497 > 9498 <path 9499 d="M390 27H8.13552e-05L1.48681e-06 1.52987C-0.0123939 1.51971 77.4813 -3.23676 194.458 7.38036C311.436 17.9975 390 0.446533 390 0.446533V27Z" 9500 fill="#008168" 9501 /> 9502 </svg> 9503 </div> 9504 9505 <ul class="mobile-menu__utility-list tw-m-0 tw-list-none"> 9506 <li class="mobile-menu__utility-item"> 9507 <a class="mobile-menu__utility-link" href="/pages/store-locator"> 9508 <span class="mobile-menu__utility-icon" aria-hidden="true"> 9509 <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none" aria-hidden="true" focusable="false" class="mobile-menu__utility-icon-svg"> 9510 <path d="M8 4C7.50555 4 7.0222 4.14662 6.61107 4.42133C6.19995 4.69603 5.87952 5.08648 5.6903 5.54329C5.50108 6.00011 5.45157 6.50277 5.54804 6.98773C5.6445 7.47268 5.8826 7.91814 6.23223 8.26777C6.58186 8.6174 7.02732 8.8555 7.51227 8.95196C7.99723 9.04843 8.49989 8.99892 8.95671 8.8097C9.41352 8.62048 9.80397 8.30005 10.0787 7.88893C10.3534 7.4778 10.5 6.99445 10.5 6.5C10.5 5.83696 10.2366 5.20107 9.76777 4.73223C9.29893 4.26339 8.66304 4 8 4ZM8 8C7.70333 8 7.41332 7.91203 7.16664 7.7472C6.91997 7.58238 6.72771 7.34811 6.61418 7.07403C6.50065 6.79994 6.47094 6.49834 6.52882 6.20736C6.5867 5.9
95101639 6.72956 5.64912 6.93934 5.43934C7.14912 5.22956 7.41639 5.0867 7.70736 5.02882C7.99834 4.97094 8.29994 5.00065 8.57403 5.11418C8.84811 5.22771 9.08238 5.41997 9.2472 5.66664C9.41203 5.91332 9.5 6.20333 9.5 6.5C9.5 6.89782 9.34196 7.27936 9.06066 7.56066C8.77936 7.84196 8.39782 8 8 8ZM8 1C6.54182 1.00165 5.14383 1.58165 4.11274 2.61274C3.08165 3.64383 2.50165 5.04182 2.5 6.5C2.5 8.4625 3.40688 10.5425 5.125 12.5156C5.89701 13.4072 6.76591 14.2101 7.71562 14.9094C7.7997 14.9683 7.89985 14.9999 8.0025 14.9999C8.10515 14.9999 8.20531 14.9683 8.28938 14.9094C9.23734 14.2098 10.1046 13.4069 10.875 12.5156C12.5906 10.5425 13.5 8.4625 13.5 6.5C13.4983 5.04182 12.9184 3.64383 11.8873 2.61274C10.8562 1.58165 9.45818 1.00165 8 1ZM8 13.875C6.96688 13.0625 3.5 10.0781 3.5 6.5C3.5 5.30653 3.97411 4.16193 4.81802 3.31802C5.66193 2.47411 6.80653 2 8 2C9.19347 2 10.3381 2.47411 11.182 3.31802C12.0259 4.16193 12.5 5.30653 12.5 6.5C12.5 10.0769 9.03312 13.0625 8 13.875Z" fill="currentColor"/> 9511</svg> 9512 9513 </span> 9514 <span class="mobile-menu__utility-label">Find a Store</span> 9515 </a> 9516 </li> 9517 <li class="mobile-menu__utility-item"> 9518 9519 <a class="mobile-menu__utility-link" href="/account/login"> 9520 <span class="mobile-menu__utility-icon" aria-hidden="true"> 9521 <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none" aria-hidden="true" focusable="false" class="mobile-menu__utility-icon-svg"> 9522 <path d="M8 1.5C6.71442 1.5 5.45772 1.88122 4.3888 2.59545C3.31988 3.30968 2.48676 4.32484 1.99479 5.51256C1.50282 6.70028 1.37409 8.00721 1.6249 9.26809C1.8757 10.529 2.49477 11.6872 3.40381 12.5962C4.31285 13.5052 5.47104 14.1243 6.73192 14.3751C7.99279 14.6259 9.29973 14.4972 10.4874 14.0052C11.6752 13.5132 12.6903 12.6801 13.4046 11.6112C14.1188 10.5423 14.5 9.28558 14.5 8C14.4982 6.27665 13.8128 4.62441 12.5942 3.40582C11.3756 2.18722 9.72335 1.50182 8 1.5ZM4.63 12.3438C4.99171 11.7781 5.49001 11.3125 6.07895 10.99C6.6679 10.6676 7.32855 10.4985 8 10.4985C8.67146 10.4985 9.3321 10.6676 9.92105 10.99C10.51 11.3125 11.0083 11.7781 11.37 12.3438C10.4065 13.0931 9.22064 13.5 8 13.5C6.77936 13.5 5.59354 13.0931 4.63 12.3438ZM6 7.5C6 7.10444 6.1173 6.71776 6.33706 6.38886C6.55683 6.05996 6.86918 5.80362 7.23464 5.65224C7.60009 5.50087 8.00222 5.46126 8.39018 5.53843C8.77815 5.6156 9.13451 5.80608 9.41422 6.08579C9.69392 6.36549 9.8844 6.72186 9.96157 7.10982C10.0387 7.49778 9.99914 7.89991 9.84776 8.26537C9.69639 8.63082 9.44004 8.94318 9.11114 9.16294C8.78224 9.3827 8.39557 9.5 8 9.5C7.46957 9.5 6.96086 9.28929 6.58579 8.91421C6.21072 8.53914 6 8.03043 6 7.5ZM12.11 11.6506C11.5524 10.8425 10.7682 10.2174 9.85625 9.85375C10.3461 9.4679 10.7036 8.93899 10.879 8.34056C11.0543 7.74213 11.0388 7.10393 10.8346 6.51472C10.6305 5.9255 10.2477 5.41455 9.73971 5.05293C9.23168 4.69131 8.62359 4.49699 8 4.49699C7.37641 4.49699 6.76832 4.69131 6.26029 5.05293C5.75226 5.41455 5.36955 5.9255 5.16537 6.51472C4.96119 7.10393 4.9457 7.74213 5.12105 8.34056C5.2964 8.93899 5.65387 9.4679 6.14375 9.85375C5.23176 10.2174 4.44765 10.8425 3.89 11.6506C3.18536 10.8582 2.7248 9.87903 2.56378 8.83094C2.40276 7.78285 2.54816 6.71056 2.98245 5.74319C3.41675 4.77582 4.12142 3.95461 5.01163 3.37846C5.90184 2.80231 6.93962 2.49578 8 2.49578C9.06039 2.49578 10.0982 2.80231 10.9884 3.37846C11.8786 3.95461 12.5833 4.77582 13.0176 5.74319C13.4518 6.71056 13.5972 7.78285 13.4362 8.83094C13.2752 9.87903 12.8146 10.8582 12.11 11.6506Z" fill="currentColor"/> 9523</svg> 9524 9525 </span> 9526 <span class="mobile-menu__utility-label">Account</span> 9527 </a> 9528 9529 </li> 9530 <li class="mobile-menu__utility-item"> 9531 <a class="mobile-menu__utility-link" href="/pages/contact-us"> 9532 <span class="mobile-menu__utility-icon" aria-hidden="true"> 9533 <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none" aria-hidden="true" focusable="false" class="mobile-menu__utility-icon-svg"> 9534 <path d="M8.25 1.5C6.59296 1.50182 5.0043 2.16088 3.83259 3.33259C2.66088 4.5043 2.00182 6.09296 2 7.75V13C2 13.2652 2.10536 13.5196 2.29289 13.7071C2.48043 13.8946 2.73478 14 3 14H8.25C9.9076 14 11.4973 13.3415 12.6694 12.1694C13.8415 10.9973 14.5 9.4076 14.5 7.75C14.5 6.0924 13.8415 4.50269 12.6694 3.33058C11.4973 2.15848 9.9076 1.5 8.25 1.5ZM8.25 13H3V7.75C3 6.71165 3.30791 5.69661 3.88478 4.83326C4.46166 3.9699 5.2816 3.29699 6.24091 2.89963C7.20022 2.50227 8.25582 2.3983 9.27422 2.60088C10.2926 2.80345 11.2281 3.30346 11.9623 4.03769C12.6965 4.77191 13.1966 5.70738 13.3991 6.72578C13.6017 7.74418 13.4977 8.79978 13.1004 9.75909C12.703 10.7184 12.0301 11.5383 11.1667 12.1152C10.3034 12.6921 9.28835 13 8.25 13ZM9 8C9 8.14834 8.95601 8.29334 8.8736 8.41668C8.79119 8.54001 8.67406 8.63614 8.53701 8.69291C8.39997 8.74967 8.24917 8.76453 8.10368 8.73559C7.9582 8.70665 7.82456 8.63522 7.71967 8.53033C7.61478 8.42544 7.54335 8.2918 7.51441 8.14632C7.48547 8.00083 7.50032 7.85003 7.55709 7.71299C7.61386 7.57594 7.70999 7.45881 7.83332 7.3764C7.95666 7.29399 8.10166 7.25 8.25 7.25C8.44891 7.25 8.63968 7.32902 8.78033 7.46967C8.92098 7.61032 9 7.80109 9 8ZM6.25 8C6.25 8.14834 6.20601 8.29334 6.1236 8.41668C6.04119 8.54001 5.92406 8.63614 5.78701 8.69291C5.64997 8.74967 5.49917 8.76453 5.35368 8.73559C5.2082 8.70665 5.07456 8.63522 4.96967 8.53033C4.86478 8.42544 4.79335 8.2918 4.76441 8.14632C4.73547 8.00083 4.75032 7.85003 4.80709 7.71299C4.86386 7.57594 4.95999 7.45881 5.08332 7.3764C5.20666 7.29399 5.35166 7.25 5.5 7.25C5.69891 7.25 5.88968 7.32902 6.03033 7.46967C6.17098 7.61032 6.25 7.80109 6.25 8ZM11.75 8C11.75 8.14834 11.706 8.29334 11.6236 8.41668C11.5412 8.54001 11.4241 8.63614 11.287 8.69291C11.15 8.74967 10.9992 8.76453 10.8537 8.73559C10.7082 8.70665 10.5746 8.63522 10.4697 8.53033C10.3648 8.42544 10.2934 8.2918 10.2644 8.14632C10.2355 8.00083 10.2503 7.85003 10.3071 7.71299C10.3639 7.57594 10.46 7.45881 10.5833 7.3764C10.7067 7.29399 10.8517 7.25 11 7.25C11.1989 7.25 11.3897 7.32902 11.5303 7.46967C11.671 7.61032 11.75 7.80109 11.75 8Z" fill="currentColor"/> 9535</svg> 9536 9537 </span>
9538 <span class="mobile-menu__utility-label">Contact Us</span> 9539 </a> 9540 </li> 9541 <li class="mobile-menu__utility-item"> 9542 <a class="mobile-menu__utility-link" href="/pages/track-your-order"> 9543 <span class="mobile-menu__utility-icon" aria-hidden="true"> 9544 <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none" aria-hidden="true" focusable="false" class="mobile-menu__utility-icon-svg"> 9545 <path d="M13.98 4.13439L8.48 1.12501C8.33305 1.04381 8.16789 1.00122 8 1.00122C7.83211 1.00122 7.66695 1.04381 7.52 1.12501L2.02 4.13564C1.86293 4.22158 1.73181 4.34811 1.64034 4.50203C1.54888 4.65594 1.50041 4.83159 1.5 5.01064V10.9881C1.50041 11.1672 1.54888 11.3428 1.64034 11.4967C1.73181 11.6507 1.86293 11.7772 2.02 11.8631L7.52 14.8738C7.66695 14.955 7.83211 14.9976 8 14.9976C8.16789 14.9976 8.33305 14.955 8.48 14.8738L13.98 11.8631C14.1371 11.7772 14.2682 11.6507 14.3597 11.4967C14.4511 11.3428 14.4996 11.1672 14.5 10.9881V5.01126C14.4999 4.8319 14.4516 4.65586 14.3601 4.50158C14.2686 4.34731 14.1373 4.22048 13.98 4.13439ZM8 2.00001L13.0212 4.75001L11.1606 5.76876L6.13875 3.01876L8 2.00001ZM8 7.50001L2.97875 4.75001L5.0975 3.59001L10.1187 6.34001L8 7.50001ZM2.5 5.62501L7.5 8.36126V13.7231L2.5 10.9888V5.62501ZM13.5 10.9863L8.5 13.7231V8.36376L10.5 7.26939V9.50001C10.5 9.63262 10.5527 9.7598 10.6464 9.85357C10.7402 9.94733 10.8674 10 11 10C11.1326 10 11.2598 9.94733 11.3536 9.85357C11.4473 9.7598 11.5 9.63262 11.5 9.50001V6.72189L13.5 5.62501V10.9856V10.9863Z" fill="currentColor"/> 9546</svg> 9547 9548 </span> 9549 <span class="mobile-menu__utility-label">Track Order</span> 9550 </a> 9551 </li> 9552 <li class="mobile-menu__utility-item"> 9553 <a class="mobile-menu__utility-link" href="/pages/olipop-rewards"> 9554 <span class="mobile-menu__utility-icon" aria-hidden="true"> 9555 <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none" aria-hidden="true" focusable="false" class="mobile-menu__utility-icon-svg"> 9556 <path d="M12.3488 8.06625L9.1251 6.875L7.9376 3.64875C7.86728 3.45771 7.74005 3.29283 7.57307 3.17637C7.4061 3.0599 7.20743 2.99746 7.00385 2.99746C6.80027 2.99746 6.6016 3.0599 6.43462 3.17637C6.26765 3.29283 6.14042 3.45771 6.0701 3.64875L4.8751 6.875L1.64885 8.0625C1.45781 8.13282 1.29293 8.26005 1.17647 8.42702C1.06 8.594 0.997559 8.79267 0.997559 8.99625C0.997559 9.19983 1.06 9.3985 1.17647 9.56548C1.29293 9.73245 1.45781 9.85968 1.64885 9.93L4.8751 11.125L6.0626 14.3512C6.13292 14.5423 6.26015 14.7072 6.42712 14.8236C6.5941 14.9401 6.79277 15.0025 6.99635 15.0025C7.19993 15.0025 7.3986 14.9401 7.56557 14.8236C7.73255 14.7072 7.85978 14.5423 7.9301 14.3512L9.1251 11.125L12.3513 9.9375C12.5424 9.86718 12.7073 9.73995 12.8237 9.57298C12.9402 9.406 13.0026 9.20733 13.0026 9.00375C13.0026 8.80017 12.9402 8.6015 12.8237 8.43452C12.7073 8.26755 12.5424 8.14032 12.3513 8.07L12.3488 8.06625ZM8.5626 10.2638C8.49473 10.2888 8.4331 10.3282 8.38195 10.3793C8.3308 10.4305 8.29136 10.4921 8.26635 10.56L7.0001 13.9906L5.73635 10.5625C5.71138 10.4939 5.67169 10.4316 5.62008 10.38C5.56847 10.3284 5.50618 10.2887 5.4376 10.2638L2.00947 9L5.4376 7.73625C5.50618 7.71128 5.56847 7.67159 5.62008 7.61998C5.67169 7.56837 5.71138 7.50608 5.73635 7.4375L7.0001 4.00938L8.26385 7.4375C8.28886 7.50537 8.3283 7.567 8.37945 7.61815C8.4306 7.6693 8.49223 7.70874 8.5601 7.73375L11.9907 9L8.5626 10.2638ZM9.0001 2.5C9.0001 2.36739 9.05278 2.24021 9.14655 2.14645C9.24031 2.05268 9.36749 2 9.5001 2H10.5001V1C10.5001 0.867392 10.5528 0.740215 10.6465 0.646447C10.7403 0.552678 10.8675 0.5 11.0001 0.5C11.1327 0.5 11.2599 0.552678 11.3537 0.646447C11.4474 0.740215 11.5001 0.867392 11.5001 1V2H12.5001C12.6327 2 12.7599 2.05268 12.8537 2.14645C12.9474 2.24021 13.0001 2.36739 13.0001 2.5C13.0001 2.63261 12.9474 2.75979 12.8537 2.85355C12.7599 2.94732 12.6327 3 12.5001 3H11.5001V4C11.5001 4.13261 11.4474 4.25979 11.3537 4.35355C11.2599 4.44732 11.1327 4.5 11.0001 4.5C10.8675 4.5 10.7403 4.44732 10.6465 4.35355C10.5528 4.25979 10.5001 4.13261 10.5001 4V3H9.5001C9.36749 3 9.24031 2.94732 9.14655 2.85355C9.05278 2.75979 9.0001 2.63261 9.0001 2.5ZM15.5001 5.5C15.5001 5.
955663261 15.4474 5.75979 15.3537 5.85355C15.2599 5.94732 15.1327 6 15.0001 6H14.5001V6.5C14.5001 6.63261 14.4474 6.75979 14.3537 6.85355C14.2599 6.94732 14.1327 7 14.0001 7C13.8675 7 13.7403 6.94732 13.6465 6.85355C13.5528 6.75979 13.5001 6.63261 13.5001 6.5V6H13.0001C12.8675 6 12.7403 5.94732 12.6465 5.85355C12.5528 5.75979 12.5001 5.63261 12.5001 5.5C12.5001 5.36739 12.5528 5.24021 12.6465 5.14645C12.7403 5.05268 12.8675 5 13.0001 5H13.5001V4.5C13.5001 4.36739 13.5528 4.24021 13.6465 4.14645C13.7403 4.05268 13.8675 4 14.0001 4C14.1327 4 14.2599 4.05268 14.3537 4.14645C14.4474 4.24021 14.5001 4.36739 14.5001 4.5V5H15.0001C15.1327 5 15.2599 5.05268 15.3537 5.14645C15.4474 5.24021 15.5001 5.36739 15.5001 5.5Z" fill="currentColor"/> 9557</svg> 9558 9559 </span> 9560 <span class="mobile-menu__utility-label">Earn Rewards</span> 9561 </a> 9562 </li> 9563 </ul> 9564</div> 9565 9566<style> 9567 .mobile-menu__utility-list { 9568 padding-bottom: 10.5rem; 9569 } 9570</style> 9571 9572 </div> 9573 9574 </div> 9575 </div> 9576 </div> 9577</div> 9578
9579<script> 9580 $(document).ready(function () { 9581 const $root = $('[js-mobile-menu]'); 9582 const $backdrop = $('.mobile-menu__backdrop'); 9583 const $panel = $('[js-mobile-menu-panel]'); 9584 const $toggle = $('.header__button.mobile-menu-toggle'); 9585 9586 function applyMenuGeometry() { 9587 const header = document.getElementById('shopify-section-header'); 9588 const el = document.querySelector('[js-mobile-menu]'); 9589 if (!header || !el) return; 9590 const h = header.clientHeight; 9591 el.style.top = h + 'px'; 9592 el.style.height = 'calc(100vh - ' + h + 'px)'; 9593 } 9594 9595 function clearMenuGeometry() { 9596 const el = document.querySelector('[js-mobile-menu]'); 9597 if (el) { 9598 el.style.top = ''; 9599 el.style.height = ''; 9600 } 9601 } 9602 9603 function openMenuVisual() { 9604 $root.addClass('is-active'); 9605 } 9606 9607 function closeMenuVisual() { 9608 $root.removeClass('is-active'); 9609 } 9610 9611 var mobileMenuClosing = false; 9612 9613 function finalizeMobileMenuClose() { 9614 document.documentElement.classList.remove('stop-scroll'); 9615 $('.overlay').removeClass('is-active'); 9616 $('.site-header .header__button').removeClass('is-active'); 9617 $('.header-wrapper').removeClass('is-mobile-active'); 9618 clearMenuGeometry(); 9619 mobileMenuClosing = false; 9620 requestAnimationFrame(function () { 9621 requestAnimationFrame(function () { 9622 window.dispatchEvent(new Event('scroll')); 9623 }); 9624 }); 9625 } 9626 9627 function activateMobileTab(which) { 9628 const $shop = $('.mobile-menu__tab--shop'); 9629 const $learn = $('.mobile-menu__tab--learn'); 9630 const $shopPanel = $('#mobile-panel-shop'); 9631 const $learnPanel = $('#mobile-panel-learn'); 9632 if (!$shop.length || !$learn.length) return; 9633 if (which === 'shop') { 9634 $shop.addClass('is-selected').attr({ 'aria-selected': 'true', tabindex: 0 }); 9635 $learn.removeClass('is-selected').attr({ 'aria-selected': 'false', tabindex: -1 }); 9636 $shopPanel.removeClass('tw-hidden').removeAttr('hidden'); 9637 $learnPanel.addClass('tw-hidden').attr('hidden', 'hidden'); 9638 } else { 9639 $learn.addClass('is-selected').attr({ 'aria-selected': 'true', tabindex: 0 }); 9640 $shop.removeClass('is-selected').attr({ 'aria-selected': 'false', tabindex: -1 }); 9641 $learnPanel.removeClass('tw-hidden').removeAttr('hidden'); 9642 $shopPanel.addClass('tw-hidden').attr('hidden', 'hidden'); 9643 } 9644 } 9645 9646 function resetToShopTab() { 9647 activateMobileTab('shop'); 9648 } 9649 9650 $toggle.on('click', function () { 9651 const toggleBtn = this; 9652 const panelEl = document.querySelector('[js-mobile-menu-panel]'); 9653 const isOpen = $('.header-wrapper').hasClass('is-mobile-active'); 9654 9655 if (!isOpen) { 9656 $('.header-wrapper').addClass('is-mobile-active'); 9657 document.documentElement.classList.add('stop-scroll'); 9658 $('.overlay').addClass('is-active'); 9659 $('.site-header .header__button').addClass('is-active'); 9660 applyMenuGeometry(); 9661 9662 function revealMenuAndFocus() { 9663 openMenuVisual(); 9664 resetToShopTab(); 9665 toggleBtn.setAttribute('aria-expanded', 'true'); 9666 const wrap = document.querySelector('[js-header-wrapper]'); 9667 const toFocus = panelEl ? panelEl.querySelector('.mobile-menu__tab, a, button') : null; 9668 if (wrap && toFocus) { 9669 trapFocus(wrap, toFocus); 9670 } 9671 } 9672 9673 if (window.matchMedia('(prefers-reduced-motion: reduce)').matches) { 9674 revealMenuAndFocus(); 9675 } else { 9676 requestAnimationFrame(function () { 9677 requestAnimationFrame(revealMenuAndFocus); 9678 }); 9679 } 9680 } else { 9681 if (mobileMenuClosing) { 9682 return; 9683 } 9684 mobileMenuClosing = true; 9685 closeMenuVisual(); 9686 toggleBtn.setAttribute('aria-expanded', 'false'); 9687 removeTrapFocus(); 9688 9689 if (window.matchMedia('(prefers-reduced-motion: reduce)').matches) { 9690 finalizeMobileMenuClose(); 9691 return; 9692 } 9693 9694 var closeDone = false; 9695 function doneClosing() { 9696 if (closeDone) return; 9697 closeDone = true; 9698 if (panelEl) { 9699 panelEl.removeEventListener('transitionend', onPanelTransitionEnd); 9700 } 9701 finalizeMobileMenuClose(); 9702 } 9703 9704 function onPanelTransitionEnd(e) { 9705 if (e.target !== panelEl || e.propertyName !== 'transform') return; 9706 doneClosing(); 9707 } 9708 9709 if (panelEl) { 9710 panelEl.addEventListener('transitionend', onPanelTransitionEnd); 9711 } 9712 window.setTimeout(doneClosing, 400); 9713 } 9714 }); 9715 9716 var mobileMenuDesktopMin = 1024; 9717 9718 function closeMobileMenuIfDesktop() { 9719 if (window.innerWidth >= mobileMenuDesktopMin && $toggle.hasClass('is-active')) { 9720 $toggle.trigger('click'); 9721 } 9722 } 9723 9724 $(window).on('resize', function () { 9725 closeMobileMenuIfDesktop(); 9726 if ($toggle.hasClass('is-active')) { 9727 applyMenuGeometry(); 9728 } 9729 }); 9730 9731 $backdrop.on('click', function () { 9732 if ($toggle.hasClass('is-active')) { 9733 $toggle.trigger('click'); 9734 } 9735 }); 9736 9737 $(document).on('keydown.mobileMenu', function (e) { 9738 if (e.key !== 'Escape') return; 9739 if (!$('.header-wrapper').hasClass('is-mobile-active')) return; 9740 e.preventDefault(); 9741 if ($toggle.hasClass('is-active')) { 9742 $toggle.trigger('click'); 9743 } 9744 }); 9745 9746 $('.mobile-menu__tab[data-mobile-tab]').on('click', function () { 9747 activateMobileTab($(this).data('mobile-tab')); 9748 }); 9749 9750 $('.mobile-menu__tab[data-mobile-tab]').on('keydown', function (e) { 9751 if (e.key !== 'ArrowLeft' && e.key !== 'ArrowRight') return; 9752 e.preventDefault(); 9753 const cur = $(this).data('mobile-tab'); 9754 if (e.key === 'ArrowLeft' && cur === 'learn') { 9755 activateMobileTab('shop'); 9756 $('.mobile-menu__tab--shop').trigger('focus'); 9757 } 9758 if (e.key === 'ArrowRight' && cur === 'shop') { 9759 activateMobileTab('learn'); 9760 $('.mobile-menu__tab--learn').trigger('focus'); 9761 } 9762 }); 9763 9764 $('#nav-icon3').on('click', function () { 9765 $(this).toggleClass('open'); 9766 }); 9767 9768 $('[js-mobile-menu-close]').on('click', function (e) { 9769 e.preventDefault(); 9770 $('#nav-icon3').trigger('click'); 9771 }); 9772 }); 9773</script>
9773 9774</header> 9775
9776<script type="text/javascript"> 9777 $(document).ready(function () { 9778 const handleScrollOnHeader = () => { 9779 const y = document.documentElement.scrollTop || document.body.scrollTop; 9780 const $headerWrapper = $('.header-wrapper'); 9781 const isTransparent = $headerWrapper.attr('color-theme') === 'transparent'; 9782 if (y < 10) { 9783 $headerWrapper.removeClass('is-active'); 9784 if (isTransparent) { 9785 $headerWrapper.addClass('tw-bg-transparent'); 9786 } 9787 } else { 9788 $headerWrapper.addClass('is-active'); 9789 if (isTransparent) { 9790 $headerWrapper.removeClass('tw-bg-transparent'); 9791 } 9792 } 9793 }; 9794 9795 $(window).on('scroll', handleScrollOnHeader); 9796 handleScrollOnHeader(); 9797 }); 9798</script>
9798 9799
9800<script type="application/ld+json"> 9801 { 9802 "@context": "http://schema.org", 9803 "@type": "Organization", 9804 "name": "OLIPOP", 9805 9806 9807 "logo": "https:\/\/drinkolipop.com\/cdn\/shop\/files\/OlipopLogo_1_560x.png?v=1778767782", 9808 9809 "sameAs": [ 9810 "https:\/\/twitter.com\/drinkolipop", 9811 "https:\/\/www.facebook.com\/drinkolipop", 9812 "https:\/\/www.pinterest.com\/drinkolipop\/", 9813 "https:\/\/www.instagram.com\/drinkolipop\/", 9814 "", 9815 "", 9816 "https:\/\/www.youtube.com\/@OLIPOP", 9817 "" 9818 ], 9819 "url": "https:\/\/drinkolipop.com" 9820 } 9821</script>
9821 9822 9823 9824 9825 9826</div> 9827<!-- END sections: header-group --> 9828 9829
9829<script> 9830 const headerGroup = document.querySelector('#shopify-section-header'); 9831 function setHeaderGroupVars() { 9832 document.documentElement.style.setProperty( 9833 '--header-group-bottom-position', 9834 headerGroup.getBoundingClientRect().bottom + 'px' 9835 ); 9836 } 9837 setTimeout(setHeaderGroupVars, 1000); 9838 window.addEventListener('resize', setHeaderGroupVars); 9839 </script>
9839 9840 </section> 9841 <div class="page-container drawer-page-content" id="PageContainer" role="main"> 9842 <div 9843 class="main-content js-focus-hidden" 9844 id="MainContent" 9845 tabindex="-1" 9846 > 9847 <section id="shopify-section-template--24009561342111__collection_hybrid_meta_ALe7xC" class="shopify-section section-collection-hybrid-meta"> 9848<style> 9849 #shopify-section-template--24009561342111__collection_hybrid_meta_ALe7xC { 9850 9851 9852 --min-height-desktop: unset; 9853 --min-height-tablet: unset; 9854 --min-height-mobile: unset; 9855 --hybrid-header-color: #14433D; 9856 --clp-hero-overlap: var(--site-header-height, 64px); 9857 9858 --clp-jump-links-bar-height: 56px; 9859 --clp-anchor-offset: 0px; 9860 } 9861 9862 9863 9864 @media (min-width: 1024px) { 9865 #shopify-section-template--24009561342111__collection_hybrid_meta_ALe7xC { 9866 9867 } 9868 } 9869 9870 /* Header offset comes from html { scroll-padding-top }. Groups only need jump bar + gap. */ 9871 #shopify-section-template--24009561342111__collection_hybrid_meta_ALe7xC .collection-hybrid-meta .collection-group { 9872 scroll-margin-top: 0; 9873 } 9874 9875 #shopify-section-template--24009561342111__collection_hybrid_meta_ALe7xC .collection-hybrid-meta__group--with-divider { 9876 border-bottom: 1px solid var(--Evergreen-og-vanilla, #F3E4CD); 9877 } 9878 9879 @media screen and (max-width: 750px) { 9880 #shopify-section-template--24009561342111__collection_hybrid_meta_ALe7xC .collection-hybrid-meta__group--with-divider { 9881 padding-bottom: 1rem !important; 9882 margin-right: 20px; 9883 margin-left: 20px; 9884 padding-right: 0; 9885 padding-left: 0; 9886 } 9887 } 9888 9889 #shopify-section-template--24009561342111__collection_hybrid_meta_ALe7xC .collection-hybrid-meta .clp-jump-link { 9890 display: inline-flex; 9891 align-items: center; 9892 justify-content: center; 9893 flex-shrink: 0; 9894 cursor: pointer; 9895 border-radius: 9999px; 9896 padding: 8px 20px 6px; 9897 font-size: 14px; 9898 font-weight: 600; 9899 line-height: 1.2; 9900 text-decoration: none; 9901 white-space: nowrap; 9902 box-shadow: 0 0 0 1.5px #14433d; 9903 background-color: transparent; 9904 color: #14433d; 9905 transition: 9906 background-color 0.15s ease, 9907 color 0.15s ease, 9908 border-color 0.15s ease; 9909 } 9910 9911 #shopify-section-template--24009561342111__collection_hybrid_meta_ALe7xC .collection-hybrid-meta .clp-jump-link--active { 9912 background-color: #14433d; 9913 color: #fff; 9914 font-weight: 700; 9915 border-color: #14433d; 9916 } 9917 9918 #shopify-section-template--24009561342111__collection_hybrid_meta_ALe7xC .collection-hybrid-meta .clp-jump-link:hover { 9919 background-color: #14433d; 9920 color: #fff; 9921 font-weight: 700; 9922 border-color: #14433d; 9923 } 9924 9925 #shopify-section-template--24009561342111__collection_hybrid_meta_ALe7xC .collection-hybrid-meta .clp-jump-links.is-stuck .clp-jump-links-scroll { 9926 border-top: 1px solid var(--Evergreen-og-vanilla, #F3E4CD); 9927 background: var(--evergreen-web-vanilla-50, #FFFBF5); 9928 box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.05) inset; 9929 } 9930 9931 /* Pin bar during programmatic scroll so position:sticky cannot engage mid-animation */ 9932 #shopify-section-template--24009561342111__collection_hybrid_meta_ALe7xC .collection-hybrid-meta .clp-jump-links.clp-jump-links--jump-scrolling { 9933 position: fixed !important; 9934 left: 0; 9935 right: 0; 9936 width: 100%; 9937 top: var(--clp-sticky-top, var(--site-header-height, 64px)); 9938 z-index: 30; 9939 } 9940 9941 #shopify-section-template--24009561342111__collection_hybrid_meta_ALe7xC .collection-hybrid-meta .clp-jump-links.clp-jump-links--jump-scrolling .clp-jump-links-scroll { 9942 border-top: 1px solid var(--Evergreen-og-vanilla, #F3E4CD); 9943 background: var(--evergreen-web-vanilla-50, #FFFBF5); 9944 box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.05) inset; 9945 } 9946 9947 /* From top of page: fixed bar stays hidden until scroll has started */ 9948 #shopify-section-template--24009561342111__collection_hybrid_meta_ALe7xC .collection-hybrid-meta .clp-jump-links.clp-jump-links--jump-scrolling.clp-jump-links--jump-scrolling-hidden { 9949 visibility: hidden; 9950 pointer-events: none; 9951 } 9952 9953 #shopify-section-template--24009561342111__collection_hybrid_meta_ALe7xC .clp-jump-links-spacer { 9954 display: none; 9955 width: 100%; 9956 pointer-events: none; 9957 } 9958 9959 #shopify-section-template--24009561342111__collection_hybrid_meta_ALe7xC .clp-jump-links-spacer.is-active { 9960 display: block; 9961 } 9962 9963 body.clp-jump-links-shadow-active #shopify-section-header .header-wrapper.is-active { 9964 box-shadow: none; 9965 } 9966 9967 #shopify-section-template--24009561342111__collection_hybrid_meta_ALe7xC .collection-hybri
9967d-meta .clp-jump-link:focus-visible { 9968 outline: 2px solid #14433d; 9969 outline-offset: 2px; 9970 } 9971 9972 .collection-hybrid-meta .clp-jump-links-scroll { 9973 -webkit-overflow-scrolling: touch; 9974 scrollbar-width: thin; 9975 } 9976 9977 /* When the jump links don't overflow (mobile only), center them in the scroll viewport. */ 9978 @media (max-width: 1023px) { 9979 #shopify-section-template--24009561342111__collection_hybrid_meta_ALe7xC .collection-hybrid-meta .clp-jump-links-scroll--centered { 9980 display: flex; 9981 justify-content: center; 9982 } 9983 } 9984 9985 9986 #shopify-section-template--24009561342111__collection_hybrid_meta_ALe7xC .collection-hybrid-hero { 9987 margin-top: calc(0px - var(--clp-hero-overlap, var(--site-header-height, 64px))); 9988 } 9989 9990 #shopify-section-template--24009561342111__collection_hybrid_meta_ALe7xC .collection-hybrid-hero__content { 9991 width: 50%; 9992 max-width: 100%; 9993 padding-top: calc(var(--clp-hero-overlap, var(--site-header-height, 64px)) + 8px); 9994 padding-left: 20px; 9995 padding-right: 20px; 9996 gap: 8px; 9997 } 9998 9999 @media (min-width: 1024px) { 10000 #shopify-section-template--24009561342111__collection_hybrid_meta_ALe7xC .collection-hybrid-hero__content { 10001 max-width: 40%; 10002 padding-top: calc(var(--clp-hero-overlap, var(--site-header-height, 64px)) + 48px); 10003 padding-left: 60px; 10004 padding-right: 0; 10005 gap: 16px; 10006 } 10007 } 10008 10009 10010 @media (max-width: 767px) { 10011 #shopify-section-template--24009561342111__collection_hybrid_meta_ALe7xC .collection-hybrid-hero__content { 10012 width: 100%; 10013 } 10014 } 10015 10016 #shopify-section-template--24009561342111__collection_hybrid_meta_ALe7xC .collection-hybrid-hero__title { 10017 color: var(--Evergreen-bottle, #034638); 10018 font-size: 56px; 10019 font-style: normal; 10020 font-weight: 800; 10021 line-height: 110%; 10022 } 10023 10024 @media (min-width: 1024px) { 10025 #shopify-section-template--24009561342111__collection_hybrid_meta_ALe7xC .collection-hybrid-hero__title { 10026 font-size: 80px; 10027 } 10028 } 10029 10030 #shopify-section-template--24009561342111__collection_hybrid_meta_ALe7xC .collection-hybrid-hero__description { 10031 color: var(--Evergreen-bottle, #034638); 10032 font-size: 20px; 10033 font-style: normal; 10034 font-weight: 400; 10035 line-height: 180%; 10036 } 10037 10038 #shopify-section-template--24009561342111__collection_hybrid_meta_ALe7xC .collection-hybrid-hero__description p { 10039 color: inherit; 10040 font-size: inherit; 10041 line-height: inherit; 10042 margin: 0; 10043 } 10044 10045 @media (max-width: 767px) { 10046 #shopify-section-template--24009561342111__collection_hybrid_meta_ALe7xC .collection-hybrid-hero__description { 10047 font-size: 16px; 10048 } 10049 } 10050 10051 #shopify-section-template--24009561342111__collection_hybrid_meta_ALe7xC .collection-hybrid-hero__subtitle-pill { 10052 display: inline-flex; 10053 height: 32px; 10054 padding: 8px 16px; 10055 justify-content: center; 10056 align-items: center; 10057 gap: 4px; 10058 border-radius: 48px; 10059 background: var(--Evergreen-web-jade, #008168); 10060 color: #fff; 10061 font-size: 14px; 10062 font-style: normal; 10063 font-weight: 600; 10064 line-height: 1; 10065 } 10066 10067 #shopify-section-template--24009561342111__collection_hybrid_meta_ALe7xC .collection-hybrid-hero__subtitle-icon { 10068 display: inline-block; 10069 width: 16px; 10070 height: 16px; 10071 flex-shrink: 0; 10072 background-color: #fff; 10073 -webkit-mask-image: var(--hero-subtitle-icon-url); 10074 -webkit-mask-position: center; 10075 -webkit-mask-repeat: no-repeat; 10076 -webkit-mask-size: contain; 10077 mask-image: var(--hero-subtitle-icon-url); 10078 mask-position: center; 10079 mask-repeat: no-repeat; 10080 mask-size: contain; 10081 } 10082 10083 #shopify-section-template--24009561342111__collection_hybrid_meta_ALe7xC .collection-hybrid-meta-empty-hero .collection-hybrid-hero__content { 10084 padding-right: 1.25rem; 10085 padding-bottom: 0; 10086 padding-left: 1.25rem; 10087 display: flex; 10088 align-items: center; 10089 justify-content: center; 10090 margin: 0 auto; 10091 text-align: center; 10092 width: 100%; 10093 max-width: 100%; 10094 } 10095 10096 #shopify-section-template--24009561342111__collection_hybrid_meta_ALe7xC .collection-hybrid-meta-empty-hero .collection-hybri
10096d-hero__content h1 { 10097 text-align: center; 10098 } 10099 10100 @media (max-width: 1023px) { 10101 #shopify-section-template--24009561342111__collection_hybrid_meta_ALe7xC .collection-description-lower { 10102 font-size: 16px; 10103 line-height: 180%; 10104 padding: 40px 30px 0; 10105 display: block; 10106 } 10107 } 10108 10109 @media (min-width: 1024px) { 10110 #shopify-section-template--24009561342111__collection_hybrid_meta_ALe7xC .collection-description-lower { 10111 font-size: 18px; 10112 line-height: 180%; 10113 padding: 60px 40px 0px 40px; 10114 display: block; 10115 } 10116 } 10117</style> 10118 10119<div class="collection-hybrid-meta tw-relative" style="background-color: #FFF6EA;"> 10120 <div 10121 class="collection-hybrid-hero collection-hybrid-meta-empty-hero section-collection-hero tw-relative tw-flex tw-w-full tw-flex-col tw-items-center tw-justify-start tw-overflow-hidden tw-min-h-[var(--min-height-mobile)] md:tw-min-h-[var(--min-height-tablet)] lg:tw-min-h-[var(--min-height-desktop)] md:tw-items-start " 10122 style="background: #FFF6EA;" 10123 ><div class="tw-max-w-[1440px] tw-mx-auto tw-w-full "> 10124 <div 10125 class="collection-hybrid-hero__content tw-relative tw-z-[2] tw-flex tw-flex-col tw-items-center tw-self-start tw-text-center md:tw-items-start md:tw-text-left tw-pb-16 lg:tw-pb-20" 10126 ><h1 class="collection-hybrid-hero__title tw-font-display tw-text-center md:tw-text-left "> 10127 9g fiber 10128 </h1><div class=" "> 10129 <span class="collection-hybrid-hero__subtitle-pill"><span>Keep refrigerated</span><span 10130 class="collection-hybrid-hero__subtitle-icon" 10131 style="--hero-subtitle-icon-url: url('//drinkolipop.com/cdn/shop/files/Icons_3.svg?v=1776439621&width=32');" 10132 aria-hidden="true" 10133 ></span></span> 10134 </div><div class="collection-hybrid-hero__description tw-text-center md:tw-text-left [&_a]:tw-text-hunter-green [&_a]:tw-underline "> 10135 <span class="metafield-multi_line_text_field">Our original refrigerated formula, with higher fiber per can to get more out of every sip.</span> 10136 </div></div> 10137 </div> 10138 10139 </div> 10140 10141 10142 10143 10144 <div class="collection-hybrid-meta__list lg:tw-pb-[120px] tw-pb-[60px]" style="background-color: #FFF6EA;"><div class="tw-mx-auto"> 10145 <div class=""><div class="collection-group--non-multi collection-group collection-group--first tw-py-[60px] lg:tw-py-[7.5rem] tw-px-5 lg:tw-px-25"> 10146 <div class="collection-group-inner tw-mx-auto" style="max-width: 1320px;"> 10147 <div class="collection-group-grid tw-pb-10 lg:tw-pb-[10px]"> 10148 10149 10150 10151 10152 10153 10154 10155 10156 10157 10158 10159 10160 10161 10162 10163 10164 10165 10166 10167 10168 10169 10170 10171 10172 10173 10174 10175 10176 10177 10178 10179<div 10180 class="product-card tw-relative tw-group tw-grid tw-h-full tw-w-full tw-overflow-visible focus:tw-ring-2" 10181 style="grid-template-rows: max-content 1fr" 10182> 10183 10184 10185 <div 10186 class="product-badge product-badge--short-text" 10187 role="status" 10188 aria-label="New" 10189 > 10190 <svg class="product-badge__shape" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 72 72" fill="none" aria-hidden="true"> 10191 <path d="M33.6354 1.15556C34.8423 -0.385184 37.1577 -0.385187 38.3646 1.15556L42.852 6.8839C43.6453 7.89657 44.9853 8.29373 46.195 7.87473L53.0381 5.5046C54.8787 4.86711 56.8265 6.13068 57.0166 8.0855L57.7235 15.3533C57.8485 16.6382 58.763 17.7036 60.0051 18.0113L67.0313 19.7519C68.9212 20.22 69.883 22.346 68.996 24.0942L65.698 30.5941C65.1149 31.7432 65.3137 33.1385 66.1938 34.0752L71.1724 39.3739C72.5115 40.7991 72.1819 43.1125 70.4993 44.0991L64.2435 47.7673C63.1376 48.4158 62.5575 49.6981 62.7962 50.9664L64.1464 58.1409C64.5096 60.0706 62.9933 61.8369 61.0494 61.7487L53.822 61.4206C52.5443 61.3626 51.3694 62.1248 50.8909 63.322L48.1842 70.0944C47.4562 71.916 45.2346 72.5745 43.6465 71.4394L37.7421 67.2192C36.6983 66.4731 35.3017 66.4731 34.2579 67.2192L28.3535 71.4394C26.7655 72.5745 24.5438 71.916 23.8158 70.0944L21.1091 63.322C20.6306 62.1248 19.4557 61.3626 18.178 61.4206L10.9506 61.7487C9.00666 61.8369 7.4904 60.0706 7.85357 58.1409L9.20384 50.9664C9.44255 49.6981 8.86239 48.4158 7.75647 47.7673L1.50067 44.0991C-0.181946 43.1125 -0.511462 40.7991 0.827617 39.3739L5.80619 34.0752C6.68632 33.1385 6.88508 31.7432 6.30204 30.5941L3.004
1019103 24.0942C2.11697 22.346 3.07881 20.22 4.96864 19.7519L11.9949 18.0113C13.237 17.7036 14.1515 16.6382 14.2765 15.3533L14.9834 8.08551C15.1735 6.13069 17.1213 4.86711 18.9619 5.5046L25.805 7.87473C27.0147 8.29373 28.3547 7.89657 29.148 6.8839L33.6354 1.15556Z" fill="#98E1C3"/> 10192 </svg> 10193 <span class="product-badge__text" style="color: #034638;">New</span> 10194 </div> 10195 10196 10197 10198 <!-- Image Container --> 10199 <div class="tw-relative tw-w-full"> 10200 <a 10201 href="/products/caramel-apple" 10202 10203 aria-label="Shop Now- Caramel Apple" 10204 class="tw-block tw-relative tw-mx-auto tw-w-full tw-max-w-[314px] tw-aspect-square tw-overflow-hidden tw-rounded-2xl" 10205 > 10206 10207 10208 <div class="tw-relative tw-z-[1] tw-mx-auto tw-flex tw-h-full tw-w-full tw-items-center tw-justify-center"> 10209 10210<img 10211 src="//drinkolipop.com/cdn/shop/files/caramel-apple-9g-olipop_gallery-image_single-can_new_asset_1x.webp?v=1788145122" 10212 data-srcset="//drinkolipop.com/cdn/shop/files/caramel-apple-9g-olipop_gallery-image_single-can_new_asset_480x.webp?v=1788145122 240w, 10213 //drinkolipop.com/cdn/shop/files/caramel-apple-9g-olipop_gallery-image_single-can_new_asset_720x.webp?v=1788145122 360w, 10214 //drinkolipop.com/cdn/shop/files/caramel-apple-9g-olipop_gallery-image_single-can_new_asset_1080x.webp?v=1788145122 540w, 10215 //drinkolipop.com/cdn/shop/files/caramel-apple-9g-olipop_gallery-image_single-can_new_asset_1440x.webp?v=1788145122 720w, 10216 //drinkolipop.com/cdn/shop/files/caramel-apple-9g-olipop_gallery-image_single-can_new_asset_1350x.webp?v=1788145122 900w, 10217 //drinkolipop.com/cdn/shop/files/caramel-apple-9g-olipop_gallery-image_single-can_new_asset_1512x.webp?v=1788145122 1080w, 10218 //drinkolipop.com/cdn/shop/files/caramel-apple-9g-olipop_gallery-image_single-can_new_asset_1728x.webp?v=1788145122 1296w, 10219 //drinkolipop.com/cdn/shop/files/caramel-apple-9g-olipop_gallery-image_single-can_new_asset_1920x.webp?v=1788145122 1350w, 10220 //drinkolipop.com/cdn/shop/files/caramel-apple-9g-olipop_gallery-image_single-can_new_asset_1980x.webp?v=1788145122 1728w, 10221 //drinkolipop.com/cdn/shop/files/caramel-apple-9g-olipop_gallery-image_single-can_new_asset_2160x.webp?v=1788145122 1920w, 10222 //drinkolipop.com/cdn/shop/files/caramel-apple-9g-olipop_gallery-image_single-can_new_asset_2880x.webp?v=1788145122 2560w, 10223 //drinkolipop.com/cdn/shop/files/caramel-apple-9g-olipop_gallery-image_single-can_new_asset_4096x.webp?v=1788145122 3072w 10224 " 10225 data-src="//drinkolipop.com/cdn/shop/files/caramel-apple-9g-olipop_gallery-image_single-can_new_asset_360x.webp?v=1788145122" 10226 data-optimumx="auto" 10227 data-sizes="auto" 10228 data-parent-fit="contain" 10229 width="100%" 10230 height="100%" 10231 class="lazyload tw-h-full tw-w-full tw-object-contain" 10232 data-aspectratio="0.7556675062972292" 10233 alt="Caramel Apple" 10234 10235> 10236 10237 </div> 10238 10239 10240 <div class="tw-pointer-events-none tw-absolute tw-inset-0 tw-z-[2] tw-hidden lg:tw-block" data-hover-wave-card> 10241 <div class="tw-absolute tw-inset-0 tw-flex tw-items-end tw-overflow-hidden"> 10242 <div class="tw-relative tw-h-full tw-w-full"> 10243 <div class="tw-absolute tw-inset-x-0 tw-bottom-0 tw-h-full tw-overflow-hidden"> 10244 <svg 10245 class="tw-h-full tw-w-full"
10246 viewBox="0 0 314 314" 10247 fill="none" 10248 xmlns="http://www.w3.org/2000/svg" 10249 xmlns:xlink="http://www.w3.org/1999/xlink" 10250 preserveAspectRatio="xMidYMid meet" 10251 > 10252 <defs> 10253 <clipPath id="clip-hover-wave-10910759354527-template--24009561342111__collection_hybrid_meta_ALe7xC" clipPathUnits="userSpaceOnUse"> 10254 <path 10255 data-hover-wave-path 10256 d="M314 314H0.000422459L0.00012756 318.4565C-0.0456402 318.419 62.4 300.8566 157 340.0583C251.6 379.2601 314 314.4565 314 314.4565V314Z" 10257 /> 10258 </clipPath> 10259 </defs> 10260 <image 10261 href="//drinkolipop.com/cdn/shop/files/caramel-apple-9g-olipop_collection-hover_MW.webp?v=1788966694&width=1440" 10262 xlink:href="//drinkolipop.com/cdn/shop/files/caramel-apple-9g-olipop_collection-hover_MW.webp?v=1788966694&width=1440" 10263 x="0" 10264 y="0" 10265 width="314" 10266 height="314" 10267 preserveAspectRatio="xMidYMax slice" 10268 clip-path="url(#clip-hover-wave-10910759354527-template--24009561342111__collection_hybrid_meta_ALe7xC)" 10269 /> 10270 </svg> 10271 </div> 10272 </div> 10273 </div> 10274 </div> 10275 10276 </a> 10277 10278 10279 <div class="tw-pointer-events-none tw-absolute tw-inset-x-0 tw-bottom-4 tw-z-[4] tw-hidden tw-px-4 lg:tw-flex lg:group-hover:tw-flex"> 10280 10281 <form method="post" action="/cart/add" data-product-card-cta data-variant-id="62787700621471" data-quantity="1" class="tw-pointer-events-auto tw-w-full tw-opacity-0 tw-transition-opacity tw-duration-300 group-hover:tw-opacity-100"> 10282 <input type="hidden" name="id" value="62787700621471"> 10283 <input type="hidden" name="quantity" value="1"> 10284 <button 10285 type="submit" 10286 name="add" 10287 data-add-to-cart 10288 data-product-card-cta 10289 aria-label="Add 12 Pack- Caramel Apple" 10290 class="tw-inline-flex tw-w-full tw-items-center tw-justify-center tw-rounded-[50px] tw-border-0 tw-bg-[#034638] hover:tw-bg-[#0A3128] tw-px-5 tw-pt-[3px] tw-pb-[1px] tw-text-center tw-font-body tw-text-[14px] tw-font-bold tw-leading-[180%] tw-text-white tw-shadow-none tw-outline-none hover:tw-text-white focus:tw-text-white active:tw-text-white focus:tw-outline-none focus:tw-ring-0 active:tw-ring-0 active:tw-shadow-none" 10291 > 10292 Add 12 Pack 10293 </button> 10294 </form> 10295 10296 </div> 10297 </div> 10298 <!-- ./End Image Container --> 10299 10300 <!-- Text Container --> 10301 <div class="tw-row-span-1 tw-row-start-2 tw-flex tw-w-full tw-flex-col tw-items-center tw-px-3 tw-pb-6 tw-pt-4 tw-text-center md:tw-px-5"> 10302 10303 10304 <p class="tw-min-h-[25px] tw-font-body tw-text-[14px] tw-font-normal tw-leading-[180%] tw-text-[#0A3128] tw-mt-[3px]"> 10305 10306 9g Fiber 10307 10308 </p> 10309 10310 <p class="tw-text-[16px] tw-leading-[140%]" role="heading" aria-level="3"> 10311 <a href="/products/caramel-apple" aria-label="Shop Now- Caramel Apple" class="tw-relative tw-z-[4] tw-inline-block tw-font-body tw-text-[16
10311px] tw-font-bold tw-leading-[140%] tw-text-[#034638]"> 10312 Caramel Apple 10313 </a> 10314 </p> 10315 10316 10317 <form method="post" action="/cart/add" data-product-card-cta data-variant-id="62787700621471" data-quantity="1" class="tw-relative tw-z-[4] tw-mt-2 tw-w-full tw-max-w-[120px] md:tw-max-w-[70%] lg:tw-hidden"> 10318 <input type="hidden" name="id" value="62787700621471"> 10319 <input type="hidden" name="quantity" value="1"> 10320 <button 10321 type="submit" 10322 name="add" 10323 data-add-to-cart 10324 data-product-card-cta 10325 aria-label="Add 12 Pack- Caramel Apple" 10326 class="tw-inline-flex tw-w-full tw-items-center tw-justify-center tw-rounded-[50px] tw-border-0 tw-bg-[#034638] hover:tw-bg-[#0A3128] tw-px-5 tw-pt-[3px] tw-pb-[1px] tw-text-center tw-font-body tw-text-[14px] tw-font-bold tw-leading-[180%] tw-text-white tw-shadow-none tw-outline-none hover:tw-text-white focus:tw-text-white active:tw-text-white focus:tw-outline-none focus:tw-ring-0 active:tw-ring-0 active:tw-shadow-none" 10327 > 10328 Add 12 Pack 10329 </button> 10330 </form> 10331 10332 </div> 10333 <!-- ./End Text Container --> 10334</div> 10335 10336 10337 10338 10339 10340 10341 10342 10343 10344 10345 10346 10347 10348 10349 10350 10351 10352 10353 10354 10355 10356 10357 10358 10359 10360 10361 10362 10363 10364 10365 10366 10367 10368<div 10369 class="product-card tw-relative tw-group tw-grid tw-h-full tw-w-full tw-overflow-visible focus:tw-ring-2" 10370 style="grid-template-rows: max-content 1fr" 10371> 10372 10373 10374 10375 10376 <!-- Image Container --> 10377 <div class="tw-relative tw-w-full"> 10378 <a 10379 href="/products/blackberry-vanilla" 10380 10381 aria-label="Shop Now- Blackberry Vanilla" 10382 class="tw-block tw-relative tw-mx-auto tw-w-full tw-max-w-[314px] tw-aspect-square tw-overflow-hidden tw-rounded-2xl" 10383 > 10384 10385 10386 <div class="tw-relative tw-z-[1] tw-mx-auto tw-flex tw-h-full tw-w-full tw-items-center tw-justify-center"> 10387 10388<img 10389 src="//drinkolipop.com/cdn/shop/files/blackberry-vanilla-9g-olipop_gallery-image_single-can_new_asset_1x.webp?v=1779162450" 10390 data-srcset="//drinkolipop.com/cdn/shop/files/blackberry-vanilla-9g-olipop_gallery-image_single-can_new_asset_480x.webp?v=1779162450 240w, 10391 //drinkolipop.com/cdn/shop/files/blackberry-vanilla-9g-olipop_gallery-image_single-can_new_asset_720x.webp?v=1779162450 360w, 10392 //drinkolipop.com/cdn/shop/files/blackberry-vanilla-9g-olipop_gallery-image_single-can_new_asset_1080x.webp?v=1779162450 540w, 10393 //drinkolipop.com/cdn/shop/files/blackberry-vanilla-9g-olipop_gallery-image_single-can_new_asset_1440x.webp?v=1779162450 720w, 10394 //drinkolipop.com/cdn/shop/files/blackberry-vanilla-9g-olipop_gallery-image_single-can_new_asset_1350x.webp?v=1779162450 900w, 10395 //drinkolipop.com/cdn/shop/files/blackberry-vanilla-9g-olipop_gallery-image_single-can_new_asset_1512x.webp?v=1779162450 1080w, 10396 //drinkolipop.com/cdn/shop/files/blackberry-vanilla-9g-olipop_gallery-image_single-can_new_asset_1728x.webp?v=1779162450 1296w, 10397 //drinkolipop.com/cdn/shop/files/blackberry-vanilla-9g-olipop_gallery-image_single-can_new_asset_1920x.webp?v=1779162450 1350w, 10398 //drinkolipop.com/cdn/shop/files/blackberry-vanilla-9g-olipop_gallery-image_single-can_new_asset_1980x.webp?v=1779162450 1728w, 10399 //drinkolipop.com/cdn/shop/files/blackberry-vanilla-9g-olipop_gallery-image_single-can_new_asset_2160x.webp?v=1779162450 1920w, 10400 //drinkolipop.com/cdn/shop/files/blackberry-vanilla-9g-olipop_gallery-image_single-can_new_asset_2880x.webp?v=1779162450 2560w, 10401 //drinkolipop.com/cdn/shop/files/blackberry-vanilla-9g-olipop_gallery-image_single-can_new_asset_4096x.webp?v=1779162450 3072w 10402 " 10403 data-src="//drinkolipop.com/cdn/shop/files/blackberry-vanilla-9g-olipop_gallery-image_single-can_new_asset_360x.webp?v=1779162450" 10404 data-optimumx="auto" 10405 data-sizes="auto" 10406 data-parent-fit="contain" 10407 width="100%" 10408 height="100%" 10409 class="lazyload tw-h-full tw-w-full tw-object-contain" 10410 data-aspectratio="0.7605263157894737" 10411 alt="Blackberry Vanilla" 10412 10413> 10414 10415 </div> 10416 10417 10418 <div class="tw-pointer-events-none tw-absolute tw-inset-0 tw-z-[2] tw-hidden lg:tw-block" data-hover-wave-card> 10419 <div class="tw-absolute tw-inset-0 tw-flex tw-items-end tw-overflow-hidden"> 10420 <div class="tw-relative tw-h-full tw-w-full"> 10421 <div class="tw-absolute tw-inset-x-0 tw-bottom-0 tw-h-full tw-overflow-hidden"> 10422 <svg 10423 class="tw-h-full tw-w-full"
10424 viewBox="0 0 314 314" 10425 fill="none" 10426 xmlns="http://www.w3.org/2000/svg" 10427 xmlns:xlink="http://www.w3.org/1999/xlink" 10428 preserveAspectRatio="xMidYMid meet" 10429 > 10430 <defs> 10431 <clipPath id="clip-hover-wave-5871016640671-template--24009561342111__collection_hybrid_meta_ALe7xC" clipPathUnits="userSpaceOnUse"> 10432 <path 10433 data-hover-wave-path 10434 d="M314 314H0.000422459L0.00012756 318.4565C-0.0456402 318.419 62.4 300.8566 157 340.0583C251.6 379.2601 314 314.4565 314 314.4565V314Z" 10435 /> 10436 </clipPath> 10437 </defs> 10438 <image 10439 href="//drinkolipop.com/cdn/shop/files/BV-PDP-Horizontal-Desktop_new_asset.webp?v=1779162608&width=1440" 10440 xlink:href="//drinkolipop.com/cdn/shop/files/BV-PDP-Horizontal-Desktop_new_asset.webp?v=1779162608&width=1440" 10441 x="0" 10442 y="0" 10443 width="314" 10444 height="314" 10445 preserveAspectRatio="xMidYMax slice" 10446 clip-path="url(#clip-hover-wave-5871016640671-template--24009561342111__collection_hybrid_meta_ALe7xC)" 10447 /> 10448 </svg> 10449 </div> 10450 </div> 10451 </div> 10452 </div> 10453 10454 </a> 10455 10456 10457 <div class="tw-pointer-events-none tw-absolute tw-inset-x-0 tw-bottom-4 tw-z-[4] tw-hidden tw-px-4 lg:tw-flex lg:group-hover:tw-flex"> 10458 10459 <form method="post" action="/cart/add" data-product-card-cta data-variant-id="37114287784095" data-quantity="1" class="tw-pointer-events-auto tw-w-full tw-opacity-0 tw-transition-opacity tw-duration-300 group-hover:tw-opacity-100"> 10460 <input type="hidden" name="id" value="37114287784095"> 10461 <input type="hidden" name="quantity" value="1"> 10462 <button 10463 type="submit" 10464 name="add" 10465 data-add-to-cart 10466 data-product-card-cta 10467 aria-label="Add 12 Pack- Blackberry Vanilla" 10468 class="tw-inline-flex tw-w-full tw-items-center tw-justify-center tw-rounded-[50px] tw-border-0 tw-bg-[#034638] hover:tw-bg-[#0A3128] tw-px-5 tw-pt-[3px] tw-pb-[1px] tw-text-center tw-font-body tw-text-[14px] tw-font-bold tw-leading-[180%] tw-text-white tw-shadow-none tw-outline-none hover:tw-text-white focus:tw-text-white active:tw-text-white focus:tw-outline-none focus:tw-ring-0 active:tw-ring-0 active:tw-shadow-none" 10469 > 10470 Add 12 Pack 10471 </button> 10472 </form> 10473 10474 </div> 10475 </div> 10476 <!-- ./End Image Container --> 10477 10478 <!-- Text Container --> 10479 <div class="tw-row-span-1 tw-row-start-2 tw-flex tw-w-full tw-flex-col tw-items-center tw-px-3 tw-pb-6 tw-pt-4 tw-text-center md:tw-px-5"> 10480 10481 <div class="tw-flex tw-min-h-[16px] tw-items-center tw-justify-center"> 10482 <div 10483 data-bv-show="inline_rating" 10484 data-bv-product-id="5871016640671" 10485 class="bazaarvoice-product-summary bazaarvoice-product-summary--big product-card__inline-rating" 10486 ></div> 10487 </div> 10488 10489 10490 <p class="tw-min-h-[25px] tw-font-body tw-text-[14px] tw-font-normal tw-leading-[180%] tw-text-[#0A3128] tw-mt-[3px]"> 10491 10492 9g Fiber 10493 10494 </p> 10495 10496 <p class="tw-text-[16px] tw-leading-[140%]" role="heading" aria-level="3"> 10497 <a href="/products/blackberry-vanilla" aria-label="Shop Now- Blackberry Vanilla" class="tw-relative tw-z-[4] tw-inline-block tw-font-body tw-text-[16
10497px] tw-font-bold tw-leading-[140%] tw-text-[#034638]"> 10498 Blackberry Vanilla 10499 </a> 10500 </p> 10501 10502 10503 <form method="post" action="/cart/add" data-product-card-cta data-variant-id="37114287784095" data-quantity="1" class="tw-relative tw-z-[4] tw-mt-2 tw-w-full tw-max-w-[120px] md:tw-max-w-[70%] lg:tw-hidden"> 10504 <input type="hidden" name="id" value="37114287784095"> 10505 <input type="hidden" name="quantity" value="1"> 10506 <button 10507 type="submit" 10508 name="add" 10509 data-add-to-cart 10510 data-product-card-cta 10511 aria-label="Add 12 Pack- Blackberry Vanilla" 10512 class="tw-inline-flex tw-w-full tw-items-center tw-justify-center tw-rounded-[50px] tw-border-0 tw-bg-[#034638] hover:tw-bg-[#0A3128] tw-px-5 tw-pt-[3px] tw-pb-[1px] tw-text-center tw-font-body tw-text-[14px] tw-font-bold tw-leading-[180%] tw-text-white tw-shadow-none tw-outline-none hover:tw-text-white focus:tw-text-white active:tw-text-white focus:tw-outline-none focus:tw-ring-0 active:tw-ring-0 active:tw-shadow-none" 10513 > 10514 Add 12 Pack 10515 </button> 10516 </form> 10517 10518 </div> 10519 <!-- ./End Text Container --> 10520</div> 10521 10522 10523 10524 10525 10526 10527 10528 10529 10530 10531 10532 10533 10534 10535 10536 10537 10538 10539 10540 10541 10542 10543 10544 10545 10546 10547 10548 10549 10550 10551 10552 10553 10554<div 10555 class="product-card tw-relative tw-group tw-grid tw-h-full tw-w-full tw-overflow-visible focus:tw-ring-2" 10556 style="grid-template-rows: max-content 1fr" 10557> 10558 10559 10560 10561 10562 <!-- Image Container --> 10563 <div class="tw-relative tw-w-full"> 10564 <a 10565 href="/products/crisp-apple" 10566 10567 aria-label="Shop Now- Crisp Apple" 10568 class="tw-block tw-relative tw-mx-auto tw-w-full tw-max-w-[314px] tw-aspect-square tw-overflow-hidden tw-rounded-2xl" 10569 > 10570 10571 10572 <div class="tw-relative tw-z-[1] tw-mx-auto tw-flex tw-h-full tw-w-full tw-items-center tw-justify-center"> 10573 10574<img 10575 src="//drinkolipop.com/cdn/shop/files/crisp-apple-9g-olipop_gallery-image_single-can_new_asset_1x.webp?v=1779163593" 10576 data-srcset="//drinkolipop.com/cdn/shop/files/crisp-apple-9g-olipop_gallery-image_single-can_new_asset_480x.webp?v=1779163593 240w, 10577 //drinkolipop.com/cdn/shop/files/crisp-apple-9g-olipop_gallery-image_single-can_new_asset_720x.webp?v=1779163593 360w, 10578 //drinkolipop.com/cdn/shop/files/crisp-apple-9g-olipop_gallery-image_single-can_new_asset_1080x.webp?v=1779163593 540w, 10579 //drinkolipop.com/cdn/shop/files/crisp-apple-9g-olipop_gallery-image_single-can_new_asset_1440x.webp?v=1779163593 720w, 10580 //drinkolipop.com/cdn/shop/files/crisp-apple-9g-olipop_gallery-image_single-can_new_asset_1350x.webp?v=1779163593 900w, 10581 //drinkolipop.com/cdn/shop/files/crisp-apple-9g-olipop_gallery-image_single-can_new_asset_1512x.webp?v=1779163593 1080w, 10582 //drinkolipop.com/cdn/shop/files/crisp-apple-9g-olipop_gallery-image_single-can_new_asset_1728x.webp?v=1779163593 1296w, 10583 //drinkolipop.com/cdn/shop/files/crisp-apple-9g-olipop_gallery-image_single-can_new_asset_1920x.webp?v=1779163593 1350w, 10584 //drinkolipop.com/cdn/shop/files/crisp-apple-9g-olipop_gallery-image_single-can_new_asset_1980x.webp?v=1779163593 1728w, 10585 //drinkolipop.com/cdn/shop/files/crisp-apple-9g-olipop_gallery-image_single-can_new_asset_2160x.webp?v=1779163593 1920w, 10586 //drinkolipop.com/cdn/shop/files/crisp-apple-9g-olipop_gallery-image_single-can_new_asset_2880x.webp?v=1779163593 2560w, 10587 //drinkolipop.com/cdn/shop/files/crisp-apple-9g-olipop_gallery-image_single-can_new_asset_4096x.webp?v=1779163593 3072w 10588 " 10589 data-src="//drinkolipop.com/cdn/shop/files/crisp-apple-9g-olipop_gallery-image_single-can_new_asset_360x.webp?v=1779163593" 10590 data-optimumx="auto" 10591 data-sizes="auto" 10592 data-parent-fit="contain" 10593 width="100%" 10594 height="100%" 10595 class="lazyload tw-h-full tw-w-full tw-object-contain" 10596 data-aspectratio="0.7605263157894737" 10597 alt="Crisp Apple" 10598 10599> 10600 10601 </div> 10602 10603 10604 <div class="tw-pointer-events-none tw-absolute tw-inset-0 tw-z-[2] tw-hidden lg:tw-block" data-hover-wave-card> 10605 <div class="tw-absolute tw-inset-0 tw-flex tw-items-end tw-overflow-hidden"> 10606 <div class="tw-relative tw-h-full tw-w-full"> 10607 <div class="tw-absolute tw-inset-x-0 tw-bottom-0 tw-h-full tw-overflow-hidden"> 10608 <svg 10609 class="tw-h-full tw-w-full"
10610 viewBox="0 0 314 314" 10611 fill="none" 10612 xmlns="http://www.w3.org/2000/svg" 10613 xmlns:xlink="http://www.w3.org/1999/xlink" 10614 preserveAspectRatio="xMidYMid meet" 10615 > 10616 <defs> 10617 <clipPath id="clip-hover-wave-7478573498527-template--24009561342111__collection_hybrid_meta_ALe7xC" clipPathUnits="userSpaceOnUse"> 10618 <path 10619 data-hover-wave-path 10620 d="M314 314H0.000422459L0.00012756 318.4565C-0.0456402 318.419 62.4 300.8566 157 340.0583C251.6 379.2601 314 314.4565 314 314.4565V314Z" 10621 /> 10622 </clipPath> 10623 </defs> 10624 <image 10625 href="//drinkolipop.com/cdn/shop/files/PDP-Horizontal_new_asset.png?v=1779076160&width=1440" 10626 xlink:href="//drinkolipop.com/cdn/shop/files/PDP-Horizontal_new_asset.png?v=1779076160&width=1440" 10627 x="0" 10628 y="0" 10629 width="314" 10630 height="314" 10631 preserveAspectRatio="xMidYMax slice" 10632 clip-path="url(#clip-hover-wave-7478573498527-template--24009561342111__collection_hybrid_meta_ALe7xC)" 10633 /> 10634 </svg> 10635 </div> 10636 </div> 10637 </div> 10638 </div> 10639 10640 </a> 10641 10642 10643 <div class="tw-pointer-events-none tw-absolute tw-inset-x-0 tw-bottom-4 tw-z-[4] tw-hidden tw-px-4 lg:tw-flex lg:group-hover:tw-flex"> 10644 10645 <form method="post" action="/cart/add" data-product-card-cta data-variant-id="42468536975519" data-quantity="1" class="tw-pointer-events-auto tw-w-full tw-opacity-0 tw-transition-opacity tw-duration-300 group-hover:tw-opacity-100"> 10646 <input type="hidden" name="id" value="42468536975519"> 10647 <input type="hidden" name="quantity" value="1"> 10648 <button 10649 type="submit" 10650 name="add" 10651 data-add-to-cart 10652 data-product-card-cta 10653 aria-label="Add 12 Pack- Crisp Apple" 10654 class="tw-inline-flex tw-w-full tw-items-center tw-justify-center tw-rounded-[50px] tw-border-0 tw-bg-[#034638] hover:tw-bg-[#0A3128] tw-px-5 tw-pt-[3px] tw-pb-[1px] tw-text-center tw-font-body tw-text-[14px] tw-font-bold tw-leading-[180%] tw-text-white tw-shadow-none tw-outline-none hover:tw-text-white focus:tw-text-white active:tw-text-white focus:tw-outline-none focus:tw-ring-0 active:tw-ring-0 active:tw-shadow-none" 10655 > 10656 Add 12 Pack 10657 </button> 10658 </form> 10659 10660 </div> 10661 </div> 10662 <!-- ./End Image Container --> 10663 10664 <!-- Text Container --> 10665 <div class="tw-row-span-1 tw-row-start-2 tw-flex tw-w-full tw-flex-col tw-items-center tw-px-3 tw-pb-6 tw-pt-4 tw-text-center md:tw-px-5"> 10666 10667 <div class="tw-flex tw-min-h-[16px] tw-items-center tw-justify-center"> 10668 <div 10669 data-bv-show="inline_rating" 10670 data-bv-product-id="7478573498527" 10671 class="bazaarvoice-product-summary bazaarvoice-product-summary--big product-card__inline-rating" 10672 ></div> 10673 </div> 10674 10675 10676 <p class="tw-min-h-[25px] tw-font-body tw-text-[14px] tw-font-normal tw-leading-[180%] tw-text-[#0A3128] tw-mt-[3px]"> 10677 10678 9g Fiber 10679 10680 </p> 10681 10682 <p class="tw-text-[16px] tw-leading-[140%]" role="heading" aria-level="3"> 10683 <a href="/products/crisp-apple" aria-label="Shop Now- Crisp Apple" class="tw-relative tw-z-[4] tw-inline-block tw-font-body tw-text-[16
10683px] tw-font-bold tw-leading-[140%] tw-text-[#034638]"> 10684 Crisp Apple 10685 </a> 10686 </p> 10687 10688 10689 <form method="post" action="/cart/add" data-product-card-cta data-variant-id="42468536975519" data-quantity="1" class="tw-relative tw-z-[4] tw-mt-2 tw-w-full tw-max-w-[120px] md:tw-max-w-[70%] lg:tw-hidden"> 10690 <input type="hidden" name="id" value="42468536975519"> 10691 <input type="hidden" name="quantity" value="1"> 10692 <button 10693 type="submit" 10694 name="add" 10695 data-add-to-cart 10696 data-product-card-cta 10697 aria-label="Add 12 Pack- Crisp Apple" 10698 class="tw-inline-flex tw-w-full tw-items-center tw-justify-center tw-rounded-[50px] tw-border-0 tw-bg-[#034638] hover:tw-bg-[#0A3128] tw-px-5 tw-pt-[3px] tw-pb-[1px] tw-text-center tw-font-body tw-text-[14px] tw-font-bold tw-leading-[180%] tw-text-white tw-shadow-none tw-outline-none hover:tw-text-white focus:tw-text-white active:tw-text-white focus:tw-outline-none focus:tw-ring-0 active:tw-ring-0 active:tw-shadow-none" 10699 > 10700 Add 12 Pack 10701 </button> 10702 </form> 10703 10704 </div> 10705 <!-- ./End Text Container --> 10706</div> 10707 10708 10709 10710 10711 10712 10713 10714 10715 10716 10717 10718 10719 10720 10721 10722 10723 10724 10725 10726 10727 10728 10729 10730 10731 10732 10733 10734 10735 10736 10737 10738 10739 10740<div 10741 class="product-card tw-relative tw-group tw-grid tw-h-full tw-w-full tw-overflow-visible focus:tw-ring-2" 10742 style="grid-template-rows: max-content 1fr" 10743> 10744 10745 10746 10747 10748 <!-- Image Container --> 10749 <div class="tw-relative tw-w-full"> 10750 <a 10751 href="/products/classic-grape" 10752 10753 aria-label="Shop Now- Classic Grape" 10754 class="tw-block tw-relative tw-mx-auto tw-w-full tw-max-w-[314px] tw-aspect-square tw-overflow-hidden tw-rounded-2xl" 10755 > 10756 10757 10758 <div class="tw-relative tw-z-[1] tw-mx-auto tw-flex tw-h-full tw-w-full tw-items-center tw-justify-center"> 10759 10760<img 10761 src="//drinkolipop.com/cdn/shop/files/classic-grape-9g-olipop_gallery-image_single-can_new_asset_1x.webp?v=1779163040" 10762 data-srcset="//drinkolipop.com/cdn/shop/files/classic-grape-9g-olipop_gallery-image_single-can_new_asset_480x.webp?v=1779163040 240w, 10763 //drinkolipop.com/cdn/shop/files/classic-grape-9g-olipop_gallery-image_single-can_new_asset_720x.webp?v=1779163040 360w, 10764 //drinkolipop.com/cdn/shop/files/classic-grape-9g-olipop_gallery-image_single-can_new_asset_1080x.webp?v=1779163040 540w, 10765 //drinkolipop.com/cdn/shop/files/classic-grape-9g-olipop_gallery-image_single-can_new_asset_1440x.webp?v=1779163040 720w, 10766 //drinkolipop.com/cdn/shop/files/classic-grape-9g-olipop_gallery-image_single-can_new_asset_1350x.webp?v=1779163040 900w, 10767 //drinkolipop.com/cdn/shop/files/classic-grape-9g-olipop_gallery-image_single-can_new_asset_1512x.webp?v=1779163040 1080w, 10768 //drinkolipop.com/cdn/shop/files/classic-grape-9g-olipop_gallery-image_single-can_new_asset_1728x.webp?v=1779163040 1296w, 10769 //drinkolipop.com/cdn/shop/files/classic-grape-9g-olipop_gallery-image_single-can_new_asset_1920x.webp?v=1779163040 1350w, 10770 //drinkolipop.com/cdn/shop/files/classic-grape-9g-olipop_gallery-image_single-can_new_asset_1980x.webp?v=1779163040 1728w, 10771 //drinkolipop.com/cdn/shop/files/classic-grape-9g-olipop_gallery-image_single-can_new_asset_2160x.webp?v=1779163040 1920w, 10772 //drinkolipop.com/cdn/shop/files/classic-grape-9g-olipop_gallery-image_single-can_new_asset_2880x.webp?v=1779163040 2560w, 10773 //drinkolipop.com/cdn/shop/files/classic-grape-9g-olipop_gallery-image_single-can_new_asset_4096x.webp?v=1779163040 3072w 10774 " 10775 data-src="//drinkolipop.com/cdn/shop/files/classic-grape-9g-olipop_gallery-image_single-can_new_asset_360x.webp?v=1779163040" 10776 data-optimumx="auto" 10777 data-sizes="auto" 10778 data-parent-fit="contain" 10779 width="100%" 10780 height="100%" 10781 class="lazyload tw-h-full tw-w-full tw-object-contain" 10782 data-aspectratio="0.7605263157894737" 10783 alt="Classic Grape" 10784 10785> 10786 10787 </div> 10788 10789 10790 <div class="tw-pointer-events-none tw-absolute tw-inset-0 tw-z-[2] tw-hidden lg:tw-block" data-hover-wave-card> 10791 <div class="tw-absolute tw-inset-0 tw-flex tw-items-end tw-overflow-hidden"> 10792 <div class="tw-relative tw-h-full tw-w-full"> 10793 <div class="tw-absolute tw-inset-x-0 tw-bottom-0 tw-h-full tw-overflow-hidden"> 10794 <svg 10795 class="tw-h-full tw-w-full"
10796 viewBox="0 0 314 314" 10797 fill="none" 10798 xmlns="http://www.w3.org/2000/svg" 10799 xmlns:xlink="http://www.w3.org/1999/xlink" 10800 preserveAspectRatio="xMidYMid meet" 10801 > 10802 <defs> 10803 <clipPath id="clip-hover-wave-6866436948127-template--24009561342111__collection_hybrid_meta_ALe7xC" clipPathUnits="userSpaceOnUse"> 10804 <path 10805 data-hover-wave-path 10806 d="M314 314H0.000422459L0.00012756 318.4565C-0.0456402 318.419 62.4 300.8566 157 340.0583C251.6 379.2601 314 314.4565 314 314.4565V314Z" 10807 /> 10808 </clipPath> 10809 </defs> 10810 <image 10811 href="//drinkolipop.com/cdn/shop/files/CG-TOP_new_asset.png?v=1779114686&width=1440" 10812 xlink:href="//drinkolipop.com/cdn/shop/files/CG-TOP_new_asset.png?v=1779114686&width=1440" 10813 x="0" 10814 y="0" 10815 width="314" 10816 height="314" 10817 preserveAspectRatio="xMidYMax slice" 10818 clip-path="url(#clip-hover-wave-6866436948127-template--24009561342111__collection_hybrid_meta_ALe7xC)" 10819 /> 10820 </svg> 10821 </div> 10822 </div> 10823 </div> 10824 </div> 10825 10826 </a> 10827 10828 10829 <div class="tw-pointer-events-none tw-absolute tw-inset-x-0 tw-bottom-4 tw-z-[4] tw-hidden tw-px-4 lg:tw-flex lg:group-hover:tw-flex"> 10830 10831 <form method="post" action="/cart/add" data-product-card-cta data-variant-id="40304921542815" data-quantity="1" class="tw-pointer-events-auto tw-w-full tw-opacity-0 tw-transition-opacity tw-duration-300 group-hover:tw-opacity-100"> 10832 <input type="hidden" name="id" value="40304921542815"> 10833 <input type="hidden" name="quantity" value="1"> 10834 <button 10835 type="submit" 10836 name="add" 10837 data-add-to-cart 10838 data-product-card-cta 10839 aria-label="Add 12 Pack- Classic Grape" 10840 class="tw-inline-flex tw-w-full tw-items-center tw-justify-center tw-rounded-[50px] tw-border-0 tw-bg-[#034638] hover:tw-bg-[#0A3128] tw-px-5 tw-pt-[3px] tw-pb-[1px] tw-text-center tw-font-body tw-text-[14px] tw-font-bold tw-leading-[180%] tw-text-white tw-shadow-none tw-outline-none hover:tw-text-white focus:tw-text-white active:tw-text-white focus:tw-outline-none focus:tw-ring-0 active:tw-ring-0 active:tw-shadow-none" 10841 > 10842 Add 12 Pack 10843 </button> 10844 </form> 10845 10846 </div> 10847 </div> 10848 <!-- ./End Image Container --> 10849 10850 <!-- Text Container --> 10851 <div class="tw-row-span-1 tw-row-start-2 tw-flex tw-w-full tw-flex-col tw-items-center tw-px-3 tw-pb-6 tw-pt-4 tw-text-center md:tw-px-5"> 10852 10853 <div class="tw-flex tw-min-h-[16px] tw-items-center tw-justify-center"> 10854 <div 10855 data-bv-show="inline_rating" 10856 data-bv-product-id="6866436948127" 10857 class="bazaarvoice-product-summary bazaarvoice-product-summary--big product-card__inline-rating" 10858 ></div> 10859 </div> 10860 10861 10862 <p class="tw-min-h-[25px] tw-font-body tw-text-[14px] tw-font-normal tw-leading-[180%] tw-text-[#0A3128] tw-mt-[3px]"> 10863 10864 9g Fiber 10865 10866 </p> 10867 10868 <p class="tw-text-[16px] tw-leading-[140%]" role="heading" aria-level="3"> 10869 <a href="/products/classic-grape" aria-label="Shop Now- Classic Grape" class="tw-relative tw-z-[4] tw-inline-block tw-font-body tw-text-[16
10869px] tw-font-bold tw-leading-[140%] tw-text-[#034638]"> 10870 Classic Grape 10871 </a> 10872 </p> 10873 10874 10875 <form method="post" action="/cart/add" data-product-card-cta data-variant-id="40304921542815" data-quantity="1" class="tw-relative tw-z-[4] tw-mt-2 tw-w-full tw-max-w-[120px] md:tw-max-w-[70%] lg:tw-hidden"> 10876 <input type="hidden" name="id" value="40304921542815"> 10877 <input type="hidden" name="quantity" value="1"> 10878 <button 10879 type="submit" 10880 name="add" 10881 data-add-to-cart 10882 data-product-card-cta 10883 aria-label="Add 12 Pack- Classic Grape" 10884 class="tw-inline-flex tw-w-full tw-items-center tw-justify-center tw-rounded-[50px] tw-border-0 tw-bg-[#034638] hover:tw-bg-[#0A3128] tw-px-5 tw-pt-[3px] tw-pb-[1px] tw-text-center tw-font-body tw-text-[14px] tw-font-bold tw-leading-[180%] tw-text-white tw-shadow-none tw-outline-none hover:tw-text-white focus:tw-text-white active:tw-text-white focus:tw-outline-none focus:tw-ring-0 active:tw-ring-0 active:tw-shadow-none" 10885 > 10886 Add 12 Pack 10887 </button> 10888 </form> 10889 10890 </div> 10891 <!-- ./End Text Container --> 10892</div> 10893 10894 10895 10896 10897 10898 10899 10900 10901 10902 10903 10904 10905 10906 10907 10908 10909 10910 10911 10912 10913 10914 10915 10916 10917 10918 10919 10920 10921 10922 10923 10924 10925 10926<div 10927 class="product-card tw-relative tw-group tw-grid tw-h-full tw-w-full tw-overflow-visible focus:tw-ring-2" 10928 style="grid-template-rows: max-content 1fr" 10929> 10930 10931 10932 10933 10934 <!-- Image Container --> 10935 <div class="tw-relative tw-w-full"> 10936 <a 10937 href="/products/classic-root-beer" 10938 10939 aria-label="Shop Now- Classic Root Beer" 10940 class="tw-block tw-relative tw-mx-auto tw-w-full tw-max-w-[314px] tw-aspect-square tw-overflow-hidden tw-rounded-2xl" 10941 > 10942 10943 10944 <div class="tw-relative tw-z-[1] tw-mx-auto tw-flex tw-h-full tw-w-full tw-items-center tw-justify-center"> 10945 10946<img 10947 src="//drinkolipop.com/cdn/shop/files/classic-root-beer-9g-olipop_gallery-image_single-can_new_asset_1x.webp?v=1779161742" 10948 data-srcset="//drinkolipop.com/cdn/shop/files/classic-root-beer-9g-olipop_gallery-image_single-can_new_asset_480x.webp?v=1779161742 240w, 10949 //drinkolipop.com/cdn/shop/files/classic-root-beer-9g-olipop_gallery-image_single-can_new_asset_720x.webp?v=1779161742 360w, 10950 //drinkolipop.com/cdn/shop/files/classic-root-beer-9g-olipop_gallery-image_single-can_new_asset_1080x.webp?v=1779161742 540w, 10951 //drinkolipop.com/cdn/shop/files/classic-root-beer-9g-olipop_gallery-image_single-can_new_asset_1440x.webp?v=1779161742 720w, 10952 //drinkolipop.com/cdn/shop/files/classic-root-beer-9g-olipop_gallery-image_single-can_new_asset_1350x.webp?v=1779161742 900w, 10953 //drinkolipop.com/cdn/shop/files/classic-root-beer-9g-olipop_gallery-image_single-can_new_asset_1512x.webp?v=1779161742 1080w, 10954 //drinkolipop.com/cdn/shop/files/classic-root-beer-9g-olipop_gallery-image_single-can_new_asset_1728x.webp?v=1779161742 1296w, 10955 //drinkolipop.com/cdn/shop/files/classic-root-beer-9g-olipop_gallery-image_single-can_new_asset_1920x.webp?v=1779161742 1350w, 10956 //drinkolipop.com/cdn/shop/files/classic-root-beer-9g-olipop_gallery-image_single-can_new_asset_1980x.webp?v=1779161742 1728w, 10957 //drinkolipop.com/cdn/shop/files/classic-root-beer-9g-olipop_gallery-image_single-can_new_asset_2160x.webp?v=1779161742 1920w, 10958 //drinkolipop.com/cdn/shop/files/classic-root-beer-9g-olipop_gallery-image_single-can_new_asset_2880x.webp?v=1779161742 2560w, 10959 //drinkolipop.com/cdn/shop/files/classic-root-beer-9g-olipop_gallery-image_single-can_new_asset_4096x.webp?v=1779161742 3072w 10960 " 10961 data-src="//drinkolipop.com/cdn/shop/files/classic-root-beer-9g-olipop_gallery-image_single-can_new_asset_360x.webp?v=1779161742" 10962 data-optimumx="auto" 10963 data-sizes="auto" 10964 data-parent-fit="contain" 10965 width="100%" 10966 height="100%" 10967 class="lazyload tw-h-full tw-w-full tw-object-contain" 10968 data-aspectratio="0.7605263157894737" 10969 alt="Classic Root Beer" 10970 10971> 10972 10973 </div> 10974 10975 10976 <div class="tw-pointer-events-none tw-absolute tw-inset-0 tw-z-[2] tw-hidden lg:tw-block" data-hover-wave-card> 10977 <div class="tw-absolute tw-inset-0 tw-flex tw-items-end tw-overflow-hidden"> 10978 <div class="tw-relative tw-h-full tw-w-full"> 10979 <div class="tw-absolute tw-inset-x-0 tw-bottom-0 tw-h-full tw-overflow-hidden"> 10980 <svg 10981 class="tw-h-full tw-w-full"
10982 viewBox="0 0 314 314" 10983 fill="none" 10984 xmlns="http://www.w3.org/2000/svg" 10985 xmlns:xlink="http://www.w3.org/1999/xlink" 10986 preserveAspectRatio="xMidYMid meet" 10987 > 10988 <defs> 10989 <clipPath id="clip-hover-wave-4350717460544-template--24009561342111__collection_hybrid_meta_ALe7xC" clipPathUnits="userSpaceOnUse"> 10990 <path 10991 data-hover-wave-path 10992 d="M314 314H0.000422459L0.00012756 318.4565C-0.0456402 318.419 62.4 300.8566 157 340.0583C251.6 379.2601 314 314.4565 314 314.4565V314Z" 10993 /> 10994 </clipPath> 10995 </defs> 10996 <image 10997 href="//drinkolipop.com/cdn/shop/products/CRB-BOTTOM1_new_asset.png?v=1779075161&width=1440" 10998 xlink:href="//drinkolipop.com/cdn/shop/products/CRB-BOTTOM1_new_asset.png?v=1779075161&width=1440" 10999 x="0" 11000 y="0" 11001 width="314" 11002 height="314" 11003 preserveAspectRatio="xMidYMax slice" 11004 clip-path="url(#clip-hover-wave-4350717460544-template--24009561342111__collection_hybrid_meta_ALe7xC)" 11005 /> 11006 </svg> 11007 </div> 11008 </div> 11009 </div> 11010 </div> 11011 11012 </a> 11013 11014 11015 <div class="tw-pointer-events-none tw-absolute tw-inset-x-0 tw-bottom-4 tw-z-[4] tw-hidden tw-px-4 lg:tw-flex lg:group-hover:tw-flex"> 11016 11017 <form method="post" action="/cart/add" data-product-card-cta data-variant-id="31199447679040" data-quantity="1" class="tw-pointer-events-auto tw-w-full tw-opacity-0 tw-transition-opacity tw-duration-300 group-hover:tw-opacity-100"> 11018 <input type="hidden" name="id" value="31199447679040"> 11019 <input type="hidden" name="quantity" value="1"> 11020 <button 11021 type="submit" 11022 name="add" 11023 data-add-to-cart 11024 data-product-card-cta 11025 aria-label="Add 12 Pack- Classic Root Beer" 11026 class="tw-inline-flex tw-w-full tw-items-center tw-justify-center tw-rounded-[50px] tw-border-0 tw-bg-[#034638] hover:tw-bg-[#0A3128] tw-px-5 tw-pt-[3px] tw-pb-[1px] tw-text-center tw-font-body tw-text-[14px] tw-font-bold tw-leading-[180%] tw-text-white tw-shadow-none tw-outline-none hover:tw-text-white focus:tw-text-white active:tw-text-white focus:tw-outline-none focus:tw-ring-0 active:tw-ring-0 active:tw-shadow-none" 11027 > 11028 Add 12 Pack 11029 </button> 11030 </form> 11031 11032 </div> 11033 </div> 11034 <!-- ./End Image Container --> 11035 11036 <!-- Text Container --> 11037 <div class="tw-row-span-1 tw-row-start-2 tw-flex tw-w-full tw-flex-col tw-items-center tw-px-3 tw-pb-6 tw-pt-4 tw-text-center md:tw-px-5"> 11038 11039 <div class="tw-flex tw-min-h-[16px] tw-items-center tw-justify-center"> 11040 <div 11041 data-bv-show="inline_rating" 11042 data-bv-product-id="4350717460544" 11043 class="bazaarvoice-product-summary bazaarvoice-product-summary--big product-card__inline-rating" 11044 ></div> 11045 </div> 11046 11047 11048 <p class="tw-min-h-[25px] tw-font-body tw-text-[14px] tw-font-normal tw-leading-[180%] tw-text-[#0A3128] tw-mt-[3px]"> 11049 11050 9g Fiber 11051 11052 </p> 11053 11054 <p class="tw-text-[16px] tw-leading-[140%]" role="heading" aria-level="3"> 11055 <a href="/products/classic-root-beer" aria-label="Shop Now- Classic Root Beer" class="tw-relative tw-z-[4] tw-inline-block tw-font-body tw-text-[16
11055px] tw-font-bold tw-leading-[140%] tw-text-[#034638]"> 11056 Classic Root Beer 11057 </a> 11058 </p> 11059 11060 11061 <form method="post" action="/cart/add" data-product-card-cta data-variant-id="31199447679040" data-quantity="1" class="tw-relative tw-z-[4] tw-mt-2 tw-w-full tw-max-w-[120px] md:tw-max-w-[70%] lg:tw-hidden"> 11062 <input type="hidden" name="id" value="31199447679040"> 11063 <input type="hidden" name="quantity" value="1"> 11064 <button 11065 type="submit" 11066 name="add" 11067 data-add-to-cart 11068 data-product-card-cta 11069 aria-label="Add 12 Pack- Classic Root Beer" 11070 class="tw-inline-flex tw-w-full tw-items-center tw-justify-center tw-rounded-[50px] tw-border-0 tw-bg-[#034638] hover:tw-bg-[#0A3128] tw-px-5 tw-pt-[3px] tw-pb-[1px] tw-text-center tw-font-body tw-text-[14px] tw-font-bold tw-leading-[180%] tw-text-white tw-shadow-none tw-outline-none hover:tw-text-white focus:tw-text-white active:tw-text-white focus:tw-outline-none focus:tw-ring-0 active:tw-ring-0 active:tw-shadow-none" 11071 > 11072 Add 12 Pack 11073 </button> 11074 </form> 11075 11076 </div> 11077 <!-- ./End Text Container --> 11078</div> 11079 11080 11081 11082 11083 11084 11085 11086 11087 11088 11089 11090 11091 11092 11093 11094 11095 11096 11097 11098 11099 11100 11101 11102 11103 11104 11105 11106 11107 11108 11109 11110 11111 11112<div 11113 class="product-card tw-relative tw-group tw-grid tw-h-full tw-w-full tw-overflow-visible focus:tw-ring-2" 11114 style="grid-template-rows: max-content 1fr" 11115> 11116 11117 11118 11119 11120 <!-- Image Container --> 11121 <div class="tw-relative tw-w-full"> 11122 <a 11123 href="/products/vintage-cola" 11124 11125 aria-label="Shop Now- Vintage Cola" 11126 class="tw-block tw-relative tw-mx-auto tw-w-full tw-max-w-[314px] tw-aspect-square tw-overflow-hidden tw-rounded-2xl" 11127 > 11128 11129 11130 <div class="tw-relative tw-z-[1] tw-mx-auto tw-flex tw-h-full tw-w-full tw-items-center tw-justify-center"> 11131 11132<img 11133 src="//drinkolipop.com/cdn/shop/files/vintage-cola-9g-olipop_gallery-image_single-can_new_asset_1x.webp?v=1779161590" 11134 data-srcset="//drinkolipop.com/cdn/shop/files/vintage-cola-9g-olipop_gallery-image_single-can_new_asset_480x.webp?v=1779161590 240w, 11135 //drinkolipop.com/cdn/shop/files/vintage-cola-9g-olipop_gallery-image_single-can_new_asset_720x.webp?v=1779161590 360w, 11136 //drinkolipop.com/cdn/shop/files/vintage-cola-9g-olipop_gallery-image_single-can_new_asset_1080x.webp?v=1779161590 540w, 11137 //drinkolipop.com/cdn/shop/files/vintage-cola-9g-olipop_gallery-image_single-can_new_asset_1440x.webp?v=1779161590 720w, 11138 //drinkolipop.com/cdn/shop/files/vintage-cola-9g-olipop_gallery-image_single-can_new_asset_1350x.webp?v=1779161590 900w, 11139 //drinkolipop.com/cdn/shop/files/vintage-cola-9g-olipop_gallery-image_single-can_new_asset_1512x.webp?v=1779161590 1080w, 11140 //drinkolipop.com/cdn/shop/files/vintage-cola-9g-olipop_gallery-image_single-can_new_asset_1728x.webp?v=1779161590 1296w, 11141 //drinkolipop.com/cdn/shop/files/vintage-cola-9g-olipop_gallery-image_single-can_new_asset_1920x.webp?v=1779161590 1350w, 11142 //drinkolipop.com/cdn/shop/files/vintage-cola-9g-olipop_gallery-image_single-can_new_asset_1980x.webp?v=1779161590 1728w, 11143 //drinkolipop.com/cdn/shop/files/vintage-cola-9g-olipop_gallery-image_single-can_new_asset_2160x.webp?v=1779161590 1920w, 11144 //drinkolipop.com/cdn/shop/files/vintage-cola-9g-olipop_gallery-image_single-can_new_asset_2880x.webp?v=1779161590 2560w, 11145 //drinkolipop.com/cdn/shop/files/vintage-cola-9g-olipop_gallery-image_single-can_new_asset_4096x.webp?v=1779161590 3072w 11146 " 11147 data-src="//drinkolipop.com/cdn/shop/files/vintage-cola-9g-olipop_gallery-image_single-can_new_asset_360x.webp?v=1779161590" 11148 data-optimumx="auto" 11149 data-sizes="auto" 11150 data-parent-fit="contain" 11151 width="100%" 11152 height="100%" 11153 class="lazyload tw-h-full tw-w-full tw-object-contain" 11154 data-aspectratio="0.7605263157894737" 11155 alt="Vintage Cola" 11156 11157> 11158 11159 </div> 11160 11161 11162 <div class="tw-pointer-events-none tw-absolute tw-inset-0 tw-z-[2] tw-hidden lg:tw-block" data-hover-wave-card> 11163 <div class="tw-absolute tw-inset-0 tw-flex tw-items-end tw-overflow-hidden"> 11164 <div class="tw-relative tw-h-full tw-w-full"> 11165 <div class="tw-absolute tw-inset-x-0 tw-bottom-0 tw-h-full tw-overflow-hidden"> 11166 <svg 11167 class="tw-h-full tw-w-full"
11168 viewBox="0 0 314 314" 11169 fill="none" 11170 xmlns="http://www.w3.org/2000/svg" 11171 xmlns:xlink="http://www.w3.org/1999/xlink" 11172 preserveAspectRatio="xMidYMid meet" 11173 > 11174 <defs> 11175 <clipPath id="clip-hover-wave-3818023125062-template--24009561342111__collection_hybrid_meta_ALe7xC" clipPathUnits="userSpaceOnUse"> 11176 <path 11177 data-hover-wave-path 11178 d="M314 314H0.000422459L0.00012756 318.4565C-0.0456402 318.419 62.4 300.8566 157 340.0583C251.6 379.2601 314 314.4565 314 314.4565V314Z" 11179 /> 11180 </clipPath> 11181 </defs> 11182 <image 11183 href="//drinkolipop.com/cdn/shop/products/VC-BOTTOM1_new_asset.png?v=1779112097&width=1440" 11184 xlink:href="//drinkolipop.com/cdn/shop/products/VC-BOTTOM1_new_asset.png?v=1779112097&width=1440" 11185 x="0" 11186 y="0" 11187 width="314" 11188 height="314" 11189 preserveAspectRatio="xMidYMax slice" 11190 clip-path="url(#clip-hover-wave-3818023125062-template--24009561342111__collection_hybrid_meta_ALe7xC)" 11191 /> 11192 </svg> 11193 </div> 11194 </div> 11195 </div> 11196 </div> 11197 11198 </a> 11199 11200 11201 <div class="tw-pointer-events-none tw-absolute tw-inset-x-0 tw-bottom-4 tw-z-[4] tw-hidden tw-px-4 lg:tw-flex lg:group-hover:tw-flex"> 11202 11203 <form method="post" action="/cart/add" data-product-card-cta data-variant-id="30315238260806" data-quantity="1" class="tw-pointer-events-auto tw-w-full tw-opacity-0 tw-transition-opacity tw-duration-300 group-hover:tw-opacity-100"> 11204 <input type="hidden" name="id" value="30315238260806"> 11205 <input type="hidden" name="quantity" value="1"> 11206 <button 11207 type="submit" 11208 name="add" 11209 data-add-to-cart 11210 data-product-card-cta 11211 aria-label="Add 12 Pack- Vintage Cola" 11212 class="tw-inline-flex tw-w-full tw-items-center tw-justify-center tw-rounded-[50px] tw-border-0 tw-bg-[#034638] hover:tw-bg-[#0A3128] tw-px-5 tw-pt-[3px] tw-pb-[1px] tw-text-center tw-font-body tw-text-[14px] tw-font-bold tw-leading-[180%] tw-text-white tw-shadow-none tw-outline-none hover:tw-text-white focus:tw-text-white active:tw-text-white focus:tw-outline-none focus:tw-ring-0 active:tw-ring-0 active:tw-shadow-none" 11213 > 11214 Add 12 Pack 11215 </button> 11216 </form> 11217 11218 </div> 11219 </div> 11220 <!-- ./End Image Container --> 11221 11222 <!-- Text Container --> 11223 <div class="tw-row-span-1 tw-row-start-2 tw-flex tw-w-full tw-flex-col tw-items-center tw-px-3 tw-pb-6 tw-pt-4 tw-text-center md:tw-px-5"> 11224 11225 <div class="tw-flex tw-min-h-[16px] tw-items-center tw-justify-center"> 11226 <div 11227 data-bv-show="inline_rating" 11228 data-bv-product-id="3818023125062" 11229 class="bazaarvoice-product-summary bazaarvoice-product-summary--big product-card__inline-rating" 11230 ></div> 11231 </div> 11232 11233 11234 <p class="tw-min-h-[25px] tw-font-body tw-text-[14px] tw-font-normal tw-leading-[180%] tw-text-[#0A3128] tw-mt-[3px]"> 11235 11236 9g Fiber 11237 11238 </p> 11239 11240 <p class="tw-text-[16px] tw-leading-[140%]" role="heading" aria-level="3"> 11241 <a href="/products/vintage-cola" aria-label="Shop Now- Vintage Cola" class="tw-relative tw-z-[4] tw-inline-block tw-font-body tw-text-[16
11241px] tw-font-bold tw-leading-[140%] tw-text-[#034638]"> 11242 Vintage Cola 11243 </a> 11244 </p> 11245 11246 11247 <form method="post" action="/cart/add" data-product-card-cta data-variant-id="30315238260806" data-quantity="1" class="tw-relative tw-z-[4] tw-mt-2 tw-w-full tw-max-w-[120px] md:tw-max-w-[70%] lg:tw-hidden"> 11248 <input type="hidden" name="id" value="30315238260806"> 11249 <input type="hidden" name="quantity" value="1"> 11250 <button 11251 type="submit" 11252 name="add" 11253 data-add-to-cart 11254 data-product-card-cta 11255 aria-label="Add 12 Pack- Vintage Cola" 11256 class="tw-inline-flex tw-w-full tw-items-center tw-justify-center tw-rounded-[50px] tw-border-0 tw-bg-[#034638] hover:tw-bg-[#0A3128] tw-px-5 tw-pt-[3px] tw-pb-[1px] tw-text-center tw-font-body tw-text-[14px] tw-font-bold tw-leading-[180%] tw-text-white tw-shadow-none tw-outline-none hover:tw-text-white focus:tw-text-white active:tw-text-white focus:tw-outline-none focus:tw-ring-0 active:tw-ring-0 active:tw-shadow-none" 11257 > 11258 Add 12 Pack 11259 </button> 11260 </form> 11261 11262 </div> 11263 <!-- ./End Text Container --> 11264</div> 11265 11266 11267 11268 11269 11270 11271 11272 11273 11274 11275 11276 11277 11278 11279 11280 11281 11282 11283 11284 11285 11286 11287 11288 11289 11290 11291 11292 11293 11294 11295 11296 11297 11298<div 11299 class="product-card tw-relative tw-group tw-grid tw-h-full tw-w-full tw-overflow-visible focus:tw-ring-2" 11300 style="grid-template-rows: max-content 1fr" 11301> 11302 11303 11304 11305 11306 <!-- Image Container --> 11307 <div class="tw-relative tw-w-full"> 11308 <a 11309 href="/products/cream-soda" 11310 11311 aria-label="Shop Now- Cream Soda" 11312 class="tw-block tw-relative tw-mx-auto tw-w-full tw-max-w-[314px] tw-aspect-square tw-overflow-hidden tw-rounded-2xl" 11313 > 11314 11315 11316 <div class="tw-relative tw-z-[1] tw-mx-auto tw-flex tw-h-full tw-w-full tw-items-center tw-justify-center"> 11317 11318<img 11319 src="//drinkolipop.com/cdn/shop/files/cream-soda-9g-olipop_gallery-image_single-can_new_asset_1x.webp?v=1779163263" 11320 data-srcset="//drinkolipop.com/cdn/shop/files/cream-soda-9g-olipop_gallery-image_single-can_new_asset_480x.webp?v=1779163263 240w, 11321 //drinkolipop.com/cdn/shop/files/cream-soda-9g-olipop_gallery-image_single-can_new_asset_720x.webp?v=1779163263 360w, 11322 //drinkolipop.com/cdn/shop/files/cream-soda-9g-olipop_gallery-image_single-can_new_asset_1080x.webp?v=1779163263 540w, 11323 //drinkolipop.com/cdn/shop/files/cream-soda-9g-olipop_gallery-image_single-can_new_asset_1440x.webp?v=1779163263 720w, 11324 //drinkolipop.com/cdn/shop/files/cream-soda-9g-olipop_gallery-image_single-can_new_asset_1350x.webp?v=1779163263 900w, 11325 //drinkolipop.com/cdn/shop/files/cream-soda-9g-olipop_gallery-image_single-can_new_asset_1512x.webp?v=1779163263 1080w, 11326 //drinkolipop.com/cdn/shop/files/cream-soda-9g-olipop_gallery-image_single-can_new_asset_1728x.webp?v=1779163263 1296w, 11327 //drinkolipop.com/cdn/shop/files/cream-soda-9g-olipop_gallery-image_single-can_new_asset_1920x.webp?v=1779163263 1350w, 11328 //drinkolipop.com/cdn/shop/files/cream-soda-9g-olipop_gallery-image_single-can_new_asset_1980x.webp?v=1779163263 1728w, 11329 //drinkolipop.com/cdn/shop/files/cream-soda-9g-olipop_gallery-image_single-can_new_asset_2160x.webp?v=1779163263 1920w, 11330 //drinkolipop.com/cdn/shop/files/cream-soda-9g-olipop_gallery-image_single-can_new_asset_2880x.webp?v=1779163263 2560w, 11331 //drinkolipop.com/cdn/shop/files/cream-soda-9g-olipop_gallery-image_single-can_new_asset_4096x.webp?v=1779163263 3072w 11332 " 11333 data-src="//drinkolipop.com/cdn/shop/files/cream-soda-9g-olipop_gallery-image_single-can_new_asset_360x.webp?v=1779163263" 11334 data-optimumx="auto" 11335 data-sizes="auto" 11336 data-parent-fit="contain" 11337 width="100%" 11338 height="100%" 11339 class="lazyload tw-h-full tw-w-full tw-object-contain" 11340 data-aspectratio="0.7605263157894737" 11341 alt="Cream Soda" 11342 11343> 11344 11345 </div> 11346 11347 11348 <div class="tw-pointer-events-none tw-absolute tw-inset-0 tw-z-[2] tw-hidden lg:tw-block" data-hover-wave-card> 11349 <div class="tw-absolute tw-inset-0 tw-flex tw-items-end tw-overflow-hidden"> 11350 <div class="tw-relative tw-h-full tw-w-full"> 11351 <div class="tw-absolute tw-inset-x-0 tw-bottom-0 tw-h-full tw-overflow-hidden"> 11352 <svg 11353 class="tw-h-full tw-w-full"
11354 viewBox="0 0 314 314" 11355 fill="none" 11356 xmlns="http://www.w3.org/2000/svg" 11357 xmlns:xlink="http://www.w3.org/1999/xlink" 11358 preserveAspectRatio="xMidYMid meet" 11359 > 11360 <defs> 11361 <clipPath id="clip-hover-wave-7413651636383-template--24009561342111__collection_hybrid_meta_ALe7xC" clipPathUnits="userSpaceOnUse"> 11362 <path 11363 data-hover-wave-path 11364 d="M314 314H0.000422459L0.00012756 318.4565C-0.0456402 318.419 62.4 300.8566 157 340.0583C251.6 379.2601 314 314.4565 314 314.4565V314Z" 11365 /> 11366 </clipPath> 11367 </defs> 11368 <image 11369 href="//drinkolipop.com/cdn/shop/products/CS-TOP.png?v=1779075525&width=1440" 11370 xlink:href="//drinkolipop.com/cdn/shop/products/CS-TOP.png?v=1779075525&width=1440" 11371 x="0" 11372 y="0" 11373 width="314" 11374 height="314" 11375 preserveAspectRatio="xMidYMax slice" 11376 clip-path="url(#clip-hover-wave-7413651636383-template--24009561342111__collection_hybrid_meta_ALe7xC)" 11377 /> 11378 </svg> 11379 </div> 11380 </div> 11381 </div> 11382 </div> 11383 11384 </a> 11385 11386 11387 <div class="tw-pointer-events-none tw-absolute tw-inset-x-0 tw-bottom-4 tw-z-[4] tw-hidden tw-px-4 lg:tw-flex lg:group-hover:tw-flex"> 11388 11389 <form method="post" action="/cart/add" data-product-card-cta data-variant-id="42284980666527" data-quantity="1" class="tw-pointer-events-auto tw-w-full tw-opacity-0 tw-transition-opacity tw-duration-300 group-hover:tw-opacity-100"> 11390 <input type="hidden" name="id" value="42284980666527"> 11391 <input type="hidden" name="quantity" value="1"> 11392 <button 11393 type="submit" 11394 name="add" 11395 data-add-to-cart 11396 data-product-card-cta 11397 aria-label="Add 12 Pack- Cream Soda" 11398 class="tw-inline-flex tw-w-full tw-items-center tw-justify-center tw-rounded-[50px] tw-border-0 tw-bg-[#034638] hover:tw-bg-[#0A3128] tw-px-5 tw-pt-[3px] tw-pb-[1px] tw-text-center tw-font-body tw-text-[14px] tw-font-bold tw-leading-[180%] tw-text-white tw-shadow-none tw-outline-none hover:tw-text-white focus:tw-text-white active:tw-text-white focus:tw-outline-none focus:tw-ring-0 active:tw-ring-0 active:tw-shadow-none" 11399 > 11400 Add 12 Pack 11401 </button> 11402 </form> 11403 11404 </div> 11405 </div> 11406 <!-- ./End Image Container --> 11407 11408 <!-- Text Container --> 11409 <div class="tw-row-span-1 tw-row-start-2 tw-flex tw-w-full tw-flex-col tw-items-center tw-px-3 tw-pb-6 tw-pt-4 tw-text-center md:tw-px-5"> 11410 11411 <div class="tw-flex tw-min-h-[16px] tw-items-center tw-justify-center"> 11412 <div 11413 data-bv-show="inline_rating" 11414 data-bv-product-id="7413651636383" 11415 class="bazaarvoice-product-summary bazaarvoice-product-summary--big product-card__inline-rating" 11416 ></div> 11417 </div> 11418 11419 11420 <p class="tw-min-h-[25px] tw-font-body tw-text-[14px] tw-font-normal tw-leading-[180%] tw-text-[#0A3128] tw-mt-[3px]"> 11421 11422 9g Fiber 11423 11424 </p> 11425 11426 <p class="tw-text-[16px] tw-leading-[140%]" role="heading" aria-level="3"> 11427 <a href="/products/cream-soda" aria-label="Shop Now- Cream Soda" class="tw-relative tw-z-[4] tw-inline-block tw-font-body tw-text-[16
11427px] tw-font-bold tw-leading-[140%] tw-text-[#034638]"> 11428 Cream Soda 11429 </a> 11430 </p> 11431 11432 11433 <form method="post" action="/cart/add" data-product-card-cta data-variant-id="42284980666527" data-quantity="1" class="tw-relative tw-z-[4] tw-mt-2 tw-w-full tw-max-w-[120px] md:tw-max-w-[70%] lg:tw-hidden"> 11434 <input type="hidden" name="id" value="42284980666527"> 11435 <input type="hidden" name="quantity" value="1"> 11436 <button 11437 type="submit" 11438 name="add" 11439 data-add-to-cart 11440 data-product-card-cta 11441 aria-label="Add 12 Pack- Cream Soda" 11442 class="tw-inline-flex tw-w-full tw-items-center tw-justify-center tw-rounded-[50px] tw-border-0 tw-bg-[#034638] hover:tw-bg-[#0A3128] tw-px-5 tw-pt-[3px] tw-pb-[1px] tw-text-center tw-font-body tw-text-[14px] tw-font-bold tw-leading-[180%] tw-text-white tw-shadow-none tw-outline-none hover:tw-text-white focus:tw-text-white active:tw-text-white focus:tw-outline-none focus:tw-ring-0 active:tw-ring-0 active:tw-shadow-none" 11443 > 11444 Add 12 Pack 11445 </button> 11446 </form> 11447 11448 </div> 11449 <!-- ./End Text Container --> 11450</div> 11451 11452 11453 11454 11455 11456 11457 11458 11459 11460 11461 11462 11463 11464 11465 11466 11467 11468 11469 11470 11471 11472 11473 11474 11475 11476 11477 11478 11479 11480 11481 11482 11483 11484<div 11485 class="product-card tw-relative tw-group tw-grid tw-h-full tw-w-full tw-overflow-visible focus:tw-ring-2" 11486 style="grid-template-rows: max-content 1fr" 11487> 11488 11489 11490 11491 11492 <!-- Image Container --> 11493 <div class="tw-relative tw-w-full"> 11494 <a 11495 href="/products/strawberry-vanilla" 11496 11497 aria-label="Shop Now- Strawberry Vanilla" 11498 class="tw-block tw-relative tw-mx-auto tw-w-full tw-max-w-[314px] tw-aspect-square tw-overflow-hidden tw-rounded-2xl" 11499 > 11500 11501 11502 <div class="tw-relative tw-z-[1] tw-mx-auto tw-flex tw-h-full tw-w-full tw-items-center tw-justify-center"> 11503 11504<img 11505 src="//drinkolipop.com/cdn/shop/files/strawberry-vanilla-9g-olipop_gallery-main-image_new_asset_1x.webp?v=1779161007" 11506 data-srcset="//drinkolipop.com/cdn/shop/files/strawberry-vanilla-9g-olipop_gallery-main-image_new_asset_480x.webp?v=1779161007 240w, 11507 //drinkolipop.com/cdn/shop/files/strawberry-vanilla-9g-olipop_gallery-main-image_new_asset_720x.webp?v=1779161007 360w, 11508 //drinkolipop.com/cdn/shop/files/strawberry-vanilla-9g-olipop_gallery-main-image_new_asset_1080x.webp?v=1779161007 540w, 11509 //drinkolipop.com/cdn/shop/files/strawberry-vanilla-9g-olipop_gallery-main-image_new_asset_1440x.webp?v=1779161007 720w, 11510 //drinkolipop.com/cdn/shop/files/strawberry-vanilla-9g-olipop_gallery-main-image_new_asset_1350x.webp?v=1779161007 900w, 11511 //drinkolipop.com/cdn/shop/files/strawberry-vanilla-9g-olipop_gallery-main-image_new_asset_1512x.webp?v=1779161007 1080w, 11512 //drinkolipop.com/cdn/shop/files/strawberry-vanilla-9g-olipop_gallery-main-image_new_asset_1728x.webp?v=1779161007 1296w, 11513 //drinkolipop.com/cdn/shop/files/strawberry-vanilla-9g-olipop_gallery-main-image_new_asset_1920x.webp?v=1779161007 1350w, 11514 //drinkolipop.com/cdn/shop/files/strawberry-vanilla-9g-olipop_gallery-main-image_new_asset_1980x.webp?v=1779161007 1728w, 11515 //drinkolipop.com/cdn/shop/files/strawberry-vanilla-9g-olipop_gallery-main-image_new_asset_2160x.webp?v=1779161007 1920w, 11516 //drinkolipop.com/cdn/shop/files/strawberry-vanilla-9g-olipop_gallery-main-image_new_asset_2880x.webp?v=1779161007 2560w, 11517 //drinkolipop.com/cdn/shop/files/strawberry-vanilla-9g-olipop_gallery-main-image_new_asset_4096x.webp?v=1779161007 3072w 11518 " 11519 data-src="//drinkolipop.com/cdn/shop/files/strawberry-vanilla-9g-olipop_gallery-main-image_new_asset_360x.webp?v=1779161007" 11520 data-optimumx="auto" 11521 data-sizes="auto" 11522 data-parent-fit="contain" 11523 width="100%" 11524 height="100%" 11525 class="lazyload tw-h-full tw-w-full tw-object-contain" 11526 data-aspectratio="0.7605263157894737" 11527 alt="Strawberry Vanilla" 11528 11529> 11530 11531 </div> 11532 11533 11534 <div class="tw-pointer-events-none tw-absolute tw-inset-0 tw-z-[2] tw-hidden lg:tw-block" data-hover-wave-card> 11535 <div class="tw-absolute tw-inset-0 tw-flex tw-items-end tw-overflow-hidden"> 11536 <div class="tw-relative tw-h-full tw-w-full"> 11537 <div class="tw-absolute tw-inset-x-0 tw-bottom-0 tw-h-full tw-overflow-hidden"> 11538 <svg 11539 class="tw-h-full tw-w-full"
11540 viewBox="0 0 314 314" 11541 fill="none" 11542 xmlns="http://www.w3.org/2000/svg" 11543 xmlns:xlink="http://www.w3.org/1999/xlink" 11544 preserveAspectRatio="xMidYMid meet" 11545 > 11546 <defs> 11547 <clipPath id="clip-hover-wave-3818021027910-template--24009561342111__collection_hybrid_meta_ALe7xC" clipPathUnits="userSpaceOnUse"> 11548 <path 11549 data-hover-wave-path 11550 d="M314 314H0.000422459L0.00012756 318.4565C-0.0456402 318.419 62.4 300.8566 157 340.0583C251.6 379.2601 314 314.4565 314 314.4565V314Z" 11551 /> 11552 </clipPath> 11553 </defs> 11554 <image 11555 href="//drinkolipop.com/cdn/shop/products/SV-TOP.png?v=1750220822&width=1440" 11556 xlink:href="//drinkolipop.com/cdn/shop/products/SV-TOP.png?v=1750220822&width=1440" 11557 x="0" 11558 y="0" 11559 width="314" 11560 height="314" 11561 preserveAspectRatio="xMidYMax slice" 11562 clip-path="url(#clip-hover-wave-3818021027910-template--24009561342111__collection_hybrid_meta_ALe7xC)" 11563 /> 11564 </svg> 11565 </div> 11566 </div> 11567 </div> 11568 </div> 11569 11570 </a> 11571 11572 11573 <div class="tw-pointer-events-none tw-absolute tw-inset-x-0 tw-bottom-4 tw-z-[4] tw-hidden tw-px-4 lg:tw-flex lg:group-hover:tw-flex"> 11574 11575 <form method="post" action="/cart/add" data-product-card-cta data-variant-id="30315220959302" data-quantity="1" class="tw-pointer-events-auto tw-w-full tw-opacity-0 tw-transition-opacity tw-duration-300 group-hover:tw-opacity-100"> 11576 <input type="hidden" name="id" value="30315220959302"> 11577 <input type="hidden" name="quantity" value="1"> 11578 <button 11579 type="submit" 11580 name="add" 11581 data-add-to-cart 11582 data-product-card-cta 11583 aria-label="Add 12 Pack- Strawberry Vanilla" 11584 class="tw-inline-flex tw-w-full tw-items-center tw-justify-center tw-rounded-[50px] tw-border-0 tw-bg-[#034638] hover:tw-bg-[#0A3128] tw-px-5 tw-pt-[3px] tw-pb-[1px] tw-text-center tw-font-body tw-text-[14px] tw-font-bold tw-leading-[180%] tw-text-white tw-shadow-none tw-outline-none hover:tw-text-white focus:tw-text-white active:tw-text-white focus:tw-outline-none focus:tw-ring-0 active:tw-ring-0 active:tw-shadow-none" 11585 > 11586 Add 12 Pack 11587 </button> 11588 </form> 11589 11590 </div> 11591 </div> 11592 <!-- ./End Image Container --> 11593 11594 <!-- Text Container --> 11595 <div class="tw-row-span-1 tw-row-start-2 tw-flex tw-w-full tw-flex-col tw-items-center tw-px-3 tw-pb-6 tw-pt-4 tw-text-center md:tw-px-5"> 11596 11597 <div class="tw-flex tw-min-h-[16px] tw-items-center tw-justify-center"> 11598 <div 11599 data-bv-show="inline_rating" 11600 data-bv-product-id="3818021027910" 11601 class="bazaarvoice-product-summary bazaarvoice-product-summary--big product-card__inline-rating" 11602 ></div> 11603 </div> 11604 11605 11606 <p class="tw-min-h-[25px] tw-font-body tw-text-[14px] tw-font-normal tw-leading-[180%] tw-text-[#0A3128] tw-mt-[3px]"> 11607 11608 9g Fiber 11609 11610 </p> 11611 11612 <p class="tw-text-[16px] tw-leading-[140%]" role="heading" aria-level="3"> 11613 <a href="/products/strawberry-vanilla" aria-label="Shop Now- Strawberry Vanilla" class="tw-relative tw-z-[4] tw-inline-block tw-font-body tw-text-[16
11613px] tw-font-bold tw-leading-[140%] tw-text-[#034638]"> 11614 Strawberry Vanilla 11615 </a> 11616 </p> 11617 11618 11619 <form method="post" action="/cart/add" data-product-card-cta data-variant-id="30315220959302" data-quantity="1" class="tw-relative tw-z-[4] tw-mt-2 tw-w-full tw-max-w-[120px] md:tw-max-w-[70%] lg:tw-hidden"> 11620 <input type="hidden" name="id" value="30315220959302"> 11621 <input type="hidden" name="quantity" value="1"> 11622 <button 11623 type="submit" 11624 name="add" 11625 data-add-to-cart 11626 data-product-card-cta 11627 aria-label="Add 12 Pack- Strawberry Vanilla" 11628 class="tw-inline-flex tw-w-full tw-items-center tw-justify-center tw-rounded-[50px] tw-border-0 tw-bg-[#034638] hover:tw-bg-[#0A3128] tw-px-5 tw-pt-[3px] tw-pb-[1px] tw-text-center tw-font-body tw-text-[14px] tw-font-bold tw-leading-[180%] tw-text-white tw-shadow-none tw-outline-none hover:tw-text-white focus:tw-text-white active:tw-text-white focus:tw-outline-none focus:tw-ring-0 active:tw-ring-0 active:tw-shadow-none" 11629 > 11630 Add 12 Pack 11631 </button> 11632 </form> 11633 11634 </div> 11635 <!-- ./End Text Container --> 11636</div> 11637 11638 11639 11640 11641 11642 11643 11644 11645 11646 11647 11648 11649 11650 11651 11652 11653 11654 11655 11656 11657 11658 11659 11660 11661 11662 11663 11664 11665 11666 11667 11668 11669 11670<div 11671 class="product-card tw-relative tw-group tw-grid tw-h-full tw-w-full tw-overflow-visible focus:tw-ring-2" 11672 style="grid-template-rows: max-content 1fr" 11673> 11674 11675 11676 11677 11678 <!-- Image Container --> 11679 <div class="tw-relative tw-w-full"> 11680 <a 11681 href="/products/cherry-cola" 11682 11683 aria-label="Shop Now- Cherry Cola" 11684 class="tw-block tw-relative tw-mx-auto tw-w-full tw-max-w-[314px] tw-aspect-square tw-overflow-hidden tw-rounded-2xl" 11685 > 11686 11687 11688 <div class="tw-relative tw-z-[1] tw-mx-auto tw-flex tw-h-full tw-w-full tw-items-center tw-justify-center"> 11689 11690<img 11691 src="//drinkolipop.com/cdn/shop/files/cherry-cola-9g-olipop_gallery-main-image_new_asset_1x.webp?v=1779163770" 11692 data-srcset="//drinkolipop.com/cdn/shop/files/cherry-cola-9g-olipop_gallery-main-image_new_asset_480x.webp?v=1779163770 240w, 11693 //drinkolipop.com/cdn/shop/files/cherry-cola-9g-olipop_gallery-main-image_new_asset_720x.webp?v=1779163770 360w, 11694 //drinkolipop.com/cdn/shop/files/cherry-cola-9g-olipop_gallery-main-image_new_asset_1080x.webp?v=1779163770 540w, 11695 //drinkolipop.com/cdn/shop/files/cherry-cola-9g-olipop_gallery-main-image_new_asset_1440x.webp?v=1779163770 720w, 11696 //drinkolipop.com/cdn/shop/files/cherry-cola-9g-olipop_gallery-main-image_new_asset_1350x.webp?v=1779163770 900w, 11697 //drinkolipop.com/cdn/shop/files/cherry-cola-9g-olipop_gallery-main-image_new_asset_1512x.webp?v=1779163770 1080w, 11698 //drinkolipop.com/cdn/shop/files/cherry-cola-9g-olipop_gallery-main-image_new_asset_1728x.webp?v=1779163770 1296w, 11699 //drinkolipop.com/cdn/shop/files/cherry-cola-9g-olipop_gallery-main-image_new_asset_1920x.webp?v=1779163770 1350w, 11700 //drinkolipop.com/cdn/shop/files/cherry-cola-9g-olipop_gallery-main-image_new_asset_1980x.webp?v=1779163770 1728w, 11701 //drinkolipop.com/cdn/shop/files/cherry-cola-9g-olipop_gallery-main-image_new_asset_2160x.webp?v=1779163770 1920w, 11702 //drinkolipop.com/cdn/shop/files/cherry-cola-9g-olipop_gallery-main-image_new_asset_2880x.webp?v=1779163770 2560w, 11703 //drinkolipop.com/cdn/shop/files/cherry-cola-9g-olipop_gallery-main-image_new_asset_4096x.webp?v=1779163770 3072w 11704 " 11705 data-src="//drinkolipop.com/cdn/shop/files/cherry-cola-9g-olipop_gallery-main-image_new_asset_360x.webp?v=1779163770" 11706 data-optimumx="auto" 11707 data-sizes="auto" 11708 data-parent-fit="contain" 11709 width="100%" 11710 height="100%" 11711 class="lazyload tw-h-full tw-w-full tw-object-contain" 11712 data-aspectratio="0.7605263157894737" 11713 alt="Cherry Cola" 11714 11715> 11716 11717 </div> 11718 11719 11720 <div class="tw-pointer-events-none tw-absolute tw-inset-0 tw-z-[2] tw-hidden lg:tw-block" data-hover-wave-card> 11721 <div class="tw-absolute tw-inset-0 tw-flex tw-items-end tw-overflow-hidden"> 11722 <div class="tw-relative tw-h-full tw-w-full"> 11723 <div class="tw-absolute tw-inset-x-0 tw-bottom-0 tw-h-full tw-overflow-hidden"> 11724 <svg 11725 class="tw-h-full tw-w-full"
11726 viewBox="0 0 314 314" 11727 fill="none" 11728 xmlns="http://www.w3.org/2000/svg" 11729 xmlns:xlink="http://www.w3.org/1999/xlink" 11730 preserveAspectRatio="xMidYMid meet" 11731 > 11732 <defs> 11733 <clipPath id="clip-hover-wave-7502145421471-template--24009561342111__collection_hybrid_meta_ALe7xC" clipPathUnits="userSpaceOnUse"> 11734 <path 11735 data-hover-wave-path 11736 d="M314 314H0.000422459L0.00012756 318.4565C-0.0456402 318.419 62.4 300.8566 157 340.0583C251.6 379.2601 314 314.4565 314 314.4565V314Z" 11737 /> 11738 </clipPath> 11739 </defs> 11740 <image 11741 href="//drinkolipop.com/cdn/shop/files/cherry-cola-9g-olipop_PDP-AM_new_asset.png?v=1779073740&width=1440" 11742 xlink:href="//drinkolipop.com/cdn/shop/files/cherry-cola-9g-olipop_PDP-AM_new_asset.png?v=1779073740&width=1440" 11743 x="0" 11744 y="0" 11745 width="314" 11746 height="314" 11747 preserveAspectRatio="xMidYMax slice" 11748 clip-path="url(#clip-hover-wave-7502145421471-template--24009561342111__collection_hybrid_meta_ALe7xC)" 11749 /> 11750 </svg> 11751 </div> 11752 </div> 11753 </div> 11754 </div> 11755 11756 </a> 11757 11758 11759 <div class="tw-pointer-events-none tw-absolute tw-inset-x-0 tw-bottom-4 tw-z-[4] tw-hidden tw-px-4 lg:tw-flex lg:group-hover:tw-flex"> 11760 11761 <form method="post" action="/cart/add" data-product-card-cta data-variant-id="42533620777119" data-quantity="1" class="tw-pointer-events-auto tw-w-full tw-opacity-0 tw-transition-opacity tw-duration-300 group-hover:tw-opacity-100"> 11762 <input type="hidden" name="id" value="42533620777119"> 11763 <input type="hidden" name="quantity" value="1"> 11764 <button 11765 type="submit" 11766 name="add" 11767 data-add-to-cart 11768 data-product-card-cta 11769 aria-label="Add 12 Pack- Cherry Cola" 11770 class="tw-inline-flex tw-w-full tw-items-center tw-justify-center tw-rounded-[50px] tw-border-0 tw-bg-[#034638] hover:tw-bg-[#0A3128] tw-px-5 tw-pt-[3px] tw-pb-[1px] tw-text-center tw-font-body tw-text-[14px] tw-font-bold tw-leading-[180%] tw-text-white tw-shadow-none tw-outline-none hover:tw-text-white focus:tw-text-white active:tw-text-white focus:tw-outline-none focus:tw-ring-0 active:tw-ring-0 active:tw-shadow-none" 11771 > 11772 Add 12 Pack 11773 </button> 11774 </form> 11775 11776 </div> 11777 </div> 11778 <!-- ./End Image Container --> 11779 11780 <!-- Text Container --> 11781 <div class="tw-row-span-1 tw-row-start-2 tw-flex tw-w-full tw-flex-col tw-items-center tw-px-3 tw-pb-6 tw-pt-4 tw-text-center md:tw-px-5"> 11782 11783 <div class="tw-flex tw-min-h-[16px] tw-items-center tw-justify-center"> 11784 <div 11785 data-bv-show="inline_rating" 11786 data-bv-product-id="7502145421471" 11787 class="bazaarvoice-product-summary bazaarvoice-product-summary--big product-card__inline-rating" 11788 ></div> 11789 </div> 11790 11791 11792 <p class="tw-min-h-[25px] tw-font-body tw-text-[14px] tw-font-normal tw-leading-[180%] tw-text-[#0A3128] tw-mt-[3px]"> 11793 11794 9g Fiber 11795 11796 </p> 11797 11798 <p class="tw-text-[16px] tw-leading-[140%]" role="heading" aria-level="3"> 11799 <a href="/products/cherry-cola" aria-label="Shop Now- Cherry Cola" class="tw-relative tw-z-[4] tw-inline-block tw-font-body tw-text-[16
11799px] tw-font-bold tw-leading-[140%] tw-text-[#034638]"> 11800 Cherry Cola 11801 </a> 11802 </p> 11803 11804 11805 <form method="post" action="/cart/add" data-product-card-cta data-variant-id="42533620777119" data-quantity="1" class="tw-relative tw-z-[4] tw-mt-2 tw-w-full tw-max-w-[120px] md:tw-max-w-[70%] lg:tw-hidden"> 11806 <input type="hidden" name="id" value="42533620777119"> 11807 <input type="hidden" name="quantity" value="1"> 11808 <button 11809 type="submit" 11810 name="add" 11811 data-add-to-cart 11812 data-product-card-cta 11813 aria-label="Add 12 Pack- Cherry Cola" 11814 class="tw-inline-flex tw-w-full tw-items-center tw-justify-center tw-rounded-[50px] tw-border-0 tw-bg-[#034638] hover:tw-bg-[#0A3128] tw-px-5 tw-pt-[3px] tw-pb-[1px] tw-text-center tw-font-body tw-text-[14px] tw-font-bold tw-leading-[180%] tw-text-white tw-shadow-none tw-outline-none hover:tw-text-white focus:tw-text-white active:tw-text-white focus:tw-outline-none focus:tw-ring-0 active:tw-ring-0 active:tw-shadow-none" 11815 > 11816 Add 12 Pack 11817 </button> 11818 </form> 11819 11820 </div> 11821 <!-- ./End Text Container --> 11822</div> 11823 11824 11825 11826 11827 11828 11829 11830 11831 11832 11833 11834 11835 11836 11837 11838 11839 11840 11841 11842 11843 11844 11845 11846 11847 11848 11849 11850 11851 11852 11853 11854 11855 11856<div 11857 class="product-card tw-relative tw-group tw-grid tw-h-full tw-w-full tw-overflow-visible focus:tw-ring-2" 11858 style="grid-template-rows: max-content 1fr" 11859> 11860 11861 11862 11863 11864 <!-- Image Container --> 11865 <div class="tw-relative tw-w-full"> 11866 <a 11867 href="/products/orange-cream" 11868 11869 aria-label="Shop Now- Orange Cream" 11870 class="tw-block tw-relative tw-mx-auto tw-w-full tw-max-w-[314px] tw-aspect-square tw-overflow-hidden tw-rounded-2xl" 11871 > 11872 11873 11874 <div class="tw-relative tw-z-[1] tw-mx-auto tw-flex tw-h-full tw-w-full tw-items-center tw-justify-center"> 11875 11876<img 11877 src="//drinkolipop.com/cdn/shop/files/orange-cream-9g-olipop_gallery-image_single-can_new_asset_1x.webp?v=1779162789" 11878 data-srcset="//drinkolipop.com/cdn/shop/files/orange-cream-9g-olipop_gallery-image_single-can_new_asset_480x.webp?v=1779162789 240w, 11879 //drinkolipop.com/cdn/shop/files/orange-cream-9g-olipop_gallery-image_single-can_new_asset_720x.webp?v=1779162789 360w, 11880 //drinkolipop.com/cdn/shop/files/orange-cream-9g-olipop_gallery-image_single-can_new_asset_1080x.webp?v=1779162789 540w, 11881 //drinkolipop.com/cdn/shop/files/orange-cream-9g-olipop_gallery-image_single-can_new_asset_1440x.webp?v=1779162789 720w, 11882 //drinkolipop.com/cdn/shop/files/orange-cream-9g-olipop_gallery-image_single-can_new_asset_1350x.webp?v=1779162789 900w, 11883 //drinkolipop.com/cdn/shop/files/orange-cream-9g-olipop_gallery-image_single-can_new_asset_1512x.webp?v=1779162789 1080w, 11884 //drinkolipop.com/cdn/shop/files/orange-cream-9g-olipop_gallery-image_single-can_new_asset_1728x.webp?v=1779162789 1296w, 11885 //drinkolipop.com/cdn/shop/files/orange-cream-9g-olipop_gallery-image_single-can_new_asset_1920x.webp?v=1779162789 1350w, 11886 //drinkolipop.com/cdn/shop/files/orange-cream-9g-olipop_gallery-image_single-can_new_asset_1980x.webp?v=1779162789 1728w, 11887 //drinkolipop.com/cdn/shop/files/orange-cream-9g-olipop_gallery-image_single-can_new_asset_2160x.webp?v=1779162789 1920w, 11888 //drinkolipop.com/cdn/shop/files/orange-cream-9g-olipop_gallery-image_single-can_new_asset_2880x.webp?v=1779162789 2560w, 11889 //drinkolipop.com/cdn/shop/files/orange-cream-9g-olipop_gallery-image_single-can_new_asset_4096x.webp?v=1779162789 3072w 11890 " 11891 data-src="//drinkolipop.com/cdn/shop/files/orange-cream-9g-olipop_gallery-image_single-can_new_asset_360x.webp?v=1779162789" 11892 data-optimumx="auto" 11893 data-sizes="auto" 11894 data-parent-fit="contain" 11895 width="100%" 11896 height="100%" 11897 class="lazyload tw-h-full tw-w-full tw-object-contain" 11898 data-aspectratio="0.7605263157894737" 11899 alt="Orange Cream" 11900 11901> 11902 11903 </div> 11904 11905 11906 <div class="tw-pointer-events-none tw-absolute tw-inset-0 tw-z-[2] tw-hidden lg:tw-block" data-hover-wave-card> 11907 <div class="tw-absolute tw-inset-0 tw-flex tw-items-end tw-overflow-hidden"> 11908 <div class="tw-relative tw-h-full tw-w-full"> 11909 <div class="tw-absolute tw-inset-x-0 tw-bottom-0 tw-h-full tw-overflow-hidden"> 11910 <svg 11911 class="tw-h-full tw-w-full"
11912 viewBox="0 0 314 314" 11913 fill="none" 11914 xmlns="http://www.w3.org/2000/svg" 11915 xmlns:xlink="http://www.w3.org/1999/xlink" 11916 preserveAspectRatio="xMidYMid meet" 11917 > 11918 <defs> 11919 <clipPath id="clip-hover-wave-6604538577055-template--24009561342111__collection_hybrid_meta_ALe7xC" clipPathUnits="userSpaceOnUse"> 11920 <path 11921 data-hover-wave-path 11922 d="M314 314H0.000422459L0.00012756 318.4565C-0.0456402 318.419 62.4 300.8566 157 340.0583C251.6 379.2601 314 314.4565 314 314.4565V314Z" 11923 /> 11924 </clipPath> 11925 </defs> 11926 <image 11927 href="//drinkolipop.com/cdn/shop/files/OC-PDP-Horizontal-Desktop_080725_new_asset.webp?v=1779076926&width=1440" 11928 xlink:href="//drinkolipop.com/cdn/shop/files/OC-PDP-Horizontal-Desktop_080725_new_asset.webp?v=1779076926&width=1440" 11929 x="0" 11930 y="0" 11931 width="314" 11932 height="314" 11933 preserveAspectRatio="xMidYMax slice" 11934 clip-path="url(#clip-hover-wave-6604538577055-template--24009561342111__collection_hybrid_meta_ALe7xC)" 11935 /> 11936 </svg> 11937 </div> 11938 </div> 11939 </div> 11940 </div> 11941 11942 </a> 11943 11944 11945 <div class="tw-pointer-events-none tw-absolute tw-inset-x-0 tw-bottom-4 tw-z-[4] tw-hidden tw-px-4 lg:tw-flex lg:group-hover:tw-flex"> 11946 11947 <form method="post" action="/cart/add" data-product-card-cta data-variant-id="39569001578655" data-quantity="1" class="tw-pointer-events-auto tw-w-full tw-opacity-0 tw-transition-opacity tw-duration-300 group-hover:tw-opacity-100"> 11948 <input type="hidden" name="id" value="39569001578655"> 11949 <input type="hidden" name="quantity" value="1"> 11950 <button 11951 type="submit" 11952 name="add" 11953 data-add-to-cart 11954 data-product-card-cta 11955 aria-label="Add 12 Pack- Orange Cream" 11956 class="tw-inline-flex tw-w-full tw-items-center tw-justify-center tw-rounded-[50px] tw-border-0 tw-bg-[#034638] hover:tw-bg-[#0A3128] tw-px-5 tw-pt-[3px] tw-pb-[1px] tw-text-center tw-font-body tw-text-[14px] tw-font-bold tw-leading-[180%] tw-text-white tw-shadow-none tw-outline-none hover:tw-text-white focus:tw-text-white active:tw-text-white focus:tw-outline-none focus:tw-ring-0 active:tw-ring-0 active:tw-shadow-none" 11957 > 11958 Add 12 Pack 11959 </button> 11960 </form> 11961 11962 </div> 11963 </div> 11964 <!-- ./End Image Container --> 11965 11966 <!-- Text Container --> 11967 <div class="tw-row-span-1 tw-row-start-2 tw-flex tw-w-full tw-flex-col tw-items-center tw-px-3 tw-pb-6 tw-pt-4 tw-text-center md:tw-px-5"> 11968 11969 <div class="tw-flex tw-min-h-[16px] tw-items-center tw-justify-center"> 11970 <div 11971 data-bv-show="inline_rating" 11972 data-bv-product-id="6604538577055" 11973 class="bazaarvoice-product-summary bazaarvoice-product-summary--big product-card__inline-rating" 11974 ></div> 11975 </div> 11976 11977 11978 <p class="tw-min-h-[25px] tw-font-body tw-text-[14px] tw-font-normal tw-leading-[180%] tw-text-[#0A3128] tw-mt-[3px]"> 11979 11980 9g Fiber 11981 11982 </p> 11983 11984 <p class="tw-text-[16px] tw-leading-[140%]" role="heading" aria-level="3"> 11985 <a href="/products/orange-cream" aria-label="Shop Now- Orange Cream" class="tw-relative tw-z-[4] tw-inline-block tw-font-body tw-text-[16
11985px] tw-font-bold tw-leading-[140%] tw-text-[#034638]"> 11986 Orange Cream 11987 </a> 11988 </p> 11989 11990 11991 <form method="post" action="/cart/add" data-product-card-cta data-variant-id="39569001578655" data-quantity="1" class="tw-relative tw-z-[4] tw-mt-2 tw-w-full tw-max-w-[120px] md:tw-max-w-[70%] lg:tw-hidden"> 11992 <input type="hidden" name="id" value="39569001578655"> 11993 <input type="hidden" name="quantity" value="1"> 11994 <button 11995 type="submit" 11996 name="add" 11997 data-add-to-cart 11998 data-product-card-cta 11999 aria-label="Add 12 Pack- Orange Cream" 12000 class="tw-inline-flex tw-w-full tw-items-center tw-justify-center tw-rounded-[50px] tw-border-0 tw-bg-[#034638] hover:tw-bg-[#0A3128] tw-px-5 tw-pt-[3px] tw-pb-[1px] tw-text-center tw-font-body tw-text-[14px] tw-font-bold tw-leading-[180%] tw-text-white tw-shadow-none tw-outline-none hover:tw-text-white focus:tw-text-white active:tw-text-white focus:tw-outline-none focus:tw-ring-0 active:tw-ring-0 active:tw-shadow-none" 12001 > 12002 Add 12 Pack 12003 </button> 12004 </form> 12005 12006 </div> 12007 <!-- ./End Text Container --> 12008</div> 12009 12010 12011 12012 12013 12014 12015 12016 12017 12018 12019 12020 12021 12022 12023 12024 12025 12026 12027 12028 12029 12030 12031 12032 12033 12034 12035 12036 12037 12038 12039 12040 12041 12042<div 12043 class="product-card tw-relative tw-group tw-grid tw-h-full tw-w-full tw-overflow-visible focus:tw-ring-2" 12044 style="grid-template-rows: max-content 1fr" 12045> 12046 12047 12048 12049 12050 <!-- Image Container --> 12051 <div class="tw-relative tw-w-full"> 12052 <a 12053 href="/products/peaches-and-cream" 12054 12055 aria-label="Shop Now- Peaches & Cream" 12056 class="tw-block tw-relative tw-mx-auto tw-w-full tw-max-w-[314px] tw-aspect-square tw-overflow-hidden tw-rounded-2xl" 12057 > 12058 12059 12060 <div class="tw-relative tw-z-[1] tw-mx-auto tw-flex tw-h-full tw-w-full tw-items-center tw-justify-center"> 12061 12062<img 12063 src="//drinkolipop.com/cdn/shop/files/peaches-and-cream-9g-olipop_gallery-image_single-can_new_asset_1x.webp?v=1779165117" 12064 data-srcset="//drinkolipop.com/cdn/shop/files/peaches-and-cream-9g-olipop_gallery-image_single-can_new_asset_480x.webp?v=1779165117 240w, 12065 //drinkolipop.com/cdn/shop/files/peaches-and-cream-9g-olipop_gallery-image_single-can_new_asset_720x.webp?v=1779165117 360w, 12066 //drinkolipop.com/cdn/shop/files/peaches-and-cream-9g-olipop_gallery-image_single-can_new_asset_1080x.webp?v=1779165117 540w, 12067 //drinkolipop.com/cdn/shop/files/peaches-and-cream-9g-olipop_gallery-image_single-can_new_asset_1440x.webp?v=1779165117 720w, 12068 //drinkolipop.com/cdn/shop/files/peaches-and-cream-9g-olipop_gallery-image_single-can_new_asset_1350x.webp?v=1779165117 900w, 12069 //drinkolipop.com/cdn/shop/files/peaches-and-cream-9g-olipop_gallery-image_single-can_new_asset_1512x.webp?v=1779165117 1080w, 12070 //drinkolipop.com/cdn/shop/files/peaches-and-cream-9g-olipop_gallery-image_single-can_new_asset_1728x.webp?v=1779165117 1296w, 12071 //drinkolipop.com/cdn/shop/files/peaches-and-cream-9g-olipop_gallery-image_single-can_new_asset_1920x.webp?v=1779165117 1350w, 12072 //drinkolipop.com/cdn/shop/files/peaches-and-cream-9g-olipop_gallery-image_single-can_new_asset_1980x.webp?v=1779165117 1728w, 12073 //drinkolipop.com/cdn/shop/files/peaches-and-cream-9g-olipop_gallery-image_single-can_new_asset_2160x.webp?v=1779165117 1920w, 12074 //drinkolipop.com/cdn/shop/files/peaches-and-cream-9g-olipop_gallery-image_single-can_new_asset_2880x.webp?v=1779165117 2560w, 12075 //drinkolipop.com/cdn/shop/files/peaches-and-cream-9g-olipop_gallery-image_single-can_new_asset_4096x.webp?v=1779165117 3072w 12076 " 12077 data-src="//drinkolipop.com/cdn/shop/files/peaches-and-cream-9g-olipop_gallery-image_single-can_new_asset_360x.webp?v=1779165117" 12078 data-optimumx="auto" 12079 data-sizes="auto" 12080 data-parent-fit="contain" 12081 width="100%" 12082 height="100%" 12083 class="lazyload tw-h-full tw-w-full tw-object-contain" 12084 data-aspectratio="0.7605263157894737" 12085 alt="Peaches & Cream" 12086 12087> 12088 12089 </div> 12090 12091 12092 <div class="tw-pointer-events-none tw-absolute tw-inset-0 tw-z-[2] tw-hidden lg:tw-block" data-hover-wave-card> 12093 <div class="tw-absolute tw-inset-0 tw-flex tw-items-end tw-overflow-hidden"> 12094 <div class="tw-relative tw-h-full tw-w-full"> 12095 <div class="tw-absolute tw-inset-x-0 tw-bottom-0 tw-h-full tw-overflow-hidden"> 12096 <svg 12097 class="tw-h-full tw-w-full"
12098 viewBox="0 0 314 314" 12099 fill="none" 12100 xmlns="http://www.w3.org/2000/svg" 12101 xmlns:xlink="http://www.w3.org/1999/xlink" 12102 preserveAspectRatio="xMidYMid meet" 12103 > 12104 <defs> 12105 <clipPath id="clip-hover-wave-9247375851679-template--24009561342111__collection_hybrid_meta_ALe7xC" clipPathUnits="userSpaceOnUse"> 12106 <path 12107 data-hover-wave-path 12108 d="M314 314H0.000422459L0.00012756 318.4565C-0.0456402 318.419 62.4 300.8566 157 340.0583C251.6 379.2601 314 314.4565 314 314.4565V314Z" 12109 /> 12110 </clipPath> 12111 </defs> 12112 <image 12113 href="//drinkolipop.com/cdn/shop/files/OC-PDP-Horizontal_v2.webp?v=1746116518&width=1440" 12114 xlink:href="//drinkolipop.com/cdn/shop/files/OC-PDP-Horizontal_v2.webp?v=1746116518&width=1440" 12115 x="0" 12116 y="0" 12117 width="314" 12118 height="314" 12119 preserveAspectRatio="xMidYMax slice" 12120 clip-path="url(#clip-hover-wave-9247375851679-template--24009561342111__collection_hybrid_meta_ALe7xC)" 12121 /> 12122 </svg> 12123 </div> 12124 </div> 12125 </div> 12126 </div> 12127 12128 </a> 12129 12130 12131 <div class="tw-pointer-events-none tw-absolute tw-inset-x-0 tw-bottom-4 tw-z-[4] tw-hidden tw-px-4 lg:tw-flex lg:group-hover:tw-flex"> 12132 12133 <form method="post" action="/cart/add" data-product-card-cta data-variant-id="45259076501663" data-quantity="1" class="tw-pointer-events-auto tw-w-full tw-opacity-0 tw-transition-opacity tw-duration-300 group-hover:tw-opacity-100"> 12134 <input type="hidden" name="id" value="45259076501663"> 12135 <input type="hidden" name="quantity" value="1"> 12136 <button 12137 type="submit" 12138 name="add" 12139 data-add-to-cart 12140 data-product-card-cta 12141 aria-label="Add 12 Pack- Peaches & Cream" 12142 class="tw-inline-flex tw-w-full tw-items-center tw-justify-center tw-rounded-[50px] tw-border-0 tw-bg-[#034638] hover:tw-bg-[#0A3128] tw-px-5 tw-pt-[3px] tw-pb-[1px] tw-text-center tw-font-body tw-text-[14px] tw-font-bold tw-leading-[180%] tw-text-white tw-shadow-none tw-outline-none hover:tw-text-white focus:tw-text-white active:tw-text-white focus:tw-outline-none focus:tw-ring-0 active:tw-ring-0 active:tw-shadow-none" 12143 > 12144 Add 12 Pack 12145 </button> 12146 </form> 12147 12148 </div> 12149 </div> 12150 <!-- ./End Image Container --> 12151 12152 <!-- Text Container --> 12153 <div class="tw-row-span-1 tw-row-start-2 tw-flex tw-w-full tw-flex-col tw-items-center tw-px-3 tw-pb-6 tw-pt-4 tw-text-center md:tw-px-5"> 12154 12155 <div class="tw-flex tw-min-h-[16px] tw-items-center tw-justify-center"> 12156 <div 12157 data-bv-show="inline_rating" 12158 data-bv-product-id="9247375851679" 12159 class="bazaarvoice-product-summary bazaarvoice-product-summary--big product-card__inline-rating" 12160 ></div> 12161 </div> 12162 12163 12164 <p class="tw-min-h-[25px] tw-font-body tw-text-[14px] tw-font-normal tw-leading-[180%] tw-text-[#0A3128] tw-mt-[3px]"> 12165 12166 9g Fiber 12167 12168 </p> 12169 12170 <p class="tw-text-[16px] tw-leading-[140%]" role="heading" aria-level="3"> 12171 <a href="/products/peaches-and-cream" aria-label="Shop Now- Peaches & Cream" class="tw-relative tw-z-[4] tw-inline-block tw-font-body tw-text-[16
12171px] tw-font-bold tw-leading-[140%] tw-text-[#034638]"> 12172 Peaches & Cream 12173 </a> 12174 </p> 12175 12176 12177 <form method="post" action="/cart/add" data-product-card-cta data-variant-id="45259076501663" data-quantity="1" class="tw-relative tw-z-[4] tw-mt-2 tw-w-full tw-max-w-[120px] md:tw-max-w-[70%] lg:tw-hidden"> 12178 <input type="hidden" name="id" value="45259076501663"> 12179 <input type="hidden" name="quantity" value="1"> 12180 <button 12181 type="submit" 12182 name="add" 12183 data-add-to-cart 12184 data-product-card-cta 12185 aria-label="Add 12 Pack- Peaches & Cream" 12186 class="tw-inline-flex tw-w-full tw-items-center tw-justify-center tw-rounded-[50px] tw-border-0 tw-bg-[#034638] hover:tw-bg-[#0A3128] tw-px-5 tw-pt-[3px] tw-pb-[1px] tw-text-center tw-font-body tw-text-[14px] tw-font-bold tw-leading-[180%] tw-text-white tw-shadow-none tw-outline-none hover:tw-text-white focus:tw-text-white active:tw-text-white focus:tw-outline-none focus:tw-ring-0 active:tw-ring-0 active:tw-shadow-none" 12187 > 12188 Add 12 Pack 12189 </button> 12190 </form> 12191 12192 </div> 12193 <!-- ./End Text Container --> 12194</div> 12195 12196 12197 12198 12199 12200 12201 12202 12203 12204 12205 12206 12207 12208 12209 12210 12211 12212 12213 12214 12215 12216 12217 12218 12219 12220 12221 12222 12223 12224 12225 12226 12227 12228<div 12229 class="product-card tw-relative tw-group tw-grid tw-h-full tw-w-full tw-overflow-visible focus:tw-ring-2" 12230 style="grid-template-rows: max-content 1fr" 12231> 12232 12233 12234 12235 12236 <!-- Image Container --> 12237 <div class="tw-relative tw-w-full"> 12238 <a 12239 href="/products/ginger-ale" 12240 12241 aria-label="Shop Now- Ginger Ale" 12242 class="tw-block tw-relative tw-mx-auto tw-w-full tw-max-w-[314px] tw-aspect-square tw-overflow-hidden tw-rounded-2xl" 12243 > 12244 12245 12246 <div class="tw-relative tw-z-[1] tw-mx-auto tw-flex tw-h-full tw-w-full tw-items-center tw-justify-center"> 12247 12248<img 12249 src="//drinkolipop.com/cdn/shop/files/ginger-ale-9g-olipop_gallery-image_single-can_new_asset_1x.webp?v=1779164857" 12250 data-srcset="//drinkolipop.com/cdn/shop/files/ginger-ale-9g-olipop_gallery-image_single-can_new_asset_480x.webp?v=1779164857 240w, 12251 //drinkolipop.com/cdn/shop/files/ginger-ale-9g-olipop_gallery-image_single-can_new_asset_720x.webp?v=1779164857 360w, 12252 //drinkolipop.com/cdn/shop/files/ginger-ale-9g-olipop_gallery-image_single-can_new_asset_1080x.webp?v=1779164857 540w, 12253 //drinkolipop.com/cdn/shop/files/ginger-ale-9g-olipop_gallery-image_single-can_new_asset_1440x.webp?v=1779164857 720w, 12254 //drinkolipop.com/cdn/shop/files/ginger-ale-9g-olipop_gallery-image_single-can_new_asset_1350x.webp?v=1779164857 900w, 12255 //drinkolipop.com/cdn/shop/files/ginger-ale-9g-olipop_gallery-image_single-can_new_asset_1512x.webp?v=1779164857 1080w, 12256 //drinkolipop.com/cdn/shop/files/ginger-ale-9g-olipop_gallery-image_single-can_new_asset_1728x.webp?v=1779164857 1296w, 12257 //drinkolipop.com/cdn/shop/files/ginger-ale-9g-olipop_gallery-image_single-can_new_asset_1920x.webp?v=1779164857 1350w, 12258 //drinkolipop.com/cdn/shop/files/ginger-ale-9g-olipop_gallery-image_single-can_new_asset_1980x.webp?v=1779164857 1728w, 12259 //drinkolipop.com/cdn/shop/files/ginger-ale-9g-olipop_gallery-image_single-can_new_asset_2160x.webp?v=1779164857 1920w, 12260 //drinkolipop.com/cdn/shop/files/ginger-ale-9g-olipop_gallery-image_single-can_new_asset_2880x.webp?v=1779164857 2560w, 12261 //drinkolipop.com/cdn/shop/files/ginger-ale-9g-olipop_gallery-image_single-can_new_asset_4096x.webp?v=1779164857 3072w 12262 " 12263 data-src="//drinkolipop.com/cdn/shop/files/ginger-ale-9g-olipop_gallery-image_single-can_new_asset_360x.webp?v=1779164857" 12264 data-optimumx="auto" 12265 data-sizes="auto" 12266 data-parent-fit="contain" 12267 width="100%" 12268 height="100%" 12269 class="lazyload tw-h-full tw-w-full tw-object-contain" 12270 data-aspectratio="0.7605263157894737" 12271 alt="Ginger Ale" 12272 12273> 12274 12275 </div> 12276 12277 12278 <div class="tw-pointer-events-none tw-absolute tw-inset-0 tw-z-[2] tw-hidden lg:tw-block" data-hover-wave-card> 12279 <div class="tw-absolute tw-inset-0 tw-flex tw-items-end tw-overflow-hidden"> 12280 <div class="tw-relative tw-h-full tw-w-full"> 12281 <div class="tw-absolute tw-inset-x-0 tw-bottom-0 tw-h-full tw-overflow-hidden"> 12282 <svg 12283 class="tw-h-full tw-w-full"
12284 viewBox="0 0 314 314" 12285 fill="none" 12286 xmlns="http://www.w3.org/2000/svg" 12287 xmlns:xlink="http://www.w3.org/1999/xlink" 12288 preserveAspectRatio="xMidYMid meet" 12289 > 12290 <defs> 12291 <clipPath id="clip-hover-wave-9038878015647-template--24009561342111__collection_hybrid_meta_ALe7xC" clipPathUnits="userSpaceOnUse"> 12292 <path 12293 data-hover-wave-path 12294 d="M314 314H0.000422459L0.00012756 318.4565C-0.0456402 318.419 62.4 300.8566 157 340.0583C251.6 379.2601 314 314.4565 314 314.4565V314Z" 12295 /> 12296 </clipPath> 12297 </defs> 12298 <image 12299 href="//drinkolipop.com/cdn/shop/files/ginger-ale_GA-PDP-Square1_new_asset.jpg?v=1778729866&width=1440" 12300 xlink:href="//drinkolipop.com/cdn/shop/files/ginger-ale_GA-PDP-Square1_new_asset.jpg?v=1778729866&width=1440" 12301 x="0" 12302 y="0" 12303 width="314" 12304 height="314" 12305 preserveAspectRatio="xMidYMax slice" 12306 clip-path="url(#clip-hover-wave-9038878015647-template--24009561342111__collection_hybrid_meta_ALe7xC)" 12307 /> 12308 </svg> 12309 </div> 12310 </div> 12311 </div> 12312 </div> 12313 12314 </a> 12315 12316 12317 <div class="tw-pointer-events-none tw-absolute tw-inset-x-0 tw-bottom-4 tw-z-[4] tw-hidden tw-px-4 lg:tw-flex lg:group-hover:tw-flex"> 12318 12319 <form method="post" action="/cart/add" data-product-card-cta data-variant-id="44438423208095" data-quantity="1" class="tw-pointer-events-auto tw-w-full tw-opacity-0 tw-transition-opacity tw-duration-300 group-hover:tw-opacity-100"> 12320 <input type="hidden" name="id" value="44438423208095"> 12321 <input type="hidden" name="quantity" value="1"> 12322 <button 12323 type="submit" 12324 name="add" 12325 data-add-to-cart 12326 data-product-card-cta 12327 aria-label="Add 12 Pack- Ginger Ale" 12328 class="tw-inline-flex tw-w-full tw-items-center tw-justify-center tw-rounded-[50px] tw-border-0 tw-bg-[#034638] hover:tw-bg-[#0A3128] tw-px-5 tw-pt-[3px] tw-pb-[1px] tw-text-center tw-font-body tw-text-[14px] tw-font-bold tw-leading-[180%] tw-text-white tw-shadow-none tw-outline-none hover:tw-text-white focus:tw-text-white active:tw-text-white focus:tw-outline-none focus:tw-ring-0 active:tw-ring-0 active:tw-shadow-none" 12329 > 12330 Add 12 Pack 12331 </button> 12332 </form> 12333 12334 </div> 12335 </div> 12336 <!-- ./End Image Container --> 12337 12338 <!-- Text Container --> 12339 <div class="tw-row-span-1 tw-row-start-2 tw-flex tw-w-full tw-flex-col tw-items-center tw-px-3 tw-pb-6 tw-pt-4 tw-text-center md:tw-px-5"> 12340 12341 <div class="tw-flex tw-min-h-[16px] tw-items-center tw-justify-center"> 12342 <div 12343 data-bv-show="inline_rating" 12344 data-bv-product-id="9038878015647" 12345 class="bazaarvoice-product-summary bazaarvoice-product-summary--big product-card__inline-rating" 12346 ></div> 12347 </div> 12348 12349 12350 <p class="tw-min-h-[25px] tw-font-body tw-text-[14px] tw-font-normal tw-leading-[180%] tw-text-[#0A3128] tw-mt-[3px]"> 12351 12352 9g Fiber 12353 12354 </p> 12355 12356 <p class="tw-text-[16px] tw-leading-[140%]" role="heading" aria-level="3"> 12357 <a href="/products/ginger-ale" aria-label="Shop Now- Ginger Ale" class="tw-relative tw-z-[4] tw-inline-block tw-font-body tw-text-[16
12357px] tw-font-bold tw-leading-[140%] tw-text-[#034638]"> 12358 Ginger Ale 12359 </a> 12360 </p> 12361 12362 12363 <form method="post" action="/cart/add" data-product-card-cta data-variant-id="44438423208095" data-quantity="1" class="tw-relative tw-z-[4] tw-mt-2 tw-w-full tw-max-w-[120px] md:tw-max-w-[70%] lg:tw-hidden"> 12364 <input type="hidden" name="id" value="44438423208095"> 12365 <input type="hidden" name="quantity" value="1"> 12366 <button 12367 type="submit" 12368 name="add" 12369 data-add-to-cart 12370 data-product-card-cta 12371 aria-label="Add 12 Pack- Ginger Ale" 12372 class="tw-inline-flex tw-w-full tw-items-center tw-justify-center tw-rounded-[50px] tw-border-0 tw-bg-[#034638] hover:tw-bg-[#0A3128] tw-px-5 tw-pt-[3px] tw-pb-[1px] tw-text-center tw-font-body tw-text-[14px] tw-font-bold tw-leading-[180%] tw-text-white tw-shadow-none tw-outline-none hover:tw-text-white focus:tw-text-white active:tw-text-white focus:tw-outline-none focus:tw-ring-0 active:tw-ring-0 active:tw-shadow-none" 12373 > 12374 Add 12 Pack 12375 </button> 12376 </form> 12377 12378 </div> 12379 <!-- ./End Text Container --> 12380</div> 12381 12382 12383 12384 12385 12386 12387 12388 12389 12390 12391 12392 12393 12394 12395 12396 12397 12398 12399 12400 12401 12402 12403 12404 12405 12406 12407 12408 12409 12410 12411 12412 12413 12414<div 12415 class="product-card tw-relative tw-group tw-grid tw-h-full tw-w-full tw-overflow-visible focus:tw-ring-2" 12416 style="grid-template-rows: max-content 1fr" 12417> 12418 12419 12420 12421 12422 <!-- Image Container --> 12423 <div class="tw-relative tw-w-full"> 12424 <a 12425 href="/products/orange-squeeze" 12426 12427 aria-label="Shop Now- Orange Squeeze" 12428 class="tw-block tw-relative tw-mx-auto tw-w-full tw-max-w-[314px] tw-aspect-square tw-overflow-hidden tw-rounded-2xl" 12429 > 12430 12431 12432 <div class="tw-relative tw-z-[1] tw-mx-auto tw-flex tw-h-full tw-w-full tw-items-center tw-justify-center"> 12433 12434<img 12435 src="//drinkolipop.com/cdn/shop/files/orange-squeeze-9g-olipop_gallery-image_single-can_new_asset_1x.webp?v=1779162264" 12436 data-srcset="//drinkolipop.com/cdn/shop/files/orange-squeeze-9g-olipop_gallery-image_single-can_new_asset_480x.webp?v=1779162264 240w, 12437 //drinkolipop.com/cdn/shop/files/orange-squeeze-9g-olipop_gallery-image_single-can_new_asset_720x.webp?v=1779162264 360w, 12438 //drinkolipop.com/cdn/shop/files/orange-squeeze-9g-olipop_gallery-image_single-can_new_asset_1080x.webp?v=1779162264 540w, 12439 //drinkolipop.com/cdn/shop/files/orange-squeeze-9g-olipop_gallery-image_single-can_new_asset_1440x.webp?v=1779162264 720w, 12440 //drinkolipop.com/cdn/shop/files/orange-squeeze-9g-olipop_gallery-image_single-can_new_asset_1350x.webp?v=1779162264 900w, 12441 //drinkolipop.com/cdn/shop/files/orange-squeeze-9g-olipop_gallery-image_single-can_new_asset_1512x.webp?v=1779162264 1080w, 12442 //drinkolipop.com/cdn/shop/files/orange-squeeze-9g-olipop_gallery-image_single-can_new_asset_1728x.webp?v=1779162264 1296w, 12443 //drinkolipop.com/cdn/shop/files/orange-squeeze-9g-olipop_gallery-image_single-can_new_asset_1920x.webp?v=1779162264 1350w, 12444 //drinkolipop.com/cdn/shop/files/orange-squeeze-9g-olipop_gallery-image_single-can_new_asset_1980x.webp?v=1779162264 1728w, 12445 //drinkolipop.com/cdn/shop/files/orange-squeeze-9g-olipop_gallery-image_single-can_new_asset_2160x.webp?v=1779162264 1920w, 12446 //drinkolipop.com/cdn/shop/files/orange-squeeze-9g-olipop_gallery-image_single-can_new_asset_2880x.webp?v=1779162264 2560w, 12447 //drinkolipop.com/cdn/shop/files/orange-squeeze-9g-olipop_gallery-image_single-can_new_asset_4096x.webp?v=1779162264 3072w 12448 " 12449 data-src="//drinkolipop.com/cdn/shop/files/orange-squeeze-9g-olipop_gallery-image_single-can_new_asset_360x.webp?v=1779162264" 12450 data-optimumx="auto" 12451 data-sizes="auto" 12452 data-parent-fit="contain" 12453 width="100%" 12454 height="100%" 12455 class="lazyload tw-h-full tw-w-full tw-object-contain" 12456 data-aspectratio="0.7605263157894737" 12457 alt="Orange Squeeze" 12458 12459> 12460 12461 </div> 12462 12463 12464 <div class="tw-pointer-events-none tw-absolute tw-inset-0 tw-z-[2] tw-hidden lg:tw-block" data-hover-wave-card> 12465 <div class="tw-absolute tw-inset-0 tw-flex tw-items-end tw-overflow-hidden"> 12466 <div class="tw-relative tw-h-full tw-w-full"> 12467 <div class="tw-absolute tw-inset-x-0 tw-bottom-0 tw-h-full tw-overflow-hidden"> 12468 <svg 12469 class="tw-h-full tw-w-full"
12470 viewBox="0 0 314 314" 12471 fill="none" 12472 xmlns="http://www.w3.org/2000/svg" 12473 xmlns:xlink="http://www.w3.org/1999/xlink" 12474 preserveAspectRatio="xMidYMid meet" 12475 > 12476 <defs> 12477 <clipPath id="clip-hover-wave-5538631712927-template--24009561342111__collection_hybrid_meta_ALe7xC" clipPathUnits="userSpaceOnUse"> 12478 <path 12479 data-hover-wave-path 12480 d="M314 314H0.000422459L0.00012756 318.4565C-0.0456402 318.419 62.4 300.8566 157 340.0583C251.6 379.2601 314 314.4565 314 314.4565V314Z" 12481 /> 12482 </clipPath> 12483 </defs> 12484 <image 12485 href="//drinkolipop.com/cdn/shop/products/OS-TOP_new_asset.png?v=1779077019&width=1440" 12486 xlink:href="//drinkolipop.com/cdn/shop/products/OS-TOP_new_asset.png?v=1779077019&width=1440" 12487 x="0" 12488 y="0" 12489 width="314" 12490 height="314" 12491 preserveAspectRatio="xMidYMax slice" 12492 clip-path="url(#clip-hover-wave-5538631712927-template--24009561342111__collection_hybrid_meta_ALe7xC)" 12493 /> 12494 </svg> 12495 </div> 12496 </div> 12497 </div> 12498 </div> 12499 12500 </a> 12501 12502 12503 <div class="tw-pointer-events-none tw-absolute tw-inset-x-0 tw-bottom-4 tw-z-[4] tw-hidden tw-px-4 lg:tw-flex lg:group-hover:tw-flex"> 12504 12505 <form method="post" action="/cart/add" data-product-card-cta data-variant-id="35768781111455" data-quantity="1" class="tw-pointer-events-auto tw-w-full tw-opacity-0 tw-transition-opacity tw-duration-300 group-hover:tw-opacity-100"> 12506 <input type="hidden" name="id" value="35768781111455"> 12507 <input type="hidden" name="quantity" value="1"> 12508 <button 12509 type="submit" 12510 name="add" 12511 data-add-to-cart 12512 data-product-card-cta 12513 aria-label="Add 12 Pack- Orange Squeeze" 12514 class="tw-inline-flex tw-w-full tw-items-center tw-justify-center tw-rounded-[50px] tw-border-0 tw-bg-[#034638] hover:tw-bg-[#0A3128] tw-px-5 tw-pt-[3px] tw-pb-[1px] tw-text-center tw-font-body tw-text-[14px] tw-font-bold tw-leading-[180%] tw-text-white tw-shadow-none tw-outline-none hover:tw-text-white focus:tw-text-white active:tw-text-white focus:tw-outline-none focus:tw-ring-0 active:tw-ring-0 active:tw-shadow-none" 12515 > 12516 Add 12 Pack 12517 </button> 12518 </form> 12519 12520 </div> 12521 </div> 12522 <!-- ./End Image Container --> 12523 12524 <!-- Text Container --> 12525 <div class="tw-row-span-1 tw-row-start-2 tw-flex tw-w-full tw-flex-col tw-items-center tw-px-3 tw-pb-6 tw-pt-4 tw-text-center md:tw-px-5"> 12526 12527 <div class="tw-flex tw-min-h-[16px] tw-items-center tw-justify-center"> 12528 <div 12529 data-bv-show="inline_rating" 12530 data-bv-product-id="5538631712927" 12531 class="bazaarvoice-product-summary bazaarvoice-product-summary--big product-card__inline-rating" 12532 ></div> 12533 </div> 12534 12535 12536 <p class="tw-min-h-[25px] tw-font-body tw-text-[14px] tw-font-normal tw-leading-[180%] tw-text-[#0A3128] tw-mt-[3px]"> 12537 12538 9g Fiber 12539 12540 </p> 12541 12542 <p class="tw-text-[16px] tw-leading-[140%]" role="heading" aria-level="3"> 12543 <a href="/products/orange-squeeze" aria-label="Shop Now- Orange Squeeze" class="tw-relative tw-z-[4] tw-inline-block tw-font-body tw-text-[16
12543px] tw-font-bold tw-leading-[140%] tw-text-[#034638]"> 12544 Orange Squeeze 12545 </a> 12546 </p> 12547 12548 12549 <form method="post" action="/cart/add" data-product-card-cta data-variant-id="35768781111455" data-quantity="1" class="tw-relative tw-z-[4] tw-mt-2 tw-w-full tw-max-w-[120px] md:tw-max-w-[70%] lg:tw-hidden"> 12550 <input type="hidden" name="id" value="35768781111455"> 12551 <input type="hidden" name="quantity" value="1"> 12552 <button 12553 type="submit" 12554 name="add" 12555 data-add-to-cart 12556 data-product-card-cta 12557 aria-label="Add 12 Pack- Orange Squeeze" 12558 class="tw-inline-flex tw-w-full tw-items-center tw-justify-center tw-rounded-[50px] tw-border-0 tw-bg-[#034638] hover:tw-bg-[#0A3128] tw-px-5 tw-pt-[3px] tw-pb-[1px] tw-text-center tw-font-body tw-text-[14px] tw-font-bold tw-leading-[180%] tw-text-white tw-shadow-none tw-outline-none hover:tw-text-white focus:tw-text-white active:tw-text-white focus:tw-outline-none focus:tw-ring-0 active:tw-ring-0 active:tw-shadow-none" 12559 > 12560 Add 12 Pack 12561 </button> 12562 </form> 12563 12564 </div> 12565 <!-- ./End Text Container --> 12566</div> 12567 12568 12569 12570 12571 12572 12573 12574 12575 12576 12577 12578 12579 12580 12581 12582 12583 12584 12585 12586 12587 12588 12589 12590 12591 12592 12593 12594 12595 12596 12597 12598 12599 12600<div 12601 class="product-card tw-relative tw-group tw-grid tw-h-full tw-w-full tw-overflow-visible focus:tw-ring-2" 12602 style="grid-template-rows: max-content 1fr" 12603> 12604 12605 12606 12607 12608 <!-- Image Container --> 12609 <div class="tw-relative tw-w-full"> 12610 <a 12611 href="/products/citrus-rush" 12612 12613 aria-label="Shop Now- Citrus Rush" 12614 class="tw-block tw-relative tw-mx-auto tw-w-full tw-max-w-[314px] tw-aspect-square tw-overflow-hidden tw-rounded-2xl" 12615 > 12616 12617 12618 <div class="tw-relative tw-z-[1] tw-mx-auto tw-flex tw-h-full tw-w-full tw-items-center tw-justify-center"> 12619 12620<img 12621 src="//drinkolipop.com/cdn/shop/files/citrus-rush-9g-olipop_gallery-image_single-can_new_asset_1x.webp?v=1779196248" 12622 data-srcset="//drinkolipop.com/cdn/shop/files/citrus-rush-9g-olipop_gallery-image_single-can_new_asset_480x.webp?v=1779196248 240w, 12623 //drinkolipop.com/cdn/shop/files/citrus-rush-9g-olipop_gallery-image_single-can_new_asset_720x.webp?v=1779196248 360w, 12624 //drinkolipop.com/cdn/shop/files/citrus-rush-9g-olipop_gallery-image_single-can_new_asset_1080x.webp?v=1779196248 540w, 12625 //drinkolipop.com/cdn/shop/files/citrus-rush-9g-olipop_gallery-image_single-can_new_asset_1440x.webp?v=1779196248 720w, 12626 //drinkolipop.com/cdn/shop/files/citrus-rush-9g-olipop_gallery-image_single-can_new_asset_1350x.webp?v=1779196248 900w, 12627 //drinkolipop.com/cdn/shop/files/citrus-rush-9g-olipop_gallery-image_single-can_new_asset_1512x.webp?v=1779196248 1080w, 12628 //drinkolipop.com/cdn/shop/files/citrus-rush-9g-olipop_gallery-image_single-can_new_asset_1728x.webp?v=1779196248 1296w, 12629 //drinkolipop.com/cdn/shop/files/citrus-rush-9g-olipop_gallery-image_single-can_new_asset_1920x.webp?v=1779196248 1350w, 12630 //drinkolipop.com/cdn/shop/files/citrus-rush-9g-olipop_gallery-image_single-can_new_asset_1980x.webp?v=1779196248 1728w, 12631 //drinkolipop.com/cdn/shop/files/citrus-rush-9g-olipop_gallery-image_single-can_new_asset_2160x.webp?v=1779196248 1920w, 12632 //drinkolipop.com/cdn/shop/files/citrus-rush-9g-olipop_gallery-image_single-can_new_asset_2880x.webp?v=1779196248 2560w, 12633 //drinkolipop.com/cdn/shop/files/citrus-rush-9g-olipop_gallery-image_single-can_new_asset_4096x.webp?v=1779196248 3072w 12634 " 12635 data-src="//drinkolipop.com/cdn/shop/files/citrus-rush-9g-olipop_gallery-image_single-can_new_asset_360x.webp?v=1779196248" 12636 data-optimumx="auto" 12637 data-sizes="auto" 12638 data-parent-fit="contain" 12639 width="100%" 12640 height="100%" 12641 class="lazyload tw-h-full tw-w-full tw-object-contain" 12642 data-aspectratio="0.7605263157894737" 12643 alt="Citrus Rush" 12644 12645> 12646 12647 </div> 12648 12649 12650 <div class="tw-pointer-events-none tw-absolute tw-inset-0 tw-z-[2] tw-hidden lg:tw-block" data-hover-wave-card> 12651 <div class="tw-absolute tw-inset-0 tw-flex tw-items-end tw-overflow-hidden"> 12652 <div class="tw-relative tw-h-full tw-w-full"> 12653 <div class="tw-absolute tw-inset-x-0 tw-bottom-0 tw-h-full tw-overflow-hidden"> 12654 <svg 12655 class="tw-h-full tw-w-full"
12656 viewBox="0 0 314 314" 12657 fill="none" 12658 xmlns="http://www.w3.org/2000/svg" 12659 xmlns:xlink="http://www.w3.org/1999/xlink" 12660 preserveAspectRatio="xMidYMid meet" 12661 > 12662 <defs> 12663 <clipPath id="clip-hover-wave-9407865061535-template--24009561342111__collection_hybrid_meta_ALe7xC" clipPathUnits="userSpaceOnUse"> 12664 <path 12665 data-hover-wave-path 12666 d="M314 314H0.000422459L0.00012756 318.4565C-0.0456402 318.419 62.4 300.8566 157 340.0583C251.6 379.2601 314 314.4565 314 314.4565V314Z" 12667 /> 12668 </clipPath> 12669 </defs> 12670 <image 12671 href="//drinkolipop.com/cdn/shop/files/citrus-rush-9g-olipop_OLIPOP_RFG_12oz_CR_GLASSCAN_1x1_new_asset.webp?v=1779114514&width=1440" 12672 xlink:href="//drinkolipop.com/cdn/shop/files/citrus-rush-9g-olipop_OLIPOP_RFG_12oz_CR_GLASSCAN_1x1_new_asset.webp?v=1779114514&width=1440" 12673 x="0" 12674 y="0" 12675 width="314" 12676 height="314" 12677 preserveAspectRatio="xMidYMax slice" 12678 clip-path="url(#clip-hover-wave-9407865061535-template--24009561342111__collection_hybrid_meta_ALe7xC)" 12679 /> 12680 </svg> 12681 </div> 12682 </div> 12683 </div> 12684 </div> 12685 12686 </a> 12687 12688 12689 <div class="tw-pointer-events-none tw-absolute tw-inset-x-0 tw-bottom-4 tw-z-[4] tw-hidden tw-px-4 lg:tw-flex lg:group-hover:tw-flex"> 12690 12691 <form method="post" action="/cart/add" data-product-card-cta data-variant-id="46054342066335" data-quantity="1" class="tw-pointer-events-auto tw-w-full tw-opacity-0 tw-transition-opacity tw-duration-300 group-hover:tw-opacity-100"> 12692 <input type="hidden" name="id" value="46054342066335"> 12693 <input type="hidden" name="quantity" value="1"> 12694 <button 12695 type="submit" 12696 name="add" 12697 data-add-to-cart 12698 data-product-card-cta 12699 aria-label="Add 12 Pack- Citrus Rush" 12700 class="tw-inline-flex tw-w-full tw-items-center tw-justify-center tw-rounded-[50px] tw-border-0 tw-bg-[#034638] hover:tw-bg-[#0A3128] tw-px-5 tw-pt-[3px] tw-pb-[1px] tw-text-center tw-font-body tw-text-[14px] tw-font-bold tw-leading-[180%] tw-text-white tw-shadow-none tw-outline-none hover:tw-text-white focus:tw-text-white active:tw-text-white focus:tw-outline-none focus:tw-ring-0 active:tw-ring-0 active:tw-shadow-none" 12701 > 12702 Add 12 Pack 12703 </button> 12704 </form> 12705 12706 </div> 12707 </div> 12708 <!-- ./End Image Container --> 12709 12710 <!-- Text Container --> 12711 <div class="tw-row-span-1 tw-row-start-2 tw-flex tw-w-full tw-flex-col tw-items-center tw-px-3 tw-pb-6 tw-pt-4 tw-text-center md:tw-px-5"> 12712 12713 <div class="tw-flex tw-min-h-[16px] tw-items-center tw-justify-center"> 12714 <div 12715 data-bv-show="inline_rating" 12716 data-bv-product-id="9407865061535" 12717 class="bazaarvoice-product-summary bazaarvoice-product-summary--big product-card__inline-rating" 12718 ></div> 12719 </div> 12720 12721 12722 <p class="tw-min-h-[25px] tw-font-body tw-text-[14px] tw-font-normal tw-leading-[180%] tw-text-[#0A3128] tw-mt-[3px]"> 12723 12724 9g Fiber 12725 12726 </p> 12727 12728 <p class="tw-text-[16px] tw-leading-[140%]" role="heading" aria-level="3"> 12729 <a href="/products/citrus-rush" aria-label="Shop Now- Citrus Rush" class="tw-relative tw-z-[4] tw-inline-block tw-font-body tw-text-[16
12729px] tw-font-bold tw-leading-[140%] tw-text-[#034638]"> 12730 Citrus Rush 12731 </a> 12732 </p> 12733 12734 12735 <form method="post" action="/cart/add" data-product-card-cta data-variant-id="46054342066335" data-quantity="1" class="tw-relative tw-z-[4] tw-mt-2 tw-w-full tw-max-w-[120px] md:tw-max-w-[70%] lg:tw-hidden"> 12736 <input type="hidden" name="id" value="46054342066335"> 12737 <input type="hidden" name="quantity" value="1"> 12738 <button 12739 type="submit" 12740 name="add" 12741 data-add-to-cart 12742 data-product-card-cta 12743 aria-label="Add 12 Pack- Citrus Rush" 12744 class="tw-inline-flex tw-w-full tw-items-center tw-justify-center tw-rounded-[50px] tw-border-0 tw-bg-[#034638] hover:tw-bg-[#0A3128] tw-px-5 tw-pt-[3px] tw-pb-[1px] tw-text-center tw-font-body tw-text-[14px] tw-font-bold tw-leading-[180%] tw-text-white tw-shadow-none tw-outline-none hover:tw-text-white focus:tw-text-white active:tw-text-white focus:tw-outline-none focus:tw-ring-0 active:tw-ring-0 active:tw-shadow-none" 12745 > 12746 Add 12 Pack 12747 </button> 12748 </form> 12749 12750 </div> 12751 <!-- ./End Text Container --> 12752</div> 12753 12754 12755 12756 12757 12758 12759 12760 12761 12762 12763 12764 12765 12766 12767 12768 12769 12770 12771 12772 12773 12774 12775 12776 12777 12778 12779 12780 12781 12782 12783 12784 12785 12786<div 12787 class="product-card tw-relative tw-group tw-grid tw-h-full tw-w-full tw-overflow-visible focus:tw-ring-2" 12788 style="grid-template-rows: max-content 1fr" 12789> 12790 12791 12792 12793 12794 <!-- Image Container --> 12795 <div class="tw-relative tw-w-full"> 12796 <a 12797 href="/products/doctor-goodwin" 12798 12799 aria-label="Shop Now- Doctor Goodwin" 12800 class="tw-block tw-relative tw-mx-auto tw-w-full tw-max-w-[314px] tw-aspect-square tw-overflow-hidden tw-rounded-2xl" 12801 > 12802 12803 12804 <div class="tw-relative tw-z-[1] tw-mx-auto tw-flex tw-h-full tw-w-full tw-items-center tw-justify-center"> 12805 12806<img 12807 src="//drinkolipop.com/cdn/shop/files/doctor-goodwin-9g-olipop_gallery-image_single-can_new_asset_1x.webp?v=1779163486" 12808 data-srcset="//drinkolipop.com/cdn/shop/files/doctor-goodwin-9g-olipop_gallery-image_single-can_new_asset_480x.webp?v=1779163486 240w, 12809 //drinkolipop.com/cdn/shop/files/doctor-goodwin-9g-olipop_gallery-image_single-can_new_asset_720x.webp?v=1779163486 360w, 12810 //drinkolipop.com/cdn/shop/files/doctor-goodwin-9g-olipop_gallery-image_single-can_new_asset_1080x.webp?v=1779163486 540w, 12811 //drinkolipop.com/cdn/shop/files/doctor-goodwin-9g-olipop_gallery-image_single-can_new_asset_1440x.webp?v=1779163486 720w, 12812 //drinkolipop.com/cdn/shop/files/doctor-goodwin-9g-olipop_gallery-image_single-can_new_asset_1350x.webp?v=1779163486 900w, 12813 //drinkolipop.com/cdn/shop/files/doctor-goodwin-9g-olipop_gallery-image_single-can_new_asset_1512x.webp?v=1779163486 1080w, 12814 //drinkolipop.com/cdn/shop/files/doctor-goodwin-9g-olipop_gallery-image_single-can_new_asset_1728x.webp?v=1779163486 1296w, 12815 //drinkolipop.com/cdn/shop/files/doctor-goodwin-9g-olipop_gallery-image_single-can_new_asset_1920x.webp?v=1779163486 1350w, 12816 //drinkolipop.com/cdn/shop/files/doctor-goodwin-9g-olipop_gallery-image_single-can_new_asset_1980x.webp?v=1779163486 1728w, 12817 //drinkolipop.com/cdn/shop/files/doctor-goodwin-9g-olipop_gallery-image_single-can_new_asset_2160x.webp?v=1779163486 1920w, 12818 //drinkolipop.com/cdn/shop/files/doctor-goodwin-9g-olipop_gallery-image_single-can_new_asset_2880x.webp?v=1779163486 2560w, 12819 //drinkolipop.com/cdn/shop/files/doctor-goodwin-9g-olipop_gallery-image_single-can_new_asset_4096x.webp?v=1779163486 3072w 12820 " 12821 data-src="//drinkolipop.com/cdn/shop/files/doctor-goodwin-9g-olipop_gallery-image_single-can_new_asset_360x.webp?v=1779163486" 12822 data-optimumx="auto" 12823 data-sizes="auto" 12824 data-parent-fit="contain" 12825 width="100%" 12826 height="100%" 12827 class="lazyload tw-h-full tw-w-full tw-object-contain" 12828 data-aspectratio="0.7605263157894737" 12829 alt="Doctor Goodwin" 12830 12831> 12832 12833 </div> 12834 12835 12836 <div class="tw-pointer-events-none tw-absolute tw-inset-0 tw-z-[2] tw-hidden lg:tw-block" data-hover-wave-card> 12837 <div class="tw-absolute tw-inset-0 tw-flex tw-items-end tw-overflow-hidden"> 12838 <div class="tw-relative tw-h-full tw-w-full"> 12839 <div class="tw-absolute tw-inset-x-0 tw-bottom-0 tw-h-full tw-overflow-hidden"> 12840 <svg 12841 class="tw-h-full tw-w-full"
12842 viewBox="0 0 314 314" 12843 fill="none" 12844 xmlns="http://www.w3.org/2000/svg" 12845 xmlns:xlink="http://www.w3.org/1999/xlink" 12846 preserveAspectRatio="xMidYMid meet" 12847 > 12848 <defs> 12849 <clipPath id="clip-hover-wave-7413651832991-template--24009561342111__collection_hybrid_meta_ALe7xC" clipPathUnits="userSpaceOnUse"> 12850 <path 12851 data-hover-wave-path 12852 d="M314 314H0.000422459L0.00012756 318.4565C-0.0456402 318.419 62.4 300.8566 157 340.0583C251.6 379.2601 314 314.4565 314 314.4565V314Z" 12853 /> 12854 </clipPath> 12855 </defs> 12856 <image 12857 href="//drinkolipop.com/cdn/shop/files/doctor-goodwin-9g-olipop_DG-Hover_new_asset.webp?v=1779133071&width=1440" 12858 xlink:href="//drinkolipop.com/cdn/shop/files/doctor-goodwin-9g-olipop_DG-Hover_new_asset.webp?v=1779133071&width=1440" 12859 x="0" 12860 y="0" 12861 width="314" 12862 height="314" 12863 preserveAspectRatio="xMidYMax slice" 12864 clip-path="url(#clip-hover-wave-7413651832991-template--24009561342111__collection_hybrid_meta_ALe7xC)" 12865 /> 12866 </svg> 12867 </div> 12868 </div> 12869 </div> 12870 </div> 12871 12872 </a> 12873 12874 12875 <div class="tw-pointer-events-none tw-absolute tw-inset-x-0 tw-bottom-4 tw-z-[4] tw-hidden tw-px-4 lg:tw-flex lg:group-hover:tw-flex"> 12876 12877 <form method="post" action="/cart/add" data-product-card-cta data-variant-id="42284985188511" data-quantity="1" class="tw-pointer-events-auto tw-w-full tw-opacity-0 tw-transition-opacity tw-duration-300 group-hover:tw-opacity-100"> 12878 <input type="hidden" name="id" value="42284985188511"> 12879 <input type="hidden" name="quantity" value="1"> 12880 <button 12881 type="submit" 12882 name="add" 12883 data-add-to-cart 12884 data-product-card-cta 12885 aria-label="Add 12 Pack- Doctor Goodwin" 12886 class="tw-inline-flex tw-w-full tw-items-center tw-justify-center tw-rounded-[50px] tw-border-0 tw-bg-[#034638] hover:tw-bg-[#0A3128] tw-px-5 tw-pt-[3px] tw-pb-[1px] tw-text-center tw-font-body tw-text-[14px] tw-font-bold tw-leading-[180%] tw-text-white tw-shadow-none tw-outline-none hover:tw-text-white focus:tw-text-white active:tw-text-white focus:tw-outline-none focus:tw-ring-0 active:tw-ring-0 active:tw-shadow-none" 12887 > 12888 Add 12 Pack 12889 </button> 12890 </form> 12891 12892 </div> 12893 </div> 12894 <!-- ./End Image Container --> 12895 12896 <!-- Text Container --> 12897 <div class="tw-row-span-1 tw-row-start-2 tw-flex tw-w-full tw-flex-col tw-items-center tw-px-3 tw-pb-6 tw-pt-4 tw-text-center md:tw-px-5"> 12898 12899 <div class="tw-flex tw-min-h-[16px] tw-items-center tw-justify-center"> 12900 <div 12901 data-bv-show="inline_rating" 12902 data-bv-product-id="7413651832991" 12903 class="bazaarvoice-product-summary bazaarvoice-product-summary--big product-card__inline-rating" 12904 ></div> 12905 </div> 12906 12907 12908 <p class="tw-min-h-[25px] tw-font-body tw-text-[14px] tw-font-normal tw-leading-[180%] tw-text-[#0A3128] tw-mt-[3px]"> 12909 12910 9g Fiber 12911 12912 </p> 12913 12914 <p class="tw-text-[16px] tw-leading-[140%]" role="heading" aria-level="3"> 12915 <a href="/products/doctor-goodwin" aria-label="Shop Now- Doctor Goodwin" class="tw-relative tw-z-[4] tw-inline-block tw-font-body tw-text-[16
12915px] tw-font-bold tw-leading-[140%] tw-text-[#034638]"> 12916 Doctor Goodwin 12917 </a> 12918 </p> 12919 12920 12921 <form method="post" action="/cart/add" data-product-card-cta data-variant-id="42284985188511" data-quantity="1" class="tw-relative tw-z-[4] tw-mt-2 tw-w-full tw-max-w-[120px] md:tw-max-w-[70%] lg:tw-hidden"> 12922 <input type="hidden" name="id" value="42284985188511"> 12923 <input type="hidden" name="quantity" value="1"> 12924 <button 12925 type="submit" 12926 name="add" 12927 data-add-to-cart 12928 data-product-card-cta 12929 aria-label="Add 12 Pack- Doctor Goodwin" 12930 class="tw-inline-flex tw-w-full tw-items-center tw-justify-center tw-rounded-[50px] tw-border-0 tw-bg-[#034638] hover:tw-bg-[#0A3128] tw-px-5 tw-pt-[3px] tw-pb-[1px] tw-text-center tw-font-body tw-text-[14px] tw-font-bold tw-leading-[180%] tw-text-white tw-shadow-none tw-outline-none hover:tw-text-white focus:tw-text-white active:tw-text-white focus:tw-outline-none focus:tw-ring-0 active:tw-ring-0 active:tw-shadow-none" 12931 > 12932 Add 12 Pack 12933 </button> 12934 </form> 12935 12936 </div> 12937 <!-- ./End Text Container --> 12938</div> 12939 12940 12941 12942 12943 12944 12945 12946 12947 12948 12949 12950 12951 12952 12953 12954 12955 12956 12957 12958 12959 12960 12961 12962 12963 12964 12965 12966 12967 12968 12969 12970 12971 12972<div 12973 class="product-card tw-relative tw-group tw-grid tw-h-full tw-w-full tw-overflow-visible focus:tw-ring-2" 12974 style="grid-template-rows: max-content 1fr" 12975> 12976 12977 12978 12979 12980 <!-- Image Container --> 12981 <div class="tw-relative tw-w-full"> 12982 <a 12983 href="/products/cherry-vanilla" 12984 12985 aria-label="Shop Now- Cherry Vanilla" 12986 class="tw-block tw-relative tw-mx-auto tw-w-full tw-max-w-[314px] tw-aspect-square tw-overflow-hidden tw-rounded-2xl" 12987 > 12988 12989 12990 <div class="tw-relative tw-z-[1] tw-mx-auto tw-flex tw-h-full tw-w-full tw-items-center tw-justify-center"> 12991 12992<img 12993 src="//drinkolipop.com/cdn/shop/files/cherry-vanilla-9g-olipop_gallery-image_single-can_new_asset_1x.webp?v=1779162208" 12994 data-srcset="//drinkolipop.com/cdn/shop/files/cherry-vanilla-9g-olipop_gallery-image_single-can_new_asset_480x.webp?v=1779162208 240w, 12995 //drinkolipop.com/cdn/shop/files/cherry-vanilla-9g-olipop_gallery-image_single-can_new_asset_720x.webp?v=1779162208 360w, 12996 //drinkolipop.com/cdn/shop/files/cherry-vanilla-9g-olipop_gallery-image_single-can_new_asset_1080x.webp?v=1779162208 540w, 12997 //drinkolipop.com/cdn/shop/files/cherry-vanilla-9g-olipop_gallery-image_single-can_new_asset_1440x.webp?v=1779162208 720w, 12998 //drinkolipop.com/cdn/shop/files/cherry-vanilla-9g-olipop_gallery-image_single-can_new_asset_1350x.webp?v=1779162208 900w, 12999 //drinkolipop.com/cdn/shop/files/cherry-vanilla-9g-olipop_gallery-image_single-can_new_asset_1512x.webp?v=1779162208 1080w, 13000 //drinkolipop.com/cdn/shop/files/cherry-vanilla-9g-olipop_gallery-image_single-can_new_asset_1728x.webp?v=1779162208 1296w, 13001 //drinkolipop.com/cdn/shop/files/cherry-vanilla-9g-olipop_gallery-image_single-can_new_asset_1920x.webp?v=1779162208 1350w, 13002 //drinkolipop.com/cdn/shop/files/cherry-vanilla-9g-olipop_gallery-image_single-can_new_asset_1980x.webp?v=1779162208 1728w, 13003 //drinkolipop.com/cdn/shop/files/cherry-vanilla-9g-olipop_gallery-image_single-can_new_asset_2160x.webp?v=1779162208 1920w, 13004 //drinkolipop.com/cdn/shop/files/cherry-vanilla-9g-olipop_gallery-image_single-can_new_asset_2880x.webp?v=1779162208 2560w, 13005 //drinkolipop.com/cdn/shop/files/cherry-vanilla-9g-olipop_gallery-image_single-can_new_asset_4096x.webp?v=1779162208 3072w 13006 " 13007 data-src="//drinkolipop.com/cdn/shop/files/cherry-vanilla-9g-olipop_gallery-image_single-can_new_asset_360x.webp?v=1779162208" 13008 data-optimumx="auto" 13009 data-sizes="auto" 13010 data-parent-fit="contain" 13011 width="100%" 13012 height="100%" 13013 class="lazyload tw-h-full tw-w-full tw-object-contain" 13014 data-aspectratio="0.7605263157894737" 13015 alt="Cherry Vanilla" 13016 13017> 13018 13019 </div> 13020 13021 13022 <div class="tw-pointer-events-none tw-absolute tw-inset-0 tw-z-[2] tw-hidden lg:tw-block" data-hover-wave-card> 13023 <div class="tw-absolute tw-inset-0 tw-flex tw-items-end tw-overflow-hidden"> 13024 <div class="tw-relative tw-h-full tw-w-full"> 13025 <div class="tw-absolute tw-inset-x-0 tw-bottom-0 tw-h-full tw-overflow-hidden"> 13026 <svg 13027 class="tw-h-full tw-w-full"
13028 viewBox="0 0 314 314" 13029 fill="none" 13030 xmlns="http://www.w3.org/2000/svg" 13031 xmlns:xlink="http://www.w3.org/1999/xlink" 13032 preserveAspectRatio="xMidYMid meet" 13033 > 13034 <defs> 13035 <clipPath id="clip-hover-wave-4452820189248-template--24009561342111__collection_hybrid_meta_ALe7xC" clipPathUnits="userSpaceOnUse"> 13036 <path 13037 data-hover-wave-path 13038 d="M314 314H0.000422459L0.00012756 318.4565C-0.0456402 318.419 62.4 300.8566 157 340.0583C251.6 379.2601 314 314.4565 314 314.4565V314Z" 13039 /> 13040 </clipPath> 13041 </defs> 13042 <image 13043 href="//drinkolipop.com/cdn/shop/products/CV-TOP.png?v=1745469112&width=1440" 13044 xlink:href="//drinkolipop.com/cdn/shop/products/CV-TOP.png?v=1745469112&width=1440" 13045 x="0" 13046 y="0" 13047 width="314" 13048 height="314" 13049 preserveAspectRatio="xMidYMax slice" 13050 clip-path="url(#clip-hover-wave-4452820189248-template--24009561342111__collection_hybrid_meta_ALe7xC)" 13051 /> 13052 </svg> 13053 </div> 13054 </div> 13055 </div> 13056 </div> 13057 13058 </a> 13059 13060 13061 <div class="tw-pointer-events-none tw-absolute tw-inset-x-0 tw-bottom-4 tw-z-[4] tw-hidden tw-px-4 lg:tw-flex lg:group-hover:tw-flex"> 13062 13063 <form method="post" action="/cart/add" data-product-card-cta data-variant-id="31667872464960" data-quantity="1" class="tw-pointer-events-auto tw-w-full tw-opacity-0 tw-transition-opacity tw-duration-300 group-hover:tw-opacity-100"> 13064 <input type="hidden" name="id" value="31667872464960"> 13065 <input type="hidden" name="quantity" value="1"> 13066 <button 13067 type="submit" 13068 name="add" 13069 data-add-to-cart 13070 data-product-card-cta 13071 aria-label="Add 12 Pack- Cherry Vanilla" 13072 class="tw-inline-flex tw-w-full tw-items-center tw-justify-center tw-rounded-[50px] tw-border-0 tw-bg-[#034638] hover:tw-bg-[#0A3128] tw-px-5 tw-pt-[3px] tw-pb-[1px] tw-text-center tw-font-body tw-text-[14px] tw-font-bold tw-leading-[180%] tw-text-white tw-shadow-none tw-outline-none hover:tw-text-white focus:tw-text-white active:tw-text-white focus:tw-outline-none focus:tw-ring-0 active:tw-ring-0 active:tw-shadow-none" 13073 > 13074 Add 12 Pack 13075 </button> 13076 </form> 13077 13078 </div> 13079 </div> 13080 <!-- ./End Image Container --> 13081 13082 <!-- Text Container --> 13083 <div class="tw-row-span-1 tw-row-start-2 tw-flex tw-w-full tw-flex-col tw-items-center tw-px-3 tw-pb-6 tw-pt-4 tw-text-center md:tw-px-5"> 13084 13085 <div class="tw-flex tw-min-h-[16px] tw-items-center tw-justify-center"> 13086 <div 13087 data-bv-show="inline_rating" 13088 data-bv-product-id="4452820189248" 13089 class="bazaarvoice-product-summary bazaarvoice-product-summary--big product-card__inline-rating" 13090 ></div> 13091 </div> 13092 13093 13094 <p class="tw-min-h-[25px] tw-font-body tw-text-[14px] tw-font-normal tw-leading-[180%] tw-text-[#0A3128] tw-mt-[3px]"> 13095 13096 9g Fiber 13097 13098 </p> 13099 13100 <p class="tw-text-[16px] tw-leading-[140%]" role="heading" aria-level="3"> 13101 <a href="/products/cherry-vanilla" aria-label="Shop Now- Cherry Vanilla" class="tw-relative tw-z-[4] tw-inline-block tw-font-body tw-text-[16
13101px] tw-font-bold tw-leading-[140%] tw-text-[#034638]"> 13102 Cherry Vanilla 13103 </a> 13104 </p> 13105 13106 13107 <form method="post" action="/cart/add" data-product-card-cta data-variant-id="31667872464960" data-quantity="1" class="tw-relative tw-z-[4] tw-mt-2 tw-w-full tw-max-w-[120px] md:tw-max-w-[70%] lg:tw-hidden"> 13108 <input type="hidden" name="id" value="31667872464960"> 13109 <input type="hidden" name="quantity" value="1"> 13110 <button 13111 type="submit" 13112 name="add" 13113 data-add-to-cart 13114 data-product-card-cta 13115 aria-label="Add 12 Pack- Cherry Vanilla" 13116 class="tw-inline-flex tw-w-full tw-items-center tw-justify-center tw-rounded-[50px] tw-border-0 tw-bg-[#034638] hover:tw-bg-[#0A3128] tw-px-5 tw-pt-[3px] tw-pb-[1px] tw-text-center tw-font-body tw-text-[14px] tw-font-bold tw-leading-[180%] tw-text-white tw-shadow-none tw-outline-none hover:tw-text-white focus:tw-text-white active:tw-text-white focus:tw-outline-none focus:tw-ring-0 active:tw-ring-0 active:tw-shadow-none" 13117 > 13118 Add 12 Pack 13119 </button> 13120 </form> 13121 13122 </div> 13123 <!-- ./End Text Container --> 13124</div> 13125 13126 13127 13128 13129 13130 13131 13132 13133 13134 13135 13136 13137 13138 13139 13140 13141 13142 13143 13144 13145 13146 13147 13148 13149 13150 13151 13152 13153 13154 13155 13156 13157 13158<div 13159 class="product-card tw-relative tw-group tw-grid tw-h-full tw-w-full tw-overflow-visible focus:tw-ring-2" 13160 style="grid-template-rows: max-content 1fr" 13161> 13162 13163 13164 13165 13166 <!-- Image Container --> 13167 <div class="tw-relative tw-w-full"> 13168 <a 13169 href="/products/ginger-lemon" 13170 13171 aria-label="Shop Now- Ginger Lemon" 13172 class="tw-block tw-relative tw-mx-auto tw-w-full tw-max-w-[314px] tw-aspect-square tw-overflow-hidden tw-rounded-2xl" 13173 > 13174 13175 13176 <div class="tw-relative tw-z-[1] tw-mx-auto tw-flex tw-h-full tw-w-full tw-items-center tw-justify-center"> 13177 13178<img 13179 src="//drinkolipop.com/cdn/shop/files/ginger-lemon-9g-olipop_gallery-image_single-can_new_asset_1x.webp?v=1779161268" 13180 data-srcset="//drinkolipop.com/cdn/shop/files/ginger-lemon-9g-olipop_gallery-image_single-can_new_asset_480x.webp?v=1779161268 240w, 13181 //drinkolipop.com/cdn/shop/files/ginger-lemon-9g-olipop_gallery-image_single-can_new_asset_720x.webp?v=1779161268 360w, 13182 //drinkolipop.com/cdn/shop/files/ginger-lemon-9g-olipop_gallery-image_single-can_new_asset_1080x.webp?v=1779161268 540w, 13183 //drinkolipop.com/cdn/shop/files/ginger-lemon-9g-olipop_gallery-image_single-can_new_asset_1440x.webp?v=1779161268 720w, 13184 //drinkolipop.com/cdn/shop/files/ginger-lemon-9g-olipop_gallery-image_single-can_new_asset_1350x.webp?v=1779161268 900w, 13185 //drinkolipop.com/cdn/shop/files/ginger-lemon-9g-olipop_gallery-image_single-can_new_asset_1512x.webp?v=1779161268 1080w, 13186 //drinkolipop.com/cdn/shop/files/ginger-lemon-9g-olipop_gallery-image_single-can_new_asset_1728x.webp?v=1779161268 1296w, 13187 //drinkolipop.com/cdn/shop/files/ginger-lemon-9g-olipop_gallery-image_single-can_new_asset_1920x.webp?v=1779161268 1350w, 13188 //drinkolipop.com/cdn/shop/files/ginger-lemon-9g-olipop_gallery-image_single-can_new_asset_1980x.webp?v=1779161268 1728w, 13189 //drinkolipop.com/cdn/shop/files/ginger-lemon-9g-olipop_gallery-image_single-can_new_asset_2160x.webp?v=1779161268 1920w, 13190 //drinkolipop.com/cdn/shop/files/ginger-lemon-9g-olipop_gallery-image_single-can_new_asset_2880x.webp?v=1779161268 2560w, 13191 //drinkolipop.com/cdn/shop/files/ginger-lemon-9g-olipop_gallery-image_single-can_new_asset_4096x.webp?v=1779161268 3072w 13192 " 13193 data-src="//drinkolipop.com/cdn/shop/files/ginger-lemon-9g-olipop_gallery-image_single-can_new_asset_360x.webp?v=1779161268" 13194 data-optimumx="auto" 13195 data-sizes="auto" 13196 data-parent-fit="contain" 13197 width="100%" 13198 height="100%" 13199 class="lazyload tw-h-full tw-w-full tw-object-contain" 13200 data-aspectratio="0.7605263157894737" 13201 alt="Ginger Lemon" 13202 13203> 13204 13205 </div> 13206 13207 13208 <div class="tw-pointer-events-none tw-absolute tw-inset-0 tw-z-[2] tw-hidden lg:tw-block" data-hover-wave-card> 13209 <div class="tw-absolute tw-inset-0 tw-flex tw-items-end tw-overflow-hidden"> 13210 <div class="tw-relative tw-h-full tw-w-full"> 13211 <div class="tw-absolute tw-inset-x-0 tw-bottom-0 tw-h-full tw-overflow-hidden"> 13212 <svg 13213 class="tw-h-full tw-w-full"
13214 viewBox="0 0 314 314" 13215 fill="none" 13216 xmlns="http://www.w3.org/2000/svg" 13217 xmlns:xlink="http://www.w3.org/1999/xlink" 13218 preserveAspectRatio="xMidYMid meet" 13219 > 13220 <defs> 13221 <clipPath id="clip-hover-wave-3818021912646-template--24009561342111__collection_hybrid_meta_ALe7xC" clipPathUnits="userSpaceOnUse"> 13222 <path 13223 data-hover-wave-path 13224 d="M314 314H0.000422459L0.00012756 318.4565C-0.0456402 318.419 62.4 300.8566 157 340.0583C251.6 379.2601 314 314.4565 314 314.4565V314Z" 13225 /> 13226 </clipPath> 13227 </defs> 13228 <image 13229 href="//drinkolipop.com/cdn/shop/products/GL-TOP_new_asset.png?v=1779076580&width=1440" 13230 xlink:href="//drinkolipop.com/cdn/shop/products/GL-TOP_new_asset.png?v=1779076580&width=1440" 13231 x="0" 13232 y="0" 13233 width="314" 13234 height="314" 13235 preserveAspectRatio="xMidYMax slice" 13236 clip-path="url(#clip-hover-wave-3818021912646-template--24009561342111__collection_hybrid_meta_ALe7xC)" 13237 /> 13238 </svg> 13239 </div> 13240 </div> 13241 </div> 13242 </div> 13243 13244 </a> 13245 13246 13247 <div class="tw-pointer-events-none tw-absolute tw-inset-x-0 tw-bottom-4 tw-z-[4] tw-hidden tw-px-4 lg:tw-flex lg:group-hover:tw-flex"> 13248 13249 <form method="post" action="/cart/add" data-product-card-cta data-variant-id="30315236851782" data-quantity="1" class="tw-pointer-events-auto tw-w-full tw-opacity-0 tw-transition-opacity tw-duration-300 group-hover:tw-opacity-100"> 13250 <input type="hidden" name="id" value="30315236851782"> 13251 <input type="hidden" name="quantity" value="1"> 13252 <button 13253 type="submit" 13254 name="add" 13255 data-add-to-cart 13256 data-product-card-cta 13257 aria-label="Add 12 Pack- Ginger Lemon" 13258 class="tw-inline-flex tw-w-full tw-items-center tw-justify-center tw-rounded-[50px] tw-border-0 tw-bg-[#034638] hover:tw-bg-[#0A3128] tw-px-5 tw-pt-[3px] tw-pb-[1px] tw-text-center tw-font-body tw-text-[14px] tw-font-bold tw-leading-[180%] tw-text-white tw-shadow-none tw-outline-none hover:tw-text-white focus:tw-text-white active:tw-text-white focus:tw-outline-none focus:tw-ring-0 active:tw-ring-0 active:tw-shadow-none" 13259 > 13260 Add 12 Pack 13261 </button> 13262 </form> 13263 13264 </div> 13265 </div> 13266 <!-- ./End Image Container --> 13267 13268 <!-- Text Container --> 13269 <div class="tw-row-span-1 tw-row-start-2 tw-flex tw-w-full tw-flex-col tw-items-center tw-px-3 tw-pb-6 tw-pt-4 tw-text-center md:tw-px-5"> 13270 13271 <div class="tw-flex tw-min-h-[16px] tw-items-center tw-justify-center"> 13272 <div 13273 data-bv-show="inline_rating" 13274 data-bv-product-id="3818021912646" 13275 class="bazaarvoice-product-summary bazaarvoice-product-summary--big product-card__inline-rating" 13276 ></div> 13277 </div> 13278 13279 13280 <p class="tw-min-h-[25px] tw-font-body tw-text-[14px] tw-font-normal tw-leading-[180%] tw-text-[#0A3128] tw-mt-[3px]"> 13281 13282 9g Fiber 13283 13284 </p> 13285 13286 <p class="tw-text-[16px] tw-leading-[140%]" role="heading" aria-level="3"> 13287 <a href="/products/ginger-lemon" aria-label="Shop Now- Ginger Lemon" class="tw-relative tw-z-[4] tw-inline-block tw-font-body tw-text-[16
13287px] tw-font-bold tw-leading-[140%] tw-text-[#034638]"> 13288 Ginger Lemon 13289 </a> 13290 </p> 13291 13292 13293 <form method="post" action="/cart/add" data-product-card-cta data-variant-id="30315236851782" data-quantity="1" class="tw-relative tw-z-[4] tw-mt-2 tw-w-full tw-max-w-[120px] md:tw-max-w-[70%] lg:tw-hidden"> 13294 <input type="hidden" name="id" value="30315236851782"> 13295 <input type="hidden" name="quantity" value="1"> 13296 <button 13297 type="submit" 13298 name="add" 13299 data-add-to-cart 13300 data-product-card-cta 13301 aria-label="Add 12 Pack- Ginger Lemon" 13302 class="tw-inline-flex tw-w-full tw-items-center tw-justify-center tw-rounded-[50px] tw-border-0 tw-bg-[#034638] hover:tw-bg-[#0A3128] tw-px-5 tw-pt-[3px] tw-pb-[1px] tw-text-center tw-font-body tw-text-[14px] tw-font-bold tw-leading-[180%] tw-text-white tw-shadow-none tw-outline-none hover:tw-text-white focus:tw-text-white active:tw-text-white focus:tw-outline-none focus:tw-ring-0 active:tw-ring-0 active:tw-shadow-none" 13303 > 13304 Add 12 Pack 13305 </button> 13306 </form> 13307 13308 </div> 13309 <!-- ./End Text Container --> 13310</div> 13311 13312 13313 13314 13315 13316 13317 13318 13319 13320 13321 13322 13323 13324 13325 13326 13327 13328 13329 13330 13331 13332 13333 13334 13335 13336 13337 13338 13339 13340 13341 13342 13343 13344<div 13345 class="product-card tw-relative tw-group tw-grid tw-h-full tw-w-full tw-overflow-visible focus:tw-ring-2" 13346 style="grid-template-rows: max-content 1fr" 13347> 13348 13349 13350 13351 13352 <!-- Image Container --> 13353 <div class="tw-relative tw-w-full"> 13354 <a 13355 href="/products/tropical-punch" 13356 13357 aria-label="Shop Now- Tropical Punch" 13358 class="tw-block tw-relative tw-mx-auto tw-w-full tw-max-w-[314px] tw-aspect-square tw-overflow-hidden tw-rounded-2xl" 13359 > 13360 13361 13362 <div class="tw-relative tw-z-[1] tw-mx-auto tw-flex tw-h-full tw-w-full tw-items-center tw-justify-center"> 13363 13364<img 13365 src="//drinkolipop.com/cdn/shop/files/tropical-punch-9g-olipop_gallery-image_single-can_new_asset_1x.webp?v=1779163155" 13366 data-srcset="//drinkolipop.com/cdn/shop/files/tropical-punch-9g-olipop_gallery-image_single-can_new_asset_480x.webp?v=1779163155 240w, 13367 //drinkolipop.com/cdn/shop/files/tropical-punch-9g-olipop_gallery-image_single-can_new_asset_720x.webp?v=1779163155 360w, 13368 //drinkolipop.com/cdn/shop/files/tropical-punch-9g-olipop_gallery-image_single-can_new_asset_1080x.webp?v=1779163155 540w, 13369 //drinkolipop.com/cdn/shop/files/tropical-punch-9g-olipop_gallery-image_single-can_new_asset_1440x.webp?v=1779163155 720w, 13370 //drinkolipop.com/cdn/shop/files/tropical-punch-9g-olipop_gallery-image_single-can_new_asset_1350x.webp?v=1779163155 900w, 13371 //drinkolipop.com/cdn/shop/files/tropical-punch-9g-olipop_gallery-image_single-can_new_asset_1512x.webp?v=1779163155 1080w, 13372 //drinkolipop.com/cdn/shop/files/tropical-punch-9g-olipop_gallery-image_single-can_new_asset_1728x.webp?v=1779163155 1296w, 13373 //drinkolipop.com/cdn/shop/files/tropical-punch-9g-olipop_gallery-image_single-can_new_asset_1920x.webp?v=1779163155 1350w, 13374 //drinkolipop.com/cdn/shop/files/tropical-punch-9g-olipop_gallery-image_single-can_new_asset_1980x.webp?v=1779163155 1728w, 13375 //drinkolipop.com/cdn/shop/files/tropical-punch-9g-olipop_gallery-image_single-can_new_asset_2160x.webp?v=1779163155 1920w, 13376 //drinkolipop.com/cdn/shop/files/tropical-punch-9g-olipop_gallery-image_single-can_new_asset_2880x.webp?v=1779163155 2560w, 13377 //drinkolipop.com/cdn/shop/files/tropical-punch-9g-olipop_gallery-image_single-can_new_asset_4096x.webp?v=1779163155 3072w 13378 " 13379 data-src="//drinkolipop.com/cdn/shop/files/tropical-punch-9g-olipop_gallery-image_single-can_new_asset_360x.webp?v=1779163155" 13380 data-optimumx="auto" 13381 data-sizes="auto" 13382 data-parent-fit="contain" 13383 width="100%" 13384 height="100%" 13385 class="lazyload tw-h-full tw-w-full tw-object-contain" 13386 data-aspectratio="0.7605263157894737" 13387 alt="Tropical Punch" 13388 13389> 13390 13391 </div> 13392 13393 13394 <div class="tw-pointer-events-none tw-absolute tw-inset-0 tw-z-[2] tw-hidden lg:tw-block" data-hover-wave-card> 13395 <div class="tw-absolute tw-inset-0 tw-flex tw-items-end tw-overflow-hidden"> 13396 <div class="tw-relative tw-h-full tw-w-full"> 13397 <div class="tw-absolute tw-inset-x-0 tw-bottom-0 tw-h-full tw-overflow-hidden"> 13398 <svg 13399 class="tw-h-full tw-w-full"
13400 viewBox="0 0 314 314" 13401 fill="none" 13402 xmlns="http://www.w3.org/2000/svg" 13403 xmlns:xlink="http://www.w3.org/1999/xlink" 13404 preserveAspectRatio="xMidYMid meet" 13405 > 13406 <defs> 13407 <clipPath id="clip-hover-wave-7323931246751-template--24009561342111__collection_hybrid_meta_ALe7xC" clipPathUnits="userSpaceOnUse"> 13408 <path 13409 data-hover-wave-path 13410 d="M314 314H0.000422459L0.00012756 318.4565C-0.0456402 318.419 62.4 300.8566 157 340.0583C251.6 379.2601 314 314.4565 314 314.4565V314Z" 13411 /> 13412 </clipPath> 13413 </defs> 13414 <image 13415 href="//drinkolipop.com/cdn/shop/products/TP-TOP.png?v=1750220378&width=1440" 13416 xlink:href="//drinkolipop.com/cdn/shop/products/TP-TOP.png?v=1750220378&width=1440" 13417 x="0" 13418 y="0" 13419 width="314" 13420 height="314" 13421 preserveAspectRatio="xMidYMax slice" 13422 clip-path="url(#clip-hover-wave-7323931246751-template--24009561342111__collection_hybrid_meta_ALe7xC)" 13423 /> 13424 </svg> 13425 </div> 13426 </div> 13427 </div> 13428 </div> 13429 13430 </a> 13431 13432 13433 <div class="tw-pointer-events-none tw-absolute tw-inset-x-0 tw-bottom-4 tw-z-[4] tw-hidden tw-px-4 lg:tw-flex lg:group-hover:tw-flex"> 13434 13435 <form method="post" action="/cart/add" data-product-card-cta data-variant-id="41922380824735" data-quantity="1" class="tw-pointer-events-auto tw-w-full tw-opacity-0 tw-transition-opacity tw-duration-300 group-hover:tw-opacity-100"> 13436 <input type="hidden" name="id" value="41922380824735"> 13437 <input type="hidden" name="quantity" value="1"> 13438 <button 13439 type="submit" 13440 name="add" 13441 data-add-to-cart 13442 data-product-card-cta 13443 aria-label="Add 12 Pack- Tropical Punch" 13444 class="tw-inline-flex tw-w-full tw-items-center tw-justify-center tw-rounded-[50px] tw-border-0 tw-bg-[#034638] hover:tw-bg-[#0A3128] tw-px-5 tw-pt-[3px] tw-pb-[1px] tw-text-center tw-font-body tw-text-[14px] tw-font-bold tw-leading-[180%] tw-text-white tw-shadow-none tw-outline-none hover:tw-text-white focus:tw-text-white active:tw-text-white focus:tw-outline-none focus:tw-ring-0 active:tw-ring-0 active:tw-shadow-none" 13445 > 13446 Add 12 Pack 13447 </button> 13448 </form> 13449 13450 </div> 13451 </div> 13452 <!-- ./End Image Container --> 13453 13454 <!-- Text Container --> 13455 <div class="tw-row-span-1 tw-row-start-2 tw-flex tw-w-full tw-flex-col tw-items-center tw-px-3 tw-pb-6 tw-pt-4 tw-text-center md:tw-px-5"> 13456 13457 <div class="tw-flex tw-min-h-[16px] tw-items-center tw-justify-center"> 13458 <div 13459 data-bv-show="inline_rating" 13460 data-bv-product-id="7323931246751" 13461 class="bazaarvoice-product-summary bazaarvoice-product-summary--big product-card__inline-rating" 13462 ></div> 13463 </div> 13464 13465 13466 <p class="tw-min-h-[25px] tw-font-body tw-text-[14px] tw-font-normal tw-leading-[180%] tw-text-[#0A3128] tw-mt-[3px]"> 13467 13468 9g Fiber 13469 13470 </p> 13471 13472 <p class="tw-text-[16px] tw-leading-[140%]" role="heading" aria-level="3"> 13473 <a href="/products/tropical-punch" aria-label="Shop Now- Tropical Punch" class="tw-relative tw-z-[4] tw-inline-block tw-font-body tw-text-[16
13473px] tw-font-bold tw-leading-[140%] tw-text-[#034638]"> 13474 Tropical Punch 13475 </a> 13476 </p> 13477 13478 13479 <form method="post" action="/cart/add" data-product-card-cta data-variant-id="41922380824735" data-quantity="1" class="tw-relative tw-z-[4] tw-mt-2 tw-w-full tw-max-w-[120px] md:tw-max-w-[70%] lg:tw-hidden"> 13480 <input type="hidden" name="id" value="41922380824735"> 13481 <input type="hidden" name="quantity" value="1"> 13482 <button 13483 type="submit" 13484 name="add" 13485 data-add-to-cart 13486 data-product-card-cta 13487 aria-label="Add 12 Pack- Tropical Punch" 13488 class="tw-inline-flex tw-w-full tw-items-center tw-justify-center tw-rounded-[50px] tw-border-0 tw-bg-[#034638] hover:tw-bg-[#0A3128] tw-px-5 tw-pt-[3px] tw-pb-[1px] tw-text-center tw-font-body tw-text-[14px] tw-font-bold tw-leading-[180%] tw-text-white tw-shadow-none tw-outline-none hover:tw-text-white focus:tw-text-white active:tw-text-white focus:tw-outline-none focus:tw-ring-0 active:tw-ring-0 active:tw-shadow-none" 13489 > 13490 Add 12 Pack 13491 </button> 13492 </form> 13493 13494 </div> 13495 <!-- ./End Text Container --> 13496</div> 13497 13498 13499 13500 13501 13502 13503 13504 13505 13506 13507 13508 13509 13510 13511 13512 13513 13514 13515 13516 13517 13518 13519 13520 13521 13522 13523 13524 13525 13526 13527 13528 13529 13530<div 13531 class="product-card tw-relative tw-group tw-grid tw-h-full tw-w-full tw-overflow-visible focus:tw-ring-2" 13532 style="grid-template-rows: max-content 1fr" 13533> 13534 13535 13536 13537 13538 <!-- Image Container --> 13539 <div class="tw-relative tw-w-full"> 13540 <a 13541 href="/products/lemon-lime" 13542 13543 aria-label="Shop Now- Lemon Lime" 13544 class="tw-block tw-relative tw-mx-auto tw-w-full tw-max-w-[314px] tw-aspect-square tw-overflow-hidden tw-rounded-2xl" 13545 > 13546 13547 13548 <div class="tw-relative tw-z-[1] tw-mx-auto tw-flex tw-h-full tw-w-full tw-items-center tw-justify-center"> 13549 13550<img 13551 src="//drinkolipop.com/cdn/shop/files/lemon-lime-9g-olipop_gallery-image_single-can_new_asset_1x.webp?v=1779163931" 13552 data-srcset="//drinkolipop.com/cdn/shop/files/lemon-lime-9g-olipop_gallery-image_single-can_new_asset_480x.webp?v=1779163931 240w, 13553 //drinkolipop.com/cdn/shop/files/lemon-lime-9g-olipop_gallery-image_single-can_new_asset_720x.webp?v=1779163931 360w, 13554 //drinkolipop.com/cdn/shop/files/lemon-lime-9g-olipop_gallery-image_single-can_new_asset_1080x.webp?v=1779163931 540w, 13555 //drinkolipop.com/cdn/shop/files/lemon-lime-9g-olipop_gallery-image_single-can_new_asset_1440x.webp?v=1779163931 720w, 13556 //drinkolipop.com/cdn/shop/files/lemon-lime-9g-olipop_gallery-image_single-can_new_asset_1350x.webp?v=1779163931 900w, 13557 //drinkolipop.com/cdn/shop/files/lemon-lime-9g-olipop_gallery-image_single-can_new_asset_1512x.webp?v=1779163931 1080w, 13558 //drinkolipop.com/cdn/shop/files/lemon-lime-9g-olipop_gallery-image_single-can_new_asset_1728x.webp?v=1779163931 1296w, 13559 //drinkolipop.com/cdn/shop/files/lemon-lime-9g-olipop_gallery-image_single-can_new_asset_1920x.webp?v=1779163931 1350w, 13560 //drinkolipop.com/cdn/shop/files/lemon-lime-9g-olipop_gallery-image_single-can_new_asset_1980x.webp?v=1779163931 1728w, 13561 //drinkolipop.com/cdn/shop/files/lemon-lime-9g-olipop_gallery-image_single-can_new_asset_2160x.webp?v=1779163931 1920w, 13562 //drinkolipop.com/cdn/shop/files/lemon-lime-9g-olipop_gallery-image_single-can_new_asset_2880x.webp?v=1779163931 2560w, 13563 //drinkolipop.com/cdn/shop/files/lemon-lime-9g-olipop_gallery-image_single-can_new_asset_4096x.webp?v=1779163931 3072w 13564 " 13565 data-src="//drinkolipop.com/cdn/shop/files/lemon-lime-9g-olipop_gallery-image_single-can_new_asset_360x.webp?v=1779163931" 13566 data-optimumx="auto" 13567 data-sizes="auto" 13568 data-parent-fit="contain" 13569 width="100%" 13570 height="100%" 13571 class="lazyload tw-h-full tw-w-full tw-object-contain" 13572 data-aspectratio="0.7605263157894737" 13573 alt="Lemon Lime" 13574 13575> 13576 13577 </div> 13578 13579 13580 <div class="tw-pointer-events-none tw-absolute tw-inset-0 tw-z-[2] tw-hidden lg:tw-block" data-hover-wave-card> 13581 <div class="tw-absolute tw-inset-0 tw-flex tw-items-end tw-overflow-hidden"> 13582 <div class="tw-relative tw-h-full tw-w-full"> 13583 <div class="tw-absolute tw-inset-x-0 tw-bottom-0 tw-h-full tw-overflow-hidden"> 13584 <svg 13585 class="tw-h-full tw-w-full"
13586 viewBox="0 0 314 314" 13587 fill="none" 13588 xmlns="http://www.w3.org/2000/svg" 13589 xmlns:xlink="http://www.w3.org/1999/xlink" 13590 preserveAspectRatio="xMidYMid meet" 13591 > 13592 <defs> 13593 <clipPath id="clip-hover-wave-7612616376479-template--24009561342111__collection_hybrid_meta_ALe7xC" clipPathUnits="userSpaceOnUse"> 13594 <path 13595 data-hover-wave-path 13596 d="M314 314H0.000422459L0.00012756 318.4565C-0.0456402 318.419 62.4 300.8566 157 340.0583C251.6 379.2601 314 314.4565 314 314.4565V314Z" 13597 /> 13598 </clipPath> 13599 </defs> 13600 <image 13601 href="//drinkolipop.com/cdn/shop/files/lemon-lime-6g-olipop_hover_new_asset.webp?v=1779128875&width=1440" 13602 xlink:href="//drinkolipop.com/cdn/shop/files/lemon-lime-6g-olipop_hover_new_asset.webp?v=1779128875&width=1440" 13603 x="0" 13604 y="0" 13605 width="314" 13606 height="314" 13607 preserveAspectRatio="xMidYMax slice" 13608 clip-path="url(#clip-hover-wave-7612616376479-template--24009561342111__collection_hybrid_meta_ALe7xC)" 13609 /> 13610 </svg> 13611 </div> 13612 </div> 13613 </div> 13614 </div> 13615 13616 </a> 13617 13618 13619 <div class="tw-pointer-events-none tw-absolute tw-inset-x-0 tw-bottom-4 tw-z-[4] tw-hidden tw-px-4 lg:tw-flex lg:group-hover:tw-flex"> 13620 13621 <form method="post" action="/cart/add" data-product-card-cta data-variant-id="42897487429791" data-quantity="1" class="tw-pointer-events-auto tw-w-full tw-opacity-0 tw-transition-opacity tw-duration-300 group-hover:tw-opacity-100"> 13622 <input type="hidden" name="id" value="42897487429791"> 13623 <input type="hidden" name="quantity" value="1"> 13624 <button 13625 type="submit" 13626 name="add" 13627 data-add-to-cart 13628 data-product-card-cta 13629 aria-label="Add 12 Pack- Lemon Lime" 13630 class="tw-inline-flex tw-w-full tw-items-center tw-justify-center tw-rounded-[50px] tw-border-0 tw-bg-[#034638] hover:tw-bg-[#0A3128] tw-px-5 tw-pt-[3px] tw-pb-[1px] tw-text-center tw-font-body tw-text-[14px] tw-font-bold tw-leading-[180%] tw-text-white tw-shadow-none tw-outline-none hover:tw-text-white focus:tw-text-white active:tw-text-white focus:tw-outline-none focus:tw-ring-0 active:tw-ring-0 active:tw-shadow-none" 13631 > 13632 Add 12 Pack 13633 </button> 13634 </form> 13635 13636 </div> 13637 </div> 13638 <!-- ./End Image Container --> 13639 13640 <!-- Text Container --> 13641 <div class="tw-row-span-1 tw-row-start-2 tw-flex tw-w-full tw-flex-col tw-items-center tw-px-3 tw-pb-6 tw-pt-4 tw-text-center md:tw-px-5"> 13642 13643 <div class="tw-flex tw-min-h-[16px] tw-items-center tw-justify-center"> 13644 <div 13645 data-bv-show="inline_rating" 13646 data-bv-product-id="7612616376479" 13647 class="bazaarvoice-product-summary bazaarvoice-product-summary--big product-card__inline-rating" 13648 ></div> 13649 </div> 13650 13651 13652 <p class="tw-min-h-[25px] tw-font-body tw-text-[14px] tw-font-normal tw-leading-[180%] tw-text-[#0A3128] tw-mt-[3px]"> 13653 13654 9g Fiber 13655 13656 </p> 13657 13658 <p class="tw-text-[16px] tw-leading-[140%]" role="heading" aria-level="3"> 13659 <a href="/products/lemon-lime" aria-label="Shop Now- Lemon Lime"
13659class="tw-relative tw-z-[4] tw-inline-block tw-font-body tw-text-[16px] tw-font-bold tw-leading-[140%] tw-text-[#034638]"> 13660 Lemon Lime 13661 </a> 13662 </p> 13663 13664 13665 <form method="post" action="/cart/add" data-product-card-cta data-variant-id="42897487429791" data-quantity="1" class="tw-relative tw-z-[4] tw-mt-2 tw-w-full tw-max-w-[120px] md:tw-max-w-[70%] lg:tw-hidden"> 13666 <input type="hidden" name="id" value="42897487429791"> 13667 <input type="hidden" name="quantity" value="1"> 13668 <button 13669 type="submit" 13670 name="add" 13671 data-add-to-cart 13672 data-product-card-cta 13673 aria-label="Add 12 Pack- Lemon Lime" 13674 class="tw-inline-flex tw-w-full tw-items-center tw-justify-center tw-rounded-[50px] tw-border-0 tw-bg-[#034638] hover:tw-bg-[#0A3128] tw-px-5 tw-pt-[3px] tw-pb-[1px] tw-text-center tw-font-body tw-text-[14px] tw-font-bold tw-leading-[180%] tw-text-white tw-shadow-none tw-outline-none hover:tw-text-white focus:tw-text-white active:tw-text-white focus:tw-outline-none focus:tw-ring-0 active:tw-ring-0 active:tw-shadow-none" 13675 > 13676 Add 12 Pack 13677 </button> 13678 </form> 13679 13680 </div> 13681 <!-- ./End Text Container --> 13682</div> 13683 13684 13685 13686 13687 13688 13689 13690 13691 13692 13693 13694 13695 13696 13697 13698 13699 13700 13701 13702 13703 13704 13705 13706 13707 13708 13709 13710 13711 13712 13713 13714 13715 13716<div 13717 class="product-card tw-relative tw-group tw-grid tw-h-full tw-w-full tw-overflow-visible focus:tw-ring-2" 13718 style="grid-template-rows: max-content 1fr" 13719> 13720 13721 13722 13723 13724 <!-- Image Container --> 13725 <div class="tw-relative tw-w-full"> 13726 <a 13727 href="/products/watermelon-lime" 13728 13729 aria-label="Shop Now- Watermelon Lime" 13730 class="tw-block tw-relative tw-mx-auto tw-w-full tw-max-w-[314px] tw-aspect-square tw-overflow-hidden tw-rounded-2xl" 13731 > 13732 13733 13734 <div class="tw-relative tw-z-[1] tw-mx-auto tw-flex tw-h-full tw-w-full tw-items-center tw-justify-center"> 13735 13736<img 13737 src="//drinkolipop.com/cdn/shop/files/watermelon-lime-9g-olipop_gallery-image_single-can_new_asset_1x.webp?v=1779164501" 13738 data-srcset="//drinkolipop.com/cdn/shop/files/watermelon-lime-9g-olipop_gallery-image_single-can_new_asset_480x.webp?v=1779164501 240w, 13739 //drinkolipop.com/cdn/shop/files/watermelon-lime-9g-olipop_gallery-image_single-can_new_asset_720x.webp?v=1779164501 360w, 13740 //drinkolipop.com/cdn/shop/files/watermelon-lime-9g-olipop_gallery-image_single-can_new_asset_1080x.webp?v=1779164501 540w, 13741 //drinkolipop.com/cdn/shop/files/watermelon-lime-9g-olipop_gallery-image_single-can_new_asset_1440x.webp?v=1779164501 720w, 13742 //drinkolipop.com/cdn/shop/files/watermelon-lime-9g-olipop_gallery-image_single-can_new_asset_1350x.webp?v=1779164501 900w, 13743 //drinkolipop.com/cdn/shop/files/watermelon-lime-9g-olipop_gallery-image_single-can_new_asset_1512x.webp?v=1779164501 1080w, 13744 //drinkolipop.com/cdn/shop/files/watermelon-lime-9g-olipop_gallery-image_single-can_new_asset_1728x.webp?v=1779164501 1296w, 13745 //drinkolipop.com/cdn/shop/files/watermelon-lime-9g-olipop_gallery-image_single-can_new_asset_1920x.webp?v=1779164501 1350w, 13746 //drinkolipop.com/cdn/shop/files/watermelon-lime-9g-olipop_gallery-image_single-can_new_asset_1980x.webp?v=1779164501 1728w, 13747 //drinkolipop.com/cdn/shop/files/watermelon-lime-9g-olipop_gallery-image_single-can_new_asset_2160x.webp?v=1779164501 1920w, 13748 //drinkolipop.com/cdn/shop/files/watermelon-lime-9g-olipop_gallery-image_single-can_new_asset_2880x.webp?v=1779164501 2560w, 13749 //drinkolipop.com/cdn/shop/files/watermelon-lime-9g-olipop_gallery-image_single-can_new_asset_4096x.webp?v=1779164501 3072w 13750 " 13751 data-src="//drinkolipop.com/cdn/shop/files/watermelon-lime-9g-olipop_gallery-image_single-can_new_asset_360x.webp?v=1779164501" 13752 data-optimumx="auto" 13753 data-sizes="auto" 13754 data-parent-fit="contain" 13755 width="100%" 13756 height="100%" 13757 class="lazyload tw-h-full tw-w-full tw-object-contain" 13758 data-aspectratio="0.7605263157894737" 13759 alt="Watermelon Lime" 13760 13761> 13762 13763 </div> 13764 13765 13766 <div class="tw-pointer-events-none tw-absolute tw-inset-0 tw-z-[2] tw-hidden lg:tw-block" data-hover-wave-card> 13767 <div class="tw-absolute tw-inset-0 tw-flex tw-items-end tw-overflow-hidden"> 13768 <div class="tw-relative tw-h-full tw-w-full"> 13769 <div class="tw-absolute tw-inset-x-0 tw-bottom-0 tw-h-full tw-overflow-hidden"> 13770 <svg 13771 class="tw-h-full tw-w-full"
13772 viewBox="0 0 314 314" 13773 fill="none" 13774 xmlns="http://www.w3.org/2000/svg" 13775 xmlns:xlink="http://www.w3.org/1999/xlink" 13776 preserveAspectRatio="xMidYMid meet" 13777 > 13778 <defs> 13779 <clipPath id="clip-hover-wave-7682917990559-template--24009561342111__collection_hybrid_meta_ALe7xC" clipPathUnits="userSpaceOnUse"> 13780 <path 13781 data-hover-wave-path 13782 d="M314 314H0.000422459L0.00012756 318.4565C-0.0456402 318.419 62.4 300.8566 157 340.0583C251.6 379.2601 314 314.4565 314 314.4565V314Z" 13783 /> 13784 </clipPath> 13785 </defs> 13786 <image 13787 href="//drinkolipop.com/cdn/shop/files/WL_PDP-Right_Image_new_asset.webp?v=1779114827&width=1440" 13788 xlink:href="//drinkolipop.com/cdn/shop/files/WL_PDP-Right_Image_new_asset.webp?v=1779114827&width=1440" 13789 x="0" 13790 y="0" 13791 width="314" 13792 height="314" 13793 preserveAspectRatio="xMidYMax slice" 13794 clip-path="url(#clip-hover-wave-7682917990559-template--24009561342111__collection_hybrid_meta_ALe7xC)" 13795 /> 13796 </svg> 13797 </div> 13798 </div> 13799 </div> 13800 </div> 13801 13802 </a> 13803 13804 13805 <div class="tw-pointer-events-none tw-absolute tw-inset-x-0 tw-bottom-4 tw-z-[4] tw-hidden tw-px-4 lg:tw-flex lg:group-hover:tw-flex"> 13806 13807 <form method="post" action="/cart/add" data-product-card-cta data-variant-id="43069390880927" data-quantity="1" class="tw-pointer-events-auto tw-w-full tw-opacity-0 tw-transition-opacity tw-duration-300 group-hover:tw-opacity-100"> 13808 <input type="hidden" name="id" value="43069390880927"> 13809 <input type="hidden" name="quantity" value="1"> 13810 <button 13811 type="submit" 13812 name="add" 13813 data-add-to-cart 13814 data-product-card-cta 13815 aria-label="Add 12 Pack- Watermelon Lime" 13816 class="tw-inline-flex tw-w-full tw-items-center tw-justify-center tw-rounded-[50px] tw-border-0 tw-bg-[#034638] hover:tw-bg-[#0A3128] tw-px-5 tw-pt-[3px] tw-pb-[1px] tw-text-center tw-font-body tw-text-[14px] tw-font-bold tw-leading-[180%] tw-text-white tw-shadow-none tw-outline-none hover:tw-text-white focus:tw-text-white active:tw-text-white focus:tw-outline-none focus:tw-ring-0 active:tw-ring-0 active:tw-shadow-none" 13817 > 13818 Add 12 Pack 13819 </button> 13820 </form> 13821 13822 </div> 13823 </div> 13824 <!-- ./End Image Container --> 13825 13826 <!-- Text Container --> 13827 <div class="tw-row-span-1 tw-row-start-2 tw-flex tw-w-full tw-flex-col tw-items-center tw-px-3 tw-pb-6 tw-pt-4 tw-text-center md:tw-px-5"> 13828 13829 <div class="tw-flex tw-min-h-[16px] tw-items-center tw-justify-center"> 13830 <div 13831 data-bv-show="inline_rating" 13832 data-bv-product-id="7682917990559" 13833 class="bazaarvoice-product-summary bazaarvoice-product-summary--big product-card__inline-rating" 13834 ></div> 13835 </div> 13836 13837 13838 <p class="tw-min-h-[25px] tw-font-body tw-text-[14px] tw-font-normal tw-leading-[180%] tw-text-[#0A3128] tw-mt-[3px]"> 13839 13840 9g Fiber 13841 13842 </p> 13843 13844 <p class="tw-text-[16px] tw-leading-[140%]" role="heading" aria-level="3"> 13845 <a href="/products/watermelon-lime" aria-label="Shop Now- Watermelon Lime" class="tw-relative tw-z-[4] tw-inline-block tw-font-body tw-text-[16
13845px] tw-font-bold tw-leading-[140%] tw-text-[#034638]"> 13846 Watermelon Lime 13847 </a> 13848 </p> 13849 13850 13851 <form method="post" action="/cart/add" data-product-card-cta data-variant-id="43069390880927" data-quantity="1" class="tw-relative tw-z-[4] tw-mt-2 tw-w-full tw-max-w-[120px] md:tw-max-w-[70%] lg:tw-hidden"> 13852 <input type="hidden" name="id" value="43069390880927"> 13853 <input type="hidden" name="quantity" value="1"> 13854 <button 13855 type="submit" 13856 name="add" 13857 data-add-to-cart 13858 data-product-card-cta 13859 aria-label="Add 12 Pack- Watermelon Lime" 13860 class="tw-inline-flex tw-w-full tw-items-center tw-justify-center tw-rounded-[50px] tw-border-0 tw-bg-[#034638] hover:tw-bg-[#0A3128] tw-px-5 tw-pt-[3px] tw-pb-[1px] tw-text-center tw-font-body tw-text-[14px] tw-font-bold tw-leading-[180%] tw-text-white tw-shadow-none tw-outline-none hover:tw-text-white focus:tw-text-white active:tw-text-white focus:tw-outline-none focus:tw-ring-0 active:tw-ring-0 active:tw-shadow-none" 13861 > 13862 Add 12 Pack 13863 </button> 13864 </form> 13865 13866 </div> 13867 <!-- ./End Text Container --> 13868</div> 13869 13870 13871 13872 13873 13874 13875 13876 13877 13878 13879 13880 13881 13882 13883 13884 13885 13886 13887 13888 13889 13890 13891 13892 13893 13894 13895 13896 13897 13898 13899 13900 13901 13902<div 13903 class="product-card tw-relative tw-group tw-grid tw-h-full tw-w-full tw-overflow-visible focus:tw-ring-2" 13904 style="grid-template-rows: max-content 1fr" 13905> 13906 13907 13908 13909 13910 <!-- Image Container --> 13911 <div class="tw-relative tw-w-full"> 13912 <a 13913 href="/products/banana-cream" 13914 13915 aria-label="Shop Now- Banana Cream" 13916 class="tw-block tw-relative tw-mx-auto tw-w-full tw-max-w-[314px] tw-aspect-square tw-overflow-hidden tw-rounded-2xl" 13917 > 13918 13919 13920 <div class="tw-relative tw-z-[1] tw-mx-auto tw-flex tw-h-full tw-w-full tw-items-center tw-justify-center"> 13921 13922<img 13923 src="//drinkolipop.com/cdn/shop/files/banana-cream-9g-olipop_gallery-image_single-can_new_asset_1x.webp?v=1779155708" 13924 data-srcset="//drinkolipop.com/cdn/shop/files/banana-cream-9g-olipop_gallery-image_single-can_new_asset_480x.webp?v=1779155708 240w, 13925 //drinkolipop.com/cdn/shop/files/banana-cream-9g-olipop_gallery-image_single-can_new_asset_720x.webp?v=1779155708 360w, 13926 //drinkolipop.com/cdn/shop/files/banana-cream-9g-olipop_gallery-image_single-can_new_asset_1080x.webp?v=1779155708 540w, 13927 //drinkolipop.com/cdn/shop/files/banana-cream-9g-olipop_gallery-image_single-can_new_asset_1440x.webp?v=1779155708 720w, 13928 //drinkolipop.com/cdn/shop/files/banana-cream-9g-olipop_gallery-image_single-can_new_asset_1350x.webp?v=1779155708 900w, 13929 //drinkolipop.com/cdn/shop/files/banana-cream-9g-olipop_gallery-image_single-can_new_asset_1512x.webp?v=1779155708 1080w, 13930 //drinkolipop.com/cdn/shop/files/banana-cream-9g-olipop_gallery-image_single-can_new_asset_1728x.webp?v=1779155708 1296w, 13931 //drinkolipop.com/cdn/shop/files/banana-cream-9g-olipop_gallery-image_single-can_new_asset_1920x.webp?v=1779155708 1350w, 13932 //drinkolipop.com/cdn/shop/files/banana-cream-9g-olipop_gallery-image_single-can_new_asset_1980x.webp?v=1779155708 1728w, 13933 //drinkolipop.com/cdn/shop/files/banana-cream-9g-olipop_gallery-image_single-can_new_asset_2160x.webp?v=1779155708 1920w, 13934 //drinkolipop.com/cdn/shop/files/banana-cream-9g-olipop_gallery-image_single-can_new_asset_2880x.webp?v=1779155708 2560w, 13935 //drinkolipop.com/cdn/shop/files/banana-cream-9g-olipop_gallery-image_single-can_new_asset_4096x.webp?v=1779155708 3072w 13936 " 13937 data-src="//drinkolipop.com/cdn/shop/files/banana-cream-9g-olipop_gallery-image_single-can_new_asset_360x.webp?v=1779155708" 13938 data-optimumx="auto" 13939 data-sizes="auto" 13940 data-parent-fit="contain" 13941 width="100%" 13942 height="100%" 13943 class="lazyload tw-h-full tw-w-full tw-object-contain" 13944 data-aspectratio="0.7605263157894737" 13945 alt="Banana Cream" 13946 13947> 13948 13949 </div> 13950 13951 13952 <div class="tw-pointer-events-none tw-absolute tw-inset-0 tw-z-[2] tw-hidden lg:tw-block" data-hover-wave-card> 13953 <div class="tw-absolute tw-inset-0 tw-flex tw-items-end tw-overflow-hidden"> 13954 <div class="tw-relative tw-h-full tw-w-full"> 13955 <div class="tw-absolute tw-inset-x-0 tw-bottom-0 tw-h-full tw-overflow-hidden"> 13956 <svg 13957 class="tw-h-full tw-w-full"
13958 viewBox="0 0 314 314" 13959 fill="none" 13960 xmlns="http://www.w3.org/2000/svg" 13961 xmlns:xlink="http://www.w3.org/1999/xlink" 13962 preserveAspectRatio="xMidYMid meet" 13963 > 13964 <defs> 13965 <clipPath id="clip-hover-wave-7401847029919-template--24009561342111__collection_hybrid_meta_ALe7xC" clipPathUnits="userSpaceOnUse"> 13966 <path 13967 data-hover-wave-path 13968 d="M314 314H0.000422459L0.00012756 318.4565C-0.0456402 318.419 62.4 300.8566 157 340.0583C251.6 379.2601 314 314.4565 314 314.4565V314Z" 13969 /> 13970 </clipPath> 13971 </defs> 13972 <image 13973 href="//drinkolipop.com/cdn/shop/products/5_CollectionspageHoverimage_1120x800_b39089bb-29e7-4038-a323-033b9c629be5_new_asset.png?v=1779072480&width=1440" 13974 xlink:href="//drinkolipop.com/cdn/shop/products/5_CollectionspageHoverimage_1120x800_b39089bb-29e7-4038-a323-033b9c629be5_new_asset.png?v=1779072480&width=1440" 13975 x="0" 13976 y="0" 13977 width="314" 13978 height="314" 13979 preserveAspectRatio="xMidYMax slice" 13980 clip-path="url(#clip-hover-wave-7401847029919-template--24009561342111__collection_hybrid_meta_ALe7xC)" 13981 /> 13982 </svg> 13983 </div> 13984 </div> 13985 </div> 13986 </div> 13987 13988 </a> 13989 13990 13991 <div class="tw-pointer-events-none tw-absolute tw-inset-x-0 tw-bottom-4 tw-z-[4] tw-hidden tw-px-4 lg:tw-flex lg:group-hover:tw-flex"> 13992 13993 <form method="post" action="/cart/add" data-product-card-cta data-variant-id="42237531390111" data-quantity="1" class="tw-pointer-events-auto tw-w-full tw-opacity-0 tw-transition-opacity tw-duration-300 group-hover:tw-opacity-100"> 13994 <input type="hidden" name="id" value="42237531390111"> 13995 <input type="hidden" name="quantity" value="1"> 13996 <button 13997 type="submit" 13998 name="add" 13999 data-add-to-cart 14000 data-product-card-cta 14001 aria-label="Add 12 Pack- Banana Cream" 14002 class="tw-inline-flex tw-w-full tw-items-center tw-justify-center tw-rounded-[50px] tw-border-0 tw-bg-[#034638] hover:tw-bg-[#0A3128] tw-px-5 tw-pt-[3px] tw-pb-[1px] tw-text-center tw-font-body tw-text-[14px] tw-font-bold tw-leading-[180%] tw-text-white tw-shadow-none tw-outline-none hover:tw-text-white focus:tw-text-white active:tw-text-white focus:tw-outline-none focus:tw-ring-0 active:tw-ring-0 active:tw-shadow-none" 14003 > 14004 Add 12 Pack 14005 </button> 14006 </form> 14007 14008 </div> 14009 </div> 14010 <!-- ./End Image Container --> 14011 14012 <!-- Text Container --> 14013 <div class="tw-row-span-1 tw-row-start-2 tw-flex tw-w-full tw-flex-col tw-items-center tw-px-3 tw-pb-6 tw-pt-4 tw-text-center md:tw-px-5"> 14014 14015 <div class="tw-flex tw-min-h-[16px] tw-items-center tw-justify-center"> 14016 <div 14017 data-bv-show="inline_rating" 14018 data-bv-product-id="7401847029919" 14019 class="bazaarvoice-product-summary bazaarvoice-product-summary--big product-card__inline-rating" 14020 ></div> 14021 </div> 14022 14023 14024 <p class="tw-min-h-[25px] tw-font-body tw-text-[14px] tw-font-normal tw-leading-[180%] tw-text-[#0A3128] tw-mt-[3px]"> 14025 14026 9g Fiber 14027 14028 </p> 14029 14030 <p class="tw-text-[16px] tw-leading-[140%]" role="heading" aria-level="3"> 14031 <a href="/products/banana-cream" aria-label="Shop Now- Banana Cream" class="tw-relative tw-z-[4] tw-inline-block tw-font-body tw-text-[16
14031px] tw-font-bold tw-leading-[140%] tw-text-[#034638]"> 14032 Banana Cream 14033 </a> 14034 </p> 14035 14036 14037 <form method="post" action="/cart/add" data-product-card-cta data-variant-id="42237531390111" data-quantity="1" class="tw-relative tw-z-[4] tw-mt-2 tw-w-full tw-max-w-[120px] md:tw-max-w-[70%] lg:tw-hidden"> 14038 <input type="hidden" name="id" value="42237531390111"> 14039 <input type="hidden" name="quantity" value="1"> 14040 <button 14041 type="submit" 14042 name="add" 14043 data-add-to-cart 14044 data-product-card-cta 14045 aria-label="Add 12 Pack- Banana Cream" 14046 class="tw-inline-flex tw-w-full tw-items-center tw-justify-center tw-rounded-[50px] tw-border-0 tw-bg-[#034638] hover:tw-bg-[#0A3128] tw-px-5 tw-pt-[3px] tw-pb-[1px] tw-text-center tw-font-body tw-text-[14px] tw-font-bold tw-leading-[180%] tw-text-white tw-shadow-none tw-outline-none hover:tw-text-white focus:tw-text-white active:tw-text-white focus:tw-outline-none focus:tw-ring-0 active:tw-ring-0 active:tw-shadow-none" 14047 > 14048 Add 12 Pack 14049 </button> 14050 </form> 14051 14052 </div> 14053 <!-- ./End Text Container --> 14054</div> 14055 14056</div> 14057 </div> 14058 </div></div> 14059 </div> 14060 </div> 14061</div> 14062
14063<script> 14064 document.addEventListener('DOMContentLoaded', () => { 14065 const sectionRoot = document.querySelector('#shopify-section-template--24009561342111__collection_hybrid_meta_ALe7xC'); 14066 if (!sectionRoot) return; 14067 14068 if (typeof window.initProductCardHoverWaves === 'function') { 14069 window.initProductCardHoverWaves(sectionRoot); 14070 } 14071 14072 const collectionEventName = 'Collection Card Product Add'; 14073 const filterAnchorEventName = 'Collection Card Filter Click'; 14074 const collectionCard = sectionRoot.querySelectorAll('[data-product-title]'); 14075 const filterAnchor = sectionRoot.querySelectorAll('[data-filter-anchor]'); 14076 14077 filterAnchor.forEach((el) => { 14078 const anchorLabel = el.textContent.trim(); 14079 el.addEventListener('click', () => { 14080 if (window.gtag) { 14081 window.gtag('event', filterAnchorEventName, { 14082 event_detail: `anchor label - ${anchorLabel}`, 14083 }); 14084 } 14085 window.igEvents = window.igEvents || []; 14086 window.igEvents.push({ 14087 event: filterAnchorEventName, 14088 properties: { anchorLabel }, 14089 }); 14090 }); 14091 }); 14092 14093 collectionCard.forEach((el) => { 14094 const productTitle = el.dataset.productTitle; 14095 const cta = el.querySelector("[data-action='add-variant']"); 14096 if (!cta) return; 14097 cta.addEventListener('click', () => { 14098 if (window.gtag) { 14099 window.gtag('event', collectionEventName, { 14100 event_detail: `product title - ${productTitle}`, 14101 }); 14102 } 14103 window.igEvents = window.igEvents || []; 14104 window.igEvents.push({ 14105 event: collectionEventName, 14106 properties: { productTitle }, 14107 }); 14108 }); 14109 }); 14110 14111 const jumpBar = sectionRoot.querySelector('.clp-jump-links'); 14112 const headerGroup = document.querySelector('#shopify-section-header'); 14113 const headerWrapper = headerGroup ? headerGroup.querySelector('.header-wrapper') : null; 14114 const announcementBar = document.querySelector('.section-announcement-bar'); 14115 const jumpScrollEl = sectionRoot.querySelector('.clp-jump-links-scroll'); 14116 const jumpLinksInnerEl = sectionRoot.querySelector('.clp-jump-links-inner'); 14117 14118 const setClpStickyTop = () => { 14119 const headerBottom = headerGroup ? Math.max(0, Math.round(headerGroup.getBoundingClientRect().bottom)) : 0; 14120 const announcementBottom = announcementBar ? Math.max(0, Math.round(announcementBar.getBoundingClientRect().bottom)) : 0; 14121 const stickyTop = Math.max(headerBottom, announcementBottom); 14122 if (stickyTop > 0) { 14123 sectionRoot.style.setProperty('--clp-sticky-top', `${stickyTop}px`); 14124 return; 14125 } 14126 sectionRoot.style.setProperty('--clp-sticky-top', 'var(--site-header-height, 64px)'); 14127 }; 14128 14129 const setClpHeroOverlap = () => { 14130 const rootStyles = getComputedStyle(document.documentElement); 14131 const fallbackHeaderHeight = 14132 parseFloat(rootStyles.getPropertyValue('--site-header-height').trim()) || 64; 14133 14134 const headerHeight = headerWrapper 14135 ? Math.max(0, Math.round(headerWrapper.getBoundingClientRect().height)) 14136 : fallbackHeaderHeight; 14137 // Hero overlap should match the actual header height only. 14138 // This aligns hero background with the HEADER top border (announcement stays above it). 14139 sectionRoot.style.setProperty('--clp-hero-overlap', `${headerHeight}px`); 14140 }; 14141 14142 const setClpJumpBarHeight = () => { 14143 if (!jumpBar) return; 14144 sectionRoot.style.setProperty( 14145 '--clp-jump-links-bar-height', 14146 `${Math.round(jumpBar.getBoundingClientRect().height)}px` 14147 ); 14148 }; 14149 14150 const updateJumpLinksCentering = () => { 14151 if (!jumpScrollEl || !jumpLinksInnerEl) return; 14152 // If the inner content fits, center it within the scroll viewport. 14153 const tolerance = 6; // px (account for rounding + padding) 14154 const isOverflowed = jumpLinksInnerEl.scrollWidth > jumpScrollEl.clientWidth + tolerance; 14155 const isMobile = window.matchMedia('(max-width: 1023px)').matches; 14156 jumpScrollEl.classList.toggle('clp-jump-links-scroll--centered', isMobile && !isOverflowed); 14157 if (isMobile && !isOverflowed) jumpScrollEl.scrollLeft = 0; 14158 }; 14159 14160 const readStickyTop = () => { 14161 if (jumpBar) { 14162 const topPx = parseFloat(getComputedStyle(jumpBar).top); 14163 if (!Number.isNaN(topPx)) return topPx; 14164 } 14165 const rootStyles = getComputedStyle(document.documentElement); 14166 const stickyTopRaw = 14167 sectionRoot.style.getPropertyValue('--clp-sticky-top').trim() || 14168 rootStyles.getPropertyValue('--clp-sticky-top').trim() || 14169 rootStyles.getPropertyValue('--site-header-height').trim(); 14170 return parseFloat(stickyTopRaw) || 0; 14171 }; 14172 14173 const updateJumpBarStuckState = () => { 14174 if (!jumpBar || clpJumpScrolling) return; 14175 const stickyTop = readStickyTop(); 14176 const rect = jumpBar.getBoundingClientRect(); 14177 const isStuck = rect.top <= stickyTop + 1 && rect.bottom > stickyTop + 1; 14178 jumpBar.classList.toggle('is-stuck', isStuck); 14179 document.body.classList.toggle('clp-jump-links-shadow-active', isStuck); 14180 }; 14181 14182 const readHeaderBottom = () => { 14183 if (headerGroup) { 14184 const bottom = Math.round(headerGroup.getBoundingClientRect().bottom); 14185 if (bottom > 0) return bottom; 14186 } 14187 const rootStyles = getComputedStyle(document.documentElement); 14188 const fromVar = parseFloat(rootStyles.getPropertyValue('--header-group-bottom-position')); 14189 if (!Number.isNaN(fromVar) && fromVar > 0) return fromVar; 14190 return readStickyTop() || 64; 14191 }; 14192 14193 const readJumpBarHeight = () => { 14194 if (!jumpBar) return 0; 14195 const barRaw = sectionRoot.style.getPropertyValue('--clp-jump-links-bar-height').trim() || ''; 14196 const fromVar = parseFloat(barRaw); 14197 if (!Number.isNaN(fromVar) && fromVar > 0) return Math.round(fromVar); 14198 return Math.round(jumpBar.getBoundingClientRect().height) || 0; 14199 }; 14200 14201 const readAnchorOffset = () => { 14202 const offsetRaw = sectionRoot.style.getPropertyValue('--clp-anchor-offset').trim() || ''; 14203 return parseFloat(offsetRaw) || 0; 14204 }; 14205 14206 const jumpScrollOffset = () => readHeaderBottom() + readJumpBarHeight() + readAnchorOffset(); 14207
14208 let clpSyncActiveLockUntil = 0; 14209 let clpJumpScrollToken = 0; 14210 let clpJumpFinishTimer = null; 14211 let clpInitHashTimer = null; 14212 let clpJumpScrolling = false; 14213 let clpJumpBarRevealTimer = null; 14214 14215 const jumpSpacer = sectionRoot.querySelector('[data-clp-jump-spacer]'); 14216 14217 const clearJumpFinishTimer = () => { 14218 if (clpJumpFinishTimer) { 14219 window.clearTimeout(clpJumpFinishTimer); 14220 clpJumpFinishTimer = null; 14221 } 14222 }; 14223 14224 const clearJumpBarRevealTimer = () => { 14225 if (clpJumpBarRevealTimer) { 14226 window.clearTimeout(clpJumpBarRevealTimer); 14227 clpJumpBarRevealTimer = null; 14228 } 14229 }; 14230 14231 const isJumpBarStuck = () => { 14232 if (!jumpBar) return false; 14233 const stickyTop = readStickyTop(); 14234 const rect = jumpBar.getBoundingClientRect(); 14235 return rect.top <= stickyTop + 1 && rect.bottom > stickyTop + 1; 14236 }; 14237 14238 const lockJumpBarForScroll = ({ delayedReveal = false } = {}) => { 14239 if (!jumpBar) return; 14240 clearJumpBarRevealTimer(); 14241 setClpJumpBarHeight(); 14242 const barHeight = Math.round(jumpBar.getBoundingClientRect().height); 14243 if (jumpSpacer) { 14244 jumpSpacer.style.height = `${barHeight}px`; 14245 jumpSpacer.classList.add('is-active'); 14246 } 14247 jumpBar.classList.add('clp-jump-links--jump-scrolling'); 14248 jumpBar.classList.remove('is-stuck'); 14249 document.body.classList.add('clp-jump-links-shadow-active'); 14250 14251 if (delayedReveal) { 14252 jumpBar.classList.add('clp-jump-links--jump-scrolling-hidden'); 14253 clpJumpBarRevealTimer = window.setTimeout(() => { 14254 clpJumpBarRevealTimer = null; 14255 if (!jumpBar.classList.contains('clp-jump-links--jump-scrolling')) return; 14256 jumpBar.classList.remove('clp-jump-links--jump-scrolling-hidden'); 14257 }, 300); 14258 } else { 14259 jumpBar.classList.remove('clp-jump-links--jump-scrolling-hidden'); 14260 } 14261 }; 14262 14263 const unlockJumpBarForScroll = () => { 14264 if (!jumpBar) return; 14265 clearJumpBarRevealTimer(); 14266 jumpBar.classList.remove( 14267 'clp-jump-links--jump-scrolling', 14268 'clp-jump-links--jump-scrolling-hidden' 14269 ); 14270 if (jumpSpacer) { 14271 jumpSpacer.classList.remove('is-active'); 14272 jumpSpacer.style.height = ''; 14273 } 14274 updateJumpBarStuckState(); 14275 }; 14276 14277 setClpStickyTop(); 14278 setClpHeroOverlap(); 14279 setClpJumpBarHeight(); 14280 updateJumpBarStuckState(); 14281 updateJumpLinksCentering(); 14282 window.addEventListener('resize', () => { 14283 setClpStickyTop(); 14284 setClpHeroOverlap(); 14285 setClpJumpBarHeight(); 14286 updateJumpBarStuckState(); 14287 updateJumpLinksCentering(); 14288 }); 14289 window.addEventListener( 14290 'scroll', 14291 () => { 14292 setClpStickyTop(); 14293 updateJumpBarStuckState(); 14294 }, 14295 { passive: true } 14296 ); 14297 if (headerGroup && typeof ResizeObserver !== 'undefined') { 14298 new ResizeObserver(() => { 14299 setClpStickyTop(); 14300 setClpHeroOverlap(); 14301 updateJumpBarStuckState(); 14302 }).observe(headerGroup); 14303 } 14304 if (announcementBar && typeof ResizeObserver !== 'undefined') { 14305 new ResizeObserver(() => { 14306 setClpStickyTop(); 14307 setClpHeroOverlap(); 14308 updateJumpBarStuckState(); 14309 }).observe(announcementBar); 14310 } 14311 if (jumpBar && typeof ResizeObserver !== 'undefined') { 14312 new ResizeObserver(() => { 14313 setClpJumpBarHeight(); 14314 updateJumpBarStuckState(); 14315 updateJumpLinksCentering(); 14316 }).observe(jumpBar); 14317 } 14318 setTimeout(() => { 14319 setClpStickyTop(); 14320 setClpHeroOverlap(); 14321 setClpJumpBarHeight(); 14322 updateJumpBarStuckState(); 14323 updateJumpLinksCentering(); 14324 }, 300); 14325 14326 const shopAllJump = sectionRoot.querySelector('[data-clp-jump-shop-all]'); 14327 const anchorJumpLinks = sectionRoot.querySelectorAll('[data-clp-jump-anchor]'); 14328 const jumpTargetEls = Array.from(sectionRoot.querySelectorAll('.collection-group[id]')).filter((el) => 14329 el.id.startsWith('hybrid-template--24009561342111__collection_hybrid_meta_ALe7xC-') 14330 ); 14331 14332 const setJumpActive = (activeAnchor) => { 14333 if (!anchorJumpLinks || !anchorJumpLinks.length) return; 14334 if (shopAllJump) { 14335 shopAllJump.classList.toggle('clp-jump-link--active', !activeAnchor); 14336 } 14337 anchorJumpLinks.forEach((link) => { 14338 const id = (link.getAttribute('data-clp-jump-target') || '').trim(); 14339 link.classList.toggle('clp-jump-link--active', Boolean(activeAnchor && id === activeAnchor)); 14340 }); 14341 }; 14342 14343 const activeIdFromScroll = () => { 14344 if (!jumpTargetEls || jumpTargetEls.length === 0) return ''; 14345 14346 const line = jumpScrollOffset(); 14347 const tolerance = 8; 14348 14349 for (const el of jumpTargetEls) { 14350 const rect = el.getBoundingClientRect(); 14351 if (rect.top <= line + tolerance && rect.bottom > line + tolerance) { 14352 return el.id; 14353 } 14354 } 14355 14356 let closest = jumpTargetEls[0]; 14357 let closestDistance = Infinity;
14358 jumpTargetEls.forEach((el) => { 14359 const distance = Math.abs(el.getBoundingClientRect().top - line); 14360 if (distance < closestDistance) { 14361 closestDistance = distance; 14362 closest = el; 14363 } 14364 }); 14365 return closest.id; 14366 }; 14367 14368 const prefersReducedMotion = () => 14369 window.matchMedia('(prefers-reduced-motion: reduce)').matches; 14370 14371 const finishJumpScroll = (targetId, token, updateHash) => { 14372 if (token !== clpJumpScrollToken) return; 14373 clearJumpFinishTimer(); 14374 clpJumpScrolling = false; 14375 unlockJumpBarForScroll(); 14376 14377 if (updateHash && window.history && typeof history.replaceState === 'function') { 14378 const nextUrl = `${window.location.pathname}${window.location.search}#${targetId}`; 14379 history.replaceState(null, '', nextUrl); 14380 } 14381 14382 setJumpActive(targetId); 14383 clpSyncActiveLockUntil = Date.now() + 500; 14384 }; 14385 14386 const scrollToJumpTarget = (id, { updateHash = true, indexHint = null } = {}) => { 14387 const index = 14388 Number.isInteger(indexHint) && indexHint >= 0 && jumpTargetEls[indexHint] 14389 ? indexHint 14390 : jumpTargetEls.findIndex((el) => el.id === id); 14391 if (index < 0 || !jumpTargetEls[index]) return false; 14392 14393 const target = jumpTargetEls[index]; 14394 const targetId = target.id || id; 14395 const token = ++clpJumpScrollToken; 14396 14397 clearJumpFinishTimer(); 14398 if (clpInitHashTimer) { 14399 window.clearTimeout(clpInitHashTimer); 14400 clpInitHashTimer = null; 14401 } 14402 14403 setClpStickyTop(); 14404 setClpJumpBarHeight(); 14405 window.__clpJumpScrollUntil = Date.now() + 5000; 14406 setJumpActive(targetId); 14407 14408 clpJumpScrolling = true; 14409 lockJumpBarForScroll({ delayedReveal: !isJumpBarStuck() }); 14410 14411 const runScroll = () => { 14412 if (token !== clpJumpScrollToken) return; 14413 14414 const scrollTop = window.pageYOffset || document.documentElement.scrollTop || 0; 14415 const top = Math.max(0, target.getBoundingClientRect().top + scrollTop - jumpScrollOffset()); 14416 const useSmooth = !prefersReducedMotion(); 14417 14418 window.scrollTo({ top, left: 0, behavior: useSmooth ? 'smooth' : 'auto' }); 14419 14420 clpJumpFinishTimer = window.setTimeout( 14421 () => finishJumpScroll(targetId, token, updateHash), 14422 useSmooth ? 1200 : 80 14423 ); 14424 }; 14425 14426 requestAnimationFrame(() => { 14427 requestAnimationFrame(runScroll); 14428 }); 14429 14430 return true; 14431 }; 14432 14433 const applyJumpHashIfAny = () => { 14434 const hashId = window.location.hash ? window.location.hash.slice(1) : ''; 14435 if (!hashId || !jumpTargetEls.some((el) => el.id === hashId)) return false; 14436 setJumpActive(hashId); 14437 return true; 14438 }; 14439 14440 const syncJumpActiveFromScroll = () => { 14441 if (clpJumpFinishTimer || Date.now() < clpSyncActiveLockUntil) return; 14442 setJumpActive(activeIdFromScroll()); 14443 }; 14444 14445 const handleJumpLinkActivate = (link, e) => { 14446 if (e) { 14447 e.preventDefault(); 14448 e.stopPropagation(); 14449 e.stopImmediatePropagation(); 14450 } 14451 14452 const id = (link.getAttribute('data-clp-jump-target') || '').trim(); 14453 if (!id) return; 14454 14455 const indexHint = parseInt(link.getAttribute('data-clp-jump-index') || '', 10); 14456 scrollToJumpTarget(id, { 14457 indexHint: Number.isNaN(indexHint) ? null : indexHint, 14458 }); 14459 }; 14460 14461 if (anchorJumpLinks && anchorJumpLinks.length && jumpTargetEls.length) { 14462 sectionRoot.addEventListener( 14463 'click', 14464 (e) => { 14465 const link = e.target.closest('[data-clp-jump-anchor]'); 14466 if (!link || !sectionRoot.contains(link)) return; 14467 handleJumpLinkActivate(link, e); 14468 }, 14469 true 14470 ); 14471 14472 let scrollScheduled = false; 14473 const onScrollOrResize = () => { 14474 if (scrollScheduled || clpJumpFinishTimer || clpJumpScrolling) return; 14475 scrollScheduled = true; 14476 requestAnimationFrame(() => { 14477 scrollScheduled = false; 14478 syncJumpActiveFromScroll(); 14479 }); 14480 }; 14481 window.addEventListener('scroll', onScrollOrResize, { passive: true }); 14482 window.addEventListener('resize', () => { 14483 setClpJumpBarHeight(); 14484 onScrollOrResize(); 14485 }); 14486 14487 if (!applyJumpHashIfAny()) syncJumpActiveFromScroll(); 14488 14489 clpInitHashTimer = window.setTimeout(() => { 14490 clpInitHashTimer = null; 14491 if (window.__clpJumpScrollUntil && Date.now() < window.__clpJumpScrollUntil) return; 14492 if (!applyJumpHashIfAny()) syncJumpActiveFromScroll(); 14493 }, 800); 14494 } 14495 }); 14496</script>
14496 14497 14498 14499</section>
14499<script data-locksmith> 14500 var load = function () { 14501 14502 if (document.querySelectorAll('.locksmith-manual-trigger').length > 0) { 14503 Locksmith.ping(); 14504 } 14505 14506 14507 Locksmith.util.on('submit', 'locksmith-resource-form', function (event) { 14508 event.preventDefault(); 14509 var data = Locksmith.util.serializeForm(event.target); 14510 var options = { spinner: false, container: 'locksmith-content' }; 14511 // a form rendered inline (section replacement) must keep that context 14512 // on resubmit: same enclosing container (there may be several on the 14513 // page), and no layout classes or cancel affordance in the re-render 14514 var inlineContainer = event.target.closest && event.target.closest('[id^="locksmith-content"]'); 14515 if (inlineContainer) { 14516 options.container = inlineContainer; 14517 } 14518 if (event.target.getAttribute('data-locksmith-inline') === 'true') { 14519 options.include_layout_classes = false; 14520 } 14521 Locksmith.postResource(data, options); 14522 }); 14523 14524 Locksmith.util.on('click', 'locksmith-manual-trigger', function (event) { 14525 event.preventDefault(); 14526 Locksmith.postResource({}, { spinner: true, container: document }); 14527 }); 14528 14529 Locksmith.submitPasscode = function (passcode) { 14530 Locksmith.postResource( 14531 { passcode: passcode }, 14532 { spinner: false, container: 'locksmith-content' } 14533 ); 14534 }; 14535 }; 14536 14537 if (typeof Locksmith !== 'undefined') { 14538 load(); 14539 } else { 14540 window.addEventListener('load', load); 14541 } 14542 </script>
14542 14543 </div> 14544 14545 <div id="slideshow-info" class="visually-hidden">Use left/right arrows to navigate the slideshow or swipe left/right if using a mobile device</div> 14546 </div> 14547 14548 <div id="shopify-section-footer" class="shopify-section"><style data-shopify>#shopify-section-footer { 14549 --image-width: 0px; 14550 --image-width-mobile: 0.0px; 14551 --image-width-secondary: 0px; 14552 --image-width-secondary-mobile: 0.0px; 14553 } 14554 14555 #shopify-section-footer .slice-animation--left { 14556 animation: slice-small 3s cubic-bezier(0.33, 0.35, 0.73, 0.72) forwards paused; 14557 } 14558 14559 #shopify-section-footer .slice-animation--right { 14560 animation: slice-small-right 3s cubic-bezier(0.33, 0.35, 0.73, 0.72) forwards paused; 14561 } 14562 14563 @media (min-width: 750px) { 14564 #shopify-section-footer .slice-animation--left { 14565 animation: slice-medium 3s cubic-bezier(0.33, 0.35, 0.73, 0.72) forwards paused; 14566 } 14567 } 14568 14569 @media (min-width: 750px) { 14570 #shopify-section-footer .slice-animation--right { 14571 animation: slice-medium-right 3s cubic-bezier(0.33, 0.35, 0.73, 0.72) forwards paused; 14572 } 14573 } 14574 14575 @media (min-width: 1024px) { 14576 #shopify-section-footer .slice-animation--left { 14577 animation: slice-large 3s cubic-bezier(0.33, 0.35, 0.73, 0.72) forwards paused; 14578 } 14579 } 14580 14581 @media (min-width: 1024px) { 14582 #shopify-section-footer .slice-animation--right { 14583 animation: slice-large-right 3s cubic-bezier(0.33, 0.35, 0.73, 0.72) forwards paused; 14584 } 14585 } 14586 14587 @media (min-width: 1440px) { 14588 #shopify-section-footer .slice-animation--left { 14589 animation: slice-large-up 3s cubic-bezier(0.33, 0.35, 0.73, 0.72) forwards paused; 14590 } 14591 } 14592 14593 @media (min-width: 1440px) { 14594 #shopify-section-footer .slice-animation--right { 14595 animation: slice-large-up-right 3s cubic-bezier(0.33, 0.35, 0.73, 0.72) forwards paused; 14596 } 14597 } 14598 14599 @media (min-width: 1920px) { 14600 #shopify-section-footer .slice-animation--left { 14601 animation: slice-large-up 7s cubic-bezier(0.33, 0.35, 0.73, 0.72) forwards paused; 14602 } 14603 } 14604 14605 @media (min-width: 1920px) { 14606 #shopify-section-footer .slice-animation--right { 14607 animation: slice-large-up-right 7s cubic-bezier(0.33, 0.35, 0.73, 0.72) forwards paused; 14608 } 14609 } 14610 14611 @keyframes slice-large-up { 14612 0%{ 14613 transform: translateX(0%) 14614 } 14615 100%{ 14616 transform: translateX(calc((100vw - 1320px) / 2)); 14617 } 14618 } 14619 14620 @keyframes slice-large-up-right { 14621 0%{ 14622 transform: translateX(0%) 14623 } 14624 100%{ 14625 transform: translateX(calc((100vw - 1320px) / -2)); 14626 } 14627 } 14628 14629 @keyframes slice-large { 14630 0%{ 14631 transform: translateX(0%) 14632 } 14633 100%{ 14634 transform: translateX(60px) 14635 } 14636 } 14637 14638 @keyframes slice-large-right { 14639 0%{ 14640 transform: translateX(0%) 14641 } 14642 100%{ 14643 transform: translateX(-60px) 14644 } 14645 } 14646 14647 @keyframes slice-medium { 14648 0%{ 14649 transform: translateX(0%) 14650 } 14651 100%{ 14652 transform: translateX(20px) 14653 } 14654 } 14655 14656 @keyframes slice-medium-right { 14657 0%{ 14658 transform: translateX(0%) 14659 } 14660 100%{ 14661 transform: translateX(-20px) 14662 } 14663 } 14664 14665 @keyframes slice-small { 14666 0% { 14667 transform: translateX(0%); 14668 } 14669 100% { 14670 transform: translateX(20px) 14671 } 14672 } 14673 14674 @keyframes slice-small-right { 14675 0% { 14676 transform: translateX(0%); 14677 } 14678 100% { 14679 transform: translateX(-20px) 14680 } 14681 } 14682 14683 footer .klaviyo-form button:hover { 14684 background-color: #E2EB28 !important; 14685 } 14686 14687 .footer-menu h3 { 14688 font-weight: 800; 14689 } 14690 14691 .footer-menu a:hover { 14692 color: #FFFF7D !important; 14693 } 14694 14695 @media screen and (max-width: 750px) { 14696 .footer-link-list li:not(:last-child)::after { 14697 margin-right: 5px; 14698 margin-left: 5px; 14699 } 14700 14701 .footer-link-list { 14702 margin-right: -1rem; 14703 margin-left: -1rem; 14704 } 14705 }</style><footer 14706 class="tw-relative tw-z-10 tw-float-left tw-w-full tw-font-ano" 14707 data-section-id="footer" 14708 data-section-type="footer-section" 14709 style="background-color: #008168;" 14710> 14711 <section class="tw-pointer-events-none tw-relative tw-h-0"><div 14712 class="tw-absolute tw-z-6 tw-w-full tw-bottom-[-100%]" 14713 > 14714 <div 14715 class="wave-separator-svg__curve-up-left tw-h-[98px]" 14716 style="background-color: #008168;" 14717 ></div> 14718 </div> 14719 </section> 14720 14721 14722 14723 14724 <div class="tw-my-0 tw-px-5 tw-text-white lg:tw-mx-[60px] lg:tw-px-0 xl:tw-mx-auto xl:tw-max-w-[1320px] tw-pt-2 tw-pb-5 md:tw-pb-10"> 14725 <div class="tw-flex tw-flex-wrap lg:tw-flex-nowrap tw-justify-center lg:tw-justify-between tw-gap-6 lg:tw-flex-row tw-max-w-[540px] lg:tw-max-w-full tw-mx-auto"> 14726 <div class="footer-menu tw-max-w-[540px] tw-mt-0 lg:-tw-mt-2 tw-text-center tw-w-full lg:tw-w-auto tw-pb-10 lg:tw-pb-0 tw-border-b tw-border-solid tw-border-white lg:tw-border-none lg:tw-text-left lg:tw-mr-auto "><h3 14727 class="tw-text-8 lg:tw-text-12 !tw-font-display tw-font-bold tw-leading-[1.1] !tw-text-vanilla " 14728 id="footer-menu-label-1" 14729 > 14730 Sign up to get 15% off your first order 14731 </h3><klaviyo-form 14732 class="klaviyo-form tw-px-0 tw-pt-4 tw-pb-6 md:tw-py-6 tw-inline-block text-left" 14733 data-klaviyo-list-id="KdQJNU" 14734 > 14735 <form 14736 method="post" 14737 action="/contact#contact_form" 14738 id="contact_form" 14739 accept-charset="UTF-8" 14740 class="newsletter-form" 14741 > 14742 <input type="hidden" name="contact[tags]" value="newsletter"> 14743 <div class="klaviyo-form__wrapper rel"> 14744 <input 14745 type="email" 14746 id="KlaviyoForm--footer" 14747 name="contact[email]" 14748 value="" 14749 aria-required="true" 14750 autocorrect="off" 14751 autocapitalize="off" 14752 autocomplete="email" 14753 required 14754 placeholder="Your Email Address" 14755 > 14756 <label class="visually-hidden" for="KlaviyoForm--footer">Subscribe</label> 14757 <button 14758 type="submit" 14759 name="subscribe" 14760 id="subscribe" 14761 aria-label="Subscribe" 14762 > 14763 Subscribe 14764 </button> 14765 </div> 14766
14767 <div class="klaviyo-form__message klaviyo-form__success hide"> 14768 <p><strong>Subscribed!</strong></p><p>Save 15% on your first order with code <strong>WELCOME15.</strong></p><p>Check your email for a confirmation message.</p> 14769 </div> 14770 14771 14772 14773 <div class="klaviyo-form__message klaviyo-form__error form-error hide"> 14774 <p>Something went wrong, please try again</p> 14775 </div> 14776 14777 <div class="klaviyo-form__message klaviyo-form__error-email form-error hide tw-pt-4"> 14778 Please enter a valid email address. 14779 </div> 14780 </form> 14781 </klaviyo-form> 14782 14783 <nav class="tw-mt-2" aria-label="Social media"> 14784 <ul class="social-icons"><li class="tw-my-0 tw-mx-[10px] tw-inline-block lg:tw-mr-7 lg:tw-ml-0"> 14785 <a class="tw-text-white hover:tw-text-yellow-dark" target="_blank" href="https://www.instagram.com/drinkolipop/"> 14786 <svg focusable="false" class="icon icon-instagram" role="presentation" viewBox="0 0 512 512"> 14787 <path d="M256 49.5c67.3 0 75.2.3 101.8 1.5 24.6 1.1 37.9 5.2 46.8 8.7 11.8 4.6 20.2 10 29 18.8s14.3 17.2 18.8 29c3.4 8.9 7.6 22.2 8.7 46.8 1.2 26.6 1.5 34.5 1.5 101.8s-.3 75.2-1.5 101.8c-1.1 24.6-5.2 37.9-8.7 46.8-4.6 11.8-10 20.2-18.8 29s-17.2 14.3-29 18.8c-8.9 3.4-22.2 7.6-46.8 8.7-26.6 1.2-34.5 1.5-101.8 1.5s-75.2-.3-101.8-1.5c-24.6-1.1-37.9-5.2-46.8-8.7-11.8-4.6-20.2-10-29-18.8s-14.3-17.2-18.8-29c-3.4-8.9-7.6-22.2-8.7-46.8-1.2-26.6-1.5-34.5-1.5-101.8s.3-75.2 1.5-101.8c1.1-24.6 5.2-37.9 8.7-46.8 4.6-11.8 10-20.2 18.8-29s17.2-14.3 29-18.8c8.9-3.4 22.2-7.6 46.8-8.7 26.6-1.3 34.5-1.5 101.8-1.5m0-45.4c-68.4 0-77 .3-103.9 1.5C125.3 6.8 107 11.1 91 17.3c-16.6 6.4-30.6 15.1-44.6 29.1-14 14-22.6 28.1-29.1 44.6-6.2 16-10.5 34.3-11.7 61.2C4.4 179 4.1 187.6 4.1 256s.3 77 1.5 103.9c1.2 26.8 5.5 45.1 11.7 61.2 6.4 16.6 15.1 30.6 29.1 44.6 14 14 28.1 22.6 44.6 29.1 16 6.2 34.3 10.5 61.2 11.7 26.9 1.2 35.4 1.5 103.9 1.5s77-.3 103.9-1.5c26.8-1.2 45.1-5.5 61.2-11.7 16.6-6.4 30.6-15.1 44.6-29.1 14-14 22.6-28.1 29.1-44.6 6.2-16 10.5-34.3 11.7-61.2 1.2-26.9 1.5-35.4 1.5-103.9s-.3-77-1.5-103.9c-1.2-26.8-5.5-45.1-11.7-61.2-6.4-16.6-15.1-30.6-29.1-44.6-14-14-28.1-22.6-44.6-29.1-16-6.2-34.3-10.5-61.2-11.7-27-1.1-35.6-1.4-104-1.4z"/><path d="M256 126.6c-71.4 0-129.4 57.9-129.4 129.4s58 129.4 129.4 129.4 129.4-58 129.4-129.4-58-129.4-129.4-129.4zm0 213.4c-46.4 0-84-37.6-84-84s37.6-84 84-84 84 37.6 84 84-37.6 84-84 84z"/><circle cx="390.5" cy="121.5" r="30.2"/> 14788</svg> 14789 14790 <span class="icon__fallback-text">Link to Olipop Instagram</span> 14791 </a> 14792 </li><li class="tw-my-0 tw-mx-[10px] tw-inline-block lg:tw-mr-7 lg:tw-ml-0"> 14793 <a class="tw-text-white hover:tw-text-yellow-dark" target="_blank" href="https://www.tiktok.com/@drinkolipop?lang=en"> 14794 <svg width="23" height="26" viewBox="0 0 23 26" fill="none" xmlns="http://www.w3.org/2000/svg" role="presentation"> 14795 <path d="M22.8312 6.51011C21.3452 6.51011 19.9738 6.01784 18.8728 5.18729C17.6101 4.23511 16.7027 2.83862 16.3823 1.22893C16.3026 0.831133 16.2601 0.420622 16.2558 0H12.0106V11.6L12.0054 17.9539C12.0054 19.6525 10.8992 21.0929 9.3658 21.5994C8.92091 21.7464 8.4402 21.816 7.93955 21.7886C7.30082 21.7536 6.70224 21.5606 6.18195 21.2495C5.07464 20.5874 4.32411 19.3859 4.3036 18.0116C4.27153 15.8638 6.00804 14.1128 8.15419 14.1128C8.578 14.1128 8.98475 14.1818 9.3658 14.3075V11.1372V9.99758C8.96395 9.93807 8.55517 9.90716 8.14148 9.90716C5.79224 9.90716 3.59524 10.8836 2.02455 12.6429C0.837506 13.9724 0.125395 15.6685 0.0156173 17.4472C-0.128249 19.7837 0.726573 22.0047 2.3848 23.6435C2.62833 23.8842 2.88428 24.1075 3.15179 24.3135C4.57342 25.4069 6.31137 26 8.14177 26C8.55517 26 8.96424 25.9694 9.36608 25.9099C11.076 25.6565 12.6536 24.8739 13.8988 23.643C15.4287 22.1309 16.274 20.1234 16.283 17.9868L16.261 8.49853C16.9907 9.06158 17.7889 9.52756 18.6452 9.88896C19.9773 10.4508 21.3896 10.7357 22.843 10.7354V7.65296V6.50924C22.8442 6.51011 22.8321 6.51011 22.8312 6.51011Z" fill="currentColor"/> 14796</svg> 14797
14798 <span class="icon__fallback-text">Link to Olipop TikTok</span> 14799 </a> 14800 </li><li class="tw-my-0 tw-mx-[10px] tw-inline-block lg:tw-mr-7 lg:tw-ml-0"> 14801 <a class="tw-text-white hover:tw-text-yellow-dark" target="_blank" href="https://www.facebook.com/drinkolipop"> 14802 <svg 14803 width="11" 14804 height="21" 14805 viewBox="0 0 11 21" 14806 fill="none" 14807 xmlns="http://www.w3.org/2000/svg" 14808 class="icon icon-facebook" 14809 role="presentation" 14810> 14811 <path d="M10.8258 7.78803H7.30078V5.78803C7.30078 4.75603 7.38478 4.10603 8.86378 4.10603H10.7318V0.926026C9.82278 0.832026 8.90878 0.786027 7.99378 0.788026C5.28078 0.788026 3.30078 2.44503 3.30078 5.48703V7.78803H0.300781V11.788L3.30078 11.787V20.788H7.30078V11.785L10.3668 11.784L10.8258 7.78803Z" fill="#14433D"/> 14812</svg> 14813 14814 <span class="icon__fallback-text">Link to Olipop Facebook</span> 14815 </a> 14816 </li><li class="tw-my-0 tw-mx-[10px] tw-inline-block lg:tw-mr-7 lg:tw-ml-0"> 14817 <a class="tw-text-white hover:tw-text-yellow-dark" target="_blank" href="https://www.linkedin.com/company/olipop-pbc"> 14818 <svg class="icon icon-linkedin" width="24" height="24" role="presentation" viewBox="0 0 26 26"> 14819 <path style="stroke:none;fill-rule:nonzero;fill:currentColor;fill-opacity:1;" d="M 21.125 0 L 4.875 0 C 2.183594 0 0 2.183594 0 4.875 L 0 21.125 C 0 23.816406 2.183594 26 4.875 26 L 21.125 26 C 23.816406 26 26 23.816406 26 21.125 L 26 4.875 C 26 2.183594 23.816406 0 21.125 0 Z M 8.039062 22.070312 L 4 22.070312 L 3.976562 9.976562 L 8.015625 9.976562 Z M 5.917969 8.394531 L 5.894531 8.394531 C 4.574219 8.394531 3.722656 7.484375 3.722656 6.351562 C 3.722656 5.191406 4.601562 4.3125 5.945312 4.3125 C 7.289062 4.3125 8.113281 5.191406 8.140625 6.351562 C 8.140625 7.484375 7.285156 8.394531 5.917969 8.394531 Z M 22.042969 22.070312 L 17.96875 22.070312 L 17.96875 15.5 C 17.96875 13.910156 17.546875 12.828125 16.125 12.828125 C 15.039062 12.828125 14.453125 13.558594 14.171875 14.265625 C 14.066406 14.519531 14.039062 14.867188 14.039062 15.222656 L 14.039062 22.070312 L 9.945312 22.070312 L 9.921875 9.976562 L 14.015625 9.976562 L 14.039062 11.683594 C 14.5625 10.875 15.433594 9.730469 17.519531 9.730469 C 20.105469 9.730469 22.039062 11.417969 22.039062 15.046875 L 22.039062 22.070312 Z M 22.042969 22.070312 "/> 14820</svg> 14821 14822 <span class="icon__fallback-text">Link to Olipop LinkedIn</span> 14823 </a> 14824 </li><li class="tw-my-0 tw-mx-[10px] tw-inline-block lg:tw-mr-7 lg:tw-ml-0"> 14825 <a class="tw-text-white hover:tw-text-yellow-dark" target="_blank" href="https://www.pinterest.com/drinkolipop/"> 14826 <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-pinterest" viewBox="0 0 20 20"> 14827 <path fill="#444" d="M9.958.811q1.903 0 3.635.744t2.988 2 2 2.988.744 3.635q0 2.537-1.256 4.696t-3.415 3.415-4.696 1.256q-1.39 0-2.659-.366.707-1.147.951-2.025l.659-2.561q.244.463.903.817t1.39.354q1.464 0 2.622-.842t1.793-2.305.634-3.293q0-2.171-1.671-3.769t-4.257-1.598q-1.586 0-2.903.537T5.298 5.897 4.066 7.775t-.427 2.037q0 1.268.476 2.22t1.427 1.342q.171.073.293.012t.171-.232q.171-.61.195-.756.098-.268-.122-.512-.634-.707-.634-1.83 0-1.854 1.281-3.183t3.354-1.329q1.83 0 2.854 1t1.025 2.61q0 1.342-.366 2.476t-1.049 1.817-1.561.683q-.732 0-1.195-.537t-.293-1.269q.098-.342.256-.878t.268-.915.207-.817.098-.732q0-.61-.317-1t-.927-.39q-.756 0-1.269.695t-.512 1.744q0 .39.061.756t.134.537l.073.171q-1 4.342-1.22 5.098-.195.927-.146 2.171-2.513-1.122-4.062-3.44T.59 10.177q0-3.879 2.744-6.623T9.957.81z"/> 14828</svg> 14829 14830 <span class="icon__fallback-text">Link to Olipop Pinterest</span> 14831 </a> 14832 </li><li class="tw-my-0 tw-mx-[10px] tw-inline-block lg:tw-mr-7 lg:tw-ml-0"> 14833 <a class="tw-text-white hover:tw-text-yellow-dark" target="_blank" href="https://twitter.com/drinkolipop"> 14834 <svg 14835 width="28" 14836 aria-hidden="true" 14837 focusable="false" 14838 role="presentation" 14839 height="28" 14840 viewBox="0 0 28 28" 14841 class="icon icon-twitter" 14842 fill="none" 14843 xmlns="http://www.w3.org/2000/svg" 14844> 14845 <path d="M16.093 12.3155L24.283 3H22.3422L15.2308 11.0885L9.55101 3H3L11.589 15.2313L3 25H4.94088L12.4507 16.4583L18.449 25H25L16.0925 12.3155H16.093ZM13.4347 15.339L12.5644 14.1211L5.6402 4.42965H8.62127L14.2092 12.2509L15.0795 13.4689L22.3431 23.6354H19.3621L13.4347 15.3395V15.339Z" fill="white"/> 14846</svg> 14847
14848 <span class="icon__fallback-text">Link to Olipop Twitter</span> 14849 </a> 14850 </li><li class="tw-my-0 tw-mx-[10px] tw-inline-block lg:tw-mr-7 lg:tw-ml-0"> 14851 <a class="tw-text-white hover:tw-text-yellow-dark" target="_blank" href="https://www.youtube.com/@OLIPOP"> 14852 <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-youtube" width="24" height="24" viewBox="0 0 24 24"> 14853 <path d="M12 20.5714C12.0028 20.5714 19.5057 20.5713 21.377 20.0597C22.4094 19.7779 23.222 18.9481 23.498 17.8947C23.9979 15.9912 24 12.0272 24 12.0001C24 12.0001 23.9996 8.01541 23.498 6.10559C23.2221 5.05198 22.4095 4.22226 21.377 3.94055C19.5057 3.42885 12.0028 3.42883 12 3.42883C12 3.42883 4.49469 3.42875 2.62305 3.94055C1.59062 4.22225 0.7779 5.05197 0.501953 6.10559C0.00044636 8.0154 0 12.0001 0 12.0001C5.84265e-06 12.0272 0.0021592 15.9912 0.501953 17.8947C0.777939 18.9481 1.59064 19.7779 2.62305 20.0597C4.49469 20.5714 12 20.5714 12 20.5714ZM9.5459 8.38196L15.8184 12.0001L9.5459 15.6173V8.38196Z" fill="currentColor"/> 14854</svg> 14855 <span class="icon__fallback-text">Link to Olipop YouTube</span> 14856 </a> 14857 </li></ul> 14858 </nav> 14859</div> 14860 <div class="footer-menu tw-w-[calc(50%_-_12px)] lg:tw-w-auto tw-mt-2 lg:tw-mt-0"><h3 14861 class="tw-text-5 lg:tw-text-6 !tw-mb-4 !tw-font-display tw-font-bold tw-leading-[1.1] !tw-text-vanilla tw-flex tw-justify-between" 14862 id="footer-menu-label-2" 14863 > 14864 Help 14865 </h3><nav aria-labelledby="footer-menu-label-2"> 14866 <ul 14867 id="footer-menu-items-2" 14868 class="!tw-block" 14869 aria-labelledby="footer-menu-label-2" 14870 ><li class="tw-mt-3 first:tw-mt-0"> 14871 <a 14872 href="/pages/faq" 14873 class="settings-text-base-sm tw-text-vanilla hover:tw-text-yellow-dark" 14874 14875 14876 > 14877 FAQ 14878 </a> 14879 </li><li class="tw-mt-3 first:tw-mt-0"> 14880 <a 14881 href="/pages/fiber-education" 14882 class="settings-text-base-sm tw-text-vanilla hover:tw-text-yellow-dark" 14883 14884 14885 > 14886 Fiber Education 14887 </a> 14888 </li><li class="tw-mt-3 first:tw-mt-0"> 14889 <a 14890 href="https://drinkolipop.com/apps/retextion#/login" 14891 class="settings-text-base-sm tw-text-vanilla hover:tw-text-yellow-dark" 14892 14893 14894 > 14895 Manage Subscriptions 14896 </a> 14897 </li><li class="tw-mt-3 first:tw-mt-0"> 14898 <a 14899 href="https://drinkolipop.com/account/login" 14900 class="settings-text-base-sm tw-text-vanilla hover:tw-text-yellow-dark" 14901 14902 14903 > 14904 Manage Account 14905 </a> 14906 </li><li class="tw-mt-3 first:tw-mt-0"> 14907 <a 14908 href="/pages/track-your-order" 14909 class="settings-text-base-sm tw-text-vanilla hover:tw-text-yellow-dark" 14910 14911 14912 > 14913 Track Your Order 14914 </a> 14915 </li><li class="tw-mt-3 first:tw-mt-0"> 14916 <a 14917 href="/pages/satisfactionguarantee" 14918 class="settings-text-base-sm tw-text-vanilla hover:tw-text-yellow-dark" 14919 14920 14921 > 14922 Satisfaction Guarantee 14923 </a> 14924 </li><li class="tw-mt-3 first:tw-mt-0"> 14925 <a 14926 href="/pages/accessibility" 14927 class="settings-text-base-sm tw-text-vanilla hover:tw-text-yellow-dark" 14928 14929 14930 > 14931 Accessibility 14932 </a> 14933 </li><li class="tw-mt-3 first:tw-mt-0"> 14934 <a 14935 href="/pages/contact-us" 14936 class="settings-text-base-sm tw-text-vanilla hover:tw-text-yellow-dark" 14937 14938 14939 > 14940 Contact Us 14941 </a> 14942 </li> 14943 </ul> 14944 </nav></div> 14945 <div class="footer-menu tw-w-[calc(50%_-_12px)] lg:tw-w-auto tw-mt-2 lg:tw-mt-0"><h3 14946 class="tw-text-5 lg:tw-text-6 !tw-mb-4 !tw-font-display tw-font-bold tw-leading-[1.1] !tw-text-vanilla tw-flex tw-justify-between" 14947 id="footer-menu-label-3" 14948 > 14949 Company 14950 </h3><nav aria-labelledby="footer-menu-label-3"> 14951 <ul 14952 id="footer-menu-items-3" 14953 class="!tw-block" 14954 aria-labelledby="footer-menu-label-3" 14955 ><li class="tw-mt-3 first:tw-mt-0"> 14956 <a 14957 href="https://drinkolipop.com/pages/olipop-rewards" 14958 class="settings-text-base-sm tw-text-vanilla hover:tw-text-yellow-dark" 14959 14960 14961 > 14962 Earn Rewards 14963 </a> 14964 </li><li class="tw-mt-3 first:tw-mt-0"> 14965 <a 14966 href="/pages/sustainability" 14967 class="settings-text-base-sm tw-text-vanilla hover:tw-text-yellow-dark" 14968 14969 14970 > 14971 Sustainability 14972 </a> 14973 </li><li class="tw-mt-3 first:tw-mt-0"> 14974 <a 14975 href="/pages/careers" 14976 class="settings-text-base-sm tw-text-vanilla hover:tw-text-yellow-dark" 14977 14978 14979 > 14980 Careers 14981 </a> 14982 </li><li class="tw-mt-3 first:tw-mt-0"> 14983 <a 14984 href="/pages/product-quality-and-safety" 14985 class="settings-text-base-sm tw-text-vanilla hover:tw-text-yellow-dark" 14986 14987 14988 > 14989 Quality & Safety 14990 </a> 14991 </li><li class="tw-mt-3 first:tw-mt-0"> 14992 <a 14993 href="/blogs/digest" 14994 class="settings-text-base-sm tw-text-vanilla hover:tw-text-yellow-dark" 14995 14996 14997 >
14998 OLIPOP Blog 14999 </a> 15000 </li><li class="tw-mt-3 first:tw-mt-0"> 15001 <a 15002 href="/pages/press" 15003 class="settings-text-base-sm tw-text-vanilla hover:tw-text-yellow-dark" 15004 15005 15006 > 15007 Press 15008 </a> 15009 </li><li class="tw-mt-3 first:tw-mt-0"> 15010 <a 15011 href="/pages/affiliate-program" 15012 class="settings-text-base-sm tw-text-vanilla hover:tw-text-yellow-dark" 15013 15014 15015 > 15016 Affiliate Program 15017 </a> 15018 </li><li class="tw-mt-3 first:tw-mt-0"> 15019 <a 15020 href="/pages/rd-program" 15021 class="settings-text-base-sm tw-text-vanilla hover:tw-text-yellow-dark" 15022 15023 15024 > 15025 Registered Dietitian Program 15026 </a> 15027 </li><li class="tw-mt-3 first:tw-mt-0"> 15028 <a 15029 href="https://drinkolipop-wholesale.com/" 15030 class="settings-text-base-sm tw-text-vanilla hover:tw-text-yellow-dark" 15031 15032 15033 target="_blank" 15034 15035 > 15036 Wholesale 15037 </a> 15038 </li> 15039 </ul> 15040 </nav></div></div> 15041 15042 <div class="tw-mt-10 tw-text-center lg:tw-text-left"> 15043 <a 15044 href="https://www.bcorporation.net/en-us/find-a-b-corp/company/olipop/" 15045 target="_blank" 15046 aria-label="Certified corporation link" 15047 ><svg 15048 width="48" 15049 height="80" 15050 viewBox="0 0 48 80" 15051 fill="none" 15052 aria-hidden="true" 15053 focusable="false" 15054 role="presentation" 15055> 15056 <path fill-rule="evenodd" clip-rule="evenodd" d="M5.85938 2.48313C5.74651 2.30156 5.6091 2.14452 5.44225 2.01202C5.2754 1.87462 5.08401 1.77156 4.873 1.69304C4.66198 1.61943 4.44115 1.58017 4.2105 1.58017C3.78847 1.58017 3.43023 1.6636 3.13088 1.82554C2.83644 1.98749 2.59598 2.20832 2.4144 2.48313C2.23283 2.75794 2.09542 3.07202 2.012 3.42535C1.92857 3.77868 1.88441 4.14182 1.88441 4.51478C1.88441 4.87302 1.92367 5.22144 2.012 5.56005C2.09542 5.89866 2.22792 6.20292 2.4144 6.47773C2.59598 6.74764 2.83644 6.96847 3.13088 7.13041C3.42532 7.29236 3.78356 7.37578 4.2105 7.37578C4.78466 7.37578 5.23614 7.19912 5.55512 6.85069C5.87901 6.49736 6.0753 6.03607 6.14891 5.46191H7.96955C7.92048 5.99681 7.79779 6.47773 7.59659 6.90958C7.39539 7.34143 7.1353 7.70948 6.8065 8.00883C6.47771 8.31309 6.09493 8.54374 5.65818 8.70568C5.22142 8.86272 4.73559 8.94614 4.2105 8.94614C3.55782 8.94614 2.96894 8.83327 2.44385 8.60262C1.91876 8.37689 1.482 8.06281 1.11886 7.66041C0.760618 7.26291 0.485805 6.7918 0.294418 6.25199C0.10303 5.71218 0.00488281 5.13311 0.00488281 4.50988C0.00488281 3.87192 0.098123 3.27813 0.294418 2.73341C0.485805 2.18869 0.760618 1.70777 1.11886 1.30536C1.47709 0.898049 1.91876 0.57907 2.44385 0.348423C2.96403 0.117776 3.55291 0 4.2105 0C4.68161 0 5.12818 0.0687031 5.54531 0.201202C5.96243 0.338609 6.3403 0.534904 6.6691 0.794995C6.99789 1.05509 7.2727 1.37406 7.48863 1.75684C7.70455 2.13961 7.84196 2.58128 7.89594 3.07202H6.0753C6.04095 2.85609 5.97225 2.6598 5.85938 2.48313ZM23.7614 57.1513C35.122 57.1513 44.3282 47.9451 44.3282 36.5894C44.3282 25.2387 35.122 16.0324 23.7614 16.0275C12.4058 16.0275 3.19952 25.2338 3.19952 36.5894C3.19952 47.9451 12.4058 57.1513 23.7614 57.1513ZM0.0833407 36.5796C0.0833407 23.5014 10.6882 12.8966 23.7663 12.8966C36.8494 12.8966 47.4542 23.5014 47.4542 36.5796C47.4542 49.6577 36.8494 60.2626 23.7663 60.2626C10.6882 60.2626 0.0833407 49.6577 0.0833407 36.5796ZM23.6585 23.0646H13.8535V50.1043H26.9121C32.2856 50.1043 35.127 46.3158 35.127 42.3408C35.127 39.0087 33.3113 36.5108 29.9792 35.8287V35.7502C32.4819 34.7295 33.9934 32.5702 33.9934 29.6945C33.9934 27.0396 32.5948 25.111 30.8134 24.051C29.1891 23.0646 26.0434 23.0646 23.6585 23.0646ZM24.6498 34.6853H17.4506V26.0876H24.6498C27.7561 26.0876 30.4061 26.6176 30.4061 30.3668C30.4061 33.2082 28.7376 34.6853 24.6498 34.6853ZM26.4655 47.0666H17.4506V37.718H25.6705C28.6983 37.718 31.5397 38.6995 31.5397 42.223C31.5397 45.1723 29.5669 47.0666 26.4655 47.0666ZM47.4003 65.2631H0.127619V68.3695H47.4003V65.2631Z
15056M46.0102 61.8402C45.9941 61.8409 45.9777 61.8416 45.9611 61.8421C45.9486 61.8425 45.936 61.8427 45.9232 61.8427V61.8476H45.6582V61.3226H45.9968C46.0458 61.3226 46.0851 61.3226 46.1293 61.3275C46.1783 61.3373 46.2127 61.3471 46.247 61.3667C46.2814 61.3814 46.3108 61.406 46.3305 61.4403C46.3501 61.4698 46.3599 61.5188 46.3599 61.5728C46.3599 61.6366 46.3501 61.6857 46.3256 61.725C46.301 61.7593 46.2716 61.7887 46.2274 61.8084C46.1881 61.8231 46.1391 61.8329 46.09 61.8378C46.0786 61.8378 46.0672 61.838 46.0557 61.8384L46.0211 61.8397L46.0102 61.8402ZM46.4728 61.2244C46.3746 61.1459 46.2323 61.1066 46.036 61.1066V61.1115H45.3932V62.7604H45.6532V62.0488H45.9232L46.3746 62.7604H46.6494L46.1783 62.0341C46.3059 62.0194 46.409 61.9801 46.4924 61.9114C46.5709 61.8378 46.6151 61.7348 46.6151 61.5826C46.6151 61.4207 46.566 61.3029 46.4728 61.2244ZM45.1232 62.7948C45.0153 62.6868 44.9319 62.5543 44.8779 62.4071C44.8141 62.2599 44.7846 62.0979 44.7895 61.9311C44.7895 61.7544 44.819 61.6023 44.8779 61.455C44.9368 61.3078 45.0153 61.1802 45.1232 61.0723C45.2214 60.9692 45.349 60.8858 45.4913 60.822C45.6287 60.7631 45.7857 60.7288 45.9477 60.7288C46.1096 60.7288 46.2667 60.7631 46.4041 60.822C46.5415 60.8809 46.6642 60.9643 46.7721 61.0723C46.8703 61.1802 46.9537 61.3078 47.0126 61.455C47.0764 61.6023 47.1058 61.7593 47.1058 61.9311C47.1058 62.1028 47.0715 62.2599 47.0126 62.4071C46.9586 62.5592 46.8752 62.6868 46.7721 62.7948C46.6691 62.9027 46.5464 62.9861 46.4041 63.0499C46.2667 63.1088 46.1145 63.1383 45.9477 63.1383C45.7857 63.1383 45.6287 63.1088 45.4913 63.0499C45.349 62.9861 45.2263 62.9027 45.1232 62.7948ZM44.9466 60.93C44.819 61.0576 44.7159 61.1999 44.6423 61.3716C44.5638 61.5434 44.5295 61.7299 44.5344 61.9311C44.5344 62.1323 44.5638 62.3187 44.6423 62.4905C44.7159 62.6672 44.819 62.8144 44.9466 62.942C45.0742 63.0745 45.2263 63.1677 45.3981 63.2413C45.5698 63.31 45.7514 63.3444 45.9428 63.3444C46.1391 63.3444 46.3206 63.31 46.4973 63.2413C46.6642 63.1677 46.8114 63.0745 46.939 62.942C47.0666 62.8144 47.1696 62.6672 47.2432 62.4905C47.3218 62.3187 47.3561 62.1323 47.3561 61.9311C47.3561 61.7299 47.3218 61.5434 47.2432 61.3716C47.1745 61.2048 47.0666 61.0576 46.939 60.93C46.8163 60.8024 46.6642 60.7091 46.4973 60.6355C46.3206 60.5619 46.1391 60.5276 45.9428 60.5276C45.7563 60.5276 45.5698 60.5619 45.3981 60.6355C45.2263 60.7091 45.0742 60.8024 44.9466 60.93ZM11.5176 7.63593C11.0416 7.63593 10.6735 7.50834 10.4183 7.26297C10.1582 7.01761 10.0208 6.6152 9.99629 6.0803H14.462C14.4963 5.59937 14.4571 5.13808 14.3442 4.70132C14.2314 4.26457 14.0498 3.87198 13.7995 3.52846C13.5492 3.18495 13.2302 2.91504 12.8377 2.70893C12.4451 2.50773 11.9838 2.40467 11.4587 2.40467C10.9876 2.40467 10.5606 2.4881 10.173 2.65495C9.78527 2.8218 9.45157 3.05245 9.17185 3.34198C8.89213 3.63152 8.67621 3.97994 8.52408 4.37744C8.37195 4.77494 8.29834 5.20678 8.29834 5.66808C8.29834 6.14409 8.37195 6.58576 8.51917 6.98325C8.66639 7.38566 8.87741 7.72917 9.14731 8.0138C9.42213 8.29843 9.75092 8.51926 10.1435 8.6763C10.5312 8.83333 10.9729 8.91185 11.4587 8.91185C12.1604 8.91185 12.7591 8.74991 13.2548 8.43093C13.7504 8.11195 14.1185 7.57704 14.3589 6.83603H12.8622C12.8033 7.02742 12.6512 7.20899 12.4058 7.38075C12.1555 7.55251 11.8611 7.63593 11.5176 7.63593ZM11.4096 3.67568C11.8218 3.67568 12.131 3.78855 12.3371 4.00939C12.5432 4.23022 12.6855 4.55901 12.764 4.99086H9.99629C10.0061 4.86818 10.0306 4.73568 10.0748 4.58355C10.119 4.43142 10.1926 4.2891 10.3005 4.1517C10.4085 4.0192 10.5508 3.90633 10.7324 3.81309C10.914 3.71985 11.1397 3.67568 11.4096 3.67568ZM16.847 2.55676V3.70509H16.8715C16.95 3.5137 17.058 3.33704 17.1954 3.17019C17.3328 3.00824 17.4849 2.86593 17.6616 2.75306C17.8383 2.64019 18.0248 2.54695 18.226 2.48315C18.4272 2.41936 18.6333 2.38991 18.8492 2.38991C18.9621 2.38991 19.0847 2.40954 19.2222 2.4488V4.02898C19.1436 4.01425 19.0455 3.99953 18.9326 3.98972L18.9179 3.98844C18.8104 3.97907 18.7073 3.97009 18.6087 3.97009C18.2996 3.97009 18.0346 4.02407 17.8186 4.12712C17.6027 4.23018 17.431 4.37249 17.2985 4.55407C17.166 4.73564 17.0727 4.94175 17.0187 5.18221C16.9648 5.42267 16.9353 5.68276 16.9353 5.96248V8.75478H15.2374V2.55676H16.847ZM23.7664 3.69527V2.56166H22.5101V0.706676H20.8122V2.56166H19.7816V3.70017H20.8122V7.35126C20.8122 7.66533 20.8661 7.91561 20.9692 8.10699C21.0772 8.29838 21.2146 8.4456 21.3961 8.54866C21.5777 8.65662 21.7838 8.72532 22.0194 8.75968C22.25 8.79403 22.5003 8.81366 22.7653 8.81366C22.9321 8.81366 23.1039 8.8087
150565 23.2806 8.79893C23.4572 8.78912 23.6192 8.7744 23.7615 8.74986V7.43468C23.683 7.44941 23.5995 7.45922 23.5112 7.46904C23.4229 7.47394 23.3345 7.47885 23.2364 7.47885C22.9518 7.47885 22.7555 7.42978 22.6622 7.33654C22.569 7.2433 22.5199 7.05191 22.5199 6.76237V3.69527H23.7664ZM24.7576 1.59982V0.196311H26.4556V1.59982H24.7576ZM26.4556 2.55676V8.74496H24.7576V2.55676H26.4556ZM27.1329 2.55676V3.69527V3.70018H28.1487V8.75477H29.8516V3.70018H31.0244V2.56166H29.8516V2.1887C29.8516 1.93352 29.9007 1.75195 29.9988 1.64399C30.0969 1.53602 30.2638 1.48204 30.4944 1.48204C30.7104 1.48204 30.9165 1.49186 31.1177 1.51639V0.245385C31.0265 0.242239 30.9332 0.235061 30.838 0.227728C30.7846 0.22362 30.7306 0.219465 30.676 0.215941C30.5239 0.201219 30.3718 0.196311 30.2196 0.196311C29.5277 0.196311 29.0075 0.368069 28.664 0.7214C28.3205 1.07473 28.1487 1.52621 28.1487 2.07583V2.55676H27.1329ZM32.1727 1.59982V0.196311H33.8707V1.59982H32.1727ZM33.8756 2.55676V8.74496H32.1727V2.55676H33.8756ZM37.6542 7.63587C37.1782 7.63587 36.8102 7.50828 36.555 7.26291C36.2998 7.01754 36.1624 6.61514 36.1428 6.07042H40.6085C40.6379 5.5895 40.5987 5.1282 40.4858 4.69145C40.3729 4.25469 40.1914 3.8621 39.9411 3.51859C39.6908 3.17507 39.3718 2.90516 38.9792 2.69905C38.5866 2.49785 38.1254 2.3948 37.6003 2.3948C37.1292 2.3948 36.7022 2.47822 36.3145 2.64507C35.9268 2.81192 35.5931 3.04257 35.3134 3.33211C35.0337 3.62164 34.8178 3.96516 34.6657 4.37738C34.5184 4.77487 34.4399 5.20672 34.4399 5.66802C34.4399 6.14403 34.5135 6.58569 34.6607 6.98319C34.808 7.3856 35.019 7.72911 35.2889 8.01374C35.5637 8.29837 35.8925 8.5192 36.2851 8.67623C36.6728 8.83327 37.1144 8.91179 37.6003 8.91179C38.302 8.91179 38.9007 8.74984 39.3964 8.43087C39.8871 8.11189 40.2551 7.57698 40.4956 6.83597H38.9989C38.94 7.02736 38.7878 7.20893 38.5425 7.38069C38.2922 7.55245 37.9978 7.63587 37.6542 7.63587ZM37.5512 3.67562C37.9634 3.67562 38.2775 3.78849 38.4787 4.00932C38.6799 4.23015 38.8222 4.55895 38.9007 4.9908H36.1379C36.147
150567 4.86811 36.1722 4.73561 36.2164 4.58349C36.2605 4.43136 36.3342 4.28904 36.4421 4.15164C36.5501 4.01914 36.6924 3.90627 36.874 3.81303C37.0555 3.71979 37.2813 3.67562 37.5512 3.67562ZM45.7662 7.95975C45.565 8.29345 45.3049 8.53882 44.981 8.68604C44.6571 8.83326 44.2939 8.90687 43.8866 8.90687C43.4253 8.90687 43.018 8.81854 42.6647 8.63697C42.3114 8.4554 42.0218 8.21493 41.7961 7.90577C41.5704 7.5966 41.3986 7.24327 41.2808 6.84578C41.163 6.44828 41.1091 6.03115 41.1091 5.5993C41.1091 5.18218 41.1679 4.78468 41.2808 4.397C41.3937 4.00932 41.5704 3.67071 41.7961 3.37136C42.0218 3.07692 42.3114 2.83645 42.65 2.65979C42.9935 2.47822 43.391 2.38988 43.8474 2.38988C44.2154 2.38988 44.5638 2.4684 44.8926 2.62544C45.2263 2.78247 45.4864 3.00821 45.6778 3.31247H45.7024V0.201194H47.4003V8.74984H45.7858V7.95975H45.7662ZM45.6925 4.89755C45.6435 4.662 45.565 4.45589 45.4472 4.27431C45.3294 4.09274 45.1822 3.95043 44.9957 3.83756C44.8141 3.72469 44.5786 3.67071 44.3038 3.67071C44.0289 3.67071 43.7885 3.72469 43.5971 3.83756C43.4057 3.95043 43.2536 4.09765 43.1358 4.27922C43.0229 4.46079 42.9395 4.67181 42.8855 4.90736C42.8315 5.14292 42.807 5.38829 42.807 5.64347C42.807 5.88393 42.8365 6.12439 42.8904 6.35995C42.9444 6.60041 43.0377 6.81143 43.1603 7.00281C43.283 7.18929 43.4401 7.34142 43.6265 7.4592C43.813 7.57698 44.0388 7.63096 44.3038 7.63096C44.5835 7.63096 44.8141 7.57698 45.0055 7.46411C45.192 7.35124 45.3441 7.20402 45.457 7.01263C45.5699 6.82615 45.6484 6.61022 45.6975 6.37467C45.7465 6.13421 45.7711 5.88884 45.7711 5.63366C45.7662 5.37847 45.7416 5.1331 45.6925 4.89755ZM2.95915 73.4143C3.61673 73.4143 4.1909 73.8707 4.27432 74.4694H5.55515C5.3932 73.0757 4.28414 72.3003 2.95915 72.3003C1.09434 72.3003 0 73.694 0 75.4803C0 77.2126 1.09434 78.6063 2.95915 78.6063C4.43626 78.6063 5.47172 77.6445 5.60913 76.1428H4.3234C4.22525 76.9378 3.76886 77.4923 2.95915 77.4923C1.77156 77.4923 1.32499 76.4814 1.32499 75.4803C1.32499 74.4252 1.77156 73.4143 2.95915 73.4143ZM8.37198 73.9885C9.74604 73.9885 10.6294 74.8963 10.6294 76.29C10.6294 77.6739 9.74604 78.5818 8.37198 78.5818C7.00773 78.5818 6.11949 77.669 6.11949 76.29C6.11949 74.9012 7.00773 73.9885 8.37198 73.9885ZM8.37198 77.6837C9.19151 77.6837 9.43197 76.982 9.43197 76.2949C9.43197 75.5932 9.1866 74.8963 8.37198 74.8963C7.56226 74.8963 7.3169 75.5981 7.3169 76.2949C7.3169 76.982 7.56226 77.6837 8.37198 77.6837ZM12.5088 74.1014H11.3703V78.4591H12.5677V76.4962C12.5677 75.7306 12.872 75.0976 13.7504 75.0976C13.8927 75.0976 14.0693 75.1123 14.1822 75.1368V74.0229C14.1086 73.9983 14.0056 73.9836 13.9221 73.9836C13.3381 73.9836 12.7444 74.3615 12.5284 74.9111H12.5088V74.1014ZM14.6486 74.1062H15.7871V74.6608H15.8018C16.0864 74.1995 16.5575 73.9885 17.0973 73.9885C18.4665 73.9885 19.0799 75.0926 19.0799 76.3293C19.0799 77.4923 18.442 78.5818 17.1661 78.5818C16.6459 78.5818 16.1453 78.356 15.8607 77.9242H15.8411V80H14.6437V74.1062H14.6486ZM17.8825 76.2998C17.8825 75.6079 17.6028 74.8914 16.8373 74.8914C16.0521 74.8914 15.8018 75.5932 15.8018 76.2998C15.8018 77.0065 16.0717 77.6837 16.8471 77.6837C17.6323 77.6837 17.8825 77.0065 17.8825 76.2998ZM23.9675 76.29C23.9675 74.8963 23.0793 73.9885 21.7052 73.9885C20.341 73.9885 19.4577 74.9012 19.4577 76.29C19.4577 77.669 20.341 78.5818 21.7052 78.5818C23.0793 78.5818 23.9675 77.6739 23.9675 76.29ZM22.7702 76.2949C22.7702 76.982 22.5248 77.6837 21.7052 77.6837C20.9004 77.6837 20.6551 76.982 20.6502 76.2949C20.6502 75.5981 20.8955 74.8963 21.7052 74.8963C22.5248 74.8963 22.7702 75.5932 22.7702 76.2949ZM24.7087 74.1014H25.8472V74.9111H25.8669C26.0828 74.3615 26.6766 73.9836 27.2556 73.9836C27.3391 73.9836 27.4421 73.9983 27.5157 74.0229V75.1368C27.4078 75.1123 27.2311 75.0976 27.0839 75.0976C26.2055 75.0976 25.9012 75.7306 25.9012 76.4962V78.4591H24.7038V74.1014H24.7087ZM29.9203 73.9885C28.9388 73.9885 27.9377 74.3222 27.869 75.446H29.0664C29.1105 74.9749 29.405 74.7884 29.8614 74.7884C30.2785 74.7884 30.6367 74.862 30.6367 75.3773C30.6367 75.7821 30.1725 75.8363 29.5967 75.9034C29.4745 75.9177 29.3473 75.9325 29.2185 75.9514C28.4775 76.0545 27.7365 76.29 27.7365 77.2764C27.7365 78.1696 28.3941 78.5818 29.2185 78.5818C29.7534 78.5818 30.3079 78.4395 30.6858 78.042C30.6907 78.1843 30.73 78.3266 30.7692 78.464H31.9863C31.8734 78.2824 31.8341 77.8898 31.8341 77.4923V75.2251C31.8341 74.1799 30.7889 73.9885 29.9203 73.9885ZM29.9183 76.5456C30.2031 76.5055 30.477 76.4669 30.6318 76.3342H30.6367V76.7857C30.6367 77.0458 30.5975 77.7868 29.6651 77.7868C29.2725 77.7868 28.929 77.6788 28.929 77.2322C28.929 76.7906 29.2627 76.663 29.6356 76.5894C29.7284 76.5723 29.824 76.5588 29.9183 76.5456ZM34.2486 74.1063H35.127V74.9062H34.2486V77.0654C34.2486 77.4727 34.3516 77.5709 34.754 77.5709C34.8816 77.5709 34.9994 77.5611 35.127 77.5365V78.4738C34.9258 78.5082 34.6608 78.518 34.4252 78.518C33.694 78.518 33.0512 78.3463 33.0512 77.4826V74.9111H32.3249V74.1112H33.0512V72.8058H34.2486V74.1063ZM36.0299 73.4339H37.2273V72.4475H36.0299V73.4339ZM37.2273 74.1062H36.0299V78.4639H37.2273V74.1062ZM40.2797 73.9885C41.6538 73.9885 42.542 74.8963 42.542 76.29C42.542 77.6739 41.6538 78.5818 40.2797 78.5818C38.9154 78.5818 38.0321 77.669 38.0321 76.29C38.0321 74.9012 38.9154 73.9885 40.2797 73.9885ZM40.2797 77.6837C41.0992 77.6837 41.3446 76.982 41.3446 76.2949C41.3446 75.5932 41.0992 74.8963 40.2797 74.8963C39.47 74.8963 39.2246 75.5981 39.2246 76.2949C39.2246 76.982 39.47 77.6837 40.2797 77.6837ZM44.4509 74.1062H43.3173V78.4689H44.5147V76.1821C44.5147 75.2938 44.7895 74.9307 45.4422 74.9307C45.9968 74.9307 46.2078 75.284 46.2078 76.0005V78.464H47.4052V75.7846C47.4052 74.7049 47.0813 73.9885 45.8103 73.9885C45.2999 73.9885 44.7797 74.224 44.4755 74.7148H44.4509V74.1062Z" fill="white"/> 15057</svg> 15058</a> 15059 </div> 15060 15061 <div class="tw-mt-10 tw-flex tw-flex-wrap tw-items-center tw-justify-center tw-text-center lg:tw-flex-nowrap lg:tw-justify-between lg:tw-text-left"> 15062 <div class="tw-text-3 md:tw-text-base-sm-m tw-leading-[1.4] tw-order-last tw-w-full lg:tw-order-none lg:tw-w-auto"> 15063 © 2026 Olipop, Inc. All Rights Reserved 15064 </div> 15065 15066 <ul class="footer-link-list tw-mb-4 lg:tw-mb-0 lg:tw-text-right tw-flex tw-flex-wrap tw-items-center tw-justify-center lg:tw-justify-end"> 15067 15068<li class="tw-flex tw-items-center"> 15069 <a href="/pages/terms-of-service" class="tw-text-3 md:tw-text-base-sm-m tw-leading-[1.4] tw-text-vanilla">Terms of Service</a> 15070 </li> 15071 15072<li class="tw-flex tw-items-center"> 15073 <a href="/pages/privacy-policy" class="tw-text-3 md:tw-text-base-sm-m tw-leading-[1.4] tw-text-vanilla">Privacy Policy</a> 15074 </li> 15075 15076<li class="tw-flex tw-items-center"> 15077 <a href="/pages/ccpa-privacy-request-form" class="tw-text-3 md:tw-text-base-sm-m tw-leading-[1.4] tw-text-vanilla">Do Not Sell My Information</a> 15078 </li> 15079 15080<li class="tw-flex tw-items-center"> 15081 <a href="/pages/olipop-california-transparency-in-supply-chains-act-disclosure" class="tw-text-3 md:tw-text-base-sm-m tw-leading-[1.4] tw-text-vanilla">CA Transparency in Supply Chains Act</a> 15082 </li> 15083 15084 </ul> 15085 15086 </div> 15087 </div> 15088</footer> 15089 15090 15091</div> 15092 15093
15094<script> 15095 (function () { 15096 if (window.__productCardHoverWaveScriptLoaded) return; 15097 window.__productCardHoverWaveScriptLoaded = true; 15098 15099 var CARD_SIZE = 314; 15100 var DURATION_MS = 700; 15101 var clipIdCounter = 0; 15102 var delegationBound = false; 15103 15104 function clamp(value, min, max) { 15105 return Math.max(min, Math.min(max, value)); 15106 } 15107 15108 function easeOutCubic(t) { 15109 return 1 - Math.pow(1 - t, 3); 15110 } 15111 15112 function lerp(start, end, t) { 15113 return start + (end - start) * t; 15114 } 15115 15116 function wavePathForReveal(revealPx) { 15117 var reveal = clamp(revealPx, 0, CARD_SIZE); 15118 var offset = CARD_SIZE - reveal; 15119 var progress = reveal / CARD_SIZE; 15120 var fadeStart = 0.84; 15121 var fadeProgress = clamp((progress - fadeStart) / (1 - fadeStart), 0, 1); 15122 var fadeEased = easeOutCubic(fadeProgress); 15123 15124 var y0 = lerp(4.4565 + offset, offset, fadeEased); 15125 var c1y = lerp(4.41899 + offset, offset, fadeEased); 15126 var c2y = lerp(-13.1434 + offset, offset, fadeEased); 15127 var c3y = lerp(26.0583 + offset, offset, fadeEased); 15128 var c4y = lerp(65.2601 + offset, offset, fadeEased); 15129 var c5y = lerp(0.456482 + offset, offset, fadeEased); 15130 var endY = lerp(0.456482 + offset, offset, fadeEased); 15131 15132 return ( 15133 'M314 314H0.000422459L0.00012756 ' + 15134 y0 + 15135 'C-0.0456402 ' + 15136 c1y + 15137 ' 62.4 ' + 15138 c2y + 15139 ' 157 ' + 15140 c3y + 15141 'C251.6 ' + 15142 c4y + 15143 ' 314 ' + 15144 c5y + 15145 ' 314 ' + 15146 endY + 15147 'V314Z' 15148 ); 15149 } 15150 15151 function ensureUniqueClipPath(card) { 15152 var clipPath = card.querySelector('clipPath'); 15153 var image = card.querySelector('image[clip-path]'); 15154 if (!clipPath || !image) return; 15155 15156 if (clipPath.dataset.hoverWaveClipBound === 'true') return; 15157 15158 var existingId = clipPath.getAttribute('id'); 15159 if (existingId) { 15160 var matches = document.querySelectorAll('[id="' + CSS.escape(existingId) + '"]'); 15161 if (matches.length > 1) { 15162 clipIdCounter += 1; 15163 var newId = existingId + '-inst-' + clipIdCounter; 15164 clipPath.setAttribute('id', newId); 15165 image.setAttribute('clip-path', 'url(#' + newId + ')'); 15166 } 15167 } 15168 15169 clipPath.dataset.hoverWaveClipBound = 'true'; 15170 } 15171 15172 function animateCard(card, toReveal) { 15173 var path = card.querySelector('[data-hover-wave-path]'); 15174 if (!path) return; 15175 15176 var fromReveal = Number(card.dataset.hoverReveal || 0); 15177 var to = clamp(toReveal, 0, CARD_SIZE); 15178 card.dataset.hoverRevealTarget = String(to); 15179 15180 if (card.__hoverWaveRafId) { 15181 cancelAnimationFrame(card.__hoverWaveRafId); 15182 } 15183 15184 var startedAt = performance.now(); 15185 15186 function step(now) { 15187 var t = clamp((now - startedAt) / DURATION_MS, 0, 1); 15188 var eased = easeOutCubic(t); 15189 var reveal = fromReveal + (to - fromReveal) * eased; 15190 15191 card.dataset.hoverReveal = String(reveal); 15192 path.setAttribute('d', wavePathForReveal(reveal)); 15193 15194 if (t < 1) { 15195 card.__hoverWaveRafId = requestAnimationFrame(step); 15196 } else { 15197 card.dataset.hoverReveal = String(to); 15198 card.__hoverWaveRafId = null; 15199 } 15200 } 15201 15202 card.__hoverWaveRafId = requestAnimationFrame(step); 15203 } 15204 15205 function getWaveCardFromProductCard(productCard) { 15206 if (!productCard) return null; 15207 return productCard.querySelector('[data-hover-wave-card][data-hover-wave-ready="true"]'); 15208 } 15209 15210 function bindDelegation() { 15211 if (delegationBound) return; 15212 delegationBound = true; 15213 15214 document.addEventListener( 15215 'pointerover', 15216 function (event) { 15217 var productCard = event.target.closest('.product-card'); 15218 if (!productCard || productCard.contains(event.relatedTarget)) return; 15219 15220 var waveCard = getWaveCardFromProductCard(productCard); 15221 if (waveCard) animateCard(waveCard, CARD_SIZE); 15222 }, 15223 true 15224 ); 15225 15226 document.addEventListener( 15227 'pointerout', 15228 function (event) { 15229 var productCard = event.target.closest('.product-card'); 15230 if (!productCard || productCard.contains(event.relatedTarget)) return; 15231 15232 var waveCard = getWaveCardFromProductCard(productCard); 15233 if (waveCard) animateCard(waveCard, 0); 15234 }, 15235 true 15236 ); 15237 15238 document.addEventListener('focusin', function (event) { 15239 var productCard = event.target.closest('.product-card'); 15240 var waveCard = getWaveCardFromProductCard(productCard); 15241 if (waveCard) animateCard(waveCard, CARD_SIZE); 15242 }); 15243 15244 document.addEventListener('focusout', function (event) { 15245 var productCard = event.target.closest('.product-card'); 15246 if (!productCard || productCard.contains(event.relatedTarget)) return; 15247 15248 var waveCard = getWaveCardFromProductCard(productCard); 15249 if (waveCard) animateCard(waveCard, 0); 15250 }); 15251 15252 document.addEventListener('click', function (event) { 15253 if (!event.target.closest('[data-product-card-cta]')) return; 15254 var productCard = event.target.closest('.product-card'); 15255 if (!productCard) return; 15256 event.stopPropagation(); 15257 }); 15258 } 15259 15260 function initCard(card) { 15261 if (card.dataset.hoverWaveReady === 'true') return; 15262 15263 var path = card.querySelector('[data-hover-wave-path]'); 15264 if (!path) return; 15265 15266 if (!card.closest('.product-card')) return; 15267 15268 ensureUniqueClipPath(card); 15269 card.dataset.hoverWaveReady = 'true'; 15270 card.dataset.hoverReveal = '0'; 15271 path.setAttribute('d', wavePathForReveal(0)); 15272 } 15273 15274 function initProductCardHoverWaves(root) { 15275 bindDelegation(); 15276 var scope = root && root.nodeType ? root : document; 15277 var cards = scope.querySelectorAll('[data-hover-wave-card]'); 15278 for (var i = 0; i < cards.length; i += 1) { 15279 initCard(cards[i]); 15280 } 15281 } 15282 15283 window.initProductCardHoverWaves = initProductCardHoverWaves; 15284 15285 function scanDocument() { 15286 initProductCardHoverWaves(document); 15287 } 15288 15289 if (document.readyState === 'loading') { 15290 document.addEventListener('DOMContentLoaded', scanDocument); 15291 } else { 15292 scanDocument(); 15293 } 15294 15295 document.addEventListener('shopify:section:load', scanDocument); 15296 window.addEventListener('pageshow', function (event) { 15297 if (event.persisted) scanDocument(); 15298 }); 15299 })(); 15300</script>
15300 15301 15302 <div id="gorgias-chat-container"></div> 15303 15304 15305 <ul hidden> 15306 <li id="a11y-refresh-page-message">Choosing a selection results in a full page refresh.</li> 15307 <li id="a11y-selection-message">Press the space key then arrow keys to make a selection.</li> 15308 </ul> 15309 <!-- Hides Gorgias Chatbox until SE Cookies Policy is accepted --> 15310<style media="screen" id="hide-chatbox"> 15311 iframe#gorgias-web-messenger-container { 15312 display: none; 15313 } 15314</style> 15315
15316<script type="text/javascript"> 15317 $(document).ready(function () { 15318 function showChat() { 15319 if ($('#se-cookies-message').hasClass('se-cookies-message-open')) { 15320 console.log('Hiding chatbox'); 15321 $('#hide-chatbox').html('iframe#gorgias-web-messenger-container {display: none;}'); 15322 } else { 15323 console.log('Showing chatbox'); 15324 $('#hide-chatbox').html('iframe#gorgias-web-messenger-container {display: block;}'); 15325 } 15326 } 15327 15328 showChat(); 15329 15330 $('#se-accept-cookies-checkbox').click(function () { 15331 $('#hide-chatbox').html('iframe#gorgias-web-messenger-container {display: block;}'); 15332 }); 15333 }); 15334</script>
15334 15335 15336 15337 <!-- Back in Stock helper snippet --> 15338 15339
15340<script id="back-in-stock-helper"> 15341 var _BISConfig = _BISConfig || {}; 15342 15343 15344 15345 15346</script>
15346 15347 15348 <!-- End Back in Stock helper snippet --> 15349 15350 <!-- Gorgias Chat Widget Start --> 15351 15352
15353<script 15354 id="gorgias-chat-widget-install-v2" 15355 src="https://config.gorgias.chat/gorgias-chat-bundle-loader.js?applicationId=1599" 15356></script>
15356 15357
15358<script> 15359 if (window.GorgiasChat) { 15360 GorgiasChat.init().then(function () { 15361 // Use GorgiasChat API here, now that the chat is fully initialized. 15362 var gorgiasChatInterval = window.setInterval(function () { 15363 var container = document.querySelector('#gorgias-chat-container'); 15364 if (window.GorgiasChat && GorgiasChat.hasOwnProperty('on')) { 15365 if (window.location.hostname !== 'localhost') { 15366 GorgiasChat.setShopifyContext('olipop-store.myshopify.com/'); 15367 } 15368 } 15369 }, 50); 15370 }); 15371 } 15372</script>
15372 15373 15374
15374<script type="text/javascript"> 15375 ire('identify', { customerId: '', customerEmail: '' }); 15376</script>
15376 15377 15378 <!-- 15379 This JS is taken from this article - https://www.24a11y.com/2019/select-your-poison-part-2/ 15380 It is also modified to be used as a way to decorate select dropdowns and make them 15381 accessible using keyboards. 15382 15383 How to use it: 15384 Add js-combobox class to the <select> element you would like to replace with the combobox. 15385 Hide your <select> element as well as corresponding <label> element with display: none;. 15386 15387 On load, this libary will create a new <label> element and a combobox element which consists 15388 of an input element and a listbox. 15389 15390 The new <label> element will have select label's aria-label. 15391 The new combobox element will have select options' values and text. 15392 15393 On option select, this libary will also set your hidden <select> element's val so it 15394 can be used further. 15395--> 15396
15397<script> 15398 jQuery(document).ready(function () { 15399 /* 15400 * Helper constants and functions 15401 */ 15402 15403 // make it easier for ourselves by putting some values in objects 15404 // in TypeScript, these would be enums 15405 const Keys = { 15406 Backspace: 'Backspace', 15407 Clear: 'Clear', 15408 Down: 'ArrowDown', 15409 End: 'End', 15410 Enter: 'Enter', 15411 Escape: 'Escape', 15412 Home: 'Home', 15413 Left: 'ArrowLeft', 15414 PageDown: 'PageDown', 15415 PageUp: 'PageUp', 15416 Right: 'ArrowRight', 15417 Space: ' ', 15418 Tab: 'Tab', 15419 Up: 'ArrowUp', 15420 }; 15421 15422 const MenuActions = { 15423 Close: 0, 15424 CloseSelect: 1, 15425 First: 2, 15426 Last: 3, 15427 Next: 4, 15428 Open: 5, 15429 Previous: 6, 15430 Select: 7, 15431 Space: 8, 15432 Type: 9, 15433 }; 15434 15435 // filter an array of options against an input string 15436 // returns an array of options that begin with the filter string, case-independent 15437 function filterOptions(options = [], filter, exclude = []) { 15438 return options.filter((option) => { 15439 const matches = option.toLowerCase().indexOf(filter.toLowerCase()) === 0; 15440 return matches && exclude.indexOf(option) < 0; 15441 }); 15442 } 15443 15444 // return an array of exact option name matches from a comma-separated string 15445 function findMatches(options, search) { 15446 const names = search.split(','); 15447 return names 15448 .map((name) => { 15449 const match = options.filter((option) => name.trim().toLowerCase() === option.toLowerCase()); 15450 return match.length > 0 ? match[0] : null; 15451 }) 15452 .filter((option) => option !== null); 15453 } 15454 15455 // return combobox action from key press 15456 function getActionFromKey(key, menuOpen) { 15457 // handle opening when closed 15458 if (!menuOpen && key === Keys.Down) { 15459 return MenuActions.Open; 15460 } 15461 15462 // handle keys when open 15463 if (key === Keys.Down) { 15464 return MenuActions.Next; 15465 } else if (key === Keys.Up) { 15466 return MenuActions.Previous; 15467 } else if (key === Keys.Home) { 15468 return MenuActions.First; 15469 } else if (key === Keys.End) { 15470 return MenuActions.Last; 15471 } else if (key === Keys.Escape) { 15472 return MenuActions.Close; 15473 } else if (key === Keys.Enter) { 15474 return MenuActions.CloseSelect; 15475 } else if (key === Keys.Backspace || key === Keys.Clear || key.length === 1) { 15476 return MenuActions.Type; 15477 } 15478 } 15479 15480 // get index of option that matches a string 15481 function getIndexByLetter(options, filter) { 15482 const firstMatch = filterOptions(options, filter)[0]; 15483 return firstMatch ? options.indexOf(firstMatch) : -1; 15484 } 15485 15486 // get updated option index 15487 function getUpdatedIndex(current, max, action) { 15488 switch (action) { 15489 case MenuActions.First: 15490 return 0; 15491 case MenuActions.Last: 15492 return max; 15493 case MenuActions.Previous: 15494 return Math.max(0, current - 1); 15495 case MenuActions.Next: 15496 return Math.min(max, current + 1); 15497 default: 15498 return current; 15499 } 15500 } 15501 15502 // check if an element is currently scrollable 15503 function isScrollable(element) { 15504 return element && element.clientHeight < element.scrollHeight; 15505 } 15506 15507 // ensure given child element is within the parent's visible scroll area 15508 function maintainScrollVisibility(activeElement, scrollParent) { 15509 const { offsetHeight, offsetTop } = activeElement; 15510 const { offsetHeight: parentOffsetHeight, scrollTop } = scrollParent; 15511 15512 const isAbove = offsetTop < scrollTop; 15513 const isBelow = offsetTop + offsetHeight > scrollTop + parentOffsetHeight; 15514 15515 if (isAbove) { 15516 scrollParent.scrollTo(0, offsetTop); 15517 } else if (isBelow) { 15518 scrollParent.scrollTo(0, offsetTop - parentOffsetHeight + offsetHeight); 15519 } 15520 } 15521 15522 /* 15523 * ARIA 1.1 Readonly Input code 15524 */ 15525 const ARIA11Combo = function (el, options, optionValues, selectEl) { 15526 // element refs 15527 this.el = el; 15528 this.selectEl = selectEl; 15529 this.comboEl = el.querySelector('[role=combobox]'); 15530 this.inputEl = el.querySelector('input'); 15531 this.listboxEl = el.querySelector('[role=listbox]'); 15532 15533 // data 15534 this.idBase = this.inputEl.id; 15535 this.options = options; 15536 this.optionValues = optionValues; 15537 15538 // state 15539 this.activeIndex = 0; 15540 this.open = false;
15541 }; 15542 15543 ARIA11Combo.prototype.init = function () { 15544 this.inputEl.addEventListener('input', this.onInput.bind(this)); 15545 this.inputEl.addEventListener('blur', this.onInputBlur.bind(this)); 15546 this.inputEl.addEventListener('click', () => this.updateMenuState(true)); 15547 this.inputEl.addEventListener('keydown', this.onInputKeyDown.bind(this)); 15548 15549 this.options.map((option, index) => { 15550 const optionEl = document.createElement('div'); 15551 optionEl.setAttribute('role', 'option'); 15552 optionEl.id = `${this.idBase}-${index}`; 15553 optionEl.className = index === 0 ? 'combo-option option-current' : 'combo-option'; 15554 optionEl.setAttribute('aria-selected', 'false'); 15555 optionEl.innerText = option; 15556 15557 optionEl.addEventListener('click', () => { 15558 this.onOptionClick(index); 15559 }); 15560 optionEl.addEventListener('mousedown', this.onOptionMouseDown.bind(this)); 15561 15562 this.listboxEl.appendChild(optionEl); 15563 }); 15564 this.onOptionClick(0); 15565 }; 15566 15567 ARIA11Combo.prototype.onInput = function () { 15568 const curValue = this.inputEl.value; 15569 const matches = filterOptions(this.options, curValue); 15570 15571 // set activeIndex to first matching option 15572 // (or leave it alone, if the active option is already in the matching set) 15573 const filterCurrentOption = matches.filter((option) => option === this.options[this.activeIndex]); 15574 if (matches.length > 0 && !filterCurrentOption.length) { 15575 this.onOptionChange(this.options.indexOf(matches[0])); 15576 } 15577 15578 const menuState = this.options.length > 0; 15579 if (this.open !== menuState) { 15580 this.updateMenuState(menuState, false); 15581 } 15582 }; 15583 15584 ARIA11Combo.prototype.onInputKeyDown = function (event) { 15585 const { key } = event; 15586 const max = this.options.length - 1; 15587 15588 const action = getActionFromKey(key, this.open); 15589 15590 switch (action) { 15591 case MenuActions.Next: 15592 case MenuActions.Last: 15593 case MenuActions.First: 15594 case MenuActions.Previous: 15595 event.preventDefault(); 15596 return this.onOptionChange(getUpdatedIndex(this.activeIndex, max, action)); 15597 case MenuActions.CloseSelect: 15598 event.preventDefault(); 15599 this.selectOption(this.activeIndex); 15600 return this.updateMenuState(false); 15601 case MenuActions.Close: 15602 event.preventDefault(); 15603 return this.updateMenuState(false); 15604 case MenuActions.Type: 15605 this.onOptionChange(Math.max(0, getIndexByLetter(this.options, key))); 15606 case MenuActions.Open: 15607 return this.updateMenuState(true); 15608 } 15609 }; 15610 15611 ARIA11Combo.prototype.onInputBlur = function () { 15612 if (this.ignoreBlur) { 15613 this.ignoreBlur = false; 15614 return; 15615 } 15616 15617 if (this.open) { 15618 this.updateMenuState(false, false); 15619 } 15620 }; 15621 15622 ARIA11Combo.prototype.onOptionChange = function (index) { 15623 this.activeIndex = index; 15624 this.inputEl.setAttribute('aria-activedescendant', `${this.idBase}-${index}`); 15625 15626 // update active style 15627 const options = this.el.querySelectorAll('[role=option]'); 15628 [...options].forEach((optionEl) => { 15629 optionEl.classList.remove('option-current'); 15630 }); 15631 options[index].classList.add('option-current'); 15632 15633 if (this.open && isScrollable(this.listboxEl)) { 15634 maintainScrollVisibility(options[index], this.listboxEl); 15635 } 15636 }; 15637 15638 ARIA11Combo.prototype.onOptionClick = function (index) { 15639 this.onOptionChange(index); 15640 this.selectOption(index); 15641 this.updateMenuState(false); 15642 }; 15643 15644 ARIA11Combo.prototype.onOptionMouseDown = function () { 15645 this.ignoreBlur = true; 15646 }; 15647 15648 ARIA11Combo.prototype.selectOption = function (index) { 15649 const selected = this.options[index]; 15650 this.inputEl.value = selected; 15651 this.activeIndex = index; 15652 15653 // update aria-selected 15654 const options = this.el.querySelectorAll('[role=option]'); 15655 [...options].forEach((optionEl) => { 15656 optionEl.setAttribute('aria-selected', 'false'); 15657 }); 15658 options[index].setAttribute('aria-selected', 'true'); 15659 15660 // Update hidden select element's value 15661 this.selectEl.val(this.optionValues[index]); 15662 setSellingPlan(this.selectEl.data('product_id')); 15663 }; 15664 15665 ARIA11Combo.prototype.updateMenuState = function (open, callFocus = true) { 15666 this.open = open; 15667 15668 this.comboEl.setAttribute('aria-expanded', `${open}`); 15669 open ? this.el.classList.add('open') : this.el.classList.remove('open'); 15670 callFocus && this.inputEl.focus(); 15671 }; 15672 15673 function setComboBoxes() { 15674 $('.js-combobox').each(function (index) { 15675 const $this = $(this); 15676 const labelEl = $this.parents('label'); 15677 15678 // Insert combobox after select element's label 15679 labelEl.after( 15680 '<label for="combo' + 15681 index + 15682 '" aria-label="' + 15683 labelEl.attr('aria-label') + 15684 '" class="combo-label"></label>' + 15685 '<div class="combo js-aria11">' + 15686 '<div role="combobox" aria-haspopup="listbox" aria-expanded="false" aria-owns="listbox' + 15687 index + 15688 '" class="input-wrapper">' + 15689 '<input aria-activedescendant="" aria-autocomplete="none" id="combo' + 15690 index +
15691 '" class="combo-input" readonly type="text">' + 15692 '<div class="combo-menu" role="listbox" id="listbox' + 15693 index + 15694 '"></div>' + 15695 '</div>' + 15696 '</div>' 15697 ); 15698 15699 const selectOptions = $this.find('option'); 15700 const selectOptionValues = $.map(selectOptions, (e) => $(e).val()); 15701 const options = $.map(selectOptions, (e) => e.label); 15702 15703 // init combo 15704 const aria11El = labelEl.siblings('.js-aria11')[0]; 15705 const aria11Component = new ARIA11Combo(aria11El, options, selectOptionValues, $this); 15706 aria11Component.init(); 15707 }); 15708 } 15709 }); 15710</script>
15710 15711 15712 15713
15713<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.10.3/gsap.min.js"></script>
15713 15714
15714<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.10.3/Draggable.min.js"></script>
15714 15715
15715<script src="https://cdn.jsdelivr.net/npm/keen-slider@latest/keen-slider.js"></script>
15715 15716
15716<script src="//drinkolipop.com/cdn/shop/t/1366/assets/swiper.js?v=56584870573080344041773709640"></script>
15716 15717 15718 15719 15720 <!-- BEAM START --> 15721
15721<script type="module"> 15722 import { init } from "https://sdk.beamimpact.com/web-sdk/v1.56.2/dist/integrations/beam.js"; 15723 import { PromoManagerPlugin } from "https://sdk.beamimpact.com/web-sdk/v1.56.2/dist/integrations/promoManager.js"; 15724 15725 const beam = await init({ 15726 apiKey: "orRPgklUWqQM.cab839ad-9774-43be-bc7d-f236e6c3e9ae", 15727 chainId: 338, 15728 storeId: 528, 15729 domain: "drinkolipop.com", 15730 plugins: [ 15731 new PromoManagerPlugin() 15732 ] 15733 }); 15734</script>
15734 15735
15736<script type="module" async crossorigin> 15737 let isNonProfitClicked = false; 15738 const cartScrollElement = '.rebuy-cart__flyout-content'; 15739 document.addEventListener('beamnonprofitselect', (evt) => { 15740 if (!isNonProfitClicked) { 15741 const scrollArea = document.querySelector(cartScrollElement); 15742 scrollArea.scrollBy({ 15743 top: 150, 15744 left: 0, 15745 behavior: 'smooth', 15746 }); 15747 isNonProfitClicked = true; 15748 } 15749 }); 15750</script>
15750 15751
15751<script type="module" async crossorigin> 15752 import { registerCartIntegration } from "https://sdk.beamimpact.com/web-sdk/v1.56.2/dist/integrations/shopify.js"; 15753 import { getConfig } from "https://sdk.beamimpact.com/web-sdk/v1.56.2/dist/integrations/beam.js"; 15754 15755 const beam = getConfig(); 15756 await beam.readyPromise; 15757 15758 registerCartIntegration({ 15759 apiKey: "orRPgklUWqQM.cab839ad-9774-43be-bc7d-f236e6c3e9ae", 15760 storeId: 528, 15761 baseUrl: "https://api.beamimpact.com", 15762 domain: "drinkolipop.com" || undefined, 15763 }); 15764</script>
15764 15765 <!-- beam-select-nonprofit.liquid --> 15766<!-- BEAM START -->
15767<script 15768 type="module" 15769 async 15770 crossorigin 15771 data-em-disable 15772 data-categories="analytics" 15773 src="https://sdk.beamimpact.com/web-sdk/v1.56.2/dist/components/select-nonprofit.js" 15774></script>
15774 15775 15776 <!-- BEAM END --> 15777 15778 <div id="portal"></div> 15779 15780 15781 15782 15783 15784 <!-- 1. The dialog container --> 15785 <div 15786 class="dialog-container" 15787 data-component="dialog" 15788 15789 data-portal="portal" 15790 15791 id="find-in-store-dialog" 15792 aria-labelledby="find-in-store" 15793 aria-hidden="true" 15794 > 15795 <!-- 2. The dialog overlay --> 15796 15797 <div 15798 class="dialog-overlay" 15799 data-a11y-dialog-hide 15800 15801 style="background-color: rgba(0, 0, 0, 0.45);" 15802 15803 ></div> 15804 15805 <!-- 3. The actual dialog --> 15806 15807 15808 <div class="dialog-content tw-bg-creme"> 15809 15810 <div 15811 class="store-locator-dialog-inner" 15812 data-component="storeLocatorModal" 15813 data-dialog-id="find-in-store-dialog" 15814 > 15815 <div class="store-locator-dialog-header"> 15816 <h2 class="store-locator-dialog-title" id="find-in-store">Where to Buy OLIPOP</h2> 15817 <button 15818 class="store-locator-dialog-close" 15819 type="button" 15820 data-a11y-dialog-hide 15821 aria-label="Close dialog" 15822 > 15823 15824 15825 15826 <svg width="29" height="28" viewBox="0 0 29 28" fill="none" xmlns="http://www.w3.org/2000/svg"> 15827 <path d="M6.98828 6L23.9588 22.9706" stroke="#14433D" stroke-width="2" stroke-linecap="round"/> 15828 <path d="M23.9883 6L7.01772 22.9706" stroke="#14433D" stroke-width="2" stroke-linecap="round"/> 15829 </svg> 15830 15831 15832 15833 </button> 15834 </div> 15835 <div class="store-locator-section-container store-locator-dialog-widget"> 15836 15837 15838 15839 15840<div 15841 id="store-locator-modal-widget" 15842 class="oli-smartcommerce-product-locator" 15843 data-sc-product-locator-id="dd9dac97-f17f-4d37-971a-e933120edab3" 15844 data-sc-product-locator-type="standalone" 15845 data-sc-locale="en-us" 15846 15847 style="height: min(90vh, 800px);" 15848></div> 15849 15850 15851 15852 </div> 15853 </div> 15854 15855 </div> 15856 15857 </div> 15858 15859 15860 15861 <!-- Use of this pixel is subject to the Amazon ad specs and policies at http://www.amazon.com/b/?&node=7253015011 -->
15862<script type="text/javascript"> 15863 var _pix = document.getElementById('_pix_id_73a3b955-2b94-711c-f24b-424e40d6695a'); 15864 if (!_pix) { 15865 var protocol = '//'; 15866 var a = Math.random() * 1000000000000000000; 15867 _pix = document.createElement('iframe'); 15868 _pix.style.display = 'none'; 15869 _pix.setAttribute( 15870 'src', 15871 protocol + 15872 's.amazon-adsystem.com/iu3?d=generic&ex-fargs=%3Fid%3D73a3b955-2b94-711c-f24b-424e40d6695a%26type%3D55%26m%3D1&ex-fch=416613&ex-src=https://drinkolipop.com/&ex-hargs=v%3D1.0%3Bc%3D7410518920601%3Bp%3D73A3B955-2B94-711C-F24B-424E40D6695A' + 15873 '&cb=' + 15874 a 15875 ); 15876 _pix.setAttribute('id', '_pix_id_73a3b955-2b94-711c-f24b-424e40d6695a'); 15877 document.body.appendChild(_pix); 15878 } 15879</script>
15879 15880 15881
15881<script> 15882 /** 15883 * Product metafield custom.fiber is a metaobject reference (fiber_option). 15884 * Rebuy usually passes only a gid string (no label/title on the object). We map gids to 15885 * labels from shop metaobjects (same field order as PDP: title, label, text, name). 15886 */ 15887 window.__fiberOptionLabels = Object.assign(window.__fiberOptionLabels || {}, {"gid://shopify/Metaobject/116150763679": ["9g Fiber"], 15888 "116150763679": ["9g Fiber"] 15889,"gid://shopify/Metaobject/116150796447": ["6g Fiber"], 15890 "116150796447": ["6g Fiber"] 15891,"gid://shopify/Metaobject/121363038367": ["MINIs"], 15892 "121363038367": ["MINIs"] 15893}); 15894 15895 function rebuyMetaobjectFieldValue(field) { 15896 if (field == null || field === '') return ''; 15897 if (typeof field === 'string') return field; 15898 if (typeof field === 'object' && Object.prototype.hasOwnProperty.call(field, 'value')) { 15899 return field.value == null ? '' : String(field.value); 15900 } 15901 return ''; 15902 } 15903 15904 function rebuyFiberLabelFromResolvedEntry(entry) { 15905 if (entry == null || entry === '') return ''; 15906 if (typeof entry === 'string') { 15907 if (entry.indexOf('gid://shopify/Metaobject/') !== 0) return entry; 15908 var map = window.__fiberOptionLabels || {}; 15909 if (map[entry]) return map[entry]; 15910 var n = /^gid:\/\/shopify\/Metaobject\/(\d+)$/.exec(entry); 15911 return n && map[n[1]] ? map[n[1]] : ''; 15912 } 15913 if (typeof entry === 'object') { 15914 var nested = 15915 rebuyMetaobjectFieldValue(entry.label) || 15916 rebuyMetaobjectFieldValue(entry.title) || 15917 rebuyMetaobjectFieldValue(entry.text) || 15918 rebuyMetaobjectFieldValue(entry.name) || 15919 (typeof entry.display_value === 'string' ? entry.display_value : ''); 15920 if (nested) return nested; 15921 var v = entry.value; 15922 if (typeof v === 'string' && v.indexOf('gid://shopify/Metaobject/') === 0) return rebuyFiberLabelFromResolvedEntry(v); 15923 return ''; 15924 } 15925 return String(entry); 15926 } 15927 15928 function rebuyFiberMetafieldFromLineItem(item) { 15929 var vFiber = item && item.variant && item.variant.metafields && item.variant.metafields.custom && item.variant.metafields.custom.fiber; 15930 if (vFiber != null && vFiber !== '') return vFiber; 15931 var pFiber = item && item.product && item.product.metafields && item.product.metafields.custom && item.product.metafields.custom.fiber; 15932 return pFiber; 15933 } 15934 15935 window.cartItemTitleWithFiber = function (item) { 15936 var base = item && item.product_title ? String(item.product_title) : ''; 15937 var fiberMeta = rebuyFiberMetafieldFromLineItem(item); 15938 if (fiberMeta == null || fiberMeta === '') return base; 15939 15940 var entry = fiberMeta; 15941 if (typeof fiberMeta === 'object' && fiberMeta !== null && Object.prototype.hasOwnProperty.call(fiberMeta, 'value')) { 15942 entry = fiberMeta.value; 15943 } 15944 15945 var suffix = rebuyFiberLabelFromResolvedEntry(entry); 15946 if (!suffix) return base; 15947 return base + ' ' + suffix; 15948 }; 15949 15950 let SmartCart; 15951 15952 function removeBrokenBundleLineItems() { 15953 if (!SmartCart?.hasItems()) return; 15954 const items = SmartCart.items(); 15955 15956 const findBundleParent = (childLineItem) => { 15957 const { _bundle_id, _created_at, bundle_parent } = childLineItem.properties; 15958 const bundleParent = SmartCart.items().find( 15959 (item) => 15960 (item.properties.bundle_parent || item.properties._bundle_parent) && 15961 item.properties._bundle_id === _bundle_id && 15962 item.properties._created_at === _created_at 15963 ); 15964 15965 return bundleParent; 15966 }; 15967 15968 try { 15969 items.forEach((item) => { 15970 if (item.properties.hasOwnProperty('_bundle_id')) { 15971 if (item.properties.bundle_parent === false || item.properties._bundle_parent === false) { 15972 const bundleParent = findBundleParent(item); 15973 if (!bundleParent) { 15974 SmartCart.removeItem(item); 15975 } 15976 } 15977 } 15978 }); 15979 } catch (e) { 15980 console.error(e); 15981 } 15982 } 15983 15984 document.querySelectorAll('.site-header__cart').forEach((element) => { 15985 element.addEventListener('click', function (e) { 15986 window.Rebuy.SmartCart.show(); 15987 }); 15988 }); 15989 15990 const blockImage = ( 15991 `` 15992 ); 15993 15994 const blockImageBtn = ( 15995 ` 15996 ` 15997 ); 15998 15999 function handleCustomEvent(event) { 16000 const lineItems = event.detail?.cart?.line_items || []; 16001 16002 if (lineItems.length === 0 && blockImage) { 16003 setTimeout(()=> { 16004 const emptyCartInner = document.querySelector('.rebuy-cart__flyout-empty-cart'); 16005 if (emptyCartInner) emptyCartInner.insertAdjacentHTML('afterbegin', blockImage) 16006 }, 1500) 16007 } 16008 16009 if (lineItems.length === 0 && blockImageBtn) { 16010 setTimeout(()=> { 16011 const emptyCartInner = document.querySelector('.rebuy-cart__flyout-empty-cart p a')?.closest('p'); 16012 if (emptyCartInner) emptyCartInner.insertAdjacentHTML('afterbegin', blockImageBtn) 16013 }, 1500) 16014 } 16015 } 16016 16017 function handleCartAddEvent(event) { 16018 const elementSnow = document.querySelector('element-snow') 16019 16020 if(elementSnow) { 16021 elementSnow.remove(); 16022 elementSnow.show(); 16023 } 16024 } 16025 16026 document.addEventListener('rebuy:smartcart.show', function () { 16027 // document.querySelector('#rebuy-cart').removeAttribute('inert'); 16028 document.querySelector('#rebuy-cart')?.querySelectorAll('a, button, input, iframe, select, [tabindex]').forEach(el => el.tabIndex = 0); 16029 document.querySelector('.main-content').setAttribute('aria-hidden', 'true'); // voiceOver fix 16030 16031 setTimeout(()=>{ 16032 document.getElementById('rebuy-cart').classList.remove("is-visible-delay"); 16033 }, 1000) 16034 16035 const elementSnow = document.querySelector('element-snow') 16036 16037 if(elementSnow) elementSnow.show(); 16038 const breakpointQuery = window.matchMedia('(max-width: 1023px)'); 16039 16040 setTimeout(()=>{ 16041 const sliceAnimationWrapper = document.querySelector('.slice-animation-wrapper') 16042 const btnImage = document.querySelector('.rebuy-cart__flyout-empty-image') 16043 const emptyCartInner = document.querySelector('.rebuy-cart__flyout-empty-cart') 16044 const emptyCartInnerBtn = document.querySelector('.rebuy-cart__flyout-empty-cart p a')?.closest('p'); 16045 16046 if (sliceAnimationWrapper) { 16047 const sliceAnimationElement = sliceAnimationWrapper.querySelector('.tw-animate-cart-slice-mobile') 16048 sliceAnimationElement?.classList.remove('lg:tw-animate-cart-slice'); 16049 sliceAnimationElement?.classList.remove('tw-animate-cart-slice-mobile'); 16050 16051 16052 if (breakpointQuery.matches) { 16053 setTimeout(()=>{ 16054 sliceAnimationElement?.classList.add('lg:tw-animate-cart-slice'); 16055 sliceAnimationElement?.classList.add('tw-animate-cart-slice-mobile'); 16056 }, 1200); 16057 } else { 16058 setTimeout(()=>{ 16059 sliceAnimationElement?.classList.add('lg:tw-animate-cart-slice'); 16060 sliceAnimationElement?.classList.add('tw-animate-cart-slice-mobile'); 16061 }, 100); 16062 } 16063 } 16064 16065 if (emptyCartInner && !sliceAnimationWrapper) { 16066 if (breakpointQuery.matches) { 16067 setTimeout(()=>{ 16068 emptyCartInner?.insertAdjacentHTML('afterbegin', blockImage) 16069 }, 2000); 16070 } else { 16071 emptyCartInner?.insertAdjacentHTML('afterbegin', blockImage) 16072 } 16073 } 16074 16075 if (emptyCartInner && !btnImage) { 16076 if (breakpointQuery.matches) { 16077 setTimeout(()=>{ 16078 emptyCartInnerBtn?.insertAdjacentHTML('afterbegin', blockImageBtn) 16079 }, 2000); 16080 } else { 16081 emptyCartInnerBtn?.insertAdjacentHTML('afterbegin', blockImageBtn) 16082 } 16083 } 16084 }, 500); 16085 16086 // Add event listener for cart updates when cart is open 16087 document.addEventListener('rebuy:smartcart.line-item-removed', handleCustomEvent); 16088 document.addEventListener('rebuy:cart.add', handleCartAddEvent); 16089 }); 16090 16091 document.addEventListener('rebuy:smartcart.hide', function (event) { 16092 // document.querySelector('#rebuy-cart').setAttribute('inert', ''); 16093 document.querySelector('#rebuy-cart')?.querySelectorAll('a, button, input, iframe, select, [tabindex]').forEach(el => el.tabIndex = -1); 16094 document.querySelector('.main-content').removeAttribute('aria-hidden'); // voiceOver fix 16095 16096 const elementSnow = document.querySelector('element-snow') 16097 16098 document.querySelector('body').style.removeProperty('overflow'); 16099 16100 // Remove event listener for cart updates when cart is close 16101 document.removeEventListener('rebuy:smartcart.line-item-removed', handleCustomEvent); 16102 document.removeEventListener('rebuy:cart.add', handleCartAddEvent); 16103 16104 if(elementSnow) elementSnow.remove(); 16105 }); 16106 16107 document.addEventListener('rebuy.ready', (event) => { 16108 SmartCart = window.Rebuy.SmartCart; 16109 removeBrokenBundleLineItems(); 16110 }); 16111 16112 async function updateBundleDeliveryFrequencies(item, subscriptionFrequency) { 16113 if (!isBundleParent(item)) return; 16114 const bundleChildren = getBundleChildren(item); 16115 try {
16116 bundleChildren.forEach((child) => { 16117 Rebuy.Cart.switchToSubscription(child, subscriptionFrequency); 16118 }); 16119 } catch (error) { 16120 console.error(error); 16121 } 16122 } 16123 16124 function getBundlePrice(bundleParentLineItem) { 16125 if (!isBundleParent(bundleParentLineItem)) { 16126 return null; 16127 } 16128 16129 const bundleChildren = getBundleChildren(bundleParentLineItem); 16130 const bundlePrice = bundleChildren.reduce((totalPrice, item) => { 16131 return totalPrice + item.price * item.quantity; 16132 }, 0); 16133 16134 return Rebuy.Cart.formatMoney(bundlePrice); 16135 } 16136 16137 async function removeLineItems(bundleParentLineItem, bundleChildrenLineItems) { 16138 const itemsToRemove = [...bundleChildrenLineItems, bundleParentLineItem]; 16139 const updates = itemsToRemove.reduce((updateObject, item) => { 16140 if (!updateObject[item.key]) { 16141 updateObject[item.key] = 0; 16142 } 16143 return updateObject; 16144 }, {}); 16145 16146 try { 16147 const updatedCart = await fetch('/cart/update.js', { 16148 method: 'POST', 16149 headers: { 16150 'Content-Type': 'application/json', 16151 }, 16152 body: JSON.stringify({ 16153 updates, 16154 }), 16155 }); 16156 } catch (e) { 16157 console.error(e); 16158 } 16159 } 16160 16161 const getBundleChildren = (bundleParentItem) => { 16162 const items = window.Rebuy.SmartCart?.items(); 16163 return items.filter( 16164 (lineItem) => 16165 lineItem.properties._bundle_id === bundleParentItem.properties._bundle_id && 16166 parseInt(lineItem.properties._created_at) === parseInt(bundleParentItem.properties._created_at) && 16167 isBundleChild(lineItem) 16168 ); 16169 }; 16170 16171 const handleRemove = async (item) => { 16172 const isBundleItem = item.properties == null ? false : item.properties.hasOwnProperty('_bundle_id'); 16173 if (SmartCart == undefined) { 16174 SmartCart = window.Rebuy.SmartCart; 16175 } 16176 16177 if (!isBundleItem) { 16178 SmartCart.removeItem(item); 16179 return; 16180 } 16181 16182 const bundleChildren = getBundleChildren(item); 16183 16184 try { 16185 if (!bundleChildren || !bundleChildren.length) { 16186 SmartCart.removeItem(item); 16187 return; 16188 } else { 16189 removeLineItems(item, bundleChildren); 16190 } 16191 } catch (e) { 16192 console.error(e); 16193 } 16194 }; 16195 16196 const bundleParentProperties = ['bundle_parent', '_bundle_parent']; 16197 const isBundleChild = (item) => { 16198 // SmartCart stringifies all item property values on some cart methods 16199 const bundleChild = bundleParentProperties.filter( 16200 (property) => item.properties[property] === false || item.properties[property] === 'false' 16201 ); 16202 return bundleChild.length > 0; 16203 }; 16204 16205 const isBundleParent = (item) => { 16206 // SmartCart stringifies all item property values on some cart methods 16207 const bundleParent = bundleParentProperties.filter( 16208 (property) => item.properties[property] === true || item.properties[property] === 'true' 16209 ); 16210 return bundleParent.length > 0; 16211 }; 16212 16213 const displayProperty = (property) => { 16214 const hidden_keys = ['bundle_parent', '_bundle_id', 'Bundle Id', 'Frequency']; 16215 return hidden_keys.includes(property.key) ? false : true; 16216 }; 16217 16218 const getCartJson = () => { 16219 return SmartCart.cart; 16220 }; 16221 16222 16223 document.addEventListener('rebuy.add', function (event) { 16224 if (window.gtag) { 16225 const { product, widget } = event.detail; 16226 if (!product || !widget) return; 16227 window.gtag('event', 'Side Cart - Upsell Added', { 16228 event_detail: product.title + ' - ' + widget.View.carousel.selectedIndex, 16229 }); 16230 } 16231 }); 16232 16233 window.globalDiscountsCollectionIds = []; 16234 16235 window.globalDiscounts = undefined; 16236 16237 16238 /** 16239 * Mirrors snippets/oli-product-price-set.liquid for Smart Cart line items so PDP and sidecart match. 16240 */ 16241 (function () { 16242 function productInGlobalDiscountScope(product) { 16243 var ids = window.globalDiscountsCollectionIds; 16244 if (ids == null || ids.length === 0) return true; 16245 var colls = product && product.collections; 16246 if (!colls || !colls.length) return false; 16247 var productIds = {}; 16248 for (var i = 0; i < colls.length; i++) productIds[colls[i].id] = true; 16249 for (var j = 0; j < ids.length; j++) if (productIds[ids[j]]) return true; 16250 return false;
16251 } 16252 16253 function pickGlobalDiscount(item) { 16254 var discounts = window.globalDiscounts; 16255 if (!discounts || !discounts.length) return null; 16256 var both = discounts.filter(function (d) { 16257 return d.purchase_type === 'Both'; 16258 }); 16259 var oneTime = discounts.find(function (d) { 16260 return d.purchase_type === 'One-time purchase'; 16261 }); 16262 var subscription = discounts.find(function (d) { 16263 return d.purchase_type === 'Subscription'; 16264 }); 16265 var oneTimeDiscount = oneTime || both[0]; 16266 var subscriptionDiscount = subscription || both[0]; 16267 return item.selling_plan_allocation ? subscriptionDiscount : oneTimeDiscount; 16268 } 16269 16270 function applyGlobalDiscountCents(priceCents, discount) { 16271 if (!discount || priceCents == null) return priceCents; 16272 var dv = Number(discount.discount_value); 16273 if (discount.discount_value_type === 'Percentage') { 16274 var percentage = 100 - dv; 16275 return Math.ceil((priceCents * percentage) / 100); 16276 } 16277 return priceCents - dv; 16278 } 16279 16280 function basePriceCents(item) { 16281 if (item.selling_plan_allocation) return Number(item.selling_plan_allocation.price); 16282 if (item.variant && item.variant.price != null) return Number(item.variant.price); 16283 return Number(item.price); 16284 } 16285 16286 function compareBaseCents(item) { 16287 if (item.selling_plan_allocation) { 16288 var spaCompare = item.selling_plan_allocation.compare_at_price; 16289 return spaCompare == null ? 0 : Number(spaCompare); 16290 } 16291 if (item.variant && item.variant.compare_at_price != null) return Number(item.variant.compare_at_price); 16292 if (item.compare_at_price != null) return Number(item.compare_at_price); 16293 return 0; 16294 } 16295 16296 function globalPricingActive(item) { 16297 if (!window.rebuyCartSettings || !window.rebuyCartSettings.enable_global_discounts) return false; 16298 if (!window.globalDiscounts || !window.globalDiscounts.length) return false; 16299 return productInGlobalDiscountScope(item.product); 16300 } 16301 16302 function catalogLinePriceParts(item) { 16303 var price = basePriceCents(item); 16304 var compare_at_price = compareBaseCents(item); 16305 var showCompare = !!(compare_at_price && compare_at_price !== 0); 16306 16307 return { 16308 useDefault: false, 16309 finalCents: price, 16310 compareCents: showCompare ? compare_at_price : 0, 16311 showCompare: showCompare, 16312 }; 16313 } 16314 16315 window.__oliRebuyGetLinePriceParts = function (item) { 16316 var globalDiscountsEnabled = 16317 window.rebuyCartSettings && window.rebuyCartSettings.enable_global_discounts; 16318 16319 if (!globalDiscountsEnabled) { 16320 return catalogLinePriceParts(item); 16321 } 16322 16323 if (!globalPricingActive(item)) return { useDefault: true }; 16324 16325 var discount = pickGlobalDiscount(item); 16326 if (!discount) return { useDefault: true }; 16327 16328 var price = basePriceCents(item); 16329 var compare_at_price = compareBaseCents(item); 16330 var hasSellingPlan = !!item.selling_plan_allocation; 16331 16332 var final_price = applyGlobalDiscountCents(price, discount); 16333 16334 if (compare_at_price === 0 && final_price < price) compare_at_price = price; 16335 if (!hasSellingPlan && final_price < price) compare_at_price = price; 16336 16337 var showCompare = !!(compare_at_price && compare_at_price !== 0); 16338 16339 return { 16340 useDefault: false, 16341 finalCents: final_price, 16342 compareCents: showCompare ? compare_at_price : 0, 16343 showCompare: showCompare, 16344 }; 16345 }; 16346 16347 window.oliRebuyLineHasDiscount = function (item, itemHasDiscountFn) { 16348 var parts = window.__oliRebuyGetLinePriceParts(item); 16349 if (parts.useDefault) return itemHasDiscountFn(item); 16350 return parts.showCompare; 16351 }; 16352 16353 window.oliRebuyLineSalePrice = function (item, formatMoneyFn, itemPriceFn) { 16354 var parts = window.__oliRebuyGetLinePriceParts(item); 16355 if (parts.useDefault) return formatMoneyFn(itemPriceFn(item)); 16356 return formatMoneyFn(parts.finalCents); 16357 }; 16358 16359 window.oliRebuyLineComparePrice = function (item, formatMoneyFn, compareAtPriceFn) { 16360 var parts = window.__oliRebuyGetLinePriceParts(item); 16361 if (parts.useDefault) { 16362 return item.selling_plan_allocation 16363 ? formatMoneyFn(item.selling_plan_allocation.compare_at_price) 16364 : formatMoneyFn(compareAtPriceFn(item)); 16365 } 16366 return parts.showCompare ? formatMoneyFn(parts.compareCents) : ''; 16367 }; 16368 16369 function oliRebuyLineUnitCents(item, itemPriceFn) { 16370 var parts = window.__oliRebuyGetLinePriceParts(item); 16371 if (!parts.useDefault) return parts.finalCents; 16372 return Number(itemPriceFn(item)); 16373 } 16374 16375 function oliRebuyLineCompareUnitCents(item, compareAtPriceFn) { 16376 var parts = window.__oliRebuyGetLinePriceParts(item); 16377 if (!parts.useDefault) { 16378 return parts.showCompare ? parts.compareCents : 0; 16379 } 16380 if (item.selling_plan_allocation) { 16381 return Number(item.selling_plan_allocation.compare_at_price) || 0; 16382 } 16383 return Number(compareAtPriceFn(item)) || 0; 16384 } 16385 16386 function oliRebuyLineTotalCents(item, itemPriceFn) { 16387 var parts = window.__oliRebuyGetLinePriceParts(item); 16388 var qty = Number(item.quantity) || 1; 16389 if (!parts.useDefault) return parts.finalCents * qty; 16390 if (item.final_line_price != null) return Number(item.final_line_price); 16391 if (item.line_price != null) return Number(item.line_price); 16392 return oliRebuyLineUnitCents(item, itemPriceFn) * qty; 16393 } 16394 16395 function oliRebuyGetBundleChildren(bundleParentItem) { 16396 var items = window.Rebuy.SmartCart && window.Rebuy.SmartCart.items(); 16397 if (!items || !items.length) return []; 16398 var bundleId = bundleParentItem.properties && bundleParentItem.properties._bundle_id; 16399 var createdAt = bundleParentItem.properties && bundleParentItem.properties._created_at; 16400 return items.filter(function (lineItem) { 16401 if (!lineItem.properties || lineItem.properties._bundle_id !== bundleId) return false;
16402 if (parseInt(lineItem.properties._created_at, 10) !== parseInt(createdAt, 10)) return false; 16403 return ( 16404 lineItem.properties.bundle_parent === false || 16405 lineItem.properties.bundle_parent === 'false' || 16406 lineItem.properties._bundle_parent === false || 16407 lineItem.properties._bundle_parent === 'false' 16408 ); 16409 }); 16410 } 16411 16412 function oliRebuyBundleLineCents(bundleParent, itemPriceFn) { 16413 return oliRebuyGetBundleChildren(bundleParent).reduce(function (total, child) { 16414 return total + oliRebuyLineTotalCents(child, itemPriceFn); 16415 }, 0); 16416 } 16417 16418 function oliRebuyBundleCompareCents(bundleParent, itemPriceFn, compareAtPriceFn) { 16419 return oliRebuyGetBundleChildren(bundleParent).reduce(function (total, child) { 16420 var qty = Number(child.quantity) || 1; 16421 var compareUnit = oliRebuyLineCompareUnitCents(child, compareAtPriceFn); 16422 if (compareUnit) return total + compareUnit * qty; 16423 return total + oliRebuyLineUnitCents(child, itemPriceFn) * qty; 16424 }, 0); 16425 } 16426 16427 /** 16428 * Subtotal aligned with displayed line-item prices (global discounts, bundles, qty). 16429 */ 16430 window.oliRebuyCartSubtotal = function ( 16431 formatMoneyFn, 16432 itemsFn, 16433 itemPriceFn, 16434 compareAtPriceFn, 16435 isBundleChildFn, 16436 isHiddenItemFn, 16437 isBundleParentFn 16438 ) { 16439 var items = itemsFn(); 16440 var totalCents = 0; 16441 16442 for (var i = 0; i < items.length; i++) { 16443 var item = items[i]; 16444 if (isHiddenItemFn(item)) continue; 16445 if (isBundleChildFn(item) !== false) continue; 16446 16447 if (isBundleParentFn(item)) { 16448 totalCents += oliRebuyBundleLineCents(item, itemPriceFn); 16449 } else { 16450 totalCents += oliRebuyLineTotalCents(item, itemPriceFn); 16451 } 16452 } 16453 16454 return formatMoneyFn(totalCents); 16455 }; 16456 16457 window.oliRebuyCartCompareSubtotal = function ( 16458 formatMoneyFn, 16459 itemsFn, 16460 itemPriceFn, 16461 compareAtPriceFn, 16462 isBundleChildFn, 16463 isHiddenItemFn, 16464 isBundleParentFn 16465 ) { 16466 var items = itemsFn(); 16467 var totalCents = 0; 16468 16469 for (var i = 0; i < items.length; i++) { 16470 var item = items[i]; 16471 if (isHiddenItemFn(item)) continue; 16472 if (isBundleChildFn(item) !== false) continue; 16473 16474 if (isBundleParentFn(item)) { 16475 totalCents += oliRebuyBundleCompareCents(item, itemPriceFn, compareAtPriceFn); 16476 } else { 16477 var qty = Number(item.quantity) || 1; 16478 var compareUnit = oliRebuyLineCompareUnitCents(item, compareAtPriceFn); 16479 if (compareUnit) { 16480 totalCents += compareUnit * qty; 16481 } else { 16482 totalCents += oliRebuyLineUnitCents(item, itemPriceFn) * qty; 16483 } 16484 } 16485 } 16486 16487 return formatMoneyFn(totalCents); 16488 }; 16489 })(); 16490 16491 if (!customElements.get('element-snow')) { 16492 customElements.define('element-snow', class videoPlay extends HTMLElement { 16493 constructor() { 16494 super(); 16495 } 16496 16497 connectedCallback() { 16498 } 16499 16500 show() { 16501 // Create 50 snowflakes 16502 for (let i = 0; i < 140; i++) { 16503 const snowflake = document.createElement('div'); 16504 snowflake.classList.add('snowflake'); 16505 16506 // Randomly set the size (100% or 80% of the current size) 16507 const isSmaller = Math.random() < 0.5; // 50% chance of smaller size 16508 const size = isSmaller ? '8px' : '10px'; // 20% smaller is 8px if the default is 10px 16509 snowflake.style.width = size; 16510 snowflake.style.height = size; 16511 16512 // Set random position and animation duration 16513 snowflake.style.left = `${Math.random() * 100}vw`; 16514 snowflake.style.animationDuration = `${Math.random() * 3 + 1}s`; 16515 snowflake.style.animationDelay = `${Math.random() * 2.5}s`; 16516 16517 this.appendChild(snowflake); 16518 16519 // Remove snowflake after animation ends 16520 snowflake.addEventListener('animationend', () => { 16521 snowflake.remove(); 16522 }); 16523 } 16524 16525 this.arrayElements = Array.from(document.querySelectorAll('.snowflake')) 16526 16527 setTimeout(()=> { 16528 this.fadeAway() 16529 }, 3000) 16530 16531 // setTimeout(()=> { 16532 // this.remove() 16533 // }, 5000) 16534 } 16535 16536 fadeAway() {
16537 if (this.arrayElements) this.arrayElements.forEach(element => element.classList.add('animation-fade-away')); 16538 } 16539 16540 remove() { 16541 if (this.arrayElements) this.arrayElements.forEach(element => element.remove()); 16542 } 16543 }); 16544 } 16545 16546 function removeDiscountGiftCard (event) { 16547 const cartItems = event.detail.cart.items(); 16548 const giftCardInCart = cartItems.find(item => item.gift_card === true); 16549 const otherItemsInCart = cartItems.find(item => item.gift_card !== true); 16550 16551 if (!otherItemsInCart && giftCardInCart && event.detail.cart.discount) { 16552 event.detail.cart.clearAllStoredDiscounts(); 16553 } 16554 } 16555 16556 function disableDiscountGiftCard(event) { 16557 const cartItems = event.detail.cart.items(); 16558 const giftCardInCart = cartItems.find(item => item.gift_card === true); 16559 const otherItemsInCart = cartItems.find(item => item.gift_card !== true); 16560 const discountButton = document.querySelector('.rebuy-cart__flyout-discount button'); 16561 const discountInput = document.querySelector('.rebuy-cart__flyout-discount-input'); 16562 const errorMessage = document.querySelector('.rebuy-cart__flyout-discount-input .rebuy-cart__flyout-discount-message'); 16563 const messageHtml = `<span class="rebuy-cart__flyout-discount-message">Discount codes do not apply to gift cards</span>` 16564 16565 if (!otherItemsInCart && giftCardInCart) { 16566 discountButton?.setAttribute('disabled', 'true'); 16567 if (!errorMessage) discountInput?.insertAdjacentHTML('beforeend', messageHtml) 16568 } else { 16569 discountButton?.removeAttribute('disabled'); 16570 if (errorMessage) errorMessage.remove(); 16571 } 16572 } 16573 16574 16575 const handleCartDiscountEvent = (event) => { 16576 removeDiscountGiftCard(event); 16577 disableDiscountGiftCard(event); 16578 }; 16579 16580 document.addEventListener('rebuy:smartcart.init', (event) => { 16581 setTimeout(() => { 16582 document.querySelector('#rebuy-cart')?.querySelectorAll('a, button, input, iframe, select, [tabindex]')?.forEach(el => el.tabIndex = -1); 16583 }, 2000) 16584 }); 16585 16586 document.addEventListener('rebuy:cart.ready', handleCartDiscountEvent); 16587 document.addEventListener('rebuy:cart.change', handleCartDiscountEvent); 16588</script>
16588 16589�
16589<script> 16590 window.rebuyCartSettings = { 16591 enable_global_discounts: false, 16592 rebuy_discount_message: "25% off applied!" 16593 } 16594</script>
16594 16595 16596
16597<script id="rebuy-cart-template" type="text/template"> 16598 16599 <div id="rebuy-cart" class="rebuy-cart " v-cloak v-bind:class="[visible ? 'is-visible is-visible-delay' : '', 'currency-' + currency() ]"> 16600 16601 <div class="rebuy-cart__flyout"> 16602 <div class="rebuy-cart__flyout-header" style="background-color: #FFFBF5!important"> 16603 <div class="rebuy-cart__flyout-title-wrap"> 16604 <h4 class="rebuy-cart__flyout-title" v-html="settings.language.cart_title"></h4> 16605 <span 16606 v-if="hasItems()" 16607 class="rebuy-cart__flyout-title-count" 16608 v-text="'(' + items().reduce(function (sum, item) { if (isHiddenItem(item) || isBundleChild(item) !== false) return sum; return sum + (Number(item.quantity) || 0); }, 0) + ')'" 16609 aria-live="polite" 16610 ></span> 16611 </div> 16612 <button class="rebuy-cart__flyout-close" type="button" aria-label="Close Smart Cart" v-on:click="hide()"> 16613 <svg width="14" height="14" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg" role="presentation"> 16614 <path fill-rule="evenodd" clip-rule="evenodd" d="M17.7056 1.70859C18.0958 1.31772 18.0958 0.68401 17.7056 0.293147C17.3154 -0.0977156 16.6828 -0.0977157 16.2926 0.293147L8.99913 7.5993L1.70563 0.293147C1.31544 -0.0977156 0.682825 -0.0977156 0.292639 0.293147C-0.0975464 0.684009 -0.0975464 1.31772 0.292639 1.70859L7.58614 9.01474L0.320343 16.2931C-0.0698426 16.684 -0.069843 17.3177 0.320343 17.7086C0.710528 18.0994 1.34314 18.0994 1.73333 17.7086L8.99913 10.4302L16.2649 17.7086C16.6551 18.0994 17.2877 18.0994 17.6779 17.7086C18.0681 17.3177 18.0681 16.684 17.6779 16.2931L10.4121 9.01474L17.7056 1.70859Z" fill="#034638"/> 16615 </svg> 16616 </button> 16617 </div> 16618 <div class="rebuy-cart__flyout-shipping-bar" style="background-color: #FFFBF5!important" v-if="freeShippingEnabled()" 16619 v-bind:class="[ freeShippingHelperMessage() ? 'has-helper' : '', hasFreeShipping() ? 'has-free-shipping': '' ]"> 16620 <div class="rebuy-cart__flyout-shipping-bar-message" v-if="!hasFreeShipping()" v-html="freeShippingRemainingMessage()"></div> 16621 <div class="rebuy-cart__flyout-shipping-bar-message" v-if="hasFreeShipping()" v-html="freeShippingCompleteMessage()"></div> 16622 <div class="rebuy-cart__flyout-shipping-bar-meter" v-bind:class="[hasFreeShippingProgress() ? 'has-progress' : 'no-progress']"> 16623 <div class="rebuy-cart__flyout-shipping-bar-meter-fill" v-bind:style="{ width: freeShippingPercentComplete() }"> 16624 <span class="rebuy-cart__flyout-shipping-bar-meter-fill-text" v-html="freeShippingPercentComplete()"></span> 16625 </div> 16626 </div> 16627 <div class="rebuy-cart__flyout-shipping-bar-helper" v-if="freeShippingHelperMessage()" v-html="freeShippingHelperMessage()"></div> 16628 </div> 16629 <div class="rebuy-cart__flyout-body"> 16630 <div class="rebuy-cart__flyout-announcement-bar" id="rebuy-smart-cart-announcement-bar" v-if="announcementBarEnabled()"> 16631 <div class="rebuy-cart__flyout-announcement-bar-message" v-for="message in settings.announcement_bar.messages" v-html="message"></div> 16632 </div> 16633 <div class="rebuy-cart__flyout-content" v-bind:class="[ hasItems() ? 'has-items' : 'no-items' ]" tabindex="0"> 16634 <div class="rebuy-cart__flyout-items" v-if="hasItems()"> 16635 � 16636 <div class="rebuy-cart__flyout-item" v-if="isBundleChild(item) == false" v-for="item in items()" v-if="!isHiddenItem(item)" 16637 v-bind:class="[ 'product-' + item.handle, itemProductTagsClasses(item), itemPropertyClasses(item) ]"> 16638 16639 16640 <!-- item image --> 16641 <div class="rebuy-cart__flyout-item-media"> 16642 <a v-bind:href="itemURL(item)"> 16643 <img v-bind:src="sizeImage(item.image, '240x240')" v-bind:alt="'View ' + cartItemTitleWithFiber(item)" /> 16644 </a> 16645 </div> 16646 <!-- end item image --> 16647 16648 16649 <div class="rebuy-cart__flyout-item-info"> 16650 16651 <div class="rebuy-cart__flyout-item-title-wrapper"> 16652 <a class="rebuy-cart__flyout-item-product-title" v-bind:href="itemURL(item)" 16653 v-html="cartItemTitleWithFiber(item)" v-bind:alt="'View ' + cartItemTitleWithFiber(item)"> 16654 </a> 16655 16656 <!--start remove btn --> 16657 <button 16658 class="rebuy-cart__flyout-item-remove" 16659 type="button" 16660 v-on:click="handleRemove(item)" 16661 v-bind:aria-label="'Remove ' + cartItemTitleWithFiber(item)"> 16662 <svg xmlns="http://www.w3.org/2000/svg" width="15" height="17" viewBox="0 0 15 17" fill="none"> 16663 <path d="M14.375 2.5H11.25V1.875C11.25 1.37772 11.0525 0.900806 10.7008 0.549175C10.3492 0.197544 9.87228 0 9.375 0H5.625C5.12772 0 4.65081 0.197544 4.29917 0.549175C3.94754 0.900806 3.75 1.37772 3.75 1.875V2.5H0.625C0.45924 2.5 0.300269 2.56585 0.183058 2.68306C0.0658481 2.80027 0 2.95924 0 3.125C0 3.29076 0.0658481 3.44973 0.183058 3.56694C0.300269 3.68415 0.45924 3.75 0.625 3.75H1.25V15C1.25 15.3315 1.3817 15.6495 1.61612 15.8839C1.85054 16.1183 2.16848 16.25 2.5 16.25H12.5C12.8315 16.25 13.1495 16.1183 13.3839 15.8839C13.6183 15.6495 13.75 15.3315 13.75 15V3.75H14.375C14.5408 3.75 14.6997 3.68415 14.8169 3.56694C14.9342 3.44973 15 3.29076 15 3.125C15 2.95924 14.9342 2.80027 14.8169 2.68306C14.6997 2.56585 14.5408 2.5 14.375 2.5ZM5 1.875C5 1.70924 5.06585 1.55027 5.18306 1.43306C5.30027 1.31585 5.45924 1.25 5.
16663625 1.25H9.375C9.54076 1.25 9.69973 1.31585 9.81694 1.43306C9.93415 1.55027 10 1.70924 10 1.875V2.5H5V1.875ZM12.5 15H2.5V3.75H12.5V15ZM6.25 6.875V11.875C6.25 12.0408 6.18415 12.1997 6.06694 12.3169C5.94973 12.4342 5.79076 12.5 5.625 12.5C5.45924 12.5 5.30027 12.4342 5.18306 12.3169C5.06585 12.1997 5 12.0408 5 11.875V6.875C5 6.70924 5.06585 6.55027 5.18306 6.43306C5.30027 6.31585 5.45924 6.25 5.625 6.25C5.79076 6.25 5.94973 6.31585 6.06694 6.43306C6.18415 6.55027 6.25 6.70924 6.25 6.875ZM10 6.875V11.875C10 12.0408 9.93415 12.1997 9.81694 12.3169C9.69973 12.4342 9.54076 12.5 9.375 12.5C9.20924 12.5 9.05027 12.4342 8.93306 12.3169C8.81585 12.1997 8.75 12.0408 8.75 11.875V6.875C8.75 6.70924 8.81585 6.55027 8.93306 6.43306C9.05027 6.31585 9.20924 6.25 9.375 6.25C9.54076 6.25 9.69973 6.31585 9.81694 6.43306C9.93415 6.55027 10 6.70924 10 6.875Z" fill="#034638"/> 16664 </svg> 16665 </button> 16666 <!-- end remove btn --> 16667 </div> 16668 <div class="rebuy-cart__flyout-item-properties" v-if="hasItemProperties(item)"> 16669 <div class="rebuy-cart__flyout-item-property rebuy-cart__flyout-item-property--delivery-frequency" 16670 v-if="itemDeliveryFrequency(item)" v-html="itemDeliveryFrequency(item)"></div> 16671 <div class="rebuy-cart__flyout-item-property" 16672 v-for="property in itemProperties(item)" 16673 v-if="displayProperty(property)" 16674 v-bind:class="[ itemPropertyKeyClass(property), itemPropertyValueClass(property) ]"> 16675 16676 16677 <span class="rebuy-cart__flyout-item-property-name" v-html="property.key"></span> 16678 <span class="rebuy-cart__flyout-item-property-separator">:</span> 16679 <span class="rebuy-cart__flyout-item-property-value" v-html="property.value"></span> 16680 16681 16682 </div> 16683 </div> 16684 <div class="rtx-info"> 16685 <div class="option-values" v-for="option in item.options_with_values"> 16686 <span class="rebuy-cart__product-info-cans" v-if="option.name == 'Cans' || option.name == 'Size'"> {{ option.value === '12' ? '12 Cans' : option.value.includes('Pack') ? option.value.replace('Pack', 'Cans') : option.value }}</span> 16687 </div> 16688 </div> 16689 16690 <div class="rebuy-cart__flyout-item-quantity-wrapper"> 16691 <!-- start quantity row --> 16692 <div class="rebuy-cart__flyout-item-quantity"> 16693 <div > 16694 16695 <div class="rebuy-cart__flyout-item-quantity-widget" v-if="hideQuantitySelectors && !hideQuantitySelectors(item) && item.handle != 'oli-pops-holiday-pack-pr-giveaway'"> 16696 <button class="rebuy-cart__flyout-item-quantity-widget-button" 16697 v-on:click="decreaseItem(item)" type="button" 16698 v-bind:aria-label="`You have ${item.quantity} ${cartItemTitleWithFiber(item)}, decrease by 1`"> 16699 <svg xmlns="http://www.w3.org/2000/svg" width="10" height="2" viewBox="0 0 10 2" fill="none"> 16700 <path d="M8.875 0.125C9.00761 0.125 9.13475 0.177716 9.22852 0.271484C9.32228 0.365252 9.375 0.492392 9.375 0.625C9.375 0.757608 9.32228 0.884747 9.22852 0.978516C9.13475 1.07228 9.00761 1.125 8.875 1.125H0.625C0.492392 1.125 0.365253 1.07228 0.271484 0.978516C0.177716 0.884747 0.125 0.757608 0.125 0.625C0.125 0.492392 0.177716 0.365252 0.271484 0.271484C0.365252 0.177716 0.492392 0.125 0.625 0.125H8.875Z" fill="#034638" stroke="#034638" stroke-width="0.25"/> 16701 </svg> 16702 </button> 16703 <span class="rebuy-cart__flyout-item-quantity-widget-label" v-html="item.quantity"></span> 16704 <button class="rebuy-cart__flyout-item-quantity-widget-button" 16705 v-on:click="increaseItem(item)" type="button" v-bind:aria-label="`You have ${item.quantity} ${cartItemTitleWithFiber(item)}, add 1 more`"> 16706 <svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 12 12" fill="none"> 16707 <path d="M6 1.375C6.13261 1.375 6.25975 1.42772 6.35352 1.52148C6.44728 1.61525 6.5 1.74239 6.5 1.875V5.5H10.125C10.2576 5.5 10.3847 5.55272 10.4785 5.64648C10.5723 5.74025 10.625 5.86739 10.625 6C10.625 6.13261 10.5723 6.25975 10.4785 6.35352C10.3847 6.44728 10.2576 6.5 10.125 6.5H6.5V10.125C6.5 10.2576 6.44728 10.3847 6.35352 10.4785C6.25975 10.5723 6.13261 10.625 6 10.625C5.86739 10.625 5.74025 10.5723 5.64648 10.4785C5.55272 10.3847 5.5 10.2576 5.5 10.125V6.5H1.875C1.74239 6.5 1.61525 6.44728 1.52148 6.35352C1.42772 6.25975 1.375 6.13261 1.375 6C1.375 5.86739 1.42772 5.74025 1.52148 5.64648C1.61525 5.55272 1.74239 5.5 1.875 5.5H5.5V1.875C5.5 1.74239 5.55272 1.61525 5.64648 1.52148C5.74025 1.42772 5.86739 1.375 6 1.375Z" fill="#034638" stroke="#034638" stroke-width="0.25"/> 16708 </svg> 16709 </button> 16710 </div> 16711 16712 </div> 16713 </div> 16714 <!-- end quantity row --> 16715 16716 <!-- start price row --> 16717 <div 16718 class="rebuy-cart__flyout-item-price" 16719 :class="{ '!tw-hidden': item.product && item.product.tags && item.product?.tags?.includes('smart-cart-hide-price') }" 16720 > 16721 16722 <div class="discount-code-msg" v-if="hasLineItemDiscount(item)" v-for="discount in item.discounts"> 16723 {{ discount.title }} 16724 </div> 16725 <!-- rtx subscription copy --> 16726 16727 <div class="rtx-cart_flyout-subscriptions" v-if="window.rebuyCartSettings.enable_global_discounts && window.rebuyCartSettings.rebuy_discount_message.length"> 16728 <div class="rebuy-cart__flyout-item-discount-message promo-sidecart" 16729 v-html="window.rebuyCartSettings.rebuy_discount_message"> 16730 </div> 16731 </div> 16732 16733 <div class="rtx-cart_flyout-subscriptions" v-else>
16734 <span v-if="item.selling_plan_allocation" class="rtx-cart_flyout-subscriptions-text">15% Off Applied!</span> 16735 </div> 16736 16737 <div class="rtx-cart_custom-discount-labels" style="display: none;"> 16738 <span class="rtx-cart_flyout-subscriptions-text tw-text-3 tw-font-normal tw-leading-none tw-text-green-900">30% off applied!</span> 16739 </div> 16740 <!-- end subscription copy --> 16741 <div v-if="isBundleParent(item)" role="textbox"> 16742 16743 16744 <span class="visually-hidden">Bundle price: </span> 16745 <span class="rebuy-money rebuy-money-original-price sale" v-html="getBundlePrice(item)"></span> 16746 </div> 16747 16748 <div v-if="oliRebuyLineHasDiscount(item, itemHasDiscount) && isBundleParent(item) == false"> 16749 <div class="visually-hidden">Sale price: </div> 16750 <span class="rebuy-money rebuy-money-original-price sale" v-html="oliRebuyLineSalePrice(item, formatMoney, itemPrice)"></span> 16751 <div class="visually-hidden">Original price: </div> 16752 <span class="rebuy-money rebuy-money-compare-at-price compare-at" 16753 v-html="oliRebuyLineComparePrice(item, formatMoney, compareAtPrice)"></span> 16754 </div> 16755 <div v-if="!oliRebuyLineHasDiscount(item, itemHasDiscount) && isBundleParent(item) == false"> 16756 <span class="visually-hidden">
16756Price: </span> 16757 <span class="rebuy-money rebuy-money-original-price" v-html="oliRebuyLineSalePrice(item, formatMoney, itemPrice)"></span> 16758 </div> 16759 16760 </div> 16761 <!-- end price row --> 16762 </div> 16763 16764 <!-- start subscription selector --> 16765 <div class="rebuy-cart__flyout-item-subscription" v-if="hasSwitchToSubscription(item)"> 16766 <button class="rebuy-button outline" v-if="!item.product.subscription || item.status == 'downgrading' || item.status == 'upgrading'" 16767 v-bind:alt="'Switch ' + cartItemTitleWithFiber(item) + ' to a Subscription'" 16768 v-bind:disabled="(item.status == 'downgrading' || item.status == 'upgrading')" 16769 v-on:click="updateItemDeliveryFrequency(item, item.product.subscription_frequencies[1]); updateBundleDeliveryFrequencies(item, item.product.subscription_frequencies[1])" 16770 type="button" 16771 > 16772 <span v-html="switchToSubscriptionLabel(item)"></span> 16773 </button> 16774 <svg v-if="item.product.subscription && item.status != 'downgrading'" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none"> 16775 <path d="M12.9998 5.37476C13.0818 5.37476 13.1632 5.39123 13.239 5.42261C13.3149 5.45403 13.3841 5.50029 13.4421 5.55835C13.5001 5.61633 13.5465 5.68479 13.5779 5.7605C13.6093 5.83627 13.6257 5.91774 13.6257 5.99976C13.6257 6.08175 13.6092 6.16324 13.5779 6.23901C13.5465 6.31487 13.5002 6.38408 13.4421 6.44214L8.44214 11.4421C8.3841 11.5002 8.31487 11.5464 8.23901 11.5779C8.16324 11.6092 8.08177 11.6257 7.99976 11.6257C7.91772 11.6257 7.83629 11.6093 7.7605 11.5779C7.68468 11.5464 7.61538 11.5002 7.55737 11.4421V11.4412L2.55835 6.44214C2.44109 6.32488 2.37476 6.16559 2.37476 5.99976C2.37483 5.83402 2.44115 5.67555 2.55835 5.55835C2.67555 5.44115 2.83402 5.37483 2.99976 5.37476C3.16559 5.37476 3.32488 5.44109 3.44214 5.55835L7.99976 10.116L12.5583 5.55835C12.6163 5.50037 12.6848 5.45403 12.7605 5.42261C12.8363 5.39122 12.9177 5.37479 12.9998 5.37476Z" fill="#034638" stroke="#034638" stroke-width="0.25"/> 16776 </svg> 16777 <select 16778 v-if="item.product.subscription && item.status != 'downgrading'" 16779 class="rebuy-select muted" 16780 aria-label="Subscription frequency" 16781 v-model="item.product.subscription_frequency" 16782 v-on:change="updateItemDeliveryFrequency(item); updateBundleDeliveryFrequencies(item, $event.target.value)" 16783 > 16784 <optgroup 16785 v-if="!item.product.is_subscription_only && !subscriptionDowngradeDisabled()" 16786 v-bind:label="onetimeOptionGroupLabel(item)" 16787 > 16788 <option v-bind:value="'onetime'" v-html="onetimeOptionLabel(item)"></option> 16789 </optgroup> 16790 16791 <optgroup v-bind:label="subscriptionOptionGroupLabel(item)"> 16792 <option 16793 v-for="frequency in item.product.subscription_frequencies" 16794 v-bind:value="frequency" 16795 v-html="subscriptionOptionLabel(item, frequency, item.product.subscription_interval)" 16796 ></option> 16797 </optgroup> 16798 </select> 16799 </div> 16800 <!-- end subscription selector --> 16801 </div> 16802 16803 16804 16805 16806 </div> 16807 <!-- end product item --> 16808 16809 <div class="rebuy-cart__flyout-note" v-if="notesEnabled()"> 16810 <label class="rebuy-cart__flyout-note-toggle"> 16811 <input class="rebuy-cart__flyout-note-toggle-input rebuy-checkbox" type="checkbox" v-model="notes.visible" v-on:click="notesToggle()" /> 16812 <span class="rebuy-cart__flyout-note-toggle-label" v-html="settings.language.notes_label"></span> 16813 </label> 16814 <div class="rebuy-cart__flyout-note-content" v-if="notesIsVisible()"> 16815 <textarea id="rebuy-cart-notes" class="rebuy-textarea rebuy-cart__flyout-note-textarea" v-model="notes.value" 16816 v-on:keyup="notesChange(event)" v-on:keydown="notesChange(event)" v-on:change="notesChange(event)" 16817 v-bind:placeholder="settings.language.notes_placeholder"></textarea> 16818 <small id="rebuy-cart-characters-remaining" v-html="notesRemainingCharacters()"></small> 16819 </div> 16820 </div> 16821 </div> 16822 <div class="rebuy-cart__flyout-empty-cart" role="region" aria-label="Empty cart message" v-if="!hasItems()" v-html="emptyCartMessage()"></div> 16823 <div class="rebuy-cart__flyout-recommendations" v-if="hasCrossSells()" style="display: none;"> 16824 <div v-for="widget_id in settings.cross_sells" v-bind:data-rebuy-id="widget_id"> 16825 </div> 16826 </div> 16827 16828 <div class="rebuy-upsell custom-upsell"> 16829 </div> 16830 16831 <!--BEAM START--> 16832 <div data-beam-widget="select-nonprofit" v-if="hasItems()" class="rebuy-cart__beam-impact-widget-wrapper"> 16833 16834 <beam-select-nonprofit 16835 apiKey="orRPgklUWqQM.cab839ad-9774-43be-bc7d-f236e6c3e9ae" 16836 storeId="528" 16837 lang="en" 16838 ></beam-select-nonprofit> 16839 16840 </div> 16841 <!-- BEAM END--> 16842 </div> 16843 </div> 16844 16845 <div class="rebuy-cart__flyout-footer " v-if="hasItems()"> 16846 16847 <svg xmlns="http://www.w3.org/2000/svg" width="484" height="32" viewBox="0 0 484 32" fill="none"> 16848 <mask id="mask0_2444_672" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="-90" width="484" height="123"> 16849 <g clip-path="url(#clip0_2444_672)"> 16850 <g clip-path="url(#clip1_2444_672)"> 16851 <path d="M484 33.5077H0.000100964L1.84516e-06 1.89865C-0.0153812 1.88604 96.1563 -4.01687 241.328 9.15926C386.5 22.3354 484 0.554199 484 0.554199V33.5077Z" fill="#1C4539"/> 16852 </g> 16853 </g> 16854 </mask> 16855 <g mask="url(#mask0_2444_672)"> 16856 <rect width="484" height="32.2667" fill="#008168"/>
16856 16857 </g> 16858 <defs> 16859 <clipPath id="clip0_2444_672"> 16860 <rect width="484" height="121.621" fill="white" transform="translate(0 -89.354)"/> 16861 </clipPath> 16862 <clipPath id="clip1_2444_672"> 16863 <rect width="484" height="33.275" fill="white" transform="translate(0 0.232666)"/> 16864 </clipPath> 16865 </defs> 16866 </svg> 16867 <div class="rebuy-cart__flyout-footer--inner"> 16868 16869 <button 16870 class="rebuy-cart__flyout-footer-discount-button" 16871 v-if="shouldShowDiscountInput && shouldShowDiscountInput()" 16872 aria-expanded="false" 16873 aria-controls="rebuy-discount-accordion" 16874 v-on:click=" 16875 function($event) { 16876 const accordion = $refs.rebuyDiscountAccordion; 16877 accordion?.classList.toggle('rebuy-cart__flyout-footer-discount-field-hide'); 16878 $refs.accordionCloseIcon?.classList.toggle('rebuy-cart__flyout-footer-discount-accordion'); 16879 $refs.accordionOpenIcon?.classList.toggle('rebuy-cart__flyout-footer-discount-accordion'); 16880 16881 const isOpen = !accordion.classList.contains('rebuy-cart__flyout-footer-discount-field-hide'); 16882 $event.currentTarget.setAttribute('aria-expanded', isOpen); 16883 16884 if (isOpen) { 16885 console.log(accordion.querySelector('input')) 16886 setTimeout(()=>(accordion.querySelector('input')?.focus()), 0) 16887 } 16888 } 16889 " 16890 v-show="discount && discount.amount === 0" 16891 > 16892 <div class="rebuy-cart__flyout-footer-discount-feild-copy">Add Promo Code</div> 16893 16894 <svg 16895 ref="accordionCloseIcon" 16896 class="rebuy-cart__flyout-footer-discount-accordion" 16897 width="14" 16898 height="14"
16899 viewBox="0 0 14 14" 16900 fill="none" 16901 aria-label="hidden" 16902 xmlns="http://www.w3.org/2000/svg" 16903 > 16904 <g clip-path="url(#clip0_1061_2171)"> 16905 <path d="M0.875 7.0083H13.125" stroke="#fff" stroke-width="2" stroke-linecap="round"/> 16906 </g> 16907 <defs> 16908 <clipPath id="clip0_1061_2171"> 16909 <rect width="14" height="14" fill="white" transform="translate(0 0.00830078)"/> 16910 </clipPath> 16911 </defs> 16912 </svg> 16913 16914 <svg 16915 ref="accordionOpenIcon" 16916 width="16" 16917 height="16" 16918 viewBox="0 0 16 16" 16919 aria-label="hidden" 16920 fill="none" 16921 xmlns="http://www.w3.org/2000/svg" 16922 > 16923 <path d="M1.875 8.0083H14.125" stroke="#fff" stroke-width="2" stroke-linecap="round"/> 16924 <path d="M8 1.8833L8 14.1333" stroke="#fff" stroke-width="2" stroke-linecap="round"/> 16925 </svg> 16926 </button> 16927 16928 <div 16929 v-if="shouldShowDiscountInput && shouldShowDiscountInput()" 16930 class="rebuy-cart__flyout-discount rebuy-cart__flyout-footer-discount-field-hide" 16931 ref="rebuyDiscountAccordion" 16932 id="rebuy-discount-accordion" 16933 > 16934 <div class="rebuy-cart__flyout-discount-right"> 16935 <div class="rebuy-cart__flyout-discount-input"> 16936 <input 16937 class="input" 16938 v-model="discount.inputValue" 16939 placeholder="Enter your promo code" 16940 id="rebuy-discount-input" 16941 aria-label="Enter your promo code" 16942 > 16943 16944 </div> 16945 <button 16946 class="rebuy-button" 16947 aria-label="Apply promo code" 16948 v-on:click="applyDiscount()" 16949 v-bind:disabled="discount.loading" 16950 > 16951 <span v-html="discountButtonLabel && discountButtonLabel()" class="rebuy-button-text"></span> 16952 </button> 16953 </div> 16954 <div 16955 v-if="showInvalidMessage()" 16956 class="rebuy-cart__flyout-discount-message" 16957 > 16958 <svg xmlns="http://www.w3.org/2000/svg" width="22" height="22" viewBox="0 0 22 22" fill="none"> 16959 <rect width="22" height="22" rx="11" fill="#D42A1C"/> 16960 <g clip-path="url(#clip0_2947_17606)"> 16961 <path d="M11 16C11.4832 16 11.875 15.6082 11.875 15.125C11.875 14.6418 11.4832 14.25 11 14.25C10.5168 14.25 10.125 14.6418 10.125 15.125C10.125 15.6082 10.5168 16 11 16Z" fill="white"/> 16962 <path d="M11 9.75V12.75" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> 16963 <path d="M13.625 15.2499H14.789C15.912 15.2499 16.615 14.0339 16.054 13.0609L12.265 6.48394C11.703 5.50894 10.296 5.50894 9.73495 6.48394L5.94595 13.0609C5.38495 14.0339 6.08795 15.2499 7.21095 15.2499H8.37495" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> 16964 </g> 16965 <defs> 16966 <clipPath id="clip0_2947_17606"> 16967 <rect width="12" height="12" fill="white" transform="translate(5 5)"/> 16968 </clipPath> 16969 </defs> 16970 </svg> 16971 <span 16972 v-html="settings.language.discount_invalid_message" 16973 > 16974 </span> 16975 </div> 16976 </div> 16977 16978 16979 <div 16980 v-show="shouldShowDiscountSubtotal && shouldShowDiscountSubtotal()" 16981 class="rebuy-cart__flyout-discount-amount" 16982 > 16983 <div class="rebuy-cart__flyout-discount-left"> 16984 <span class="rebuy-cart__flyout-label" v-html="discountLabel && discountLabel()"></span> 16985 <div class="rebuy-cart__flyout-tag" v-on:click="removeDiscount()">
16986 <span class="rebuy-cart__flyout-tag-discount-icon"> 16987 <svg width="10" height="10" viewBox="0 0 10 10" fill="none" xmlns="http://www.w3.org/2000/svg"> 16988 <path fill-rule="evenodd" clip-rule="evenodd" d="M0.110969 4.9408C0.0266475 4.8558 -0.0130527 4.73575 0.00381144 4.61675L0.472623 1.30877C0.496436 1.14074 0.627406 1.00873 0.794095 0.984722L4.07578 0.512153C4.19383 0.495154 4.31293 0.535172 4.39725 0.620169L8.81748 5.07582C8.96543 5.22496 8.96543 5.46676 8.81748 5.6159L5.06698 9.39645C4.91903 9.54558 4.67915 9.54558 4.5312 9.39645L0.110969 4.9408ZM2.38806 1.83535C2.68396 2.13362 2.68396 2.61723 2.38806 2.9155C2.09215 3.21378 1.61239 3.21378 1.31648 2.9155C1.02058 2.61723 1.02058 2.13362 1.31648 1.83535C1.61239 1.53707 2.09215 1.53707 2.38806 1.83535Z" fill="white"/> 16989 <path d="M6.13854 9.39644C5.99059 9.54558 5.75071 9.54557 5.60276 9.39644L9.35325 5.61589C9.5012 5.46675 9.5012 5.22495 9.35325 5.07581L4.93302 0.620159C4.90734 0.594269 4.87843 0.572551 4.8473 0.555349L5.14734 0.512143C5.26539 0.495143 5.38449 0.535162 5.46881 0.620159L9.88904 5.07581C10.037 5.22495 10.037 5.46675 9.88904 5.61589L6.13854 9.39644Z" fill="white"/> 16990 </svg> 16991 </span> 16992 <span v-html="discount.inputValue" class="rebuy-cart__flyout-tag-discount-text"></span> 16993 <span class="rebuy-cart__flyout-tag-time"> 16994 <svg width="10" height="10" viewBox="0 0 8 8" fill="none" xmlns="http://www.w3.org/2000/svg"> 16995 <path fill-rule="evenodd" clip-rule="evenodd" d="M6.90084 1.58674C7.03317 1.45442 7.03317 1.23987 6.90084 1.10755C6.76852 0.975219 6.55398 0.975219 6.42165 1.10755L4.00005 3.52916L1.57845 1.10755C1.44613 0.975219 1.23159 0.975219 1.09926 1.10755C0.966936 1.23987 0.966936 1.45442 1.09926 1.58674L3.52086 4.00836L1.09924 6.42999C0.966919 6.56232 0.966919 6.77686 1.09924 6.90919C1.23157 7.04152 1.44611 7.04152 1.57844 6.90919L4.00005 4.48756L6.42167 6.90919C6.55399 7.04152 6.76853 7.04152 6.90086 6.90919C7.03319 6.77686 7.03319 6.56232 6.90086 6.42999L4.47924 4.00836L6.90084 1.58674Z" fill="white"/> 16996 <path d="M6.90084 1.10755L7.07762 0.93077L7.07762 0.930769L6.90084 1.10755ZM6.90084 1.58674L7.07762 1.76352V1.76352L6.90084 1.58674ZM6.42165 1.10755L6.59843 1.28432V1.28432L6.42165 1.10755ZM4.00005 3.52916L3.82327 3.70594L4.00005 3.88272L4.17683 3.70594L4.00005 3.52916ZM1.57845 1.10755L1.40168 1.28432V1.28432L1.57845 1.10755ZM1.09926 1.10755L1.27604 1.28432L1.09926 1.10755ZM1.09926 1.58674L1.27604 1.40997L1.09926 1.58674ZM3.52086 4.00836L3.69764 4.18514L3.87441 4.00836L3.69764 3.83158L3.52086 4.00836ZM1.09924 6.42999L1.27602 6.60677H1.27602L1.09924 6.42999ZM1.09924 6.90919L0.922466 7.08597H0.922467L1.09924 6.90919ZM1.57844 6.90919L1.75521 7.08597H1.75521L1.57844 6.90919ZM4.00005 4.48756L4.17683 4.31078L4.00005 4.134L3.82327 4.31078L4.00005 4.48756ZM6.42167 6.90919L6.24489 7.08597V7.08597L6.42167 6.90919ZM6.90086 6.90919L6.72408 6.73242L6.90086 6.90919ZM6.90086 6.42999L6.72408 6.60677L6.90086 6.42999ZM4.47924 4.00836L4.30247 3.83158L4.12569 4.00836L4.30247 4.18514L4.47924 4.00836ZM6.72406 1.28432C6.75876 1.31902 6.75876 1.37527 6.72406 1.40997L7.07762 1.76352C7.30757 1.53356 7.30758 1.16073 7.07762 0.93077L6.72406 1.28432ZM6.59843 1.28432C6.63312 1.24963 6.68937 1.24963 6.72407 1.28432L7.07762 0.930769C6.84766 0.700812 6.47483 0.700811 6.24487 0.93077L6.59843 1.28432ZM4.17683 3.70594L6.59843 1.28432L6.24487 0.93077L3.82327 3.35239L4.17683 3.70594ZM4.17683 3.35239L1.75523 0.93077L1.40168 1.28432L3.82327 3.70594L4.17683 3.35239ZM1.75523 0.93077C1.52527 0.700811 1.15244 0.700811 0.922484 0.93077L1.27604 1.28432C1.31073 1.24963 1.36698 1.24963 1.40168 1.28432L1.75523 0.93077ZM0.922484 0.93077C0.692528 1.16073 0.692529 1.53356 0.922484 1.76352L1.27604 1.40997C1.24134 1.37527 1.24134 1.31902 1.27604 1.28432L0.922484 0.93077ZM0.922484 1.76352L3.34408 4.18514L3.69764 3.83158L1.27604 1.40997L0.922484 1.76352ZM1.27602 6.60677L3.69764 4.18514L3.34408 3.83158L0.922467 6.25322L1.27602 6.60677ZM1.27602 6.73242C1.24133 6.69772 1.24133 6.64147 1.27602 6.60677L0.922467 6.25322C0.692511 6.48318 0.692511 6.85601 0.922466 7.08597L1.27602 6.73242ZM1.40166 6.73242C1.36696 6.76711 1.31072 6.76711 1.27602 6.73242L0.922467 7.08597C1.15242 7.31593 1.52526 7.31593 1.75521 7.08597L1.40166 6.73242ZM3.82327 4.31078L1.40166 6.73242L1.75521 7.08597L4.17683 4.66433L3.82327 4.31078ZM3.82327 4.66433L6.24489 7.08597L6.59844 6.73242L4.17683 4.31078L3.82327 4.66433ZM6.24489 7.08597C6.47485 7.31593 6.84768 7.31593 7.07764 7.08597L6.72408 6.73242C6.68939 6.76711 6.63314 6.76711 6.59844 6.73241L6.24489 7.08597ZM7.07764 7.08597C7.30759 6.85601 7.30759 6.48318 7.07764 6.25322L6.72408 6.60677C6.75878 6.64147 6.75878 6.69772 6.72408 6.73242L7.07764 7.08597ZM7.07764 6.25322L4.65602 3.83158L4.30247 4.18514L6.72408 6.60677L7.07764 6.25322ZM6.72406 1.40997L4.30247 3.83158L4.65602 4.18514L7.07762 1.76352L6.72406 1.40997Z" fill="white"/> 16997 </svg> 16998 </span> 16999 </div> 17000 </div> 17001 <div class="rebuy-cart__flyout-subtotal-amount rebuy-cart__flyout-discount-right rebuy-cart__flyout-subtotal-amount-discount" v-html="discountTotal && discountTotal()"> </div> 17002 </div> 17003 17004 <div class="rebuy-cart__flyout-subtotal"> 17005 <div class="rebuy-cart__flyout-subtotal-label">
17006 <span class="rebuy-cart__flyout-subtotal-text">Subtotal</span> 17007 </div> 17008 17009 <div class="rebuy-cart__flyout-subtotal-amount"> 17010 <span class="rebuy-cart__flyout-subtotal-final-amount"> 17011 <span class="sr-only">Final price</span> 17012 <span v-html="oliRebuyCartSubtotal(formatMoney, items, itemPrice, compareAtPrice, isBundleChild, isHiddenItem, isBundleParent)"></span> 17013 </span> 17014 <span class="rebuy-cart__flyout-subtotal-compare-amount tw-hidden"> 17015 <span class="sr-only">Original price</span> 17016 <span v-html="oliRebuyCartCompareSubtotal(formatMoney, items, itemPrice, compareAtPrice, isBundleChild, isHiddenItem, isBundleParent)"></span> 17017 </span> 17018 </div> 17019 17020 </div> 17021 <div class="rebuy-cart__flyout-actions"> 17022 <div v-if="settings.terms && settings.terms.enabled" class="rebuy-cart__flyout-terms"> 17023 <input class="rebuy-cart__flyout-terms-checkbox rebuy-checkbox" id="rebuy-terms-checkbox" name="rebuy-terms-checkbox" 17024 type="checkbox" v-model="termsAccepted" v-on:click="updateTermsCheck()" /> 17025 <label class="rebuy-cart__flyout-terms-label" for="rebuy-terms-checkbox" v-html="settings.terms.disclaimer"></label> 17026 </div> 17027 <button v-if="hasCheckoutButton()" id="rebuy-checkout-btn" class="block rebuy-button rebuy-button-checkout-text" type="button" v-on:click="checkout()" v-bind:disabled="hasTermsEnabled() && !hasAcceptedTerms()"> 17028 <span> 17029 <svg xmlns="http://www.w3.org/2000/svg" width="460" height="653" viewBox="0 0 460 653" version="1.1"><path d="M 212.500 1.139 C 195.975 2.567, 175.196 7.572, 160.572 13.647 C 145.504 19.906, 123.424 32.565, 114.560 40.025 C 99.751 52.489, 91.305 61.195, 79.662 76 C 75.732 80.997, 67.884 93.901, 63.545 102.500 C 54.248 120.928, 50.344 132.761, 44.906 159 C 44.190 162.455, 43.593 182.255, 43.300 212.250 L 42.833 260 78.344 260 L 113.854 260 114.287 215.250 C 114.744 167.981, 114.725 168.194, 119.976 151.186 C 125.832 132.217, 141.329 109.557, 156.426 97.887 C 163.955 92.067, 175.022 84.888, 179 83.244 C 180.925 82.448, 184.975 80.668, 188 79.289 C 191.025 77.910, 198.675 75.662, 205 74.293 C 227.847 69.349, 255.747 71.801, 274.323 80.385 C 278.626 82.373, 282.402 84, 282.715 84 C 283.629 84, 296.138 92.046, 300.459 95.414 C 308.455 101.645, 320.652 114.750, 326.251 123.124 C 332.803 132.925, 337 141.688, 340.464 152.796 C 344.981 167.284, 345.288 170.850, 345.905 216 L 346.500 259.500 381.813 259.763 L 417.126 260.026 416.726 213.763 C 416.505 188.318, 416.022 165.700, 415.651 163.500 C 413.007 147.798, 408.744 131.100, 404.802 121 C 385.660 71.963, 349.155 34.342, 301.500 14.541 C 284.227 7.364, 268.511 3.459, 249 1.498 C 233.100 -0.100, 227.476 -0.155, 212.500 1.139 M 30.500 273.947 C 24.052 275.568, 16.323 279.850, 11.452 284.500 C 9.201 286.650, 4.005 294.941, 2.297 299.111 C 0.593 303.272, 0.500 311.806, 0.500 463.500 L 0.500 623.500 4.392 630.785 C 10.859 642.889, 20.201 649.781, 33.134 651.987 C 37.605 652.750, 97.383 652.988, 234 652.787 C 422.490 652.509, 428.654 652.441, 433.500 650.595 C 439.245 648.405, 445.918 644.080, 449.484 640.234 C 452.880 636.571, 457.688 627.271, 458.529 622.739 C 458.913 620.670, 459.626 618.731, 460.113 618.430 C 460.623 618.115, 460.993 551.236, 460.985 461.191 C 460.975 359.660, 460.628 305.028, 460 306 C 459.215 307.215, 459.028 307.077, 459.015 305.270 C 458.985 300.865, 452.768 288.529, 448.548 284.500 C 445.683 281.765, 439.588 277.734, 435.296 275.734 L 430.500 273.500 232 273.346 C 122.825 273.262, 32.150 273.532, 30.500 273.947 M 0.488 462.500 C 0.488 548.850, 0.606 584.027, 0.750 540.671 C 0.894 497.316, 0.894 426.666, 0.750 383.671 C 0.606 340.677, 0.488 376.150, 0.488 462.500 M 216 377.886 C 207.081 380.769, 202.216 383.745, 195.671 390.321 C 175.963 410.118, 176.320 440.220, 196.501 460.486 C 198.152 462.144, 201.199 464.395, 203.272 465.489 L 207.042 467.478 206.771 508.739 L 206.500 550.001 230 550.001 L 253.500 550.001 253.228 508.992 L 252.956 467.984 257.399 465.166 C 259.843 463.617, 263.928 459.908, 266.477 456.924 C 283.806 436.648, 282.895 409.044, 264.279 390.320 C 254.419 380.403, 243.609 375.960, 229.568 376.054 C 224.706 376.086, 219.315 376.814, 216 377.886" stroke="none" fill="#fffcfc" fill-rule="evenodd"/>
17029<path d="" stroke="none" fill="#fcfcfc" fill-rule="evenodd"/></svg> 17030 <span>Checkout</span> 17031 </span> 17032 </button> 17033 <button v-if="hasViewCartButton()" class="block rebuy-button" v-bind:class="{'outline': hasCheckoutButton()}" type="button" v-on:click="viewCart()"> 17034 <span v-html="viewCartLabel()"></span> 17035 </button> 17036 <button v-if="hasContinueShoppingButton()" class="block rebuy-button outline" type="button" v-on:click="hide()"> 17037 <span v-html="continueShoppingLabel()"></span> 17038 </button> 17039 17040 17041 <div class="rebuy-cart__flyout-actions-note-below-cta"> 17042 45 Day Money-Back Guarantee 17043 </div> 17044 17045 17046 � 17047 </div> 17048 <div class="rebuy-cart__flyout-installments" v-if="installmentsEnabled()" v-html="installmentsMessage()"></div> 17049 </div> 17050 </div> 17051 </div> 17052 <div class="rebuy-cart__background" v-on:click="hide()"></div> 17053 </div> 17054</script>
17054 17055 17056 17057<style> 17058 #rebuy-checkout-btn:hover { 17059 background-color: #E2EB28 !important; 17060 } 17061 17062 .rebuy-cart__flyout-item-media img[alt="View Watermelon Lime 9g Fiber"] { 17063 width: 70%; 17064 } 17065</style> 17066
17067<script async src="https://cdn.rebuyengine.com/onsite/js/rebuy.js?shop=olipop-store.myshopify.com"></script>
17067 17068
17069<script> 17070 document.addEventListener('DOMContentLoaded', function() { 17071 const body = document.body; 17072 const html = document.documentElement; 17073 17074 // Function to save and restore the scroll position 17075 function preserveScrollPosition(action) { 17076 const scrollPosition = { 17077 top: window.scrollY, 17078 left: window.scrollX 17079 }; 17080 action(); 17081 window.scrollTo(scrollPosition.left, scrollPosition.top); 17082 } 17083 17084 // Create a MutationObserver to watch for changes to the body's class list 17085 const observer = new MutationObserver(function(mutationsList) { 17086 mutationsList.forEach(function(mutation) { 17087 if (mutation.type === 'attributes' && mutation.attributeName === 'class') { 17088 if (body.classList.contains('rebuy-modal-visible')) { 17089 html.style.overflow = 'hidden'; 17090 } else { 17091 preserveScrollPosition(() => { 17092 html.style.overflow = ''; 17093 }); 17094 } 17095 } 17096 }); 17097 }); 17098 observer.observe(body, { attributes: true }); 17099 }); 17100</script>
17100 17101<style> 17102 #rebuy-checkout-btn:hover { 17103 background-color: #E2EB28 !important; 17104 } 17105 17106 .rebuy-cart__flyout-item-media img[alt="View Watermelon Lime 9g Fiber"] { 17107 width: 70%; 17108 } 17109</style> 17110 17111 17112 17113
17114<script> 17115const getProductJSON = async (handle) => { 17116 let data = JSON.parse(sessionStorage.getItem("productJSONStore")); 17117 17118 if (data && data[handle]) { 17119 return data[handle]; 17120 } else { 17121 await getStorefrontProduct(handle).then((product) => { 17122 saveProductJSON(product); 17123 return product; 17124 }); 17125 } 17126}; 17127 17128const saveProductJSON = (product) => { 17129 let data = JSON.parse(sessionStorage.getItem("productJSONStore")); 17130 17131 if (data == null) { 17132 data = {}; 17133 } 17134 17135 if (product) { 17136 data[product.handle] = product; 17137 } 17138 17139 sessionStorage.setItem("productJSONStore", JSON.stringify(data)); 17140}; 17141 17142const removeProductJSON = (product) => { 17143 let data = JSON.parse(sessionStorage.getItem("productJSONStore")); 17144 17145 if (data == null) { 17146 data = {}; 17147 } 17148 17149 if (product) { 17150 delete data[product.handle]; 17151 } 17152 17153 sessionStorage.setItem("productJSONStore", JSON.stringify(data)); 17154}; 17155 17156const getStorefrontProduct = async (handle) => { 17157 return fetch(`${Shopify.routes.root}products/${handle}.js`).then( 17158 (response) => { 17159 return response.json(); 17160 } 17161 ); 17162}; 17163 17164const enrichWidgetProducts = (widget) => { 17165 const products = widget.data.products; 17166 17167 for (var i = 0; i < products.length; i++) { 17168 updateProductJSON(products[i], () => { 17169 widget.initProducts(widget.data.products); 17170 }); 17171 } 17172}; 17173 17174const enrichCartItems = () => { 17175 const items = Rebuy.Cart.items(); 17176 for (var i = 0; i < items.length; i++) { 17177 const item = items[i]; 17178 const product = items[i].product; 17179 17180 updateProductJSON(product, () => { 17181 const productClone = Object.assign({}, product); 17182 17183 delete productClone.subscription; 17184 delete productClone.subscription_discount_amount; 17185 delete productClone.subscription_discount_type; 17186 delete productClone.subscription_frequencies; 17187 delete productClone.subscription_frequency; 17188 delete productClone.subscription_interval; 17189 delete productClone.subscription_id; 17190 delete productClone.is_subscription_only; 17191 delete productClone.has_subscription; 17192 17193 Rebuy.Cart.addEnrichedProduct(productClone); 17194 17195 Rebuy.Cart.initProduct(product, { 17196 item: item, 17197 clone: true, 17198 }); 17199 }); 17200 } 17201}; 17202 17203const updateProductJSON = (product, callback = function () {}) => { 17204 getProductJSON(product.handle).then((json) => { 17205 if (typeof json?.requires_selling_plan != "undefined") { 17206 product.is_subscription_only = json?.requires_selling_plan; 17207 } 17208 17209 if (typeof json?.selling_plan_groups != "undefined") { 17210 extendProductWithSellingPlan(product, json?.selling_plan_groups[0]); 17211 } 17212 17213 callback(product); 17214 }); 17215}; 17216 17217const extendProductWithSellingPlan = (product, selling_plan_groups) => { 17218 if (product && selling_plan_groups) { 17219 // Set discount 17220 selling_plan_groups.discount_amount = 0; 17221 selling_plan_groups.discount_type = "none"; 17222 17223 // Update selling plans 17224 for (let i = 0; i < selling_plan_groups.selling_plans.length; i++) { 17225 const selling_plan = selling_plan_groups.selling_plans[i]; 17226 17227 // Surface discount amount and type to groups 17228 if ( 17229 selling_plan_groups.discount_amount == 0 && 17230 selling_plan_groups.discount_type == "none" && 17231 selling_plan.price_adjustments.length > 0 17232 ) { 17233 let price_adjustment = selling_plan.price_adjustments[0]; 17234 let valueType = 17235 price_adjustment.value_type === "percentage" 17236 ? "percentage" 17237 : "fixed"; 17238 let value = price_adjustment.value; 17239 17240 if (valueType === "fixed") { 17241 value = (value / 100).toFixed(2); 17242 } 17243 17244 selling_plan_groups.discount_amount = value; 17245 selling_plan_groups.discount_type = valueType; 17246 } 17247 17248 // Surface order interval to selling plan 17249 let interval = getOrderIntervalForOptions(selling_plan.options[0]); 17250 selling_plan.order_interval_frequency = interval.frequency; 17251 selling_plan.order_interval_unit_type = interval.unit; 17252 } 17253 17254 // Add groups to product 17255 product.selling_plan_groups = [selling_plan_groups]; 17256 } 17257}; 17258 17259const getOrderIntervalForOptions = (option) => { 17260 const intervalUnits = ["day", "week", "month", "year"]; 17261 const response = { 17262 frequency: 1, 17263 unit: "day", 17264 }; 17265 17266 let frequency = option.value.toLowerCase().match(/\d+/g); 17267 17268 if (frequency != null) { 17269 response.frequency = frequency[0]; 17270 } 17271 17272 for (let i = 0; i < intervalUnits.length; i++) { 17273 const unit = intervalUnits[i]; 17274 let regex = new RegExp(unit, "g"); 17275 17276 if (option.value.toLowerCase().match(regex)) { 17277 response.unit = unit; 17278 break; 17279 } 17280 } 17281 17282 return response; 17283}; 17284 17285const enableSellingPlans = () => { 17286 const Rebuy = window.Rebuy; 17287 const Shop = window.Rebuy.shop; 17288 17289 if (Shop) { 17290 if (typeof Shop.integrations == "undefined") { 17291 Shop.integrations = {}; 17292 } 17293 Shop.integrations.recharge = true; 17294 Shop.selling_plans_enabled = true; 17295 } 17296}; 17297 17298document.addEventListener("rebuy:cart.enriched", (event) => { 17299 setTimeout(enrichCartItems, 0); 17300}); 17301 17302document.addEventListener("rebuy.productsChange", (event) => { 17303 event.detail.widget.data.config.product_type = "both"; 17304 enrichWidgetProducts(event.detail.widget); 17305}); 17306 17307document.addEventListener("rebuy.loaded", () => { 17308 enableSellingPlans(); 17309}); 17310 17311// may or may not be necessary, have needed to do this on a few stores 17312document.addEventListener("rebuy:cart.change", () => { 17313 // re-enrich cart 17314 setTimeout(() => { 17315 Rebuy.Cart.enrichCart(); 17316 }, 300); 17317}); 17318</script>
17318 17319 17320
17321<script> 17322 window.switchToSubscriptionAssets = { 17323 checkmark: "\/\/drinkolipop.com\/cdn\/shop\/t\/1366\/assets\/switch-to-subscription-checkmark.svg?v=737100" 17324 } 17325</script>
17325 17326 17327 17328
17329<script id="rebuy-widget-104566" type="text/template"> 17330 <div 17331 class="rebuy-widget" 17332 v-cloak 17333 v-on:click="stopPropagation($event)" 17334 v-bind:id="'rebuy-widget-' + id" 17335 v-bind:class="['widget-type-' + config.type.replace('_','-'), 'widget-display-' + config.display_type, products.length > 0 ? 'is-visible' : 'is-hidden', 'widget-layout-' + currentLayout()]" 17336 > 17337 <div 17338 class="rebuy-widget-container" 17339 v-cloak 17340 v-bind:class="['widget-display-' + config.display_type, visible ? 'is-visible' : 'is-hidden' ]" 17341 v-on:click.self="hide()"> 17342 17343 <div class="rebuy-widget-content"> 17344 <div class="rebuy-modal-close" v-on:click="hide()"> 17345 <i class="fas fa-times"></i> 17346 </div> 17347 17348 <div class="rebuy-timer" v-if="hasTimer()"> 17349 <h5 class="rebuy-timer-title" v-if="config.language.timer_title"> 17350 <span v-html="config.language.timer_title"></span> 17351 <span class="rebuy-timer-minutes" v-html="config.timer.duration_minutes"></span>:<span class="rebuy-timer-seconds" v-html="config.timer.duration_seconds"></span> 17352 </h5> 17353 </div> 17354 17355 <h4 17356 class="super-title" 17357 v-if="config.language.super_title != ''" 17358 v-html="config.language.super_title"></h4> 17359 <img src="https://cdn.shopify.com/s/files/1/0034/6610/0806/files/Mask_group_a14b28d7-9678-4952-b6bd-8913d9526dea.png?v=1696021272"> 17360 <h3 17361 class="primary-title" 17362 v-if="config.language.title != ''" 17363 v-html="config.language.title"></h3> 17364 17365 <div 17366 class="description" 17367 v-if="config.language.description != ''" 17368 v-html="config.language.description"></div> 17369 17370 <div class="rebuy-product-grid" v-bind:class="layoutClasses"> 17371 <div 17372 class="rebuy-product-block" 17373 v-for="product in products" 17374 v-bind:class="[product.handle, 'product-id-' + product.id, cartHasProduct(product) ? 'cart-has-item' : '', productTagClasses(product)]"> 17375 <div class="rebuy-subscription-bonuses"> 17376 <div class="stsNote"> 17377 <img v-bind:src="switchToSubscriptionAssets.checkmark" class="rebuyCheck"><p class="rebuy-product-media-block-text">15% off EVERY subscription order</p> 17378 </div> 17379 <div class="stsNote"> 17380 <img v-bind:src="switchToSubscriptionAssets.checkmark" class="rebuyCheck"><p class="rebuy-product-media-block-text">Free shipping in the contiguous U.S.</p> 17381 </div> 17382 <div class="stsNote"> 17383 <img v-bind:src="switchToSubscriptionAssets.checkmark" class="rebuyCheck"><p class="rebuy-product-media-block-text">Swap, skip, or cancel anytime</p> 17384 </div> 17385 </div> 17386 <div class="rebuy-product-actions"> 17387 17388 <div class="subscription-checkbox" v-if="showSubscriptionOptions(product)"> 17389 <label class="rebuy-checkbox-label"> 17390 <input 17391 class="checkbox-input rebuy-checkbox" 17392 v-model="product.subscription" 17393 v-on:change="toggleSubscription(product)" 17394 type="checkbox" /> 17395 <span class="checkbox-label" v-html="upgradeToSubscriptionLabel(product)"></span> 17396 </label> 17397 </div> 17398 17399 <div class="subscription-frequency" v-if="showSubscriptionFrequency(product)"> 17400 <select 17401 class="rebuy-select" 17402 v-model="product.subscription_frequency" 17403 v-on:change="updateSubscriptionFrequency(product)"> 17404 <option v-for="frequency in product.subscription_frequencies" v-bind:value="frequency"></option> 17405 </select> 17406 </div> 17407 17408 <button 17409 class="rebuy-button" 17410 v-bind:class="{ working: (product.status != 'ready' && product.status != 'selecting') }" 17411 v-bind:disabled="!(variantAvailable(product.selected_variant)) || (product.status != 'ready' && product.status != 'selecting')" 17412 v-bind:alt="'Add ' + product.title + ' to Cart'" 17413 v-on:click="addUpsellToCart(product)" 17414 type="button">
17415 <span v-html="buttonLabel(product)"></span> 17416 </button> 17417 17418 <button 17419 class="rebuy-button decline" 17420 v-on:click="declineOffer(product)" 17421 type="button"> 17422 <span v-html="declineLabel(product)"></span> 17423 </button> 17424 </div> 17425 </div> 17426 </div> 17427 17428 <div class="powered-by-rebuy"> 17429 <a 17430 v-bind:href="'https://rebuyengine.com/?shop=' + config.shop.myshopify_domain" 17431 target="_blank" 17432 rel="noopener"> 17433 Powered by Rebuy 17434 </a> 17435 </div> 17436 </div> 17437 </div> 17438 </div> 17439</script>
17439 17440 17441
17442<script> 17443document.addEventListener('rebuy:reorderLandingPage.ready', function(){ 17444 if(Rebuy.ReorderLandingPage){ 17445 Rebuy.Cart.cart?.items.forEach(item => { 17446 if (item.product?.tags.includes('exclude_rebuy')) { 17447 Rebuy.Cart.removeItem(item) 17448 } 17449 }) 17450 } 17451}); 17452</script>
17452 17453
17454<script type="text/javascript">usi_installed = 0; USI_installCode = function() { if (usi_installed == 0) { usi_installed = 1; var USI_headID = document.getElementsByTagName("head")[0]; var USI_installID = document.createElement('script'); USI_installID.type = 'text/javascript'; USI_installID.src = 'https://www.upsellit.com/active/olipop.jsp'; USI_headID.appendChild(USI_installID); } }; if (typeof(document.readyState) != "undefined" && document.readyState === "complete") { USI_installCode(); } else if (window.addEventListener){ window.addEventListener('load', USI_installCode, true); } else if (window.attachEvent) { window.attachEvent('onload', USI_installCode); } else { USI_installCode(); } setTimeout("USI_installCode()", 10000);</script>
17454 17455 <style> [data-suffix="berry-sipport-open"] header,[data-suffix="berry-sipport-closed"] header,[data-suffix="berry-sipport-ended"] header {background: #fff7e5 !important;} [data-suffix="berry-sipport-open"] .header-wrapper,[data-suffix="berry-sipport-closed"] .header-wrapper,[data-suffix="berry-sipport-ended"] .header-wrapper {background: #fff7e5 !important;} .site-nav-dropdown__subnav-header {background: #fff7e5 !important;} [data-suffix="berry-sipport-open"] footer .wave-separator-svg__curve-up-left,[data-suffix="berry-sipport-closed"] footer .wave-separator-svg__curve-up-left,[data-suffix="berry-sipport-ended"] footer .wave-separator-svg__curve-up-left {margin-bottom: -1px;} </style> 17456<div id="shopify-block-AbVJPUTJacTJ3WC9He__4947802007469450330" class="shopify-block shopify-app-block"><!-- rediem-referral.css loaded non-blocking. The referral UI (skeleton, iframe, 17457 widget, popups) is injected by JS after load, so nothing this styles exists at 17458 first paint; loading it blocking (via the schema `stylesheet` key) only delayed 17459 first paint. Served from Shopify's global CDN via asset_url. --> 17460<link rel="preload" href="https://cdn.shopify.com/extensions/01a0d4ae-046e-7a9f-8d8e-39de6e7aee31/rediem-289/assets/rediem-referral.css" as="style" onload="this.onload=null;this.rel='stylesheet'"> 17461<noscript><link rel="stylesheet" href="https://cdn.shopify.com/extensions/01a0d4ae-046e-7a9f-8d8e-39de6e7aee31/rediem-289/assets/rediem-referral.css"></noscript> 17462
17463<script src="https://ripplrewards.nyc3.digitaloceanspaces.com/static/prod/rediem-referral.js?v=9b94ef6c7912dc0489bf2d6d627dd216d6ab523b" defer > </script>
17463 17464
17465<script> 17466(function () { 17467 // Main logic function 17468 const runRediemLogic = async () => { 17469 17470 window.rediemReferral = async () => { 17471 const REF_TUNNEL_URL = "https://referrals.rediem.io"; 17472 const API_BASE_URL = "https://api.rediem.io/api"; 17473 17474 const shop = 'drinkolipop.com'; 17475 const customerId = ''; 17476 const customerEmail = ''; 17477 const customerFirstName = ''; 17478 const customerLastName = ''; 17479 const customerTags = ""; 17480 17481 const rippl_url = new URL(window.location.href); 17482 const rediemRef = rippl_url.searchParams.get('rediemRef') || ''; 17483 const source = rippl_url.searchParams.get('source') || 'direct'; 17484 17485 const refContainer = document.getElementById('rediem_referral'); 17486 17487 const urlParams = new URLSearchParams(); 17488 if (shop) urlParams.append('shop', shop); 17489 if (source) urlParams.append('source', source); 17490 if (rediemRef) { urlParams.append('rediemRef', rediemRef) } 17491 17492 if (customerId) { 17493 urlParams.append('customerId', customerId); 17494 urlParams.append('customerEmail', customerEmail); 17495 urlParams.append('customerFirstName', customerFirstName); 17496 urlParams.append('customerLastName', customerLastName); 17497 urlParams.append('customerTags', customerTags); 17498 } 17499 17500 const finalURL = `${REF_TUNNEL_URL}${urlParams.toString() ? `?${urlParams.toString()}` : ''}`; 17501 17502 const rediemRefHTML = ` 17503 <div class="rdm-skeleton-container"> 17504 <div class="rdm-skeleton-section"> 17505 <div class="rdm-skeleton-line rdm-line-header-1"> </div> 17506 <div class="rdm-skeleton-line rdm-line-header-2"> </div> 17507 </div> 17508 <div class="rdm-skeleton-tabs"> 17509 <div class="rdm-skeleton-line rdm-line-tab"> </div> 17510 <div class="rdm-skeleton-line rdm-line-tab"> </div> 17511 </div> 17512 <div class="rdm-skeleton-card"> 17513 <div class="rdm-skeleton-line rdm-line-card-1"> </div> 17514 <div class="rdm-skeleton-line rdm-line-card-2"> </div> 17515 </div> 17516 <div class="rdm-skeleton-card"> 17517 <div class="rdm-skeleton-line rdm-line-balance-1"> </div> 17518 <div class="rdm-skeleton-row"> 17519 <div class="rdm-skeleton-line rdm-line-balance-2"> </div> 17520 <div class="rdm-skeleton-line rdm-line-balance-3"> </div> 17521 </div> 17522 </div> 17523 <p style="text-align:center;margin-top:40px;">Loading...</p> 17524 </div> 17525 <iframe 17526 allowusermedia 17527 class="rediem-referral-iframe" 17528 id="rediemReferralIframe" 17529 customerId="${customerId}" 17530 src="${finalURL}" 17531 title="Referral program - powered by rediem" 17532 aria-label="Referral program - powered by rediem" 17533 allow="clipboard-read; clipboard-write; geolocation; camera; microphone;" 17534 style="border: 0; width: 100%;"> 17535 </iframe>`; 17536 17537 const apiEndpoint = `${API_BASE_URL}/referral?shop=${shop}`; 17538 try { 17539 const response = await fetch(apiEndpoint); 17540 const data = await response.json(); 17541 sessionStorage.setItem('referralSetting', JSON.stringify(data?.data)); 17542 const referralSetting = data?.data?.referralSetting || {}; 17543 const { referralStatus, shopId, refWidget } = data?.data?.referralSetting || {}; 17544 const { bglink } = data?.data || {}; 17545 17546 if (referralStatus === 'active') { 17547 const widget_iframe = document.getElementById('RippleRewards'); 17548 if (!widget_iframe) { 17549 const response = await fetch("/apps/next-proxy", { 17550 method: "GET", 17551 headers: { "Content-Type": "application/json" }, 17552 }); 17553 17554 const cacheKey = `user_${shop}`; 17555 let data = null; 17556 17557 if (response.ok) { 17558 if (response.status !== 204) { 17559 try { 17560 const json = await response.json(); 17561 data = json?.data ?? null; 17562 } catch { 17563 data = null; 17564 } 17565 } 17566 } 17567 17568 sessionStorage.setItem( 17569 cacheKey, 17570 JSON.stringify({ data, timestamp: Date.now() }) 17571 ); 17572 } 17573 if (data?.data?.primaryFontLink) { 17574 const primaryFontLink = document.createElement('link'); 17575 primaryFontLink.rel = 'stylesheet'; 17576 primaryFontLink.href = data.data.primaryFontLink; 17577 document.head.appendChild(primaryFontLink); 17578 } 17579 17580 if (data?.data?.secondaryFontLink) { 17581 const secondaryFontLink = document.createElement('link'); 17582 secondaryFontLink.rel = 'stylesheet'; 17583 secondaryFontLink.href = data.data.secondaryFontLink; 17584 document.head.appendChild(secondaryFontLink); 17585 } 17586 17587 const style = ` 17588 .rediem-popup-content-wrapper, 17589 .rediem-popup-content-wrapper button, 17590 .rediem-popup-content-wrapper input, 17591 .ref-widget, .ref-text { 17592 font-family: '${referralSetting?.secondaryFontFamily}', sans-serif; 17593 } 17594 .p-font { 17595 font-family: '${referralSetting?.fontFamily}', sans-serif; 17596 } 17597 .p-color { 17598 color: ${referralSetting?.primaryColor || '#0077C8'} !important; 17599 } 17600 .s-color { 17601 color: ${referralSetting?.secondaryColor || '#667085'} !important; 17602 } 17603 .p-bg{ 17604 background-color: ${referralSetting?.primaryColor || '#0077C8'} !important; 17605 } 17606 .widget-bg{ 17607 background-color: ${referralSetting?.refWidget?.bgColor || referralSetting?.primaryColor || '#0077C8'} !important; 17608 } 17609 `; 17610 17611 const styleElement = document.createElement('style'); 17612 styleElement.id = 'rediem-css'; 17613 styleElement.innerHTML = style; 17614 17615 if (!document.getElementById('rediem-css')) { 17616 document.head.appendChild(styleElement); 17617 } 17618 17619 if (rediemRef) { 17620 17621 const decode = JSON.parse(atob(rediemRef.split('.')[1])); 17622 const rediem_advocate_id = (/^\d+$/.test(decode?.customerId) ? decode?.customerId : decode?.customerId?.split("/")?.at(-1)); 17623 rdm_setCookie("rediem_advocate_id", rediem_advocate_id) 17624
17625 const friendReward = await rdm_getFriendReward(shopId); 17626 const reward = friendReward?.data?.[0]; 17627 if (reward) { 17628 rdm_generatePopupHtml(reward, REF_TUNNEL_URL, customerId); 17629 sessionStorage.setItem('friendReward', JSON.stringify(reward)); 17630 } 17631 fetch(`${API_URL}/referral/engagement/`, { 17632 method: 'PUT', 17633 headers: { 17634 'Content-Type': 'application/json', 17635 }, 17636 body: JSON.stringify({ shop, type: "site-visit" }), 17637 }); 17638 } 17639 17640 if (refContainer) { 17641 refContainer.innerHTML = rediemRefHTML; 17642 } 17643 17644 if (refWidget?.status) { 17645 rdm_appendRefWidget({ ...refWidget, widgetIcon: data?.data?.widgetIcon }); 17646 } 17647 } 17648 } catch (error) { 17649 console.error("Error fetching data:", error); 17650 } 17651 }; 17652 17653 const id = ''; 17654 if (id && window.rdm_redirectToRefDash) window.rdm_redirectToRefDash(); 17655 if (window.rdm_appendHiddenField) window.rdm_appendHiddenField(); 17656 17657 if (typeof window.rediemReferral === 'function') { 17658 window.rediemReferral(); 17659 } 17660 }; 17661 17662 const loadDependency = (callback) => { 17663 if (typeof window.rdm_redirectToRefDash === 'function') { 17664 callback(); 17665 return; 17666 } 17667 17668 const scriptSrc = "https://ripplrewards.nyc3.digitaloceanspaces.com/static/prod/rediem-referral.js"; 17669 // Check if script already exists but globals aren't ready yet (e.g. still loading) 17670 const existingScript = document.querySelector(`script[src^="${scriptSrc}"]`); 17671 17672 if (existingScript) { 17673 // Poll for globals if script exists 17674 const checkInterval = setInterval(() => { 17675 if (typeof window.rdm_redirectToRefDash === 'function') { 17676 clearInterval(checkInterval); 17677 callback(); 17678 } 17679 }, 100); 17680 return; 17681 } 17682 17683 // Load new script 17684 const script = document.createElement('script'); 17685 script.src = `${scriptSrc}?v=9b94ef6c7912dc0489bf2d6d627dd216d6ab523b`; 17686 script.onload = callback; 17687 document.head.appendChild(script); 17688 }; 17689 17690 if (document.readyState === "loading") { 17691 document.addEventListener("DOMContentLoaded", () => loadDependency(runRediemLogic)); 17692 } else { 17693 loadDependency(runRediemLogic); 17694 } 17695})(); 17696</script>
17696 17697 17698</div><div id="shopify-block-AWnY2RzdkTzNxdWNiS__15336829040930027027" class="shopify-block shopify-app-block"><style> 17699/* Critical-CSS safety net, not a replacement for rediem-dash.css: hardcodes only the 17700 structural properties (position, width, hidden/shown state) from its base 17701 .ripple-frame-container / .show selectors that determine whether the widget is 17702 full-screen and stuck versus correctly sized and closable, deliberately excluding 17703 cosmetic properties (background-color, box-shadow, border-radius, transition 17704 easing, ...) that don't affect that and are the ones most likely to change in a 17705 future styling pass. Protects against the async stylesheet below never getting 17706 promoted from preload to stylesheet (for example, a client-side page-transition 17707 library such as Barba.js swapping in a fresh, unpromoted preload link without 17708 re-running the loader script that would otherwise promote it). Same specificity 17709 as rediem-dash.css and declared before it in source order, so once the real 17710 stylesheet loads it wins the cascade normally, with no !important needed. 17711 apps/api/cdn-statics/criticalCssSync.test.ts fails loudly if these values and 17712 rediem-dash.css's ever disagree. 17713*/ 17714.ripple-frame-container{position:fixed;width:390px;right:20px;transform:scale(0);opacity:0;visibility:hidden} 17715.ripple-frame-container.show{transform:scale(1);opacity:1;visibility:visible} 17716</style> 17717<link rel="preload" href="https://ripplrewards.nyc3.digitaloceanspaces.com/static/css/rediem-dash.css?v=9b94ef6c7912dc0489bf2d6d627dd216d6ab523b" as="style" data-rediem-preload> 17718<noscript><link rel="stylesheet" href="https://ripplrewards.nyc3.digitaloceanspaces.com/static/css/rediem-dash.css?v=9b94ef6c7912dc0489bf2d6d627dd216d6ab523b"></noscript> 17719 17720<div data-rdm_domain="drinkolipop.com" data-rdm_id="" data-rdm_email="" 17721 data-rdm_firstName="" data-rdm_lastName="" 17722 data-rdm_tags="" data-rdm_phone="" id="rdmWidgetLoadDiv"> 17723</div> 17724
17725<script src="https://ripplrewards.nyc3.digitaloceanspaces.com/static/prod/rediem-dash.js?v=9b94ef6c7912dc0489bf2d6d627dd216d6ab523b" defer></script>
17725 17726 17727</div><div id="shopify-block-Aemp4K204NG5MWWxCU__9431864395560886015" class="shopify-block shopify-app-block"> 17728
17729<script> 17730 window.__POLAR_CONFIG__ = { 17731 debug: false, 17732 shop: "olipop-store.myshopify.com", 17733 storefrontToken: null, 17734 cartMetafieldsEnabled: null, 17735 metafieldNamespace: "polar", 17736 metafieldKey: "attribution" 17737 }; 17738</script>
17738 17739
17740<script src="https://cdn.shopify.com/extensions/01a06601-c356-7426-8020-d0ed6417f8c2/polar-analytics-33/assets/polar-cart-injector.js" async></script>
17740 17741 17742</div>
17742<script src="https://cdn.shopify.com/storefront/standard-actions.js" type="module" data-source-attribution="shopify.standard_actions"></script>
17742 17743</body> 17744</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.