1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17<!doctype html> 18<html 19 class="no-js tw-scroll-smooth !tw-p-0" 20 lang="en" 21 data-prefetching="true" 22> 23 <head> 24 25
25<script type="application/vnd.locksmith+json" data-locksmith>{"version":"v345","locked":false,"initialized":true,"scope":"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":1790276373,"path":"\/account\/login","locale_root_url":"\/","canonical_url":"https:\/\/drinkolipop.com\/account\/login","customer_id":null,"customer_id_signature":"ac54be565c44fdc8dfbb1beea83f05e72f5c8202af4849dc3f0f55898112bcfb","cart":null}</script>
25<script data-locksmith>!function(){undefined;!function(){var s=window.Locksmith={},e=document.querySelector('script[type="application/vnd.locksmith+json"]'),n=e&&e.innerHTML;if(s.state={},s.util={},s.loading=!1,n)try{s.state=JSON.parse(n)}catch(d){}if(document.addEventListener&&document.querySelector){var o,a,i,t=[76,79,67,75,83,77,73,84,72,49,49],c=function(){a=t.slice(0)},l="style",r=function(e){e&&27!==e.keyCode&&"click"!==e.type||(document.removeEventListener("keydown",r),document.removeEventListener("click",r),o&&document.body.removeChild(o),o=null)};c(),document.addEventListener("keyup",function(e){if(e.keyCode===a[0]){if(clearTimeout(i),a.shift(),0<a.length)return void(i=setTimeout(c,1e3));c(),r(),(o=document.createElement("div"))[l].width="50%",o[l].maxWidth="1000px",o[l].height="85%",o[l].border="1px rgba(0, 0, 0, 0.2) solid",o[l].background="rgba(255, 255, 255, 0.99)",o[l].borderRadius="4px",o[l].position="fixed",o[l].top="50%",o[l].left="50%",o[l].transform="translateY(-50%) translateX(-50%)",o[l].boxShadow="0 2px 5px rgba(0, 0, 0, 0.3), 0 0 100vh 100vw rgba(0, 0, 0, 0.5)",o[l].zIndex="2147483645";var t=document.createElement("textarea");t.value=JSON.stringify(JSON.parse(n),null,2),t[l].border="none",t[l].display="block",t[l].boxSizing="border-box",t[l].width="100%",t[l].height="100%",t[l].background="transparent",t[l].padding="22px",t[l].fontFamily="monospace",t[l].fontSize="14px",t[l].color="#333",t[l].resize="none",t[l].outline="none",t.readOnly=!0,o.appendChild(t),document.body.appendChild(o),t.addEventListener("click",function(e){e.stopImmediatePropagation()}),t.select(),document.addEventListener("keydown",r),document.addEventListener("click",r)}})}s.isEmbedded=-1!==window.location.search.indexOf("_ab=0&_fd=0&_sc=1"),s.path=s.state.path||window.location.pathname,s.basePath=s.state.locale_root_url.concat("/apps/locksmith").replace(/^\/\//,"/"),s.reloading=!1,s.util.console=window.console||{log:function(){},error:function(){}},s.util.makeUrl=function(e,t){var n,o=s.basePath+e,a=[],i=s.cache();for(n in i)a.push(n+"="+encodeURIComponent(i[n]));for(n in t)a.push(n+"="+encodeURIComponent(t[n]));return s.state.customer_id&&(a.push("customer_id="+encodeURIComponent(s.state.customer_id)),a.push("customer_id_signature="+encodeURIComponent(s.state.customer_id_signature))),o+=(-1===o.indexOf("?")?"?":"&")+a.join("&")},s._initializeCallbacks=[],s.on=function(e,t){if("initialize"!==e)throw'Locksmith.on() currently only supports the "initialize" event';s._initializeCallbacks.push(t)},s.initializeSession=function(e){if(!s.isEmbedded){var t=!1,n=!0,o=!0;(e=e||{}).silent&&(o=n=!(t=!0)),s.ping({silent:t,spinner:n,reload:o,callback:function(){s._initializeCallbacks.forEach(function(e){e()})}})}},s.cache=function(e){var t={};try{var n=function a(e){return(document.cookie.match("(^|; )"+e+"=([^;]*)")||0)[2]};t=JSON.parse(decodeURIComponent(n("locksmith-params")||"{}"))}catch(d){}if(e){for(var o in e)t[o]=e[o];document.cookie="locksmith-params=; expires=Thu, 01 Jan 1970 00:00:00 GMT; path=/",document.cookie="locksmith-params="+encodeURIComponent(JSON.stringify(t))+"; path=/"}return t},s.cache.cart=s.state.cart,s.cache.cartLastSaved=null,s.params=s.cache(),s.util.reload=function(){s.reloading=!0;try{window.location.href=window.location.href.replace(/#.*/,"")}catch(d){s.util.console.error("Preferred reload method failed",d),window.location.reload()}},s.cache.saveCart=function(e){if(!s.cache.cart||s.cache.cart===s.cache.cartLastSaved)return e?e():null;var t=s.cache.cartLastSaved;s.cache.cartLastSaved=s.cache.cart,fetch("/cart/update.js",{method:"POST",headers:{"Content-Type":"application/json",Accept:"application/json"},body:JSON.stringify({attributes:{locksmith:s.cache.cart}})}).then(function(e){if(!e.ok)throw new Error("Cart update failed: "+e.status);return e.json()}).then(function(){e&&e()})["catch"](function(e){if(s.cache.cartLastSaved=t,!s.reloading)throw e})},s.util.spinnerHTML='<style>body{background:#FFF}@keyframes spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}#loading{display:flex;width:100%;height:50vh;
25color:#777;align-items:center;justify-content:center}#loading .spinner{display:block;animation:spin 600ms linear infinite;position:relative;width:50px;height:50px}#loading .spinner-ring{stroke:currentColor;stroke-dasharray:100%;stroke-width:2px;stroke-linecap:round;fill:none}</style><div id="loading"><div class="spinner"><svg width="100%" height="100%"><svg preserveAspectRatio="xMinYMin"><circle class="spinner-ring" cx="50%" cy="50%" r="45%"></circle></svg></svg></div></div>',s.util.clobberBody=function(e){document.body.innerHTML=e},s.util.clobberDocument=function(e){e.responseText&&(e=e.responseText),document.documentElement&&document.removeChild(document.documentElement);var t=document.open("text/html","replace");t.writeln(e),t.close(),setTimeout(function(){var e=t.querySelector("[autofocus]");e&&e.focus()},100)},s.util.serializeForm=function(e){if(e&&"FORM"===e.nodeName){var t,n,o={};for(t=e.elements.length-1;0<=t;t-=1)if(""!==e.elements[t].name)switch(e.elements[t].nodeName){case"INPUT":switch(e.elements[t].type){default:case"text":case"hidden":case"password":case"button":case"reset":case"submit":o[e.elements[t].name]=e.elements[t].value;break;case"checkbox":case"radio":e.elements[t].checked&&(o[e.elements[t].name]=e.elements[t].value);break;case"file":}break;case"TEXTAREA":o[e.elements[t].name]=e.elements[t].value;break;case"SELECT":switch(e.elements[t].type){case"select-one":o[e.elements[t].name]=e.elements[t].value;break;case"select-multiple":for(n=e.elements[t].options.length-1;0<=n;n-=1)e.elements[t].options[n].selected&&(o[e.elements[t].name]=e.elements[t].options[n].value)}break;case"BUTTON":switch(e.elements[t].type){case"reset":case"submit":case"button":o[e.elements[t].name]=e.elements[t].value}}return o}},s.util.on=function(e,i,s,t){t=t||document;var c="locksmith-"+e+i,n=function(e){var t=e.target,n=e.target.parentElement,o=t&&t.className&&(t.className.baseVal||t.className)||"",a=n&&n.className&&(n.className.baseVal||n.className)||"";("string"==typeof o&&-1!==o.split(/\s+/).indexOf(i)||"string"==typeof a&&-1!==a.split(/\s+/).indexOf(i))&&!e[c]&&(e[c]=!0,s(e))};t.attachEvent?t.attachEvent(e,n):t.addEventListener(e,n,!1)},s.util.enableActions=function(e){s.util.on("click","locksmith-action",function(e){e.preventDefault();var t=e.target;t.dataset.confirmWith&&!confirm(t.dataset.confirmWith)||(t.disabled=!0,t.innerText=t.dataset.disableWith,s.post("/action",t.dataset.locksmithParams,{spinner:!1,type:"text",success:function(e){(e=JSON.parse(e.responseText)).message&&alert(e.message),s.util.reload()}}))},e)},s.util.inject=function(e,t){var n=["data","locksmith","append"];if(-1!==t.indexOf(n.join("-"))){var o=document.createElement("div");o.innerHTML=t,e.appendChild(o)}else e.innerHTML=t;var a,i,s=e.querySelectorAll("script");for(i=0;i<s.length;++i){a=s[i];var c=document.createElement("script");if(a.type&&(c.type=a.type),a.src)c.src=a.src;else{var l=document.createTextNode(a.innerHTML);c.appendChild(l)}e.appendChild(c)}var r=e.querySelector("[autofocus]");r&&r.focus()},s.post=function(e,t,n){!1!==(n=n||{}).spinner&&s.util.clobberBody(s.util.spinnerHTML);var o={};n.container===document?(o.layout=1,n.success=function(e){s.util.clobberDocument(e)}):n.container&&(o.layout=0,n.success=function(e){var t="string"==typeof n.container?document.getElementById(n.container):n.container;t&&(s.util.inject(t,e),t.id===t.firstChild.id&&t.parentElement.replaceChild(t.firstChild,t))}),n.form_type&&(t.form_type=n.form_type),n.include_layout_classes!==undefined&&(t.include_layout_classes=n.include_layout_classes),n.lock_id!==undefined&&(t.lock_id=n.lock_id),s.loading=!0;var a=s.util.makeUrl(e,o),i="json"===n.type||"text"===n.type;fetch(a,{method:"POST",headers:{"Content-Type":"application/json",Accept:i?"application/json":"text/html"},body:JSON.stringify(t)}).then(function(e){if(!e.ok)throw new Error("Request failed: "+e.status);return e.text()}).then(function(e){var t=n.success||s.util.clobberDocument;t(i?{responseText:e}:e)})["catch"](function(e){if(!s.reloading)if("dashboard.weglot.com"!==window.location.host){if(!n.silent)throw alert("Something went wrong! Please refresh and try again."),e;console.error(e)}else console.error(e)})["finally"](function(){s.loading=!1})},s.postResource=function(e,t){e.path=s.path,e.search=window.location.search,e.state=s.state,e.passcode&&(e.passcode=e.passcode.trim()),e.email&&(e.email=e.email.trim()),e.state.cart=s.cache.cart,e.locksmith_json=s.jsonTag,e.locksmith_json_signature=s.jsonTagSignature,s.post("/resource",e,t)},s.ping=function(t){if(!s.isEmbedded){t=t||{};var n=function(){t.reload?s.util.reload():"function"==typeof t.callback&&t.callback()};s.post("/ping",{path:s.path,search:window.location.search,state:s.state},{spinner:!!t.spinner,silent:"undefined"==typeof t.silent||t.silent,type:"text",success:function(e){e&&e.responseText?((e=JSON.parse(e.responseText)).messages&&0<e.messages.length&&s.showMessages(e.messages),e.cart&&s.cache.cart!==e.cart?(s.cache.cart=e.cart,s.cache.saveCart(function(){e.cart&&e.cart.match(/^.+:/)?(t.reload||"function"!=typeof t.callback||t.callback(),s.util.reload()):n()})):n()):console.error("[Locksmith] Invalid result in ping callback:",e)}})}},s.timeoutMonitor=function(){var e=s.cache.cart;s.ping({callback:function(){e!==s.cache.cart||setTimeout(function(){s.timeoutMonitor()},6e4)}})},s.showMessages=function(e){var t=document.createElement("div");t.style.position="fixed",t.style.left=0,t.style.right=0,t.style.bottom="-50px",t.style.opacity=0,t.style.background="#191919",t.style.color="#ddd",t.style.transition="bottom 0.2s, opacity 0.2s",t.style.zIndex=999999,t.innerHTML=["<style>"," .locksmith-ab .locksmith-b { display: none; }"," .locksmith-ab.toggled .locksmith-b { display: flex; }"," .locksmith-ab.toggled .locksmith-a { display: none; }"," .locksmith-flex { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; padding: 10px 20px; }"," .locksmith-message + .locksmith-message { border-top: 1px #555 solid; }"," .locksmith-message a { color: inherit; font-weight: bold; }"," .locksmith-message a:hover { color: inherit; opacity: 0.8; }"," a.locksmith-ab-toggle { font-weight: inherit; text-decoration: underline; }"," .locksmith-text { flex-grow: 1; }"," .locksmith-cta { flex-grow: 0; text-align: right; }"," .locksmith-cta button { transform: scale(0.8); transform-origin: left; }"," .locksmith-cta > * { display: block; }"," .locksmith-cta > * + * { margin-top: 10px; }"," .locksmith-message a.locksmith-close { flex-grow: 0; text-decoration: none; margin-left: 15px; font-size: 30px; font-family: monospace; display: block; padding: 2px 10px; }"," @media screen and (max-width: 600px) {"," .locksmith-wide-only { display: none !important; }"," .locksmith-flex { padding: 0 15px; }"," .locksmith-flex > * { margin-top: 5px; margin-bottom: 5px; }"," .locksmith-cta { text-align: left; }"," }"," @media screen and (min-width: 601px) {"," .locksmith-narrow-only { display: none !important; }"," }","</style>"].join("")+e.map(function(e){return'<div class="locksmith-message">'+e+"</div>"}).join(""),document.body.appendChild(t),document.body.style.position="relative",document.body.parentElement.style.paddingBottom=t.offsetHeight+"px",setTimeout(function(){t.style.bottom=0,t.style.opacity=1},50),s.util.on("click","locksmith-ab-toggle",function(e){e.preventDefault();for(var t=e.target.parentElement;-1===t.className.split(" ").indexOf("locksmith-ab");)t=t.parentElement;-1!==t.className.split(" ").indexOf("toggled")?t.className=t.className.replace("toggled",""):t.className=t.className+" toggled"}),s.util.enableActions(t)}}()}();</script>
25 26
26<script data-locksmith>Locksmith.cache.cart=null</script>
26 27 28
28<script data-locksmith>Locksmith.jsonTag="{\"version\":\"v345\",\"locked\":false,\"initialized\":true,\"scope\":\"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\":1790276373,\"path\":\"\\\/account\\\/login\",\"locale_root_url\":\"\\\/\",\"canonical_url\":\"https:\\\/\\\/drinkolipop.com\\\/account\\\/login\",\"customer_id\":null,\"customer_id_signature\":\"ac54be565c44fdc8dfbb1beea83f05e72f5c8202af4849dc3f0f55898112bcfb\",\"cart\":null}";Locksmith.jsonTagSignature="9097fbbf7fb791d9044468e91d05eea37b576e58c8f08393df289ef1d2001864"</script>
28 29 30
31<script defer src="https://cdn.skio.com/scripts/shopify/head/shopify.ba9807f79b5cdb6483d5.js"></script>
31 32 <style> 33 #powrIframeLoader { 34 height: 0px !important; 35 display: none !important; 36 } 37 </style> 38 39 40 41 42 43 44 45<style> 46 47 48 49 50 51 52 53 54 55 @font-face { 56 font-family: 'Ano'; 57 src: url(//drinkolipop.com/cdn/shop/t/1366/assets/AnoRegular-Regular.woff2?v=114456774178814509381773709642) format('woff2'), 58 url(//drinkolipop.com/cdn/shop/t/1366/assets/AnoRegular-Regular.woff?v=44886258583300626781773709642) format('woff'), 59 url(//drinkolipop.com/cdn/shop/t/1366/assets/AnoRegular-Regular.woff?v=44886258583300626781773709642) format('woff'); 60 font-weight: normal; 61 font-style: normal; 62 font-display: swap; 63 } 64 @font-face { 65 font-family: 'Ano'; 66 src: url(//drinkolipop.com/cdn/shop/t/1366/assets/AnoBold-Regular.woff2?v=8493273010116033791773709641) format('woff2'), 67 url(//drinkolipop.com/cdn/shop/t/1366/assets/AnoBold-Regular.woff?v=128512130195275208821773709641) format('woff'), 68 url(//drinkolipop.com/cdn/shop/t/1366/assets/AnoBold-Regular.ttf?v=10462471749511937761773709641) format('truetype'); 69 font-weight: bold; 70 font-style: normal; 71 font-display: swap; 72 } 73 @font-face { 74 font-family: 'Ano'; 75 src: url(//drinkolipop.com/cdn/shop/t/1366/assets/AnoBlack-Regular.woff2?v=84787568753283342751773709640) format('woff2'), 76 url(//drinkolipop.com/cdn/shop/t/1366/assets/AnoBlack-Regular.woff?v=93234225392720856311773709640) format('woff'), 77 url(//drinkolipop.com/cdn/shop/t/1366/assets/AnoBlack-Regular.ttf?v=62444619274782219361773709640) format('truetype'); 78 font-weight: 900; 79 font-style: normal; 80 font-display: swap; 81 } 82 @font-face { 83 font-family: 'WindsorEF'; 84 src: url(//drinkolipop.com/cdn/shop/t/1366/assets/WindsorEF-UltraHeavy.woff2?v=150809171096844077231773709641) format('woff2'), 85 url(//drinkolipop.com/cdn/shop/t/1366/assets/WindsorEF-UltraHeavy.woff?v=110177191338651977801773709641) format('woff'); 86 font-weight: 900; 87 font-style: normal; 88 font-display: swap; 89 } 90 @font-face { 91 font-family: 'WindsorEF'; 92 src: url(//drinkolipop.com/cdn/shop/t/1366/assets/WindsorEF-Bold.woff2?v=139344088117863592731773709640) format('woff2'), 93 url(//drinkolipop.com/cdn/shop/t/1366/assets/WindsorEF-Bold.woff?v=96714348010265649601773709640) format('woff'), 94 url(//drinkolipop.com/cdn/shop/t/1366/assets/WindsorEF-Bold.ttf?v=176736781895084021861773709643) format('truetype'); 95 font-weight: bold; 96 font-style: normal; 97 font-display: swap; 98 } 99 100 :root { 101 102 --font-weight-body--bold: 700; 103 --font-weight-body--bolder: 700; 104 --font-stack-header: Helvetica, Arial, sans-serif; 105 --font-style-header: normal; 106 --font-weight-header: 700; 107 --font-stack-body: Helvetica, Arial, sans-serif; 108 --font-style-body: normal; 109 --font-weight-body: 400; 110 --font-stack-cart-notification: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; 111 --font-size-mobile-input: 16px; /* min 16px to prevent zooming */ 112 113 --font-size-base: 15; 114 --font-size-header: 26; 115 116 --font-h1-desktop: 35; 117 --font-h1-mobile: 32; 118 --font-h2-desktop: 20; 119 --font-h2-mobile: 18; 120 --font-h3-mobile: 20; 121 --font-h4-desktop: 17; 122 --font-h4-mobile: 15; 123 --font-h4-min-height-mobile: 11; 124 --font-h5-desktop: 15; 125 --font-h5-mobile: 13; 126 --font-h6-desktop: 14; 127 --font-h6-mobile: 12; 128 129 --font-mega-title-large-desktop: 65; 130 131 --font-rich-text-large: 17; 132 --font-rich-text-small: 13; 133 134 --color-text: #3a3a3a; 135 --color-text-shadow: rgba(0,0,0,0.4); 136 --color-body-text: #333232; 137 --color-sale-text: #fa4545; 138 --color-small-button-text-border: #3a3a3a; 139 --color-text-field: rgba(0,0,0,0); 140 --color-text-field-text: #000000; 141 --color-navigation-text: #3a3a3a; 142 143 --color-btn-primary: #3a3a3a; 144 --color-btn-primary-darken: #212121; 145 --color-btn-primary-transparent: rgba(58, 58, 58, 0.8); 146 --color-btn-primary-text: #ffffff; 147 148 --color-body: #ffffff; 149 --color-bg: #ffffff; 150 --color-drawer-background: rgba(0, 0, 0, 0.6); 151 --color-bg-alt: rgba(51, 50, 50, 0.05); 152 153 --color-link: var(--color-body-text); 154 --opacity-link-hover: 0.6; 155 156 --color-overlay-title-text: #ffffff; 157 --color-image-overlay: #685858; 158 --opacity-image-overlay: 0.4; 159 --hover-overlay-opacity: 0.8; 160 161 --color-text-focus:#606060; 162 --color-overlay-text-focus:#e6e6e6; 163 --color-btn-primary-focus:#606060; 164 --color-btn-social-focus:#d2d2d2; 165 --color-small-button-text-border-focus:#606060; 166 --predictive-search-focus:#e6e6e6; 167 168 --transition-duration-fast: 100ms; 169 --transition-duration: 250ms; 170 --transition-duration-slow: 400ms; 171 --transition-link-hover: var(--transition-duration-fast) cubic-bezier(0.44, 0.13,
1710.48, 0.87); 172 --transition-drawer: all var(--transition-duration-slow) cubic-bezier(0.29, 0.63, 0.44, 1); 173 174 --color-disabled: #f4f4f4; 175 --color-disabled-border: #f4f4f4; 176 --color-error: #d20000; 177 --color-error-message-list: #651818; 178 --color-error-bg: #fff8f8; 179 --color-success: #1F873D; 180 --color-success-bg: #f8fff9; 181 182 --color-grey: #B5C1BF; 183 --color-dark-green: #14433D; 184 185 --color-border: #ebebeb; 186 --color-border-form: #cccccc; 187 --color-border-form-darken: #b3b3b3; 188 189 --color-form-text: #333; 190 --color-error-input-text: var(--color-error); 191 --input-padding-top-bottom: 10px; 192 --input-padding-left-right: 18px; 193 --input-padding-top-bottom-small: 8px; 194 --input-padding-left-right-small: 15px; 195 --input-group-height: 46px; 196 --input-group-height-small: 42px; 197 --input-border-width: 1px; 198 199 --color-facebook: #3b5998; 200 --color-twitter: #00aced; 201 --color-pinterest: #cb2027; 202 203 --color-slideshow-arrows: #000; 204 --color-slideshow-dots: #fff; 205 206 --width-site: 1200px; 207 --gutter-site: 55px; 208 --gutter-site-mobile: 22px; 209 --section-spacing: 55px; 210 --section-spacing-small: 35px; 211 --border-radius: 2px; 212 --icon-size: 20px; 213 --connected-submit-size: calc(var(--icon-size) * 2.5); 214 215 --footer-spacing-extra-small: 5px; 216 --footer-spacing-small: 15px; 217 --footer-wrapper-spacing: 18px; 218 --footer-hr-bottom-spacing: 20px; 219 --footer-spacing-medium: 25px; 220 --footer-spacing-large: 45px; 221 222 --z-index-base: 1; 223 --z-index-dropdown: 7; 224 --z-index-sub-nav: 8; 225 --z-index-drawer: 9; 226 --z-index-mobile-nav: 11; 227 --z-index-search-bar: 999; 228 --z-index-predictive-search-wrapper: 1000; 229 --z-index-skip-to-content: 10000; /* really high to be safe of app markup */ 230 231 --color-giftcard-tooltip-fallback: #333; 232 --color-giftcard-light: #fff; 233 --color-giftcard-tooltip: rgba(0, 0, 0, 0.9); 234 --color-giftcard-disabled: #999; 235 --color-giftcard-small-text: #b3b3b3; 236 --color-giftcard-shadow: rgba(0, 0, 0, 0.1); 237 --color-giftcard-print-bg: #fff; 238 --color-giftcard-print: #000; 239 --color-giftcard-bg: #e95e61; 240 --z-index-giftcard-image: 2; 241 --z-index-giftcard-corners: 3; 242 --z-index-giftcard-tooltip: 4; 243 --z-index-giftcard-code: 5; 244 245 /*================ Product video ================*/ 246 /* Create an appropriate poster background color based on background color and brightness */ 247 --color-video-bg: #f2f2f2; 248 249 --video-height-small: 475px; 250 --video-height-medium: 650px; 251 --video-height-large: 775px; 252 253 --z-index-video-image: 1; 254 --z-index-video: 2; 255 --z-index-video-text: 3; 256 --z-index-video-controls: 4; 257 --z-index-video-loader: 5; 258 259 --video-button-wrapper-size: 50px; 260 --video-pause-button-size: 34px; 261 --video-close-button-size: 30px; 262 --video-loader-size: 2.875rem; 263 264 --color-video-controls: #fff; 265 --color-video-controls-background: #000; 266 267 --ease-transition: cubic-bezier(0.44, 0.13, 0.48, 0.87); 268 --transition-controls-video: color 0.2s var(--ease-transition), background-color 0.2s var(--ease-transition); 269 270 271 272 --svg-select-icon: url(//drinkolipop.com/cdn/shop/t/1366/assets/ico-select.svg?v=29003672709104678581773709785); 273 --slick-img-url: url(//drinkolipop.com/cdn/shop/t/1366/assets/ajax-loader.gif?v=41356863302472015721773709641); 274 --home-banner-new-wave-url: url("https://cdn.shopify.com/s/files/1/0034/6610/0806/files/home-banner-new-wave.png?v=1623156746"); 275 --home-blue-wave-url: url("https://cdn.shopify.com/s/files/1/0034/6610/0806/files/home-blue-wave.png?v=1773705965"); 276 --story-hero-wave-url: url("https://cdn.shopify.com/s/files/1/0034/6610/0806/files/story-hero-wave.png?v=1773706032"); 277 --story-mission-wave-url: url("https://cdn.shopify.com/s/files/1/0034/6610/0806/files/story-mission-wave.png?v=1773706074"); 278 --home-bluedark-wave-url: url("https://cdn.shopify.com/s/files/1/0034/6610/0806/files/home-bluedark-wave.png?v=1773706124"); 279 --home-yellowdark-wave-url: url("https://cdn.shopify.com/s/files/1/0034/6610/0806/files/home-yellowdark-wave.png?v=1773706165"); 280 --check-symbol-url: url(//drinkolipop.com/cdn/shop/t/1366/assets/check-symbol.svg?v=64434976676356328551773709640); 281 --arrow-down-green-url: url(//drinkolipop.com/cdn/shop/t/1366/assets/arrow-down-green.svg?v=150330452122212680781773709642); 282 --arrow-up-white-url: url(//drinkolipop.com/cdn/shop/t/1366/assets/arrow-up-white.svg?v=167673162154222429001773709643); 283 --arrow-down-white-url: url(//drinkolipop.com/cdn/shop/t/1366/assets/arrow-down-white.svg?v=68322919614181549641773709643); 284 --preview-card-url: url(//drinkolipop.com/cdn/shop/products/1DigitalGiftCard-WEB-080422-AM_200x.png?v=1767277571);
285 --wave-image-curve-up-left: url(//drinkolipop.com/cdn/shop/t/1366/assets/wave-image-curve-up-left.svg?v=142377189923728873181773709642); 286 --wave-image-curve-up-right: url(//drinkolipop.com/cdn/shop/t/1366/assets/wave-image-curve-up-right.svg?v=115639462512050186531773709642); 287 } 288 289 290 .rebuy-cart__flyout-item-discount-message.promo-sidecart { 291 color: #008168 292 } 293</style> 294 295<style> 296 .tippy-box[data-placement^='top'] > .tippy-svg-arrow { 297 bottom: 0; 298 } 299 .tippy-box[data-placement^='top'] > .tippy-svg-arrow:after, 300 .tippy-box[data-placement^='top'] > .tippy-svg-arrow > svg { 301 top: 16px; 302 transform: rotate(180deg); 303 } 304 .tippy-box[data-placement^='bottom'] > .tippy-svg-arrow { 305 top: 0; 306 } 307 .tippy-box[data-placement^='bottom'] > .tippy-svg-arrow > svg { 308 bottom: 16px; 309 } 310 .tippy-box[data-placement^='left'] > .tippy-svg-arrow { 311 right: 0; 312 } 313 .tippy-box[data-placement^='left'] > .tippy-svg-arrow:after, 314 .tippy-box[data-placement^='left'] > .tippy-svg-arrow > svg { 315 transform: rotate(90deg); 316 top: calc(50% - 3px); 317 left: 11px; 318 } 319 .tippy-box[data-placement^='right'] > .tippy-svg-arrow { 320 left: 0; 321 } 322 .tippy-box[data-placement^='right'] > .tippy-svg-arrow:after, 323 .tippy-box[data-placement^='right'] > .tippy-svg-arrow > svg { 324 transform: rotate(-90deg); 325 top: calc(50% - 3px); 326 right: 11px; 327 } 328 .tippy-svg-arrow { 329 width: 16px; 330 height: 16px; 331 fill: #333; 332 text-align: initial; 333 } 334 .tippy-svg-arrow, 335 .tippy-svg-arrow > svg { 336 position: absolute; 337 } 338 .tippy-box[data-animation='fade'][data-state='hidden'] { 339 opacity: 0; 340 } 341 [data-tippy-root] { 342 max-width: calc(100vw - 10px); 343 } 344 .tippy-box { 345 position: relative; 346 background-color: #333; 347 color: #fff; 348 border-radius: 4px; 349 font-size: 14px; 350 line-height: 1.4; 351 white-space: normal; 352 outline: 0; 353 transition-property: transform, visibility, opacity; 354 } 355 .tippy-box[data-placement^='top'] > .tippy-arrow { 356 bottom: 0; 357 } 358 .tippy-box[data-placement^='top'] > .tippy-arrow:before { 359 bottom: -7px; 360 left: 0; 361 border-width: 8px 8px 0; 362 border-top-color: initial; 363 transform-origin: center top; 364 } 365 .tippy-box[data-placement^='bottom'] > .tippy-arrow { 366 top: 0; 367 } 368 .tippy-box[data-placement^='bottom'] > .tippy-arrow:before { 369 top: -7px; 370 left: 0; 371 border-width: 0 8px 8px; 372 border-bottom-color: initial; 373 transform-origin: center bottom; 374 } 375 .tippy-box[data-placement^='left'] > .tippy-arrow { 376 right: 0; 377 } 378 .tippy-box[data-placement^='left'] > .tippy-arrow:before { 379 border-width: 8px 0 8px 8px; 380 border-left-color: initial; 381 right: -7px; 382 transform-origin: center left; 383 } 384 .tippy-box[data-placement^='right'] > .tippy-arrow { 385 left: 0; 386 } 387 .tippy-box[data-placement^='right'] > .tippy-arrow:before { 388 left: -7px; 389 border-width: 8px 8px 8px 0; 390 border-right-color: initial; 391 transform-origin: center right; 392 } 393 .tippy-box[data-inertia][data-state='visible'] { 394 transition-timing-function: cubic-bezier(0.54, 1.5, 0.38, 1.11); 395 } 396 .tippy-arrow { 397 width: 16px; 398 height: 16px; 399 color: #333; 400 } 401 .tippy-arrow:before { 402 content: ''; 403 position: absolute; 404 border-color: transparent; 405 border-style: solid; 406 } 407 .tippy-content { 408 position: relative; 409 padding: 5px 9px; 410 z-index: 1; 411 } 412 413 .tippy-box, 414 .tippy-content { 415 @apply tw-border-hunter-green tw-bg-hunter-green tw-font-body tw-text-white; 416 font-size: 12px; 417 font-weight: 600 !important; 418 border-radius: 15px !important; 419 background: #14433d; 420 } 421 422 .tippy-box[data-theme~='custom'][data-placement^='top'] > .tippy-arrow::before { 423 border-top-color: #14433d; 424 } 425 .tippy-box[data-theme~='custom'][data-placement^='bottom'] > .tippy-arrow::before { 426 border-bottom-color: #14433d; 427 } 428 .tippy-box[data-theme~='custom'][data-placement^='left'] > .tippy-arrow::before { 429 border-left-color: #14433d; 430 } 431 .tippy-box[data-theme~='custom'][data-placement^='right'] > .tippy-arrow::before { 432 border-right-color: #14433d; 433 } 434</style> 435 436<style> 437 .slide-loaded img { 438 display: block; 439 } 440</style> 441 442 443<link href="//drinkolipop.com/cdn/shop/t/1366/assets/tailwind.css?v=130264924762967316861787148487" rel="stylesheet" type="text/css" media="all" /> 444<link href="//drinkolipop.com/cdn/shop/t/1366/assets/theme.css?v=178809282142725415031787148488" rel="stylesheet" type="text/css" media="all" /> 445 446 447
447<script> 448 window.Shopify = window.Shopify || {theme: {id: 174423703711, role: 'main' } }; 449 window._template = { 450 directory: "customers", 451 name: "login", 452 suffix: "" 453 }; 454 </script>
454<script type="module" blocking="render" fetchpriority="high" src="https://cdn.intelligems.io/esm/586d1e84f592/bundle.js" async></script>
454 455 456 457 458
459<script> 460 function getCookie(name) { 461 var dc = document.cookie; 462 var prefix = name + '='; 463 var begin = dc.indexOf('; ' + prefix); 464 if (begin == -1) { 465 begin = dc.indexOf(prefix); 466 if (begin != 0) return null; 467 } else { 468 begin += 2; 469 var end = document.cookie.indexOf(';', begin); 470 if (end == -1) { 471 end = dc.length; 472 } 473 } 474 // because unescape has been deprecated, replaced with decodeURI 475 //return unescape(dc.substring(begin + prefix.length, end)); 476 return decodeURI(dc.substring(begin + prefix.length, end)); 477 } 478 479 function toggleCart() { 480 var myCookie = getCookie('minicart'); 481 482 if (myCookie == null) { 483 } else { 484 document.querySelectorAll('[js-header-cart-toggle]')[0].click(); 485 document.cookie = 'minicart=open; max-age=-1; path=/;'; 486 } 487 } 488 489 window.onload = toggleCart; 490</script>
490 491 492 493 <meta name="google-site-verification" content="629g7SNvjCz_F6-IHLE0Lgn-c8Wivr46zePptazfpDU"> 494 <meta name="google-site-verification" content="RIGsAM1gz6RkUJV0cpvpleCzCBKvBdiyRF5vjkg555I"> 495 <meta charset="utf-8"> 496 <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> 497 <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=5"> 498 <meta name="theme-color" content="#3a3a3a"> 499 <meta name="facebook-domain-verification" content="pybjwio482kbh6cnks3fufwjx6jg1y"> 500 <link rel="canonical" href="https://drinkolipop.com/account/login"> 501 <link rel="preconnect" href="https://cdn.shopify.com" crossorigin> 502 <link rel="preload" href="//drinkolipop.com/cdn/shop/t/1366/assets/AnoRegular-Regular.woff2?v=114456774178814509381773709642" as="font" type="font/woff2" crossorigin> 503 <link rel="preload" href="//drinkolipop.com/cdn/shop/t/1366/assets/AnoBold-Regular.woff2?v=8493273010116033791773709641" as="font" type="font/woff2" crossorigin> 504 <link rel="preload" href="//drinkolipop.com/cdn/shop/t/1366/assets/WindsorEF-UltraHeavy.woff2?v=150809171096844077231773709641" as="font" type="font/woff2" crossorigin> 505 <link rel="preload" href="//drinkolipop.com/cdn/shop/t/1366/assets/WindsorEF-Bold.woff2?v=139344088117863592731773709640" as="font" type="font/woff2" crossorigin> 506 507 508 509<link rel="shortcut icon" href="//drinkolipop.com/cdn/shop/files/favicon_32x32.png?v=1613174610" type="image/png"><title>Account 510– OLIPOP</title> 511 512<!-- /snippets/social-meta-tags.liquid --> 513 514 515 516 517<meta property="og:site_name" content="OLIPOP"> 518<meta property="og:url" content="https://drinkolipop.com/account/login"><meta property="og:title" content="Account"> 519<meta property="og:type" content="website"> 520<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."> 521 522 523 524 525 526 <meta name="twitter:site" content="@drinkolipop"> 527 528<meta name="twitter:card" content="summary_large_image"><meta name="twitter:title" content="Account"> 529<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."> 530
531<script src="//drinkolipop.com/cdn/shopifycloud/storefront/assets/themes_support/shopify_common-5f594365.js" defer="defer"></script>
531<link href="//drinkolipop.com/cdn/shop/t/1366/assets/vendor.js?v=42932227539066615491773709641" as="script" rel="preload"> 532 <link href="//drinkolipop.com/cdn/shop/t/1366/assets/layout.theme.js?v=103885869156479832961773709644" as="script" rel="preload"> 533 <link href="//drinkolipop.com/cdn/shop/t/1366/assets/lazysizes.js?v=175780612770959260451773709640" as="script" rel="preload"> 534 <link href="//drinkolipop.com/cdn/shop/t/1366/assets/theme.js?v=143221273705841084911779140488" as="script" rel="preload"> 535 536
536<script src="//drinkolipop.com/cdn/shop/t/1366/assets/vendor.js?v=42932227539066615491773709641"></script>
536 537
537<script src="//drinkolipop.com/cdn/shop/t/1366/assets/layout.theme.js?v=103885869156479832961773709644" async="async"></script>
537 538
538<script src="//drinkolipop.com/cdn/shop/t/1366/assets/lazysizes.js?v=175780612770959260451773709640" async="async"></script>
538 539
539<script src="//drinkolipop.com/cdn/shop/t/1366/assets/theme.js?v=143221273705841084911779140488" defer="defer"></script>
539 540 541 542 543 544 545 546 547 548 549 550 551 552 553 554<style data-shopify> 555 :root{ 556 --flavor-color-overlay: ; 557 --flavor-color-100: ; 558 --flavor-color-200: ; 559 --flavor-color-300: ; 560 561 --flavor-color-selector: ; 562 563 } 564</style> 565 566 567 <link 568 rel="preload" 569 href="https://cdn.jsdelivr.net/npm/keen-slider@latest/keen-slider.min.css" 570 as="style" 571 onload="this.onload=null;this.rel='stylesheet'" 572 > 573 <noscript> 574 <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/keen-slider@latest/keen-slider.min.css"> 575 </noscript> 576 577 578 579
579<script> 580 var theme = { 581 breakpoints: { 582 medium: 750, 583 large: 990, 584 widescreen: 1400 585 }, 586 strings: { 587 addToCart: "Add to Cart", 588 soldOut: "Sold out", 589 unavailable: "Unavailable", 590 regularPrice: "Regular price", 591 salePrice: "Sale price", 592 sale: "Sale", 593 fromLowestPrice: "Translation missing: en.products.product.from_lowest_price", 594 vendor: "Vendor", 595 showMore: "Show More", 596 showLess: "Show Less", 597 searchFor: "Search for", 598 addressError: "Error looking up that address", 599 addressNoResults: "No results for that address", 600 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.", 601 authError: "There was a problem authenticating your Google Maps account.", 602 newWindow: "Opens in a new window.", 603 external: "Opens external website.", 604 newWindowExternal: "Opens external website in a new window.", 605 removeLabel: "Remove [product]", 606 update: "Update", 607 quantity: "Quantity", 608 discountedTotal: "Discounted total", 609 regularTotal: "Regular total", 610 priceColumn: "See Price column for discount details.", 611 quantityMinimumMessage: "Quantity must be 1 or more", 612 cartError: "There was an error while updating your cart. Please try again.", 613 removedItemMessage: "Removed \u003cspan class=\"cart__removed-product-details\"\u003e([quantity]) [link]\u003c\/span\u003e from your cart.", 614 unitPrice: "Unit price", 615 unitPriceSeparator: "per", 616 oneCartCount: "1 item", 617 otherCartCount: "[count] items", 618 quantityLabel: "Quantity: [count]", 619 products: "Products", 620 loading: "Loading", 621 number_of_results: "[result_number] of [results_count]", 622 number_of_results_found: "[results_count] results found", 623 one_result_found: "1 result found" 624 }, 625 moneyFormat: "${{amount}}", 626 moneyFormatWithCurrency: "${{amount}} USD", 627 settings: { 628 predictiveSearchEnabled: true, 629 predictiveSearchShowPrice: false, 630 predictiveSearchShowVendor: false 631 } 632 } 633 634 document.documentElement.className = document.documentElement.className.replace('no-js', 'js'); 635</script>
635 636 637 638 639
639<script>window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.start');</script>
639<meta name="google-site-verification" content="AyZS0I17j-RAsaWg3fqLOEn7aOAY0CZl3vMq1XulJa8"> 640<meta id="shopify-digital-wallet" name="shopify-digital-wallet" content="/3466100806/digital_wallets/dialog"> 641<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"> 642<link rel="ucp" href="/.well-known/ucp" version="2026-08-25">
642<script async="async" src="/checkouts/internal/preloads.js?locale=en-US&default_configuration_id=5986484383"></script>
642 643<link rel="preconnect" href="https://shop.app" crossorigin="anonymous">
644<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 644
644
645<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 645
645
646<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 646
646
647<script>var Shopify = Shopify || {}; 648Shopify.shop = "olipop-store.myshopify.com"; 649Shopify.locale = "en"; 650Shopify.currency = {"active":"USD","rate":"1.0"}; 651Shopify.country = "US"; 652Shopify.theme = {"name":"Production | ehouse","id":174423703711,"schema_name":"Olipop","schema_version":"1.0","theme_store_id":null,"role":"main"}; 653Shopify.theme.handle = "null"; 654Shopify.theme.style = {"id":null,"handle":null}; 655Shopify.cdnHost = "drinkolipop.com/cdn"; 656Shopify.routes = Shopify.routes || {}; 657Shopify.routes.root = "/"; 658Shopify.shopJsCdnBaseUrl = "https://cdn.shopify.com/shopifycloud/shop-js"; 659Shopify.SignInWithShop = Shopify.SignInWithShop || {}; 660Shopify.SignInWithShop.User = Shopify.SignInWithShop.User || {}; 661Shopify.SignInWithShop.User.recognized = false;</script>
vendor: 1 bytes, line 661
661
662<script type="module">!function(o){(o.Shopify=o.Shopify||{}).modules=!0}(window);</script>
vendor: 1 bytes, line 662
662
663<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 663
663
664<script> 665 window.ShopifyPay = window.ShopifyPay || {}; 666 window.ShopifyPay.apiHost = "shop.app\/pay"; 667 window.ShopifyPay.redirectState = null; 668</script>
vendor: 1 bytes, line 668
668
669<script> 670 window.Shopify = window.Shopify || {}; 671 window.Shopify.SignInWithShop = window.Shopify.SignInWithShop || {}; 672 window.Shopify.SignInWithShop.assetMetrics = { sampleRate: 0.25 }; 673 window.Shopify.SignInWithShop.eligible = true; 674</script>
vendor: 1 bytes, line 674
674
675<script id="shop-js-analytics" type="application/json">{"pageType":"customers/login"}</script>
vendor: 1 bytes, line 675
675
676<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 676
676
677<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 677
677
678<script type="module"> 679 await import("https://cdn.shopify.com/shopifycloud/shop-js/modules/v2/loader.init-customer-accounts.en.esm.js"); 680await import("https://cdn.shopify.com/shopifycloud/shop-js/modules/v2/loader.init-customer-accounts-sign-up.en.esm.js"); 681 682 window.Shopify.SignInWithShop?.initCustomerAccounts?.(true, {"fedCMEnabled":true,"windoidEnabled":true}); 683window.Shopify.SignInWithShop?.initCustomerAccountsSignUp?.({"fedCMEnabled":true,"windoidEnabled":true}); 684 685</script>
vendor: 1 bytes, line 685
685
686<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 686
686
687<script type="module"> 688 await import("https://cdn.shopify.com/shopifycloud/shop-js/modules/v2/loader.init-shop-cart-sync.en.esm.js"); 689 690 window.Shopify.SignInWithShop?.initShopCartSync?.({"fedCMEnabled":true,"windoidEnabled":true}); 691 692</script>
vendor: 1 bytes, line 692
692
693<script> 694 window.Shopify = window.Shopify || {}; 695 if (!window.Shopify.featureAssets) window.Shopify.featureAssets = {}; 696 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"]}; 697</script>
vendor: 1 bytes, line 697
697
698<script>(function() { 699 var isLoaded = false; 700 function asyncLoad() { 701 if (isLoaded) return; 702 isLoaded = true; 703 var urls = ["\/\/www.powr.io\/powr.js?powr-token=olipop-store.myshopify.com\u0026external-type=shopify\u0026shop=olipop-store.myshopify.com","https:\/\/superfiliate-cdn.com\/storefront.js?shop=olipop-store.myshopify.com","https:\/\/config.gorgias.chat\/bundle-loader\/01GYCBRTCW1BSVKV4RDGWD144S?source=shopify1click\u0026shop=olipop-store.myshopify.com","https:\/\/bundle.dyn-rev.app\/loader.js?g_cvt_id=606b3ec6-434e-4406-977a-2f31d50b593d\u0026shop=olipop-store.myshopify.com","https:\/\/na.shgcdn3.com\/pixel-collector.js?shop=olipop-store.myshopify.com","\/\/cdn.shopify.com\/proxy\/7977e5caf48a8fd2886cb5ce33b3bc6fa81e666114b459b42428caf354afed59\/apps.bazaarvoice.com\/deployments\/olipop\/main_site\/production\/en_US\/bv.js?shop=olipop-store.myshopify.com\u0026sp-cache-control=cHVibGljLCBtYXgtYWdlPTkwMA","https:\/\/services.nofraud.com\/js\/device.js?shop=olipop-store.myshopify.com","https:\/\/shopify-extension.getredo.com\/main.js?widget_id=jmio6aqkm5hqvde\u0026shop=olipop-store.myshopify.com","\/\/backinstock.useamp.com\/widget\/18397_1783059051.js?category=bis\u0026v=6\u0026shop=olipop-store.myshopify.com"]; 704 for (var i = 0; i < urls.length; i++) { 705 var s = document.createElement('script'); 706 s.type = 'text/javascript'; 707 s.async = true; 708 s.src = urls[i]; 709 var x = document.getElementsByTagName('script')[0]; 710 x.parentNode.insertBefore(s, x); 711 } 712 }; 713 if(window.attachEvent) { 714 window.attachEvent('onload', asyncLoad); 715 } else { 716 window.addEventListener('load', asyncLoad, false); 717 } 718})();</script>
vendor: 1 bytes, line 718
718
719<script id="__st">var __st={"a":3466100806,"offset":-25200,"reqid":"2dd50080-5440-4d02-9795-5061ba75ef30-1790276373","pageurl":"drinkolipop.com\/account\/login","u":"f077ad0e1df0"};</script>
vendor: 1 bytes, line 719
719
720<script>window.ShopifyPaypalV4VisibilityTracking = true;</script>
vendor: 1 bytes, line 720
720
721<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 721
721
722<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 722
722
723<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>
723<script crossorigin="anonymous" defer="defer" src="//drinkolipop.com/cdn/shopifycloud/storefront/assets/shopify_pay/storefront-616277c7.js?v=20250812"></script>
vendor: 1 bytes, line 723
723
724<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 724
724
725<script> 726 window.Shopify = window.Shopify || {}; 727 window.Shopify.MCP = window.Shopify.MCP || {}; 728 window.Shopify.MCP.enabled = true; 729 window.Shopify.MCP.shop = "olipop-store.myshopify.com"; 730 window.Shopify.MCP.mcpEndpoint = "https:\/\/drinkolipop.com\/api\/mcp"; 731 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"]}}]; 732</script>
vendor: 1 bytes, line 732
732
733<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=");})(); 734</script>
vendor: 1 bytes, line 734
734
735<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)}}; 736</script>
vendor: 1 bytes, line 736
736
737<script data-source-attribution="shopify.dynamic_checkout.buyer_consent"> 738 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); 739</script>
vendor: 1 bytes, line 739
739
740<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})}})); 741</script>
741 742<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"> 743<style id="shopify-accelerated-checkout-cart"> 744 #shopify-buyer-consent { 745 margin-top: 1em; 746 display: inline-block; 747 width: 100%; 748} 749 750#shopify-buyer-consent.hidden { 751 display: none; 752} 753 754#shopify-subscription-policy-button { 755 background: none; 756 border: none; 757 padding: 0; 758 text-decoration: underline; 759 font-size: inherit; 760 cursor: pointer; 761} 762 763#shopify-subscription-policy-button::before { 764 box-shadow: none; 765} 766 767 </style> 768
769<script id="shopify-cfh-end">window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.end');</script>
769 770 771 772 773 774 775 776
776<script type="text/javascript"> 777 778 window.__shgMoneyFormat = window.__shgMoneyFormat || {"USD":{"currency":"USD","currency_symbol":"$","currency_symbol_location":"left","decimal_places":2,"decimal_separator":".","thousands_separator":","}}; 779 780 window.__shgCurrentCurrencyCode = window.__shgCurrentCurrencyCode || { 781 currency: "USD", 782 currency_symbol: "$", 783 decimal_separator: ".", 784 thousands_separator: ",", 785 decimal_places: 2, 786 currency_symbol_location: "left" 787 }; 788 </script>
788 789 790 791 792 793 794
795<script type="text/javascript"> 796 797 window.SHG_CUSTOMER = null; 798 799</script>
799 800 801 802 803 804 805 806 807
807<script type="text/javascript"> 808 (function (a, b, c, d, e, f, g) { 809 e['ire_o'] = c; 810 e[c] = 811 e[c] || 812 function () { 813 (e[c].a = e[c].a || []).push(arguments); 814 }; 815 f = d.createElement(b); 816 g = d.getElementsByTagName(b)[0]; 817 f.async = 1; 818 f.src = a; 819 g.parentNode.insertBefore(f, g); 820 })('https://utt.impactcdn.com/A2662258-414b-48e3-94ab-d5cc41204ee91.js', 'script', 'ire', document, window); 821</script>
821 822 823 824 825 826 827
828<script type="text/javascript" async="" src="https://static.klaviyo.com/onsite/js/PbvgDc/klaviyo.js"></script>
828 829
830<script type="text/javascript"> 831 var _learnq = _learnq || []; 832 833 834 var page_item = { 835 "Page": "account", 836 "Path": "/account/login" 837 }; 838 _learnq.push(["track", "Viewed Page", page_item]); 839 840 841</script>
841 842 843 844 845 846 847 848 849 850 851 852 853
853<script src="https://shop.basketful.co/basketful.js" defer async></script>
853 854 855
855<script src="//drinkolipop.com/cdn/shop/t/1366/assets/manifest.min.js?v=124651888751126447011773709641" type="text/javascript"></script>
vendor: 1 bytes, line 855
855
856<script src="//drinkolipop.com/cdn/shop/t/1366/assets/vendor.min.js?v=32262416620800875671773709641" type="text/javascript"></script>
vendor: 1 bytes, line 856
856
857<script src="//drinkolipop.com/cdn/shop/t/1366/assets/app.min.js?v=89531106029643191081787148487" type="text/javascript"></script>
857 858 859 860
860<script type="text/javascript"> 861 (function (c, l, a, r, i, t, y) { 862 c[a] = 863 c[a] || 864 function () { 865 (c[a].q = c[a].q || []).push(arguments); 866 }; 867 t = l.createElement(r); 868 t.async = 1; 869 t.src = 'https://www.clarity.ms/tag/' + i; 870 y = l.getElementsByTagName(r)[0]; 871 y.parentNode.insertBefore(t, y); 872 })(window, document, 'clarity', 'script', 'm5uhteaodo'); 873 </script>
873 874 875 876 877
877<script type="text/javascript" async="true" src="https://d334twvzz0qrmj.cloudfront.net/70a0ac8d.js"></script>
877 878
878<script> 879 document.addEventListener('DOMContentLoaded', () => { 880 if (window?.gtag) { 881 window.gtag('event', 'BrandlockTest', { bl_ea: 'BrandlockTest', bl_el: 'BrandlockTest' }); 882 window.gtag('event', 'BrandlockTest', { bl_ea: 'HijackShopper-ON', bl_el: 'Test' }); 883 } 884 }); 885 </script>
885 886 887 888 889<!-- BEGIN app block: shopify://apps/intelligems-a-b-testing/blocks/intelligems-script/fa83b64c-0c77-4c0c-b4b2-b94b42f5ef19 -->
889<script> 890 window._template = { 891 directory: "customers", 892 name: "login", 893 suffix: "" 894 }; 895 window.__productIdFromTemplate = null; 896 window.__plpCollectionIdFromTemplate = null; 897 window.igProductData = (function() { 898 const data = {};return data; 899 })(); 900</script>
900 901
902<script type="module" blocking="render" fetchpriority="high" src="https://cdn.intelligems.io/esm/586d1e84f592/bundle.js" data-em-disable async></script>
902 903 904 905<!-- END app block --><!-- BEGIN app block: shopify://apps/wyllo-formerly-nofraud/blocks/nf_device/5c2706cf-d458-49c5-a6fa-4fb6b79ce2b4 -->
905<script async src="https://services.nofraud.com/js/device.js?shop=olipop-store.myshopify.com" type="application/javascript"></script>
905 906 907 908<!-- END app block --><!-- BEGIN app block: shopify://apps/elevar-conversion-tracking/blocks/dataLayerEmbed/bc30ab68-b15c-4311-811f-8ef485877ad6 --> 909 910 911
912<script type="module" dynamic> 913 const configUrl = "/a/elevar/static/configs/3bd4c3efadb9bd7b389600baaae057f8a9972102/config.js"; 914 const config = (await import(configUrl)).default; 915 const scriptUrl = config.script_src_app_theme_embed; 916 917 if (scriptUrl) { 918 const { handler } = await import(scriptUrl); 919 920 await handler( 921 config, 922 { 923 cartData: { 924 marketId: "3724869791", 925 localeCountryCode:"US", 926 attributes:{}, 927 cartTotal: "0.0", 928 currencyCode:"USD", 929 items: [] 930} 931, 932 user: { 933 cartTotal: "0.0", 934 currencyCode:"USD", 935 customer: {}, 936} 937, 938 isOnCartPage:false, 939 collectionView:null, 940 searchResultsView:null, 941 productView:null, 942 } 943 ); 944 } 945</script>
945 946 947 948<!-- END app block --><!-- BEGIN app block: shopify://apps/klaviyo-email-marketing-sms/blocks/klaviyo-onsite-embed/2632fe16-c075-4321-a88b-50b567f42507 --> 949 950 951 952 953 954 955 956 957 958 959 960 961
961<script async src="https://static.klaviyo.com/onsite/js/PbvgDc/klaviyo.js?company_id=PbvgDc"></script>
961 962
962<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>
962 963 964 965 966 967 968 969
969<script> 970 window.klaviyoReviewsProductDesignMode = false 971 </script>
971 972 973 974 975 976 977 978 979 980 981<!-- END app block --><!-- BEGIN app block: shopify://apps/videowise-video-commerce/blocks/script_embed/b48d6c0c-3e3f-4791-a9ab-a5ab7ec82f4d --> 982 983 984 985 986<link 987 rel="preload" 988 as="style" 989 onload="this.onload=null;this.rel='stylesheet'" 990 href="https://assets.videowise.com/style.css.gz" 991 id="videowise-style-css">
992<script 993 defer 994 src="https://assets.videowise.com/vendors.js.gz" 995 id="videowise-vendors-js"></script>
vendor: 1 bytes, line 995
995
996<script 997 defer 998 src="https://assets.videowise.com/client.js.gz" 999 id="videowise-client-js"></script>
999 1000 1001<link rel="dns-prefetch" href="https://assets.videowise.com/" /> 1002 1003<link rel="dns-prefetch" href="https://cdn2.videowise.com/" /> 1004 1005<link rel="dns-prefetch" href="https://api-cdn.videowise.com/" /> 1006 1007<link rel="dns-prefetch" href="https://images.videowise.com/" /> 1008 1009<link rel="dns-prefetch" href="https://cdn.videowise.com/" /> 1010 1011<!-- 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 /> 1012<link rel='preconnect dns-prefetch' href='https://conf.config-security.com/' crossorigin />
1013<script> 1014/* >> TriplePixel :: start*/ 1015window.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); 1016/* << TriplePixel :: end*/ 1017</script>
1017 1018 1019 1020 1021<!-- END app block --><!-- BEGIN app block: shopify://apps/attributepro/blocks/cart_attributes/e1a73f15-800a-4f25-9c6e-952ac434f07b -->
1021<script> 1022var 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};
1022function 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}(); 1023</script>
vendor: 1 bytes, line 1023
1023
vendor: 5,375 bytes, lines 1024-1210
1024<script> 1025;(function(root, factory) { 1026 if (typeof define === "function" && define.amd) { 1027 define(factory); 1028 } else if (typeof exports === "object") { 1029 module.exports = factory(); 1030 } else { 1031 root.jsonLogic = factory(); 1032 } 1033}(this, function() { 1034 "use strict"; 1035 /* globals console:false */ 1036 1037 if ( ! Array.isArray) { 1038 Array.isArray = function(arg) { 1039 return Object.prototype.toString.call(arg) === "[object Array]"; 1040 }; 1041 } 1042 1043 /** 1044 * Return an array that contains no duplicates (original not modified) 1045 * @param {array} array Original reference array 1046 * @return {array} New array with no duplicates 1047 */ 1048 function arrayUnique(array) { 1049 var a = []; 1050 for (var i=0, l=array.length; i<l; i++) { 1051 if (a.indexOf(array[i]) === -1) { 1052 a.push(array[i]); 1053 } 1054 } 1055 return a; 1056 } 1057 1058 var jsonLogic = {}; 1059 var operations = { 1060 "==": function(a, b) { 1061 return a == b; 1062 }, 1063 "===": function(a, b) { 1064 return a === b; 1065 }, 1066 "!=": function(a, b) { 1067 return a != b; 1068 }, 1069 "!==": function(a, b) { 1070 return a !== b; 1071 }, 1072 ">": function(a, b) { 1073 return a > b; 1074 }, 1075 ">=": function(a, b) { 1076 return a >= b; 1077 }, 1078 "<": function(a, b, c) { 1079 return (c === undefined) ? a < b : (a < b) && (b < c); 1080 }, 1081 "<=": function(a, b, c) { 1082 return (c === undefined) ? a <= b : (a <= b) && (b <= c); 1083 }, 1084 "!!": function(a) { 1085 return jsonLogic.truthy(a); 1086 }, 1087 "!": function(a) { 1088 return !jsonLogic.truthy(a); 1089 }, 1090 "%": function(a, b) { 1091 return a % b; 1092 }, 1093 "log": function(a) { 1094 console.log(a); return a; 1095 }, 1096 "in": function(a, b) { 1097 if (!b || typeof b.indexOf === "undefined") return false; 1098 return (b.indexOf(a) !== -1); 1099 }, 1100 "cat": function() { 1101 return Array.prototype.join.call(arguments, ""); 1102 }, 1103 "substr": function(source, start, end) { 1104 if (end < 0) { 1105 // JavaScript doesn't support negative end, this emulates PHP behavior 1106 var temp = String(source).substr(start); 1107 return temp.substr(0, temp.length + end); 1108 } 1109 return String(source).substr(start, end); 1110 }, 1111 "+": function() { 1112 return Array.prototype.reduce.call(arguments, function(a, b) { 1113 return parseFloat(a, 10) + parseFloat(b, 10); 1114 }, 0); 1115 }, 1116 "*": function() { 1117 return Array.prototype.reduce.call(arguments, function(a, b) { 1118 return parseFloat(a, 10) * parseFloat(b, 10); 1119 }); 1120 }, 1121 "-": function(a, b) { 1122 if (b === undefined) { 1123 return -a; 1124 } else { 1125 return a - b; 1126 } 1127 }, 1128 "/": function(a, b) { 1129 return a / b; 1130 }, 1131 "min": function() { 1132 return Math.min.apply(this, arguments); 1133 }, 1134 "max": function() { 1135 return Math.max.apply(this, arguments); 1136 }, 1137 "merge": function() { 1138 return Array.prototype.reduce.call(arguments, function(a, b) { 1139 return a.concat(b); 1140 }, []); 1141 }, 1142 "var": function(a, b) { 1143 var not_found = (b === undefined) ? null : b; 1144 var data = this; 1145 if (typeof a === "undefined" || a==="" || a===null) { 1146 return data; 1147 } 1148 var sub_props = String(a).split("."); 1149 for (var i = 0; i < sub_props.length; i++) { 1150 if (data === null || data === undefined) { 1151 return not_found; 1152 } 1153 // Descending into data 1154 data = data[sub_props[i]]; 1155 if (data === undefined) { 1156 return not_found; 1157 } 1158 } 1159 return data; 1160 }, 1161 "missing": function() { 1162 /* 1163 Missing can receive many keys as many arguments, like {"missing:[1,2]} 1164 Missing can also receive *one* argument that is an array of keys, 1165 which typically happens if it's actually acting on the output of another command 1166 (like 'if' or 'merge') 1167 */ 1168 1169 var missing = []; 1170 var keys = Array.isArray(arguments[0]) ? arguments[0] : arguments; 1171 1172 for (var i = 0; i < keys.length; i++) { 1173 var key = keys[i]; 1174 var value = jsonLogic.apply({"var": key}, this); 1175 if (value === null || value === "") { 1176 missing.push(key); 1177 } 1178 } 1179 1180 return missing; 1181 }, 1182 "missing_some": function(need_count, options) { 1183 // missing_some takes two arguments, how many (minimum) items must be present, and an array of keys (just like 'missing') to check for presence. 1184 var are_missing = jsonLogic.apply({"missing": options}, this); 1185 1186 if (options.length - are_missing.length >= need_count) { 1187 return []; 1188 } else { 1189 return are_missing; 1190 } 1191 }, 1192 }; 1193 1194 jsonLogic.is_logic = function(logic) { 1195 return ( 1196 typeof logic === "object" && // An object 1197 logic !== null && // but not null 1198 ! Array.isArray(logic) && // and not an array 1199 Object.keys(logic).length === 1 // with exactly one key 1200 ); 1201 }; 1202 1203 /* 1204 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. 1205 1206 Spec and rationale here: http://jsonlogic.com/truthy 1207 */ 1208 jsonLogic.truthy = function(value) { 1209 if (Array.isArray(value) && value.length === 0) { 1210 return false;
vendor: 8,637 bytes, lines 1211-1472
1211 } 1212 return !! value; 1213 }; 1214 1215 1216 jsonLogic.get_operator = function(logic) { 1217 return Object.keys(logic)[0]; 1218 }; 1219 1220 jsonLogic.get_values = function(logic) { 1221 return logic[jsonLogic.get_operator(logic)]; 1222 }; 1223 1224 jsonLogic.apply = function(logic, data) { 1225 // Does this array contain logic? Only one way to find out. 1226 if (Array.isArray(logic)) { 1227 return logic.map(function(l) { 1228 return jsonLogic.apply(l, data); 1229 }); 1230 } 1231 // You've recursed to a primitive, stop! 1232 if ( ! jsonLogic.is_logic(logic) ) { 1233 return logic; 1234 } 1235 1236 var op = jsonLogic.get_operator(logic); 1237 var values = logic[op]; 1238 var i; 1239 var current; 1240 var scopedLogic; 1241 var scopedData; 1242 var initial; 1243 1244 // easy syntax for unary operators, like {"var" : "x"} instead of strict {"var" : ["x"]} 1245 if ( ! Array.isArray(values)) { 1246 values = [values]; 1247 } 1248 1249 // 'if', 'and', and 'or' violate the normal rule of depth-first calculating consequents, let each manage recursion as needed. 1250 if (op === "if" || op == "?:") { 1251 /* 'if' should be called with a odd number of parameters, 3 or greater 1252 This works on the pattern: 1253 if( 0 ){ 1 }else{ 2 }; 1254 if( 0 ){ 1 }else if( 2 ){ 3 }else{ 4 }; 1255 if( 0 ){ 1 }else if( 2 ){ 3 }else if( 4 ){ 5 }else{ 6 }; 1256 1257 The implementation is: 1258 For pairs of values (0,1 then 2,3 then 4,5 etc) 1259 If the first evaluates truthy, evaluate and return the second 1260 If the first evaluates falsy, jump to the next pair (e.g, 0,1 to 2,3) 1261 given one parameter, evaluate and return it. (it's an Else and all the If/ElseIf were false) 1262 given 0 parameters, return NULL (not great practice, but there was no Else) 1263 */ 1264 for (i = 0; i < values.length - 1; i += 2) { 1265 if ( jsonLogic.truthy( jsonLogic.apply(values[i], data) ) ) { 1266 return jsonLogic.apply(values[i+1], data); 1267 } 1268 } 1269 if (values.length === i+1) { 1270 return jsonLogic.apply(values[i], data); 1271 } 1272 return null; 1273 } else if (op === "and") { // Return first falsy, or last 1274 for (i=0; i < values.length; i+=1) { 1275 current = jsonLogic.apply(values[i], data); 1276 if ( ! jsonLogic.truthy(current)) { 1277 return current; 1278 } 1279 } 1280 return current; // Last 1281 } else if (op === "or") {// Return first truthy, or last 1282 for (i=0; i < values.length; i+=1) { 1283 current = jsonLogic.apply(values[i], data); 1284 if ( jsonLogic.truthy(current) ) { 1285 return current; 1286 } 1287 } 1288 return current; // Last 1289 } else if (op === "filter") { 1290 scopedData = jsonLogic.apply(values[0], data); 1291 scopedLogic = values[1]; 1292 1293 if ( ! Array.isArray(scopedData)) { 1294 return []; 1295 } 1296 // Return only the elements from the array in the first argument, 1297 // that return truthy when passed to the logic in the second argument. 1298 // For parity with JavaScript, reindex the returned array 1299 return scopedData.filter(function(datum) { 1300 return jsonLogic.truthy( jsonLogic.apply(scopedLogic, datum)); 1301 }); 1302 } else if (op === "map") { 1303 scopedData = jsonLogic.apply(values[0], data); 1304 scopedLogic = values[1]; 1305 1306 if ( ! Array.isArray(scopedData)) { 1307 return []; 1308 } 1309 1310 return scopedData.map(function(datum) { 1311 return jsonLogic.apply(scopedLogic, datum); 1312 }); 1313 } else if (op === "reduce") { 1314 scopedData = jsonLogic.apply(values[0], data); 1315 scopedLogic = values[1]; 1316 initial = typeof values[2] !== "undefined" ? values[2] : null; 1317 1318 if ( ! Array.isArray(scopedData)) { 1319 return initial; 1320 } 1321 1322 return scopedData.reduce( 1323 function(accumulator, current) { 1324 return jsonLogic.apply( 1325 scopedLogic, 1326 {current: current, accumulator: accumulator} 1327 ); 1328 }, 1329 initial 1330 ); 1331 } else if (op === "all") { 1332 scopedData = jsonLogic.apply(values[0], data); 1333 scopedLogic = values[1]; 1334 // All of an empty set is false. Note, some and none have correct fallback after the for loop 1335 if ( ! Array.isArray(scopedData) || ! scopedData.length) { 1336 return false; 1337 } 1338 for (i=0; i < scopedData.length; i+=1) { 1339 if ( ! jsonLogic.truthy( jsonLogic.apply(scopedLogic, scopedData[i]) )) { 1340 return false; // First falsy, short circuit 1341 } 1342 } 1343 return true; // All were truthy 1344 } else if (op === "none") { 1345 scopedData = jsonLogic.apply(values[0], data); 1346 scopedLogic = values[1]; 1347 1348 if ( ! Array.isArray(scopedData) || ! scopedData.length) { 1349 return true; 1350 } 1351 for (i=0; i < scopedData.length; i+=1) { 1352 if ( jsonLogic.truthy( jsonLogic.apply(scopedLogic, scopedData[i]) )) { 1353 return false; // First truthy, short circuit 1354 } 1355 } 1356 return true; // None were truthy 1357 } else if (op === "some") { 1358 scopedData = jsonLogic.apply(values[0], data); 1359 scopedLogic = values[1]; 1360 1361 if ( ! Array.isArray(scopedData) || ! scopedData.length) { 1362 return false; 1363 } 1364 for (i=0; i < scopedData.length; i+=1) { 1365 if ( jsonLogic.truthy( jsonLogic.apply(scopedLogic, scopedData[i]) )) { 1366 return true; // First truthy, short circuit 1367 } 1368 } 1369 return false; // None were truthy 1370 } 1371 1372 // Everyone else gets immediate depth-first recursion 1373 values = values.map(function(val) { 1374 return jsonLogic.apply(val, data); 1375 }); 1376 1377 1378 // The operation is called with "data" bound to its "this" and "values" passed as arguments. 1379 // Structured commands like % or > can name formal arguments while flexible commands (like missing or merge) can operate on the pseudo-array arguments 1380 // https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Functions/arguments 1381 if (operations.hasOwnProperty(op) && typeof operations[op] === "function") { 1382 return operations[op].apply(data, values); 1383 } else if (op.indexOf(".") > 0) { // Contains a dot, and not in the 0th position 1384 var sub_ops = String(op).split("."); 1385 var operation = operations; 1386 for (i = 0; i < sub_ops.length; i++) { 1387 if (!operation.hasOwnProperty(sub_ops[i])) { 1388 throw new Error("Unrecognized operation " + op + 1389 " (failed at " + sub_ops.slice(0, i+1).join(".") + ")"); 1390 } 1391 // Descending into operations 1392 operation = operation[sub_ops[i]]; 1393 } 1394 1395 return operation.apply(data, values); 1396 } 1397 1398 throw new Error("Unrecognized operation " + op ); 1399 }; 1400 1401 jsonLogic.uses_data = function(logic) { 1402 var collection = []; 1403 1404 if (jsonLogic.is_logic(logic)) { 1405 var op = jsonLogic.get_operator(logic); 1406 var values = logic[op]; 1407 1408 if ( ! Array.isArray(values)) { 1409 values = [values]; 1410 } 1411 1412 if (op === "var") { 1413 // This doesn't cover the case where the arg to var is itself a rule. 1414 collection.push(values[0]); 1415 } else { 1416 // Recursion! 1417 values.forEach(function(val) { 1418 collection.push.apply(collection, jsonLogic.uses_data(val) ); 1419 }); 1420 } 1421 } 1422 1423 return arrayUnique(collection); 1424 }; 1425 1426 jsonLogic.add_operation = function(name, code) { 1427 operations[name] = code; 1428 }; 1429 1430 jsonLogic.rm_operation = function(name) { 1431 delete operations[name]; 1432 }; 1433 1434 jsonLogic.rule_like = function(rule, pattern) { 1435 // console.log("Is ". JSON.stringify(rule) . " like " . JSON.stringify(pattern) . "?"); 1436 if (pattern === rule) { 1437 return true; 1438 } // TODO : Deep object equivalency? 1439 if (pattern === "@") { 1440 return true; 1441 } // Wildcard! 1442 if (pattern === "number") { 1443 return (typeof rule === "number"); 1444 } 1445 if (pattern === "string") { 1446 return (typeof rule === "string"); 1447 } 1448 if (pattern === "array") { 1449 // !logic test might be superfluous in JavaScript 1450 return Array.isArray(rule) && ! jsonLogic.is_logic(rule); 1451 } 1452 1453 if (jsonLogic.is_logic(pattern)) { 1454 if (jsonLogic.is_logic(rule)) { 1455 var pattern_op = jsonLogic.get_operator(pattern); 1456 var rule_op = jsonLogic.get_operator(rule); 1457 1458 if (pattern_op === "@" || pattern_op === rule_op) { 1459 // echo "\nOperators match, go deeper\n"; 1460 return jsonLogic.rule_like( 1461 jsonLogic.get_values(rule, false), 1462 jsonLogic.get_values(pattern, false) 1463 ); 1464 } 1465 } 1466 return false; // pattern is logic, rule isn't, can't be eq 1467 } 1468 1469 if (Array.isArray(pattern)) { 1470 if (Array.isArray(rule)) { 1471 if (pattern.length !== rule.length) { 1472 return false;
1473 } 1474 /* 1475 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) 1476 */ 1477 for (var i = 0; i < pattern.length; i += 1) { 1478 // If any fail, we fail 1479 if ( ! jsonLogic.rule_like(rule[i], pattern[i])) { 1480 return false; 1481 } 1482 } 1483 return true; // If they *all* passed, we pass 1484 } else { 1485 return false; // Pattern is array, rule isn't 1486 } 1487 } 1488 1489 // Not logic, not array, not a === match for rule. 1490 return false; 1491 }; 1492 1493 return jsonLogic; 1494})); 1495</script>
1495<!-- BEGIN app snippet: properties_mapping -->
1495<script> 1496const ap_Config = { 1497 page_title: "Account", 1498 cart: { 1499 checkout_charge_amount: 0, 1500 item_count: 0, 1501 note: null, 1502 total_discount: 0, 1503 total_price: 0, 1504 }, 1505 date: new Date().toISOString().split('T')[0], 1506 date_time: new Date().toISOString(), 1507 localization : { 1508 country: { 1509 iso_code: "US", 1510 currency: { 1511 symbol: "$" 1512 } 1513 }, 1514 market: { 1515 handle: 'us', 1516 id: 3724869791 1517 } 1518 }, 1519 customer: { 1520 b2b: null, 1521 current_company: { 1522 name: null 1523 }, 1524 email: null, 1525 last_order: { 1526 id: null 1527 } 1528 }, 1529 shop: { 1530 address:{ 1531 address1: "360 Grand Ave #259", 1532 address2: "", 1533 city: "Oakland", 1534 country: "United States", 1535 province: "California", 1536 province_code: "CA", 1537 } 1538 }, 1539} 1540</script>
1540<!-- END app snippet -->
1540<script type="module"> 1541 const ROOT_URL = typeof window.Shopify.routes.root == "undefined" ? "/" : window.Shopify.routes.root; 1542 const getInterpolatedValue = (value) => { 1543 if(!window.cartAttributesConfig.isUltimate) return value; 1544 const tagPattern = /\{\{([^\}]+)\}\}/g; 1545 let interpolatedValue = value; 1546 let match; 1547 while ((match = tagPattern.exec(value)) !== null) { 1548 const path = match[1].trim().split('.'); 1549 let context = ap_Config; 1550 for (const segment of path) { 1551 console.log("segment", segment); 1552 if (context.hasOwnProperty(segment)) { 1553 context = context[segment]; 1554 } else { 1555 console.error(`Path segment '${segment}' not found in context.`); 1556 context = undefined; 1557 break; 1558 } 1559 } 1560 if (context !== undefined) { 1561 interpolatedValue = interpolatedValue.replace(new RegExp(match[0].replace(/[.*+?^${}()|[\]\\]/g, '\\$&'), 'g'), context); 1562 } 1563 } 1564 return interpolatedValue; 1565 } 1566 1567 1568 1569 console.log("Not ultimate"); 1570 1571 window.cartAttributesConfig = { 1572 1573 1574 metaobjects: [], 1575 } 1576 let FLAG = false 1577 1578 let logCart = false 1579 1580 const customerCountry = "US" 1581 const market = 3724869791 1582 1583 1584 xhook.after(async function (request, response) { 1585 if (!request.url.toString().match(/cart\/add/) && !request.url.toString().match(/cart\/change/)) return 1586 if (FLAG === true) return 1587 if (!window.cartAttributesConfig.metaobjects?.length) return 1588 if (response.status === 200){ 1589 const ATTRIBUTES = {}; 1590 const MODIFIED_ITEMS = new Set(); // Track which items were actually modified by rules 1591 const PRODUCT_ATTRIBUTES = {}; 1592 let cart = await fetch(window.origin + "/cart.json").then(res => res.json()); 1593 for(const {id, properties} of cart.items) { 1594 PRODUCT_ATTRIBUTES[id] = properties; 1595 } 1596 const productsInCartReq = cart.items.map(async (item) => await fetch(window.origin + `/products/${item.handle}.json`).then(res => res.json()) ); 1597 const productsInCart = await Promise.all(productsInCartReq); 1598 const tagsInCart = productsInCart.map(product => product.product.tags.split(", ")).flat(); 1599 1600 const collectionsInCart = [] 1601 1602 window.cartAttributesConfig.metaobjects?.forEach((metaobject, i) => { 1603 1604 if (metaobject.debug) { 1605 console.log("TAGS in cart: ", tagsInCart); 1606 console.log("COLLECTIONS in cart: ", collectionsInCart); 1607 console.log("Cart pre_script") 1608 console.log(cart) 1609 1610 metaobject.debug && console.log(metaobject); 1611 logCart = true; 1612 } 1613 1614 if (metaobject.active == true) { 1615 metaobject.debug && console.log(metaobject.title + " is included in the textArea"); 1616 const cartWithAdditionalFields = { 1617 ...cart, 1618 tagsInCart: tagsInCart, 1619 collectionsInCart: collectionsInCart, 1620 customerCountry: customerCountry, 1621 market: `gid://shopify/Market/${market}` 1622 } 1623 // If rule truthy 1624 if (window.jsonLogic.apply(metaobject.rules, cartWithAdditionalFields)) { 1625 metaobject.debug && console.log("Rule is truthy. We're adding its attributes"); 1626 1627 if (metaobject.target !== "product") { // Add Cart attr 1628 metaobject.attributes.forEach(a => { 1629 let interpolatedValue = getInterpolatedValue(a.value) 1630 ATTRIBUTES[a.key] = interpolatedValue; 1631 }); 1632 } 1633 1634 if (metaobject.target !== "cart") { // Add Product attr 1635 console.log("This is our metaobject and its products: ", metaobject); 1636 1637 const project_attr = {}; 1638 metaobject.attributes.forEach(a => { 1639 let interpolatedValue = getInterpolatedValue(a.value) 1640 project_attr[a.key] = interpolatedValue; 1641 }); 1642 metaobject.products.forEach(product => { 1643 const id = product.id.split("/").at(-1); 1644 PRODUCT_ATTRIBUTES[id] = { ...PRODUCT_ATTRIBUTES[id], ...project_attr }; 1645 MODIFIED_ITEMS.add(id); 1646 }); 1647 } 1648 1649 // If rule not truthy 1650 } else { 1651 metaobject.debug && console.log("Rule is not truthy. We're invalidating its attributes"); 1652 1653 if (metaobject.target !== "product") { //Cleanup for Cart
1654 metaobject.attributes.forEach((a, i) => { 1655 if (cart.attributes[a.key] !== undefined && !metaobject.keep) { 1656 ATTRIBUTES[a.key] = null; 1657 } 1658 }); 1659 } 1660 1661 1662 else if (metaobject.target !== "cart" && !metaobject.keep) { //Cleanup for Products 1663 1664 metaobject.products.forEach(product => { 1665 const id = product.id.split("/").at(-1); 1666 metaobject.attributes.forEach(a => { 1667 if (PRODUCT_ATTRIBUTES[id]?.[a.key] !== undefined) { 1668 delete PRODUCT_ATTRIBUTES[id][a.key]; 1669 MODIFIED_ITEMS.add(id); 1670 } 1671 }); 1672 }); 1673 1674 } 1675 1676 } 1677 } 1678 metaobject.debug && console.log("Cart attributes to push: ", ATTRIBUTES); 1679 if(metaobject.debug){ 1680 console.log(i+1+"* METAOBJ ATTRIBUTES: ", JSON.parse(JSON.stringify(PRODUCT_ATTRIBUTES))); 1681 } 1682 }); 1683 1684 // Only send /cart/change.js for items that were actually modified by rules 1685 // AND whose desired properties differ from what's already on the cart line 1686 const itemsToUpdate = cart.items.filter(item => { 1687 if (!MODIFIED_ITEMS.has(String(item.id))) return false; 1688 const desired = PRODUCT_ATTRIBUTES[item.id] || {}; 1689 const current = item.properties || {}; 1690 // Check if every desired key/value already matches the current properties 1691 const desiredKeys = Object.keys(desired); 1692 const currentKeys = Object.keys(current); 1693 if (desiredKeys.length !== currentKeys.length) return true; 1694 for (const key of desiredKeys) { 1695 if (String(desired[key]) !== String(current[key])) return true; 1696 } 1697 return false; // All properties already match, no need to update 1698 }); 1699 if (itemsToUpdate.length > 0) { 1700 FLAG = true; 1701 await Promise.all(itemsToUpdate.map(item => { 1702 const attributes = PRODUCT_ATTRIBUTES[item.id]; 1703 return fetch(ROOT_URL + "cart/change.js", { 1704 method: 'POST', 1705 headers: { 1706 'Content-Type': 'application/json' 1707 }, 1708 body: JSON.stringify({ 1709 id: item.key, 1710 properties: attributes, 1711 quantity: item.quantity 1712 }) 1713 }).catch(err => console.error(err)); 1714 })); 1715 FLAG = false; 1716 } 1717 1718 // Only send /cart/update.js when we actually have attributes to set/clear 1719 const hasCartAttributes = Object.keys(ATTRIBUTES).length > 0; 1720 if (hasCartAttributes) { 1721 fetch(ROOT_URL + 'cart/update.js', { 1722 method: 'POST', 1723 headers: { 1724 'Content-Type': 'application/json' 1725 }, 1726 body: JSON.stringify({attributes: ATTRIBUTES}) 1727 }) 1728 .then((res) => res.json()) 1729 .then(data => { 1730 logCart && console.log("cartResult",data); 1731 return data 1732 }) 1733 .catch((error) => { 1734 console.error('Error:', error); 1735 }); 1736 } 1737 1738 } 1739 }); 1740</script>
1740 1741 1742 1743 1744<!-- END app block --><!-- BEGIN app block: shopify://apps/keepcart-coupon-protect/blocks/keepcart/6c9b264a-3284-48f2-a6f6-2836be6ada2a --> 1745 1746 1747 1748
1749<script src="https://cdn.shopify.com/extensions/01a0cff8-2c69-745f-8772-fd89b29d2d4b/keepcart-2-253/assets/vars.generated.js" defer="defer"></script>
1749 1750 1751
1751<script src="https://cdn.shopify.com/extensions/01a0cff8-2c69-745f-8772-fd89b29d2d4b/keepcart-2-253/assets/keepcart-embed-catalog.min.js" defer="defer"></script>
1751 1752
1753<script src="https://cdn.shopify.com/extensions/01a0cff8-2c69-745f-8772-fd89b29d2d4b/keepcart-2-253/assets/keepcart-embed-deferred.min.js" defer="defer"></script>
1753 1754 1755 1756 <style> 1757 #kc-discount-banner { 1758 1759 --kc-banner-bg: #1a1a1a; 1760 1761 1762 --kc-banner-color: #f5f5f5; 1763 1764 --kc-banner-font-size: 15px; 1765 --kc-banner-font: Helvetica, Arial, sans-serif; 1766 } 1767 1768 </style> 1769
1769<script> 1770 window.__KC_BANNER_CONFIG__ = { 1771 position: "bottom", 1772 autoHide: 7, 1773 animate: true, 1774 message: "Discount [code] applied - [value] off your order!" 1775 }; 1776 </script>
1776 1777 1778 1779 1780<!-- 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"> 1781<meta property="og:image" content="https://cdn.shopify.com/s/files/1/0034/6610/0806/files/Website_-_Social_-_Share_-_V1.png?v=1639521624" /> 1782<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" /> 1783<meta property="og:image:width" content="2400" /> 1784<meta property="og:image:height" content="1256" /> 1785<link href="https://monorail-edge.shopifysvc.com" rel="dns-prefetch">
1786<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 1786
1786
1787<script> 1788 window.__TREKKIE_SHIM_QUEUE = window.__TREKKIE_SHIM_QUEUE || []; 1789</script>
vendor: 1 bytes, line 1789
1789
1790<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}
1790).catch(function(){})}catch(e){}else try{var _=new XMLHttpRequest;_.open("POST",d,!0),_.setRequestHeader("Content-Type","text/plain"),_.send(m)}catch(e){n("[Web Pixels Manager] Got an unhandled error while logging to Monorail.")}}else n("[Web Pixels Manager] No Monorail endpoint provided, skipping logging.")}}}({version:u,browserTarget:g,surface:d.surface,shopId:d.shopId,monorailEndpoint:d.monorailEndpoint});if(Boolean(null==(_=null==(b=window.Shopify)?void 0:b.analytics)?void 0:_.replayQueue))w.emit({status:"setup-skipped",errorMsg:"replay queue already initialized."});else{var b,_;w.emit({status:"setup-started"}),window.Shopify=window.Shopify||{};var S=window.Shopify;S.analytics=S.analytics||{};var P=S.analytics;P.replayQueue=[],P.publish=function(e,t,i){return P.replayQueue.push([e,t,i]),!0};try{self.performance.mark("wpm:start")}catch(e){}var k,C="modern"===g?"modern":"legacy",E=(null!=l?l:{modern:"",legacy:""})[C],I=[(k={baseUrl:s,hashVersion:u,buildTarget:C}).baseUrl,"/wpm","/b",k.hashVersion,"modern"===k.buildTarget?"m":"l",".js"].join(""),O=!1,T=!1;try{c.browserTarget=g,function(){O=!0;try{window.addEventListener("pagehide",M)}catch(e){O=!1}}(),R(function(){try{R(x)}catch(e){D(e)}}),w.emit({status:"loading",requestId:m.requestId,navigationType:m.navigationType,trekkieState:a()})}catch(e){D(e)}}function U(){var e;if(q(),!function(){var e,t;return Boolean(null==(t=null==(e=window.Shopify)?void 0:e.analytics)?void 0:t.initialized)}()){var t,i,n;try{if("function"!=typeof(null==(e=window.webPixelsManager)?void 0:e.init))return void A();if(!(null!==(n=i=t=window.webPixelsManager.init(d))&&"function"!=typeof n&&Object(n)===n&&"publish"in i&&"function"==typeof i.publish&&"publishCustomEvent"in i&&"function"==typeof i.publishCustomEvent&&"visitor"in i&&"function"==typeof i.visitor))return void A()}catch(e){return void A(e)}var r=window.Shopify.analytics;r.replayQueue.forEach(function(e){var i=e[0],n=e[1],r=e[2];t.publishCustomEvent(i,n,r)}),r.replayQueue=[],r.publish=t.publishCustomEvent,r.visitor=t.visitor,r.initialized=!0}}function A(e){B("manager_api_unavailable",void 0===e?void 0:Q(e))}function x(){B("script_load_failed","".concat(I," has failed to load"))}function B(e,t){T||(T=!0,q(),w.emit({status:"failed",errorMsg:t,failureReason:e,requestId:m.requestId,navigationType:m.navigationType,trekkieState:a()}))}function M(e){O&&(q(),w.emit({status:"pagehide-while-loading",useKeepaliveFallback:!0,pagehidePersisted:e.persisted,requestId:m.requestId,navigationType:m.navigationType,trekkieState:a()}))}function q(){O=!1;try{window.removeEventListener("pagehide",M)}catch(e){}}function R(e){var t;!function(e){var t=e.src,i=e.async,n=void 0===i||i,r=e.onload,o=e.onerror,a=e.sri,d=e.scriptDataAttributes,s=void 0===d?{}:d,u=document.createElement("script"),l=document.querySelector("head"),c=document.querySelector("body");if(u.async=n,u.src=t,a&&(u.integrity=a,u.crossOrigin="anonymous"),s)for(var p in s)if(Object.prototype.hasOwnProperty.call(s,p))try{u.dataset[p]=String(s[p])}catch(e){}if(r&&u.addEventListener("load",r),o&&u.addEventListener("error",o),l)l.appendChild(u);else{if(!c)throw new Error("Did not find a head or body element to append the script");c.appendChild(u)}}({src:I,async:!0,onload:U,onerror:e,sri:(t=E,"string"==typeof t&&/^sha384-[A-Za-z0-9+/=]+$/.test(t)?E:""),scriptDataAttributes:c})}function D(e){B("script_append_failed",Q(e))}function Q(e){return e instanceof Error?e.message:"Unknown error"}}}();wpmLoader({shopId: 3466100806,storefrontBaseUrl: "https://drinkolipop.com",extensionsBaseUrl: "https://extensions.shopifycdn.com/cdn/shopifycloud/web-pixels-manager",monorailEndpoint: "https://drinkolipop.com/.well-known/shopify/monorail/unstable/produce_batch",surface: "storefront-renderer",enabledBetaFlags: ["16072cab","8450a54b"],webPixelsConfigList: [{"id":"901611679","configuration":"{\"pixelCode\":\"C4AK431U9OSI64EC9TKG\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"22e92c2ad45662f435e4801458fb78cc","type":"APP","apiClientId":4383523,"privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized"},{"id":"887685279","configuration":"{\"advertiser\":\"drinkolipop\",\"userId\":\"161265b2-c678-45dd-8b10-b16b276c7094\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"c19c52670ee3dad6480bef13cf6d1e03","type":"APP","apiClientId":39871250433,"privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_email","read_customer_personal_data"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized"},{"id":"883064991","configuration":"{\"tenantId\":\"dfb51de3-94ea-4014-9527-37b52b8377ea\", \"shop\":\"olipop-store.myshopify.com\", \"datasourceId\":\"613a349b-c3fe-459e-a8c2-74250377f6c7\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"480ec4c467668a19b56bc858d759ef88","type":"APP","apiClientId":4294333,"privacyPurposes":["ANALYTICS"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]}
1790,"dataSharingState":"unrestricted"},{"id":"873824415","configuration":"{\"accountID\":\"9503\",\"integrationId\":\"9503\",\"brandId\":\"8725\",\"environment\":\"prod\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"f28c8e4372c74ce89d6ccedbdfdb52da","type":"APP","apiClientId":22258319361,"privacyPurposes":[],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized"},{"id":"855900319","configuration":"{\"Enabled\":\"false\",\"UpdatedAt\":\"2026-05-28T20:32:13.756Z\",\"DeveloperPreview\":\"false\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"7913f49eba866a6cbbe1bb85b5400251","type":"APP","apiClientId":34646425601,"privacyPurposes":["ANALYTICS"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"unrestricted"},{"id":"844464287","configuration":"{\"trackingKey\":\"olipop-store-stayai-web-pixel\",\"enabled\":\"true\",\"collectorUrl\":\"https:\\\/\\\/pixel.retextion.com\",\"version\":\"1\",\"debug\":\"false\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"94457fdfcf80b0033e88e322893e2b49","type":"APP","apiClientId":5859381,"privacyPurposes":["ANALYTICS"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"unrestricted"},{"id":"843415711","configuration":"{\"config_url\": \"https:\/\/shopify-gtm-suite.getelevar.com\/configs\/3bd4c3efadb9bd7b389600baaae057f8a9972102\/config.js\"}","eventPayloadVersion":"v1","runtimeContext":"LAX","scriptVersion":"7ae63d00911d5ee26809bf1e3232d852","type":"APP","apiClientId":2509311,"privacyPurposes":[],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"unrestricted"},{"id":"795934879","configuration":"{\"accountID\":\"PbvgDc\",\"webPixelConfig\":\"eyJlbmFibGVBZGRlZFRvQ2FydEV2ZW50cyI6IHRydWV9\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"c63c5b72c8d77be5f2d27d14c081da38","type":"APP","apiClientId":123074,"privacyPurposes":["ANALYTICS","MARKETING"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized","enabledFlags":["9a3ed68a"]},{"id":"746881183","configuration":"{\"accountID\":\"1552\",\"micrositeDomain\":\"drinkolipop.superfiliate.com\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"9fae8f5cb0b9c97477ac364bb3772a0c","type":"APP","apiClientId":4862993,"privacyPurposes":["ANALYTICS"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"unrestricted"},{"id":"740360351","configuration":"{\"shopUrl\":\"olipop-store.myshopify.com\",\"apiUrl\":\"https:\\\/\\\/services.nofraud.com\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"0cf396a0daab06a8120b15747f89a0e3","type":"APP","apiClientId":1380557,"privacyPurposes":[],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"unrestricted"},{"id":"651690143","configuration":"{\"shopId\":\"olipop-store.myshopify.com\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"7093dff47f098f6de2afb75b62011ebe","type":"APP","apiClientId":2753413,"privacyPurposes":["ANALYTICS","MARKETING"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized"},{"id":"601063583","configuration":"{\"accountID\":\"olipop-store.myshopify.com\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"74f89c26283dd9bc8e535e14315f3aed","type":"APP","apiClientId":198303350785,"privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized"},{"id":"566689951","configuration":"{\"shopID\":\"3466100806\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"661cb915019a6836503f79bf7365ed06","type":"APP","apiClientId":37840257025,"privacyPurposes":["ANALYTICS"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized"},{"id":"562888863","configuration":"{\"locale\":\"en_US\",\"client\":\"olipop\",\"environment\":\"production\",\"deployment_zone\":\"main_site\",\"use_external_ids\":\"false\",\"use_variants\":\"false\",\"external_id_attribute\":\"default\",\"storefront_api_key\":\"none\",\"product_metafield_key\":\"none\",\"product_metafield_namespace\":\"none\",\"multi_locale_enabled\":\"false\",\"locale_mapping\":\"{}\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"bf601cbef12079fa1ab77422415f1989","type":"APP","apiClientId":1888040,"privacyPurposes":["ANALYTICS","MARKETING"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized"},{"id":"306348191","configuration":"{\"site_id\":\"18c223ec-1eb0-462b-ae0c-008c2e8cc450\",\"analytics_endpoint\"
1790:\"https:\\\/\\\/na.shgcdn3.com\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"695709fc3f146fa50a25299517a954f2","type":"APP","apiClientId":1158168,"privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_personal_data"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized"},{"id":"216826015","configuration":"{\"pixel_id\":\"452900448865909\",\"pixel_type\":\"facebook_pixel\",\"metaapp_system_user_token\":\"-\"}","eventPayloadVersion":"v1","runtimeContext":"OPEN","scriptVersion":"96420dbe9ea96c426a1b7f364f977719","type":"APP","apiClientId":2329312,"privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized","enabledFlags":["9a3ed68a"]},{"id":"113672351","configuration":"{\"tagID\":\"2612465282190\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"7ae565e198624b39e0856d352b9a6b4c","type":"APP","apiClientId":3009811,"privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized"},{"id":"44695711","configuration":"{\"shopId\":\"olipop-store.myshopify.com\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"31536d5a2ef62c1887054e49fd58dba0","type":"APP","apiClientId":4845829,"privacyPurposes":["ANALYTICS"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"unrestricted"},{"id":"33783967","configuration":"{\"campaignID\":\"12980\",\"externalExecutionURL\":\"https:\/\/engine.saasler.com\/api\/v1\/webhook_executions\/b01a0964f6e01eccad6be51da55ef1e9\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"7a47b06116c806e4367c27d301f4f458","type":"APP","apiClientId":3546795,"privacyPurposes":[],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"unrestricted"},{"id":"26509471","configuration":"{\"myshopifyDomain\":\"olipop-store.myshopify.com\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"23b97d18e2aa74363140dc29c9284e87","type":"APP","apiClientId":2775569,"privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_phone","read_customer_personal_data"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized"},{"id":"16089247","eventPayloadVersion":"1","runtimeContext":"LAX","scriptVersion":"1","type":"CUSTOM","privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"name":"ORION"},{"id":"22773919","eventPayloadVersion":"1","runtimeContext":"LAX","scriptVersion":"1","type":"CUSTOM","privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"name":"Microsoft Clarity"},{"id":"30048415","eventPayloadVersion":"1","runtimeContext":"LAX","scriptVersion":"1","type":"CUSTOM","privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"name":"BrandLock Supplementary Pixel"},{"id":"33226911","eventPayloadVersion":"1","runtimeContext":"LAX","scriptVersion":"1","type":"CUSTOM","privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"name":"Videowise Pixel"},{"id":"143556767","eventPayloadVersion":"1","runtimeContext":"LAX","scriptVersion":"1","type":"CUSTOM","privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"name":"Reddit Pixel"}
1790,{"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}]}
1790,{"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}]},{"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}]}
1790,{"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","c8540278we853e1abpb62b2c4amde256306",{"modern":"","legacy":""},{"trekkieShim":true,"agentContext":true,"apiClientId":"580111","facebookCapiEnabled":"true","themeId":"174423703711","themePublished":"true","eventMetadataId":"de945b6f-bbcf-41db-a84c-b1d72425d663","shopId":"3466100806","storefrontBaseUrl":"https:\/\/drinkolipop.com","extensionBaseUrl":"https:\/\/extensions.shopifycdn.com\/cdn\/shopifycloud\/web-pixels-manager","surface":"storefront-renderer","enabledBetaFlags":"[\"16072cab\", \"8450a54b\"]","isMerchantRequest":"false","hashVersion":"c8540278we853e1abpb62b2c4amde256306","publish":"custom","events":"[[\"page_viewed\",{}]]"});})();</script>
1790<script> 1791 window.ShopifyAnalytics = window.ShopifyAnalytics || {}; 1792 window.ShopifyAnalytics.meta = window.ShopifyAnalytics.meta || {}; 1793 window.ShopifyAnalytics.meta.currency = 'USD'; 1794 var meta = {"page":{"requestId":"2dd50080-5440-4d02-9795-5061ba75ef30-1790276373"}}; 1795 for (var attr in meta) { 1796 window.ShopifyAnalytics.meta[attr] = meta[attr]; 1797 } 1798</script>
vendor: 1 bytes, line 1798
1798
1799<script class="analytics"> 1800 (function () { 1801 var customDocumentWrite = function(content) { 1802 var jquery = null; 1803 1804 if (window.jQuery) { 1805 jquery = window.jQuery; 1806 } else if (window.Checkout && window.Checkout.$) { 1807 jquery = window.Checkout.$; 1808 } 1809 1810 if (jquery) { 1811 jquery('body').append(content); 1812 } 1813 }; 1814 1815 var hasLoggedConversion = function(token) { 1816 if (token) { 1817 return document.cookie.indexOf('loggedConversion=' + token) !== -1; 1818 } 1819 return false; 1820 } 1821 1822 var setCookieIfConversion = function(token) { 1823 if (token) { 1824 var twoMonthsFromNow = new Date(Date.now()); 1825 twoMonthsFromNow.setMonth(twoMonthsFromNow.getMonth() + 2); 1826 1827 document.cookie = 'loggedConversion=' + token + '; expires=' + twoMonthsFromNow; 1828 } 1829 } 1830 1831 var trekkie = window.ShopifyAnalytics.lib = window.trekkie = window.trekkie || []; 1832 window.ShopifyAnalytics.lib.trekkie = window.trekkie; 1833 if (trekkie.integrations) { 1834 return; 1835 } 1836 trekkie.methods = [ 1837 'identify', 1838 'page', 1839 'ready', 1840 'track', 1841 'trackForm', 1842 'trackLink' 1843 ]; 1844 trekkie.factory = function(method) { 1845 return function() { 1846 var args = Array.prototype.slice.call(arguments); 1847 args.unshift(method); 1848 trekkie.push(args); 1849 if (method == 'track' || method == 'page') { 1850 try { 1851 if (window.__TREKKIE_SHIM_QUEUE == null) { 1852 window.__TREKKIE_SHIM_QUEUE = []; 1853 } 1854 window.__TREKKIE_SHIM_QUEUE.push({ 1855 from: 'trekkie-stub', 1856 method: method, 1857 args: args.slice(1) 1858 }); 1859 } catch (e) { 1860 // no-op 1861 } 1862 } 1863 return trekkie; 1864 }; 1865 }; 1866 for (var i = 0; i < trekkie.methods.length; i++) { 1867 var key = trekkie.methods[i]; 1868 trekkie[key] = trekkie.factory(key); 1869 } 1870 trekkie.load = function(config) { 1871 trekkie.config = config || {}; 1872 trekkie.config.initialDocumentCookie = document.cookie; 1873 var first = document.getElementsByTagName('script')[0]; 1874var script = document.createElement('script'); 1875script.type = 'text/javascript'; 1876script.onerror = function(e) { 1877 var scriptFallback = document.createElement('script'); 1878 scriptFallback.type = 'text/javascript'; 1879 scriptFallback.onerror = function(error) { 1880 var Monorail = { 1881 produce: function produce(monorailDomain, schemaId, payload) { 1882 var currentMs = new Date().getTime(); 1883 var event = { 1884 schema_id: schemaId, 1885 payload: payload, 1886 metadata: { 1887 event_created_at_ms: currentMs, 1888 event_sent_at_ms: currentMs 1889 } 1890 }; 1891 return Monorail.sendRequest("https://" + monorailDomain + "/v1/produce", JSON.stringify(event)); 1892 }, 1893 sendRequest: function sendRequest(endpointUrl, payload) { 1894 // Try the sendBeacon API 1895 if (window && window.navigator && typeof window.navigator.sendBeacon === 'function' && typeof window.Blob === 'function' && !Monorail.isIos12()) { 1896 var blobData = new window.Blob([payload], { 1897 type: 'text/plain' 1898 }); 1899 1900 if (window.navigator.sendBeacon(endpointUrl, blobData)) { 1901 return true; 1902 } // sendBeacon was not successful 1903 1904 } // XHR beacon 1905 1906 var xhr = new XMLHttpRequest(); 1907 1908 try { 1909 xhr.open('POST', endpointUrl); 1910 xhr.setRequestHeader('Content-Type', 'text/plain'); 1911 xhr.send(payload); 1912 } catch (e) { 1913 console.log(e); 1914 } 1915 1916 return false; 1917 }, 1918 isIos12: function isIos12() { 1919 return window.navigator.userAgent.lastIndexOf('iPhone; CPU iPhone OS 12_') !== -1 || window.navigator.userAgent.lastIndexOf('iPad; CPU OS 12_') !== -1; 1920 } 1921 }; 1922 Monorail.produce('monorail-edge.shopifysvc.com', 1923 'trekkie_storefront_load_errors/1.1', 1924 {shop_id: 3466100806, 1925 theme_id: 174423703711, 1926 app_name: "storefront", 1927 context_url: window.location.href, 1928 source_url: "//drinkolipop.com/cdn/s/trekkie.storefront.f1ba865b3fecd812ad617f74ac079261075e9edb.min.js"}); 1929 1930 }; 1931 scriptFallback.async = true; 1932 scriptFallback.src = '//drinkolipop.com/cdn/s/trekkie.storefront.f1ba865b3fecd812ad617f74ac079261075e9edb.min.js'; 1933 first.parentNode.insertBefore(scriptFallback, first); 1934}; 1935script.async = true; 1936script.src = '//drinkolipop.com/cdn/s/trekkie.storefront.f1ba865b3fecd812ad617f74ac079261075e9edb.min.js'; 1937first.parentNode.insertBefore(script, first); 1938 1939 }; 1940 trekkie.load( 1941 {"Trekkie":{"appName":"storefront","development":false,"defaultAttributes":{"shopId":3466100806,"isMerchantRequest":null,"themeId":174423703711,"themeCityHash":"7301777261572850708","contentLanguage":"en","currency":"USD","eventMetadataId":"de945b6f-bbcf-41db-a84c-b1d72425d663"},"isServerSideCookieWritingEnabled":true,"monorailRegion":"shop_domain","enabledBetaFlags":["764d78cb","8450a54b"]},"Session Attribution":{},"S2S":{"facebookCapiEnabled":true,"source":"trekkie-storefront-renderer","apiClientId":580111}} 1942 ); 1943 1944 var loaded = false;
1945 trekkie.ready(function() { 1946 if (loaded) return; 1947 loaded = true; 1948 1949 window.ShopifyAnalytics.lib = window.trekkie; 1950 1951 var originalDocumentWrite = document.write; 1952 document.write = customDocumentWrite; 1953 try { window.ShopifyAnalytics.merchantGoogleAnalytics.call(this); } catch(error) {}; 1954 document.write = originalDocumentWrite; 1955 1956 var match = window.location.pathname.match(/checkouts\/(.+)\/(thank_you|post_purchase)/) 1957 var token = match? match[1]: undefined; 1958 if (!hasLoggedConversion(token)) { 1959 setCookieIfConversion(token); 1960 1961 } 1962 }); 1963 1964 window.ShopifyAnalytics.lib.page(null,{"requestId":"2dd50080-5440-4d02-9795-5061ba75ef30-1790276373","shopifyEmitted":true}); 1965 1966 var eventsListenerScript = document.createElement('script'); 1967 eventsListenerScript.async = true; 1968 eventsListenerScript.src = "//drinkolipop.com/cdn/shopifycloud/storefront/assets/shop_events_listener-4e26a9ce.js"; 1969 document.getElementsByTagName('head')[0].appendChild(eventsListenerScript); 1970})();</script>
1970 1971
1971<script> 1972 if (!window.ga || (window.ga && typeof window.ga !== 'function')) { 1973 window.ga = function ga() { 1974 (window.ga.q = window.ga.q || []).push(arguments); 1975 if (window.Shopify && window.Shopify.analytics && typeof window.Shopify.analytics.publish === 'function') { 1976 window.Shopify.analytics.publish("ga_stub_called", {}, {sendTo: "google_osp_migration"}); 1977 } 1978 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."); 1979 }; 1980 if (window.Shopify && window.Shopify.analytics && typeof window.Shopify.analytics.publish === 'function') { 1981 window.Shopify.analytics.publish("ga_stub_initialized", {}, {sendTo: "google_osp_migration"}); 1982 } 1983 } 1984</script>
vendor: 1 bytes, line 1984
1984
1985<script 1986 defer 1987 src="https://drinkolipop.com/cdn/shopifycloud/perf-kit/shopify-perf-kit-3.9.4.min.js" 1988 data-application="storefront-renderer" 1989 data-shop-id="3466100806" 1990 data-render-region="gcp-us-central1" 1991 data-page-type="customers/login" 1992 data-theme-instance-id="174423703711" 1993 data-theme-name="Olipop" 1994 data-theme-version="1.0" 1995 data-monorail-region="shop_domain" 1996 data-resource-timing-sampling-rate="10" 1997 data-shs="true" 1998 data-shs-beacon="true" 1999 data-shs-export-with-fetch="true" 2000 data-shs-logs-sample-rate="1" 2001 data-shs-beacon-endpoint="https://drinkolipop.com/api/collect" 2002></script>
2002 2003<meta name="shopify-y" content="7d995db0-2495-46e4-a171-ae115c9f4e82" data-expiration="1821833973000"><meta name="shopify-s" content="57bd252a-eff6-422c-9410-eeab444d4945" data-expiration="1790278173000"><meta name="new-cookie-storage-activated" content="t"> 2004</head><body 2005 id="account" 2006 data-template="login" 2007 data-suffix="" 2008 data-header-type="primary" 2009 class="page-account template- template-login cmn-pages tw-scroll-smooth " 2010 style="background: var(--flavor-color-100); height:unset; padding: 0;" 2011 > 2012 2013 <nav aria-label="Skip links"> 2014 <a class="in-page-link visually-hidden skip-link" href="#MainContent">Skip to content</a> 2015 <a class="in-page-link visually-hidden skip-link" href="/pages/accessibility">Accessibility Statement</a> 2016 </nav> 2017 2018 2019 2020 2021 <div js-overlay class="overlay tw-z-40"></div> 2022 2023 2024 2025<section id="shopify-section-header"> 2026 <!-- BEGIN sections: header-group --> 2027<div id="shopify-section-sections--24009558556831__promotion-banner" class="shopify-section shopify-section-group-header-group"> 2028 2029<div 2030 data-component="promotionBanner" 2031 data-store-discounts="[]" 2032> 2033 2034 2035 2036 <div 2037 data-promotion-banner 2038 data-promotion-url="" 2039 data-promotion-discount="GOBLUE" 2040 class="tw-relative tw-hidden tw-min-h-12 tw-w-full tw-px-4 tw-text-center lg:tw-min-h-10" 2041 style="background: #fdda79;" 2042 > 2043 <div 2044 role="group" 2045 class="tw-flex tw-h-full tw-items-center tw-justify-center tw-py-2.5 tw-text-center lg-plus:tw-py-[17px]" 2046 > 2047 <div 2048 class="tw-px-8 tw-text-sm lg-plus:tw-text-[1rem] lg-plus:tw-leading-none" 2049 style="color: #14433d !important;" 2050 > 2051 Your 20% off discount code <strong>GOBLUE</strong> will auto-apply at checkout. 2052 </div> 2053 </div> 2054 2055 <div 2056 style="background: #fdda79;" 2057 class="tw-absolute tw-right-4 tw-top-1/2 tw-flex -tw-translate-y-1/2 tw-items-center" 2058 > 2059 <svg 2060 width="10" 2061 height="10"
2062 viewBox="0 0 18 18" 2063 fill="#14433d" 2064 data-icon-close 2065 class="tw-cursor-pointer" 2066 > 2067 <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"/> 2068 </svg> 2069 </div> 2070 </div> 2071 2072 2073 2074 <div 2075 data-promotion-banner 2076 data-promotion-url="" 2077 data-promotion-discount="30RESUB" 2078 class="tw-relative tw-hidden tw-min-h-12 tw-w-full tw-px-4 tw-text-center lg:tw-min-h-10" 2079 style="background: #fdda79;" 2080 > 2081 <div 2082 role="group" 2083 class="tw-flex tw-h-full tw-items-center tw-justify-center tw-py-2.5 tw-text-center lg-plus:tw-py-[17px]" 2084 > 2085 <div 2086 class="tw-px-8 tw-text-sm lg-plus:tw-text-[1rem] lg-plus:tw-leading-none" 2087 style="color: #14433d !important;" 2088 > 2089 30% off subscriptions when you resubscribe with code <strong>30RESUB</strong>. 2090 </div> 2091 </div> 2092 2093 <div 2094 style="background: #fdda79;" 2095 class="tw-absolute tw-right-4 tw-top-1/2 tw-flex -tw-translate-y-1/2 tw-items-center" 2096 > 2097 <svg 2098 width="10" 2099 height="10"
2100 viewBox="0 0 18 18" 2101 fill="#14433d" 2102 data-icon-close 2103 class="tw-cursor-pointer" 2104 > 2105 <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"/> 2106 </svg> 2107 </div> 2108 </div> 2109 2110 2111 2112 <div 2113 data-promotion-banner 2114 data-promotion-url="" 2115 data-promotion-discount="SHIRLEY30" 2116 class="tw-relative tw-hidden tw-min-h-12 tw-w-full tw-px-4 tw-text-center lg:tw-min-h-10" 2117 style="background: #fdda79;" 2118 > 2119 <div 2120 role="group" 2121 class="tw-flex tw-h-full tw-items-center tw-justify-center tw-py-2.5 tw-text-center lg-plus:tw-py-[17px]" 2122 > 2123 <div 2124 class="tw-px-8 tw-text-sm lg-plus:tw-text-[1rem] lg-plus:tw-leading-none" 2125 style="color: #14433d !important;" 2126 > 2127 30% off Shirley & Friends with code <strong>SHIRLEY30</strong> will auto-apply at checkout. 2128 </div> 2129 </div> 2130 2131 <div 2132 style="background: #fdda79;" 2133 class="tw-absolute tw-right-4 tw-top-1/2 tw-flex -tw-translate-y-1/2 tw-items-center" 2134 > 2135 <svg 2136 width="10" 2137 height="10"
2138 viewBox="0 0 18 18" 2139 fill="#14433d" 2140 data-icon-close 2141 class="tw-cursor-pointer" 2142 > 2143 <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"/> 2144 </svg> 2145 </div> 2146 </div> 2147 2148 2149 2150 <div 2151 data-promotion-banner 2152 data-promotion-url="" 2153 data-promotion-discount="PUNCH20" 2154 class="tw-relative tw-hidden tw-min-h-12 tw-w-full tw-px-4 tw-text-center lg:tw-min-h-10" 2155 style="background: #fdda79;" 2156 > 2157 <div 2158 role="group" 2159 class="tw-flex tw-h-full tw-items-center tw-justify-center tw-py-2.5 tw-text-center lg-plus:tw-py-[17px]" 2160 > 2161 <div 2162 class="tw-px-8 tw-text-sm lg-plus:tw-text-[1rem] lg-plus:tw-leading-none" 2163 style="color: #14433d !important;" 2164 > 2165 20% off Tropical Punch with code <strong>PUNCH20</strong> will auto-apply at checkout. 2166 </div> 2167 </div> 2168 2169 <div 2170 style="background: #fdda79;" 2171 class="tw-absolute tw-right-4 tw-top-1/2 tw-flex -tw-translate-y-1/2 tw-items-center" 2172 > 2173 <svg 2174 width="10" 2175 height="10"
2176 viewBox="0 0 18 18" 2177 fill="#14433d" 2178 data-icon-close 2179 class="tw-cursor-pointer" 2180 > 2181 <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"/> 2182 </svg> 2183 </div> 2184 </div> 2185 2186 2187 2188 <div 2189 data-promotion-banner 2190 data-promotion-url="" 2191 data-promotion-discount="DREAMY15" 2192 class="tw-relative tw-hidden tw-min-h-12 tw-w-full tw-px-4 tw-text-center lg:tw-min-h-10" 2193 style="background: #fdda79;" 2194 > 2195 <div 2196 role="group" 2197 class="tw-flex tw-h-full tw-items-center tw-justify-center tw-py-2.5 tw-text-center lg-plus:tw-py-[17px]" 2198 > 2199 <div 2200 class="tw-px-8 tw-text-sm lg-plus:tw-text-[1rem] lg-plus:tw-leading-none" 2201 style="color: #14433d !important;" 2202 > 2203 Your 15% off discount code <strong>DREAMY15</strong> will auto-apply at checkout. 2204 </div> 2205 </div> 2206 2207 <div 2208 style="background: #fdda79;" 2209 class="tw-absolute tw-right-4 tw-top-1/2 tw-flex -tw-translate-y-1/2 tw-items-center" 2210 > 2211 <svg 2212 width="10" 2213 height="10"
2214 viewBox="0 0 18 18" 2215 fill="#14433d" 2216 data-icon-close 2217 class="tw-cursor-pointer" 2218 > 2219 <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"/> 2220 </svg> 2221 </div> 2222 </div> 2223 2224 2225 2226 <div 2227 data-promotion-banner 2228 data-promotion-url="" 2229 data-promotion-discount="EARLY30" 2230 class="tw-relative tw-hidden tw-min-h-12 tw-w-full tw-px-4 tw-text-center lg:tw-min-h-10" 2231 style="background: #fdda79;" 2232 > 2233 <div 2234 role="group" 2235 class="tw-flex tw-h-full tw-items-center tw-justify-center tw-py-2.5 tw-text-center lg-plus:tw-py-[17px]" 2236 > 2237 <div 2238 class="tw-px-8 tw-text-sm lg-plus:tw-text-[1rem] lg-plus:tw-leading-none" 2239 style="color: #14433d !important;" 2240 > 2241 Early access 30% off with code <strong>EARLY30</strong> will auto-apply at checkout! 2242 </div> 2243 </div> 2244 2245 <div 2246 style="background: #fdda79;" 2247 class="tw-absolute tw-right-4 tw-top-1/2 tw-flex -tw-translate-y-1/2 tw-items-center" 2248 > 2249 <svg 2250 width="10" 2251 height="10"
2252 viewBox="0 0 18 18" 2253 fill="#14433d" 2254 data-icon-close 2255 class="tw-cursor-pointer" 2256 > 2257 <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"/> 2258 </svg> 2259 </div> 2260 </div> 2261 2262 2263 2264 <div 2265 data-promotion-banner 2266 data-promotion-url="" 2267 data-promotion-discount="WELCOME15" 2268 class="tw-relative tw-hidden tw-min-h-12 tw-w-full tw-px-4 tw-text-center lg:tw-min-h-10" 2269 style="background: #fdda79;" 2270 > 2271 <div 2272 role="group" 2273 class="tw-flex tw-h-full tw-items-center tw-justify-center tw-py-2.5 tw-text-center lg-plus:tw-py-[17px]" 2274 > 2275 <div 2276 class="tw-px-8 tw-text-sm lg-plus:tw-text-[1rem] lg-plus:tw-leading-none" 2277 style="color: #14433d !important;" 2278 > 2279 Your 15% off discount code <strong>WELCOME15</strong> will auto-apply at checkout. 2280 </div> 2281 </div> 2282 2283 <div 2284 style="background: #fdda79;" 2285 class="tw-absolute tw-right-4 tw-top-1/2 tw-flex -tw-translate-y-1/2 tw-items-center" 2286 > 2287 <svg 2288 width="10" 2289 height="10"
2290 viewBox="0 0 18 18" 2291 fill="#14433d" 2292 data-icon-close 2293 class="tw-cursor-pointer" 2294 > 2295 <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"/> 2296 </svg> 2297 </div> 2298 </div> 2299 2300 2301 2302 <div 2303 data-promotion-banner 2304 data-promotion-url="" 2305 data-promotion-discount="SIPSMART" 2306 class="tw-relative tw-hidden tw-min-h-12 tw-w-full tw-px-4 tw-text-center lg:tw-min-h-10" 2307 style="background: #fdda79;" 2308 > 2309 <div 2310 role="group" 2311 class="tw-flex tw-h-full tw-items-center tw-justify-center tw-py-2.5 tw-text-center lg-plus:tw-py-[17px]" 2312 > 2313 <div 2314 class="tw-px-8 tw-text-sm lg-plus:tw-text-[1rem] lg-plus:tw-leading-none" 2315 style="color: #14433d !important;" 2316 > 2317 Your 20% off discount code <strong>SIPSMART</strong> will auto-apply at checkout. 2318 </div> 2319 </div> 2320 2321 <div 2322 style="background: #fdda79;" 2323 class="tw-absolute tw-right-4 tw-top-1/2 tw-flex -tw-translate-y-1/2 tw-items-center" 2324 > 2325 <svg 2326 width="10" 2327 height="10"
2328 viewBox="0 0 18 18" 2329 fill="#14433d" 2330 data-icon-close 2331 class="tw-cursor-pointer" 2332 > 2333 <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"/> 2334 </svg> 2335 </div> 2336 </div> 2337 2338 2339 2340 <div 2341 data-promotion-banner 2342 data-promotion-url="" 2343 data-promotion-discount="APRIL20" 2344 class="tw-relative tw-hidden tw-min-h-12 tw-w-full tw-px-4 tw-text-center lg:tw-min-h-10" 2345 style="background: #fdda79;" 2346 > 2347 <div 2348 role="group" 2349 class="tw-flex tw-h-full tw-items-center tw-justify-center tw-py-2.5 tw-text-center lg-plus:tw-py-[17px]" 2350 > 2351 <div 2352 class="tw-px-8 tw-text-sm lg-plus:tw-text-[1rem] lg-plus:tw-leading-none" 2353 style="color: #14433d !important;" 2354 > 2355 Your 20% off discount code <strong>APRIL20</strong> will auto-apply at checkout. 2356 </div> 2357 </div> 2358 2359 <div 2360 style="background: #fdda79;" 2361 class="tw-absolute tw-right-4 tw-top-1/2 tw-flex -tw-translate-y-1/2 tw-items-center" 2362 > 2363 <svg 2364 width="10" 2365 height="10"
2366 viewBox="0 0 18 18" 2367 fill="#14433d" 2368 data-icon-close 2369 class="tw-cursor-pointer" 2370 > 2371 <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"/> 2372 </svg> 2373 </div> 2374 </div> 2375 2376 2377 2378 <div 2379 data-promotion-banner 2380 data-promotion-url="" 2381 data-promotion-discount="YETI20" 2382 class="tw-relative tw-hidden tw-min-h-12 tw-w-full tw-px-4 tw-text-center lg:tw-min-h-10" 2383 style="background: #fdda79;" 2384 > 2385 <div 2386 role="group" 2387 class="tw-flex tw-h-full tw-items-center tw-justify-center tw-py-2.5 tw-text-center lg-plus:tw-py-[17px]" 2388 > 2389 <div 2390 class="tw-px-8 tw-text-sm lg-plus:tw-text-[1rem] lg-plus:tw-leading-none" 2391 style="color: #14433d !important;" 2392 > 2393 20% off Winter Seasonal Cans with discount code <strong> YETI20</strong> auto-applies at checkout. 2394 </div> 2395 </div> 2396 2397 <div 2398 style="background: #fdda79;" 2399 class="tw-absolute tw-right-4 tw-top-1/2 tw-flex -tw-translate-y-1/2 tw-items-center" 2400 > 2401 <svg 2402 width="10" 2403 height="10"
2404 viewBox="0 0 18 18" 2405 fill="#14433d" 2406 data-icon-close 2407 class="tw-cursor-pointer" 2408 > 2409 <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"/> 2410 </svg> 2411 </div> 2412 </div> 2413 2414 2415 2416 <div 2417 data-promotion-banner 2418 data-promotion-url="" 2419 data-promotion-discount="PHLY20" 2420 class="tw-relative tw-hidden tw-min-h-12 tw-w-full tw-px-4 tw-text-center lg:tw-min-h-10" 2421 style="background: #fdda79;" 2422 > 2423 <div 2424 role="group" 2425 class="tw-flex tw-h-full tw-items-center tw-justify-center tw-py-2.5 tw-text-center lg-plus:tw-py-[17px]" 2426 > 2427 <div 2428 class="tw-px-8 tw-text-sm lg-plus:tw-text-[1rem] lg-plus:tw-leading-none" 2429 style="color: #14433d !important;" 2430 > 2431 Your 20% off discount code <strong>PHLY20</strong> will auto-apply at checkout. 2432 </div> 2433 </div> 2434 2435 <div 2436 style="background: #fdda79;" 2437 class="tw-absolute tw-right-4 tw-top-1/2 tw-flex -tw-translate-y-1/2 tw-items-center" 2438 > 2439 <svg 2440 width="10" 2441 height="10"
2442 viewBox="0 0 18 18" 2443 fill="#14433d" 2444 data-icon-close 2445 class="tw-cursor-pointer" 2446 > 2447 <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"/> 2448 </svg> 2449 </div> 2450 </div> 2451 2452 2453 2454 <div 2455 data-promotion-banner 2456 data-promotion-url="" 2457 data-promotion-discount="CITIUS25" 2458 class="tw-relative tw-hidden tw-min-h-12 tw-w-full tw-px-4 tw-text-center lg:tw-min-h-10" 2459 style="background: #fdda79;" 2460 > 2461 <div 2462 role="group" 2463 class="tw-flex tw-h-full tw-items-center tw-justify-center tw-py-2.5 tw-text-center lg-plus:tw-py-[17px]" 2464 > 2465 <div 2466 class="tw-px-8 tw-text-sm lg-plus:tw-text-[1rem] lg-plus:tw-leading-none" 2467 style="color: #14433d !important;" 2468 > 2469 Your 25% off discount code <strong>CITIUS25</strong> will auto-apply at checkout. 2470 </div> 2471 </div> 2472 2473 <div 2474 style="background: #fdda79;" 2475 class="tw-absolute tw-right-4 tw-top-1/2 tw-flex -tw-translate-y-1/2 tw-items-center" 2476 > 2477 <svg 2478 width="10" 2479 height="10"
2480 viewBox="0 0 18 18" 2481 fill="#14433d" 2482 data-icon-close 2483 class="tw-cursor-pointer" 2484 > 2485 <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"/> 2486 </svg> 2487 </div> 2488 </div> 2489 2490 2491 2492 <div 2493 data-promotion-banner 2494 data-promotion-url="" 2495 data-promotion-discount="SERVED20" 2496 class="tw-relative tw-hidden tw-min-h-12 tw-w-full tw-px-4 tw-text-center lg:tw-min-h-10" 2497 style="background: #fdda79;" 2498 > 2499 <div 2500 role="group" 2501 class="tw-flex tw-h-full tw-items-center tw-justify-center tw-py-2.5 tw-text-center lg-plus:tw-py-[17px]" 2502 > 2503 <div 2504 class="tw-px-8 tw-text-sm lg-plus:tw-text-[1rem] lg-plus:tw-leading-none" 2505 style="color: #14433d !important;" 2506 > 2507 Your 20% off discount code <strong>SERVED20</strong> will auto-apply at checkout. 2508 </div> 2509 </div> 2510 2511 <div 2512 style="background: #fdda79;" 2513 class="tw-absolute tw-right-4 tw-top-1/2 tw-flex -tw-translate-y-1/2 tw-items-center" 2514 > 2515 <svg 2516 width="10" 2517 height="10"
2518 viewBox="0 0 18 18" 2519 fill="#14433d" 2520 data-icon-close 2521 class="tw-cursor-pointer" 2522 > 2523 <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"/> 2524 </svg> 2525 </div> 2526 </div> 2527 2528 2529 2530 <div 2531 data-promotion-banner 2532 data-promotion-url="" 2533 data-promotion-discount="TWG20" 2534 class="tw-relative tw-hidden tw-min-h-12 tw-w-full tw-px-4 tw-text-center lg:tw-min-h-10" 2535 style="background: #fdda79;" 2536 > 2537 <div 2538 role="group" 2539 class="tw-flex tw-h-full tw-items-center tw-justify-center tw-py-2.5 tw-text-center lg-plus:tw-py-[17px]" 2540 > 2541 <div 2542 class="tw-px-8 tw-text-sm lg-plus:tw-text-[1rem] lg-plus:tw-leading-none" 2543 style="color: #14433d !important;" 2544 > 2545 Your 20% off discount code <strong>TWG20</strong> will auto-apply at checkout. 2546 </div> 2547 </div> 2548 2549 <div 2550 style="background: #fdda79;" 2551 class="tw-absolute tw-right-4 tw-top-1/2 tw-flex -tw-translate-y-1/2 tw-items-center" 2552 > 2553 <svg 2554 width="10" 2555 height="10"
2556 viewBox="0 0 18 18" 2557 fill="#14433d" 2558 data-icon-close 2559 class="tw-cursor-pointer" 2560 > 2561 <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"/> 2562 </svg> 2563 </div> 2564 </div> 2565 2566 2567 2568 <div 2569 data-promotion-banner 2570 data-promotion-url="" 2571 data-promotion-discount="FLYQUEST20" 2572 class="tw-relative tw-hidden tw-min-h-12 tw-w-full tw-px-4 tw-text-center lg:tw-min-h-10" 2573 style="background: #fdda79;" 2574 > 2575 <div 2576 role="group" 2577 class="tw-flex tw-h-full tw-items-center tw-justify-center tw-py-2.5 tw-text-center lg-plus:tw-py-[17px]" 2578 > 2579 <div 2580 class="tw-px-8 tw-text-sm lg-plus:tw-text-[1rem] lg-plus:tw-leading-none" 2581 style="color: #14433d !important;" 2582 > 2583 Your 20% off discount code <strong>FLYQUEST20</strong> will auto-apply at checkout. 2584 </div> 2585 </div> 2586 2587 <div 2588 style="background: #fdda79;" 2589 class="tw-absolute tw-right-4 tw-top-1/2 tw-flex -tw-translate-y-1/2 tw-items-center" 2590 > 2591 <svg 2592 width="10" 2593 height="10"
2594 viewBox="0 0 18 18" 2595 fill="#14433d" 2596 data-icon-close 2597 class="tw-cursor-pointer" 2598 > 2599 <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"/> 2600 </svg> 2601 </div> 2602 </div> 2603 2604 2605 2606 <div 2607 data-promotion-banner 2608 data-promotion-url="" 2609 data-promotion-discount="BUZZIN15" 2610 class="tw-relative tw-hidden tw-min-h-12 tw-w-full tw-px-4 tw-text-center lg:tw-min-h-10" 2611 style="background: #fdda79;" 2612 > 2613 <div 2614 role="group" 2615 class="tw-flex tw-h-full tw-items-center tw-justify-center tw-py-2.5 tw-text-center lg-plus:tw-py-[17px]" 2616 > 2617 <div 2618 class="tw-px-8 tw-text-sm lg-plus:tw-text-[1rem] lg-plus:tw-leading-none" 2619 style="color: #14433d !important;" 2620 > 2621 Your 15% off discount code <strong>BUZZIN15</strong> will auto-apply at checkout. 2622 </div> 2623 </div> 2624 2625 <div 2626 style="background: #fdda79;" 2627 class="tw-absolute tw-right-4 tw-top-1/2 tw-flex -tw-translate-y-1/2 tw-items-center" 2628 > 2629 <svg 2630 width="10" 2631 height="10"
2632 viewBox="0 0 18 18" 2633 fill="#14433d" 2634 data-icon-close 2635 class="tw-cursor-pointer" 2636 > 2637 <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"/> 2638 </svg> 2639 </div> 2640 </div> 2641 2642 2643 2644 <div 2645 data-promotion-banner 2646 data-promotion-url="" 2647 data-promotion-discount="OLIPOPTEXT15" 2648 class="tw-relative tw-hidden tw-min-h-12 tw-w-full tw-px-4 tw-text-center lg:tw-min-h-10" 2649 style="background: #fdda79;" 2650 > 2651 <div 2652 role="group" 2653 class="tw-flex tw-h-full tw-items-center tw-justify-center tw-py-2.5 tw-text-center lg-plus:tw-py-[17px]" 2654 > 2655 <div 2656 class="tw-px-8 tw-text-sm lg-plus:tw-text-[1rem] lg-plus:tw-leading-none" 2657 style="color: #14433d !important;" 2658 > 2659 Your 15% off discount code <strong>OLIPOPTEXT15</strong> will auto-apply at checkout. 2660 </div> 2661 </div> 2662 2663 <div 2664 style="background: #fdda79;" 2665 class="tw-absolute tw-right-4 tw-top-1/2 tw-flex -tw-translate-y-1/2 tw-items-center" 2666 > 2667 <svg 2668 width="10" 2669 height="10"
2670 viewBox="0 0 18 18" 2671 fill="#14433d" 2672 data-icon-close 2673 class="tw-cursor-pointer" 2674 > 2675 <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"/> 2676 </svg> 2677 </div> 2678 </div> 2679 2680 2681 2682 <div 2683 data-promotion-banner 2684 data-promotion-url="" 2685 data-promotion-discount="BRACKET20" 2686 class="tw-relative tw-hidden tw-min-h-12 tw-w-full tw-px-4 tw-text-center lg:tw-min-h-10" 2687 style="background: #fdda79;" 2688 > 2689 <div 2690 role="group" 2691 class="tw-flex tw-h-full tw-items-center tw-justify-center tw-py-2.5 tw-text-center lg-plus:tw-py-[17px]" 2692 > 2693 <div 2694 class="tw-px-8 tw-text-sm lg-plus:tw-text-[1rem] lg-plus:tw-leading-none" 2695 style="color: #14433d !important;" 2696 > 2697 Your 20% off discount code <strong>BRACKET20</strong> will auto-apply at checkout. 2698 </div> 2699 </div> 2700 2701 <div 2702 style="background: #fdda79;" 2703 class="tw-absolute tw-right-4 tw-top-1/2 tw-flex -tw-translate-y-1/2 tw-items-center" 2704 > 2705 <svg 2706 width="10" 2707 height="10"
2708 viewBox="0 0 18 18" 2709 fill="#14433d" 2710 data-icon-close 2711 class="tw-cursor-pointer" 2712 > 2713 <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"/> 2714 </svg> 2715 </div> 2716 </div> 2717 2718 2719 2720 <div 2721 data-promotion-banner 2722 data-promotion-url="" 2723 data-promotion-discount="NEW20" 2724 class="tw-relative tw-hidden tw-min-h-12 tw-w-full tw-px-4 tw-text-center lg:tw-min-h-10" 2725 style="background: #fdda79;" 2726 > 2727 <div 2728 role="group" 2729 class="tw-flex tw-h-full tw-items-center tw-justify-center tw-py-2.5 tw-text-center lg-plus:tw-py-[17px]" 2730 > 2731 <div 2732 class="tw-px-8 tw-text-sm lg-plus:tw-text-[1rem] lg-plus:tw-leading-none" 2733 style="color: #14433d !important;" 2734 > 2735 Your 20% off discount code <strong>NEW20</strong> will auto-apply at checkout. 2736 </div> 2737 </div> 2738 2739 <div 2740 style="background: #fdda79;" 2741 class="tw-absolute tw-right-4 tw-top-1/2 tw-flex -tw-translate-y-1/2 tw-items-center" 2742 > 2743 <svg 2744 width="10" 2745 height="10"
2746 viewBox="0 0 18 18" 2747 fill="#14433d" 2748 data-icon-close 2749 class="tw-cursor-pointer" 2750 > 2751 <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"/> 2752 </svg> 2753 </div> 2754 </div> 2755 2756 2757 2758 <div 2759 data-promotion-banner 2760 data-promotion-url="" 2761 data-promotion-discount="FULLFLAVOR20" 2762 class="tw-relative tw-hidden tw-min-h-12 tw-w-full tw-px-4 tw-text-center lg:tw-min-h-10" 2763 style="background: #fdda79;" 2764 > 2765 <div 2766 role="group" 2767 class="tw-flex tw-h-full tw-items-center tw-justify-center tw-py-2.5 tw-text-center lg-plus:tw-py-[17px]" 2768 > 2769 <div 2770 class="tw-px-8 tw-text-sm lg-plus:tw-text-[1rem] lg-plus:tw-leading-none" 2771 style="color: #14433d !important;" 2772 > 2773 Your discount code <strong>FULLFLAVOR20</strong> will auto-apply at checkout. 2774 </div> 2775 </div> 2776 2777 <div 2778 style="background: #fdda79;" 2779 class="tw-absolute tw-right-4 tw-top-1/2 tw-flex -tw-translate-y-1/2 tw-items-center" 2780 > 2781 <svg 2782 width="10" 2783 height="10"
2784 viewBox="0 0 18 18" 2785 fill="#14433d" 2786 data-icon-close 2787 class="tw-cursor-pointer" 2788 > 2789 <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"/> 2790 </svg> 2791 </div> 2792 </div> 2793 2794 2795 2796 <div 2797 data-promotion-banner 2798 data-promotion-url="" 2799 data-promotion-discount="BDAY20" 2800 class="tw-relative tw-hidden tw-min-h-12 tw-w-full tw-px-4 tw-text-center lg:tw-min-h-10" 2801 style="background: #fdda79;" 2802 > 2803 <div 2804 role="group" 2805 class="tw-flex tw-h-full tw-items-center tw-justify-center tw-py-2.5 tw-text-center lg-plus:tw-py-[17px]" 2806 > 2807 <div 2808 class="tw-px-8 tw-text-sm lg-plus:tw-text-[1rem] lg-plus:tw-leading-none" 2809 style="color: #14433d !important;" 2810 > 2811 Your discount code <strong>BDAY20</strong> will auto-apply at checkout. 2812 </div> 2813 </div> 2814 2815 <div 2816 style="background: #fdda79;" 2817 class="tw-absolute tw-right-4 tw-top-1/2 tw-flex -tw-translate-y-1/2 tw-items-center" 2818 > 2819 <svg 2820 width="10" 2821 height="10"
2822 viewBox="0 0 18 18" 2823 fill="#14433d" 2824 data-icon-close 2825 class="tw-cursor-pointer" 2826 > 2827 <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"/> 2828 </svg> 2829 </div> 2830 </div> 2831 2832 2833 2834 <div 2835 data-promotion-banner 2836 data-promotion-url="" 2837 data-promotion-discount="HOLIDAY20" 2838 class="tw-relative tw-hidden tw-min-h-12 tw-w-full tw-px-4 tw-text-center lg:tw-min-h-10" 2839 style="background: #fdda79;" 2840 > 2841 <div 2842 role="group" 2843 class="tw-flex tw-h-full tw-items-center tw-justify-center tw-py-2.5 tw-text-center lg-plus:tw-py-[17px]" 2844 > 2845 <div 2846 class="tw-px-8 tw-text-sm lg-plus:tw-text-[1rem] lg-plus:tw-leading-none" 2847 style="color: #14433d !important;" 2848 > 2849 Your discount code <strong>HOLIDAY20</strong> will auto-apply at checkout. 2850 </div> 2851 </div> 2852 2853 <div 2854 style="background: #fdda79;" 2855 class="tw-absolute tw-right-4 tw-top-1/2 tw-flex -tw-translate-y-1/2 tw-items-center" 2856 > 2857 <svg 2858 width="10" 2859 height="10"
2860 viewBox="0 0 18 18" 2861 fill="#14433d" 2862 data-icon-close 2863 class="tw-cursor-pointer" 2864 > 2865 <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"/> 2866 </svg> 2867 </div> 2868 </div> 2869 2870 2871 2872 <div 2873 data-promotion-banner 2874 data-promotion-url="" 2875 data-promotion-discount="FULLFLAVOR10" 2876 class="tw-relative tw-hidden tw-min-h-12 tw-w-full tw-px-4 tw-text-center lg:tw-min-h-10" 2877 style="background: #fdda79;" 2878 > 2879 <div 2880 role="group" 2881 class="tw-flex tw-h-full tw-items-center tw-justify-center tw-py-2.5 tw-text-center lg-plus:tw-py-[17px]" 2882 > 2883 <div 2884 class="tw-px-8 tw-text-sm lg-plus:tw-text-[1rem] lg-plus:tw-leading-none" 2885 style="color: #14433d !important;" 2886 > 2887 Your discount code <strong>FULLFLAVOR10</strong> will auto-apply at checkout. 2888 </div> 2889 </div> 2890 2891 <div 2892 style="background: #fdda79;" 2893 class="tw-absolute tw-right-4 tw-top-1/2 tw-flex -tw-translate-y-1/2 tw-items-center" 2894 > 2895 <svg 2896 width="10" 2897 height="10"
2898 viewBox="0 0 18 18" 2899 fill="#14433d" 2900 data-icon-close 2901 class="tw-cursor-pointer" 2902 > 2903 <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"/> 2904 </svg> 2905 </div> 2906 </div> 2907 2908 2909 2910 <div 2911 data-promotion-banner 2912 data-promotion-url="" 2913 data-promotion-discount="THIRTYSUB" 2914 class="tw-relative tw-hidden tw-min-h-12 tw-w-full tw-px-4 tw-text-center lg:tw-min-h-10" 2915 style="background: #fdda79;" 2916 > 2917 <div 2918 role="group" 2919 class="tw-flex tw-h-full tw-items-center tw-justify-center tw-py-2.5 tw-text-center lg-plus:tw-py-[17px]" 2920 > 2921 <div 2922 class="tw-px-8 tw-text-sm lg-plus:tw-text-[1rem] lg-plus:tw-leading-none" 2923 style="color: #14433d !important;" 2924 > 2925 Your discount code <strong>THIRTYSUB</strong> will auto-apply at checkout. 2926 </div> 2927 </div> 2928 2929 <div 2930 style="background: #fdda79;" 2931 class="tw-absolute tw-right-4 tw-top-1/2 tw-flex -tw-translate-y-1/2 tw-items-center" 2932 > 2933 <svg 2934 width="10" 2935 height="10"
2936 viewBox="0 0 18 18" 2937 fill="#14433d" 2938 data-icon-close 2939 class="tw-cursor-pointer" 2940 > 2941 <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"/> 2942 </svg> 2943 </div> 2944 </div> 2945 2946</div> 2947 2948 2949</div><div id="shopify-section-sections--24009558556831__announcement-banner" class="shopify-section shopify-section-group-header-group"> 2950 <announcement-bar class="section-announcement-bar tw-relative tw-z-50 tw-block"> 2951 <slider-container 2952 data-key="slider__sections--24009558556831__announcement-banner" 2953 role="region" 2954 aria-label="Announcement" 2955 data-slider-loop 2956 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] " 2957 style="background: #14433D;" 2958 ><div role="group" aria-label="1 of 1" class="keen-slider__slide tw-relative tw-z-10 tw-flex !tw-w-auto tw-items-center tw-justify-center tw-py-[4px] tw-text-center tw-transition-opacity tw-duration-150 tw-ease-linear sm:tw-flex-row " style="opacity: 0;"> <div class="tw-flex tw-items-center tw-w-full tw-justify-center tw-px-[8px] md:tw-px-[20px] md:tw-w-fit tw-text-[12px] md:tw-text-[16px] tw-leading-[1.4] " id="message-1" style="color: #FFFFFF !important;" ><p class="tw-text-[12px] md:tw-text-[16px] tw-leading-[1.4]" style="color: #FFFFFF !important;"> <div class="tw-block md:tw-hidden"> <strong>$3.99 flat rate shipping • Orders $50+ ship FREE</strong> </div> <div class="tw-hidden md:tw-block"> <strong>$3.99 flat rate shipping • Orders $50+ ship FREE</strong> </div> </p></div> </div></slider-container> 2959 2960 2961 </announcement-bar> 2962 2963 2964 2965 2966 2967<style> 2968 .section-announcement-bar .keen-slider:not([data-keen-slider-disabled]) .keen-slider__slide{ 2969 padding-top: 4px; 2970 } 2971</style> 2972</div><div id="shopify-section-sections--24009558556831__header" class="shopify-section shopify-section-group-header-group"> 2973 2974<div 2975 id="SearchDrawer" 2976 class="search-bar drawer drawer--top" 2977 role="dialog" 2978 aria-modal="true" 2979 aria-label="Search" 2980 data-predictive-search-drawer 2981> 2982 <div class="search-bar__interior"> 2983 <div class="search-form__container" data-search-form-container> 2984 <form class="search-form search-bar__form" action="/search" method="get" role="search"> 2985 <div class="search-form__input-wrapper"> 2986 <input 2987 type="text" 2988 name="q" 2989 placeholder="Search" 2990 role="combobox" 2991 aria-autocomplete="list" 2992 aria-owns="predictive-search-results" 2993 aria-expanded="false" 2994 aria-label="Search" 2995 aria-haspopup="listbox" 2996 class="search-form__input search-bar__input" 2997 data-predictive-search-drawer-input 2998 > 2999 <input type="hidden" name="options[prefix]" value="last" aria-hidden="true"> 3000 <div 3001 class="predictive-search-wrapper predictive-search-wrapper--drawer" 3002 data-predictive-search-mount="drawer" 3003 ></div> 3004 </div> 3005 3006 <button 3007 class="search-bar__submit search-form__submit" 3008 type="submit" 3009 data-search-form-submit 3010 > 3011 Liquid error (snippets/search-drawer line 38): include usage is not allowed in this context 3012 <span class="icon__fallback-text">Submit</span> 3013 </button> 3014 </form> 3015 3016 <div class="search-bar__actions"> 3017 <button type="button" class="btn--link search-bar__close js-drawer-close">
3018 Liquid error (snippets/search-drawer line 45): include usage is not allowed in this context 3019 <span class="icon__fallback-text">Close search</span> 3020 </button> 3021 </div> 3022 </div> 3023 </div> 3024</div> 3025 3026 3027<header 3028 data-section-id="sections--24009558556831__header" 3029 data-section-type="header" 3030 class="header-wrapper tw-group tw-relative tw-z-50" 3031 js-header-wrapper 3032 color-theme="primary" 3033 data-component="megaMenu" 3034> 3035 <div class="top-header" data-section-id="sections--24009558556831__header" data-section-type="header-section" data-header-section> 3036 <div js-header class="header"> 3037 <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]"> 3038 <!-- Left Menu --> 3039 <div class="tw-col-span-2 tw-block tw-self-center tw-justify-self-start tw-leading-none"> 3040 <div class="site-header__mobile-toolbar tw-flex tw-items-center tw-gap-[20px] lg:tw-hidden"> 3041 <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"> 3042 <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"> 3043 <path 3044 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" 3045 fill="currentColor" 3046 /> 3047</svg> 3048</span> 3049 <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"> 3050 <path 3051 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" 3052 fill="currentColor" 3053 /> 3054</svg> 3055</span> 3056 </button> 3057 <a 3058 href="/pages/store-locator" 3059 class="site-header__icon site-header__find-in-store" 3060 aria-label="Find a store" 3061 > 3062 <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" role="presentation" aria-hidden="true"> 3063 <path 3064 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
306413.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" 3065 fill="currentColor" 3066 /> 3067</svg> 3068 3069 </a> 3070 </div> 3071 3072 <nav id="AccessibleNav" aria-label="Desktop Menu"> 3073 3074 3075<ul class="site-nav list--inline" id="SiteNav"> 3076 3077 3078 <li 3079 class="site-nav--has-dropdown" 3080 data-child-list-handle="shop" 3081 data-has-dropdowns 3082 > 3083 3084 <a 3085 href="/collections/drinks" 3086 class="site-nav__link tw-bg-transparent" 3087 3088 aria-expanded="false" 3089 aria-controls="site-nav-menu-dropdown-shop" 3090 > 3091 <span class="site-nav__label">Shop</span> 3092 </a> 3093 3094 </li> 3095 3096 3097 3098 <li 3099 class="site-nav--has-dropdown" 3100 data-child-list-handle="learn" 3101 data-has-dropdowns 3102 > 3103 3104 <button 3105 class="site-nav__link tw-bg-transparent" 3106 type="button" 3107 aria-expanded="false" 3108 aria-controls="site-nav-menu-dropdown-learn" 3109 > 3110 <span class="site-nav__label">Learn</span> 3111 </button> 3112 3113 </li> 3114 3115 3116 3117 <li 3118 3119 > 3120 <a 3121 href="/pages/subscription" 3122 class="site-nav__link" 3123 3124 > 3125 <span class="site-nav__label">Subscribe</span> 3126 </a> 3127 </li> 3128 3129 3130</ul> 3131 3132 </nav> 3133 </div> 3134 <!-- ./End Left Menu --> 3135 3136 <!-- Header Logo --> 3137 <div class="tw-col-span-1 tw-flex tw-justify-center tw-self-center tw-leading-none" role="region" aria-label="Site logo"> 3138 3139 3140 3141 <div class="h2 site-header__logo tw-h-[40px] tw-w-[102px] tw-shrink-0 lg:tw-h-10 lg:tw-w-[117px]"> 3142 3143<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> 3144 <img 3145 class="lazyload js" 3146 src="//drinkolipop.com/cdn/shop/files/OlipopLogo_1.png?v=1778767782" 3147 alt="OLIPOP" 3148 width="102" 3149 height="40" 3150 > 3151 </a> 3152 3153 </div> 3154 3155 3156 </div> 3157 <!-- ./End Header Logo --> 3158 3159 <!-- Right Menu --> 3160 <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"> 3161 3162 <nav aria-label="Desktop Right Menu"> 3163 <ul class="site-nav list--inline tw-hidden lg:tw-block"> 3164 3165<li 3166 3167 > 3168 <a 3169 href="/pages/store-locator" 3170 class="site-nav__link" 3171 3172 > 3173 <span class="site-nav__label">Find a store</span> 3174 </a> 3175 </li> 3176 3177 </ul> 3178 </nav> 3179 3180 3181 <div class="site-header__icons site-header__icons--plus" role="region" aria-label="Account and cart"> 3182 <div class="site-header__icons-wrapper"> 3183 3184 <div class="tw-block"> 3185 3186 <a href="/account/login" class="site-header__icon site-header__account nav-link">
3187 <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"> 3188 <path 3189 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" 3190 fill="#034638" 3191 /> 3192</svg> 3193</span> 3194 <span class="icon__fallback-text">Log in</span> 3195 </a> 3196 3197 </div> 3198 3199
3200 <div class="cart-btns tw-relative"> 3201 <div class="tw-hidden md:tw-block"> 3202 <a 3203 target="_self" 3204 href="/cart" 3205 aria-label="Open Cart" 3206 class="header__button header-cart-toggle site-header__icon site-header__cart tw-relative" 3207 js-header-cart-toggle 3208 > 3209 <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" role="presentation" aria-hidden="true"> 3210 <path 3211 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" 3212 fill="#034638" 3213 /> 3214</svg> 3215 3216 </a> 3217 </div> 3218 <div class="md:tw-hidden"> 3219 <a href="/cart" class="header__button site-header__icon site-header__cart tw-relative"> 3220 <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" role="presentation" aria-hidden="true"> 3221 <path 3222 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
3222C20.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" 3223 fill="#034638" 3224 /> 3225</svg> 3226 3227 </a> 3228 </div> 3229 <div 3230 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" 3231 data-component="cartToggle" 3232 3233 style="display: none;" 3234 3235> 3236 <span class="tw-sr-only">items in cart</span> 3237 <span class="cart-item-count-badge__value" aria-live="polite">0</span> 3238</div> 3239 3240<style> 3241 .cart-item-count-badge { 3242 right: -3px; 3243 } 3244 3245 @media screen and (min-width: 750px) { 3246 .cart-item-count-badge { 3247 top: -6px; 3248 right: 4px; 3249 } 3250 } 3251 3252 @media screen and (min-width: 1183px) { 3253 .cart-item-count-badge { 3254 top: 5px; 3255 right: 7px; 3256 } 3257 } 3258</style> 3259 3260 </div> 3261 </div> 3262 <button 3263 type="button" 3264 class="site-header__mobile-menu-close-btn header__button tw-shrink-0 tw-bg-transparent tw-p-0" 3265 js-mobile-menu-close 3266 aria-label="Close menu" 3267 > 3268 <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" role="presentation" aria-hidden="true"> 3269 <path 3270 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" 3271 fill="currentColor" 3272 /> 3273</svg> 3274 3275 </button> 3276 </div> 3277 </div> 3278 <!-- ./End Right Menu --> 3279 </div> 3280 3281 3282 3283 3284 </div> 3285 3286 <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"> 3287 3288 3289 3290 3291 3292 3293 3294 3295<div 3296 class="site-nav-dropdown__menu--shop site-nav-dropdown__menu tw-mx-auto tw-w-full tw-min-h-0" 3297 id="site-nav-menu-dropdown-shop" 3298 tabindex="-1" 3299> 3300 <button type="button" class="site-nav-dropdown-close">Close menu Shop</button> 3301 3302 <div 3303 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]" 3304 > 3305 <aside 3306 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" 3307 > 3308 <nav class="site-nav-dropdown__category-nav tw-flex tw-min-h-0 tw-flex-col tw-overflow-y-auto" aria-label="Shop categories"> 3309 <div 3310 class="site-nav-dropdown__link site-nav-dropdown__link-parent tw-block" 3311 data-handle="nav-dropdown-9g-fiber-line" 3312 > 3313 <button 3314 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" 3315 type="button" 3316 aria-expanded="true" 3317 >
3318 <span class="site-nav-dropdown__category-label site-nav-dropdown__secondary-title tw-flex tw-w-full tw-items-center tw-justify-between"> 3319 9g fiber line 3320 <span class="site-nav-dropdown__category-arrow tw-ml-3 tw-inline-flex tw-shrink-0" aria-hidden="true"><svg 3321 xmlns="http://www.w3.org/2000/svg" 3322 width="24" 3323 height="24" 3324 viewBox="0 0 24 24" 3325 fill="none" 3326 aria-hidden="true" 3327 focusable="false" 3328 role="presentation" 3329 class="icon icon-chevron-three-right" 3330> 3331 <path 3332 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" 3333 fill="#034638" 3334 /> 3335</svg> 3336</span> 3337 </span> 3338 </button> 3339 </div> 3340 3341 3342 <div 3343 class="site-nav-dropdown__link site-nav-dropdown__link-parent tw-block" 3344 data-handle="nav-dropdown-6g-fiber-line" 3345 > 3346 <button 3347 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" 3348 type="button" 3349 aria-expanded="false" 3350 > 3351 <span class="site-nav-dropdown__category-label site-nav-dropdown__secondary-title tw-flex tw-w-full tw-items-center tw-justify-between"> 3352 6g fiber line 3353 <span class="site-nav-dropdown__category-arrow tw-ml-3 tw-inline-flex tw-shrink-0" aria-hidden="true"><svg 3354 xmlns="http://www.w3.org/2000/svg" 3355 width="24" 3356 height="24" 3357 viewBox="0 0 24 24" 3358 fill="none" 3359 aria-hidden="true" 3360 focusable="false" 3361 role="presentation" 3362 class="icon icon-chevron-three-right" 3363> 3364 <path 3365 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" 3366 fill="#034638" 3367 /> 3368</svg> 3369</span> 3370 </span> 3371 </button> 3372 </div> 3373 3374 3375 <div 3376 class="site-nav-dropdown__link site-nav-dropdown__link-parent tw-block" 3377 data-handle="nav-dropdown-olipop-minis" 3378 > 3379 <button 3380 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" 3381 type="button" 3382 aria-expanded="false" 3383 > 3384 <span class="site-nav-dropdown__category-label site-nav-dropdown__secondary-title tw-flex tw-w-full tw-items-center tw-justify-between"> 3385 OLIPOP MINIs 3386 <span class="site-nav-dropdown__category-arrow tw-ml-3 tw-inline-flex tw-shrink-0" aria-hidden="true"><svg 3387 xmlns="http://www.w3.org/2000/svg" 3388 width="24" 3389 height="24" 3390 viewBox="0 0 24 24" 3391 fill="none" 3392 aria-hidden="true" 3393 focusable="false" 3394 role="presentation" 3395 class="icon icon-chevron-three-right" 3396> 3397 <path 3398 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
339864 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" 3399 fill="#034638" 3400 /> 3401</svg> 3402</span> 3403 </span> 3404 </button> 3405 </div> 3406 3407 3408 <div 3409 class="site-nav-dropdown__link site-nav-dropdown__link-parent tw-block" 3410 data-handle="nav-dropdown-limited-edition-flavors" 3411 > 3412 <button 3413 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" 3414 type="button" 3415 aria-expanded="false" 3416 > 3417 <span class="site-nav-dropdown__category-label site-nav-dropdown__secondary-title tw-flex tw-w-full tw-items-center tw-justify-between"> 3418 Limited edition flavors 3419 <span class="site-nav-dropdown__category-arrow tw-ml-3 tw-inline-flex tw-shrink-0" aria-hidden="true"><svg 3420 xmlns="http://www.w3.org/2000/svg" 3421 width="24" 3422 height="24" 3423 viewBox="0 0 24 24" 3424 fill="none" 3425 aria-hidden="true" 3426 focusable="false" 3427 role="presentation" 3428 class="icon icon-chevron-three-right" 3429> 3430 <path 3431 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" 3432 fill="#034638" 3433 /> 3434</svg> 3435</span> 3436 </span> 3437 </button> 3438 </div> 3439 3440 3441 <div 3442 class="site-nav-dropdown__link site-nav-dropdown__link-parent tw-block" 3443 data-handle="nav-dropdown-variety-packs" 3444 > 3445 <button 3446 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" 3447 type="button" 3448 aria-expanded="false" 3449 > 3450 <span class="site-nav-dropdown__category-label site-nav-dropdown__secondary-title tw-flex tw-w-full tw-items-center tw-justify-between"> 3451 Variety packs 3452 <span class="site-nav-dropdown__category-arrow tw-ml-3 tw-inline-flex tw-shrink-0" aria-hidden="true"><svg 3453 xmlns="http://www.w3.org/2000/svg" 3454 width="24" 3455 height="24" 3456 viewBox="0 0 24 24" 3457 fill="none" 3458 aria-hidden="true" 3459 focusable="false" 3460 role="presentation" 3461 class="icon icon-chevron-three-right" 3462> 3463 <path 3464 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" 3465 fill="#034638" 3466 /> 3467</svg> 3468</span> 3469 </span> 3470 </button> 3471 </div> 3472 3473</nav> 3474 3475 <div class="site-nav-dropdown__links-footer"> 3476 <a 3477 href="/collections/drinks" 3478 class="site-nav-dropdown__footer-shop-all dropdown-btn" 3479 > 3480 Shop All 3481 </a> 3482 </div> 3483 </aside> 3484 3485 <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]"> 3486 3487 3488 <div 3489 id="nav-dropdown-9g-fiber-line" 3490 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" 3491 > 3492 <div class="site-nav-dropdown__child-menu-inner tw-flex tw-min-h-0 tw-flex-1 tw-flex-col tw-overflow-visible"> 3493 <header class="site-nav-dropdown__subnav-header tw-pl-1"> 3494 <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"> 3495 <div class="site-nav-dropdown__subnav-titles tw-min-w-0 tw-flex-1"> 3496 <h2 class="site-nav-dropdown__subnav-title"> 3497 3498 Shop 9g fiber 3499 3500 </h2> 3501 3502 <div class="site-nav-dropdown__category-headline"> 3503 <div class="site-nav-dropdown__category-headline-text rte">
3504 <span class="metafield-single_line_text_field">Keep refrigerated</span> 3505 </div> 3506 3507 <span class="site-nav-dropdown__category-headline-icon" aria-hidden="true"> 3508 <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"> 3509 </span> 3510 3511 </div> 3512 3513 3514 <div class="site-nav-dropdown__category-description rte"> 3515 <span class="metafield-multi_line_text_field">Our original refrigerated formula, with higher fiber per can to get more out of every sip.</span> 3516 </div> 3517 3518 </div> 3519 <a 3520 class="site-nav-dropdown__shop-all-outline" 3521 href="/collections/shop-9g-fiber" 3522 > 3523 3524 Shop All 9g Fiber 3525 3526 </a> 3527 </div> 3528 </header> 3529 3530 <div 3531 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]" 3532 data-nav-carousel 3533 > 3534 <div 3535 class="site-nav-dropdown__carousel-toolbar tw-flex tw-w-full tw-items-center tw-justify-end tw-gap-1 tw-pr-14" 3536 aria-hidden="false" 3537 > 3538 <button 3539 type="button" 3540 class="site-nav-dropdown__carousel-btn site-nav-dropdown__carousel-btn--prev site-nav-dropdown__carousel-btn--toolbar" 3541 aria-label="Show previous products" 3542 > 3543<svg 3544 xmlns="http://www.w3.org/2000/svg" 3545 width="24" 3546 height="24" 3547 viewBox="0 0 24 24" 3548 fill="none" 3549 class="site-nav-dropdown__carousel-arrow-svg" 3550 aria-hidden="true" 3551 focusable="false" 3552> 3553 <path 3554 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" 3555 fill="currentColor" 3556 /> 3557</svg> 3558</button> 3559 <button 3560 type="button" 3561 class="site-nav-dropdown__carousel-btn site-nav-dropdown__carousel-btn--next site-nav-dropdown__carousel-btn--toolbar" 3562 aria-label="Show next products" 3563 > 3564<svg 3565 xmlns="http://www.w3.org/2000/svg" 3566 width="24" 3567 height="24" 3568 viewBox="0 0 24 24" 3569 fill="none" 3570 class="site-nav-dropdown__carousel-arrow-svg" 3571 aria-hidden="true" 3572 focusable="false" 3573> 3574 <path 3575 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
35750.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" 3576 fill="currentColor" 3577 /> 3578</svg> 3579</button> 3580 </div> 3581 <div 3582 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" 3583 data-carousel-track 3584 tabindex="0" 3585 role="region" 3586 aria-roledescription="carousel" 3587 aria-label="9g fiber line products" 3588 > 3589 <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"> 3590 3591 3592 3593 3594 3595 3596 3597 3598 3599 3600 3601 3602 3603 <li class="9g-fiber-line-tile tw-w-[136px] tw-flex-shrink-0"> 3604 <a 3605 href="/products/caramel-apple" 3606 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" 3607 3608 > 3609 <span class="site-nav-dropdown__product-card-media"> 3610 3611 <div 3612 class="product-badge product-badge--nav product-badge--short-text" 3613 role="status" 3614 aria-label="New" 3615 > 3616 <svg class="product-badge__shape" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 72 72" fill="none" aria-hidden="true"> 3617 <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"/> 3618 </svg> 3619 <span class="product-badge__text" style="color: #034638;">New</span> 3620 </div> 3621 3622 3623 3624 3625 3626 3627 3628 3629 3630 <img 3631 class="site-nav-dropdown__product-card-img nav-product-hero" 3632 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" 3633 width="136" 3634 height="181" 3635 alt="Caramel Apple" 3636 loading="lazy" 3637 decoding="async" 3638 > 3639 3640 </span>
3641 <span class="site-nav-dropdown__product-card-label"> 3642 3643 Caramel Apple 3644 3645 </span> 3646 </a> 3647 </li> 3648 3649 3650 3651 3652 3653 3654 3655 3656 3657 <li class="9g-fiber-line-tile tw-w-[136px] tw-flex-shrink-0"> 3658 <a 3659 href="/products/blackberry-vanilla" 3660 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" 3661 3662 > 3663 <span class="site-nav-dropdown__product-card-media"> 3664 3665 3666 3667 3668 3669 3670 3671 3672 3673 <img 3674 class="site-nav-dropdown__product-card-img nav-product-hero" 3675 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" 3676 width="136" 3677 height="181" 3678 alt="Blackberry Vanilla" 3679 loading="lazy" 3680 decoding="async" 3681 > 3682 3683 </span> 3684 <span class="site-nav-dropdown__product-card-label"> 3685 3686 Blackberry Vanilla 3687 3688 </span> 3689 </a> 3690 </li> 3691 3692 3693 3694 3695 3696 3697 3698 3699 3700 <li class="9g-fiber-line-tile tw-w-[136px] tw-flex-shrink-0"> 3701 <a 3702 href="/products/crisp-apple" 3703 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" 3704 3705 > 3706 <span class="site-nav-dropdown__product-card-media"> 3707 3708 3709 3710 3711 3712 3713 3714 3715 3716 <img 3717 class="site-nav-dropdown__product-card-img nav-product-hero" 3718 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" 3719 width="136" 3720 height="181" 3721 alt="Crisp Apple" 3722 loading="lazy" 3723 decoding="async" 3724 > 3725 3726 </span> 3727 <span class="site-nav-dropdown__product-card-label"> 3728 3729 Crisp Apple 3730 3731 </span> 3732 </a> 3733 </li> 3734 3735 3736 3737 3738 3739 3740 3741 3742 3743 <li class="9g-fiber-line-tile tw-w-[136px] tw-flex-shrink-0"> 3744 <a 3745 href="/products/classic-grape" 3746 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" 3747 3748 >
3749 <span class="site-nav-dropdown__product-card-media"> 3750 3751 3752 3753 3754 3755 3756 3757 3758 3759 <img 3760 class="site-nav-dropdown__product-card-img nav-product-hero" 3761 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" 3762 width="136" 3763 height="181" 3764 alt="Classic Grape" 3765 loading="lazy" 3766 decoding="async" 3767 > 3768 3769 </span> 3770 <span class="site-nav-dropdown__product-card-label"> 3771 3772 Classic Grape 3773 3774 </span> 3775 </a> 3776 </li> 3777 3778 3779 3780 3781 3782 3783 3784 3785 3786 <li class="9g-fiber-line-tile tw-w-[136px] tw-flex-shrink-0"> 3787 <a 3788 href="/products/classic-root-beer" 3789 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" 3790 3791 > 3792 <span class="site-nav-dropdown__product-card-media"> 3793 3794 3795 3796 3797 3798 3799 3800 3801 3802 <img 3803 class="site-nav-dropdown__product-card-img nav-product-hero" 3804 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" 3805 width="136" 3806 height="181" 3807 alt="Classic Root Beer" 3808 loading="lazy" 3809 decoding="async" 3810 > 3811 3812 </span> 3813 <span class="site-nav-dropdown__product-card-label"> 3814 3815 Classic Root Beer 3816 3817 </span> 3818 </a> 3819 </li> 3820 3821 3822 3823 3824 3825 3826 3827 3828 3829 <li class="9g-fiber-line-tile tw-w-[136px] tw-flex-shrink-0"> 3830 <a 3831 href="/products/vintage-cola" 3832 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" 3833 3834 > 3835 <span class="site-nav-dropdown__product-card-media"> 3836 3837 3838 3839 3840 3841 3842 3843 3844 3845 <img 3846 class="site-nav-dropdown__product-card-img nav-product-hero" 3847 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" 3848 width="136" 3849 height="181" 3850 alt="Vintage Cola" 3851 loading="lazy" 3852 decoding="async" 3853 > 3854 3855 </span>
3856 <span class="site-nav-dropdown__product-card-label"> 3857 3858 Vintage Cola 3859 3860 </span> 3861 </a> 3862 </li> 3863 3864 3865 3866 3867 3868 3869 3870 3871 3872 <li class="9g-fiber-line-tile tw-w-[136px] tw-flex-shrink-0"> 3873 <a 3874 href="/products/cream-soda" 3875 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" 3876 3877 > 3878 <span class="site-nav-dropdown__product-card-media"> 3879 3880 3881 3882 3883 3884 3885 3886 3887 3888 <img 3889 class="site-nav-dropdown__product-card-img nav-product-hero" 3890 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" 3891 width="136" 3892 height="181" 3893 alt="Cream Soda" 3894 loading="lazy" 3895 decoding="async" 3896 > 3897 3898 </span> 3899 <span class="site-nav-dropdown__product-card-label"> 3900 3901 Cream Soda 3902 3903 </span> 3904 </a> 3905 </li> 3906 3907 3908 3909 3910 3911 3912 3913 3914 3915 <li class="9g-fiber-line-tile tw-w-[136px] tw-flex-shrink-0"> 3916 <a 3917 href="/products/strawberry-vanilla" 3918 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" 3919 3920 > 3921 <span class="site-nav-dropdown__product-card-media"> 3922 3923 3924 3925 3926 3927 3928 3929 3930 3931 <img 3932 class="site-nav-dropdown__product-card-img nav-product-hero" 3933 src="//drinkolipop.com/cdn/shop/files/strawberry-vanilla-9g-olipop_gallery-main-image_new_asset.webp?crop=center&height=362&v=1779161007&width=272" 3934 width="136" 3935 height="181" 3936 alt="Strawberry Vanilla" 3937 loading="lazy" 3938 decoding="async" 3939 > 3940 3941 </span> 3942 <span class="site-nav-dropdown__product-card-label"> 3943 3944 Strawberry Vanilla 3945 3946 </span> 3947 </a> 3948 </li> 3949 3950 3951 3952 3953 3954 3955 3956 3957 3958 <li class="9g-fiber-line-tile tw-w-[136px] tw-flex-shrink-0"> 3959 <a 3960 href="/products/cherry-cola" 3961 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" 3962 3963 >
3964 <span class="site-nav-dropdown__product-card-media"> 3965 3966 3967 3968 3969 3970 3971 3972 3973 3974 <img 3975 class="site-nav-dropdown__product-card-img nav-product-hero" 3976 src="//drinkolipop.com/cdn/shop/files/cherry-cola-9g-olipop_gallery-main-image_new_asset.webp?crop=center&height=362&v=1779163770&width=272" 3977 width="136" 3978 height="181" 3979 alt="Cherry Cola" 3980 loading="lazy" 3981 decoding="async" 3982 > 3983 3984 </span> 3985 <span class="site-nav-dropdown__product-card-label"> 3986 3987 Cherry Cola 3988 3989 </span> 3990 </a> 3991 </li> 3992 3993 3994 3995 3996 3997 3998 3999 4000 4001 <li class="9g-fiber-line-tile tw-w-[136px] tw-flex-shrink-0"> 4002 <a 4003 href="/products/orange-cream" 4004 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" 4005 4006 > 4007 <span class="site-nav-dropdown__product-card-media"> 4008 4009 4010 4011 4012 4013 4014 4015 4016 4017 <img 4018 class="site-nav-dropdown__product-card-img nav-product-hero" 4019 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" 4020 width="136" 4021 height="181" 4022 alt="Orange Cream" 4023 loading="lazy" 4024 decoding="async" 4025 > 4026 4027 </span> 4028 <span class="site-nav-dropdown__product-card-label"> 4029 4030 Orange Cream 4031 4032 </span> 4033 </a> 4034 </li> 4035 4036 4037 4038 4039 4040 4041 4042 4043 4044 <li class="9g-fiber-line-tile tw-w-[136px] tw-flex-shrink-0"> 4045 <a 4046 href="/products/peaches-and-cream" 4047 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" 4048 4049 > 4050 <span class="site-nav-dropdown__product-card-media"> 4051 4052 4053 4054 4055 4056 4057 4058 4059 4060 <img 4061 class="site-nav-dropdown__product-card-img nav-product-hero" 4062 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" 4063 width="136" 4064 height="181" 4065 alt="Peaches & Cream" 4066 loading="lazy" 4067 decoding="async" 4068 > 4069 4070 </span>
4071 <span class="site-nav-dropdown__product-card-label"> 4072 4073 Peaches & Cream 4074 4075 </span> 4076 </a> 4077 </li> 4078 4079 4080 4081 4082 4083 4084 4085 4086 4087 <li class="9g-fiber-line-tile tw-w-[136px] tw-flex-shrink-0"> 4088 <a 4089 href="/products/orange-squeeze" 4090 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" 4091 4092 > 4093 <span class="site-nav-dropdown__product-card-media"> 4094 4095 4096 4097 4098 4099 4100 4101 4102 4103 <img 4104 class="site-nav-dropdown__product-card-img nav-product-hero" 4105 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" 4106 width="136" 4107 height="181" 4108 alt="Orange Squeeze" 4109 loading="lazy" 4110 decoding="async" 4111 > 4112 4113 </span> 4114 <span class="site-nav-dropdown__product-card-label"> 4115 4116 Orange Squeeze 4117 4118 </span> 4119 </a> 4120 </li> 4121 4122 4123 4124 4125 4126 4127 4128 4129 4130 <li class="9g-fiber-line-tile tw-w-[136px] tw-flex-shrink-0"> 4131 <a 4132 href="/products/ginger-ale" 4133 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" 4134 4135 > 4136 <span class="site-nav-dropdown__product-card-media"> 4137 4138 4139 4140 4141 4142 4143 4144 4145 4146 <img 4147 class="site-nav-dropdown__product-card-img nav-product-hero" 4148 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" 4149 width="136" 4150 height="181" 4151 alt="Ginger Ale" 4152 loading="lazy" 4153 decoding="async" 4154 > 4155 4156 </span> 4157 <span class="site-nav-dropdown__product-card-label"> 4158 4159 Ginger Ale 4160 4161 </span> 4162 </a> 4163 </li> 4164 4165 4166 4167 4168 4169 4170 4171 4172 4173 <li class="9g-fiber-line-tile tw-w-[136px] tw-flex-shrink-0"> 4174 <a 4175 href="/products/citrus-rush" 4176 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" 4177 4178 >
4179 <span class="site-nav-dropdown__product-card-media"> 4180 4181 4182 4183 4184 4185 4186 4187 4188 4189 <img 4190 class="site-nav-dropdown__product-card-img nav-product-hero" 4191 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" 4192 width="136" 4193 height="181" 4194 alt="Citrus Rush" 4195 loading="lazy" 4196 decoding="async" 4197 > 4198 4199 </span> 4200 <span class="site-nav-dropdown__product-card-label"> 4201 4202 Ridge Rush 4203 4204 </span> 4205 </a> 4206 </li> 4207 4208 4209 4210 4211 4212 4213 4214 4215 4216 <li class="9g-fiber-line-tile tw-w-[136px] tw-flex-shrink-0"> 4217 <a 4218 href="/products/doctor-goodwin" 4219 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" 4220 4221 > 4222 <span class="site-nav-dropdown__product-card-media"> 4223 4224 4225 4226 4227 4228 4229 4230 4231 4232 <img 4233 class="site-nav-dropdown__product-card-img nav-product-hero" 4234 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" 4235 width="136" 4236 height="181" 4237 alt="Doctor Goodwin" 4238 loading="lazy" 4239 decoding="async" 4240 > 4241 4242 </span> 4243 <span class="site-nav-dropdown__product-card-label"> 4244 4245 Doctor Goodwin 4246 4247 </span> 4248 </a> 4249 </li> 4250 4251 4252 4253 4254 4255 4256 4257 4258 4259 <li class="9g-fiber-line-tile tw-w-[136px] tw-flex-shrink-0"> 4260 <a 4261 href="/products/cherry-vanilla" 4262 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" 4263 4264 > 4265 <span class="site-nav-dropdown__product-card-media"> 4266 4267 4268 4269 4270 4271 4272 4273 4274 4275 <img 4276 class="site-nav-dropdown__product-card-img nav-product-hero" 4277 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" 4278 width="136" 4279 height="181" 4280 alt="Cherry Vanilla" 4281 loading="lazy" 4282 decoding="async" 4283 > 4284 4285 </span>
4286 <span class="site-nav-dropdown__product-card-label"> 4287 4288 Cherry Vanilla 4289 4290 </span> 4291 </a> 4292 </li> 4293 4294 4295 4296 4297 4298 4299 4300 4301 4302 <li class="9g-fiber-line-tile tw-w-[136px] tw-flex-shrink-0"> 4303 <a 4304 href="/products/tropical-punch" 4305 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" 4306 4307 > 4308 <span class="site-nav-dropdown__product-card-media"> 4309 4310 4311 4312 4313 4314 4315 4316 4317 4318 <img 4319 class="site-nav-dropdown__product-card-img nav-product-hero" 4320 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" 4321 width="136" 4322 height="181" 4323 alt="Tropical Punch" 4324 loading="lazy" 4325 decoding="async" 4326 > 4327 4328 </span> 4329 <span class="site-nav-dropdown__product-card-label"> 4330 4331 Tropical Punch 4332 4333 </span> 4334 </a> 4335 </li> 4336 4337 4338 4339 4340 4341 4342 4343 4344 4345 <li class="9g-fiber-line-tile tw-w-[136px] tw-flex-shrink-0"> 4346 <a 4347 href="/products/lemon-lime" 4348 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" 4349 4350 > 4351 <span class="site-nav-dropdown__product-card-media"> 4352 4353 4354 4355 4356 4357 4358 4359 4360 4361 <img 4362 class="site-nav-dropdown__product-card-img nav-product-hero" 4363 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" 4364 width="136" 4365 height="181" 4366 alt="Lemon Lime" 4367 loading="lazy" 4368 decoding="async" 4369 > 4370 4371 </span> 4372 <span class="site-nav-dropdown__product-card-label"> 4373 4374 Lemon Lime 4375 4376 </span> 4377 </a> 4378 </li> 4379 4380 4381 4382 4383 4384 4385 4386 4387 4388 <li class="9g-fiber-line-tile tw-w-[136px] tw-flex-shrink-0"> 4389 <a 4390 href="/products/ginger-lemon" 4391 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" 4392 4393 >
4394 <span class="site-nav-dropdown__product-card-media"> 4395 4396 4397 4398 4399 4400 4401 4402 4403 4404 <img 4405 class="site-nav-dropdown__product-card-img nav-product-hero" 4406 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" 4407 width="136" 4408 height="181" 4409 alt="Ginger Lemon" 4410 loading="lazy" 4411 decoding="async" 4412 > 4413 4414 </span> 4415 <span class="site-nav-dropdown__product-card-label"> 4416 4417 Ginger Lemon 4418 4419 </span> 4420 </a> 4421 </li> 4422 4423 4424 4425 4426 4427 4428 4429 4430 4431 <li class="9g-fiber-line-tile tw-w-[136px] tw-flex-shrink-0"> 4432 <a 4433 href="/products/watermelon-lime" 4434 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" 4435 4436 > 4437 <span class="site-nav-dropdown__product-card-media"> 4438 4439 4440 4441 4442 4443 4444 4445 4446 4447 <img 4448 class="site-nav-dropdown__product-card-img nav-product-hero" 4449 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" 4450 width="136" 4451 height="181" 4452 alt="Watermelon Lime" 4453 loading="lazy" 4454 decoding="async" 4455 > 4456 4457 </span> 4458 <span class="site-nav-dropdown__product-card-label"> 4459 4460 Watermelon Lime 4461 4462 </span> 4463 </a> 4464 </li> 4465 4466 4467 4468 4469 4470 4471 4472 4473 4474 <li class="9g-fiber-line-tile tw-w-[136px] tw-flex-shrink-0"> 4475 <a 4476 href="/products/banana-cream" 4477 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" 4478 4479 > 4480 <span class="site-nav-dropdown__product-card-media"> 4481 4482 4483 4484 4485 4486 4487 4488 4489 4490 <img 4491 class="site-nav-dropdown__product-card-img nav-product-hero" 4492 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" 4493 width="136" 4494 height="181" 4495 alt="Banana Cream" 4496 loading="lazy" 4497 decoding="async" 4498 > 4499 4500 </span>
4501 <span class="site-nav-dropdown__product-card-label"> 4502 4503 Banana Cream 4504 4505 </span> 4506 </a> 4507 </li> 4508 4509 4510 </ul> 4511 </div> 4512 </div> 4513 </div> 4514 </div> 4515 4516 4517 4518 <div 4519 id="nav-dropdown-6g-fiber-line" 4520 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" 4521 > 4522 <div class="site-nav-dropdown__child-menu-inner tw-flex tw-min-h-0 tw-flex-1 tw-flex-col tw-overflow-visible"> 4523 <header class="site-nav-dropdown__subnav-header tw-pl-1"> 4524 <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"> 4525 <div class="site-nav-dropdown__subnav-titles tw-min-w-0 tw-flex-1"> 4526 <h2 class="site-nav-dropdown__subnav-title"> 4527 4528 Shop 6g fiber 4529 4530 </h2> 4531 4532 <div class="site-nav-dropdown__category-headline"> 4533 <div class="site-nav-dropdown__category-headline-text rte"> 4534 <span class="metafield-single_line_text_field">Store anywhere. Chill to enjoy.</span> 4535 </div> 4536 4537 </div> 4538 4539 4540 <div class="site-nav-dropdown__category-description rte"> 4541 <span class="metafield-multi_line_text_field">Same great taste & digestive support, in a lower‑fiber, store‑anywhere format.</span> 4542 </div> 4543 4544 </div> 4545 <a 4546 class="site-nav-dropdown__shop-all-outline" 4547 href="/collections/shop-6g-fiber" 4548 > 4549 4550 Shop All 6g Fiber 4551 4552 </a> 4553 </div> 4554 </header> 4555 4556 <div 4557 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]" 4558 data-nav-carousel 4559 > 4560 <div 4561 class="site-nav-dropdown__carousel-toolbar tw-flex tw-w-full tw-items-center tw-justify-end tw-gap-1 tw-pr-14" 4562 aria-hidden="false" 4563 > 4564 <button 4565 type="button" 4566 class="site-nav-dropdown__carousel-btn site-nav-dropdown__carousel-btn--prev site-nav-dropdown__carousel-btn--toolbar" 4567 aria-label="Show previous products" 4568 > 4569<svg 4570 xmlns="http://www.w3.org/2000/svg" 4571 width="24" 4572 height="24" 4573 viewBox="0 0 24 24" 4574 fill="none" 4575 class="site-nav-dropdown__carousel-arrow-svg" 4576 aria-hidden="true" 4577 focusable="false" 4578> 4579 <path 4580 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" 4581 fill="currentColor" 4582 /> 4583</svg> 4584</button> 4585 <button 4586 type="button" 4587 class="site-nav-dropdown__carousel-btn site-nav-dropdown__carousel-btn--next site-nav-dropdown__carousel-btn--toolbar" 4588 aria-label="Show next products" 4589 > 4590<svg 4591 xmlns="http://www.w3.org/2000/svg" 4592 width="24" 4593 height="24" 4594 viewBox="0 0 24 24" 4595 fill="none" 4596 class="site-nav-dropdown__carousel-arrow-svg" 4597 aria-hidden="true" 4598 focusable="false" 4599> 4600 <path 4601 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
46010.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" 4602 fill="currentColor" 4603 /> 4604</svg> 4605</button> 4606 </div> 4607 <div 4608 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" 4609 data-carousel-track 4610 tabindex="0" 4611 role="region" 4612 aria-roledescription="carousel" 4613 aria-label="6g fiber line products" 4614 > 4615 <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"> 4616 4617 4618 4619 4620 4621 4622 4623 4624 4625 4626 4627 4628 4629 <li class="6g-fiber-line-tile tw-w-[136px] tw-flex-shrink-0"> 4630 <a 4631 href="/products/raspberry-sherbet" 4632 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" 4633 4634 > 4635 <span class="site-nav-dropdown__product-card-media"> 4636 4637 <div 4638 class="product-badge product-badge--nav" 4639 role="status" 4640 aria-label="Limited" 4641 > 4642 <svg class="product-badge__shape" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 72 72" fill="none" aria-hidden="true"> 4643 <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"/> 4644 </svg> 4645 <span class="product-badge__text" style="color: #034638;">Limited</span> 4646 </div> 4647 4648 4649 4650 4651 4652 4653 4654 4655 4656 <img 4657 class="site-nav-dropdown__product-card-img nav-product-hero" 4658 src="//drinkolipop.com/cdn/shop/files/raspberry-sherbert_omni-pdp_single.webp?crop=center&height=362&v=1775754912&width=272" 4659 width="136" 4660 height="181" 4661 alt="Raspberry Sherbet" 4662 loading="lazy" 4663 decoding="async" 4664 > 4665 4666 </span>
4667 <span class="site-nav-dropdown__product-card-label"> 4668 4669 Raspberry Sherbet 4670 4671 </span> 4672 </a> 4673 </li> 4674 4675 4676 4677 4678 4679 4680 4681 4682 4683 <li class="6g-fiber-line-tile tw-w-[136px] tw-flex-shrink-0"> 4684 <a 4685 href="/products/shirley-temple" 4686 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" 4687 4688 > 4689 <span class="site-nav-dropdown__product-card-media"> 4690 4691 <div 4692 class="product-badge product-badge--nav" 4693 role="status" 4694 aria-label="Limited" 4695 > 4696 <svg class="product-badge__shape" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 72 72" fill="none" aria-hidden="true"> 4697 <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"/> 4698 </svg> 4699 <span class="product-badge__text" style="color: #034638;">Limited</span> 4700 </div> 4701 4702 4703 4704 4705 4706 4707 4708 4709 4710 <img 4711 class="site-nav-dropdown__product-card-img nav-product-hero" 4712 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" 4713 width="136" 4714 height="181" 4715 alt="Shirley Temple" 4716 loading="lazy" 4717 decoding="async" 4718 > 4719 4720 </span> 4721 <span class="site-nav-dropdown__product-card-label"> 4722 4723 Shirley Temple 4724 4725 </span> 4726 </a> 4727 </li> 4728 4729 4730 4731 4732 4733 4734 4735 4736 4737 <li class="6g-fiber-line-tile tw-w-[136px] tw-flex-shrink-0"> 4738 <a 4739 href="/products/spongebob-pineapple-paradise" 4740 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" 4741 4742 >
4743 <span class="site-nav-dropdown__product-card-media"> 4744 4745 <div 4746 class="product-badge product-badge--nav" 4747 role="status" 4748 aria-label="Limited" 4749 > 4750 <svg class="product-badge__shape" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 72 72" fill="none" aria-hidden="true"> 4751 <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"/> 4752 </svg> 4753 <span class="product-badge__text" style="color: #034638;">Limited</span> 4754 </div> 4755 4756 4757 4758 4759 4760 4761 4762 4763 4764 <img 4765 class="site-nav-dropdown__product-card-img nav-product-hero" 4766 src="//drinkolipop.com/cdn/shop/files/Pineapple-Paradise_cgi-main-image_072925.webp?crop=center&height=362&v=1753844923&width=272" 4767 width="136" 4768 height="181" 4769 alt="Pineapple Paradise" 4770 loading="lazy" 4771 decoding="async" 4772 > 4773 4774 </span> 4775 <span class="site-nav-dropdown__product-card-label"> 4776 4777 Pineapple Paradise 4778 4779 </span> 4780 </a> 4781 </li> 4782 4783 4784 4785 4786 4787 4788 4789 4790 4791 <li class="6g-fiber-line-tile tw-w-[136px] tw-flex-shrink-0"> 4792 <a 4793 href="/products/crisp-apple-6g-fiber" 4794 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" 4795 4796 > 4797 <span class="site-nav-dropdown__product-card-media"> 4798 4799 4800 4801 4802 4803 4804 4805 4806 4807 <img 4808 class="site-nav-dropdown__product-card-img nav-product-hero" 4809 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" 4810 width="136" 4811 height="181" 4812 alt="Crisp Apple" 4813 loading="lazy" 4814 decoding="async" 4815 > 4816 4817 </span>
4818 <span class="site-nav-dropdown__product-card-label"> 4819 4820 Crisp Apple 4821 4822 </span> 4823 </a> 4824 </li> 4825 4826 4827 4828 4829 4830 4831 4832 4833 4834 <li class="6g-fiber-line-tile tw-w-[136px] tw-flex-shrink-0"> 4835 <a 4836 href="/products/classic-grape-6g-fiber" 4837 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" 4838 4839 > 4840 <span class="site-nav-dropdown__product-card-media"> 4841 4842 4843 4844 4845 4846 4847 4848 4849 4850 <img 4851 class="site-nav-dropdown__product-card-img nav-product-hero" 4852 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" 4853 width="136" 4854 height="181" 4855 alt="Classic Grape" 4856 loading="lazy" 4857 decoding="async" 4858 > 4859 4860 </span> 4861 <span class="site-nav-dropdown__product-card-label"> 4862 4863 Classic Grape 4864 4865 </span> 4866 </a> 4867 </li> 4868 4869 4870 4871 4872 4873 4874 4875 4876 4877 <li class="6g-fiber-line-tile tw-w-[136px] tw-flex-shrink-0"> 4878 <a 4879 href="/products/vintage-cola-6g-fiber" 4880 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" 4881 4882 > 4883 <span class="site-nav-dropdown__product-card-media"> 4884 4885 4886 4887 4888 4889 4890 4891 4892 4893 <img 4894 class="site-nav-dropdown__product-card-img nav-product-hero" 4895 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" 4896 width="136" 4897 height="181" 4898 alt="Vintage Cola" 4899 loading="lazy" 4900 decoding="async" 4901 > 4902 4903 </span> 4904 <span class="site-nav-dropdown__product-card-label"> 4905 4906 Vintage Cola 4907 4908 </span> 4909 </a> 4910 </li> 4911 4912 4913 4914 4915 4916 4917 4918 4919 4920 <li class="6g-fiber-line-tile tw-w-[136px] tw-flex-shrink-0"> 4921 <a 4922 href="/products/classic-root-beer-6g-fiber" 4923 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" 4924 4925 >
4926 <span class="site-nav-dropdown__product-card-media"> 4927 4928 4929 4930 4931 4932 4933 4934 4935 4936 <img 4937 class="site-nav-dropdown__product-card-img nav-product-hero" 4938 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" 4939 width="136" 4940 height="181" 4941 alt="Classic Root Beer" 4942 loading="lazy" 4943 decoding="async" 4944 > 4945 4946 </span> 4947 <span class="site-nav-dropdown__product-card-label"> 4948 4949 Classic Root Beer 4950 4951 </span> 4952 </a> 4953 </li> 4954 4955 4956 4957 4958 4959 4960 4961 4962 4963 <li class="6g-fiber-line-tile tw-w-[136px] tw-flex-shrink-0"> 4964 <a 4965 href="/products/cream-soda-6g-fiber" 4966 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" 4967 4968 > 4969 <span class="site-nav-dropdown__product-card-media"> 4970 4971 4972 4973 4974 4975 4976 4977 4978 4979 <img 4980 class="site-nav-dropdown__product-card-img nav-product-hero" 4981 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" 4982 width="136" 4983 height="181" 4984 alt="Cream Soda" 4985 loading="lazy" 4986 decoding="async" 4987 > 4988 4989 </span> 4990 <span class="site-nav-dropdown__product-card-label"> 4991 4992 Cream Soda 4993 4994 </span> 4995 </a> 4996 </li> 4997 4998 4999 5000 5001 5002 5003 5004 5005 5006 <li class="6g-fiber-line-tile tw-w-[136px] tw-flex-shrink-0"> 5007 <a 5008 href="/products/strawberry-vanilla-6g-fiber" 5009 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" 5010 5011 > 5012 <span class="site-nav-dropdown__product-card-media"> 5013 5014 5015 5016 5017 5018 5019 5020 5021 5022 <img 5023 class="site-nav-dropdown__product-card-img nav-product-hero" 5024 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" 5025 width="136" 5026 height="181" 5027 alt="Strawberry Vanilla" 5028 loading="lazy" 5029 decoding="async" 5030 > 5031 5032 </span>
5033 <span class="site-nav-dropdown__product-card-label"> 5034 5035 Strawberry Vanilla 5036 5037 </span> 5038 </a> 5039 </li> 5040 5041 5042 5043 5044 5045 5046 5047 5048 5049 <li class="6g-fiber-line-tile tw-w-[136px] tw-flex-shrink-0"> 5050 <a 5051 href="/products/cherry-cola-6g-fiber" 5052 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" 5053 5054 > 5055 <span class="site-nav-dropdown__product-card-media"> 5056 5057 5058 5059 5060 5061 5062 5063 5064 5065 <img 5066 class="site-nav-dropdown__product-card-img nav-product-hero" 5067 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" 5068 width="136" 5069 height="181" 5070 alt="Cherry Cola" 5071 loading="lazy" 5072 decoding="async" 5073 > 5074 5075 </span> 5076 <span class="site-nav-dropdown__product-card-label"> 5077 5078 Cherry Cola 5079 5080 </span> 5081 </a> 5082 </li> 5083 5084 5085 5086 5087 5088 5089 5090 5091 5092 <li class="6g-fiber-line-tile tw-w-[136px] tw-flex-shrink-0"> 5093 <a 5094 href="/products/citrus-rush-6g-fiber" 5095 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" 5096 5097 > 5098 <span class="site-nav-dropdown__product-card-media"> 5099 5100 5101 5102 5103 5104 5105 5106 5107 5108 <img 5109 class="site-nav-dropdown__product-card-img nav-product-hero" 5110 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" 5111 width="136" 5112 height="181" 5113 alt="Citrus Rush" 5114 loading="lazy" 5115 decoding="async" 5116 > 5117 5118 </span> 5119 <span class="site-nav-dropdown__product-card-label"> 5120 5121 Citrus Rush 5122 5123 </span> 5124 </a> 5125 </li> 5126 5127 5128 5129 5130 5131 5132 5133 5134 5135 <li class="6g-fiber-line-tile tw-w-[136px] tw-flex-shrink-0"> 5136 <a 5137 href="/products/ginger-ale-6g-fiber" 5138 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" 5139 5140 >
5141 <span class="site-nav-dropdown__product-card-media"> 5142 5143 5144 5145 5146 5147 5148 5149 5150 5151 <img 5152 class="site-nav-dropdown__product-card-img nav-product-hero" 5153 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" 5154 width="136" 5155 height="181" 5156 alt="Ginger Ale" 5157 loading="lazy" 5158 decoding="async" 5159 > 5160 5161 </span> 5162 <span class="site-nav-dropdown__product-card-label"> 5163 5164 Ginger Ale 5165 5166 </span> 5167 </a> 5168 </li> 5169 5170 5171 5172 5173 5174 5175 5176 5177 5178 <li class="6g-fiber-line-tile tw-w-[136px] tw-flex-shrink-0"> 5179 <a 5180 href="/products/lemon-lime-6g-fiber" 5181 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" 5182 5183 > 5184 <span class="site-nav-dropdown__product-card-media"> 5185 5186 5187 5188 5189 5190 5191 5192 5193 5194 <img 5195 class="site-nav-dropdown__product-card-img nav-product-hero" 5196 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" 5197 width="136" 5198 height="181" 5199 alt="Lemon Lime" 5200 loading="lazy" 5201 decoding="async" 5202 > 5203 5204 </span> 5205 <span class="site-nav-dropdown__product-card-label"> 5206 5207 Lemon Lime 5208 5209 </span> 5210 </a> 5211 </li> 5212 5213 5214 </ul> 5215 </div> 5216 </div> 5217 </div> 5218 </div> 5219 5220 5221 5222 <div 5223 id="nav-dropdown-olipop-minis" 5224 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" 5225 > 5226 <div class="site-nav-dropdown__child-menu-inner tw-flex tw-min-h-0 tw-flex-1 tw-flex-col tw-overflow-visible"> 5227 <header class="site-nav-dropdown__subnav-header tw-pl-1"> 5228 <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"> 5229 <div class="site-nav-dropdown__subnav-titles tw-min-w-0 tw-flex-1"> 5230 <h2 class="site-nav-dropdown__subnav-title"> 5231 5232 Shop MINIs 5233 5234 </h2> 5235 5236 <div class="site-nav-dropdown__category-headline"> 5237 <div class="site-nav-dropdown__category-headline-text rte">
5238 <span class="metafield-single_line_text_field">Store anywhere. Chill to enjoy.</span> 5239 </div> 5240 5241 </div> 5242 5243 5244 <div class="site-nav-dropdown__category-description rte"> 5245 <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> 5246 </div> 5247 5248 </div> 5249 <a 5250 class="site-nav-dropdown__shop-all-outline" 5251 href="/collections/olipop-minis" 5252 > 5253 5254 Shop All MINIs 5255 5256 </a> 5257 </div> 5258 </header> 5259 5260 <div 5261 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]" 5262 data-nav-carousel 5263 > 5264 <div 5265 class="site-nav-dropdown__carousel-toolbar tw-flex tw-w-full tw-items-center tw-justify-end tw-gap-1 tw-pr-14" 5266 aria-hidden="false" 5267 > 5268 <button 5269 type="button" 5270 class="site-nav-dropdown__carousel-btn site-nav-dropdown__carousel-btn--prev site-nav-dropdown__carousel-btn--toolbar" 5271 aria-label="Show previous products" 5272 > 5273<svg 5274 xmlns="http://www.w3.org/2000/svg" 5275 width="24" 5276 height="24" 5277 viewBox="0 0 24 24" 5278 fill="none" 5279 class="site-nav-dropdown__carousel-arrow-svg" 5280 aria-hidden="true" 5281 focusable="false" 5282> 5283 <path 5284 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" 5285 fill="currentColor" 5286 /> 5287</svg> 5288</button> 5289 <button 5290 type="button" 5291 class="site-nav-dropdown__carousel-btn site-nav-dropdown__carousel-btn--next site-nav-dropdown__carousel-btn--toolbar" 5292 aria-label="Show next products" 5293 > 5294<svg 5295 xmlns="http://www.w3.org/2000/svg" 5296 width="24" 5297 height="24" 5298 viewBox="0 0 24 24" 5299 fill="none" 5300 class="site-nav-dropdown__carousel-arrow-svg" 5301 aria-hidden="true" 5302 focusable="false" 5303> 5304 <path 5305 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" 5306 fill="currentColor" 5307 /> 5308</svg> 5309</button> 5310 </div> 5311 <div 5312 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" 5313 data-carousel-track 5314 tabindex="0" 5315 role="region" 5316 aria-roledescription="carousel" 5317 aria-label="OLIPOP MINIs products" 5318 > 5319 <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"> 5320 5321 5322 5323 5324 5325 5326 5327 5328 5329 5330 5331 5332 5333 <li class="olipop-minis-tile tw-w-[136px] tw-flex-shrink-0"> 5334 <a 5335 href="/products/strawberry-vanilla-minis" 5336 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" 5337 5338 >
5339 <span class="site-nav-dropdown__product-card-media"> 5340 5341 5342 5343 5344 5345 5346 5347 5348 5349 <img 5350 class="site-nav-dropdown__product-card-img nav-product-hero" 5351 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" 5352 width="136" 5353 height="181" 5354 alt="Strawberry Vanilla" 5355 loading="lazy" 5356 decoding="async" 5357 > 5358 5359 </span> 5360 <span class="site-nav-dropdown__product-card-label"> 5361 5362 Strawberry Vanilla 5363 5364 </span> 5365 </a> 5366 </li> 5367 5368 5369 5370 5371 5372 5373 5374 5375 5376 <li class="olipop-minis-tile tw-w-[136px] tw-flex-shrink-0"> 5377 <a 5378 href="/products/classic-grape-minis" 5379 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" 5380 5381 > 5382 <span class="site-nav-dropdown__product-card-media"> 5383 5384 5385 5386 5387 5388 5389 5390 5391 5392 <img 5393 class="site-nav-dropdown__product-card-img nav-product-hero" 5394 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" 5395 width="136" 5396 height="181" 5397 alt="Classic Grape" 5398 loading="lazy" 5399 decoding="async" 5400 > 5401 5402 </span> 5403 <span class="site-nav-dropdown__product-card-label"> 5404 5405 Classic Grape 5406 5407 </span> 5408 </a> 5409 </li> 5410 5411 5412 5413 5414 5415 5416 5417 5418 5419 <li class="olipop-minis-tile tw-w-[136px] tw-flex-shrink-0"> 5420 <a 5421 href="/products/crisp-apple-minis" 5422 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" 5423 5424 > 5425 <span class="site-nav-dropdown__product-card-media"> 5426 5427 5428 5429 5430 5431 5432 5433 5434 5435 <img 5436 class="site-nav-dropdown__product-card-img nav-product-hero" 5437 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" 5438 width="136" 5439 height="181" 5440 alt="Crisp Apple" 5441 loading="lazy" 5442 decoding="async" 5443 > 5444 5445 </span>
5446 <span class="site-nav-dropdown__product-card-label"> 5447 5448 Crisp Apple 5449 5450 </span> 5451 </a> 5452 </li> 5453 5454 5455 5456 5457 5458 5459 5460 5461 5462 <li class="olipop-minis-tile tw-w-[136px] tw-flex-shrink-0"> 5463 <a 5464 href="/products/vintage-cola-minis" 5465 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" 5466 5467 > 5468 <span class="site-nav-dropdown__product-card-media"> 5469 5470 5471 5472 5473 5474 5475 5476 5477 5478 <img 5479 class="site-nav-dropdown__product-card-img nav-product-hero" 5480 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" 5481 width="136" 5482 height="181" 5483 alt="Vintage Cola" 5484 loading="lazy" 5485 decoding="async" 5486 > 5487 5488 </span> 5489 <span class="site-nav-dropdown__product-card-label"> 5490 5491 Vintage Cola 5492 5493 </span> 5494 </a> 5495 </li> 5496 5497 5498 5499 5500 5501 5502 5503 5504 5505 <li class="olipop-minis-tile tw-w-[136px] tw-flex-shrink-0"> 5506 <a 5507 href="/products/ginger-ale-minis" 5508 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" 5509 5510 > 5511 <span class="site-nav-dropdown__product-card-media"> 5512 5513 5514 5515 5516 5517 5518 5519 5520 5521 <img 5522 class="site-nav-dropdown__product-card-img nav-product-hero" 5523 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" 5524 width="136" 5525 height="181" 5526 alt="Ginger Ale" 5527 loading="lazy" 5528 decoding="async" 5529 > 5530 5531 </span> 5532 <span class="site-nav-dropdown__product-card-label"> 5533 5534 Ginger Ale 5535 5536 </span> 5537 </a> 5538 </li> 5539 5540 5541 5542 5543 5544 5545 5546 5547 5548 <li class="olipop-minis-tile tw-w-[136px] tw-flex-shrink-0"> 5549 <a 5550 href="/products/orange-cream-minis" 5551 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" 5552 5553 >
5554 <span class="site-nav-dropdown__product-card-media"> 5555 5556 5557 5558 5559 5560 5561 5562 5563 5564 <img 5565 class="site-nav-dropdown__product-card-img nav-product-hero" 5566 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" 5567 width="136" 5568 height="181" 5569 alt="Orange Cream" 5570 loading="lazy" 5571 decoding="async" 5572 > 5573 5574 </span> 5575 <span class="site-nav-dropdown__product-card-label"> 5576 5577 Orange Cream 5578 5579 </span> 5580 </a> 5581 </li> 5582 5583 5584 </ul> 5585 </div> 5586 </div> 5587 </div> 5588 </div> 5589 5590 5591 5592 <div 5593 id="nav-dropdown-limited-edition-flavors" 5594 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" 5595 > 5596 <div class="site-nav-dropdown__child-menu-inner tw-flex tw-min-h-0 tw-flex-1 tw-flex-col tw-overflow-visible"> 5597 <header class="site-nav-dropdown__subnav-header tw-pl-1"> 5598 <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"> 5599 <div class="site-nav-dropdown__subnav-titles tw-min-w-0 tw-flex-1"> 5600 <h2 class="site-nav-dropdown__subnav-title"> 5601 5602 Shop limited edition flavors 5603 5604 </h2> 5605 5606 <div class="site-nav-dropdown__category-headline"> 5607 <div class="site-nav-dropdown__category-headline-text rte"> 5608 <span class="metafield-single_line_text_field">Store anywhere. Chill to enjoy.</span> 5609 </div> 5610 5611 </div> 5612 5613 5614 <div class="site-nav-dropdown__category-description rte"> 5615 <span class="metafield-multi_line_text_field">Here for a good time, not a long time. Grab these flavors before they sip away! </span> 5616 </div> 5617 5618 </div> 5619 <a 5620 class="site-nav-dropdown__shop-all-outline" 5621 href="/collections/shop-limited-edition" 5622 > 5623 5624 Shop All Limited Edition Flavors 5625 5626 </a> 5627 </div> 5628 </header> 5629 5630 <div 5631 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]" 5632 data-nav-carousel 5633 > 5634 <div 5635 class="site-nav-dropdown__carousel-toolbar tw-flex tw-w-full tw-items-center tw-justify-end tw-gap-1 tw-pr-14" 5636 aria-hidden="false" 5637 > 5638 <button 5639 type="button" 5640 class="site-nav-dropdown__carousel-btn site-nav-dropdown__carousel-btn--prev site-nav-dropdown__carousel-btn--toolbar" 5641 aria-label="Show previous products" 5642 > 5643<svg 5644 xmlns="http://www.w3.org/2000/svg" 5645 width="24" 5646 height="24" 5647 viewBox="0 0 24 24" 5648 fill="none" 5649 class="site-nav-dropdown__carousel-arrow-svg" 5650 aria-hidden="true" 5651 focusable="false" 5652> 5653 <path 5654 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
56540.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" 5655 fill="currentColor" 5656 /> 5657</svg> 5658</button> 5659 <button 5660 type="button" 5661 class="site-nav-dropdown__carousel-btn site-nav-dropdown__carousel-btn--next site-nav-dropdown__carousel-btn--toolbar" 5662 aria-label="Show next products" 5663 > 5664<svg 5665 xmlns="http://www.w3.org/2000/svg" 5666 width="24" 5667 height="24" 5668 viewBox="0 0 24 24" 5669 fill="none" 5670 class="site-nav-dropdown__carousel-arrow-svg" 5671 aria-hidden="true" 5672 focusable="false" 5673> 5674 <path 5675 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" 5676 fill="currentColor" 5677 /> 5678</svg> 5679</button> 5680 </div> 5681 <div 5682 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" 5683 data-carousel-track 5684 tabindex="0" 5685 role="region" 5686 aria-roledescription="carousel" 5687 aria-label="Limited edition flavors products" 5688 > 5689 <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"> 5690 5691 5692 5693 5694 5695 5696 5697 5698 5699 5700 5701 5702 5703 <li class="limited-edition-flavors-tile tw-w-[136px] tw-flex-shrink-0"> 5704 <a 5705 href="/products/caramel-apple" 5706 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" 5707 5708 > 5709 <span class="site-nav-dropdown__product-card-media"> 5710 5711 <div 5712 class="product-badge product-badge--nav product-badge--short-text" 5713 role="status" 5714 aria-label="New" 5715 > 5716 <svg class="product-badge__shape" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 72 72" fill="none" aria-hidden="true"> 5717 <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
571703 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"/> 5718 </svg> 5719 <span class="product-badge__text" style="color: #034638;">New</span> 5720 </div> 5721 5722 5723 5724 5725 5726 5727 5728 5729 5730 <img 5731 class="site-nav-dropdown__product-card-img nav-product-hero" 5732 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" 5733 width="136" 5734 height="181" 5735 alt="Caramel Apple" 5736 loading="lazy" 5737 decoding="async" 5738 > 5739 5740 </span> 5741 <span class="site-nav-dropdown__product-card-label"> 5742 5743 Caramel Apple 5744 5745 </span> 5746 </a> 5747 </li> 5748 5749 5750 5751 5752 5753 5754 5755 5756 5757 <li class="limited-edition-flavors-tile tw-w-[136px] tw-flex-shrink-0"> 5758 <a 5759 href="/products/raspberry-sherbet" 5760 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" 5761 5762 > 5763 <span class="site-nav-dropdown__product-card-media"> 5764 5765 <div 5766 class="product-badge product-badge--nav" 5767 role="status" 5768 aria-label="Limited" 5769 > 5770 <svg class="product-badge__shape" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 72 72" fill="none" aria-hidden="true"> 5771 <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"/> 5772 </svg> 5773 <span class="product-badge__text" style="color: #034638;">Limited</span> 5774 </div> 5775 5776 5777 5778 5779 5780 5781 5782 5783 5784 <img 5785 class="site-nav-dropdown__product-card-img nav-product-hero" 5786 src="//drinkolipop.com/cdn/shop/files/raspberry-sherbert_omni-pdp_single.webp?crop=center&height=362&v=1775754912&width=272" 5787 width="136" 5788 height="181" 5789 alt="Raspberry Sherbet" 5790 loading="lazy" 5791 decoding="async" 5792 > 5793 5794 </span>
5795 <span class="site-nav-dropdown__product-card-label"> 5796 5797 Raspberry Sherbet 5798 5799 </span> 5800 </a> 5801 </li> 5802 5803 5804 5805 5806 5807 5808 5809 5810 5811 <li class="limited-edition-flavors-tile tw-w-[136px] tw-flex-shrink-0"> 5812 <a 5813 href="/products/shirley-temple" 5814 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" 5815 5816 > 5817 <span class="site-nav-dropdown__product-card-media"> 5818 5819 <div 5820 class="product-badge product-badge--nav" 5821 role="status" 5822 aria-label="Limited" 5823 > 5824 <svg class="product-badge__shape" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 72 72" fill="none" aria-hidden="true"> 5825 <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"/> 5826 </svg> 5827 <span class="product-badge__text" style="color: #034638;">Limited</span> 5828 </div> 5829 5830 5831 5832 5833 5834 5835 5836 5837 5838 <img 5839 class="site-nav-dropdown__product-card-img nav-product-hero" 5840 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" 5841 width="136" 5842 height="181" 5843 alt="Shirley Temple" 5844 loading="lazy" 5845 decoding="async" 5846 > 5847 5848 </span> 5849 <span class="site-nav-dropdown__product-card-label"> 5850 5851 Shirley Temple 5852 5853 </span> 5854 </a> 5855 </li> 5856 5857 5858 5859 5860 5861 5862 5863 5864 5865 <li class="limited-edition-flavors-tile tw-w-[136px] tw-flex-shrink-0"> 5866 <a 5867 href="/products/spongebob-pineapple-paradise" 5868 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" 5869 5870 >
5871 <span class="site-nav-dropdown__product-card-media"> 5872 5873 <div 5874 class="product-badge product-badge--nav" 5875 role="status" 5876 aria-label="Limited" 5877 > 5878 <svg class="product-badge__shape" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 72 72" fill="none" aria-hidden="true"> 5879 <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"/> 5880 </svg> 5881 <span class="product-badge__text" style="color: #034638;">Limited</span> 5882 </div> 5883 5884 5885 5886 5887 5888 5889 5890 5891 5892 <img 5893 class="site-nav-dropdown__product-card-img nav-product-hero" 5894 src="//drinkolipop.com/cdn/shop/files/Pineapple-Paradise_cgi-main-image_072925.webp?crop=center&height=362&v=1753844923&width=272" 5895 width="136" 5896 height="181" 5897 alt="Pineapple Paradise" 5898 loading="lazy" 5899 decoding="async" 5900 > 5901 5902 </span> 5903 <span class="site-nav-dropdown__product-card-label"> 5904 5905 Pineapple Paradise 5906 5907 </span> 5908 </a> 5909 </li> 5910 5911 5912 </ul> 5913 </div> 5914 </div> 5915 </div> 5916 </div> 5917 5918 5919 5920 <div 5921 id="nav-dropdown-variety-packs" 5922 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" 5923 > 5924 <div class="site-nav-dropdown__child-menu-inner tw-flex tw-min-h-0 tw-flex-1 tw-flex-col tw-overflow-visible"> 5925 <header class="site-nav-dropdown__subnav-header tw-pl-1"> 5926 <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"> 5927 <div class="site-nav-dropdown__subnav-titles tw-min-w-0 tw-flex-1"> 5928 <h2 class="site-nav-dropdown__subnav-title"> 5929 5930 Shop variety packs 5931 5932 </h2> 5933 5934 <div class="site-nav-dropdown__category-headline"> 5935 <div class="site-nav-dropdown__category-headline-text rte">
5936 <span class="metafield-single_line_text_field">Store anywhere. Chill to enjoy.</span> 5937 </div> 5938 5939 </div> 5940 5941 5942 <div class="site-nav-dropdown__category-description rte"> 5943 <span class="metafield-multi_line_text_field">The ultimate OLIPOP flavor tour, for an easy & fun way to discover your favorites.</span> 5944 </div> 5945 5946 </div> 5947 <a 5948 class="site-nav-dropdown__shop-all-outline" 5949 href="/collections/variety-packs" 5950 > 5951 5952 Shop All Variety Packs 5953 5954 </a> 5955 </div> 5956 </header> 5957 5958 <div 5959 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]" 5960 data-nav-carousel 5961 > 5962 <div 5963 class="site-nav-dropdown__carousel-toolbar tw-flex tw-w-full tw-items-center tw-justify-end tw-gap-1 tw-pr-14" 5964 aria-hidden="false" 5965 > 5966 <button 5967 type="button" 5968 class="site-nav-dropdown__carousel-btn site-nav-dropdown__carousel-btn--prev site-nav-dropdown__carousel-btn--toolbar" 5969 aria-label="Show previous products" 5970 > 5971<svg 5972 xmlns="http://www.w3.org/2000/svg" 5973 width="24" 5974 height="24" 5975 viewBox="0 0 24 24" 5976 fill="none" 5977 class="site-nav-dropdown__carousel-arrow-svg" 5978 aria-hidden="true" 5979 focusable="false" 5980> 5981 <path 5982 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" 5983 fill="currentColor" 5984 /> 5985</svg> 5986</button> 5987 <button 5988 type="button" 5989 class="site-nav-dropdown__carousel-btn site-nav-dropdown__carousel-btn--next site-nav-dropdown__carousel-btn--toolbar" 5990 aria-label="Show next products" 5991 > 5992<svg 5993 xmlns="http://www.w3.org/2000/svg" 5994 width="24" 5995 height="24" 5996 viewBox="0 0 24 24" 5997 fill="none" 5998 class="site-nav-dropdown__carousel-arrow-svg" 5999 aria-hidden="true" 6000 focusable="false" 6001> 6002 <path 6003 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" 6004 fill="currentColor" 6005 /> 6006</svg> 6007</button> 6008 </div> 6009 <div 6010 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" 6011 data-carousel-track 6012 tabindex="0" 6013 role="region" 6014 aria-roledescription="carousel" 6015 aria-label="Variety packs products" 6016 > 6017 <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"> 6018 6019 6020 6021 6022 6023 6024 6025 6026 6027 6028 6029 6030 6031 <li class="variety-packs-tile tw-w-[136px] tw-flex-shrink-0"> 6032 <a 6033 href="/products/classic-soda-variety-pack" 6034 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" 6035 6036 >
6037 <span class="site-nav-dropdown__product-card-media"> 6038 6039 6040 6041 6042 6043 6044 6045 6046 6047 <img 6048 class="site-nav-dropdown__product-card-img nav-product-hero" 6049 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" 6050 width="136" 6051 height="181" 6052 alt="Classic Soda Variety Pack" 6053 loading="lazy" 6054 decoding="async" 6055 > 6056 6057 </span> 6058 <span class="site-nav-dropdown__product-card-label"> 6059 6060 Classic Soda 6061 6062 </span> 6063 </a> 6064 </li> 6065 6066 6067 6068 6069 6070 6071 6072 6073 6074 <li class="variety-packs-tile tw-w-[136px] tw-flex-shrink-0"> 6075 <a 6076 href="/products/fruity-fun-variety-pack" 6077 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" 6078 6079 > 6080 <span class="site-nav-dropdown__product-card-media"> 6081 6082 6083 6084 6085 6086 6087 6088 6089 6090 <img 6091 class="site-nav-dropdown__product-card-img nav-product-hero" 6092 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" 6093 width="136" 6094 height="181" 6095 alt="Fruity Fun Variety Pack" 6096 loading="lazy" 6097 decoding="async" 6098 > 6099 6100 </span> 6101 <span class="site-nav-dropdown__product-card-label"> 6102 6103 Fruity Fun 6104 6105 </span> 6106 </a> 6107 </li> 6108 6109 6110 6111 6112 6113 6114 6115 6116 6117 <li class="variety-packs-tile tw-w-[136px] tw-flex-shrink-0"> 6118 <a 6119 href="/products/favorites-variety-pack" 6120 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" 6121 6122 > 6123 <span class="site-nav-dropdown__product-card-media"> 6124 6125 6126 6127 6128 6129 6130 6131 6132 6133 <img 6134 class="site-nav-dropdown__product-card-img nav-product-hero" 6135 src="//drinkolipop.com/cdn/shop/files/favorites-variety-pack-6g-olipop_main-image-v2_new_asset.webp?crop=center&height=362&v=1779208124&width=272" 6136 width="136" 6137 height="181" 6138 alt="Favorites Variety Pack" 6139 loading="lazy" 6140 decoding="async" 6141 > 6142 6143 </span>
6144 <span class="site-nav-dropdown__product-card-label"> 6145 6146 Favorites 6147 6148 </span> 6149 </a> 6150 </li> 6151 6152 6153 </ul> 6154 </div> 6155 </div> 6156 </div> 6157 </div> 6158 6159 6160 </div> 6161 </div> 6162</div> 6163 6164<style> 6165 .variety-packs-tile { 6166 margin: 0; 6167 } 6168 6169 .site-nav-dropdown__links-footer { 6170 padding-top: 2rem; 6171 align-items: flex-start; 6172 } 6173 6174 .site-nav-dropdown__link.site-nav-dropdown__link-parent.site-nav-dropdown__child-link--active { 6175 border-bottom-width: 0; 6176 border-right-width: 0; 6177 border-top-width: 0; 6178 } 6179 6180 .site-nav-dropdown__link.site-nav-dropdown__link-parent:not(.site-nav-dropdown__child-link--active):hover { 6181 background-color: #ffffff; 6182 border-color: #F3E4CD; 6183 border-right-width: 0; 6184 } 6185 6186 .site-nav-dropdown__link.site-nav-dropdown__link-parent:not(.site-nav-dropdown__child-link--active):not(:first-child):not(:last-child), 6187 .site-nav-dropdown__link.site-nav-dropdown__link-parent.site-nav-dropdown__child-link--active:not(:first-child):not(:last-child) { 6188 margin-top: -1px; 6189 margin-bottom: -1px; 6190 } 6191 6192 .site-nav-dropdown__link.site-nav-dropdown__link-parent.site-nav-dropdown__child-link--active:not(:first-child):not(:last-child) { 6193 margin-top: 0 !important; 6194 margin-bottom: 0 !important; 6195 } 6196 6197 .site-nav-dropdown__link.site-nav-dropdown__link-parent:not(.site-nav-dropdown__child-link--active):first-child, 6198 .site-nav-dropdown__link.site-nav-dropdown__link-parent.site-nav-dropdown__child-link--active:first-child { 6199 margin-bottom: 0; 6200 } 6201 6202 .site-nav-dropdown__link.site-nav-dropdown__link-parent:not(.site-nav-dropdown__child-link--active):last-child, 6203 .site-nav-dropdown__link.site-nav-dropdown__link-parent.site-nav-dropdown__child-link--active:last-child { 6204 margin-top: 0; 6205 } 6206 6207 .site-nav-dropdown__link.site-nav-dropdown__link-parent.site-nav-dropdown__child-link--active:first-child { 6208 margin-bottom: 1px !important; 6209 } 6210 6211 .site-nav-dropdown__link.site-nav-dropdown__link-parent.site-nav-dropdown__child-link--active:last-child {
6212 margin-top: 1px !important; 6213 } 6214</style> 6215 6216 6217 6218 6219 6220 6221 6222 6223 6224 6225 6226 6227 6228 6229<div 6230 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" 6231 id="site-nav-menu-dropdown-learn" 6232 tabindex="-1" 6233> 6234 <button type="button" class="site-nav-dropdown-close">Close menu Learn</button> 6235 6236 <ul 6237 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]" 6238 style="grid-template-columns: repeat(4, minmax(0, 1fr));" 6239 role="list" 6240 > 6241 6242 6243 6244 <li class="site-nav-dropdown__learn-item tw-min-w-0" role="listitem"> 6245 <a 6246 href="/pages/our-story" 6247 class="site-nav-dropdown__learn-cta" 6248 6249 > 6250 <span class="site-nav-dropdown__learn-cta-media"> 6251 6252 <img 6253 src="https://cld.accentuate.io/24019238982/1638801318213/c0ee66b559596ef206e3bb3c0e6f9336.png?v=1739204938752&options=w_400" 6254 alt="Our story" 6255 class="site-nav-dropdown__learn-cta-img" 6256 width="184" 6257 height="175" 6258 loading="lazy" 6259 decoding="async" 6260 > 6261 6262 </span> 6263 <span class="site-nav-dropdown__learn-cta-label">Our story</span> 6264 </a> 6265 </li> 6266 6267 6268 6269 <li class="site-nav-dropdown__learn-item tw-min-w-0" role="listitem"> 6270 <a 6271 href="/pages/ingredients" 6272 class="site-nav-dropdown__learn-cta" 6273 6274 > 6275 <span class="site-nav-dropdown__learn-cta-media"> 6276 6277 <img 6278 src="https://cld.accentuate.io/24019206214/1638801420395/Ingredients_v2.png?v=1644954098882&options=w_400" 6279 alt="Ingredients" 6280 class="site-nav-dropdown__learn-cta-img" 6281 width="184" 6282 height="175" 6283 loading="lazy" 6284 decoding="async" 6285 > 6286 6287 </span> 6288 <span class="site-nav-dropdown__learn-cta-label">Ingredients</span> 6289 </a> 6290 </li> 6291 6292 6293 6294 <li class="site-nav-dropdown__learn-item tw-min-w-0" role="listitem"> 6295 <a 6296 href="/pages/digestive-health" 6297 class="site-nav-dropdown__learn-cta" 6298 6299 > 6300 <span class="site-nav-dropdown__learn-cta-media"> 6301 6302 <img 6303 src="https://cld.accentuate.io/25773441094/1638801408530/d629d13dc396e78ebfce3023f74d4eac.png?v=1739204218145&options=w_400" 6304 alt="Digestive health" 6305 class="site-nav-dropdown__learn-cta-img" 6306 width="184" 6307 height="175" 6308 loading="lazy" 6309 decoding="async" 6310 > 6311 6312 </span> 6313 <span class="site-nav-dropdown__learn-cta-label">Digestive health</span> 6314 </a> 6315 </li> 6316 6317 6318 6319 <li class="site-nav-dropdown__learn-item tw-min-w-0" role="listitem"> 6320 <a 6321 href="/pages/fiber-education" 6322 class="site-nav-dropdown__learn-cta" 6323 6324 > 6325 <span class="site-nav-dropdown__learn-cta-media"> 6326 6327 <img 6328 src="https://cld.accentuate.io/97731313823/1778795013671/Fiber-Education-nav_cp.png?v=1778795013671&options=w_400" 6329 alt="Fiber education" 6330 class="site-nav-dropdown__learn-cta-img" 6331 width="184" 6332 height="175" 6333 loading="lazy" 6334 decoding="async" 6335 > 6336 6337 </span> 6338 <span class="site-nav-dropdown__learn-cta-label">Fiber education</span> 6339 </a> 6340 </li> 6341 6342 </ul> 6343</div> 6344 6345 6346 6347 6348 6349 6350 6351 6352</div> 6353 6354 </div> 6355 6356 6357 6358 6359 6360 6361 6362 6363 6364 6365 6366 6367 6368 6369 6370 6371 6372 6373 6374 6375 6376 6377 6378 6379 6380 6381 6382 6383 6384 6385 6386 6387 6388 6389 6390 6391 6392 6393 6394 6395 6396 6397 6398 6399 6400 6401 6402 6403 6404 6405 6406 6407 6408<div 6409 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" 6410 js-mobile-menu 6411> 6412 <div 6413 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" 6414 data-mobile-menu-dismiss 6415 aria-hidden="true" 6416 ></div> 6417 6418 <div 6419 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)]" 6420 role="dialog" 6421 aria-modal="true" 6422 aria-labelledby="mobile-menu-tablist-label" 6423 js-mobile-menu-panel 6424 tabindex="-1" 6425 > 6426 <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"> 6427 <h2 id="mobile-menu-tablist-label" class="tw-sr-only">Site menu</h2> 6428 6429 6430 <div 6431 class="mobile-menu__tabs tw-flex tw-shrink-0 tw-flex-col" 6432 role="tablist" 6433 aria-label="Shop or Learn" 6434 > 6435 <div class="mobile-menu__tab-toggle tw-flex tw-flex-1"> 6436 <button 6437 type="button" 6438 class="mobile-menu__tab mobile-menu__tab--shop is-selected tw-flex-1 tw-border-0" 6439 role="tab" 6440 id="mobile-tab-shop" 6441 aria-selected="true"
6442 aria-controls="mobile-panel-shop" 6443 tabindex="0" 6444 data-mobile-tab="shop" 6445 > 6446 Shop 6447 </button> 6448 <button 6449 type="button" 6450 class="mobile-menu__tab mobile-menu__tab--learn tw-flex-1 tw-border-0" 6451 role="tab" 6452 id="mobile-tab-learn" 6453 aria-selected="false" 6454 aria-controls="mobile-panel-learn" 6455 tabindex="-1" 6456 data-mobile-tab="learn" 6457 > 6458 Learn 6459 </button> 6460 </div> 6461 </div> 6462 6463 6464 <div class="mobile-menu__panels tw-min-h-0 tw-flex-1 tw-overflow-y-auto tw-overscroll-contain"> 6465 <div 6466 id="mobile-panel-shop" 6467 class="mobile-menu__tabpanel" 6468 role="tabpanel" 6469 6470 aria-labelledby="mobile-tab-shop" 6471 tabindex="0" 6472 6473 data-mobile-panel="shop" 6474 > 6475 6476 6477 6478 6479 6480 6481 <div class="mobile-menu__shop-body"> 6482 6483 6484 6485 6486 6487 6488 <details 6489 id="mobile-shop-acc-1" 6490 class="mobile-menu__accordion" 6491 6492 open 6493 6494 > 6495 <summary class="mobile-menu__accordion-summary"> 6496 <span class="mobile-menu__accordion-summary-text"> 6497 <span class="mobile-menu__accordion-title"> 6498 9g fiber line 6499 </span> 6500 </span> 6501 <span class="mobile-menu__accordion-toggle-icons" aria-hidden="true"> 6502 <span class="mobile-menu__accordion-icon mobile-menu__accordion-icon--plus"> 6503 <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" aria-hidden="true" focusable="false"> 6504 <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"/> 6505</svg> 6506 6507 </span> 6508 <span class="mobile-menu__accordion-icon mobile-menu__accordion-icon--minus"> 6509 <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" aria-hidden="true" focusable="false"> 6510 <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"/> 6511</svg> 6512 6513 </span> 6514 </span> 6515 </summary> 6516 6517 <div class="mobile-menu__accordion-panel"> 6518 6519 <div class="mobile-menu__category-headline"> 6520 <div class="mobile-menu__category-headline-text rte"> 6521 <span class="metafield-single_line_text_field">Keep refrigerated</span> 6522 </div> 6523 6524 <span class="mobile-menu__category-headline-icon" aria-hidden="true"> 6525 <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"> 6526 </span> 6527 6528 </div> 6529 6530 6531 <div class="mobile-menu__category-description rte"> 6532 <span class="metafield-multi_line_text_field">Our original refrigerated formula, with higher fiber per can to get more out of every sip.</span> 6533 </div> 6534 6535 6536 <div 6537 class="mobile-menu__product-scroller tw-min-w-0 tw-overflow-x-auto tw-overflow-y-visible" 6538 tabindex="0" 6539 role="region" 6540 aria-roledescription="carousel" 6541 aria-label="9g fiber line — products" 6542 > 6543 <ul class="mobile-menu__product-row tw-m-0 tw-flex tw-list-none tw-flex-nowrap tw-p-0"> 6544 6545 6546 6547 6548 6549 6550 6551 6552 6553 6554 6555 6556 6557 6558 <li class="mobile-menu__product-tile"> 6559 <a 6560 href="/products/caramel-apple" 6561 class="mobile-menu__product-card" 6562 6563 >
6564 <span class="mobile-menu__product-card-media"> 6565 6566 <div 6567 class="product-badge product-badge--nav product-badge--short-text" 6568 role="status" 6569 aria-label="New" 6570 > 6571 <svg class="product-badge__shape" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 72 72" fill="none" aria-hidden="true"> 6572 <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"/> 6573 </svg> 6574 <span class="product-badge__text" style="color: #034638;">New</span> 6575 </div> 6576 6577 6578 6579 6580 6581 6582 6583 6584 6585 <img 6586 class="mobile-menu__product-img" 6587 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" 6588 width="136" 6589 height="181" 6590 alt="Caramel Apple" 6591 loading="lazy" 6592 decoding="async" 6593 > 6594 6595 </span> 6596 <span class="mobile-menu__product-card-label">Caramel Apple</span> 6597 </a> 6598 </li> 6599 6600 6601 6602 6603 6604 6605 6606 6607 6608 6609 6610 6611 6612 <li class="mobile-menu__product-tile"> 6613 <a 6614 href="/products/blackberry-vanilla" 6615 class="mobile-menu__product-card" 6616 6617 > 6618 <span class="mobile-menu__product-card-media"> 6619 6620 6621 6622 6623 6624 6625 6626 6627 6628 <img 6629 class="mobile-menu__product-img" 6630 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" 6631 width="136" 6632 height="181" 6633 alt="Blackberry Vanilla" 6634 loading="lazy" 6635 decoding="async" 6636 > 6637 6638 </span>
6639 <span class="mobile-menu__product-card-label">Blackberry Vanilla</span> 6640 </a> 6641 </li> 6642 6643 6644 6645 6646 6647 6648 6649 6650 6651 6652 6653 6654 6655 <li class="mobile-menu__product-tile"> 6656 <a 6657 href="/products/crisp-apple" 6658 class="mobile-menu__product-card" 6659 6660 > 6661 <span class="mobile-menu__product-card-media"> 6662 6663 6664 6665 6666 6667 6668 6669 6670 6671 <img 6672 class="mobile-menu__product-img" 6673 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" 6674 width="136" 6675 height="181" 6676 alt="Crisp Apple" 6677 loading="lazy" 6678 decoding="async" 6679 > 6680 6681 </span> 6682 <span class="mobile-menu__product-card-label">Crisp Apple </span> 6683 </a> 6684 </li> 6685 6686 6687 6688 6689 6690 6691 6692 6693 6694 6695 6696 6697 6698 <li class="mobile-menu__product-tile"> 6699 <a 6700 href="/products/classic-grape" 6701 class="mobile-menu__product-card" 6702 6703 > 6704 <span class="mobile-menu__product-card-media"> 6705 6706 6707 6708 6709 6710 6711 6712 6713 6714 <img 6715 class="mobile-menu__product-img" 6716 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" 6717 width="136" 6718 height="181" 6719 alt="Classic Grape" 6720 loading="lazy" 6721 decoding="async" 6722 > 6723 6724 </span> 6725 <span class="mobile-menu__product-card-label">Classic Grape</span> 6726 </a> 6727 </li> 6728 6729 6730 6731 6732 6733 6734 6735 6736 6737 6738 6739 6740 6741 <li class="mobile-menu__product-tile"> 6742 <a 6743 href="/products/classic-root-beer" 6744 class="mobile-menu__product-card" 6745 6746 > 6747 <span class="mobile-menu__product-card-media"> 6748 6749 6750 6751 6752 6753 6754 6755 6756 6757 <img 6758 class="mobile-menu__product-img" 6759 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" 6760 width="136" 6761 height="181" 6762 alt="Classic Root Beer" 6763 loading="lazy" 6764 decoding="async" 6765 > 6766 6767 </span>
6768 <span class="mobile-menu__product-card-label">Classic Root Beer</span> 6769 </a> 6770 </li> 6771 6772 6773 6774 6775 6776 6777 6778 6779 6780 6781 6782 6783 6784 <li class="mobile-menu__product-tile"> 6785 <a 6786 href="/products/vintage-cola" 6787 class="mobile-menu__product-card" 6788 6789 > 6790 <span class="mobile-menu__product-card-media"> 6791 6792 6793 6794 6795 6796 6797 6798 6799 6800 <img 6801 class="mobile-menu__product-img" 6802 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" 6803 width="136" 6804 height="181" 6805 alt="Vintage Cola" 6806 loading="lazy" 6807 decoding="async" 6808 > 6809 6810 </span> 6811 <span class="mobile-menu__product-card-label">Vintage Cola</span> 6812 </a> 6813 </li> 6814 6815 6816 6817 6818 6819 6820 6821 6822 6823 6824 6825 6826 6827 <li class="mobile-menu__product-tile"> 6828 <a 6829 href="/products/cream-soda" 6830 class="mobile-menu__product-card" 6831 6832 > 6833 <span class="mobile-menu__product-card-media"> 6834 6835 6836 6837 6838 6839 6840 6841 6842 6843 <img 6844 class="mobile-menu__product-img" 6845 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" 6846 width="136" 6847 height="181" 6848 alt="Cream Soda" 6849 loading="lazy" 6850 decoding="async" 6851 > 6852 6853 </span> 6854 <span class="mobile-menu__product-card-label">Cream Soda</span> 6855 </a> 6856 </li> 6857 6858 6859 6860 6861 6862 6863 6864 6865 6866 6867 6868 6869 6870 <li class="mobile-menu__product-tile"> 6871 <a 6872 href="/products/strawberry-vanilla" 6873 class="mobile-menu__product-card" 6874 6875 > 6876 <span class="mobile-menu__product-card-media"> 6877 6878 6879 6880 6881 6882 6883 6884 6885 6886 <img 6887 class="mobile-menu__product-img" 6888 src="//drinkolipop.com/cdn/shop/files/strawberry-vanilla-9g-olipop_gallery-main-image_new_asset.webp?crop=center&height=362&v=1779161007&width=272" 6889 width="136" 6890 height="181" 6891 alt="Strawberry Vanilla" 6892 loading="lazy" 6893 decoding="async" 6894 > 6895 6896 </span>
6897 <span class="mobile-menu__product-card-label">Strawberry Vanilla</span> 6898 </a> 6899 </li> 6900 6901 6902 6903 6904 6905 6906 6907 6908 6909 6910 6911 6912 6913 <li class="mobile-menu__product-tile"> 6914 <a 6915 href="/products/cherry-cola" 6916 class="mobile-menu__product-card" 6917 6918 > 6919 <span class="mobile-menu__product-card-media"> 6920 6921 6922 6923 6924 6925 6926 6927 6928 6929 <img 6930 class="mobile-menu__product-img" 6931 src="//drinkolipop.com/cdn/shop/files/cherry-cola-9g-olipop_gallery-main-image_new_asset.webp?crop=center&height=362&v=1779163770&width=272" 6932 width="136" 6933 height="181" 6934 alt="Cherry Cola" 6935 loading="lazy" 6936 decoding="async" 6937 > 6938 6939 </span> 6940 <span class="mobile-menu__product-card-label">Cherry Cola</span> 6941 </a> 6942 </li> 6943 6944 6945 6946 6947 6948 6949 6950 6951 6952 6953 6954 6955 6956 <li class="mobile-menu__product-tile"> 6957 <a 6958 href="/products/orange-cream" 6959 class="mobile-menu__product-card" 6960 6961 > 6962 <span class="mobile-menu__product-card-media"> 6963 6964 6965 6966 6967 6968 6969 6970 6971 6972 <img 6973 class="mobile-menu__product-img" 6974 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" 6975 width="136" 6976 height="181" 6977 alt="Orange Cream" 6978 loading="lazy" 6979 decoding="async" 6980 > 6981 6982 </span> 6983 <span class="mobile-menu__product-card-label">Orange Cream</span> 6984 </a> 6985 </li> 6986 6987 6988 6989 6990 6991 6992 6993 6994 6995 6996 6997 6998 6999 <li class="mobile-menu__product-tile"> 7000 <a 7001 href="/products/peaches-and-cream" 7002 class="mobile-menu__product-card" 7003 7004 > 7005 <span class="mobile-menu__product-card-media"> 7006 7007 7008 7009 7010 7011 7012 7013 7014 7015 <img 7016 class="mobile-menu__product-img" 7017 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" 7018 width="136" 7019 height="181" 7020 alt="Peaches & Cream" 7021 loading="lazy" 7022 decoding="async" 7023 > 7024 7025 </span>
7026 <span class="mobile-menu__product-card-label">Peaches & Cream</span> 7027 </a> 7028 </li> 7029 7030 7031 7032 7033 7034 7035 7036 7037 7038 7039 7040 7041 7042 <li class="mobile-menu__product-tile"> 7043 <a 7044 href="/products/orange-squeeze" 7045 class="mobile-menu__product-card" 7046 7047 > 7048 <span class="mobile-menu__product-card-media"> 7049 7050 7051 7052 7053 7054 7055 7056 7057 7058 <img 7059 class="mobile-menu__product-img" 7060 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" 7061 width="136" 7062 height="181" 7063 alt="Orange Squeeze" 7064 loading="lazy" 7065 decoding="async" 7066 > 7067 7068 </span> 7069 <span class="mobile-menu__product-card-label">Orange Squeeze</span> 7070 </a> 7071 </li> 7072 7073 7074 7075 7076 7077 7078 7079 7080 7081 7082 7083 7084 7085 <li class="mobile-menu__product-tile"> 7086 <a 7087 href="/products/ginger-ale" 7088 class="mobile-menu__product-card" 7089 7090 > 7091 <span class="mobile-menu__product-card-media"> 7092 7093 7094 7095 7096 7097 7098 7099 7100 7101 <img 7102 class="mobile-menu__product-img" 7103 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" 7104 width="136" 7105 height="181" 7106 alt="Ginger Ale" 7107 loading="lazy" 7108 decoding="async" 7109 > 7110 7111 </span> 7112 <span class="mobile-menu__product-card-label">Ginger Ale</span> 7113 </a> 7114 </li> 7115 7116 7117 7118 7119 7120 7121 7122 7123 7124 7125 7126 7127 7128 <li class="mobile-menu__product-tile"> 7129 <a 7130 href="/products/citrus-rush" 7131 class="mobile-menu__product-card" 7132 7133 > 7134 <span class="mobile-menu__product-card-media"> 7135 7136 7137 7138 7139 7140 7141 7142 7143 7144 <img 7145 class="mobile-menu__product-img" 7146 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" 7147 width="136" 7148 height="181" 7149 alt="Citrus Rush" 7150 loading="lazy" 7151 decoding="async" 7152 > 7153 7154 </span>
7155 <span class="mobile-menu__product-card-label">Citrus Rush</span> 7156 </a> 7157 </li> 7158 7159 7160 7161 7162 7163 7164 7165 7166 7167 7168 7169 7170 7171 <li class="mobile-menu__product-tile"> 7172 <a 7173 href="/products/doctor-goodwin" 7174 class="mobile-menu__product-card" 7175 7176 > 7177 <span class="mobile-menu__product-card-media"> 7178 7179 7180 7181 7182 7183 7184 7185 7186 7187 <img 7188 class="mobile-menu__product-img" 7189 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" 7190 width="136" 7191 height="181" 7192 alt="Doctor Goodwin" 7193 loading="lazy" 7194 decoding="async" 7195 > 7196 7197 </span> 7198 <span class="mobile-menu__product-card-label">Doctor Goodwin</span> 7199 </a> 7200 </li> 7201 7202 7203 7204 7205 7206 7207 7208 7209 7210 7211 7212 7213 7214 <li class="mobile-menu__product-tile"> 7215 <a 7216 href="/products/cherry-vanilla" 7217 class="mobile-menu__product-card" 7218 7219 > 7220 <span class="mobile-menu__product-card-media"> 7221 7222 7223 7224 7225 7226 7227 7228 7229 7230 <img 7231 class="mobile-menu__product-img" 7232 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" 7233 width="136" 7234 height="181" 7235 alt="Cherry Vanilla" 7236 loading="lazy" 7237 decoding="async" 7238 > 7239 7240 </span> 7241 <span class="mobile-menu__product-card-label">Cherry Vanilla </span> 7242 </a> 7243 </li> 7244 7245 7246 7247 7248 7249 7250 7251 7252 7253 7254 7255 7256 7257 <li class="mobile-menu__product-tile"> 7258 <a 7259 href="/products/tropical-punch" 7260 class="mobile-menu__product-card" 7261 7262 > 7263 <span class="mobile-menu__product-card-media"> 7264 7265 7266 7267 7268 7269 7270 7271 7272 7273 <img 7274 class="mobile-menu__product-img" 7275 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" 7276 width="136" 7277 height="181" 7278 alt="Tropical Punch" 7279 loading="lazy" 7280 decoding="async" 7281 > 7282 7283 </span>
7284 <span class="mobile-menu__product-card-label">Tropical Punch</span> 7285 </a> 7286 </li> 7287 7288 7289 7290 7291 7292 7293 7294 7295 7296 7297 7298 7299 7300 <li class="mobile-menu__product-tile"> 7301 <a 7302 href="/products/lemon-lime" 7303 class="mobile-menu__product-card" 7304 7305 > 7306 <span class="mobile-menu__product-card-media"> 7307 7308 7309 7310 7311 7312 7313 7314 7315 7316 <img 7317 class="mobile-menu__product-img" 7318 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" 7319 width="136" 7320 height="181" 7321 alt="Lemon Lime" 7322 loading="lazy" 7323 decoding="async" 7324 > 7325 7326 </span> 7327 <span class="mobile-menu__product-card-label">Lemon Lime</span> 7328 </a> 7329 </li> 7330 7331 7332 7333 7334 7335 7336 7337 7338 7339 7340 7341 7342 7343 <li class="mobile-menu__product-tile"> 7344 <a 7345 href="/products/ginger-lemon" 7346 class="mobile-menu__product-card" 7347 7348 > 7349 <span class="mobile-menu__product-card-media"> 7350 7351 7352 7353 7354 7355 7356 7357 7358 7359 <img 7360 class="mobile-menu__product-img" 7361 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" 7362 width="136" 7363 height="181" 7364 alt="Ginger Lemon" 7365 loading="lazy" 7366 decoding="async" 7367 > 7368 7369 </span> 7370 <span class="mobile-menu__product-card-label">Ginger Lemon</span> 7371 </a> 7372 </li> 7373 7374 7375 7376 7377 7378 7379 7380 7381 7382 7383 7384 7385 7386 <li class="mobile-menu__product-tile"> 7387 <a 7388 href="/products/watermelon-lime" 7389 class="mobile-menu__product-card" 7390 7391 > 7392 <span class="mobile-menu__product-card-media"> 7393 7394 7395 7396 7397 7398 7399 7400 7401 7402 <img 7403 class="mobile-menu__product-img" 7404 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" 7405 width="136" 7406 height="181" 7407 alt="Watermelon Lime" 7408 loading="lazy" 7409 decoding="async" 7410 > 7411 7412 </span>
7413 <span class="mobile-menu__product-card-label">Watermelon Lime</span> 7414 </a> 7415 </li> 7416 7417 7418 7419 7420 7421 7422 7423 7424 7425 7426 7427 7428 7429 <li class="mobile-menu__product-tile"> 7430 <a 7431 href="/products/banana-cream" 7432 class="mobile-menu__product-card" 7433 7434 > 7435 <span class="mobile-menu__product-card-media"> 7436 7437 7438 7439 7440 7441 7442 7443 7444 7445 <img 7446 class="mobile-menu__product-img" 7447 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" 7448 width="136" 7449 height="181" 7450 alt="Banana Cream" 7451 loading="lazy" 7452 decoding="async" 7453 > 7454 7455 </span> 7456 <span class="mobile-menu__product-card-label">Banana Cream</span> 7457 </a> 7458 </li> 7459 7460 7461 7462 7463 7464 7465 </ul> 7466 </div> 7467 7468 <div class="mobile-menu__shop-all-category"> 7469 7470 <a class="mobile-menu__btn-outline" href="/collections/shop-9g-fiber">Shop All 9g Fiber</a> 7471 7472 </div> 7473 </div> 7474 </details> 7475 7476 7477 7478 7479 7480 7481 7482 7483 <details 7484 id="mobile-shop-acc-2" 7485 class="mobile-menu__accordion" 7486 7487 > 7488 <summary class="mobile-menu__accordion-summary"> 7489 <span class="mobile-menu__accordion-summary-text"> 7490 <span class="mobile-menu__accordion-title"> 7491 6g fiber line 7492 </span> 7493 </span> 7494 <span class="mobile-menu__accordion-toggle-icons" aria-hidden="true"> 7495 <span class="mobile-menu__accordion-icon mobile-menu__accordion-icon--plus"> 7496 <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" aria-hidden="true" focusable="false"> 7497 <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"/> 7498</svg> 7499 7500 </span> 7501 <span class="mobile-menu__accordion-icon mobile-menu__accordion-icon--minus"> 7502 <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" aria-hidden="true" focusable="false"> 7503 <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"/> 7504</svg> 7505 7506 </span> 7507 </span> 7508 </summary> 7509 7510 <div class="mobile-menu__accordion-panel"> 7511 7512 <div class="mobile-menu__category-headline"> 7513 <div class="mobile-menu__category-headline-text rte">
7514 <span class="metafield-single_line_text_field">Store anywhere. Chill to enjoy.</span> 7515 </div> 7516 7517 </div> 7518 7519 7520 <div class="mobile-menu__category-description rte"> 7521 <span class="metafield-multi_line_text_field">Same great taste & digestive support, in a lower‑fiber, store‑anywhere format.</span> 7522 </div> 7523 7524 7525 <div 7526 class="mobile-menu__product-scroller tw-min-w-0 tw-overflow-x-auto tw-overflow-y-visible" 7527 tabindex="0" 7528 role="region" 7529 aria-roledescription="carousel" 7530 aria-label="6g fiber line — products" 7531 > 7532 <ul class="mobile-menu__product-row tw-m-0 tw-flex tw-list-none tw-flex-nowrap tw-p-0"> 7533 7534 7535 7536 7537 7538 7539 7540 7541 7542 7543 7544 7545 7546 7547 <li class="mobile-menu__product-tile"> 7548 <a 7549 href="/products/raspberry-sherbet" 7550 class="mobile-menu__product-card" 7551 7552 > 7553 <span class="mobile-menu__product-card-media"> 7554 7555 <div 7556 class="product-badge product-badge--nav" 7557 role="status" 7558 aria-label="Limited" 7559 > 7560 <svg class="product-badge__shape" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 72 72" fill="none" aria-hidden="true"> 7561 <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"/> 7562 </svg> 7563 <span class="product-badge__text" style="color: #034638;">Limited</span> 7564 </div> 7565 7566 7567 7568 7569 7570 7571 7572 7573 7574 <img 7575 class="mobile-menu__product-img" 7576 src="//drinkolipop.com/cdn/shop/files/raspberry-sherbert_omni-pdp_single.webp?crop=center&height=362&v=1775754912&width=272" 7577 width="136" 7578 height="181" 7579 alt="Raspberry Sherbet" 7580 loading="lazy" 7581 decoding="async" 7582 > 7583 7584 </span> 7585 <span class="mobile-menu__product-card-label">Raspberry Sherbet</span> 7586 </a> 7587 </li> 7588 7589 7590 7591 7592 7593 7594 7595 7596 7597 7598 7599 7600 7601 <li class="mobile-menu__product-tile"> 7602 <a 7603 href="/products/shirley-temple" 7604 class="mobile-menu__product-card" 7605 7606 >
7607 <span class="mobile-menu__product-card-media"> 7608 7609 <div 7610 class="product-badge product-badge--nav" 7611 role="status" 7612 aria-label="Limited" 7613 > 7614 <svg class="product-badge__shape" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 72 72" fill="none" aria-hidden="true"> 7615 <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"/> 7616 </svg> 7617 <span class="product-badge__text" style="color: #034638;">Limited</span> 7618 </div> 7619 7620 7621 7622 7623 7624 7625 7626 7627 7628 <img 7629 class="mobile-menu__product-img" 7630 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" 7631 width="136" 7632 height="181" 7633 alt="Shirley Temple" 7634 loading="lazy" 7635 decoding="async" 7636 > 7637 7638 </span> 7639 <span class="mobile-menu__product-card-label">Shirley Temple</span> 7640 </a> 7641 </li> 7642 7643 7644 7645 7646 7647 7648 7649 7650 7651 7652 7653 7654 7655 <li class="mobile-menu__product-tile"> 7656 <a 7657 href="/products/spongebob-pineapple-paradise" 7658 class="mobile-menu__product-card" 7659 7660 > 7661 <span class="mobile-menu__product-card-media"> 7662 7663 <div 7664 class="product-badge product-badge--nav" 7665 role="status" 7666 aria-label="Limited" 7667 > 7668 <svg class="product-badge__shape" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 72 72" fill="none" aria-hidden="true"> 7669 <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
766903 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"/> 7670 </svg> 7671 <span class="product-badge__text" style="color: #034638;">Limited</span> 7672 </div> 7673 7674 7675 7676 7677 7678 7679 7680 7681 7682 <img 7683 class="mobile-menu__product-img" 7684 src="//drinkolipop.com/cdn/shop/files/Pineapple-Paradise_cgi-main-image_072925.webp?crop=center&height=362&v=1753844923&width=272" 7685 width="136" 7686 height="181" 7687 alt="Pineapple Paradise" 7688 loading="lazy" 7689 decoding="async" 7690 > 7691 7692 </span> 7693 <span class="mobile-menu__product-card-label">Pineapple Paradise</span> 7694 </a> 7695 </li> 7696 7697 7698 7699 7700 7701 7702 7703 7704 7705 7706 7707 7708 7709 <li class="mobile-menu__product-tile"> 7710 <a 7711 href="/products/crisp-apple-6g-fiber" 7712 class="mobile-menu__product-card" 7713 7714 > 7715 <span class="mobile-menu__product-card-media"> 7716 7717 7718 7719 7720 7721 7722 7723 7724 7725 <img 7726 class="mobile-menu__product-img" 7727 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" 7728 width="136" 7729 height="181" 7730 alt="Crisp Apple" 7731 loading="lazy" 7732 decoding="async" 7733 > 7734 7735 </span> 7736 <span class="mobile-menu__product-card-label">Crisp Apple</span> 7737 </a> 7738 </li> 7739 7740 7741 7742 7743 7744 7745 7746 7747 7748 7749 7750 7751 7752 <li class="mobile-menu__product-tile"> 7753 <a 7754 href="/products/classic-grape-6g-fiber" 7755 class="mobile-menu__product-card" 7756 7757 > 7758 <span class="mobile-menu__product-card-media"> 7759 7760 7761 7762 7763 7764 7765 7766 7767 7768 <img 7769 class="mobile-menu__product-img" 7770 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" 7771 width="136" 7772 height="181" 7773 alt="Classic Grape" 7774 loading="lazy" 7775 decoding="async" 7776 > 7777 7778 </span>
7779 <span class="mobile-menu__product-card-label">Classic Grape</span> 7780 </a> 7781 </li> 7782 7783 7784 7785 7786 7787 7788 7789 7790 7791 7792 7793 7794 7795 <li class="mobile-menu__product-tile"> 7796 <a 7797 href="/products/vintage-cola-6g-fiber" 7798 class="mobile-menu__product-card" 7799 7800 > 7801 <span class="mobile-menu__product-card-media"> 7802 7803 7804 7805 7806 7807 7808 7809 7810 7811 <img 7812 class="mobile-menu__product-img" 7813 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" 7814 width="136" 7815 height="181" 7816 alt="Vintage Cola" 7817 loading="lazy" 7818 decoding="async" 7819 > 7820 7821 </span> 7822 <span class="mobile-menu__product-card-label">Vintage Cola</span> 7823 </a> 7824 </li> 7825 7826 7827 7828 7829 7830 7831 7832 7833 7834 7835 7836 7837 7838 <li class="mobile-menu__product-tile"> 7839 <a 7840 href="/products/classic-root-beer-6g-fiber" 7841 class="mobile-menu__product-card" 7842 7843 > 7844 <span class="mobile-menu__product-card-media"> 7845 7846 7847 7848 7849 7850 7851 7852 7853 7854 <img 7855 class="mobile-menu__product-img" 7856 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" 7857 width="136" 7858 height="181" 7859 alt="Classic Root Beer" 7860 loading="lazy" 7861 decoding="async" 7862 > 7863 7864 </span> 7865 <span class="mobile-menu__product-card-label">Classic Root Beer</span> 7866 </a> 7867 </li> 7868 7869 7870 7871 7872 7873 7874 7875 7876 7877 7878 7879 7880 7881 <li class="mobile-menu__product-tile"> 7882 <a 7883 href="/products/cream-soda-6g-fiber" 7884 class="mobile-menu__product-card" 7885 7886 > 7887 <span class="mobile-menu__product-card-media"> 7888 7889 7890 7891 7892 7893 7894 7895 7896 7897 <img 7898 class="mobile-menu__product-img" 7899 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" 7900 width="136" 7901 height="181" 7902 alt="Cream Soda" 7903 loading="lazy" 7904 decoding="async" 7905 > 7906 7907 </span>
7908 <span class="mobile-menu__product-card-label">Cream Soda</span> 7909 </a> 7910 </li> 7911 7912 7913 7914 7915 7916 7917 7918 7919 7920 7921 7922 7923 7924 <li class="mobile-menu__product-tile"> 7925 <a 7926 href="/products/strawberry-vanilla-6g-fiber" 7927 class="mobile-menu__product-card" 7928 7929 > 7930 <span class="mobile-menu__product-card-media"> 7931 7932 7933 7934 7935 7936 7937 7938 7939 7940 <img 7941 class="mobile-menu__product-img" 7942 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" 7943 width="136" 7944 height="181" 7945 alt="Strawberry Vanilla" 7946 loading="lazy" 7947 decoding="async" 7948 > 7949 7950 </span> 7951 <span class="mobile-menu__product-card-label">Strawberry Vanilla</span> 7952 </a> 7953 </li> 7954 7955 7956 7957 7958 7959 7960 7961 7962 7963 7964 7965 7966 7967 <li class="mobile-menu__product-tile"> 7968 <a 7969 href="/products/cherry-cola-6g-fiber" 7970 class="mobile-menu__product-card" 7971 7972 > 7973 <span class="mobile-menu__product-card-media"> 7974 7975 7976 7977 7978 7979 7980 7981 7982 7983 <img 7984 class="mobile-menu__product-img" 7985 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" 7986 width="136" 7987 height="181" 7988 alt="Cherry Cola" 7989 loading="lazy" 7990 decoding="async" 7991 > 7992 7993 </span> 7994 <span class="mobile-menu__product-card-label">Cherry Cola</span> 7995 </a> 7996 </li> 7997 7998 7999 8000 8001 8002 8003 8004 8005 8006 8007 8008 8009 8010 <li class="mobile-menu__product-tile"> 8011 <a 8012 href="/products/citrus-rush-6g-fiber" 8013 class="mobile-menu__product-card" 8014 8015 > 8016 <span class="mobile-menu__product-card-media"> 8017 8018 8019 8020 8021 8022 8023 8024 8025 8026 <img 8027 class="mobile-menu__product-img" 8028 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" 8029 width="136" 8030 height="181" 8031 alt="Citrus Rush" 8032 loading="lazy" 8033 decoding="async" 8034 > 8035 8036 </span>
8037 <span class="mobile-menu__product-card-label">Citrus Rush</span> 8038 </a> 8039 </li> 8040 8041 8042 8043 8044 8045 8046 8047 8048 8049 8050 8051 8052 8053 <li class="mobile-menu__product-tile"> 8054 <a 8055 href="/products/ginger-ale-6g-fiber" 8056 class="mobile-menu__product-card" 8057 8058 > 8059 <span class="mobile-menu__product-card-media"> 8060 8061 8062 8063 8064 8065 8066 8067 8068 8069 <img 8070 class="mobile-menu__product-img" 8071 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" 8072 width="136" 8073 height="181" 8074 alt="Ginger Ale" 8075 loading="lazy" 8076 decoding="async" 8077 > 8078 8079 </span> 8080 <span class="mobile-menu__product-card-label">Ginger Ale</span> 8081 </a> 8082 </li> 8083 8084 8085 8086 8087 8088 8089 8090 8091 8092 8093 8094 8095 8096 <li class="mobile-menu__product-tile"> 8097 <a 8098 href="/products/lemon-lime-6g-fiber" 8099 class="mobile-menu__product-card" 8100 8101 > 8102 <span class="mobile-menu__product-card-media"> 8103 8104 8105 8106 8107 8108 8109 8110 8111 8112 <img 8113 class="mobile-menu__product-img" 8114 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" 8115 width="136" 8116 height="181" 8117 alt="Lemon Lime" 8118 loading="lazy" 8119 decoding="async" 8120 > 8121 8122 </span> 8123 <span class="mobile-menu__product-card-label">Lemon Lime</span> 8124 </a> 8125 </li> 8126 8127 8128 8129 8130 8131 8132 </ul> 8133 </div> 8134 8135 <div class="mobile-menu__shop-all-category"> 8136 8137 <a class="mobile-menu__btn-outline" href="/collections/shop-6g-fiber">Shop All 6g Fiber</a> 8138 8139 </div> 8140 </div> 8141 </details> 8142 8143 8144 8145 8146 8147 8148 8149 8150 <details 8151 id="mobile-shop-acc-3" 8152 class="mobile-menu__accordion" 8153 8154 > 8155 <summary class="mobile-menu__accordion-summary"> 8156 <span class="mobile-menu__accordion-summary-text"> 8157 <span class="mobile-menu__accordion-title"> 8158 OLIPOP MINIs 8159 </span> 8160 </span> 8161 <span class="mobile-menu__accordion-toggle-icons" aria-hidden="true">
8162 <span class="mobile-menu__accordion-icon mobile-menu__accordion-icon--plus"> 8163 <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" aria-hidden="true" focusable="false"> 8164 <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"/> 8165</svg> 8166 8167 </span> 8168 <span class="mobile-menu__accordion-icon mobile-menu__accordion-icon--minus"> 8169 <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" aria-hidden="true" focusable="false"> 8170 <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"/> 8171</svg> 8172 8173 </span> 8174 </span> 8175 </summary> 8176 8177 <div class="mobile-menu__accordion-panel"> 8178 8179 <div class="mobile-menu__category-headline"> 8180 <div class="mobile-menu__category-headline-text rte"> 8181 <span class="metafield-single_line_text_field">Store anywhere. Chill to enjoy.</span> 8182 </div> 8183 8184 </div> 8185 8186 8187 <div class="mobile-menu__category-description rte"> 8188 <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> 8189 </div> 8190 8191 8192 <div 8193 class="mobile-menu__product-scroller tw-min-w-0 tw-overflow-x-auto tw-overflow-y-visible" 8194 tabindex="0" 8195 role="region" 8196 aria-roledescription="carousel" 8197 aria-label="OLIPOP MINIs — products" 8198 > 8199 <ul class="mobile-menu__product-row tw-m-0 tw-flex tw-list-none tw-flex-nowrap tw-p-0"> 8200 8201 8202 8203 8204 8205 8206 8207 8208 8209 8210 8211 8212 8213 8214 <li class="mobile-menu__product-tile"> 8215 <a 8216 href="/products/strawberry-vanilla-minis" 8217 class="mobile-menu__product-card" 8218 8219 > 8220 <span class="mobile-menu__product-card-media"> 8221 8222 8223 8224 8225 8226 8227 8228 8229 8230 <img 8231 class="mobile-menu__product-img" 8232 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" 8233 width="136" 8234 height="181" 8235 alt="Strawberry Vanilla" 8236 loading="lazy" 8237 decoding="async" 8238 > 8239 8240 </span>
8241 <span class="mobile-menu__product-card-label">Strawberry Vanilla</span> 8242 </a> 8243 </li> 8244 8245 8246 8247 8248 8249 8250 8251 8252 8253 8254 8255 8256 8257 <li class="mobile-menu__product-tile"> 8258 <a 8259 href="/products/classic-grape-minis" 8260 class="mobile-menu__product-card" 8261 8262 > 8263 <span class="mobile-menu__product-card-media"> 8264 8265 8266 8267 8268 8269 8270 8271 8272 8273 <img 8274 class="mobile-menu__product-img" 8275 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" 8276 width="136" 8277 height="181" 8278 alt="Classic Grape" 8279 loading="lazy" 8280 decoding="async" 8281 > 8282 8283 </span> 8284 <span class="mobile-menu__product-card-label">Classic Grape</span> 8285 </a> 8286 </li> 8287 8288 8289 8290 8291 8292 8293 8294 8295 8296 8297 8298 8299 8300 <li class="mobile-menu__product-tile"> 8301 <a 8302 href="/products/crisp-apple-minis" 8303 class="mobile-menu__product-card" 8304 8305 > 8306 <span class="mobile-menu__product-card-media"> 8307 8308 8309 8310 8311 8312 8313 8314 8315 8316 <img 8317 class="mobile-menu__product-img" 8318 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" 8319 width="136" 8320 height="181" 8321 alt="Crisp Apple" 8322 loading="lazy" 8323 decoding="async" 8324 > 8325 8326 </span> 8327 <span class="mobile-menu__product-card-label">Crisp Apple</span> 8328 </a> 8329 </li> 8330 8331 8332 8333 8334 8335 8336 8337 8338 8339 8340 8341 8342 8343 <li class="mobile-menu__product-tile"> 8344 <a 8345 href="/products/vintage-cola-minis" 8346 class="mobile-menu__product-card" 8347 8348 > 8349 <span class="mobile-menu__product-card-media"> 8350 8351 8352 8353 8354 8355 8356 8357 8358 8359 <img 8360 class="mobile-menu__product-img" 8361 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" 8362 width="136" 8363 height="181" 8364 alt="Vintage Cola" 8365 loading="lazy" 8366 decoding="async" 8367 > 8368 8369 </span>
8370 <span class="mobile-menu__product-card-label">Vintage Cola</span> 8371 </a> 8372 </li> 8373 8374 8375 8376 8377 8378 8379 8380 8381 8382 8383 8384 8385 8386 <li class="mobile-menu__product-tile"> 8387 <a 8388 href="/products/ginger-ale-minis" 8389 class="mobile-menu__product-card" 8390 8391 > 8392 <span class="mobile-menu__product-card-media"> 8393 8394 8395 8396 8397 8398 8399 8400 8401 8402 <img 8403 class="mobile-menu__product-img" 8404 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" 8405 width="136" 8406 height="181" 8407 alt="Ginger Ale" 8408 loading="lazy" 8409 decoding="async" 8410 > 8411 8412 </span> 8413 <span class="mobile-menu__product-card-label">Ginger Ale</span> 8414 </a> 8415 </li> 8416 8417 8418 8419 8420 8421 8422 8423 8424 8425 8426 8427 8428 8429 <li class="mobile-menu__product-tile"> 8430 <a 8431 href="/products/orange-cream-minis" 8432 class="mobile-menu__product-card" 8433 8434 > 8435 <span class="mobile-menu__product-card-media"> 8436 8437 8438 8439 8440 8441 8442 8443 8444 8445 <img 8446 class="mobile-menu__product-img" 8447 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" 8448 width="136" 8449 height="181" 8450 alt="Orange Cream" 8451 loading="lazy" 8452 decoding="async" 8453 > 8454 8455 </span> 8456 <span class="mobile-menu__product-card-label">Orange Cream</span> 8457 </a> 8458 </li> 8459 8460 8461 8462 8463 8464 8465 </ul> 8466 </div> 8467 8468 <div class="mobile-menu__shop-all-category"> 8469 8470 <a class="mobile-menu__btn-outline" href="/collections/olipop-minis">Shop All MINIs</a> 8471 8472 </div> 8473 </div> 8474 </details> 8475 8476 8477 8478 8479 8480 8481 8482 8483 <details 8484 id="mobile-shop-acc-4" 8485 class="mobile-menu__accordion" 8486 8487 > 8488 <summary class="mobile-menu__accordion-summary"> 8489 <span class="mobile-menu__accordion-summary-text"> 8490 <span class="mobile-menu__accordion-title"> 8491 Limited edition flavors 8492 </span> 8493 </span> 8494 <span class="mobile-menu__accordion-toggle-icons" aria-hidden="true">
8495 <span class="mobile-menu__accordion-icon mobile-menu__accordion-icon--plus"> 8496 <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" aria-hidden="true" focusable="false"> 8497 <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"/> 8498</svg> 8499 8500 </span> 8501 <span class="mobile-menu__accordion-icon mobile-menu__accordion-icon--minus"> 8502 <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" aria-hidden="true" focusable="false"> 8503 <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"/> 8504</svg> 8505 8506 </span> 8507 </span> 8508 </summary> 8509 8510 <div class="mobile-menu__accordion-panel"> 8511 8512 <div class="mobile-menu__category-headline"> 8513 <div class="mobile-menu__category-headline-text rte"> 8514 <span class="metafield-single_line_text_field">Store anywhere. Chill to enjoy.</span> 8515 </div> 8516 8517 </div> 8518 8519 8520 <div class="mobile-menu__category-description rte"> 8521 <span class="metafield-multi_line_text_field">Here for a good time, not a long time. Grab these flavors before they sip away! </span> 8522 </div> 8523 8524 8525 <div 8526 class="mobile-menu__product-scroller tw-min-w-0 tw-overflow-x-auto tw-overflow-y-visible" 8527 tabindex="0" 8528 role="region" 8529 aria-roledescription="carousel" 8530 aria-label="Limited edition flavors — products" 8531 > 8532 <ul class="mobile-menu__product-row tw-m-0 tw-flex tw-list-none tw-flex-nowrap tw-p-0"> 8533 8534 8535 8536 8537 8538 8539 8540 8541 8542 8543 8544 8545 8546 8547 <li class="mobile-menu__product-tile"> 8548 <a 8549 href="/products/caramel-apple" 8550 class="mobile-menu__product-card" 8551 8552 > 8553 <span class="mobile-menu__product-card-media"> 8554 8555 <div 8556 class="product-badge product-badge--nav product-badge--short-text" 8557 role="status" 8558 aria-label="New" 8559 > 8560 <svg class="product-badge__shape" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 72 72" fill="none" aria-hidden="true"> 8561 <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
856103 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"/> 8562 </svg> 8563 <span class="product-badge__text" style="color: #034638;">New</span> 8564 </div> 8565 8566 8567 8568 8569 8570 8571 8572 8573 8574 <img 8575 class="mobile-menu__product-img" 8576 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" 8577 width="136" 8578 height="181" 8579 alt="Caramel Apple" 8580 loading="lazy" 8581 decoding="async" 8582 > 8583 8584 </span> 8585 <span class="mobile-menu__product-card-label">Caramel Apple</span> 8586 </a> 8587 </li> 8588 8589 8590 8591 8592 8593 8594 8595 8596 8597 8598 8599 8600 8601 <li class="mobile-menu__product-tile"> 8602 <a 8603 href="/products/raspberry-sherbet" 8604 class="mobile-menu__product-card" 8605 8606 > 8607 <span class="mobile-menu__product-card-media"> 8608 8609 <div 8610 class="product-badge product-badge--nav" 8611 role="status" 8612 aria-label="Limited" 8613 > 8614 <svg class="product-badge__shape" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 72 72" fill="none" aria-hidden="true"> 8615 <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"/> 8616 </svg> 8617 <span class="product-badge__text" style="color: #034638;">Limited</span> 8618 </div> 8619 8620 8621 8622 8623 8624 8625 8626 8627 8628 <img 8629 class="mobile-menu__product-img" 8630 src="//drinkolipop.com/cdn/shop/files/raspberry-sherbert_omni-pdp_single.webp?crop=center&height=362&v=1775754912&width=272" 8631 width="136" 8632 height="181" 8633 alt="Raspberry Sherbet" 8634 loading="lazy" 8635 decoding="async" 8636 > 8637 8638 </span>
8639 <span class="mobile-menu__product-card-label">Raspberry Sherbet</span> 8640 </a> 8641 </li> 8642 8643 8644 8645 8646 8647 8648 8649 8650 8651 8652 8653 8654 8655 <li class="mobile-menu__product-tile"> 8656 <a 8657 href="/products/shirley-temple" 8658 class="mobile-menu__product-card" 8659 8660 > 8661 <span class="mobile-menu__product-card-media"> 8662 8663 <div 8664 class="product-badge product-badge--nav" 8665 role="status" 8666 aria-label="Limited" 8667 > 8668 <svg class="product-badge__shape" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 72 72" fill="none" aria-hidden="true"> 8669 <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"/> 8670 </svg> 8671 <span class="product-badge__text" style="color: #034638;">Limited</span> 8672 </div> 8673 8674 8675 8676 8677 8678 8679 8680 8681 8682 <img 8683 class="mobile-menu__product-img" 8684 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" 8685 width="136" 8686 height="181" 8687 alt="Shirley Temple" 8688 loading="lazy" 8689 decoding="async" 8690 > 8691 8692 </span> 8693 <span class="mobile-menu__product-card-label">Shirley Temple</span> 8694 </a> 8695 </li> 8696 8697 8698 8699 8700 8701 8702 8703 8704 8705 8706 8707 8708 8709 <li class="mobile-menu__product-tile"> 8710 <a 8711 href="/products/spongebob-pineapple-paradise" 8712 class="mobile-menu__product-card" 8713 8714 > 8715 <span class="mobile-menu__product-card-media"> 8716 8717 <div 8718 class="product-badge product-badge--nav" 8719 role="status" 8720 aria-label="Limited" 8721 > 8722 <svg class="product-badge__shape" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 72 72" fill="none" aria-hidden="true"> 8723 <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
872303 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"/> 8724 </svg> 8725 <span class="product-badge__text" style="color: #034638;">Limited</span> 8726 </div> 8727 8728 8729 8730 8731 8732 8733 8734 8735 8736 <img 8737 class="mobile-menu__product-img" 8738 src="//drinkolipop.com/cdn/shop/files/Pineapple-Paradise_cgi-main-image_072925.webp?crop=center&height=362&v=1753844923&width=272" 8739 width="136" 8740 height="181" 8741 alt="Pineapple Paradise" 8742 loading="lazy" 8743 decoding="async" 8744 > 8745 8746 </span> 8747 <span class="mobile-menu__product-card-label">Pineapple Paradise</span> 8748 </a> 8749 </li> 8750 8751 8752 8753 8754 8755 8756 </ul> 8757 </div> 8758 8759 <div class="mobile-menu__shop-all-category"> 8760 8761 <a class="mobile-menu__btn-outline" href="/collections/shop-limited-edition">Shop All Limited Edition Flavors</a> 8762 8763 </div> 8764 </div> 8765 </details> 8766 8767 8768 8769 8770 8771 8772 8773 8774 <details 8775 id="mobile-shop-acc-5" 8776 class="mobile-menu__accordion" 8777 8778 > 8779 <summary class="mobile-menu__accordion-summary"> 8780 <span class="mobile-menu__accordion-summary-text"> 8781 <span class="mobile-menu__accordion-title"> 8782 Variety packs 8783 </span> 8784 </span> 8785 <span class="mobile-menu__accordion-toggle-icons" aria-hidden="true"> 8786 <span class="mobile-menu__accordion-icon mobile-menu__accordion-icon--plus"> 8787 <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" aria-hidden="true" focusable="false"> 8788 <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"/> 8789</svg> 8790 8791 </span> 8792 <span class="mobile-menu__accordion-icon mobile-menu__accordion-icon--minus"> 8793 <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" aria-hidden="true" focusable="false"> 8794 <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"/> 8795</svg> 8796 8797 </span> 8798 </span> 8799 </summary> 8800 8801 <div class="mobile-menu__accordion-panel"> 8802 8803 <div class="mobile-menu__category-headline"> 8804 <div class="mobile-menu__category-headline-text rte">
8805 <span class="metafield-single_line_text_field">Store anywhere. Chill to enjoy.</span> 8806 </div> 8807 8808 </div> 8809 8810 8811 <div class="mobile-menu__category-description rte"> 8812 <span class="metafield-multi_line_text_field">The ultimate OLIPOP flavor tour, for an easy & fun way to discover your favorites.</span> 8813 </div> 8814 8815 8816 <div 8817 class="mobile-menu__product-scroller tw-min-w-0 tw-overflow-x-auto tw-overflow-y-visible" 8818 tabindex="0" 8819 role="region" 8820 aria-roledescription="carousel" 8821 aria-label="Variety packs — products" 8822 > 8823 <ul class="mobile-menu__product-row tw-m-0 tw-flex tw-list-none tw-flex-nowrap tw-p-0"> 8824 8825 8826 8827 8828 8829 8830 8831 8832 8833 8834 8835 8836 8837 8838 <li class="mobile-menu__product-tile"> 8839 <a 8840 href="/products/classic-soda-variety-pack" 8841 class="mobile-menu__product-card" 8842 8843 > 8844 <span class="mobile-menu__product-card-media"> 8845 8846 8847 8848 8849 8850 8851 8852 8853 8854 <img 8855 class="mobile-menu__product-img" 8856 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" 8857 width="136" 8858 height="181" 8859 alt="Classic Soda Variety Pack" 8860 loading="lazy" 8861 decoding="async" 8862 > 8863 8864 </span> 8865 <span class="mobile-menu__product-card-label">Classic Soda</span> 8866 </a> 8867 </li> 8868 8869 8870 8871 8872 8873 8874 8875 8876 8877 8878 8879 8880 8881 <li class="mobile-menu__product-tile"> 8882 <a 8883 href="/products/fruity-fun-variety-pack" 8884 class="mobile-menu__product-card" 8885 8886 > 8887 <span class="mobile-menu__product-card-media"> 8888 8889 8890 8891 8892 8893 8894 8895 8896 8897 <img 8898 class="mobile-menu__product-img" 8899 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" 8900 width="136" 8901 height="181" 8902 alt="Fruity Fun Variety Pack" 8903 loading="lazy" 8904 decoding="async" 8905 > 8906 8907 </span> 8908 <span class="mobile-menu__product-card-label">Fruity Fun</span> 8909 </a> 8910 </li> 8911 8912 8913 8914 8915 8916 8917 8918 8919 8920 8921 8922 8923 8924 <li class="mobile-menu__product-tile"> 8925 <a 8926 href="/products/favorites-variety-pack" 8927 class="mobile-menu__product-card" 8928 8929 >
8930 <span class="mobile-menu__product-card-media"> 8931 8932 8933 8934 8935 8936 8937 8938 8939 8940 <img 8941 class="mobile-menu__product-img" 8942 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" 8943 width="136" 8944 height="181" 8945 alt="Favorites Variety Pack" 8946 loading="lazy" 8947 decoding="async" 8948 > 8949 8950 </span> 8951 <span class="mobile-menu__product-card-label">Favorites</span> 8952 </a> 8953 </li> 8954 8955 8956 8957 8958 8959 8960 </ul> 8961 </div> 8962 8963 <div class="mobile-menu__shop-all-category"> 8964 8965 <a class="mobile-menu__btn-outline" href="/collections/variety-packs">Shop All Variety Packs</a> 8966 8967 </div> 8968 </div> 8969 </details> 8970 8971 8972 8973 <div class="mobile-menu__shop-all-footer"> 8974 <a class="mobile-menu__btn-primary" href="/collections/drinks">Shop All</a> 8975 </div> 8976 </div> 8977 8978 8979<style> 8980.mobile-menu__category-description { 8981 margin-bottom: 20px; 8982} 8983 8984.mobile-menu__category-description .metafield-multi_line_text_field { 8985 line-height: 160%; 8986 display: block; 8987} 8988 8989.mobile-menu__category-headline { 8990 margin-top: 3px; 8991} 8992</style> 8993 8994 <div class="mobile-menu__utility" role="navigation" aria-label="Quick links"> 8995 <div class="mobile-menu__utility-wave" aria-hidden="true"><svg 8996 xmlns="http://www.w3.org/2000/svg" 8997 viewBox="0 0 390 27" 8998 fill="none" 8999 preserveAspectRatio="none" 9000 class="mobile-menu__utility-wave-svg" 9001 focusable="false" 9002 > 9003 <path 9004 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" 9005 fill="#008168" 9006 /> 9007 </svg> 9008 </div> 9009 9010 <ul class="mobile-menu__utility-list tw-m-0 tw-list-none"> 9011 <li class="mobile-menu__utility-item"> 9012 <a class="mobile-menu__utility-link" href="/pages/store-locator"> 9013 <span class="mobile-menu__utility-icon" aria-hidden="true"> 9014 <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"> 9015 <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"/> 9016</svg> 9017 9018 </span>
9019 <span class="mobile-menu__utility-label">Find a Store</span> 9020 </a> 9021 </li> 9022 <li class="mobile-menu__utility-item"> 9023 9024 <a class="mobile-menu__utility-link" href="/account/login"> 9025 <span class="mobile-menu__utility-icon" aria-hidden="true"> 9026 <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"> 9027 <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"/> 9028</svg> 9029 9030 </span> 9031 <span class="mobile-menu__utility-label">Account</span> 9032 </a> 9033 9034 </li> 9035 <li class="mobile-menu__utility-item"> 9036 <a class="mobile-menu__utility-link" href="/pages/contact-us"> 9037 <span class="mobile-menu__utility-icon" aria-hidden="true"> 9038 <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"> 9039 <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"/> 9040</svg> 9041 9042 </span>
9043 <span class="mobile-menu__utility-label">Contact Us</span> 9044 </a> 9045 </li> 9046 <li class="mobile-menu__utility-item"> 9047 <a class="mobile-menu__utility-link" href="/pages/track-your-order"> 9048 <span class="mobile-menu__utility-icon" aria-hidden="true"> 9049 <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"> 9050 <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"/> 9051</svg> 9052 9053 </span> 9054 <span class="mobile-menu__utility-label">Track Order</span> 9055 </a> 9056 </li> 9057 <li class="mobile-menu__utility-item"> 9058 <a class="mobile-menu__utility-link" href="/pages/olipop-rewards"> 9059 <span class="mobile-menu__utility-icon" aria-hidden="true"> 9060 <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"> 9061 <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.
906163261 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"/> 9062</svg> 9063 9064 </span> 9065 <span class="mobile-menu__utility-label">Earn Rewards</span> 9066 </a> 9067 </li> 9068 </ul> 9069</div> 9070 9071<style> 9072 .mobile-menu__utility-list { 9073 padding-bottom: 10.5rem; 9074 } 9075</style> 9076 9077 </div> 9078 9079 9080 <div 9081 id="mobile-panel-learn" 9082 class="mobile-menu__tabpanel tw-hidden" 9083 role="tabpanel" 9084 aria-labelledby="mobile-tab-learn" 9085 data-mobile-panel="learn" 9086 hidden 9087 tabindex="0" 9088 > 9089 9090 9091 9092 9093 <div class="mobile-menu__shop-body"> 9094 9095 9096 9097 9098 9099 9100 <div class="mobile-menu__leaf-row"> 9101 <a 9102 href="/pages/our-story" 9103 class="mobile-menu__leaf-link" 9104 9105 > 9106 <span class="mobile-menu__leaf-title">Our story</span> 9107 </a> 9108 </div> 9109 9110 9111 9112 9113 9114 9115 <div class="mobile-menu__leaf-row"> 9116 <a 9117 href="/pages/ingredients" 9118 class="mobile-menu__leaf-link" 9119 9120 > 9121 <span class="mobile-menu__leaf-title">Ingredients</span> 9122 </a> 9123 </div> 9124 9125 9126 9127 9128 9129 9130 <div class="mobile-menu__leaf-row"> 9131 <a 9132 href="/pages/digestive-health" 9133 class="mobile-menu__leaf-link" 9134 9135 > 9136 <span class="mobile-menu__leaf-title">Digestive health</span> 9137 </a> 9138 </div> 9139 9140 9141 9142 9143 9144 9145 <div class="mobile-menu__leaf-row"> 9146 <a 9147 href="/pages/fiber-education" 9148 class="mobile-menu__leaf-link" 9149 9150 > 9151 <span class="mobile-menu__leaf-title">Fiber education</span> 9152 </a> 9153 </div> 9154 9155 9156 9157 9158 9159 9160 <div class="mobile-menu__leaf-row"> 9161 <a 9162 href="/pages/subscription" 9163 class="mobile-menu__leaf-link" 9164 9165 > 9166 <span class="mobile-menu__leaf-title">Subscriptions</span> 9167 </a> 9168 </div> 9169 9170 9171 9172 9173 </div> 9174 9175 9176 <div class="mobile-menu__utility" role="navigation" aria-label="Quick links"> 9177 <div class="mobile-menu__utility-wave" aria-hidden="true"><svg 9178 xmlns="http://www.w3.org/2000/svg" 9179 viewBox="0 0 390 27" 9180 fill="none" 9181 preserveAspectRatio="none" 9182 class="mobile-menu__utility-wave-svg" 9183 focusable="false" 9184 > 9185 <path 9186 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" 9187 fill="#008168" 9188 /> 9189 </svg> 9190 </div> 9191 9192 <ul class="mobile-menu__utility-list tw-m-0 tw-list-none"> 9193 <li class="mobile-menu__utility-item"> 9194 <a class="mobile-menu__utility-link" href="/pages/store-locator"> 9195 <span class="mobile-menu__utility-icon" aria-hidden="true"> 9196 <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"> 9197 <path d="M8 4C7.50555 4 7.0222 4.14662 6.61107 4.42133C6.19995 4.69603 5.87952 5.08648 5.6903 5.54329C5.50108 6.00011 5.45157 6.50277 5.54804 6.98773C5.6445 7.47268 5.8826 7.91814 6.23223 8.26777C6.58186 8.6174 7.02732 8.8555 7.51227 8.95196C7.99723 9.04843 8.49989 8.99892 8.95671 8.8097C9.41352 8.62048 9.80397 8.30005 10.0787 7.88893C10.3534 7.4778 10.5 6.99445 10.5 6.5C10.5 5.83696 10.2366 5.20107 9.76777 4.73223C9.29893 4.26339 8.66304 4 8 4ZM8 8C7.70333 8 7.41332 7.91203 7.16664 7.7472C6.91997 7.58238 6.72771 7.34811 6.61418 7.07403C6.50065 6.79994 6.47094 6.49834 6.52882 6.20736C6.5867 5.9
91971639 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"/> 9198</svg> 9199 9200 </span> 9201 <span class="mobile-menu__utility-label">Find a Store</span> 9202 </a> 9203 </li> 9204 <li class="mobile-menu__utility-item"> 9205 9206 <a class="mobile-menu__utility-link" href="/account/login"> 9207 <span class="mobile-menu__utility-icon" aria-hidden="true"> 9208 <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"> 9209 <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"/> 9210</svg> 9211 9212 </span> 9213 <span class="mobile-menu__utility-label">Account</span> 9214 </a> 9215 9216 </li> 9217 <li class="mobile-menu__utility-item"> 9218 <a class="mobile-menu__utility-link" href="/pages/contact-us"> 9219 <span class="mobile-menu__utility-icon" aria-hidden="true"> 9220 <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"> 9221 <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"/> 9222</svg> 9223 9224 </span>
9225 <span class="mobile-menu__utility-label">Contact Us</span> 9226 </a> 9227 </li> 9228 <li class="mobile-menu__utility-item"> 9229 <a class="mobile-menu__utility-link" href="/pages/track-your-order"> 9230 <span class="mobile-menu__utility-icon" aria-hidden="true"> 9231 <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"> 9232 <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"/> 9233</svg> 9234 9235 </span> 9236 <span class="mobile-menu__utility-label">Track Order</span> 9237 </a> 9238 </li> 9239 <li class="mobile-menu__utility-item"> 9240 <a class="mobile-menu__utility-link" href="/pages/olipop-rewards"> 9241 <span class="mobile-menu__utility-icon" aria-hidden="true"> 9242 <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"> 9243 <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.
924363261 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"/> 9244</svg> 9245 9246 </span> 9247 <span class="mobile-menu__utility-label">Earn Rewards</span> 9248 </a> 9249 </li> 9250 </ul> 9251</div> 9252 9253<style> 9254 .mobile-menu__utility-list { 9255 padding-bottom: 10.5rem; 9256 } 9257</style> 9258 9259 </div> 9260 9261 </div> 9262 </div> 9263 </div> 9264</div> 9265
9266<script> 9267 $(document).ready(function () { 9268 const $root = $('[js-mobile-menu]'); 9269 const $backdrop = $('.mobile-menu__backdrop'); 9270 const $panel = $('[js-mobile-menu-panel]'); 9271 const $toggle = $('.header__button.mobile-menu-toggle'); 9272 9273 function applyMenuGeometry() { 9274 const header = document.getElementById('shopify-section-header'); 9275 const el = document.querySelector('[js-mobile-menu]'); 9276 if (!header || !el) return; 9277 const h = header.clientHeight; 9278 el.style.top = h + 'px'; 9279 el.style.height = 'calc(100vh - ' + h + 'px)'; 9280 } 9281 9282 function clearMenuGeometry() { 9283 const el = document.querySelector('[js-mobile-menu]'); 9284 if (el) { 9285 el.style.top = ''; 9286 el.style.height = ''; 9287 } 9288 } 9289 9290 function openMenuVisual() { 9291 $root.addClass('is-active'); 9292 } 9293 9294 function closeMenuVisual() { 9295 $root.removeClass('is-active'); 9296 } 9297 9298 var mobileMenuClosing = false; 9299 9300 function finalizeMobileMenuClose() { 9301 document.documentElement.classList.remove('stop-scroll'); 9302 $('.overlay').removeClass('is-active'); 9303 $('.site-header .header__button').removeClass('is-active'); 9304 $('.header-wrapper').removeClass('is-mobile-active'); 9305 clearMenuGeometry(); 9306 mobileMenuClosing = false; 9307 requestAnimationFrame(function () { 9308 requestAnimationFrame(function () { 9309 window.dispatchEvent(new Event('scroll')); 9310 }); 9311 }); 9312 } 9313 9314 function activateMobileTab(which) { 9315 const $shop = $('.mobile-menu__tab--shop'); 9316 const $learn = $('.mobile-menu__tab--learn'); 9317 const $shopPanel = $('#mobile-panel-shop'); 9318 const $learnPanel = $('#mobile-panel-learn'); 9319 if (!$shop.length || !$learn.length) return; 9320 if (which === 'shop') { 9321 $shop.addClass('is-selected').attr({ 'aria-selected': 'true', tabindex: 0 }); 9322 $learn.removeClass('is-selected').attr({ 'aria-selected': 'false', tabindex: -1 }); 9323 $shopPanel.removeClass('tw-hidden').removeAttr('hidden'); 9324 $learnPanel.addClass('tw-hidden').attr('hidden', 'hidden'); 9325 } else { 9326 $learn.addClass('is-selected').attr({ 'aria-selected': 'true', tabindex: 0 }); 9327 $shop.removeClass('is-selected').attr({ 'aria-selected': 'false', tabindex: -1 }); 9328 $learnPanel.removeClass('tw-hidden').removeAttr('hidden'); 9329 $shopPanel.addClass('tw-hidden').attr('hidden', 'hidden'); 9330 } 9331 } 9332 9333 function resetToShopTab() { 9334 activateMobileTab('shop'); 9335 } 9336 9337 $toggle.on('click', function () { 9338 const toggleBtn = this; 9339 const panelEl = document.querySelector('[js-mobile-menu-panel]'); 9340 const isOpen = $('.header-wrapper').hasClass('is-mobile-active'); 9341 9342 if (!isOpen) { 9343 $('.header-wrapper').addClass('is-mobile-active'); 9344 document.documentElement.classList.add('stop-scroll'); 9345 $('.overlay').addClass('is-active'); 9346 $('.site-header .header__button').addClass('is-active'); 9347 applyMenuGeometry(); 9348 9349 function revealMenuAndFocus() { 9350 openMenuVisual(); 9351 resetToShopTab(); 9352 toggleBtn.setAttribute('aria-expanded', 'true'); 9353 const wrap = document.querySelector('[js-header-wrapper]'); 9354 const toFocus = panelEl ? panelEl.querySelector('.mobile-menu__tab, a, button') : null; 9355 if (wrap && toFocus) { 9356 trapFocus(wrap, toFocus); 9357 } 9358 } 9359 9360 if (window.matchMedia('(prefers-reduced-motion: reduce)').matches) { 9361 revealMenuAndFocus(); 9362 } else { 9363 requestAnimationFrame(function () { 9364 requestAnimationFrame(revealMenuAndFocus); 9365 }); 9366 } 9367 } else { 9368 if (mobileMenuClosing) { 9369 return; 9370 } 9371 mobileMenuClosing = true; 9372 closeMenuVisual(); 9373 toggleBtn.setAttribute('aria-expanded', 'false'); 9374 removeTrapFocus(); 9375 9376 if (window.matchMedia('(prefers-reduced-motion: reduce)').matches) { 9377 finalizeMobileMenuClose(); 9378 return; 9379 } 9380 9381 var closeDone = false; 9382 function doneClosing() { 9383 if (closeDone) return; 9384 closeDone = true; 9385 if (panelEl) { 9386 panelEl.removeEventListener('transitionend', onPanelTransitionEnd); 9387 } 9388 finalizeMobileMenuClose(); 9389 } 9390 9391 function onPanelTransitionEnd(e) { 9392 if (e.target !== panelEl || e.propertyName !== 'transform') return; 9393 doneClosing(); 9394 } 9395 9396 if (panelEl) { 9397 panelEl.addEventListener('transitionend', onPanelTransitionEnd); 9398 } 9399 window.setTimeout(doneClosing, 400); 9400 } 9401 }); 9402 9403 var mobileMenuDesktopMin = 1024; 9404 9405 function closeMobileMenuIfDesktop() { 9406 if (window.innerWidth >= mobileMenuDesktopMin && $toggle.hasClass('is-active')) { 9407 $toggle.trigger('click'); 9408 } 9409 } 9410 9411 $(window).on('resize', function () { 9412 closeMobileMenuIfDesktop(); 9413 if ($toggle.hasClass('is-active')) { 9414 applyMenuGeometry(); 9415 } 9416 }); 9417 9418 $backdrop.on('click', function () { 9419 if ($toggle.hasClass('is-active')) { 9420 $toggle.trigger('click'); 9421 } 9422 }); 9423 9424 $(document).on('keydown.mobileMenu', function (e) { 9425 if (e.key !== 'Escape') return; 9426 if (!$('.header-wrapper').hasClass('is-mobile-active')) return; 9427 e.preventDefault(); 9428 if ($toggle.hasClass('is-active')) { 9429 $toggle.trigger('click'); 9430 } 9431 }); 9432 9433 $('.mobile-menu__tab[data-mobile-tab]').on('click', function () { 9434 activateMobileTab($(this).data('mobile-tab')); 9435 }); 9436 9437 $('.mobile-menu__tab[data-mobile-tab]').on('keydown', function (e) { 9438 if (e.key !== 'ArrowLeft' && e.key !== 'ArrowRight') return; 9439 e.preventDefault(); 9440 const cur = $(this).data('mobile-tab'); 9441 if (e.key === 'ArrowLeft' && cur === 'learn') { 9442 activateMobileTab('shop'); 9443 $('.mobile-menu__tab--shop').trigger('focus'); 9444 } 9445 if (e.key === 'ArrowRight' && cur === 'shop') { 9446 activateMobileTab('learn'); 9447 $('.mobile-menu__tab--learn').trigger('focus'); 9448 } 9449 }); 9450 9451 $('#nav-icon3').on('click', function () { 9452 $(this).toggleClass('open'); 9453 }); 9454 9455 $('[js-mobile-menu-close]').on('click', function (e) { 9456 e.preventDefault(); 9457 $('#nav-icon3').trigger('click'); 9458 }); 9459 }); 9460</script>
9460 9461</header> 9462
9463<script type="text/javascript"> 9464 $(document).ready(function () { 9465 const handleScrollOnHeader = () => { 9466 const y = document.documentElement.scrollTop || document.body.scrollTop; 9467 const $headerWrapper = $('.header-wrapper'); 9468 const isTransparent = $headerWrapper.attr('color-theme') === 'transparent'; 9469 if (y < 10) { 9470 $headerWrapper.removeClass('is-active'); 9471 if (isTransparent) { 9472 $headerWrapper.addClass('tw-bg-transparent'); 9473 } 9474 } else { 9475 $headerWrapper.addClass('is-active'); 9476 if (isTransparent) { 9477 $headerWrapper.removeClass('tw-bg-transparent'); 9478 } 9479 } 9480 }; 9481 9482 $(window).on('scroll', handleScrollOnHeader); 9483 handleScrollOnHeader(); 9484 }); 9485</script>
9485 9486
9487<script type="application/ld+json"> 9488 { 9489 "@context": "http://schema.org", 9490 "@type": "Organization", 9491 "name": "OLIPOP", 9492 9493 9494 "logo": "https:\/\/drinkolipop.com\/cdn\/shop\/files\/OlipopLogo_1_560x.png?v=1778767782", 9495 9496 "sameAs": [ 9497 "https:\/\/twitter.com\/drinkolipop", 9498 "https:\/\/www.facebook.com\/drinkolipop", 9499 "https:\/\/www.pinterest.com\/drinkolipop\/", 9500 "https:\/\/www.instagram.com\/drinkolipop\/", 9501 "", 9502 "", 9503 "https:\/\/www.youtube.com\/@OLIPOP", 9504 "" 9505 ], 9506 "url": "https:\/\/drinkolipop.com" 9507 } 9508</script>
9508 9509 9510 9511 9512 9513</div> 9514<!-- END sections: header-group --> 9515 9516
9516<script> 9517 const headerGroup = document.querySelector('#shopify-section-header'); 9518 function setHeaderGroupVars() { 9519 document.documentElement.style.setProperty( 9520 '--header-group-bottom-position', 9521 headerGroup.getBoundingClientRect().bottom + 'px' 9522 ); 9523 } 9524 setTimeout(setHeaderGroupVars, 1000); 9525 window.addEventListener('resize', setHeaderGroupVars); 9526 </script>
9526 9527 </section> 9528 <div class="page-container drawer-page-content" id="PageContainer" role="main"> 9529 <div 9530 class="main-content js-focus-hidden" 9531 id="MainContent" 9532 tabindex="-1" 9533 > 9534 <div id="shopify-section-template--24009561669791__main" class="shopify-section"> 9535 9536<div class="tw-w-full tw-max-w-full tw-bg-green-400 tw-px-4 tw-py-20 md:tw-py-25"> 9537 <div id="CustomerLoginForm" class="tw-mx-auto tw-max-w-150"> 9538 <div id="LoginHeading" class="tw-mb-10 tw-text-center tw-text-hunter-green"> 9539 9540 9541 9542<h1 9543 9544 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" 9545> 9546 Login 9547</h1> 9548 9549 </div> 9550 9551 <div class="hide tw-mb-10" id="ResetSuccess" tabindex="-1"> 9552 9553 9554 9555 9556<div 9557 class="tw-flex tw-items-center" 9558 9559> 9560 <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"> 9561 <span class="tw-text-white"> 9562 9563 9564 9565 <svg width="15" height="14" viewBox="0 0 15 14" fill="none" xmlns="http://www.w3.org/2000/svg"> 9566 <rect x="1" y="0.5" width="13" height="13" rx="6.5" stroke="white"/> 9567 <path d="M8.10117 3.5V4.8H6.90117V3.5H8.10117ZM8.10117 6.5V11H6.90117V6.5H8.10117Z" fill="white"/> 9568 </svg> 9569 9570 9571 9572 </span> 9573 9574 <span class="[& a]:!tw-text-white tw-text-white [&_a]:!tw-text-white [&_a]:!tw-underline"> 9575 9576 9577<p 9578 9579 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" 9580> 9581 We've sent you an email with a link to update your password. 9582</p> 9583 9584 </span> 9585 </div> 9586</div> 9587 9588 </div> 9589 9590 <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="✓" /> 9591 9592 9593<div data-component="input"> 9594 9595 <div class="tw-flex tw-flex-row tw-pb-2"> 9596 9597 <span aria-hidden="true" class="sr-only">Fields with an asterisk * are required</span> 9598 <span class="tw-mr-1 tw-text-xl tw-font-normal tw-text-green-800">*</span> 9599 9600 <label 9601 class="tw-text-xl tw-font-semibold tw-text-hunter-green" 9602 for="CustomerEmail" 9603 > 9604 Email 9605 </label> 9606 </div> 9607 9608 <input 9609 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" 9610 id="CustomerEmail" 9611 autocomplete="email" 9612 placeholder="Email" 9613 name="customer[email]" 9614 9615 9616 required 9617 aria-required="true" 9618 9619 type="email" 9620 9621 > 9622</div> 9623 9624 9625 9626 <div class="tw-mt-5"> 9627 9628 9629<div data-component="input"> 9630 9631 <div class="tw-flex tw-flex-row tw-pb-2"> 9632 9633 <span aria-hidden="true" class="sr-only">Fields with an asterisk * are required</span> 9634 <span class="tw-mr-1 tw-text-xl tw-font-normal tw-text-green-800">*</span> 9635 9636 <label 9637 class="tw-text-xl tw-font-semibold tw-text-hunter-green" 9638 for="CustomerPassword" 9639 > 9640 Password 9641 </label> 9642 </div> 9643 9644 <input 9645 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" 9646 id="CustomerPassword" 9647 autocomplete="current-password" 9648 placeholder="Password" 9649 name="customer[password]" 9650 9651 9652 required 9653 aria-required="true" 9654 9655 type="password" 9656 9657 > 9658</div> 9659 9660 </div> 9661 9662 9663 <div class="tw-mt-10 tw-flex tw-flex-col tw-items-center tw-justify-between lg:tw-flex-row"> 9664 <div class="tw-w-full md:tw-mr-10 md:tw-max-w-70"> 9665 9666 9667 9668<button 9669 9670 9671 9672 9673 9674 9675 9676 9677 type="submit" 9678 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
9678s: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 " 9679 9680 9681> 9682 9683 9684 Sign In 9685</button> 9686 9687 </div> 9688 9689 9690 9691 <div class="tw-mt-5 lg:tw-mt-0"> 9692 9693 9694<a 9695 9696 id="RecoverPassword" 9697 9698 9699 href="#recover" 9700 9701 9702 9703 9704 9705 9706 9707 type="button" 9708 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 " 9709 9710 9711> 9712 9713 9714 Forgot your password? 9715</a> 9716 9717 </div> 9718 9719 </div> 9720 9721 <fieldset class="tw-mb-10 tw-mt-15 tw-border-t tw-border-solid tw-border-hunter-green"> 9722 <legend class="tw-mx-auto tw-px-4 tw-text-base-lg-d tw-font-bold tw-text-hunter-green">OR</legend> 9723 </fieldset> 9724 9725 <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"> 9726 9727<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"> 9728 <p class="tw-mb-4 tw-text-base-sm-d">Need an account?</p> 9729 9730 9731<a 9732 9733 9734 href="/account/register" 9735 9736 9737 9738 9739 9740 9741 9742 type="button" 9743 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 " 9744 9745 9746> 9747 9748 9749 Create an Account 9750</a> 9751 9752</div> 9753 9754 <!-- Retextion passwordless login code --> 9755 9756<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"> 9757 <p class="tw-mb-4 tw-text-base-sm-d">Subscribed without an account?</p> 9758 9759 9760<a 9761 9762 9763 href="/apps/retextion#/login" 9764 9765 9766 9767 9768 9769 9770 9771 type="button" 9772 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 " 9773 9774 9775> 9776 9777 9778 Manage Subscription 9779</a> 9780 9781</div> 9782 9783 </div> 9784 </form> 9785 </div> 9786 9787 <div id="RecoverPasswordForm" class="hide tw-mx-auto tw-max-w-150"> 9788 <div class="tw-mb-10 tw-text-center" id="RecoverHeading"> 9789 9790 9791 9792<h2 9793 9794 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" 9795> 9796 Reset account password 9797</h2> 9798 9799 9800 <div class="tw-mt-2"> 9801 9802 9803<p 9804 9805 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" 9806> 9807 We will send you an email to reset your password. 9808</p> 9809 9810 </div> 9811 </div> 9812 9813 <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="✓" /> 9814 <input type="hidden" name="form_type" value="recover_customer_password"> 9815 9816 9817<div class="tw-mt-10"> 9818 9819 9820<div data-component="input"> 9821 9822 <div class="tw-flex tw-flex-row tw-pb-2"> 9823
9824 <span aria-hidden="true" class="sr-only">Fields with an asterisk * are required</span> 9825 <span class="tw-mr-1 tw-text-xl tw-font-normal tw-text-green-800">*</span> 9826 9827 <label 9828 class="tw-text-xl tw-font-semibold tw-text-hunter-green" 9829 for="RecoverEmail" 9830 > 9831 Email 9832 </label> 9833 </div> 9834 9835 <input 9836 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" 9837 id="RecoverEmail" 9838 autocomplete="email" 9839 placeholder="Email" 9840 name="email" 9841 9842 9843 required 9844 aria-required="true" 9845 9846 type="email" 9847 9848 > 9849</div> 9850 9851 </div> 9852 9853 <div class="tw-mt-10 tw-justify-between lg:tw-flex"> 9854 9855 9856 9857 <div class="tw-w-full md:tw-mr-10 md:tw-max-w-70"> 9858 9859 9860<button 9861 9862 9863 9864 9865 9866 9867 9868 9869 type="submit" 9870 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 " 9871 9872 9873> 9874 9875 9876 Reset My Password 9877</button> 9878 9879 </div> 9880 9881 <div class="tw-mt-5 tw-w-full md:tw-max-w-70 lg:tw-mt-0"> 9882 9883 9884<button 9885 9886 id="HideRecoverPasswordLink" 9887 9888 9889 9890 9891 9892 9893 9894 9895 type="button" 9896 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 " 9897 9898 9899> 9900 9901 9902 Back to Login 9903</button> 9904 9905 </div> 9906 </div> 9907 </form> 9908 </div> 9909</div> 9910 9911 9912</div>
9912<script data-locksmith> 9913 var load = function () { 9914 9915 if (document.querySelectorAll('.locksmith-manual-trigger').length > 0) { 9916 Locksmith.ping(); 9917 } 9918 9919 9920 Locksmith.util.on('submit', 'locksmith-resource-form', function (event) { 9921 event.preventDefault(); 9922 var data = Locksmith.util.serializeForm(event.target); 9923 var options = { spinner: false, container: 'locksmith-content' }; 9924 // a form rendered inline (section replacement) must keep that context 9925 // on resubmit: same enclosing container (there may be several on the 9926 // page), and no layout classes or cancel affordance in the re-render 9927 var inlineContainer = event.target.closest && event.target.closest('[id^="locksmith-content"]'); 9928 if (inlineContainer) { 9929 options.container = inlineContainer; 9930 } 9931 if (event.target.getAttribute('data-locksmith-inline') === 'true') { 9932 options.include_layout_classes = false; 9933 } 9934 Locksmith.postResource(data, options); 9935 }); 9936 9937 Locksmith.util.on('click', 'locksmith-manual-trigger', function (event) { 9938 event.preventDefault(); 9939 Locksmith.postResource({}, { spinner: true, container: document }); 9940 }); 9941 9942 Locksmith.submitPasscode = function (passcode) { 9943 Locksmith.postResource( 9944 { passcode: passcode }, 9945 { spinner: false, container: 'locksmith-content' } 9946 ); 9947 }; 9948 }; 9949 9950 if (typeof Locksmith !== 'undefined') { 9951 load(); 9952 } else { 9953 window.addEventListener('load', load); 9954 } 9955 </script>
9955 9956 </div> 9957 9958 <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> 9959 </div> 9960 9961 <div id="shopify-section-footer" class="shopify-section"><style data-shopify>#shopify-section-footer { 9962 --image-width: 0px; 9963 --image-width-mobile: 0.0px; 9964 --image-width-secondary: 0px; 9965 --image-width-secondary-mobile: 0.0px; 9966 } 9967 9968 #shopify-section-footer .slice-animation--left { 9969 animation: slice-small 3s cubic-bezier(0.33, 0.35, 0.73, 0.72) forwards paused; 9970 } 9971 9972 #shopify-section-footer .slice-animation--right { 9973 animation: slice-small-right 3s cubic-bezier(0.33, 0.35, 0.73, 0.72) forwards paused; 9974 } 9975 9976 @media (min-width: 750px) { 9977 #shopify-section-footer .slice-animation--left { 9978 animation: slice-medium 3s cubic-bezier(0.33, 0.35, 0.73, 0.72) forwards paused; 9979 } 9980 } 9981 9982 @media (min-width: 750px) { 9983 #shopify-section-footer .slice-animation--right { 9984 animation: slice-medium-right 3s cubic-bezier(0.33, 0.35, 0.73, 0.72) forwards paused; 9985 } 9986 } 9987 9988 @media (min-width: 1024px) { 9989 #shopify-section-footer .slice-animation--left { 9990 animation: slice-large 3s cubic-bezier(0.33, 0.35, 0.73, 0.72) forwards paused; 9991 } 9992 } 9993 9994 @media (min-width: 1024px) { 9995 #shopify-section-footer .slice-animation--right { 9996 animation: slice-large-right 3s cubic-bezier(0.33, 0.35, 0.73, 0.72) forwards paused; 9997 } 9998 } 9999 10000 @media (min-width: 1440px) { 10001 #shopify-section-footer .slice-animation--left { 10002 animation: slice-large-up 3s cubic-bezier(0.33, 0.35, 0.73, 0.72) forwards paused; 10003 } 10004 } 10005 10006 @media (min-width: 1440px) { 10007 #shopify-section-footer .slice-animation--right { 10008 animation: slice-large-up-right 3s cubic-bezier(0.33, 0.35, 0.73, 0.72) forwards paused; 10009 } 10010 } 10011 10012 @media (min-width: 1920px) { 10013 #shopify-section-footer .slice-animation--left { 10014 animation: slice-large-up 7s cubic-bezier(0.33, 0.35, 0.73, 0.72) forwards paused; 10015 } 10016 } 10017 10018 @media (min-width: 1920px) { 10019 #shopify-section-footer .slice-animation--right { 10020 animation: slice-large-up-right 7s cubic-bezier(0.33, 0.35, 0.73, 0.72) forwards paused; 10021 } 10022 } 10023 10024 @keyframes slice-large-up { 10025 0%{ 10026 transform: translateX(0%) 10027 } 10028 100%{ 10029 transform: translateX(calc((100vw - 1320px) / 2)); 10030 } 10031 } 10032 10033 @keyframes slice-large-up-right { 10034 0%{ 10035 transform: translateX(0%) 10036 } 10037 100%{ 10038 transform: translateX(calc((100vw - 1320px) / -2)); 10039 } 10040 } 10041 10042 @keyframes slice-large { 10043 0%{ 10044 transform: translateX(0%) 10045 } 10046 100%{ 10047 transform: translateX(60px) 10048 } 10049 } 10050 10051 @keyframes slice-large-right { 10052 0%{ 10053 transform: translateX(0%) 10054 } 10055 100%{ 10056 transform: translateX(-60px) 10057 } 10058 } 10059 10060 @keyframes slice-medium { 10061 0%{ 10062 transform: translateX(0%) 10063 } 10064 100%{ 10065 transform: translateX(20px) 10066 } 10067 } 10068 10069 @keyframes slice-medium-right { 10070 0%{ 10071 transform: translateX(0%) 10072 } 10073 100%{ 10074 transform: translateX(-20px) 10075 } 10076 } 10077 10078 @keyframes slice-small { 10079 0% { 10080 transform: translateX(0%); 10081 } 10082 100% { 10083 transform: translateX(20px) 10084 } 10085 } 10086 10087 @keyframes slice-small-right { 10088 0% { 10089 transform: translateX(0%); 10090 } 10091 100% { 10092 transform: translateX(-20px) 10093 } 10094 } 10095 10096 footer .klaviyo-form button:hover { 10097 background-color: #E2EB28 !important; 10098 } 10099 10100 .footer-menu h3 { 10101 font-weight: 800; 10102 } 10103 10104 .footer-menu a:hover { 10105 color: #FFFF7D !important; 10106 } 10107 10108 @media screen and (max-width: 750px) { 10109 .footer-link-list li:not(:last-child)::after { 10110 margin-right: 5px; 10111 margin-left: 5px; 10112 } 10113 10114 .footer-link-list { 10115 margin-right: -1rem; 10116 margin-left: -1rem; 10117 } 10118 }</style><footer 10119 class="tw-relative tw-z-10 tw-float-left tw-w-full tw-font-ano" 10120 data-section-id="footer" 10121 data-section-type="footer-section" 10122 style="background-color: #008168;" 10123> 10124 <section class="tw-pointer-events-none tw-relative tw-h-0"><div 10125 class="tw-absolute tw-z-6 tw-w-full tw-bottom-[-100%]" 10126 > 10127 <div 10128 class="wave-separator-svg__curve-up-left tw-h-[98px]" 10129 style="background-color: #008168;" 10130 ></div> 10131 </div> 10132 </section> 10133 10134 10135 10136 10137 <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"> 10138 <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"> 10139 <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 10140 class="tw-text-8 lg:tw-text-12 !tw-font-display tw-font-bold tw-leading-[1.1] !tw-text-vanilla " 10141 id="footer-menu-label-1" 10142 > 10143 Sign up to get 15% off your first order 10144 </h3><klaviyo-form 10145 class="klaviyo-form tw-px-0 tw-pt-4 tw-pb-6 md:tw-py-6 tw-inline-block text-left" 10146 data-klaviyo-list-id="KdQJNU" 10147 > 10148 <form 10149 method="post" 10150 action="/contact#contact_form" 10151 id="contact_form" 10152 accept-charset="UTF-8" 10153 class="newsletter-form" 10154 > 10155 <input type="hidden" name="contact[tags]" value="newsletter"> 10156 <div class="klaviyo-form__wrapper rel"> 10157 <input 10158 type="email" 10159 id="KlaviyoForm--footer" 10160 name="contact[email]" 10161 value="" 10162 aria-required="true" 10163 autocorrect="off" 10164 autocapitalize="off" 10165 autocomplete="email" 10166 required 10167 placeholder="Your Email Address" 10168 > 10169 <label class="visually-hidden" for="KlaviyoForm--footer">Subscribe</label> 10170 <button 10171 type="submit" 10172 name="subscribe" 10173 id="subscribe" 10174 aria-label="Subscribe" 10175 > 10176 Subscribe 10177 </button> 10178 </div> 10179
10180 <div class="klaviyo-form__message klaviyo-form__success hide"> 10181 <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> 10182 </div> 10183 10184 10185 10186 <div class="klaviyo-form__message klaviyo-form__error form-error hide"> 10187 <p>Something went wrong, please try again</p> 10188 </div> 10189 10190 <div class="klaviyo-form__message klaviyo-form__error-email form-error hide tw-pt-4"> 10191 Please enter a valid email address. 10192 </div> 10193 </form> 10194 </klaviyo-form> 10195 10196 <nav class="tw-mt-2" aria-label="Social media"> 10197 <ul class="social-icons"><li class="tw-my-0 tw-mx-[10px] tw-inline-block lg:tw-mr-7 lg:tw-ml-0"> 10198 <a class="tw-text-white hover:tw-text-yellow-dark" target="_blank" href="https://www.instagram.com/drinkolipop/"> 10199 <svg focusable="false" class="icon icon-instagram" role="presentation" viewBox="0 0 512 512"> 10200 <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"/> 10201</svg> 10202 10203 <span class="icon__fallback-text">Link to Olipop Instagram</span> 10204 </a> 10205 </li><li class="tw-my-0 tw-mx-[10px] tw-inline-block lg:tw-mr-7 lg:tw-ml-0"> 10206 <a class="tw-text-white hover:tw-text-yellow-dark" target="_blank" href="https://www.tiktok.com/@drinkolipop?lang=en"> 10207 <svg width="23" height="26" viewBox="0 0 23 26" fill="none" xmlns="http://www.w3.org/2000/svg" role="presentation"> 10208 <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"/> 10209</svg> 10210
10211 <span class="icon__fallback-text">Link to Olipop TikTok</span> 10212 </a> 10213 </li><li class="tw-my-0 tw-mx-[10px] tw-inline-block lg:tw-mr-7 lg:tw-ml-0"> 10214 <a class="tw-text-white hover:tw-text-yellow-dark" target="_blank" href="https://www.facebook.com/drinkolipop"> 10215 <svg 10216 width="11" 10217 height="21" 10218 viewBox="0 0 11 21" 10219 fill="none" 10220 xmlns="http://www.w3.org/2000/svg" 10221 class="icon icon-facebook" 10222 role="presentation" 10223> 10224 <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"/> 10225</svg> 10226 10227 <span class="icon__fallback-text">Link to Olipop Facebook</span> 10228 </a> 10229 </li><li class="tw-my-0 tw-mx-[10px] tw-inline-block lg:tw-mr-7 lg:tw-ml-0"> 10230 <a class="tw-text-white hover:tw-text-yellow-dark" target="_blank" href="https://www.linkedin.com/company/olipop-pbc"> 10231 <svg class="icon icon-linkedin" width="24" height="24" role="presentation" viewBox="0 0 26 26"> 10232 <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 "/> 10233</svg> 10234 10235 <span class="icon__fallback-text">Link to Olipop LinkedIn</span> 10236 </a> 10237 </li><li class="tw-my-0 tw-mx-[10px] tw-inline-block lg:tw-mr-7 lg:tw-ml-0"> 10238 <a class="tw-text-white hover:tw-text-yellow-dark" target="_blank" href="https://www.pinterest.com/drinkolipop/"> 10239 <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-pinterest" viewBox="0 0 20 20"> 10240 <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"/> 10241</svg> 10242 10243 <span class="icon__fallback-text">Link to Olipop Pinterest</span> 10244 </a> 10245 </li><li class="tw-my-0 tw-mx-[10px] tw-inline-block lg:tw-mr-7 lg:tw-ml-0"> 10246 <a class="tw-text-white hover:tw-text-yellow-dark" target="_blank" href="https://twitter.com/drinkolipop"> 10247 <svg 10248 width="28" 10249 aria-hidden="true" 10250 focusable="false" 10251 role="presentation" 10252 height="28" 10253 viewBox="0 0 28 28" 10254 class="icon icon-twitter" 10255 fill="none" 10256 xmlns="http://www.w3.org/2000/svg" 10257> 10258 <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"/> 10259</svg> 10260
10261 <span class="icon__fallback-text">Link to Olipop Twitter</span> 10262 </a> 10263 </li><li class="tw-my-0 tw-mx-[10px] tw-inline-block lg:tw-mr-7 lg:tw-ml-0"> 10264 <a class="tw-text-white hover:tw-text-yellow-dark" target="_blank" href="https://www.youtube.com/@OLIPOP"> 10265 <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-youtube" width="24" height="24" viewBox="0 0 24 24"> 10266 <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"/> 10267</svg> 10268 <span class="icon__fallback-text">Link to Olipop YouTube</span> 10269 </a> 10270 </li></ul> 10271 </nav> 10272</div> 10273 <div class="footer-menu tw-w-[calc(50%_-_12px)] lg:tw-w-auto tw-mt-2 lg:tw-mt-0"><h3 10274 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" 10275 id="footer-menu-label-2" 10276 > 10277 Help 10278 </h3><nav aria-labelledby="footer-menu-label-2"> 10279 <ul 10280 id="footer-menu-items-2" 10281 class="!tw-block" 10282 aria-labelledby="footer-menu-label-2" 10283 ><li class="tw-mt-3 first:tw-mt-0"> 10284 <a 10285 href="/pages/faq" 10286 class="settings-text-base-sm tw-text-vanilla hover:tw-text-yellow-dark" 10287 10288 10289 > 10290 FAQ 10291 </a> 10292 </li><li class="tw-mt-3 first:tw-mt-0"> 10293 <a 10294 href="/pages/fiber-education" 10295 class="settings-text-base-sm tw-text-vanilla hover:tw-text-yellow-dark" 10296 10297 10298 > 10299 Fiber Education 10300 </a> 10301 </li><li class="tw-mt-3 first:tw-mt-0"> 10302 <a 10303 href="https://drinkolipop.com/apps/retextion#/login" 10304 class="settings-text-base-sm tw-text-vanilla hover:tw-text-yellow-dark" 10305 10306 10307 > 10308 Manage Subscriptions 10309 </a> 10310 </li><li class="tw-mt-3 first:tw-mt-0"> 10311 <a 10312 href="https://drinkolipop.com/account/login" 10313 class="settings-text-base-sm tw-text-vanilla hover:tw-text-yellow-dark" 10314 10315 10316 > 10317 Manage Account 10318 </a> 10319 </li><li class="tw-mt-3 first:tw-mt-0"> 10320 <a 10321 href="/pages/track-your-order" 10322 class="settings-text-base-sm tw-text-vanilla hover:tw-text-yellow-dark" 10323 10324 10325 > 10326 Track Your Order 10327 </a> 10328 </li><li class="tw-mt-3 first:tw-mt-0"> 10329 <a 10330 href="/pages/satisfactionguarantee" 10331 class="settings-text-base-sm tw-text-vanilla hover:tw-text-yellow-dark" 10332 10333 10334 > 10335 Satisfaction Guarantee 10336 </a> 10337 </li><li class="tw-mt-3 first:tw-mt-0"> 10338 <a 10339 href="/pages/accessibility" 10340 class="settings-text-base-sm tw-text-vanilla hover:tw-text-yellow-dark" 10341 10342 10343 > 10344 Accessibility 10345 </a> 10346 </li><li class="tw-mt-3 first:tw-mt-0"> 10347 <a 10348 href="/pages/contact-us" 10349 class="settings-text-base-sm tw-text-vanilla hover:tw-text-yellow-dark" 10350 10351 10352 > 10353 Contact Us 10354 </a> 10355 </li> 10356 </ul> 10357 </nav></div> 10358 <div class="footer-menu tw-w-[calc(50%_-_12px)] lg:tw-w-auto tw-mt-2 lg:tw-mt-0"><h3 10359 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" 10360 id="footer-menu-label-3" 10361 > 10362 Company 10363 </h3><nav aria-labelledby="footer-menu-label-3"> 10364 <ul 10365 id="footer-menu-items-3" 10366 class="!tw-block" 10367 aria-labelledby="footer-menu-label-3" 10368 ><li class="tw-mt-3 first:tw-mt-0"> 10369 <a 10370 href="https://drinkolipop.com/pages/olipop-rewards" 10371 class="settings-text-base-sm tw-text-vanilla hover:tw-text-yellow-dark" 10372 10373 10374 > 10375 Earn Rewards 10376 </a> 10377 </li><li class="tw-mt-3 first:tw-mt-0"> 10378 <a 10379 href="/pages/sustainability" 10380 class="settings-text-base-sm tw-text-vanilla hover:tw-text-yellow-dark" 10381 10382 10383 > 10384 Sustainability 10385 </a> 10386 </li><li class="tw-mt-3 first:tw-mt-0"> 10387 <a 10388 href="/pages/careers" 10389 class="settings-text-base-sm tw-text-vanilla hover:tw-text-yellow-dark" 10390 10391 10392 > 10393 Careers 10394 </a> 10395 </li><li class="tw-mt-3 first:tw-mt-0"> 10396 <a 10397 href="/pages/product-quality-and-safety" 10398 class="settings-text-base-sm tw-text-vanilla hover:tw-text-yellow-dark" 10399 10400 10401 > 10402 Quality & Safety 10403 </a> 10404 </li><li class="tw-mt-3 first:tw-mt-0"> 10405 <a 10406 href="/blogs/digest" 10407 class="settings-text-base-sm tw-text-vanilla hover:tw-text-yellow-dark" 10408 10409 10410 >
10411 OLIPOP Blog 10412 </a> 10413 </li><li class="tw-mt-3 first:tw-mt-0"> 10414 <a 10415 href="/pages/press" 10416 class="settings-text-base-sm tw-text-vanilla hover:tw-text-yellow-dark" 10417 10418 10419 > 10420 Press 10421 </a> 10422 </li><li class="tw-mt-3 first:tw-mt-0"> 10423 <a 10424 href="/pages/affiliate-program" 10425 class="settings-text-base-sm tw-text-vanilla hover:tw-text-yellow-dark" 10426 10427 10428 > 10429 Affiliate Program 10430 </a> 10431 </li><li class="tw-mt-3 first:tw-mt-0"> 10432 <a 10433 href="/pages/rd-program" 10434 class="settings-text-base-sm tw-text-vanilla hover:tw-text-yellow-dark" 10435 10436 10437 > 10438 Registered Dietitian Program 10439 </a> 10440 </li><li class="tw-mt-3 first:tw-mt-0"> 10441 <a 10442 href="https://drinkolipop-wholesale.com/" 10443 class="settings-text-base-sm tw-text-vanilla hover:tw-text-yellow-dark" 10444 10445 10446 target="_blank" 10447 10448 > 10449 Wholesale 10450 </a> 10451 </li> 10452 </ul> 10453 </nav></div></div> 10454 10455 <div class="tw-mt-10 tw-text-center lg:tw-text-left"> 10456 <a 10457 href="https://www.bcorporation.net/en-us/find-a-b-corp/company/olipop/" 10458 target="_blank" 10459 aria-label="Certified corporation link" 10460 ><svg 10461 width="48" 10462 height="80" 10463 viewBox="0 0 48 80" 10464 fill="none" 10465 aria-hidden="true" 10466 focusable="false" 10467 role="presentation" 10468> 10469 <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
10469M46.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
104695 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
104697 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"/> 10470</svg> 10471</a> 10472 </div> 10473 10474 <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"> 10475 <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"> 10476 © 2026 Olipop, Inc. All Rights Reserved 10477 </div> 10478 10479 <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"> 10480 10481<li class="tw-flex tw-items-center"> 10482 <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> 10483 </li> 10484 10485<li class="tw-flex tw-items-center"> 10486 <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> 10487 </li> 10488 10489<li class="tw-flex tw-items-center"> 10490 <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> 10491 </li> 10492 10493<li class="tw-flex tw-items-center"> 10494 <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> 10495 </li> 10496 10497 </ul> 10498 10499 </div> 10500 </div> 10501</footer> 10502 10503 10504</div> 10505 10506
10507<script> 10508 (function () { 10509 if (window.__productCardHoverWaveScriptLoaded) return; 10510 window.__productCardHoverWaveScriptLoaded = true; 10511 10512 var CARD_SIZE = 314; 10513 var DURATION_MS = 700; 10514 var clipIdCounter = 0; 10515 var delegationBound = false; 10516 10517 function clamp(value, min, max) { 10518 return Math.max(min, Math.min(max, value)); 10519 } 10520 10521 function easeOutCubic(t) { 10522 return 1 - Math.pow(1 - t, 3); 10523 } 10524 10525 function lerp(start, end, t) { 10526 return start + (end - start) * t; 10527 } 10528 10529 function wavePathForReveal(revealPx) { 10530 var reveal = clamp(revealPx, 0, CARD_SIZE); 10531 var offset = CARD_SIZE - reveal; 10532 var progress = reveal / CARD_SIZE; 10533 var fadeStart = 0.84; 10534 var fadeProgress = clamp((progress - fadeStart) / (1 - fadeStart), 0, 1); 10535 var fadeEased = easeOutCubic(fadeProgress); 10536 10537 var y0 = lerp(4.4565 + offset, offset, fadeEased); 10538 var c1y = lerp(4.41899 + offset, offset, fadeEased); 10539 var c2y = lerp(-13.1434 + offset, offset, fadeEased); 10540 var c3y = lerp(26.0583 + offset, offset, fadeEased); 10541 var c4y = lerp(65.2601 + offset, offset, fadeEased); 10542 var c5y = lerp(0.456482 + offset, offset, fadeEased); 10543 var endY = lerp(0.456482 + offset, offset, fadeEased); 10544 10545 return ( 10546 'M314 314H0.000422459L0.00012756 ' + 10547 y0 + 10548 'C-0.0456402 ' + 10549 c1y + 10550 ' 62.4 ' + 10551 c2y + 10552 ' 157 ' + 10553 c3y + 10554 'C251.6 ' + 10555 c4y + 10556 ' 314 ' + 10557 c5y + 10558 ' 314 ' + 10559 endY + 10560 'V314Z' 10561 ); 10562 } 10563 10564 function ensureUniqueClipPath(card) { 10565 var clipPath = card.querySelector('clipPath'); 10566 var image = card.querySelector('image[clip-path]'); 10567 if (!clipPath || !image) return; 10568 10569 if (clipPath.dataset.hoverWaveClipBound === 'true') return; 10570 10571 var existingId = clipPath.getAttribute('id'); 10572 if (existingId) { 10573 var matches = document.querySelectorAll('[id="' + CSS.escape(existingId) + '"]'); 10574 if (matches.length > 1) { 10575 clipIdCounter += 1; 10576 var newId = existingId + '-inst-' + clipIdCounter; 10577 clipPath.setAttribute('id', newId); 10578 image.setAttribute('clip-path', 'url(#' + newId + ')'); 10579 } 10580 } 10581 10582 clipPath.dataset.hoverWaveClipBound = 'true'; 10583 } 10584 10585 function animateCard(card, toReveal) { 10586 var path = card.querySelector('[data-hover-wave-path]'); 10587 if (!path) return; 10588 10589 var fromReveal = Number(card.dataset.hoverReveal || 0); 10590 var to = clamp(toReveal, 0, CARD_SIZE); 10591 card.dataset.hoverRevealTarget = String(to); 10592 10593 if (card.__hoverWaveRafId) { 10594 cancelAnimationFrame(card.__hoverWaveRafId); 10595 } 10596 10597 var startedAt = performance.now(); 10598 10599 function step(now) { 10600 var t = clamp((now - startedAt) / DURATION_MS, 0, 1); 10601 var eased = easeOutCubic(t); 10602 var reveal = fromReveal + (to - fromReveal) * eased; 10603 10604 card.dataset.hoverReveal = String(reveal); 10605 path.setAttribute('d', wavePathForReveal(reveal)); 10606 10607 if (t < 1) { 10608 card.__hoverWaveRafId = requestAnimationFrame(step); 10609 } else { 10610 card.dataset.hoverReveal = String(to); 10611 card.__hoverWaveRafId = null; 10612 } 10613 } 10614 10615 card.__hoverWaveRafId = requestAnimationFrame(step); 10616 } 10617 10618 function getWaveCardFromProductCard(productCard) { 10619 if (!productCard) return null; 10620 return productCard.querySelector('[data-hover-wave-card][data-hover-wave-ready="true"]'); 10621 } 10622 10623 function bindDelegation() { 10624 if (delegationBound) return; 10625 delegationBound = true; 10626 10627 document.addEventListener( 10628 'pointerover', 10629 function (event) { 10630 var productCard = event.target.closest('.product-card'); 10631 if (!productCard || productCard.contains(event.relatedTarget)) return; 10632 10633 var waveCard = getWaveCardFromProductCard(productCard); 10634 if (waveCard) animateCard(waveCard, CARD_SIZE); 10635 }, 10636 true 10637 ); 10638 10639 document.addEventListener( 10640 'pointerout', 10641 function (event) { 10642 var productCard = event.target.closest('.product-card'); 10643 if (!productCard || productCard.contains(event.relatedTarget)) return; 10644 10645 var waveCard = getWaveCardFromProductCard(productCard); 10646 if (waveCard) animateCard(waveCard, 0); 10647 }, 10648 true 10649 ); 10650 10651 document.addEventListener('focusin', function (event) { 10652 var productCard = event.target.closest('.product-card'); 10653 var waveCard = getWaveCardFromProductCard(productCard); 10654 if (waveCard) animateCard(waveCard, CARD_SIZE); 10655 }); 10656 10657 document.addEventListener('focusout', function (event) { 10658 var productCard = event.target.closest('.product-card'); 10659 if (!productCard || productCard.contains(event.relatedTarget)) return; 10660 10661 var waveCard = getWaveCardFromProductCard(productCard); 10662 if (waveCard) animateCard(waveCard, 0); 10663 }); 10664 10665 document.addEventListener('click', function (event) { 10666 if (!event.target.closest('[data-product-card-cta]')) return; 10667 var productCard = event.target.closest('.product-card'); 10668 if (!productCard) return; 10669 event.stopPropagation(); 10670 }); 10671 } 10672 10673 function initCard(card) { 10674 if (card.dataset.hoverWaveReady === 'true') return; 10675 10676 var path = card.querySelector('[data-hover-wave-path]'); 10677 if (!path) return; 10678 10679 if (!card.closest('.product-card')) return; 10680 10681 ensureUniqueClipPath(card); 10682 card.dataset.hoverWaveReady = 'true'; 10683 card.dataset.hoverReveal = '0'; 10684 path.setAttribute('d', wavePathForReveal(0)); 10685 } 10686 10687 function initProductCardHoverWaves(root) { 10688 bindDelegation(); 10689 var scope = root && root.nodeType ? root : document; 10690 var cards = scope.querySelectorAll('[data-hover-wave-card]'); 10691 for (var i = 0; i < cards.length; i += 1) { 10692 initCard(cards[i]); 10693 } 10694 } 10695 10696 window.initProductCardHoverWaves = initProductCardHoverWaves; 10697 10698 function scanDocument() { 10699 initProductCardHoverWaves(document); 10700 } 10701 10702 if (document.readyState === 'loading') { 10703 document.addEventListener('DOMContentLoaded', scanDocument); 10704 } else { 10705 scanDocument(); 10706 } 10707 10708 document.addEventListener('shopify:section:load', scanDocument); 10709 window.addEventListener('pageshow', function (event) { 10710 if (event.persisted) scanDocument(); 10711 }); 10712 })(); 10713</script>
10713 10714 10715 <div id="gorgias-chat-container"></div> 10716 10717 10718 <ul hidden> 10719 <li id="a11y-refresh-page-message">Choosing a selection results in a full page refresh.</li> 10720 <li id="a11y-selection-message">Press the space key then arrow keys to make a selection.</li> 10721 </ul> 10722 <!-- Hides Gorgias Chatbox until SE Cookies Policy is accepted --> 10723<style media="screen" id="hide-chatbox"> 10724 iframe#gorgias-web-messenger-container { 10725 display: none; 10726 } 10727</style> 10728
10729<script type="text/javascript"> 10730 $(document).ready(function () { 10731 function showChat() { 10732 if ($('#se-cookies-message').hasClass('se-cookies-message-open')) { 10733 console.log('Hiding chatbox'); 10734 $('#hide-chatbox').html('iframe#gorgias-web-messenger-container {display: none;}'); 10735 } else { 10736 console.log('Showing chatbox'); 10737 $('#hide-chatbox').html('iframe#gorgias-web-messenger-container {display: block;}'); 10738 } 10739 } 10740 10741 showChat(); 10742 10743 $('#se-accept-cookies-checkbox').click(function () { 10744 $('#hide-chatbox').html('iframe#gorgias-web-messenger-container {display: block;}'); 10745 }); 10746 }); 10747</script>
10747 10748 10749 10750 <!-- Back in Stock helper snippet --> 10751 10752
10753<script id="back-in-stock-helper"> 10754 var _BISConfig = _BISConfig || {}; 10755 10756 10757 10758 10759</script>
10759 10760 10761 <!-- End Back in Stock helper snippet --> 10762 10763 <!-- Gorgias Chat Widget Start --> 10764 10765
10766<script 10767 id="gorgias-chat-widget-install-v2" 10768 src="https://config.gorgias.chat/gorgias-chat-bundle-loader.js?applicationId=1599" 10769></script>
10769 10770
10771<script> 10772 if (window.GorgiasChat) { 10773 GorgiasChat.init().then(function () { 10774 // Use GorgiasChat API here, now that the chat is fully initialized. 10775 var gorgiasChatInterval = window.setInterval(function () { 10776 var container = document.querySelector('#gorgias-chat-container'); 10777 if (window.GorgiasChat && GorgiasChat.hasOwnProperty('on')) { 10778 if (window.location.hostname !== 'localhost') { 10779 GorgiasChat.setShopifyContext('olipop-store.myshopify.com/'); 10780 } 10781 } 10782 }, 50); 10783 }); 10784 } 10785</script>
10785 10786 10787
10787<script type="text/javascript"> 10788 ire('identify', { customerId: '', customerEmail: '' }); 10789</script>
10789 10790 10791 <!-- 10792 This JS is taken from this article - https://www.24a11y.com/2019/select-your-poison-part-2/ 10793 It is also modified to be used as a way to decorate select dropdowns and make them 10794 accessible using keyboards. 10795 10796 How to use it: 10797 Add js-combobox class to the <select> element you would like to replace with the combobox. 10798 Hide your <select> element as well as corresponding <label> element with display: none;. 10799 10800 On load, this libary will create a new <label> element and a combobox element which consists 10801 of an input element and a listbox. 10802 10803 The new <label> element will have select label's aria-label. 10804 The new combobox element will have select options' values and text. 10805 10806 On option select, this libary will also set your hidden <select> element's val so it 10807 can be used further. 10808--> 10809
10810<script> 10811 jQuery(document).ready(function () { 10812 /* 10813 * Helper constants and functions 10814 */ 10815 10816 // make it easier for ourselves by putting some values in objects 10817 // in TypeScript, these would be enums 10818 const Keys = { 10819 Backspace: 'Backspace', 10820 Clear: 'Clear', 10821 Down: 'ArrowDown', 10822 End: 'End', 10823 Enter: 'Enter', 10824 Escape: 'Escape', 10825 Home: 'Home', 10826 Left: 'ArrowLeft', 10827 PageDown: 'PageDown', 10828 PageUp: 'PageUp', 10829 Right: 'ArrowRight', 10830 Space: ' ', 10831 Tab: 'Tab', 10832 Up: 'ArrowUp', 10833 }; 10834 10835 const MenuActions = { 10836 Close: 0, 10837 CloseSelect: 1, 10838 First: 2, 10839 Last: 3, 10840 Next: 4, 10841 Open: 5, 10842 Previous: 6, 10843 Select: 7, 10844 Space: 8, 10845 Type: 9, 10846 }; 10847 10848 // filter an array of options against an input string 10849 // returns an array of options that begin with the filter string, case-independent 10850 function filterOptions(options = [], filter, exclude = []) { 10851 return options.filter((option) => { 10852 const matches = option.toLowerCase().indexOf(filter.toLowerCase()) === 0; 10853 return matches && exclude.indexOf(option) < 0; 10854 }); 10855 } 10856 10857 // return an array of exact option name matches from a comma-separated string 10858 function findMatches(options, search) { 10859 const names = search.split(','); 10860 return names 10861 .map((name) => { 10862 const match = options.filter((option) => name.trim().toLowerCase() === option.toLowerCase()); 10863 return match.length > 0 ? match[0] : null; 10864 }) 10865 .filter((option) => option !== null); 10866 } 10867 10868 // return combobox action from key press 10869 function getActionFromKey(key, menuOpen) { 10870 // handle opening when closed 10871 if (!menuOpen && key === Keys.Down) { 10872 return MenuActions.Open; 10873 } 10874 10875 // handle keys when open 10876 if (key === Keys.Down) { 10877 return MenuActions.Next; 10878 } else if (key === Keys.Up) { 10879 return MenuActions.Previous; 10880 } else if (key === Keys.Home) { 10881 return MenuActions.First; 10882 } else if (key === Keys.End) { 10883 return MenuActions.Last; 10884 } else if (key === Keys.Escape) { 10885 return MenuActions.Close; 10886 } else if (key === Keys.Enter) { 10887 return MenuActions.CloseSelect; 10888 } else if (key === Keys.Backspace || key === Keys.Clear || key.length === 1) { 10889 return MenuActions.Type; 10890 } 10891 } 10892 10893 // get index of option that matches a string 10894 function getIndexByLetter(options, filter) { 10895 const firstMatch = filterOptions(options, filter)[0]; 10896 return firstMatch ? options.indexOf(firstMatch) : -1; 10897 } 10898 10899 // get updated option index 10900 function getUpdatedIndex(current, max, action) { 10901 switch (action) { 10902 case MenuActions.First: 10903 return 0; 10904 case MenuActions.Last: 10905 return max; 10906 case MenuActions.Previous: 10907 return Math.max(0, current - 1); 10908 case MenuActions.Next: 10909 return Math.min(max, current + 1); 10910 default: 10911 return current; 10912 } 10913 } 10914 10915 // check if an element is currently scrollable 10916 function isScrollable(element) { 10917 return element && element.clientHeight < element.scrollHeight; 10918 } 10919 10920 // ensure given child element is within the parent's visible scroll area 10921 function maintainScrollVisibility(activeElement, scrollParent) { 10922 const { offsetHeight, offsetTop } = activeElement; 10923 const { offsetHeight: parentOffsetHeight, scrollTop } = scrollParent; 10924 10925 const isAbove = offsetTop < scrollTop; 10926 const isBelow = offsetTop + offsetHeight > scrollTop + parentOffsetHeight; 10927 10928 if (isAbove) { 10929 scrollParent.scrollTo(0, offsetTop); 10930 } else if (isBelow) { 10931 scrollParent.scrollTo(0, offsetTop - parentOffsetHeight + offsetHeight); 10932 } 10933 } 10934 10935 /* 10936 * ARIA 1.1 Readonly Input code 10937 */ 10938 const ARIA11Combo = function (el, options, optionValues, selectEl) { 10939 // element refs 10940 this.el = el; 10941 this.selectEl = selectEl; 10942 this.comboEl = el.querySelector('[role=combobox]'); 10943 this.inputEl = el.querySelector('input'); 10944 this.listboxEl = el.querySelector('[role=listbox]'); 10945 10946 // data 10947 this.idBase = this.inputEl.id; 10948 this.options = options; 10949 this.optionValues = optionValues; 10950 10951 // state 10952 this.activeIndex = 0; 10953 this.open = false;
10954 }; 10955 10956 ARIA11Combo.prototype.init = function () { 10957 this.inputEl.addEventListener('input', this.onInput.bind(this)); 10958 this.inputEl.addEventListener('blur', this.onInputBlur.bind(this)); 10959 this.inputEl.addEventListener('click', () => this.updateMenuState(true)); 10960 this.inputEl.addEventListener('keydown', this.onInputKeyDown.bind(this)); 10961 10962 this.options.map((option, index) => { 10963 const optionEl = document.createElement('div'); 10964 optionEl.setAttribute('role', 'option'); 10965 optionEl.id = `${this.idBase}-${index}`; 10966 optionEl.className = index === 0 ? 'combo-option option-current' : 'combo-option'; 10967 optionEl.setAttribute('aria-selected', 'false'); 10968 optionEl.innerText = option; 10969 10970 optionEl.addEventListener('click', () => { 10971 this.onOptionClick(index); 10972 }); 10973 optionEl.addEventListener('mousedown', this.onOptionMouseDown.bind(this)); 10974 10975 this.listboxEl.appendChild(optionEl); 10976 }); 10977 this.onOptionClick(0); 10978 }; 10979 10980 ARIA11Combo.prototype.onInput = function () { 10981 const curValue = this.inputEl.value; 10982 const matches = filterOptions(this.options, curValue); 10983 10984 // set activeIndex to first matching option 10985 // (or leave it alone, if the active option is already in the matching set) 10986 const filterCurrentOption = matches.filter((option) => option === this.options[this.activeIndex]); 10987 if (matches.length > 0 && !filterCurrentOption.length) { 10988 this.onOptionChange(this.options.indexOf(matches[0])); 10989 } 10990 10991 const menuState = this.options.length > 0; 10992 if (this.open !== menuState) { 10993 this.updateMenuState(menuState, false); 10994 } 10995 }; 10996 10997 ARIA11Combo.prototype.onInputKeyDown = function (event) { 10998 const { key } = event; 10999 const max = this.options.length - 1; 11000 11001 const action = getActionFromKey(key, this.open); 11002 11003 switch (action) { 11004 case MenuActions.Next: 11005 case MenuActions.Last: 11006 case MenuActions.First: 11007 case MenuActions.Previous: 11008 event.preventDefault(); 11009 return this.onOptionChange(getUpdatedIndex(this.activeIndex, max, action)); 11010 case MenuActions.CloseSelect: 11011 event.preventDefault(); 11012 this.selectOption(this.activeIndex); 11013 return this.updateMenuState(false); 11014 case MenuActions.Close: 11015 event.preventDefault(); 11016 return this.updateMenuState(false); 11017 case MenuActions.Type: 11018 this.onOptionChange(Math.max(0, getIndexByLetter(this.options, key))); 11019 case MenuActions.Open: 11020 return this.updateMenuState(true); 11021 } 11022 }; 11023 11024 ARIA11Combo.prototype.onInputBlur = function () { 11025 if (this.ignoreBlur) { 11026 this.ignoreBlur = false; 11027 return; 11028 } 11029 11030 if (this.open) { 11031 this.updateMenuState(false, false); 11032 } 11033 }; 11034 11035 ARIA11Combo.prototype.onOptionChange = function (index) { 11036 this.activeIndex = index; 11037 this.inputEl.setAttribute('aria-activedescendant', `${this.idBase}-${index}`); 11038 11039 // update active style 11040 const options = this.el.querySelectorAll('[role=option]'); 11041 [...options].forEach((optionEl) => { 11042 optionEl.classList.remove('option-current'); 11043 }); 11044 options[index].classList.add('option-current'); 11045 11046 if (this.open && isScrollable(this.listboxEl)) { 11047 maintainScrollVisibility(options[index], this.listboxEl); 11048 } 11049 }; 11050 11051 ARIA11Combo.prototype.onOptionClick = function (index) { 11052 this.onOptionChange(index); 11053 this.selectOption(index); 11054 this.updateMenuState(false); 11055 }; 11056 11057 ARIA11Combo.prototype.onOptionMouseDown = function () { 11058 this.ignoreBlur = true; 11059 }; 11060 11061 ARIA11Combo.prototype.selectOption = function (index) { 11062 const selected = this.options[index]; 11063 this.inputEl.value = selected; 11064 this.activeIndex = index; 11065 11066 // update aria-selected 11067 const options = this.el.querySelectorAll('[role=option]'); 11068 [...options].forEach((optionEl) => { 11069 optionEl.setAttribute('aria-selected', 'false'); 11070 }); 11071 options[index].setAttribute('aria-selected', 'true'); 11072 11073 // Update hidden select element's value 11074 this.selectEl.val(this.optionValues[index]); 11075 setSellingPlan(this.selectEl.data('product_id')); 11076 }; 11077 11078 ARIA11Combo.prototype.updateMenuState = function (open, callFocus = true) { 11079 this.open = open; 11080 11081 this.comboEl.setAttribute('aria-expanded', `${open}`); 11082 open ? this.el.classList.add('open') : this.el.classList.remove('open'); 11083 callFocus && this.inputEl.focus(); 11084 }; 11085 11086 function setComboBoxes() { 11087 $('.js-combobox').each(function (index) { 11088 const $this = $(this); 11089 const labelEl = $this.parents('label'); 11090 11091 // Insert combobox after select element's label 11092 labelEl.after( 11093 '<label for="combo' + 11094 index + 11095 '" aria-label="' + 11096 labelEl.attr('aria-label') + 11097 '" class="combo-label"></label>' + 11098 '<div class="combo js-aria11">' + 11099 '<div role="combobox" aria-haspopup="listbox" aria-expanded="false" aria-owns="listbox' + 11100 index + 11101 '" class="input-wrapper">' + 11102 '<input aria-activedescendant="" aria-autocomplete="none" id="combo' + 11103 index +
11104 '" class="combo-input" readonly type="text">' + 11105 '<div class="combo-menu" role="listbox" id="listbox' + 11106 index + 11107 '"></div>' + 11108 '</div>' + 11109 '</div>' 11110 ); 11111 11112 const selectOptions = $this.find('option'); 11113 const selectOptionValues = $.map(selectOptions, (e) => $(e).val()); 11114 const options = $.map(selectOptions, (e) => e.label); 11115 11116 // init combo 11117 const aria11El = labelEl.siblings('.js-aria11')[0]; 11118 const aria11Component = new ARIA11Combo(aria11El, options, selectOptionValues, $this); 11119 aria11Component.init(); 11120 }); 11121 } 11122 }); 11123</script>
11123 11124 11125 11126
11126<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.10.3/gsap.min.js"></script>
11126 11127
11127<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.10.3/Draggable.min.js"></script>
11127 11128
11128<script src="https://cdn.jsdelivr.net/npm/keen-slider@latest/keen-slider.js"></script>
11128 11129
11129<script src="//drinkolipop.com/cdn/shop/t/1366/assets/swiper.js?v=56584870573080344041773709640"></script>
11129 11130 11131 11132 11133 <!-- BEAM START --> 11134
11134<script type="module"> 11135 import { init } from "https://sdk.beamimpact.com/web-sdk/v1.56.2/dist/integrations/beam.js"; 11136 import { PromoManagerPlugin } from "https://sdk.beamimpact.com/web-sdk/v1.56.2/dist/integrations/promoManager.js"; 11137 11138 const beam = await init({ 11139 apiKey: "orRPgklUWqQM.cab839ad-9774-43be-bc7d-f236e6c3e9ae", 11140 chainId: 338, 11141 storeId: 528, 11142 domain: "drinkolipop.com", 11143 plugins: [ 11144 new PromoManagerPlugin() 11145 ] 11146 }); 11147</script>
11147 11148
11149<script type="module" async crossorigin> 11150 let isNonProfitClicked = false; 11151 const cartScrollElement = '.rebuy-cart__flyout-content'; 11152 document.addEventListener('beamnonprofitselect', (evt) => { 11153 if (!isNonProfitClicked) { 11154 const scrollArea = document.querySelector(cartScrollElement); 11155 scrollArea.scrollBy({ 11156 top: 150, 11157 left: 0, 11158 behavior: 'smooth', 11159 }); 11160 isNonProfitClicked = true; 11161 } 11162 }); 11163</script>
11163 11164
11164<script type="module" async crossorigin> 11165 import { registerCartIntegration } from "https://sdk.beamimpact.com/web-sdk/v1.56.2/dist/integrations/shopify.js"; 11166 import { getConfig } from "https://sdk.beamimpact.com/web-sdk/v1.56.2/dist/integrations/beam.js"; 11167 11168 const beam = getConfig(); 11169 await beam.readyPromise; 11170 11171 registerCartIntegration({ 11172 apiKey: "orRPgklUWqQM.cab839ad-9774-43be-bc7d-f236e6c3e9ae", 11173 storeId: 528, 11174 baseUrl: "https://api.beamimpact.com", 11175 domain: "drinkolipop.com" || undefined, 11176 }); 11177</script>
11177 11178 <!-- beam-select-nonprofit.liquid --> 11179<!-- BEAM START -->
11180<script 11181 type="module" 11182 async 11183 crossorigin 11184 data-em-disable 11185 data-categories="analytics" 11186 src="https://sdk.beamimpact.com/web-sdk/v1.56.2/dist/components/select-nonprofit.js" 11187></script>
11187 11188 11189 <!-- BEAM END --> 11190 11191 <div id="portal"></div> 11192 11193 11194 11195 11196 11197 <!-- 1. The dialog container --> 11198 <div 11199 class="dialog-container" 11200 data-component="dialog" 11201 11202 data-portal="portal" 11203 11204 id="find-in-store-dialog" 11205 aria-labelledby="find-in-store" 11206 aria-hidden="true" 11207 > 11208 <!-- 2. The dialog overlay --> 11209 11210 <div 11211 class="dialog-overlay" 11212 data-a11y-dialog-hide 11213 11214 style="background-color: rgba(0, 0, 0, 0.45);" 11215 11216 ></div> 11217 11218 <!-- 3. The actual dialog --> 11219 11220 11221 <div class="dialog-content tw-bg-creme"> 11222 11223 <div 11224 class="store-locator-dialog-inner" 11225 data-component="storeLocatorModal" 11226 data-dialog-id="find-in-store-dialog" 11227 > 11228 <div class="store-locator-dialog-header"> 11229 <h2 class="store-locator-dialog-title" id="find-in-store">Where to Buy OLIPOP</h2> 11230 <button 11231 class="store-locator-dialog-close" 11232 type="button" 11233 data-a11y-dialog-hide 11234 aria-label="Close dialog" 11235 > 11236 11237 11238 11239 <svg width="29" height="28" viewBox="0 0 29 28" fill="none" xmlns="http://www.w3.org/2000/svg"> 11240 <path d="M6.98828 6L23.9588 22.9706" stroke="#14433D" stroke-width="2" stroke-linecap="round"/> 11241 <path d="M23.9883 6L7.01772 22.9706" stroke="#14433D" stroke-width="2" stroke-linecap="round"/> 11242 </svg> 11243 11244 11245 11246 </button> 11247 </div> 11248 <div class="store-locator-section-container store-locator-dialog-widget"> 11249 11250 11251 11252 11253<div 11254 id="store-locator-modal-widget" 11255 class="oli-smartcommerce-product-locator" 11256 data-sc-product-locator-id="dd9dac97-f17f-4d37-971a-e933120edab3" 11257 data-sc-product-locator-type="standalone" 11258 data-sc-locale="en-us" 11259 11260 style="height: min(90vh, 800px);" 11261></div> 11262 11263 11264 11265 </div> 11266 </div> 11267 11268 </div> 11269 11270 </div> 11271 11272 11273 11274 <!-- Use of this pixel is subject to the Amazon ad specs and policies at http://www.amazon.com/b/?&node=7253015011 -->
11275<script type="text/javascript"> 11276 var _pix = document.getElementById('_pix_id_73a3b955-2b94-711c-f24b-424e40d6695a'); 11277 if (!_pix) { 11278 var protocol = '//'; 11279 var a = Math.random() * 1000000000000000000; 11280 _pix = document.createElement('iframe'); 11281 _pix.style.display = 'none'; 11282 _pix.setAttribute( 11283 'src', 11284 protocol + 11285 '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' + 11286 '&cb=' + 11287 a 11288 ); 11289 _pix.setAttribute('id', '_pix_id_73a3b955-2b94-711c-f24b-424e40d6695a'); 11290 document.body.appendChild(_pix); 11291 } 11292</script>
11292 11293 11294
11294<script> 11295 /** 11296 * Product metafield custom.fiber is a metaobject reference (fiber_option). 11297 * Rebuy usually passes only a gid string (no label/title on the object). We map gids to 11298 * labels from shop metaobjects (same field order as PDP: title, label, text, name). 11299 */ 11300 window.__fiberOptionLabels = Object.assign(window.__fiberOptionLabels || {}, {"gid://shopify/Metaobject/116150763679": ["9g Fiber"], 11301 "116150763679": ["9g Fiber"] 11302,"gid://shopify/Metaobject/116150796447": ["6g Fiber"], 11303 "116150796447": ["6g Fiber"] 11304,"gid://shopify/Metaobject/121363038367": ["MINIs"], 11305 "121363038367": ["MINIs"] 11306}); 11307 11308 function rebuyMetaobjectFieldValue(field) { 11309 if (field == null || field === '') return ''; 11310 if (typeof field === 'string') return field; 11311 if (typeof field === 'object' && Object.prototype.hasOwnProperty.call(field, 'value')) { 11312 return field.value == null ? '' : String(field.value); 11313 } 11314 return ''; 11315 } 11316 11317 function rebuyFiberLabelFromResolvedEntry(entry) { 11318 if (entry == null || entry === '') return ''; 11319 if (typeof entry === 'string') { 11320 if (entry.indexOf('gid://shopify/Metaobject/') !== 0) return entry; 11321 var map = window.__fiberOptionLabels || {}; 11322 if (map[entry]) return map[entry]; 11323 var n = /^gid:\/\/shopify\/Metaobject\/(\d+)$/.exec(entry); 11324 return n && map[n[1]] ? map[n[1]] : ''; 11325 } 11326 if (typeof entry === 'object') { 11327 var nested = 11328 rebuyMetaobjectFieldValue(entry.label) || 11329 rebuyMetaobjectFieldValue(entry.title) || 11330 rebuyMetaobjectFieldValue(entry.text) || 11331 rebuyMetaobjectFieldValue(entry.name) || 11332 (typeof entry.display_value === 'string' ? entry.display_value : ''); 11333 if (nested) return nested; 11334 var v = entry.value; 11335 if (typeof v === 'string' && v.indexOf('gid://shopify/Metaobject/') === 0) return rebuyFiberLabelFromResolvedEntry(v); 11336 return ''; 11337 } 11338 return String(entry); 11339 } 11340 11341 function rebuyFiberMetafieldFromLineItem(item) { 11342 var vFiber = item && item.variant && item.variant.metafields && item.variant.metafields.custom && item.variant.metafields.custom.fiber; 11343 if (vFiber != null && vFiber !== '') return vFiber; 11344 var pFiber = item && item.product && item.product.metafields && item.product.metafields.custom && item.product.metafields.custom.fiber; 11345 return pFiber; 11346 } 11347 11348 window.cartItemTitleWithFiber = function (item) { 11349 var base = item && item.product_title ? String(item.product_title) : ''; 11350 var fiberMeta = rebuyFiberMetafieldFromLineItem(item); 11351 if (fiberMeta == null || fiberMeta === '') return base; 11352 11353 var entry = fiberMeta; 11354 if (typeof fiberMeta === 'object' && fiberMeta !== null && Object.prototype.hasOwnProperty.call(fiberMeta, 'value')) { 11355 entry = fiberMeta.value; 11356 } 11357 11358 var suffix = rebuyFiberLabelFromResolvedEntry(entry); 11359 if (!suffix) return base; 11360 return base + ' ' + suffix; 11361 }; 11362 11363 let SmartCart; 11364 11365 function removeBrokenBundleLineItems() { 11366 if (!SmartCart?.hasItems()) return; 11367 const items = SmartCart.items(); 11368 11369 const findBundleParent = (childLineItem) => { 11370 const { _bundle_id, _created_at, bundle_parent } = childLineItem.properties; 11371 const bundleParent = SmartCart.items().find( 11372 (item) => 11373 (item.properties.bundle_parent || item.properties._bundle_parent) && 11374 item.properties._bundle_id === _bundle_id && 11375 item.properties._created_at === _created_at 11376 ); 11377 11378 return bundleParent; 11379 }; 11380 11381 try { 11382 items.forEach((item) => { 11383 if (item.properties.hasOwnProperty('_bundle_id')) { 11384 if (item.properties.bundle_parent === false || item.properties._bundle_parent === false) { 11385 const bundleParent = findBundleParent(item); 11386 if (!bundleParent) { 11387 SmartCart.removeItem(item); 11388 } 11389 } 11390 } 11391 }); 11392 } catch (e) { 11393 console.error(e); 11394 } 11395 } 11396 11397 document.querySelectorAll('.site-header__cart').forEach((element) => { 11398 element.addEventListener('click', function (e) { 11399 window.Rebuy.SmartCart.show(); 11400 }); 11401 }); 11402 11403 const blockImage = ( 11404 `` 11405 ); 11406 11407 const blockImageBtn = ( 11408 ` 11409 ` 11410 ); 11411 11412 function handleCustomEvent(event) { 11413 const lineItems = event.detail?.cart?.line_items || []; 11414 11415 if (lineItems.length === 0 && blockImage) { 11416 setTimeout(()=> { 11417 const emptyCartInner = document.querySelector('.rebuy-cart__flyout-empty-cart'); 11418 if (emptyCartInner) emptyCartInner.insertAdjacentHTML('afterbegin', blockImage) 11419 }, 1500) 11420 } 11421 11422 if (lineItems.length === 0 && blockImageBtn) { 11423 setTimeout(()=> { 11424 const emptyCartInner = document.querySelector('.rebuy-cart__flyout-empty-cart p a')?.closest('p'); 11425 if (emptyCartInner) emptyCartInner.insertAdjacentHTML('afterbegin', blockImageBtn) 11426 }, 1500) 11427 } 11428 } 11429 11430 function handleCartAddEvent(event) { 11431 const elementSnow = document.querySelector('element-snow') 11432 11433 if(elementSnow) { 11434 elementSnow.remove(); 11435 elementSnow.show(); 11436 } 11437 } 11438 11439 document.addEventListener('rebuy:smartcart.show', function () { 11440 // document.querySelector('#rebuy-cart').removeAttribute('inert'); 11441 document.querySelector('#rebuy-cart')?.querySelectorAll('a, button, input, iframe, select, [tabindex]').forEach(el => el.tabIndex = 0); 11442 document.querySelector('.main-content').setAttribute('aria-hidden', 'true'); // voiceOver fix 11443 11444 setTimeout(()=>{ 11445 document.getElementById('rebuy-cart').classList.remove("is-visible-delay"); 11446 }, 1000) 11447 11448 const elementSnow = document.querySelector('element-snow') 11449 11450 if(elementSnow) elementSnow.show(); 11451 const breakpointQuery = window.matchMedia('(max-width: 1023px)'); 11452 11453 setTimeout(()=>{ 11454 const sliceAnimationWrapper = document.querySelector('.slice-animation-wrapper') 11455 const btnImage = document.querySelector('.rebuy-cart__flyout-empty-image') 11456 const emptyCartInner = document.querySelector('.rebuy-cart__flyout-empty-cart') 11457 const emptyCartInnerBtn = document.querySelector('.rebuy-cart__flyout-empty-cart p a')?.closest('p'); 11458 11459 if (sliceAnimationWrapper) { 11460 const sliceAnimationElement = sliceAnimationWrapper.querySelector('.tw-animate-cart-slice-mobile') 11461 sliceAnimationElement?.classList.remove('lg:tw-animate-cart-slice'); 11462 sliceAnimationElement?.classList.remove('tw-animate-cart-slice-mobile'); 11463 11464 11465 if (breakpointQuery.matches) { 11466 setTimeout(()=>{ 11467 sliceAnimationElement?.classList.add('lg:tw-animate-cart-slice'); 11468 sliceAnimationElement?.classList.add('tw-animate-cart-slice-mobile'); 11469 }, 1200); 11470 } else { 11471 setTimeout(()=>{ 11472 sliceAnimationElement?.classList.add('lg:tw-animate-cart-slice'); 11473 sliceAnimationElement?.classList.add('tw-animate-cart-slice-mobile'); 11474 }, 100); 11475 } 11476 } 11477 11478 if (emptyCartInner && !sliceAnimationWrapper) { 11479 if (breakpointQuery.matches) { 11480 setTimeout(()=>{ 11481 emptyCartInner?.insertAdjacentHTML('afterbegin', blockImage) 11482 }, 2000); 11483 } else { 11484 emptyCartInner?.insertAdjacentHTML('afterbegin', blockImage) 11485 } 11486 } 11487 11488 if (emptyCartInner && !btnImage) { 11489 if (breakpointQuery.matches) { 11490 setTimeout(()=>{ 11491 emptyCartInnerBtn?.insertAdjacentHTML('afterbegin', blockImageBtn) 11492 }, 2000); 11493 } else { 11494 emptyCartInnerBtn?.insertAdjacentHTML('afterbegin', blockImageBtn) 11495 } 11496 } 11497 }, 500); 11498 11499 // Add event listener for cart updates when cart is open 11500 document.addEventListener('rebuy:smartcart.line-item-removed', handleCustomEvent); 11501 document.addEventListener('rebuy:cart.add', handleCartAddEvent); 11502 }); 11503 11504 document.addEventListener('rebuy:smartcart.hide', function (event) { 11505 // document.querySelector('#rebuy-cart').setAttribute('inert', ''); 11506 document.querySelector('#rebuy-cart')?.querySelectorAll('a, button, input, iframe, select, [tabindex]').forEach(el => el.tabIndex = -1); 11507 document.querySelector('.main-content').removeAttribute('aria-hidden'); // voiceOver fix 11508 11509 const elementSnow = document.querySelector('element-snow') 11510 11511 document.querySelector('body').style.removeProperty('overflow'); 11512 11513 // Remove event listener for cart updates when cart is close 11514 document.removeEventListener('rebuy:smartcart.line-item-removed', handleCustomEvent); 11515 document.removeEventListener('rebuy:cart.add', handleCartAddEvent); 11516 11517 if(elementSnow) elementSnow.remove(); 11518 }); 11519 11520 document.addEventListener('rebuy.ready', (event) => { 11521 SmartCart = window.Rebuy.SmartCart; 11522 removeBrokenBundleLineItems(); 11523 }); 11524 11525 async function updateBundleDeliveryFrequencies(item, subscriptionFrequency) { 11526 if (!isBundleParent(item)) return; 11527 const bundleChildren = getBundleChildren(item); 11528 try {
11529 bundleChildren.forEach((child) => { 11530 Rebuy.Cart.switchToSubscription(child, subscriptionFrequency); 11531 }); 11532 } catch (error) { 11533 console.error(error); 11534 } 11535 } 11536 11537 function getBundlePrice(bundleParentLineItem) { 11538 if (!isBundleParent(bundleParentLineItem)) { 11539 return null; 11540 } 11541 11542 const bundleChildren = getBundleChildren(bundleParentLineItem); 11543 const bundlePrice = bundleChildren.reduce((totalPrice, item) => { 11544 return totalPrice + item.price * item.quantity; 11545 }, 0); 11546 11547 return Rebuy.Cart.formatMoney(bundlePrice); 11548 } 11549 11550 async function removeLineItems(bundleParentLineItem, bundleChildrenLineItems) { 11551 const itemsToRemove = [...bundleChildrenLineItems, bundleParentLineItem]; 11552 const updates = itemsToRemove.reduce((updateObject, item) => { 11553 if (!updateObject[item.key]) { 11554 updateObject[item.key] = 0; 11555 } 11556 return updateObject; 11557 }, {}); 11558 11559 try { 11560 const updatedCart = await fetch('/cart/update.js', { 11561 method: 'POST', 11562 headers: { 11563 'Content-Type': 'application/json', 11564 }, 11565 body: JSON.stringify({ 11566 updates, 11567 }), 11568 }); 11569 } catch (e) { 11570 console.error(e); 11571 } 11572 } 11573 11574 const getBundleChildren = (bundleParentItem) => { 11575 const items = window.Rebuy.SmartCart?.items(); 11576 return items.filter( 11577 (lineItem) => 11578 lineItem.properties._bundle_id === bundleParentItem.properties._bundle_id && 11579 parseInt(lineItem.properties._created_at) === parseInt(bundleParentItem.properties._created_at) && 11580 isBundleChild(lineItem) 11581 ); 11582 }; 11583 11584 const handleRemove = async (item) => { 11585 const isBundleItem = item.properties == null ? false : item.properties.hasOwnProperty('_bundle_id'); 11586 if (SmartCart == undefined) { 11587 SmartCart = window.Rebuy.SmartCart; 11588 } 11589 11590 if (!isBundleItem) { 11591 SmartCart.removeItem(item); 11592 return; 11593 } 11594 11595 const bundleChildren = getBundleChildren(item); 11596 11597 try { 11598 if (!bundleChildren || !bundleChildren.length) { 11599 SmartCart.removeItem(item); 11600 return; 11601 } else { 11602 removeLineItems(item, bundleChildren); 11603 } 11604 } catch (e) { 11605 console.error(e); 11606 } 11607 }; 11608 11609 const bundleParentProperties = ['bundle_parent', '_bundle_parent']; 11610 const isBundleChild = (item) => { 11611 // SmartCart stringifies all item property values on some cart methods 11612 const bundleChild = bundleParentProperties.filter( 11613 (property) => item.properties[property] === false || item.properties[property] === 'false' 11614 ); 11615 return bundleChild.length > 0; 11616 }; 11617 11618 const isBundleParent = (item) => { 11619 // SmartCart stringifies all item property values on some cart methods 11620 const bundleParent = bundleParentProperties.filter( 11621 (property) => item.properties[property] === true || item.properties[property] === 'true' 11622 ); 11623 return bundleParent.length > 0; 11624 }; 11625 11626 const displayProperty = (property) => { 11627 const hidden_keys = ['bundle_parent', '_bundle_id', 'Bundle Id', 'Frequency']; 11628 return hidden_keys.includes(property.key) ? false : true; 11629 }; 11630 11631 const getCartJson = () => { 11632 return SmartCart.cart; 11633 }; 11634 11635 11636 document.addEventListener('rebuy.add', function (event) { 11637 if (window.gtag) { 11638 const { product, widget } = event.detail; 11639 if (!product || !widget) return; 11640 window.gtag('event', 'Side Cart - Upsell Added', { 11641 event_detail: product.title + ' - ' + widget.View.carousel.selectedIndex, 11642 }); 11643 } 11644 }); 11645 11646 window.globalDiscountsCollectionIds = []; 11647 11648 window.globalDiscounts = undefined; 11649 11650 11651 /** 11652 * Mirrors snippets/oli-product-price-set.liquid for Smart Cart line items so PDP and sidecart match. 11653 */ 11654 (function () { 11655 function productInGlobalDiscountScope(product) { 11656 var ids = window.globalDiscountsCollectionIds; 11657 if (ids == null || ids.length === 0) return true; 11658 var colls = product && product.collections; 11659 if (!colls || !colls.length) return false; 11660 var productIds = {}; 11661 for (var i = 0; i < colls.length; i++) productIds[colls[i].id] = true; 11662 for (var j = 0; j < ids.length; j++) if (productIds[ids[j]]) return true; 11663 return false;
11664 } 11665 11666 function pickGlobalDiscount(item) { 11667 var discounts = window.globalDiscounts; 11668 if (!discounts || !discounts.length) return null; 11669 var both = discounts.filter(function (d) { 11670 return d.purchase_type === 'Both'; 11671 }); 11672 var oneTime = discounts.find(function (d) { 11673 return d.purchase_type === 'One-time purchase'; 11674 }); 11675 var subscription = discounts.find(function (d) { 11676 return d.purchase_type === 'Subscription'; 11677 }); 11678 var oneTimeDiscount = oneTime || both[0]; 11679 var subscriptionDiscount = subscription || both[0]; 11680 return item.selling_plan_allocation ? subscriptionDiscount : oneTimeDiscount; 11681 } 11682 11683 function applyGlobalDiscountCents(priceCents, discount) { 11684 if (!discount || priceCents == null) return priceCents; 11685 var dv = Number(discount.discount_value); 11686 if (discount.discount_value_type === 'Percentage') { 11687 var percentage = 100 - dv; 11688 return Math.ceil((priceCents * percentage) / 100); 11689 } 11690 return priceCents - dv; 11691 } 11692 11693 function basePriceCents(item) { 11694 if (item.selling_plan_allocation) return Number(item.selling_plan_allocation.price); 11695 if (item.variant && item.variant.price != null) return Number(item.variant.price); 11696 return Number(item.price); 11697 } 11698 11699 function compareBaseCents(item) { 11700 if (item.selling_plan_allocation) { 11701 var spaCompare = item.selling_plan_allocation.compare_at_price; 11702 return spaCompare == null ? 0 : Number(spaCompare); 11703 } 11704 if (item.variant && item.variant.compare_at_price != null) return Number(item.variant.compare_at_price); 11705 if (item.compare_at_price != null) return Number(item.compare_at_price); 11706 return 0; 11707 } 11708 11709 function globalPricingActive(item) { 11710 if (!window.rebuyCartSettings || !window.rebuyCartSettings.enable_global_discounts) return false; 11711 if (!window.globalDiscounts || !window.globalDiscounts.length) return false; 11712 return productInGlobalDiscountScope(item.product); 11713 } 11714 11715 function catalogLinePriceParts(item) { 11716 var price = basePriceCents(item); 11717 var compare_at_price = compareBaseCents(item); 11718 var showCompare = !!(compare_at_price && compare_at_price !== 0); 11719 11720 return { 11721 useDefault: false, 11722 finalCents: price, 11723 compareCents: showCompare ? compare_at_price : 0, 11724 showCompare: showCompare, 11725 }; 11726 } 11727 11728 window.__oliRebuyGetLinePriceParts = function (item) { 11729 var globalDiscountsEnabled = 11730 window.rebuyCartSettings && window.rebuyCartSettings.enable_global_discounts; 11731 11732 if (!globalDiscountsEnabled) { 11733 return catalogLinePriceParts(item); 11734 } 11735 11736 if (!globalPricingActive(item)) return { useDefault: true }; 11737 11738 var discount = pickGlobalDiscount(item); 11739 if (!discount) return { useDefault: true }; 11740 11741 var price = basePriceCents(item); 11742 var compare_at_price = compareBaseCents(item); 11743 var hasSellingPlan = !!item.selling_plan_allocation; 11744 11745 var final_price = applyGlobalDiscountCents(price, discount); 11746 11747 if (compare_at_price === 0 && final_price < price) compare_at_price = price; 11748 if (!hasSellingPlan && final_price < price) compare_at_price = price; 11749 11750 var showCompare = !!(compare_at_price && compare_at_price !== 0); 11751 11752 return { 11753 useDefault: false, 11754 finalCents: final_price, 11755 compareCents: showCompare ? compare_at_price : 0, 11756 showCompare: showCompare, 11757 }; 11758 }; 11759 11760 window.oliRebuyLineHasDiscount = function (item, itemHasDiscountFn) { 11761 var parts = window.__oliRebuyGetLinePriceParts(item); 11762 if (parts.useDefault) return itemHasDiscountFn(item); 11763 return parts.showCompare; 11764 }; 11765 11766 window.oliRebuyLineSalePrice = function (item, formatMoneyFn, itemPriceFn) { 11767 var parts = window.__oliRebuyGetLinePriceParts(item); 11768 if (parts.useDefault) return formatMoneyFn(itemPriceFn(item)); 11769 return formatMoneyFn(parts.finalCents); 11770 }; 11771 11772 window.oliRebuyLineComparePrice = function (item, formatMoneyFn, compareAtPriceFn) { 11773 var parts = window.__oliRebuyGetLinePriceParts(item); 11774 if (parts.useDefault) { 11775 return item.selling_plan_allocation 11776 ? formatMoneyFn(item.selling_plan_allocation.compare_at_price) 11777 : formatMoneyFn(compareAtPriceFn(item)); 11778 } 11779 return parts.showCompare ? formatMoneyFn(parts.compareCents) : ''; 11780 }; 11781 11782 function oliRebuyLineUnitCents(item, itemPriceFn) { 11783 var parts = window.__oliRebuyGetLinePriceParts(item); 11784 if (!parts.useDefault) return parts.finalCents; 11785 return Number(itemPriceFn(item)); 11786 } 11787 11788 function oliRebuyLineCompareUnitCents(item, compareAtPriceFn) { 11789 var parts = window.__oliRebuyGetLinePriceParts(item); 11790 if (!parts.useDefault) { 11791 return parts.showCompare ? parts.compareCents : 0; 11792 } 11793 if (item.selling_plan_allocation) { 11794 return Number(item.selling_plan_allocation.compare_at_price) || 0; 11795 } 11796 return Number(compareAtPriceFn(item)) || 0; 11797 } 11798 11799 function oliRebuyLineTotalCents(item, itemPriceFn) { 11800 var parts = window.__oliRebuyGetLinePriceParts(item); 11801 var qty = Number(item.quantity) || 1; 11802 if (!parts.useDefault) return parts.finalCents * qty; 11803 if (item.final_line_price != null) return Number(item.final_line_price); 11804 if (item.line_price != null) return Number(item.line_price); 11805 return oliRebuyLineUnitCents(item, itemPriceFn) * qty; 11806 } 11807 11808 function oliRebuyGetBundleChildren(bundleParentItem) { 11809 var items = window.Rebuy.SmartCart && window.Rebuy.SmartCart.items(); 11810 if (!items || !items.length) return []; 11811 var bundleId = bundleParentItem.properties && bundleParentItem.properties._bundle_id; 11812 var createdAt = bundleParentItem.properties && bundleParentItem.properties._created_at; 11813 return items.filter(function (lineItem) { 11814 if (!lineItem.properties || lineItem.properties._bundle_id !== bundleId) return false;
11815 if (parseInt(lineItem.properties._created_at, 10) !== parseInt(createdAt, 10)) return false; 11816 return ( 11817 lineItem.properties.bundle_parent === false || 11818 lineItem.properties.bundle_parent === 'false' || 11819 lineItem.properties._bundle_parent === false || 11820 lineItem.properties._bundle_parent === 'false' 11821 ); 11822 }); 11823 } 11824 11825 function oliRebuyBundleLineCents(bundleParent, itemPriceFn) { 11826 return oliRebuyGetBundleChildren(bundleParent).reduce(function (total, child) { 11827 return total + oliRebuyLineTotalCents(child, itemPriceFn); 11828 }, 0); 11829 } 11830 11831 function oliRebuyBundleCompareCents(bundleParent, itemPriceFn, compareAtPriceFn) { 11832 return oliRebuyGetBundleChildren(bundleParent).reduce(function (total, child) { 11833 var qty = Number(child.quantity) || 1; 11834 var compareUnit = oliRebuyLineCompareUnitCents(child, compareAtPriceFn); 11835 if (compareUnit) return total + compareUnit * qty; 11836 return total + oliRebuyLineUnitCents(child, itemPriceFn) * qty; 11837 }, 0); 11838 } 11839 11840 /** 11841 * Subtotal aligned with displayed line-item prices (global discounts, bundles, qty). 11842 */ 11843 window.oliRebuyCartSubtotal = function ( 11844 formatMoneyFn, 11845 itemsFn, 11846 itemPriceFn, 11847 compareAtPriceFn, 11848 isBundleChildFn, 11849 isHiddenItemFn, 11850 isBundleParentFn 11851 ) { 11852 var items = itemsFn(); 11853 var totalCents = 0; 11854 11855 for (var i = 0; i < items.length; i++) { 11856 var item = items[i]; 11857 if (isHiddenItemFn(item)) continue; 11858 if (isBundleChildFn(item) !== false) continue; 11859 11860 if (isBundleParentFn(item)) { 11861 totalCents += oliRebuyBundleLineCents(item, itemPriceFn); 11862 } else { 11863 totalCents += oliRebuyLineTotalCents(item, itemPriceFn); 11864 } 11865 } 11866 11867 return formatMoneyFn(totalCents); 11868 }; 11869 11870 window.oliRebuyCartCompareSubtotal = function ( 11871 formatMoneyFn, 11872 itemsFn, 11873 itemPriceFn, 11874 compareAtPriceFn, 11875 isBundleChildFn, 11876 isHiddenItemFn, 11877 isBundleParentFn 11878 ) { 11879 var items = itemsFn(); 11880 var totalCents = 0; 11881 11882 for (var i = 0; i < items.length; i++) { 11883 var item = items[i]; 11884 if (isHiddenItemFn(item)) continue; 11885 if (isBundleChildFn(item) !== false) continue; 11886 11887 if (isBundleParentFn(item)) { 11888 totalCents += oliRebuyBundleCompareCents(item, itemPriceFn, compareAtPriceFn); 11889 } else { 11890 var qty = Number(item.quantity) || 1; 11891 var compareUnit = oliRebuyLineCompareUnitCents(item, compareAtPriceFn); 11892 if (compareUnit) { 11893 totalCents += compareUnit * qty; 11894 } else { 11895 totalCents += oliRebuyLineUnitCents(item, itemPriceFn) * qty; 11896 } 11897 } 11898 } 11899 11900 return formatMoneyFn(totalCents); 11901 }; 11902 })(); 11903 11904 if (!customElements.get('element-snow')) { 11905 customElements.define('element-snow', class videoPlay extends HTMLElement { 11906 constructor() { 11907 super(); 11908 } 11909 11910 connectedCallback() { 11911 } 11912 11913 show() { 11914 // Create 50 snowflakes 11915 for (let i = 0; i < 140; i++) { 11916 const snowflake = document.createElement('div'); 11917 snowflake.classList.add('snowflake'); 11918 11919 // Randomly set the size (100% or 80% of the current size) 11920 const isSmaller = Math.random() < 0.5; // 50% chance of smaller size 11921 const size = isSmaller ? '8px' : '10px'; // 20% smaller is 8px if the default is 10px 11922 snowflake.style.width = size; 11923 snowflake.style.height = size; 11924 11925 // Set random position and animation duration 11926 snowflake.style.left = `${Math.random() * 100}vw`; 11927 snowflake.style.animationDuration = `${Math.random() * 3 + 1}s`; 11928 snowflake.style.animationDelay = `${Math.random() * 2.5}s`; 11929 11930 this.appendChild(snowflake); 11931 11932 // Remove snowflake after animation ends 11933 snowflake.addEventListener('animationend', () => { 11934 snowflake.remove(); 11935 }); 11936 } 11937 11938 this.arrayElements = Array.from(document.querySelectorAll('.snowflake')) 11939 11940 setTimeout(()=> { 11941 this.fadeAway() 11942 }, 3000) 11943 11944 // setTimeout(()=> { 11945 // this.remove() 11946 // }, 5000) 11947 } 11948 11949 fadeAway() {
11950 if (this.arrayElements) this.arrayElements.forEach(element => element.classList.add('animation-fade-away')); 11951 } 11952 11953 remove() { 11954 if (this.arrayElements) this.arrayElements.forEach(element => element.remove()); 11955 } 11956 }); 11957 } 11958 11959 function removeDiscountGiftCard (event) { 11960 const cartItems = event.detail.cart.items(); 11961 const giftCardInCart = cartItems.find(item => item.gift_card === true); 11962 const otherItemsInCart = cartItems.find(item => item.gift_card !== true); 11963 11964 if (!otherItemsInCart && giftCardInCart && event.detail.cart.discount) { 11965 event.detail.cart.clearAllStoredDiscounts(); 11966 } 11967 } 11968 11969 function disableDiscountGiftCard(event) { 11970 const cartItems = event.detail.cart.items(); 11971 const giftCardInCart = cartItems.find(item => item.gift_card === true); 11972 const otherItemsInCart = cartItems.find(item => item.gift_card !== true); 11973 const discountButton = document.querySelector('.rebuy-cart__flyout-discount button'); 11974 const discountInput = document.querySelector('.rebuy-cart__flyout-discount-input'); 11975 const errorMessage = document.querySelector('.rebuy-cart__flyout-discount-input .rebuy-cart__flyout-discount-message'); 11976 const messageHtml = `<span class="rebuy-cart__flyout-discount-message">Discount codes do not apply to gift cards</span>` 11977 11978 if (!otherItemsInCart && giftCardInCart) { 11979 discountButton?.setAttribute('disabled', 'true'); 11980 if (!errorMessage) discountInput?.insertAdjacentHTML('beforeend', messageHtml) 11981 } else { 11982 discountButton?.removeAttribute('disabled'); 11983 if (errorMessage) errorMessage.remove(); 11984 } 11985 } 11986 11987 11988 const handleCartDiscountEvent = (event) => { 11989 removeDiscountGiftCard(event); 11990 disableDiscountGiftCard(event); 11991 }; 11992 11993 document.addEventListener('rebuy:smartcart.init', (event) => { 11994 setTimeout(() => { 11995 document.querySelector('#rebuy-cart')?.querySelectorAll('a, button, input, iframe, select, [tabindex]')?.forEach(el => el.tabIndex = -1); 11996 }, 2000) 11997 }); 11998 11999 document.addEventListener('rebuy:cart.ready', handleCartDiscountEvent); 12000 document.addEventListener('rebuy:cart.change', handleCartDiscountEvent); 12001</script>
12001 12002�
12002<script> 12003 window.rebuyCartSettings = { 12004 enable_global_discounts: false, 12005 rebuy_discount_message: "25% off applied!" 12006 } 12007</script>
12007 12008 12009
12010<script id="rebuy-cart-template" type="text/template"> 12011 12012 <div id="rebuy-cart" class="rebuy-cart " v-cloak v-bind:class="[visible ? 'is-visible is-visible-delay' : '', 'currency-' + currency() ]"> 12013 12014 <div class="rebuy-cart__flyout"> 12015 <div class="rebuy-cart__flyout-header" style="background-color: #FFFBF5!important"> 12016 <div class="rebuy-cart__flyout-title-wrap"> 12017 <h4 class="rebuy-cart__flyout-title" v-html="settings.language.cart_title"></h4> 12018 <span 12019 v-if="hasItems()" 12020 class="rebuy-cart__flyout-title-count" 12021 v-text="'(' + items().reduce(function (sum, item) { if (isHiddenItem(item) || isBundleChild(item) !== false) return sum; return sum + (Number(item.quantity) || 0); }, 0) + ')'" 12022 aria-live="polite" 12023 ></span> 12024 </div> 12025 <button class="rebuy-cart__flyout-close" type="button" aria-label="Close Smart Cart" v-on:click="hide()"> 12026 <svg width="14" height="14" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg" role="presentation"> 12027 <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"/> 12028 </svg> 12029 </button> 12030 </div> 12031 <div class="rebuy-cart__flyout-shipping-bar" style="background-color: #FFFBF5!important" v-if="freeShippingEnabled()" 12032 v-bind:class="[ freeShippingHelperMessage() ? 'has-helper' : '', hasFreeShipping() ? 'has-free-shipping': '' ]"> 12033 <div class="rebuy-cart__flyout-shipping-bar-message" v-if="!hasFreeShipping()" v-html="freeShippingRemainingMessage()"></div> 12034 <div class="rebuy-cart__flyout-shipping-bar-message" v-if="hasFreeShipping()" v-html="freeShippingCompleteMessage()"></div> 12035 <div class="rebuy-cart__flyout-shipping-bar-meter" v-bind:class="[hasFreeShippingProgress() ? 'has-progress' : 'no-progress']"> 12036 <div class="rebuy-cart__flyout-shipping-bar-meter-fill" v-bind:style="{ width: freeShippingPercentComplete() }"> 12037 <span class="rebuy-cart__flyout-shipping-bar-meter-fill-text" v-html="freeShippingPercentComplete()"></span> 12038 </div> 12039 </div> 12040 <div class="rebuy-cart__flyout-shipping-bar-helper" v-if="freeShippingHelperMessage()" v-html="freeShippingHelperMessage()"></div> 12041 </div> 12042 <div class="rebuy-cart__flyout-body"> 12043 <div class="rebuy-cart__flyout-announcement-bar" id="rebuy-smart-cart-announcement-bar" v-if="announcementBarEnabled()"> 12044 <div class="rebuy-cart__flyout-announcement-bar-message" v-for="message in settings.announcement_bar.messages" v-html="message"></div> 12045 </div> 12046 <div class="rebuy-cart__flyout-content" v-bind:class="[ hasItems() ? 'has-items' : 'no-items' ]" tabindex="0"> 12047 <div class="rebuy-cart__flyout-items" v-if="hasItems()"> 12048 � 12049 <div class="rebuy-cart__flyout-item" v-if="isBundleChild(item) == false" v-for="item in items()" v-if="!isHiddenItem(item)" 12050 v-bind:class="[ 'product-' + item.handle, itemProductTagsClasses(item), itemPropertyClasses(item) ]"> 12051 12052 12053 <!-- item image --> 12054 <div class="rebuy-cart__flyout-item-media"> 12055 <a v-bind:href="itemURL(item)"> 12056 <img v-bind:src="sizeImage(item.image, '240x240')" v-bind:alt="'View ' + cartItemTitleWithFiber(item)" /> 12057 </a> 12058 </div> 12059 <!-- end item image --> 12060 12061 12062 <div class="rebuy-cart__flyout-item-info"> 12063 12064 <div class="rebuy-cart__flyout-item-title-wrapper"> 12065 <a class="rebuy-cart__flyout-item-product-title" v-bind:href="itemURL(item)" 12066 v-html="cartItemTitleWithFiber(item)" v-bind:alt="'View ' + cartItemTitleWithFiber(item)"> 12067 </a> 12068 12069 <!--start remove btn --> 12070 <button 12071 class="rebuy-cart__flyout-item-remove" 12072 type="button" 12073 v-on:click="handleRemove(item)" 12074 v-bind:aria-label="'Remove ' + cartItemTitleWithFiber(item)"> 12075 <svg xmlns="http://www.w3.org/2000/svg" width="15" height="17" viewBox="0 0 15 17" fill="none"> 12076 <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.
12076625 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"/> 12077 </svg> 12078 </button> 12079 <!-- end remove btn --> 12080 </div> 12081 <div class="rebuy-cart__flyout-item-properties" v-if="hasItemProperties(item)"> 12082 <div class="rebuy-cart__flyout-item-property rebuy-cart__flyout-item-property--delivery-frequency" 12083 v-if="itemDeliveryFrequency(item)" v-html="itemDeliveryFrequency(item)"></div> 12084 <div class="rebuy-cart__flyout-item-property" 12085 v-for="property in itemProperties(item)" 12086 v-if="displayProperty(property)" 12087 v-bind:class="[ itemPropertyKeyClass(property), itemPropertyValueClass(property) ]"> 12088 12089 12090 <span class="rebuy-cart__flyout-item-property-name" v-html="property.key"></span> 12091 <span class="rebuy-cart__flyout-item-property-separator">:</span> 12092 <span class="rebuy-cart__flyout-item-property-value" v-html="property.value"></span> 12093 12094 12095 </div> 12096 </div> 12097 <div class="rtx-info"> 12098 <div class="option-values" v-for="option in item.options_with_values"> 12099 <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> 12100 </div> 12101 </div> 12102 12103 <div class="rebuy-cart__flyout-item-quantity-wrapper"> 12104 <!-- start quantity row --> 12105 <div class="rebuy-cart__flyout-item-quantity"> 12106 <div > 12107 12108 <div class="rebuy-cart__flyout-item-quantity-widget" v-if="hideQuantitySelectors && !hideQuantitySelectors(item) && item.handle != 'oli-pops-holiday-pack-pr-giveaway'"> 12109 <button class="rebuy-cart__flyout-item-quantity-widget-button" 12110 v-on:click="decreaseItem(item)" type="button" 12111 v-bind:aria-label="`You have ${item.quantity} ${cartItemTitleWithFiber(item)}, decrease by 1`"> 12112 <svg xmlns="http://www.w3.org/2000/svg" width="10" height="2" viewBox="0 0 10 2" fill="none"> 12113 <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"/> 12114 </svg> 12115 </button> 12116 <span class="rebuy-cart__flyout-item-quantity-widget-label" v-html="item.quantity"></span> 12117 <button class="rebuy-cart__flyout-item-quantity-widget-button" 12118 v-on:click="increaseItem(item)" type="button" v-bind:aria-label="`You have ${item.quantity} ${cartItemTitleWithFiber(item)}, add 1 more`"> 12119 <svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 12 12" fill="none"> 12120 <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"/> 12121 </svg> 12122 </button> 12123 </div> 12124 12125 </div> 12126 </div> 12127 <!-- end quantity row --> 12128 12129 <!-- start price row --> 12130 <div 12131 class="rebuy-cart__flyout-item-price" 12132 :class="{ '!tw-hidden': item.product && item.product.tags && item.product?.tags?.includes('smart-cart-hide-price') }" 12133 > 12134 12135 <div class="discount-code-msg" v-if="hasLineItemDiscount(item)" v-for="discount in item.discounts"> 12136 {{ discount.title }} 12137 </div> 12138 <!-- rtx subscription copy --> 12139 12140 <div class="rtx-cart_flyout-subscriptions" v-if="window.rebuyCartSettings.enable_global_discounts && window.rebuyCartSettings.rebuy_discount_message.length"> 12141 <div class="rebuy-cart__flyout-item-discount-message promo-sidecart" 12142 v-html="window.rebuyCartSettings.rebuy_discount_message"> 12143 </div> 12144 </div> 12145 12146 <div class="rtx-cart_flyout-subscriptions" v-else>
12147 <span v-if="item.selling_plan_allocation" class="rtx-cart_flyout-subscriptions-text">15% Off Applied!</span> 12148 </div> 12149 12150 <div class="rtx-cart_custom-discount-labels" style="display: none;"> 12151 <span class="rtx-cart_flyout-subscriptions-text tw-text-3 tw-font-normal tw-leading-none tw-text-green-900">30% off applied!</span> 12152 </div> 12153 <!-- end subscription copy --> 12154 <div v-if="isBundleParent(item)" role="textbox"> 12155 12156 12157 <span class="visually-hidden">Bundle price: </span> 12158 <span class="rebuy-money rebuy-money-original-price sale" v-html="getBundlePrice(item)"></span> 12159 </div> 12160 12161 <div v-if="oliRebuyLineHasDiscount(item, itemHasDiscount) && isBundleParent(item) == false"> 12162 <div class="visually-hidden">Sale price: </div> 12163 <span class="rebuy-money rebuy-money-original-price sale" v-html="oliRebuyLineSalePrice(item, formatMoney, itemPrice)"></span> 12164 <div class="visually-hidden">Original price: </div> 12165 <span class="rebuy-money rebuy-money-compare-at-price compare-at" 12166 v-html="oliRebuyLineComparePrice(item, formatMoney, compareAtPrice)"></span> 12167 </div> 12168 <div v-if="!oliRebuyLineHasDiscount(item, itemHasDiscount) && isBundleParent(item) == false"> 12169 <span class="visually-hidden">
12169Price: </span> 12170 <span class="rebuy-money rebuy-money-original-price" v-html="oliRebuyLineSalePrice(item, formatMoney, itemPrice)"></span> 12171 </div> 12172 12173 </div> 12174 <!-- end price row --> 12175 </div> 12176 12177 <!-- start subscription selector --> 12178 <div class="rebuy-cart__flyout-item-subscription" v-if="hasSwitchToSubscription(item)"> 12179 <button class="rebuy-button outline" v-if="!item.product.subscription || item.status == 'downgrading' || item.status == 'upgrading'" 12180 v-bind:alt="'Switch ' + cartItemTitleWithFiber(item) + ' to a Subscription'" 12181 v-bind:disabled="(item.status == 'downgrading' || item.status == 'upgrading')" 12182 v-on:click="updateItemDeliveryFrequency(item, item.product.subscription_frequencies[1]); updateBundleDeliveryFrequencies(item, item.product.subscription_frequencies[1])" 12183 type="button" 12184 > 12185 <span v-html="switchToSubscriptionLabel(item)"></span> 12186 </button> 12187 <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"> 12188 <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"/> 12189 </svg> 12190 <select 12191 v-if="item.product.subscription && item.status != 'downgrading'" 12192 class="rebuy-select muted" 12193 aria-label="Subscription frequency" 12194 v-model="item.product.subscription_frequency" 12195 v-on:change="updateItemDeliveryFrequency(item); updateBundleDeliveryFrequencies(item, $event.target.value)" 12196 > 12197 <optgroup 12198 v-if="!item.product.is_subscription_only && !subscriptionDowngradeDisabled()" 12199 v-bind:label="onetimeOptionGroupLabel(item)" 12200 > 12201 <option v-bind:value="'onetime'" v-html="onetimeOptionLabel(item)"></option> 12202 </optgroup> 12203 12204 <optgroup v-bind:label="subscriptionOptionGroupLabel(item)"> 12205 <option 12206 v-for="frequency in item.product.subscription_frequencies" 12207 v-bind:value="frequency" 12208 v-html="subscriptionOptionLabel(item, frequency, item.product.subscription_interval)" 12209 ></option> 12210 </optgroup> 12211 </select> 12212 </div> 12213 <!-- end subscription selector --> 12214 </div> 12215 12216 12217 12218 12219 </div> 12220 <!-- end product item --> 12221 12222 <div class="rebuy-cart__flyout-note" v-if="notesEnabled()"> 12223 <label class="rebuy-cart__flyout-note-toggle"> 12224 <input class="rebuy-cart__flyout-note-toggle-input rebuy-checkbox" type="checkbox" v-model="notes.visible" v-on:click="notesToggle()" /> 12225 <span class="rebuy-cart__flyout-note-toggle-label" v-html="settings.language.notes_label"></span> 12226 </label> 12227 <div class="rebuy-cart__flyout-note-content" v-if="notesIsVisible()"> 12228 <textarea id="rebuy-cart-notes" class="rebuy-textarea rebuy-cart__flyout-note-textarea" v-model="notes.value" 12229 v-on:keyup="notesChange(event)" v-on:keydown="notesChange(event)" v-on:change="notesChange(event)" 12230 v-bind:placeholder="settings.language.notes_placeholder"></textarea> 12231 <small id="rebuy-cart-characters-remaining" v-html="notesRemainingCharacters()"></small> 12232 </div> 12233 </div> 12234 </div> 12235 <div class="rebuy-cart__flyout-empty-cart" role="region" aria-label="Empty cart message" v-if="!hasItems()" v-html="emptyCartMessage()"></div> 12236 <div class="rebuy-cart__flyout-recommendations" v-if="hasCrossSells()" style="display: none;"> 12237 <div v-for="widget_id in settings.cross_sells" v-bind:data-rebuy-id="widget_id"> 12238 </div> 12239 </div> 12240 12241 <div class="rebuy-upsell custom-upsell"> 12242 </div> 12243 12244 <!--BEAM START--> 12245 <div data-beam-widget="select-nonprofit" v-if="hasItems()" class="rebuy-cart__beam-impact-widget-wrapper"> 12246 12247 <beam-select-nonprofit 12248 apiKey="orRPgklUWqQM.cab839ad-9774-43be-bc7d-f236e6c3e9ae" 12249 storeId="528" 12250 lang="en" 12251 ></beam-select-nonprofit> 12252 12253 </div> 12254 <!-- BEAM END--> 12255 </div> 12256 </div> 12257 12258 <div class="rebuy-cart__flyout-footer " v-if="hasItems()"> 12259 12260 <svg xmlns="http://www.w3.org/2000/svg" width="484" height="32" viewBox="0 0 484 32" fill="none"> 12261 <mask id="mask0_2444_672" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="-90" width="484" height="123"> 12262 <g clip-path="url(#clip0_2444_672)"> 12263 <g clip-path="url(#clip1_2444_672)"> 12264 <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"/> 12265 </g> 12266 </g> 12267 </mask> 12268 <g mask="url(#mask0_2444_672)"> 12269 <rect width="484" height="32.2667" fill="#008168"/>
12269 12270 </g> 12271 <defs> 12272 <clipPath id="clip0_2444_672"> 12273 <rect width="484" height="121.621" fill="white" transform="translate(0 -89.354)"/> 12274 </clipPath> 12275 <clipPath id="clip1_2444_672"> 12276 <rect width="484" height="33.275" fill="white" transform="translate(0 0.232666)"/> 12277 </clipPath> 12278 </defs> 12279 </svg> 12280 <div class="rebuy-cart__flyout-footer--inner"> 12281 12282 <button 12283 class="rebuy-cart__flyout-footer-discount-button" 12284 v-if="shouldShowDiscountInput && shouldShowDiscountInput()" 12285 aria-expanded="false" 12286 aria-controls="rebuy-discount-accordion" 12287 v-on:click=" 12288 function($event) { 12289 const accordion = $refs.rebuyDiscountAccordion; 12290 accordion?.classList.toggle('rebuy-cart__flyout-footer-discount-field-hide'); 12291 $refs.accordionCloseIcon?.classList.toggle('rebuy-cart__flyout-footer-discount-accordion'); 12292 $refs.accordionOpenIcon?.classList.toggle('rebuy-cart__flyout-footer-discount-accordion'); 12293 12294 const isOpen = !accordion.classList.contains('rebuy-cart__flyout-footer-discount-field-hide'); 12295 $event.currentTarget.setAttribute('aria-expanded', isOpen); 12296 12297 if (isOpen) { 12298 console.log(accordion.querySelector('input')) 12299 setTimeout(()=>(accordion.querySelector('input')?.focus()), 0) 12300 } 12301 } 12302 " 12303 v-show="discount && discount.amount === 0" 12304 > 12305 <div class="rebuy-cart__flyout-footer-discount-feild-copy">Add Promo Code</div> 12306 12307 <svg 12308 ref="accordionCloseIcon" 12309 class="rebuy-cart__flyout-footer-discount-accordion" 12310 width="14" 12311 height="14"
12312 viewBox="0 0 14 14" 12313 fill="none" 12314 aria-label="hidden" 12315 xmlns="http://www.w3.org/2000/svg" 12316 > 12317 <g clip-path="url(#clip0_1061_2171)"> 12318 <path d="M0.875 7.0083H13.125" stroke="#fff" stroke-width="2" stroke-linecap="round"/> 12319 </g> 12320 <defs> 12321 <clipPath id="clip0_1061_2171"> 12322 <rect width="14" height="14" fill="white" transform="translate(0 0.00830078)"/> 12323 </clipPath> 12324 </defs> 12325 </svg> 12326 12327 <svg 12328 ref="accordionOpenIcon" 12329 width="16" 12330 height="16" 12331 viewBox="0 0 16 16" 12332 aria-label="hidden" 12333 fill="none" 12334 xmlns="http://www.w3.org/2000/svg" 12335 > 12336 <path d="M1.875 8.0083H14.125" stroke="#fff" stroke-width="2" stroke-linecap="round"/> 12337 <path d="M8 1.8833L8 14.1333" stroke="#fff" stroke-width="2" stroke-linecap="round"/> 12338 </svg> 12339 </button> 12340 12341 <div 12342 v-if="shouldShowDiscountInput && shouldShowDiscountInput()" 12343 class="rebuy-cart__flyout-discount rebuy-cart__flyout-footer-discount-field-hide" 12344 ref="rebuyDiscountAccordion" 12345 id="rebuy-discount-accordion" 12346 > 12347 <div class="rebuy-cart__flyout-discount-right"> 12348 <div class="rebuy-cart__flyout-discount-input"> 12349 <input 12350 class="input" 12351 v-model="discount.inputValue" 12352 placeholder="Enter your promo code" 12353 id="rebuy-discount-input" 12354 aria-label="Enter your promo code" 12355 > 12356 12357 </div> 12358 <button 12359 class="rebuy-button" 12360 aria-label="Apply promo code" 12361 v-on:click="applyDiscount()" 12362 v-bind:disabled="discount.loading" 12363 > 12364 <span v-html="discountButtonLabel && discountButtonLabel()" class="rebuy-button-text"></span> 12365 </button> 12366 </div> 12367 <div 12368 v-if="showInvalidMessage()" 12369 class="rebuy-cart__flyout-discount-message" 12370 > 12371 <svg xmlns="http://www.w3.org/2000/svg" width="22" height="22" viewBox="0 0 22 22" fill="none"> 12372 <rect width="22" height="22" rx="11" fill="#D42A1C"/> 12373 <g clip-path="url(#clip0_2947_17606)"> 12374 <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"/> 12375 <path d="M11 9.75V12.75" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> 12376 <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"/> 12377 </g> 12378 <defs> 12379 <clipPath id="clip0_2947_17606"> 12380 <rect width="12" height="12" fill="white" transform="translate(5 5)"/> 12381 </clipPath> 12382 </defs> 12383 </svg> 12384 <span 12385 v-html="settings.language.discount_invalid_message" 12386 > 12387 </span> 12388 </div> 12389 </div> 12390 12391 12392 <div 12393 v-show="shouldShowDiscountSubtotal && shouldShowDiscountSubtotal()" 12394 class="rebuy-cart__flyout-discount-amount" 12395 > 12396 <div class="rebuy-cart__flyout-discount-left"> 12397 <span class="rebuy-cart__flyout-label" v-html="discountLabel && discountLabel()"></span> 12398 <div class="rebuy-cart__flyout-tag" v-on:click="removeDiscount()">
12399 <span class="rebuy-cart__flyout-tag-discount-icon"> 12400 <svg width="10" height="10" viewBox="0 0 10 10" fill="none" xmlns="http://www.w3.org/2000/svg"> 12401 <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"/> 12402 <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"/> 12403 </svg> 12404 </span> 12405 <span v-html="discount.inputValue" class="rebuy-cart__flyout-tag-discount-text"></span> 12406 <span class="rebuy-cart__flyout-tag-time"> 12407 <svg width="10" height="10" viewBox="0 0 8 8" fill="none" xmlns="http://www.w3.org/2000/svg"> 12408 <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"/> 12409 <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"/> 12410 </svg> 12411 </span> 12412 </div> 12413 </div> 12414 <div class="rebuy-cart__flyout-subtotal-amount rebuy-cart__flyout-discount-right rebuy-cart__flyout-subtotal-amount-discount" v-html="discountTotal && discountTotal()"> </div> 12415 </div> 12416 12417 <div class="rebuy-cart__flyout-subtotal"> 12418 <div class="rebuy-cart__flyout-subtotal-label">
12419 <span class="rebuy-cart__flyout-subtotal-text">Subtotal</span> 12420 </div> 12421 12422 <div class="rebuy-cart__flyout-subtotal-amount"> 12423 <span class="rebuy-cart__flyout-subtotal-final-amount"> 12424 <span class="sr-only">Final price</span> 12425 <span v-html="oliRebuyCartSubtotal(formatMoney, items, itemPrice, compareAtPrice, isBundleChild, isHiddenItem, isBundleParent)"></span> 12426 </span> 12427 <span class="rebuy-cart__flyout-subtotal-compare-amount tw-hidden"> 12428 <span class="sr-only">Original price</span> 12429 <span v-html="oliRebuyCartCompareSubtotal(formatMoney, items, itemPrice, compareAtPrice, isBundleChild, isHiddenItem, isBundleParent)"></span> 12430 </span> 12431 </div> 12432 12433 </div> 12434 <div class="rebuy-cart__flyout-actions"> 12435 <div v-if="settings.terms && settings.terms.enabled" class="rebuy-cart__flyout-terms"> 12436 <input class="rebuy-cart__flyout-terms-checkbox rebuy-checkbox" id="rebuy-terms-checkbox" name="rebuy-terms-checkbox" 12437 type="checkbox" v-model="termsAccepted" v-on:click="updateTermsCheck()" /> 12438 <label class="rebuy-cart__flyout-terms-label" for="rebuy-terms-checkbox" v-html="settings.terms.disclaimer"></label> 12439 </div> 12440 <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()"> 12441 <span> 12442 <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"/>
12442<path d="" stroke="none" fill="#fcfcfc" fill-rule="evenodd"/></svg> 12443 <span>Checkout</span> 12444 </span> 12445 </button> 12446 <button v-if="hasViewCartButton()" class="block rebuy-button" v-bind:class="{'outline': hasCheckoutButton()}" type="button" v-on:click="viewCart()"> 12447 <span v-html="viewCartLabel()"></span> 12448 </button> 12449 <button v-if="hasContinueShoppingButton()" class="block rebuy-button outline" type="button" v-on:click="hide()"> 12450 <span v-html="continueShoppingLabel()"></span> 12451 </button> 12452 12453 12454 <div class="rebuy-cart__flyout-actions-note-below-cta"> 12455 45 Day Money-Back Guarantee 12456 </div> 12457 12458 12459 � 12460 </div> 12461 <div class="rebuy-cart__flyout-installments" v-if="installmentsEnabled()" v-html="installmentsMessage()"></div> 12462 </div> 12463 </div> 12464 </div> 12465 <div class="rebuy-cart__background" v-on:click="hide()"></div> 12466 </div> 12467</script>
12467 12468 12469 12470<style> 12471 #rebuy-checkout-btn:hover { 12472 background-color: #E2EB28 !important; 12473 } 12474 12475 .rebuy-cart__flyout-item-media img[alt="View Watermelon Lime 9g Fiber"] { 12476 width: 70%; 12477 } 12478</style> 12479
12480<script async src="https://cdn.rebuyengine.com/onsite/js/rebuy.js?shop=olipop-store.myshopify.com"></script>
12480 12481
12482<script> 12483 document.addEventListener('DOMContentLoaded', function() { 12484 const body = document.body; 12485 const html = document.documentElement; 12486 12487 // Function to save and restore the scroll position 12488 function preserveScrollPosition(action) { 12489 const scrollPosition = { 12490 top: window.scrollY, 12491 left: window.scrollX 12492 }; 12493 action(); 12494 window.scrollTo(scrollPosition.left, scrollPosition.top); 12495 } 12496 12497 // Create a MutationObserver to watch for changes to the body's class list 12498 const observer = new MutationObserver(function(mutationsList) { 12499 mutationsList.forEach(function(mutation) { 12500 if (mutation.type === 'attributes' && mutation.attributeName === 'class') { 12501 if (body.classList.contains('rebuy-modal-visible')) { 12502 html.style.overflow = 'hidden'; 12503 } else { 12504 preserveScrollPosition(() => { 12505 html.style.overflow = ''; 12506 }); 12507 } 12508 } 12509 }); 12510 }); 12511 observer.observe(body, { attributes: true }); 12512 }); 12513</script>
12513 12514<style> 12515 #rebuy-checkout-btn:hover { 12516 background-color: #E2EB28 !important; 12517 } 12518 12519 .rebuy-cart__flyout-item-media img[alt="View Watermelon Lime 9g Fiber"] { 12520 width: 70%; 12521 } 12522</style> 12523 12524 12525 12526
12527<script> 12528const getProductJSON = async (handle) => { 12529 let data = JSON.parse(sessionStorage.getItem("productJSONStore")); 12530 12531 if (data && data[handle]) { 12532 return data[handle]; 12533 } else { 12534 await getStorefrontProduct(handle).then((product) => { 12535 saveProductJSON(product); 12536 return product; 12537 }); 12538 } 12539}; 12540 12541const saveProductJSON = (product) => { 12542 let data = JSON.parse(sessionStorage.getItem("productJSONStore")); 12543 12544 if (data == null) { 12545 data = {}; 12546 } 12547 12548 if (product) { 12549 data[product.handle] = product; 12550 } 12551 12552 sessionStorage.setItem("productJSONStore", JSON.stringify(data)); 12553}; 12554 12555const removeProductJSON = (product) => { 12556 let data = JSON.parse(sessionStorage.getItem("productJSONStore")); 12557 12558 if (data == null) { 12559 data = {}; 12560 } 12561 12562 if (product) { 12563 delete data[product.handle]; 12564 } 12565 12566 sessionStorage.setItem("productJSONStore", JSON.stringify(data)); 12567}; 12568 12569const getStorefrontProduct = async (handle) => { 12570 return fetch(`${Shopify.routes.root}products/${handle}.js`).then( 12571 (response) => { 12572 return response.json(); 12573 } 12574 ); 12575}; 12576 12577const enrichWidgetProducts = (widget) => { 12578 const products = widget.data.products; 12579 12580 for (var i = 0; i < products.length; i++) { 12581 updateProductJSON(products[i], () => { 12582 widget.initProducts(widget.data.products); 12583 }); 12584 } 12585}; 12586 12587const enrichCartItems = () => { 12588 const items = Rebuy.Cart.items(); 12589 for (var i = 0; i < items.length; i++) { 12590 const item = items[i]; 12591 const product = items[i].product; 12592 12593 updateProductJSON(product, () => { 12594 const productClone = Object.assign({}, product); 12595 12596 delete productClone.subscription; 12597 delete productClone.subscription_discount_amount; 12598 delete productClone.subscription_discount_type; 12599 delete productClone.subscription_frequencies; 12600 delete productClone.subscription_frequency; 12601 delete productClone.subscription_interval; 12602 delete productClone.subscription_id; 12603 delete productClone.is_subscription_only; 12604 delete productClone.has_subscription; 12605 12606 Rebuy.Cart.addEnrichedProduct(productClone); 12607 12608 Rebuy.Cart.initProduct(product, { 12609 item: item, 12610 clone: true, 12611 }); 12612 }); 12613 } 12614}; 12615 12616const updateProductJSON = (product, callback = function () {}) => { 12617 getProductJSON(product.handle).then((json) => { 12618 if (typeof json?.requires_selling_plan != "undefined") { 12619 product.is_subscription_only = json?.requires_selling_plan; 12620 } 12621 12622 if (typeof json?.selling_plan_groups != "undefined") { 12623 extendProductWithSellingPlan(product, json?.selling_plan_groups[0]); 12624 } 12625 12626 callback(product); 12627 }); 12628}; 12629 12630const extendProductWithSellingPlan = (product, selling_plan_groups) => { 12631 if (product && selling_plan_groups) { 12632 // Set discount 12633 selling_plan_groups.discount_amount = 0; 12634 selling_plan_groups.discount_type = "none"; 12635 12636 // Update selling plans 12637 for (let i = 0; i < selling_plan_groups.selling_plans.length; i++) { 12638 const selling_plan = selling_plan_groups.selling_plans[i]; 12639 12640 // Surface discount amount and type to groups 12641 if ( 12642 selling_plan_groups.discount_amount == 0 && 12643 selling_plan_groups.discount_type == "none" && 12644 selling_plan.price_adjustments.length > 0 12645 ) { 12646 let price_adjustment = selling_plan.price_adjustments[0]; 12647 let valueType = 12648 price_adjustment.value_type === "percentage" 12649 ? "percentage" 12650 : "fixed"; 12651 let value = price_adjustment.value; 12652 12653 if (valueType === "fixed") { 12654 value = (value / 100).toFixed(2); 12655 } 12656 12657 selling_plan_groups.discount_amount = value; 12658 selling_plan_groups.discount_type = valueType; 12659 } 12660 12661 // Surface order interval to selling plan 12662 let interval = getOrderIntervalForOptions(selling_plan.options[0]); 12663 selling_plan.order_interval_frequency = interval.frequency; 12664 selling_plan.order_interval_unit_type = interval.unit; 12665 } 12666 12667 // Add groups to product 12668 product.selling_plan_groups = [selling_plan_groups]; 12669 } 12670}; 12671 12672const getOrderIntervalForOptions = (option) => { 12673 const intervalUnits = ["day", "week", "month", "year"]; 12674 const response = { 12675 frequency: 1, 12676 unit: "day", 12677 }; 12678 12679 let frequency = option.value.toLowerCase().match(/\d+/g); 12680 12681 if (frequency != null) { 12682 response.frequency = frequency[0]; 12683 } 12684 12685 for (let i = 0; i < intervalUnits.length; i++) { 12686 const unit = intervalUnits[i]; 12687 let regex = new RegExp(unit, "g"); 12688 12689 if (option.value.toLowerCase().match(regex)) { 12690 response.unit = unit; 12691 break; 12692 } 12693 } 12694 12695 return response; 12696}; 12697 12698const enableSellingPlans = () => { 12699 const Rebuy = window.Rebuy; 12700 const Shop = window.Rebuy.shop; 12701 12702 if (Shop) { 12703 if (typeof Shop.integrations == "undefined") { 12704 Shop.integrations = {}; 12705 } 12706 Shop.integrations.recharge = true; 12707 Shop.selling_plans_enabled = true; 12708 } 12709}; 12710 12711document.addEventListener("rebuy:cart.enriched", (event) => { 12712 setTimeout(enrichCartItems, 0); 12713}); 12714 12715document.addEventListener("rebuy.productsChange", (event) => { 12716 event.detail.widget.data.config.product_type = "both"; 12717 enrichWidgetProducts(event.detail.widget); 12718}); 12719 12720document.addEventListener("rebuy.loaded", () => { 12721 enableSellingPlans(); 12722}); 12723 12724// may or may not be necessary, have needed to do this on a few stores 12725document.addEventListener("rebuy:cart.change", () => { 12726 // re-enrich cart 12727 setTimeout(() => { 12728 Rebuy.Cart.enrichCart(); 12729 }, 300); 12730}); 12731</script>
12731 12732 12733
12734<script> 12735 window.switchToSubscriptionAssets = { 12736 checkmark: "\/\/drinkolipop.com\/cdn\/shop\/t\/1366\/assets\/switch-to-subscription-checkmark.svg?v=737100" 12737 } 12738</script>
12738 12739 12740 12741
12742<script id="rebuy-widget-104566" type="text/template"> 12743 <div 12744 class="rebuy-widget" 12745 v-cloak 12746 v-on:click="stopPropagation($event)" 12747 v-bind:id="'rebuy-widget-' + id" 12748 v-bind:class="['widget-type-' + config.type.replace('_','-'), 'widget-display-' + config.display_type, products.length > 0 ? 'is-visible' : 'is-hidden', 'widget-layout-' + currentLayout()]" 12749 > 12750 <div 12751 class="rebuy-widget-container" 12752 v-cloak 12753 v-bind:class="['widget-display-' + config.display_type, visible ? 'is-visible' : 'is-hidden' ]" 12754 v-on:click.self="hide()"> 12755 12756 <div class="rebuy-widget-content"> 12757 <div class="rebuy-modal-close" v-on:click="hide()"> 12758 <i class="fas fa-times"></i> 12759 </div> 12760 12761 <div class="rebuy-timer" v-if="hasTimer()"> 12762 <h5 class="rebuy-timer-title" v-if="config.language.timer_title"> 12763 <span v-html="config.language.timer_title"></span> 12764 <span class="rebuy-timer-minutes" v-html="config.timer.duration_minutes"></span>:<span class="rebuy-timer-seconds" v-html="config.timer.duration_seconds"></span> 12765 </h5> 12766 </div> 12767 12768 <h4 12769 class="super-title" 12770 v-if="config.language.super_title != ''" 12771 v-html="config.language.super_title"></h4> 12772 <img src="https://cdn.shopify.com/s/files/1/0034/6610/0806/files/Mask_group_a14b28d7-9678-4952-b6bd-8913d9526dea.png?v=1696021272"> 12773 <h3 12774 class="primary-title" 12775 v-if="config.language.title != ''" 12776 v-html="config.language.title"></h3> 12777 12778 <div 12779 class="description" 12780 v-if="config.language.description != ''" 12781 v-html="config.language.description"></div> 12782 12783 <div class="rebuy-product-grid" v-bind:class="layoutClasses"> 12784 <div 12785 class="rebuy-product-block" 12786 v-for="product in products" 12787 v-bind:class="[product.handle, 'product-id-' + product.id, cartHasProduct(product) ? 'cart-has-item' : '', productTagClasses(product)]"> 12788 <div class="rebuy-subscription-bonuses"> 12789 <div class="stsNote"> 12790 <img v-bind:src="switchToSubscriptionAssets.checkmark" class="rebuyCheck"><p class="rebuy-product-media-block-text">15% off EVERY subscription order</p> 12791 </div> 12792 <div class="stsNote"> 12793 <img v-bind:src="switchToSubscriptionAssets.checkmark" class="rebuyCheck"><p class="rebuy-product-media-block-text">Free shipping in the contiguous U.S.</p> 12794 </div> 12795 <div class="stsNote"> 12796 <img v-bind:src="switchToSubscriptionAssets.checkmark" class="rebuyCheck"><p class="rebuy-product-media-block-text">Swap, skip, or cancel anytime</p> 12797 </div> 12798 </div> 12799 <div class="rebuy-product-actions"> 12800 12801 <div class="subscription-checkbox" v-if="showSubscriptionOptions(product)"> 12802 <label class="rebuy-checkbox-label"> 12803 <input 12804 class="checkbox-input rebuy-checkbox" 12805 v-model="product.subscription" 12806 v-on:change="toggleSubscription(product)" 12807 type="checkbox" /> 12808 <span class="checkbox-label" v-html="upgradeToSubscriptionLabel(product)"></span> 12809 </label> 12810 </div> 12811 12812 <div class="subscription-frequency" v-if="showSubscriptionFrequency(product)"> 12813 <select 12814 class="rebuy-select" 12815 v-model="product.subscription_frequency" 12816 v-on:change="updateSubscriptionFrequency(product)"> 12817 <option v-for="frequency in product.subscription_frequencies" v-bind:value="frequency"></option> 12818 </select> 12819 </div> 12820 12821 <button 12822 class="rebuy-button" 12823 v-bind:class="{ working: (product.status != 'ready' && product.status != 'selecting') }" 12824 v-bind:disabled="!(variantAvailable(product.selected_variant)) || (product.status != 'ready' && product.status != 'selecting')" 12825 v-bind:alt="'Add ' + product.title + ' to Cart'" 12826 v-on:click="addUpsellToCart(product)" 12827 type="button">
12828 <span v-html="buttonLabel(product)"></span> 12829 </button> 12830 12831 <button 12832 class="rebuy-button decline" 12833 v-on:click="declineOffer(product)" 12834 type="button"> 12835 <span v-html="declineLabel(product)"></span> 12836 </button> 12837 </div> 12838 </div> 12839 </div> 12840 12841 <div class="powered-by-rebuy"> 12842 <a 12843 v-bind:href="'https://rebuyengine.com/?shop=' + config.shop.myshopify_domain" 12844 target="_blank" 12845 rel="noopener"> 12846 Powered by Rebuy 12847 </a> 12848 </div> 12849 </div> 12850 </div> 12851 </div> 12852</script>
12852 12853 12854
12855<script> 12856document.addEventListener('rebuy:reorderLandingPage.ready', function(){ 12857 if(Rebuy.ReorderLandingPage){ 12858 Rebuy.Cart.cart?.items.forEach(item => { 12859 if (item.product?.tags.includes('exclude_rebuy')) { 12860 Rebuy.Cart.removeItem(item) 12861 } 12862 }) 12863 } 12864}); 12865</script>
12865 12866
12867<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>
12867 12868 <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> 12869<div id="shopify-block-Aemp4K204NG5MWWxCU__9431864395560886015" class="shopify-block shopify-app-block"> 12870
12871<script> 12872 window.__POLAR_CONFIG__ = { 12873 debug: false, 12874 shop: "olipop-store.myshopify.com", 12875 storefrontToken: null, 12876 cartMetafieldsEnabled: null, 12877 metafieldNamespace: "polar", 12878 metafieldKey: "attribution" 12879 }; 12880</script>
12880 12881
12882<script src="https://cdn.shopify.com/extensions/01a06601-c356-7426-8020-d0ed6417f8c2/polar-analytics-33/assets/polar-cart-injector.js" async></script>
12882 12883 12884</div><div id="shopify-block-AWnY2RzdkTzNxdWNiS__15336829040930027027" class="shopify-block shopify-app-block"><style> 12885/* Critical-CSS safety net, not a replacement for rediem-dash.css: hardcodes only the 12886 structural properties (position, width, hidden/shown state) from its base 12887 .ripple-frame-container / .show selectors that determine whether the widget is 12888 full-screen and stuck versus correctly sized and closable, deliberately excluding 12889 cosmetic properties (background-color, box-shadow, border-radius, transition 12890 easing, ...) that don't affect that and are the ones most likely to change in a 12891 future styling pass. Protects against the async stylesheet below never getting 12892 promoted from preload to stylesheet (for example, a client-side page-transition 12893 library such as Barba.js swapping in a fresh, unpromoted preload link without 12894 re-running the loader script that would otherwise promote it). Same specificity 12895 as rediem-dash.css and declared before it in source order, so once the real 12896 stylesheet loads it wins the cascade normally, with no !important needed. 12897 apps/api/cdn-statics/criticalCssSync.test.ts fails loudly if these values and 12898 rediem-dash.css's ever disagree. 12899*/ 12900.ripple-frame-container{position:fixed;width:390px;right:20px;transform:scale(0);opacity:0;visibility:hidden} 12901.ripple-frame-container.show{transform:scale(1);opacity:1;visibility:visible} 12902</style> 12903<link rel="preload" href="https://ripplrewards.nyc3.digitaloceanspaces.com/static/css/rediem-dash.css?v=9b94ef6c7912dc0489bf2d6d627dd216d6ab523b" as="style" data-rediem-preload> 12904<noscript><link rel="stylesheet" href="https://ripplrewards.nyc3.digitaloceanspaces.com/static/css/rediem-dash.css?v=9b94ef6c7912dc0489bf2d6d627dd216d6ab523b"></noscript> 12905 12906<div data-rdm_domain="drinkolipop.com" data-rdm_id="" data-rdm_email="" 12907 data-rdm_firstName="" data-rdm_lastName="" 12908 data-rdm_tags="" data-rdm_phone="" id="rdmWidgetLoadDiv"> 12909</div> 12910
12911<script src="https://ripplrewards.nyc3.digitaloceanspaces.com/static/prod/rediem-dash.js?v=9b94ef6c7912dc0489bf2d6d627dd216d6ab523b" defer></script>
12911 12912 12913</div><div id="shopify-block-AbVJPUTJacTJ3WC9He__4947802007469450330" class="shopify-block shopify-app-block"><!-- rediem-referral.css loaded non-blocking. The referral UI (skeleton, iframe, 12914 widget, popups) is injected by JS after load, so nothing this styles exists at 12915 first paint; loading it blocking (via the schema `stylesheet` key) only delayed 12916 first paint. Served from Shopify's global CDN via asset_url. --> 12917<link rel="preload" href="https://cdn.shopify.com/extensions/01a0d4ae-046e-7a9f-8d8e-39de6e7aee31/rediem-289/assets/rediem-referral.css" as="style" onload="this.onload=null;this.rel='stylesheet'"> 12918<noscript><link rel="stylesheet" href="https://cdn.shopify.com/extensions/01a0d4ae-046e-7a9f-8d8e-39de6e7aee31/rediem-289/assets/rediem-referral.css"></noscript> 12919
12920<script src="https://ripplrewards.nyc3.digitaloceanspaces.com/static/prod/rediem-referral.js?v=9b94ef6c7912dc0489bf2d6d627dd216d6ab523b" defer > </script>
12920 12921
12922<script> 12923(function () { 12924 // Main logic function 12925 const runRediemLogic = async () => { 12926 12927 window.rediemReferral = async () => { 12928 const REF_TUNNEL_URL = "https://referrals.rediem.io"; 12929 const API_BASE_URL = "https://api.rediem.io/api"; 12930 12931 const shop = 'drinkolipop.com'; 12932 const customerId = ''; 12933 const customerEmail = ''; 12934 const customerFirstName = ''; 12935 const customerLastName = ''; 12936 const customerTags = ""; 12937 12938 const rippl_url = new URL(window.location.href); 12939 const rediemRef = rippl_url.searchParams.get('rediemRef') || ''; 12940 const source = rippl_url.searchParams.get('source') || 'direct'; 12941 12942 const refContainer = document.getElementById('rediem_referral'); 12943 12944 const urlParams = new URLSearchParams(); 12945 if (shop) urlParams.append('shop', shop); 12946 if (source) urlParams.append('source', source); 12947 if (rediemRef) { urlParams.append('rediemRef', rediemRef) } 12948 12949 if (customerId) { 12950 urlParams.append('customerId', customerId); 12951 urlParams.append('customerEmail', customerEmail); 12952 urlParams.append('customerFirstName', customerFirstName); 12953 urlParams.append('customerLastName', customerLastName); 12954 urlParams.append('customerTags', customerTags); 12955 } 12956 12957 const finalURL = `${REF_TUNNEL_URL}${urlParams.toString() ? `?${urlParams.toString()}` : ''}`; 12958 12959 const rediemRefHTML = ` 12960 <div class="rdm-skeleton-container"> 12961 <div class="rdm-skeleton-section"> 12962 <div class="rdm-skeleton-line rdm-line-header-1"> </div> 12963 <div class="rdm-skeleton-line rdm-line-header-2"> </div> 12964 </div> 12965 <div class="rdm-skeleton-tabs"> 12966 <div class="rdm-skeleton-line rdm-line-tab"> </div> 12967 <div class="rdm-skeleton-line rdm-line-tab"> </div> 12968 </div> 12969 <div class="rdm-skeleton-card"> 12970 <div class="rdm-skeleton-line rdm-line-card-1"> </div> 12971 <div class="rdm-skeleton-line rdm-line-card-2"> </div> 12972 </div> 12973 <div class="rdm-skeleton-card"> 12974 <div class="rdm-skeleton-line rdm-line-balance-1"> </div> 12975 <div class="rdm-skeleton-row"> 12976 <div class="rdm-skeleton-line rdm-line-balance-2"> </div> 12977 <div class="rdm-skeleton-line rdm-line-balance-3"> </div> 12978 </div> 12979 </div> 12980 <p style="text-align:center;margin-top:40px;">Loading...</p> 12981 </div> 12982 <iframe 12983 allowusermedia 12984 class="rediem-referral-iframe" 12985 id="rediemReferralIframe" 12986 customerId="${customerId}" 12987 src="${finalURL}" 12988 title="Referral program - powered by rediem" 12989 aria-label="Referral program - powered by rediem" 12990 allow="clipboard-read; clipboard-write; geolocation; camera; microphone;" 12991 style="border: 0; width: 100%;"> 12992 </iframe>`; 12993 12994 const apiEndpoint = `${API_BASE_URL}/referral?shop=${shop}`; 12995 try { 12996 const response = await fetch(apiEndpoint); 12997 const data = await response.json(); 12998 sessionStorage.setItem('referralSetting', JSON.stringify(data?.data)); 12999 const referralSetting = data?.data?.referralSetting || {}; 13000 const { referralStatus, shopId, refWidget } = data?.data?.referralSetting || {}; 13001 const { bglink } = data?.data || {}; 13002 13003 if (referralStatus === 'active') { 13004 const widget_iframe = document.getElementById('RippleRewards'); 13005 if (!widget_iframe) { 13006 const response = await fetch("/apps/next-proxy", { 13007 method: "GET", 13008 headers: { "Content-Type": "application/json" }, 13009 }); 13010 13011 const cacheKey = `user_${shop}`; 13012 let data = null; 13013 13014 if (response.ok) { 13015 if (response.status !== 204) { 13016 try { 13017 const json = await response.json(); 13018 data = json?.data ?? null; 13019 } catch { 13020 data = null; 13021 } 13022 } 13023 } 13024 13025 sessionStorage.setItem( 13026 cacheKey, 13027 JSON.stringify({ data, timestamp: Date.now() }) 13028 ); 13029 } 13030 if (data?.data?.primaryFontLink) { 13031 const primaryFontLink = document.createElement('link'); 13032 primaryFontLink.rel = 'stylesheet'; 13033 primaryFontLink.href = data.data.primaryFontLink; 13034 document.head.appendChild(primaryFontLink); 13035 } 13036 13037 if (data?.data?.secondaryFontLink) { 13038 const secondaryFontLink = document.createElement('link'); 13039 secondaryFontLink.rel = 'stylesheet'; 13040 secondaryFontLink.href = data.data.secondaryFontLink; 13041 document.head.appendChild(secondaryFontLink); 13042 } 13043 13044 const style = ` 13045 .rediem-popup-content-wrapper, 13046 .rediem-popup-content-wrapper button, 13047 .rediem-popup-content-wrapper input, 13048 .ref-widget, .ref-text { 13049 font-family: '${referralSetting?.secondaryFontFamily}', sans-serif; 13050 } 13051 .p-font { 13052 font-family: '${referralSetting?.fontFamily}', sans-serif; 13053 } 13054 .p-color { 13055 color: ${referralSetting?.primaryColor || '#0077C8'} !important; 13056 } 13057 .s-color { 13058 color: ${referralSetting?.secondaryColor || '#667085'} !important; 13059 } 13060 .p-bg{ 13061 background-color: ${referralSetting?.primaryColor || '#0077C8'} !important; 13062 } 13063 .widget-bg{ 13064 background-color: ${referralSetting?.refWidget?.bgColor || referralSetting?.primaryColor || '#0077C8'} !important; 13065 } 13066 `; 13067 13068 const styleElement = document.createElement('style'); 13069 styleElement.id = 'rediem-css'; 13070 styleElement.innerHTML = style; 13071 13072 if (!document.getElementById('rediem-css')) { 13073 document.head.appendChild(styleElement); 13074 } 13075 13076 if (rediemRef) { 13077 13078 const decode = JSON.parse(atob(rediemRef.split('.')[1])); 13079 const rediem_advocate_id = (/^\d+$/.test(decode?.customerId) ? decode?.customerId : decode?.customerId?.split("/")?.at(-1)); 13080 rdm_setCookie("rediem_advocate_id", rediem_advocate_id) 13081
13082 const friendReward = await rdm_getFriendReward(shopId); 13083 const reward = friendReward?.data?.[0]; 13084 if (reward) { 13085 rdm_generatePopupHtml(reward, REF_TUNNEL_URL, customerId); 13086 sessionStorage.setItem('friendReward', JSON.stringify(reward)); 13087 } 13088 fetch(`${API_URL}/referral/engagement/`, { 13089 method: 'PUT', 13090 headers: { 13091 'Content-Type': 'application/json', 13092 }, 13093 body: JSON.stringify({ shop, type: "site-visit" }), 13094 }); 13095 } 13096 13097 if (refContainer) { 13098 refContainer.innerHTML = rediemRefHTML; 13099 } 13100 13101 if (refWidget?.status) { 13102 rdm_appendRefWidget({ ...refWidget, widgetIcon: data?.data?.widgetIcon }); 13103 } 13104 } 13105 } catch (error) { 13106 console.error("Error fetching data:", error); 13107 } 13108 }; 13109 13110 const id = ''; 13111 if (id && window.rdm_redirectToRefDash) window.rdm_redirectToRefDash(); 13112 if (window.rdm_appendHiddenField) window.rdm_appendHiddenField(); 13113 13114 if (typeof window.rediemReferral === 'function') { 13115 window.rediemReferral(); 13116 } 13117 }; 13118 13119 const loadDependency = (callback) => { 13120 if (typeof window.rdm_redirectToRefDash === 'function') { 13121 callback(); 13122 return; 13123 } 13124 13125 const scriptSrc = "https://ripplrewards.nyc3.digitaloceanspaces.com/static/prod/rediem-referral.js"; 13126 // Check if script already exists but globals aren't ready yet (e.g. still loading) 13127 const existingScript = document.querySelector(`script[src^="${scriptSrc}"]`); 13128 13129 if (existingScript) { 13130 // Poll for globals if script exists 13131 const checkInterval = setInterval(() => { 13132 if (typeof window.rdm_redirectToRefDash === 'function') { 13133 clearInterval(checkInterval); 13134 callback(); 13135 } 13136 }, 100); 13137 return; 13138 } 13139 13140 // Load new script 13141 const script = document.createElement('script'); 13142 script.src = `${scriptSrc}?v=9b94ef6c7912dc0489bf2d6d627dd216d6ab523b`; 13143 script.onload = callback; 13144 document.head.appendChild(script); 13145 }; 13146 13147 if (document.readyState === "loading") { 13148 document.addEventListener("DOMContentLoaded", () => loadDependency(runRediemLogic)); 13149 } else { 13150 loadDependency(runRediemLogic); 13151 } 13152})(); 13153</script>
13153 13154 13155</div>
13155<script src="https://cdn.shopify.com/storefront/standard-actions.js" type="module" data-source-attribution="shopify.standard_actions"></script>
13155 13156</body> 13157</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.