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":"customers","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":"customers\/login","theme":174423703711,"product":null,"collection":null,"page":null,"blog":null,"article":null,"app":null},"now":1790917207,"path":"\/account\/login","locale_root_url":"\/","canonical_url":"https:\/\/drinkolipop.com\/account\/login","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\":\"customers\",\"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\":\"customers\\\/login\",\"theme\":174423703711,\"product\":null,\"collection\":null,\"page\":null,\"blog\":null,\"article\":null,\"app\":null},\"now\":1790917207,\"path\":\"\\\/account\\\/login\",\"locale_root_url\":\"\\\/\",\"canonical_url\":\"https:\\\/\\\/drinkolipop.com\\\/account\\\/login\",\"customer_id\":null,\"customer_id_signature\":\"ac54be565c44fdc8dfbb1beea83f05e72f5c8202af4849dc3f0f55898112bcfb\",\"cart\":null}";Locksmith.jsonTagSignature="ee67deadf084fa604b78323228579b2be07bc0b1e013d9b5451c3ea9482a31c0"</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: "customers", 453 name: "login", 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/account/login"> 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>Account 512– OLIPOP</title> 513 514<!-- /snippets/social-meta-tags.liquid --> 515 516 517 518 519<meta property="og:site_name" content="OLIPOP"> 520<meta property="og:url" content="https://drinkolipop.com/account/login"><meta property="og:title" content="Account"> 521<meta property="og:type" content="website"> 522<meta property="og:description" content="Discover a new kind of soda made with plant fiber and prebiotics. Non-GMO, gluten-free, paleo, and vegan, with high fiber and 2-5g of sugar. Enjoy a variety of delicious, refreshing and classic flavors."> 523 524 525 526 527 528 <meta name="twitter:site" content="@drinkolipop"> 529 530<meta name="twitter:card" content="summary_large_image"><meta name="twitter:title" content="Account"> 531<meta name="twitter:description" content="Discover a new kind of soda made with plant fiber and prebiotics. Non-GMO, gluten-free, paleo, and vegan, with high fiber and 2-5g of sugar. Enjoy a variety of delicious, refreshing and classic flavors."> 532
533<script src="//drinkolipop.com/cdn/shopifycloud/storefront/assets/themes_support/shopify_common-5f594365.js" defer="defer"></script>
533<link href="//drinkolipop.com/cdn/shop/t/1366/assets/vendor.js?v=42932227539066615491773709641" as="script" rel="preload"> 534 <link href="//drinkolipop.com/cdn/shop/t/1366/assets/layout.theme.js?v=103885869156479832961773709644" as="script" rel="preload"> 535 <link href="//drinkolipop.com/cdn/shop/t/1366/assets/lazysizes.js?v=175780612770959260451773709640" as="script" rel="preload"> 536 <link href="//drinkolipop.com/cdn/shop/t/1366/assets/theme.js?v=143221273705841084911779140488" as="script" rel="preload"> 537 538
538<script src="//drinkolipop.com/cdn/shop/t/1366/assets/vendor.js?v=42932227539066615491773709641"></script>
538 539
539<script src="//drinkolipop.com/cdn/shop/t/1366/assets/layout.theme.js?v=103885869156479832961773709644" async="async"></script>
539 540
540<script src="//drinkolipop.com/cdn/shop/t/1366/assets/lazysizes.js?v=175780612770959260451773709640" async="async"></script>
540 541
541<script src="//drinkolipop.com/cdn/shop/t/1366/assets/theme.js?v=143221273705841084911779140488" defer="defer"></script>
541 542 543 544 545 546 547 548 549 550 551 552 553 554 555 556<style data-shopify> 557 :root{ 558 --flavor-color-overlay: ; 559 --flavor-color-100: ; 560 --flavor-color-200: ; 561 --flavor-color-300: ; 562 563 --flavor-color-selector: ; 564 565 } 566</style> 567 568 569 <link 570 rel="preload" 571 href="https://cdn.jsdelivr.net/npm/keen-slider@latest/keen-slider.min.css" 572 as="style" 573 onload="this.onload=null;this.rel='stylesheet'" 574 > 575 <noscript> 576 <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/keen-slider@latest/keen-slider.min.css"> 577 </noscript> 578 579 580 581
581<script> 582 var theme = { 583 breakpoints: { 584 medium: 750, 585 large: 990, 586 widescreen: 1400 587 }, 588 strings: { 589 addToCart: "Add to Cart", 590 soldOut: "Sold out", 591 unavailable: "Unavailable", 592 regularPrice: "Regular price", 593 salePrice: "Sale price", 594 sale: "Sale", 595 fromLowestPrice: "Translation missing: en.products.product.from_lowest_price", 596 vendor: "Vendor", 597 showMore: "Show More", 598 showLess: "Show Less", 599 searchFor: "Search for", 600 addressError: "Error looking up that address", 601 addressNoResults: "No results for that address", 602 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.", 603 authError: "There was a problem authenticating your Google Maps account.", 604 newWindow: "Opens in a new window.", 605 external: "Opens external website.", 606 newWindowExternal: "Opens external website in a new window.", 607 removeLabel: "Remove [product]", 608 update: "Update", 609 quantity: "Quantity", 610 discountedTotal: "Discounted total", 611 regularTotal: "Regular total", 612 priceColumn: "See Price column for discount details.", 613 quantityMinimumMessage: "Quantity must be 1 or more", 614 cartError: "There was an error while updating your cart. Please try again.", 615 removedItemMessage: "Removed \u003cspan class=\"cart__removed-product-details\"\u003e([quantity]) [link]\u003c\/span\u003e from your cart.", 616 unitPrice: "Unit price", 617 unitPriceSeparator: "per", 618 oneCartCount: "1 item", 619 otherCartCount: "[count] items", 620 quantityLabel: "Quantity: [count]", 621 products: "Products", 622 loading: "Loading", 623 number_of_results: "[result_number] of [results_count]", 624 number_of_results_found: "[results_count] results found", 625 one_result_found: "1 result found" 626 }, 627 moneyFormat: "${{amount}}", 628 moneyFormatWithCurrency: "${{amount}} USD", 629 settings: { 630 predictiveSearchEnabled: true, 631 predictiveSearchShowPrice: false, 632 predictiveSearchShowVendor: false 633 } 634 } 635 636 document.documentElement.className = document.documentElement.className.replace('no-js', 'js'); 637</script>
637 638 639 640 641
641<script>window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.start');</script>
641<meta name="google-site-verification" content="AyZS0I17j-RAsaWg3fqLOEn7aOAY0CZl3vMq1XulJa8"> 642<meta id="shopify-digital-wallet" name="shopify-digital-wallet" content="/3466100806/digital_wallets/dialog"> 643<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"> 644<link rel="ucp" href="/.well-known/ucp" version="2026-08-25">
644<script async="async" src="/checkouts/internal/preloads.js?locale=en-US&default_configuration_id=5986484383"></script>
644 645<link rel="preconnect" href="https://shop.app" crossorigin="anonymous">
646<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 646
646
647<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 647
647
648<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 648
648
649<script>var Shopify = Shopify || {}; 650Shopify.shop = "olipop-store.myshopify.com"; 651Shopify.locale = "en"; 652Shopify.currency = {"active":"USD","rate":"1.0"}; 653Shopify.country = "US"; 654Shopify.theme = {"name":"Production | ehouse","id":174423703711,"schema_name":"Olipop","schema_version":"1.0","theme_store_id":null,"role":"main"}; 655Shopify.theme.handle = "null"; 656Shopify.theme.style = {"id":null,"handle":null}; 657Shopify.cdnHost = "drinkolipop.com/cdn"; 658Shopify.routes = Shopify.routes || {}; 659Shopify.routes.root = "/"; 660Shopify.shopJsCdnBaseUrl = "https://cdn.shopify.com/shopifycloud/shop-js"; 661Shopify.SignInWithShop = Shopify.SignInWithShop || {}; 662Shopify.SignInWithShop.User = Shopify.SignInWithShop.User || {}; 663Shopify.SignInWithShop.User.recognized = false;</script>
vendor: 1 bytes, line 663
663
664<script type="module">!function(o){(o.Shopify=o.Shopify||{}).modules=!0}(window);</script>
vendor: 1 bytes, line 664
664
665<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 665
665
666<script> 667 window.ShopifyPay = window.ShopifyPay || {}; 668 window.ShopifyPay.apiHost = "shop.app\/pay"; 669 window.ShopifyPay.redirectState = null; 670</script>
vendor: 1 bytes, line 670
670
671<script> 672 window.Shopify = window.Shopify || {}; 673 window.Shopify.SignInWithShop = window.Shopify.SignInWithShop || {}; 674 window.Shopify.SignInWithShop.assetMetrics = { sampleRate: 0.25 }; 675 window.Shopify.SignInWithShop.eligible = true; 676</script>
vendor: 1 bytes, line 676
676
677<script id="shop-js-analytics" type="application/json">{"pageType":"customers/login"}</script>
vendor: 1 bytes, line 677
677
678<script defer="defer" async type="module" src="https://cdn.shopify.com/shopifycloud/shop-js/modules/v2/loader.init-customer-accounts.en.esm.js"></script>
vendor: 1 bytes, line 678
678
679<script defer="defer" async type="module" src="https://cdn.shopify.com/shopifycloud/shop-js/modules/v2/loader.init-customer-accounts-sign-up.en.esm.js"></script>
vendor: 1 bytes, line 679
679
680<script type="module"> 681 await import("https://cdn.shopify.com/shopifycloud/shop-js/modules/v2/loader.init-customer-accounts.en.esm.js"); 682await import("https://cdn.shopify.com/shopifycloud/shop-js/modules/v2/loader.init-customer-accounts-sign-up.en.esm.js"); 683 684 window.Shopify.SignInWithShop?.initCustomerAccounts?.(true, {"fedCMEnabled":true,"windoidEnabled":true}); 685window.Shopify.SignInWithShop?.initCustomerAccountsSignUp?.({"fedCMEnabled":true,"windoidEnabled":true}); 686 687</script>
vendor: 1 bytes, line 687
687
688<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 688
688
689<script type="module"> 690 await import("https://cdn.shopify.com/shopifycloud/shop-js/modules/v2/loader.init-shop-cart-sync.en.esm.js"); 691 692 window.Shopify.SignInWithShop?.initShopCartSync?.({"fedCMEnabled":true,"windoidEnabled":true}); 693 694</script>
vendor: 1 bytes, line 694
694
695<script> 696 window.Shopify = window.Shopify || {}; 697 if (!window.Shopify.featureAssets) window.Shopify.featureAssets = {}; 698 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"]}; 699</script>
vendor: 1 bytes, line 699
699
700<script>(function() { 701 var isLoaded = false; 702 function asyncLoad() { 703 if (isLoaded) return; 704 isLoaded = true; 705 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"]; 706 for (var i = 0; i < urls.length; i++) { 707 var s = document.createElement('script'); 708 s.type = 'text/javascript'; 709 s.async = true; 710 s.src = urls[i]; 711 var x = document.getElementsByTagName('script')[0]; 712 x.parentNode.insertBefore(s, x); 713 } 714 }; 715 if(window.attachEvent) { 716 window.attachEvent('onload', asyncLoad); 717 } else { 718 window.addEventListener('load', asyncLoad, false); 719 } 720})();</script>
vendor: 1 bytes, line 720
720
721<script id="__st">var __st={"a":3466100806,"offset":-25200,"reqid":"7f0a254f-262e-482d-b9a3-0152291f64b4-1790917207","pageurl":"drinkolipop.com\/account\/login","u":"a1fadde4d3a3"};</script>
vendor: 1 bytes, line 721
721
722<script>window.ShopifyPaypalV4VisibilityTracking = true;</script>
vendor: 1 bytes, line 722
722
723<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 723
723
724<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 724
724
725<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>
725<script crossorigin="anonymous" defer="defer" src="//drinkolipop.com/cdn/shopifycloud/storefront/assets/shopify_pay/storefront-616277c7.js?v=20250812"></script>
vendor: 1 bytes, line 725
725
726<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 726
726
727<script> 728 window.Shopify = window.Shopify || {}; 729 window.Shopify.MCP = window.Shopify.MCP || {}; 730 window.Shopify.MCP.enabled = true; 731 window.Shopify.MCP.shop = "olipop-store.myshopify.com"; 732 window.Shopify.MCP.mcpEndpoint = "https:\/\/drinkolipop.com\/api\/mcp"; 733 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"]}}]; 734</script>
vendor: 1 bytes, line 734
734
735<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=");})(); 736</script>
vendor: 1 bytes, line 736
736
737<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)}}; 738</script>
vendor: 1 bytes, line 738
738
739<script data-source-attribution="shopify.dynamic_checkout.buyer_consent"> 740 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); 741</script>
vendor: 1 bytes, line 741
741
742<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})}})); 743</script>
743 744<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"> 745<style id="shopify-accelerated-checkout-cart"> 746 #shopify-buyer-consent { 747 margin-top: 1em; 748 display: inline-block; 749 width: 100%; 750} 751 752#shopify-buyer-consent.hidden { 753 display: none; 754} 755 756#shopify-subscription-policy-button { 757 background: none; 758 border: none; 759 padding: 0; 760 text-decoration: underline; 761 font-size: inherit; 762 cursor: pointer; 763} 764 765#shopify-subscription-policy-button::before { 766 box-shadow: none; 767} 768 769 </style> 770
771<script id="shopify-cfh-end">window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.end');</script>
771 772 773 774 775 776 777 778
778<script type="text/javascript"> 779 780 window.__shgMoneyFormat = window.__shgMoneyFormat || {"USD":{"currency":"USD","currency_symbol":"$","currency_symbol_location":"left","decimal_places":2,"decimal_separator":".","thousands_separator":","}}; 781 782 window.__shgCurrentCurrencyCode = window.__shgCurrentCurrencyCode || { 783 currency: "USD", 784 currency_symbol: "$", 785 decimal_separator: ".", 786 thousands_separator: ",", 787 decimal_places: 2, 788 currency_symbol_location: "left" 789 }; 790 </script>
790 791 792 793 794 795 796
797<script type="text/javascript"> 798 799 window.SHG_CUSTOMER = null; 800 801</script>
801 802 803 804 805 806 807 808 809
809<script type="text/javascript"> 810 (function (a, b, c, d, e, f, g) { 811 e['ire_o'] = c; 812 e[c] = 813 e[c] || 814 function () { 815 (e[c].a = e[c].a || []).push(arguments); 816 }; 817 f = d.createElement(b); 818 g = d.getElementsByTagName(b)[0]; 819 f.async = 1; 820 f.src = a; 821 g.parentNode.insertBefore(f, g); 822 })('https://utt.impactcdn.com/A2662258-414b-48e3-94ab-d5cc41204ee91.js', 'script', 'ire', document, window); 823</script>
823 824 825 826 827 828 829
830<script type="text/javascript" async="" src="https://static.klaviyo.com/onsite/js/PbvgDc/klaviyo.js"></script>
830 831
832<script type="text/javascript"> 833 var _learnq = _learnq || []; 834 835 836 var page_item = { 837 "Page": "account", 838 "Path": "/account/login" 839 }; 840 _learnq.push(["track", "Viewed Page", page_item]); 841 842 843</script>
843 844 845 846 847 848 849 850 851 852 853 854 855
855<script src="https://shop.basketful.co/basketful.js" defer async></script>
855 856 857
857<script src="//drinkolipop.com/cdn/shop/t/1366/assets/manifest.min.js?v=124651888751126447011773709641" type="text/javascript"></script>
vendor: 1 bytes, line 857
857
858<script src="//drinkolipop.com/cdn/shop/t/1366/assets/vendor.min.js?v=32262416620800875671773709641" type="text/javascript"></script>
vendor: 1 bytes, line 858
858
859<script src="//drinkolipop.com/cdn/shop/t/1366/assets/app.min.js?v=89531106029643191081787148487" type="text/javascript"></script>
859 860 861 862
862<script type="text/javascript"> 863 (function (c, l, a, r, i, t, y) { 864 c[a] = 865 c[a] || 866 function () { 867 (c[a].q = c[a].q || []).push(arguments); 868 }; 869 t = l.createElement(r); 870 t.async = 1; 871 t.src = 'https://www.clarity.ms/tag/' + i; 872 y = l.getElementsByTagName(r)[0]; 873 y.parentNode.insertBefore(t, y); 874 })(window, document, 'clarity', 'script', 'm5uhteaodo'); 875 </script>
875 876 877 878 879
879<script type="text/javascript" async="true" src="https://d334twvzz0qrmj.cloudfront.net/70a0ac8d.js"></script>
879 880
880<script> 881 document.addEventListener('DOMContentLoaded', () => { 882 if (window?.gtag) { 883 window.gtag('event', 'BrandlockTest', { bl_ea: 'BrandlockTest', bl_el: 'BrandlockTest' }); 884 window.gtag('event', 'BrandlockTest', { bl_ea: 'HijackShopper-ON', bl_el: 'Test' }); 885 } 886 }); 887 </script>
887 888 889 890 891<!-- BEGIN app block: shopify://apps/intelligems-a-b-testing/blocks/intelligems-script/fa83b64c-0c77-4c0c-b4b2-b94b42f5ef19 -->
891<script> 892 window._template = { 893 directory: "customers", 894 name: "login", 895 suffix: "" 896 }; 897 window.__productIdFromTemplate = null; 898 window.__plpCollectionIdFromTemplate = null; 899 window.igProductData = (function() { 900 const data = {};return data; 901 })(); 902</script>
902 903
904<script type="module" blocking="render" fetchpriority="high" src="https://cdn.intelligems.io/esm/586d1e84f592/bundle.js" data-em-disable async></script>
904 905 906 907<!-- END app block --><!-- BEGIN app block: shopify://apps/elevar-conversion-tracking/blocks/dataLayerEmbed/bc30ab68-b15c-4311-811f-8ef485877ad6 --> 908 909 910
911<script type="module" dynamic> 912 const configUrl = "/a/elevar/static/configs/3bd4c3efadb9bd7b389600baaae057f8a9972102/config.js"; 913 const config = (await import(configUrl)).default; 914 const scriptUrl = config.script_src_app_theme_embed; 915 916 if (scriptUrl) { 917 const { handler } = await import(scriptUrl); 918 919 await handler( 920 config, 921 { 922 cartData: { 923 marketId: "3724869791", 924 localeCountryCode:"US", 925 attributes:{}, 926 cartTotal: "0.0", 927 currencyCode:"USD", 928 items: [] 929} 930, 931 user: { 932 cartTotal: "0.0", 933 currencyCode:"USD", 934 customer: {}, 935} 936, 937 isOnCartPage:false, 938 collectionView:null, 939 searchResultsView:null, 940 productView:null, 941 } 942 ); 943 } 944</script>
944 945 946 947<!-- END app block --><!-- BEGIN app block: shopify://apps/keepcart-coupon-protect/blocks/keepcart/6c9b264a-3284-48f2-a6f6-2836be6ada2a --> 948 949 950 951
952<script src="https://cdn.shopify.com/extensions/01a0cff8-2c69-745f-8772-fd89b29d2d4b/keepcart-2-253/assets/vars.generated.js" defer="defer"></script>
952 953 954
954<script src="https://cdn.shopify.com/extensions/01a0cff8-2c69-745f-8772-fd89b29d2d4b/keepcart-2-253/assets/keepcart-embed-catalog.min.js" defer="defer"></script>
954 955
956<script src="https://cdn.shopify.com/extensions/01a0cff8-2c69-745f-8772-fd89b29d2d4b/keepcart-2-253/assets/keepcart-embed-deferred.min.js" defer="defer"></script>
956 957 958 959 <style> 960 #kc-discount-banner { 961 962 --kc-banner-bg: #1a1a1a; 963 964 965 --kc-banner-color: #f5f5f5; 966 967 --kc-banner-font-size: 15px; 968 --kc-banner-font: Helvetica, Arial, sans-serif; 969 } 970 971 </style> 972
972<script> 973 window.__KC_BANNER_CONFIG__ = { 974 position: "bottom", 975 autoHide: 7, 976 animate: true, 977 message: "Discount [code] applied - [value] off your order!" 978 }; 979 </script>
979 980 981 982 983<!-- END app block --><!-- BEGIN app block: shopify://apps/attributepro/blocks/cart_attributes/e1a73f15-800a-4f25-9c6e-952ac434f07b -->
vendor: 7,991 bytes, lines 983-985
983<script> 984var 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}(); 985</script>
vendor: 1 bytes, line 985
985
vendor: 14,012 bytes, lines 986-1434
986<script> 987;(function(root, factory) { 988 if (typeof define === "function" && define.amd) { 989 define(factory); 990 } else if (typeof exports === "object") { 991 module.exports = factory(); 992 } else { 993 root.jsonLogic = factory(); 994 } 995}(this, function() { 996 "use strict"; 997 /* globals console:false */ 998 999 if ( ! Array.isArray) { 1000 Array.isArray = function(arg) { 1001 return Object.prototype.toString.call(arg) === "[object Array]"; 1002 }; 1003 } 1004 1005 /** 1006 * Return an array that contains no duplicates (original not modified) 1007 * @param {array} array Original reference array 1008 * @return {array} New array with no duplicates 1009 */ 1010 function arrayUnique(array) { 1011 var a = []; 1012 for (var i=0, l=array.length; i<l; i++) { 1013 if (a.indexOf(array[i]) === -1) { 1014 a.push(array[i]); 1015 } 1016 } 1017 return a; 1018 } 1019 1020 var jsonLogic = {}; 1021 var operations = { 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) { 1038 return a >= b; 1039 }, 1040 "<": function(a, b, c) { 1041 return (c === undefined) ? a < b : (a < b) && (b < c); 1042 }, 1043 "<=": function(a, b, c) { 1044 return (c === undefined) ? a <= b : (a <= b) && (b <= c); 1045 }, 1046 "!!": function(a) { 1047 return jsonLogic.truthy(a); 1048 }, 1049 "!": function(a) { 1050 return !jsonLogic.truthy(a); 1051 }, 1052 "%": function(a, b) { 1053 return a % b; 1054 }, 1055 "log": function(a) { 1056 console.log(a); return a; 1057 }, 1058 "in": function(a, b) { 1059 if (!b || typeof b.indexOf === "undefined") return false; 1060 return (b.indexOf(a) !== -1); 1061 }, 1062 "cat": function() { 1063 return Array.prototype.join.call(arguments, ""); 1064 }, 1065 "substr": function(source, start, end) { 1066 if (end < 0) { 1067 // JavaScript doesn't support negative end, this emulates PHP behavior 1068 var temp = String(source).substr(start); 1069 return temp.substr(0, temp.length + end); 1070 } 1071 return String(source).substr(start, end); 1072 }, 1073 "+": function() { 1074 return Array.prototype.reduce.call(arguments, function(a, b) { 1075 return parseFloat(a, 10) + parseFloat(b, 10); 1076 }, 0); 1077 }, 1078 "*": function() { 1079 return Array.prototype.reduce.call(arguments, function(a, b) { 1080 return parseFloat(a, 10) * parseFloat(b, 10); 1081 }); 1082 }, 1083 "-": function(a, b) { 1084 if (b === undefined) { 1085 return -a; 1086 } else { 1087 return a - b; 1088 } 1089 }, 1090 "/": function(a, b) { 1091 return a / b; 1092 }, 1093 "min": function() { 1094 return Math.min.apply(this, arguments); 1095 }, 1096 "max": function() { 1097 return Math.max.apply(this, arguments); 1098 }, 1099 "merge": function() { 1100 return Array.prototype.reduce.call(arguments, function(a, b) { 1101 return a.concat(b); 1102 }, []); 1103 }, 1104 "var": function(a, b) { 1105 var not_found = (b === undefined) ? null : b; 1106 var data = this; 1107 if (typeof a === "undefined" || a==="" || a===null) { 1108 return data; 1109 } 1110 var sub_props = String(a).split("."); 1111 for (var i = 0; i < sub_props.length; i++) { 1112 if (data === null || data === undefined) { 1113 return not_found; 1114 } 1115 // Descending into data 1116 data = data[sub_props[i]]; 1117 if (data === undefined) { 1118 return not_found; 1119 } 1120 } 1121 return data; 1122 }, 1123 "missing": function() { 1124 /* 1125 Missing can receive many keys as many arguments, like {"missing:[1,2]} 1126 Missing can also receive *one* argument that is an array of keys, 1127 which typically happens if it's actually acting on the output of another command 1128 (like 'if' or 'merge') 1129 */ 1130 1131 var missing = []; 1132 var keys = Array.isArray(arguments[0]) ? arguments[0] : arguments; 1133 1134 for (var i = 0; i < keys.length; i++) { 1135 var key = keys[i]; 1136 var value = jsonLogic.apply({"var": key}, this); 1137 if (value === null || value === "") { 1138 missing.push(key); 1139 } 1140 } 1141 1142 return missing; 1143 }, 1144 "missing_some": function(need_count, options) { 1145 // missing_some takes two arguments, how many (minimum) items must be present, and an array of keys (just like 'missing') to check for presence. 1146 var are_missing = jsonLogic.apply({"missing": options}, this); 1147 1148 if (options.length - are_missing.length >= need_count) { 1149 return []; 1150 } else { 1151 return are_missing; 1152 } 1153 }, 1154 }; 1155 1156 jsonLogic.is_logic = function(logic) { 1157 return ( 1158 typeof logic === "object" && // An object 1159 logic !== null && // but not null 1160 ! Array.isArray(logic) && // and not an array 1161 Object.keys(logic).length === 1 // with exactly one key 1162 ); 1163 }; 1164 1165 /* 1166 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. 1167 1168 Spec and rationale here: http://jsonlogic.com/truthy 1169 */ 1170 jsonLogic.truthy = function(value) { 1171 if (Array.isArray(value) && value.length === 0) { 1172 return false; 1173 } 1174 return !! value; 1175 }; 1176 1177 1178 jsonLogic.get_operator = function(logic) { 1179 return Object.keys(logic)[0]; 1180 }; 1181 1182 jsonLogic.get_values = function(logic) { 1183 return logic[jsonLogic.get_operator(logic)]; 1184 }; 1185 1186 jsonLogic.apply = function(logic, data) { 1187 // Does this array contain logic? Only one way to find out. 1188 if (Array.isArray(logic)) { 1189 return logic.map(function(l) { 1190 return jsonLogic.apply(l, data); 1191 }); 1192 } 1193 // You've recursed to a primitive, stop! 1194 if ( ! jsonLogic.is_logic(logic) ) { 1195 return logic; 1196 } 1197 1198 var op = jsonLogic.get_operator(logic); 1199 var values = logic[op]; 1200 var i; 1201 var current; 1202 var scopedLogic; 1203 var scopedData; 1204 var initial; 1205 1206 // easy syntax for unary operators, like {"var" : "x"} instead of strict {"var" : ["x"]} 1207 if ( ! Array.isArray(values)) { 1208 values = [values]; 1209 } 1210 1211 // 'if', 'and', and 'or' violate the normal rule of depth-first calculating consequents, let each manage recursion as needed. 1212 if (op === "if" || op == "?:") { 1213 /* 'if' should be called with a odd number of parameters, 3 or greater 1214 This works on the pattern: 1215 if( 0 ){ 1 }else{ 2 }; 1216 if( 0 ){ 1 }else if( 2 ){ 3 }else{ 4 }; 1217 if( 0 ){ 1 }else if( 2 ){ 3 }else if( 4 ){ 5 }else{ 6 }; 1218 1219 The implementation is: 1220 For pairs of values (0,1 then 2,3 then 4,5 etc) 1221 If the first evaluates truthy, evaluate and return the second 1222 If the first evaluates falsy, jump to the next pair (e.g, 0,1 to 2,3) 1223 given one parameter, evaluate and return it. (it's an Else and all the If/ElseIf were false) 1224 given 0 parameters, return NULL (not great practice, but there was no Else) 1225 */ 1226 for (i = 0; i < values.length - 1; i += 2) { 1227 if ( jsonLogic.truthy( jsonLogic.apply(values[i], data) ) ) { 1228 return jsonLogic.apply(values[i+1], data); 1229 } 1230 } 1231 if (values.length === i+1) { 1232 return jsonLogic.apply(values[i], data); 1233 } 1234 return null; 1235 } else if (op === "and") { // Return first falsy, or last 1236 for (i=0; i < values.length; i+=1) { 1237 current = jsonLogic.apply(values[i], data); 1238 if ( ! jsonLogic.truthy(current)) { 1239 return current; 1240 } 1241 } 1242 return current; // Last 1243 } else if (op === "or") {// Return first truthy, or last 1244 for (i=0; i < values.length; i+=1) { 1245 current = jsonLogic.apply(values[i], data); 1246 if ( jsonLogic.truthy(current) ) { 1247 return current; 1248 } 1249 } 1250 return current; // Last 1251 } else if (op === "filter") { 1252 scopedData = jsonLogic.apply(values[0], data); 1253 scopedLogic = values[1]; 1254 1255 if ( ! Array.isArray(scopedData)) { 1256 return []; 1257 } 1258 // Return only the elements from the array in the first argument, 1259 // that return truthy when passed to the logic in the second argument. 1260 // For parity with JavaScript, reindex the returned array 1261 return scopedData.filter(function(datum) { 1262 return jsonLogic.truthy( jsonLogic.apply(scopedLogic, datum)); 1263 }); 1264 } else if (op === "map") { 1265 scopedData = jsonLogic.apply(values[0], data); 1266 scopedLogic = values[1]; 1267 1268 if ( ! Array.isArray(scopedData)) { 1269 return []; 1270 } 1271 1272 return scopedData.map(function(datum) { 1273 return jsonLogic.apply(scopedLogic, datum); 1274 }); 1275 } else if (op === "reduce") { 1276 scopedData = jsonLogic.apply(values[0], data); 1277 scopedLogic = values[1]; 1278 initial = typeof values[2] !== "undefined" ? values[2] : null; 1279 1280 if ( ! Array.isArray(scopedData)) { 1281 return initial; 1282 } 1283 1284 return scopedData.reduce( 1285 function(accumulator, current) { 1286 return jsonLogic.apply( 1287 scopedLogic, 1288 {current: current, accumulator: accumulator} 1289 ); 1290 }, 1291 initial 1292 ); 1293 } else if (op === "all") { 1294 scopedData = jsonLogic.apply(values[0], data); 1295 scopedLogic = values[1]; 1296 // All of an empty set is false. Note, some and none have correct fallback after the for loop 1297 if ( ! Array.isArray(scopedData) || ! scopedData.length) { 1298 return false; 1299 } 1300 for (i=0; i < scopedData.length; i+=1) { 1301 if ( ! jsonLogic.truthy( jsonLogic.apply(scopedLogic, scopedData[i]) )) { 1302 return false; // First falsy, short circuit 1303 } 1304 } 1305 return true; // All were truthy 1306 } else if (op === "none") { 1307 scopedData = jsonLogic.apply(values[0], data); 1308 scopedLogic = values[1]; 1309 1310 if ( ! Array.isArray(scopedData) || ! scopedData.length) { 1311 return true; 1312 } 1313 for (i=0; i < scopedData.length; i+=1) { 1314 if ( jsonLogic.truthy( jsonLogic.apply(scopedLogic, scopedData[i]) )) { 1315 return false; // First truthy, short circuit 1316 } 1317 } 1318 return true; // None were truthy 1319 } else if (op === "some") { 1320 scopedData = jsonLogic.apply(values[0], data); 1321 scopedLogic = values[1]; 1322 1323 if ( ! Array.isArray(scopedData) || ! scopedData.length) { 1324 return false; 1325 } 1326 for (i=0; i < scopedData.length; i+=1) { 1327 if ( jsonLogic.truthy( jsonLogic.apply(scopedLogic, scopedData[i]) )) { 1328 return true; // First truthy, short circuit 1329 } 1330 } 1331 return false; // None were truthy 1332 } 1333 1334 // Everyone else gets immediate depth-first recursion 1335 values = values.map(function(val) { 1336 return jsonLogic.apply(val, data); 1337 }); 1338 1339 1340 // The operation is called with "data" bound to its "this" and "values" passed as arguments. 1341 // Structured commands like % or > can name formal arguments while flexible commands (like missing or merge) can operate on the pseudo-array arguments 1342 // https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Functions/arguments 1343 if (operations.hasOwnProperty(op) && typeof operations[op] === "function") { 1344 return operations[op].apply(data, values); 1345 } else if (op.indexOf(".") > 0) { // Contains a dot, and not in the 0th position 1346 var sub_ops = String(op).split("."); 1347 var operation = operations; 1348 for (i = 0; i < sub_ops.length; i++) { 1349 if (!operation.hasOwnProperty(sub_ops[i])) { 1350 throw new Error("Unrecognized operation " + op + 1351 " (failed at " + sub_ops.slice(0, i+1).join(".") + ")"); 1352 } 1353 // Descending into operations 1354 operation = operation[sub_ops[i]]; 1355 } 1356 1357 return operation.apply(data, values); 1358 } 1359 1360 throw new Error("Unrecognized operation " + op ); 1361 }; 1362 1363 jsonLogic.uses_data = function(logic) { 1364 var collection = []; 1365 1366 if (jsonLogic.is_logic(logic)) { 1367 var op = jsonLogic.get_operator(logic); 1368 var values = logic[op]; 1369 1370 if ( ! Array.isArray(values)) { 1371 values = [values]; 1372 } 1373 1374 if (op === "var") { 1375 // This doesn't cover the case where the arg to var is itself a rule. 1376 collection.push(values[0]); 1377 } else { 1378 // Recursion! 1379 values.forEach(function(val) { 1380 collection.push.apply(collection, jsonLogic.uses_data(val) ); 1381 }); 1382 } 1383 } 1384 1385 return arrayUnique(collection); 1386 }; 1387 1388 jsonLogic.add_operation = function(name, code) { 1389 operations[name] = code; 1390 }; 1391 1392 jsonLogic.rm_operation = function(name) { 1393 delete operations[name]; 1394 }; 1395 1396 jsonLogic.rule_like = function(rule, pattern) { 1397 // console.log("Is ". JSON.stringify(rule) . " like " . JSON.stringify(pattern) . "?"); 1398 if (pattern === rule) { 1399 return true; 1400 } // TODO : Deep object equivalency? 1401 if (pattern === "@") { 1402 return true; 1403 } // Wildcard! 1404 if (pattern === "number") { 1405 return (typeof rule === "number"); 1406 } 1407 if (pattern === "string") { 1408 return (typeof rule === "string"); 1409 } 1410 if (pattern === "array") { 1411 // !logic test might be superfluous in JavaScript 1412 return Array.isArray(rule) && ! jsonLogic.is_logic(rule); 1413 } 1414 1415 if (jsonLogic.is_logic(pattern)) { 1416 if (jsonLogic.is_logic(rule)) { 1417 var pattern_op = jsonLogic.get_operator(pattern); 1418 var rule_op = jsonLogic.get_operator(rule); 1419 1420 if (pattern_op === "@" || pattern_op === rule_op) { 1421 // echo "\nOperators match, go deeper\n"; 1422 return jsonLogic.rule_like( 1423 jsonLogic.get_values(rule, false), 1424 jsonLogic.get_values(pattern, false) 1425 ); 1426 } 1427 } 1428 return false; // pattern is logic, rule isn't, can't be eq 1429 } 1430 1431 if (Array.isArray(pattern)) { 1432 if (Array.isArray(rule)) { 1433 if (pattern.length !== rule.length) { 1434 return false;
1435 } 1436 /* 1437 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) 1438 */ 1439 for (var i = 0; i < pattern.length; i += 1) { 1440 // If any fail, we fail 1441 if ( ! jsonLogic.rule_like(rule[i], pattern[i])) { 1442 return false; 1443 } 1444 } 1445 return true; // If they *all* passed, we pass 1446 } else { 1447 return false; // Pattern is array, rule isn't 1448 } 1449 } 1450 1451 // Not logic, not array, not a === match for rule. 1452 return false; 1453 }; 1454 1455 return jsonLogic; 1456})); 1457</script>
1457<!-- BEGIN app snippet: properties_mapping -->
1457<script> 1458const ap_Config = { 1459 page_title: "Account", 1460 cart: { 1461 checkout_charge_amount: 0, 1462 item_count: 0, 1463 note: null, 1464 total_discount: 0, 1465 total_price: 0, 1466 }, 1467 date: new Date().toISOString().split('T')[0], 1468 date_time: new Date().toISOString(), 1469 localization : { 1470 country: { 1471 iso_code: "US", 1472 currency: { 1473 symbol: "$" 1474 } 1475 }, 1476 market: { 1477 handle: 'us', 1478 id: 3724869791 1479 } 1480 }, 1481 customer: { 1482 b2b: null, 1483 current_company: { 1484 name: null 1485 }, 1486 email: null, 1487 last_order: { 1488 id: null 1489 } 1490 }, 1491 shop: { 1492 address:{ 1493 address1: "360 Grand Ave #259", 1494 address2: "", 1495 city: "Oakland", 1496 country: "United States", 1497 province: "California", 1498 province_code: "CA", 1499 } 1500 }, 1501} 1502</script>
1502<!-- END app snippet -->
1502<script type="module"> 1503 const ROOT_URL = typeof window.Shopify.routes.root == "undefined" ? "/" : window.Shopify.routes.root; 1504 const getInterpolatedValue = (value) => { 1505 if(!window.cartAttributesConfig.isUltimate) return value; 1506 const tagPattern = /\{\{([^\}]+)\}\}/g; 1507 let interpolatedValue = value; 1508 let match; 1509 while ((match = tagPattern.exec(value)) !== null) { 1510 const path = match[1].trim().split('.'); 1511 let context = ap_Config; 1512 for (const segment of path) { 1513 console.log("segment", segment); 1514 if (context.hasOwnProperty(segment)) { 1515 context = context[segment]; 1516 } else { 1517 console.error(`Path segment '${segment}' not found in context.`); 1518 context = undefined; 1519 break; 1520 } 1521 } 1522 if (context !== undefined) { 1523 interpolatedValue = interpolatedValue.replace(new RegExp(match[0].replace(/[.*+?^${}()|[\]\\]/g, '\\$&'), 'g'), context); 1524 } 1525 } 1526 return interpolatedValue; 1527 } 1528 1529 1530 1531 console.log("Not ultimate"); 1532 1533 window.cartAttributesConfig = { 1534 1535 1536 metaobjects: [], 1537 } 1538 let FLAG = false 1539 1540 let logCart = false 1541 1542 const customerCountry = "US" 1543 const market = 3724869791 1544 1545 1546 xhook.after(async function (request, response) { 1547 if (!request.url.toString().match(/cart\/add/) && !request.url.toString().match(/cart\/change/)) return 1548 if (FLAG === true) return 1549 if (!window.cartAttributesConfig.metaobjects?.length) return 1550 if (response.status === 200){ 1551 const ATTRIBUTES = {}; 1552 const MODIFIED_ITEMS = new Set(); // Track which items were actually modified by rules 1553 const PRODUCT_ATTRIBUTES = {}; 1554 let cart = await fetch(window.origin + "/cart.json").then(res => res.json()); 1555 for(const {id, properties} of cart.items) { 1556 PRODUCT_ATTRIBUTES[id] = properties; 1557 } 1558 const productsInCartReq = cart.items.map(async (item) => await fetch(window.origin + `/products/${item.handle}.json`).then(res => res.json()) ); 1559 const productsInCart = await Promise.all(productsInCartReq); 1560 const tagsInCart = productsInCart.map(product => product.product.tags.split(", ")).flat(); 1561 1562 const collectionsInCart = [] 1563 1564 window.cartAttributesConfig.metaobjects?.forEach((metaobject, i) => { 1565 1566 if (metaobject.debug) { 1567 console.log("TAGS in cart: ", tagsInCart); 1568 console.log("COLLECTIONS in cart: ", collectionsInCart); 1569 console.log("Cart pre_script") 1570 console.log(cart) 1571 1572 metaobject.debug && console.log(metaobject); 1573 logCart = true; 1574 } 1575 1576 if (metaobject.active == true) { 1577 metaobject.debug && console.log(metaobject.title + " is included in the textArea"); 1578 const cartWithAdditionalFields = { 1579 ...cart, 1580 tagsInCart: tagsInCart, 1581 collectionsInCart: collectionsInCart, 1582 customerCountry: customerCountry, 1583 market: `gid://shopify/Market/${market}` 1584 } 1585 // If rule truthy 1586 if (window.jsonLogic.apply(metaobject.rules, cartWithAdditionalFields)) { 1587 metaobject.debug && console.log("Rule is truthy. We're adding its attributes"); 1588 1589 if (metaobject.target !== "product") { // Add Cart attr 1590 metaobject.attributes.forEach(a => { 1591 let interpolatedValue = getInterpolatedValue(a.value) 1592 ATTRIBUTES[a.key] = interpolatedValue; 1593 }); 1594 } 1595 1596 if (metaobject.target !== "cart") { // Add Product attr 1597 console.log("This is our metaobject and its products: ", metaobject); 1598 1599 const project_attr = {}; 1600 metaobject.attributes.forEach(a => { 1601 let interpolatedValue = getInterpolatedValue(a.value) 1602 project_attr[a.key] = interpolatedValue; 1603 }); 1604 metaobject.products.forEach(product => { 1605 const id = product.id.split("/").at(-1); 1606 PRODUCT_ATTRIBUTES[id] = { ...PRODUCT_ATTRIBUTES[id], ...project_attr }; 1607 MODIFIED_ITEMS.add(id); 1608 }); 1609 } 1610 1611 // If rule not truthy 1612 } else { 1613 metaobject.debug && console.log("Rule is not truthy. We're invalidating its attributes"); 1614 1615 if (metaobject.target !== "product") { //Cleanup for Cart
1616 metaobject.attributes.forEach((a, i) => { 1617 if (cart.attributes[a.key] !== undefined && !metaobject.keep) { 1618 ATTRIBUTES[a.key] = null; 1619 } 1620 }); 1621 } 1622 1623 1624 else if (metaobject.target !== "cart" && !metaobject.keep) { //Cleanup for Products 1625 1626 metaobject.products.forEach(product => { 1627 const id = product.id.split("/").at(-1); 1628 metaobject.attributes.forEach(a => { 1629 if (PRODUCT_ATTRIBUTES[id]?.[a.key] !== undefined) { 1630 delete PRODUCT_ATTRIBUTES[id][a.key]; 1631 MODIFIED_ITEMS.add(id); 1632 } 1633 }); 1634 }); 1635 1636 } 1637 1638 } 1639 } 1640 metaobject.debug && console.log("Cart attributes to push: ", ATTRIBUTES); 1641 if(metaobject.debug){ 1642 console.log(i+1+"* METAOBJ ATTRIBUTES: ", JSON.parse(JSON.stringify(PRODUCT_ATTRIBUTES))); 1643 } 1644 }); 1645 1646 // Only send /cart/change.js for items that were actually modified by rules 1647 // AND whose desired properties differ from what's already on the cart line 1648 const itemsToUpdate = cart.items.filter(item => { 1649 if (!MODIFIED_ITEMS.has(String(item.id))) return false; 1650 const desired = PRODUCT_ATTRIBUTES[item.id] || {}; 1651 const current = item.properties || {}; 1652 // Check if every desired key/value already matches the current properties 1653 const desiredKeys = Object.keys(desired); 1654 const currentKeys = Object.keys(current); 1655 if (desiredKeys.length !== currentKeys.length) return true; 1656 for (const key of desiredKeys) { 1657 if (String(desired[key]) !== String(current[key])) return true; 1658 } 1659 return false; // All properties already match, no need to update 1660 }); 1661 if (itemsToUpdate.length > 0) { 1662 FLAG = true; 1663 await Promise.all(itemsToUpdate.map(item => { 1664 const attributes = PRODUCT_ATTRIBUTES[item.id]; 1665 return fetch(ROOT_URL + "cart/change.js", { 1666 method: 'POST', 1667 headers: { 1668 'Content-Type': 'application/json' 1669 }, 1670 body: JSON.stringify({ 1671 id: item.key, 1672 properties: attributes, 1673 quantity: item.quantity 1674 }) 1675 }).catch(err => console.error(err)); 1676 })); 1677 FLAG = false; 1678 } 1679 1680 // Only send /cart/update.js when we actually have attributes to set/clear 1681 const hasCartAttributes = Object.keys(ATTRIBUTES).length > 0; 1682 if (hasCartAttributes) { 1683 fetch(ROOT_URL + 'cart/update.js', { 1684 method: 'POST', 1685 headers: { 1686 'Content-Type': 'application/json' 1687 }, 1688 body: JSON.stringify({attributes: ATTRIBUTES}) 1689 }) 1690 .then((res) => res.json()) 1691 .then(data => { 1692 logCart && console.log("cartResult",data); 1693 return data 1694 }) 1695 .catch((error) => { 1696 console.error('Error:', error); 1697 }); 1698 } 1699 1700 } 1701 }); 1702</script>
1702 1703 1704 1705 1706<!-- 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 /> 1707<link rel='preconnect dns-prefetch' href='https://conf.config-security.com/' crossorigin />
1708<script> 1709/* >> TriplePixel :: start*/ 1710window.TriplePixelData={TripleName:"olipop-store.myshopify.com",ver:"2.16",plat:"SHOPIFY",isHeadless:false,src:'SHOPIFY_EXT',product:{id:"",name:``,price:"",variant:"",av:{ }},search:"",collection:"",cart:"",template:"login",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); 1711/* << TriplePixel :: end*/ 1712</script>
1712 1713 1714 1715 1716<!-- END app block --><!-- BEGIN app block: shopify://apps/wyllo-formerly-nofraud/blocks/nf_device/5c2706cf-d458-49c5-a6fa-4fb6b79ce2b4 -->
1716<script async src="https://services.nofraud.com/js/device.js?shop=olipop-store.myshopify.com" type="application/javascript"></script>
1716 1717 1718 1719<!-- END app block --><!-- BEGIN app block: shopify://apps/klaviyo-email-marketing-sms/blocks/klaviyo-onsite-embed/2632fe16-c075-4321-a88b-50b567f42507 --> 1720 1721 1722 1723 1724 1725 1726 1727 1728 1729 1730 1731 1732
1732<script async src="https://static.klaviyo.com/onsite/js/PbvgDc/klaviyo.js?company_id=PbvgDc"></script>
1732 1733
1733<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>
1733 1734 1735 1736 1737 1738 1739 1740
1740<script> 1741 window.klaviyoReviewsProductDesignMode = false 1742 </script>
1742 1743 1744 1745 1746 1747 1748 1749 1750 1751 1752<!-- END app block --><!-- BEGIN app block: shopify://apps/videowise-video-commerce/blocks/script_embed/b48d6c0c-3e3f-4791-a9ab-a5ab7ec82f4d --> 1753 1754 1755 1756 1757<link 1758 rel="preload" 1759 as="style" 1760 onload="this.onload=null;this.rel='stylesheet'" 1761 href="https://assets.videowise.com/style.css.gz" 1762 id="videowise-style-css">
1763<script 1764 defer 1765 src="https://assets.videowise.com/vendors.js.gz" 1766 id="videowise-vendors-js"></script>
vendor: 1 bytes, line 1766
1766
1767<script 1768 defer 1769 src="https://assets.videowise.com/client.js.gz" 1770 id="videowise-client-js"></script>
1770 1771 1772<link rel="dns-prefetch" href="https://assets.videowise.com/" /> 1773 1774<link rel="dns-prefetch" href="https://cdn2.videowise.com/" /> 1775 1776<link rel="dns-prefetch" href="https://api-cdn.videowise.com/" /> 1777 1778<link rel="dns-prefetch" href="https://images.videowise.com/" /> 1779 1780<link rel="dns-prefetch" href="https://cdn.videowise.com/" /> 1781 1782<!-- 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"> 1783<meta property="og:image" content="https://cdn.shopify.com/s/files/1/0034/6610/0806/files/Website_-_Social_-_Share_-_V1.png?v=1639521624" /> 1784<meta property="og:image:secure_url" content="https://cdn.shopify.com/s/files/1/0034/6610/0806/files/Website_-_Social_-_Share_-_V1.png?v=1639521624" /> 1785<meta property="og:image:width" content="2400" /> 1786<meta property="og:image:height" content="1256" /> 1787<link href="https://monorail-edge.shopifysvc.com" rel="dns-prefetch">
1788<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: "customers/login"};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 1788
1788
1789<script> 1790 window.__TREKKIE_SHIM_QUEUE = window.__TREKKIE_SHIM_QUEUE || []; 1791</script>
vendor: 1 bytes, line 1791
1791
1792<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}
1792).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"]}
1792,"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\"
1792:\"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"}
1792,{"id":"143818911","eventPayloadVersion":"1","runtimeContext":"LAX","scriptVersion":"1","type":"CUSTOM","privacyPurposes":[],"name":"Elevar - Checkout Tracking"},{"id":"146636959","eventPayloadVersion":"1","runtimeContext":"LAX","scriptVersion":"1","type":"CUSTOM","privacyPurposes":["ANALYTICS","MARKETING"],"name":"Upsellit pixel"},{"id":"shopify-app-pixel","configuration":"{}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"0530","apiClientId":"shopify-pixel","type":"APP","privacyPurposes":["ANALYTICS","MARKETING"]},{"id":"shopify-custom-pixel","eventPayloadVersion":"v1","runtimeContext":"LAX","scriptVersion":"0530","apiClientId":"shopify-pixel","type":"CUSTOM","privacyPurposes":["ANALYTICS","MARKETING"]}],isMerchantRequest: false,initData: {"shop":{"name":"OLIPOP","paymentSettings":{"currencyCode":"USD"},"myshopifyDomain":"olipop-store.myshopify.com","countryCode":"US","storefrontUrl":"https:\/\/drinkolipop.com"},"customer":null,"cart":null,"checkout":null,"productVariants":[],"products":[{"id":"3965803724870","handle":"gift-card","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"29537115701318","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"10910759354527","handle":"caramel-apple","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"62787700588703","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"5871016640671","handle":"blackberry-vanilla","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"62826927587487","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7478573498527","handle":"crisp-apple","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"62455896703135","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"6866436948127","handle":"classic-grape","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"62455895720095","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"4350717460544","handle":"classic-root-beer","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"62455896539295","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"3818023125062","handle":"vintage-cola","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"62455936123039","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7413651636383","handle":"cream-soda","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"62455900995743","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"3818021027910","handle":"strawberry-vanilla","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"62455931535519","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7502145421471","handle":"cherry-cola","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"62455884611743","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"6604538577055","handle":"orange-cream","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"62455923474591","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"9247375851679","handle":"peaches-and-cream","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"62455929503903","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"5538631712927","handle":"orange-squeeze","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"62455928127647","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"9038878015647","handle":"ginger-ale","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"62455920001183","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"9407865061535","handle":"citrus-rush","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"62455931175071","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7413651832991","handle":"doctor-goodwin","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"62455904272543","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"4452820189248","handle":"cherry-vanilla","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"62455895425183","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7323931246751","handle":"tropical-punch","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"62455935631519","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7612616376479","handle":"lemon-lime","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"62454514024607","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"3818021912646","handle":"ginger-lemon","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"62455921377439","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7682917990559","handle":"watermelon-lime","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"62455936680095","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7401847029919","handle":"banana-cream","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"62454327967903","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]}
1792,{"id":"10934531719327","handle":"pomegranate-sparkle","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"62871023616159","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"10893253410975","handle":"raspberry-sherbet","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"62827150147743","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"10874974044319","handle":"shirley-temple","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"62579037503647","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"10849057308831","handle":"spongebob-pineapple-paradise","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"62434075377823","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"10911708020895","handle":"crisp-apple-6g-fiber","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"62790846742687","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"10911707725983","handle":"classic-grape-6g-fiber","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"62790846021791","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"10911708217503","handle":"vintage-cola-6g-fiber","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"62790847103135","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"10911707922591","handle":"classic-root-beer-6g-fiber","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"62790846480543","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"10911707988127","handle":"cream-soda-6g-fiber","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"62790846611615","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"10901171011743","handle":"strawberry-vanilla-6g-fiber","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"62757634211999","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"10909849682079","handle":"cherry-cola-6g-fiber","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"62785253539999","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"10911707562143","handle":"citrus-rush-6g-fiber","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"62790845235359","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"10911708151967","handle":"ginger-ale-6g-fiber","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"62790846906527","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"10911628951711","handle":"lemon-lime-6g-fiber","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"62790634406047","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"10919912669343","handle":"strawberry-vanilla-minis","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"62824537587871","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]}
1792,{"id":"10925311164575","handle":"classic-grape-minis","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"62837008236703","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"10925311459487","handle":"crisp-apple-minis","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"62837008957599","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"10925311787167","handle":"vintage-cola-minis","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"62837010202783","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"10925311590559","handle":"ginger-ale-minis","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"62837009711263","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"10926546616479","handle":"orange-cream-minis","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"62840531517599","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"10670762426527","handle":"classic-soda-variety-pack","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"58296082104479","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"10670765965471","handle":"fruity-fun-variety-pack","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"58298099499167","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"10670769078431","handle":"favorites-variety-pack","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"58300518105247","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]}],"purchasingCompany":null},},"https://drinkolipop.com/cdn","5982071ew7ea472e3p69b68784m2150dfea",{"modern":"","legacy":""},{"trekkieShim":true,"agentContext":true,"apiClientId":"580111","facebookCapiEnabled":"true","themeId":"174423703711","themePublished":"true","eventMetadataId":"b06dc4c6-58a7-4932-a2ad-929752ab6a5a","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\",{}]]"});})();</script>
1792<script> 1793 window.ShopifyAnalytics = window.ShopifyAnalytics || {}; 1794 window.ShopifyAnalytics.meta = window.ShopifyAnalytics.meta || {}; 1795 window.ShopifyAnalytics.meta.currency = 'USD'; 1796 var meta = {"page":{"requestId":"7f0a254f-262e-482d-b9a3-0152291f64b4-1790917207"}}; 1797 for (var attr in meta) { 1798 window.ShopifyAnalytics.meta[attr] = meta[attr]; 1799 } 1800</script>
vendor: 1 bytes, line 1800
1800
1801<script class="analytics"> 1802 (function () { 1803 var customDocumentWrite = function(content) { 1804 var jquery = null; 1805 1806 if (window.jQuery) { 1807 jquery = window.jQuery; 1808 } else if (window.Checkout && window.Checkout.$) { 1809 jquery = window.Checkout.$; 1810 } 1811 1812 if (jquery) { 1813 jquery('body').append(content); 1814 } 1815 }; 1816 1817 var hasLoggedConversion = function(token) { 1818 if (token) { 1819 return document.cookie.indexOf('loggedConversion=' + token) !== -1; 1820 } 1821 return false; 1822 } 1823 1824 var setCookieIfConversion = function(token) { 1825 if (token) { 1826 var twoMonthsFromNow = new Date(Date.now()); 1827 twoMonthsFromNow.setMonth(twoMonthsFromNow.getMonth() + 2); 1828 1829 document.cookie = 'loggedConversion=' + token + '; expires=' + twoMonthsFromNow; 1830 } 1831 } 1832 1833 var trekkie = window.ShopifyAnalytics.lib = window.trekkie = window.trekkie || []; 1834 window.ShopifyAnalytics.lib.trekkie = window.trekkie; 1835 if (trekkie.integrations) { 1836 return; 1837 } 1838 trekkie.methods = [ 1839 'identify', 1840 'page', 1841 'ready', 1842 'track', 1843 'trackForm', 1844 'trackLink' 1845 ]; 1846 trekkie.factory = function(method) { 1847 return function() { 1848 var args = Array.prototype.slice.call(arguments); 1849 args.unshift(method); 1850 trekkie.push(args); 1851 if (method == 'track' || method == 'page') { 1852 var pageUrl; 1853 try { 1854 pageUrl = window.location.href; 1855 } catch (e) {} 1856 var pageReferrer; 1857 try { 1858 pageReferrer = document.referrer; 1859 } catch (e) {} 1860 try { 1861 if (window.__TREKKIE_SHIM_QUEUE == null) { 1862 window.__TREKKIE_SHIM_QUEUE = []; 1863 } 1864 window.__TREKKIE_SHIM_QUEUE.push({ 1865 from: 'trekkie-stub', 1866 method: method, 1867 args: args.slice(1), 1868 pageContext: { 1869 url: pageUrl, 1870 referrer: pageReferrer 1871 } 1872 }); 1873 } catch (e) { 1874 // no-op 1875 } 1876 } 1877 return trekkie; 1878 }; 1879 }; 1880 for (var i = 0; i < trekkie.methods.length; i++) { 1881 var key = trekkie.methods[i]; 1882 trekkie[key] = trekkie.factory(key); 1883 } 1884 trekkie.load = function(config) { 1885 trekkie.config = config || {}; 1886 trekkie.config.initialDocumentCookie = document.cookie; 1887 var first = document.getElementsByTagName('script')[0]; 1888var script = document.createElement('script'); 1889script.type = 'text/javascript'; 1890script.onerror = function(e) { 1891 var scriptFallback = document.createElement('script'); 1892 scriptFallback.type = 'text/javascript'; 1893 scriptFallback.onerror = function(error) { 1894 var Monorail = { 1895 produce: function produce(monorailDomain, schemaId, payload) { 1896 var currentMs = new Date().getTime(); 1897 var event = { 1898 schema_id: schemaId, 1899 payload: payload, 1900 metadata: { 1901 event_created_at_ms: currentMs, 1902 event_sent_at_ms: currentMs 1903 } 1904 }; 1905 return Monorail.sendRequest("https://" + monorailDomain + "/v1/produce", JSON.stringify(event)); 1906 }, 1907 sendRequest: function sendRequest(endpointUrl, payload) { 1908 // Try the sendBeacon API 1909 if (window && window.navigator && typeof window.navigator.sendBeacon === 'function' && typeof window.Blob === 'function' && !Monorail.isIos12()) { 1910 var blobData = new window.Blob([payload], { 1911 type: 'text/plain' 1912 }); 1913 1914 if (window.navigator.sendBeacon(endpointUrl, blobData)) { 1915 return true; 1916 } // sendBeacon was not successful 1917 1918 } // XHR beacon 1919 1920 var xhr = new XMLHttpRequest(); 1921 1922 try { 1923 xhr.open('POST', endpointUrl); 1924 xhr.setRequestHeader('Content-Type', 'text/plain'); 1925 xhr.send(payload); 1926 } catch (e) { 1927 console.log(e); 1928 } 1929 1930 return false; 1931 }, 1932 isIos12: function isIos12() { 1933 return window.navigator.userAgent.lastIndexOf('iPhone; CPU iPhone OS 12_') !== -1 || window.navigator.userAgent.lastIndexOf('iPad; CPU OS 12_') !== -1; 1934 } 1935 }; 1936 Monorail.produce('monorail-edge.shopifysvc.com', 1937 'trekkie_storefront_load_errors/1.1', 1938 {shop_id: 3466100806, 1939 theme_id: 174423703711, 1940 app_name: "storefront", 1941 context_url: window.location.href, 1942 source_url: "//drinkolipop.com/cdn/s/trekkie.storefront.2f6d7d7ede7d24234881a9cd5f47e679642fa1f6.min.js"}); 1943 1944 }; 1945 scriptFallback.async = true; 1946 scriptFallback.src = '//drinkolipop.com/cdn/s/trekkie.storefront.2f6d7d7ede7d24234881a9cd5f47e679642fa1f6.min.js'; 1947 first.parentNode.insertBefore(scriptFallback, first); 1948}; 1949script.async = true; 1950script.src = '//drinkolipop.com/cdn/s/trekkie.storefront.2f6d7d7ede7d24234881a9cd5f47e679642fa1f6.min.js'; 1951first.parentNode.insertBefore(script, first); 1952 1953 }; 1954 trekkie.load( 1955 {"Trekkie":{"appName":"storefront","development":false,"defaultAttributes":{"shopId":3466100806,"isMerchantRequest":null,"themeId":174423703711,"themeCityHash":"7083827932800446141","contentLanguage":"en","currency":"USD","eventMetadataId":"b06dc4c6-58a7-4932-a2ad-929752ab6a5a"},"isServerSideCookieWritingEnabled":true,"monorailRegion":"shop_domain","enabledBetaFlags":["764d78cb","8450a54b","7ee89bf1","4c64608a"]},"Session Attribution":{},"S2S":{"facebookCapiEnabled":true,"source":"trekkie-storefront-renderer","apiClientId":580111}} 1956 ); 1957 1958 var loaded = false;
1959 trekkie.ready(function() { 1960 if (loaded) return; 1961 loaded = true; 1962 1963 window.ShopifyAnalytics.lib = window.trekkie; 1964 1965 var originalDocumentWrite = document.write; 1966 document.write = customDocumentWrite; 1967 try { window.ShopifyAnalytics.merchantGoogleAnalytics.call(this); } catch(error) {}; 1968 document.write = originalDocumentWrite; 1969 1970 var match = window.location.pathname.match(/checkouts\/(.+)\/(thank_you|post_purchase)/) 1971 var token = match? match[1]: undefined; 1972 if (!hasLoggedConversion(token)) { 1973 setCookieIfConversion(token); 1974 1975 } 1976 }); 1977 1978 window.ShopifyAnalytics.lib.page(null,{"requestId":"7f0a254f-262e-482d-b9a3-0152291f64b4-1790917207","shopifyEmitted":true}); 1979 1980 var eventsListenerScript = document.createElement('script'); 1981 eventsListenerScript.async = true; 1982 eventsListenerScript.src = "//drinkolipop.com/cdn/shopifycloud/storefront/assets/shop_events_listener-4e26a9ce.js"; 1983 document.getElementsByTagName('head')[0].appendChild(eventsListenerScript); 1984})();</script>
1984 1985
1985<script> 1986 if (!window.ga || (window.ga && typeof window.ga !== 'function')) { 1987 window.ga = function ga() { 1988 (window.ga.q = window.ga.q || []).push(arguments); 1989 if (window.Shopify && window.Shopify.analytics && typeof window.Shopify.analytics.publish === 'function') { 1990 window.Shopify.analytics.publish("ga_stub_called", {}, {sendTo: "google_osp_migration"}); 1991 } 1992 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."); 1993 }; 1994 if (window.Shopify && window.Shopify.analytics && typeof window.Shopify.analytics.publish === 'function') { 1995 window.Shopify.analytics.publish("ga_stub_initialized", {}, {sendTo: "google_osp_migration"}); 1996 } 1997 } 1998</script>
vendor: 1 bytes, line 1998
1998
1999<script 2000 defer 2001 src="https://drinkolipop.com/cdn/shopifycloud/perf-kit/shopify-perf-kit-3.9.4.min.js" 2002 data-application="storefront-renderer" 2003 data-shop-id="3466100806" 2004 data-render-region="gcp-us-central1" 2005 data-page-type="customers/login" 2006 data-theme-instance-id="174423703711" 2007 data-theme-name="Olipop" 2008 data-theme-version="1.0" 2009 data-monorail-region="shop_domain" 2010 data-resource-timing-sampling-rate="10" 2011 data-shs="true" 2012 data-shs-beacon="true" 2013 data-shs-export-with-fetch="true" 2014 data-shs-logs-sample-rate="1" 2015 data-shs-beacon-endpoint="https://drinkolipop.com/api/collect" 2016></script>
2016 2017<meta name="shopify-y" content="a4341bf8-9eea-4428-aa92-66e50d38dba6" data-expiration="1822474807000"><meta name="shopify-s" content="4e0ddcbc-35b2-498a-a006-67cb15c5702f" data-expiration="1790919007000"><meta name="new-cookie-storage-activated" content="t"> 2018</head><body 2019 id="account" 2020 data-template="login" 2021 data-suffix="" 2022 data-header-type="primary" 2023 class="page-account template- template-login cmn-pages tw-scroll-smooth " 2024 style="background: var(--flavor-color-100); height:unset; padding: 0;" 2025 > 2026 2027 <nav aria-label="Skip links"> 2028 <a class="in-page-link visually-hidden skip-link" href="#MainContent">Skip to content</a> 2029 <a class="in-page-link visually-hidden skip-link" href="/pages/accessibility">Accessibility Statement</a> 2030 </nav> 2031 2032 2033 2034 2035 <div js-overlay class="overlay tw-z-40"></div> 2036 2037 2038 2039<section id="shopify-section-header"> 2040 <!-- BEGIN sections: header-group --> 2041<div id="shopify-section-sections--24009558556831__promotion-banner" class="shopify-section shopify-section-group-header-group"> 2042 2043<div 2044 data-component="promotionBanner" 2045 data-store-discounts="[]" 2046> 2047 2048 2049 2050 <div 2051 data-promotion-banner 2052 data-promotion-url="" 2053 data-promotion-discount="GOBLUE" 2054 class="tw-relative tw-hidden tw-min-h-12 tw-w-full tw-px-4 tw-text-center lg:tw-min-h-10" 2055 style="background: #fdda79;" 2056 > 2057 <div 2058 role="group" 2059 class="tw-flex tw-h-full tw-items-center tw-justify-center tw-py-2.5 tw-text-center lg-plus:tw-py-[17px]" 2060 > 2061 <div 2062 class="tw-px-8 tw-text-sm lg-plus:tw-text-[1rem] lg-plus:tw-leading-none" 2063 style="color: #14433d !important;" 2064 > 2065 Your 20% off discount code <strong>GOBLUE</strong> will auto-apply at checkout. 2066 </div> 2067 </div> 2068 2069 <div 2070 style="background: #fdda79;" 2071 class="tw-absolute tw-right-4 tw-top-1/2 tw-flex -tw-translate-y-1/2 tw-items-center" 2072 > 2073 <svg 2074 width="10" 2075 height="10"
2076 viewBox="0 0 18 18" 2077 fill="#14433d" 2078 data-icon-close 2079 class="tw-cursor-pointer" 2080 > 2081 <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"/> 2082 </svg> 2083 </div> 2084 </div> 2085 2086 2087 2088 <div 2089 data-promotion-banner 2090 data-promotion-url="" 2091 data-promotion-discount="30RESUB" 2092 class="tw-relative tw-hidden tw-min-h-12 tw-w-full tw-px-4 tw-text-center lg:tw-min-h-10" 2093 style="background: #fdda79;" 2094 > 2095 <div 2096 role="group" 2097 class="tw-flex tw-h-full tw-items-center tw-justify-center tw-py-2.5 tw-text-center lg-plus:tw-py-[17px]" 2098 > 2099 <div 2100 class="tw-px-8 tw-text-sm lg-plus:tw-text-[1rem] lg-plus:tw-leading-none" 2101 style="color: #14433d !important;" 2102 > 2103 30% off subscriptions when you resubscribe with code <strong>30RESUB</strong>. 2104 </div> 2105 </div> 2106 2107 <div 2108 style="background: #fdda79;" 2109 class="tw-absolute tw-right-4 tw-top-1/2 tw-flex -tw-translate-y-1/2 tw-items-center" 2110 > 2111 <svg 2112 width="10" 2113 height="10"
2114 viewBox="0 0 18 18" 2115 fill="#14433d" 2116 data-icon-close 2117 class="tw-cursor-pointer" 2118 > 2119 <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"/> 2120 </svg> 2121 </div> 2122 </div> 2123 2124 2125 2126 <div 2127 data-promotion-banner 2128 data-promotion-url="" 2129 data-promotion-discount="SHIRLEY30" 2130 class="tw-relative tw-hidden tw-min-h-12 tw-w-full tw-px-4 tw-text-center lg:tw-min-h-10" 2131 style="background: #fdda79;" 2132 > 2133 <div 2134 role="group" 2135 class="tw-flex tw-h-full tw-items-center tw-justify-center tw-py-2.5 tw-text-center lg-plus:tw-py-[17px]" 2136 > 2137 <div 2138 class="tw-px-8 tw-text-sm lg-plus:tw-text-[1rem] lg-plus:tw-leading-none" 2139 style="color: #14433d !important;" 2140 > 2141 30% off Shirley & Friends with code <strong>SHIRLEY30</strong> will auto-apply at checkout. 2142 </div> 2143 </div> 2144 2145 <div 2146 style="background: #fdda79;" 2147 class="tw-absolute tw-right-4 tw-top-1/2 tw-flex -tw-translate-y-1/2 tw-items-center" 2148 > 2149 <svg 2150 width="10" 2151 height="10"
2152 viewBox="0 0 18 18" 2153 fill="#14433d" 2154 data-icon-close 2155 class="tw-cursor-pointer" 2156 > 2157 <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"/> 2158 </svg> 2159 </div> 2160 </div> 2161 2162 2163 2164 <div 2165 data-promotion-banner 2166 data-promotion-url="" 2167 data-promotion-discount="PUNCH20" 2168 class="tw-relative tw-hidden tw-min-h-12 tw-w-full tw-px-4 tw-text-center lg:tw-min-h-10" 2169 style="background: #fdda79;" 2170 > 2171 <div 2172 role="group" 2173 class="tw-flex tw-h-full tw-items-center tw-justify-center tw-py-2.5 tw-text-center lg-plus:tw-py-[17px]" 2174 > 2175 <div 2176 class="tw-px-8 tw-text-sm lg-plus:tw-text-[1rem] lg-plus:tw-leading-none" 2177 style="color: #14433d !important;" 2178 > 2179 20% off Tropical Punch with code <strong>PUNCH20</strong> will auto-apply at checkout. 2180 </div> 2181 </div> 2182 2183 <div 2184 style="background: #fdda79;" 2185 class="tw-absolute tw-right-4 tw-top-1/2 tw-flex -tw-translate-y-1/2 tw-items-center" 2186 > 2187 <svg 2188 width="10" 2189 height="10"
2190 viewBox="0 0 18 18" 2191 fill="#14433d" 2192 data-icon-close 2193 class="tw-cursor-pointer" 2194 > 2195 <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"/> 2196 </svg> 2197 </div> 2198 </div> 2199 2200 2201 2202 <div 2203 data-promotion-banner 2204 data-promotion-url="" 2205 data-promotion-discount="DREAMY15" 2206 class="tw-relative tw-hidden tw-min-h-12 tw-w-full tw-px-4 tw-text-center lg:tw-min-h-10" 2207 style="background: #fdda79;" 2208 > 2209 <div 2210 role="group" 2211 class="tw-flex tw-h-full tw-items-center tw-justify-center tw-py-2.5 tw-text-center lg-plus:tw-py-[17px]" 2212 > 2213 <div 2214 class="tw-px-8 tw-text-sm lg-plus:tw-text-[1rem] lg-plus:tw-leading-none" 2215 style="color: #14433d !important;" 2216 > 2217 Your 15% off discount code <strong>DREAMY15</strong> will auto-apply at checkout. 2218 </div> 2219 </div> 2220 2221 <div 2222 style="background: #fdda79;" 2223 class="tw-absolute tw-right-4 tw-top-1/2 tw-flex -tw-translate-y-1/2 tw-items-center" 2224 > 2225 <svg 2226 width="10" 2227 height="10"
2228 viewBox="0 0 18 18" 2229 fill="#14433d" 2230 data-icon-close 2231 class="tw-cursor-pointer" 2232 > 2233 <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"/> 2234 </svg> 2235 </div> 2236 </div> 2237 2238 2239 2240 <div 2241 data-promotion-banner 2242 data-promotion-url="" 2243 data-promotion-discount="EARLY30" 2244 class="tw-relative tw-hidden tw-min-h-12 tw-w-full tw-px-4 tw-text-center lg:tw-min-h-10" 2245 style="background: #fdda79;" 2246 > 2247 <div 2248 role="group" 2249 class="tw-flex tw-h-full tw-items-center tw-justify-center tw-py-2.5 tw-text-center lg-plus:tw-py-[17px]" 2250 > 2251 <div 2252 class="tw-px-8 tw-text-sm lg-plus:tw-text-[1rem] lg-plus:tw-leading-none" 2253 style="color: #14433d !important;" 2254 > 2255 Early access 30% off with code <strong>EARLY30</strong> will auto-apply at checkout! 2256 </div> 2257 </div> 2258 2259 <div 2260 style="background: #fdda79;" 2261 class="tw-absolute tw-right-4 tw-top-1/2 tw-flex -tw-translate-y-1/2 tw-items-center" 2262 > 2263 <svg 2264 width="10" 2265 height="10"
2266 viewBox="0 0 18 18" 2267 fill="#14433d" 2268 data-icon-close 2269 class="tw-cursor-pointer" 2270 > 2271 <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"/> 2272 </svg> 2273 </div> 2274 </div> 2275 2276 2277 2278 <div 2279 data-promotion-banner 2280 data-promotion-url="" 2281 data-promotion-discount="WELCOME15" 2282 class="tw-relative tw-hidden tw-min-h-12 tw-w-full tw-px-4 tw-text-center lg:tw-min-h-10" 2283 style="background: #fdda79;" 2284 > 2285 <div 2286 role="group" 2287 class="tw-flex tw-h-full tw-items-center tw-justify-center tw-py-2.5 tw-text-center lg-plus:tw-py-[17px]" 2288 > 2289 <div 2290 class="tw-px-8 tw-text-sm lg-plus:tw-text-[1rem] lg-plus:tw-leading-none" 2291 style="color: #14433d !important;" 2292 > 2293 Your 15% off discount code <strong>WELCOME15</strong> will auto-apply at checkout. 2294 </div> 2295 </div> 2296 2297 <div 2298 style="background: #fdda79;" 2299 class="tw-absolute tw-right-4 tw-top-1/2 tw-flex -tw-translate-y-1/2 tw-items-center" 2300 > 2301 <svg 2302 width="10" 2303 height="10"
2304 viewBox="0 0 18 18" 2305 fill="#14433d" 2306 data-icon-close 2307 class="tw-cursor-pointer" 2308 > 2309 <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"/> 2310 </svg> 2311 </div> 2312 </div> 2313 2314 2315 2316 <div 2317 data-promotion-banner 2318 data-promotion-url="" 2319 data-promotion-discount="SIPSMART" 2320 class="tw-relative tw-hidden tw-min-h-12 tw-w-full tw-px-4 tw-text-center lg:tw-min-h-10" 2321 style="background: #fdda79;" 2322 > 2323 <div 2324 role="group" 2325 class="tw-flex tw-h-full tw-items-center tw-justify-center tw-py-2.5 tw-text-center lg-plus:tw-py-[17px]" 2326 > 2327 <div 2328 class="tw-px-8 tw-text-sm lg-plus:tw-text-[1rem] lg-plus:tw-leading-none" 2329 style="color: #14433d !important;" 2330 > 2331 Your 20% off discount code <strong>SIPSMART</strong> will auto-apply at checkout. 2332 </div> 2333 </div> 2334 2335 <div 2336 style="background: #fdda79;" 2337 class="tw-absolute tw-right-4 tw-top-1/2 tw-flex -tw-translate-y-1/2 tw-items-center" 2338 > 2339 <svg 2340 width="10" 2341 height="10"
2342 viewBox="0 0 18 18" 2343 fill="#14433d" 2344 data-icon-close 2345 class="tw-cursor-pointer" 2346 > 2347 <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"/> 2348 </svg> 2349 </div> 2350 </div> 2351 2352 2353 2354 <div 2355 data-promotion-banner 2356 data-promotion-url="" 2357 data-promotion-discount="APRIL20" 2358 class="tw-relative tw-hidden tw-min-h-12 tw-w-full tw-px-4 tw-text-center lg:tw-min-h-10" 2359 style="background: #fdda79;" 2360 > 2361 <div 2362 role="group" 2363 class="tw-flex tw-h-full tw-items-center tw-justify-center tw-py-2.5 tw-text-center lg-plus:tw-py-[17px]" 2364 > 2365 <div 2366 class="tw-px-8 tw-text-sm lg-plus:tw-text-[1rem] lg-plus:tw-leading-none" 2367 style="color: #14433d !important;" 2368 > 2369 Your 20% off discount code <strong>APRIL20</strong> will auto-apply at checkout. 2370 </div> 2371 </div> 2372 2373 <div 2374 style="background: #fdda79;" 2375 class="tw-absolute tw-right-4 tw-top-1/2 tw-flex -tw-translate-y-1/2 tw-items-center" 2376 > 2377 <svg 2378 width="10" 2379 height="10"
2380 viewBox="0 0 18 18" 2381 fill="#14433d" 2382 data-icon-close 2383 class="tw-cursor-pointer" 2384 > 2385 <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"/> 2386 </svg> 2387 </div> 2388 </div> 2389 2390 2391 2392 <div 2393 data-promotion-banner 2394 data-promotion-url="" 2395 data-promotion-discount="YETI20" 2396 class="tw-relative tw-hidden tw-min-h-12 tw-w-full tw-px-4 tw-text-center lg:tw-min-h-10" 2397 style="background: #fdda79;" 2398 > 2399 <div 2400 role="group" 2401 class="tw-flex tw-h-full tw-items-center tw-justify-center tw-py-2.5 tw-text-center lg-plus:tw-py-[17px]" 2402 > 2403 <div 2404 class="tw-px-8 tw-text-sm lg-plus:tw-text-[1rem] lg-plus:tw-leading-none" 2405 style="color: #14433d !important;" 2406 > 2407 20% off Winter Seasonal Cans with discount code <strong> YETI20</strong> auto-applies at checkout. 2408 </div> 2409 </div> 2410 2411 <div 2412 style="background: #fdda79;" 2413 class="tw-absolute tw-right-4 tw-top-1/2 tw-flex -tw-translate-y-1/2 tw-items-center" 2414 > 2415 <svg 2416 width="10" 2417 height="10"
2418 viewBox="0 0 18 18" 2419 fill="#14433d" 2420 data-icon-close 2421 class="tw-cursor-pointer" 2422 > 2423 <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"/> 2424 </svg> 2425 </div> 2426 </div> 2427 2428 2429 2430 <div 2431 data-promotion-banner 2432 data-promotion-url="" 2433 data-promotion-discount="PHLY20" 2434 class="tw-relative tw-hidden tw-min-h-12 tw-w-full tw-px-4 tw-text-center lg:tw-min-h-10" 2435 style="background: #fdda79;" 2436 > 2437 <div 2438 role="group" 2439 class="tw-flex tw-h-full tw-items-center tw-justify-center tw-py-2.5 tw-text-center lg-plus:tw-py-[17px]" 2440 > 2441 <div 2442 class="tw-px-8 tw-text-sm lg-plus:tw-text-[1rem] lg-plus:tw-leading-none" 2443 style="color: #14433d !important;" 2444 > 2445 Your 20% off discount code <strong>PHLY20</strong> will auto-apply at checkout. 2446 </div> 2447 </div> 2448 2449 <div 2450 style="background: #fdda79;" 2451 class="tw-absolute tw-right-4 tw-top-1/2 tw-flex -tw-translate-y-1/2 tw-items-center" 2452 > 2453 <svg 2454 width="10" 2455 height="10"
2456 viewBox="0 0 18 18" 2457 fill="#14433d" 2458 data-icon-close 2459 class="tw-cursor-pointer" 2460 > 2461 <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"/> 2462 </svg> 2463 </div> 2464 </div> 2465 2466 2467 2468 <div 2469 data-promotion-banner 2470 data-promotion-url="" 2471 data-promotion-discount="CITIUS25" 2472 class="tw-relative tw-hidden tw-min-h-12 tw-w-full tw-px-4 tw-text-center lg:tw-min-h-10" 2473 style="background: #fdda79;" 2474 > 2475 <div 2476 role="group" 2477 class="tw-flex tw-h-full tw-items-center tw-justify-center tw-py-2.5 tw-text-center lg-plus:tw-py-[17px]" 2478 > 2479 <div 2480 class="tw-px-8 tw-text-sm lg-plus:tw-text-[1rem] lg-plus:tw-leading-none" 2481 style="color: #14433d !important;" 2482 > 2483 Your 25% off discount code <strong>CITIUS25</strong> will auto-apply at checkout. 2484 </div> 2485 </div> 2486 2487 <div 2488 style="background: #fdda79;" 2489 class="tw-absolute tw-right-4 tw-top-1/2 tw-flex -tw-translate-y-1/2 tw-items-center" 2490 > 2491 <svg 2492 width="10" 2493 height="10"
2494 viewBox="0 0 18 18" 2495 fill="#14433d" 2496 data-icon-close 2497 class="tw-cursor-pointer" 2498 > 2499 <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"/> 2500 </svg> 2501 </div> 2502 </div> 2503 2504 2505 2506 <div 2507 data-promotion-banner 2508 data-promotion-url="" 2509 data-promotion-discount="SERVED20" 2510 class="tw-relative tw-hidden tw-min-h-12 tw-w-full tw-px-4 tw-text-center lg:tw-min-h-10" 2511 style="background: #fdda79;" 2512 > 2513 <div 2514 role="group" 2515 class="tw-flex tw-h-full tw-items-center tw-justify-center tw-py-2.5 tw-text-center lg-plus:tw-py-[17px]" 2516 > 2517 <div 2518 class="tw-px-8 tw-text-sm lg-plus:tw-text-[1rem] lg-plus:tw-leading-none" 2519 style="color: #14433d !important;" 2520 > 2521 Your 20% off discount code <strong>SERVED20</strong> will auto-apply at checkout. 2522 </div> 2523 </div> 2524 2525 <div 2526 style="background: #fdda79;" 2527 class="tw-absolute tw-right-4 tw-top-1/2 tw-flex -tw-translate-y-1/2 tw-items-center" 2528 > 2529 <svg 2530 width="10" 2531 height="10"
2532 viewBox="0 0 18 18" 2533 fill="#14433d" 2534 data-icon-close 2535 class="tw-cursor-pointer" 2536 > 2537 <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"/> 2538 </svg> 2539 </div> 2540 </div> 2541 2542 2543 2544 <div 2545 data-promotion-banner 2546 data-promotion-url="" 2547 data-promotion-discount="TWG20" 2548 class="tw-relative tw-hidden tw-min-h-12 tw-w-full tw-px-4 tw-text-center lg:tw-min-h-10" 2549 style="background: #fdda79;" 2550 > 2551 <div 2552 role="group" 2553 class="tw-flex tw-h-full tw-items-center tw-justify-center tw-py-2.5 tw-text-center lg-plus:tw-py-[17px]" 2554 > 2555 <div 2556 class="tw-px-8 tw-text-sm lg-plus:tw-text-[1rem] lg-plus:tw-leading-none" 2557 style="color: #14433d !important;" 2558 > 2559 Your 20% off discount code <strong>TWG20</strong> will auto-apply at checkout. 2560 </div> 2561 </div> 2562 2563 <div 2564 style="background: #fdda79;" 2565 class="tw-absolute tw-right-4 tw-top-1/2 tw-flex -tw-translate-y-1/2 tw-items-center" 2566 > 2567 <svg 2568 width="10" 2569 height="10"
2570 viewBox="0 0 18 18" 2571 fill="#14433d" 2572 data-icon-close 2573 class="tw-cursor-pointer" 2574 > 2575 <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"/> 2576 </svg> 2577 </div> 2578 </div> 2579 2580 2581 2582 <div 2583 data-promotion-banner 2584 data-promotion-url="" 2585 data-promotion-discount="FLYQUEST20" 2586 class="tw-relative tw-hidden tw-min-h-12 tw-w-full tw-px-4 tw-text-center lg:tw-min-h-10" 2587 style="background: #fdda79;" 2588 > 2589 <div 2590 role="group" 2591 class="tw-flex tw-h-full tw-items-center tw-justify-center tw-py-2.5 tw-text-center lg-plus:tw-py-[17px]" 2592 > 2593 <div 2594 class="tw-px-8 tw-text-sm lg-plus:tw-text-[1rem] lg-plus:tw-leading-none" 2595 style="color: #14433d !important;" 2596 > 2597 Your 20% off discount code <strong>FLYQUEST20</strong> will auto-apply at checkout. 2598 </div> 2599 </div> 2600 2601 <div 2602 style="background: #fdda79;" 2603 class="tw-absolute tw-right-4 tw-top-1/2 tw-flex -tw-translate-y-1/2 tw-items-center" 2604 > 2605 <svg 2606 width="10" 2607 height="10"
2608 viewBox="0 0 18 18" 2609 fill="#14433d" 2610 data-icon-close 2611 class="tw-cursor-pointer" 2612 > 2613 <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"/> 2614 </svg> 2615 </div> 2616 </div> 2617 2618 2619 2620 <div 2621 data-promotion-banner 2622 data-promotion-url="" 2623 data-promotion-discount="BUZZIN15" 2624 class="tw-relative tw-hidden tw-min-h-12 tw-w-full tw-px-4 tw-text-center lg:tw-min-h-10" 2625 style="background: #fdda79;" 2626 > 2627 <div 2628 role="group" 2629 class="tw-flex tw-h-full tw-items-center tw-justify-center tw-py-2.5 tw-text-center lg-plus:tw-py-[17px]" 2630 > 2631 <div 2632 class="tw-px-8 tw-text-sm lg-plus:tw-text-[1rem] lg-plus:tw-leading-none" 2633 style="color: #14433d !important;" 2634 > 2635 Your 15% off discount code <strong>BUZZIN15</strong> will auto-apply at checkout. 2636 </div> 2637 </div> 2638 2639 <div 2640 style="background: #fdda79;" 2641 class="tw-absolute tw-right-4 tw-top-1/2 tw-flex -tw-translate-y-1/2 tw-items-center" 2642 > 2643 <svg 2644 width="10" 2645 height="10"
2646 viewBox="0 0 18 18" 2647 fill="#14433d" 2648 data-icon-close 2649 class="tw-cursor-pointer" 2650 > 2651 <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"/> 2652 </svg> 2653 </div> 2654 </div> 2655 2656 2657 2658 <div 2659 data-promotion-banner 2660 data-promotion-url="" 2661 data-promotion-discount="OLIPOPTEXT15" 2662 class="tw-relative tw-hidden tw-min-h-12 tw-w-full tw-px-4 tw-text-center lg:tw-min-h-10" 2663 style="background: #fdda79;" 2664 > 2665 <div 2666 role="group" 2667 class="tw-flex tw-h-full tw-items-center tw-justify-center tw-py-2.5 tw-text-center lg-plus:tw-py-[17px]" 2668 > 2669 <div 2670 class="tw-px-8 tw-text-sm lg-plus:tw-text-[1rem] lg-plus:tw-leading-none" 2671 style="color: #14433d !important;" 2672 > 2673 Your 15% off discount code <strong>OLIPOPTEXT15</strong> will auto-apply at checkout. 2674 </div> 2675 </div> 2676 2677 <div 2678 style="background: #fdda79;" 2679 class="tw-absolute tw-right-4 tw-top-1/2 tw-flex -tw-translate-y-1/2 tw-items-center" 2680 > 2681 <svg 2682 width="10" 2683 height="10"
2684 viewBox="0 0 18 18" 2685 fill="#14433d" 2686 data-icon-close 2687 class="tw-cursor-pointer" 2688 > 2689 <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"/> 2690 </svg> 2691 </div> 2692 </div> 2693 2694 2695 2696 <div 2697 data-promotion-banner 2698 data-promotion-url="" 2699 data-promotion-discount="BRACKET20" 2700 class="tw-relative tw-hidden tw-min-h-12 tw-w-full tw-px-4 tw-text-center lg:tw-min-h-10" 2701 style="background: #fdda79;" 2702 > 2703 <div 2704 role="group" 2705 class="tw-flex tw-h-full tw-items-center tw-justify-center tw-py-2.5 tw-text-center lg-plus:tw-py-[17px]" 2706 > 2707 <div 2708 class="tw-px-8 tw-text-sm lg-plus:tw-text-[1rem] lg-plus:tw-leading-none" 2709 style="color: #14433d !important;" 2710 > 2711 Your 20% off discount code <strong>BRACKET20</strong> will auto-apply at checkout. 2712 </div> 2713 </div> 2714 2715 <div 2716 style="background: #fdda79;" 2717 class="tw-absolute tw-right-4 tw-top-1/2 tw-flex -tw-translate-y-1/2 tw-items-center" 2718 > 2719 <svg 2720 width="10" 2721 height="10"
2722 viewBox="0 0 18 18" 2723 fill="#14433d" 2724 data-icon-close 2725 class="tw-cursor-pointer" 2726 > 2727 <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"/> 2728 </svg> 2729 </div> 2730 </div> 2731 2732 2733 2734 <div 2735 data-promotion-banner 2736 data-promotion-url="" 2737 data-promotion-discount="NEW20" 2738 class="tw-relative tw-hidden tw-min-h-12 tw-w-full tw-px-4 tw-text-center lg:tw-min-h-10" 2739 style="background: #fdda79;" 2740 > 2741 <div 2742 role="group" 2743 class="tw-flex tw-h-full tw-items-center tw-justify-center tw-py-2.5 tw-text-center lg-plus:tw-py-[17px]" 2744 > 2745 <div 2746 class="tw-px-8 tw-text-sm lg-plus:tw-text-[1rem] lg-plus:tw-leading-none" 2747 style="color: #14433d !important;" 2748 > 2749 Your 20% off discount code <strong>NEW20</strong> will auto-apply at checkout. 2750 </div> 2751 </div> 2752 2753 <div 2754 style="background: #fdda79;" 2755 class="tw-absolute tw-right-4 tw-top-1/2 tw-flex -tw-translate-y-1/2 tw-items-center" 2756 > 2757 <svg 2758 width="10" 2759 height="10"
2760 viewBox="0 0 18 18" 2761 fill="#14433d" 2762 data-icon-close 2763 class="tw-cursor-pointer" 2764 > 2765 <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"/> 2766 </svg> 2767 </div> 2768 </div> 2769 2770 2771 2772 <div 2773 data-promotion-banner 2774 data-promotion-url="" 2775 data-promotion-discount="FULLFLAVOR20" 2776 class="tw-relative tw-hidden tw-min-h-12 tw-w-full tw-px-4 tw-text-center lg:tw-min-h-10" 2777 style="background: #fdda79;" 2778 > 2779 <div 2780 role="group" 2781 class="tw-flex tw-h-full tw-items-center tw-justify-center tw-py-2.5 tw-text-center lg-plus:tw-py-[17px]" 2782 > 2783 <div 2784 class="tw-px-8 tw-text-sm lg-plus:tw-text-[1rem] lg-plus:tw-leading-none" 2785 style="color: #14433d !important;" 2786 > 2787 Your discount code <strong>FULLFLAVOR20</strong> will auto-apply at checkout. 2788 </div> 2789 </div> 2790 2791 <div 2792 style="background: #fdda79;" 2793 class="tw-absolute tw-right-4 tw-top-1/2 tw-flex -tw-translate-y-1/2 tw-items-center" 2794 > 2795 <svg 2796 width="10" 2797 height="10"
2798 viewBox="0 0 18 18" 2799 fill="#14433d" 2800 data-icon-close 2801 class="tw-cursor-pointer" 2802 > 2803 <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"/> 2804 </svg> 2805 </div> 2806 </div> 2807 2808 2809 2810 <div 2811 data-promotion-banner 2812 data-promotion-url="" 2813 data-promotion-discount="BDAY20" 2814 class="tw-relative tw-hidden tw-min-h-12 tw-w-full tw-px-4 tw-text-center lg:tw-min-h-10" 2815 style="background: #fdda79;" 2816 > 2817 <div 2818 role="group" 2819 class="tw-flex tw-h-full tw-items-center tw-justify-center tw-py-2.5 tw-text-center lg-plus:tw-py-[17px]" 2820 > 2821 <div 2822 class="tw-px-8 tw-text-sm lg-plus:tw-text-[1rem] lg-plus:tw-leading-none" 2823 style="color: #14433d !important;" 2824 > 2825 Your discount code <strong>BDAY20</strong> will auto-apply at checkout. 2826 </div> 2827 </div> 2828 2829 <div 2830 style="background: #fdda79;" 2831 class="tw-absolute tw-right-4 tw-top-1/2 tw-flex -tw-translate-y-1/2 tw-items-center" 2832 > 2833 <svg 2834 width="10" 2835 height="10"
2836 viewBox="0 0 18 18" 2837 fill="#14433d" 2838 data-icon-close 2839 class="tw-cursor-pointer" 2840 > 2841 <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"/> 2842 </svg> 2843 </div> 2844 </div> 2845 2846 2847 2848 <div 2849 data-promotion-banner 2850 data-promotion-url="" 2851 data-promotion-discount="HOLIDAY20" 2852 class="tw-relative tw-hidden tw-min-h-12 tw-w-full tw-px-4 tw-text-center lg:tw-min-h-10" 2853 style="background: #fdda79;" 2854 > 2855 <div 2856 role="group" 2857 class="tw-flex tw-h-full tw-items-center tw-justify-center tw-py-2.5 tw-text-center lg-plus:tw-py-[17px]" 2858 > 2859 <div 2860 class="tw-px-8 tw-text-sm lg-plus:tw-text-[1rem] lg-plus:tw-leading-none" 2861 style="color: #14433d !important;" 2862 > 2863 Your discount code <strong>HOLIDAY20</strong> will auto-apply at checkout. 2864 </div> 2865 </div> 2866 2867 <div 2868 style="background: #fdda79;" 2869 class="tw-absolute tw-right-4 tw-top-1/2 tw-flex -tw-translate-y-1/2 tw-items-center" 2870 > 2871 <svg 2872 width="10" 2873 height="10"
2874 viewBox="0 0 18 18" 2875 fill="#14433d" 2876 data-icon-close 2877 class="tw-cursor-pointer" 2878 > 2879 <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"/> 2880 </svg> 2881 </div> 2882 </div> 2883 2884 2885 2886 <div 2887 data-promotion-banner 2888 data-promotion-url="" 2889 data-promotion-discount="FULLFLAVOR10" 2890 class="tw-relative tw-hidden tw-min-h-12 tw-w-full tw-px-4 tw-text-center lg:tw-min-h-10" 2891 style="background: #fdda79;" 2892 > 2893 <div 2894 role="group" 2895 class="tw-flex tw-h-full tw-items-center tw-justify-center tw-py-2.5 tw-text-center lg-plus:tw-py-[17px]" 2896 > 2897 <div 2898 class="tw-px-8 tw-text-sm lg-plus:tw-text-[1rem] lg-plus:tw-leading-none" 2899 style="color: #14433d !important;" 2900 > 2901 Your discount code <strong>FULLFLAVOR10</strong> will auto-apply at checkout. 2902 </div> 2903 </div> 2904 2905 <div 2906 style="background: #fdda79;" 2907 class="tw-absolute tw-right-4 tw-top-1/2 tw-flex -tw-translate-y-1/2 tw-items-center" 2908 > 2909 <svg 2910 width="10" 2911 height="10"
2912 viewBox="0 0 18 18" 2913 fill="#14433d" 2914 data-icon-close 2915 class="tw-cursor-pointer" 2916 > 2917 <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"/> 2918 </svg> 2919 </div> 2920 </div> 2921 2922 2923 2924 <div 2925 data-promotion-banner 2926 data-promotion-url="" 2927 data-promotion-discount="THIRTYSUB" 2928 class="tw-relative tw-hidden tw-min-h-12 tw-w-full tw-px-4 tw-text-center lg:tw-min-h-10" 2929 style="background: #fdda79;" 2930 > 2931 <div 2932 role="group" 2933 class="tw-flex tw-h-full tw-items-center tw-justify-center tw-py-2.5 tw-text-center lg-plus:tw-py-[17px]" 2934 > 2935 <div 2936 class="tw-px-8 tw-text-sm lg-plus:tw-text-[1rem] lg-plus:tw-leading-none" 2937 style="color: #14433d !important;" 2938 > 2939 Your discount code <strong>THIRTYSUB</strong> will auto-apply at checkout. 2940 </div> 2941 </div> 2942 2943 <div 2944 style="background: #fdda79;" 2945 class="tw-absolute tw-right-4 tw-top-1/2 tw-flex -tw-translate-y-1/2 tw-items-center" 2946 > 2947 <svg 2948 width="10" 2949 height="10"
2950 viewBox="0 0 18 18" 2951 fill="#14433d" 2952 data-icon-close 2953 class="tw-cursor-pointer" 2954 > 2955 <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"/> 2956 </svg> 2957 </div> 2958 </div> 2959 2960</div> 2961 2962 2963</div><div id="shopify-section-sections--24009558556831__announcement-banner" class="shopify-section shopify-section-group-header-group"> 2964 <announcement-bar class="section-announcement-bar tw-relative tw-z-50 tw-block"> 2965 <slider-container 2966 data-key="slider__sections--24009558556831__announcement-banner" 2967 role="region" 2968 aria-label="Announcement" 2969 data-slider-loop 2970 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] " 2971 style="background: #5A0C3C;" 2972 ><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> 2973 2974 2975 <slider-controls 2976 data-key="slider__sections--24009558556831__announcement-banner" 2977 class="tw-absolute tw-top-0 tw-flex tw-h-full tw-w-full tw-items-center tw-justify-between tw-px-4" 2978 > 2979 <control-prev 2980 role="button" 2981 aria-label="Previous Slide" 2982 tabindex="0" 2983 data-action="prev" 2984 class="tw-z-30 tw-block tw-cursor-pointer" 2985 >
2986 <svg width="7" height="10" viewBox="0 0 7 10" fill="none" xmlns="http://www.w3.org/2000/svg"> 2987 <path d="M6 1L2 5L6 9" stroke="#ffffff" stroke-width="2" stroke-linecap="round"/> 2988 </svg> 2989 </control-prev> 2990 2991 <control-next 2992 role="button" 2993 aria-label="Next Slide" 2994 tabindex="0" 2995 data-action="next" 2996 class="tw-z-30 tw-block tw-cursor-pointer" 2997 > 2998 <svg width="7" height="10" viewBox="0 0 7 10" fill="none" xmlns="http://www.w3.org/2000/svg"> 2999 <path d="M1 1L5 5L1 9" stroke="#ffffff" stroke-width="2" stroke-linecap="round"/> 3000 </svg> 3001 </control-next> 3002 </slider-controls> 3003 3004 </announcement-bar> 3005 3006 3007 3008 3009 3010 3011 3012<style> 3013 .section-announcement-bar .keen-slider:not([data-keen-slider-disabled]) .keen-slider__slide{ 3014 padding-top: 4px; 3015 } 3016</style> 3017</div><div id="shopify-section-sections--24009558556831__header" class="shopify-section shopify-section-group-header-group"> 3018 3019<div 3020 id="SearchDrawer" 3021 class="search-bar drawer drawer--top" 3022 role="dialog" 3023 aria-modal="true" 3024 aria-label="Search" 3025 data-predictive-search-drawer 3026> 3027 <div class="search-bar__interior"> 3028 <div class="search-form__container" data-search-form-container> 3029 <form class="search-form search-bar__form" action="/search" method="get" role="search"> 3030 <div class="search-form__input-wrapper"> 3031 <input 3032 type="text" 3033 name="q" 3034 placeholder="Search" 3035 role="combobox" 3036 aria-autocomplete="list" 3037 aria-owns="predictive-search-results" 3038 aria-expanded="false" 3039 aria-label="Search" 3040 aria-haspopup="listbox" 3041 class="search-form__input search-bar__input" 3042 data-predictive-search-drawer-input 3043 > 3044 <input type="hidden" name="options[prefix]" value="last" aria-hidden="true"> 3045 <div 3046 class="predictive-search-wrapper predictive-search-wrapper--drawer" 3047 data-predictive-search-mount="drawer" 3048 ></div> 3049 </div> 3050 3051 <button 3052 class="search-bar__submit search-form__submit" 3053 type="submit" 3054 data-search-form-submit 3055 > 3056 Liquid error (snippets/search-drawer line 38): include usage is not allowed in this context 3057 <span class="icon__fallback-text">Submit</span> 3058 </button> 3059 </form> 3060 3061 <div class="search-bar__actions"> 3062 <button type="button" class="btn--link search-bar__close js-drawer-close"> 3063 Liquid error (snippets/search-drawer line 45): include usage is not allowed in this context 3064 <span class="icon__fallback-text">Close search</span> 3065 </button> 3066 </div> 3067 </div> 3068 </div> 3069</div> 3070 3071 3072<header 3073 data-section-id="sections--24009558556831__header" 3074 data-section-type="header" 3075 class="header-wrapper tw-group tw-relative tw-z-50" 3076 js-header-wrapper 3077 color-theme="primary" 3078 data-component="megaMenu" 3079> 3080 <div class="top-header" data-section-id="sections--24009558556831__header" data-section-type="header-section" data-header-section> 3081 <div js-header class="header"> 3082 <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]"> 3083 <!-- Left Menu --> 3084 <div class="tw-col-span-2 tw-block tw-self-center tw-justify-self-start tw-leading-none"> 3085 <div class="site-header__mobile-toolbar tw-flex tw-items-center tw-gap-[20px] lg:tw-hidden"> 3086 <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"> 3087 <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"> 3088 <path
3089 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" 3090 fill="currentColor" 3091 /> 3092</svg> 3093</span> 3094 <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"> 3095 <path 3096 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" 3097 fill="currentColor" 3098 /> 3099</svg> 3100</span> 3101 </button> 3102 <a 3103 href="/pages/store-locator" 3104 class="site-header__icon site-header__find-in-store" 3105 aria-label="Find a store" 3106 > 3107 <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" role="presentation" aria-hidden="true"> 3108 <path 3109 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
310913.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" 3110 fill="currentColor" 3111 /> 3112</svg> 3113 3114 </a> 3115 </div> 3116 3117 <nav id="AccessibleNav" aria-label="Desktop Menu"> 3118 3119 3120<ul class="site-nav list--inline" id="SiteNav"> 3121 3122 3123 <li 3124 class="site-nav--has-dropdown" 3125 data-child-list-handle="shop" 3126 data-has-dropdowns 3127 > 3128 3129 <a 3130 href="/collections/drinks" 3131 class="site-nav__link tw-bg-transparent" 3132 3133 aria-expanded="false" 3134 aria-controls="site-nav-menu-dropdown-shop" 3135 > 3136 <span class="site-nav__label">Shop</span> 3137 </a> 3138 3139 </li> 3140 3141 3142 3143 <li 3144 class="site-nav--has-dropdown" 3145 data-child-list-handle="learn" 3146 data-has-dropdowns 3147 > 3148 3149 <button 3150 class="site-nav__link tw-bg-transparent" 3151 type="button" 3152 aria-expanded="false" 3153 aria-controls="site-nav-menu-dropdown-learn" 3154 > 3155 <span class="site-nav__label">Learn</span> 3156 </button> 3157 3158 </li> 3159 3160 3161 3162 <li 3163 3164 > 3165 <a 3166 href="/pages/subscription" 3167 class="site-nav__link" 3168 3169 > 3170 <span class="site-nav__label">Subscribe</span> 3171 </a> 3172 </li> 3173 3174 3175</ul> 3176 3177 </nav> 3178 </div> 3179 <!-- ./End Left Menu --> 3180 3181 <!-- Header Logo --> 3182 <div class="tw-col-span-1 tw-flex tw-justify-center tw-self-center tw-leading-none" role="region" aria-label="Site logo"> 3183 3184 3185 3186 <div class="h2 site-header__logo tw-h-[40px] tw-w-[102px] tw-shrink-0 lg:tw-h-10 lg:tw-w-[117px]"> 3187 3188<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> 3189 <img 3190 class="lazyload js" 3191 src="//drinkolipop.com/cdn/shop/files/OlipopLogo_1.png?v=1778767782" 3192 alt="OLIPOP" 3193 width="102" 3194 height="40" 3195 > 3196 </a> 3197 3198 </div> 3199 3200 3201 </div> 3202 <!-- ./End Header Logo --> 3203 3204 <!-- Right Menu --> 3205 <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"> 3206 3207 <nav aria-label="Desktop Right Menu"> 3208 <ul class="site-nav list--inline tw-hidden lg:tw-block"> 3209 3210<li 3211 3212 > 3213 <a 3214 href="/pages/store-locator" 3215 class="site-nav__link" 3216 3217 > 3218 <span class="site-nav__label">Find a store</span> 3219 </a> 3220 </li> 3221 3222 </ul> 3223 </nav> 3224 3225 3226 <div class="site-header__icons site-header__icons--plus" role="region" aria-label="Account and cart"> 3227 <div class="site-header__icons-wrapper"> 3228 3229 <div class="tw-block"> 3230 3231 <a href="/account/login" class="site-header__icon site-header__account nav-link">
3232 <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"> 3233 <path 3234 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" 3235 fill="#034638" 3236 /> 3237</svg> 3238</span> 3239 <span class="icon__fallback-text">Log in</span> 3240 </a> 3241 3242 </div> 3243 3244
3245 <div class="cart-btns tw-relative"> 3246 <div class="tw-hidden md:tw-block"> 3247 <a 3248 target="_self" 3249 href="/cart" 3250 aria-label="Open Cart" 3251 class="header__button header-cart-toggle site-header__icon site-header__cart tw-relative" 3252 js-header-cart-toggle 3253 > 3254 <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" role="presentation" aria-hidden="true"> 3255 <path 3256 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" 3257 fill="#034638" 3258 /> 3259</svg> 3260 3261 </a> 3262 </div> 3263 <div class="md:tw-hidden"> 3264 <a href="/cart" class="header__button site-header__icon site-header__cart tw-relative"> 3265 <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" role="presentation" aria-hidden="true"> 3266 <path 3267 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
3267C20.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" 3268 fill="#034638" 3269 /> 3270</svg> 3271 3272 </a> 3273 </div> 3274 <div 3275 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" 3276 data-component="cartToggle" 3277 3278 style="display: none;" 3279 3280> 3281 <span class="tw-sr-only">items in cart</span> 3282 <span class="cart-item-count-badge__value" aria-live="polite">0</span> 3283</div> 3284 3285<style> 3286 .cart-item-count-badge { 3287 right: -3px; 3288 } 3289 3290 @media screen and (min-width: 750px) { 3291 .cart-item-count-badge { 3292 top: -6px; 3293 right: 4px; 3294 } 3295 } 3296 3297 @media screen and (min-width: 1183px) { 3298 .cart-item-count-badge { 3299 top: 5px; 3300 right: 7px; 3301 } 3302 } 3303</style> 3304 3305 </div> 3306 </div> 3307 <button 3308 type="button" 3309 class="site-header__mobile-menu-close-btn header__button tw-shrink-0 tw-bg-transparent tw-p-0" 3310 js-mobile-menu-close 3311 aria-label="Close menu" 3312 > 3313 <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" role="presentation" aria-hidden="true"> 3314 <path 3315 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" 3316 fill="currentColor" 3317 /> 3318</svg> 3319 3320 </button> 3321 </div> 3322 </div> 3323 <!-- ./End Right Menu --> 3324 </div> 3325 3326 3327 3328 3329 </div> 3330 3331 <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"> 3332 3333 3334 3335 3336 3337 3338 3339 3340<div 3341 class="site-nav-dropdown__menu--shop site-nav-dropdown__menu tw-mx-auto tw-w-full tw-min-h-0" 3342 id="site-nav-menu-dropdown-shop" 3343 tabindex="-1" 3344> 3345 <button type="button" class="site-nav-dropdown-close">Close menu Shop</button> 3346 3347 <div 3348 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]" 3349 > 3350 <aside 3351 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" 3352 > 3353 <nav class="site-nav-dropdown__category-nav tw-flex tw-min-h-0 tw-flex-col tw-overflow-y-auto" aria-label="Shop categories"> 3354 <div 3355 class="site-nav-dropdown__link site-nav-dropdown__link-parent tw-block" 3356 data-handle="nav-dropdown-9g-fiber-line" 3357 > 3358 <button 3359 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" 3360 type="button" 3361 aria-expanded="true" 3362 >
3363 <span class="site-nav-dropdown__category-label site-nav-dropdown__secondary-title tw-flex tw-w-full tw-items-center tw-justify-between"> 3364 9g fiber line 3365 <span class="site-nav-dropdown__category-arrow tw-ml-3 tw-inline-flex tw-shrink-0" aria-hidden="true"><svg 3366 xmlns="http://www.w3.org/2000/svg" 3367 width="24" 3368 height="24" 3369 viewBox="0 0 24 24" 3370 fill="none" 3371 aria-hidden="true" 3372 focusable="false" 3373 role="presentation" 3374 class="icon icon-chevron-three-right" 3375> 3376 <path 3377 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" 3378 fill="#034638" 3379 /> 3380</svg> 3381</span> 3382 </span> 3383 </button> 3384 </div> 3385 3386 3387 <div 3388 class="site-nav-dropdown__link site-nav-dropdown__link-parent tw-block" 3389 data-handle="nav-dropdown-6g-fiber-line" 3390 > 3391 <button 3392 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" 3393 type="button" 3394 aria-expanded="false" 3395 > 3396 <span class="site-nav-dropdown__category-label site-nav-dropdown__secondary-title tw-flex tw-w-full tw-items-center tw-justify-between"> 3397 6g fiber line 3398 <span class="site-nav-dropdown__category-arrow tw-ml-3 tw-inline-flex tw-shrink-0" aria-hidden="true"><svg 3399 xmlns="http://www.w3.org/2000/svg" 3400 width="24" 3401 height="24" 3402 viewBox="0 0 24 24" 3403 fill="none" 3404 aria-hidden="true" 3405 focusable="false" 3406 role="presentation" 3407 class="icon icon-chevron-three-right" 3408> 3409 <path 3410 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" 3411 fill="#034638" 3412 /> 3413</svg> 3414</span> 3415 </span> 3416 </button> 3417 </div> 3418 3419 3420 <div 3421 class="site-nav-dropdown__link site-nav-dropdown__link-parent tw-block" 3422 data-handle="nav-dropdown-minis" 3423 > 3424 <button 3425 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" 3426 type="button" 3427 aria-expanded="false" 3428 > 3429 <span class="site-nav-dropdown__category-label site-nav-dropdown__secondary-title tw-flex tw-w-full tw-items-center tw-justify-between"> 3430 MINIs 3431 <span class="site-nav-dropdown__category-arrow tw-ml-3 tw-inline-flex tw-shrink-0" aria-hidden="true"><svg 3432 xmlns="http://www.w3.org/2000/svg" 3433 width="24" 3434 height="24" 3435 viewBox="0 0 24 24" 3436 fill="none" 3437 aria-hidden="true" 3438 focusable="false" 3439 role="presentation" 3440 class="icon icon-chevron-three-right" 3441> 3442 <path 3443 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
344364 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" 3444 fill="#034638" 3445 /> 3446</svg> 3447</span> 3448 </span> 3449 </button> 3450 </div> 3451 3452 3453 <div 3454 class="site-nav-dropdown__link site-nav-dropdown__link-parent tw-block" 3455 data-handle="nav-dropdown-limited-edition-flavors" 3456 > 3457 <button 3458 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" 3459 type="button" 3460 aria-expanded="false" 3461 > 3462 <span class="site-nav-dropdown__category-label site-nav-dropdown__secondary-title tw-flex tw-w-full tw-items-center tw-justify-between"> 3463 Limited edition flavors 3464 <span class="site-nav-dropdown__category-arrow tw-ml-3 tw-inline-flex tw-shrink-0" aria-hidden="true"><svg 3465 xmlns="http://www.w3.org/2000/svg" 3466 width="24" 3467 height="24" 3468 viewBox="0 0 24 24" 3469 fill="none" 3470 aria-hidden="true" 3471 focusable="false" 3472 role="presentation" 3473 class="icon icon-chevron-three-right" 3474> 3475 <path 3476 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" 3477 fill="#034638" 3478 /> 3479</svg> 3480</span> 3481 </span> 3482 </button> 3483 </div> 3484 3485 3486 <div 3487 class="site-nav-dropdown__link site-nav-dropdown__link-parent tw-block" 3488 data-handle="nav-dropdown-variety-packs" 3489 > 3490 <button 3491 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" 3492 type="button" 3493 aria-expanded="false" 3494 > 3495 <span class="site-nav-dropdown__category-label site-nav-dropdown__secondary-title tw-flex tw-w-full tw-items-center tw-justify-between"> 3496 Variety packs 3497 <span class="site-nav-dropdown__category-arrow tw-ml-3 tw-inline-flex tw-shrink-0" aria-hidden="true"><svg 3498 xmlns="http://www.w3.org/2000/svg" 3499 width="24" 3500 height="24" 3501 viewBox="0 0 24 24" 3502 fill="none" 3503 aria-hidden="true" 3504 focusable="false" 3505 role="presentation" 3506 class="icon icon-chevron-three-right" 3507> 3508 <path 3509 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" 3510 fill="#034638" 3511 /> 3512</svg> 3513</span> 3514 </span> 3515 </button> 3516 </div> 3517 3518</nav> 3519 3520 <div class="site-nav-dropdown__links-footer"> 3521 <a 3522 href="/collections/drinks" 3523 class="site-nav-dropdown__footer-shop-all dropdown-btn" 3524 > 3525 Shop All 3526 </a> 3527 </div> 3528 </aside> 3529 3530 <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]"> 3531 3532 3533 <div 3534 id="nav-dropdown-9g-fiber-line" 3535 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" 3536 > 3537 <div class="site-nav-dropdown__child-menu-inner tw-flex tw-min-h-0 tw-flex-1 tw-flex-col tw-overflow-visible"> 3538 <header class="site-nav-dropdown__subnav-header tw-pl-1"> 3539 <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"> 3540 <div class="site-nav-dropdown__subnav-titles tw-min-w-0 tw-flex-1"> 3541 <h2 class="site-nav-dropdown__subnav-title"> 3542 3543 Shop 9g fiber 3544 3545 </h2> 3546 3547 <div class="site-nav-dropdown__category-headline"> 3548 <div class="site-nav-dropdown__category-headline-text rte">
3549 <span class="metafield-single_line_text_field">Keep refrigerated</span> 3550 </div> 3551 3552 <span class="site-nav-dropdown__category-headline-icon" aria-hidden="true"> 3553 <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"> 3554 </span> 3555 3556 </div> 3557 3558 3559 <div class="site-nav-dropdown__category-description rte"> 3560 <span class="metafield-multi_line_text_field">Our original refrigerated formula, with higher fiber per can to get more out of every sip.</span> 3561 </div> 3562 3563 </div> 3564 <a 3565 class="site-nav-dropdown__shop-all-outline" 3566 href="/collections/shop-9g-fiber" 3567 > 3568 3569 Shop All 9g Fiber 3570 3571 </a> 3572 </div> 3573 </header> 3574 3575 <div 3576 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]" 3577 data-nav-carousel 3578 > 3579 <div 3580 class="site-nav-dropdown__carousel-toolbar tw-flex tw-w-full tw-items-center tw-justify-end tw-gap-1 tw-pr-14" 3581 aria-hidden="false" 3582 > 3583 <button 3584 type="button" 3585 class="site-nav-dropdown__carousel-btn site-nav-dropdown__carousel-btn--prev site-nav-dropdown__carousel-btn--toolbar" 3586 aria-label="Show previous products" 3587 > 3588<svg 3589 xmlns="http://www.w3.org/2000/svg" 3590 width="24" 3591 height="24" 3592 viewBox="0 0 24 24" 3593 fill="none" 3594 class="site-nav-dropdown__carousel-arrow-svg" 3595 aria-hidden="true" 3596 focusable="false" 3597> 3598 <path 3599 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" 3600 fill="currentColor" 3601 /> 3602</svg> 3603</button> 3604 <button 3605 type="button" 3606 class="site-nav-dropdown__carousel-btn site-nav-dropdown__carousel-btn--next site-nav-dropdown__carousel-btn--toolbar" 3607 aria-label="Show next products" 3608 > 3609<svg 3610 xmlns="http://www.w3.org/2000/svg" 3611 width="24" 3612 height="24" 3613 viewBox="0 0 24 24" 3614 fill="none" 3615 class="site-nav-dropdown__carousel-arrow-svg" 3616 aria-hidden="true" 3617 focusable="false" 3618> 3619 <path 3620 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
36200.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" 3621 fill="currentColor" 3622 /> 3623</svg> 3624</button> 3625 </div> 3626 <div 3627 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" 3628 data-carousel-track 3629 tabindex="0" 3630 role="region" 3631 aria-roledescription="carousel" 3632 aria-label="9g fiber line products" 3633 > 3634 <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"> 3635 3636 3637 3638 3639 3640 3641 3642 3643 3644 3645 3646 3647 3648 <li class="9g-fiber-line-tile tw-w-[136px] tw-flex-shrink-0"> 3649 <a 3650 href="/products/caramel-apple" 3651 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" 3652 3653 > 3654 <span class="site-nav-dropdown__product-card-media"> 3655 3656 <div 3657 class="product-badge product-badge--nav product-badge--short-text" 3658 role="status" 3659 aria-label="New" 3660 > 3661 <svg class="product-badge__shape" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 72 72" fill="none" aria-hidden="true"> 3662 <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"/> 3663 </svg> 3664 <span class="product-badge__text" style="color: #034638;">New</span> 3665 </div> 3666 3667 3668 3669 3670 3671 3672 3673 3674 3675 <img 3676 class="site-nav-dropdown__product-card-img nav-product-hero" 3677 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" 3678 width="136" 3679 height="181" 3680 alt="Caramel Apple" 3681 loading="lazy" 3682 decoding="async" 3683 > 3684 3685 </span>
3686 <span class="site-nav-dropdown__product-card-label"> 3687 3688 Caramel Apple 3689 3690 </span> 3691 </a> 3692 </li> 3693 3694 3695 3696 3697 3698 3699 3700 3701 3702 <li class="9g-fiber-line-tile tw-w-[136px] tw-flex-shrink-0"> 3703 <a 3704 href="/products/blackberry-vanilla" 3705 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" 3706 3707 > 3708 <span class="site-nav-dropdown__product-card-media"> 3709 3710 3711 3712 3713 3714 3715 3716 3717 3718 <img 3719 class="site-nav-dropdown__product-card-img nav-product-hero" 3720 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" 3721 width="136" 3722 height="181" 3723 alt="Blackberry Vanilla" 3724 loading="lazy" 3725 decoding="async" 3726 > 3727 3728 </span> 3729 <span class="site-nav-dropdown__product-card-label"> 3730 3731 Blackberry Vanilla 3732 3733 </span> 3734 </a> 3735 </li> 3736 3737 3738 3739 3740 3741 3742 3743 3744 3745 <li class="9g-fiber-line-tile tw-w-[136px] tw-flex-shrink-0"> 3746 <a 3747 href="/products/crisp-apple" 3748 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" 3749 3750 > 3751 <span class="site-nav-dropdown__product-card-media"> 3752 3753 3754 3755 3756 3757 3758 3759 3760 3761 <img 3762 class="site-nav-dropdown__product-card-img nav-product-hero" 3763 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" 3764 width="136" 3765 height="181" 3766 alt="Crisp Apple" 3767 loading="lazy" 3768 decoding="async" 3769 > 3770 3771 </span> 3772 <span class="site-nav-dropdown__product-card-label"> 3773 3774 Crisp Apple 3775 3776 </span> 3777 </a> 3778 </li> 3779 3780 3781 3782 3783 3784 3785 3786 3787 3788 <li class="9g-fiber-line-tile tw-w-[136px] tw-flex-shrink-0"> 3789 <a 3790 href="/products/classic-grape" 3791 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" 3792 3793 >
3794 <span class="site-nav-dropdown__product-card-media"> 3795 3796 3797 3798 3799 3800 3801 3802 3803 3804 <img 3805 class="site-nav-dropdown__product-card-img nav-product-hero" 3806 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" 3807 width="136" 3808 height="181" 3809 alt="Classic Grape" 3810 loading="lazy" 3811 decoding="async" 3812 > 3813 3814 </span> 3815 <span class="site-nav-dropdown__product-card-label"> 3816 3817 Classic Grape 3818 3819 </span> 3820 </a> 3821 </li> 3822 3823 3824 3825 3826 3827 3828 3829 3830 3831 <li class="9g-fiber-line-tile tw-w-[136px] tw-flex-shrink-0"> 3832 <a 3833 href="/products/classic-root-beer" 3834 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" 3835 3836 > 3837 <span class="site-nav-dropdown__product-card-media"> 3838 3839 3840 3841 3842 3843 3844 3845 3846 3847 <img 3848 class="site-nav-dropdown__product-card-img nav-product-hero" 3849 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" 3850 width="136" 3851 height="181" 3852 alt="Classic Root Beer" 3853 loading="lazy" 3854 decoding="async" 3855 > 3856 3857 </span> 3858 <span class="site-nav-dropdown__product-card-label"> 3859 3860 Classic Root Beer 3861 3862 </span> 3863 </a> 3864 </li> 3865 3866 3867 3868 3869 3870 3871 3872 3873 3874 <li class="9g-fiber-line-tile tw-w-[136px] tw-flex-shrink-0"> 3875 <a 3876 href="/products/vintage-cola" 3877 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" 3878 3879 > 3880 <span class="site-nav-dropdown__product-card-media"> 3881 3882 3883 3884 3885 3886 3887 3888 3889 3890 <img 3891 class="site-nav-dropdown__product-card-img nav-product-hero" 3892 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" 3893 width="136" 3894 height="181" 3895 alt="Vintage Cola" 3896 loading="lazy" 3897 decoding="async" 3898 > 3899 3900 </span>
3901 <span class="site-nav-dropdown__product-card-label"> 3902 3903 Vintage Cola 3904 3905 </span> 3906 </a> 3907 </li> 3908 3909 3910 3911 3912 3913 3914 3915 3916 3917 <li class="9g-fiber-line-tile tw-w-[136px] tw-flex-shrink-0"> 3918 <a 3919 href="/products/cream-soda" 3920 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" 3921 3922 > 3923 <span class="site-nav-dropdown__product-card-media"> 3924 3925 3926 3927 3928 3929 3930 3931 3932 3933 <img 3934 class="site-nav-dropdown__product-card-img nav-product-hero" 3935 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" 3936 width="136" 3937 height="181" 3938 alt="Cream Soda" 3939 loading="lazy" 3940 decoding="async" 3941 > 3942 3943 </span> 3944 <span class="site-nav-dropdown__product-card-label"> 3945 3946 Cream Soda 3947 3948 </span> 3949 </a> 3950 </li> 3951 3952 3953 3954 3955 3956 3957 3958 3959 3960 <li class="9g-fiber-line-tile tw-w-[136px] tw-flex-shrink-0"> 3961 <a 3962 href="/products/strawberry-vanilla" 3963 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" 3964 3965 > 3966 <span class="site-nav-dropdown__product-card-media"> 3967 3968 3969 3970 3971 3972 3973 3974 3975 3976 <img 3977 class="site-nav-dropdown__product-card-img nav-product-hero" 3978 src="//drinkolipop.com/cdn/shop/files/strawberry-vanilla-9g-olipop_gallery-main-image_new_asset.webp?crop=center&height=362&v=1779161007&width=272" 3979 width="136" 3980 height="181" 3981 alt="Strawberry Vanilla" 3982 loading="lazy" 3983 decoding="async" 3984 > 3985 3986 </span> 3987 <span class="site-nav-dropdown__product-card-label"> 3988 3989 Strawberry Vanilla 3990 3991 </span> 3992 </a> 3993 </li> 3994 3995 3996 3997 3998 3999 4000 4001 4002 4003 <li class="9g-fiber-line-tile tw-w-[136px] tw-flex-shrink-0"> 4004 <a 4005 href="/products/cherry-cola" 4006 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" 4007 4008 >
4009 <span class="site-nav-dropdown__product-card-media"> 4010 4011 4012 4013 4014 4015 4016 4017 4018 4019 <img 4020 class="site-nav-dropdown__product-card-img nav-product-hero" 4021 src="//drinkolipop.com/cdn/shop/files/cherry-cola-9g-olipop_gallery-main-image_new_asset.webp?crop=center&height=362&v=1779163770&width=272" 4022 width="136" 4023 height="181" 4024 alt="Cherry Cola" 4025 loading="lazy" 4026 decoding="async" 4027 > 4028 4029 </span> 4030 <span class="site-nav-dropdown__product-card-label"> 4031 4032 Cherry Cola 4033 4034 </span> 4035 </a> 4036 </li> 4037 4038 4039 4040 4041 4042 4043 4044 4045 4046 <li class="9g-fiber-line-tile tw-w-[136px] tw-flex-shrink-0"> 4047 <a 4048 href="/products/orange-cream" 4049 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" 4050 4051 > 4052 <span class="site-nav-dropdown__product-card-media"> 4053 4054 4055 4056 4057 4058 4059 4060 4061 4062 <img 4063 class="site-nav-dropdown__product-card-img nav-product-hero" 4064 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" 4065 width="136" 4066 height="181" 4067 alt="Orange Cream" 4068 loading="lazy" 4069 decoding="async" 4070 > 4071 4072 </span> 4073 <span class="site-nav-dropdown__product-card-label"> 4074 4075 Orange Cream 4076 4077 </span> 4078 </a> 4079 </li> 4080 4081 4082 4083 4084 4085 4086 4087 4088 4089 <li class="9g-fiber-line-tile tw-w-[136px] tw-flex-shrink-0"> 4090 <a 4091 href="/products/peaches-and-cream" 4092 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" 4093 4094 > 4095 <span class="site-nav-dropdown__product-card-media"> 4096 4097 4098 4099 4100 4101 4102 4103 4104 4105 <img 4106 class="site-nav-dropdown__product-card-img nav-product-hero" 4107 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" 4108 width="136" 4109 height="181" 4110 alt="Peaches & Cream" 4111 loading="lazy" 4112 decoding="async" 4113 > 4114 4115 </span>
4116 <span class="site-nav-dropdown__product-card-label"> 4117 4118 Peaches & Cream 4119 4120 </span> 4121 </a> 4122 </li> 4123 4124 4125 4126 4127 4128 4129 4130 4131 4132 <li class="9g-fiber-line-tile tw-w-[136px] tw-flex-shrink-0"> 4133 <a 4134 href="/products/orange-squeeze" 4135 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" 4136 4137 > 4138 <span class="site-nav-dropdown__product-card-media"> 4139 4140 4141 4142 4143 4144 4145 4146 4147 4148 <img 4149 class="site-nav-dropdown__product-card-img nav-product-hero" 4150 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" 4151 width="136" 4152 height="181" 4153 alt="Orange Squeeze" 4154 loading="lazy" 4155 decoding="async" 4156 > 4157 4158 </span> 4159 <span class="site-nav-dropdown__product-card-label"> 4160 4161 Orange Squeeze 4162 4163 </span> 4164 </a> 4165 </li> 4166 4167 4168 4169 4170 4171 4172 4173 4174 4175 <li class="9g-fiber-line-tile tw-w-[136px] tw-flex-shrink-0"> 4176 <a 4177 href="/products/ginger-ale" 4178 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" 4179 4180 > 4181 <span class="site-nav-dropdown__product-card-media"> 4182 4183 4184 4185 4186 4187 4188 4189 4190 4191 <img 4192 class="site-nav-dropdown__product-card-img nav-product-hero" 4193 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" 4194 width="136" 4195 height="181" 4196 alt="Ginger Ale" 4197 loading="lazy" 4198 decoding="async" 4199 > 4200 4201 </span> 4202 <span class="site-nav-dropdown__product-card-label"> 4203 4204 Ginger Ale 4205 4206 </span> 4207 </a> 4208 </li> 4209 4210 4211 4212 4213 4214 4215 4216 4217 4218 <li class="9g-fiber-line-tile tw-w-[136px] tw-flex-shrink-0"> 4219 <a 4220 href="/products/citrus-rush" 4221 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" 4222 4223 >
4224 <span class="site-nav-dropdown__product-card-media"> 4225 4226 4227 4228 4229 4230 4231 4232 4233 4234 <img 4235 class="site-nav-dropdown__product-card-img nav-product-hero" 4236 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" 4237 width="136" 4238 height="181" 4239 alt="Citrus Rush" 4240 loading="lazy" 4241 decoding="async" 4242 > 4243 4244 </span> 4245 <span class="site-nav-dropdown__product-card-label"> 4246 4247 Ridge Rush 4248 4249 </span> 4250 </a> 4251 </li> 4252 4253 4254 4255 4256 4257 4258 4259 4260 4261 <li class="9g-fiber-line-tile tw-w-[136px] tw-flex-shrink-0"> 4262 <a 4263 href="/products/doctor-goodwin" 4264 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" 4265 4266 > 4267 <span class="site-nav-dropdown__product-card-media"> 4268 4269 4270 4271 4272 4273 4274 4275 4276 4277 <img 4278 class="site-nav-dropdown__product-card-img nav-product-hero" 4279 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" 4280 width="136" 4281 height="181" 4282 alt="Doctor Goodwin" 4283 loading="lazy" 4284 decoding="async" 4285 > 4286 4287 </span> 4288 <span class="site-nav-dropdown__product-card-label"> 4289 4290 Doctor Goodwin 4291 4292 </span> 4293 </a> 4294 </li> 4295 4296 4297 4298 4299 4300 4301 4302 4303 4304 <li class="9g-fiber-line-tile tw-w-[136px] tw-flex-shrink-0"> 4305 <a 4306 href="/products/cherry-vanilla" 4307 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" 4308 4309 > 4310 <span class="site-nav-dropdown__product-card-media"> 4311 4312 4313 4314 4315 4316 4317 4318 4319 4320 <img 4321 class="site-nav-dropdown__product-card-img nav-product-hero" 4322 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" 4323 width="136" 4324 height="181" 4325 alt="Cherry Vanilla" 4326 loading="lazy" 4327 decoding="async" 4328 > 4329 4330 </span>
4331 <span class="site-nav-dropdown__product-card-label"> 4332 4333 Cherry Vanilla 4334 4335 </span> 4336 </a> 4337 </li> 4338 4339 4340 4341 4342 4343 4344 4345 4346 4347 <li class="9g-fiber-line-tile tw-w-[136px] tw-flex-shrink-0"> 4348 <a 4349 href="/products/tropical-punch" 4350 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" 4351 4352 > 4353 <span class="site-nav-dropdown__product-card-media"> 4354 4355 4356 4357 4358 4359 4360 4361 4362 4363 <img 4364 class="site-nav-dropdown__product-card-img nav-product-hero" 4365 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" 4366 width="136" 4367 height="181" 4368 alt="Tropical Punch" 4369 loading="lazy" 4370 decoding="async" 4371 > 4372 4373 </span> 4374 <span class="site-nav-dropdown__product-card-label"> 4375 4376 Tropical Punch 4377 4378 </span> 4379 </a> 4380 </li> 4381 4382 4383 4384 4385 4386 4387 4388 4389 4390 <li class="9g-fiber-line-tile tw-w-[136px] tw-flex-shrink-0"> 4391 <a 4392 href="/products/lemon-lime" 4393 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" 4394 4395 > 4396 <span class="site-nav-dropdown__product-card-media"> 4397 4398 4399 4400 4401 4402 4403 4404 4405 4406 <img 4407 class="site-nav-dropdown__product-card-img nav-product-hero" 4408 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" 4409 width="136" 4410 height="181" 4411 alt="Lemon Lime" 4412 loading="lazy" 4413 decoding="async" 4414 > 4415 4416 </span> 4417 <span class="site-nav-dropdown__product-card-label"> 4418 4419 Lemon Lime 4420 4421 </span> 4422 </a> 4423 </li> 4424 4425 4426 4427 4428 4429 4430 4431 4432 4433 <li class="9g-fiber-line-tile tw-w-[136px] tw-flex-shrink-0"> 4434 <a 4435 href="/products/ginger-lemon" 4436 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" 4437 4438 >
4439 <span class="site-nav-dropdown__product-card-media"> 4440 4441 4442 4443 4444 4445 4446 4447 4448 4449 <img 4450 class="site-nav-dropdown__product-card-img nav-product-hero" 4451 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" 4452 width="136" 4453 height="181" 4454 alt="Ginger Lemon" 4455 loading="lazy" 4456 decoding="async" 4457 > 4458 4459 </span> 4460 <span class="site-nav-dropdown__product-card-label"> 4461 4462 Ginger Lemon 4463 4464 </span> 4465 </a> 4466 </li> 4467 4468 4469 4470 4471 4472 4473 4474 4475 4476 <li class="9g-fiber-line-tile tw-w-[136px] tw-flex-shrink-0"> 4477 <a 4478 href="/products/watermelon-lime" 4479 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" 4480 4481 > 4482 <span class="site-nav-dropdown__product-card-media"> 4483 4484 4485 4486 4487 4488 4489 4490 4491 4492 <img 4493 class="site-nav-dropdown__product-card-img nav-product-hero" 4494 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" 4495 width="136" 4496 height="181" 4497 alt="Watermelon Lime" 4498 loading="lazy" 4499 decoding="async" 4500 > 4501 4502 </span> 4503 <span class="site-nav-dropdown__product-card-label"> 4504 4505 Watermelon Lime 4506 4507 </span> 4508 </a> 4509 </li> 4510 4511 4512 4513 4514 4515 4516 4517 4518 4519 <li class="9g-fiber-line-tile tw-w-[136px] tw-flex-shrink-0"> 4520 <a 4521 href="/products/banana-cream" 4522 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" 4523 4524 > 4525 <span class="site-nav-dropdown__product-card-media"> 4526 4527 4528 4529 4530 4531 4532 4533 4534 4535 <img 4536 class="site-nav-dropdown__product-card-img nav-product-hero" 4537 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" 4538 width="136" 4539 height="181" 4540 alt="Banana Cream" 4541 loading="lazy" 4542 decoding="async" 4543 > 4544 4545 </span>
4546 <span class="site-nav-dropdown__product-card-label"> 4547 4548 Banana Cream 4549 4550 </span> 4551 </a> 4552 </li> 4553 4554 4555 </ul> 4556 </div> 4557 </div> 4558 </div> 4559 </div> 4560 4561 4562 4563 <div 4564 id="nav-dropdown-6g-fiber-line" 4565 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" 4566 > 4567 <div class="site-nav-dropdown__child-menu-inner tw-flex tw-min-h-0 tw-flex-1 tw-flex-col tw-overflow-visible"> 4568 <header class="site-nav-dropdown__subnav-header tw-pl-1"> 4569 <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"> 4570 <div class="site-nav-dropdown__subnav-titles tw-min-w-0 tw-flex-1"> 4571 <h2 class="site-nav-dropdown__subnav-title"> 4572 4573 Shop 6g fiber 4574 4575 </h2> 4576 4577 <div class="site-nav-dropdown__category-headline"> 4578 <div class="site-nav-dropdown__category-headline-text rte"> 4579 <span class="metafield-single_line_text_field">Store anywhere. Chill to enjoy.</span> 4580 </div> 4581 4582 </div> 4583 4584 4585 <div class="site-nav-dropdown__category-description rte"> 4586 <span class="metafield-multi_line_text_field">Same great taste & digestive support, in a lower‑fiber, store‑anywhere format.</span> 4587 </div> 4588 4589 </div> 4590 <a 4591 class="site-nav-dropdown__shop-all-outline" 4592 href="/collections/shop-6g-fiber" 4593 > 4594 4595 Shop All 6g Fiber 4596 4597 </a> 4598 </div> 4599 </header> 4600 4601 <div 4602 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]" 4603 data-nav-carousel 4604 > 4605 <div 4606 class="site-nav-dropdown__carousel-toolbar tw-flex tw-w-full tw-items-center tw-justify-end tw-gap-1 tw-pr-14" 4607 aria-hidden="false" 4608 > 4609 <button 4610 type="button" 4611 class="site-nav-dropdown__carousel-btn site-nav-dropdown__carousel-btn--prev site-nav-dropdown__carousel-btn--toolbar" 4612 aria-label="Show previous products" 4613 > 4614<svg 4615 xmlns="http://www.w3.org/2000/svg" 4616 width="24" 4617 height="24" 4618 viewBox="0 0 24 24" 4619 fill="none" 4620 class="site-nav-dropdown__carousel-arrow-svg" 4621 aria-hidden="true" 4622 focusable="false" 4623> 4624 <path 4625 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" 4626 fill="currentColor" 4627 /> 4628</svg> 4629</button> 4630 <button 4631 type="button" 4632 class="site-nav-dropdown__carousel-btn site-nav-dropdown__carousel-btn--next site-nav-dropdown__carousel-btn--toolbar" 4633 aria-label="Show next products" 4634 > 4635<svg 4636 xmlns="http://www.w3.org/2000/svg" 4637 width="24" 4638 height="24" 4639 viewBox="0 0 24 24" 4640 fill="none" 4641 class="site-nav-dropdown__carousel-arrow-svg" 4642 aria-hidden="true" 4643 focusable="false" 4644> 4645 <path 4646 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
46460.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" 4647 fill="currentColor" 4648 /> 4649</svg> 4650</button> 4651 </div> 4652 <div 4653 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" 4654 data-carousel-track 4655 tabindex="0" 4656 role="region" 4657 aria-roledescription="carousel" 4658 aria-label="6g fiber line products" 4659 > 4660 <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"> 4661 4662 4663 4664 4665 4666 4667 4668 4669 4670 4671 4672 4673 4674 <li class="6g-fiber-line-tile tw-w-[136px] tw-flex-shrink-0"> 4675 <a 4676 href="/products/pomegranate-sparkle" 4677 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" 4678 4679 > 4680 <span class="site-nav-dropdown__product-card-media"> 4681 4682 <div 4683 class="product-badge product-badge--nav product-badge--short-text" 4684 role="status" 4685 aria-label="New" 4686 > 4687 <svg class="product-badge__shape" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 72 72" fill="none" aria-hidden="true"> 4688 <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"/> 4689 </svg> 4690 <span class="product-badge__text" style="color: #034638;">New</span> 4691 </div> 4692 4693 4694 4695 4696 4697 4698 4699 4700 4701 <img 4702 class="site-nav-dropdown__product-card-img nav-product-hero" 4703 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" 4704 width="136" 4705 height="181" 4706 alt="Pomegranate Sparkle" 4707 loading="lazy" 4708 decoding="async" 4709 > 4710 4711 </span>
4712 <span class="site-nav-dropdown__product-card-label"> 4713 4714 Pomegranate Sparkle 4715 4716 </span> 4717 </a> 4718 </li> 4719 4720 4721 4722 4723 4724 4725 4726 4727 4728 <li class="6g-fiber-line-tile tw-w-[136px] tw-flex-shrink-0"> 4729 <a 4730 href="/products/raspberry-sherbet" 4731 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" 4732 4733 > 4734 <span class="site-nav-dropdown__product-card-media"> 4735 4736 <div 4737 class="product-badge product-badge--nav" 4738 role="status" 4739 aria-label="Limited" 4740 > 4741 <svg class="product-badge__shape" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 72 72" fill="none" aria-hidden="true"> 4742 <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"/> 4743 </svg> 4744 <span class="product-badge__text" style="color: #034638;">Limited</span> 4745 </div> 4746 4747 4748 4749 4750 4751 4752 4753 4754 4755 <img 4756 class="site-nav-dropdown__product-card-img nav-product-hero" 4757 src="//drinkolipop.com/cdn/shop/files/raspberry-sherbert_omni-pdp_single.webp?crop=center&height=362&v=1775754912&width=272" 4758 width="136" 4759 height="181" 4760 alt="Raspberry Sherbet" 4761 loading="lazy" 4762 decoding="async" 4763 > 4764 4765 </span> 4766 <span class="site-nav-dropdown__product-card-label"> 4767 4768 Raspberry Sherbet 4769 4770 </span> 4771 </a> 4772 </li> 4773 4774 4775 4776 4777 4778 4779 4780 4781 4782 <li class="6g-fiber-line-tile tw-w-[136px] tw-flex-shrink-0"> 4783 <a 4784 href="/products/shirley-temple" 4785 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" 4786 4787 >
4788 <span class="site-nav-dropdown__product-card-media"> 4789 4790 <div 4791 class="product-badge product-badge--nav" 4792 role="status" 4793 aria-label="Limited" 4794 > 4795 <svg class="product-badge__shape" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 72 72" fill="none" aria-hidden="true"> 4796 <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"/> 4797 </svg> 4798 <span class="product-badge__text" style="color: #034638;">Limited</span> 4799 </div> 4800 4801 4802 4803 4804 4805 4806 4807 4808 4809 <img 4810 class="site-nav-dropdown__product-card-img nav-product-hero" 4811 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" 4812 width="136" 4813 height="181" 4814 alt="Shirley Temple" 4815 loading="lazy" 4816 decoding="async" 4817 > 4818 4819 </span> 4820 <span class="site-nav-dropdown__product-card-label"> 4821 4822 Shirley Temple 4823 4824 </span> 4825 </a> 4826 </li> 4827 4828 4829 4830 4831 4832 4833 4834 4835 4836 <li class="6g-fiber-line-tile tw-w-[136px] tw-flex-shrink-0"> 4837 <a 4838 href="/products/spongebob-pineapple-paradise" 4839 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" 4840 4841 > 4842 <span class="site-nav-dropdown__product-card-media"> 4843 4844 <div 4845 class="product-badge product-badge--nav" 4846 role="status" 4847 aria-label="Limited" 4848 > 4849 <svg class="product-badge__shape" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 72 72" fill="none" aria-hidden="true"> 4850 <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
485003 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"/> 4851 </svg> 4852 <span class="product-badge__text" style="color: #034638;">Limited</span> 4853 </div> 4854 4855 4856 4857 4858 4859 4860 4861 4862 4863 <img 4864 class="site-nav-dropdown__product-card-img nav-product-hero" 4865 src="//drinkolipop.com/cdn/shop/files/Pineapple-Paradise_cgi-main-image_072925.webp?crop=center&height=362&v=1753844923&width=272" 4866 width="136" 4867 height="181" 4868 alt="Pineapple Paradise" 4869 loading="lazy" 4870 decoding="async" 4871 > 4872 4873 </span> 4874 <span class="site-nav-dropdown__product-card-label"> 4875 4876 Pineapple Paradise 4877 4878 </span> 4879 </a> 4880 </li> 4881 4882 4883 4884 4885 4886 4887 4888 4889 4890 <li class="6g-fiber-line-tile tw-w-[136px] tw-flex-shrink-0"> 4891 <a 4892 href="/products/crisp-apple-6g-fiber" 4893 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" 4894 4895 > 4896 <span class="site-nav-dropdown__product-card-media"> 4897 4898 4899 4900 4901 4902 4903 4904 4905 4906 <img 4907 class="site-nav-dropdown__product-card-img nav-product-hero" 4908 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" 4909 width="136" 4910 height="181" 4911 alt="Crisp Apple" 4912 loading="lazy" 4913 decoding="async" 4914 > 4915 4916 </span> 4917 <span class="site-nav-dropdown__product-card-label"> 4918 4919 Crisp Apple 4920 4921 </span> 4922 </a> 4923 </li> 4924 4925 4926 4927 4928 4929 4930 4931 4932 4933 <li class="6g-fiber-line-tile tw-w-[136px] tw-flex-shrink-0"> 4934 <a 4935 href="/products/classic-grape-6g-fiber" 4936 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" 4937 4938 > 4939 <span class="site-nav-dropdown__product-card-media"> 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/classic-grape-6g-olipop_gallery-image_single-can_new_asset.webp?crop=center&height=362&v=1778733509&width=272" 4952 width="136" 4953 height="181" 4954 alt="Classic Grape" 4955 loading="lazy" 4956 decoding="async" 4957 > 4958 4959 </span>
4960 <span class="site-nav-dropdown__product-card-label"> 4961 4962 Classic Grape 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/vintage-cola-6g-fiber" 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 4985 4986 4987 4988 4989 4990 4991 4992 <img 4993 class="site-nav-dropdown__product-card-img nav-product-hero" 4994 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" 4995 width="136" 4996 height="181" 4997 alt="Vintage Cola" 4998 loading="lazy" 4999 decoding="async" 5000 > 5001 5002 </span> 5003 <span class="site-nav-dropdown__product-card-label"> 5004 5005 Vintage Cola 5006 5007 </span> 5008 </a> 5009 </li> 5010 5011 5012 5013 5014 5015 5016 5017 5018 5019 <li class="6g-fiber-line-tile tw-w-[136px] tw-flex-shrink-0"> 5020 <a 5021 href="/products/classic-root-beer-6g-fiber" 5022 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" 5023 5024 > 5025 <span class="site-nav-dropdown__product-card-media"> 5026 5027 5028 5029 5030 5031 5032 5033 5034 5035 <img 5036 class="site-nav-dropdown__product-card-img nav-product-hero" 5037 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" 5038 width="136" 5039 height="181" 5040 alt="Classic Root Beer" 5041 loading="lazy" 5042 decoding="async" 5043 > 5044 5045 </span> 5046 <span class="site-nav-dropdown__product-card-label"> 5047 5048 Classic Root Beer 5049 5050 </span> 5051 </a> 5052 </li> 5053 5054 5055 5056 5057 5058 5059 5060 5061 5062 <li class="6g-fiber-line-tile tw-w-[136px] tw-flex-shrink-0"> 5063 <a 5064 href="/products/cream-soda-6g-fiber" 5065 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" 5066 5067 >
5068 <span class="site-nav-dropdown__product-card-media"> 5069 5070 5071 5072 5073 5074 5075 5076 5077 5078 <img 5079 class="site-nav-dropdown__product-card-img nav-product-hero" 5080 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" 5081 width="136" 5082 height="181" 5083 alt="Cream Soda" 5084 loading="lazy" 5085 decoding="async" 5086 > 5087 5088 </span> 5089 <span class="site-nav-dropdown__product-card-label"> 5090 5091 Cream Soda 5092 5093 </span> 5094 </a> 5095 </li> 5096 5097 5098 5099 5100 5101 5102 5103 5104 5105 <li class="6g-fiber-line-tile tw-w-[136px] tw-flex-shrink-0"> 5106 <a 5107 href="/products/strawberry-vanilla-6g-fiber" 5108 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" 5109 5110 > 5111 <span class="site-nav-dropdown__product-card-media"> 5112 5113 5114 5115 5116 5117 5118 5119 5120 5121 <img 5122 class="site-nav-dropdown__product-card-img nav-product-hero" 5123 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" 5124 width="136" 5125 height="181" 5126 alt="Strawberry Vanilla" 5127 loading="lazy" 5128 decoding="async" 5129 > 5130 5131 </span> 5132 <span class="site-nav-dropdown__product-card-label"> 5133 5134 Strawberry Vanilla 5135 5136 </span> 5137 </a> 5138 </li> 5139 5140 5141 5142 5143 5144 5145 5146 5147 5148 <li class="6g-fiber-line-tile tw-w-[136px] tw-flex-shrink-0"> 5149 <a 5150 href="/products/cherry-cola-6g-fiber" 5151 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" 5152 5153 > 5154 <span class="site-nav-dropdown__product-card-media"> 5155 5156 5157 5158 5159 5160 5161 5162 5163 5164 <img 5165 class="site-nav-dropdown__product-card-img nav-product-hero" 5166 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" 5167 width="136" 5168 height="181" 5169 alt="Cherry Cola" 5170 loading="lazy" 5171 decoding="async" 5172 > 5173 5174 </span>
5175 <span class="site-nav-dropdown__product-card-label"> 5176 5177 Cherry Cola 5178 5179 </span> 5180 </a> 5181 </li> 5182 5183 5184 5185 5186 5187 5188 5189 5190 5191 <li class="6g-fiber-line-tile tw-w-[136px] tw-flex-shrink-0"> 5192 <a 5193 href="/products/citrus-rush-6g-fiber" 5194 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" 5195 5196 > 5197 <span class="site-nav-dropdown__product-card-media"> 5198 5199 5200 5201 5202 5203 5204 5205 5206 5207 <img 5208 class="site-nav-dropdown__product-card-img nav-product-hero" 5209 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" 5210 width="136" 5211 height="181" 5212 alt="Citrus Rush" 5213 loading="lazy" 5214 decoding="async" 5215 > 5216 5217 </span> 5218 <span class="site-nav-dropdown__product-card-label"> 5219 5220 Citrus Rush 5221 5222 </span> 5223 </a> 5224 </li> 5225 5226 5227 5228 5229 5230 5231 5232 5233 5234 <li class="6g-fiber-line-tile tw-w-[136px] tw-flex-shrink-0"> 5235 <a 5236 href="/products/ginger-ale-6g-fiber" 5237 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" 5238 5239 > 5240 <span class="site-nav-dropdown__product-card-media"> 5241 5242 5243 5244 5245 5246 5247 5248 5249 5250 <img 5251 class="site-nav-dropdown__product-card-img nav-product-hero" 5252 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" 5253 width="136" 5254 height="181" 5255 alt="Ginger Ale" 5256 loading="lazy" 5257 decoding="async" 5258 > 5259 5260 </span> 5261 <span class="site-nav-dropdown__product-card-label"> 5262 5263 Ginger Ale 5264 5265 </span> 5266 </a> 5267 </li> 5268 5269 5270 5271 5272 5273 5274 5275 5276 5277 <li class="6g-fiber-line-tile tw-w-[136px] tw-flex-shrink-0"> 5278 <a 5279 href="/products/lemon-lime-6g-fiber" 5280 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" 5281 5282 >
5283 <span class="site-nav-dropdown__product-card-media"> 5284 5285 5286 5287 5288 5289 5290 5291 5292 5293 <img 5294 class="site-nav-dropdown__product-card-img nav-product-hero" 5295 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" 5296 width="136" 5297 height="181" 5298 alt="Lemon Lime" 5299 loading="lazy" 5300 decoding="async" 5301 > 5302 5303 </span> 5304 <span class="site-nav-dropdown__product-card-label"> 5305 5306 Lemon Lime 5307 5308 </span> 5309 </a> 5310 </li> 5311 5312 5313 </ul> 5314 </div> 5315 </div> 5316 </div> 5317 </div> 5318 5319 5320 5321 <div 5322 id="nav-dropdown-minis" 5323 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" 5324 > 5325 <div class="site-nav-dropdown__child-menu-inner tw-flex tw-min-h-0 tw-flex-1 tw-flex-col tw-overflow-visible"> 5326 <header class="site-nav-dropdown__subnav-header tw-pl-1"> 5327 <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"> 5328 <div class="site-nav-dropdown__subnav-titles tw-min-w-0 tw-flex-1"> 5329 <h2 class="site-nav-dropdown__subnav-title"> 5330 5331 Shop MINIs 5332 5333 </h2> 5334 5335 <div class="site-nav-dropdown__category-headline"> 5336 <div class="site-nav-dropdown__category-headline-text rte"> 5337 <span class="metafield-single_line_text_field">Store anywhere. Chill to enjoy.</span> 5338 </div> 5339 5340 </div> 5341 5342 5343 <div class="site-nav-dropdown__category-description rte"> 5344 <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> 5345 </div> 5346 5347 </div> 5348 <a 5349 class="site-nav-dropdown__shop-all-outline" 5350 href="/collections/olipop-minis" 5351 > 5352 5353 Shop All MINIs 5354 5355 </a> 5356 </div> 5357 </header> 5358 5359 <div 5360 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]" 5361 data-nav-carousel 5362 > 5363 <div 5364 class="site-nav-dropdown__carousel-toolbar tw-flex tw-w-full tw-items-center tw-justify-end tw-gap-1 tw-pr-14" 5365 aria-hidden="false" 5366 > 5367 <button 5368 type="button" 5369 class="site-nav-dropdown__carousel-btn site-nav-dropdown__carousel-btn--prev site-nav-dropdown__carousel-btn--toolbar" 5370 aria-label="Show previous products" 5371 > 5372<svg 5373 xmlns="http://www.w3.org/2000/svg" 5374 width="24" 5375 height="24" 5376 viewBox="0 0 24 24" 5377 fill="none" 5378 class="site-nav-dropdown__carousel-arrow-svg" 5379 aria-hidden="true" 5380 focusable="false" 5381> 5382 <path 5383 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
53830.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" 5384 fill="currentColor" 5385 /> 5386</svg> 5387</button> 5388 <button 5389 type="button" 5390 class="site-nav-dropdown__carousel-btn site-nav-dropdown__carousel-btn--next site-nav-dropdown__carousel-btn--toolbar" 5391 aria-label="Show next products" 5392 > 5393<svg 5394 xmlns="http://www.w3.org/2000/svg" 5395 width="24" 5396 height="24" 5397 viewBox="0 0 24 24" 5398 fill="none" 5399 class="site-nav-dropdown__carousel-arrow-svg" 5400 aria-hidden="true" 5401 focusable="false" 5402> 5403 <path 5404 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" 5405 fill="currentColor" 5406 /> 5407</svg> 5408</button> 5409 </div> 5410 <div 5411 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" 5412 data-carousel-track 5413 tabindex="0" 5414 role="region" 5415 aria-roledescription="carousel" 5416 aria-label="MINIs products" 5417 > 5418 <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"> 5419 5420 5421 5422 5423 5424 5425 5426 5427 5428 5429 5430 5431 5432 <li class="minis-tile tw-w-[136px] tw-flex-shrink-0"> 5433 <a 5434 href="/products/strawberry-vanilla-minis" 5435 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" 5436 5437 > 5438 <span class="site-nav-dropdown__product-card-media"> 5439 5440 5441 5442 5443 5444 5445 5446 5447 5448 <img 5449 class="site-nav-dropdown__product-card-img nav-product-hero" 5450 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" 5451 width="136" 5452 height="181" 5453 alt="Strawberry Vanilla" 5454 loading="lazy" 5455 decoding="async" 5456 > 5457 5458 </span> 5459 <span class="site-nav-dropdown__product-card-label"> 5460 5461 Strawberry Vanilla 5462 5463 </span> 5464 </a> 5465 </li> 5466 5467 5468 5469 5470 5471 5472 5473 5474 5475 <li class="minis-tile tw-w-[136px] tw-flex-shrink-0"> 5476 <a 5477 href="/products/classic-grape-minis" 5478 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" 5479 5480 >
5481 <span class="site-nav-dropdown__product-card-media"> 5482 5483 5484 5485 5486 5487 5488 5489 5490 5491 <img 5492 class="site-nav-dropdown__product-card-img nav-product-hero" 5493 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" 5494 width="136" 5495 height="181" 5496 alt="Classic Grape" 5497 loading="lazy" 5498 decoding="async" 5499 > 5500 5501 </span> 5502 <span class="site-nav-dropdown__product-card-label"> 5503 5504 Classic Grape 5505 5506 </span> 5507 </a> 5508 </li> 5509 5510 5511 5512 5513 5514 5515 5516 5517 5518 <li class="minis-tile tw-w-[136px] tw-flex-shrink-0"> 5519 <a 5520 href="/products/crisp-apple-minis" 5521 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" 5522 5523 > 5524 <span class="site-nav-dropdown__product-card-media"> 5525 5526 5527 5528 5529 5530 5531 5532 5533 5534 <img 5535 class="site-nav-dropdown__product-card-img nav-product-hero" 5536 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" 5537 width="136" 5538 height="181" 5539 alt="Crisp Apple" 5540 loading="lazy" 5541 decoding="async" 5542 > 5543 5544 </span> 5545 <span class="site-nav-dropdown__product-card-label"> 5546 5547 Crisp Apple 5548 5549 </span> 5550 </a> 5551 </li> 5552 5553 5554 5555 5556 5557 5558 5559 5560 5561 <li class="minis-tile tw-w-[136px] tw-flex-shrink-0"> 5562 <a 5563 href="/products/vintage-cola-minis" 5564 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" 5565 5566 > 5567 <span class="site-nav-dropdown__product-card-media"> 5568 5569 5570 5571 5572 5573 5574 5575 5576 5577 <img 5578 class="site-nav-dropdown__product-card-img nav-product-hero" 5579 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" 5580 width="136" 5581 height="181" 5582 alt="Vintage Cola" 5583 loading="lazy" 5584 decoding="async" 5585 > 5586 5587 </span>
5588 <span class="site-nav-dropdown__product-card-label"> 5589 5590 Vintage Cola 5591 5592 </span> 5593 </a> 5594 </li> 5595 5596 5597 5598 5599 5600 5601 5602 5603 5604 <li class="minis-tile tw-w-[136px] tw-flex-shrink-0"> 5605 <a 5606 href="/products/ginger-ale-minis" 5607 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" 5608 5609 > 5610 <span class="site-nav-dropdown__product-card-media"> 5611 5612 5613 5614 5615 5616 5617 5618 5619 5620 <img 5621 class="site-nav-dropdown__product-card-img nav-product-hero" 5622 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" 5623 width="136" 5624 height="181" 5625 alt="Ginger Ale" 5626 loading="lazy" 5627 decoding="async" 5628 > 5629 5630 </span> 5631 <span class="site-nav-dropdown__product-card-label"> 5632 5633 Ginger Ale 5634 5635 </span> 5636 </a> 5637 </li> 5638 5639 5640 5641 5642 5643 5644 5645 5646 5647 <li class="minis-tile tw-w-[136px] tw-flex-shrink-0"> 5648 <a 5649 href="/products/orange-cream-minis" 5650 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" 5651 5652 > 5653 <span class="site-nav-dropdown__product-card-media"> 5654 5655 5656 5657 5658 5659 5660 5661 5662 5663 <img 5664 class="site-nav-dropdown__product-card-img nav-product-hero" 5665 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" 5666 width="136" 5667 height="181" 5668 alt="Orange Cream" 5669 loading="lazy" 5670 decoding="async" 5671 > 5672 5673 </span> 5674 <span class="site-nav-dropdown__product-card-label"> 5675 5676 Orange Cream 5677 5678 </span> 5679 </a> 5680 </li> 5681 5682 5683 </ul> 5684 </div> 5685 </div> 5686 </div> 5687 </div> 5688 5689 5690 5691 <div 5692 id="nav-dropdown-limited-edition-flavors" 5693 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" 5694 > 5695 <div class="site-nav-dropdown__child-menu-inner tw-flex tw-min-h-0 tw-flex-1 tw-flex-col tw-overflow-visible"> 5696 <header class="site-nav-dropdown__subnav-header tw-pl-1"> 5697 <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"> 5698 <div class="site-nav-dropdown__subnav-titles tw-min-w-0 tw-flex-1"> 5699 <h2 class="site-nav-dropdown__subnav-title"> 5700 5701 Shop limited edition flavors 5702 5703 </h2> 5704 5705 <div class="site-nav-dropdown__category-headline"> 5706 <div class="site-nav-dropdown__category-headline-text rte">
5707 <span class="metafield-single_line_text_field">Store anywhere. Chill to enjoy.</span> 5708 </div> 5709 5710 </div> 5711 5712 5713 <div class="site-nav-dropdown__category-description rte"> 5714 <span class="metafield-multi_line_text_field">Here for a good time, not a long time. Grab these flavors before they sip away! </span> 5715 </div> 5716 5717 </div> 5718 <a 5719 class="site-nav-dropdown__shop-all-outline" 5720 href="/collections/shop-limited-edition" 5721 > 5722 5723 Shop All Limited Edition Flavors 5724 5725 </a> 5726 </div> 5727 </header> 5728 5729 <div 5730 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]" 5731 data-nav-carousel 5732 > 5733 <div 5734 class="site-nav-dropdown__carousel-toolbar tw-flex tw-w-full tw-items-center tw-justify-end tw-gap-1 tw-pr-14" 5735 aria-hidden="false" 5736 > 5737 <button 5738 type="button" 5739 class="site-nav-dropdown__carousel-btn site-nav-dropdown__carousel-btn--prev site-nav-dropdown__carousel-btn--toolbar" 5740 aria-label="Show previous products" 5741 > 5742<svg 5743 xmlns="http://www.w3.org/2000/svg" 5744 width="24" 5745 height="24" 5746 viewBox="0 0 24 24" 5747 fill="none" 5748 class="site-nav-dropdown__carousel-arrow-svg" 5749 aria-hidden="true" 5750 focusable="false" 5751> 5752 <path 5753 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" 5754 fill="currentColor" 5755 /> 5756</svg> 5757</button> 5758 <button 5759 type="button" 5760 class="site-nav-dropdown__carousel-btn site-nav-dropdown__carousel-btn--next site-nav-dropdown__carousel-btn--toolbar" 5761 aria-label="Show next products" 5762 > 5763<svg 5764 xmlns="http://www.w3.org/2000/svg" 5765 width="24" 5766 height="24" 5767 viewBox="0 0 24 24" 5768 fill="none" 5769 class="site-nav-dropdown__carousel-arrow-svg" 5770 aria-hidden="true" 5771 focusable="false" 5772> 5773 <path 5774 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" 5775 fill="currentColor" 5776 /> 5777</svg> 5778</button> 5779 </div> 5780 <div 5781 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" 5782 data-carousel-track 5783 tabindex="0" 5784 role="region" 5785 aria-roledescription="carousel" 5786 aria-label="Limited edition flavors products" 5787 > 5788 <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"> 5789 5790 5791 5792 5793 5794 5795 5796 5797 5798 5799 5800 5801 5802 <li class="limited-edition-flavors-tile tw-w-[136px] tw-flex-shrink-0"> 5803 <a 5804 href="/products/pomegranate-sparkle" 5805 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" 5806 5807 >
5808 <span class="site-nav-dropdown__product-card-media"> 5809 5810 <div 5811 class="product-badge product-badge--nav product-badge--short-text" 5812 role="status" 5813 aria-label="New" 5814 > 5815 <svg class="product-badge__shape" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 72 72" fill="none" aria-hidden="true"> 5816 <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"/> 5817 </svg> 5818 <span class="product-badge__text" style="color: #034638;">New</span> 5819 </div> 5820 5821 5822 5823 5824 5825 5826 5827 5828 5829 <img 5830 class="site-nav-dropdown__product-card-img nav-product-hero" 5831 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" 5832 width="136" 5833 height="181" 5834 alt="Pomegranate Sparkle" 5835 loading="lazy" 5836 decoding="async" 5837 > 5838 5839 </span> 5840 <span class="site-nav-dropdown__product-card-label"> 5841 5842 Pomegranate Sparkle 5843 5844 </span> 5845 </a> 5846 </li> 5847 5848 5849 5850 5851 5852 5853 5854 5855 5856 <li class="limited-edition-flavors-tile tw-w-[136px] tw-flex-shrink-0"> 5857 <a 5858 href="/products/caramel-apple" 5859 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" 5860 5861 > 5862 <span class="site-nav-dropdown__product-card-media"> 5863 5864 <div 5865 class="product-badge product-badge--nav product-badge--short-text" 5866 role="status" 5867 aria-label="New" 5868 > 5869 <svg class="product-badge__shape" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 72 72" fill="none" aria-hidden="true"> 5870 <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
587003 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"/> 5871 </svg> 5872 <span class="product-badge__text" style="color: #034638;">New</span> 5873 </div> 5874 5875 5876 5877 5878 5879 5880 5881 5882 5883 <img 5884 class="site-nav-dropdown__product-card-img nav-product-hero" 5885 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" 5886 width="136" 5887 height="181" 5888 alt="Caramel Apple" 5889 loading="lazy" 5890 decoding="async" 5891 > 5892 5893 </span> 5894 <span class="site-nav-dropdown__product-card-label"> 5895 5896 Caramel Apple 5897 5898 </span> 5899 </a> 5900 </li> 5901 5902 5903 5904 5905 5906 5907 5908 5909 5910 <li class="limited-edition-flavors-tile tw-w-[136px] tw-flex-shrink-0"> 5911 <a 5912 href="/products/raspberry-sherbet" 5913 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" 5914 5915 > 5916 <span class="site-nav-dropdown__product-card-media"> 5917 5918 <div 5919 class="product-badge product-badge--nav" 5920 role="status" 5921 aria-label="Limited" 5922 > 5923 <svg class="product-badge__shape" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 72 72" fill="none" aria-hidden="true"> 5924 <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"/> 5925 </svg> 5926 <span class="product-badge__text" style="color: #034638;">Limited</span> 5927 </div> 5928 5929 5930 5931 5932 5933 5934 5935 5936 5937 <img 5938 class="site-nav-dropdown__product-card-img nav-product-hero" 5939 src="//drinkolipop.com/cdn/shop/files/raspberry-sherbert_omni-pdp_single.webp?crop=center&height=362&v=1775754912&width=272" 5940 width="136" 5941 height="181" 5942 alt="Raspberry Sherbet" 5943 loading="lazy" 5944 decoding="async" 5945 > 5946 5947 </span>
5948 <span class="site-nav-dropdown__product-card-label"> 5949 5950 Raspberry Sherbet 5951 5952 </span> 5953 </a> 5954 </li> 5955 5956 5957 5958 5959 5960 5961 5962 5963 5964 <li class="limited-edition-flavors-tile tw-w-[136px] tw-flex-shrink-0"> 5965 <a 5966 href="/products/shirley-temple" 5967 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" 5968 5969 > 5970 <span class="site-nav-dropdown__product-card-media"> 5971 5972 <div 5973 class="product-badge product-badge--nav" 5974 role="status" 5975 aria-label="Limited" 5976 > 5977 <svg class="product-badge__shape" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 72 72" fill="none" aria-hidden="true"> 5978 <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"/> 5979 </svg> 5980 <span class="product-badge__text" style="color: #034638;">Limited</span> 5981 </div> 5982 5983 5984 5985 5986 5987 5988 5989 5990 5991 <img 5992 class="site-nav-dropdown__product-card-img nav-product-hero" 5993 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" 5994 width="136" 5995 height="181" 5996 alt="Shirley Temple" 5997 loading="lazy" 5998 decoding="async" 5999 > 6000 6001 </span> 6002 <span class="site-nav-dropdown__product-card-label"> 6003 6004 Shirley Temple 6005 6006 </span> 6007 </a> 6008 </li> 6009 6010 6011 6012 6013 6014 6015 6016 6017 6018 <li class="limited-edition-flavors-tile tw-w-[136px] tw-flex-shrink-0"> 6019 <a 6020 href="/products/spongebob-pineapple-paradise" 6021 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" 6022 6023 >
6024 <span class="site-nav-dropdown__product-card-media"> 6025 6026 <div 6027 class="product-badge product-badge--nav" 6028 role="status" 6029 aria-label="Limited" 6030 > 6031 <svg class="product-badge__shape" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 72 72" fill="none" aria-hidden="true"> 6032 <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"/> 6033 </svg> 6034 <span class="product-badge__text" style="color: #034638;">Limited</span> 6035 </div> 6036 6037 6038 6039 6040 6041 6042 6043 6044 6045 <img 6046 class="site-nav-dropdown__product-card-img nav-product-hero" 6047 src="//drinkolipop.com/cdn/shop/files/Pineapple-Paradise_cgi-main-image_072925.webp?crop=center&height=362&v=1753844923&width=272" 6048 width="136" 6049 height="181" 6050 alt="Pineapple Paradise" 6051 loading="lazy" 6052 decoding="async" 6053 > 6054 6055 </span> 6056 <span class="site-nav-dropdown__product-card-label"> 6057 6058 Pineapple Paradise 6059 6060 </span> 6061 </a> 6062 </li> 6063 6064 6065 </ul> 6066 </div> 6067 </div> 6068 </div> 6069 </div> 6070 6071 6072 6073 <div 6074 id="nav-dropdown-variety-packs" 6075 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" 6076 > 6077 <div class="site-nav-dropdown__child-menu-inner tw-flex tw-min-h-0 tw-flex-1 tw-flex-col tw-overflow-visible"> 6078 <header class="site-nav-dropdown__subnav-header tw-pl-1"> 6079 <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"> 6080 <div class="site-nav-dropdown__subnav-titles tw-min-w-0 tw-flex-1"> 6081 <h2 class="site-nav-dropdown__subnav-title"> 6082 6083 Shop variety packs 6084 6085 </h2> 6086 6087 <div class="site-nav-dropdown__category-headline"> 6088 <div class="site-nav-dropdown__category-headline-text rte">
6089 <span class="metafield-single_line_text_field">Store anywhere. Chill to enjoy.</span> 6090 </div> 6091 6092 </div> 6093 6094 6095 <div class="site-nav-dropdown__category-description rte"> 6096 <span class="metafield-multi_line_text_field">The ultimate OLIPOP flavor tour, for an easy & fun way to discover your favorites.</span> 6097 </div> 6098 6099 </div> 6100 <a 6101 class="site-nav-dropdown__shop-all-outline" 6102 href="/collections/variety-packs" 6103 > 6104 6105 Shop All Variety Packs 6106 6107 </a> 6108 </div> 6109 </header> 6110 6111 <div 6112 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]" 6113 data-nav-carousel 6114 > 6115 <div 6116 class="site-nav-dropdown__carousel-toolbar tw-flex tw-w-full tw-items-center tw-justify-end tw-gap-1 tw-pr-14" 6117 aria-hidden="false" 6118 > 6119 <button 6120 type="button" 6121 class="site-nav-dropdown__carousel-btn site-nav-dropdown__carousel-btn--prev site-nav-dropdown__carousel-btn--toolbar" 6122 aria-label="Show previous products" 6123 > 6124<svg 6125 xmlns="http://www.w3.org/2000/svg" 6126 width="24" 6127 height="24" 6128 viewBox="0 0 24 24" 6129 fill="none" 6130 class="site-nav-dropdown__carousel-arrow-svg" 6131 aria-hidden="true" 6132 focusable="false" 6133> 6134 <path 6135 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" 6136 fill="currentColor" 6137 /> 6138</svg> 6139</button> 6140 <button 6141 type="button" 6142 class="site-nav-dropdown__carousel-btn site-nav-dropdown__carousel-btn--next site-nav-dropdown__carousel-btn--toolbar" 6143 aria-label="Show next products" 6144 > 6145<svg 6146 xmlns="http://www.w3.org/2000/svg" 6147 width="24" 6148 height="24" 6149 viewBox="0 0 24 24" 6150 fill="none" 6151 class="site-nav-dropdown__carousel-arrow-svg" 6152 aria-hidden="true" 6153 focusable="false" 6154> 6155 <path 6156 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" 6157 fill="currentColor" 6158 /> 6159</svg> 6160</button> 6161 </div> 6162 <div 6163 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" 6164 data-carousel-track 6165 tabindex="0" 6166 role="region" 6167 aria-roledescription="carousel" 6168 aria-label="Variety packs products" 6169 > 6170 <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"> 6171 6172 6173 6174 6175 6176 6177 6178 6179 6180 6181 6182 6183 6184 <li class="variety-packs-tile tw-w-[136px] tw-flex-shrink-0"> 6185 <a 6186 href="/products/classic-soda-variety-pack" 6187 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" 6188 6189 >
6190 <span class="site-nav-dropdown__product-card-media"> 6191 6192 6193 6194 6195 6196 6197 6198 6199 6200 <img 6201 class="site-nav-dropdown__product-card-img nav-product-hero" 6202 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" 6203 width="136" 6204 height="181" 6205 alt="Classic Soda Variety Pack" 6206 loading="lazy" 6207 decoding="async" 6208 > 6209 6210 </span> 6211 <span class="site-nav-dropdown__product-card-label"> 6212 6213 Classic Soda 6214 6215 </span> 6216 </a> 6217 </li> 6218 6219 6220 6221 6222 6223 6224 6225 6226 6227 <li class="variety-packs-tile tw-w-[136px] tw-flex-shrink-0"> 6228 <a 6229 href="/products/fruity-fun-variety-pack" 6230 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" 6231 6232 > 6233 <span class="site-nav-dropdown__product-card-media"> 6234 6235 6236 6237 6238 6239 6240 6241 6242 6243 <img 6244 class="site-nav-dropdown__product-card-img nav-product-hero" 6245 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" 6246 width="136" 6247 height="181" 6248 alt="Fruity Fun Variety Pack" 6249 loading="lazy" 6250 decoding="async" 6251 > 6252 6253 </span> 6254 <span class="site-nav-dropdown__product-card-label"> 6255 6256 Fruity Fun 6257 6258 </span> 6259 </a> 6260 </li> 6261 6262 6263 6264 6265 6266 6267 6268 6269 6270 <li class="variety-packs-tile tw-w-[136px] tw-flex-shrink-0"> 6271 <a 6272 href="/products/favorites-variety-pack" 6273 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" 6274 6275 > 6276 <span class="site-nav-dropdown__product-card-media"> 6277 6278 6279 6280 6281 6282 6283 6284 6285 6286 <img 6287 class="site-nav-dropdown__product-card-img nav-product-hero" 6288 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" 6289 width="136" 6290 height="181" 6291 alt="Favorites Variety Pack" 6292 loading="lazy" 6293 decoding="async" 6294 > 6295 6296 </span>
6297 <span class="site-nav-dropdown__product-card-label"> 6298 6299 Favorites 6300 6301 </span> 6302 </a> 6303 </li> 6304 6305 6306 </ul> 6307 </div> 6308 </div> 6309 </div> 6310 </div> 6311 6312 6313 </div> 6314 </div> 6315</div> 6316 6317<style> 6318 .variety-packs-tile { 6319 margin: 0; 6320 } 6321 6322 .site-nav-dropdown__links-footer { 6323 padding-top: 2rem; 6324 align-items: flex-start; 6325 } 6326 6327 .site-nav-dropdown__link.site-nav-dropdown__link-parent.site-nav-dropdown__child-link--active { 6328 border-bottom-width: 0; 6329 border-right-width: 0; 6330 border-top-width: 0; 6331 } 6332 6333 .site-nav-dropdown__link.site-nav-dropdown__link-parent:not(.site-nav-dropdown__child-link--active):hover { 6334 background-color: #ffffff; 6335 border-color: #F3E4CD; 6336 border-right-width: 0; 6337 } 6338 6339 .site-nav-dropdown__link.site-nav-dropdown__link-parent:not(.site-nav-dropdown__child-link--active):not(:first-child):not(:last-child), 6340 .site-nav-dropdown__link.site-nav-dropdown__link-parent.site-nav-dropdown__child-link--active:not(:first-child):not(:last-child) { 6341 margin-top: -1px; 6342 margin-bottom: -1px; 6343 } 6344 6345 .site-nav-dropdown__link.site-nav-dropdown__link-parent.site-nav-dropdown__child-link--active:not(:first-child):not(:last-child) { 6346 margin-top: 0 !important; 6347 margin-bottom: 0 !important; 6348 } 6349 6350 .site-nav-dropdown__link.site-nav-dropdown__link-parent:not(.site-nav-dropdown__child-link--active):first-child, 6351 .site-nav-dropdown__link.site-nav-dropdown__link-parent.site-nav-dropdown__child-link--active:first-child { 6352 margin-bottom: 0; 6353 } 6354 6355 .site-nav-dropdown__link.site-nav-dropdown__link-parent:not(.site-nav-dropdown__child-link--active):last-child, 6356 .site-nav-dropdown__link.site-nav-dropdown__link-parent.site-nav-dropdown__child-link--active:last-child { 6357 margin-top: 0; 6358 } 6359 6360 .site-nav-dropdown__link.site-nav-dropdown__link-parent.site-nav-dropdown__child-link--active:first-child { 6361 margin-bottom: 1px !important; 6362 } 6363 6364 .site-nav-dropdown__link.site-nav-dropdown__link-parent.site-nav-dropdown__child-link--active:last-child {
6365 margin-top: 1px !important; 6366 } 6367</style> 6368 6369 6370 6371 6372 6373 6374 6375 6376 6377 6378 6379 6380 6381 6382<div 6383 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" 6384 id="site-nav-menu-dropdown-learn" 6385 tabindex="-1" 6386> 6387 <button type="button" class="site-nav-dropdown-close">Close menu Learn</button> 6388 6389 <ul 6390 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]" 6391 style="grid-template-columns: repeat(4, minmax(0, 1fr));" 6392 role="list" 6393 > 6394 6395 6396 6397 <li class="site-nav-dropdown__learn-item tw-min-w-0" role="listitem"> 6398 <a 6399 href="/pages/our-story" 6400 class="site-nav-dropdown__learn-cta" 6401 6402 > 6403 <span class="site-nav-dropdown__learn-cta-media"> 6404 6405 <img 6406 src="https://cld.accentuate.io/24019238982/1638801318213/c0ee66b559596ef206e3bb3c0e6f9336.png?v=1739204938752&options=w_400" 6407 alt="Our story" 6408 class="site-nav-dropdown__learn-cta-img" 6409 width="184" 6410 height="175" 6411 loading="lazy" 6412 decoding="async" 6413 > 6414 6415 </span> 6416 <span class="site-nav-dropdown__learn-cta-label">Our story</span> 6417 </a> 6418 </li> 6419 6420 6421 6422 <li class="site-nav-dropdown__learn-item tw-min-w-0" role="listitem"> 6423 <a 6424 href="/pages/ingredients" 6425 class="site-nav-dropdown__learn-cta" 6426 6427 > 6428 <span class="site-nav-dropdown__learn-cta-media"> 6429 6430 <img 6431 src="https://cld.accentuate.io/24019206214/1638801420395/Ingredients_v2.png?v=1644954098882&options=w_400" 6432 alt="Ingredients" 6433 class="site-nav-dropdown__learn-cta-img" 6434 width="184" 6435 height="175" 6436 loading="lazy" 6437 decoding="async" 6438 > 6439 6440 </span> 6441 <span class="site-nav-dropdown__learn-cta-label">Ingredients</span> 6442 </a> 6443 </li> 6444 6445 6446 6447 <li class="site-nav-dropdown__learn-item tw-min-w-0" role="listitem"> 6448 <a 6449 href="/pages/digestive-health" 6450 class="site-nav-dropdown__learn-cta" 6451 6452 > 6453 <span class="site-nav-dropdown__learn-cta-media"> 6454 6455 <img 6456 src="https://cld.accentuate.io/25773441094/1638801408530/d629d13dc396e78ebfce3023f74d4eac.png?v=1739204218145&options=w_400" 6457 alt="Digestive health" 6458 class="site-nav-dropdown__learn-cta-img" 6459 width="184" 6460 height="175" 6461 loading="lazy" 6462 decoding="async" 6463 > 6464 6465 </span> 6466 <span class="site-nav-dropdown__learn-cta-label">Digestive health</span> 6467 </a> 6468 </li> 6469 6470 6471 6472 <li class="site-nav-dropdown__learn-item tw-min-w-0" role="listitem"> 6473 <a 6474 href="/pages/fiber-education" 6475 class="site-nav-dropdown__learn-cta" 6476 6477 > 6478 <span class="site-nav-dropdown__learn-cta-media"> 6479 6480 <img 6481 src="https://cld.accentuate.io/97731313823/1778795013671/Fiber-Education-nav_cp.png?v=1778795013671&options=w_400" 6482 alt="Fiber education" 6483 class="site-nav-dropdown__learn-cta-img" 6484 width="184" 6485 height="175" 6486 loading="lazy" 6487 decoding="async" 6488 > 6489 6490 </span> 6491 <span class="site-nav-dropdown__learn-cta-label">Fiber education</span> 6492 </a> 6493 </li> 6494 6495 </ul> 6496</div> 6497 6498 6499 6500 6501 6502 6503 6504 6505</div> 6506 6507 </div> 6508 6509 6510 6511 6512 6513 6514 6515 6516 6517 6518 6519 6520 6521 6522 6523 6524 6525 6526 6527 6528 6529 6530 6531 6532 6533 6534 6535 6536 6537 6538 6539 6540 6541 6542 6543 6544 6545 6546 6547 6548 6549 6550 6551 6552 6553 6554 6555 6556 6557 6558 6559 6560 6561<div 6562 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" 6563 js-mobile-menu 6564> 6565 <div 6566 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" 6567 data-mobile-menu-dismiss 6568 aria-hidden="true" 6569 ></div> 6570 6571 <div 6572 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)]" 6573 role="dialog" 6574 aria-modal="true" 6575 aria-labelledby="mobile-menu-tablist-label" 6576 js-mobile-menu-panel 6577 tabindex="-1" 6578 > 6579 <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"> 6580 <h2 id="mobile-menu-tablist-label" class="tw-sr-only">Site menu</h2> 6581 6582 6583 <div 6584 class="mobile-menu__tabs tw-flex tw-shrink-0 tw-flex-col" 6585 role="tablist" 6586 aria-label="Shop or Learn" 6587 > 6588 <div class="mobile-menu__tab-toggle tw-flex tw-flex-1"> 6589 <button 6590 type="button" 6591 class="mobile-menu__tab mobile-menu__tab--shop is-selected tw-flex-1 tw-border-0" 6592 role="tab" 6593 id="mobile-tab-shop" 6594 aria-selected="true"
6595 aria-controls="mobile-panel-shop" 6596 tabindex="0" 6597 data-mobile-tab="shop" 6598 > 6599 Shop 6600 </button> 6601 <button 6602 type="button" 6603 class="mobile-menu__tab mobile-menu__tab--learn tw-flex-1 tw-border-0" 6604 role="tab" 6605 id="mobile-tab-learn" 6606 aria-selected="false" 6607 aria-controls="mobile-panel-learn" 6608 tabindex="-1" 6609 data-mobile-tab="learn" 6610 > 6611 Learn 6612 </button> 6613 </div> 6614 </div> 6615 6616 6617 <div class="mobile-menu__panels tw-min-h-0 tw-flex-1 tw-overflow-y-auto tw-overscroll-contain"> 6618 <div 6619 id="mobile-panel-shop" 6620 class="mobile-menu__tabpanel" 6621 role="tabpanel" 6622 6623 aria-labelledby="mobile-tab-shop" 6624 tabindex="0" 6625 6626 data-mobile-panel="shop" 6627 > 6628 6629 6630 6631 6632 6633 6634 <div class="mobile-menu__shop-body"> 6635 6636 6637 6638 6639 6640 6641 <details 6642 id="mobile-shop-acc-1" 6643 class="mobile-menu__accordion" 6644 6645 open 6646 6647 > 6648 <summary class="mobile-menu__accordion-summary"> 6649 <span class="mobile-menu__accordion-summary-text"> 6650 <span class="mobile-menu__accordion-title"> 6651 9g fiber line 6652 </span> 6653 </span> 6654 <span class="mobile-menu__accordion-toggle-icons" aria-hidden="true"> 6655 <span class="mobile-menu__accordion-icon mobile-menu__accordion-icon--plus"> 6656 <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" aria-hidden="true" focusable="false"> 6657 <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"/> 6658</svg> 6659 6660 </span> 6661 <span class="mobile-menu__accordion-icon mobile-menu__accordion-icon--minus"> 6662 <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" aria-hidden="true" focusable="false"> 6663 <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"/> 6664</svg> 6665 6666 </span> 6667 </span> 6668 </summary> 6669 6670 <div class="mobile-menu__accordion-panel"> 6671 6672 <div class="mobile-menu__category-headline"> 6673 <div class="mobile-menu__category-headline-text rte"> 6674 <span class="metafield-single_line_text_field">Keep refrigerated</span> 6675 </div> 6676 6677 <span class="mobile-menu__category-headline-icon" aria-hidden="true"> 6678 <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"> 6679 </span> 6680 6681 </div> 6682 6683 6684 <div class="mobile-menu__category-description rte"> 6685 <span class="metafield-multi_line_text_field">Our original refrigerated formula, with higher fiber per can to get more out of every sip.</span> 6686 </div> 6687 6688 6689 <div 6690 class="mobile-menu__product-scroller tw-min-w-0 tw-overflow-x-auto tw-overflow-y-visible" 6691 tabindex="0" 6692 role="region" 6693 aria-roledescription="carousel" 6694 aria-label="9g fiber line — products" 6695 > 6696 <ul class="mobile-menu__product-row tw-m-0 tw-flex tw-list-none tw-flex-nowrap tw-p-0"> 6697 6698 6699 6700 6701 6702 6703 6704 6705 6706 6707 6708 6709 6710 6711 <li class="mobile-menu__product-tile"> 6712 <a 6713 href="/products/caramel-apple" 6714 class="mobile-menu__product-card" 6715 6716 >
6717 <span class="mobile-menu__product-card-media"> 6718 6719 <div 6720 class="product-badge product-badge--nav product-badge--short-text" 6721 role="status" 6722 aria-label="New" 6723 > 6724 <svg class="product-badge__shape" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 72 72" fill="none" aria-hidden="true"> 6725 <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"/> 6726 </svg> 6727 <span class="product-badge__text" style="color: #034638;">New</span> 6728 </div> 6729 6730 6731 6732 6733 6734 6735 6736 6737 6738 <img 6739 class="mobile-menu__product-img" 6740 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" 6741 width="136" 6742 height="181" 6743 alt="Caramel Apple" 6744 loading="lazy" 6745 decoding="async" 6746 > 6747 6748 </span> 6749 <span class="mobile-menu__product-card-label">Caramel Apple</span> 6750 </a> 6751 </li> 6752 6753 6754 6755 6756 6757 6758 6759 6760 6761 6762 6763 6764 6765 <li class="mobile-menu__product-tile"> 6766 <a 6767 href="/products/blackberry-vanilla" 6768 class="mobile-menu__product-card" 6769 6770 > 6771 <span class="mobile-menu__product-card-media"> 6772 6773 6774 6775 6776 6777 6778 6779 6780 6781 <img 6782 class="mobile-menu__product-img" 6783 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" 6784 width="136" 6785 height="181" 6786 alt="Blackberry Vanilla" 6787 loading="lazy" 6788 decoding="async" 6789 > 6790 6791 </span>
6792 <span class="mobile-menu__product-card-label">Blackberry Vanilla</span> 6793 </a> 6794 </li> 6795 6796 6797 6798 6799 6800 6801 6802 6803 6804 6805 6806 6807 6808 <li class="mobile-menu__product-tile"> 6809 <a 6810 href="/products/crisp-apple" 6811 class="mobile-menu__product-card" 6812 6813 > 6814 <span class="mobile-menu__product-card-media"> 6815 6816 6817 6818 6819 6820 6821 6822 6823 6824 <img 6825 class="mobile-menu__product-img" 6826 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" 6827 width="136" 6828 height="181" 6829 alt="Crisp Apple" 6830 loading="lazy" 6831 decoding="async" 6832 > 6833 6834 </span> 6835 <span class="mobile-menu__product-card-label">Crisp Apple </span> 6836 </a> 6837 </li> 6838 6839 6840 6841 6842 6843 6844 6845 6846 6847 6848 6849 6850 6851 <li class="mobile-menu__product-tile"> 6852 <a 6853 href="/products/classic-grape" 6854 class="mobile-menu__product-card" 6855 6856 > 6857 <span class="mobile-menu__product-card-media"> 6858 6859 6860 6861 6862 6863 6864 6865 6866 6867 <img 6868 class="mobile-menu__product-img" 6869 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" 6870 width="136" 6871 height="181" 6872 alt="Classic Grape" 6873 loading="lazy" 6874 decoding="async" 6875 > 6876 6877 </span> 6878 <span class="mobile-menu__product-card-label">Classic Grape</span> 6879 </a> 6880 </li> 6881 6882 6883 6884 6885 6886 6887 6888 6889 6890 6891 6892 6893 6894 <li class="mobile-menu__product-tile"> 6895 <a 6896 href="/products/classic-root-beer" 6897 class="mobile-menu__product-card" 6898 6899 > 6900 <span class="mobile-menu__product-card-media"> 6901 6902 6903 6904 6905 6906 6907 6908 6909 6910 <img 6911 class="mobile-menu__product-img" 6912 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" 6913 width="136" 6914 height="181" 6915 alt="Classic Root Beer" 6916 loading="lazy" 6917 decoding="async" 6918 > 6919 6920 </span>
6921 <span class="mobile-menu__product-card-label">Classic Root Beer</span> 6922 </a> 6923 </li> 6924 6925 6926 6927 6928 6929 6930 6931 6932 6933 6934 6935 6936 6937 <li class="mobile-menu__product-tile"> 6938 <a 6939 href="/products/vintage-cola" 6940 class="mobile-menu__product-card" 6941 6942 > 6943 <span class="mobile-menu__product-card-media"> 6944 6945 6946 6947 6948 6949 6950 6951 6952 6953 <img 6954 class="mobile-menu__product-img" 6955 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" 6956 width="136" 6957 height="181" 6958 alt="Vintage Cola" 6959 loading="lazy" 6960 decoding="async" 6961 > 6962 6963 </span> 6964 <span class="mobile-menu__product-card-label">Vintage Cola</span> 6965 </a> 6966 </li> 6967 6968 6969 6970 6971 6972 6973 6974 6975 6976 6977 6978 6979 6980 <li class="mobile-menu__product-tile"> 6981 <a 6982 href="/products/cream-soda" 6983 class="mobile-menu__product-card" 6984 6985 > 6986 <span class="mobile-menu__product-card-media"> 6987 6988 6989 6990 6991 6992 6993 6994 6995 6996 <img 6997 class="mobile-menu__product-img" 6998 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" 6999 width="136" 7000 height="181" 7001 alt="Cream Soda" 7002 loading="lazy" 7003 decoding="async" 7004 > 7005 7006 </span> 7007 <span class="mobile-menu__product-card-label">Cream Soda</span> 7008 </a> 7009 </li> 7010 7011 7012 7013 7014 7015 7016 7017 7018 7019 7020 7021 7022 7023 <li class="mobile-menu__product-tile"> 7024 <a 7025 href="/products/strawberry-vanilla" 7026 class="mobile-menu__product-card" 7027 7028 > 7029 <span class="mobile-menu__product-card-media"> 7030 7031 7032 7033 7034 7035 7036 7037 7038 7039 <img 7040 class="mobile-menu__product-img" 7041 src="//drinkolipop.com/cdn/shop/files/strawberry-vanilla-9g-olipop_gallery-main-image_new_asset.webp?crop=center&height=362&v=1779161007&width=272" 7042 width="136" 7043 height="181" 7044 alt="Strawberry Vanilla" 7045 loading="lazy" 7046 decoding="async" 7047 > 7048 7049 </span>
7050 <span class="mobile-menu__product-card-label">Strawberry Vanilla</span> 7051 </a> 7052 </li> 7053 7054 7055 7056 7057 7058 7059 7060 7061 7062 7063 7064 7065 7066 <li class="mobile-menu__product-tile"> 7067 <a 7068 href="/products/cherry-cola" 7069 class="mobile-menu__product-card" 7070 7071 > 7072 <span class="mobile-menu__product-card-media"> 7073 7074 7075 7076 7077 7078 7079 7080 7081 7082 <img 7083 class="mobile-menu__product-img" 7084 src="//drinkolipop.com/cdn/shop/files/cherry-cola-9g-olipop_gallery-main-image_new_asset.webp?crop=center&height=362&v=1779163770&width=272" 7085 width="136" 7086 height="181" 7087 alt="Cherry Cola" 7088 loading="lazy" 7089 decoding="async" 7090 > 7091 7092 </span> 7093 <span class="mobile-menu__product-card-label">Cherry Cola</span> 7094 </a> 7095 </li> 7096 7097 7098 7099 7100 7101 7102 7103 7104 7105 7106 7107 7108 7109 <li class="mobile-menu__product-tile"> 7110 <a 7111 href="/products/orange-cream" 7112 class="mobile-menu__product-card" 7113 7114 > 7115 <span class="mobile-menu__product-card-media"> 7116 7117 7118 7119 7120 7121 7122 7123 7124 7125 <img 7126 class="mobile-menu__product-img" 7127 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" 7128 width="136" 7129 height="181" 7130 alt="Orange Cream" 7131 loading="lazy" 7132 decoding="async" 7133 > 7134 7135 </span> 7136 <span class="mobile-menu__product-card-label">Orange Cream</span> 7137 </a> 7138 </li> 7139 7140 7141 7142 7143 7144 7145 7146 7147 7148 7149 7150 7151 7152 <li class="mobile-menu__product-tile"> 7153 <a 7154 href="/products/peaches-and-cream" 7155 class="mobile-menu__product-card" 7156 7157 > 7158 <span class="mobile-menu__product-card-media"> 7159 7160 7161 7162 7163 7164 7165 7166 7167 7168 <img 7169 class="mobile-menu__product-img" 7170 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" 7171 width="136" 7172 height="181" 7173 alt="Peaches & Cream" 7174 loading="lazy" 7175 decoding="async" 7176 > 7177 7178 </span>
7179 <span class="mobile-menu__product-card-label">Peaches & Cream</span> 7180 </a> 7181 </li> 7182 7183 7184 7185 7186 7187 7188 7189 7190 7191 7192 7193 7194 7195 <li class="mobile-menu__product-tile"> 7196 <a 7197 href="/products/orange-squeeze" 7198 class="mobile-menu__product-card" 7199 7200 > 7201 <span class="mobile-menu__product-card-media"> 7202 7203 7204 7205 7206 7207 7208 7209 7210 7211 <img 7212 class="mobile-menu__product-img" 7213 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" 7214 width="136" 7215 height="181" 7216 alt="Orange Squeeze" 7217 loading="lazy" 7218 decoding="async" 7219 > 7220 7221 </span> 7222 <span class="mobile-menu__product-card-label">Orange Squeeze</span> 7223 </a> 7224 </li> 7225 7226 7227 7228 7229 7230 7231 7232 7233 7234 7235 7236 7237 7238 <li class="mobile-menu__product-tile"> 7239 <a 7240 href="/products/ginger-ale" 7241 class="mobile-menu__product-card" 7242 7243 > 7244 <span class="mobile-menu__product-card-media"> 7245 7246 7247 7248 7249 7250 7251 7252 7253 7254 <img 7255 class="mobile-menu__product-img" 7256 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" 7257 width="136" 7258 height="181" 7259 alt="Ginger Ale" 7260 loading="lazy" 7261 decoding="async" 7262 > 7263 7264 </span> 7265 <span class="mobile-menu__product-card-label">Ginger Ale</span> 7266 </a> 7267 </li> 7268 7269 7270 7271 7272 7273 7274 7275 7276 7277 7278 7279 7280 7281 <li class="mobile-menu__product-tile"> 7282 <a 7283 href="/products/citrus-rush" 7284 class="mobile-menu__product-card" 7285 7286 > 7287 <span class="mobile-menu__product-card-media"> 7288 7289 7290 7291 7292 7293 7294 7295 7296 7297 <img 7298 class="mobile-menu__product-img" 7299 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" 7300 width="136" 7301 height="181" 7302 alt="Citrus Rush" 7303 loading="lazy" 7304 decoding="async" 7305 > 7306 7307 </span>
7308 <span class="mobile-menu__product-card-label">Citrus Rush</span> 7309 </a> 7310 </li> 7311 7312 7313 7314 7315 7316 7317 7318 7319 7320 7321 7322 7323 7324 <li class="mobile-menu__product-tile"> 7325 <a 7326 href="/products/doctor-goodwin" 7327 class="mobile-menu__product-card" 7328 7329 > 7330 <span class="mobile-menu__product-card-media"> 7331 7332 7333 7334 7335 7336 7337 7338 7339 7340 <img 7341 class="mobile-menu__product-img" 7342 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" 7343 width="136" 7344 height="181" 7345 alt="Doctor Goodwin" 7346 loading="lazy" 7347 decoding="async" 7348 > 7349 7350 </span> 7351 <span class="mobile-menu__product-card-label">Doctor Goodwin</span> 7352 </a> 7353 </li> 7354 7355 7356 7357 7358 7359 7360 7361 7362 7363 7364 7365 7366 7367 <li class="mobile-menu__product-tile"> 7368 <a 7369 href="/products/cherry-vanilla" 7370 class="mobile-menu__product-card" 7371 7372 > 7373 <span class="mobile-menu__product-card-media"> 7374 7375 7376 7377 7378 7379 7380 7381 7382 7383 <img 7384 class="mobile-menu__product-img" 7385 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" 7386 width="136" 7387 height="181" 7388 alt="Cherry Vanilla" 7389 loading="lazy" 7390 decoding="async" 7391 > 7392 7393 </span> 7394 <span class="mobile-menu__product-card-label">Cherry Vanilla </span> 7395 </a> 7396 </li> 7397 7398 7399 7400 7401 7402 7403 7404 7405 7406 7407 7408 7409 7410 <li class="mobile-menu__product-tile"> 7411 <a 7412 href="/products/tropical-punch" 7413 class="mobile-menu__product-card" 7414 7415 > 7416 <span class="mobile-menu__product-card-media"> 7417 7418 7419 7420 7421 7422 7423 7424 7425 7426 <img 7427 class="mobile-menu__product-img" 7428 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" 7429 width="136" 7430 height="181" 7431 alt="Tropical Punch" 7432 loading="lazy" 7433 decoding="async" 7434 > 7435 7436 </span>
7437 <span class="mobile-menu__product-card-label">Tropical Punch</span> 7438 </a> 7439 </li> 7440 7441 7442 7443 7444 7445 7446 7447 7448 7449 7450 7451 7452 7453 <li class="mobile-menu__product-tile"> 7454 <a 7455 href="/products/lemon-lime" 7456 class="mobile-menu__product-card" 7457 7458 > 7459 <span class="mobile-menu__product-card-media"> 7460 7461 7462 7463 7464 7465 7466 7467 7468 7469 <img 7470 class="mobile-menu__product-img" 7471 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" 7472 width="136" 7473 height="181" 7474 alt="Lemon Lime" 7475 loading="lazy" 7476 decoding="async" 7477 > 7478 7479 </span> 7480 <span class="mobile-menu__product-card-label">Lemon Lime</span> 7481 </a> 7482 </li> 7483 7484 7485 7486 7487 7488 7489 7490 7491 7492 7493 7494 7495 7496 <li class="mobile-menu__product-tile"> 7497 <a 7498 href="/products/ginger-lemon" 7499 class="mobile-menu__product-card" 7500 7501 > 7502 <span class="mobile-menu__product-card-media"> 7503 7504 7505 7506 7507 7508 7509 7510 7511 7512 <img 7513 class="mobile-menu__product-img" 7514 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" 7515 width="136" 7516 height="181" 7517 alt="Ginger Lemon" 7518 loading="lazy" 7519 decoding="async" 7520 > 7521 7522 </span> 7523 <span class="mobile-menu__product-card-label">Ginger Lemon</span> 7524 </a> 7525 </li> 7526 7527 7528 7529 7530 7531 7532 7533 7534 7535 7536 7537 7538 7539 <li class="mobile-menu__product-tile"> 7540 <a 7541 href="/products/watermelon-lime" 7542 class="mobile-menu__product-card" 7543 7544 > 7545 <span class="mobile-menu__product-card-media"> 7546 7547 7548 7549 7550 7551 7552 7553 7554 7555 <img 7556 class="mobile-menu__product-img" 7557 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" 7558 width="136" 7559 height="181" 7560 alt="Watermelon Lime" 7561 loading="lazy" 7562 decoding="async" 7563 > 7564 7565 </span>
7566 <span class="mobile-menu__product-card-label">Watermelon Lime</span> 7567 </a> 7568 </li> 7569 7570 7571 7572 7573 7574 7575 7576 7577 7578 7579 7580 7581 7582 <li class="mobile-menu__product-tile"> 7583 <a 7584 href="/products/banana-cream" 7585 class="mobile-menu__product-card" 7586 7587 > 7588 <span class="mobile-menu__product-card-media"> 7589 7590 7591 7592 7593 7594 7595 7596 7597 7598 <img 7599 class="mobile-menu__product-img" 7600 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" 7601 width="136" 7602 height="181" 7603 alt="Banana Cream" 7604 loading="lazy" 7605 decoding="async" 7606 > 7607 7608 </span> 7609 <span class="mobile-menu__product-card-label">Banana Cream</span> 7610 </a> 7611 </li> 7612 7613 7614 7615 7616 7617 7618 </ul> 7619 </div> 7620 7621 <div class="mobile-menu__shop-all-category"> 7622 7623 <a class="mobile-menu__btn-outline" href="/collections/shop-9g-fiber">Shop All 9g Fiber</a> 7624 7625 </div> 7626 </div> 7627 </details> 7628 7629 7630 7631 7632 7633 7634 7635 7636 <details 7637 id="mobile-shop-acc-2" 7638 class="mobile-menu__accordion" 7639 7640 > 7641 <summary class="mobile-menu__accordion-summary"> 7642 <span class="mobile-menu__accordion-summary-text"> 7643 <span class="mobile-menu__accordion-title"> 7644 6g fiber line 7645 </span> 7646 </span> 7647 <span class="mobile-menu__accordion-toggle-icons" aria-hidden="true"> 7648 <span class="mobile-menu__accordion-icon mobile-menu__accordion-icon--plus"> 7649 <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" aria-hidden="true" focusable="false"> 7650 <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"/> 7651</svg> 7652 7653 </span> 7654 <span class="mobile-menu__accordion-icon mobile-menu__accordion-icon--minus"> 7655 <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" aria-hidden="true" focusable="false"> 7656 <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"/> 7657</svg> 7658 7659 </span> 7660 </span> 7661 </summary> 7662 7663 <div class="mobile-menu__accordion-panel"> 7664 7665 <div class="mobile-menu__category-headline"> 7666 <div class="mobile-menu__category-headline-text rte">
7667 <span class="metafield-single_line_text_field">Store anywhere. Chill to enjoy.</span> 7668 </div> 7669 7670 </div> 7671 7672 7673 <div class="mobile-menu__category-description rte"> 7674 <span class="metafield-multi_line_text_field">Same great taste & digestive support, in a lower‑fiber, store‑anywhere format.</span> 7675 </div> 7676 7677 7678 <div 7679 class="mobile-menu__product-scroller tw-min-w-0 tw-overflow-x-auto tw-overflow-y-visible" 7680 tabindex="0" 7681 role="region" 7682 aria-roledescription="carousel" 7683 aria-label="6g fiber line — products" 7684 > 7685 <ul class="mobile-menu__product-row tw-m-0 tw-flex tw-list-none tw-flex-nowrap tw-p-0"> 7686 7687 7688 7689 7690 7691 7692 7693 7694 7695 7696 7697 7698 7699 7700 <li class="mobile-menu__product-tile"> 7701 <a 7702 href="/products/pomegranate-sparkle" 7703 class="mobile-menu__product-card" 7704 7705 > 7706 <span class="mobile-menu__product-card-media"> 7707 7708 <div 7709 class="product-badge product-badge--nav product-badge--short-text" 7710 role="status" 7711 aria-label="New" 7712 > 7713 <svg class="product-badge__shape" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 72 72" fill="none" aria-hidden="true"> 7714 <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"/> 7715 </svg> 7716 <span class="product-badge__text" style="color: #034638;">New</span> 7717 </div> 7718 7719 7720 7721 7722 7723 7724 7725 7726 7727 <img 7728 class="mobile-menu__product-img" 7729 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" 7730 width="136" 7731 height="181" 7732 alt="Pomegranate Sparkle" 7733 loading="lazy" 7734 decoding="async" 7735 > 7736 7737 </span>
7738 <span class="mobile-menu__product-card-label">Pomegranate Sparkle</span> 7739 </a> 7740 </li> 7741 7742 7743 7744 7745 7746 7747 7748 7749 7750 7751 7752 7753 7754 <li class="mobile-menu__product-tile"> 7755 <a 7756 href="/products/raspberry-sherbet" 7757 class="mobile-menu__product-card" 7758 7759 > 7760 <span class="mobile-menu__product-card-media"> 7761 7762 <div 7763 class="product-badge product-badge--nav" 7764 role="status" 7765 aria-label="Limited" 7766 > 7767 <svg class="product-badge__shape" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 72 72" fill="none" aria-hidden="true"> 7768 <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"/> 7769 </svg> 7770 <span class="product-badge__text" style="color: #034638;">Limited</span> 7771 </div> 7772 7773 7774 7775 7776 7777 7778 7779 7780 7781 <img 7782 class="mobile-menu__product-img" 7783 src="//drinkolipop.com/cdn/shop/files/raspberry-sherbert_omni-pdp_single.webp?crop=center&height=362&v=1775754912&width=272" 7784 width="136" 7785 height="181" 7786 alt="Raspberry Sherbet" 7787 loading="lazy" 7788 decoding="async" 7789 > 7790 7791 </span> 7792 <span class="mobile-menu__product-card-label">Raspberry Sherbet</span> 7793 </a> 7794 </li> 7795 7796 7797 7798 7799 7800 7801 7802 7803 7804 7805 7806 7807 7808 <li class="mobile-menu__product-tile"> 7809 <a 7810 href="/products/shirley-temple" 7811 class="mobile-menu__product-card" 7812 7813 > 7814 <span class="mobile-menu__product-card-media"> 7815 7816 <div 7817 class="product-badge product-badge--nav" 7818 role="status" 7819 aria-label="Limited" 7820 > 7821 <svg class="product-badge__shape" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 72 72" fill="none" aria-hidden="true"> 7822 <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
782203 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"/> 7823 </svg> 7824 <span class="product-badge__text" style="color: #034638;">Limited</span> 7825 </div> 7826 7827 7828 7829 7830 7831 7832 7833 7834 7835 <img 7836 class="mobile-menu__product-img" 7837 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" 7838 width="136" 7839 height="181" 7840 alt="Shirley Temple" 7841 loading="lazy" 7842 decoding="async" 7843 > 7844 7845 </span> 7846 <span class="mobile-menu__product-card-label">Shirley Temple</span> 7847 </a> 7848 </li> 7849 7850 7851 7852 7853 7854 7855 7856 7857 7858 7859 7860 7861 7862 <li class="mobile-menu__product-tile"> 7863 <a 7864 href="/products/spongebob-pineapple-paradise" 7865 class="mobile-menu__product-card" 7866 7867 > 7868 <span class="mobile-menu__product-card-media"> 7869 7870 <div 7871 class="product-badge product-badge--nav" 7872 role="status" 7873 aria-label="Limited" 7874 > 7875 <svg class="product-badge__shape" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 72 72" fill="none" aria-hidden="true"> 7876 <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"/> 7877 </svg> 7878 <span class="product-badge__text" style="color: #034638;">Limited</span> 7879 </div> 7880 7881 7882 7883 7884 7885 7886 7887 7888 7889 <img 7890 class="mobile-menu__product-img" 7891 src="//drinkolipop.com/cdn/shop/files/Pineapple-Paradise_cgi-main-image_072925.webp?crop=center&height=362&v=1753844923&width=272" 7892 width="136" 7893 height="181" 7894 alt="Pineapple Paradise" 7895 loading="lazy" 7896 decoding="async" 7897 > 7898 7899 </span>
7900 <span class="mobile-menu__product-card-label">Pineapple Paradise</span> 7901 </a> 7902 </li> 7903 7904 7905 7906 7907 7908 7909 7910 7911 7912 7913 7914 7915 7916 <li class="mobile-menu__product-tile"> 7917 <a 7918 href="/products/crisp-apple-6g-fiber" 7919 class="mobile-menu__product-card" 7920 7921 > 7922 <span class="mobile-menu__product-card-media"> 7923 7924 7925 7926 7927 7928 7929 7930 7931 7932 <img 7933 class="mobile-menu__product-img" 7934 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" 7935 width="136" 7936 height="181" 7937 alt="Crisp Apple" 7938 loading="lazy" 7939 decoding="async" 7940 > 7941 7942 </span> 7943 <span class="mobile-menu__product-card-label">Crisp Apple</span> 7944 </a> 7945 </li> 7946 7947 7948 7949 7950 7951 7952 7953 7954 7955 7956 7957 7958 7959 <li class="mobile-menu__product-tile"> 7960 <a 7961 href="/products/classic-grape-6g-fiber" 7962 class="mobile-menu__product-card" 7963 7964 > 7965 <span class="mobile-menu__product-card-media"> 7966 7967 7968 7969 7970 7971 7972 7973 7974 7975 <img 7976 class="mobile-menu__product-img" 7977 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" 7978 width="136" 7979 height="181" 7980 alt="Classic Grape" 7981 loading="lazy" 7982 decoding="async" 7983 > 7984 7985 </span> 7986 <span class="mobile-menu__product-card-label">Classic Grape</span> 7987 </a> 7988 </li> 7989 7990 7991 7992 7993 7994 7995 7996 7997 7998 7999 8000 8001 8002 <li class="mobile-menu__product-tile"> 8003 <a 8004 href="/products/vintage-cola-6g-fiber" 8005 class="mobile-menu__product-card" 8006 8007 > 8008 <span class="mobile-menu__product-card-media"> 8009 8010 8011 8012 8013 8014 8015 8016 8017 8018 <img 8019 class="mobile-menu__product-img" 8020 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" 8021 width="136" 8022 height="181" 8023 alt="Vintage Cola" 8024 loading="lazy" 8025 decoding="async" 8026 > 8027 8028 </span>
8029 <span class="mobile-menu__product-card-label">Vintage Cola</span> 8030 </a> 8031 </li> 8032 8033 8034 8035 8036 8037 8038 8039 8040 8041 8042 8043 8044 8045 <li class="mobile-menu__product-tile"> 8046 <a 8047 href="/products/classic-root-beer-6g-fiber" 8048 class="mobile-menu__product-card" 8049 8050 > 8051 <span class="mobile-menu__product-card-media"> 8052 8053 8054 8055 8056 8057 8058 8059 8060 8061 <img 8062 class="mobile-menu__product-img" 8063 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" 8064 width="136" 8065 height="181" 8066 alt="Classic Root Beer" 8067 loading="lazy" 8068 decoding="async" 8069 > 8070 8071 </span> 8072 <span class="mobile-menu__product-card-label">Classic Root Beer</span> 8073 </a> 8074 </li> 8075 8076 8077 8078 8079 8080 8081 8082 8083 8084 8085 8086 8087 8088 <li class="mobile-menu__product-tile"> 8089 <a 8090 href="/products/cream-soda-6g-fiber" 8091 class="mobile-menu__product-card" 8092 8093 > 8094 <span class="mobile-menu__product-card-media"> 8095 8096 8097 8098 8099 8100 8101 8102 8103 8104 <img 8105 class="mobile-menu__product-img" 8106 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" 8107 width="136" 8108 height="181" 8109 alt="Cream Soda" 8110 loading="lazy" 8111 decoding="async" 8112 > 8113 8114 </span> 8115 <span class="mobile-menu__product-card-label">Cream Soda</span> 8116 </a> 8117 </li> 8118 8119 8120 8121 8122 8123 8124 8125 8126 8127 8128 8129 8130 8131 <li class="mobile-menu__product-tile"> 8132 <a 8133 href="/products/strawberry-vanilla-6g-fiber" 8134 class="mobile-menu__product-card" 8135 8136 > 8137 <span class="mobile-menu__product-card-media"> 8138 8139 8140 8141 8142 8143 8144 8145 8146 8147 <img 8148 class="mobile-menu__product-img" 8149 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" 8150 width="136" 8151 height="181" 8152 alt="Strawberry Vanilla" 8153 loading="lazy" 8154 decoding="async" 8155 > 8156 8157 </span>
8158 <span class="mobile-menu__product-card-label">Strawberry Vanilla</span> 8159 </a> 8160 </li> 8161 8162 8163 8164 8165 8166 8167 8168 8169 8170 8171 8172 8173 8174 <li class="mobile-menu__product-tile"> 8175 <a 8176 href="/products/cherry-cola-6g-fiber" 8177 class="mobile-menu__product-card" 8178 8179 > 8180 <span class="mobile-menu__product-card-media"> 8181 8182 8183 8184 8185 8186 8187 8188 8189 8190 <img 8191 class="mobile-menu__product-img" 8192 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" 8193 width="136" 8194 height="181" 8195 alt="Cherry Cola" 8196 loading="lazy" 8197 decoding="async" 8198 > 8199 8200 </span> 8201 <span class="mobile-menu__product-card-label">Cherry Cola</span> 8202 </a> 8203 </li> 8204 8205 8206 8207 8208 8209 8210 8211 8212 8213 8214 8215 8216 8217 <li class="mobile-menu__product-tile"> 8218 <a 8219 href="/products/citrus-rush-6g-fiber" 8220 class="mobile-menu__product-card" 8221 8222 > 8223 <span class="mobile-menu__product-card-media"> 8224 8225 8226 8227 8228 8229 8230 8231 8232 8233 <img 8234 class="mobile-menu__product-img" 8235 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" 8236 width="136" 8237 height="181" 8238 alt="Citrus Rush" 8239 loading="lazy" 8240 decoding="async" 8241 > 8242 8243 </span> 8244 <span class="mobile-menu__product-card-label">Citrus Rush</span> 8245 </a> 8246 </li> 8247 8248 8249 8250 8251 8252 8253 8254 8255 8256 8257 8258 8259 8260 <li class="mobile-menu__product-tile"> 8261 <a 8262 href="/products/ginger-ale-6g-fiber" 8263 class="mobile-menu__product-card" 8264 8265 > 8266 <span class="mobile-menu__product-card-media"> 8267 8268 8269 8270 8271 8272 8273 8274 8275 8276 <img 8277 class="mobile-menu__product-img" 8278 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" 8279 width="136" 8280 height="181" 8281 alt="Ginger Ale" 8282 loading="lazy" 8283 decoding="async" 8284 > 8285 8286 </span>
8287 <span class="mobile-menu__product-card-label">Ginger Ale</span> 8288 </a> 8289 </li> 8290 8291 8292 8293 8294 8295 8296 8297 8298 8299 8300 8301 8302 8303 <li class="mobile-menu__product-tile"> 8304 <a 8305 href="/products/lemon-lime-6g-fiber" 8306 class="mobile-menu__product-card" 8307 8308 > 8309 <span class="mobile-menu__product-card-media"> 8310 8311 8312 8313 8314 8315 8316 8317 8318 8319 <img 8320 class="mobile-menu__product-img" 8321 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" 8322 width="136" 8323 height="181" 8324 alt="Lemon Lime" 8325 loading="lazy" 8326 decoding="async" 8327 > 8328 8329 </span> 8330 <span class="mobile-menu__product-card-label">Lemon Lime</span> 8331 </a> 8332 </li> 8333 8334 8335 8336 8337 8338 8339 </ul> 8340 </div> 8341 8342 <div class="mobile-menu__shop-all-category"> 8343 8344 <a class="mobile-menu__btn-outline" href="/collections/shop-6g-fiber">Shop All 6g Fiber</a> 8345 8346 </div> 8347 </div> 8348 </details> 8349 8350 8351 8352 8353 8354 8355 8356 8357 <details 8358 id="mobile-shop-acc-3" 8359 class="mobile-menu__accordion" 8360 8361 > 8362 <summary class="mobile-menu__accordion-summary"> 8363 <span class="mobile-menu__accordion-summary-text"> 8364 <span class="mobile-menu__accordion-title"> 8365 MINIs 8366 </span> 8367 </span> 8368 <span class="mobile-menu__accordion-toggle-icons" aria-hidden="true"> 8369 <span class="mobile-menu__accordion-icon mobile-menu__accordion-icon--plus"> 8370 <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" aria-hidden="true" focusable="false"> 8371 <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"/> 8372</svg> 8373 8374 </span> 8375 <span class="mobile-menu__accordion-icon mobile-menu__accordion-icon--minus"> 8376 <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" aria-hidden="true" focusable="false"> 8377 <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"/> 8378</svg> 8379 8380 </span> 8381 </span> 8382 </summary> 8383 8384 <div class="mobile-menu__accordion-panel"> 8385 8386 <div class="mobile-menu__category-headline"> 8387 <div class="mobile-menu__category-headline-text rte">
8388 <span class="metafield-single_line_text_field">Store anywhere. Chill to enjoy.</span> 8389 </div> 8390 8391 </div> 8392 8393 8394 <div class="mobile-menu__category-description rte"> 8395 <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> 8396 </div> 8397 8398 8399 <div 8400 class="mobile-menu__product-scroller tw-min-w-0 tw-overflow-x-auto tw-overflow-y-visible" 8401 tabindex="0" 8402 role="region" 8403 aria-roledescription="carousel" 8404 aria-label="MINIs — products" 8405 > 8406 <ul class="mobile-menu__product-row tw-m-0 tw-flex tw-list-none tw-flex-nowrap tw-p-0"> 8407 8408 8409 8410 8411 8412 8413 8414 8415 8416 8417 8418 8419 8420 8421 <li class="mobile-menu__product-tile"> 8422 <a 8423 href="/products/strawberry-vanilla-minis" 8424 class="mobile-menu__product-card" 8425 8426 > 8427 <span class="mobile-menu__product-card-media"> 8428 8429 8430 8431 8432 8433 8434 8435 8436 8437 <img 8438 class="mobile-menu__product-img" 8439 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" 8440 width="136" 8441 height="181" 8442 alt="Strawberry Vanilla" 8443 loading="lazy" 8444 decoding="async" 8445 > 8446 8447 </span> 8448 <span class="mobile-menu__product-card-label">Strawberry Vanilla</span> 8449 </a> 8450 </li> 8451 8452 8453 8454 8455 8456 8457 8458 8459 8460 8461 8462 8463 8464 <li class="mobile-menu__product-tile"> 8465 <a 8466 href="/products/classic-grape-minis" 8467 class="mobile-menu__product-card" 8468 8469 > 8470 <span class="mobile-menu__product-card-media"> 8471 8472 8473 8474 8475 8476 8477 8478 8479 8480 <img 8481 class="mobile-menu__product-img" 8482 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" 8483 width="136" 8484 height="181" 8485 alt="Classic Grape" 8486 loading="lazy" 8487 decoding="async" 8488 > 8489 8490 </span> 8491 <span class="mobile-menu__product-card-label">Classic Grape</span> 8492 </a> 8493 </li> 8494 8495 8496 8497 8498 8499 8500 8501 8502 8503 8504 8505 8506 8507 <li class="mobile-menu__product-tile"> 8508 <a 8509 href="/products/crisp-apple-minis" 8510 class="mobile-menu__product-card" 8511 8512 >
8513 <span class="mobile-menu__product-card-media"> 8514 8515 8516 8517 8518 8519 8520 8521 8522 8523 <img 8524 class="mobile-menu__product-img" 8525 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" 8526 width="136" 8527 height="181" 8528 alt="Crisp Apple" 8529 loading="lazy" 8530 decoding="async" 8531 > 8532 8533 </span> 8534 <span class="mobile-menu__product-card-label">Crisp Apple</span> 8535 </a> 8536 </li> 8537 8538 8539 8540 8541 8542 8543 8544 8545 8546 8547 8548 8549 8550 <li class="mobile-menu__product-tile"> 8551 <a 8552 href="/products/vintage-cola-minis" 8553 class="mobile-menu__product-card" 8554 8555 > 8556 <span class="mobile-menu__product-card-media"> 8557 8558 8559 8560 8561 8562 8563 8564 8565 8566 <img 8567 class="mobile-menu__product-img" 8568 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" 8569 width="136" 8570 height="181" 8571 alt="Vintage Cola" 8572 loading="lazy" 8573 decoding="async" 8574 > 8575 8576 </span> 8577 <span class="mobile-menu__product-card-label">Vintage Cola</span> 8578 </a> 8579 </li> 8580 8581 8582 8583 8584 8585 8586 8587 8588 8589 8590 8591 8592 8593 <li class="mobile-menu__product-tile"> 8594 <a 8595 href="/products/ginger-ale-minis" 8596 class="mobile-menu__product-card" 8597 8598 > 8599 <span class="mobile-menu__product-card-media"> 8600 8601 8602 8603 8604 8605 8606 8607 8608 8609 <img 8610 class="mobile-menu__product-img" 8611 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" 8612 width="136" 8613 height="181" 8614 alt="Ginger Ale" 8615 loading="lazy" 8616 decoding="async" 8617 > 8618 8619 </span> 8620 <span class="mobile-menu__product-card-label">Ginger Ale</span> 8621 </a> 8622 </li> 8623 8624 8625 8626 8627 8628 8629 8630 8631 8632 8633 8634 8635 8636 <li class="mobile-menu__product-tile"> 8637 <a 8638 href="/products/orange-cream-minis" 8639 class="mobile-menu__product-card" 8640 8641 >
8642 <span class="mobile-menu__product-card-media"> 8643 8644 8645 8646 8647 8648 8649 8650 8651 8652 <img 8653 class="mobile-menu__product-img" 8654 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" 8655 width="136" 8656 height="181" 8657 alt="Orange Cream" 8658 loading="lazy" 8659 decoding="async" 8660 > 8661 8662 </span> 8663 <span class="mobile-menu__product-card-label">Orange Cream</span> 8664 </a> 8665 </li> 8666 8667 8668 8669 8670 8671 8672 </ul> 8673 </div> 8674 8675 <div class="mobile-menu__shop-all-category"> 8676 8677 <a class="mobile-menu__btn-outline" href="/collections/olipop-minis">Shop All MINIs</a> 8678 8679 </div> 8680 </div> 8681 </details> 8682 8683 8684 8685 8686 8687 8688 8689 8690 <details 8691 id="mobile-shop-acc-4" 8692 class="mobile-menu__accordion" 8693 8694 > 8695 <summary class="mobile-menu__accordion-summary"> 8696 <span class="mobile-menu__accordion-summary-text"> 8697 <span class="mobile-menu__accordion-title"> 8698 Limited edition flavors 8699 </span> 8700 </span> 8701 <span class="mobile-menu__accordion-toggle-icons" aria-hidden="true"> 8702 <span class="mobile-menu__accordion-icon mobile-menu__accordion-icon--plus"> 8703 <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" aria-hidden="true" focusable="false"> 8704 <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"/> 8705</svg> 8706 8707 </span> 8708 <span class="mobile-menu__accordion-icon mobile-menu__accordion-icon--minus"> 8709 <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" aria-hidden="true" focusable="false"> 8710 <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"/> 8711</svg> 8712 8713 </span> 8714 </span> 8715 </summary> 8716 8717 <div class="mobile-menu__accordion-panel"> 8718 8719 <div class="mobile-menu__category-headline"> 8720 <div class="mobile-menu__category-headline-text rte"> 8721 <span class="metafield-single_line_text_field">Store anywhere. Chill to enjoy.</span> 8722 </div> 8723 8724 </div> 8725 8726 8727 <div class="mobile-menu__category-description rte">
8728 <span class="metafield-multi_line_text_field">Here for a good time, not a long time. Grab these flavors before they sip away! </span> 8729 </div> 8730 8731 8732 <div 8733 class="mobile-menu__product-scroller tw-min-w-0 tw-overflow-x-auto tw-overflow-y-visible" 8734 tabindex="0" 8735 role="region" 8736 aria-roledescription="carousel" 8737 aria-label="Limited edition flavors — products" 8738 > 8739 <ul class="mobile-menu__product-row tw-m-0 tw-flex tw-list-none tw-flex-nowrap tw-p-0"> 8740 8741 8742 8743 8744 8745 8746 8747 8748 8749 8750 8751 8752 8753 8754 <li class="mobile-menu__product-tile"> 8755 <a 8756 href="/products/pomegranate-sparkle" 8757 class="mobile-menu__product-card" 8758 8759 > 8760 <span class="mobile-menu__product-card-media"> 8761 8762 <div 8763 class="product-badge product-badge--nav product-badge--short-text" 8764 role="status" 8765 aria-label="New" 8766 > 8767 <svg class="product-badge__shape" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 72 72" fill="none" aria-hidden="true"> 8768 <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"/> 8769 </svg> 8770 <span class="product-badge__text" style="color: #034638;">New</span> 8771 </div> 8772 8773 8774 8775 8776 8777 8778 8779 8780 8781 <img 8782 class="mobile-menu__product-img" 8783 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" 8784 width="136" 8785 height="181" 8786 alt="Pomegranate Sparkle" 8787 loading="lazy" 8788 decoding="async" 8789 > 8790 8791 </span> 8792 <span class="mobile-menu__product-card-label">Pomegranate Sparkle</span> 8793 </a> 8794 </li> 8795 8796 8797 8798 8799 8800 8801 8802 8803 8804 8805 8806 8807 8808 <li class="mobile-menu__product-tile"> 8809 <a 8810 href="/products/caramel-apple" 8811 class="mobile-menu__product-card" 8812 8813 >
8814 <span class="mobile-menu__product-card-media"> 8815 8816 <div 8817 class="product-badge product-badge--nav product-badge--short-text" 8818 role="status" 8819 aria-label="New" 8820 > 8821 <svg class="product-badge__shape" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 72 72" fill="none" aria-hidden="true"> 8822 <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"/> 8823 </svg> 8824 <span class="product-badge__text" style="color: #034638;">New</span> 8825 </div> 8826 8827 8828 8829 8830 8831 8832 8833 8834 8835 <img 8836 class="mobile-menu__product-img" 8837 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" 8838 width="136" 8839 height="181" 8840 alt="Caramel Apple" 8841 loading="lazy" 8842 decoding="async" 8843 > 8844 8845 </span> 8846 <span class="mobile-menu__product-card-label">Caramel Apple</span> 8847 </a> 8848 </li> 8849 8850 8851 8852 8853 8854 8855 8856 8857 8858 8859 8860 8861 8862 <li class="mobile-menu__product-tile"> 8863 <a 8864 href="/products/raspberry-sherbet" 8865 class="mobile-menu__product-card" 8866 8867 > 8868 <span class="mobile-menu__product-card-media"> 8869 8870 <div 8871 class="product-badge product-badge--nav" 8872 role="status" 8873 aria-label="Limited" 8874 > 8875 <svg class="product-badge__shape" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 72 72" fill="none" aria-hidden="true"> 8876 <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
887603 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"/> 8877 </svg> 8878 <span class="product-badge__text" style="color: #034638;">Limited</span> 8879 </div> 8880 8881 8882 8883 8884 8885 8886 8887 8888 8889 <img 8890 class="mobile-menu__product-img" 8891 src="//drinkolipop.com/cdn/shop/files/raspberry-sherbert_omni-pdp_single.webp?crop=center&height=362&v=1775754912&width=272" 8892 width="136" 8893 height="181" 8894 alt="Raspberry Sherbet" 8895 loading="lazy" 8896 decoding="async" 8897 > 8898 8899 </span> 8900 <span class="mobile-menu__product-card-label">Raspberry Sherbet</span> 8901 </a> 8902 </li> 8903 8904 8905 8906 8907 8908 8909 8910 8911 8912 8913 8914 8915 8916 <li class="mobile-menu__product-tile"> 8917 <a 8918 href="/products/shirley-temple" 8919 class="mobile-menu__product-card" 8920 8921 > 8922 <span class="mobile-menu__product-card-media"> 8923 8924 <div 8925 class="product-badge product-badge--nav" 8926 role="status" 8927 aria-label="Limited" 8928 > 8929 <svg class="product-badge__shape" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 72 72" fill="none" aria-hidden="true"> 8930 <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"/> 8931 </svg> 8932 <span class="product-badge__text" style="color: #034638;">Limited</span> 8933 </div> 8934 8935 8936 8937 8938 8939 8940 8941 8942 8943 <img 8944 class="mobile-menu__product-img" 8945 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" 8946 width="136" 8947 height="181" 8948 alt="Shirley Temple" 8949 loading="lazy" 8950 decoding="async" 8951 > 8952 8953 </span>
8954 <span class="mobile-menu__product-card-label">Shirley Temple</span> 8955 </a> 8956 </li> 8957 8958 8959 8960 8961 8962 8963 8964 8965 8966 8967 8968 8969 8970 <li class="mobile-menu__product-tile"> 8971 <a 8972 href="/products/spongebob-pineapple-paradise" 8973 class="mobile-menu__product-card" 8974 8975 > 8976 <span class="mobile-menu__product-card-media"> 8977 8978 <div 8979 class="product-badge product-badge--nav" 8980 role="status" 8981 aria-label="Limited" 8982 > 8983 <svg class="product-badge__shape" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 72 72" fill="none" aria-hidden="true"> 8984 <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"/> 8985 </svg> 8986 <span class="product-badge__text" style="color: #034638;">Limited</span> 8987 </div> 8988 8989 8990 8991 8992 8993 8994 8995 8996 8997 <img 8998 class="mobile-menu__product-img" 8999 src="//drinkolipop.com/cdn/shop/files/Pineapple-Paradise_cgi-main-image_072925.webp?crop=center&height=362&v=1753844923&width=272" 9000 width="136" 9001 height="181" 9002 alt="Pineapple Paradise" 9003 loading="lazy" 9004 decoding="async" 9005 > 9006 9007 </span> 9008 <span class="mobile-menu__product-card-label">Pineapple Paradise</span> 9009 </a> 9010 </li> 9011 9012 9013 9014 9015 9016 9017 </ul> 9018 </div> 9019 9020 <div class="mobile-menu__shop-all-category"> 9021 9022 <a class="mobile-menu__btn-outline" href="/collections/shop-limited-edition">Shop All Limited Edition Flavors</a> 9023 9024 </div> 9025 </div> 9026 </details> 9027 9028 9029 9030 9031 9032 9033 9034 9035 <details 9036 id="mobile-shop-acc-5" 9037 class="mobile-menu__accordion" 9038 9039 > 9040 <summary class="mobile-menu__accordion-summary">
9041 <span class="mobile-menu__accordion-summary-text"> 9042 <span class="mobile-menu__accordion-title"> 9043 Variety packs 9044 </span> 9045 </span> 9046 <span class="mobile-menu__accordion-toggle-icons" aria-hidden="true"> 9047 <span class="mobile-menu__accordion-icon mobile-menu__accordion-icon--plus"> 9048 <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" aria-hidden="true" focusable="false"> 9049 <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"/> 9050</svg> 9051 9052 </span> 9053 <span class="mobile-menu__accordion-icon mobile-menu__accordion-icon--minus"> 9054 <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" aria-hidden="true" focusable="false"> 9055 <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"/> 9056</svg> 9057 9058 </span> 9059 </span> 9060 </summary> 9061 9062 <div class="mobile-menu__accordion-panel"> 9063 9064 <div class="mobile-menu__category-headline"> 9065 <div class="mobile-menu__category-headline-text rte"> 9066 <span class="metafield-single_line_text_field">Store anywhere. Chill to enjoy.</span> 9067 </div> 9068 9069 </div> 9070 9071 9072 <div class="mobile-menu__category-description rte"> 9073 <span class="metafield-multi_line_text_field">The ultimate OLIPOP flavor tour, for an easy & fun way to discover your favorites.</span> 9074 </div> 9075 9076 9077 <div 9078 class="mobile-menu__product-scroller tw-min-w-0 tw-overflow-x-auto tw-overflow-y-visible" 9079 tabindex="0" 9080 role="region" 9081 aria-roledescription="carousel" 9082 aria-label="Variety packs — products" 9083 > 9084 <ul class="mobile-menu__product-row tw-m-0 tw-flex tw-list-none tw-flex-nowrap tw-p-0"> 9085 9086 9087 9088 9089 9090 9091 9092 9093 9094 9095 9096 9097 9098 9099 <li class="mobile-menu__product-tile"> 9100 <a 9101 href="/products/classic-soda-variety-pack" 9102 class="mobile-menu__product-card" 9103 9104 > 9105 <span class="mobile-menu__product-card-media"> 9106 9107 9108 9109 9110 9111 9112 9113 9114 9115 <img 9116 class="mobile-menu__product-img" 9117 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" 9118 width="136" 9119 height="181" 9120 alt="Classic Soda Variety Pack" 9121 loading="lazy" 9122 decoding="async" 9123 > 9124 9125 </span>
9126 <span class="mobile-menu__product-card-label">Classic Soda</span> 9127 </a> 9128 </li> 9129 9130 9131 9132 9133 9134 9135 9136 9137 9138 9139 9140 9141 9142 <li class="mobile-menu__product-tile"> 9143 <a 9144 href="/products/fruity-fun-variety-pack" 9145 class="mobile-menu__product-card" 9146 9147 > 9148 <span class="mobile-menu__product-card-media"> 9149 9150 9151 9152 9153 9154 9155 9156 9157 9158 <img 9159 class="mobile-menu__product-img" 9160 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" 9161 width="136" 9162 height="181" 9163 alt="Fruity Fun Variety Pack" 9164 loading="lazy" 9165 decoding="async" 9166 > 9167 9168 </span> 9169 <span class="mobile-menu__product-card-label">Fruity Fun</span> 9170 </a> 9171 </li> 9172 9173 9174 9175 9176 9177 9178 9179 9180 9181 9182 9183 9184 9185 <li class="mobile-menu__product-tile"> 9186 <a 9187 href="/products/favorites-variety-pack" 9188 class="mobile-menu__product-card" 9189 9190 > 9191 <span class="mobile-menu__product-card-media"> 9192 9193 9194 9195 9196 9197 9198 9199 9200 9201 <img 9202 class="mobile-menu__product-img" 9203 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" 9204 width="136" 9205 height="181" 9206 alt="Favorites Variety Pack" 9207 loading="lazy" 9208 decoding="async" 9209 > 9210 9211 </span> 9212 <span class="mobile-menu__product-card-label">Favorites</span> 9213 </a> 9214 </li> 9215 9216 9217 9218 9219 9220 9221 </ul> 9222 </div> 9223 9224 <div class="mobile-menu__shop-all-category"> 9225 9226 <a class="mobile-menu__btn-outline" href="/collections/variety-packs">Shop All Variety Packs</a> 9227 9228 </div> 9229 </div> 9230 </details> 9231 9232 9233 9234 <div class="mobile-menu__shop-all-footer"> 9235 <a class="mobile-menu__btn-primary" href="/collections/drinks">Shop All</a> 9236 </div> 9237 </div> 9238 9239 9240<style> 9241.mobile-menu__category-description { 9242 margin-bottom: 20px; 9243} 9244 9245.mobile-menu__category-description .metafield-multi_line_text_field { 9246 line-height: 160%; 9247 display: block; 9248} 9249 9250.mobile-menu__category-headline { 9251 margin-top: 3px; 9252} 9253</style> 9254 9255 <div class="mobile-menu__utility" role="navigation" aria-label="Quick links"> 9256 <div class="mobile-menu__utility-wave" aria-hidden="true"><svg 9257 xmlns="http://www.w3.org/2000/svg"
9258 viewBox="0 0 390 27" 9259 fill="none" 9260 preserveAspectRatio="none" 9261 class="mobile-menu__utility-wave-svg" 9262 focusable="false" 9263 > 9264 <path 9265 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" 9266 fill="#008168" 9267 /> 9268 </svg> 9269 </div> 9270 9271 <ul class="mobile-menu__utility-list tw-m-0 tw-list-none"> 9272 <li class="mobile-menu__utility-item"> 9273 <a class="mobile-menu__utility-link" href="/pages/store-locator"> 9274 <span class="mobile-menu__utility-icon" aria-hidden="true"> 9275 <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"> 9276 <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"/> 9277</svg> 9278 9279 </span> 9280 <span class="mobile-menu__utility-label">Find a Store</span> 9281 </a> 9282 </li> 9283 <li class="mobile-menu__utility-item"> 9284 9285 <a class="mobile-menu__utility-link" href="/account/login"> 9286 <span class="mobile-menu__utility-icon" aria-hidden="true"> 9287 <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"> 9288 <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"/> 9289</svg> 9290 9291 </span>
9292 <span class="mobile-menu__utility-label">Account</span> 9293 </a> 9294 9295 </li> 9296 <li class="mobile-menu__utility-item"> 9297 <a class="mobile-menu__utility-link" href="/pages/contact-us"> 9298 <span class="mobile-menu__utility-icon" aria-hidden="true"> 9299 <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"> 9300 <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"/> 9301</svg> 9302 9303 </span> 9304 <span class="mobile-menu__utility-label">Contact Us</span> 9305 </a> 9306 </li> 9307 <li class="mobile-menu__utility-item"> 9308 <a class="mobile-menu__utility-link" href="/pages/track-your-order"> 9309 <span class="mobile-menu__utility-icon" aria-hidden="true"> 9310 <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"> 9311 <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"/> 9312</svg> 9313 9314 </span>
9315 <span class="mobile-menu__utility-label">Track Order</span> 9316 </a> 9317 </li> 9318 <li class="mobile-menu__utility-item"> 9319 <a class="mobile-menu__utility-link" href="/pages/olipop-rewards"> 9320 <span class="mobile-menu__utility-icon" aria-hidden="true"> 9321 <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"> 9322 <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"/> 9323</svg> 9324 9325 </span> 9326 <span class="mobile-menu__utility-label">Earn Rewards</span> 9327 </a> 9328 </li> 9329 </ul> 9330</div> 9331 9332<style> 9333 .mobile-menu__utility-list { 9334 padding-bottom: 10.5rem; 9335 } 9336</style> 9337 9338 </div> 9339 9340 9341 <div 9342 id="mobile-panel-learn" 9343 class="mobile-menu__tabpanel tw-hidden" 9344 role="tabpanel" 9345 aria-labelledby="mobile-tab-learn" 9346 data-mobile-panel="learn" 9347 hidden 9348 tabindex="0" 9349 > 9350 9351 9352 9353 9354 <div class="mobile-menu__shop-body"> 9355 9356 9357 9358 9359 9360 9361 <div class="mobile-menu__leaf-row"> 9362 <a 9363 href="/pages/our-story" 9364 class="mobile-menu__leaf-link" 9365 9366 >
9367 <span class="mobile-menu__leaf-title">Our story</span> 9368 </a> 9369 </div> 9370 9371 9372 9373 9374 9375 9376 <div class="mobile-menu__leaf-row"> 9377 <a 9378 href="/pages/ingredients" 9379 class="mobile-menu__leaf-link" 9380 9381 > 9382 <span class="mobile-menu__leaf-title">Ingredients</span> 9383 </a> 9384 </div> 9385 9386 9387 9388 9389 9390 9391 <div class="mobile-menu__leaf-row"> 9392 <a 9393 href="/pages/digestive-health" 9394 class="mobile-menu__leaf-link" 9395 9396 > 9397 <span class="mobile-menu__leaf-title">Digestive health</span> 9398 </a> 9399 </div> 9400 9401 9402 9403 9404 9405 9406 <div class="mobile-menu__leaf-row"> 9407 <a 9408 href="/pages/fiber-education" 9409 class="mobile-menu__leaf-link" 9410 9411 > 9412 <span class="mobile-menu__leaf-title">Fiber education</span> 9413 </a> 9414 </div> 9415 9416 9417 9418 9419 9420 9421 <div class="mobile-menu__leaf-row"> 9422 <a 9423 href="/pages/subscription" 9424 class="mobile-menu__leaf-link" 9425 9426 > 9427 <span class="mobile-menu__leaf-title">Subscriptions</span> 9428 </a> 9429 </div> 9430 9431 9432 9433 9434 </div> 9435 9436 9437 <div class="mobile-menu__utility" role="navigation" aria-label="Quick links"> 9438 <div class="mobile-menu__utility-wave" aria-hidden="true"><svg 9439 xmlns="http://www.w3.org/2000/svg" 9440 viewBox="0 0 390 27" 9441 fill="none" 9442 preserveAspectRatio="none" 9443 class="mobile-menu__utility-wave-svg" 9444 focusable="false" 9445 > 9446 <path 9447 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" 9448 fill="#008168" 9449 /> 9450 </svg> 9451 </div> 9452 9453 <ul class="mobile-menu__utility-list tw-m-0 tw-list-none"> 9454 <li class="mobile-menu__utility-item"> 9455 <a class="mobile-menu__utility-link" href="/pages/store-locator"> 9456 <span class="mobile-menu__utility-icon" aria-hidden="true"> 9457 <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"> 9458 <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"/> 9459</svg> 9460 9461 </span> 9462 <span class="mobile-menu__utility-label">Find a Store</span> 9463 </a> 9464 </li> 9465 <li class="mobile-menu__utility-item"> 9466 9467 <a class="mobile-menu__utility-link" href="/account/login"> 9468 <span class="mobile-menu__utility-icon" aria-hidden="true"> 9469 <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewB
9469ox="0 0 16 16" fill="none" aria-hidden="true" focusable="false" class="mobile-menu__utility-icon-svg"> 9470 <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"/> 9471</svg> 9472 9473 </span> 9474 <span class="mobile-menu__utility-label">Account</span> 9475 </a> 9476 9477 </li> 9478 <li class="mobile-menu__utility-item"> 9479 <a class="mobile-menu__utility-link" href="/pages/contact-us"> 9480 <span class="mobile-menu__utility-icon" aria-hidden="true"> 9481 <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"> 9482 <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"/> 9483</svg> 9484 9485 </span>
9486 <span class="mobile-menu__utility-label">Contact Us</span> 9487 </a> 9488 </li> 9489 <li class="mobile-menu__utility-item"> 9490 <a class="mobile-menu__utility-link" href="/pages/track-your-order"> 9491 <span class="mobile-menu__utility-icon" aria-hidden="true"> 9492 <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"> 9493 <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"/> 9494</svg> 9495 9496 </span> 9497 <span class="mobile-menu__utility-label">Track Order</span> 9498 </a> 9499 </li> 9500 <li class="mobile-menu__utility-item"> 9501 <a class="mobile-menu__utility-link" href="/pages/olipop-rewards"> 9502 <span class="mobile-menu__utility-icon" aria-hidden="true"> 9503 <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"> 9504 <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.
950463261 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"/> 9505</svg> 9506 9507 </span> 9508 <span class="mobile-menu__utility-label">Earn Rewards</span> 9509 </a> 9510 </li> 9511 </ul> 9512</div> 9513 9514<style> 9515 .mobile-menu__utility-list { 9516 padding-bottom: 10.5rem; 9517 } 9518</style> 9519 9520 </div> 9521 9522 </div> 9523 </div> 9524 </div> 9525</div> 9526
9527<script> 9528 $(document).ready(function () { 9529 const $root = $('[js-mobile-menu]'); 9530 const $backdrop = $('.mobile-menu__backdrop'); 9531 const $panel = $('[js-mobile-menu-panel]'); 9532 const $toggle = $('.header__button.mobile-menu-toggle'); 9533 9534 function applyMenuGeometry() { 9535 const header = document.getElementById('shopify-section-header'); 9536 const el = document.querySelector('[js-mobile-menu]'); 9537 if (!header || !el) return; 9538 const h = header.clientHeight; 9539 el.style.top = h + 'px'; 9540 el.style.height = 'calc(100vh - ' + h + 'px)'; 9541 } 9542 9543 function clearMenuGeometry() { 9544 const el = document.querySelector('[js-mobile-menu]'); 9545 if (el) { 9546 el.style.top = ''; 9547 el.style.height = ''; 9548 } 9549 } 9550 9551 function openMenuVisual() { 9552 $root.addClass('is-active'); 9553 } 9554 9555 function closeMenuVisual() { 9556 $root.removeClass('is-active'); 9557 } 9558 9559 var mobileMenuClosing = false; 9560 9561 function finalizeMobileMenuClose() { 9562 document.documentElement.classList.remove('stop-scroll'); 9563 $('.overlay').removeClass('is-active'); 9564 $('.site-header .header__button').removeClass('is-active'); 9565 $('.header-wrapper').removeClass('is-mobile-active'); 9566 clearMenuGeometry(); 9567 mobileMenuClosing = false; 9568 requestAnimationFrame(function () { 9569 requestAnimationFrame(function () { 9570 window.dispatchEvent(new Event('scroll')); 9571 }); 9572 }); 9573 } 9574 9575 function activateMobileTab(which) { 9576 const $shop = $('.mobile-menu__tab--shop'); 9577 const $learn = $('.mobile-menu__tab--learn'); 9578 const $shopPanel = $('#mobile-panel-shop'); 9579 const $learnPanel = $('#mobile-panel-learn'); 9580 if (!$shop.length || !$learn.length) return; 9581 if (which === 'shop') { 9582 $shop.addClass('is-selected').attr({ 'aria-selected': 'true', tabindex: 0 }); 9583 $learn.removeClass('is-selected').attr({ 'aria-selected': 'false', tabindex: -1 }); 9584 $shopPanel.removeClass('tw-hidden').removeAttr('hidden'); 9585 $learnPanel.addClass('tw-hidden').attr('hidden', 'hidden'); 9586 } else { 9587 $learn.addClass('is-selected').attr({ 'aria-selected': 'true', tabindex: 0 }); 9588 $shop.removeClass('is-selected').attr({ 'aria-selected': 'false', tabindex: -1 }); 9589 $learnPanel.removeClass('tw-hidden').removeAttr('hidden'); 9590 $shopPanel.addClass('tw-hidden').attr('hidden', 'hidden'); 9591 } 9592 } 9593 9594 function resetToShopTab() { 9595 activateMobileTab('shop'); 9596 } 9597 9598 $toggle.on('click', function () { 9599 const toggleBtn = this; 9600 const panelEl = document.querySelector('[js-mobile-menu-panel]'); 9601 const isOpen = $('.header-wrapper').hasClass('is-mobile-active'); 9602 9603 if (!isOpen) { 9604 $('.header-wrapper').addClass('is-mobile-active'); 9605 document.documentElement.classList.add('stop-scroll'); 9606 $('.overlay').addClass('is-active'); 9607 $('.site-header .header__button').addClass('is-active'); 9608 applyMenuGeometry(); 9609 9610 function revealMenuAndFocus() { 9611 openMenuVisual(); 9612 resetToShopTab(); 9613 toggleBtn.setAttribute('aria-expanded', 'true'); 9614 const wrap = document.querySelector('[js-header-wrapper]'); 9615 const toFocus = panelEl ? panelEl.querySelector('.mobile-menu__tab, a, button') : null; 9616 if (wrap && toFocus) { 9617 trapFocus(wrap, toFocus); 9618 } 9619 } 9620 9621 if (window.matchMedia('(prefers-reduced-motion: reduce)').matches) { 9622 revealMenuAndFocus(); 9623 } else { 9624 requestAnimationFrame(function () { 9625 requestAnimationFrame(revealMenuAndFocus); 9626 }); 9627 } 9628 } else { 9629 if (mobileMenuClosing) { 9630 return; 9631 } 9632 mobileMenuClosing = true; 9633 closeMenuVisual(); 9634 toggleBtn.setAttribute('aria-expanded', 'false'); 9635 removeTrapFocus(); 9636 9637 if (window.matchMedia('(prefers-reduced-motion: reduce)').matches) { 9638 finalizeMobileMenuClose(); 9639 return; 9640 } 9641 9642 var closeDone = false; 9643 function doneClosing() { 9644 if (closeDone) return; 9645 closeDone = true; 9646 if (panelEl) { 9647 panelEl.removeEventListener('transitionend', onPanelTransitionEnd); 9648 } 9649 finalizeMobileMenuClose(); 9650 } 9651 9652 function onPanelTransitionEnd(e) { 9653 if (e.target !== panelEl || e.propertyName !== 'transform') return; 9654 doneClosing(); 9655 } 9656 9657 if (panelEl) { 9658 panelEl.addEventListener('transitionend', onPanelTransitionEnd); 9659 } 9660 window.setTimeout(doneClosing, 400); 9661 } 9662 }); 9663 9664 var mobileMenuDesktopMin = 1024; 9665 9666 function closeMobileMenuIfDesktop() { 9667 if (window.innerWidth >= mobileMenuDesktopMin && $toggle.hasClass('is-active')) { 9668 $toggle.trigger('click'); 9669 } 9670 } 9671 9672 $(window).on('resize', function () { 9673 closeMobileMenuIfDesktop(); 9674 if ($toggle.hasClass('is-active')) { 9675 applyMenuGeometry(); 9676 } 9677 }); 9678 9679 $backdrop.on('click', function () { 9680 if ($toggle.hasClass('is-active')) { 9681 $toggle.trigger('click'); 9682 } 9683 }); 9684 9685 $(document).on('keydown.mobileMenu', function (e) { 9686 if (e.key !== 'Escape') return; 9687 if (!$('.header-wrapper').hasClass('is-mobile-active')) return; 9688 e.preventDefault(); 9689 if ($toggle.hasClass('is-active')) { 9690 $toggle.trigger('click'); 9691 } 9692 }); 9693 9694 $('.mobile-menu__tab[data-mobile-tab]').on('click', function () { 9695 activateMobileTab($(this).data('mobile-tab')); 9696 }); 9697 9698 $('.mobile-menu__tab[data-mobile-tab]').on('keydown', function (e) { 9699 if (e.key !== 'ArrowLeft' && e.key !== 'ArrowRight') return; 9700 e.preventDefault(); 9701 const cur = $(this).data('mobile-tab'); 9702 if (e.key === 'ArrowLeft' && cur === 'learn') { 9703 activateMobileTab('shop'); 9704 $('.mobile-menu__tab--shop').trigger('focus'); 9705 } 9706 if (e.key === 'ArrowRight' && cur === 'shop') { 9707 activateMobileTab('learn'); 9708 $('.mobile-menu__tab--learn').trigger('focus'); 9709 } 9710 }); 9711 9712 $('#nav-icon3').on('click', function () { 9713 $(this).toggleClass('open'); 9714 }); 9715 9716 $('[js-mobile-menu-close]').on('click', function (e) { 9717 e.preventDefault(); 9718 $('#nav-icon3').trigger('click'); 9719 }); 9720 }); 9721</script>
9721 9722</header> 9723
9724<script type="text/javascript"> 9725 $(document).ready(function () { 9726 const handleScrollOnHeader = () => { 9727 const y = document.documentElement.scrollTop || document.body.scrollTop; 9728 const $headerWrapper = $('.header-wrapper'); 9729 const isTransparent = $headerWrapper.attr('color-theme') === 'transparent'; 9730 if (y < 10) { 9731 $headerWrapper.removeClass('is-active'); 9732 if (isTransparent) { 9733 $headerWrapper.addClass('tw-bg-transparent'); 9734 } 9735 } else { 9736 $headerWrapper.addClass('is-active'); 9737 if (isTransparent) { 9738 $headerWrapper.removeClass('tw-bg-transparent'); 9739 } 9740 } 9741 }; 9742 9743 $(window).on('scroll', handleScrollOnHeader); 9744 handleScrollOnHeader(); 9745 }); 9746</script>
9746 9747
9748<script type="application/ld+json"> 9749 { 9750 "@context": "http://schema.org", 9751 "@type": "Organization", 9752 "name": "OLIPOP", 9753 9754 9755 "logo": "https:\/\/drinkolipop.com\/cdn\/shop\/files\/OlipopLogo_1_560x.png?v=1778767782", 9756 9757 "sameAs": [ 9758 "https:\/\/twitter.com\/drinkolipop", 9759 "https:\/\/www.facebook.com\/drinkolipop", 9760 "https:\/\/www.pinterest.com\/drinkolipop\/", 9761 "https:\/\/www.instagram.com\/drinkolipop\/", 9762 "", 9763 "", 9764 "https:\/\/www.youtube.com\/@OLIPOP", 9765 "" 9766 ], 9767 "url": "https:\/\/drinkolipop.com" 9768 } 9769</script>
9769 9770 9771 9772 9773 9774</div> 9775<!-- END sections: header-group --> 9776 9777
9777<script> 9778 const headerGroup = document.querySelector('#shopify-section-header'); 9779 function setHeaderGroupVars() { 9780 document.documentElement.style.setProperty( 9781 '--header-group-bottom-position', 9782 headerGroup.getBoundingClientRect().bottom + 'px' 9783 ); 9784 } 9785 setTimeout(setHeaderGroupVars, 1000); 9786 window.addEventListener('resize', setHeaderGroupVars); 9787 </script>
9787 9788 </section> 9789 <div class="page-container drawer-page-content" id="PageContainer" role="main"> 9790 <div 9791 class="main-content js-focus-hidden" 9792 id="MainContent" 9793 tabindex="-1" 9794 > 9795 <div id="shopify-section-template--24009561669791__main" class="shopify-section"> 9796 9797<div class="tw-w-full tw-max-w-full tw-bg-green-400 tw-px-4 tw-py-20 md:tw-py-25"> 9798 <div id="CustomerLoginForm" class="tw-mx-auto tw-max-w-150"> 9799 <div id="LoginHeading" class="tw-mb-10 tw-text-center tw-text-hunter-green"> 9800 9801 9802 9803<h1 9804 9805 class="tw-antialiased tw-m-0 tw-p-0 tw-leading-none tw-text-inherit tw-font-black tw-font-display tw-text-5xl md:tw-text-8xl tw-font-display" 9806> 9807 Login 9808</h1> 9809 9810 </div> 9811 9812 <div class="hide tw-mb-10" id="ResetSuccess" tabindex="-1"> 9813 9814 9815 9816 9817<div 9818 class="tw-flex tw-items-center" 9819 9820> 9821 <div class="tw-flex tw-w-full tw-items-center tw-justify-center tw-gap-x-4 tw-break-words tw-rounded-lg tw-bg-green-900 tw-px-5 tw-py-2"> 9822 <span class="tw-text-white"> 9823 9824 9825 9826 <svg width="15" height="14" viewBox="0 0 15 14" fill="none" xmlns="http://www.w3.org/2000/svg"> 9827 <rect x="1" y="0.5" width="13" height="13" rx="6.5" stroke="white"/> 9828 <path d="M8.10117 3.5V4.8H6.90117V3.5H8.10117ZM8.10117 6.5V11H6.90117V6.5H8.10117Z" fill="white"/> 9829 </svg> 9830 9831 9832 9833 </span> 9834 9835 <span class="[& a]:!tw-text-white tw-text-white [&_a]:!tw-text-white [&_a]:!tw-underline"> 9836 9837 9838<p 9839 9840 class="tw-font-body tw-leading-loose tw:antialiased tw-m-0 tw-p-0 tw-font-inherit tw-text-inherit tw-text-lg md:tw-text-xl" 9841> 9842 We've sent you an email with a link to update your password. 9843</p> 9844 9845 </span> 9846 </div> 9847</div> 9848 9849 </div> 9850 9851 <form method="post" action="/account/login" id="customer_login" accept-charset="UTF-8" data-login-with-shop-sign-in="true" novalidate="novalidate"><input type="hidden" name="form_type" value="customer_login" /><input type="hidden" name="utf8" value="✓" /> 9852 9853 9854<div data-component="input"> 9855 9856 <div class="tw-flex tw-flex-row tw-pb-2"> 9857 9858 <span aria-hidden="true" class="sr-only">Fields with an asterisk * are required</span> 9859 <span class="tw-mr-1 tw-text-xl tw-font-normal tw-text-green-800">*</span> 9860 9861 <label 9862 class="tw-text-xl tw-font-semibold tw-text-hunter-green" 9863 for="CustomerEmail" 9864 > 9865 Email 9866 </label> 9867 </div> 9868 9869 <input 9870 class="tw-h-12 tw-w-full tw-appearance-none tw-rounded-card tw-px-6 tw-py-3.15 tw-leading-extra-loose placeholder:!tw-h-inherit placeholder:!tw-leading-inherit focus:tw-ring-2 focus:tw-ring-green-800 focus:tw-ring-offset-1 tw-bg-white placeholder:!tw-text-hunter-green" 9871 id="CustomerEmail" 9872 autocomplete="email" 9873 placeholder="Email" 9874 name="customer[email]" 9875 9876 9877 required 9878 aria-required="true" 9879 9880 type="email" 9881 9882 > 9883</div> 9884 9885 9886 9887 <div class="tw-mt-5"> 9888 9889 9890<div data-component="input"> 9891 9892 <div class="tw-flex tw-flex-row tw-pb-2"> 9893 9894 <span aria-hidden="true" class="sr-only">Fields with an asterisk * are required</span> 9895 <span class="tw-mr-1 tw-text-xl tw-font-normal tw-text-green-800">*</span> 9896 9897 <label 9898 class="tw-text-xl tw-font-semibold tw-text-hunter-green" 9899 for="CustomerPassword" 9900 > 9901 Password 9902 </label> 9903 </div> 9904 9905 <input 9906 class="tw-h-12 tw-w-full tw-appearance-none tw-rounded-card tw-px-6 tw-py-3.15 tw-leading-extra-loose placeholder:!tw-h-inherit placeholder:!tw-leading-inherit focus:tw-ring-2 focus:tw-ring-green-800 focus:tw-ring-offset-1 tw-bg-white placeholder:!tw-text-hunter-green" 9907 id="CustomerPassword" 9908 autocomplete="current-password" 9909 placeholder="Password" 9910 name="customer[password]" 9911 9912 9913 required 9914 aria-required="true" 9915 9916 type="password" 9917 9918 > 9919</div> 9920 9921 </div> 9922 9923 9924 <div class="tw-mt-10 tw-flex tw-flex-col tw-items-center tw-justify-between lg:tw-flex-row"> 9925 <div class="tw-w-full md:tw-mr-10 md:tw-max-w-70"> 9926 9927 9928 9929<button 9930 9931 9932 9933 9934 9935 9936 9937 9938 type="submit" 9939 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] focu
9939s: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 " 9940 9941 9942> 9943 9944 9945 Sign In 9946</button> 9947 9948 </div> 9949 9950 9951 9952 <div class="tw-mt-5 lg:tw-mt-0"> 9953 9954 9955<a 9956 9957 id="RecoverPassword" 9958 9959 9960 href="#recover" 9961 9962 9963 9964 9965 9966 9967 9968 type="button" 9969 class="tw-text-lg tw-px-0 tw-w-auto tw-border-b-2 tw-border-l-0 tw-border-r-0 tw-border-t-0 tw-border-solid tw-border-hunter-green tw-bg-transparent tw-font-bold tw-leading-none tw-text-hunter-green focus:!tw-ring-4 md:hover:tw-border-hunter-green-light md:hover:tw-text-hunter-green-light 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 tw-inline-flex tw-items-center " 9970 9971 9972> 9973 9974 9975 Forgot your password? 9976</a> 9977 9978 </div> 9979 9980 </div> 9981 9982 <fieldset class="tw-mb-10 tw-mt-15 tw-border-t tw-border-solid tw-border-hunter-green"> 9983 <legend class="tw-mx-auto tw-px-4 tw-text-base-lg-d tw-font-bold tw-text-hunter-green">OR</legend> 9984 </fieldset> 9985 9986 <div class="tw-mb-8 tw-flex tw-flex-col tw-gap-y-5 lg:tw-mb-0 lg:tw-flex-row lg:tw-gap-x-5 lg:tw-gap-y-0"> 9987 9988<div class="tw-w-full tw-flex-1 tw-overflow-x-hidden tw-rounded-xl tw-bg-hunter-green/[.05] tw-p-5 tw-text-center"> 9989 <p class="tw-mb-4 tw-text-base-sm-d">Need an account?</p> 9990 9991 9992<a 9993 9994 9995 href="/account/register" 9996 9997 9998 9999 10000 10001 10002 10003 type="button" 10004 class="tw-px-10 tw-text-lg tw-h-12 tw-w-full tw-border-2 tw-rounded-btn tw-border-solid tw-border-hunter-green tw-bg-transparent tw-text-hunter-green hover:tw-bg-hunter-green hover:tw-text-creme focus:tw-bg-hunter-green focus:tw-text-creme active:tw-bg-hunter-green 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 tw-inline-flex tw-items-center " 10005 10006 10007> 10008 10009 10010 Create an Account 10011</a> 10012 10013</div> 10014 10015 <!-- Retextion passwordless login code --> 10016 10017<div class="tw-w-full tw-flex-1 tw-overflow-x-hidden tw-rounded-xl tw-bg-hunter-green/[.05] tw-p-5 tw-text-center"> 10018 <p class="tw-mb-4 tw-text-base-sm-d">Subscribed without an account?</p> 10019 10020 10021<a 10022 10023 10024 href="/apps/retextion#/login" 10025 10026 10027 10028 10029 10030 10031 10032 type="button" 10033 class="tw-px-10 tw-text-lg tw-h-12 tw-w-full tw-border-2 tw-rounded-btn tw-border-solid tw-border-hunter-green tw-bg-transparent tw-text-hunter-green hover:tw-bg-hunter-green hover:tw-text-creme focus:tw-bg-hunter-green focus:tw-text-creme active:tw-bg-hunter-green 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 tw-inline-flex tw-items-center " 10034 10035 10036> 10037 10038 10039 Manage Subscription 10040</a> 10041 10042</div> 10043 10044 </div> 10045 </form> 10046 </div> 10047 10048 <div id="RecoverPasswordForm" class="hide tw-mx-auto tw-max-w-150"> 10049 <div class="tw-mb-10 tw-text-center" id="RecoverHeading"> 10050 10051 10052 10053<h2 10054 10055 class="tw-antialiased tw-m-0 tw-p-0 tw-leading-none tw-text-inherit tw-font-black tw-font-display tw-text-5xl md:tw-text-8xl tw-font-display" 10056> 10057 Reset account password 10058</h2> 10059 10060 10061 <div class="tw-mt-2"> 10062 10063 10064<p 10065 10066 class="tw-font-body tw-leading-loose tw:antialiased tw-m-0 tw-p-0 tw-font-inherit tw-text-inherit tw-text-lg md:tw-text-xl" 10067> 10068 We will send you an email to reset your password. 10069</p> 10070 10071 </div> 10072 </div> 10073 10074 <form method="post" action="/account/recover" accept-charset="UTF-8"><input type="hidden" name="form_type" value="recover_customer_password" /><input type="hidden" name="utf8" value="✓" /> 10075 <input type="hidden" name="form_type" value="recover_customer_password"> 10076 10077 10078<div class="tw-mt-10"> 10079 10080 10081<div data-component="input"> 10082 10083 <div class="tw-flex tw-flex-row tw-pb-2"> 10084
10085 <span aria-hidden="true" class="sr-only">Fields with an asterisk * are required</span> 10086 <span class="tw-mr-1 tw-text-xl tw-font-normal tw-text-green-800">*</span> 10087 10088 <label 10089 class="tw-text-xl tw-font-semibold tw-text-hunter-green" 10090 for="RecoverEmail" 10091 > 10092 Email 10093 </label> 10094 </div> 10095 10096 <input 10097 class="tw-h-12 tw-w-full tw-appearance-none tw-rounded-card tw-px-6 tw-py-3.15 tw-leading-extra-loose placeholder:!tw-h-inherit placeholder:!tw-leading-inherit focus:tw-ring-2 focus:tw-ring-green-800 focus:tw-ring-offset-1 tw-bg-white placeholder:!tw-text-hunter-green" 10098 id="RecoverEmail" 10099 autocomplete="email" 10100 placeholder="Email" 10101 name="email" 10102 10103 10104 required 10105 aria-required="true" 10106 10107 type="email" 10108 10109 > 10110</div> 10111 10112 </div> 10113 10114 <div class="tw-mt-10 tw-justify-between lg:tw-flex"> 10115 10116 10117 10118 <div class="tw-w-full md:tw-mr-10 md:tw-max-w-70"> 10119 10120 10121<button 10122 10123 10124 10125 10126 10127 10128 10129 10130 type="submit" 10131 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 " 10132 10133 10134> 10135 10136 10137 Reset My Password 10138</button> 10139 10140 </div> 10141 10142 <div class="tw-mt-5 tw-w-full md:tw-max-w-70 lg:tw-mt-0"> 10143 10144 10145<button 10146 10147 id="HideRecoverPasswordLink" 10148 10149 10150 10151 10152 10153 10154 10155 10156 type="button" 10157 class="tw-px-10 tw-text-lg tw-h-12 tw-w-full tw-border-2 tw-rounded-btn tw-border-solid tw-border-hunter-green tw-bg-transparent tw-text-hunter-green hover:tw-bg-hunter-green hover:tw-text-creme focus:tw-bg-hunter-green focus:tw-text-creme active:tw-bg-hunter-green 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 " 10158 10159 10160> 10161 10162 10163 Back to Login 10164</button> 10165 10166 </div> 10167 </div> 10168 </form> 10169 </div> 10170</div> 10171 10172 10173</div>
10173<script data-locksmith> 10174 var load = function () { 10175 10176 if (document.querySelectorAll('.locksmith-manual-trigger').length > 0) { 10177 Locksmith.ping(); 10178 } 10179 10180 10181 Locksmith.util.on('submit', 'locksmith-resource-form', function (event) { 10182 event.preventDefault(); 10183 var data = Locksmith.util.serializeForm(event.target); 10184 var options = { spinner: false, container: 'locksmith-content' }; 10185 // a form rendered inline (section replacement) must keep that context 10186 // on resubmit: same enclosing container (there may be several on the 10187 // page), and no layout classes or cancel affordance in the re-render 10188 var inlineContainer = event.target.closest && event.target.closest('[id^="locksmith-content"]'); 10189 if (inlineContainer) { 10190 options.container = inlineContainer; 10191 } 10192 if (event.target.getAttribute('data-locksmith-inline') === 'true') { 10193 options.include_layout_classes = false; 10194 } 10195 Locksmith.postResource(data, options); 10196 }); 10197 10198 Locksmith.util.on('click', 'locksmith-manual-trigger', function (event) { 10199 event.preventDefault(); 10200 Locksmith.postResource({}, { spinner: true, container: document }); 10201 }); 10202 10203 Locksmith.submitPasscode = function (passcode) { 10204 Locksmith.postResource( 10205 { passcode: passcode }, 10206 { spinner: false, container: 'locksmith-content' } 10207 ); 10208 }; 10209 }; 10210 10211 if (typeof Locksmith !== 'undefined') { 10212 load(); 10213 } else { 10214 window.addEventListener('load', load); 10215 } 10216 </script>
10216 10217 </div> 10218 10219 <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> 10220 </div> 10221 10222 <div id="shopify-section-footer" class="shopify-section"><style data-shopify>#shopify-section-footer { 10223 --image-width: 0px; 10224 --image-width-mobile: 0.0px; 10225 --image-width-secondary: 0px; 10226 --image-width-secondary-mobile: 0.0px; 10227 } 10228 10229 #shopify-section-footer .slice-animation--left { 10230 animation: slice-small 3s cubic-bezier(0.33, 0.35, 0.73, 0.72) forwards paused; 10231 } 10232 10233 #shopify-section-footer .slice-animation--right { 10234 animation: slice-small-right 3s cubic-bezier(0.33, 0.35, 0.73, 0.72) forwards paused; 10235 } 10236 10237 @media (min-width: 750px) { 10238 #shopify-section-footer .slice-animation--left { 10239 animation: slice-medium 3s cubic-bezier(0.33, 0.35, 0.73, 0.72) forwards paused; 10240 } 10241 } 10242 10243 @media (min-width: 750px) { 10244 #shopify-section-footer .slice-animation--right { 10245 animation: slice-medium-right 3s cubic-bezier(0.33, 0.35, 0.73, 0.72) forwards paused; 10246 } 10247 } 10248 10249 @media (min-width: 1024px) { 10250 #shopify-section-footer .slice-animation--left { 10251 animation: slice-large 3s cubic-bezier(0.33, 0.35, 0.73, 0.72) forwards paused; 10252 } 10253 } 10254 10255 @media (min-width: 1024px) { 10256 #shopify-section-footer .slice-animation--right { 10257 animation: slice-large-right 3s cubic-bezier(0.33, 0.35, 0.73, 0.72) forwards paused; 10258 } 10259 } 10260 10261 @media (min-width: 1440px) { 10262 #shopify-section-footer .slice-animation--left { 10263 animation: slice-large-up 3s cubic-bezier(0.33, 0.35, 0.73, 0.72) forwards paused; 10264 } 10265 } 10266 10267 @media (min-width: 1440px) { 10268 #shopify-section-footer .slice-animation--right { 10269 animation: slice-large-up-right 3s cubic-bezier(0.33, 0.35, 0.73, 0.72) forwards paused; 10270 } 10271 } 10272 10273 @media (min-width: 1920px) { 10274 #shopify-section-footer .slice-animation--left { 10275 animation: slice-large-up 7s cubic-bezier(0.33, 0.35, 0.73, 0.72) forwards paused; 10276 } 10277 } 10278 10279 @media (min-width: 1920px) { 10280 #shopify-section-footer .slice-animation--right { 10281 animation: slice-large-up-right 7s cubic-bezier(0.33, 0.35, 0.73, 0.72) forwards paused; 10282 } 10283 } 10284 10285 @keyframes slice-large-up { 10286 0%{ 10287 transform: translateX(0%) 10288 } 10289 100%{ 10290 transform: translateX(calc((100vw - 1320px) / 2)); 10291 } 10292 } 10293 10294 @keyframes slice-large-up-right { 10295 0%{ 10296 transform: translateX(0%) 10297 } 10298 100%{ 10299 transform: translateX(calc((100vw - 1320px) / -2)); 10300 } 10301 } 10302 10303 @keyframes slice-large { 10304 0%{ 10305 transform: translateX(0%) 10306 } 10307 100%{ 10308 transform: translateX(60px) 10309 } 10310 } 10311 10312 @keyframes slice-large-right { 10313 0%{ 10314 transform: translateX(0%) 10315 } 10316 100%{ 10317 transform: translateX(-60px) 10318 } 10319 } 10320 10321 @keyframes slice-medium { 10322 0%{ 10323 transform: translateX(0%) 10324 } 10325 100%{ 10326 transform: translateX(20px) 10327 } 10328 } 10329 10330 @keyframes slice-medium-right { 10331 0%{ 10332 transform: translateX(0%) 10333 } 10334 100%{ 10335 transform: translateX(-20px) 10336 } 10337 } 10338 10339 @keyframes slice-small { 10340 0% { 10341 transform: translateX(0%); 10342 } 10343 100% { 10344 transform: translateX(20px) 10345 } 10346 } 10347 10348 @keyframes slice-small-right { 10349 0% { 10350 transform: translateX(0%); 10351 } 10352 100% { 10353 transform: translateX(-20px) 10354 } 10355 } 10356 10357 footer .klaviyo-form button:hover { 10358 background-color: #E2EB28 !important; 10359 } 10360 10361 .footer-menu h3 { 10362 font-weight: 800; 10363 } 10364 10365 .footer-menu a:hover { 10366 color: #FFFF7D !important; 10367 } 10368 10369 @media screen and (max-width: 750px) { 10370 .footer-link-list li:not(:last-child)::after { 10371 margin-right: 5px; 10372 margin-left: 5px; 10373 } 10374 10375 .footer-link-list { 10376 margin-right: -1rem; 10377 margin-left: -1rem; 10378 } 10379 }</style><footer 10380 class="tw-relative tw-z-10 tw-float-left tw-w-full tw-font-ano" 10381 data-section-id="footer" 10382 data-section-type="footer-section" 10383 style="background-color: #008168;" 10384> 10385 <section class="tw-pointer-events-none tw-relative tw-h-0"><div 10386 class="tw-absolute tw-z-6 tw-w-full tw-bottom-[-100%]" 10387 > 10388 <div 10389 class="wave-separator-svg__curve-up-left tw-h-[98px]" 10390 style="background-color: #008168;" 10391 ></div> 10392 </div> 10393 </section> 10394 10395 10396 10397 10398 <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"> 10399 <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"> 10400 <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 10401 class="tw-text-8 lg:tw-text-12 !tw-font-display tw-font-bold tw-leading-[1.1] !tw-text-vanilla " 10402 id="footer-menu-label-1" 10403 > 10404 Sign up to get 15% off your first order 10405 </h3><klaviyo-form 10406 class="klaviyo-form tw-px-0 tw-pt-4 tw-pb-6 md:tw-py-6 tw-inline-block text-left" 10407 data-klaviyo-list-id="KdQJNU" 10408 > 10409 <form 10410 method="post" 10411 action="/contact#contact_form" 10412 id="contact_form" 10413 accept-charset="UTF-8" 10414 class="newsletter-form" 10415 > 10416 <input type="hidden" name="contact[tags]" value="newsletter"> 10417 <div class="klaviyo-form__wrapper rel"> 10418 <input 10419 type="email" 10420 id="KlaviyoForm--footer" 10421 name="contact[email]" 10422 value="" 10423 aria-required="true" 10424 autocorrect="off" 10425 autocapitalize="off" 10426 autocomplete="email" 10427 required 10428 placeholder="Your Email Address" 10429 > 10430 <label class="visually-hidden" for="KlaviyoForm--footer">Subscribe</label> 10431 <button 10432 type="submit" 10433 name="subscribe" 10434 id="subscribe" 10435 aria-label="Subscribe" 10436 > 10437 Subscribe 10438 </button> 10439 </div> 10440
10441 <div class="klaviyo-form__message klaviyo-form__success hide"> 10442 <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> 10443 </div> 10444 10445 10446 10447 <div class="klaviyo-form__message klaviyo-form__error form-error hide"> 10448 <p>Something went wrong, please try again</p> 10449 </div> 10450 10451 <div class="klaviyo-form__message klaviyo-form__error-email form-error hide tw-pt-4"> 10452 Please enter a valid email address. 10453 </div> 10454 </form> 10455 </klaviyo-form> 10456 10457 <nav class="tw-mt-2" aria-label="Social media"> 10458 <ul class="social-icons"><li class="tw-my-0 tw-mx-[10px] tw-inline-block lg:tw-mr-7 lg:tw-ml-0"> 10459 <a class="tw-text-white hover:tw-text-yellow-dark" target="_blank" href="https://www.instagram.com/drinkolipop/"> 10460 <svg focusable="false" class="icon icon-instagram" role="presentation" viewBox="0 0 512 512"> 10461 <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"/> 10462</svg> 10463 10464 <span class="icon__fallback-text">Link to Olipop Instagram</span> 10465 </a> 10466 </li><li class="tw-my-0 tw-mx-[10px] tw-inline-block lg:tw-mr-7 lg:tw-ml-0"> 10467 <a class="tw-text-white hover:tw-text-yellow-dark" target="_blank" href="https://www.tiktok.com/@drinkolipop?lang=en"> 10468 <svg width="23" height="26" viewBox="0 0 23 26" fill="none" xmlns="http://www.w3.org/2000/svg" role="presentation"> 10469 <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"/> 10470</svg> 10471
10472 <span class="icon__fallback-text">Link to Olipop TikTok</span> 10473 </a> 10474 </li><li class="tw-my-0 tw-mx-[10px] tw-inline-block lg:tw-mr-7 lg:tw-ml-0"> 10475 <a class="tw-text-white hover:tw-text-yellow-dark" target="_blank" href="https://www.facebook.com/drinkolipop"> 10476 <svg 10477 width="11" 10478 height="21" 10479 viewBox="0 0 11 21" 10480 fill="none" 10481 xmlns="http://www.w3.org/2000/svg" 10482 class="icon icon-facebook" 10483 role="presentation" 10484> 10485 <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"/> 10486</svg> 10487 10488 <span class="icon__fallback-text">Link to Olipop Facebook</span> 10489 </a> 10490 </li><li class="tw-my-0 tw-mx-[10px] tw-inline-block lg:tw-mr-7 lg:tw-ml-0"> 10491 <a class="tw-text-white hover:tw-text-yellow-dark" target="_blank" href="https://www.linkedin.com/company/olipop-pbc"> 10492 <svg class="icon icon-linkedin" width="24" height="24" role="presentation" viewBox="0 0 26 26"> 10493 <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 "/> 10494</svg> 10495 10496 <span class="icon__fallback-text">Link to Olipop LinkedIn</span> 10497 </a> 10498 </li><li class="tw-my-0 tw-mx-[10px] tw-inline-block lg:tw-mr-7 lg:tw-ml-0"> 10499 <a class="tw-text-white hover:tw-text-yellow-dark" target="_blank" href="https://www.pinterest.com/drinkolipop/"> 10500 <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-pinterest" viewBox="0 0 20 20"> 10501 <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"/> 10502</svg> 10503 10504 <span class="icon__fallback-text">Link to Olipop Pinterest</span> 10505 </a> 10506 </li><li class="tw-my-0 tw-mx-[10px] tw-inline-block lg:tw-mr-7 lg:tw-ml-0"> 10507 <a class="tw-text-white hover:tw-text-yellow-dark" target="_blank" href="https://twitter.com/drinkolipop"> 10508 <svg 10509 width="28" 10510 aria-hidden="true" 10511 focusable="false" 10512 role="presentation" 10513 height="28" 10514 viewBox="0 0 28 28" 10515 class="icon icon-twitter" 10516 fill="none" 10517 xmlns="http://www.w3.org/2000/svg" 10518> 10519 <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"/> 10520</svg> 10521
10522 <span class="icon__fallback-text">Link to Olipop Twitter</span> 10523 </a> 10524 </li><li class="tw-my-0 tw-mx-[10px] tw-inline-block lg:tw-mr-7 lg:tw-ml-0"> 10525 <a class="tw-text-white hover:tw-text-yellow-dark" target="_blank" href="https://www.youtube.com/@OLIPOP"> 10526 <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-youtube" width="24" height="24" viewBox="0 0 24 24"> 10527 <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"/> 10528</svg> 10529 <span class="icon__fallback-text">Link to Olipop YouTube</span> 10530 </a> 10531 </li></ul> 10532 </nav> 10533</div> 10534 <div class="footer-menu tw-w-[calc(50%_-_12px)] lg:tw-w-auto tw-mt-2 lg:tw-mt-0"><h3 10535 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" 10536 id="footer-menu-label-2" 10537 > 10538 Help 10539 </h3><nav aria-labelledby="footer-menu-label-2"> 10540 <ul 10541 id="footer-menu-items-2" 10542 class="!tw-block" 10543 aria-labelledby="footer-menu-label-2" 10544 ><li class="tw-mt-3 first:tw-mt-0"> 10545 <a 10546 href="/pages/faq" 10547 class="settings-text-base-sm tw-text-vanilla hover:tw-text-yellow-dark" 10548 10549 10550 > 10551 FAQ 10552 </a> 10553 </li><li class="tw-mt-3 first:tw-mt-0"> 10554 <a 10555 href="/pages/fiber-education" 10556 class="settings-text-base-sm tw-text-vanilla hover:tw-text-yellow-dark" 10557 10558 10559 > 10560 Fiber Education 10561 </a> 10562 </li><li class="tw-mt-3 first:tw-mt-0"> 10563 <a 10564 href="https://drinkolipop.com/apps/retextion#/login" 10565 class="settings-text-base-sm tw-text-vanilla hover:tw-text-yellow-dark" 10566 10567 10568 > 10569 Manage Subscriptions 10570 </a> 10571 </li><li class="tw-mt-3 first:tw-mt-0"> 10572 <a 10573 href="https://drinkolipop.com/account/login" 10574 class="settings-text-base-sm tw-text-vanilla hover:tw-text-yellow-dark" 10575 10576 10577 > 10578 Manage Account 10579 </a> 10580 </li><li class="tw-mt-3 first:tw-mt-0"> 10581 <a 10582 href="/pages/track-your-order" 10583 class="settings-text-base-sm tw-text-vanilla hover:tw-text-yellow-dark" 10584 10585 10586 > 10587 Track Your Order 10588 </a> 10589 </li><li class="tw-mt-3 first:tw-mt-0"> 10590 <a 10591 href="/pages/satisfactionguarantee" 10592 class="settings-text-base-sm tw-text-vanilla hover:tw-text-yellow-dark" 10593 10594 10595 > 10596 Satisfaction Guarantee 10597 </a> 10598 </li><li class="tw-mt-3 first:tw-mt-0"> 10599 <a 10600 href="/pages/accessibility" 10601 class="settings-text-base-sm tw-text-vanilla hover:tw-text-yellow-dark" 10602 10603 10604 > 10605 Accessibility 10606 </a> 10607 </li><li class="tw-mt-3 first:tw-mt-0"> 10608 <a 10609 href="/pages/contact-us" 10610 class="settings-text-base-sm tw-text-vanilla hover:tw-text-yellow-dark" 10611 10612 10613 > 10614 Contact Us 10615 </a> 10616 </li> 10617 </ul> 10618 </nav></div> 10619 <div class="footer-menu tw-w-[calc(50%_-_12px)] lg:tw-w-auto tw-mt-2 lg:tw-mt-0"><h3 10620 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" 10621 id="footer-menu-label-3" 10622 > 10623 Company 10624 </h3><nav aria-labelledby="footer-menu-label-3"> 10625 <ul 10626 id="footer-menu-items-3" 10627 class="!tw-block" 10628 aria-labelledby="footer-menu-label-3" 10629 ><li class="tw-mt-3 first:tw-mt-0"> 10630 <a 10631 href="https://drinkolipop.com/pages/olipop-rewards" 10632 class="settings-text-base-sm tw-text-vanilla hover:tw-text-yellow-dark" 10633 10634 10635 > 10636 Earn Rewards 10637 </a> 10638 </li><li class="tw-mt-3 first:tw-mt-0"> 10639 <a 10640 href="/pages/sustainability" 10641 class="settings-text-base-sm tw-text-vanilla hover:tw-text-yellow-dark" 10642 10643 10644 > 10645 Sustainability 10646 </a> 10647 </li><li class="tw-mt-3 first:tw-mt-0"> 10648 <a 10649 href="/pages/careers" 10650 class="settings-text-base-sm tw-text-vanilla hover:tw-text-yellow-dark" 10651 10652 10653 > 10654 Careers 10655 </a> 10656 </li><li class="tw-mt-3 first:tw-mt-0"> 10657 <a 10658 href="/pages/product-quality-and-safety" 10659 class="settings-text-base-sm tw-text-vanilla hover:tw-text-yellow-dark" 10660 10661 10662 > 10663 Quality & Safety 10664 </a> 10665 </li><li class="tw-mt-3 first:tw-mt-0"> 10666 <a 10667 href="/blogs/digest" 10668 class="settings-text-base-sm tw-text-vanilla hover:tw-text-yellow-dark" 10669 10670 10671 >
10672 OLIPOP Blog 10673 </a> 10674 </li><li class="tw-mt-3 first:tw-mt-0"> 10675 <a 10676 href="/pages/press" 10677 class="settings-text-base-sm tw-text-vanilla hover:tw-text-yellow-dark" 10678 10679 10680 > 10681 Press 10682 </a> 10683 </li><li class="tw-mt-3 first:tw-mt-0"> 10684 <a 10685 href="/pages/affiliate-program" 10686 class="settings-text-base-sm tw-text-vanilla hover:tw-text-yellow-dark" 10687 10688 10689 > 10690 Affiliate Program 10691 </a> 10692 </li><li class="tw-mt-3 first:tw-mt-0"> 10693 <a 10694 href="/pages/rd-program" 10695 class="settings-text-base-sm tw-text-vanilla hover:tw-text-yellow-dark" 10696 10697 10698 > 10699 Registered Dietitian Program 10700 </a> 10701 </li><li class="tw-mt-3 first:tw-mt-0"> 10702 <a 10703 href="https://drinkolipop-wholesale.com/" 10704 class="settings-text-base-sm tw-text-vanilla hover:tw-text-yellow-dark" 10705 10706 10707 target="_blank" 10708 10709 > 10710 Wholesale 10711 </a> 10712 </li> 10713 </ul> 10714 </nav></div></div> 10715 10716 <div class="tw-mt-10 tw-text-center lg:tw-text-left"> 10717 <a 10718 href="https://www.bcorporation.net/en-us/find-a-b-corp/company/olipop/" 10719 target="_blank" 10720 aria-label="Certified corporation link" 10721 ><svg 10722 width="48" 10723 height="80" 10724 viewBox="0 0 48 80" 10725 fill="none" 10726 aria-hidden="true" 10727 focusable="false" 10728 role="presentation" 10729> 10730 <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
10730M46.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
107305 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
107307 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"/> 10731</svg> 10732</a> 10733 </div> 10734 10735 <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"> 10736 <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"> 10737 © 2026 Olipop, Inc. All Rights Reserved 10738 </div> 10739 10740 <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"> 10741 10742<li class="tw-flex tw-items-center"> 10743 <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> 10744 </li> 10745 10746<li class="tw-flex tw-items-center"> 10747 <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> 10748 </li> 10749 10750<li class="tw-flex tw-items-center"> 10751 <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> 10752 </li> 10753 10754<li class="tw-flex tw-items-center"> 10755 <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> 10756 </li> 10757 10758 </ul> 10759 10760 </div> 10761 </div> 10762</footer> 10763 10764 10765</div> 10766 10767
10768<script> 10769 (function () { 10770 if (window.__productCardHoverWaveScriptLoaded) return; 10771 window.__productCardHoverWaveScriptLoaded = true; 10772 10773 var CARD_SIZE = 314; 10774 var DURATION_MS = 700; 10775 var clipIdCounter = 0; 10776 var delegationBound = false; 10777 10778 function clamp(value, min, max) { 10779 return Math.max(min, Math.min(max, value)); 10780 } 10781 10782 function easeOutCubic(t) { 10783 return 1 - Math.pow(1 - t, 3); 10784 } 10785 10786 function lerp(start, end, t) { 10787 return start + (end - start) * t; 10788 } 10789 10790 function wavePathForReveal(revealPx) { 10791 var reveal = clamp(revealPx, 0, CARD_SIZE); 10792 var offset = CARD_SIZE - reveal; 10793 var progress = reveal / CARD_SIZE; 10794 var fadeStart = 0.84; 10795 var fadeProgress = clamp((progress - fadeStart) / (1 - fadeStart), 0, 1); 10796 var fadeEased = easeOutCubic(fadeProgress); 10797 10798 var y0 = lerp(4.4565 + offset, offset, fadeEased); 10799 var c1y = lerp(4.41899 + offset, offset, fadeEased); 10800 var c2y = lerp(-13.1434 + offset, offset, fadeEased); 10801 var c3y = lerp(26.0583 + offset, offset, fadeEased); 10802 var c4y = lerp(65.2601 + offset, offset, fadeEased); 10803 var c5y = lerp(0.456482 + offset, offset, fadeEased); 10804 var endY = lerp(0.456482 + offset, offset, fadeEased); 10805 10806 return ( 10807 'M314 314H0.000422459L0.00012756 ' + 10808 y0 + 10809 'C-0.0456402 ' + 10810 c1y + 10811 ' 62.4 ' + 10812 c2y + 10813 ' 157 ' + 10814 c3y + 10815 'C251.6 ' + 10816 c4y + 10817 ' 314 ' + 10818 c5y + 10819 ' 314 ' + 10820 endY + 10821 'V314Z' 10822 ); 10823 } 10824 10825 function ensureUniqueClipPath(card) { 10826 var clipPath = card.querySelector('clipPath'); 10827 var image = card.querySelector('image[clip-path]'); 10828 if (!clipPath || !image) return; 10829 10830 if (clipPath.dataset.hoverWaveClipBound === 'true') return; 10831 10832 var existingId = clipPath.getAttribute('id'); 10833 if (existingId) { 10834 var matches = document.querySelectorAll('[id="' + CSS.escape(existingId) + '"]'); 10835 if (matches.length > 1) { 10836 clipIdCounter += 1; 10837 var newId = existingId + '-inst-' + clipIdCounter; 10838 clipPath.setAttribute('id', newId); 10839 image.setAttribute('clip-path', 'url(#' + newId + ')'); 10840 } 10841 } 10842 10843 clipPath.dataset.hoverWaveClipBound = 'true'; 10844 } 10845 10846 function animateCard(card, toReveal) { 10847 var path = card.querySelector('[data-hover-wave-path]'); 10848 if (!path) return; 10849 10850 var fromReveal = Number(card.dataset.hoverReveal || 0); 10851 var to = clamp(toReveal, 0, CARD_SIZE); 10852 card.dataset.hoverRevealTarget = String(to); 10853 10854 if (card.__hoverWaveRafId) { 10855 cancelAnimationFrame(card.__hoverWaveRafId); 10856 } 10857 10858 var startedAt = performance.now(); 10859 10860 function step(now) { 10861 var t = clamp((now - startedAt) / DURATION_MS, 0, 1); 10862 var eased = easeOutCubic(t); 10863 var reveal = fromReveal + (to - fromReveal) * eased; 10864 10865 card.dataset.hoverReveal = String(reveal); 10866 path.setAttribute('d', wavePathForReveal(reveal)); 10867 10868 if (t < 1) { 10869 card.__hoverWaveRafId = requestAnimationFrame(step); 10870 } else { 10871 card.dataset.hoverReveal = String(to); 10872 card.__hoverWaveRafId = null; 10873 } 10874 } 10875 10876 card.__hoverWaveRafId = requestAnimationFrame(step); 10877 } 10878 10879 function getWaveCardFromProductCard(productCard) { 10880 if (!productCard) return null; 10881 return productCard.querySelector('[data-hover-wave-card][data-hover-wave-ready="true"]'); 10882 } 10883 10884 function bindDelegation() { 10885 if (delegationBound) return; 10886 delegationBound = true; 10887 10888 document.addEventListener( 10889 'pointerover', 10890 function (event) { 10891 var productCard = event.target.closest('.product-card'); 10892 if (!productCard || productCard.contains(event.relatedTarget)) return; 10893 10894 var waveCard = getWaveCardFromProductCard(productCard); 10895 if (waveCard) animateCard(waveCard, CARD_SIZE); 10896 }, 10897 true 10898 ); 10899 10900 document.addEventListener( 10901 'pointerout', 10902 function (event) { 10903 var productCard = event.target.closest('.product-card'); 10904 if (!productCard || productCard.contains(event.relatedTarget)) return; 10905 10906 var waveCard = getWaveCardFromProductCard(productCard); 10907 if (waveCard) animateCard(waveCard, 0); 10908 }, 10909 true 10910 ); 10911 10912 document.addEventListener('focusin', function (event) { 10913 var productCard = event.target.closest('.product-card'); 10914 var waveCard = getWaveCardFromProductCard(productCard); 10915 if (waveCard) animateCard(waveCard, CARD_SIZE); 10916 }); 10917 10918 document.addEventListener('focusout', function (event) { 10919 var productCard = event.target.closest('.product-card'); 10920 if (!productCard || productCard.contains(event.relatedTarget)) return; 10921 10922 var waveCard = getWaveCardFromProductCard(productCard); 10923 if (waveCard) animateCard(waveCard, 0); 10924 }); 10925 10926 document.addEventListener('click', function (event) { 10927 if (!event.target.closest('[data-product-card-cta]')) return; 10928 var productCard = event.target.closest('.product-card'); 10929 if (!productCard) return; 10930 event.stopPropagation(); 10931 }); 10932 } 10933 10934 function initCard(card) { 10935 if (card.dataset.hoverWaveReady === 'true') return; 10936 10937 var path = card.querySelector('[data-hover-wave-path]'); 10938 if (!path) return; 10939 10940 if (!card.closest('.product-card')) return; 10941 10942 ensureUniqueClipPath(card); 10943 card.dataset.hoverWaveReady = 'true'; 10944 card.dataset.hoverReveal = '0'; 10945 path.setAttribute('d', wavePathForReveal(0)); 10946 } 10947 10948 function initProductCardHoverWaves(root) { 10949 bindDelegation(); 10950 var scope = root && root.nodeType ? root : document; 10951 var cards = scope.querySelectorAll('[data-hover-wave-card]'); 10952 for (var i = 0; i < cards.length; i += 1) { 10953 initCard(cards[i]); 10954 } 10955 } 10956 10957 window.initProductCardHoverWaves = initProductCardHoverWaves; 10958 10959 function scanDocument() { 10960 initProductCardHoverWaves(document); 10961 } 10962 10963 if (document.readyState === 'loading') { 10964 document.addEventListener('DOMContentLoaded', scanDocument); 10965 } else { 10966 scanDocument(); 10967 } 10968 10969 document.addEventListener('shopify:section:load', scanDocument); 10970 window.addEventListener('pageshow', function (event) { 10971 if (event.persisted) scanDocument(); 10972 }); 10973 })(); 10974</script>
10974 10975 10976 <div id="gorgias-chat-container"></div> 10977 10978 10979 <ul hidden> 10980 <li id="a11y-refresh-page-message">Choosing a selection results in a full page refresh.</li> 10981 <li id="a11y-selection-message">Press the space key then arrow keys to make a selection.</li> 10982 </ul> 10983 <!-- Hides Gorgias Chatbox until SE Cookies Policy is accepted --> 10984<style media="screen" id="hide-chatbox"> 10985 iframe#gorgias-web-messenger-container { 10986 display: none; 10987 } 10988</style> 10989
10990<script type="text/javascript"> 10991 $(document).ready(function () { 10992 function showChat() { 10993 if ($('#se-cookies-message').hasClass('se-cookies-message-open')) { 10994 console.log('Hiding chatbox'); 10995 $('#hide-chatbox').html('iframe#gorgias-web-messenger-container {display: none;}'); 10996 } else { 10997 console.log('Showing chatbox'); 10998 $('#hide-chatbox').html('iframe#gorgias-web-messenger-container {display: block;}'); 10999 } 11000 } 11001 11002 showChat(); 11003 11004 $('#se-accept-cookies-checkbox').click(function () { 11005 $('#hide-chatbox').html('iframe#gorgias-web-messenger-container {display: block;}'); 11006 }); 11007 }); 11008</script>
11008 11009 11010 11011 <!-- Back in Stock helper snippet --> 11012 11013
11014<script id="back-in-stock-helper"> 11015 var _BISConfig = _BISConfig || {}; 11016 11017 11018 11019 11020</script>
11020 11021 11022 <!-- End Back in Stock helper snippet --> 11023 11024 <!-- Gorgias Chat Widget Start --> 11025 11026
11027<script 11028 id="gorgias-chat-widget-install-v2" 11029 src="https://config.gorgias.chat/gorgias-chat-bundle-loader.js?applicationId=1599" 11030></script>
11030 11031
11032<script> 11033 if (window.GorgiasChat) { 11034 GorgiasChat.init().then(function () { 11035 // Use GorgiasChat API here, now that the chat is fully initialized. 11036 var gorgiasChatInterval = window.setInterval(function () { 11037 var container = document.querySelector('#gorgias-chat-container'); 11038 if (window.GorgiasChat && GorgiasChat.hasOwnProperty('on')) { 11039 if (window.location.hostname !== 'localhost') { 11040 GorgiasChat.setShopifyContext('olipop-store.myshopify.com/'); 11041 } 11042 } 11043 }, 50); 11044 }); 11045 } 11046</script>
11046 11047 11048
11048<script type="text/javascript"> 11049 ire('identify', { customerId: '', customerEmail: '' }); 11050</script>
11050 11051 11052 <!-- 11053 This JS is taken from this article - https://www.24a11y.com/2019/select-your-poison-part-2/ 11054 It is also modified to be used as a way to decorate select dropdowns and make them 11055 accessible using keyboards. 11056 11057 How to use it: 11058 Add js-combobox class to the <select> element you would like to replace with the combobox. 11059 Hide your <select> element as well as corresponding <label> element with display: none;. 11060 11061 On load, this libary will create a new <label> element and a combobox element which consists 11062 of an input element and a listbox. 11063 11064 The new <label> element will have select label's aria-label. 11065 The new combobox element will have select options' values and text. 11066 11067 On option select, this libary will also set your hidden <select> element's val so it 11068 can be used further. 11069--> 11070
11071<script> 11072 jQuery(document).ready(function () { 11073 /* 11074 * Helper constants and functions 11075 */ 11076 11077 // make it easier for ourselves by putting some values in objects 11078 // in TypeScript, these would be enums 11079 const Keys = { 11080 Backspace: 'Backspace', 11081 Clear: 'Clear', 11082 Down: 'ArrowDown', 11083 End: 'End', 11084 Enter: 'Enter', 11085 Escape: 'Escape', 11086 Home: 'Home', 11087 Left: 'ArrowLeft', 11088 PageDown: 'PageDown', 11089 PageUp: 'PageUp', 11090 Right: 'ArrowRight', 11091 Space: ' ', 11092 Tab: 'Tab', 11093 Up: 'ArrowUp', 11094 }; 11095 11096 const MenuActions = { 11097 Close: 0, 11098 CloseSelect: 1, 11099 First: 2, 11100 Last: 3, 11101 Next: 4, 11102 Open: 5, 11103 Previous: 6, 11104 Select: 7, 11105 Space: 8, 11106 Type: 9, 11107 }; 11108 11109 // filter an array of options against an input string 11110 // returns an array of options that begin with the filter string, case-independent 11111 function filterOptions(options = [], filter, exclude = []) { 11112 return options.filter((option) => { 11113 const matches = option.toLowerCase().indexOf(filter.toLowerCase()) === 0; 11114 return matches && exclude.indexOf(option) < 0; 11115 }); 11116 } 11117 11118 // return an array of exact option name matches from a comma-separated string 11119 function findMatches(options, search) { 11120 const names = search.split(','); 11121 return names 11122 .map((name) => { 11123 const match = options.filter((option) => name.trim().toLowerCase() === option.toLowerCase()); 11124 return match.length > 0 ? match[0] : null; 11125 }) 11126 .filter((option) => option !== null); 11127 } 11128 11129 // return combobox action from key press 11130 function getActionFromKey(key, menuOpen) { 11131 // handle opening when closed 11132 if (!menuOpen && key === Keys.Down) { 11133 return MenuActions.Open; 11134 } 11135 11136 // handle keys when open 11137 if (key === Keys.Down) { 11138 return MenuActions.Next; 11139 } else if (key === Keys.Up) { 11140 return MenuActions.Previous; 11141 } else if (key === Keys.Home) { 11142 return MenuActions.First; 11143 } else if (key === Keys.End) { 11144 return MenuActions.Last; 11145 } else if (key === Keys.Escape) { 11146 return MenuActions.Close; 11147 } else if (key === Keys.Enter) { 11148 return MenuActions.CloseSelect; 11149 } else if (key === Keys.Backspace || key === Keys.Clear || key.length === 1) { 11150 return MenuActions.Type; 11151 } 11152 } 11153 11154 // get index of option that matches a string 11155 function getIndexByLetter(options, filter) { 11156 const firstMatch = filterOptions(options, filter)[0]; 11157 return firstMatch ? options.indexOf(firstMatch) : -1; 11158 } 11159 11160 // get updated option index 11161 function getUpdatedIndex(current, max, action) { 11162 switch (action) { 11163 case MenuActions.First: 11164 return 0; 11165 case MenuActions.Last: 11166 return max; 11167 case MenuActions.Previous: 11168 return Math.max(0, current - 1); 11169 case MenuActions.Next: 11170 return Math.min(max, current + 1); 11171 default: 11172 return current; 11173 } 11174 } 11175 11176 // check if an element is currently scrollable 11177 function isScrollable(element) { 11178 return element && element.clientHeight < element.scrollHeight; 11179 } 11180 11181 // ensure given child element is within the parent's visible scroll area 11182 function maintainScrollVisibility(activeElement, scrollParent) { 11183 const { offsetHeight, offsetTop } = activeElement; 11184 const { offsetHeight: parentOffsetHeight, scrollTop } = scrollParent; 11185 11186 const isAbove = offsetTop < scrollTop; 11187 const isBelow = offsetTop + offsetHeight > scrollTop + parentOffsetHeight; 11188 11189 if (isAbove) { 11190 scrollParent.scrollTo(0, offsetTop); 11191 } else if (isBelow) { 11192 scrollParent.scrollTo(0, offsetTop - parentOffsetHeight + offsetHeight); 11193 } 11194 } 11195 11196 /* 11197 * ARIA 1.1 Readonly Input code 11198 */ 11199 const ARIA11Combo = function (el, options, optionValues, selectEl) { 11200 // element refs 11201 this.el = el; 11202 this.selectEl = selectEl; 11203 this.comboEl = el.querySelector('[role=combobox]'); 11204 this.inputEl = el.querySelector('input'); 11205 this.listboxEl = el.querySelector('[role=listbox]'); 11206 11207 // data 11208 this.idBase = this.inputEl.id; 11209 this.options = options; 11210 this.optionValues = optionValues; 11211 11212 // state 11213 this.activeIndex = 0; 11214 this.open = false;
11215 }; 11216 11217 ARIA11Combo.prototype.init = function () { 11218 this.inputEl.addEventListener('input', this.onInput.bind(this)); 11219 this.inputEl.addEventListener('blur', this.onInputBlur.bind(this)); 11220 this.inputEl.addEventListener('click', () => this.updateMenuState(true)); 11221 this.inputEl.addEventListener('keydown', this.onInputKeyDown.bind(this)); 11222 11223 this.options.map((option, index) => { 11224 const optionEl = document.createElement('div'); 11225 optionEl.setAttribute('role', 'option'); 11226 optionEl.id = `${this.idBase}-${index}`; 11227 optionEl.className = index === 0 ? 'combo-option option-current' : 'combo-option'; 11228 optionEl.setAttribute('aria-selected', 'false'); 11229 optionEl.innerText = option; 11230 11231 optionEl.addEventListener('click', () => { 11232 this.onOptionClick(index); 11233 }); 11234 optionEl.addEventListener('mousedown', this.onOptionMouseDown.bind(this)); 11235 11236 this.listboxEl.appendChild(optionEl); 11237 }); 11238 this.onOptionClick(0); 11239 }; 11240 11241 ARIA11Combo.prototype.onInput = function () { 11242 const curValue = this.inputEl.value; 11243 const matches = filterOptions(this.options, curValue); 11244 11245 // set activeIndex to first matching option 11246 // (or leave it alone, if the active option is already in the matching set) 11247 const filterCurrentOption = matches.filter((option) => option === this.options[this.activeIndex]); 11248 if (matches.length > 0 && !filterCurrentOption.length) { 11249 this.onOptionChange(this.options.indexOf(matches[0])); 11250 } 11251 11252 const menuState = this.options.length > 0; 11253 if (this.open !== menuState) { 11254 this.updateMenuState(menuState, false); 11255 } 11256 }; 11257 11258 ARIA11Combo.prototype.onInputKeyDown = function (event) { 11259 const { key } = event; 11260 const max = this.options.length - 1; 11261 11262 const action = getActionFromKey(key, this.open); 11263 11264 switch (action) { 11265 case MenuActions.Next: 11266 case MenuActions.Last: 11267 case MenuActions.First: 11268 case MenuActions.Previous: 11269 event.preventDefault(); 11270 return this.onOptionChange(getUpdatedIndex(this.activeIndex, max, action)); 11271 case MenuActions.CloseSelect: 11272 event.preventDefault(); 11273 this.selectOption(this.activeIndex); 11274 return this.updateMenuState(false); 11275 case MenuActions.Close: 11276 event.preventDefault(); 11277 return this.updateMenuState(false); 11278 case MenuActions.Type: 11279 this.onOptionChange(Math.max(0, getIndexByLetter(this.options, key))); 11280 case MenuActions.Open: 11281 return this.updateMenuState(true); 11282 } 11283 }; 11284 11285 ARIA11Combo.prototype.onInputBlur = function () { 11286 if (this.ignoreBlur) { 11287 this.ignoreBlur = false; 11288 return; 11289 } 11290 11291 if (this.open) { 11292 this.updateMenuState(false, false); 11293 } 11294 }; 11295 11296 ARIA11Combo.prototype.onOptionChange = function (index) { 11297 this.activeIndex = index; 11298 this.inputEl.setAttribute('aria-activedescendant', `${this.idBase}-${index}`); 11299 11300 // update active style 11301 const options = this.el.querySelectorAll('[role=option]'); 11302 [...options].forEach((optionEl) => { 11303 optionEl.classList.remove('option-current'); 11304 }); 11305 options[index].classList.add('option-current'); 11306 11307 if (this.open && isScrollable(this.listboxEl)) { 11308 maintainScrollVisibility(options[index], this.listboxEl); 11309 } 11310 }; 11311 11312 ARIA11Combo.prototype.onOptionClick = function (index) { 11313 this.onOptionChange(index); 11314 this.selectOption(index); 11315 this.updateMenuState(false); 11316 }; 11317 11318 ARIA11Combo.prototype.onOptionMouseDown = function () { 11319 this.ignoreBlur = true; 11320 }; 11321 11322 ARIA11Combo.prototype.selectOption = function (index) { 11323 const selected = this.options[index]; 11324 this.inputEl.value = selected; 11325 this.activeIndex = index; 11326 11327 // update aria-selected 11328 const options = this.el.querySelectorAll('[role=option]'); 11329 [...options].forEach((optionEl) => { 11330 optionEl.setAttribute('aria-selected', 'false'); 11331 }); 11332 options[index].setAttribute('aria-selected', 'true'); 11333 11334 // Update hidden select element's value 11335 this.selectEl.val(this.optionValues[index]); 11336 setSellingPlan(this.selectEl.data('product_id')); 11337 }; 11338 11339 ARIA11Combo.prototype.updateMenuState = function (open, callFocus = true) { 11340 this.open = open; 11341 11342 this.comboEl.setAttribute('aria-expanded', `${open}`); 11343 open ? this.el.classList.add('open') : this.el.classList.remove('open'); 11344 callFocus && this.inputEl.focus(); 11345 }; 11346 11347 function setComboBoxes() { 11348 $('.js-combobox').each(function (index) { 11349 const $this = $(this); 11350 const labelEl = $this.parents('label'); 11351 11352 // Insert combobox after select element's label 11353 labelEl.after( 11354 '<label for="combo' + 11355 index + 11356 '" aria-label="' + 11357 labelEl.attr('aria-label') + 11358 '" class="combo-label"></label>' + 11359 '<div class="combo js-aria11">' + 11360 '<div role="combobox" aria-haspopup="listbox" aria-expanded="false" aria-owns="listbox' + 11361 index + 11362 '" class="input-wrapper">' + 11363 '<input aria-activedescendant="" aria-autocomplete="none" id="combo' + 11364 index +
11365 '" class="combo-input" readonly type="text">' + 11366 '<div class="combo-menu" role="listbox" id="listbox' + 11367 index + 11368 '"></div>' + 11369 '</div>' + 11370 '</div>' 11371 ); 11372 11373 const selectOptions = $this.find('option'); 11374 const selectOptionValues = $.map(selectOptions, (e) => $(e).val()); 11375 const options = $.map(selectOptions, (e) => e.label); 11376 11377 // init combo 11378 const aria11El = labelEl.siblings('.js-aria11')[0]; 11379 const aria11Component = new ARIA11Combo(aria11El, options, selectOptionValues, $this); 11380 aria11Component.init(); 11381 }); 11382 } 11383 }); 11384</script>
11384 11385 11386 11387
11387<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.10.3/gsap.min.js"></script>
11387 11388
11388<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.10.3/Draggable.min.js"></script>
11388 11389
11389<script src="https://cdn.jsdelivr.net/npm/keen-slider@latest/keen-slider.js"></script>
11389 11390
11390<script src="//drinkolipop.com/cdn/shop/t/1366/assets/swiper.js?v=56584870573080344041773709640"></script>
11390 11391 11392 11393 11394 <!-- BEAM START --> 11395
11395<script type="module"> 11396 import { init } from "https://sdk.beamimpact.com/web-sdk/v1.56.2/dist/integrations/beam.js"; 11397 import { PromoManagerPlugin } from "https://sdk.beamimpact.com/web-sdk/v1.56.2/dist/integrations/promoManager.js"; 11398 11399 const beam = await init({ 11400 apiKey: "orRPgklUWqQM.cab839ad-9774-43be-bc7d-f236e6c3e9ae", 11401 chainId: 338, 11402 storeId: 528, 11403 domain: "drinkolipop.com", 11404 plugins: [ 11405 new PromoManagerPlugin() 11406 ] 11407 }); 11408</script>
11408 11409
11410<script type="module" async crossorigin> 11411 let isNonProfitClicked = false; 11412 const cartScrollElement = '.rebuy-cart__flyout-content'; 11413 document.addEventListener('beamnonprofitselect', (evt) => { 11414 if (!isNonProfitClicked) { 11415 const scrollArea = document.querySelector(cartScrollElement); 11416 scrollArea.scrollBy({ 11417 top: 150, 11418 left: 0, 11419 behavior: 'smooth', 11420 }); 11421 isNonProfitClicked = true; 11422 } 11423 }); 11424</script>
11424 11425
11425<script type="module" async crossorigin> 11426 import { registerCartIntegration } from "https://sdk.beamimpact.com/web-sdk/v1.56.2/dist/integrations/shopify.js"; 11427 import { getConfig } from "https://sdk.beamimpact.com/web-sdk/v1.56.2/dist/integrations/beam.js"; 11428 11429 const beam = getConfig(); 11430 await beam.readyPromise; 11431 11432 registerCartIntegration({ 11433 apiKey: "orRPgklUWqQM.cab839ad-9774-43be-bc7d-f236e6c3e9ae", 11434 storeId: 528, 11435 baseUrl: "https://api.beamimpact.com", 11436 domain: "drinkolipop.com" || undefined, 11437 }); 11438</script>
11438 11439 <!-- beam-select-nonprofit.liquid --> 11440<!-- BEAM START -->
11441<script 11442 type="module" 11443 async 11444 crossorigin 11445 data-em-disable 11446 data-categories="analytics" 11447 src="https://sdk.beamimpact.com/web-sdk/v1.56.2/dist/components/select-nonprofit.js" 11448></script>
11448 11449 11450 <!-- BEAM END --> 11451 11452 <div id="portal"></div> 11453 11454 11455 11456 11457 11458 <!-- 1. The dialog container --> 11459 <div 11460 class="dialog-container" 11461 data-component="dialog" 11462 11463 data-portal="portal" 11464 11465 id="find-in-store-dialog" 11466 aria-labelledby="find-in-store" 11467 aria-hidden="true" 11468 > 11469 <!-- 2. The dialog overlay --> 11470 11471 <div 11472 class="dialog-overlay" 11473 data-a11y-dialog-hide 11474 11475 style="background-color: rgba(0, 0, 0, 0.45);" 11476 11477 ></div> 11478 11479 <!-- 3. The actual dialog --> 11480 11481 11482 <div class="dialog-content tw-bg-creme"> 11483 11484 <div 11485 class="store-locator-dialog-inner" 11486 data-component="storeLocatorModal" 11487 data-dialog-id="find-in-store-dialog" 11488 > 11489 <div class="store-locator-dialog-header"> 11490 <h2 class="store-locator-dialog-title" id="find-in-store">Where to Buy OLIPOP</h2> 11491 <button 11492 class="store-locator-dialog-close" 11493 type="button" 11494 data-a11y-dialog-hide 11495 aria-label="Close dialog" 11496 > 11497 11498 11499 11500 <svg width="29" height="28" viewBox="0 0 29 28" fill="none" xmlns="http://www.w3.org/2000/svg"> 11501 <path d="M6.98828 6L23.9588 22.9706" stroke="#14433D" stroke-width="2" stroke-linecap="round"/> 11502 <path d="M23.9883 6L7.01772 22.9706" stroke="#14433D" stroke-width="2" stroke-linecap="round"/> 11503 </svg> 11504 11505 11506 11507 </button> 11508 </div> 11509 <div class="store-locator-section-container store-locator-dialog-widget"> 11510 11511 11512 11513 11514<div 11515 id="store-locator-modal-widget" 11516 class="oli-smartcommerce-product-locator" 11517 data-sc-product-locator-id="dd9dac97-f17f-4d37-971a-e933120edab3" 11518 data-sc-product-locator-type="standalone" 11519 data-sc-locale="en-us" 11520 11521 style="height: min(90vh, 800px);" 11522></div> 11523 11524 11525 11526 </div> 11527 </div> 11528 11529 </div> 11530 11531 </div> 11532 11533 11534 11535 <!-- Use of this pixel is subject to the Amazon ad specs and policies at http://www.amazon.com/b/?&node=7253015011 -->
11536<script type="text/javascript"> 11537 var _pix = document.getElementById('_pix_id_73a3b955-2b94-711c-f24b-424e40d6695a'); 11538 if (!_pix) { 11539 var protocol = '//'; 11540 var a = Math.random() * 1000000000000000000; 11541 _pix = document.createElement('iframe'); 11542 _pix.style.display = 'none'; 11543 _pix.setAttribute( 11544 'src', 11545 protocol + 11546 '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' + 11547 '&cb=' + 11548 a 11549 ); 11550 _pix.setAttribute('id', '_pix_id_73a3b955-2b94-711c-f24b-424e40d6695a'); 11551 document.body.appendChild(_pix); 11552 } 11553</script>
11553 11554 11555
11555<script> 11556 /** 11557 * Product metafield custom.fiber is a metaobject reference (fiber_option). 11558 * Rebuy usually passes only a gid string (no label/title on the object). We map gids to 11559 * labels from shop metaobjects (same field order as PDP: title, label, text, name). 11560 */ 11561 window.__fiberOptionLabels = Object.assign(window.__fiberOptionLabels || {}, {"gid://shopify/Metaobject/116150763679": ["9g Fiber"], 11562 "116150763679": ["9g Fiber"] 11563,"gid://shopify/Metaobject/116150796447": ["6g Fiber"], 11564 "116150796447": ["6g Fiber"] 11565,"gid://shopify/Metaobject/121363038367": ["MINIs"], 11566 "121363038367": ["MINIs"] 11567}); 11568 11569 function rebuyMetaobjectFieldValue(field) { 11570 if (field == null || field === '') return ''; 11571 if (typeof field === 'string') return field; 11572 if (typeof field === 'object' && Object.prototype.hasOwnProperty.call(field, 'value')) { 11573 return field.value == null ? '' : String(field.value); 11574 } 11575 return ''; 11576 } 11577 11578 function rebuyFiberLabelFromResolvedEntry(entry) { 11579 if (entry == null || entry === '') return ''; 11580 if (typeof entry === 'string') { 11581 if (entry.indexOf('gid://shopify/Metaobject/') !== 0) return entry; 11582 var map = window.__fiberOptionLabels || {}; 11583 if (map[entry]) return map[entry]; 11584 var n = /^gid:\/\/shopify\/Metaobject\/(\d+)$/.exec(entry); 11585 return n && map[n[1]] ? map[n[1]] : ''; 11586 } 11587 if (typeof entry === 'object') { 11588 var nested = 11589 rebuyMetaobjectFieldValue(entry.label) || 11590 rebuyMetaobjectFieldValue(entry.title) || 11591 rebuyMetaobjectFieldValue(entry.text) || 11592 rebuyMetaobjectFieldValue(entry.name) || 11593 (typeof entry.display_value === 'string' ? entry.display_value : ''); 11594 if (nested) return nested; 11595 var v = entry.value; 11596 if (typeof v === 'string' && v.indexOf('gid://shopify/Metaobject/') === 0) return rebuyFiberLabelFromResolvedEntry(v); 11597 return ''; 11598 } 11599 return String(entry); 11600 } 11601 11602 function rebuyFiberMetafieldFromLineItem(item) { 11603 var vFiber = item && item.variant && item.variant.metafields && item.variant.metafields.custom && item.variant.metafields.custom.fiber; 11604 if (vFiber != null && vFiber !== '') return vFiber; 11605 var pFiber = item && item.product && item.product.metafields && item.product.metafields.custom && item.product.metafields.custom.fiber; 11606 return pFiber; 11607 } 11608 11609 window.cartItemTitleWithFiber = function (item) { 11610 var base = item && item.product_title ? String(item.product_title) : ''; 11611 var fiberMeta = rebuyFiberMetafieldFromLineItem(item); 11612 if (fiberMeta == null || fiberMeta === '') return base; 11613 11614 var entry = fiberMeta; 11615 if (typeof fiberMeta === 'object' && fiberMeta !== null && Object.prototype.hasOwnProperty.call(fiberMeta, 'value')) { 11616 entry = fiberMeta.value; 11617 } 11618 11619 var suffix = rebuyFiberLabelFromResolvedEntry(entry); 11620 if (!suffix) return base; 11621 return base + ' ' + suffix; 11622 }; 11623 11624 let SmartCart; 11625 11626 function removeBrokenBundleLineItems() { 11627 if (!SmartCart?.hasItems()) return; 11628 const items = SmartCart.items(); 11629 11630 const findBundleParent = (childLineItem) => { 11631 const { _bundle_id, _created_at, bundle_parent } = childLineItem.properties; 11632 const bundleParent = SmartCart.items().find( 11633 (item) => 11634 (item.properties.bundle_parent || item.properties._bundle_parent) && 11635 item.properties._bundle_id === _bundle_id && 11636 item.properties._created_at === _created_at 11637 ); 11638 11639 return bundleParent; 11640 }; 11641 11642 try { 11643 items.forEach((item) => { 11644 if (item.properties.hasOwnProperty('_bundle_id')) { 11645 if (item.properties.bundle_parent === false || item.properties._bundle_parent === false) { 11646 const bundleParent = findBundleParent(item); 11647 if (!bundleParent) { 11648 SmartCart.removeItem(item); 11649 } 11650 } 11651 } 11652 }); 11653 } catch (e) { 11654 console.error(e); 11655 } 11656 } 11657 11658 document.querySelectorAll('.site-header__cart').forEach((element) => { 11659 element.addEventListener('click', function (e) { 11660 window.Rebuy.SmartCart.show(); 11661 }); 11662 }); 11663 11664 const blockImage = ( 11665 `` 11666 ); 11667 11668 const blockImageBtn = ( 11669 ` 11670 ` 11671 ); 11672 11673 function handleCustomEvent(event) { 11674 const lineItems = event.detail?.cart?.line_items || []; 11675 11676 if (lineItems.length === 0 && blockImage) { 11677 setTimeout(()=> { 11678 const emptyCartInner = document.querySelector('.rebuy-cart__flyout-empty-cart'); 11679 if (emptyCartInner) emptyCartInner.insertAdjacentHTML('afterbegin', blockImage) 11680 }, 1500) 11681 } 11682 11683 if (lineItems.length === 0 && blockImageBtn) { 11684 setTimeout(()=> { 11685 const emptyCartInner = document.querySelector('.rebuy-cart__flyout-empty-cart p a')?.closest('p'); 11686 if (emptyCartInner) emptyCartInner.insertAdjacentHTML('afterbegin', blockImageBtn) 11687 }, 1500) 11688 } 11689 } 11690 11691 function handleCartAddEvent(event) { 11692 const elementSnow = document.querySelector('element-snow') 11693 11694 if(elementSnow) { 11695 elementSnow.remove(); 11696 elementSnow.show(); 11697 } 11698 } 11699 11700 document.addEventListener('rebuy:smartcart.show', function () { 11701 // document.querySelector('#rebuy-cart').removeAttribute('inert'); 11702 document.querySelector('#rebuy-cart')?.querySelectorAll('a, button, input, iframe, select, [tabindex]').forEach(el => el.tabIndex = 0); 11703 document.querySelector('.main-content').setAttribute('aria-hidden', 'true'); // voiceOver fix 11704 11705 setTimeout(()=>{ 11706 document.getElementById('rebuy-cart').classList.remove("is-visible-delay"); 11707 }, 1000) 11708 11709 const elementSnow = document.querySelector('element-snow') 11710 11711 if(elementSnow) elementSnow.show(); 11712 const breakpointQuery = window.matchMedia('(max-width: 1023px)'); 11713 11714 setTimeout(()=>{ 11715 const sliceAnimationWrapper = document.querySelector('.slice-animation-wrapper') 11716 const btnImage = document.querySelector('.rebuy-cart__flyout-empty-image') 11717 const emptyCartInner = document.querySelector('.rebuy-cart__flyout-empty-cart') 11718 const emptyCartInnerBtn = document.querySelector('.rebuy-cart__flyout-empty-cart p a')?.closest('p'); 11719 11720 if (sliceAnimationWrapper) { 11721 const sliceAnimationElement = sliceAnimationWrapper.querySelector('.tw-animate-cart-slice-mobile') 11722 sliceAnimationElement?.classList.remove('lg:tw-animate-cart-slice'); 11723 sliceAnimationElement?.classList.remove('tw-animate-cart-slice-mobile'); 11724 11725 11726 if (breakpointQuery.matches) { 11727 setTimeout(()=>{ 11728 sliceAnimationElement?.classList.add('lg:tw-animate-cart-slice'); 11729 sliceAnimationElement?.classList.add('tw-animate-cart-slice-mobile'); 11730 }, 1200); 11731 } else { 11732 setTimeout(()=>{ 11733 sliceAnimationElement?.classList.add('lg:tw-animate-cart-slice'); 11734 sliceAnimationElement?.classList.add('tw-animate-cart-slice-mobile'); 11735 }, 100); 11736 } 11737 } 11738 11739 if (emptyCartInner && !sliceAnimationWrapper) { 11740 if (breakpointQuery.matches) { 11741 setTimeout(()=>{ 11742 emptyCartInner?.insertAdjacentHTML('afterbegin', blockImage) 11743 }, 2000); 11744 } else { 11745 emptyCartInner?.insertAdjacentHTML('afterbegin', blockImage) 11746 } 11747 } 11748 11749 if (emptyCartInner && !btnImage) { 11750 if (breakpointQuery.matches) { 11751 setTimeout(()=>{ 11752 emptyCartInnerBtn?.insertAdjacentHTML('afterbegin', blockImageBtn) 11753 }, 2000); 11754 } else { 11755 emptyCartInnerBtn?.insertAdjacentHTML('afterbegin', blockImageBtn) 11756 } 11757 } 11758 }, 500); 11759 11760 // Add event listener for cart updates when cart is open 11761 document.addEventListener('rebuy:smartcart.line-item-removed', handleCustomEvent); 11762 document.addEventListener('rebuy:cart.add', handleCartAddEvent); 11763 }); 11764 11765 document.addEventListener('rebuy:smartcart.hide', function (event) { 11766 // document.querySelector('#rebuy-cart').setAttribute('inert', ''); 11767 document.querySelector('#rebuy-cart')?.querySelectorAll('a, button, input, iframe, select, [tabindex]').forEach(el => el.tabIndex = -1); 11768 document.querySelector('.main-content').removeAttribute('aria-hidden'); // voiceOver fix 11769 11770 const elementSnow = document.querySelector('element-snow') 11771 11772 document.querySelector('body').style.removeProperty('overflow'); 11773 11774 // Remove event listener for cart updates when cart is close 11775 document.removeEventListener('rebuy:smartcart.line-item-removed', handleCustomEvent); 11776 document.removeEventListener('rebuy:cart.add', handleCartAddEvent); 11777 11778 if(elementSnow) elementSnow.remove(); 11779 }); 11780 11781 document.addEventListener('rebuy.ready', (event) => { 11782 SmartCart = window.Rebuy.SmartCart; 11783 removeBrokenBundleLineItems(); 11784 }); 11785 11786 async function updateBundleDeliveryFrequencies(item, subscriptionFrequency) { 11787 if (!isBundleParent(item)) return; 11788 const bundleChildren = getBundleChildren(item); 11789 try {
11790 bundleChildren.forEach((child) => { 11791 Rebuy.Cart.switchToSubscription(child, subscriptionFrequency); 11792 }); 11793 } catch (error) { 11794 console.error(error); 11795 } 11796 } 11797 11798 function getBundlePrice(bundleParentLineItem) { 11799 if (!isBundleParent(bundleParentLineItem)) { 11800 return null; 11801 } 11802 11803 const bundleChildren = getBundleChildren(bundleParentLineItem); 11804 const bundlePrice = bundleChildren.reduce((totalPrice, item) => { 11805 return totalPrice + item.price * item.quantity; 11806 }, 0); 11807 11808 return Rebuy.Cart.formatMoney(bundlePrice); 11809 } 11810 11811 async function removeLineItems(bundleParentLineItem, bundleChildrenLineItems) { 11812 const itemsToRemove = [...bundleChildrenLineItems, bundleParentLineItem]; 11813 const updates = itemsToRemove.reduce((updateObject, item) => { 11814 if (!updateObject[item.key]) { 11815 updateObject[item.key] = 0; 11816 } 11817 return updateObject; 11818 }, {}); 11819 11820 try { 11821 const updatedCart = await fetch('/cart/update.js', { 11822 method: 'POST', 11823 headers: { 11824 'Content-Type': 'application/json', 11825 }, 11826 body: JSON.stringify({ 11827 updates, 11828 }), 11829 }); 11830 } catch (e) { 11831 console.error(e); 11832 } 11833 } 11834 11835 const getBundleChildren = (bundleParentItem) => { 11836 const items = window.Rebuy.SmartCart?.items(); 11837 return items.filter( 11838 (lineItem) => 11839 lineItem.properties._bundle_id === bundleParentItem.properties._bundle_id && 11840 parseInt(lineItem.properties._created_at) === parseInt(bundleParentItem.properties._created_at) && 11841 isBundleChild(lineItem) 11842 ); 11843 }; 11844 11845 const handleRemove = async (item) => { 11846 const isBundleItem = item.properties == null ? false : item.properties.hasOwnProperty('_bundle_id'); 11847 if (SmartCart == undefined) { 11848 SmartCart = window.Rebuy.SmartCart; 11849 } 11850 11851 if (!isBundleItem) { 11852 SmartCart.removeItem(item); 11853 return; 11854 } 11855 11856 const bundleChildren = getBundleChildren(item); 11857 11858 try { 11859 if (!bundleChildren || !bundleChildren.length) { 11860 SmartCart.removeItem(item); 11861 return; 11862 } else { 11863 removeLineItems(item, bundleChildren); 11864 } 11865 } catch (e) { 11866 console.error(e); 11867 } 11868 }; 11869 11870 const bundleParentProperties = ['bundle_parent', '_bundle_parent']; 11871 const isBundleChild = (item) => { 11872 // SmartCart stringifies all item property values on some cart methods 11873 const bundleChild = bundleParentProperties.filter( 11874 (property) => item.properties[property] === false || item.properties[property] === 'false' 11875 ); 11876 return bundleChild.length > 0; 11877 }; 11878 11879 const isBundleParent = (item) => { 11880 // SmartCart stringifies all item property values on some cart methods 11881 const bundleParent = bundleParentProperties.filter( 11882 (property) => item.properties[property] === true || item.properties[property] === 'true' 11883 ); 11884 return bundleParent.length > 0; 11885 }; 11886 11887 const displayProperty = (property) => { 11888 const hidden_keys = ['bundle_parent', '_bundle_id', 'Bundle Id', 'Frequency']; 11889 return hidden_keys.includes(property.key) ? false : true; 11890 }; 11891 11892 const getCartJson = () => { 11893 return SmartCart.cart; 11894 }; 11895 11896 11897 document.addEventListener('rebuy.add', function (event) { 11898 if (window.gtag) { 11899 const { product, widget } = event.detail; 11900 if (!product || !widget) return; 11901 window.gtag('event', 'Side Cart - Upsell Added', { 11902 event_detail: product.title + ' - ' + widget.View.carousel.selectedIndex, 11903 }); 11904 } 11905 }); 11906 11907 window.globalDiscountsCollectionIds = []; 11908 11909 window.globalDiscounts = undefined; 11910 11911 11912 /** 11913 * Mirrors snippets/oli-product-price-set.liquid for Smart Cart line items so PDP and sidecart match. 11914 */ 11915 (function () { 11916 function productInGlobalDiscountScope(product) { 11917 var ids = window.globalDiscountsCollectionIds; 11918 if (ids == null || ids.length === 0) return true; 11919 var colls = product && product.collections; 11920 if (!colls || !colls.length) return false; 11921 var productIds = {}; 11922 for (var i = 0; i < colls.length; i++) productIds[colls[i].id] = true; 11923 for (var j = 0; j < ids.length; j++) if (productIds[ids[j]]) return true; 11924 return false;
11925 } 11926 11927 function pickGlobalDiscount(item) { 11928 var discounts = window.globalDiscounts; 11929 if (!discounts || !discounts.length) return null; 11930 var both = discounts.filter(function (d) { 11931 return d.purchase_type === 'Both'; 11932 }); 11933 var oneTime = discounts.find(function (d) { 11934 return d.purchase_type === 'One-time purchase'; 11935 }); 11936 var subscription = discounts.find(function (d) { 11937 return d.purchase_type === 'Subscription'; 11938 }); 11939 var oneTimeDiscount = oneTime || both[0]; 11940 var subscriptionDiscount = subscription || both[0]; 11941 return item.selling_plan_allocation ? subscriptionDiscount : oneTimeDiscount; 11942 } 11943 11944 function applyGlobalDiscountCents(priceCents, discount) { 11945 if (!discount || priceCents == null) return priceCents; 11946 var dv = Number(discount.discount_value); 11947 if (discount.discount_value_type === 'Percentage') { 11948 var percentage = 100 - dv; 11949 return Math.ceil((priceCents * percentage) / 100); 11950 } 11951 return priceCents - dv; 11952 } 11953 11954 function basePriceCents(item) { 11955 if (item.selling_plan_allocation) return Number(item.selling_plan_allocation.price); 11956 if (item.variant && item.variant.price != null) return Number(item.variant.price); 11957 return Number(item.price); 11958 } 11959 11960 function compareBaseCents(item) { 11961 if (item.selling_plan_allocation) { 11962 var spaCompare = item.selling_plan_allocation.compare_at_price; 11963 return spaCompare == null ? 0 : Number(spaCompare); 11964 } 11965 if (item.variant && item.variant.compare_at_price != null) return Number(item.variant.compare_at_price); 11966 if (item.compare_at_price != null) return Number(item.compare_at_price); 11967 return 0; 11968 } 11969 11970 function globalPricingActive(item) { 11971 if (!window.rebuyCartSettings || !window.rebuyCartSettings.enable_global_discounts) return false; 11972 if (!window.globalDiscounts || !window.globalDiscounts.length) return false; 11973 return productInGlobalDiscountScope(item.product); 11974 } 11975 11976 function catalogLinePriceParts(item) { 11977 var price = basePriceCents(item); 11978 var compare_at_price = compareBaseCents(item); 11979 var showCompare = !!(compare_at_price && compare_at_price !== 0); 11980 11981 return { 11982 useDefault: false, 11983 finalCents: price, 11984 compareCents: showCompare ? compare_at_price : 0, 11985 showCompare: showCompare, 11986 }; 11987 } 11988 11989 window.__oliRebuyGetLinePriceParts = function (item) { 11990 var globalDiscountsEnabled = 11991 window.rebuyCartSettings && window.rebuyCartSettings.enable_global_discounts; 11992 11993 if (!globalDiscountsEnabled) { 11994 return catalogLinePriceParts(item); 11995 } 11996 11997 if (!globalPricingActive(item)) return { useDefault: true }; 11998 11999 var discount = pickGlobalDiscount(item); 12000 if (!discount) return { useDefault: true }; 12001 12002 var price = basePriceCents(item); 12003 var compare_at_price = compareBaseCents(item); 12004 var hasSellingPlan = !!item.selling_plan_allocation; 12005 12006 var final_price = applyGlobalDiscountCents(price, discount); 12007 12008 if (compare_at_price === 0 && final_price < price) compare_at_price = price; 12009 if (!hasSellingPlan && final_price < price) compare_at_price = price; 12010 12011 var showCompare = !!(compare_at_price && compare_at_price !== 0); 12012 12013 return { 12014 useDefault: false, 12015 finalCents: final_price, 12016 compareCents: showCompare ? compare_at_price : 0, 12017 showCompare: showCompare, 12018 }; 12019 }; 12020 12021 window.oliRebuyLineHasDiscount = function (item, itemHasDiscountFn) { 12022 var parts = window.__oliRebuyGetLinePriceParts(item); 12023 if (parts.useDefault) return itemHasDiscountFn(item); 12024 return parts.showCompare; 12025 }; 12026 12027 window.oliRebuyLineSalePrice = function (item, formatMoneyFn, itemPriceFn) { 12028 var parts = window.__oliRebuyGetLinePriceParts(item); 12029 if (parts.useDefault) return formatMoneyFn(itemPriceFn(item)); 12030 return formatMoneyFn(parts.finalCents); 12031 }; 12032 12033 window.oliRebuyLineComparePrice = function (item, formatMoneyFn, compareAtPriceFn) { 12034 var parts = window.__oliRebuyGetLinePriceParts(item); 12035 if (parts.useDefault) { 12036 return item.selling_plan_allocation 12037 ? formatMoneyFn(item.selling_plan_allocation.compare_at_price) 12038 : formatMoneyFn(compareAtPriceFn(item)); 12039 } 12040 return parts.showCompare ? formatMoneyFn(parts.compareCents) : ''; 12041 }; 12042 12043 function oliRebuyLineUnitCents(item, itemPriceFn) { 12044 var parts = window.__oliRebuyGetLinePriceParts(item); 12045 if (!parts.useDefault) return parts.finalCents; 12046 return Number(itemPriceFn(item)); 12047 } 12048 12049 function oliRebuyLineCompareUnitCents(item, compareAtPriceFn) { 12050 var parts = window.__oliRebuyGetLinePriceParts(item); 12051 if (!parts.useDefault) { 12052 return parts.showCompare ? parts.compareCents : 0; 12053 } 12054 if (item.selling_plan_allocation) { 12055 return Number(item.selling_plan_allocation.compare_at_price) || 0; 12056 } 12057 return Number(compareAtPriceFn(item)) || 0; 12058 } 12059 12060 function oliRebuyLineTotalCents(item, itemPriceFn) { 12061 var parts = window.__oliRebuyGetLinePriceParts(item); 12062 var qty = Number(item.quantity) || 1; 12063 if (!parts.useDefault) return parts.finalCents * qty; 12064 if (item.final_line_price != null) return Number(item.final_line_price); 12065 if (item.line_price != null) return Number(item.line_price); 12066 return oliRebuyLineUnitCents(item, itemPriceFn) * qty; 12067 } 12068 12069 function oliRebuyGetBundleChildren(bundleParentItem) { 12070 var items = window.Rebuy.SmartCart && window.Rebuy.SmartCart.items(); 12071 if (!items || !items.length) return []; 12072 var bundleId = bundleParentItem.properties && bundleParentItem.properties._bundle_id; 12073 var createdAt = bundleParentItem.properties && bundleParentItem.properties._created_at; 12074 return items.filter(function (lineItem) { 12075 if (!lineItem.properties || lineItem.properties._bundle_id !== bundleId) return false;
12076 if (parseInt(lineItem.properties._created_at, 10) !== parseInt(createdAt, 10)) return false; 12077 return ( 12078 lineItem.properties.bundle_parent === false || 12079 lineItem.properties.bundle_parent === 'false' || 12080 lineItem.properties._bundle_parent === false || 12081 lineItem.properties._bundle_parent === 'false' 12082 ); 12083 }); 12084 } 12085 12086 function oliRebuyBundleLineCents(bundleParent, itemPriceFn) { 12087 return oliRebuyGetBundleChildren(bundleParent).reduce(function (total, child) { 12088 return total + oliRebuyLineTotalCents(child, itemPriceFn); 12089 }, 0); 12090 } 12091 12092 function oliRebuyBundleCompareCents(bundleParent, itemPriceFn, compareAtPriceFn) { 12093 return oliRebuyGetBundleChildren(bundleParent).reduce(function (total, child) { 12094 var qty = Number(child.quantity) || 1; 12095 var compareUnit = oliRebuyLineCompareUnitCents(child, compareAtPriceFn); 12096 if (compareUnit) return total + compareUnit * qty; 12097 return total + oliRebuyLineUnitCents(child, itemPriceFn) * qty; 12098 }, 0); 12099 } 12100 12101 /** 12102 * Subtotal aligned with displayed line-item prices (global discounts, bundles, qty). 12103 */ 12104 window.oliRebuyCartSubtotal = function ( 12105 formatMoneyFn, 12106 itemsFn, 12107 itemPriceFn, 12108 compareAtPriceFn, 12109 isBundleChildFn, 12110 isHiddenItemFn, 12111 isBundleParentFn 12112 ) { 12113 var items = itemsFn(); 12114 var totalCents = 0; 12115 12116 for (var i = 0; i < items.length; i++) { 12117 var item = items[i]; 12118 if (isHiddenItemFn(item)) continue; 12119 if (isBundleChildFn(item) !== false) continue; 12120 12121 if (isBundleParentFn(item)) { 12122 totalCents += oliRebuyBundleLineCents(item, itemPriceFn); 12123 } else { 12124 totalCents += oliRebuyLineTotalCents(item, itemPriceFn); 12125 } 12126 } 12127 12128 return formatMoneyFn(totalCents); 12129 }; 12130 12131 window.oliRebuyCartCompareSubtotal = function ( 12132 formatMoneyFn, 12133 itemsFn, 12134 itemPriceFn, 12135 compareAtPriceFn, 12136 isBundleChildFn, 12137 isHiddenItemFn, 12138 isBundleParentFn 12139 ) { 12140 var items = itemsFn(); 12141 var totalCents = 0; 12142 12143 for (var i = 0; i < items.length; i++) { 12144 var item = items[i]; 12145 if (isHiddenItemFn(item)) continue; 12146 if (isBundleChildFn(item) !== false) continue; 12147 12148 if (isBundleParentFn(item)) { 12149 totalCents += oliRebuyBundleCompareCents(item, itemPriceFn, compareAtPriceFn); 12150 } else { 12151 var qty = Number(item.quantity) || 1; 12152 var compareUnit = oliRebuyLineCompareUnitCents(item, compareAtPriceFn); 12153 if (compareUnit) { 12154 totalCents += compareUnit * qty; 12155 } else { 12156 totalCents += oliRebuyLineUnitCents(item, itemPriceFn) * qty; 12157 } 12158 } 12159 } 12160 12161 return formatMoneyFn(totalCents); 12162 }; 12163 })(); 12164 12165 if (!customElements.get('element-snow')) { 12166 customElements.define('element-snow', class videoPlay extends HTMLElement { 12167 constructor() { 12168 super(); 12169 } 12170 12171 connectedCallback() { 12172 } 12173 12174 show() { 12175 // Create 50 snowflakes 12176 for (let i = 0; i < 140; i++) { 12177 const snowflake = document.createElement('div'); 12178 snowflake.classList.add('snowflake'); 12179 12180 // Randomly set the size (100% or 80% of the current size) 12181 const isSmaller = Math.random() < 0.5; // 50% chance of smaller size 12182 const size = isSmaller ? '8px' : '10px'; // 20% smaller is 8px if the default is 10px 12183 snowflake.style.width = size; 12184 snowflake.style.height = size; 12185 12186 // Set random position and animation duration 12187 snowflake.style.left = `${Math.random() * 100}vw`; 12188 snowflake.style.animationDuration = `${Math.random() * 3 + 1}s`; 12189 snowflake.style.animationDelay = `${Math.random() * 2.5}s`; 12190 12191 this.appendChild(snowflake); 12192 12193 // Remove snowflake after animation ends 12194 snowflake.addEventListener('animationend', () => { 12195 snowflake.remove(); 12196 }); 12197 } 12198 12199 this.arrayElements = Array.from(document.querySelectorAll('.snowflake')) 12200 12201 setTimeout(()=> { 12202 this.fadeAway() 12203 }, 3000) 12204 12205 // setTimeout(()=> { 12206 // this.remove() 12207 // }, 5000) 12208 } 12209 12210 fadeAway() {
12211 if (this.arrayElements) this.arrayElements.forEach(element => element.classList.add('animation-fade-away')); 12212 } 12213 12214 remove() { 12215 if (this.arrayElements) this.arrayElements.forEach(element => element.remove()); 12216 } 12217 }); 12218 } 12219 12220 function removeDiscountGiftCard (event) { 12221 const cartItems = event.detail.cart.items(); 12222 const giftCardInCart = cartItems.find(item => item.gift_card === true); 12223 const otherItemsInCart = cartItems.find(item => item.gift_card !== true); 12224 12225 if (!otherItemsInCart && giftCardInCart && event.detail.cart.discount) { 12226 event.detail.cart.clearAllStoredDiscounts(); 12227 } 12228 } 12229 12230 function disableDiscountGiftCard(event) { 12231 const cartItems = event.detail.cart.items(); 12232 const giftCardInCart = cartItems.find(item => item.gift_card === true); 12233 const otherItemsInCart = cartItems.find(item => item.gift_card !== true); 12234 const discountButton = document.querySelector('.rebuy-cart__flyout-discount button'); 12235 const discountInput = document.querySelector('.rebuy-cart__flyout-discount-input'); 12236 const errorMessage = document.querySelector('.rebuy-cart__flyout-discount-input .rebuy-cart__flyout-discount-message'); 12237 const messageHtml = `<span class="rebuy-cart__flyout-discount-message">Discount codes do not apply to gift cards</span>` 12238 12239 if (!otherItemsInCart && giftCardInCart) { 12240 discountButton?.setAttribute('disabled', 'true'); 12241 if (!errorMessage) discountInput?.insertAdjacentHTML('beforeend', messageHtml) 12242 } else { 12243 discountButton?.removeAttribute('disabled'); 12244 if (errorMessage) errorMessage.remove(); 12245 } 12246 } 12247 12248 12249 const handleCartDiscountEvent = (event) => { 12250 removeDiscountGiftCard(event); 12251 disableDiscountGiftCard(event); 12252 }; 12253 12254 document.addEventListener('rebuy:smartcart.init', (event) => { 12255 setTimeout(() => { 12256 document.querySelector('#rebuy-cart')?.querySelectorAll('a, button, input, iframe, select, [tabindex]')?.forEach(el => el.tabIndex = -1); 12257 }, 2000) 12258 }); 12259 12260 document.addEventListener('rebuy:cart.ready', handleCartDiscountEvent); 12261 document.addEventListener('rebuy:cart.change', handleCartDiscountEvent); 12262</script>
12262 12263�
12263<script> 12264 window.rebuyCartSettings = { 12265 enable_global_discounts: false, 12266 rebuy_discount_message: "25% off applied!" 12267 } 12268</script>
12268 12269 12270
12271<script id="rebuy-cart-template" type="text/template"> 12272 12273 <div id="rebuy-cart" class="rebuy-cart " v-cloak v-bind:class="[visible ? 'is-visible is-visible-delay' : '', 'currency-' + currency() ]"> 12274 12275 <div class="rebuy-cart__flyout"> 12276 <div class="rebuy-cart__flyout-header" style="background-color: #FFFBF5!important"> 12277 <div class="rebuy-cart__flyout-title-wrap"> 12278 <h4 class="rebuy-cart__flyout-title" v-html="settings.language.cart_title"></h4> 12279 <span 12280 v-if="hasItems()" 12281 class="rebuy-cart__flyout-title-count" 12282 v-text="'(' + items().reduce(function (sum, item) { if (isHiddenItem(item) || isBundleChild(item) !== false) return sum; return sum + (Number(item.quantity) || 0); }, 0) + ')'" 12283 aria-live="polite" 12284 ></span> 12285 </div> 12286 <button class="rebuy-cart__flyout-close" type="button" aria-label="Close Smart Cart" v-on:click="hide()"> 12287 <svg width="14" height="14" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg" role="presentation"> 12288 <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"/> 12289 </svg> 12290 </button> 12291 </div> 12292 <div class="rebuy-cart__flyout-shipping-bar" style="background-color: #FFFBF5!important" v-if="freeShippingEnabled()" 12293 v-bind:class="[ freeShippingHelperMessage() ? 'has-helper' : '', hasFreeShipping() ? 'has-free-shipping': '' ]"> 12294 <div class="rebuy-cart__flyout-shipping-bar-message" v-if="!hasFreeShipping()" v-html="freeShippingRemainingMessage()"></div> 12295 <div class="rebuy-cart__flyout-shipping-bar-message" v-if="hasFreeShipping()" v-html="freeShippingCompleteMessage()"></div> 12296 <div class="rebuy-cart__flyout-shipping-bar-meter" v-bind:class="[hasFreeShippingProgress() ? 'has-progress' : 'no-progress']"> 12297 <div class="rebuy-cart__flyout-shipping-bar-meter-fill" v-bind:style="{ width: freeShippingPercentComplete() }"> 12298 <span class="rebuy-cart__flyout-shipping-bar-meter-fill-text" v-html="freeShippingPercentComplete()"></span> 12299 </div> 12300 </div> 12301 <div class="rebuy-cart__flyout-shipping-bar-helper" v-if="freeShippingHelperMessage()" v-html="freeShippingHelperMessage()"></div> 12302 </div> 12303 <div class="rebuy-cart__flyout-body"> 12304 <div class="rebuy-cart__flyout-announcement-bar" id="rebuy-smart-cart-announcement-bar" v-if="announcementBarEnabled()"> 12305 <div class="rebuy-cart__flyout-announcement-bar-message" v-for="message in settings.announcement_bar.messages" v-html="message"></div> 12306 </div> 12307 <div class="rebuy-cart__flyout-content" v-bind:class="[ hasItems() ? 'has-items' : 'no-items' ]" tabindex="0"> 12308 <div class="rebuy-cart__flyout-items" v-if="hasItems()"> 12309 � 12310 <div class="rebuy-cart__flyout-item" v-if="isBundleChild(item) == false" v-for="item in items()" v-if="!isHiddenItem(item)" 12311 v-bind:class="[ 'product-' + item.handle, itemProductTagsClasses(item), itemPropertyClasses(item) ]"> 12312 12313 12314 <!-- item image --> 12315 <div class="rebuy-cart__flyout-item-media"> 12316 <a v-bind:href="itemURL(item)"> 12317 <img v-bind:src="sizeImage(item.image, '240x240')" v-bind:alt="'View ' + cartItemTitleWithFiber(item)" /> 12318 </a> 12319 </div> 12320 <!-- end item image --> 12321 12322 12323 <div class="rebuy-cart__flyout-item-info"> 12324 12325 <div class="rebuy-cart__flyout-item-title-wrapper"> 12326 <a class="rebuy-cart__flyout-item-product-title" v-bind:href="itemURL(item)" 12327 v-html="cartItemTitleWithFiber(item)" v-bind:alt="'View ' + cartItemTitleWithFiber(item)"> 12328 </a> 12329 12330 <!--start remove btn --> 12331 <button 12332 class="rebuy-cart__flyout-item-remove" 12333 type="button" 12334 v-on:click="handleRemove(item)" 12335 v-bind:aria-label="'Remove ' + cartItemTitleWithFiber(item)"> 12336 <svg xmlns="http://www.w3.org/2000/svg" width="15" height="17" viewBox="0 0 15 17" fill="none"> 12337 <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.
12337625 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"/> 12338 </svg> 12339 </button> 12340 <!-- end remove btn --> 12341 </div> 12342 <div class="rebuy-cart__flyout-item-properties" v-if="hasItemProperties(item)"> 12343 <div class="rebuy-cart__flyout-item-property rebuy-cart__flyout-item-property--delivery-frequency" 12344 v-if="itemDeliveryFrequency(item)" v-html="itemDeliveryFrequency(item)"></div> 12345 <div class="rebuy-cart__flyout-item-property" 12346 v-for="property in itemProperties(item)" 12347 v-if="displayProperty(property)" 12348 v-bind:class="[ itemPropertyKeyClass(property), itemPropertyValueClass(property) ]"> 12349 12350 12351 <span class="rebuy-cart__flyout-item-property-name" v-html="property.key"></span> 12352 <span class="rebuy-cart__flyout-item-property-separator">:</span> 12353 <span class="rebuy-cart__flyout-item-property-value" v-html="property.value"></span> 12354 12355 12356 </div> 12357 </div> 12358 <div class="rtx-info"> 12359 <div class="option-values" v-for="option in item.options_with_values"> 12360 <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> 12361 </div> 12362 </div> 12363 12364 <div class="rebuy-cart__flyout-item-quantity-wrapper"> 12365 <!-- start quantity row --> 12366 <div class="rebuy-cart__flyout-item-quantity"> 12367 <div > 12368 12369 <div class="rebuy-cart__flyout-item-quantity-widget" v-if="hideQuantitySelectors && !hideQuantitySelectors(item) && item.handle != 'oli-pops-holiday-pack-pr-giveaway'"> 12370 <button class="rebuy-cart__flyout-item-quantity-widget-button" 12371 v-on:click="decreaseItem(item)" type="button" 12372 v-bind:aria-label="`You have ${item.quantity} ${cartItemTitleWithFiber(item)}, decrease by 1`"> 12373 <svg xmlns="http://www.w3.org/2000/svg" width="10" height="2" viewBox="0 0 10 2" fill="none"> 12374 <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"/> 12375 </svg> 12376 </button> 12377 <span class="rebuy-cart__flyout-item-quantity-widget-label" v-html="item.quantity"></span> 12378 <button class="rebuy-cart__flyout-item-quantity-widget-button" 12379 v-on:click="increaseItem(item)" type="button" v-bind:aria-label="`You have ${item.quantity} ${cartItemTitleWithFiber(item)}, add 1 more`"> 12380 <svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 12 12" fill="none"> 12381 <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"/> 12382 </svg> 12383 </button> 12384 </div> 12385 12386 </div> 12387 </div> 12388 <!-- end quantity row --> 12389 12390 <!-- start price row --> 12391 <div 12392 class="rebuy-cart__flyout-item-price" 12393 :class="{ '!tw-hidden': item.product && item.product.tags && item.product?.tags?.includes('smart-cart-hide-price') }" 12394 > 12395 12396 <div class="discount-code-msg" v-if="hasLineItemDiscount(item)" v-for="discount in item.discounts"> 12397 {{ discount.title }} 12398 </div> 12399 <!-- rtx subscription copy --> 12400 12401 <div class="rtx-cart_flyout-subscriptions" v-if="window.rebuyCartSettings.enable_global_discounts && window.rebuyCartSettings.rebuy_discount_message.length"> 12402 <div class="rebuy-cart__flyout-item-discount-message promo-sidecart" 12403 v-html="window.rebuyCartSettings.rebuy_discount_message"> 12404 </div> 12405 </div> 12406 12407 <div class="rtx-cart_flyout-subscriptions" v-else>
12408 <span v-if="item.selling_plan_allocation" class="rtx-cart_flyout-subscriptions-text">15% Off Applied!</span> 12409 </div> 12410 12411 <div class="rtx-cart_custom-discount-labels" style="display: none;"> 12412 <span class="rtx-cart_flyout-subscriptions-text tw-text-3 tw-font-normal tw-leading-none tw-text-green-900">30% off applied!</span> 12413 </div> 12414 <!-- end subscription copy --> 12415 <div v-if="isBundleParent(item)" role="textbox"> 12416 12417 12418 <span class="visually-hidden">Bundle price: </span> 12419 <span class="rebuy-money rebuy-money-original-price sale" v-html="getBundlePrice(item)"></span> 12420 </div> 12421 12422 <div v-if="oliRebuyLineHasDiscount(item, itemHasDiscount) && isBundleParent(item) == false"> 12423 <div class="visually-hidden">Sale price: </div> 12424 <span class="rebuy-money rebuy-money-original-price sale" v-html="oliRebuyLineSalePrice(item, formatMoney, itemPrice)"></span> 12425 <div class="visually-hidden">Original price: </div> 12426 <span class="rebuy-money rebuy-money-compare-at-price compare-at" 12427 v-html="oliRebuyLineComparePrice(item, formatMoney, compareAtPrice)"></span> 12428 </div> 12429 <div v-if="!oliRebuyLineHasDiscount(item, itemHasDiscount) && isBundleParent(item) == false"> 12430 <span class="visually-hidden">
12430Price: </span> 12431 <span class="rebuy-money rebuy-money-original-price" v-html="oliRebuyLineSalePrice(item, formatMoney, itemPrice)"></span> 12432 </div> 12433 12434 </div> 12435 <!-- end price row --> 12436 </div> 12437 12438 <!-- start subscription selector --> 12439 <div class="rebuy-cart__flyout-item-subscription" v-if="hasSwitchToSubscription(item)"> 12440 <button class="rebuy-button outline" v-if="!item.product.subscription || item.status == 'downgrading' || item.status == 'upgrading'" 12441 v-bind:alt="'Switch ' + cartItemTitleWithFiber(item) + ' to a Subscription'" 12442 v-bind:disabled="(item.status == 'downgrading' || item.status == 'upgrading')" 12443 v-on:click="updateItemDeliveryFrequency(item, item.product.subscription_frequencies[1]); updateBundleDeliveryFrequencies(item, item.product.subscription_frequencies[1])" 12444 type="button" 12445 > 12446 <span v-html="switchToSubscriptionLabel(item)"></span> 12447 </button> 12448 <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"> 12449 <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"/> 12450 </svg> 12451 <select 12452 v-if="item.product.subscription && item.status != 'downgrading'" 12453 class="rebuy-select muted" 12454 aria-label="Subscription frequency" 12455 v-model="item.product.subscription_frequency" 12456 v-on:change="updateItemDeliveryFrequency(item); updateBundleDeliveryFrequencies(item, $event.target.value)" 12457 > 12458 <optgroup 12459 v-if="!item.product.is_subscription_only && !subscriptionDowngradeDisabled()" 12460 v-bind:label="onetimeOptionGroupLabel(item)" 12461 > 12462 <option v-bind:value="'onetime'" v-html="onetimeOptionLabel(item)"></option> 12463 </optgroup> 12464 12465 <optgroup v-bind:label="subscriptionOptionGroupLabel(item)"> 12466 <option 12467 v-for="frequency in item.product.subscription_frequencies" 12468 v-bind:value="frequency" 12469 v-html="subscriptionOptionLabel(item, frequency, item.product.subscription_interval)" 12470 ></option> 12471 </optgroup> 12472 </select> 12473 </div> 12474 <!-- end subscription selector --> 12475 </div> 12476 12477 12478 12479 12480 </div> 12481 <!-- end product item --> 12482 12483 <div class="rebuy-cart__flyout-note" v-if="notesEnabled()"> 12484 <label class="rebuy-cart__flyout-note-toggle"> 12485 <input class="rebuy-cart__flyout-note-toggle-input rebuy-checkbox" type="checkbox" v-model="notes.visible" v-on:click="notesToggle()" /> 12486 <span class="rebuy-cart__flyout-note-toggle-label" v-html="settings.language.notes_label"></span> 12487 </label> 12488 <div class="rebuy-cart__flyout-note-content" v-if="notesIsVisible()"> 12489 <textarea id="rebuy-cart-notes" class="rebuy-textarea rebuy-cart__flyout-note-textarea" v-model="notes.value" 12490 v-on:keyup="notesChange(event)" v-on:keydown="notesChange(event)" v-on:change="notesChange(event)" 12491 v-bind:placeholder="settings.language.notes_placeholder"></textarea> 12492 <small id="rebuy-cart-characters-remaining" v-html="notesRemainingCharacters()"></small> 12493 </div> 12494 </div> 12495 </div> 12496 <div class="rebuy-cart__flyout-empty-cart" role="region" aria-label="Empty cart message" v-if="!hasItems()" v-html="emptyCartMessage()"></div> 12497 <div class="rebuy-cart__flyout-recommendations" v-if="hasCrossSells()" style="display: none;"> 12498 <div v-for="widget_id in settings.cross_sells" v-bind:data-rebuy-id="widget_id"> 12499 </div> 12500 </div> 12501 12502 <div class="rebuy-upsell custom-upsell"> 12503 </div> 12504 12505 <!--BEAM START--> 12506 <div data-beam-widget="select-nonprofit" v-if="hasItems()" class="rebuy-cart__beam-impact-widget-wrapper"> 12507 12508 <beam-select-nonprofit 12509 apiKey="orRPgklUWqQM.cab839ad-9774-43be-bc7d-f236e6c3e9ae" 12510 storeId="528" 12511 lang="en" 12512 ></beam-select-nonprofit> 12513 12514 </div> 12515 <!-- BEAM END--> 12516 </div> 12517 </div> 12518 12519 <div class="rebuy-cart__flyout-footer " v-if="hasItems()"> 12520 12521 <svg xmlns="http://www.w3.org/2000/svg" width="484" height="32" viewBox="0 0 484 32" fill="none"> 12522 <mask id="mask0_2444_672" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="-90" width="484" height="123"> 12523 <g clip-path="url(#clip0_2444_672)"> 12524 <g clip-path="url(#clip1_2444_672)"> 12525 <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"/> 12526 </g> 12527 </g> 12528 </mask> 12529 <g mask="url(#mask0_2444_672)"> 12530 <rect width="484" height="32.2667" fill="#008168"/>
12530 12531 </g> 12532 <defs> 12533 <clipPath id="clip0_2444_672"> 12534 <rect width="484" height="121.621" fill="white" transform="translate(0 -89.354)"/> 12535 </clipPath> 12536 <clipPath id="clip1_2444_672"> 12537 <rect width="484" height="33.275" fill="white" transform="translate(0 0.232666)"/> 12538 </clipPath> 12539 </defs> 12540 </svg> 12541 <div class="rebuy-cart__flyout-footer--inner"> 12542 12543 <button 12544 class="rebuy-cart__flyout-footer-discount-button" 12545 v-if="shouldShowDiscountInput && shouldShowDiscountInput()" 12546 aria-expanded="false" 12547 aria-controls="rebuy-discount-accordion" 12548 v-on:click=" 12549 function($event) { 12550 const accordion = $refs.rebuyDiscountAccordion; 12551 accordion?.classList.toggle('rebuy-cart__flyout-footer-discount-field-hide'); 12552 $refs.accordionCloseIcon?.classList.toggle('rebuy-cart__flyout-footer-discount-accordion'); 12553 $refs.accordionOpenIcon?.classList.toggle('rebuy-cart__flyout-footer-discount-accordion'); 12554 12555 const isOpen = !accordion.classList.contains('rebuy-cart__flyout-footer-discount-field-hide'); 12556 $event.currentTarget.setAttribute('aria-expanded', isOpen); 12557 12558 if (isOpen) { 12559 console.log(accordion.querySelector('input')) 12560 setTimeout(()=>(accordion.querySelector('input')?.focus()), 0) 12561 } 12562 } 12563 " 12564 v-show="discount && discount.amount === 0" 12565 > 12566 <div class="rebuy-cart__flyout-footer-discount-feild-copy">Add Promo Code</div> 12567 12568 <svg 12569 ref="accordionCloseIcon" 12570 class="rebuy-cart__flyout-footer-discount-accordion" 12571 width="14" 12572 height="14"
12573 viewBox="0 0 14 14" 12574 fill="none" 12575 aria-label="hidden" 12576 xmlns="http://www.w3.org/2000/svg" 12577 > 12578 <g clip-path="url(#clip0_1061_2171)"> 12579 <path d="M0.875 7.0083H13.125" stroke="#fff" stroke-width="2" stroke-linecap="round"/> 12580 </g> 12581 <defs> 12582 <clipPath id="clip0_1061_2171"> 12583 <rect width="14" height="14" fill="white" transform="translate(0 0.00830078)"/> 12584 </clipPath> 12585 </defs> 12586 </svg> 12587 12588 <svg 12589 ref="accordionOpenIcon" 12590 width="16" 12591 height="16" 12592 viewBox="0 0 16 16" 12593 aria-label="hidden" 12594 fill="none" 12595 xmlns="http://www.w3.org/2000/svg" 12596 > 12597 <path d="M1.875 8.0083H14.125" stroke="#fff" stroke-width="2" stroke-linecap="round"/> 12598 <path d="M8 1.8833L8 14.1333" stroke="#fff" stroke-width="2" stroke-linecap="round"/> 12599 </svg> 12600 </button> 12601 12602 <div 12603 v-if="shouldShowDiscountInput && shouldShowDiscountInput()" 12604 class="rebuy-cart__flyout-discount rebuy-cart__flyout-footer-discount-field-hide" 12605 ref="rebuyDiscountAccordion" 12606 id="rebuy-discount-accordion" 12607 > 12608 <div class="rebuy-cart__flyout-discount-right"> 12609 <div class="rebuy-cart__flyout-discount-input"> 12610 <input 12611 class="input" 12612 v-model="discount.inputValue" 12613 placeholder="Enter your promo code" 12614 id="rebuy-discount-input" 12615 aria-label="Enter your promo code" 12616 > 12617 12618 </div> 12619 <button 12620 class="rebuy-button" 12621 aria-label="Apply promo code" 12622 v-on:click="applyDiscount()" 12623 v-bind:disabled="discount.loading" 12624 > 12625 <span v-html="discountButtonLabel && discountButtonLabel()" class="rebuy-button-text"></span> 12626 </button> 12627 </div> 12628 <div 12629 v-if="showInvalidMessage()" 12630 class="rebuy-cart__flyout-discount-message" 12631 > 12632 <svg xmlns="http://www.w3.org/2000/svg" width="22" height="22" viewBox="0 0 22 22" fill="none"> 12633 <rect width="22" height="22" rx="11" fill="#D42A1C"/> 12634 <g clip-path="url(#clip0_2947_17606)"> 12635 <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"/> 12636 <path d="M11 9.75V12.75" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> 12637 <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"/> 12638 </g> 12639 <defs> 12640 <clipPath id="clip0_2947_17606"> 12641 <rect width="12" height="12" fill="white" transform="translate(5 5)"/> 12642 </clipPath> 12643 </defs> 12644 </svg> 12645 <span 12646 v-html="settings.language.discount_invalid_message" 12647 > 12648 </span> 12649 </div> 12650 </div> 12651 12652 12653 <div 12654 v-show="shouldShowDiscountSubtotal && shouldShowDiscountSubtotal()" 12655 class="rebuy-cart__flyout-discount-amount" 12656 > 12657 <div class="rebuy-cart__flyout-discount-left"> 12658 <span class="rebuy-cart__flyout-label" v-html="discountLabel && discountLabel()"></span> 12659 <div class="rebuy-cart__flyout-tag" v-on:click="removeDiscount()">
12660 <span class="rebuy-cart__flyout-tag-discount-icon"> 12661 <svg width="10" height="10" viewBox="0 0 10 10" fill="none" xmlns="http://www.w3.org/2000/svg"> 12662 <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"/> 12663 <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"/> 12664 </svg> 12665 </span> 12666 <span v-html="discount.inputValue" class="rebuy-cart__flyout-tag-discount-text"></span> 12667 <span class="rebuy-cart__flyout-tag-time"> 12668 <svg width="10" height="10" viewBox="0 0 8 8" fill="none" xmlns="http://www.w3.org/2000/svg"> 12669 <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"/> 12670 <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"/> 12671 </svg> 12672 </span> 12673 </div> 12674 </div> 12675 <div class="rebuy-cart__flyout-subtotal-amount rebuy-cart__flyout-discount-right rebuy-cart__flyout-subtotal-amount-discount" v-html="discountTotal && discountTotal()"> </div> 12676 </div> 12677 12678 <div class="rebuy-cart__flyout-subtotal"> 12679 <div class="rebuy-cart__flyout-subtotal-label">
12680 <span class="rebuy-cart__flyout-subtotal-text">Subtotal</span> 12681 </div> 12682 12683 <div class="rebuy-cart__flyout-subtotal-amount"> 12684 <span class="rebuy-cart__flyout-subtotal-final-amount"> 12685 <span class="sr-only">Final price</span> 12686 <span v-html="oliRebuyCartSubtotal(formatMoney, items, itemPrice, compareAtPrice, isBundleChild, isHiddenItem, isBundleParent)"></span> 12687 </span> 12688 <span class="rebuy-cart__flyout-subtotal-compare-amount tw-hidden"> 12689 <span class="sr-only">Original price</span> 12690 <span v-html="oliRebuyCartCompareSubtotal(formatMoney, items, itemPrice, compareAtPrice, isBundleChild, isHiddenItem, isBundleParent)"></span> 12691 </span> 12692 </div> 12693 12694 </div> 12695 <div class="rebuy-cart__flyout-actions"> 12696 <div v-if="settings.terms && settings.terms.enabled" class="rebuy-cart__flyout-terms"> 12697 <input class="rebuy-cart__flyout-terms-checkbox rebuy-checkbox" id="rebuy-terms-checkbox" name="rebuy-terms-checkbox" 12698 type="checkbox" v-model="termsAccepted" v-on:click="updateTermsCheck()" /> 12699 <label class="rebuy-cart__flyout-terms-label" for="rebuy-terms-checkbox" v-html="settings.terms.disclaimer"></label> 12700 </div> 12701 <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()"> 12702 <span> 12703 <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"/>
12703<path d="" stroke="none" fill="#fcfcfc" fill-rule="evenodd"/></svg> 12704 <span>Checkout</span> 12705 </span> 12706 </button> 12707 <button v-if="hasViewCartButton()" class="block rebuy-button" v-bind:class="{'outline': hasCheckoutButton()}" type="button" v-on:click="viewCart()"> 12708 <span v-html="viewCartLabel()"></span> 12709 </button> 12710 <button v-if="hasContinueShoppingButton()" class="block rebuy-button outline" type="button" v-on:click="hide()"> 12711 <span v-html="continueShoppingLabel()"></span> 12712 </button> 12713 12714 12715 <div class="rebuy-cart__flyout-actions-note-below-cta"> 12716 45 Day Money-Back Guarantee 12717 </div> 12718 12719 12720 � 12721 </div> 12722 <div class="rebuy-cart__flyout-installments" v-if="installmentsEnabled()" v-html="installmentsMessage()"></div> 12723 </div> 12724 </div> 12725 </div> 12726 <div class="rebuy-cart__background" v-on:click="hide()"></div> 12727 </div> 12728</script>
12728 12729 12730 12731<style> 12732 #rebuy-checkout-btn:hover { 12733 background-color: #E2EB28 !important; 12734 } 12735 12736 .rebuy-cart__flyout-item-media img[alt="View Watermelon Lime 9g Fiber"] { 12737 width: 70%; 12738 } 12739</style> 12740
12741<script async src="https://cdn.rebuyengine.com/onsite/js/rebuy.js?shop=olipop-store.myshopify.com"></script>
12741 12742
12743<script> 12744 document.addEventListener('DOMContentLoaded', function() { 12745 const body = document.body; 12746 const html = document.documentElement; 12747 12748 // Function to save and restore the scroll position 12749 function preserveScrollPosition(action) { 12750 const scrollPosition = { 12751 top: window.scrollY, 12752 left: window.scrollX 12753 }; 12754 action(); 12755 window.scrollTo(scrollPosition.left, scrollPosition.top); 12756 } 12757 12758 // Create a MutationObserver to watch for changes to the body's class list 12759 const observer = new MutationObserver(function(mutationsList) { 12760 mutationsList.forEach(function(mutation) { 12761 if (mutation.type === 'attributes' && mutation.attributeName === 'class') { 12762 if (body.classList.contains('rebuy-modal-visible')) { 12763 html.style.overflow = 'hidden'; 12764 } else { 12765 preserveScrollPosition(() => { 12766 html.style.overflow = ''; 12767 }); 12768 } 12769 } 12770 }); 12771 }); 12772 observer.observe(body, { attributes: true }); 12773 }); 12774</script>
12774 12775<style> 12776 #rebuy-checkout-btn:hover { 12777 background-color: #E2EB28 !important; 12778 } 12779 12780 .rebuy-cart__flyout-item-media img[alt="View Watermelon Lime 9g Fiber"] { 12781 width: 70%; 12782 } 12783</style> 12784 12785 12786 12787
12788<script> 12789const getProductJSON = async (handle) => { 12790 let data = JSON.parse(sessionStorage.getItem("productJSONStore")); 12791 12792 if (data && data[handle]) { 12793 return data[handle]; 12794 } else { 12795 await getStorefrontProduct(handle).then((product) => { 12796 saveProductJSON(product); 12797 return product; 12798 }); 12799 } 12800}; 12801 12802const saveProductJSON = (product) => { 12803 let data = JSON.parse(sessionStorage.getItem("productJSONStore")); 12804 12805 if (data == null) { 12806 data = {}; 12807 } 12808 12809 if (product) { 12810 data[product.handle] = product; 12811 } 12812 12813 sessionStorage.setItem("productJSONStore", JSON.stringify(data)); 12814}; 12815 12816const removeProductJSON = (product) => { 12817 let data = JSON.parse(sessionStorage.getItem("productJSONStore")); 12818 12819 if (data == null) { 12820 data = {}; 12821 } 12822 12823 if (product) { 12824 delete data[product.handle]; 12825 } 12826 12827 sessionStorage.setItem("productJSONStore", JSON.stringify(data)); 12828}; 12829 12830const getStorefrontProduct = async (handle) => { 12831 return fetch(`${Shopify.routes.root}products/${handle}.js`).then( 12832 (response) => { 12833 return response.json(); 12834 } 12835 ); 12836}; 12837 12838const enrichWidgetProducts = (widget) => { 12839 const products = widget.data.products; 12840 12841 for (var i = 0; i < products.length; i++) { 12842 updateProductJSON(products[i], () => { 12843 widget.initProducts(widget.data.products); 12844 }); 12845 } 12846}; 12847 12848const enrichCartItems = () => { 12849 const items = Rebuy.Cart.items(); 12850 for (var i = 0; i < items.length; i++) { 12851 const item = items[i]; 12852 const product = items[i].product; 12853 12854 updateProductJSON(product, () => { 12855 const productClone = Object.assign({}, product); 12856 12857 delete productClone.subscription; 12858 delete productClone.subscription_discount_amount; 12859 delete productClone.subscription_discount_type; 12860 delete productClone.subscription_frequencies; 12861 delete productClone.subscription_frequency; 12862 delete productClone.subscription_interval; 12863 delete productClone.subscription_id; 12864 delete productClone.is_subscription_only; 12865 delete productClone.has_subscription; 12866 12867 Rebuy.Cart.addEnrichedProduct(productClone); 12868 12869 Rebuy.Cart.initProduct(product, { 12870 item: item, 12871 clone: true, 12872 }); 12873 }); 12874 } 12875}; 12876 12877const updateProductJSON = (product, callback = function () {}) => { 12878 getProductJSON(product.handle).then((json) => { 12879 if (typeof json?.requires_selling_plan != "undefined") { 12880 product.is_subscription_only = json?.requires_selling_plan; 12881 } 12882 12883 if (typeof json?.selling_plan_groups != "undefined") { 12884 extendProductWithSellingPlan(product, json?.selling_plan_groups[0]); 12885 } 12886 12887 callback(product); 12888 }); 12889}; 12890 12891const extendProductWithSellingPlan = (product, selling_plan_groups) => { 12892 if (product && selling_plan_groups) { 12893 // Set discount 12894 selling_plan_groups.discount_amount = 0; 12895 selling_plan_groups.discount_type = "none"; 12896 12897 // Update selling plans 12898 for (let i = 0; i < selling_plan_groups.selling_plans.length; i++) { 12899 const selling_plan = selling_plan_groups.selling_plans[i]; 12900 12901 // Surface discount amount and type to groups 12902 if ( 12903 selling_plan_groups.discount_amount == 0 && 12904 selling_plan_groups.discount_type == "none" && 12905 selling_plan.price_adjustments.length > 0 12906 ) { 12907 let price_adjustment = selling_plan.price_adjustments[0]; 12908 let valueType = 12909 price_adjustment.value_type === "percentage" 12910 ? "percentage" 12911 : "fixed"; 12912 let value = price_adjustment.value; 12913 12914 if (valueType === "fixed") { 12915 value = (value / 100).toFixed(2); 12916 } 12917 12918 selling_plan_groups.discount_amount = value; 12919 selling_plan_groups.discount_type = valueType; 12920 } 12921 12922 // Surface order interval to selling plan 12923 let interval = getOrderIntervalForOptions(selling_plan.options[0]); 12924 selling_plan.order_interval_frequency = interval.frequency; 12925 selling_plan.order_interval_unit_type = interval.unit; 12926 } 12927 12928 // Add groups to product 12929 product.selling_plan_groups = [selling_plan_groups]; 12930 } 12931}; 12932 12933const getOrderIntervalForOptions = (option) => { 12934 const intervalUnits = ["day", "week", "month", "year"]; 12935 const response = { 12936 frequency: 1, 12937 unit: "day", 12938 }; 12939 12940 let frequency = option.value.toLowerCase().match(/\d+/g); 12941 12942 if (frequency != null) { 12943 response.frequency = frequency[0]; 12944 } 12945 12946 for (let i = 0; i < intervalUnits.length; i++) { 12947 const unit = intervalUnits[i]; 12948 let regex = new RegExp(unit, "g"); 12949 12950 if (option.value.toLowerCase().match(regex)) { 12951 response.unit = unit; 12952 break; 12953 } 12954 } 12955 12956 return response; 12957}; 12958 12959const enableSellingPlans = () => { 12960 const Rebuy = window.Rebuy; 12961 const Shop = window.Rebuy.shop; 12962 12963 if (Shop) { 12964 if (typeof Shop.integrations == "undefined") { 12965 Shop.integrations = {}; 12966 } 12967 Shop.integrations.recharge = true; 12968 Shop.selling_plans_enabled = true; 12969 } 12970}; 12971 12972document.addEventListener("rebuy:cart.enriched", (event) => { 12973 setTimeout(enrichCartItems, 0); 12974}); 12975 12976document.addEventListener("rebuy.productsChange", (event) => { 12977 event.detail.widget.data.config.product_type = "both"; 12978 enrichWidgetProducts(event.detail.widget); 12979}); 12980 12981document.addEventListener("rebuy.loaded", () => { 12982 enableSellingPlans(); 12983}); 12984 12985// may or may not be necessary, have needed to do this on a few stores 12986document.addEventListener("rebuy:cart.change", () => { 12987 // re-enrich cart 12988 setTimeout(() => { 12989 Rebuy.Cart.enrichCart(); 12990 }, 300); 12991}); 12992</script>
12992 12993 12994
12995<script> 12996 window.switchToSubscriptionAssets = { 12997 checkmark: "\/\/drinkolipop.com\/cdn\/shop\/t\/1366\/assets\/switch-to-subscription-checkmark.svg?v=737727" 12998 } 12999</script>
12999 13000 13001 13002
13003<script id="rebuy-widget-104566" type="text/template"> 13004 <div 13005 class="rebuy-widget" 13006 v-cloak 13007 v-on:click="stopPropagation($event)" 13008 v-bind:id="'rebuy-widget-' + id" 13009 v-bind:class="['widget-type-' + config.type.replace('_','-'), 'widget-display-' + config.display_type, products.length > 0 ? 'is-visible' : 'is-hidden', 'widget-layout-' + currentLayout()]" 13010 > 13011 <div 13012 class="rebuy-widget-container" 13013 v-cloak 13014 v-bind:class="['widget-display-' + config.display_type, visible ? 'is-visible' : 'is-hidden' ]" 13015 v-on:click.self="hide()"> 13016 13017 <div class="rebuy-widget-content"> 13018 <div class="rebuy-modal-close" v-on:click="hide()"> 13019 <i class="fas fa-times"></i> 13020 </div> 13021 13022 <div class="rebuy-timer" v-if="hasTimer()"> 13023 <h5 class="rebuy-timer-title" v-if="config.language.timer_title"> 13024 <span v-html="config.language.timer_title"></span> 13025 <span class="rebuy-timer-minutes" v-html="config.timer.duration_minutes"></span>:<span class="rebuy-timer-seconds" v-html="config.timer.duration_seconds"></span> 13026 </h5> 13027 </div> 13028 13029 <h4 13030 class="super-title" 13031 v-if="config.language.super_title != ''" 13032 v-html="config.language.super_title"></h4> 13033 <img src="https://cdn.shopify.com/s/files/1/0034/6610/0806/files/Mask_group_a14b28d7-9678-4952-b6bd-8913d9526dea.png?v=1696021272"> 13034 <h3 13035 class="primary-title" 13036 v-if="config.language.title != ''" 13037 v-html="config.language.title"></h3> 13038 13039 <div 13040 class="description" 13041 v-if="config.language.description != ''" 13042 v-html="config.language.description"></div> 13043 13044 <div class="rebuy-product-grid" v-bind:class="layoutClasses"> 13045 <div 13046 class="rebuy-product-block" 13047 v-for="product in products" 13048 v-bind:class="[product.handle, 'product-id-' + product.id, cartHasProduct(product) ? 'cart-has-item' : '', productTagClasses(product)]"> 13049 <div class="rebuy-subscription-bonuses"> 13050 <div class="stsNote"> 13051 <img v-bind:src="switchToSubscriptionAssets.checkmark" class="rebuyCheck"><p class="rebuy-product-media-block-text">15% off EVERY subscription order</p> 13052 </div> 13053 <div class="stsNote"> 13054 <img v-bind:src="switchToSubscriptionAssets.checkmark" class="rebuyCheck"><p class="rebuy-product-media-block-text">Free shipping in the contiguous U.S.</p> 13055 </div> 13056 <div class="stsNote"> 13057 <img v-bind:src="switchToSubscriptionAssets.checkmark" class="rebuyCheck"><p class="rebuy-product-media-block-text">Swap, skip, or cancel anytime</p> 13058 </div> 13059 </div> 13060 <div class="rebuy-product-actions"> 13061 13062 <div class="subscription-checkbox" v-if="showSubscriptionOptions(product)"> 13063 <label class="rebuy-checkbox-label"> 13064 <input 13065 class="checkbox-input rebuy-checkbox" 13066 v-model="product.subscription" 13067 v-on:change="toggleSubscription(product)" 13068 type="checkbox" /> 13069 <span class="checkbox-label" v-html="upgradeToSubscriptionLabel(product)"></span> 13070 </label> 13071 </div> 13072 13073 <div class="subscription-frequency" v-if="showSubscriptionFrequency(product)"> 13074 <select 13075 class="rebuy-select" 13076 v-model="product.subscription_frequency" 13077 v-on:change="updateSubscriptionFrequency(product)"> 13078 <option v-for="frequency in product.subscription_frequencies" v-bind:value="frequency"></option> 13079 </select> 13080 </div> 13081 13082 <button 13083 class="rebuy-button" 13084 v-bind:class="{ working: (product.status != 'ready' && product.status != 'selecting') }" 13085 v-bind:disabled="!(variantAvailable(product.selected_variant)) || (product.status != 'ready' && product.status != 'selecting')" 13086 v-bind:alt="'Add ' + product.title + ' to Cart'" 13087 v-on:click="addUpsellToCart(product)" 13088 type="button">
13089 <span v-html="buttonLabel(product)"></span> 13090 </button> 13091 13092 <button 13093 class="rebuy-button decline" 13094 v-on:click="declineOffer(product)" 13095 type="button"> 13096 <span v-html="declineLabel(product)"></span> 13097 </button> 13098 </div> 13099 </div> 13100 </div> 13101 13102 <div class="powered-by-rebuy"> 13103 <a 13104 v-bind:href="'https://rebuyengine.com/?shop=' + config.shop.myshopify_domain" 13105 target="_blank" 13106 rel="noopener"> 13107 Powered by Rebuy 13108 </a> 13109 </div> 13110 </div> 13111 </div> 13112 </div> 13113</script>
13113 13114 13115
13116<script> 13117document.addEventListener('rebuy:reorderLandingPage.ready', function(){ 13118 if(Rebuy.ReorderLandingPage){ 13119 Rebuy.Cart.cart?.items.forEach(item => { 13120 if (item.product?.tags.includes('exclude_rebuy')) { 13121 Rebuy.Cart.removeItem(item) 13122 } 13123 }) 13124 } 13125}); 13126</script>
13126 13127
13128<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>
13128 13129 <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> 13130<div id="shopify-block-AWnY2RzdkTzNxdWNiS__15336829040930027027" class="shopify-block shopify-app-block"><style> 13131/* Critical-CSS safety net, not a replacement for rediem-dash.css: hardcodes only the 13132 structural properties (position, width, hidden/shown state) from its base 13133 .ripple-frame-container / .show selectors that determine whether the widget is 13134 full-screen and stuck versus correctly sized and closable, deliberately excluding 13135 cosmetic properties (background-color, box-shadow, border-radius, transition 13136 easing, ...) that don't affect that and are the ones most likely to change in a 13137 future styling pass. Protects against the async stylesheet below never getting 13138 promoted from preload to stylesheet (for example, a client-side page-transition 13139 library such as Barba.js swapping in a fresh, unpromoted preload link without 13140 re-running the loader script that would otherwise promote it). Same specificity 13141 as rediem-dash.css and declared before it in source order, so once the real 13142 stylesheet loads it wins the cascade normally, with no !important needed. 13143 apps/api/cdn-statics/criticalCssSync.test.ts fails loudly if these values and 13144 rediem-dash.css's ever disagree. 13145*/ 13146.ripple-frame-container{position:fixed;width:390px;right:20px;transform:scale(0);opacity:0;visibility:hidden} 13147.ripple-frame-container.show{transform:scale(1);opacity:1;visibility:visible} 13148</style> 13149<link rel="preload" href="https://ripplrewards.nyc3.digitaloceanspaces.com/static/css/rediem-dash.css?v=ec40ec2dd149f5533727b8140237dc742853231a" as="style" data-rediem-preload> 13150<noscript><link rel="stylesheet" href="https://ripplrewards.nyc3.digitaloceanspaces.com/static/css/rediem-dash.css?v=ec40ec2dd149f5533727b8140237dc742853231a"></noscript> 13151 13152<div data-rdm_domain="drinkolipop.com" data-rdm_id="" data-rdm_email="" 13153 data-rdm_firstName="" data-rdm_lastName="" 13154 data-rdm_tags="" data-rdm_phone="" id="rdmWidgetLoadDiv"> 13155</div> 13156
13157<script src="https://ripplrewards.nyc3.digitaloceanspaces.com/static/prod/rediem-dash.js?v=ec40ec2dd149f5533727b8140237dc742853231a" defer></script>
13157 13158 13159</div><div id="shopify-block-Aemp4K204NG5MWWxCU__9431864395560886015" class="shopify-block shopify-app-block"> 13160
13161<script> 13162 window.__POLAR_CONFIG__ = { 13163 debug: false, 13164 shop: "olipop-store.myshopify.com", 13165 storefrontToken: null, 13166 cartMetafieldsEnabled: null, 13167 metafieldNamespace: "polar", 13168 metafieldKey: "attribution" 13169 }; 13170</script>
13170 13171
13172<script src="https://cdn.shopify.com/extensions/01a06601-c356-7426-8020-d0ed6417f8c2/polar-analytics-33/assets/polar-cart-injector.js" async></script>
13172 13173 13174</div><div id="shopify-block-AbVJPUTJacTJ3WC9He__4947802007469450330" class="shopify-block shopify-app-block"><!-- rediem-referral.css loaded non-blocking. The referral UI (skeleton, iframe, 13175 widget, popups) is injected by JS after load, so nothing this styles exists at 13176 first paint; loading it blocking (via the schema `stylesheet` key) only delayed 13177 first paint. Served from Shopify's global CDN via asset_url. --> 13178<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'"> 13179<noscript><link rel="stylesheet" href="https://cdn.shopify.com/extensions/01a0f858-f4e6-7ed3-834c-33b663fda03c/rediem-308/assets/rediem-referral.css"></noscript> 13180
13181<script src="https://ripplrewards.nyc3.digitaloceanspaces.com/static/prod/rediem-referral.js?v=ec40ec2dd149f5533727b8140237dc742853231a" defer > </script>
13181 13182
13183<script> 13184(function () { 13185 // Main logic function 13186 const runRediemLogic = async () => { 13187 13188 window.rediemReferral = async () => { 13189 const REF_TUNNEL_URL = "https://referrals.rediem.io"; 13190 const API_BASE_URL = "https://api.rediem.io/api"; 13191 13192 const shop = 'drinkolipop.com'; 13193 const customerId = ''; 13194 const customerEmail = ''; 13195 const customerFirstName = ''; 13196 const customerLastName = ''; 13197 const customerTags = ""; 13198 13199 const rippl_url = new URL(window.location.href); 13200 const rediemRef = rippl_url.searchParams.get('rediemRef') || ''; 13201 const source = rippl_url.searchParams.get('source') || 'direct'; 13202 13203 const refContainer = document.getElementById('rediem_referral'); 13204 13205 const urlParams = new URLSearchParams(); 13206 if (shop) urlParams.append('shop', shop); 13207 if (source) urlParams.append('source', source); 13208 if (rediemRef) { urlParams.append('rediemRef', rediemRef) } 13209 13210 if (customerId) { 13211 urlParams.append('customerId', customerId); 13212 urlParams.append('customerEmail', customerEmail); 13213 urlParams.append('customerFirstName', customerFirstName); 13214 urlParams.append('customerLastName', customerLastName); 13215 urlParams.append('customerTags', customerTags); 13216 } 13217 13218 const finalURL = `${REF_TUNNEL_URL}${urlParams.toString() ? `?${urlParams.toString()}` : ''}`; 13219 13220 const rediemRefHTML = ` 13221 <div class="rdm-skeleton-container"> 13222 <div class="rdm-skeleton-section"> 13223 <div class="rdm-skeleton-line rdm-line-header-1"> </div> 13224 <div class="rdm-skeleton-line rdm-line-header-2"> </div> 13225 </div> 13226 <div class="rdm-skeleton-tabs"> 13227 <div class="rdm-skeleton-line rdm-line-tab"> </div> 13228 <div class="rdm-skeleton-line rdm-line-tab"> </div> 13229 </div> 13230 <div class="rdm-skeleton-card"> 13231 <div class="rdm-skeleton-line rdm-line-card-1"> </div> 13232 <div class="rdm-skeleton-line rdm-line-card-2"> </div> 13233 </div> 13234 <div class="rdm-skeleton-card"> 13235 <div class="rdm-skeleton-line rdm-line-balance-1"> </div> 13236 <div class="rdm-skeleton-row"> 13237 <div class="rdm-skeleton-line rdm-line-balance-2"> </div> 13238 <div class="rdm-skeleton-line rdm-line-balance-3"> </div> 13239 </div> 13240 </div> 13241 <p style="text-align:center;margin-top:40px;">Loading...</p> 13242 </div> 13243 <iframe 13244 allowusermedia 13245 class="rediem-referral-iframe" 13246 id="rediemReferralIframe" 13247 customerId="${customerId}" 13248 src="${finalURL}" 13249 title="Referral program - powered by rediem" 13250 aria-label="Referral program - powered by rediem" 13251 allow="clipboard-read; clipboard-write; geolocation; camera; microphone;" 13252 style="border: 0; width: 100%;"> 13253 </iframe>`; 13254 13255 const apiEndpoint = `${API_BASE_URL}/referral?shop=${shop}`; 13256 try { 13257 const response = await fetch(apiEndpoint); 13258 const data = await response.json(); 13259 sessionStorage.setItem('referralSetting', JSON.stringify(data?.data)); 13260 const referralSetting = data?.data?.referralSetting || {}; 13261 const { referralStatus, shopId, refWidget } = data?.data?.referralSetting || {}; 13262 const { bglink } = data?.data || {}; 13263 13264 if (referralStatus === 'active') { 13265 const widget_iframe = document.getElementById('RippleRewards'); 13266 if (!widget_iframe) { 13267 const response = await fetch("/apps/next-proxy", { 13268 method: "GET", 13269 headers: { "Content-Type": "application/json" }, 13270 }); 13271 13272 const cacheKey = `user_${shop}`; 13273 let data = null; 13274 13275 if (response.ok) { 13276 if (response.status !== 204) { 13277 try { 13278 const json = await response.json(); 13279 data = json?.data ?? null; 13280 } catch { 13281 data = null; 13282 } 13283 } 13284 } 13285 13286 sessionStorage.setItem( 13287 cacheKey, 13288 JSON.stringify({ data, timestamp: Date.now() }) 13289 ); 13290 } 13291 if (data?.data?.primaryFontLink) { 13292 const primaryFontLink = document.createElement('link'); 13293 primaryFontLink.rel = 'stylesheet'; 13294 primaryFontLink.href = data.data.primaryFontLink; 13295 document.head.appendChild(primaryFontLink); 13296 } 13297 13298 if (data?.data?.secondaryFontLink) { 13299 const secondaryFontLink = document.createElement('link'); 13300 secondaryFontLink.rel = 'stylesheet'; 13301 secondaryFontLink.href = data.data.secondaryFontLink; 13302 document.head.appendChild(secondaryFontLink); 13303 } 13304 13305 const style = ` 13306 .rediem-popup-content-wrapper, 13307 .rediem-popup-content-wrapper button, 13308 .rediem-popup-content-wrapper input, 13309 .ref-widget, .ref-text { 13310 font-family: '${referralSetting?.secondaryFontFamily}', sans-serif; 13311 } 13312 .p-font { 13313 font-family: '${referralSetting?.fontFamily}', sans-serif; 13314 } 13315 .p-color { 13316 color: ${referralSetting?.primaryColor || '#0077C8'} !important; 13317 } 13318 .s-color { 13319 color: ${referralSetting?.secondaryColor || '#667085'} !important; 13320 } 13321 .p-bg{ 13322 background-color: ${referralSetting?.primaryColor || '#0077C8'} !important; 13323 } 13324 .widget-bg{ 13325 background-color: ${referralSetting?.refWidget?.bgColor || referralSetting?.primaryColor || '#0077C8'} !important; 13326 } 13327 `; 13328 13329 const styleElement = document.createElement('style'); 13330 styleElement.id = 'rediem-css'; 13331 styleElement.innerHTML = style; 13332 13333 if (!document.getElementById('rediem-css')) { 13334 document.head.appendChild(styleElement); 13335 } 13336 13337 if (rediemRef) { 13338 13339 const decode = JSON.parse(atob(rediemRef.split('.')[1])); 13340 const rediem_advocate_id = (/^\d+$/.test(decode?.customerId) ? decode?.customerId : decode?.customerId?.split("/")?.at(-1)); 13341 rdm_setCookie("rediem_advocate_id", rediem_advocate_id) 13342
13343 const friendReward = await rdm_getFriendReward(shopId); 13344 const reward = friendReward?.data?.[0]; 13345 if (reward) { 13346 rdm_generatePopupHtml(reward, REF_TUNNEL_URL, customerId); 13347 sessionStorage.setItem('friendReward', JSON.stringify(reward)); 13348 } 13349 fetch(`${API_URL}/referral/engagement/`, { 13350 method: 'PUT', 13351 headers: { 13352 'Content-Type': 'application/json', 13353 }, 13354 body: JSON.stringify({ shop, type: "site-visit" }), 13355 }); 13356 } 13357 13358 if (refContainer) { 13359 refContainer.innerHTML = rediemRefHTML; 13360 } 13361 13362 if (refWidget?.status) { 13363 rdm_appendRefWidget({ ...refWidget, widgetIcon: data?.data?.widgetIcon }); 13364 } 13365 } 13366 } catch (error) { 13367 console.error("Error fetching data:", error); 13368 } 13369 }; 13370 13371 const id = ''; 13372 if (id && window.rdm_redirectToRefDash) window.rdm_redirectToRefDash(); 13373 if (window.rdm_appendHiddenField) window.rdm_appendHiddenField(); 13374 13375 if (typeof window.rediemReferral === 'function') { 13376 window.rediemReferral(); 13377 } 13378 }; 13379 13380 const loadDependency = (callback) => { 13381 if (typeof window.rdm_redirectToRefDash === 'function') { 13382 callback(); 13383 return; 13384 } 13385 13386 const scriptSrc = "https://ripplrewards.nyc3.digitaloceanspaces.com/static/prod/rediem-referral.js"; 13387 // Check if script already exists but globals aren't ready yet (e.g. still loading) 13388 const existingScript = document.querySelector(`script[src^="${scriptSrc}"]`); 13389 13390 if (existingScript) { 13391 // Poll for globals if script exists 13392 const checkInterval = setInterval(() => { 13393 if (typeof window.rdm_redirectToRefDash === 'function') { 13394 clearInterval(checkInterval); 13395 callback(); 13396 } 13397 }, 100); 13398 return; 13399 } 13400 13401 // Load new script 13402 const script = document.createElement('script'); 13403 script.src = `${scriptSrc}?v=ec40ec2dd149f5533727b8140237dc742853231a`; 13404 script.onload = callback; 13405 document.head.appendChild(script); 13406 }; 13407 13408 if (document.readyState === "loading") { 13409 document.addEventListener("DOMContentLoaded", () => loadDependency(runRediemLogic)); 13410 } else { 13411 loadDependency(runRediemLogic); 13412 } 13413})(); 13414</script>
13414 13415 13416</div>
13416<script src="https://cdn.shopify.com/storefront/standard-actions.js" type="module" data-source-attribution="shopify.standard_actions"></script>
13416 13417</body> 13418</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.