1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17<!doctype html> 18<html 19 class="no-js tw-scroll-smooth !tw-p-0" 20 lang="en" 21 data-prefetching="true" 22> 23 <head> 24
24<script type="application/vnd.locksmith+json" data-locksmith>{"version":"v346","locked":false,"initialized":true,"scope":"product","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":"product","theme":174423703711,"product":"pomegranate-sparkle","collection":null,"page":null,"blog":null,"article":null,"app":null},"now":1790917210,"path":"\/products\/pomegranate-sparkle","locale_root_url":"\/","canonical_url":"https:\/\/drinkolipop.com\/products\/pomegranate-sparkle","customer_id":null,"customer_id_signature":"ac54be565c44fdc8dfbb1beea83f05e72f5c8202af4849dc3f0f55898112bcfb","cart":null}</script>
24<script data-locksmith>!function(){undefined;!function(){var s=window.Locksmith={},e=document.querySelector('script[type="application/vnd.locksmith+json"]'),n=e&&e.innerHTML;if(s.state={},s.util={},s.loading=!1,n)try{s.state=JSON.parse(n)}catch(d){}if(document.addEventListener&&document.querySelector){var o,a,i,t=[76,79,67,75,83,77,73,84,72,49,49],c=function(){a=t.slice(0)},l="style",r=function(e){e&&27!==e.keyCode&&"click"!==e.type||(document.removeEventListener("keydown",r),document.removeEventListener("click",r),o&&document.body.removeChild(o),o=null)};c(),document.addEventListener("keyup",function(e){if(e.keyCode===a[0]){if(clearTimeout(i),a.shift(),0<a.length)return void(i=setTimeout(c,1e3));c(),r(),(o=document.createElement("div"))[l].width="50%",o[l].maxWidth="1000px",o[l].height="85%",o[l].border="1px rgba(0, 0, 0, 0.2) solid",o[l].background="rgba(255, 255, 255, 0.99)",o[l].borderRadius="4px",o[l].position="fixed",o[l].top="50%",o[l].left="50%",o[l].transform="translateY(-50%) translateX(-50%)",o[l].boxShadow="0 2px 5px rgba(0, 0, 0, 0.3), 0 0 100vh 100vw rgba(0, 0, 0, 0.5)",o[l].zIndex="2147483645";var t=document.createElement("textarea");t.value=JSON.stringify(JSON.parse(n),null,2),t[l].border="none",t[l].display="block",t[l].boxSizing="border-box",t[l].width="100%",t[l].height="100%",t[l].background="transparent",t[l].padding="22px",t[l].fontFamily="monospace",t[l].fontSize="14px",t[l].color="#333",t[l].resize="none",t[l].outline="none",t.readOnly=!0,o.appendChild(t),document.body.appendChild(o),t.addEventListener("click",function(e){e.stopImmediatePropagation()}),t.select(),document.addEventListener("keydown",r),document.addEventListener("click",r)}})}s.isEmbedded=-1!==window.location.search.indexOf("_ab=0&_fd=0&_sc=1"),s.path=s.state.path||window.location.pathname,s.basePath=s.state.locale_root_url.concat("/apps/locksmith").replace(/^\/\//,"/"),s.reloading=!1,s.util.console=window.console||{log:function(){},error:function(){}},s.util.makeUrl=function(e,t){var n,o=s.basePath+e,a=[],i=s.cache();for(n in i)a.push(n+"="+encodeURIComponent(i[n]));for(n in t)a.push(n+"="+encodeURIComponent(t[n]));return s.state.customer_id&&(a.push("customer_id="+encodeURIComponent(s.state.customer_id)),a.push("customer_id_signature="+encodeURIComponent(s.state.customer_id_signature))),o+=(-1===o.indexOf("?")?"?":"&")+a.join("&")},s._initializeCallbacks=[],s.on=function(e,t){if("initialize"!==e)throw'Locksmith.on() currently only supports the "initialize" event';s._initializeCallbacks.push(t)},s.initializeSession=function(e){if(!s.isEmbedded){var t=!1,n=!0,o=!0;(e=e||{}).silent&&(o=n=!(t=!0)),s.ping({silent:t,spinner:n,reload:o,callback:function(){s._initializeCallbacks.forEach(function(e){e()})}})}},s.cache=function(e){var t={};try{var n=function a(e){return(document.cookie.match("(^|; )"+e+"=([^;]*)")||0)[2]};t=JSON.parse(decodeURIComponent(n("locksmith-params")||"{}"))}catch(d){}if(e){for(var o in e)t[o]=e[o];document.cookie="locksmith-params=; expires=Thu, 01 Jan 1970 00:00:00 GMT; path=/",document.cookie="locksmith-params="+encodeURIComponent(JSON.stringify(t))+"; path=/"}return t},s.cache.cart=s.state.cart,s.cache.cartLastSaved=null,s.params=s.cache(),s.util.reload=function(){s.reloading=!0;try{window.location.href=window.location.href.replace(/#.*/,"")}catch(d){s.util.console.error("Preferred reload method failed",d),window.location.reload()}},s.cache.saveCart=function(e){if(!s.cache.cart||s.cache.cart===s.cache.cartLastSaved)return e?e():null;var t=s.cache.cartLastSaved;s.cache.cartLastSaved=s.cache.cart,fetch("/cart/update.js",{method:"POST",headers:{"Content-Type":"application/json",Accept:"application/json"},body:JSON.stringify({attributes:{locksmith:s.cache.cart}})}).then(function(e){if(!e.ok)throw new Error("Cart update failed: "+e.status);return e.json()}).then(function(){e&&e()})["catch"](function(e){if(s.cache.cartLastSaved=t,!s.reloading)throw e})},s.util.spinnerHTML='<style>body{background:#FFF}@keyframes spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}#loading{display:flex;width:100%;height:50vh;
24color:#777;align-items:center;justify-content:center}#loading .spinner{display:block;animation:spin 600ms linear infinite;position:relative;width:50px;height:50px}#loading .spinner-ring{stroke:currentColor;stroke-dasharray:100%;stroke-width:2px;stroke-linecap:round;fill:none}</style><div id="loading"><div class="spinner"><svg width="100%" height="100%"><svg preserveAspectRatio="xMinYMin"><circle class="spinner-ring" cx="50%" cy="50%" r="45%"></circle></svg></svg></div></div>',s.util.clobberBody=function(e){document.body.innerHTML=e},s.util.clobberDocument=function(e){e.responseText&&(e=e.responseText),document.documentElement&&document.removeChild(document.documentElement);var t=document.open("text/html","replace");t.writeln(e),t.close(),setTimeout(function(){var e=t.querySelector("[autofocus]");e&&e.focus()},100)},s.util.serializeForm=function(e){if(e&&"FORM"===e.nodeName){var t,n,o={};for(t=e.elements.length-1;0<=t;t-=1)if(""!==e.elements[t].name)switch(e.elements[t].nodeName){case"INPUT":switch(e.elements[t].type){default:case"text":case"hidden":case"password":case"button":case"reset":case"submit":o[e.elements[t].name]=e.elements[t].value;break;case"checkbox":case"radio":e.elements[t].checked&&(o[e.elements[t].name]=e.elements[t].value);break;case"file":}break;case"TEXTAREA":o[e.elements[t].name]=e.elements[t].value;break;case"SELECT":switch(e.elements[t].type){case"select-one":o[e.elements[t].name]=e.elements[t].value;break;case"select-multiple":for(n=e.elements[t].options.length-1;0<=n;n-=1)e.elements[t].options[n].selected&&(o[e.elements[t].name]=e.elements[t].options[n].value)}break;case"BUTTON":switch(e.elements[t].type){case"reset":case"submit":case"button":o[e.elements[t].name]=e.elements[t].value}}return o}},s.util.on=function(e,i,s,t){t=t||document;var c="locksmith-"+e+i,n=function(e){var t=e.target,n=e.target.parentElement,o=t&&t.className&&(t.className.baseVal||t.className)||"",a=n&&n.className&&(n.className.baseVal||n.className)||"";("string"==typeof o&&-1!==o.split(/\s+/).indexOf(i)||"string"==typeof a&&-1!==a.split(/\s+/).indexOf(i))&&!e[c]&&(e[c]=!0,s(e))};t.attachEvent?t.attachEvent(e,n):t.addEventListener(e,n,!1)},s.util.enableActions=function(e){s.util.on("click","locksmith-action",function(e){e.preventDefault();var t=e.target;t.dataset.confirmWith&&!confirm(t.dataset.confirmWith)||(t.disabled=!0,t.innerText=t.dataset.disableWith,s.post("/action",t.dataset.locksmithParams,{spinner:!1,type:"text",success:function(e){(e=JSON.parse(e.responseText)).message&&alert(e.message),s.util.reload()}}))},e)},s.util.inject=function(e,t){var n=["data","locksmith","append"];if(-1!==t.indexOf(n.join("-"))){var o=document.createElement("div");o.innerHTML=t,e.appendChild(o)}else e.innerHTML=t;var a,i,s=e.querySelectorAll("script");for(i=0;i<s.length;++i){a=s[i];var c=document.createElement("script");if(a.type&&(c.type=a.type),a.src)c.src=a.src;else{var l=document.createTextNode(a.innerHTML);c.appendChild(l)}e.appendChild(c)}var r=e.querySelector("[autofocus]");r&&r.focus()},s.post=function(e,t,n){!1!==(n=n||{}).spinner&&s.util.clobberBody(s.util.spinnerHTML);var o={};n.container===document?(o.layout=1,n.success=function(e){s.util.clobberDocument(e)}):n.container&&(o.layout=0,n.success=function(e){var t="string"==typeof n.container?document.getElementById(n.container):n.container;t&&(s.util.inject(t,e),t.id===t.firstChild.id&&t.parentElement.replaceChild(t.firstChild,t))}),n.form_type&&(t.form_type=n.form_type),n.include_layout_classes!==undefined&&(t.include_layout_classes=n.include_layout_classes),n.lock_id!==undefined&&(t.lock_id=n.lock_id),s.loading=!0;var a=s.util.makeUrl(e,o),i="json"===n.type||"text"===n.type;fetch(a,{method:"POST",headers:{"Content-Type":"application/json",Accept:i?"application/json":"text/html"},body:JSON.stringify(t)}).then(function(e){if(!e.ok)throw new Error("Request failed: "+e.status);return e.text()}).then(function(e){var t=n.success||s.util.clobberDocument;t(i?{responseText:e}:e)})["catch"](function(e){if(!s.reloading)if("dashboard.weglot.com"!==window.location.host){if(!n.silent)throw alert("Something went wrong! Please refresh and try again."),e;console.error(e)}else console.error(e)})["finally"](function(){s.loading=!1})},s.postResource=function(e,t){e.path=s.path,e.search=window.location.search,e.state=s.state,e.passcode&&(e.passcode=e.passcode.trim()),e.email&&(e.email=e.email.trim()),e.state.cart=s.cache.cart,e.locksmith_json=s.jsonTag,e.locksmith_json_signature=s.jsonTagSignature,s.post("/resource",e,t)},s.ping=function(t){if(!s.isEmbedded){t=t||{};var n=function(){t.reload?s.util.reload():"function"==typeof t.callback&&t.callback()};s.post("/ping",{path:s.path,search:window.location.search,state:s.state},{spinner:!!t.spinner,silent:"undefined"==typeof t.silent||t.silent,type:"text",success:function(e){e&&e.responseText?((e=JSON.parse(e.responseText)).messages&&0<e.messages.length&&s.showMessages(e.messages),e.cart&&s.cache.cart!==e.cart?(s.cache.cart=e.cart,s.cache.saveCart(function(){e.cart&&e.cart.match(/^.+:/)?(t.reload||"function"!=typeof t.callback||t.callback(),s.util.reload()):n()})):n()):console.error("[Locksmith] Invalid result in ping callback:",e)}})}},s.timeoutMonitor=function(){var e=s.cache.cart;s.ping({callback:function(){e!==s.cache.cart||setTimeout(function(){s.timeoutMonitor()},6e4)}})},s.showMessages=function(e){var t=document.createElement("div");t.style.position="fixed",t.style.left=0,t.style.right=0,t.style.bottom="-50px",t.style.opacity=0,t.style.background="#191919",t.style.color="#ddd",t.style.transition="bottom 0.2s, opacity 0.2s",t.style.zIndex=999999,t.innerHTML=["<style>"," .locksmith-ab .locksmith-b { display: none; }"," .locksmith-ab.toggled .locksmith-b { display: flex; }"," .locksmith-ab.toggled .locksmith-a { display: none; }"," .locksmith-flex { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; padding: 10px 20px; }"," .locksmith-message + .locksmith-message { border-top: 1px #555 solid; }"," .locksmith-message a { color: inherit; font-weight: bold; }"," .locksmith-message a:hover { color: inherit; opacity: 0.8; }"," a.locksmith-ab-toggle { font-weight: inherit; text-decoration: underline; }"," .locksmith-text { flex-grow: 1; }"," .locksmith-cta { flex-grow: 0; text-align: right; }"," .locksmith-cta button { transform: scale(0.8); transform-origin: left; }"," .locksmith-cta > * { display: block; }"," .locksmith-cta > * + * { margin-top: 10px; }"," .locksmith-message a.locksmith-close { flex-grow: 0; text-decoration: none; margin-left: 15px; font-size: 30px; font-family: monospace; display: block; padding: 2px 10px; }"," @media screen and (max-width: 600px) {"," .locksmith-wide-only { display: none !important; }"," .locksmith-flex { padding: 0 15px; }"," .locksmith-flex > * { margin-top: 5px; margin-bottom: 5px; }"," .locksmith-cta { text-align: left; }"," }"," @media screen and (min-width: 601px) {"," .locksmith-narrow-only { display: none !important; }"," }","</style>"].join("")+e.map(function(e){return'<div class="locksmith-message">'+e+"</div>"}).join(""),document.body.appendChild(t),document.body.style.position="relative",document.body.parentElement.style.paddingBottom=t.offsetHeight+"px",setTimeout(function(){t.style.bottom=0,t.style.opacity=1},50),s.util.on("click","locksmith-ab-toggle",function(e){e.preventDefault();for(var t=e.target.parentElement;-1===t.className.split(" ").indexOf("locksmith-ab");)t=t.parentElement;-1!==t.className.split(" ").indexOf("toggled")?t.className=t.className.replace("toggled",""):t.className=t.className+" toggled"}),s.util.enableActions(t)}}()}();</script>
24 25
25<script data-locksmith>Locksmith.cache.cart=null</script>
25 26 27
27<script data-locksmith>Locksmith.jsonTag="{\"version\":\"v346\",\"locked\":false,\"initialized\":true,\"scope\":\"product\",\"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\":\"product\",\"theme\":174423703711,\"product\":\"pomegranate-sparkle\",\"collection\":null,\"page\":null,\"blog\":null,\"article\":null,\"app\":null},\"now\":1790917210,\"path\":\"\\\/products\\\/pomegranate-sparkle\",\"locale_root_url\":\"\\\/\",\"canonical_url\":\"https:\\\/\\\/drinkolipop.com\\\/products\\\/pomegranate-sparkle\",\"customer_id\":null,\"customer_id_signature\":\"ac54be565c44fdc8dfbb1beea83f05e72f5c8202af4849dc3f0f55898112bcfb\",\"cart\":null}";Locksmith.jsonTagSignature="9076e8612989cfa636f517d72ff28983f417e348e900ee0afe4c203d46343d9f"</script>
27 28 29
29<script type="text/javascript" async src="https://na.shgcdn3.com/pixel-collector.js"></script>
29 30 31 32
33<script defer src="https://cdn.skio.com/scripts/shopify/head/shopify.ba9807f79b5cdb6483d5.js"></script>
33 34 <style> 35 #powrIframeLoader { 36 height: 0px !important; 37 display: none !important; 38 } 39 </style> 40 41 42 43 44 45 46 47<style> 48 49 50 51 52 53 54 55 56 57 @font-face { 58 font-family: 'Ano'; 59 src: url(//drinkolipop.com/cdn/shop/t/1366/assets/AnoRegular-Regular.woff2?v=114456774178814509381773709642) format('woff2'), 60 url(//drinkolipop.com/cdn/shop/t/1366/assets/AnoRegular-Regular.woff?v=44886258583300626781773709642) format('woff'), 61 url(//drinkolipop.com/cdn/shop/t/1366/assets/AnoRegular-Regular.woff?v=44886258583300626781773709642) format('woff'); 62 font-weight: normal; 63 font-style: normal; 64 font-display: swap; 65 } 66 @font-face { 67 font-family: 'Ano'; 68 src: url(//drinkolipop.com/cdn/shop/t/1366/assets/AnoBold-Regular.woff2?v=8493273010116033791773709641) format('woff2'), 69 url(//drinkolipop.com/cdn/shop/t/1366/assets/AnoBold-Regular.woff?v=128512130195275208821773709641) format('woff'), 70 url(//drinkolipop.com/cdn/shop/t/1366/assets/AnoBold-Regular.ttf?v=10462471749511937761773709641) format('truetype'); 71 font-weight: bold; 72 font-style: normal; 73 font-display: swap; 74 } 75 @font-face { 76 font-family: 'Ano'; 77 src: url(//drinkolipop.com/cdn/shop/t/1366/assets/AnoBlack-Regular.woff2?v=84787568753283342751773709640) format('woff2'), 78 url(//drinkolipop.com/cdn/shop/t/1366/assets/AnoBlack-Regular.woff?v=93234225392720856311773709640) format('woff'), 79 url(//drinkolipop.com/cdn/shop/t/1366/assets/AnoBlack-Regular.ttf?v=62444619274782219361773709640) format('truetype'); 80 font-weight: 900; 81 font-style: normal; 82 font-display: swap; 83 } 84 @font-face { 85 font-family: 'WindsorEF'; 86 src: url(//drinkolipop.com/cdn/shop/t/1366/assets/WindsorEF-UltraHeavy.woff2?v=150809171096844077231773709641) format('woff2'), 87 url(//drinkolipop.com/cdn/shop/t/1366/assets/WindsorEF-UltraHeavy.woff?v=110177191338651977801773709641) format('woff'); 88 font-weight: 900; 89 font-style: normal; 90 font-display: swap; 91 } 92 @font-face { 93 font-family: 'WindsorEF'; 94 src: url(//drinkolipop.com/cdn/shop/t/1366/assets/WindsorEF-Bold.woff2?v=139344088117863592731773709640) format('woff2'), 95 url(//drinkolipop.com/cdn/shop/t/1366/assets/WindsorEF-Bold.woff?v=96714348010265649601773709640) format('woff'), 96 url(//drinkolipop.com/cdn/shop/t/1366/assets/WindsorEF-Bold.ttf?v=176736781895084021861773709643) format('truetype'); 97 font-weight: bold; 98 font-style: normal; 99 font-display: swap; 100 } 101 102 :root { 103 104 --font-weight-body--bold: 700; 105 --font-weight-body--bolder: 700; 106 --font-stack-header: Helvetica, Arial, sans-serif; 107 --font-style-header: normal; 108 --font-weight-header: 700; 109 --font-stack-body: Helvetica, Arial, sans-serif; 110 --font-style-body: normal; 111 --font-weight-body: 400; 112 --font-stack-cart-notification: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; 113 --font-size-mobile-input: 16px; /* min 16px to prevent zooming */ 114 115 --font-size-base: 15; 116 --font-size-header: 26; 117 118 --font-h1-desktop: 35; 119 --font-h1-mobile: 32; 120 --font-h2-desktop: 20; 121 --font-h2-mobile: 18; 122 --font-h3-mobile: 20; 123 --font-h4-desktop: 17; 124 --font-h4-mobile: 15; 125 --font-h4-min-height-mobile: 11; 126 --font-h5-desktop: 15; 127 --font-h5-mobile: 13; 128 --font-h6-desktop: 14; 129 --font-h6-mobile: 12; 130 131 --font-mega-title-large-desktop: 65; 132 133 --font-rich-text-large: 17; 134 --font-rich-text-small: 13; 135 136 --color-text: #3a3a3a; 137 --color-text-shadow: rgba(0,0,0,0.4); 138 --color-body-text: #333232; 139 --color-sale-text: #fa4545; 140 --color-small-button-text-border: #3a3a3a; 141 --color-text-field: rgba(0,0,0,0); 142 --color-text-field-text: #000000; 143 --color-navigation-text: #3a3a3a; 144 145 --color-btn-primary: #3a3a3a; 146 --color-btn-primary-darken: #212121; 147 --color-btn-primary-transparent: rgba(58, 58, 58, 0.8); 148 --color-btn-primary-text: #ffffff; 149 150 --color-body: #ffffff; 151 --color-bg: #ffffff; 152 --color-drawer-background: rgba(0, 0, 0, 0.6); 153 --color-bg-alt: rgba(51, 50, 50, 0.05); 154 155 --color-link: var(--color-body-text); 156 --opacity-link-hover: 0.6; 157 158 --color-overlay-title-text: #ffffff; 159 --color-image-overlay: #685858; 160 --opacity-image-overlay: 0.4; 161 --hover-overlay-opacity: 0.8; 162 163 --color-text-focus:#606060; 164 --color-overlay-text-focus:#e6e6e6; 165 --color-btn-primary-focus:#606060; 166 --color-btn-social-focus:#d2d2d2; 167 --color-small-button-text-border-focus:#606060; 168 --predictive-search-focus:#e6e6e6; 169 170 --transition-duration-fast: 100ms; 171 --transition-duration: 250ms; 172 --transition-duration-slow: 400ms; 173 --transition-link-hover: var(--transition-duration-fast) cubic-bezier(0.44, 0.13,
1730.48, 0.87); 174 --transition-drawer: all var(--transition-duration-slow) cubic-bezier(0.29, 0.63, 0.44, 1); 175 176 --color-disabled: #f4f4f4; 177 --color-disabled-border: #f4f4f4; 178 --color-error: #d20000; 179 --color-error-message-list: #651818; 180 --color-error-bg: #fff8f8; 181 --color-success: #1F873D; 182 --color-success-bg: #f8fff9; 183 184 --color-grey: #B5C1BF; 185 --color-dark-green: #14433D; 186 187 --color-border: #ebebeb; 188 --color-border-form: #cccccc; 189 --color-border-form-darken: #b3b3b3; 190 191 --color-form-text: #333; 192 --color-error-input-text: var(--color-error); 193 --input-padding-top-bottom: 10px; 194 --input-padding-left-right: 18px; 195 --input-padding-top-bottom-small: 8px; 196 --input-padding-left-right-small: 15px; 197 --input-group-height: 46px; 198 --input-group-height-small: 42px; 199 --input-border-width: 1px; 200 201 --color-facebook: #3b5998; 202 --color-twitter: #00aced; 203 --color-pinterest: #cb2027; 204 205 --color-slideshow-arrows: #000; 206 --color-slideshow-dots: #fff; 207 208 --width-site: 1200px; 209 --gutter-site: 55px; 210 --gutter-site-mobile: 22px; 211 --section-spacing: 55px; 212 --section-spacing-small: 35px; 213 --border-radius: 2px; 214 --icon-size: 20px; 215 --connected-submit-size: calc(var(--icon-size) * 2.5); 216 217 --footer-spacing-extra-small: 5px; 218 --footer-spacing-small: 15px; 219 --footer-wrapper-spacing: 18px; 220 --footer-hr-bottom-spacing: 20px; 221 --footer-spacing-medium: 25px; 222 --footer-spacing-large: 45px; 223 224 --z-index-base: 1; 225 --z-index-dropdown: 7; 226 --z-index-sub-nav: 8; 227 --z-index-drawer: 9; 228 --z-index-mobile-nav: 11; 229 --z-index-search-bar: 999; 230 --z-index-predictive-search-wrapper: 1000; 231 --z-index-skip-to-content: 10000; /* really high to be safe of app markup */ 232 233 --color-giftcard-tooltip-fallback: #333; 234 --color-giftcard-light: #fff; 235 --color-giftcard-tooltip: rgba(0, 0, 0, 0.9); 236 --color-giftcard-disabled: #999; 237 --color-giftcard-small-text: #b3b3b3; 238 --color-giftcard-shadow: rgba(0, 0, 0, 0.1); 239 --color-giftcard-print-bg: #fff; 240 --color-giftcard-print: #000; 241 --color-giftcard-bg: #e95e61; 242 --z-index-giftcard-image: 2; 243 --z-index-giftcard-corners: 3; 244 --z-index-giftcard-tooltip: 4; 245 --z-index-giftcard-code: 5; 246 247 /*================ Product video ================*/ 248 /* Create an appropriate poster background color based on background color and brightness */ 249 --color-video-bg: #f2f2f2; 250 251 --video-height-small: 475px; 252 --video-height-medium: 650px; 253 --video-height-large: 775px; 254 255 --z-index-video-image: 1; 256 --z-index-video: 2; 257 --z-index-video-text: 3; 258 --z-index-video-controls: 4; 259 --z-index-video-loader: 5; 260 261 --video-button-wrapper-size: 50px; 262 --video-pause-button-size: 34px; 263 --video-close-button-size: 30px; 264 --video-loader-size: 2.875rem; 265 266 --color-video-controls: #fff; 267 --color-video-controls-background: #000; 268 269 --ease-transition: cubic-bezier(0.44, 0.13, 0.48, 0.87); 270 --transition-controls-video: color 0.2s var(--ease-transition), background-color 0.2s var(--ease-transition); 271 272 273 274 --svg-select-icon: url(//drinkolipop.com/cdn/shop/t/1366/assets/ico-select.svg?v=29003672709104678581773709785); 275 --slick-img-url: url(//drinkolipop.com/cdn/shop/t/1366/assets/ajax-loader.gif?v=41356863302472015721773709641); 276 --home-banner-new-wave-url: url("https://cdn.shopify.com/s/files/1/0034/6610/0806/files/home-banner-new-wave.png?v=1623156746"); 277 --home-blue-wave-url: url("https://cdn.shopify.com/s/files/1/0034/6610/0806/files/home-blue-wave.png?v=1773705965"); 278 --story-hero-wave-url: url("https://cdn.shopify.com/s/files/1/0034/6610/0806/files/story-hero-wave.png?v=1773706032"); 279 --story-mission-wave-url: url("https://cdn.shopify.com/s/files/1/0034/6610/0806/files/story-mission-wave.png?v=1773706074"); 280 --home-bluedark-wave-url: url("https://cdn.shopify.com/s/files/1/0034/6610/0806/files/home-bluedark-wave.png?v=1773706124"); 281 --home-yellowdark-wave-url: url("https://cdn.shopify.com/s/files/1/0034/6610/0806/files/home-yellowdark-wave.png?v=1773706165"); 282 --check-symbol-url: url(//drinkolipop.com/cdn/shop/t/1366/assets/check-symbol.svg?v=64434976676356328551773709640); 283 --arrow-down-green-url: url(//drinkolipop.com/cdn/shop/t/1366/assets/arrow-down-green.svg?v=150330452122212680781773709642); 284 --arrow-up-white-url: url(//drinkolipop.com/cdn/shop/t/1366/assets/arrow-up-white.svg?v=167673162154222429001773709643); 285 --arrow-down-white-url: url(//drinkolipop.com/cdn/shop/t/1366/assets/arrow-down-white.svg?v=68322919614181549641773709643); 286 --preview-card-url: url(//drinkolipop.com/cdn/shop/products/1DigitalGiftCard-WEB-080422-AM_200x.png?v=1767277571);
287 --wave-image-curve-up-left: url(//drinkolipop.com/cdn/shop/t/1366/assets/wave-image-curve-up-left.svg?v=142377189923728873181773709642); 288 --wave-image-curve-up-right: url(//drinkolipop.com/cdn/shop/t/1366/assets/wave-image-curve-up-right.svg?v=115639462512050186531773709642); 289 } 290 291 292 .rebuy-cart__flyout-item-discount-message.promo-sidecart { 293 color: #008168 294 } 295</style> 296 297<style> 298 .tippy-box[data-placement^='top'] > .tippy-svg-arrow { 299 bottom: 0; 300 } 301 .tippy-box[data-placement^='top'] > .tippy-svg-arrow:after, 302 .tippy-box[data-placement^='top'] > .tippy-svg-arrow > svg { 303 top: 16px; 304 transform: rotate(180deg); 305 } 306 .tippy-box[data-placement^='bottom'] > .tippy-svg-arrow { 307 top: 0; 308 } 309 .tippy-box[data-placement^='bottom'] > .tippy-svg-arrow > svg { 310 bottom: 16px; 311 } 312 .tippy-box[data-placement^='left'] > .tippy-svg-arrow { 313 right: 0; 314 } 315 .tippy-box[data-placement^='left'] > .tippy-svg-arrow:after, 316 .tippy-box[data-placement^='left'] > .tippy-svg-arrow > svg { 317 transform: rotate(90deg); 318 top: calc(50% - 3px); 319 left: 11px; 320 } 321 .tippy-box[data-placement^='right'] > .tippy-svg-arrow { 322 left: 0; 323 } 324 .tippy-box[data-placement^='right'] > .tippy-svg-arrow:after, 325 .tippy-box[data-placement^='right'] > .tippy-svg-arrow > svg { 326 transform: rotate(-90deg); 327 top: calc(50% - 3px); 328 right: 11px; 329 } 330 .tippy-svg-arrow { 331 width: 16px; 332 height: 16px; 333 fill: #333; 334 text-align: initial; 335 } 336 .tippy-svg-arrow, 337 .tippy-svg-arrow > svg { 338 position: absolute; 339 } 340 .tippy-box[data-animation='fade'][data-state='hidden'] { 341 opacity: 0; 342 } 343 [data-tippy-root] { 344 max-width: calc(100vw - 10px); 345 } 346 .tippy-box { 347 position: relative; 348 background-color: #333; 349 color: #fff; 350 border-radius: 4px; 351 font-size: 14px; 352 line-height: 1.4; 353 white-space: normal; 354 outline: 0; 355 transition-property: transform, visibility, opacity; 356 } 357 .tippy-box[data-placement^='top'] > .tippy-arrow { 358 bottom: 0; 359 } 360 .tippy-box[data-placement^='top'] > .tippy-arrow:before { 361 bottom: -7px; 362 left: 0; 363 border-width: 8px 8px 0; 364 border-top-color: initial; 365 transform-origin: center top; 366 } 367 .tippy-box[data-placement^='bottom'] > .tippy-arrow { 368 top: 0; 369 } 370 .tippy-box[data-placement^='bottom'] > .tippy-arrow:before { 371 top: -7px; 372 left: 0; 373 border-width: 0 8px 8px; 374 border-bottom-color: initial; 375 transform-origin: center bottom; 376 } 377 .tippy-box[data-placement^='left'] > .tippy-arrow { 378 right: 0; 379 } 380 .tippy-box[data-placement^='left'] > .tippy-arrow:before { 381 border-width: 8px 0 8px 8px; 382 border-left-color: initial; 383 right: -7px; 384 transform-origin: center left; 385 } 386 .tippy-box[data-placement^='right'] > .tippy-arrow { 387 left: 0; 388 } 389 .tippy-box[data-placement^='right'] > .tippy-arrow:before { 390 left: -7px; 391 border-width: 8px 8px 8px 0; 392 border-right-color: initial; 393 transform-origin: center right; 394 } 395 .tippy-box[data-inertia][data-state='visible'] { 396 transition-timing-function: cubic-bezier(0.54, 1.5, 0.38, 1.11); 397 } 398 .tippy-arrow { 399 width: 16px; 400 height: 16px; 401 color: #333; 402 } 403 .tippy-arrow:before { 404 content: ''; 405 position: absolute; 406 border-color: transparent; 407 border-style: solid; 408 } 409 .tippy-content { 410 position: relative; 411 padding: 5px 9px; 412 z-index: 1; 413 } 414 415 .tippy-box, 416 .tippy-content { 417 @apply tw-border-hunter-green tw-bg-hunter-green tw-font-body tw-text-white; 418 font-size: 12px; 419 font-weight: 600 !important; 420 border-radius: 15px !important; 421 background: #14433d; 422 } 423 424 .tippy-box[data-theme~='custom'][data-placement^='top'] > .tippy-arrow::before { 425 border-top-color: #14433d; 426 } 427 .tippy-box[data-theme~='custom'][data-placement^='bottom'] > .tippy-arrow::before { 428 border-bottom-color: #14433d; 429 } 430 .tippy-box[data-theme~='custom'][data-placement^='left'] > .tippy-arrow::before { 431 border-left-color: #14433d; 432 } 433 .tippy-box[data-theme~='custom'][data-placement^='right'] > .tippy-arrow::before { 434 border-right-color: #14433d; 435 } 436</style> 437 438<style> 439 .slide-loaded img { 440 display: block; 441 } 442</style> 443 444 445<link href="//drinkolipop.com/cdn/shop/t/1366/assets/tailwind.css?v=130264924762967316861787148487" rel="stylesheet" type="text/css" media="all" /> 446<link href="//drinkolipop.com/cdn/shop/t/1366/assets/theme.css?v=114477275443962221041790797154" rel="stylesheet" type="text/css" media="all" /> 447 448 449
449<script> 450 window.Shopify = window.Shopify || {theme: {id: 174423703711, role: 'main' } }; 451 window._template = { 452 directory: "", 453 name: "product", 454 suffix: "" 455 }; 456 </script>
456<script type="module" blocking="render" fetchpriority="high" src="https://cdn.intelligems.io/esm/586d1e84f592/bundle.js" async></script>
456 457 458 459 460
461<script> 462 function getCookie(name) { 463 var dc = document.cookie; 464 var prefix = name + '='; 465 var begin = dc.indexOf('; ' + prefix); 466 if (begin == -1) { 467 begin = dc.indexOf(prefix); 468 if (begin != 0) return null; 469 } else { 470 begin += 2; 471 var end = document.cookie.indexOf(';', begin); 472 if (end == -1) { 473 end = dc.length; 474 } 475 } 476 // because unescape has been deprecated, replaced with decodeURI 477 //return unescape(dc.substring(begin + prefix.length, end)); 478 return decodeURI(dc.substring(begin + prefix.length, end)); 479 } 480 481 function toggleCart() { 482 var myCookie = getCookie('minicart'); 483 484 if (myCookie == null) { 485 } else { 486 document.querySelectorAll('[js-header-cart-toggle]')[0].click(); 487 document.cookie = 'minicart=open; max-age=-1; path=/;'; 488 } 489 } 490 491 window.onload = toggleCart; 492</script>
492 493 494 495 <meta name="google-site-verification" content="629g7SNvjCz_F6-IHLE0Lgn-c8Wivr46zePptazfpDU"> 496 <meta name="google-site-verification" content="RIGsAM1gz6RkUJV0cpvpleCzCBKvBdiyRF5vjkg555I"> 497 <meta charset="utf-8"> 498 <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> 499 <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=5"> 500 <meta name="theme-color" content="#3a3a3a"> 501 <meta name="facebook-domain-verification" content="pybjwio482kbh6cnks3fufwjx6jg1y"> 502 <link rel="canonical" href="https://drinkolipop.com/products/pomegranate-sparkle"> 503 <link rel="preconnect" href="https://cdn.shopify.com" crossorigin> 504 <link rel="preload" href="//drinkolipop.com/cdn/shop/t/1366/assets/AnoRegular-Regular.woff2?v=114456774178814509381773709642" as="font" type="font/woff2" crossorigin> 505 <link rel="preload" href="//drinkolipop.com/cdn/shop/t/1366/assets/AnoBold-Regular.woff2?v=8493273010116033791773709641" as="font" type="font/woff2" crossorigin> 506 <link rel="preload" href="//drinkolipop.com/cdn/shop/t/1366/assets/WindsorEF-UltraHeavy.woff2?v=150809171096844077231773709641" as="font" type="font/woff2" crossorigin> 507 <link rel="preload" href="//drinkolipop.com/cdn/shop/t/1366/assets/WindsorEF-Bold.woff2?v=139344088117863592731773709640" as="font" type="font/woff2" crossorigin> 508 509 510 511<link rel="shortcut icon" href="//drinkolipop.com/cdn/shop/files/favicon_32x32.png?v=1613174610" type="image/png"><title>Pomegranate Sparkle Prebiotic Soda 6g Fiber | OLIPOP</title> 512 513<meta name="description" content="Pomegranate Sparkle is a juicy blend of pomegranate, sweet quince, and tangy passion fruit, with a crisp sparkle. Smooth, sweet-tart, and just fancy enough to light up any holiday table."> 514<!-- /snippets/social-meta-tags.liquid --> 515 516 517 518 519 520 521 522<meta property="og:site_name" content="OLIPOP"> 523<meta property="og:url" content="https://drinkolipop.com/products/pomegranate-sparkle"><meta property="og:title" content="Pomegranate Sparkle"> 524<meta property="og:type" content="product"> 525<meta property="og:description" content="Pomegranate Sparkle is a juicy blend of pomegranate, sweet quince, and tangy passion fruit, with a crisp sparkle. Smooth, sweet-tart, and just fancy enough to light up any holiday table."> 526 527<meta property="og:price:amount" content="35.99"> 528<meta property="og:price:currency" content="USD"> 529 530<meta property="og:image" content="http://drinkolipop.com/cdn/shop/files/pomegranate-sparkle-6g-olipop_gallery-image_single-can_new_asset_1200x1200.webp?v=1789390717"><meta property="og:image" content="http://drinkolipop.com/cdn/shop/files/POM-Gallery1_new_asset_1200x1200.webp?v=1790168792"><meta property="og:image" content="http://drinkolipop.com/cdn/shop/files/Tile_3_new_asset_1200x1200.webp?v=1790168636"> 531<meta property="og:image:secure_url" content="https://drinkolipop.com/cdn/shop/files/pomegranate-sparkle-6g-olipop_gallery-image_single-can_new_asset_1200x1200.webp?v=1789390717"><meta property="og:image:secure_url" content="https://drinkolipop.com/cdn/shop/files/POM-Gallery1_new_asset_1200x1200.webp?v=1790168792"><meta property="og:image:secure_url" content="https://drinkolipop.com/cdn/shop/files/Tile_3_new_asset_1200x1200.webp?v=1790168636"> 532 533 534 <meta name="twitter:site" content="@drinkolipop"> 535 536<meta name="twitter:card" content="summary_large_image"><meta name="twitter:title" content="Pomegranate Sparkle"> 537<meta name="twitter:description" content="Pomegranate Sparkle is a juicy blend of pomegranate, sweet quince, and tangy passion fruit, with a crisp sparkle. Smooth, sweet-tart, and just fancy enough to light up any holiday table."> 538 539<link href="//drinkolipop.com/cdn/shop/t/1366/assets/vendor.js?v=42932227539066615491773709641" as="script" rel="preload"> 540 <link href="//drinkolipop.com/cdn/shop/t/1366/assets/layout.theme.js?v=103885869156479832961773709644" as="script" rel="preload"> 541 <link href="//drinkolipop.com/cdn/shop/t/1366/assets/lazysizes.js?v=175780612770959260451773709640" as="script" rel="preload"> 542 <link href="//drinkolipop.com/cdn/shop/t/1366/assets/theme.js?v=143221273705841084911
542779140488" as="script" rel="preload"> 543 544
544<script src="//drinkolipop.com/cdn/shop/t/1366/assets/vendor.js?v=42932227539066615491773709641"></script>
544 545
545<script src="//drinkolipop.com/cdn/shop/t/1366/assets/layout.theme.js?v=103885869156479832961773709644" async="async"></script>
545 546
546<script src="//drinkolipop.com/cdn/shop/t/1366/assets/lazysizes.js?v=175780612770959260451773709640" async="async"></script>
546 547
547<script src="//drinkolipop.com/cdn/shop/t/1366/assets/theme.js?v=143221273705841084911779140488" defer="defer"></script>
547 548 549 550 551 552 553 554 555 556 557<style data-shopify> 558 :root{ 559 --flavor-color-overlay: #ff9ec8; 560 --flavor-color-100: #ff9ec8; 561 --flavor-color-200: #ffd2e3; 562 --flavor-color-300: #ffd2e3; 563 564 --flavor-color-selector: #ffd2e3; 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="buy" href="/cart/62865580589215:1?ucp/version=2026-08-25&context/payment/0/handler=dev.shopify.shop_pay" payment="dev.shopify.shop_pay com.google.pay dev.shopify.card"><link rel="alternate" type="application/json+oembed" href="https://drinkolipop.com/products/pomegranate-sparkle.oembed">
646<script async="async" src="/checkouts/internal/preloads.js?locale=en-US&default_configuration_id=5986484383"></script>
646 647<link rel="preconnect" href="https://shop.app" crossorigin="anonymous">
648<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 648
648
649<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 649
649
650<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 650
650
651<script>var Shopify = Shopify || {}; 652Shopify.shop = "olipop-store.myshopify.com"; 653Shopify.locale = "en"; 654Shopify.currency = {"active":"USD","rate":"1.0"}; 655Shopify.country = "US"; 656Shopify.theme = {"name":"Production | ehouse","id":174423703711,"schema_name":"Olipop","schema_version":"1.0","theme_store_id":null,"role":"main"}; 657Shopify.theme.handle = "null"; 658Shopify.theme.style = {"id":null,"handle":null}; 659Shopify.cdnHost = "drinkolipop.com/cdn"; 660Shopify.routes = Shopify.routes || {}; 661Shopify.routes.root = "/"; 662Shopify.shopJsCdnBaseUrl = "https://cdn.shopify.com/shopifycloud/shop-js"; 663Shopify.SignInWithShop = Shopify.SignInWithShop || {}; 664Shopify.SignInWithShop.User = Shopify.SignInWithShop.User || {}; 665Shopify.SignInWithShop.User.recognized = false;</script>
vendor: 1 bytes, line 665
665
666<script type="module">!function(o){(o.Shopify=o.Shopify||{}).modules=!0}(window);</script>
vendor: 1 bytes, line 666
666
667<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 667
667
668<script> 669 window.ShopifyPay = window.ShopifyPay || {}; 670 window.ShopifyPay.apiHost = "shop.app\/pay"; 671 window.ShopifyPay.redirectState = null; 672</script>
vendor: 1 bytes, line 672
672
673<script> 674 window.Shopify = window.Shopify || {}; 675 window.Shopify.SignInWithShop = window.Shopify.SignInWithShop || {}; 676 window.Shopify.SignInWithShop.assetMetrics = { sampleRate: 0.25 }; 677 window.Shopify.SignInWithShop.eligible = true; 678</script>
vendor: 1 bytes, line 678
678
679<script id="shop-js-analytics" type="application/json">{"pageType":"product"}</script>
vendor: 1 bytes, line 679
679
680<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 680
680
681<script type="module"> 682 await import("https://cdn.shopify.com/shopifycloud/shop-js/modules/v2/loader.init-shop-cart-sync.en.esm.js"); 683 684 window.Shopify.SignInWithShop?.initShopCartSync?.({"fedCMEnabled":true,"windoidEnabled":true}); 685 686</script>
vendor: 1 bytes, line 686
686
687<script> 688 window.Shopify = window.Shopify || {}; 689 if (!window.Shopify.featureAssets) window.Shopify.featureAssets = {}; 690 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"]}; 691</script>
vendor: 1 bytes, line 691
691
692<script>(function() { 693 var isLoaded = false; 694 function asyncLoad() { 695 if (isLoaded) return; 696 isLoaded = true; 697 var urls = ["\/\/www.powr.io\/powr.js?powr-token=olipop-store.myshopify.com\u0026external-type=shopify\u0026shop=olipop-store.myshopify.com","https:\/\/superfiliate-cdn.com\/storefront.js?shop=olipop-store.myshopify.com","https:\/\/config.gorgias.chat\/bundle-loader\/01GYCBRTCW1BSVKV4RDGWD144S?source=shopify1click\u0026shop=olipop-store.myshopify.com","https:\/\/bundle.dyn-rev.app\/loader.js?g_cvt_id=606b3ec6-434e-4406-977a-2f31d50b593d\u0026shop=olipop-store.myshopify.com","\/\/cdn.shopify.com\/proxy\/7977e5caf48a8fd2886cb5ce33b3bc6fa81e666114b459b42428caf354afed59\/apps.bazaarvoice.com\/deployments\/olipop\/main_site\/production\/en_US\/bv.js?shop=olipop-store.myshopify.com\u0026sp-cache-control=cHVibGljLCBtYXgtYWdlPTkwMA","https:\/\/services.nofraud.com\/js\/device.js?shop=olipop-store.myshopify.com","https:\/\/shopify-extension.getredo.com\/main.js?widget_id=jmio6aqkm5hqvde\u0026shop=olipop-store.myshopify.com","\/\/backinstock.useamp.com\/widget\/18397_1783059051.js?category=bis\u0026v=6\u0026shop=olipop-store.myshopify.com"]; 698 for (var i = 0; i < urls.length; i++) { 699 var s = document.createElement('script'); 700 s.type = 'text/javascript'; 701 s.async = true; 702 s.src = urls[i]; 703 var x = document.getElementsByTagName('script')[0]; 704 x.parentNode.insertBefore(s, x); 705 } 706 }; 707 if(window.attachEvent) { 708 window.attachEvent('onload', asyncLoad); 709 } else { 710 window.addEventListener('load', asyncLoad, false); 711 } 712})();</script>
vendor: 1 bytes, line 712
712
713<script id="__st">var __st={"a":3466100806,"offset":-25200,"reqid":"85ebe8fb-f04c-4f08-8a6d-396b86185b9f-1790917210","pageurl":"drinkolipop.com\/products\/pomegranate-sparkle","u":"e9a832f7e345","p":"product","rtyp":"product","rid":10934531719327};</script>
vendor: 1 bytes, line 713
713
714<script>window.ShopifyPaypalV4VisibilityTracking = true;</script>
vendor: 1 bytes, line 714
714
715<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 715
715
716<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 716
716
717<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>
717<script crossorigin="anonymous" defer="defer" src="//drinkolipop.com/cdn/shopifycloud/storefront/assets/shopify_pay/storefront-616277c7.js?v=20250812"></script>
vendor: 1 bytes, line 717
717
718<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 718
718
719<script> 720 window.Shopify = window.Shopify || {}; 721 window.Shopify.MCP = window.Shopify.MCP || {}; 722 window.Shopify.MCP.enabled = true; 723 window.Shopify.MCP.shop = "olipop-store.myshopify.com"; 724 window.Shopify.MCP.mcpEndpoint = "https:\/\/drinkolipop.com\/api\/mcp"; 725 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"]}}]; 726</script>
vendor: 1 bytes, line 726
726
727<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=");})(); 728</script>
vendor: 1 bytes, line 728
728
729<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)}}; 730</script>
vendor: 1 bytes, line 730
730
731<script data-source-attribution="shopify.dynamic_checkout.buyer_consent"> 732 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); 733</script>
vendor: 1 bytes, line 733
733
734<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})}})); 735</script>
735 736<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"> 737<style id="shopify-accelerated-checkout-cart"> 738 #shopify-buyer-consent { 739 margin-top: 1em; 740 display: inline-block; 741 width: 100%; 742} 743 744#shopify-buyer-consent.hidden { 745 display: none; 746} 747 748#shopify-subscription-policy-button { 749 background: none; 750 border: none; 751 padding: 0; 752 text-decoration: underline; 753 font-size: inherit; 754 cursor: pointer; 755} 756 757#shopify-subscription-policy-button::before { 758 box-shadow: none; 759} 760 761 </style> 762
763<script id="shopify-cfh-end">window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.end');</script>
763 764 765 766 767 768 769 770
770<script type="text/javascript"> 771 772 window.__shgMoneyFormat = window.__shgMoneyFormat || {"USD":{"currency":"USD","currency_symbol":"$","currency_symbol_location":"left","decimal_places":2,"decimal_separator":".","thousands_separator":","}}; 773 774 window.__shgCurrentCurrencyCode = window.__shgCurrentCurrencyCode || { 775 currency: "USD", 776 currency_symbol: "$", 777 decimal_separator: ".", 778 thousands_separator: ",", 779 decimal_places: 2, 780 currency_symbol_location: "left" 781 }; 782 </script>
782 783 784 785 786 787 788
789<script type="text/javascript"> 790 791 window.SHG_CUSTOMER = null; 792 793</script>
793 794 795 796 797 798 799 800 801
801<script type="text/javascript"> 802 (function (a, b, c, d, e, f, g) { 803 e['ire_o'] = c; 804 e[c] = 805 e[c] || 806 function () { 807 (e[c].a = e[c].a || []).push(arguments); 808 }; 809 f = d.createElement(b); 810 g = d.getElementsByTagName(b)[0]; 811 f.async = 1; 812 f.src = a; 813 g.parentNode.insertBefore(f, g); 814 })('https://utt.impactcdn.com/A2662258-414b-48e3-94ab-d5cc41204ee91.js', 'script', 'ire', document, window); 815</script>
815 816 817 818 819 820 821
822<script type="text/javascript" async="" src="https://static.klaviyo.com/onsite/js/PbvgDc/klaviyo.js"></script>
822 823
824<script type="text/javascript"> 825 var _learnq = _learnq || []; 826 827 828 var product_item = { 829 "ProductName": "Pomegranate Sparkle", 830 "ProductID": 10934531719327 831 }; 832 _learnq.push(["track", "Viewed Product", product_item]); 833 834 835</script>
835 836 837 838 839 840 841 842 843 844 845 846 847
847<script src="https://shop.basketful.co/basketful.js" defer async></script>
847 848 849
849<script src="//drinkolipop.com/cdn/shop/t/1366/assets/manifest.min.js?v=124651888751126447011773709641" type="text/javascript"></script>
vendor: 1 bytes, line 849
849
850<script src="//drinkolipop.com/cdn/shop/t/1366/assets/vendor.min.js?v=32262416620800875671773709641" type="text/javascript"></script>
vendor: 1 bytes, line 850
850
851<script src="//drinkolipop.com/cdn/shop/t/1366/assets/app.min.js?v=89531106029643191081787148487" type="text/javascript"></script>
851 852 853 854
854<script type="text/javascript"> 855 (function (c, l, a, r, i, t, y) { 856 c[a] = 857 c[a] || 858 function () { 859 (c[a].q = c[a].q || []).push(arguments); 860 }; 861 t = l.createElement(r); 862 t.async = 1; 863 t.src = 'https://www.clarity.ms/tag/' + i; 864 y = l.getElementsByTagName(r)[0]; 865 y.parentNode.insertBefore(t, y); 866 })(window, document, 'clarity', 'script', 'm5uhteaodo'); 867 </script>
867 868 869 870 871
871<script type="text/javascript" async="true" src="https://d334twvzz0qrmj.cloudfront.net/70a0ac8d.js"></script>
871 872
872<script> 873 document.addEventListener('DOMContentLoaded', () => { 874 if (window?.gtag) { 875 window.gtag('event', 'BrandlockTest', { bl_ea: 'BrandlockTest', bl_el: 'BrandlockTest' }); 876 window.gtag('event', 'BrandlockTest', { bl_ea: 'HijackShopper-ON', bl_el: 'Test' }); 877 } 878 }); 879 </script>
879 880 881 882
882<script> 883 async function hashEmail(email) { 884 email = email.trim().toLowerCase(); 885 const encoder = new TextEncoder(); 886 const data = encoder.encode(email); 887 const hashBuffer = await crypto.subtle.digest('SHA-256', data); 888 const hashArray = Array.from(new Uint8Array(hashBuffer)); 889 return hashArray.map((byte) => byte.toString(16).padStart(2, '0')).join(''); 890 } 891 892 async function populateScript() { 893 const email = ''; 894 const dtm_email_hash = await hashEmail(email); 895 896 const dtm_promo_id = '5'; 897 const customer_id = ''; 898 const dtmc_department = ''; 899 const dtmc_category = ''; 900 const dtmc_sub_category = ''; 901 const dtmc_product_id = '10934531719327'; 902 const dtmc_brand = 'OLIPOP'; 903 const dtmc_upc = '810196870000'; 904 const dtmc_mpn = 'OP-PS-12-A'; 905 const cachebuster = new Date().getTime(); 906 907 const scriptUrl = `https://dtm.drinkolipop.com/profile/visit/js/1_0?dtm_cid=83573&dtm_cmagic=4ea767&dtm_fid=7224&dtm_promo_id=${encodeURIComponent( 908 dtm_promo_id 909 )}&dtm_user_id=${encodeURIComponent( 910 customer_id 911 )}&dtm_email_hash=${dtm_email_hash}&dtmc_department=${encodeURIComponent( 912 dtmc_department 913 )}&dtmc_category=${encodeURIComponent(dtmc_category)}&dtmc_sub_category=${encodeURIComponent( 914 dtmc_sub_category 915 )}&dtmc_product_id=${encodeURIComponent(dtmc_product_id)}&dtmc_brand=${encodeURIComponent( 916 dtmc_brand 917 )}&dtmc_upc=${encodeURIComponent(dtmc_upc)}&dtmc_mpn=${encodeURIComponent( 918 dtmc_mpn 919 )}&dtmc_loc=${encodeURIComponent(window.location.href)}&cachebuster=${cachebuster}`; 920 const script = document.createElement('script'); 921 script.src = scriptUrl; 922 document.head.appendChild(script); 923 } 924 925 populateScript(); 926 </script>
926 927<!-- BEGIN app block: shopify://apps/intelligems-a-b-testing/blocks/intelligems-script/fa83b64c-0c77-4c0c-b4b2-b94b42f5ef19 -->
927<script> 928 window._template = { 929 directory: "", 930 name: "product", 931 suffix: "" 932 }; 933 window.__productIdFromTemplate = 10934531719327; 934 window.__plpCollectionIdFromTemplate = null; 935 window.igProductData = (function() { 936 const data = {};data["10934531719327"] = { 937 productId: 10934531719327, 938 handle: "pomegranate-sparkle", 939 tags: [], 940 collectionIds: [641654653087,290783363231,290552184991,264194719903,301283410079,294313492639,641687879839], 941 inventory: 8293, 942 lowestVariantPrice: 3599 943 };return data; 944 })(); 945</script>
945 946
947<script type="module" blocking="render" fetchpriority="high" src="https://cdn.intelligems.io/esm/586d1e84f592/bundle.js" data-em-disable async></script>
947 948 949 950<!-- END app block --><!-- BEGIN app block: shopify://apps/videowise-video-commerce/blocks/script_embed/b48d6c0c-3e3f-4791-a9ab-a5ab7ec82f4d --> 951 952 953 954 955<link 956 rel="preload" 957 as="style" 958 onload="this.onload=null;this.rel='stylesheet'" 959 href="https://assets.videowise.com/style.css.gz" 960 id="videowise-style-css">
961<script 962 defer 963 src="https://assets.videowise.com/vendors.js.gz" 964 id="videowise-vendors-js"></script>
vendor: 1 bytes, line 964
964
965<script 966 defer 967 src="https://assets.videowise.com/client.js.gz" 968 id="videowise-client-js"></script>
968 969 970<link rel="dns-prefetch" href="https://assets.videowise.com/" /> 971 972<link rel="dns-prefetch" href="https://cdn2.videowise.com/" /> 973 974<link rel="dns-prefetch" href="https://api-cdn.videowise.com/" /> 975 976<link rel="dns-prefetch" href="https://images.videowise.com/" /> 977 978<link rel="dns-prefetch" href="https://cdn.videowise.com/" /> 979 980<!-- END app block --><!-- BEGIN app block: shopify://apps/attributepro/blocks/cart_attributes/e1a73f15-800a-4f25-9c6e-952ac434f07b -->
vendor: 7,991 bytes, lines 980-982
980<script> 981var xhook=function(){"use strict";const e=(e,t)=>Array.prototype.slice.call(e,t);let t=null;"undefined"!=typeof WorkerGlobalScope&&self instanceof WorkerGlobalScope?t=self:"undefined"!=typeof global?t=global:window&&(t=window);const n=t,o=t.document,r=["load","loadend","loadstart"],s=["progress","abort","error","timeout"],a=e=>["returnValue","totalSize","position"].includes(e),i=function(e,t){for(let n in e){if(a(n))continue;const o=e[n];try{t[n]=o}catch(e){}}return t},c=function(e,t,n){const o=e=>function(o){const r={};for(let e in o){if(a(e))continue;const s=o[e];r[e]=s===t?n:s}return n.dispatchEvent(e,r)};for(let r of Array.from(e))n._has(r)&&(t[`on${r}`]=o(r))},u=function(e){if(o&&null!=o.createEventObject){const t=o.createEventObject();return t.type=e,t}try{return new Event(e)}catch(t){return{type:e}}},l=function(t){let n={};const o=e=>n[e]||[],r={addEventListener:function(e,t,r){n[e]=o(e),n[e].indexOf(t)>=0||(r=void 0===r?n[e].length:r,n[e].splice(r,0,t))},removeEventListener:function(e,t){if(void 0===e)return void(n={});void 0===t&&(n[e]=[]);const r=o(e).indexOf(t);-1!==r&&o(e).splice(r,1)},dispatchEvent:function(){const n=e(arguments),s=n.shift();t||(n[0]=i(n[0],u(s)),Object.defineProperty(n[0],"target",{writable:!1,value:this}));const a=r[`on${s}`];a&&a.apply(r,n);const c=o(s).concat(o("*"));for(let e=0;e<c.length;e++){c[e].apply(r,n)}},_has:e=>!(!n[e]&&!r[`on${e}`])};return t&&(r.listeners=t=>e(o(t)),r.on=r.addEventListener,r.off=r.removeEventListener,r.fire=r.dispatchEvent,r.once=function(e,t){var n=function(){return r.off(e,n),t.apply(null,arguments)};return r.on(e,n)},r.destroy=()=>n={}),r};var f=function(e,t){switch(typeof e){case"object":return n=e,Object.entries(n).map((([e,t])=>`${e.toLowerCase()}: ${t}`)).join("\r\n");case"string":return function(e,t){const n=e.split("\r\n");null==t&&(t={});for(let e of n)if(/([^:]+):\s*(.+)/.test(e)){const e=null!=RegExp.$1?RegExp.$1.toLowerCase():void 0,n=RegExp.$2;null==t[e]&&(t[e]=n)}return t}(e,t)}var n;return[]};const d=l(!0),p=e=>void 0===e?null:e,h=n.XMLHttpRequest,y=function(){const e=new h,t={};let n,o,a,u=null;var y=0;const v=function(){if(a.status=u||e.status,-1!==u&&(a.statusText=e.statusText),-1===u);else{const t=f(e.getAllResponseHeaders());for(let e in t){const n=t[e];if(!a.headers[e]){const t=e.toLowerCase();a.headers[t]=n}}}},b=function(){x.status=a.status,x.statusText=a.statusText},g=function(){n||x.dispatchEvent("load",{}),x.dispatchEvent("loadend",{}),n&&(x.readyState=0)},E=function(e){for(;e>y&&y<4;)x.readyState=++y,1===y&&x.dispatchEvent("loadstart",{}),2===y&&b(),4===y&&(b(),"text"in a&&(x.responseText=a.text),"xml"in a&&(x.responseXML=a.xml),"data"in a&&(x.response=a.data),"finalUrl"in a&&(x.responseURL=a.finalUrl)),x.dispatchEvent("readystatechange",{}),4===y&&(!1===t.async?g():setTimeout(g,0))},m=function(e){if(4!==e)return void E(e);const n=d.listeners("after");var o=function(){if(n.length>0){const e=n.shift();2===e.length?(e(t,a),o()):3===e.length&&t.async?e(t,a,o):o()}else E(4)};o()};var x=l();t.xhr=x,e.onreadystatechange=function(t){try{2===e.readyState&&v()}catch(e){}4===e.readyState&&(o=!1,v(),function(){if(e.responseType&&"text"!==e.responseType)"document"===e.responseType?(a.xml=e.responseXML,a.data=e.responseXML):a.data=e.response;else{a.text=e.responseText,a.data=e.responseText;try{a.xml=e.responseXML}catch(e){}}"responseURL"in e&&(a.finalUrl=e.responseURL)}()),m(e.readyState)};const w=function(){n=!0};x.addEventListener("error",w),x.addEventListener("timeout",w),x.addEventListener("abort",w),x.addEventListener("progress",(function(t){y<3?m(3):e.readyState<=3&&x.dispatchEvent("readystatechange",{})})),"withCredentials"in e&&(x.withCredentials=!1),x.status=0;for(let e of Array.from(s.concat(r)))x[`on${e}`]=null;if(x.open=function(e,r,s,i,c){y=0,n=!1,o=!1,t.headers={},t.headerNames={},t.status=0,t.method=e,t.url=r,t.async=!1!==s,t.user=i,t.pass=c,a={},a.headers={},m(1)},x.send=function(n){let u,l;for(u of["type","timeout","withCredentials"])l="type"===u?"responseType":u,l in x&&(t[u]=x[l]);t.body=n;const f=d.listeners("before");var p=function(){if(!f.length)return function(){for(u of(c(s,e,x),x.upload&&c(s.concat(r),e.upload,x.upload),o=!0,e.open(t.method,t.url,t.async,t.user,t.pass),["type","timeout","withCredentials"]))l="type"===u?"responseType":u,u in t&&(e[l]=t[u]);for(let n in t.headers){const o=t.headers[n];n&&e.setRequestHeader(n,o)}e.send(t.body)}();const n=function(e){if("object"==typeof e&&("number"==typeof e.status||"number"==typeof a.status))return i(e,a),"data"in e||(e.data=e.response||e.text),void m(4);p()};n.head=function(e){i(e,a),m(2)},n.progress=function(e){i(e,a),m(3)};const d=f.shift();1===d.length?n(d(t)):2===d.length&&t.async?d(t,n):n()};p()},x.abort=function(){u=-1,o?e.abort():x.dispatchEvent("abort",{})},x.setRequestHeader=function(e,n){const o=null!=e?e.toLowerCase():void 0,r=t.headerNames[o]=t.headerNames[o]||e;t.headers[r]&&(n=t.headers[r]+", "+n),t.headers[r]=n},x.getResponseHeader=e=>p(a.headers[e?e.toLowerCase():void 0]),x.getAllResponseHeaders=()=>p(f(a.headers)),e.overrideMimeType&&(x.overrideMimeType=function(){e.overrideMimeType.apply(e,arguments)}),e.upload){let e=l();x.upload=e,t.upload=e}return x.UNSENT=0,x.OPENED=1,x.HEADERS_RECEIVED=2,x.LOADING=3,x.DONE=4,x.response="",x.responseText="",x.responseXML=null,x.readyState=0,x.statusText="",x};y.UNSENT=0,y.OPENED=1,y.HEADERS_RECEIVED=2,y.LOADING=3,y.DONE=4;var v={patch(){h&&(n.XMLHttpRequest=y)},unpatch(){h&&(n.XMLHttpRequest=h)},Native:h,Xhook:y};function b(e,t,n,o){return new(n||(n=Promise))((function(r,s){function a(e){try{c(o.next(e))}catch(e){s(e)}}function i(e){try{c(o.throw(e))}catch(e){s(e)}}function c(e){var t;e.done?r(e.value):(t=e.value,t instanceof n?t:new n((function(e){e(t)}))).then(a,i)}c((o=o.apply(e,t||[])).next())}))}const g=n.fetch;function E(e){return e instanceof Headers?m([...e.entries()]):Array.isArray(e)?m(e):e}function m(e){return e.reduce(((e,[t,n])=>(e[t]=n,e)),{})}const x=function(e,t={headers:{}}){let n=Object.assign(Object.assign({},t),{isFetch:!0});if(e instanceof Request){const o=function(e){let t={};return["method","headers","body","mode","credentials","cache","redirect","referrer","referrerPolicy","integrity","keepalive","signal","url"].forEach((n=>t[n]=e[n])),t}(e),r=Object.assign(Object.assign({},E(o.headers)),E(n.headers));n=Object.assign(Object.assign(Object.assign({},o),t),{headers:r,acceptedRequest:!0})}else n.url=e;const o=d.listeners("before"),r=d.listeners("after");return new Promise((function(t,s){let a=t;const i=function(e){if(!r.length)return a(e);const t=r.shift();return 2===t.length?(t(n,e),i(e)):3===t.length?t(n,e,i):i(e)},c=function(e){if(void 0!==e){const n=new Response(e.body||e.text,e);return t(n),void i(n)}u()},u=function(){if(!o.length)return void l();const e=o.shift();return 1===e.length?c(e(n)):2===e.length?e(n,c):void 0},l=()=>b(this,void 0,void 0,(function*(){const{url:t,isFetch:o,acceptedRequest:r}=n,c=function(e,t){var n={};for(var o in e)Object.prototype.hasOwnProperty.call(e,o)&&t.indexOf(o)<0&&(n[o]=e[o]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var r=0;for(o=Object.getOwnPropertySymbols(e);r<o.length;r++)t.indexOf(o[r])<0&&Object.prototype.propertyIsEnumerable.call(e,o[r])&&(n[o[r]]=e[o[r]])}return n}(n,["url","isFetch","acceptedRequest"]);return e instanceof Request&&c.body instanceof ReadableStream&&(c.body=yield new Response(c.body).text()),g(t,c).then((e=>i(e))).catch((function(e){return a=s,i(e),s(e)}))}));u()}))};var w={patch(){g&&(n.fetch=x)},unpatch(){g&&(n.fetch=g)},Native:g,Xhook:x};const O=d;return O.EventEmitter=l,O.before=function(e,t){if(e.length<1||e.length>2)throw"invalid hook";return O.on("before",e,t)},O.after=function(e,t){if(e.length<2||e.length>3)throw"invalid hook";return O.on("after",e,t)},O.enable=function(){v.patch(),w.patch()},O.disable=function(){v.unpatch(),w.unpatch()},O.XMLHttpRequest=v.Native,O.fetch=w.Native,O.headers=f,O.enable(),O}(); 982</script>
vendor: 1 bytes, line 982
982
vendor: 14,012 bytes, lines 983-1431
983<script> 984;(function(root, factory) { 985 if (typeof define === "function" && define.amd) { 986 define(factory); 987 } else if (typeof exports === "object") { 988 module.exports = factory(); 989 } else { 990 root.jsonLogic = factory(); 991 } 992}(this, function() { 993 "use strict"; 994 /* globals console:false */ 995 996 if ( ! Array.isArray) { 997 Array.isArray = function(arg) { 998 return Object.prototype.toString.call(arg) === "[object Array]"; 999 }; 1000 } 1001 1002 /** 1003 * Return an array that contains no duplicates (original not modified) 1004 * @param {array} array Original reference array 1005 * @return {array} New array with no duplicates 1006 */ 1007 function arrayUnique(array) { 1008 var a = []; 1009 for (var i=0, l=array.length; i<l; i++) { 1010 if (a.indexOf(array[i]) === -1) { 1011 a.push(array[i]); 1012 } 1013 } 1014 return a; 1015 } 1016 1017 var jsonLogic = {}; 1018 var operations = { 1019 "==": function(a, b) { 1020 return a == b; 1021 }, 1022 "===": function(a, b) { 1023 return a === b; 1024 }, 1025 "!=": function(a, b) { 1026 return a != b; 1027 }, 1028 "!==": function(a, b) { 1029 return a !== b; 1030 }, 1031 ">": function(a, b) { 1032 return a > b; 1033 }, 1034 ">=": function(a, b) { 1035 return a >= b; 1036 }, 1037 "<": function(a, b, c) { 1038 return (c === undefined) ? a < b : (a < b) && (b < c); 1039 }, 1040 "<=": function(a, b, c) { 1041 return (c === undefined) ? a <= b : (a <= b) && (b <= c); 1042 }, 1043 "!!": function(a) { 1044 return jsonLogic.truthy(a); 1045 }, 1046 "!": function(a) { 1047 return !jsonLogic.truthy(a); 1048 }, 1049 "%": function(a, b) { 1050 return a % b; 1051 }, 1052 "log": function(a) { 1053 console.log(a); return a; 1054 }, 1055 "in": function(a, b) { 1056 if (!b || typeof b.indexOf === "undefined") return false; 1057 return (b.indexOf(a) !== -1); 1058 }, 1059 "cat": function() { 1060 return Array.prototype.join.call(arguments, ""); 1061 }, 1062 "substr": function(source, start, end) { 1063 if (end < 0) { 1064 // JavaScript doesn't support negative end, this emulates PHP behavior 1065 var temp = String(source).substr(start); 1066 return temp.substr(0, temp.length + end); 1067 } 1068 return String(source).substr(start, end); 1069 }, 1070 "+": function() { 1071 return Array.prototype.reduce.call(arguments, function(a, b) { 1072 return parseFloat(a, 10) + parseFloat(b, 10); 1073 }, 0); 1074 }, 1075 "*": function() { 1076 return Array.prototype.reduce.call(arguments, function(a, b) { 1077 return parseFloat(a, 10) * parseFloat(b, 10); 1078 }); 1079 }, 1080 "-": function(a, b) { 1081 if (b === undefined) { 1082 return -a; 1083 } else { 1084 return a - b; 1085 } 1086 }, 1087 "/": function(a, b) { 1088 return a / b; 1089 }, 1090 "min": function() { 1091 return Math.min.apply(this, arguments); 1092 }, 1093 "max": function() { 1094 return Math.max.apply(this, arguments); 1095 }, 1096 "merge": function() { 1097 return Array.prototype.reduce.call(arguments, function(a, b) { 1098 return a.concat(b); 1099 }, []); 1100 }, 1101 "var": function(a, b) { 1102 var not_found = (b === undefined) ? null : b; 1103 var data = this; 1104 if (typeof a === "undefined" || a==="" || a===null) { 1105 return data; 1106 } 1107 var sub_props = String(a).split("."); 1108 for (var i = 0; i < sub_props.length; i++) { 1109 if (data === null || data === undefined) { 1110 return not_found; 1111 } 1112 // Descending into data 1113 data = data[sub_props[i]]; 1114 if (data === undefined) { 1115 return not_found; 1116 } 1117 } 1118 return data; 1119 }, 1120 "missing": function() { 1121 /* 1122 Missing can receive many keys as many arguments, like {"missing:[1,2]} 1123 Missing can also receive *one* argument that is an array of keys, 1124 which typically happens if it's actually acting on the output of another command 1125 (like 'if' or 'merge') 1126 */ 1127 1128 var missing = []; 1129 var keys = Array.isArray(arguments[0]) ? arguments[0] : arguments; 1130 1131 for (var i = 0; i < keys.length; i++) { 1132 var key = keys[i]; 1133 var value = jsonLogic.apply({"var": key}, this); 1134 if (value === null || value === "") { 1135 missing.push(key); 1136 } 1137 } 1138 1139 return missing; 1140 }, 1141 "missing_some": function(need_count, options) { 1142 // missing_some takes two arguments, how many (minimum) items must be present, and an array of keys (just like 'missing') to check for presence. 1143 var are_missing = jsonLogic.apply({"missing": options}, this); 1144 1145 if (options.length - are_missing.length >= need_count) { 1146 return []; 1147 } else { 1148 return are_missing; 1149 } 1150 }, 1151 }; 1152 1153 jsonLogic.is_logic = function(logic) { 1154 return ( 1155 typeof logic === "object" && // An object 1156 logic !== null && // but not null 1157 ! Array.isArray(logic) && // and not an array 1158 Object.keys(logic).length === 1 // with exactly one key 1159 ); 1160 }; 1161 1162 /* 1163 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. 1164 1165 Spec and rationale here: http://jsonlogic.com/truthy 1166 */ 1167 jsonLogic.truthy = function(value) { 1168 if (Array.isArray(value) && value.length === 0) { 1169 return false; 1170 } 1171 return !! value; 1172 }; 1173 1174 1175 jsonLogic.get_operator = function(logic) { 1176 return Object.keys(logic)[0]; 1177 }; 1178 1179 jsonLogic.get_values = function(logic) { 1180 return logic[jsonLogic.get_operator(logic)]; 1181 }; 1182 1183 jsonLogic.apply = function(logic, data) { 1184 // Does this array contain logic? Only one way to find out. 1185 if (Array.isArray(logic)) { 1186 return logic.map(function(l) { 1187 return jsonLogic.apply(l, data); 1188 }); 1189 } 1190 // You've recursed to a primitive, stop! 1191 if ( ! jsonLogic.is_logic(logic) ) { 1192 return logic; 1193 } 1194 1195 var op = jsonLogic.get_operator(logic); 1196 var values = logic[op]; 1197 var i; 1198 var current; 1199 var scopedLogic; 1200 var scopedData; 1201 var initial; 1202 1203 // easy syntax for unary operators, like {"var" : "x"} instead of strict {"var" : ["x"]} 1204 if ( ! Array.isArray(values)) { 1205 values = [values]; 1206 } 1207 1208 // 'if', 'and', and 'or' violate the normal rule of depth-first calculating consequents, let each manage recursion as needed. 1209 if (op === "if" || op == "?:") { 1210 /* 'if' should be called with a odd number of parameters, 3 or greater 1211 This works on the pattern: 1212 if( 0 ){ 1 }else{ 2 }; 1213 if( 0 ){ 1 }else if( 2 ){ 3 }else{ 4 }; 1214 if( 0 ){ 1 }else if( 2 ){ 3 }else if( 4 ){ 5 }else{ 6 }; 1215 1216 The implementation is: 1217 For pairs of values (0,1 then 2,3 then 4,5 etc) 1218 If the first evaluates truthy, evaluate and return the second 1219 If the first evaluates falsy, jump to the next pair (e.g, 0,1 to 2,3) 1220 given one parameter, evaluate and return it. (it's an Else and all the If/ElseIf were false) 1221 given 0 parameters, return NULL (not great practice, but there was no Else) 1222 */ 1223 for (i = 0; i < values.length - 1; i += 2) { 1224 if ( jsonLogic.truthy( jsonLogic.apply(values[i], data) ) ) { 1225 return jsonLogic.apply(values[i+1], data); 1226 } 1227 } 1228 if (values.length === i+1) { 1229 return jsonLogic.apply(values[i], data); 1230 } 1231 return null; 1232 } else if (op === "and") { // Return first falsy, or last 1233 for (i=0; i < values.length; i+=1) { 1234 current = jsonLogic.apply(values[i], data); 1235 if ( ! jsonLogic.truthy(current)) { 1236 return current; 1237 } 1238 } 1239 return current; // Last 1240 } else if (op === "or") {// Return first truthy, or last 1241 for (i=0; i < values.length; i+=1) { 1242 current = jsonLogic.apply(values[i], data); 1243 if ( jsonLogic.truthy(current) ) { 1244 return current; 1245 } 1246 } 1247 return current; // Last 1248 } else if (op === "filter") { 1249 scopedData = jsonLogic.apply(values[0], data); 1250 scopedLogic = values[1]; 1251 1252 if ( ! Array.isArray(scopedData)) { 1253 return []; 1254 } 1255 // Return only the elements from the array in the first argument, 1256 // that return truthy when passed to the logic in the second argument. 1257 // For parity with JavaScript, reindex the returned array 1258 return scopedData.filter(function(datum) { 1259 return jsonLogic.truthy( jsonLogic.apply(scopedLogic, datum)); 1260 }); 1261 } else if (op === "map") { 1262 scopedData = jsonLogic.apply(values[0], data); 1263 scopedLogic = values[1]; 1264 1265 if ( ! Array.isArray(scopedData)) { 1266 return []; 1267 } 1268 1269 return scopedData.map(function(datum) { 1270 return jsonLogic.apply(scopedLogic, datum); 1271 }); 1272 } else if (op === "reduce") { 1273 scopedData = jsonLogic.apply(values[0], data); 1274 scopedLogic = values[1]; 1275 initial = typeof values[2] !== "undefined" ? values[2] : null; 1276 1277 if ( ! Array.isArray(scopedData)) { 1278 return initial; 1279 } 1280 1281 return scopedData.reduce( 1282 function(accumulator, current) { 1283 return jsonLogic.apply( 1284 scopedLogic, 1285 {current: current, accumulator: accumulator} 1286 ); 1287 }, 1288 initial 1289 ); 1290 } else if (op === "all") { 1291 scopedData = jsonLogic.apply(values[0], data); 1292 scopedLogic = values[1]; 1293 // All of an empty set is false. Note, some and none have correct fallback after the for loop 1294 if ( ! Array.isArray(scopedData) || ! scopedData.length) { 1295 return false; 1296 } 1297 for (i=0; i < scopedData.length; i+=1) { 1298 if ( ! jsonLogic.truthy( jsonLogic.apply(scopedLogic, scopedData[i]) )) { 1299 return false; // First falsy, short circuit 1300 } 1301 } 1302 return true; // All were truthy 1303 } else if (op === "none") { 1304 scopedData = jsonLogic.apply(values[0], data); 1305 scopedLogic = values[1]; 1306 1307 if ( ! Array.isArray(scopedData) || ! scopedData.length) { 1308 return true; 1309 } 1310 for (i=0; i < scopedData.length; i+=1) { 1311 if ( jsonLogic.truthy( jsonLogic.apply(scopedLogic, scopedData[i]) )) { 1312 return false; // First truthy, short circuit 1313 } 1314 } 1315 return true; // None were truthy 1316 } else if (op === "some") { 1317 scopedData = jsonLogic.apply(values[0], data); 1318 scopedLogic = values[1]; 1319 1320 if ( ! Array.isArray(scopedData) || ! scopedData.length) { 1321 return false; 1322 } 1323 for (i=0; i < scopedData.length; i+=1) { 1324 if ( jsonLogic.truthy( jsonLogic.apply(scopedLogic, scopedData[i]) )) { 1325 return true; // First truthy, short circuit 1326 } 1327 } 1328 return false; // None were truthy 1329 } 1330 1331 // Everyone else gets immediate depth-first recursion 1332 values = values.map(function(val) { 1333 return jsonLogic.apply(val, data); 1334 }); 1335 1336 1337 // The operation is called with "data" bound to its "this" and "values" passed as arguments. 1338 // Structured commands like % or > can name formal arguments while flexible commands (like missing or merge) can operate on the pseudo-array arguments 1339 // https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Functions/arguments 1340 if (operations.hasOwnProperty(op) && typeof operations[op] === "function") { 1341 return operations[op].apply(data, values); 1342 } else if (op.indexOf(".") > 0) { // Contains a dot, and not in the 0th position 1343 var sub_ops = String(op).split("."); 1344 var operation = operations; 1345 for (i = 0; i < sub_ops.length; i++) { 1346 if (!operation.hasOwnProperty(sub_ops[i])) { 1347 throw new Error("Unrecognized operation " + op + 1348 " (failed at " + sub_ops.slice(0, i+1).join(".") + ")"); 1349 } 1350 // Descending into operations 1351 operation = operation[sub_ops[i]]; 1352 } 1353 1354 return operation.apply(data, values); 1355 } 1356 1357 throw new Error("Unrecognized operation " + op ); 1358 }; 1359 1360 jsonLogic.uses_data = function(logic) { 1361 var collection = []; 1362 1363 if (jsonLogic.is_logic(logic)) { 1364 var op = jsonLogic.get_operator(logic); 1365 var values = logic[op]; 1366 1367 if ( ! Array.isArray(values)) { 1368 values = [values]; 1369 } 1370 1371 if (op === "var") { 1372 // This doesn't cover the case where the arg to var is itself a rule. 1373 collection.push(values[0]); 1374 } else { 1375 // Recursion! 1376 values.forEach(function(val) { 1377 collection.push.apply(collection, jsonLogic.uses_data(val) ); 1378 }); 1379 } 1380 } 1381 1382 return arrayUnique(collection); 1383 }; 1384 1385 jsonLogic.add_operation = function(name, code) { 1386 operations[name] = code; 1387 }; 1388 1389 jsonLogic.rm_operation = function(name) { 1390 delete operations[name]; 1391 }; 1392 1393 jsonLogic.rule_like = function(rule, pattern) { 1394 // console.log("Is ". JSON.stringify(rule) . " like " . JSON.stringify(pattern) . "?"); 1395 if (pattern === rule) { 1396 return true; 1397 } // TODO : Deep object equivalency? 1398 if (pattern === "@") { 1399 return true; 1400 } // Wildcard! 1401 if (pattern === "number") { 1402 return (typeof rule === "number"); 1403 } 1404 if (pattern === "string") { 1405 return (typeof rule === "string"); 1406 } 1407 if (pattern === "array") { 1408 // !logic test might be superfluous in JavaScript 1409 return Array.isArray(rule) && ! jsonLogic.is_logic(rule); 1410 } 1411 1412 if (jsonLogic.is_logic(pattern)) { 1413 if (jsonLogic.is_logic(rule)) { 1414 var pattern_op = jsonLogic.get_operator(pattern); 1415 var rule_op = jsonLogic.get_operator(rule); 1416 1417 if (pattern_op === "@" || pattern_op === rule_op) { 1418 // echo "\nOperators match, go deeper\n"; 1419 return jsonLogic.rule_like( 1420 jsonLogic.get_values(rule, false), 1421 jsonLogic.get_values(pattern, false) 1422 ); 1423 } 1424 } 1425 return false; // pattern is logic, rule isn't, can't be eq 1426 } 1427 1428 if (Array.isArray(pattern)) { 1429 if (Array.isArray(rule)) { 1430 if (pattern.length !== rule.length) { 1431 return false;
1432 } 1433 /* 1434 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) 1435 */ 1436 for (var i = 0; i < pattern.length; i += 1) { 1437 // If any fail, we fail 1438 if ( ! jsonLogic.rule_like(rule[i], pattern[i])) { 1439 return false; 1440 } 1441 } 1442 return true; // If they *all* passed, we pass 1443 } else { 1444 return false; // Pattern is array, rule isn't 1445 } 1446 } 1447 1448 // Not logic, not array, not a === match for rule. 1449 return false; 1450 }; 1451 1452 return jsonLogic; 1453})); 1454</script>
1454<!-- BEGIN app snippet: properties_mapping -->
1454<script> 1455const ap_Config = { 1456 page_title: "Pomegranate Sparkle Prebiotic Soda 6g Fiber | OLIPOP", 1457 cart: { 1458 checkout_charge_amount: 0, 1459 item_count: 0, 1460 note: null, 1461 total_discount: 0, 1462 total_price: 0, 1463 }, 1464 date: new Date().toISOString().split('T')[0], 1465 date_time: new Date().toISOString(), 1466 localization : { 1467 country: { 1468 iso_code: "US", 1469 currency: { 1470 symbol: "$" 1471 } 1472 }, 1473 market: { 1474 handle: 'us', 1475 id: 3724869791 1476 } 1477 }, 1478 customer: { 1479 b2b: null, 1480 current_company: { 1481 name: null 1482 }, 1483 email: null, 1484 last_order: { 1485 id: null 1486 } 1487 }, 1488 shop: { 1489 address:{ 1490 address1: "360 Grand Ave #259", 1491 address2: "", 1492 city: "Oakland", 1493 country: "United States", 1494 province: "California", 1495 province_code: "CA", 1496 } 1497 }, 1498} 1499</script>
1499<!-- END app snippet -->
1499<script type="module"> 1500 const ROOT_URL = typeof window.Shopify.routes.root == "undefined" ? "/" : window.Shopify.routes.root; 1501 const getInterpolatedValue = (value) => { 1502 if(!window.cartAttributesConfig.isUltimate) return value; 1503 const tagPattern = /\{\{([^\}]+)\}\}/g; 1504 let interpolatedValue = value; 1505 let match; 1506 while ((match = tagPattern.exec(value)) !== null) { 1507 const path = match[1].trim().split('.'); 1508 let context = ap_Config; 1509 for (const segment of path) { 1510 console.log("segment", segment); 1511 if (context.hasOwnProperty(segment)) { 1512 context = context[segment]; 1513 } else { 1514 console.error(`Path segment '${segment}' not found in context.`); 1515 context = undefined; 1516 break; 1517 } 1518 } 1519 if (context !== undefined) { 1520 interpolatedValue = interpolatedValue.replace(new RegExp(match[0].replace(/[.*+?^${}()|[\]\\]/g, '\\$&'), 'g'), context); 1521 } 1522 } 1523 return interpolatedValue; 1524 } 1525 1526 1527 1528 console.log("Not ultimate"); 1529 1530 window.cartAttributesConfig = { 1531 1532 1533 metaobjects: [], 1534 } 1535 let FLAG = false 1536 1537 let logCart = false 1538 1539 const customerCountry = "US" 1540 const market = 3724869791 1541 1542 1543 xhook.after(async function (request, response) { 1544 if (!request.url.toString().match(/cart\/add/) && !request.url.toString().match(/cart\/change/)) return 1545 if (FLAG === true) return 1546 if (!window.cartAttributesConfig.metaobjects?.length) return 1547 if (response.status === 200){ 1548 const ATTRIBUTES = {}; 1549 const MODIFIED_ITEMS = new Set(); // Track which items were actually modified by rules 1550 const PRODUCT_ATTRIBUTES = {}; 1551 let cart = await fetch(window.origin + "/cart.json").then(res => res.json()); 1552 for(const {id, properties} of cart.items) { 1553 PRODUCT_ATTRIBUTES[id] = properties; 1554 } 1555 const productsInCartReq = cart.items.map(async (item) => await fetch(window.origin + `/products/${item.handle}.json`).then(res => res.json()) ); 1556 const productsInCart = await Promise.all(productsInCartReq); 1557 const tagsInCart = productsInCart.map(product => product.product.tags.split(", ")).flat(); 1558 1559 const collectionsInCart = [] 1560 1561 window.cartAttributesConfig.metaobjects?.forEach((metaobject, i) => { 1562 1563 if (metaobject.debug) { 1564 console.log("TAGS in cart: ", tagsInCart); 1565 console.log("COLLECTIONS in cart: ", collectionsInCart); 1566 console.log("Cart pre_script") 1567 console.log(cart) 1568 1569 metaobject.debug && console.log(metaobject); 1570 logCart = true; 1571 } 1572 1573 if (metaobject.active == true) { 1574 metaobject.debug && console.log(metaobject.title + " is included in the textArea"); 1575 const cartWithAdditionalFields = { 1576 ...cart, 1577 tagsInCart: tagsInCart, 1578 collectionsInCart: collectionsInCart, 1579 customerCountry: customerCountry, 1580 market: `gid://shopify/Market/${market}` 1581 } 1582 // If rule truthy 1583 if (window.jsonLogic.apply(metaobject.rules, cartWithAdditionalFields)) { 1584 metaobject.debug && console.log("Rule is truthy. We're adding its attributes"); 1585 1586 if (metaobject.target !== "product") { // Add Cart attr 1587 metaobject.attributes.forEach(a => { 1588 let interpolatedValue = getInterpolatedValue(a.value) 1589 ATTRIBUTES[a.key] = interpolatedValue; 1590 }); 1591 } 1592 1593 if (metaobject.target !== "cart") { // Add Product attr 1594 console.log("This is our metaobject and its products: ", metaobject); 1595 1596 const project_attr = {}; 1597 metaobject.attributes.forEach(a => { 1598 let interpolatedValue = getInterpolatedValue(a.value) 1599 project_attr[a.key] = interpolatedValue; 1600 }); 1601 metaobject.products.forEach(product => { 1602 const id = product.id.split("/").at(-1); 1603 PRODUCT_ATTRIBUTES[id] = { ...PRODUCT_ATTRIBUTES[id], ...project_attr }; 1604 MODIFIED_ITEMS.add(id); 1605 }); 1606 } 1607 1608 // If rule not truthy 1609 } else { 1610 metaobject.debug && console.log("Rule is not truthy. We're invalidating its attributes"); 1611 1612 if (metaobject.target !== "product") { //Cleanup for Cart
1613 metaobject.attributes.forEach((a, i) => { 1614 if (cart.attributes[a.key] !== undefined && !metaobject.keep) { 1615 ATTRIBUTES[a.key] = null; 1616 } 1617 }); 1618 } 1619 1620 1621 else if (metaobject.target !== "cart" && !metaobject.keep) { //Cleanup for Products 1622 1623 metaobject.products.forEach(product => { 1624 const id = product.id.split("/").at(-1); 1625 metaobject.attributes.forEach(a => { 1626 if (PRODUCT_ATTRIBUTES[id]?.[a.key] !== undefined) { 1627 delete PRODUCT_ATTRIBUTES[id][a.key]; 1628 MODIFIED_ITEMS.add(id); 1629 } 1630 }); 1631 }); 1632 1633 } 1634 1635 } 1636 } 1637 metaobject.debug && console.log("Cart attributes to push: ", ATTRIBUTES); 1638 if(metaobject.debug){ 1639 console.log(i+1+"* METAOBJ ATTRIBUTES: ", JSON.parse(JSON.stringify(PRODUCT_ATTRIBUTES))); 1640 } 1641 }); 1642 1643 // Only send /cart/change.js for items that were actually modified by rules 1644 // AND whose desired properties differ from what's already on the cart line 1645 const itemsToUpdate = cart.items.filter(item => { 1646 if (!MODIFIED_ITEMS.has(String(item.id))) return false; 1647 const desired = PRODUCT_ATTRIBUTES[item.id] || {}; 1648 const current = item.properties || {}; 1649 // Check if every desired key/value already matches the current properties 1650 const desiredKeys = Object.keys(desired); 1651 const currentKeys = Object.keys(current); 1652 if (desiredKeys.length !== currentKeys.length) return true; 1653 for (const key of desiredKeys) { 1654 if (String(desired[key]) !== String(current[key])) return true; 1655 } 1656 return false; // All properties already match, no need to update 1657 }); 1658 if (itemsToUpdate.length > 0) { 1659 FLAG = true; 1660 await Promise.all(itemsToUpdate.map(item => { 1661 const attributes = PRODUCT_ATTRIBUTES[item.id]; 1662 return fetch(ROOT_URL + "cart/change.js", { 1663 method: 'POST', 1664 headers: { 1665 'Content-Type': 'application/json' 1666 }, 1667 body: JSON.stringify({ 1668 id: item.key, 1669 properties: attributes, 1670 quantity: item.quantity 1671 }) 1672 }).catch(err => console.error(err)); 1673 })); 1674 FLAG = false; 1675 } 1676 1677 // Only send /cart/update.js when we actually have attributes to set/clear 1678 const hasCartAttributes = Object.keys(ATTRIBUTES).length > 0; 1679 if (hasCartAttributes) { 1680 fetch(ROOT_URL + 'cart/update.js', { 1681 method: 'POST', 1682 headers: { 1683 'Content-Type': 'application/json' 1684 }, 1685 body: JSON.stringify({attributes: ATTRIBUTES}) 1686 }) 1687 .then((res) => res.json()) 1688 .then(data => { 1689 logCart && console.log("cartResult",data); 1690 return data 1691 }) 1692 .catch((error) => { 1693 console.error('Error:', error); 1694 }); 1695 } 1696 1697 } 1698 }); 1699</script>
1699 1700 1701 1702 1703<!-- END app block --><!-- BEGIN app block: shopify://apps/elevar-conversion-tracking/blocks/dataLayerEmbed/bc30ab68-b15c-4311-811f-8ef485877ad6 --> 1704 1705 1706
1707<script type="module" dynamic> 1708 const configUrl = "/a/elevar/static/configs/3bd4c3efadb9bd7b389600baaae057f8a9972102/config.js"; 1709 const config = (await import(configUrl)).default; 1710 const scriptUrl = config.script_src_app_theme_embed; 1711 1712 if (scriptUrl) { 1713 const { handler } = await import(scriptUrl); 1714 1715 await handler( 1716 config, 1717 { 1718 cartData: { 1719 marketId: "3724869791", 1720 localeCountryCode:"US", 1721 attributes:{}, 1722 cartTotal: "0.0", 1723 currencyCode:"USD", 1724 items: [] 1725} 1726, 1727 user: { 1728 cartTotal: "0.0", 1729 currencyCode:"USD", 1730 customer: {}, 1731} 1732, 1733 isOnCartPage:false, 1734 collectionView:null, 1735 searchResultsView:null, 1736 productView:{ 1737 attributes:{}, 1738 currencyCode:"USD",defaultVariant: {id:"OP-PS-12-A",name:"Pomegranate Sparkle", 1739 brand:"OLIPOP", 1740 category:"6g Fiber", 1741 variant:"12 Pack", 1742 price: "35.99", 1743 productId: "10934531719327", 1744 variantId: "62865580589215", 1745 compareAtPrice: "0.0",image:"\/\/drinkolipop.com\/cdn\/shop\/files\/pomegranate-sparkle-6g-olipop_gallery-image_single-can_new_asset.webp?v=1789390717",url:"\/products\/pomegranate-sparkle?variant=62865580589215"},items: [{id: "62871023616159",name:"Pomegranate Sparkle", 1746 brand:"OLIPOP", 1747 category:"6g Fiber", 1748 variant:"1 Can", 1749 price: "35.99", 1750 productId: "10934531719327", 1751 variantId: "62871023616159", 1752 compareAtPrice: "0.0",image:"\/\/drinkolipop.com\/cdn\/shop\/files\/pomegranate-sparkle-6g-olipop_gallery-image_single-can_new_asset.webp?v=1789390717",url:"\/products\/pomegranate-sparkle?variant=62871023616159"},{id:"OP-PS-12-A",name:"Pomegranate Sparkle", 1753 brand:"OLIPOP", 1754 category:"6g Fiber", 1755 variant:"12 Pack", 1756 price: "35.99", 1757 productId: "10934531719327", 1758 variantId: "62865580589215", 1759 compareAtPrice: "0.0",image:"\/\/drinkolipop.com\/cdn\/shop\/files\/pomegranate-sparkle-6g-olipop_gallery-image_single-can_new_asset.webp?v=1789390717",url:"\/products\/pomegranate-sparkle?variant=62865580589215"},] 1760 }, 1761 } 1762 ); 1763 } 1764</script>
1764 1765 1766 1767<!-- END app block --><!-- BEGIN app block: shopify://apps/wyllo-formerly-nofraud/blocks/nf_device/5c2706cf-d458-49c5-a6fa-4fb6b79ce2b4 -->
1767<script async src="https://services.nofraud.com/js/device.js?shop=olipop-store.myshopify.com" type="application/javascript"></script>
1767 1768 1769 1770<!-- END app block --><!-- BEGIN app block: shopify://apps/klaviyo-email-marketing-sms/blocks/klaviyo-onsite-embed/2632fe16-c075-4321-a88b-50b567f42507 --> 1771 1772 1773 1774 1775 1776 1777 1778 1779 1780 1781 1782 1783
1783<script async src="https://static.klaviyo.com/onsite/js/PbvgDc/klaviyo.js?company_id=PbvgDc"></script>
1783 1784
1784<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>
1784 1785 1786 1787
1787<script id="viewed_product"> 1788 if (item == null) { 1789 var _learnq = _learnq || []; 1790 1791 var MetafieldReviews = null 1792 var MetafieldYotpoRating = null 1793 var MetafieldYotpoCount = null 1794 var MetafieldLooxRating = null 1795 var MetafieldLooxCount = null 1796 var okendoProduct = null 1797 var okendoProductReviewCount = null 1798 var okendoProductReviewAverageValue = null 1799 try { 1800 // The following fields are used for Customer Hub recently viewed in order to add reviews. 1801 // This information is not part of __kla_viewed. Instead, it is part of __kla_viewed_reviewed_items 1802 MetafieldReviews = {"hide":true,"rating":{"scale_min":"1.0","scale_max":"5.0","value":"4.814606742"},"rating_count":178}; 1803 MetafieldYotpoRating = "4.9" 1804 MetafieldYotpoCount = "50" 1805 MetafieldLooxRating = null 1806 MetafieldLooxCount = null 1807 1808 okendoProduct = null 1809 // If the okendo metafield is not legacy, it will error, which then requires the new json formatted data 1810 if (okendoProduct && 'error' in okendoProduct) { 1811 okendoProduct = null 1812 } 1813 okendoProductReviewCount = okendoProduct ? okendoProduct.reviewCount : null 1814 okendoProductReviewAverageValue = okendoProduct ? okendoProduct.reviewAverageValue : null 1815 } catch (error) { 1816 console.error('Error in Klaviyo onsite reviews tracking:', error); 1817 } 1818 1819 var item = { 1820 Name: "Pomegranate Sparkle", 1821 ProductID: 10934531719327, 1822 Categories: ["6g Fiber","[Dev] PLP - Single Flavors","[Dev] Subscription Page Collection","All","All products excluding non promo items","All Products ProtectMyOrder Excluded","Limited Edition"], 1823 ImageURL: "https://drinkolipop.com/cdn/shop/files/pomegranate-sparkle-6g-olipop_gallery-image_single-can_new_asset_grande.webp?v=1789390717", 1824 URL: "https://drinkolipop.com/products/pomegranate-sparkle", 1825 Brand: "OLIPOP", 1826 Price: "$35.99", 1827 Value: "35.99", 1828 CompareAtPrice: "$0.00" 1829 }; 1830 _learnq.push(['track', 'Viewed Product', item]); 1831 _learnq.push(['trackViewedItem', { 1832 Title: item.Name, 1833 ItemId: item.ProductID, 1834 Categories: item.Categories, 1835 ImageUrl: item.ImageURL, 1836 Url: item.URL, 1837 Metadata: { 1838 Brand: item.Brand, 1839 Price: item.Price, 1840 Value: item.Value, 1841 CompareAtPrice: item.CompareAtPrice 1842 }, 1843 metafields:{ 1844 reviews: MetafieldReviews, 1845 yotpo:{ 1846 rating: MetafieldYotpoRating, 1847 count: MetafieldYotpoCount, 1848 }, 1849 loox:{ 1850 rating: MetafieldLooxRating, 1851 count: MetafieldLooxCount, 1852 }, 1853 okendo: { 1854 rating: okendoProductReviewAverageValue, 1855 count: okendoProductReviewCount, 1856 } 1857 } 1858 }]); 1859 } 1860 </script>
1860 1861 1862 1863 1864 1865 1866
1866<script> 1867 window.klaviyoReviewsProductDesignMode = false 1868 </script>
1868 1869 1870 1871 1872 1873 1874 1875 1876 1877 1878<!-- 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 /> 1879<link rel='preconnect dns-prefetch' href='https://conf.config-security.com/' crossorigin />
1880<script> 1881/* >> TriplePixel :: start*/ 1882window.TriplePixelData={TripleName:"olipop-store.myshopify.com",ver:"2.16",plat:"SHOPIFY",isHeadless:false,src:'SHOPIFY_EXT',product:{id:"10934531719327",name:`Pomegranate Sparkle`,price:"35.99",variant:"62865580589215",av:{ "62871023616159":false,"62865580589215":true }},search:"",collection:"",cart:"",template:"product",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); 1883/* << TriplePixel :: end*/ 1884</script>
1884 1885 1886 1887 1888<!-- END app block --><!-- BEGIN app block: shopify://apps/keepcart-coupon-protect/blocks/keepcart/6c9b264a-3284-48f2-a6f6-2836be6ada2a --> 1889 1890 1891 1892
1893<script src="https://cdn.shopify.com/extensions/01a0cff8-2c69-745f-8772-fd89b29d2d4b/keepcart-2-253/assets/vars.generated.js" defer="defer"></script>
1893 1894 1895
1895<script src="https://cdn.shopify.com/extensions/01a0cff8-2c69-745f-8772-fd89b29d2d4b/keepcart-2-253/assets/keepcart-embed-catalog.min.js" defer="defer"></script>
1895 1896
1897<script src="https://cdn.shopify.com/extensions/01a0cff8-2c69-745f-8772-fd89b29d2d4b/keepcart-2-253/assets/keepcart-embed-deferred.min.js" defer="defer"></script>
1897 1898 1899 1900 <style> 1901 #kc-discount-banner { 1902 1903 --kc-banner-bg: #1a1a1a; 1904 1905 1906 --kc-banner-color: #f5f5f5; 1907 1908 --kc-banner-font-size: 15px; 1909 --kc-banner-font: Helvetica, Arial, sans-serif; 1910 } 1911 1912 </style> 1913
1913<script> 1914 window.__KC_BANNER_CONFIG__ = { 1915 position: "bottom", 1916 autoHide: 7, 1917 animate: true, 1918 message: "Discount [code] applied - [value] off your order!" 1919 }; 1920 </script>
1920 1921 1922 1923 1924<!-- 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"> 1925<link href="https://monorail-edge.shopifysvc.com" rel="dns-prefetch">
1926<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: "product"};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 1926
1926
1927<script> 1928 window.__TREKKIE_SHIM_QUEUE = window.__TREKKIE_SHIM_QUEUE || []; 1929</script>
vendor: 1 bytes, line 1929
1929
1930<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}
1930).catch(function(){})}catch(e){}else try{var _=new XMLHttpRequest;_.open("POST",d,!0),_.setRequestHeader("Content-Type","text/plain"),_.send(m)}catch(e){n("[Web Pixels Manager] Got an unhandled error while logging to Monorail.")}}else n("[Web Pixels Manager] No Monorail endpoint provided, skipping logging.")}}}({version:u,browserTarget:g,surface:d.surface,shopId:d.shopId,monorailEndpoint:d.monorailEndpoint});if(Boolean(null==(_=null==(b=window.Shopify)?void 0:b.analytics)?void 0:_.replayQueue))w.emit({status:"setup-skipped",errorMsg:"replay queue already initialized."});else{var b,_;w.emit({status:"setup-started"}),window.Shopify=window.Shopify||{};var S=window.Shopify;S.analytics=S.analytics||{};var P=S.analytics;P.replayQueue=[],P.publish=function(e,t,i){return P.replayQueue.push([e,t,i]),!0};try{self.performance.mark("wpm:start")}catch(e){}var k,C="modern"===g?"modern":"legacy",E=(null!=l?l:{modern:"",legacy:""})[C],I=[(k={baseUrl:s,hashVersion:u,buildTarget:C}).baseUrl,"/wpm","/b",k.hashVersion,"modern"===k.buildTarget?"m":"l",".js"].join(""),O=!1,T=!1;try{c.browserTarget=g,function(){O=!0;try{window.addEventListener("pagehide",M)}catch(e){O=!1}}(),R(function(){try{R(x)}catch(e){D(e)}}),w.emit({status:"loading",requestId:m.requestId,navigationType:m.navigationType,trekkieState:a()})}catch(e){D(e)}}function U(){var e;if(q(),!function(){var e,t;return Boolean(null==(t=null==(e=window.Shopify)?void 0:e.analytics)?void 0:t.initialized)}()){var t,i,n;try{if("function"!=typeof(null==(e=window.webPixelsManager)?void 0:e.init))return void A();if(!(null!==(n=i=t=window.webPixelsManager.init(d))&&"function"!=typeof n&&Object(n)===n&&"publish"in i&&"function"==typeof i.publish&&"publishCustomEvent"in i&&"function"==typeof i.publishCustomEvent&&"visitor"in i&&"function"==typeof i.visitor))return void A()}catch(e){return void A(e)}var r=window.Shopify.analytics;r.replayQueue.forEach(function(e){var i=e[0],n=e[1],r=e[2];t.publishCustomEvent(i,n,r)}),r.replayQueue=[],r.publish=t.publishCustomEvent,r.visitor=t.visitor,r.initialized=!0}}function A(e){B("manager_api_unavailable",void 0===e?void 0:Q(e))}function x(){B("script_load_failed","".concat(I," has failed to load"))}function B(e,t){T||(T=!0,q(),w.emit({status:"failed",errorMsg:t,failureReason:e,requestId:m.requestId,navigationType:m.navigationType,trekkieState:a()}))}function M(e){O&&(q(),w.emit({status:"pagehide-while-loading",useKeepaliveFallback:!0,pagehidePersisted:e.persisted,requestId:m.requestId,navigationType:m.navigationType,trekkieState:a()}))}function q(){O=!1;try{window.removeEventListener("pagehide",M)}catch(e){}}function R(e){var t;!function(e){var t=e.src,i=e.async,n=void 0===i||i,r=e.onload,o=e.onerror,a=e.sri,d=e.scriptDataAttributes,s=void 0===d?{}:d,u=document.createElement("script"),l=document.querySelector("head"),c=document.querySelector("body");if(u.async=n,u.src=t,a&&(u.integrity=a,u.crossOrigin="anonymous"),s)for(var p in s)if(Object.prototype.hasOwnProperty.call(s,p))try{u.dataset[p]=String(s[p])}catch(e){}if(r&&u.addEventListener("load",r),o&&u.addEventListener("error",o),l)l.appendChild(u);else{if(!c)throw new Error("Did not find a head or body element to append the script");c.appendChild(u)}}({src:I,async:!0,onload:U,onerror:e,sri:(t=E,"string"==typeof t&&/^sha384-[A-Za-z0-9+/=]+$/.test(t)?E:""),scriptDataAttributes:c})}function D(e){B("script_append_failed",Q(e))}function Q(e){return e instanceof Error?e.message:"Unknown error"}}}();wpmLoader({shopId: 3466100806,storefrontBaseUrl: "https://drinkolipop.com",extensionsBaseUrl: "https://extensions.shopifycdn.com/cdn/shopifycloud/web-pixels-manager",monorailEndpoint: "https://drinkolipop.com/.well-known/shopify/monorail/unstable/produce_batch",surface: "storefront-renderer",enabledBetaFlags: ["4c64608a","16072cab","8450a54b","7ee89bf1"],webPixelsConfigList: [{"id":"901611679","configuration":"{\"pixelCode\":\"C4AK431U9OSI64EC9TKG\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"22e92c2ad45662f435e4801458fb78cc","type":"APP","apiClientId":4383523,"privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized"},{"id":"887685279","configuration":"{\"advertiser\":\"drinkolipop\",\"userId\":\"161265b2-c678-45dd-8b10-b16b276c7094\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"1cebf922bdc3d51912d7eaa3af89b41d","type":"APP","apiClientId":39871250433,"privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_email","read_customer_personal_data"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized"},{"id":"883064991","configuration":"{\"tenantId\":\"dfb51de3-94ea-4014-9527-37b52b8377ea\", \"shop\":\"olipop-store.myshopify.com\", \"datasourceId\":\"613a349b-c3fe-459e-a8c2-74250377f6c7\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"480ec4c467668a19b56bc858d759ef88","type":"APP","apiClientId":4294333,"privacyPurposes":["ANALYTICS"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]}
1930,"dataSharingState":"unrestricted"},{"id":"855900319","configuration":"{\"Enabled\":\"false\",\"UpdatedAt\":\"2026-05-28T20:32:13.756Z\",\"DeveloperPreview\":\"false\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"7913f49eba866a6cbbe1bb85b5400251","type":"APP","apiClientId":34646425601,"privacyPurposes":["ANALYTICS"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"unrestricted"},{"id":"844464287","configuration":"{\"trackingKey\":\"olipop-store-stayai-web-pixel\",\"enabled\":\"true\",\"collectorUrl\":\"https:\\\/\\\/pixel.retextion.com\",\"version\":\"1\",\"debug\":\"false\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"94457fdfcf80b0033e88e322893e2b49","type":"APP","apiClientId":5859381,"privacyPurposes":["ANALYTICS"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"unrestricted"},{"id":"843415711","configuration":"{\"config_url\": \"https:\/\/shopify-gtm-suite.getelevar.com\/configs\/3bd4c3efadb9bd7b389600baaae057f8a9972102\/config.js\"}","eventPayloadVersion":"v1","runtimeContext":"LAX","scriptVersion":"7ae63d00911d5ee26809bf1e3232d852","type":"APP","apiClientId":2509311,"privacyPurposes":[],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"unrestricted"},{"id":"795934879","configuration":"{\"accountID\":\"PbvgDc\",\"webPixelConfig\":\"eyJlbmFibGVBZGRlZFRvQ2FydEV2ZW50cyI6IHRydWV9\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"c63c5b72c8d77be5f2d27d14c081da38","type":"APP","apiClientId":123074,"privacyPurposes":["ANALYTICS","MARKETING"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized","enabledFlags":["9a3ed68a"]},{"id":"746881183","configuration":"{\"accountID\":\"1552\",\"micrositeDomain\":\"drinkolipop.superfiliate.com\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"9fae8f5cb0b9c97477ac364bb3772a0c","type":"APP","apiClientId":4862993,"privacyPurposes":["ANALYTICS"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"unrestricted"},{"id":"740360351","configuration":"{\"shopUrl\":\"olipop-store.myshopify.com\",\"apiUrl\":\"https:\\\/\\\/services.nofraud.com\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"0cf396a0daab06a8120b15747f89a0e3","type":"APP","apiClientId":1380557,"privacyPurposes":[],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"unrestricted"},{"id":"651690143","configuration":"{\"shopId\":\"olipop-store.myshopify.com\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"7093dff47f098f6de2afb75b62011ebe","type":"APP","apiClientId":2753413,"privacyPurposes":["ANALYTICS","MARKETING"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized"},{"id":"601063583","configuration":"{\"accountID\":\"olipop-store.myshopify.com\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"74f89c26283dd9bc8e535e14315f3aed","type":"APP","apiClientId":198303350785,"privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized"},{"id":"566689951","configuration":"{\"shopID\":\"3466100806\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"661cb915019a6836503f79bf7365ed06","type":"APP","apiClientId":37840257025,"privacyPurposes":["ANALYTICS"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized"},{"id":"562888863","configuration":"{\"locale\":\"en_US\",\"client\":\"olipop\",\"environment\":\"production\",\"deployment_zone\":\"main_site\",\"use_external_ids\":\"false\",\"use_variants\":\"false\",\"external_id_attribute\":\"default\",\"storefront_api_key\":\"none\",\"product_metafield_key\":\"none\",\"product_metafield_namespace\":\"none\",\"multi_locale_enabled\":\"false\",\"locale_mapping\":\"{}\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"bf601cbef12079fa1ab77422415f1989","type":"APP","apiClientId":1888040,"privacyPurposes":["ANALYTICS","MARKETING"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized"},{"id":"306348191","configuration":"{\"site_id\":\"18c223ec-1eb0-462b-ae0c-008c2e8cc450\",\"analytics_endpoint\"
1930:\"https:\\\/\\\/na.shgcdn3.com\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"695709fc3f146fa50a25299517a954f2","type":"APP","apiClientId":1158168,"privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_personal_data"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized"},{"id":"216826015","configuration":"{\"pixel_id\":\"452900448865909\",\"pixel_type\":\"facebook_pixel\",\"metaapp_system_user_token\":\"-\"}","eventPayloadVersion":"v1","runtimeContext":"OPEN","scriptVersion":"96420dbe9ea96c426a1b7f364f977719","type":"APP","apiClientId":2329312,"privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized","enabledFlags":["9a3ed68a"]},{"id":"113672351","configuration":"{\"tagID\":\"2612465282190\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"7ae565e198624b39e0856d352b9a6b4c","type":"APP","apiClientId":3009811,"privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized"},{"id":"44695711","configuration":"{\"shopId\":\"olipop-store.myshopify.com\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"31536d5a2ef62c1887054e49fd58dba0","type":"APP","apiClientId":4845829,"privacyPurposes":["ANALYTICS"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"unrestricted"},{"id":"33783967","configuration":"{\"campaignID\":\"12980\",\"externalExecutionURL\":\"https:\/\/engine.saasler.com\/api\/v1\/webhook_executions\/b01a0964f6e01eccad6be51da55ef1e9\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"4d2ae310e7f99f154f33560b5c81cfa9","type":"APP","apiClientId":3546795,"privacyPurposes":[],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"unrestricted"},{"id":"26509471","configuration":"{\"myshopifyDomain\":\"olipop-store.myshopify.com\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"23b97d18e2aa74363140dc29c9284e87","type":"APP","apiClientId":2775569,"privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_phone","read_customer_personal_data"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized"},{"id":"16089247","eventPayloadVersion":"1","runtimeContext":"LAX","scriptVersion":"1","type":"CUSTOM","privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"name":"ORION"},{"id":"22773919","eventPayloadVersion":"1","runtimeContext":"LAX","scriptVersion":"1","type":"CUSTOM","privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"name":"Microsoft Clarity"},{"id":"30048415","eventPayloadVersion":"1","runtimeContext":"LAX","scriptVersion":"1","type":"CUSTOM","privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"name":"BrandLock Supplementary Pixel"},{"id":"33226911","eventPayloadVersion":"1","runtimeContext":"LAX","scriptVersion":"1","type":"CUSTOM","privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"name":"Videowise Pixel"},{"id":"143556767","eventPayloadVersion":"1","runtimeContext":"LAX","scriptVersion":"1","type":"CUSTOM","privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"name":"Reddit Pixel"}
1930,{"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":[{"price":{"amount":35.99,"currencyCode":"USD"},"product":{"title":"Pomegranate Sparkle","vendor":"OLIPOP","id":"10934531719327","untranslatedTitle":"Pomegranate Sparkle","url":"\/products\/pomegranate-sparkle","type":"6g Fiber"},"id":"62871023616159","image":{"src":"\/\/drinkolipop.com\/cdn\/shop\/files\/pomegranate-sparkle-6g-olipop_gallery-image_single-can_new_asset.webp?v=1789390717"},"sku":null,"title":"1 Can","untranslatedTitle":"1 Can"},{"price":{"amount":35.99,"currencyCode":"USD"},"product":{"title":"Pomegranate Sparkle","vendor":"OLIPOP","id":"10934531719327","untranslatedTitle":"Pomegranate Sparkle","url":"\/products\/pomegranate-sparkle","type":"6g Fiber"},"id":"62865580589215","image":{"src":"\/\/drinkolipop.com\/cdn\/shop\/files\/pomegranate-sparkle-6g-olipop_gallery-image_single-can_new_asset.webp?v=1789390717"},"sku":"OP-PS-12-A","title":"12 Pack","untranslatedTitle":"12 Pack"}],"products":[{"id":"10934531719327","handle":"pomegranate-sparkle","isCollective":null,"title":"Pomegranate Sparkle","type":"6g Fiber","untranslatedTitle":"Pomegranate Sparkle","url":"\/products\/pomegranate-sparkle","vendor":"OLIPOP","remoteShopId":null,"variants":[{"id":"62871023616159","image":{"src":"\/\/drinkolipop.com\/cdn\/shop\/files\/pomegranate-sparkle-6g-olipop_gallery-image_single-can_new_asset.webp?v=1789390717"},"price":{"amount":35.99,"currencyCode":"USD"},"sku":null,"title":"1 Can","untranslatedTitle":"1 Can"},{"id":"62865580589215","image":{"src":"\/\/drinkolipop.com\/cdn\/shop\/files\/pomegranate-sparkle-6g-olipop_gallery-image_single-can_new_asset.webp?v=1789390717"},"price":{"amount":35.99,"currencyCode":"USD"},"sku":"OP-PS-12-A","title":"12 Pack","untranslatedTitle":"12 Pack"}]},{"id":"10910759354527","handle":"caramel-apple","isCollective":null,"title":"Caramel Apple","type":"9g Fiber","untranslatedTitle":"Caramel Apple","url":"\/products\/caramel-apple","vendor":"OLIPOP","remoteShopId":null,"variants":[{"id":"62787700621471","image":{"src":"\/\/drinkolipop.com\/cdn\/shop\/files\/caramel-apple-9g-olipop_gallery-image_single-can_new_asset.webp?v=1788145122"},"price":{"amount":35.99,"currencyCode":"USD"},"sku":"OP-CRA-12","title":"12 Pack","untranslatedTitle":"12 Pack"}]},{"id":"5871016640671","handle":"blackberry-vanilla","isCollective":null,"title":"Blackberry Vanilla","type":"9g Fiber","untranslatedTitle":"Blackberry Vanilla","url":"\/products\/blackberry-vanilla","vendor":"OLIPOP","remoteShopId":null,"variants":[{"id":"37114287784095","image":{"src":"\/\/drinkolipop.com\/cdn\/shop\/files\/blackberry-vanilla-9g-olipop_gallery-image_single-can_new_asset.webp?v=1779162450"},"price":{"amount":35.99,"currencyCode":"USD"},"sku":"OP-BBV-12","title":"12 Pack","untranslatedTitle":"12 Pack"}]},{"id":"7478573498527","handle":"crisp-apple","isCollective":null,"title":"Crisp Apple","type":"9g Fiber","untranslatedTitle":"Crisp Apple","url":"\/products\/crisp-apple","vendor":"OLIPOP","remoteShopId":null,"variants":[{"id":"42468536975519","image":{"src":"\/\/drinkolipop.com\/cdn\/shop\/files\/crisp-apple-9g-olipop_gallery-image_single-can_new_asset.webp?v=1779163593"},"price":{"amount":35.99,"currencyCode":"USD"},"sku":"OP-CA-12","title":"12 Pack","untranslatedTitle":"12 Pack"}]},{"id":"6866436948127","handle":"classic-grape","isCollective":null,"title":"Classic Grape","type":"9g Fiber","untranslatedTitle":"Classic Grape","url":"\/products\/classic-grape","vendor":"OLIPOP","remoteShopId":null,"variants":[{"id":"40304921542815","image":{"src":"\/\/drinkolipop.com\/cdn\/shop\/files\/classic-grape-9g-olipop_gallery-image_single-can_new_asset.webp?v=1779163040"},"price":{"amount":35.99,"currencyCode":"USD"},"sku":"OP-GR-12","title":"12 Pack","untranslatedTitle":"12 Pack"}]},{"id":"4350717460544","handle":"classic-root-beer","isCollective":null,"title":"Classic Root Beer","type":"9g Fiber","untranslatedTitle":"Classic Root Beer","url":"\/products\/classic-root-beer","vendor":"OLIPOP","remoteShopId":null,"variants":[{"id":"31199447679040","image":{"src":"\/\/drinkolipop.com\/cdn\/shop\/files\/classic-root-beer-9g-olipop_gallery-image_single-can_new_asset.webp?v=1779161742"},"price":{"amount":35.99,"currencyCode":"USD"}
1930,"sku":"OP-RB-12","title":"12 Pack","untranslatedTitle":"12 Pack"}]},{"id":"3818023125062","handle":"vintage-cola","isCollective":null,"title":"Vintage Cola","type":"9g Fiber","untranslatedTitle":"Vintage Cola","url":"\/products\/vintage-cola","vendor":"OLIPOP","remoteShopId":null,"variants":[{"id":"30315238260806","image":{"src":"\/\/drinkolipop.com\/cdn\/shop\/files\/vintage-cola-9g-olipop_gallery-image_single-can_new_asset.webp?v=1779161590"},"price":{"amount":35.99,"currencyCode":"USD"},"sku":"OP-VC-12","title":"12 Pack","untranslatedTitle":"12 Pack"}]},{"id":"7413651636383","handle":"cream-soda","isCollective":null,"title":"Cream Soda","type":"9g Fiber","untranslatedTitle":"Cream Soda","url":"\/products\/cream-soda","vendor":"OLIPOP","remoteShopId":null,"variants":[{"id":"42284980666527","image":{"src":"\/\/drinkolipop.com\/cdn\/shop\/files\/cream-soda-9g-olipop_gallery-image_single-can_new_asset.webp?v=1779163263"},"price":{"amount":35.99,"currencyCode":"USD"},"sku":"OP-CS-12","title":"12 Pack","untranslatedTitle":"12 Pack"}]},{"id":"3818021027910","handle":"strawberry-vanilla","isCollective":null,"title":"Strawberry Vanilla","type":"9g Fiber","untranslatedTitle":"Strawberry Vanilla","url":"\/products\/strawberry-vanilla","vendor":"OLIPOP","remoteShopId":null,"variants":[{"id":"30315220959302","image":{"src":"\/\/drinkolipop.com\/cdn\/shop\/files\/strawberry-vanilla-9g-olipop_gallery-main-image_new_asset.webp?v=1779161007"},"price":{"amount":35.99,"currencyCode":"USD"},"sku":"OP-SV-12","title":"12 Pack","untranslatedTitle":"12 Pack"}]},{"id":"7502145421471","handle":"cherry-cola","isCollective":null,"title":"Cherry Cola","type":"9g Fiber","untranslatedTitle":"Cherry Cola","url":"\/products\/cherry-cola","vendor":"OLIPOP","remoteShopId":null,"variants":[{"id":"42533620777119","image":{"src":"\/\/drinkolipop.com\/cdn\/shop\/files\/cherry-cola-9g-olipop_gallery-main-image_new_asset.webp?v=1779163770"},"price":{"amount":35.99,"currencyCode":"USD"},"sku":"OP-CHC-12","title":"12 Pack","untranslatedTitle":"12 Pack"}]},{"id":"6604538577055","handle":"orange-cream","isCollective":null,"title":"Orange Cream","type":"9g Fiber","untranslatedTitle":"Orange Cream","url":"\/products\/orange-cream","vendor":"OLIPOP","remoteShopId":null,"variants":[{"id":"39569001578655","image":{"src":"\/\/drinkolipop.com\/cdn\/shop\/files\/orange-cream-9g-olipop_gallery-image_single-can_new_asset.webp?v=1779162789"},"price":{"amount":35.99,"currencyCode":"USD"},"sku":"OP-OC-12","title":"12 Pack","untranslatedTitle":"12 Pack"}]},{"id":"9247375851679","handle":"peaches-and-cream","isCollective":null,"title":"Peaches \u0026 Cream","type":"9g Fiber","untranslatedTitle":"Peaches \u0026 Cream","url":"\/products\/peaches-and-cream","vendor":"OLIPOP","remoteShopId":null,"variants":[{"id":"45259076501663","image":{"src":"\/\/drinkolipop.com\/cdn\/shop\/files\/peaches-and-cream-9g-olipop_gallery-image_single-can_new_asset.webp?v=1779165117"},"price":{"amount":35.99,"currencyCode":"USD"},"sku":"OP-PC-12","title":"12 Pack","untranslatedTitle":"12 Pack"}]},{"id":"9038878015647","handle":"ginger-ale","isCollective":null,"title":"Ginger Ale","type":"9g Fiber","untranslatedTitle":"Ginger Ale","url":"\/products\/ginger-ale","vendor":"OLIPOP","remoteShopId":null,"variants":[{"id":"44438423208095","image":{"src":"\/\/drinkolipop.com\/cdn\/shop\/files\/ginger-ale-9g-olipop_gallery-image_single-can_new_asset.webp?v=1779164857"},"price":{"amount":35.99,"currencyCode":"USD"},"sku":"OP-GA-12","title":"12 Pack","untranslatedTitle":"12 Pack"}]},{"id":"5538631712927","handle":"orange-squeeze","isCollective":null,"title":"Orange Squeeze","type":"9g Fiber","untranslatedTitle":"Orange Squeeze","url":"\/products\/orange-squeeze","vendor":"OLIPOP","remoteShopId":null,"variants":[{"id":"35768781111455","image":{"src":"\/\/drinkolipop.com\/cdn\/shop\/files\/orange-squeeze-9g-olipop_gallery-image_single-can_new_asset.webp?v=1779162264"},"price":{"amount":35.99,"currencyCode":"USD"},"sku":"OP-OS-12","title":"12 Pack","untranslatedTitle":"12 Pack"}]},{"id":"9407865061535","handle":"citrus-rush","isCollective":null,"title":"Citrus Rush","type":"9g Fiber","untranslatedTitle":"Citrus Rush","url":"\/products\/citrus-rush","vendor":"OLIPOP","remoteShopId":null,"variants":[{"id":"46054342066335","image":{"src":"\/\/drinkolipop.com\/cdn\/shop\/files\/citrus-rush-9g-olipop_gallery-image_single-can_new_asset.webp?v=1779196248"},"price":{"amount":35.99,"currencyCode":"USD"}
1930,"sku":"OP-RR-12","title":"12 Pack","untranslatedTitle":"12 Pack"}]},{"id":"7413651832991","handle":"doctor-goodwin","isCollective":null,"title":"Doctor Goodwin","type":"9g Fiber","untranslatedTitle":"Doctor Goodwin","url":"\/products\/doctor-goodwin","vendor":"OLIPOP","remoteShopId":null,"variants":[{"id":"42284985188511","image":{"src":"\/\/drinkolipop.com\/cdn\/shop\/files\/doctor-goodwin-9g-olipop_gallery-image_single-can_new_asset.webp?v=1779163486"},"price":{"amount":35.99,"currencyCode":"USD"},"sku":"OP-DG-12","title":"12 Pack","untranslatedTitle":"12 Pack"}]},{"id":"4452820189248","handle":"cherry-vanilla","isCollective":null,"title":"Cherry Vanilla","type":"9g Fiber","untranslatedTitle":"Cherry Vanilla","url":"\/products\/cherry-vanilla","vendor":"OLIPOP","remoteShopId":null,"variants":[{"id":"31667872464960","image":{"src":"\/\/drinkolipop.com\/cdn\/shop\/files\/cherry-vanilla-9g-olipop_gallery-image_single-can_new_asset.webp?v=1779162208"},"price":{"amount":35.99,"currencyCode":"USD"},"sku":"OP-CV-12","title":"12 Pack","untranslatedTitle":"12 Pack"}]},{"id":"3818021912646","handle":"ginger-lemon","isCollective":null,"title":"Ginger Lemon","type":"9g Fiber","untranslatedTitle":"Ginger Lemon","url":"\/products\/ginger-lemon","vendor":"OLIPOP","remoteShopId":null,"variants":[{"id":"30315236851782","image":{"src":"\/\/drinkolipop.com\/cdn\/shop\/files\/ginger-lemon-9g-olipop_gallery-image_single-can_new_asset.webp?v=1779161268"},"price":{"amount":35.99,"currencyCode":"USD"},"sku":"OP-GL-12","title":"12 Pack","untranslatedTitle":"12 Pack"}]},{"id":"7323931246751","handle":"tropical-punch","isCollective":null,"title":"Tropical Punch","type":"9g Fiber","untranslatedTitle":"Tropical Punch","url":"\/products\/tropical-punch","vendor":"OLIPOP","remoteShopId":null,"variants":[{"id":"41922380824735","image":{"src":"\/\/drinkolipop.com\/cdn\/shop\/files\/tropical-punch-9g-olipop_gallery-image_single-can_new_asset.webp?v=1779163155"},"price":{"amount":35.99,"currencyCode":"USD"},"sku":"OP-TP-12","title":"12 Pack","untranslatedTitle":"12 Pack"}]},{"id":"7612616376479","handle":"lemon-lime","isCollective":null,"title":"Lemon Lime","type":"9g Fiber","untranslatedTitle":"Lemon Lime","url":"\/products\/lemon-lime","vendor":"OLIPOP","remoteShopId":null,"variants":[{"id":"42897487429791","image":{"src":"\/\/drinkolipop.com\/cdn\/shop\/files\/lemon-lime-9g-olipop_gallery-image_single-can_new_asset.webp?v=1779163931"},"price":{"amount":35.99,"currencyCode":"USD"},"sku":"OP-LL-12","title":"12 Pack","untranslatedTitle":"12 Pack"}]},{"id":"7682917990559","handle":"watermelon-lime","isCollective":null,"title":"Watermelon Lime","type":"9g Fiber","untranslatedTitle":"Watermelon Lime","url":"\/products\/watermelon-lime","vendor":"OLIPOP","remoteShopId":null,"variants":[{"id":"43069390880927","image":{"src":"\/\/drinkolipop.com\/cdn\/shop\/products\/Olipop_WL_Can_front_1.png?v=1745469054"},"price":{"amount":35.99,"currencyCode":"USD"},"sku":"OP-WL-12","title":"12 Pack","untranslatedTitle":"12 Pack"}]},{"id":"7401847029919","handle":"banana-cream","isCollective":null,"title":"Banana Cream","type":"9g Fiber","untranslatedTitle":"Banana Cream","url":"\/products\/banana-cream","vendor":"OLIPOP","remoteShopId":null,"variants":[{"id":"42237531390111","image":{"src":"\/\/drinkolipop.com\/cdn\/shop\/files\/banana-cream-9g-olipop_gallery-image_single-can_new_asset.webp?v=1779155708"},"price":{"amount":35.99,"currencyCode":"USD"},"sku":"OP-BC-12","title":"12 Pack","untranslatedTitle":"12 Pack"}]},{"id":"10893253410975","handle":"raspberry-sherbet","isCollective":null,"title":"Raspberry Sherbet","type":"6g Fiber","untranslatedTitle":"Raspberry Sherbet","url":"\/products\/raspberry-sherbet","vendor":"OLIPOP","remoteShopId":null,"variants":[{"id":"62702781956255","image":{"src":"\/\/drinkolipop.com\/cdn\/shop\/files\/raspberry-sherbert_omni-pdp_single.webp?v=1775754912"},"price":{"amount":35.99,"currencyCode":"USD"},"sku":"OP-RS-12-A","title":"12 Pack","untranslatedTitle":"12 Pack"}]},{"id":"10874974044319","handle":"shirley-temple","isCollective":null,"title":"Shirley Temple","type":"6g Fiber","untranslatedTitle":"Shirley Temple","url":"\/products\/shirley-temple","vendor":"OLIPOP","remoteShopId":null,"variants":[{"id":"62579037569183","image":{"src":"\/\/drinkolipop.com\/cdn\/shop\/files\/shirley-temple-6g-olipop_gallery-image_single-can_new_asset.webp?v=1778804138"},"price":{"amount":35.99,"currencyCode":"USD"},"sku":"OP-ST-12-A","title":"12 Pack","untranslatedTitle":"12 Pack"}]}
1930,{"id":"10849057308831","handle":"spongebob-pineapple-paradise","isCollective":null,"title":"Pineapple Paradise","type":"6g Fiber","untranslatedTitle":"Pineapple Paradise","url":"\/products\/spongebob-pineapple-paradise","vendor":"OLIPOP","remoteShopId":null,"variants":[{"id":"62746923204767","image":{"src":"\/\/drinkolipop.com\/cdn\/shop\/files\/Pineapple-Paradise_cgi-main-image_072925.webp?v=1753844923"},"price":{"amount":35.99,"currencyCode":"USD"},"sku":"OP-PP-12-A","title":"12 Pack","untranslatedTitle":"12 Pack"}]},{"id":"10911708020895","handle":"crisp-apple-6g-fiber","isCollective":null,"title":"Crisp Apple","type":"6g Fiber","untranslatedTitle":"Crisp Apple","url":"\/products\/crisp-apple-6g-fiber","vendor":"OLIPOP","remoteShopId":null,"variants":[{"id":"62790846742687","image":{"src":"\/\/drinkolipop.com\/cdn\/shop\/files\/crisp-apple-6g-olipop_gallery-image_single-can_new_asset.webp?v=1778731400"},"price":{"amount":35.99,"currencyCode":"USD"},"sku":null,"title":"1 Can","untranslatedTitle":"1 Can"}]},{"id":"10911707725983","handle":"classic-grape-6g-fiber","isCollective":null,"title":"Classic Grape","type":"6g Fiber","untranslatedTitle":"Classic Grape","url":"\/products\/classic-grape-6g-fiber","vendor":"OLIPOP","remoteShopId":null,"variants":[{"id":"62790846021791","image":{"src":"\/\/drinkolipop.com\/cdn\/shop\/files\/classic-grape-6g-olipop_gallery-image_single-can_new_asset.webp?v=1778733509"},"price":{"amount":35.99,"currencyCode":"USD"},"sku":null,"title":"1 Can","untranslatedTitle":"1 Can"}]},{"id":"10911708217503","handle":"vintage-cola-6g-fiber","isCollective":null,"title":"Vintage Cola","type":"6g Fiber","untranslatedTitle":"Vintage Cola","url":"\/products\/vintage-cola-6g-fiber","vendor":"OLIPOP","remoteShopId":null,"variants":[{"id":"62790847103135","image":{"src":"\/\/drinkolipop.com\/cdn\/shop\/files\/vintage-cola-6g-olipop_gallery-image_single-can_new_asset.webp?v=1778727450"},"price":{"amount":35.99,"currencyCode":"USD"},"sku":null,"title":"1 Can","untranslatedTitle":"1 Can"}]},{"id":"10911707922591","handle":"classic-root-beer-6g-fiber","isCollective":null,"title":"Classic Root Beer","type":"6g Fiber","untranslatedTitle":"Classic Root Beer","url":"\/products\/classic-root-beer-6g-fiber","vendor":"OLIPOP","remoteShopId":null,"variants":[{"id":"62790846480543","image":{"src":"\/\/drinkolipop.com\/cdn\/shop\/files\/classic-root-beer-6g-olipop_gallery-image_single-can_new_asset.webp?v=1778736431"},"price":{"amount":35.99,"currencyCode":"USD"},"sku":null,"title":"1 Can","untranslatedTitle":"1 Can"}]},{"id":"10911707988127","handle":"cream-soda-6g-fiber","isCollective":null,"title":"Cream Soda","type":"6g Fiber","untranslatedTitle":"Cream Soda","url":"\/products\/cream-soda-6g-fiber","vendor":"OLIPOP","remoteShopId":null,"variants":[{"id":"62790846611615","image":{"src":"\/\/drinkolipop.com\/cdn\/shop\/files\/cream-soda-6g-olipop_gallery-image_single-can_new_asset_new_asset.webp?v=1778734784"},"price":{"amount":35.99,"currencyCode":"USD"},"sku":null,"title":"1 Can","untranslatedTitle":"1 Can"}]},{"id":"10901171011743","handle":"strawberry-vanilla-6g-fiber","isCollective":null,"title":"Strawberry Vanilla","type":"6g Fiber","untranslatedTitle":"Strawberry Vanilla","url":"\/products\/strawberry-vanilla-6g-fiber","vendor":"OLIPOP","remoteShopId":null,"variants":[{"id":"62757634211999","image":{"src":"\/\/drinkolipop.com\/cdn\/shop\/files\/strawberry-vanila-6g-olipop_gallery-image_single-can_new_asset.webp?v=1778765549"},"price":{"amount":35.99,"currencyCode":"USD"},"sku":null,"title":"1 Can","untranslatedTitle":"1 Can"}]},{"id":"10909849682079","handle":"cherry-cola-6g-fiber","isCollective":null,"title":"Cherry Cola","type":"6g Fiber","untranslatedTitle":"Cherry Cola","url":"\/products\/cherry-cola-6g-fiber","vendor":"OLIPOP","remoteShopId":null,"variants":[{"id":"62785253539999","image":{"src":"\/\/drinkolipop.com\/cdn\/shop\/files\/cherry-cola-6g-olipop_gallery-image_single-can_new_asset.webp?v=1778593310"},"price":{"amount":35.99,"currencyCode":"USD"},"sku":null,"title":"1 Can","untranslatedTitle":"1 Can"}]}
1930,{"id":"10911707562143","handle":"citrus-rush-6g-fiber","isCollective":null,"title":"Citrus Rush","type":"6g Fiber","untranslatedTitle":"Citrus Rush","url":"\/products\/citrus-rush-6g-fiber","vendor":"OLIPOP","remoteShopId":null,"variants":[{"id":"62790845235359","image":{"src":"\/\/drinkolipop.com\/cdn\/shop\/files\/citrus-rush-6g-olipop_gallery-image_single-can_new_asset.webp?v=1778599172"},"price":{"amount":35.99,"currencyCode":"USD"},"sku":null,"title":"1 Can","untranslatedTitle":"1 Can"}]},{"id":"10911708151967","handle":"ginger-ale-6g-fiber","isCollective":null,"title":"Ginger Ale","type":"6g Fiber","untranslatedTitle":"Ginger Ale","url":"\/products\/ginger-ale-6g-fiber","vendor":"OLIPOP","remoteShopId":null,"variants":[{"id":"62790846906527","image":{"src":"\/\/drinkolipop.com\/cdn\/shop\/files\/ginger-ale-6g-olipop_gallery-image_single-can_new_asset.webp?v=1778729238"},"price":{"amount":35.99,"currencyCode":"USD"},"sku":null,"title":"1 Can","untranslatedTitle":"1 Can"}]},{"id":"10911628951711","handle":"lemon-lime-6g-fiber","isCollective":null,"title":"Lemon Lime","type":"6g Fiber","untranslatedTitle":"Lemon Lime","url":"\/products\/lemon-lime-6g-fiber","vendor":"OLIPOP","remoteShopId":null,"variants":[{"id":"62790634406047","image":{"src":"\/\/drinkolipop.com\/cdn\/shop\/files\/lemon-lime-6g-olipop_gallery-image_single-can_new_asset.webp?v=1778589967"},"price":{"amount":35.99,"currencyCode":"USD"},"sku":null,"title":"1 Can","untranslatedTitle":"1 Can"}]},{"id":"10670762426527","handle":"classic-soda-variety-pack","isCollective":null,"title":"Classic Soda Variety Pack","type":"Mixed Pack","untranslatedTitle":"Classic Soda Variety Pack","url":"\/products\/classic-soda-variety-pack","vendor":"OLIPOP","remoteShopId":null,"variants":[{"id":"58296082104479","image":{"src":"\/\/drinkolipop.com\/cdn\/shop\/files\/classic-soda-variety-pack-6g-olipop_main-image-v2_new_asset.webp?v=1779207306"},"price":{"amount":35.99,"currencyCode":"USD"},"sku":"OP-VP2-12-A","title":"12 Cans","untranslatedTitle":"12 Cans"}]},{"id":"10670765965471","handle":"fruity-fun-variety-pack","isCollective":null,"title":"Fruity Fun Variety Pack","type":"Mixed Pack","untranslatedTitle":"Fruity Fun Variety Pack","url":"\/products\/fruity-fun-variety-pack","vendor":"OLIPOP","remoteShopId":null,"variants":[{"id":"58298099499167","image":{"src":"\/\/drinkolipop.com\/cdn\/shop\/files\/fruity-fun-variety-pack-6g-olipop_main-image-v2_new_asset.webp?v=1779207636"},"price":{"amount":35.99,"currencyCode":"USD"},"sku":"OP-VP3-12-A","title":"12 Cans","untranslatedTitle":"12 Cans"}]},{"id":"10670769078431","handle":"favorites-variety-pack","isCollective":null,"title":"Favorites Variety Pack","type":"Mixed Pack","untranslatedTitle":"Favorites Variety Pack","url":"\/products\/favorites-variety-pack","vendor":"OLIPOP","remoteShopId":null,"variants":[{"id":"58300518105247","image":{"src":"\/\/drinkolipop.com\/cdn\/shop\/files\/favorites-variety-pack-6g-olipop_main-image-v2_new_asset.webp?v=1779208124"},"price":{"amount":35.99,"currencyCode":"USD"},"sku":"OP-VP4-12-A","title":"12 Cans","untranslatedTitle":"12 Cans"}]},{"id":"10919912669343","handle":"strawberry-vanilla-minis","isCollective":null,"title":"Strawberry Vanilla","type":"MINIs","untranslatedTitle":"Strawberry Vanilla","url":"\/products\/strawberry-vanilla-minis","vendor":"OLIPOP","remoteShopId":null,"variants":[{"id":"62824537587871","image":{"src":"\/\/drinkolipop.com\/cdn\/shop\/files\/strawberry-vanilla-minis-olipop_single-can-main-image_new_asset_680b8459-03b7-4518-8048-07556a91e1c7.webp?v=1784901479"},"price":{"amount":12.79,"currencyCode":"USD"},"sku":null,"title":"6 Pack MINIs","untranslatedTitle":"6 Pack MINIs"}]},{"id":"10925311164575","handle":"classic-grape-minis","isCollective":null,"title":"Classic Grape","type":"MINIs","untranslatedTitle":"Classic Grape","url":"\/products\/classic-grape-minis","vendor":"OLIPOP","remoteShopId":null,"variants":[{"id":"62837008236703","image":{"src":"\/\/drinkolipop.com\/cdn\/shop\/files\/classic-grape-minis-olipop_single-can-main-image_new_asset.webp?v=1784902094"},"price":{"amount":12.79,"currencyCode":"USD"},"sku":null,"title":"6 Pack MINIs","untranslatedTitle":"6 Pack MINIs"}]}
1930,{"id":"10925311459487","handle":"crisp-apple-minis","isCollective":null,"title":"Crisp Apple","type":"MINIs","untranslatedTitle":"Crisp Apple","url":"\/products\/crisp-apple-minis","vendor":"OLIPOP","remoteShopId":null,"variants":[{"id":"62837008957599","image":{"src":"\/\/drinkolipop.com\/cdn\/shop\/files\/crisp-apple-minis-olipop_single-can-main-image_new_asset.webp?v=1784902474"},"price":{"amount":12.79,"currencyCode":"USD"},"sku":null,"title":"6 Pack MINIs","untranslatedTitle":"6 Pack MINIs"}]},{"id":"10925311590559","handle":"ginger-ale-minis","isCollective":null,"title":"Ginger Ale","type":"MINIs","untranslatedTitle":"Ginger Ale","url":"\/products\/ginger-ale-minis","vendor":"OLIPOP","remoteShopId":null,"variants":[{"id":"62837009711263","image":{"src":"\/\/drinkolipop.com\/cdn\/shop\/files\/ginger-ale-minis-olipop_single-can-main-image_new_asset.webp?v=1784902793"},"price":{"amount":12.79,"currencyCode":"USD"},"sku":null,"title":"6 Pack MINIs","untranslatedTitle":"6 Pack MINIs"}]},{"id":"10925311787167","handle":"vintage-cola-minis","isCollective":null,"title":"Vintage Cola","type":"MINIs","untranslatedTitle":"Vintage Cola","url":"\/products\/vintage-cola-minis","vendor":"OLIPOP","remoteShopId":null,"variants":[{"id":"62837010202783","image":{"src":"\/\/drinkolipop.com\/cdn\/shop\/files\/vintage-cola-minis-olipop_single-can-main-image_new_asset.webp?v=1784903244"},"price":{"amount":12.79,"currencyCode":"USD"},"sku":null,"title":"6 Pack MINIs","untranslatedTitle":"6 Pack MINIs"}]},{"id":"10926546616479","handle":"orange-cream-minis","isCollective":null,"title":"Orange Cream","type":"MINIs","untranslatedTitle":"Orange Cream","url":"\/products\/orange-cream-minis","vendor":"OLIPOP","remoteShopId":null,"variants":[{"id":"62840531517599","image":{"src":"\/\/drinkolipop.com\/cdn\/shop\/files\/orange-cream-minis-olipop_single-can-main-image_new_asset.webp?v=1785416383"},"price":{"amount":12.79,"currencyCode":"USD"},"sku":null,"title":"6 Pack MINIs","untranslatedTitle":"6 Pack MINIs"}]},{"id":"3965803724870","handle":"gift-card","isCollective":null,"title":"Gift Card","type":"Gift Card","untranslatedTitle":"Gift Card","url":"\/products\/gift-card","vendor":"OLIPOP","remoteShopId":null,"variants":[{"id":"29537115701318","image":{"src":"\/\/drinkolipop.com\/cdn\/shop\/products\/1DigitalGiftCard-WEB-080422-AM.png?v=1767277571"},"price":{"amount":25.0,"currencyCode":"USD"},"sku":"OP-GIFT","title":"$25.00 USD","untranslatedTitle":"$25.00 USD"}]}],"purchasingCompany":null},},"https://drinkolipop.com/cdn","5982071ew7ea472e3p69b68784m2150dfea",{"modern":"","legacy":""},{"trekkieShim":true,"agentContext":true,"apiClientId":"580111","facebookCapiEnabled":"true","themeId":"174423703711","themePublished":"true","eventMetadataId":"babf5383-d1ac-4396-8013-e009f5491ed8","pageType":"product","resourceId":"10934531719327","shopId":"3466100806","storefrontBaseUrl":"https:\/\/drinkolipop.com","extensionBaseUrl":"https:\/\/extensions.shopifycdn.com\/cdn\/shopifycloud\/web-pixels-manager","surface":"storefront-renderer","enabledBetaFlags":"[\"4c64608a\", \"16072cab\", \"8450a54b\", \"7ee89bf1\"]","isMerchantRequest":"false","hashVersion":"5982071ew7ea472e3p69b68784m2150dfea","publish":"custom","events":"[[\"page_viewed\",{}],[\"product_viewed\",{\"productVariant\":{\"price\":{\"amount\":35.99,\"currencyCode\":\"USD\"},\"product\":{\"title\":\"Pomegranate Sparkle\",\"vendor\":\"OLIPOP\",\"id\":\"10934531719327\",\"untranslatedTitle\":\"Pomegranate Sparkle\",\"url\":\"\/products\/pomegranate-sparkle\",\"type\":\"6g Fiber\"},\"id\":\"62865580589215\",\"image\":{\"src\":\"\/\/drinkolipop.com\/cdn\/shop\/files\/pomegranate-sparkle-6g-olipop_gallery-image_single-can_new_asset.webp?v=1789390717\"},\"sku\":\"OP-PS-12-A\",\"title\":\"12 Pack\",\"untranslatedTitle\":\"12 Pack\"}}]]"});})();</script>
1930<script> 1931 window.ShopifyAnalytics = window.ShopifyAnalytics || {}; 1932 window.ShopifyAnalytics.meta = window.ShopifyAnalytics.meta || {}; 1933 window.ShopifyAnalytics.meta.currency = 'USD'; 1934 var meta = {"product":{"id":10934531719327,"gid":"gid:\/\/shopify\/Product\/10934531719327","vendor":"OLIPOP","type":"6g Fiber","handle":"pomegranate-sparkle","variants":[{"id":62871023616159,"price":3599,"name":"Pomegranate Sparkle - 1 Can","public_title":"1 Can","sku":null},{"id":62865580589215,"price":3599,"name":"Pomegranate Sparkle - 12 Pack","public_title":"12 Pack","sku":"OP-PS-12-A"}],"remote":false},"page":{"pageType":"product","resourceType":"product","resourceId":10934531719327,"requestId":"85ebe8fb-f04c-4f08-8a6d-396b86185b9f-1790917210"}}; 1935 for (var attr in meta) { 1936 window.ShopifyAnalytics.meta[attr] = meta[attr]; 1937 } 1938</script>
vendor: 1 bytes, line 1938
1938
1939<script class="analytics"> 1940 (function () { 1941 var customDocumentWrite = function(content) { 1942 var jquery = null; 1943 1944 if (window.jQuery) { 1945 jquery = window.jQuery; 1946 } else if (window.Checkout && window.Checkout.$) { 1947 jquery = window.Checkout.$; 1948 } 1949 1950 if (jquery) { 1951 jquery('body').append(content); 1952 } 1953 }; 1954 1955 var hasLoggedConversion = function(token) { 1956 if (token) { 1957 return document.cookie.indexOf('loggedConversion=' + token) !== -1; 1958 } 1959 return false; 1960 } 1961 1962 var setCookieIfConversion = function(token) { 1963 if (token) { 1964 var twoMonthsFromNow = new Date(Date.now()); 1965 twoMonthsFromNow.setMonth(twoMonthsFromNow.getMonth() + 2); 1966 1967 document.cookie = 'loggedConversion=' + token + '; expires=' + twoMonthsFromNow; 1968 } 1969 } 1970 1971 var trekkie = window.ShopifyAnalytics.lib = window.trekkie = window.trekkie || []; 1972 window.ShopifyAnalytics.lib.trekkie = window.trekkie; 1973 if (trekkie.integrations) { 1974 return; 1975 } 1976 trekkie.methods = [ 1977 'identify', 1978 'page', 1979 'ready', 1980 'track', 1981 'trackForm', 1982 'trackLink' 1983 ]; 1984 trekkie.factory = function(method) { 1985 return function() { 1986 var args = Array.prototype.slice.call(arguments); 1987 args.unshift(method); 1988 trekkie.push(args); 1989 if (method == 'track' || method == 'page') { 1990 var pageUrl; 1991 try { 1992 pageUrl = window.location.href; 1993 } catch (e) {} 1994 var pageReferrer; 1995 try { 1996 pageReferrer = document.referrer; 1997 } catch (e) {} 1998 try { 1999 if (window.__TREKKIE_SHIM_QUEUE == null) { 2000 window.__TREKKIE_SHIM_QUEUE = []; 2001 } 2002 window.__TREKKIE_SHIM_QUEUE.push({ 2003 from: 'trekkie-stub', 2004 method: method, 2005 args: args.slice(1), 2006 pageContext: { 2007 url: pageUrl, 2008 referrer: pageReferrer 2009 } 2010 }); 2011 } catch (e) { 2012 // no-op 2013 } 2014 } 2015 return trekkie; 2016 }; 2017 }; 2018 for (var i = 0; i < trekkie.methods.length; i++) { 2019 var key = trekkie.methods[i]; 2020 trekkie[key] = trekkie.factory(key); 2021 } 2022 trekkie.load = function(config) { 2023 trekkie.config = config || {}; 2024 trekkie.config.initialDocumentCookie = document.cookie; 2025 var first = document.getElementsByTagName('script')[0]; 2026var script = document.createElement('script'); 2027script.type = 'text/javascript'; 2028script.onerror = function(e) { 2029 var scriptFallback = document.createElement('script'); 2030 scriptFallback.type = 'text/javascript'; 2031 scriptFallback.onerror = function(error) { 2032 var Monorail = { 2033 produce: function produce(monorailDomain, schemaId, payload) { 2034 var currentMs = new Date().getTime(); 2035 var event = { 2036 schema_id: schemaId, 2037 payload: payload, 2038 metadata: { 2039 event_created_at_ms: currentMs, 2040 event_sent_at_ms: currentMs 2041 } 2042 }; 2043 return Monorail.sendRequest("https://" + monorailDomain + "/v1/produce", JSON.stringify(event)); 2044 }, 2045 sendRequest: function sendRequest(endpointUrl, payload) { 2046 // Try the sendBeacon API 2047 if (window && window.navigator && typeof window.navigator.sendBeacon === 'function' && typeof window.Blob === 'function' && !Monorail.isIos12()) { 2048 var blobData = new window.Blob([payload], { 2049 type: 'text/plain' 2050 }); 2051 2052 if (window.navigator.sendBeacon(endpointUrl, blobData)) { 2053 return true; 2054 } // sendBeacon was not successful 2055 2056 } // XHR beacon 2057 2058 var xhr = new XMLHttpRequest(); 2059 2060 try { 2061 xhr.open('POST', endpointUrl); 2062 xhr.setRequestHeader('Content-Type', 'text/plain'); 2063 xhr.send(payload); 2064 } catch (e) { 2065 console.log(e); 2066 } 2067 2068 return false; 2069 }, 2070 isIos12: function isIos12() { 2071 return window.navigator.userAgent.lastIndexOf('iPhone; CPU iPhone OS 12_') !== -1 || window.navigator.userAgent.lastIndexOf('iPad; CPU OS 12_') !== -1; 2072 } 2073 }; 2074 Monorail.produce('monorail-edge.shopifysvc.com', 2075 'trekkie_storefront_load_errors/1.1', 2076 {shop_id: 3466100806, 2077 theme_id: 174423703711, 2078 app_name: "storefront", 2079 context_url: window.location.href, 2080 source_url: "//drinkolipop.com/cdn/s/trekkie.storefront.2f6d7d7ede7d24234881a9cd5f47e679642fa1f6.min.js"}); 2081 2082 }; 2083 scriptFallback.async = true; 2084 scriptFallback.src = '//drinkolipop.com/cdn/s/trekkie.storefront.2f6d7d7ede7d24234881a9cd5f47e679642fa1f6.min.js'; 2085 first.parentNode.insertBefore(scriptFallback, first); 2086}; 2087script.async = true; 2088script.src = '//drinkolipop.com/cdn/s/trekkie.storefront.2f6d7d7ede7d24234881a9cd5f47e679642fa1f6.min.js'; 2089first.parentNode.insertBefore(script, first); 2090 2091 }; 2092 trekkie.load( 2093 {"Trekkie":{"appName":"storefront","development":false,"defaultAttributes":{"shopId":3466100806,"isMerchantRequest":null,"themeId":174423703711,"themeCityHash":"7083827932800446141","contentLanguage":"en","currency":"USD","eventMetadataId":"babf5383-d1ac-4396-8013-e009f5491ed8"},"isServerSideCookieWritingEnabled":true,"monorailRegion":"shop_domain","enabledBetaFlags":["764d78cb","8450a54b","7ee89bf1","4c64608a"]},"Session Attribution":{},"S2S":{"facebookCapiEnabled":true,"source":"trekkie-storefront-renderer","apiClientId":580111}} 2094 ); 2095 2096 var loaded = false;
2097 trekkie.ready(function() { 2098 if (loaded) return; 2099 loaded = true; 2100 2101 window.ShopifyAnalytics.lib = window.trekkie; 2102 2103 var originalDocumentWrite = document.write; 2104 document.write = customDocumentWrite; 2105 try { window.ShopifyAnalytics.merchantGoogleAnalytics.call(this); } catch(error) {}; 2106 document.write = originalDocumentWrite; 2107 2108 var match = window.location.pathname.match(/checkouts\/(.+)\/(thank_you|post_purchase)/) 2109 var token = match? match[1]: undefined; 2110 if (!hasLoggedConversion(token)) { 2111 setCookieIfConversion(token); 2112 window.ShopifyAnalytics.lib.track("Viewed Product",{"currency":"USD","variantId":62865580589215,"productId":10934531719327,"productGid":"gid:\/\/shopify\/Product\/10934531719327","name":"Pomegranate Sparkle - 12 Pack","price":"35.99","sku":"OP-PS-12-A","brand":"OLIPOP","variant":"12 Pack","category":"6g Fiber","nonInteraction":true,"remote":false,"available":true},undefined,undefined,{"shopifyEmitted":true}); 2113 } 2114 }); 2115 2116 window.ShopifyAnalytics.lib.page(null,{"pageType":"product","resourceType":"product","resourceId":10934531719327,"requestId":"85ebe8fb-f04c-4f08-8a6d-396b86185b9f-1790917210","shopifyEmitted":true}); 2117 2118 var eventsListenerScript = document.createElement('script'); 2119 eventsListenerScript.async = true; 2120 eventsListenerScript.src = "//drinkolipop.com/cdn/shopifycloud/storefront/assets/shop_events_listener-4e26a9ce.js"; 2121 document.getElementsByTagName('head')[0].appendChild(eventsListenerScript); 2122})();</script>
2122 2123
2123<script> 2124 if (!window.ga || (window.ga && typeof window.ga !== 'function')) { 2125 window.ga = function ga() { 2126 (window.ga.q = window.ga.q || []).push(arguments); 2127 if (window.Shopify && window.Shopify.analytics && typeof window.Shopify.analytics.publish === 'function') { 2128 window.Shopify.analytics.publish("ga_stub_called", {}, {sendTo: "google_osp_migration"}); 2129 } 2130 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."); 2131 }; 2132 if (window.Shopify && window.Shopify.analytics && typeof window.Shopify.analytics.publish === 'function') { 2133 window.Shopify.analytics.publish("ga_stub_initialized", {}, {sendTo: "google_osp_migration"}); 2134 } 2135 } 2136</script>
vendor: 1 bytes, line 2136
2136
2137<script 2138 defer 2139 src="https://drinkolipop.com/cdn/shopifycloud/perf-kit/shopify-perf-kit-3.9.4.min.js" 2140 data-application="storefront-renderer" 2141 data-shop-id="3466100806" 2142 data-render-region="gcp-us-central1" 2143 data-page-type="product" 2144 data-theme-instance-id="174423703711" 2145 data-theme-name="Olipop" 2146 data-theme-version="1.0" 2147 data-monorail-region="shop_domain" 2148 data-resource-timing-sampling-rate="10" 2149 data-shs="true" 2150 data-shs-beacon="true" 2151 data-shs-export-with-fetch="true" 2152 data-shs-logs-sample-rate="1" 2153 data-shs-beacon-endpoint="https://drinkolipop.com/api/collect" 2154></script>
2154 2155<meta name="shopify-y" content="8136d679-678d-400d-bb5f-d2e47af0b723" data-expiration="1822474810000"><meta name="shopify-s" content="7b679c10-5942-4d3c-baea-7595177758c1" data-expiration="1790919010000"><meta name="new-cookie-storage-activated" content="t"> 2156</head><body 2157 id="pomegranate-sparkle-prebiotic-soda-6g-fiber-olipop" 2158 data-template="product" 2159 data-suffix="" 2160 data-header-type="primary" 2161 class="page-pomegranate-sparkle-prebiotic-soda-6g-fiber-olipop template- template-product cmn-pages tw-scroll-smooth " 2162 style="background: var(--flavor-color-100); height:unset; padding: 0;" 2163 > 2164 2165 <nav aria-label="Skip links"> 2166 <a class="in-page-link visually-hidden skip-link" href="#MainContent">Skip to content</a> 2167 <a class="in-page-link visually-hidden skip-link" href="/pages/accessibility">Accessibility Statement</a> 2168 </nav> 2169 2170 2171 2172 2173 <div js-overlay class="overlay tw-z-40"></div> 2174 2175 2176 <div data-bis-modal class="modal"> 2177 <div class="modal__overlay" modal-overlay></div> 2178 2179 <div class="modal__inner" modal-inner> 2180 <div class="tw-float-right tw-cursor-pointer tw-opacity-50" modal-close><svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-close" viewBox="0 0 40 40"> 2181 <path d="M23.868 20.015L39.117 4.78c1.11-1.108 1.11-2.77 0-3.877-1.109-1.108-2.773-1.108-3.882 0L19.986 16.137 4.737.904C3.628-.204 1.965-.204.856.904c-1.11 1.108-1.11 2.77 0 3.877l15.249 15.234L.855 35.248c-1.108 1.108-1.108 2.77 0 3.877.555.554 1.248.831 1.942.831s1.386-.277 1.94-.83l15.25-15.234 15.248 15.233c.555.554 1.248.831 1.941.831s1.387-.277 1.941-.83c1.11-1.109 1.11-2.77 0-3.878L23.868 20.015z" class="layer"/> 2182</svg> 2183</div> 2184 <div class="tw-pt-4"> 2185 <p class="tw-mb-2 tw-text-base-lg-d">Awh, Shucks! We're out of that flavor!</p> 2186 <p class="tw-text-base">Drop your email address below & we'll let you know as soon as it's back in stock!</p> 2187 </div> 2188 <div> 2189 <h4 id="bis_variant" class="tw-mt-3 tw-text-base-lg-d [&:empty]:tw-hidden"></h4> 2190 <form id="bis_form"> 2191 <div class="tw-flex tw-flex-col"> 2192 <input 2193 type="email" 2194 name="emailInput" 2195 class="tw-my-4 tw-rounded-sm tw-border tw-border-gray-200 tw-px-1 tw-py-2 tw-text-base-md-d" 2196 placeholder="Email Address" 2197 style="border: 1px solid grey;" 2198 required 2199 > 2200 <div class="tw-mb-4 tw-flex tw-flex-row tw-items-center"> 2201 <input 2202 id="emailList" 2203 name="emailList" 2204 type="checkbox" 2205 > 2206 <label for="emailList" class="tw-pl-2">Add me to the store mailing list</label> 2207 </div> 2208 <button 2209 id="submitBtn" 2210 class="tw-mb-2 tw-box-border tw-inline-block tw-w-full tw-whitespace-nowrap tw-border-3 tw-border-solid tw-border-hunter-green tw-bg-hunter-green tw-px-8 tw-py-2 tw-font-body tw-text-base-md-d tw-font-bold tw-text-white focus:tw-bg-transparent focus:tw-text-hunter-green disabled:tw-bg-hunter-green disabled:tw-text-white disabled:tw-opacity-25 md:tw-text-base-lg-d" 2211 type="submit" 2212 aria-label="Email me when available" 2213 > 2214 <span id="modal-btn-spinner" style="display: none;"><svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-spinner" viewBox="0 0 20 20"> 2215 <path d="M7.229 1.173a9.25 9.25 0 1 0 11.655 11.412 1.25 1.25 0 1 0-2.4-.698 6.75 6.75 0 1 1-8.506-8.329 1.25 1.25 0 1 0-.75-2.385z" fill="#919EAB"/> 2216</svg> 2217</span> 2218 <span id="modal-btn-label">Submit</span> 2219 </button> 2220 </div> 2221 </form> 2222 <p id="formResponse" class="tw-text-base-md-d"></p> 2223 <p class="tw-text-tiny tw-leading-normal tw-opacity-75"> 2224 We'll notify you when this product is in stock. We won't share your address with anybody else. 2225 </p> 2226 </div> 2227 </div> 2228 </div> 2229 2230 2231<section id="shopify-section-header"> 2232 <!-- BEGIN sections: header-group --> 2233<div id="shopify-section-sections--24009558556831__promotion-banner" class="shopify-section shopify-section-group-header-group"> 2234 2235<div 2236 data-component="promotionBanner" 2237 data-store-discounts="[]" 2238> 2239 2240 2241 2242 <div 2243 data-promotion-banner 2244 data-promotion-url="" 2245 data-promotion-discount="GOBLUE" 2246 class="tw-relative tw-hidden tw-min-h-12 tw-w-full tw-px-4 tw-text-center lg:tw-min-h-10" 2247 style="background: #fdda79;" 2248 > 2249 <div 2250 role="group" 2251 class="tw-flex tw-h-full tw-items-center tw-justify-center tw-py-2.5 tw-text-center lg-plus:tw-py-[17px]" 2252 > 2253 <div 2254 class="tw-px-8 tw-text-sm lg-plus:tw-text-[1rem] lg-plus:tw-leading-none" 2255 style="color: #14433d !important;" 2256 > 2257 Your 20% off discount code <strong>GOBLUE</strong> will auto-apply at checkout. 2258 </div> 2259 </div> 2260 2261 <div 2262 style="background: #fdda79;" 2263 class="tw-absolute tw-right-4 tw-top-1/2 tw-flex -tw-translate-y-1/2 tw-items-center" 2264 > 2265 <svg 2266 width="10" 2267 height="10"
2268 viewBox="0 0 18 18" 2269 fill="#14433d" 2270 data-icon-close 2271 class="tw-cursor-pointer" 2272 > 2273 <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"/> 2274 </svg> 2275 </div> 2276 </div> 2277 2278 2279 2280 <div 2281 data-promotion-banner 2282 data-promotion-url="" 2283 data-promotion-discount="30RESUB" 2284 class="tw-relative tw-hidden tw-min-h-12 tw-w-full tw-px-4 tw-text-center lg:tw-min-h-10" 2285 style="background: #fdda79;" 2286 > 2287 <div 2288 role="group" 2289 class="tw-flex tw-h-full tw-items-center tw-justify-center tw-py-2.5 tw-text-center lg-plus:tw-py-[17px]" 2290 > 2291 <div 2292 class="tw-px-8 tw-text-sm lg-plus:tw-text-[1rem] lg-plus:tw-leading-none" 2293 style="color: #14433d !important;" 2294 > 2295 30% off subscriptions when you resubscribe with code <strong>30RESUB</strong>. 2296 </div> 2297 </div> 2298 2299 <div 2300 style="background: #fdda79;" 2301 class="tw-absolute tw-right-4 tw-top-1/2 tw-flex -tw-translate-y-1/2 tw-items-center" 2302 > 2303 <svg 2304 width="10" 2305 height="10"
2306 viewBox="0 0 18 18" 2307 fill="#14433d" 2308 data-icon-close 2309 class="tw-cursor-pointer" 2310 > 2311 <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"/> 2312 </svg> 2313 </div> 2314 </div> 2315 2316 2317 2318 <div 2319 data-promotion-banner 2320 data-promotion-url="" 2321 data-promotion-discount="SHIRLEY30" 2322 class="tw-relative tw-hidden tw-min-h-12 tw-w-full tw-px-4 tw-text-center lg:tw-min-h-10" 2323 style="background: #fdda79;" 2324 > 2325 <div 2326 role="group" 2327 class="tw-flex tw-h-full tw-items-center tw-justify-center tw-py-2.5 tw-text-center lg-plus:tw-py-[17px]" 2328 > 2329 <div 2330 class="tw-px-8 tw-text-sm lg-plus:tw-text-[1rem] lg-plus:tw-leading-none" 2331 style="color: #14433d !important;" 2332 > 2333 30% off Shirley & Friends with code <strong>SHIRLEY30</strong> will auto-apply at checkout. 2334 </div> 2335 </div> 2336 2337 <div 2338 style="background: #fdda79;" 2339 class="tw-absolute tw-right-4 tw-top-1/2 tw-flex -tw-translate-y-1/2 tw-items-center" 2340 > 2341 <svg 2342 width="10" 2343 height="10"
2344 viewBox="0 0 18 18" 2345 fill="#14433d" 2346 data-icon-close 2347 class="tw-cursor-pointer" 2348 > 2349 <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"/> 2350 </svg> 2351 </div> 2352 </div> 2353 2354 2355 2356 <div 2357 data-promotion-banner 2358 data-promotion-url="" 2359 data-promotion-discount="PUNCH20" 2360 class="tw-relative tw-hidden tw-min-h-12 tw-w-full tw-px-4 tw-text-center lg:tw-min-h-10" 2361 style="background: #fdda79;" 2362 > 2363 <div 2364 role="group" 2365 class="tw-flex tw-h-full tw-items-center tw-justify-center tw-py-2.5 tw-text-center lg-plus:tw-py-[17px]" 2366 > 2367 <div 2368 class="tw-px-8 tw-text-sm lg-plus:tw-text-[1rem] lg-plus:tw-leading-none" 2369 style="color: #14433d !important;" 2370 > 2371 20% off Tropical Punch with code <strong>PUNCH20</strong> will auto-apply at checkout. 2372 </div> 2373 </div> 2374 2375 <div 2376 style="background: #fdda79;" 2377 class="tw-absolute tw-right-4 tw-top-1/2 tw-flex -tw-translate-y-1/2 tw-items-center" 2378 > 2379 <svg 2380 width="10" 2381 height="10"
2382 viewBox="0 0 18 18" 2383 fill="#14433d" 2384 data-icon-close 2385 class="tw-cursor-pointer" 2386 > 2387 <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"/> 2388 </svg> 2389 </div> 2390 </div> 2391 2392 2393 2394 <div 2395 data-promotion-banner 2396 data-promotion-url="" 2397 data-promotion-discount="DREAMY15" 2398 class="tw-relative tw-hidden tw-min-h-12 tw-w-full tw-px-4 tw-text-center lg:tw-min-h-10" 2399 style="background: #fdda79;" 2400 > 2401 <div 2402 role="group" 2403 class="tw-flex tw-h-full tw-items-center tw-justify-center tw-py-2.5 tw-text-center lg-plus:tw-py-[17px]" 2404 > 2405 <div 2406 class="tw-px-8 tw-text-sm lg-plus:tw-text-[1rem] lg-plus:tw-leading-none" 2407 style="color: #14433d !important;" 2408 > 2409 Your 15% off discount code <strong>DREAMY15</strong> will auto-apply at checkout. 2410 </div> 2411 </div> 2412 2413 <div 2414 style="background: #fdda79;" 2415 class="tw-absolute tw-right-4 tw-top-1/2 tw-flex -tw-translate-y-1/2 tw-items-center" 2416 > 2417 <svg 2418 width="10" 2419 height="10"
2420 viewBox="0 0 18 18" 2421 fill="#14433d" 2422 data-icon-close 2423 class="tw-cursor-pointer" 2424 > 2425 <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"/> 2426 </svg> 2427 </div> 2428 </div> 2429 2430 2431 2432 <div 2433 data-promotion-banner 2434 data-promotion-url="" 2435 data-promotion-discount="EARLY30" 2436 class="tw-relative tw-hidden tw-min-h-12 tw-w-full tw-px-4 tw-text-center lg:tw-min-h-10" 2437 style="background: #fdda79;" 2438 > 2439 <div 2440 role="group" 2441 class="tw-flex tw-h-full tw-items-center tw-justify-center tw-py-2.5 tw-text-center lg-plus:tw-py-[17px]" 2442 > 2443 <div 2444 class="tw-px-8 tw-text-sm lg-plus:tw-text-[1rem] lg-plus:tw-leading-none" 2445 style="color: #14433d !important;" 2446 > 2447 Early access 30% off with code <strong>EARLY30</strong> will auto-apply at checkout! 2448 </div> 2449 </div> 2450 2451 <div 2452 style="background: #fdda79;" 2453 class="tw-absolute tw-right-4 tw-top-1/2 tw-flex -tw-translate-y-1/2 tw-items-center" 2454 > 2455 <svg 2456 width="10" 2457 height="10"
2458 viewBox="0 0 18 18" 2459 fill="#14433d" 2460 data-icon-close 2461 class="tw-cursor-pointer" 2462 > 2463 <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"/> 2464 </svg> 2465 </div> 2466 </div> 2467 2468 2469 2470 <div 2471 data-promotion-banner 2472 data-promotion-url="" 2473 data-promotion-discount="WELCOME15" 2474 class="tw-relative tw-hidden tw-min-h-12 tw-w-full tw-px-4 tw-text-center lg:tw-min-h-10" 2475 style="background: #fdda79;" 2476 > 2477 <div 2478 role="group" 2479 class="tw-flex tw-h-full tw-items-center tw-justify-center tw-py-2.5 tw-text-center lg-plus:tw-py-[17px]" 2480 > 2481 <div 2482 class="tw-px-8 tw-text-sm lg-plus:tw-text-[1rem] lg-plus:tw-leading-none" 2483 style="color: #14433d !important;" 2484 > 2485 Your 15% off discount code <strong>WELCOME15</strong> will auto-apply at checkout. 2486 </div> 2487 </div> 2488 2489 <div 2490 style="background: #fdda79;" 2491 class="tw-absolute tw-right-4 tw-top-1/2 tw-flex -tw-translate-y-1/2 tw-items-center" 2492 > 2493 <svg 2494 width="10" 2495 height="10"
2496 viewBox="0 0 18 18" 2497 fill="#14433d" 2498 data-icon-close 2499 class="tw-cursor-pointer" 2500 > 2501 <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"/> 2502 </svg> 2503 </div> 2504 </div> 2505 2506 2507 2508 <div 2509 data-promotion-banner 2510 data-promotion-url="" 2511 data-promotion-discount="SIPSMART" 2512 class="tw-relative tw-hidden tw-min-h-12 tw-w-full tw-px-4 tw-text-center lg:tw-min-h-10" 2513 style="background: #fdda79;" 2514 > 2515 <div 2516 role="group" 2517 class="tw-flex tw-h-full tw-items-center tw-justify-center tw-py-2.5 tw-text-center lg-plus:tw-py-[17px]" 2518 > 2519 <div 2520 class="tw-px-8 tw-text-sm lg-plus:tw-text-[1rem] lg-plus:tw-leading-none" 2521 style="color: #14433d !important;" 2522 > 2523 Your 20% off discount code <strong>SIPSMART</strong> will auto-apply at checkout. 2524 </div> 2525 </div> 2526 2527 <div 2528 style="background: #fdda79;" 2529 class="tw-absolute tw-right-4 tw-top-1/2 tw-flex -tw-translate-y-1/2 tw-items-center" 2530 > 2531 <svg 2532 width="10" 2533 height="10"
2534 viewBox="0 0 18 18" 2535 fill="#14433d" 2536 data-icon-close 2537 class="tw-cursor-pointer" 2538 > 2539 <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"/> 2540 </svg> 2541 </div> 2542 </div> 2543 2544 2545 2546 <div 2547 data-promotion-banner 2548 data-promotion-url="" 2549 data-promotion-discount="APRIL20" 2550 class="tw-relative tw-hidden tw-min-h-12 tw-w-full tw-px-4 tw-text-center lg:tw-min-h-10" 2551 style="background: #fdda79;" 2552 > 2553 <div 2554 role="group" 2555 class="tw-flex tw-h-full tw-items-center tw-justify-center tw-py-2.5 tw-text-center lg-plus:tw-py-[17px]" 2556 > 2557 <div 2558 class="tw-px-8 tw-text-sm lg-plus:tw-text-[1rem] lg-plus:tw-leading-none" 2559 style="color: #14433d !important;" 2560 > 2561 Your 20% off discount code <strong>APRIL20</strong> will auto-apply at checkout. 2562 </div> 2563 </div> 2564 2565 <div 2566 style="background: #fdda79;" 2567 class="tw-absolute tw-right-4 tw-top-1/2 tw-flex -tw-translate-y-1/2 tw-items-center" 2568 > 2569 <svg 2570 width="10" 2571 height="10"
2572 viewBox="0 0 18 18" 2573 fill="#14433d" 2574 data-icon-close 2575 class="tw-cursor-pointer" 2576 > 2577 <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"/> 2578 </svg> 2579 </div> 2580 </div> 2581 2582 2583 2584 <div 2585 data-promotion-banner 2586 data-promotion-url="" 2587 data-promotion-discount="YETI20" 2588 class="tw-relative tw-hidden tw-min-h-12 tw-w-full tw-px-4 tw-text-center lg:tw-min-h-10" 2589 style="background: #fdda79;" 2590 > 2591 <div 2592 role="group" 2593 class="tw-flex tw-h-full tw-items-center tw-justify-center tw-py-2.5 tw-text-center lg-plus:tw-py-[17px]" 2594 > 2595 <div 2596 class="tw-px-8 tw-text-sm lg-plus:tw-text-[1rem] lg-plus:tw-leading-none" 2597 style="color: #14433d !important;" 2598 > 2599 20% off Winter Seasonal Cans with discount code <strong> YETI20</strong> auto-applies at checkout. 2600 </div> 2601 </div> 2602 2603 <div 2604 style="background: #fdda79;" 2605 class="tw-absolute tw-right-4 tw-top-1/2 tw-flex -tw-translate-y-1/2 tw-items-center" 2606 > 2607 <svg 2608 width="10" 2609 height="10"
2610 viewBox="0 0 18 18" 2611 fill="#14433d" 2612 data-icon-close 2613 class="tw-cursor-pointer" 2614 > 2615 <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"/> 2616 </svg> 2617 </div> 2618 </div> 2619 2620 2621 2622 <div 2623 data-promotion-banner 2624 data-promotion-url="" 2625 data-promotion-discount="PHLY20" 2626 class="tw-relative tw-hidden tw-min-h-12 tw-w-full tw-px-4 tw-text-center lg:tw-min-h-10" 2627 style="background: #fdda79;" 2628 > 2629 <div 2630 role="group" 2631 class="tw-flex tw-h-full tw-items-center tw-justify-center tw-py-2.5 tw-text-center lg-plus:tw-py-[17px]" 2632 > 2633 <div 2634 class="tw-px-8 tw-text-sm lg-plus:tw-text-[1rem] lg-plus:tw-leading-none" 2635 style="color: #14433d !important;" 2636 > 2637 Your 20% off discount code <strong>PHLY20</strong> will auto-apply at checkout. 2638 </div> 2639 </div> 2640 2641 <div 2642 style="background: #fdda79;" 2643 class="tw-absolute tw-right-4 tw-top-1/2 tw-flex -tw-translate-y-1/2 tw-items-center" 2644 > 2645 <svg 2646 width="10" 2647 height="10"
2648 viewBox="0 0 18 18" 2649 fill="#14433d" 2650 data-icon-close 2651 class="tw-cursor-pointer" 2652 > 2653 <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"/> 2654 </svg> 2655 </div> 2656 </div> 2657 2658 2659 2660 <div 2661 data-promotion-banner 2662 data-promotion-url="" 2663 data-promotion-discount="CITIUS25" 2664 class="tw-relative tw-hidden tw-min-h-12 tw-w-full tw-px-4 tw-text-center lg:tw-min-h-10" 2665 style="background: #fdda79;" 2666 > 2667 <div 2668 role="group" 2669 class="tw-flex tw-h-full tw-items-center tw-justify-center tw-py-2.5 tw-text-center lg-plus:tw-py-[17px]" 2670 > 2671 <div 2672 class="tw-px-8 tw-text-sm lg-plus:tw-text-[1rem] lg-plus:tw-leading-none" 2673 style="color: #14433d !important;" 2674 > 2675 Your 25% off discount code <strong>CITIUS25</strong> will auto-apply at checkout. 2676 </div> 2677 </div> 2678 2679 <div 2680 style="background: #fdda79;" 2681 class="tw-absolute tw-right-4 tw-top-1/2 tw-flex -tw-translate-y-1/2 tw-items-center" 2682 > 2683 <svg 2684 width="10" 2685 height="10"
2686 viewBox="0 0 18 18" 2687 fill="#14433d" 2688 data-icon-close 2689 class="tw-cursor-pointer" 2690 > 2691 <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"/> 2692 </svg> 2693 </div> 2694 </div> 2695 2696 2697 2698 <div 2699 data-promotion-banner 2700 data-promotion-url="" 2701 data-promotion-discount="SERVED20" 2702 class="tw-relative tw-hidden tw-min-h-12 tw-w-full tw-px-4 tw-text-center lg:tw-min-h-10" 2703 style="background: #fdda79;" 2704 > 2705 <div 2706 role="group" 2707 class="tw-flex tw-h-full tw-items-center tw-justify-center tw-py-2.5 tw-text-center lg-plus:tw-py-[17px]" 2708 > 2709 <div 2710 class="tw-px-8 tw-text-sm lg-plus:tw-text-[1rem] lg-plus:tw-leading-none" 2711 style="color: #14433d !important;" 2712 > 2713 Your 20% off discount code <strong>SERVED20</strong> will auto-apply at checkout. 2714 </div> 2715 </div> 2716 2717 <div 2718 style="background: #fdda79;" 2719 class="tw-absolute tw-right-4 tw-top-1/2 tw-flex -tw-translate-y-1/2 tw-items-center" 2720 > 2721 <svg 2722 width="10" 2723 height="10"
2724 viewBox="0 0 18 18" 2725 fill="#14433d" 2726 data-icon-close 2727 class="tw-cursor-pointer" 2728 > 2729 <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"/> 2730 </svg> 2731 </div> 2732 </div> 2733 2734 2735 2736 <div 2737 data-promotion-banner 2738 data-promotion-url="" 2739 data-promotion-discount="TWG20" 2740 class="tw-relative tw-hidden tw-min-h-12 tw-w-full tw-px-4 tw-text-center lg:tw-min-h-10" 2741 style="background: #fdda79;" 2742 > 2743 <div 2744 role="group" 2745 class="tw-flex tw-h-full tw-items-center tw-justify-center tw-py-2.5 tw-text-center lg-plus:tw-py-[17px]" 2746 > 2747 <div 2748 class="tw-px-8 tw-text-sm lg-plus:tw-text-[1rem] lg-plus:tw-leading-none" 2749 style="color: #14433d !important;" 2750 > 2751 Your 20% off discount code <strong>TWG20</strong> will auto-apply at checkout. 2752 </div> 2753 </div> 2754 2755 <div 2756 style="background: #fdda79;" 2757 class="tw-absolute tw-right-4 tw-top-1/2 tw-flex -tw-translate-y-1/2 tw-items-center" 2758 > 2759 <svg 2760 width="10" 2761 height="10"
2762 viewBox="0 0 18 18" 2763 fill="#14433d" 2764 data-icon-close 2765 class="tw-cursor-pointer" 2766 > 2767 <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"/> 2768 </svg> 2769 </div> 2770 </div> 2771 2772 2773 2774 <div 2775 data-promotion-banner 2776 data-promotion-url="" 2777 data-promotion-discount="FLYQUEST20" 2778 class="tw-relative tw-hidden tw-min-h-12 tw-w-full tw-px-4 tw-text-center lg:tw-min-h-10" 2779 style="background: #fdda79;" 2780 > 2781 <div 2782 role="group" 2783 class="tw-flex tw-h-full tw-items-center tw-justify-center tw-py-2.5 tw-text-center lg-plus:tw-py-[17px]" 2784 > 2785 <div 2786 class="tw-px-8 tw-text-sm lg-plus:tw-text-[1rem] lg-plus:tw-leading-none" 2787 style="color: #14433d !important;" 2788 > 2789 Your 20% off discount code <strong>FLYQUEST20</strong> will auto-apply at checkout. 2790 </div> 2791 </div> 2792 2793 <div 2794 style="background: #fdda79;" 2795 class="tw-absolute tw-right-4 tw-top-1/2 tw-flex -tw-translate-y-1/2 tw-items-center" 2796 > 2797 <svg 2798 width="10" 2799 height="10"
2800 viewBox="0 0 18 18" 2801 fill="#14433d" 2802 data-icon-close 2803 class="tw-cursor-pointer" 2804 > 2805 <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"/> 2806 </svg> 2807 </div> 2808 </div> 2809 2810 2811 2812 <div 2813 data-promotion-banner 2814 data-promotion-url="" 2815 data-promotion-discount="BUZZIN15" 2816 class="tw-relative tw-hidden tw-min-h-12 tw-w-full tw-px-4 tw-text-center lg:tw-min-h-10" 2817 style="background: #fdda79;" 2818 > 2819 <div 2820 role="group" 2821 class="tw-flex tw-h-full tw-items-center tw-justify-center tw-py-2.5 tw-text-center lg-plus:tw-py-[17px]" 2822 > 2823 <div 2824 class="tw-px-8 tw-text-sm lg-plus:tw-text-[1rem] lg-plus:tw-leading-none" 2825 style="color: #14433d !important;" 2826 > 2827 Your 15% off discount code <strong>BUZZIN15</strong> will auto-apply at checkout. 2828 </div> 2829 </div> 2830 2831 <div 2832 style="background: #fdda79;" 2833 class="tw-absolute tw-right-4 tw-top-1/2 tw-flex -tw-translate-y-1/2 tw-items-center" 2834 > 2835 <svg 2836 width="10" 2837 height="10"
2838 viewBox="0 0 18 18" 2839 fill="#14433d" 2840 data-icon-close 2841 class="tw-cursor-pointer" 2842 > 2843 <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"/> 2844 </svg> 2845 </div> 2846 </div> 2847 2848 2849 2850 <div 2851 data-promotion-banner 2852 data-promotion-url="" 2853 data-promotion-discount="OLIPOPTEXT15" 2854 class="tw-relative tw-hidden tw-min-h-12 tw-w-full tw-px-4 tw-text-center lg:tw-min-h-10" 2855 style="background: #fdda79;" 2856 > 2857 <div 2858 role="group" 2859 class="tw-flex tw-h-full tw-items-center tw-justify-center tw-py-2.5 tw-text-center lg-plus:tw-py-[17px]" 2860 > 2861 <div 2862 class="tw-px-8 tw-text-sm lg-plus:tw-text-[1rem] lg-plus:tw-leading-none" 2863 style="color: #14433d !important;" 2864 > 2865 Your 15% off discount code <strong>OLIPOPTEXT15</strong> will auto-apply at checkout. 2866 </div> 2867 </div> 2868 2869 <div 2870 style="background: #fdda79;" 2871 class="tw-absolute tw-right-4 tw-top-1/2 tw-flex -tw-translate-y-1/2 tw-items-center" 2872 > 2873 <svg 2874 width="10" 2875 height="10"
2876 viewBox="0 0 18 18" 2877 fill="#14433d" 2878 data-icon-close 2879 class="tw-cursor-pointer" 2880 > 2881 <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"/> 2882 </svg> 2883 </div> 2884 </div> 2885 2886 2887 2888 <div 2889 data-promotion-banner 2890 data-promotion-url="" 2891 data-promotion-discount="BRACKET20" 2892 class="tw-relative tw-hidden tw-min-h-12 tw-w-full tw-px-4 tw-text-center lg:tw-min-h-10" 2893 style="background: #fdda79;" 2894 > 2895 <div 2896 role="group" 2897 class="tw-flex tw-h-full tw-items-center tw-justify-center tw-py-2.5 tw-text-center lg-plus:tw-py-[17px]" 2898 > 2899 <div 2900 class="tw-px-8 tw-text-sm lg-plus:tw-text-[1rem] lg-plus:tw-leading-none" 2901 style="color: #14433d !important;" 2902 > 2903 Your 20% off discount code <strong>BRACKET20</strong> will auto-apply at checkout. 2904 </div> 2905 </div> 2906 2907 <div 2908 style="background: #fdda79;" 2909 class="tw-absolute tw-right-4 tw-top-1/2 tw-flex -tw-translate-y-1/2 tw-items-center" 2910 > 2911 <svg 2912 width="10" 2913 height="10"
2914 viewBox="0 0 18 18" 2915 fill="#14433d" 2916 data-icon-close 2917 class="tw-cursor-pointer" 2918 > 2919 <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"/> 2920 </svg> 2921 </div> 2922 </div> 2923 2924 2925 2926 <div 2927 data-promotion-banner 2928 data-promotion-url="" 2929 data-promotion-discount="NEW20" 2930 class="tw-relative tw-hidden tw-min-h-12 tw-w-full tw-px-4 tw-text-center lg:tw-min-h-10" 2931 style="background: #fdda79;" 2932 > 2933 <div 2934 role="group" 2935 class="tw-flex tw-h-full tw-items-center tw-justify-center tw-py-2.5 tw-text-center lg-plus:tw-py-[17px]" 2936 > 2937 <div 2938 class="tw-px-8 tw-text-sm lg-plus:tw-text-[1rem] lg-plus:tw-leading-none" 2939 style="color: #14433d !important;" 2940 > 2941 Your 20% off discount code <strong>NEW20</strong> will auto-apply at checkout. 2942 </div> 2943 </div> 2944 2945 <div 2946 style="background: #fdda79;" 2947 class="tw-absolute tw-right-4 tw-top-1/2 tw-flex -tw-translate-y-1/2 tw-items-center" 2948 > 2949 <svg 2950 width="10" 2951 height="10"
2952 viewBox="0 0 18 18" 2953 fill="#14433d" 2954 data-icon-close 2955 class="tw-cursor-pointer" 2956 > 2957 <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"/> 2958 </svg> 2959 </div> 2960 </div> 2961 2962 2963 2964 <div 2965 data-promotion-banner 2966 data-promotion-url="" 2967 data-promotion-discount="FULLFLAVOR20" 2968 class="tw-relative tw-hidden tw-min-h-12 tw-w-full tw-px-4 tw-text-center lg:tw-min-h-10" 2969 style="background: #fdda79;" 2970 > 2971 <div 2972 role="group" 2973 class="tw-flex tw-h-full tw-items-center tw-justify-center tw-py-2.5 tw-text-center lg-plus:tw-py-[17px]" 2974 > 2975 <div 2976 class="tw-px-8 tw-text-sm lg-plus:tw-text-[1rem] lg-plus:tw-leading-none" 2977 style="color: #14433d !important;" 2978 > 2979 Your discount code <strong>FULLFLAVOR20</strong> will auto-apply at checkout. 2980 </div> 2981 </div> 2982 2983 <div 2984 style="background: #fdda79;" 2985 class="tw-absolute tw-right-4 tw-top-1/2 tw-flex -tw-translate-y-1/2 tw-items-center" 2986 > 2987 <svg 2988 width="10" 2989 height="10"
2990 viewBox="0 0 18 18" 2991 fill="#14433d" 2992 data-icon-close 2993 class="tw-cursor-pointer" 2994 > 2995 <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"/> 2996 </svg> 2997 </div> 2998 </div> 2999 3000 3001 3002 <div 3003 data-promotion-banner 3004 data-promotion-url="" 3005 data-promotion-discount="BDAY20" 3006 class="tw-relative tw-hidden tw-min-h-12 tw-w-full tw-px-4 tw-text-center lg:tw-min-h-10" 3007 style="background: #fdda79;" 3008 > 3009 <div 3010 role="group" 3011 class="tw-flex tw-h-full tw-items-center tw-justify-center tw-py-2.5 tw-text-center lg-plus:tw-py-[17px]" 3012 > 3013 <div 3014 class="tw-px-8 tw-text-sm lg-plus:tw-text-[1rem] lg-plus:tw-leading-none" 3015 style="color: #14433d !important;" 3016 > 3017 Your discount code <strong>BDAY20</strong> will auto-apply at checkout. 3018 </div> 3019 </div> 3020 3021 <div 3022 style="background: #fdda79;" 3023 class="tw-absolute tw-right-4 tw-top-1/2 tw-flex -tw-translate-y-1/2 tw-items-center" 3024 > 3025 <svg 3026 width="10" 3027 height="10"
3028 viewBox="0 0 18 18" 3029 fill="#14433d" 3030 data-icon-close 3031 class="tw-cursor-pointer" 3032 > 3033 <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"/> 3034 </svg> 3035 </div> 3036 </div> 3037 3038 3039 3040 <div 3041 data-promotion-banner 3042 data-promotion-url="" 3043 data-promotion-discount="HOLIDAY20" 3044 class="tw-relative tw-hidden tw-min-h-12 tw-w-full tw-px-4 tw-text-center lg:tw-min-h-10" 3045 style="background: #fdda79;" 3046 > 3047 <div 3048 role="group" 3049 class="tw-flex tw-h-full tw-items-center tw-justify-center tw-py-2.5 tw-text-center lg-plus:tw-py-[17px]" 3050 > 3051 <div 3052 class="tw-px-8 tw-text-sm lg-plus:tw-text-[1rem] lg-plus:tw-leading-none" 3053 style="color: #14433d !important;" 3054 > 3055 Your discount code <strong>HOLIDAY20</strong> will auto-apply at checkout. 3056 </div> 3057 </div> 3058 3059 <div 3060 style="background: #fdda79;" 3061 class="tw-absolute tw-right-4 tw-top-1/2 tw-flex -tw-translate-y-1/2 tw-items-center" 3062 > 3063 <svg 3064 width="10" 3065 height="10"
3066 viewBox="0 0 18 18" 3067 fill="#14433d" 3068 data-icon-close 3069 class="tw-cursor-pointer" 3070 > 3071 <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"/> 3072 </svg> 3073 </div> 3074 </div> 3075 3076 3077 3078 <div 3079 data-promotion-banner 3080 data-promotion-url="" 3081 data-promotion-discount="FULLFLAVOR10" 3082 class="tw-relative tw-hidden tw-min-h-12 tw-w-full tw-px-4 tw-text-center lg:tw-min-h-10" 3083 style="background: #fdda79;" 3084 > 3085 <div 3086 role="group" 3087 class="tw-flex tw-h-full tw-items-center tw-justify-center tw-py-2.5 tw-text-center lg-plus:tw-py-[17px]" 3088 > 3089 <div 3090 class="tw-px-8 tw-text-sm lg-plus:tw-text-[1rem] lg-plus:tw-leading-none" 3091 style="color: #14433d !important;" 3092 > 3093 Your discount code <strong>FULLFLAVOR10</strong> will auto-apply at checkout. 3094 </div> 3095 </div> 3096 3097 <div 3098 style="background: #fdda79;" 3099 class="tw-absolute tw-right-4 tw-top-1/2 tw-flex -tw-translate-y-1/2 tw-items-center" 3100 > 3101 <svg 3102 width="10" 3103 height="10"
3104 viewBox="0 0 18 18" 3105 fill="#14433d" 3106 data-icon-close 3107 class="tw-cursor-pointer" 3108 > 3109 <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"/> 3110 </svg> 3111 </div> 3112 </div> 3113 3114 3115 3116 <div 3117 data-promotion-banner 3118 data-promotion-url="" 3119 data-promotion-discount="THIRTYSUB" 3120 class="tw-relative tw-hidden tw-min-h-12 tw-w-full tw-px-4 tw-text-center lg:tw-min-h-10" 3121 style="background: #fdda79;" 3122 > 3123 <div 3124 role="group" 3125 class="tw-flex tw-h-full tw-items-center tw-justify-center tw-py-2.5 tw-text-center lg-plus:tw-py-[17px]" 3126 > 3127 <div 3128 class="tw-px-8 tw-text-sm lg-plus:tw-text-[1rem] lg-plus:tw-leading-none" 3129 style="color: #14433d !important;" 3130 > 3131 Your discount code <strong>THIRTYSUB</strong> will auto-apply at checkout. 3132 </div> 3133 </div> 3134 3135 <div 3136 style="background: #fdda79;" 3137 class="tw-absolute tw-right-4 tw-top-1/2 tw-flex -tw-translate-y-1/2 tw-items-center" 3138 > 3139 <svg 3140 width="10" 3141 height="10"
3142 viewBox="0 0 18 18" 3143 fill="#14433d" 3144 data-icon-close 3145 class="tw-cursor-pointer" 3146 > 3147 <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"/> 3148 </svg> 3149 </div> 3150 </div> 3151 3152</div> 3153 3154 3155</div><div id="shopify-section-sections--24009558556831__announcement-banner" class="shopify-section shopify-section-group-header-group"> 3156 <announcement-bar class="section-announcement-bar tw-relative tw-z-50 tw-block"> 3157 <slider-container 3158 data-key="slider__sections--24009558556831__announcement-banner" 3159 role="region" 3160 aria-label="Announcement" 3161 data-slider-loop 3162 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] " 3163 style="background: #5A0C3C;" 3164 ><div role="group" aria-label="1 of 2" class="keen-slider__slide tw-relative tw-z-10 tw-flex !tw-w-auto tw-items-center tw-justify-center tw-py-[4px] tw-text-center tw-transition-opacity tw-duration-150 tw-ease-linear sm:tw-flex-row " style="opacity: 0;"> <div class="tw-flex tw-items-center tw-w-full tw-justify-center tw-px-[8px] md:tw-px-[20px] md:tw-w-fit tw-text-[12px] md:tw-text-[16px] tw-leading-[1.4] " id="message-1" style="color: #ffffff !important;" ><p class="tw-text-[12px] md:tw-text-[16px] tw-leading-[1.4]" style="color: #ffffff !important;"> <div class="tw-block md:tw-hidden"> <strong>Sweet, refreshing, & unmistakably celebratory. <br><a href="https://drinkolipop.com/products/pomegranate-sparkle"><strong>Shop Pomegranate Sparkle</strong></a></strong> </div> <div class="tw-hidden md:tw-block"> <strong>Sweet, refreshing, & unmistakably celebratory. <a href="https://drinkolipop.com/products/pomegranate-sparkle"><strong>Shop Pomegranate Sparkle</strong></a></strong> </div> </p></div> </div><div role="group" aria-label="2 of 2" class="keen-slider__slide tw-relative tw-z-10 tw-flex !tw-w-auto tw-items-center tw-justify-center tw-py-[4px] tw-text-center tw-transition-opacity tw-duration-150 tw-ease-linear sm:tw-flex-row " style="opacity: 0;"> <div class="tw-flex tw-items-center tw-w-full tw-justify-center tw-px-[8px] md:tw-px-[20px] md:tw-w-fit tw-text-[12px] md:tw-text-[16px] tw-leading-[1.4] " id="message-2" style="color: #ffffff !important;" ><p class="tw-text-[12px] md:tw-text-[16px] tw-leading-[1.4]" style="color: #ffffff !important;"> <div class="tw-block md:tw-hidden"> <strong>$3.99 flat rate shipping • Orders $50+ ship FREE</strong> </div> <div class="tw-hidden md:tw-block"> <strong>$3.99 flat rate shipping • Orders $50+ ship FREE</strong> </div> </p></div> </div></slider-container> 3165 3166 3167 <slider-controls 3168 data-key="slider__sections--24009558556831__announcement-banner" 3169 class="tw-absolute tw-top-0 tw-flex tw-h-full tw-w-full tw-items-center tw-justify-between tw-px-4" 3170 > 3171 <control-prev 3172 role="button" 3173 aria-label="Previous Slide" 3174 tabindex="0" 3175 data-action="prev" 3176 class="tw-z-30 tw-block tw-cursor-pointer" 3177 >
3178 <svg width="7" height="10" viewBox="0 0 7 10" fill="none" xmlns="http://www.w3.org/2000/svg"> 3179 <path d="M6 1L2 5L6 9" stroke="#ffffff" stroke-width="2" stroke-linecap="round"/> 3180 </svg> 3181 </control-prev> 3182 3183 <control-next 3184 role="button" 3185 aria-label="Next Slide" 3186 tabindex="0" 3187 data-action="next" 3188 class="tw-z-30 tw-block tw-cursor-pointer" 3189 > 3190 <svg width="7" height="10" viewBox="0 0 7 10" fill="none" xmlns="http://www.w3.org/2000/svg"> 3191 <path d="M1 1L5 5L1 9" stroke="#ffffff" stroke-width="2" stroke-linecap="round"/> 3192 </svg> 3193 </control-next> 3194 </slider-controls> 3195 3196 </announcement-bar> 3197 3198 3199 3200 3201 3202 3203 3204<style> 3205 .section-announcement-bar .keen-slider:not([data-keen-slider-disabled]) .keen-slider__slide{ 3206 padding-top: 4px; 3207 } 3208</style> 3209</div><div id="shopify-section-sections--24009558556831__header" class="shopify-section shopify-section-group-header-group"> 3210 3211<div 3212 id="SearchDrawer" 3213 class="search-bar drawer drawer--top" 3214 role="dialog" 3215 aria-modal="true" 3216 aria-label="Search" 3217 data-predictive-search-drawer 3218> 3219 <div class="search-bar__interior"> 3220 <div class="search-form__container" data-search-form-container> 3221 <form class="search-form search-bar__form" action="/search" method="get" role="search"> 3222 <div class="search-form__input-wrapper"> 3223 <input 3224 type="text" 3225 name="q" 3226 placeholder="Search" 3227 role="combobox" 3228 aria-autocomplete="list" 3229 aria-owns="predictive-search-results" 3230 aria-expanded="false" 3231 aria-label="Search" 3232 aria-haspopup="listbox" 3233 class="search-form__input search-bar__input" 3234 data-predictive-search-drawer-input 3235 > 3236 <input type="hidden" name="options[prefix]" value="last" aria-hidden="true"> 3237 <div 3238 class="predictive-search-wrapper predictive-search-wrapper--drawer" 3239 data-predictive-search-mount="drawer" 3240 ></div> 3241 </div> 3242 3243 <button 3244 class="search-bar__submit search-form__submit" 3245 type="submit" 3246 data-search-form-submit 3247 > 3248 Liquid error (snippets/search-drawer line 38): include usage is not allowed in this context 3249 <span class="icon__fallback-text">Submit</span> 3250 </button> 3251 </form> 3252 3253 <div class="search-bar__actions"> 3254 <button type="button" class="btn--link search-bar__close js-drawer-close"> 3255 Liquid error (snippets/search-drawer line 45): include usage is not allowed in this context 3256 <span class="icon__fallback-text">Close search</span> 3257 </button> 3258 </div> 3259 </div> 3260 </div> 3261</div> 3262 3263 3264<header 3265 data-section-id="sections--24009558556831__header" 3266 data-section-type="header" 3267 class="header-wrapper tw-group tw-relative tw-z-50" 3268 js-header-wrapper 3269 color-theme="transparent" 3270 data-component="megaMenu" 3271> 3272 <div class="top-header" data-section-id="sections--24009558556831__header" data-section-type="header-section" data-header-section> 3273 <div js-header class="header"> 3274 <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]"> 3275 <!-- Left Menu --> 3276 <div class="tw-col-span-2 tw-block tw-self-center tw-justify-self-start tw-leading-none"> 3277 <div class="site-header__mobile-toolbar tw-flex tw-items-center tw-gap-[20px] lg:tw-hidden"> 3278 <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"> 3279 <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"> 3280 <path
3281 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" 3282 fill="currentColor" 3283 /> 3284</svg> 3285</span> 3286 <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"> 3287 <path 3288 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" 3289 fill="currentColor" 3290 /> 3291</svg> 3292</span> 3293 </button> 3294 <a 3295 href="/pages/store-locator" 3296 class="site-header__icon site-header__find-in-store" 3297 aria-label="Find a store" 3298 > 3299 <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" role="presentation" aria-hidden="true"> 3300 <path 3301 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
330113.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" 3302 fill="currentColor" 3303 /> 3304</svg> 3305 3306 </a> 3307 </div> 3308 3309 <nav id="AccessibleNav" aria-label="Desktop Menu"> 3310 3311 3312<ul class="site-nav list--inline" id="SiteNav"> 3313 3314 3315 <li 3316 class="site-nav--has-dropdown" 3317 data-child-list-handle="shop" 3318 data-has-dropdowns 3319 > 3320 3321 <a 3322 href="/collections/drinks" 3323 class="site-nav__link tw-bg-transparent" 3324 3325 aria-expanded="false" 3326 aria-controls="site-nav-menu-dropdown-shop" 3327 > 3328 <span class="site-nav__label">Shop</span> 3329 </a> 3330 3331 </li> 3332 3333 3334 3335 <li 3336 class="site-nav--has-dropdown" 3337 data-child-list-handle="learn" 3338 data-has-dropdowns 3339 > 3340 3341 <button 3342 class="site-nav__link tw-bg-transparent" 3343 type="button" 3344 aria-expanded="false" 3345 aria-controls="site-nav-menu-dropdown-learn" 3346 > 3347 <span class="site-nav__label">Learn</span> 3348 </button> 3349 3350 </li> 3351 3352 3353 3354 <li 3355 3356 > 3357 <a 3358 href="/pages/subscription" 3359 class="site-nav__link" 3360 3361 > 3362 <span class="site-nav__label">Subscribe</span> 3363 </a> 3364 </li> 3365 3366 3367</ul> 3368 3369 </nav> 3370 </div> 3371 <!-- ./End Left Menu --> 3372 3373 <!-- Header Logo --> 3374 <div class="tw-col-span-1 tw-flex tw-justify-center tw-self-center tw-leading-none" role="region" aria-label="Site logo"> 3375 3376 3377 3378 <div class="h2 site-header__logo tw-h-[40px] tw-w-[102px] tw-shrink-0 lg:tw-h-10 lg:tw-w-[117px]"> 3379 3380<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> 3381 <img 3382 class="lazyload js" 3383 src="//drinkolipop.com/cdn/shop/files/OlipopLogo_1.png?v=1778767782" 3384 alt="OLIPOP" 3385 width="102" 3386 height="40" 3387 > 3388 </a> 3389 3390 </div> 3391 3392 3393 </div> 3394 <!-- ./End Header Logo --> 3395 3396 <!-- Right Menu --> 3397 <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"> 3398 3399 <nav aria-label="Desktop Right Menu"> 3400 <ul class="site-nav list--inline tw-hidden lg:tw-block"> 3401 3402<li 3403 3404 > 3405 <a 3406 href="/pages/store-locator" 3407 class="site-nav__link" 3408 3409 > 3410 <span class="site-nav__label">Find a store</span> 3411 </a> 3412 </li> 3413 3414 </ul> 3415 </nav> 3416 3417 3418 <div class="site-header__icons site-header__icons--plus" role="region" aria-label="Account and cart"> 3419 <div class="site-header__icons-wrapper"> 3420 3421 <div class="tw-block"> 3422 3423 <a href="/account/login" class="site-header__icon site-header__account nav-link">
3424 <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"> 3425 <path 3426 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" 3427 fill="#034638" 3428 /> 3429</svg> 3430</span> 3431 <span class="icon__fallback-text">Log in</span> 3432 </a> 3433 3434 </div> 3435 3436
3437 <div class="cart-btns tw-relative"> 3438 <div class="tw-hidden md:tw-block"> 3439 <a 3440 target="_self" 3441 href="/cart" 3442 aria-label="Open Cart" 3443 class="header__button header-cart-toggle site-header__icon site-header__cart tw-relative" 3444 js-header-cart-toggle 3445 > 3446 <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" role="presentation" aria-hidden="true"> 3447 <path 3448 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" 3449 fill="#034638" 3450 /> 3451</svg> 3452 3453 </a> 3454 </div> 3455 <div class="md:tw-hidden"> 3456 <a href="/cart" class="header__button site-header__icon site-header__cart tw-relative"> 3457 <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" role="presentation" aria-hidden="true"> 3458 <path 3459 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
3459C20.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" 3460 fill="#034638" 3461 /> 3462</svg> 3463 3464 </a> 3465 </div> 3466 <div 3467 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" 3468 data-component="cartToggle" 3469 3470 style="display: none;" 3471 3472> 3473 <span class="tw-sr-only">items in cart</span> 3474 <span class="cart-item-count-badge__value" aria-live="polite">0</span> 3475</div> 3476 3477<style> 3478 .cart-item-count-badge { 3479 right: -3px; 3480 } 3481 3482 @media screen and (min-width: 750px) { 3483 .cart-item-count-badge { 3484 top: -6px; 3485 right: 4px; 3486 } 3487 } 3488 3489 @media screen and (min-width: 1183px) { 3490 .cart-item-count-badge { 3491 top: 5px; 3492 right: 7px; 3493 } 3494 } 3495</style> 3496 3497 </div> 3498 </div> 3499 <button 3500 type="button" 3501 class="site-header__mobile-menu-close-btn header__button tw-shrink-0 tw-bg-transparent tw-p-0" 3502 js-mobile-menu-close 3503 aria-label="Close menu" 3504 > 3505 <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" role="presentation" aria-hidden="true"> 3506 <path 3507 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" 3508 fill="currentColor" 3509 /> 3510</svg> 3511 3512 </button> 3513 </div> 3514 </div> 3515 <!-- ./End Right Menu --> 3516 </div> 3517 3518 3519 3520 3521 </div> 3522 3523 <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"> 3524 3525 3526 3527 3528 3529 3530 3531 3532<div 3533 class="site-nav-dropdown__menu--shop site-nav-dropdown__menu tw-mx-auto tw-w-full tw-min-h-0" 3534 id="site-nav-menu-dropdown-shop" 3535 tabindex="-1" 3536> 3537 <button type="button" class="site-nav-dropdown-close">Close menu Shop</button> 3538 3539 <div 3540 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]" 3541 > 3542 <aside 3543 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" 3544 > 3545 <nav class="site-nav-dropdown__category-nav tw-flex tw-min-h-0 tw-flex-col tw-overflow-y-auto" aria-label="Shop categories"> 3546 <div 3547 class="site-nav-dropdown__link site-nav-dropdown__link-parent tw-block" 3548 data-handle="nav-dropdown-9g-fiber-line" 3549 > 3550 <button 3551 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" 3552 type="button" 3553 aria-expanded="true" 3554 >
3555 <span class="site-nav-dropdown__category-label site-nav-dropdown__secondary-title tw-flex tw-w-full tw-items-center tw-justify-between"> 3556 9g fiber line 3557 <span class="site-nav-dropdown__category-arrow tw-ml-3 tw-inline-flex tw-shrink-0" aria-hidden="true"><svg 3558 xmlns="http://www.w3.org/2000/svg" 3559 width="24" 3560 height="24" 3561 viewBox="0 0 24 24" 3562 fill="none" 3563 aria-hidden="true" 3564 focusable="false" 3565 role="presentation" 3566 class="icon icon-chevron-three-right" 3567> 3568 <path 3569 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" 3570 fill="#034638" 3571 /> 3572</svg> 3573</span> 3574 </span> 3575 </button> 3576 </div> 3577 3578 3579 <div 3580 class="site-nav-dropdown__link site-nav-dropdown__link-parent tw-block" 3581 data-handle="nav-dropdown-6g-fiber-line" 3582 > 3583 <button 3584 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" 3585 type="button" 3586 aria-expanded="false" 3587 > 3588 <span class="site-nav-dropdown__category-label site-nav-dropdown__secondary-title tw-flex tw-w-full tw-items-center tw-justify-between"> 3589 6g fiber line 3590 <span class="site-nav-dropdown__category-arrow tw-ml-3 tw-inline-flex tw-shrink-0" aria-hidden="true"><svg 3591 xmlns="http://www.w3.org/2000/svg" 3592 width="24" 3593 height="24" 3594 viewBox="0 0 24 24" 3595 fill="none" 3596 aria-hidden="true" 3597 focusable="false" 3598 role="presentation" 3599 class="icon icon-chevron-three-right" 3600> 3601 <path 3602 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" 3603 fill="#034638" 3604 /> 3605</svg> 3606</span> 3607 </span> 3608 </button> 3609 </div> 3610 3611 3612 <div 3613 class="site-nav-dropdown__link site-nav-dropdown__link-parent tw-block" 3614 data-handle="nav-dropdown-minis" 3615 > 3616 <button 3617 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" 3618 type="button" 3619 aria-expanded="false" 3620 > 3621 <span class="site-nav-dropdown__category-label site-nav-dropdown__secondary-title tw-flex tw-w-full tw-items-center tw-justify-between"> 3622 MINIs 3623 <span class="site-nav-dropdown__category-arrow tw-ml-3 tw-inline-flex tw-shrink-0" aria-hidden="true"><svg 3624 xmlns="http://www.w3.org/2000/svg" 3625 width="24" 3626 height="24" 3627 viewBox="0 0 24 24" 3628 fill="none" 3629 aria-hidden="true" 3630 focusable="false" 3631 role="presentation" 3632 class="icon icon-chevron-three-right" 3633> 3634 <path 3635 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
363564 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" 3636 fill="#034638" 3637 /> 3638</svg> 3639</span> 3640 </span> 3641 </button> 3642 </div> 3643 3644 3645 <div 3646 class="site-nav-dropdown__link site-nav-dropdown__link-parent tw-block" 3647 data-handle="nav-dropdown-limited-edition-flavors" 3648 > 3649 <button 3650 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" 3651 type="button" 3652 aria-expanded="false" 3653 > 3654 <span class="site-nav-dropdown__category-label site-nav-dropdown__secondary-title tw-flex tw-w-full tw-items-center tw-justify-between"> 3655 Limited edition flavors 3656 <span class="site-nav-dropdown__category-arrow tw-ml-3 tw-inline-flex tw-shrink-0" aria-hidden="true"><svg 3657 xmlns="http://www.w3.org/2000/svg" 3658 width="24" 3659 height="24" 3660 viewBox="0 0 24 24" 3661 fill="none" 3662 aria-hidden="true" 3663 focusable="false" 3664 role="presentation" 3665 class="icon icon-chevron-three-right" 3666> 3667 <path 3668 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" 3669 fill="#034638" 3670 /> 3671</svg> 3672</span> 3673 </span> 3674 </button> 3675 </div> 3676 3677 3678 <div 3679 class="site-nav-dropdown__link site-nav-dropdown__link-parent tw-block" 3680 data-handle="nav-dropdown-variety-packs" 3681 > 3682 <button 3683 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" 3684 type="button" 3685 aria-expanded="false" 3686 > 3687 <span class="site-nav-dropdown__category-label site-nav-dropdown__secondary-title tw-flex tw-w-full tw-items-center tw-justify-between"> 3688 Variety packs 3689 <span class="site-nav-dropdown__category-arrow tw-ml-3 tw-inline-flex tw-shrink-0" aria-hidden="true"><svg 3690 xmlns="http://www.w3.org/2000/svg" 3691 width="24" 3692 height="24" 3693 viewBox="0 0 24 24" 3694 fill="none" 3695 aria-hidden="true" 3696 focusable="false" 3697 role="presentation" 3698 class="icon icon-chevron-three-right" 3699> 3700 <path 3701 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" 3702 fill="#034638" 3703 /> 3704</svg> 3705</span> 3706 </span> 3707 </button> 3708 </div> 3709 3710</nav> 3711 3712 <div class="site-nav-dropdown__links-footer"> 3713 <a 3714 href="/collections/drinks" 3715 class="site-nav-dropdown__footer-shop-all dropdown-btn" 3716 > 3717 Shop All 3718 </a> 3719 </div> 3720 </aside> 3721 3722 <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]"> 3723 3724 3725 <div 3726 id="nav-dropdown-9g-fiber-line" 3727 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" 3728 > 3729 <div class="site-nav-dropdown__child-menu-inner tw-flex tw-min-h-0 tw-flex-1 tw-flex-col tw-overflow-visible"> 3730 <header class="site-nav-dropdown__subnav-header tw-pl-1"> 3731 <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"> 3732 <div class="site-nav-dropdown__subnav-titles tw-min-w-0 tw-flex-1"> 3733 <h2 class="site-nav-dropdown__subnav-title"> 3734 3735 Shop 9g fiber 3736 3737 </h2> 3738 3739 <div class="site-nav-dropdown__category-headline"> 3740 <div class="site-nav-dropdown__category-headline-text rte">
3741 <span class="metafield-single_line_text_field">Keep refrigerated</span> 3742 </div> 3743 3744 <span class="site-nav-dropdown__category-headline-icon" aria-hidden="true"> 3745 <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"> 3746 </span> 3747 3748 </div> 3749 3750 3751 <div class="site-nav-dropdown__category-description rte"> 3752 <span class="metafield-multi_line_text_field">Our original refrigerated formula, with higher fiber per can to get more out of every sip.</span> 3753 </div> 3754 3755 </div> 3756 <a 3757 class="site-nav-dropdown__shop-all-outline" 3758 href="/collections/shop-9g-fiber" 3759 > 3760 3761 Shop All 9g Fiber 3762 3763 </a> 3764 </div> 3765 </header> 3766 3767 <div 3768 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]" 3769 data-nav-carousel 3770 > 3771 <div 3772 class="site-nav-dropdown__carousel-toolbar tw-flex tw-w-full tw-items-center tw-justify-end tw-gap-1 tw-pr-14" 3773 aria-hidden="false" 3774 > 3775 <button 3776 type="button" 3777 class="site-nav-dropdown__carousel-btn site-nav-dropdown__carousel-btn--prev site-nav-dropdown__carousel-btn--toolbar" 3778 aria-label="Show previous products" 3779 > 3780<svg 3781 xmlns="http://www.w3.org/2000/svg" 3782 width="24" 3783 height="24" 3784 viewBox="0 0 24 24" 3785 fill="none" 3786 class="site-nav-dropdown__carousel-arrow-svg" 3787 aria-hidden="true" 3788 focusable="false" 3789> 3790 <path 3791 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" 3792 fill="currentColor" 3793 /> 3794</svg> 3795</button> 3796 <button 3797 type="button" 3798 class="site-nav-dropdown__carousel-btn site-nav-dropdown__carousel-btn--next site-nav-dropdown__carousel-btn--toolbar" 3799 aria-label="Show next products" 3800 > 3801<svg 3802 xmlns="http://www.w3.org/2000/svg" 3803 width="24" 3804 height="24" 3805 viewBox="0 0 24 24" 3806 fill="none" 3807 class="site-nav-dropdown__carousel-arrow-svg" 3808 aria-hidden="true" 3809 focusable="false" 3810> 3811 <path 3812 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
38120.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" 3813 fill="currentColor" 3814 /> 3815</svg> 3816</button> 3817 </div> 3818 <div 3819 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" 3820 data-carousel-track 3821 tabindex="0" 3822 role="region" 3823 aria-roledescription="carousel" 3824 aria-label="9g fiber line products" 3825 > 3826 <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"> 3827 3828 3829 3830 3831 3832 3833 3834 3835 3836 3837 3838 3839 3840 <li class="9g-fiber-line-tile tw-w-[136px] tw-flex-shrink-0"> 3841 <a 3842 href="/products/caramel-apple" 3843 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" 3844 3845 > 3846 <span class="site-nav-dropdown__product-card-media"> 3847 3848 <div 3849 class="product-badge product-badge--nav product-badge--short-text" 3850 role="status" 3851 aria-label="New" 3852 > 3853 <svg class="product-badge__shape" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 72 72" fill="none" aria-hidden="true"> 3854 <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"/> 3855 </svg> 3856 <span class="product-badge__text" style="color: #034638;">New</span> 3857 </div> 3858 3859 3860 3861 3862 3863 3864 3865 3866 3867 <img 3868 class="site-nav-dropdown__product-card-img nav-product-hero" 3869 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" 3870 width="136" 3871 height="181" 3872 alt="Caramel Apple" 3873 loading="lazy" 3874 decoding="async" 3875 > 3876 3877 </span>
3878 <span class="site-nav-dropdown__product-card-label"> 3879 3880 Caramel Apple 3881 3882 </span> 3883 </a> 3884 </li> 3885 3886 3887 3888 3889 3890 3891 3892 3893 3894 <li class="9g-fiber-line-tile tw-w-[136px] tw-flex-shrink-0"> 3895 <a 3896 href="/products/blackberry-vanilla" 3897 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" 3898 3899 > 3900 <span class="site-nav-dropdown__product-card-media"> 3901 3902 3903 3904 3905 3906 3907 3908 3909 3910 <img 3911 class="site-nav-dropdown__product-card-img nav-product-hero" 3912 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" 3913 width="136" 3914 height="181" 3915 alt="Blackberry Vanilla" 3916 loading="lazy" 3917 decoding="async" 3918 > 3919 3920 </span> 3921 <span class="site-nav-dropdown__product-card-label"> 3922 3923 Blackberry Vanilla 3924 3925 </span> 3926 </a> 3927 </li> 3928 3929 3930 3931 3932 3933 3934 3935 3936 3937 <li class="9g-fiber-line-tile tw-w-[136px] tw-flex-shrink-0"> 3938 <a 3939 href="/products/crisp-apple" 3940 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" 3941 3942 > 3943 <span class="site-nav-dropdown__product-card-media"> 3944 3945 3946 3947 3948 3949 3950 3951 3952 3953 <img 3954 class="site-nav-dropdown__product-card-img nav-product-hero" 3955 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" 3956 width="136" 3957 height="181" 3958 alt="Crisp Apple" 3959 loading="lazy" 3960 decoding="async" 3961 > 3962 3963 </span> 3964 <span class="site-nav-dropdown__product-card-label"> 3965 3966 Crisp Apple 3967 3968 </span> 3969 </a> 3970 </li> 3971 3972 3973 3974 3975 3976 3977 3978 3979 3980 <li class="9g-fiber-line-tile tw-w-[136px] tw-flex-shrink-0"> 3981 <a 3982 href="/products/classic-grape" 3983 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" 3984 3985 >
3986 <span class="site-nav-dropdown__product-card-media"> 3987 3988 3989 3990 3991 3992 3993 3994 3995 3996 <img 3997 class="site-nav-dropdown__product-card-img nav-product-hero" 3998 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" 3999 width="136" 4000 height="181" 4001 alt="Classic Grape" 4002 loading="lazy" 4003 decoding="async" 4004 > 4005 4006 </span> 4007 <span class="site-nav-dropdown__product-card-label"> 4008 4009 Classic Grape 4010 4011 </span> 4012 </a> 4013 </li> 4014 4015 4016 4017 4018 4019 4020 4021 4022 4023 <li class="9g-fiber-line-tile tw-w-[136px] tw-flex-shrink-0"> 4024 <a 4025 href="/products/classic-root-beer" 4026 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" 4027 4028 > 4029 <span class="site-nav-dropdown__product-card-media"> 4030 4031 4032 4033 4034 4035 4036 4037 4038 4039 <img 4040 class="site-nav-dropdown__product-card-img nav-product-hero" 4041 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" 4042 width="136" 4043 height="181" 4044 alt="Classic Root Beer" 4045 loading="lazy" 4046 decoding="async" 4047 > 4048 4049 </span> 4050 <span class="site-nav-dropdown__product-card-label"> 4051 4052 Classic Root Beer 4053 4054 </span> 4055 </a> 4056 </li> 4057 4058 4059 4060 4061 4062 4063 4064 4065 4066 <li class="9g-fiber-line-tile tw-w-[136px] tw-flex-shrink-0"> 4067 <a 4068 href="/products/vintage-cola" 4069 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" 4070 4071 > 4072 <span class="site-nav-dropdown__product-card-media"> 4073 4074 4075 4076 4077 4078 4079 4080 4081 4082 <img 4083 class="site-nav-dropdown__product-card-img nav-product-hero" 4084 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" 4085 width="136" 4086 height="181" 4087 alt="Vintage Cola" 4088 loading="lazy" 4089 decoding="async" 4090 > 4091 4092 </span>
4093 <span class="site-nav-dropdown__product-card-label"> 4094 4095 Vintage Cola 4096 4097 </span> 4098 </a> 4099 </li> 4100 4101 4102 4103 4104 4105 4106 4107 4108 4109 <li class="9g-fiber-line-tile tw-w-[136px] tw-flex-shrink-0"> 4110 <a 4111 href="/products/cream-soda" 4112 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" 4113 4114 > 4115 <span class="site-nav-dropdown__product-card-media"> 4116 4117 4118 4119 4120 4121 4122 4123 4124 4125 <img 4126 class="site-nav-dropdown__product-card-img nav-product-hero" 4127 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" 4128 width="136" 4129 height="181" 4130 alt="Cream Soda" 4131 loading="lazy" 4132 decoding="async" 4133 > 4134 4135 </span> 4136 <span class="site-nav-dropdown__product-card-label"> 4137 4138 Cream Soda 4139 4140 </span> 4141 </a> 4142 </li> 4143 4144 4145 4146 4147 4148 4149 4150 4151 4152 <li class="9g-fiber-line-tile tw-w-[136px] tw-flex-shrink-0"> 4153 <a 4154 href="/products/strawberry-vanilla" 4155 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" 4156 4157 > 4158 <span class="site-nav-dropdown__product-card-media"> 4159 4160 4161 4162 4163 4164 4165 4166 4167 4168 <img 4169 class="site-nav-dropdown__product-card-img nav-product-hero" 4170 src="//drinkolipop.com/cdn/shop/files/strawberry-vanilla-9g-olipop_gallery-main-image_new_asset.webp?crop=center&height=362&v=1779161007&width=272" 4171 width="136" 4172 height="181" 4173 alt="Strawberry Vanilla" 4174 loading="lazy" 4175 decoding="async" 4176 > 4177 4178 </span> 4179 <span class="site-nav-dropdown__product-card-label"> 4180 4181 Strawberry Vanilla 4182 4183 </span> 4184 </a> 4185 </li> 4186 4187 4188 4189 4190 4191 4192 4193 4194 4195 <li class="9g-fiber-line-tile tw-w-[136px] tw-flex-shrink-0"> 4196 <a 4197 href="/products/cherry-cola" 4198 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" 4199 4200 >
4201 <span class="site-nav-dropdown__product-card-media"> 4202 4203 4204 4205 4206 4207 4208 4209 4210 4211 <img 4212 class="site-nav-dropdown__product-card-img nav-product-hero" 4213 src="//drinkolipop.com/cdn/shop/files/cherry-cola-9g-olipop_gallery-main-image_new_asset.webp?crop=center&height=362&v=1779163770&width=272" 4214 width="136" 4215 height="181" 4216 alt="Cherry Cola" 4217 loading="lazy" 4218 decoding="async" 4219 > 4220 4221 </span> 4222 <span class="site-nav-dropdown__product-card-label"> 4223 4224 Cherry Cola 4225 4226 </span> 4227 </a> 4228 </li> 4229 4230 4231 4232 4233 4234 4235 4236 4237 4238 <li class="9g-fiber-line-tile tw-w-[136px] tw-flex-shrink-0"> 4239 <a 4240 href="/products/orange-cream" 4241 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" 4242 4243 > 4244 <span class="site-nav-dropdown__product-card-media"> 4245 4246 4247 4248 4249 4250 4251 4252 4253 4254 <img 4255 class="site-nav-dropdown__product-card-img nav-product-hero" 4256 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" 4257 width="136" 4258 height="181" 4259 alt="Orange Cream" 4260 loading="lazy" 4261 decoding="async" 4262 > 4263 4264 </span> 4265 <span class="site-nav-dropdown__product-card-label"> 4266 4267 Orange Cream 4268 4269 </span> 4270 </a> 4271 </li> 4272 4273 4274 4275 4276 4277 4278 4279 4280 4281 <li class="9g-fiber-line-tile tw-w-[136px] tw-flex-shrink-0"> 4282 <a 4283 href="/products/peaches-and-cream" 4284 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" 4285 4286 > 4287 <span class="site-nav-dropdown__product-card-media"> 4288 4289 4290 4291 4292 4293 4294 4295 4296 4297 <img 4298 class="site-nav-dropdown__product-card-img nav-product-hero" 4299 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" 4300 width="136" 4301 height="181" 4302 alt="Peaches & Cream" 4303 loading="lazy" 4304 decoding="async" 4305 > 4306 4307 </span>
4308 <span class="site-nav-dropdown__product-card-label"> 4309 4310 Peaches & Cream 4311 4312 </span> 4313 </a> 4314 </li> 4315 4316 4317 4318 4319 4320 4321 4322 4323 4324 <li class="9g-fiber-line-tile tw-w-[136px] tw-flex-shrink-0"> 4325 <a 4326 href="/products/orange-squeeze" 4327 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" 4328 4329 > 4330 <span class="site-nav-dropdown__product-card-media"> 4331 4332 4333 4334 4335 4336 4337 4338 4339 4340 <img 4341 class="site-nav-dropdown__product-card-img nav-product-hero" 4342 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" 4343 width="136" 4344 height="181" 4345 alt="Orange Squeeze" 4346 loading="lazy" 4347 decoding="async" 4348 > 4349 4350 </span> 4351 <span class="site-nav-dropdown__product-card-label"> 4352 4353 Orange Squeeze 4354 4355 </span> 4356 </a> 4357 </li> 4358 4359 4360 4361 4362 4363 4364 4365 4366 4367 <li class="9g-fiber-line-tile tw-w-[136px] tw-flex-shrink-0"> 4368 <a 4369 href="/products/ginger-ale" 4370 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" 4371 4372 > 4373 <span class="site-nav-dropdown__product-card-media"> 4374 4375 4376 4377 4378 4379 4380 4381 4382 4383 <img 4384 class="site-nav-dropdown__product-card-img nav-product-hero" 4385 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" 4386 width="136" 4387 height="181" 4388 alt="Ginger Ale" 4389 loading="lazy" 4390 decoding="async" 4391 > 4392 4393 </span> 4394 <span class="site-nav-dropdown__product-card-label"> 4395 4396 Ginger Ale 4397 4398 </span> 4399 </a> 4400 </li> 4401 4402 4403 4404 4405 4406 4407 4408 4409 4410 <li class="9g-fiber-line-tile tw-w-[136px] tw-flex-shrink-0"> 4411 <a 4412 href="/products/citrus-rush" 4413 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" 4414 4415 >
4416 <span class="site-nav-dropdown__product-card-media"> 4417 4418 4419 4420 4421 4422 4423 4424 4425 4426 <img 4427 class="site-nav-dropdown__product-card-img nav-product-hero" 4428 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" 4429 width="136" 4430 height="181" 4431 alt="Citrus Rush" 4432 loading="lazy" 4433 decoding="async" 4434 > 4435 4436 </span> 4437 <span class="site-nav-dropdown__product-card-label"> 4438 4439 Ridge Rush 4440 4441 </span> 4442 </a> 4443 </li> 4444 4445 4446 4447 4448 4449 4450 4451 4452 4453 <li class="9g-fiber-line-tile tw-w-[136px] tw-flex-shrink-0"> 4454 <a 4455 href="/products/doctor-goodwin" 4456 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" 4457 4458 > 4459 <span class="site-nav-dropdown__product-card-media"> 4460 4461 4462 4463 4464 4465 4466 4467 4468 4469 <img 4470 class="site-nav-dropdown__product-card-img nav-product-hero" 4471 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" 4472 width="136" 4473 height="181" 4474 alt="Doctor Goodwin" 4475 loading="lazy" 4476 decoding="async" 4477 > 4478 4479 </span> 4480 <span class="site-nav-dropdown__product-card-label"> 4481 4482 Doctor Goodwin 4483 4484 </span> 4485 </a> 4486 </li> 4487 4488 4489 4490 4491 4492 4493 4494 4495 4496 <li class="9g-fiber-line-tile tw-w-[136px] tw-flex-shrink-0"> 4497 <a 4498 href="/products/cherry-vanilla" 4499 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" 4500 4501 > 4502 <span class="site-nav-dropdown__product-card-media"> 4503 4504 4505 4506 4507 4508 4509 4510 4511 4512 <img 4513 class="site-nav-dropdown__product-card-img nav-product-hero" 4514 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" 4515 width="136" 4516 height="181" 4517 alt="Cherry Vanilla" 4518 loading="lazy" 4519 decoding="async" 4520 > 4521 4522 </span>
4523 <span class="site-nav-dropdown__product-card-label"> 4524 4525 Cherry Vanilla 4526 4527 </span> 4528 </a> 4529 </li> 4530 4531 4532 4533 4534 4535 4536 4537 4538 4539 <li class="9g-fiber-line-tile tw-w-[136px] tw-flex-shrink-0"> 4540 <a 4541 href="/products/tropical-punch" 4542 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" 4543 4544 > 4545 <span class="site-nav-dropdown__product-card-media"> 4546 4547 4548 4549 4550 4551 4552 4553 4554 4555 <img 4556 class="site-nav-dropdown__product-card-img nav-product-hero" 4557 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" 4558 width="136" 4559 height="181" 4560 alt="Tropical Punch" 4561 loading="lazy" 4562 decoding="async" 4563 > 4564 4565 </span> 4566 <span class="site-nav-dropdown__product-card-label"> 4567 4568 Tropical Punch 4569 4570 </span> 4571 </a> 4572 </li> 4573 4574 4575 4576 4577 4578 4579 4580 4581 4582 <li class="9g-fiber-line-tile tw-w-[136px] tw-flex-shrink-0"> 4583 <a 4584 href="/products/lemon-lime" 4585 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" 4586 4587 > 4588 <span class="site-nav-dropdown__product-card-media"> 4589 4590 4591 4592 4593 4594 4595 4596 4597 4598 <img 4599 class="site-nav-dropdown__product-card-img nav-product-hero" 4600 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" 4601 width="136" 4602 height="181" 4603 alt="Lemon Lime" 4604 loading="lazy" 4605 decoding="async" 4606 > 4607 4608 </span> 4609 <span class="site-nav-dropdown__product-card-label"> 4610 4611 Lemon Lime 4612 4613 </span> 4614 </a> 4615 </li> 4616 4617 4618 4619 4620 4621 4622 4623 4624 4625 <li class="9g-fiber-line-tile tw-w-[136px] tw-flex-shrink-0"> 4626 <a 4627 href="/products/ginger-lemon" 4628 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" 4629 4630 >
4631 <span class="site-nav-dropdown__product-card-media"> 4632 4633 4634 4635 4636 4637 4638 4639 4640 4641 <img 4642 class="site-nav-dropdown__product-card-img nav-product-hero" 4643 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" 4644 width="136" 4645 height="181" 4646 alt="Ginger Lemon" 4647 loading="lazy" 4648 decoding="async" 4649 > 4650 4651 </span> 4652 <span class="site-nav-dropdown__product-card-label"> 4653 4654 Ginger Lemon 4655 4656 </span> 4657 </a> 4658 </li> 4659 4660 4661 4662 4663 4664 4665 4666 4667 4668 <li class="9g-fiber-line-tile tw-w-[136px] tw-flex-shrink-0"> 4669 <a 4670 href="/products/watermelon-lime" 4671 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" 4672 4673 > 4674 <span class="site-nav-dropdown__product-card-media"> 4675 4676 4677 4678 4679 4680 4681 4682 4683 4684 <img 4685 class="site-nav-dropdown__product-card-img nav-product-hero" 4686 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" 4687 width="136" 4688 height="181" 4689 alt="Watermelon Lime" 4690 loading="lazy" 4691 decoding="async" 4692 > 4693 4694 </span> 4695 <span class="site-nav-dropdown__product-card-label"> 4696 4697 Watermelon Lime 4698 4699 </span> 4700 </a> 4701 </li> 4702 4703 4704 4705 4706 4707 4708 4709 4710 4711 <li class="9g-fiber-line-tile tw-w-[136px] tw-flex-shrink-0"> 4712 <a 4713 href="/products/banana-cream" 4714 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" 4715 4716 > 4717 <span class="site-nav-dropdown__product-card-media"> 4718 4719 4720 4721 4722 4723 4724 4725 4726 4727 <img 4728 class="site-nav-dropdown__product-card-img nav-product-hero" 4729 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" 4730 width="136" 4731 height="181" 4732 alt="Banana Cream" 4733 loading="lazy" 4734 decoding="async" 4735 > 4736 4737 </span>
4738 <span class="site-nav-dropdown__product-card-label"> 4739 4740 Banana Cream 4741 4742 </span> 4743 </a> 4744 </li> 4745 4746 4747 </ul> 4748 </div> 4749 </div> 4750 </div> 4751 </div> 4752 4753 4754 4755 <div 4756 id="nav-dropdown-6g-fiber-line" 4757 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" 4758 > 4759 <div class="site-nav-dropdown__child-menu-inner tw-flex tw-min-h-0 tw-flex-1 tw-flex-col tw-overflow-visible"> 4760 <header class="site-nav-dropdown__subnav-header tw-pl-1"> 4761 <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"> 4762 <div class="site-nav-dropdown__subnav-titles tw-min-w-0 tw-flex-1"> 4763 <h2 class="site-nav-dropdown__subnav-title"> 4764 4765 Shop 6g fiber 4766 4767 </h2> 4768 4769 <div class="site-nav-dropdown__category-headline"> 4770 <div class="site-nav-dropdown__category-headline-text rte"> 4771 <span class="metafield-single_line_text_field">Store anywhere. Chill to enjoy.</span> 4772 </div> 4773 4774 </div> 4775 4776 4777 <div class="site-nav-dropdown__category-description rte"> 4778 <span class="metafield-multi_line_text_field">Same great taste & digestive support, in a lower‑fiber, store‑anywhere format.</span> 4779 </div> 4780 4781 </div> 4782 <a 4783 class="site-nav-dropdown__shop-all-outline" 4784 href="/collections/shop-6g-fiber" 4785 > 4786 4787 Shop All 6g Fiber 4788 4789 </a> 4790 </div> 4791 </header> 4792 4793 <div 4794 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]" 4795 data-nav-carousel 4796 > 4797 <div 4798 class="site-nav-dropdown__carousel-toolbar tw-flex tw-w-full tw-items-center tw-justify-end tw-gap-1 tw-pr-14" 4799 aria-hidden="false" 4800 > 4801 <button 4802 type="button" 4803 class="site-nav-dropdown__carousel-btn site-nav-dropdown__carousel-btn--prev site-nav-dropdown__carousel-btn--toolbar" 4804 aria-label="Show previous products" 4805 > 4806<svg 4807 xmlns="http://www.w3.org/2000/svg" 4808 width="24" 4809 height="24" 4810 viewBox="0 0 24 24" 4811 fill="none" 4812 class="site-nav-dropdown__carousel-arrow-svg" 4813 aria-hidden="true" 4814 focusable="false" 4815> 4816 <path 4817 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" 4818 fill="currentColor" 4819 /> 4820</svg> 4821</button> 4822 <button 4823 type="button" 4824 class="site-nav-dropdown__carousel-btn site-nav-dropdown__carousel-btn--next site-nav-dropdown__carousel-btn--toolbar" 4825 aria-label="Show next products" 4826 > 4827<svg 4828 xmlns="http://www.w3.org/2000/svg" 4829 width="24" 4830 height="24" 4831 viewBox="0 0 24 24" 4832 fill="none" 4833 class="site-nav-dropdown__carousel-arrow-svg" 4834 aria-hidden="true" 4835 focusable="false" 4836> 4837 <path 4838 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
48380.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" 4839 fill="currentColor" 4840 /> 4841</svg> 4842</button> 4843 </div> 4844 <div 4845 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" 4846 data-carousel-track 4847 tabindex="0" 4848 role="region" 4849 aria-roledescription="carousel" 4850 aria-label="6g fiber line products" 4851 > 4852 <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"> 4853 4854 4855 4856 4857 4858 4859 4860 4861 4862 4863 4864 4865 4866 <li class="6g-fiber-line-tile tw-w-[136px] tw-flex-shrink-0"> 4867 <a 4868 href="/products/pomegranate-sparkle" 4869 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" 4870 4871 aria-current="page" 4872 4873 > 4874 <span class="site-nav-dropdown__product-card-media"> 4875 4876 <div 4877 class="product-badge product-badge--nav product-badge--short-text" 4878 role="status" 4879 aria-label="New" 4880 > 4881 <svg class="product-badge__shape" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 72 72" fill="none" aria-hidden="true"> 4882 <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"/> 4883 </svg> 4884 <span class="product-badge__text" style="color: #034638;">New</span> 4885 </div> 4886 4887 4888 4889 4890 4891 4892 4893 4894 4895 <img 4896 class="site-nav-dropdown__product-card-img nav-product-hero" 4897 src="//drinkolipop.com/cdn/shop/files/pomegranate-sparkle-6g-olipop_gallery-image_single-can_new_asset.webp?crop=center&height=362&v=1789390717&width=272" 4898 width="136" 4899 height="181" 4900 alt="Pomegranate Sparkle" 4901 loading="lazy" 4902 decoding="async" 4903 > 4904 4905 </span>
4906 <span class="site-nav-dropdown__product-card-label"> 4907 4908 Pomegranate Sparkle 4909 4910 </span> 4911 </a> 4912 </li> 4913 4914 4915 4916 4917 4918 4919 4920 4921 4922 <li class="6g-fiber-line-tile tw-w-[136px] tw-flex-shrink-0"> 4923 <a 4924 href="/products/raspberry-sherbet" 4925 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" 4926 4927 > 4928 <span class="site-nav-dropdown__product-card-media"> 4929 4930 <div 4931 class="product-badge product-badge--nav" 4932 role="status" 4933 aria-label="Limited" 4934 > 4935 <svg class="product-badge__shape" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 72 72" fill="none" aria-hidden="true"> 4936 <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"/> 4937 </svg> 4938 <span class="product-badge__text" style="color: #034638;">Limited</span> 4939 </div> 4940 4941 4942 4943 4944 4945 4946 4947 4948 4949 <img 4950 class="site-nav-dropdown__product-card-img nav-product-hero" 4951 src="//drinkolipop.com/cdn/shop/files/raspberry-sherbert_omni-pdp_single.webp?crop=center&height=362&v=1775754912&width=272" 4952 width="136" 4953 height="181" 4954 alt="Raspberry Sherbet" 4955 loading="lazy" 4956 decoding="async" 4957 > 4958 4959 </span> 4960 <span class="site-nav-dropdown__product-card-label"> 4961 4962 Raspberry Sherbet 4963 4964 </span> 4965 </a> 4966 </li> 4967 4968 4969 4970 4971 4972 4973 4974 4975 4976 <li class="6g-fiber-line-tile tw-w-[136px] tw-flex-shrink-0"> 4977 <a 4978 href="/products/shirley-temple" 4979 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" 4980 4981 >
4982 <span class="site-nav-dropdown__product-card-media"> 4983 4984 <div 4985 class="product-badge product-badge--nav" 4986 role="status" 4987 aria-label="Limited" 4988 > 4989 <svg class="product-badge__shape" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 72 72" fill="none" aria-hidden="true"> 4990 <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"/> 4991 </svg> 4992 <span class="product-badge__text" style="color: #034638;">Limited</span> 4993 </div> 4994 4995 4996 4997 4998 4999 5000 5001 5002 5003 <img 5004 class="site-nav-dropdown__product-card-img nav-product-hero" 5005 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" 5006 width="136" 5007 height="181" 5008 alt="Shirley Temple" 5009 loading="lazy" 5010 decoding="async" 5011 > 5012 5013 </span> 5014 <span class="site-nav-dropdown__product-card-label"> 5015 5016 Shirley Temple 5017 5018 </span> 5019 </a> 5020 </li> 5021 5022 5023 5024 5025 5026 5027 5028 5029 5030 <li class="6g-fiber-line-tile tw-w-[136px] tw-flex-shrink-0"> 5031 <a 5032 href="/products/spongebob-pineapple-paradise" 5033 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" 5034 5035 > 5036 <span class="site-nav-dropdown__product-card-media"> 5037 5038 <div 5039 class="product-badge product-badge--nav" 5040 role="status" 5041 aria-label="Limited" 5042 > 5043 <svg class="product-badge__shape" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 72 72" fill="none" aria-hidden="true"> 5044 <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
504403 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"/> 5045 </svg> 5046 <span class="product-badge__text" style="color: #034638;">Limited</span> 5047 </div> 5048 5049 5050 5051 5052 5053 5054 5055 5056 5057 <img 5058 class="site-nav-dropdown__product-card-img nav-product-hero" 5059 src="//drinkolipop.com/cdn/shop/files/Pineapple-Paradise_cgi-main-image_072925.webp?crop=center&height=362&v=1753844923&width=272" 5060 width="136" 5061 height="181" 5062 alt="Pineapple Paradise" 5063 loading="lazy" 5064 decoding="async" 5065 > 5066 5067 </span> 5068 <span class="site-nav-dropdown__product-card-label"> 5069 5070 Pineapple Paradise 5071 5072 </span> 5073 </a> 5074 </li> 5075 5076 5077 5078 5079 5080 5081 5082 5083 5084 <li class="6g-fiber-line-tile tw-w-[136px] tw-flex-shrink-0"> 5085 <a 5086 href="/products/crisp-apple-6g-fiber" 5087 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" 5088 5089 > 5090 <span class="site-nav-dropdown__product-card-media"> 5091 5092 5093 5094 5095 5096 5097 5098 5099 5100 <img 5101 class="site-nav-dropdown__product-card-img nav-product-hero" 5102 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" 5103 width="136" 5104 height="181" 5105 alt="Crisp Apple" 5106 loading="lazy" 5107 decoding="async" 5108 > 5109 5110 </span> 5111 <span class="site-nav-dropdown__product-card-label"> 5112 5113 Crisp Apple 5114 5115 </span> 5116 </a> 5117 </li> 5118 5119 5120 5121 5122 5123 5124 5125 5126 5127 <li class="6g-fiber-line-tile tw-w-[136px] tw-flex-shrink-0"> 5128 <a 5129 href="/products/classic-grape-6g-fiber" 5130 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" 5131 5132 > 5133 <span class="site-nav-dropdown__product-card-media"> 5134 5135 5136 5137 5138 5139 5140 5141 5142 5143 <img 5144 class="site-nav-dropdown__product-card-img nav-product-hero" 5145 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" 5146 width="136" 5147 height="181" 5148 alt="Classic Grape" 5149 loading="lazy" 5150 decoding="async" 5151 > 5152 5153 </span>
5154 <span class="site-nav-dropdown__product-card-label"> 5155 5156 Classic Grape 5157 5158 </span> 5159 </a> 5160 </li> 5161 5162 5163 5164 5165 5166 5167 5168 5169 5170 <li class="6g-fiber-line-tile tw-w-[136px] tw-flex-shrink-0"> 5171 <a 5172 href="/products/vintage-cola-6g-fiber" 5173 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" 5174 5175 > 5176 <span class="site-nav-dropdown__product-card-media"> 5177 5178 5179 5180 5181 5182 5183 5184 5185 5186 <img 5187 class="site-nav-dropdown__product-card-img nav-product-hero" 5188 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" 5189 width="136" 5190 height="181" 5191 alt="Vintage Cola" 5192 loading="lazy" 5193 decoding="async" 5194 > 5195 5196 </span> 5197 <span class="site-nav-dropdown__product-card-label"> 5198 5199 Vintage Cola 5200 5201 </span> 5202 </a> 5203 </li> 5204 5205 5206 5207 5208 5209 5210 5211 5212 5213 <li class="6g-fiber-line-tile tw-w-[136px] tw-flex-shrink-0"> 5214 <a 5215 href="/products/classic-root-beer-6g-fiber" 5216 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" 5217 5218 > 5219 <span class="site-nav-dropdown__product-card-media"> 5220 5221 5222 5223 5224 5225 5226 5227 5228 5229 <img 5230 class="site-nav-dropdown__product-card-img nav-product-hero" 5231 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" 5232 width="136" 5233 height="181" 5234 alt="Classic Root Beer" 5235 loading="lazy" 5236 decoding="async" 5237 > 5238 5239 </span> 5240 <span class="site-nav-dropdown__product-card-label"> 5241 5242 Classic Root Beer 5243 5244 </span> 5245 </a> 5246 </li> 5247 5248 5249 5250 5251 5252 5253 5254 5255 5256 <li class="6g-fiber-line-tile tw-w-[136px] tw-flex-shrink-0"> 5257 <a 5258 href="/products/cream-soda-6g-fiber" 5259 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" 5260 5261 >
5262 <span class="site-nav-dropdown__product-card-media"> 5263 5264 5265 5266 5267 5268 5269 5270 5271 5272 <img 5273 class="site-nav-dropdown__product-card-img nav-product-hero" 5274 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" 5275 width="136" 5276 height="181" 5277 alt="Cream Soda" 5278 loading="lazy" 5279 decoding="async" 5280 > 5281 5282 </span> 5283 <span class="site-nav-dropdown__product-card-label"> 5284 5285 Cream Soda 5286 5287 </span> 5288 </a> 5289 </li> 5290 5291 5292 5293 5294 5295 5296 5297 5298 5299 <li class="6g-fiber-line-tile tw-w-[136px] tw-flex-shrink-0"> 5300 <a 5301 href="/products/strawberry-vanilla-6g-fiber" 5302 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" 5303 5304 > 5305 <span class="site-nav-dropdown__product-card-media"> 5306 5307 5308 5309 5310 5311 5312 5313 5314 5315 <img 5316 class="site-nav-dropdown__product-card-img nav-product-hero" 5317 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" 5318 width="136" 5319 height="181" 5320 alt="Strawberry Vanilla" 5321 loading="lazy" 5322 decoding="async" 5323 > 5324 5325 </span> 5326 <span class="site-nav-dropdown__product-card-label"> 5327 5328 Strawberry Vanilla 5329 5330 </span> 5331 </a> 5332 </li> 5333 5334 5335 5336 5337 5338 5339 5340 5341 5342 <li class="6g-fiber-line-tile tw-w-[136px] tw-flex-shrink-0"> 5343 <a 5344 href="/products/cherry-cola-6g-fiber" 5345 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" 5346 5347 > 5348 <span class="site-nav-dropdown__product-card-media"> 5349 5350 5351 5352 5353 5354 5355 5356 5357 5358 <img 5359 class="site-nav-dropdown__product-card-img nav-product-hero" 5360 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" 5361 width="136" 5362 height="181" 5363 alt="Cherry Cola" 5364 loading="lazy" 5365 decoding="async" 5366 > 5367 5368 </span>
5369 <span class="site-nav-dropdown__product-card-label"> 5370 5371 Cherry Cola 5372 5373 </span> 5374 </a> 5375 </li> 5376 5377 5378 5379 5380 5381 5382 5383 5384 5385 <li class="6g-fiber-line-tile tw-w-[136px] tw-flex-shrink-0"> 5386 <a 5387 href="/products/citrus-rush-6g-fiber" 5388 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" 5389 5390 > 5391 <span class="site-nav-dropdown__product-card-media"> 5392 5393 5394 5395 5396 5397 5398 5399 5400 5401 <img 5402 class="site-nav-dropdown__product-card-img nav-product-hero" 5403 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" 5404 width="136" 5405 height="181" 5406 alt="Citrus Rush" 5407 loading="lazy" 5408 decoding="async" 5409 > 5410 5411 </span> 5412 <span class="site-nav-dropdown__product-card-label"> 5413 5414 Citrus Rush 5415 5416 </span> 5417 </a> 5418 </li> 5419 5420 5421 5422 5423 5424 5425 5426 5427 5428 <li class="6g-fiber-line-tile tw-w-[136px] tw-flex-shrink-0"> 5429 <a 5430 href="/products/ginger-ale-6g-fiber" 5431 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" 5432 5433 > 5434 <span class="site-nav-dropdown__product-card-media"> 5435 5436 5437 5438 5439 5440 5441 5442 5443 5444 <img 5445 class="site-nav-dropdown__product-card-img nav-product-hero" 5446 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" 5447 width="136" 5448 height="181" 5449 alt="Ginger Ale" 5450 loading="lazy" 5451 decoding="async" 5452 > 5453 5454 </span> 5455 <span class="site-nav-dropdown__product-card-label"> 5456 5457 Ginger Ale 5458 5459 </span> 5460 </a> 5461 </li> 5462 5463 5464 5465 5466 5467 5468 5469 5470 5471 <li class="6g-fiber-line-tile tw-w-[136px] tw-flex-shrink-0"> 5472 <a 5473 href="/products/lemon-lime-6g-fiber" 5474 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" 5475 5476 >
5477 <span class="site-nav-dropdown__product-card-media"> 5478 5479 5480 5481 5482 5483 5484 5485 5486 5487 <img 5488 class="site-nav-dropdown__product-card-img nav-product-hero" 5489 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" 5490 width="136" 5491 height="181" 5492 alt="Lemon Lime" 5493 loading="lazy" 5494 decoding="async" 5495 > 5496 5497 </span> 5498 <span class="site-nav-dropdown__product-card-label"> 5499 5500 Lemon Lime 5501 5502 </span> 5503 </a> 5504 </li> 5505 5506 5507 </ul> 5508 </div> 5509 </div> 5510 </div> 5511 </div> 5512 5513 5514 5515 <div 5516 id="nav-dropdown-minis" 5517 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" 5518 > 5519 <div class="site-nav-dropdown__child-menu-inner tw-flex tw-min-h-0 tw-flex-1 tw-flex-col tw-overflow-visible"> 5520 <header class="site-nav-dropdown__subnav-header tw-pl-1"> 5521 <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"> 5522 <div class="site-nav-dropdown__subnav-titles tw-min-w-0 tw-flex-1"> 5523 <h2 class="site-nav-dropdown__subnav-title"> 5524 5525 Shop MINIs 5526 5527 </h2> 5528 5529 <div class="site-nav-dropdown__category-headline"> 5530 <div class="site-nav-dropdown__category-headline-text rte"> 5531 <span class="metafield-single_line_text_field">Store anywhere. Chill to enjoy.</span> 5532 </div> 5533 5534 </div> 5535 5536 5537 <div class="site-nav-dropdown__category-description rte"> 5538 <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> 5539 </div> 5540 5541 </div> 5542 <a 5543 class="site-nav-dropdown__shop-all-outline" 5544 href="/collections/olipop-minis" 5545 > 5546 5547 Shop All MINIs 5548 5549 </a> 5550 </div> 5551 </header> 5552 5553 <div 5554 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]" 5555 data-nav-carousel 5556 > 5557 <div 5558 class="site-nav-dropdown__carousel-toolbar tw-flex tw-w-full tw-items-center tw-justify-end tw-gap-1 tw-pr-14" 5559 aria-hidden="false" 5560 > 5561 <button 5562 type="button" 5563 class="site-nav-dropdown__carousel-btn site-nav-dropdown__carousel-btn--prev site-nav-dropdown__carousel-btn--toolbar" 5564 aria-label="Show previous products" 5565 > 5566<svg 5567 xmlns="http://www.w3.org/2000/svg" 5568 width="24" 5569 height="24" 5570 viewBox="0 0 24 24" 5571 fill="none" 5572 class="site-nav-dropdown__carousel-arrow-svg" 5573 aria-hidden="true" 5574 focusable="false" 5575> 5576 <path 5577 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
55770.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" 5578 fill="currentColor" 5579 /> 5580</svg> 5581</button> 5582 <button 5583 type="button" 5584 class="site-nav-dropdown__carousel-btn site-nav-dropdown__carousel-btn--next site-nav-dropdown__carousel-btn--toolbar" 5585 aria-label="Show next products" 5586 > 5587<svg 5588 xmlns="http://www.w3.org/2000/svg" 5589 width="24" 5590 height="24" 5591 viewBox="0 0 24 24" 5592 fill="none" 5593 class="site-nav-dropdown__carousel-arrow-svg" 5594 aria-hidden="true" 5595 focusable="false" 5596> 5597 <path 5598 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" 5599 fill="currentColor" 5600 /> 5601</svg> 5602</button> 5603 </div> 5604 <div 5605 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" 5606 data-carousel-track 5607 tabindex="0" 5608 role="region" 5609 aria-roledescription="carousel" 5610 aria-label="MINIs products" 5611 > 5612 <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"> 5613 5614 5615 5616 5617 5618 5619 5620 5621 5622 5623 5624 5625 5626 <li class="minis-tile tw-w-[136px] tw-flex-shrink-0"> 5627 <a 5628 href="/products/strawberry-vanilla-minis" 5629 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" 5630 5631 > 5632 <span class="site-nav-dropdown__product-card-media"> 5633 5634 5635 5636 5637 5638 5639 5640 5641 5642 <img 5643 class="site-nav-dropdown__product-card-img nav-product-hero" 5644 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" 5645 width="136" 5646 height="181" 5647 alt="Strawberry Vanilla" 5648 loading="lazy" 5649 decoding="async" 5650 > 5651 5652 </span> 5653 <span class="site-nav-dropdown__product-card-label"> 5654 5655 Strawberry Vanilla 5656 5657 </span> 5658 </a> 5659 </li> 5660 5661 5662 5663 5664 5665 5666 5667 5668 5669 <li class="minis-tile tw-w-[136px] tw-flex-shrink-0"> 5670 <a 5671 href="/products/classic-grape-minis" 5672 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" 5673 5674 >
5675 <span class="site-nav-dropdown__product-card-media"> 5676 5677 5678 5679 5680 5681 5682 5683 5684 5685 <img 5686 class="site-nav-dropdown__product-card-img nav-product-hero" 5687 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" 5688 width="136" 5689 height="181" 5690 alt="Classic Grape" 5691 loading="lazy" 5692 decoding="async" 5693 > 5694 5695 </span> 5696 <span class="site-nav-dropdown__product-card-label"> 5697 5698 Classic Grape 5699 5700 </span> 5701 </a> 5702 </li> 5703 5704 5705 5706 5707 5708 5709 5710 5711 5712 <li class="minis-tile tw-w-[136px] tw-flex-shrink-0"> 5713 <a 5714 href="/products/crisp-apple-minis" 5715 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" 5716 5717 > 5718 <span class="site-nav-dropdown__product-card-media"> 5719 5720 5721 5722 5723 5724 5725 5726 5727 5728 <img 5729 class="site-nav-dropdown__product-card-img nav-product-hero" 5730 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" 5731 width="136" 5732 height="181" 5733 alt="Crisp Apple" 5734 loading="lazy" 5735 decoding="async" 5736 > 5737 5738 </span> 5739 <span class="site-nav-dropdown__product-card-label"> 5740 5741 Crisp Apple 5742 5743 </span> 5744 </a> 5745 </li> 5746 5747 5748 5749 5750 5751 5752 5753 5754 5755 <li class="minis-tile tw-w-[136px] tw-flex-shrink-0"> 5756 <a 5757 href="/products/vintage-cola-minis" 5758 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" 5759 5760 > 5761 <span class="site-nav-dropdown__product-card-media"> 5762 5763 5764 5765 5766 5767 5768 5769 5770 5771 <img 5772 class="site-nav-dropdown__product-card-img nav-product-hero" 5773 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" 5774 width="136" 5775 height="181" 5776 alt="Vintage Cola" 5777 loading="lazy" 5778 decoding="async" 5779 > 5780 5781 </span>
5782 <span class="site-nav-dropdown__product-card-label"> 5783 5784 Vintage Cola 5785 5786 </span> 5787 </a> 5788 </li> 5789 5790 5791 5792 5793 5794 5795 5796 5797 5798 <li class="minis-tile tw-w-[136px] tw-flex-shrink-0"> 5799 <a 5800 href="/products/ginger-ale-minis" 5801 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" 5802 5803 > 5804 <span class="site-nav-dropdown__product-card-media"> 5805 5806 5807 5808 5809 5810 5811 5812 5813 5814 <img 5815 class="site-nav-dropdown__product-card-img nav-product-hero" 5816 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" 5817 width="136" 5818 height="181" 5819 alt="Ginger Ale" 5820 loading="lazy" 5821 decoding="async" 5822 > 5823 5824 </span> 5825 <span class="site-nav-dropdown__product-card-label"> 5826 5827 Ginger Ale 5828 5829 </span> 5830 </a> 5831 </li> 5832 5833 5834 5835 5836 5837 5838 5839 5840 5841 <li class="minis-tile tw-w-[136px] tw-flex-shrink-0"> 5842 <a 5843 href="/products/orange-cream-minis" 5844 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" 5845 5846 > 5847 <span class="site-nav-dropdown__product-card-media"> 5848 5849 5850 5851 5852 5853 5854 5855 5856 5857 <img 5858 class="site-nav-dropdown__product-card-img nav-product-hero" 5859 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" 5860 width="136" 5861 height="181" 5862 alt="Orange Cream" 5863 loading="lazy" 5864 decoding="async" 5865 > 5866 5867 </span> 5868 <span class="site-nav-dropdown__product-card-label"> 5869 5870 Orange Cream 5871 5872 </span> 5873 </a> 5874 </li> 5875 5876 5877 </ul> 5878 </div> 5879 </div> 5880 </div> 5881 </div> 5882 5883 5884 5885 <div 5886 id="nav-dropdown-limited-edition-flavors" 5887 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" 5888 > 5889 <div class="site-nav-dropdown__child-menu-inner tw-flex tw-min-h-0 tw-flex-1 tw-flex-col tw-overflow-visible"> 5890 <header class="site-nav-dropdown__subnav-header tw-pl-1"> 5891 <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"> 5892 <div class="site-nav-dropdown__subnav-titles tw-min-w-0 tw-flex-1"> 5893 <h2 class="site-nav-dropdown__subnav-title"> 5894 5895 Shop limited edition flavors 5896 5897 </h2> 5898 5899 <div class="site-nav-dropdown__category-headline"> 5900 <div class="site-nav-dropdown__category-headline-text rte">
5901 <span class="metafield-single_line_text_field">Store anywhere. Chill to enjoy.</span> 5902 </div> 5903 5904 </div> 5905 5906 5907 <div class="site-nav-dropdown__category-description rte"> 5908 <span class="metafield-multi_line_text_field">Here for a good time, not a long time. Grab these flavors before they sip away! </span> 5909 </div> 5910 5911 </div> 5912 <a 5913 class="site-nav-dropdown__shop-all-outline" 5914 href="/collections/shop-limited-edition" 5915 > 5916 5917 Shop All Limited Edition Flavors 5918 5919 </a> 5920 </div> 5921 </header> 5922 5923 <div 5924 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]" 5925 data-nav-carousel 5926 > 5927 <div 5928 class="site-nav-dropdown__carousel-toolbar tw-flex tw-w-full tw-items-center tw-justify-end tw-gap-1 tw-pr-14" 5929 aria-hidden="false" 5930 > 5931 <button 5932 type="button" 5933 class="site-nav-dropdown__carousel-btn site-nav-dropdown__carousel-btn--prev site-nav-dropdown__carousel-btn--toolbar" 5934 aria-label="Show previous products" 5935 > 5936<svg 5937 xmlns="http://www.w3.org/2000/svg" 5938 width="24" 5939 height="24" 5940 viewBox="0 0 24 24" 5941 fill="none" 5942 class="site-nav-dropdown__carousel-arrow-svg" 5943 aria-hidden="true" 5944 focusable="false" 5945> 5946 <path 5947 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" 5948 fill="currentColor" 5949 /> 5950</svg> 5951</button> 5952 <button 5953 type="button" 5954 class="site-nav-dropdown__carousel-btn site-nav-dropdown__carousel-btn--next site-nav-dropdown__carousel-btn--toolbar" 5955 aria-label="Show next products" 5956 > 5957<svg 5958 xmlns="http://www.w3.org/2000/svg" 5959 width="24" 5960 height="24" 5961 viewBox="0 0 24 24" 5962 fill="none" 5963 class="site-nav-dropdown__carousel-arrow-svg" 5964 aria-hidden="true" 5965 focusable="false" 5966> 5967 <path 5968 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" 5969 fill="currentColor" 5970 /> 5971</svg> 5972</button> 5973 </div> 5974 <div 5975 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" 5976 data-carousel-track 5977 tabindex="0" 5978 role="region" 5979 aria-roledescription="carousel" 5980 aria-label="Limited edition flavors products" 5981 > 5982 <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"> 5983 5984 5985 5986 5987 5988 5989 5990 5991 5992 5993 5994 5995 5996 <li class="limited-edition-flavors-tile tw-w-[136px] tw-flex-shrink-0"> 5997 <a 5998 href="/products/pomegranate-sparkle" 5999 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" 6000 6001 aria-current="page" 6002 6003 >
6004 <span class="site-nav-dropdown__product-card-media"> 6005 6006 <div 6007 class="product-badge product-badge--nav product-badge--short-text" 6008 role="status" 6009 aria-label="New" 6010 > 6011 <svg class="product-badge__shape" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 72 72" fill="none" aria-hidden="true"> 6012 <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"/> 6013 </svg> 6014 <span class="product-badge__text" style="color: #034638;">New</span> 6015 </div> 6016 6017 6018 6019 6020 6021 6022 6023 6024 6025 <img 6026 class="site-nav-dropdown__product-card-img nav-product-hero" 6027 src="//drinkolipop.com/cdn/shop/files/pomegranate-sparkle-6g-olipop_gallery-image_single-can_new_asset.webp?crop=center&height=362&v=1789390717&width=272" 6028 width="136" 6029 height="181" 6030 alt="Pomegranate Sparkle" 6031 loading="lazy" 6032 decoding="async" 6033 > 6034 6035 </span> 6036 <span class="site-nav-dropdown__product-card-label"> 6037 6038 Pomegranate Sparkle 6039 6040 </span> 6041 </a> 6042 </li> 6043 6044 6045 6046 6047 6048 6049 6050 6051 6052 <li class="limited-edition-flavors-tile tw-w-[136px] tw-flex-shrink-0"> 6053 <a 6054 href="/products/caramel-apple" 6055 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" 6056 6057 > 6058 <span class="site-nav-dropdown__product-card-media"> 6059 6060 <div 6061 class="product-badge product-badge--nav product-badge--short-text" 6062 role="status" 6063 aria-label="New" 6064 > 6065 <svg class="product-badge__shape" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 72 72" fill="none" aria-hidden="true"> 6066 <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
606603 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"/> 6067 </svg> 6068 <span class="product-badge__text" style="color: #034638;">New</span> 6069 </div> 6070 6071 6072 6073 6074 6075 6076 6077 6078 6079 <img 6080 class="site-nav-dropdown__product-card-img nav-product-hero" 6081 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" 6082 width="136" 6083 height="181" 6084 alt="Caramel Apple" 6085 loading="lazy" 6086 decoding="async" 6087 > 6088 6089 </span> 6090 <span class="site-nav-dropdown__product-card-label"> 6091 6092 Caramel Apple 6093 6094 </span> 6095 </a> 6096 </li> 6097 6098 6099 6100 6101 6102 6103 6104 6105 6106 <li class="limited-edition-flavors-tile tw-w-[136px] tw-flex-shrink-0"> 6107 <a 6108 href="/products/raspberry-sherbet" 6109 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" 6110 6111 > 6112 <span class="site-nav-dropdown__product-card-media"> 6113 6114 <div 6115 class="product-badge product-badge--nav" 6116 role="status" 6117 aria-label="Limited" 6118 > 6119 <svg class="product-badge__shape" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 72 72" fill="none" aria-hidden="true"> 6120 <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"/> 6121 </svg> 6122 <span class="product-badge__text" style="color: #034638;">Limited</span> 6123 </div> 6124 6125 6126 6127 6128 6129 6130 6131 6132 6133 <img 6134 class="site-nav-dropdown__product-card-img nav-product-hero" 6135 src="//drinkolipop.com/cdn/shop/files/raspberry-sherbert_omni-pdp_single.webp?crop=center&height=362&v=1775754912&width=272" 6136 width="136" 6137 height="181" 6138 alt="Raspberry Sherbet" 6139 loading="lazy" 6140 decoding="async" 6141 > 6142 6143 </span>
6144 <span class="site-nav-dropdown__product-card-label"> 6145 6146 Raspberry Sherbet 6147 6148 </span> 6149 </a> 6150 </li> 6151 6152 6153 6154 6155 6156 6157 6158 6159 6160 <li class="limited-edition-flavors-tile tw-w-[136px] tw-flex-shrink-0"> 6161 <a 6162 href="/products/shirley-temple" 6163 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" 6164 6165 > 6166 <span class="site-nav-dropdown__product-card-media"> 6167 6168 <div 6169 class="product-badge product-badge--nav" 6170 role="status" 6171 aria-label="Limited" 6172 > 6173 <svg class="product-badge__shape" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 72 72" fill="none" aria-hidden="true"> 6174 <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"/> 6175 </svg> 6176 <span class="product-badge__text" style="color: #034638;">Limited</span> 6177 </div> 6178 6179 6180 6181 6182 6183 6184 6185 6186 6187 <img 6188 class="site-nav-dropdown__product-card-img nav-product-hero" 6189 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" 6190 width="136" 6191 height="181" 6192 alt="Shirley Temple" 6193 loading="lazy" 6194 decoding="async" 6195 > 6196 6197 </span> 6198 <span class="site-nav-dropdown__product-card-label"> 6199 6200 Shirley Temple 6201 6202 </span> 6203 </a> 6204 </li> 6205 6206 6207 6208 6209 6210 6211 6212 6213 6214 <li class="limited-edition-flavors-tile tw-w-[136px] tw-flex-shrink-0"> 6215 <a 6216 href="/products/spongebob-pineapple-paradise" 6217 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" 6218 6219 >
6220 <span class="site-nav-dropdown__product-card-media"> 6221 6222 <div 6223 class="product-badge product-badge--nav" 6224 role="status" 6225 aria-label="Limited" 6226 > 6227 <svg class="product-badge__shape" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 72 72" fill="none" aria-hidden="true"> 6228 <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"/> 6229 </svg> 6230 <span class="product-badge__text" style="color: #034638;">Limited</span> 6231 </div> 6232 6233 6234 6235 6236 6237 6238 6239 6240 6241 <img 6242 class="site-nav-dropdown__product-card-img nav-product-hero" 6243 src="//drinkolipop.com/cdn/shop/files/Pineapple-Paradise_cgi-main-image_072925.webp?crop=center&height=362&v=1753844923&width=272" 6244 width="136" 6245 height="181" 6246 alt="Pineapple Paradise" 6247 loading="lazy" 6248 decoding="async" 6249 > 6250 6251 </span> 6252 <span class="site-nav-dropdown__product-card-label"> 6253 6254 Pineapple Paradise 6255 6256 </span> 6257 </a> 6258 </li> 6259 6260 6261 </ul> 6262 </div> 6263 </div> 6264 </div> 6265 </div> 6266 6267 6268 6269 <div 6270 id="nav-dropdown-variety-packs" 6271 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" 6272 > 6273 <div class="site-nav-dropdown__child-menu-inner tw-flex tw-min-h-0 tw-flex-1 tw-flex-col tw-overflow-visible"> 6274 <header class="site-nav-dropdown__subnav-header tw-pl-1"> 6275 <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"> 6276 <div class="site-nav-dropdown__subnav-titles tw-min-w-0 tw-flex-1"> 6277 <h2 class="site-nav-dropdown__subnav-title"> 6278 6279 Shop variety packs 6280 6281 </h2> 6282 6283 <div class="site-nav-dropdown__category-headline"> 6284 <div class="site-nav-dropdown__category-headline-text rte">
6285 <span class="metafield-single_line_text_field">Store anywhere. Chill to enjoy.</span> 6286 </div> 6287 6288 </div> 6289 6290 6291 <div class="site-nav-dropdown__category-description rte"> 6292 <span class="metafield-multi_line_text_field">The ultimate OLIPOP flavor tour, for an easy & fun way to discover your favorites.</span> 6293 </div> 6294 6295 </div> 6296 <a 6297 class="site-nav-dropdown__shop-all-outline" 6298 href="/collections/variety-packs" 6299 > 6300 6301 Shop All Variety Packs 6302 6303 </a> 6304 </div> 6305 </header> 6306 6307 <div 6308 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]" 6309 data-nav-carousel 6310 > 6311 <div 6312 class="site-nav-dropdown__carousel-toolbar tw-flex tw-w-full tw-items-center tw-justify-end tw-gap-1 tw-pr-14" 6313 aria-hidden="false" 6314 > 6315 <button 6316 type="button" 6317 class="site-nav-dropdown__carousel-btn site-nav-dropdown__carousel-btn--prev site-nav-dropdown__carousel-btn--toolbar" 6318 aria-label="Show previous products" 6319 > 6320<svg 6321 xmlns="http://www.w3.org/2000/svg" 6322 width="24" 6323 height="24" 6324 viewBox="0 0 24 24" 6325 fill="none" 6326 class="site-nav-dropdown__carousel-arrow-svg" 6327 aria-hidden="true" 6328 focusable="false" 6329> 6330 <path 6331 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" 6332 fill="currentColor" 6333 /> 6334</svg> 6335</button> 6336 <button 6337 type="button" 6338 class="site-nav-dropdown__carousel-btn site-nav-dropdown__carousel-btn--next site-nav-dropdown__carousel-btn--toolbar" 6339 aria-label="Show next products" 6340 > 6341<svg 6342 xmlns="http://www.w3.org/2000/svg" 6343 width="24" 6344 height="24" 6345 viewBox="0 0 24 24" 6346 fill="none" 6347 class="site-nav-dropdown__carousel-arrow-svg" 6348 aria-hidden="true" 6349 focusable="false" 6350> 6351 <path 6352 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" 6353 fill="currentColor" 6354 /> 6355</svg> 6356</button> 6357 </div> 6358 <div 6359 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" 6360 data-carousel-track 6361 tabindex="0" 6362 role="region" 6363 aria-roledescription="carousel" 6364 aria-label="Variety packs products" 6365 > 6366 <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"> 6367 6368 6369 6370 6371 6372 6373 6374 6375 6376 6377 6378 6379 6380 <li class="variety-packs-tile tw-w-[136px] tw-flex-shrink-0"> 6381 <a 6382 href="/products/classic-soda-variety-pack" 6383 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" 6384 6385 >
6386 <span class="site-nav-dropdown__product-card-media"> 6387 6388 6389 6390 6391 6392 6393 6394 6395 6396 <img 6397 class="site-nav-dropdown__product-card-img nav-product-hero" 6398 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" 6399 width="136" 6400 height="181" 6401 alt="Classic Soda Variety Pack" 6402 loading="lazy" 6403 decoding="async" 6404 > 6405 6406 </span> 6407 <span class="site-nav-dropdown__product-card-label"> 6408 6409 Classic Soda 6410 6411 </span> 6412 </a> 6413 </li> 6414 6415 6416 6417 6418 6419 6420 6421 6422 6423 <li class="variety-packs-tile tw-w-[136px] tw-flex-shrink-0"> 6424 <a 6425 href="/products/fruity-fun-variety-pack" 6426 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" 6427 6428 > 6429 <span class="site-nav-dropdown__product-card-media"> 6430 6431 6432 6433 6434 6435 6436 6437 6438 6439 <img 6440 class="site-nav-dropdown__product-card-img nav-product-hero" 6441 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" 6442 width="136" 6443 height="181" 6444 alt="Fruity Fun Variety Pack" 6445 loading="lazy" 6446 decoding="async" 6447 > 6448 6449 </span> 6450 <span class="site-nav-dropdown__product-card-label"> 6451 6452 Fruity Fun 6453 6454 </span> 6455 </a> 6456 </li> 6457 6458 6459 6460 6461 6462 6463 6464 6465 6466 <li class="variety-packs-tile tw-w-[136px] tw-flex-shrink-0"> 6467 <a 6468 href="/products/favorites-variety-pack" 6469 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" 6470 6471 > 6472 <span class="site-nav-dropdown__product-card-media"> 6473 6474 6475 6476 6477 6478 6479 6480 6481 6482 <img 6483 class="site-nav-dropdown__product-card-img nav-product-hero" 6484 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" 6485 width="136" 6486 height="181" 6487 alt="Favorites Variety Pack" 6488 loading="lazy" 6489 decoding="async" 6490 > 6491 6492 </span>
6493 <span class="site-nav-dropdown__product-card-label"> 6494 6495 Favorites 6496 6497 </span> 6498 </a> 6499 </li> 6500 6501 6502 </ul> 6503 </div> 6504 </div> 6505 </div> 6506 </div> 6507 6508 6509 </div> 6510 </div> 6511</div> 6512 6513<style> 6514 .variety-packs-tile { 6515 margin: 0; 6516 } 6517 6518 .site-nav-dropdown__links-footer { 6519 padding-top: 2rem; 6520 align-items: flex-start; 6521 } 6522 6523 .site-nav-dropdown__link.site-nav-dropdown__link-parent.site-nav-dropdown__child-link--active { 6524 border-bottom-width: 0; 6525 border-right-width: 0; 6526 border-top-width: 0; 6527 } 6528 6529 .site-nav-dropdown__link.site-nav-dropdown__link-parent:not(.site-nav-dropdown__child-link--active):hover { 6530 background-color: #ffffff; 6531 border-color: #F3E4CD; 6532 border-right-width: 0; 6533 } 6534 6535 .site-nav-dropdown__link.site-nav-dropdown__link-parent:not(.site-nav-dropdown__child-link--active):not(:first-child):not(:last-child), 6536 .site-nav-dropdown__link.site-nav-dropdown__link-parent.site-nav-dropdown__child-link--active:not(:first-child):not(:last-child) { 6537 margin-top: -1px; 6538 margin-bottom: -1px; 6539 } 6540 6541 .site-nav-dropdown__link.site-nav-dropdown__link-parent.site-nav-dropdown__child-link--active:not(:first-child):not(:last-child) { 6542 margin-top: 0 !important; 6543 margin-bottom: 0 !important; 6544 } 6545 6546 .site-nav-dropdown__link.site-nav-dropdown__link-parent:not(.site-nav-dropdown__child-link--active):first-child, 6547 .site-nav-dropdown__link.site-nav-dropdown__link-parent.site-nav-dropdown__child-link--active:first-child { 6548 margin-bottom: 0; 6549 } 6550 6551 .site-nav-dropdown__link.site-nav-dropdown__link-parent:not(.site-nav-dropdown__child-link--active):last-child, 6552 .site-nav-dropdown__link.site-nav-dropdown__link-parent.site-nav-dropdown__child-link--active:last-child { 6553 margin-top: 0; 6554 } 6555 6556 .site-nav-dropdown__link.site-nav-dropdown__link-parent.site-nav-dropdown__child-link--active:first-child { 6557 margin-bottom: 1px !important; 6558 } 6559 6560 .site-nav-dropdown__link.site-nav-dropdown__link-parent.site-nav-dropdown__child-link--active:last-child {
6561 margin-top: 1px !important; 6562 } 6563</style> 6564 6565 6566 6567 6568 6569 6570 6571 6572 6573 6574 6575 6576 6577 6578<div 6579 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" 6580 id="site-nav-menu-dropdown-learn" 6581 tabindex="-1" 6582> 6583 <button type="button" class="site-nav-dropdown-close">Close menu Learn</button> 6584 6585 <ul 6586 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]" 6587 style="grid-template-columns: repeat(4, minmax(0, 1fr));" 6588 role="list" 6589 > 6590 6591 6592 6593 <li class="site-nav-dropdown__learn-item tw-min-w-0" role="listitem"> 6594 <a 6595 href="/pages/our-story" 6596 class="site-nav-dropdown__learn-cta" 6597 6598 > 6599 <span class="site-nav-dropdown__learn-cta-media"> 6600 6601 <img 6602 src="https://cld.accentuate.io/24019238982/1638801318213/c0ee66b559596ef206e3bb3c0e6f9336.png?v=1739204938752&options=w_400" 6603 alt="Our story" 6604 class="site-nav-dropdown__learn-cta-img" 6605 width="184" 6606 height="175" 6607 loading="lazy" 6608 decoding="async" 6609 > 6610 6611 </span> 6612 <span class="site-nav-dropdown__learn-cta-label">Our story</span> 6613 </a> 6614 </li> 6615 6616 6617 6618 <li class="site-nav-dropdown__learn-item tw-min-w-0" role="listitem"> 6619 <a 6620 href="/pages/ingredients" 6621 class="site-nav-dropdown__learn-cta" 6622 6623 > 6624 <span class="site-nav-dropdown__learn-cta-media"> 6625 6626 <img 6627 src="https://cld.accentuate.io/24019206214/1638801420395/Ingredients_v2.png?v=1644954098882&options=w_400" 6628 alt="Ingredients" 6629 class="site-nav-dropdown__learn-cta-img" 6630 width="184" 6631 height="175" 6632 loading="lazy" 6633 decoding="async" 6634 > 6635 6636 </span> 6637 <span class="site-nav-dropdown__learn-cta-label">Ingredients</span> 6638 </a> 6639 </li> 6640 6641 6642 6643 <li class="site-nav-dropdown__learn-item tw-min-w-0" role="listitem"> 6644 <a 6645 href="/pages/digestive-health" 6646 class="site-nav-dropdown__learn-cta" 6647 6648 > 6649 <span class="site-nav-dropdown__learn-cta-media"> 6650 6651 <img 6652 src="https://cld.accentuate.io/25773441094/1638801408530/d629d13dc396e78ebfce3023f74d4eac.png?v=1739204218145&options=w_400" 6653 alt="Digestive health" 6654 class="site-nav-dropdown__learn-cta-img" 6655 width="184" 6656 height="175" 6657 loading="lazy" 6658 decoding="async" 6659 > 6660 6661 </span> 6662 <span class="site-nav-dropdown__learn-cta-label">Digestive health</span> 6663 </a> 6664 </li> 6665 6666 6667 6668 <li class="site-nav-dropdown__learn-item tw-min-w-0" role="listitem"> 6669 <a 6670 href="/pages/fiber-education" 6671 class="site-nav-dropdown__learn-cta" 6672 6673 > 6674 <span class="site-nav-dropdown__learn-cta-media"> 6675 6676 <img 6677 src="https://cld.accentuate.io/97731313823/1778795013671/Fiber-Education-nav_cp.png?v=1778795013671&options=w_400" 6678 alt="Fiber education" 6679 class="site-nav-dropdown__learn-cta-img" 6680 width="184" 6681 height="175" 6682 loading="lazy" 6683 decoding="async" 6684 > 6685 6686 </span> 6687 <span class="site-nav-dropdown__learn-cta-label">Fiber education</span> 6688 </a> 6689 </li> 6690 6691 </ul> 6692</div> 6693 6694 6695 6696 6697 6698 6699 6700 6701</div> 6702 6703 </div> 6704 6705 6706 6707 6708 6709 6710 6711 6712 6713 6714 6715 6716 6717 6718 6719 6720 6721 6722 6723 6724 6725 6726 6727 6728 6729 6730 6731 6732 6733 6734 6735 6736 6737 6738 6739 6740 6741 6742 6743 6744 6745 6746 6747 6748 6749 6750 6751 6752 6753 6754 6755 6756 6757<div 6758 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" 6759 js-mobile-menu 6760> 6761 <div 6762 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" 6763 data-mobile-menu-dismiss 6764 aria-hidden="true" 6765 ></div> 6766 6767 <div 6768 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)]" 6769 role="dialog" 6770 aria-modal="true" 6771 aria-labelledby="mobile-menu-tablist-label" 6772 js-mobile-menu-panel 6773 tabindex="-1" 6774 > 6775 <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"> 6776 <h2 id="mobile-menu-tablist-label" class="tw-sr-only">Site menu</h2> 6777 6778 6779 <div 6780 class="mobile-menu__tabs tw-flex tw-shrink-0 tw-flex-col" 6781 role="tablist" 6782 aria-label="Shop or Learn" 6783 > 6784 <div class="mobile-menu__tab-toggle tw-flex tw-flex-1"> 6785 <button 6786 type="button" 6787 class="mobile-menu__tab mobile-menu__tab--shop is-selected tw-flex-1 tw-border-0" 6788 role="tab" 6789 id="mobile-tab-shop" 6790 aria-selected="true"
6791 aria-controls="mobile-panel-shop" 6792 tabindex="0" 6793 data-mobile-tab="shop" 6794 > 6795 Shop 6796 </button> 6797 <button 6798 type="button" 6799 class="mobile-menu__tab mobile-menu__tab--learn tw-flex-1 tw-border-0" 6800 role="tab" 6801 id="mobile-tab-learn" 6802 aria-selected="false" 6803 aria-controls="mobile-panel-learn" 6804 tabindex="-1" 6805 data-mobile-tab="learn" 6806 > 6807 Learn 6808 </button> 6809 </div> 6810 </div> 6811 6812 6813 <div class="mobile-menu__panels tw-min-h-0 tw-flex-1 tw-overflow-y-auto tw-overscroll-contain"> 6814 <div 6815 id="mobile-panel-shop" 6816 class="mobile-menu__tabpanel" 6817 role="tabpanel" 6818 6819 aria-labelledby="mobile-tab-shop" 6820 tabindex="0" 6821 6822 data-mobile-panel="shop" 6823 > 6824 6825 6826 6827 6828 6829 6830 <div class="mobile-menu__shop-body"> 6831 6832 6833 6834 6835 6836 6837 <details 6838 id="mobile-shop-acc-1" 6839 class="mobile-menu__accordion" 6840 6841 open 6842 6843 > 6844 <summary class="mobile-menu__accordion-summary"> 6845 <span class="mobile-menu__accordion-summary-text"> 6846 <span class="mobile-menu__accordion-title"> 6847 9g fiber line 6848 </span> 6849 </span> 6850 <span class="mobile-menu__accordion-toggle-icons" aria-hidden="true"> 6851 <span class="mobile-menu__accordion-icon mobile-menu__accordion-icon--plus"> 6852 <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" aria-hidden="true" focusable="false"> 6853 <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"/> 6854</svg> 6855 6856 </span> 6857 <span class="mobile-menu__accordion-icon mobile-menu__accordion-icon--minus"> 6858 <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" aria-hidden="true" focusable="false"> 6859 <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"/> 6860</svg> 6861 6862 </span> 6863 </span> 6864 </summary> 6865 6866 <div class="mobile-menu__accordion-panel"> 6867 6868 <div class="mobile-menu__category-headline"> 6869 <div class="mobile-menu__category-headline-text rte"> 6870 <span class="metafield-single_line_text_field">Keep refrigerated</span> 6871 </div> 6872 6873 <span class="mobile-menu__category-headline-icon" aria-hidden="true"> 6874 <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"> 6875 </span> 6876 6877 </div> 6878 6879 6880 <div class="mobile-menu__category-description rte"> 6881 <span class="metafield-multi_line_text_field">Our original refrigerated formula, with higher fiber per can to get more out of every sip.</span> 6882 </div> 6883 6884 6885 <div 6886 class="mobile-menu__product-scroller tw-min-w-0 tw-overflow-x-auto tw-overflow-y-visible" 6887 tabindex="0" 6888 role="region" 6889 aria-roledescription="carousel" 6890 aria-label="9g fiber line — products" 6891 > 6892 <ul class="mobile-menu__product-row tw-m-0 tw-flex tw-list-none tw-flex-nowrap tw-p-0"> 6893 6894 6895 6896 6897 6898 6899 6900 6901 6902 6903 6904 6905 6906 6907 <li class="mobile-menu__product-tile"> 6908 <a 6909 href="/products/caramel-apple" 6910 class="mobile-menu__product-card" 6911 6912 >
6913 <span class="mobile-menu__product-card-media"> 6914 6915 <div 6916 class="product-badge product-badge--nav product-badge--short-text" 6917 role="status" 6918 aria-label="New" 6919 > 6920 <svg class="product-badge__shape" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 72 72" fill="none" aria-hidden="true"> 6921 <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"/> 6922 </svg> 6923 <span class="product-badge__text" style="color: #034638;">New</span> 6924 </div> 6925 6926 6927 6928 6929 6930 6931 6932 6933 6934 <img 6935 class="mobile-menu__product-img" 6936 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" 6937 width="136" 6938 height="181" 6939 alt="Caramel Apple" 6940 loading="lazy" 6941 decoding="async" 6942 > 6943 6944 </span> 6945 <span class="mobile-menu__product-card-label">Caramel Apple</span> 6946 </a> 6947 </li> 6948 6949 6950 6951 6952 6953 6954 6955 6956 6957 6958 6959 6960 6961 <li class="mobile-menu__product-tile"> 6962 <a 6963 href="/products/blackberry-vanilla" 6964 class="mobile-menu__product-card" 6965 6966 > 6967 <span class="mobile-menu__product-card-media"> 6968 6969 6970 6971 6972 6973 6974 6975 6976 6977 <img 6978 class="mobile-menu__product-img" 6979 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" 6980 width="136" 6981 height="181" 6982 alt="Blackberry Vanilla" 6983 loading="lazy" 6984 decoding="async" 6985 > 6986 6987 </span>
6988 <span class="mobile-menu__product-card-label">Blackberry Vanilla</span> 6989 </a> 6990 </li> 6991 6992 6993 6994 6995 6996 6997 6998 6999 7000 7001 7002 7003 7004 <li class="mobile-menu__product-tile"> 7005 <a 7006 href="/products/crisp-apple" 7007 class="mobile-menu__product-card" 7008 7009 > 7010 <span class="mobile-menu__product-card-media"> 7011 7012 7013 7014 7015 7016 7017 7018 7019 7020 <img 7021 class="mobile-menu__product-img" 7022 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" 7023 width="136" 7024 height="181" 7025 alt="Crisp Apple" 7026 loading="lazy" 7027 decoding="async" 7028 > 7029 7030 </span> 7031 <span class="mobile-menu__product-card-label">Crisp Apple </span> 7032 </a> 7033 </li> 7034 7035 7036 7037 7038 7039 7040 7041 7042 7043 7044 7045 7046 7047 <li class="mobile-menu__product-tile"> 7048 <a 7049 href="/products/classic-grape" 7050 class="mobile-menu__product-card" 7051 7052 > 7053 <span class="mobile-menu__product-card-media"> 7054 7055 7056 7057 7058 7059 7060 7061 7062 7063 <img 7064 class="mobile-menu__product-img" 7065 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" 7066 width="136" 7067 height="181" 7068 alt="Classic Grape" 7069 loading="lazy" 7070 decoding="async" 7071 > 7072 7073 </span> 7074 <span class="mobile-menu__product-card-label">Classic Grape</span> 7075 </a> 7076 </li> 7077 7078 7079 7080 7081 7082 7083 7084 7085 7086 7087 7088 7089 7090 <li class="mobile-menu__product-tile"> 7091 <a 7092 href="/products/classic-root-beer" 7093 class="mobile-menu__product-card" 7094 7095 > 7096 <span class="mobile-menu__product-card-media"> 7097 7098 7099 7100 7101 7102 7103 7104 7105 7106 <img 7107 class="mobile-menu__product-img" 7108 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" 7109 width="136" 7110 height="181" 7111 alt="Classic Root Beer" 7112 loading="lazy" 7113 decoding="async" 7114 > 7115 7116 </span>
7117 <span class="mobile-menu__product-card-label">Classic Root Beer</span> 7118 </a> 7119 </li> 7120 7121 7122 7123 7124 7125 7126 7127 7128 7129 7130 7131 7132 7133 <li class="mobile-menu__product-tile"> 7134 <a 7135 href="/products/vintage-cola" 7136 class="mobile-menu__product-card" 7137 7138 > 7139 <span class="mobile-menu__product-card-media"> 7140 7141 7142 7143 7144 7145 7146 7147 7148 7149 <img 7150 class="mobile-menu__product-img" 7151 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" 7152 width="136" 7153 height="181" 7154 alt="Vintage Cola" 7155 loading="lazy" 7156 decoding="async" 7157 > 7158 7159 </span> 7160 <span class="mobile-menu__product-card-label">Vintage Cola</span> 7161 </a> 7162 </li> 7163 7164 7165 7166 7167 7168 7169 7170 7171 7172 7173 7174 7175 7176 <li class="mobile-menu__product-tile"> 7177 <a 7178 href="/products/cream-soda" 7179 class="mobile-menu__product-card" 7180 7181 > 7182 <span class="mobile-menu__product-card-media"> 7183 7184 7185 7186 7187 7188 7189 7190 7191 7192 <img 7193 class="mobile-menu__product-img" 7194 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" 7195 width="136" 7196 height="181" 7197 alt="Cream Soda" 7198 loading="lazy" 7199 decoding="async" 7200 > 7201 7202 </span> 7203 <span class="mobile-menu__product-card-label">Cream Soda</span> 7204 </a> 7205 </li> 7206 7207 7208 7209 7210 7211 7212 7213 7214 7215 7216 7217 7218 7219 <li class="mobile-menu__product-tile"> 7220 <a 7221 href="/products/strawberry-vanilla" 7222 class="mobile-menu__product-card" 7223 7224 > 7225 <span class="mobile-menu__product-card-media"> 7226 7227 7228 7229 7230 7231 7232 7233 7234 7235 <img 7236 class="mobile-menu__product-img" 7237 src="//drinkolipop.com/cdn/shop/files/strawberry-vanilla-9g-olipop_gallery-main-image_new_asset.webp?crop=center&height=362&v=1779161007&width=272" 7238 width="136" 7239 height="181" 7240 alt="Strawberry Vanilla" 7241 loading="lazy" 7242 decoding="async" 7243 > 7244 7245 </span>
7246 <span class="mobile-menu__product-card-label">Strawberry Vanilla</span> 7247 </a> 7248 </li> 7249 7250 7251 7252 7253 7254 7255 7256 7257 7258 7259 7260 7261 7262 <li class="mobile-menu__product-tile"> 7263 <a 7264 href="/products/cherry-cola" 7265 class="mobile-menu__product-card" 7266 7267 > 7268 <span class="mobile-menu__product-card-media"> 7269 7270 7271 7272 7273 7274 7275 7276 7277 7278 <img 7279 class="mobile-menu__product-img" 7280 src="//drinkolipop.com/cdn/shop/files/cherry-cola-9g-olipop_gallery-main-image_new_asset.webp?crop=center&height=362&v=1779163770&width=272" 7281 width="136" 7282 height="181" 7283 alt="Cherry Cola" 7284 loading="lazy" 7285 decoding="async" 7286 > 7287 7288 </span> 7289 <span class="mobile-menu__product-card-label">Cherry Cola</span> 7290 </a> 7291 </li> 7292 7293 7294 7295 7296 7297 7298 7299 7300 7301 7302 7303 7304 7305 <li class="mobile-menu__product-tile"> 7306 <a 7307 href="/products/orange-cream" 7308 class="mobile-menu__product-card" 7309 7310 > 7311 <span class="mobile-menu__product-card-media"> 7312 7313 7314 7315 7316 7317 7318 7319 7320 7321 <img 7322 class="mobile-menu__product-img" 7323 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" 7324 width="136" 7325 height="181" 7326 alt="Orange Cream" 7327 loading="lazy" 7328 decoding="async" 7329 > 7330 7331 </span> 7332 <span class="mobile-menu__product-card-label">Orange Cream</span> 7333 </a> 7334 </li> 7335 7336 7337 7338 7339 7340 7341 7342 7343 7344 7345 7346 7347 7348 <li class="mobile-menu__product-tile"> 7349 <a 7350 href="/products/peaches-and-cream" 7351 class="mobile-menu__product-card" 7352 7353 > 7354 <span class="mobile-menu__product-card-media"> 7355 7356 7357 7358 7359 7360 7361 7362 7363 7364 <img 7365 class="mobile-menu__product-img" 7366 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" 7367 width="136" 7368 height="181" 7369 alt="Peaches & Cream" 7370 loading="lazy" 7371 decoding="async" 7372 > 7373 7374 </span>
7375 <span class="mobile-menu__product-card-label">Peaches & Cream</span> 7376 </a> 7377 </li> 7378 7379 7380 7381 7382 7383 7384 7385 7386 7387 7388 7389 7390 7391 <li class="mobile-menu__product-tile"> 7392 <a 7393 href="/products/orange-squeeze" 7394 class="mobile-menu__product-card" 7395 7396 > 7397 <span class="mobile-menu__product-card-media"> 7398 7399 7400 7401 7402 7403 7404 7405 7406 7407 <img 7408 class="mobile-menu__product-img" 7409 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" 7410 width="136" 7411 height="181" 7412 alt="Orange Squeeze" 7413 loading="lazy" 7414 decoding="async" 7415 > 7416 7417 </span> 7418 <span class="mobile-menu__product-card-label">Orange Squeeze</span> 7419 </a> 7420 </li> 7421 7422 7423 7424 7425 7426 7427 7428 7429 7430 7431 7432 7433 7434 <li class="mobile-menu__product-tile"> 7435 <a 7436 href="/products/ginger-ale" 7437 class="mobile-menu__product-card" 7438 7439 > 7440 <span class="mobile-menu__product-card-media"> 7441 7442 7443 7444 7445 7446 7447 7448 7449 7450 <img 7451 class="mobile-menu__product-img" 7452 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" 7453 width="136" 7454 height="181" 7455 alt="Ginger Ale" 7456 loading="lazy" 7457 decoding="async" 7458 > 7459 7460 </span> 7461 <span class="mobile-menu__product-card-label">Ginger Ale</span> 7462 </a> 7463 </li> 7464 7465 7466 7467 7468 7469 7470 7471 7472 7473 7474 7475 7476 7477 <li class="mobile-menu__product-tile"> 7478 <a 7479 href="/products/citrus-rush" 7480 class="mobile-menu__product-card" 7481 7482 > 7483 <span class="mobile-menu__product-card-media"> 7484 7485 7486 7487 7488 7489 7490 7491 7492 7493 <img 7494 class="mobile-menu__product-img" 7495 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" 7496 width="136" 7497 height="181" 7498 alt="Citrus Rush" 7499 loading="lazy" 7500 decoding="async" 7501 > 7502 7503 </span>
7504 <span class="mobile-menu__product-card-label">Citrus Rush</span> 7505 </a> 7506 </li> 7507 7508 7509 7510 7511 7512 7513 7514 7515 7516 7517 7518 7519 7520 <li class="mobile-menu__product-tile"> 7521 <a 7522 href="/products/doctor-goodwin" 7523 class="mobile-menu__product-card" 7524 7525 > 7526 <span class="mobile-menu__product-card-media"> 7527 7528 7529 7530 7531 7532 7533 7534 7535 7536 <img 7537 class="mobile-menu__product-img" 7538 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" 7539 width="136" 7540 height="181" 7541 alt="Doctor Goodwin" 7542 loading="lazy" 7543 decoding="async" 7544 > 7545 7546 </span> 7547 <span class="mobile-menu__product-card-label">Doctor Goodwin</span> 7548 </a> 7549 </li> 7550 7551 7552 7553 7554 7555 7556 7557 7558 7559 7560 7561 7562 7563 <li class="mobile-menu__product-tile"> 7564 <a 7565 href="/products/cherry-vanilla" 7566 class="mobile-menu__product-card" 7567 7568 > 7569 <span class="mobile-menu__product-card-media"> 7570 7571 7572 7573 7574 7575 7576 7577 7578 7579 <img 7580 class="mobile-menu__product-img" 7581 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" 7582 width="136" 7583 height="181" 7584 alt="Cherry Vanilla" 7585 loading="lazy" 7586 decoding="async" 7587 > 7588 7589 </span> 7590 <span class="mobile-menu__product-card-label">Cherry Vanilla </span> 7591 </a> 7592 </li> 7593 7594 7595 7596 7597 7598 7599 7600 7601 7602 7603 7604 7605 7606 <li class="mobile-menu__product-tile"> 7607 <a 7608 href="/products/tropical-punch" 7609 class="mobile-menu__product-card" 7610 7611 > 7612 <span class="mobile-menu__product-card-media"> 7613 7614 7615 7616 7617 7618 7619 7620 7621 7622 <img 7623 class="mobile-menu__product-img" 7624 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" 7625 width="136" 7626 height="181" 7627 alt="Tropical Punch" 7628 loading="lazy" 7629 decoding="async" 7630 > 7631 7632 </span>
7633 <span class="mobile-menu__product-card-label">Tropical Punch</span> 7634 </a> 7635 </li> 7636 7637 7638 7639 7640 7641 7642 7643 7644 7645 7646 7647 7648 7649 <li class="mobile-menu__product-tile"> 7650 <a 7651 href="/products/lemon-lime" 7652 class="mobile-menu__product-card" 7653 7654 > 7655 <span class="mobile-menu__product-card-media"> 7656 7657 7658 7659 7660 7661 7662 7663 7664 7665 <img 7666 class="mobile-menu__product-img" 7667 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" 7668 width="136" 7669 height="181" 7670 alt="Lemon Lime" 7671 loading="lazy" 7672 decoding="async" 7673 > 7674 7675 </span> 7676 <span class="mobile-menu__product-card-label">Lemon Lime</span> 7677 </a> 7678 </li> 7679 7680 7681 7682 7683 7684 7685 7686 7687 7688 7689 7690 7691 7692 <li class="mobile-menu__product-tile"> 7693 <a 7694 href="/products/ginger-lemon" 7695 class="mobile-menu__product-card" 7696 7697 > 7698 <span class="mobile-menu__product-card-media"> 7699 7700 7701 7702 7703 7704 7705 7706 7707 7708 <img 7709 class="mobile-menu__product-img" 7710 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" 7711 width="136" 7712 height="181" 7713 alt="Ginger Lemon" 7714 loading="lazy" 7715 decoding="async" 7716 > 7717 7718 </span> 7719 <span class="mobile-menu__product-card-label">Ginger Lemon</span> 7720 </a> 7721 </li> 7722 7723 7724 7725 7726 7727 7728 7729 7730 7731 7732 7733 7734 7735 <li class="mobile-menu__product-tile"> 7736 <a 7737 href="/products/watermelon-lime" 7738 class="mobile-menu__product-card" 7739 7740 > 7741 <span class="mobile-menu__product-card-media"> 7742 7743 7744 7745 7746 7747 7748 7749 7750 7751 <img 7752 class="mobile-menu__product-img" 7753 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" 7754 width="136" 7755 height="181" 7756 alt="Watermelon Lime" 7757 loading="lazy" 7758 decoding="async" 7759 > 7760 7761 </span>
7762 <span class="mobile-menu__product-card-label">Watermelon Lime</span> 7763 </a> 7764 </li> 7765 7766 7767 7768 7769 7770 7771 7772 7773 7774 7775 7776 7777 7778 <li class="mobile-menu__product-tile"> 7779 <a 7780 href="/products/banana-cream" 7781 class="mobile-menu__product-card" 7782 7783 > 7784 <span class="mobile-menu__product-card-media"> 7785 7786 7787 7788 7789 7790 7791 7792 7793 7794 <img 7795 class="mobile-menu__product-img" 7796 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" 7797 width="136" 7798 height="181" 7799 alt="Banana Cream" 7800 loading="lazy" 7801 decoding="async" 7802 > 7803 7804 </span> 7805 <span class="mobile-menu__product-card-label">Banana Cream</span> 7806 </a> 7807 </li> 7808 7809 7810 7811 7812 7813 7814 </ul> 7815 </div> 7816 7817 <div class="mobile-menu__shop-all-category"> 7818 7819 <a class="mobile-menu__btn-outline" href="/collections/shop-9g-fiber">Shop All 9g Fiber</a> 7820 7821 </div> 7822 </div> 7823 </details> 7824 7825 7826 7827 7828 7829 7830 7831 7832 <details 7833 id="mobile-shop-acc-2" 7834 class="mobile-menu__accordion" 7835 7836 > 7837 <summary class="mobile-menu__accordion-summary"> 7838 <span class="mobile-menu__accordion-summary-text"> 7839 <span class="mobile-menu__accordion-title"> 7840 6g fiber line 7841 </span> 7842 </span> 7843 <span class="mobile-menu__accordion-toggle-icons" aria-hidden="true"> 7844 <span class="mobile-menu__accordion-icon mobile-menu__accordion-icon--plus"> 7845 <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" aria-hidden="true" focusable="false"> 7846 <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"/> 7847</svg> 7848 7849 </span> 7850 <span class="mobile-menu__accordion-icon mobile-menu__accordion-icon--minus"> 7851 <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" aria-hidden="true" focusable="false"> 7852 <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"/> 7853</svg> 7854 7855 </span> 7856 </span> 7857 </summary> 7858 7859 <div class="mobile-menu__accordion-panel"> 7860 7861 <div class="mobile-menu__category-headline"> 7862 <div class="mobile-menu__category-headline-text rte">
7863 <span class="metafield-single_line_text_field">Store anywhere. Chill to enjoy.</span> 7864 </div> 7865 7866 </div> 7867 7868 7869 <div class="mobile-menu__category-description rte"> 7870 <span class="metafield-multi_line_text_field">Same great taste & digestive support, in a lower‑fiber, store‑anywhere format.</span> 7871 </div> 7872 7873 7874 <div 7875 class="mobile-menu__product-scroller tw-min-w-0 tw-overflow-x-auto tw-overflow-y-visible" 7876 tabindex="0" 7877 role="region" 7878 aria-roledescription="carousel" 7879 aria-label="6g fiber line — products" 7880 > 7881 <ul class="mobile-menu__product-row tw-m-0 tw-flex tw-list-none tw-flex-nowrap tw-p-0"> 7882 7883 7884 7885 7886 7887 7888 7889 7890 7891 7892 7893 7894 7895 7896 <li class="mobile-menu__product-tile"> 7897 <a 7898 href="/products/pomegranate-sparkle" 7899 class="mobile-menu__product-card" 7900 7901 aria-current="page" 7902 7903 > 7904 <span class="mobile-menu__product-card-media"> 7905 7906 <div 7907 class="product-badge product-badge--nav product-badge--short-text" 7908 role="status" 7909 aria-label="New" 7910 > 7911 <svg class="product-badge__shape" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 72 72" fill="none" aria-hidden="true"> 7912 <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"/> 7913 </svg> 7914 <span class="product-badge__text" style="color: #034638;">New</span> 7915 </div> 7916 7917 7918 7919 7920 7921 7922 7923 7924 7925 <img 7926 class="mobile-menu__product-img" 7927 src="//drinkolipop.com/cdn/shop/files/pomegranate-sparkle-6g-olipop_gallery-image_single-can_new_asset.webp?crop=center&height=362&v=1789390717&width=272" 7928 width="136" 7929 height="181" 7930 alt="Pomegranate Sparkle" 7931 loading="lazy" 7932 decoding="async" 7933 > 7934 7935 </span>
7936 <span class="mobile-menu__product-card-label">Pomegranate Sparkle</span> 7937 </a> 7938 </li> 7939 7940 7941 7942 7943 7944 7945 7946 7947 7948 7949 7950 7951 7952 <li class="mobile-menu__product-tile"> 7953 <a 7954 href="/products/raspberry-sherbet" 7955 class="mobile-menu__product-card" 7956 7957 > 7958 <span class="mobile-menu__product-card-media"> 7959 7960 <div 7961 class="product-badge product-badge--nav" 7962 role="status" 7963 aria-label="Limited" 7964 > 7965 <svg class="product-badge__shape" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 72 72" fill="none" aria-hidden="true"> 7966 <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"/> 7967 </svg> 7968 <span class="product-badge__text" style="color: #034638;">Limited</span> 7969 </div> 7970 7971 7972 7973 7974 7975 7976 7977 7978 7979 <img 7980 class="mobile-menu__product-img" 7981 src="//drinkolipop.com/cdn/shop/files/raspberry-sherbert_omni-pdp_single.webp?crop=center&height=362&v=1775754912&width=272" 7982 width="136" 7983 height="181" 7984 alt="Raspberry Sherbet" 7985 loading="lazy" 7986 decoding="async" 7987 > 7988 7989 </span> 7990 <span class="mobile-menu__product-card-label">Raspberry Sherbet</span> 7991 </a> 7992 </li> 7993 7994 7995 7996 7997 7998 7999 8000 8001 8002 8003 8004 8005 8006 <li class="mobile-menu__product-tile"> 8007 <a 8008 href="/products/shirley-temple" 8009 class="mobile-menu__product-card" 8010 8011 > 8012 <span class="mobile-menu__product-card-media"> 8013 8014 <div 8015 class="product-badge product-badge--nav" 8016 role="status" 8017 aria-label="Limited" 8018 > 8019 <svg class="product-badge__shape" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 72 72" fill="none" aria-hidden="true"> 8020 <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
802003 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"/> 8021 </svg> 8022 <span class="product-badge__text" style="color: #034638;">Limited</span> 8023 </div> 8024 8025 8026 8027 8028 8029 8030 8031 8032 8033 <img 8034 class="mobile-menu__product-img" 8035 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" 8036 width="136" 8037 height="181" 8038 alt="Shirley Temple" 8039 loading="lazy" 8040 decoding="async" 8041 > 8042 8043 </span> 8044 <span class="mobile-menu__product-card-label">Shirley Temple</span> 8045 </a> 8046 </li> 8047 8048 8049 8050 8051 8052 8053 8054 8055 8056 8057 8058 8059 8060 <li class="mobile-menu__product-tile"> 8061 <a 8062 href="/products/spongebob-pineapple-paradise" 8063 class="mobile-menu__product-card" 8064 8065 > 8066 <span class="mobile-menu__product-card-media"> 8067 8068 <div 8069 class="product-badge product-badge--nav" 8070 role="status" 8071 aria-label="Limited" 8072 > 8073 <svg class="product-badge__shape" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 72 72" fill="none" aria-hidden="true"> 8074 <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"/> 8075 </svg> 8076 <span class="product-badge__text" style="color: #034638;">Limited</span> 8077 </div> 8078 8079 8080 8081 8082 8083 8084 8085 8086 8087 <img 8088 class="mobile-menu__product-img" 8089 src="//drinkolipop.com/cdn/shop/files/Pineapple-Paradise_cgi-main-image_072925.webp?crop=center&height=362&v=1753844923&width=272" 8090 width="136" 8091 height="181" 8092 alt="Pineapple Paradise" 8093 loading="lazy" 8094 decoding="async" 8095 > 8096 8097 </span>
8098 <span class="mobile-menu__product-card-label">Pineapple Paradise</span> 8099 </a> 8100 </li> 8101 8102 8103 8104 8105 8106 8107 8108 8109 8110 8111 8112 8113 8114 <li class="mobile-menu__product-tile"> 8115 <a 8116 href="/products/crisp-apple-6g-fiber" 8117 class="mobile-menu__product-card" 8118 8119 > 8120 <span class="mobile-menu__product-card-media"> 8121 8122 8123 8124 8125 8126 8127 8128 8129 8130 <img 8131 class="mobile-menu__product-img" 8132 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" 8133 width="136" 8134 height="181" 8135 alt="Crisp Apple" 8136 loading="lazy" 8137 decoding="async" 8138 > 8139 8140 </span> 8141 <span class="mobile-menu__product-card-label">Crisp Apple</span> 8142 </a> 8143 </li> 8144 8145 8146 8147 8148 8149 8150 8151 8152 8153 8154 8155 8156 8157 <li class="mobile-menu__product-tile"> 8158 <a 8159 href="/products/classic-grape-6g-fiber" 8160 class="mobile-menu__product-card" 8161 8162 > 8163 <span class="mobile-menu__product-card-media"> 8164 8165 8166 8167 8168 8169 8170 8171 8172 8173 <img 8174 class="mobile-menu__product-img" 8175 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" 8176 width="136" 8177 height="181" 8178 alt="Classic Grape" 8179 loading="lazy" 8180 decoding="async" 8181 > 8182 8183 </span> 8184 <span class="mobile-menu__product-card-label">Classic Grape</span> 8185 </a> 8186 </li> 8187 8188 8189 8190 8191 8192 8193 8194 8195 8196 8197 8198 8199 8200 <li class="mobile-menu__product-tile"> 8201 <a 8202 href="/products/vintage-cola-6g-fiber" 8203 class="mobile-menu__product-card" 8204 8205 > 8206 <span class="mobile-menu__product-card-media"> 8207 8208 8209 8210 8211 8212 8213 8214 8215 8216 <img 8217 class="mobile-menu__product-img" 8218 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" 8219 width="136" 8220 height="181" 8221 alt="Vintage Cola" 8222 loading="lazy" 8223 decoding="async" 8224 > 8225 8226 </span>
8227 <span class="mobile-menu__product-card-label">Vintage Cola</span> 8228 </a> 8229 </li> 8230 8231 8232 8233 8234 8235 8236 8237 8238 8239 8240 8241 8242 8243 <li class="mobile-menu__product-tile"> 8244 <a 8245 href="/products/classic-root-beer-6g-fiber" 8246 class="mobile-menu__product-card" 8247 8248 > 8249 <span class="mobile-menu__product-card-media"> 8250 8251 8252 8253 8254 8255 8256 8257 8258 8259 <img 8260 class="mobile-menu__product-img" 8261 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" 8262 width="136" 8263 height="181" 8264 alt="Classic Root Beer" 8265 loading="lazy" 8266 decoding="async" 8267 > 8268 8269 </span> 8270 <span class="mobile-menu__product-card-label">Classic Root Beer</span> 8271 </a> 8272 </li> 8273 8274 8275 8276 8277 8278 8279 8280 8281 8282 8283 8284 8285 8286 <li class="mobile-menu__product-tile"> 8287 <a 8288 href="/products/cream-soda-6g-fiber" 8289 class="mobile-menu__product-card" 8290 8291 > 8292 <span class="mobile-menu__product-card-media"> 8293 8294 8295 8296 8297 8298 8299 8300 8301 8302 <img 8303 class="mobile-menu__product-img" 8304 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" 8305 width="136" 8306 height="181" 8307 alt="Cream Soda" 8308 loading="lazy" 8309 decoding="async" 8310 > 8311 8312 </span> 8313 <span class="mobile-menu__product-card-label">Cream Soda</span> 8314 </a> 8315 </li> 8316 8317 8318 8319 8320 8321 8322 8323 8324 8325 8326 8327 8328 8329 <li class="mobile-menu__product-tile"> 8330 <a 8331 href="/products/strawberry-vanilla-6g-fiber" 8332 class="mobile-menu__product-card" 8333 8334 > 8335 <span class="mobile-menu__product-card-media"> 8336 8337 8338 8339 8340 8341 8342 8343 8344 8345 <img 8346 class="mobile-menu__product-img" 8347 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" 8348 width="136" 8349 height="181" 8350 alt="Strawberry Vanilla" 8351 loading="lazy" 8352 decoding="async" 8353 > 8354 8355 </span>
8356 <span class="mobile-menu__product-card-label">Strawberry Vanilla</span> 8357 </a> 8358 </li> 8359 8360 8361 8362 8363 8364 8365 8366 8367 8368 8369 8370 8371 8372 <li class="mobile-menu__product-tile"> 8373 <a 8374 href="/products/cherry-cola-6g-fiber" 8375 class="mobile-menu__product-card" 8376 8377 > 8378 <span class="mobile-menu__product-card-media"> 8379 8380 8381 8382 8383 8384 8385 8386 8387 8388 <img 8389 class="mobile-menu__product-img" 8390 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" 8391 width="136" 8392 height="181" 8393 alt="Cherry Cola" 8394 loading="lazy" 8395 decoding="async" 8396 > 8397 8398 </span> 8399 <span class="mobile-menu__product-card-label">Cherry Cola</span> 8400 </a> 8401 </li> 8402 8403 8404 8405 8406 8407 8408 8409 8410 8411 8412 8413 8414 8415 <li class="mobile-menu__product-tile"> 8416 <a 8417 href="/products/citrus-rush-6g-fiber" 8418 class="mobile-menu__product-card" 8419 8420 > 8421 <span class="mobile-menu__product-card-media"> 8422 8423 8424 8425 8426 8427 8428 8429 8430 8431 <img 8432 class="mobile-menu__product-img" 8433 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" 8434 width="136" 8435 height="181" 8436 alt="Citrus Rush" 8437 loading="lazy" 8438 decoding="async" 8439 > 8440 8441 </span> 8442 <span class="mobile-menu__product-card-label">Citrus Rush</span> 8443 </a> 8444 </li> 8445 8446 8447 8448 8449 8450 8451 8452 8453 8454 8455 8456 8457 8458 <li class="mobile-menu__product-tile"> 8459 <a 8460 href="/products/ginger-ale-6g-fiber" 8461 class="mobile-menu__product-card" 8462 8463 > 8464 <span class="mobile-menu__product-card-media"> 8465 8466 8467 8468 8469 8470 8471 8472 8473 8474 <img 8475 class="mobile-menu__product-img" 8476 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" 8477 width="136" 8478 height="181" 8479 alt="Ginger Ale" 8480 loading="lazy" 8481 decoding="async" 8482 > 8483 8484 </span>
8485 <span class="mobile-menu__product-card-label">Ginger Ale</span> 8486 </a> 8487 </li> 8488 8489 8490 8491 8492 8493 8494 8495 8496 8497 8498 8499 8500 8501 <li class="mobile-menu__product-tile"> 8502 <a 8503 href="/products/lemon-lime-6g-fiber" 8504 class="mobile-menu__product-card" 8505 8506 > 8507 <span class="mobile-menu__product-card-media"> 8508 8509 8510 8511 8512 8513 8514 8515 8516 8517 <img 8518 class="mobile-menu__product-img" 8519 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" 8520 width="136" 8521 height="181" 8522 alt="Lemon Lime" 8523 loading="lazy" 8524 decoding="async" 8525 > 8526 8527 </span> 8528 <span class="mobile-menu__product-card-label">Lemon Lime</span> 8529 </a> 8530 </li> 8531 8532 8533 8534 8535 8536 8537 </ul> 8538 </div> 8539 8540 <div class="mobile-menu__shop-all-category"> 8541 8542 <a class="mobile-menu__btn-outline" href="/collections/shop-6g-fiber">Shop All 6g Fiber</a> 8543 8544 </div> 8545 </div> 8546 </details> 8547 8548 8549 8550 8551 8552 8553 8554 8555 <details 8556 id="mobile-shop-acc-3" 8557 class="mobile-menu__accordion" 8558 8559 > 8560 <summary class="mobile-menu__accordion-summary"> 8561 <span class="mobile-menu__accordion-summary-text"> 8562 <span class="mobile-menu__accordion-title"> 8563 MINIs 8564 </span> 8565 </span> 8566 <span class="mobile-menu__accordion-toggle-icons" aria-hidden="true"> 8567 <span class="mobile-menu__accordion-icon mobile-menu__accordion-icon--plus"> 8568 <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" aria-hidden="true" focusable="false"> 8569 <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"/> 8570</svg> 8571 8572 </span> 8573 <span class="mobile-menu__accordion-icon mobile-menu__accordion-icon--minus"> 8574 <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" aria-hidden="true" focusable="false"> 8575 <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"/> 8576</svg> 8577 8578 </span> 8579 </span> 8580 </summary> 8581 8582 <div class="mobile-menu__accordion-panel"> 8583 8584 <div class="mobile-menu__category-headline"> 8585 <div class="mobile-menu__category-headline-text rte">
8586 <span class="metafield-single_line_text_field">Store anywhere. Chill to enjoy.</span> 8587 </div> 8588 8589 </div> 8590 8591 8592 <div class="mobile-menu__category-description rte"> 8593 <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> 8594 </div> 8595 8596 8597 <div 8598 class="mobile-menu__product-scroller tw-min-w-0 tw-overflow-x-auto tw-overflow-y-visible" 8599 tabindex="0" 8600 role="region" 8601 aria-roledescription="carousel" 8602 aria-label="MINIs — products" 8603 > 8604 <ul class="mobile-menu__product-row tw-m-0 tw-flex tw-list-none tw-flex-nowrap tw-p-0"> 8605 8606 8607 8608 8609 8610 8611 8612 8613 8614 8615 8616 8617 8618 8619 <li class="mobile-menu__product-tile"> 8620 <a 8621 href="/products/strawberry-vanilla-minis" 8622 class="mobile-menu__product-card" 8623 8624 > 8625 <span class="mobile-menu__product-card-media"> 8626 8627 8628 8629 8630 8631 8632 8633 8634 8635 <img 8636 class="mobile-menu__product-img" 8637 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" 8638 width="136" 8639 height="181" 8640 alt="Strawberry Vanilla" 8641 loading="lazy" 8642 decoding="async" 8643 > 8644 8645 </span> 8646 <span class="mobile-menu__product-card-label">Strawberry Vanilla</span> 8647 </a> 8648 </li> 8649 8650 8651 8652 8653 8654 8655 8656 8657 8658 8659 8660 8661 8662 <li class="mobile-menu__product-tile"> 8663 <a 8664 href="/products/classic-grape-minis" 8665 class="mobile-menu__product-card" 8666 8667 > 8668 <span class="mobile-menu__product-card-media"> 8669 8670 8671 8672 8673 8674 8675 8676 8677 8678 <img 8679 class="mobile-menu__product-img" 8680 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" 8681 width="136" 8682 height="181" 8683 alt="Classic Grape" 8684 loading="lazy" 8685 decoding="async" 8686 > 8687 8688 </span> 8689 <span class="mobile-menu__product-card-label">Classic Grape</span> 8690 </a> 8691 </li> 8692 8693 8694 8695 8696 8697 8698 8699 8700 8701 8702 8703 8704 8705 <li class="mobile-menu__product-tile"> 8706 <a 8707 href="/products/crisp-apple-minis" 8708 class="mobile-menu__product-card" 8709 8710 >
8711 <span class="mobile-menu__product-card-media"> 8712 8713 8714 8715 8716 8717 8718 8719 8720 8721 <img 8722 class="mobile-menu__product-img" 8723 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" 8724 width="136" 8725 height="181" 8726 alt="Crisp Apple" 8727 loading="lazy" 8728 decoding="async" 8729 > 8730 8731 </span> 8732 <span class="mobile-menu__product-card-label">Crisp Apple</span> 8733 </a> 8734 </li> 8735 8736 8737 8738 8739 8740 8741 8742 8743 8744 8745 8746 8747 8748 <li class="mobile-menu__product-tile"> 8749 <a 8750 href="/products/vintage-cola-minis" 8751 class="mobile-menu__product-card" 8752 8753 > 8754 <span class="mobile-menu__product-card-media"> 8755 8756 8757 8758 8759 8760 8761 8762 8763 8764 <img 8765 class="mobile-menu__product-img" 8766 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" 8767 width="136" 8768 height="181" 8769 alt="Vintage Cola" 8770 loading="lazy" 8771 decoding="async" 8772 > 8773 8774 </span> 8775 <span class="mobile-menu__product-card-label">Vintage Cola</span> 8776 </a> 8777 </li> 8778 8779 8780 8781 8782 8783 8784 8785 8786 8787 8788 8789 8790 8791 <li class="mobile-menu__product-tile"> 8792 <a 8793 href="/products/ginger-ale-minis" 8794 class="mobile-menu__product-card" 8795 8796 > 8797 <span class="mobile-menu__product-card-media"> 8798 8799 8800 8801 8802 8803 8804 8805 8806 8807 <img 8808 class="mobile-menu__product-img" 8809 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" 8810 width="136" 8811 height="181" 8812 alt="Ginger Ale" 8813 loading="lazy" 8814 decoding="async" 8815 > 8816 8817 </span> 8818 <span class="mobile-menu__product-card-label">Ginger Ale</span> 8819 </a> 8820 </li> 8821 8822 8823 8824 8825 8826 8827 8828 8829 8830 8831 8832 8833 8834 <li class="mobile-menu__product-tile"> 8835 <a 8836 href="/products/orange-cream-minis" 8837 class="mobile-menu__product-card" 8838 8839 >
8840 <span class="mobile-menu__product-card-media"> 8841 8842 8843 8844 8845 8846 8847 8848 8849 8850 <img 8851 class="mobile-menu__product-img" 8852 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" 8853 width="136" 8854 height="181" 8855 alt="Orange Cream" 8856 loading="lazy" 8857 decoding="async" 8858 > 8859 8860 </span> 8861 <span class="mobile-menu__product-card-label">Orange Cream</span> 8862 </a> 8863 </li> 8864 8865 8866 8867 8868 8869 8870 </ul> 8871 </div> 8872 8873 <div class="mobile-menu__shop-all-category"> 8874 8875 <a class="mobile-menu__btn-outline" href="/collections/olipop-minis">Shop All MINIs</a> 8876 8877 </div> 8878 </div> 8879 </details> 8880 8881 8882 8883 8884 8885 8886 8887 8888 <details 8889 id="mobile-shop-acc-4" 8890 class="mobile-menu__accordion" 8891 8892 > 8893 <summary class="mobile-menu__accordion-summary"> 8894 <span class="mobile-menu__accordion-summary-text"> 8895 <span class="mobile-menu__accordion-title"> 8896 Limited edition flavors 8897 </span> 8898 </span> 8899 <span class="mobile-menu__accordion-toggle-icons" aria-hidden="true"> 8900 <span class="mobile-menu__accordion-icon mobile-menu__accordion-icon--plus"> 8901 <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" aria-hidden="true" focusable="false"> 8902 <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"/> 8903</svg> 8904 8905 </span> 8906 <span class="mobile-menu__accordion-icon mobile-menu__accordion-icon--minus"> 8907 <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" aria-hidden="true" focusable="false"> 8908 <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"/> 8909</svg> 8910 8911 </span> 8912 </span> 8913 </summary> 8914 8915 <div class="mobile-menu__accordion-panel"> 8916 8917 <div class="mobile-menu__category-headline"> 8918 <div class="mobile-menu__category-headline-text rte"> 8919 <span class="metafield-single_line_text_field">Store anywhere. Chill to enjoy.</span> 8920 </div> 8921 8922 </div> 8923 8924 8925 <div class="mobile-menu__category-description rte">
8926 <span class="metafield-multi_line_text_field">Here for a good time, not a long time. Grab these flavors before they sip away! </span> 8927 </div> 8928 8929 8930 <div 8931 class="mobile-menu__product-scroller tw-min-w-0 tw-overflow-x-auto tw-overflow-y-visible" 8932 tabindex="0" 8933 role="region" 8934 aria-roledescription="carousel" 8935 aria-label="Limited edition flavors — products" 8936 > 8937 <ul class="mobile-menu__product-row tw-m-0 tw-flex tw-list-none tw-flex-nowrap tw-p-0"> 8938 8939 8940 8941 8942 8943 8944 8945 8946 8947 8948 8949 8950 8951 8952 <li class="mobile-menu__product-tile"> 8953 <a 8954 href="/products/pomegranate-sparkle" 8955 class="mobile-menu__product-card" 8956 8957 aria-current="page" 8958 8959 > 8960 <span class="mobile-menu__product-card-media"> 8961 8962 <div 8963 class="product-badge product-badge--nav product-badge--short-text" 8964 role="status" 8965 aria-label="New" 8966 > 8967 <svg class="product-badge__shape" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 72 72" fill="none" aria-hidden="true"> 8968 <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"/> 8969 </svg> 8970 <span class="product-badge__text" style="color: #034638;">New</span> 8971 </div> 8972 8973 8974 8975 8976 8977 8978 8979 8980 8981 <img 8982 class="mobile-menu__product-img" 8983 src="//drinkolipop.com/cdn/shop/files/pomegranate-sparkle-6g-olipop_gallery-image_single-can_new_asset.webp?crop=center&height=362&v=1789390717&width=272" 8984 width="136" 8985 height="181" 8986 alt="Pomegranate Sparkle" 8987 loading="lazy" 8988 decoding="async" 8989 > 8990 8991 </span> 8992 <span class="mobile-menu__product-card-label">Pomegranate Sparkle</span> 8993 </a> 8994 </li> 8995 8996 8997 8998 8999 9000 9001 9002 9003 9004 9005 9006 9007 9008 <li class="mobile-menu__product-tile"> 9009 <a 9010 href="/products/caramel-apple" 9011 class="mobile-menu__product-card" 9012 9013 >
9014 <span class="mobile-menu__product-card-media"> 9015 9016 <div 9017 class="product-badge product-badge--nav product-badge--short-text" 9018 role="status" 9019 aria-label="New" 9020 > 9021 <svg class="product-badge__shape" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 72 72" fill="none" aria-hidden="true"> 9022 <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"/> 9023 </svg> 9024 <span class="product-badge__text" style="color: #034638;">New</span> 9025 </div> 9026 9027 9028 9029 9030 9031 9032 9033 9034 9035 <img 9036 class="mobile-menu__product-img" 9037 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" 9038 width="136" 9039 height="181" 9040 alt="Caramel Apple" 9041 loading="lazy" 9042 decoding="async" 9043 > 9044 9045 </span> 9046 <span class="mobile-menu__product-card-label">Caramel Apple</span> 9047 </a> 9048 </li> 9049 9050 9051 9052 9053 9054 9055 9056 9057 9058 9059 9060 9061 9062 <li class="mobile-menu__product-tile"> 9063 <a 9064 href="/products/raspberry-sherbet" 9065 class="mobile-menu__product-card" 9066 9067 > 9068 <span class="mobile-menu__product-card-media"> 9069 9070 <div 9071 class="product-badge product-badge--nav" 9072 role="status" 9073 aria-label="Limited" 9074 > 9075 <svg class="product-badge__shape" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 72 72" fill="none" aria-hidden="true"> 9076 <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
907603 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"/> 9077 </svg> 9078 <span class="product-badge__text" style="color: #034638;">Limited</span> 9079 </div> 9080 9081 9082 9083 9084 9085 9086 9087 9088 9089 <img 9090 class="mobile-menu__product-img" 9091 src="//drinkolipop.com/cdn/shop/files/raspberry-sherbert_omni-pdp_single.webp?crop=center&height=362&v=1775754912&width=272" 9092 width="136" 9093 height="181" 9094 alt="Raspberry Sherbet" 9095 loading="lazy" 9096 decoding="async" 9097 > 9098 9099 </span> 9100 <span class="mobile-menu__product-card-label">Raspberry Sherbet</span> 9101 </a> 9102 </li> 9103 9104 9105 9106 9107 9108 9109 9110 9111 9112 9113 9114 9115 9116 <li class="mobile-menu__product-tile"> 9117 <a 9118 href="/products/shirley-temple" 9119 class="mobile-menu__product-card" 9120 9121 > 9122 <span class="mobile-menu__product-card-media"> 9123 9124 <div 9125 class="product-badge product-badge--nav" 9126 role="status" 9127 aria-label="Limited" 9128 > 9129 <svg class="product-badge__shape" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 72 72" fill="none" aria-hidden="true"> 9130 <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"/> 9131 </svg> 9132 <span class="product-badge__text" style="color: #034638;">Limited</span> 9133 </div> 9134 9135 9136 9137 9138 9139 9140 9141 9142 9143 <img 9144 class="mobile-menu__product-img" 9145 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" 9146 width="136" 9147 height="181" 9148 alt="Shirley Temple" 9149 loading="lazy" 9150 decoding="async" 9151 > 9152 9153 </span>
9154 <span class="mobile-menu__product-card-label">Shirley Temple</span> 9155 </a> 9156 </li> 9157 9158 9159 9160 9161 9162 9163 9164 9165 9166 9167 9168 9169 9170 <li class="mobile-menu__product-tile"> 9171 <a 9172 href="/products/spongebob-pineapple-paradise" 9173 class="mobile-menu__product-card" 9174 9175 > 9176 <span class="mobile-menu__product-card-media"> 9177 9178 <div 9179 class="product-badge product-badge--nav" 9180 role="status" 9181 aria-label="Limited" 9182 > 9183 <svg class="product-badge__shape" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 72 72" fill="none" aria-hidden="true"> 9184 <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"/> 9185 </svg> 9186 <span class="product-badge__text" style="color: #034638;">Limited</span> 9187 </div> 9188 9189 9190 9191 9192 9193 9194 9195 9196 9197 <img 9198 class="mobile-menu__product-img" 9199 src="//drinkolipop.com/cdn/shop/files/Pineapple-Paradise_cgi-main-image_072925.webp?crop=center&height=362&v=1753844923&width=272" 9200 width="136" 9201 height="181" 9202 alt="Pineapple Paradise" 9203 loading="lazy" 9204 decoding="async" 9205 > 9206 9207 </span> 9208 <span class="mobile-menu__product-card-label">Pineapple Paradise</span> 9209 </a> 9210 </li> 9211 9212 9213 9214 9215 9216 9217 </ul> 9218 </div> 9219 9220 <div class="mobile-menu__shop-all-category"> 9221 9222 <a class="mobile-menu__btn-outline" href="/collections/shop-limited-edition">Shop All Limited Edition Flavors</a> 9223 9224 </div> 9225 </div> 9226 </details> 9227 9228 9229 9230 9231 9232 9233 9234 9235 <details 9236 id="mobile-shop-acc-5" 9237 class="mobile-menu__accordion" 9238 9239 > 9240 <summary class="mobile-menu__accordion-summary">
9241 <span class="mobile-menu__accordion-summary-text"> 9242 <span class="mobile-menu__accordion-title"> 9243 Variety packs 9244 </span> 9245 </span> 9246 <span class="mobile-menu__accordion-toggle-icons" aria-hidden="true"> 9247 <span class="mobile-menu__accordion-icon mobile-menu__accordion-icon--plus"> 9248 <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" aria-hidden="true" focusable="false"> 9249 <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"/> 9250</svg> 9251 9252 </span> 9253 <span class="mobile-menu__accordion-icon mobile-menu__accordion-icon--minus"> 9254 <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" aria-hidden="true" focusable="false"> 9255 <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"/> 9256</svg> 9257 9258 </span> 9259 </span> 9260 </summary> 9261 9262 <div class="mobile-menu__accordion-panel"> 9263 9264 <div class="mobile-menu__category-headline"> 9265 <div class="mobile-menu__category-headline-text rte"> 9266 <span class="metafield-single_line_text_field">Store anywhere. Chill to enjoy.</span> 9267 </div> 9268 9269 </div> 9270 9271 9272 <div class="mobile-menu__category-description rte"> 9273 <span class="metafield-multi_line_text_field">The ultimate OLIPOP flavor tour, for an easy & fun way to discover your favorites.</span> 9274 </div> 9275 9276 9277 <div 9278 class="mobile-menu__product-scroller tw-min-w-0 tw-overflow-x-auto tw-overflow-y-visible" 9279 tabindex="0" 9280 role="region" 9281 aria-roledescription="carousel" 9282 aria-label="Variety packs — products" 9283 > 9284 <ul class="mobile-menu__product-row tw-m-0 tw-flex tw-list-none tw-flex-nowrap tw-p-0"> 9285 9286 9287 9288 9289 9290 9291 9292 9293 9294 9295 9296 9297 9298 9299 <li class="mobile-menu__product-tile"> 9300 <a 9301 href="/products/classic-soda-variety-pack" 9302 class="mobile-menu__product-card" 9303 9304 > 9305 <span class="mobile-menu__product-card-media"> 9306 9307 9308 9309 9310 9311 9312 9313 9314 9315 <img 9316 class="mobile-menu__product-img" 9317 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" 9318 width="136" 9319 height="181" 9320 alt="Classic Soda Variety Pack" 9321 loading="lazy" 9322 decoding="async" 9323 > 9324 9325 </span>
9326 <span class="mobile-menu__product-card-label">Classic Soda</span> 9327 </a> 9328 </li> 9329 9330 9331 9332 9333 9334 9335 9336 9337 9338 9339 9340 9341 9342 <li class="mobile-menu__product-tile"> 9343 <a 9344 href="/products/fruity-fun-variety-pack" 9345 class="mobile-menu__product-card" 9346 9347 > 9348 <span class="mobile-menu__product-card-media"> 9349 9350 9351 9352 9353 9354 9355 9356 9357 9358 <img 9359 class="mobile-menu__product-img" 9360 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" 9361 width="136" 9362 height="181" 9363 alt="Fruity Fun Variety Pack" 9364 loading="lazy" 9365 decoding="async" 9366 > 9367 9368 </span> 9369 <span class="mobile-menu__product-card-label">Fruity Fun</span> 9370 </a> 9371 </li> 9372 9373 9374 9375 9376 9377 9378 9379 9380 9381 9382 9383 9384 9385 <li class="mobile-menu__product-tile"> 9386 <a 9387 href="/products/favorites-variety-pack" 9388 class="mobile-menu__product-card" 9389 9390 > 9391 <span class="mobile-menu__product-card-media"> 9392 9393 9394 9395 9396 9397 9398 9399 9400 9401 <img 9402 class="mobile-menu__product-img" 9403 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" 9404 width="136" 9405 height="181" 9406 alt="Favorites Variety Pack" 9407 loading="lazy" 9408 decoding="async" 9409 > 9410 9411 </span> 9412 <span class="mobile-menu__product-card-label">Favorites</span> 9413 </a> 9414 </li> 9415 9416 9417 9418 9419 9420 9421 </ul> 9422 </div> 9423 9424 <div class="mobile-menu__shop-all-category"> 9425 9426 <a class="mobile-menu__btn-outline" href="/collections/variety-packs">Shop All Variety Packs</a> 9427 9428 </div> 9429 </div> 9430 </details> 9431 9432 9433 9434 <div class="mobile-menu__shop-all-footer"> 9435 <a class="mobile-menu__btn-primary" href="/collections/drinks">Shop All</a> 9436 </div> 9437 </div> 9438 9439 9440<style> 9441.mobile-menu__category-description { 9442 margin-bottom: 20px; 9443} 9444 9445.mobile-menu__category-description .metafield-multi_line_text_field { 9446 line-height: 160%; 9447 display: block; 9448} 9449 9450.mobile-menu__category-headline { 9451 margin-top: 3px; 9452} 9453</style> 9454 9455 <div class="mobile-menu__utility" role="navigation" aria-label="Quick links"> 9456 <div class="mobile-menu__utility-wave" aria-hidden="true"><svg 9457 xmlns="http://www.w3.org/2000/svg"
9458 viewBox="0 0 390 27" 9459 fill="none" 9460 preserveAspectRatio="none" 9461 class="mobile-menu__utility-wave-svg" 9462 focusable="false" 9463 > 9464 <path 9465 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" 9466 fill="#008168" 9467 /> 9468 </svg> 9469 </div> 9470 9471 <ul class="mobile-menu__utility-list tw-m-0 tw-list-none"> 9472 <li class="mobile-menu__utility-item"> 9473 <a class="mobile-menu__utility-link" href="/pages/store-locator"> 9474 <span class="mobile-menu__utility-icon" aria-hidden="true"> 9475 <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"> 9476 <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"/> 9477</svg> 9478 9479 </span> 9480 <span class="mobile-menu__utility-label">Find a Store</span> 9481 </a> 9482 </li> 9483 <li class="mobile-menu__utility-item"> 9484 9485 <a class="mobile-menu__utility-link" href="/account/login"> 9486 <span class="mobile-menu__utility-icon" aria-hidden="true"> 9487 <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"> 9488 <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"/> 9489</svg> 9490 9491 </span>
9492 <span class="mobile-menu__utility-label">Account</span> 9493 </a> 9494 9495 </li> 9496 <li class="mobile-menu__utility-item"> 9497 <a class="mobile-menu__utility-link" href="/pages/contact-us"> 9498 <span class="mobile-menu__utility-icon" aria-hidden="true"> 9499 <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"> 9500 <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"/> 9501</svg> 9502 9503 </span> 9504 <span class="mobile-menu__utility-label">Contact Us</span> 9505 </a> 9506 </li> 9507 <li class="mobile-menu__utility-item"> 9508 <a class="mobile-menu__utility-link" href="/pages/track-your-order"> 9509 <span class="mobile-menu__utility-icon" aria-hidden="true"> 9510 <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"> 9511 <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"/> 9512</svg> 9513 9514 </span>
9515 <span class="mobile-menu__utility-label">Track Order</span> 9516 </a> 9517 </li> 9518 <li class="mobile-menu__utility-item"> 9519 <a class="mobile-menu__utility-link" href="/pages/olipop-rewards"> 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="M12.3488 8.06625L9.1251 6.875L7.9376 3.64875C7.86728 3.45771 7.74005 3.29283 7.57307 3.17637C7.4061 3.0599 7.20743 2.99746 7.00385 2.99746C6.80027 2.99746 6.6016 3.0599 6.43462 3.17637C6.26765 3.29283 6.14042 3.45771 6.0701 3.64875L4.8751 6.875L1.64885 8.0625C1.45781 8.13282 1.29293 8.26005 1.17647 8.42702C1.06 8.594 0.997559 8.79267 0.997559 8.99625C0.997559 9.19983 1.06 9.3985 1.17647 9.56548C1.29293 9.73245 1.45781 9.85968 1.64885 9.93L4.8751 11.125L6.0626 14.3512C6.13292 14.5423 6.26015 14.7072 6.42712 14.8236C6.5941 14.9401 6.79277 15.0025 6.99635 15.0025C7.19993 15.0025 7.3986 14.9401 7.56557 14.8236C7.73255 14.7072 7.85978 14.5423 7.9301 14.3512L9.1251 11.125L12.3513 9.9375C12.5424 9.86718 12.7073 9.73995 12.8237 9.57298C12.9402 9.406 13.0026 9.20733 13.0026 9.00375C13.0026 8.80017 12.9402 8.6015 12.8237 8.43452C12.7073 8.26755 12.5424 8.14032 12.3513 8.07L12.3488 8.06625ZM8.5626 10.2638C8.49473 10.2888 8.4331 10.3282 8.38195 10.3793C8.3308 10.4305 8.29136 10.4921 8.26635 10.56L7.0001 13.9906L5.73635 10.5625C5.71138 10.4939 5.67169 10.4316 5.62008 10.38C5.56847 10.3284 5.50618 10.2887 5.4376 10.2638L2.00947 9L5.4376 7.73625C5.50618 7.71128 5.56847 7.67159 5.62008 7.61998C5.67169 7.56837 5.71138 7.50608 5.73635 7.4375L7.0001 4.00938L8.26385 7.4375C8.28886 7.50537 8.3283 7.567 8.37945 7.61815C8.4306 7.6693 8.49223 7.70874 8.5601 7.73375L11.9907 9L8.5626 10.2638ZM9.0001 2.5C9.0001 2.36739 9.05278 2.24021 9.14655 2.14645C9.24031 2.05268 9.36749 2 9.5001 2H10.5001V1C10.5001 0.867392 10.5528 0.740215 10.6465 0.646447C10.7403 0.552678 10.8675 0.5 11.0001 0.5C11.1327 0.5 11.2599 0.552678 11.3537 0.646447C11.4474 0.740215 11.5001 0.867392 11.5001 1V2H12.5001C12.6327 2 12.7599 2.05268 12.8537 2.14645C12.9474 2.24021 13.0001 2.36739 13.0001 2.5C13.0001 2.63261 12.9474 2.75979 12.8537 2.85355C12.7599 2.94732 12.6327 3 12.5001 3H11.5001V4C11.5001 4.13261 11.4474 4.25979 11.3537 4.35355C11.2599 4.44732 11.1327 4.5 11.0001 4.5C10.8675 4.5 10.7403 4.44732 10.6465 4.35355C10.5528 4.25979 10.5001 4.13261 10.5001 4V3H9.5001C9.36749 3 9.24031 2.94732 9.14655 2.85355C9.05278 2.75979 9.0001 2.63261 9.0001 2.5ZM15.5001 5.5C15.5001 5.63261 15.4474 5.75979 15.3537 5.85355C15.2599 5.94732 15.1327 6 15.0001 6H14.5001V6.5C14.5001 6.63261 14.4474 6.75979 14.3537 6.85355C14.2599 6.94732 14.1327 7 14.0001 7C13.8675 7 13.7403 6.94732 13.6465 6.85355C13.5528 6.75979 13.5001 6.63261 13.5001 6.5V6H13.0001C12.8675 6 12.7403 5.94732 12.6465 5.85355C12.5528 5.75979 12.5001 5.63261 12.5001 5.5C12.5001 5.36739 12.5528 5.24021 12.6465 5.14645C12.7403 5.05268 12.8675 5 13.0001 5H13.5001V4.5C13.5001 4.36739 13.5528 4.24021 13.6465 4.14645C13.7403 4.05268 13.8675 4 14.0001 4C14.1327 4 14.2599 4.05268 14.3537 4.14645C14.4474 4.24021 14.5001 4.36739 14.5001 4.5V5H15.0001C15.1327 5 15.2599 5.05268 15.3537 5.14645C15.4474 5.24021 15.5001 5.36739 15.5001 5.5Z" fill="currentColor"/> 9523</svg> 9524 9525 </span> 9526 <span class="mobile-menu__utility-label">Earn Rewards</span> 9527 </a> 9528 </li> 9529 </ul> 9530</div> 9531 9532<style> 9533 .mobile-menu__utility-list { 9534 padding-bottom: 10.5rem; 9535 } 9536</style> 9537 9538 </div> 9539 9540 9541 <div 9542 id="mobile-panel-learn" 9543 class="mobile-menu__tabpanel tw-hidden" 9544 role="tabpanel" 9545 aria-labelledby="mobile-tab-learn" 9546 data-mobile-panel="learn" 9547 hidden 9548 tabindex="0" 9549 > 9550 9551 9552 9553 9554 <div class="mobile-menu__shop-body"> 9555 9556 9557 9558 9559 9560 9561 <div class="mobile-menu__leaf-row"> 9562 <a 9563 href="/pages/our-story" 9564 class="mobile-menu__leaf-link" 9565 9566 >
9567 <span class="mobile-menu__leaf-title">Our story</span> 9568 </a> 9569 </div> 9570 9571 9572 9573 9574 9575 9576 <div class="mobile-menu__leaf-row"> 9577 <a 9578 href="/pages/ingredients" 9579 class="mobile-menu__leaf-link" 9580 9581 > 9582 <span class="mobile-menu__leaf-title">Ingredients</span> 9583 </a> 9584 </div> 9585 9586 9587 9588 9589 9590 9591 <div class="mobile-menu__leaf-row"> 9592 <a 9593 href="/pages/digestive-health" 9594 class="mobile-menu__leaf-link" 9595 9596 > 9597 <span class="mobile-menu__leaf-title">Digestive health</span> 9598 </a> 9599 </div> 9600 9601 9602 9603 9604 9605 9606 <div class="mobile-menu__leaf-row"> 9607 <a 9608 href="/pages/fiber-education" 9609 class="mobile-menu__leaf-link" 9610 9611 > 9612 <span class="mobile-menu__leaf-title">Fiber education</span> 9613 </a> 9614 </div> 9615 9616 9617 9618 9619 9620 9621 <div class="mobile-menu__leaf-row"> 9622 <a 9623 href="/pages/subscription" 9624 class="mobile-menu__leaf-link" 9625 9626 > 9627 <span class="mobile-menu__leaf-title">Subscriptions</span> 9628 </a> 9629 </div> 9630 9631 9632 9633 9634 </div> 9635 9636 9637 <div class="mobile-menu__utility" role="navigation" aria-label="Quick links"> 9638 <div class="mobile-menu__utility-wave" aria-hidden="true"><svg 9639 xmlns="http://www.w3.org/2000/svg" 9640 viewBox="0 0 390 27" 9641 fill="none" 9642 preserveAspectRatio="none" 9643 class="mobile-menu__utility-wave-svg" 9644 focusable="false" 9645 > 9646 <path 9647 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" 9648 fill="#008168" 9649 /> 9650 </svg> 9651 </div> 9652 9653 <ul class="mobile-menu__utility-list tw-m-0 tw-list-none"> 9654 <li class="mobile-menu__utility-item"> 9655 <a class="mobile-menu__utility-link" href="/pages/store-locator"> 9656 <span class="mobile-menu__utility-icon" aria-hidden="true"> 9657 <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"> 9658 <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"/> 9659</svg> 9660 9661 </span> 9662 <span class="mobile-menu__utility-label">Find a Store</span> 9663 </a> 9664 </li> 9665 <li class="mobile-menu__utility-item"> 9666 9667 <a class="mobile-menu__utility-link" href="/account/login"> 9668 <span class="mobile-menu__utility-icon" aria-hidden="true"> 9669 <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewB
9669ox="0 0 16 16" fill="none" aria-hidden="true" focusable="false" class="mobile-menu__utility-icon-svg"> 9670 <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"/> 9671</svg> 9672 9673 </span> 9674 <span class="mobile-menu__utility-label">Account</span> 9675 </a> 9676 9677 </li> 9678 <li class="mobile-menu__utility-item"> 9679 <a class="mobile-menu__utility-link" href="/pages/contact-us"> 9680 <span class="mobile-menu__utility-icon" aria-hidden="true"> 9681 <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"> 9682 <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"/> 9683</svg> 9684 9685 </span>
9686 <span class="mobile-menu__utility-label">Contact Us</span> 9687 </a> 9688 </li> 9689 <li class="mobile-menu__utility-item"> 9690 <a class="mobile-menu__utility-link" href="/pages/track-your-order"> 9691 <span class="mobile-menu__utility-icon" aria-hidden="true"> 9692 <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"> 9693 <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"/> 9694</svg> 9695 9696 </span> 9697 <span class="mobile-menu__utility-label">Track Order</span> 9698 </a> 9699 </li> 9700 <li class="mobile-menu__utility-item"> 9701 <a class="mobile-menu__utility-link" href="/pages/olipop-rewards"> 9702 <span class="mobile-menu__utility-icon" aria-hidden="true"> 9703 <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"> 9704 <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.
970463261 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"/> 9705</svg> 9706 9707 </span> 9708 <span class="mobile-menu__utility-label">Earn Rewards</span> 9709 </a> 9710 </li> 9711 </ul> 9712</div> 9713 9714<style> 9715 .mobile-menu__utility-list { 9716 padding-bottom: 10.5rem; 9717 } 9718</style> 9719 9720 </div> 9721 9722 </div> 9723 </div> 9724 </div> 9725</div> 9726
9727<script> 9728 $(document).ready(function () { 9729 const $root = $('[js-mobile-menu]'); 9730 const $backdrop = $('.mobile-menu__backdrop'); 9731 const $panel = $('[js-mobile-menu-panel]'); 9732 const $toggle = $('.header__button.mobile-menu-toggle'); 9733 9734 function applyMenuGeometry() { 9735 const header = document.getElementById('shopify-section-header'); 9736 const el = document.querySelector('[js-mobile-menu]'); 9737 if (!header || !el) return; 9738 const h = header.clientHeight; 9739 el.style.top = h + 'px'; 9740 el.style.height = 'calc(100vh - ' + h + 'px)'; 9741 } 9742 9743 function clearMenuGeometry() { 9744 const el = document.querySelector('[js-mobile-menu]'); 9745 if (el) { 9746 el.style.top = ''; 9747 el.style.height = ''; 9748 } 9749 } 9750 9751 function openMenuVisual() { 9752 $root.addClass('is-active'); 9753 } 9754 9755 function closeMenuVisual() { 9756 $root.removeClass('is-active'); 9757 } 9758 9759 var mobileMenuClosing = false; 9760 9761 function finalizeMobileMenuClose() { 9762 document.documentElement.classList.remove('stop-scroll'); 9763 $('.overlay').removeClass('is-active'); 9764 $('.site-header .header__button').removeClass('is-active'); 9765 $('.header-wrapper').removeClass('is-mobile-active'); 9766 clearMenuGeometry(); 9767 mobileMenuClosing = false; 9768 requestAnimationFrame(function () { 9769 requestAnimationFrame(function () { 9770 window.dispatchEvent(new Event('scroll')); 9771 }); 9772 }); 9773 } 9774 9775 function activateMobileTab(which) { 9776 const $shop = $('.mobile-menu__tab--shop'); 9777 const $learn = $('.mobile-menu__tab--learn'); 9778 const $shopPanel = $('#mobile-panel-shop'); 9779 const $learnPanel = $('#mobile-panel-learn'); 9780 if (!$shop.length || !$learn.length) return; 9781 if (which === 'shop') { 9782 $shop.addClass('is-selected').attr({ 'aria-selected': 'true', tabindex: 0 }); 9783 $learn.removeClass('is-selected').attr({ 'aria-selected': 'false', tabindex: -1 }); 9784 $shopPanel.removeClass('tw-hidden').removeAttr('hidden'); 9785 $learnPanel.addClass('tw-hidden').attr('hidden', 'hidden'); 9786 } else { 9787 $learn.addClass('is-selected').attr({ 'aria-selected': 'true', tabindex: 0 }); 9788 $shop.removeClass('is-selected').attr({ 'aria-selected': 'false', tabindex: -1 }); 9789 $learnPanel.removeClass('tw-hidden').removeAttr('hidden'); 9790 $shopPanel.addClass('tw-hidden').attr('hidden', 'hidden'); 9791 } 9792 } 9793 9794 function resetToShopTab() { 9795 activateMobileTab('shop'); 9796 } 9797 9798 $toggle.on('click', function () { 9799 const toggleBtn = this; 9800 const panelEl = document.querySelector('[js-mobile-menu-panel]'); 9801 const isOpen = $('.header-wrapper').hasClass('is-mobile-active'); 9802 9803 if (!isOpen) { 9804 $('.header-wrapper').addClass('is-mobile-active'); 9805 document.documentElement.classList.add('stop-scroll'); 9806 $('.overlay').addClass('is-active'); 9807 $('.site-header .header__button').addClass('is-active'); 9808 applyMenuGeometry(); 9809 9810 function revealMenuAndFocus() { 9811 openMenuVisual(); 9812 resetToShopTab(); 9813 toggleBtn.setAttribute('aria-expanded', 'true'); 9814 const wrap = document.querySelector('[js-header-wrapper]'); 9815 const toFocus = panelEl ? panelEl.querySelector('.mobile-menu__tab, a, button') : null; 9816 if (wrap && toFocus) { 9817 trapFocus(wrap, toFocus); 9818 } 9819 } 9820 9821 if (window.matchMedia('(prefers-reduced-motion: reduce)').matches) { 9822 revealMenuAndFocus(); 9823 } else { 9824 requestAnimationFrame(function () { 9825 requestAnimationFrame(revealMenuAndFocus); 9826 }); 9827 } 9828 } else { 9829 if (mobileMenuClosing) { 9830 return; 9831 } 9832 mobileMenuClosing = true; 9833 closeMenuVisual(); 9834 toggleBtn.setAttribute('aria-expanded', 'false'); 9835 removeTrapFocus(); 9836 9837 if (window.matchMedia('(prefers-reduced-motion: reduce)').matches) { 9838 finalizeMobileMenuClose(); 9839 return; 9840 } 9841 9842 var closeDone = false; 9843 function doneClosing() { 9844 if (closeDone) return; 9845 closeDone = true; 9846 if (panelEl) { 9847 panelEl.removeEventListener('transitionend', onPanelTransitionEnd); 9848 } 9849 finalizeMobileMenuClose(); 9850 } 9851 9852 function onPanelTransitionEnd(e) { 9853 if (e.target !== panelEl || e.propertyName !== 'transform') return; 9854 doneClosing(); 9855 } 9856 9857 if (panelEl) { 9858 panelEl.addEventListener('transitionend', onPanelTransitionEnd); 9859 } 9860 window.setTimeout(doneClosing, 400); 9861 } 9862 }); 9863 9864 var mobileMenuDesktopMin = 1024; 9865 9866 function closeMobileMenuIfDesktop() { 9867 if (window.innerWidth >= mobileMenuDesktopMin && $toggle.hasClass('is-active')) { 9868 $toggle.trigger('click'); 9869 } 9870 } 9871 9872 $(window).on('resize', function () { 9873 closeMobileMenuIfDesktop(); 9874 if ($toggle.hasClass('is-active')) { 9875 applyMenuGeometry(); 9876 } 9877 }); 9878 9879 $backdrop.on('click', function () { 9880 if ($toggle.hasClass('is-active')) { 9881 $toggle.trigger('click'); 9882 } 9883 }); 9884 9885 $(document).on('keydown.mobileMenu', function (e) { 9886 if (e.key !== 'Escape') return; 9887 if (!$('.header-wrapper').hasClass('is-mobile-active')) return; 9888 e.preventDefault(); 9889 if ($toggle.hasClass('is-active')) { 9890 $toggle.trigger('click'); 9891 } 9892 }); 9893 9894 $('.mobile-menu__tab[data-mobile-tab]').on('click', function () { 9895 activateMobileTab($(this).data('mobile-tab')); 9896 }); 9897 9898 $('.mobile-menu__tab[data-mobile-tab]').on('keydown', function (e) { 9899 if (e.key !== 'ArrowLeft' && e.key !== 'ArrowRight') return; 9900 e.preventDefault(); 9901 const cur = $(this).data('mobile-tab'); 9902 if (e.key === 'ArrowLeft' && cur === 'learn') { 9903 activateMobileTab('shop'); 9904 $('.mobile-menu__tab--shop').trigger('focus'); 9905 } 9906 if (e.key === 'ArrowRight' && cur === 'shop') { 9907 activateMobileTab('learn'); 9908 $('.mobile-menu__tab--learn').trigger('focus'); 9909 } 9910 }); 9911 9912 $('#nav-icon3').on('click', function () { 9913 $(this).toggleClass('open'); 9914 }); 9915 9916 $('[js-mobile-menu-close]').on('click', function (e) { 9917 e.preventDefault(); 9918 $('#nav-icon3').trigger('click'); 9919 }); 9920 }); 9921</script>
9921 9922</header> 9923
9924<script type="text/javascript"> 9925 $(document).ready(function () { 9926 const handleScrollOnHeader = () => { 9927 const y = document.documentElement.scrollTop || document.body.scrollTop; 9928 const $headerWrapper = $('.header-wrapper'); 9929 const isTransparent = $headerWrapper.attr('color-theme') === 'transparent'; 9930 if (y < 10) { 9931 $headerWrapper.removeClass('is-active'); 9932 if (isTransparent) { 9933 $headerWrapper.addClass('tw-bg-transparent'); 9934 } 9935 } else { 9936 $headerWrapper.addClass('is-active'); 9937 if (isTransparent) { 9938 $headerWrapper.removeClass('tw-bg-transparent'); 9939 } 9940 } 9941 }; 9942 9943 $(window).on('scroll', handleScrollOnHeader); 9944 handleScrollOnHeader(); 9945 }); 9946</script>
9946 9947
9948<script type="application/ld+json"> 9949 { 9950 "@context": "http://schema.org", 9951 "@type": "Organization", 9952 "name": "OLIPOP", 9953 9954 9955 "logo": "https:\/\/drinkolipop.com\/cdn\/shop\/files\/OlipopLogo_1_560x.png?v=1778767782", 9956 9957 "sameAs": [ 9958 "https:\/\/twitter.com\/drinkolipop", 9959 "https:\/\/www.facebook.com\/drinkolipop", 9960 "https:\/\/www.pinterest.com\/drinkolipop\/", 9961 "https:\/\/www.instagram.com\/drinkolipop\/", 9962 "", 9963 "", 9964 "https:\/\/www.youtube.com\/@OLIPOP", 9965 "" 9966 ], 9967 "url": "https:\/\/drinkolipop.com" 9968 } 9969</script>
9969 9970 9971 9972 9973 9974</div> 9975<!-- END sections: header-group --> 9976 9977
9977<script> 9978 const headerGroup = document.querySelector('#shopify-section-header'); 9979 function setHeaderGroupVars() { 9980 document.documentElement.style.setProperty( 9981 '--header-group-bottom-position', 9982 headerGroup.getBoundingClientRect().bottom + 'px' 9983 ); 9984 } 9985 setTimeout(setHeaderGroupVars, 1000); 9986 window.addEventListener('resize', setHeaderGroupVars); 9987 </script>
9987 9988 </section> 9989 <div class="page-container drawer-page-content" id="PageContainer" role="main"> 9990 <div 9991 class="main-content js-focus-hidden" 9992 id="MainContent" 9993 tabindex="-1" 9994 > 9995 9996 9997 9998 9999 10000 10001
10001<script type="text/javascript"> 10002 10003 window.__shgMoneyFormat = window.__shgMoneyFormat || {"USD":{"currency":"USD","currency_symbol":"$","currency_symbol_location":"left","decimal_places":2,"decimal_separator":".","thousands_separator":","}}; 10004 10005 window.__shgCurrentCurrencyCode = window.__shgCurrentCurrencyCode || { 10006 currency: "USD", 10007 currency_symbol: "$", 10008 decimal_separator: ".", 10009 thousands_separator: ",", 10010 decimal_places: 2, 10011 currency_symbol_location: "left" 10012 }; 10013 </script>
10013 10014 10015 10016 10017 10018 10019<transition-overlay 10020 data-component="transitionOverlay" 10021 id="transitionOverlay" 10022 class="tw-fixed tw--left-full tw-top-0 tw-block tw-h-full tw-w-screen md:-tw-mt-[70px]" 10023 style="background: var(--flavor-color-overlay);" 10024> 10025 <svg 10026 id="transitionWave" 10027 version="1.1" 10028 xmlns="http://www.w3.org/2000/svg" 10029 xmlns:xlink="http://www.w3.org/1999/xlink" 10030 x="0px" 10031 y="0px" 10032 width="160px" 10033 height="1440px" 10034 viewBox="0 0 160 1440" 10035 xml:space="preserve" 10036 fill="var(--flavor-color-100)" 10037 > 10038 <path id="wave1" d="M0,1440l0-48c0-48,0-144,0-240c0-96,0-192,0-288c0-96,0-192,0-288c0-96,0-192,0-288S0,96,0,48L0,0l160,0 10039 l-21.3,48C117,96,75,192,69.3,288C64,384,96,480,112,576s16,192,0,288s-48,192-42.7,288c5.7,96,47.7,192,69.4,240l21.3,48H0z" 10040 /> 10041 <path id="wave2" style="visibility: hidden" d="M0,1440l0-48c0-48,0-144,0-240c0-96,0-192,0-288c0-96,0-192,0-288c0-96,0-192,0-288S0,96,0,48L0,0l160,0 10042 l-21.3,48C117,96,75,192,69.3,288C64,384,96,480,112,576s16,192,0,288s-48,192-42.7,288c5.7,96,47.7,192,69.4,240l21.3,48H0z"/> 10043 </svg> 10044</transition-overlay> 10045 10046 10047 10048 10049<style> 10050 #shopify-section-oli-product-form { 10051 max-width: 100%; 10052 width: 100%; 10053 margin: 0 auto; 10054 } 10055 10056 @media screen and (min-width: 1024px) { 10057 #shopify-section-oli-product-form { 10058 max-width: 430px; 10059 } 10060 } 10061 10062 @media screen and (max-width: 430px) { 10063 .promotion-active .rtx_plan_card__selector { 10064 gap: 16px; 10065 padding: 15px 9px; 10066 } 10067 10068 .promotion-active .rtx_plan_card__title { 10069 font-size: 13px; 10070 } 10071 10072 .promotion-active .rtx_plan_card__main { 10073 gap: 8px; 10074 } 10075 } 10076 10077 #oli-product-form .product-form__fiber-switch-row { 10078 border-top: 1px solid var(--flavor-color-200, #ffb8b3); 10079 color: #034638; 10080 font-family: inherit; 10081 font-size: 16px; 10082 font-weight: 700; 10083 line-height: 1.4; 10084 flex-wrap: wrap; 10085 } 10086 10087 #shopify-section-oli-product-form .product-flavor-dropdown__label, 10088 #shopify-section-oli-product-form .product-flavor-dropdown .product-flavor-dropdown__row-label { 10089 line-height: 16px; 10090 } 10091 10092 #shopify-section-oli-product-form .product-flavor-dropdown__row-label { 10093 font-size: 13px; 10094 } 10095 10096 .hidden.shg-lightbox { 10097 display: none !important; 10098 } 10099 10100 .product-form__cross-sell-row span { 10101 display: block !important; 10102 } 10103</style> 10104 10105 10106 10107<div data-barba="wrapper"> 10108 <!-- Widget : REBUY-switch to sub pop --> 10109 10110<!-- End Widget : REBUY-switch to sub pop --> 10111 10112 10113 10114 10115 10116 10117 10118 10119 10120 10121 10122 10123 10124 10125 10126 10127 10128 10129 10130 10131 10132 10133 10134 10135 10136 10137 10138 10139 10140 10141 10142 10143 10144 10145 10146 10147 10148 10149 10150 10151 10152 10153 10154 10155 10156 10157 10158 10159 10160 10161 10162 10163<div 10164 class="tw-relative tw-z-10 tw-w-full tw-pt-5 lg:tw-pt-10" 10165 data-barba="container" 10166 data-barba-namespace="product" 10167 > 10168 10169<div 10170 data-component="stickyAddToCart" 10171 data-sticky-add-to-cart 10172 data-product-available="true" 10173 data-original-one-time-price="" 10174 data-one-time-price="3599" 10175 data-original-selling-plan-price="3599" 10176 data-selling-plan-price="3059" 10177 class=" tw-invisible tw-fixed tw-bottom-0 tw-left-0 tw-z-20 tw-w-full tw-translate-y-full tw-transform tw-border-t tw-border-solid tw-border-[#F3E4CD] tw-py-4 tw-opacity-0 data-[active]:tw-visible data-[active]:tw-translate-y-0 data-[active]:tw-opacity-100 md:tw-bottom-0 md:tw-py-3" 10178 style="background-color: #FFFBF5;" 10179 > 10180 <div 10181 class="tw-flex tw-w-full tw-flex-col tw-gap-2 tw-px-5 md:tw-flex-row md:tw-items-center md:tw-justify-between md:tw-gap-4 lg:tw-mx-[60px] lg:tw-w-auto lg:tw-px-0 xl:tw-mx-auto xl:tw-max-w-[1320px]" 10182 > 10183 <div class="tw-order-2 tw-flex tw-w-full tw-min-w-0 tw-flex-col tw-items-center tw-gap-1 md:tw-order-1 md:tw-w-auto md:tw-flex-1 md:tw-items-start lg:tw-flex-row lg:tw-items-center lg:tw-justify-between lg:tw-gap-4"> 10184 <div class="tw-hidden tw-min-w-0 tw-items-center tw-gap-4 md:tw-flex"> 10185 <div 10186 class="tw-hidden tw-h-12 tw-w-12 tw-shrink-0 tw-items-center tw-justify-center tw-overflow-hidden tw-rounded-full lg:tw-flex" 10187 10188 style="background-color: #ffd2e3;" 10189 10190 > 10191 <img 10192 src="//drinkolipop.com/cdn/shop/files/POM_Icon_3fdcac74-4247-46b5-88ab-44bee279c8b1.svg?crop=center&height=128&v=1789574703&width=128" 10193 width="42" 10194 height="42" 10195 alt="" 10196 loading="eager" 10197 class="tw-h-full tw-w-full tw-object-cover tw-object-left" 10198 > 10199 </div> 10200 <h2 10201 class="tw-truncate tw-font-display tw-text-[24px] tw-font-black tw-leading-[1.1] tw-text-hunter-green" 10202 data-product-title 10203 > 10204 Pomegranate Sparkle 10205 </h2> 10206 </div> 10207 10208 <div 10209 class="tw-flex tw-flex-row tw-justify-center tw-gap-[2px] tw-text-hunter-green md:tw-justify-start lg:tw-justify-end" 10210 data-product-available-text 10211 > 10212 <div class="tw-flex tw-items-center tw-gap-[2px]"> 10213 <div class="tw-text-[14px] tw-font-normal tw-leading-[1.4] lg:tw-text-base" data-quantity-text> 10214 12 Pack, 10215 </div> 10216 <div class="tw-text-[14px] tw-font-normal tw-leading-[1.4] lg:tw-text-base" data-delivery-text> 10217 One Time 10218 </div> 10219 <div 10220 aria-hidden="true" 10221 class="tw-text-[14px] tw-font-normal tw-leading-[1.4] lg:tw-text-base" 10222 > 10223 — 10224 </div> 10225 <div 10226 class="tw-text-right tw-text-[14px] tw-font-semibold tw-leading-[1.4] lg:tw-text-base" 10227 > 10228 10229 10230 10231 10232<span class="tw-sr-only">One-time price</span> 10233<span data-price> 10234 $35.99 10235</span><span 10236 data-compare-at-price 10237 class="tw-line-through tw-hidden tw-ml-[6px] tw-font-normal" 10238></span> 10239 10240 </div> 10241 </div> 10242 </div> 10243 <div 10244 data-oos-text 10245 class="tw-hidden tw-text-center tw-text-[14px] tw-font-normal tw-leading-[1.4] tw-text-hunter-green md:tw-text-left lg:tw-text-base" 10246 > 10247 This flavor is currently out of stock 10248 </div> 10249 </div> 10250 10251 <div class="tw-order-1 tw-flex tw-w-full md:tw-order-2 md:tw-w-auto"> 10252 <div 10253 class="tw-w-full md:tw-w-[200px]" 10254 10255 data-variant-id="62865580589215" 10256 > 10257 10258 10259<button 10260 10261
10262 10263 10264 form="oli-product-form" 10265 10266 10267 10268 10269 10270 type="submit" 10271 class="tw-px-10 tw-text-lg tw-h-12 tw-w-full tw-border-none tw-rounded-btn tw-bg-hunter-green tw-text-creme hover:tw-bg-[#123a35] hover:tw-text-creme focus:tw-bg-[#123a35] focus:tw-text-creme active:tw-bg-[#123a35] active:tw-text-creme tw-group tw-flex tw-items-center tw-justify-center tw-relative tw-box-border tw-whitespace-nowrap tw-text-center tw-font-body tw-font-bold tw-leading-7 tw-transition-all tw-duration-250 tw-ease-in-out focus:!tw-ring-4 " 10272 10273 10274> 10275 10276 10277 Add to Cart 10278</button> 10279 10280 </div> 10281 10282 <div 10283 data-variant-id="62865580589215" 10284 data-product-title="Pomegranate Sparkle" 10285 data-product-id="10934531719327" 10286 class="tw-hidden tw-w-full md:tw-w-[200px]" 10287 data-oos-cta 10288 > 10289 10290 10291<button 10292 10293 10294 10295 10296 10297 10298 10299 data-component="buttonAction" 10300 data-action="back-in-stock" 10301 10302 10303 type="button" 10304 class="tw-px-10 tw-text-lg tw-h-12 tw-w-full tw-border-none tw-rounded-btn tw-bg-hunter-green tw-text-creme hover:tw-bg-[#123a35] hover:tw-text-creme focus:tw-bg-[#123a35] focus:tw-text-creme active:tw-bg-[#123a35] active:tw-text-creme tw-group tw-flex tw-items-center tw-justify-center tw-relative tw-box-border tw-whitespace-nowrap tw-text-center tw-font-body tw-font-bold tw-leading-7 tw-transition-all tw-duration-250 tw-ease-in-out focus:!tw-ring-4 " 10305 10306 10307> 10308 10309 10310 Notify Me 10311</button> 10312 10313 </div> 10314 </div> 10315 </div> 10316 </div> 10317 10318 10319 <div class="product-page-grid"> 10320 <div class="product-page-grid__gallery tw-min-w-0 tw-w-full"> 10321 <div class="tw-top-22.5 lg:tw-pb-[100px]"> 10322 <div class="tw-px-5 md:tw-hidden"> 10323 <style> 10324 #oli-product-intro { 10325 color: #034638; 10326 } 10327 10328 #oli-product-intro .pdp-intro__header { 10329 display: flex; 10330 flex-direction: column; 10331 align-items: center; 10332 text-align: center; 10333 } 10334 10335 #oli-product-intro .pdp-intro__eyebrow { 10336 margin: 0 0 4px; 10337 color: #034638; 10338 font-size: 16px; 10339 font-weight: 700; 10340 line-height: 1.4; 10341 text-decoration: underline; 10342 text-decoration-thickness: 10%; 10343 text-underline-offset: 2px; 10344 } 10345 10346 /* Fiber line above title — Ano / 600 / 16 / 140% */ 10347 #oli-product-intro .pdp-intro__fiber-subtitle { 10348 margin: 0 0 4px; 10349 padding: 0; 10350 color: #034638; 10351 font-family: Ano, 'Helvetica Neue', Helvetica, Arial, sans-serif; 10352 font-size: 16px; 10353 font-weight: 600; 10354 font-style: normal; 10355 line-height: 1.4; 10356 text-align: center; 10357 text-decoration: underline; 10358 text-decoration-thickness: 10%; 10359 text-underline-offset: 2px; 10360 } 10361 10362 #oli-product-intro a.pdp-intro__fiber-subtitle { 10363 cursor: pointer; 10364 } 10365 10366 #oli-product-intro a.pdp-intro__fiber-subtitle:hover, 10367 #oli-product-intro a.pdp-intro__fiber-subtitle:focus-visible { 10368 color: #14433d; 10369 } 10370 10371 #oli-product-intro .pdp-intro__badges { 10372 display: flex; 10373 flex-wrap: wrap; 10374 align-items: center; 10375 justify-content: center; 10376 gap: 8px; 10377 margin: 0 0 4px; 10378 } 10379 10380 #oli-product-intro .pdp-intro__badge { 10381 border-radius: 9999px; 10382 background: #fff; 10383 padding: 4px 8px; 10384 color: #034638; 10385 font-size: 12px; 10386 font-weight: 700; 10387 line-height: 1.4; 10388 } 10389 10390 #oli-product-intro .pdp-intro__title { 10391 margin: 0; 10392 color: #034638; 10393 font-family: WindsorEF, sans-serif; 10394 font-size: 40px; 10395 font-weight: 900; 10396 line-height: 1.1; 10397 text-align: center; 10398 } 10399 10400 #oli-product-intro .pdp-intro__description { 10401 margin: 4px 0 0; 10402 color: #034638; 10403 font-size: 16px; 10404 font-weight: 400; 10405 line-height: 1.8; 10406 text-align: center; 10407 } 10408 10409 #oli-product-intro .pdp-intro__description a { 10410 color: #14433d; 10411 text-decoration: underline; 10412 } 10413 10414 #oli-product-intro .pdp-intro__short-row--variety-pack { 10415 margin: 4px 0 0; 10416 color: #034638; 10417 font-size: 16px; 10418 font-weight: 400; 10419 line-height: 1.8; 10420 text-align: center; 10421 } 10422 10423 #oli-product-intro .pdp-intro__short-row--variety-pack .pdp-intro__pack-size { 10424 font-weight: 400; 10425 white-space: nowrap; 10426 } 10427 10428 #oli-product-intro .pdp-intro__short-row--variety-pack .pdp-intro__pack-sep { 10429 margin: 0 0.35em; 10430 color: var(--flavor-color-200, #ffdbd9); 10431 font-weight: 400; 10432 } 10433
10434 #oli-product-intro .pdp-intro__short-row--variety-pack .pdp-intro__short-rte { 10435 display: inline; 10436 vertical-align: baseline; 10437 text-align: center; 10438 } 10439 10440 #oli-product-intro .pdp-intro__short-row--variety-pack .pdp-intro__short-rte > * { 10441 display: inline; 10442 margin: 0; 10443 padding: 0; 10444 } 10445 10446 #oli-product-intro .pdp-intro__short-row--variety-pack .pdp-intro__description--variety-inline { 10447 display: inline; 10448 margin: 0; 10449 padding: 0; 10450 } 10451 10452 #oli-product-intro .pdp-intro__rating { 10453 display: flex; 10454 align-items: center; 10455 justify-content: center; 10456 gap: 8px; 10457 margin-top: 8px; 10458 min-height: 16px; 10459 width: 100%; 10460 } 10461 10462 #oli-product-intro .bazaarvoice-product-summary[data-bv-show="rating_summary"] button.bv_main_container_row_flex { 10463 background-color: transparent !important; 10464 } 10465 10466 #oli-product-intro .pdp-intro__rating { 10467 margin-top: 0 !important; 10468 } 10469 10470 #oli-product-intro .bazaarvoice-product-summary[data-bv-show="rating_summary"] button.bv_main_container_row_flex [itemprop="ratingValue"], 10471 #oli-product-intro .bazaarvoice-product-summary[data-bv-show="rating_summary"] .bv_main_container .bv_avgRating_component_container { 10472 display: none !important; 10473 } 10474 10475 #oli-product-intro .bazaarvoice-product-summary[data-bv-show="rating_summary"] .bv_main_container .bv_numReviews_text { 10476 font-size: 12px !important; 10477 } 10478 10479 #oli-product-intro .bazaarvoice-product-summary[data-bv-show="rating_summary"] .bv_main_container .bv_stars_component_container svg { 10480 width: 11px !important; 10481 height: 11px !important; 10482 } 10483 10484 @media (max-width: 1158px) { 10485 #oli-product-intro .pdp-intro__title { 10486 font-size: 38px; 10487 } 10488 } 10489 10490 @media (min-width: 1280px) and (max-width: 1308px) { 10491 #oli-product-intro .pdp-intro__title { 10492 font-size: 38px; 10493 white-space: nowrap; 10494 } 10495 } 10496 10497 @media (max-width: 1023px) { 10498 #oli-product-intro .pdp-intro__title { 10499 font-size: 32px; 10500 } 10501 10502 #oli-product-intro .pdp-intro__rating { 10503 margin-bottom: 14px; 10504 } 10505 10506 #oli-product-intro .pdp-intro__description.rte-intro { 10507 font-size: 16px; 10508 } 10509 } 10510 10511 @media (max-width: 769px) { 10512 #oli-product-intro { 10513 margin-bottom: 8px; 10514 } 10515 10516 #oli-product-intro .pdp-intro__eyebrow { 10517 margin-bottom: 2px; 10518 } 10519 10520 #oli-product-intro .pdp-intro__description { 10521 line-height: 1.6; 10522 } 10523 10524 #oli-product-intro .pdp-intro__short-row--variety-pack { 10525 line-height: 1.6; 10526 } 10527 } 10528</style> 10529 10530<div id="oli-product-intro" class="tw-mb-2 md:tw-mb-5"> 10531 <div class="pdp-intro__header"><a 10532 href="/collections/shop-6g-fiber" 10533 class="pdp-intro__fiber-subtitle" 10534 >6g Fiber</a><h1 class="pdp-intro__title">Pomegranate Sparkle</h1><div class="metafield-rich_text_field"><p class="rte-intro pdp-intro__description !tw-pb-0">Unmistakably celebratory.​</p></div></div> 10535</div> 10536
10537<script> 10538 (() => { 10539 if (window.oliBvWriteReviewLinkInitialized) return; 10540 window.oliBvWriteReviewLinkInitialized = true; 10541 10542 const openBazaarvoiceReviewModal = (productId) => { 10543 const nativeTrigger = document.querySelector('.bazaarvoice-product-reviews #BVRRContainer .bv-write-review'); 10544 if (nativeTrigger) { 10545 nativeTrigger.click(); 10546 return true; 10547 } 10548 10549 if (window.$BV && typeof window.$BV.ui === 'function') { 10550 try { 10551 window.$BV.ui('rr', 'submit_review', { productId }); 10552 return true; 10553 } catch (error) { 10554 window.$BV.ui('submit_review', { productId }); 10555 return true; 10556 } 10557 } 10558 10559 return false; 10560 }; 10561 10562 document.addEventListener('click', (event) => { 10563 const trigger = event.target.closest('[data-bv-write-review-trigger]'); 10564 if (!trigger) return; 10565 10566 event.preventDefault(); 10567 const productId = trigger.getAttribute('data-product-id'); 10568 if (!productId) return; 10569 10570 if (!openBazaarvoiceReviewModal(productId)) { 10571 setTimeout(() => openBazaarvoiceReviewModal(productId), 500); 10572 } 10573 }); 10574 })(); 10575</script>
10575 10576 10577 </div> 10578 10579 <div id="shopify-section-oli-product-gallery" class="shopify-section product-gallery"> 10580 10581 10582 10583 10584 10585 10586 10587 10588 10589 10590 10591 10592 10593 10594 10595 10596 10597 10598 10599 10600 10601 10602 10603 10604 10605 10606 10607 10608 10609 10610 10611 10612 10613 10614 10615 10616 10617 10618 10619 10620 10621 10622 10623 10624 10625 10626 10627 10628 10629 10630 10631 10632 10633 10634 10635 10636 10637 10638 10639 10640 10641 10642 10643 10644 10645 10646 10647 10648 10649 10650 10651 10652 10653 10654 10655<div class=""> 10656 <div class="keen-slider-container"> 10657 <div class="keen-slider__navigation-wrapper tw-relative"> 10658 <h2 id="product-gallery-title" class="tw-sr-only">Product gallery carousel</h2> 10659 <product-gallery 10660 id="product-gallery" 10661 class="tw-relative tw-max-h-[240px] tw-transition-opacity tw-duration-75 tw-ease-in md:tw-max-h-[568px] lg:tw-max-h-max-content lg:tw-gap-4 keen-slider lg:tw-opacity-100" 10662 data-type="multiple" 10663 role="region" 10664 aria-roledescription="carousel" 10665 aria-labelledby="product-gallery-title" 10666 > 10667 10668
10668<script type="application/json" data-product-gallery-fs-sources> 10669 10670[{"url":"https:\/\/cld.accentuate.io\/62865580589215\/1789689478972\/pomegranate-sparkle-6g-olipop_main-gallery-image_12-pack_new_asset.webp?v=1790818104610w_2048","type":"image","thumb":"https:\/\/cld.accentuate.io\/62865580589215\/1789689478972\/pomegranate-sparkle-6g-olipop_main-gallery-image_12-pack_new_asset.webp?v=1790818104610w_200"},{"url":"\/\/drinkolipop.com\/cdn\/shop\/files\/POM-Gallery1_new_asset.webp?v=1790168792\u0026width=2048","type":"image","thumb":"\/\/drinkolipop.com\/cdn\/shop\/files\/POM-Gallery1_new_asset.webp?v=1790168792\u0026width=200"},{"url":"\/\/drinkolipop.com\/cdn\/shop\/files\/Tile_3_new_asset.webp?v=1790168636\u0026width=2048","type":"image","thumb":"\/\/drinkolipop.com\/cdn\/shop\/files\/Tile_3_new_asset.webp?v=1790168636\u0026width=200"},{"url":"\/\/drinkolipop.com\/cdn\/shop\/files\/Tile_5_new_asset.webp?v=1790168650\u0026width=2048","type":"image","thumb":"\/\/drinkolipop.com\/cdn\/shop\/files\/Tile_5_new_asset.webp?v=1790168650\u0026width=200"},{"url":"\/\/drinkolipop.com\/cdn\/shop\/files\/Tile_2_new_asset.webp?v=1790168630\u0026width=2048","type":"image","thumb":"\/\/drinkolipop.com\/cdn\/shop\/files\/Tile_2_new_asset.webp?v=1790168630\u0026width=200"},{"url":"\/\/drinkolipop.com\/cdn\/shop\/files\/Tile_4_new_asset.webp?v=1790168642\u0026width=2048","type":"image","thumb":"\/\/drinkolipop.com\/cdn\/shop\/files\/Tile_4_new_asset.webp?v=1790168642\u0026width=200"}] 10671 10672 </script>
10672 10673 10674 10675 10676 10677 10678 10679 10680 10681<product-gallery-slide 10682 id="featured-block" 10683 class="tw-grid tw-min-h-[350px] md:tw-min-h-0 tw-w-full tw-min-w-full tw-pr-0 lg:tw-col-span-2 lg:tw-min-w-0 lg:tw-gap-x-2.5 lg:tw-pr-0" 10684 role="group" 10685 data-type="featured" 10686 10687 data-fs-source-index="0" 10688 10689> 10690 <!-- Desktop Featured Product Image --> 10691 <div 10692 class="product-gallery__featured-card transition-color-fade tw-relative tw-row-start-1 tw-min-h-[350px] tw-min-w-full tw-rounded-2xl lg:tw-mr-0 lg:tw-min-h-0 lg:tw-min-w-0 lg:tw-w-full lg:tw-max-w-full product-gallery__featured-card--with-storage-badge" 10693 style="background: var(--flavor-color-200);" 10694 id="product-featured-image-oli-product-gallery" 10695 ><div 10696 class="product-badge product-badge--short-text" 10697 role="status" 10698 aria-label="New" 10699 > 10700 <svg class="product-badge__shape" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 72 72" fill="none" aria-hidden="true"> 10701 <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"/> 10702 </svg> 10703 <span class="product-badge__text" style="color: #034638;">New</span> 10704 </div> 10705<div class="product-gallery__featured-media"> 10706<img 10707 src="https://cld.accentuate.io/62865580589215/1789689478972/pomegranate-sparkle-6g-olipop_main-gallery-image_12-pack_new_asset.webp?v=1790818104610w_1" 10708 data-srcset="https://cld.accentuate.io/62865580589215/1789689478972/pomegranate-sparkle-6g-olipop_main-gallery-image_12-pack_new_asset.webp?v=1790818104610w_480 240w, 10709 https://cld.accentuate.io/62865580589215/1789689478972/pomegranate-sparkle-6g-olipop_main-gallery-image_12-pack_new_asset.webp?v=1790818104610w_720 360w, 10710 https://cld.accentuate.io/62865580589215/1789689478972/pomegranate-sparkle-6g-olipop_main-gallery-image_12-pack_new_asset.webp?v=1790818104610w_1080 540w, 10711 https://cld.accentuate.io/62865580589215/1789689478972/pomegranate-sparkle-6g-olipop_main-gallery-image_12-pack_new_asset.webp?v=1790818104610w_1440 720w, 10712 https://cld.accentuate.io/62865580589215/1789689478972/pomegranate-sparkle-6g-olipop_main-gallery-image_12-pack_new_asset.webp?v=1790818104610w_1350 900w, 10713 https://cld.accentuate.io/62865580589215/1789689478972/pomegranate-sparkle-6g-olipop_main-gallery-image_12-pack_new_asset.webp?v=1790818104610w_1512 1080w, 10714 https://cld.accentuate.io/62865580589215/1789689478972/pomegranate-sparkle-6g-olipop_main-gallery-image_12-pack_new_asset.webp?v=1790818104610w_1728 1296w, 10715 https://cld.accentuate.io/62865580589215/1789689478972/pomegranate-sparkle-6g-olipop_main-gallery-image_12-pack_new_asset.webp?v=1790818104610w_1920 1350w, 10716 https://cld.accentuate.io/62865580589215/1789689478972/pomegranate-sparkle-6g-olipop_main-gallery-image_12-pack_new_asset.webp?v=1790818104610w_1980 1728w, 10717 https://cld.accentuate.io/62865580589215/1789689478972/pomegranate-sparkle-6g-olipop_main-gallery-image_12-pack_new_asset.webp?v=1790818104610w_2160 1920w, 10718 https://cld.accentuate.io/62865580589215/1789689478972/pomegranate-sparkle-6g-olipop_main-gallery-image_12-pack_new_asset.webp?v=1790818104610w_2880 2560w, 10719 https://cld.accentuate.io/62865580589215/1789689478972/pomegranate-sparkle-6g-olipop_main-gallery-image_12-pack_new_asset.webp?v=1790818104610w_4096 3072w 10720 " 10721 data-widths="[360, 540, 720, 900, 1080, 1296, 1512, 1728, 2640]" 10722 data-sizes="auto" 10723 data-optimumx="auto" 10724 class="lazyload cgi-img tw-object-contain" 10725 data-src="https://cld.accentuate.io/62865580589215/1789689478972/pomegranate-sparkle-6g-olipop_main-gallery-image_12-pack_new_asset.webp?v=1790818104610w_360" 10726 data-parent-fit="contain" 10727 width="100%" 10728 height="100%" 10729 data-aspectratio="1" 10730 alt="OLIPOP Pomegranate Sparkle can with condensation droplets featuring a Yeti holding a pomegranate." 10731> 10732 10733 </div><div class="product-gallery__storage-badge">
10734 <span class="product-gallery__storage-badge-text">Store anywhere. Chill to enjoy.</span></div></div> 10735</product-gallery-slide> 10736 10737 10738 10739 10740 10741 10742 10743 10744 10745 10746 10747 10748 10749 10750 10751 10752 10753 10754 10755<product-gallery-slide 10756 class="tw-min-w-full lg:tw-min-w-unset lg:tw-pr-0 lg:tw-col-span-1 " 10757 role="group" 10758 data-type="media" 10759 10760 data-fs-source-index="1" 10761 10762> 10763 10764 <div class="product-gallery__media-frame"> 10765 <img 10766 class="product-gallery__media-img lazyload transition__fade-in" 10767 src="//drinkolipop.com/cdn/shop/files/POM-Gallery1_new_asset.webp?v=1790168792&width=620" 10768 width="2000" 10769 loading="eager" 10770 height="2000" 10771 srcset="//drinkolipop.com/cdn/shop/files/POM-Gallery1_new_asset.webp?v=1790168792&width=620 620w,//drinkolipop.com/cdn/shop/files/POM-Gallery1_new_asset.webp?v=1790168792&width=768 768w,//drinkolipop.com/cdn/shop/files/POM-Gallery1_new_asset.webp?v=1790168792&width=1024 1024w,//drinkolipop.com/cdn/shop/files/POM-Gallery1_new_asset.webp?v=1790168792&width=1280 1280w,//drinkolipop.com/cdn/shop/files/POM-Gallery1_new_asset.webp?v=1790168792&width=1536 1536w," 10772 alt="A dark burgundy soda can labeled "Pomegranate Sparkle" features a cartoon character holding a pomegranate against a pink background." 10773 data-width="half" 10774 > 10775 </div> 10776 10777</product-gallery-slide> 10778 10779 10780 10781 10782 10783 10784 10785 10786 10787 10788 10789 10790 10791 10792 10793 10794 10795 10796 10797<product-gallery-slide 10798 class="tw-min-w-full lg:tw-min-w-unset lg:tw-pr-0 lg:tw-col-span-1 " 10799 role="group" 10800 data-type="media" 10801 10802 data-fs-source-index="2" 10803 10804> 10805 10806 <div class="product-gallery__media-frame"> 10807 <img 10808 class="product-gallery__media-img lazyload transition__fade-in" 10809 src="//drinkolipop.com/cdn/shop/files/Tile_3_new_asset.webp?v=1790168636&width=620" 10810 width="2000" 10811 loading="eager" 10812 height="2000" 10813 srcset="//drinkolipop.com/cdn/shop/files/Tile_3_new_asset.webp?v=1790168636&width=620 620w,//drinkolipop.com/cdn/shop/files/Tile_3_new_asset.webp?v=1790168636&width=768 768w,//drinkolipop.com/cdn/shop/files/Tile_3_new_asset.webp?v=1790168636&width=1024 1024w,//drinkolipop.com/cdn/shop/files/Tile_3_new_asset.webp?v=1790168636&width=1280 1280w,//drinkolipop.com/cdn/shop/files/Tile_3_new_asset.webp?v=1790168636&width=1536 1536w," 10814 alt="Pomegranate Sparkle soda can displaying six grams fiber, four grams sugar, and thirty-five calories per serving." 10815 data-width="half" 10816 > 10817 </div> 10818 10819</product-gallery-slide> 10820 10821 10822 10823 10824 10825 10826 10827 10828 10829 10830 10831 10832 10833 10834 10835 10836 10837 10838 10839<product-gallery-slide 10840 class="tw-min-w-full lg:tw-min-w-unset lg:tw-pr-0 lg:tw-col-span-1 " 10841 role="group" 10842 data-type="media" 10843 10844 data-fs-source-index="3" 10845 10846> 10847 10848 <div class="product-gallery__media-frame"> 10849 <img 10850 class="product-gallery__media-img lazyload transition__fade-in" 10851 src="//drinkolipop.com/cdn/shop/files/Tile_5_new_asset.webp?v=1790168650&width=620" 10852 width="2000" 10853 loading="eager" 10854 height="2000" 10855 srcset="//drinkolipop.com/cdn/shop/files/Tile_5_new_asset.webp?v=1790168650&width=620 620w,//drinkolipop.com/cdn/shop/files/Tile_5_new_asset.webp?v=1790168650&width=768 768w,//drinkolipop.com/cdn/shop/files/Tile_5_new_asset.webp?v=1790168650&width=1024 1024w,//drinkolipop.com/cdn/shop/files/Tile_5_new_asset.webp?v=1790168650&width=1280 1280w,//drinkolipop.com/cdn/shop/files/Tile_5_new_asset.webp?v=1790168650&width=1536 1536w," 10856 alt="Infographic listing prebiotic fiber sources and botanical ingredients including cassava, acacia, guar fiber, marshmallow root, calendula, kudzu, and nopal cactus." 10857 data-width="half" 10858 > 10859 </div> 10860 10861</product-gallery-slide> 10862 10863 10864 10865 10866 10867 10868 10869 10870 10871 10872 10873 10874 10875 10876 10877 10878 10879 10880 10881<product-gallery-slide 10882 class="tw-min-w-full lg:tw-min-w-unset lg:tw-pr-0 lg:tw-col-span-1 " 10883 role="group" 10884 data-type="media" 10885 10886 data-fs-source-index="4" 10887 10888> 10889 10890 <div class="product-gallery__media-frame"> 10891 <img 10892 class="product-gallery__media-img lazyload transition__fade-in" 10893 src="//drinkolipop.com/cdn/shop/files/Tile_2_new_asset.webp?v=1790168630&width=620" 10894 width="2000" 10895 loading="eager" 10896 height="2000" 10897 srcset="//drinkolipop.com/cdn/shop/files/Tile_2_new_asset.webp?v=1790168630&width=620 620w,//drinkolipop.com/cdn/shop/files/Tile_2_new_asset.webp?v=1790168630&width=768 768w,//drinkolipop.com/cdn/shop/files/Tile_2_new_asset.webp?v=1790168630&width=1024 1024
10897w,//drinkolipop.com/cdn/shop/files/Tile_2_new_asset.webp?v=1790168630&width=1280 1280w,//drinkolipop.com/cdn/shop/files/Tile_2_new_asset.webp?v=1790168630&width=1536 1536w," 10898 alt="A purple aluminum can labeled "OLLIPOP pomegranate sparkle" features a cartoon character holding a pomegranate against a pink background." 10899 data-width="half" 10900 > 10901 </div> 10902 10903</product-gallery-slide> 10904 10905 10906 10907 10908 10909 10910 10911 10912 10913 10914 10915 10916 10917 10918 10919 10920 10921 10922 10923<product-gallery-slide 10924 class="tw-min-w-full lg:tw-min-w-unset lg:tw-pr-0 lg:tw-col-span-1 lg:tw-hidden" 10925 role="group" 10926 data-type="media" 10927 10928 data-fs-source-index="5" 10929 10930> 10931 10932 <div class="product-gallery__media-frame"> 10933 <img 10934 class="product-gallery__media-img lazyload transition__fade-in" 10935 src="//drinkolipop.com/cdn/shop/files/Tile_4_new_asset.webp?v=1790168642&width=620" 10936 width="2000" 10937 loading="eager" 10938 height="2000" 10939 srcset="//drinkolipop.com/cdn/shop/files/Tile_4_new_asset.webp?v=1790168642&width=620 620w,//drinkolipop.com/cdn/shop/files/Tile_4_new_asset.webp?v=1790168642&width=768 768w,//drinkolipop.com/cdn/shop/files/Tile_4_new_asset.webp?v=1790168642&width=1024 1024w,//drinkolipop.com/cdn/shop/files/Tile_4_new_asset.webp?v=1790168642&width=1280 1280w,//drinkolipop.com/cdn/shop/files/Tile_4_new_asset.webp?v=1790168642&width=1536 1536w," 10940 alt="Pomegranate Sparkle beverage label showing nutrition facts, ingredients, and vegan certification on pink background." 10941 data-width="half" 10942 > 10943 </div> 10944 10945</product-gallery-slide> 10946 10947 10948 10949 10950 10951 </product-gallery> 10952 10953 <button 10954 type="button" 10955 class="product-gallery__view-all tw-hidden lg:tw-block" 10956 data-product-gallery-view-all 10957 hidden 10958 > 10959 View all 10960 </button> 10961 10962 <div class="lg:tw-hidden"> 10963 <div class="product-gallery__mobile-footer"> 10964 <div 10965 class="product-gallery__mobile-pagination tw-hidden tw-items-center data-[active=true]:tw-flex" 10966 data-dots 10967 data-active="false" 10968 > 10969 <button class="tw-border-none tw-bg-transparent tw-px-1" aria-label="Navigate to slide 1" data-dot-button> 10970 <div 10971 class="product-gallery__mobile-dot tw-h-3 tw-w-3 tw-rounded-full" 10972 data-dot 10973 ></div> 10974 </button> 10975 </div> 10976 10977 </div> 10978 </div> 10979 </div> 10980 </div> 10981</div> 10982 10983 10984</div> 10985 10986 10987 10988 </div> 10989 </div> 10990 <div class="product-page-grid__buybox tw-h-fit-content tw-min-w-0 tw-w-full tw-overflow-x-clip tw-overflow-y-visible lg:tw-overflow-visible tw-px-5 md:tw-pl-10 xl:tw-pl-[42px] md:tw-pr-10 xl:tw-pr-0"> 10991 <div id="shopify-section-oli-product-form" class="shopify-section"> 10992 10993<form method="post" action="/cart/add" id="oli-product-form" accept-charset="UTF-8" class="pdp-buybox-form pdp-buybox-form--title-align tw-pt-8 md:tw-pt-0 lg:tw-pt-0" enctype="multipart/form-data" data-component="productForm" onsubmit="return false;"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /> 10994 <div class="tw-hidden md:tw-block"> 10995 <style> 10996 #oli-product-intro { 10997 color: #034638; 10998 } 10999 11000 #oli-product-intro .pdp-intro__header { 11001 display: flex; 11002 flex-direction: column; 11003 align-items: center; 11004 text-align: center; 11005 } 11006 11007 #oli-product-intro .pdp-intro__eyebrow { 11008 margin: 0 0 4px; 11009 color: #034638; 11010 font-size: 16px; 11011 font-weight: 700; 11012 line-height: 1.4; 11013 text-decoration: underline; 11014 text-decoration-thickness: 10%; 11015 text-underline-offset: 2px; 11016 } 11017 11018 /* Fiber line above title — Ano / 600 / 16 / 140% */ 11019 #oli-product-intro .pdp-intro__fiber-subtitle { 11020 margin: 0 0 4px; 11021 padding: 0; 11022 color: #034638; 11023 font-family: Ano, 'Helvetica Neue', Helvetica, Arial, sans-serif; 11024 font-size: 16px; 11025 font-weight: 600; 11026 font-style: normal; 11027 line-height: 1.4; 11028 text-align: center; 11029 text-decoration: underline; 11030 text-decoration-thickness: 10%; 11031 text-underline-offset: 2px; 11032 } 11033 11034 #oli-product-intro a.pdp-intro__fiber-subtitle { 11035 cursor: pointer; 11036 } 11037 11038 #oli-product-intro a.pdp-intro__fiber-subtitle:hover, 11039 #oli-product-intro a.pdp-intro__fiber-subtitle:focus-visible { 11040 color: #14433d; 11041 } 11042 11043 #oli-product-intro .pdp-intro__badges { 11044 display: flex; 11045 flex-wrap: wrap; 11046 align-items: center; 11047 justify-content: center; 11048 gap: 8px; 11049 margin: 0 0 4px; 11050 } 11051 11052 #oli-product-intro .pdp-intro__badge { 11053 border-radius: 9999px; 11054 background: #fff; 11055 padding: 4px 8px; 11056 color: #034638; 11057 font-size: 12px; 11058 font-weight: 700; 11059 line-height: 1.4; 11060 } 11061 11062 #oli-product-intro .pdp-intro__title { 11063 margin: 0; 11064 color: #034638; 11065 font-family: WindsorEF, sans-serif; 11066 font-size: 40px; 11067 font-weight: 900; 11068 line-height: 1.1; 11069 text-align: center; 11070 } 11071 11072 #oli-product-intro .pdp-intro__description { 11073 margin: 4px 0 0; 11074 color: #034638; 11075 font-size: 16px; 11076 font-weight: 400; 11077 line-height: 1.8; 11078 text-align: center; 11079 } 11080 11081 #oli-product-intro .pdp-intro__description a { 11082 color: #14433d; 11083 text-decoration: underline; 11084 } 11085
11086 #oli-product-intro .pdp-intro__short-row--variety-pack { 11087 margin: 4px 0 0; 11088 color: #034638; 11089 font-size: 16px; 11090 font-weight: 400; 11091 line-height: 1.8; 11092 text-align: center; 11093 } 11094 11095 #oli-product-intro .pdp-intro__short-row--variety-pack .pdp-intro__pack-size { 11096 font-weight: 400; 11097 white-space: nowrap; 11098 } 11099 11100 #oli-product-intro .pdp-intro__short-row--variety-pack .pdp-intro__pack-sep { 11101 margin: 0 0.35em; 11102 color: var(--flavor-color-200, #ffdbd9); 11103 font-weight: 400; 11104 } 11105 11106 #oli-product-intro .pdp-intro__short-row--variety-pack .pdp-intro__short-rte { 11107 display: inline; 11108 vertical-align: baseline; 11109 text-align: center; 11110 } 11111 11112 #oli-product-intro .pdp-intro__short-row--variety-pack .pdp-intro__short-rte > * { 11113 display: inline; 11114 margin: 0; 11115 padding: 0; 11116 } 11117 11118 #oli-product-intro .pdp-intro__short-row--variety-pack .pdp-intro__description--variety-inline { 11119 display: inline; 11120 margin: 0; 11121 padding: 0; 11122 } 11123 11124 #oli-product-intro .pdp-intro__rating { 11125 display: flex; 11126 align-items: center; 11127 justify-content: center; 11128 gap: 8px; 11129 margin-top: 8px; 11130 min-height: 16px; 11131 width: 100%; 11132 } 11133 11134 #oli-product-intro .bazaarvoice-product-summary[data-bv-show="rating_summary"] button.bv_main_container_row_flex { 11135 background-color: transparent !important; 11136 } 11137 11138 #oli-product-intro .pdp-intro__rating { 11139 margin-top: 0 !important; 11140 } 11141 11142 #oli-product-intro .bazaarvoice-product-summary[data-bv-show="rating_summary"] button.bv_main_container_row_flex [itemprop="ratingValue"], 11143 #oli-product-intro .bazaarvoice-product-summary[data-bv-show="rating_summary"] .bv_main_container .bv_avgRating_component_container { 11144 display: none !important; 11145 } 11146 11147 #oli-product-intro .bazaarvoice-product-summary[data-bv-show="rating_summary"] .bv_main_container .bv_numReviews_text { 11148 font-size: 12px !important; 11149 } 11150 11151 #oli-product-intro .bazaarvoice-product-summary[data-bv-show="rating_summary"] .bv_main_container .bv_stars_component_container svg { 11152 width: 11px !important; 11153 height: 11px !important; 11154 } 11155 11156 @media (max-width: 1158px) { 11157 #oli-product-intro .pdp-intro__title { 11158 font-size: 38px; 11159 } 11160 } 11161 11162 @media (min-width: 1280px) and (max-width: 1308px) { 11163 #oli-product-intro .pdp-intro__title { 11164 font-size: 38px; 11165 white-space: nowrap; 11166 } 11167 } 11168 11169 @media (max-width: 1023px) { 11170 #oli-product-intro .pdp-intro__title { 11171 font-size: 32px; 11172 } 11173 11174 #oli-product-intro .pdp-intro__rating { 11175 margin-bottom: 14px; 11176 } 11177 11178 #oli-product-intro .pdp-intro__description.rte-intro { 11179 font-size: 16px; 11180 } 11181 } 11182 11183 @media (max-width: 769px) { 11184 #oli-product-intro { 11185 margin-bottom: 8px; 11186 } 11187 11188 #oli-product-intro .pdp-intro__eyebrow { 11189 margin-bottom: 2px; 11190 } 11191 11192 #oli-product-intro .pdp-intro__description { 11193 line-height: 1.6; 11194 } 11195 11196 #oli-product-intro .pdp-intro__short-row--variety-pack { 11197 line-height: 1.6; 11198 } 11199 } 11200</style> 11201 11202<div id="oli-product-intro" class="tw-mb-2 md:tw-mb-5"> 11203 <div class="pdp-intro__header"><a 11204 href="/collections/shop-6g-fiber" 11205 class="pdp-intro__fiber-subtitle" 11206 >6g Fiber</a><h1 class="pdp-intro__title">Pomegranate Sparkle</h1><div class="metafield-rich_text_field"><p class="rte-intro pdp-intro__description !tw-pb-0">Unmistakably celebratory.​</p></div></div> 11207</div> 11208
11209<script> 11210 (() => { 11211 if (window.oliBvWriteReviewLinkInitialized) return; 11212 window.oliBvWriteReviewLinkInitialized = true; 11213 11214 const openBazaarvoiceReviewModal = (productId) => { 11215 const nativeTrigger = document.querySelector('.bazaarvoice-product-reviews #BVRRContainer .bv-write-review'); 11216 if (nativeTrigger) { 11217 nativeTrigger.click(); 11218 return true; 11219 } 11220 11221 if (window.$BV && typeof window.$BV.ui === 'function') { 11222 try { 11223 window.$BV.ui('rr', 'submit_review', { productId }); 11224 return true; 11225 } catch (error) { 11226 window.$BV.ui('submit_review', { productId }); 11227 return true; 11228 } 11229 } 11230 11231 return false; 11232 }; 11233 11234 document.addEventListener('click', (event) => { 11235 const trigger = event.target.closest('[data-bv-write-review-trigger]'); 11236 if (!trigger) return; 11237 11238 event.preventDefault(); 11239 const productId = trigger.getAttribute('data-product-id'); 11240 if (!productId) return; 11241 11242 if (!openBazaarvoiceReviewModal(productId)) { 11243 setTimeout(() => openBazaarvoiceReviewModal(productId), 500); 11244 } 11245 }); 11246 })(); 11247</script>
11247 11248 11249 </div> 11250 11251 <div data-component="tabs" class="tw-w-full tw-relative"> 11252 <style> 11253 #shopify-section-oli-product-form .product-flavor-dropdown { 11254 display: block !important; 11255 width: 100%; 11256 max-width: 100%; 11257 box-sizing: border-box; 11258 background: #fff; 11259 border: 1.5px solid #14433d; 11260 border-radius: 48px; 11261 overflow: hidden; 11262 margin-bottom: 0.5rem; 11263 position: relative; 11264 z-index: 10; 11265 box-shadow: none; 11266 transition: box-shadow 0.2s ease; 11267 } 11268 #shopify-section-oli-product-form .product-flavor-dropdown:not([open]):hover { 11269 box-shadow: 4px 4px 0 0 var(--flavor-color-200, #ffdbd9); 11270 } 11271 @media (min-width: 1024px) { 11272 #shopify-section-oli-product-form .product-flavor-dropdown { 11273 z-index: auto; 11274 } 11275 } 11276 #shopify-section-oli-product-form .product-flavor-dropdown[open] { 11277 border-radius: 26px; 11278 } 11279 #shopify-section-oli-product-form .product-flavor-dropdown[open] > summary.product-flavor-dropdown__trigger { 11280 position: absolute; 11281 top: 16px; 11282 right: 14.5px; 11283 z-index: 3; 11284 width: 11px; 11285 min-height: 6px; 11286 padding: 0; 11287 margin: 0; 11288 justify-content: center; 11289 align-items: center; 11290 gap: 0; 11291 } 11292 #shopify-section-oli-product-form .product-flavor-dropdown[open] .product-flavor-dropdown__summary-main { 11293 display: none; 11294 } 11295 #shopify-section-oli-product-form .product-flavor-dropdown > summary.product-flavor-dropdown__trigger { 11296 display: flex !important; 11297 align-items: center; 11298 gap: 8px; 11299 min-height: 48px; 11300 width: 100%; 11301 padding: 0 16px 0 7px; 11302 margin: 0; 11303 cursor: pointer; 11304 list-style: none; 11305 color: #14433d; 11306 background: transparent; 11307 border: none; 11308 font-family: inherit; 11309 font-size: 14px; 11310 font-weight: 700; 11311 } 11312 #shopify-section-oli-product-form .product-flavor-dropdown > summary::-webkit-details-marker { 11313 display: none; 11314 } 11315 #shopify-section-oli-product-form .product-flavor-dropdown__summary-main { 11316 pointer-events: none; 11317 min-width: 0; 11318 display: flex; 11319 align-items: center; 11320 gap: 8px; 11321 } 11322 #shopify-section-oli-product-form .product-flavor-dropdown__label { 11323 flex: 1; 11324 min-width: 0; 11325 overflow: hidden; 11326 text-overflow: ellipsis; 11327 white-space: nowrap; 11328 line-height: 16px; 11329 } 11330 #shopify-section-oli-product-form .product-flavor-dropdown__thumb { 11331 width: 32px; 11332 height: 32px; 11333 flex-shrink: 0; 11334 display: flex; 11335 align-items: center; 11336 justify-content: center; 11337 border-radius: 9999px; 11338 overflow: hidden; 11339 } 11340 #shopify-section-oli-product-form .product-flavor-dropdown__thumb img { 11341 width: 32px; 11342 height: 32px; 11343 object-fit: contain; 11344 object-position: bottom; 11345 } 11346 #shopify-section-oli-product-form .product-flavor-dropdown--variety-pack .product-flavor-dropdown__thumb { 11347 width: 140px; 11348 height: 32px; 11349 border-radius: 6px; 11350 background: transparent; 11351 } 11352 #shopify-section-oli-product-form .product-flavor-dropdown--variety-pack .product-flavor-dropdown__thumb img { 11353 width: 100%; 11354 height: 100%; 11355 object-fit: contain; 11356 object-position: center center; 11357 } 11358 #shopify-section-oli-product-form .product-flavor-dropdown--variety-pack .product-flavor-dropdown__summary-main, 11359 #shopify-section-oli-product-form .product-flavor-dropdown--variety-pack .product-flavor-dropdown__row { 11360 column-gap: 8px; 11361 row-gap: 8px; 11362 gap: 8px; 11363 } 11364 #shopify-section-oli-product-form .product-flavor-dropdown--variety-pack .product-flavor-dropdown__label-inner, 11365 #shopify-section-oli-product-form .product-flavor-dropdown--variety-pack .product-flavor-dropdown__row-label-inner { 11366 display: inline-flex; 11367 flex-wrap: nowrap; 11368 align-items: center; 11369 column-gap: 8px; 11370 row-gap: 8px; 11371 gap: 8px; 11372 min-width: 0; 11373 } 11374 #shopify-section-oli-product-form .product-flavor-dropdown--variety-pack .product-flavor-dropdown__label-inner { 11375 overflow: hidden; 11376 } 11377 #shopify-section-oli-product-form .product-flavor-dropdown--variety-pack .product-flavor-dropdown__row-label { 11378 overflow: hidden; 11379 } 11380 #shopify-section-oli-product-form .product-flavor-dropdown--variety-pack .product-flavor-dropdown__label-word,
11381 #shopify-section-oli-product-form .product-flavor-dropdown--variety-pack .product-flavor-dropdown__row-word { 11382 flex: 0 0 auto; 11383 white-space: nowrap; 11384 } 11385 #shopify-section-oli-product-form .product-flavor-dropdown--variety-pack .product-flavor-dropdown__row-badge { 11386 left: 156px; 11387 } 11388 #shopify-section-oli-product-form .product-flavor-dropdown__chevron { 11389 display: flex; 11390 align-items: center; 11391 justify-content: center; 11392 width: 11px; 11393 height: 6px; 11394 color: #14433d; 11395 flex-shrink: 0; 11396 transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1); 11397 position: absolute; 11398 right: 16px; 11399 } 11400 #shopify-section-oli-product-form .product-flavor-dropdown__chevron svg { 11401 width: 11px; 11402 height: 6px; 11403 } 11404 #shopify-section-oli-product-form .product-flavor-dropdown[open] > summary .product-flavor-dropdown__chevron { 11405 transform: rotate(180deg); 11406 top: 3px; 11407 right: 5px; 11408 } 11409 #shopify-section-oli-product-form .product-flavor-dropdown .product-flavor-dropdown__row { 11410 display: flex; 11411 align-items: center; 11412 gap: 8px; 11413 min-height: 48px; 11414 width: 100%; 11415 box-sizing: border-box; 11416 padding: 0 0 0 7px; 11417 margin: 0; 11418 text-decoration: none; 11419 color: #14433d; 11420 font-size: 14px; 11421 font-weight: 700; 11422 background: #fff; 11423 border: none; 11424 cursor: pointer; 11425 text-align: left; 11426 font-family: inherit; 11427 } 11428 #shopify-section-oli-product-form .product-flavor-dropdown .product-flavor-dropdown__row:hover { 11429 background: #fffbF5; 11430 } 11431 #shopify-section-oli-product-form .product-flavor-dropdown .product-flavor-dropdown__row--current { 11432 background: #fffbF5; 11433 } 11434 #shopify-section-oli-product-form .product-flavor-dropdown .product-form__flavor-swatch { 11435 position: relative; 11436 width: 100%; 11437 margin: 0; 11438 } 11439 #shopify-section-oli-product-form .product-flavor-dropdown .product-flavor-dropdown__row-label { 11440 min-width: 0; 11441 overflow: hidden; 11442 text-overflow: ellipsis; 11443 white-space: nowrap; 11444 } 11445 #shopify-section-oli-product-form .product-flavor-dropdown .product-flavor-dropdown__row-badge { 11446 position: absolute; 11447 left: 150px; 11448 top: 50%; 11449 transform: translateY(-50%); 11450 margin-top: 1.5px; 11451 z-index: 1; 11452 pointer-events: none; 11453 font-size: 10px; 11454 font-weight: 700; 11455 color: rgba(20, 67, 61, 0.65); 11456 } 11457 #shopify-section-oli-product-form .product-flavor-dropdown .product-flavor-dropdown__row-badge--soft { 11458 padding: 1px 10px; 11459 height: 20px; 11460 border-radius: 24px; 11461 background-color: #98E1C3; 11462 color: #14433d; 11463 position: relative !important; 11464 top: auto !important; 11465 right: unset !important; 11466 left: unset !important; 11467 transform: none; 11468 margin-top: 0; 11469 font-size: 12px; 11470 } 11471 #shopify-section-oli-product-form .product-flavor-dropdown[open] .product-flavor-dropdown__collapse .product-flavor-dropdown__row--current .product-flavor-dropdown__row-badge--soft, 11472 #shopify-section-oli-product-form .product-flavor-dropdown__scroll-shell .product-flavor-dropdown__row-badge--soft { 11473 padding: 1px 10px !important; 11474 } 11475 11476 #shopify-section-oli-product-form .product-flavor-dropdown__selected .product-flavor-dropdown__row--current .product-flavor-dropdown__row-badge--soft, 11477 #shopify-section-oli-product-form .product-flavor-dropdown__scroll .product-flavor-dropdown__row-badge--soft, 11478 #shopify-section-oli-product-form .product-flavor-dropdown__collapse .product-flavor-dropdown__row-badge--soft, 11479 #shopify-section-oli-product-form .product-flavor-dropdown[open] .product-flavor-dropdown__collapse .product-flavor-dropdown__row-badge--soft, 11480 #shopify-section-oli-product-form .product-flavor-dropdown > summary.product-flavor-dropdown__trigger .product-flavor-dropdown__row-badge--soft { 11481 padding: 4px 10px !important; 11482 } 11483 #shopify-section-oli-product-form .product-flavor-dropdown__collapse { 11484 height: 0; 11485 overflow: hidden; 11486 transition: height 0.45s cubic-bezier(0.4, 0, 0.2, 1); 11487 } 11488 #shopify-section-oli-product-form .product-flavor-dropdown[open] .product-flavor-dropdown__collapse { 11489 height: 48px; 11490 } 11491 #shopify-section-oli-product-form .product-flavor-dropdown:not([open]) .product-flavor-dropdown__collapse { 11492 pointer-events: none; 11493 } 11494 #shopify-section-oli-product-form .product-flavor-dropdown__collapse-inner { 11495 min-height: 0; 11496 height: 240px; 11497 overflow: hidden; 11498 } 11499 #shopify-section-oli-product-form .product-flavor-dropdown__scroll-shell { 11500 position: relative; 11501 min-height: 0; 11502 } 11503 #shopify-section-oli-product-form .product-flavor-dropdown__selected { 11504 position: absolute; 11505 top: 0; 11506 left: 0; 11507 right: 0; 11508 z-index: 2; 11509 background: #fff; 11510 pointer-events: auto; 11511 } 11512 #shopify-section-oli-product-form .product-flavor-dropdown__selected::after { 11513 content: ''; 11514 position: absolute; 11515 left: 8px; 11516 right: 16px; 11517 bottom: 0; 11518 height: 1px; 11519 background: #fff6ea; 11520 pointer-events: none; 11521 } 11522 #shopify-section-oli-product-form .product-flavor-dropdown__selected .product-form__flavor-swatch { 11523 margin: 0; 11524 } 11525 #shopify-section-oli-product-form .product-form__flavor-swatch > .product-flavor-dropdown__row-badge--soft { 11526 display: none; 11527 } 11528 #shopify-section-oli-product-form .product-flavor-dropdown__selected .product-flavor-dropdown__row--current, 11529 #shopify-section-oli-product-form .product-flavor-dropdown__selected .product-flavor-dropdown__row--current:hover { 11530 background: transparent; 11531 } 11532 #shopify-section-oli-product-form .product-flavor-dropdown__scroll { 11533 position: relative; 11534 z-index: 1; 11535 box-sizing: border-box; 11536 max-height: 240px; 11537 padding-top: 48px; 11538 overflow-x: hidden; 11539 overflow-y: auto; 11540 -ms-overflow-style: none; 11541 scrollbar-width: none; 11542 } 11543 #shopify-section-oli-product-form .product-flavor-dropdown__scroll::-webkit-scrollbar {
11544 width: 0; 11545 height: 0; 11546 } 11547 #shopify-section-oli-product-form .product-flavor-dropdown__scrollbar { 11548 position: absolute; 11549 right: 20.5px; 11550 bottom: 14.5px; 11551 z-index: 3; 11552 width: 4px; 11553 height: 160px; 11554 pointer-events: none; 11555 opacity: 0; 11556 transition: opacity 0.2s ease; 11557 } 11558 #shopify-section-oli-product-form .product-flavor-dropdown__scrollbar[data-visible='true'] { 11559 opacity: 1; 11560 } 11561 #shopify-section-oli-product-form .product-flavor-dropdown__scrollbar-fill, 11562 #shopify-section-oli-product-form .product-flavor-dropdown__scrollbar-thumb { 11563 position: absolute; 11564 left: 0; 11565 width: 100%; 11566 border-radius: 9999px; 11567 } 11568 #shopify-section-oli-product-form .product-flavor-dropdown__scrollbar-fill { 11569 background: #fff6ea; 11570 } 11571 #shopify-section-oli-product-form .product-flavor-dropdown__scrollbar-fill--top { 11572 top: 0; 11573 } 11574 #shopify-section-oli-product-form .product-flavor-dropdown__scrollbar-thumb { 11575 background-color: #034638; 11576 } 11577 11578 #shopify-section-oli-product-form #product-form-retailers.product-form-retailers .product-form-retailers__pill.accordion-item:hover, #shopify-section-oli-product-form #product-form-retailers.product-form-retailers a.product-form-retailers__pill.product-form-retailers__link:hover { 11579 background-color: #034638 !important; 11580 } 11581 11582 #shopify-section-oli-product-form #product-form-retailers.product-form-retailers .product-form-retailers__pill.accordion-item:hover .product-form-retailers__label, #shopify-section-oli-product-form #product-form-retailers.product-form-retailers a.product-form-retailers__pill.product-form-retailers__link:hover .product-form-retailers__label { 11583 color: #ffffff !important; 11584 } 11585 11586 #shopify-section-oli-product-form #product-form-retailers.product-form-retailers .product-form-retailers__pill.accordion-item:hover .product-form-retailers__logo img, #shopify-section-oli-product-form #product-form-retailers.product-form-retailers a.product-form-retailers__pill.product-form-retailers__link:hover .product-form-retailers__logo img { 11587 filter: brightness(0) invert(1) !important; 11588 } 11589 11590 #shopify-section-oli-product-form #product-form-retailers.product-form-retailers .product-form-retailers__pill.accordion-item:hover .product-form-retailers__chevron path, #shopify-section-oli-product-form #product-form-retailers.product-form-retailers a.product-form-retailers__pill.product-form-retailers__link:hover .product-form-retailers__chevron path { 11591 stroke: #ffffff !important; 11592 } 11593 </style><div class="tw-mb-2 tw-flex tw-flex-wrap tw-items-baseline tw-gap-x-1 tw-text-base tw-leading-snug tw-text-hunter-green md:tw-mb-3"> 11594 <span class="tw-font-body tw-font-bold">Flavor:</span> 11595 <span class="tw-font-body tw-font-normal">Pomegranate Sparkle</span> 11596 </div> 11597 11598 11599 11600<details 11601 id="product-form-641654653087" 11602 class="product-flavor-dropdown product-flavor-slider " 11603 data-color-overlay="#ff9ec8" 11604 data-color-light="#ff9ec8" 11605 data-color-medium="#ffd2e3" 11606 data-color-dark="#ffd2e3" 11607 11608 data-color-selector="#ffd2e3" 11609 11610><summary class="product-flavor-dropdown__trigger"> 11611 <span class="product-flavor-dropdown__summary-main"> 11612 <span 11613 class="product-flavor-dropdown__thumb" 11614 11615 11616 style="background-color: #ffd2e3" 11617 11618 11619 > 11620 <img 11621 11622 src="//drinkolipop.com/cdn/shop/files/POM_Icon_3fdcac74-4247-46b5-88ab-44bee279c8b1.svg?crop=center&height=128&v=1789574703&width=128" 11623 width="32" 11624 height="32" 11625 11626 alt="" 11627 loading="eager" 11628 > 11629 </span> 11630 <span class="product-flavor-dropdown__label"> 11631 11632Pomegranate Sparkle 11633 </span> 11634 11635 <span class="product-flavor-dropdown__row-badge product-flavor-dropdown__row-badge--soft">New</span> 11636 11637 </span> 11638 <span class="product-flavor-dropdown__chevron" aria-hidden="true"> 11639 <svg xmlns="http://www.w3.org/2000/svg" width="11" height="6" viewBox="0 0 11 6" fill="none" aria-hidden="true"> 11640 <path d="M1.25 1.5L5.5 5L9.75 1.5" stroke="currentColor" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round"/> 11641 </svg> 11642 </span> 11643 </summary> 11644 <div class="product-flavor-dropdown__collapse"> 11645 <div class="product-flavor-dropdown__collapse-inner"> 11646 <div class="product-flavor-dropdown__scroll-shell"> 11647 <div class="product-flavor-dropdown__selected"> 11648 11649<div class="product-form__flavor-swatch"> 11650 11651 <button 11652 type="button" 11653 class="product-flavor-dropdown__row product-flavor-dropdown__row--current" 11654 data-flavor-dropdown-close 11655 aria-label="Close flavor menu" 11656 >
11657 <span 11658 class="product-flavor-dropdown__thumb" 11659 11660 style="background-color: #ffd2e3" 11661 11662 > 11663 <img 11664 11665 src="//drinkolipop.com/cdn/shop/files/POM_Icon_3fdcac74-4247-46b5-88ab-44bee279c8b1.svg?crop=center&height=128&v=1789574703&width=128" 11666 width="32" 11667 height="32" 11668 11669 alt="" 11670 loading="lazy" 11671 > 11672 </span> 11673 <span class="product-flavor-dropdown__row-label"> 11674 11675 11676 Pomegranate 11677 11678 Sparkle 11679 11680 11681 </span> 11682 11683 <span class="product-flavor-dropdown__row-badge product-flavor-dropdown__row-badge--soft">New</span> 11684 11685 </button> 11686 11687 11688 <span class="product-flavor-dropdown__row-badge product-flavor-dropdown__row-badge--soft">New</span> 11689 11690 </a> 11691 </div> 11692 11693 11694 </div> 11695 <div class="product-flavor-dropdown__scroll" data-flavor-scroll> 11696<div class="product-form__flavor-swatch"> 11697 11698 <button 11699 type="button" 11700 class="product-flavor-dropdown__row product-flavor-dropdown__row--current" 11701 data-flavor-dropdown-close 11702 aria-label="Close flavor menu" 11703 > 11704 <span 11705 class="product-flavor-dropdown__thumb" 11706 11707 style="background-color: #ffd2e3" 11708 11709 > 11710 <img 11711 11712 src="//drinkolipop.com/cdn/shop/files/POM_Icon_3fdcac74-4247-46b5-88ab-44bee279c8b1.svg?crop=center&height=128&v=1789574703&width=128" 11713 width="32" 11714 height="32" 11715 11716 alt="" 11717 loading="lazy" 11718 > 11719 </span> 11720 <span class="product-flavor-dropdown__row-label"> 11721 11722 11723 Pomegranate 11724 11725 Sparkle 11726 11727 11728 </span> 11729 11730 <span class="product-flavor-dropdown__row-badge product-flavor-dropdown__row-badge--soft">New</span> 11731 11732 </button> 11733 11734 11735 <span class="product-flavor-dropdown__row-badge product-flavor-dropdown__row-badge--soft">New</span> 11736 11737 </a> 11738 </div> 11739 11740 11741 11742<div class="product-form__flavor-swatch"> 11743 11744 <a 11745 href="/products/raspberry-sherbet" 11746 data-transition-type="wave-under" 11747 data-color-overlay="#ffecf2" 11748 data-color-light="#ffecf2" 11749 data-color-medium="#ffd0df" 11750 data-color-dark="#f5f6b1" 11751 11752 data-color-selector="#ffd0df" 11753 11754 data-handle="raspberry-sherbet" 11755 data-title="Raspberry Sherbet" 11756 data-product-id="10893253410975" 11757 data-can-quantity=" " 11758 data-original-one-time-price="" 11759 data-one-time-price="3599" 11760 data-original-selling-plan-price="3599" 11761 data-selling-plan-price="3059" 11762 data-product-available="true" 11763 data-variant-id="62827150147743" 11764 data-sku="" 11765 class="product-flavor-dropdown__row" 11766 > 11767 <span class="visually-hidden">go to Raspberry Sherbet page</span> 11768 <span 11769 class="product-flavor-dropdown__thumb" 11770 11771 style="background-color: #ffd0df" 11772 11773 > 11774 <img 11775 11776 src="//drinkolipop.com/cdn/shop/files/Icon_Raspberry_Vanilla.svg?crop=center&height=128&v=1778258197&width=128" 11777 width="32" 11778 height="32" 11779 11780 alt="" 11781 loading="lazy" 11782 > 11783 </span> 11784 <span class="product-flavor-dropdown__row-label"> 11785 11786 11787 Raspberry 11788 11789 Sherbet 11790 11791 11792 </span> 11793 11794 11795 </a> 11796 </div> 11797 11798 11799 11800<div class="product-form__flavor-swatch"> 11801 11802 <a 11803 href="/products/shirley-temple" 11804 data-transition-type="wave-under" 11805 data-color-overlay="#f5d6ed" 11806 data-color-light="#f5d6ed" 11807 data-color-medium="#efbae1" 11808 data-color-dark="#efbae1" 11809 11810 data-color-selector="#efbae1" 11811 11812 data-handle="shirley-temple" 11813 data-title="Shirley Temple" 11814 data-product-id="10874974044319" 11815 data-can-quantity=" " 11816 data-original-one-time-price="" 11817 data-one-time-price="3599" 11818 data-original-selling-plan-price="3599" 11819 data-selling-plan-price="3059" 11820 data-product-available="true" 11821 data-variant-id="62579037503647" 11822 data-sku="" 11823 class="product-flavor-dropdown__row" 11824 >
11825 <span class="visually-hidden">go to Shirley Temple page</span> 11826 <span 11827 class="product-flavor-dropdown__thumb" 11828 11829 style="background-color: #efbae1" 11830 11831 > 11832 <img 11833 11834 src="//drinkolipop.com/cdn/shop/files/Icon_Shirley_Temple.svg?crop=center&height=128&v=1776371834&width=128" 11835 width="32" 11836 height="32" 11837 11838 alt="" 11839 loading="lazy" 11840 > 11841 </span> 11842 <span class="product-flavor-dropdown__row-label"> 11843 11844 11845 Shirley 11846 11847 Temple 11848 11849 11850 </span> 11851 11852 11853 </a> 11854 </div> 11855 11856 11857 11858<div class="product-form__flavor-swatch"> 11859 11860 <a 11861 href="/products/spongebob-pineapple-paradise" 11862 data-transition-type="wave-under" 11863 data-color-overlay="#fdf4b5" 11864 data-color-light="#fdf4b5" 11865 data-color-medium="#fde966" 11866 data-color-dark="#fbe446" 11867 11868 data-color-selector="#fbe446" 11869 11870 data-handle="spongebob-pineapple-paradise" 11871 data-title="Pineapple Paradise" 11872 data-product-id="10849057308831" 11873 data-can-quantity=" " 11874 data-original-one-time-price="" 11875 data-one-time-price="3599" 11876 data-original-selling-plan-price="3599" 11877 data-selling-plan-price="3059" 11878 data-product-available="true" 11879 data-variant-id="62434075377823" 11880 data-sku="" 11881 class="product-flavor-dropdown__row" 11882 > 11883 <span class="visually-hidden">go to Pineapple Paradise page</span> 11884 <span 11885 class="product-flavor-dropdown__thumb" 11886 11887 style="background-color: #fbe446" 11888 11889 > 11890 <img 11891 11892 src="//drinkolipop.com/cdn/shop/files/Pineapple-Paradise_cgi-main-image_072925.webp?crop=center&height=128&v=1753844923&width=128" 11893 width="32" 11894 height="32" 11895 11896 alt="" 11897 loading="lazy" 11898 > 11899 </span> 11900 <span class="product-flavor-dropdown__row-label"> 11901 11902 11903 Pineapple 11904 11905 Paradise 11906 11907 11908 </span> 11909 11910 11911 </a> 11912 </div> 11913 11914 11915 11916<div class="product-form__flavor-swatch"> 11917 11918 <a 11919 href="/products/crisp-apple-6g-fiber" 11920 data-transition-type="wave-under" 11921 data-color-overlay="#ffd7d9" 11922 data-color-light="#ffd7d9" 11923 data-color-medium="#febac4" 11924 data-color-dark="#fea6b6" 11925 11926 data-color-selector="#fe9cad" 11927 11928 data-handle="crisp-apple-6g-fiber" 11929 data-title="Crisp Apple" 11930 data-product-id="10911708020895" 11931 data-can-quantity=" " 11932 data-original-one-time-price="" 11933 data-one-time-price="3599" 11934 data-original-selling-plan-price="0" 11935 data-selling-plan-price="3599" 11936 data-product-available="true" 11937 data-variant-id="62790846742687" 11938 data-sku="" 11939 class="product-flavor-dropdown__row" 11940 > 11941 <span class="visually-hidden">go to Crisp Apple page</span> 11942 <span 11943 class="product-flavor-dropdown__thumb" 11944 11945 style="background-color: #fe9cad" 11946 11947 > 11948 <img 11949 11950 src="//drinkolipop.com/cdn/shop/files/Icon_Crisp_Apple.svg?crop=center&height=128&v=1776371834&width=128" 11951 width="32" 11952 height="32" 11953 11954 alt="" 11955 loading="lazy" 11956 > 11957 </span> 11958 <span class="product-flavor-dropdown__row-label"> 11959 11960 11961 Crisp 11962 11963 Apple 11964 11965 11966 </span> 11967 11968 11969 </a> 11970 </div> 11971 11972 11973 11974<div class="product-form__flavor-swatch"> 11975 11976 <a 11977 href="/products/classic-grape-6g-fiber" 11978 data-transition-type="wave-under" 11979 data-color-overlay="#e9daf1" 11980 data-color-light="#e9daf1" 11981 data-color-medium="#e3d2ed" 11982 data-color-dark="#dac2e8" 11983 11984 data-color-selector="#dac2e8" 11985 11986 data-handle="classic-grape-6g-fiber" 11987 data-title="Classic Grape" 11988 data-product-id="10911707725983" 11989 data-can-quantity=" " 11990 data-original-one-time-price="" 11991 data-one-time-price="3599" 11992 data-original-selling-plan-price="0" 11993 data-selling-plan-price="3599" 11994 data-product-available="true" 11995 data-variant-id="62790846021791" 11996 data-sku="" 11997 class="product-flavor-dropdown__row" 11998 >
11999 <span class="visually-hidden">go to Classic Grape page</span> 12000 <span 12001 class="product-flavor-dropdown__thumb" 12002 12003 style="background-color: #dac2e8" 12004 12005 > 12006 <img 12007 12008 src="//drinkolipop.com/cdn/shop/files/Icon_Classic_Grape.svg?crop=center&height=128&v=1776371834&width=128" 12009 width="32" 12010 height="32" 12011 12012 alt="" 12013 loading="lazy" 12014 > 12015 </span> 12016 <span class="product-flavor-dropdown__row-label"> 12017 12018 12019 Classic 12020 12021 Grape 12022 12023 12024 </span> 12025 12026 12027 </a> 12028 </div> 12029 12030 12031 12032<div class="product-form__flavor-swatch"> 12033 12034 <a 12035 href="/products/vintage-cola-6g-fiber" 12036 data-transition-type="wave-under" 12037 data-color-overlay="#ffdbda" 12038 data-color-light="#ffdbda" 12039 data-color-medium="#ffb7b4" 12040 data-color-dark="#ff918f" 12041 12042 data-color-selector="#ff918f" 12043 12044 data-handle="vintage-cola-6g-fiber" 12045 data-title="Vintage Cola" 12046 data-product-id="10911708217503" 12047 data-can-quantity=" " 12048 data-original-one-time-price="" 12049 data-one-time-price="3599" 12050 data-original-selling-plan-price="0" 12051 data-selling-plan-price="3599" 12052 data-product-available="true" 12053 data-variant-id="62790847103135" 12054 data-sku="" 12055 class="product-flavor-dropdown__row" 12056 > 12057 <span class="visually-hidden">go to Vintage Cola page</span> 12058 <span 12059 class="product-flavor-dropdown__thumb" 12060 12061 style="background-color: #ff918f" 12062 12063 > 12064 <img 12065 12066 src="//drinkolipop.com/cdn/shop/files/Icon_Vintage_Cola.svg?crop=center&height=128&v=1776371834&width=128" 12067 width="32" 12068 height="32" 12069 12070 alt="" 12071 loading="lazy" 12072 > 12073 </span> 12074 <span class="product-flavor-dropdown__row-label"> 12075 12076 12077 Vintage 12078 12079 Cola 12080 12081 12082 </span> 12083 12084 12085 </a> 12086 </div> 12087 12088 12089 12090<div class="product-form__flavor-swatch"> 12091 12092 <a 12093 href="/products/classic-root-beer-6g-fiber" 12094 data-transition-type="wave-under" 12095 data-color-overlay="#fceae0" 12096 data-color-light="#fceae0" 12097 data-color-medium="#f8d5c0" 12098 data-color-dark="#f4c0a0" 12099 12100 data-color-selector="#f4c0a0" 12101 12102 data-handle="classic-root-beer-6g-fiber" 12103 data-title="Classic Root Beer" 12104 data-product-id="10911707922591" 12105 data-can-quantity=" " 12106 data-original-one-time-price="" 12107 data-one-time-price="3599" 12108 data-original-selling-plan-price="0" 12109 data-selling-plan-price="3599" 12110 data-product-available="true" 12111 data-variant-id="62790846480543" 12112 data-sku="" 12113 class="product-flavor-dropdown__row" 12114 > 12115 <span class="visually-hidden">go to Classic Root Beer page</span> 12116 <span 12117 class="product-flavor-dropdown__thumb" 12118 12119 style="background-color: #f4c0a0" 12120 12121 > 12122 <img 12123 12124 src="//drinkolipop.com/cdn/shop/files/Icon_Classic_Root_Beer.svg?crop=center&height=128&v=1776371834&width=128" 12125 width="32" 12126 height="32" 12127 12128 alt="" 12129 loading="lazy" 12130 > 12131 </span> 12132 <span class="product-flavor-dropdown__row-label"> 12133 12134 12135 Classic 12136 12137 Root 12138 12139 Beer 12140 12141 12142 </span> 12143 12144 12145 </a> 12146 </div> 12147 12148 12149 12150<div class="product-form__flavor-swatch"> 12151 12152 <a 12153 href="/products/cream-soda-6g-fiber" 12154 data-transition-type="wave-under" 12155 data-color-overlay="#b9e3ed" 12156 data-color-light="#b9e3ed" 12157 data-color-medium="#4ac1e0" 12158 data-color-dark="#f2ebe7" 12159 12160 data-color-selector="#f2ebe7" 12161 12162 data-handle="cream-soda-6g-fiber" 12163 data-title="Cream Soda" 12164 data-product-id="10911707988127" 12165 data-can-quantity=" " 12166 data-original-one-time-price="" 12167 data-one-time-price="3599" 12168 data-original-selling-plan-price="0" 12169 data-selling-plan-price="3599" 12170 data-product-available="true" 12171 data-variant-id="62790846611615" 12172 data-sku="" 12173 class="product-flavor-dropdown__row" 12174 >
12175 <span class="visually-hidden">go to Cream Soda page</span> 12176 <span 12177 class="product-flavor-dropdown__thumb" 12178 12179 style="background-color: #f2ebe7" 12180 12181 > 12182 <img 12183 12184 src="//drinkolipop.com/cdn/shop/files/Icon_Cream_Soda.svg?crop=center&height=128&v=1776371834&width=128" 12185 width="32" 12186 height="32" 12187 12188 alt="" 12189 loading="lazy" 12190 > 12191 </span> 12192 <span class="product-flavor-dropdown__row-label"> 12193 12194 12195 Cream 12196 12197 Soda 12198 12199 12200 </span> 12201 12202 12203 </a> 12204 </div> 12205 12206 12207 12208<div class="product-form__flavor-swatch"> 12209 12210 <a 12211 href="/products/strawberry-vanilla-6g-fiber" 12212 data-transition-type="wave-under" 12213 data-color-overlay="#ffe1d9" 12214 data-color-light="#ffe1d9" 12215 data-color-medium="#ffc3b3" 12216 data-color-dark="#ffa58d" 12217 12218 data-color-selector="#ffa58d" 12219 12220 data-handle="strawberry-vanilla-6g-fiber" 12221 data-title="Strawberry Vanilla" 12222 data-product-id="10901171011743" 12223 data-can-quantity=" " 12224 data-original-one-time-price="" 12225 data-one-time-price="3599" 12226 data-original-selling-plan-price="0" 12227 data-selling-plan-price="3599" 12228 data-product-available="true" 12229 data-variant-id="62757634211999" 12230 data-sku="" 12231 class="product-flavor-dropdown__row" 12232 > 12233 <span class="visually-hidden">go to Strawberry Vanilla page</span> 12234 <span 12235 class="product-flavor-dropdown__thumb" 12236 12237 style="background-color: #ffa58d" 12238 12239 > 12240 <img 12241 12242 src="//drinkolipop.com/cdn/shop/files/Icon_Strawberry_Vanilla.svg?crop=center&height=128&v=1776371834&width=128" 12243 width="32" 12244 height="32" 12245 12246 alt="" 12247 loading="lazy" 12248 > 12249 </span> 12250 <span class="product-flavor-dropdown__row-label"> 12251 12252 12253 Strawberry 12254 12255 Vanilla 12256 12257 12258 </span> 12259 12260 12261 </a> 12262 </div> 12263 12264 12265 12266<div class="product-form__flavor-swatch"> 12267 12268 <a 12269 href="/products/cherry-cola-6g-fiber" 12270 data-transition-type="wave-under" 12271 data-color-overlay="#fcf4ef" 12272 data-color-light="#fcf4ef" 12273 data-color-medium="#ffada5" 12274 data-color-dark="#f9d7d0" 12275 12276 data-color-selector="#f9d7d0" 12277 12278 data-handle="cherry-cola-6g-fiber" 12279 data-title="Cherry Cola" 12280 data-product-id="10909849682079" 12281 data-can-quantity=" " 12282 data-original-one-time-price="" 12283 data-one-time-price="3599" 12284 data-original-selling-plan-price="0" 12285 data-selling-plan-price="3599" 12286 data-product-available="true" 12287 data-variant-id="62785253539999" 12288 data-sku="" 12289 class="product-flavor-dropdown__row" 12290 > 12291 <span class="visually-hidden">go to Cherry Cola page</span> 12292 <span 12293 class="product-flavor-dropdown__thumb" 12294 12295 style="background-color: #f9d7d0" 12296 12297 > 12298 <img 12299 12300 src="//drinkolipop.com/cdn/shop/files/Icon_Cherry_Cola.svg?crop=center&height=128&v=1776371834&width=128" 12301 width="32" 12302 height="32" 12303 12304 alt="" 12305 loading="lazy" 12306 > 12307 </span> 12308 <span class="product-flavor-dropdown__row-label"> 12309 12310 12311 Cherry 12312 12313 Cola 12314 12315 12316 </span> 12317 12318 12319 </a> 12320 </div> 12321 12322 12323 12324<div class="product-form__flavor-swatch"> 12325 12326 <a 12327 href="/products/citrus-rush-6g-fiber" 12328 data-transition-type="wave-under" 12329 data-color-overlay="#c5e7a9" 12330 data-color-light="#c5e7a9" 12331 data-color-medium="#95d95d" 12332 data-color-dark="#f8f8f8" 12333 12334 data-color-selector="#0c680d" 12335 12336 data-handle="citrus-rush-6g-fiber" 12337 data-title="Citrus Rush" 12338 data-product-id="10911707562143" 12339 data-can-quantity=" " 12340 data-original-one-time-price="" 12341 data-one-time-price="3599" 12342 data-original-selling-plan-price="0" 12343 data-selling-plan-price="3599" 12344 data-product-available="true" 12345 data-variant-id="62790845235359" 12346 data-sku="" 12347 class="product-flavor-dropdown__row" 12348 >
12349 <span class="visually-hidden">go to Citrus Rush page</span> 12350 <span 12351 class="product-flavor-dropdown__thumb" 12352 12353 style="background-color: #0c680d" 12354 12355 > 12356 <img 12357 12358 src="//drinkolipop.com/cdn/shop/files/Icon_Citrus_Rush.svg?crop=center&height=128&v=1776371834&width=128" 12359 width="32" 12360 height="32" 12361 12362 alt="" 12363 loading="lazy" 12364 > 12365 </span> 12366 <span class="product-flavor-dropdown__row-label"> 12367 12368 12369 Citrus 12370 12371 Rush 12372 12373 12374 </span> 12375 12376 12377 </a> 12378 </div> 12379 12380 12381 12382<div class="product-form__flavor-swatch"> 12383 12384 <a 12385 href="/products/ginger-ale-6g-fiber" 12386 data-transition-type="wave-under" 12387 data-color-overlay="#e1eab4" 12388 data-color-light="#e1eab4" 12389 data-color-medium="#93cb7f" 12390 data-color-dark="#93cb7f" 12391 12392 data-color-selector="#93cb7f" 12393 12394 data-handle="ginger-ale-6g-fiber" 12395 data-title="Ginger Ale" 12396 data-product-id="10911708151967" 12397 data-can-quantity=" " 12398 data-original-one-time-price="" 12399 data-one-time-price="3599" 12400 data-original-selling-plan-price="0" 12401 data-selling-plan-price="3599" 12402 data-product-available="true" 12403 data-variant-id="62790846906527" 12404 data-sku="" 12405 class="product-flavor-dropdown__row" 12406 > 12407 <span class="visually-hidden">go to Ginger Ale page</span> 12408 <span 12409 class="product-flavor-dropdown__thumb" 12410 12411 style="background-color: #93cb7f" 12412 12413 > 12414 <img 12415 12416 src="//drinkolipop.com/cdn/shop/files/Icon_Ginger_Ale.svg?crop=center&height=128&v=1776371834&width=128" 12417 width="32" 12418 height="32" 12419 12420 alt="" 12421 loading="lazy" 12422 > 12423 </span> 12424 <span class="product-flavor-dropdown__row-label"> 12425 12426 12427 Ginger 12428 12429 Ale 12430 12431 12432 </span> 12433 12434 12435 </a> 12436 </div> 12437 12438 12439 12440<div class="product-form__flavor-swatch"> 12441 12442 <a 12443 href="/products/lemon-lime-6g-fiber" 12444 data-transition-type="wave-under" 12445 data-color-overlay="#d6e9a1" 12446 data-color-light="#d6e9a1" 12447 data-color-medium="#a9df71" 12448 data-color-dark="#f0d55e" 12449 12450 data-color-selector="#f0d55e" 12451 12452 data-handle="lemon-lime-6g-fiber" 12453 data-title="Lemon Lime" 12454 data-product-id="10911628951711" 12455 data-can-quantity=" " 12456 data-original-one-time-price="" 12457 data-one-time-price="3599" 12458 data-original-selling-plan-price="0" 12459 data-selling-plan-price="3599" 12460 data-product-available="true" 12461 data-variant-id="62790634406047" 12462 data-sku="" 12463 class="product-flavor-dropdown__row" 12464 > 12465 <span class="visually-hidden">go to Lemon Lime page</span> 12466 <span 12467 class="product-flavor-dropdown__thumb" 12468 12469 style="background-color: #f0d55e" 12470 12471 > 12472 <img 12473 12474 src="//drinkolipop.com/cdn/shop/files/Icon_Lemon_Lime.svg?crop=center&height=128&v=1776371834&width=128" 12475 width="32" 12476 height="32" 12477 12478 alt="" 12479 loading="lazy" 12480 > 12481 </span> 12482 <span class="product-flavor-dropdown__row-label"> 12483 12484 12485 Lemon 12486 12487 Lime 12488 12489 12490 </span> 12491 12492 12493 </a> 12494 </div> 12495 12496 12497</div> 12498 <div class="product-flavor-dropdown__scrollbar" data-flavor-scrollbar aria-hidden="true"> 12499 <div class="product-flavor-dropdown__scrollbar-fill product-flavor-dropdown__scrollbar-fill--top" data-flavor-scrollbar-top></div> 12500 <div class="product-flavor-dropdown__scrollbar-thumb" data-flavor-scrollbar-thumb></div> 12501 <div class="product-flavor-dropdown__scrollbar-fill product-flavor-dropdown__scrollbar-fill--bottom" data-flavor-scrollbar-bottom></div> 12502 </div> 12503 </div> 12504 </div> 12505 </div> 12506</details> 12507 12508 12509 12510 12511 12512 12513 </div><variant-radios 12514 id="variant-radios-oli-product-form" 12515 class="no-js-hidden tw-block tw-mt-6" 12516 data-section="oli-product-form" 12517 data-url="/products/pomegranate-sparkle" 12518 12519 ><fieldset class="product-form__fieldset product-form__fieldset--size"> 12520 12521 <legend class="product-form__legend-inline">
12522 <span class="product-form__legend-label">Pack:</span> 12523 <span class="product-form__legend-value" data-pack-legend-value>12 Pack</span> 12524 </legend> 12525 12526<input 12527 type="radio" 12528 id="oli-product-form-1-0" 12529 name="Size" 12530 value="1 Can" 12531 form="" 12532 12533 aria-label="Size - 1 Can" 12534 class="visually-hidden" 12535 12536 > 12537 <label for="oli-product-form-1-0" 12538 class="body2 medium radio-label option-button__size-1-can "> 12539 12540 1 Can 12541 12542 </label><input 12543 type="radio" 12544 id="oli-product-form-1-1" 12545 name="Size" 12546 value="12 Pack" 12547 form="" 12548 12549 checked 12550 12551 aria-label="Size - 12 Pack" 12552 class="visually-hidden" 12553 12554 > 12555 <label for="oli-product-form-1-1" 12556 class="body2 medium radio-label option-button__size-12-pack "> 12557 12558 12 Pack 12559 12560 </label></fieldset>
12560<script type="application/json"> 12561 [{"id":62871023616159,"title":"1 Can","option1":"1 Can","option2":null,"option3":null,"sku":null,"requires_shipping":true,"taxable":true,"featured_image":null,"available":false,"name":"Pomegranate Sparkle - 1 Can","public_title":"1 Can","options":["1 Can"],"price":3599,"weight":454,"compare_at_price":null,"inventory_management":"shopify","barcode":null,"requires_selling_plan":false,"selling_plan_allocations":[{"price_adjustments":[{"position":1,"price":3059}],"price":3059,"compare_at_price":3599,"per_delivery_price":3059,"selling_plan_id":857440415,"selling_plan_group_id":"1c88f023b3c6a6da610bf474ef9dd3d921177690"},{"price_adjustments":[{"position":1,"price":3059}],"price":3059,"compare_at_price":3599,"per_delivery_price":3059,"selling_plan_id":886964383,"selling_plan_group_id":"1c88f023b3c6a6da610bf474ef9dd3d921177690"},{"price_adjustments":[{"position":1,"price":3059}],"price":3059,"compare_at_price":3599,"per_delivery_price":3059,"selling_plan_id":886997151,"selling_plan_group_id":"1c88f023b3c6a6da610bf474ef9dd3d921177690"}],"quantity_rule":{"min":1,"max":null,"increment":1}},{"id":62865580589215,"title":"12 Pack","option1":"12 Pack","option2":null,"option3":null,"sku":"OP-PS-12-A","requires_shipping":true,"taxable":true,"featured_image":null,"available":true,"name":"Pomegranate Sparkle - 12 Pack","public_title":"12 Pack","options":["12 Pack"],"price":3599,"weight":454,"compare_at_price":null,"inventory_management":"shopify","barcode":"810196870000","requires_selling_plan":false,"selling_plan_allocations":[{"price_adjustments":[{"position":1,"price":3059}],"price":3059,"compare_at_price":3599,"per_delivery_price":3059,"selling_plan_id":857440415,"selling_plan_group_id":"1c88f023b3c6a6da610bf474ef9dd3d921177690"},{"price_adjustments":[{"position":1,"price":3059}],"price":3059,"compare_at_price":3599,"per_delivery_price":3059,"selling_plan_id":886964383,"selling_plan_group_id":"1c88f023b3c6a6da610bf474ef9dd3d921177690"},{"price_adjustments":[{"position":1,"price":3059}],"price":3059,"compare_at_price":3599,"per_delivery_price":3059,"selling_plan_id":886997151,"selling_plan_group_id":"1c88f023b3c6a6da610bf474ef9dd3d921177690"}],"quantity_rule":{"min":1,"max":null,"increment":1}}] 12562 </script>
12562 12563 </variant-radios> 12564 12565 <div id="product-form-content" class=" "> 12566 <div id="product-form-retailers-check"></div> 12567 <div 12568 id="product-selling-plan-selector" 12569 class="tw-mt-6" 12570 > 12571 <div 12572 12573 class="" 12574 12575> 12576
12576<script> 12577 let sellingPlanFrequencyDropdownListenersBound = false; 12578 12579 const FREQUENCY_DROPDOWN_CLOSE_MS = 500; 12580 const FREQUENCY_DROPDOWN_CLOSED_HEIGHT = 48; 12581 12582 function prefersReducedMotion() { 12583 return ( 12584 typeof window.matchMedia === 'function' && 12585 window.matchMedia('(prefers-reduced-motion: reduce)').matches 12586 ); 12587 } 12588 12589 function getFrequencyDropdownCollapse(details) { 12590 return details.querySelector('.rtx-frequency-dropdown__collapse'); 12591 } 12592 12593 function getFrequencyDropdownCollapseInner(details) { 12594 return details.querySelector('.rtx-frequency-dropdown__collapse-inner'); 12595 } 12596 12597 function getFrequencyDropdownScroll(details) { 12598 return details.querySelector('[data-frequency-scroll]'); 12599 } 12600 12601 function getFrequencyDropdownScrollbar(details) { 12602 return { 12603 bar: details.querySelector('[data-frequency-scrollbar]'), 12604 topFill: details.querySelector('[data-frequency-scrollbar-top]'), 12605 thumb: details.querySelector('[data-frequency-scrollbar-thumb]'), 12606 bottomFill: details.querySelector('[data-frequency-scrollbar-bottom]'), 12607 }; 12608 } 12609 12610 function getFrequencyDropdownTargetHeight(details) { 12611 const collapseInner = getFrequencyDropdownCollapseInner(details); 12612 return Math.min(collapseInner?.scrollHeight || 240, 240); 12613 } 12614 12615 function syncFrequencyDropdownScrollbar(details) { 12616 const scroll = getFrequencyDropdownScroll(details); 12617 const { bar, topFill, thumb, bottomFill } = getFrequencyDropdownScrollbar(details); 12618 if (!scroll || !bar || !topFill || !thumb || !bottomFill) { 12619 return; 12620 } 12621 12622 const maxScroll = scroll.scrollHeight - scroll.clientHeight; 12623 if (maxScroll <= 0) { 12624 bar.dataset.visible = 'false'; 12625 topFill.style.height = '0px'; 12626 thumb.style.height = '0px'; 12627 bottomFill.style.height = '0px'; 12628 return; 12629 } 12630 12631 const barHeight = bar.offsetHeight || 160; 12632 const gap = 4; 12633 const thumbHeight = Math.min(barHeight, 62); 12634 const maxThumbTop = Math.max(0, barHeight - thumbHeight); 12635 const progress = maxScroll > 0 ? scroll.scrollTop / maxScroll : 0; 12636 const thumbTop = Math.round(maxThumbTop * progress); 12637 const topHeight = Math.max(0, thumbTop - gap); 12638 const bottomTop = Math.min(barHeight, thumbTop + thumbHeight + gap); 12639 const bottomHeight = Math.max(0, barHeight - bottomTop); 12640 12641 bar.dataset.visible = 'true'; 12642 topFill.style.height = `${topHeight}px`; 12643 topFill.style.display = topHeight > 0 ? 'block' : 'none'; 12644 thumb.style.top = `${thumbTop}px`; 12645 thumb.style.height = `${thumbHeight}px`; 12646 bottomFill.style.top = `${bottomTop}px`; 12647 bottomFill.style.height = `${bottomHeight}px`; 12648 bottomFill.style.display = bottomHeight > 0 ? 'block' : 'none'; 12649 } 12650 12651 function bindFrequencyDropdownScrollbar(details) { 12652 const scroll = getFrequencyDropdownScroll(details); 12653 if (!scroll || scroll.dataset.frequencyScrollbarBound === 'true') { 12654 return; 12655 } 12656 12657 scroll.dataset.frequencyScrollbarBound = 'true'; 12658 scroll.addEventListener( 12659 'scroll', 12660 () => { 12661 syncFrequencyDropdownScrollbar(details); 12662 }, 12663 { passive: true } 12664 ); 12665 12666 if (typeof ResizeObserver === 'function') { 12667 const resizeObserver = new ResizeObserver(() => { 12668 syncFrequencyDropdownScrollbar(details); 12669 }); 12670 resizeObserver.observe(scroll); 12671 } 12672 } 12673 12674 function scheduleFrequencyDropdownOpenAnimation(details) { 12675 const collapse = getFrequencyDropdownCollapse(details); 12676 if (!collapse || !details.open) { 12677 return; 12678 } 12679 12680 bindFrequencyDropdownScrollbar(details); 12681 syncFrequencyDropdownScrollbar(details); 12682 const targetHeight = getFrequencyDropdownTargetHeight(details); 12683 12684 if (prefersReducedMotion()) { 12685 collapse.style.height = `${targetHeight}px`; 12686 requestAnimationFrame(() => syncFrequencyDropdownScrollbar(details)); 12687 return; 12688 } 12689 12690 collapse.style.transition = 'none'; 12691 collapse.style.height = `${FREQUENCY_DROPDOWN_CLOSED_HEIGHT}px`; 12692 void collapse.getBoundingClientRect(); 12693 collapse.style.removeProperty('transition'); 12694 12695 requestAnimationFrame(() => { 12696 requestAnimationFrame(() => {
12697 if (!details.open) { 12698 collapse.style.removeProperty('height'); 12699 return; 12700 } 12701 collapse.style.height = `${targetHeight}px`; 12702 syncFrequencyDropdownScrollbar(details); 12703 }); 12704 }); 12705 } 12706 12707 function animateFrequencyDropdownOpen(details) { 12708 const collapse = getFrequencyDropdownCollapse(details); 12709 if (!details || !collapse || details.open) { 12710 return; 12711 } 12712 12713 document.querySelectorAll('details.rtx-frequency-dropdown').forEach((dropdown) => { 12714 if (dropdown !== details) { 12715 animateFrequencyDropdownClose(dropdown, { instant: true }); 12716 } 12717 }); 12718 12719 collapse.style.transition = 'none'; 12720 collapse.style.height = `${FREQUENCY_DROPDOWN_CLOSED_HEIGHT}px`; 12721 details.dataset.frequencyOpenHandled = 'true'; 12722 details.setAttribute('open', ''); 12723 12724 bindFrequencyDropdownScrollbar(details); 12725 scheduleFrequencyDropdownOpenAnimation(details); 12726 } 12727 12728 function animateFrequencyDropdownClose(details, options = {}) { 12729 const { instant = false, onAfterClose } = options; 12730 const collapse = getFrequencyDropdownCollapse(details); 12731 12732 if (!details || !collapse) { 12733 details?.removeAttribute('open'); 12734 onAfterClose?.(); 12735 return; 12736 } 12737 12738 if (!details.open) { 12739 collapse.style.height = ''; 12740 delete collapse.dataset.frequencyClosing; 12741 onAfterClose?.(); 12742 return; 12743 } 12744 12745 if (instant || prefersReducedMotion()) { 12746 collapse.style.height = ''; 12747 delete collapse.dataset.frequencyClosing; 12748 details.removeAttribute('open'); 12749 onAfterClose?.(); 12750 return; 12751 } 12752 12753 if (collapse.dataset.frequencyClosing === 'true') { 12754 return; 12755 } 12756 12757 collapse.dataset.frequencyClosing = 'true'; 12758 collapse.style.height = `${getFrequencyDropdownTargetHeight(details)}px`; 12759 void collapse.getBoundingClientRect(); 12760 collapse.style.height = `${FREQUENCY_DROPDOWN_CLOSED_HEIGHT}px`; 12761 12762 const finish = () => { 12763 delete collapse.dataset.frequencyClosing; 12764 collapse.style.height = ''; 12765 details.removeAttribute('open'); 12766 onAfterClose?.(); 12767 }; 12768 12769 const onEnd = (ev) => { 12770 if (ev.target !== collapse || ev.propertyName !== 'height') { 12771 return; 12772 } 12773 collapse.removeEventListener('transitionend', onEnd); 12774 finish(); 12775 }; 12776 12777 collapse.addEventListener('transitionend', onEnd); 12778 12779 window.setTimeout(() => { 12780 if (collapse.dataset.frequencyClosing === 'true') { 12781 collapse.removeEventListener('transitionend', onEnd); 12782 finish(); 12783 } 12784 }, FREQUENCY_DROPDOWN_CLOSE_MS); 12785 } 12786 12787 function syncFrequencyDropdownSelection(root) { 12788 const subscriptionFrequencyOption = root.querySelector('#rtx_option_plans_dropdown'); 12789 const dropdownLabel = root.querySelector('[data-frequency-dropdown-label]'); 12790 const selectedValue = subscriptionFrequencyOption?.value; 12791 const selectedText = 12792 subscriptionFrequencyOption?.options[subscriptionFrequencyOption.selectedIndex]?.text || ''; 12793 12794 if (dropdownLabel && selectedText) { 12795 dropdownLabel.textContent = selectedText; 12796 } 12797 12798 root.querySelectorAll('.rtx-frequency-dropdown__row').forEach((row) => { 12799 row.classList.toggle('rtx-frequency-dropdown__row--current', row.dataset.sellingPlanId === selectedValue); 12800 }); 12801 } 12802 12803 function initSellingPlanFrequencyDropdown() { 12804 if (sellingPlanFrequencyDropdownListenersBound) { 12805 return; 12806 } 12807 12808 sellingPlanFrequencyDropdownListenersBound = true; 12809 12810 document.addEventListener( 12811 'click', 12812 (e) => { 12813 const frequencyRow = e.target.closest('.rtx-frequency-dropdown__row'); 12814 if (frequencyRow) { 12815 e.preventDefault(); 12816 const details = frequencyRow.closest('details.rtx-frequency-dropdown'); 12817 const root = frequencyRow.closest('.rtx_widget_injection_parent'); 12818 const hiddenSelect = root?.querySelector('#rtx_option_plans_dropdown'); 12819 const subscriptionInput = root?.querySelector('input[value="subsave"]'); 12820 const productId = root?.dataset.productId; 12821 12822 if (!root || !hiddenSelect || !productId) { 12823 return; 12824 } 12825 12826 hiddenSelect.value = frequencyRow.dataset.sellingPlanId || hiddenSelect.value; 12827 if (subscriptionInput) { 12828 subscriptionInput.checked = true; 12829 } 12830 syncFrequencyDropdownSelection(root); 12831 12832 animateFrequencyDropdownClose(details, { 12833 onAfterClose: () => setSellingPlan(productId), 12834 }); 12835 return; 12836 } 12837 12838 const summary = e.target.closest( 12839 'details.rtx-frequency-dropdown > summary.rtx-frequency-dropdown__trigger' 12840 ); 12841 if (!summary) { 12842 return; 12843 } 12844 12845 const details = summary.closest('details.rtx-frequency-dropdown');
12846 if (!details) { 12847 return; 12848 } 12849 12850 e.preventDefault(); 12851 e.stopImmediatePropagation(); 12852 if (details.open) { 12853 animateFrequencyDropdownClose(details); 12854 } else { 12855 animateFrequencyDropdownOpen(details); 12856 } 12857 }, 12858 true 12859 ); 12860 12861 document.addEventListener( 12862 'toggle', 12863 (e) => { 12864 const details = e.target; 12865 if (!details?.classList?.contains('rtx-frequency-dropdown')) { 12866 return; 12867 } 12868 12869 if (details.open) { 12870 if (details.dataset.frequencyOpenHandled === 'true') { 12871 delete details.dataset.frequencyOpenHandled; 12872 return; 12873 } 12874 12875 document.querySelectorAll('details.rtx-frequency-dropdown').forEach((dropdown) => { 12876 if (dropdown !== details) { 12877 animateFrequencyDropdownClose(dropdown, { instant: true }); 12878 } 12879 }); 12880 bindFrequencyDropdownScrollbar(details); 12881 scheduleFrequencyDropdownOpenAnimation(details); 12882 } else { 12883 const collapse = getFrequencyDropdownCollapse(details); 12884 const { bar } = getFrequencyDropdownScrollbar(details); 12885 if (collapse) { 12886 collapse.style.height = ''; 12887 delete collapse.dataset.frequencyClosing; 12888 } 12889 if (bar) { 12890 bar.dataset.visible = 'false'; 12891 } 12892 } 12893 }, 12894 true 12895 ); 12896 } 12897 12898 function ensureSellingPlanDetailsObserver(root) { 12899 if (root.dataset.sellingPlanDetailsObserved === 'true') { 12900 return; 12901 } 12902 12903 const details = root.querySelector('[data-selling-plan-details]'); 12904 const detailsInner = root.querySelector('.rtx_plan_card__details-inner'); 12905 if (!details || !detailsInner || typeof ResizeObserver !== 'function') { 12906 return; 12907 } 12908 12909 const resizeObserver = new ResizeObserver(() => { 12910 if (details.dataset.open === 'true') { 12911 details.style.height = `${detailsInner.scrollHeight || detailsInner.offsetHeight || 0}px`; 12912 } 12913 }); 12914 12915 resizeObserver.observe(detailsInner); 12916 root.dataset.sellingPlanDetailsObserved = 'true'; 12917 } 12918 12919 function syncSellingPlanDetails(root, shouldOpen, instant = false) { 12920 const details = root.querySelector('[data-selling-plan-details]'); 12921 const detailsInner = root.querySelector('.rtx_plan_card__details-inner'); 12922 12923 if (!details || !detailsInner) { 12924 return; 12925 } 12926 12927 const getTargetHeight = () => detailsInner.scrollHeight || detailsInner.offsetHeight || 0; 12928 const targetHeight = getTargetHeight(); 12929 const currentHeight = details.offsetHeight; 12930 const initialized = root.dataset.sellingPlanAnimated === 'true'; 12931 const isOpen = details.dataset.open === 'true'; 12932 12933 if (instant || !initialized) { 12934 details.style.height = shouldOpen ? `${targetHeight}px` : '0px'; 12935 details.dataset.open = shouldOpen ? 'true' : 'false'; 12936 root.dataset.sellingPlanAnimated = 'true'; 12937 if (shouldOpen) { 12938 requestAnimationFrame(() => { 12939 requestAnimationFrame(() => { 12940 if (details.dataset.open === 'true') { 12941 details.style.height = `${getTargetHeight()}px`; 12942 } 12943 }); 12944 }); 12945 } 12946 return; 12947 } 12948 12949 if (isOpen === shouldOpen) { 12950 if (shouldOpen) { 12951 details.style.height = `${getTargetHeight()}px`; 12952 } 12953 return; 12954 } 12955 12956 details.dataset.open = shouldOpen ? 'true' : 'false'; 12957 details.style.transition = 'none'; 12958 details.style.height = `${currentHeight || (isOpen ? targetHeight : 0)}px`; 12959 void details.getBoundingClientRect(); 12960 details.style.removeProperty('transition'); 12961 12962 requestAnimationFrame(() => { 12963 details.style.height = shouldOpen ? `${targetHeight}px` : '0px'; 12964 }); 12965 } 12966 12967 function dispatchSellingPlanSelection(subscriptionPlanId, frequencyText) { 12968 window.dispatchEvent( 12969 new CustomEvent('option-selection', { 12970 detail: { 12971 subscriptionPlanId, 12972 frequencyText, 12973 }, 12974 }) 12975 ); 12976 } 12977 12978 function setSellingPlan(productId, instant = false) { 12979 const root = document.querySelector(`#rtx_widget_injection_parent_${productId}`); 12980 if (!root) { 12981 return; 12982 } 12983 12984 const selectedOption = root.querySelector(`input[name="selling_plan_select"]:checked`); 12985 if (!selectedOption) { 12986 return; 12987 } 12988 12989 try { 12990 const sellingPlanSelectElement = root.querySelector(`#selling_plan_${productId}`); 12991 const frequencyLabelElement = root.querySelector('[data-selling-plan-frequency-label]'); 12992 const subscriptionFrequencyOption = root.querySelector(`#rtx_option_plans_dropdown`); 12993 const frequencyDropdown = root.querySelector('.rtx-frequency-dropdown'); 12994 const shouldOpen = selectedOption.value !== 'onetime'; 12995 12996 if (!sellingPlanSelectElement) { 12997 return; 12998 } 12999 13000 ensureSellingPlanDetailsObserver(root); 13001 syncSellingPlanDetails(root, shouldOpen, instant); 13002 syncFrequencyDropdownSelection(root); 13003 13004 if (selectedOption.value === 'onetime') { 13005 sellingPlanSelectElement.value = ''; 13006 if (frequencyDropdown) { 13007 animateFrequencyDropdownClose(frequencyDropdown, { instant: true }); 13008 } 13009 if (frequencyLabelElement) { 13010 frequencyLabelElement.textContent = 'One Time'; 13011 } 13012 dispatchSellingPlanSelection('', ''); 13013 } else { 13014 const frequencyText = 13015 subscriptionFrequencyOption?.options[subscriptionFrequencyOption.selectedIndex]?.text || ''; 13016 const frequencyLabel = frequencyText.replace(/^Deliver\s+/i, ''); 13017 13018 sellingPlanSelectElement.value = subscriptionFrequencyOption?.value || ''; 13019 if (frequencyLabelElement && frequencyLabel) { 13020 frequencyLabelElement.textContent = frequencyLabel; 13021 } 13022 13023 if (window.gtag && frequencyText) { 13024 window.gtag('event', 'Frequency Selection', { 13025 event_detail: frequencyText, 13026 }); 13027 } 13028 dispatchSellingPlanSelection(sellingPlanSelectElement.value, frequencyText); 13029 } 13030 13031 const changeEvent = new Event('change'); 13032 sellingPlanSelectElement.dispatchEvent(changeEvent); 13033 } catch (error) { 13034 console.error(error); 13035 } 13036 } 13037 13038 window.setSellingPlan = setSellingPlan; 13039 13040 document.addEventListener('DOMContentLoaded', () => { 13041 initSellingPlanFrequencyDropdown(); 13042 document.querySelectorAll('.rtx_widget_injection_parent[data-product-id]').forEach((node) => { 13043 const productId = node.getAttribute('data-product-id'); 13044 if (productId) { 13045 setSellingPlan(productId, true); 13046 } 13047 }); 13048 }); 13049 13050 window.addEventListener('load', () => { 13051 document.querySelectorAll('.rtx_widget_injection_parent[data-product-id]').forEach((node) => { 13052 const productId = node.getAttribute('data-product-id'); 13053 if (productId) { 13054 setSellingPlan(productId, true); 13055 } 13056 }); 13057 }); 13058</script>
13058 13059 13060 13061 <div class="retextion-selling-plan"> 13062 <div 13063 class="rtx_widget_injection_parent" 13064 id="rtx_widget_injection_parent_10934531719327" 13065 data-product-id="10934531719327" 13066> 13067 <input type="hidden" name="id" value="62865580589215"> 13068 <input 13069 type="hidden" 13070 name="selling_plan" 13071 id="selling_plan_10934531719327" 13072 value="886964383" 13073 > 13074 13075 <fieldset 13076 class="rtx_container" 13077 id="10934531719327" 13078 data-enable-subscriptions="true" 13079 > 13080 <legend class="sr-only">Choose a frequency</legend> 13081 13082 <div class="rtx_frequency_header"> 13083 <span class="rtx_frequency_header__label">Frequency:</span> 13084 <span class="rtx_frequency_header__value" data-selling-plan-frequency-label>Delivered every 4 weeks</span> 13085 </div> 13086 13087 13088 <div class="rtx_plan_card rtx_plan_card--one-time"> 13089 <label for="product_onetime_10934531719327" class="rtx_plan_card__selector"> 13090 <span class="rtx_plan_card__main"> 13091 <input 13092 type="radio" 13093 class="tw-sr-only" 13094 value="onetime" 13095 autocomplete="off" 13096 name="selling_plan_select" 13097 data-product_id="10934531719327" 13098 id="product_onetime_10934531719327" 13099 onchange="setSellingPlan(10934531719327)" 13100 checked 13101 > 13102 <span class="rtx_plan_card__radio" aria-hidden="true"></span> 13103 <span class="rtx_plan_card__title">One Time</span> 13104 </span> 13105 <span class="rtx_plan_card__price-group rtx_plan_card__price-group--single"><span class="rtx_plan_card__price"> 13106 13107 13108 13109 13110 13111<span class="tw-sr-only">One-time price</span> 13112<span data-price> 13113 $35.99 13114</span><span 13115 data-compare-at-price 13116 class="tw-line-through tw-hidden" 13117></span> 13118 13119 </span> 13120 </span> 13121 </label> 13122 </div> 13123 13124 13125 13126 13127 <div class="rtx_plan_card rtx_plan_card--subscription"> 13128 <label for="product_subsave_10934531719327_1" class="rtx_plan_card__selector"> 13129 <span class="rtx_plan_card__main"> 13130 <input 13131 type="radio" 13132 class="tw-sr-only" 13133 value="subsave" 13134 autocomplete="off" 13135 name="selling_plan_select" 13136 data-product_id="10934531719327" 13137 id="product_subsave_10934531719327_1" 13138 onchange="setSellingPlan(10934531719327)" 13139 > 13140 <span class="rtx_plan_card__radio" aria-hidden="true"></span> 13141 <span class="rtx_plan_card__title">Subscribe & Save</span> 13142 </span> 13143 <span class="rtx_plan_card__price-group"><span class="rtx_plan_card__price"> 13144 13145 13146 13147 13148 13149<span class="tw-sr-only">Subscription price</span> 13150<span data-price> 13151 $30.59 13152</span><span class="tw-sr-only">One-time price</span><span 13153 data-compare-at-price 13154 class="tw-line-through rtx_plan_card__compare-price" 13155>$35.99</span> 13156 13157 </span> 13158 </span> 13159 </span> 13160 </label> 13161 13162 <div class="rtx_plan_card__details" data-selling-plan-details style="display: block; height: 0; overflow: hidden; transition: height 500ms cubic-bezier(0.4, 0, 0.2, 1);"> 13163 <div class="rtx_plan_card__details-inner" style="display: flex; flex-direction: column; gap: 12px; padding: 12px 16px 16px;"> 13164 <div class="rtx_option_plans rtx_frequency_selector"> 13165 <label class="tw-sr-only" for="rtx_option_plans_dropdown">Select subscription frequency</label> 13166 <select 13167 name="rtx_option_plans_dropdown" 13168 id="rtx_option_plans_dropdown" 13169 data-product_id="10934531719327" 13170 class="tw-hidden" 13171 tabindex="-1" 13172 aria-hidden="true" 13173 > 13174 13175 <option 13176 value="857440415" 13177 13178 > 13179 Delivered every 2 weeks 13180 </option> 13181 13182 <option 13183 value="886964383" 13184 13185 selected 13186 13187 > 13188 Delivered every 4 weeks 13189 </option> 13190 13191 <option 13192 value="886997151" 13193 13194 > 13195 Delivered every 8 weeks 13196 </option> 13197 13198 </select> 13199 13200 <details class="rtx-frequency-dropdown"> 13201 <summary class="rtx-frequency-dropdown__trigger">
13202 <span class="rtx-frequency-dropdown__summary-main"> 13203 <span class="rtx-frequency-dropdown__label" data-frequency-dropdown-label>Delivered every 4 weeks</span> 13204 </span> 13205 <span class="rtx-frequency-dropdown__chevron" aria-hidden="true"> 13206 <svg xmlns="http://www.w3.org/2000/svg" width="11" height="6" viewBox="0 0 11 6" fill="none" aria-hidden="true"> 13207 <path d="M1.25 1.5L5.5 5L9.75 1.5" stroke="currentColor" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round"/> 13208 </svg> 13209 </span> 13210 </summary> 13211 13212 <div class="rtx-frequency-dropdown__collapse"> 13213 <div class="rtx-frequency-dropdown__collapse-inner"> 13214 <div class="rtx-frequency-dropdown__scroll-shell"> 13215 <div class="rtx-frequency-dropdown__scroll" data-frequency-scroll> 13216 13217 13218 <button 13219 type="button" 13220 class="rtx-frequency-dropdown__row" 13221 data-selling-plan-id="857440415" 13222 data-frequency-label="Delivered every 2 weeks" 13223 data-frequency-header-label="Delivered every 2 weeks" 13224 > 13225 <span class="rtx-frequency-dropdown__row-label">Delivered every 2 weeks</span> 13226 </button> 13227 13228 13229 <button 13230 type="button" 13231 class="rtx-frequency-dropdown__row rtx-frequency-dropdown__row--current" 13232 data-selling-plan-id="886964383" 13233 data-frequency-label="Delivered every 4 weeks" 13234 data-frequency-header-label="Delivered every 4 weeks" 13235 > 13236 <span class="rtx-frequency-dropdown__row-label">Delivered every 4 weeks</span> 13237 </button> 13238 13239 13240 <button 13241 type="button" 13242 class="rtx-frequency-dropdown__row" 13243 data-selling-plan-id="886997151" 13244 data-frequency-label="Delivered every 8 weeks" 13245 data-frequency-header-label="Delivered every 8 weeks" 13246 > 13247 <span class="rtx-frequency-dropdown__row-label">Delivered every 8 weeks</span> 13248 </button> 13249 13250 </div> 13251 13252 <div class="rtx-frequency-dropdown__scrollbar" data-frequency-scrollbar> 13253 <span class="rtx-frequency-dropdown__scrollbar-fill rtx-frequency-dropdown__scrollbar-fill--top" data-frequency-scrollbar-top></span> 13254 <span class="rtx-frequency-dropdown__scrollbar-thumb" data-frequency-scrollbar-thumb></span> 13255 <span class="rtx-frequency-dropdown__scrollbar-fill rtx-frequency-dropdown__scrollbar-fill--bottom" data-frequency-scrollbar-bottom></span> 13256 </div> 13257 </div> 13258 </div> 13259 </div> 13260 </details> 13261 </div> 13262 <ul class="rtx_plan_benefits"> 13263 13264 13265 13266 13267 <li>Save 15% on every order</li> 13268 13269 13270 13271 13272 13273 <li>Free shipping in the contiguous US</li> 13274 13275 13276 13277 13278 13279 <li>No commitment, cancel anytime</li> 13280 13281 13282 13283 13284 </ul> 13285 </div> 13286 </div> 13287 </div> 13288 13289 13290 </fieldset> 13291</div> 13292 13293 </div> 13294 13295</div> 13296 13297 </div> 13298 13299 <div class="product-form__atc-row tw-mt-4 md:tw-my-7 tw-mb-2 tw-flex tw-w-full"> 13300 13301 <div 13302 class=" 13303 product-form__quantity-selector
13304 tw-mr-2 tw-flex tw-h-12 tw-items-center tw-justify-between tw-rounded-[100px] tw-border-[1.5px] tw-border-solid tw-border-hunter-green tw-bg-white tw-p-1 13305 13306 " 13307 > 13308 <button 13309 type="button" 13310 data-quantity-remove 13311 aria-label="Remove 1 Pomegranate Sparkle" 13312 aria-controls="product-quantity" 13313 class="tw-border-none tw-bg-transparent tw-p-3" 13314 > 13315 <img 13316 src="https://cdn.shopify.com/s/files/1/0034/6610/0806/files/qty-vector.svg?v=1777069874" 13317 alt="" 13318 width="11" 13319 loading="lazy" 13320 decoding="async" 13321 aria-hidden="true" 13322 class="icon-quantity-minus" 13323> 13324 13325 </button> 13326 <input 13327 id="product-quantity" 13328 aria-valuenow="1" 13329 type="number" 13330 aria-label="Pomegranate Sparkle Quantity 1" 13331 data-product-title="Pomegranate Sparkle" 13332 name="quantity" 13333 value="1" 13334 min="1" 13335 max="99" 13336 data-quantity-input 13337 readonly 13338 class="tw-mt-0.5 tw-w-6 tw-text-center tw-text-[14px] tw-font-bold tw-leading-none tw-text-hunter-green tw-outline-none [appearance:textfield] [&::-webkit-inner-spin-button]:tw-appearance-none [&::-webkit-outer-spin-button]:tw-appearance-none" 13339 > 13340 <button 13341 type="button" 13342 data-quantity-add 13343 aria-label="Add 1 Pomegranate Sparkle" 13344 aria-controls="product-quantity" 13345 class="tw-border-none tw-bg-transparent tw-p-3" 13346 > 13347 <img 13348 src="https://cdn.shopify.com/s/files/1/0034/6610/0806/files/qty_vector.svg?v=1777069875" 13349 alt="" 13350 width="11" 13351 loading="lazy" 13352 decoding="async" 13353 aria-hidden="true" 13354 class="icon-quantity-plus" 13355> 13356 13357 </button> 13358 </div> 13359 <div class="product-form__submit-wrapper tw-w-full tw-text-center"><button 13360 type="submit" 13361 name="add" 13362 class="tw-box-border tw-inline-block tw-h-12 tw-w-full tw-whitespace-nowrap tw-rounded-btn tw-border-3 tw-border-solid tw-border-hunter-green tw-bg-hunter-green tw-px-8 tw-py-2 tw-font-body tw-text-[18px] tw-leading-[1.75rem] tw-font-bold tw-text-white hover:tw-bg-[#123a35] hover:tw-text-white focus:tw-bg-[#123a35] focus:tw-text-white active:tw-bg-[#123a35] active:tw-text-white disabled:tw-bg-hunter-green disabled:tw-text-white disabled:tw-opacity-25" 13363 id="AddToCart-62871023616159" 13364 13365 13366 aria-label="Add to Cart" 13367 data-add-to-cart 13368 13369 > 13370 <span data-submit-button-text> 13371 13372 Add to Cart 13373 13374 </span> 13375 </button> 13376 13377 13378</div> 13379 13380 13381 </div> 13382 </div> 13383 13384 <div class="tw-pt-6 tw-hidden"> 13385 13386 13387 13388 13389 13390 13391 13392 <div class=" tw-m-auto tw-max-w-80 tw-text-center tw-text-xs lg:tw-text-sm"> 13393 <shopify-payment-terms variant-id="62865580589215" shopify-meta="{"type":"product","currency_code":"USD","country_code":"US","variants":[{"id":62871023616159,"price_per_term":"$17.99","price_per_term_amount":17.99,"full_price":"$35.99","full_price_amount":35.99,"eligible":true,"available":false,"number_of_payment_terms":2},{"id":62865580589215,"price_per_term":"$17.99","price_per_term_amount":17.99,"full_price":"$35.99","full_price_amount":35.99,"eligible":true,"available":true,"number_of_payment_terms":2}],"min_price":"$35.00","min_price_amount":35.0,"max_price":"$30,000.00","max_price_amount":30000.0,"financing_plans":[{"min_price":"$35.00","max_price":"$49.99","terms":[{"apr":0,"loan_type":"split_pay","installments_count":2}],"min_price_amount":35.0,"max_price_amount":49.99},{"min_price":"$50.00","max_price":"$999.99","terms":[{"apr":0,"loan_type":"split_pay","installments_count":3},{"apr":0,"loan_type":"split_pay","installments_count":4},{"apr":15,"loan_type":"interest","installments_count":3},{"apr":15,"loan_type":"interest","installments_count":6},{"apr":15,"loan_type":"interest","installments_count":12}],"min_price_amount":50.0,"max_price_amount":999.99},{"min_price":"$1,000.00","max_price":"$30,000.00","terms":[{"apr":15,"loan_type":"interest","installments_count":3},{"apr":15,"loan_type":"interest","installments_count":6},{"apr":15,"loan_type":"interest","installments_count":12}],"min_price_amount":1000.0,"max_price_amount":30000.0}],"installments_buyer_prequalification_enabled":false,"seller_id":110388}"></shopify-payment-terms> 13394 </div> 13395 </div> 13396 13397 13398 13399 <!-- BEAM START --> 13400 13401 <style> 13402 beam-product-details-page::part(icon) {
13403 margin-top: -0.05rem; 13404 margin-right: 0.4rem; 13405 } 13406 13407 beam-product-details-page::part(title-block) { 13408 display: flex; 13409 justify-content: flex-start !important; 13410 align-items: center; 13411 margin-bottom: 0.1rem; 13412 } 13413 13414 #product-form-beam-widget beam-product-details-page { 13415 margin-left: 0 !important; 13416 } 13417 13418 @media screen and (max-width: 750px) { 13419 #product-form-beam-widget beam-product-details-page { 13420 margin-top: 1rem !important; 13421 } 13422 } 13423</style>
13424<script 13425 type="module" 13426 async 13427 crossorigin 13428 data-em-disable 13429 src="https://sdk.beamimpact.com/web-sdk/v1.56.2/dist/components/product-details-page.esm.js" 13430></script>
13430 13431 13432<div id="product-form-beam-widget" class="beam-sync-visibility" data-beam-widget="product-details-page"><beam-product-details-page 13433 style="max-width: 500px" 13434 apiKey="orRPgklUWqQM.cab839ad-9774-43be-bc7d-f236e6c3e9ae" 13435 storeId="528" 13436 ></beam-product-details-page></div> 13437
13438<script type="module" async crossorigin> 13439 import { waitForElement } from "https://sdk.beamimpact.com/web-sdk/v1.56.2/dist/integrations/utils.js"; 13440 const siblingElementTarget = "#product-form-beam-widget"; 13441 const beamElementTag = 'beam-product-details-page'; 13442 let isLoading = false; 13443 13444 function initBeamWidget() { 13445 const targetElement = document.querySelector(siblingElementTarget); 13446 const beamWidget = document.querySelector(beamElementTag); 13447 if (targetElement && beamWidget) { 13448 if (beamWidget.shadowRoot) { 13449 let timer = 0; 13450 let iconInterval = setInterval(() => { 13451 timer++; 13452 const iconDiv = beamWidget.shadowRoot.querySelector('.icon-container'); 13453 const titleBlockDiv = beamWidget.shadowRoot.querySelector('.title-block'); 13454 if (iconDiv && titleBlockDiv) { 13455 clearInterval(iconInterval); 13456 titleBlockDiv.setAttribute('part', 'title-block'); 13457 const titleDiv = beamWidget.shadowRoot.querySelector('.title'); 13458 titleBlockDiv.insertBefore(iconDiv, titleDiv); 13459 } else if (timer > 20) { 13460 clearInterval(iconInterval); 13461 } 13462 }, 500); 13463 } 13464 targetElement.style.display = "block"; 13465 isLoading = false; 13466 } 13467 } 13468 13469 window.addEventListener('load', async () => { 13470 await waitForElement(siblingElementTarget); 13471 initBeamWidget(); 13472 13473 const productFormEle = document.querySelector('[data-barba="wrapper"]'); 13474 if (productFormEle) { 13475 productFormEle.addEventListener('click', async (event) => { 13476 if (!isLoading) { 13477 isLoading = true; 13478 await waitForElement(beamElementTag); 13479 initBeamWidget(); 13480 } 13481 }); 13482 } 13483 }); 13484 13485</script>
13485 13486 13487 <!-- BEAM END --> 13488 13489 <div id="product-form-retailers" class="product-form-retailers"></div> 13490 13491 13492 <div class="product-form__post-atc-locator tw-my-[30px]"> 13493 <div 13494 data-component="storeLocatorButton" 13495 data-product-locator-upc="810196870000" 13496> 13497 13498 <button type="button" class="tw-group tw-p-0 tw-text-[16px] tw-border-0 tw-leading-none tw-font-bold tw-mx-auto tw-bg-transparent tw-text-hunter-green tw-group tw-flex tw-items-center tw-justify-center tw-relative tw-text-center tw-font-body tw-transition-all tw-duration-250 tw-ease-in-out hover:tw-text-[#1E302A] focus:!tw-ring-4"> 13499 <span class="tw-mr-2 tw-flex"> 13500 13501 13502 13503 <img 13504 src="//drinkolipop.com/cdn/shop/files/location-vector.svg?v=9588185966982401604" 13505 alt="" 13506 width="24" 13507 height="24" 13508 decoding="async" 13509 loading="lazy" 13510 class="tw-fill-current tw-text-current tw-h-[24px] tw-w-[24px] tw-shrink-0 tw-block tw-object-contain" 13511 > 13512 13513 13514 13515 </span> 13516 <span class="tw-border-0 tw-border-b-2 tw-border-solid tw-border-hunter-green group-hover:tw-border-[#1E302A]">Find in Store</span> 13517 </button> 13518</div> 13519 13520 </div> 13521 13522<div class="product-form__cross-sell-row tw-pt-[20px] md:tw-pt-[30px] tw-mt-[30px] tw-border-t-1 tw-border-solid tw-flex tw-items-center tw-gap-[14px] md:tw-gap-[20px]"> 13523<img 13524 src="//drinkolipop.com/cdn/shop/files/Mask-group-_5_1x.png?v=1754927259" 13525 data-srcset="//drinkolipop.com/cdn/shop/files/Mask-group-_5_50x.png?v=1754927259 25w, 13526 //drinkolipop.com/cdn/shop/files/Mask-group-_5_72x.png?v=1754927259 36w, 13527 //drinkolipop.com/cdn/shop/files/Mask-group-_5_144x.png?v=1754927259 72w, 13528 //drinkolipop.com/cdn/shop/files/Mask-group-_5_288x.png?v=1754927259 144w,//drinkolipop.com/cdn/shop/files/Mask-group-_5_480x.png?v=1754927259 240w, 13529 //drinkolipop.com/cdn/shop/files/Mask-group-_5_720x.png?v=1754927259 360w, 13530 //drinkolipop.com/cdn/shop/files/Mask-group-_5_1080x.png?v=1754927259 540w, 13531 //drinkolipop.com/cdn/shop/files/Mask-group-_5_1440x.png?v=1754927259 720w, 13532 //drinkolipop.com/cdn/shop/files/Mask-group-_5_1350x.png?v=1754927259 900w, 13533 //drinkolipop.com/cdn/shop/files/Mask-group-_5_1512x.png?v=1754927259 1080w, 13534 //drinkolipop.com/cdn/shop/files/Mask-group-_5_1728x.png?v=1754927259 1296w, 13535 //drinkolipop.com/cdn/shop/files/Mask-group-_5_1920x.png?v=1754927259 1350w, 13536 //drinkolipop.com/cdn/shop/files/Mask-group-_5_1980x.png?v=1754927259 1728w, 13537 //drinkolipop.com/cdn/shop/files/Mask-group-_5_2160x.png?v=1754927259 1920w, 13538 //drinkolipop.com/cdn/shop/files/Mask-group-_5_2880x.png?v=1754927259 2560w, 13539 //drinkolipop.com/cdn/shop/files/Mask-group-_5_4096x.png?v=1754927259 3072w 13540 " 13541 data-src="//drinkolipop.com/cdn/shop/files/Mask-group-_5_360x.png?v=1754927259" 13542 data-optimumx="auto" 13543 data-sizes="auto" 13544 data-parent-fit="contain" 13545 width="100%" 13546 height="100%" 13547 class="lazyload tw-h-[96px] tw-w-[96px] tw-rounded-[50%] tw-object-cover" 13548 data-aspectratio="1.0" 13549 alt="" 13550 style="object-position: 50.0% 50.0%" 13551> 13552 13553<div class=""><span class="tw-font-display tw-text-[22px] md:tw-text-[24px] tw-font-black tw-mb-2 tw-leading-none">Can’t pick just one?</span><a 13554 href="/products/classic-soda-variety-pack" 13555 class="product-form__cross-sell-link tw-inline-flex tw-items-center tw-justify-center tw-rounded-[50px] tw-border-[1.5px] tw-border-solid tw-border-[#034638] tw-px-5 tw-py-[3px] tw-text-center tw-font-body tw-text-[14px] tw-font-bold tw-leading-[1.8] tw-text-[#034638] tw-no-underline tw-whitespace-nowrap tw-transition-[color,border-color] tw-duration-200 tw-ease-in-out hover:tw-border-[#1E302A] hover:tw-text-[#1E302A] focus-visible:tw-outline focus-visible:tw-outline-2 focus-visible:tw-outline-offset-2 focus-visible:tw-outline-[#034638]" 13556 >Shop Variety Packs</a></div> 13557 </div> 13558 13559<input type="hidden" name="product-id" value="10934531719327" /><input type="hidden" name="section-id" value="oli-product-form" /></form> 13560 13561 13562</div> 13563 <div id="shopify-section-oli-shopping-gives-widget" class="shopify-section"> 13564 13565 13566</div> 13567 </div> 13568 </div> 13569 13570 <div id="shopify-section-product-ingredients-section" class="shopify-section t
13570w-relative tw-block"> 13571<div class="tw-relative" style="background: transparent; transition: all .35s linear; margin-bottom: -1px;"> 13572 <svg 13573 id="top-wave-mobile" 13574 class="tw-block lg:tw-hidden" 13575 xmlns="http://www.w3.org/2000/svg" 13576 preserveAspectRatio="none" 13577 width="100%" 13578 height="21" 13579 viewBox="0 0 376 20" 13580 fill="none" 13581 > 13582 <path d="M188 13.2684C85.1222 -6.73157 0 2.74214 0 2.74214V20.5H376V2.74214C376 2.74214 290.878 33.2684 188 13.2684Z" fill="var(--flavor-color-300)" style="transition: fill .35s linear;"/> 13583 </svg> 13584 <svg 13585 id="top-wave-desktop" 13586 class="tw-hidden lg:tw-block" 13587 xmlns="http://www.w3.org/2000/svg" 13588 preserveAspectRatio="none" 13589 width="100%" 13590 height="60" 13591 viewBox="0 0 1440 60" 13592 fill="none" 13593 > 13594 <path d="M720 38.3053C326 -21.6947 0 6.72642 0 6.72642V60H1440V6.72643C1440 6.72643 1114 98.3053 720 38.3053Z" fill="var(--flavor-color-300)" style="transition: fill .35s linear;"/> 13595 </svg> 13596 <div style="background: var(--flavor-color-300); width: 100%; height: 2px;"> </div> 13597</div> 13598 13599<div 13600 class="product-ingredients-section js-product-ingredients paddingX__lg" 13601 style="background: var(--flavor-color-300)" 13602 id="product-ingredients-section" 13603> 13604 13605 <div class="tw-mx-auto tw-max-w-[1100px] tw-overflow-hidden tw-py-[50px] md:tw-pb-20 md:tw-pt-[90px] lg:tw-px-5"><div class="tw-flex tw-flex-col tw-flex-wrap tw-justify-between md:tw-flex-row "> 13606 <div class="tw-max-w-[600px] tw-flex-1"> 13607 <div class="product-ingedients-flavor-name-container"> 13608 <h3 class="md:tw-text-[48px] tw-leading-[1.4] tw-mb-0 tw-font-bold flavor-name tw-font-display tw-font-extrabold">Pomegranate Sparkle</h3><div class="tw-text-[18px] tw-leading-[1.6] product-flavor-ingredients-subtitle">Store anywhere. Chill to enjoy.</div></div> 13609 <p class=""><p><meta charset="utf-8">Pomegranate Sparkle is a juicy blend of pomegranate, sweet quince, and tangy passion fruit, with a crisp sparkle. Smooth, sweet-tart, and just fancy enough to light up any holiday table.</p></p> 13610 <div class=""> 13611 <p><strong>Storage:</strong> As part of our 6g Fiber Line, this flavor is shelf-stable and can be stored anywhere cool and dry. Just chill before enjoying!</p> 13612 <p><strong>Ingredients:</strong> Carbonated Water, OLISMART (Cassava Root Fiber, Acacia Fiber, Guar Fiber, Nopal Cactus), Marshmallow Root*, Calendula Flower*, Kudzu Root*, Pomegranate Juice Concentrate, Passion Fruit Juice Concentrate, Lime Juice Concentrate, Quince Juice Concentrate, Natural Flavors, Stevia Leaf*, Himalayan Pink Salt<br><br>*Extract</p> 13613 </div> 13614 </div> 13615 13616 <div class="tw-mt-[24px] md:tw-mt-0 tw-flex tw-justify-center nutrition-container"> 13617 <section class="single-nutrition-facts-container tw-font-helvetica tw-text-sm " aria-label="Pomegranate Sparkle Nutrition Facts"> 13618 <div class="tw-text-left tw-text-xl tw-font-black"> 13619 Contains 11% Juice 13620 </div> 13621 <div class="tw-overflow-auto tw-border tw-border-solid tw-border-hunter-green tw-p-1"> 13622 <div class="tw-border-b-[10px] tw-border-solid tw-border-hunter-green"> 13623 <div class="tw-border-b tw-border-solid tw-border-hunter-green tw-text-center tw-text-heading tw-font-black tw-leading-7"> 13624 Nutrition Facts 13625 </div> 13626 <div class="tw-text-left">1 serving per container</div> 13627 <table class="tw-w-full tw-table-auto tw-border-collapse"> 13628 <caption class="tw-sr-only">Serving information</caption> 13629 <tbody> 13630 <tr> 13631 <th scope="row" colspan="2" class="tw-whitespace-nowrap tw-border-0"> 13632 <b>Serving size</b> 13633 </th> 13634 13635 <td class="tw-whitespace-nowrap tw-border-0 tw-text-right"> 13636 <b>1 Can (355mL)</b> 13637 </td> 13638 13639 </tr> 13640 </tbody> 13641 </table> 13642 </div> 13643 <div class="tw-border-9 tw-border-solid tw-border-hunter-green"></div> 13644 <table class="performance-facts__table tw-w-full tw-table-auto tw-border-collapse"> 13645 <caption class="tw-whitespace-nowrap tw-text-left tw-text-xs">Amount per serving</caption> 13646 <thead class="tw-sr-only"> 13647 <tr> 13648 <th scope="col" colspan="2">Nutrient</th> 13649 <th scope="col">Percent Daily Value</th> 13650 </tr> 13651 </thead> 13652 <tbody> 13653 <tr class="tw-border-b-[7px] tw-border-solid tw-border-hunter-green"> 13654 <th scope="row" colspan="2" class="tw-whitespace-nowrap tw-border-0 tw-text-heading tw-font-black tw-leading-7"> 13655 Calories 13656 </th> 13657 <td class="tw-whitespace-nowrap tw-border-0 tw-text-right tw-text-heading tw-font-black tw-leading-7"> 13658 35 13659 </td> 13660 </tr> 13661 <tr class="thick-row"> 13662 <th scope="row" colspan="3" class="tw-whitespace-nowrap tw-text-right tw-text-xs"> 13663 <b>% Daily Value*</b> 13664 </th> 13665 </tr> 13666 <tr> 13667 <th scope="row" colspan="2" class="tw-whitespace-nowrap tw-border-0 tw-border-t tw-border-solid tw-border-hunter-green"> 13668 <b>Total Fat</b> 13669 0g 13670 </th> 13671 <td class="tw-whitespace-nowrap tw-border-0 tw-border-t tw-border-solid tw-border-hunter-green tw-text-right"> 13672 <b>0%</b> 13673 </td> 13674 </tr> 13675 <tr> 13676 <th scope="row" colspan="2" class="tw-whitespace-nowrap tw-border-0 tw-border-t tw-border-solid tw-border-hunter-green"> 13677 <b>Sodium</b> 13678 30mg 13679 </th> 13680 <td class="tw-whitespace-nowrap tw-border-0 tw-border-t tw-border-solid tw-border-hunter-green tw-text-right"> 13681 <b>1%</b> 13682 </td> 13683 </tr> 13684 <tr> 13685 <th scope="row" colspan="2" class="tw-whitespace-nowrap tw-border-0 tw-border-t tw-border-solid tw-border-hunter-green"> 13686 <b>Total Carbohydrate</b> 13687 12g 13688 </th> 13689 <td class="tw-whitespace-nowrap tw-border-0 tw-border-t tw-border-solid tw-border-hunter-green tw-text-right"> 13690 <b>4%</b> 13691 </td> 13692 </tr> 13693 <tr> 13694 <td class="tw-w-4 tw-border-0 tw-border-t tw-border-solid tw-border-hunter-green"></td> 13695 <th scope="row" class="tw-whitespace-nowrap tw-border-0 tw-border-t tw-border-solid tw-border-hunter-green"> 13696 Dietary Fiber 13697 6g 13698 </th> 13699 <td class="tw-whitespace-nowrap tw-border-0 tw-border-t tw-border-solid tw-border-hunter-green tw-text-right"> 13700 <b>21%</b> 13701 </td> 13702 </tr> 13703 <tr> 13704 <td class="tw-w-4 tw-border-0 tw-border-t tw-border-solid tw-border-hunter-green"></td> 13705 <th scope="row" class="tw-whitespace-nowrap tw-border-0 tw-border-t tw-border-solid tw-border-hunter-green"> 13706 Total Sugars 13707 4g 13708 </th> 13709 <td class="tw-border-0 tw-border-t tw-border-solid tw-border-hunter-green">
13710 <span class="tw-sr-only">Not applicable</span> 13711 </td> 13712 </tr> 13713 <tr> 13714 <td class="tw-w-4 tw-border-0 tw-border-t tw-border-solid tw-border-hunter-green"></td> 13715 <th scope="row" class="tw-whitespace-nowrap tw-border-0 tw-border-t tw-border-solid tw-border-hunter-green"> 13716 Includes 0g Added Sugars 13717 </th> 13718 <td class="tw-whitespace-nowrap tw-border-0 tw-border-t tw-border-solid tw-border-hunter-green tw-text-right"> 13719 <b>0%</b> 13720 </td> 13721 </tr> 13722 <tr class="tw-border-b-[10px] tw-border-solid tw-border-hunter-green"> 13723 <th scope="row" colspan="2" class="tw-whitespace-nowrap tw-border-0 tw-border-t tw-border-solid tw-border-hunter-green"> 13724 <b>Protein</b> 13725 0g 13726 </th> 13727 <td class="tw-border-0 tw-border-t tw-border-solid tw-border-hunter-green"> 13728 <span class="tw-sr-only">Not applicable</span> 13729 </td> 13730 </tr> 13731 13732 </tbody> 13733 </table> 13734 13735 <div class="tw-mt-1 tw-text-left tw-text-xs tw-leading-tight"> 13736 Not a significant source of saturated fat, trans fat, cholesterol, vitamin D, calcium, iron, potassium and vitamin A. 13737 </div> 13738 </div> 13739 13740</section> 13741 13742 </div> 13743 </div><div class="tw-block tw-w-full tw-pt-30 lg:tw-pt-[62px] ingredient-icons"> 13744 13745 13746<ul class=" tw-flex tw-w-full tw-flex-row tw-flex-wrap tw-gap-x-2 tw-gap-y-10 tw-justify-center lg:tw-flex"> 13747 13748 13749 <li class="tw-flex tw-w-[48%] sm:tw-flex-1 tw-flex-col tw-items-center tw-text-center"> 13750 <img 13751 data-src="//drinkolipop.com/cdn/shop/files/NBW-claim-icon_Ingredients.png?v=1778163173&width=300" 13752 class="pdp-value-prop-container lazyload" 13753 alt=" icon" 13754 width="125" 13755 height="125" 13756 ></li> 13757 13758 13759 13760 <li class="tw-flex tw-w-[48%] sm:tw-flex-1 tw-flex-col tw-items-center tw-text-center"> 13761 <img 13762 data-src="//drinkolipop.com/cdn/shop/files/NBW-claim-icon_DigestiveHealth.png?v=1778163172&width=300" 13763 class="pdp-value-prop-container lazyload" 13764 alt=" icon" 13765 width="125" 13766 height="125" 13767 ></li> 13768 13769 13770 13771 <li class="tw-flex tw-w-[48%] sm:tw-flex-1 tw-flex-col tw-items-center tw-text-center"> 13772 <img 13773 data-src="//drinkolipop.com/cdn/shop/files/NBW-claim-icon_Vegan_v2.png?v=1778165260&width=300" 13774 class="pdp-value-prop-container lazyload" 13775 alt=" icon" 13776 width="125" 13777 height="125" 13778 ></li> 13779 13780 13781 13782 <li class="tw-flex tw-w-[48%] sm:tw-flex-1 tw-flex-col tw-items-center tw-text-center"> 13783 <img 13784 data-src="//drinkolipop.com/cdn/shop/files/NBW-claim-icon_GlutenFree_v2.png?v=1778165260&width=300" 13785 class="pdp-value-prop-container lazyload" 13786 alt=" icon" 13787 width="125" 13788 height="125" 13789 ></li> 13790 13791 13792 13793 <li class="tw-flex tw-w-[48%] sm:tw-flex-1 tw-flex-col tw-items-center tw-text-center"> 13794 <img 13795 data-src="//drinkolipop.com/cdn/shop/files/NBW-claim-icon_NonGMO_v2.png?v=1778165260&width=300" 13796 class="pdp-value-prop-container lazyload" 13797 alt=" icon" 13798 width="125" 13799 height="125" 13800 ></li> 13801 13802 13803</ul> 13804 13805 </div> 13806 </div> 13807</div> 13808 13809<!-- Using TW absolute positioning breaks params in Shopify Snippet so we are using inline styling for now. --> 13810<div style="width: 100%; position: absolute; z-index: 2;"> 13811 13812 13813<div style="background: transparent;"> 13814 <svg 13815 id="bottom-wave-mobile" 13816 class="tw-block lg:tw-hidden" 13817 style="position: relative; top: -1px;" 13818 xmlns="http://www.w3.org/2000/svg" 13819 preserveAspectRatio="none" 13820 width="100%" 13821 height="21" 13822 viewBox="0 0 376 20" 13823 fill="none" 13824 > 13825 <path xmlns="http://www.w3.org/2000/svg" fill-rule="evenodd" clip-rule="evenodd" d="M52.6963 0.0341797C87.0381 0.0349157 135.179 2.53387 188 12.8026C290.878 32.8026 376 2.27632 376 2.27632V0.0341797H52.6963ZM52.666 0.0341797H0V2.27632C0 2.27632 20.1396 0.0348769 52.666 0.0341797Z" fill="var(--flavor-color-300)"/> 13826 </svg> 13827 <svg 13828 id="bottom-wave-desktop" 13829 class="tw-hidden lg:tw-block" 13830 style="top: -1px; position: relative;" 13831 xmlns="http://www.w3.org/2000/svg" 13832 preserveAspectRatio="none" 13833 width="100%" 13834 height="60"
13835 viewBox="0 0 1440 60" 13836 fill="none" 13837 > 13838 <path xmlns="http://www.w3.org/2000/svg" fill-rule="evenodd" clip-rule="evenodd" d="M201.758 0H0V6.72642C0 6.72642 77.1543 0 201.758 0ZM1440 6.72643V0H201.758C333.283 0 517.676 7.49452 720 38.3053C1114 98.3053 1440 6.72643 1440 6.72643Z" fill="var(--flavor-color-300)"/> 13839 </svg> 13840</div> 13841 13842</div> 13843 13844<style> 13845 @media (max-width: 749px) { 13846 .single-nutrition-facts-container { 13847 width: 271px; 13848 } 13849 } 13850 13851 @media (min-width: 750px) { 13852 .single-nutrition-facts-container { 13853 max-width: 250px; 13854 } 13855 } 13856 13857 .product-flavor-ingredients-subtitle { 13858 font-family: "Ano Bold", sans-serif; 13859 font-size: 14px; 13860 line-height: 180%; 13861 margin-top: 8px; 13862 margin-bottom: 24px; 13863 } 13864 13865 @media (max-width: 768px) { 13866 .flavor-name { 13867 font-size: 40px; 13868 text-align: center; 13869 } 13870 13871 .product-flavor-ingredients-subtitle { 13872 text-align: center; 13873 } 13874 13875 .product-ingredients-section p:empty, 13876 .product-ingredients-section p:has(br:only-child) { 13877 display: none!important; 13878 } 13879 13880 .ingredient-icons { 13881 padding-top: 45px!important; 13882 } 13883 } 13884 13885 .product-ingredients-section .product-gallery__storage-badge-icon { 13886 margin-top: -3px; 13887 margin-left: 1px; 13888 } 13889 13890 .product-ingedients-flavor-name-container h3 { 13891 line-height: 1; 13892 } 13893 13894 @media (max-width: 1023px) { 13895 .pdp-value-prop-container { 13896 max-width: 92px; 13897 } 13898 } 13899 13900 @media (min-width: 1024px) { 13901 .pdp-value-prop-container { 13902 max-width: 100px; 13903 } 13904 } 13905</style> 13906 13907</div> 13908 13909 13910 <div class="tw-hidden tw-w-full md:tw-block"> 13911<link 13912 rel="preload" 13913 href="https://cld.accentuate.io/10934531719327/1789689464893/D-POM-BottomHero.png?v=1789692158957w_360" 13914 as="image" 13915 imagesrcset="https://cld.accentuate.io/10934531719327/1789689464893/D-POM-BottomHero.png?v=1789692158957w_480 240w, 13916 https://cld.accentuate.io/10934531719327/1789689464893/D-POM-BottomHero.png?v=1789692158957w_720 360w, 13917 https://cld.accentuate.io/10934531719327/1789689464893/D-POM-BottomHero.png?v=1789692158957w_1080 540w, 13918 https://cld.accentuate.io/10934531719327/1789689464893/D-POM-BottomHero.png?v=1789692158957w_1440 720w, 13919 https://cld.accentuate.io/10934531719327/1789689464893/D-POM-BottomHero.png?v=1789692158957w_1350 900w, 13920 https://cld.accentuate.io/10934531719327/1789689464893/D-POM-BottomHero.png?v=1789692158957w_1512 1080w, 13921 https://cld.accentuate.io/10934531719327/1789689464893/D-POM-BottomHero.png?v=1789692158957w_1728 1296w, 13922 https://cld.accentuate.io/10934531719327/1789689464893/D-POM-BottomHero.png?v=1789692158957w_1920 1350w, 13923 https://cld.accentuate.io/10934531719327/1789689464893/D-POM-BottomHero.png?v=1789692158957w_1980 1728w, 13924 https://cld.accentuate.io/10934531719327/1789689464893/D-POM-BottomHero.png?v=1789692158957w_2160 1920w, 13925 https://cld.accentuate.io/10934531719327/1789689464893/D-POM-BottomHero.png?v=1789692158957w_2880 2560w, 13926 https://cld.accentuate.io/10934531719327/1789689464893/D-POM-BottomHero.png?v=1789692158957w_4096 3072w 13927 " 13928 ><img 13929 src="https://cld.accentuate.io/10934531719327/1789689464893/D-POM-BottomHero.png?v=1789692158957w_1" 13930 data-srcset="https://cld.accentuate.io/10934531719327/1789689464893/D-POM-BottomHero.png?v=1789692158957w_480 240w, 13931 https://cld.accentuate.io/10934531719327/1789689464893/D-POM-BottomHero.png?v=1789692158957w_720 360w, 13932 https://cld.accentuate.io/10934531719327/1789689464893/D-POM-BottomHero.png?v=1789692158957w_1080 540w, 13933 https://cld.accentuate.io/10934531719327/1789689464893/D-POM-BottomHero.png?v=1789692158957w_1440 720w, 13934 https://cld.accentuate.io/10934531719327/1789689464893/D-POM-BottomHero.png?v=1789692158957w_1350 900w, 13935 https://cld.accentuate.io/10934531719327/1789689464893/D-POM-BottomHero.png?v=1789692158957w_1512 1080w, 13936 https://cld.accentuate.io/10934531719327/1789689464893/D-POM-BottomHero.png?v=1789692158957w_1728 1296w, 13937 https://cld.accentuate.io/10934531719327/1789689464893/D-POM-BottomHero.png?v=1789692158957w_1920 1350w, 13938 https://cld.accentuate.io/10934531719327/1789689464893/D-POM-BottomHero.png?v=1789692158957w_1980 1728w, 13939 https://cld.accentuate.io/10934531719327/1789689464893/D-POM-BottomHero.png?v=1789692158957w_2160 1920w, 13940 https://cld.accentuate.io/10934531719327/1789689464893/D-POM-BottomHero.png?v=1789692158957w_2880 2560w, 13941 https://cld.accentuate.io/10934531719327/1789689464893/D-POM-BottomHero.png?v=1789692158957w_4096 3072w 13942 " 13943 data-widths="[360, 540, 720, 900, 1080, 1296, 1512, 1728, 2640]" 13944 data-sizes="auto" 13945 data-optimumx="auto" 13946 class="lazyload tw-w-full" 13947 data-src="https://cld.accentuate.io/10934531719327/1789689464893/D-POM-BottomHero.png?v=1789692158957w_3
1394760" 13948 data-parent-fit="contain" 13949 width="100%" 13950 height="100%" 13951 data-aspectratio="2.8" 13952 alt="" 13953> 13954 13955 </div> 13956 <div class="tw-w-full md:tw-hidden"> 13957 13958 13959<link 13960 rel="preload" 13961 href="https://cld.accentuate.io/10934531719327/1789689466069/M-POM-BottomHero.png?v=1789692176132w_360" 13962 as="image" 13963 imagesrcset="https://cld.accentuate.io/10934531719327/1789689466069/M-POM-BottomHero.png?v=1789692176132w_480 240w, 13964 https://cld.accentuate.io/10934531719327/1789689466069/M-POM-BottomHero.png?v=1789692176132w_720 360w, 13965 https://cld.accentuate.io/10934531719327/1789689466069/M-POM-BottomHero.png?v=1789692176132w_1080 540w, 13966 https://cld.accentuate.io/10934531719327/1789689466069/M-POM-BottomHero.png?v=1789692176132w_1440 720w, 13967 https://cld.accentuate.io/10934531719327/1789689466069/M-POM-BottomHero.png?v=1789692176132w_1350 900w, 13968 https://cld.accentuate.io/10934531719327/1789689466069/M-POM-BottomHero.png?v=1789692176132w_1512 1080w, 13969 https://cld.accentuate.io/10934531719327/1789689466069/M-POM-BottomHero.png?v=1789692176132w_1728 1296w, 13970 https://cld.accentuate.io/10934531719327/1789689466069/M-POM-BottomHero.png?v=1789692176132w_1920 1350w, 13971 https://cld.accentuate.io/10934531719327/1789689466069/M-POM-BottomHero.png?v=1789692176132w_1980 1728w, 13972 https://cld.accentuate.io/10934531719327/1789689466069/M-POM-BottomHero.png?v=1789692176132w_2160 1920w, 13973 https://cld.accentuate.io/10934531719327/1789689466069/M-POM-BottomHero.png?v=1789692176132w_2880 2560w, 13974 https://cld.accentuate.io/10934531719327/1789689466069/M-POM-BottomHero.png?v=1789692176132w_4096 3072w 13975 " 13976 ><img 13977 src="https://cld.accentuate.io/10934531719327/1789689466069/M-POM-BottomHero.png?v=1789692176132w_1" 13978 data-srcset="https://cld.accentuate.io/10934531719327/1789689466069/M-POM-BottomHero.png?v=1789692176132w_480 240w, 13979 https://cld.accentuate.io/10934531719327/1789689466069/M-POM-BottomHero.png?v=1789692176132w_720 360w, 13980 https://cld.accentuate.io/10934531719327/1789689466069/M-POM-BottomHero.png?v=1789692176132w_1080 540w, 13981 https://cld.accentuate.io/10934531719327/1789689466069/M-POM-BottomHero.png?v=1789692176132w_1440 720w, 13982 https://cld.accentuate.io/10934531719327/1789689466069/M-POM-BottomHero.png?v=1789692176132w_1350 900w, 13983 https://cld.accentuate.io/10934531719327/1789689466069/M-POM-BottomHero.png?v=1789692176132w_1512 1080w, 13984 https://cld.accentuate.io/10934531719327/1789689466069/M-POM-BottomHero.png?v=1789692176132w_1728 1296w, 13985 https://cld.accentuate.io/10934531719327/1789689466069/M-POM-BottomHero.png?v=1789692176132w_1920 1350w, 13986 https://cld.accentuate.io/10934531719327/1789689466069/M-POM-BottomHero.png?v=1789692176132w_1980 1728w, 13987 https://cld.accentuate.io/10934531719327/1789689466069/M-POM-BottomHero.png?v=1789692176132w_2160 1920w, 13988 https://cld.accentuate.io/10934531719327/1789689466069/M-POM-BottomHero.png?v=1789692176132w_2880 2560w, 13989 https://cld.accentuate.io/10934531719327/1789689466069/M-POM-BottomHero.png?v=1789692176132w_4096 3072w 13990 " 13991 data-widths="[360, 540, 720, 900, 1080, 1296, 1512, 1728, 2640]" 13992 data-sizes="auto" 13993 data-optimumx="auto" 13994 class="lazyload tw-w-full" 13995 data-src="https://cld.accentuate.io/10934531719327/1789689466069/M-POM-BottomHero.png?v=1789692176132w_360" 13996 data-parent-fit="contain" 13997 width="100%" 13998 height="100%" 13999 data-aspectratio="1.6304347826086956" 14000 alt="" 14001> 14002 14003 </div> 14004 14005 14006 14007 14008<div id="shopify-section-rebuy-recommendations-widget" class="shopify-section"><section class="tw-px-5 lg:tw-px-25 tw-pt-10 md:tw-pt-20 tw-pb-[60px] md:tw-pb-[160px]" style="background-color: #fff6ea;"> 14009 <div class="tw-max-w-[1180px] tw-mx-auto"><h2 class="tw-mb-10 tw-text-center tw-font-display tw-capitalize tw-text-display-md-m tw-font-extrabold md:tw-text-13">You're Going to Love These</h2><div data-rebuy-id="191169" data-rebuy-shopify-product-ids="10934531719327" class="tw-hidden"></div> 14010 <rebuy-recommendations data-widget-id="191169" data-root-url="/"> 14011 <div class="collection-group-grid tw-scroll-mt-80 tw-pb-10 lg:tw-scroll-mt-32 lg:tw-pb-15 js-rebuy-product-grid"></div> 14012 </rebuy-recommendations> 14013 </div> 14014</section> 14015 14016 14017 14018</div> 14019 <div id="shopify-section-switch-to-subscription-interstitial" class="shopify-section"> 14020 14021 14022 14023</div> 14024 14025 <div id="shopify-section-product-popup" class="shopify-section"></div> 14026 </div> 14027</div> 14028
14029<script type="application/ld+json"> 14030 {"@context":"http:\/\/schema.org\/","@id":"\/products\/pomegranate-sparkle#product","@type":"ProductGroup","brand":{"@type":"Brand","name":"OLIPOP"},"category":"Soda","description":"Pomegranate Sparkle is a juicy blend of pomegranate, sweet quince, and tangy passion fruit, with a crisp sparkle. Smooth, sweet-tart, and just fancy enough to light up any holiday table.","hasVariant":[{"@id":"\/products\/pomegranate-sparkle?variant=62871023616159#variant","@type":"Product","image":"https:\/\/drinkolipop.com\/cdn\/shop\/files\/pomegranate-sparkle-6g-olipop_gallery-image_single-can_new_asset.webp?v=1789390717\u0026width=1920","name":"Pomegranate Sparkle - 1 Can","offers":{"@id":"\/products\/pomegranate-sparkle?variant=62871023616159#offer","@type":"Offer","availability":"http:\/\/schema.org\/OutOfStock","price":"35.99","priceCurrency":"USD","url":"https:\/\/drinkolipop.com\/products\/pomegranate-sparkle?variant=62871023616159"}},{"@id":"\/products\/pomegranate-sparkle?variant=62865580589215#variant","@type":"Product","gtin":"810196870000","image":"https:\/\/drinkolipop.com\/cdn\/shop\/files\/pomegranate-sparkle-6g-olipop_gallery-image_single-can_new_asset.webp?v=1789390717\u0026width=1920","name":"Pomegranate Sparkle - 12 Pack","offers":{"@id":"\/products\/pomegranate-sparkle?variant=62865580589215#offer","@type":"Offer","availability":"http:\/\/schema.org\/InStock","price":"35.99","priceCurrency":"USD","url":"https:\/\/drinkolipop.com\/products\/pomegranate-sparkle?variant=62865580589215"},"sku":"OP-PS-12-A"}],"name":"Pomegranate Sparkle","productGroupID":"10934531719327","url":"https:\/\/drinkolipop.com\/products\/pomegranate-sparkle"} 14031</script>
14031 14032
14033<script data-locksmith> 14034 var load = function () { 14035 14036 if (document.querySelectorAll('.locksmith-manual-trigger').length > 0) { 14037 Locksmith.ping(); 14038 } 14039 14040 14041 Locksmith.util.on('submit', 'locksmith-resource-form', function (event) { 14042 event.preventDefault(); 14043 var data = Locksmith.util.serializeForm(event.target); 14044 var options = { spinner: false, container: 'locksmith-content' }; 14045 // a form rendered inline (section replacement) must keep that context 14046 // on resubmit: same enclosing container (there may be several on the 14047 // page), and no layout classes or cancel affordance in the re-render 14048 var inlineContainer = event.target.closest && event.target.closest('[id^="locksmith-content"]'); 14049 if (inlineContainer) { 14050 options.container = inlineContainer; 14051 } 14052 if (event.target.getAttribute('data-locksmith-inline') === 'true') { 14053 options.include_layout_classes = false; 14054 } 14055 Locksmith.postResource(data, options); 14056 }); 14057 14058 Locksmith.util.on('click', 'locksmith-manual-trigger', function (event) { 14059 event.preventDefault(); 14060 Locksmith.postResource({}, { spinner: true, container: document }); 14061 }); 14062 14063 Locksmith.submitPasscode = function (passcode) { 14064 Locksmith.postResource( 14065 { passcode: passcode }, 14066 { spinner: false, container: 'locksmith-content' } 14067 ); 14068 }; 14069 }; 14070 14071 if (typeof Locksmith !== 'undefined') { 14072 load(); 14073 } else { 14074 window.addEventListener('load', load); 14075 } 14076 </script>
14076 14077 </div> 14078 14079 <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> 14080 </div> 14081 14082 <div id="shopify-section-footer" class="shopify-section"><style data-shopify>#shopify-section-footer { 14083 --image-width: 0px; 14084 --image-width-mobile: 0.0px; 14085 --image-width-secondary: 0px; 14086 --image-width-secondary-mobile: 0.0px; 14087 } 14088 14089 #shopify-section-footer .slice-animation--left { 14090 animation: slice-small 3s cubic-bezier(0.33, 0.35, 0.73, 0.72) forwards paused; 14091 } 14092 14093 #shopify-section-footer .slice-animation--right { 14094 animation: slice-small-right 3s cubic-bezier(0.33, 0.35, 0.73, 0.72) forwards paused; 14095 } 14096 14097 @media (min-width: 750px) { 14098 #shopify-section-footer .slice-animation--left { 14099 animation: slice-medium 3s cubic-bezier(0.33, 0.35, 0.73, 0.72) forwards paused; 14100 } 14101 } 14102 14103 @media (min-width: 750px) { 14104 #shopify-section-footer .slice-animation--right { 14105 animation: slice-medium-right 3s cubic-bezier(0.33, 0.35, 0.73, 0.72) forwards paused; 14106 } 14107 } 14108 14109 @media (min-width: 1024px) { 14110 #shopify-section-footer .slice-animation--left { 14111 animation: slice-large 3s cubic-bezier(0.33, 0.35, 0.73, 0.72) forwards paused; 14112 } 14113 } 14114 14115 @media (min-width: 1024px) { 14116 #shopify-section-footer .slice-animation--right { 14117 animation: slice-large-right 3s cubic-bezier(0.33, 0.35, 0.73, 0.72) forwards paused; 14118 } 14119 } 14120 14121 @media (min-width: 1440px) { 14122 #shopify-section-footer .slice-animation--left { 14123 animation: slice-large-up 3s cubic-bezier(0.33, 0.35, 0.73, 0.72) forwards paused; 14124 } 14125 } 14126 14127 @media (min-width: 1440px) { 14128 #shopify-section-footer .slice-animation--right { 14129 animation: slice-large-up-right 3s cubic-bezier(0.33, 0.35, 0.73, 0.72) forwards paused; 14130 } 14131 } 14132 14133 @media (min-width: 1920px) { 14134 #shopify-section-footer .slice-animation--left { 14135 animation: slice-large-up 7s cubic-bezier(0.33, 0.35, 0.73, 0.72) forwards paused; 14136 } 14137 } 14138 14139 @media (min-width: 1920px) { 14140 #shopify-section-footer .slice-animation--right { 14141 animation: slice-large-up-right 7s cubic-bezier(0.33, 0.35, 0.73, 0.72) forwards paused; 14142 } 14143 } 14144 14145 @keyframes slice-large-up { 14146 0%{ 14147 transform: translateX(0%) 14148 } 14149 100%{ 14150 transform: translateX(calc((100vw - 1320px) / 2)); 14151 } 14152 } 14153 14154 @keyframes slice-large-up-right { 14155 0%{ 14156 transform: translateX(0%) 14157 } 14158 100%{ 14159 transform: translateX(calc((100vw - 1320px) / -2)); 14160 } 14161 } 14162 14163 @keyframes slice-large { 14164 0%{ 14165 transform: translateX(0%) 14166 } 14167 100%{ 14168 transform: translateX(60px) 14169 } 14170 } 14171 14172 @keyframes slice-large-right { 14173 0%{ 14174 transform: translateX(0%) 14175 } 14176 100%{ 14177 transform: translateX(-60px) 14178 } 14179 } 14180 14181 @keyframes slice-medium { 14182 0%{ 14183 transform: translateX(0%) 14184 } 14185 100%{ 14186 transform: translateX(20px) 14187 } 14188 } 14189 14190 @keyframes slice-medium-right { 14191 0%{ 14192 transform: translateX(0%) 14193 } 14194 100%{ 14195 transform: translateX(-20px) 14196 } 14197 } 14198 14199 @keyframes slice-small { 14200 0% { 14201 transform: translateX(0%); 14202 } 14203 100% { 14204 transform: translateX(20px) 14205 } 14206 } 14207 14208 @keyframes slice-small-right { 14209 0% { 14210 transform: translateX(0%); 14211 } 14212 100% { 14213 transform: translateX(-20px) 14214 } 14215 } 14216 14217 footer .klaviyo-form button:hover { 14218 background-color: #E2EB28 !important; 14219 } 14220 14221 .footer-menu h3 { 14222 font-weight: 800; 14223 } 14224 14225 .footer-menu a:hover { 14226 color: #FFFF7D !important; 14227 } 14228 14229 @media screen and (max-width: 750px) { 14230 .footer-link-list li:not(:last-child)::after { 14231 margin-right: 5px; 14232 margin-left: 5px; 14233 } 14234 14235 .footer-link-list { 14236 margin-right: -1rem; 14237 margin-left: -1rem; 14238 } 14239 }</style><footer 14240 class="tw-relative tw-z-10 tw-float-left tw-w-full tw-font-ano" 14241 data-section-id="footer" 14242 data-section-type="footer-section" 14243 style="background-color: #008168;" 14244> 14245 <section class="tw-pointer-events-none tw-relative tw-h-0"><div 14246 class="tw-absolute tw-z-6 tw-w-full tw-bottom-[-100%]" 14247 > 14248 <div 14249 class="wave-separator-svg__curve-up-left tw-h-[98px]" 14250 style="background-color: #008168;" 14251 ></div> 14252 </div> 14253 </section> 14254 14255 14256 14257 14258 <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"> 14259 <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"> 14260 <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 14261 class="tw-text-8 lg:tw-text-12 !tw-font-display tw-font-bold tw-leading-[1.1] !tw-text-vanilla " 14262 id="footer-menu-label-1" 14263 > 14264 Sign up to get 15% off your first order 14265 </h3><klaviyo-form 14266 class="klaviyo-form tw-px-0 tw-pt-4 tw-pb-6 md:tw-py-6 tw-inline-block text-left" 14267 data-klaviyo-list-id="KdQJNU" 14268 > 14269 <form 14270 method="post" 14271 action="/contact#contact_form" 14272 id="contact_form" 14273 accept-charset="UTF-8" 14274 class="newsletter-form" 14275 > 14276 <input type="hidden" name="contact[tags]" value="newsletter"> 14277 <div class="klaviyo-form__wrapper rel"> 14278 <input 14279 type="email" 14280 id="KlaviyoForm--footer" 14281 name="contact[email]" 14282 value="" 14283 aria-required="true" 14284 autocorrect="off" 14285 autocapitalize="off" 14286 autocomplete="email" 14287 required 14288 placeholder="Your Email Address" 14289 > 14290 <label class="visually-hidden" for="KlaviyoForm--footer">Subscribe</label> 14291 <button 14292 type="submit" 14293 name="subscribe" 14294 id="subscribe" 14295 aria-label="Subscribe" 14296 > 14297 Subscribe 14298 </button> 14299 </div> 14300
14301 <div class="klaviyo-form__message klaviyo-form__success hide"> 14302 <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> 14303 </div> 14304 14305 14306 14307 <div class="klaviyo-form__message klaviyo-form__error form-error hide"> 14308 <p>Something went wrong, please try again</p> 14309 </div> 14310 14311 <div class="klaviyo-form__message klaviyo-form__error-email form-error hide tw-pt-4"> 14312 Please enter a valid email address. 14313 </div> 14314 </form> 14315 </klaviyo-form> 14316 14317 <nav class="tw-mt-2" aria-label="Social media"> 14318 <ul class="social-icons"><li class="tw-my-0 tw-mx-[10px] tw-inline-block lg:tw-mr-7 lg:tw-ml-0"> 14319 <a class="tw-text-white hover:tw-text-yellow-dark" target="_blank" href="https://www.instagram.com/drinkolipop/"> 14320 <svg focusable="false" class="icon icon-instagram" role="presentation" viewBox="0 0 512 512"> 14321 <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"/> 14322</svg> 14323 14324 <span class="icon__fallback-text">Link to Olipop Instagram</span> 14325 </a> 14326 </li><li class="tw-my-0 tw-mx-[10px] tw-inline-block lg:tw-mr-7 lg:tw-ml-0"> 14327 <a class="tw-text-white hover:tw-text-yellow-dark" target="_blank" href="https://www.tiktok.com/@drinkolipop?lang=en"> 14328 <svg width="23" height="26" viewBox="0 0 23 26" fill="none" xmlns="http://www.w3.org/2000/svg" role="presentation"> 14329 <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"/> 14330</svg> 14331
14332 <span class="icon__fallback-text">Link to Olipop TikTok</span> 14333 </a> 14334 </li><li class="tw-my-0 tw-mx-[10px] tw-inline-block lg:tw-mr-7 lg:tw-ml-0"> 14335 <a class="tw-text-white hover:tw-text-yellow-dark" target="_blank" href="https://www.facebook.com/drinkolipop"> 14336 <svg 14337 width="11" 14338 height="21" 14339 viewBox="0 0 11 21" 14340 fill="none" 14341 xmlns="http://www.w3.org/2000/svg" 14342 class="icon icon-facebook" 14343 role="presentation" 14344> 14345 <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"/> 14346</svg> 14347 14348 <span class="icon__fallback-text">Link to Olipop Facebook</span> 14349 </a> 14350 </li><li class="tw-my-0 tw-mx-[10px] tw-inline-block lg:tw-mr-7 lg:tw-ml-0"> 14351 <a class="tw-text-white hover:tw-text-yellow-dark" target="_blank" href="https://www.linkedin.com/company/olipop-pbc"> 14352 <svg class="icon icon-linkedin" width="24" height="24" role="presentation" viewBox="0 0 26 26"> 14353 <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 "/> 14354</svg> 14355 14356 <span class="icon__fallback-text">Link to Olipop LinkedIn</span> 14357 </a> 14358 </li><li class="tw-my-0 tw-mx-[10px] tw-inline-block lg:tw-mr-7 lg:tw-ml-0"> 14359 <a class="tw-text-white hover:tw-text-yellow-dark" target="_blank" href="https://www.pinterest.com/drinkolipop/"> 14360 <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-pinterest" viewBox="0 0 20 20"> 14361 <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"/> 14362</svg> 14363 14364 <span class="icon__fallback-text">Link to Olipop Pinterest</span> 14365 </a> 14366 </li><li class="tw-my-0 tw-mx-[10px] tw-inline-block lg:tw-mr-7 lg:tw-ml-0"> 14367 <a class="tw-text-white hover:tw-text-yellow-dark" target="_blank" href="https://twitter.com/drinkolipop"> 14368 <svg 14369 width="28" 14370 aria-hidden="true" 14371 focusable="false" 14372 role="presentation" 14373 height="28" 14374 viewBox="0 0 28 28" 14375 class="icon icon-twitter" 14376 fill="none" 14377 xmlns="http://www.w3.org/2000/svg" 14378> 14379 <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"/> 14380</svg> 14381
14382 <span class="icon__fallback-text">Link to Olipop Twitter</span> 14383 </a> 14384 </li><li class="tw-my-0 tw-mx-[10px] tw-inline-block lg:tw-mr-7 lg:tw-ml-0"> 14385 <a class="tw-text-white hover:tw-text-yellow-dark" target="_blank" href="https://www.youtube.com/@OLIPOP"> 14386 <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-youtube" width="24" height="24" viewBox="0 0 24 24"> 14387 <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"/> 14388</svg> 14389 <span class="icon__fallback-text">Link to Olipop YouTube</span> 14390 </a> 14391 </li></ul> 14392 </nav> 14393</div> 14394 <div class="footer-menu tw-w-[calc(50%_-_12px)] lg:tw-w-auto tw-mt-2 lg:tw-mt-0"><h3 14395 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" 14396 id="footer-menu-label-2" 14397 > 14398 Help 14399 </h3><nav aria-labelledby="footer-menu-label-2"> 14400 <ul 14401 id="footer-menu-items-2" 14402 class="!tw-block" 14403 aria-labelledby="footer-menu-label-2" 14404 ><li class="tw-mt-3 first:tw-mt-0"> 14405 <a 14406 href="/pages/faq" 14407 class="settings-text-base-sm tw-text-vanilla hover:tw-text-yellow-dark" 14408 14409 14410 > 14411 FAQ 14412 </a> 14413 </li><li class="tw-mt-3 first:tw-mt-0"> 14414 <a 14415 href="/pages/fiber-education" 14416 class="settings-text-base-sm tw-text-vanilla hover:tw-text-yellow-dark" 14417 14418 14419 > 14420 Fiber Education 14421 </a> 14422 </li><li class="tw-mt-3 first:tw-mt-0"> 14423 <a 14424 href="https://drinkolipop.com/apps/retextion#/login" 14425 class="settings-text-base-sm tw-text-vanilla hover:tw-text-yellow-dark" 14426 14427 14428 > 14429 Manage Subscriptions 14430 </a> 14431 </li><li class="tw-mt-3 first:tw-mt-0"> 14432 <a 14433 href="https://drinkolipop.com/account/login" 14434 class="settings-text-base-sm tw-text-vanilla hover:tw-text-yellow-dark" 14435 14436 14437 > 14438 Manage Account 14439 </a> 14440 </li><li class="tw-mt-3 first:tw-mt-0"> 14441 <a 14442 href="/pages/track-your-order" 14443 class="settings-text-base-sm tw-text-vanilla hover:tw-text-yellow-dark" 14444 14445 14446 > 14447 Track Your Order 14448 </a> 14449 </li><li class="tw-mt-3 first:tw-mt-0"> 14450 <a 14451 href="/pages/satisfactionguarantee" 14452 class="settings-text-base-sm tw-text-vanilla hover:tw-text-yellow-dark" 14453 14454 14455 > 14456 Satisfaction Guarantee 14457 </a> 14458 </li><li class="tw-mt-3 first:tw-mt-0"> 14459 <a 14460 href="/pages/accessibility" 14461 class="settings-text-base-sm tw-text-vanilla hover:tw-text-yellow-dark" 14462 14463 14464 > 14465 Accessibility 14466 </a> 14467 </li><li class="tw-mt-3 first:tw-mt-0"> 14468 <a 14469 href="/pages/contact-us" 14470 class="settings-text-base-sm tw-text-vanilla hover:tw-text-yellow-dark" 14471 14472 14473 > 14474 Contact Us 14475 </a> 14476 </li> 14477 </ul> 14478 </nav></div> 14479 <div class="footer-menu tw-w-[calc(50%_-_12px)] lg:tw-w-auto tw-mt-2 lg:tw-mt-0"><h3 14480 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" 14481 id="footer-menu-label-3" 14482 > 14483 Company 14484 </h3><nav aria-labelledby="footer-menu-label-3"> 14485 <ul 14486 id="footer-menu-items-3" 14487 class="!tw-block" 14488 aria-labelledby="footer-menu-label-3" 14489 ><li class="tw-mt-3 first:tw-mt-0"> 14490 <a 14491 href="https://drinkolipop.com/pages/olipop-rewards" 14492 class="settings-text-base-sm tw-text-vanilla hover:tw-text-yellow-dark" 14493 14494 14495 > 14496 Earn Rewards 14497 </a> 14498 </li><li class="tw-mt-3 first:tw-mt-0"> 14499 <a 14500 href="/pages/sustainability" 14501 class="settings-text-base-sm tw-text-vanilla hover:tw-text-yellow-dark" 14502 14503 14504 > 14505 Sustainability 14506 </a> 14507 </li><li class="tw-mt-3 first:tw-mt-0"> 14508 <a 14509 href="/pages/careers" 14510 class="settings-text-base-sm tw-text-vanilla hover:tw-text-yellow-dark" 14511 14512 14513 > 14514 Careers 14515 </a> 14516 </li><li class="tw-mt-3 first:tw-mt-0"> 14517 <a 14518 href="/pages/product-quality-and-safety" 14519 class="settings-text-base-sm tw-text-vanilla hover:tw-text-yellow-dark" 14520 14521 14522 > 14523 Quality & Safety 14524 </a> 14525 </li><li class="tw-mt-3 first:tw-mt-0"> 14526 <a 14527 href="/blogs/digest" 14528 class="settings-text-base-sm tw-text-vanilla hover:tw-text-yellow-dark" 14529 14530 14531 >
14532 OLIPOP Blog 14533 </a> 14534 </li><li class="tw-mt-3 first:tw-mt-0"> 14535 <a 14536 href="/pages/press" 14537 class="settings-text-base-sm tw-text-vanilla hover:tw-text-yellow-dark" 14538 14539 14540 > 14541 Press 14542 </a> 14543 </li><li class="tw-mt-3 first:tw-mt-0"> 14544 <a 14545 href="/pages/affiliate-program" 14546 class="settings-text-base-sm tw-text-vanilla hover:tw-text-yellow-dark" 14547 14548 14549 > 14550 Affiliate Program 14551 </a> 14552 </li><li class="tw-mt-3 first:tw-mt-0"> 14553 <a 14554 href="/pages/rd-program" 14555 class="settings-text-base-sm tw-text-vanilla hover:tw-text-yellow-dark" 14556 14557 14558 > 14559 Registered Dietitian Program 14560 </a> 14561 </li><li class="tw-mt-3 first:tw-mt-0"> 14562 <a 14563 href="https://drinkolipop-wholesale.com/" 14564 class="settings-text-base-sm tw-text-vanilla hover:tw-text-yellow-dark" 14565 14566 14567 target="_blank" 14568 14569 > 14570 Wholesale 14571 </a> 14572 </li> 14573 </ul> 14574 </nav></div></div> 14575 14576 <div class="tw-mt-10 tw-text-center lg:tw-text-left"> 14577 <a 14578 href="https://www.bcorporation.net/en-us/find-a-b-corp/company/olipop/" 14579 target="_blank" 14580 aria-label="Certified corporation link" 14581 ><svg 14582 width="48" 14583 height="80" 14584 viewBox="0 0 48 80" 14585 fill="none" 14586 aria-hidden="true" 14587 focusable="false" 14588 role="presentation" 14589> 14590 <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
14590M46.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
145905 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
145907 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"/> 14591</svg> 14592</a> 14593 </div> 14594 14595 <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"> 14596 <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"> 14597 © 2026 Olipop, Inc. All Rights Reserved 14598 </div> 14599 14600 <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"> 14601 14602<li class="tw-flex tw-items-center"> 14603 <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> 14604 </li> 14605 14606<li class="tw-flex tw-items-center"> 14607 <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> 14608 </li> 14609 14610<li class="tw-flex tw-items-center"> 14611 <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> 14612 </li> 14613 14614<li class="tw-flex tw-items-center"> 14615 <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> 14616 </li> 14617 14618 </ul> 14619 14620 </div> 14621 </div> 14622</footer> 14623 14624 14625</div> 14626 14627
14628<script> 14629 (function () { 14630 if (window.__productCardHoverWaveScriptLoaded) return; 14631 window.__productCardHoverWaveScriptLoaded = true; 14632 14633 var CARD_SIZE = 314; 14634 var DURATION_MS = 700; 14635 var clipIdCounter = 0; 14636 var delegationBound = false; 14637 14638 function clamp(value, min, max) { 14639 return Math.max(min, Math.min(max, value)); 14640 } 14641 14642 function easeOutCubic(t) { 14643 return 1 - Math.pow(1 - t, 3); 14644 } 14645 14646 function lerp(start, end, t) { 14647 return start + (end - start) * t; 14648 } 14649 14650 function wavePathForReveal(revealPx) { 14651 var reveal = clamp(revealPx, 0, CARD_SIZE); 14652 var offset = CARD_SIZE - reveal; 14653 var progress = reveal / CARD_SIZE; 14654 var fadeStart = 0.84; 14655 var fadeProgress = clamp((progress - fadeStart) / (1 - fadeStart), 0, 1); 14656 var fadeEased = easeOutCubic(fadeProgress); 14657 14658 var y0 = lerp(4.4565 + offset, offset, fadeEased); 14659 var c1y = lerp(4.41899 + offset, offset, fadeEased); 14660 var c2y = lerp(-13.1434 + offset, offset, fadeEased); 14661 var c3y = lerp(26.0583 + offset, offset, fadeEased); 14662 var c4y = lerp(65.2601 + offset, offset, fadeEased); 14663 var c5y = lerp(0.456482 + offset, offset, fadeEased); 14664 var endY = lerp(0.456482 + offset, offset, fadeEased); 14665 14666 return ( 14667 'M314 314H0.000422459L0.00012756 ' + 14668 y0 + 14669 'C-0.0456402 ' + 14670 c1y + 14671 ' 62.4 ' + 14672 c2y + 14673 ' 157 ' + 14674 c3y + 14675 'C251.6 ' + 14676 c4y + 14677 ' 314 ' + 14678 c5y + 14679 ' 314 ' + 14680 endY + 14681 'V314Z' 14682 ); 14683 } 14684 14685 function ensureUniqueClipPath(card) { 14686 var clipPath = card.querySelector('clipPath'); 14687 var image = card.querySelector('image[clip-path]'); 14688 if (!clipPath || !image) return; 14689 14690 if (clipPath.dataset.hoverWaveClipBound === 'true') return; 14691 14692 var existingId = clipPath.getAttribute('id'); 14693 if (existingId) { 14694 var matches = document.querySelectorAll('[id="' + CSS.escape(existingId) + '"]'); 14695 if (matches.length > 1) { 14696 clipIdCounter += 1; 14697 var newId = existingId + '-inst-' + clipIdCounter; 14698 clipPath.setAttribute('id', newId); 14699 image.setAttribute('clip-path', 'url(#' + newId + ')'); 14700 } 14701 } 14702 14703 clipPath.dataset.hoverWaveClipBound = 'true'; 14704 } 14705 14706 function animateCard(card, toReveal) { 14707 var path = card.querySelector('[data-hover-wave-path]'); 14708 if (!path) return; 14709 14710 var fromReveal = Number(card.dataset.hoverReveal || 0); 14711 var to = clamp(toReveal, 0, CARD_SIZE); 14712 card.dataset.hoverRevealTarget = String(to); 14713 14714 if (card.__hoverWaveRafId) { 14715 cancelAnimationFrame(card.__hoverWaveRafId); 14716 } 14717 14718 var startedAt = performance.now(); 14719 14720 function step(now) { 14721 var t = clamp((now - startedAt) / DURATION_MS, 0, 1); 14722 var eased = easeOutCubic(t); 14723 var reveal = fromReveal + (to - fromReveal) * eased; 14724 14725 card.dataset.hoverReveal = String(reveal); 14726 path.setAttribute('d', wavePathForReveal(reveal)); 14727 14728 if (t < 1) { 14729 card.__hoverWaveRafId = requestAnimationFrame(step); 14730 } else { 14731 card.dataset.hoverReveal = String(to); 14732 card.__hoverWaveRafId = null; 14733 } 14734 } 14735 14736 card.__hoverWaveRafId = requestAnimationFrame(step); 14737 } 14738 14739 function getWaveCardFromProductCard(productCard) { 14740 if (!productCard) return null; 14741 return productCard.querySelector('[data-hover-wave-card][data-hover-wave-ready="true"]'); 14742 } 14743 14744 function bindDelegation() { 14745 if (delegationBound) return; 14746 delegationBound = true; 14747 14748 document.addEventListener( 14749 'pointerover', 14750 function (event) { 14751 var productCard = event.target.closest('.product-card'); 14752 if (!productCard || productCard.contains(event.relatedTarget)) return; 14753 14754 var waveCard = getWaveCardFromProductCard(productCard); 14755 if (waveCard) animateCard(waveCard, CARD_SIZE); 14756 }, 14757 true 14758 ); 14759 14760 document.addEventListener( 14761 'pointerout', 14762 function (event) { 14763 var productCard = event.target.closest('.product-card'); 14764 if (!productCard || productCard.contains(event.relatedTarget)) return; 14765 14766 var waveCard = getWaveCardFromProductCard(productCard); 14767 if (waveCard) animateCard(waveCard, 0); 14768 }, 14769 true 14770 ); 14771 14772 document.addEventListener('focusin', function (event) { 14773 var productCard = event.target.closest('.product-card'); 14774 var waveCard = getWaveCardFromProductCard(productCard); 14775 if (waveCard) animateCard(waveCard, CARD_SIZE); 14776 }); 14777 14778 document.addEventListener('focusout', function (event) { 14779 var productCard = event.target.closest('.product-card'); 14780 if (!productCard || productCard.contains(event.relatedTarget)) return; 14781 14782 var waveCard = getWaveCardFromProductCard(productCard); 14783 if (waveCard) animateCard(waveCard, 0); 14784 }); 14785 14786 document.addEventListener('click', function (event) { 14787 if (!event.target.closest('[data-product-card-cta]')) return; 14788 var productCard = event.target.closest('.product-card'); 14789 if (!productCard) return; 14790 event.stopPropagation(); 14791 }); 14792 } 14793 14794 function initCard(card) { 14795 if (card.dataset.hoverWaveReady === 'true') return; 14796 14797 var path = card.querySelector('[data-hover-wave-path]'); 14798 if (!path) return; 14799 14800 if (!card.closest('.product-card')) return; 14801 14802 ensureUniqueClipPath(card); 14803 card.dataset.hoverWaveReady = 'true'; 14804 card.dataset.hoverReveal = '0'; 14805 path.setAttribute('d', wavePathForReveal(0)); 14806 } 14807 14808 function initProductCardHoverWaves(root) { 14809 bindDelegation(); 14810 var scope = root && root.nodeType ? root : document; 14811 var cards = scope.querySelectorAll('[data-hover-wave-card]'); 14812 for (var i = 0; i < cards.length; i += 1) { 14813 initCard(cards[i]); 14814 } 14815 } 14816 14817 window.initProductCardHoverWaves = initProductCardHoverWaves; 14818 14819 function scanDocument() { 14820 initProductCardHoverWaves(document); 14821 } 14822 14823 if (document.readyState === 'loading') { 14824 document.addEventListener('DOMContentLoaded', scanDocument); 14825 } else { 14826 scanDocument(); 14827 } 14828 14829 document.addEventListener('shopify:section:load', scanDocument); 14830 window.addEventListener('pageshow', function (event) { 14831 if (event.persisted) scanDocument(); 14832 }); 14833 })(); 14834</script>
14834 14835 14836 <div id="gorgias-chat-container"></div> 14837 14838 14839 <ul hidden> 14840 <li id="a11y-refresh-page-message">Choosing a selection results in a full page refresh.</li> 14841 <li id="a11y-selection-message">Press the space key then arrow keys to make a selection.</li> 14842 </ul> 14843 <!-- Hides Gorgias Chatbox until SE Cookies Policy is accepted --> 14844<style media="screen" id="hide-chatbox"> 14845 iframe#gorgias-web-messenger-container { 14846 display: none; 14847 } 14848</style> 14849
14850<script type="text/javascript"> 14851 $(document).ready(function () { 14852 function showChat() { 14853 if ($('#se-cookies-message').hasClass('se-cookies-message-open')) { 14854 console.log('Hiding chatbox'); 14855 $('#hide-chatbox').html('iframe#gorgias-web-messenger-container {display: none;}'); 14856 } else { 14857 console.log('Showing chatbox'); 14858 $('#hide-chatbox').html('iframe#gorgias-web-messenger-container {display: block;}'); 14859 } 14860 } 14861 14862 showChat(); 14863 14864 $('#se-accept-cookies-checkbox').click(function () { 14865 $('#hide-chatbox').html('iframe#gorgias-web-messenger-container {display: block;}'); 14866 }); 14867 }); 14868</script>
14868 14869 14870 14871 <!-- Back in Stock helper snippet --> 14872 14873
14874<script id="back-in-stock-helper"> 14875 var _BISConfig = _BISConfig || {}; 14876 14877 14878 _BISConfig.product = {"id":10934531719327,"title":"Pomegranate Sparkle","handle":"pomegranate-sparkle","description":"\u003cp\u003e\u003cmeta charset=\"utf-8\"\u003ePomegranate Sparkle is a juicy blend of pomegranate, sweet quince, and tangy passion fruit, with a crisp sparkle. Smooth, sweet-tart, and just fancy enough to light up any holiday table.\u003c\/p\u003e","published_at":"2026-09-25T05:03:57-07:00","created_at":"2026-09-14T05:53:31-07:00","vendor":"OLIPOP","type":"6g Fiber","tags":[],"price":3599,"price_min":3599,"price_max":3599,"available":true,"price_varies":false,"compare_at_price":null,"compare_at_price_min":0,"compare_at_price_max":0,"compare_at_price_varies":false,"variants":[{"id":62871023616159,"title":"1 Can","option1":"1 Can","option2":null,"option3":null,"sku":null,"requires_shipping":true,"taxable":true,"featured_image":null,"available":false,"name":"Pomegranate Sparkle - 1 Can","public_title":"1 Can","options":["1 Can"],"price":3599,"weight":454,"compare_at_price":null,"inventory_management":"shopify","barcode":null,"requires_selling_plan":false,"selling_plan_allocations":[{"price_adjustments":[{"position":1,"price":3059}],"price":3059,"compare_at_price":3599,"per_delivery_price":3059,"selling_plan_id":857440415,"selling_plan_group_id":"1c88f023b3c6a6da610bf474ef9dd3d921177690"},{"price_adjustments":[{"position":1,"price":3059}],"price":3059,"compare_at_price":3599,"per_delivery_price":3059,"selling_plan_id":886964383,"selling_plan_group_id":"1c88f023b3c6a6da610bf474ef9dd3d921177690"},{"price_adjustments":[{"position":1,"price":3059}],"price":3059,"compare_at_price":3599,"per_delivery_price":3059,"selling_plan_id":886997151,"selling_plan_group_id":"1c88f023b3c6a6da610bf474ef9dd3d921177690"}],"quantity_rule":{"min":1,"max":null,"increment":1}},{"id":62865580589215,"title":"12 Pack","option1":"12 Pack","option2":null,"option3":null,"sku":"OP-PS-12-A","requires_shipping":true,"taxable":true,"featured_image":null,"available":true,"name":"Pomegranate Sparkle - 12 Pack","public_title":"12 Pack","options":["12 Pack"],"price":3599,"weight":454,"compare_at_price":null,"inventory_management":"shopify","barcode":"810196870000","requires_selling_plan":false,"selling_plan_allocations":[{"price_adjustments":[{"position":1,"price":3059}],"price":3059,"compare_at_price":3599,"per_delivery_price":3059,"selling_plan_id":857440415,"selling_plan_group_id":"1c88f023b3c6a6da610bf474ef9dd3d921177690"},{"price_adjustments":[{"position":1,"price":3059}],"price":3059,"compare_at_price":3599,"per_delivery_price":3059,"selling_plan_id":886964383,"selling_plan_group_id":"1c88f023b3c6a6da610bf474ef9dd3d921177690"},{"price_adjustments":[{"position":1,"price":3059}],"price":3059,"compare_at_price":3599,"per_delivery_price":3059,"selling_plan_id":886997151,"selling_plan_group_id":"1c88f023b3c6a6da610bf474ef9dd3d921177690"}],"quantity_rule":{"min":1,"max":null,"increment":1}}],"images":["\/\/drinkolipop.com\/cdn\/shop\/files\/pomegranate-sparkle-6g-olipop_gallery-image_single-can_new_asset.webp?v=1789390717","\/\/drinkolipop.com\/cdn\/shop\/files\/POM-Gallery1_new_asset.webp?v=1790168792","\/\/drinkolipop.com\/cdn\/shop\/files\/Tile_3_new_asset.webp?v=1790168636","\/\/drinkolipop.com\/cdn\/shop\/files\/Tile_5_new_asset.webp?v=1790168650","\/\/drinkolipop.com\/cdn\/shop\/files\/Tile_2_new_asset.webp?v=1790168630","\/\/drinkolipop.com\/cdn\/shop\/files\/Tile_4_new_asset.webp?v=1790168642"],"featured_image":"\/\/drinkolipop.com\/cdn\/shop\/files\/pomegranate-sparkle-6g-olipop_gallery-image_single-can_new_asset.webp?v=1789390717","options":["Size"],"media":[{"alt":"OLIPOP Pomegranate Sparkle can with condensation droplets featuring a Yeti holding a pomegranate.","id":54570032529567,"position":1,"preview_image":{"aspect_ratio":0.756,"height":1350,"width":1020,"src":"\/\/drinkolipop.com\/cdn\/shop\/files\/pomegranate-sparkle-6g-olipop_gallery-image_single-can_new_asset.webp?v=1789390717"},"aspect_ratio":0.756,"height":1350,"media_type":"image","src":"\/\/drinkolipop.com\/cdn\/shop\/files\/pomegranate-sparkle-6g-olipop_gallery-image_single-can_new_asset.webp?v=1789390717","width":1020},{"alt":"A dark burgundy soda can labeled \"Pomegranate Sparkle\" features a cartoon character holding a pomegranate against a pink background.","id":54584248369311,"position":2,"preview_image":{"aspect_ratio":1.0,"height":2000,"width":2000,"src":"\/\/drinkolipop.com\/cdn\/shop\/files\/POM-Gallery1_new_asset.webp?v=1790168792"},"aspect_ratio":1.0,"height":2000,"media_type":"image","src":"\/\/drinkolipop.com\/cdn\/shop\/files\/POM-Gallery1_new_asset.webp?v=1790168792","width":2000},{"alt":"Pomegranate Sparkle soda can displaying six grams fiber, four grams sugar, and thirty-five calories per serving.","id":54584247451807,"position":3,"preview_image":{"aspect_ratio":1.0,"height":2000,"width":2000,"src":"\/\/drinkolipop.com\/cdn\/shop\/files\/Tile_3_new_asset.webp?v=1790168636"},"aspect_ratio":1.0,"height":2000,"media_type":"image","src":"\/\/drinkolipop.com\/cdn\/shop\/files\/Tile_3_new_asset.webp?v=1790168636","width":2000},{"alt":"Infographic listing prebiotic fiber sources and botanical ingredients including cassava, acacia, guar fiber, marshmallow root, calendula, kudzu, and nopal cactus.","id":54584247353503,"position":4,"preview_image":{"aspect_ratio":1.0,"height":2000,"width":2000,"src":"\/\/drinkolipop.com\/cdn\/shop\/files\/Tile_5_new_asset.webp?v=1790168650"},"aspect_ratio":1.0,"height":2000,"media_type":"image","src":"\/\/drinkolipop.com\/cdn\/shop\/files\/Tile_5_new_asset.webp?v=1790168650","width":2000},{"alt":"A purple aluminum can labeled \"OLLIPOP pomegranate sparkle\" features a cartoon character holding a pomegranate against a pink background.","id":54584247386271,"position":5,"preview_image":{"aspect_ratio":1.0,"height":2000,"width":2000,"src":"\/\/drinkolipop.com\/cdn\/shop\/files\/Tile_2_new_asset.webp?v=1790168630"},"aspect_ratio":1.0,"height":2000,"media_type":"image","src":"\/\/drinkolipop.com\/cdn\/shop\/files\/Tile_2_new_asset.webp?v=1790168630","width":2000},{"alt":"Pomegranate Sparkle beverage label showing nutrition facts, ingredients, and vegan certification on pink background.","id":54584247419039,"position":6,"preview_image":{"aspect_ratio":1.0,"height":2000,"width":2000,"src":"\/\/drinkolipop.com\/cdn\/shop\/files\/Tile_4_new_asset.webp?v=1790168642"},"aspect_ratio":1.0,"height":2000,"media_type":"image","src":"\/\/drinkolipop.com\/cdn\/shop\/files\/Tile_4_new_asset.webp?v=1790168642","width":2000}
14878],"requires_selling_plan":false,"selling_plan_groups":[{"id":"1c88f023b3c6a6da610bf474ef9dd3d921177690","name":"Subscribe \u0026 Save","options":[{"name":"Frequency","position":1,"values":["Delivered every 2 weeks","Delivered every 4 weeks","Delivered every 8 weeks"]}],"selling_plans":[{"id":857440415,"name":"Delivered every 2 weeks","description":null,"options":[{"name":"Frequency","position":1,"value":"Delivered every 2 weeks"}],"recurring_deliveries":true,"price_adjustments":[{"order_count":null,"position":1,"value_type":"percentage","value":15}],"checkout_charge":{"value_type":"percentage","value":100}},{"id":886964383,"name":"Delivered every 4 weeks","description":null,"options":[{"name":"Frequency","position":1,"value":"Delivered every 4 weeks"}],"recurring_deliveries":true,"price_adjustments":[{"order_count":null,"position":1,"value_type":"percentage","value":15}],"checkout_charge":{"value_type":"percentage","value":100}},{"id":886997151,"name":"Delivered every 8 weeks","description":null,"options":[{"name":"Frequency","position":1,"value":"Delivered every 8 weeks"}],"recurring_deliveries":true,"price_adjustments":[{"order_count":null,"position":1,"value_type":"percentage","value":15}],"checkout_charge":{"value_type":"percentage","value":100}}],"app_id":"5859381"}],"content":"\u003cp\u003e\u003cmeta charset=\"utf-8\"\u003ePomegranate Sparkle is a juicy blend of pomegranate, sweet quince, and tangy passion fruit, with a crisp sparkle. Smooth, sweet-tart, and just fancy enough to light up any holiday table.\u003c\/p\u003e"}; 14879 14880 14881 _BISConfig.product.variants[0]['inventory_quantity'] = 0; 14882 14883 _BISConfig.product.variants[1]['inventory_quantity'] = 8293; 14884 14885 14886 14887 14888</script>
14888 14889 14890 <!-- End Back in Stock helper snippet --> 14891 14892 <!-- Gorgias Chat Widget Start --> 14893 14894
14895<script 14896 id="gorgias-chat-widget-install-v2" 14897 src="https://config.gorgias.chat/gorgias-chat-bundle-loader.js?applicationId=1599" 14898></script>
14898 14899
14900<script> 14901 if (window.GorgiasChat) { 14902 GorgiasChat.init().then(function () { 14903 // Use GorgiasChat API here, now that the chat is fully initialized. 14904 var gorgiasChatInterval = window.setInterval(function () { 14905 var container = document.querySelector('#gorgias-chat-container'); 14906 if (window.GorgiasChat && GorgiasChat.hasOwnProperty('on')) { 14907 if (window.location.hostname !== 'localhost') { 14908 GorgiasChat.setShopifyContext('olipop-store.myshopify.com/'); 14909 } 14910 } 14911 }, 50); 14912 }); 14913 } 14914</script>
14914 14915 14916
14916<script type="text/javascript"> 14917 ire('identify', { customerId: '', customerEmail: '' }); 14918</script>
14918 14919 14920 <!-- 14921 This JS is taken from this article - https://www.24a11y.com/2019/select-your-poison-part-2/ 14922 It is also modified to be used as a way to decorate select dropdowns and make them 14923 accessible using keyboards. 14924 14925 How to use it: 14926 Add js-combobox class to the <select> element you would like to replace with the combobox. 14927 Hide your <select> element as well as corresponding <label> element with display: none;. 14928 14929 On load, this libary will create a new <label> element and a combobox element which consists 14930 of an input element and a listbox. 14931 14932 The new <label> element will have select label's aria-label. 14933 The new combobox element will have select options' values and text. 14934 14935 On option select, this libary will also set your hidden <select> element's val so it 14936 can be used further. 14937--> 14938
14939<script> 14940 jQuery(document).ready(function () { 14941 /* 14942 * Helper constants and functions 14943 */ 14944 14945 // make it easier for ourselves by putting some values in objects 14946 // in TypeScript, these would be enums 14947 const Keys = { 14948 Backspace: 'Backspace', 14949 Clear: 'Clear', 14950 Down: 'ArrowDown', 14951 End: 'End', 14952 Enter: 'Enter', 14953 Escape: 'Escape', 14954 Home: 'Home', 14955 Left: 'ArrowLeft', 14956 PageDown: 'PageDown', 14957 PageUp: 'PageUp', 14958 Right: 'ArrowRight', 14959 Space: ' ', 14960 Tab: 'Tab', 14961 Up: 'ArrowUp', 14962 }; 14963 14964 const MenuActions = { 14965 Close: 0, 14966 CloseSelect: 1, 14967 First: 2, 14968 Last: 3, 14969 Next: 4, 14970 Open: 5, 14971 Previous: 6, 14972 Select: 7, 14973 Space: 8, 14974 Type: 9, 14975 }; 14976 14977 // filter an array of options against an input string 14978 // returns an array of options that begin with the filter string, case-independent 14979 function filterOptions(options = [], filter, exclude = []) { 14980 return options.filter((option) => { 14981 const matches = option.toLowerCase().indexOf(filter.toLowerCase()) === 0; 14982 return matches && exclude.indexOf(option) < 0; 14983 }); 14984 } 14985 14986 // return an array of exact option name matches from a comma-separated string 14987 function findMatches(options, search) { 14988 const names = search.split(','); 14989 return names 14990 .map((name) => { 14991 const match = options.filter((option) => name.trim().toLowerCase() === option.toLowerCase()); 14992 return match.length > 0 ? match[0] : null; 14993 }) 14994 .filter((option) => option !== null); 14995 } 14996 14997 // return combobox action from key press 14998 function getActionFromKey(key, menuOpen) { 14999 // handle opening when closed 15000 if (!menuOpen && key === Keys.Down) { 15001 return MenuActions.Open; 15002 } 15003 15004 // handle keys when open 15005 if (key === Keys.Down) { 15006 return MenuActions.Next; 15007 } else if (key === Keys.Up) { 15008 return MenuActions.Previous; 15009 } else if (key === Keys.Home) { 15010 return MenuActions.First; 15011 } else if (key === Keys.End) { 15012 return MenuActions.Last; 15013 } else if (key === Keys.Escape) { 15014 return MenuActions.Close; 15015 } else if (key === Keys.Enter) { 15016 return MenuActions.CloseSelect; 15017 } else if (key === Keys.Backspace || key === Keys.Clear || key.length === 1) { 15018 return MenuActions.Type; 15019 } 15020 } 15021 15022 // get index of option that matches a string 15023 function getIndexByLetter(options, filter) { 15024 const firstMatch = filterOptions(options, filter)[0]; 15025 return firstMatch ? options.indexOf(firstMatch) : -1; 15026 } 15027 15028 // get updated option index 15029 function getUpdatedIndex(current, max, action) { 15030 switch (action) { 15031 case MenuActions.First: 15032 return 0; 15033 case MenuActions.Last: 15034 return max; 15035 case MenuActions.Previous: 15036 return Math.max(0, current - 1); 15037 case MenuActions.Next: 15038 return Math.min(max, current + 1); 15039 default: 15040 return current; 15041 } 15042 } 15043 15044 // check if an element is currently scrollable 15045 function isScrollable(element) { 15046 return element && element.clientHeight < element.scrollHeight; 15047 } 15048 15049 // ensure given child element is within the parent's visible scroll area 15050 function maintainScrollVisibility(activeElement, scrollParent) { 15051 const { offsetHeight, offsetTop } = activeElement; 15052 const { offsetHeight: parentOffsetHeight, scrollTop } = scrollParent; 15053 15054 const isAbove = offsetTop < scrollTop; 15055 const isBelow = offsetTop + offsetHeight > scrollTop + parentOffsetHeight; 15056 15057 if (isAbove) { 15058 scrollParent.scrollTo(0, offsetTop); 15059 } else if (isBelow) { 15060 scrollParent.scrollTo(0, offsetTop - parentOffsetHeight + offsetHeight); 15061 } 15062 } 15063 15064 /* 15065 * ARIA 1.1 Readonly Input code 15066 */ 15067 const ARIA11Combo = function (el, options, optionValues, selectEl) { 15068 // element refs 15069 this.el = el; 15070 this.selectEl = selectEl; 15071 this.comboEl = el.querySelector('[role=combobox]'); 15072 this.inputEl = el.querySelector('input'); 15073 this.listboxEl = el.querySelector('[role=listbox]'); 15074 15075 // data 15076 this.idBase = this.inputEl.id; 15077 this.options = options; 15078 this.optionValues = optionValues; 15079 15080 // state 15081 this.activeIndex = 0; 15082 this.open = false;
15083 }; 15084 15085 ARIA11Combo.prototype.init = function () { 15086 this.inputEl.addEventListener('input', this.onInput.bind(this)); 15087 this.inputEl.addEventListener('blur', this.onInputBlur.bind(this)); 15088 this.inputEl.addEventListener('click', () => this.updateMenuState(true)); 15089 this.inputEl.addEventListener('keydown', this.onInputKeyDown.bind(this)); 15090 15091 this.options.map((option, index) => { 15092 const optionEl = document.createElement('div'); 15093 optionEl.setAttribute('role', 'option'); 15094 optionEl.id = `${this.idBase}-${index}`; 15095 optionEl.className = index === 0 ? 'combo-option option-current' : 'combo-option'; 15096 optionEl.setAttribute('aria-selected', 'false'); 15097 optionEl.innerText = option; 15098 15099 optionEl.addEventListener('click', () => { 15100 this.onOptionClick(index); 15101 }); 15102 optionEl.addEventListener('mousedown', this.onOptionMouseDown.bind(this)); 15103 15104 this.listboxEl.appendChild(optionEl); 15105 }); 15106 this.onOptionClick(0); 15107 }; 15108 15109 ARIA11Combo.prototype.onInput = function () { 15110 const curValue = this.inputEl.value; 15111 const matches = filterOptions(this.options, curValue); 15112 15113 // set activeIndex to first matching option 15114 // (or leave it alone, if the active option is already in the matching set) 15115 const filterCurrentOption = matches.filter((option) => option === this.options[this.activeIndex]); 15116 if (matches.length > 0 && !filterCurrentOption.length) { 15117 this.onOptionChange(this.options.indexOf(matches[0])); 15118 } 15119 15120 const menuState = this.options.length > 0; 15121 if (this.open !== menuState) { 15122 this.updateMenuState(menuState, false); 15123 } 15124 }; 15125 15126 ARIA11Combo.prototype.onInputKeyDown = function (event) { 15127 const { key } = event; 15128 const max = this.options.length - 1; 15129 15130 const action = getActionFromKey(key, this.open); 15131 15132 switch (action) { 15133 case MenuActions.Next: 15134 case MenuActions.Last: 15135 case MenuActions.First: 15136 case MenuActions.Previous: 15137 event.preventDefault(); 15138 return this.onOptionChange(getUpdatedIndex(this.activeIndex, max, action)); 15139 case MenuActions.CloseSelect: 15140 event.preventDefault(); 15141 this.selectOption(this.activeIndex); 15142 return this.updateMenuState(false); 15143 case MenuActions.Close: 15144 event.preventDefault(); 15145 return this.updateMenuState(false); 15146 case MenuActions.Type: 15147 this.onOptionChange(Math.max(0, getIndexByLetter(this.options, key))); 15148 case MenuActions.Open: 15149 return this.updateMenuState(true); 15150 } 15151 }; 15152 15153 ARIA11Combo.prototype.onInputBlur = function () { 15154 if (this.ignoreBlur) { 15155 this.ignoreBlur = false; 15156 return; 15157 } 15158 15159 if (this.open) { 15160 this.updateMenuState(false, false); 15161 } 15162 }; 15163 15164 ARIA11Combo.prototype.onOptionChange = function (index) { 15165 this.activeIndex = index; 15166 this.inputEl.setAttribute('aria-activedescendant', `${this.idBase}-${index}`); 15167 15168 // update active style 15169 const options = this.el.querySelectorAll('[role=option]'); 15170 [...options].forEach((optionEl) => { 15171 optionEl.classList.remove('option-current'); 15172 }); 15173 options[index].classList.add('option-current'); 15174 15175 if (this.open && isScrollable(this.listboxEl)) { 15176 maintainScrollVisibility(options[index], this.listboxEl); 15177 } 15178 }; 15179 15180 ARIA11Combo.prototype.onOptionClick = function (index) { 15181 this.onOptionChange(index); 15182 this.selectOption(index); 15183 this.updateMenuState(false); 15184 }; 15185 15186 ARIA11Combo.prototype.onOptionMouseDown = function () { 15187 this.ignoreBlur = true; 15188 }; 15189 15190 ARIA11Combo.prototype.selectOption = function (index) { 15191 const selected = this.options[index]; 15192 this.inputEl.value = selected; 15193 this.activeIndex = index; 15194 15195 // update aria-selected 15196 const options = this.el.querySelectorAll('[role=option]'); 15197 [...options].forEach((optionEl) => { 15198 optionEl.setAttribute('aria-selected', 'false'); 15199 }); 15200 options[index].setAttribute('aria-selected', 'true'); 15201 15202 // Update hidden select element's value 15203 this.selectEl.val(this.optionValues[index]); 15204 setSellingPlan(this.selectEl.data('product_id')); 15205 }; 15206 15207 ARIA11Combo.prototype.updateMenuState = function (open, callFocus = true) { 15208 this.open = open; 15209 15210 this.comboEl.setAttribute('aria-expanded', `${open}`); 15211 open ? this.el.classList.add('open') : this.el.classList.remove('open'); 15212 callFocus && this.inputEl.focus(); 15213 }; 15214 15215 function setComboBoxes() { 15216 $('.js-combobox').each(function (index) { 15217 const $this = $(this); 15218 const labelEl = $this.parents('label'); 15219 15220 // Insert combobox after select element's label 15221 labelEl.after( 15222 '<label for="combo' + 15223 index + 15224 '" aria-label="' + 15225 labelEl.attr('aria-label') + 15226 '" class="combo-label"></label>' + 15227 '<div class="combo js-aria11">' + 15228 '<div role="combobox" aria-haspopup="listbox" aria-expanded="false" aria-owns="listbox' + 15229 index + 15230 '" class="input-wrapper">' + 15231 '<input aria-activedescendant="" aria-autocomplete="none" id="combo' + 15232 index +
15233 '" class="combo-input" readonly type="text">' + 15234 '<div class="combo-menu" role="listbox" id="listbox' + 15235 index + 15236 '"></div>' + 15237 '</div>' + 15238 '</div>' 15239 ); 15240 15241 const selectOptions = $this.find('option'); 15242 const selectOptionValues = $.map(selectOptions, (e) => $(e).val()); 15243 const options = $.map(selectOptions, (e) => e.label); 15244 15245 // init combo 15246 const aria11El = labelEl.siblings('.js-aria11')[0]; 15247 const aria11Component = new ARIA11Combo(aria11El, options, selectOptionValues, $this); 15248 aria11Component.init(); 15249 }); 15250 } 15251 }); 15252</script>
15252 15253 15254 15255
15255<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.10.3/gsap.min.js"></script>
15255 15256
15256<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.10.3/Draggable.min.js"></script>
15256 15257
15257<script src="https://cdn.jsdelivr.net/npm/keen-slider@latest/keen-slider.js"></script>
15257 15258
15258<script src="//drinkolipop.com/cdn/shop/t/1366/assets/swiper.js?v=56584870573080344041773709640"></script>
15258<script src="//drinkolipop.com/cdn/shop/t/1366/assets/fslightbox.js?v=54215054651416035221779140485" defer="defer"></script>
15258 15259 15260 15261 15262 <!-- BEAM START --> 15263
15263<script type="module"> 15264 import { init } from "https://sdk.beamimpact.com/web-sdk/v1.56.2/dist/integrations/beam.js"; 15265 import { PromoManagerPlugin } from "https://sdk.beamimpact.com/web-sdk/v1.56.2/dist/integrations/promoManager.js"; 15266 15267 const beam = await init({ 15268 apiKey: "orRPgklUWqQM.cab839ad-9774-43be-bc7d-f236e6c3e9ae", 15269 chainId: 338, 15270 storeId: 528, 15271 domain: "drinkolipop.com", 15272 plugins: [ 15273 new PromoManagerPlugin() 15274 ] 15275 }); 15276</script>
15276 15277
15278<script type="module" async crossorigin> 15279 let isNonProfitClicked = false; 15280 const cartScrollElement = '.rebuy-cart__flyout-content'; 15281 document.addEventListener('beamnonprofitselect', (evt) => { 15282 if (!isNonProfitClicked) { 15283 const scrollArea = document.querySelector(cartScrollElement); 15284 scrollArea.scrollBy({ 15285 top: 150, 15286 left: 0, 15287 behavior: 'smooth', 15288 }); 15289 isNonProfitClicked = true; 15290 } 15291 }); 15292</script>
15292 15293
15293<script type="module" async crossorigin> 15294 import { registerCartIntegration } from "https://sdk.beamimpact.com/web-sdk/v1.56.2/dist/integrations/shopify.js"; 15295 import { getConfig } from "https://sdk.beamimpact.com/web-sdk/v1.56.2/dist/integrations/beam.js"; 15296 15297 const beam = getConfig(); 15298 await beam.readyPromise; 15299 15300 registerCartIntegration({ 15301 apiKey: "orRPgklUWqQM.cab839ad-9774-43be-bc7d-f236e6c3e9ae", 15302 storeId: 528, 15303 baseUrl: "https://api.beamimpact.com", 15304 domain: "drinkolipop.com" || undefined, 15305 }); 15306</script>
15306 15307 <!-- beam-select-nonprofit.liquid --> 15308<!-- BEAM START -->
15309<script 15310 type="module" 15311 async 15312 crossorigin 15313 data-em-disable 15314 data-categories="analytics" 15315 src="https://sdk.beamimpact.com/web-sdk/v1.56.2/dist/components/select-nonprofit.js" 15316></script>
15316 15317 15318 <!-- BEAM END --> 15319 15320 <div id="portal"></div> 15321 15322 15323 15324 15325 15326 <!-- 1. The dialog container --> 15327 <div 15328 class="dialog-container" 15329 data-component="dialog" 15330 15331 data-portal="portal" 15332 15333 id="find-in-store-dialog" 15334 aria-labelledby="find-in-store" 15335 aria-hidden="true" 15336 > 15337 <!-- 2. The dialog overlay --> 15338 15339 <div 15340 class="dialog-overlay" 15341 data-a11y-dialog-hide 15342 15343 style="background-color: rgba(0, 0, 0, 0.45);" 15344 15345 ></div> 15346 15347 <!-- 3. The actual dialog --> 15348 15349 15350 <div class="dialog-content tw-bg-creme"> 15351 15352 <div 15353 class="store-locator-dialog-inner" 15354 data-component="storeLocatorModal" 15355 data-dialog-id="find-in-store-dialog" 15356 > 15357 <div class="store-locator-dialog-header"> 15358 <h2 class="store-locator-dialog-title" id="find-in-store">Where to Buy OLIPOP</h2> 15359 <button 15360 class="store-locator-dialog-close" 15361 type="button" 15362 data-a11y-dialog-hide 15363 aria-label="Close dialog" 15364 > 15365 15366 15367 15368 <svg width="29" height="28" viewBox="0 0 29 28" fill="none" xmlns="http://www.w3.org/2000/svg"> 15369 <path d="M6.98828 6L23.9588 22.9706" stroke="#14433D" stroke-width="2" stroke-linecap="round"/> 15370 <path d="M23.9883 6L7.01772 22.9706" stroke="#14433D" stroke-width="2" stroke-linecap="round"/> 15371 </svg> 15372 15373 15374 15375 </button> 15376 </div> 15377 <div class="store-locator-section-container store-locator-dialog-widget"> 15378 15379 15380 15381 15382<div 15383 id="store-locator-modal-widget" 15384 class="oli-smartcommerce-product-locator" 15385 data-sc-product-locator-id="dd9dac97-f17f-4d37-971a-e933120edab3" 15386 data-sc-product-locator-type="standalone" 15387 data-sc-locale="en-us" 15388 15389 style="height: min(90vh, 800px);" 15390></div> 15391 15392 15393 15394 </div> 15395 </div> 15396 15397 </div> 15398 15399 </div> 15400 15401 15402 15403 <!-- Use of this pixel is subject to the Amazon ad specs and policies at http://www.amazon.com/b/?&node=7253015011 -->
15404<script type="text/javascript"> 15405 var _pix = document.getElementById('_pix_id_73a3b955-2b94-711c-f24b-424e40d6695a'); 15406 if (!_pix) { 15407 var protocol = '//'; 15408 var a = Math.random() * 1000000000000000000; 15409 _pix = document.createElement('iframe'); 15410 _pix.style.display = 'none'; 15411 _pix.setAttribute( 15412 'src', 15413 protocol + 15414 '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' + 15415 '&cb=' + 15416 a 15417 ); 15418 _pix.setAttribute('id', '_pix_id_73a3b955-2b94-711c-f24b-424e40d6695a'); 15419 document.body.appendChild(_pix); 15420 } 15421</script>
15421 15422 15423
15423<script> 15424 /** 15425 * Product metafield custom.fiber is a metaobject reference (fiber_option). 15426 * Rebuy usually passes only a gid string (no label/title on the object). We map gids to 15427 * labels from shop metaobjects (same field order as PDP: title, label, text, name). 15428 */ 15429 window.__fiberOptionLabels = Object.assign(window.__fiberOptionLabels || {}, {"gid://shopify/Metaobject/116150763679": ["9g Fiber"], 15430 "116150763679": ["9g Fiber"] 15431,"gid://shopify/Metaobject/116150796447": ["6g Fiber"], 15432 "116150796447": ["6g Fiber"] 15433,"gid://shopify/Metaobject/121363038367": ["MINIs"], 15434 "121363038367": ["MINIs"] 15435}); 15436 15437 function rebuyMetaobjectFieldValue(field) { 15438 if (field == null || field === '') return ''; 15439 if (typeof field === 'string') return field; 15440 if (typeof field === 'object' && Object.prototype.hasOwnProperty.call(field, 'value')) { 15441 return field.value == null ? '' : String(field.value); 15442 } 15443 return ''; 15444 } 15445 15446 function rebuyFiberLabelFromResolvedEntry(entry) { 15447 if (entry == null || entry === '') return ''; 15448 if (typeof entry === 'string') { 15449 if (entry.indexOf('gid://shopify/Metaobject/') !== 0) return entry; 15450 var map = window.__fiberOptionLabels || {}; 15451 if (map[entry]) return map[entry]; 15452 var n = /^gid:\/\/shopify\/Metaobject\/(\d+)$/.exec(entry); 15453 return n && map[n[1]] ? map[n[1]] : ''; 15454 } 15455 if (typeof entry === 'object') { 15456 var nested = 15457 rebuyMetaobjectFieldValue(entry.label) || 15458 rebuyMetaobjectFieldValue(entry.title) || 15459 rebuyMetaobjectFieldValue(entry.text) || 15460 rebuyMetaobjectFieldValue(entry.name) || 15461 (typeof entry.display_value === 'string' ? entry.display_value : ''); 15462 if (nested) return nested; 15463 var v = entry.value; 15464 if (typeof v === 'string' && v.indexOf('gid://shopify/Metaobject/') === 0) return rebuyFiberLabelFromResolvedEntry(v); 15465 return ''; 15466 } 15467 return String(entry); 15468 } 15469 15470 function rebuyFiberMetafieldFromLineItem(item) { 15471 var vFiber = item && item.variant && item.variant.metafields && item.variant.metafields.custom && item.variant.metafields.custom.fiber; 15472 if (vFiber != null && vFiber !== '') return vFiber; 15473 var pFiber = item && item.product && item.product.metafields && item.product.metafields.custom && item.product.metafields.custom.fiber; 15474 return pFiber; 15475 } 15476 15477 window.cartItemTitleWithFiber = function (item) { 15478 var base = item && item.product_title ? String(item.product_title) : ''; 15479 var fiberMeta = rebuyFiberMetafieldFromLineItem(item); 15480 if (fiberMeta == null || fiberMeta === '') return base; 15481 15482 var entry = fiberMeta; 15483 if (typeof fiberMeta === 'object' && fiberMeta !== null && Object.prototype.hasOwnProperty.call(fiberMeta, 'value')) { 15484 entry = fiberMeta.value; 15485 } 15486 15487 var suffix = rebuyFiberLabelFromResolvedEntry(entry); 15488 if (!suffix) return base; 15489 return base + ' ' + suffix; 15490 }; 15491 15492 let SmartCart; 15493 15494 function removeBrokenBundleLineItems() { 15495 if (!SmartCart?.hasItems()) return; 15496 const items = SmartCart.items(); 15497 15498 const findBundleParent = (childLineItem) => { 15499 const { _bundle_id, _created_at, bundle_parent } = childLineItem.properties; 15500 const bundleParent = SmartCart.items().find( 15501 (item) => 15502 (item.properties.bundle_parent || item.properties._bundle_parent) && 15503 item.properties._bundle_id === _bundle_id && 15504 item.properties._created_at === _created_at 15505 ); 15506 15507 return bundleParent; 15508 }; 15509 15510 try { 15511 items.forEach((item) => { 15512 if (item.properties.hasOwnProperty('_bundle_id')) { 15513 if (item.properties.bundle_parent === false || item.properties._bundle_parent === false) { 15514 const bundleParent = findBundleParent(item); 15515 if (!bundleParent) { 15516 SmartCart.removeItem(item); 15517 } 15518 } 15519 } 15520 }); 15521 } catch (e) { 15522 console.error(e); 15523 } 15524 } 15525 15526 document.querySelectorAll('.site-header__cart').forEach((element) => { 15527 element.addEventListener('click', function (e) { 15528 window.Rebuy.SmartCart.show(); 15529 }); 15530 }); 15531 15532 const blockImage = ( 15533 `` 15534 ); 15535 15536 const blockImageBtn = ( 15537 ` 15538 ` 15539 ); 15540 15541 function handleCustomEvent(event) { 15542 const lineItems = event.detail?.cart?.line_items || []; 15543 15544 if (lineItems.length === 0 && blockImage) { 15545 setTimeout(()=> { 15546 const emptyCartInner = document.querySelector('.rebuy-cart__flyout-empty-cart'); 15547 if (emptyCartInner) emptyCartInner.insertAdjacentHTML('afterbegin', blockImage) 15548 }, 1500) 15549 } 15550 15551 if (lineItems.length === 0 && blockImageBtn) { 15552 setTimeout(()=> { 15553 const emptyCartInner = document.querySelector('.rebuy-cart__flyout-empty-cart p a')?.closest('p'); 15554 if (emptyCartInner) emptyCartInner.insertAdjacentHTML('afterbegin', blockImageBtn) 15555 }, 1500) 15556 } 15557 } 15558 15559 function handleCartAddEvent(event) { 15560 const elementSnow = document.querySelector('element-snow') 15561 15562 if(elementSnow) { 15563 elementSnow.remove(); 15564 elementSnow.show(); 15565 } 15566 } 15567 15568 document.addEventListener('rebuy:smartcart.show', function () { 15569 // document.querySelector('#rebuy-cart').removeAttribute('inert'); 15570 document.querySelector('#rebuy-cart')?.querySelectorAll('a, button, input, iframe, select, [tabindex]').forEach(el => el.tabIndex = 0); 15571 document.querySelector('.main-content').setAttribute('aria-hidden', 'true'); // voiceOver fix 15572 15573 setTimeout(()=>{ 15574 document.getElementById('rebuy-cart').classList.remove("is-visible-delay"); 15575 }, 1000) 15576 15577 const elementSnow = document.querySelector('element-snow') 15578 15579 if(elementSnow) elementSnow.show(); 15580 const breakpointQuery = window.matchMedia('(max-width: 1023px)'); 15581 15582 setTimeout(()=>{ 15583 const sliceAnimationWrapper = document.querySelector('.slice-animation-wrapper') 15584 const btnImage = document.querySelector('.rebuy-cart__flyout-empty-image') 15585 const emptyCartInner = document.querySelector('.rebuy-cart__flyout-empty-cart') 15586 const emptyCartInnerBtn = document.querySelector('.rebuy-cart__flyout-empty-cart p a')?.closest('p'); 15587 15588 if (sliceAnimationWrapper) { 15589 const sliceAnimationElement = sliceAnimationWrapper.querySelector('.tw-animate-cart-slice-mobile') 15590 sliceAnimationElement?.classList.remove('lg:tw-animate-cart-slice'); 15591 sliceAnimationElement?.classList.remove('tw-animate-cart-slice-mobile'); 15592 15593 15594 if (breakpointQuery.matches) { 15595 setTimeout(()=>{ 15596 sliceAnimationElement?.classList.add('lg:tw-animate-cart-slice'); 15597 sliceAnimationElement?.classList.add('tw-animate-cart-slice-mobile'); 15598 }, 1200); 15599 } else { 15600 setTimeout(()=>{ 15601 sliceAnimationElement?.classList.add('lg:tw-animate-cart-slice'); 15602 sliceAnimationElement?.classList.add('tw-animate-cart-slice-mobile'); 15603 }, 100); 15604 } 15605 } 15606 15607 if (emptyCartInner && !sliceAnimationWrapper) { 15608 if (breakpointQuery.matches) { 15609 setTimeout(()=>{ 15610 emptyCartInner?.insertAdjacentHTML('afterbegin', blockImage) 15611 }, 2000); 15612 } else { 15613 emptyCartInner?.insertAdjacentHTML('afterbegin', blockImage) 15614 } 15615 } 15616 15617 if (emptyCartInner && !btnImage) { 15618 if (breakpointQuery.matches) { 15619 setTimeout(()=>{ 15620 emptyCartInnerBtn?.insertAdjacentHTML('afterbegin', blockImageBtn) 15621 }, 2000); 15622 } else { 15623 emptyCartInnerBtn?.insertAdjacentHTML('afterbegin', blockImageBtn) 15624 } 15625 } 15626 }, 500); 15627 15628 // Add event listener for cart updates when cart is open 15629 document.addEventListener('rebuy:smartcart.line-item-removed', handleCustomEvent); 15630 document.addEventListener('rebuy:cart.add', handleCartAddEvent); 15631 }); 15632 15633 document.addEventListener('rebuy:smartcart.hide', function (event) { 15634 // document.querySelector('#rebuy-cart').setAttribute('inert', ''); 15635 document.querySelector('#rebuy-cart')?.querySelectorAll('a, button, input, iframe, select, [tabindex]').forEach(el => el.tabIndex = -1); 15636 document.querySelector('.main-content').removeAttribute('aria-hidden'); // voiceOver fix 15637 15638 const elementSnow = document.querySelector('element-snow') 15639 15640 document.querySelector('body').style.removeProperty('overflow'); 15641 15642 // Remove event listener for cart updates when cart is close 15643 document.removeEventListener('rebuy:smartcart.line-item-removed', handleCustomEvent); 15644 document.removeEventListener('rebuy:cart.add', handleCartAddEvent); 15645 15646 if(elementSnow) elementSnow.remove(); 15647 }); 15648 15649 document.addEventListener('rebuy.ready', (event) => { 15650 SmartCart = window.Rebuy.SmartCart; 15651 removeBrokenBundleLineItems(); 15652 }); 15653 15654 async function updateBundleDeliveryFrequencies(item, subscriptionFrequency) { 15655 if (!isBundleParent(item)) return; 15656 const bundleChildren = getBundleChildren(item); 15657 try {
15658 bundleChildren.forEach((child) => { 15659 Rebuy.Cart.switchToSubscription(child, subscriptionFrequency); 15660 }); 15661 } catch (error) { 15662 console.error(error); 15663 } 15664 } 15665 15666 function getBundlePrice(bundleParentLineItem) { 15667 if (!isBundleParent(bundleParentLineItem)) { 15668 return null; 15669 } 15670 15671 const bundleChildren = getBundleChildren(bundleParentLineItem); 15672 const bundlePrice = bundleChildren.reduce((totalPrice, item) => { 15673 return totalPrice + item.price * item.quantity; 15674 }, 0); 15675 15676 return Rebuy.Cart.formatMoney(bundlePrice); 15677 } 15678 15679 async function removeLineItems(bundleParentLineItem, bundleChildrenLineItems) { 15680 const itemsToRemove = [...bundleChildrenLineItems, bundleParentLineItem]; 15681 const updates = itemsToRemove.reduce((updateObject, item) => { 15682 if (!updateObject[item.key]) { 15683 updateObject[item.key] = 0; 15684 } 15685 return updateObject; 15686 }, {}); 15687 15688 try { 15689 const updatedCart = await fetch('/cart/update.js', { 15690 method: 'POST', 15691 headers: { 15692 'Content-Type': 'application/json', 15693 }, 15694 body: JSON.stringify({ 15695 updates, 15696 }), 15697 }); 15698 } catch (e) { 15699 console.error(e); 15700 } 15701 } 15702 15703 const getBundleChildren = (bundleParentItem) => { 15704 const items = window.Rebuy.SmartCart?.items(); 15705 return items.filter( 15706 (lineItem) => 15707 lineItem.properties._bundle_id === bundleParentItem.properties._bundle_id && 15708 parseInt(lineItem.properties._created_at) === parseInt(bundleParentItem.properties._created_at) && 15709 isBundleChild(lineItem) 15710 ); 15711 }; 15712 15713 const handleRemove = async (item) => { 15714 const isBundleItem = item.properties == null ? false : item.properties.hasOwnProperty('_bundle_id'); 15715 if (SmartCart == undefined) { 15716 SmartCart = window.Rebuy.SmartCart; 15717 } 15718 15719 if (!isBundleItem) { 15720 SmartCart.removeItem(item); 15721 return; 15722 } 15723 15724 const bundleChildren = getBundleChildren(item); 15725 15726 try { 15727 if (!bundleChildren || !bundleChildren.length) { 15728 SmartCart.removeItem(item); 15729 return; 15730 } else { 15731 removeLineItems(item, bundleChildren); 15732 } 15733 } catch (e) { 15734 console.error(e); 15735 } 15736 }; 15737 15738 const bundleParentProperties = ['bundle_parent', '_bundle_parent']; 15739 const isBundleChild = (item) => { 15740 // SmartCart stringifies all item property values on some cart methods 15741 const bundleChild = bundleParentProperties.filter( 15742 (property) => item.properties[property] === false || item.properties[property] === 'false' 15743 ); 15744 return bundleChild.length > 0; 15745 }; 15746 15747 const isBundleParent = (item) => { 15748 // SmartCart stringifies all item property values on some cart methods 15749 const bundleParent = bundleParentProperties.filter( 15750 (property) => item.properties[property] === true || item.properties[property] === 'true' 15751 ); 15752 return bundleParent.length > 0; 15753 }; 15754 15755 const displayProperty = (property) => { 15756 const hidden_keys = ['bundle_parent', '_bundle_id', 'Bundle Id', 'Frequency']; 15757 return hidden_keys.includes(property.key) ? false : true; 15758 }; 15759 15760 const getCartJson = () => { 15761 return SmartCart.cart; 15762 }; 15763 15764 15765 document.addEventListener('rebuy.add', function (event) { 15766 if (window.gtag) { 15767 const { product, widget } = event.detail; 15768 if (!product || !widget) return; 15769 window.gtag('event', 'Side Cart - Upsell Added', { 15770 event_detail: product.title + ' - ' + widget.View.carousel.selectedIndex, 15771 }); 15772 } 15773 }); 15774 15775 window.globalDiscountsCollectionIds = []; 15776 15777 window.globalDiscounts = undefined; 15778 15779 15780 /** 15781 * Mirrors snippets/oli-product-price-set.liquid for Smart Cart line items so PDP and sidecart match. 15782 */ 15783 (function () { 15784 function productInGlobalDiscountScope(product) { 15785 var ids = window.globalDiscountsCollectionIds; 15786 if (ids == null || ids.length === 0) return true; 15787 var colls = product && product.collections; 15788 if (!colls || !colls.length) return false; 15789 var productIds = {}; 15790 for (var i = 0; i < colls.length; i++) productIds[colls[i].id] = true; 15791 for (var j = 0; j < ids.length; j++) if (productIds[ids[j]]) return true; 15792 return false;
15793 } 15794 15795 function pickGlobalDiscount(item) { 15796 var discounts = window.globalDiscounts; 15797 if (!discounts || !discounts.length) return null; 15798 var both = discounts.filter(function (d) { 15799 return d.purchase_type === 'Both'; 15800 }); 15801 var oneTime = discounts.find(function (d) { 15802 return d.purchase_type === 'One-time purchase'; 15803 }); 15804 var subscription = discounts.find(function (d) { 15805 return d.purchase_type === 'Subscription'; 15806 }); 15807 var oneTimeDiscount = oneTime || both[0]; 15808 var subscriptionDiscount = subscription || both[0]; 15809 return item.selling_plan_allocation ? subscriptionDiscount : oneTimeDiscount; 15810 } 15811 15812 function applyGlobalDiscountCents(priceCents, discount) { 15813 if (!discount || priceCents == null) return priceCents; 15814 var dv = Number(discount.discount_value); 15815 if (discount.discount_value_type === 'Percentage') { 15816 var percentage = 100 - dv; 15817 return Math.ceil((priceCents * percentage) / 100); 15818 } 15819 return priceCents - dv; 15820 } 15821 15822 function basePriceCents(item) { 15823 if (item.selling_plan_allocation) return Number(item.selling_plan_allocation.price); 15824 if (item.variant && item.variant.price != null) return Number(item.variant.price); 15825 return Number(item.price); 15826 } 15827 15828 function compareBaseCents(item) { 15829 if (item.selling_plan_allocation) { 15830 var spaCompare = item.selling_plan_allocation.compare_at_price; 15831 return spaCompare == null ? 0 : Number(spaCompare); 15832 } 15833 if (item.variant && item.variant.compare_at_price != null) return Number(item.variant.compare_at_price); 15834 if (item.compare_at_price != null) return Number(item.compare_at_price); 15835 return 0; 15836 } 15837 15838 function globalPricingActive(item) { 15839 if (!window.rebuyCartSettings || !window.rebuyCartSettings.enable_global_discounts) return false; 15840 if (!window.globalDiscounts || !window.globalDiscounts.length) return false; 15841 return productInGlobalDiscountScope(item.product); 15842 } 15843 15844 function catalogLinePriceParts(item) { 15845 var price = basePriceCents(item); 15846 var compare_at_price = compareBaseCents(item); 15847 var showCompare = !!(compare_at_price && compare_at_price !== 0); 15848 15849 return { 15850 useDefault: false, 15851 finalCents: price, 15852 compareCents: showCompare ? compare_at_price : 0, 15853 showCompare: showCompare, 15854 }; 15855 } 15856 15857 window.__oliRebuyGetLinePriceParts = function (item) { 15858 var globalDiscountsEnabled = 15859 window.rebuyCartSettings && window.rebuyCartSettings.enable_global_discounts; 15860 15861 if (!globalDiscountsEnabled) { 15862 return catalogLinePriceParts(item); 15863 } 15864 15865 if (!globalPricingActive(item)) return { useDefault: true }; 15866 15867 var discount = pickGlobalDiscount(item); 15868 if (!discount) return { useDefault: true }; 15869 15870 var price = basePriceCents(item); 15871 var compare_at_price = compareBaseCents(item); 15872 var hasSellingPlan = !!item.selling_plan_allocation; 15873 15874 var final_price = applyGlobalDiscountCents(price, discount); 15875 15876 if (compare_at_price === 0 && final_price < price) compare_at_price = price; 15877 if (!hasSellingPlan && final_price < price) compare_at_price = price; 15878 15879 var showCompare = !!(compare_at_price && compare_at_price !== 0); 15880 15881 return { 15882 useDefault: false, 15883 finalCents: final_price, 15884 compareCents: showCompare ? compare_at_price : 0, 15885 showCompare: showCompare, 15886 }; 15887 }; 15888 15889 window.oliRebuyLineHasDiscount = function (item, itemHasDiscountFn) { 15890 var parts = window.__oliRebuyGetLinePriceParts(item); 15891 if (parts.useDefault) return itemHasDiscountFn(item); 15892 return parts.showCompare; 15893 }; 15894 15895 window.oliRebuyLineSalePrice = function (item, formatMoneyFn, itemPriceFn) { 15896 var parts = window.__oliRebuyGetLinePriceParts(item); 15897 if (parts.useDefault) return formatMoneyFn(itemPriceFn(item)); 15898 return formatMoneyFn(parts.finalCents); 15899 }; 15900 15901 window.oliRebuyLineComparePrice = function (item, formatMoneyFn, compareAtPriceFn) { 15902 var parts = window.__oliRebuyGetLinePriceParts(item); 15903 if (parts.useDefault) { 15904 return item.selling_plan_allocation 15905 ? formatMoneyFn(item.selling_plan_allocation.compare_at_price) 15906 : formatMoneyFn(compareAtPriceFn(item)); 15907 } 15908 return parts.showCompare ? formatMoneyFn(parts.compareCents) : ''; 15909 }; 15910 15911 function oliRebuyLineUnitCents(item, itemPriceFn) { 15912 var parts = window.__oliRebuyGetLinePriceParts(item); 15913 if (!parts.useDefault) return parts.finalCents; 15914 return Number(itemPriceFn(item)); 15915 } 15916 15917 function oliRebuyLineCompareUnitCents(item, compareAtPriceFn) { 15918 var parts = window.__oliRebuyGetLinePriceParts(item); 15919 if (!parts.useDefault) { 15920 return parts.showCompare ? parts.compareCents : 0; 15921 } 15922 if (item.selling_plan_allocation) { 15923 return Number(item.selling_plan_allocation.compare_at_price) || 0; 15924 } 15925 return Number(compareAtPriceFn(item)) || 0; 15926 } 15927 15928 function oliRebuyLineTotalCents(item, itemPriceFn) { 15929 var parts = window.__oliRebuyGetLinePriceParts(item); 15930 var qty = Number(item.quantity) || 1; 15931 if (!parts.useDefault) return parts.finalCents * qty; 15932 if (item.final_line_price != null) return Number(item.final_line_price); 15933 if (item.line_price != null) return Number(item.line_price); 15934 return oliRebuyLineUnitCents(item, itemPriceFn) * qty; 15935 } 15936 15937 function oliRebuyGetBundleChildren(bundleParentItem) { 15938 var items = window.Rebuy.SmartCart && window.Rebuy.SmartCart.items(); 15939 if (!items || !items.length) return []; 15940 var bundleId = bundleParentItem.properties && bundleParentItem.properties._bundle_id; 15941 var createdAt = bundleParentItem.properties && bundleParentItem.properties._created_at; 15942 return items.filter(function (lineItem) { 15943 if (!lineItem.properties || lineItem.properties._bundle_id !== bundleId) return false;
15944 if (parseInt(lineItem.properties._created_at, 10) !== parseInt(createdAt, 10)) return false; 15945 return ( 15946 lineItem.properties.bundle_parent === false || 15947 lineItem.properties.bundle_parent === 'false' || 15948 lineItem.properties._bundle_parent === false || 15949 lineItem.properties._bundle_parent === 'false' 15950 ); 15951 }); 15952 } 15953 15954 function oliRebuyBundleLineCents(bundleParent, itemPriceFn) { 15955 return oliRebuyGetBundleChildren(bundleParent).reduce(function (total, child) { 15956 return total + oliRebuyLineTotalCents(child, itemPriceFn); 15957 }, 0); 15958 } 15959 15960 function oliRebuyBundleCompareCents(bundleParent, itemPriceFn, compareAtPriceFn) { 15961 return oliRebuyGetBundleChildren(bundleParent).reduce(function (total, child) { 15962 var qty = Number(child.quantity) || 1; 15963 var compareUnit = oliRebuyLineCompareUnitCents(child, compareAtPriceFn); 15964 if (compareUnit) return total + compareUnit * qty; 15965 return total + oliRebuyLineUnitCents(child, itemPriceFn) * qty; 15966 }, 0); 15967 } 15968 15969 /** 15970 * Subtotal aligned with displayed line-item prices (global discounts, bundles, qty). 15971 */ 15972 window.oliRebuyCartSubtotal = function ( 15973 formatMoneyFn, 15974 itemsFn, 15975 itemPriceFn, 15976 compareAtPriceFn, 15977 isBundleChildFn, 15978 isHiddenItemFn, 15979 isBundleParentFn 15980 ) { 15981 var items = itemsFn(); 15982 var totalCents = 0; 15983 15984 for (var i = 0; i < items.length; i++) { 15985 var item = items[i]; 15986 if (isHiddenItemFn(item)) continue; 15987 if (isBundleChildFn(item) !== false) continue; 15988 15989 if (isBundleParentFn(item)) { 15990 totalCents += oliRebuyBundleLineCents(item, itemPriceFn); 15991 } else { 15992 totalCents += oliRebuyLineTotalCents(item, itemPriceFn); 15993 } 15994 } 15995 15996 return formatMoneyFn(totalCents); 15997 }; 15998 15999 window.oliRebuyCartCompareSubtotal = function ( 16000 formatMoneyFn, 16001 itemsFn, 16002 itemPriceFn, 16003 compareAtPriceFn, 16004 isBundleChildFn, 16005 isHiddenItemFn, 16006 isBundleParentFn 16007 ) { 16008 var items = itemsFn(); 16009 var totalCents = 0; 16010 16011 for (var i = 0; i < items.length; i++) { 16012 var item = items[i]; 16013 if (isHiddenItemFn(item)) continue; 16014 if (isBundleChildFn(item) !== false) continue; 16015 16016 if (isBundleParentFn(item)) { 16017 totalCents += oliRebuyBundleCompareCents(item, itemPriceFn, compareAtPriceFn); 16018 } else { 16019 var qty = Number(item.quantity) || 1; 16020 var compareUnit = oliRebuyLineCompareUnitCents(item, compareAtPriceFn); 16021 if (compareUnit) { 16022 totalCents += compareUnit * qty; 16023 } else { 16024 totalCents += oliRebuyLineUnitCents(item, itemPriceFn) * qty; 16025 } 16026 } 16027 } 16028 16029 return formatMoneyFn(totalCents); 16030 }; 16031 })(); 16032 16033 if (!customElements.get('element-snow')) { 16034 customElements.define('element-snow', class videoPlay extends HTMLElement { 16035 constructor() { 16036 super(); 16037 } 16038 16039 connectedCallback() { 16040 } 16041 16042 show() { 16043 // Create 50 snowflakes 16044 for (let i = 0; i < 140; i++) { 16045 const snowflake = document.createElement('div'); 16046 snowflake.classList.add('snowflake'); 16047 16048 // Randomly set the size (100% or 80% of the current size) 16049 const isSmaller = Math.random() < 0.5; // 50% chance of smaller size 16050 const size = isSmaller ? '8px' : '10px'; // 20% smaller is 8px if the default is 10px 16051 snowflake.style.width = size; 16052 snowflake.style.height = size; 16053 16054 // Set random position and animation duration 16055 snowflake.style.left = `${Math.random() * 100}vw`; 16056 snowflake.style.animationDuration = `${Math.random() * 3 + 1}s`; 16057 snowflake.style.animationDelay = `${Math.random() * 2.5}s`; 16058 16059 this.appendChild(snowflake); 16060 16061 // Remove snowflake after animation ends 16062 snowflake.addEventListener('animationend', () => { 16063 snowflake.remove(); 16064 }); 16065 } 16066 16067 this.arrayElements = Array.from(document.querySelectorAll('.snowflake')) 16068 16069 setTimeout(()=> { 16070 this.fadeAway() 16071 }, 3000) 16072 16073 // setTimeout(()=> { 16074 // this.remove() 16075 // }, 5000) 16076 } 16077 16078 fadeAway() {
16079 if (this.arrayElements) this.arrayElements.forEach(element => element.classList.add('animation-fade-away')); 16080 } 16081 16082 remove() { 16083 if (this.arrayElements) this.arrayElements.forEach(element => element.remove()); 16084 } 16085 }); 16086 } 16087 16088 function removeDiscountGiftCard (event) { 16089 const cartItems = event.detail.cart.items(); 16090 const giftCardInCart = cartItems.find(item => item.gift_card === true); 16091 const otherItemsInCart = cartItems.find(item => item.gift_card !== true); 16092 16093 if (!otherItemsInCart && giftCardInCart && event.detail.cart.discount) { 16094 event.detail.cart.clearAllStoredDiscounts(); 16095 } 16096 } 16097 16098 function disableDiscountGiftCard(event) { 16099 const cartItems = event.detail.cart.items(); 16100 const giftCardInCart = cartItems.find(item => item.gift_card === true); 16101 const otherItemsInCart = cartItems.find(item => item.gift_card !== true); 16102 const discountButton = document.querySelector('.rebuy-cart__flyout-discount button'); 16103 const discountInput = document.querySelector('.rebuy-cart__flyout-discount-input'); 16104 const errorMessage = document.querySelector('.rebuy-cart__flyout-discount-input .rebuy-cart__flyout-discount-message'); 16105 const messageHtml = `<span class="rebuy-cart__flyout-discount-message">Discount codes do not apply to gift cards</span>` 16106 16107 if (!otherItemsInCart && giftCardInCart) { 16108 discountButton?.setAttribute('disabled', 'true'); 16109 if (!errorMessage) discountInput?.insertAdjacentHTML('beforeend', messageHtml) 16110 } else { 16111 discountButton?.removeAttribute('disabled'); 16112 if (errorMessage) errorMessage.remove(); 16113 } 16114 } 16115 16116 16117 const handleCartDiscountEvent = (event) => { 16118 removeDiscountGiftCard(event); 16119 disableDiscountGiftCard(event); 16120 }; 16121 16122 document.addEventListener('rebuy:smartcart.init', (event) => { 16123 setTimeout(() => { 16124 document.querySelector('#rebuy-cart')?.querySelectorAll('a, button, input, iframe, select, [tabindex]')?.forEach(el => el.tabIndex = -1); 16125 }, 2000) 16126 }); 16127 16128 document.addEventListener('rebuy:cart.ready', handleCartDiscountEvent); 16129 document.addEventListener('rebuy:cart.change', handleCartDiscountEvent); 16130</script>
16130 16131�
16131<script> 16132 window.rebuyCartSettings = { 16133 enable_global_discounts: false, 16134 rebuy_discount_message: "25% off applied!" 16135 } 16136</script>
16136 16137 16138
16139<script id="rebuy-cart-template" type="text/template"> 16140 16141 <div id="rebuy-cart" class="rebuy-cart " v-cloak v-bind:class="[visible ? 'is-visible is-visible-delay' : '', 'currency-' + currency() ]"> 16142 16143 <div class="rebuy-cart__flyout"> 16144 <div class="rebuy-cart__flyout-header" style="background-color: #FFFBF5!important"> 16145 <div class="rebuy-cart__flyout-title-wrap"> 16146 <h4 class="rebuy-cart__flyout-title" v-html="settings.language.cart_title"></h4> 16147 <span 16148 v-if="hasItems()" 16149 class="rebuy-cart__flyout-title-count" 16150 v-text="'(' + items().reduce(function (sum, item) { if (isHiddenItem(item) || isBundleChild(item) !== false) return sum; return sum + (Number(item.quantity) || 0); }, 0) + ')'" 16151 aria-live="polite" 16152 ></span> 16153 </div> 16154 <button class="rebuy-cart__flyout-close" type="button" aria-label="Close Smart Cart" v-on:click="hide()"> 16155 <svg width="14" height="14" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg" role="presentation"> 16156 <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"/> 16157 </svg> 16158 </button> 16159 </div> 16160 <div class="rebuy-cart__flyout-shipping-bar" style="background-color: #FFFBF5!important" v-if="freeShippingEnabled()" 16161 v-bind:class="[ freeShippingHelperMessage() ? 'has-helper' : '', hasFreeShipping() ? 'has-free-shipping': '' ]"> 16162 <div class="rebuy-cart__flyout-shipping-bar-message" v-if="!hasFreeShipping()" v-html="freeShippingRemainingMessage()"></div> 16163 <div class="rebuy-cart__flyout-shipping-bar-message" v-if="hasFreeShipping()" v-html="freeShippingCompleteMessage()"></div> 16164 <div class="rebuy-cart__flyout-shipping-bar-meter" v-bind:class="[hasFreeShippingProgress() ? 'has-progress' : 'no-progress']"> 16165 <div class="rebuy-cart__flyout-shipping-bar-meter-fill" v-bind:style="{ width: freeShippingPercentComplete() }"> 16166 <span class="rebuy-cart__flyout-shipping-bar-meter-fill-text" v-html="freeShippingPercentComplete()"></span> 16167 </div> 16168 </div> 16169 <div class="rebuy-cart__flyout-shipping-bar-helper" v-if="freeShippingHelperMessage()" v-html="freeShippingHelperMessage()"></div> 16170 </div> 16171 <div class="rebuy-cart__flyout-body"> 16172 <div class="rebuy-cart__flyout-announcement-bar" id="rebuy-smart-cart-announcement-bar" v-if="announcementBarEnabled()"> 16173 <div class="rebuy-cart__flyout-announcement-bar-message" v-for="message in settings.announcement_bar.messages" v-html="message"></div> 16174 </div> 16175 <div class="rebuy-cart__flyout-content" v-bind:class="[ hasItems() ? 'has-items' : 'no-items' ]" tabindex="0"> 16176 <div class="rebuy-cart__flyout-items" v-if="hasItems()"> 16177 � 16178 <div class="rebuy-cart__flyout-item" v-if="isBundleChild(item) == false" v-for="item in items()" v-if="!isHiddenItem(item)" 16179 v-bind:class="[ 'product-' + item.handle, itemProductTagsClasses(item), itemPropertyClasses(item) ]"> 16180 16181 16182 <!-- item image --> 16183 <div class="rebuy-cart__flyout-item-media"> 16184 <a v-bind:href="itemURL(item)"> 16185 <img v-bind:src="sizeImage(item.image, '240x240')" v-bind:alt="'View ' + cartItemTitleWithFiber(item)" /> 16186 </a> 16187 </div> 16188 <!-- end item image --> 16189 16190 16191 <div class="rebuy-cart__flyout-item-info"> 16192 16193 <div class="rebuy-cart__flyout-item-title-wrapper"> 16194 <a class="rebuy-cart__flyout-item-product-title" v-bind:href="itemURL(item)" 16195 v-html="cartItemTitleWithFiber(item)" v-bind:alt="'View ' + cartItemTitleWithFiber(item)"> 16196 </a> 16197 16198 <!--start remove btn --> 16199 <button 16200 class="rebuy-cart__flyout-item-remove" 16201 type="button" 16202 v-on:click="handleRemove(item)" 16203 v-bind:aria-label="'Remove ' + cartItemTitleWithFiber(item)"> 16204 <svg xmlns="http://www.w3.org/2000/svg" width="15" height="17" viewBox="0 0 15 17" fill="none"> 16205 <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.
16205625 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"/> 16206 </svg> 16207 </button> 16208 <!-- end remove btn --> 16209 </div> 16210 <div class="rebuy-cart__flyout-item-properties" v-if="hasItemProperties(item)"> 16211 <div class="rebuy-cart__flyout-item-property rebuy-cart__flyout-item-property--delivery-frequency" 16212 v-if="itemDeliveryFrequency(item)" v-html="itemDeliveryFrequency(item)"></div> 16213 <div class="rebuy-cart__flyout-item-property" 16214 v-for="property in itemProperties(item)" 16215 v-if="displayProperty(property)" 16216 v-bind:class="[ itemPropertyKeyClass(property), itemPropertyValueClass(property) ]"> 16217 16218 16219 <span class="rebuy-cart__flyout-item-property-name" v-html="property.key"></span> 16220 <span class="rebuy-cart__flyout-item-property-separator">:</span> 16221 <span class="rebuy-cart__flyout-item-property-value" v-html="property.value"></span> 16222 16223 16224 </div> 16225 </div> 16226 <div class="rtx-info"> 16227 <div class="option-values" v-for="option in item.options_with_values"> 16228 <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> 16229 </div> 16230 </div> 16231 16232 <div class="rebuy-cart__flyout-item-quantity-wrapper"> 16233 <!-- start quantity row --> 16234 <div class="rebuy-cart__flyout-item-quantity"> 16235 <div > 16236 16237 <div class="rebuy-cart__flyout-item-quantity-widget" v-if="hideQuantitySelectors && !hideQuantitySelectors(item) && item.handle != 'oli-pops-holiday-pack-pr-giveaway'"> 16238 <button class="rebuy-cart__flyout-item-quantity-widget-button" 16239 v-on:click="decreaseItem(item)" type="button" 16240 v-bind:aria-label="`You have ${item.quantity} ${cartItemTitleWithFiber(item)}, decrease by 1`"> 16241 <svg xmlns="http://www.w3.org/2000/svg" width="10" height="2" viewBox="0 0 10 2" fill="none"> 16242 <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"/> 16243 </svg> 16244 </button> 16245 <span class="rebuy-cart__flyout-item-quantity-widget-label" v-html="item.quantity"></span> 16246 <button class="rebuy-cart__flyout-item-quantity-widget-button" 16247 v-on:click="increaseItem(item)" type="button" v-bind:aria-label="`You have ${item.quantity} ${cartItemTitleWithFiber(item)}, add 1 more`"> 16248 <svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 12 12" fill="none"> 16249 <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"/> 16250 </svg> 16251 </button> 16252 </div> 16253 16254 </div> 16255 </div> 16256 <!-- end quantity row --> 16257 16258 <!-- start price row --> 16259 <div 16260 class="rebuy-cart__flyout-item-price" 16261 :class="{ '!tw-hidden': item.product && item.product.tags && item.product?.tags?.includes('smart-cart-hide-price') }" 16262 > 16263 16264 <div class="discount-code-msg" v-if="hasLineItemDiscount(item)" v-for="discount in item.discounts"> 16265 {{ discount.title }} 16266 </div> 16267 <!-- rtx subscription copy --> 16268 16269 <div class="rtx-cart_flyout-subscriptions" v-if="window.rebuyCartSettings.enable_global_discounts && window.rebuyCartSettings.rebuy_discount_message.length"> 16270 <div class="rebuy-cart__flyout-item-discount-message promo-sidecart" 16271 v-html="window.rebuyCartSettings.rebuy_discount_message"> 16272 </div> 16273 </div> 16274 16275 <div class="rtx-cart_flyout-subscriptions" v-else>
16276 <span v-if="item.selling_plan_allocation" class="rtx-cart_flyout-subscriptions-text">15% Off Applied!</span> 16277 </div> 16278 16279 <div class="rtx-cart_custom-discount-labels" style="display: none;"> 16280 <span class="rtx-cart_flyout-subscriptions-text tw-text-3 tw-font-normal tw-leading-none tw-text-green-900">30% off applied!</span> 16281 </div> 16282 <!-- end subscription copy --> 16283 <div v-if="isBundleParent(item)" role="textbox"> 16284 16285 16286 <span class="visually-hidden">Bundle price: </span> 16287 <span class="rebuy-money rebuy-money-original-price sale" v-html="getBundlePrice(item)"></span> 16288 </div> 16289 16290 <div v-if="oliRebuyLineHasDiscount(item, itemHasDiscount) && isBundleParent(item) == false"> 16291 <div class="visually-hidden">Sale price: </div> 16292 <span class="rebuy-money rebuy-money-original-price sale" v-html="oliRebuyLineSalePrice(item, formatMoney, itemPrice)"></span> 16293 <div class="visually-hidden">Original price: </div> 16294 <span class="rebuy-money rebuy-money-compare-at-price compare-at" 16295 v-html="oliRebuyLineComparePrice(item, formatMoney, compareAtPrice)"></span> 16296 </div> 16297 <div v-if="!oliRebuyLineHasDiscount(item, itemHasDiscount) && isBundleParent(item) == false"> 16298 <span class="visually-hidden">
16298Price: </span> 16299 <span class="rebuy-money rebuy-money-original-price" v-html="oliRebuyLineSalePrice(item, formatMoney, itemPrice)"></span> 16300 </div> 16301 16302 </div> 16303 <!-- end price row --> 16304 </div> 16305 16306 <!-- start subscription selector --> 16307 <div class="rebuy-cart__flyout-item-subscription" v-if="hasSwitchToSubscription(item)"> 16308 <button class="rebuy-button outline" v-if="!item.product.subscription || item.status == 'downgrading' || item.status == 'upgrading'" 16309 v-bind:alt="'Switch ' + cartItemTitleWithFiber(item) + ' to a Subscription'" 16310 v-bind:disabled="(item.status == 'downgrading' || item.status == 'upgrading')" 16311 v-on:click="updateItemDeliveryFrequency(item, item.product.subscription_frequencies[1]); updateBundleDeliveryFrequencies(item, item.product.subscription_frequencies[1])" 16312 type="button" 16313 > 16314 <span v-html="switchToSubscriptionLabel(item)"></span> 16315 </button> 16316 <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"> 16317 <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"/> 16318 </svg> 16319 <select 16320 v-if="item.product.subscription && item.status != 'downgrading'" 16321 class="rebuy-select muted" 16322 aria-label="Subscription frequency" 16323 v-model="item.product.subscription_frequency" 16324 v-on:change="updateItemDeliveryFrequency(item); updateBundleDeliveryFrequencies(item, $event.target.value)" 16325 > 16326 <optgroup 16327 v-if="!item.product.is_subscription_only && !subscriptionDowngradeDisabled()" 16328 v-bind:label="onetimeOptionGroupLabel(item)" 16329 > 16330 <option v-bind:value="'onetime'" v-html="onetimeOptionLabel(item)"></option> 16331 </optgroup> 16332 16333 <optgroup v-bind:label="subscriptionOptionGroupLabel(item)"> 16334 <option 16335 v-for="frequency in item.product.subscription_frequencies" 16336 v-bind:value="frequency" 16337 v-html="subscriptionOptionLabel(item, frequency, item.product.subscription_interval)" 16338 ></option> 16339 </optgroup> 16340 </select> 16341 </div> 16342 <!-- end subscription selector --> 16343 </div> 16344 16345 16346 16347 16348 </div> 16349 <!-- end product item --> 16350 16351 <div class="rebuy-cart__flyout-note" v-if="notesEnabled()"> 16352 <label class="rebuy-cart__flyout-note-toggle"> 16353 <input class="rebuy-cart__flyout-note-toggle-input rebuy-checkbox" type="checkbox" v-model="notes.visible" v-on:click="notesToggle()" /> 16354 <span class="rebuy-cart__flyout-note-toggle-label" v-html="settings.language.notes_label"></span> 16355 </label> 16356 <div class="rebuy-cart__flyout-note-content" v-if="notesIsVisible()"> 16357 <textarea id="rebuy-cart-notes" class="rebuy-textarea rebuy-cart__flyout-note-textarea" v-model="notes.value" 16358 v-on:keyup="notesChange(event)" v-on:keydown="notesChange(event)" v-on:change="notesChange(event)" 16359 v-bind:placeholder="settings.language.notes_placeholder"></textarea> 16360 <small id="rebuy-cart-characters-remaining" v-html="notesRemainingCharacters()"></small> 16361 </div> 16362 </div> 16363 </div> 16364 <div class="rebuy-cart__flyout-empty-cart" role="region" aria-label="Empty cart message" v-if="!hasItems()" v-html="emptyCartMessage()"></div> 16365 <div class="rebuy-cart__flyout-recommendations" v-if="hasCrossSells()" style="display: none;"> 16366 <div v-for="widget_id in settings.cross_sells" v-bind:data-rebuy-id="widget_id"> 16367 </div> 16368 </div> 16369 16370 <div class="rebuy-upsell custom-upsell"> 16371 </div> 16372 16373 <!--BEAM START--> 16374 <div data-beam-widget="select-nonprofit" v-if="hasItems()" class="rebuy-cart__beam-impact-widget-wrapper"> 16375 16376 <beam-select-nonprofit 16377 apiKey="orRPgklUWqQM.cab839ad-9774-43be-bc7d-f236e6c3e9ae" 16378 storeId="528" 16379 lang="en" 16380 ></beam-select-nonprofit> 16381 16382 </div> 16383 <!-- BEAM END--> 16384 </div> 16385 </div> 16386 16387 <div class="rebuy-cart__flyout-footer " v-if="hasItems()"> 16388 16389 <svg xmlns="http://www.w3.org/2000/svg" width="484" height="32" viewBox="0 0 484 32" fill="none"> 16390 <mask id="mask0_2444_672" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="-90" width="484" height="123"> 16391 <g clip-path="url(#clip0_2444_672)"> 16392 <g clip-path="url(#clip1_2444_672)"> 16393 <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"/> 16394 </g> 16395 </g> 16396 </mask> 16397 <g mask="url(#mask0_2444_672)"> 16398 <rect width="484" height="32.2667" fill="#008168"/>
16398 16399 </g> 16400 <defs> 16401 <clipPath id="clip0_2444_672"> 16402 <rect width="484" height="121.621" fill="white" transform="translate(0 -89.354)"/> 16403 </clipPath> 16404 <clipPath id="clip1_2444_672"> 16405 <rect width="484" height="33.275" fill="white" transform="translate(0 0.232666)"/> 16406 </clipPath> 16407 </defs> 16408 </svg> 16409 <div class="rebuy-cart__flyout-footer--inner"> 16410 16411 <button 16412 class="rebuy-cart__flyout-footer-discount-button" 16413 v-if="shouldShowDiscountInput && shouldShowDiscountInput()" 16414 aria-expanded="false" 16415 aria-controls="rebuy-discount-accordion" 16416 v-on:click=" 16417 function($event) { 16418 const accordion = $refs.rebuyDiscountAccordion; 16419 accordion?.classList.toggle('rebuy-cart__flyout-footer-discount-field-hide'); 16420 $refs.accordionCloseIcon?.classList.toggle('rebuy-cart__flyout-footer-discount-accordion'); 16421 $refs.accordionOpenIcon?.classList.toggle('rebuy-cart__flyout-footer-discount-accordion'); 16422 16423 const isOpen = !accordion.classList.contains('rebuy-cart__flyout-footer-discount-field-hide'); 16424 $event.currentTarget.setAttribute('aria-expanded', isOpen); 16425 16426 if (isOpen) { 16427 console.log(accordion.querySelector('input')) 16428 setTimeout(()=>(accordion.querySelector('input')?.focus()), 0) 16429 } 16430 } 16431 " 16432 v-show="discount && discount.amount === 0" 16433 > 16434 <div class="rebuy-cart__flyout-footer-discount-feild-copy">Add Promo Code</div> 16435 16436 <svg 16437 ref="accordionCloseIcon" 16438 class="rebuy-cart__flyout-footer-discount-accordion" 16439 width="14" 16440 height="14"
16441 viewBox="0 0 14 14" 16442 fill="none" 16443 aria-label="hidden" 16444 xmlns="http://www.w3.org/2000/svg" 16445 > 16446 <g clip-path="url(#clip0_1061_2171)"> 16447 <path d="M0.875 7.0083H13.125" stroke="#fff" stroke-width="2" stroke-linecap="round"/> 16448 </g> 16449 <defs> 16450 <clipPath id="clip0_1061_2171"> 16451 <rect width="14" height="14" fill="white" transform="translate(0 0.00830078)"/> 16452 </clipPath> 16453 </defs> 16454 </svg> 16455 16456 <svg 16457 ref="accordionOpenIcon" 16458 width="16" 16459 height="16" 16460 viewBox="0 0 16 16" 16461 aria-label="hidden" 16462 fill="none" 16463 xmlns="http://www.w3.org/2000/svg" 16464 > 16465 <path d="M1.875 8.0083H14.125" stroke="#fff" stroke-width="2" stroke-linecap="round"/> 16466 <path d="M8 1.8833L8 14.1333" stroke="#fff" stroke-width="2" stroke-linecap="round"/> 16467 </svg> 16468 </button> 16469 16470 <div 16471 v-if="shouldShowDiscountInput && shouldShowDiscountInput()" 16472 class="rebuy-cart__flyout-discount rebuy-cart__flyout-footer-discount-field-hide" 16473 ref="rebuyDiscountAccordion" 16474 id="rebuy-discount-accordion" 16475 > 16476 <div class="rebuy-cart__flyout-discount-right"> 16477 <div class="rebuy-cart__flyout-discount-input"> 16478 <input 16479 class="input" 16480 v-model="discount.inputValue" 16481 placeholder="Enter your promo code" 16482 id="rebuy-discount-input" 16483 aria-label="Enter your promo code" 16484 > 16485 16486 </div> 16487 <button 16488 class="rebuy-button" 16489 aria-label="Apply promo code" 16490 v-on:click="applyDiscount()" 16491 v-bind:disabled="discount.loading" 16492 > 16493 <span v-html="discountButtonLabel && discountButtonLabel()" class="rebuy-button-text"></span> 16494 </button> 16495 </div> 16496 <div 16497 v-if="showInvalidMessage()" 16498 class="rebuy-cart__flyout-discount-message" 16499 > 16500 <svg xmlns="http://www.w3.org/2000/svg" width="22" height="22" viewBox="0 0 22 22" fill="none"> 16501 <rect width="22" height="22" rx="11" fill="#D42A1C"/> 16502 <g clip-path="url(#clip0_2947_17606)"> 16503 <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"/> 16504 <path d="M11 9.75V12.75" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> 16505 <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"/> 16506 </g> 16507 <defs> 16508 <clipPath id="clip0_2947_17606"> 16509 <rect width="12" height="12" fill="white" transform="translate(5 5)"/> 16510 </clipPath> 16511 </defs> 16512 </svg> 16513 <span 16514 v-html="settings.language.discount_invalid_message" 16515 > 16516 </span> 16517 </div> 16518 </div> 16519 16520 16521 <div 16522 v-show="shouldShowDiscountSubtotal && shouldShowDiscountSubtotal()" 16523 class="rebuy-cart__flyout-discount-amount" 16524 > 16525 <div class="rebuy-cart__flyout-discount-left"> 16526 <span class="rebuy-cart__flyout-label" v-html="discountLabel && discountLabel()"></span> 16527 <div class="rebuy-cart__flyout-tag" v-on:click="removeDiscount()">
16528 <span class="rebuy-cart__flyout-tag-discount-icon"> 16529 <svg width="10" height="10" viewBox="0 0 10 10" fill="none" xmlns="http://www.w3.org/2000/svg"> 16530 <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"/> 16531 <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"/> 16532 </svg> 16533 </span> 16534 <span v-html="discount.inputValue" class="rebuy-cart__flyout-tag-discount-text"></span> 16535 <span class="rebuy-cart__flyout-tag-time"> 16536 <svg width="10" height="10" viewBox="0 0 8 8" fill="none" xmlns="http://www.w3.org/2000/svg"> 16537 <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"/> 16538 <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"/> 16539 </svg> 16540 </span> 16541 </div> 16542 </div> 16543 <div class="rebuy-cart__flyout-subtotal-amount rebuy-cart__flyout-discount-right rebuy-cart__flyout-subtotal-amount-discount" v-html="discountTotal && discountTotal()"> </div> 16544 </div> 16545 16546 <div class="rebuy-cart__flyout-subtotal"> 16547 <div class="rebuy-cart__flyout-subtotal-label">
16548 <span class="rebuy-cart__flyout-subtotal-text">Subtotal</span> 16549 </div> 16550 16551 <div class="rebuy-cart__flyout-subtotal-amount"> 16552 <span class="rebuy-cart__flyout-subtotal-final-amount"> 16553 <span class="sr-only">Final price</span> 16554 <span v-html="oliRebuyCartSubtotal(formatMoney, items, itemPrice, compareAtPrice, isBundleChild, isHiddenItem, isBundleParent)"></span> 16555 </span> 16556 <span class="rebuy-cart__flyout-subtotal-compare-amount tw-hidden"> 16557 <span class="sr-only">Original price</span> 16558 <span v-html="oliRebuyCartCompareSubtotal(formatMoney, items, itemPrice, compareAtPrice, isBundleChild, isHiddenItem, isBundleParent)"></span> 16559 </span> 16560 </div> 16561 16562 </div> 16563 <div class="rebuy-cart__flyout-actions"> 16564 <div v-if="settings.terms && settings.terms.enabled" class="rebuy-cart__flyout-terms"> 16565 <input class="rebuy-cart__flyout-terms-checkbox rebuy-checkbox" id="rebuy-terms-checkbox" name="rebuy-terms-checkbox" 16566 type="checkbox" v-model="termsAccepted" v-on:click="updateTermsCheck()" /> 16567 <label class="rebuy-cart__flyout-terms-label" for="rebuy-terms-checkbox" v-html="settings.terms.disclaimer"></label> 16568 </div> 16569 <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()"> 16570 <span> 16571 <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"/>
16571<path d="" stroke="none" fill="#fcfcfc" fill-rule="evenodd"/></svg> 16572 <span>Checkout</span> 16573 </span> 16574 </button> 16575 <button v-if="hasViewCartButton()" class="block rebuy-button" v-bind:class="{'outline': hasCheckoutButton()}" type="button" v-on:click="viewCart()"> 16576 <span v-html="viewCartLabel()"></span> 16577 </button> 16578 <button v-if="hasContinueShoppingButton()" class="block rebuy-button outline" type="button" v-on:click="hide()"> 16579 <span v-html="continueShoppingLabel()"></span> 16580 </button> 16581 16582 16583 <div class="rebuy-cart__flyout-actions-note-below-cta"> 16584 45 Day Money-Back Guarantee 16585 </div> 16586 16587 16588 � 16589 </div> 16590 <div class="rebuy-cart__flyout-installments" v-if="installmentsEnabled()" v-html="installmentsMessage()"></div> 16591 </div> 16592 </div> 16593 </div> 16594 <div class="rebuy-cart__background" v-on:click="hide()"></div> 16595 </div> 16596</script>
16596 16597 16598 16599<style> 16600 #rebuy-checkout-btn:hover { 16601 background-color: #E2EB28 !important; 16602 } 16603 16604 .rebuy-cart__flyout-item-media img[alt="View Watermelon Lime 9g Fiber"] { 16605 width: 70%; 16606 } 16607</style> 16608
16609<script async src="https://cdn.rebuyengine.com/onsite/js/rebuy.js?shop=olipop-store.myshopify.com"></script>
16609 16610
16611<script> 16612 document.addEventListener('DOMContentLoaded', function() { 16613 const body = document.body; 16614 const html = document.documentElement; 16615 16616 // Function to save and restore the scroll position 16617 function preserveScrollPosition(action) { 16618 const scrollPosition = { 16619 top: window.scrollY, 16620 left: window.scrollX 16621 }; 16622 action(); 16623 window.scrollTo(scrollPosition.left, scrollPosition.top); 16624 } 16625 16626 // Create a MutationObserver to watch for changes to the body's class list 16627 const observer = new MutationObserver(function(mutationsList) { 16628 mutationsList.forEach(function(mutation) { 16629 if (mutation.type === 'attributes' && mutation.attributeName === 'class') { 16630 if (body.classList.contains('rebuy-modal-visible')) { 16631 html.style.overflow = 'hidden'; 16632 } else { 16633 preserveScrollPosition(() => { 16634 html.style.overflow = ''; 16635 }); 16636 } 16637 } 16638 }); 16639 }); 16640 observer.observe(body, { attributes: true }); 16641 }); 16642</script>
16642 16643<style> 16644 #rebuy-checkout-btn:hover { 16645 background-color: #E2EB28 !important; 16646 } 16647 16648 .rebuy-cart__flyout-item-media img[alt="View Watermelon Lime 9g Fiber"] { 16649 width: 70%; 16650 } 16651</style> 16652 16653 16654 16655
16656<script> 16657const getProductJSON = async (handle) => { 16658 let data = JSON.parse(sessionStorage.getItem("productJSONStore")); 16659 16660 if (data && data[handle]) { 16661 return data[handle]; 16662 } else { 16663 await getStorefrontProduct(handle).then((product) => { 16664 saveProductJSON(product); 16665 return product; 16666 }); 16667 } 16668}; 16669 16670const saveProductJSON = (product) => { 16671 let data = JSON.parse(sessionStorage.getItem("productJSONStore")); 16672 16673 if (data == null) { 16674 data = {}; 16675 } 16676 16677 if (product) { 16678 data[product.handle] = product; 16679 } 16680 16681 sessionStorage.setItem("productJSONStore", JSON.stringify(data)); 16682}; 16683 16684const removeProductJSON = (product) => { 16685 let data = JSON.parse(sessionStorage.getItem("productJSONStore")); 16686 16687 if (data == null) { 16688 data = {}; 16689 } 16690 16691 if (product) { 16692 delete data[product.handle]; 16693 } 16694 16695 sessionStorage.setItem("productJSONStore", JSON.stringify(data)); 16696}; 16697 16698const getStorefrontProduct = async (handle) => { 16699 return fetch(`${Shopify.routes.root}products/${handle}.js`).then( 16700 (response) => { 16701 return response.json(); 16702 } 16703 ); 16704}; 16705 16706const enrichWidgetProducts = (widget) => { 16707 const products = widget.data.products; 16708 16709 for (var i = 0; i < products.length; i++) { 16710 updateProductJSON(products[i], () => { 16711 widget.initProducts(widget.data.products); 16712 }); 16713 } 16714}; 16715 16716const enrichCartItems = () => { 16717 const items = Rebuy.Cart.items(); 16718 for (var i = 0; i < items.length; i++) { 16719 const item = items[i]; 16720 const product = items[i].product; 16721 16722 updateProductJSON(product, () => { 16723 const productClone = Object.assign({}, product); 16724 16725 delete productClone.subscription; 16726 delete productClone.subscription_discount_amount; 16727 delete productClone.subscription_discount_type; 16728 delete productClone.subscription_frequencies; 16729 delete productClone.subscription_frequency; 16730 delete productClone.subscription_interval; 16731 delete productClone.subscription_id; 16732 delete productClone.is_subscription_only; 16733 delete productClone.has_subscription; 16734 16735 Rebuy.Cart.addEnrichedProduct(productClone); 16736 16737 Rebuy.Cart.initProduct(product, { 16738 item: item, 16739 clone: true, 16740 }); 16741 }); 16742 } 16743}; 16744 16745const updateProductJSON = (product, callback = function () {}) => { 16746 getProductJSON(product.handle).then((json) => { 16747 if (typeof json?.requires_selling_plan != "undefined") { 16748 product.is_subscription_only = json?.requires_selling_plan; 16749 } 16750 16751 if (typeof json?.selling_plan_groups != "undefined") { 16752 extendProductWithSellingPlan(product, json?.selling_plan_groups[0]); 16753 } 16754 16755 callback(product); 16756 }); 16757}; 16758 16759const extendProductWithSellingPlan = (product, selling_plan_groups) => { 16760 if (product && selling_plan_groups) { 16761 // Set discount 16762 selling_plan_groups.discount_amount = 0; 16763 selling_plan_groups.discount_type = "none"; 16764 16765 // Update selling plans 16766 for (let i = 0; i < selling_plan_groups.selling_plans.length; i++) { 16767 const selling_plan = selling_plan_groups.selling_plans[i]; 16768 16769 // Surface discount amount and type to groups 16770 if ( 16771 selling_plan_groups.discount_amount == 0 && 16772 selling_plan_groups.discount_type == "none" && 16773 selling_plan.price_adjustments.length > 0 16774 ) { 16775 let price_adjustment = selling_plan.price_adjustments[0]; 16776 let valueType = 16777 price_adjustment.value_type === "percentage" 16778 ? "percentage" 16779 : "fixed"; 16780 let value = price_adjustment.value; 16781 16782 if (valueType === "fixed") { 16783 value = (value / 100).toFixed(2); 16784 } 16785 16786 selling_plan_groups.discount_amount = value; 16787 selling_plan_groups.discount_type = valueType; 16788 } 16789 16790 // Surface order interval to selling plan 16791 let interval = getOrderIntervalForOptions(selling_plan.options[0]); 16792 selling_plan.order_interval_frequency = interval.frequency; 16793 selling_plan.order_interval_unit_type = interval.unit; 16794 } 16795 16796 // Add groups to product 16797 product.selling_plan_groups = [selling_plan_groups]; 16798 } 16799}; 16800 16801const getOrderIntervalForOptions = (option) => { 16802 const intervalUnits = ["day", "week", "month", "year"]; 16803 const response = { 16804 frequency: 1, 16805 unit: "day", 16806 }; 16807 16808 let frequency = option.value.toLowerCase().match(/\d+/g); 16809 16810 if (frequency != null) { 16811 response.frequency = frequency[0]; 16812 } 16813 16814 for (let i = 0; i < intervalUnits.length; i++) { 16815 const unit = intervalUnits[i]; 16816 let regex = new RegExp(unit, "g"); 16817 16818 if (option.value.toLowerCase().match(regex)) { 16819 response.unit = unit; 16820 break; 16821 } 16822 } 16823 16824 return response; 16825}; 16826 16827const enableSellingPlans = () => { 16828 const Rebuy = window.Rebuy; 16829 const Shop = window.Rebuy.shop; 16830 16831 if (Shop) { 16832 if (typeof Shop.integrations == "undefined") { 16833 Shop.integrations = {}; 16834 } 16835 Shop.integrations.recharge = true; 16836 Shop.selling_plans_enabled = true; 16837 } 16838}; 16839 16840document.addEventListener("rebuy:cart.enriched", (event) => { 16841 setTimeout(enrichCartItems, 0); 16842}); 16843 16844document.addEventListener("rebuy.productsChange", (event) => { 16845 event.detail.widget.data.config.product_type = "both"; 16846 enrichWidgetProducts(event.detail.widget); 16847}); 16848 16849document.addEventListener("rebuy.loaded", () => { 16850 enableSellingPlans(); 16851}); 16852 16853// may or may not be necessary, have needed to do this on a few stores 16854document.addEventListener("rebuy:cart.change", () => { 16855 // re-enrich cart 16856 setTimeout(() => { 16857 Rebuy.Cart.enrichCart(); 16858 }, 300); 16859}); 16860</script>
16860 16861 16862
16863<script> 16864 window.switchToSubscriptionAssets = { 16865 checkmark: "\/\/drinkolipop.com\/cdn\/shop\/t\/1366\/assets\/switch-to-subscription-checkmark.svg?v=737727" 16866 } 16867</script>
16867 16868 16869 16870
16871<script id="rebuy-widget-104566" type="text/template"> 16872 <div 16873 class="rebuy-widget" 16874 v-cloak 16875 v-on:click="stopPropagation($event)" 16876 v-bind:id="'rebuy-widget-' + id" 16877 v-bind:class="['widget-type-' + config.type.replace('_','-'), 'widget-display-' + config.display_type, products.length > 0 ? 'is-visible' : 'is-hidden', 'widget-layout-' + currentLayout()]" 16878 > 16879 <div 16880 class="rebuy-widget-container" 16881 v-cloak 16882 v-bind:class="['widget-display-' + config.display_type, visible ? 'is-visible' : 'is-hidden' ]" 16883 v-on:click.self="hide()"> 16884 16885 <div class="rebuy-widget-content"> 16886 <div class="rebuy-modal-close" v-on:click="hide()"> 16887 <i class="fas fa-times"></i> 16888 </div> 16889 16890 <div class="rebuy-timer" v-if="hasTimer()"> 16891 <h5 class="rebuy-timer-title" v-if="config.language.timer_title"> 16892 <span v-html="config.language.timer_title"></span> 16893 <span class="rebuy-timer-minutes" v-html="config.timer.duration_minutes"></span>:<span class="rebuy-timer-seconds" v-html="config.timer.duration_seconds"></span> 16894 </h5> 16895 </div> 16896 16897 <h4 16898 class="super-title" 16899 v-if="config.language.super_title != ''" 16900 v-html="config.language.super_title"></h4> 16901 <img src="https://cdn.shopify.com/s/files/1/0034/6610/0806/files/Mask_group_a14b28d7-9678-4952-b6bd-8913d9526dea.png?v=1696021272"> 16902 <h3 16903 class="primary-title" 16904 v-if="config.language.title != ''" 16905 v-html="config.language.title"></h3> 16906 16907 <div 16908 class="description" 16909 v-if="config.language.description != ''" 16910 v-html="config.language.description"></div> 16911 16912 <div class="rebuy-product-grid" v-bind:class="layoutClasses"> 16913 <div 16914 class="rebuy-product-block" 16915 v-for="product in products" 16916 v-bind:class="[product.handle, 'product-id-' + product.id, cartHasProduct(product) ? 'cart-has-item' : '', productTagClasses(product)]"> 16917 <div class="rebuy-subscription-bonuses"> 16918 <div class="stsNote"> 16919 <img v-bind:src="switchToSubscriptionAssets.checkmark" class="rebuyCheck"><p class="rebuy-product-media-block-text">15% off EVERY subscription order</p> 16920 </div> 16921 <div class="stsNote"> 16922 <img v-bind:src="switchToSubscriptionAssets.checkmark" class="rebuyCheck"><p class="rebuy-product-media-block-text">Free shipping in the contiguous U.S.</p> 16923 </div> 16924 <div class="stsNote"> 16925 <img v-bind:src="switchToSubscriptionAssets.checkmark" class="rebuyCheck"><p class="rebuy-product-media-block-text">Swap, skip, or cancel anytime</p> 16926 </div> 16927 </div> 16928 <div class="rebuy-product-actions"> 16929 16930 <div class="subscription-checkbox" v-if="showSubscriptionOptions(product)"> 16931 <label class="rebuy-checkbox-label"> 16932 <input 16933 class="checkbox-input rebuy-checkbox" 16934 v-model="product.subscription" 16935 v-on:change="toggleSubscription(product)" 16936 type="checkbox" /> 16937 <span class="checkbox-label" v-html="upgradeToSubscriptionLabel(product)"></span> 16938 </label> 16939 </div> 16940 16941 <div class="subscription-frequency" v-if="showSubscriptionFrequency(product)"> 16942 <select 16943 class="rebuy-select" 16944 v-model="product.subscription_frequency" 16945 v-on:change="updateSubscriptionFrequency(product)"> 16946 <option v-for="frequency in product.subscription_frequencies" v-bind:value="frequency"></option> 16947 </select> 16948 </div> 16949 16950 <button 16951 class="rebuy-button" 16952 v-bind:class="{ working: (product.status != 'ready' && product.status != 'selecting') }" 16953 v-bind:disabled="!(variantAvailable(product.selected_variant)) || (product.status != 'ready' && product.status != 'selecting')" 16954 v-bind:alt="'Add ' + product.title + ' to Cart'" 16955 v-on:click="addUpsellToCart(product)" 16956 type="button">
16957 <span v-html="buttonLabel(product)"></span> 16958 </button> 16959 16960 <button 16961 class="rebuy-button decline" 16962 v-on:click="declineOffer(product)" 16963 type="button"> 16964 <span v-html="declineLabel(product)"></span> 16965 </button> 16966 </div> 16967 </div> 16968 </div> 16969 16970 <div class="powered-by-rebuy"> 16971 <a 16972 v-bind:href="'https://rebuyengine.com/?shop=' + config.shop.myshopify_domain" 16973 target="_blank" 16974 rel="noopener"> 16975 Powered by Rebuy 16976 </a> 16977 </div> 16978 </div> 16979 </div> 16980 </div> 16981</script>
16981 16982 16983
16984<script> 16985document.addEventListener('rebuy:reorderLandingPage.ready', function(){ 16986 if(Rebuy.ReorderLandingPage){ 16987 Rebuy.Cart.cart?.items.forEach(item => { 16988 if (item.product?.tags.includes('exclude_rebuy')) { 16989 Rebuy.Cart.removeItem(item) 16990 } 16991 }) 16992 } 16993}); 16994</script>
16994 16995
16996<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>
16996 16997 <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> 16998<div id="shopify-block-AbVJPUTJacTJ3WC9He__4947802007469450330" class="shopify-block shopify-app-block"><!-- rediem-referral.css loaded non-blocking. The referral UI (skeleton, iframe, 16999 widget, popups) is injected by JS after load, so nothing this styles exists at 17000 first paint; loading it blocking (via the schema `stylesheet` key) only delayed 17001 first paint. Served from Shopify's global CDN via asset_url. --> 17002<link rel="preload" href="https://cdn.shopify.com/extensions/01a0f858-f4e6-7ed3-834c-33b663fda03c/rediem-308/assets/rediem-referral.css" as="style" onload="this.onload=null;this.rel='stylesheet'"> 17003<noscript><link rel="stylesheet" href="https://cdn.shopify.com/extensions/01a0f858-f4e6-7ed3-834c-33b663fda03c/rediem-308/assets/rediem-referral.css"></noscript> 17004
17005<script src="https://ripplrewards.nyc3.digitaloceanspaces.com/static/prod/rediem-referral.js?v=ec40ec2dd149f5533727b8140237dc742853231a" defer > </script>
17005 17006
17007<script> 17008(function () { 17009 // Main logic function 17010 const runRediemLogic = async () => { 17011 17012 window.rediemReferral = async () => { 17013 const REF_TUNNEL_URL = "https://referrals.rediem.io"; 17014 const API_BASE_URL = "https://api.rediem.io/api"; 17015 17016 const shop = 'drinkolipop.com'; 17017 const customerId = ''; 17018 const customerEmail = ''; 17019 const customerFirstName = ''; 17020 const customerLastName = ''; 17021 const customerTags = ""; 17022 17023 const rippl_url = new URL(window.location.href); 17024 const rediemRef = rippl_url.searchParams.get('rediemRef') || ''; 17025 const source = rippl_url.searchParams.get('source') || 'direct'; 17026 17027 const refContainer = document.getElementById('rediem_referral'); 17028 17029 const urlParams = new URLSearchParams(); 17030 if (shop) urlParams.append('shop', shop); 17031 if (source) urlParams.append('source', source); 17032 if (rediemRef) { urlParams.append('rediemRef', rediemRef) } 17033 17034 if (customerId) { 17035 urlParams.append('customerId', customerId); 17036 urlParams.append('customerEmail', customerEmail); 17037 urlParams.append('customerFirstName', customerFirstName); 17038 urlParams.append('customerLastName', customerLastName); 17039 urlParams.append('customerTags', customerTags); 17040 } 17041 17042 const finalURL = `${REF_TUNNEL_URL}${urlParams.toString() ? `?${urlParams.toString()}` : ''}`; 17043 17044 const rediemRefHTML = ` 17045 <div class="rdm-skeleton-container"> 17046 <div class="rdm-skeleton-section"> 17047 <div class="rdm-skeleton-line rdm-line-header-1"> </div> 17048 <div class="rdm-skeleton-line rdm-line-header-2"> </div> 17049 </div> 17050 <div class="rdm-skeleton-tabs"> 17051 <div class="rdm-skeleton-line rdm-line-tab"> </div> 17052 <div class="rdm-skeleton-line rdm-line-tab"> </div> 17053 </div> 17054 <div class="rdm-skeleton-card"> 17055 <div class="rdm-skeleton-line rdm-line-card-1"> </div> 17056 <div class="rdm-skeleton-line rdm-line-card-2"> </div> 17057 </div> 17058 <div class="rdm-skeleton-card"> 17059 <div class="rdm-skeleton-line rdm-line-balance-1"> </div> 17060 <div class="rdm-skeleton-row"> 17061 <div class="rdm-skeleton-line rdm-line-balance-2"> </div> 17062 <div class="rdm-skeleton-line rdm-line-balance-3"> </div> 17063 </div> 17064 </div> 17065 <p style="text-align:center;margin-top:40px;">Loading...</p> 17066 </div> 17067 <iframe 17068 allowusermedia 17069 class="rediem-referral-iframe" 17070 id="rediemReferralIframe" 17071 customerId="${customerId}" 17072 src="${finalURL}" 17073 title="Referral program - powered by rediem" 17074 aria-label="Referral program - powered by rediem" 17075 allow="clipboard-read; clipboard-write; geolocation; camera; microphone;" 17076 style="border: 0; width: 100%;"> 17077 </iframe>`; 17078 17079 const apiEndpoint = `${API_BASE_URL}/referral?shop=${shop}`; 17080 try { 17081 const response = await fetch(apiEndpoint); 17082 const data = await response.json(); 17083 sessionStorage.setItem('referralSetting', JSON.stringify(data?.data)); 17084 const referralSetting = data?.data?.referralSetting || {}; 17085 const { referralStatus, shopId, refWidget } = data?.data?.referralSetting || {}; 17086 const { bglink } = data?.data || {}; 17087 17088 if (referralStatus === 'active') { 17089 const widget_iframe = document.getElementById('RippleRewards'); 17090 if (!widget_iframe) { 17091 const response = await fetch("/apps/next-proxy", { 17092 method: "GET", 17093 headers: { "Content-Type": "application/json" }, 17094 }); 17095 17096 const cacheKey = `user_${shop}`; 17097 let data = null; 17098 17099 if (response.ok) { 17100 if (response.status !== 204) { 17101 try { 17102 const json = await response.json(); 17103 data = json?.data ?? null; 17104 } catch { 17105 data = null; 17106 } 17107 } 17108 } 17109 17110 sessionStorage.setItem( 17111 cacheKey, 17112 JSON.stringify({ data, timestamp: Date.now() }) 17113 ); 17114 } 17115 if (data?.data?.primaryFontLink) { 17116 const primaryFontLink = document.createElement('link'); 17117 primaryFontLink.rel = 'stylesheet'; 17118 primaryFontLink.href = data.data.primaryFontLink; 17119 document.head.appendChild(primaryFontLink); 17120 } 17121 17122 if (data?.data?.secondaryFontLink) { 17123 const secondaryFontLink = document.createElement('link'); 17124 secondaryFontLink.rel = 'stylesheet'; 17125 secondaryFontLink.href = data.data.secondaryFontLink; 17126 document.head.appendChild(secondaryFontLink); 17127 } 17128 17129 const style = ` 17130 .rediem-popup-content-wrapper, 17131 .rediem-popup-content-wrapper button, 17132 .rediem-popup-content-wrapper input, 17133 .ref-widget, .ref-text { 17134 font-family: '${referralSetting?.secondaryFontFamily}', sans-serif; 17135 } 17136 .p-font { 17137 font-family: '${referralSetting?.fontFamily}', sans-serif; 17138 } 17139 .p-color { 17140 color: ${referralSetting?.primaryColor || '#0077C8'} !important; 17141 } 17142 .s-color { 17143 color: ${referralSetting?.secondaryColor || '#667085'} !important; 17144 } 17145 .p-bg{ 17146 background-color: ${referralSetting?.primaryColor || '#0077C8'} !important; 17147 } 17148 .widget-bg{ 17149 background-color: ${referralSetting?.refWidget?.bgColor || referralSetting?.primaryColor || '#0077C8'} !important; 17150 } 17151 `; 17152 17153 const styleElement = document.createElement('style'); 17154 styleElement.id = 'rediem-css'; 17155 styleElement.innerHTML = style; 17156 17157 if (!document.getElementById('rediem-css')) { 17158 document.head.appendChild(styleElement); 17159 } 17160 17161 if (rediemRef) { 17162 17163 const decode = JSON.parse(atob(rediemRef.split('.')[1])); 17164 const rediem_advocate_id = (/^\d+$/.test(decode?.customerId) ? decode?.customerId : decode?.customerId?.split("/")?.at(-1)); 17165 rdm_setCookie("rediem_advocate_id", rediem_advocate_id) 17166
17167 const friendReward = await rdm_getFriendReward(shopId); 17168 const reward = friendReward?.data?.[0]; 17169 if (reward) { 17170 rdm_generatePopupHtml(reward, REF_TUNNEL_URL, customerId); 17171 sessionStorage.setItem('friendReward', JSON.stringify(reward)); 17172 } 17173 fetch(`${API_URL}/referral/engagement/`, { 17174 method: 'PUT', 17175 headers: { 17176 'Content-Type': 'application/json', 17177 }, 17178 body: JSON.stringify({ shop, type: "site-visit" }), 17179 }); 17180 } 17181 17182 if (refContainer) { 17183 refContainer.innerHTML = rediemRefHTML; 17184 } 17185 17186 if (refWidget?.status) { 17187 rdm_appendRefWidget({ ...refWidget, widgetIcon: data?.data?.widgetIcon }); 17188 } 17189 } 17190 } catch (error) { 17191 console.error("Error fetching data:", error); 17192 } 17193 }; 17194 17195 const id = ''; 17196 if (id && window.rdm_redirectToRefDash) window.rdm_redirectToRefDash(); 17197 if (window.rdm_appendHiddenField) window.rdm_appendHiddenField(); 17198 17199 if (typeof window.rediemReferral === 'function') { 17200 window.rediemReferral(); 17201 } 17202 }; 17203 17204 const loadDependency = (callback) => { 17205 if (typeof window.rdm_redirectToRefDash === 'function') { 17206 callback(); 17207 return; 17208 } 17209 17210 const scriptSrc = "https://ripplrewards.nyc3.digitaloceanspaces.com/static/prod/rediem-referral.js"; 17211 // Check if script already exists but globals aren't ready yet (e.g. still loading) 17212 const existingScript = document.querySelector(`script[src^="${scriptSrc}"]`); 17213 17214 if (existingScript) { 17215 // Poll for globals if script exists 17216 const checkInterval = setInterval(() => { 17217 if (typeof window.rdm_redirectToRefDash === 'function') { 17218 clearInterval(checkInterval); 17219 callback(); 17220 } 17221 }, 100); 17222 return; 17223 } 17224 17225 // Load new script 17226 const script = document.createElement('script'); 17227 script.src = `${scriptSrc}?v=ec40ec2dd149f5533727b8140237dc742853231a`; 17228 script.onload = callback; 17229 document.head.appendChild(script); 17230 }; 17231 17232 if (document.readyState === "loading") { 17233 document.addEventListener("DOMContentLoaded", () => loadDependency(runRediemLogic)); 17234 } else { 17235 loadDependency(runRediemLogic); 17236 } 17237})(); 17238</script>
17238 17239 17240</div><div id="shopify-block-AWnY2RzdkTzNxdWNiS__15336829040930027027" class="shopify-block shopify-app-block"><style> 17241/* Critical-CSS safety net, not a replacement for rediem-dash.css: hardcodes only the 17242 structural properties (position, width, hidden/shown state) from its base 17243 .ripple-frame-container / .show selectors that determine whether the widget is 17244 full-screen and stuck versus correctly sized and closable, deliberately excluding 17245 cosmetic properties (background-color, box-shadow, border-radius, transition 17246 easing, ...) that don't affect that and are the ones most likely to change in a 17247 future styling pass. Protects against the async stylesheet below never getting 17248 promoted from preload to stylesheet (for example, a client-side page-transition 17249 library such as Barba.js swapping in a fresh, unpromoted preload link without 17250 re-running the loader script that would otherwise promote it). Same specificity 17251 as rediem-dash.css and declared before it in source order, so once the real 17252 stylesheet loads it wins the cascade normally, with no !important needed. 17253 apps/api/cdn-statics/criticalCssSync.test.ts fails loudly if these values and 17254 rediem-dash.css's ever disagree. 17255*/ 17256.ripple-frame-container{position:fixed;width:390px;right:20px;transform:scale(0);opacity:0;visibility:hidden} 17257.ripple-frame-container.show{transform:scale(1);opacity:1;visibility:visible} 17258</style> 17259<link rel="preload" href="https://ripplrewards.nyc3.digitaloceanspaces.com/static/css/rediem-dash.css?v=ec40ec2dd149f5533727b8140237dc742853231a" as="style" data-rediem-preload> 17260<noscript><link rel="stylesheet" href="https://ripplrewards.nyc3.digitaloceanspaces.com/static/css/rediem-dash.css?v=ec40ec2dd149f5533727b8140237dc742853231a"></noscript> 17261 17262<div data-rdm_domain="drinkolipop.com" data-rdm_id="" data-rdm_email="" 17263 data-rdm_firstName="" data-rdm_lastName="" 17264 data-rdm_tags="" data-rdm_phone="" id="rdmWidgetLoadDiv"> 17265</div> 17266
17267<script src="https://ripplrewards.nyc3.digitaloceanspaces.com/static/prod/rediem-dash.js?v=ec40ec2dd149f5533727b8140237dc742853231a" defer></script>
17267 17268 17269</div><div id="shopify-block-Aemp4K204NG5MWWxCU__9431864395560886015" class="shopify-block shopify-app-block"> 17270
17271<script> 17272 window.__POLAR_CONFIG__ = { 17273 debug: false, 17274 shop: "olipop-store.myshopify.com", 17275 storefrontToken: null, 17276 cartMetafieldsEnabled: null, 17277 metafieldNamespace: "polar", 17278 metafieldKey: "attribution" 17279 }; 17280</script>
17280 17281
17282<script src="https://cdn.shopify.com/extensions/01a06601-c356-7426-8020-d0ed6417f8c2/polar-analytics-33/assets/polar-cart-injector.js" async></script>
17282 17283 17284</div>
17284<script src="https://cdn.shopify.com/storefront/standard-actions.js" type="module" data-source-attribution="shopify.standard_actions"></script>
17284 17285</body> 17286</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.