<!doctype html>
<html
  class="no-js"
  lang="en"
>
  <head>
    <script defer src="https://cdn.skio.com/scripts/shopify/head/shopify.ba9807f79b5cdb6483d5.js"></script>
    <!-- Start of Shoplift scripts -->
    <!-- 2026-05-15T21:34:45.7256576Z -->
<style>.shoplift-hide { opacity: 0 !important; }</style>
<style id="sl-preview-bar-hide">#preview-bar-iframe, #PBarNextFrameWrapper { display: none !important; }</style>
<script type="text/javascript">(function(rootPath, template, themeRole, themeId, isThemePreview){ /* Generated on 2026-06-09T04:38:54.7109389Z */(function(){"use strict";var tt=document.createElement("style");tt.textContent=`#shoplift-preview-control{position:fixed;max-width:332px;height:56px;background-color:#141414;z-index:9999;bottom:20px;display:flex;border-radius:8px;box-shadow:13px 22px 7px #0000,9px 14px 7px #00000003,5px 8px 6px #0000000d,2px 4px 4px #00000017,1px 1px 2px #0000001a,0 0 #0000001a;align-items:center;margin:0 auto;left:16px;right:16px;opacity:0;transform:translateY(20px);visibility:hidden;transition:opacity .4s ease-in-out,transform .4s ease-in-out,visibility 0s .4s}#shoplift-preview-control.visible{opacity:1;transform:translateY(0);visibility:visible;transition:opacity .4s ease-in-out,transform .4s ease-in-out,visibility 0s 0s}#shoplift-preview-control *{font-family:Inter,sans-serif;color:#fff;box-sizing:border-box;font-size:16px}#shoplift-preview-variant-title{font-weight:400;line-height:140%;font-size:16px;text-align:start;letter-spacing:-.16px;flex-grow:1;text-wrap:nowrap;overflow:hidden;text-overflow:ellipsis}#shoplift-preview-variant-selector{position:relative;display:block;padding:6px 0;height:100%;min-width:0;flex:1 1 auto}#shoplift-preview-variant-menu-trigger{border:none;cursor:pointer;width:100%;background-color:transparent;padding:0 16px;border-left:1px solid #333;border-right:1px solid #333;height:100%;display:flex;align-items:center;justify-content:start;gap:8px}#shoplift-preview-variant-selector .menu-variant-label{width:24px;height:24px;border-radius:50%;padding:6px;display:flex;justify-content:center;align-items:center;font-size:12px;font-style:normal;font-weight:600;line-height:100%;letter-spacing:-.12px;flex-shrink:0}#shoplift-preview-variant-selector .preview-variant-menu{position:absolute;bottom:110%;transform:translate3d(0,20px,0);visibility:hidden;pointer-events:none;opacity:0;cursor:pointer;background-color:#141414;border:1px solid #141414;border-radius:6px;width:100%;max-height:156px;overflow-y:auto;box-shadow:0 8px 16px #0003;z-index:1;transition:opacity .3s ease-in-out,transform .3s ease-in-out,visibility 0s .3s}#shoplift-preview-variant-selector .preview-variant-menu.preview-variant-menu__visible{visibility:visible;pointer-events:auto;opacity:100;transform:translateZ(0);transition:opacity .3s ease-in-out,transform .3s ease-in-out,visibility 0s 0s}@media screen and (max-width:400px){#shoplift-preview-variant-selector .preview-variant-menu{position:fixed;left:0;right:0;width:auto;bottom:110%}}#shoplift-preview-variant-selector .preview-variant-menu .preview-variant-menu--item{padding:12px 16px;display:flex;overflow:hidden}#shoplift-preview-variant-selector .preview-variant-menu .preview-variant-menu--item .menu-variant-label{margin-right:6px}#shoplift-preview-variant-selector .preview-variant-menu .preview-variant-menu--item span{overflow:hidden;text-overflow:ellipsis;text-wrap:nowrap;white-space:nowrap;color:#f6f6f6;font-size:14px;font-style:normal;font-weight:500}#shoplift-preview-variant-selector .preview-variant-menu .preview-variant-menu--item:hover{background-color:#545454}#shoplift-preview-variant-selector .preview-variant-menu .preview-variant-menu--item:last-of-type{border-bottom-left-radius:6px;border-bottom-right-radius:6px}#shoplift-preview-variant-selector .preview-variant-menu .preview-variant-menu--item:first-of-type{border-top-left-radius:6px;border-top-right-radius:6px}#shoplift-preview-control div:has(#shoplift-exit-preview-button){padding:0 16px}#shoplift-exit-preview-button{padding:6px 8px;font-weight:500;line-height:75%;border-radius:4px;background-color:transparent;border:none;text-decoration:none}#shoplift-exit-preview-button:hover{cursor:pointer;background-color:#333}#shoplift-preview-subscription-warning{position:relative;display:flex;align-items:center;gap:6px;padding:6px 10px;margin:0 4px;border-left:1px solid #333;cursor:help;outline:none}#shoplift-preview-subscription-warning__icon{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:50%;background-color:#f59e0b;color:#141414!important;font-weight:700;font-size:12px!important;line-height:1;flex-shrink:0}#shoplift-preview-subscription-warning__label{font-size:13px!important;font-weight:500;color:#fbbf24!important;text-wrap:nowrap;white-space:nowrap}#shoplift-preview-subscription-warning__tooltip{position:absolute;bottom:calc(100% + 8px);right:0;max-width:320px;width:max-content;padding:10px 12px;border-radius:6px;background-color:#1f1f1f;color:#fff!important;font-size:12px!important;line-height:1.4!important;box-shadow:0 8px 16px #0000004d;z-index:10000;opacity:0;visibility:hidden;transform:translateY(4px);transition:opacity .2s ease-in-out,transform .2s ease-in-out,visibility 0s .2s;pointer-events:none}#shoplift-preview-subscription-warning__tooltip.shoplift-preview-subscription-warning__tooltip--visible{opacity:1;visibility:visible;transform:translateY(0);transition:opacity .2s ease-in-out,transform .2s ease-in-out,visibility 0s 0s}#shoplift-preview-subscription-warning:focus-visible{box-shadow:inset 0 0 0 2px #f59e0b;border-radius:4px}#shoplift-preview-control:has(#shoplift-preview-subscription-warning){max-width:480px}/*$vite$:1*/`,document.head.appendChild(tt);var ht=" daum[ /]| deusu/| yadirectfetcher|(?:^|[^g])news(?!sapphire)|(?<! (?:channel/|google/))google(?!(app|/google| pixel))|(?<! cu)bots?(?:\\b|_)|(?<!(?: ya| yandex|^job|inapp;) ?)search|(?<!(?:lib))http|(?<![hg]m)score|@[a-z][\\w-]+\\.|\\(\\)|\\.com|\\b\\d{13}\\b|^<|^[\\w \\.\\-\\(?:\\):]+(?:/v?\\d+(?:\\.\\d+)?(?:\\.\\d{1,10})*?)?(?:,|$)|^[^ ]{50,}$|^\\d+\\b|^\\w+/[\\w\\(\\)]*$|^active|^ad muncher|^amaya|^avsdevicesdk/|^biglotron|^bot|^bw/|^clamav[ /]|^client/|^cobweb/|^custom|^ddg[_-]android|^discourse|^dispatch/\\d|^downcast/|^duckduckgo|^facebook|^getright/|^gozilla/|^hobbit|^hotzonu|^hwcdn/|^jeode/|^jetty/|^jigsaw|^microsoft bits|^movabletype|^mozilla/\\d\\.\\d \\(compatible;?\\)$|^mozilla/\\d\\.\\d \\w*$|^navermailapp|^netsurf|^offline|^owler|^postman|^python|^rank|^read|^reed|^rest|^rss|^snapchat|^space bison|^svn|^swcd |^taringa|^thumbor/|^track|^valid|^w3c|^webbandit/|^webcopier|^wget|^whatsapp|^wordpress|^xenu link sleuth|^yahoo|^yandex|^zdm/\\d|^zoom marketplace/|^{{.*}}$|admin|analyzer|archive|ask jeeves/teoma|bit\\.ly/|bluecoat drtr|browsex|burpcollaborator|capture|catch|check|chrome-lighthouse|chromeframe|classifier|clean|cloud|crawl|cypress/|dareboost|datanyze|dejaclick|detect|dmbrowser|download|evc-batch/|feed|firephp|gomezagent|headless|httrack|hubspot marketing grader|hydra|ibisbrowser|images|insight|inspect|iplabel|ips-agent|java(?!;)|library|mail\\.ru/|manager|measure|neustar wpm|node|nutch|offbyone|optimize|pageburst|pagespeed|parser|perl|phantomjs|pingdom|powermarks|preview|proxy|ptst[ /]\\d|reputation|resolver|retriever|rexx;|rigor|rss\\b|scan|scrape|server|sogou|sparkler/|speedcurve|spider|splash|statuscake|synapse|synthetic|tools|torrent|trace|transcoder|url|virtuoso|wappalyzer|watch|webglance|webkit2png|whatcms/|zgrab",ft=/bot|spider|crawl|http|lighthouse/i,z;function gt(){if(z instanceof RegExp)return z;try{z=new RegExp(ht,"i")}catch{z=ft}return z}function mt(a){return!!a&&gt().test(a)}class Q{timestamp;constructor(){this.timestamp=new Date}}class yt extends Q{type;testId;hypothesisId;constructor(t,e,i){super(),this.type=3,this.testId=t,this.hypothesisId=e,this.timestamp=i}}class vt extends Q{type;path;constructor(t){super(),this.type=4,this.path=t}}class wt extends Q{type;cart;constructor(t){super(),this.type=5,this.cart=t}}class et extends Error{isBot;constructor(){super(),this.isBot=!0}}function bt(a,t,e){for(const i of t.selectors){const s=a.querySelectorAll(i.cssSelector);for(let r=0;r<s.length;r++)e(t.testId,t.hypothesisId)}st(a,t,(i,s,r,n,o)=>o(s,r),e)}function U(a,t,e){for(const i of t.selectors)rt(a,t.testId,t.hypothesisId,i,e??(()=>{}));st(a,t,rt,e??(()=>{}))}function it(a){return a.urlPatterns.reduce((t,e)=>{switch(e.operator){case"contains":return t+`.*${e}.*`;case"endsWith":return t+`.*${e}`;case"startsWith":return t+`${e}.*`}},"")}function st(a,t,e,i){new MutationObserver(()=>{for(const r of t.selectors)e(a,t.testId,t.hypothesisId,r,i)}).observe(a.documentElement,{childList:!0,subtree:!0})}function rt(a,t,e,i,s){const r=a.querySelectorAll(i.cssSelector);for(let n=0;n<r.length;n++){let o=r.item(n);if(o instanceof HTMLElement&&o.dataset.shoplift!==""){o.dataset.shoplift="";for(const l of i.actions.sort(kt))o=St(a,i.cssSelector,o,l)}}return r.length>0&&s?(s(t,e),!0):!1}function St(a,t,e,i){switch(i.type){case"innerHtml":e.innerHTML=i.value;break;case"attribute":Ct(e,i.scope,i.value);break;case"css":Tt(a,t,i.value);break;case"js":It(a,e,i);break;case"copy":return Pt(e);case"remove":At(e);break;case"move":Et(e,parseInt(i.value));break}return e}function Ct(a,t,e){a.setAttribute(t,e)}function Tt(a,t,e){const i=a.createElement("style");i.innerHTML=`${t} { ${e} }`,a.getElementsByTagName("head")[0]?.appendChild(i)}function It(a,t,e){Function("document","element",`"use strict"; ${e.value}`)(a,t)}function Pt(a){const t=a.cloneNode(!0);if(!a.parentNode)throw"Can't copy node outside of DOM";return a.parentNode.insertBefore(t,a.nextSibling),t}function At(a){a.remove()}function Et(a,t){if(t===0)return;const e=Array.prototype.slice.call(a.parentElement.children).indexOf(a),i=Math.min(Math.max(e+t,0),a.parentElement.children.length-1);a.parentElement.children.item(i).insertAdjacentElement(t>0?"afterend":"beforebegin",a)}function kt(a,t){return nt(a)-nt(t)}function nt(a){return a.type==="copy"||a.type==="remove"?0:1}var M=(a=>(a[a.Template=0]="Template",a[a.Theme=1]="Theme",a[a.UrlRedirect=2]="UrlRedirect",a[a.Script=3]="Script",a[a.Dom=4]="Dom",a[a.Price=5]="Price",a))(M||{});const xt="data:image/svg+xml,%3csvg%20width='12'%20height='12'%20viewBox='0%200%2012%2012'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M9.96001%207.90004C9.86501%207.90004%209.77001%207.86504%209.69501%207.79004L6.43501%204.53004C6.19501%204.29004%205.80501%204.29004%205.56501%204.53004L2.30501%207.79004C2.16001%207.93504%201.92001%207.93504%201.77501%207.79004C1.63001%207.64504%201.63001%207.40504%201.77501%207.26004L5.03501%204.00004C5.56501%203.47004%206.43001%203.47004%206.96501%204.00004L10.225%207.26004C10.37%207.40504%2010.37%207.64504%2010.225%207.79004C10.15%207.86004%2010.055%207.90004%209.96001%207.90004Z'%20fill='white'/%3e%3c/svg%3e",_t="data:image/svg+xml,%3csvg%20width='14'%20height='24'%20viewBox='0%200%2014%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M12.3976%2014.5255C12.2833%2013.8788%2012.0498%2013.3024%2011.6952%2012.7961C11.3416%2012.2898%2010.9209%2011.8353%2010.4353%2011.4317C9.94868%2011.0291%209.43546%2010.6488%208.89565%2010.292C8.48487%2010.049%208.09577%209.78565%207.72637%209.50402C7.35697%209.2224%207.08016%208.89503%206.89694%208.51987C6.71273%208.14471%206.67826%207.69533%206.79055%207.1697C6.86345%206.83216%206.97476%206.54647%207.12351%206.31162C7.27324%206.07778%207.47124%205.89986%207.7175%205.77684C7.96377%205.65483%208.21989%205.59383%208.48389%205.59383C8.88087%205.59383%209.17639%205.7016%209.3734%205.91714C9.56943%206.13268%209.68271%206.42345%209.71424%206.78946C9.74576%207.15547%209.72015%207.55401%209.63839%207.98509C9.55663%208.41617%209.43645%208.84724%209.27687%209.27934L13.5127%208.80149C13.9638%207.52656%2014.1017%206.42447%2013.9264%205.49725C13.751%204.56901%2013.2664%203.85122%2012.4724%203.34491C12.239%203.19648%2011.9779%203.07041%2011.6893%202.96569L12.0026%201.50979L9.86397%200L7.3875%201.50979L7.11169%202.78878C6.65166%202.8874%206.21724%203.01957%205.8114%203.19038C4.85292%203.594%204.06684%204.15115%203.45117%204.86385C2.83452%205.57655%202.42571%206.40108%202.22378%207.33847C2.06616%208.06947%202.04942%208.70796%202.17551%209.25087C2.30061%209.7948%202.52028%2010.2828%202.8355%2010.7139C3.14974%2011.145%203.51816%2011.5344%203.93977%2011.881C4.36039%2012.2288%204.782%2012.5521%205.20164%2012.851C5.68334%2013.1702%206.13844%2013.5169%206.56497%2013.8921C6.99052%2014.2672%207.31954%2014.7125%207.55004%2015.228C7.78055%2015.7445%207.81502%2016.3769%207.65347%2017.1262C7.56482%2017.5389%207.43676%2017.8765%207.27028%2018.1388C7.10381%2018.4011%206.89596%2018.5983%206.64772%2018.7295C6.3985%2018.8606%206.12071%2018.9267%205.8114%2018.9267C5.21641%2018.9267%204.79776%2018.6034%204.62833%2018.1632C4.4589%2017.7229%204.47367%2017.2583%204.60075%2016.5639C4.72782%2015.8705%205.05092%2015.1395%205.37107%2014.3699H1.17665C1.17665%2014.3699%200.207341%2016.1115%200.0310135%2017.6762C-0.0655232%2018.5302%200.0635208%2019.2653%200.41519%2019.8844C0.76686%2020.5036%201.33032%2020.9814%202.10655%2021.319C2.39222%2021.443%202.7104%2021.5447%203.05813%2021.623L2.54589%2024H7.17473L7.7047%2021.5386C8.08493%2021.442%208.43857%2021.3231%208.76562%2021.1787C9.73985%2020.7476%2010.52%2020.1427%2011.1071%2019.3649C11.6932%2018.5871%2012.0873%2017.7291%2012.2892%2016.7917C12.4744%2015.9295%2012.5099%2015.1741%2012.3966%2014.5275L12.3976%2014.5255Z'%20fill='white'/%3e%3c/svg%3e";async function Rt(a){let t=a.replace(/-/g,"+").replace(/_/g,"/");for(;t.length%4;)t+="=";const e=atob(t),i=Uint8Array.from(e,n=>n.charCodeAt(0)),s=new Blob([i]).stream().pipeThrough(new DecompressionStream("gzip")),r=await new Response(s).text();return JSON.parse(r)}function F(a,t){return typeof t=="string"&&/\d{4}-\d{2}-\d{2}T\d{2}:\d{2}:\d{2}.\d+(?:Z|[+-]\d+)/.test(t)?new Date(t):t}function X(a,t){return t}function q(a,t=!1,e=!1,i=","){const s=a/100;if(e){const n=Math.round(s).toLocaleString("en-US");return i!==","?n.replace(/,/g,i):n}else{const r=t?",":".",n=s.toFixed(2).split("."),o=parseInt(n[0],10),l=n[1]??"00",c=o.toLocaleString("en-US");return i!==","?`${c.replace(/,/g,i)}${r}${l}`:t?`${c.replace(/,/g,".")}${r}${l}`:`${c}${r}${l}`}}function H(a,t,e,i){const s=t.replace("{{amount}}",q(a,!1,!1)).replace("{{amount_no_decimals}}",q(a,!1,!0)).replace("{{amount_with_comma_separator}}",q(a,!0,!1)).replace("{{amount_no_decimals_with_comma_separator}}",q(a,!0,!0)).replace("{{amount_with_space_separator}}",q(a,!1,!1," ")).replace("{{amount_no_decimals_with_space_separator}}",q(a,!1,!0," ")).replace("{{amount_with_apostrophe_separator}}",q(a,!1,!1,"'")).replace("{{amount_no_decimals_with_apostrophe_separator}}",q(a,!1,!0,"'")).replace("{{amount_with_period_and_space_separator}}",q(a,!1,!1,". ")).replace("{{amount_no_decimals_with_period_and_space_separator}}",q(a,!1,!0,". "));return i?`${s} ${e}`:s}function ot(a){return a.replace(/[^\d.,\s-]/g,"").trim()}function j(a){const t=new Map;for(const[e,i,s]of a.variants)t.set(e,{priceInCents:i,compareAtPriceInCents:s});return t}function Dt(a,t,e,i){const{priceInCents:s,compareAtPriceInCents:r}=e,{moneyFormat:n,currency:o,currencyCodeEnabled:l}=i;if(a.getAttribute("data-sl-attribute-p")===t)a.innerHTML=H(s,n,o,l);else if(a.getAttribute("data-sl-attribute-cap")===t)r<=0||r<=s?a.remove():a.innerHTML=H(r,n,o,l);else if(a.getAttribute("data-sl-attribute-discount")===t&&!(r<=0||r<=s)){const d=Math.round((r-s)/r*100),p=ot(H(r-s,n,o,!1)),h=a.getAttribute("data-sl-format")||"percent";h==="percent"?a.textContent=`-${d}%`:h==="amount"?a.textContent=`-${p}`:h==="both"&&(a.textContent=`-${d}% (-${p})`)}}function Ot(a){const t=[],e={id:"url-pattern",operator:"contains",value:"/"};for(const[i,s,r]of a.variants){t.push({id:`p-${i}`,cssSelector:`[data-sl-attribute-p="${i}"]`,urlPatterns:[e],actions:[{id:`p-action-${i}`,type:"innerHtml",scope:"price",value:H(s,a.moneyFormat,a.currency,a.currencyCodeEnabled)}]});const n=r<=0||r<=s;if(t.push({id:`cap-${i}`,cssSelector:`[data-sl-attribute-cap="${i}"]`,urlPatterns:[e],actions:[{id:`cap-action-${i}`,type:n?"remove":"innerHtml",scope:"compare-at-price",value:n?"":H(r,a.moneyFormat,a.currency,a.currencyCodeEnabled)}]}),!n&&r>s){const o=Math.round((r-s)/r*100),l=ot(H(r-s,a.moneyFormat,a.currency,!1));t.push({id:`d-${i}`,cssSelector:`[data-sl-attribute-discount="${i}"]`,urlPatterns:[e],actions:[{id:`d-action-${i}`,type:"js",scope:null,value:`var format = element.getAttribute('data-sl-format') || 'percent';                    if (format === 'percent') {                      element.textContent = '-${o}%';                    } else if (format === 'amount') {                      element.textContent = '-${l}';                    } else if (format === 'both') {                      element.textContent = '-${o}% (-${l})';                    }`}]})}}return t}const Jt="modulepreload",Yt=function(a){return"/"+a},Zt={},Vt=function(t,e,i){let s=Promise.resolve();function r(n){const o=new Event("vite:preloadError",{cancelable:!0});if(o.payload=n,window.dispatchEvent(o),!o.defaultPrevented)throw n}return s.then(n=>{for(const o of n||[])o.status==="rejected"&&r(o.reason);return t().catch(r)})};function at(a,t,e){const i=e?a.plans.filter(c=>!c.variantId||c.variantId===e):a.plans,s=[],r=[];for(const c of i)c.direction==="decrease"?(s.push(c.existingShopifyPlanId),r.push(c.createdShopifyPlanId)):(s.push(c.createdShopifyPlanId),r.push(c.existingShopifyPlanId));const n=t?s:r,o=t?r:s;if(e)for(const c of a.plans)for(const d of[c.existingShopifyPlanId,c.createdShopifyPlanId])d&&!n.includes(d)&&!o.includes(d)&&o.push(d);const l={};for(let c=0;c<o.length;c++){const d=o[c],p=n[c];d&&p&&(l[d]=p)}return{showPlanIds:n,hidePlanIds:o,swapMap:l}}function lt(a,t,e){const i=t?a.plans.find(r=>r.variantId===t):void 0;if(i)return i.direction;if(e){const r=a.plans.find(n=>n.productId===e);if(r)return r.direction}return a.plans.find(r=>!r.variantId)?.direction??null}function K(a,t){const e=t?a.plans.filter(r=>!r.productId||r.productId===t):a.plans,i={};for(const r of e)i[r.existingShopifyPlanId]=r.existingDiscountAmount,i[r.createdShopifyPlanId]=r.existingDiscountAmount;const s=Math.max(...Object.values(i),0);return{discountMap:i,maxDiscount:s}}function W(a){const t=document.querySelector('form[action*="/cart/add"] input[name="product-id"]')?.value;if(t)return t;if(a){for(const r of Array.from(document.querySelectorAll("[data-sl-attribute-p]"))){const n=r.getAttribute("data-sl-attribute-p");if(!n)continue;const o=a.variants.find(l=>l[0]===n);if(o?.[3])return o[3]}const s=document.querySelector('form[action*="/cart/add"] input[name="id"]')?.value;if(s){const r=a.variants.find(n=>n[0]===s);if(r?.[3])return r[3]}}const e=window,i=e.ShopifyAnalytics?.meta?.product?.id??e.meta?.product?.id;return i!=null?String(i):null}function D(a,t){return a.widget.selectors[t]??[]}function N(a,t){return a.replace(/[\d.]+%/,`${t}%`)}function $(a,t){const e=document.createTreeWalker(a,NodeFilter.SHOW_TEXT);let i=e.nextNode();for(;i;){if(i.nodeValue!==null){const s=t(i.nodeValue);if(s!==i.nodeValue){i.nodeValue=s;return}}i=e.nextNode()}}function ct(a,t){return a===null?!1:a==="decrease"?!t:t}async function Lt(a){if(a.subscriptionSwapDone)return;const t=a.getActiveAssignment();if(!t)return;const e=a.getHypothesis(t.hypothesisId);if(!e?.subscriptionData)return;a.subscriptionSwapDone=!0;const i=e.subscriptionData,s=e.isControl,r=[...new Set(i.plans.map(d=>d.direction))].join(",");a.log(`[SUB-SWAP] ${s?"A":"B"} side, directions=${r}`);const n=i.plans.some(d=>d.variantId);let o=!1,l=!1;function c(){if(!l){l=!0;try{const d=n?document.querySelector("select[name='id'], input[name='id']")?.value:void 0,{showPlanIds:p,hidePlanIds:h,swapMap:u}=at(i,s,d);a.swapMap=u;const b=D(i,"widgetParent"),k=D(i,"subscriptionPlans"),S=D(i,"subscriptionInput");if(!b.length||!k.length||!S.length)return;const P=document.querySelector(b[0].selector);if(!P?.shadowRoot)return;const _=P.shadowRoot.querySelector(k[0].selector);if(!_?.shadowRoot)return;const C=S[0].selector;let m=null;if(i.widget.widgetType==="buttons"||i.widget.widgetType==="radio"){const y=Array.from(_.shadowRoot.querySelectorAll(C));if(!y.length)return;for(const v of y){const g=v.closest("label");g&&(p.includes(v.value)?g.style.display="":h.includes(v.value)&&(g.style.display="none"))}const w=y.some(v=>p.includes(v.value)&&v.checked),T=y.some(v=>h.includes(v.value)&&v.checked);if((w||T)&&(o=!1),!w&&!o){o=!0;for(const v of y)if(p.includes(v.value)){v.closest("label")?.click(),v.dispatchEvent(new Event("change",{bubbles:!0}));break}}const f=y.find(v=>v.checked);m=f&&p.includes(f.value)?f.value:p[0]??null}else if(i.widget.widgetType==="dropdown"){const y=_.shadowRoot.querySelector("select");if(!y)return;for(const w of Array.from(y.options))h.includes(w.value)&&(w.style.display="none",w.disabled=!0);if(h.includes(y.value)){const w=Array.from(y.options).find(T=>p.includes(T.value));w&&(y.value=w.value,y.dispatchEvent(new Event("change",{bubbles:!0})))}m=p.includes(y.value)?y.value:p[0]??null}if(m){const y=Array.from(document.querySelectorAll('input[name="selling_plan"]'));for(const w of y)w.value!==m&&(w.value=m)}}finally{l=!1}}}if(a.subscriptionHideWrongPlans=c,a.swapMap=at(i,s).swapMap,c(),n){const d=document.querySelector("select[name='id'], input[name='id']");d&&d.addEventListener("change",c)}}function B(a){const t=D(a,"widgetParent");return t.length?document.querySelector(t[0].selector)?.shadowRoot??null:null}function J(a,t){const e=D(a,"subscriptionPlans");return e.length?t.querySelector(e[0].selector)?.shadowRoot??null:null}function Y(a,t){const e=new URLSearchParams(window.location.search).get("variant");if(e)return e;{const i=document.querySelector('form[action*="/cart/add"] input[name="id"]')?.value;if(i)return i}return a.size>0?[...a.keys()][0]:void 0}function G(a,t){return H(a,t.moneyFormat,t.currency,t.currencyCodeEnabled)}function $t({originalFetch:a,swapMap:t,slptValue:e,getSelectedPlanId:i,log:s}){if(window.fetch.__shoplift_intercepted)return s("[SUB-INTERCEPT] already installed — skipping"),()=>{};function r(o){if(i){const l=i();if(l)return t[l]??l}return t[o]??o}const n=function(o,l){if((typeof o=="string"?o:o instanceof URL?o.href:o.url).includes("/cart/add")&&l?.body)try{if(l.body instanceof FormData){const d=l.body.get("selling_plan");d?l.body.set("selling_plan",r(String(d))):(!d||d==="")&&e&&l.body.set("properties[_slpt]",e)}else if(typeof l.body=="string"){const d=JSON.parse(l.body);if(d.items)for(const p of d.items){const h=String(p.selling_plan??"");h?p.selling_plan=r(h):!p.selling_plan&&e&&(p.properties||(p.properties={}),p.properties._slpt=e)}else if(d.id){const p=String(d.selling_plan??"");p?d.selling_plan=r(p):!d.selling_plan&&e&&(d.properties||(d.properties={}),d.properties._slpt=e)}l.body=JSON.stringify(d)}}catch(d){s("[SUB-INTERCEPT] body parse failed; cart-add proceeds with un-swapped plan",d)}return a.call(window,o,l)};return n.__shoplift_intercepted=!0,window.fetch=n,function(){window.fetch===n&&(window.fetch=a)}}function Mt({log:a}){if(window.fetch.__shoplift_intercepted)return a("[SUB-PREVIEW-BLOCK] already installed — skipping"),()=>{};const t=window.fetch,e=function(i,s){const r=typeof i=="string"?i:i instanceof URL?i.href:i.url;return r.includes("/cart/add")?(a("[SUB-PREVIEW-BLOCK] cart-add blocked in preview mode",{url:r}),Promise.resolve(new Response(JSON.stringify({id:0,properties:{},quantity:0,variant_id:0,key:"preview",title:"Preview — cart-add blocked",price:0,original_price:0,line_price:0,original_line_price:0,total_discount:0,discounts:[],preview:!0}),{status:200,headers:{"Content-Type":"application/json"}}))):t.call(window,i,s)};return e.__shoplift_intercepted=!0,window.fetch=e,function(){window.fetch===e&&(window.fetch=t)}}function dt({data:a,runUpdates:t,debounceMs:e=150}){let i=null;function s(){i&&clearTimeout(i),t(),i=setTimeout(t,e)}let r=null;const n=[],o={childList:!0,subtree:!0,characterData:!0,attributes:!0};function l(h){for(const u of n)u.disconnect();n.length=0;for(const u of Array.from(h.querySelectorAll("*")))if(u.shadowRoot){const b=new MutationObserver(s);b.observe(u.shadowRoot,o),n.push(b)}}function c(){const h=B(a);return h?(r&&r.disconnect(),l(h),r=new MutationObserver(u=>{u.some(b=>b.type==="childList"&&b.addedNodes.length>0)&&l(h),s()}),r.observe(h,o),!0):!1}const d=document.body||document.documentElement,p=new MutationObserver(()=>{c()&&s()});return p.observe(d,{childList:!0,subtree:!0}),c()&&s(),t(),function(){i&&(clearTimeout(i),i=null),p.disconnect(),r&&(r.disconnect(),r=null);for(const u of n)u.disconnect();n.length=0}}async function qt(a){if(a.subscriptionPriceDone)return;const t=a.getActiveAssignment(),e=t?a.getHypothesis(t.hypothesisId):void 0,i=e?.subscriptionData?null:a.findActiveSubscriptionTestControl(),s=e?.subscriptionData?e:i?.hypothesis;if(!s?.subscriptionData)return;const r=e?.subscriptionData?t.testId:i.testId;a.subscriptionPriceDone=!0;const n=s.subscriptionData,o=s.isControl,l=s.priceData,c=n.widget.widgetType;let d=W(l),p=K(n,d),h=p.discountMap,u=p.maxDiscount;function b(){const g=W(l);g!==d&&(d=g,p=K(n,d),h=p.discountMap,u=p.maxDiscount,a.log(`[SUB-PRICE] scope refreshed side=${o?"A":"B"}, currentProductId=${d??"n/a"}, maxDiscount=${u}`))}a.log(`[SUB-PRICE] side=${o?"A":"B"}, currentProductId=${d??"n/a"}, maxDiscount=${u}`),a.updatePriceTestHiddenInputs(r,o?"control":"variant",!1);function k(){if(!l)return null;const g=j(l),I=Y(g),A=lt(n,I,d);if(!ct(A,o))return null;const E=I?g.get(I):void 0;return E?{formattedVariantPrice:G(E.priceInCents,l),formattedDiscounted:G(E.priceInCents*(1-u/100),l)}:null}$t({originalFetch:a.fetch,swapMap:a.swapMap??{},slptValue:a.slptValue??void 0,log:a.log,getSelectedPlanId:()=>{const g=B(n);if(!g)return null;const I=J(n,g);if(!I)return null;const A=D(n,"subscriptionInput"),E=A.length?A[0].selector:'input[name="rc_plan"]';return I.querySelector(`${E}:checked`)?.value??null}});function S(g){const I=D(n,"subscriptionDiscount");for(const A of I)if(A.selector.includes("badge")||A.selector.includes("__badge")){const E=g.querySelector(A.selector);E?.textContent&&!E.textContent.includes(`${u}%`)&&$(E,x=>N(x,u))}}function P(g){const I=k();if(!I)return;const A=D(n,"subscriptionCompareAt");for(const E of A){const x=g.querySelector(E.selector)||g.querySelector(`[part~="${E.selector}"]`);x?.textContent&&!x.textContent.includes(I.formattedVariantPrice)&&$(x,R=>/\d/.test(R)?I.formattedVariantPrice:R)}}function _(g,I){const A=D(n,"subscriptionCompareAt"),E=I===0?"none":"";for(const x of A){const R=g.querySelector(x.selector)||g.querySelector(`[part~="${x.selector}"]`);R&&(E==="none"?R.style.display!=="none"&&(R.style.display="none"):R.style.display==="none"&&(R.style.display=""))}}function C(g){const I=D(n,"subscriptionInput"),A=I.length?I[0].selector:'input[name="rc_plan"]',E=D(n,"subscriptionPlanDiscount"),x=E.length?E[0].selector:".rc-plans-button__discount";for(const R of Array.from(g.querySelectorAll("label"))){const V=R.querySelector(A),O=R.querySelector(x);if(V&&O){const L=h[V.value];if(L!==void 0){if(L===0)O.style.display!=="none"&&(O.style.display="none");else if(O.style.display==="none"&&(O.style.display=""),O.textContent){const Z=O.textContent.match(/[\d.]+%/)?.[0];Z&&Z!==`${L}%`&&$(O,Kt=>N(Kt,L))}}}}}function m(g){const I=g.querySelector("select");if(I)for(const A of Array.from(I.options)){const E=h[A.value];if(E!==void 0&&A.textContent){const x=A.textContent.match(/[\d.]+%/)?.[0];x&&x!==`${E}%`&&(A.textContent=N(A.textContent,E))}}}function y(g,I){const E=D(n,"subscriptionDiscount").filter(x=>x.selector.includes("benefit")||x.selector==="rc-benefits");for(const x of E){const R=g.querySelector(x.selector);if(R?.shadowRoot){for(const V of Array.from(R.shadowRoot.querySelectorAll("li")))if(V.textContent?.includes("Save")){const O=V;if(I===0)O.style.display!=="none"&&(O.style.display="none");else{O.style.display==="none"&&(O.style.display="");const L=V.textContent.match(/[\d.]+%/)?.[0];L&&L!==`${I}%`&&$(V,Z=>N(Z,I))}}}}}let w=!1;function T(){if(!w){w=!0;try{if(b(),d!==null&&Object.keys(h).length===0)return;const g=B(n);if(!g)return;S(g),l&&P(g);const I=J(n,g);let A=u;if(I){const E=D(n,"subscriptionInput"),x=E.length?E[0].selector:'input[name="rc_plan"]',R=I.querySelector(`${x}:checked`);if(R){const V=h[R.value];V!==void 0&&(A=V)}c==="buttons"||c==="radio"?C(I):m(I)}_(g,A),y(g,A)}finally{w=!1}}}function f(){const g=k();if(!g)return;const I=B(n);if(!I)return;const A=D(n,"onetimeToggle"),E=A.length?A[0].selector:'input[value="onetime"]';if(!I.querySelector(E)?.checked)return;const R=D(n,"subscriptionPrice");for(const V of R){const O=I.querySelector(V.selector)||I.querySelector(`[part~="${V.selector}"]`);O?.textContent&&!O.textContent.includes(g.formattedDiscounted)&&$(O,L=>/\d/.test(L)?g.formattedDiscounted:L)}}function v(){a.subscriptionHideWrongPlans&&a.subscriptionHideWrongPlans(),T(),a.subscriptionUpdateOneTime&&a.subscriptionUpdateOneTime(),f()}dt({data:n,runUpdates:v})}async function Ht(a){if(a.subscriptionOneTimeDone)return;const t=a.getActiveAssignment(),e=t?a.getHypothesis(t.hypothesisId):void 0,i=!!(e?.subscriptionData&&e.priceData),s=i?null:a.findActiveSubscriptionTestControl(),r=i?e:s?.hypothesis;if(!r?.subscriptionData||!r.priceData)return;const n=i?t.testId:s.testId;a.subscriptionOneTimeDone=!0;const o=r.subscriptionData,l=r.priceData,c=j(l),d=r.isControl,p=d?"control":"variant";a.slptValue=`${n}:${p}:f`,a.updatePriceTestHiddenInputs(n,p,!1);function h(){const u=B(o);if(!u)return;const b=Y(c);if(!b)return;const k=W(l),S=lt(o,b,k);if(!ct(S,d))return;const P=c.get(b);if(!P)return;const _=H(P.priceInCents,l.moneyFormat,l.currency,l.currencyCodeEnabled),C=D(o,"onetimePrice");if(!C.length)return;const m=D(o,"onetimeContainer"),y=m.length?m[0].selector:'[part~="rc-purchase-option__onetime"]',T=u.querySelector(y)??u;for(const f of C){let v=null;try{v=T.querySelector(f.selector)}catch{v=null}v??=T.querySelector(`[part~="${f.selector}"]`),v&&v.textContent&&!v.textContent.includes(_)&&$(v,g=>/\d/.test(g)?_:g)}}a.subscriptionUpdateOneTime=h,h()}async function Nt(a,t){const{subscriptionPreviewRender:e}=await Vt(async()=>{const{subscriptionPreviewRender:i}=await Promise.resolve().then(()=>jt);return{subscriptionPreviewRender:i}},void 0);return e(a.subscriptionData,a.priceData,a.isControl,t)}function Ut(a,t){const e=a.widget.selectors.widgetParent??[],i=a.widget.selectors.subscriptionPlans??[],s=a.widget.selectors.subscriptionInput??[];if(!e.length||!i.length||!s.length){t("[SUB-GLOBAL-HIDE] Missing required selectors — skipping");return}const r=e[0].selector,n=i[0].selector,o=s[0].selector;let l=!1,c=null,d=!1;function p(){if(!d){d=!0;try{h()}finally{d=!1}}}function h(){const P=document.querySelector(r);if(!P?.shadowRoot)return;const _=P.shadowRoot.querySelector(n);if(!_?.shadowRoot)return;_.shadowRoot!==c&&(c=_.shadowRoot,l=!1);let C=0;if(a.widget.widgetType==="buttons"||a.widget.widgetType==="radio"){const m=Array.from(_.shadowRoot.querySelectorAll(o));for(const f of m)if(a.planIds.includes(f.value)){f.disabled||(f.disabled=!0);const v=f.closest("label");v&&v.style.display!=="none"&&(v.style.display="none",C++)}const y=m.filter(f=>!a.planIds.includes(f.value));if(!y.some(f=>f.checked)&&!l&&y.length>0){l=!0;const f=y[0];f.closest("label")?.click(),f.dispatchEvent(new Event("change",{bubbles:!0})),t(`[SUB-GLOBAL-HIDE] Preselected first visible plan input=${f.value}`)}const T=y.find(f=>f.checked)??y[0];if(T){const f=Array.from(document.querySelectorAll('input[name="selling_plan"]'));for(const v of f)v.value!==T.value&&(v.value=T.value,t(`[SUB-GLOBAL-HIDE] Mirrored plan id ${T.value} to form selling_plan input`))}}else if(a.widget.widgetType==="dropdown"){const m=_.shadowRoot.querySelector("select");if(!m)return;for(const T of Array.from(m.options))a.planIds.includes(T.value)&&(T.style.display!=="none"&&(T.style.display="none"),T.disabled||(T.disabled=!0),C++);const y=Array.from(m.options).filter(T=>!a.planIds.includes(T.value)),w=y.some(T=>T.value===m.value);y.length>0&&!w&&!l&&(l=!0,m.value=y[0].value,m.dispatchEvent(new Event("change",{bubbles:!0})),t(`[SUB-GLOBAL-HIDE] Preselected first visible option=${y[0].value}`))}C>0&&t(`[SUB-GLOBAL-HIDE] Hidden ${C} B-side plan buttons`)}const u={childList:!0,subtree:!0,characterData:!0};let b=null;function k(P){b?.disconnect(),b=new MutationObserver(()=>p()),b.observe(P,u)}function S(){const P=document.querySelector(r);if(!P?.shadowRoot)return!1;p(),new MutationObserver(()=>{p();const m=P.shadowRoot.querySelector(n);m?.shadowRoot&&k(m.shadowRoot)}).observe(P.shadowRoot,u);const C=P.shadowRoot.querySelector(n);return C?.shadowRoot&&k(C.shadowRoot),!0}if(!S()){t("[SUB-GLOBAL-HIDE] Widget not in DOM yet — waiting via MutationObserver");const P=new MutationObserver(()=>{S()&&P.disconnect()});P.observe(document.body??document.documentElement,{childList:!0,subtree:!0})}}const ut="Limited preview",Ft="Add-to-cart and checkout prices won't reflect this test until it launches — test selling plans are not created in your subscription app until after a test is launched.",Bt=5e3;function zt(){const a=document.createElement("div");a.id="shoplift-preview-subscription-warning";const t=document.createElement("span");t.id="shoplift-preview-subscription-warning__icon",t.setAttribute("aria-hidden","true"),t.textContent="!";const e=document.createElement("span");e.id="shoplift-preview-subscription-warning__label",e.textContent=ut;const i=document.createElement("div");i.id="shoplift-preview-subscription-warning__tooltip",i.setAttribute("role","tooltip"),i.textContent=Ft,a.appendChild(t),a.appendChild(e),a.appendChild(i),a.setAttribute("tabindex","0"),a.setAttribute("aria-describedby",i.id),a.setAttribute("aria-label",ut);let s=null;function r(){s!==null&&(clearTimeout(s),s=null)}function n(){i.classList.add("shoplift-preview-subscription-warning__tooltip--visible")}function o(){i.classList.remove("shoplift-preview-subscription-warning__tooltip--visible")}function l(){n(),r(),s=setTimeout(()=>{o(),s=null},Bt)}function c(){r(),n()}function d(){s===null&&o()}a.addEventListener("mouseenter",c),a.addEventListener("mouseleave",d),a.addEventListener("focus",c),a.addEventListener("blur",d);function p(u){try{const b=u.target;if(!(b instanceof Element))return;(b.closest('form[action*="/cart/add"] button[type="submit"], form[action*="/cart/add"] input[type="submit"]')!==null||b.closest('[name="add"], button[name="add"], [data-add-to-cart], button[data-add-to-cart]')!==null)&&l()}catch{}}document.addEventListener("click",p,!0);function h(){r(),document.removeEventListener("click",p,!0),a.removeEventListener("mouseenter",c),a.removeEventListener("mouseleave",d),a.removeEventListener("focus",c),a.removeEventListener("blur",d),a.remove()}return{root:a,tooltip:i,cleanup:h}}let pt=!1;class Wt{constructor(t,e,i,s,r,n,o,l,c,d,p,h,u){this.shop=t,this.host=e,this.eventHost=i,this.disableReferrerOverride=l,this.logHistory=[],this.legacySessionKey=`SHOPLIFT_SESSION_${this.shop}`,this.cssHideClass=s?"shoplift-hide":"",this.testConfigs=p.map(k=>({...k,startAt:new Date(k.startAt),statusHistory:k.statusHistory.map(S=>({...S,createdAt:new Date(S.createdAt)}))})),this.inactiveTestConfigs=h,this.hiddenSubscriptionPlans=u,this.sendPageView=!!r,this.shopliftDebug=n===!0,this.telemetryEnabled=c===!0,this.gaConfig=o!=={"sendEvents":true,"mode":"gtag"}?o:{sendEvents:!1},this.fetch=window.fetch.bind(window),this.localStorageSet=window.localStorage.setItem.bind(window.localStorage),this.localStorageGet=window.localStorage.getItem.bind(window.localStorage);const b=this.getDeviceType();this.device=b!=="tablet"?b:"mobile",this.state=this.loadState(),this.shopifyAnalyticsId=this.getShopifyAnalyticsId(),this.testsFilteredByAudience=p.filter(k=>k.status=="active"),this.getCountryTimeout=d===1000?1e3:d,this.log("State Loaded",JSON.stringify(this.state))}DATA_SL_ATTRIBUTE_P="data-sl-attribute-p";DATA_SL_TEST_ID="data-sl-test-id";VIEWPORT_TRACK_THRESHOLD=.5;temporarySessionKey="Shoplift_Session";essentialSessionKey="Shoplift_Essential";analyticsSessionKey="Shoplift_Analytics";priceSelectorsSessionKey="Shoplift_PriceSelectors_v2";legacySessionKey;cssHideClass;testConfigs;inactiveTestConfigs;hiddenSubscriptionPlans;testsFilteredByAudience;sendPageView;shopliftDebug;gaConfig;telemetryEnabled;getCountryTimeout;state;subscriptionPreviewWarningCleanup=null;shopifyAnalyticsId;cookie=document.cookie;isSyncing=!1;isSyncingGA=!1;fetch;localStorageSet;localStorageGet;sessionStorageSet=window.sessionStorage.setItem.bind(window.sessionStorage);sessionStorageGet=window.sessionStorage.getItem.bind(window.sessionStorage);urlParams=new URLSearchParams(window.location.search);device;logHistory;activeViewportObservers=new Map;clientIdRetryCount=0;deriveCategoryFromExistingTests(){if(!this.state.temporary.testCategory&&this.state.essential.visitorTests.length>0){const t=this.state.essential.visitorTests.some(e=>{if(!e.hypothesisId)return!1;const i=this.getHypothesis(e.hypothesisId);return i&&["theme","basicScript","price"].includes(i.type)});this.state.temporary.testCategory=t?"global":"conditional",this.persistTemporaryState(),this.log("Derived test category from existing visitorTests: %s",this.state.temporary.testCategory)}}async init(){try{if(this.log("Shoplift script initializing"),window.Shopify&&window.Shopify.designMode){this.log("Skipping script for design mode");return}if(window.location.href.includes("slScreenshot=true")){this.log("Skipping script for screenshot");return}if(window.location.hostname.endsWith(".edgemesh.com")){this.log("Skipping script for preview");return}if(window.location.href.includes("isShopliftMerchant")){const s=this.urlParams.get("isShopliftMerchant")==="true";this.log("Setting merchant session to %s",s),this.state.temporary.isMerchant=s,this.persistTemporaryState()}if(this.state.temporary.isMerchant){this.log("Setting up preview for merchant"),typeof window.shoplift!="object"&&this.setShopliftStub(),this.state.temporary.previewConfig||this.hidePage(),await this.initPreview(),document.querySelector("#sl-preview-bar-hide")?.remove();return}if(this.state.temporary.previewConfig=void 0,mt(navigator.userAgent))return;const t=this.state.essential.visitorTests.filter(s=>s.hypothesisId&&+s.createdAt>Date.now()-6e4);if(t.length===0)this.sendDiagnosticTelemetry("page-landed",null);else for(const s of t)this.sendDiagnosticTelemetry("page-landed",s.testId,{hypothesisId:s.hypothesisId,isControl:s.assignedTo==="control",testType:s.testType??"unknown"});if(navigator.userAgent.includes("Chrome/118")){this.log("Random: %o",[Math.random(),Math.random(),Math.random()]);const s=await this.makeRequest({url:`${this.eventHost}/api/v0/events/ip`,method:"get"}).then(r=>r?.json());this.log(`IP: ${s}`),this.makeRequest({url:`${this.eventHost}/api/v0/logs`,method:"post",data:JSON.stringify(this.debugState(),X)}).catch()}if(this.shopifyAnalyticsId=this.getShopifyAnalyticsId(),this.monitorConsentChange(),this.checkForThemePreview())return;if(!this.disableReferrerOverride&&this.state.temporary.originalReferrer!=null){this.log(`Overriding referrer from '${document.referrer}' to '${this.state.temporary.originalReferrer}'`);const s=this.state.temporary.originalReferrer;delete this.state.temporary.originalReferrer,this.persistTemporaryState(),Object.defineProperty(document,"referrer",{get:()=>s,enumerable:!0,configurable:!0})}if(await this.refreshVisitor(this.shopifyAnalyticsId),await this.handleVisitorTest()){this.log("Redirecting for visitor test");return}this.setShoplift(),this.showPage(),this.ensureCartAttributesForExistingPriceTests(!1);const i=this.state.essential.visitorTests.some(s=>(s.hypothesisId?this.getHypothesis(s.hypothesisId):void 0)?.subscriptionData!=null)||Object.values(this.state.temporary.testReservations??{}).some(s=>this.getHypothesis(s.hypothesisId)?.subscriptionData!=null);this.hiddenSubscriptionPlans&&!i&&(this.log(`[SUB-GLOBAL] Visitor not in subscription test — hiding ${this.hiddenSubscriptionPlans.planIds.length} B-side plans`),Ut(this.hiddenSubscriptionPlans,s=>this.log(s))),await this.subscriptionSwap(),await this.subscriptionOneTimePrice(),await this.subscriptionPriceChange(),await this.finalize(),console.log("SHOPLIFT SCRIPT INITIALIZED!")}catch(t){if(t instanceof et)return;throw t}finally{typeof window.shoplift!="object"&&this.setShopliftStub()}}getVariantColor(t){switch(t){case"a":return{text:"#141414",bg:"#E2E2E2"};case"b":return{text:"rgba(255, 255, 255, 1)",bg:"rgba(37, 99, 235, 1)"}}}getDefaultVariantTitle(t){return t.title?t.title:t.type==="price"?t.isControl?"Original prices":"Variant prices":t.isControl?"Original":"Untitled variant "+t.label.toUpperCase()}async initPreview(){const t=this.urlParams.get("previewConfig");if(t){this.state.temporary.previewConfig=void 0,this.log("Setting up the preview"),this.log("Found preview config, writing to temporary state");const e=await Rt(t);if(this.state.temporary.previewConfig=e,this.state.temporary.previewConfig.testTypeCategory===M.Price){this.hidePage(!0);const s=this.state.temporary.previewConfig;let r=`${this.host}/api/dom-selectors/${s.storeId}/${s.testId}/${s.isDraft||!1}`;s.shopifyProductId&&(r+=`?productId=${s.shopifyProductId}`);const n=await this.makeJsonRequest({method:"get",url:r}).catch(o=>(this.log("Error getting domSelectors",o),null));if(s.variants.forEach(o=>o.domSelectors=n[o.id]?.domSelectors),s.isDraft){const o=`${this.host}/api/dom-selectors/${s.storeId}/${s.testId}/subscription-preview`,l=await this.makeJsonRequest({method:"get",url:o}).catch(c=>(this.log("No subscription preview data for draft (test may not have a subscription widget)",c),null));l?.subscriptionData&&s.variants.forEach(c=>{c.subscriptionData=l.subscriptionData,c.priceData=l.priceData})}}this.persistTemporaryState();const i=new URL(window.location.toString());i.searchParams.delete("previewConfig"),this.queueRedirect(i)}else if(this.state.temporary.previewConfig){this.showPage();const e=this.state.temporary.previewConfig;if(e.testTypeCategory===M.Template&&this.handleTemplatePreview(e)&&this.initPreviewControls(e),e.testTypeCategory===M.UrlRedirect&&this.handleUrlPreview(e)&&this.initPreviewControls(e),e.testTypeCategory===M.Script&&this.handleScriptPreview(e)&&this.initPreviewControls(e),e.testTypeCategory===M.Price){const i=await this.handlePricePreview(e);e.isDraft?await this.handleSubscriptionPricePreview(e):await this.handleSubscriptionLivePreview(e),i&&this.initPreviewControls(e)}}}initPreviewControls(t){document.addEventListener("DOMContentLoaded",()=>{const e=t.variants.find(b=>b.id===t.currentVariant),i=e?.label||"a",s=t.variants,r=document.createElement("div");r.id="shoplift-preview-control";const n=document.createElement("div"),o=document.createElement("img");o.src=_t,o.height=24,o.width=14,n.style.padding="0 16px",n.style.lineHeight="100%",n.appendChild(o),r.appendChild(n);const l=document.createElement("div");l.id="shoplift-preview-variant-selector";const c=document.createElement("button");c.id="shoplift-preview-variant-menu-trigger";const d=document.createElement("div");d.className="menu-variant-label",d.style.backgroundColor=this.getVariantColor(i).bg,d.style.color=this.getVariantColor(i).text,d.innerText=i.toUpperCase(),c.appendChild(d);const p=document.createElement("span");if(p.id="shoplift-preview-variant-title",p.innerText=e?this.getDefaultVariantTitle(e):"Untitled variant "+i.toUpperCase(),c.appendChild(p),s.length>1){const b=document.createElement("img");b.src=xt,b.width=12,b.height=12,b.style.height="12px",b.style.width="12px",c.appendChild(b);const k=document.createElement("div");k.className="preview-variant-menu";for(const S of t.variants.filter(P=>P.id!==t.currentVariant)){const P=document.createElement("div");P.className="preview-variant-menu--item";const _=document.createElement("div");_.className="menu-variant-label",_.style.backgroundColor=this.getVariantColor(S.label).bg,_.style.color=this.getVariantColor(S.label).text,_.style.flexShrink="0",_.innerText=S.label.toUpperCase(),P.appendChild(_);const C=document.createElement("span");C.innerText=this.getDefaultVariantTitle(S),P.appendChild(C),P.addEventListener("click",()=>{this.pickVariant(S.id)}),k.appendChild(P)}l.appendChild(k),c.addEventListener("click",()=>{k.className!=="preview-variant-menu preview-variant-menu__visible"?k.classList.add("preview-variant-menu__visible"):k.classList.remove("preview-variant-menu__visible")}),document.addEventListener("click",S=>{S.target instanceof Element&&!c.contains(S.target)&&k.className==="preview-variant-menu preview-variant-menu__visible"&&k.classList.remove("preview-variant-menu__visible")})}else c.style.pointerEvents="none",d.style.margin="0";if(l.appendChild(c),r.appendChild(l),t.hasSubscription){this.subscriptionPreviewWarningCleanup?.();const b=zt();r.appendChild(b.root),this.subscriptionPreviewWarningCleanup=b.cleanup}const h=document.createElement("div"),u=document.createElement("button");u.id="shoplift-exit-preview-button",u.innerText="Exit",h.appendChild(u),u.addEventListener("click",()=>{this.exitPreview()}),r.appendChild(h),document.body.appendChild(r),requestAnimationFrame(()=>{r.classList.add("visible")})}),this.ensureCartAttributesForExistingPriceTests(!0)}pickVariant(t){if(this.state.temporary.previewConfig){const e=this.state.temporary.previewConfig,i=new URL(window.location.toString());if(e.testTypeCategory===M.UrlRedirect){const s=e.variants.find(r=>r.id===e.currentVariant)?.redirectUrl;if(i.pathname===s){const r=e.variants.find(n=>n.id===t)?.redirectUrl;r&&(i.pathname=r)}}if(e.testTypeCategory===M.Template){const s=e.variants.find(r=>r.id===e.currentVariant)?.pathName;if(s&&i.pathname===s){const r=e.variants.find(n=>n.id===t)?.pathName;r&&r!==s&&(i.pathname=r)}}e.currentVariant=t,this.persistTemporaryState(),this.queueRedirect(i)}}exitPreview(){const t=new URL(window.location.toString());if(this.state.temporary.previewConfig?.testTypeCategory===M.Template&&t.searchParams.delete("view"),this.state.temporary.previewConfig?.testTypeCategory===M.Script&&t.searchParams.delete("slVariant"),this.state.temporary.previewConfig?.testTypeCategory===M.UrlRedirect){const i=this.state.temporary.previewConfig.variants.filter(r=>!r.isControl&&r.redirectUrl!==null).map(r=>r.redirectUrl),s=this.state.temporary.previewConfig.variants.find(r=>r.label==="a")?.redirectUrl;i.includes(t.pathname)&&s&&(t.pathname=s)}this.state.temporary.isMerchant=!1,t.searchParams.delete("isShopliftMerchant"),this.state.temporary.previewConfig=void 0,this.persistTemporaryState(),this.subscriptionPreviewWarningCleanup?.(),this.subscriptionPreviewWarningCleanup=null,this.hidePage(),this.queueRedirect(t)}handleTemplatePreview(t){const e=t.currentVariant,i=t.variants.find(l=>l.id===e);if(!i)return!1;const s=t.variants.find(l=>l.isControl);if(!s)return!1;this.log("Setting up template preview for type",s.type);const r=new URL(window.location.toString()),n=r.searchParams.get("view"),o=i.type===s.type;return!o&&!i.isControl&&template.suffix===s.affix&&this.typeFromTemplate()===s.type&&i.pathName!==null?(this.log("Hit control template type, redirecting to the variant url"),this.hidePage(),r.pathname=i.pathName,this.queueRedirect(r),!0):(!i.isControl&&this.typeFromTemplate()==i.type&&template.suffix===s.affix&&o&&n!==(i.affix||"__DEFAULT__")&&(this.log("Template type and affix match control, updating the view param"),r.searchParams.delete("view"),this.log("Setting the new viewParam to",i.affix||"__DEFAULT__"),this.hidePage(),r.searchParams.set("view",i.affix||"__DEFAULT__"),this.queueRedirect(r)),n!==null&&n!==(i.affix||"__DEFAULT__")&&(r.searchParams.delete("view"),this.hidePage(),this.queueRedirect(r)),!0)}handleUrlPreview(t){const e=t.currentVariant,i=t.variants.find(n=>n.id===e),s=t.variants.find(n=>n.isControl)?.redirectUrl;if(!i)return!1;this.log("Setting up URL redirect preview");const r=new URL(window.location.toString());return r.pathname===s&&!i.isControl&&i.redirectUrl!==null&&(this.log("Url matches control, redirecting"),this.hidePage(),r.pathname=i.redirectUrl,this.queueRedirect(r)),!0}handleScriptPreview(t){const e=t.currentVariant,i=t.variants.find(n=>n.id===e);if(!i)return!1;this.log("Setting up script preview");const s=new URL(window.location.toString());return s.searchParams.get("slVariant")!==i.id&&(this.log("current id doesn't match the variant, redirecting"),s.searchParams.delete("slVariant"),this.log("Setting the new slVariantParam"),this.hidePage(),s.searchParams.set("slVariant",i.id),this.queueRedirect(s)),!0}async handlePricePreview(t){const e=t.currentVariant,i=t.variants.find(s=>s.id===e);return i?(this.log("Setting up price preview"),i.domSelectors&&i.domSelectors.length>0&&(U(document,{testId:t.testId,hypothesisId:i.id,selectors:i.domSelectors}),this.ensureCartAttributesForExistingPriceTests(!0)),!0):!1}async handleSubscriptionPricePreview(t){const e=t.variants.find(i=>i.id===t.currentVariant);e?.subscriptionData&&(this.log("Setting up subscription price preview"),await Nt({id:e.id,isControl:e.isControl,subscriptionData:e.subscriptionData,priceData:e.priceData},(i,...s)=>this.log(i,...s)))}async handleSubscriptionLivePreview(t){this.testConfigs.find(s=>s.id===t.testId)?.hypotheses.find(s=>s.id===t.currentVariant)?.subscriptionData&&(this.log("Setting up subscription live preview"),this.subscriptionSwapDone=!1,this.subscriptionOneTimeDone=!1,this.subscriptionPriceDone=!1,await this.subscriptionSwap(),await this.subscriptionOneTimePrice(),await this.subscriptionPriceChange())}async finalize(){const t=await this.getCartState();t!==null&&this.queueCartUpdate(t),this.pruneStateAndSave(),await this.syncAllEvents()}setShoplift(){this.log("Setting up public API");const e=this.urlParams.get("slVariant")==="true",i=e?null:this.urlParams.get("slVariant");window.shoplift={isHypothesisActive:async s=>{if(this.log("Script checking variant for hypothesis '%s'",s),e)return this.log("Forcing variant for hypothesis '%s'",s),!0;if(i!==null)return this.log("Forcing hypothesis '%s'",i),s===i;const r=this.testConfigs.find(o=>o.hypotheses.some(l=>l.id===s));if(!r)return this.log("No test found for hypothesis '%s'",s),!1;const n=this.state.essential.visitorTests.find(o=>o.testId===r.id);return n?(this.log("Active visitor test found",s),n.hypothesisId===s):(await this.manuallySplitVisitor(r),this.testConfigs.some(o=>o.hypotheses.some(l=>l.id===s&&this.state.essential.visitorTests.some(c=>c.hypothesisId===l.id))))},setAnalyticsConsent:async s=>{await this.onConsentChange(s,!0)},getVisitorData:()=>({visitor:this.state.analytics.visitor,visitorTests:this.state.essential.visitorTests.filter(s=>!s.isInvalid).map(s=>{const{shouldSendToGa:r,savedAt:n,...o}=s;return o})})}}setShopliftStub(){this.log("Setting up stubbed public API");const e=this.urlParams.get("slVariant")==="true",i=e?null:this.urlParams.get("slVariant");window.shoplift={isHypothesisActive:s=>Promise.resolve(e||s===i),setAnalyticsConsent:()=>Promise.resolve(),getVisitorData:()=>({visitor:null,visitorTests:[]})}}async manuallySplitVisitor(t){this.log("Starting manual split for test '%s'",t.id),await this.handleVisitorTest([t]);const e=this.getReservationForTest(t.id);e&&!e.isRealized&&e.entryCriteriaKey&&(this.log("Realizing manual API reservation for test '%s'",t.id),this.realizeReservationForCriteria(e.entryCriteriaKey)),this.saveState(),this.syncAllEvents()}async handleVisitorTest(t){await this.filterTestsByAudience(this.testConfigs,this.state.analytics.visitor??this.buildBaseVisitor(),this.state.essential.visitorTests),this.pruneStaleVisitorTests(),this.deriveCategoryFromExistingTests(),this.clearStaleReservations();let e=t?t.filter(i=>this.testsFilteredByAudience.some(s=>s.id===i.id)):[...this.testsForUrl(this.testsFilteredByAudience),...this.domTestsForUrl(this.testsFilteredByAudience)];try{if(e.length===0)return this.log("No tests found"),!1;this.log("Checking for existing visitor test on page");const i=this.getCurrentVisitorHypothesis(e);if(i){this.log("Found current visitor test");const l=this.considerRedirect(i);return l&&(this.log("Redirecting for current visitor test"),this.redirect(i)),l}const s=this.getReservationForCurrentPage();if(s){this.log("Found matching reservation for current page: %s",s.testId);const l=this.getHypothesis(s.hypothesisId);if(l){l.type!=="price"&&this.realizeReservationForCriteria(s.entryCriteriaKey);const c=this.considerRedirect(l);return c&&this.redirect(l),c}}this.log("No active test relation for test page");const r=this.testsForUrl(this.inactiveTestConfigs.filter(l=>this.testIsPaused(l)&&l.hypotheses.some(c=>this.state.essential.visitorTests.some(d=>d.hypothesisId===c.id)))).map(l=>l.id);if(r.length>0)return this.log("Visitor has paused tests for test page, skipping test assignment: %o",r),!1;if(!this.state.temporary.testCategory){const l=this.testsFilteredByAudience.filter(d=>this.isGlobalEntryCriteria(this.getEntryCriteriaKey(d))),c=this.testsFilteredByAudience.filter(d=>!this.isGlobalEntryCriteria(this.getEntryCriteriaKey(d)));if(this.log("Category dice roll - global tests: %o, conditional tests: %o",l.map(d=>({id:d.id,title:d.title,criteria:this.getEntryCriteriaKey(d)})),c.map(d=>({id:d.id,title:d.title,criteria:this.getEntryCriteriaKey(d)}))),l.length>0&&c.length>0){const d=l.length,p=c.length,h=d+p,u=Math.random()*h;this.state.temporary.testCategory=u<d?"global":"conditional",this.log("Category dice roll: rolled %.2f of %d (global weight: %d, conditional weight: %d), selected '%s'",u,h,d,p,this.state.temporary.testCategory)}else l.length>0?(this.state.temporary.testCategory="global",this.log("Only global tests available, setting category to global")):(this.state.temporary.testCategory="conditional",this.log("Only conditional tests available, setting category to conditional"));this.persistTemporaryState()}const n=this.state.temporary.testCategory;if(this.log("Visitor test category: %s",n),n==="global"){const l=this.testsFilteredByAudience.filter(c=>!this.isGlobalEntryCriteria(this.getEntryCriteriaKey(c)));for(const c of l)this.markTestAsBlocked(c,"category:global");e=e.filter(c=>this.isGlobalEntryCriteria(this.getEntryCriteriaKey(c)))}else{const l=this.testsFilteredByAudience.filter(c=>this.isGlobalEntryCriteria(this.getEntryCriteriaKey(c)));for(const c of l)this.markTestAsBlocked(c,"category:conditional");e=e.filter(c=>!this.isGlobalEntryCriteria(this.getEntryCriteriaKey(c)))}if(e.length===0)return this.log("No tests remaining after category filter"),!1;this.createReservations(e);const o=this.getReservationForCurrentPage();if(o&&!o.isRealized){const l=this.getHypothesis(o.hypothesisId);if(l){l.type!=="price"&&this.realizeReservationForCriteria(o.entryCriteriaKey);const c=this.considerRedirect(l);return c&&(this.log("Redirecting for new test"),this.redirect(l)),c}}return!1}finally{this.includeInDomTests(),this.saveState()}}includeInDomTests(){this.applyControlForAudienceFilteredPriceTests();const t=this.getDomTestsForCurrentUrl(),e=this.getVisitorDomHypothesis(t);for(const i of t){this.log("Evaluating dom test '%s'",i.id);const s=i.hypotheses.some(u=>u.type==="price");if(this.state.essential.visitorTests.find(u=>u.testId===i.id&&u.isInvalid&&!u.hypothesisId)){if(this.log("Visitor is blocked from test '%s', applying control prices if price test",i.id),s){const u=i.hypotheses.find(b=>b.isControl);u?.priceData&&(this.applyPriceTestWithMapLookup(i.id,u,[u],()=>{this.log("Control prices applied for blocked visitor, no metrics tracked")}),this.updatePriceTestHiddenInputs(i.id,"control",!1))}continue}const n=this.getReservationForTest(i.id);let o=null,l=!1;const c=e.find(u=>i.hypotheses.some(b=>u.id===b.id));if(n)o=this.getHypothesis(n.hypothesisId)??null,this.log("Using reserved hypothesis '%s' for test '%s'",n.hypothesisId,i.id);else if(c)o=c,this.log("Using existing hypothesis assignment for test '%s'",i.id);else if(s){const u=this.visitorActiveTestTypeWithReservations();u?(l=!0,this.log("Visitor already in test type '%s', treating as non-test for price test '%s'",u,i.id)):o=this.pickHypothesis(i)}else o=this.pickHypothesis(i);if(l&&s){const u=i.hypotheses.find(b=>b.isControl);u?.priceData&&(this.log("Applying control prices for non-test visitor on price test '%s' (Map-based)",i.id),this.applyPriceTestWithMapLookup(i.id,u,[u],()=>{this.log("Control prices applied for non-test visitor, no metrics tracked")}),this.updatePriceTestHiddenInputs(i.id,"control",!1));continue}if(!o){this.log("Failed to pick hypothesis for test");continue}this.sendDiagnosticTelemetry("assignment",i.id,{hypothesisId:o.id,isControl:o.isControl,testType:o.type});const d=i.bayesianRevision??4,p=o.type==="price",h=d>=5;if(p&&h){if(this.log(`Price test with Map-based lookup (v${d}): ${i.id}`),!o.priceData){this.log("No price data for hypothesis '%s', skipping",o.id);continue}const u=o.isControl?"control":"variant";this.log(`Setting up Map-based price test for ${u} (test: ${i.id})`),this.applyPriceTestWithMapLookup(i.id,o,i.hypotheses,b=>{const k=this.getReservationForTest(b);k&&!k.isRealized&&k.entryCriteriaKey?this.realizeReservationForCriteria(k.entryCriteriaKey):this.queueAddVisitorToTest(b,o),this.saveState(),this.queuePageView(window.location.pathname),this.syncAllEvents()});continue}if(p&&!h){this.log(`Price test without viewport tracking (v${d}): ${i.id}`);const u=this.getDomSelectorsForHypothesis(o);if(u.length===0)continue;U(document,{testId:i.id,hypothesisId:o.id,selectors:u},b=>{this.queueAddVisitorToTest(b,o),this.saveState(),this.queuePageView(window.location.pathname),this.syncAllEvents()});continue}if(!o.domSelectors||o.domSelectors.length===0){this.log("No selectors found, skipping hypothesis");continue}U(document,{testId:i.id,hypothesisId:o.id,selectors:o.domSelectors},u=>{this.queueAddVisitorToTest(u,o),this.saveState(),this.queuePageView(window.location.pathname),this.syncAllEvents()})}}considerRedirect(t){if(this.log("Considering redirect for hypothesis '%s'",t.id),t.isControl)return this.log("Skipping redirect for control"),!1;if(t.type==="basicScript"||t.type==="manualScript")return this.log("Skipping redirect for script test"),!1;const e=this.state.essential.visitorTests.find(n=>n.hypothesisId===t.id),i=new URL(window.location.toString()),r=new URLSearchParams(window.location.search).get("view");if(t.type==="theme"){if(!(t.themeId===themeId)){if(this.log("Theme id '%s' is not hypothesis theme ID '%s'",t.themeId,themeId),this.isAppProxyPath())return this.log("On App Proxy path, skipping theme redirect to avoid infinite loop"),!1;if(e&&e.themeId!==t.themeId&&(e.themeId===themeId||!this.isThemePreview()))this.log("On old theme, redirecting and updating local visitor"),e.themeId=t.themeId;else if(this.isThemePreview())return this.log("On non-test theme, skipping redirect"),!1;return this.log("Hiding page to redirect for theme test"),this.hidePage(),!0}return!1}else if(t.type!=="dom"&&t.type!=="price"&&t.affix!==template.suffix&&t.affix!==r||t.redirectPath&&!i.pathname.endsWith(t.redirectPath))return this.log("Hiding page to redirect for template test"),this.hidePage(),!0;return this.log("Not redirecting"),!1}redirect(t){if(this.log("Redirecting to hypothesis '%s'",t.id),t.isControl)return;const e=new URL(window.location.toString());if(e.searchParams.delete("view"),t.redirectPath){const i=RegExp("^(/w{2}-w{2})/").exec(e.pathname);if(i&&i.length>1){const s=i[1];e.pathname=`${s}${t.redirectPath}`}else e.pathname=t.redirectPath}else t.type==="theme"?(e.searchParams.set("_ab","0"),e.searchParams.set("_fd","0"),e.searchParams.set("_sc","1"),e.searchParams.set("preview_theme_id",t.themeId.toString())):t.type!=="urlRedirect"&&e.searchParams.set("view",t.affix);this.queueRedirect(e)}async refreshVisitor(t){if(t===null||!this.state.essential.isFirstLoad||!this.testConfigs.some(i=>i.visitorOption!=="all"))return;this.log("Refreshing visitor"),this.hidePage();const e=await this.getVisitor(t);e&&e.id&&this.updateLocalVisitor(e)}buildBaseVisitor(){return{shopifyAnalyticsId:this.shopifyAnalyticsId,device:this.device,country:null,...this.state.essential.initialState}}getInitialState(){const t=this.getUTMValue("utm_source")??"",e=this.getUTMValue("utm_medium")??"",i=this.getUTMValue("utm_campaign")??"",s=this.getUTMValue("utm_content")??"",r=window.document.referrer,n=this.device;return{createdAt:new Date,utmSource:t,utmMedium:e,utmCampaign:i,utmContent:s,referrer:r,device:n}}checkForThemePreview(){return this.log("Checking for theme preview"),window.location.hostname.endsWith(".shopifypreview.com")?(this.log("on shopify preview domain"),this.clearThemeBar(!0,!1,this.state),document.querySelector("#sl-preview-bar-hide")?.remove(),!1):this.isThemePreview()?this.state.essential.visitorTests.some(t=>t.isThemeTest&&t.hypothesisId!=null&&this.getHypothesis(t.hypothesisId)&&t.themeId===themeId)?(this.log("On active theme test, removing theme bar"),this.clearThemeBar(!1,!0,this.state),!1):this.state.essential.visitorTests.some(t=>t.isThemeTest&&t.hypothesisId!=null&&!this.getHypothesis(t.hypothesisId)&&t.themeId===themeId)?(this.log("Visitor is on an inactive theme test, redirecting to main theme"),this.redirectToMainTheme(),!0):this.state.essential.isFirstLoad?(this.log("No visitor found on theme preview, redirecting to main theme"),this.redirectToMainTheme(),!0):this.inactiveTestConfigs.some(t=>t.hypotheses.some(e=>e.themeId===themeId))?(this.log("Current theme is an inactive theme test, redirecting to main theme"),this.redirectToMainTheme(),!0):this.testConfigs.some(t=>t.hypotheses.some(e=>e.themeId===themeId))?(this.log("Falling back to clearing theme bar"),this.clearThemeBar(!1,!0,this.state),!1):(this.log("No tests on current theme, skipping script"),this.clearThemeBar(!0,!1,this.state),document.querySelector("#sl-preview-bar-hide")?.remove(),!0):(this.log("Not on theme preview"),this.clearThemeBar(!0,!1,this.state),!1)}redirectToMainTheme(){this.hidePage();const t=new URL(window.location.toString());t.searchParams.set("preview_theme_id",""),this.queueRedirect(t)}testsForUrl(t){const e=new URL(window.location.href),i=this.typeFromTemplate();return t.filter(s=>s.hypotheses.some(r=>r.type!=="dom"&&r.type!=="price"&&(r.isControl&&r.type===i&&r.affix===template.suffix||r.type==="theme"||r.isControl&&r.type==="urlRedirect"&&r.redirectPath&&e.pathname.endsWith(r.redirectPath)||r.type==="basicScript"))&&(s.ignoreTestViewParameterEnforcement||!e.searchParams.has("view")||s.hypotheses.map(r=>r.affix).includes(e.searchParams.get("view")??"")))}domTestsForUrl(t){const e=new URL(window.location.href);return t.filter(i=>i.hypotheses.some(s=>s.type!=="dom"&&s.type!=="price"?!1:s.type==="price"&&s.priceData&&s.priceData.variants.length>0?!0:s.domSelectors&&s.domSelectors.some(r=>new RegExp(it(r)).test(e.toString()))))}async filterTestsByAudience(t,e,i){const s=[];let r=e.country;!r&&t.some(n=>n.requiresCountry&&!i.some(o=>o.testId===n.id))&&(this.log("Hiding page to check geoip"),this.hidePage(),r=await this.makeJsonRequest({method:"get",url:`${this.eventHost}/api/v0/visitors/get-country`,signal:AbortSignal.timeout(this.getCountryTimeout)}).catch(n=>(this.log("Error getting country",n),null)));for(const n of t){if(this.log("Checking audience for test '%s'",n.id),this.state.essential.visitorTests.some(c=>c.testId===n.id&&c.hypothesisId==null)){console.log(`Skipping blocked test '${n.id}'`);continue}const o=this.visitorCreatedDuringTestActive(n.statusHistory);(i.some(c=>c.testId===n.id&&(n.device==="all"||n.device===e.device&&n.device===this.device))||this.isTargetAudience(n,e,o,r))&&(this.log("Visitor is in audience for test '%s'",n.id),s.push(n))}this.testsFilteredByAudience=s}isTargetAudience(t,e,i,s){const r=this.getChannel(e);return(t.device==="all"||t.device===e.device&&t.device===this.device)&&(t.visitorOption==="all"||t.visitorOption==="new"&&i||t.visitorOption==="returning"&&!i)&&(t.targetAudiences.length===0||t.targetAudiences.reduce((n,o)=>n||o.reduce((l,c)=>l&&c(e,i,r,s),!0),!1))}visitorCreatedDuringTestActive(t){let e="";for(const i of t){if(this.state.analytics.visitor!==null&&this.state.analytics.visitor.createdAt<i.createdAt||this.state.essential.initialState.createdAt<i.createdAt)break;e=i.status}return e==="active"}getDomTestsForCurrentUrl(){return this.domTestsForUrl(this.testsFilteredByAudience)}getCurrentVisitorHypothesis(t){return t.flatMap(e=>e.hypotheses).find(e=>e.type!=="dom"&&e.type!=="price"&&this.state.essential.visitorTests.some(i=>i.hypothesisId===e.id))}getVisitorDomHypothesis(t){return t.flatMap(e=>e.hypotheses).filter(e=>(e.type==="dom"||e.type==="price")&&this.state.essential.visitorTests.some(i=>i.hypothesisId===e.id))}getHypothesis(t){return this.testConfigs.filter(e=>e.hypotheses.some(i=>i.id===t)).map(e=>e.hypotheses.find(i=>i.id===t))[0]}getActiveAssignment(){if(this.state.temporary.isMerchant&&this.state.temporary.previewConfig){const e=this.state.temporary.previewConfig;return e.currentVariant&&e.testId?{testId:e.testId,hypothesisId:e.currentVariant}:null}const t=this.state.essential.visitorTests.find(e=>e.hypothesisId);return t?.hypothesisId?{testId:t.testId,hypothesisId:t.hypothesisId}:null}findActiveSubscriptionTestControl(){for(const t of this.testConfigs){const e=t.hypotheses.find(i=>i.isControl);if(e?.subscriptionData)return{testId:t.id,hypothesis:e}}return null}getDomSelectorsForHypothesis(t){if(!t)return[];if(t.domSelectors&&t.domSelectors.length>0)return t.domSelectors;if(t.priceData){const e=`${this.priceSelectorsSessionKey}_${t.id}`;try{const s=sessionStorage.getItem(e);if(s){const r=JSON.parse(s);return t.domSelectors=r,this.log("Loaded %d price selectors from cache for hypothesis '%s'",r.length,t.id),r}}catch{}const i=Ot(t.priceData);t.domSelectors=i;try{sessionStorage.setItem(e,JSON.stringify(i)),this.log("Generated and cached %d price selectors for hypothesis '%s'",i.length,t.id)}catch{this.log("Generated %d price selectors for hypothesis '%s' (cache unavailable)",i.length,t.id)}return i}return[]}hasThemeTest(t){return t.some(e=>e.hypotheses.some(i=>i.type==="theme"))}hasTestThatIsNotThemeTest(t){return t.some(e=>e.hypotheses.some(i=>i.type!=="theme"&&i.type!=="dom"&&i.type!=="price"))}hasThemeAndOtherTestTypes(t){return this.hasThemeTest(t)&&this.hasTestThatIsNotThemeTest(t)}testIsPaused(t){return t.status==="paused"||t.status==="incompatible"||t.status==="suspended"}visitorActiveTestType(){const t=this.state.essential.visitorTests.filter(e=>this.testConfigs.some(i=>i.hypotheses.some(s=>s.id==e.hypothesisId)));return t.length===0?null:t.some(e=>e.isThemeTest)?"theme":"templateOrUrlRedirect"}getReservationType(t){return t==="price"||this.isTemplateTestType(t)?"deferred":"immediate"}isTemplateTestType(t){return["product","collection","landing","index","cart","search","blog","article","collectionList"].includes(t)}getEntryCriteriaKey(t){const e=t.hypotheses.find(i=>i.isControl);if(!e)return`unknown:${t.id}`;switch(e.type){case"theme":return"global:theme";case"basicScript":return"global:autoApi";case"price":return"global:price";case"manualScript":return`conditional:manualApi:${t.id}`;case"urlRedirect":return`conditional:url:${e.redirectPath||"unknown"}`;default:return`conditional:template:${e.type}`}}isGlobalEntryCriteria(t){return t.startsWith("global:")}groupTestsByEntryCriteria(t){const e=new Map;for(const i of t){const s=this.getEntryCriteriaKey(i),r=e.get(s)||[];r.push(i),e.set(s,r)}return e}doesCurrentPageMatchEntryCriteria(t){if(this.isGlobalEntryCriteria(t))return!0;if(t==="conditional:manualApi")return!1;if(t.startsWith("conditional:url:")){const e=t.replace("conditional:url:","");return window.location.pathname.endsWith(e)}if(t.startsWith("conditional:template:")){const e=t.replace("conditional:template:","");return this.typeFromTemplate()===e}return!1}hasActiveReservation(){const t=this.getActiveReservations();return Object.values(t).some(e=>!e.isRealized)}getActiveReservation(){const t=this.getActiveReservations();return Object.values(t).find(e=>!e.isRealized)??null}clearStaleReservations(){const t=this.state.temporary.testReservations;if(!t)return;let e=!1;for(const[i,s]of Object.entries(t)){const r=this.testConfigs.find(o=>o.id===s.testId);if(!r){this.log("Test '%s' no longer in config, clearing reservation for criteria '%s'",s.testId,i),delete t[i],e=!0;continue}if(r.status!=="active"){this.log("Test '%s' status is '%s', clearing reservation for criteria '%s'",s.testId,r.status,i),delete t[i],e=!0;continue}this.testsFilteredByAudience.some(o=>o.id===s.testId)||(this.log("Visitor no longer passes audience for test '%s', clearing reservation for criteria '%s'",s.testId,i),delete t[i],e=!0)}e&&this.persistTemporaryState()}createReservations(t){if(this.state.temporary.testReservations||(this.state.temporary.testReservations={}),this.state.temporary.rolledEntryCriteria||(this.state.temporary.rolledEntryCriteria=[]),this.state.temporary.testCategory==="global"){this.createSingleReservation(t,"global");return}const i=t.filter(o=>this.doesCurrentPageMatchEntryCriteria(this.getEntryCriteriaKey(o))),s=t.filter(o=>!this.doesCurrentPageMatchEntryCriteria(this.getEntryCriteriaKey(o)));this.log("Conditional tests split - matching current page: %d, not matching: %d",i.length,s.length),i.length>0&&this.log("Tests matching current page (same pool): %o",i.map(o=>({id:o.id,title:o.title,criteria:this.getEntryCriteriaKey(o)})));const r=`conditional:current-page:${this.typeFromTemplate()}`;if(i.length>0&&!this.state.temporary.rolledEntryCriteria.includes(r)){this.createSingleReservation(i,r);for(const o of i){const l=this.getEntryCriteriaKey(o);this.state.temporary.rolledEntryCriteria.includes(l)||this.state.temporary.rolledEntryCriteria.push(l)}}const n=this.groupTestsByEntryCriteria(s);for(const[o,l]of n){if(this.state.temporary.rolledEntryCriteria.includes(o)){this.log("Already rolled for criteria '%s', skipping",o);continue}if(l.some(S=>this.state.essential.visitorTests.some(P=>P.testId===S.id))){this.log("Visitor already has VT for criteria '%s', skipping",o),this.state.temporary.rolledEntryCriteria.push(o);continue}const d=[...l].sort((S,P)=>S.id.localeCompare(P.id));this.log("Test dice roll for criteria '%s' - available tests: %o",o,d.map(S=>({id:S.id,title:S.title})));const p=Math.floor(Math.random()*d.length),h=d[p];this.log("Test dice roll: picked index %d of %d, selected test '%s' (%s)",p+1,l.length,h.id,h.title);const u=this.pickHypothesis(h);if(!u){this.log("No hypothesis picked for test '%s'",h.id);continue}this.sendDiagnosticTelemetry("assignment",h.id,{hypothesisId:u.id,isControl:u.isControl,testType:u.type});const b=this.getReservationType(u.type),k={testId:h.id,hypothesisId:u.id,testType:u.type,reservationType:b,isThemeTest:u.type==="theme",themeId:u.themeId,createdAt:new Date,isRealized:!1,entryCriteriaKey:o};this.state.temporary.testReservations[o]=k,this.state.temporary.rolledEntryCriteria.push(o),this.log("Created %s reservation for test '%s' (criteria: %s)",b,h.id,o);for(const S of l)S.id!==h.id&&this.markTestAsBlocked(S,o)}this.persistTemporaryState()}createSingleReservation(t,e){if(this.state.temporary.rolledEntryCriteria.includes(e)){this.log("Already rolled for pool '%s', skipping",e);return}if(t.some(p=>this.state.essential.visitorTests.some(h=>h.testId===p.id&&!h.isInvalid))){this.log("Visitor already has VT for pool '%s', skipping",e),this.state.temporary.rolledEntryCriteria.push(e);return}if(t.length===0){this.log("No tests in pool '%s'",e);return}const s=[...t].sort((p,h)=>p.id.localeCompare(h.id));this.log("Test dice roll for pool '%s' - available tests: %o",e,s.map(p=>({id:p.id,title:p.title,criteria:this.getEntryCriteriaKey(p)})));const r=Math.floor(Math.random()*s.length),n=s[r];this.log("Test dice roll: picked index %d of %d, selected test '%s' (%s)",r,t.length,n.id,n.title);const o=this.pickHypothesis(n);if(!o){this.log("No hypothesis picked for test '%s'",n.id);return}this.sendDiagnosticTelemetry("assignment",n.id,{hypothesisId:o.id,isControl:o.isControl,testType:o.type});const l=this.getReservationType(o.type),c=this.getEntryCriteriaKey(n),d={testId:n.id,hypothesisId:o.id,testType:o.type,reservationType:l,isThemeTest:o.type==="theme",themeId:o.themeId,createdAt:new Date,isRealized:!1,entryCriteriaKey:c};this.state.temporary.testReservations[c]=d,this.state.temporary.rolledEntryCriteria.push(e),this.log("Created %s reservation for test '%s' from pool '%s' (criteria: %s)",l,n.id,e,c);for(const p of t)p.id!==n.id&&this.markTestAsBlocked(p,`pool:${e}`);this.persistTemporaryState()}markTestAsBlocked(t,e){this.state.essential.visitorTests.some(i=>i.testId===t.id)||(this.log("Blocking visitor from test '%s' (reason: %s)",t.id,e),this.state.essential.visitorTests.push({createdAt:new Date,testId:t.id,hypothesisId:null,isThemeTest:t.hypotheses.some(i=>i.type==="theme"),shouldSendToGa:!1,isSaved:!0,isInvalid:!0,themeId:void 0}))}realizeReservationForCriteria(t){const e=this.state.temporary.testReservations?.[t];if(!e)return this.log("No reservation found for criteria '%s'",t),!1;if(e.isRealized)return this.log("Reservation already realized for criteria '%s'",t),!1;if(this.state.essential.visitorTests.some(s=>s.testId===e.testId&&!s.isInvalid))return this.log("Visitor already assigned to test '%s'",e.testId),!1;const i=this.getHypothesis(e.hypothesisId);return i?(e.isRealized=!0,this.persistTemporaryState(),this.queueAddVisitorToTest(e.testId,i),this.saveState(),this.log("Realized reservation for test '%s' (criteria: %s)",e.testId,t),!0):(this.log("Hypothesis '%s' not found",e.hypothesisId),!1)}getActiveReservations(){return this.state.temporary.testReservations??{}}getReservationForCurrentPage(){const t=this.getActiveReservations();for(const[e,i]of Object.entries(t)){if(i.isRealized)continue;const s=this.testConfigs.find(r=>r.id===i.testId);if(!(!s||s.status!=="active")&&this.doesCurrentPageMatchEntryCriteria(e))return i}return null}getReservationForTest(t){const e=this.getActiveReservations();return Object.values(e).find(i=>i.testId===t)??null}getReservationTestType(){const t=this.getActiveReservations(),e=Object.values(t);if(e.length===0)return null;for(const i of e)if(i.isThemeTest)return"theme";for(const i of e)if(i.testType==="price")return"price";return e.some(i=>!i.isRealized)?"templateOrUrlRedirect":null}hasPriceTests(t){return t.some(e=>e.hypotheses.some(i=>i.type==="price"))}_priceTestProductIds=null;getPriceTestProductIds(){if(this._priceTestProductIds)return this._priceTestProductIds;const t=new Set;for(const e of this.testConfigs)for(const i of e.hypotheses)if(i.type==="price"){for(const s of i.domSelectors||[]){const r=s.cssSelector.match(/data-sl-attribute-(?:p|cap)="(\d+)"/);r?.[1]&&t.add(r[1])}if(i.priceData?.variants)for(const[s]of i.priceData.variants)t.add(s)}return this._priceTestProductIds=t,this.log("Built price test product ID cache with %d products",t.size),t}isProductInAnyPriceTest(t){return this.getPriceTestProductIds().has(t)}visitorActiveTestTypeWithReservations(){const t=this.getActiveReservations();for(const r of Object.values(t)){if(r.isThemeTest)return"theme";if(r.testType==="price")return"price"}if(Object.values(t).some(r=>!r.isRealized)){if(this.state.temporary.testCategory==="global")for(const n of Object.values(t)){if(n.testType==="theme")return"theme";if(n.testType==="price")return"price";if(n.testType==="basicScript")return"theme"}return"templateOrUrlRedirect"}const i=this.state.essential.visitorTests.filter(r=>!r.isInvalid&&this.testConfigs.some(n=>n.hypotheses.some(o=>o.id===r.hypothesisId)));return i.length===0?null:i.some(r=>this.getHypothesis(r.hypothesisId)?.type==="price")?"price":i.some(r=>r.isThemeTest)?"theme":"templateOrUrlRedirect"}applyControlForAudienceFilteredPriceTests(){const t=this.testConfigs.filter(s=>s.status==="active"&&s.hypotheses.some(r=>r.type==="price"));if(t.length===0)return;const e=this.testsFilteredByAudience.filter(s=>s.hypotheses.some(r=>r.type==="price")),i=t.filter(s=>!e.some(r=>r.id===s.id));if(i.length!==0){this.log("Found %d price tests filtered by audience, applying control selectors",i.length);for(const s of i){const r=s.hypotheses.find(c=>c.isControl),n=this.getDomSelectorsForHypothesis(r);if(n.length===0){this.log("No control selectors for audience-filtered price test '%s'",s.id);continue}const o=new URL(window.location.href);n.some(c=>{try{return new RegExp(it(c)).test(o.toString())}catch{return!1}})&&(this.log("Applying control selectors for audience-filtered price test '%s'",s.id),U(document,{testId:s.id,hypothesisId:r.id,selectors:n},()=>{}),this.updatePriceTestHiddenInputs(s.id,"control",!1))}}}pickHypothesis(t){let e=Math.random();const i=t.hypotheses.reduce((r,n)=>r+n.visitorCount,0);return t.hypotheses.sort((r,n)=>r.isControl?n.isControl?0:-1:n.isControl?1:0).reduce((r,n)=>{if(r!==null)return r;const l=t.hypotheses.reduce((c,d)=>c&&d.visitorCount>20,!0)?n.visitorCount/i-n.trafficPercentage:0;return e<=n.trafficPercentage-l?n:(e-=n.trafficPercentage-l,null)},null)}typeFromTemplate(){switch(template.type){case"list-collections":return"collectionList";case"page":return"landing";case"article":case"blog":case"cart":case"collection":case"index":case"product":case"search":return template.type;default:return null}}queueRedirect(t){this.saveState(),this.disableReferrerOverride||(this.log(`Saving temporary referrer override '${document.referrer}'`),this.state.temporary.originalReferrer=document.referrer,this.persistTemporaryState()),window.setTimeout(()=>window.location.assign(t),0),window.setTimeout(()=>{this.syncAllEvents()},2e3)}scheduleRetrySync(){this.clientIdRetryCount>=5||(this.clientIdRetryCount++,window.setTimeout(()=>{this.syncAllEvents()},500))}async syncAllEvents(){const t=async()=>{if(this.isSyncing){window.setTimeout(()=>{(async()=>await t())()},500);return}try{if(this.isSyncing=!0,this.syncGAEvents(),this.shopifyAnalyticsId||(this.shopifyAnalyticsId=this.getShopifyAnalyticsId()),!this.shopifyAnalyticsId){this.scheduleRetrySync();return}await this.syncEvents()}finally{this.isSyncing=!1}};await t()}async syncEvents(){if(!this.state.essential.consentApproved||!this.shopifyAnalyticsId||this.state.analytics.queue.length===0)return;const t=this.state.analytics.queue.length,e=this.state.analytics.queue.splice(0,t);this.log("Syncing %s events",t);try{const i={shop:this.shop,visitorDetails:{shopifyAnalyticsId:this.shopifyAnalyticsId,device:this.state.analytics.visitor?.device??this.device,country:this.state.analytics.visitor?.country??null,...this.state.essential.initialState},events:this.state.essential.visitorTests.filter(r=>!r.isInvalid&&!r.isSaved&&r.hypothesisId!=null).map(r=>new yt(r.testId,r.hypothesisId,r.createdAt)).concat(e)};await this.sendEvents(i);for(const r of this.state.essential.visitorTests.filter(n=>!n.isInvalid&&!n.isSaved&&n.hypothesisId!=null))this.sendDiagnosticTelemetry("event-delivered",r.testId,{hypothesisId:r.hypothesisId,isControl:r.assignedTo==="control",testType:r.testType??"unknown"});const s=await this.getVisitor(this.shopifyAnalyticsId);s!==null&&this.updateLocalVisitor(s);for(const r of this.state.essential.visitorTests.filter(n=>!n.isInvalid&&!n.isSaved))r.isSaved=!0,r.savedAt=Date.now()}catch{this.state.analytics.queue.splice(0,0,...e)}finally{this.saveState()}}syncGAEvents(){if(!this.gaConfig.sendEvents){if(pt)return;pt=!0,this.log("UseGtag is false — skipping GA Events");return}if(this.isSyncingGA){this.log("Already syncing GA - skipping GA events");return}const t=this.state.essential.visitorTests.filter(e=>e.shouldSendToGa);t.length!==0&&(this.isSyncingGA=!0,this.log("Syncing %s GA Events",t.length),Promise.allSettled(t.map(e=>this.sendGAEvent(e))).then(()=>this.log("All gtag events sent")).finally(()=>this.isSyncingGA=!1))}sendGAEvent(t){return new Promise(e=>{this.log("Sending GA Event for test %s, hypothesis %s",t.testId,t.hypothesisId);const i=()=>{this.log("GA acknowledged event for hypothesis %s",t.hypothesisId),t.shouldSendToGa=!1,this.persistEssentialState(),e()},s={exp_variant_string:`SL-${t.testId}-${t.hypothesisId}`};this.shopliftDebug&&Object.assign(s,{debug_mode:!0});function r(n,o,l){window.dataLayer=window.dataLayer||[],window.dataLayer.push(arguments)}this.gaConfig.mode==="gtag"?r("event","experience_impression",{...s,event_callback:i}):(window.dataLayer=window.dataLayer||[],window.dataLayer.push({event:"experience_impression",...s,eventCallback:i}))})}updateLocalVisitor(t){let e;({visitorTests:e,...this.state.analytics.visitor}=t),this.log("updateLocalVisitor - server returned %d tests: %o",e.length,e.map(s=>({testId:s.testId,hypothesisId:s.hypothesisId,isInvalid:s.isInvalid}))),this.log("updateLocalVisitor - local has %d tests: %o",this.state.essential.visitorTests.length,this.state.essential.visitorTests.map(s=>({testId:s.testId,hypothesisId:s.hypothesisId,isSaved:s.isSaved,isInvalid:s.isInvalid})));const i=300*1e3;for(const s of this.state.essential.visitorTests.filter(r=>r.isSaved&&(!r.savedAt||Date.now()-r.savedAt>i)&&!e.some(n=>n.testId===r.testId)))this.log("updateLocalVisitor - marking LOCAL test as INVALID (isSaved && not in server): testId=%s, hypothesisId=%s",s.testId,s.hypothesisId),s.isInvalid=!0;for(const s of e){const r=this.state.essential.visitorTests.findIndex(o=>o.testId===s.testId);if(!(r!==-1))this.log("updateLocalVisitor - ADDING server test (not found locally): testId=%s, hypothesisId=%s",s.testId,s.hypothesisId),this.state.essential.visitorTests.push(s);else{const o=this.state.essential.visitorTests.at(r);this.log("updateLocalVisitor - REPLACING local test with server test: testId=%s, local hypothesisId=%s -> server hypothesisId=%s, local isInvalid=%s -> false",s.testId,o?.hypothesisId,s.hypothesisId,o?.isInvalid),s.isInvalid=!1,s.shouldSendToGa=o?.shouldSendToGa??!1,s.testType=o?.testType,s.assignedTo=o?.assignedTo,s.testTitle=o?.testTitle,this.state.essential.visitorTests.splice(r,1,s)}}this.log("updateLocalVisitor - FINAL local tests: %o",this.state.essential.visitorTests.map(s=>({testId:s.testId,hypothesisId:s.hypothesisId,isSaved:s.isSaved,isInvalid:s.isInvalid}))),this.state.analytics.visitor.storedAt=new Date}async getVisitor(t){try{return await this.makeJsonRequest({method:"get",url:`${this.eventHost}/api/v0/visitors/by-key/${this.shop}/${t}`})}catch{return null}}async sendEvents(t){await this.makeRequest({method:"post",url:`${this.eventHost}/api/v0/events`,data:JSON.stringify(t)})}sendDiagnosticTelemetry(t,e,i){if(!this.telemetryEnabled||!navigator.sendBeacon)return;const s=this.state.essential.consentApproved,r=JSON.stringify({shop:this.shop,testId:e,checkpoint:t,device:this.device,...s?{visitorId:this.shopifyAnalyticsId??"unknown"}:{},clientTimestamp:Date.now(),consentApproved:s,hasConsentInteraction:this.state.essential.hasConsentInteraction,...i});navigator.sendBeacon(`${this.eventHost}/api/v0/telemetry`,new Blob([r],{type:"text/plain"}))}getUTMValue(t){const i=decodeURIComponent(window.location.search.substring(1)).split("&");for(let s=0;s<i.length;s++){const r=i[s].split("=");if(r[0]===t)return r[1]||null}return null}hidePage(t){this.log("Hiding page"),this.cssHideClass&&!window.document.documentElement.classList.contains(this.cssHideClass)&&(window.document.documentElement.classList.add(this.cssHideClass),t||setTimeout(this.removeAsyncHide(this.cssHideClass),2e3))}showPage(){this.cssHideClass&&this.removeAsyncHide(this.cssHideClass)()}getDeviceType(){function t(){let i=!1;return(function(s){(/(android|bb\d+|meego).+mobile|avantgo|bada\/|blackberry|blazer|compal|elaine|fennec|hiptop|iemobile|ip(hone|od)|iris|kindle|lge |maemo|midp|mmp|mobile.+firefox|netfront|opera m(ob|in)i|palm( os)?|phone|p(ixi|re)\/|plucker|pocket|psp|series(4|6)0|symbian|treo|up\.(browser|link)|vodafone|wap|windows ce|xda|xiino/i.test(s)||/1207|6310|6590|3gso|4thp|50[1-6]i|770s|802s|a wa|abac|ac(er|oo|s\-)|ai(ko|rn)|al(av|ca|co)|amoi|an(ex|ny|yw)|aptu|ar(ch|go)|as(te|us)|attw|au(di|\-m|r |s )|avan|be(ck|ll|nq)|bi(lb|rd)|bl(ac|az)|br(e|v)w|bumb|bw\-(n|u)|c55\/|capi|ccwa|cdm\-|cell|chtm|cldc|cmd\-|co(mp|nd)|craw|da(it|ll|ng)|dbte|dc\-s|devi|dica|dmob|do(c|p)o|ds(12|\-d)|el(49|ai)|em(l2|ul)|er(ic|k0)|esl8|ez([4-7]0|os|wa|ze)|fetc|fly(\-|_)|g1 u|g560|gene|gf\-5|g\-mo|go(\.w|od)|gr(ad|un)|haie|hcit|hd\-(m|p|t)|hei\-|hi(pt|ta)|hp( i|ip)|hs\-c|ht(c(\-| |_|a|g|p|s|t)|tp)|hu(aw|tc)|i\-(20|go|ma)|i230|iac( |\-|\/)|ibro|idea|ig01|ikom|im1k|inno|ipaq|iris|ja(t|v)a|jbro|jemu|jigs|kddi|keji|kgt( |\/)|klon|kpt |kwc\-|kyo(c|k)|le(no|xi)|lg( g|\/(k|l|u)|50|54|\-[a-w])|libw|lynx|m1\-w|m3ga|m50\/|ma(te|ui|xo)|mc(01|21|ca)|m\-cr|me(rc|ri)|mi(o8|oa|ts)|mmef|mo(01|02|bi|de|do|t(\-| |o|v)|zz)|mt(50|p1|v )|mwbp|mywa|n10[0-2]|n20[2-3]|n30(0|2)|n50(0|2|5)|n7(0(0|1)|10)|ne((c|m)\-|on|tf|wf|wg|wt)|nok(6|i)|nzph|o2im|op(ti|wv)|oran|owg1|p800|pan(a|d|t)|pdxg|pg(13|\-([1-8]|c))|phil|pire|pl(ay|uc)|pn\-2|po(ck|rt|se)|prox|psio|pt\-g|qa\-a|qc(07|12|21|32|60|\-[2-7]|i\-)|qtek|r380|r600|raks|rim9|ro(ve|zo)|s55\/|sa(ge|ma|mm|ms|ny|va)|sc(01|h\-|oo|p\-)|sdk\/|se(c(\-|0|1)|47|mc|nd|ri)|sgh\-|shar|sie(\-|m)|sk\-0|sl(45|id)|sm(al|ar|b3|it|t5)|so(ft|ny)|sp(01|h\-|v\-|v )|sy(01|mb)|t2(18|50)|t6(00|10|18)|ta(gt|lk)|tcl\-|tdg\-|tel(i|m)|tim\-|t\-mo|to(pl|sh)|ts(70|m\-|m3|m5)|tx\-9|up(\.b|g1|si)|utst|v400|v750|veri|vi(rg|te)|vk(40|5[0-3]|\-v)|vm40|voda|vulc|vx(52|53|60|61|70|80|81|83|85|98)|w3c(\-| )|webc|whit|wi(g |nc|nw)|wmlb|wonu|x700|yas\-|your|zeto|zte\-/i.test(s.substr(0,4)))&&(i=!0)})(navigator.userAgent||navigator.vendor),i}function e(){let i=!1;return(function(s){(/android|ipad|playbook|silk/i.test(s)||/1207|6310|6590|3gso|4thp|50[1-6]i|770s|802s|a wa|abac|ac(er|oo|s\-)|ai(ko|rn)|al(av|ca|co)|amoi|an(ex|ny|yw)|aptu|ar(ch|go)|as(te|us)|attw|au(di|\-m|r |s )|avan|be(ck|ll|nq)|bi(lb|rd)|bl(ac|az)|br(e|v)w|bumb|bw\-(n|u)|c55\/|capi|ccwa|cdm\-|cell|chtm|cldc|cmd\-|co(mp|nd)|craw|da(it|ll|ng)|dbte|dc\-s|devi|dica|dmob|do(c|p)o|ds(12|\-d)|el(49|ai)|em(l2|ul)|er(ic|k0)|esl8|ez([4-7]0|os|wa|ze)|fetc|fly(\-|_)|g1 u|g560|gene|gf\-5|g\-mo|go(\.w|od)|gr(ad|un)|haie|hcit|hd\-(m|p|t)|hei\-|hi(pt|ta)|hp( i|ip)|hs\-c|ht(c(\-| |_|a|g|p|s|t)|tp)|hu(aw|tc)|i\-(20|go|ma)|i230|iac( |\-|\/)|ibro|idea|ig01|ikom|im1k|inno|ipaq|iris|ja(t|v)a|jbro|jemu|jigs|kddi|keji|kgt( |\/)|klon|kpt |kwc\-|kyo(c|k)|le(no|xi)|lg( g|\/(k|l|u)|50|54|\-[a-w])|libw|lynx|m1\-w|m3ga|m50\/|ma(te|ui|xo)|mc(01|21|ca)|m\-cr|me(rc|ri)|mi(o8|oa|ts)|mmef|mo(01|02|bi|de|do|t(\-| |o|v)|zz)|mt(50|p1|v )|mwbp|mywa|n10[0-2]|n20[2-3]|n30(0|2)|n50(0|2|5)|n7(0(0|1)|10)|ne((c|m)\-|on|tf|wf|wg|wt)|nok(6|i)|nzph|o2im|op(ti|wv)|oran|owg1|p800|pan(a|d|t)|pdxg|pg(13|\-([1-8]|c))|phil|pire|pl(ay|uc)|pn\-2|po(ck|rt|se)|prox|psio|pt\-g|qa\-a|qc(07|12|21|32|60|\-[2-7]|i\-)|qtek|r380|r600|raks|rim9|ro(ve|zo)|s55\/|sa(ge|ma|mm|ms|ny|va)|sc(01|h\-|oo|p\-)|sdk\/|se(c(\-|0|1)|47|mc|nd|ri)|sgh\-|shar|sie(\-|m)|sk\-0|sl(45|id)|sm(al|ar|b3|it|t5)|so(ft|ny)|sp(01|h\-|v\-|v )|sy(01|mb)|t2(18|50)|t6(00|10|18)|ta(gt|lk)|tcl\-|tdg\-|tel(i|m)|tim\-|t\-mo|to(pl|sh)|ts(70|m\-|m3|m5)|tx\-9|up(\.b|g1|si)|utst|v400|v750|veri|vi(rg|te)|vk(40|5[0-3]|\-v)|vm40|voda|vulc|vx(52|53|60|61|70|80|81|83|85|98)|w3c(\-| )|webc|whit|wi(g |nc|nw)|wmlb|wonu|x700|yas\-|your|zeto|zte\-/i.test(s.substr(0,4)))&&(i=!0)})(navigator.userAgent||navigator.vendor),i}return t()?"mobile":e()?"tablet":"desktop"}removeAsyncHide(t){return()=>{t&&window.document.documentElement.classList.remove(t)}}async getCartState(){try{let t=await this.makeJsonRequest({method:"get",url:`${window.location.origin}/cart.js`});return t===null||(t.note===null&&(t=await this.makeJsonRequest({method:"post",url:`${window.location.origin}/cart/update.js`,data:JSON.stringify({note:""})})),t==null)?null:{token:t.token,total_price:t.total_price,total_discount:t.total_discount,currency:t.currency,items_subtotal_price:t.items_subtotal_price,items:t.items.map(e=>({quantity:e.quantity,variant_id:e.variant_id,key:e.key,price:e.price,final_line_price:e.final_line_price,sku:e.sku,product_id:e.product_id}))}}catch(t){return this.log("Error sending cart info",t),null}}ensureCartAttributesForExistingPriceTests(t){try{if(this.log("Checking visitor assignments for active price tests"),t&&this.state.temporary.previewConfig){const e=this.state.temporary.previewConfig;this.log("Using preview config for merchant:",e.testId);let i="variant";if(e.variants&&e.variants.length>0){const s=e.variants.find(r=>r.id===e.currentVariant);s&&s.isControl&&(i="control")}this.log("Merchant preview - updating hidden inputs:",e.testId,i),this.updatePriceTestHiddenInputs(e.testId,i,!0);return}for(const e of this.state.essential.visitorTests){const i=this.testConfigs.find(n=>n.id===e.testId);if(!i){this.log("Test config not found:",e.testId);continue}const s=i.hypotheses.find(n=>n.id===e.hypothesisId);if(!s||s.type!=="price")continue;const r=s.isControl?"control":"variant";this.log("Updating hidden inputs for price test:",e.testId,r),this.updatePriceTestHiddenInputs(e.testId,r,t)}}catch(e){this.log("Error ensuring cart attributes for existing price tests:",e)}}subscriptionSwapDone=!1;subscriptionHideWrongPlans=null;subscriptionPriceDone=!1;subscriptionUpdateOneTime=null;subscriptionOneTimeDone=!1;swapMap=null;slptValue=null;async subscriptionSwap(){await Lt(this)}async subscriptionPriceChange(){await qt(this)}async subscriptionOneTimePrice(){await Ht(this)}updatePriceTestHiddenInputs(t,e,i){try{this.cleanupPriceTestObservers();const s=`${t}:${e}:${i?"t":"f"}`,r=C=>{const m=C.getAttribute("data-sl-pid");if(!m)return!0;if(i&&this.state.temporary.previewConfig){const w=this.state.temporary.previewConfig,T=e==="control"?"a":"b",f=w.variants.find(v=>v.label===T);if(!f)return!1;for(const v of f.domSelectors||[]){const g=v.cssSelector.match(/data-sl-attribute-(?:p|cap)="(\d+)"/);if(g){const I=g[1];if(this.log(`Extracted ID from selector: ${I}, comparing to: ${m}`),I===m)return this.log("Product ID match found in preview config:",m,"variant:",f.label),!0}else this.log(`Could not extract ID from selector: ${v.cssSelector}`)}return this.log("No product ID match in preview config for:",m,"variant:",T),!1}const y=this.testConfigs.find(w=>w.id===t);if(!y)return this.log("Test config not found for testId:",t),!1;for(const w of y.hypotheses||[]){for(const T of w.domSelectors||[]){const f=T.cssSelector.match(/data-sl-attribute-(?:p|cap)="(\d+)"/);if(f&&f[1]===m)return this.log("Product ID match found in domSelectors:",m,"for test:",t),!0}if(w.priceData?.variants){for(const T of w.priceData.variants)if(T[0]===m)return this.log("Product ID match found in priceData:",m,"for test:",t),!0}}return this.log("No product ID match for:",m,"in test:",t),!1},n=new Set;let o=!1,l=null;const c=(C,m)=>{if(document.querySelectorAll("[data-sl-attribute-p]").forEach(w=>{if(w instanceof Element&&w.nodeType===Node.ELEMENT_NODE&&w.isConnected&&document.contains(w))try{C.observe(w,{childList:!0,subtree:!0,characterData:!0,characterDataOldValue:!0,attributes:!1})}catch(T){this.log(`Failed to observe element (${m}):`,T)}}),document.body&&document.body.isConnected)try{C.observe(document.body,{childList:!0,subtree:!0,characterData:!0,characterDataOldValue:!0,attributes:!1})}catch(w){this.log(`Failed to observe document.body (${m}):`,w)}},d=(C,m,y,w)=>{const T=C.filter(f=>{const v=f.cssSelector.match(/data-sl-attribute-(?:p|cap)="(\d+)"/);return v&&v[1]===w});this.log(`Applying ${y} DOM selectors, total: ${C.length}, filtered: ${T.length}`),T.length>0&&U(document,{testId:t,hypothesisId:m,selectors:T})},p=(C,m)=>{this.log(`Applying DOM selector changes for product ID: ${C}`),m.disconnect(),o=!0;try{if(i&&this.state.temporary.previewConfig){const y=e==="control"?"a":"b",w=this.state.temporary.previewConfig.variants.find(T=>T.label===y);if(!w?.domSelectors){this.log(`No DOM selectors found for preview variant: ${y}`);return}d(w.domSelectors,w.id,"preview config",C)}else{const y=this.testConfigs.find(T=>T.id===t);if(!y){this.log(`No test config found for testId: ${t}`);return}const w=y.hypotheses.find(T=>e==="control"?T.isControl:!T.isControl);if(!w?.domSelectors){this.log(`No DOM selectors found for assignment: ${e}`);return}d(w.domSelectors,w.id,"live config",C)}}finally{l!==null&&clearTimeout(l),l=window.setTimeout(()=>{o=!1,l=null,c(m,"reconnection"),this.log("Re-established innerHTML observer after DOM changes")},50)}},h=new MutationObserver(C=>{if(!o)for(const m of C){if(m.type!=="childList"&&m.type!=="characterData")continue;let y=m.target;m.type==="characterData"&&(y=m.target.parentElement||m.target.parentNode);let w=y,T=w.getAttribute("data-sl-attribute-p");for(;!T&&w.parentElement;)w=w.parentElement,T=w.getAttribute("data-sl-attribute-p");if(!T)continue;const f=w.innerHTML||w.textContent||"";let v="";m.type==="characterData"&&m.oldValue!==null&&(v=m.oldValue),this.log(`innerHTML changed on element with data-sl-attribute-p="${T}"`),v&&this.log(`Previous content: "${v}"`),this.log(`Current content: "${f}"`),p(T,h)}});c(h,"initial setup"),n.add(h);const u=new MutationObserver(C=>{C.forEach(m=>{m.addedNodes.forEach(y=>{if(y.nodeType===Node.ELEMENT_NODE){const w=y;k(w);const T=w.matches('input[name="properties[_slpt]"]')?[w]:w.querySelectorAll('input[name="properties[_slpt]"]');T.length>0&&this.log(`MutationObserver found ${T.length} new hidden input(s)`),T.forEach(f=>{const v=f.getAttribute("data-sl-pid");if(this.log(`MutationObserver checking new input with data-sl-pid="${v}"`),r(f))f.value!==s&&(f.value=s,this.log("Updated newly added hidden input:",s)),S(f);else{const g=f.getAttribute("data-sl-pid");g&&this.isProductInAnyPriceTest(g)?this.log("Preserving hidden input for product ID '%s' - belongs to a different price test",g):(f.remove(),this.log("Removed newly added non-matching hidden input for product ID:",g))}})}})})});n.add(u);const b=new MutationObserver(C=>{C.forEach(m=>{if(m.type==="attributes"&&m.attributeName==="data-sl-pid"){const y=m.target;if(this.log("AttributeObserver detected data-sl-pid attribute change on:",y.tagName),y.matches('input[name="properties[_slpt]"]')){const w=y,T=m.oldValue,f=w.getAttribute("data-sl-pid");this.log(`data-sl-pid changed from "${T}" to "${f}" - triggering payment placement updates`),r(w)?(w.value!==s&&(w.value=s,this.log("Updated hidden input after data-sl-pid change:",s)),f&&p(f,h),this.log("Re-running payment placement updates after variant change"),k(document.body)):f&&this.isProductInAnyPriceTest(f)?this.log("Preserving hidden input for product ID '%s' - belongs to a different price test",f):(w.remove(),this.log("Removed non-matching hidden input after data-sl-pid change:",f))}}})});n.add(b);const k=C=>{C.tagName==="SHOPIFY-PAYMENT-TERMS"&&(this.log("MutationObserver found new shopify-payment-terms element"),this.updateShopifyPaymentTerms(t,e));const m=C.querySelectorAll("shopify-payment-terms");m.length>0&&(this.log(`MutationObserver found ${m.length} shopify-payment-terms in added node`),this.updateShopifyPaymentTerms(t,e)),C.tagName==="AFTERPAY-PLACEMENT"&&(this.log("MutationObserver found new afterpay-placement element"),this.updateAfterpayPlacements(t,e,"afterpay"));const y=C.querySelectorAll("afterpay-placement");y.length>0&&(this.log(`MutationObserver found ${y.length} afterpay-placement in added node`),this.updateAfterpayPlacements(t,e,"afterpay")),C.tagName==="SQUARE-PLACEMENT"&&(this.log("MutationObserver found new square-placement element"),this.updateAfterpayPlacements(t,e,"square"));const w=C.querySelectorAll("square-placement");w.length>0&&(this.log(`MutationObserver found ${w.length} square-placement in added node`),this.updateAfterpayPlacements(t,e,"square")),C.tagName==="KLARNA-PLACEMENT"&&(this.log("MutationObserver found new klarna-placement element"),this.updateKlarnaPlacements(t,e));const T=C.querySelectorAll("klarna-placement");T.length>0&&(this.log(`MutationObserver found ${T.length} klarna-placement in added node`),this.updateKlarnaPlacements(t,e))},S=C=>{b.observe(C,{attributes:!0,attributeFilter:["data-sl-pid"],attributeOldValue:!0,subtree:!1});const m=C.getAttribute("data-sl-pid");this.log(`Started AttributeObserver on specific input with data-sl-pid="${m}"`)},P=()=>{const C=document.querySelectorAll('input[name="properties[_slpt]"]');this.log(`Found ${C.length} existing hidden inputs to check`),C.forEach(m=>{const y=m.getAttribute("data-sl-pid");this.log(`Checking existing input with data-sl-pid="${y}"`),r(m)?(m.value=s,this.log("Updated existing hidden input:",s),y&&(this.log("Applying initial DOM selector changes for existing product"),p(y,h)),S(m)):y&&this.isProductInAnyPriceTest(y)?this.log("Preserving hidden input for product ID '%s' - belongs to a different price test",y):(m.remove(),this.log("Removed non-matching hidden input for product ID:",y))})},_=()=>{document.body?(u.observe(document.body,{childList:!0,subtree:!0}),this.log("Started MutationObserver on document.body"),P(),k(document.body)):document.readyState==="loading"?document.addEventListener("DOMContentLoaded",()=>{document.body&&(u.observe(document.body,{childList:!0,subtree:!0}),this.log("Started MutationObserver after DOMContentLoaded"),P(),k(document.body))}):(this.log("Set timeout on observer"),setTimeout(_,10))};_(),window.__shopliftPriceTestObservers=n,window.__shopliftPriceTestValue=s,this.log("Set up DOM observer for price test hidden inputs")}catch(s){this.log("Error updating price test hidden inputs:",s)}}updateKlarnaPlacements(t,e){this.updatePlacementElements(t,e,"klarna-placement",(i,s)=>{i.setAttribute("data-purchase-amount",s.toString())})}cleanupPriceTestObservers(){const t=window.__shopliftPriceTestObservers;t&&(t.forEach(e=>{e.disconnect()}),t.clear(),this.log("Cleaned up existing price test observers")),delete window.__shopliftPriceTestObservers,delete window.__shopliftPriceTestValue}updateAfterpayPlacements(t,e,i="afterpay"){const s=i==="square"?"square-placement":"afterpay-placement";if(document.querySelectorAll(s).length===0){this.log(`No ${s} elements found on page - early return`);return}this.updatePlacementElements(t,e,s,(n,o)=>{if(i==="afterpay"){const l=(o/100).toFixed(2);n.setAttribute("data-amount",l)}else n.setAttribute("data-amount",o.toString())}),this.log("updateAfterpayPlacements completed")}updatePlacementElements(t,e,i,s){const r=document.querySelectorAll(i);if(r.length===0){this.log(`No ${i} elements found - early return`);return}let n;if(this.state.temporary.isMerchant&&this.state.temporary.previewConfig){const l=e==="control"?"a":"b",c=this.state.temporary.previewConfig.variants.find(d=>d.label===l);if(!c?.domSelectors){this.log(`No variant found for label ${l} in preview config for ${i}`);return}n=c.domSelectors,this.log(`Using preview config for ${i} in merchant mode, variant: ${l}`)}else{const l=this.testConfigs.find(d=>d.id===t);if(!l){this.log(`No testConfig found for id: ${t} - early return`);return}const c=l.hypotheses.find(d=>e==="control"?d.isControl:!d.isControl);if(!c?.domSelectors){this.log(`No hypothesis or domSelectors found for assignment: ${e} - early return`);return}n=c.domSelectors}const o=new RegExp(`${this.DATA_SL_ATTRIBUTE_P}=["'](\\d+)["']`);r.forEach(l=>{let c=null;const d=l.parentElement;if(d&&(c=d.querySelector('input[name="properties[_slpt]"]')),c||(c=l.querySelector('input[name="properties[_slpt]"]')),!c){this.log(`No hidden input found for ${i} element`);return}const p=c.getAttribute("data-sl-pid");if(!p){this.log("Hidden input has no data-sl-pid attribute - skipping");return}const h=n.find(S=>{const P=S.cssSelector.match(o);return P&&P[1]===p});if(!h){this.log(`No matching selector found for productId: ${p} - skipping element`);return}const u=h.actions.find(S=>S.scope==="price");if(!u?.value){this.log("No price action or value found - skipping element");return}const b=parseFloat(u.value.replace(/[^0-9.]/g,""));if(Number.isNaN(b)){this.log(`Invalid price "${u.value}" for product ${p} - skipping`);return}const k=Math.round(b*100);s(l,k)}),this.log(`updatePlacementElements completed for ${i}`)}updateShopifyPaymentTerms(t,e){const i=document.querySelectorAll("shopify-payment-terms");if(i.length===0)return;this.log("Store using shopify payments");let s;if(this.state.temporary.isMerchant&&this.state.temporary.previewConfig){const n=e==="control"?"a":"b",o=this.state.temporary.previewConfig.variants.find(l=>l.label===n);if(!o||!o.domSelectors){this.log(`No variant found for label ${n} in preview config`);return}s=o.domSelectors,this.log(`Using preview config for shopify-payment-terms in merchant mode, variant: ${n}`)}else{const n=this.testConfigs.find(l=>l.id===t);if(!n)return;const o=n.hypotheses.find(l=>e==="control"?l.isControl===!0:l.isControl===!1);if(!o||!o.domSelectors)return;s=o.domSelectors}const r=new RegExp(`${this.DATA_SL_ATTRIBUTE_P}=["'](\\d+)["']`);i.forEach(n=>{const o=n.getAttribute("variant-id");if(!o)return;const l=s.find(c=>{const d=c.cssSelector.match(r);return d&&d[1]===o});if(l){const c=l.actions.find(d=>d.scope==="price");if(c&&c.value){const d=n.getAttribute("shopify-meta");if(d)try{const p=JSON.parse(d);if(p.variants&&Array.isArray(p.variants)){const h=p.variants.find(u=>u.id?.toString()===o);if(h){h.full_price=c.value;const u=parseFloat(c.value.replace(/[^0-9.]/g,""));if(h.number_of_payment_terms&&h.number_of_payment_terms>1){const b=u/h.number_of_payment_terms;h.price_per_term=`$${b.toFixed(2)}`}n.setAttribute("shopify-meta",JSON.stringify(p))}}}catch(p){this.log("Error parsing/updating shoplift-meta:",p)}}}})}async makeJsonRequest(t){const e=await this.makeRequest(t);return e===null?null:JSON.parse(await e.text(),F)}async makeRequest(t){const{url:e,method:i,headers:s,data:r,signal:n}=t,o=new Headers;if(s)for(const c in s)o.append(c,s[c]);(!s||!s.Accept)&&o.append("Accept","application/json"),(!s||!s["Content-Type"])&&o.append("Content-Type","application/json"),(this.eventHost.includes("ngrok.io")||this.eventHost.includes("ngrok-free.app"))&&o.append("ngrok-skip-browser-warning","1234");const l=await this.fetch(e,{method:i,headers:o,body:r,signal:n});if(!l.ok){if(l.status===204)return null;if(l.status===422){const c=await l.json();if(typeof c<"u"&&c.isBot)throw new et}throw new Error(`Error sending shoplift request ${l.status}`)}return l}queueAddVisitorToTest(t,e){if(this.state.essential.visitorTests.some(s=>s.testId===t))return;const i=this.testConfigs.find(s=>s.id===t);if(this.state.essential.visitorTests.push({createdAt:new Date,testId:t,hypothesisId:e.id,isThemeTest:e.type==="theme",themeId:e.themeId,isSaved:!1,isInvalid:!1,shouldSendToGa:!0,testType:e.type,assignedTo:e.isControl?"control":"variant",testTitle:i?.title}),e.type==="price"){const s=e.isControl?"control":"variant";this.log("Price test assignment detected, updating cart attributes:",t,s),this.updatePriceTestHiddenInputs(t,s,!1)}}queueCartUpdate(t){this.queueEvent(new wt(t))}queuePageView(t){this.queueEvent(new vt(t))}queueEvent(t){!this.state.essential.consentApproved&&this.state.essential.hasConsentInteraction||this.state.analytics.queue.length>10||this.state.analytics.queue.push(t)}legacyGetLocalStorageVisitor(){const t=this.localStorageGet(this.legacySessionKey);if(t)try{return JSON.parse(t,F)}catch{}return null}pruneStaleVisitorTests(){this.state.essential.visitorTests=this.state.essential.visitorTests.filter(t=>this.testConfigs.some(e=>e.id==t.testId)||this.inactiveTestConfigs.filter(e=>this.testIsPaused(e)).some(e=>e.id===t.testId))}pruneStateAndSave(){this.pruneStaleVisitorTests(),this.saveState()}saveState(){this.persistEssentialState(),this.persistAnalyticsState()}loadState(){const t=this.loadAnalyticsState(),e={analytics:t,essential:this.loadEssentialState(t),temporary:this.loadTemporaryState()},i=this.legacyGetLocalStorageVisitor(),s=this.legacyGetCookieVisitor(),r=[i,s].filter(n=>n!==null).sort((n,o)=>+o.storedAt-+n.storedAt)[0];return e.analytics.visitor===null&&r&&({visitorTests:e.essential.visitorTests,...e.analytics.visitor}=r,e.essential.isFirstLoad=!1,e.essential.initialState={createdAt:r.createdAt,referrer:r.referrer,utmCampaign:r.utmCampaign,utmContent:r.utmContent,utmMedium:r.utmMedium,utmSource:r.utmSource,device:r.device},this.deleteCookie("SHOPLIFT"),this.deleteLocalStorage(this.legacySessionKey)),!e.essential.consentApproved&&e.essential.hasConsentInteraction&&this.deleteLocalStorage(this.analyticsSessionKey),e}loadEssentialState(t){const e=this.loadLocalStorage(this.essentialSessionKey),i=this.loadCookie(this.essentialSessionKey),s=this.getInitialState();t.visitor?.device&&(s.device=t.visitor.device);const r={timestamp:new Date,consentApproved:!1,hasConsentInteraction:!1,debugMode:!1,initialState:s,visitorTests:[],isFirstLoad:!0},n=[e,i].filter(o=>o!==null).sort((o,l)=>+l.timestamp-+o.timestamp)[0]??r;return n.initialState||(t.visitor!==null?n.initialState=t.visitor:(n.initialState=s,n.initialState.createdAt=n.timestamp)),n}loadAnalyticsState(){const t=this.loadLocalStorage(this.analyticsSessionKey),e=this.loadCookie(this.analyticsSessionKey),i={timestamp:new Date,visitor:null,queue:[]},s=[t,e].filter(r=>r!==null).sort((r,n)=>+n.timestamp-+r.timestamp)[0]??i;return s.queue.length===0&&t&&t.queue.length>1&&(s.queue=t.queue),s}loadTemporaryState(){const t=this.sessionStorageGet(this.temporarySessionKey),e=t?JSON.parse(t,F):null,i=this.loadCookie(this.temporarySessionKey);return e??i??{isMerchant:!1,timestamp:new Date}}persistEssentialState(){this.log("Persisting essential state"),this.state.essential.isFirstLoad=!1,this.state.essential.timestamp=new Date,this.persistLocalStorageState(this.essentialSessionKey,this.state.essential),this.persistCookieState(this.essentialSessionKey,this.state.essential)}persistAnalyticsState(){this.log("Persisting analytics state"),this.state.essential.consentApproved&&(this.state.analytics.timestamp=new Date,this.persistLocalStorageState(this.analyticsSessionKey,this.state.analytics),this.persistCookieState(this.analyticsSessionKey,{...this.state.analytics,queue:[]}))}persistTemporaryState(){this.log("Setting temporary session state"),this.state.temporary.timestamp=new Date,this.sessionStorageSet(this.temporarySessionKey,JSON.stringify(this.state.temporary)),this.persistCookieState(this.temporarySessionKey,this.state.temporary,!0)}loadLocalStorage(t){const e=this.localStorageGet(t);if(e===null)return null;try{return JSON.parse(e,F)}catch{return null}}loadCookie(t){const e=this.getCookie(t);if(e===null)return null;try{return JSON.parse(e,F)}catch{return null}}persistLocalStorageState(t,e){this.localStorageSet(t,JSON.stringify(e))}persistCookieState(t,e,i=!1){const s=JSON.stringify(e),r=i?"":`expires=${new Date(new Date().getTime()+864e5*365).toUTCString()};`;document.cookie=`${t}=${s};domain=.${window.location.hostname};path=/;SameSite=Strict;${r}`}deleteCookie(t){const e=new Date(0).toUTCString();document.cookie=`${t}=;domain=.${window.location.hostname};path=/;expires=${e};`}deleteLocalStorage(t){window.localStorage.removeItem(t)}getChannel(t){return[{"name":"cross-network","test":(v) => new RegExp(".*cross-network.*", "i").test(v.utmCampaign)},{"name":"direct","test":(v) => v.utmSource === "" && v.utmMedium === ""},{"name":"paid-shopping","test":(v) => (new RegExp("^(?:Google|IGShopping|aax-us-east\.amazon-adsystem\.com|aax\.amazon-adsystem\.com|alibaba|alibaba\.com|amazon|amazon\.co\.uk|amazon\.com|apps\.shopify\.com|checkout\.shopify\.com|checkout\.stripe\.com|cr\.shopping\.naver\.com|cr2\.shopping\.naver\.com|ebay|ebay\.co\.uk|ebay\.com|ebay\.com\.au|ebay\.de|etsy|etsy\.com|m\.alibaba\.com|m\.shopping\.naver\.com|mercadolibre|mercadolibre\.com|mercadolibre\.com\.ar|mercadolibre\.com\.mx|message\.alibaba\.com|msearch\.shopping\.naver\.com|nl\.shopping\.net|no\.shopping\.net|offer\.alibaba\.com|one\.walmart\.com|order\.shopping\.yahoo\.co\.jp|partners\.shopify\.com|s3\.amazonaws\.com|se\.shopping\.net|shop\.app|shopify|shopify\.com|shopping\.naver\.com|shopping\.yahoo\.co\.jp|shopping\.yahoo\.com|shopzilla|shopzilla\.com|simplycodes\.com|store\.shopping\.yahoo\.co\.jp|stripe|stripe\.com|uk\.shopping\.net|walmart|walmart\.com)$", "i").test(v.utmSource) || new RegExp("^(.*(([^a-df-z]|^)shop|shopping).*)$", "i").test(v.utmCampaign)) && new RegExp("^(.*cp.*|ppc|retargeting|paid.*)$", "i").test(v.utmMedium)},{"name":"paid-search","test":(v) => new RegExp("^(?:360\.cn|alice|aol|ar\.search\.yahoo\.com|ask|at\.search\.yahoo\.com|au\.search\.yahoo\.com|auone|avg|babylon|baidu|biglobe|biglobe\.co\.jp|biglobe\.ne\.jp|bing|br\.search\.yahoo\.com|ca\.search\.yahoo\.com|centrum\.cz|ch\.search\.yahoo\.com|cl\.search\.yahoo\.com|cn\.bing\.com|cnn|co\.search\.yahoo\.com|comcast|conduit|daum|daum\.net|de\.search\.yahoo\.com|dk\.search\.yahoo\.com|dogpile|dogpile\.com|duckduckgo|ecosia\.org|email\.seznam\.cz|eniro|es\.search\.yahoo\.com|espanol\.search\.yahoo\.com|exalead\.com|excite\.com|fi\.search\.yahoo\.com|firmy\.cz|fr\.search\.yahoo\.com|globo|go\.mail\.ru|google|google-play|hk\.search\.yahoo\.com|id\.search\.yahoo\.com|in\.search\.yahoo\.com|incredimail|it\.search\.yahoo\.com|kvasir|lens\.google\.com|lite\.qwant\.com|lycos|m\.baidu\.com|m\.naver\.com|m\.search\.naver\.com|m\.sogou\.com|mail\.rambler\.ru|mail\.yandex\.ru|malaysia\.search\.yahoo\.com|msn|msn\.com|mx\.search\.yahoo\.com|najdi|naver|naver\.com|news\.google\.com|nl\.search\.yahoo\.com|no\.search\.yahoo\.com|ntp\.msn\.com|nz\.search\.yahoo\.com|onet|onet\.pl|pe\.search\.yahoo\.com|ph\.search\.yahoo\.com|pl\.search\.yahoo\.com|play\.google\.com|qwant|qwant\.com|rakuten|rakuten\.co\.jp|rambler|rambler\.ru|se\.search\.yahoo\.com|search-results|search\.aol\.co\.uk|search\.aol\.com|search\.google\.com|search\.smt\.docomo\.ne\.jp|search\.ukr\.net|secureurl\.ukr\.net|seznam|seznam\.cz|sg\.search\.yahoo\.com|so\.com|sogou|sogou\.com|sp-web\.search\.auone\.jp|startsiden|startsiden\.no|suche\.aol\.de|terra|th\.search\.yahoo\.com|tr\.search\.yahoo\.com|tut\.by|tw\.search\.yahoo\.com|uk\.search\.yahoo\.com|ukr|us\.search\.yahoo\.com|virgilio|vn\.search\.yahoo\.com|wap\.sogou\.com|webmaster\.yandex\.ru|websearch\.rakuten\.co\.jp|yahoo|yahoo\.co\.jp|yahoo\.com|yandex|yandex\.by|yandex\.com|yandex\.com\.tr|yandex\.fr|yandex\.kz|yandex\.ru|yandex\.ua|yandex\.uz|zen\.yandex\.ru)$", "i").test(v.utmSource) && new RegExp("^(.*cp.*|ppc|retargeting|paid.*)$", "i").test(v.utmMedium)},{"name":"paid-social","test":(v) => new RegExp("^(?:43things|43things\.com|51\.com|5ch\.net|Hatena|ImageShack|academia\.edu|activerain|activerain\.com|activeworlds|activeworlds\.com|addthis|addthis\.com|airg\.ca|allnurses\.com|allrecipes\.com|alumniclass|alumniclass\.com|ameba\.jp|ameblo\.jp|americantowns|americantowns\.com|amp\.reddit\.com|ancestry\.com|anobii|anobii\.com|answerbag|answerbag\.com|answers\.yahoo\.com|aolanswers|aolanswers\.com|apps\.facebook\.com|ar\.pinterest\.com|artstation\.com|askubuntu|askubuntu\.com|asmallworld\.com|athlinks|athlinks\.com|away\.vk\.com|awe\.sm|b\.hatena\.ne\.jp|baby-gaga|baby-gaga\.com|babyblog\.ru|badoo|badoo\.com|bebo|bebo\.com|beforeitsnews|beforeitsnews\.com|bharatstudent|bharatstudent\.com|biip\.no|biswap\.org|bit\.ly|blackcareernetwork\.com|blackplanet|blackplanet\.com|blip\.fm|blog\.com|blog\.feedspot\.com|blog\.goo\.ne\.jp|blog\.naver\.com|blog\.yahoo\.co\.jp|blogg\.no|bloggang\.com|blogger|blogger\.com|blogher|blogher\.com|bloglines|bloglines\.com|blogs\.com|blogsome|blogsome\.com|blogspot|blogspot\.com|blogster|blogster\.com|blurtit|blurtit\.com|bookmarks\.yahoo\.co\.jp|bookmarks\.yahoo\.com|br\.pinterest\.com|brightkite|brightkite\.com|brizzly|brizzly\.com|business\.facebook\.com|buzzfeed|buzzfeed\.com|buzznet|buzznet\.com|cafe\.naver\.com|cafemom|cafemom\.com|camospace|camospace\.com|canalblog\.com|care\.com|care2|care2\.com|caringbridge\.org|catster|catster\.com|cbnt\.io|cellufun|cellufun\.com|centerblog\.net|chat\.zalo\.me|chegg\.com|chicagonow|chicagonow\.com|chiebukuro\.yahoo\.co\.jp|classmates|classmates\.com|classquest|classquest\.com|co\.pinterest\.com|cocolog-nifty|cocolog-nifty\.com|copainsdavant\.linternaute\.com|couchsurfing\.org|cozycot|cozycot\.com|cross\.tv|crunchyroll|crunchyroll\.com|cyworld|cyworld\.com|cz\.pinterest\.com|d\.hatena\.ne\.jp|dailystrength\.org|deluxe\.com|deviantart|deviantart\.com|dianping|dianping\.com|digg|digg\.com|diigo|diigo\.com|discover\.hubpages\.com|disqus|disqus\.com|dogster|dogster\.com|dol2day|dol2day\.com|doostang|doostang\.com|dopplr|dopplr\.com|douban|douban\.com|draft\.blogger\.com|draugiem\.lv|drugs-forum|drugs-forum\.com|dzone|dzone\.com|edublogs\.org|elftown|elftown\.com|epicurious\.com|everforo\.com|exblog\.jp|extole|extole\.com|facebook|facebook\.com|faceparty|faceparty\.com|fandom\.com|fanpop|fanpop\.com|fark|fark\.com|fb|fb\.me|fc2|fc2\.com|feedspot|feministing|feministing\.com|filmaffinity|filmaffinity\.com|flickr|flickr\.com|flipboard|flipboard\.com|folkdirect|folkdirect\.com|foodservice|foodservice\.com|forums\.androidcentral\.com|forums\.crackberry\.com|forums\.imore\.com|forums\.nexopia\.com|forums\.webosnation\.com|forums\.wpcentral\.com|fotki|fotki\.com|fotolog|fotolog\.com|foursquare|foursquare\.com|free\.facebook\.com|friendfeed|friendfeed\.com|fruehstueckstreff\.org|fubar|fubar\.com|gaiaonline|gaiaonline\.com|gamerdna|gamerdna\.com|gather\.com|geni\.com|getpocket\.com|glassboard|glassboard\.com|glassdoor|glassdoor\.com|godtube|godtube\.com|goldenline\.pl|goldstar|goldstar\.com|goo\.gl|gooblog|goodreads|goodreads\.com|google\+|googlegroups\.com|googleplus|govloop|govloop\.com|gowalla|gowalla\.com|gree\.jp|groups\.google\.com|gulli\.com|gutefrage\.net|habbo|habbo\.com|hi5|hi5\.com|hootsuite|hootsuite\.com|houzz|houzz\.com|hoverspot|hoverspot\.com|hr\.com|hu\.pinterest\.com|hubculture|hubculture\.com|hubpages\.com|hyves\.net|hyves\.nl|ibibo|ibibo\.com|id\.pinterest\.com|identi\.ca|ig|imageshack\.com|imageshack\.us|imvu|imvu\.com|in\.pinterest\.com|insanejournal|insanejournal\.com|instagram|instagram\.com|instapaper|instapaper\.com|internations\.org|interpals\.net|intherooms|intherooms\.com|irc-galleria\.net|is\.gd|italki|italki\.com|jammerdirect|jammerdirect\.com|jappy\.com|jappy\.de|kaboodle\.com|kakao|kakao\.com|kakaocorp\.com|kaneva|kaneva\.com|kin\.naver\.com|l\.facebook\.com|l\.instagram\.com|l\.messenger\.com|last\.fm|librarything|librarything\.com|lifestream\.aol\.com|line|line\.me|linkedin|linkedin\.com|listal|listal\.com|listography|listography\.com|livedoor\.com|livedoorblog|livejournal|livejournal\.com|lm\.facebook\.com|lnkd\.in|m\.blog\.naver\.com|m\.cafe\.naver\.com|m\.facebook\.com|m\.kin\.naver\.com|m\.vk\.com|m\.yelp\.com|mbga\.jp|medium\.com|meetin\.org|meetup|meetup\.com|meinvz\.net|meneame\.net|menuism\.com|messages\.google\.com|messages\.yahoo\.co\.jp|messenger|messenger\.com|mix\.com|mixi\.jp|mobile\.facebook\.com|mocospace|mocospace\.com|mouthshut|mouthshut\.com|movabletype|movabletype\.com|mubi|mubi\.com|my\.opera\.com|myanimelist\.net|myheritage|myheritage\.com|mylife|mylife\.com|mymodernmet|mymodernmet\.com|myspace|myspace\.com|netvibes|netvibes\.com|news\.ycombinator\.com|newsshowcase|nexopia|ngopost\.org|niconico|nicovideo\.jp|nightlifelink|nightlifelink\.com|ning|ning\.com|nl\.pinterest\.com|odnoklassniki\.ru|odnoklassniki\.ua|okwave\.jp|old\.reddit\.com|oneworldgroup\.org|onstartups|onstartups\.com|opendiary|opendiary\.com|oshiete\.goo\.ne\.jp|out\.reddit\.com|over-blog\.com|overblog\.com|paper\.li|partyflock\.nl|photobucket|photobucket\.com|pinboard|pinboard\.in|pingsta|pingsta\.com|pinterest|pinterest\.at|pinterest\.ca|pinterest\.ch|pinterest\.cl|pinterest\.co\.kr|pinterest\.co\.uk|pinterest\.com|pinterest\.com\.au|pinterest\.com\.mx|pinterest\.de|pinterest\.es|pinterest\.fr|pinterest\.it|pinterest\.jp|pinterest\.nz|pinterest\.ph|pinterest\.pt|pinterest\.ru|pinterest\.se|pixiv\.net|pl\.pinterest\.com|playahead\.se|plurk|plurk\.com|plus\.google\.com|plus\.url\.google\.com|pocket\.co|posterous|posterous\.com|pro\.homeadvisor\.com|pulse\.yahoo\.com|qapacity|qapacity\.com|quechup|quechup\.com|quora|quora\.com|qzone\.qq\.com|ravelry|ravelry\.com|reddit|reddit\.com|redux|redux\.com|renren|renren\.com|researchgate\.net|reunion|reunion\.com|reverbnation|reverbnation\.com|rtl\.de|ryze|ryze\.com|salespider|salespider\.com|scoop\.it|screenrant|screenrant\.com|scribd|scribd\.com|scvngr|scvngr\.com|secondlife|secondlife\.com|serverfault|serverfault\.com|shareit|sharethis|sharethis\.com|shvoong\.com|sites\.google\.com|skype|skyrock|skyrock\.com|slashdot\.org|slideshare\.net|smartnews\.com|snapchat|snapchat\.com|social|sociallife\.com\.br|socialvibe|socialvibe\.com|spaces\.live\.com|spoke|spoke\.com|spruz|spruz\.com|ssense\.com|stackapps|stackapps\.com|stackexchange|stackexchange\.com|stackoverflow|stackoverflow\.com|stardoll\.com|stickam|stickam\.com|studivz\.net|suomi24\.fi|superuser|superuser\.com|sweeva|sweeva\.com|t\.co|t\.me|tagged|tagged\.com|taggedmail|taggedmail\.com|talkbiznow|talkbiznow\.com|taringa\.net|techmeme|techmeme\.com|tencent|tencent\.com|tiktok|tiktok\.com|tinyurl|tinyurl\.com|toolbox|toolbox\.com|touch\.facebook\.com|tr\.pinterest\.com|travellerspoint|travellerspoint\.com|tripadvisor|tripadvisor\.com|trombi|trombi\.com|trustpilot|tudou|tudou\.com|tuenti|tuenti\.com|tumblr|tumblr\.com|tweetdeck|tweetdeck\.com|twitter|twitter\.com|twoo\.com|typepad|typepad\.com|unblog\.fr|urbanspoon\.com|ushareit\.com|ushi\.cn|vampirefreaks|vampirefreaks\.com|vampirerave|vampirerave\.com|vg\.no|video\.ibm\.com|vk\.com|vkontakte\.ru|wakoopa|wakoopa\.com|wattpad|wattpad\.com|web\.facebook\.com|web\.skype\.com|webshots|webshots\.com|wechat|wechat\.com|weebly|weebly\.com|weibo|weibo\.com|wer-weiss-was\.de|weread|weread\.com|whatsapp|whatsapp\.com|wiki\.answers\.com|wikihow\.com|wikitravel\.org|woot\.com|wordpress|wordpress\.com|wordpress\.org|xanga|xanga\.com|xing|xing\.com|yahoo-mbga\.jp|yammer|yammer\.com|yelp|yelp\.co\.uk|yelp\.com|youroom\.in|za\.pinterest\.com|zalo|zoo\.gr|zooppa|zooppa\.com)$", "i").test(v.utmSource) && new RegExp("^(.*cp.*|ppc|retargeting|paid.*)$", "i").test(v.utmMedium)},{"name":"paid-video","test":(v) => new RegExp("^(?:blog\.twitch\.tv|crackle|crackle\.com|curiositystream|curiositystream\.com|d\.tube|dailymotion|dailymotion\.com|dashboard\.twitch\.tv|disneyplus|disneyplus\.com|fast\.wistia\.net|help\.hulu\.com|help\.netflix\.com|hulu|hulu\.com|id\.twitch\.tv|iq\.com|iqiyi|iqiyi\.com|jobs\.netflix\.com|justin\.tv|m\.twitch\.tv|m\.youtube\.com|music\.youtube\.com|netflix|netflix\.com|player\.twitch\.tv|player\.vimeo\.com|ted|ted\.com|twitch|twitch\.tv|utreon|utreon\.com|veoh|veoh\.com|viadeo\.journaldunet\.com|vimeo|vimeo\.com|wistia|wistia\.com|youku|youku\.com|youtube|youtube\.com)$", "i").test(v.utmSource) && new RegExp("^(.*cp.*|ppc|retargeting|paid.*)$", "i").test(v.utmMedium)},{"name":"display","test":(v) => new RegExp("^(?:display|banner|expandable|interstitial|cpm)$", "i").test(v.utmMedium)},{"name":"paid-other","test":(v) => new RegExp("^(.*cp.*|ppc|retargeting|paid.*)$", "i").test(v.utmMedium)},{"name":"organic-shopping","test":(v) => new RegExp("^(?:360\.cn|alice|aol|ar\.search\.yahoo\.com|ask|at\.search\.yahoo\.com|au\.search\.yahoo\.com|auone|avg|babylon|baidu|biglobe|biglobe\.co\.jp|biglobe\.ne\.jp|bing|br\.search\.yahoo\.com|ca\.search\.yahoo\.com|centrum\.cz|ch\.search\.yahoo\.com|cl\.search\.yahoo\.com|cn\.bing\.com|cnn|co\.search\.yahoo\.com|comcast|conduit|daum|daum\.net|de\.search\.yahoo\.com|dk\.search\.yahoo\.com|dogpile|dogpile\.com|duckduckgo|ecosia\.org|email\.seznam\.cz|eniro|es\.search\.yahoo\.com|espanol\.search\.yahoo\.com|exalead\.com|excite\.com|fi\.search\.yahoo\.com|firmy\.cz|fr\.search\.yahoo\.com|globo|go\.mail\.ru|google|google-play|hk\.search\.yahoo\.com|id\.search\.yahoo\.com|in\.search\.yahoo\.com|incredimail|it\.search\.yahoo\.com|kvasir|lens\.google\.com|lite\.qwant\.com|lycos|m\.baidu\.com|m\.naver\.com|m\.search\.naver\.com|m\.sogou\.com|mail\.rambler\.ru|mail\.yandex\.ru|malaysia\.search\.yahoo\.com|msn|msn\.com|mx\.search\.yahoo\.com|najdi|naver|naver\.com|news\.google\.com|nl\.search\.yahoo\.com|no\.search\.yahoo\.com|ntp\.msn\.com|nz\.search\.yahoo\.com|onet|onet\.pl|pe\.search\.yahoo\.com|ph\.search\.yahoo\.com|pl\.search\.yahoo\.com|play\.google\.com|qwant|qwant\.com|rakuten|rakuten\.co\.jp|rambler|rambler\.ru|se\.search\.yahoo\.com|search-results|search\.aol\.co\.uk|search\.aol\.com|search\.google\.com|search\.smt\.docomo\.ne\.jp|search\.ukr\.net|secureurl\.ukr\.net|seznam|seznam\.cz|sg\.search\.yahoo\.com|so\.com|sogou|sogou\.com|sp-web\.search\.auone\.jp|startsiden|startsiden\.no|suche\.aol\.de|terra|th\.search\.yahoo\.com|tr\.search\.yahoo\.com|tut\.by|tw\.search\.yahoo\.com|uk\.search\.yahoo\.com|ukr|us\.search\.yahoo\.com|virgilio|vn\.search\.yahoo\.com|wap\.sogou\.com|webmaster\.yandex\.ru|websearch\.rakuten\.co\.jp|yahoo|yahoo\.co\.jp|yahoo\.com|yandex|yandex\.by|yandex\.com|yandex\.com\.tr|yandex\.fr|yandex\.kz|yandex\.ru|yandex\.ua|yandex\.uz|zen\.yandex\.ru)$", "i").test(v.utmSource) || new RegExp("^(.*(([^a-df-z]|^)shop|shopping).*)$", "i").test(v.utmCampaign)},{"name":"organic-social","test":(v) => new RegExp("^(?:43things|43things\.com|51\.com|5ch\.net|Hatena|ImageShack|academia\.edu|activerain|activerain\.com|activeworlds|activeworlds\.com|addthis|addthis\.com|airg\.ca|allnurses\.com|allrecipes\.com|alumniclass|alumniclass\.com|ameba\.jp|ameblo\.jp|americantowns|americantowns\.com|amp\.reddit\.com|ancestry\.com|anobii|anobii\.com|answerbag|answerbag\.com|answers\.yahoo\.com|aolanswers|aolanswers\.com|apps\.facebook\.com|ar\.pinterest\.com|artstation\.com|askubuntu|askubuntu\.com|asmallworld\.com|athlinks|athlinks\.com|away\.vk\.com|awe\.sm|b\.hatena\.ne\.jp|baby-gaga|baby-gaga\.com|babyblog\.ru|badoo|badoo\.com|bebo|bebo\.com|beforeitsnews|beforeitsnews\.com|bharatstudent|bharatstudent\.com|biip\.no|biswap\.org|bit\.ly|blackcareernetwork\.com|blackplanet|blackplanet\.com|blip\.fm|blog\.com|blog\.feedspot\.com|blog\.goo\.ne\.jp|blog\.naver\.com|blog\.yahoo\.co\.jp|blogg\.no|bloggang\.com|blogger|blogger\.com|blogher|blogher\.com|bloglines|bloglines\.com|blogs\.com|blogsome|blogsome\.com|blogspot|blogspot\.com|blogster|blogster\.com|blurtit|blurtit\.com|bookmarks\.yahoo\.co\.jp|bookmarks\.yahoo\.com|br\.pinterest\.com|brightkite|brightkite\.com|brizzly|brizzly\.com|business\.facebook\.com|buzzfeed|buzzfeed\.com|buzznet|buzznet\.com|cafe\.naver\.com|cafemom|cafemom\.com|camospace|camospace\.com|canalblog\.com|care\.com|care2|care2\.com|caringbridge\.org|catster|catster\.com|cbnt\.io|cellufun|cellufun\.com|centerblog\.net|chat\.zalo\.me|chegg\.com|chicagonow|chicagonow\.com|chiebukuro\.yahoo\.co\.jp|classmates|classmates\.com|classquest|classquest\.com|co\.pinterest\.com|cocolog-nifty|cocolog-nifty\.com|copainsdavant\.linternaute\.com|couchsurfing\.org|cozycot|cozycot\.com|cross\.tv|crunchyroll|crunchyroll\.com|cyworld|cyworld\.com|cz\.pinterest\.com|d\.hatena\.ne\.jp|dailystrength\.org|deluxe\.com|deviantart|deviantart\.com|dianping|dianping\.com|digg|digg\.com|diigo|diigo\.com|discover\.hubpages\.com|disqus|disqus\.com|dogster|dogster\.com|dol2day|dol2day\.com|doostang|doostang\.com|dopplr|dopplr\.com|douban|douban\.com|draft\.blogger\.com|draugiem\.lv|drugs-forum|drugs-forum\.com|dzone|dzone\.com|edublogs\.org|elftown|elftown\.com|epicurious\.com|everforo\.com|exblog\.jp|extole|extole\.com|facebook|facebook\.com|faceparty|faceparty\.com|fandom\.com|fanpop|fanpop\.com|fark|fark\.com|fb|fb\.me|fc2|fc2\.com|feedspot|feministing|feministing\.com|filmaffinity|filmaffinity\.com|flickr|flickr\.com|flipboard|flipboard\.com|folkdirect|folkdirect\.com|foodservice|foodservice\.com|forums\.androidcentral\.com|forums\.crackberry\.com|forums\.imore\.com|forums\.nexopia\.com|forums\.webosnation\.com|forums\.wpcentral\.com|fotki|fotki\.com|fotolog|fotolog\.com|foursquare|foursquare\.com|free\.facebook\.com|friendfeed|friendfeed\.com|fruehstueckstreff\.org|fubar|fubar\.com|gaiaonline|gaiaonline\.com|gamerdna|gamerdna\.com|gather\.com|geni\.com|getpocket\.com|glassboard|glassboard\.com|glassdoor|glassdoor\.com|godtube|godtube\.com|goldenline\.pl|goldstar|goldstar\.com|goo\.gl|gooblog|goodreads|goodreads\.com|google\+|googlegroups\.com|googleplus|govloop|govloop\.com|gowalla|gowalla\.com|gree\.jp|groups\.google\.com|gulli\.com|gutefrage\.net|habbo|habbo\.com|hi5|hi5\.com|hootsuite|hootsuite\.com|houzz|houzz\.com|hoverspot|hoverspot\.com|hr\.com|hu\.pinterest\.com|hubculture|hubculture\.com|hubpages\.com|hyves\.net|hyves\.nl|ibibo|ibibo\.com|id\.pinterest\.com|identi\.ca|ig|imageshack\.com|imageshack\.us|imvu|imvu\.com|in\.pinterest\.com|insanejournal|insanejournal\.com|instagram|instagram\.com|instapaper|instapaper\.com|internations\.org|interpals\.net|intherooms|intherooms\.com|irc-galleria\.net|is\.gd|italki|italki\.com|jammerdirect|jammerdirect\.com|jappy\.com|jappy\.de|kaboodle\.com|kakao|kakao\.com|kakaocorp\.com|kaneva|kaneva\.com|kin\.naver\.com|l\.facebook\.com|l\.instagram\.com|l\.messenger\.com|last\.fm|librarything|librarything\.com|lifestream\.aol\.com|line|line\.me|linkedin|linkedin\.com|listal|listal\.com|listography|listography\.com|livedoor\.com|livedoorblog|livejournal|livejournal\.com|lm\.facebook\.com|lnkd\.in|m\.blog\.naver\.com|m\.cafe\.naver\.com|m\.facebook\.com|m\.kin\.naver\.com|m\.vk\.com|m\.yelp\.com|mbga\.jp|medium\.com|meetin\.org|meetup|meetup\.com|meinvz\.net|meneame\.net|menuism\.com|messages\.google\.com|messages\.yahoo\.co\.jp|messenger|messenger\.com|mix\.com|mixi\.jp|mobile\.facebook\.com|mocospace|mocospace\.com|mouthshut|mouthshut\.com|movabletype|movabletype\.com|mubi|mubi\.com|my\.opera\.com|myanimelist\.net|myheritage|myheritage\.com|mylife|mylife\.com|mymodernmet|mymodernmet\.com|myspace|myspace\.com|netvibes|netvibes\.com|news\.ycombinator\.com|newsshowcase|nexopia|ngopost\.org|niconico|nicovideo\.jp|nightlifelink|nightlifelink\.com|ning|ning\.com|nl\.pinterest\.com|odnoklassniki\.ru|odnoklassniki\.ua|okwave\.jp|old\.reddit\.com|oneworldgroup\.org|onstartups|onstartups\.com|opendiary|opendiary\.com|oshiete\.goo\.ne\.jp|out\.reddit\.com|over-blog\.com|overblog\.com|paper\.li|partyflock\.nl|photobucket|photobucket\.com|pinboard|pinboard\.in|pingsta|pingsta\.com|pinterest|pinterest\.at|pinterest\.ca|pinterest\.ch|pinterest\.cl|pinterest\.co\.kr|pinterest\.co\.uk|pinterest\.com|pinterest\.com\.au|pinterest\.com\.mx|pinterest\.de|pinterest\.es|pinterest\.fr|pinterest\.it|pinterest\.jp|pinterest\.nz|pinterest\.ph|pinterest\.pt|pinterest\.ru|pinterest\.se|pixiv\.net|pl\.pinterest\.com|playahead\.se|plurk|plurk\.com|plus\.google\.com|plus\.url\.google\.com|pocket\.co|posterous|posterous\.com|pro\.homeadvisor\.com|pulse\.yahoo\.com|qapacity|qapacity\.com|quechup|quechup\.com|quora|quora\.com|qzone\.qq\.com|ravelry|ravelry\.com|reddit|reddit\.com|redux|redux\.com|renren|renren\.com|researchgate\.net|reunion|reunion\.com|reverbnation|reverbnation\.com|rtl\.de|ryze|ryze\.com|salespider|salespider\.com|scoop\.it|screenrant|screenrant\.com|scribd|scribd\.com|scvngr|scvngr\.com|secondlife|secondlife\.com|serverfault|serverfault\.com|shareit|sharethis|sharethis\.com|shvoong\.com|sites\.google\.com|skype|skyrock|skyrock\.com|slashdot\.org|slideshare\.net|smartnews\.com|snapchat|snapchat\.com|social|sociallife\.com\.br|socialvibe|socialvibe\.com|spaces\.live\.com|spoke|spoke\.com|spruz|spruz\.com|ssense\.com|stackapps|stackapps\.com|stackexchange|stackexchange\.com|stackoverflow|stackoverflow\.com|stardoll\.com|stickam|stickam\.com|studivz\.net|suomi24\.fi|superuser|superuser\.com|sweeva|sweeva\.com|t\.co|t\.me|tagged|tagged\.com|taggedmail|taggedmail\.com|talkbiznow|talkbiznow\.com|taringa\.net|techmeme|techmeme\.com|tencent|tencent\.com|tiktok|tiktok\.com|tinyurl|tinyurl\.com|toolbox|toolbox\.com|touch\.facebook\.com|tr\.pinterest\.com|travellerspoint|travellerspoint\.com|tripadvisor|tripadvisor\.com|trombi|trombi\.com|trustpilot|tudou|tudou\.com|tuenti|tuenti\.com|tumblr|tumblr\.com|tweetdeck|tweetdeck\.com|twitter|twitter\.com|twoo\.com|typepad|typepad\.com|unblog\.fr|urbanspoon\.com|ushareit\.com|ushi\.cn|vampirefreaks|vampirefreaks\.com|vampirerave|vampirerave\.com|vg\.no|video\.ibm\.com|vk\.com|vkontakte\.ru|wakoopa|wakoopa\.com|wattpad|wattpad\.com|web\.facebook\.com|web\.skype\.com|webshots|webshots\.com|wechat|wechat\.com|weebly|weebly\.com|weibo|weibo\.com|wer-weiss-was\.de|weread|weread\.com|whatsapp|whatsapp\.com|wiki\.answers\.com|wikihow\.com|wikitravel\.org|woot\.com|wordpress|wordpress\.com|wordpress\.org|xanga|xanga\.com|xing|xing\.com|yahoo-mbga\.jp|yammer|yammer\.com|yelp|yelp\.co\.uk|yelp\.com|youroom\.in|za\.pinterest\.com|zalo|zoo\.gr|zooppa|zooppa\.com)$", "i").test(v.utmSource) || new RegExp("^(?:social|social-network|social-media|sm|social network|social media)$", "i").test(v.utmMedium)},{"name":"organic-video","test":(v) => new RegExp("^(?:blog\.twitch\.tv|crackle|crackle\.com|curiositystream|curiositystream\.com|d\.tube|dailymotion|dailymotion\.com|dashboard\.twitch\.tv|disneyplus|disneyplus\.com|fast\.wistia\.net|help\.hulu\.com|help\.netflix\.com|hulu|hulu\.com|id\.twitch\.tv|iq\.com|iqiyi|iqiyi\.com|jobs\.netflix\.com|justin\.tv|m\.twitch\.tv|m\.youtube\.com|music\.youtube\.com|netflix|netflix\.com|player\.twitch\.tv|player\.vimeo\.com|ted|ted\.com|twitch|twitch\.tv|utreon|utreon\.com|veoh|veoh\.com|viadeo\.journaldunet\.com|vimeo|vimeo\.com|wistia|wistia\.com|youku|youku\.com|youtube|youtube\.com)$", "i").test(v.utmSource) || new RegExp("^(.*video.*)$", "i").test(v.utmMedium)},{"name":"organic-search","test":(v) => new RegExp("^(?:360\.cn|alice|aol|ar\.search\.yahoo\.com|ask|at\.search\.yahoo\.com|au\.search\.yahoo\.com|auone|avg|babylon|baidu|biglobe|biglobe\.co\.jp|biglobe\.ne\.jp|bing|br\.search\.yahoo\.com|ca\.search\.yahoo\.com|centrum\.cz|ch\.search\.yahoo\.com|cl\.search\.yahoo\.com|cn\.bing\.com|cnn|co\.search\.yahoo\.com|comcast|conduit|daum|daum\.net|de\.search\.yahoo\.com|dk\.search\.yahoo\.com|dogpile|dogpile\.com|duckduckgo|ecosia\.org|email\.seznam\.cz|eniro|es\.search\.yahoo\.com|espanol\.search\.yahoo\.com|exalead\.com|excite\.com|fi\.search\.yahoo\.com|firmy\.cz|fr\.search\.yahoo\.com|globo|go\.mail\.ru|google|google-play|hk\.search\.yahoo\.com|id\.search\.yahoo\.com|in\.search\.yahoo\.com|incredimail|it\.search\.yahoo\.com|kvasir|lens\.google\.com|lite\.qwant\.com|lycos|m\.baidu\.com|m\.naver\.com|m\.search\.naver\.com|m\.sogou\.com|mail\.rambler\.ru|mail\.yandex\.ru|malaysia\.search\.yahoo\.com|msn|msn\.com|mx\.search\.yahoo\.com|najdi|naver|naver\.com|news\.google\.com|nl\.search\.yahoo\.com|no\.search\.yahoo\.com|ntp\.msn\.com|nz\.search\.yahoo\.com|onet|onet\.pl|pe\.search\.yahoo\.com|ph\.search\.yahoo\.com|pl\.search\.yahoo\.com|play\.google\.com|qwant|qwant\.com|rakuten|rakuten\.co\.jp|rambler|rambler\.ru|se\.search\.yahoo\.com|search-results|search\.aol\.co\.uk|search\.aol\.com|search\.google\.com|search\.smt\.docomo\.ne\.jp|search\.ukr\.net|secureurl\.ukr\.net|seznam|seznam\.cz|sg\.search\.yahoo\.com|so\.com|sogou|sogou\.com|sp-web\.search\.auone\.jp|startsiden|startsiden\.no|suche\.aol\.de|terra|th\.search\.yahoo\.com|tr\.search\.yahoo\.com|tut\.by|tw\.search\.yahoo\.com|uk\.search\.yahoo\.com|ukr|us\.search\.yahoo\.com|virgilio|vn\.search\.yahoo\.com|wap\.sogou\.com|webmaster\.yandex\.ru|websearch\.rakuten\.co\.jp|yahoo|yahoo\.co\.jp|yahoo\.com|yandex|yandex\.by|yandex\.com|yandex\.com\.tr|yandex\.fr|yandex\.kz|yandex\.ru|yandex\.ua|yandex\.uz|zen\.yandex\.ru)$", "i").test(v.utmSource) || v.utmMedium.toLowerCase() === "organic"},{"name":"referral","test":(v) => new RegExp("^(?:referral|app|link)$", "i").test(v.utmMedium)},{"name":"email","test":(v) => new RegExp("^(?:email|e-mail|e_mail|e mail)$", "i").test(v.utmMedium) || new RegExp("^(?:email|e-mail|e_mail|e mail)$", "i").test(v.utmSource)},{"name":"affiliate","test":(v) => v.utmMedium.toLowerCase() === "affiliate"},{"name":"audio","test":(v) => v.utmMedium.toLowerCase() === "audio"},{"name":"sms","test":(v) => v.utmSource.toLowerCase() === "sms" || v.utmMedium.toLowerCase() === "sms"},{"name":"mobile-push-notification","test":(v) => v.utmSource.toLowerCase() === "firebase" || new RegExp("(?:.*mobile.*|.*notification.*|push$)", "i").test(v.utmMedium)}].find(i=>i.test(t))?.name??"other"}getShopifyAnalyticsId(){const t=this.getCookie("_shopify_y");if(t)return t;try{const e=this.localStorageGet("Shoplift_ClientId");if(e)return e}catch{}return null}legacyGetCookieVisitor(){const t=this.getCookie("SHOPLIFT");return t===null?null:JSON.parse(t,F)}getCookie(t){const e=this.cookie.split("; ").filter(i=>i.split("=").at(0)===t).at(0);return e===void 0?null:e.split("=").slice(1).join("=")}monitorConsentChange(){document.addEventListener("visitorConsentCollected",t=>{(async()=>await this.onConsentChange(t.detail.analyticsAllowed,!0))()}),document.readyState==="loading"?document.addEventListener("DOMContentLoaded",()=>this.loadShopifyConsentApiWithRetry()):this.loadShopifyConsentApiWithRetry()}loadShopifyConsentApiWithRetry(){let t=0;const e=()=>{this.loadShopifyConsentApi()||t++<10&&window.setTimeout(e,100)};e()}loadShopifyConsentApi(){if(window.Shopify){this.log("Loading Shopify features");const t=async()=>{if(!window.Shopify){this.log("Shopify object missing... suddenly?");return}if(window.Shopify.customerPrivacy===void 0){this.log("Shopify CustomerPrivacy api still missing, trying again in 1000ms"),e=window.setTimeout(()=>{(async()=>await t())()},1e3);return}const i=window.Shopify.customerPrivacy.getTrackingConsent();await this.onConsentChange(window.Shopify.customerPrivacy.analyticsProcessingAllowed(),i==="yes")};let e=window.setTimeout(()=>{(async()=>await t())()},5e3);return window.Shopify.loadFeatures([{name:"consent-tracking-api",version:"0.1"}],i=>{(async()=>{if(window.clearTimeout(e),i){this.log("Error loading consent tracking",i);return}await t()})()}),!0}return!1}async onConsentChange(t,e){try{if(this.log("Consent change detected",t,e),this.state.essential.consentApproved=t,this.state.essential.hasConsentInteraction=e,!this.state.essential.consentApproved){this.state.essential.hasConsentInteraction&&(this.state.analytics.queue.length=0),this.saveState();return}this.cookie=document.cookie,this.shopifyAnalyticsId=this.getShopifyAnalyticsId();for(const i of this.state.analytics.queue.filter(s=>s.type===1||s.type===2)){const s=i;s.shopifyAnalyticsId=this.shopifyAnalyticsId}this.saveState(),await this.syncAllEvents()}catch(i){this.log("Error syncing on consent change",i)}}isThemePreview(){return isThemePreview||themeRole!=="main"}isAppProxyPath(){const t=["/apps/","/tools/","/a/"],e=window.location.pathname;return t.some(i=>e.startsWith(i))}clearThemeBar(t,e,i){const s=structuredClone(i);this.log("Looking for theme bar"),this.waitForElement(null,"body").then(r=>this.waitForElement(r,"#preview-bar-iframe, #PBarNextFrameWrapper").then(n=>(this.log("Found theme bar"),e&&(this.log("Removing theme bar"),n.remove()),t?this.makeRequest({url:`${this.eventHost}/api/v0/logs`,method:"post",data:JSON.stringify({...this.debugState(),stateAtEvaluation:s},X)}):Promise.resolve(null)))).catch(r=>console.error(r))}waitForElement(t,e){return new Promise(i=>{const s=document.querySelector(e);if(s){i(s);return}const r=new MutationObserver(n=>{const o=document.querySelector(e);if(o){r.disconnect(),i(o);return}});r.observe(t??document.documentElement,{childList:!0})})}setDebug(t){this.state.essential.debugMode=t,this.saveState()}log(t,...e){let i=0;const s=t.replace(/%[sdoOfF]/g,r=>{if(i>=e.length)return r;const n=e[i++];return r==="%o"||r==="%O"?JSON.stringify(n):String(n)});this.logHistory.push(`[${new Date().toISOString()}][SL] ${s}`),!(!this.state.essential.debugMode&&!this.shopliftDebug)&&console.debug(`[SL] ${t}`,...e)}debugState(){return{state:this.state,storage:{essential:this.loadLocalStorage(this.essentialSessionKey),analytics:this.loadLocalStorage(this.analyticsSessionKey)},params:{shop:this.shop,host:this.host,eventHost:this.eventHost,cssHideClass:this.cssHideClass,testConfigs:this.testConfigs,inactiveTestConfigs:this.inactiveTestConfigs,sendPageView:this.sendPageView,isShopifyMerchantCookie:this.getCookie("is_shopify_merchant"),themeId,url:window.location.href,isThemePreview,themeRole,gaConfig:this.gaConfig},logHistory:this.logHistory}}createViewportObserver(t,e={}){const{threshold:i=this.VIEWPORT_TRACK_THRESHOLD,triggerOnce:s=!0}=e,r=new Set;return new IntersectionObserver(n=>{n.forEach(o=>{if(o.isIntersecting&&!r.has(o.target)){const l=o.target,c=l.getAttribute(this.DATA_SL_TEST_ID);c&&(t(c,l),s&&r.add(l))}})},{threshold:i})}applyChangesWithViewport(t,e,i,s){const r=e.selectorsForViewportTracking??e.selectors,n=o=>{if(this.state.essential.visitorTests.some(h=>h.testId===o)||this.activeViewportObservers.has(o))return;const l=[];if(r.forEach(h=>{t.querySelectorAll(h.cssSelector).forEach(b=>l.push(b))}),l.length===0)return;let c=!1;const d=()=>{c||(c=!0,i(o),p.disconnect(),this.activeViewportObservers.delete(o))},p=this.createViewportObserver(()=>{d()},{triggerOnce:!0,...s});this.activeViewportObservers.set(o,p),this.log(`Created viewport observer for test ${o}, observing ${l.length} elements`),l.forEach(h=>{h.setAttribute(this.DATA_SL_TEST_ID,String(o)),p.observe(h)}),setTimeout(()=>{c||l.forEach(h=>{const u=h.getBoundingClientRect(),b=s?.threshold??this.VIEWPORT_TRACK_THRESHOLD,k=Math.min(u.bottom,window.innerHeight)-Math.max(u.top,0),S=Math.min(u.right,window.innerWidth)-Math.max(u.left,0);u.top<window.innerHeight&&u.bottom>0&&u.left<window.innerWidth&&u.right>0&&k>0&&S>0&&k>=u.height*b&&(this.log(`Price element already visible in viewport for test ${o}:`,h),d())})},100)};e.selectors.length>0&&U(t,e,()=>{}),bt(t,{testId:e.testId,hypothesisId:e.hypothesisId,selectors:r},o=>{n(o)})}applyPriceTestWithMapLookup(t,e,i,s){if(!e.priceData){this.log("No price data for hypothesis '%s'",e.id);return}this.log("Hypothesis '%s' isControl=%s, priceData has %d variants",e.id,e.isControl,e.priceData.variants.length);const r=e.priceData.variants.slice(0,3);for(const[S,P,_]of r)this.log("  Sample priceData: variant=%s, price=%d, compareAt=%d",S,P,_);const n=j(e.priceData),o=new Set;for(const S of i)if(S.priceData)for(const[P]of S.priceData.variants)o.add(P);this.log("Price test Map lookup: %d products in hypothesis, %d total products to track",n.size,o.size);const l=e.priceData,c=new WeakSet;let d=!1;const p="[data-sl-attribute-p], [data-sl-attribute-cap], [data-sl-attribute-discount]",h=S=>{if(c.has(S))return;const P=S.getAttribute("data-sl-attribute-p"),_=S.getAttribute("data-sl-attribute-cap"),C=S.getAttribute("data-sl-attribute-discount"),m=P||_||C;if(!m||!o.has(m))return;c.add(S);const y=n.get(m);y&&(this.log("Applying price for product %s: %d cents (compare at: %d cents)",m,y.priceInCents,y.compareAtPriceInCents),Dt(S,m,y,l),this.log("Applied price to element for product %s",m)),!d&&!this.state.essential.visitorTests.some(w=>w.testId===t)&&(S.setAttribute(this.DATA_SL_TEST_ID,String(t)),this.setupElementViewportTracking(S,t,()=>{d||(d=!0,s(t))}))},u=()=>{const S=document.querySelectorAll(p);this.log("Scanning for price elements, found: %d",S.length),S.forEach(h)},b=new MutationObserver(S=>{for(const P of S)P.type==="childList"&&P.addedNodes.forEach(_=>{if(_.nodeType===Node.ELEMENT_NODE){const C=_;(C.hasAttribute("data-sl-attribute-p")||C.hasAttribute("data-sl-attribute-cap")||C.hasAttribute("data-sl-attribute-discount"))&&h(C),C.querySelectorAll(p).forEach(h)}}),P.type==="attributes"&&P.target instanceof Element&&h(P.target)}),k=document.body||document.documentElement;b.observe(k,{childList:!0,subtree:!0,attributes:!0,attributeFilter:["data-sl-attribute-p","data-sl-attribute-cap","data-sl-attribute-discount"]}),this.log("MutationObserver started for price elements"),u(),document.readyState==="loading"&&document.addEventListener("DOMContentLoaded",()=>{this.log("DOMContentLoaded - rescanning for price elements"),u()}),setTimeout(()=>{this.log("Delayed rescan for price elements"),u()},100),setTimeout(()=>{this.log("Final rescan for price elements"),u()},500)}setupElementViewportTracking(t,e,i){const s=this.VIEWPORT_TRACK_THRESHOLD,r=t.getBoundingClientRect(),n=Math.min(r.bottom,window.innerHeight)-Math.max(r.top,0),o=Math.min(r.right,window.innerWidth)-Math.max(r.left,0);if(r.top<window.innerHeight&&r.bottom>0&&r.left<window.innerWidth&&r.right>0&&n>0&&o>0&&n>=r.height*s){this.log("Price element already visible for test %s",e),i();return}const c=new IntersectionObserver(d=>{for(const p of d)if(p.isIntersecting&&p.intersectionRatio>=s){this.log("Price element entered viewport for test %s",e),c.disconnect(),i();break}},{threshold:s});c.observe(t)}debug(){const t=this.debugState();console.log(JSON.stringify(t,X,2))}}(async function(){window.shopliftInstance||(window.shopliftInstance=new Wt("supergoop.myshopify.com","https://app.shoplift.ai","https://events.shoplift.ai",true,false,false,{"sendEvents":true,"mode":"gtag"},false,false,1000,[{"id":"019de488-933f-7584-af44-d676410d8154","startAt":"2026-05-01T17:14:09.084142Z","requiresCountry":false,"bayesianRevision":5,"device":"all","status":"active","visitorOption":"all","ignoreTestViewParameterEnforcement":false,"statusHistory":[{"status":"active","createdAt":"2026-05-01T17:14:09.09281Z"},{"status":"paused","createdAt":"2026-05-05T00:16:24.528715Z"},{"status":"active","createdAt":"2026-05-05T13:51:23.762448Z"},{"status":"paused","createdAt":"2026-05-11T21:37:59.220231Z"},{"status":"incompatible","createdAt":"2026-06-03T14:00:28.462553Z"},{"status":"paused","createdAt":"2026-06-03T14:00:28.727926Z"},{"status":"active","createdAt":"2026-06-04T18:25:29.29912Z"},{"status":"paused","createdAt":"2026-06-04T18:25:43.323542Z"},{"status":"active","createdAt":"2026-06-04T18:59:27.93497Z"}],"hypotheses":[{"visitorCount":68344,"trafficPercentage":0.4852792242658297,"title":"Unseen Stick","domSelectors":[],"id":"019de464-4bc8-757f-877e-20f2da158d68","type":"theme","themeId":141636829282,"affix":"","isControl":true},{"visitorCount":72491,"trafficPercentage":0.5147207757341703,"title":"PLAY Mist","domSelectors":[],"id":"019de484-d518-780a-9009-16f236ddf282","type":"theme","themeId":141982007394,"affix":"","isControl":false}],"targetAudiences":[],"title":"Minibag-Unseen Stick-vs-PLAY Mist"},{"id":"019e51da-0af5-7795-a133-1453f41e9aa4","startAt":"2026-05-22T22:41:44.642388Z","requiresCountry":false,"bayesianRevision":5,"device":"all","status":"active","visitorOption":"all","ignoreTestViewParameterEnforcement":false,"statusHistory":[{"status":"active","createdAt":"2026-05-22T22:41:44.837111Z"}],"hypotheses":[{"visitorCount":39031,"trafficPercentage":0.25,"title":"Control - Spiffy OFF","domSelectors":[],"id":"019e507f-86dc-7f56-b3f8-24598cc5b215","type":"manualScript","themeId":141636829282,"affix":"","isControl":true},{"visitorCount":114390,"trafficPercentage":0.75,"title":"Variant - Spiffy ON","domSelectors":[],"id":"019e507f-86dc-7e99-b664-b12b93b42b6b","type":"manualScript","themeId":141636829282,"affix":"","isControl":false}],"targetAudiences":[],"title":"NEW Copy of SPIFFY-PLP & PDP- LIVE -TEST"}],[{"id":"cd62c5e5-21d7-456b-ab35-d0e312280ba7","bayesianRevision":3,"status":"cancelled","hypotheses":[{"id":"4fff7bb0-8ae0-46ff-94ed-a3bf84f7dbb2","type":"theme","themeId":131905486946,"affix":"","isControl":true,"redirectPath":null},{"id":"95bed350-dd38-4e8d-910d-07700413c06e","type":"theme","themeId":131999826018,"affix":"","isControl":false,"redirectPath":null}],"ignoreTestViewParameterEnforcement":false},{"id":"3c848feb-b7ae-44ee-9a9c-d0c05d9efaf3","bayesianRevision":3,"status":"cancelled","hypotheses":[{"id":"7958f80d-08f9-4c41-a477-4fb45a2e8c57","type":"theme","themeId":132200464482,"affix":"","isControl":true,"redirectPath":null},{"id":"425aef0f-de11-46b5-94b6-1bf590423852","type":"theme","themeId":132521787490,"affix":"","isControl":false,"redirectPath":null}],"ignoreTestViewParameterEnforcement":false},{"id":"80689ad4-25c7-4773-9cab-269d5f8a2442","bayesianRevision":3,"status":"cancelled","hypotheses":[{"id":"9ad8ec82-5026-45de-b9f8-69c2374c2746","type":"theme","themeId":134435209314,"affix":"","isControl":true,"redirectPath":null},{"id":"fd880620-2a7c-4b03-9543-883208372e21","type":"theme","themeId":132021059682,"affix":"","isControl":false,"redirectPath":null}],"ignoreTestViewParameterEnforcement":false},{"id":"9ef25a7d-bb5b-432c-bbeb-d6d282dcaf60","bayesianRevision":3,"status":"cancelled","hypotheses":[{"id":"f6e938ef-55ca-4d04-9389-7b9c6aa2874c","type":"theme","themeId":134435209314,"affix":"","isControl":true,"redirectPath":null},{"id":"d5887d8d-9333-4f85-9610-9dde0ae674df","type":"theme","themeId":134581485666,"affix":"","isControl":false,"redirectPath":null}],"ignoreTestViewParameterEnforcement":false},{"id":"f895aec4-2200-4d76-8327-e61e114aec7e","bayesianRevision":3,"status":"completed","hypotheses":[{"id":"09a33056-05f0-45e3-a897-e42e5c4e117f","type":"theme","themeId":131568205922,"affix":"","isControl":true,"redirectPath":null},{"id":"ce64edc9-754a-48ad-8af8-095aa61dd2f2","type":"theme","themeId":131590848610,"affix":"","isControl":false,"redirectPath":null}],"ignoreTestViewParameterEnforcement":false},{"id":"019d6dab-d89a-74d4-98ed-6000b37018c7","bayesianRevision":5,"status":"paused","hypotheses":[{"id":"019d6dab-3b45-726a-adf9-afd7e43984cb","type":"index","themeId":141636829282,"affix":"","isControl":true,"redirectPath":null},{"id":"019d6dab-3b45-7e3d-bed0-aa1bbce0e03b","type":"index","themeId":141636829282,"affix":"sl-3A531317","isControl":false,"redirectPath":null}],"ignoreTestViewParameterEnforcement":false},{"id":"019d92fd-8d10-73ce-b535-b739b9655ef5","bayesianRevision":5,"status":"paused","hypotheses":[{"id":"019d4593-8084-7a22-b407-c2f2f618960c","type":"manualScript","themeId":141636829282,"affix":"","isControl":true,"redirectPath":null},{"id":"019d4593-82c4-7077-8c25-53f00432ce6d","type":"manualScript","themeId":141636829282,"affix":"","isControl":false,"redirectPath":null}],"ignoreTestViewParameterEnforcement":false}],null),await window.shopliftInstance.init())})();async function Gt(a,t,e,i){const s=Mt({log:i});if(e)return i("[SUB-PREVIEW] A side — no overlay applied; widget renders naturally"),s;const r=a.widget.widgetType,n=t?j(t):null;let o=W(t),l=K(a,o),c=l.discountMap,d=l.maxDiscount;function p(){const f=W(t);f!==o&&(o=f,l=K(a,o),c=l.discountMap,d=l.maxDiscount,i(`[SUB-PREVIEW] scope refreshed currentProductId=${o??"n/a"}, maxDiscount=${d}`))}i(`[SUB-PREVIEW] side=B, currentProductId=${o??"n/a"}, maxDiscount=${d}`);function h(f){if(!t||!n)return null;const v=Y(n),g=v?n.get(v):void 0;return g?{formattedVariantPrice:G(g.priceInCents,t),formattedDiscounted:G(g.priceInCents*(1-f/100),t)}:null}function u(f){const v=J(a,f);if(!v)return d;const g=D(a,"subscriptionInput"),I=g.length?g[0].selector:'input[name="rc_plan"]',A=v.querySelector(`${I}:checked`);if(A){const E=c[A.value];if(E!==void 0)return E}return d}function b(f){const v=D(a,"subscriptionDiscount");for(const g of v)if(g.selector.includes("badge")||g.selector.includes("__badge")){const I=f.querySelector(g.selector);I?.textContent&&!I.textContent.includes(`${d}%`)&&$(I,A=>N(A,d))}}function k(f,v){const g=h(v);if(!g)return;const I=D(a,"subscriptionCompareAt");for(const A of I){const E=f.querySelector(A.selector)||f.querySelector(`[part~="${A.selector}"]`);E?.textContent&&!E.textContent.includes(g.formattedVariantPrice)&&$(E,x=>/\d/.test(x)?g.formattedVariantPrice:x)}}function S(f,v){const g=h(v);if(!g)return;const I=D(a,"subscriptionPrice");for(const A of I){const E=f.querySelector(A.selector)||f.querySelector(`[part~="${A.selector}"]`);E?.textContent&&!E.textContent.includes(g.formattedDiscounted)&&$(E,x=>/\d/.test(x)?g.formattedDiscounted:x)}}function P(f){const v=D(a,"subscriptionInput"),g=v.length?v[0].selector:'input[name="rc_plan"]',I=D(a,"subscriptionPlanDiscount"),A=I.length?I[0].selector:".rc-plans-button__discount";for(const E of Array.from(f.querySelectorAll("label"))){const x=E.querySelector(g),R=E.querySelector(A);if(x&&R?.textContent){const V=c[x.value];if(V!==void 0){const O=R.textContent.match(/[\d.]+%/)?.[0];O&&O!==`${V}%`&&$(R,L=>N(L,V))}}}}function _(f){const v=f.querySelector("select");if(v)for(const g of Array.from(v.options)){const I=c[g.value];if(I!==void 0&&g.textContent){const A=g.textContent.match(/[\d.]+%/)?.[0];A&&A!==`${I}%`&&(g.textContent=N(g.textContent,I))}}}function C(f){const v=D(a,"onetimePrice");if(!v.length||!t||!n)return;const g=Y(n),I=g?n.get(g):void 0;if(!I)return;const A=G(I.priceInCents,t),E=D(a,"onetimeContainer"),x=E.length?E[0].selector:'[part~="rc-purchase-option__onetime"]',R=f.querySelector(x);if(R)for(const V of v){const O=R.querySelector(`[part~="${V.selector}"]`);O?.textContent&&!O.textContent.includes(A)&&$(O,L=>/\d/.test(L)?A:L)}}function m(f,v){const I=D(a,"subscriptionDiscount").filter(A=>A.selector.includes("benefit")||A.selector==="rc-benefits");for(const A of I){const E=f.querySelector(A.selector);if(E?.shadowRoot){for(const x of Array.from(E.shadowRoot.querySelectorAll("li")))if(x.textContent?.includes("Save")){const R=x.textContent.match(/[\d.]+%/)?.[0];R&&R!==`${v}%`&&$(x,V=>N(V,v))}}}}let y=!1;function w(){if(!y){y=!0;try{p();const f=B(a);if(!f)return;const v=u(f);b(f),k(f,v),S(f,v),C(f);const g=J(a,f);g&&(r==="buttons"||r==="radio"?P(g):_(g)),m(f,v)}finally{y=!1}}}const T=dt({data:a,runUpdates:w});return function(){T(),s()}}const jt=Object.freeze(Object.defineProperty({__proto__:null,subscriptionPreviewRender:Gt},Symbol.toStringTag,{value:"Module"}))})(); })("/", { suffix: "", type: "index" }, "main", 141636829282, false)</script>
    <!-- End of Shoplift scripts -->

    
  <!-- OneTrust Cookies Consent Notice start for supergoop.com -->
<script src="https://cdn.cookielaw.org/scripttemplates/otSDKStub.js" type="text/javascript" charset="UTF-8" data-domain-script="2b00e4aa-ba2a-4e83-bb10-f9b6a61b90bd"></script>
<script type="text/javascript">
function OptanonWrapper() { }
</script>
<!-- OneTrust Cookies Consent Notice end for supergoop.com -->

    
  <script type="text/javascript" id=""> window.__lxt_cache = window.__lxt_cache || [];
function lxt() {
  window.__lxt_cache.push(arguments)
}
window.lxt_attributes = {
  email: "c7e00e1309b7442b96f3b260067bbfff",
  email_sha256: "a8f3da0d7a72483d986c8e10597133da",
  categories_viewed: "e7477b0bc92849758a715bfeabf1c61d",
  date_of_last_visit: "bd13661ade37478a912f0bd1d73c172b",
  dates_visited: "cea31a4101134678b5fa4c26fc8cacf6",
  device_id: "ae11cb835c414e53bbc6add3fd365ebc",
  device_used: "39503a8f607d49deb69772b61e845262",
  did_complete_conversion: "5cf822c1ec11496da195ac3c2a404e80",
  did_start_conversion: "242849575f4b4eecbb0a582708dfefe6",
  pages_viewed_to_convert: "fe92e3d4829e494e91a9c961c9e2fde9",
  products_added_to_cart: "3804c50360e04ac09d1cdbb91761a380",
  products_removed_from_cart: "1af4762031874ae1b1055b957155d5af",
  products_viewed: "2ea3ddbc5faf406289d6657a4bb2bb0d",
  referrer_url: "cd3b0d3e98ae4e97ace4f58c5522a133",
  time_spent_to_convert: "21aba07d38244d7fb4f74f1b803d508b",
  utm_campaign: "50ae38ad747745b8878ada9d5dc99b7b",
  utm_content: "afbda97885e6492cb6b9335e27cae902",
  utm_medium: "4a32dcfa1c9c49a59071da3da5ea6832",
  utm_source: "27ad2c546de0402286a1c9ae64102b12",
  utm_term: "9ebdc2d63b294665b09093503b336f03"
};
lxt("initiate", "47b5195d966f475fbbdbefd295658980", window.lxt_attributes); </script>

    
    <script id="gorgias-chat-widget-install-v3" src="https://config.gorgias.chat/bundle-loader/01GYCBWV095P8X6KJ5EDFNKG6H">
</script>
  
    <!-- Rebuy Script tag -->

<script async src="https://cdn.rebuyengine.com/onsite/js/rebuy.js?shop=supergoop.myshopify.com"></script>

<!-- CUSTOM: Opens the native mini cart drawer when a Rebuy widget adds an item -->
<script>
// Opens the native cart drawer after a Rebuy widget adds an item to cart
document.addEventListener('rebuy.add', function () {
  document.dispatchEvent(new CustomEvent('cart:open'));
});
</script>
<!-- /CUSTOM -->


    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width,initial-scale=1">
    
    <link rel="canonical" href="https://supergoop.com/">
    <link rel="preconnect" href="https://cdn.shopify.com" crossorigin><link rel="icon" type="image/png" href="//supergoop.com/cdn/shop/files/favicon-32x32_329a1a5d-7477-4e25-a5e2-0c901c4461f9.png?crop=center&height=32&v=1706113620&width=32"><title>Supergoop! The Best Skincare with SPF and Sunscreen
</title>

    
      <meta name="description" content="Supergoop! is the only prestige skincare brand 100% dedicated to suncare, making it easy to incorporate UV protection into your daily routine">
    

    <style>
  @font-face {
    font-family: 'Suisse Intl Heading';
    src: url(//supergoop.com/cdn/shop/t/477/assets/SuisseIntl-Bold.woff2?v=72902908522784778181779122468) format('woff2'),
    url(//supergoop.com/cdn/shop/t/477/assets/SuisseIntl-Bold.woff?v=125136020073178351571779122468) format('woff');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
  }
  @font-face {
    font-family: 'Suisse Intl Heading';
    src: url(//supergoop.com/cdn/shop/t/477/assets/SuisseIntl-BoldItalic.woff2?v=89922534752051904151779122468) format('woff2'),
    url(//supergoop.com/cdn/shop/t/477/assets/SuisseIntl-BoldItalic.woff?v=153628695977255477201779122468) format('woff');
    font-weight: 700;
    font-style: italic;
    font-display: swap;
  }
  @font-face {
    font-family: 'Suisse Intl';
    src: url(//supergoop.com/cdn/shop/t/477/assets/SuisseIntl-Light.woff2?v=125469304011073449611779122468) format('woff2'),
    url(//supergoop.com/cdn/shop/t/477/assets/SuisseIntl-Light.woff?v=108704175591918348151779122468) format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
  }
  @font-face {
    font-family: 'Suisse Intl';
    src: url(//supergoop.com/cdn/shop/t/477/assets/SuisseIntl-Regular.woff2?v=165628043512112570221779122468) format('woff2'),
    url(//supergoop.com/cdn/shop/t/477/assets/SuisseIntl-Regular.woff?v=111446258550087602671779122468) format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
  }

  @font-face {
    font-family: 'Suisse Intl';
    src: url(//supergoop.com/cdn/shop/t/477/assets/SuisseIntl-Regular.woff2?v=165628043512112570221779122468) format('woff2'),
    url(//supergoop.com/cdn/shop/t/477/assets/SuisseIntl-Regular.woff?v=111446258550087602671779122468) format('woff');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
  }

  @font-face {
    font-family: 'Suisse Intl';
    src: url(//supergoop.com/cdn/shop/t/477/assets/SuisseIntl-Semibold.woff2?v=75262486896577098951779122468) format('woff2'),
    url(//supergoop.com/cdn/shop/t/477/assets/SuisseIntl-Semibold.woff?v=16600918575579241081779122468) format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
  }

  @font-face {
    font-family: 'Suisse Intl';
    src: url(//supergoop.com/cdn/shop/t/477/assets/SuisseIntl-Medium.woff2?v=524381) format('woff2'),
    url(//supergoop.com/cdn/shop/t/477/assets/SuisseIntl-Medium.woff?v=524381) format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
  }
</style>

    <link href="//supergoop.com/cdn/shop/t/477/assets/main.css?v=121587476661338951271779122468" rel="stylesheet" type="text/css" media="all" />

    <script src="//supergoop.com/cdn/shop/t/477/assets/vendor.js?v=78828361113169313371779122468" defer="defer"></script>
    <script src="//supergoop.com/cdn/shop/t/477/assets/main.js?v=50339791211347816561779122468" defer="defer"></script>

    <script>window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.start');</script><meta name="facebook-domain-verification" content="0oknsba5r1tmpr1r01i0t6zv5r9loz">
<meta name="google-site-verification" content="xOSX0fAQnyek0PRWgm96KyyTJITZ4Q7daudBJlPAazE">
<meta id="shopify-digital-wallet" name="shopify-digital-wallet" content="/15035658/digital_wallets/dialog">
<meta name="shopify-checkout-api-token" content="4b655c26cfb9041198e481604ff103db">
<meta id="in-context-paypal-metadata" data-shop-id="15035658" data-venmo-supported="true" data-environment="production" data-locale="en_US" data-paypal-v4="true" data-currency="USD">
<script async="async" src="/checkouts/internal/preloads.js?locale=en-US"></script>
<link rel="preconnect" href="https://shop.app" crossorigin="anonymous">
<script async="async" src="https://shop.app/checkouts/internal/preloads.js?locale=en-US&shop_id=15035658" crossorigin="anonymous"></script>
<script id="apple-pay-shop-capabilities" type="application/json">{"shopId":15035658,"countryCode":"US","currencyCode":"USD","merchantCapabilities":["supports3DS"],"merchantId":"gid:\/\/shopify\/Shop\/15035658","merchantName":"Supergoop!","requiredBillingContactFields":["postalAddress","email"],"requiredShippingContactFields":["postalAddress","email"],"shippingType":"shipping","supportedNetworks":["visa","masterCard","amex","discover","elo","jcb"],"total":{"type":"pending","label":"Supergoop!","amount":"1.00"},"shopifyPaymentsEnabled":true,"supportsSubscriptions":true}</script>
<script id="shopify-features" type="application/json">{"accessToken":"4b655c26cfb9041198e481604ff103db","betas":["rich-media-storefront-analytics"],"domain":"supergoop.com","predictiveSearch":true,"shopId":15035658,"locale":"en"}</script>
<script>var Shopify = Shopify || {};
Shopify.shop = "supergoop.myshopify.com";
Shopify.locale = "en";
Shopify.currency = {"active":"USD","rate":"1.0"};
Shopify.country = "US";
Shopify.theme = {"name":"AFTER F\u0026F","id":141636829282,"schema_name":"Supergoop Theme","schema_version":"25.3.0","theme_store_id":null,"role":"main"};
Shopify.theme.handle = "null";
Shopify.theme.style = {"id":null,"handle":null};
Shopify.cdnHost = "supergoop.com/cdn";
Shopify.routes = Shopify.routes || {};
Shopify.routes.root = "/";
Shopify.shopJsCdnBaseUrl = "https://cdn.shopify.com/shopifycloud/shop-js";
Shopify.SignInWithShop = Shopify.SignInWithShop || {};
Shopify.SignInWithShop.User = Shopify.SignInWithShop.User || {};
Shopify.SignInWithShop.User.recognized = false;</script>
<script type="module">!function(o){(o.Shopify=o.Shopify||{}).modules=!0}(window);</script>
<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>
<script>
  window.ShopifyPay = window.ShopifyPay || {};
  window.ShopifyPay.apiHost = "shop.app\/pay";
  window.ShopifyPay.redirectState = null;
</script>
<script>
  window.Shopify = window.Shopify || {};
  window.Shopify.SignInWithShop = window.Shopify.SignInWithShop || {};
  window.Shopify.SignInWithShop.assetMetrics = { sampleRate: 0.01 };
  window.Shopify.SignInWithShop.eligible = true;
</script>
<script id="shop-js-analytics" type="application/json">{"pageType":"index"}</script>
<script defer="defer" async type="module" src="//supergoop.com/cdn/shopifycloud/shop-js/modules/v2/loader.init-shop-cart-sync.en.esm.js"></script>
<script type="module">
  await import("//supergoop.com/cdn/shopifycloud/shop-js/modules/v2/loader.init-shop-cart-sync.en.esm.js");

  window.Shopify.SignInWithShop?.initShopCartSync?.({"fedCMEnabled":true,"windoidEnabled":true});

</script>
<script>
  window.Shopify = window.Shopify || {};
  if (!window.Shopify.featureAssets) window.Shopify.featureAssets = {};
  window.Shopify.featureAssets['shop-js'] = {"shop-toast-manager":["modules/v2/loader.shop-toast-manager.en.esm.js"],"shop-cash-offers":["modules/v2/loader.shop-cash-offers.en.esm.js"],"listener":["modules/v2/loader.listener.en.esm.js"],"shop-button":["modules/v2/loader.shop-button.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"],"init-fed-cm":["modules/v2/loader.init-fed-cm.en.esm.js"],"init-shop-email-lookup-coordinator":["modules/v2/loader.init-shop-email-lookup-coordinator.en.esm.js"],"avatar":["modules/v2/loader.avatar.en.esm.js"],"init-shop-cart-sync":["modules/v2/loader.init-shop-cart-sync.en.esm.js"],"shop-login-button":["modules/v2/loader.shop-login-button.en.esm.js"],"shop-user-recognition":["modules/v2/loader.shop-user-recognition.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"],"pay-button":["modules/v2/loader.pay-button.en.esm.js"],"init-shop-for-new-customer-accounts":["modules/v2/loader.init-shop-for-new-customer-accounts.en.esm.js"],"shop-cart-sync":["modules/v2/loader.shop-cart-sync.en.esm.js"],"init-customer-accounts":["modules/v2/loader.init-customer-accounts.en.esm.js"],"shop-login":["modules/v2/loader.shop-login.en.esm.js"],"shop-follow-button":["modules/v2/loader.shop-follow-button.en.esm.js"],"lead-capture":["modules/v2/loader.lead-capture.en.esm.js"],"payment-terms":["modules/v2/loader.payment-terms.en.esm.js"]};
</script>
<script>(function() {
  var isLoaded = false;
  function asyncLoad() {
    if (isLoaded) return;
    isLoaded = true;
    var urls = ["https:\/\/beacon.riskified.com\/?shop=supergoop.myshopify.com","https:\/\/cdn-loyalty.yotpo.com\/loader\/iTfw275wn2LF1RWUXq1Z3Q.js?shop=supergoop.myshopify.com","https:\/\/str.rise-ai.com\/?shop=supergoop.myshopify.com","https:\/\/strn.rise-ai.com\/?shop=supergoop.myshopify.com","https:\/\/cdn-app.cart-bot.net\/public\/js\/append.js?shop=supergoop.myshopify.com","https:\/\/ecom-app.rakutenadvertising.io\/rakuten_advertising.js?shop=supergoop.myshopify.com","https:\/\/tag.rmp.rakuten.com\/120844.ct.js?shop=supergoop.myshopify.com","https:\/\/cdn.shopify.com\/s\/files\/1\/1503\/5658\/t\/477\/assets\/loy_15035658.js?v=1779122468\u0026shop=supergoop.myshopify.com","https:\/\/cdn.attn.tv\/supergoop\/dtag.js?shop=supergoop.myshopify.com","\/\/backinstock.useamp.com\/widget\/18939_1767154643.js?category=bis\u0026v=6\u0026shop=supergoop.myshopify.com","https:\/\/media.9gtb.com\/loader.js?g_cvt_id=28ff5d62-5086-4896-9375-bc1ea4ff6eb7\u0026shop=supergoop.myshopify.com"];
    for (var i = 0; i < urls.length; i++) {
      var s = document.createElement('script');
      s.type = 'text/javascript';
      s.async = true;
      s.src = urls[i];
      var x = document.getElementsByTagName('script')[0];
      x.parentNode.insertBefore(s, x);
    }
  };
  if(window.attachEvent) {
    window.attachEvent('onload', asyncLoad);
  } else {
    window.addEventListener('load', asyncLoad, false);
  }
})();</script>
<script id="__st">var __st={"a":15035658,"offset":-14400,"reqid":"dd8824f1-ca84-4bb5-9094-1559dfb2b78f-1780980980","pageurl":"supergoop.com\/index.css","u":"dc50ea19a69b","p":"home"};</script>
<script>window.ShopifyPaypalV4VisibilityTracking = true;</script>
<script id="form-persister">!function(){'use strict';const t='contact',e='new_comment',n=[[t,t],['blogs',e],['comments',e],[t,'customer']],o='password',r='form_key',c=['recaptcha-v3-token','g-recaptcha-response','h-captcha-response',o],s=()=>{try{return window.sessionStorage}catch{return}},i='__shopify_v',u=t=>t.elements[r],a=function(){const t=[...n].map((([t,e])=>`form[action*='/${t}']:not([data-nocaptcha='true']) input[name='form_type'][value='${e}']`)).join(',');var e;return e=t,()=>e?[...document.querySelectorAll(e)].map((t=>t.form)):[]}();function m(t){const e=u(t);a().includes(t)&&(!e||!e.value)&&function(t){try{if(!s())return;!function(t){const e=s();if(!e)return;const n=u(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){u(t)||t.append(Object.assign(document.createElement('input'),{type:'hidden',name:r})),t.elements[r].value=e}(t,e),function(t,e){const n=s();if(!n)return;const r=[...t.querySelectorAll(`input[type='${o}']`)].map((({name:t})=>t)),u=[...c,...r],a={};for(const[o,c]of new FormData(t).entries())u.includes(o)||(a[o]=c);n.setItem(e,JSON.stringify({[i]:1,action:t.action,data:a}))}(t,e)}catch(e){console.error('failed to persist form',e)}}(t)}const f=t=>{if('true'===t.dataset.persistBound)return;const e=function(t,e){const n=function(t){return'function'==typeof t.submit?t.submit:HTMLFormElement.prototype.submit}(t).bind(t);return function(){let t;return()=>{t||(t=!0,(()=>{try{e(),n()}catch(t){(t=>{console.error('form submit failed',t)})(t)}})(),setTimeout((()=>t=!1),250))}}()}(t,(()=>{m(t)}));!function(t,e){if('function'==typeof t.submit&&'function'==typeof e)try{t.submit=e}catch{}}(t,e),t.addEventListener('submit',(t=>{t.preventDefault(),e()})),t.dataset.persistBound='true'};!function(){function t(t){const e=(t=>{const e=t.target;return e instanceof HTMLFormElement?e:e&&e.form})(t);e&&m(e)}document.addEventListener('submit',t),document.addEventListener('DOMContentLoaded',(()=>{const e=a();for(const t of e)f(t);var n;n=document.body,new window.MutationObserver((t=>{for(const e of t)if('childList'===e.type&&e.addedNodes.length)for(const t of e.addedNodes)1===t.nodeType&&'FORM'===t.tagName&&a().includes(t)&&f(t)})).observe(n,{childList:!0,subtree:!0,attributes:!1}),document.removeEventListener('submit',t)}))}()}();</script>
<script integrity="sha256-JjoPp5ZfB1sSAs5SQaol1x1GgvveM+BgmRzyDexInEQ=" data-source-attribution="shopify.loadfeatures" defer="defer" src="//supergoop.com/cdn/shopifycloud/storefront/assets/storefront/load_feature-1bd60354.js" crossorigin="anonymous"></script>
<script crossorigin="anonymous" defer="defer" src="//supergoop.com/cdn/shopifycloud/storefront/assets/shopify_pay/storefront-bf1cdb70.js?v=20250812"></script>
<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://supergoop.com/cdn/shopifycloud/portable-wallets/latest/portable-wallets.en.js",t.type="module",document.head.appendChild(t)}};
</script>
<script data-source-attribution="shopify.dynamic_checkout.buyer_consent">
  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);
</script>
<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})}}));
</script>
<script async="async" integrity="sha256-hlq21VGceRKy8z+Fjhropk1BwDPACP0RdQ5rBrATyUo=" src="//cdn.shopify.com/shopifycloud/storefront/assets/storefront/origin_trials-67b41cb9.js" crossorigin="anonymous"></script>
<link id="shopify-accelerated-checkout-styles" rel="stylesheet" media="screen" href="https://supergoop.com/cdn/shopifycloud/portable-wallets/latest/accelerated-checkout-backwards-compat.css" crossorigin="anonymous">
<style id="shopify-accelerated-checkout-cart">
        #shopify-buyer-consent {
  margin-top: 1em;
  display: inline-block;
  width: 100%;
}

#shopify-buyer-consent.hidden {
  display: none;
}

#shopify-subscription-policy-button {
  background: none;
  border: none;
  padding: 0;
  text-decoration: underline;
  font-size: inherit;
  cursor: pointer;
}

#shopify-subscription-policy-button::before {
  box-shadow: none;
}

      </style>

<script id="shopify-cfh-end">window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.end');</script>

    <script>document.documentElement.className = document.documentElement.className.replace('no-js', 'js');</script>
    <script type="text/javascript">
  window.heapReadyCb=window.heapReadyCb||[],window.heap=window.heap||[],heap.load=function(e,t){window.heap.envId=e,window.heap.clientConfig=t=t||{},window.heap.clientConfig.shouldFetchServerConfig=!1;var a=document.createElement("script");a.type="text/javascript",a.async=!0,a.src="https://cdn.us.heap-api.com/config/"+e+"/heap_config.js";var r=document.getElementsByTagName("script")[0];r.parentNode.insertBefore(a,r);var n=["init","startTracking","stopTracking","track","resetIdentity","identify","identifyHashed","getSessionId","getUserId","getIdentity","addUserProperties","addEventProperties","removeEventProperty","clearEventProperties","addAccountProperties","addAdapter","addTransformer","addTransformerFn","onReady","addPageviewProperties","removePageviewProperty","clearPageviewProperties","trackPageview"],i=function(e){return function(){var t=Array.prototype.slice.call(arguments,0);window.heapReadyCb.push({name:e,fn:function(){heap[e]&&heap[e].apply(heap,t)}})}};for(var p=0;p<n.length;p++)heap[n[p]]=i(n[p])};
  heap.load("334790879");
</script>
  
    



<script src="https://snapui.searchspring.io/955nyr/production/bundle.js" id="searchspring-context" defer>

    template = "index";

format = "${{amount}}";

</script>
  

  
  
    <!-- Envive -->
    <script name='spiffy-react'>
      (function() {
        window._spiffy = {
          env: '/production/universal-build/spiffy-react-components/index',
          show: true,
          publicKey: '552ab3ed94ad08473a1552983f6468034f3151c3f0a480519075fa9c3bbd2699'
        };
        var loadSpiffyScript = function() {
          var script = document.createElement('script');
          script.type = 'module';
          script.src = 'https://cdn.spiffy.ai/production/universal-build/spiffy-react-components/index.js';
          script.fetchPriority = 'high';
          document.head.appendChild(script);
        };
        loadSpiffyScript();
      })();
    </script>
  
  
  
<!-- BEGIN app block: shopify://apps/checkmate/blocks/checked_network/697a3444-1374-4f13-ba8c-ec03db25ebf0 -->
  <script
    src='/apps/cm/v1/load?source=embed'
    async
  ></script>



<!-- END app block --><!-- BEGIN app block: shopify://apps/yotpo-loyalty-rewards/blocks/loader-app-embed-block/2f9660df-5018-4e02-9868-ee1fb88d6ccd -->
    <script src="https://cdn-widgetsrepository.yotpo.com/v1/loader/iTfw275wn2LF1RWUXq1Z3Q" async></script>




<!-- END app block --><!-- BEGIN app block: shopify://apps/attentive/blocks/attn-tag/8df62c72-8fe4-407e-a5b3-72132be30a0d --><script type="text/javascript" src="https://vafqt.supergoop.com/providers/atLabel/load" onerror=" var fallbackScript = document.createElement('script'); fallbackScript.src = 'https://cdn.attn.tv/supergoop/dtag.js'; document.head.appendChild(fallbackScript);" data-source="loaded?source=app-embed" defer="defer"></script>


<!-- END app block --><!-- BEGIN app block: shopify://apps/elevar-conversion-tracking/blocks/dataLayerEmbed/bc30ab68-b15c-4311-811f-8ef485877ad6 -->



<script type="module" dynamic>
  const configUrl = "/a/elevar/static/configs/e3104fc4bfe645096b307d7caf79bed00494dbbb/config.js";
  const config = (await import(configUrl)).default;
  const scriptUrl = config.script_src_app_theme_embed;

  if (scriptUrl) {
    const { handler } = await import(scriptUrl);

    await handler(
      config,
      {
        cartData: {
  marketId: "1686143074",
  attributes:{},
  cartTotal: "0.0",
  currencyCode:"USD",
  items: []
}
,
        user: {cartTotal: "0.0",
    currencyCode:"USD",customer: {},
}
,
        isOnCartPage:false,
        collectionView:null,
        searchResultsView:null,
        productView:null,
        checkoutComplete: null
      }
    );
  }
</script>


<!-- END app block --><!-- BEGIN app block: shopify://apps/yotpo-product-reviews/blocks/settings/eb7dfd7d-db44-4334-bc49-c893b51b36cf -->


  <script type="text/javascript" src="https://cdn-widgetsrepository.yotpo.com/v1/loader/2K1nezyQOlJkhMRlVo0orzfOsTcUFrVeP1vbb87T?languageCode=en" async></script>



  
<!-- END app block --><!-- BEGIN app block: shopify://apps/gorgias-live-chat-helpdesk/blocks/gorgias/a66db725-7b96-4e3f-916e-6c8e6f87aaaa -->
<script defer data-gorgias-loader-chat src="https://config.gorgias.chat/bundle-loader/shopify/supergoop.myshopify.com"></script>


<script defer data-gorgias-loader-convert  src="https://content.9gtb.com/loader.js"></script>


<script defer data-gorgias-loader-mailto-replace  src="https://config.gorgias.help/api/contact-forms/replace-mailto-script.js?shopName=supergoop"></script>


<!-- END app block --><!-- BEGIN app block: shopify://apps/cartbot/blocks/cartbot-script-append/f7a44e3b-3901-4412-9d5a-3db0980a9db0 --><script defer="defer">
	/**	Cartbot script loader, version number: 2.0 */
	(function(){
		var loadScript=function(a,b){var c=document.createElement("script");c.type="text/javascript",c.readyState?c.onreadystatechange=function(){("loaded"==c.readyState||"complete"==c.readyState)&&(c.onreadystatechange=null,b())}:c.onload=function(){b()},c.src=a,document.getElementsByTagName("head")[0].appendChild(c)};
		appendScriptUrl('supergoop.myshopify.com');

		// get script url and append timestamp of last change
		function appendScriptUrl(shop) {

			var timeStamp 			= Math.floor(Date.now() / (1000*1*1));
			var timestampUrl 		= 'https://app.cart-bot.net/public/status/shop/'+shop+'.js?'+timeStamp;
			var backupTimestampUrl 	= 'https://cdn-app.cart-bot.net/public/status/shop/'+shop+'.js?'+timeStamp;

			loadScript(timestampUrl, function() {
				// Append app script
				if (typeof giftbee_settings_updated == 'undefined') {
					giftbee_settings_updated = 'default-by-script';
				}

				var scriptUrl = "https://cdn-app.cart-bot.net/public/js/main.js?shop="+shop+"&"+giftbee_settings_updated;

				loadScript(scriptUrl, function(){});
			}, function() {
				// Failure
				loadScript(backupTimestampUrl, function() {
					// Append app script
					if (typeof giftbee_settings_updated == 'undefined') {
						giftbee_settings_updated = 'default-by-script';
					}

					var scriptUrl = "https://cdn-app.cart-bot.net/public/js/main.js?shop="+shop+"&"+giftbee_settings_updated;

					loadScript(scriptUrl, function(){});
				}, function() {});
			});
		}
	})();

	var CartBotScriptAppended = true;
</script>

<!-- END app block --><script src="https://cdn.shopify.com/extensions/019ea3f7-ac29-7f84-8705-d941d3ce8309/rivo-loyalty-rewards-referrals-779/assets/rivo-app-embed.js" type="text/javascript" defer="defer"></script>
<script src="https://cdn.shopify.com/extensions/7167d0de-fec2-4670-827c-19a1770fa4e0/forms-2409/assets/shopify-forms-loader.js" type="text/javascript" defer="defer"></script>
<meta property="og:image" content="https://cdn.shopify.com/s/files/1/1503/5658/files/SiteReplatform_SocialSharing.jpg?v=1706562051" />
<meta property="og:image:secure_url" content="https://cdn.shopify.com/s/files/1/1503/5658/files/SiteReplatform_SocialSharing.jpg?v=1706562051" />
<meta property="og:image:width" content="2400" />
<meta property="og:image:height" content="1256" />
<link href="https://monorail-edge.shopifysvc.com" rel="dns-prefetch">
<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: 15035658,url: window.location.href,navigation_start,duration: currentMs - navigation_start,session_token,page_type: "index"};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>
<script>
  window.__TREKKIE_SHIM_QUEUE = window.__TREKKIE_SHIM_QUEUE || [];
</script>
<script id="web-pixels-manager-setup">(function(){var wpmLoader=function(){"use strict";return function(e,d,r,n){var o=arguments.length>4&&void 0!==arguments[4]?arguments[4]:{};if(!Boolean(null==(i=null==(a=window.Shopify)?void 0:a.analytics)?void 0:i.replayQueue)){var a,i;window.Shopify=window.Shopify||{};var t=window.Shopify;t.analytics=t.analytics||{};var s=t.analytics;s.replayQueue=[],s.publish=function(e,d,r){return s.replayQueue.push([e,d,r]),!0};try{self.performance.mark("wpm:start")}catch(e){}var l,u,c,m,p,f,h,g,y,w,v,b,S,P=(u=(l={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:?[ /-](13[3-9]|1[4-9]\d|[2-9]\d{2}|\d{4,})(\.\d+|)(\.\d+|)|Android.+Firefox\/(13[5-9]|1[4-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+Chrom(ium|e)\/(13[3-9]|1[4-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:?[ /-](13[3-9]|1[4-9]\d|[2-9]\d{2}|\d{4,})(\.\d+|)(\.\d+|)|Mobile Safari.+OPR\/([89]\d|\d{3,})\.\d+\.\d+|Android.+Firefox\/(13[5-9]|1[4-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+Chrom(ium|e)\/(13[3-9]|1[4-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,c=l.legacy,(m=navigator.userAgent).match(u)?"modern":m.match(c)?"legacy":"unknown"),C="modern"===P?"modern":"legacy",_=(null!=n?n:{modern:"",legacy:""})[C],O=[(p={baseUrl:d,hashVersion:r,buildTarget:C}).baseUrl,"/wpm","/b",p.hashVersion,"modern"===p.buildTarget?"m":"l",".js"].join(""),U=(f={version:r,bundleTarget:P,surface:e.surface,pageUrl:self.location.href,monorailEndpoint:e.monorailEndpoint},h=f.version,g=f.bundleTarget,y=f.surface,w=f.pageUrl,v=f.monorailEndpoint,{emit:function(e){var d=e.status,r=e.errorMsg,n=(new Date).getTime(),o=JSON.stringify({metadata:{event_sent_at_ms:n},events:[{schema_id:"web_pixels_manager_load/3.1",payload:{version:h,bundle_target:g,page_url:w,status:d,surface:y,error_msg:r},metadata:{event_created_at_ms:n}}]});if(!v)return console&&console.warn&&console.warn("[Web Pixels Manager] No Monorail endpoint provided, skipping logging."),!1;try{return self.navigator.sendBeacon.bind(self.navigator)(v,o)}catch(e){}var a=new XMLHttpRequest;try{return a.open("POST",v,!0),a.setRequestHeader("Content-Type","text/plain"),a.send(o),!0}catch(e){return console&&console.warn&&console.warn("[Web Pixels Manager] Got an unhandled error while logging to Monorail."),!1}}});try{o.browserTarget=P,function(e){var d=e.src,r=e.async,n=void 0===r||r,o=e.onload,a=e.onerror,i=e.sri,t=e.scriptDataAttributes,s=void 0===t?{}:t,l=document.createElement("script"),u=document.querySelector("head"),c=document.querySelector("body");if(l.async=n,l.src=d,i&&(l.integrity=i,l.crossOrigin="anonymous"),s)for(var m in s)if(Object.prototype.hasOwnProperty.call(s,m))try{l.dataset[m]=s[m]}catch(e){}if(o&&l.addEventListener("load",o),a&&l.addEventListener("error",a),u)u.appendChild(l);else{if(!c)throw new Error("Did not find a head or body element to append the script");c.appendChild(l)}}({src:O,async:!0,onload:function(){if(!function(){var e,d;return Boolean(null==(d=null==(e=window.Shopify)?void 0:e.analytics)?void 0:d.initialized)}()){var d=window.webPixelsManager.init(e)||void 0;if(d){var r=window.Shopify.analytics;r.replayQueue.forEach(function(e){var r=e[0],n=e[1],o=e[2];d.publishCustomEvent(r,n,o)}),r.replayQueue=[],r.publish=d.publishCustomEvent,r.visitor=d.visitor,r.initialized=!0}}},onerror:function(){return U.emit({status:"failed",errorMsg:"".concat(O," has failed to load")})},sri:(b=_,S=/^sha384-[A-Za-z0-9+/=]+$/,"string"==typeof b&&S.test(b)?_:""),scriptDataAttributes:o}),U.emit({status:"loading"})}catch(e){U.emit({status:"failed",errorMsg:(null==e?void 0:e.message)||"Unknown error"})}}}}();wpmLoader({shopId: 15035658,storefrontBaseUrl: "https://supergoop.com",extensionsBaseUrl: "https://extensions.shopifycdn.com/cdn/shopifycloud/web-pixels-manager",monorailEndpoint: "https://monorail-edge.shopifysvc.com/unstable/produce_batch",surface: "storefront-renderer",enabledBetaFlags: ["2dca8a86","d5bdd5d0","3209b71c","5acaffe6","86d76263","3b3c7daf","6faea013"],webPixelsConfigList: [{"id":"1691484258","configuration":"{ \"accountId\": \"supergoop.myshopify.com\" }","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"190b708db1ea9071d8d0a30a4c23dac0","type":"APP","apiClientId":94099111937,"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":"1690992738","configuration":"{\"config\":\"{\\\"google_tag_ids\\\":[\\\"AW-908578631\\\"],\\\"target_country\\\":\\\"US\\\",\\\"gtag_events\\\":[{\\\"type\\\":\\\"begin_checkout\\\",\\\"action_label\\\":\\\"AW-908578631\\\/P7icCK7N5eAZEMeen7ED\\\"},{\\\"type\\\":\\\"search\\\",\\\"action_label\\\":\\\"AW-908578631\\\/N7y_CKjN5eAZEMeen7ED\\\"},{\\\"type\\\":\\\"view_item\\\",\\\"action_label\\\":\\\"AW-908578631\\\/MScVCOa65eAZEMeen7ED\\\"},{\\\"type\\\":\\\"purchase\\\",\\\"action_label\\\":\\\"AW-908578631\\\/Uir8COC65eAZEMeen7ED\\\"},{\\\"type\\\":\\\"page_view\\\",\\\"action_label\\\":\\\"AW-908578631\\\/n9P7COO65eAZEMeen7ED\\\"},{\\\"type\\\":\\\"add_payment_info\\\",\\\"action_label\\\":\\\"AW-908578631\\\/NzknCLHN5eAZEMeen7ED\\\"},{\\\"type\\\":\\\"add_to_cart\\\",\\\"action_label\\\":\\\"AW-908578631\\\/McH2CKvN5eAZEMeen7ED\\\"}],\\\"enable_monitoring_mode\\\":false}\"}","eventPayloadVersion":"v1","runtimeContext":"OPEN","scriptVersion":"f15305aac1e98c5c26a7c80e7bc37bde","type":"APP","apiClientId":1780363,"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","enabledFlags":["9a3ed68a"]},{"id":"1219002466","configuration":"{\"yotpoStoreId\":\"2K1nezyQOlJkhMRlVo0orzfOsTcUFrVeP1vbb87T\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"c5c2579aac465eb24ca7bc0501a6000d","type":"APP","apiClientId":70132,"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":"1000407138","configuration":"{\"env\":\"prod\"}","eventPayloadVersion":"v1","runtimeContext":"LAX","scriptVersion":"e8e6997ff18eda78e97bab9721f13a5a","type":"APP","apiClientId":3977633,"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":"586711138","configuration":"{ \"spiffyApiKey\": \"552ab3ed94ad08473a1552983f6468034f3151c3f0a480519075fa9c3bbd2699\", \"spiffyEnvironment\": \"prod\" }","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"db5403d6edbe92f30b53aa2464dc1225","type":"APP","apiClientId":200980758529,"privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_email","read_customer_name","read_customer_personal_data"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized"},{"id":"476971106","configuration":"{\"shop\":\"supergoop.myshopify.com\", \"shopliftUrl\":\"https:\/\/events.shoplift.ai\/api\/events\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"24c9ecc3cab2a5cad14f04750f74c9f1","type":"APP","apiClientId":7521861633,"privacyPurposes":["ANALYTICS"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_personal_data"],"dataSharingControls":["share_all_events"]},"dataSharingState":"unrestricted"},{"id":"248709218","configuration":"{\"loggingEnabled\":\"true\", \"ranMid\":\"45197\", \"serverPixelEnabled\":\"true\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"67876d85c0116003a8f8eee2de1601f3","type":"APP","apiClientId":2531653,"privacyPurposes":["ANALYTICS"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_personal_data"],"dataSharingControls":["share_all_events"]},"dataSharingState":"unrestricted"},{"id":"96239714","configuration":"{\"siteId\":\"955nyr\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"93ba91c704e05f9c3f985b31215f6276","type":"APP","apiClientId":12202,"privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_email","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized"},{"id":"36667490","configuration":"{\"config_url\": \"\/a\/elevar\/static\/configs\/e3104fc4bfe645096b307d7caf79bed00494dbbb\/config.js\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"18768251ba39e648a21817a5a3c6ddf4","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":"39125090","eventPayloadVersion":"1","runtimeContext":"LAX","scriptVersion":"1","type":"CUSTOM","privacyPurposes":[],"name":"Attentive tag"},{"id":"47054946","eventPayloadVersion":"1","runtimeContext":"LAX","scriptVersion":"1","type":"CUSTOM","privacyPurposes":[],"name":"Elevar - Checkout Tracking"},{"id":"shopify-app-pixel","configuration":"{}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"0460","apiClientId":"shopify-pixel","type":"APP","privacyPurposes":["ANALYTICS","MARKETING"]},{"id":"shopify-custom-pixel","eventPayloadVersion":"v1","runtimeContext":"LAX","scriptVersion":"0460","apiClientId":"shopify-pixel","type":"CUSTOM","privacyPurposes":["ANALYTICS","MARKETING"]}],isMerchantRequest: false,initData: {"shop":{"name":"Supergoop!","paymentSettings":{"currencyCode":"USD"},"myshopifyDomain":"supergoop.myshopify.com","countryCode":"US","storefrontUrl":"https:\/\/supergoop.com"},"customer":null,"cart":null,"checkout":null,"productVariants":[],"products":null,"purchasingCompany":null,"page":null},},"https://supergoop.com/cdn","a9664f44w6a62cec8p04af10e4mb91e3447",{"modern":"","legacy":""},{"trekkieShim":true,"apiClientId":"580111","pageType":"home","shopId":"15035658","storefrontBaseUrl":"https:\/\/supergoop.com","extensionBaseUrl":"https:\/\/extensions.shopifycdn.com\/cdn\/shopifycloud\/web-pixels-manager","surface":"storefront-renderer","enabledBetaFlags":"[\"2dca8a86\", \"d5bdd5d0\", \"3209b71c\", \"5acaffe6\", \"86d76263\", \"3b3c7daf\", \"6faea013\"]","isMerchantRequest":"false","hashVersion":"a9664f44w6a62cec8p04af10e4mb91e3447","publish":"custom","events":"[[\"page_viewed\",{}]]"});})();</script><script>
  window.ShopifyAnalytics = window.ShopifyAnalytics || {};
  window.ShopifyAnalytics.meta = window.ShopifyAnalytics.meta || {};
  window.ShopifyAnalytics.meta.currency = 'USD';
  var meta = {"page":{"pageType":"home","requestId":"dd8824f1-ca84-4bb5-9094-1559dfb2b78f-1780980980"}};
  for (var attr in meta) {
    window.ShopifyAnalytics.meta[attr] = meta[attr];
  }
</script>
<script class="analytics">
  (function () {
    var customDocumentWrite = function(content) {
      var jquery = null;

      if (window.jQuery) {
        jquery = window.jQuery;
      } else if (window.Checkout && window.Checkout.$) {
        jquery = window.Checkout.$;
      }

      if (jquery) {
        jquery('body').append(content);
      }
    };

    var hasLoggedConversion = function(token) {
      if (token) {
        return document.cookie.indexOf('loggedConversion=' + token) !== -1;
      }
      return false;
    }

    var setCookieIfConversion = function(token) {
      if (token) {
        var twoMonthsFromNow = new Date(Date.now());
        twoMonthsFromNow.setMonth(twoMonthsFromNow.getMonth() + 2);

        document.cookie = 'loggedConversion=' + token + '; expires=' + twoMonthsFromNow;
      }
    }

    var trekkie = window.ShopifyAnalytics.lib = window.trekkie = window.trekkie || [];
    window.ShopifyAnalytics.lib.trekkie = window.trekkie;
    if (trekkie.integrations) {
      return;
    }
    trekkie.methods = [
      'identify',
      'page',
      'ready',
      'track',
      'trackForm',
      'trackLink'
    ];
    trekkie.factory = function(method) {
      return function() {
        var args = Array.prototype.slice.call(arguments);
        args.unshift(method);
        trekkie.push(args);
        if (window.__TREKKIE_SHIM_QUEUE && (method == 'track' || method == 'page')) {
          try {
            window.__TREKKIE_SHIM_QUEUE.push({
              from: 'trekkie-stub',
              method: method,
              args: args.slice(1)
            });
          } catch (e) {
            // no-op
          }
        }
        return trekkie;
      };
    };
    for (var i = 0; i < trekkie.methods.length; i++) {
      var key = trekkie.methods[i];
      trekkie[key] = trekkie.factory(key);
    }
    trekkie.load = function(config) {
      trekkie.config = config || {};
      trekkie.config.initialDocumentCookie = document.cookie;
      var first = document.getElementsByTagName('script')[0];
var script = document.createElement('script');
script.type = 'text/javascript';
script.onerror = function(e) {
  var scriptFallback = document.createElement('script');
  scriptFallback.type = 'text/javascript';
  scriptFallback.onerror = function(error) {
          var Monorail = {
      produce: function produce(monorailDomain, schemaId, payload) {
        var currentMs = new Date().getTime();
        var event = {
          schema_id: schemaId,
          payload: payload,
          metadata: {
            event_created_at_ms: currentMs,
            event_sent_at_ms: currentMs
          }
        };
        return Monorail.sendRequest("https://" + monorailDomain + "/v1/produce", JSON.stringify(event));
      },
      sendRequest: function sendRequest(endpointUrl, payload) {
        // Try the sendBeacon API
        if (window && window.navigator && typeof window.navigator.sendBeacon === 'function' && typeof window.Blob === 'function' && !Monorail.isIos12()) {
          var blobData = new window.Blob([payload], {
            type: 'text/plain'
          });

          if (window.navigator.sendBeacon(endpointUrl, blobData)) {
            return true;
          } // sendBeacon was not successful

        } // XHR beacon

        var xhr = new XMLHttpRequest();

        try {
          xhr.open('POST', endpointUrl);
          xhr.setRequestHeader('Content-Type', 'text/plain');
          xhr.send(payload);
        } catch (e) {
          console.log(e);
        }

        return false;
      },
      isIos12: function isIos12() {
        return window.navigator.userAgent.lastIndexOf('iPhone; CPU iPhone OS 12_') !== -1 || window.navigator.userAgent.lastIndexOf('iPad; CPU OS 12_') !== -1;
      }
    };
    Monorail.produce('monorail-edge.shopifysvc.com',
      'trekkie_storefront_load_errors/1.1',
      {shop_id: 15035658,
      theme_id: 141636829282,
      app_name: "storefront",
      context_url: window.location.href,
      source_url: "//supergoop.com/cdn/s/trekkie.storefront.f7140b8b25ae1195cf346a36a85e3e4bcf46adb3.min.js"});

  };
  scriptFallback.async = true;
  scriptFallback.src = '//supergoop.com/cdn/s/trekkie.storefront.f7140b8b25ae1195cf346a36a85e3e4bcf46adb3.min.js';
  first.parentNode.insertBefore(scriptFallback, first);
};
script.async = true;
script.src = '//supergoop.com/cdn/s/trekkie.storefront.f7140b8b25ae1195cf346a36a85e3e4bcf46adb3.min.js';
first.parentNode.insertBefore(script, first);

    };
    trekkie.load(
      {"Trekkie":{"appName":"storefront","development":false,"defaultAttributes":{"shopId":15035658,"isMerchantRequest":null,"themeId":141636829282,"themeCityHash":"16332964002150118156","contentLanguage":"en","currency":"USD","eventMetadataId":"20067a44-51b7-4149-bd11-28159eca7dd0"},"isServerSideCookieWritingEnabled":true,"monorailRegion":"shop_domain","enabledBetaFlags":["b5387b81","d5bdd5d0"]},"Session Attribution":{},"S2S":{"facebookCapiEnabled":false,"source":"trekkie-storefront-renderer","apiClientId":580111}}
    );

    var loaded = false;
    trekkie.ready(function() {
      if (loaded) return;
      loaded = true;

      window.ShopifyAnalytics.lib = window.trekkie;

      var originalDocumentWrite = document.write;
      document.write = customDocumentWrite;
      try { window.ShopifyAnalytics.merchantGoogleAnalytics.call(this); } catch(error) {};
      document.write = originalDocumentWrite;

      window.ShopifyAnalytics.lib.page(null,{"pageType":"home","requestId":"dd8824f1-ca84-4bb5-9094-1559dfb2b78f-1780980980","shopifyEmitted":true});

      var match = window.location.pathname.match(/checkouts\/(.+)\/(thank_you|post_purchase)/)
      var token = match? match[1]: undefined;
      if (!hasLoggedConversion(token)) {
        setCookieIfConversion(token);
        
      }
    });

    var eventsListenerScript = document.createElement('script');
    eventsListenerScript.async = true;
    eventsListenerScript.src = "//supergoop.com/cdn/shopifycloud/storefront/assets/shop_events_listener-4e26a9ce.js";
    document.getElementsByTagName('head')[0].appendChild(eventsListenerScript);
})();</script>
<script
  defer
  src="https://supergoop.com/cdn/shopifycloud/perf-kit/shopify-perf-kit-3.5.0.min.js"
  data-application="storefront-renderer"
  data-shop-id="15035658"
  data-render-region="gcp-us-central1"
  data-page-type="index"
  data-theme-instance-id="141636829282"
  data-theme-name="Supergoop Theme"
  data-theme-version="25.3.0"
  data-monorail-region="shop_domain"
  data-resource-timing-sampling-rate="10"
  data-shs="true"
  data-shs-beacon="true"
  data-shs-export-with-fetch="true"
  data-shs-logs-sample-rate="1"
  data-shs-beacon-endpoint="https://supergoop.com/api/collect"
></script>
</head>

  <body class="template-index template-  overscroll-none ">
    
    <a class="absolute top-0 left-0 -z-[1] bg-white text-black p-4 no-underline opacity-0 focus:z-[100] focus:opacity-100" href="#MainContent" tabindex="0">
      Skip to content
    </a>

    <div class="sticky top-0 z-50">
      <div id="shopify-section-scrolling-marquee-header" class="shopify-section"><style>
  .scrolling-marquee-header .scrolling-marquee-wrapper {
    animation: marquee 30s linear infinite;
  }


  @media screen and (max-width: 768px) {
    .scrolling-marquee-header .scrolling-marquee-wrapper {
      animation: marquee 20s linear infinite;
    }
  }
  .scrolling-marquee-header[data-autoscroll='false'] .scrolling-marquee-wrapper {
    animation-play-state: paused;
  }
  @keyframes marquee {
    0% {
      transform: translateX(0);
    }

    100% {
      transform: translateX(-50%);
    }
  }
</style>

  <section
    class='scrolling-marquee-header overflow-hidden h-[36px] flex items-center '
    style='background-color: #ffe922; color: #0000b4;'
    data-autoscroll='true'
    data-transition-enabled="true"
    data-section="scrolling-marquee-header"
    
  >
    <div class='scrolling-marquee-wrapper flex w-max'>
      
      
        
          <div class='shrink-0 md:pl-[27px] pl-3 flex items-center md:space-x-[27px] space-x-3 uppercase leading-3 md:text-[14px] text-[12px]'>
            <p>FREE GIFT when you spend $60+</p>
            
          </div>
        
      
        
          <div class='shrink-0 md:pl-[27px] pl-3 flex items-center md:space-x-[27px] space-x-3 uppercase leading-3 md:text-[14px] text-[12px]'>
            <p>FREE GIFT when you spend $60+</p>
            
          </div>
        
      
        
          <div class='shrink-0 md:pl-[27px] pl-3 flex items-center md:space-x-[27px] space-x-3 uppercase leading-3 md:text-[14px] text-[12px]'>
            <p>FREE GIFT when you spend $60+</p>
            
          </div>
        
      
        
          <div class='shrink-0 md:pl-[27px] pl-3 flex items-center md:space-x-[27px] space-x-3 uppercase leading-3 md:text-[14px] text-[12px]'>
            <p>FREE GIFT when you spend $60+</p>
            
          </div>
        
      
        
          <div class='shrink-0 md:pl-[27px] pl-3 flex items-center md:space-x-[27px] space-x-3 uppercase leading-3 md:text-[14px] text-[12px]'>
            <p>FREE GIFT when you spend $60+</p>
            
          </div>
        
      
        
          <div class='shrink-0 md:pl-[27px] pl-3 flex items-center md:space-x-[27px] space-x-3 uppercase leading-3 md:text-[14px] text-[12px]'>
            <p>FREE GIFT when you spend $60+</p>
            
          </div>
        
      
        
          <div class='shrink-0 md:pl-[27px] pl-3 flex items-center md:space-x-[27px] space-x-3 uppercase leading-3 md:text-[14px] text-[12px]'>
            <p>FREE GIFT when you spend $60+</p>
            
          </div>
        
      
        
          <div class='shrink-0 md:pl-[27px] pl-3 flex items-center md:space-x-[27px] space-x-3 uppercase leading-3 md:text-[14px] text-[12px]'>
            <p>FREE GIFT when you spend $60+</p>
            
          </div>
        
      
        
          <div class='shrink-0 md:pl-[27px] pl-3 flex items-center md:space-x-[27px] space-x-3 uppercase leading-3 md:text-[14px] text-[12px]'>
            <p>FREE GIFT when you spend $60+</p>
            
          </div>
        
      
        
          <div class='shrink-0 md:pl-[27px] pl-3 flex items-center md:space-x-[27px] space-x-3 uppercase leading-3 md:text-[14px] text-[12px]'>
            <p>FREE GIFT when you spend $60+</p>
            
          </div>
        
      
        
          <div class='shrink-0 md:pl-[27px] pl-3 flex items-center md:space-x-[27px] space-x-3 uppercase leading-3 md:text-[14px] text-[12px]'>
            <p>FREE GIFT when you spend $60+</p>
            
          </div>
        
      
        
          <div class='shrink-0 md:pl-[27px] pl-3 flex items-center md:space-x-[27px] space-x-3 uppercase leading-3 md:text-[14px] text-[12px]'>
            <p>FREE GIFT when you spend $60+</p>
            
          </div>
        
      
        
          <div class='shrink-0 md:pl-[27px] pl-3 flex items-center md:space-x-[27px] space-x-3 uppercase leading-3 md:text-[14px] text-[12px]'>
            <p>FREE GIFT when you spend $60+</p>
            
          </div>
        
      
        
          <div class='shrink-0 md:pl-[27px] pl-3 flex items-center md:space-x-[27px] space-x-3 uppercase leading-3 md:text-[14px] text-[12px]'>
            <p>FREE GIFT when you spend $60+</p>
            
          </div>
        
      
        
          <div class='shrink-0 md:pl-[27px] pl-3 flex items-center md:space-x-[27px] space-x-3 uppercase leading-3 md:text-[14px] text-[12px]'>
            <p>FREE GIFT when you spend $60+</p>
            
          </div>
        
      
        
          <div class='shrink-0 md:pl-[27px] pl-3 flex items-center md:space-x-[27px] space-x-3 uppercase leading-3 md:text-[14px] text-[12px]'>
            <p>FREE GIFT when you spend $60+</p>
            
          </div>
        
      
        
          <div class='shrink-0 md:pl-[27px] pl-3 flex items-center md:space-x-[27px] space-x-3 uppercase leading-3 md:text-[14px] text-[12px]'>
            <p>FREE GIFT when you spend $60+</p>
            
          </div>
        
      
        
          <div class='shrink-0 md:pl-[27px] pl-3 flex items-center md:space-x-[27px] space-x-3 uppercase leading-3 md:text-[14px] text-[12px]'>
            <p>FREE GIFT when you spend $60+</p>
            
          </div>
        
      
        
          <div class='shrink-0 md:pl-[27px] pl-3 flex items-center md:space-x-[27px] space-x-3 uppercase leading-3 md:text-[14px] text-[12px]'>
            <p>FREE GIFT when you spend $60+</p>
            
          </div>
        
      
        
          <div class='shrink-0 md:pl-[27px] pl-3 flex items-center md:space-x-[27px] space-x-3 uppercase leading-3 md:text-[14px] text-[12px]'>
            <p>FREE GIFT when you spend $60+</p>
            
          </div>
        
      
    </div>
  </section>



</div>
      <div id="shopify-section-promo-bar" class="shopify-section">

<div id="header-portal"></div>


</div>
      <div id="shopify-section-header" class="shopify-section"><section data-section="header" class="bg-white border-b-[1px] border-grey-D0 z-40">
  

  <script type="application/json" data-section-data>
    {
      "menu": [
        
      ],
      "linksData": [
        
          {
            "handle": "babies-toddlers",
            "image": "//supergoop.com/cdn/shop/files/Nav_Kids_Family_Babies.png?v=1714482685&width=70"
          },
        
          {
            "handle": "bestsellers",
            "image": "//supergoop.com/cdn/shop/files/unseen-sunscreen-spf-40-old.png?v=1734448527&width=70"
          },
        
          {
            "handle": "body",
            "image": "//supergoop.com/cdn/shop/files/everyday-sunscreen-spf-50.png?v=1734448526&width=70"
          },
        
          {
            "handle": "eye-lip",
            "image": "//supergoop.com/cdn/shop/files/Nav_Makeup_Eye_Lip.png?v=1714482685&width=70"
          },
        
          {
            "handle": "face",
            "image": "//supergoop.com/cdn/shop/files/Unseen_BestsellersNav.png?v=1732246295&width=70"
          },
        
          {
            "handle": "face-lip",
            "image": "//supergoop.com/cdn/shop/files/lip_nav.png?v=1734468226&width=70"
          },
        
          {
            "handle": "glowscreen-drops-mineral-spf-40",
            "image": "//supergoop.com/cdn/shop/files/routine-glowscreen-soft-radiance-drops-spf-40-removebg-preview.png?v=1744035544&width=70"
          },
        
          {
            "handle": "glowscreen-spf-40",
            "image": "//supergoop.com/cdn/shop/files/glowscreen-spf-40.png?v=1732246789&width=70"
          },
        
          {
            "handle": "group-gifting",
            "image": "//supergoop.com/cdn/shop/files/nav-bulk-gifting-square.png?v=1737145850&width=70"
          },
        
          {
            "handle": "kids",
            "image": "//supergoop.com/cdn/shop/files/Nav_Kids_Family_Kids.png?v=1714482685&width=70"
          },
        
          {
            "handle": "kids-family",
            "image": "//supergoop.com/cdn/shop/files/kids-family.png?v=1780415443&width=70"
          },
        
          {
            "handle": "lip",
            "image": "//supergoop.com/cdn/shop/files/Nav_Lip.png?v=1706112426&width=70"
          },
        
          {
            "handle": "lotion",
            "image": "//supergoop.com/cdn/shop/files/PLAYLotion_FormatNav.png?v=1711053275&width=70"
          },
        
          {
            "handle": "lotion-moisturizer",
            "image": "//supergoop.com/cdn/shop/files/Nav_Lotions.png?v=1706112427&width=70"
          },
        
          {
            "handle": "makeup",
            "image": "//supergoop.com/cdn/shop/files/protectint_nav.png?v=1734468226&width=70"
          },
        
          {
            "handle": "men",
            "image": "//supergoop.com/cdn/shop/files/Nav_Kids_Family_Men.png?v=1714482685&width=70"
          },
        
          {
            "handle": "merch-apparel",
            "image": "//supergoop.com/cdn/shop/files/nav-merch-2x.png?v=1737037169&width=70"
          },
        
          {
            "handle": "mineral",
            "image": "//supergoop.com/cdn/shop/files/Nav_Mineral.png?v=1726088129&width=70"
          },
        
          {
            "handle": "mineral-mattescreen-spf-40",
            "image": "//supergoop.com/cdn/shop/files/Nav_Mineral_1.png?v=1726087206&width=70"
          },
        
          {
            "handle": "new",
            "image": "//supergoop.com/cdn/shop/files/new.png?v=1780416195&width=70"
          },
        
          {
            "handle": "oil",
            "image": "//supergoop.com/cdn/shop/files/Nav_Oil.png?v=1706112426&width=70"
          },
        
          {
            "handle": "oil-serum",
            "image": "//supergoop.com/cdn/shop/files/Nav_Oil_Serum.png?v=1726090019&width=70"
          },
        
          {
            "handle": "play-antioxidant-body-mist-spf-50",
            "image": "//supergoop.com/cdn/shop/files/play-antioxidant-body-mist-spf-50.png?v=1773850833&width=70"
          },
        
          {
            "handle": "play-everyday-lotion-spf-50",
            "image": "//supergoop.com/cdn/shop/files/everyday-sunscreen.png?v=1732246830&width=70"
          },
        
          {
            "handle": "powder",
            "image": "//supergoop.com/cdn/shop/files/Nav_Powder.png?v=1706112426&width=70"
          },
        
          {
            "handle": "primer",
            "image": "//supergoop.com/cdn/shop/files/Nav_Makeup_Primer.png?v=1714482685&width=70"
          },
        
          {
            "handle": "protectint-skin-tint-spf-50",
            "image": "//supergoop.com/cdn/shop/files/protectint_nav_acab7388-8966-4fbd-8c96-96089a28fb85.png?v=1738958221&width=70"
          },
        
          {
            "handle": "serum",
            "image": "//supergoop.com/cdn/shop/files/Nav_Mineral_1.png?v=1726087206&width=70"
          },
        
          {
            "handle": "sets-gifts",
            "image": "//supergoop.com/cdn/shop/files/sets-gifts.png?v=1780415174&width=70"
          },
        
          {
            "handle": "setting-sprays-powders",
            "image": "//supergoop.com/cdn/shop/files/Nav_Makeup_SettingSpray.png?v=1714482685&width=70"
          },
        
          {
            "handle": "spray",
            "image": "//supergoop.com/cdn/shop/files/Nav_Spray.png?v=1706112426&width=70"
          },
        
          {
            "handle": "stick",
            "image": "//supergoop.com/cdn/shop/files/Nav_Stick.png?v=1706112426&width=70"
          },
        
          {
            "handle": "superscreen-hydrating-daily-cream-spf-40",
            "image": "//supergoop.com/cdn/shop/files/nav-superscreen-2x.png?v=1736867903&width=70"
          },
        
          {
            "handle": "tinted",
            "image": "//supergoop.com/cdn/shop/files/Nav_Makeup_Tint.png?v=1714482685&width=70"
          },
        
          {
            "handle": "travel",
            "image": "//supergoop.com/cdn/shop/files/unseen-stick-nav.png?v=1741300346&width=70"
          },
        
          {
            "handle": "unseen-sunscreen-spf-40",
            "image": "//supergoop.com/cdn/shop/files/unseen-sunscreen.png?v=1732282362&width=70"
          },
        
          {
            "handle": "unseen-sunscreen-spf-50",
            "image": "//supergoop.com/cdn/shop/files/unseen-sunscreen-spf-50.png?v=1735303811&width=70"
          }
        
      ],
      "bestSellers": [
        {
          "shopAll": "https://supergoop.com/collections/best-sellers",
          "title": "Now Trending",
          "cards": [
            
              {
                "image": "//supergoop.com/cdn/shop/files/unseen-sunscreen-spf-50-WYLI.jpg?v=1736348866&width=300",
                "url": "\/products\/unseen-sunscreen-spf-50",
                "title": "Unseen Sunscreen SPF 50"
              },
            
              {
                "image": "//supergoop.com/cdn/shop/files/Frame_74543_2.jpg?v=1714424890&width=300",
                "url": "\/products\/protectint-skin-tint-spf-50",
                "title": "Protec(tint) Daily Skin Tint SPF 50"
              },
            
              {
                "image": "//supergoop.com/cdn/shop/files/Nav_M_PLAY4x_e6136e39-a130-47d6-b0a0-69585d5bbdfc.png?v=1706122187&width=300",
                "url": "\/products\/everyday-sunscreen",
                "title": "PLAY Everyday Lotion SPF 50"
              }
            
          ]
        }
      ],
      "account": {
        "customer": null,
        "customer_email": null,
        "loginUrl": "/account/login",
        "accountUrl": "/account"
      },
      "sunscreenInfo": {"sunscreen_info":{"type":"root","children":[{"type":"paragraph","children":[{"type":"text","value":"Which SPF number should I use? ","bold":true}]},{"type":"paragraph","children":[{"type":"text","value":"Opt for SPF 30 to 50! The American Academy of Dermatology recommends using at least SPF 30, and higher than SPF 50 doesn’t provide a meaningful difference in sun protection and can give a false sense of security. "}]}]}},
      "supergoopText": "Discover",
      "enableHamburgerMenu": true
    }
  </script>

  <div data-top-menu class="relative z-10 grid grid-cols-12 justify-between h-[64px] lg:h-[80px] px-4 sm:px-6 lg:px-[60px] mx-auto">
    <div class="flex items-center col-span-3 lg:hidden">
      <button
        
        data-nav-trigger
        aria-label="Open navigation panel">
          <svg width="18" height="23" viewBox="0 0 18 23" fill="none" xmlns="http://www.w3.org/2000/svg">
  <line x1="0.5" y1="3.06594" x2="17.5" y2="3.06594" stroke="#2A2A2A" stroke-linecap="round"/>
  <line x1="0.5" y1="20.2251" x2="17.5" y2="20.2251" stroke="#2A2A2A" stroke-linecap="round"/>
  <line x1="0.5" y1="11.6455" x2="17.5" y2="11.6455" stroke="#2A2A2A" stroke-linecap="round"/>
</svg>

      </button>
      <div class=" flex lg:hidden items-center ml-[22px] mt-[2px] hover:text-supergoop-blue">
        <button
          type="button"
          data-search-trigger
          class="search-button"
          onclick="document.dispatchEvent(new CustomEvent('search:open'))"
          aria-label="Search"
        >
            <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
  <path fill-rule="evenodd" clip-rule="evenodd" d="M16.9644 8.77376C17.1801 11.004 16.4018 13.0937 14.9859 14.6118C13.7856 15.905 12.1259 16.7765 10.2317 16.9639C6.10577 17.3669 2.43933 14.3494 2.03611 10.2262C1.6329 6.10305 4.65232 2.43904 8.77824 2.03609C12.9042 1.63314 16.5706 4.65057 16.9738 8.77376H16.9644Z" stroke="currentColor" stroke-miterlimit="10" stroke-linecap="square"/>
  <path d="M21.5 21.5L15 15" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
</svg>

        </button>
      </div>
    </div>

    <ul class="hidden lg:flex lg:items-center lg:col-span-4 lg:gap-[30px]" role="list">
      
    </ul>

    <div class="flex justify-center items-center col-span-6 text-black lg:col-span-4">
      <a href="/" aria-label="Supergoop!">
        
          <span class="lg:hidden">
            

  <picture>
    
      <source
        srcset='//supergoop.com/cdn/shop/files/logo_mobile.svg?v=1706105448&width=200 200w'
        sizes='200px'
        
        media='(min-width: 640px)'
        >
    
    <img
      class='w-full image '
      src='//supergoop.com/cdn/shop/files/logo_mobile.svg?v=1706105448&width=640'
      alt=''
      loading='eager'
      fetchpriority='auto'
      decoding='sync'
      width='88'
      height='41'>
  </picture>


          </span>
        
        
          <span class="hidden lg:block">
            

  <picture>
    
      <source
        srcset='//supergoop.com/cdn/shop/files/logo_desktop.svg?v=1706105448&width=200 200w'
        sizes='200px'
        
        media='(min-width: 640px)'
        >
    
    <img
      class='w-full image '
      src='//supergoop.com/cdn/shop/files/logo_desktop.svg?v=1706105448&width=640'
      alt=''
      loading='eager'
      fetchpriority='auto'
      decoding='sync'
      width='113'
      height='52'>
  </picture>


          </span>
        
        
      </a>
    </div>

    <div class="flex justify-end col-span-3 lg:col-span-4 lg:py-3 items-center">
      <div class="relative mr-[30px] hidden lg:flex items-center">

        <div class="absolute inset-y-0 left-0 flex items-center pl-[2px] top-[-10px]">
          <button type="button"
          class=" desktop-search-btn  p-1  w-[15px] h-[15px]"
          aria-label="Open the search window">
            <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
<path fill-rule="evenodd" clip-rule="evenodd" d="M11.6608 6.08032C11.8226 7.75302 11.2389 9.3203 10.1769 10.4589C9.2767 11.4288 8.03189 12.0824 6.61127 12.2229C3.51683 12.5251 0.766997 10.2621 0.464586 7.16968C0.162175 4.07729 2.42674 1.32928 5.52118 1.02707C8.61562 0.724857 11.3654 2.98792 11.6679 6.08032H11.6608Z" stroke="#2A2A2A" stroke-width="0.75" stroke-miterlimit="10" stroke-linecap="square"/>
<path d="M15.0625 15.625L10.1875 10.75" stroke="#2A2A2A" stroke-width="0.75" stroke-linecap="round" stroke-linejoin="round"/>
</svg>

          </button>
        </div>
        <span class="sr-only" id="search-field-fake">Press Enter to expand search modal</span>
        <button aria-labelledby="search-field-fake" id="search-field" type="text" class="desktop-search py-1 bg-grey-F7 border-none w-[195px] text-left text-sm rounded-md pl-[30px] m-0 text-grey-2A placeholder-grey-2A placeholder-opacity-100">Search...</button>
      </div>

      <div class="flex lg:justify-center lg:items-center lg:mr-[30px]">
        
  <button
    class="flex no-underline mr-4 lg:mr-0 text-grey-2A items-center hover:text-supergoop-blue body-xs account-link"
    aria-label="Sign in"
    data-href="/account/login">
    <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
  <circle cx="12" cy="12" r="11" stroke="currentColor"/>
  <path d="M12 13C14.2091 13 16 11.2091 16 9C16 6.79086 14.2091 5 12 5C9.79086 5 8 6.79086 8 9C8 11.2091 9.79086 13 12 13Z" stroke="currentColor" stroke-miterlimit="10"/>
  <path d="M5 20C5 17.7083 8.39399 15 12 15C15.606 15 19 17.7083 19 20" stroke="currentColor" stroke-miterlimit="10" stroke-linecap="square"/>
</svg>

    <span class="hidden lg:inline ml-2 whitespace-nowrap">Sign In</span>
  </button>

      </div>
      <button data-header-cart-trigger type="button" class="relative hover:text-supergoop-blue" aria-label="Cart">
        <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
  <path d="M21.8983 7.08948C21.9288 7.11388 21.9695 7.18709 21.9695 7.18709H21.9797C22 7.21962 22 7.30097 22 7.30097L20.8808 18.0219C20.5858 20.8363 17.6454 23 14.115 23H9.86214C6.33168 23 3.39133 20.8363 3.09627 18.0219L2.00763 7.30097C1.99746 7.2603 1.99746 7.22776 2.00763 7.18709C2.02798 7.15455 2.04833 7.12201 2.07885 7.08948C2.10937 7.05694 2.16024 7.04067 2.20094 7.0244C2.25181 7 2.34338 7 2.34338 7H21.6337C21.6846 7 21.7355 7.00813 21.7762 7.0244C21.827 7.04067 21.8677 7.06507 21.8983 7.08948Z" stroke="currentColor" stroke-miterlimit="10" stroke-linecap="round"/>
  <path d="M8 7V5.375C8 2.75 9.77778 1 12 1C14.2222 1 16 2.75 16 5.375V7" stroke="currentColor" stroke-linecap="round"/>
</svg>

        <span data-cart-count class="absolute left-1/2 -translate-x-1/2 top-[10px] lg:top-[10px] font-medium text-[9px] leading-[10px] tracking-[0.25px]"></span>
      </button>
    </div>
  </div>
  <div class="hidden lg:flex max-w-[1140px] px-[20px] mx-auto" data-mega-menu>
    <nav class="w-full">
      <ul class="flex justify-between w-full">
    
        
      
        
      
        
      
        
      
        
      
        
          <li class="pb-[10px] pt-0 list-none group leading-none " data-mega-menu-item
            >
            



    <div class="flex items-center gap-1">
        <a href="/collections/all" class="!text-grey-2A uppercase text-xs font-serif font-bold no-underline hover:!text-supergoop-blue transition-color !pointer-events-auto">Shop All</a>
        
            <button
                type="button"
                id="shop-all"
                aria-expanded="false"
                aria-controls="shop-all-menu"
                aria-label="Open Shop All submenu"
                class="p-1 text-grey-2A hover:text-supergoop-blue transition-color focus:outline-none focus-visible:ring-2 focus-visible:ring-supergoop-blue"
                data-megamenu-trigger>
                <span class="sr-only">Toggle Shop All menu</span>
            </button>
        
    </div>
    
        
        <div
            id="shop-all-menu"
            class="pt-[45px] pb-[34px] bg-white absolute w-full top-full left-0
            hidden group-hover:block group-[.megamenu-keyboard-open]:block border-b-[1px] border-grey-D0"
            aria-labelledby="shop-all"
            role="region"
            data-megamenu-panel>
            <div class="max-w-[1140px] px-[5px] mx-auto">
                
                    <h2 class="h3 sub-h3 font-serif font-bold !tracking-normal capitalize mb-[30px] text-grey-2A">Shop All</h2>
<ul class="grid grid-rows-2 grid-cols-3 gap-x-[30px] gap-y-[19px] mb-10">
    
        <li>
            <a href="/collections/new" class="flex px-1 items-center rounded bg-grey-F7 [@media(pointer:fine)]:[&_svg]:hover:text-supergoop-yellow h-20 no-underline">
                
                
                    
                
                    
                
                    
                
                    
                
                    
                
                    
                
                    
                
                    
                
                    
                
                    
                
                    
                
                    
                
                    
                
                    
                
                    
                
                    
                
                    
                
                    
                
                    
                
                    
                        
                            
                            <div class="w-[52px] h-[73px] mr-5">
                                
                                <img src="//supergoop.com/cdn/shop/files/new.png?v=1780416195&amp;width=70" alt="" srcset="//supergoop.com/cdn/shop/files/new.png?v=1780416195&amp;width=70 70w" width="70" height="103" class="w-full image">
                            </div>
                        
                    
                
                    
                
                    
                
                    
                
                    
                
                    
                
                    
                
                    
                
                    
                
                    
                
                    
                
                    
                
                    
                
                    
                
                    
                
                    
                
                    
                
                    
                
                <div class=" flex items-center text-base text-grey-2A body text-4 ">
                    New!
                </div>
                <div class="flex items-center pr-5 text-white ml-auto">
                    <svg width="38" height="38" viewBox="0 0 38 38" fill="none" xmlns="http://www.w3.org/2000/svg">
  <circle cx="19" cy="19" r="16" fill="currentColor"/>
  <path d="M17 13L23 19L17 25" stroke="#2A2A2A" stroke-miterlimit="16" stroke-linecap="square"/>
</svg>

                </div>
            </a>
        </li>
    
        <li>
            <a href="/collections/face-lip-spf" class="flex px-1 items-center rounded bg-grey-F7 [@media(pointer:fine)]:[&_svg]:hover:text-supergoop-yellow h-20 no-underline">
                
                
                    
                
                    
                
                    
                
                    
                
                    
                
                    
                        
                            
                            <div class="w-[52px] h-[73px] mr-5">
                                
                                <img src="//supergoop.com/cdn/shop/files/lip_nav.png?v=1734468226&amp;width=70" alt="" srcset="//supergoop.com/cdn/shop/files/lip_nav.png?v=1734468226&amp;width=70 70w" width="70" height="100" class="w-full image">
                            </div>
                        
                    
                
                    
                
                    
                
                    
                
                    
                
                    
                
                    
                
                    
                
                    
                
                    
                
                    
                
                    
                
                    
                
                    
                
                    
                
                    
                
                    
                
                    
                
                    
                
                    
                
                    
                
                    
                
                    
                
                    
                
                    
                
                    
                
                    
                
                    
                
                    
                
                    
                
                    
                
                    
                
                <div class=" flex items-center text-base text-grey-2A body text-4 ">
                    Face & Lip
                </div>
                <div class="flex items-center pr-5 text-white ml-auto">
                    <svg width="38" height="38" viewBox="0 0 38 38" fill="none" xmlns="http://www.w3.org/2000/svg">
  <circle cx="19" cy="19" r="16" fill="currentColor"/>
  <path d="M17 13L23 19L17 25" stroke="#2A2A2A" stroke-miterlimit="16" stroke-linecap="square"/>
</svg>

                </div>
            </a>
        </li>
    
        <li>
            <a href="/collections/body" class="flex px-1 items-center rounded bg-grey-F7 [@media(pointer:fine)]:[&_svg]:hover:text-supergoop-yellow h-20 no-underline">
                
                
                    
                
                    
                
                    
                        
                            
                            <div class="w-[52px] h-[73px] mr-5">
                                
                                <img src="//supergoop.com/cdn/shop/files/everyday-sunscreen-spf-50.png?v=1734448526&amp;width=70" alt="" srcset="//supergoop.com/cdn/shop/files/everyday-sunscreen-spf-50.png?v=1734448526&amp;width=70 70w" width="70" height="100" class="w-full image">
                            </div>
                        
                    
                
                    
                
                    
                
                    
                
                    
                
                    
                
                    
                
                    
                
                    
                
                    
                
                    
                
                    
                
                    
                
                    
                
                    
                
                    
                
                    
                
                    
                
                    
                
                    
                
                    
                
                    
                
                    
                
                    
                
                    
                
                    
                
                    
                
                    
                
                    
                
                    
                
                    
                
                    
                
                    
                
                    
                
                    
                
                <div class=" flex items-center text-base text-grey-2A body text-4 ">
                    Body
                </div>
                <div class="flex items-center pr-5 text-white ml-auto">
                    <svg width="38" height="38" viewBox="0 0 38 38" fill="none" xmlns="http://www.w3.org/2000/svg">
  <circle cx="19" cy="19" r="16" fill="currentColor"/>
  <path d="M17 13L23 19L17 25" stroke="#2A2A2A" stroke-miterlimit="16" stroke-linecap="square"/>
</svg>

                </div>
            </a>
        </li>
    
        <li>
            <a href="/collections/mineral-spf" class="flex px-1 items-center rounded bg-grey-F7 [@media(pointer:fine)]:[&_svg]:hover:text-supergoop-yellow h-20 no-underline">
                
                
                    
                
                    
                
                    
                
                    
                
                    
                
                    
                
                    
                
                    
                
                    
                
                    
                
                    
                
                    
                
                    
                
                    
                
                    
                
                    
                
                    
                
                    
                        
                            
                            <div class="w-[52px] h-[73px] mr-5">
                                
                                <img src="//supergoop.com/cdn/shop/files/Nav_Mineral.png?v=1726088129&amp;width=70" alt="" srcset="//supergoop.com/cdn/shop/files/Nav_Mineral.png?v=1726088129&amp;width=70 70w" width="70" height="98" class="w-full image">
                            </div>
                        
                    
                
                    
                
                    
                
                    
                
                    
                
                    
                
                    
                
                    
                
                    
                
                    
                
                    
                
                    
                
                    
                
                    
                
                    
                
                    
                
                    
                
                    
                
                    
                
                    
                
                <div class=" flex items-center text-base text-grey-2A body text-4 ">
                    Mineral
                </div>
                <div class="flex items-center pr-5 text-white ml-auto">
                    <svg width="38" height="38" viewBox="0 0 38 38" fill="none" xmlns="http://www.w3.org/2000/svg">
  <circle cx="19" cy="19" r="16" fill="currentColor"/>
  <path d="M17 13L23 19L17 25" stroke="#2A2A2A" stroke-miterlimit="16" stroke-linecap="square"/>
</svg>

                </div>
            </a>
        </li>
    
        <li>
            <a href="/collections/makeup-with-sunscreen" class="flex px-1 items-center rounded bg-grey-F7 [@media(pointer:fine)]:[&_svg]:hover:text-supergoop-yellow h-20 no-underline">
                
                
                    
                
                    
                
                    
                
                    
                
                    
                
                    
                
                    
                
                    
                
                    
                
                    
                
                    
                
                    
                
                    
                
                    
                
                    
                        
                            
                            <div class="w-[52px] h-[73px] mr-5">
                                
                                <img src="//supergoop.com/cdn/shop/files/protectint_nav.png?v=1734468226&amp;width=70" alt="" srcset="//supergoop.com/cdn/shop/files/protectint_nav.png?v=1734468226&amp;width=70 70w" width="70" height="98" class="w-full image">
                            </div>
                        
                    
                
                    
                
                    
                
                    
                
                    
                
                    
                
                    
                
                    
                
                    
                
                    
                
                    
                
                    
                
                    
                
                    
                
                    
                
                    
                
                    
                
                    
                
                    
                
                    
                
                    
                
                    
                
                    
                
                <div class=" flex items-center text-base text-grey-2A body text-4 ">
                    Makeup
                </div>
                <div class="flex items-center pr-5 text-white ml-auto">
                    <svg width="38" height="38" viewBox="0 0 38 38" fill="none" xmlns="http://www.w3.org/2000/svg">
  <circle cx="19" cy="19" r="16" fill="currentColor"/>
  <path d="M17 13L23 19L17 25" stroke="#2A2A2A" stroke-miterlimit="16" stroke-linecap="square"/>
</svg>

                </div>
            </a>
        </li>
    
        <li>
            <a href="/collections/kids-family-sunscreen" class="flex px-1 items-center rounded bg-grey-F7 [@media(pointer:fine)]:[&_svg]:hover:text-supergoop-yellow h-20 no-underline">
                
                
                    
                
                    
                
                    
                
                    
                
                    
                
                    
                
                    
                
                    
                
                    
                
                    
                
                    
                        
                            
                            <div class="w-[52px] h-[73px] mr-5">
                                
                                <img src="//supergoop.com/cdn/shop/files/kids-family.png?v=1780415443&amp;width=70" alt="" srcset="//supergoop.com/cdn/shop/files/kids-family.png?v=1780415443&amp;width=70 70w" width="70" height="106" class="w-full image">
                            </div>
                        
                    
                
                    
                
                    
                
                    
                
                    
                
                    
                
                    
                
                    
                
                    
                
                    
                
                    
                
                    
                
                    
                
                    
                
                    
                
                    
                
                    
                
                    
                
                    
                
                    
                
                    
                
                    
                
                    
                
                    
                
                    
                
                    
                
                    
                
                <div class=" flex items-center text-base text-grey-2A body text-4 ">
                    Kids & Family
                </div>
                <div class="flex items-center pr-5 text-white ml-auto">
                    <svg width="38" height="38" viewBox="0 0 38 38" fill="none" xmlns="http://www.w3.org/2000/svg">
  <circle cx="19" cy="19" r="16" fill="currentColor"/>
  <path d="M17 13L23 19L17 25" stroke="#2A2A2A" stroke-miterlimit="16" stroke-linecap="square"/>
</svg>

                </div>
            </a>
        </li>
    
        <li>
            <a href="/collections/men-spf" class="flex px-1 items-center rounded bg-grey-F7 [@media(pointer:fine)]:[&_svg]:hover:text-supergoop-yellow h-20 no-underline">
                
                
                    
                
                    
                
                    
                
                    
                
                    
                
                    
                
                    
                
                    
                
                    
                
                    
                
                    
                
                    
                
                    
                
                    
                
                    
                
                    
                        
                            
                            <div class="w-[52px] h-[73px] mr-5">
                                
                                <img src="//supergoop.com/cdn/shop/files/Nav_Kids_Family_Men.png?v=1714482685&amp;width=70" alt="" srcset="//supergoop.com/cdn/shop/files/Nav_Kids_Family_Men.png?v=1714482685&amp;width=70 70w" width="70" height="98" class="w-full image">
                            </div>
                        
                    
                
                    
                
                    
                
                    
                
                    
                
                    
                
                    
                
                    
                
                    
                
                    
                
                    
                
                    
                
                    
                
                    
                
                    
                
                    
                
                    
                
                    
                
                    
                
                    
                
                    
                
                    
                
                <div class=" flex items-center text-base text-grey-2A body text-4 ">
                    Men
                </div>
                <div class="flex items-center pr-5 text-white ml-auto">
                    <svg width="38" height="38" viewBox="0 0 38 38" fill="none" xmlns="http://www.w3.org/2000/svg">
  <circle cx="19" cy="19" r="16" fill="currentColor"/>
  <path d="M17 13L23 19L17 25" stroke="#2A2A2A" stroke-miterlimit="16" stroke-linecap="square"/>
</svg>

                </div>
            </a>
        </li>
    
        <li>
            <a href="/collections/sunscreen-gifts-kits" class="flex px-1 items-center rounded bg-grey-F7 [@media(pointer:fine)]:[&_svg]:hover:text-supergoop-yellow h-20 no-underline">
                
                
                    
                
                    
                
                    
                
                    
                
                    
                
                    
                
                    
                
                    
                
                    
                
                    
                
                    
                
                    
                
                    
                
                    
                
                    
                
                    
                
                    
                
                    
                
                    
                
                    
                
                    
                
                    
                
                    
                
                    
                
                    
                
                    
                
                    
                
                    
                
                    
                        
                            
                            <div class="w-[52px] h-[73px] mr-5">
                                
                                <img src="//supergoop.com/cdn/shop/files/sets-gifts.png?v=1780415174&amp;width=70" alt="" srcset="//supergoop.com/cdn/shop/files/sets-gifts.png?v=1780415174&amp;width=70 70w" width="70" height="97" class="w-full image">
                            </div>
                        
                    
                
                    
                
                    
                
                    
                
                    
                
                    
                
                    
                
                    
                
                    
                
                <div class=" flex items-center text-base text-grey-2A body text-4 ">
                    Sets & Gifts
                </div>
                <div class="flex items-center pr-5 text-white ml-auto">
                    <svg width="38" height="38" viewBox="0 0 38 38" fill="none" xmlns="http://www.w3.org/2000/svg">
  <circle cx="19" cy="19" r="16" fill="currentColor"/>
  <path d="M17 13L23 19L17 25" stroke="#2A2A2A" stroke-miterlimit="16" stroke-linecap="square"/>
</svg>

                </div>
            </a>
        </li>
    
        <li>
            <a href="/pages/bulk-gifting" class="flex px-1 items-center rounded bg-grey-F7 [@media(pointer:fine)]:[&_svg]:hover:text-supergoop-yellow h-20 no-underline">
                
                
                    
                
                    
                
                    
                
                    
                
                    
                
                    
                
                    
                
                    
                
                    
                        
                            
                            <div class="w-[52px] h-[73px] mr-5">
                                
                                <img src="//supergoop.com/cdn/shop/files/nav-bulk-gifting-square.png?v=1737145850&amp;width=70" alt="" srcset="//supergoop.com/cdn/shop/files/nav-bulk-gifting-square.png?v=1737145850&amp;width=70 70w" width="70" height="100" class="w-full image">
                            </div>
                        
                    
                
                    
                
                    
                
                    
                
                    
                
                    
                
                    
                
                    
                
                    
                
                    
                
                    
                
                    
                
                    
                
                    
                
                    
                
                    
                
                    
                
                    
                
                    
                
                    
                
                    
                
                    
                
                    
                
                    
                
                    
                
                    
                
                    
                
                    
                
                    
                
                <div class=" flex items-center text-base text-grey-2A body text-4 ">
                    Group Gifting
                </div>
                <div class="flex items-center pr-5 text-white ml-auto">
                    <svg width="38" height="38" viewBox="0 0 38 38" fill="none" xmlns="http://www.w3.org/2000/svg">
  <circle cx="19" cy="19" r="16" fill="currentColor"/>
  <path d="M17 13L23 19L17 25" stroke="#2A2A2A" stroke-miterlimit="16" stroke-linecap="square"/>
</svg>

                </div>
            </a>
        </li>
    
</ul>
<a href="/collections/all" class="text-grey-2A text-xl no-underline border-b border-grey-2A hover:border-supergoop-blue hover:text-supergoop-blue block w-fit leading-none">Shop All</a>
                
            </div>
        </div>
    





          </li>
        
      
        
          <li class="pb-[10px] pt-0 list-none group leading-none " data-mega-menu-item
            >
            



    <div class="flex items-center gap-1">
        <a href="/collections/best-sellers-spf" class="!text-grey-2A uppercase text-xs font-serif font-bold no-underline hover:!text-supergoop-blue transition-color !pointer-events-auto">Bestsellers</a>
        
            <button
                type="button"
                id="bestsellers"
                aria-expanded="false"
                aria-controls="bestsellers-menu"
                aria-label="Open Bestsellers submenu"
                class="p-1 text-grey-2A hover:text-supergoop-blue transition-color focus:outline-none focus-visible:ring-2 focus-visible:ring-supergoop-blue"
                data-megamenu-trigger>
                <span class="sr-only">Toggle Bestsellers menu</span>
            </button>
        
    </div>
    
        
        <div
            id="bestsellers-menu"
            class="pt-[45px] pb-[34px] bg-white absolute w-full top-full left-0
            hidden group-hover:block group-[.megamenu-keyboard-open]:block border-b-[1px] border-grey-D0"
            aria-labelledby="bestsellers"
            role="region"
            data-megamenu-panel>
            <div class="max-w-[1140px] px-[5px] mx-auto">
                
                    <div class="grid grid-rows-1 grid-cols-[255px_minmax(900px,_1fr)_100px] gap-x-[30px]">
    
        <div>
            
            <img src="//supergoop.com/cdn/shop/files/PGA_Nav_Flyout_Image.png?v=1772550034&amp;width=500" alt="" srcset="//supergoop.com/cdn/shop/files/PGA_Nav_Flyout_Image.png?v=1772550034&amp;width=352 352w, //supergoop.com/cdn/shop/files/PGA_Nav_Flyout_Image.png?v=1772550034&amp;width=500 500w" width="500" height="671" class="image">
            
                <a href="/pages/pgatour" class="text-grey-2A text-base mt-2.5 no-underline flex items-center custom-hover">Meet the Official Suncare of the PGA TOUR
                    <span class="ml-2.5"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg">
<circle cx="11" cy="11" r="11" fill="white"/>
<path d="M10 7L14 11L10 15"  stroke="#2A2A2A" stroke-miterlimit="16" stroke-linecap="square"/>
</svg></span>
                </a>
            
        </div>
    

    <div>
        <h2 class="h3 sub-h3 font-serif font-bold !tracking-normal capitalize mb-2 text-grey-2A">Bestsellers</h2>
        
            <ul class="flex flex-wrap max-w-[754px] mb-10">
                
                    <li class="max-w-[360px] odd:mr-[34px] w-full">
                        <a href="/products/unseen-sunscreen-spf-50" class="flex p-1 items-center rounded bg-grey-F7 [@media(pointer:fine)]:[&_svg]:hover:text-supergoop-yellow h-20 no-underline mb-[19px]">
                            
                            
                                
                            
                                
                            
                                
                            
                                
                            
                                
                            
                                
                            
                                
                            
                                
                            
                                
                            
                                
                            
                                
                            
                                
                            
                                
                            
                                
                            
                                
                            
                                
                            
                                
                            
                                
                            
                                
                            
                                
                            
                                
                            
                                
                            
                                
                            
                                
                            
                                
                            
                                
                            
                                
                            
                                
                            
                                
                            
                                
                            
                                
                            
                                
                            
                                
                            
                                
                            
                                
                            
                                
                            
                                
                                    
                                        
                                        <div class="w-[52px] h-[73px] mr-5">
                                            
                                            <img src="//supergoop.com/cdn/shop/files/unseen-sunscreen-spf-50.png?v=1735303811&amp;width=70" alt="" srcset="//supergoop.com/cdn/shop/files/unseen-sunscreen-spf-50.png?v=1735303811&amp;width=70 70w" width="70" height="100" class="w-full image">
                                        </div>
                                    
                                
                            
                            <div class="  flex items-center text-base text-grey-2A body text-4 ">
                                Unseen Sunscreen SPF 50
                            </div>
                            <div class="flex items-center pr-5 text-white ml-auto">
                                <svg width="38" height="38" viewBox="0 0 38 38" fill="none" xmlns="http://www.w3.org/2000/svg">
  <circle cx="19" cy="19" r="16" fill="currentColor"/>
  <path d="M17 13L23 19L17 25" stroke="#2A2A2A" stroke-miterlimit="16" stroke-linecap="square"/>
</svg>

                            </div>
                        </a>
                    </li>
                
                    <li class="max-w-[360px] odd:mr-[34px] w-full">
                        <a href="/products/glowscreen-spf-40" class="flex p-1 items-center rounded bg-grey-F7 [@media(pointer:fine)]:[&_svg]:hover:text-supergoop-yellow h-20 no-underline mb-[19px]">
                            
                            
                                
                            
                                
                            
                                
                            
                                
                            
                                
                            
                                
                            
                                
                            
                                
                                    
                                        
                                        <div class="w-[52px] h-[73px] mr-5">
                                            
                                            <img src="//supergoop.com/cdn/shop/files/glowscreen-spf-40.png?v=1732246789&amp;width=70" alt="" srcset="//supergoop.com/cdn/shop/files/glowscreen-spf-40.png?v=1732246789&amp;width=70 70w" width="70" height="98" class="w-full image">
                                        </div>
                                    
                                
                            
                                
                            
                                
                            
                                
                            
                                
                            
                                
                            
                                
                            
                                
                            
                                
                            
                                
                            
                                
                            
                                
                            
                                
                            
                                
                            
                                
                            
                                
                            
                                
                            
                                
                            
                                
                            
                                
                            
                                
                            
                                
                            
                                
                            
                                
                            
                                
                            
                                
                            
                                
                            
                                
                            
                                
                            
                                
                            
                            <div class="  flex items-center text-base text-grey-2A body text-4 ">
                                Glowscreen SPF 40
                            </div>
                            <div class="flex items-center pr-5 text-white ml-auto">
                                <svg width="38" height="38" viewBox="0 0 38 38" fill="none" xmlns="http://www.w3.org/2000/svg">
  <circle cx="19" cy="19" r="16" fill="currentColor"/>
  <path d="M17 13L23 19L17 25" stroke="#2A2A2A" stroke-miterlimit="16" stroke-linecap="square"/>
</svg>

                            </div>
                        </a>
                    </li>
                
                    <li class="max-w-[360px] odd:mr-[34px] w-full">
                        <a href="/products/everyday-sunscreen" class="flex p-1 items-center rounded bg-grey-F7 [@media(pointer:fine)]:[&_svg]:hover:text-supergoop-yellow h-20 no-underline mb-[19px]">
                            
                            
                                
                            
                                
                            
                                
                            
                                
                            
                                
                            
                                
                            
                                
                            
                                
                            
                                
                            
                                
                            
                                
                            
                                
                            
                                
                            
                                
                            
                                
                            
                                
                            
                                
                            
                                
                            
                                
                            
                                
                            
                                
                            
                                
                            
                                
                            
                                
                                    
                                        
                                        <div class="w-[52px] h-[73px] mr-5">
                                            
                                            <img src="//supergoop.com/cdn/shop/files/everyday-sunscreen.png?v=1732246830&amp;width=70" alt="" srcset="//supergoop.com/cdn/shop/files/everyday-sunscreen.png?v=1732246830&amp;width=70 70w" width="70" height="100" class="w-full image">
                                        </div>
                                    
                                
                            
                                
                            
                                
                            
                                
                            
                                
                            
                                
                            
                                
                            
                                
                            
                                
                            
                                
                            
                                
                            
                                
                            
                                
                            
                                
                            
                            <div class="  flex items-center text-base text-grey-2A body text-4 ">
                                PLAY Everyday Lotion SPF 50
                            </div>
                            <div class="flex items-center pr-5 text-white ml-auto">
                                <svg width="38" height="38" viewBox="0 0 38 38" fill="none" xmlns="http://www.w3.org/2000/svg">
  <circle cx="19" cy="19" r="16" fill="currentColor"/>
  <path d="M17 13L23 19L17 25" stroke="#2A2A2A" stroke-miterlimit="16" stroke-linecap="square"/>
</svg>

                            </div>
                        </a>
                    </li>
                
                    <li class="max-w-[360px] odd:mr-[34px] w-full">
                        <a href="/products/antioxidant-infused-sunscreen-mist-with-vitamin-c" class="flex p-1 items-center rounded bg-grey-F7 [@media(pointer:fine)]:[&_svg]:hover:text-supergoop-yellow h-20 no-underline mb-[19px]">
                            
                            
                                
                            
                                
                            
                                
                            
                                
                            
                                
                            
                                
                            
                                
                            
                                
                            
                                
                            
                                
                            
                                
                            
                                
                            
                                
                            
                                
                            
                                
                            
                                
                            
                                
                            
                                
                            
                                
                            
                                
                            
                                
                            
                                
                            
                                
                                    
                                        
                                        <div class="w-[52px] h-[73px] mr-5">
                                            
                                            <img src="//supergoop.com/cdn/shop/files/play-antioxidant-body-mist-spf-50.png?v=1773850833&amp;width=70" alt="" srcset="//supergoop.com/cdn/shop/files/play-antioxidant-body-mist-spf-50.png?v=1773850833&amp;width=70 70w" width="70" height="100" class="w-full image">
                                        </div>
                                    
                                
                            
                                
                            
                                
                            
                                
                            
                                
                            
                                
                            
                                
                            
                                
                            
                                
                            
                                
                            
                                
                            
                                
                            
                                
                            
                                
                            
                                
                            
                            <div class="  flex items-center text-base text-grey-2A body text-4 ">
                                PLAY Antioxidant Body Mist SPF 50
                            </div>
                            <div class="flex items-center pr-5 text-white ml-auto">
                                <svg width="38" height="38" viewBox="0 0 38 38" fill="none" xmlns="http://www.w3.org/2000/svg">
  <circle cx="19" cy="19" r="16" fill="currentColor"/>
  <path d="M17 13L23 19L17 25" stroke="#2A2A2A" stroke-miterlimit="16" stroke-linecap="square"/>
</svg>

                            </div>
                        </a>
                    </li>
                
                    <li class="max-w-[360px] odd:mr-[34px] w-full">
                        <a href="/products/smooth-and-poreless-mattescreen" class="flex p-1 items-center rounded bg-grey-F7 [@media(pointer:fine)]:[&_svg]:hover:text-supergoop-yellow h-20 no-underline mb-[19px]">
                            
                            
                                
                            
                                
                            
                                
                            
                                
                            
                                
                            
                                
                            
                                
                            
                                
                            
                                
                            
                                
                            
                                
                            
                                
                            
                                
                            
                                
                            
                                
                            
                                
                            
                                
                            
                                
                            
                                
                                    
                                        
                                        <div class="w-[52px] h-[73px] mr-5">
                                            
                                            <img src="//supergoop.com/cdn/shop/files/Nav_Mineral_1.png?v=1726087206&amp;width=70" alt="" srcset="//supergoop.com/cdn/shop/files/Nav_Mineral_1.png?v=1726087206&amp;width=70 70w" width="70" height="98" class="w-full image">
                                        </div>
                                    
                                
                            
                                
                            
                                
                            
                                
                            
                                
                            
                                
                            
                                
                            
                                
                            
                                
                            
                                
                            
                                
                            
                                
                            
                                
                            
                                
                            
                                
                            
                                
                            
                                
                            
                                
                            
                                
                            
                            <div class="  flex items-center text-base text-grey-2A body text-4 ">
                                Mineral Mattescreen SPF 40
                            </div>
                            <div class="flex items-center pr-5 text-white ml-auto">
                                <svg width="38" height="38" viewBox="0 0 38 38" fill="none" xmlns="http://www.w3.org/2000/svg">
  <circle cx="19" cy="19" r="16" fill="currentColor"/>
  <path d="M17 13L23 19L17 25" stroke="#2A2A2A" stroke-miterlimit="16" stroke-linecap="square"/>
</svg>

                            </div>
                        </a>
                    </li>
                
                    <li class="max-w-[360px] odd:mr-[34px] w-full">
                        <a href="/products/protectint-skin-tint-spf-50" class="flex p-1 items-center rounded bg-grey-F7 [@media(pointer:fine)]:[&_svg]:hover:text-supergoop-yellow h-20 no-underline mb-[19px]">
                            
                            
                                
                            
                                
                            
                                
                            
                                
                            
                                
                            
                                
                            
                                
                            
                                
                            
                                
                            
                                
                            
                                
                            
                                
                            
                                
                            
                                
                            
                                
                            
                                
                            
                                
                            
                                
                            
                                
                            
                                
                            
                                
                            
                                
                            
                                
                            
                                
                            
                                
                            
                                
                            
                                
                                    
                                        
                                        <div class="w-[52px] h-[73px] mr-5">
                                            
                                            <img src="//supergoop.com/cdn/shop/files/protectint_nav_acab7388-8966-4fbd-8c96-96089a28fb85.png?v=1738958221&amp;width=70" alt="" srcset="//supergoop.com/cdn/shop/files/protectint_nav_acab7388-8966-4fbd-8c96-96089a28fb85.png?v=1738958221&amp;width=70 70w" width="70" height="98" class="w-full image">
                                        </div>
                                    
                                
                            
                                
                            
                                
                            
                                
                            
                                
                            
                                
                            
                                
                            
                                
                            
                                
                            
                                
                            
                                
                            
                            <div class="  flex items-center text-base text-grey-2A body text-4 ">
                                Protec(tint) Skin Tint SPF 50
                            </div>
                            <div class="flex items-center pr-5 text-white ml-auto">
                                <svg width="38" height="38" viewBox="0 0 38 38" fill="none" xmlns="http://www.w3.org/2000/svg">
  <circle cx="19" cy="19" r="16" fill="currentColor"/>
  <path d="M17 13L23 19L17 25" stroke="#2A2A2A" stroke-miterlimit="16" stroke-linecap="square"/>
</svg>

                            </div>
                        </a>
                    </li>
                
            </ul>
        
        <a href="/collections/best-sellers-spf"  class="text-grey-2A text-xl no-underline border-b border-grey-2A hover:border-supergoop-blue hover:text-supergoop-blue block w-fit leading-none absolute bottom-[35px]" >Shop All Bestsellers</a>
    </div>
</div>

<style>
    .custom-hover ,
    .custom-hover circle{
        transition: 0.2s all ease-in-out;
    }
    .custom-hover:hover circle{
        fill:#FFE922;
    }
</style>

                
            </div>
        </div>
    





          </li>
        
      
        
          <li class="pb-[10px] pt-0 list-none group leading-none " data-mega-menu-item
            >
            



    <div class="flex items-center gap-1">
        <a href="/collections/all" class="!text-grey-2A uppercase text-xs font-serif font-bold no-underline hover:!text-supergoop-blue transition-color !pointer-events-auto">Shop By Type</a>
        
            <button
                type="button"
                id="shop-by-type"
                aria-expanded="false"
                aria-controls="shop-by-type-menu"
                aria-label="Open Shop By Type submenu"
                class="p-1 text-grey-2A hover:text-supergoop-blue transition-color focus:outline-none focus-visible:ring-2 focus-visible:ring-supergoop-blue"
                data-megamenu-trigger>
                <span class="sr-only">Toggle Shop By Type menu</span>
            </button>
        
    </div>
    
        
        <div
            id="shop-by-type-menu"
            class="pt-[45px] pb-[34px] bg-white absolute w-full top-full left-0
            hidden group-hover:block group-[.megamenu-keyboard-open]:block border-b-[1px] border-grey-D0"
            aria-labelledby="shop-by-type"
            role="region"
            data-megamenu-panel>
            <div class="max-w-[1140px] px-[5px] mx-auto">
                
                    <div class="grid grid-rows-1 grid-cols-[255px_minmax(900px,_1fr)_100px] gap-x-[30px]">
    
        <div>
            
            <img src="//supergoop.com/cdn/shop/files/supergoop-play-face-stick-mist-set-family-applying.jpg?v=1745951525&amp;width=500" alt="Whipped Coconut Vanilla Orchid Sunny Citrus" srcset="//supergoop.com/cdn/shop/files/supergoop-play-face-stick-mist-set-family-applying.jpg?v=1745951525&amp;width=352 352w, //supergoop.com/cdn/shop/files/supergoop-play-face-stick-mist-set-family-applying.jpg?v=1745951525&amp;width=500 500w" width="500" height="680" class="image">
            
                <a href="/products/antioxidant-infused-sunscreen-mist-with-vitamin-c" class="text-grey-2A text-base mt-2.5 no-underline flex items-center custom-hover">Reapply with PLAY Body Mist SPF 50
                    <span class="ml-2.5"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg">
<circle cx="11" cy="11" r="11" fill="white"/>
<path d="M10 7L14 11L10 15"  stroke="#2A2A2A" stroke-miterlimit="16" stroke-linecap="square"/>
</svg></span>
                </a>
            
        </div>
    

    <div>
        <h2 class="h3 sub-h3 font-serif font-bold !tracking-normal capitalize mb-2 text-grey-2A">Shop By Type</h2>
        
            <ul class="flex flex-wrap max-w-[754px] mb-10">
                
                    <li class="max-w-[360px] odd:mr-[34px] w-full">
                        <a href="/collections/sunscreen-lotion-moisturizer" class="flex p-1 items-center rounded bg-grey-F7 [@media(pointer:fine)]:[&_svg]:hover:text-supergoop-yellow h-20 no-underline mb-[19px]">
                            
                            
                                
                            
                                
                            
                                
                            
                                
                            
                                
                            
                                
                            
                                
                            
                                
                            
                                
                            
                                
                            
                                
                            
                                
                            
                                
                            
                                
                                    
                                        
                                        <div class="w-[52px] h-[73px] mr-5">
                                            
                                            <img src="//supergoop.com/cdn/shop/files/Nav_Lotions.png?v=1706112427&amp;width=70" alt="" srcset="//supergoop.com/cdn/shop/files/Nav_Lotions.png?v=1706112427&amp;width=70 70w" width="70" height="100" class="w-full image">
                                        </div>
                                    
                                
                            
                                
                            
                                
                            
                                
                            
                                
                            
                                
                            
                                
                            
                                
                            
                                
                            
                                
                            
                                
                            
                                
                            
                                
                            
                                
                            
                                
                            
                                
                            
                                
                            
                                
                            
                                
                            
                                
                            
                                
                            
                                
                            
                                
                            
                                
                            
                            <div class="  flex items-center text-base text-grey-2A body text-4 ">
                                Lotion & Moisturizer
                            </div>
                            <div class="flex items-center pr-5 text-white ml-auto">
                                <svg width="38" height="38" viewBox="0 0 38 38" fill="none" xmlns="http://www.w3.org/2000/svg">
  <circle cx="19" cy="19" r="16" fill="currentColor"/>
  <path d="M17 13L23 19L17 25" stroke="#2A2A2A" stroke-miterlimit="16" stroke-linecap="square"/>
</svg>

                            </div>
                        </a>
                    </li>
                
                    <li class="max-w-[360px] odd:mr-[34px] w-full">
                        <a href="/collections/spray-spf" class="flex p-1 items-center rounded bg-grey-F7 [@media(pointer:fine)]:[&_svg]:hover:text-supergoop-yellow h-20 no-underline mb-[19px]">
                            
                            
                                
                            
                                
                            
                                
                            
                                
                            
                                
                            
                                
                            
                                
                            
                                
                            
                                
                            
                                
                            
                                
                            
                                
                            
                                
                            
                                
                            
                                
                            
                                
                            
                                
                            
                                
                            
                                
                            
                                
                            
                                
                            
                                
                            
                                
                            
                                
                            
                                
                            
                                
                            
                                
                            
                                
                            
                                
                            
                                
                            
                                
                                    
                                        
                                        <div class="w-[52px] h-[73px] mr-5">
                                            
                                            <img src="//supergoop.com/cdn/shop/files/Nav_Spray.png?v=1706112426&amp;width=70" alt="" srcset="//supergoop.com/cdn/shop/files/Nav_Spray.png?v=1706112426&amp;width=70 70w" width="70" height="100" class="w-full image">
                                        </div>
                                    
                                
                            
                                
                            
                                
                            
                                
                            
                                
                            
                                
                            
                                
                            
                            <div class="  flex items-center text-base text-grey-2A body text-4 ">
                                Spray
                            </div>
                            <div class="flex items-center pr-5 text-white ml-auto">
                                <svg width="38" height="38" viewBox="0 0 38 38" fill="none" xmlns="http://www.w3.org/2000/svg">
  <circle cx="19" cy="19" r="16" fill="currentColor"/>
  <path d="M17 13L23 19L17 25" stroke="#2A2A2A" stroke-miterlimit="16" stroke-linecap="square"/>
</svg>

                            </div>
                        </a>
                    </li>
                
                    <li class="max-w-[360px] odd:mr-[34px] w-full">
                        <a href="/collections/spf-sticks" class="flex p-1 items-center rounded bg-grey-F7 [@media(pointer:fine)]:[&_svg]:hover:text-supergoop-yellow h-20 no-underline mb-[19px]">
                            
                            
                                
                            
                                
                            
                                
                            
                                
                            
                                
                            
                                
                            
                                
                            
                                
                            
                                
                            
                                
                            
                                
                            
                                
                            
                                
                            
                                
                            
                                
                            
                                
                            
                                
                            
                                
                            
                                
                            
                                
                            
                                
                            
                                
                            
                                
                            
                                
                            
                                
                            
                                
                            
                                
                            
                                
                            
                                
                            
                                
                            
                                
                            
                                
                                    
                                        
                                        <div class="w-[52px] h-[73px] mr-5">
                                            
                                            <img src="//supergoop.com/cdn/shop/files/Nav_Stick.png?v=1706112426&amp;width=70" alt="" srcset="//supergoop.com/cdn/shop/files/Nav_Stick.png?v=1706112426&amp;width=70 70w" width="70" height="100" class="w-full image">
                                        </div>
                                    
                                
                            
                                
                            
                                
                            
                                
                            
                                
                            
                                
                            
                            <div class="  flex items-center text-base text-grey-2A body text-4 ">
                                Stick
                            </div>
                            <div class="flex items-center pr-5 text-white ml-auto">
                                <svg width="38" height="38" viewBox="0 0 38 38" fill="none" xmlns="http://www.w3.org/2000/svg">
  <circle cx="19" cy="19" r="16" fill="currentColor"/>
  <path d="M17 13L23 19L17 25" stroke="#2A2A2A" stroke-miterlimit="16" stroke-linecap="square"/>
</svg>

                            </div>
                        </a>
                    </li>
                
                    <li class="max-w-[360px] odd:mr-[34px] w-full">
                        <a href="/collections/sunscreen-oil" class="flex p-1 items-center rounded bg-grey-F7 [@media(pointer:fine)]:[&_svg]:hover:text-supergoop-yellow h-20 no-underline mb-[19px]">
                            
                            
                                
                            
                                
                            
                                
                            
                                
                            
                                
                            
                                
                            
                                
                            
                                
                            
                                
                            
                                
                            
                                
                            
                                
                            
                                
                            
                                
                            
                                
                            
                                
                            
                                
                            
                                
                            
                                
                            
                                
                            
                                
                            
                                
                                    
                                        
                                        <div class="w-[52px] h-[73px] mr-5">
                                            
                                            <img src="//supergoop.com/cdn/shop/files/Nav_Oil_Serum.png?v=1726090019&amp;width=70" alt="" srcset="//supergoop.com/cdn/shop/files/Nav_Oil_Serum.png?v=1726090019&amp;width=70 70w" width="70" height="100" class="w-full image">
                                        </div>
                                    
                                
                            
                                
                            
                                
                            
                                
                            
                                
                            
                                
                            
                                
                            
                                
                            
                                
                            
                                
                            
                                
                            
                                
                            
                                
                            
                                
                            
                                
                            
                                
                            
                            <div class="  flex items-center text-base text-grey-2A body text-4 ">
                                Oil & Serum
                            </div>
                            <div class="flex items-center pr-5 text-white ml-auto">
                                <svg width="38" height="38" viewBox="0 0 38 38" fill="none" xmlns="http://www.w3.org/2000/svg">
  <circle cx="19" cy="19" r="16" fill="currentColor"/>
  <path d="M17 13L23 19L17 25" stroke="#2A2A2A" stroke-miterlimit="16" stroke-linecap="square"/>
</svg>

                            </div>
                        </a>
                    </li>
                
                    <li class="max-w-[360px] odd:mr-[34px] w-full">
                        <a href="/collections/sunscreen-for-lips" class="flex p-1 items-center rounded bg-grey-F7 [@media(pointer:fine)]:[&_svg]:hover:text-supergoop-yellow h-20 no-underline mb-[19px]">
                            
                            
                                
                            
                                
                            
                                
                            
                                
                            
                                
                            
                                
                            
                                
                            
                                
                            
                                
                            
                                
                            
                                
                            
                                
                                    
                                        
                                        <div class="w-[52px] h-[73px] mr-5">
                                            
                                            <img src="//supergoop.com/cdn/shop/files/Nav_Lip.png?v=1706112426&amp;width=70" alt="" srcset="//supergoop.com/cdn/shop/files/Nav_Lip.png?v=1706112426&amp;width=70 70w" width="70" height="100" class="w-full image">
                                        </div>
                                    
                                
                            
                                
                            
                                
                            
                                
                            
                                
                            
                                
                            
                                
                            
                                
                            
                                
                            
                                
                            
                                
                            
                                
                            
                                
                            
                                
                            
                                
                            
                                
                            
                                
                            
                                
                            
                                
                            
                                
                            
                                
                            
                                
                            
                                
                            
                                
                            
                                
                            
                                
                            
                            <div class="  flex items-center text-base text-grey-2A body text-4 ">
                                Lip
                            </div>
                            <div class="flex items-center pr-5 text-white ml-auto">
                                <svg width="38" height="38" viewBox="0 0 38 38" fill="none" xmlns="http://www.w3.org/2000/svg">
  <circle cx="19" cy="19" r="16" fill="currentColor"/>
  <path d="M17 13L23 19L17 25" stroke="#2A2A2A" stroke-miterlimit="16" stroke-linecap="square"/>
</svg>

                            </div>
                        </a>
                    </li>
                
                    <li class="max-w-[360px] odd:mr-[34px] w-full">
                        <a href="/collections/mineral-spf" class="flex p-1 items-center rounded bg-grey-F7 [@media(pointer:fine)]:[&_svg]:hover:text-supergoop-yellow h-20 no-underline mb-[19px]">
                            
                            
                                
                            
                                
                            
                                
                            
                                
                            
                                
                            
                                
                            
                                
                            
                                
                            
                                
                            
                                
                            
                                
                            
                                
                            
                                
                            
                                
                            
                                
                            
                                
                            
                                
                            
                                
                                    
                                        
                                        <div class="w-[52px] h-[73px] mr-5">
                                            
                                            <img src="//supergoop.com/cdn/shop/files/Nav_Mineral.png?v=1726088129&amp;width=70" alt="" srcset="//supergoop.com/cdn/shop/files/Nav_Mineral.png?v=1726088129&amp;width=70 70w" width="70" height="98" class="w-full image">
                                        </div>
                                    
                                
                            
                                
                            
                                
                            
                                
                            
                                
                            
                                
                            
                                
                            
                                
                            
                                
                            
                                
                            
                                
                            
                                
                            
                                
                            
                                
                            
                                
                            
                                
                            
                                
                            
                                
                            
                                
                            
                                
                            
                            <div class="  flex items-center text-base text-grey-2A body text-4 ">
                                Mineral
                            </div>
                            <div class="flex items-center pr-5 text-white ml-auto">
                                <svg width="38" height="38" viewBox="0 0 38 38" fill="none" xmlns="http://www.w3.org/2000/svg">
  <circle cx="19" cy="19" r="16" fill="currentColor"/>
  <path d="M17 13L23 19L17 25" stroke="#2A2A2A" stroke-miterlimit="16" stroke-linecap="square"/>
</svg>

                            </div>
                        </a>
                    </li>
                
            </ul>
        
        <a href="/collections/all"  class="text-grey-2A text-xl no-underline border-b border-grey-2A hover:border-supergoop-blue hover:text-supergoop-blue block w-fit leading-none absolute bottom-[35px]" >Shop All Shop By Type</a>
    </div>
</div>

<style>
    .custom-hover ,
    .custom-hover circle{
        transition: 0.2s all ease-in-out;
    }
    .custom-hover:hover circle{
        fill:#FFE922;
    }
</style>

                
            </div>
        </div>
    





          </li>
        
      
        
          <li class="pb-[10px] pt-0 list-none group leading-none " data-mega-menu-item
            >
            



    <div class="flex items-center gap-1">
        <a href="#" class="!text-grey-2A uppercase text-xs font-serif font-bold no-underline hover:!text-supergoop-blue transition-color !pointer-events-auto">Discover</a>
        
            <button
                type="button"
                id="discover"
                aria-expanded="false"
                aria-controls="discover-menu"
                aria-label="Open Discover submenu"
                class="p-1 text-grey-2A hover:text-supergoop-blue transition-color focus:outline-none focus-visible:ring-2 focus-visible:ring-supergoop-blue"
                data-megamenu-trigger>
                <span class="sr-only">Toggle Discover menu</span>
            </button>
        
    </div>
    
        
        <div
            id="discover-menu"
            class="pt-[45px] pb-[34px] bg-white absolute w-full top-full left-0
            hidden group-hover:block group-[.megamenu-keyboard-open]:block border-b-[1px] border-grey-D0"
            aria-labelledby="discover"
            role="region"
            data-megamenu-panel>
            <div class="max-w-[1140px] px-[5px] mx-auto">
                
                    <div class="flex justify-between">
    <div class="col-span-2">
        <h2 class="h3 sub-h3 font-serif font-bold !tracking-normal capitalize mb-[30px] text-grey-2A">Discover</h2>
        
            <ul class="flex flex-wrap flex-col max-h-[210px] gap-x-[70px] gap-y-[15px]">
                
                    <li class="cursor-pointer">
                        <a class="no-underline  !text-grey-2A text-lg leading-6 hover:!text-supergoop-blue" href="/pages/about-us">Our Story</a>
                    </li>
                
                    <li class="cursor-pointer">
                        <a class="no-underline  !text-grey-2A text-lg leading-6 hover:!text-supergoop-blue" href="/pages/quiz">Find Your SPF Quiz</a>
                    </li>
                
                    <li class="cursor-pointer">
                        <a class="no-underline  !text-grey-2A text-lg leading-6 hover:!text-supergoop-blue" href="/pages/sg-promise">The Supergoop! Promise</a>
                    </li>
                
                    <li class="cursor-pointer">
                        <a class="no-underline  !text-grey-2A text-lg leading-6 hover:!text-supergoop-blue" href="/pages/rewards">Rewards Program</a>
                    </li>
                
                    <li class="cursor-pointer">
                        <a class="no-underline  !text-grey-2A text-lg leading-6 hover:!text-supergoop-blue" href="/collections/merch-shop">Merch & Apparel</a>
                    </li>
                
                    <li class="cursor-pointer">
                        <a class="no-underline  !text-grey-2A text-lg leading-6 hover:!text-supergoop-blue" href="/blogs/all">Blog: The Bright Side™</a>
                    </li>
                
                    <li class="cursor-pointer">
                        <a class="no-underline  !text-grey-2A text-lg leading-6 hover:!text-supergoop-blue" href="/pages/play">The PLAY Collection</a>
                    </li>
                
            </ul>
        
    </div>
    <div class="flex">
    
        <div class=" mr-5         ">
            
            <img src="//supergoop.com/cdn/shop/files/What_is_SPF_Oil.png?v=1757433444&amp;width=250" alt="" srcset="//supergoop.com/cdn/shop/files/What_is_SPF_Oil.png?v=1757433444&amp;width=250 250w" width="250" height="250" class="image">
            
                <a href="/pages/quiz" class="text-grey-2A text-base mt-2.5 no-underline flex items-center custom-hover     ">Find Your SPF Quiz
                    <span class="ml-2.5"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg">
<circle cx="11" cy="11" r="11" fill="white"/>
<path d="M10 7L14 11L10 15"  stroke="#2A2A2A" stroke-miterlimit="16" stroke-linecap="square"/>
</svg></span>
                </a>
            
        </div>
    
        
                <div>
                
                <img src="//supergoop.com/cdn/shop/files/Nav_FlyoutImage_Caddy.png?v=1779273995&amp;width=250" alt="" srcset="//supergoop.com/cdn/shop/files/Nav_FlyoutImage_Caddy.png?v=1779273995&amp;width=250 250w" width="250" height="249" class="image">
                
                    <a href="/collections/merch-shop" class="text-grey-2A text-base mt-2.5 no-underline flex items-center custom-hover">Supergoods! Merch & Apparel
                        <span class="ml-2.5"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg">
<circle cx="11" cy="11" r="11" fill="white"/>
<path d="M10 7L14 11L10 15"  stroke="#2A2A2A" stroke-miterlimit="16" stroke-linecap="square"/>
</svg></span>
                    </a>
                
            </div>
        
    </div>

</div>
                
            </div>
        </div>
    





          </li>
        
      
      </ul>
    </nav>
  </div>

  <div class="hidden"  data-header="nav">
    <div data-header-overlay class="duration-[800ms] w-full h-full fixed left-0 top-0 opacity-30 z-50 bg-black/60" style="top: 46px;"></div>
    <div data-header-mobile-menu class="
    pointer-events-all
    block
    max-w-panel
    w-full h-full
    fixed
    top-0
    bottom-0
    transition-opacity duration-[400ms]
    z-50
    bg-white
    left-0
    translate-x-0 opacity-100
    !max-w-[440px] h-auto
    ">
    <div class="h-full z-50 border-r overflow-y-auto">
      <div class="bg-white relative h-[60px]">

      <button data-back-search type="button" tabindex="0" class="hidden absolute top-4 lg:left-4 left-2">
        <div class="text-white hover:text-supergoop-yellow">
          <svg width="38" height="38" viewBox="0 0 38 38" fill="none" xmlns="http://www.w3.org/2000/svg">
<circle cx="19" cy="19" r="16" fill="white"/>
<path d="M18 25L12 19L18 13" stroke="#2A2A2A" stroke-miterlimit="16" stroke-linecap="square"/>
<path d="M12 19H26" stroke="black"/>
</svg>

        </div>
      </button>
        <button data-nav-trigger-close type="button" tabindex="0" class="absolute top-4 lg:right-4 right-2">
          <div class="text-white icon-close hover:text-supergoop-yellow">
            <svg width="38" height="38" viewBox="0 0 38 38" fill="none" xmlns="http://www.w3.org/2000/svg">
  <circle cx="19.5" cy="18.5" r="18.5" fill="currentColor"/>
  <path d="M13 25L26 12" stroke="#2A2A2A" stroke-linecap="round" stroke-linejoin="round"/>
  <path d="M13 12L26 25" stroke="#2A2A2A" stroke-linecap="round" stroke-linejoin="round"/>
</svg>

          </div>
        </button>
      </div>
      <div class="relative w-full px-2.5 mb-[15px]">
        <form action="/collections/shop">
        <div class="absolute inset-y-0 left-0 flex items-center pl-2">
          <button type="submit" class="icon-search p-1 focus:outline-none
          focus:shadow-outline">
            <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
  <path fill-rule="evenodd" clip-rule="evenodd" d="M16.9644 8.77376C17.1801 11.004 16.4018 13.0937 14.9859 14.6118C13.7856 15.905 12.1259 16.7765 10.2317 16.9639C6.10577 17.3669 2.43933 14.3494 2.03611 10.2262C1.6329 6.10305 4.65232 2.43904 8.77824 2.03609C12.9042 1.63314 16.5706 4.65057 16.9738 8.77376H16.9644Z" stroke="currentColor" stroke-miterlimit="10" stroke-linecap="square"/>
  <path d="M21.5 21.5L15 15" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
</svg>

          </button>
        </div>
          <input name="search" type="text" class="header-mobile-search ss-autocomplete py-2 bg-grey-F7 border-none w-full text-sm rounded-md pl-10" placeholder="Search" autocomplete="off" spellcheck="false" autocorrect="off" autocapitalize="none" ss-autocomplete-input="">
        </form>
      </div>
      <div data-mobile-navigation>
        
    

    

    

    

    

    
        
        
            
                <div class="border-b border-grey-D0 p-5 first:border-t">
                    <a href="/collections/all" class="text-xl text-grey-2A no-underline font-light flex justify-between"
                      data-accordion-button   >
                        <h2 class="text-xl text-grey-2A no-underline normal-case font-serif font-bold">Shop All</h2>
                        
                            <span class="plus" data-accordion-plus><svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
<circle cx="16" cy="16" r="16" fill="white"/>
<path d="M9 16H23" stroke="#2A2A2A"/>
<path d="M16.0002 9V23" stroke="#2A2A2A"/>
</svg>
</span>
                            <span class="hidden minus" data-accordion-minus><svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
  <circle cx="16" cy="16" r="16" fill="transparent"/>
  <path d="M9 16H23" stroke="#2A2A2A"/>
</svg>
</span>
                        
                    </a>
                    
                        <div class="h-0 overflow-hidden transition-all" data-accordion-content>
                            
                            <ul class="">
                                
                                    <li class="first:mt-4">
                                        <a href="/collections/new" class="flex p-1 items-center rounded bg-grey-F7 [@media(pointer:fine)]:[&_svg]:hover:text-supergoop-yellow h-20 no-underline mb-2.5">
                                            
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                                    
                                                        
                                                        <div class="w-[52px] h-[73px] mr-5">
                                                            
                                                            <img src="//supergoop.com/cdn/shop/files/new.png?v=1780416195&amp;width=70" alt="" srcset="//supergoop.com/cdn/shop/files/new.png?v=1780416195&amp;width=70 70w" width="70" height="103" class="w-full image">
                                                        </div>
                                                    
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                            <div class=" flex items-center text-base text-grey-2A body text-4 ">
                                                New!
                                            </div>
                                            <div class="flex items-center pr-5 text-white ml-auto">
                                                <svg width="38" height="38" viewBox="0 0 38 38" fill="none" xmlns="http://www.w3.org/2000/svg">
  <circle cx="19" cy="19" r="16" fill="currentColor"/>
  <path d="M17 13L23 19L17 25" stroke="#2A2A2A" stroke-miterlimit="16" stroke-linecap="square"/>
</svg>

                                            </div>
                                        </a>
                                    </li>
                                
                                    <li class="first:mt-4">
                                        <a href="/collections/face-lip-spf" class="flex p-1 items-center rounded bg-grey-F7 [@media(pointer:fine)]:[&_svg]:hover:text-supergoop-yellow h-20 no-underline mb-2.5">
                                            
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                                    
                                                        
                                                        <div class="w-[52px] h-[73px] mr-5">
                                                            
                                                            <img src="//supergoop.com/cdn/shop/files/lip_nav.png?v=1734468226&amp;width=70" alt="" srcset="//supergoop.com/cdn/shop/files/lip_nav.png?v=1734468226&amp;width=70 70w" width="70" height="100" class="w-full image">
                                                        </div>
                                                    
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                            <div class=" flex items-center text-base text-grey-2A body text-4 ">
                                                Face & Lip
                                            </div>
                                            <div class="flex items-center pr-5 text-white ml-auto">
                                                <svg width="38" height="38" viewBox="0 0 38 38" fill="none" xmlns="http://www.w3.org/2000/svg">
  <circle cx="19" cy="19" r="16" fill="currentColor"/>
  <path d="M17 13L23 19L17 25" stroke="#2A2A2A" stroke-miterlimit="16" stroke-linecap="square"/>
</svg>

                                            </div>
                                        </a>
                                    </li>
                                
                                    <li class="first:mt-4">
                                        <a href="/collections/body" class="flex p-1 items-center rounded bg-grey-F7 [@media(pointer:fine)]:[&_svg]:hover:text-supergoop-yellow h-20 no-underline mb-2.5">
                                            
                                            
                                                
                                            
                                                
                                            
                                                
                                                    
                                                        
                                                        <div class="w-[52px] h-[73px] mr-5">
                                                            
                                                            <img src="//supergoop.com/cdn/shop/files/everyday-sunscreen-spf-50.png?v=1734448526&amp;width=70" alt="" srcset="//supergoop.com/cdn/shop/files/everyday-sunscreen-spf-50.png?v=1734448526&amp;width=70 70w" width="70" height="100" class="w-full image">
                                                        </div>
                                                    
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                            <div class=" flex items-center text-base text-grey-2A body text-4 ">
                                                Body
                                            </div>
                                            <div class="flex items-center pr-5 text-white ml-auto">
                                                <svg width="38" height="38" viewBox="0 0 38 38" fill="none" xmlns="http://www.w3.org/2000/svg">
  <circle cx="19" cy="19" r="16" fill="currentColor"/>
  <path d="M17 13L23 19L17 25" stroke="#2A2A2A" stroke-miterlimit="16" stroke-linecap="square"/>
</svg>

                                            </div>
                                        </a>
                                    </li>
                                
                                    <li class="first:mt-4">
                                        <a href="/collections/mineral-spf" class="flex p-1 items-center rounded bg-grey-F7 [@media(pointer:fine)]:[&_svg]:hover:text-supergoop-yellow h-20 no-underline mb-2.5">
                                            
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                                    
                                                        
                                                        <div class="w-[52px] h-[73px] mr-5">
                                                            
                                                            <img src="//supergoop.com/cdn/shop/files/Nav_Mineral.png?v=1726088129&amp;width=70" alt="" srcset="//supergoop.com/cdn/shop/files/Nav_Mineral.png?v=1726088129&amp;width=70 70w" width="70" height="98" class="w-full image">
                                                        </div>
                                                    
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                            <div class=" flex items-center text-base text-grey-2A body text-4 ">
                                                Mineral
                                            </div>
                                            <div class="flex items-center pr-5 text-white ml-auto">
                                                <svg width="38" height="38" viewBox="0 0 38 38" fill="none" xmlns="http://www.w3.org/2000/svg">
  <circle cx="19" cy="19" r="16" fill="currentColor"/>
  <path d="M17 13L23 19L17 25" stroke="#2A2A2A" stroke-miterlimit="16" stroke-linecap="square"/>
</svg>

                                            </div>
                                        </a>
                                    </li>
                                
                                    <li class="first:mt-4">
                                        <a href="/collections/makeup-with-sunscreen" class="flex p-1 items-center rounded bg-grey-F7 [@media(pointer:fine)]:[&_svg]:hover:text-supergoop-yellow h-20 no-underline mb-2.5">
                                            
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                                    
                                                        
                                                        <div class="w-[52px] h-[73px] mr-5">
                                                            
                                                            <img src="//supergoop.com/cdn/shop/files/protectint_nav.png?v=1734468226&amp;width=70" alt="" srcset="//supergoop.com/cdn/shop/files/protectint_nav.png?v=1734468226&amp;width=70 70w" width="70" height="98" class="w-full image">
                                                        </div>
                                                    
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                            <div class=" flex items-center text-base text-grey-2A body text-4 ">
                                                Makeup
                                            </div>
                                            <div class="flex items-center pr-5 text-white ml-auto">
                                                <svg width="38" height="38" viewBox="0 0 38 38" fill="none" xmlns="http://www.w3.org/2000/svg">
  <circle cx="19" cy="19" r="16" fill="currentColor"/>
  <path d="M17 13L23 19L17 25" stroke="#2A2A2A" stroke-miterlimit="16" stroke-linecap="square"/>
</svg>

                                            </div>
                                        </a>
                                    </li>
                                
                                    <li class="first:mt-4">
                                        <a href="/collections/kids-family-sunscreen" class="flex p-1 items-center rounded bg-grey-F7 [@media(pointer:fine)]:[&_svg]:hover:text-supergoop-yellow h-20 no-underline mb-2.5">
                                            
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                                    
                                                        
                                                        <div class="w-[52px] h-[73px] mr-5">
                                                            
                                                            <img src="//supergoop.com/cdn/shop/files/kids-family.png?v=1780415443&amp;width=70" alt="" srcset="//supergoop.com/cdn/shop/files/kids-family.png?v=1780415443&amp;width=70 70w" width="70" height="106" class="w-full image">
                                                        </div>
                                                    
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                            <div class=" flex items-center text-base text-grey-2A body text-4 ">
                                                Kids & Family
                                            </div>
                                            <div class="flex items-center pr-5 text-white ml-auto">
                                                <svg width="38" height="38" viewBox="0 0 38 38" fill="none" xmlns="http://www.w3.org/2000/svg">
  <circle cx="19" cy="19" r="16" fill="currentColor"/>
  <path d="M17 13L23 19L17 25" stroke="#2A2A2A" stroke-miterlimit="16" stroke-linecap="square"/>
</svg>

                                            </div>
                                        </a>
                                    </li>
                                
                                    <li class="first:mt-4">
                                        <a href="/collections/men-spf" class="flex p-1 items-center rounded bg-grey-F7 [@media(pointer:fine)]:[&_svg]:hover:text-supergoop-yellow h-20 no-underline mb-2.5">
                                            
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                                    
                                                        
                                                        <div class="w-[52px] h-[73px] mr-5">
                                                            
                                                            <img src="//supergoop.com/cdn/shop/files/Nav_Kids_Family_Men.png?v=1714482685&amp;width=70" alt="" srcset="//supergoop.com/cdn/shop/files/Nav_Kids_Family_Men.png?v=1714482685&amp;width=70 70w" width="70" height="98" class="w-full image">
                                                        </div>
                                                    
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                            <div class=" flex items-center text-base text-grey-2A body text-4 ">
                                                Men
                                            </div>
                                            <div class="flex items-center pr-5 text-white ml-auto">
                                                <svg width="38" height="38" viewBox="0 0 38 38" fill="none" xmlns="http://www.w3.org/2000/svg">
  <circle cx="19" cy="19" r="16" fill="currentColor"/>
  <path d="M17 13L23 19L17 25" stroke="#2A2A2A" stroke-miterlimit="16" stroke-linecap="square"/>
</svg>

                                            </div>
                                        </a>
                                    </li>
                                
                                    <li class="first:mt-4">
                                        <a href="/collections/sunscreen-gifts-kits" class="flex p-1 items-center rounded bg-grey-F7 [@media(pointer:fine)]:[&_svg]:hover:text-supergoop-yellow h-20 no-underline mb-2.5">
                                            
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                                    
                                                        
                                                        <div class="w-[52px] h-[73px] mr-5">
                                                            
                                                            <img src="//supergoop.com/cdn/shop/files/sets-gifts.png?v=1780415174&amp;width=70" alt="" srcset="//supergoop.com/cdn/shop/files/sets-gifts.png?v=1780415174&amp;width=70 70w" width="70" height="97" class="w-full image">
                                                        </div>
                                                    
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                            <div class=" flex items-center text-base text-grey-2A body text-4 ">
                                                Sets & Gifts
                                            </div>
                                            <div class="flex items-center pr-5 text-white ml-auto">
                                                <svg width="38" height="38" viewBox="0 0 38 38" fill="none" xmlns="http://www.w3.org/2000/svg">
  <circle cx="19" cy="19" r="16" fill="currentColor"/>
  <path d="M17 13L23 19L17 25" stroke="#2A2A2A" stroke-miterlimit="16" stroke-linecap="square"/>
</svg>

                                            </div>
                                        </a>
                                    </li>
                                
                                    <li class="first:mt-4">
                                        <a href="/pages/bulk-gifting" class="flex p-1 items-center rounded bg-grey-F7 [@media(pointer:fine)]:[&_svg]:hover:text-supergoop-yellow h-20 no-underline mb-2.5">
                                            
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                                    
                                                        
                                                        <div class="w-[52px] h-[73px] mr-5">
                                                            
                                                            <img src="//supergoop.com/cdn/shop/files/nav-bulk-gifting-square.png?v=1737145850&amp;width=70" alt="" srcset="//supergoop.com/cdn/shop/files/nav-bulk-gifting-square.png?v=1737145850&amp;width=70 70w" width="70" height="100" class="w-full image">
                                                        </div>
                                                    
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                            <div class=" flex items-center text-base text-grey-2A body text-4 ">
                                                Group Gifting
                                            </div>
                                            <div class="flex items-center pr-5 text-white ml-auto">
                                                <svg width="38" height="38" viewBox="0 0 38 38" fill="none" xmlns="http://www.w3.org/2000/svg">
  <circle cx="19" cy="19" r="16" fill="currentColor"/>
  <path d="M17 13L23 19L17 25" stroke="#2A2A2A" stroke-miterlimit="16" stroke-linecap="square"/>
</svg>

                                            </div>
                                        </a>
                                    </li>
                                
                                <li>
                                    <a href="/collections/all" class="flex p-1 items-center rounded bg-grey-F7 [@media(pointer:fine)]:[&_svg]:hover:text-supergoop-yellow h-20 no-underline mb-2.5">
                                        <div class="pl-5 flex items-center text-base text-grey-2A body text-4 ">
                                           
                                            Shop All
                                           
                                        </div>
                                        <div class="flex items-center pr-5 text-white ml-auto">
                                            <svg width="38" height="38" viewBox="0 0 38 38" fill="none" xmlns="http://www.w3.org/2000/svg">
  <circle cx="19" cy="19" r="16" fill="currentColor"/>
  <path d="M17 13L23 19L17 25" stroke="#2A2A2A" stroke-miterlimit="16" stroke-linecap="square"/>
</svg>

                                        </div>
                                    </a>
                                </li>
                            </ul>
                        </div>
                    
                </div>
            
        
    

    
        
        
            
                <div class="border-b border-grey-D0 p-5 first:border-t">
                    <a href="/collections/best-sellers-spf" class="text-xl text-grey-2A no-underline font-light flex justify-between"
                      data-accordion-button   >
                        <h2 class="text-xl text-grey-2A no-underline normal-case font-serif font-bold">Bestsellers</h2>
                        
                            <span class="plus" data-accordion-plus><svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
<circle cx="16" cy="16" r="16" fill="white"/>
<path d="M9 16H23" stroke="#2A2A2A"/>
<path d="M16.0002 9V23" stroke="#2A2A2A"/>
</svg>
</span>
                            <span class="hidden minus" data-accordion-minus><svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
  <circle cx="16" cy="16" r="16" fill="transparent"/>
  <path d="M9 16H23" stroke="#2A2A2A"/>
</svg>
</span>
                        
                    </a>
                    
                        <div class="h-0 overflow-hidden transition-all" data-accordion-content>
                            
                            <ul class="">
                                
                                    <li class="first:mt-4">
                                        <a href="/products/unseen-sunscreen-spf-50" class="flex p-1 items-center rounded bg-grey-F7 [@media(pointer:fine)]:[&_svg]:hover:text-supergoop-yellow h-20 no-underline mb-2.5">
                                            
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                                    
                                                        
                                                        <div class="w-[52px] h-[73px] mr-5">
                                                            
                                                            <img src="//supergoop.com/cdn/shop/files/unseen-sunscreen-spf-50.png?v=1735303811&amp;width=70" alt="" srcset="//supergoop.com/cdn/shop/files/unseen-sunscreen-spf-50.png?v=1735303811&amp;width=70 70w" width="70" height="100" class="w-full image">
                                                        </div>
                                                    
                                                
                                            
                                            <div class=" flex items-center text-base text-grey-2A body text-4 ">
                                                Unseen Sunscreen SPF 50
                                            </div>
                                            <div class="flex items-center pr-5 text-white ml-auto">
                                                <svg width="38" height="38" viewBox="0 0 38 38" fill="none" xmlns="http://www.w3.org/2000/svg">
  <circle cx="19" cy="19" r="16" fill="currentColor"/>
  <path d="M17 13L23 19L17 25" stroke="#2A2A2A" stroke-miterlimit="16" stroke-linecap="square"/>
</svg>

                                            </div>
                                        </a>
                                    </li>
                                
                                    <li class="first:mt-4">
                                        <a href="/products/glowscreen-spf-40" class="flex p-1 items-center rounded bg-grey-F7 [@media(pointer:fine)]:[&_svg]:hover:text-supergoop-yellow h-20 no-underline mb-2.5">
                                            
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                                    
                                                        
                                                        <div class="w-[52px] h-[73px] mr-5">
                                                            
                                                            <img src="//supergoop.com/cdn/shop/files/glowscreen-spf-40.png?v=1732246789&amp;width=70" alt="" srcset="//supergoop.com/cdn/shop/files/glowscreen-spf-40.png?v=1732246789&amp;width=70 70w" width="70" height="98" class="w-full image">
                                                        </div>
                                                    
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                            <div class=" flex items-center text-base text-grey-2A body text-4 ">
                                                Glowscreen SPF 40
                                            </div>
                                            <div class="flex items-center pr-5 text-white ml-auto">
                                                <svg width="38" height="38" viewBox="0 0 38 38" fill="none" xmlns="http://www.w3.org/2000/svg">
  <circle cx="19" cy="19" r="16" fill="currentColor"/>
  <path d="M17 13L23 19L17 25" stroke="#2A2A2A" stroke-miterlimit="16" stroke-linecap="square"/>
</svg>

                                            </div>
                                        </a>
                                    </li>
                                
                                    <li class="first:mt-4">
                                        <a href="/products/everyday-sunscreen" class="flex p-1 items-center rounded bg-grey-F7 [@media(pointer:fine)]:[&_svg]:hover:text-supergoop-yellow h-20 no-underline mb-2.5">
                                            
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                                    
                                                        
                                                        <div class="w-[52px] h-[73px] mr-5">
                                                            
                                                            <img src="//supergoop.com/cdn/shop/files/everyday-sunscreen.png?v=1732246830&amp;width=70" alt="" srcset="//supergoop.com/cdn/shop/files/everyday-sunscreen.png?v=1732246830&amp;width=70 70w" width="70" height="100" class="w-full image">
                                                        </div>
                                                    
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                            <div class=" flex items-center text-base text-grey-2A body text-4 ">
                                                PLAY Everyday Lotion SPF 50
                                            </div>
                                            <div class="flex items-center pr-5 text-white ml-auto">
                                                <svg width="38" height="38" viewBox="0 0 38 38" fill="none" xmlns="http://www.w3.org/2000/svg">
  <circle cx="19" cy="19" r="16" fill="currentColor"/>
  <path d="M17 13L23 19L17 25" stroke="#2A2A2A" stroke-miterlimit="16" stroke-linecap="square"/>
</svg>

                                            </div>
                                        </a>
                                    </li>
                                
                                    <li class="first:mt-4">
                                        <a href="/products/antioxidant-infused-sunscreen-mist-with-vitamin-c" class="flex p-1 items-center rounded bg-grey-F7 [@media(pointer:fine)]:[&_svg]:hover:text-supergoop-yellow h-20 no-underline mb-2.5">
                                            
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                                    
                                                        
                                                        <div class="w-[52px] h-[73px] mr-5">
                                                            
                                                            <img src="//supergoop.com/cdn/shop/files/play-antioxidant-body-mist-spf-50.png?v=1773850833&amp;width=70" alt="" srcset="//supergoop.com/cdn/shop/files/play-antioxidant-body-mist-spf-50.png?v=1773850833&amp;width=70 70w" width="70" height="100" class="w-full image">
                                                        </div>
                                                    
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                            <div class=" flex items-center text-base text-grey-2A body text-4 ">
                                                PLAY Antioxidant Body Mist SPF 50
                                            </div>
                                            <div class="flex items-center pr-5 text-white ml-auto">
                                                <svg width="38" height="38" viewBox="0 0 38 38" fill="none" xmlns="http://www.w3.org/2000/svg">
  <circle cx="19" cy="19" r="16" fill="currentColor"/>
  <path d="M17 13L23 19L17 25" stroke="#2A2A2A" stroke-miterlimit="16" stroke-linecap="square"/>
</svg>

                                            </div>
                                        </a>
                                    </li>
                                
                                    <li class="first:mt-4">
                                        <a href="/products/smooth-and-poreless-mattescreen" class="flex p-1 items-center rounded bg-grey-F7 [@media(pointer:fine)]:[&_svg]:hover:text-supergoop-yellow h-20 no-underline mb-2.5">
                                            
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                                    
                                                        
                                                        <div class="w-[52px] h-[73px] mr-5">
                                                            
                                                            <img src="//supergoop.com/cdn/shop/files/Nav_Mineral_1.png?v=1726087206&amp;width=70" alt="" srcset="//supergoop.com/cdn/shop/files/Nav_Mineral_1.png?v=1726087206&amp;width=70 70w" width="70" height="98" class="w-full image">
                                                        </div>
                                                    
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                            <div class=" flex items-center text-base text-grey-2A body text-4 ">
                                                Mineral Mattescreen SPF 40
                                            </div>
                                            <div class="flex items-center pr-5 text-white ml-auto">
                                                <svg width="38" height="38" viewBox="0 0 38 38" fill="none" xmlns="http://www.w3.org/2000/svg">
  <circle cx="19" cy="19" r="16" fill="currentColor"/>
  <path d="M17 13L23 19L17 25" stroke="#2A2A2A" stroke-miterlimit="16" stroke-linecap="square"/>
</svg>

                                            </div>
                                        </a>
                                    </li>
                                
                                    <li class="first:mt-4">
                                        <a href="/products/protectint-skin-tint-spf-50" class="flex p-1 items-center rounded bg-grey-F7 [@media(pointer:fine)]:[&_svg]:hover:text-supergoop-yellow h-20 no-underline mb-2.5">
                                            
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                                    
                                                        
                                                        <div class="w-[52px] h-[73px] mr-5">
                                                            
                                                            <img src="//supergoop.com/cdn/shop/files/protectint_nav_acab7388-8966-4fbd-8c96-96089a28fb85.png?v=1738958221&amp;width=70" alt="" srcset="//supergoop.com/cdn/shop/files/protectint_nav_acab7388-8966-4fbd-8c96-96089a28fb85.png?v=1738958221&amp;width=70 70w" width="70" height="98" class="w-full image">
                                                        </div>
                                                    
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                            <div class=" flex items-center text-base text-grey-2A body text-4 ">
                                                Protec(tint) Skin Tint SPF 50
                                            </div>
                                            <div class="flex items-center pr-5 text-white ml-auto">
                                                <svg width="38" height="38" viewBox="0 0 38 38" fill="none" xmlns="http://www.w3.org/2000/svg">
  <circle cx="19" cy="19" r="16" fill="currentColor"/>
  <path d="M17 13L23 19L17 25" stroke="#2A2A2A" stroke-miterlimit="16" stroke-linecap="square"/>
</svg>

                                            </div>
                                        </a>
                                    </li>
                                
                                <li>
                                    <a href="/collections/best-sellers-spf" class="flex p-1 items-center rounded bg-grey-F7 [@media(pointer:fine)]:[&_svg]:hover:text-supergoop-yellow h-20 no-underline mb-2.5">
                                        <div class="pl-5 flex items-center text-base text-grey-2A body text-4 ">
                                           
                                            Shop All Bestsellers
                                           
                                        </div>
                                        <div class="flex items-center pr-5 text-white ml-auto">
                                            <svg width="38" height="38" viewBox="0 0 38 38" fill="none" xmlns="http://www.w3.org/2000/svg">
  <circle cx="19" cy="19" r="16" fill="currentColor"/>
  <path d="M17 13L23 19L17 25" stroke="#2A2A2A" stroke-miterlimit="16" stroke-linecap="square"/>
</svg>

                                        </div>
                                    </a>
                                </li>
                            </ul>
                        </div>
                    
                </div>
            
        
    

    
        
        
            
                <div class="border-b border-grey-D0 p-5 first:border-t">
                    <a href="/collections/all" class="text-xl text-grey-2A no-underline font-light flex justify-between"
                      data-accordion-button   >
                        <h2 class="text-xl text-grey-2A no-underline normal-case font-serif font-bold">Shop By Type</h2>
                        
                            <span class="plus" data-accordion-plus><svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
<circle cx="16" cy="16" r="16" fill="white"/>
<path d="M9 16H23" stroke="#2A2A2A"/>
<path d="M16.0002 9V23" stroke="#2A2A2A"/>
</svg>
</span>
                            <span class="hidden minus" data-accordion-minus><svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
  <circle cx="16" cy="16" r="16" fill="transparent"/>
  <path d="M9 16H23" stroke="#2A2A2A"/>
</svg>
</span>
                        
                    </a>
                    
                        <div class="h-0 overflow-hidden transition-all" data-accordion-content>
                            
                            <ul class="">
                                
                                    <li class="first:mt-4">
                                        <a href="/collections/sunscreen-lotion-moisturizer" class="flex p-1 items-center rounded bg-grey-F7 [@media(pointer:fine)]:[&_svg]:hover:text-supergoop-yellow h-20 no-underline mb-2.5">
                                            
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                                    
                                                        
                                                        <div class="w-[52px] h-[73px] mr-5">
                                                            
                                                            <img src="//supergoop.com/cdn/shop/files/Nav_Lotions.png?v=1706112427&amp;width=70" alt="" srcset="//supergoop.com/cdn/shop/files/Nav_Lotions.png?v=1706112427&amp;width=70 70w" width="70" height="100" class="w-full image">
                                                        </div>
                                                    
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                            <div class=" flex items-center text-base text-grey-2A body text-4 ">
                                                Lotion & Moisturizer
                                            </div>
                                            <div class="flex items-center pr-5 text-white ml-auto">
                                                <svg width="38" height="38" viewBox="0 0 38 38" fill="none" xmlns="http://www.w3.org/2000/svg">
  <circle cx="19" cy="19" r="16" fill="currentColor"/>
  <path d="M17 13L23 19L17 25" stroke="#2A2A2A" stroke-miterlimit="16" stroke-linecap="square"/>
</svg>

                                            </div>
                                        </a>
                                    </li>
                                
                                    <li class="first:mt-4">
                                        <a href="/collections/spray-spf" class="flex p-1 items-center rounded bg-grey-F7 [@media(pointer:fine)]:[&_svg]:hover:text-supergoop-yellow h-20 no-underline mb-2.5">
                                            
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                                    
                                                        
                                                        <div class="w-[52px] h-[73px] mr-5">
                                                            
                                                            <img src="//supergoop.com/cdn/shop/files/Nav_Spray.png?v=1706112426&amp;width=70" alt="" srcset="//supergoop.com/cdn/shop/files/Nav_Spray.png?v=1706112426&amp;width=70 70w" width="70" height="100" class="w-full image">
                                                        </div>
                                                    
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                            <div class=" flex items-center text-base text-grey-2A body text-4 ">
                                                Spray
                                            </div>
                                            <div class="flex items-center pr-5 text-white ml-auto">
                                                <svg width="38" height="38" viewBox="0 0 38 38" fill="none" xmlns="http://www.w3.org/2000/svg">
  <circle cx="19" cy="19" r="16" fill="currentColor"/>
  <path d="M17 13L23 19L17 25" stroke="#2A2A2A" stroke-miterlimit="16" stroke-linecap="square"/>
</svg>

                                            </div>
                                        </a>
                                    </li>
                                
                                    <li class="first:mt-4">
                                        <a href="/collections/spf-sticks" class="flex p-1 items-center rounded bg-grey-F7 [@media(pointer:fine)]:[&_svg]:hover:text-supergoop-yellow h-20 no-underline mb-2.5">
                                            
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                                    
                                                        
                                                        <div class="w-[52px] h-[73px] mr-5">
                                                            
                                                            <img src="//supergoop.com/cdn/shop/files/Nav_Stick.png?v=1706112426&amp;width=70" alt="" srcset="//supergoop.com/cdn/shop/files/Nav_Stick.png?v=1706112426&amp;width=70 70w" width="70" height="100" class="w-full image">
                                                        </div>
                                                    
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                            <div class=" flex items-center text-base text-grey-2A body text-4 ">
                                                Stick
                                            </div>
                                            <div class="flex items-center pr-5 text-white ml-auto">
                                                <svg width="38" height="38" viewBox="0 0 38 38" fill="none" xmlns="http://www.w3.org/2000/svg">
  <circle cx="19" cy="19" r="16" fill="currentColor"/>
  <path d="M17 13L23 19L17 25" stroke="#2A2A2A" stroke-miterlimit="16" stroke-linecap="square"/>
</svg>

                                            </div>
                                        </a>
                                    </li>
                                
                                    <li class="first:mt-4">
                                        <a href="/collections/sunscreen-oil" class="flex p-1 items-center rounded bg-grey-F7 [@media(pointer:fine)]:[&_svg]:hover:text-supergoop-yellow h-20 no-underline mb-2.5">
                                            
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                                    
                                                        
                                                        <div class="w-[52px] h-[73px] mr-5">
                                                            
                                                            <img src="//supergoop.com/cdn/shop/files/Nav_Oil_Serum.png?v=1726090019&amp;width=70" alt="" srcset="//supergoop.com/cdn/shop/files/Nav_Oil_Serum.png?v=1726090019&amp;width=70 70w" width="70" height="100" class="w-full image">
                                                        </div>
                                                    
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                            <div class=" flex items-center text-base text-grey-2A body text-4 ">
                                                Oil & Serum
                                            </div>
                                            <div class="flex items-center pr-5 text-white ml-auto">
                                                <svg width="38" height="38" viewBox="0 0 38 38" fill="none" xmlns="http://www.w3.org/2000/svg">
  <circle cx="19" cy="19" r="16" fill="currentColor"/>
  <path d="M17 13L23 19L17 25" stroke="#2A2A2A" stroke-miterlimit="16" stroke-linecap="square"/>
</svg>

                                            </div>
                                        </a>
                                    </li>
                                
                                    <li class="first:mt-4">
                                        <a href="/collections/sunscreen-for-lips" class="flex p-1 items-center rounded bg-grey-F7 [@media(pointer:fine)]:[&_svg]:hover:text-supergoop-yellow h-20 no-underline mb-2.5">
                                            
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                                    
                                                        
                                                        <div class="w-[52px] h-[73px] mr-5">
                                                            
                                                            <img src="//supergoop.com/cdn/shop/files/Nav_Lip.png?v=1706112426&amp;width=70" alt="" srcset="//supergoop.com/cdn/shop/files/Nav_Lip.png?v=1706112426&amp;width=70 70w" width="70" height="100" class="w-full image">
                                                        </div>
                                                    
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                            <div class=" flex items-center text-base text-grey-2A body text-4 ">
                                                Lip
                                            </div>
                                            <div class="flex items-center pr-5 text-white ml-auto">
                                                <svg width="38" height="38" viewBox="0 0 38 38" fill="none" xmlns="http://www.w3.org/2000/svg">
  <circle cx="19" cy="19" r="16" fill="currentColor"/>
  <path d="M17 13L23 19L17 25" stroke="#2A2A2A" stroke-miterlimit="16" stroke-linecap="square"/>
</svg>

                                            </div>
                                        </a>
                                    </li>
                                
                                    <li class="first:mt-4">
                                        <a href="/collections/mineral-spf" class="flex p-1 items-center rounded bg-grey-F7 [@media(pointer:fine)]:[&_svg]:hover:text-supergoop-yellow h-20 no-underline mb-2.5">
                                            
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                                    
                                                        
                                                        <div class="w-[52px] h-[73px] mr-5">
                                                            
                                                            <img src="//supergoop.com/cdn/shop/files/Nav_Mineral.png?v=1726088129&amp;width=70" alt="" srcset="//supergoop.com/cdn/shop/files/Nav_Mineral.png?v=1726088129&amp;width=70 70w" width="70" height="98" class="w-full image">
                                                        </div>
                                                    
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                                
                                            
                                            <div class=" flex items-center text-base text-grey-2A body text-4 ">
                                                Mineral
                                            </div>
                                            <div class="flex items-center pr-5 text-white ml-auto">
                                                <svg width="38" height="38" viewBox="0 0 38 38" fill="none" xmlns="http://www.w3.org/2000/svg">
  <circle cx="19" cy="19" r="16" fill="currentColor"/>
  <path d="M17 13L23 19L17 25" stroke="#2A2A2A" stroke-miterlimit="16" stroke-linecap="square"/>
</svg>

                                            </div>
                                        </a>
                                    </li>
                                
                                <li>
                                    <a href="/collections/all" class="flex p-1 items-center rounded bg-grey-F7 [@media(pointer:fine)]:[&_svg]:hover:text-supergoop-yellow h-20 no-underline mb-2.5">
                                        <div class="pl-5 flex items-center text-base text-grey-2A body text-4 ">
                                           
                                            Shop All Shop By Type
                                           
                                        </div>
                                        <div class="flex items-center pr-5 text-white ml-auto">
                                            <svg width="38" height="38" viewBox="0 0 38 38" fill="none" xmlns="http://www.w3.org/2000/svg">
  <circle cx="19" cy="19" r="16" fill="currentColor"/>
  <path d="M17 13L23 19L17 25" stroke="#2A2A2A" stroke-miterlimit="16" stroke-linecap="square"/>
</svg>

                                        </div>
                                    </a>
                                </li>
                            </ul>
                        </div>
                    
                </div>
            
        
    

    
        
        
            
        
    



<ul class="px-5 lg:hidden mb-[43px] mt-[15px]">
    <li>
     <button
        class="h-14 bg-grey-F7 rounded flex items-center w-full no-underline mb-2.5"
        onclick="document.dispatchEvent(new CustomEvent('supergoop:open'));document.body.style.overflow = 'hidden'"
        >
        <span class="ml-3">
            <svg width="28" height="28" viewBox="0 0 28 28" fill="none" xmlns="http://www.w3.org/2000/svg">
  <path d="M4.96908 23.26C4.91145 23.26 4.8523 23.2372 4.80832 23.1932C4.71884 23.1038 4.71884 22.9597 4.80832 22.8717L7.07108 20.6089C7.16056 20.5194 7.30463 20.5194 7.39259 20.6089C7.48056 20.6983 7.48207 20.8424 7.39259 20.9304L5.12984 23.1932C5.08586 23.2372 5.02671 23.26 4.96908 23.26Z" fill="currentColor" stroke="currentColor" stroke-width="0.6"/>
  <path d="M23.0326 23.2599C22.975 23.2599 22.9158 23.2372 22.8719 23.1932L20.6091 20.9303C20.5196 20.8408 20.5196 20.6967 20.6091 20.6088C20.6986 20.5208 20.8427 20.5193 20.9306 20.6088L23.1934 22.8716C23.2829 22.9611 23.2829 23.1052 23.1934 23.1932C23.1494 23.2372 23.0902 23.2599 23.0326 23.2599Z" fill="currentColor" stroke="currentColor" stroke-width="0.6"/>
  <path d="M20.7699 7.45773C20.7122 7.45773 20.6531 7.43498 20.6091 7.391C20.5196 7.30152 20.5196 7.15743 20.6091 7.06947L22.8719 4.80661C22.9613 4.71713 23.1054 4.71713 23.1934 4.80661C23.2813 4.8961 23.2829 5.04018 23.1934 5.12815L20.9306 7.391C20.8866 7.43498 20.8275 7.45773 20.7699 7.45773Z" fill="currentColor" stroke="currentColor" stroke-width="0.6"/>
  <path d="M7.23037 7.4579C7.17274 7.4579 7.11359 7.43515 7.06961 7.39116L4.80686 5.12831C4.71738 5.03883 4.71738 4.89475 4.80686 4.80678C4.89633 4.71881 5.04041 4.7173 5.12837 4.80678L7.39113 7.06963C7.48061 7.15912 7.48061 7.3032 7.39113 7.39116C7.34715 7.43515 7.288 7.4579 7.23037 7.4579Z" fill="currentColor" stroke="currentColor" stroke-width="0.6"/>
  <path d="M14.0016 22.7187C9.19401 22.7187 5.28271 18.8072 5.28271 13.9994C5.28271 9.19161 9.19401 5.28015 14.0016 5.28015C18.8092 5.28015 22.719 9.19161 22.719 13.9994C22.719 18.8072 18.8077 22.7187 14.0016 22.7187ZM14.0016 5.73667C9.44576 5.73667 5.73769 9.44338 5.73769 14.0009C5.73769 18.5585 9.44424 22.2652 14.0016 22.2652C18.559 22.2652 22.264 18.5585 22.264 14.0009C22.264 9.44338 18.5574 5.73667 14.0016 5.73667Z" fill="currentColor" stroke="currentColor" stroke-width="0.6"/>
  <path d="M14.0014 4.65363C13.8755 4.65363 13.7739 4.55201 13.7739 4.42613V1.2275C13.7739 1.10162 13.8755 1 14.0014 1C14.1273 1 14.2289 1.10162 14.2289 1.2275V4.42765C14.2289 4.55353 14.1273 4.65515 14.0014 4.65515V4.65363Z" fill="currentColor" stroke="currentColor" stroke-width="0.6"/>
  <path d="M10.2381 5.42409C10.1501 5.42409 10.0652 5.37252 10.0288 5.28607L8.77153 2.34375C8.72149 2.22849 8.77608 2.09502 8.89134 2.04497C9.00661 1.99492 9.14007 2.04952 9.19011 2.16479L10.4474 5.1071C10.4974 5.22237 10.4428 5.35584 10.3276 5.40589C10.2987 5.41802 10.2684 5.42409 10.2381 5.42409Z" fill="currentColor" stroke="currentColor" stroke-width="0.6"/>
  <path d="M2.25573 19.2485C2.16776 19.2485 2.08283 19.1969 2.04644 19.1105C1.99639 18.9952 2.05099 18.8617 2.16625 18.8117L5.10844 17.5544C5.2237 17.5043 5.35716 17.5589 5.4072 17.6742C5.45725 17.7895 5.40265 17.9229 5.28739 17.973L2.3452 19.2303C2.31639 19.2424 2.28606 19.2485 2.25573 19.2485Z" fill="currentColor" stroke="currentColor" stroke-width="0.6"/>
  <path d="M19.0208 25.9734C18.9328 25.9734 18.8479 25.9218 18.8115 25.8354L17.5542 22.8931C17.5042 22.7778 17.5588 22.6443 17.6741 22.5943C17.7893 22.5442 17.9228 22.5988 17.9728 22.7141L19.2301 25.6564C19.2801 25.7717 19.2255 25.9052 19.1103 25.9552C19.0815 25.9673 19.0511 25.9734 19.0208 25.9734Z" fill="currentColor" stroke="currentColor" stroke-width="0.6"/>
  <path d="M22.8026 10.4638C22.7146 10.4638 22.6297 10.4122 22.5933 10.3258C22.5433 10.2105 22.5979 10.0771 22.7131 10.027L25.6553 8.7697C25.7706 8.71965 25.904 8.77425 25.9541 8.88952C26.0041 9.00479 25.9495 9.13825 25.8343 9.1883L22.8921 10.4456C22.8633 10.4577 22.8329 10.4638 22.8026 10.4638Z" fill="currentColor" stroke="currentColor" stroke-width="0.6"/>
  <path d="M17.6039 5.35891C17.5751 5.35891 17.5463 5.35284 17.519 5.34223C17.4022 5.29521 17.3461 5.16175 17.3931 5.04648L18.5973 2.08293C18.6443 1.96615 18.7777 1.91003 18.893 1.95705C19.0098 2.00406 19.0659 2.13753 19.0189 2.2528L17.8147 5.21634C17.7783 5.30431 17.6934 5.35891 17.6039 5.35891Z" fill="currentColor" stroke="currentColor" stroke-width="0.6"/>
  <path d="M5.13274 10.6232C5.10392 10.6232 5.07511 10.6171 5.04781 10.6065L2.08439 9.40228C1.96761 9.35527 1.9115 9.2218 1.95851 9.10654C2.00553 8.99127 2.13899 8.93364 2.25425 8.98065L5.21767 10.1849C5.33445 10.2319 5.39056 10.3654 5.34355 10.4806C5.30715 10.5686 5.22222 10.6232 5.13274 10.6232Z" fill="currentColor" stroke="currentColor" stroke-width="0.6"/>
  <path d="M9.19129 26.0613C9.16247 26.0613 9.13366 26.0552 9.10636 26.0446C8.98958 25.9976 8.93347 25.8641 8.98048 25.7489L10.1847 22.7853C10.2317 22.6685 10.3651 22.6124 10.4804 22.6594C10.5957 22.7065 10.6533 22.8399 10.6063 22.9552L9.4021 25.9187C9.3657 26.0067 9.28077 26.0613 9.19129 26.0613Z" fill="currentColor" stroke="currentColor" stroke-width="0.6"/>
  <path d="M25.8339 19.0362C25.8051 19.0362 25.7763 19.0301 25.749 19.0195L22.7856 17.8152C22.6688 17.7682 22.6127 17.6348 22.6597 17.5195C22.7067 17.4042 22.8402 17.3466 22.9554 17.3936L25.9188 18.5978C26.0356 18.6449 26.0917 18.7783 26.0447 18.8936C26.0083 18.9816 25.9234 19.0362 25.8339 19.0362Z" fill="currentColor" stroke="currentColor" stroke-width="0.6"/>
  <path d="M4.4275 14.2283H1.22749C1.10161 14.2283 1 14.1267 1 14.0008C1 13.8749 1.10161 13.7733 1.22749 13.7733H4.4275C4.55338 13.7733 4.65499 13.8749 4.65499 14.0008C4.65499 14.1267 4.55338 14.2283 4.4275 14.2283Z" fill="currentColor" stroke="currentColor" stroke-width="0.6"/>
  <path d="M14.0014 27C13.8755 27 13.7739 26.8984 13.7739 26.7725V23.5723C13.7739 23.4465 13.8755 23.3448 14.0014 23.3448C14.1273 23.3448 14.2289 23.4465 14.2289 23.5723V26.7725C14.2289 26.8984 14.1273 27 14.0014 27Z" fill="currentColor" stroke="currentColor" stroke-width="0.6"/>
  <path d="M26.7742 14.2283H23.5742C23.4483 14.2283 23.3467 14.1267 23.3467 14.0008C23.3467 13.8749 23.4483 13.7733 23.5742 13.7733H26.7742C26.9001 13.7733 27.0017 13.8749 27.0017 14.0008C27.0017 14.1267 26.9001 14.2283 26.7742 14.2283Z" fill="currentColor" stroke="currentColor" stroke-width="0.6"/>
</svg>

        </span>
        <span class="ml-3 body-xs text-grey-2A">Discover</span>
    </button>
</li>
<li>
    <a href="#rivo"
        class="h-14 bg-grey-F7 rounded flex items-center w-full no-underline mb-2.5 text-grey-2A  !hover:text-supergoop-blue"
    >
    <span class="ml-3 text-grey-2A">
        <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
  <circle cx="12" cy="12" r="11" stroke="currentColor"/>
  <path d="M12 13C14.2091 13 16 11.2091 16 9C16 6.79086 14.2091 5 12 5C9.79086 5 8 6.79086 8 9C8 11.2091 9.79086 13 12 13Z" stroke="currentColor" stroke-miterlimit="10"/>
  <path d="M5 20C5 17.7083 8.39399 15 12 15C15.606 15 19 17.7083 19 20" stroke="currentColor" stroke-miterlimit="10" stroke-linecap="square"/>
</svg>

    </span>
    <span class="ml-3 body-xs text-grey-2A">Sign In </span>
</a>
</li>
</ul>
<div class="pl-5 pr-0 lg:px-10 pb-5">
    <div class="flex justify-between pb-3 lg:pr-0 pr-3">
      <div class="label-12 uppercase tracking-[2px] text-grey-2A">Now Trending</div>
    </div>
    <div class="flex gap-2.5 overflow-x-auto pb-5 pr-5">
        
            <a key="/products/unseen-sunscreen-spf-50" href="/products/unseen-sunscreen-spf-50" class="no-underline [&_span]:hover:link-list shrink-0 w-36 lg:w-[calc(33.3333%-0.625rem*(2/3))]">

                <img src="//supergoop.com/cdn/shop/files/unseen-sunscreen-spf-50-WYLI.jpg?v=1736348866&width=300" alt="" class="block mb-2 w-full" />
                <span class="!body-xs block !leading-4 link-list no-underline">Unseen Sunscreen SPF 50</span>
            </a>
        
            <a key="/products/protectint-skin-tint-spf-50" href="/products/protectint-skin-tint-spf-50" class="no-underline [&_span]:hover:link-list shrink-0 w-36 lg:w-[calc(33.3333%-0.625rem*(2/3))]">

                <img src="//supergoop.com/cdn/shop/files/Frame_74543_2.jpg?v=1714424890&width=300" alt="" class="block mb-2 w-full" />
                <span class="!body-xs block !leading-4 link-list no-underline">Protec(tint) Daily Skin Tint SPF 50</span>
            </a>
        
            <a key="/products/everyday-sunscreen" href="/products/everyday-sunscreen" class="no-underline [&_span]:hover:link-list shrink-0 w-36 lg:w-[calc(33.3333%-0.625rem*(2/3))]">

                <img src="//supergoop.com/cdn/shop/files/Nav_M_PLAY4x_e6136e39-a130-47d6-b0a0-69585d5bbdfc.png?v=1706122187&width=300" alt="" class="block mb-2 w-full" />
                <span class="!body-xs block !leading-4 link-list no-underline">PLAY Everyday Lotion SPF 50</span>
            </a>
        
    </div>
</div>

      </div>

    </div>

  </div>
  </div>

  
    
    

    
      <nav class="relative max-w-full overflow-hidden overflow-x-auto no-scrollbar md:hidden [.scroll-down_&]:h-0 transition-all duration-300 h-10"
        >
        <ul class="absolute bg-white inset-0 flex justify-between w-full whitespace-nowrap [.scroll-down_&]:-translate-y-full transition-all duration-300" data-simple-mobile-nav>
          
          
          
          
          
          

          <li class="flex-1 items-stretch border-t-[1px]">
            <a href="/collections/all" class="flex items-center justify-center h-full min-w-24 p-[10px] no-underline text-center text-[14px] font-medium leading-5 font-sans text-[#2a2a2a] hover:bg-white active:bg-[#d0d0d0] ">
              

              <span>All Sunscreen</span>
            </a>
          </li>
        

          <li class="flex-1 items-stretch border-t-[1px]">
            <a href="/collections/best-sellers-spf" class="flex items-center justify-center h-full min-w-24 p-[10px] no-underline text-center text-[14px] font-medium leading-5 font-sans text-[#2a2a2a] hover:bg-white active:bg-[#d0d0d0] ">
              

              <span>Bestsellers</span>
            </a>
          </li>
        

          <li class="flex-1 items-stretch border-t-[1px]">
            <a href="/collections/face-spf" class="flex items-center justify-center h-full min-w-24 p-[10px] no-underline text-center text-[14px] font-medium leading-5 font-sans text-[#2a2a2a] hover:bg-white active:bg-[#d0d0d0] ">
              

              <span>Face</span>
            </a>
          </li>
        

          <li class="flex-1 items-stretch border-t-[1px]">
            <a href="/collections/body" class="flex items-center justify-center h-full min-w-24 p-[10px] no-underline text-center text-[14px] font-medium leading-5 font-sans text-[#2a2a2a] hover:bg-white active:bg-[#d0d0d0] ">
              

              <span>Body</span>
            </a>
          </li>
        

          <li class="flex-1 items-stretch border-t-[1px]">
            <a href="/collections/mineral-spf" class="flex items-center justify-center h-full min-w-24 p-[10px] no-underline text-center text-[14px] font-medium leading-5 font-sans text-[#2a2a2a] hover:bg-white active:bg-[#d0d0d0] ">
              

              <span>Mineral</span>
            </a>
          </li>
        
        </ul>
      </nav>
    
  
</section>

</div>
    </div>

    <main id="MainContent" role="main" tabindex="-1">
      <div id="shopify-section-template--18800274636898__hero_nGdPGp" class="shopify-section"><style>
    #shopify-section-template--18800274636898__hero_nGdPGp {
      --max-width: 95%;
      --mob-max-width: 100%;
      --background-color: #000000;
      --margin-top: 0px;
      --margin-bottom: 0px;
      --mob-margin-top: 0px;
      --mob-margin-bottom: 0px;
      --mob-padding-x: 20px;
      --mob-padding-y:0px;
      --padding-y: 0px;
      --padding-x:64px;
      --mob-aspect-ratio: ;
      --desk-aspect-ratio: ;
    }
    #shopify-section-template--18800274636898__hero_nGdPGp .block-logo_KWXc7a {
      --text-color-desktop: ;
      --text-color-mobile: ;
      --bg-color-desktop: ;
      --bg-color-mobile: ;
      --max-width: 780px;
      --mob-max-width: 372px;
      --margin-top: 0px;
      --margin-bottom: 16px;
      --mob-margin-top: 0px;
      --mob-margin-bottom: 8px;
      --mob-padding-x: 0px;
      --mob-padding-y:0px;
      --padding-y: 0px;
      --padding-x:0px;
    }
    #shopify-section-template--18800274636898__hero_nGdPGp .block-body_rdamU7 {
      --text-color-desktop: #2a2a2a;
      --text-color-mobile: #2a2a2a;
      --bg-color-desktop: ;
      --bg-color-mobile: ;
      --max-width: px;
      --mob-max-width: px;
      --margin-top: 0px;
      --margin-bottom: 20px;
      --mob-margin-top: 0px;
      --mob-margin-bottom: 16px;
      --mob-padding-x: 0px;
      --mob-padding-y:0px;
      --padding-y: 0px;
      --padding-x:0px;
    }
    #shopify-section-template--18800274636898__hero_nGdPGp .block-button_KFjDnA {
      --text-color-desktop: ;
      --text-color-mobile: ;
      --bg-color-desktop: ;
      --bg-color-mobile: ;
      --max-width: px;
      --mob-max-width: px;
      --margin-top: 0px;
      --margin-bottom: 16px;
      --mob-margin-top: 0px;
      --mob-margin-bottom: 8px;
      --mob-padding-x: 0px;
      --mob-padding-y:0px;
      --padding-y: 0px;
      --padding-x:0px;
    }
</style>

<div
  href=""
  class="block relative background-controller margin-controller overflow-hidden "
  data-transition-enabled="true"
  data-section="hero"
  
>

  <picture>
    
      <source
        srcset='//supergoop.com/cdn/shop/files/Rectangle_3856.png?v=1780068254&width=768 768w, //supergoop.com/cdn/shop/files/Rectangle_3856.png?v=1780068254&width=720 720w, //supergoop.com/cdn/shop/files/Rectangle_3856.png?v=1780068254&width=1024 1024w, //supergoop.com/cdn/shop/files/Rectangle_3856.png?v=1780068254&width=1280 1280w, //supergoop.com/cdn/shop/files/Rectangle_3856.png?v=1780068254&width=1536 1536w'
        sizes='(max-width: 640px) 768px, (max-width: 768px) 720px, (max-width: 1024px) 1024px, (max-width: 1280px) 1280px, 1536px'
        
        media='(min-width: 768px)'
        >
    
      <source
        srcset='//supergoop.com/cdn/shop/files/HeadlineBackground.png?v=1779191115&width=768 768w, //supergoop.com/cdn/shop/files/HeadlineBackground.png?v=1779191115&width=720 720w, //supergoop.com/cdn/shop/files/HeadlineBackground.png?v=1779191115&width=1024 1024w, //supergoop.com/cdn/shop/files/HeadlineBackground.png?v=1779191115&width=1280 1280w, //supergoop.com/cdn/shop/files/HeadlineBackground.png?v=1779191115&width=1536 1536w'
        sizes='(max-width: 640px) 768px, (max-width: 768px) 720px, (max-width: 1024px) 1024px, (max-width: 1280px) 1280px, 1536px'
        >
    
    <img
      class='w-full image h-full object-cover'
      src='//supergoop.com/cdn/shop/files/HeadlineBackground.png?v=1779191115&width=1280'
      alt=''
      loading='eager'
      fetchpriority='high'
      decoding='sync'
      width='750'
      height='558'>
  </picture>


<div
    class="
      hero-section
      
      absolute
       inset-0 flex padding-controller
      items-center
      justify-center
      md:items-center
      md:justify-center
    "
  >
    <div class="w-full max-width-controller">
      
        

        
            <div  class="md:mx-auto mx-auto margin-controller max-width-controller w-full block-logo_KWXc7a">
              

  <picture>
    
      <source
        srcset='//supergoop.com/cdn/shop/files/Family_of_Sunscreen_for_everyone_in_yours_cee21a5c-d529-4751-9844-733d4aff6bf5.svg?v=1779209917&width=1280 1280w, //supergoop.com/cdn/shop/files/Family_of_Sunscreen_for_everyone_in_yours_cee21a5c-d529-4751-9844-733d4aff6bf5.svg?v=1779209917&width=1440 1440w, //supergoop.com/cdn/shop/files/Family_of_Sunscreen_for_everyone_in_yours_cee21a5c-d529-4751-9844-733d4aff6bf5.svg?v=1779209917&width=2880 2880w, //supergoop.com/cdn/shop/files/Family_of_Sunscreen_for_everyone_in_yours_cee21a5c-d529-4751-9844-733d4aff6bf5.svg?v=1779209917&width=2560 2560w, //supergoop.com/cdn/shop/files/Family_of_Sunscreen_for_everyone_in_yours_cee21a5c-d529-4751-9844-733d4aff6bf5.svg?v=1779209917&width=3072 3072w'
        sizes='(max-width: 640px) 1280px, (max-width: 768px) 1440px, (max-width: 1024px) 2880px, (max-width: 1280px) 2560px, 3072px'
        
        media='(min-width: 640px)'
        >
    
      <source
        srcset='//supergoop.com/cdn/shop/files/Family_of_Sunscreen_for_everyone_in_yours_cee21a5c-d529-4751-9844-733d4aff6bf5.svg?v=1779209917&width=1280 1280w, //supergoop.com/cdn/shop/files/Family_of_Sunscreen_for_everyone_in_yours_cee21a5c-d529-4751-9844-733d4aff6bf5.svg?v=1779209917&width=1440 1440w, //supergoop.com/cdn/shop/files/Family_of_Sunscreen_for_everyone_in_yours_cee21a5c-d529-4751-9844-733d4aff6bf5.svg?v=1779209917&width=2880 2880w, //supergoop.com/cdn/shop/files/Family_of_Sunscreen_for_everyone_in_yours_cee21a5c-d529-4751-9844-733d4aff6bf5.svg?v=1779209917&width=2560 2560w, //supergoop.com/cdn/shop/files/Family_of_Sunscreen_for_everyone_in_yours_cee21a5c-d529-4751-9844-733d4aff6bf5.svg?v=1779209917&width=3072 3072w'
        sizes='(max-width: 640px) 1280px, (max-width: 768px) 1440px, (max-width: 1024px) 2880px, (max-width: 1280px) 2560px, 3072px'
        >
    
    <img
      class='w-full image h-full object-cover'
      src='//supergoop.com/cdn/shop/files/Family_of_Sunscreen_for_everyone_in_yours_cee21a5c-d529-4751-9844-733d4aff6bf5.svg?v=1779209917&width=1280'
      alt=''
      loading='eager'
      fetchpriority='high'
      decoding='sync'
      width='928'
      height='101'>
  </picture>


            </div>
          
        
      
        

        
            <div  class="tb:text-center text-center body margin-controller text-color-controller block-body_rdamU7">
              <p>Your family is one of a kind. Your sunscreen should be too. When summer calls, you reach for PLAY. A family of SPF formulas built for every skin tone, every activity and every moment in the sun.</p>
            </div>
          
        
      
        

        
            <div class="button-wrapper w-full flex flex-row justify-center lg:justify-center">
              <a
                
                class="button font-bold font-serif tracking-normal button-primary inline-flex margin-controller block-button_KFjDnA"
                href="/collections/play-sunscreen"
                data-tracking-click
              >
                Shop Now
              </a>
            </div>
          
        
      
    </div>
  </div>
</div>


</div><div id="shopify-section-template--18800274636898__hero_video_Xeh8Eb" class="shopify-section">

<style data-shopify>
    #shopify-section-template--18800274636898__hero_video_Xeh8Eb {
        --max-width: 55%;
        --mob-max-width: 100%;
        --background-color: #000000;
        --margin-top: 0px;
        --margin-bottom: 0px;
        --mob-margin-top: 0px;
        --mob-margin-bottom: 0px;
        --mob-padding-x: 20px;
        --mob-padding-y:0px;
        --padding-y: 0px;
        --padding-x:64px;
      }

    
      #shopify-section-template--18800274636898__hero_video_Xeh8Eb .hero-section {
        background-size: cover;
        background-position: center;
        
          background-image: url('//supergoop.com/cdn/shop/files/Phase-1---Young-Woman---Tennis-_-Golf---15---1280x1600---H264-_1.jpg?v=1779198768&width=800');
          aspect-ratio: 1280 / 1600;
        
      }
    
    
      @media screen and (min-width: 768px) {
        #shopify-section-template--18800274636898__hero_video_Xeh8Eb .hero-section {
          background-image: url('//supergoop.com/cdn/shop/files/Phase-1---Young-Woman---Tennis-_-Golf---15---1920x1080---H264-_1.jpg?v=1779198502&width=1920');
          aspect-ratio: 1920 / 1080;
        }
      }
    

      @media screen and (min-width: 768px) {
      .mobile-video-container {
        display: none;
      }
    }
    @media screen and (max-width: 767px) {
      .desktop-video-container {
        display: none;
      }
    }
  
    .button--template--18800274636898__hero_video_Xeh8Eb {
      min-width: 232px;
    }
  
  
  
</style>

<section
  data-section="hero-video"
  class=" "
  data-transition-enabled="true"
  
>
  <div class="hero-section relative overflow-hidden background-controller margin-controller desktop-hero-video ">
        



<div class="relative group  " data-component="video">
  <script type="application/json" data-component-data>
    {
      "autoplay": true,
      "controls": false,
      "nativeControls": "",
      "videoDesktop": {"alt":null,"id":25834076766306,"position":null,"preview_image":{"aspect_ratio":1.778,"height":1080,"width":1920,"src":"\/\/supergoop.com\/cdn\/shop\/files\/preview_images\/0cd8ebddc9604039b759e1318a83890b.thumbnail.0000000000.jpg?v=1779198199"},"aspect_ratio":1.775,"duration":15040,"media_type":"video","sources":[{"format":"mp4","height":480,"mime_type":"video\/mp4","url":"\/\/supergoop.com\/cdn\/shop\/videos\/c\/vp\/0cd8ebddc9604039b759e1318a83890b\/0cd8ebddc9604039b759e1318a83890b.SD-480p-1.5Mbps-84466891.mp4?v=0","width":852},{"format":"mp4","height":1080,"mime_type":"video\/mp4","url":"\/\/supergoop.com\/cdn\/shop\/videos\/c\/vp\/0cd8ebddc9604039b759e1318a83890b\/0cd8ebddc9604039b759e1318a83890b.HD-1080p-7.2Mbps-84466891.mp4?v=0","width":1920},{"format":"mp4","height":720,"mime_type":"video\/mp4","url":"\/\/supergoop.com\/cdn\/shop\/videos\/c\/vp\/0cd8ebddc9604039b759e1318a83890b\/0cd8ebddc9604039b759e1318a83890b.HD-720p-4.5Mbps-84466891.mp4?v=0","width":1280},{"format":"m3u8","height":1080,"mime_type":"application\/x-mpegURL","url":"\/\/supergoop.com\/cdn\/shop\/videos\/c\/vp\/0cd8ebddc9604039b759e1318a83890b\/0cd8ebddc9604039b759e1318a83890b.m3u8?v=0","width":1920}]},
      "videoMobile": {"alt":null,"id":25834076569698,"position":null,"preview_image":{"aspect_ratio":0.8,"height":1600,"width":1280,"src":"\/\/supergoop.com\/cdn\/shop\/files\/preview_images\/bdf2f1589b7145d2a3b8feffb4da9d86.thumbnail.0000000000.jpg?v=1779198193"},"aspect_ratio":0.8,"duration":15040,"media_type":"video","sources":[{"format":"mp4","height":480,"mime_type":"video\/mp4","url":"\/\/supergoop.com\/cdn\/shop\/videos\/c\/vp\/bdf2f1589b7145d2a3b8feffb4da9d86\/bdf2f1589b7145d2a3b8feffb4da9d86.SD-480p-1.5Mbps-84466874.mp4?v=0","width":384},{"format":"mp4","height":1080,"mime_type":"video\/mp4","url":"\/\/supergoop.com\/cdn\/shop\/videos\/c\/vp\/bdf2f1589b7145d2a3b8feffb4da9d86\/bdf2f1589b7145d2a3b8feffb4da9d86.HD-1080p-7.2Mbps-84466874.mp4?v=0","width":864},{"format":"mp4","height":720,"mime_type":"video\/mp4","url":"\/\/supergoop.com\/cdn\/shop\/videos\/c\/vp\/bdf2f1589b7145d2a3b8feffb4da9d86\/bdf2f1589b7145d2a3b8feffb4da9d86.HD-720p-4.5Mbps-84466874.mp4?v=0","width":576},{"format":"m3u8","height":1080,"mime_type":"application\/x-mpegURL","url":"\/\/supergoop.com\/cdn\/shop\/videos\/c\/vp\/bdf2f1589b7145d2a3b8feffb4da9d86\/bdf2f1589b7145d2a3b8feffb4da9d86.m3u8?v=0","width":864}]},
      "host": "shopify",
      "fullHeight": true
      
      
      
    }
  </script>

  
  
  
    <div id="video-25834076766306" class="desktop-video-container  ">
      


  <video
    
    playsinline
    
    class="w-full  "
    
    autoplay="true"
    playsinline
    
    muted="true"
    loop="true"
    
    >
    
      
        <source
        src="//supergoop.com/cdn/shop/videos/c/vp/0cd8ebddc9604039b759e1318a83890b/0cd8ebddc9604039b759e1318a83890b.m3u8?v=0"
        type="application/x-mpegURL"
        height="1080"
        width="1920">
      
    
      
        <source
        src="//supergoop.com/cdn/shop/videos/c/vp/0cd8ebddc9604039b759e1318a83890b/0cd8ebddc9604039b759e1318a83890b.HD-1080p-7.2Mbps-84466891.mp4?v=0"
        type="video/mp4"
        height="1080"
        width="1920">
      
    
  </video>


    </div>
  
  
    <div id="video-25834076569698" class="mobile-video-container   px-0   ">
      


  <video
    
    playsinline
    
    class="w-full  "
    
    autoplay="true"
    playsinline
    
    muted="true"
    loop="true"
    
    >
    
      
        
      
    
      
        
          <source
            src="//supergoop.com/cdn/shop/videos/c/vp/bdf2f1589b7145d2a3b8feffb4da9d86/bdf2f1589b7145d2a3b8feffb4da9d86.HD-1080p-7.2Mbps-84466874.mp4?v=0"
            type="video/mp4"
            height="1080"
            width="864">
        
      
    
  </video>


    </div>
  

  

  

  
</div>

      

    

    
      
      <div
        class="
           absolute  py-8 lg:py-32  
          inset-0  px-0    lg:px-16   flex h-full
           items-end
           justify-start
           md:items-center
           md:justify-center
        "
      >
        <div class="w-full max-width-controller padding-controller  ">
          
        </div>
      </div>
    
  </div>
  
</section>


</div><div id="shopify-section-template--18800274636898__scrolling_marquee_REaeQ4" class="shopify-section"><style>
  .template--18800274636898__scrolling_marquee_REaeQ4 .scrolling-marquee-wrapper {
    animation: marquee 30s linear infinite;
  }


  @media screen and (max-width: 768px) {
    .template--18800274636898__scrolling_marquee_REaeQ4 .scrolling-marquee-wrapper {
      animation: marquee 20s linear infinite;
    }
  }

  .template--18800274636898__scrolling_marquee_REaeQ4[data-autoscroll='false'] .scrolling-marquee-wrapper {
    animation-play-state: paused;
  }

  @keyframes marquee {
    0% {
      transform: translateX(0);
    }

    100% {
      transform: translateX(-50%);
    }
  }

  .template--18800274636898__scrolling_marquee_REaeQ4 .scrolling-marquee-control {
    position: absolute;
    right: 8px;
    top: 50%;
    transform: translateY(-50%);
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: white;
    border: none;
    cursor: pointer;
    padding: 4px;
    z-index: 10;
    opacity: 0;
    transition: opacity 0.2s ease;
  }

  .template--18800274636898__scrolling_marquee_REaeQ4 .scrolling-marquee-control:focus,
  .template--18800274636898__scrolling_marquee_REaeQ4:hover .scrolling-marquee-control,
  .template--18800274636898__scrolling_marquee_REaeQ4:focus-within .scrolling-marquee-control {
    opacity: 1;
  }

  .template--18800274636898__scrolling_marquee_REaeQ4 .scrolling-marquee-control:focus {
    outline: 2px solid currentColor;
    outline-offset: 2px;
  }

  .template--18800274636898__scrolling_marquee_REaeQ4 .scrolling-marquee-control svg {
    width: 16px;
    height: 16px;
    fill: currentColor;
  }

  .template--18800274636898__scrolling_marquee_REaeQ4 .scrolling-marquee-control .icon-play {
    display: none;
  }

  .template--18800274636898__scrolling_marquee_REaeQ4[data-autoscroll='false'] .scrolling-marquee-control .icon-pause {
    display: none;
  }

  .template--18800274636898__scrolling_marquee_REaeQ4[data-autoscroll='false'] .scrolling-marquee-control .icon-play {
    display: block;
  }
</style>



  <section
    class='template--18800274636898__scrolling_marquee_REaeQ4 overflow-hidden md:h-[65px] h-[50px] flex items-center relative  '
    style='background-color: #ffffff; color: #70c0ef;'
    data-autoscroll='true'
    data-transition-enabled="true"
    data-section="scrolling-marquee"
    
  >
    <button
      type="button"
      class="scrolling-marquee-control"
      aria-label="Pause animation"
      data-marquee-toggle
    >
      <svg class="icon-pause" viewBox="0 0 24 24" aria-hidden="true">
        <rect x="6" y="4" width="4" height="16"></rect>
        <rect x="14" y="4" width="4" height="16"></rect>
      </svg>
      <svg class="icon-play" viewBox="0 0 24 24" aria-hidden="true">
        <polygon points="5,3 19,12 5,21"></polygon>
      </svg>
    </button>
    
      
    

    <div class='scrolling-marquee-wrapper flex w-max'>
      
      
        
          
            <div class='shrink-0 md:pl-[27px] pl-3 flex items-center md:space-x-[27px] space-x-3 uppercase leading-3 md:text-[12px] text-[11px] font-serif font-bold tracking-[2px]'>
              <p>EXPERTS IN SPF™</p>
              
                

  <picture>
    
      <source
        srcset='//supergoop.com/cdn/shop/files/Concierge_HP_Icon4.svg?v=1717526578&width=40 40w, //supergoop.com/cdn/shop/files/Concierge_HP_Icon4.svg?v=1717526578&width=40 40w, //supergoop.com/cdn/shop/files/Concierge_HP_Icon4.svg?v=1717526578&width=40 40w, //supergoop.com/cdn/shop/files/Concierge_HP_Icon4.svg?v=1717526578&width=40 40w, //supergoop.com/cdn/shop/files/Concierge_HP_Icon4.svg?v=1717526578&width=40 40w'
        sizes='(max-width: 640px) 40px, (max-width: 768px) 40px, (max-width: 1024px) 40px, (max-width: 1280px) 40px, 40px'
        
        media='(min-width: 40px)'
        >
    
      <source
        srcset='//supergoop.com/cdn/shop/files/Concierge_HP_Icon4.svg?v=1717526578&width=40 40w, //supergoop.com/cdn/shop/files/Concierge_HP_Icon4.svg?v=1717526578&width=40 40w, //supergoop.com/cdn/shop/files/Concierge_HP_Icon4.svg?v=1717526578&width=40 40w, //supergoop.com/cdn/shop/files/Concierge_HP_Icon4.svg?v=1717526578&width=40 40w, //supergoop.com/cdn/shop/files/Concierge_HP_Icon4.svg?v=1717526578&width=40 40w'
        sizes='(max-width: 640px) 40px, (max-width: 768px) 40px, (max-width: 1024px) 40px, (max-width: 1280px) 40px, 40px'
        >
    
    <img
      class='w-full image h-10 w-10 object-center object-cover'
      src='//supergoop.com/cdn/shop/files/Concierge_HP_Icon4.svg?v=1717526578&width=40'
      alt=''
      loading='eager'
      fetchpriority='auto'
      decoding='sync'
      width='56'
      height='70'>
  </picture>


              
            </div>
          
        
      
        
          
            <div class='shrink-0 md:pl-[27px] pl-3 flex items-center md:space-x-[27px] space-x-3 uppercase leading-3 md:text-[12px] text-[11px] font-serif font-bold tracking-[2px]'>
              <p>EXPERTS IN SPF™</p>
              
                

  <picture>
    
      <source
        srcset='//supergoop.com/cdn/shop/files/Concierge_HP_Icon4.svg?v=1717526578&width=40 40w, //supergoop.com/cdn/shop/files/Concierge_HP_Icon4.svg?v=1717526578&width=40 40w, //supergoop.com/cdn/shop/files/Concierge_HP_Icon4.svg?v=1717526578&width=40 40w, //supergoop.com/cdn/shop/files/Concierge_HP_Icon4.svg?v=1717526578&width=40 40w, //supergoop.com/cdn/shop/files/Concierge_HP_Icon4.svg?v=1717526578&width=40 40w'
        sizes='(max-width: 640px) 40px, (max-width: 768px) 40px, (max-width: 1024px) 40px, (max-width: 1280px) 40px, 40px'
        
        media='(min-width: 40px)'
        >
    
      <source
        srcset='//supergoop.com/cdn/shop/files/Concierge_HP_Icon4.svg?v=1717526578&width=40 40w, //supergoop.com/cdn/shop/files/Concierge_HP_Icon4.svg?v=1717526578&width=40 40w, //supergoop.com/cdn/shop/files/Concierge_HP_Icon4.svg?v=1717526578&width=40 40w, //supergoop.com/cdn/shop/files/Concierge_HP_Icon4.svg?v=1717526578&width=40 40w, //supergoop.com/cdn/shop/files/Concierge_HP_Icon4.svg?v=1717526578&width=40 40w'
        sizes='(max-width: 640px) 40px, (max-width: 768px) 40px, (max-width: 1024px) 40px, (max-width: 1280px) 40px, 40px'
        >
    
    <img
      class='w-full image h-10 w-10 object-center object-cover'
      src='//supergoop.com/cdn/shop/files/Concierge_HP_Icon4.svg?v=1717526578&width=40'
      alt=''
      loading='eager'
      fetchpriority='auto'
      decoding='sync'
      width='56'
      height='70'>
  </picture>


              
            </div>
          
        
      
        
          
            <div class='shrink-0 md:pl-[27px] pl-3 flex items-center md:space-x-[27px] space-x-3 uppercase leading-3 md:text-[12px] text-[11px] font-serif font-bold tracking-[2px]'>
              <p>EXPERTS IN SPF™</p>
              
                

  <picture>
    
      <source
        srcset='//supergoop.com/cdn/shop/files/Concierge_HP_Icon4.svg?v=1717526578&width=40 40w, //supergoop.com/cdn/shop/files/Concierge_HP_Icon4.svg?v=1717526578&width=40 40w, //supergoop.com/cdn/shop/files/Concierge_HP_Icon4.svg?v=1717526578&width=40 40w, //supergoop.com/cdn/shop/files/Concierge_HP_Icon4.svg?v=1717526578&width=40 40w, //supergoop.com/cdn/shop/files/Concierge_HP_Icon4.svg?v=1717526578&width=40 40w'
        sizes='(max-width: 640px) 40px, (max-width: 768px) 40px, (max-width: 1024px) 40px, (max-width: 1280px) 40px, 40px'
        
        media='(min-width: 40px)'
        >
    
      <source
        srcset='//supergoop.com/cdn/shop/files/Concierge_HP_Icon4.svg?v=1717526578&width=40 40w, //supergoop.com/cdn/shop/files/Concierge_HP_Icon4.svg?v=1717526578&width=40 40w, //supergoop.com/cdn/shop/files/Concierge_HP_Icon4.svg?v=1717526578&width=40 40w, //supergoop.com/cdn/shop/files/Concierge_HP_Icon4.svg?v=1717526578&width=40 40w, //supergoop.com/cdn/shop/files/Concierge_HP_Icon4.svg?v=1717526578&width=40 40w'
        sizes='(max-width: 640px) 40px, (max-width: 768px) 40px, (max-width: 1024px) 40px, (max-width: 1280px) 40px, 40px'
        >
    
    <img
      class='w-full image h-10 w-10 object-center object-cover'
      src='//supergoop.com/cdn/shop/files/Concierge_HP_Icon4.svg?v=1717526578&width=40'
      alt=''
      loading='eager'
      fetchpriority='auto'
      decoding='sync'
      width='56'
      height='70'>
  </picture>


              
            </div>
          
        
      
        
          
            <div class='shrink-0 md:pl-[27px] pl-3 flex items-center md:space-x-[27px] space-x-3 uppercase leading-3 md:text-[12px] text-[11px] font-serif font-bold tracking-[2px]'>
              <p>EXPERTS IN SPF™</p>
              
                

  <picture>
    
      <source
        srcset='//supergoop.com/cdn/shop/files/Concierge_HP_Icon4.svg?v=1717526578&width=40 40w, //supergoop.com/cdn/shop/files/Concierge_HP_Icon4.svg?v=1717526578&width=40 40w, //supergoop.com/cdn/shop/files/Concierge_HP_Icon4.svg?v=1717526578&width=40 40w, //supergoop.com/cdn/shop/files/Concierge_HP_Icon4.svg?v=1717526578&width=40 40w, //supergoop.com/cdn/shop/files/Concierge_HP_Icon4.svg?v=1717526578&width=40 40w'
        sizes='(max-width: 640px) 40px, (max-width: 768px) 40px, (max-width: 1024px) 40px, (max-width: 1280px) 40px, 40px'
        
        media='(min-width: 40px)'
        >
    
      <source
        srcset='//supergoop.com/cdn/shop/files/Concierge_HP_Icon4.svg?v=1717526578&width=40 40w, //supergoop.com/cdn/shop/files/Concierge_HP_Icon4.svg?v=1717526578&width=40 40w, //supergoop.com/cdn/shop/files/Concierge_HP_Icon4.svg?v=1717526578&width=40 40w, //supergoop.com/cdn/shop/files/Concierge_HP_Icon4.svg?v=1717526578&width=40 40w, //supergoop.com/cdn/shop/files/Concierge_HP_Icon4.svg?v=1717526578&width=40 40w'
        sizes='(max-width: 640px) 40px, (max-width: 768px) 40px, (max-width: 1024px) 40px, (max-width: 1280px) 40px, 40px'
        >
    
    <img
      class='w-full image h-10 w-10 object-center object-cover'
      src='//supergoop.com/cdn/shop/files/Concierge_HP_Icon4.svg?v=1717526578&width=40'
      alt=''
      loading='eager'
      fetchpriority='auto'
      decoding='sync'
      width='56'
      height='70'>
  </picture>


              
            </div>
          
        
      
        
          
            <div class='shrink-0 md:pl-[27px] pl-3 flex items-center md:space-x-[27px] space-x-3 uppercase leading-3 md:text-[12px] text-[11px] font-serif font-bold tracking-[2px]'>
              <p>EXPERTS IN SPF™</p>
              
                

  <picture>
    
      <source
        srcset='//supergoop.com/cdn/shop/files/Concierge_HP_Icon4.svg?v=1717526578&width=40 40w, //supergoop.com/cdn/shop/files/Concierge_HP_Icon4.svg?v=1717526578&width=40 40w, //supergoop.com/cdn/shop/files/Concierge_HP_Icon4.svg?v=1717526578&width=40 40w, //supergoop.com/cdn/shop/files/Concierge_HP_Icon4.svg?v=1717526578&width=40 40w, //supergoop.com/cdn/shop/files/Concierge_HP_Icon4.svg?v=1717526578&width=40 40w'
        sizes='(max-width: 640px) 40px, (max-width: 768px) 40px, (max-width: 1024px) 40px, (max-width: 1280px) 40px, 40px'
        
        media='(min-width: 40px)'
        >
    
      <source
        srcset='//supergoop.com/cdn/shop/files/Concierge_HP_Icon4.svg?v=1717526578&width=40 40w, //supergoop.com/cdn/shop/files/Concierge_HP_Icon4.svg?v=1717526578&width=40 40w, //supergoop.com/cdn/shop/files/Concierge_HP_Icon4.svg?v=1717526578&width=40 40w, //supergoop.com/cdn/shop/files/Concierge_HP_Icon4.svg?v=1717526578&width=40 40w, //supergoop.com/cdn/shop/files/Concierge_HP_Icon4.svg?v=1717526578&width=40 40w'
        sizes='(max-width: 640px) 40px, (max-width: 768px) 40px, (max-width: 1024px) 40px, (max-width: 1280px) 40px, 40px'
        >
    
    <img
      class='w-full image h-10 w-10 object-center object-cover'
      src='//supergoop.com/cdn/shop/files/Concierge_HP_Icon4.svg?v=1717526578&width=40'
      alt=''
      loading='eager'
      fetchpriority='auto'
      decoding='sync'
      width='56'
      height='70'>
  </picture>


              
            </div>
          
        
      
        
          
            <div class='shrink-0 md:pl-[27px] pl-3 flex items-center md:space-x-[27px] space-x-3 uppercase leading-3 md:text-[12px] text-[11px] font-serif font-bold tracking-[2px]'>
              <p>EXPERTS IN SPF™</p>
              
                

  <picture>
    
      <source
        srcset='//supergoop.com/cdn/shop/files/Concierge_HP_Icon4.svg?v=1717526578&width=40 40w, //supergoop.com/cdn/shop/files/Concierge_HP_Icon4.svg?v=1717526578&width=40 40w, //supergoop.com/cdn/shop/files/Concierge_HP_Icon4.svg?v=1717526578&width=40 40w, //supergoop.com/cdn/shop/files/Concierge_HP_Icon4.svg?v=1717526578&width=40 40w, //supergoop.com/cdn/shop/files/Concierge_HP_Icon4.svg?v=1717526578&width=40 40w'
        sizes='(max-width: 640px) 40px, (max-width: 768px) 40px, (max-width: 1024px) 40px, (max-width: 1280px) 40px, 40px'
        
        media='(min-width: 40px)'
        >
    
      <source
        srcset='//supergoop.com/cdn/shop/files/Concierge_HP_Icon4.svg?v=1717526578&width=40 40w, //supergoop.com/cdn/shop/files/Concierge_HP_Icon4.svg?v=1717526578&width=40 40w, //supergoop.com/cdn/shop/files/Concierge_HP_Icon4.svg?v=1717526578&width=40 40w, //supergoop.com/cdn/shop/files/Concierge_HP_Icon4.svg?v=1717526578&width=40 40w, //supergoop.com/cdn/shop/files/Concierge_HP_Icon4.svg?v=1717526578&width=40 40w'
        sizes='(max-width: 640px) 40px, (max-width: 768px) 40px, (max-width: 1024px) 40px, (max-width: 1280px) 40px, 40px'
        >
    
    <img
      class='w-full image h-10 w-10 object-center object-cover'
      src='//supergoop.com/cdn/shop/files/Concierge_HP_Icon4.svg?v=1717526578&width=40'
      alt=''
      loading='eager'
      fetchpriority='auto'
      decoding='sync'
      width='56'
      height='70'>
  </picture>


              
            </div>
          
        
      
        
          
            <div class='shrink-0 md:pl-[27px] pl-3 flex items-center md:space-x-[27px] space-x-3 uppercase leading-3 md:text-[12px] text-[11px] font-serif font-bold tracking-[2px]'>
              <p>EXPERTS IN SPF™</p>
              
                

  <picture>
    
      <source
        srcset='//supergoop.com/cdn/shop/files/Concierge_HP_Icon4.svg?v=1717526578&width=40 40w, //supergoop.com/cdn/shop/files/Concierge_HP_Icon4.svg?v=1717526578&width=40 40w, //supergoop.com/cdn/shop/files/Concierge_HP_Icon4.svg?v=1717526578&width=40 40w, //supergoop.com/cdn/shop/files/Concierge_HP_Icon4.svg?v=1717526578&width=40 40w, //supergoop.com/cdn/shop/files/Concierge_HP_Icon4.svg?v=1717526578&width=40 40w'
        sizes='(max-width: 640px) 40px, (max-width: 768px) 40px, (max-width: 1024px) 40px, (max-width: 1280px) 40px, 40px'
        
        media='(min-width: 40px)'
        >
    
      <source
        srcset='//supergoop.com/cdn/shop/files/Concierge_HP_Icon4.svg?v=1717526578&width=40 40w, //supergoop.com/cdn/shop/files/Concierge_HP_Icon4.svg?v=1717526578&width=40 40w, //supergoop.com/cdn/shop/files/Concierge_HP_Icon4.svg?v=1717526578&width=40 40w, //supergoop.com/cdn/shop/files/Concierge_HP_Icon4.svg?v=1717526578&width=40 40w, //supergoop.com/cdn/shop/files/Concierge_HP_Icon4.svg?v=1717526578&width=40 40w'
        sizes='(max-width: 640px) 40px, (max-width: 768px) 40px, (max-width: 1024px) 40px, (max-width: 1280px) 40px, 40px'
        >
    
    <img
      class='w-full image h-10 w-10 object-center object-cover'
      src='//supergoop.com/cdn/shop/files/Concierge_HP_Icon4.svg?v=1717526578&width=40'
      alt=''
      loading='eager'
      fetchpriority='auto'
      decoding='sync'
      width='56'
      height='70'>
  </picture>


              
            </div>
          
        
      
        
          
            <div class='shrink-0 md:pl-[27px] pl-3 flex items-center md:space-x-[27px] space-x-3 uppercase leading-3 md:text-[12px] text-[11px] font-serif font-bold tracking-[2px]'>
              <p>EXPERTS IN SPF™</p>
              
                

  <picture>
    
      <source
        srcset='//supergoop.com/cdn/shop/files/Concierge_HP_Icon4.svg?v=1717526578&width=40 40w, //supergoop.com/cdn/shop/files/Concierge_HP_Icon4.svg?v=1717526578&width=40 40w, //supergoop.com/cdn/shop/files/Concierge_HP_Icon4.svg?v=1717526578&width=40 40w, //supergoop.com/cdn/shop/files/Concierge_HP_Icon4.svg?v=1717526578&width=40 40w, //supergoop.com/cdn/shop/files/Concierge_HP_Icon4.svg?v=1717526578&width=40 40w'
        sizes='(max-width: 640px) 40px, (max-width: 768px) 40px, (max-width: 1024px) 40px, (max-width: 1280px) 40px, 40px'
        
        media='(min-width: 40px)'
        >
    
      <source
        srcset='//supergoop.com/cdn/shop/files/Concierge_HP_Icon4.svg?v=1717526578&width=40 40w, //supergoop.com/cdn/shop/files/Concierge_HP_Icon4.svg?v=1717526578&width=40 40w, //supergoop.com/cdn/shop/files/Concierge_HP_Icon4.svg?v=1717526578&width=40 40w, //supergoop.com/cdn/shop/files/Concierge_HP_Icon4.svg?v=1717526578&width=40 40w, //supergoop.com/cdn/shop/files/Concierge_HP_Icon4.svg?v=1717526578&width=40 40w'
        sizes='(max-width: 640px) 40px, (max-width: 768px) 40px, (max-width: 1024px) 40px, (max-width: 1280px) 40px, 40px'
        >
    
    <img
      class='w-full image h-10 w-10 object-center object-cover'
      src='//supergoop.com/cdn/shop/files/Concierge_HP_Icon4.svg?v=1717526578&width=40'
      alt=''
      loading='eager'
      fetchpriority='auto'
      decoding='sync'
      width='56'
      height='70'>
  </picture>


              
            </div>
          
        
      
        
          
            <div class='shrink-0 md:pl-[27px] pl-3 flex items-center md:space-x-[27px] space-x-3 uppercase leading-3 md:text-[12px] text-[11px] font-serif font-bold tracking-[2px]'>
              <p>EXPERTS IN SPF™</p>
              
                

  <picture>
    
      <source
        srcset='//supergoop.com/cdn/shop/files/Concierge_HP_Icon4.svg?v=1717526578&width=40 40w, //supergoop.com/cdn/shop/files/Concierge_HP_Icon4.svg?v=1717526578&width=40 40w, //supergoop.com/cdn/shop/files/Concierge_HP_Icon4.svg?v=1717526578&width=40 40w, //supergoop.com/cdn/shop/files/Concierge_HP_Icon4.svg?v=1717526578&width=40 40w, //supergoop.com/cdn/shop/files/Concierge_HP_Icon4.svg?v=1717526578&width=40 40w'
        sizes='(max-width: 640px) 40px, (max-width: 768px) 40px, (max-width: 1024px) 40px, (max-width: 1280px) 40px, 40px'
        
        media='(min-width: 40px)'
        >
    
      <source
        srcset='//supergoop.com/cdn/shop/files/Concierge_HP_Icon4.svg?v=1717526578&width=40 40w, //supergoop.com/cdn/shop/files/Concierge_HP_Icon4.svg?v=1717526578&width=40 40w, //supergoop.com/cdn/shop/files/Concierge_HP_Icon4.svg?v=1717526578&width=40 40w, //supergoop.com/cdn/shop/files/Concierge_HP_Icon4.svg?v=1717526578&width=40 40w, //supergoop.com/cdn/shop/files/Concierge_HP_Icon4.svg?v=1717526578&width=40 40w'
        sizes='(max-width: 640px) 40px, (max-width: 768px) 40px, (max-width: 1024px) 40px, (max-width: 1280px) 40px, 40px'
        >
    
    <img
      class='w-full image h-10 w-10 object-center object-cover'
      src='//supergoop.com/cdn/shop/files/Concierge_HP_Icon4.svg?v=1717526578&width=40'
      alt=''
      loading='eager'
      fetchpriority='auto'
      decoding='sync'
      width='56'
      height='70'>
  </picture>


              
            </div>
          
        
      
        
          
            <div class='shrink-0 md:pl-[27px] pl-3 flex items-center md:space-x-[27px] space-x-3 uppercase leading-3 md:text-[12px] text-[11px] font-serif font-bold tracking-[2px]'>
              <p>EXPERTS IN SPF™</p>
              
                

  <picture>
    
      <source
        srcset='//supergoop.com/cdn/shop/files/Concierge_HP_Icon4.svg?v=1717526578&width=40 40w, //supergoop.com/cdn/shop/files/Concierge_HP_Icon4.svg?v=1717526578&width=40 40w, //supergoop.com/cdn/shop/files/Concierge_HP_Icon4.svg?v=1717526578&width=40 40w, //supergoop.com/cdn/shop/files/Concierge_HP_Icon4.svg?v=1717526578&width=40 40w, //supergoop.com/cdn/shop/files/Concierge_HP_Icon4.svg?v=1717526578&width=40 40w'
        sizes='(max-width: 640px) 40px, (max-width: 768px) 40px, (max-width: 1024px) 40px, (max-width: 1280px) 40px, 40px'
        
        media='(min-width: 40px)'
        >
    
      <source
        srcset='//supergoop.com/cdn/shop/files/Concierge_HP_Icon4.svg?v=1717526578&width=40 40w, //supergoop.com/cdn/shop/files/Concierge_HP_Icon4.svg?v=1717526578&width=40 40w, //supergoop.com/cdn/shop/files/Concierge_HP_Icon4.svg?v=1717526578&width=40 40w, //supergoop.com/cdn/shop/files/Concierge_HP_Icon4.svg?v=1717526578&width=40 40w, //supergoop.com/cdn/shop/files/Concierge_HP_Icon4.svg?v=1717526578&width=40 40w'
        sizes='(max-width: 640px) 40px, (max-width: 768px) 40px, (max-width: 1024px) 40px, (max-width: 1280px) 40px, 40px'
        >
    
    <img
      class='w-full image h-10 w-10 object-center object-cover'
      src='//supergoop.com/cdn/shop/files/Concierge_HP_Icon4.svg?v=1717526578&width=40'
      alt=''
      loading='eager'
      fetchpriority='auto'
      decoding='sync'
      width='56'
      height='70'>
  </picture>


              
            </div>
          
        
      
        
          
            <div class='shrink-0 md:pl-[27px] pl-3 flex items-center md:space-x-[27px] space-x-3 uppercase leading-3 md:text-[12px] text-[11px] font-serif font-bold tracking-[2px]'>
              <p>EXPERTS IN SPF™</p>
              
                

  <picture>
    
      <source
        srcset='//supergoop.com/cdn/shop/files/Concierge_HP_Icon4.svg?v=1717526578&width=40 40w, //supergoop.com/cdn/shop/files/Concierge_HP_Icon4.svg?v=1717526578&width=40 40w, //supergoop.com/cdn/shop/files/Concierge_HP_Icon4.svg?v=1717526578&width=40 40w, //supergoop.com/cdn/shop/files/Concierge_HP_Icon4.svg?v=1717526578&width=40 40w, //supergoop.com/cdn/shop/files/Concierge_HP_Icon4.svg?v=1717526578&width=40 40w'
        sizes='(max-width: 640px) 40px, (max-width: 768px) 40px, (max-width: 1024px) 40px, (max-width: 1280px) 40px, 40px'
        
        media='(min-width: 40px)'
        >
    
      <source
        srcset='//supergoop.com/cdn/shop/files/Concierge_HP_Icon4.svg?v=1717526578&width=40 40w, //supergoop.com/cdn/shop/files/Concierge_HP_Icon4.svg?v=1717526578&width=40 40w, //supergoop.com/cdn/shop/files/Concierge_HP_Icon4.svg?v=1717526578&width=40 40w, //supergoop.com/cdn/shop/files/Concierge_HP_Icon4.svg?v=1717526578&width=40 40w, //supergoop.com/cdn/shop/files/Concierge_HP_Icon4.svg?v=1717526578&width=40 40w'
        sizes='(max-width: 640px) 40px, (max-width: 768px) 40px, (max-width: 1024px) 40px, (max-width: 1280px) 40px, 40px'
        >
    
    <img
      class='w-full image h-10 w-10 object-center object-cover'
      src='//supergoop.com/cdn/shop/files/Concierge_HP_Icon4.svg?v=1717526578&width=40'
      alt=''
      loading='eager'
      fetchpriority='auto'
      decoding='sync'
      width='56'
      height='70'>
  </picture>


              
            </div>
          
        
      
        
          
            <div class='shrink-0 md:pl-[27px] pl-3 flex items-center md:space-x-[27px] space-x-3 uppercase leading-3 md:text-[12px] text-[11px] font-serif font-bold tracking-[2px]'>
              <p>EXPERTS IN SPF™</p>
              
                

  <picture>
    
      <source
        srcset='//supergoop.com/cdn/shop/files/Concierge_HP_Icon4.svg?v=1717526578&width=40 40w, //supergoop.com/cdn/shop/files/Concierge_HP_Icon4.svg?v=1717526578&width=40 40w, //supergoop.com/cdn/shop/files/Concierge_HP_Icon4.svg?v=1717526578&width=40 40w, //supergoop.com/cdn/shop/files/Concierge_HP_Icon4.svg?v=1717526578&width=40 40w, //supergoop.com/cdn/shop/files/Concierge_HP_Icon4.svg?v=1717526578&width=40 40w'
        sizes='(max-width: 640px) 40px, (max-width: 768px) 40px, (max-width: 1024px) 40px, (max-width: 1280px) 40px, 40px'
        
        media='(min-width: 40px)'
        >
    
      <source
        srcset='//supergoop.com/cdn/shop/files/Concierge_HP_Icon4.svg?v=1717526578&width=40 40w, //supergoop.com/cdn/shop/files/Concierge_HP_Icon4.svg?v=1717526578&width=40 40w, //supergoop.com/cdn/shop/files/Concierge_HP_Icon4.svg?v=1717526578&width=40 40w, //supergoop.com/cdn/shop/files/Concierge_HP_Icon4.svg?v=1717526578&width=40 40w, //supergoop.com/cdn/shop/files/Concierge_HP_Icon4.svg?v=1717526578&width=40 40w'
        sizes='(max-width: 640px) 40px, (max-width: 768px) 40px, (max-width: 1024px) 40px, (max-width: 1280px) 40px, 40px'
        >
    
    <img
      class='w-full image h-10 w-10 object-center object-cover'
      src='//supergoop.com/cdn/shop/files/Concierge_HP_Icon4.svg?v=1717526578&width=40'
      alt=''
      loading='eager'
      fetchpriority='auto'
      decoding='sync'
      width='56'
      height='70'>
  </picture>


              
            </div>
          
        
      
        
          
            <div class='shrink-0 md:pl-[27px] pl-3 flex items-center md:space-x-[27px] space-x-3 uppercase leading-3 md:text-[12px] text-[11px] font-serif font-bold tracking-[2px]'>
              <p>EXPERTS IN SPF™</p>
              
                

  <picture>
    
      <source
        srcset='//supergoop.com/cdn/shop/files/Concierge_HP_Icon4.svg?v=1717526578&width=40 40w, //supergoop.com/cdn/shop/files/Concierge_HP_Icon4.svg?v=1717526578&width=40 40w, //supergoop.com/cdn/shop/files/Concierge_HP_Icon4.svg?v=1717526578&width=40 40w, //supergoop.com/cdn/shop/files/Concierge_HP_Icon4.svg?v=1717526578&width=40 40w, //supergoop.com/cdn/shop/files/Concierge_HP_Icon4.svg?v=1717526578&width=40 40w'
        sizes='(max-width: 640px) 40px, (max-width: 768px) 40px, (max-width: 1024px) 40px, (max-width: 1280px) 40px, 40px'
        
        media='(min-width: 40px)'
        >
    
      <source
        srcset='//supergoop.com/cdn/shop/files/Concierge_HP_Icon4.svg?v=1717526578&width=40 40w, //supergoop.com/cdn/shop/files/Concierge_HP_Icon4.svg?v=1717526578&width=40 40w, //supergoop.com/cdn/shop/files/Concierge_HP_Icon4.svg?v=1717526578&width=40 40w, //supergoop.com/cdn/shop/files/Concierge_HP_Icon4.svg?v=1717526578&width=40 40w, //supergoop.com/cdn/shop/files/Concierge_HP_Icon4.svg?v=1717526578&width=40 40w'
        sizes='(max-width: 640px) 40px, (max-width: 768px) 40px, (max-width: 1024px) 40px, (max-width: 1280px) 40px, 40px'
        >
    
    <img
      class='w-full image h-10 w-10 object-center object-cover'
      src='//supergoop.com/cdn/shop/files/Concierge_HP_Icon4.svg?v=1717526578&width=40'
      alt=''
      loading='eager'
      fetchpriority='auto'
      decoding='sync'
      width='56'
      height='70'>
  </picture>


              
            </div>
          
        
      
        
          
            <div class='shrink-0 md:pl-[27px] pl-3 flex items-center md:space-x-[27px] space-x-3 uppercase leading-3 md:text-[12px] text-[11px] font-serif font-bold tracking-[2px]'>
              <p>EXPERTS IN SPF™</p>
              
                

  <picture>
    
      <source
        srcset='//supergoop.com/cdn/shop/files/Concierge_HP_Icon4.svg?v=1717526578&width=40 40w, //supergoop.com/cdn/shop/files/Concierge_HP_Icon4.svg?v=1717526578&width=40 40w, //supergoop.com/cdn/shop/files/Concierge_HP_Icon4.svg?v=1717526578&width=40 40w, //supergoop.com/cdn/shop/files/Concierge_HP_Icon4.svg?v=1717526578&width=40 40w, //supergoop.com/cdn/shop/files/Concierge_HP_Icon4.svg?v=1717526578&width=40 40w'
        sizes='(max-width: 640px) 40px, (max-width: 768px) 40px, (max-width: 1024px) 40px, (max-width: 1280px) 40px, 40px'
        
        media='(min-width: 40px)'
        >
    
      <source
        srcset='//supergoop.com/cdn/shop/files/Concierge_HP_Icon4.svg?v=1717526578&width=40 40w, //supergoop.com/cdn/shop/files/Concierge_HP_Icon4.svg?v=1717526578&width=40 40w, //supergoop.com/cdn/shop/files/Concierge_HP_Icon4.svg?v=1717526578&width=40 40w, //supergoop.com/cdn/shop/files/Concierge_HP_Icon4.svg?v=1717526578&width=40 40w, //supergoop.com/cdn/shop/files/Concierge_HP_Icon4.svg?v=1717526578&width=40 40w'
        sizes='(max-width: 640px) 40px, (max-width: 768px) 40px, (max-width: 1024px) 40px, (max-width: 1280px) 40px, 40px'
        >
    
    <img
      class='w-full image h-10 w-10 object-center object-cover'
      src='//supergoop.com/cdn/shop/files/Concierge_HP_Icon4.svg?v=1717526578&width=40'
      alt=''
      loading='eager'
      fetchpriority='auto'
      decoding='sync'
      width='56'
      height='70'>
  </picture>


              
            </div>
          
        
      
        
          
            <div class='shrink-0 md:pl-[27px] pl-3 flex items-center md:space-x-[27px] space-x-3 uppercase leading-3 md:text-[12px] text-[11px] font-serif font-bold tracking-[2px]'>
              <p>EXPERTS IN SPF™</p>
              
                

  <picture>
    
      <source
        srcset='//supergoop.com/cdn/shop/files/Concierge_HP_Icon4.svg?v=1717526578&width=40 40w, //supergoop.com/cdn/shop/files/Concierge_HP_Icon4.svg?v=1717526578&width=40 40w, //supergoop.com/cdn/shop/files/Concierge_HP_Icon4.svg?v=1717526578&width=40 40w, //supergoop.com/cdn/shop/files/Concierge_HP_Icon4.svg?v=1717526578&width=40 40w, //supergoop.com/cdn/shop/files/Concierge_HP_Icon4.svg?v=1717526578&width=40 40w'
        sizes='(max-width: 640px) 40px, (max-width: 768px) 40px, (max-width: 1024px) 40px, (max-width: 1280px) 40px, 40px'
        
        media='(min-width: 40px)'
        >
    
      <source
        srcset='//supergoop.com/cdn/shop/files/Concierge_HP_Icon4.svg?v=1717526578&width=40 40w, //supergoop.com/cdn/shop/files/Concierge_HP_Icon4.svg?v=1717526578&width=40 40w, //supergoop.com/cdn/shop/files/Concierge_HP_Icon4.svg?v=1717526578&width=40 40w, //supergoop.com/cdn/shop/files/Concierge_HP_Icon4.svg?v=1717526578&width=40 40w, //supergoop.com/cdn/shop/files/Concierge_HP_Icon4.svg?v=1717526578&width=40 40w'
        sizes='(max-width: 640px) 40px, (max-width: 768px) 40px, (max-width: 1024px) 40px, (max-width: 1280px) 40px, 40px'
        >
    
    <img
      class='w-full image h-10 w-10 object-center object-cover'
      src='//supergoop.com/cdn/shop/files/Concierge_HP_Icon4.svg?v=1717526578&width=40'
      alt=''
      loading='eager'
      fetchpriority='auto'
      decoding='sync'
      width='56'
      height='70'>
  </picture>


              
            </div>
          
        
      
        
          
            <div class='shrink-0 md:pl-[27px] pl-3 flex items-center md:space-x-[27px] space-x-3 uppercase leading-3 md:text-[12px] text-[11px] font-serif font-bold tracking-[2px]'>
              <p>EXPERTS IN SPF™</p>
              
                

  <picture>
    
      <source
        srcset='//supergoop.com/cdn/shop/files/Concierge_HP_Icon4.svg?v=1717526578&width=40 40w, //supergoop.com/cdn/shop/files/Concierge_HP_Icon4.svg?v=1717526578&width=40 40w, //supergoop.com/cdn/shop/files/Concierge_HP_Icon4.svg?v=1717526578&width=40 40w, //supergoop.com/cdn/shop/files/Concierge_HP_Icon4.svg?v=1717526578&width=40 40w, //supergoop.com/cdn/shop/files/Concierge_HP_Icon4.svg?v=1717526578&width=40 40w'
        sizes='(max-width: 640px) 40px, (max-width: 768px) 40px, (max-width: 1024px) 40px, (max-width: 1280px) 40px, 40px'
        
        media='(min-width: 40px)'
        >
    
      <source
        srcset='//supergoop.com/cdn/shop/files/Concierge_HP_Icon4.svg?v=1717526578&width=40 40w, //supergoop.com/cdn/shop/files/Concierge_HP_Icon4.svg?v=1717526578&width=40 40w, //supergoop.com/cdn/shop/files/Concierge_HP_Icon4.svg?v=1717526578&width=40 40w, //supergoop.com/cdn/shop/files/Concierge_HP_Icon4.svg?v=1717526578&width=40 40w, //supergoop.com/cdn/shop/files/Concierge_HP_Icon4.svg?v=1717526578&width=40 40w'
        sizes='(max-width: 640px) 40px, (max-width: 768px) 40px, (max-width: 1024px) 40px, (max-width: 1280px) 40px, 40px'
        >
    
    <img
      class='w-full image h-10 w-10 object-center object-cover'
      src='//supergoop.com/cdn/shop/files/Concierge_HP_Icon4.svg?v=1717526578&width=40'
      alt=''
      loading='eager'
      fetchpriority='auto'
      decoding='sync'
      width='56'
      height='70'>
  </picture>


              
            </div>
          
        
      
        
          
            <div class='shrink-0 md:pl-[27px] pl-3 flex items-center md:space-x-[27px] space-x-3 uppercase leading-3 md:text-[12px] text-[11px] font-serif font-bold tracking-[2px]'>
              <p>EXPERTS IN SPF™</p>
              
                

  <picture>
    
      <source
        srcset='//supergoop.com/cdn/shop/files/Concierge_HP_Icon4.svg?v=1717526578&width=40 40w, //supergoop.com/cdn/shop/files/Concierge_HP_Icon4.svg?v=1717526578&width=40 40w, //supergoop.com/cdn/shop/files/Concierge_HP_Icon4.svg?v=1717526578&width=40 40w, //supergoop.com/cdn/shop/files/Concierge_HP_Icon4.svg?v=1717526578&width=40 40w, //supergoop.com/cdn/shop/files/Concierge_HP_Icon4.svg?v=1717526578&width=40 40w'
        sizes='(max-width: 640px) 40px, (max-width: 768px) 40px, (max-width: 1024px) 40px, (max-width: 1280px) 40px, 40px'
        
        media='(min-width: 40px)'
        >
    
      <source
        srcset='//supergoop.com/cdn/shop/files/Concierge_HP_Icon4.svg?v=1717526578&width=40 40w, //supergoop.com/cdn/shop/files/Concierge_HP_Icon4.svg?v=1717526578&width=40 40w, //supergoop.com/cdn/shop/files/Concierge_HP_Icon4.svg?v=1717526578&width=40 40w, //supergoop.com/cdn/shop/files/Concierge_HP_Icon4.svg?v=1717526578&width=40 40w, //supergoop.com/cdn/shop/files/Concierge_HP_Icon4.svg?v=1717526578&width=40 40w'
        sizes='(max-width: 640px) 40px, (max-width: 768px) 40px, (max-width: 1024px) 40px, (max-width: 1280px) 40px, 40px'
        >
    
    <img
      class='w-full image h-10 w-10 object-center object-cover'
      src='//supergoop.com/cdn/shop/files/Concierge_HP_Icon4.svg?v=1717526578&width=40'
      alt=''
      loading='eager'
      fetchpriority='auto'
      decoding='sync'
      width='56'
      height='70'>
  </picture>


              
            </div>
          
        
      
        
          
            <div class='shrink-0 md:pl-[27px] pl-3 flex items-center md:space-x-[27px] space-x-3 uppercase leading-3 md:text-[12px] text-[11px] font-serif font-bold tracking-[2px]'>
              <p>EXPERTS IN SPF™</p>
              
                

  <picture>
    
      <source
        srcset='//supergoop.com/cdn/shop/files/Concierge_HP_Icon4.svg?v=1717526578&width=40 40w, //supergoop.com/cdn/shop/files/Concierge_HP_Icon4.svg?v=1717526578&width=40 40w, //supergoop.com/cdn/shop/files/Concierge_HP_Icon4.svg?v=1717526578&width=40 40w, //supergoop.com/cdn/shop/files/Concierge_HP_Icon4.svg?v=1717526578&width=40 40w, //supergoop.com/cdn/shop/files/Concierge_HP_Icon4.svg?v=1717526578&width=40 40w'
        sizes='(max-width: 640px) 40px, (max-width: 768px) 40px, (max-width: 1024px) 40px, (max-width: 1280px) 40px, 40px'
        
        media='(min-width: 40px)'
        >
    
      <source
        srcset='//supergoop.com/cdn/shop/files/Concierge_HP_Icon4.svg?v=1717526578&width=40 40w, //supergoop.com/cdn/shop/files/Concierge_HP_Icon4.svg?v=1717526578&width=40 40w, //supergoop.com/cdn/shop/files/Concierge_HP_Icon4.svg?v=1717526578&width=40 40w, //supergoop.com/cdn/shop/files/Concierge_HP_Icon4.svg?v=1717526578&width=40 40w, //supergoop.com/cdn/shop/files/Concierge_HP_Icon4.svg?v=1717526578&width=40 40w'
        sizes='(max-width: 640px) 40px, (max-width: 768px) 40px, (max-width: 1024px) 40px, (max-width: 1280px) 40px, 40px'
        >
    
    <img
      class='w-full image h-10 w-10 object-center object-cover'
      src='//supergoop.com/cdn/shop/files/Concierge_HP_Icon4.svg?v=1717526578&width=40'
      alt=''
      loading='eager'
      fetchpriority='auto'
      decoding='sync'
      width='56'
      height='70'>
  </picture>


              
            </div>
          
        
      
        
          
            <div class='shrink-0 md:pl-[27px] pl-3 flex items-center md:space-x-[27px] space-x-3 uppercase leading-3 md:text-[12px] text-[11px] font-serif font-bold tracking-[2px]'>
              <p>EXPERTS IN SPF™</p>
              
                

  <picture>
    
      <source
        srcset='//supergoop.com/cdn/shop/files/Concierge_HP_Icon4.svg?v=1717526578&width=40 40w, //supergoop.com/cdn/shop/files/Concierge_HP_Icon4.svg?v=1717526578&width=40 40w, //supergoop.com/cdn/shop/files/Concierge_HP_Icon4.svg?v=1717526578&width=40 40w, //supergoop.com/cdn/shop/files/Concierge_HP_Icon4.svg?v=1717526578&width=40 40w, //supergoop.com/cdn/shop/files/Concierge_HP_Icon4.svg?v=1717526578&width=40 40w'
        sizes='(max-width: 640px) 40px, (max-width: 768px) 40px, (max-width: 1024px) 40px, (max-width: 1280px) 40px, 40px'
        
        media='(min-width: 40px)'
        >
    
      <source
        srcset='//supergoop.com/cdn/shop/files/Concierge_HP_Icon4.svg?v=1717526578&width=40 40w, //supergoop.com/cdn/shop/files/Concierge_HP_Icon4.svg?v=1717526578&width=40 40w, //supergoop.com/cdn/shop/files/Concierge_HP_Icon4.svg?v=1717526578&width=40 40w, //supergoop.com/cdn/shop/files/Concierge_HP_Icon4.svg?v=1717526578&width=40 40w, //supergoop.com/cdn/shop/files/Concierge_HP_Icon4.svg?v=1717526578&width=40 40w'
        sizes='(max-width: 640px) 40px, (max-width: 768px) 40px, (max-width: 1024px) 40px, (max-width: 1280px) 40px, 40px'
        >
    
    <img
      class='w-full image h-10 w-10 object-center object-cover'
      src='//supergoop.com/cdn/shop/files/Concierge_HP_Icon4.svg?v=1717526578&width=40'
      alt=''
      loading='eager'
      fetchpriority='auto'
      decoding='sync'
      width='56'
      height='70'>
  </picture>


              
            </div>
          
        
      
        
          
            <div class='shrink-0 md:pl-[27px] pl-3 flex items-center md:space-x-[27px] space-x-3 uppercase leading-3 md:text-[12px] text-[11px] font-serif font-bold tracking-[2px]'>
              <p>EXPERTS IN SPF™</p>
              
                

  <picture>
    
      <source
        srcset='//supergoop.com/cdn/shop/files/Concierge_HP_Icon4.svg?v=1717526578&width=40 40w, //supergoop.com/cdn/shop/files/Concierge_HP_Icon4.svg?v=1717526578&width=40 40w, //supergoop.com/cdn/shop/files/Concierge_HP_Icon4.svg?v=1717526578&width=40 40w, //supergoop.com/cdn/shop/files/Concierge_HP_Icon4.svg?v=1717526578&width=40 40w, //supergoop.com/cdn/shop/files/Concierge_HP_Icon4.svg?v=1717526578&width=40 40w'
        sizes='(max-width: 640px) 40px, (max-width: 768px) 40px, (max-width: 1024px) 40px, (max-width: 1280px) 40px, 40px'
        
        media='(min-width: 40px)'
        >
    
      <source
        srcset='//supergoop.com/cdn/shop/files/Concierge_HP_Icon4.svg?v=1717526578&width=40 40w, //supergoop.com/cdn/shop/files/Concierge_HP_Icon4.svg?v=1717526578&width=40 40w, //supergoop.com/cdn/shop/files/Concierge_HP_Icon4.svg?v=1717526578&width=40 40w, //supergoop.com/cdn/shop/files/Concierge_HP_Icon4.svg?v=1717526578&width=40 40w, //supergoop.com/cdn/shop/files/Concierge_HP_Icon4.svg?v=1717526578&width=40 40w'
        sizes='(max-width: 640px) 40px, (max-width: 768px) 40px, (max-width: 1024px) 40px, (max-width: 1280px) 40px, 40px'
        >
    
    <img
      class='w-full image h-10 w-10 object-center object-cover'
      src='//supergoop.com/cdn/shop/files/Concierge_HP_Icon4.svg?v=1717526578&width=40'
      alt=''
      loading='eager'
      fetchpriority='auto'
      decoding='sync'
      width='56'
      height='70'>
  </picture>


              
            </div>
          
        
      
    </div>
  </section>



</div><div id="shopify-section-template--18800274636898__ss_recommendations_R9dRth" class="shopify-section section-product-recommendations"><style>
  #shopify-section-template--18800274636898__ss_recommendations_R9dRth {
    --mob-padding-y:16px;
    --padding-y: 28px;
  }
</style>


  <style>
    #shopify-section-template--18800274636898__ss_recommendations_R9dRth .ss-background {
      background-color: #ffffff
    }
  </style>

<div
  data-section="ss-reccomendations"
  
>
  
<div class="px-5 lg:px-[60px] mx-auto padding-controller-y ss-background ss-recommendations__target">
      <script type="searchspring/personalized-recommendations" profile="hp-personal-reccs">
      </script>
    </div>
  

</div>



</div><div id="shopify-section-template--18800274636898__recommended_categories_9Phqy7" class="shopify-section">

<section
  class='md:px-[30px] lg:px-[60px] px-5 py-10 mx-auto overflow-hidden '
  data-section='recommended-categories'
  style='background:#ffed7a;'
  data-transition-enabled="true"
>
  
    
  
    
  
    
  
    
  
    
  
    
  

  
  

  
    <div
      data-recommended-categories
      class='relative'
      role='region'
      aria-roledescription='carousel'
      aria-label='Recommended Categories'
    >
      <button
        type='button'
        tabindex='0'
        class='swiper-button prev md:left-[-26px] left-[-8px] right-auto absolute top-[calc(50%-20px)] z-10 -translate-y-2/4 text-white hover:text-supergoop-yellow focus:text-supergoop-yellow focus:outline-none focus-visible:ring-2 focus-visible:ring-supergoop-yellow rotate-180'
        aria-label='Previous slide'
        aria-controls='recommended-categories-slides'
      >
        <svg width="52" height="52" viewBox="0 0 52 52" fill="none" xmlns="http://www.w3.org/2000/svg">
  <g filter="url(#filter0_d_39_340)">
    <circle cx="26" cy="26" r="20" fill="currentColor"/>
  </g>
  <path d="M29 33L36 26L29 19" stroke="#2A2A2A"/>
  <path d="M36 26L16 26" stroke="#2A2A2A"/>
  <defs>
    <filter id="filter0_d_39_340" x="0" y="0" width="52" height="52" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
      <feFlood flood-opacity="0" result="BackgroundImageFix"/>
      <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
      <feOffset/>
      <feGaussianBlur stdDeviation="3"/>
      <feComposite in2="hardAlpha" operator="out"/>
      <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.1 0"/>
      <feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_39_340"/>
      <feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_39_340" result="shape"/>
    </filter>
  </defs>
</svg>

      </button>
      <button
        type='button'
        tabindex='0'
        class='swiper-button next md:right-[-26px] right-[-8px] left-auto absolute top-[calc(50%-20px)] z-10 -translate-y-2/4 text-white hover:text-supergoop-yellow focus:text-supergoop-yellow focus:outline-none focus-visible:ring-2 focus-visible:ring-supergoop-yellow'
        aria-label='Next slide'
        aria-controls='recommended-categories-slides'
      >
        <svg width="52" height="52" viewBox="0 0 52 52" fill="none" xmlns="http://www.w3.org/2000/svg">
  <g filter="url(#filter0_d_39_340)">
    <circle cx="26" cy="26" r="20" fill="currentColor"/>
  </g>
  <path d="M29 33L36 26L29 19" stroke="#2A2A2A"/>
  <path d="M36 26L16 26" stroke="#2A2A2A"/>
  <defs>
    <filter id="filter0_d_39_340" x="0" y="0" width="52" height="52" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
      <feFlood flood-opacity="0" result="BackgroundImageFix"/>
      <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
      <feOffset/>
      <feGaussianBlur stdDeviation="3"/>
      <feComposite in2="hardAlpha" operator="out"/>
      <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.1 0"/>
      <feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_39_340"/>
      <feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_39_340" result="shape"/>
    </filter>
  </defs>
</svg>

      </button>

      <div id='recommended-categories-slides' class='swiper-wrapper' aria-live='polite'>
        
          
            <div class='swiper-slide' role='group' aria-roledescription='slide' aria-label='Slide 1 of 6'>
              
                <a
                  href='/collections/clear-sunscreen'
                  class='block w-full no-underline mb-[6px] md:mb-[9px] relative md:pt-[95.3%] pt-[92.3%] overflow-hidden'
                  data-tracking-click
                >
              
              
                

  <picture data-lazy-picture>
    
      <source
        data-srcset='//supergoop.com/cdn/shop/files/2-clear-spf.jpg?v=1770144532&width=450 450w, //supergoop.com/cdn/shop/files/2-clear-spf.jpg?v=1770144532&width=450 450w'
        sizes='(max-width: 640px) 450px, 450px'
        
        media='(min-width: 640px)'
        >
    
    <img
      class='w-full image absolute h-full inset-0 object-center object-cover hover:scale-110 transition duration-150 ease'
      src='data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7'
      data-src='//supergoop.com/cdn/shop/files/2-clear-spf.jpg?v=1770144532&width=640'
      alt='CLEAR SPF'
      loading='lazy'
      decoding='async'
      width='630'
      height='600'>
  </picture>


              
              
                </a>
              

              
                <div>
                  <a
                    href='/collections/clear-sunscreen'
                    class='sub-h4 text-supergoop-blue font-serif font-bold uppercase flex justify-start items-center no-underline after:h-0'
                    data-tracking-click
                  >
                    CLEAR SPF
                    <span class='text-white ml-[6px]'>
                      <svg
  width='34'
  height='31'
  viewBox='0 0 34 31'
  fill='none'
  xmlns='http://www.w3.org/2000/svg'
>
  <g filter="url(#filter0_d_532_1538)">
  <circle cx="17" cy="17" r="11" fill="white"/>
  </g>
  <path d="M16 13L20 17L16 21" stroke="#2A2A2A" stroke-miterlimit="16" stroke-linecap="square"/>
  <defs>
  <filter id="filter0_d_532_1538" x="0" y="0" width="34" height="34" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
  <feFlood flood-opacity="0" result="BackgroundImageFix"/>
  <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
  <feOffset/>
  <feGaussianBlur stdDeviation="3"/>
  <feComposite in2="hardAlpha" operator="out"/>
  <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.1 0"/>
  <feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_532_1538"/>
  <feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_532_1538" result="shape"/>
  </filter>
  </defs>
</svg>

                    </span>
                  </a>
                </div>
              
            </div>
          
        
          
            <div class='swiper-slide' role='group' aria-roledescription='slide' aria-label='Slide 2 of 6'>
              
                <a
                  href='/collections/tinted-sunscreen'
                  class='block w-full no-underline mb-[6px] md:mb-[9px] relative md:pt-[95.3%] pt-[92.3%] overflow-hidden'
                  data-tracking-click
                >
              
              
                

  <picture data-lazy-picture>
    
      <source
        data-srcset='//supergoop.com/cdn/shop/files/1-tinted-spf.jpg?v=1770144532&width=450 450w, //supergoop.com/cdn/shop/files/1-tinted-spf.jpg?v=1770144532&width=450 450w'
        sizes='(max-width: 640px) 450px, 450px'
        
        media='(min-width: 640px)'
        >
    
    <img
      class='w-full image absolute h-full inset-0 object-center object-cover hover:scale-110 transition duration-150 ease'
      src='data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7'
      data-src='//supergoop.com/cdn/shop/files/1-tinted-spf.jpg?v=1770144532&width=640'
      alt='TINTED SPF'
      loading='lazy'
      decoding='async'
      width='630'
      height='600'>
  </picture>


              
              
                </a>
              

              
                <div>
                  <a
                    href='/collections/tinted-sunscreen'
                    class='sub-h4 text-supergoop-blue font-serif font-bold uppercase flex justify-start items-center no-underline after:h-0'
                    data-tracking-click
                  >
                    TINTED SPF
                    <span class='text-white ml-[6px]'>
                      <svg
  width='34'
  height='31'
  viewBox='0 0 34 31'
  fill='none'
  xmlns='http://www.w3.org/2000/svg'
>
  <g filter="url(#filter0_d_532_1538)">
  <circle cx="17" cy="17" r="11" fill="white"/>
  </g>
  <path d="M16 13L20 17L16 21" stroke="#2A2A2A" stroke-miterlimit="16" stroke-linecap="square"/>
  <defs>
  <filter id="filter0_d_532_1538" x="0" y="0" width="34" height="34" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
  <feFlood flood-opacity="0" result="BackgroundImageFix"/>
  <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
  <feOffset/>
  <feGaussianBlur stdDeviation="3"/>
  <feComposite in2="hardAlpha" operator="out"/>
  <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.1 0"/>
  <feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_532_1538"/>
  <feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_532_1538" result="shape"/>
  </filter>
  </defs>
</svg>

                    </span>
                  </a>
                </div>
              
            </div>
          
        
          
            <div class='swiper-slide' role='group' aria-roledescription='slide' aria-label='Slide 3 of 6'>
              
                <a
                  href='/collections/glowy-sunscreen'
                  class='block w-full no-underline mb-[6px] md:mb-[9px] relative md:pt-[95.3%] pt-[92.3%] overflow-hidden'
                  data-tracking-click
                >
              
              
                

  <picture data-lazy-picture>
    
      <source
        data-srcset='//supergoop.com/cdn/shop/files/3-glow-spf.jpg?v=1770144531&width=450 450w, //supergoop.com/cdn/shop/files/3-glow-spf.jpg?v=1770144531&width=450 450w'
        sizes='(max-width: 640px) 450px, 450px'
        
        media='(min-width: 640px)'
        >
    
    <img
      class='w-full image absolute h-full inset-0 object-center object-cover hover:scale-110 transition duration-150 ease'
      src='data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7'
      data-src='//supergoop.com/cdn/shop/files/3-glow-spf.jpg?v=1770144531&width=640'
      alt='GLOWY SPF'
      loading='lazy'
      decoding='async'
      width='630'
      height='600'>
  </picture>


              
              
                </a>
              

              
                <div>
                  <a
                    href='/collections/glowy-sunscreen'
                    class='sub-h4 text-supergoop-blue font-serif font-bold uppercase flex justify-start items-center no-underline after:h-0'
                    data-tracking-click
                  >
                    GLOWY SPF
                    <span class='text-white ml-[6px]'>
                      <svg
  width='34'
  height='31'
  viewBox='0 0 34 31'
  fill='none'
  xmlns='http://www.w3.org/2000/svg'
>
  <g filter="url(#filter0_d_532_1538)">
  <circle cx="17" cy="17" r="11" fill="white"/>
  </g>
  <path d="M16 13L20 17L16 21" stroke="#2A2A2A" stroke-miterlimit="16" stroke-linecap="square"/>
  <defs>
  <filter id="filter0_d_532_1538" x="0" y="0" width="34" height="34" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
  <feFlood flood-opacity="0" result="BackgroundImageFix"/>
  <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
  <feOffset/>
  <feGaussianBlur stdDeviation="3"/>
  <feComposite in2="hardAlpha" operator="out"/>
  <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.1 0"/>
  <feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_532_1538"/>
  <feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_532_1538" result="shape"/>
  </filter>
  </defs>
</svg>

                    </span>
                  </a>
                </div>
              
            </div>
          
        
          
            <div class='swiper-slide' role='group' aria-roledescription='slide' aria-label='Slide 4 of 6'>
              
                <a
                  href='/collections/body'
                  class='block w-full no-underline mb-[6px] md:mb-[9px] relative md:pt-[95.3%] pt-[92.3%] overflow-hidden'
                  data-tracking-click
                >
              
              
                

  <picture data-lazy-picture>
    
      <source
        data-srcset='//supergoop.com/cdn/shop/files/4-body-spf.jpg?v=1770144532&width=450 450w, //supergoop.com/cdn/shop/files/4-body-spf.jpg?v=1770144532&width=450 450w'
        sizes='(max-width: 640px) 450px, 450px'
        
        media='(min-width: 640px)'
        >
    
    <img
      class='w-full image absolute h-full inset-0 object-center object-cover hover:scale-110 transition duration-150 ease'
      src='data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7'
      data-src='//supergoop.com/cdn/shop/files/4-body-spf.jpg?v=1770144532&width=640'
      alt='BODY SPF'
      loading='lazy'
      decoding='async'
      width='630'
      height='600'>
  </picture>


              
              
                </a>
              

              
                <div>
                  <a
                    href='/collections/body'
                    class='sub-h4 text-supergoop-blue font-serif font-bold uppercase flex justify-start items-center no-underline after:h-0'
                    data-tracking-click
                  >
                    BODY SPF
                    <span class='text-white ml-[6px]'>
                      <svg
  width='34'
  height='31'
  viewBox='0 0 34 31'
  fill='none'
  xmlns='http://www.w3.org/2000/svg'
>
  <g filter="url(#filter0_d_532_1538)">
  <circle cx="17" cy="17" r="11" fill="white"/>
  </g>
  <path d="M16 13L20 17L16 21" stroke="#2A2A2A" stroke-miterlimit="16" stroke-linecap="square"/>
  <defs>
  <filter id="filter0_d_532_1538" x="0" y="0" width="34" height="34" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
  <feFlood flood-opacity="0" result="BackgroundImageFix"/>
  <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
  <feOffset/>
  <feGaussianBlur stdDeviation="3"/>
  <feComposite in2="hardAlpha" operator="out"/>
  <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.1 0"/>
  <feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_532_1538"/>
  <feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_532_1538" result="shape"/>
  </filter>
  </defs>
</svg>

                    </span>
                  </a>
                </div>
              
            </div>
          
        
          
            <div class='swiper-slide' role='group' aria-roledescription='slide' aria-label='Slide 5 of 6'>
              
                <a
                  href='/collections/best-sellers-spf'
                  class='block w-full no-underline mb-[6px] md:mb-[9px] relative md:pt-[95.3%] pt-[92.3%] overflow-hidden'
                  data-tracking-click
                >
              
              
                

  <picture data-lazy-picture>
    
      <source
        data-srcset='//supergoop.com/cdn/shop/files/5-bestselling-spf.jpg?v=1770144466&width=450 450w, //supergoop.com/cdn/shop/files/5-bestselling-spf.jpg?v=1770144466&width=450 450w'
        sizes='(max-width: 640px) 450px, 450px'
        
        media='(min-width: 640px)'
        >
    
    <img
      class='w-full image absolute h-full inset-0 object-center object-cover hover:scale-110 transition duration-150 ease'
      src='data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7'
      data-src='//supergoop.com/cdn/shop/files/5-bestselling-spf.jpg?v=1770144466&width=640'
      alt='BESTSELLING SPF'
      loading='lazy'
      decoding='async'
      width='630'
      height='600'>
  </picture>


              
              
                </a>
              

              
                <div>
                  <a
                    href='/collections/best-sellers-spf'
                    class='sub-h4 text-supergoop-blue font-serif font-bold uppercase flex justify-start items-center no-underline after:h-0'
                    data-tracking-click
                  >
                    BESTSELLING SPF
                    <span class='text-white ml-[6px]'>
                      <svg
  width='34'
  height='31'
  viewBox='0 0 34 31'
  fill='none'
  xmlns='http://www.w3.org/2000/svg'
>
  <g filter="url(#filter0_d_532_1538)">
  <circle cx="17" cy="17" r="11" fill="white"/>
  </g>
  <path d="M16 13L20 17L16 21" stroke="#2A2A2A" stroke-miterlimit="16" stroke-linecap="square"/>
  <defs>
  <filter id="filter0_d_532_1538" x="0" y="0" width="34" height="34" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
  <feFlood flood-opacity="0" result="BackgroundImageFix"/>
  <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
  <feOffset/>
  <feGaussianBlur stdDeviation="3"/>
  <feComposite in2="hardAlpha" operator="out"/>
  <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.1 0"/>
  <feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_532_1538"/>
  <feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_532_1538" result="shape"/>
  </filter>
  </defs>
</svg>

                    </span>
                  </a>
                </div>
              
            </div>
          
        
          
            <div class='swiper-slide' role='group' aria-roledescription='slide' aria-label='Slide 6 of 6'>
              
                <a
                  href='/collections/all'
                  class='block w-full no-underline mb-[6px] md:mb-[9px] relative md:pt-[95.3%] pt-[92.3%] overflow-hidden'
                  data-tracking-click
                >
              
              
                

  <picture data-lazy-picture>
    
      <source
        data-srcset='//supergoop.com/cdn/shop/files/6-shop-all-spf.jpg?v=1770144467&width=450 450w, //supergoop.com/cdn/shop/files/6-shop-all-spf.jpg?v=1770144467&width=450 450w'
        sizes='(max-width: 640px) 450px, 450px'
        
        media='(min-width: 640px)'
        >
    
    <img
      class='w-full image absolute h-full inset-0 object-center object-cover hover:scale-110 transition duration-150 ease'
      src='data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7'
      data-src='//supergoop.com/cdn/shop/files/6-shop-all-spf.jpg?v=1770144467&width=640'
      alt='SHOP ALL SPF'
      loading='lazy'
      decoding='async'
      width='630'
      height='600'>
  </picture>


              
              
                </a>
              

              
                <div>
                  <a
                    href='/collections/all'
                    class='sub-h4 text-supergoop-blue font-serif font-bold uppercase flex justify-start items-center no-underline after:h-0'
                    data-tracking-click
                  >
                    SHOP ALL SPF
                    <span class='text-white ml-[6px]'>
                      <svg
  width='34'
  height='31'
  viewBox='0 0 34 31'
  fill='none'
  xmlns='http://www.w3.org/2000/svg'
>
  <g filter="url(#filter0_d_532_1538)">
  <circle cx="17" cy="17" r="11" fill="white"/>
  </g>
  <path d="M16 13L20 17L16 21" stroke="#2A2A2A" stroke-miterlimit="16" stroke-linecap="square"/>
  <defs>
  <filter id="filter0_d_532_1538" x="0" y="0" width="34" height="34" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
  <feFlood flood-opacity="0" result="BackgroundImageFix"/>
  <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
  <feOffset/>
  <feGaussianBlur stdDeviation="3"/>
  <feComposite in2="hardAlpha" operator="out"/>
  <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.1 0"/>
  <feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_532_1538"/>
  <feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_532_1538" result="shape"/>
  </filter>
  </defs>
</svg>

                    </span>
                  </a>
                </div>
              
            </div>
          
        
      </div>
    </div>
  
</section>


</div><div id="shopify-section-template--18800274636898__banner_FUE8Tn" class="shopify-section">

<style>
  #shopify-section-template--18800274636898__banner_FUE8Tn {
    --margin-top: 0px;
    --margin-bottom: 0px;
    --mob-margin-top: 0px;
    --mob-margin-bottom: 0px;
  }

  
  #shopify-section-template--18800274636898__banner_FUE8Tn .banner__background-box {
      background-color: #ffffff
  }

    @media screen and (min-width: 768px) {
        #shopify-section-template--18800274636898__banner_FUE8Tn .banner__background-box {
            background-color: #ffffff
        }
    }

    
  



  
    .banner__eyebrow-color {
      color: #2a2a2a
    }
  

  
    .banner__headline-color {
      color: #0000b4
    }
  

  
    .banner__body-color {
      color: #2a2a2a
    }
  

  @media screen and (min-width: 768px) {
    
      .banner__eyebrow-color {
        color: #2a2a2a;
      }
    

    
      .banner__headline-color {
        color: #0000b4
      }
    

    
      .banner__body-color {
        color: #2a2a2a
      }
    
  }
  .bg-image {
    background-size: 100% auto;
  }


</style>

<style data-shopify>
    #shopify-section-template--18800274636898__banner_FUE8Tn {
    --padding-top: 120px;
    --padding-bottom:120px;
  }
</style>

<section
  data-section='banner'
  class=' margin-controller'
  data-transition-enabled="true"
>
  <script type='application/json' data-section-data>
    {}
  </script>
  
  
  


  <div class="banner grid-cols-1 flex flex-col md:grid w-full bg-no-repeat ">
    <div class="flex relative w-full row-start-1 col-start-1">
      
        <picture class="w-full h-full  block lg:hidden   ">
          <source srcset="Liquid error (sections/banner line 131): invalid url input 1024w" media="(min-width: 1024px)">
          <img src="//supergoop.com/cdn/shop/files/auto-replenish-m.jpg?v=1770148677&amp;width=750" srcset="//supergoop.com/cdn/shop/files/auto-replenish-m.jpg?v=1770148677&amp;width=352 352w, //supergoop.com/cdn/shop/files/auto-replenish-m.jpg?v=1770148677&amp;width=750 750w" width="750" height="584" loading="lazy" class="w-full image">
        </picture>
      
      
      <picture class="w-full h-full    hidden  lg:block   ">
          <source srcset="//supergoop.com/cdn/shop/files/auto-replenish-d_caed10f3-2124-42e5-8a91-6218fbc9d752.jpg?v=1770404151&width=2800 1024w" media="(min-width: 1024px)">
          <img src="//supergoop.com/cdn/shop/files/auto-replenish-d_caed10f3-2124-42e5-8a91-6218fbc9d752.jpg?v=1770404151&amp;width=2800" srcset="//supergoop.com/cdn/shop/files/auto-replenish-d_caed10f3-2124-42e5-8a91-6218fbc9d752.jpg?v=1770404151&amp;width=352 352w, //supergoop.com/cdn/shop/files/auto-replenish-d_caed10f3-2124-42e5-8a91-6218fbc9d752.jpg?v=1770404151&amp;width=832 832w, //supergoop.com/cdn/shop/files/auto-replenish-d_caed10f3-2124-42e5-8a91-6218fbc9d752.jpg?v=1770404151&amp;width=1200 1200w, //supergoop.com/cdn/shop/files/auto-replenish-d_caed10f3-2124-42e5-8a91-6218fbc9d752.jpg?v=1770404151&amp;width=1920 1920w, //supergoop.com/cdn/shop/files/auto-replenish-d_caed10f3-2124-42e5-8a91-6218fbc9d752.jpg?v=1770404151&amp;width=2800 2800w" width="2800" height="1003" loading="lazy" class="w-full image">
        </picture>
      
    </div>

    <div class='md:px-24 md:m-h-[400px] flex justify-end paddings-controller-banner relative w-full row-start-1 col-start-1'>
      <div class='w-full md:w-[540px] max-h-400 self-center md:p-10 p-5 pb-10 banner__background-box text-center md:text-left'>
        
          <div class='eyebrow-14 pb-2 md:pb-3 uppercase font-serif font-bold tracking-normal banner__eyebrow-color'>
            NEVER RUN OUT
          </div>
        

        
          <h2 class='h5 pb-2 font-serif font-bold tracking-normal md:pb-3 banner__headline-color'>
            SPF ON REPEAT
          </h2>
        

        
          <div class='body pb-3 md:pb-4 banner__body-color'>
            Unlock 10% + free shipping every time with easy-auto-replenish
          </div>
        

        

        
          <a
            href='/collections/all'
            class='button font-serif font-bold md:tracking-normal button-primary !text-white no-underline'
          >
            SUBSCRIBE NOW
          </a>

        
      </div>
    </div>
  </div>
</section>


</div><div id="shopify-section-template--18800274636898__two_up_blocks_DGccR6" class="shopify-section"><section
  data-section="two-up-blocks"
  data-transition-enabled="true"
  
    style="background-color: #70c0ef"
  
>
  <script type="application/json" data-section-data>
    {}
  </script>
  
    <div class="mx-auto py-10 md:p-16 md:flex md:gap-8 p-5 lg:max-w-[1090px]"><div class="md:w-1/2 mb-6 md:mb-0 last:mb-0">
          
            <a href="/products/antioxidant-infused-sunscreen-mist-with-vitamin-c" class="no-underline">
          

            
              <div class="mb-4 md:mb-5 lg:max-h-[620px] lg:w-full lg:relative lg:aspect-[1/2]">
                

  <picture data-lazy-picture>
    
      <source
        data-srcset='//supergoop.com/cdn/shop/files/26-04_3557-04A_RKY_SPG_SHOT_4.JPG_1.png?v=1779225782&width=640 640w, //supergoop.com/cdn/shop/files/26-04_3557-04A_RKY_SPG_SHOT_4.JPG_1.png?v=1779225782&width=768 768w, //supergoop.com/cdn/shop/files/26-04_3557-04A_RKY_SPG_SHOT_4.JPG_1.png?v=1779225782&width=1024 1024w, //supergoop.com/cdn/shop/files/26-04_3557-04A_RKY_SPG_SHOT_4.JPG_1.png?v=1779225782&width=1280 1280w, //supergoop.com/cdn/shop/files/26-04_3557-04A_RKY_SPG_SHOT_4.JPG_1.png?v=1779225782&width=1536 1536w'
        sizes='(max-width: 640px) 640px, (max-width: 768px) 768px, (max-width: 1024px) 1024px, (max-width: 1280px) 1280px, 1536px'
        
        media='(min-width: 640px)'
        >
    
    <img
      class='w-full image block lg:hidden'
      src='data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7'
      data-src='//supergoop.com/cdn/shop/files/26-04_3557-04A_RKY_SPG_SHOT_4.JPG_1.png?v=1779225782&width=1024'
      alt='PLAY ANTIOXIDANT MIST'
      loading='lazy'
      decoding='async'
      width='992'
      height='1368'>
  </picture>


                

  <picture data-lazy-picture>
    
      <source
        data-srcset='//supergoop.com/cdn/shop/files/26-04_3557-04A_RKY_SPG_SHOT_4.JPG_1.png?v=1779225782&width=640 640w, //supergoop.com/cdn/shop/files/26-04_3557-04A_RKY_SPG_SHOT_4.JPG_1.png?v=1779225782&width=768 768w, //supergoop.com/cdn/shop/files/26-04_3557-04A_RKY_SPG_SHOT_4.JPG_1.png?v=1779225782&width=1024 1024w, //supergoop.com/cdn/shop/files/26-04_3557-04A_RKY_SPG_SHOT_4.JPG_1.png?v=1779225782&width=1280 1280w, //supergoop.com/cdn/shop/files/26-04_3557-04A_RKY_SPG_SHOT_4.JPG_1.png?v=1779225782&width=1536 1536w'
        sizes='(max-width: 640px) 640px, (max-width: 768px) 768px, (max-width: 1024px) 1024px, (max-width: 1280px) 1280px, 1536px'
        
        media='(min-width: 640px)'
        >
    
    <img
      class='w-full image hidden lg:block absolute top-0 left-0 w-full h-full object-cover'
      src='data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7'
      data-src='//supergoop.com/cdn/shop/files/26-04_3557-04A_RKY_SPG_SHOT_4.JPG_1.png?v=1779225782&width=1024'
      alt='PLAY ANTIOXIDANT MIST'
      loading='lazy'
      decoding='async'
      width='992'
      height='1368'>
  </picture>


              </div>
            

            <div class="text-left md:text-left">
              
                <h3 class="mb-2 md:mb-3 text-supergoop-blue text-[32px] lg:text-[36px]">
                  PLAY ANTIOXIDANT MIST
                </h3>
              
              
                <div class="mb-3 text-grey-2A">
                  A weightless SPF mist that sprays clear on wet or dry skin.
                </div>
              
              
                <div class="cta-medium inline-block font-serif font-bold tracking-normal">
                  SHOP NOW
                </div>
              
            </div>

          
            </a>
          

        </div>
      <div class="md:w-1/2 mb-6 md:mb-0 last:mb-0">
          
            <a href="/products/everyday-sunscreen" class="no-underline">
          

            
              <div class="mb-4 md:mb-5 lg:max-h-[620px] lg:w-full lg:relative lg:aspect-[1/2]">
                

  <picture data-lazy-picture>
    
      <source
        data-srcset='//supergoop.com/cdn/shop/files/26-04_3557-05C_RKY_SPG_SHOT_5_SRGB300_1.png?v=1779297441&width=640 640w, //supergoop.com/cdn/shop/files/26-04_3557-05C_RKY_SPG_SHOT_5_SRGB300_1.png?v=1779297441&width=768 768w, //supergoop.com/cdn/shop/files/26-04_3557-05C_RKY_SPG_SHOT_5_SRGB300_1.png?v=1779297441&width=1024 1024w, //supergoop.com/cdn/shop/files/26-04_3557-05C_RKY_SPG_SHOT_5_SRGB300_1.png?v=1779297441&width=1280 1280w, //supergoop.com/cdn/shop/files/26-04_3557-05C_RKY_SPG_SHOT_5_SRGB300_1.png?v=1779297441&width=1536 1536w'
        sizes='(max-width: 640px) 640px, (max-width: 768px) 768px, (max-width: 1024px) 1024px, (max-width: 1280px) 1280px, 1536px'
        
        media='(min-width: 640px)'
        >
    
    <img
      class='w-full image block lg:hidden'
      src='data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7'
      data-src='//supergoop.com/cdn/shop/files/26-04_3557-05C_RKY_SPG_SHOT_5_SRGB300_1.png?v=1779297441&width=1024'
      alt='PLAY EVERYDAY LOTION PUMP'
      loading='lazy'
      decoding='async'
      width='988'
      height='1368'>
  </picture>


                

  <picture data-lazy-picture>
    
      <source
        data-srcset='//supergoop.com/cdn/shop/files/26-04_3557-05C_RKY_SPG_SHOT_5_SRGB300_1.png?v=1779297441&width=640 640w, //supergoop.com/cdn/shop/files/26-04_3557-05C_RKY_SPG_SHOT_5_SRGB300_1.png?v=1779297441&width=768 768w, //supergoop.com/cdn/shop/files/26-04_3557-05C_RKY_SPG_SHOT_5_SRGB300_1.png?v=1779297441&width=1024 1024w, //supergoop.com/cdn/shop/files/26-04_3557-05C_RKY_SPG_SHOT_5_SRGB300_1.png?v=1779297441&width=1280 1280w, //supergoop.com/cdn/shop/files/26-04_3557-05C_RKY_SPG_SHOT_5_SRGB300_1.png?v=1779297441&width=1536 1536w'
        sizes='(max-width: 640px) 640px, (max-width: 768px) 768px, (max-width: 1024px) 1024px, (max-width: 1280px) 1280px, 1536px'
        
        media='(min-width: 640px)'
        >
    
    <img
      class='w-full image hidden lg:block absolute top-0 left-0 w-full h-full object-cover'
      src='data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7'
      data-src='//supergoop.com/cdn/shop/files/26-04_3557-05C_RKY_SPG_SHOT_5_SRGB300_1.png?v=1779297441&width=1024'
      alt='PLAY EVERYDAY LOTION PUMP'
      loading='lazy'
      decoding='async'
      width='988'
      height='1368'>
  </picture>


              </div>
            

            <div class="text-left md:text-left">
              
                <h3 class="mb-2 md:mb-3 text-supergoop-blue text-[32px] lg:text-[36px]">
                  PLAY EVERYDAY LOTION PUMP
                </h3>
              
              
                <div class="mb-3 text-grey-2A">
                  A family-sized pump and easy refill for the whole household.
                </div>
              
              
                <div class="cta-medium inline-block font-serif font-bold tracking-normal">
                  SHOP NOW
                </div>
              
            </div>

          
            </a>
          

        </div>
      
    </div>
  
</section>


</div><div id="shopify-section-template--18800274636898__content_cards_bkYXc4" class="shopify-section">

<section class="md:py-[60px] py-10 container mx-auto overflow-hidden" data-section="content-cards" data-transition-enabled="true">
  
    <div class="sub-h3 md:mb-5 mb-[16px] text-center text-grey-2A ">
      <div class="text-[24px] md:text-[36px] font-serif text-supergoop-blue lg:pb-4 pb-2.5 font-bold">MORE TO EXPLORE</div>
    </div>
  

  
    <div data-campaign-carousel class="relative">
      <div class="swiper-wrapper md:!flex md:!flex-row md:!gap-[22px] md:!overflow-visible">
        
          <div class="swiper-slide [&:not([role='group'])]:w-10/12 md:!flex-[0_0_calc((100%-44px)/3)]">
            
              <a
                href="/blogs/asked-answered/what-level-of-spf-for-face"
                class="block w-full no-underline mb-[16px] "
              >
              
              
                

  <picture data-lazy-picture>
    
      <source
        data-srcset='//supergoop.com/cdn/shop/files/blog-1-kids-holding-sunscreen.jpg?v=1770147951&width=450 450w, //supergoop.com/cdn/shop/files/blog-1-kids-holding-sunscreen.jpg?v=1770147951&width=450 450w'
        sizes='(max-width: 640px) 450px, 450px'
        
        media='(min-width: 640px)'
        >
    
    <img
      class='w-full image w-full'
      src='data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7'
      data-src='//supergoop.com/cdn/shop/files/blog-1-kids-holding-sunscreen.jpg?v=1770147951&width=640'
      alt=''
      loading='lazy'
      decoding='async'
      width='862'
      height='840'>
  </picture>


              
            
              </a>
            

            
              <div class="sub-h4 uppercase font-serif md:mb-[10px] text-center  ">
                Why You Need to Wear Sunscreen Every Day
              </div>
            

            
              <div class="body mt-2 md:mb-[10px] max-md:leading-[1.25rem] text-center">
                Even when it’s cloudy
              </div>
            

            
              <div class="text-center">
                <a href="/blogs/asked-answered/what-level-of-spf-for-face" class="cta-medium no-underline mt-3 md:mt-0 inline-block leading-[16px] font-serif font-bold tracking-normal">
                  READ NOW
                </a>
              </div>
            
          </div>
        
          <div class="swiper-slide [&:not([role='group'])]:w-10/12 md:!flex-[0_0_calc((100%-44px)/3)]">
            
              <a
                href="/blogs/sun-101/5-mineral-spf-myths-debunked"
                class="block w-full no-underline mb-[16px] "
              >
              
              
                

  <picture data-lazy-picture>
    
      <source
        data-srcset='//supergoop.com/cdn/shop/files/blog-2-mineral-sunscreen.jpg?v=1770147951&width=450 450w, //supergoop.com/cdn/shop/files/blog-2-mineral-sunscreen.jpg?v=1770147951&width=450 450w'
        sizes='(max-width: 640px) 450px, 450px'
        
        media='(min-width: 640px)'
        >
    
    <img
      class='w-full image w-full'
      src='data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7'
      data-src='//supergoop.com/cdn/shop/files/blog-2-mineral-sunscreen.jpg?v=1770147951&width=640'
      alt=''
      loading='lazy'
      decoding='async'
      width='862'
      height='840'>
  </picture>


              
            
              </a>
            

            
              <div class="sub-h4 uppercase font-serif md:mb-[10px] text-center  ">
                5 Mineral Sunscreen Myths, Debunked
              </div>
            

            
              <div class="body mt-2 md:mb-[10px] max-md:leading-[1.25rem] text-center">
                Learn fact from fiction
              </div>
            

            
              <div class="text-center">
                <a href="/blogs/sun-101/5-mineral-spf-myths-debunked" class="cta-medium no-underline mt-3 md:mt-0 inline-block leading-[16px] font-serif font-bold tracking-normal">
                  READ NOW
                </a>
              </div>
            
          </div>
        
          <div class="swiper-slide [&:not([role='group'])]:w-10/12 md:!flex-[0_0_calc((100%-44px)/3)]">
            
              <a
                href="/blogs/asked-answered/what-level-of-spf-for-face"
                class="block w-full no-underline mb-[16px] "
              >
              
              
                

  <picture data-lazy-picture>
    
      <source
        data-srcset='//supergoop.com/cdn/shop/files/blog-3-sunscreen-face.jpg?v=1770147951&width=450 450w, //supergoop.com/cdn/shop/files/blog-3-sunscreen-face.jpg?v=1770147951&width=450 450w'
        sizes='(max-width: 640px) 450px, 450px'
        
        media='(min-width: 640px)'
        >
    
    <img
      class='w-full image w-full'
      src='data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7'
      data-src='//supergoop.com/cdn/shop/files/blog-3-sunscreen-face.jpg?v=1770147951&width=640'
      alt=''
      loading='lazy'
      decoding='async'
      width='862'
      height='840'>
  </picture>


              
            
              </a>
            

            
              <div class="sub-h4 uppercase font-serif md:mb-[10px] text-center  ">
                What Level of SPF Do You Need on Your Face?
              </div>
            

            
              <div class="body mt-2 md:mb-[10px] max-md:leading-[1.25rem] text-center">
                We’ve got the answer
              </div>
            

            
              <div class="text-center">
                <a href="/blogs/asked-answered/what-level-of-spf-for-face" class="cta-medium no-underline mt-3 md:mt-0 inline-block leading-[16px] font-serif font-bold tracking-normal">
                  READ NOW
                </a>
              </div>
            
          </div>
        
      </div>
      <div class="absolute top-0 left-0 w-full pb-[87%]">
        <button class="swiper-button prev left-0 right-auto absolute top-1/2 z-10 -translate-y-2/4 text-white hover:text-supergoop-yellow rotate-180 disabled:hidden md:hidden">
          <svg width="52" height="52" viewBox="0 0 52 52" fill="none" xmlns="http://www.w3.org/2000/svg">
  <g filter="url(#filter0_d_39_340)">
    <circle cx="26" cy="26" r="20" fill="currentColor"/>
  </g>
  <path d="M29 33L36 26L29 19" stroke="#2A2A2A"/>
  <path d="M36 26L16 26" stroke="#2A2A2A"/>
  <defs>
    <filter id="filter0_d_39_340" x="0" y="0" width="52" height="52" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
      <feFlood flood-opacity="0" result="BackgroundImageFix"/>
      <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
      <feOffset/>
      <feGaussianBlur stdDeviation="3"/>
      <feComposite in2="hardAlpha" operator="out"/>
      <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.1 0"/>
      <feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_39_340"/>
      <feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_39_340" result="shape"/>
    </filter>
  </defs>
</svg>

        </button>
        <button class="swiper-button next right-0 left-auto absolute top-1/2 z-10 -translate-y-2/4 text-white hover:text-supergoop-yellow disabled:hidden md:hidden">
          <svg width="52" height="52" viewBox="0 0 52 52" fill="none" xmlns="http://www.w3.org/2000/svg">
  <g filter="url(#filter0_d_39_340)">
    <circle cx="26" cy="26" r="20" fill="currentColor"/>
  </g>
  <path d="M29 33L36 26L29 19" stroke="#2A2A2A"/>
  <path d="M36 26L16 26" stroke="#2A2A2A"/>
  <defs>
    <filter id="filter0_d_39_340" x="0" y="0" width="52" height="52" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
      <feFlood flood-opacity="0" result="BackgroundImageFix"/>
      <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
      <feOffset/>
      <feGaussianBlur stdDeviation="3"/>
      <feComposite in2="hardAlpha" operator="out"/>
      <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.1 0"/>
      <feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_39_340"/>
      <feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_39_340" result="shape"/>
    </filter>
  </defs>
</svg>

        </button>
      </div>
    </div>
  
</section>

</div><div id="shopify-section-template--18800274636898__hero_yjNnYL" class="shopify-section"><style>
    #shopify-section-template--18800274636898__hero_yjNnYL {
      --max-width: 40%;
      --mob-max-width: 100%;
      --background-color: #000000;
      --margin-top: 0px;
      --margin-bottom: 0px;
      --mob-margin-top: 0px;
      --mob-margin-bottom: 0px;
      --mob-padding-x: 20px;
      --mob-padding-y:0px;
      --padding-y: 0px;
      --padding-x:64px;
      --mob-aspect-ratio: ;
      --desk-aspect-ratio: ;
    }
    #shopify-section-template--18800274636898__hero_yjNnYL .block-headline_QxGaQT {
      --text-color-desktop: #0000b4;
      --text-color-mobile: #0000b4;
      --bg-color-desktop: ;
      --bg-color-mobile: ;
      --max-width: px;
      --mob-max-width: px;
      --margin-top: 0px;
      --margin-bottom: 16px;
      --mob-margin-top: 44px;
      --mob-margin-bottom: 8px;
      --mob-padding-x: 0px;
      --mob-padding-y:0px;
      --padding-y: 0px;
      --padding-x:0px;
    }
    #shopify-section-template--18800274636898__hero_yjNnYL .block-body_h9NPhj {
      --text-color-desktop: #2a2a2a;
      --text-color-mobile: #2a2a2a;
      --bg-color-desktop: ;
      --bg-color-mobile: ;
      --max-width: px;
      --mob-max-width: px;
      --margin-top: 0px;
      --margin-bottom: 20px;
      --mob-margin-top: 0px;
      --mob-margin-bottom: 16px;
      --mob-padding-x: 0px;
      --mob-padding-y:0px;
      --padding-y: 0px;
      --padding-x:0px;
    }
    #shopify-section-template--18800274636898__hero_yjNnYL .block-button_yVixRd {
      --text-color-desktop: ;
      --text-color-mobile: ;
      --bg-color-desktop: ;
      --bg-color-mobile: ;
      --max-width: px;
      --mob-max-width: px;
      --margin-top: 0px;
      --margin-bottom: 16px;
      --mob-margin-top: 0px;
      --mob-margin-bottom: 8px;
      --mob-padding-x: 0px;
      --mob-padding-y:0px;
      --padding-y: 0px;
      --padding-x:0px;
    }
</style>

<div
  href=""
  class="block relative background-controller margin-controller overflow-hidden "
  data-transition-enabled="true"
  data-section="hero"
  
>

  <picture data-lazy-picture>
    
      <source
        data-srcset='//supergoop.com/cdn/shop/files/PGA_Justin_Secondary_Desktop.png?v=1774643195&width=768 768w, //supergoop.com/cdn/shop/files/PGA_Justin_Secondary_Desktop.png?v=1774643195&width=720 720w, //supergoop.com/cdn/shop/files/PGA_Justin_Secondary_Desktop.png?v=1774643195&width=1024 1024w, //supergoop.com/cdn/shop/files/PGA_Justin_Secondary_Desktop.png?v=1774643195&width=1280 1280w, //supergoop.com/cdn/shop/files/PGA_Justin_Secondary_Desktop.png?v=1774643195&width=1536 1536w'
        sizes='(max-width: 640px) 768px, (max-width: 768px) 720px, (max-width: 1024px) 1024px, (max-width: 1280px) 1280px, 1536px'
        
        media='(min-width: 768px)'
        >
    
      <source
        data-srcset='//supergoop.com/cdn/shop/files/PGA_Justin_Seconday_Mobile.png?v=1774643195&width=768 768w, //supergoop.com/cdn/shop/files/PGA_Justin_Seconday_Mobile.png?v=1774643195&width=720 720w, //supergoop.com/cdn/shop/files/PGA_Justin_Seconday_Mobile.png?v=1774643195&width=1024 1024w, //supergoop.com/cdn/shop/files/PGA_Justin_Seconday_Mobile.png?v=1774643195&width=1280 1280w, //supergoop.com/cdn/shop/files/PGA_Justin_Seconday_Mobile.png?v=1774643195&width=1536 1536w'
        sizes='(max-width: 640px) 768px, (max-width: 768px) 720px, (max-width: 1024px) 1024px, (max-width: 1280px) 1280px, 1536px'
        >
    
    <img
      class='w-full image h-full object-cover'
      src='data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7'
      data-src='//supergoop.com/cdn/shop/files/PGA_Justin_Seconday_Mobile.png?v=1774643195&width=1280'
      alt=''
      loading='lazy'
      decoding='async'
      width='750'
      height='1348'>
  </picture>


<div
    class="
      hero-section
      
      absolute
       inset-0 flex padding-controller
      items-start
      justify-start
      md:items-center
      md:justify-end
    "
  >
    <div class="w-full max-width-controller">
      
        

        
            <div  class="tb:text-left text-center h3 margin-controller text-color-controller block-headline_QxGaQT">
              
                
                <h2 class="tracking-normal h3"><strong>Did You Know?</strong><br /></h2>
              
            </div>
          
        
      
        

        
            <div  class="tb:text-left text-center body margin-controller text-color-controller block-body_h9NPhj">
              <p>We’re the Official Suncare of the PGA TOUR! Fill your golf bag with SPF trusted by champions like Justin Rose</p>
            </div>
          
        
      
        

        
            <div class="button-wrapper w-full flex flex-row justify-center lg:justify-end">
              <a
                
                class="button font-bold font-serif tracking-normal button-primary inline-flex margin-controller block-button_yVixRd"
                href="/pages/pgatour"
                data-tracking-click
              >
                LEARN MORE
              </a>
            </div>
          
        
      
    </div>
  </div>
</div>


</div><div id="shopify-section-template--18800274636898__rewards_hero_banner_DEMDjj" class="shopify-section"><section data-section="rewards-hero-banner" data-transition-enabled="true">
  <script type="application/json" data-section-data>
    {
    "log_out_sub_title": "",
    "log_out_button_title": "1-STEP SIGN UP",
    "log_out_button_link": "\/pages\/rewards",
    "log_in_eyebrow_text": "",
    "log_in_sub_text": "",
    "customer": false
    } 
  </script>
    <div class="yotpo-widget-instance" data-yotpo-instance-id=609244></div>
  <script
    src="https://cdn-widgetsrepository.yotpo.com/v1/loader/7eGO8t09lQE5zzaaF2ZZDQ"
    async
  ></script>

</section>


<style data-shopify>
  .yotpo-background {
    background-image: url(//supergoop.com/cdn/shop/files/yotpo-background-yellow-d_31d4c881-64af-4723-8b69-c4b620121f38.jpg?v=1770148049&width=2640);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    background-color: white;
  }
</style>


</div><div id="shopify-section-template--18800274636898__9009e09d-616f-458a-a1cb-b4b23bc08040" class="shopify-section">

<section class='benefits-section '
>
  
    
  
    
  
    
  
    
  

  <div
    class=' p-5 xl:py-[30px]'
    style='background-color:#ffffff'
  >
    <div class='max-w-[1308px] mx-auto '>
      <h3 class='label-12 tracking-[2px] uppercase mb-4 text-grey-2A !font-bold'>
        ONLY AT SUPERGOOP.COM
      </h3>
      <div class='flex gap-5  flex-col xl:flex-row'>
        
          
            <div
              class='relative flex items-center w-full px-[15px] py-[10px]'
              style='background:#ffffff; box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.1);'
            >
              
                <div class='w-[56px] h-[70px] relative xl:mr-[14px] mr-6'>
                  

  <picture data-lazy-picture>
    
      <source
        data-srcset='//supergoop.com/cdn/shop/files/Shipping_Icon_0b857abf-8ece-489e-85f7-eb4aab5dc3d8.svg?v=1706104340&width=56 56w, //supergoop.com/cdn/shop/files/Shipping_Icon_0b857abf-8ece-489e-85f7-eb4aab5dc3d8.svg?v=1706104340&width=56 56w, //supergoop.com/cdn/shop/files/Shipping_Icon_0b857abf-8ece-489e-85f7-eb4aab5dc3d8.svg?v=1706104340&width=56 56w, //supergoop.com/cdn/shop/files/Shipping_Icon_0b857abf-8ece-489e-85f7-eb4aab5dc3d8.svg?v=1706104340&width=56 56w, //supergoop.com/cdn/shop/files/Shipping_Icon_0b857abf-8ece-489e-85f7-eb4aab5dc3d8.svg?v=1706104340&width=56 56w'
        sizes='(max-width: 640px) 56px, (max-width: 768px) 56px, (max-width: 1024px) 56px, (max-width: 1280px) 56px, 56px'
        
        media='(min-width: 56px)'
        >
    
      <source
        data-srcset='//supergoop.com/cdn/shop/files/Shipping_Icon_0b857abf-8ece-489e-85f7-eb4aab5dc3d8.svg?v=1706104340&width=56 56w, //supergoop.com/cdn/shop/files/Shipping_Icon_0b857abf-8ece-489e-85f7-eb4aab5dc3d8.svg?v=1706104340&width=56 56w, //supergoop.com/cdn/shop/files/Shipping_Icon_0b857abf-8ece-489e-85f7-eb4aab5dc3d8.svg?v=1706104340&width=56 56w, //supergoop.com/cdn/shop/files/Shipping_Icon_0b857abf-8ece-489e-85f7-eb4aab5dc3d8.svg?v=1706104340&width=56 56w, //supergoop.com/cdn/shop/files/Shipping_Icon_0b857abf-8ece-489e-85f7-eb4aab5dc3d8.svg?v=1706104340&width=56 56w'
        sizes='(max-width: 640px) 56px, (max-width: 768px) 56px, (max-width: 1024px) 56px, (max-width: 1280px) 56px, 56px'
        >
    
    <img
      class='w-full image h-full object-cover object-center absolute inset-0'
      src='data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7'
      data-src='//supergoop.com/cdn/shop/files/Shipping_Icon_0b857abf-8ece-489e-85f7-eb4aab5dc3d8.svg?v=1706104340&width=56'
      alt='Benefit icon'
      loading='lazy'
      decoding='async'
      width='56'
      height='70'>
  </picture>


                </div>
              
              <div class='max-w-[calc(100%-100px)] text-grey-2A max-xl:pr-4'>
                <div class='capitalize text-[14px] leading-[18px] font-normal'>
                  Group Gifting
                </div>
                <p class='body-xs'>Place a bulk order and receive a special discount</p>
              </div>
              
                <div class='flex absolute items-center content-center right-[10px] h-full top-0 bottom-0'>
                  <svg
  width='34'
  height='34'
  viewBox='0 0 34 34'
  fill='none'
  xmlns='http://www.w3.org/2000/svg'
>
  <g filter="url(#filter0_d_765_2248)">
  <circle cx="17" cy="17" r="11" fill="white"/>
  <circle cx="17" cy="17" r="10.5" stroke="#D0D0D0" class='md:hidden'/>
  </g>
  <path d="M16 13L20 17L16 21" stroke="#2A2A2A" stroke-miterlimit="16" stroke-linecap="square"/>
  <defs>
  <filter id="filter0_d_765_2248" x="0" y="0" width="34" height="34" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
  <feFlood flood-opacity="0" result="BackgroundImageFix"/>
  <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
  <feOffset/>
  <feGaussianBlur stdDeviation="3"/>
  <feComposite in2="hardAlpha" operator="out"/>
  <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.1 0"/>
  <feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_765_2248"/>
  <feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_765_2248" result="shape"/>
  </filter>
  </defs>
</svg>

                </div>
                <a
                  class='absolute inset-0 w-full h-full'
                  aria-label='Group Gifting'
                  href='/pages/bulk-gifting'
                  data-tracking-click
                ></a>
              
            </div>
          
        
          
            <div
              class='relative flex items-center w-full px-[15px] py-[10px]'
              style='background:#ffffff; box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.1);'
            >
              
                <div class='w-[56px] h-[70px] relative xl:mr-[14px] mr-6'>
                  

  <picture data-lazy-picture>
    
      <source
        data-srcset='//supergoop.com/cdn/shop/files/Samples_Icon_001bae29-b1a4-4654-ad6e-5c959f90924b.svg?v=1706104340&width=56 56w, //supergoop.com/cdn/shop/files/Samples_Icon_001bae29-b1a4-4654-ad6e-5c959f90924b.svg?v=1706104340&width=56 56w, //supergoop.com/cdn/shop/files/Samples_Icon_001bae29-b1a4-4654-ad6e-5c959f90924b.svg?v=1706104340&width=56 56w, //supergoop.com/cdn/shop/files/Samples_Icon_001bae29-b1a4-4654-ad6e-5c959f90924b.svg?v=1706104340&width=56 56w, //supergoop.com/cdn/shop/files/Samples_Icon_001bae29-b1a4-4654-ad6e-5c959f90924b.svg?v=1706104340&width=56 56w'
        sizes='(max-width: 640px) 56px, (max-width: 768px) 56px, (max-width: 1024px) 56px, (max-width: 1280px) 56px, 56px'
        
        media='(min-width: 56px)'
        >
    
      <source
        data-srcset='//supergoop.com/cdn/shop/files/Samples_Icon_001bae29-b1a4-4654-ad6e-5c959f90924b.svg?v=1706104340&width=56 56w, //supergoop.com/cdn/shop/files/Samples_Icon_001bae29-b1a4-4654-ad6e-5c959f90924b.svg?v=1706104340&width=56 56w, //supergoop.com/cdn/shop/files/Samples_Icon_001bae29-b1a4-4654-ad6e-5c959f90924b.svg?v=1706104340&width=56 56w, //supergoop.com/cdn/shop/files/Samples_Icon_001bae29-b1a4-4654-ad6e-5c959f90924b.svg?v=1706104340&width=56 56w, //supergoop.com/cdn/shop/files/Samples_Icon_001bae29-b1a4-4654-ad6e-5c959f90924b.svg?v=1706104340&width=56 56w'
        sizes='(max-width: 640px) 56px, (max-width: 768px) 56px, (max-width: 1024px) 56px, (max-width: 1280px) 56px, 56px'
        >
    
    <img
      class='w-full image h-full object-cover object-center absolute inset-0'
      src='data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7'
      data-src='//supergoop.com/cdn/shop/files/Samples_Icon_001bae29-b1a4-4654-ad6e-5c959f90924b.svg?v=1706104340&width=56'
      alt='Benefit icon'
      loading='lazy'
      decoding='async'
      width='56'
      height='70'>
  </picture>


                </div>
              
              <div class='max-w-[calc(100%-100px)] text-grey-2A max-xl:pr-4'>
                <div class='capitalize text-[14px] leading-[18px] font-normal'>
                  Exclusive Products
                </div>
                <p class='body-xs'>Limited-edition products you won't find anywhere else</p>
              </div>
              
                <div class='flex absolute items-center content-center right-[10px] h-full top-0 bottom-0'>
                  <svg
  width='34'
  height='34'
  viewBox='0 0 34 34'
  fill='none'
  xmlns='http://www.w3.org/2000/svg'
>
  <g filter="url(#filter0_d_765_2248)">
  <circle cx="17" cy="17" r="11" fill="white"/>
  <circle cx="17" cy="17" r="10.5" stroke="#D0D0D0" class='md:hidden'/>
  </g>
  <path d="M16 13L20 17L16 21" stroke="#2A2A2A" stroke-miterlimit="16" stroke-linecap="square"/>
  <defs>
  <filter id="filter0_d_765_2248" x="0" y="0" width="34" height="34" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
  <feFlood flood-opacity="0" result="BackgroundImageFix"/>
  <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
  <feOffset/>
  <feGaussianBlur stdDeviation="3"/>
  <feComposite in2="hardAlpha" operator="out"/>
  <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.1 0"/>
  <feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_765_2248"/>
  <feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_765_2248" result="shape"/>
  </filter>
  </defs>
</svg>

                </div>
                <a
                  class='absolute inset-0 w-full h-full'
                  aria-label='Exclusive Products'
                  href='/collections/exclusives'
                  data-tracking-click
                ></a>
              
            </div>
          
        
          
            <div
              class='relative flex items-center w-full px-[15px] py-[10px]'
              style='background:#ffffff; box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.1);'
            >
              
                <div class='w-[56px] h-[70px] relative xl:mr-[14px] mr-6'>
                  

  <picture data-lazy-picture>
    
      <source
        data-srcset='//supergoop.com/cdn/shop/files/Rewards_Icon_378bf01c-d29e-472f-b40e-fc8cd7499d6c.svg?v=1706104340&width=56 56w, //supergoop.com/cdn/shop/files/Rewards_Icon_378bf01c-d29e-472f-b40e-fc8cd7499d6c.svg?v=1706104340&width=56 56w, //supergoop.com/cdn/shop/files/Rewards_Icon_378bf01c-d29e-472f-b40e-fc8cd7499d6c.svg?v=1706104340&width=56 56w, //supergoop.com/cdn/shop/files/Rewards_Icon_378bf01c-d29e-472f-b40e-fc8cd7499d6c.svg?v=1706104340&width=56 56w, //supergoop.com/cdn/shop/files/Rewards_Icon_378bf01c-d29e-472f-b40e-fc8cd7499d6c.svg?v=1706104340&width=56 56w'
        sizes='(max-width: 640px) 56px, (max-width: 768px) 56px, (max-width: 1024px) 56px, (max-width: 1280px) 56px, 56px'
        
        media='(min-width: 56px)'
        >
    
      <source
        data-srcset='//supergoop.com/cdn/shop/files/Rewards_Icon_378bf01c-d29e-472f-b40e-fc8cd7499d6c.svg?v=1706104340&width=56 56w, //supergoop.com/cdn/shop/files/Rewards_Icon_378bf01c-d29e-472f-b40e-fc8cd7499d6c.svg?v=1706104340&width=56 56w, //supergoop.com/cdn/shop/files/Rewards_Icon_378bf01c-d29e-472f-b40e-fc8cd7499d6c.svg?v=1706104340&width=56 56w, //supergoop.com/cdn/shop/files/Rewards_Icon_378bf01c-d29e-472f-b40e-fc8cd7499d6c.svg?v=1706104340&width=56 56w, //supergoop.com/cdn/shop/files/Rewards_Icon_378bf01c-d29e-472f-b40e-fc8cd7499d6c.svg?v=1706104340&width=56 56w'
        sizes='(max-width: 640px) 56px, (max-width: 768px) 56px, (max-width: 1024px) 56px, (max-width: 1280px) 56px, 56px'
        >
    
    <img
      class='w-full image h-full object-cover object-center absolute inset-0'
      src='data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7'
      data-src='//supergoop.com/cdn/shop/files/Rewards_Icon_378bf01c-d29e-472f-b40e-fc8cd7499d6c.svg?v=1706104340&width=56'
      alt='Benefit icon'
      loading='lazy'
      decoding='async'
      width='56'
      height='70'>
  </picture>


                </div>
              
              <div class='max-w-[calc(100%-100px)] text-grey-2A max-xl:pr-4'>
                <div class='capitalize text-[14px] leading-[18px] font-normal'>
                  Supergoods!
                </div>
                <p class='body-xs'>A merch collection for your solar powered life</p>
              </div>
              
                <div class='flex absolute items-center content-center right-[10px] h-full top-0 bottom-0'>
                  <svg
  width='34'
  height='34'
  viewBox='0 0 34 34'
  fill='none'
  xmlns='http://www.w3.org/2000/svg'
>
  <g filter="url(#filter0_d_765_2248)">
  <circle cx="17" cy="17" r="11" fill="white"/>
  <circle cx="17" cy="17" r="10.5" stroke="#D0D0D0" class='md:hidden'/>
  </g>
  <path d="M16 13L20 17L16 21" stroke="#2A2A2A" stroke-miterlimit="16" stroke-linecap="square"/>
  <defs>
  <filter id="filter0_d_765_2248" x="0" y="0" width="34" height="34" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
  <feFlood flood-opacity="0" result="BackgroundImageFix"/>
  <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
  <feOffset/>
  <feGaussianBlur stdDeviation="3"/>
  <feComposite in2="hardAlpha" operator="out"/>
  <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.1 0"/>
  <feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_765_2248"/>
  <feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_765_2248" result="shape"/>
  </filter>
  </defs>
</svg>

                </div>
                <a
                  class='absolute inset-0 w-full h-full'
                  aria-label='Supergoods!'
                  href='/collections/merch-shop'
                  data-tracking-click
                ></a>
              
            </div>
          
        
          
            <div
              class='relative flex items-center w-full px-[15px] py-[10px]'
              style='background:#ffffff; box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.1);'
            >
              
                <div class='w-[56px] h-[70px] relative xl:mr-[14px] mr-6'>
                  

  <picture data-lazy-picture>
    
      <source
        data-srcset='//supergoop.com/cdn/shop/files/Reorders_Icon_863daee7-0518-4d05-86ed-8ba4c79d0fac.svg?v=1706104340&width=56 56w, //supergoop.com/cdn/shop/files/Reorders_Icon_863daee7-0518-4d05-86ed-8ba4c79d0fac.svg?v=1706104340&width=56 56w, //supergoop.com/cdn/shop/files/Reorders_Icon_863daee7-0518-4d05-86ed-8ba4c79d0fac.svg?v=1706104340&width=56 56w, //supergoop.com/cdn/shop/files/Reorders_Icon_863daee7-0518-4d05-86ed-8ba4c79d0fac.svg?v=1706104340&width=56 56w, //supergoop.com/cdn/shop/files/Reorders_Icon_863daee7-0518-4d05-86ed-8ba4c79d0fac.svg?v=1706104340&width=56 56w'
        sizes='(max-width: 640px) 56px, (max-width: 768px) 56px, (max-width: 1024px) 56px, (max-width: 1280px) 56px, 56px'
        
        media='(min-width: 56px)'
        >
    
      <source
        data-srcset='//supergoop.com/cdn/shop/files/Reorders_Icon_863daee7-0518-4d05-86ed-8ba4c79d0fac.svg?v=1706104340&width=56 56w, //supergoop.com/cdn/shop/files/Reorders_Icon_863daee7-0518-4d05-86ed-8ba4c79d0fac.svg?v=1706104340&width=56 56w, //supergoop.com/cdn/shop/files/Reorders_Icon_863daee7-0518-4d05-86ed-8ba4c79d0fac.svg?v=1706104340&width=56 56w, //supergoop.com/cdn/shop/files/Reorders_Icon_863daee7-0518-4d05-86ed-8ba4c79d0fac.svg?v=1706104340&width=56 56w, //supergoop.com/cdn/shop/files/Reorders_Icon_863daee7-0518-4d05-86ed-8ba4c79d0fac.svg?v=1706104340&width=56 56w'
        sizes='(max-width: 640px) 56px, (max-width: 768px) 56px, (max-width: 1024px) 56px, (max-width: 1280px) 56px, 56px'
        >
    
    <img
      class='w-full image h-full object-cover object-center absolute inset-0'
      src='data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7'
      data-src='//supergoop.com/cdn/shop/files/Reorders_Icon_863daee7-0518-4d05-86ed-8ba4c79d0fac.svg?v=1706104340&width=56'
      alt='Benefit icon'
      loading='lazy'
      decoding='async'
      width='56'
      height='70'>
  </picture>


                </div>
              
              <div class='max-w-[calc(100%-100px)] text-grey-2A max-xl:pr-4'>
                <div class='capitalize text-[14px] leading-[18px] font-normal'>
                  Auto-Replenish
                </div>
                <p class='body-xs'>Free shipping on every order when you subscribe</p>
              </div>
              
                <div class='flex absolute items-center content-center right-[10px] h-full top-0 bottom-0'>
                  <svg
  width='34'
  height='34'
  viewBox='0 0 34 34'
  fill='none'
  xmlns='http://www.w3.org/2000/svg'
>
  <g filter="url(#filter0_d_765_2248)">
  <circle cx="17" cy="17" r="11" fill="white"/>
  <circle cx="17" cy="17" r="10.5" stroke="#D0D0D0" class='md:hidden'/>
  </g>
  <path d="M16 13L20 17L16 21" stroke="#2A2A2A" stroke-miterlimit="16" stroke-linecap="square"/>
  <defs>
  <filter id="filter0_d_765_2248" x="0" y="0" width="34" height="34" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
  <feFlood flood-opacity="0" result="BackgroundImageFix"/>
  <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
  <feOffset/>
  <feGaussianBlur stdDeviation="3"/>
  <feComposite in2="hardAlpha" operator="out"/>
  <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.1 0"/>
  <feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_765_2248"/>
  <feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_765_2248" result="shape"/>
  </filter>
  </defs>
</svg>

                </div>
                <a
                  class='absolute inset-0 w-full h-full'
                  aria-label='Auto-Replenish'
                  href='https://supergoop.com/pages/supermail'
                  data-tracking-click
                ></a>
              
            </div>
          
        
      </div>
    </div>
  </div>
</section>


</div>
    </main>

    <section id="shopify-section-footer" class="shopify-section">

<footer data-section="footer" class="bg-white border-t border-grey-D0">
  <div class="flex flex-col lg:flex-row py-10 px-[20px] md:px-[30px] lg:px-[60px] lg:pt-20">
    <div class="w-full lg:w-1/2 pr-5">
      <div class="max-w-[540px]">
        
          <div id="newsletter_form_headline">
            
              <h3 class="text-supergoop-blue pb-4 md:text-[36px]">Make your days brighter</h3>
            
            
              <div data-subscription-body class="body lg:pb-7 pb-6 text-grey-5C">Get on our close friends list! Sign up for emails & texts to stay in the loop on sales, new products & more.</div>
              <div data-email-success-message class="body lg:pb-7 pb-6 hidden text-grey-5C">Thanks for signing up for emails! Share your phone number to sign up for texts, too.</div>
            
          </div>

          <div class="hidden" id="phone_success_message">
            
              <p class="text-supergoop-blue pb-4 h4">Thank you!</p>
            

            
              <div data-email-success-message class="pb-6 body lg:pb-7 text-grey-5C">
                Check your inbox for 10% off your first purchase on Supergoop.com
              </div>
            
          </div>

          <div class="hidden" id="phone_error_message">
            
              <h4 class="pb-4 text-supergoop-blue">OOPS!</h4>
            

            
              <div class="pb-6 body lg:pb-7 text-grey-5C" data-phone-error-message>
                Your request was not successful, please try again.
              </div>
            
          </div>

          <div class="mb-7">
            <div>
              <form method="post" action="/contact#newsletter_form" id="newsletter_form" accept-charset="UTF-8" class="contact-form" novalidate="novalidate" data-form-type="email"><input type="hidden" name="form_type" value="customer" /><input type="hidden" name="utf8" value="✓" />
                <input type="hidden" name="contact[tags]" value="newsletter">
                    <div class="mb-4">
                      <div class="relative flex overflow-hidden items-center">
                        <div class="relative w-full input-wrapper flex">
                          <label for='email-footer' class="sr-only" id="footer-form-2">Sign up for emails to receive 10% off your first order. Plus, a first look at new products, exclusive promotions and more!</label>
                          <input
                              class="m-0 w-full border-grey-5C"
                              type="email"
                              id="email-footer"
                              name="contact[email]"
                              value=""
                              autocorrect="off"
                              autocapitalize="off"
                              autocomplete="email"
                              aria-label="Enter Email"
                              aria-labelledby="footer-form-2"
                              placeholder="Email"
                          >
                        </div>
                        <button
                            type="submit"
                            class="button button-primary absolute right-1 px-8"
                            aria-label="Submit"
                            name="subscribe_option"
                            value="email"
                        >Submit
                        </button>
                      </div>
                        <div class="hidden text-error body-xs mt-1" id="form-email-error-message" role="alert" data-field-id="email-footer">Please input a valid email address.</div>
                    </div>
                </form>

                <form id="phoneForm" novalidate class='hidden' action='/' data-form-type="phone">
                  <div class="mb-4">
                    <div class="relative flex overflow-hidden items-center">
                      <input type="hidden" id="email-input-hidden" value=""  />
                      <div class="relative w-full input-wrapper flex">
                        <label for="phone-footer" class="sr-only" id="footer-form">Sign up for emails to receive 10% off your first order. Plus, a first look at new products, exclusive promotions and more!</label>
                        <input
                            class="m-0 w-full"
                            type="tel"
                            id="phone-footer"
                            name="contact[phone]"
                            autocomplete="off"
                            aria-label="Enter Phone Number"
                            aria-labelledby="footer-form"
                            placeholder="Phone Number"
                        >
                      </div>
                      <button
                          type="button"
                          class="button button-primary absolute right-1 px-8"
                          aria-label="Submit"
                          name="subscribe_option"
                          value="phone"
                      >Submit
                      </button>
                    </div>

                    
                      <div class="hidden text-error body-xs mt-1" id="form-phone-error-message" role="alert" data-field-id="phone-footer">Please input a valid phone number.</div>
                    
                  </div>

                  <div>
                    <div class="flex">
                      <input
                          class=" peer h-6 w-6 m-0 cursor-pointer relative p-0 rounded-none border-grey-B4 shadow-none focus:outline-none focus:ring-2 focus:ring-supergoop-blue focus:ring-offset-1 checked:border-supergoop-blue checked:bg-supergoop-blue checked:text-white checked:hover:border-supergoop-blue checked:focus:border-supergoop-blue checked:focus:bg-supergoop-blue before:content-[''] before:block before:absolute before:w-1.5 before:h-3 before:border before:border-white before:border-b-[2px] before:border-r-[2px] before:border-t-0 before:border-l-0 before:rotate-45 before:top-1/2 before:-translate-y-1/2 before:-translate-x-1/2 before:left-1/2 before:mt-[-1px]"
                          type="checkbox"
                          name="contact[terms]"
                          id="newsletter-agreement"
                      >
                      <label for="newsletter-agreement" class="flex-1 body-sm self-end md:top-1 pl-3 text-[12px] lg:text-[14px] leading-[18px] lg:leading-5 text-grey-5C"><p>By checking this box, you agree to receive recurring automated promotional and personalized marketing text messages (e.g. cart reminders) from Supergoop! at the cell number used when signing up. Consent is not a condition of any purchase. Reply HELP for help and STOP to cancel. Msg frequency varies. Msg & data rates may apply. View <a href="/policies/terms-of-service">Terms</a> & <a href="/policies/privacy-policy">Privacy</a></p></label>
                    </div>
                    <div id="form-consent-message" class="text-error body-xs mt-1 hidden" role="alert" data-field-id="newsletter-agreement">Please select the 'Terms and Conditions' checkbox to continue</div>
                  </div>
                </form>
            </div>
          </div>
        

        
          <div class="flex justify-between mb-10 lg:mb-0">
            
              <div class="flex items-center gap-7 justify-start [&_a]:text-supergoop-blue">
                


  
  
    <a href="https://www.instagram.com/supergoop" aria-label="instagram" target="_blank">
      <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
  <path d="M11.8617 3.73244C14.5558 3.73244 14.8748 3.74426 15.9344 3.79153C16.9191 3.83485 17.4508 4.00028 17.8053 4.13814C18.274 4.31933 18.6128 4.5399 18.9633 4.89045C19.3178 5.24494 19.5344 5.57974 19.7156 6.04846C19.8535 6.40295 20.0189 6.93863 20.0622 7.91939C20.1095 8.98287 20.1213 9.30191 20.1213 11.9921C20.1213 14.6863 20.1095 15.0053 20.0622 16.0648C20.0189 17.0495 19.8535 17.5813 19.7156 17.9358C19.5344 18.4045 19.3139 18.7432 18.9633 19.0938C18.6088 19.4483 18.274 19.6649 17.8053 19.8461C17.4508 19.9839 16.9151 20.1494 15.9344 20.1927C14.8709 20.24 14.5519 20.2518 11.8617 20.2518C9.16751 20.2518 8.84847 20.24 7.78893 20.1927C6.80423 20.1494 6.27249 19.9839 5.918 19.8461C5.44928 19.6649 5.11055 19.4443 4.75999 19.0938C4.4055 18.7393 4.18887 18.4045 4.00768 17.9358C3.86982 17.5813 3.70439 17.0456 3.66107 16.0648C3.6138 15.0014 3.60199 14.6823 3.60199 11.9921C3.60199 9.29797 3.6138 8.97893 3.66107 7.91939C3.70439 6.93469 3.86982 6.40295 4.00768 6.04846C4.18887 5.57974 4.40944 5.24101 4.75999 4.89045C5.11449 4.53596 5.44928 4.31933 5.918 4.13814C6.27249 4.00028 6.80817 3.83485 7.78893 3.79153C8.84847 3.74426 9.16751 3.73244 11.8617 3.73244ZM11.8617 1.91666C9.12419 1.91666 8.78151 1.92847 7.70622 1.97574C6.63486 2.023 5.89831 2.19631 5.26022 2.44446C4.59456 2.70442 4.03132 3.04709 3.47201 3.61034C2.90876 4.16965 2.56608 4.7329 2.30612 5.39462C2.05798 6.03664 1.88467 6.76926 1.8374 7.84061C1.79014 8.91985 1.77832 9.26252 1.77832 12C1.77832 14.7375 1.79014 15.0801 1.8374 16.1554C1.88467 17.2268 2.05798 17.9633 2.30612 18.6014C2.56608 19.2671 2.90876 19.8303 3.47201 20.3896C4.03132 20.9489 4.59456 21.2956 5.25628 21.5516C5.89831 21.7997 6.63093 21.973 7.70228 22.0203C8.77757 22.0676 9.12025 22.0794 11.8577 22.0794C14.5952 22.0794 14.9379 22.0676 16.0132 22.0203C17.0845 21.973 17.8211 21.7997 18.4592 21.5516C19.1209 21.2956 19.6841 20.9489 20.2434 20.3896C20.8027 19.8303 21.1494 19.2671 21.4054 18.6054C21.6535 17.9633 21.8268 17.2307 21.8741 16.1594C21.9214 15.0841 21.9332 14.7414 21.9332 12.0039C21.9332 9.26646 21.9214 8.92379 21.8741 7.84849C21.8268 6.77714 21.6535 6.04058 21.4054 5.4025C21.1572 4.7329 20.8146 4.16965 20.2513 3.61034C19.692 3.05103 19.1287 2.70442 18.467 2.44839C17.825 2.20025 17.0924 2.02694 16.021 1.97968C14.9418 1.92847 14.5991 1.91666 11.8617 1.91666Z" fill="currentColor"/>
  <path d="M11.8617 6.82047C9.00208 6.82047 6.68213 9.14042 6.68213 12C6.68213 14.8596 9.00208 17.1795 11.8617 17.1795C14.7212 17.1795 17.0412 14.8596 17.0412 12C17.0412 9.14042 14.7212 6.82047 11.8617 6.82047ZM11.8617 15.3598C10.0065 15.3598 8.50186 13.8552 8.50186 12C8.50186 10.1448 10.0065 8.64019 11.8617 8.64019C13.7168 8.64019 15.2215 10.1448 15.2215 12C15.2215 13.8552 13.7168 15.3598 11.8617 15.3598Z" fill="currentColor"/>
  <path d="M18.455 6.61562C18.455 7.28521 17.9115 7.82483 17.2458 7.82483C16.5762 7.82483 16.0366 7.28127 16.0366 6.61562C16.0366 5.94602 16.5802 5.4064 17.2458 5.4064C17.9115 5.4064 18.455 5.94996 18.455 6.61562Z" fill="currentColor"/>
</svg>

    </a>
  

  
  
    <a href="https://www.tiktok.com/@supergoop" aria-label="tiktok" target="_blank">
      <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
  <path fill-rule="evenodd" clip-rule="evenodd" d="M15.498 2C15.8284 4.83809 17.4143 6.53015 20.1718 6.71015V9.90226C18.5738 10.0583 17.174 9.53624 15.546 8.55221V14.5224C15.546 22.1067 7.26775 24.4767 3.93962 19.0406C1.80096 15.5424 3.11059 9.40424 9.9711 9.15823V12.5243C9.44846 12.6083 8.88976 12.7403 8.37913 12.9144C6.85323 13.4304 5.98816 14.3964 6.22846 16.1005C6.69103 19.3646 12.6865 20.3306 12.1879 13.9524V2.006H15.498V2Z" fill="currentColor"/>
</svg>

    </a>
  

  
  


              </div>
            
            
              <div class="hidden lg:flex items-center body-xs text-grey-2A">
                
                © Supergoop! 2026
              </div>
            
          </div>
        
      </div>
    </div>

    <div class="w-full lg:w-1/2 flex">
        <nav class="w-full">
          <div class="flex flex-col lg:flex-row">
            
              
                <div class="w-full lg:w-1/3 border-t lg:border-t-0 last:border-b lg:last:border-b-0 px-0 ">
                  <div
                    class="focus:outline-none eyebrow-14 pb-5 pt-4 lg:pt-0 relative flex justify-between w-full lg:cursor-default text-grey-2A"
                    role="button"
                    aria-expanded="false"
                    aria-controls="footer-menu-103f9a7a-e224-473b-a373-0df3d166817b"
                    data-footer-menu-list-title
                  >
                    <h3 class="font-serif text-sm tracking-normal">Resources</h3>
                    <div class="absolute text-white right-0 top-[50%] transform -translate-y-[50%] lg:hidden">
                      <svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
  <circle cx="16" cy="16" r="16" fill="currentColor"/>
  <path d="M9 16H23" stroke="#2A2A2A"/>
  <path d="M16 9V23" stroke="#2A2A2A"/>
</svg>

                    </div>
                  </div>
                  <ul id="footer-menu-103f9a7a-e224-473b-a373-0df3d166817b" class="hidden lg:max-w-[210px] lg:block pb-6 lg:pb-0" inert>
                    
                      <li class="pb-6 last:pb-0">
                        <a
                          href='/pages/faq-help'
                          class="link-list text-grey-5C"
                        >
                          FAQ & Help
                        </a>
                      </li>
                    
                      <li class="pb-6 last:pb-0">
                        <a
                          href='https://returns.supergoop.com/#/'
                          class="link-list text-grey-5C"
                        >
                          Returns & Exchanges
                        </a>
                      </li>
                    
                      <li class="pb-6 last:pb-0">
                        <a
                          href='/pages/fsa-hsa'
                          class="link-list text-grey-5C"
                        >
                          FSA & HSA
                        </a>
                      </li>
                    
                      <li class="pb-6 last:pb-0">
                        <a
                          href='/pages/offers'
                          class="link-list text-grey-5C"
                        >
                          Special Offers
                        </a>
                      </li>
                    
                      <li class="pb-6 last:pb-0">
                        <a
                          href='/pages/wholesale-inquiries'
                          class="link-list text-grey-5C"
                        >
                          Wholesale
                        </a>
                      </li>
                    
                      <li class="pb-6 last:pb-0">
                        <a
                          href='/pages/accessibility'
                          class="link-list text-grey-5C"
                        >
                          Accessibility
                        </a>
                      </li>
                    
                      <li class="pb-6 last:pb-0">
                        <a
                          href='/pages/refer-a-friend'
                          class="link-list text-grey-5C"
                        >
                          Refer A Friend
                        </a>
                      </li>
                    
                  </ul>
                </div>
              
            
              
                <div class="w-full lg:w-1/3 border-t lg:border-t-0 last:border-b lg:last:border-b-0 px-0 ">
                  <div
                    class="focus:outline-none eyebrow-14 pb-5 pt-4 lg:pt-0 relative flex justify-between w-full lg:cursor-default text-grey-2A"
                    role="button"
                    aria-expanded="false"
                    aria-controls="footer-menu-bb9a1b1e-8096-4b2a-951f-5e18b2efd194"
                    data-footer-menu-list-title
                  >
                    <h3 class="font-serif text-sm tracking-normal">SUPERGOOP!</h3>
                    <div class="absolute text-white right-0 top-[50%] transform -translate-y-[50%] lg:hidden">
                      <svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
  <circle cx="16" cy="16" r="16" fill="currentColor"/>
  <path d="M9 16H23" stroke="#2A2A2A"/>
  <path d="M16 9V23" stroke="#2A2A2A"/>
</svg>

                    </div>
                  </div>
                  <ul id="footer-menu-bb9a1b1e-8096-4b2a-951f-5e18b2efd194" class="hidden lg:max-w-[210px] lg:block pb-6 lg:pb-0" inert>
                    
                      <li class="pb-6 last:pb-0">
                        <a
                          href='/pages/about-us'
                          class="link-list text-grey-5C"
                        >
                          Our Story
                        </a>
                      </li>
                    
                      <li class="pb-6 last:pb-0">
                        <a
                          href='/pages/rewards'
                          class="link-list text-grey-5C"
                        >
                          Rewards Program
                        </a>
                      </li>
                    
                      <li class="pb-6 last:pb-0">
                        <a
                          href='/pages/supermail'
                          class="link-list text-grey-5C"
                        >
                          Auto-Replenish
                        </a>
                      </li>
                    
                      <li class="pb-6 last:pb-0">
                        <a
                          href='/pages/bulk-gifting'
                          class="link-list text-grey-5C"
                        >
                          Group Gifting
                        </a>
                      </li>
                    
                      <li class="pb-6 last:pb-0">
                        <a
                          href='/blogs/all'
                          class="link-list text-grey-5C"
                        >
                          Blog: The Bright Side™
                        </a>
                      </li>
                    
                      <li class="pb-6 last:pb-0">
                        <a
                          href='mailto:press@supergoop.com'
                          class="link-list text-grey-5C"
                        >
                          Press Inquiries
                        </a>
                      </li>
                    
                      <li class="pb-6 last:pb-0">
                        <a
                          href='/pages/careers'
                          class="link-list text-grey-5C"
                        >
                          Careers
                        </a>
                      </li>
                    
                      <li class="pb-6 last:pb-0">
                        <a
                          href='/pages/store-locator'
                          class="link-list text-grey-5C"
                        >
                          Store Locator
                        </a>
                      </li>
                    
                  </ul>
                </div>
              
            
              
                <div class="w-full lg:w-1/3 border-t lg:border-t-0 last:border-b lg:last:border-b-0 px-0 ">
                  <div
                    class="focus:outline-none eyebrow-14 pb-5 pt-4 lg:pt-0 relative flex justify-between w-full lg:cursor-default text-grey-2A"
                    role="button"
                    aria-expanded="false"
                    aria-controls="footer-menu-42b5dc79-b562-4200-85d8-7babded0790f"
                    data-footer-menu-list-title
                  >
                    <h3 class="font-serif text-sm tracking-normal">Terms</h3>
                    <div class="absolute text-white right-0 top-[50%] transform -translate-y-[50%] lg:hidden">
                      <svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
  <circle cx="16" cy="16" r="16" fill="currentColor"/>
  <path d="M9 16H23" stroke="#2A2A2A"/>
  <path d="M16 9V23" stroke="#2A2A2A"/>
</svg>

                    </div>
                  </div>
                  <ul id="footer-menu-42b5dc79-b562-4200-85d8-7babded0790f" class="hidden lg:max-w-[210px] lg:block pb-6 lg:pb-0" inert>
                    
                      <li class="pb-6 last:pb-0">
                        <a
                          href='/pages/privacy-policy'
                          class="link-list text-grey-5C"
                        >
                          Privacy Policy
                        </a>
                      </li>
                    
                      <li class="pb-6 last:pb-0">
                        <a
                          href='/pages/terms-conditions'
                          class="link-list text-grey-5C"
                        >
                          Terms & Conditions
                        </a>
                      </li>
                    
                      <li class="pb-6 last:pb-0">
                        <a
                          href='/pages/satisfaction-guarantee'
                          class="link-list text-grey-5C"
                        >
                          Satisfaction Guarantee
                        </a>
                      </li>
                    
                  </ul>
                </div>
              
            
              
            
              
            
          </div>
          
            <div class="flex lg:hidden items-center justify-center body-xs mt-10 text-grey-2A">
              
              © Supergoop! 2026
            </div>
          
        </nav>
    </div>
  </div>
  <div class="relative w-full aspect-[1440/500] flex justify-center">
    <div class="absolute bottom-0 left-0 w-full h-full">
      <svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 1440 861" preserveAspectRatio="xMidYMax slice" fill="none"><g fill="#FFE922" clip-path="url(#a)"><path d="M1263.61 557.234c-5.46.698-12.33 2.596-16.38 3.763-4.03 1.172-9.06 2.814-9.06 10.88 0 0-.18 4.735-.48 12.728-3.62 48.196-21.71 72.549-32.46 83.438 0-78.817-25.31-100.578-57.32-100.578-29.95 0-44.3 20.007-52.23 35.861-5.56 11.11-12.98 25.577-21.56 38.412-8.27 12.374-21.89 27.472-28.57 32.861 0-78.817-25.3-107.134-57.311-107.134-24.389 0-44.197 15.646-53.682 46.688-12.455 9.611-26.913 60.021-26.913 111.06 0 78.662 42.241 97.871 63.063 97.871 59.173 0 74.843-90.185 74.843-122.835 8.42-6.59 18.22-15.284 25.85-23.596-2.53 15.178-4.09 31.83-4.09 48.56 0 78.662 42.25 97.871 63.07 97.871 59.17 0 74.84-87.491 74.84-122.835 7.3-5.712 25.89-27.811 29.55-38.732-1.66 46.602-3.29 98.681-3.29 111.373 0 25.65-2.04 61.472-4.17 90.398-3.72 50.137-4.23 101.025-.84 126.185 1.46 10.857 5.68 18.197 11.12 24.137 5.89 6.44 11.75 10.61 18.11 11.34 4.4.5 7.61-2.9 7.1-7.36-1.24-10.86-3.85-33.096-3.85-88.013 0-57.378 2.68-128.263 2.68-128.263s14.08 21.302 34.36 21.302c20.23 0 38.09-14.559 50.65-43.273 10.49-23.976 17.54-57.303 19.85-93.835 2.62-41.568-3.25-88.51-16.92-105.435-7.45-9.216-19.19-14.44-31.49-11.558-18.92 4.428-38.77 41.903-52.51 67.73 0 0 5.73-59.08 6.33-70.48.28-5.339-2.94-9.214-8.29-8.531ZM974.434 789.833c-13.772 0-38.764-12.762-38.764-67.322 0-28.497 3.874-51.257 3.896-51.533 9.279 40.408 44.11 62.066 77.664 43.978 0 33.858-17.804 74.877-42.796 74.877Zm23.85-94.992c-17.818 0-39.513-24.266-39.513-57.214 0-30.491 22.044-45.169 35.244-39.576 19.725 8.358 25.125 49.091 25.125 90.193-.73.931-9.23 6.597-20.856 6.597Zm135.816 94.992c-13.77 0-38.77-12.762-38.77-67.322 0-28.497 3.88-51.257 3.91-51.533 9.27 40.408 44.11 58.081 77.66 39.998 0 33.853-17.81 78.857-42.8 78.857Zm23.86-98.029c-17.83 0-39.52-21.229-39.52-54.177 0-30.491 22-45.049 35.24-39.576 23.22 9.59 25.02 52.656 25.98 85.665-.74.933-10.08 8.088-21.7 8.088Zm162.84-84.163c17.07 0 13.52 69.992 10.38 99.908-3.13 29.693-19.89 80.754-43.65 80.754-17.9 0-24.3-16.822-24.3-31.418 0-17.477.91-57.47 1.68-76.536 19.07-34.294 43.84-72.708 55.89-72.708ZM835.297 993.05c-42.534 0-69.488-53.226-81.497-74.358-2.318-4.081-3.612-6.871-6.946-10.242-6.399-6.48-18.39-7.829-27.26-7.829-8.997 0-10.168 4.805-9.836 7.669 4.425 38.335 54.536 110.99 113.429 110.99 57.782 0 63.215-45.315 63.215-156.445V715.754c0-17.899 2.214-62.534 3.368-76.286 2.842-33.838 6.699-54.668 9.565-70.6 1.351-7.501 2.1-13.058-5.096-12.474-6.297.51-9.706 1.17-15.695 2.918-4.744 1.388-7.695 4.71-8.602 9.444-1.326 6.94-2.068 10.891-3.63 23.558-5.05-10.863-12.573-19.221-23.678-22.39-7.014-1.995-13.316-2.213-21.753-.472-2.546.527-17.086 1.915-31.617 19.961-24.752 30.75-31.172 79.222-32.46 123.428-3.009 103.239 38.82 110.182 53.683 110.182 32.719 0 44.287-39.952 44.287-39.952s.737 14.36.737 85.898c.002 71.534-1.394 124.081-20.214 124.081Zm18.81-278.315c-2.837 28.355-18.984 73.9-37.935 73.9-18.948 0-27.395-36.867-25.952-86.276 1.384-47.616 16.286-102.278 45.548-102.278 25.737 0 22.42 51.487 22.015 65.44-.456 15.575-2.289 35.397-3.676 49.214Zm562.783 26.131c5.08.536 7.27-1.897 7.27-7.24L1436 406.385c.16-4.395-4.57-8.475-9.83-7.178-5.27 1.296-14.86 5.343-19.4 7.305-8.26 3.565-11.33 7.767-11.33 19.858l4.81 287.725c0 9.774.93 15.517 4.71 19.752 3.31 3.701 8.12 6.619 11.93 7.019ZM227.736 576.813c.15-4.692-1.995-7.037-6.642-6.367-4.652.667-16.818 3.454-18.744 3.822-1.93.365-4.239 1.147-5.626 2.441-1.526 1.426-2.241 3.471-2.482 5.699-1.858 17.269-2.733 60.043-4.198 99.047-1.225 32.616-2.596 48.363-2.596 85.126 0 33.889 13.056 56.336 37.91 56.336 26.869 0 45.541-31.651 45.541-31.651.157 8.957 6.767 39.225 25.016 39.225 4.893 0 8.819-1.979 8.629-6.65 0-.039-.002-.076-.004-.112-.447-20.234-1.028-51.463-.447-75.306 2.221-42.87 5.628-104.019 8.85-152.082 0 0 1.222-20.254 1.402-23.083.32-5.017-1.753-8.932-7.165-8.384-5.128.52-13.25 1.774-15.357 2.203-5.492 1.124-8.637 2.902-9.199 8.815-.781 8.289-3.78 53.95-6.304 86.985-2.822 36.887-5.099 63.303-6.966 90.668-6.122 21.302-20.803 32.526-35.807 32.187-22.403-.505-16.364-47.437-14.151-83.48 2.302-37.442 8.042-115.937 8.34-125.439ZM30.29 704.704c0-7.23-.74-10.009-8.16-10.009-2.122 0-8.394-.829-13.581 9.592C1.33 718.781.008 739.551.008 754.513c0 50.73 36.745 88.218 87.993 88.218 25.519 0 82.263-17.605 82.263-83.489 0-61.634-60.494-101.669-80.636-122.058-20.134-20.393-35.576-39.253-35.576-99.859 0-47.492 17.184-134.736 48.25-134.736 48.287 0 37.168 144.069 25.81 177.659-.887 2.634-1.741 6.356.223 7.965 2.442 1.997 6.97 1.581 11.647.208 7.861-2.304 12.536-7.122 14.744-13.509 11.363-32.842 11.259-84.526 11.259-113.843 0-67.82-30.422-97.069-59.11-97.069-73.033 0-84.167 153.534-83.607 190.169.525 34.242 2.654 62.809 21.916 90.548 24.437 35.188 92.339 59.405 92.339 118.156 0 19.027-19.146 41.34-46.728 41.34-57.843 0-62.434-64.184-61.846-80.623.317-8.799 1.341-13.749 1.341-18.886Zm338.287-147.47c-5.462.698-12.338 2.596-16.38 3.763-4.039 1.172-9.063 2.814-9.063 10.88 0 0-6.689 175.355-6.689 201.008 0 25.652-2.032 61.474-4.171 90.401-3.714 50.136-4.233 101.024-.841 126.184 1.462 10.86 5.681 18.2 11.119 24.14 5.892 6.44 11.747 10.61 18.114 11.34 4.405.5 7.611-2.9 7.097-7.36-1.242-10.86-3.843-33.099-3.843-88.015 0-57.378 2.676-128.263 2.676-128.263s14.075 21.301 34.366 21.301c20.224 0 38.081-14.559 50.647-43.272 10.486-23.977 17.535-57.303 19.843-93.835 2.623-41.568-3.254-88.511-16.921-105.435-7.444-9.216-19.188-14.441-31.491-11.558-18.918 4.427-38.693 38.606-52.506 61.606 1.06-17.676 5.729-52.956 6.331-64.357.283-5.336-2.937-9.211-8.288-8.528Zm57.186 50.407c17.079 0 13.517 69.992 10.377 99.908-3.12 29.693-19.888 80.754-43.639 80.754-17.899 0-24.307-16.822-24.307-31.418 0-17.477.917-57.47 1.685-76.536 19.065-34.294 43.839-72.708 55.884-72.708Zm185.439 24.808c2.841-35.895-7.114-69.257-40.112-69.257-28.947 0-49.658 22.129-64.036 54.378-13.02 29.191-20.788 78.607-20.788 114.303 0 39.918 7.858 90.694 57.877 90.694 41.145 0 68.484-38.417 85.818-66.769-.35 10.141-.556 27.462-.556 33.424 0 5.964-3.472 28.669 28.171 38.652a6.537 6.537 0 0 0 7.909-3.49c.444-.956.65-2.008.599-3.061l-.005-.111c-1.879-47.105-2.257-87.023-1.159-121.247 8.511-17.399 51.445-88.323 51.445-88.323s-1.094 13.59-.9 22.684c.129 5.86 2.195 10.519 6.149 13.844 5.746 4.829 13.425 6.151 19.913 6.316 3.179.08 5.797-2.52 5.829-5.756.085-7.875.686-22.443 2.839-40.505 1.983-16.622 4.99-34.549 4.815-37.129-.087-1.254-1.147-2.253-2.812-3.027-5.427-2.502-24.537-4.151-33.142 4.384-7.545 7.486-35.711 48.665-50.732 73.532 3.286-32.744 6.998-55.803 11.02-77.513.594-3.217.461-5.26-1.025-7.374-1.324-1.89-3.441-2.943-6.142-2.717-2.706.223-13.117 2.218-17.68 3.306-4.563 1.091-7.177 2.984-7.669 6.719-2.211 16.488-3.928 25.986-10.273 98.393-6.342 72.408-58.725 122.209-86.632 122.209-27.907 0-32.446-27.932-32.446-58.879 3.441.977 6.957 1.302 10.205 1.322 52.759 0 80.853-65.283 83.52-99.002Zm-75.514-7.928c10.234-23.537 26.043-36.054 35.29-31.949 9.628 4.281 11.279 21.612 9.647 39.625-2.778 30.775-23.717 69.437-51.207 69.437-4.221 0-8.105-.245-11.012-.936 0-25.578 9.936-59.294 17.282-76.177ZM1411.01 827c16.01 0 29-13.208 29-29.501s-12.99-29.499-29-29.499c-16.02 0-29 13.206-29 29.499s12.98 29.501 29 29.501Z"/><path d="M0 816h1440v50H0z"/></g><defs><clipPath id="a"><path fill="#fff" d="M0 0h1440v1005H0z"/></clipPath></defs></svg>
    </div>
  </div>
</footer>


</section>
    <div id="shopify-section-cart" class="shopify-section"><section data-section='cart'>
  <script type='application/json' data-section-data>
  {
    "enableYouMayAlsoLike": true,
    "youMayAlsoLikeProducts":{
      "title": "You may also like",
      "minPriceArr": [
        
          
          0,
        
          
          0,
        
          
          0
        
      ],
      "maxPriceArr": [
        
          
          400,
        
          
          400,
        
          
          400
        
      ],
      "products":  [
        
          
          [
            
              
              {
                "product": {"id":4342502522978,"title":"PLAY Antioxidant Body Mist SPF 50 with Vitamin C","handle":"antioxidant-infused-sunscreen-mist-with-vitamin-c","description":"\u003cp\u003eA weightless, non-aerosol sunscreen body spray that is water \u0026amp; sweat-resistant \u0026amp; leaves skin radiantly glowing.\u003c\/p\u003e","published_at":"2026-02-10T14:04:10-05:00","created_at":"2019-12-09T14:57:36-05:00","vendor":"Supergoop!","type":"Body","tags":["Badge:New scents available!","Body Part:Body","Finish:Natural","Finish:No white cast","Hazmat","Preferences:Highest SPF protection","Preferences:Sweat \u0026 water-resistant","Quiz Recommendation","YGroup_playmist"],"price":1800,"price_min":1800,"price_max":7200,"available":true,"price_varies":true,"compare_at_price":null,"compare_at_price_min":0,"compare_at_price_max":0,"compare_at_price_varies":false,"variants":[{"id":31189114388578,"title":"Sunny Citrus \/ 6 fl. oz.","option1":"Sunny Citrus","option2":"6 fl. oz.","option3":null,"sku":"3799","requires_shipping":true,"taxable":true,"featured_image":{"id":34870027812962,"product_id":4342502522978,"position":1,"created_at":"2026-05-26T13:51:34-04:00","updated_at":"2026-05-26T13:51:36-04:00","alt":"Supergoop! PLAY Antioxidant Body Mist SPF 50 with Vitamin C Sunny Citrus 6 fl. oz. Packshot and goop","width":2360,"height":3208,"src":"\/\/supergoop.com\/cdn\/shop\/files\/PLAYMist_1180x1604_3e82bdac-fbf2-4a5b-95e9-137c615720ae.png?v=1779817896","variant_ids":[31189114388578,31189114454114,42407298760802]},"available":true,"name":"PLAY Antioxidant Body Mist SPF 50 with Vitamin C - Sunny Citrus \/ 6 fl. oz.","public_title":"Sunny Citrus \/ 6 fl. oz.","options":["Sunny Citrus","6 fl. oz."],"price":2400,"weight":209,"compare_at_price":null,"inventory_quantity":100,"inventory_management":"shopify","inventory_policy":"deny","barcode":"816218023799","featured_media":{"alt":"Supergoop! PLAY Antioxidant Body Mist SPF 50 with Vitamin C Sunny Citrus 6 fl. oz. Packshot and goop","id":25874764202082,"position":1,"preview_image":{"aspect_ratio":0.736,"height":3208,"width":2360,"src":"\/\/supergoop.com\/cdn\/shop\/files\/PLAYMist_1180x1604_3e82bdac-fbf2-4a5b-95e9-137c615720ae.png?v=1779817896"}},"requires_selling_plan":false,"selling_plan_allocations":[{"price_adjustments":[{"position":1,"price":2160}],"price":2160,"compare_at_price":2400,"per_delivery_price":2160,"selling_plan_id":3022880866,"selling_plan_group_id":"d1c31b7d875f371afdda85ee0906e6c15aee403a"},{"price_adjustments":[{"position":1,"price":2160}],"price":2160,"compare_at_price":2400,"per_delivery_price":2160,"selling_plan_id":3022913634,"selling_plan_group_id":"d1c31b7d875f371afdda85ee0906e6c15aee403a"},{"price_adjustments":[{"position":1,"price":2160}],"price":2160,"compare_at_price":2400,"per_delivery_price":2160,"selling_plan_id":3022848098,"selling_plan_group_id":"d1c31b7d875f371afdda85ee0906e6c15aee403a"}],"quantity_rule":{"min":1,"max":null,"increment":1}},{"id":31189114454114,"title":"Sunny Citrus \/ 3 fl. oz.","option1":"Sunny Citrus","option2":"3 fl. oz.","option3":null,"sku":"3782","requires_shipping":true,"taxable":true,"featured_image":{"id":34870027812962,"product_id":4342502522978,"position":1,"created_at":"2026-05-26T13:51:34-04:00","updated_at":"2026-05-26T13:51:36-04:00","alt":"Supergoop! PLAY Antioxidant Body Mist SPF 50 with Vitamin C Sunny Citrus 6 fl. oz. Packshot and goop","width":2360,"height":3208,"src":"\/\/supergoop.com\/cdn\/shop\/files\/PLAYMist_1180x1604_3e82bdac-fbf2-4a5b-95e9-137c615720ae.png?v=1779817896","variant_ids":[31189114388578,31189114454114,42407298760802]},"available":true,"name":"PLAY Antioxidant Body Mist SPF 50 with Vitamin C - Sunny Citrus \/ 3 fl. oz.","public_title":"Sunny Citrus \/ 3 fl. oz.","options":["Sunny Citrus","3 fl. oz."],"price":1800,"weight":118,"compare_at_price":null,"inventory_quantity":100,"inventory_management":"shopify","inventory_policy":"deny","barcode":"816218023782","featured_media":{"alt":"Supergoop! PLAY Antioxidant Body Mist SPF 50 with Vitamin C Sunny Citrus 6 fl. oz. Packshot and goop","id":25874764202082,"position":1,"preview_image":{"aspect_ratio":0.736,"height":3208,"width":2360,"src":"\/\/supergoop.com\/cdn\/shop\/files\/PLAYMist_1180x1604_3e82bdac-fbf2-4a5b-95e9-137c615720ae.png?v=1779817896"}},"requires_selling_plan":false,"selling_plan_allocations":[{"price_adjustments":[{"position":1,"price":1620}],"price":1620,"compare_at_price":1800,"per_delivery_price":1620,"selling_plan_id":3022880866,"selling_plan_group_id":"d1c31b7d875f371afdda85ee0906e6c15aee403a"},{"price_adjustments":[{"position":1,"price":1620}],"price":1620,"compare_at_price":1800,"per_delivery_price":1620,"selling_plan_id":3022913634,"selling_plan_group_id":"d1c31b7d875f371afdda85ee0906e6c15aee403a"},{"price_adjustments":[{"position":1,"price":1620}],"price":1620,"compare_at_price":1800,"per_delivery_price":1620,"selling_plan_id":3022848098,"selling_plan_group_id":"d1c31b7d875f371afdda85ee0906e6c15aee403a"}],"quantity_rule":{"min":1,"max":null,"increment":1}},{"id":42407298760802,"title":"Sunny Citrus \/ 3-pack","option1":"Sunny Citrus","option2":"3-pack","option3":null,"sku":"8976","requires_shipping":true,"taxable":true,"featured_image":{"id":34870027812962,"product_id":4342502522978,"position":1,"created_at":"2026-05-26T13:51:34-04:00","updated_at":"2026-05-26T13:51:36-04:00","alt":"Supergoop! PLAY Antioxidant Body Mist SPF 50 with Vitamin C Sunny Citrus 6 fl. oz. Packshot and goop","width":2360,"height":3208,"src":"\/\/supergoop.com\/cdn\/shop\/files\/PLAYMist_1180x1604_3e82bdac-fbf2-4a5b-95e9-137c615720ae.png?v=1779817896","variant_ids":[31189114388578,31189114454114,42407298760802]},"available":true,"name":"PLAY Antioxidant Body Mist SPF 50 with Vitamin C - Sunny Citrus \/ 3-pack","public_title":"Sunny Citrus \/ 3-pack","options":["Sunny Citrus","3-pack"],"price":7200,"weight":209,"compare_at_price":null,"inventory_quantity":0,"inventory_management":null,"inventory_policy":"deny","barcode":"","featured_media":{"alt":"Supergoop! PLAY Antioxidant Body Mist SPF 50 with Vitamin C Sunny Citrus 6 fl. oz. Packshot and goop","id":25874764202082,"position":1,"preview_image":{"aspect_ratio":0.736,"height":3208,"width":2360,"src":"\/\/supergoop.com\/cdn\/shop\/files\/PLAYMist_1180x1604_3e82bdac-fbf2-4a5b-95e9-137c615720ae.png?v=1779817896"}},"requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}},{"id":42575247769698,"title":"Vanilla Orchid \/ 6 fl. oz.","option1":"Vanilla Orchid","option2":"6 fl. oz.","option3":null,"sku":"90626","requires_shipping":true,"taxable":true,"featured_image":null,"available":true,"name":"PLAY Antioxidant Body Mist SPF 50 with Vitamin C - Vanilla Orchid \/ 6 fl. oz.","public_title":"Vanilla Orchid \/ 6 fl. oz.","options":["Vanilla Orchid","6 fl. oz."],"price":2400,"weight":209,"compare_at_price":null,"inventory_quantity":100,"inventory_management":"shopify","inventory_policy":"deny","barcode":"810165890626","requires_selling_plan":false,"selling_plan_allocations":[{"price_adjustments":[{"position":1,"price":2160}],"price":2160,"compare_at_price":2400,"per_delivery_price":2160,"selling_plan_id":3022880866,"selling_plan_group_id":"d1c31b7d875f371afdda85ee0906e6c15aee403a"},{"price_adjustments":[{"position":1,"price":2160}],"price":2160,"compare_at_price":2400,"per_delivery_price":2160,"selling_plan_id":3022913634,"selling_plan_group_id":"d1c31b7d875f371afdda85ee0906e6c15aee403a"},{"price_adjustments":[{"position":1,"price":2160}],"price":2160,"compare_at_price":2400,"per_delivery_price":2160,"selling_plan_id":3022848098,"selling_plan_group_id":"d1c31b7d875f371afdda85ee0906e6c15aee403a"}],"quantity_rule":{"min":1,"max":null,"increment":1}},{"id":42575247802466,"title":"Whipped Coconut \/ 6 fl. oz.","option1":"Whipped Coconut","option2":"6 fl. oz.","option3":null,"sku":"90633","requires_shipping":true,"taxable":true,"featured_image":null,"available":true,"name":"PLAY Antioxidant Body Mist SPF 50 with Vitamin C - Whipped Coconut \/ 6 fl. oz.","public_title":"Whipped Coconut \/ 6 fl. oz.","options":["Whipped Coconut","6 fl. oz."],"price":2400,"weight":209,"compare_at_price":null,"inventory_quantity":100,"inventory_management":"shopify","inventory_policy":"deny","barcode":"810165890633","requires_selling_plan":false,"selling_plan_allocations":[{"price_adjustments":[{"position":1,"price":2160}],"price":2160,"compare_at_price":2400,"per_delivery_price":2160,"selling_plan_id":3022880866,"selling_plan_group_id":"d1c31b7d875f371afdda85ee0906e6c15aee403a"},{"price_adjustments":[{"position":1,"price":2160}],"price":2160,"compare_at_price":2400,"per_delivery_price":2160,"selling_plan_id":3022913634,"selling_plan_group_id":"d1c31b7d875f371afdda85ee0906e6c15aee403a"},{"price_adjustments":[{"position":1,"price":2160}],"price":2160,"compare_at_price":2400,"per_delivery_price":2160,"selling_plan_id":3022848098,"selling_plan_group_id":"d1c31b7d875f371afdda85ee0906e6c15aee403a"}],"quantity_rule":{"min":1,"max":null,"increment":1}},{"id":42635246764130,"title":"Vanilla Orchid \/ 3-pack","option1":"Vanilla Orchid","option2":"3-pack","option3":null,"sku":"8356","requires_shipping":true,"taxable":true,"featured_image":null,"available":true,"name":"PLAY Antioxidant Body Mist SPF 50 with Vitamin C - Vanilla Orchid \/ 3-pack","public_title":"Vanilla Orchid \/ 3-pack","options":["Vanilla Orchid","3-pack"],"price":7200,"weight":209,"compare_at_price":null,"inventory_quantity":0,"inventory_management":null,"inventory_policy":"deny","barcode":"","requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}},{"id":42635248369762,"title":"Whipped Coconut \/ 3-pack","option1":"Whipped Coconut","option2":"3-pack","option3":null,"sku":"8674","requires_shipping":true,"taxable":true,"featured_image":null,"available":true,"name":"PLAY Antioxidant Body Mist SPF 50 with Vitamin C - Whipped Coconut \/ 3-pack","public_title":"Whipped Coconut \/ 3-pack","options":["Whipped Coconut","3-pack"],"price":7200,"weight":209,"compare_at_price":null,"inventory_quantity":0,"inventory_management":null,"inventory_policy":"deny","barcode":"","requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}}],"images":["\/\/supergoop.com\/cdn\/shop\/files\/PLAYMist_1180x1604_3e82bdac-fbf2-4a5b-95e9-137c615720ae.png?v=1779817896","\/\/supergoop.com\/cdn\/shop\/files\/PLAYMist_SPF50_3oz_Img1_new.jpg?v=1774797607","\/\/supergoop.com\/cdn\/shop\/files\/supergoop-play-mist-spf-50-3-pack_dd4af562-ec62-4c38-953b-6d27b38fcf58.jpg?v=1774797607","\/\/supergoop.com\/cdn\/shop\/files\/play-mist-model-hover.jpg?v=1780931320","\/\/supergoop.com\/cdn\/shop\/files\/PLAYMist_SPF50_6oz_Img3_8a086ec8-02bd-4346-b5c9-1151fcde36f6.jpg?v=1774797607","\/\/supergoop.com\/cdn\/shop\/files\/PLAYMist_SPF50_6oz_Img4_f21edb77-ae68-4bbd-8c56-331fd511a9fd.jpg?v=1774797607","\/\/supergoop.com\/cdn\/shop\/files\/PLAYMist_SPF50_6oz_Img5_dc1661e9-6836-400d-9301-1a6143fbc977.jpg?v=1774797607","\/\/supergoop.com\/cdn\/shop\/files\/PLAYMist_SPF50_6oz_Img6_01c1488d-3693-45a4-980f-e827653f951a.jpg?v=1774797607"],"featured_image":"\/\/supergoop.com\/cdn\/shop\/files\/PLAYMist_1180x1604_3e82bdac-fbf2-4a5b-95e9-137c615720ae.png?v=1779817896","options":["Scent","Size"],"media":[{"alt":"Supergoop! PLAY Antioxidant Body Mist SPF 50 with Vitamin C Sunny Citrus 6 fl. oz. Packshot and goop","id":25874764202082,"position":1,"preview_image":{"aspect_ratio":0.736,"height":3208,"width":2360,"src":"\/\/supergoop.com\/cdn\/shop\/files\/PLAYMist_1180x1604_3e82bdac-fbf2-4a5b-95e9-137c615720ae.png?v=1779817896"},"aspect_ratio":0.736,"height":3208,"media_type":"image","src":"\/\/supergoop.com\/cdn\/shop\/files\/PLAYMist_1180x1604_3e82bdac-fbf2-4a5b-95e9-137c615720ae.png?v=1779817896","width":2360},{"alt":"Supergoop! PLAY Antioxidant Body Mist SPF 50 with Vitamin C Sunny Citrus 3 fl. oz. Packshot and goop","id":22544163799138,"position":2,"preview_image":{"aspect_ratio":0.736,"height":1604,"width":1180,"src":"\/\/supergoop.com\/cdn\/shop\/files\/PLAYMist_SPF50_3oz_Img1_new.jpg?v=1774797607"},"aspect_ratio":0.736,"height":1604,"media_type":"image","src":"\/\/supergoop.com\/cdn\/shop\/files\/PLAYMist_SPF50_3oz_Img1_new.jpg?v=1774797607","width":1180},{"alt":"Supergoop! PLAY Antioxidant Body Mist SPF 50 with Vitamin C Sunny Citrus 3-pack Mist Packshot and goop ","id":24050147426402,"position":3,"preview_image":{"aspect_ratio":0.736,"height":1604,"width":1180,"src":"\/\/supergoop.com\/cdn\/shop\/files\/supergoop-play-mist-spf-50-3-pack_dd4af562-ec62-4c38-953b-6d27b38fcf58.jpg?v=1774797607"},"aspect_ratio":0.736,"height":1604,"media_type":"image","src":"\/\/supergoop.com\/cdn\/shop\/files\/supergoop-play-mist-spf-50-3-pack_dd4af562-ec62-4c38-953b-6d27b38fcf58.jpg?v=1774797607","width":1180},{"alt":null,"id":25941666758754,"position":4,"preview_image":{"aspect_ratio":0.736,"height":3208,"width":2360,"src":"\/\/supergoop.com\/cdn\/shop\/files\/play-mist-model-hover.jpg?v=1780931320"},"aspect_ratio":0.736,"height":3208,"media_type":"image","src":"\/\/supergoop.com\/cdn\/shop\/files\/play-mist-model-hover.jpg?v=1780931320","width":2360},{"alt":"Supergoop! PLAY Antioxidant Body Mist SPF 50 with Vitamin C 6 fl. oz. 3 fl. oz. 2-pack 3-pack Mist. video of model applying","id":22360276926562,"position":5,"preview_image":{"aspect_ratio":0.736,"height":1604,"width":1180,"src":"\/\/supergoop.com\/cdn\/shop\/files\/preview_images\/3a416d528ea848cd868a4734a96c0740.thumbnail.0000000000.jpg?v=1706666835"},"aspect_ratio":0.733,"duration":6610,"media_type":"video","sources":[{"format":"mp4","height":480,"mime_type":"video\/mp4","url":"\/\/supergoop.com\/cdn\/shop\/videos\/c\/vp\/3a416d528ea848cd868a4734a96c0740\/3a416d528ea848cd868a4734a96c0740.SD-480p-1.5Mbps-23880648.mp4?v=0","width":352},{"format":"mp4","height":1080,"mime_type":"video\/mp4","url":"\/\/supergoop.com\/cdn\/shop\/videos\/c\/vp\/3a416d528ea848cd868a4734a96c0740\/3a416d528ea848cd868a4734a96c0740.HD-1080p-7.2Mbps-23880648.mp4?v=0","width":794},{"format":"mp4","height":720,"mime_type":"video\/mp4","url":"\/\/supergoop.com\/cdn\/shop\/videos\/c\/vp\/3a416d528ea848cd868a4734a96c0740\/3a416d528ea848cd868a4734a96c0740.HD-720p-4.5Mbps-23880648.mp4?v=0","width":528},{"format":"m3u8","height":1080,"mime_type":"application\/x-mpegURL","url":"\/\/supergoop.com\/cdn\/shop\/videos\/c\/vp\/3a416d528ea848cd868a4734a96c0740\/3a416d528ea848cd868a4734a96c0740.m3u8?v=0","width":794}]},{"alt":"Supergoop! PLAY Antioxidant Body Mist SPF 50 with Vitamin C 6 fl. oz. 3 fl. oz. 2-pack 3-pack Mist on model","id":22570455367778,"position":6,"preview_image":{"aspect_ratio":0.736,"height":1604,"width":1180,"src":"\/\/supergoop.com\/cdn\/shop\/files\/PLAYMist_SPF50_6oz_Img3_8a086ec8-02bd-4346-b5c9-1151fcde36f6.jpg?v=1774797607"},"aspect_ratio":0.736,"height":1604,"media_type":"image","src":"\/\/supergoop.com\/cdn\/shop\/files\/PLAYMist_SPF50_6oz_Img3_8a086ec8-02bd-4346-b5c9-1151fcde36f6.jpg?v=1774797607","width":1180},{"alt":"Supergoop! PLAY Antioxidant Body Mist SPF 50 with Vitamin C 6 fl. oz. 3 fl. oz. 2-pack 3-pack Mist video of model applying","id":23026290491490,"position":7,"preview_image":{"aspect_ratio":0.736,"height":1604,"width":1180,"src":"\/\/supergoop.com\/cdn\/shop\/files\/preview_images\/9246912beca14ec285e95506c883ba3d.thumbnail.0000000000.jpg?v=1718207623"},"aspect_ratio":0.733,"duration":10170,"media_type":"video","sources":[{"format":"mp4","height":480,"mime_type":"video\/mp4","url":"\/\/supergoop.com\/cdn\/shop\/videos\/c\/vp\/9246912beca14ec285e95506c883ba3d\/9246912beca14ec285e95506c883ba3d.SD-480p-1.5Mbps-30361672.mp4?v=0","width":352},{"format":"mp4","height":1080,"mime_type":"video\/mp4","url":"\/\/supergoop.com\/cdn\/shop\/videos\/c\/vp\/9246912beca14ec285e95506c883ba3d\/9246912beca14ec285e95506c883ba3d.HD-1080p-7.2Mbps-30361672.mp4?v=0","width":794},{"format":"mp4","height":720,"mime_type":"video\/mp4","url":"\/\/supergoop.com\/cdn\/shop\/videos\/c\/vp\/9246912beca14ec285e95506c883ba3d\/9246912beca14ec285e95506c883ba3d.HD-720p-4.5Mbps-30361672.mp4?v=0","width":528},{"format":"m3u8","height":1080,"mime_type":"application\/x-mpegURL","url":"\/\/supergoop.com\/cdn\/shop\/videos\/c\/vp\/9246912beca14ec285e95506c883ba3d\/9246912beca14ec285e95506c883ba3d.m3u8?v=0","width":794}]},{"alt":"Supergoop! PLAY Antioxidant Body Mist SPF 50 with Vitamin C 6 fl. oz. 3 fl. oz. 2-pack 3-pack Mist ingredient callout","id":22570455400546,"position":8,"preview_image":{"aspect_ratio":0.736,"height":1604,"width":1180,"src":"\/\/supergoop.com\/cdn\/shop\/files\/PLAYMist_SPF50_6oz_Img4_f21edb77-ae68-4bbd-8c56-331fd511a9fd.jpg?v=1774797607"},"aspect_ratio":0.736,"height":1604,"media_type":"image","src":"\/\/supergoop.com\/cdn\/shop\/files\/PLAYMist_SPF50_6oz_Img4_f21edb77-ae68-4bbd-8c56-331fd511a9fd.jpg?v=1774797607","width":1180},{"alt":"Supergoop! PLAY Antioxidant Body Mist SPF 50 with Vitamin C 6 fl. oz. 3 fl. oz. 2-pack 3-pack Mist family shot","id":22570455433314,"position":9,"preview_image":{"aspect_ratio":0.736,"height":1604,"width":1180,"src":"\/\/supergoop.com\/cdn\/shop\/files\/PLAYMist_SPF50_6oz_Img5_dc1661e9-6836-400d-9301-1a6143fbc977.jpg?v=1774797607"},"aspect_ratio":0.736,"height":1604,"media_type":"image","src":"\/\/supergoop.com\/cdn\/shop\/files\/PLAYMist_SPF50_6oz_Img5_dc1661e9-6836-400d-9301-1a6143fbc977.jpg?v=1774797607","width":1180},{"alt":"Supergoop! PLAY Antioxidant Body Mist SPF 50 with Vitamin C 6 fl. oz. 3 fl. oz. 2-pack 3-pack Mist ","id":22570455466082,"position":10,"preview_image":{"aspect_ratio":0.736,"height":1604,"width":1180,"src":"\/\/supergoop.com\/cdn\/shop\/files\/PLAYMist_SPF50_6oz_Img6_01c1488d-3693-45a4-980f-e827653f951a.jpg?v=1774797607"},"aspect_ratio":0.736,"height":1604,"media_type":"image","src":"\/\/supergoop.com\/cdn\/shop\/files\/PLAYMist_SPF50_6oz_Img6_01c1488d-3693-45a4-980f-e827653f951a.jpg?v=1774797607","width":1180}],"requires_selling_plan":false,"selling_plan_groups":[{"id":"d1c31b7d875f371afdda85ee0906e6c15aee403a","name":"Subscription","options":[{"name":"Subscription","position":1,"values":["Every 2 months","Every 3 months (recommended)","Every 4 months"]}],"selling_plans":[{"id":3022880866,"name":"Every 2 months","description":null,"options":[{"name":"Subscription","position":1,"value":"Every 2 months"}],"recurring_deliveries":true,"price_adjustments":[{"order_count":null,"position":1,"value_type":"percentage","value":10}],"checkout_charge":{"value_type":"percentage","value":100}},{"id":3022913634,"name":"Every 3 months (recommended)","description":null,"options":[{"name":"Subscription","position":1,"value":"Every 3 months (recommended)"}],"recurring_deliveries":true,"price_adjustments":[{"order_count":null,"position":1,"value_type":"percentage","value":10}],"checkout_charge":{"value_type":"percentage","value":100}},{"id":3022848098,"name":"Every 4 months","description":null,"options":[{"name":"Subscription","position":1,"value":"Every 4 months"}],"recurring_deliveries":true,"price_adjustments":[{"order_count":null,"position":1,"value_type":"percentage","value":10}],"checkout_charge":{"value_type":"percentage","value":100}}],"app_id":"SKIO"}],"content":"\u003cp\u003eA weightless, non-aerosol sunscreen body spray that is water \u0026amp; sweat-resistant \u0026amp; leaves skin radiantly glowing.\u003c\/p\u003e"},
                "description": null,
                "productVariant": {"id":31189114388578,"title":"Sunny Citrus \/ 6 fl. oz.","option1":"Sunny Citrus","option2":"6 fl. oz.","option3":null,"sku":"3799","requires_shipping":true,"taxable":true,"featured_image":{"id":34870027812962,"product_id":4342502522978,"position":1,"created_at":"2026-05-26T13:51:34-04:00","updated_at":"2026-05-26T13:51:36-04:00","alt":"Supergoop! PLAY Antioxidant Body Mist SPF 50 with Vitamin C Sunny Citrus 6 fl. oz. Packshot and goop","width":2360,"height":3208,"src":"\/\/supergoop.com\/cdn\/shop\/files\/PLAYMist_1180x1604_3e82bdac-fbf2-4a5b-95e9-137c615720ae.png?v=1779817896","variant_ids":[31189114388578,31189114454114,42407298760802]},"available":true,"name":"PLAY Antioxidant Body Mist SPF 50 with Vitamin C - Sunny Citrus \/ 6 fl. oz.","public_title":"Sunny Citrus \/ 6 fl. oz.","options":["Sunny Citrus","6 fl. oz."],"price":2400,"weight":209,"compare_at_price":null,"inventory_quantity":100,"inventory_management":"shopify","inventory_policy":"deny","barcode":"816218023799","featured_media":{"alt":"Supergoop! PLAY Antioxidant Body Mist SPF 50 with Vitamin C Sunny Citrus 6 fl. oz. Packshot and goop","id":25874764202082,"position":1,"preview_image":{"aspect_ratio":0.736,"height":3208,"width":2360,"src":"\/\/supergoop.com\/cdn\/shop\/files\/PLAYMist_1180x1604_3e82bdac-fbf2-4a5b-95e9-137c615720ae.png?v=1779817896"}},"requires_selling_plan":false,"selling_plan_allocations":[{"price_adjustments":[{"position":1,"price":2160}],"price":2160,"compare_at_price":2400,"per_delivery_price":2160,"selling_plan_id":3022880866,"selling_plan_group_id":"d1c31b7d875f371afdda85ee0906e6c15aee403a"},{"price_adjustments":[{"position":1,"price":2160}],"price":2160,"compare_at_price":2400,"per_delivery_price":2160,"selling_plan_id":3022913634,"selling_plan_group_id":"d1c31b7d875f371afdda85ee0906e6c15aee403a"},{"price_adjustments":[{"position":1,"price":2160}],"price":2160,"compare_at_price":2400,"per_delivery_price":2160,"selling_plan_id":3022848098,"selling_plan_group_id":"d1c31b7d875f371afdda85ee0906e6c15aee403a"}],"quantity_rule":{"min":1,"max":null,"increment":1}},
                "price": 2400
              },
            
              
              {
                "product": {"id":4528433627234,"title":"(Re)setting Mineral Powder SPF 35","handle":"mineral-setting-powder","description":"\u003cp\u003eA mineral setting powder that mattifies shine, sets makeup \u0026amp; applies sunscreen with an easy-to-use, soft-bristled brush.\u003c\/p\u003e","published_at":"2021-01-12T14:29:24-05:00","created_at":"2020-12-04T17:01:16-05:00","vendor":"Supergoop!","type":"Powder","tags":["ActiveSKU","Badge:Trending Now!","Body Part:Face","Finish:Matte","Finish:Tinted","Preferences:Mineral formula","Preferences:Non-comedogenic","Quiz Recommendation","Works as:Setting powder \/ mist"],"price":3500,"price_min":3500,"price_max":3500,"available":true,"price_varies":false,"compare_at_price":null,"compare_at_price_min":0,"compare_at_price_max":0,"compare_at_price_varies":false,"variants":[{"id":32056031051874,"title":"Translucent","option1":"Translucent","option2":null,"option3":null,"sku":"3867","requires_shipping":true,"taxable":true,"featured_image":{"id":30170380435554,"product_id":4528433627234,"position":1,"created_at":"2024-03-14T23:43:10-04:00","updated_at":"2024-05-29T08:34:10-04:00","alt":"Supergoop! (Re)setting 100% Mineral Powder SPF 35 in shade Translucent Packshot and goop","width":1180,"height":1604,"src":"\/\/supergoop.com\/cdn\/shop\/files\/ResettingPowder_Translucent_Img1_new.jpg?v=1716986050","variant_ids":[32056031051874]},"available":true,"name":"(Re)setting Mineral Powder SPF 35 - Translucent","public_title":"Translucent","options":["Translucent"],"price":3500,"weight":73,"compare_at_price":null,"inventory_quantity":100,"inventory_management":"shopify","inventory_policy":"deny","barcode":"816218023867","featured_media":{"alt":"Supergoop! (Re)setting 100% Mineral Powder SPF 35 in shade Translucent Packshot and goop","id":22544807100514,"position":1,"preview_image":{"aspect_ratio":0.736,"height":1604,"width":1180,"src":"\/\/supergoop.com\/cdn\/shop\/files\/ResettingPowder_Translucent_Img1_new.jpg?v=1716986050"}},"requires_selling_plan":false,"selling_plan_allocations":[{"price_adjustments":[{"position":1,"price":3150}],"price":3150,"compare_at_price":3500,"per_delivery_price":3150,"selling_plan_id":3022880866,"selling_plan_group_id":"d1c31b7d875f371afdda85ee0906e6c15aee403a"},{"price_adjustments":[{"position":1,"price":3150}],"price":3150,"compare_at_price":3500,"per_delivery_price":3150,"selling_plan_id":3022913634,"selling_plan_group_id":"d1c31b7d875f371afdda85ee0906e6c15aee403a"},{"price_adjustments":[{"position":1,"price":3150}],"price":3150,"compare_at_price":3500,"per_delivery_price":3150,"selling_plan_id":3022848098,"selling_plan_group_id":"d1c31b7d875f371afdda85ee0906e6c15aee403a"}],"quantity_rule":{"min":1,"max":null,"increment":1}},{"id":32056031084642,"title":"Light","option1":"Light","option2":null,"option3":null,"sku":"3027","requires_shipping":true,"taxable":true,"featured_image":{"id":30170376110178,"product_id":4528433627234,"position":3,"created_at":"2024-03-14T23:42:41-04:00","updated_at":"2024-05-29T08:34:10-04:00","alt":"(Re)setting 100% Mineral Powder SPF 35 in shade Medium Packshot and goop","width":1180,"height":1604,"src":"\/\/supergoop.com\/cdn\/shop\/files\/ResettingPowder_Medium_Img1_new.jpg?v=1716986050","variant_ids":[32056031084642]},"available":true,"name":"(Re)setting Mineral Powder SPF 35 - Light","public_title":"Light","options":["Light"],"price":3500,"weight":73,"compare_at_price":null,"inventory_quantity":100,"inventory_management":"shopify","inventory_policy":"deny","barcode":"816218023027","featured_media":{"alt":"(Re)setting 100% Mineral Powder SPF 35 in shade Medium Packshot and goop","id":22544802709602,"position":3,"preview_image":{"aspect_ratio":0.736,"height":1604,"width":1180,"src":"\/\/supergoop.com\/cdn\/shop\/files\/ResettingPowder_Medium_Img1_new.jpg?v=1716986050"}},"requires_selling_plan":false,"selling_plan_allocations":[{"price_adjustments":[{"position":1,"price":3150}],"price":3150,"compare_at_price":3500,"per_delivery_price":3150,"selling_plan_id":3022880866,"selling_plan_group_id":"d1c31b7d875f371afdda85ee0906e6c15aee403a"},{"price_adjustments":[{"position":1,"price":3150}],"price":3150,"compare_at_price":3500,"per_delivery_price":3150,"selling_plan_id":3022913634,"selling_plan_group_id":"d1c31b7d875f371afdda85ee0906e6c15aee403a"},{"price_adjustments":[{"position":1,"price":3150}],"price":3150,"compare_at_price":3500,"per_delivery_price":3150,"selling_plan_id":3022848098,"selling_plan_group_id":"d1c31b7d875f371afdda85ee0906e6c15aee403a"}],"quantity_rule":{"min":1,"max":null,"increment":1}},{"id":32056031117410,"title":"Medium","option1":"Medium","option2":null,"option3":null,"sku":"3058","requires_shipping":true,"taxable":true,"featured_image":{"id":30170370113634,"product_id":4528433627234,"position":2,"created_at":"2024-03-14T23:42:03-04:00","updated_at":"2024-05-29T08:34:10-04:00","alt":"(Re)setting 100% Mineral Powder SPF 35 in shade Light Packshot and goop","width":1180,"height":1604,"src":"\/\/supergoop.com\/cdn\/shop\/files\/ResettingPowder_Light_Img1_new.jpg?v=1716986050","variant_ids":[32056031117410]},"available":true,"name":"(Re)setting Mineral Powder SPF 35 - Medium","public_title":"Medium","options":["Medium"],"price":3500,"weight":73,"compare_at_price":null,"inventory_quantity":100,"inventory_management":"shopify","inventory_policy":"deny","barcode":"816218023058","featured_media":{"alt":"(Re)setting 100% Mineral Powder SPF 35 in shade Light Packshot and goop","id":22544796811362,"position":2,"preview_image":{"aspect_ratio":0.736,"height":1604,"width":1180,"src":"\/\/supergoop.com\/cdn\/shop\/files\/ResettingPowder_Light_Img1_new.jpg?v=1716986050"}},"requires_selling_plan":false,"selling_plan_allocations":[{"price_adjustments":[{"position":1,"price":3150}],"price":3150,"compare_at_price":3500,"per_delivery_price":3150,"selling_plan_id":3022880866,"selling_plan_group_id":"d1c31b7d875f371afdda85ee0906e6c15aee403a"},{"price_adjustments":[{"position":1,"price":3150}],"price":3150,"compare_at_price":3500,"per_delivery_price":3150,"selling_plan_id":3022913634,"selling_plan_group_id":"d1c31b7d875f371afdda85ee0906e6c15aee403a"},{"price_adjustments":[{"position":1,"price":3150}],"price":3150,"compare_at_price":3500,"per_delivery_price":3150,"selling_plan_id":3022848098,"selling_plan_group_id":"d1c31b7d875f371afdda85ee0906e6c15aee403a"}],"quantity_rule":{"min":1,"max":null,"increment":1}},{"id":32056031150178,"title":"Deep","option1":"Deep","option2":null,"option3":null,"sku":"3096","requires_shipping":true,"taxable":true,"featured_image":{"id":30170365919330,"product_id":4528433627234,"position":4,"created_at":"2024-03-14T23:41:28-04:00","updated_at":"2024-05-29T08:34:10-04:00","alt":"(Re)setting 100% Mineral Powder SPF 35 in shade Deep packshot and goop","width":1180,"height":1604,"src":"\/\/supergoop.com\/cdn\/shop\/files\/ResettingPowder_Deep_Img1_new.jpg?v=1716986050","variant_ids":[32056031150178]},"available":true,"name":"(Re)setting Mineral Powder SPF 35 - Deep","public_title":"Deep","options":["Deep"],"price":3500,"weight":73,"compare_at_price":null,"inventory_quantity":100,"inventory_management":"shopify","inventory_policy":"deny","barcode":"816218023096","featured_media":{"alt":"(Re)setting 100% Mineral Powder SPF 35 in shade Deep packshot and goop","id":22544792617058,"position":4,"preview_image":{"aspect_ratio":0.736,"height":1604,"width":1180,"src":"\/\/supergoop.com\/cdn\/shop\/files\/ResettingPowder_Deep_Img1_new.jpg?v=1716986050"}},"requires_selling_plan":false,"selling_plan_allocations":[{"price_adjustments":[{"position":1,"price":3150}],"price":3150,"compare_at_price":3500,"per_delivery_price":3150,"selling_plan_id":3022880866,"selling_plan_group_id":"d1c31b7d875f371afdda85ee0906e6c15aee403a"},{"price_adjustments":[{"position":1,"price":3150}],"price":3150,"compare_at_price":3500,"per_delivery_price":3150,"selling_plan_id":3022913634,"selling_plan_group_id":"d1c31b7d875f371afdda85ee0906e6c15aee403a"},{"price_adjustments":[{"position":1,"price":3150}],"price":3150,"compare_at_price":3500,"per_delivery_price":3150,"selling_plan_id":3022848098,"selling_plan_group_id":"d1c31b7d875f371afdda85ee0906e6c15aee403a"}],"quantity_rule":{"min":1,"max":null,"increment":1}}],"images":["\/\/supergoop.com\/cdn\/shop\/files\/ResettingPowder_Translucent_Img1_new.jpg?v=1716986050","\/\/supergoop.com\/cdn\/shop\/files\/ResettingPowder_Light_Img1_new.jpg?v=1716986050","\/\/supergoop.com\/cdn\/shop\/files\/ResettingPowder_Medium_Img1_new.jpg?v=1716986050","\/\/supergoop.com\/cdn\/shop\/files\/ResettingPowder_Deep_Img1_new.jpg?v=1716986050","\/\/supergoop.com\/cdn\/shop\/files\/ResettingPowder_Light_Img4_3c29019f-8da6-4c65-9395-7f0db48cc911.jpg?v=1716986050","\/\/supergoop.com\/cdn\/shop\/files\/ResettingPowder_Medium_Img4_44ac9fa3-c337-4e58-aa7f-4504e0df1b50.jpg?v=1716986050","\/\/supergoop.com\/cdn\/shop\/files\/ResettingPowder_Translucent_Img4_0c7f45b7-37dd-40f2-8dd8-3e783ba0ded9.jpg?v=1716986050","\/\/supergoop.com\/cdn\/shop\/files\/ResettingPowder_Deep_Img4_390e9a5f-fcdd-4a57-a8f1-1248d1b1670e.jpg?v=1716986050","\/\/supergoop.com\/cdn\/shop\/files\/ResettingPowder_Translucent_Img6_7b585d22-ac83-4489-ab6f-5689454c87b8.jpg?v=1716986050","\/\/supergoop.com\/cdn\/shop\/files\/ResettingPowder_Medium_Img3_d056ad64-a512-40ff-84f5-865337101224.jpg?v=1716986050","\/\/supergoop.com\/cdn\/shop\/files\/ResettingPowder_Light_Img3_e6388b20-01ab-4163-bc59-e58b02e6c9bb.jpg?v=1716986050","\/\/supergoop.com\/cdn\/shop\/files\/ResettingPowder_Deep_Img3_3c421611-5d29-480d-ace9-8be6efa5b8f9.jpg?v=1716986050","\/\/supergoop.com\/cdn\/shop\/files\/ResettingPowder_Translucent_Img3_0eed644d-6ac2-4203-8a70-d68af8ddbec9.jpg?v=1716986050","\/\/supergoop.com\/cdn\/shop\/files\/ResettingPowder_Translucent_Img5_2f9d02e6-41d5-4e29-9bdb-a39b9f842cad.jpg?v=1716986050","\/\/supergoop.com\/cdn\/shop\/files\/translucent_6532cd40-7504-47d4-bc79-145979e99158.jpg?v=1756323391","\/\/supergoop.com\/cdn\/shop\/files\/light_ff813e69-83dd-43da-947c-bbdfc22cc332.jpg?v=1756323391","\/\/supergoop.com\/cdn\/shop\/files\/med_96db4301-2fce-4106-953f-0c38bcb30d63.jpg?v=1756323391","\/\/supergoop.com\/cdn\/shop\/files\/deep_4858c40a-7da1-431c-88a9-e91f1de0c855.jpg?v=1756323391"],"featured_image":"\/\/supergoop.com\/cdn\/shop\/files\/ResettingPowder_Translucent_Img1_new.jpg?v=1716986050","options":["Color"],"media":[{"alt":"Supergoop! (Re)setting 100% Mineral Powder SPF 35 in shade Translucent Packshot and goop","id":22544807100514,"position":1,"preview_image":{"aspect_ratio":0.736,"height":1604,"width":1180,"src":"\/\/supergoop.com\/cdn\/shop\/files\/ResettingPowder_Translucent_Img1_new.jpg?v=1716986050"},"aspect_ratio":0.736,"height":1604,"media_type":"image","src":"\/\/supergoop.com\/cdn\/shop\/files\/ResettingPowder_Translucent_Img1_new.jpg?v=1716986050","width":1180},{"alt":"(Re)setting 100% Mineral Powder SPF 35 in shade Light Packshot and goop","id":22544796811362,"position":2,"preview_image":{"aspect_ratio":0.736,"height":1604,"width":1180,"src":"\/\/supergoop.com\/cdn\/shop\/files\/ResettingPowder_Light_Img1_new.jpg?v=1716986050"},"aspect_ratio":0.736,"height":1604,"media_type":"image","src":"\/\/supergoop.com\/cdn\/shop\/files\/ResettingPowder_Light_Img1_new.jpg?v=1716986050","width":1180},{"alt":"(Re)setting 100% Mineral Powder SPF 35 in shade Medium Packshot and goop","id":22544802709602,"position":3,"preview_image":{"aspect_ratio":0.736,"height":1604,"width":1180,"src":"\/\/supergoop.com\/cdn\/shop\/files\/ResettingPowder_Medium_Img1_new.jpg?v=1716986050"},"aspect_ratio":0.736,"height":1604,"media_type":"image","src":"\/\/supergoop.com\/cdn\/shop\/files\/ResettingPowder_Medium_Img1_new.jpg?v=1716986050","width":1180},{"alt":"(Re)setting 100% Mineral Powder SPF 35 in shade Deep packshot and goop","id":22544792617058,"position":4,"preview_image":{"aspect_ratio":0.736,"height":1604,"width":1180,"src":"\/\/supergoop.com\/cdn\/shop\/files\/ResettingPowder_Deep_Img1_new.jpg?v=1716986050"},"aspect_ratio":0.736,"height":1604,"media_type":"image","src":"\/\/supergoop.com\/cdn\/shop\/files\/ResettingPowder_Deep_Img1_new.jpg?v=1716986050","width":1180},{"alt":"(Re)setting 100% Mineral Powder SPF 35 in shade Light on model","id":22360293671010,"position":5,"preview_image":{"aspect_ratio":0.736,"height":1604,"width":1180,"src":"\/\/supergoop.com\/cdn\/shop\/files\/ResettingPowder_Light_Img4_3c29019f-8da6-4c65-9395-7f0db48cc911.jpg?v=1716986050"},"aspect_ratio":0.736,"height":1604,"media_type":"image","src":"\/\/supergoop.com\/cdn\/shop\/files\/ResettingPowder_Light_Img4_3c29019f-8da6-4c65-9395-7f0db48cc911.jpg?v=1716986050","width":1180},{"alt":"(Re)setting 100% Mineral Powder SPF 35 in shade Medium on model","id":22360293802082,"position":6,"preview_image":{"aspect_ratio":0.736,"height":1604,"width":1180,"src":"\/\/supergoop.com\/cdn\/shop\/files\/ResettingPowder_Medium_Img4_44ac9fa3-c337-4e58-aa7f-4504e0df1b50.jpg?v=1716986050"},"aspect_ratio":0.736,"height":1604,"media_type":"image","src":"\/\/supergoop.com\/cdn\/shop\/files\/ResettingPowder_Medium_Img4_44ac9fa3-c337-4e58-aa7f-4504e0df1b50.jpg?v=1716986050","width":1180},{"alt":"(Re)setting 100% Mineral Powder SPF 35 in shade Translucent on model","id":22360293867618,"position":7,"preview_image":{"aspect_ratio":0.736,"height":1604,"width":1180,"src":"\/\/supergoop.com\/cdn\/shop\/files\/ResettingPowder_Translucent_Img4_0c7f45b7-37dd-40f2-8dd8-3e783ba0ded9.jpg?v=1716986050"},"aspect_ratio":0.736,"height":1604,"media_type":"image","src":"\/\/supergoop.com\/cdn\/shop\/files\/ResettingPowder_Translucent_Img4_0c7f45b7-37dd-40f2-8dd8-3e783ba0ded9.jpg?v=1716986050","width":1180},{"alt":"(Re)setting 100% Mineral Powder SPF 35 in shade Deep on model","id":22360293965922,"position":8,"preview_image":{"aspect_ratio":0.736,"height":1604,"width":1180,"src":"\/\/supergoop.com\/cdn\/shop\/files\/ResettingPowder_Deep_Img4_390e9a5f-fcdd-4a57-a8f1-1248d1b1670e.jpg?v=1716986050"},"aspect_ratio":0.736,"height":1604,"media_type":"image","src":"\/\/supergoop.com\/cdn\/shop\/files\/ResettingPowder_Deep_Img4_390e9a5f-fcdd-4a57-a8f1-1248d1b1670e.jpg?v=1716986050","width":1180},{"alt":"(Re)setting 100% Mineral Powder SPF 35 group shot of all shades in Translucent Light Medium Deep annotation of each shade per product","id":22360294064226,"position":9,"preview_image":{"aspect_ratio":0.736,"height":1604,"width":1180,"src":"\/\/supergoop.com\/cdn\/shop\/files\/ResettingPowder_Translucent_Img6_7b585d22-ac83-4489-ab6f-5689454c87b8.jpg?v=1716986050"},"aspect_ratio":0.736,"height":1604,"media_type":"image","src":"\/\/supergoop.com\/cdn\/shop\/files\/ResettingPowder_Translucent_Img6_7b585d22-ac83-4489-ab6f-5689454c87b8.jpg?v=1716986050","width":1180},{"alt":"(Re)setting 100% Mineral Powder SPF 35 in shade Medium applicator","id":22360294228066,"position":10,"preview_image":{"aspect_ratio":0.736,"height":1604,"width":1180,"src":"\/\/supergoop.com\/cdn\/shop\/files\/ResettingPowder_Medium_Img3_d056ad64-a512-40ff-84f5-865337101224.jpg?v=1716986050"},"aspect_ratio":0.736,"height":1604,"media_type":"image","src":"\/\/supergoop.com\/cdn\/shop\/files\/ResettingPowder_Medium_Img3_d056ad64-a512-40ff-84f5-865337101224.jpg?v=1716986050","width":1180},{"alt":"(Re)setting 100% Mineral Powder SPF 35 in shade Light applicator","id":22360294359138,"position":11,"preview_image":{"aspect_ratio":0.736,"height":1604,"width":1180,"src":"\/\/supergoop.com\/cdn\/shop\/files\/ResettingPowder_Light_Img3_e6388b20-01ab-4163-bc59-e58b02e6c9bb.jpg?v=1716986050"},"aspect_ratio":0.736,"height":1604,"media_type":"image","src":"\/\/supergoop.com\/cdn\/shop\/files\/ResettingPowder_Light_Img3_e6388b20-01ab-4163-bc59-e58b02e6c9bb.jpg?v=1716986050","width":1180},{"alt":"(Re)setting 100% Mineral Powder SPF 35 in shade Deep applicator","id":22360294490210,"position":12,"preview_image":{"aspect_ratio":0.736,"height":1604,"width":1180,"src":"\/\/supergoop.com\/cdn\/shop\/files\/ResettingPowder_Deep_Img3_3c421611-5d29-480d-ace9-8be6efa5b8f9.jpg?v=1716986050"},"aspect_ratio":0.736,"height":1604,"media_type":"image","src":"\/\/supergoop.com\/cdn\/shop\/files\/ResettingPowder_Deep_Img3_3c421611-5d29-480d-ace9-8be6efa5b8f9.jpg?v=1716986050","width":1180},{"alt":"(Re)setting 100% Mineral Powder SPF 35 in shade Translucent applicator","id":22360294555746,"position":13,"preview_image":{"aspect_ratio":0.736,"height":1604,"width":1180,"src":"\/\/supergoop.com\/cdn\/shop\/files\/ResettingPowder_Translucent_Img3_0eed644d-6ac2-4203-8a70-d68af8ddbec9.jpg?v=1716986050"},"aspect_ratio":0.736,"height":1604,"media_type":"image","src":"\/\/supergoop.com\/cdn\/shop\/files\/ResettingPowder_Translucent_Img3_0eed644d-6ac2-4203-8a70-d68af8ddbec9.jpg?v=1716986050","width":1180},{"alt":"(Re)setting 100% Mineral Powder SPF 35 in shade Translucent Light Medium Deep annotation saying remove and discard the yellow pin at the center of the brush before first use","id":22360294654050,"position":14,"preview_image":{"aspect_ratio":0.736,"height":1604,"width":1180,"src":"\/\/supergoop.com\/cdn\/shop\/files\/ResettingPowder_Translucent_Img5_2f9d02e6-41d5-4e29-9bdb-a39b9f842cad.jpg?v=1716986050"},"aspect_ratio":0.736,"height":1604,"media_type":"image","src":"\/\/supergoop.com\/cdn\/shop\/files\/ResettingPowder_Translucent_Img5_2f9d02e6-41d5-4e29-9bdb-a39b9f842cad.jpg?v=1716986050","width":1180},{"alt":"(Re)setting 100% Mineral Powder SPF 35 in shade Translucent Light Medium Deep ","id":24721645535330,"position":15,"preview_image":{"aspect_ratio":0.8,"height":900,"width":720,"src":"\/\/supergoop.com\/cdn\/shop\/files\/preview_images\/7160925c45654789bd602f595a31b1c5.thumbnail.0000000000.jpg?v=1756323320"},"aspect_ratio":0.8,"duration":5770,"media_type":"video","sources":[{"format":"mp4","height":480,"mime_type":"video\/mp4","url":"\/\/supergoop.com\/cdn\/shop\/videos\/c\/vp\/7160925c45654789bd602f595a31b1c5\/7160925c45654789bd602f595a31b1c5.SD-480p-1.0Mbps-56314579.mp4?v=0","width":384},{"format":"mp4","height":720,"mime_type":"video\/mp4","url":"\/\/supergoop.com\/cdn\/shop\/videos\/c\/vp\/7160925c45654789bd602f595a31b1c5\/7160925c45654789bd602f595a31b1c5.HD-720p-2.1Mbps-56314579.mp4?v=0","width":576},{"format":"m3u8","height":720,"mime_type":"application\/x-mpegURL","url":"\/\/supergoop.com\/cdn\/shop\/videos\/c\/vp\/7160925c45654789bd602f595a31b1c5\/7160925c45654789bd602f595a31b1c5.m3u8?v=0","width":576}]},{"alt":"(Re)setting 100% Mineral Powder SPF 35 in shade Translucent on model","id":22360294817890,"position":16,"preview_image":{"aspect_ratio":0.736,"height":1604,"width":1180,"src":"\/\/supergoop.com\/cdn\/shop\/files\/preview_images\/964122e40b704eedb9ee64ae004c5ee7.thumbnail.0000000000.jpg?v=1706666990"},"aspect_ratio":0.733,"duration":8700,"media_type":"video","sources":[{"format":"mp4","height":480,"mime_type":"video\/mp4","url":"\/\/supergoop.com\/cdn\/shop\/videos\/c\/vp\/964122e40b704eedb9ee64ae004c5ee7\/964122e40b704eedb9ee64ae004c5ee7.SD-480p-1.5Mbps-23880811.mp4?v=0","width":352},{"format":"mp4","height":1080,"mime_type":"video\/mp4","url":"\/\/supergoop.com\/cdn\/shop\/videos\/c\/vp\/964122e40b704eedb9ee64ae004c5ee7\/964122e40b704eedb9ee64ae004c5ee7.HD-1080p-7.2Mbps-23880811.mp4?v=0","width":794},{"format":"mp4","height":720,"mime_type":"video\/mp4","url":"\/\/supergoop.com\/cdn\/shop\/videos\/c\/vp\/964122e40b704eedb9ee64ae004c5ee7\/964122e40b704eedb9ee64ae004c5ee7.HD-720p-4.5Mbps-23880811.mp4?v=0","width":528},{"format":"m3u8","height":1080,"mime_type":"application\/x-mpegURL","url":"\/\/supergoop.com\/cdn\/shop\/videos\/c\/vp\/964122e40b704eedb9ee64ae004c5ee7\/964122e40b704eedb9ee64ae004c5ee7.m3u8?v=0","width":794}]},{"alt":"(Re)setting 100% Mineral Powder SPF 35 in shade Medium on model video","id":22360295473250,"position":17,"preview_image":{"aspect_ratio":0.736,"height":1604,"width":1180,"src":"\/\/supergoop.com\/cdn\/shop\/files\/preview_images\/bc45e9ef64c64da0b9cf12bcd4efa3fe.thumbnail.0000000000.jpg?v=1706667014"},"aspect_ratio":0.733,"duration":8109,"media_type":"video","sources":[{"format":"mp4","height":480,"mime_type":"video\/mp4","url":"\/\/supergoop.com\/cdn\/shop\/videos\/c\/vp\/bc45e9ef64c64da0b9cf12bcd4efa3fe\/bc45e9ef64c64da0b9cf12bcd4efa3fe.SD-480p-1.5Mbps-23880817.mp4?v=0","width":352},{"format":"mp4","height":1080,"mime_type":"video\/mp4","url":"\/\/supergoop.com\/cdn\/shop\/videos\/c\/vp\/bc45e9ef64c64da0b9cf12bcd4efa3fe\/bc45e9ef64c64da0b9cf12bcd4efa3fe.HD-1080p-7.2Mbps-23880817.mp4?v=0","width":794},{"format":"mp4","height":720,"mime_type":"video\/mp4","url":"\/\/supergoop.com\/cdn\/shop\/videos\/c\/vp\/bc45e9ef64c64da0b9cf12bcd4efa3fe\/bc45e9ef64c64da0b9cf12bcd4efa3fe.HD-720p-4.5Mbps-23880817.mp4?v=0","width":528},{"format":"m3u8","height":1080,"mime_type":"application\/x-mpegURL","url":"\/\/supergoop.com\/cdn\/shop\/videos\/c\/vp\/bc45e9ef64c64da0b9cf12bcd4efa3fe\/bc45e9ef64c64da0b9cf12bcd4efa3fe.m3u8?v=0","width":794}]},{"alt":"(Re)setting 100% Mineral Powder SPF 35 in shade Deep on model","id":22360296226914,"position":18,"preview_image":{"aspect_ratio":0.736,"height":1604,"width":1180,"src":"\/\/supergoop.com\/cdn\/shop\/files\/preview_images\/d1b1210da2724548bd0cfaad98fb4b0a.thumbnail.0000000000.jpg?v=1706667038"},"aspect_ratio":0.733,"duration":7230,"media_type":"video","sources":[{"format":"mp4","height":480,"mime_type":"video\/mp4","url":"\/\/supergoop.com\/cdn\/shop\/videos\/c\/vp\/d1b1210da2724548bd0cfaad98fb4b0a\/d1b1210da2724548bd0cfaad98fb4b0a.SD-480p-1.5Mbps-23880826.mp4?v=0","width":352},{"format":"mp4","height":1080,"mime_type":"video\/mp4","url":"\/\/supergoop.com\/cdn\/shop\/videos\/c\/vp\/d1b1210da2724548bd0cfaad98fb4b0a\/d1b1210da2724548bd0cfaad98fb4b0a.HD-1080p-7.2Mbps-23880826.mp4?v=0","width":794},{"format":"mp4","height":720,"mime_type":"video\/mp4","url":"\/\/supergoop.com\/cdn\/shop\/videos\/c\/vp\/d1b1210da2724548bd0cfaad98fb4b0a\/d1b1210da2724548bd0cfaad98fb4b0a.HD-720p-4.5Mbps-23880826.mp4?v=0","width":528},{"format":"m3u8","height":1080,"mime_type":"application\/x-mpegURL","url":"\/\/supergoop.com\/cdn\/shop\/videos\/c\/vp\/d1b1210da2724548bd0cfaad98fb4b0a\/d1b1210da2724548bd0cfaad98fb4b0a.m3u8?v=0","width":794}]},{"alt":null,"id":22360296685666,"position":19,"preview_image":{"aspect_ratio":1.0,"height":200,"width":200,"src":"\/\/supergoop.com\/cdn\/shop\/files\/translucent_6532cd40-7504-47d4-bc79-145979e99158.jpg?v=1756323391"},"aspect_ratio":1.0,"height":200,"media_type":"image","src":"\/\/supergoop.com\/cdn\/shop\/files\/translucent_6532cd40-7504-47d4-bc79-145979e99158.jpg?v=1756323391","width":200},{"alt":null,"id":22360296783970,"position":20,"preview_image":{"aspect_ratio":1.0,"height":200,"width":200,"src":"\/\/supergoop.com\/cdn\/shop\/files\/light_ff813e69-83dd-43da-947c-bbdfc22cc332.jpg?v=1756323391"},"aspect_ratio":1.0,"height":200,"media_type":"image","src":"\/\/supergoop.com\/cdn\/shop\/files\/light_ff813e69-83dd-43da-947c-bbdfc22cc332.jpg?v=1756323391","width":200},{"alt":null,"id":22360297209954,"position":21,"preview_image":{"aspect_ratio":1.0,"height":200,"width":200,"src":"\/\/supergoop.com\/cdn\/shop\/files\/med_96db4301-2fce-4106-953f-0c38bcb30d63.jpg?v=1756323391"},"aspect_ratio":1.0,"height":200,"media_type":"image","src":"\/\/supergoop.com\/cdn\/shop\/files\/med_96db4301-2fce-4106-953f-0c38bcb30d63.jpg?v=1756323391","width":200},{"alt":null,"id":22360297406562,"position":22,"preview_image":{"aspect_ratio":1.0,"height":200,"width":200,"src":"\/\/supergoop.com\/cdn\/shop\/files\/deep_4858c40a-7da1-431c-88a9-e91f1de0c855.jpg?v=1756323391"},"aspect_ratio":1.0,"height":200,"media_type":"image","src":"\/\/supergoop.com\/cdn\/shop\/files\/deep_4858c40a-7da1-431c-88a9-e91f1de0c855.jpg?v=1756323391","width":200}],"requires_selling_plan":false,"selling_plan_groups":[{"id":"d1c31b7d875f371afdda85ee0906e6c15aee403a","name":"Subscription","options":[{"name":"Subscription","position":1,"values":["Every 2 months","Every 3 months (recommended)","Every 4 months"]}],"selling_plans":[{"id":3022880866,"name":"Every 2 months","description":null,"options":[{"name":"Subscription","position":1,"value":"Every 2 months"}],"recurring_deliveries":true,"price_adjustments":[{"order_count":null,"position":1,"value_type":"percentage","value":10}],"checkout_charge":{"value_type":"percentage","value":100}},{"id":3022913634,"name":"Every 3 months (recommended)","description":null,"options":[{"name":"Subscription","position":1,"value":"Every 3 months (recommended)"}],"recurring_deliveries":true,"price_adjustments":[{"order_count":null,"position":1,"value_type":"percentage","value":10}],"checkout_charge":{"value_type":"percentage","value":100}},{"id":3022848098,"name":"Every 4 months","description":null,"options":[{"name":"Subscription","position":1,"value":"Every 4 months"}],"recurring_deliveries":true,"price_adjustments":[{"order_count":null,"position":1,"value_type":"percentage","value":10}],"checkout_charge":{"value_type":"percentage","value":100}}],"app_id":"SKIO"}],"content":"\u003cp\u003eA mineral setting powder that mattifies shine, sets makeup \u0026amp; applies sunscreen with an easy-to-use, soft-bristled brush.\u003c\/p\u003e"},
                "description": null,
                "productVariant": {"id":32056031051874,"title":"Translucent","option1":"Translucent","option2":null,"option3":null,"sku":"3867","requires_shipping":true,"taxable":true,"featured_image":{"id":30170380435554,"product_id":4528433627234,"position":1,"created_at":"2024-03-14T23:43:10-04:00","updated_at":"2024-05-29T08:34:10-04:00","alt":"Supergoop! (Re)setting 100% Mineral Powder SPF 35 in shade Translucent Packshot and goop","width":1180,"height":1604,"src":"\/\/supergoop.com\/cdn\/shop\/files\/ResettingPowder_Translucent_Img1_new.jpg?v=1716986050","variant_ids":[32056031051874]},"available":true,"name":"(Re)setting Mineral Powder SPF 35 - Translucent","public_title":"Translucent","options":["Translucent"],"price":3500,"weight":73,"compare_at_price":null,"inventory_quantity":100,"inventory_management":"shopify","inventory_policy":"deny","barcode":"816218023867","featured_media":{"alt":"Supergoop! (Re)setting 100% Mineral Powder SPF 35 in shade Translucent Packshot and goop","id":22544807100514,"position":1,"preview_image":{"aspect_ratio":0.736,"height":1604,"width":1180,"src":"\/\/supergoop.com\/cdn\/shop\/files\/ResettingPowder_Translucent_Img1_new.jpg?v=1716986050"}},"requires_selling_plan":false,"selling_plan_allocations":[{"price_adjustments":[{"position":1,"price":3150}],"price":3150,"compare_at_price":3500,"per_delivery_price":3150,"selling_plan_id":3022880866,"selling_plan_group_id":"d1c31b7d875f371afdda85ee0906e6c15aee403a"},{"price_adjustments":[{"position":1,"price":3150}],"price":3150,"compare_at_price":3500,"per_delivery_price":3150,"selling_plan_id":3022913634,"selling_plan_group_id":"d1c31b7d875f371afdda85ee0906e6c15aee403a"},{"price_adjustments":[{"position":1,"price":3150}],"price":3150,"compare_at_price":3500,"per_delivery_price":3150,"selling_plan_id":3022848098,"selling_plan_group_id":"d1c31b7d875f371afdda85ee0906e6c15aee403a"}],"quantity_rule":{"min":1,"max":null,"increment":1}},
                "price": 3500
              }
            
          ],
        
          
          [
            
              
              {
                "product": {"id":4528433627234,"title":"(Re)setting Mineral Powder SPF 35","handle":"mineral-setting-powder","description":"\u003cp\u003eA mineral setting powder that mattifies shine, sets makeup \u0026amp; applies sunscreen with an easy-to-use, soft-bristled brush.\u003c\/p\u003e","published_at":"2021-01-12T14:29:24-05:00","created_at":"2020-12-04T17:01:16-05:00","vendor":"Supergoop!","type":"Powder","tags":["ActiveSKU","Badge:Trending Now!","Body Part:Face","Finish:Matte","Finish:Tinted","Preferences:Mineral formula","Preferences:Non-comedogenic","Quiz Recommendation","Works as:Setting powder \/ mist"],"price":3500,"price_min":3500,"price_max":3500,"available":true,"price_varies":false,"compare_at_price":null,"compare_at_price_min":0,"compare_at_price_max":0,"compare_at_price_varies":false,"variants":[{"id":32056031051874,"title":"Translucent","option1":"Translucent","option2":null,"option3":null,"sku":"3867","requires_shipping":true,"taxable":true,"featured_image":{"id":30170380435554,"product_id":4528433627234,"position":1,"created_at":"2024-03-14T23:43:10-04:00","updated_at":"2024-05-29T08:34:10-04:00","alt":"Supergoop! (Re)setting 100% Mineral Powder SPF 35 in shade Translucent Packshot and goop","width":1180,"height":1604,"src":"\/\/supergoop.com\/cdn\/shop\/files\/ResettingPowder_Translucent_Img1_new.jpg?v=1716986050","variant_ids":[32056031051874]},"available":true,"name":"(Re)setting Mineral Powder SPF 35 - Translucent","public_title":"Translucent","options":["Translucent"],"price":3500,"weight":73,"compare_at_price":null,"inventory_quantity":100,"inventory_management":"shopify","inventory_policy":"deny","barcode":"816218023867","featured_media":{"alt":"Supergoop! (Re)setting 100% Mineral Powder SPF 35 in shade Translucent Packshot and goop","id":22544807100514,"position":1,"preview_image":{"aspect_ratio":0.736,"height":1604,"width":1180,"src":"\/\/supergoop.com\/cdn\/shop\/files\/ResettingPowder_Translucent_Img1_new.jpg?v=1716986050"}},"requires_selling_plan":false,"selling_plan_allocations":[{"price_adjustments":[{"position":1,"price":3150}],"price":3150,"compare_at_price":3500,"per_delivery_price":3150,"selling_plan_id":3022880866,"selling_plan_group_id":"d1c31b7d875f371afdda85ee0906e6c15aee403a"},{"price_adjustments":[{"position":1,"price":3150}],"price":3150,"compare_at_price":3500,"per_delivery_price":3150,"selling_plan_id":3022913634,"selling_plan_group_id":"d1c31b7d875f371afdda85ee0906e6c15aee403a"},{"price_adjustments":[{"position":1,"price":3150}],"price":3150,"compare_at_price":3500,"per_delivery_price":3150,"selling_plan_id":3022848098,"selling_plan_group_id":"d1c31b7d875f371afdda85ee0906e6c15aee403a"}],"quantity_rule":{"min":1,"max":null,"increment":1}},{"id":32056031084642,"title":"Light","option1":"Light","option2":null,"option3":null,"sku":"3027","requires_shipping":true,"taxable":true,"featured_image":{"id":30170376110178,"product_id":4528433627234,"position":3,"created_at":"2024-03-14T23:42:41-04:00","updated_at":"2024-05-29T08:34:10-04:00","alt":"(Re)setting 100% Mineral Powder SPF 35 in shade Medium Packshot and goop","width":1180,"height":1604,"src":"\/\/supergoop.com\/cdn\/shop\/files\/ResettingPowder_Medium_Img1_new.jpg?v=1716986050","variant_ids":[32056031084642]},"available":true,"name":"(Re)setting Mineral Powder SPF 35 - Light","public_title":"Light","options":["Light"],"price":3500,"weight":73,"compare_at_price":null,"inventory_quantity":100,"inventory_management":"shopify","inventory_policy":"deny","barcode":"816218023027","featured_media":{"alt":"(Re)setting 100% Mineral Powder SPF 35 in shade Medium Packshot and goop","id":22544802709602,"position":3,"preview_image":{"aspect_ratio":0.736,"height":1604,"width":1180,"src":"\/\/supergoop.com\/cdn\/shop\/files\/ResettingPowder_Medium_Img1_new.jpg?v=1716986050"}},"requires_selling_plan":false,"selling_plan_allocations":[{"price_adjustments":[{"position":1,"price":3150}],"price":3150,"compare_at_price":3500,"per_delivery_price":3150,"selling_plan_id":3022880866,"selling_plan_group_id":"d1c31b7d875f371afdda85ee0906e6c15aee403a"},{"price_adjustments":[{"position":1,"price":3150}],"price":3150,"compare_at_price":3500,"per_delivery_price":3150,"selling_plan_id":3022913634,"selling_plan_group_id":"d1c31b7d875f371afdda85ee0906e6c15aee403a"},{"price_adjustments":[{"position":1,"price":3150}],"price":3150,"compare_at_price":3500,"per_delivery_price":3150,"selling_plan_id":3022848098,"selling_plan_group_id":"d1c31b7d875f371afdda85ee0906e6c15aee403a"}],"quantity_rule":{"min":1,"max":null,"increment":1}},{"id":32056031117410,"title":"Medium","option1":"Medium","option2":null,"option3":null,"sku":"3058","requires_shipping":true,"taxable":true,"featured_image":{"id":30170370113634,"product_id":4528433627234,"position":2,"created_at":"2024-03-14T23:42:03-04:00","updated_at":"2024-05-29T08:34:10-04:00","alt":"(Re)setting 100% Mineral Powder SPF 35 in shade Light Packshot and goop","width":1180,"height":1604,"src":"\/\/supergoop.com\/cdn\/shop\/files\/ResettingPowder_Light_Img1_new.jpg?v=1716986050","variant_ids":[32056031117410]},"available":true,"name":"(Re)setting Mineral Powder SPF 35 - Medium","public_title":"Medium","options":["Medium"],"price":3500,"weight":73,"compare_at_price":null,"inventory_quantity":100,"inventory_management":"shopify","inventory_policy":"deny","barcode":"816218023058","featured_media":{"alt":"(Re)setting 100% Mineral Powder SPF 35 in shade Light Packshot and goop","id":22544796811362,"position":2,"preview_image":{"aspect_ratio":0.736,"height":1604,"width":1180,"src":"\/\/supergoop.com\/cdn\/shop\/files\/ResettingPowder_Light_Img1_new.jpg?v=1716986050"}},"requires_selling_plan":false,"selling_plan_allocations":[{"price_adjustments":[{"position":1,"price":3150}],"price":3150,"compare_at_price":3500,"per_delivery_price":3150,"selling_plan_id":3022880866,"selling_plan_group_id":"d1c31b7d875f371afdda85ee0906e6c15aee403a"},{"price_adjustments":[{"position":1,"price":3150}],"price":3150,"compare_at_price":3500,"per_delivery_price":3150,"selling_plan_id":3022913634,"selling_plan_group_id":"d1c31b7d875f371afdda85ee0906e6c15aee403a"},{"price_adjustments":[{"position":1,"price":3150}],"price":3150,"compare_at_price":3500,"per_delivery_price":3150,"selling_plan_id":3022848098,"selling_plan_group_id":"d1c31b7d875f371afdda85ee0906e6c15aee403a"}],"quantity_rule":{"min":1,"max":null,"increment":1}},{"id":32056031150178,"title":"Deep","option1":"Deep","option2":null,"option3":null,"sku":"3096","requires_shipping":true,"taxable":true,"featured_image":{"id":30170365919330,"product_id":4528433627234,"position":4,"created_at":"2024-03-14T23:41:28-04:00","updated_at":"2024-05-29T08:34:10-04:00","alt":"(Re)setting 100% Mineral Powder SPF 35 in shade Deep packshot and goop","width":1180,"height":1604,"src":"\/\/supergoop.com\/cdn\/shop\/files\/ResettingPowder_Deep_Img1_new.jpg?v=1716986050","variant_ids":[32056031150178]},"available":true,"name":"(Re)setting Mineral Powder SPF 35 - Deep","public_title":"Deep","options":["Deep"],"price":3500,"weight":73,"compare_at_price":null,"inventory_quantity":100,"inventory_management":"shopify","inventory_policy":"deny","barcode":"816218023096","featured_media":{"alt":"(Re)setting 100% Mineral Powder SPF 35 in shade Deep packshot and goop","id":22544792617058,"position":4,"preview_image":{"aspect_ratio":0.736,"height":1604,"width":1180,"src":"\/\/supergoop.com\/cdn\/shop\/files\/ResettingPowder_Deep_Img1_new.jpg?v=1716986050"}},"requires_selling_plan":false,"selling_plan_allocations":[{"price_adjustments":[{"position":1,"price":3150}],"price":3150,"compare_at_price":3500,"per_delivery_price":3150,"selling_plan_id":3022880866,"selling_plan_group_id":"d1c31b7d875f371afdda85ee0906e6c15aee403a"},{"price_adjustments":[{"position":1,"price":3150}],"price":3150,"compare_at_price":3500,"per_delivery_price":3150,"selling_plan_id":3022913634,"selling_plan_group_id":"d1c31b7d875f371afdda85ee0906e6c15aee403a"},{"price_adjustments":[{"position":1,"price":3150}],"price":3150,"compare_at_price":3500,"per_delivery_price":3150,"selling_plan_id":3022848098,"selling_plan_group_id":"d1c31b7d875f371afdda85ee0906e6c15aee403a"}],"quantity_rule":{"min":1,"max":null,"increment":1}}],"images":["\/\/supergoop.com\/cdn\/shop\/files\/ResettingPowder_Translucent_Img1_new.jpg?v=1716986050","\/\/supergoop.com\/cdn\/shop\/files\/ResettingPowder_Light_Img1_new.jpg?v=1716986050","\/\/supergoop.com\/cdn\/shop\/files\/ResettingPowder_Medium_Img1_new.jpg?v=1716986050","\/\/supergoop.com\/cdn\/shop\/files\/ResettingPowder_Deep_Img1_new.jpg?v=1716986050","\/\/supergoop.com\/cdn\/shop\/files\/ResettingPowder_Light_Img4_3c29019f-8da6-4c65-9395-7f0db48cc911.jpg?v=1716986050","\/\/supergoop.com\/cdn\/shop\/files\/ResettingPowder_Medium_Img4_44ac9fa3-c337-4e58-aa7f-4504e0df1b50.jpg?v=1716986050","\/\/supergoop.com\/cdn\/shop\/files\/ResettingPowder_Translucent_Img4_0c7f45b7-37dd-40f2-8dd8-3e783ba0ded9.jpg?v=1716986050","\/\/supergoop.com\/cdn\/shop\/files\/ResettingPowder_Deep_Img4_390e9a5f-fcdd-4a57-a8f1-1248d1b1670e.jpg?v=1716986050","\/\/supergoop.com\/cdn\/shop\/files\/ResettingPowder_Translucent_Img6_7b585d22-ac83-4489-ab6f-5689454c87b8.jpg?v=1716986050","\/\/supergoop.com\/cdn\/shop\/files\/ResettingPowder_Medium_Img3_d056ad64-a512-40ff-84f5-865337101224.jpg?v=1716986050","\/\/supergoop.com\/cdn\/shop\/files\/ResettingPowder_Light_Img3_e6388b20-01ab-4163-bc59-e58b02e6c9bb.jpg?v=1716986050","\/\/supergoop.com\/cdn\/shop\/files\/ResettingPowder_Deep_Img3_3c421611-5d29-480d-ace9-8be6efa5b8f9.jpg?v=1716986050","\/\/supergoop.com\/cdn\/shop\/files\/ResettingPowder_Translucent_Img3_0eed644d-6ac2-4203-8a70-d68af8ddbec9.jpg?v=1716986050","\/\/supergoop.com\/cdn\/shop\/files\/ResettingPowder_Translucent_Img5_2f9d02e6-41d5-4e29-9bdb-a39b9f842cad.jpg?v=1716986050","\/\/supergoop.com\/cdn\/shop\/files\/translucent_6532cd40-7504-47d4-bc79-145979e99158.jpg?v=1756323391","\/\/supergoop.com\/cdn\/shop\/files\/light_ff813e69-83dd-43da-947c-bbdfc22cc332.jpg?v=1756323391","\/\/supergoop.com\/cdn\/shop\/files\/med_96db4301-2fce-4106-953f-0c38bcb30d63.jpg?v=1756323391","\/\/supergoop.com\/cdn\/shop\/files\/deep_4858c40a-7da1-431c-88a9-e91f1de0c855.jpg?v=1756323391"],"featured_image":"\/\/supergoop.com\/cdn\/shop\/files\/ResettingPowder_Translucent_Img1_new.jpg?v=1716986050","options":["Color"],"media":[{"alt":"Supergoop! (Re)setting 100% Mineral Powder SPF 35 in shade Translucent Packshot and goop","id":22544807100514,"position":1,"preview_image":{"aspect_ratio":0.736,"height":1604,"width":1180,"src":"\/\/supergoop.com\/cdn\/shop\/files\/ResettingPowder_Translucent_Img1_new.jpg?v=1716986050"},"aspect_ratio":0.736,"height":1604,"media_type":"image","src":"\/\/supergoop.com\/cdn\/shop\/files\/ResettingPowder_Translucent_Img1_new.jpg?v=1716986050","width":1180},{"alt":"(Re)setting 100% Mineral Powder SPF 35 in shade Light Packshot and goop","id":22544796811362,"position":2,"preview_image":{"aspect_ratio":0.736,"height":1604,"width":1180,"src":"\/\/supergoop.com\/cdn\/shop\/files\/ResettingPowder_Light_Img1_new.jpg?v=1716986050"},"aspect_ratio":0.736,"height":1604,"media_type":"image","src":"\/\/supergoop.com\/cdn\/shop\/files\/ResettingPowder_Light_Img1_new.jpg?v=1716986050","width":1180},{"alt":"(Re)setting 100% Mineral Powder SPF 35 in shade Medium Packshot and goop","id":22544802709602,"position":3,"preview_image":{"aspect_ratio":0.736,"height":1604,"width":1180,"src":"\/\/supergoop.com\/cdn\/shop\/files\/ResettingPowder_Medium_Img1_new.jpg?v=1716986050"},"aspect_ratio":0.736,"height":1604,"media_type":"image","src":"\/\/supergoop.com\/cdn\/shop\/files\/ResettingPowder_Medium_Img1_new.jpg?v=1716986050","width":1180},{"alt":"(Re)setting 100% Mineral Powder SPF 35 in shade Deep packshot and goop","id":22544792617058,"position":4,"preview_image":{"aspect_ratio":0.736,"height":1604,"width":1180,"src":"\/\/supergoop.com\/cdn\/shop\/files\/ResettingPowder_Deep_Img1_new.jpg?v=1716986050"},"aspect_ratio":0.736,"height":1604,"media_type":"image","src":"\/\/supergoop.com\/cdn\/shop\/files\/ResettingPowder_Deep_Img1_new.jpg?v=1716986050","width":1180},{"alt":"(Re)setting 100% Mineral Powder SPF 35 in shade Light on model","id":22360293671010,"position":5,"preview_image":{"aspect_ratio":0.736,"height":1604,"width":1180,"src":"\/\/supergoop.com\/cdn\/shop\/files\/ResettingPowder_Light_Img4_3c29019f-8da6-4c65-9395-7f0db48cc911.jpg?v=1716986050"},"aspect_ratio":0.736,"height":1604,"media_type":"image","src":"\/\/supergoop.com\/cdn\/shop\/files\/ResettingPowder_Light_Img4_3c29019f-8da6-4c65-9395-7f0db48cc911.jpg?v=1716986050","width":1180},{"alt":"(Re)setting 100% Mineral Powder SPF 35 in shade Medium on model","id":22360293802082,"position":6,"preview_image":{"aspect_ratio":0.736,"height":1604,"width":1180,"src":"\/\/supergoop.com\/cdn\/shop\/files\/ResettingPowder_Medium_Img4_44ac9fa3-c337-4e58-aa7f-4504e0df1b50.jpg?v=1716986050"},"aspect_ratio":0.736,"height":1604,"media_type":"image","src":"\/\/supergoop.com\/cdn\/shop\/files\/ResettingPowder_Medium_Img4_44ac9fa3-c337-4e58-aa7f-4504e0df1b50.jpg?v=1716986050","width":1180},{"alt":"(Re)setting 100% Mineral Powder SPF 35 in shade Translucent on model","id":22360293867618,"position":7,"preview_image":{"aspect_ratio":0.736,"height":1604,"width":1180,"src":"\/\/supergoop.com\/cdn\/shop\/files\/ResettingPowder_Translucent_Img4_0c7f45b7-37dd-40f2-8dd8-3e783ba0ded9.jpg?v=1716986050"},"aspect_ratio":0.736,"height":1604,"media_type":"image","src":"\/\/supergoop.com\/cdn\/shop\/files\/ResettingPowder_Translucent_Img4_0c7f45b7-37dd-40f2-8dd8-3e783ba0ded9.jpg?v=1716986050","width":1180},{"alt":"(Re)setting 100% Mineral Powder SPF 35 in shade Deep on model","id":22360293965922,"position":8,"preview_image":{"aspect_ratio":0.736,"height":1604,"width":1180,"src":"\/\/supergoop.com\/cdn\/shop\/files\/ResettingPowder_Deep_Img4_390e9a5f-fcdd-4a57-a8f1-1248d1b1670e.jpg?v=1716986050"},"aspect_ratio":0.736,"height":1604,"media_type":"image","src":"\/\/supergoop.com\/cdn\/shop\/files\/ResettingPowder_Deep_Img4_390e9a5f-fcdd-4a57-a8f1-1248d1b1670e.jpg?v=1716986050","width":1180},{"alt":"(Re)setting 100% Mineral Powder SPF 35 group shot of all shades in Translucent Light Medium Deep annotation of each shade per product","id":22360294064226,"position":9,"preview_image":{"aspect_ratio":0.736,"height":1604,"width":1180,"src":"\/\/supergoop.com\/cdn\/shop\/files\/ResettingPowder_Translucent_Img6_7b585d22-ac83-4489-ab6f-5689454c87b8.jpg?v=1716986050"},"aspect_ratio":0.736,"height":1604,"media_type":"image","src":"\/\/supergoop.com\/cdn\/shop\/files\/ResettingPowder_Translucent_Img6_7b585d22-ac83-4489-ab6f-5689454c87b8.jpg?v=1716986050","width":1180},{"alt":"(Re)setting 100% Mineral Powder SPF 35 in shade Medium applicator","id":22360294228066,"position":10,"preview_image":{"aspect_ratio":0.736,"height":1604,"width":1180,"src":"\/\/supergoop.com\/cdn\/shop\/files\/ResettingPowder_Medium_Img3_d056ad64-a512-40ff-84f5-865337101224.jpg?v=1716986050"},"aspect_ratio":0.736,"height":1604,"media_type":"image","src":"\/\/supergoop.com\/cdn\/shop\/files\/ResettingPowder_Medium_Img3_d056ad64-a512-40ff-84f5-865337101224.jpg?v=1716986050","width":1180},{"alt":"(Re)setting 100% Mineral Powder SPF 35 in shade Light applicator","id":22360294359138,"position":11,"preview_image":{"aspect_ratio":0.736,"height":1604,"width":1180,"src":"\/\/supergoop.com\/cdn\/shop\/files\/ResettingPowder_Light_Img3_e6388b20-01ab-4163-bc59-e58b02e6c9bb.jpg?v=1716986050"},"aspect_ratio":0.736,"height":1604,"media_type":"image","src":"\/\/supergoop.com\/cdn\/shop\/files\/ResettingPowder_Light_Img3_e6388b20-01ab-4163-bc59-e58b02e6c9bb.jpg?v=1716986050","width":1180},{"alt":"(Re)setting 100% Mineral Powder SPF 35 in shade Deep applicator","id":22360294490210,"position":12,"preview_image":{"aspect_ratio":0.736,"height":1604,"width":1180,"src":"\/\/supergoop.com\/cdn\/shop\/files\/ResettingPowder_Deep_Img3_3c421611-5d29-480d-ace9-8be6efa5b8f9.jpg?v=1716986050"},"aspect_ratio":0.736,"height":1604,"media_type":"image","src":"\/\/supergoop.com\/cdn\/shop\/files\/ResettingPowder_Deep_Img3_3c421611-5d29-480d-ace9-8be6efa5b8f9.jpg?v=1716986050","width":1180},{"alt":"(Re)setting 100% Mineral Powder SPF 35 in shade Translucent applicator","id":22360294555746,"position":13,"preview_image":{"aspect_ratio":0.736,"height":1604,"width":1180,"src":"\/\/supergoop.com\/cdn\/shop\/files\/ResettingPowder_Translucent_Img3_0eed644d-6ac2-4203-8a70-d68af8ddbec9.jpg?v=1716986050"},"aspect_ratio":0.736,"height":1604,"media_type":"image","src":"\/\/supergoop.com\/cdn\/shop\/files\/ResettingPowder_Translucent_Img3_0eed644d-6ac2-4203-8a70-d68af8ddbec9.jpg?v=1716986050","width":1180},{"alt":"(Re)setting 100% Mineral Powder SPF 35 in shade Translucent Light Medium Deep annotation saying remove and discard the yellow pin at the center of the brush before first use","id":22360294654050,"position":14,"preview_image":{"aspect_ratio":0.736,"height":1604,"width":1180,"src":"\/\/supergoop.com\/cdn\/shop\/files\/ResettingPowder_Translucent_Img5_2f9d02e6-41d5-4e29-9bdb-a39b9f842cad.jpg?v=1716986050"},"aspect_ratio":0.736,"height":1604,"media_type":"image","src":"\/\/supergoop.com\/cdn\/shop\/files\/ResettingPowder_Translucent_Img5_2f9d02e6-41d5-4e29-9bdb-a39b9f842cad.jpg?v=1716986050","width":1180},{"alt":"(Re)setting 100% Mineral Powder SPF 35 in shade Translucent Light Medium Deep ","id":24721645535330,"position":15,"preview_image":{"aspect_ratio":0.8,"height":900,"width":720,"src":"\/\/supergoop.com\/cdn\/shop\/files\/preview_images\/7160925c45654789bd602f595a31b1c5.thumbnail.0000000000.jpg?v=1756323320"},"aspect_ratio":0.8,"duration":5770,"media_type":"video","sources":[{"format":"mp4","height":480,"mime_type":"video\/mp4","url":"\/\/supergoop.com\/cdn\/shop\/videos\/c\/vp\/7160925c45654789bd602f595a31b1c5\/7160925c45654789bd602f595a31b1c5.SD-480p-1.0Mbps-56314579.mp4?v=0","width":384},{"format":"mp4","height":720,"mime_type":"video\/mp4","url":"\/\/supergoop.com\/cdn\/shop\/videos\/c\/vp\/7160925c45654789bd602f595a31b1c5\/7160925c45654789bd602f595a31b1c5.HD-720p-2.1Mbps-56314579.mp4?v=0","width":576},{"format":"m3u8","height":720,"mime_type":"application\/x-mpegURL","url":"\/\/supergoop.com\/cdn\/shop\/videos\/c\/vp\/7160925c45654789bd602f595a31b1c5\/7160925c45654789bd602f595a31b1c5.m3u8?v=0","width":576}]},{"alt":"(Re)setting 100% Mineral Powder SPF 35 in shade Translucent on model","id":22360294817890,"position":16,"preview_image":{"aspect_ratio":0.736,"height":1604,"width":1180,"src":"\/\/supergoop.com\/cdn\/shop\/files\/preview_images\/964122e40b704eedb9ee64ae004c5ee7.thumbnail.0000000000.jpg?v=1706666990"},"aspect_ratio":0.733,"duration":8700,"media_type":"video","sources":[{"format":"mp4","height":480,"mime_type":"video\/mp4","url":"\/\/supergoop.com\/cdn\/shop\/videos\/c\/vp\/964122e40b704eedb9ee64ae004c5ee7\/964122e40b704eedb9ee64ae004c5ee7.SD-480p-1.5Mbps-23880811.mp4?v=0","width":352},{"format":"mp4","height":1080,"mime_type":"video\/mp4","url":"\/\/supergoop.com\/cdn\/shop\/videos\/c\/vp\/964122e40b704eedb9ee64ae004c5ee7\/964122e40b704eedb9ee64ae004c5ee7.HD-1080p-7.2Mbps-23880811.mp4?v=0","width":794},{"format":"mp4","height":720,"mime_type":"video\/mp4","url":"\/\/supergoop.com\/cdn\/shop\/videos\/c\/vp\/964122e40b704eedb9ee64ae004c5ee7\/964122e40b704eedb9ee64ae004c5ee7.HD-720p-4.5Mbps-23880811.mp4?v=0","width":528},{"format":"m3u8","height":1080,"mime_type":"application\/x-mpegURL","url":"\/\/supergoop.com\/cdn\/shop\/videos\/c\/vp\/964122e40b704eedb9ee64ae004c5ee7\/964122e40b704eedb9ee64ae004c5ee7.m3u8?v=0","width":794}]},{"alt":"(Re)setting 100% Mineral Powder SPF 35 in shade Medium on model video","id":22360295473250,"position":17,"preview_image":{"aspect_ratio":0.736,"height":1604,"width":1180,"src":"\/\/supergoop.com\/cdn\/shop\/files\/preview_images\/bc45e9ef64c64da0b9cf12bcd4efa3fe.thumbnail.0000000000.jpg?v=1706667014"},"aspect_ratio":0.733,"duration":8109,"media_type":"video","sources":[{"format":"mp4","height":480,"mime_type":"video\/mp4","url":"\/\/supergoop.com\/cdn\/shop\/videos\/c\/vp\/bc45e9ef64c64da0b9cf12bcd4efa3fe\/bc45e9ef64c64da0b9cf12bcd4efa3fe.SD-480p-1.5Mbps-23880817.mp4?v=0","width":352},{"format":"mp4","height":1080,"mime_type":"video\/mp4","url":"\/\/supergoop.com\/cdn\/shop\/videos\/c\/vp\/bc45e9ef64c64da0b9cf12bcd4efa3fe\/bc45e9ef64c64da0b9cf12bcd4efa3fe.HD-1080p-7.2Mbps-23880817.mp4?v=0","width":794},{"format":"mp4","height":720,"mime_type":"video\/mp4","url":"\/\/supergoop.com\/cdn\/shop\/videos\/c\/vp\/bc45e9ef64c64da0b9cf12bcd4efa3fe\/bc45e9ef64c64da0b9cf12bcd4efa3fe.HD-720p-4.5Mbps-23880817.mp4?v=0","width":528},{"format":"m3u8","height":1080,"mime_type":"application\/x-mpegURL","url":"\/\/supergoop.com\/cdn\/shop\/videos\/c\/vp\/bc45e9ef64c64da0b9cf12bcd4efa3fe\/bc45e9ef64c64da0b9cf12bcd4efa3fe.m3u8?v=0","width":794}]},{"alt":"(Re)setting 100% Mineral Powder SPF 35 in shade Deep on model","id":22360296226914,"position":18,"preview_image":{"aspect_ratio":0.736,"height":1604,"width":1180,"src":"\/\/supergoop.com\/cdn\/shop\/files\/preview_images\/d1b1210da2724548bd0cfaad98fb4b0a.thumbnail.0000000000.jpg?v=1706667038"},"aspect_ratio":0.733,"duration":7230,"media_type":"video","sources":[{"format":"mp4","height":480,"mime_type":"video\/mp4","url":"\/\/supergoop.com\/cdn\/shop\/videos\/c\/vp\/d1b1210da2724548bd0cfaad98fb4b0a\/d1b1210da2724548bd0cfaad98fb4b0a.SD-480p-1.5Mbps-23880826.mp4?v=0","width":352},{"format":"mp4","height":1080,"mime_type":"video\/mp4","url":"\/\/supergoop.com\/cdn\/shop\/videos\/c\/vp\/d1b1210da2724548bd0cfaad98fb4b0a\/d1b1210da2724548bd0cfaad98fb4b0a.HD-1080p-7.2Mbps-23880826.mp4?v=0","width":794},{"format":"mp4","height":720,"mime_type":"video\/mp4","url":"\/\/supergoop.com\/cdn\/shop\/videos\/c\/vp\/d1b1210da2724548bd0cfaad98fb4b0a\/d1b1210da2724548bd0cfaad98fb4b0a.HD-720p-4.5Mbps-23880826.mp4?v=0","width":528},{"format":"m3u8","height":1080,"mime_type":"application\/x-mpegURL","url":"\/\/supergoop.com\/cdn\/shop\/videos\/c\/vp\/d1b1210da2724548bd0cfaad98fb4b0a\/d1b1210da2724548bd0cfaad98fb4b0a.m3u8?v=0","width":794}]},{"alt":null,"id":22360296685666,"position":19,"preview_image":{"aspect_ratio":1.0,"height":200,"width":200,"src":"\/\/supergoop.com\/cdn\/shop\/files\/translucent_6532cd40-7504-47d4-bc79-145979e99158.jpg?v=1756323391"},"aspect_ratio":1.0,"height":200,"media_type":"image","src":"\/\/supergoop.com\/cdn\/shop\/files\/translucent_6532cd40-7504-47d4-bc79-145979e99158.jpg?v=1756323391","width":200},{"alt":null,"id":22360296783970,"position":20,"preview_image":{"aspect_ratio":1.0,"height":200,"width":200,"src":"\/\/supergoop.com\/cdn\/shop\/files\/light_ff813e69-83dd-43da-947c-bbdfc22cc332.jpg?v=1756323391"},"aspect_ratio":1.0,"height":200,"media_type":"image","src":"\/\/supergoop.com\/cdn\/shop\/files\/light_ff813e69-83dd-43da-947c-bbdfc22cc332.jpg?v=1756323391","width":200},{"alt":null,"id":22360297209954,"position":21,"preview_image":{"aspect_ratio":1.0,"height":200,"width":200,"src":"\/\/supergoop.com\/cdn\/shop\/files\/med_96db4301-2fce-4106-953f-0c38bcb30d63.jpg?v=1756323391"},"aspect_ratio":1.0,"height":200,"media_type":"image","src":"\/\/supergoop.com\/cdn\/shop\/files\/med_96db4301-2fce-4106-953f-0c38bcb30d63.jpg?v=1756323391","width":200},{"alt":null,"id":22360297406562,"position":22,"preview_image":{"aspect_ratio":1.0,"height":200,"width":200,"src":"\/\/supergoop.com\/cdn\/shop\/files\/deep_4858c40a-7da1-431c-88a9-e91f1de0c855.jpg?v=1756323391"},"aspect_ratio":1.0,"height":200,"media_type":"image","src":"\/\/supergoop.com\/cdn\/shop\/files\/deep_4858c40a-7da1-431c-88a9-e91f1de0c855.jpg?v=1756323391","width":200}],"requires_selling_plan":false,"selling_plan_groups":[{"id":"d1c31b7d875f371afdda85ee0906e6c15aee403a","name":"Subscription","options":[{"name":"Subscription","position":1,"values":["Every 2 months","Every 3 months (recommended)","Every 4 months"]}],"selling_plans":[{"id":3022880866,"name":"Every 2 months","description":null,"options":[{"name":"Subscription","position":1,"value":"Every 2 months"}],"recurring_deliveries":true,"price_adjustments":[{"order_count":null,"position":1,"value_type":"percentage","value":10}],"checkout_charge":{"value_type":"percentage","value":100}},{"id":3022913634,"name":"Every 3 months (recommended)","description":null,"options":[{"name":"Subscription","position":1,"value":"Every 3 months (recommended)"}],"recurring_deliveries":true,"price_adjustments":[{"order_count":null,"position":1,"value_type":"percentage","value":10}],"checkout_charge":{"value_type":"percentage","value":100}},{"id":3022848098,"name":"Every 4 months","description":null,"options":[{"name":"Subscription","position":1,"value":"Every 4 months"}],"recurring_deliveries":true,"price_adjustments":[{"order_count":null,"position":1,"value_type":"percentage","value":10}],"checkout_charge":{"value_type":"percentage","value":100}}],"app_id":"SKIO"}],"content":"\u003cp\u003eA mineral setting powder that mattifies shine, sets makeup \u0026amp; applies sunscreen with an easy-to-use, soft-bristled brush.\u003c\/p\u003e"},
                "description": null,
                "productVariant": {"id":32056031051874,"title":"Translucent","option1":"Translucent","option2":null,"option3":null,"sku":"3867","requires_shipping":true,"taxable":true,"featured_image":{"id":30170380435554,"product_id":4528433627234,"position":1,"created_at":"2024-03-14T23:43:10-04:00","updated_at":"2024-05-29T08:34:10-04:00","alt":"Supergoop! (Re)setting 100% Mineral Powder SPF 35 in shade Translucent Packshot and goop","width":1180,"height":1604,"src":"\/\/supergoop.com\/cdn\/shop\/files\/ResettingPowder_Translucent_Img1_new.jpg?v=1716986050","variant_ids":[32056031051874]},"available":true,"name":"(Re)setting Mineral Powder SPF 35 - Translucent","public_title":"Translucent","options":["Translucent"],"price":3500,"weight":73,"compare_at_price":null,"inventory_quantity":100,"inventory_management":"shopify","inventory_policy":"deny","barcode":"816218023867","featured_media":{"alt":"Supergoop! (Re)setting 100% Mineral Powder SPF 35 in shade Translucent Packshot and goop","id":22544807100514,"position":1,"preview_image":{"aspect_ratio":0.736,"height":1604,"width":1180,"src":"\/\/supergoop.com\/cdn\/shop\/files\/ResettingPowder_Translucent_Img1_new.jpg?v=1716986050"}},"requires_selling_plan":false,"selling_plan_allocations":[{"price_adjustments":[{"position":1,"price":3150}],"price":3150,"compare_at_price":3500,"per_delivery_price":3150,"selling_plan_id":3022880866,"selling_plan_group_id":"d1c31b7d875f371afdda85ee0906e6c15aee403a"},{"price_adjustments":[{"position":1,"price":3150}],"price":3150,"compare_at_price":3500,"per_delivery_price":3150,"selling_plan_id":3022913634,"selling_plan_group_id":"d1c31b7d875f371afdda85ee0906e6c15aee403a"},{"price_adjustments":[{"position":1,"price":3150}],"price":3150,"compare_at_price":3500,"per_delivery_price":3150,"selling_plan_id":3022848098,"selling_plan_group_id":"d1c31b7d875f371afdda85ee0906e6c15aee403a"}],"quantity_rule":{"min":1,"max":null,"increment":1}},
                "price": 3500
              }
            
          ],
        
          
          [
            
              
              {
                "product": {"id":7285288566882,"title":"Glow Gloss SPF 40 Lip Balm","handle":"glow-gloss-lip-balm","description":"\u003cp\u003e\u003cmeta charset=\"utf-8\"\u003e\u003cmeta charset=\"utf-8\"\u003e\u003cspan data-sheets-root=\"1\"\u003e\u003cspan\u003eA high-shine glossy lip balm that leaves lips ultra-hydrated with a sheer, non-sticky finish — \u003c\/span\u003e\u003cspan\u003ein 4 sweet flavors!\u003c\/span\u003e\u003c\/span\u003e\u003c\/p\u003e","published_at":"2025-05-12T23:48:17-04:00","created_at":"2025-01-10T14:49:14-05:00","vendor":"Supergoop!","type":"Face","tags":["Badge:Trending Now!","Body Part:Face","Body Part:Lips","Finish:Glowy","Finish:No white cast","Finish:Tinted","Preferences:Hydrating","Quiz Recommendation","subscription","YGroup_glowgloss"],"price":2200,"price_min":2200,"price_max":2200,"available":true,"price_varies":false,"compare_at_price":null,"compare_at_price_min":0,"compare_at_price_max":0,"compare_at_price_varies":false,"variants":[{"id":41683278430306,"title":"Vanilla Soft Serve","option1":"Vanilla Soft Serve","option2":null,"option3":null,"sku":"90046","requires_shipping":true,"taxable":true,"featured_image":{"id":32273543069794,"product_id":7285288566882,"position":1,"created_at":"2025-05-02T16:14:11-04:00","updated_at":"2025-05-02T16:16:49-04:00","alt":"Supergoop! | Glow Gloss SPF 40 Lip Balm Vanilla Soft Serve","width":1181,"height":1604,"src":"\/\/supergoop.com\/cdn\/shop\/files\/DTC_US_PDP_Glow_Gloss_SPF40_VanillaSoftServe_15ml_Overlay_0a686a5f-d866-49a9-bdcd-472bd80cb401.jpg?v=1746217009","variant_ids":[41683278430306]},"available":true,"name":"Glow Gloss SPF 40 Lip Balm - Vanilla Soft Serve","public_title":"Vanilla Soft Serve","options":["Vanilla Soft Serve"],"price":2200,"weight":68,"compare_at_price":null,"inventory_quantity":100,"inventory_management":"shopify","inventory_policy":"deny","barcode":"810165890046","featured_media":{"alt":"Supergoop! | Glow Gloss SPF 40 Lip Balm Vanilla Soft Serve","id":24146153734242,"position":1,"preview_image":{"aspect_ratio":0.736,"height":1604,"width":1181,"src":"\/\/supergoop.com\/cdn\/shop\/files\/DTC_US_PDP_Glow_Gloss_SPF40_VanillaSoftServe_15ml_Overlay_0a686a5f-d866-49a9-bdcd-472bd80cb401.jpg?v=1746217009"}},"requires_selling_plan":false,"selling_plan_allocations":[{"price_adjustments":[{"position":1,"price":1980}],"price":1980,"compare_at_price":2200,"per_delivery_price":1980,"selling_plan_id":3022880866,"selling_plan_group_id":"d1c31b7d875f371afdda85ee0906e6c15aee403a"},{"price_adjustments":[{"position":1,"price":1980}],"price":1980,"compare_at_price":2200,"per_delivery_price":1980,"selling_plan_id":3022913634,"selling_plan_group_id":"d1c31b7d875f371afdda85ee0906e6c15aee403a"},{"price_adjustments":[{"position":1,"price":1980}],"price":1980,"compare_at_price":2200,"per_delivery_price":1980,"selling_plan_id":3022848098,"selling_plan_group_id":"d1c31b7d875f371afdda85ee0906e6c15aee403a"}],"quantity_rule":{"min":1,"max":null,"increment":1}},{"id":41683278463074,"title":"Pink Peppermint","option1":"Pink Peppermint","option2":null,"option3":null,"sku":"90053","requires_shipping":true,"taxable":true,"featured_image":{"id":32273542578274,"product_id":7285288566882,"position":7,"created_at":"2025-05-02T16:14:02-04:00","updated_at":"2025-05-02T16:42:24-04:00","alt":"Supergoop! | Glow Gloss SPF 40 Lip Balm Pink Peppermint","width":1181,"height":1604,"src":"\/\/supergoop.com\/cdn\/shop\/files\/DTC_US_PDP_Glow_Gloss_SPF40_PinkPeppermint_15ml_Overlay_59c73a3d-c531-42e0-9d25-bf41c9bfc71b.jpg?v=1746218544","variant_ids":[41683278463074]},"available":true,"name":"Glow Gloss SPF 40 Lip Balm - Pink Peppermint","public_title":"Pink Peppermint","options":["Pink Peppermint"],"price":2200,"weight":68,"compare_at_price":null,"inventory_quantity":100,"inventory_management":"shopify","inventory_policy":"deny","barcode":"810165890053","featured_media":{"alt":"Supergoop! | Glow Gloss SPF 40 Lip Balm Pink Peppermint","id":24146153308258,"position":7,"preview_image":{"aspect_ratio":0.736,"height":1604,"width":1181,"src":"\/\/supergoop.com\/cdn\/shop\/files\/DTC_US_PDP_Glow_Gloss_SPF40_PinkPeppermint_15ml_Overlay_59c73a3d-c531-42e0-9d25-bf41c9bfc71b.jpg?v=1746218544"}},"requires_selling_plan":false,"selling_plan_allocations":[{"price_adjustments":[{"position":1,"price":1980}],"price":1980,"compare_at_price":2200,"per_delivery_price":1980,"selling_plan_id":3022880866,"selling_plan_group_id":"d1c31b7d875f371afdda85ee0906e6c15aee403a"},{"price_adjustments":[{"position":1,"price":1980}],"price":1980,"compare_at_price":2200,"per_delivery_price":1980,"selling_plan_id":3022913634,"selling_plan_group_id":"d1c31b7d875f371afdda85ee0906e6c15aee403a"},{"price_adjustments":[{"position":1,"price":1980}],"price":1980,"compare_at_price":2200,"per_delivery_price":1980,"selling_plan_id":3022848098,"selling_plan_group_id":"d1c31b7d875f371afdda85ee0906e6c15aee403a"}],"quantity_rule":{"min":1,"max":null,"increment":1}},{"id":41683280822370,"title":"Strawberry Spritz","option1":"Strawberry Spritz","option2":null,"option3":null,"sku":"90060","requires_shipping":true,"taxable":true,"featured_image":{"id":32273543430242,"product_id":7285288566882,"position":13,"created_at":"2025-05-02T16:14:18-04:00","updated_at":"2025-05-02T16:42:24-04:00","alt":"Supergoop! | Glow Gloss SPF 40 Lip Balm Strawberry Spritz","width":1181,"height":1604,"src":"\/\/supergoop.com\/cdn\/shop\/files\/DTC_US_PDP_Glow_Gloss_SPF40_StrawberrySpritz_15ml_Overlay_802cea61-8ea3-45d5-898d-6e4cafa2ac07.jpg?v=1746218544","variant_ids":[41683280822370]},"available":true,"name":"Glow Gloss SPF 40 Lip Balm - Strawberry Spritz","public_title":"Strawberry Spritz","options":["Strawberry Spritz"],"price":2200,"weight":68,"compare_at_price":null,"inventory_quantity":100,"inventory_management":"shopify","inventory_policy":"deny","barcode":"810165890060","featured_media":{"alt":"Supergoop! | Glow Gloss SPF 40 Lip Balm Strawberry Spritz","id":24146153963618,"position":13,"preview_image":{"aspect_ratio":0.736,"height":1604,"width":1181,"src":"\/\/supergoop.com\/cdn\/shop\/files\/DTC_US_PDP_Glow_Gloss_SPF40_StrawberrySpritz_15ml_Overlay_802cea61-8ea3-45d5-898d-6e4cafa2ac07.jpg?v=1746218544"}},"requires_selling_plan":false,"selling_plan_allocations":[{"price_adjustments":[{"position":1,"price":1980}],"price":1980,"compare_at_price":2200,"per_delivery_price":1980,"selling_plan_id":3022880866,"selling_plan_group_id":"d1c31b7d875f371afdda85ee0906e6c15aee403a"},{"price_adjustments":[{"position":1,"price":1980}],"price":1980,"compare_at_price":2200,"per_delivery_price":1980,"selling_plan_id":3022913634,"selling_plan_group_id":"d1c31b7d875f371afdda85ee0906e6c15aee403a"},{"price_adjustments":[{"position":1,"price":1980}],"price":1980,"compare_at_price":2200,"per_delivery_price":1980,"selling_plan_id":3022848098,"selling_plan_group_id":"d1c31b7d875f371afdda85ee0906e6c15aee403a"}],"quantity_rule":{"min":1,"max":null,"increment":1}},{"id":42848643448930,"title":"Caramel Glaze","option1":"Caramel Glaze","option2":null,"option3":null,"sku":"91234","requires_shipping":true,"taxable":true,"featured_image":{"id":34779864563810,"product_id":7285288566882,"position":19,"created_at":"2026-05-07T17:04:54-04:00","updated_at":"2026-05-07T17:04:56-04:00","alt":"Supergoop! | Glow Gloss SPF 40 Lip Balm Caramel Glaze","width":2600,"height":4000,"src":"\/\/supergoop.com\/cdn\/shop\/files\/PDP_Glow_Gloss_SPF40_CaramelGlaze_15ml_Overlay_Rectangle.jpg?v=1778187896","variant_ids":[42848643448930]},"available":true,"name":"Glow Gloss SPF 40 Lip Balm - Caramel Glaze","public_title":"Caramel Glaze","options":["Caramel Glaze"],"price":2200,"weight":68,"compare_at_price":null,"inventory_quantity":100,"inventory_management":"shopify","inventory_policy":"deny","barcode":"810165891234","featured_media":{"alt":"Supergoop! | Glow Gloss SPF 40 Lip Balm Caramel Glaze","id":25787691204706,"position":19,"preview_image":{"aspect_ratio":0.65,"height":4000,"width":2600,"src":"\/\/supergoop.com\/cdn\/shop\/files\/PDP_Glow_Gloss_SPF40_CaramelGlaze_15ml_Overlay_Rectangle.jpg?v=1778187896"}},"requires_selling_plan":false,"selling_plan_allocations":[{"price_adjustments":[{"position":1,"price":1980}],"price":1980,"compare_at_price":2200,"per_delivery_price":1980,"selling_plan_id":3022880866,"selling_plan_group_id":"d1c31b7d875f371afdda85ee0906e6c15aee403a"},{"price_adjustments":[{"position":1,"price":1980}],"price":1980,"compare_at_price":2200,"per_delivery_price":1980,"selling_plan_id":3022913634,"selling_plan_group_id":"d1c31b7d875f371afdda85ee0906e6c15aee403a"},{"price_adjustments":[{"position":1,"price":1980}],"price":1980,"compare_at_price":2200,"per_delivery_price":1980,"selling_plan_id":3022848098,"selling_plan_group_id":"d1c31b7d875f371afdda85ee0906e6c15aee403a"}],"quantity_rule":{"min":1,"max":null,"increment":1}}],"images":["\/\/supergoop.com\/cdn\/shop\/files\/DTC_US_PDP_Glow_Gloss_SPF40_VanillaSoftServe_15ml_Overlay_0a686a5f-d866-49a9-bdcd-472bd80cb401.jpg?v=1746217009","\/\/supergoop.com\/cdn\/shop\/files\/BA_VanillaSoftServe.png?v=1760624427","\/\/supergoop.com\/cdn\/shop\/files\/Skintones_Vanilla.png?v=1746218544","\/\/supergoop.com\/cdn\/shop\/files\/Flavor_VanillaSoftServe.png?v=1748958580","\/\/supergoop.com\/cdn\/shop\/files\/GlossyFinish_VanillaSoftServe.png?v=1746218544","\/\/supergoop.com\/cdn\/shop\/files\/Shade_VanillaSoftServe.png?v=1746218544","\/\/supergoop.com\/cdn\/shop\/files\/DTC_US_PDP_Glow_Gloss_SPF40_PinkPeppermint_15ml_Overlay_59c73a3d-c531-42e0-9d25-bf41c9bfc71b.jpg?v=1746218544","\/\/supergoop.com\/cdn\/shop\/files\/BA_PinkPeppermint.png?v=1746218544","\/\/supergoop.com\/cdn\/shop\/files\/Skintones_Peppermint.png?v=1746218544","\/\/supergoop.com\/cdn\/shop\/files\/Flavor_PinkPeppermint.png?v=1748958580","\/\/supergoop.com\/cdn\/shop\/files\/GlossyFinish_PinkPeppermint.png?v=1746218544","\/\/supergoop.com\/cdn\/shop\/files\/Shade_PinkPeppermint.png?v=1746218544","\/\/supergoop.com\/cdn\/shop\/files\/DTC_US_PDP_Glow_Gloss_SPF40_StrawberrySpritz_15ml_Overlay_802cea61-8ea3-45d5-898d-6e4cafa2ac07.jpg?v=1746218544","\/\/supergoop.com\/cdn\/shop\/files\/BA_StrawberrySpritz.png?v=1746218712","\/\/supergoop.com\/cdn\/shop\/files\/Skintones_Strawberry.png?v=1746218712","\/\/supergoop.com\/cdn\/shop\/files\/GlossyFinish_StrawberrySpritz.png?v=1746218714","\/\/supergoop.com\/cdn\/shop\/files\/Flavor_StrawberrySpritz.png?v=1748958580","\/\/supergoop.com\/cdn\/shop\/files\/Shade_StrawberrySpritz.png?v=1746218714","\/\/supergoop.com\/cdn\/shop\/files\/PDP_Glow_Gloss_SPF40_CaramelGlaze_15ml_Overlay_Rectangle.jpg?v=1778187896","\/\/supergoop.com\/cdn\/shop\/files\/Benefits_46a687bf-dac5-4e97-9bbd-aeeebbb636d2.png?v=1748958595","\/\/supergoop.com\/cdn\/shop\/files\/Flavors.png?v=1748958595","\/\/supergoop.com\/cdn\/shop\/files\/WMIS_47eb48f1-b782-4fa5-8233-8d3420f035ad.png?v=1748958595","\/\/supergoop.com\/cdn\/shop\/files\/Glow_Gloss_x_Lipscreen_Shine_Comparison.png?v=1748958595","\/\/supergoop.com\/cdn\/shop\/files\/Protect_Your_Pout_b936a7a4-d277-417b-9cb0-5f3a4ed27fbe.png?v=1748958595"],"featured_image":"\/\/supergoop.com\/cdn\/shop\/files\/DTC_US_PDP_Glow_Gloss_SPF40_VanillaSoftServe_15ml_Overlay_0a686a5f-d866-49a9-bdcd-472bd80cb401.jpg?v=1746217009","options":["Color"],"media":[{"alt":"Supergoop! | Glow Gloss SPF 40 Lip Balm Vanilla Soft Serve","id":24146153734242,"position":1,"preview_image":{"aspect_ratio":0.736,"height":1604,"width":1181,"src":"\/\/supergoop.com\/cdn\/shop\/files\/DTC_US_PDP_Glow_Gloss_SPF40_VanillaSoftServe_15ml_Overlay_0a686a5f-d866-49a9-bdcd-472bd80cb401.jpg?v=1746217009"},"aspect_ratio":0.736,"height":1604,"media_type":"image","src":"\/\/supergoop.com\/cdn\/shop\/files\/DTC_US_PDP_Glow_Gloss_SPF40_VanillaSoftServe_15ml_Overlay_0a686a5f-d866-49a9-bdcd-472bd80cb401.jpg?v=1746217009","width":1181},{"alt":"Supergoop! | Glow Gloss SPF 40 Lip Balm Vanilla Soft Serve","id":24146203344994,"position":2,"preview_image":{"aspect_ratio":0.736,"height":1604,"width":1180,"src":"\/\/supergoop.com\/cdn\/shop\/files\/BA_VanillaSoftServe.png?v=1760624427"},"aspect_ratio":0.736,"height":1604,"media_type":"image","src":"\/\/supergoop.com\/cdn\/shop\/files\/BA_VanillaSoftServe.png?v=1760624427","width":1180},{"alt":"Supergoop! | Glow Gloss SPF 40 Lip Balm Vanilla Soft Serve","id":24146203377762,"position":3,"preview_image":{"aspect_ratio":0.736,"height":1604,"width":1180,"src":"\/\/supergoop.com\/cdn\/shop\/files\/Skintones_Vanilla.png?v=1746218544"},"aspect_ratio":0.736,"height":1604,"media_type":"image","src":"\/\/supergoop.com\/cdn\/shop\/files\/Skintones_Vanilla.png?v=1746218544","width":1180},{"alt":"Supergoop! | Glow Gloss SPF 40 Lip Balm Vanilla Soft Serve","id":24146203672674,"position":4,"preview_image":{"aspect_ratio":0.736,"height":1604,"width":1180,"src":"\/\/supergoop.com\/cdn\/shop\/files\/Flavor_VanillaSoftServe.png?v=1748958580"},"aspect_ratio":0.736,"height":1604,"media_type":"image","src":"\/\/supergoop.com\/cdn\/shop\/files\/Flavor_VanillaSoftServe.png?v=1748958580","width":1180},{"alt":"Supergoop! | Glow Gloss SPF 40 Lip Balm Vanilla Soft Serve","id":24146203934818,"position":5,"preview_image":{"aspect_ratio":0.736,"height":1604,"width":1180,"src":"\/\/supergoop.com\/cdn\/shop\/files\/GlossyFinish_VanillaSoftServe.png?v=1746218544"},"aspect_ratio":0.736,"height":1604,"media_type":"image","src":"\/\/supergoop.com\/cdn\/shop\/files\/GlossyFinish_VanillaSoftServe.png?v=1746218544","width":1180},{"alt":"Supergoop! | Glow Gloss SPF 40 Lip Balm Vanilla Soft Serve","id":24146203869282,"position":6,"preview_image":{"aspect_ratio":0.736,"height":1604,"width":1180,"src":"\/\/supergoop.com\/cdn\/shop\/files\/Shade_VanillaSoftServe.png?v=1746218544"},"aspect_ratio":0.736,"height":1604,"media_type":"image","src":"\/\/supergoop.com\/cdn\/shop\/files\/Shade_VanillaSoftServe.png?v=1746218544","width":1180},{"alt":"Supergoop! | Glow Gloss SPF 40 Lip Balm Pink Peppermint","id":24146153308258,"position":7,"preview_image":{"aspect_ratio":0.736,"height":1604,"width":1181,"src":"\/\/supergoop.com\/cdn\/shop\/files\/DTC_US_PDP_Glow_Gloss_SPF40_PinkPeppermint_15ml_Overlay_59c73a3d-c531-42e0-9d25-bf41c9bfc71b.jpg?v=1746218544"},"aspect_ratio":0.736,"height":1604,"media_type":"image","src":"\/\/supergoop.com\/cdn\/shop\/files\/DTC_US_PDP_Glow_Gloss_SPF40_PinkPeppermint_15ml_Overlay_59c73a3d-c531-42e0-9d25-bf41c9bfc71b.jpg?v=1746218544","width":1181},{"alt":"Supergoop! | Glow Gloss SPF 40 Lip Balm Pink Peppermint","id":24146204131426,"position":8,"preview_image":{"aspect_ratio":0.736,"height":1604,"width":1180,"src":"\/\/supergoop.com\/cdn\/shop\/files\/BA_PinkPeppermint.png?v=1746218544"},"aspect_ratio":0.736,"height":1604,"media_type":"image","src":"\/\/supergoop.com\/cdn\/shop\/files\/BA_PinkPeppermint.png?v=1746218544","width":1180},{"alt":"Supergoop! | Glow Gloss SPF 40 Lip Balm Pink Peppermint","id":24146203639906,"position":9,"preview_image":{"aspect_ratio":0.736,"height":1604,"width":1180,"src":"\/\/supergoop.com\/cdn\/shop\/files\/Skintones_Peppermint.png?v=1746218544"},"aspect_ratio":0.736,"height":1604,"media_type":"image","src":"\/\/supergoop.com\/cdn\/shop\/files\/Skintones_Peppermint.png?v=1746218544","width":1180},{"alt":"Supergoop! | Glow Gloss SPF 40 Lip Balm Pink Peppermint","id":24146203705442,"position":10,"preview_image":{"aspect_ratio":0.736,"height":1604,"width":1180,"src":"\/\/supergoop.com\/cdn\/shop\/files\/Flavor_PinkPeppermint.png?v=1748958580"},"aspect_ratio":0.736,"height":1604,"media_type":"image","src":"\/\/supergoop.com\/cdn\/shop\/files\/Flavor_PinkPeppermint.png?v=1748958580","width":1180},{"alt":"Supergoop! | Glow Gloss SPF 40 Lip Balm Pink Peppermint","id":24146204065890,"position":11,"preview_image":{"aspect_ratio":0.736,"height":1604,"width":1180,"src":"\/\/supergoop.com\/cdn\/shop\/files\/GlossyFinish_PinkPeppermint.png?v=1746218544"},"aspect_ratio":0.736,"height":1604,"media_type":"image","src":"\/\/supergoop.com\/cdn\/shop\/files\/GlossyFinish_PinkPeppermint.png?v=1746218544","width":1180},{"alt":"Supergoop! | Glow Gloss SPF 40 Lip Balm Pink Peppermint","id":24146204033122,"position":12,"preview_image":{"aspect_ratio":0.736,"height":1604,"width":1180,"src":"\/\/supergoop.com\/cdn\/shop\/files\/Shade_PinkPeppermint.png?v=1746218544"},"aspect_ratio":0.736,"height":1604,"media_type":"image","src":"\/\/supergoop.com\/cdn\/shop\/files\/Shade_PinkPeppermint.png?v=1746218544","width":1180},{"alt":"Supergoop! | Glow Gloss SPF 40 Lip Balm Strawberry Spritz","id":24146153963618,"position":13,"preview_image":{"aspect_ratio":0.736,"height":1604,"width":1181,"src":"\/\/supergoop.com\/cdn\/shop\/files\/DTC_US_PDP_Glow_Gloss_SPF40_StrawberrySpritz_15ml_Overlay_802cea61-8ea3-45d5-898d-6e4cafa2ac07.jpg?v=1746218544"},"aspect_ratio":0.736,"height":1604,"media_type":"image","src":"\/\/supergoop.com\/cdn\/shop\/files\/DTC_US_PDP_Glow_Gloss_SPF40_StrawberrySpritz_15ml_Overlay_802cea61-8ea3-45d5-898d-6e4cafa2ac07.jpg?v=1746218544","width":1181},{"alt":"Supergoop! | Glow Gloss SPF 40 Lip Balm Strawberry Spritz","id":24146203738210,"position":14,"preview_image":{"aspect_ratio":0.736,"height":1604,"width":1180,"src":"\/\/supergoop.com\/cdn\/shop\/files\/BA_StrawberrySpritz.png?v=1746218712"},"aspect_ratio":0.736,"height":1604,"media_type":"image","src":"\/\/supergoop.com\/cdn\/shop\/files\/BA_StrawberrySpritz.png?v=1746218712","width":1180},{"alt":"Supergoop! | Glow Gloss SPF 40 Lip Balm Strawberry Spritz","id":24146203312226,"position":15,"preview_image":{"aspect_ratio":0.736,"height":1604,"width":1180,"src":"\/\/supergoop.com\/cdn\/shop\/files\/Skintones_Strawberry.png?v=1746218712"},"aspect_ratio":0.736,"height":1604,"media_type":"image","src":"\/\/supergoop.com\/cdn\/shop\/files\/Skintones_Strawberry.png?v=1746218712","width":1180},{"alt":"Supergoop! | Glow Gloss SPF 40 Lip Balm Strawberry Spritz","id":24146204000354,"position":16,"preview_image":{"aspect_ratio":0.736,"height":1604,"width":1180,"src":"\/\/supergoop.com\/cdn\/shop\/files\/GlossyFinish_StrawberrySpritz.png?v=1746218714"},"aspect_ratio":0.736,"height":1604,"media_type":"image","src":"\/\/supergoop.com\/cdn\/shop\/files\/GlossyFinish_StrawberrySpritz.png?v=1746218714","width":1180},{"alt":"Supergoop! | Glow Gloss SPF 40 Lip Balm Strawberry Spritz","id":24146203213922,"position":17,"preview_image":{"aspect_ratio":0.736,"height":1604,"width":1180,"src":"\/\/supergoop.com\/cdn\/shop\/files\/Flavor_StrawberrySpritz.png?v=1748958580"},"aspect_ratio":0.736,"height":1604,"media_type":"image","src":"\/\/supergoop.com\/cdn\/shop\/files\/Flavor_StrawberrySpritz.png?v=1748958580","width":1180},{"alt":"Supergoop! | Glow Gloss SPF 40 Lip Balm Strawberry Spritz","id":24146204164194,"position":18,"preview_image":{"aspect_ratio":0.736,"height":1604,"width":1180,"src":"\/\/supergoop.com\/cdn\/shop\/files\/Shade_StrawberrySpritz.png?v=1746218714"},"aspect_ratio":0.736,"height":1604,"media_type":"image","src":"\/\/supergoop.com\/cdn\/shop\/files\/Shade_StrawberrySpritz.png?v=1746218714","width":1180},{"alt":"Supergoop! | Glow Gloss SPF 40 Lip Balm Caramel Glaze","id":25787691204706,"position":19,"preview_image":{"aspect_ratio":0.65,"height":4000,"width":2600,"src":"\/\/supergoop.com\/cdn\/shop\/files\/PDP_Glow_Gloss_SPF40_CaramelGlaze_15ml_Overlay_Rectangle.jpg?v=1778187896"},"aspect_ratio":0.65,"height":4000,"media_type":"image","src":"\/\/supergoop.com\/cdn\/shop\/files\/PDP_Glow_Gloss_SPF40_CaramelGlaze_15ml_Overlay_Rectangle.jpg?v=1778187896","width":2600},{"alt":"Supergoop! | Glow Gloss SPF 40 Lip BalmStrawberry Spritz \/ Vanilla Soft-Serve \/ Pink Peppermint \/ Caramel Glaze","id":24267300077666,"position":20,"preview_image":{"aspect_ratio":0.736,"height":1604,"width":1180,"src":"\/\/supergoop.com\/cdn\/shop\/files\/Benefits_46a687bf-dac5-4e97-9bbd-aeeebbb636d2.png?v=1748958595"},"aspect_ratio":0.736,"height":1604,"media_type":"image","src":"\/\/supergoop.com\/cdn\/shop\/files\/Benefits_46a687bf-dac5-4e97-9bbd-aeeebbb636d2.png?v=1748958595","width":1180},{"alt":"Supergoop! | Glow Gloss SPF 40 Lip BalmStrawberry Spritz \/ Vanilla Soft-Serve \/ Pink Peppermint \/ Caramel Glaze","id":24146203836514,"position":21,"preview_image":{"aspect_ratio":0.736,"height":1604,"width":1180,"src":"\/\/supergoop.com\/cdn\/shop\/files\/Flavors.png?v=1748958595"},"aspect_ratio":0.736,"height":1604,"media_type":"image","src":"\/\/supergoop.com\/cdn\/shop\/files\/Flavors.png?v=1748958595","width":1180},{"alt":"Supergoop! | Glow Gloss SPF 40 Lip BalmStrawberry Spritz \/ Vanilla Soft-Serve \/ Pink Peppermint \/ Caramel Glaze","id":24146203279458,"position":22,"preview_image":{"aspect_ratio":0.736,"height":1604,"width":1181,"src":"\/\/supergoop.com\/cdn\/shop\/files\/WMIS_47eb48f1-b782-4fa5-8233-8d3420f035ad.png?v=1748958595"},"aspect_ratio":0.736,"height":1604,"media_type":"image","src":"\/\/supergoop.com\/cdn\/shop\/files\/WMIS_47eb48f1-b782-4fa5-8233-8d3420f035ad.png?v=1748958595","width":1181},{"alt":"Supergoop! | Glow Gloss SPF 40 Lip BalmStrawberry Spritz \/ Vanilla Soft-Serve \/ Pink Peppermint","id":24146203246690,"position":23,"preview_image":{"aspect_ratio":0.736,"height":1604,"width":1180,"src":"\/\/supergoop.com\/cdn\/shop\/files\/Glow_Gloss_x_Lipscreen_Shine_Comparison.png?v=1748958595"},"aspect_ratio":0.736,"height":1604,"media_type":"image","src":"\/\/supergoop.com\/cdn\/shop\/files\/Glow_Gloss_x_Lipscreen_Shine_Comparison.png?v=1748958595","width":1180},{"alt":"Supergoop! | Glow Gloss SPF 40 Lip BalmStrawberry Spritz \/ Vanilla Soft-Serve \/ Pink Peppermint \/ Caramel Glaze","id":24210804047970,"position":24,"preview_image":{"aspect_ratio":0.736,"height":1604,"width":1180,"src":"\/\/supergoop.com\/cdn\/shop\/files\/Protect_Your_Pout_b936a7a4-d277-417b-9cb0-5f3a4ed27fbe.png?v=1748958595"},"aspect_ratio":0.736,"height":1604,"media_type":"image","src":"\/\/supergoop.com\/cdn\/shop\/files\/Protect_Your_Pout_b936a7a4-d277-417b-9cb0-5f3a4ed27fbe.png?v=1748958595","width":1180}],"requires_selling_plan":false,"selling_plan_groups":[{"id":"d1c31b7d875f371afdda85ee0906e6c15aee403a","name":"Subscription","options":[{"name":"Subscription","position":1,"values":["Every 2 months","Every 3 months (recommended)","Every 4 months"]}],"selling_plans":[{"id":3022880866,"name":"Every 2 months","description":null,"options":[{"name":"Subscription","position":1,"value":"Every 2 months"}],"recurring_deliveries":true,"price_adjustments":[{"order_count":null,"position":1,"value_type":"percentage","value":10}],"checkout_charge":{"value_type":"percentage","value":100}},{"id":3022913634,"name":"Every 3 months (recommended)","description":null,"options":[{"name":"Subscription","position":1,"value":"Every 3 months (recommended)"}],"recurring_deliveries":true,"price_adjustments":[{"order_count":null,"position":1,"value_type":"percentage","value":10}],"checkout_charge":{"value_type":"percentage","value":100}},{"id":3022848098,"name":"Every 4 months","description":null,"options":[{"name":"Subscription","position":1,"value":"Every 4 months"}],"recurring_deliveries":true,"price_adjustments":[{"order_count":null,"position":1,"value_type":"percentage","value":10}],"checkout_charge":{"value_type":"percentage","value":100}}],"app_id":"SKIO"}],"content":"\u003cp\u003e\u003cmeta charset=\"utf-8\"\u003e\u003cmeta charset=\"utf-8\"\u003e\u003cspan data-sheets-root=\"1\"\u003e\u003cspan\u003eA high-shine glossy lip balm that leaves lips ultra-hydrated with a sheer, non-sticky finish — \u003c\/span\u003e\u003cspan\u003ein 4 sweet flavors!\u003c\/span\u003e\u003c\/span\u003e\u003c\/p\u003e"},
                "description": "High-shine hydrating lip balm",
                "productVariant": {"id":41683278430306,"title":"Vanilla Soft Serve","option1":"Vanilla Soft Serve","option2":null,"option3":null,"sku":"90046","requires_shipping":true,"taxable":true,"featured_image":{"id":32273543069794,"product_id":7285288566882,"position":1,"created_at":"2025-05-02T16:14:11-04:00","updated_at":"2025-05-02T16:16:49-04:00","alt":"Supergoop! | Glow Gloss SPF 40 Lip Balm Vanilla Soft Serve","width":1181,"height":1604,"src":"\/\/supergoop.com\/cdn\/shop\/files\/DTC_US_PDP_Glow_Gloss_SPF40_VanillaSoftServe_15ml_Overlay_0a686a5f-d866-49a9-bdcd-472bd80cb401.jpg?v=1746217009","variant_ids":[41683278430306]},"available":true,"name":"Glow Gloss SPF 40 Lip Balm - Vanilla Soft Serve","public_title":"Vanilla Soft Serve","options":["Vanilla Soft Serve"],"price":2200,"weight":68,"compare_at_price":null,"inventory_quantity":100,"inventory_management":"shopify","inventory_policy":"deny","barcode":"810165890046","featured_media":{"alt":"Supergoop! | Glow Gloss SPF 40 Lip Balm Vanilla Soft Serve","id":24146153734242,"position":1,"preview_image":{"aspect_ratio":0.736,"height":1604,"width":1181,"src":"\/\/supergoop.com\/cdn\/shop\/files\/DTC_US_PDP_Glow_Gloss_SPF40_VanillaSoftServe_15ml_Overlay_0a686a5f-d866-49a9-bdcd-472bd80cb401.jpg?v=1746217009"}},"requires_selling_plan":false,"selling_plan_allocations":[{"price_adjustments":[{"position":1,"price":1980}],"price":1980,"compare_at_price":2200,"per_delivery_price":1980,"selling_plan_id":3022880866,"selling_plan_group_id":"d1c31b7d875f371afdda85ee0906e6c15aee403a"},{"price_adjustments":[{"position":1,"price":1980}],"price":1980,"compare_at_price":2200,"per_delivery_price":1980,"selling_plan_id":3022913634,"selling_plan_group_id":"d1c31b7d875f371afdda85ee0906e6c15aee403a"},{"price_adjustments":[{"position":1,"price":1980}],"price":1980,"compare_at_price":2200,"per_delivery_price":1980,"selling_plan_id":3022848098,"selling_plan_group_id":"d1c31b7d875f371afdda85ee0906e6c15aee403a"}],"quantity_rule":{"min":1,"max":null,"increment":1}},
                "price": 2200
              },
            
              
              {
                "product": {"id":6993891491938,"title":"Unseen Sunscreen Stick SPF 40","handle":"unseen-clear-sunscreen-stick","description":"\u003cmeta charset=\"utf-8\"\u003e\n\u003cstyle type=\"text\/css\" data-mce-fragment=\"1\"\u003e\u003c!--td {border: 1px solid #cccccc;}br {mso-data-placement:same-cell;}--\u003e\u003c\/style\u003e\n\u003cspan data-sheets-root=\"1\" data-sheets-value='{\"1\":2,\"2\":\"A 100% invisible sunscreen stick for on-the-go, clear sun protection that helps reduce the appearance of oil \u0026amp; shine \u0026amp; glides seamlessly over makeup.\"}' data-sheets-userformat='{\"2\":13249,\"3\":{\"1\":0},\"9\":0,\"10\":2,\"11\":4,\"12\":0,\"15\":\"Arial\",\"16\":8}' data-mce-fragment=\"1\"\u003eA 100% invisible sunscreen stick for on-the-go, clear sun protection that helps reduce the appearance of oil \u0026amp; shine \u0026amp; glides seamlessly over makeup.\u003c\/span\u003e\u003cbr\u003e","published_at":"2024-02-29T16:01:03-05:00","created_at":"2024-02-19T15:21:40-05:00","vendor":"Supergoop!","type":"Face \u0026 Body","tags":["Body Part:Body","Body Part:Face","Finish:Invisible","Finish:No white cast","Preferences:Non-comedogenic","Preferences:Sweat \u0026 water-resistant","Quiz Recommendation"],"price":3200,"price_min":3200,"price_max":3200,"available":true,"price_varies":false,"compare_at_price":null,"compare_at_price_min":0,"compare_at_price_max":0,"compare_at_price_varies":false,"variants":[{"id":40758203154530,"title":"0.70 oz.","option1":"0.70 oz.","option2":null,"option3":null,"sku":"8329","requires_shipping":true,"taxable":true,"featured_image":{"id":30169783730274,"product_id":6993891491938,"position":1,"created_at":"2024-03-14T22:22:44-04:00","updated_at":"2024-05-29T09:34:24-04:00","alt":"Supergoop! Unseen Sunscreen Stick SPF 40 0.70 oz. Packshot and goop","width":1180,"height":1604,"src":"\/\/supergoop.com\/cdn\/shop\/files\/UnseenSunscreenStick_Alt_01_new.jpg?v=1716989664","variant_ids":[40758203154530]},"available":true,"name":"Unseen Sunscreen Stick SPF 40 - 0.70 oz.","public_title":"0.70 oz.","options":["0.70 oz."],"price":3200,"weight":64,"compare_at_price":null,"inventory_quantity":100,"inventory_management":"shopify","inventory_policy":"deny","barcode":"816218028329","featured_media":{"alt":"Supergoop! Unseen Sunscreen Stick SPF 40 0.70 oz. Packshot and goop","id":22544206364770,"position":1,"preview_image":{"aspect_ratio":0.736,"height":1604,"width":1180,"src":"\/\/supergoop.com\/cdn\/shop\/files\/UnseenSunscreenStick_Alt_01_new.jpg?v=1716989664"}},"requires_selling_plan":false,"selling_plan_allocations":[{"price_adjustments":[{"position":1,"price":2880}],"price":2880,"compare_at_price":3200,"per_delivery_price":2880,"selling_plan_id":3022880866,"selling_plan_group_id":"d1c31b7d875f371afdda85ee0906e6c15aee403a"},{"price_adjustments":[{"position":1,"price":2880}],"price":2880,"compare_at_price":3200,"per_delivery_price":2880,"selling_plan_id":3022913634,"selling_plan_group_id":"d1c31b7d875f371afdda85ee0906e6c15aee403a"},{"price_adjustments":[{"position":1,"price":2880}],"price":2880,"compare_at_price":3200,"per_delivery_price":2880,"selling_plan_id":3022848098,"selling_plan_group_id":"d1c31b7d875f371afdda85ee0906e6c15aee403a"}],"quantity_rule":{"min":1,"max":null,"increment":1}}],"images":["\/\/supergoop.com\/cdn\/shop\/files\/UnseenSunscreenStick_Alt_01_new.jpg?v=1716989664","\/\/supergoop.com\/cdn\/shop\/files\/UnseenSunscreenStick_Alt_10.jpg?v=1716989664","\/\/supergoop.com\/cdn\/shop\/files\/UnseenSunscreenStick_Alt_03.jpg?v=1718208025","\/\/supergoop.com\/cdn\/shop\/files\/UnseenSunscreenStick_Alt_04.jpg?v=1718208025","\/\/supergoop.com\/cdn\/shop\/files\/UnseenSunscreenStick_Alt_06.jpg?v=1718208025","\/\/supergoop.com\/cdn\/shop\/files\/UnseenSunscreenStick_Alt_11.jpg?v=1718208025","\/\/supergoop.com\/cdn\/shop\/files\/supergoop-unseen-sunscreen-stick-spf-40-alt-07.jpg?v=1735232286","\/\/supergoop.com\/cdn\/shop\/files\/UnseenSunscreenStick_Alt_08.jpg?v=1735232286","\/\/supergoop.com\/cdn\/shop\/files\/UnseenSunscreenStick_Alt_09_f8b9f702-9375-4149-8add-8d20bce0becf.jpg?v=1735232286","\/\/supergoop.com\/cdn\/shop\/files\/UnseenSunscreenStick_Alt_05.jpg?v=1735232286"],"featured_image":"\/\/supergoop.com\/cdn\/shop\/files\/UnseenSunscreenStick_Alt_01_new.jpg?v=1716989664","options":["Size"],"media":[{"alt":"Supergoop! Unseen Sunscreen Stick SPF 40 0.70 oz. Packshot and goop","id":22544206364770,"position":1,"preview_image":{"aspect_ratio":0.736,"height":1604,"width":1180,"src":"\/\/supergoop.com\/cdn\/shop\/files\/UnseenSunscreenStick_Alt_01_new.jpg?v=1716989664"},"aspect_ratio":0.736,"height":1604,"media_type":"image","src":"\/\/supergoop.com\/cdn\/shop\/files\/UnseenSunscreenStick_Alt_01_new.jpg?v=1716989664","width":1180},{"alt":"Supergoop! Unseen Sunscreen Stick SPF 40 0.70 oz. on face","id":22452408778850,"position":2,"preview_image":{"aspect_ratio":0.736,"height":1604,"width":1180,"src":"\/\/supergoop.com\/cdn\/shop\/files\/UnseenSunscreenStick_Alt_10.jpg?v=1716989664"},"aspect_ratio":0.736,"height":1604,"media_type":"image","src":"\/\/supergoop.com\/cdn\/shop\/files\/UnseenSunscreenStick_Alt_10.jpg?v=1716989664","width":1180},{"alt":"Supergoop! Unseen Sunscreen Stick SPF 40 0.70 oz.  ASMR video","id":23026290393186,"position":3,"preview_image":{"aspect_ratio":0.736,"height":1604,"width":1180,"src":"\/\/supergoop.com\/cdn\/shop\/files\/preview_images\/c1c18fb155d742f2bfd6918f5f1e9233.thumbnail.0000000000.jpg?v=1718207617"},"aspect_ratio":0.733,"duration":8400,"media_type":"video","sources":[{"format":"mp4","height":480,"mime_type":"video\/mp4","url":"\/\/supergoop.com\/cdn\/shop\/videos\/c\/vp\/c1c18fb155d742f2bfd6918f5f1e9233\/c1c18fb155d742f2bfd6918f5f1e9233.SD-480p-1.5Mbps-30361668.mp4?v=0","width":352},{"format":"mp4","height":1080,"mime_type":"video\/mp4","url":"\/\/supergoop.com\/cdn\/shop\/videos\/c\/vp\/c1c18fb155d742f2bfd6918f5f1e9233\/c1c18fb155d742f2bfd6918f5f1e9233.HD-1080p-7.2Mbps-30361668.mp4?v=0","width":794},{"format":"mp4","height":720,"mime_type":"video\/mp4","url":"\/\/supergoop.com\/cdn\/shop\/videos\/c\/vp\/c1c18fb155d742f2bfd6918f5f1e9233\/c1c18fb155d742f2bfd6918f5f1e9233.HD-720p-4.5Mbps-30361668.mp4?v=0","width":528},{"format":"m3u8","height":1080,"mime_type":"application\/x-mpegURL","url":"\/\/supergoop.com\/cdn\/shop\/videos\/c\/vp\/c1c18fb155d742f2bfd6918f5f1e9233\/c1c18fb155d742f2bfd6918f5f1e9233.m3u8?v=0","width":794}]},{"alt":"Supergoop! Unseen Sunscreen Stick SPF 40 0.70 oz. Packaging","id":22452404322402,"position":4,"preview_image":{"aspect_ratio":0.736,"height":1604,"width":1180,"src":"\/\/supergoop.com\/cdn\/shop\/files\/UnseenSunscreenStick_Alt_03.jpg?v=1718208025"},"aspect_ratio":0.736,"height":1604,"media_type":"image","src":"\/\/supergoop.com\/cdn\/shop\/files\/UnseenSunscreenStick_Alt_03.jpg?v=1718208025","width":1180},{"alt":"Supergoop! Unseen Sunscreen Stick SPF 40 0.70 oz. on model Before and After","id":22452512391266,"position":5,"preview_image":{"aspect_ratio":0.736,"height":1604,"width":1180,"src":"\/\/supergoop.com\/cdn\/shop\/files\/UnseenSunscreenStick_Alt_04.jpg?v=1718208025"},"aspect_ratio":0.736,"height":1604,"media_type":"image","src":"\/\/supergoop.com\/cdn\/shop\/files\/UnseenSunscreenStick_Alt_04.jpg?v=1718208025","width":1180},{"alt":"Supergoop! Unseen Sunscreen Stick SPF 40 0.70 oz. product facts","id":22452511965282,"position":6,"preview_image":{"aspect_ratio":0.736,"height":1604,"width":1180,"src":"\/\/supergoop.com\/cdn\/shop\/files\/UnseenSunscreenStick_Alt_06.jpg?v=1718208025"},"aspect_ratio":0.736,"height":1604,"media_type":"image","src":"\/\/supergoop.com\/cdn\/shop\/files\/UnseenSunscreenStick_Alt_06.jpg?v=1718208025","width":1180},{"alt":"Supergoop! Unseen Sunscreen Stick SPF 40 0.70 oz. in jean pocket","id":22452508491874,"position":7,"preview_image":{"aspect_ratio":0.736,"height":1604,"width":1180,"src":"\/\/supergoop.com\/cdn\/shop\/files\/UnseenSunscreenStick_Alt_11.jpg?v=1718208025"},"aspect_ratio":0.736,"height":1604,"media_type":"image","src":"\/\/supergoop.com\/cdn\/shop\/files\/UnseenSunscreenStick_Alt_11.jpg?v=1718208025","width":1180},{"alt":"Supergoop! Unseen Sunscreen Stick SPF 40 0.70 oz. product shot with unseen sunscreen","id":23741365321826,"position":8,"preview_image":{"aspect_ratio":0.736,"height":1604,"width":1180,"src":"\/\/supergoop.com\/cdn\/shop\/files\/supergoop-unseen-sunscreen-stick-spf-40-alt-07.jpg?v=1735232286"},"aspect_ratio":0.736,"height":1604,"media_type":"image","src":"\/\/supergoop.com\/cdn\/shop\/files\/supergoop-unseen-sunscreen-stick-spf-40-alt-07.jpg?v=1735232286","width":1180},{"alt":"Supergoop! Unseen Sunscreen Stick SPF 40 0.70 oz. clinical","id":22452511473762,"position":9,"preview_image":{"aspect_ratio":0.736,"height":1604,"width":1180,"src":"\/\/supergoop.com\/cdn\/shop\/files\/UnseenSunscreenStick_Alt_08.jpg?v=1735232286"},"aspect_ratio":0.736,"height":1604,"media_type":"image","src":"\/\/supergoop.com\/cdn\/shop\/files\/UnseenSunscreenStick_Alt_08.jpg?v=1735232286","width":1180},{"alt":"Supergoop! Unseen Sunscreen Stick SPF 40 0.70 oz. behind the bottle","id":23057002168418,"position":10,"preview_image":{"aspect_ratio":0.736,"height":1604,"width":1180,"src":"\/\/supergoop.com\/cdn\/shop\/files\/UnseenSunscreenStick_Alt_09_f8b9f702-9375-4149-8add-8d20bce0becf.jpg?v=1735232286"},"aspect_ratio":0.736,"height":1604,"media_type":"image","src":"\/\/supergoop.com\/cdn\/shop\/files\/UnseenSunscreenStick_Alt_09_f8b9f702-9375-4149-8add-8d20bce0becf.jpg?v=1735232286","width":1180},{"alt":"Supergoop! Unseen Sunscreen Stick SPF 40 0.70 oz. comparison","id":22452511932514,"position":11,"preview_image":{"aspect_ratio":0.736,"height":1604,"width":1180,"src":"\/\/supergoop.com\/cdn\/shop\/files\/UnseenSunscreenStick_Alt_05.jpg?v=1735232286"},"aspect_ratio":0.736,"height":1604,"media_type":"image","src":"\/\/supergoop.com\/cdn\/shop\/files\/UnseenSunscreenStick_Alt_05.jpg?v=1735232286","width":1180}],"requires_selling_plan":false,"selling_plan_groups":[{"id":"d1c31b7d875f371afdda85ee0906e6c15aee403a","name":"Subscription","options":[{"name":"Subscription","position":1,"values":["Every 2 months","Every 3 months (recommended)","Every 4 months"]}],"selling_plans":[{"id":3022880866,"name":"Every 2 months","description":null,"options":[{"name":"Subscription","position":1,"value":"Every 2 months"}],"recurring_deliveries":true,"price_adjustments":[{"order_count":null,"position":1,"value_type":"percentage","value":10}],"checkout_charge":{"value_type":"percentage","value":100}},{"id":3022913634,"name":"Every 3 months (recommended)","description":null,"options":[{"name":"Subscription","position":1,"value":"Every 3 months (recommended)"}],"recurring_deliveries":true,"price_adjustments":[{"order_count":null,"position":1,"value_type":"percentage","value":10}],"checkout_charge":{"value_type":"percentage","value":100}},{"id":3022848098,"name":"Every 4 months","description":null,"options":[{"name":"Subscription","position":1,"value":"Every 4 months"}],"recurring_deliveries":true,"price_adjustments":[{"order_count":null,"position":1,"value_type":"percentage","value":10}],"checkout_charge":{"value_type":"percentage","value":100}}],"app_id":"SKIO"}],"content":"\u003cmeta charset=\"utf-8\"\u003e\n\u003cstyle type=\"text\/css\" data-mce-fragment=\"1\"\u003e\u003c!--td {border: 1px solid #cccccc;}br {mso-data-placement:same-cell;}--\u003e\u003c\/style\u003e\n\u003cspan data-sheets-root=\"1\" data-sheets-value='{\"1\":2,\"2\":\"A 100% invisible sunscreen stick for on-the-go, clear sun protection that helps reduce the appearance of oil \u0026amp; shine \u0026amp; glides seamlessly over makeup.\"}' data-sheets-userformat='{\"2\":13249,\"3\":{\"1\":0},\"9\":0,\"10\":2,\"11\":4,\"12\":0,\"15\":\"Arial\",\"16\":8}' data-mce-fragment=\"1\"\u003eA 100% invisible sunscreen stick for on-the-go, clear sun protection that helps reduce the appearance of oil \u0026amp; shine \u0026amp; glides seamlessly over makeup.\u003c\/span\u003e\u003cbr\u003e"},
                "description": null,
                "productVariant": {"id":40758203154530,"title":"0.70 oz.","option1":"0.70 oz.","option2":null,"option3":null,"sku":"8329","requires_shipping":true,"taxable":true,"featured_image":{"id":30169783730274,"product_id":6993891491938,"position":1,"created_at":"2024-03-14T22:22:44-04:00","updated_at":"2024-05-29T09:34:24-04:00","alt":"Supergoop! Unseen Sunscreen Stick SPF 40 0.70 oz. Packshot and goop","width":1180,"height":1604,"src":"\/\/supergoop.com\/cdn\/shop\/files\/UnseenSunscreenStick_Alt_01_new.jpg?v=1716989664","variant_ids":[40758203154530]},"available":true,"name":"Unseen Sunscreen Stick SPF 40 - 0.70 oz.","public_title":"0.70 oz.","options":["0.70 oz."],"price":3200,"weight":64,"compare_at_price":null,"inventory_quantity":100,"inventory_management":"shopify","inventory_policy":"deny","barcode":"816218028329","featured_media":{"alt":"Supergoop! Unseen Sunscreen Stick SPF 40 0.70 oz. Packshot and goop","id":22544206364770,"position":1,"preview_image":{"aspect_ratio":0.736,"height":1604,"width":1180,"src":"\/\/supergoop.com\/cdn\/shop\/files\/UnseenSunscreenStick_Alt_01_new.jpg?v=1716989664"}},"requires_selling_plan":false,"selling_plan_allocations":[{"price_adjustments":[{"position":1,"price":2880}],"price":2880,"compare_at_price":3200,"per_delivery_price":2880,"selling_plan_id":3022880866,"selling_plan_group_id":"d1c31b7d875f371afdda85ee0906e6c15aee403a"},{"price_adjustments":[{"position":1,"price":2880}],"price":2880,"compare_at_price":3200,"per_delivery_price":2880,"selling_plan_id":3022913634,"selling_plan_group_id":"d1c31b7d875f371afdda85ee0906e6c15aee403a"},{"price_adjustments":[{"position":1,"price":2880}],"price":2880,"compare_at_price":3200,"per_delivery_price":2880,"selling_plan_id":3022848098,"selling_plan_group_id":"d1c31b7d875f371afdda85ee0906e6c15aee403a"}],"quantity_rule":{"min":1,"max":null,"increment":1}},
                "price": 3200
              },
            
              
              {
                "product": {"id":7327851577442,"title":"PLAY Everyday Sunscreen Stick SPF 50","handle":"play-everyday-stick-spf-50","description":"\u003cstyle type=\"text\/css\"\u003e\u003c!--td {border: 1px solid #cccccc;}br {mso-data-placement:same-cell;}--\u003e\u003c\/style\u003e\n\u003cp\u003e\u003cspan data-sheets-root=\"1\"\u003eAn easy-to-apply sunscreen stick that glides on smoothly, applies clear and is water- and sweat-resistant with a weightless feel and natural, fresh scent.\u003c\/span\u003e\u003c\/p\u003e","published_at":"2025-04-12T22:32:56-04:00","created_at":"2025-04-02T09:37:52-04:00","vendor":"Supergoop!","type":"Face \u0026 Body","tags":["ActiveSKU","Benefit:Non-Comedogenic","Benefit:Water \u0026 Sweat-Resistant","Body Part:Body","Body Part:Face","Finish:Natural","Finish:No white cast","Format:Stick","Preferences:Highest SPF protection","Preferences:Non-comedogenic","Preferences:Sweat \u0026 water-resistant","Quiz Recommendation","Size:TSA-Friendly","Skin Type:Normal","subscription"],"price":2200,"price_min":2200,"price_max":2200,"available":false,"price_varies":false,"compare_at_price":null,"compare_at_price_min":0,"compare_at_price_max":0,"compare_at_price_varies":false,"variants":[{"id":41845450768482,"title":"1.4 oz.","option1":"1.4 oz.","option2":null,"option3":null,"sku":"9074","requires_shipping":true,"taxable":true,"featured_image":{"id":32186804273250,"product_id":7327851577442,"position":1,"created_at":"2025-04-10T10:30:15-04:00","updated_at":"2025-04-10T10:30:44-04:00","alt":"Supergoop! PLAY Everyday Sunscreen Stick SPF 50","width":1180,"height":1604,"src":"\/\/supergoop.com\/cdn\/shop\/files\/supergoop-play-sunscreen-stick-spf-50-product-and-texture.jpg?v=1744295444","variant_ids":[41845450768482]},"available":false,"name":"PLAY Everyday Sunscreen Stick SPF 50 - 1.4 oz.","public_title":"1.4 oz.","options":["1.4 oz."],"price":2200,"weight":64,"compare_at_price":null,"inventory_quantity":0,"inventory_management":"shopify","inventory_policy":"deny","barcode":"816218029074","featured_media":{"alt":"Supergoop! PLAY Everyday Sunscreen Stick SPF 50","id":24091553955938,"position":1,"preview_image":{"aspect_ratio":0.736,"height":1604,"width":1180,"src":"\/\/supergoop.com\/cdn\/shop\/files\/supergoop-play-sunscreen-stick-spf-50-product-and-texture.jpg?v=1744295444"}},"requires_selling_plan":false,"selling_plan_allocations":[{"price_adjustments":[{"position":1,"price":1980}],"price":1980,"compare_at_price":2200,"per_delivery_price":1980,"selling_plan_id":3022880866,"selling_plan_group_id":"d1c31b7d875f371afdda85ee0906e6c15aee403a"},{"price_adjustments":[{"position":1,"price":1980}],"price":1980,"compare_at_price":2200,"per_delivery_price":1980,"selling_plan_id":3022913634,"selling_plan_group_id":"d1c31b7d875f371afdda85ee0906e6c15aee403a"},{"price_adjustments":[{"position":1,"price":1980}],"price":1980,"compare_at_price":2200,"per_delivery_price":1980,"selling_plan_id":3022848098,"selling_plan_group_id":"d1c31b7d875f371afdda85ee0906e6c15aee403a"}],"quantity_rule":{"min":1,"max":null,"increment":1}}],"images":["\/\/supergoop.com\/cdn\/shop\/files\/supergoop-play-sunscreen-stick-spf-50-product-and-texture.jpg?v=1744295444","\/\/supergoop.com\/cdn\/shop\/files\/supergoop-play-sunscreen-stick-spf-50-open.jpg?v=1744295444","\/\/supergoop.com\/cdn\/shop\/files\/supergoop-play-sunscreen-stick-spf-50-texture.jpg?v=1744295444","\/\/supergoop.com\/cdn\/shop\/files\/supergoop-play-face-lotion-model-before-and-after.jpg?v=1744295444","\/\/supergoop.com\/cdn\/shop\/files\/supergoop-play-sunscreen-stick-spf-50-model-application-ear.jpg?v=1745951525","\/\/supergoop.com\/cdn\/shop\/files\/supergoop-play-face-lotion-spf-50-comparison.jpg?v=1744295444","\/\/supergoop.com\/cdn\/shop\/files\/supergoop-play-sunscreen-stick-spf-50-portability.jpg?v=1745951525","\/\/supergoop.com\/cdn\/shop\/files\/supergoop-play-sunscreen-stick-spf-50-model-application.jpg?v=1744295444","\/\/supergoop.com\/cdn\/shop\/files\/supergoop-play-sunscreen-stick-ingredients.jpg?v=1745951525","\/\/supergoop.com\/cdn\/shop\/files\/supergoop-sunscreen-stick-spf-50-parent-applying-on-child.jpg?v=1744295444"],"featured_image":"\/\/supergoop.com\/cdn\/shop\/files\/supergoop-play-sunscreen-stick-spf-50-product-and-texture.jpg?v=1744295444","options":["Size"],"media":[{"alt":"Supergoop! PLAY Everyday Sunscreen Stick SPF 50","id":24091553955938,"position":1,"preview_image":{"aspect_ratio":0.736,"height":1604,"width":1180,"src":"\/\/supergoop.com\/cdn\/shop\/files\/supergoop-play-sunscreen-stick-spf-50-product-and-texture.jpg?v=1744295444"},"aspect_ratio":0.736,"height":1604,"media_type":"image","src":"\/\/supergoop.com\/cdn\/shop\/files\/supergoop-play-sunscreen-stick-spf-50-product-and-texture.jpg?v=1744295444","width":1180},{"alt":"Supergoop! PLAY Everyday Sunscreen Stick SPF 50","id":24091553988706,"position":2,"preview_image":{"aspect_ratio":0.736,"height":1604,"width":1180,"src":"\/\/supergoop.com\/cdn\/shop\/files\/supergoop-play-sunscreen-stick-spf-50-open.jpg?v=1744295444"},"aspect_ratio":0.736,"height":1604,"media_type":"image","src":"\/\/supergoop.com\/cdn\/shop\/files\/supergoop-play-sunscreen-stick-spf-50-open.jpg?v=1744295444","width":1180},{"alt":"Supergoop! PLAY Everyday Sunscreen Stick SPF 50","id":24091554087010,"position":3,"preview_image":{"aspect_ratio":0.736,"height":1604,"width":1180,"src":"\/\/supergoop.com\/cdn\/shop\/files\/supergoop-play-sunscreen-stick-spf-50-texture.jpg?v=1744295444"},"aspect_ratio":0.736,"height":1604,"media_type":"image","src":"\/\/supergoop.com\/cdn\/shop\/files\/supergoop-play-sunscreen-stick-spf-50-texture.jpg?v=1744295444","width":1180},{"alt":"Supergoop! PLAY Everyday Sunscreen Stick SPF 50","id":24091553923170,"position":4,"preview_image":{"aspect_ratio":0.736,"height":1604,"width":1180,"src":"\/\/supergoop.com\/cdn\/shop\/files\/supergoop-play-face-lotion-model-before-and-after.jpg?v=1744295444"},"aspect_ratio":0.736,"height":1604,"media_type":"image","src":"\/\/supergoop.com\/cdn\/shop\/files\/supergoop-play-face-lotion-model-before-and-after.jpg?v=1744295444","width":1180},{"alt":"Supergoop! PLAY Everyday Sunscreen Stick SPF 50","id":24091553824866,"position":5,"preview_image":{"aspect_ratio":0.736,"height":1604,"width":1180,"src":"\/\/supergoop.com\/cdn\/shop\/files\/supergoop-play-sunscreen-stick-spf-50-model-application-ear.jpg?v=1745951525"},"aspect_ratio":0.736,"height":1604,"media_type":"image","src":"\/\/supergoop.com\/cdn\/shop\/files\/supergoop-play-sunscreen-stick-spf-50-model-application-ear.jpg?v=1745951525","width":1180},{"alt":"Supergoop! PLAY Everyday Sunscreen Stick SPF 50","id":24091553857634,"position":6,"preview_image":{"aspect_ratio":0.736,"height":1604,"width":1180,"src":"\/\/supergoop.com\/cdn\/shop\/files\/supergoop-play-face-lotion-spf-50-comparison.jpg?v=1744295444"},"aspect_ratio":0.736,"height":1604,"media_type":"image","src":"\/\/supergoop.com\/cdn\/shop\/files\/supergoop-play-face-lotion-spf-50-comparison.jpg?v=1744295444","width":1180},{"alt":"Supergoop! PLAY Everyday Sunscreen Stick SPF 50","id":24091553890402,"position":7,"preview_image":{"aspect_ratio":0.736,"height":1604,"width":1180,"src":"\/\/supergoop.com\/cdn\/shop\/files\/supergoop-play-sunscreen-stick-spf-50-portability.jpg?v=1745951525"},"aspect_ratio":0.736,"height":1604,"media_type":"image","src":"\/\/supergoop.com\/cdn\/shop\/files\/supergoop-play-sunscreen-stick-spf-50-portability.jpg?v=1745951525","width":1180},{"alt":"Supergoop! PLAY Everyday Sunscreen Stick SPF 50","id":24091554021474,"position":8,"preview_image":{"aspect_ratio":0.736,"height":1604,"width":1180,"src":"\/\/supergoop.com\/cdn\/shop\/files\/supergoop-play-sunscreen-stick-spf-50-model-application.jpg?v=1744295444"},"aspect_ratio":0.736,"height":1604,"media_type":"image","src":"\/\/supergoop.com\/cdn\/shop\/files\/supergoop-play-sunscreen-stick-spf-50-model-application.jpg?v=1744295444","width":1180},{"alt":"Supergoop! PLAY Everyday Sunscreen Stick SPF 50","id":24091554054242,"position":9,"preview_image":{"aspect_ratio":0.736,"height":1604,"width":1180,"src":"\/\/supergoop.com\/cdn\/shop\/files\/supergoop-play-sunscreen-stick-ingredients.jpg?v=1745951525"},"aspect_ratio":0.736,"height":1604,"media_type":"image","src":"\/\/supergoop.com\/cdn\/shop\/files\/supergoop-play-sunscreen-stick-ingredients.jpg?v=1745951525","width":1180},{"alt":"Supergoop! PLAY Everyday Sunscreen Stick SPF 50","id":24091554119778,"position":10,"preview_image":{"aspect_ratio":0.736,"height":1604,"width":1180,"src":"\/\/supergoop.com\/cdn\/shop\/files\/supergoop-sunscreen-stick-spf-50-parent-applying-on-child.jpg?v=1744295444"},"aspect_ratio":0.736,"height":1604,"media_type":"image","src":"\/\/supergoop.com\/cdn\/shop\/files\/supergoop-sunscreen-stick-spf-50-parent-applying-on-child.jpg?v=1744295444","width":1180}],"requires_selling_plan":false,"selling_plan_groups":[{"id":"d1c31b7d875f371afdda85ee0906e6c15aee403a","name":"Subscription","options":[{"name":"Subscription","position":1,"values":["Every 2 months","Every 3 months (recommended)","Every 4 months"]}],"selling_plans":[{"id":3022880866,"name":"Every 2 months","description":null,"options":[{"name":"Subscription","position":1,"value":"Every 2 months"}],"recurring_deliveries":true,"price_adjustments":[{"order_count":null,"position":1,"value_type":"percentage","value":10}],"checkout_charge":{"value_type":"percentage","value":100}},{"id":3022913634,"name":"Every 3 months (recommended)","description":null,"options":[{"name":"Subscription","position":1,"value":"Every 3 months (recommended)"}],"recurring_deliveries":true,"price_adjustments":[{"order_count":null,"position":1,"value_type":"percentage","value":10}],"checkout_charge":{"value_type":"percentage","value":100}},{"id":3022848098,"name":"Every 4 months","description":null,"options":[{"name":"Subscription","position":1,"value":"Every 4 months"}],"recurring_deliveries":true,"price_adjustments":[{"order_count":null,"position":1,"value_type":"percentage","value":10}],"checkout_charge":{"value_type":"percentage","value":100}}],"app_id":"SKIO"}],"content":"\u003cstyle type=\"text\/css\"\u003e\u003c!--td {border: 1px solid #cccccc;}br {mso-data-placement:same-cell;}--\u003e\u003c\/style\u003e\n\u003cp\u003e\u003cspan data-sheets-root=\"1\"\u003eAn easy-to-apply sunscreen stick that glides on smoothly, applies clear and is water- and sweat-resistant with a weightless feel and natural, fresh scent.\u003c\/span\u003e\u003c\/p\u003e"},
                "description": "Portable water-resistant sport sunscreen",
                "productVariant": {"id":41845450768482,"title":"1.4 oz.","option1":"1.4 oz.","option2":null,"option3":null,"sku":"9074","requires_shipping":true,"taxable":true,"featured_image":{"id":32186804273250,"product_id":7327851577442,"position":1,"created_at":"2025-04-10T10:30:15-04:00","updated_at":"2025-04-10T10:30:44-04:00","alt":"Supergoop! PLAY Everyday Sunscreen Stick SPF 50","width":1180,"height":1604,"src":"\/\/supergoop.com\/cdn\/shop\/files\/supergoop-play-sunscreen-stick-spf-50-product-and-texture.jpg?v=1744295444","variant_ids":[41845450768482]},"available":false,"name":"PLAY Everyday Sunscreen Stick SPF 50 - 1.4 oz.","public_title":"1.4 oz.","options":["1.4 oz."],"price":2200,"weight":64,"compare_at_price":null,"inventory_quantity":0,"inventory_management":"shopify","inventory_policy":"deny","barcode":"816218029074","featured_media":{"alt":"Supergoop! PLAY Everyday Sunscreen Stick SPF 50","id":24091553955938,"position":1,"preview_image":{"aspect_ratio":0.736,"height":1604,"width":1180,"src":"\/\/supergoop.com\/cdn\/shop\/files\/supergoop-play-sunscreen-stick-spf-50-product-and-texture.jpg?v=1744295444"}},"requires_selling_plan":false,"selling_plan_allocations":[{"price_adjustments":[{"position":1,"price":1980}],"price":1980,"compare_at_price":2200,"per_delivery_price":1980,"selling_plan_id":3022880866,"selling_plan_group_id":"d1c31b7d875f371afdda85ee0906e6c15aee403a"},{"price_adjustments":[{"position":1,"price":1980}],"price":1980,"compare_at_price":2200,"per_delivery_price":1980,"selling_plan_id":3022913634,"selling_plan_group_id":"d1c31b7d875f371afdda85ee0906e6c15aee403a"},{"price_adjustments":[{"position":1,"price":1980}],"price":1980,"compare_at_price":2200,"per_delivery_price":1980,"selling_plan_id":3022848098,"selling_plan_group_id":"d1c31b7d875f371afdda85ee0906e6c15aee403a"}],"quantity_rule":{"min":1,"max":null,"increment":1}},
                "price": 2200
              }
            
          ]
        
      ]
    },
    "perks": "\u003cp\u003e\u003cstrong\u003eWant up to $40 OFF your next order? \u003c\/strong\u003eJoin our \u003ca href=\"\/pages\/rewards\" title=\"Rewards\"\u003erewards program\u003c\/a\u003e \u0026 start earning discounts!\u003c\/p\u003e",
    "perksLoggedIn": "\u003cp\u003eEarn [points] with every purchase! \u003ca href=\"\/pages\/rewards\" title=\"Rewards\"\u003eLearn more\u003c\/a\u003e\u003c\/p\u003e",
    "hidePerks": true,
    "perksFont": "#2A2A2A",
    "perksBg": "#70AED0",
    "quantityLimitMessage": "You have reached the available quantity for this product.",
    "sellingPlanTextChoosen":  "Auto-replenish for 10% off + free shipping. Easily manage from your account anytime!",
    "sellingPlanText": "Deliver every:",
    
      "promoBar":{
        "backgroundColor":"#0000b4",
        "textColor":"light",
        "blocks":  [
          
            {
              "text":"\u003cp\u003eEnjoy \u003cstrong\u003efree shipping\u003c\/strong\u003e on all orders $50+!\u003c\/p\u003e"
            }
         ]
      },
    
    "subscriptionAsset":{
      "src": "\/\/supergoop.com\/cdn\/shop\/files\/M.png?v=1715892058",
      "alt": null,
      "height": 228,
      "width": 750
    },
    "subscriptionAssetDesktop":{
      "src": null,
      "alt": null,
      "height": null,
      "width": null
    },
    "freeSamples": {
     
      "textEmpty": "Add an item to cart to unlock complimentary samples",
      "freeSamplesProductType": "Free Samples",
      "text": "Try a new SPF in your routine!",
      "samplesMaxNumber": 2,
      "samplesCollectionTitle": "",
      "products": [
        
      ]
    },
    "emptyCart": {
      "message": "\u003cstrong\u003eYour bag is empty! \u003c\/strong\u003eExplore 40+ SPF formulas and discover happier, healthier-looking skin. Plus, all our SPF is FSA\/HSA eligible!",
      "ctaText": "Start Shopping",
      "ctaLink": "/collections/all"
      
      
    },
    "fs_threshold": {
      "active": false,
      "threshold": 0,
      "thresholdAmount": 0,
      "errorMessage": "\u003cstrong\u003eYou’re almost there! \u003c\/strong\u003eSpend $50+ to unlock a free gift."
    },
    "threshold": {
      "customerTags": null,
      "active": true,
      "hideVisually": false,
      "hideShippingText": false,
      "amountType": "total_price",
      "threshold": 50,
      "thresholdAmount": 50,
      "startMessage": "Spend [amount] for free shipping!",
      "beforeMessage": "You are [amount] away from free shipping!",
      "afterMessage": "Let's go! You've unlocked free shipping!",
      "rewardMessage": "",
      "rewardMessageSub": "You unlocked \u003cstrong\u003efree shipping\u003c\/strong\u003e with an auto-replenish order!",
      "rewardMessageSubTextColor": "#2D2D2D",
      "rewardMessageSubBgColor": "#FFE922",
      "loyaltyPointsMessageLoggedIn": "You’ll earn  \u003cspan class='bg-white rounded px-1 font-bold leading-[18px]'\u003e[points] points!\u003c\/span\u003e  with this purchase!",
      "milestones": [
        {
          "milestoneEnabled": true,
          "milestoneThreshold": 60,
          "milestoneThresholdAmount": 60,
          "milestoneBarLabel": "Free Gift",
          "milestoneLabelBefore": "You are [amount] away from a free gift!",
          "milestoneLabelAfter": "You've unlocked your free gift!",
          "milestoneIcon": {
            "src": "\/\/supergoop.com\/cdn\/shop\/files\/bar-gift-icon.svg?v=1745685253",
            "alt": null,
            "height": 48,
            "width": 48
          },
          "milestoneType": "gift"
        },
        {
          "milestone2Enabled": false,
          "milestone2Threshold": 100,
          "milestone2ThresholdAmount": 100,
          "milestone2BarLabel": "Free Bonus Gift!",
          "milestone2LabelBefore": "You are [amount] away from free bonus gift!",
          "milestone2LabelAfter": "You've also unlocked your free bonus gift!",
          "milestone2Icon": {
            "src": "\/\/supergoop.com\/cdn\/shop\/files\/bar-gift-icon.svg?v=1745685253",
            "alt": null,
            "height": 48,
            "width": 48
          },
          "milestone2Type": null
        }
      ],
      "loading": "Loading ..."
    },
    "sectionPositions": {
      "freeSamples": 3,
      "youMayAlsoLike": 2,
      "upsell": 1
    },
    "upsell": {
      
      "minPrice": 0,
      "threshold": 50000,
      "title": "Try this 100% invisible sunscreen stick for on-the-go!",
      "productTitle": "Unseen Sunscreen Stick SPF 40",
      "productImage":  "\/\/supergoop.com\/cdn\/shop\/files\/UnseenSunscreenStick_Alt_01_new.jpg?v=1716989664" ,
      "productPrice": 3200,
      "productDescription": null,
      "productVariantId": 40758203154530
    },
    "searchSpringUpsellSettings": {
      "show": false,
      "siteId": "955nyr"
    },
    "searchSpringRecommendationProducts": {
      "enable": false
    },
    "afterpayMessage": "Afterpay available between $ 35 - $ 1000",
    "points": {
      "pointPrice": 1,
      "pointMarkup": "[points] points!",
     "pointMarkupLogin": "[points] points"
    }
  }
</script>
</section>

</div>
    <div id="shopify-section-search" class="shopify-section">

    <section data-section="ss-header-search">
        <div id="ss-search-overlay" class="  opacity-0 -z-1">
            <div id="ss-search-slideout"
                class="pointer-events-none block max-w-panel w-full h-full fixed top-0 bottom-0 transition-transform z-50 bg-white right-0 translate-x-full !max-w-[440px] overflow-x-auto px-4 py-2 "
                inert
                aria-hidden="true">
                <div class="relative">
                    <button class="absolute right-[-10px] top-2" type="button" aria-label="Close">
                        <div class="text-white hover:text-supergoop-yellow" id="ss-search-close">
                            <svg width="38" height="38" fill="none" xmlns="http://www.w3.org/2000/svg">
                                <circle cx="19" cy="19" r="16" fill="currentColor"> </circle>
                                <path d="M13.13 25.652 25.652 13.13M13.13 13.13l12.522 12.522" stroke="#2A2A2A"></path>
                            </svg>
                        </div>
                    </button>

                    <form class="mb-8" action="/collections/shop">
                        <div class="flex mb-5 pr-[20px]">
                            <div class="relative w-full pr-3">
                                <div class="absolute inset-y-0 left-0 flex items-center pl-2">
                                    <button type="submit" class="p-1 focus:outline-none
                                    focus:shadow-outline" aria-label="Search button">
                                        <svg width="24" height="24" fill="none" xmlns="http://www.w3.org/2000/svg">
                                            <path clip-rule="evenodd" d="M16.964 8.774a7.47 7.47 0 0
                                            1-1.978 5.838 7.462 7.462 0 0 1-4.754 2.352 7.501 7.501 0 0
                                            1-8.196-6.738c-.403-4.123 2.616-7.787 6.742-8.19a7.501 7.501
                                            0 0 1 8.196 6.738h-.01Z" stroke="currentColor" stroke-miterlimit="10" stroke-linecap="square"></path>
                                            <path d="M21.5 21.5 15 15" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round">
                                            </path>
                                        </svg>
                                    </button>
                                </div>
                                <input name="search" type="text"
                                    class="ss-autocomplete py-2 bg-grey-F7 border-none w-full text-sm rounded-md pl-10"
                                    placeholder="Search" autocomplete="off" />
                            </div>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </section>
  

  </div>
    <div id="shopify-section-supergoop-modal" class="shopify-section"><section data-section="supergoop-modal">
  <script type="application/json" data-section-data>
    {
      "title": "Discover",
      "cards": [
        
          {
            "id": "082e8b74-3387-46cb-add2-ecb33f7183e0",
            "title": "Our Story",
            "url": "\/pages\/about-us",
            "image": "\/\/supergoop.com\/cdn\/shop\/files\/SG_Discover_01_D.jpg?v=1706113690\u0026width=500"
          }
          
            ,
          
    
          {
            "id": "3954b3df-0a20-4f62-90c2-088135b34f8d",
            "title": "The Supergoop! Standard",
            "url": "\/pages\/supergoop-standard",
            "image": "\/\/supergoop.com\/cdn\/shop\/files\/SG_Discover_02_D.jpg?v=1706113689\u0026width=500"
          }
          
            ,
          
    
          {
            "id": "3c560c34-3590-4bf1-a8f0-c8c4a1d29d44",
            "title": "Rewards Program",
            "url": "\/pages\/rewards",
            "image": "\/\/supergoop.com\/cdn\/shop\/files\/SG_Discover_03_D.jpg?v=1706113690\u0026width=500"
          }
          
            ,
          
    
          {
            "id": "a9d66018-64d1-44b8-9c54-91c04b908a47",
            "title": "Merch \u0026 Apparel",
            "url": "\/collections\/merch-shop",
            "image": "\/\/supergoop.com\/cdn\/shop\/files\/SG_Discover_04_D.jpg?v=1706113689\u0026width=500"
          }
          
            ,
          
    
          {
            "id": "9dc89d01-54c0-4ea2-90f7-bf834d84c5e2",
            "title": "Blog: The Bright Side™",
            "url": "\/blogs\/all",
            "image": "\/\/supergoop.com\/cdn\/shop\/files\/SG_Discover_05_D.jpg?v=1706113690\u0026width=500"
          }
          
    
      ]
    }
  </script>
</section>



</div>
    <section id="shopify-section-custom-liquid" class="shopify-section section"><div>
  
</div>

</section>

    <script data-technical type='application/json'>
  {
    "apiVersion": "2024-01",
    "storefrontToken": "5bab2ff00ef8ab03782dafaf548c7727",
    "yotpoLoyaltyGuid": "iTfw275wn2LF1RWUXq1Z3Q",
    "yotpoLoyaltyApiKey": "cJqPhWCVi2p8Tc7EMG1s9Qtt",
    "shopName": "supergoop.myshopify.com",
    "localization": {
      "countryCode": "US",
      "currencyCode": "USD"
    }
  }
</script>

    <script>
  if (!window.TMW)
    window.TMW = {};


  window.TMW.Strings = {
    bundle: {
      value: `value`
    },
    cart: {
      title: `My Bag`,
      add: `Add`,
      addSample: `ADD`,
      addedSample: `ADDED`,
      soldOut: `Sold Out`,
      cart: `Cart`,
      checkout: `Check out`,
      close: `Close`,
      remove: `Remove`,
      subtract: `Subtract`,
      subtotal: `Subtotal`,
      freeItem: `Free`,
      cartMessage: `Shopping cart`,
      item: `item`,
      itemRemovedFromCart: `Item has been removed from cart`,
      items: `items`,
      loading: `Loading cart updates.`,
      subscription: `Subscription`,
      increaseQuantity: `Increase quantity`,
      decreaseQuantity: `Decrease quantity`
    },
    accessibility: {
      close: `Close`
    },
    account: {
      yourPoints: `{{amount}} pts`,
      earnRewards: `Earn Rewards`,
      signIn: `Sign In`,
      greeting: `Welcome`
    },
    product: {
      addToCart: `Add to bag`,
      subscribe: `Subscribe`,
      outOfStock: `Unavailable`,
      unavailable: `Unavailable`,
      shopNow: `Shop now`
    }
  }

  window.TMW.debugger = `false`;
</script>
    
    	
    

    

    
      <script type="application/ld+json">
{
  "@context": "http://schema.org",
  "@type": "Organization",
  "name": "Supergoop!",
  "url": "https://supergoop.com",
  "logo": "https://supergoop.com/cdn/shop/files/logo_desktop.svg?v=1706105448&width=200",
  "description": "Supergoop! is a skincare brand 100% dedicated to suncare, making it easy to incorporate UV protection into your daily routine",
  "contactPoint": {
    "@type": "ContactPoint",
    "telephone": "1 (800) 746-3411",
    "contactType": "customer service",
    "contactOption": "TollFree",
    "areaServed": "US",
    "availableLanguage": "en"
  },
  "address": {
    "@type": "PostalAddress",
    "streetAddress": "149 Fifth Ave, 8th Floor",
    "addressLocality": "New York",
    "addressRegion": "NY",
    "postalCode": "10010",
    "addressCountry": "US"
  },
  "sameAs": [
    "https://www.instagram.com/supergoop",
    "https://www.tiktok.com/@supergoop",
    "https://www.facebook.com/supergoop/",
    "https://www.youtube.com/channel/UCAMzLDnk93o1g3I1AENlAfQ"
  ]
}
</script>


    

    <script>
  const getTableHeader = (container) => {
    return container.querySelector('.yotpo-vip-tiers-headline');
  };

  const getColumnHeaders = (container) => {
    const headers = [];
    const gridColumns = container.querySelectorAll('.yotpo-grid-vip-tier-container');
    
    gridColumns.forEach(column => {
      const header = column.querySelector('.yotpo-vip-tiers-grid-header');
      if (header) {
        headers.push(header);
      }
    });
    
    return headers;
  };

  const getRowHeaders = (container) => {
    return Array.from(container.querySelectorAll('.yotpo-vip-tiers-grid-benefit-name'));
  };

  const getRowValues = (container) => {
    const columns = container.querySelectorAll('.yotpo-grid-vip-tier-container');
    const rowValues = [];
    
    columns.forEach(column => {
      const values = Array.from(column.querySelectorAll('.yotpo-vip-tiers-grid-benefit-status'));
      rowValues.push(values);
    });
    
    return rowValues;
  };

  const fixYotpoVipTiersAccessibility = () => {
    const gridContainers = document.querySelectorAll('.yotpo-vip-tiers-grid-container:not([data-table-converted])');
    
    gridContainers.forEach(container => {
      try {
        const listContainer = container.closest('.yotpo-vip-tiers-list');
        if (!listContainer) {
          console.warn('Could not find .yotpo-vip-tiers-list parent container');
          return;
        }
        
        const tableHeader = getTableHeader(container.closest('.yotpo-vip-tiers-widget'));
        const columnHeaders = getColumnHeaders(container);
        const rowHeaders = getRowHeaders(container);
        const rowValues = getRowValues(container);
        
        if (!columnHeaders.length || !rowHeaders.length) {
          console.warn('Could not find all necessary elements for conversion');
          return;
        }
        
        const table = document.createElement('table');
        table.className = container.className;
        table.setAttribute('data-table-converted', 'true');
        
        if (container.hasAttribute('style')) {
          table.setAttribute('style', container.getAttribute('style'));
        }
        
        if (tableHeader) {
          const caption = document.createElement('caption');
          caption.className = tableHeader.className;
          if (tableHeader.hasAttribute('style')) {
            caption.setAttribute('style', tableHeader.getAttribute('style'));
          }
          caption.textContent = tableHeader.textContent.trim();
          table.appendChild(caption);
        }
        
        const headerRow = document.createElement('tr');
        
        const blankHeader = container.querySelector('.yotpo-vip-tiers-grid-header-blank');
        if (blankHeader && blankHeader.hasAttribute('style')) {
          let style = blankHeader.getAttribute('style');
          style = style.replace(/border-bottom:[^;]*(;|$)/gi, 'border-bottom: 1px solid #e5e7eb;');
          if (!style.includes('border-bottom')) {
            style += '; border-bottom: 1px solid #e5e7eb;';
          }
          headerRow.setAttribute('style', style);
        } else {
          headerRow.setAttribute('style', 'border-bottom: 1px solid #e5e7eb;');
        }
        
        const emptyTh = document.createElement('th');
        emptyTh.setAttribute('scope', 'col');
        emptyTh.setAttribute('aria-label', 'Benefits');
        
        headerRow.appendChild(emptyTh);
        
        const gridColumns = container.querySelectorAll('.yotpo-grid-vip-tier-container');
        const columnBackgroundColors = Array.from(gridColumns).map(column => {
          const computedStyle = window.getComputedStyle(column);
          return computedStyle.backgroundColor;
        });
        
        columnHeaders.forEach((header, index) => {
          const th = document.createElement('th');
          th.setAttribute('scope', 'col');
          
          const headerClone = header.cloneNode(true);
          
          const thresholdDiv = headerClone.querySelector('.yotpo-vip-tier-threshold');
          if (thresholdDiv) {
            const originalThresholdDiv = header.querySelector('.yotpo-vip-tier-threshold');
            const beforeContent = window.getComputedStyle(originalThresholdDiv, '::before').getPropertyValue('content');
            
            if (beforeContent && beforeContent !== 'none' && beforeContent !== '""' && beforeContent !== "''") {
              const cleanContent = beforeContent.replace(/^["']|["']$/g, '');
              const beforeSpan = document.createElement('span');
              beforeSpan.textContent = cleanContent;
              beforeSpan.className = 'yotpo-before-content';
              thresholdDiv.insertBefore(beforeSpan, thresholdDiv.firstChild);
            }
          }
          
          while (headerClone.firstChild) {
            th.appendChild(headerClone.firstChild);
          }
          
          if (header.hasAttribute('style')) {
            let style = header.getAttribute('style');
            style = style.replace(/border-bottom:[^;]*(;|$)/gi, 'border-bottom: 1px solid #e5e7eb;');
            style = style.replace(/background-color:[^;]*(;|$)/gi, '');
            th.setAttribute('style', style);
          }
          
          const inlineStyle = header.getAttribute('style') || '';
          const inlineBgColorMatch = inlineStyle.match(/background-color:\s*([^;]+)/);
          
          const headerComputedStyle = window.getComputedStyle(header);
          const headerBgColor = headerComputedStyle.backgroundColor;
          
          if (inlineBgColorMatch && headerBgColor && headerBgColor !== 'rgba(0, 0, 0, 0)' && headerBgColor !== 'transparent') {
            th.style.setProperty('background-color', headerBgColor, 'important');
          } else if (columnBackgroundColors[index]) {
            const bgColor = columnBackgroundColors[index];
            if (bgColor && bgColor !== 'rgba(0, 0, 0, 0)' && bgColor !== 'transparent') {
              th.style.setProperty('background-color', bgColor, 'important');
            }
          }
          
          headerRow.appendChild(th);
        });
        
        const thead = document.createElement('thead');
        thead.appendChild(headerRow);
        table.appendChild(thead);
        
        const tbody = document.createElement('tbody');
        
        rowHeaders.forEach((rowHeader, rowIndex) => {
          const row = document.createElement('tr');
          
          if (rowHeader.hasAttribute('style')) {
            let style = rowHeader.getAttribute('style');
            style = style.replace(/border-bottom:[^;]*(;|$)/gi, 'border-bottom: 1px solid #e5e7eb;');
            if (!style.includes('border-bottom')) {
              style += '; border-bottom: 1px solid #e5e7eb;';
            }
            row.setAttribute('style', style);
          } else {
            row.setAttribute('style', 'border-bottom: 1px solid #e5e7eb;');
          }
          
          const th = document.createElement('th');
          th.setAttribute('scope', 'row');
          
          const pTag = rowHeader.querySelector('p');
          if (pTag) {
            th.textContent = pTag.textContent.trim();
            if (pTag.hasAttribute('style')) {
              th.setAttribute('style', pTag.getAttribute('style'));
            }
          } else {
            th.textContent = rowHeader.textContent.trim();
          }
          
          row.appendChild(th);
          
          rowValues.forEach((columnValues, columnIndex) => {
            const td = document.createElement('td');
            
            if (columnValues[rowIndex]) {
              const valueCell = columnValues[rowIndex];
              
              const cellComputedStyle = window.getComputedStyle(valueCell);
              const cellBgColor = cellComputedStyle.backgroundColor;
              
              if (cellBgColor && cellBgColor !== 'rgba(0, 0, 0, 0)' && cellBgColor !== 'transparent') {
                td.style.setProperty('background-color', cellBgColor, 'important');
              } else if (columnBackgroundColors[columnIndex]) {
                td.style.setProperty('background-color', columnBackgroundColors[columnIndex], 'important');
              }
              
              const cellClone = valueCell.cloneNode(true);
              
              if (cellClone.hasAttribute('style')) {
                let style = cellClone.getAttribute('style');
                style = style.replace(/border[^;]*(;|$)/gi, '');
                cellClone.setAttribute('style', style);
              }
              
              const checkmarkImg = cellClone.querySelector('.yotpo-vip-tier-benefit-icon');
              if (checkmarkImg) {
                checkmarkImg.setAttribute('alt', 'Included');
                checkmarkImg.removeAttribute('aria-labelledby');
              }
              
              const pTag = cellClone.querySelector('p');
              if (pTag) {
                const afterContent = window.getComputedStyle(valueCell.querySelector('p'), '::after').getPropertyValue('content');
                if (afterContent && afterContent !== 'none' && afterContent !== '""' && afterContent !== "''") {
                  const cleanContent = afterContent.replace(/^["']|["']$/g, '');
                  const afterSpan = document.createElement('span');
                  afterSpan.textContent = cleanContent;
                  afterSpan.className = 'yotpo-after-content';
                  pTag.appendChild(afterSpan);
                  
                  const checkmarkImg = pTag.querySelector('.yotpo-vip-tier-benefit-icon');
                  if (checkmarkImg) {
                    checkmarkImg.style.display = 'none';
                  }
                }
              }
              
              td.appendChild(cellClone);
            } else {
              if (columnBackgroundColors[columnIndex]) {
                td.style.setProperty('background-color', columnBackgroundColors[columnIndex], 'important');
              }
            }
            
            row.appendChild(td);
          });
          
          tbody.appendChild(row);
        });
        
        table.appendChild(tbody);
        
        listContainer.innerHTML = '';
        listContainer.appendChild(table);
        
      } catch (error) {
        console.error('Error converting Yotpo VIP tiers:', error);
      }
    });
  };

  const convertYotpoVipTiersToAccessibleTable = () => {
    const checkAndConvert = () => {
      const gridContainers = document.querySelectorAll('.yotpo-vip-tiers-grid-container:not([data-table-converted])');
      if (gridContainers.length > 0) {
        fixYotpoVipTiersAccessibility();
        setTimeout(() => {
          const convertedTable = document.querySelector('table.yotpo-vip-tiers-grid-container[data-table-converted]');
        }, 100);
      }
    };
    
    setTimeout(checkAndConvert, 500);
    
    const observer = new MutationObserver((mutations) => {
      let shouldConvert = false;
      
      mutations.forEach((mutation) => {
        if (mutation.type === 'childList') {
          mutation.addedNodes.forEach((node) => {
            if (node.nodeType === Node.ELEMENT_NODE) {
              if (node.classList?.contains('yotpo-vip-tiers-grid-container') ||
                  node.querySelector?.('.yotpo-vip-tiers-grid-container')) {
                shouldConvert = true;
              }
            }
          });
        }
      });
      
      if (shouldConvert) {
        setTimeout(() => {
          fixYotpoVipTiersAccessibility();
        }, 100);
      }
    });
    
    observer.observe(document.body, {
      childList: true,
      subtree: true
    });
    
    return observer;
  };

  const fixYotpoRedemptionOptionsCarouselAccessibility = () => {
  // Previous button is appearing after the next button in the carousel from yotpo. illogical tab order
    const carousels = document.querySelectorAll('.yotpo-redemption-options-carousel:not([data-carousel-fixed])');
    
    carousels.forEach(carousel => {
      try {
        const nextButton = carousel.querySelector('.yotpo-carousel-button-next');
        const prevButton = carousel.querySelector('.yotpo-carousel-button-prev');
        
        if (!nextButton || !prevButton) {
          return;
        }
        
        const nextButtonIndex = Array.from(carousel.children).indexOf(nextButton);
        const prevButtonIndex = Array.from(carousel.children).indexOf(prevButton);
        
        if (nextButtonIndex < prevButtonIndex) {
          carousel.insertBefore(prevButton, nextButton);
        }
        
        carousel.setAttribute('data-carousel-fixed', 'true');
      } catch (error) {
        console.error('Error fixing Yotpo carousel accessibility:', error);
      }
    });
  };

  const initYotpoAccessibility = () => {
    const checkAndFix = () => {
      const gridContainers = document.querySelectorAll('.yotpo-vip-tiers-grid-container:not([data-table-converted])');
      const carousels = document.querySelectorAll('.yotpo-redemption-options-carousel:not([data-carousel-fixed])');
      
      if (gridContainers.length > 0) {
        convertYotpoVipTiersToAccessibleTable();
      }
      
      if (carousels.length > 0) {
        fixYotpoRedemptionOptionsCarouselAccessibility();
      }
    };
    
    setTimeout(checkAndFix, 500);
    
    const observer = new MutationObserver((mutations) => {
      let shouldFix = false;
      
      mutations.forEach((mutation) => {
        if (mutation.type === 'childList') {
          mutation.addedNodes.forEach((node) => {
            if (node.nodeType === Node.ELEMENT_NODE) {
              if (node.classList?.contains('yotpo-vip-tiers-grid-container') ||
                  node.querySelector?.('.yotpo-vip-tiers-grid-container') ||
                  node.classList?.contains('yotpo-redemption-options-carousel') ||
                  node.querySelector?.('.yotpo-redemption-options-carousel')) {
                shouldFix = true;
              }
            }
          });
        }
      });
      
      if (shouldFix) {
        setTimeout(checkAndFix, 100);
      }
    });
    
    observer.observe(document.body, {
      childList: true,
      subtree: true
    });
    
    return observer;
  };
 
  if (document.readyState === 'loading') {
    document.addEventListener('DOMContentLoaded', () => {
      initYotpoAccessibility();
    });
  } else {
    initYotpoAccessibility();
  }
</script>


    <script defer src="https://static.shopmy.us/Affiliates/sms_aff_clicktrack.js"></script>
    <!-- Rebuy START -->
    <script>
    window.all_orders_product_ids = [];
    window.last_order_product_ids = [];
    window.purchased_variants = {};
    window.customer_has_purchase_history = false;
  </script><!-- Rebuy extensions -->
  <script>
    const apiAccessToken = "3d9184a6649e60643ea4373f4ef97f56";

    const fetchSwatchColors = (product, widget) => {
      const seen = new Set();
      const swatches = [];

      for (const variant of product.variants) {
        const swatchId = variant?.metafields?.custom?.swatch_image;
        if (!swatchId || seen.has(variant.option1)) continue;
        seen.add(variant.option1);
        swatches.push({ swatchId, variant });
      }

      if (!swatches.length) return Promise.resolve();

      const fields = swatches.map(({ swatchId }, i) => `
        swatch${i}: node(id: "${swatchId}") {
          ... on MediaImage {
            image { url }
          }
        }
      `).join('\n');

      return fetch(`https://${Rebuy.shop.myshopify_domain}/api/2024-10/graphql.json`, {
        method: "POST",
        body: JSON.stringify({ query: `{ ${fields} }` }),
        headers: {
          "Content-type": "application/json; charset=UTF-8",
          "X-Shopify-Storefront-Access-Token": apiAccessToken
        }
      })
      .then(res => res.json())
      .then(data => product.swatch_colors = Object.fromEntries(
        swatches.map(({ variant }, i) => [variant.option1, data.data[`swatch${i}`]?.image?.url ?? null])
      ))
      .catch(err => console.error(`[fetchSwatchColors] Fetch error for "${product.title}":`, err));
    };

    const fetchHoverImages = (product, widget) => {
      const variants = product.variants.filter(v => v?.metafields?.custom?.hover_image);
      if (!variants.length) return Promise.resolve();

      const fields = variants.map((v, i) => `
        hover${i}: node(id: "${v.metafields.custom.hover_image}") {
          ... on MediaImage {
            image { url }
          }
        }
      `).join('\n');

      return fetch(`https://${Rebuy.shop.myshopify_domain}/api/2024-10/graphql.json`, {
        method: "POST",
        body: JSON.stringify({ query: `{ ${fields} }` }),
        headers: {
          "Content-type": "application/json; charset=UTF-8",
          "X-Shopify-Storefront-Access-Token": apiAccessToken
        }
      })
      .then(res => res.json())
      .then(data => {
        product.hover_images = Object.fromEntries(
          variants.map((v, i) => [v.id, data.data[`hover${i}`]?.image?.url ?? null])
        );
      })
      .catch(err => console.error(`[fetchHoverImages] Fetch error for "${product.title}":`, err));
    };

    const initSwatchCarousels = (widgetEl) => {
      const run = () => {
        widgetEl.querySelectorAll('.rebuy-swatch-carousel:not([data-swiper-initialized])').forEach(el => {
          el.setAttribute('data-swiper-initialized', 'true');

          const swiper = new Swiper(el, {
            slidesPerView  : 'auto',
            slidesPerGroup : 1,
            spaceBetween   : 3,
            watchOverflow  : true,
            observer       : true,
            observeParents : true,
            resizeObserver : true,
            navigation: {
              nextEl       : el.closest('.rebuy-swatch-carousel-wrapper').querySelector('.rebuy-swatch-next'),
              prevEl       : el.closest('.rebuy-swatch-carousel-wrapper').querySelector('.rebuy-swatch-prev'),
              disabledClass: 'swiper-button-disabled',
            },
          });

          const nextBtn = el.closest('.rebuy-swatch-carousel-wrapper').querySelector('.rebuy-swatch-next');
          nextBtn.addEventListener('click', () => {
            if (nextBtn.classList.contains('swiper-button-disabled')) swiper.slideTo(0);
          });
        });
      };

      if (typeof Swiper !== 'undefined') {
        run();
        return;
      }

      const link  = document.createElement('link');
      link.rel    = 'stylesheet';
      link.href   = 'https://cdn.jsdelivr.net/npm/swiper@12/swiper-bundle.min.css';
      document.head.appendChild(link);

      const script  = document.createElement('script');
      script.src    = 'https://cdn.jsdelivr.net/npm/swiper@12/swiper-bundle.min.js';
      script.onload = run;
      document.head.appendChild(script);
    };
  </script>

  <!-- Home Page Carousel Widget template -->
  
  <script id="rebuy-widget-277135" type="text/template">
    <div
      class="rebuy-widget"
      v-cloak
      v-on:click="stopPropagation($event)"
      v-bind:id="'rebuy-widget-' + id"
      v-bind:class="['widget-type-' + config.type.replace('_','-'), 'widget-display-' + config.display_type, products.length > 0 ? 'is-visible' : 'is-hidden', 'widget-layout-' + currentLayout()]"
    >
      <div
        class="rebuy-widget-container"
        v-cloak
        v-bind:class="['widget-display-' + config.display_type, visible ? 'is-visible' : 'is-hidden']"
        v-on:click.self="config.display_type == 'popup' && hide()"
      >
        <div class="rebuy-widget-content">

          <div class="rebuy-modal-close" v-on:click="hide()" aria-label="close modal">
            <rebuy-icon name="x"></rebuy-icon>
          </div>

          <div class="rebuy-timer" v-if="hasTimer()">
            <p class="rebuy-timer-title" v-if="config.language.timer_title">
              <span v-html="config.language.timer_title"></span>
              <span class="rebuy-timer-minutes" v-html="config.timer.duration_minutes"></span>:<span class="rebuy-timer-seconds" v-html="config.timer.duration_seconds"></span>
            </p>
          </div>

          <h3 class="super-title" v-if="config.language.super_title != ''" v-html="config.language.super_title"></h3>
          <h3 class="primary-title" v-if="config.language.title != ''" v-html="config.language.title"></h3>
          <div class="description" v-if="config.language.description != ''" v-html="config.language.description"></div>

          <div class="rebuy-product-grid" v-bind:class="layoutClasses" tabindex="0" role="list">
            <div
              v-for="(product, product_index) in products"
              v-bind:class="[
                product.handle,
                'product-id-' + product.id,
                cartHasProduct(product) ? 'cart-has-item' : '',
                productTagClasses(product),
                hasSplideCarousel ? 'splide__slide' : '',
              ]"
              aria-label="product"
              class="rebuy-product-block"
              role="listitem"
            >

              <div class="rebuy-product-media">
                <a
                  v-if="!(hasProductQuickViewEnabled() && hasQuickViewPhotoTrigger())"
                  class="rebuy-product-image"
                  tabindex="-1"
                  v-bind:href="learnMoreURL(product)"
                  v-bind:style="imageStyles"
                  v-on:click="learnMore(product, $event);"
                  v-bind:class="[hasLearnMore() ? 'clickable' : '']"
                  rel="nofollow"
                >
                  <img
                    class="rebuy-product-img"
                    v-if="product?.images[0]?.src"
                    v-bind:src="itemImage(product, product.selected_variant, '700x700')"
                    v-bind:alt="'View ' + product.title"
                  >
                  <img
                    class="rebuy-product-hover-img"
                    v-if="product.hover_images && product.hover_images[product.selected_variant.id]"
                    v-bind:src="product.hover_images[product.selected_variant.id].replace(/_([\d]+x[\d]*|[\d]*x[\d]+)(?=\.\w+)/, '').replace(/(\.\w+)(\?.*)?$/, '_700x700$1$2')"
                    v-bind:alt="'View ' + product.title"
                  >
                </a>
                <button
                  v-if="hasProductQuickViewEnabled() && hasQuickViewPhotoTrigger()"
                  class="rebuy-product-image-trigger"
                  v-bind:style="imageStyles"
                  v-on:click="openQuickViewVariantModal(product)"
                  v-bind:aria-label="'Quick view ' + product.title"
                  type="button"
                >
                  <img
                    v-bind:loading="product_index > 1 ? 'lazy' : 'eager'"
                    v-bind:src="itemImage(product, product.selected_variant, '400x400')"
                    v-bind:alt="itemImageAlt(product, product.selected_variant)"
                  >
                </button>
              </div>

              <div class="rebuy-product-info">

                <div class="rebuy-review-badge-container">
                  <div class="rebuy-product-review" v-if="hasProductReviews(product)" aria-label="product star rating">
                    <span class="rebuy-star-rating">
                      <span
                        v-if="product.reviews.star_rating"
                        class="rebuy-star-rating-value sr-only"
                        v-html="product.reviews.star_rating + ' stars out of 5 stars'"
                      ></span>
                      <span class="rebuy-star-rating-background"></span>
                      <span class="rebuy-star-rating-foreground" v-bind:style="{ width: productReviewRatingPercentage(product) }"></span>
                    </span>
                    <span class="rebuy-review-count" v-html="productReviewCount(product)"></span>
                  </div>
                  <div class="rebuy-product-badge">
                    <span
                      v-if="product.tags && product.tags.split(',').map(t => t.trim()).find(t => t.startsWith('Badge:'))"
                      class="bg-supergoop-yellow py-1 px-[6px] body-xs rounded-[2px] z-10 pointer-events-none text-[10px] md:text-[11px] leading-[13px] md:leading-none font-medium text-grey-2A"
                    >
                      {{ product.tags.split(',').map(t => t.trim()).find(t => t.startsWith('Badge:')).replace('Badge:', '') }}
                    </span>
                  </div>
                </div>

                <h5 class="rebuy-product-title" v-bind:class="[hasLearnMore() ? 'clickable' : '']">
                  <a
                    v-bind:href="learnMoreURL(product)"
                    class="rebuy-product-title-link"
                    v-on:click="learnMore(product, $event);"
                    v-html="product.title"
                    v-bind:class="[hasLearnMore() ? 'clickable' : '']"
                    v-bind:aria-label="'View ' + product.title"
                    rel="nofollow"
                  ></a>
                </h5>

                <div class="rebuy-product-vendor-container" v-if="showProductVendor(product.vendor)">
                  <a
                    class="rebuy-product-vendor"
                    v-bind:class="[hasEnabledProductVendorLink() ? 'clickable' : '']"
                    v-html="product.vendor"
                    v-bind:href="vendorURL(product.vendor)"
                    v-bind:aria-label="'View ' + product.vendor + ' products'"
                    rel="nofollow"
                  ></a>
                </div>

                <div class="rebuy-variant-title" v-if="showVariantTitle(product)" v-html="product.selected_variant.title"></div>
                <div class="rebuy-custom-short-description" v-if="product.metafields?.descriptors?.subtitle" v-html="product.metafields?.descriptors?.subtitle"></div>

                <div class="rebuy-product-price">
                  <div v-if="!product._picked && Math.min(...product.variants.map(v => v.price)) !== Math.max(...product.variants.map(v => v.price))">
                    <span class="rebuy-money">
                      <span class="sr-only">Price range</span>
                      <span tabindex="0">
                        {{ formatMoney(Math.min(...product.variants.map(v => v.price)) * 100).replace('.00','') }}
                        –
                        {{ formatMoney(Math.max(...product.variants.map(v => v.price)) * 100).replace('.00','') }}
                      </span>
                    </span>
                  </div>
                  <div v-else>
                    <div v-if="product.selected_variant?.metafields?.custom?.faux_compare_price">
                      <div v-if="parseFloat(product.selected_variant.metafields.custom.faux_compare_price) > parseFloat(variantPrice(product, product.selected_variant))">
                        <span class="rebuy-money sale">
                          <span class="sr-only">Sale price</span>
                          <span tabindex="0" v-html="formatMoney(variantPrice(product, product.selected_variant)).replace('.00','')"></span>
                        </span>
                        <span class="rebuy-money compare-at">
                          <span class="sr-only">Original price</span>
                          <span v-html="formatMoney(product.selected_variant.metafields.custom.faux_compare_price).replace('.00','')"></span>
                        </span>
                      </div>
                      <div v-else>
                        <span class="rebuy-money sale">
                          <span class="sr-only">Sale price</span>
                          <span tabindex="0" v-html="formatMoney(product.selected_variant.metafields.custom.faux_compare_price).replace('.00','')"></span>
                        </span>
                        <span class="rebuy-money compare-at">
                          <span class="sr-only">Original price</span>
                          <span v-html="formatMoney(variantPrice(product, product.selected_variant)).replace('.00','')"></span>
                        </span>
                      </div>
                    </div>
                    <div v-else>
                      <div v-if="variantOnSale(product, product.selected_variant)">
                        <span class="rebuy-money sale">
                          <span class="sr-only">Sale price</span>
                          <span tabindex="0" v-html="formatMoney(variantPrice(product, product.selected_variant)).replace('.00','')"></span>
                        </span>
                        <span class="rebuy-money compare-at">
                          <span class="sr-only">Original price</span>
                          <span v-html="formatMoney(variantCompareAtPrice(product, product.selected_variant)).replace('.00','')"></span>
                        </span>
                      </div>
                      <div v-if="!(variantOnSale(product, product.selected_variant))">
                        <span class="rebuy-money">
                          <span class="sr-only">Price</span>
                          <span tabindex="0" v-html="formatMoney(variantPrice(product, product.selected_variant)).replace('.00','')"></span>
                        </span>
                      </div>
                    </div>
                  </div>
                </div>

                <div class="rebuy-product-description" v-if="showProductDescription(product)" v-html="text(product.body_html)"></div>

                <div class="rebuy-product-options color-swatches">
                  <div
                    class="rebuy-product-options__button-swatches-container"
                    :class="{ 'rebuy-style__hidden-block' : config.view_options.variant_selector === 'select' }"
                  >
                    <div
                      v-for="option in product.options"
                      :key="'option-' + product.id + '-' + option.name"
                      v-if="option.name == 'Color'"
                    >
                      <div class="rebuy-swatch-carousel-wrapper">
                        <div class="rebuy-swatch-carousel swiper-container">
                          <div class="swiper-wrapper">
                            <div
                              v-for="(value, value_index) in filterOOSOptions(option, product)"
                              :key="'value-' + product.id + '-' + option.name + '-' + value + '-' + value_index"
                              class="swiper-slide rebuy-swatch-slide rebuy-color-swatch"
                            >
                              <div v-if="displayColorSwatches(option)" class="rebuy-product-options__button-swatch">
                                <input
                                  :name="id + '-color-' + product_index"
                                  :id="id + '-color-' + product_index + '-' + value + '-' + value_index"
                                  :checked="hasSwatchOptionSelected(product, value, value_index, 'color')"
                                  :value="value"
                                  type="radio"
                                  class="rebuy-color-input hide"
                                  v-on:change="product._picked = true; selectVariantByOption(product, option.name, value)"
                                  :disabled="isDisabledOptionValue(product, option.name, value)"
                                />
                                <label
                                  :for="id + '-color-' + product_index + '-' + value + '-' + value_index"
                                  :style="product.swatch_colors && product.swatch_colors[value]
                                    ? 'background-image: url(' + product.swatch_colors[value] + '); background-size: cover; background-position: center;'
                                    : getMerchantThemeColorAssetStyle(value)"
                                  :title="value"
                                  class="rebuy-color-label"
                                  :class="{ 'rebuy-product-options__button-swatch-label--disabled' : isDisabledOptionValue(product, option.name, value) }"
                                ></label>
                              </div>
                            </div>
                          </div>
                        </div>
                        <div class="rebuy-swatch-prev swiper-button-prev" role="button" aria-label="Previous swatches">
                          <svg viewBox="0 0 56 56" xmlns="http://www.w3.org/2000/svg"><path d="M44.329 4.657c0 0.449-0.224 0.954-0.561 1.291l-22.052 22.052 22.052 22.052c0.337 0.337 0.561 0.842 0.561 1.291s-0.224 0.954-0.561 1.291l-2.806 2.806c-0.337 0.337-0.842 0.561-1.291 0.561s-0.954-0.224-1.291-0.561l-26.148-26.148c-0.337-0.337-0.561-0.842-0.561-1.291s0.224-0.954 0.561-1.291l26.148-26.148c0.337-0.337 0.842-0.561 1.291-0.561s0.954 0.224 1.291 0.561l2.806 2.806c0.337 0.337 0.561 0.786 0.561 1.291z" fill="currentColor"></path></svg>
                        </div>
                        <div class="rebuy-swatch-next swiper-button-next" role="button" aria-label="Next swatches">
                          <svg viewBox="0 0 56 56" xmlns="http://www.w3.org/2000/svg"><path d="M44.329 28c0 0.449-0.224 0.954-0.561 1.291l-26.148 26.148c-0.337 0.337-0.842 0.561-1.291 0.561s-0.954-0.224-1.291-0.561l-2.806-2.806c-0.337-0.337-0.561-0.786-0.561-1.291 0-0.449 0.224-0.954 0.561-1.291l22.052-22.052-22.052-22.052c-0.337-0.337-0.561-0.842-0.561-1.291s0.224-0.954 0.561-1.291l2.806-2.806c0.337-0.337 0.842-0.561 1.291-0.561s0.954 0.224 1.291 0.561l26.148 26.148c0.337 0.337 0.561 0.842 0.561 1.291z" fill="currentColor"></path></svg>
                        </div>
                      </div>
                      <div class="rebuy-product-options-color-text">
                        <span>{{ option.name }}: {{ product.selected_variant.option1 }}</span>
                      </div>
                    </div>
                  </div>
                </div>

              </div>

              <div class="rebuy-product-options" v-if="showVariantSelect(product)">
                <select
                  title="Select product variant"
                  :id="id + '-' + 'select' + '-' + product_index"
                  :class="{ hide : config.view_options.variant_selector === 'buttons' }"
                  class="rebuy-select"
                  v-bind:aria-label="'variant of ' + product.title"
                  v-model="product.selected_variant_id"
                  v-on:change="product._picked = true; selectVariant(product)"
                >
                  <option
                    v-for="variant in product.variants"
                    class="rebuy-product-options__option"
                    :class="{ 'rebuy-product-options__option--oos' : !variantAvailable(variant) }"
                    v-bind:value="variant.id"
                    :disabled="!variantAvailable(variant)"
                    v-html="formatVariantOptionTitle(variant)"
                  ></option>
                </select>

                <div
                  class="rebuy-product-options__button-swatches-container"
                  :class="{ 'rebuy-style__hidden-block' : config.view_options.variant_selector === 'select' }"
                >
                  <div
                    v-for="option in product.options"
                    :key="'option-' + product.id + '-' + option.name"
                    class="rebuy-product-options__button-swatches rebuy-size-swatches"
                    v-if="option.name != 'Color' && filterOOSOptions(option, product).length > 1"
                  >
                    <div
                      v-for="(value, value_index) in filterOOSOptions(option, product)"
                      :key="'value-' + product.id + '-' + option.name + '-' + value + '-' + value_index"
                    >
                      <div v-if="!displayColorSwatches(option)" class="rebuy-product-options__button-swatch rebuy-size-swatch">
                        <input
                          :name="id + '-' + option.name + '-' + product_index"
                          :id="id + '-' + option.name + '-' + product_index + '-' + value"
                          :checked="hasSwatchOptionSelected(product, value, value_index, option.name)"
                          :value="value"
                          type="radio"
                          class="rebuy-size-input hide"
                          v-on:change="product._picked = true; selectVariantByOption(product, option.name, value)"
                          :disabled="isDisabledOptionValue(product, option.name, value)"
                        />
                        <label
                          :for="id + '-' + option.name + '-' + product_index + '-' + value"
                          class="rebuy-size-label"
                          :class="{ 'rebuy-product-options__button-swatch-label--disabled' : isDisabledOptionValue(product, option.name, value) }"
                        >
                          {{ value }}
                        </label>
                      </div>
                    </div>
                  </div>
                </div>
              </div>

              <div class="rebuy-product-actions">
                <button
                  v-if="hasProductQuickViewEnabled() && hasQuickViewButtonTrigger()"
                  class="rebuy-button outline"
                  v-on:click="openQuickViewVariantModal(product)"
                  v-bind:aria-label="'Quick view ' + product.title"
                  type="button"
                >
                  <span v-html="getQuickViewButtonText()"></span>
                </button>

                <div class="subscription-checkbox" v-if="showSubscriptionOptions(product)">
                  <label class="rebuy-checkbox-label">
                    <input
                      class="checkbox-input rebuy-checkbox"
                      v-model="product.subscription"
                      v-on:change="toggleSubscription(product)"
                      type="checkbox"
                      :aria-label="upgradeToSubscriptionAriaLabel(product)"
                    />
                    <span class="checkbox-label" v-html="upgradeToSubscriptionLabel(product)"></span>
                  </label>
                </div>

                <div class="subscription-frequency" v-if="showSubscriptionFrequency(product)">
                  <select
                    class="rebuy-select"
                    aria-label="subscription frequency"
                    v-model="product.subscription_frequency"
                    v-on:change="updateSubscriptionFrequency(product)"
                  >
                    <option v-for="frequency in product.subscription_frequencies" v-bind:value="frequency">
                      {{ frequencyLabel(frequency, product.subscription_interval) }}
                    </option>
                  </select>
                </div>

                <div class="product-quantity" v-if="hasQuantityInputEnabled()">
                  <div class="rebuy-select-wrapper">
                    <label class="rebuy-label">Quantity</label>
                    <select
                      class="rebuy-select"
                      aria-label="product quantity"
                      v-model="product.quantity"
                    >
                      <option v-for="n in maxQuantityInputValue()" v-bind:value="n">{{ n }}</option>
                    </select>
                  </div>
                </div>

                <button
                  class="rebuy-button"
                  v-bind:class="{ working: (product.status != 'ready' && product.status != 'selecting') }"
                  v-bind:disabled="!(variantAvailable(product.selected_variant)) || (product.status != 'ready' && product.status != 'selecting')"
                  v-bind:aria-label="buttonAriaLabel(product)"
                  v-on:click="addToCart(product)"
                  type="button"
                >
                  <span v-html="buttonLabel(product)"></span>
                </button>
              </div>

            </div>
          </div>

          <div class="rebuy-modal-actions" v-if="showContinueButton()">
            <button class="rebuy-button decline" v-on:click="hide()" type="button">
              <span v-html="continueLabel()"></span>
            </button>
          </div>

          <div class="powered-by-rebuy">
            <a v-bind:href="'https://rebuyengine.com/?shop=' + config.shop.myshopify_domain" target="_blank" rel="noopener">
              Powered by Rebuy
            </a>
          </div>

        </div>
      </div>
    </div>
  </script>
  

  <!-- Home Page Carousel Widget #2 template -->
  
  <script id="rebuy-widget-280686" type="text/template">
    <div
      class="rebuy-widget"
      v-cloak
      v-on:click="stopPropagation($event)"
      v-bind:id="'rebuy-widget-' + id"
      v-bind:class="['widget-type-' + config.type.replace('_','-'), 'widget-display-' + config.display_type, products.length > 0 ? 'is-visible' : 'is-hidden', 'widget-layout-' + currentLayout()]"
    >
      <div
        class="rebuy-widget-container"
        v-cloak
        v-bind:class="['widget-display-' + config.display_type, visible ? 'is-visible' : 'is-hidden']"
        v-on:click.self="config.display_type == 'popup' && hide()"
      >
        <div class="rebuy-widget-content">

          <div class="rebuy-modal-close" v-on:click="hide()" aria-label="close modal">
            <rebuy-icon name="x"></rebuy-icon>
          </div>

          <div class="rebuy-timer" v-if="hasTimer()">
            <p class="rebuy-timer-title" v-if="config.language.timer_title">
              <span v-html="config.language.timer_title"></span>
              <span class="rebuy-timer-minutes" v-html="config.timer.duration_minutes"></span>:<span class="rebuy-timer-seconds" v-html="config.timer.duration_seconds"></span>
            </p>
          </div>

          <h3 class="super-title" v-if="config.language.super_title != ''" v-html="config.language.super_title"></h3>
          <h3 class="primary-title" v-if="config.language.title != ''" v-html="config.language.title"></h3>
          <div class="description" v-if="config.language.description != ''" v-html="config.language.description"></div>

          <div class="rebuy-product-grid" v-bind:class="layoutClasses" tabindex="0" role="list">
            <div
              v-for="(product, product_index) in products"
              v-bind:class="[
                product.handle,
                'product-id-' + product.id,
                cartHasProduct(product) ? 'cart-has-item' : '',
                productTagClasses(product),
                hasSplideCarousel ? 'splide__slide' : '',
              ]"
              aria-label="product"
              class="rebuy-product-block"
              role="listitem"
            >

              <div class="rebuy-product-media">
                <a
                  v-if="!(hasProductQuickViewEnabled() && hasQuickViewPhotoTrigger())"
                  class="rebuy-product-image"
                  tabindex="-1"
                  v-bind:href="learnMoreURL(product)"
                  v-bind:style="imageStyles"
                  v-on:click="learnMore(product, $event);"
                  v-bind:class="[hasLearnMore() ? 'clickable' : '']"
                  rel="nofollow"
                >
                  <img
                    class="rebuy-product-img"
                    v-if="product?.images[0]?.src"
                    v-bind:src="itemImage(product, product.selected_variant, '700x700')"
                    v-bind:alt="'View ' + product.title"
                  >
                  <img
                    class="rebuy-product-hover-img"
                    v-if="product.hover_images && product.hover_images[product.selected_variant.id]"
                    v-bind:src="product.hover_images[product.selected_variant.id].replace(/_([\d]+x[\d]*|[\d]*x[\d]+)(?=\.\w+)/, '').replace(/(\.\w+)(\?.*)?$/, '_700x700$1$2')"
                    v-bind:alt="'View ' + product.title"
                  >
                </a>
                <button
                  v-if="hasProductQuickViewEnabled() && hasQuickViewPhotoTrigger()"
                  class="rebuy-product-image-trigger"
                  v-bind:style="imageStyles"
                  v-on:click="openQuickViewVariantModal(product)"
                  v-bind:aria-label="'Quick view ' + product.title"
                  type="button"
                >
                  <img
                    v-bind:loading="product_index > 1 ? 'lazy' : 'eager'"
                    v-bind:src="itemImage(product, product.selected_variant, '400x400')"
                    v-bind:alt="itemImageAlt(product, product.selected_variant)"
                  >
                </button>
              </div>

              <div class="rebuy-product-info">

                <div class="rebuy-review-badge-container">
                  <div class="rebuy-product-review" v-if="hasProductReviews(product)" aria-label="product star rating">
                    <span class="rebuy-star-rating">
                      <span
                        v-if="product.reviews.star_rating"
                        class="rebuy-star-rating-value sr-only"
                        v-html="product.reviews.star_rating + ' stars out of 5 stars'"
                      ></span>
                      <span class="rebuy-star-rating-background"></span>
                      <span class="rebuy-star-rating-foreground" v-bind:style="{ width: productReviewRatingPercentage(product) }"></span>
                    </span>
                    <span class="rebuy-review-count" v-html="productReviewCount(product)"></span>
                  </div>
                  <div class="rebuy-product-badge">
                    <span
                      v-if="product.tags && product.tags.split(',').map(t => t.trim()).find(t => t.startsWith('Badge:'))"
                      class="bg-supergoop-yellow py-1 px-[6px] body-xs rounded-[2px] z-10 pointer-events-none text-[10px] md:text-[11px] leading-[13px] md:leading-none font-medium text-grey-2A"
                    >
                      {{ product.tags.split(',').map(t => t.trim()).find(t => t.startsWith('Badge:')).replace('Badge:', '') }}
                    </span>
                  </div>
                </div>

                <h5 class="rebuy-product-title" v-bind:class="[hasLearnMore() ? 'clickable' : '']">
                  <a
                    v-bind:href="learnMoreURL(product)"
                    class="rebuy-product-title-link"
                    v-on:click="learnMore(product, $event);"
                    v-html="product.title"
                    v-bind:class="[hasLearnMore() ? 'clickable' : '']"
                    v-bind:aria-label="'View ' + product.title"
                    rel="nofollow"
                  ></a>
                </h5>

                <div class="rebuy-product-vendor-container" v-if="showProductVendor(product.vendor)">
                  <a
                    class="rebuy-product-vendor"
                    v-bind:class="[hasEnabledProductVendorLink() ? 'clickable' : '']"
                    v-html="product.vendor"
                    v-bind:href="vendorURL(product.vendor)"
                    v-bind:aria-label="'View ' + product.vendor + ' products'"
                    rel="nofollow"
                  ></a>
                </div>

                <div class="rebuy-variant-title" v-if="showVariantTitle(product)" v-html="product.selected_variant.title"></div>
                <div class="rebuy-custom-short-description" v-if="product.metafields?.descriptors?.subtitle" v-html="product.metafields?.descriptors?.subtitle"></div>

                <div class="rebuy-product-price">
                  <div v-if="!product._picked && Math.min(...product.variants.map(v => v.price)) !== Math.max(...product.variants.map(v => v.price))">
                    <span class="rebuy-money">
                      <span class="sr-only">Price range</span>
                      <span tabindex="0">
                        {{ formatMoney(Math.min(...product.variants.map(v => v.price)) * 100).replace('.00','') }}
                        –
                        {{ formatMoney(Math.max(...product.variants.map(v => v.price)) * 100).replace('.00','') }}
                      </span>
                    </span>
                  </div>
                  <div v-else>
                    <div v-if="product.selected_variant?.metafields?.custom?.faux_compare_price">
                      <div v-if="parseFloat(product.selected_variant.metafields.custom.faux_compare_price) > parseFloat(variantPrice(product, product.selected_variant))">
                        <span class="rebuy-money sale">
                          <span class="sr-only">Sale price</span>
                          <span tabindex="0" v-html="formatMoney(variantPrice(product, product.selected_variant)).replace('.00','')"></span>
                        </span>
                        <span class="rebuy-money compare-at">
                          <span class="sr-only">Original price</span>
                          <span v-html="formatMoney(product.selected_variant.metafields.custom.faux_compare_price).replace('.00','')"></span>
                        </span>
                      </div>
                      <div v-else>
                        <span class="rebuy-money sale">
                          <span class="sr-only">Sale price</span>
                          <span tabindex="0" v-html="formatMoney(product.selected_variant.metafields.custom.faux_compare_price).replace('.00','')"></span>
                        </span>
                        <span class="rebuy-money compare-at">
                          <span class="sr-only">Original price</span>
                          <span v-html="formatMoney(variantPrice(product, product.selected_variant)).replace('.00','')"></span>
                        </span>
                      </div>
                    </div>
                    <div v-else>
                      <div v-if="variantOnSale(product, product.selected_variant)">
                        <span class="rebuy-money sale">
                          <span class="sr-only">Sale price</span>
                          <span tabindex="0" v-html="formatMoney(variantPrice(product, product.selected_variant)).replace('.00','')"></span>
                        </span>
                        <span class="rebuy-money compare-at">
                          <span class="sr-only">Original price</span>
                          <span v-html="formatMoney(variantCompareAtPrice(product, product.selected_variant)).replace('.00','')"></span>
                        </span>
                      </div>
                      <div v-if="!(variantOnSale(product, product.selected_variant))">
                        <span class="rebuy-money">
                          <span class="sr-only">Price</span>
                          <span tabindex="0" v-html="formatMoney(variantPrice(product, product.selected_variant)).replace('.00','')"></span>
                        </span>
                      </div>
                    </div>
                  </div>
                </div>

                <div class="rebuy-product-description" v-if="showProductDescription(product)" v-html="text(product.body_html)"></div>

                <div class="rebuy-product-options color-swatches">
                  <div
                    class="rebuy-product-options__button-swatches-container"
                    :class="{ 'rebuy-style__hidden-block' : config.view_options.variant_selector === 'select' }"
                  >
                    <div
                      v-for="option in product.options"
                      :key="'option-' + product.id + '-' + option.name"
                      v-if="option.name == 'Color'"
                    >
                      <div class="rebuy-swatch-carousel-wrapper">
                        <div class="rebuy-swatch-carousel swiper-container">
                          <div class="swiper-wrapper">
                            <div
                              v-for="(value, value_index) in filterOOSOptions(option, product)"
                              :key="'value-' + product.id + '-' + option.name + '-' + value + '-' + value_index"
                              class="swiper-slide rebuy-swatch-slide rebuy-color-swatch"
                            >
                              <div v-if="displayColorSwatches(option)" class="rebuy-product-options__button-swatch">
                                <input
                                  :name="id + '-color-' + product_index"
                                  :id="id + '-color-' + product_index + '-' + value + '-' + value_index"
                                  :checked="hasSwatchOptionSelected(product, value, value_index, 'color')"
                                  :value="value"
                                  type="radio"
                                  class="rebuy-color-input hide"
                                  v-on:change="product._picked = true; selectVariantByOption(product, option.name, value)"
                                  :disabled="isDisabledOptionValue(product, option.name, value)"
                                />
                                <label
                                  :for="id + '-color-' + product_index + '-' + value + '-' + value_index"
                                  :style="product.swatch_colors && product.swatch_colors[value]
                                    ? 'background-image: url(' + product.swatch_colors[value] + '); background-size: cover; background-position: center;'
                                    : getMerchantThemeColorAssetStyle(value)"
                                  :title="value"
                                  class="rebuy-color-label"
                                  :class="{ 'rebuy-product-options__button-swatch-label--disabled' : isDisabledOptionValue(product, option.name, value) }"
                                ></label>
                              </div>
                            </div>
                          </div>
                        </div>
                        <div class="rebuy-swatch-prev swiper-button-prev" role="button" aria-label="Previous swatches">
                          <svg viewBox="0 0 56 56" xmlns="http://www.w3.org/2000/svg"><path d="M44.329 4.657c0 0.449-0.224 0.954-0.561 1.291l-22.052 22.052 22.052 22.052c0.337 0.337 0.561 0.842 0.561 1.291s-0.224 0.954-0.561 1.291l-2.806 2.806c-0.337 0.337-0.842 0.561-1.291 0.561s-0.954-0.224-1.291-0.561l-26.148-26.148c-0.337-0.337-0.561-0.842-0.561-1.291s0.224-0.954 0.561-1.291l26.148-26.148c0.337-0.337 0.842-0.561 1.291-0.561s0.954 0.224 1.291 0.561l2.806 2.806c0.337 0.337 0.561 0.786 0.561 1.291z" fill="currentColor"></path></svg>
                        </div>
                        <div class="rebuy-swatch-next swiper-button-next" role="button" aria-label="Next swatches">
                          <svg viewBox="0 0 56 56" xmlns="http://www.w3.org/2000/svg"><path d="M44.329 28c0 0.449-0.224 0.954-0.561 1.291l-26.148 26.148c-0.337 0.337-0.842 0.561-1.291 0.561s-0.954-0.224-1.291-0.561l-2.806-2.806c-0.337-0.337-0.561-0.786-0.561-1.291 0-0.449 0.224-0.954 0.561-1.291l22.052-22.052-22.052-22.052c-0.337-0.337-0.561-0.842-0.561-1.291s0.224-0.954 0.561-1.291l2.806-2.806c0.337-0.337 0.842-0.561 1.291-0.561s0.954 0.224 1.291 0.561l26.148 26.148c0.337 0.337 0.561 0.842 0.561 1.291z" fill="currentColor"></path></svg>
                        </div>
                      </div>
                      <div class="rebuy-product-options-color-text">
                        <span>{{ option.name }}: {{ product.selected_variant.option1 }}</span>
                      </div>
                    </div>
                  </div>
                </div>

              </div>

              <div class="rebuy-product-options" v-if="showVariantSelect(product)">
                <select
                  title="Select product variant"
                  :id="id + '-' + 'select' + '-' + product_index"
                  :class="{ hide : config.view_options.variant_selector === 'buttons' }"
                  class="rebuy-select"
                  v-bind:aria-label="'variant of ' + product.title"
                  v-model="product.selected_variant_id"
                  v-on:change="product._picked = true; selectVariant(product)"
                >
                  <option
                    v-for="variant in product.variants"
                    class="rebuy-product-options__option"
                    :class="{ 'rebuy-product-options__option--oos' : !variantAvailable(variant) }"
                    v-bind:value="variant.id"
                    :disabled="!variantAvailable(variant)"
                    v-html="formatVariantOptionTitle(variant)"
                  ></option>
                </select>

                <div
                  class="rebuy-product-options__button-swatches-container"
                  :class="{ 'rebuy-style__hidden-block' : config.view_options.variant_selector === 'select' }"
                >
                  <div
                    v-for="option in product.options"
                    :key="'option-' + product.id + '-' + option.name"
                    class="rebuy-product-options__button-swatches rebuy-size-swatches"
                    v-if="option.name != 'Color' && filterOOSOptions(option, product).length > 1"
                  >
                    <div
                      v-for="(value, value_index) in filterOOSOptions(option, product)"
                      :key="'value-' + product.id + '-' + option.name + '-' + value + '-' + value_index"
                    >
                      <div v-if="!displayColorSwatches(option)" class="rebuy-product-options__button-swatch rebuy-size-swatch">
                        <input
                          :name="id + '-' + option.name + '-' + product_index"
                          :id="id + '-' + option.name + '-' + product_index + '-' + value"
                          :checked="hasSwatchOptionSelected(product, value, value_index, option.name)"
                          :value="value"
                          type="radio"
                          class="rebuy-size-input hide"
                          v-on:change="product._picked = true; selectVariantByOption(product, option.name, value)"
                          :disabled="isDisabledOptionValue(product, option.name, value)"
                        />
                        <label
                          :for="id + '-' + option.name + '-' + product_index + '-' + value"
                          class="rebuy-size-label"
                          :class="{ 'rebuy-product-options__button-swatch-label--disabled' : isDisabledOptionValue(product, option.name, value) }"
                        >
                          {{ value }}
                        </label>
                      </div>
                    </div>
                  </div>
                </div>
              </div>

              <div class="rebuy-product-actions">
                <button
                  v-if="hasProductQuickViewEnabled() && hasQuickViewButtonTrigger()"
                  class="rebuy-button outline"
                  v-on:click="openQuickViewVariantModal(product)"
                  v-bind:aria-label="'Quick view ' + product.title"
                  type="button"
                >
                  <span v-html="getQuickViewButtonText()"></span>
                </button>

                <div class="subscription-checkbox" v-if="showSubscriptionOptions(product)">
                  <label class="rebuy-checkbox-label">
                    <input
                      class="checkbox-input rebuy-checkbox"
                      v-model="product.subscription"
                      v-on:change="toggleSubscription(product)"
                      type="checkbox"
                      :aria-label="upgradeToSubscriptionAriaLabel(product)"
                    />
                    <span class="checkbox-label" v-html="upgradeToSubscriptionLabel(product)"></span>
                  </label>
                </div>

                <div class="subscription-frequency" v-if="showSubscriptionFrequency(product)">
                  <select
                    class="rebuy-select"
                    aria-label="subscription frequency"
                    v-model="product.subscription_frequency"
                    v-on:change="updateSubscriptionFrequency(product)"
                  >
                    <option v-for="frequency in product.subscription_frequencies" v-bind:value="frequency">
                      {{ frequencyLabel(frequency, product.subscription_interval) }}
                    </option>
                  </select>
                </div>

                <div class="product-quantity" v-if="hasQuantityInputEnabled()">
                  <div class="rebuy-select-wrapper">
                    <label class="rebuy-label">Quantity</label>
                    <select
                      class="rebuy-select"
                      aria-label="product quantity"
                      v-model="product.quantity"
                    >
                      <option v-for="n in maxQuantityInputValue()" v-bind:value="n">{{ n }}</option>
                    </select>
                  </div>
                </div>

                <button
                  class="rebuy-button"
                  v-bind:class="{ working: (product.status != 'ready' && product.status != 'selecting') }"
                  v-bind:disabled="!(variantAvailable(product.selected_variant)) || (product.status != 'ready' && product.status != 'selecting')"
                  v-bind:aria-label="buttonAriaLabel(product)"
                  v-on:click="addToCart(product)"
                  type="button"
                >
                  <span v-html="buttonLabel(product)"></span>
                </button>
              </div>

            </div>
          </div>

          <div class="rebuy-modal-actions" v-if="showContinueButton()">
            <button class="rebuy-button decline" v-on:click="hide()" type="button">
              <span v-html="continueLabel()"></span>
            </button>
          </div>

          <div class="powered-by-rebuy">
            <a v-bind:href="'https://rebuyengine.com/?shop=' + config.shop.myshopify_domain" target="_blank" rel="noopener">
              Powered by Rebuy
            </a>
          </div>

        </div>
      </div>
    </div>
  </script>
  

  <!-- Product Page Carousel Widget template -->
  
  <script id="rebuy-widget-275728" type="text/template">
    <div
      class="rebuy-widget"
      v-cloak
      v-on:click="stopPropagation($event)"
      v-bind:id="'rebuy-widget-' + id"
      v-bind:class="['widget-type-' + config.type.replace('_','-'), 'widget-display-' + config.display_type, products.length > 0 ? 'is-visible' : 'is-hidden', 'widget-layout-' + currentLayout()]"
    >
      <div
        class="rebuy-widget-container"
        v-cloak
        v-bind:class="['widget-display-' + config.display_type, visible ? 'is-visible' : 'is-hidden']"
        v-on:click.self="config.display_type == 'popup' && hide()"
      >
        <div class="rebuy-widget-content">

          <div class="rebuy-modal-close" v-on:click="hide()" aria-label="close modal">
            <rebuy-icon name="x"></rebuy-icon>
          </div>

          <div class="rebuy-timer" v-if="hasTimer()">
            <p class="rebuy-timer-title" v-if="config.language.timer_title">
              <span v-html="config.language.timer_title"></span>
              <span class="rebuy-timer-minutes" v-html="config.timer.duration_minutes"></span>:<span class="rebuy-timer-seconds" v-html="config.timer.duration_seconds"></span>
            </p>
          </div>

          <h3 class="super-title" v-if="config.language.super_title != ''" v-html="config.language.super_title"></h3>
          <h3 class="primary-title" v-if="config.language.title != ''" v-html="config.language.title"></h3>
          <div class="description" v-if="config.language.description != ''" v-html="config.language.description"></div>

          <div class="rebuy-product-grid" v-bind:class="layoutClasses" tabindex="0" role="list">
            <div
              v-for="(product, product_index) in products"
              v-bind:class="[
                product.handle,
                'product-id-' + product.id,
                cartHasProduct(product) ? 'cart-has-item' : '',
                productTagClasses(product),
                hasSplideCarousel ? 'splide__slide' : '',
              ]"
              aria-label="product"
              class="rebuy-product-block"
              role="listitem"
            >

              <div class="rebuy-product-media">
                <a
                  v-if="!(hasProductQuickViewEnabled() && hasQuickViewPhotoTrigger())"
                  class="rebuy-product-image"
                  tabindex="-1"
                  v-bind:href="learnMoreURL(product)"
                  v-bind:style="imageStyles"
                  v-on:click="learnMore(product, $event);"
                  v-bind:class="[hasLearnMore() ? 'clickable' : '']"
                  rel="nofollow"
                >
                  <img
                    class="rebuy-product-img"
                    v-if="product?.images[0]?.src"
                    v-bind:src="itemImage(product, product.selected_variant, '700x700')"
                    v-bind:alt="'View ' + product.title"
                  >
                  <img
                    class="rebuy-product-hover-img"
                    v-if="product.hover_images && product.hover_images[product.selected_variant.id]"
                    v-bind:src="product.hover_images[product.selected_variant.id].replace(/_([\d]+x[\d]*|[\d]*x[\d]+)(?=\.\w+)/, '').replace(/(\.\w+)(\?.*)?$/, '_700x700$1$2')"
                    v-bind:alt="'View ' + product.title"
                  >
                </a>
                <button
                  v-if="hasProductQuickViewEnabled() && hasQuickViewPhotoTrigger()"
                  class="rebuy-product-image-trigger"
                  v-bind:style="imageStyles"
                  v-on:click="openQuickViewVariantModal(product)"
                  v-bind:aria-label="'Quick view ' + product.title"
                  type="button"
                >
                  <img
                    v-bind:loading="product_index > 1 ? 'lazy' : 'eager'"
                    v-bind:src="itemImage(product, product.selected_variant, '400x400')"
                    v-bind:alt="itemImageAlt(product, product.selected_variant)"
                  >
                </button>
              </div>

              <div class="rebuy-product-info">

                <div class="rebuy-review-badge-container">
                  <div class="rebuy-product-review" v-if="hasProductReviews(product)" aria-label="product star rating">
                    <span class="rebuy-star-rating">
                      <span
                        v-if="product.reviews.star_rating"
                        class="rebuy-star-rating-value sr-only"
                        v-html="product.reviews.star_rating + ' stars out of 5 stars'"
                      ></span>
                      <span class="rebuy-star-rating-background"></span>
                      <span class="rebuy-star-rating-foreground" v-bind:style="{ width: productReviewRatingPercentage(product) }"></span>
                    </span>
                    <span class="rebuy-review-count" v-html="productReviewCount(product)"></span>
                  </div>
                  <div class="rebuy-product-badge">
                    <span
                      v-if="product.tags && product.tags.split(',').map(t => t.trim()).find(t => t.startsWith('Badge:'))"
                      class="bg-supergoop-yellow py-1 px-[6px] body-xs rounded-[2px] z-10 pointer-events-none text-[10px] md:text-[11px] leading-[13px] md:leading-none font-medium text-grey-2A"
                    >
                      {{ product.tags.split(',').map(t => t.trim()).find(t => t.startsWith('Badge:')).replace('Badge:', '') }}
                    </span>
                  </div>
                </div>

                <h5 class="rebuy-product-title" v-bind:class="[hasLearnMore() ? 'clickable' : '']">
                  <a
                    v-bind:href="learnMoreURL(product)"
                    class="rebuy-product-title-link"
                    v-on:click="learnMore(product, $event);"
                    v-html="product.title"
                    v-bind:class="[hasLearnMore() ? 'clickable' : '']"
                    v-bind:aria-label="'View ' + product.title"
                    rel="nofollow"
                  ></a>
                </h5>

                <div class="rebuy-product-vendor-container" v-if="showProductVendor(product.vendor)">
                  <a
                    class="rebuy-product-vendor"
                    v-bind:class="[hasEnabledProductVendorLink() ? 'clickable' : '']"
                    v-html="product.vendor"
                    v-bind:href="vendorURL(product.vendor)"
                    v-bind:aria-label="'View ' + product.vendor + ' products'"
                    rel="nofollow"
                  ></a>
                </div>

                <div class="rebuy-variant-title" v-if="showVariantTitle(product)" v-html="product.selected_variant.title"></div>
                <div class="rebuy-custom-short-description" v-if="product.metafields?.descriptors?.subtitle" v-html="product.metafields?.descriptors?.subtitle"></div>

                <div class="rebuy-product-price">
                  <div v-if="!product._picked && Math.min(...product.variants.map(v => v.price)) !== Math.max(...product.variants.map(v => v.price))">
                    <span class="rebuy-money">
                      <span class="sr-only">Price range</span>
                      <span tabindex="0">
                        {{ formatMoney(Math.min(...product.variants.map(v => v.price)) * 100).replace('.00','') }}
                        –
                        {{ formatMoney(Math.max(...product.variants.map(v => v.price)) * 100).replace('.00','') }}
                      </span>
                    </span>
                  </div>
                  <div v-else>
                    <div v-if="product.selected_variant?.metafields?.custom?.faux_compare_price">
                      <div v-if="parseFloat(product.selected_variant.metafields.custom.faux_compare_price) > parseFloat(variantPrice(product, product.selected_variant))">
                        <span class="rebuy-money sale">
                          <span class="sr-only">Sale price</span>
                          <span tabindex="0" v-html="formatMoney(variantPrice(product, product.selected_variant)).replace('.00','')"></span>
                        </span>
                        <span class="rebuy-money compare-at">
                          <span class="sr-only">Original price</span>
                          <span v-html="formatMoney(product.selected_variant.metafields.custom.faux_compare_price).replace('.00','')"></span>
                        </span>
                      </div>
                      <div v-else>
                        <span class="rebuy-money sale">
                          <span class="sr-only">Sale price</span>
                          <span tabindex="0" v-html="formatMoney(product.selected_variant.metafields.custom.faux_compare_price).replace('.00','')"></span>
                        </span>
                        <span class="rebuy-money compare-at">
                          <span class="sr-only">Original price</span>
                          <span v-html="formatMoney(variantPrice(product, product.selected_variant)).replace('.00','')"></span>
                        </span>
                      </div>
                    </div>
                    <div v-else>
                      <div v-if="variantOnSale(product, product.selected_variant)">
                        <span class="rebuy-money sale">
                          <span class="sr-only">Sale price</span>
                          <span tabindex="0" v-html="formatMoney(variantPrice(product, product.selected_variant)).replace('.00','')"></span>
                        </span>
                        <span class="rebuy-money compare-at">
                          <span class="sr-only">Original price</span>
                          <span v-html="formatMoney(variantCompareAtPrice(product, product.selected_variant)).replace('.00','')"></span>
                        </span>
                      </div>
                      <div v-if="!(variantOnSale(product, product.selected_variant))">
                        <span class="rebuy-money">
                          <span class="sr-only">Price</span>
                          <span tabindex="0" v-html="formatMoney(variantPrice(product, product.selected_variant)).replace('.00','')"></span>
                        </span>
                      </div>
                    </div>
                  </div>
                </div>

                <div class="rebuy-product-description" v-if="showProductDescription(product)" v-html="text(product.body_html)"></div>

                <div class="rebuy-product-options color-swatches">
                  <div
                    class="rebuy-product-options__button-swatches-container"
                    :class="{ 'rebuy-style__hidden-block' : config.view_options.variant_selector === 'select' }"
                  >
                    <div
                      v-for="option in product.options"
                      :key="'option-' + product.id + '-' + option.name"
                      v-if="option.name == 'Color'"
                    >
                      <div class="rebuy-swatch-carousel-wrapper">
                        <div class="rebuy-swatch-carousel swiper-container">
                          <div class="swiper-wrapper">
                            <div
                              v-for="(value, value_index) in filterOOSOptions(option, product)"
                              :key="'value-' + product.id + '-' + option.name + '-' + value + '-' + value_index"
                              class="swiper-slide rebuy-swatch-slide rebuy-color-swatch"
                            >
                              <div v-if="displayColorSwatches(option)" class="rebuy-product-options__button-swatch">
                                <input
                                  :name="id + '-color-' + product_index"
                                  :id="id + '-color-' + product_index + '-' + value + '-' + value_index"
                                  :checked="hasSwatchOptionSelected(product, value, value_index, 'color')"
                                  :value="value"
                                  type="radio"
                                  class="rebuy-color-input hide"
                                  v-on:change="product._picked = true; selectVariantByOption(product, option.name, value)"
                                  :disabled="isDisabledOptionValue(product, option.name, value)"
                                />
                                <label
                                  :for="id + '-color-' + product_index + '-' + value + '-' + value_index"
                                  :style="product.swatch_colors && product.swatch_colors[value]
                                    ? 'background-image: url(' + product.swatch_colors[value] + '); background-size: cover; background-position: center;'
                                    : getMerchantThemeColorAssetStyle(value)"
                                  :title="value"
                                  class="rebuy-color-label"
                                  :class="{ 'rebuy-product-options__button-swatch-label--disabled' : isDisabledOptionValue(product, option.name, value) }"
                                ></label>
                              </div>
                            </div>
                          </div>
                        </div>
                        <div class="rebuy-swatch-prev swiper-button-prev" role="button" aria-label="Previous swatches">
                          <svg viewBox="0 0 56 56" xmlns="http://www.w3.org/2000/svg"><path d="M44.329 4.657c0 0.449-0.224 0.954-0.561 1.291l-22.052 22.052 22.052 22.052c0.337 0.337 0.561 0.842 0.561 1.291s-0.224 0.954-0.561 1.291l-2.806 2.806c-0.337 0.337-0.842 0.561-1.291 0.561s-0.954-0.224-1.291-0.561l-26.148-26.148c-0.337-0.337-0.561-0.842-0.561-1.291s0.224-0.954 0.561-1.291l26.148-26.148c0.337-0.337 0.842-0.561 1.291-0.561s0.954 0.224 1.291 0.561l2.806 2.806c0.337 0.337 0.561 0.786 0.561 1.291z" fill="currentColor"></path></svg>
                        </div>
                        <div class="rebuy-swatch-next swiper-button-next" role="button" aria-label="Next swatches">
                          <svg viewBox="0 0 56 56" xmlns="http://www.w3.org/2000/svg"><path d="M44.329 28c0 0.449-0.224 0.954-0.561 1.291l-26.148 26.148c-0.337 0.337-0.842 0.561-1.291 0.561s-0.954-0.224-1.291-0.561l-2.806-2.806c-0.337-0.337-0.561-0.786-0.561-1.291 0-0.449 0.224-0.954 0.561-1.291l22.052-22.052-22.052-22.052c-0.337-0.337-0.561-0.842-0.561-1.291s0.224-0.954 0.561-1.291l2.806-2.806c0.337-0.337 0.842-0.561 1.291-0.561s0.954 0.224 1.291 0.561l26.148 26.148c0.337 0.337 0.561 0.842 0.561 1.291z" fill="currentColor"></path></svg>
                        </div>
                      </div>
                      <div class="rebuy-product-options-color-text">
                        <span>{{ option.name }}: {{ product.selected_variant.option1 }}</span>
                      </div>
                    </div>
                  </div>
                </div>

              </div>

              <div class="rebuy-product-options" v-if="showVariantSelect(product)">
                <select
                  title="Select product variant"
                  :id="id + '-' + 'select' + '-' + product_index"
                  :class="{ hide : config.view_options.variant_selector === 'buttons' }"
                  class="rebuy-select"
                  v-bind:aria-label="'variant of ' + product.title"
                  v-model="product.selected_variant_id"
                  v-on:change="product._picked = true; selectVariant(product)"
                >
                  <option
                    v-for="variant in product.variants"
                    class="rebuy-product-options__option"
                    :class="{ 'rebuy-product-options__option--oos' : !variantAvailable(variant) }"
                    v-bind:value="variant.id"
                    :disabled="!variantAvailable(variant)"
                    v-html="formatVariantOptionTitle(variant)"
                  ></option>
                </select>

                <div
                  class="rebuy-product-options__button-swatches-container"
                  :class="{ 'rebuy-style__hidden-block' : config.view_options.variant_selector === 'select' }"
                >
                  <div
                    v-for="option in product.options"
                    :key="'option-' + product.id + '-' + option.name"
                    class="rebuy-product-options__button-swatches rebuy-size-swatches"
                    v-if="option.name != 'Color' && filterOOSOptions(option, product).length > 1"
                  >
                    <div
                      v-for="(value, value_index) in filterOOSOptions(option, product)"
                      :key="'value-' + product.id + '-' + option.name + '-' + value + '-' + value_index"
                    >
                      <div v-if="!displayColorSwatches(option)" class="rebuy-product-options__button-swatch rebuy-size-swatch">
                        <input
                          :name="id + '-' + option.name + '-' + product_index"
                          :id="id + '-' + option.name + '-' + product_index + '-' + value"
                          :checked="hasSwatchOptionSelected(product, value, value_index, option.name)"
                          :value="value"
                          type="radio"
                          class="rebuy-size-input hide"
                          v-on:change="product._picked = true; selectVariantByOption(product, option.name, value)"
                          :disabled="isDisabledOptionValue(product, option.name, value)"
                        />
                        <label
                          :for="id + '-' + option.name + '-' + product_index + '-' + value"
                          class="rebuy-size-label"
                          :class="{ 'rebuy-product-options__button-swatch-label--disabled' : isDisabledOptionValue(product, option.name, value) }"
                        >
                          {{ value }}
                        </label>
                      </div>
                    </div>
                  </div>
                </div>
              </div>

              <div class="rebuy-product-actions">
                <button
                  v-if="hasProductQuickViewEnabled() && hasQuickViewButtonTrigger()"
                  class="rebuy-button outline"
                  v-on:click="openQuickViewVariantModal(product)"
                  v-bind:aria-label="'Quick view ' + product.title"
                  type="button"
                >
                  <span v-html="getQuickViewButtonText()"></span>
                </button>

                <div class="subscription-checkbox" v-if="showSubscriptionOptions(product)">
                  <label class="rebuy-checkbox-label">
                    <input
                      class="checkbox-input rebuy-checkbox"
                      v-model="product.subscription"
                      v-on:change="toggleSubscription(product)"
                      type="checkbox"
                      :aria-label="upgradeToSubscriptionAriaLabel(product)"
                    />
                    <span class="checkbox-label" v-html="upgradeToSubscriptionLabel(product)"></span>
                  </label>
                </div>

                <div class="subscription-frequency" v-if="showSubscriptionFrequency(product)">
                  <select
                    class="rebuy-select"
                    aria-label="subscription frequency"
                    v-model="product.subscription_frequency"
                    v-on:change="updateSubscriptionFrequency(product)"
                  >
                    <option v-for="frequency in product.subscription_frequencies" v-bind:value="frequency">
                      {{ frequencyLabel(frequency, product.subscription_interval) }}
                    </option>
                  </select>
                </div>

                <div class="product-quantity" v-if="hasQuantityInputEnabled()">
                  <div class="rebuy-select-wrapper">
                    <label class="rebuy-label">Quantity</label>
                    <select
                      class="rebuy-select"
                      aria-label="product quantity"
                      v-model="product.quantity"
                    >
                      <option v-for="n in maxQuantityInputValue()" v-bind:value="n">{{ n }}</option>
                    </select>
                  </div>
                </div>

                <button
                  class="rebuy-button"
                  v-bind:class="{ working: (product.status != 'ready' && product.status != 'selecting') }"
                  v-bind:disabled="!(variantAvailable(product.selected_variant)) || (product.status != 'ready' && product.status != 'selecting')"
                  v-bind:aria-label="buttonAriaLabel(product)"
                  v-on:click="addToCart(product)"
                  type="button"
                >
                  <span v-html="buttonLabel(product)"></span>
                </button>
              </div>

            </div>
          </div>

          <div class="rebuy-modal-actions" v-if="showContinueButton()">
            <button class="rebuy-button decline" v-on:click="hide()" type="button">
              <span v-html="continueLabel()"></span>
            </button>
          </div>

          <div class="powered-by-rebuy">
            <a v-bind:href="'https://rebuyengine.com/?shop=' + config.shop.myshopify_domain" target="_blank" rel="noopener">
              Powered by Rebuy
            </a>
          </div>

        </div>
      </div>
    </div>
  </script>
  

  <!-- Home Page "Buy It Again / Our Picks For You" Widget template --><style>
      #rebuy-widget-280419 .primary-title--buyagain { display: none !important; }
    </style>
  <script id="rebuy-widget-280419" type="text/template">
    <div
      class="rebuy-widget"
      v-cloak
      v-on:click="stopPropagation($event)"
      v-bind:id="'rebuy-widget-' + id"
      v-bind:class="['widget-type-' + config.type.replace('_','-'), 'widget-display-' + config.display_type, products.length > 0 ? 'is-visible' : 'is-hidden', 'widget-layout-' + currentLayout()]"
    >
      <div
        class="rebuy-widget-container"
        v-cloak
        v-bind:class="['widget-display-' + config.display_type, visible ? 'is-visible' : 'is-hidden']"
        v-on:click.self="config.display_type == 'popup' && hide()"
      >
        <div class="rebuy-widget-content">

          <div class="rebuy-modal-close" v-on:click="hide()" aria-label="close modal">
            <rebuy-icon name="x"></rebuy-icon>
          </div>

          <div class="rebuy-timer" v-if="hasTimer()">
            <p class="rebuy-timer-title" v-if="config.language.timer_title">
              <span v-html="config.language.timer_title"></span>
              <span class="rebuy-timer-minutes" v-html="config.timer.duration_minutes"></span>:<span class="rebuy-timer-seconds" v-html="config.timer.duration_seconds"></span>
            </p>
          </div>

          <h3 class="super-title" v-if="config.language.super_title != ''" v-html="config.language.super_title"></h3>
          <h3 class="primary-title primary-title--buyagain">BUY IT AGAIN</h3>
          <h3 class="primary-title primary-title--default" v-if="config.language.title != ''" v-html="config.language.title"></h3>
          <div class="description" v-if="config.language.description != ''" v-html="config.language.description"></div>

          <div class="rebuy-product-grid" v-bind:class="layoutClasses" tabindex="0" role="list">
            <div
              v-for="(product, product_index) in products"
              v-bind:class="[
                product.handle,
                'product-id-' + product.id,
                cartHasProduct(product) ? 'cart-has-item' : '',
                productTagClasses(product),
                hasSplideCarousel ? 'splide__slide' : '',
              ]"
              aria-label="product"
              class="rebuy-product-block"
              role="listitem"
            >

              <div class="rebuy-product-media">
                <a
                  v-if="!(hasProductQuickViewEnabled() && hasQuickViewPhotoTrigger())"
                  class="rebuy-product-image"
                  tabindex="-1"
                  v-bind:href="learnMoreURL(product)"
                  v-bind:style="imageStyles"
                  v-on:click="learnMore(product, $event);"
                  v-bind:class="[hasLearnMore() ? 'clickable' : '']"
                  rel="nofollow"
                >
                  <img
                    class="rebuy-product-img"
                    v-if="product?.images[0]?.src"
                    v-bind:src="itemImage(product, product.selected_variant, '700x700')"
                    v-bind:alt="'View ' + product.title"
                  >
                  <img
                    class="rebuy-product-hover-img"
                    v-if="product.hover_images && product.hover_images[product.selected_variant.id]"
                    v-bind:src="product.hover_images[product.selected_variant.id].replace(/_([\d]+x[\d]*|[\d]*x[\d]+)(?=\.\w+)/, '').replace(/(\.\w+)(\?.*)?$/, '_700x700$1$2')"
                    v-bind:alt="'View ' + product.title"
                  >
                </a>
                <button
                  v-if="hasProductQuickViewEnabled() && hasQuickViewPhotoTrigger()"
                  class="rebuy-product-image-trigger"
                  v-bind:style="imageStyles"
                  v-on:click="openQuickViewVariantModal(product)"
                  v-bind:aria-label="'Quick view ' + product.title"
                  type="button"
                >
                  <img
                    v-bind:loading="product_index > 1 ? 'lazy' : 'eager'"
                    v-bind:src="itemImage(product, product.selected_variant, '400x400')"
                    v-bind:alt="itemImageAlt(product, product.selected_variant)"
                  >
                </button>
              </div>

              <div class="rebuy-product-info">

                <div class="rebuy-review-badge-container">
                  <div class="rebuy-product-review" v-if="hasProductReviews(product)" aria-label="product star rating">
                    <span class="rebuy-star-rating">
                      <span
                        v-if="product.reviews.star_rating"
                        class="rebuy-star-rating-value sr-only"
                        v-html="product.reviews.star_rating + ' stars out of 5 stars'"
                      ></span>
                      <span class="rebuy-star-rating-background"></span>
                      <span class="rebuy-star-rating-foreground" v-bind:style="{ width: productReviewRatingPercentage(product) }"></span>
                    </span>
                    <span class="rebuy-review-count" v-html="productReviewCount(product)"></span>
                  </div>
                  <div class="rebuy-product-badge">
                    <span
                      v-if="product.tags && product.tags.split(',').map(t => t.trim()).find(t => t.startsWith('Badge:'))"
                      class="bg-supergoop-yellow py-1 px-[6px] body-xs rounded-[2px] z-10 pointer-events-none text-[10px] md:text-[11px] leading-[13px] md:leading-none font-medium text-grey-2A"
                    >
                      {{ product.tags.split(',').map(t => t.trim()).find(t => t.startsWith('Badge:')).replace('Badge:', '') }}
                    </span>
                  </div>
                </div>

                <h5 class="rebuy-product-title" v-bind:class="[hasLearnMore() ? 'clickable' : '']">
                  <a
                    v-bind:href="learnMoreURL(product)"
                    class="rebuy-product-title-link"
                    v-on:click="learnMore(product, $event);"
                    v-html="product.title"
                    v-bind:class="[hasLearnMore() ? 'clickable' : '']"
                    v-bind:aria-label="'View ' + product.title"
                    rel="nofollow"
                  ></a>
                </h5>

                <div class="rebuy-product-vendor-container" v-if="showProductVendor(product.vendor)">
                  <a
                    class="rebuy-product-vendor"
                    v-bind:class="[hasEnabledProductVendorLink() ? 'clickable' : '']"
                    v-html="product.vendor"
                    v-bind:href="vendorURL(product.vendor)"
                    v-bind:aria-label="'View ' + product.vendor + ' products'"
                    rel="nofollow"
                  ></a>
                </div>

                <div class="rebuy-variant-title" v-if="showVariantTitle(product)" v-html="product.selected_variant.title"></div>
                <div class="rebuy-custom-short-description" v-if="product.metafields?.descriptors?.subtitle" v-html="product.metafields?.descriptors?.subtitle"></div>

                <div class="rebuy-product-price">
                  <div v-if="!product._picked && Math.min(...product.variants.map(v => v.price)) !== Math.max(...product.variants.map(v => v.price))">
                    <span class="rebuy-money">
                      <span class="sr-only">Price range</span>
                      <span tabindex="0">
                        {{ formatMoney(Math.min(...product.variants.map(v => v.price)) * 100).replace('.00','') }}
                        –
                        {{ formatMoney(Math.max(...product.variants.map(v => v.price)) * 100).replace('.00','') }}
                      </span>
                    </span>
                  </div>
                  <div v-else>
                    <div v-if="product.selected_variant?.metafields?.custom?.faux_compare_price">
                      <div v-if="parseFloat(product.selected_variant.metafields.custom.faux_compare_price) > parseFloat(variantPrice(product, product.selected_variant))">
                        <span class="rebuy-money sale">
                          <span class="sr-only">Sale price</span>
                          <span tabindex="0" v-html="formatMoney(variantPrice(product, product.selected_variant)).replace('.00','')"></span>
                        </span>
                        <span class="rebuy-money compare-at">
                          <span class="sr-only">Original price</span>
                          <span v-html="formatMoney(product.selected_variant.metafields.custom.faux_compare_price).replace('.00','')"></span>
                        </span>
                      </div>
                      <div v-else>
                        <span class="rebuy-money sale">
                          <span class="sr-only">Sale price</span>
                          <span tabindex="0" v-html="formatMoney(product.selected_variant.metafields.custom.faux_compare_price).replace('.00','')"></span>
                        </span>
                        <span class="rebuy-money compare-at">
                          <span class="sr-only">Original price</span>
                          <span v-html="formatMoney(variantPrice(product, product.selected_variant)).replace('.00','')"></span>
                        </span>
                      </div>
                    </div>
                    <div v-else>
                      <div v-if="variantOnSale(product, product.selected_variant)">
                        <span class="rebuy-money sale">
                          <span class="sr-only">Sale price</span>
                          <span tabindex="0" v-html="formatMoney(variantPrice(product, product.selected_variant)).replace('.00','')"></span>
                        </span>
                        <span class="rebuy-money compare-at">
                          <span class="sr-only">Original price</span>
                          <span v-html="formatMoney(variantCompareAtPrice(product, product.selected_variant)).replace('.00','')"></span>
                        </span>
                      </div>
                      <div v-if="!(variantOnSale(product, product.selected_variant))">
                        <span class="rebuy-money">
                          <span class="sr-only">Price</span>
                          <span tabindex="0" v-html="formatMoney(variantPrice(product, product.selected_variant)).replace('.00','')"></span>
                        </span>
                      </div>
                    </div>
                  </div>
                </div>

                <div class="rebuy-product-description" v-if="showProductDescription(product)" v-html="text(product.body_html)"></div>

                <div class="rebuy-product-options color-swatches">
                  <div
                    class="rebuy-product-options__button-swatches-container"
                    :class="{ 'rebuy-style__hidden-block' : config.view_options.variant_selector === 'select' }"
                  >
                    <div
                      v-for="option in product.options"
                      :key="'option-' + product.id + '-' + option.name"
                      v-if="option.name == 'Color'"
                    >
                      <div class="rebuy-swatch-carousel-wrapper">
                        <div class="rebuy-swatch-carousel swiper-container">
                          <div class="swiper-wrapper">
                            <div
                              v-for="(value, value_index) in filterOOSOptions(option, product)"
                              :key="'value-' + product.id + '-' + option.name + '-' + value + '-' + value_index"
                              class="swiper-slide rebuy-swatch-slide rebuy-color-swatch"
                            >
                              <div v-if="displayColorSwatches(option)" class="rebuy-product-options__button-swatch">
                                <input
                                  :name="id + '-color-' + product_index"
                                  :id="id + '-color-' + product_index + '-' + value + '-' + value_index"
                                  :checked="hasSwatchOptionSelected(product, value, value_index, 'color')"
                                  :value="value"
                                  type="radio"
                                  class="rebuy-color-input hide"
                                  v-on:change="product._picked = true; selectVariantByOption(product, option.name, value)"
                                  :disabled="isDisabledOptionValue(product, option.name, value)"
                                />
                                <label
                                  :for="id + '-color-' + product_index + '-' + value + '-' + value_index"
                                  :style="product.swatch_colors && product.swatch_colors[value]
                                    ? 'background-image: url(' + product.swatch_colors[value] + '); background-size: cover; background-position: center;'
                                    : getMerchantThemeColorAssetStyle(value)"
                                  :title="value"
                                  class="rebuy-color-label"
                                  :class="{ 'rebuy-product-options__button-swatch-label--disabled' : isDisabledOptionValue(product, option.name, value) }"
                                ></label>
                              </div>
                            </div>
                          </div>
                        </div>
                        <div class="rebuy-swatch-prev swiper-button-prev" role="button" aria-label="Previous swatches">
                          <svg viewBox="0 0 56 56" xmlns="http://www.w3.org/2000/svg"><path d="M44.329 4.657c0 0.449-0.224 0.954-0.561 1.291l-22.052 22.052 22.052 22.052c0.337 0.337 0.561 0.842 0.561 1.291s-0.224 0.954-0.561 1.291l-2.806 2.806c-0.337 0.337-0.842 0.561-1.291 0.561s-0.954-0.224-1.291-0.561l-26.148-26.148c-0.337-0.337-0.561-0.842-0.561-1.291s0.224-0.954 0.561-1.291l26.148-26.148c0.337-0.337 0.842-0.561 1.291-0.561s0.954 0.224 1.291 0.561l2.806 2.806c0.337 0.337 0.561 0.786 0.561 1.291z" fill="currentColor"></path></svg>
                        </div>
                        <div class="rebuy-swatch-next swiper-button-next" role="button" aria-label="Next swatches">
                          <svg viewBox="0 0 56 56" xmlns="http://www.w3.org/2000/svg"><path d="M44.329 28c0 0.449-0.224 0.954-0.561 1.291l-26.148 26.148c-0.337 0.337-0.842 0.561-1.291 0.561s-0.954-0.224-1.291-0.561l-2.806-2.806c-0.337-0.337-0.561-0.786-0.561-1.291 0-0.449 0.224-0.954 0.561-1.291l22.052-22.052-22.052-22.052c-0.337-0.337-0.561-0.842-0.561-1.291s0.224-0.954 0.561-1.291l2.806-2.806c0.337-0.337 0.842-0.561 1.291-0.561s0.954 0.224 1.291 0.561l26.148 26.148c0.337 0.337 0.561 0.842 0.561 1.291z" fill="currentColor"></path></svg>
                        </div>
                      </div>
                      <div class="rebuy-product-options-color-text">
                        <span>{{ option.name }}: {{ product.selected_variant.option1 }}</span>
                      </div>
                    </div>
                  </div>
                </div>

              </div>

              <div class="rebuy-product-options" v-if="showVariantSelect(product)">
                <select
                  title="Select product variant"
                  :id="id + '-' + 'select' + '-' + product_index"
                  :class="{ hide : config.view_options.variant_selector === 'buttons' }"
                  class="rebuy-select"
                  v-bind:aria-label="'variant of ' + product.title"
                  v-model="product.selected_variant_id"
                  v-on:change="product._picked = true; selectVariant(product)"
                >
                  <option
                    v-for="variant in product.variants"
                    class="rebuy-product-options__option"
                    :class="{ 'rebuy-product-options__option--oos' : !variantAvailable(variant) }"
                    v-bind:value="variant.id"
                    :disabled="!variantAvailable(variant)"
                    v-html="formatVariantOptionTitle(variant)"
                  ></option>
                </select>

                <div
                  class="rebuy-product-options__button-swatches-container"
                  :class="{ 'rebuy-style__hidden-block' : config.view_options.variant_selector === 'select' }"
                >
                  <div
                    v-for="option in product.options"
                    :key="'option-' + product.id + '-' + option.name"
                    class="rebuy-product-options__button-swatches rebuy-size-swatches"
                    v-if="option.name != 'Color' && filterOOSOptions(option, product).length > 1"
                  >
                    <div
                      v-for="(value, value_index) in filterOOSOptions(option, product)"
                      :key="'value-' + product.id + '-' + option.name + '-' + value + '-' + value_index"
                    >
                      <div v-if="!displayColorSwatches(option)" class="rebuy-product-options__button-swatch rebuy-size-swatch">
                        <input
                          :name="id + '-' + option.name + '-' + product_index"
                          :id="id + '-' + option.name + '-' + product_index + '-' + value"
                          :checked="hasSwatchOptionSelected(product, value, value_index, option.name)"
                          :value="value"
                          type="radio"
                          class="rebuy-size-input hide"
                          v-on:change="product._picked = true; selectVariantByOption(product, option.name, value)"
                          :disabled="isDisabledOptionValue(product, option.name, value)"
                        />
                        <label
                          :for="id + '-' + option.name + '-' + product_index + '-' + value"
                          class="rebuy-size-label"
                          :class="{ 'rebuy-product-options__button-swatch-label--disabled' : isDisabledOptionValue(product, option.name, value) }"
                        >
                          {{ value }}
                        </label>
                      </div>
                    </div>
                  </div>
                </div>
              </div>

              <div class="rebuy-product-actions">
                <button
                  v-if="hasProductQuickViewEnabled() && hasQuickViewButtonTrigger()"
                  class="rebuy-button outline"
                  v-on:click="openQuickViewVariantModal(product)"
                  v-bind:aria-label="'Quick view ' + product.title"
                  type="button"
                >
                  <span v-html="getQuickViewButtonText()"></span>
                </button>

                <div class="subscription-checkbox" v-if="showSubscriptionOptions(product)">
                  <label class="rebuy-checkbox-label">
                    <input
                      class="checkbox-input rebuy-checkbox"
                      v-model="product.subscription"
                      v-on:change="toggleSubscription(product)"
                      type="checkbox"
                      :aria-label="upgradeToSubscriptionAriaLabel(product)"
                    />
                    <span class="checkbox-label" v-html="upgradeToSubscriptionLabel(product)"></span>
                  </label>
                </div>

                <div class="subscription-frequency" v-if="showSubscriptionFrequency(product)">
                  <select
                    class="rebuy-select"
                    aria-label="subscription frequency"
                    v-model="product.subscription_frequency"
                    v-on:change="updateSubscriptionFrequency(product)"
                  >
                    <option v-for="frequency in product.subscription_frequencies" v-bind:value="frequency">
                      {{ frequencyLabel(frequency, product.subscription_interval) }}
                    </option>
                  </select>
                </div>

                <div class="product-quantity" v-if="hasQuantityInputEnabled()">
                  <div class="rebuy-select-wrapper">
                    <label class="rebuy-label">Quantity</label>
                    <select
                      class="rebuy-select"
                      aria-label="product quantity"
                      v-model="product.quantity"
                    >
                      <option v-for="n in maxQuantityInputValue()" v-bind:value="n">{{ n }}</option>
                    </select>
                  </div>
                </div>

                <button
                  class="rebuy-button"
                  v-bind:class="{ working: (product.status != 'ready' && product.status != 'selecting') }"
                  v-bind:disabled="!(variantAvailable(product.selected_variant)) || (product.status != 'ready' && product.status != 'selecting')"
                  v-bind:aria-label="buttonAriaLabel(product)"
                  v-on:click="addToCart(product)"
                  type="button"
                >
                  <span v-html="buttonLabel(product)"></span>
                </button>
              </div>

            </div>
          </div>

          <div class="rebuy-modal-actions" v-if="showContinueButton()">
            <button class="rebuy-button decline" v-on:click="hide()" type="button">
              <span v-html="continueLabel()"></span>
            </button>
          </div>

          <div class="powered-by-rebuy">
            <a v-bind:href="'https://rebuyengine.com/?shop=' + config.shop.myshopify_domain" target="_blank" rel="noopener">
              Powered by Rebuy
            </a>
          </div>

        </div>
      </div>
    </div>
  </script>
  

  <!-- Home Page "Buy It Again v2" Widget template -->
  
  <script id="rebuy-widget-280686" type="text/template">
    <div
      class="rebuy-widget"
      v-cloak
      v-on:click="stopPropagation($event)"
      v-bind:id="'rebuy-widget-' + id"
      v-bind:class="['widget-type-' + config.type.replace('_','-'), 'widget-display-' + config.display_type, products.length > 0 ? 'is-visible' : 'is-hidden', 'widget-layout-' + currentLayout()]"
    >
      <div
        class="rebuy-widget-container"
        v-cloak
        v-bind:class="['widget-display-' + config.display_type, visible ? 'is-visible' : 'is-hidden']"
        v-on:click.self="config.display_type == 'popup' && hide()"
      >
        <div class="rebuy-widget-content">

          <div class="rebuy-modal-close" v-on:click="hide()" aria-label="close modal">
            <rebuy-icon name="x"></rebuy-icon>
          </div>

          <div class="rebuy-timer" v-if="hasTimer()">
            <p class="rebuy-timer-title" v-if="config.language.timer_title">
              <span v-html="config.language.timer_title"></span>
              <span class="rebuy-timer-minutes" v-html="config.timer.duration_minutes"></span>:<span class="rebuy-timer-seconds" v-html="config.timer.duration_seconds"></span>
            </p>
          </div>

          <h3 class="super-title" v-if="config.language.super_title != ''" v-html="config.language.super_title"></h3>
          <h3 class="primary-title" v-if="config.language.title != ''" v-html="config.language.title"></h3>
          <div class="description" v-if="config.language.description != ''" v-html="config.language.description"></div>

          <div class="rebuy-product-grid" v-bind:class="layoutClasses" tabindex="0" role="list">
            <div
              v-for="(product, product_index) in products"
              v-bind:class="[
                product.handle,
                'product-id-' + product.id,
                cartHasProduct(product) ? 'cart-has-item' : '',
                productTagClasses(product),
                hasSplideCarousel ? 'splide__slide' : '',
              ]"
              aria-label="product"
              class="rebuy-product-block"
              role="listitem"
            >

              <div class="rebuy-product-media">
                <a
                  v-if="!(hasProductQuickViewEnabled() && hasQuickViewPhotoTrigger())"
                  class="rebuy-product-image"
                  tabindex="-1"
                  v-bind:href="learnMoreURL(product)"
                  v-bind:style="imageStyles"
                  v-on:click="learnMore(product, $event);"
                  v-bind:class="[hasLearnMore() ? 'clickable' : '']"
                  rel="nofollow"
                >
                  <img
                    class="rebuy-product-img"
                    v-if="product?.images[0]?.src"
                    v-bind:src="itemImage(product, product.selected_variant, '700x700')"
                    v-bind:alt="'View ' + product.title"
                  >
                  <img
                    class="rebuy-product-hover-img"
                    v-if="product.hover_images && product.hover_images[product.selected_variant.id]"
                    v-bind:src="product.hover_images[product.selected_variant.id].replace(/_([\d]+x[\d]*|[\d]*x[\d]+)(?=\.\w+)/, '').replace(/(\.\w+)(\?.*)?$/, '_700x700$1$2')"
                    v-bind:alt="'View ' + product.title"
                  >
                </a>
                <button
                  v-if="hasProductQuickViewEnabled() && hasQuickViewPhotoTrigger()"
                  class="rebuy-product-image-trigger"
                  v-bind:style="imageStyles"
                  v-on:click="openQuickViewVariantModal(product)"
                  v-bind:aria-label="'Quick view ' + product.title"
                  type="button"
                >
                  <img
                    v-bind:loading="product_index > 1 ? 'lazy' : 'eager'"
                    v-bind:src="itemImage(product, product.selected_variant, '400x400')"
                    v-bind:alt="itemImageAlt(product, product.selected_variant)"
                  >
                </button>
              </div>

              <div class="rebuy-product-info">

                <div class="rebuy-review-badge-container">
                  <div class="rebuy-product-review" v-if="hasProductReviews(product)" aria-label="product star rating">
                    <span class="rebuy-star-rating">
                      <span
                        v-if="product.reviews.star_rating"
                        class="rebuy-star-rating-value sr-only"
                        v-html="product.reviews.star_rating + ' stars out of 5 stars'"
                      ></span>
                      <span class="rebuy-star-rating-background"></span>
                      <span class="rebuy-star-rating-foreground" v-bind:style="{ width: productReviewRatingPercentage(product) }"></span>
                    </span>
                    <span class="rebuy-review-count" v-html="productReviewCount(product)"></span>
                  </div>
                  <div class="rebuy-product-badge">
                    <span
                      v-if="product.tags && product.tags.split(',').map(t => t.trim()).find(t => t.startsWith('Badge:'))"
                      class="bg-supergoop-yellow py-1 px-[6px] body-xs rounded-[2px] z-10 pointer-events-none text-[10px] md:text-[11px] leading-[13px] md:leading-none font-medium text-grey-2A"
                    >
                      {{ product.tags.split(',').map(t => t.trim()).find(t => t.startsWith('Badge:')).replace('Badge:', '') }}
                    </span>
                  </div>
                </div>

                <h5 class="rebuy-product-title" v-bind:class="[hasLearnMore() ? 'clickable' : '']">
                  <a
                    v-bind:href="learnMoreURL(product)"
                    class="rebuy-product-title-link"
                    v-on:click="learnMore(product, $event);"
                    v-html="product.title"
                    v-bind:class="[hasLearnMore() ? 'clickable' : '']"
                    v-bind:aria-label="'View ' + product.title"
                    rel="nofollow"
                  ></a>
                </h5>

                <div class="rebuy-product-vendor-container" v-if="showProductVendor(product.vendor)">
                  <a
                    class="rebuy-product-vendor"
                    v-bind:class="[hasEnabledProductVendorLink() ? 'clickable' : '']"
                    v-html="product.vendor"
                    v-bind:href="vendorURL(product.vendor)"
                    v-bind:aria-label="'View ' + product.vendor + ' products'"
                    rel="nofollow"
                  ></a>
                </div>

                <div class="rebuy-variant-title" v-if="showVariantTitle(product)" v-html="product.selected_variant.title"></div>
                <div class="rebuy-custom-short-description" v-if="product.metafields?.descriptors?.subtitle" v-html="product.metafields?.descriptors?.subtitle"></div>

                <div class="rebuy-product-price">
                  <div v-if="!product._picked && Math.min(...product.variants.map(v => v.price)) !== Math.max(...product.variants.map(v => v.price))">
                    <span class="rebuy-money">
                      <span class="sr-only">Price range</span>
                      <span tabindex="0">
                        {{ formatMoney(Math.min(...product.variants.map(v => v.price)) * 100).replace('.00','') }}
                        –
                        {{ formatMoney(Math.max(...product.variants.map(v => v.price)) * 100).replace('.00','') }}
                      </span>
                    </span>
                  </div>
                  <div v-else>
                    <div v-if="product.selected_variant?.metafields?.custom?.faux_compare_price">
                      <div v-if="parseFloat(product.selected_variant.metafields.custom.faux_compare_price) > parseFloat(variantPrice(product, product.selected_variant))">
                        <span class="rebuy-money sale">
                          <span class="sr-only">Sale price</span>
                          <span tabindex="0" v-html="formatMoney(variantPrice(product, product.selected_variant)).replace('.00','')"></span>
                        </span>
                        <span class="rebuy-money compare-at">
                          <span class="sr-only">Original price</span>
                          <span v-html="formatMoney(product.selected_variant.metafields.custom.faux_compare_price).replace('.00','')"></span>
                        </span>
                      </div>
                      <div v-else>
                        <span class="rebuy-money sale">
                          <span class="sr-only">Sale price</span>
                          <span tabindex="0" v-html="formatMoney(product.selected_variant.metafields.custom.faux_compare_price).replace('.00','')"></span>
                        </span>
                        <span class="rebuy-money compare-at">
                          <span class="sr-only">Original price</span>
                          <span v-html="formatMoney(variantPrice(product, product.selected_variant)).replace('.00','')"></span>
                        </span>
                      </div>
                    </div>
                    <div v-else>
                      <div v-if="variantOnSale(product, product.selected_variant)">
                        <span class="rebuy-money sale">
                          <span class="sr-only">Sale price</span>
                          <span tabindex="0" v-html="formatMoney(variantPrice(product, product.selected_variant)).replace('.00','')"></span>
                        </span>
                        <span class="rebuy-money compare-at">
                          <span class="sr-only">Original price</span>
                          <span v-html="formatMoney(variantCompareAtPrice(product, product.selected_variant)).replace('.00','')"></span>
                        </span>
                      </div>
                      <div v-if="!(variantOnSale(product, product.selected_variant))">
                        <span class="rebuy-money">
                          <span class="sr-only">Price</span>
                          <span tabindex="0" v-html="formatMoney(variantPrice(product, product.selected_variant)).replace('.00','')"></span>
                        </span>
                      </div>
                    </div>
                  </div>
                </div>

                <div class="rebuy-product-description" v-if="showProductDescription(product)" v-html="text(product.body_html)"></div>

                <div class="rebuy-product-options color-swatches">
                  <div
                    class="rebuy-product-options__button-swatches-container"
                    :class="{ 'rebuy-style__hidden-block' : config.view_options.variant_selector === 'select' }"
                  >
                    <div
                      v-for="option in product.options"
                      :key="'option-' + product.id + '-' + option.name"
                      v-if="option.name == 'Color'"
                    >
                      <div class="rebuy-swatch-carousel-wrapper">
                        <div class="rebuy-swatch-carousel swiper-container">
                          <div class="swiper-wrapper">
                            <div
                              v-for="(value, value_index) in filterOOSOptions(option, product)"
                              :key="'value-' + product.id + '-' + option.name + '-' + value + '-' + value_index"
                              class="swiper-slide rebuy-swatch-slide rebuy-color-swatch"
                            >
                              <div v-if="displayColorSwatches(option)" class="rebuy-product-options__button-swatch">
                                <input
                                  :name="id + '-color-' + product_index"
                                  :id="id + '-color-' + product_index + '-' + value + '-' + value_index"
                                  :checked="hasSwatchOptionSelected(product, value, value_index, 'color')"
                                  :value="value"
                                  type="radio"
                                  class="rebuy-color-input hide"
                                  v-on:change="product._picked = true; selectVariantByOption(product, option.name, value)"
                                  :disabled="isDisabledOptionValue(product, option.name, value)"
                                />
                                <label
                                  :for="id + '-color-' + product_index + '-' + value + '-' + value_index"
                                  :style="product.swatch_colors && product.swatch_colors[value]
                                    ? 'background-image: url(' + product.swatch_colors[value] + '); background-size: cover; background-position: center;'
                                    : getMerchantThemeColorAssetStyle(value)"
                                  :title="value"
                                  class="rebuy-color-label"
                                  :class="{ 'rebuy-product-options__button-swatch-label--disabled' : isDisabledOptionValue(product, option.name, value) }"
                                ></label>
                              </div>
                            </div>
                          </div>
                        </div>
                        <div class="rebuy-swatch-prev swiper-button-prev" role="button" aria-label="Previous swatches">
                          <svg viewBox="0 0 56 56" xmlns="http://www.w3.org/2000/svg"><path d="M44.329 4.657c0 0.449-0.224 0.954-0.561 1.291l-22.052 22.052 22.052 22.052c0.337 0.337 0.561 0.842 0.561 1.291s-0.224 0.954-0.561 1.291l-2.806 2.806c-0.337 0.337-0.842 0.561-1.291 0.561s-0.954-0.224-1.291-0.561l-26.148-26.148c-0.337-0.337-0.561-0.842-0.561-1.291s0.224-0.954 0.561-1.291l26.148-26.148c0.337-0.337 0.842-0.561 1.291-0.561s0.954 0.224 1.291 0.561l2.806 2.806c0.337 0.337 0.561 0.786 0.561 1.291z" fill="currentColor"></path></svg>
                        </div>
                        <div class="rebuy-swatch-next swiper-button-next" role="button" aria-label="Next swatches">
                          <svg viewBox="0 0 56 56" xmlns="http://www.w3.org/2000/svg"><path d="M44.329 28c0 0.449-0.224 0.954-0.561 1.291l-26.148 26.148c-0.337 0.337-0.842 0.561-1.291 0.561s-0.954-0.224-1.291-0.561l-2.806-2.806c-0.337-0.337-0.561-0.786-0.561-1.291 0-0.449 0.224-0.954 0.561-1.291l22.052-22.052-22.052-22.052c-0.337-0.337-0.561-0.842-0.561-1.291s0.224-0.954 0.561-1.291l2.806-2.806c0.337-0.337 0.842-0.561 1.291-0.561s0.954 0.224 1.291 0.561l26.148 26.148c0.337 0.337 0.561 0.842 0.561 1.291z" fill="currentColor"></path></svg>
                        </div>
                      </div>
                      <div class="rebuy-product-options-color-text">
                        <span>{{ option.name }}: {{ product.selected_variant.option1 }}</span>
                      </div>
                    </div>
                  </div>
                </div>

              </div>

              <div class="rebuy-product-options" v-if="showVariantSelect(product)">
                <select
                  title="Select product variant"
                  :id="id + '-' + 'select' + '-' + product_index"
                  :class="{ hide : config.view_options.variant_selector === 'buttons' }"
                  class="rebuy-select"
                  v-bind:aria-label="'variant of ' + product.title"
                  v-model="product.selected_variant_id"
                  v-on:change="product._picked = true; selectVariant(product)"
                >
                  <option
                    v-for="variant in product.variants"
                    class="rebuy-product-options__option"
                    :class="{ 'rebuy-product-options__option--oos' : !variantAvailable(variant) }"
                    v-bind:value="variant.id"
                    :disabled="!variantAvailable(variant)"
                    v-html="formatVariantOptionTitle(variant)"
                  ></option>
                </select>

                <div
                  class="rebuy-product-options__button-swatches-container"
                  :class="{ 'rebuy-style__hidden-block' : config.view_options.variant_selector === 'select' }"
                >
                  <div
                    v-for="option in product.options"
                    :key="'option-' + product.id + '-' + option.name"
                    class="rebuy-product-options__button-swatches rebuy-size-swatches"
                    v-if="option.name != 'Color' && filterOOSOptions(option, product).length > 1"
                  >
                    <div
                      v-for="(value, value_index) in filterOOSOptions(option, product)"
                      :key="'value-' + product.id + '-' + option.name + '-' + value + '-' + value_index"
                    >
                      <div v-if="!displayColorSwatches(option)" class="rebuy-product-options__button-swatch rebuy-size-swatch">
                        <input
                          :name="id + '-' + option.name + '-' + product_index"
                          :id="id + '-' + option.name + '-' + product_index + '-' + value"
                          :checked="hasSwatchOptionSelected(product, value, value_index, option.name)"
                          :value="value"
                          type="radio"
                          class="rebuy-size-input hide"
                          v-on:change="product._picked = true; selectVariantByOption(product, option.name, value)"
                          :disabled="isDisabledOptionValue(product, option.name, value)"
                        />
                        <label
                          :for="id + '-' + option.name + '-' + product_index + '-' + value"
                          class="rebuy-size-label"
                          :class="{ 'rebuy-product-options__button-swatch-label--disabled' : isDisabledOptionValue(product, option.name, value) }"
                        >
                          {{ value }}
                        </label>
                      </div>
                    </div>
                  </div>
                </div>
              </div>

              <div class="rebuy-product-actions">
                <button
                  v-if="hasProductQuickViewEnabled() && hasQuickViewButtonTrigger()"
                  class="rebuy-button outline"
                  v-on:click="openQuickViewVariantModal(product)"
                  v-bind:aria-label="'Quick view ' + product.title"
                  type="button"
                >
                  <span v-html="getQuickViewButtonText()"></span>
                </button>

                <div class="subscription-checkbox" v-if="showSubscriptionOptions(product)">
                  <label class="rebuy-checkbox-label">
                    <input
                      class="checkbox-input rebuy-checkbox"
                      v-model="product.subscription"
                      v-on:change="toggleSubscription(product)"
                      type="checkbox"
                      :aria-label="upgradeToSubscriptionAriaLabel(product)"
                    />
                    <span class="checkbox-label" v-html="upgradeToSubscriptionLabel(product)"></span>
                  </label>
                </div>

                <div class="subscription-frequency" v-if="showSubscriptionFrequency(product)">
                  <select
                    class="rebuy-select"
                    aria-label="subscription frequency"
                    v-model="product.subscription_frequency"
                    v-on:change="updateSubscriptionFrequency(product)"
                  >
                    <option v-for="frequency in product.subscription_frequencies" v-bind:value="frequency">
                      {{ frequencyLabel(frequency, product.subscription_interval) }}
                    </option>
                  </select>
                </div>

                <div class="product-quantity" v-if="hasQuantityInputEnabled()">
                  <div class="rebuy-select-wrapper">
                    <label class="rebuy-label">Quantity</label>
                    <select
                      class="rebuy-select"
                      aria-label="product quantity"
                      v-model="product.quantity"
                    >
                      <option v-for="n in maxQuantityInputValue()" v-bind:value="n">{{ n }}</option>
                    </select>
                  </div>
                </div>

                <button
                  class="rebuy-button"
                  v-bind:class="{ working: (product.status != 'ready' && product.status != 'selecting') }"
                  v-bind:disabled="!(variantAvailable(product.selected_variant)) || (product.status != 'ready' && product.status != 'selecting')"
                  v-bind:aria-label="buttonAriaLabel(product)"
                  v-on:click="addToCart(product)"
                  type="button"
                >
                  <span v-html="buttonLabel(product)"></span>
                </button>
              </div>

            </div>
          </div>

          <div class="rebuy-modal-actions" v-if="showContinueButton()">
            <button class="rebuy-button decline" v-on:click="hide()" type="button">
              <span v-html="continueLabel()"></span>
            </button>
          </div>

          <div class="powered-by-rebuy">
            <a v-bind:href="'https://rebuyengine.com/?shop=' + config.shop.myshopify_domain" target="_blank" rel="noopener">
              Powered by Rebuy
            </a>
          </div>

        </div>
      </div>
    </div>
  </script>
  

  <!-- PDP "Customers Also Bought" Widget template -->
  
  <script id="rebuy-widget-280420" type="text/template">
    <div
      class="rebuy-widget"
      v-cloak
      v-on:click="stopPropagation($event)"
      v-bind:id="'rebuy-widget-' + id"
      v-bind:class="['widget-type-' + config.type.replace('_','-'), 'widget-display-' + config.display_type, products.length > 0 ? 'is-visible' : 'is-hidden', 'widget-layout-' + currentLayout()]"
    >
      <div
        class="rebuy-widget-container"
        v-cloak
        v-bind:class="['widget-display-' + config.display_type, visible ? 'is-visible' : 'is-hidden']"
        v-on:click.self="config.display_type == 'popup' && hide()"
      >
        <div class="rebuy-widget-content">

          <div class="rebuy-modal-close" v-on:click="hide()" aria-label="close modal">
            <rebuy-icon name="x"></rebuy-icon>
          </div>

          <div class="rebuy-timer" v-if="hasTimer()">
            <p class="rebuy-timer-title" v-if="config.language.timer_title">
              <span v-html="config.language.timer_title"></span>
              <span class="rebuy-timer-minutes" v-html="config.timer.duration_minutes"></span>:<span class="rebuy-timer-seconds" v-html="config.timer.duration_seconds"></span>
            </p>
          </div>

          <h3 class="super-title" v-if="config.language.super_title != ''" v-html="config.language.super_title"></h3>
          <h3 class="primary-title" v-if="config.language.title != ''" v-html="config.language.title"></h3>
          <div class="description" v-if="config.language.description != ''" v-html="config.language.description"></div>

          <div class="rebuy-product-grid" v-bind:class="layoutClasses" tabindex="0" role="list">
            <div
              v-for="(product, product_index) in products"
              v-bind:class="[
                product.handle,
                'product-id-' + product.id,
                cartHasProduct(product) ? 'cart-has-item' : '',
                productTagClasses(product),
                hasSplideCarousel ? 'splide__slide' : '',
              ]"
              aria-label="product"
              class="rebuy-product-block"
              role="listitem"
            >

              <div class="rebuy-product-media">
                <a
                  v-if="!(hasProductQuickViewEnabled() && hasQuickViewPhotoTrigger())"
                  class="rebuy-product-image"
                  tabindex="-1"
                  v-bind:href="learnMoreURL(product)"
                  v-bind:style="imageStyles"
                  v-on:click="learnMore(product, $event);"
                  v-bind:class="[hasLearnMore() ? 'clickable' : '']"
                  rel="nofollow"
                >
                  <img
                    class="rebuy-product-img"
                    v-if="product?.images[0]?.src"
                    v-bind:src="itemImage(product, product.selected_variant, '700x700')"
                    v-bind:alt="'View ' + product.title"
                  >
                  <img
                    class="rebuy-product-hover-img"
                    v-if="product.hover_images && product.hover_images[product.selected_variant.id]"
                    v-bind:src="product.hover_images[product.selected_variant.id].replace(/_([\d]+x[\d]*|[\d]*x[\d]+)(?=\.\w+)/, '').replace(/(\.\w+)(\?.*)?$/, '_700x700$1$2')"
                    v-bind:alt="'View ' + product.title"
                  >
                </a>
                <button
                  v-if="hasProductQuickViewEnabled() && hasQuickViewPhotoTrigger()"
                  class="rebuy-product-image-trigger"
                  v-bind:style="imageStyles"
                  v-on:click="openQuickViewVariantModal(product)"
                  v-bind:aria-label="'Quick view ' + product.title"
                  type="button"
                >
                  <img
                    v-bind:loading="product_index > 1 ? 'lazy' : 'eager'"
                    v-bind:src="itemImage(product, product.selected_variant, '400x400')"
                    v-bind:alt="itemImageAlt(product, product.selected_variant)"
                  >
                </button>
              </div>

              <div class="rebuy-product-info">

                <div class="rebuy-review-badge-container">
                  <div class="rebuy-product-review" v-if="hasProductReviews(product)" aria-label="product star rating">
                    <span class="rebuy-star-rating">
                      <span
                        v-if="product.reviews.star_rating"
                        class="rebuy-star-rating-value sr-only"
                        v-html="product.reviews.star_rating + ' stars out of 5 stars'"
                      ></span>
                      <span class="rebuy-star-rating-background"></span>
                      <span class="rebuy-star-rating-foreground" v-bind:style="{ width: productReviewRatingPercentage(product) }"></span>
                    </span>
                    <span class="rebuy-review-count" v-html="productReviewCount(product)"></span>
                  </div>
                  <div class="rebuy-product-badge">
                    <span
                      v-if="product.tags && product.tags.split(',').map(t => t.trim()).find(t => t.startsWith('Badge:'))"
                      class="bg-supergoop-yellow py-1 px-[6px] body-xs rounded-[2px] z-10 pointer-events-none text-[10px] md:text-[11px] leading-[13px] md:leading-none font-medium text-grey-2A"
                    >
                      {{ product.tags.split(',').map(t => t.trim()).find(t => t.startsWith('Badge:')).replace('Badge:', '') }}
                    </span>
                  </div>
                </div>

                <h5 class="rebuy-product-title" v-bind:class="[hasLearnMore() ? 'clickable' : '']">
                  <a
                    v-bind:href="learnMoreURL(product)"
                    class="rebuy-product-title-link"
                    v-on:click="learnMore(product, $event);"
                    v-html="product.title"
                    v-bind:class="[hasLearnMore() ? 'clickable' : '']"
                    v-bind:aria-label="'View ' + product.title"
                    rel="nofollow"
                  ></a>
                </h5>

                <div class="rebuy-product-vendor-container" v-if="showProductVendor(product.vendor)">
                  <a
                    class="rebuy-product-vendor"
                    v-bind:class="[hasEnabledProductVendorLink() ? 'clickable' : '']"
                    v-html="product.vendor"
                    v-bind:href="vendorURL(product.vendor)"
                    v-bind:aria-label="'View ' + product.vendor + ' products'"
                    rel="nofollow"
                  ></a>
                </div>

                <div class="rebuy-variant-title" v-if="showVariantTitle(product)" v-html="product.selected_variant.title"></div>
                <div class="rebuy-custom-short-description" v-if="product.metafields?.descriptors?.subtitle" v-html="product.metafields?.descriptors?.subtitle"></div>

                <div class="rebuy-product-price">
                  <div v-if="!product._picked && Math.min(...product.variants.map(v => v.price)) !== Math.max(...product.variants.map(v => v.price))">
                    <span class="rebuy-money">
                      <span class="sr-only">Price range</span>
                      <span tabindex="0">
                        {{ formatMoney(Math.min(...product.variants.map(v => v.price)) * 100).replace('.00','') }}
                        –
                        {{ formatMoney(Math.max(...product.variants.map(v => v.price)) * 100).replace('.00','') }}
                      </span>
                    </span>
                  </div>
                  <div v-else>
                    <div v-if="product.selected_variant?.metafields?.custom?.faux_compare_price">
                      <div v-if="parseFloat(product.selected_variant.metafields.custom.faux_compare_price) > parseFloat(variantPrice(product, product.selected_variant))">
                        <span class="rebuy-money sale">
                          <span class="sr-only">Sale price</span>
                          <span tabindex="0" v-html="formatMoney(variantPrice(product, product.selected_variant)).replace('.00','')"></span>
                        </span>
                        <span class="rebuy-money compare-at">
                          <span class="sr-only">Original price</span>
                          <span v-html="formatMoney(product.selected_variant.metafields.custom.faux_compare_price).replace('.00','')"></span>
                        </span>
                      </div>
                      <div v-else>
                        <span class="rebuy-money sale">
                          <span class="sr-only">Sale price</span>
                          <span tabindex="0" v-html="formatMoney(product.selected_variant.metafields.custom.faux_compare_price).replace('.00','')"></span>
                        </span>
                        <span class="rebuy-money compare-at">
                          <span class="sr-only">Original price</span>
                          <span v-html="formatMoney(variantPrice(product, product.selected_variant)).replace('.00','')"></span>
                        </span>
                      </div>
                    </div>
                    <div v-else>
                      <div v-if="variantOnSale(product, product.selected_variant)">
                        <span class="rebuy-money sale">
                          <span class="sr-only">Sale price</span>
                          <span tabindex="0" v-html="formatMoney(variantPrice(product, product.selected_variant)).replace('.00','')"></span>
                        </span>
                        <span class="rebuy-money compare-at">
                          <span class="sr-only">Original price</span>
                          <span v-html="formatMoney(variantCompareAtPrice(product, product.selected_variant)).replace('.00','')"></span>
                        </span>
                      </div>
                      <div v-if="!(variantOnSale(product, product.selected_variant))">
                        <span class="rebuy-money">
                          <span class="sr-only">Price</span>
                          <span tabindex="0" v-html="formatMoney(variantPrice(product, product.selected_variant)).replace('.00','')"></span>
                        </span>
                      </div>
                    </div>
                  </div>
                </div>

                <div class="rebuy-product-description" v-if="showProductDescription(product)" v-html="text(product.body_html)"></div>

                <div class="rebuy-product-options color-swatches">
                  <div
                    class="rebuy-product-options__button-swatches-container"
                    :class="{ 'rebuy-style__hidden-block' : config.view_options.variant_selector === 'select' }"
                  >
                    <div
                      v-for="option in product.options"
                      :key="'option-' + product.id + '-' + option.name"
                      v-if="option.name == 'Color'"
                    >
                      <div class="rebuy-swatch-carousel-wrapper">
                        <div class="rebuy-swatch-carousel swiper-container">
                          <div class="swiper-wrapper">
                            <div
                              v-for="(value, value_index) in filterOOSOptions(option, product)"
                              :key="'value-' + product.id + '-' + option.name + '-' + value + '-' + value_index"
                              class="swiper-slide rebuy-swatch-slide rebuy-color-swatch"
                            >
                              <div v-if="displayColorSwatches(option)" class="rebuy-product-options__button-swatch">
                                <input
                                  :name="id + '-color-' + product_index"
                                  :id="id + '-color-' + product_index + '-' + value + '-' + value_index"
                                  :checked="hasSwatchOptionSelected(product, value, value_index, 'color')"
                                  :value="value"
                                  type="radio"
                                  class="rebuy-color-input hide"
                                  v-on:change="product._picked = true; selectVariantByOption(product, option.name, value)"
                                  :disabled="isDisabledOptionValue(product, option.name, value)"
                                />
                                <label
                                  :for="id + '-color-' + product_index + '-' + value + '-' + value_index"
                                  :style="product.swatch_colors && product.swatch_colors[value]
                                    ? 'background-image: url(' + product.swatch_colors[value] + '); background-size: cover; background-position: center;'
                                    : getMerchantThemeColorAssetStyle(value)"
                                  :title="value"
                                  class="rebuy-color-label"
                                  :class="{ 'rebuy-product-options__button-swatch-label--disabled' : isDisabledOptionValue(product, option.name, value) }"
                                ></label>
                              </div>
                            </div>
                          </div>
                        </div>
                        <div class="rebuy-swatch-prev swiper-button-prev" role="button" aria-label="Previous swatches">
                          <svg viewBox="0 0 56 56" xmlns="http://www.w3.org/2000/svg"><path d="M44.329 4.657c0 0.449-0.224 0.954-0.561 1.291l-22.052 22.052 22.052 22.052c0.337 0.337 0.561 0.842 0.561 1.291s-0.224 0.954-0.561 1.291l-2.806 2.806c-0.337 0.337-0.842 0.561-1.291 0.561s-0.954-0.224-1.291-0.561l-26.148-26.148c-0.337-0.337-0.561-0.842-0.561-1.291s0.224-0.954 0.561-1.291l26.148-26.148c0.337-0.337 0.842-0.561 1.291-0.561s0.954 0.224 1.291 0.561l2.806 2.806c0.337 0.337 0.561 0.786 0.561 1.291z" fill="currentColor"></path></svg>
                        </div>
                        <div class="rebuy-swatch-next swiper-button-next" role="button" aria-label="Next swatches">
                          <svg viewBox="0 0 56 56" xmlns="http://www.w3.org/2000/svg"><path d="M44.329 28c0 0.449-0.224 0.954-0.561 1.291l-26.148 26.148c-0.337 0.337-0.842 0.561-1.291 0.561s-0.954-0.224-1.291-0.561l-2.806-2.806c-0.337-0.337-0.561-0.786-0.561-1.291 0-0.449 0.224-0.954 0.561-1.291l22.052-22.052-22.052-22.052c-0.337-0.337-0.561-0.842-0.561-1.291s0.224-0.954 0.561-1.291l2.806-2.806c0.337-0.337 0.842-0.561 1.291-0.561s0.954 0.224 1.291 0.561l26.148 26.148c0.337 0.337 0.561 0.842 0.561 1.291z" fill="currentColor"></path></svg>
                        </div>
                      </div>
                      <div class="rebuy-product-options-color-text">
                        <span>{{ option.name }}: {{ product.selected_variant.option1 }}</span>
                      </div>
                    </div>
                  </div>
                </div>

              </div>

              <div class="rebuy-product-options" v-if="showVariantSelect(product)">
                <select
                  title="Select product variant"
                  :id="id + '-' + 'select' + '-' + product_index"
                  :class="{ hide : config.view_options.variant_selector === 'buttons' }"
                  class="rebuy-select"
                  v-bind:aria-label="'variant of ' + product.title"
                  v-model="product.selected_variant_id"
                  v-on:change="product._picked = true; selectVariant(product)"
                >
                  <option
                    v-for="variant in product.variants"
                    class="rebuy-product-options__option"
                    :class="{ 'rebuy-product-options__option--oos' : !variantAvailable(variant) }"
                    v-bind:value="variant.id"
                    :disabled="!variantAvailable(variant)"
                    v-html="formatVariantOptionTitle(variant)"
                  ></option>
                </select>

                <div
                  class="rebuy-product-options__button-swatches-container"
                  :class="{ 'rebuy-style__hidden-block' : config.view_options.variant_selector === 'select' }"
                >
                  <div
                    v-for="option in product.options"
                    :key="'option-' + product.id + '-' + option.name"
                    class="rebuy-product-options__button-swatches rebuy-size-swatches"
                    v-if="option.name != 'Color' && filterOOSOptions(option, product).length > 1"
                  >
                    <div
                      v-for="(value, value_index) in filterOOSOptions(option, product)"
                      :key="'value-' + product.id + '-' + option.name + '-' + value + '-' + value_index"
                    >
                      <div v-if="!displayColorSwatches(option)" class="rebuy-product-options__button-swatch rebuy-size-swatch">
                        <input
                          :name="id + '-' + option.name + '-' + product_index"
                          :id="id + '-' + option.name + '-' + product_index + '-' + value"
                          :checked="hasSwatchOptionSelected(product, value, value_index, option.name)"
                          :value="value"
                          type="radio"
                          class="rebuy-size-input hide"
                          v-on:change="product._picked = true; selectVariantByOption(product, option.name, value)"
                          :disabled="isDisabledOptionValue(product, option.name, value)"
                        />
                        <label
                          :for="id + '-' + option.name + '-' + product_index + '-' + value"
                          class="rebuy-size-label"
                          :class="{ 'rebuy-product-options__button-swatch-label--disabled' : isDisabledOptionValue(product, option.name, value) }"
                        >
                          {{ value }}
                        </label>
                      </div>
                    </div>
                  </div>
                </div>
              </div>

              <div class="rebuy-product-actions">
                <button
                  v-if="hasProductQuickViewEnabled() && hasQuickViewButtonTrigger()"
                  class="rebuy-button outline"
                  v-on:click="openQuickViewVariantModal(product)"
                  v-bind:aria-label="'Quick view ' + product.title"
                  type="button"
                >
                  <span v-html="getQuickViewButtonText()"></span>
                </button>

                <div class="subscription-checkbox" v-if="showSubscriptionOptions(product)">
                  <label class="rebuy-checkbox-label">
                    <input
                      class="checkbox-input rebuy-checkbox"
                      v-model="product.subscription"
                      v-on:change="toggleSubscription(product)"
                      type="checkbox"
                      :aria-label="upgradeToSubscriptionAriaLabel(product)"
                    />
                    <span class="checkbox-label" v-html="upgradeToSubscriptionLabel(product)"></span>
                  </label>
                </div>

                <div class="subscription-frequency" v-if="showSubscriptionFrequency(product)">
                  <select
                    class="rebuy-select"
                    aria-label="subscription frequency"
                    v-model="product.subscription_frequency"
                    v-on:change="updateSubscriptionFrequency(product)"
                  >
                    <option v-for="frequency in product.subscription_frequencies" v-bind:value="frequency">
                      {{ frequencyLabel(frequency, product.subscription_interval) }}
                    </option>
                  </select>
                </div>

                <div class="product-quantity" v-if="hasQuantityInputEnabled()">
                  <div class="rebuy-select-wrapper">
                    <label class="rebuy-label">Quantity</label>
                    <select
                      class="rebuy-select"
                      aria-label="product quantity"
                      v-model="product.quantity"
                    >
                      <option v-for="n in maxQuantityInputValue()" v-bind:value="n">{{ n }}</option>
                    </select>
                  </div>
                </div>

                <button
                  class="rebuy-button"
                  v-bind:class="{ working: (product.status != 'ready' && product.status != 'selecting') }"
                  v-bind:disabled="!(variantAvailable(product.selected_variant)) || (product.status != 'ready' && product.status != 'selecting')"
                  v-bind:aria-label="buttonAriaLabel(product)"
                  v-on:click="addToCart(product)"
                  type="button"
                >
                  <span v-html="buttonLabel(product)"></span>
                </button>
              </div>

            </div>
          </div>

          <div class="rebuy-modal-actions" v-if="showContinueButton()">
            <button class="rebuy-button decline" v-on:click="hide()" type="button">
              <span v-html="continueLabel()"></span>
            </button>
          </div>

          <div class="powered-by-rebuy">
            <a v-bind:href="'https://rebuyengine.com/?shop=' + config.shop.myshopify_domain" target="_blank" rel="noopener">
              Powered by Rebuy
            </a>
          </div>

        </div>
      </div>
    </div>
  </script>
  

  <style>
    /* ── Hover image ────────────────────────────────────────────── */
    .rebuy-widget .rebuy-product-image {
      position: relative;
      overflow: hidden;
    }
    .rebuy-widget .rebuy-product-hover-img {
      position: absolute;
      top: 0;
      left: 0;
    }
    .rebuy-widget .rebuy-product-hover-img,
    .rebuy-widget .rebuy-product-media:hover .rebuy-product-image .rebuy-product-img {
      pointer-events: none;
      opacity: 0;
      transition: opacity .5s cubic-bezier(.4, 0, .2, 1);
    }
    .rebuy-widget .rebuy-product-media:hover .rebuy-product-image .rebuy-product-hover-img {
      pointer-events: all;
      opacity: 1;
      transition: opacity .5s cubic-bezier(.4, 0, .2, 1);
      z-index: 10;
    }
    .rebuy-widget .rebuy-product-media:not(:has(.rebuy-product-hover-img)) .rebuy-product-image:hover .rebuy-product-img {
      opacity: 1 !important;
      pointer-events: all !important;
    }

    /* ── Variant selectors ──────────────────────────────────────── */
    .rebuy-product-options__button-swatch-label--disabled {
      display: none !important;
    }
    .rebuy-size-input:checked + .rebuy-size-label {
      border: 1px solid #0e00b4;
      color: #0e00b4;
    }
    .rebuy-size-label {
      display: block;
      border: 1px solid #b4b4b4;
      border-radius: 0;
      cursor: pointer;
      min-width: 30px;
      text-align: center;
      font-size: .75rem;
      padding-block: .75rem;
      padding-inline: 1rem;
      color: #5c5c5c;
    }
    .rebuy-color-input:checked + .rebuy-color-label {
      outline: 1px solid #0e00b4;
      border: none;
    }
    .rebuy-color-label {
      display: block;
      border: none;
      border-radius: 0;
      background-size: cover;
      cursor: pointer;
      padding: 18px;
    }
    @media (max-width: 480px) {
      .rebuy-color-label {
        padding: 16px;
      }
    }
    .rebuy-product-options-color-text {
      width: 100%;
      color: #5c5c5c;
      margin-top: 3px;
      font-size: 0.75rem;
      line-height: 18px;
    }
    .rebuy-size-swatches {
      gap: 0;
    }
    .rebuy-color-swatch,
    .rebuy-size-swatch {
      margin-right: 3px;
      margin-bottom: 3px;
    }
    .rebuy-custom-short-description {
      color: #5c5c5c;
      font-size: 12px;
      line-height: 1rem;
    }
    .rebuy-widget .rebuy-product-options__button-swatches-container,
    .rebuy-recommended-products .rebuy-product-options__button-swatches-container {
      padding: 0;
    }

    /* ── Swatch Swiper carousel ─────────────────────────────────── */
    .rebuy-swatch-carousel-wrapper {
      position: relative;
      padding-right: 28px;
    }
    .rebuy-swatch-carousel {
      position: relative;
      overflow: hidden;
    }
    .rebuy-swatch-carousel:not(.swiper-initialized) .swiper-wrapper {
      flex-wrap: wrap;
      transform: none !important;
    }
    .rebuy-swatch-carousel:not(.swiper-initialized) {
      padding: 0;
    }
    .swiper-wrapper {
      padding-top: 1px;
      padding-left: 1px;
    }
    .rebuy-swatch-carousel:not(.swiper-initialized) ~ .rebuy-swatch-prev,
    .rebuy-swatch-carousel:not(.swiper-initialized) ~ .rebuy-swatch-next {
      display: none;
    }
    .rebuy-swatch-carousel-wrapper .swiper-button-prev,
    .rebuy-swatch-carousel-wrapper .swiper-button-next {
      position: absolute;
      width: 20px;
      height: 20px;
      top: 45%;
      transform: translateY(-50%);
      margin-top: 0;
      padding: 5px;
      display: flex;
      align-items: center;
      justify-content: center;
      border-radius: 100%;
      background-color: #ffe922;
      color: #2a2a2a;
      z-index: 10;
    }
    .rebuy-swatch-carousel-wrapper .swiper-button-prev { left: 0; }
    .rebuy-swatch-carousel-wrapper .swiper-button-next { right: 0; }
    .rebuy-swatch-carousel-wrapper .swiper-button-prev::after,
    .rebuy-swatch-carousel-wrapper .swiper-button-next::after {
      display: none;
    }
    .rebuy-swatch-carousel-wrapper .swiper-button-prev svg,
    .rebuy-swatch-carousel-wrapper .swiper-button-next svg {
      width: 10px;
      height: 10px;
      flex-shrink: 0;
    }
    .rebuy-swatch-carousel-wrapper .swiper-button-prev {
      display: none !important;
    }
    .rebuy-swatch-carousel-wrapper .rebuy-swatch-next.swiper-button-disabled {
      opacity: 0.3;
      cursor: pointer;
      pointer-events: all;
      display: none;
    }
    .rebuy-swatch-carousel .swiper-slide {
      width: auto !important;
    }
  </style>
    <!-- Rebuy END -->
  <style> @media screen and (max-width: 1024px) {[class*="_formContainer"] {width: 100% !important; max-width: 100% !important; padding: 24px 16px !important; box-sizing: border-box !important; } [class*="_formFieldContainer"] input[type="text"], [class*="_formFieldContainer"] input[type="email"] {width: 100% !important; box-sizing: border-box !important; font-size: 16px !important; padding: 14px !important; } [class*="_formSubmitButton"], button[type="submit"][class*="_form"] {width: 100% !important; padding: 16px !important; font-size: 16px !important; box-sizing: border-box !important; } [class*="_checkboxFieldSet"] {width: 100% !important; box-sizing: border-box !important; }} </style>
<div id="shopify-block-AeWtjZE1LT2Irb3pva__7079518687644006178" class="shopify-block shopify-app-block"><script>
  (function () {
    const cartAttributes = {};

    // Helper function to retrieve the UTM from Url
    function getUTMFromUrl() {
      const url_string = window.location.href;
      const url = new URL(url_string);

      const utm_id = url.searchParams.get("utm_id");
      const utm_source = url.searchParams.get("utm_source");
      const utm_medium = url.searchParams.get("utm_medium");
      const utm_campaign = url.searchParams.get("utm_campaign");
      const utm_term = url.searchParams.get("utm_term");
      const ref = url.searchParams.get("ref");

      if (!utm_id && !utm_source && !utm_medium && !utm_campaign && !ref) {
        return null;
      }

      let utmParameters = {};
      
        if (utm_id) {
          utmParameters.utm_id = utm_id;
        }
        if (utm_source) {
          utmParameters.utm_source = utm_source;
        }
        if (utm_medium) {
          utmParameters.utm_medium = utm_medium;
        }
        if (utm_campaign) {
          utmParameters.utm_campaign = utm_campaign;
        }
        if (utm_term) {
          utmParameters.utm_term = utm_term;
        }
        if (ref) {
          utmParameters.ref = ref;
        }
      

      return Object.keys(utmParameters).length === 0
        ? null
        : utmParameters;
    }

    // Helper function to retrieve the UTM from Cookie
    function getUTMAttributes() {
      const urlUtmParams = getUTMFromUrl();

      if (urlUtmParams) {
          return urlUtmParams;
      }

      // No longer reading from deprecated Shopify cookies
      return undefined;
    }

    function saveUtmParameters() {
      const utmParams = getUTMAttributes();
      if (utmParams) {
        const cartHasUtmAttributes = Object.keys(cartAttributes).find(attributeKey => attributeKey.startsWith("utm_") || attributeKey === "ref");
        if (cartHasUtmAttributes) {
          // Don't call API if it already contains our UTM parameters
          return;
        }

        // Handle both Shopify.routes.root and routes.root_url for better compatibility
        var rootUrl = (window.Shopify && window.Shopify.routes && window.Shopify.routes.root) 
          || (window.routes && window.routes.root_url) 
          || '/';
        
        var updateCart = fetch(rootUrl + 'cart/update.js',
        {
          headers: {
            'Content-Type': 'application/json',
          },
          method: "POST",
          body: JSON.stringify({
            attributes: {
              ...utmParams
            },
          })
        })
        .then(response => response.json())
        .then(data => {
          return data
        });
      }
    }

    saveUtmParameters();
  })();
</script>




</div><div id="shopify-block-AcVdWR1d0ZzhmRUg1e__11560147490181472608" class="shopify-block shopify-app-block"><!-- BEGIN app snippet: rivo-init --><script type="text/javascript" id="rivo-app-embed-init">
  window.Rivo = window.Rivo || {};
  window.Rivo.embedded_version_enabled = true;
  window.Rivo.common = window.Rivo.common || {};
  window.Rivo.common.shop = {
    permanent_domain: 'supergoop.myshopify.com',
    currency: "USD",
    money_format: "${{amount}}",
    id: 15035658
  };

  window.Rivo.common.template = 'index';
  window.Rivo.common.full_template = 'index';
  window.Rivo.common.cart = {};
  window.Rivo.common.translations = {"account_widget":{"en":{"or_text":"OR","city_text":"City","edit_text":"Edit","name_text":"Name","email_text":"Email","order_text":"Order","phone_text":"Phone","taxes_text":"Taxes","total_text":"Total","delete_text":"Delete","select_text":"Select","address_text":"Address","company_text":"Company","country_text":"Country","discount_text":"Discount","province_text":"Province","shipping_text":"Shipping","subtotal_text":"Subtotal","zip_code_text":"ZIP Code","last_name_text":"Last Name","community_title":"Community","favorites_title":"Favorites","first_name_text":"First Name","home_cta_1_text":"View Rewards","home_cta_2_text":"Manage Subscriptions","home_cta_3_text":"","add_to_cart_text":"Add to Cart","footer_home_text":"For You","postal_code_text":"Postal Code","saved_cart_title":"Saved from Cart","are_you_sure_text":"Are you sure you want to?","collections_title":"Collections","contact_info_text":"Contact info","email_placeholder":"Email","google_login_text":"Sign in with Google","login_button_text":"Sign In","login_footer_text":"","login_issues_text":"Click here to sign in with your password if you are having issues","my_addresses_text":"My Addresses","order_placed_text":"Placed on","verify_title_text":"Enter the code we just sent to [[email]]","all_favorites_text":"All Favorites","community_subtitle":"Post your challenges and get rewarded. We'll automatically drop points into your account for every challenge you complete.","footer_orders_text":"Orders","latest_order_title":"Latest Order","notifications_text":"Notifications","profile_list_links":[],"verify_button_text":"Verify Code","address_line_1_text":"Address Line 1","address_line_2_text":"Apartment, suite, etc.","buy_gift_card_title":"Buy Gift Card","delete_address_text":"Yes, Delete Address","external_login_text":"Sign in or Sign up","footer_profile_text":"Profile","home_referral_title":"Refer a Friend \u0026 Earn","my_preferences_text":"My Preferences","payment_method_text":"Payment Method","popular_today_title":"Popular Today","select_country_text":"Select Country","select_options_text":"Select Options","shop_pay_login_text":"Sign in with","update_profile_text":"Update Profile","view_favorites_text":"View Favorites","billing_address_text":"Billing Address","home_logged_in_title":"Welcome \u003cspan rivo-ax-text='$store.rivo_profile_customer?.first_name'\u003e\u003c\/span\u003e","order_cancelled_text":"Cancelled on","profile_log_out_text":"Log out","profile_pos_qr_title":"In-Store Sign-In","redeem_rewards_title":"Redeem Rewards","save_collection_text":"Save Collection","select_province_text":"Select Province","shipping_method_text":"Shipping Method","address_default_badge":"Default","alternate_login_title":"Having issues signing in?","community_button_text":"View Challenges","company_optional_text":"Company (Optional)","featured_content_link":null,"footer_community_text":"Community","home_logged_out_title":"Save your faves, earn points, track orders and easily start a return.","recently_viewed_title":"Recently Viewed","share_collection_text":"Share","shipping_address_text":"Shipping Address","transfer_credit_title":"Send Store Credit","add_to_collection_text":"Add to Collection","featured_content_title":"Save with Sets","home_referral_subtitle":"\u003cspan rivo-ax-text='$store.rivo_profile_customer?.referral_stats?.completed_count'\u003e\u003c\/span\u003e referrals completed so far","home_wallet_pass_title":"Add Wallet Pass","orders_logged_in_title":"Your Orders","added_to_cart_link_text":"Go to Cart","additional_details_text":"Additional Details","home_logged_in_subtitle":"","home_referral_copy_text":"Referral link copied to clipboard","membership_manage_title":"Manage Membership","orders_empty_state_text":"You haven't placed any orders yet","orders_logged_out_title":"Log in to view, track, and manage your orders","profile_pos_qr_subtitle":"Show this code to a store associate at checkout to sign in to your account from a retail store.","survey_next_button_text":"Next","survey_skip_button_text":"Skip","vip_tier_progress_title":"\u003cspan rivo-ax-html='$store.rivo_profile_customer?.current_vip_tier_info?.tier?.name'\u003e\u003c\/span\u003e","alternate_login_subtitle":"Use one of the following methods below to sign in.","home_logged_out_subtitle":"","mobile_phone_number_text":"Mobile Phone Number","order_cancel_button_text":"Cancel Order","order_item_refunded_text":"(Refunded)","shipping_addresses_title":"Shipping Addresses","transfer_credit_subtitle":"\u003cp\u003eYour balance: \u003cspan rivo-ax-text='$store.rivo_profile_customer?.pretty_credits_tally'\u003e\u003c\/span\u003e\u003c\/p\u003e\u003cp\u003eTransfer credit to a friend or family member. They'll receive an email or SMS with a link to redeem the credit. The credit will be instantly deducted from your account and refunded to you if not claimed within 30 days.\u003c\/p\u003e","verify_login_issues_text":"Having issues? Click here to try again.","featured_content_subtitle":"Enjoy special discounts + free shipping with fan favorites bundled for you.","home_wallet_pass_subtitle":"Unlock exclusive rewards and offers.","order_returns_button_text":"Start a Return","accepts_sms_marketing_text":"Text me with news and offers","add_shipping_address_title":"Add Shipping Address","alternate_login_email_text":"Sign in with an email and password","create_new_collection_text":"Create New Collection","enter_collection_name_text":"Enter Collection Name","favorites_empty_state_text":"No favorited products","order_tracking_button_text":"Track Shipment","redeem_rewards_unlock_text":"from unlocking this reward","save_shipping_address_text":"Save Shipping Address","vip_tier_progress_subtitle":"Earn \u003cspan rivo-ax-html='$store.rivo_profile_customer?.current_vip_tier_info?.next_tier?.formatted_to_spend_or_earn || $store.rivo_profile_customer?.current_vip_tier_info?.next_tier?.to_spend_or_earn'\u003e\u003c\/span\u003e Points to unlock \u003cspan rivo-ax-html='$store.rivo_profile_customer?.current_vip_tier_info?.next_tier?.name'\u003e\u003c\/span\u003e","alternate_login_google_text":"Sign in with Google","buy_again_notification_text":"Order added to the cart","edit_shipping_address_title":"Edit Shipping Address","favorite_button_active_text":"Added to favorites","home_button_membership_text":"Credit","id_copied_notification_text":"ID copied to clipboard","login_verify_identity_title":"Verify your identity","order_buy_again_button_text":"Buy Again","saved_cart_empty_state_text":"No saved cart items","set_as_default_address_text":"Set as default address","transfer_credit_date_header":"Date","transfer_credit_link_copied":"Link copied!","vip_tier_progress_link_text":"View perks","address_line_2_optional_text":"Address Line 2 (Optional)","collections_empty_state_text":"No collections","email_cannot_be_changed_text":"Email used for login cannot be updated","home_logged_out_orders_title":"Sign in to access your orders","home_wallet_pass_button_text":"Add Wallet Pass","login_accepts_marketing_text":"Email me with news and offers","loyalty_opt_in_checkbox_text":"Send me loyalty program updates and exclusive offers","transfer_credit_amount_label":"Amount","transfer_credit_no_transfers":"No transfers yet","transfer_credit_send_another":"Send another credit","add_to_cart_notification_text":"Added to cart","alternate_login_shop_pay_text":"Sign in to an existing account with Shop Pay","favorite_button_inactive_text":"Add to favorites","home_additional_button_1_text":"Manage Auto-Replenishment","home_additional_button_2_text":"","home_logged_out_profile_title":"Sign in to access your profile","orders_additional_button_text":"","redeem_rewards_available_text":"available to redeem","same_as_shipping_address_text":"Same as shipping address","transfer_credit_amount_header":"Amount","transfer_credit_history_title":"Transfer History","transfer_credit_message_label":"Message (optional)","home_button_gift_card_cta_text":"My Credit","lookup_gift_card_used_subtitle":"We hope you enjoy your purchase!","lookup_gift_card_used_tos_text":"We hope you enjoy your purchase!","order_limited_time_button_text":null,"address_saved_notification_text":"Address saved","apply_discount_add_to_cart_text":"Apply discount \u0026 add to cart","featured_content_image_position":"center center","generic_error_notification_text":"Looks like we hit an issue. Please try again","home_button_balance_points_text":"Points","home_button_gift_card_code_text":"ID: ","home_button_gift_card_copy_text":"Copy ID","home_button_membership_cta_text":"My Membership","home_logged_out_favorites_title":"Sign in to access your favorites","home_logged_out_orders_subtitle":"Get access to your rewards, referrals, and more","profile_list_personal_info_text":"Personal Information","redeem_rewards_points_away_text":"away","transfer_credit_generate_button":"Generate Gift URL","transfer_credit_share_link_text":"Share this link with your friend:","view_product_action_button_text":"View product","home_logged_out_profile_subtitle":"Get access to your rewards, referrals, and more","lookup_gift_card_unused_subtitle":"Copy the code below to redeem your gift card","lookup_gift_card_unused_tos_text":"Apply this code at checkout to redeem your gift card","recently_viewed_empty_state_text":"No recently viewed products","address_deleted_notification_text":"Address deleted successfully","international_returns_button_text":"Start an International Return","profile_updated_notification_text":"Profile updated","shipping_address_empty_state_text":"You haven't added any shipping addresses yet","add_to_favorites_notification_text":"Save Item","alternate_login_another_email_text":"Try sending another code","home_logged_out_favorites_subtitle":"Get access to your rewards, referrals, and more","transfer_credit_description_header":"Description","transfer_credit_no_credit_subtitle":"\u003cp\u003eYour balance: \u003cspan rivo-ax-text='$store.rivo_profile_customer?.pretty_credits_tally'\u003e\u003c\/span\u003e\u003c\/p\u003e\u003cp\u003eSorry, you don't have enough credit right now to send.\u003c\/p\u003e","cancel_membership_notification_text":"Membership canceled","home_button_balance_points_cta_text":"My Rewards","added_to_favorites_notification_text":"Item saved","collection_created_notification_text":"Collection Created","profile_list_shipping_addresses_text":"Shipping Addresses","membership_manage_status_profile_text":"Update and manage your membership details.","error_adding_to_cart_notification_text":"Error adding items to cart","membership_manage_become_a_member_text":"Become a Member","buy_gift_card_recipient_email_self_text":"The gift card will be sent to you.","gift_card_code_copied_notification_text":"Gift Card Code Copied","home_button_membership_paywall_cta_text":"Join our Membership","remove_from_favorites_notification_text":"Remove item","membership_manage_credits_activity_title":"Credits Activity","membership_reactivated_notification_text":"Your membership has been reactivated!","removed_from_favorites_notification_text":"Item removed","membership_update_payment_method_subtitle":"We've just sent you an email to update your payment method. The email subject line is \"Update your payment method\". Please check your email to continue.","buy_gift_card_recipient_email_directly_text":"The gift card will be emailed directly to the recipient.","membership_manage_credits_activity_subtitle":"You have \u003cstrong\u003e\u003cspan rivo-ax-data rivo-ax-text=\"$store.rivo_profile_customer.pretty_credits_tally\"\u003e\u003c\/span\u003e\u003c\/strong\u003e in store credit","membership_manage_status_cancelled_subtitle":"Your membership has been cancelled","send_payment_method_email_notification_text":"We've sent an email to update your payment method","membership_manage_status_is_subscriber_title":"Active Member","membership_manage_status_is_subscriber_subtitle":"Your membership is currently active","membership_manage_status_not_subscriber_subtitle":"You are not an active member","membership_manage_status_update_payment_link_text":"Update Payment Method","membership_manage_status_cancel_membership_link_text":"Cancel Membership","membership_manage_status_paid_next_billing_date_text":"You will be charged next on \u003cspan rivo-ax-text='$store.rivo_profile_customer.membership_subscription_contract.pretty_next_billing_date_at'\u003e\u003c\/span\u003e","membership_manage_status_rejoin_membership_link_text":"Rejoin Membership","membership_manage_status_manual_next_billing_date_text":"You've been manually placed on this tier.","membership_manage_status_pending_cancellation_subtitle":"Your membership will be cancelled on \u003cspan rivo-ax-text='$store.rivo_profile_customer.membership_subscription_contract.pretty_next_billing_date_at'\u003e\u003c\/span\u003e","home_expiration_message_text":"{{balance_label}} expire {{expiration_date}}","vip_tier_progress_amount_spent_subtitle":"Spend \u003cspan rivo-ax-html='$store.rivo_profile_customer?.current_vip_tier_info?.next_tier?.formatted_to_spend_or_earn || $store.rivo_profile_customer?.current_vip_tier_info?.next_tier?.to_spend_or_earn'\u003e\u003c\/span\u003e to unlock \u003cspan rivo-ax-html='$store.rivo_profile_customer?.current_vip_tier_info?.next_tier?.name'\u003e\u003c\/span\u003e","vip_tier_progress_orders_count_subtitle":"Place \u003cspan rivo-ax-html='$store.rivo_profile_customer?.current_vip_tier_info?.next_tier?.formatted_to_spend_or_earn || $store.rivo_profile_customer?.current_vip_tier_info?.next_tier?.to_spend_or_earn'\u003e\u003c\/span\u003e Orders to unlock \u003cspan rivo-ax-html='$store.rivo_profile_customer?.current_vip_tier_info?.next_tier?.name'\u003e\u003c\/span\u003e","ways_to_earn_transactions_url_text":"View activity","ways_to_earn_title":"Ways to earn","redeem_rewards_url_text":"My Rewards","items_count_text":"items","home_referral_page_subtitle":"Refer a friend who makes a purchase and both of you will claim rewards."}},"loyalty_landing_page":{"en":{"loyalty_page_rewards_title":"Rewards","loyalty_page_rewards_subtitle":"You have the following rewards ready to use","loyalty_page_banner_earn_button":"Earn points","loyalty_page_rewards_no_rewards":"No rewards yet","loyalty_page_ways_to_earn_title":"Ways to Earn","loyalty_page_banner_login_button":"Sign In","loyalty_page_upload_receipt_help":"Upload a receipt within the last 30 days to earn points. Please lay the receipt on a flat surface and take a photo from a close distance.","loyalty_page_banner_redeem_button":"Redeem Rewards","loyalty_page_subscribe_email_help":"Subscribe to our email list and earn points","loyalty_page_ways_to_redeem_title":"Ways to Redeem","loyalty_page_customer_birthday_day":"Day","loyalty_page_upload_receipt_attach":"Attach File","loyalty_page_upload_receipt_button":"Submit Receipt","loyalty_page_ways_to_earn_subtitle":"Earn points by completing these actions","loyalty_page_banner_logged_in_title":"Welcome to the program","loyalty_page_banner_register_button":"Join Now","loyalty_page_explainer_step_1_title":"Signup","loyalty_page_explainer_step_2_title":"Earn","loyalty_page_explainer_step_3_title":"Redeem","loyalty_page_subscribe_email_button":"Subscribe","loyalty_page_upload_receipt_no_file":"Please select a file to upload","loyalty_page_upload_receipt_success":"Thanks! Your receipt will be reviewed shortly","loyalty_page_banner_logged_out_title":"Join our Loyalty Program","loyalty_page_banner_login_button_url":null,"loyalty_page_customer_birthday_month":"Month","loyalty_page_customer_birthday_title":"Celebrate your birthday","loyalty_page_ways_to_redeem_subtitle":"Redeem points for these rewards","loyalty_page_explainer_logged_in_title":"Hi \u003cspan rivo-x-data=\"{ username: $store.customer.first_name || 'there' }\" rivo-x-text=\"username\"\u003e\u003c\/span\u003e, you have \u003cstrong\u003e\u003cspan rivo-x-data rivo-x-text=\"$store.customer.pretty_points_tally\"\u003e\u003c\/span\u003e\u003c\/strong\u003e Points","loyalty_page_explainer_step_1_subtitle":"Create an account on our store","loyalty_page_explainer_step_2_subtitle":"Earn points for shopping","loyalty_page_explainer_step_3_subtitle":"Redeem points for discounts","loyalty_page_vip_tier_1_threshold_text":null,"loyalty_page_vip_tier_2_threshold_text":null,"loyalty_page_vip_tier_3_threshold_text":null,"loyalty_page_vip_tier_4_threshold_text":null,"loyalty_page_vip_tier_5_threshold_text":null,"loyalty_page_vip_tier_6_threshold_text":null,"loyalty_page_vip_tiers_logged_in_title":"VIP Tiers","loyalty_page_activity_table_header_date":"Date","loyalty_page_activity_table_no_activity":"No activity yet","loyalty_page_banner_register_button_url":null,"loyalty_page_explainer_logged_out_title":"How it Works","loyalty_page_vip_tiers_logged_out_title":"VIP Tiers","loyalty_page_activity_expiration_warning":"Expiration Date: \u003cspan rivo-x-data rivo-x-text=\"$store.customer.points_expiry\"\u003e\u003c\/span\u003e","loyalty_page_customer_birthday_save_date":"Save Date","loyalty_page_activity_table_header_action":"Activity","loyalty_page_banner_logged_in_description":"As a member, you will earn points for shopping","loyalty_page_explainer_logged_in_subtitle":"Here's an overview of your current points balance and recent activity","loyalty_page_vip_tiers_logged_in_subtitle":"You are on the \u003cspan rivo-x-data rivo-x-text=\"$store.customer?.current_vip_tier_info?.tier?.name\"\u003e\u003c\/span\u003e tier","loyalty_page_banner_logged_out_description":"Join for free and begin earning points \u0026 rewards every time you shop.","loyalty_page_vip_tiers_logged_out_subtitle":"Join our VIP loyalty program to unlock exclusive rewards available only to members.","loyalty_page_activity_table_header_earnings":"Points","loyalty_page_vip_tiers_progress_column_title":"Tier Status","loyalty_page_vip_tiers_progress_column_subtitle":"Earn \u003cspan rivo-x-data rivo-x-text=\"$store.customer?.current_vip_tier_info?.next_tier?.formatted_to_spend_or_earn\"\u003e\u003c\/span\u003e points to reach the \u003cspan rivo-x-data rivo-x-text=\"$store.customer?.current_vip_tier_info?.next_tier?.name\"\u003e\u003c\/span\u003e tier.","loyalty_page_activity_table_header_expiration":"Expires At","loyalty_page_general_redeem":"Redeem","loyalty_page_general_enter_valid_date":"Please enter a valid date","loyalty_page_general_points":"Points","loyalty_page_general_activate_store_credit":"Activate Store Credit","loyalty_page_general_redeemed_store_credit":"Redeemed Store Credit","loyalty_page_general_spent":"Spent","loyalty_page_upload_challenge_photo_button":"Submit Challenge Photo","loyalty_page_upload_challenge_photo_attach":"Attach File","loyalty_page_upload_challenge_photo_no_file":"Please select a file to upload","loyalty_page_upload_challenge_photo_success":"Thanks! Your challenge photo will be reviewed shortly","loyalty_page_upload_challenge_photo_help":"Upload a challenge photo to earn.","acct_creation_title":"Join and Earn Rewards","acct_creation_desc":"Get rewarded for being an awesome customer","acct_creation_sign_in":"Already a member?","acct_creation_btn":"Start Earning","visitor_point_desc":"Earn points and turn these into rewards!","vip_tiers_table_perk_translations":[]}},"general":{"en":{"vip_perks":"Perks","vip_tiers":"VIP Tiers","general_by":"by","vip_reward":"VIP reward","vip_status":"VIP Status","general_day":"Day","social_like":"Like","social_share":"Share","vip_benefits":"Benefits","general_error":"Hmm, something went wrong, please try again shortly","general_month":"Month","general_point":"Point","general_spend":"you spend","general_spent":"Spent","social_follow":"Follow","tos_expiry_at":"Reward expires on {{expiry_date}}.","vip_tier_desc":"Gain access to exclusive rewards.","general_credit":"Credit","general_points":"Points","general_redeem":"Redeem","general_reward":"reward","vip_tier_spend":"Spend {{amount}}","general_credits":"Credits","general_go_back":"Go back","general_pending":"Pending","general_rewards":"Rewards","general_sign_in":"Sign in","general_sign_up":"Sign up","referrals_title":"Referral Program","review_complete":"Post a product review","survey_complete":"Complete a Survey","general_approved":"Approved","general_share_on":"Share on","general_you_have":"You have","tos_free_product":"Reward only applies to {{product_name}}","general_cancelled":"Cancelled","general_edit_date":"Edit Date","general_save_date":"Save date","general_show_more":"Show more","general_signed_up":"signed up","referral_complete":"Complete a Referral","tos_expiry_months":"Expires {{expiry_months}} month(s) after being redeemed.","vip_tier_achieved":"Unlocked {{tier_name}}","vip_tier_added_to":"Added to {{tier_name}}","general_apply_code":"Apply code","general_share_link":"Share your Personal Link","referrals_email_to":"To","vip_achieved_until":"Achieved until","vip_tier_to_unlock":"to unlock","general_reward_show":"Show","referrals_completed":"referrals completed so far","vip_tier_dropped_to":"Fell to {{tier_name}}","vip_tier_on_highest":"You did it! You're on the highest tier 🎉","general_balance_text":"store credit","general_past_rewards":"Past rewards","general_product_page":"product page","general_ways_to_earn":"Ways to earn","general_your_rewards":"Your rewards","referrals_email_send":"Send email","referrals_get_reward":"Get your","referrals_share_link":"Share this link with a friend for them to claim the reward","social_facebook_like":"Like page on Facebook","social_tiktok_follow":"Follow on TikTok","social_twitter_share":"Share link on X","tos_min_order_amount":"Applies to all orders over {{min_order_amount}}.","vip_tier_earn_points":"Earn {{points}} Points","vip_tier_retained_to":"Kept {{tier_name}}","vip_tier_vip_history":"VIP History","general_cancel_points":"Points canceled","general_no_points_yet":"No Points yet","general_refund_points":"Points refunded","general_sms_subscribe":"Subscribe to SMS","social_facebook_share":"Share link on Facebook","social_twitter_follow":"Follow on X","vip_reward_earned_via":"Earned via {{vip_tier_name}} tier","vip_you_have_achieved":"You've achieved","wallet_pass_subscribe":"Add Wallet Pass","general_cancel_credits":"Credits canceled","general_no_rewards_yet":"No rewards yet","general_place_an_order":"Place an order","general_points_expired":"Points expired","general_refund_credits":"Credits refunded","general_sms_subscribed":"Subscribed to SMS","general_upload_receipt":"Submit a Receipt","general_ways_to_redeem":"Ways to redeem","referrals_claim_reward":"Claim your gift","referrals_code_invalid":"This referral code is invalid","referrals_email_invite":"Refer friends by email","referrals_visitor_desc":"Refer a friend who makes a purchase and both of you will claim rewards.","review_complete_points":"{{points_amount}} Points for every review posted","tos_min_order_quantity":"Minimum {{min_order_quantity}} items required in cart.","general_birthday_reward":"Celebrate with a reward","general_challenge_photo":"Submit a Challenge Photo","general_credits_expired":"Credits expired","general_discount_amount":"points for ${{discount_amount}} off","general_email_subscribe":"Subscribe to Emails","general_expiration_date":"Expiration Date","general_no_activity_yet":"No activity yet","general_placed_an_order":"Placed an order","general_points_activity":"Points History","general_share_via_email":"Share via Email","general_upcoming_reward":"Upcoming reward","general_you_have_points":"You have {{points}} points","membership_order_placed":"Credits earned from placing an order","referrals_email_message":"Message","referrals_invalid_email":"Please enter a valid email address","referrals_referral_code":"Your referral link to share","social_instagram_follow":"Follow on Instagram","tos_apply_to_collection":"Only for products in specific collections.","tos_max_shipping_amount":"Maximum shipping amount of {{max_shipping_amount}}.","vip_tier_no_vip_history":"No VIP membership history yet","general_email_subscribed":"Subscribed to Emails","general_enter_valid_date":"Please enter a valid date","general_points_for_every":"Points for every","general_uploaded_receipt":"Submitted a Receipt","general_vip_tier_upgrade":"VIP Tier Upgrade Points","referral_complete_points":"{{points_amount}} Points for every referral completed","referrals_call_to_action":"Refer friends and earn","referrals_claimed_reward":"Here's your","referrals_create_account":"Create an Account","referrals_status_blocked":"blocked","referrals_status_pending":"pending","referrals_your_referrals":"Your referrals","general_click_to_see_more":"View My Rewards Account","general_product_purchased":"Product Purchased","general_redeemed_a_reward":"Redeemed a Reward","general_use_discount_code":"Use this discount code on your next order!","gift_card_sync_past_tense":"Gift card sync","referrals_already_visited":"Already visited this page","referrals_general_invalid":"Sorry, looks like this referral is invalid","referrals_referred_reward":"They will get","referrals_referrer_reward":"You will get","general_celebrate_birthday":"Celebrate a birthday","general_how_to_earn_points":"How do I earn Points?","referrals_no_referrals_yet":"No referrals yet","referrals_program_disabled":"This referral program is disabled","referrals_status_completed":"completed","review_complete_past_tense":"Posted a product review","survey_complete_past_tense":"Completed a Survey","general_add_product_to_cart":"Add product to cart","general_balance_text_plural":"Credits","general_fallback_first_name":"there","general_not_enough_earnings":"Not enough earnings to redeem","general_were_awarded_points":"were awarded points","activity_table_header_status":"Status","general_manual_points_adjust":"manual points adjustment","referral_complete_past_tense":"Completed a Referral","referrals_similar_ip_invalid":"We are unable to process referrals within the same IP address","store_credit_sync_past_tense":"Store credit sync","vip_tier_orders_placed_count":"Place {{amount}} Orders","general_activate_store_credit":"Activate Store Credit","general_celebrate_anniversary":"Celebrate Loyalty Anniversary","general_punch_card_checkpoint":"Punch Card Checkpoint","general_redeemed_store_credit":"Redeemed Store Credit","checkout_ui_redeem_points_desc":"You have {{points}} points! Redeem for discounts on this order.","general_discount_amount_coupon":"${{discount_amount}} off coupon","general_have_not_earned_points":"You haven't earned any Points yet.","membership_page_benefits_title":"Membership Benefits","referrals_email_to_placeholder":"Add a comma-separated list of emails","referrals_name_must_be_present":"Please enter your first name","checkout_ui_redeem_points_login":"Log in","checkout_ui_redeem_points_title":"Redeem your points","general_add_points_default_note":"Points granted by points import","general_celebrate_your_birthday":"Let's celebrate your birthday! 🎉 Please give us 30 days notice - otherwise, you'll have to wait another year.","general_please_choose_an_option":"Please choose an option from the","general_redeem_error_max_points":"Exceeded maximum points to spend","general_redeem_error_min_points":"Did not meet minimum points to redeem","referrals_email_already_claimed":"This email has already been claimed","referrals_general_invalid_title":"We're Sorry","social_facebook_like_past_tense":"Liked a page on Facebook","social_tiktok_follow_past_tense":"Followed on TikTok","social_twitter_share_past_tense":"Shared a link on X","social_facebook_share_past_tense":"Shared a link on Facebook","social_twitter_follow_past_tense":"Followed on X","wallet_pass_subscribe_past_tense":"Added Wallet Pass","general_points_for_judgeme_review":"JudgeMe review","membership_page_benefits_subtitle":"Here's an overview of your membership benefits","referrals_account_already_claimed":"You already have an account. You can invite your friends to win rewards!","vip_tier_products_purchased_count":"Purchase {{amount}} Specific Products","checkout_ui_activate_account_title":"Activate Your Account","checkout_ui_redeemed_rewards_title":"Your rewards","general_reset_removal_default_note":"Existing points removed for points reset from import","referrals_your_referrals_show_here":"Your referrals will show here.","social_instagram_follow_past_tense":"Followed on Instagram","checkout_ui_points_estimation_title":"Complete this purchase to earn up to {{points}} points","checkout_ui_refer_friends_login_url":"account\/login?return_url=\/account\u0026email={{customer_email}}","general_loyalty_program_and_rewards":"Loyalty Program \u0026 Rewards","general_vip_tier_upgrade_past_tense":"{{tier_name}} Entry Points","general_your_rewards_will_show_here":"Your rewards will show here.","membership_page_banner_login_button":"Sign In","membership_page_banner_login_prefix":"Already a member?","membership_tier_unlocked_past_tense":"Membership Signup","referrals_email_message_placeholder":"Customize your referral message. The referral link will be automatically added.","checkout_ui_redeem_points_login_desc":"to view your points balance and discover rewards available for redemption.","checkout_ui_redeem_store_credit_desc":"You have ${{store_credit}} in store credit.","vip_tier_product_ids_purchased_count":"Purchase {{amount}} Specific Products","checkout_ui_cashback_estimation_title":"Complete this purchase to earn up to {{cashback}} in CashBack","checkout_ui_install_wallet_pass_title":"Install our Wallet Pass for Exclusive Offers","checkout_ui_points_estimation_subtext":"Loyalty points can be redeemed for rewards on future purchases. Actual points awarded may differ if other discounts are applied.","checkout_ui_redeem_store_credit_title":"Apply your store credit","checkout_ui_refer_friends_login_title":"Claim your points from this purchase !","general_celebrate_birthday_past_tense":"Celebrated a birthday","general_reset_new_balance_default_note":"Points reset to new balance by points import","general_use_discount_code_free_product":"Use this discount code on your next order to get a free product!","membership_page_explainer_step_1_title":"Signup","membership_page_explainer_step_2_title":"Earn","membership_page_explainer_step_3_title":"Redeem","membership_recurring_signup_past_tense":"Recurring Credit","referrals_advocate_stats_email_claimed":"Claimed","checkout_ui_activate_account_button_url":"\/account\/login?return_url=\/account","checkout_ui_cashback_estimation_subtext":"CashBack can be redeemed for rewards on future purchases. Actual CashBack awarded may differ if other discounts are applied.","membership_page_banner_login_button_url":"\/account\/login?return_url=\/account","checkout_ui_activate_account_button_text":"Activate Account","checkout_ui_activate_account_description":"Activate your loyalty account to start earning points, tracking rewards, and accessing exclusive member benefits.","checkout_ui_redeem_points_alternate_name":"points","checkout_ui_redeemed_rewards_description":"Your rewards available to use","checkout_ui_redeemed_rewards_login_title":"Log in","checkout_ui_refer_friends_referral_title":"Refer a Friend","general_celebrate_anniversary_past_tense":"Celebrated Loyalty Anniversary","referrals_advocate_stats_email_completed":"Completed","referrals_create_account_to_claim_coupon":"Create an Account to claim your coupon","checkout_ui_redeemed_rewards_select_label":"Select a Reward","membership_page_banner_add_to_cart_button":"Join Now","membership_page_explainer_step_1_subtitle":"Create an account on our store","membership_page_explainer_step_2_subtitle":"Earn points for shopping","membership_page_explainer_step_3_subtitle":"Redeem points for discounts","checkout_ui_install_wallet_pass_button_url":"\/#rivo","general_converted_to_credits_external_note":"Converted your points balance to store credit","general_converted_to_credits_internal_note":"Converted from points to store credit","membership_page_activity_table_header_date":"Date","membership_page_activity_table_no_activity":"No activity yet","membership_page_banner_is_subscriber_title":"Welcome to our Membership Program","membership_page_status_is_subscriber_title":"You have an Active Membership","referrals_advocate_stats_email_link_clicks":"Link Clicks","checkout_ui_install_wallet_pass_button_text":"Install Wallet Pass","checkout_ui_install_wallet_pass_description":"Unlock exclusive offers and rewards with our Wallet Pass.","checkout_ui_login_notification_banner_title":"Have loyalty discounts or rewards that you'd like to apply?","checkout_ui_refer_friends_login_description":"Log in or register to activate your loyalty account, redeem your points and access your special offers.","membership_page_activity_expiration_warning":"Expiration Date: \u003cspan rivo-x-data rivo-x-text=\"$store.customer.points_expiry\"\u003e\u003c\/span\u003e","membership_page_banner_non_subscriber_title":"Join our Membership Program","membership_recurring_anniversary_past_tense":"Membership Anniversary Credits","checkout_ui_redeem_incremental_earnings_desc":"How much of your {{balance}} in balance (equivalent to ${{balance_to_currency}}) would you like to redeem?","checkout_ui_refer_friends_login_button_title":"Activate my account","general_order_placed_store_credit_multiplier":"Earn cash back for every $1 spent","membership_page_activity_table_header_action":"Activity","referrals_advocate_stats_email_unique_visits":"Unique visits from your link","referrals_email_your_friend_has_referred_you":"Your friend has referred you to {{shop_name}}","checkout_ui_login_notification_banner_subtext":"to login to your account","checkout_ui_redeem_incremental_earnings_login":"Log in","checkout_ui_redeem_incremental_earnings_title":"Redeem store balance","checkout_ui_redeem_points_select_custom_label":"{{reward_name}} orders ${{min_order_amount}}+ for {{points_amount}} points","checkout_ui_refer_friends_referral_button_url":"","membership_page_banner_add_to_cart_button_url":"\/membership-add-to-cart","membership_page_cancel_membership_modal_title":"Are you sure you want to cancel your membership?","membership_page_explainer_is_subscriber_title":"Hi \u003cspan rivo-x-data=\"{ username: $store.customer.first_name || 'there' }\" rivo-x-text=\"username\"\u003e\u003c\/span\u003e, you have \u003cstrong\u003e\u003cspan rivo-x-data rivo-x-text=\"$store.customer.pretty_credits_tally\"\u003e\u003c\/span\u003e\u003c\/strong\u003e in Store Credit","membership_page_status_is_subscriber_subtitle":"You will be charged next on \u003cspan rivo-x-data rivo-x-text=\"$store.customer?.membership?.pretty_next_charge_date\"\u003e\u003c\/span\u003e","referrals_email_checkout_out_and_claim_reward":"Check out the referral link and claim a free reward.","checkout_ui_redeem_points_select_discount_desc":"Please select a discount","checkout_ui_redeemed_rewards_login_description":"to view your rewards available to use.","checkout_ui_refer_friends_referral_description":"Share your referral link with friends and earn rewards each time a new friend makes a purchase.","membership_page_activity_table_header_earnings":"Points","membership_page_cancel_membership_modal_button":"Yes, Cancel my Membership","membership_page_explainer_non_subscriber_title":"How it Works","checkout_ui_login_notification_banner_link_text":"Click here","checkout_ui_redeem_points_select_discount_label":"Select Discount","checkout_ui_redeemed_rewards_select_description":"Please select a reward","checkout_ui_refer_friends_referral_button_title":"Refer a Friend","membership_page_status_update_payment_link_text":"Update Payment Method","referrals_advocate_stats_email_no_referrals_yet":"No referrals yet.","membership_page_banner_is_subscriber_description":"You'v unlocked exclusive savings, rewards \u0026 VIP access.","membership_page_explainer_is_subscriber_subtitle":"Here's an overview of your current credits balance and recent activity","checkout_ui_redeem_store_credit_apply_button_text":"Apply Store Credit","membership_page_banner_non_subscriber_description":"Unlock exclusive savings, rewards \u0026 VIP access.","membership_page_update_payment_method_modal_title":"Update Payment Method","checkout_ui_redeem_incremental_earnings_login_desc":"to view your balance.","membership_page_status_cancel_membership_link_text":"Cancel","membership_page_status_rejoin_membership_link_text":"Rejoin Membership","checkout_ui_refer_friends_referral_text_field_label":"Your referral link","membership_page_cancel_membership_modal_description":"We'd hate to see you leave. Your membership includes exclusive benefits that you'll lose access to immediately.","checkout_ui_redeem_incremental_earnings_desc_applied":"You're using {{applied_balance}} of your available {{balance}} in store credit","membership_page_status_pending_cancellation_subtitle":"Your membership will be cancelled on \u003cspan rivo-x-data rivo-x-text=\"$store.customer?.membership?.pretty_queued_for_cancellation_at\"\u003e\u003c\/span\u003e","checkout_ui_cashback_estimation_title_usd_to_currency":"Complete this purchase to earn up to {{cashback_usd_to_currency}} in CashBack","referrals_advocate_stats_email_friends_order_verified":"Friends order was verified","referrals_advocate_stats_email_referral_link_to_share":"Here's your referral link to share with friends.","referrals_advocate_stats_email_friend_claimed_discount":"Friend claimed discount","checkout_ui_cashback_estimation_subtext_usd_to_currency":"CashBack can be redeemed for rewards on future purchases. Actual CashBack awarded may differ if other discounts are applied.","checkout_ui_post_purchase_account_activation_button_url":"\/account\/login?return_url=\/account","membership_page_update_payment_method_modal_description":"We've sent you an email to update your payment method. Please check your inbox and follow the instructions.","checkout_ui_redeem_incremental_earnings_form_input_label":"Earnings amount","checkout_ui_redeem_incremental_discount_code_change_error":"{{code}} couldn't be used with your existing discounts.","checkout_ui_redeem_incremental_earnings_form_submit_button":"Redeem","checkout_ui_redeem_points_not_enough_points_banner_message":"You're {{points_amount}} points away from a reward","checkout_ui_redeem_incremental_earnings_desc_usd_to_currency":"You have {{formatted_credits_tally_usd_to_currency}}) in store credit to redeem (subject to FX rates at time of redemption)","checkout_ui_redeem_incremental_earnings_desc_usd_to_currency_applied":"You're using {{applied_balance_to_currency}} of your available {{formatted_credits_tally_usd_to_currency}} in store credit","general_drop_points":"Limited time bonus points","general_drop_credits":"Limited time bonus credits","general_drop_points_expired":"Limited time bonus points expired","general_drop_credits_expired":"Limited time bonus credits expired","general_discount_code_applied_to_cart":"Discount applied to your cart","checkout_ui_redeem_points_store_credit_success":"{{store_credit_amount}} in store credit redeemed. Apply to this order from the payment section.","checkout_ui_gift_with_purchase_applied_message":"Free gift applied","checkout_ui_redeem_incremental_earnings_store_credit_success":"{{store_credit_amount}} in store credit redeemed. Apply to this order from the payment section.","membership_page_activity_table_header_expiration":"Expires At"}}};
  window.Rivo.global_config = {"asset_urls":{"loy":{"api_js":"https:\/\/cdn.shopify.com\/s\/files\/1\/0194\/1736\/6592\/t\/1\/assets\/ba_rivo_api.js?v=1764090844","lp_js":"https:\/\/cdn.shopify.com\/s\/files\/1\/0194\/1736\/6592\/t\/1\/assets\/ba_rivo_lp.js?v=1764090843","lp_css":"https:\/\/cdn.shopify.com\/s\/files\/1\/0194\/1736\/6592\/t\/1\/assets\/ba_rivo_lp.css?v=1779743234","profile_js":"https:\/\/cdn.shopify.com\/s\/files\/1\/0194\/1736\/6592\/t\/1\/assets\/ba_rivo_profile.js?v=1764090842","profile_loyalty_js":null,"profile_css":"https:\/\/cdn.shopify.com\/s\/files\/1\/0194\/1736\/6592\/t\/1\/assets\/ba_rivo_profile.css?v=1780351453","init_js":"https:\/\/cdn.shopify.com\/s\/files\/1\/0194\/1736\/6592\/t\/1\/assets\/ba_loy_init.js?v=1764090841","referrals_js":"https:\/\/cdn.shopify.com\/s\/files\/1\/0194\/1736\/6592\/t\/1\/assets\/ba_loy_referrals.js?v=1764090845","referrals_css":"https:\/\/cdn.shopify.com\/s\/files\/1\/0194\/1736\/6592\/t\/1\/assets\/ba_loy_referrals.css?v=1700287043","widget_js":"https:\/\/cdn.shopify.com\/s\/files\/1\/0037\/2110\/1430\/t\/963\/assets\/ba_loy_widget.js?v=1728252181","widget_css":"https:\/\/cdn.shopify.com\/s\/files\/1\/0194\/1736\/6592\/t\/1\/assets\/ba_loy_widget.css?v=1692840875","page_init_js":"https:\/\/cdn.shopify.com\/s\/files\/1\/0194\/1736\/6592\/t\/1\/assets\/ba_loy_page_init.js?v=1711433130","page_widget_js":"https:\/\/cdn.shopify.com\/s\/files\/1\/0194\/1736\/6592\/t\/1\/assets\/ba_loy_page_widget.js?v=1711432435","page_widget_css":"https:\/\/cdn.shopify.com\/s\/files\/1\/0194\/1736\/6592\/t\/1\/assets\/ba_loy_page.css?v=1693059047","page_preview_js":null,"app_proxy_applications_js":"https:\/\/cdn.shopify.com\/s\/files\/1\/0194\/1736\/6592\/t\/1\/assets\/app_proxy_application.js?v=1708835151"},"forms":{"init_js":"https:\/\/cdn.shopify.com\/s\/files\/1\/0194\/1736\/6592\/t\/1\/assets\/ba_forms_init.js?v=1711433134","widget_js":"https:\/\/cdn.shopify.com\/s\/files\/1\/0194\/1736\/6592\/t\/1\/assets\/ba_forms_widget.js?v=1711433135","forms_css":"https:\/\/cdn.shopify.com\/s\/files\/1\/0194\/1736\/6592\/t\/1\/assets\/ba_forms.css?v=1691714518"},"global":{"helper_js":"https:\/\/cdn.shopify.com\/s\/files\/1\/0194\/1736\/6592\/t\/1\/assets\/ba_tracking.js?v=1764090840"}},"proxy_paths":{"loy":"\/apps\/ba-loy","app_metrics":"\/apps\/ba-loy\/app_metrics"},"aat":["loy"],"pv":false,"sts":false,"bam":true,"batc":false,"fetch_url_to_string":true,"base_money_format":"${{amount}}","online_store_version":2,"loy_js_api_enabled":false,"hide_console_ad":false,"shopify_markets_enabled":false,"google_client_id":"105612801293-sameovm86585pon5peultgqlp451r1l5.apps.googleusercontent.com","multipass_v_token":false,"clear_latest_order_cache":false,"shop":{"id":15035658,"name":"Supergoop!","domain":"supergoop.com"},"theme_extension_local_assets":false};

  if (!window.Rivo.global_config.theme_extension_local_assets) {
    window.Rivo.global_config.asset_urls = {
      ...window.Rivo.global_config.asset_urls,
      loy: {
        api_js: 'https://cdn.shopify.com/extensions/019ea3f7-ac29-7f84-8705-d941d3ce8309/rivo-loyalty-rewards-referrals-779/assets/ba_rivo_api.js',
        init_js: 'https://cdn.shopify.com/extensions/019ea3f7-ac29-7f84-8705-d941d3ce8309/rivo-loyalty-rewards-referrals-779/assets/ba_loy_init.js',
        referrals_js: 'https://cdn.shopify.com/extensions/019ea3f7-ac29-7f84-8705-d941d3ce8309/rivo-loyalty-rewards-referrals-779/assets/ba_loy_referrals.js',
        referrals_css: 'https://cdn.shopify.com/extensions/019ea3f7-ac29-7f84-8705-d941d3ce8309/rivo-loyalty-rewards-referrals-779/assets/ba_loy_referrals.css',
        widget_js: 'https://cdn.shopify.com/extensions/019ea3f7-ac29-7f84-8705-d941d3ce8309/rivo-loyalty-rewards-referrals-779/assets/ba_loy_widget.js',
        widget_css: 'https://cdn.shopify.com/extensions/019ea3f7-ac29-7f84-8705-d941d3ce8309/rivo-loyalty-rewards-referrals-779/assets/ba_loy_widget.css',
        page_init_js: 'https://cdn.shopify.com/extensions/019ea3f7-ac29-7f84-8705-d941d3ce8309/rivo-loyalty-rewards-referrals-779/assets/ba_loy_page_init.js',
        page_widget_js: 'https://cdn.shopify.com/extensions/019ea3f7-ac29-7f84-8705-d941d3ce8309/rivo-loyalty-rewards-referrals-779/assets/ba_loy_page_widget.js',
        page_widget_css: 'https://cdn.shopify.com/extensions/019ea3f7-ac29-7f84-8705-d941d3ce8309/rivo-loyalty-rewards-referrals-779/assets/ba_loy_page.css',
        page_preview_js: "/assets/msg/loy_page_preview.js",
        app_proxy_application_js: 'https://cdn.shopify.com/extensions/019ea3f7-ac29-7f84-8705-d941d3ce8309/rivo-loyalty-rewards-referrals-779/assets/app_proxy_application.js',
        lp_js:  'https://cdn.shopify.com/extensions/019ea3f7-ac29-7f84-8705-d941d3ce8309/rivo-loyalty-rewards-referrals-779/assets/ba_rivo_lp.js',
        profile_js: 'https://cdn.shopify.com/extensions/019ea3f7-ac29-7f84-8705-d941d3ce8309/rivo-loyalty-rewards-referrals-779/assets/ba_rivo_profile.js',
        profile_loyalty_js: 'https://cdn.shopify.com/extensions/019ea3f7-ac29-7f84-8705-d941d3ce8309/rivo-loyalty-rewards-referrals-779/assets/ba_rivo_profile_loyalty.js'
      },
      forms: {
        init_js: 'https://cdn.shopify.com/extensions/019ea3f7-ac29-7f84-8705-d941d3ce8309/rivo-loyalty-rewards-referrals-779/assets/ba_forms_init.js',
        widget_js: 'https://cdn.shopify.com/extensions/019ea3f7-ac29-7f84-8705-d941d3ce8309/rivo-loyalty-rewards-referrals-779/assets/ba_forms_widget.js',
        forms_css: 'https://cdn.shopify.com/extensions/019ea3f7-ac29-7f84-8705-d941d3ce8309/rivo-loyalty-rewards-referrals-779/assets/ba_forms.css'
      },
      global: {
        helper_js: 'https://cdn.shopify.com/extensions/019ea3f7-ac29-7f84-8705-d941d3ce8309/rivo-loyalty-rewards-referrals-779/assets/ba_tracking.js'
      }
    };
  }

  

  window.Rivo.loy_config = {"brand_theme_settings":{"enabled":false,"button_bg":"#0000b4","header_bg":"#0000b4","desc_color":"#737376","icon_color":"#3a3a3a","link_color":"#20124d","visibility":"both","cards_shape":"rounded","hide_widget":false,"launcher_bg":"#0000b4","mobile_icon":"star","mobile_text":"Rewards","title_color":"#212b36","banner_image":"","desktop_icon":"star","desktop_text":"Rewards","inputs_shape":"rounded","primary_font":"Inter","buttons_shape":"rounded","mobile_layout":"icon_with_text","primary_color":"#0000b4","desktop_layout":"icon_with_text","launcher_shape":"circle","secondary_font":"Inter","container_shape":"rounded","mobile_placement":"left","button_text_color":"#ffffff","desktop_placement":"left","header_text_color":"#ffffff","powered_by_hidden":false,"launcher_text_color":"#ffffff","mobile_side_spacing":20,"desktop_side_spacing":20,"panel_order_settings":{"vip":3,"points":1,"referrals":2},"mobile_bottom_spacing":20,"desktop_bottom_spacing":20,"hide_widget_permanently":false,"hide_widget_launcher_on_mobile":false},"launcher_style_settings":{"enabled":false,"button_bg":"#0000b4","header_bg":"#0000b4","desc_color":"#737376","icon_color":"#3a3a3a","link_color":"#20124d","visibility":"both","cards_shape":"rounded","hide_widget":false,"launcher_bg":"#0000b4","mobile_icon":"star","mobile_text":"Rewards","title_color":"#212b36","banner_image":"","desktop_icon":"star","desktop_text":"Rewards","inputs_shape":"rounded","primary_font":"Inter","buttons_shape":"rounded","mobile_layout":"icon_with_text","primary_color":"#0000b4","desktop_layout":"icon_with_text","launcher_shape":"circle","secondary_font":"Inter","container_shape":"rounded","mobile_placement":"left","button_text_color":"#ffffff","desktop_placement":"left","header_text_color":"#ffffff","powered_by_hidden":false,"launcher_text_color":"#ffffff","mobile_side_spacing":20,"desktop_side_spacing":20,"panel_order_settings":{"vip":3,"points":1,"referrals":2},"mobile_bottom_spacing":20,"desktop_bottom_spacing":20,"hide_widget_permanently":false,"hide_widget_launcher_on_mobile":false},"points_program_enabled":false,"referral_program_enabled":false,"membership_program_enabled":false,"vip_program_enabled":false,"vip_program_tier_type":"points_earned","vip_program_period":"lifetime","floating_widget_settings":{"enabled":false,"button_bg":"#0000b4","header_bg":"#0000b4","desc_color":"#737376","icon_color":"#3a3a3a","link_color":"#20124d","visibility":"both","cards_shape":"rounded","hide_widget":false,"launcher_bg":"#0000b4","mobile_icon":"star","mobile_text":"Rewards","title_color":"#212b36","banner_image":"","desktop_icon":"star","desktop_text":"Rewards","inputs_shape":"rounded","primary_font":"Inter","buttons_shape":"rounded","mobile_layout":"icon_with_text","primary_color":"#0000b4","desktop_layout":"icon_with_text","launcher_shape":"circle","secondary_font":"Inter","container_shape":"rounded","mobile_placement":"left","button_text_color":"#ffffff","desktop_placement":"left","header_text_color":"#ffffff","powered_by_hidden":false,"launcher_text_color":"#ffffff","mobile_side_spacing":20,"desktop_side_spacing":20,"panel_order_settings":{"points":1,"referrals":2,"vip":3},"mobile_bottom_spacing":20,"desktop_bottom_spacing":20,"hide_widget_permanently":false,"hide_widget_launcher_on_mobile":false,"desktop_launcher_icon":null,"mobile_launcher_icon":null},"widget_custom_icons":{"brand_icon":null,"rewards":null,"ways_to_earn":null,"ways_to_redeem":null},"widget_css":"#baLoySectionWrapper .ba-loy-bg-color {\n  background: linear-gradient(125deg, hsla(240,100%,35%,1), hsla(240,100%,19%,1));\n}\n\n#baLoySectionWrapper .section-panel-wrapper {\n  box-shadow:rgba(0, 0, 0, 0.1) 0px 4px 15px 0px, rgba(0, 0, 0, 0.1) 0px 1px 2px 0px, #0000b4 0px 2px 0px 0px inset;\n}\n\n\n\n\n.header-main, .header-secondary, .points-expiry-desc {\n  color: #ffffff !important;\n}\n.main-default a.sign-in{\n  color: #20124d !important;\n}\n\n.section-table-piece-detail-items .li-img path {\n  fill: #3a3a3a;\n}\n\n.buttons-icons-detail-image .li-img {\n  fill: #3a3a3a;\n}\n\n#baLoySectionWrapper .loy-button-main{\n    background: #0000b4;\n    color: #ffffff;\n}\n\n  #baLoySectionWrapper .loy-button-main{\n    color: #ffffff;\n  }\n\n  #baLoySectionWrapper .main-default, #baLoySectionWrapper div.panel-section .head-title,#baLoySectionWrapper body {\n    color: #212b36;\n  }\n\n  #baLoySectionWrapper .section-panel-wrapper .panel-desc, #baLoySectionWrapper .main-default.sign-in-text{\n    color: #737376;\n  }\n\n  #launcher-wrapper{\n    background: #0000b4;\n  }\n\n#baLoySectionWrapper div.section-bottom{\n  display:none;\n}\n\n.ba-loy-namespace .ba-loy-messenger-frame, #launcher-wrapper{\n  left: 20px;\n  right: auto;\n}\n.ba-loy-namespace .ba-loy-messenger-frame {\n  bottom: 90px;\n}\n#launcher-wrapper{\n  bottom: 20px;\n}\n\n.launcher-text{\n  color: #ffffff !important;\n}\n\n#launcher-wrapper .launcher-desktop { display: block; }\n#launcher-wrapper .launcher-mobile  { display: none;  }\n\n@media (max-device-width: 851px) and (orientation: landscape), (max-width: 500px) {\n  .ba-loy-namespace .ba-loy-messenger-frame{\n    height: 100%;\n    min-height: 100%;\n    bottom: 0;\n    right: 0;\n    left: 0;\n    top: 0;\n    width: 100%;\n    border-radius: 0 !important;\n  }\n  #launcher-wrapper.up{\n    display: none;\n  }\n  #launcher-wrapper{\n    left: 20px;\n    right: auto;\n    bottom: 20px;\n  }\n  #launcher-wrapper .launcher-desktop { display: none;  }\n  #launcher-wrapper .launcher-mobile  { display: block; }\n}\n\n\n\n.ba-loy-circle{border-radius: 30px !important;}\n.ba-loy-rounded{border-radius: 10px !important;}\n.ba-loy-square{border-radius: 0px !important;}\n","domain_name":"loyalty.rivo.io","font_settings":{"primary_font":"Inter","secondary_font":"Inter"},"translations":{"vip_perks":"Perks","vip_tiers":"VIP Tiers","general_by":"by","vip_reward":"VIP reward","vip_status":"VIP Status","general_day":"Day","social_like":"Like","social_share":"Share","vip_benefits":"Benefits","general_error":"Hmm, something went wrong, please try again shortly","general_month":"Month","general_point":"Point","general_spend":"you spend","general_spent":"Spent","social_follow":"Follow","tos_expiry_at":"Reward expires on {{expiry_date}}.","vip_tier_desc":"Gain access to exclusive rewards.","general_credit":"Credit","general_points":"Points","general_redeem":"Redeem","general_reward":"reward","vip_tier_spend":"Spend {{amount}}","general_credits":"Credits","general_go_back":"Go back","general_pending":"Pending","general_rewards":"Rewards","general_sign_in":"Sign in","general_sign_up":"Sign up","referrals_title":"Referral Program","review_complete":"Post a product review","survey_complete":"Complete a Survey","general_approved":"Approved","general_share_on":"Share on","general_you_have":"You have","tos_free_product":"Reward only applies to {{product_name}}","acct_creation_btn":"Start Earning","general_cancelled":"Cancelled","general_edit_date":"Edit Date","general_save_date":"Save date","general_show_more":"Show more","general_signed_up":"signed up","member_point_desc":"Earn points and turn these into rewards!","referral_complete":"Complete a Referral","tos_expiry_months":"Expires {{expiry_months}} month(s) after being redeemed.","vip_tier_achieved":"Unlocked {{tier_name}}","vip_tier_added_to":"Added to {{tier_name}}","acct_creation_desc":"Get rewarded for being an awesome customer","general_apply_code":"Apply code","general_share_link":"Share your Personal Link","referrals_email_to":"To","vip_achieved_until":"Achieved until","vip_tier_to_unlock":"to unlock","visitor_point_desc":"Earn points and turn these into rewards!","acct_creation_title":"Join and Earn Rewards","general_drop_points":"Limited time bonus points","general_reward_show":"Show","member_header_title":"{points}","member_point_header":"Points","referrals_completed":"referrals completed so far","vip_tier_dropped_to":"Fell to {{tier_name}}","vip_tier_on_highest":"You did it! You're on the highest tier 🎉","general_balance_text":"store credit","general_drop_credits":"Limited time bonus credits","general_past_rewards":"Past rewards","general_product_page":"product page","general_ways_to_earn":"Ways to earn","general_your_rewards":"Your rewards","referrals_email_send":"Send email","referrals_get_reward":"Get your","referrals_share_link":"Share this link with a friend for them to claim the reward","social_facebook_like":"Like page on Facebook","social_tiktok_follow":"Follow on TikTok","social_twitter_share":"Share link on X","tos_min_order_amount":"Applies to all orders over {{min_order_amount}}.","vip_tier_earn_points":"Earn {{points}} Points","vip_tier_retained_to":"Kept {{tier_name}}","vip_tier_vip_history":"VIP History","visitor_header_title":"Rewards Program","visitor_point_header":"Earn Points","acct_creation_sign_in":"Already a member?","general_cancel_points":"Points canceled","general_no_points_yet":"No Points yet","general_refund_points":"Points refunded","general_sms_subscribe":"Subscribe to SMS","member_header_caption":"Your points","social_facebook_share":"Share link on Facebook","social_twitter_follow":"Follow on X","vip_reward_earned_via":"Earned via {{vip_tier_name}} tier","vip_you_have_achieved":"You've achieved","wallet_pass_subscribe":"Add Wallet Pass","general_cancel_credits":"Credits canceled","general_no_rewards_yet":"No rewards yet","general_place_an_order":"Place an order","general_points_expired":"Points expired","general_refund_credits":"Credits refunded","general_sms_subscribed":"Subscribed to SMS","general_upload_receipt":"Submit a Receipt","general_ways_to_redeem":"Ways to redeem","referrals_claim_reward":"Claim your gift","referrals_code_invalid":"This referral code is invalid","referrals_email_invite":"Refer friends by email","referrals_visitor_desc":"Refer a friend who makes a purchase and both of you will claim rewards.","review_complete_points":"{{points_amount}} Points for every review posted","tos_min_order_quantity":"Minimum {{min_order_quantity}} items required in cart.","visitor_header_caption":"Earn points, save, and unlock exclusive perks","general_birthday_reward":"Celebrate with a reward","general_challenge_photo":"Submit a Challenge Photo","general_credits_expired":"Credits expired","general_discount_amount":"points for ${{discount_amount}} off","general_email_subscribe":"Subscribe to Emails","general_expiration_date":"Expiration Date","general_no_activity_yet":"No activity yet","general_placed_an_order":"Placed an order","general_points_activity":"Points History","general_share_via_email":"Share via Email","general_upcoming_reward":"Upcoming reward","general_you_have_points":"You have {{points}} points","membership_order_placed":"Credits earned from placing an order","referrals_email_message":"Message","referrals_invalid_email":"Please enter a valid email address","referrals_referral_code":"Your referral link to share","social_instagram_follow":"Follow on Instagram","tos_apply_to_collection":"Only for products in specific collections.","tos_max_shipping_amount":"Maximum shipping amount of {{max_shipping_amount}}.","vip_tier_no_vip_history":"No VIP membership history yet","general_email_subscribed":"Subscribed to Emails","general_enter_valid_date":"Please enter a valid date","general_points_for_every":"Points for every","general_uploaded_receipt":"Submitted a Receipt","general_vip_tier_upgrade":"VIP Tier Upgrade Points","referral_complete_points":"{{points_amount}} Points for every referral completed","referrals_call_to_action":"Refer friends and earn","referrals_claimed_reward":"Here's your","referrals_create_account":"Create an Account","referrals_status_blocked":"blocked","referrals_status_pending":"pending","referrals_your_referrals":"Your referrals","general_click_to_see_more":"View My Rewards Account","general_product_purchased":"Product Purchased","general_redeemed_a_reward":"Redeemed a Reward","general_use_discount_code":"Use this discount code on your next order!","gift_card_sync_past_tense":"Gift card sync","referrals_already_visited":"Already visited this page","referrals_general_invalid":"Sorry, looks like this referral is invalid","referrals_referred_reward":"They will get","referrals_referrer_reward":"You will get","general_celebrate_birthday":"Celebrate a birthday","general_how_to_earn_points":"How do I earn Points?","loyalty_page_general_spent":"Spent","loyalty_page_rewards_title":"Rewards","referrals_no_referrals_yet":"No referrals yet","referrals_program_disabled":"This referral program is disabled","referrals_status_completed":"completed","review_complete_past_tense":"Posted a product review","survey_complete_past_tense":"Completed a Survey","general_add_product_to_cart":"Add product to cart","general_balance_text_plural":"Credits","general_drop_points_expired":"Limited time bonus points expired","general_fallback_first_name":"there","general_not_enough_earnings":"Not enough earnings to redeem","general_were_awarded_points":"were awarded points","loyalty_page_general_points":"Points","loyalty_page_general_redeem":"Redeem","activity_table_header_status":"Status","general_drop_credits_expired":"Limited time bonus credits expired","general_manual_points_adjust":"manual points adjustment","referral_complete_past_tense":"Completed a Referral","referrals_similar_ip_invalid":"We are unable to process referrals within the same IP address","store_credit_sync_past_tense":"Store credit sync","vip_tier_orders_placed_count":"Place {{amount}} Orders","general_activate_store_credit":"Activate Store Credit","general_celebrate_anniversary":"Celebrate Loyalty Anniversary","general_punch_card_checkpoint":"Punch Card Checkpoint","general_redeemed_store_credit":"Redeemed Store Credit","loyalty_page_rewards_subtitle":"You have the following rewards ready to use","checkout_ui_redeem_points_desc":"You have {{points}} points! Redeem for discounts on this order.","general_discount_amount_coupon":"${{discount_amount}} off coupon","general_have_not_earned_points":"You haven't earned any Points yet.","membership_page_benefits_title":"Membership Benefits","referrals_email_to_placeholder":"Add a comma-separated list of emails","referrals_name_must_be_present":"Please enter your first name","account_ui_loyalty_status_title":"Welcome, {{first_name}}! You have {{balance}} points","checkout_ui_redeem_points_login":"Log in","checkout_ui_redeem_points_title":"Redeem your points","general_add_points_default_note":"Points granted by points import","general_celebrate_your_birthday":"Let's celebrate your birthday! 🎉 Please give us 30 days notice - otherwise, you'll have to wait another year.","general_please_choose_an_option":"Please choose an option from the","general_redeem_error_max_points":"Exceeded maximum points to spend","general_redeem_error_min_points":"Did not meet minimum points to redeem","loyalty_page_banner_earn_button":"Earn points","loyalty_page_rewards_no_rewards":"No rewards yet","loyalty_page_ways_to_earn_title":"Ways to Earn","referrals_email_already_claimed":"This email has already been claimed","referrals_general_invalid_title":"We're Sorry","social_facebook_like_past_tense":"Liked a page on Facebook","social_tiktok_follow_past_tense":"Followed on TikTok","social_twitter_share_past_tense":"Shared a link on X","loyalty_page_banner_login_button":"Sign In","loyalty_page_upload_receipt_help":"Upload a receipt within the last 30 days to earn points. Please lay the receipt on a flat surface and take a photo from a close distance.","social_facebook_share_past_tense":"Shared a link on Facebook","social_twitter_follow_past_tense":"Followed on X","wallet_pass_subscribe_past_tense":"Added Wallet Pass","account_slideout_home_login_title":"Sign in to manage your account","general_points_for_judgeme_review":"JudgeMe review","loyalty_page_banner_redeem_button":"Redeem Rewards","loyalty_page_subscribe_email_help":"Subscribe to our email list and earn points","loyalty_page_ways_to_redeem_title":"Ways to Redeem","membership_page_benefits_subtitle":"Here's an overview of your membership benefits","referrals_account_already_claimed":"You already have an account. You can invite your friends to win rewards!","vip_tier_products_purchased_count":"Purchase {{amount}} Specific Products","account_ui_loyalty_status_subtitle":"You're on the {{vip_tier_name}} tier","checkout_ui_activate_account_title":"Activate Your Account","checkout_ui_redeemed_rewards_title":"Your rewards","general_reset_removal_default_note":"Existing points removed for points reset from import","loyalty_page_customer_birthday_day":"Day","loyalty_page_upload_receipt_attach":"Attach File","loyalty_page_upload_receipt_button":"Submit Receipt","loyalty_page_ways_to_earn_subtitle":"Earn points by completing these actions","referrals_your_referrals_show_here":"Your referrals will show here.","social_instagram_follow_past_tense":"Followed on Instagram","account_slideout_orders_login_title":"Sign in to view your orders","checkout_ui_points_estimation_title":"Complete this purchase to earn up to {{points}} points","checkout_ui_refer_friends_login_url":"account\/login?return_url=\/account\u0026email={{customer_email}}","general_loyalty_program_and_rewards":"Loyalty Program \u0026 Rewards","general_vip_tier_upgrade_past_tense":"{{tier_name}} Entry Points","general_your_rewards_will_show_here":"Your rewards will show here.","loyalty_page_banner_logged_in_title":"Welcome to the program","loyalty_page_banner_register_button":"Join Now","loyalty_page_explainer_step_1_title":"Signup","loyalty_page_explainer_step_2_title":"Earn","loyalty_page_explainer_step_3_title":"Redeem","loyalty_page_subscribe_email_button":"Subscribe","loyalty_page_upload_receipt_no_file":"Please select a file to upload","loyalty_page_upload_receipt_success":"Thanks! Your receipt will be reviewed shortly","membership_page_banner_login_button":"Sign In","membership_page_banner_login_prefix":"Already a member?","membership_tier_unlocked_past_tense":"Membership Signup","referrals_email_message_placeholder":"Customize your referral message. The referral link will be automatically added.","account_slideout_profile_login_title":"Sign in to manage your profile","checkout_ui_redeem_points_login_desc":"to view your points balance and discover rewards available for redemption.","checkout_ui_redeem_store_credit_desc":"You have ${{store_credit}} in store credit.","loyalty_page_banner_logged_out_title":"Join our Loyalty Program","loyalty_page_customer_birthday_month":"Month","loyalty_page_customer_birthday_title":"Celebrate your birthday","loyalty_page_ways_to_redeem_subtitle":"Redeem points for these rewards","vip_tier_product_ids_purchased_count":"Purchase {{amount}} Specific Products","checkout_ui_cashback_estimation_title":"Complete this purchase to earn up to {{cashback}} in CashBack","checkout_ui_install_wallet_pass_title":"Install our Wallet Pass for Exclusive Offers","checkout_ui_points_estimation_subtext":"Loyalty points can be redeemed for rewards on future purchases. Actual points awarded may differ if other discounts are applied.","checkout_ui_redeem_store_credit_title":"Apply your store credit","checkout_ui_refer_friends_login_title":"Claim your points from this purchase !","general_celebrate_birthday_past_tense":"Celebrated a birthday","general_discount_code_applied_to_cart":"Discount applied to your cart","loyalty_page_general_enter_valid_date":"Please enter a valid date","account_dashboard_activity_block_title":"Your Activity","account_dashboard_member_card_cta_text":"View Rewards","account_dashboard_referral_block_title":"Refer a friend","general_reset_new_balance_default_note":"Points reset to new balance by points import","general_use_discount_code_free_product":"Use this discount code on your next order to get a free product!","loyalty_page_explainer_logged_in_title":"Hi \u003cspan rivo-x-data=\"{ username: $store.customer.first_name || 'there' }\" rivo-x-text=\"username\"\u003e\u003c\/span\u003e, you have \u003cstrong\u003e\u003cspan rivo-x-data rivo-x-text=\"$store.customer.pretty_points_tally\"\u003e\u003c\/span\u003e\u003c\/strong\u003e Points","loyalty_page_explainer_step_1_subtitle":"Create an account on our store","loyalty_page_explainer_step_2_subtitle":"Earn points for shopping","loyalty_page_explainer_step_3_subtitle":"Redeem points for discounts","loyalty_page_vip_tiers_logged_in_title":"VIP Tiers","membership_page_explainer_step_1_title":"Signup","membership_page_explainer_step_2_title":"Earn","membership_page_explainer_step_3_title":"Redeem","membership_recurring_signup_past_tense":"Recurring Credit","referrals_advocate_stats_email_claimed":"Claimed","checkout_ui_activate_account_button_url":"\/account\/login?return_url=\/account","checkout_ui_cashback_estimation_subtext":"CashBack can be redeemed for rewards on future purchases. Actual CashBack awarded may differ if other discounts are applied.","loyalty_page_activity_table_header_date":"Date","loyalty_page_activity_table_no_activity":"No activity yet","loyalty_page_explainer_logged_out_title":"How it Works","loyalty_page_vip_tiers_logged_out_title":"VIP Tiers","membership_page_banner_login_button_url":"\/account\/login?return_url=\/account","account_dashboard_member_card_body_title":"You have \u003cstrong\u003e\u003cspan rivo-x-data rivo-x-text=\"$store.customer.pretty_points_tally\"\u003e\u003c\/span\u003e\u003c\/strong\u003e Points","account_ui_loyalty_status_cta_button_url":"\/pages\/loyalty-program","checkout_ui_activate_account_button_text":"Activate Account","checkout_ui_activate_account_description":"Activate your loyalty account to start earning points, tracking rewards, and accessing exclusive member benefits.","checkout_ui_redeem_points_alternate_name":"points","checkout_ui_redeemed_rewards_description":"Your rewards available to use","checkout_ui_redeemed_rewards_login_title":"Log in","checkout_ui_refer_friends_referral_title":"Refer a Friend","general_celebrate_anniversary_past_tense":"Celebrated Loyalty Anniversary","loyalty_page_activity_expiration_warning":"Expiration Date: \u003cspan rivo-x-data rivo-x-text=\"$store.customer.points_expiry\"\u003e\u003c\/span\u003e","loyalty_page_customer_birthday_save_date":"Save Date","loyalty_page_upload_challenge_photo_help":"Upload a challenge photo to earn.","referrals_advocate_stats_email_completed":"Completed","referrals_create_account_to_claim_coupon":"Create an Account to claim your coupon","account_dashboard_referral_block_subtitle":"Give your friends a reward and claim your own when they make a purchase","account_ui_loyalty_status_cta_button_text":"View Rewards","checkout_ui_redeemed_rewards_select_label":"Select a Reward","loyalty_page_activity_table_header_action":"Activity","loyalty_page_banner_logged_in_description":"As a member, you will earn points for shopping","loyalty_page_explainer_logged_in_subtitle":"Here's an overview of your current points balance and recent activity","loyalty_page_vip_tiers_logged_in_subtitle":"You are on the \u003cspan rivo-x-data rivo-x-text=\"$store.customer?.current_vip_tier_info?.tier?.name\"\u003e\u003c\/span\u003e tier","membership_page_banner_add_to_cart_button":"Join Now","membership_page_explainer_step_1_subtitle":"Create an account on our store","membership_page_explainer_step_2_subtitle":"Earn points for shopping","membership_page_explainer_step_3_subtitle":"Redeem points for discounts","account_dashboard_member_card_header_title":"Welcome \u003cspan rivo-x-data rivo-x-text=\"$store.customer?.first_name\"\u003e\u003c\/span\u003e","account_dashboard_vip_tiers_progress_title":"VIP Tier Status","checkout_ui_install_wallet_pass_button_url":"\/#rivo","general_converted_to_credits_external_note":"Converted your points balance to store credit","general_converted_to_credits_internal_note":"Converted from points to store credit","loyalty_page_banner_logged_out_description":"Join for free and begin earning points \u0026 rewards every time you shop.","loyalty_page_general_activate_store_credit":"Activate Store Credit","loyalty_page_general_redeemed_store_credit":"Redeemed Store Credit","loyalty_page_upload_challenge_photo_attach":"Attach File","loyalty_page_upload_challenge_photo_button":"Submit Challenge Photo","loyalty_page_vip_tiers_logged_out_subtitle":"Join our VIP loyalty program to unlock exclusive rewards available only to members.","membership_page_activity_table_header_date":"Date","membership_page_activity_table_no_activity":"No activity yet","membership_page_banner_is_subscriber_title":"Welcome to our Membership Program","membership_page_status_is_subscriber_title":"You have an Active Membership","referrals_advocate_stats_email_link_clicks":"Link Clicks","account_dashboard_member_card_body_subtitle":"You're on the \u003cspan rivo-x-data rivo-x-text=\"$store.customer?.current_vip_tier_info?.tier?.name\"\u003e\u003c\/span\u003e tier","account_dashboard_referral_block_share_html":"\u003ca href=\"\/pages\/refer-a-friend\"\u003eEmail your link to friends\u003c\/a\u003e or \u003ca href=\"\/pages\/refer-a-friend?popup_panel=email_stats\"\u003eget your stats\u003c\/a\u003e","checkout_ui_install_wallet_pass_button_text":"Install Wallet Pass","checkout_ui_install_wallet_pass_description":"Unlock exclusive offers and rewards with our Wallet Pass.","checkout_ui_login_notification_banner_title":"Have loyalty discounts or rewards that you'd like to apply?","checkout_ui_refer_friends_login_description":"Log in or register to activate your loyalty account, redeem your points and access your special offers.","loyalty_page_activity_table_header_earnings":"Points","loyalty_page_upload_challenge_photo_no_file":"Please select a file to upload","loyalty_page_upload_challenge_photo_success":"Thanks! Your challenge photo will be reviewed shortly","membership_page_activity_expiration_warning":"Expiration Date: \u003cspan rivo-x-data rivo-x-text=\"$store.customer.points_expiry\"\u003e\u003c\/span\u003e","membership_page_banner_non_subscriber_title":"Join our Membership Program","membership_recurring_anniversary_past_tense":"Membership Anniversary Credits","account_dashboard_unused_rewards_block_title":"Use your rewards","checkout_ui_redeem_incremental_earnings_desc":"How much of your {{balance}} in balance (equivalent to ${{balance_to_currency}}) would you like to redeem?","checkout_ui_refer_friends_login_button_title":"Activate my account","general_order_placed_store_credit_multiplier":"Earn cash back for every $1 spent","loyalty_page_vip_tiers_progress_column_title":"Tier Status","membership_page_activity_table_header_action":"Activity","referrals_advocate_stats_email_unique_visits":"Unique visits from your link","referrals_email_your_friend_has_referred_you":"Your friend has referred you to {{shop_name}}","account_dashboard_vip_tiers_progress_subtitle":"Earn \u003cspan rivo-x-data rivo-x-text=\"$store.customer?.current_vip_tier_info?.next_tier?.formatted_to_spend_or_earn\"\u003e\u003c\/span\u003e points to reach the \u003cspan rivo-x-data rivo-x-text=\"$store.customer?.current_vip_tier_info?.next_tier?.name\"\u003e\u003c\/span\u003e tier.","checkout_ui_login_notification_banner_subtext":"to login to your account","checkout_ui_redeem_incremental_earnings_login":"Log in","checkout_ui_redeem_incremental_earnings_title":"Redeem store balance","checkout_ui_redeem_points_select_custom_label":"{{reward_name}} orders ${{min_order_amount}}+ for {{points_amount}} points","checkout_ui_refer_friends_referral_button_url":"","loyalty_page_activity_table_header_expiration":"Expires At","membership_page_banner_add_to_cart_button_url":"\/membership-add-to-cart","membership_page_cancel_membership_modal_title":"Are you sure you want to cancel your membership?","membership_page_explainer_is_subscriber_title":"Hi \u003cspan rivo-x-data=\"{ username: $store.customer.first_name || 'there' }\" rivo-x-text=\"username\"\u003e\u003c\/span\u003e, you have \u003cstrong\u003e\u003cspan rivo-x-data rivo-x-text=\"$store.customer.pretty_credits_tally\"\u003e\u003c\/span\u003e\u003c\/strong\u003e in Store Credit","membership_page_status_is_subscriber_subtitle":"You will be charged next on \u003cspan rivo-x-data rivo-x-text=\"$store.customer?.membership?.pretty_next_charge_date\"\u003e\u003c\/span\u003e","referrals_email_checkout_out_and_claim_reward":"Check out the referral link and claim a free reward.","account_dashboard_rewards_progress_block_title":"Earn more rewards","checkout_ui_gift_with_purchase_applied_message":"Free gift applied","checkout_ui_redeem_points_select_discount_desc":"Please select a discount","checkout_ui_redeem_points_store_credit_success":"{{store_credit_amount}} in store credit redeemed. Apply to this order from the payment section.","checkout_ui_redeemed_rewards_login_description":"to view your rewards available to use.","checkout_ui_refer_friends_referral_description":"Share your referral link with friends and earn rewards each time a new friend makes a purchase.","membership_page_activity_table_header_earnings":"Points","membership_page_cancel_membership_modal_button":"Yes, Cancel my Membership","membership_page_explainer_non_subscriber_title":"How it Works","account_dashboard_unused_rewards_block_subtitle":"Use your previously redeemed rewards:","checkout_ui_login_notification_banner_link_text":"Click here","checkout_ui_redeem_points_select_discount_label":"Select Discount","checkout_ui_redeemed_rewards_select_description":"Please select a reward","checkout_ui_refer_friends_referral_button_title":"Refer a Friend","loyalty_page_vip_tiers_progress_column_subtitle":"Earn \u003cspan rivo-x-data rivo-x-text=\"$store.customer?.current_vip_tier_info?.next_tier?.formatted_to_spend_or_earn\"\u003e\u003c\/span\u003e points to reach the \u003cspan rivo-x-data rivo-x-text=\"$store.customer?.current_vip_tier_info?.next_tier?.name\"\u003e\u003c\/span\u003e tier.","membership_page_status_update_payment_link_text":"Update Payment Method","referrals_advocate_stats_email_no_referrals_yet":"No referrals yet.","account_dashboard_unused_rewards_block_date_text":"Redeemed on: {{date}}","membership_page_activity_table_header_expiration":"Expires At","membership_page_banner_is_subscriber_description":"You'v unlocked exclusive savings, rewards \u0026 VIP access.","membership_page_explainer_is_subscriber_subtitle":"Here's an overview of your current credits balance and recent activity","account_dashboard_referral_block_copy_button_text":"Copy","account_dashboard_rewards_progress_block_subtitle":"Earn another \u003cspan rivo-x-data rivo-x-text=\"$store.customer.pretty_points_amount_to_next_reward\"\u003e\u003c\/span\u003e points to unlock a \u003cspan rivo-x-data rivo-x-text=\"$store.customer.next_reward?.name\"\u003e\u003c\/span\u003e reward\u003c\/p\u003e","account_dashboard_unused_rewards_block_no_rewards":"No rewards yet","checkout_ui_redeem_store_credit_apply_button_text":"Apply Store Credit","membership_page_banner_non_subscriber_description":"Unlock exclusive savings, rewards \u0026 VIP access.","membership_page_update_payment_method_modal_title":"Update Payment Method","checkout_ui_redeem_incremental_earnings_login_desc":"to view your balance.","membership_page_status_cancel_membership_link_text":"Cancel","membership_page_status_rejoin_membership_link_text":"Rejoin Membership","checkout_ui_refer_friends_referral_text_field_label":"Your referral link","membership_page_cancel_membership_modal_description":"We'd hate to see you leave. Your membership includes exclusive benefits that you'll lose access to immediately.","checkout_ui_redeem_incremental_earnings_desc_applied":"You're using {{applied_balance}} of your available {{balance}} in store credit","membership_page_status_pending_cancellation_subtitle":"Your membership will be cancelled on \u003cspan rivo-x-data rivo-x-text=\"$store.customer?.membership?.pretty_queued_for_cancellation_at\"\u003e\u003c\/span\u003e","checkout_ui_cashback_estimation_title_usd_to_currency":"Complete this purchase to earn up to {{cashback_usd_to_currency}} in CashBack","referrals_advocate_stats_email_friends_order_verified":"Friends order was verified","referrals_advocate_stats_email_referral_link_to_share":"Here's your referral link to share with friends.","referrals_advocate_stats_email_friend_claimed_discount":"Friend claimed discount","account_dashboard_vip_tiers_progress_completed_subtitle":"Congrats! You've reached the highest tier.","checkout_ui_cashback_estimation_subtext_usd_to_currency":"CashBack can be redeemed for rewards on future purchases. Actual CashBack awarded may differ if other discounts are applied.","checkout_ui_post_purchase_account_activation_button_url":"\/account\/login?return_url=\/account","membership_page_update_payment_method_modal_description":"We've sent you an email to update your payment method. Please check your inbox and follow the instructions.","checkout_ui_redeem_incremental_earnings_form_input_label":"Earnings amount","checkout_ui_redeem_incremental_discount_code_change_error":"{{code}} couldn't be used with your existing discounts.","checkout_ui_redeem_incremental_earnings_form_submit_button":"Redeem","checkout_ui_redeem_points_not_enough_points_banner_message":"You're {{points_amount}} points away from a reward","account_dashboard_rewards_progress_block_completed_subtitle":"Keep earning points to unlock more rewards","checkout_ui_redeem_incremental_earnings_desc_usd_to_currency":"You have {{formatted_credits_tally_usd_to_currency}}) in store credit to redeem (subject to FX rates at time of redemption)","checkout_ui_redeem_incremental_earnings_store_credit_success":"{{store_credit_amount}} in store credit redeemed. Apply to this order from the payment section.","checkout_ui_redeem_incremental_earnings_desc_usd_to_currency_applied":"You're using {{applied_balance_to_currency}} of your available {{formatted_credits_tally_usd_to_currency}} in store credit"},"custom_css":null,"ways_to_earn":[{"id":315934,"title":"Sign up","status":"active","name":null,"trigger":"customer_member_enabled","points_amount":100,"credits_amount":0.0,"balance_amount":100,"description":null,"url":null,"button_text":null,"pretty_earnings_text":"100 Points","card_click_method":null,"hidden_from_ui":false,"creation_source":null,"translations":[],"multi_balance_settings_by_tiers":{},"multipliers":[],"currency_base_amount":1,"points_type":"fixed"},{"id":315935,"title":"Place an order","status":"active","name":null,"trigger":"order_placed","points_amount":1,"credits_amount":0.0,"balance_amount":1,"description":"Earn cash back for every $1 spent","url":null,"button_text":null,"pretty_earnings_text":"1 Points","card_click_method":null,"hidden_from_ui":false,"creation_source":null,"translations":[],"multi_balance_settings_by_tiers":{},"multipliers":[],"currency_base_amount":1,"points_type":"multiplier"}],"points_rewards":[{"id":374085,"name":"$5 off coupon","enabled":true,"points_amount":500,"points_type":"fixed","reward_type":"fixed_amount","source":"points","pretty_display_rewards":"$5 off coupon (500 points required)","icon_url":null,"pretty_points_amount":"500","purchase_type":"one_time","recurring_cycle_limit":null,"min_order_quantity":null,"translations":[],"terms_of_service":{"reward_type":"fixed_amount","applies_to":"entire","show_tos":false},"pretty_terms_of_service":""},{"id":374086,"name":"$10 off coupon","enabled":true,"points_amount":1000,"points_type":"fixed","reward_type":"fixed_amount","source":"points","pretty_display_rewards":"$10 off coupon (1,000 points required)","icon_url":null,"pretty_points_amount":"1,000","purchase_type":"one_time","recurring_cycle_limit":null,"min_order_quantity":null,"translations":[],"terms_of_service":{"reward_type":"fixed_amount","applies_to":"entire","show_tos":false},"pretty_terms_of_service":""},{"id":374087,"name":"$20 off coupon","enabled":true,"points_amount":2000,"points_type":"fixed","reward_type":"fixed_amount","source":"points","pretty_display_rewards":"$20 off coupon (2,000 points required)","icon_url":null,"pretty_points_amount":"2,000","purchase_type":"one_time","recurring_cycle_limit":null,"min_order_quantity":null,"translations":[],"terms_of_service":{"reward_type":"fixed_amount","applies_to":"entire","show_tos":false},"pretty_terms_of_service":""}],"rewards":[{"id":374085,"name":"$5 off coupon","enabled":true,"points_amount":500,"points_type":"fixed","reward_type":"fixed_amount","source":"points","pretty_display_rewards":"$5 off coupon (500 points required)","icon_url":null,"pretty_points_amount":"500","purchase_type":"one_time","recurring_cycle_limit":null,"min_order_quantity":null,"translations":[],"terms_of_service":{"reward_type":"fixed_amount","applies_to":"entire","show_tos":false},"pretty_terms_of_service":""},{"id":374086,"name":"$10 off coupon","enabled":true,"points_amount":1000,"points_type":"fixed","reward_type":"fixed_amount","source":"points","pretty_display_rewards":"$10 off coupon (1,000 points required)","icon_url":null,"pretty_points_amount":"1,000","purchase_type":"one_time","recurring_cycle_limit":null,"min_order_quantity":null,"translations":[],"terms_of_service":{"reward_type":"fixed_amount","applies_to":"entire","show_tos":false},"pretty_terms_of_service":""},{"id":374087,"name":"$20 off coupon","enabled":true,"points_amount":2000,"points_type":"fixed","reward_type":"fixed_amount","source":"points","pretty_display_rewards":"$20 off coupon (2,000 points required)","icon_url":null,"pretty_points_amount":"2,000","purchase_type":"one_time","recurring_cycle_limit":null,"min_order_quantity":null,"translations":[],"terms_of_service":{"reward_type":"fixed_amount","applies_to":"entire","show_tos":false},"pretty_terms_of_service":""}],"referral_rewards":{"referrer_reward":{"id":374088,"name":"$5 off coupon","reward_type":"fixed_amount","properties":{"applies_to":"entire","auto_redeem_enabled":false,"refund_on_expiry_enabled":false,"min_order_value_excludes_free_product":false,"applies_to_full_price_items_only":false,"translations":[]}},"referred_reward":{"id":374089,"name":"$5 off coupon","reward_type":"fixed_amount","properties":{"applies_to":"entire","auto_redeem_enabled":false,"refund_on_expiry_enabled":false,"min_order_value_excludes_free_product":false,"applies_to_full_price_items_only":false,"translations":[]}}},"referral_settings":{"referrals_landing_path":"","referrals_landing_domain":""},"referral_social_settings":{"facebook":false,"email":true,"twitter":false,"twitter_message":"","sms":true,"sms_message":"","whatsapp":false,"whatsapp_message":"","share_order":["sms","email","link","twitter","facebook","whatsapp"]},"referrals_customer_account_required":false,"friend_discounts_disabled":false,"vip_tiers":[{"id":290449,"name":"Bronze","threshold":0,"perks":[],"icon_url":null,"desc":"\u003cspan\u003eEarn 0 Points \u003c\/span\u003e","translations":[],"rewards":[],"threshold_text":null},{"id":290450,"name":"Silver","threshold":500,"perks":[],"icon_url":null,"desc":"\u003cspan\u003eEarn 500 Points \u003c\/span\u003e","translations":[],"rewards":[],"threshold_text":null},{"id":290451,"name":"Gold","threshold":1250,"perks":[],"icon_url":null,"desc":"\u003cspan\u003eEarn 1,250 Points \u003c\/span\u003e","translations":[],"rewards":[],"threshold_text":null}],"account_embed_widget_settings":{"enabled":false,"target_page":"customers\/account","custom_insert_method":"beforeend"},"loyalty_landing_page_settings":{"enabled":false,"template_suffix":"rivo-loyalty-landing-page","vip_tiers_table_data":[]},"membership_landing_page_settings":{"enabled":false,"template_suffix":"rivo-membership-landing-page"},"account_dashboard_settings":{},"forms":[],"points_expiry_enabled":false,"credits_expiry_enabled":false,"points_per_points_log_expiry_enabled":false,"credits_per_points_log_expiry_enabled":false,"frontend":{},"referral_campaigns":[],"paid_membership_settings":{"landing_path":"\/","credits_enabled":false,"product_enabled":false,"legacy_product_ids":[],"cancellation_policy":"immediate","final_reminder_days":3,"rebill_reminder_days":5,"migration_mode_enabled":false,"rebill_attempt_interval":"hourly","custom_dashboard_enabled":false,"daily_rebill_attempt_utc_hour":16,"landing_path_redirect_enabled":true,"default_enrollment_tier_method":"customer_creation","failed_payments_retry_schedule":[{"days_after_last_retry":1},{"days_after_last_retry":2},{"days_after_last_retry":3},{"days_after_last_retry":5},{"days_after_last_retry":5},{"days_after_last_retry":5},{"days_after_last_retry":5}],"daily_failed_payments_attempt_utc_hour":23,"selling_plan_after_add_to_cart_js_method":"redirect_to_cart"},"checkout_ui_settings":{"global_show_login_url":"\/customer_authentication\/login?return_to=\/checkout","global_show_login_enabled":false,"redeem_points_max_rewards":10,"redeem_store_credit_button_kind":"primary","global_show_login_header_enabled":false,"shopify_markets_metaobject_enabled":false,"redeem_points_use_custom_select_label":false,"redeem_points_only_show_from_countries":[],"redeem_points_show_all_rewards_enabled":false,"redeem_points_select_apply_button_enabled":false,"redeemed_rewards_only_show_from_countries":[],"post_purchase_referral_hide_from_countries":[],"redeem_points_default_select_label_enabled":true,"hide_all_checkout_extensions_from_countries":[],"post_purchase_referral_preview_mode_enabled":false,"only_show_checkout_extensions_from_countries":[],"post_purchase_referral_share_buttons_enabled":false,"redeem_points_disable_reward_options_enabled":false,"redeem_store_credit_only_show_from_countries":[],"redeem_points_hide_redeem_when_discount_exists":false,"redeem_points_not_enough_points_banner_enabled":false,"post_purchase_referral_only_show_from_countries":[],"redeem_incremental_earnings_balance_to_currency":false,"redeemed_rewards_hide_selections_when_no_options":false,"post_purchase_account_activation_button_full_width":true,"cashback_estimation_balance_usd_to_currency_enabled":false,"redeem_incremental_earnings_only_show_from_countries":[],"redeem_points_hide_selections_unless_discount_exists":false,"post_purchase_account_activation_preview_mode_enabled":false,"post_purchase_referral_always_show_to_advocate_enabled":false,"redeemed_rewards_hide_selections_when_discount_applied":false,"post_purchase_account_activation_membership_mode_enabled":false,"redeem_incremental_earnings_balance_applied_mode_enabled":false,"redeem_incremental_earnings_input_amount_stepper_enabled":false,"post_purchase_account_activation_only_show_from_countries":[],"post_purchase_install_wallet_pass_only_show_from_countries":[],"redeem_incremental_earnings_balance_usd_to_currency_enabled":false,"redeem_incremental_earnings_hide_redeem_when_discount_exists":false,"redeem_incremental_earnings_hide_redeem_when_insufficient_balance":false,"redeem_incremental_earnings_hide_redeem_unless_minimum_order_value_is_met":false},"discount_code_prefix_settings":{"global_prefix":"BAL-","loyalty_gift_prefix":"LGIFT-"},"membership_tiers":[],"credit_mode":false,"active_bonus_campaign":null,"js_api_config":{"emit_points_balances_on_load":false},"auto_login":{"enabled":false,"email_provider":"kl","email_identifier":"utm_klaviyo_profile_id","auto_login_reload_enabled":false,"auto_login_bypass_only_mode_enabled":false},"account_widget_settings":{"logo":"\u003ch2 class=\"rivo-aw-title\" rivo-ax-html=\"$store.rivo_aw_settings.home_logged_in_title\"\u003eWelcome \u003cspan rivo-ax-text=\"$store.rivo_profile_customer?.first_name\"\u003e\u003c\/span\u003e\u003c\/h2\u003e","enabled":true,"or_text":"OR","city_text":"City","edit_text":"Edit","name_text":"Name","custom_css":".rivo-slideout__container{\n  left: initial;\n  right: 0px;\n}\n\n.rivo-slideout__header a.rivo-aw-logo svg, .rivo-slideout__header a.rivo-aw-logo img{\n  max-height: 35px;\n}\n\n.rivo-aw-title, .rivo-slideout__container p{\n  font-family: Suisse Intl, ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, sans-serif, BlinkMacSystemFont, Helvetica Neue, Arial, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color emoji;\n  text-transform: none;\n}\n\n.rivo-aw-home-featured-content-image-wrapper{\n  margin-bottom: 20px;\n}\n\n.rivo-aw-home-featured-content-title.rivo-aw-title{\n  margin-bottom: 5px !important;\n}\n\n.rivo-form-field input:focus+label, .rivo-form-field input:not(:placeholder-shown)+label, .rivo-form-field select+label:not(.rivo-checkbox-container){\n  top: 12px;\n}\n\n.rivo-login-email-container .rivo-aw-title{\n  line-height: normal;\n}\n\n.rivo-aw-button-home-additional{\n  padding: 1rem 4rem !important;\n  color: initial;\n}\n\n.rivo-aw-button-points-balance-container, .rivo-aw-button-gift-card-balance-container{\n  padding: 24px 16px;\n}\n\n.rivo-aw-home-button-components .rivo-aw-button-points, .rivo-aw-button-gift-card{\n  color: #FFF;\n}\n\n.rivo-aw-button-gift-card{\n  gap: 0px;\n}\n\n.rivo-aw-toast{\n  left:auto;\n  right: 15px;\n  background: #0000b4;\n}\n\n.rivo-aw-button-gift-card-code{\n  border-color: #676767;\n}\n\n.rivo-aw-button-gift-card-code-copy{\n  border-color: #676767;\n}\n\n.rivo-aw-button-component-cta {\n    gap: 5px;\n    text-transform: none;\n    font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif !important;\n    letter-spacing: 0px;\n    font-size: 14px;\n}\n\n.rivo-aw-logged-in .rivo-aw-home-hero .rivo-aw-heading{\n  display:none;\n}\n\n.rivo-aw-order-details{\n  margn-top: 40px;\n}\n\n.rivo-aw-home-button-components{\n  gap: 12px;\n}\n\n\n.rivo-slideout__container a[href=\"#\"]{\n  pointer-events: auto !important;\n}\n\n.rivo-slideout__header a{\n  text-decoration: none;\n  pointer-events: none;\n}\n\n.rivo-form .rivo-aw-smaller-title{\n  margin-top: 15px;\n  font-weight: 600;\n}\n\n.rivo-form{\n  gap:5px !important;\n}\n\n.rivo-sms-terms-and-conditions{\n  margin-bottom:15px !important;\n}\n\n.rivo-aw-button-home-additional {\n    padding: 1rem 2rem !important;\n}\n\n.rivo-slideout__container svg:not(.rivo-aw-logo *,.rivo-google-svg,.rivo-apple-svg) path {\n    fill: #0000b4;\n}","email_text":"Email","order_text":"Order","phone_text":"Phone","taxes_text":"Taxes","total_text":"Total","cards_shape":"rounded","delete_text":"Delete","select_text":"Select","address_text":"Address","company_text":"Company","country_text":"Country","inputs_shape":"rounded","buttons_shape":"rounded","discount_text":"Discount","primary_color":"#0000b4","province_text":"Province","shipping_text":"Shipping","subtotal_text":"Subtotal","zip_code_text":"ZIP Code","community_text":"Community","home_cta_1_url":"\/pages\/loyalty-program","home_cta_2_url":"\/pages\/manage-auto-replenishment","home_cta_3_url":"","last_name_text":"Last Name","launcher_shape":"circle","container_shape":"rounded","favorites_title":"Favorites","first_name_text":"First Name","home_cta_1_text":"View Rewards","home_cta_2_text":"Manage Subscriptions","home_cta_3_text":"","input_font_size":null,"show_powered_by":false,"add_to_cart_text":"Add to Cart","footer_font_size":15,"footer_home_text":"For You","google_client_id":"105612801293-sameovm86585pon5peultgqlp451r1l5.apps.googleusercontent.com","saved_cart_title":"Saved from Cart","toast_font_color":"#ffffff","are_you_sure_text":"Are you sure you want to?","cache_app_enabled":false,"collections_title":"Collections","community_enabled":false,"contact_info_text":"Contact info","currency_decimals":0,"default_font_size":16,"desktop_placement":"left","email_placeholder":"Email","favorites_enabled":false,"google_login_text":"Sign in with Google","home_referral_url":"\/pages\/refer-a-friend","login_button_text":"Sign In","login_footer_text":"","login_issues_link":"\/account\/login","login_issues_text":"Click here to sign in with your password if you are having issues","my_addresses_text":"My Addresses","onload_javascript":"\n  window.Rise = {\n    is_account_page: true,\n    customer: {\n      id: window.Rivo.common?.customer?.id,\n      email: window.Rivo.common?.customer?.email\n    }\n  };\n  const riseBackdrop = document.querySelector(\".Rise-popup-backdrop\");\n  const riseModal = document.querySelector(\".Rise-popup\");\n  if (riseModal) {\n    riseModal.classList.add(\"open\");\n    riseBackdrop.classList.add(\"show\");\n  }\n","order_placed_text":"Placed on","verify_title_text":"Enter the code we just sent to [[email]]","all_favorites_text":"All Favorites","external_login_url":"https:\/\/supergoop.com\/customer_authentication\/login?return_to=\/?show_rivo_account=true","footer_orders_text":"Orders","home_cta_1_enabled":false,"home_cta_2_enabled":false,"home_cta_3_enabled":false,"latest_order_title":"Latest Order","notifications_text":"Notifications","privacy_policy_url":"\/policies\/privacy-policy","profile_list_links":[],"reload_after_login":true,"saved_cart_enabled":true,"shop_login_enabled":false,"verify_button_text":"Verify Code","address_line_2_text":"Apartment, suite, etc.","apple_login_enabled":false,"delete_address_text":"Yes, Delete Address","external_login_text":"Sign in or Sign up","footer_profile_text":"Profile","home_referral_title":"Refer a Friend \u0026 Earn","locale_urls_enabled":false,"mobile_side_spacing":20,"my_preferences_text":"My Preferences","payment_method_text":"Payment Method","popular_today_title":"Popular Today","select_country_text":"Select Country","select_options_text":"Select Options","slideout_icon_color":"#303030","update_profile_text":"Update Profile","view_favorites_text":"View Favorites","billing_address_text":"Billing Address","desktop_side_spacing":20,"excluded_product_ids":[],"favorites_load_delay":0,"footer_icons_enabled":false,"google_login_enabled":true,"hide_rivo_login_form":true,"home_logged_in_title":"Welcome \u003cspan rivo-ax-text='$store.rivo_profile_customer?.first_name'\u003e\u003c\/span\u003e","legacy_gift_card_app":"rise","legacy_login_enabled":true,"order_cancelled_text":"Cancelled on","profile_log_out_text":"Log out","save_collection_text":"Save Collection","select_province_text":"Select Province","shipping_method_text":"Shipping Method","terms_of_service_url":"\/policies\/terms-of-service","address_default_badge":"Default","alternate_login_title":"Having issues signing in?","featured_content_link":"https:\/\/supergoop.com\/collections\/sale-sunscreen-bundles","featured_home_content":"","home_logged_out_title":"Save your faves, earn points, track orders and easily start a return.","home_referral_enabled":false,"legacy_membership_app":"","mobile_bottom_spacing":20,"order_returns_enabled":true,"order_returns_partner":"loop_returns","popular_today_enabled":false,"recently_viewed_title":"Recently Viewed","redeem_rewards_filter":"all","replace_account_links":true,"shipping_address_text":"Shipping Address","slideout_border_color":"#e0e0e0","vip_tier_progress_url":"\/pages\/loyalty-program","add_to_collection_text":"Add to Collection","compare_at_price_color":"#c70000","custom_sub_cta_content":"","custom_sub_cta_enabled":false,"desktop_bottom_spacing":20,"external_login_enabled":true,"featured_content_title":"Unseen Sunscreen SPF 50","hide_sold_out_products":false,"home_referral_subtitle":"\u003cspan rivo-ax-text='$store.rivo_profile_customer?.referral_stats?.completed_count'\u003e\u003c\/span\u003e referrals completed so far","home_wallet_pass_title":"Add Wallet Pass","login_footer_font_size":12,"next_billing_date_text":"You will be charged next on \u003cspan rivo-ax-text='$store.membership_subscription_contract.pretty_next_billing_date_at'\u003e\u003c\/span\u003e","order_tracking_partner":"shopify","orders_logged_in_title":"Your Orders","popular_products_count":20,"product_rating_enabled":false,"profile_pos_qr_enabled":false,"shop_pay_login_enabled":true,"slideout_subdued_color":"#f7f7f7","toast_background_color":"#1a1a1a","added_to_cart_link_text":"Go to Cart","additional_details_text":"Additional Details","alternate_login_enabled":false,"custom_sms_consent_text":"","home_logged_in_subtitle":"","home_referral_copy_text":"Referral link copied to clipboard","ignore_inventory_policy":false,"order_buy_again_enabled":true,"order_returns_subdomain":"supergoop","orders_empty_state_text":"You haven't placed any orders yet","orders_logged_out_title":"Log in to view, track, and manage your orders","post_login_reload_paths":[],"post_sign_in_javascript":"","product_rating_provider":"okendo","recently_viewed_enabled":true,"refresh_cart_javascript":"","section_title_font_size":null,"shopify_markets_enabled":false,"survey_next_button_text":"Next","survey_skip_button_text":"Skip","alternate_login_subtitle":"Use one of the following methods below to sign in.","custom_hide_product_tags":[],"desktop_sidebar_position":"right","home_logged_out_subtitle":"","home_wallet_pass_enabled":false,"legacy_gift_card_enabled":true,"order_cancel_button_text":"Cancel Order","replace_legacy_app_links":true,"shipping_addresses_title":"Shipping Addresses","verify_login_issues_link":"\/#rivo","verify_login_issues_text":"Having issues? Click here to try again.","community_cover_image_url":"","featured_content_subtitle":"NEW! Our #1 bestseller, now even more super!","home_button_gift_card_url":"","home_cta_1_primary_button":true,"home_cta_2_primary_button":true,"home_cta_3_primary_button":false,"home_wallet_pass_subtitle":"Unlock exclusive rewards and offers.","legacy_points_balance_app":"yotpo","on_hash_change_javascript":"","order_returns_button_text":"Start a Return","order_returns_custom_link":"","slideout_background_color":"#ffffff","accepts_sms_marketing_text":"Text me with news and offers","add_shipping_address_title":"Add Shipping Address","added_to_cart_link_enabled":false,"alternate_login_email_text":"Sign in with an email and password","create_new_collection_text":"Create New Collection","favorites_empty_state_text":"No favorited products","featured_content_image_url":"https:\/\/cdn.shopify.com\/s\/files\/1\/1503\/5658\/files\/Bestsellers_Unseen.png?v=1757621748","home_additional_button_url":"\/pages\/manage-auto-replenishment","home_button_membership_url":"","logged_out_title_font_size":24,"membership_cover_image_url":"","mini_block_title_font_size":13,"order_tracking_button_text":"Track Shipment","order_tracking_custom_link":"","primary_button_class_names":"button button-primary","redirect_from_account_page":true,"save_shipping_address_text":"Save Shipping Address","vip_progress_block_enabled":false,"alternate_login_google_text":"Sign in with Google","buy_again_notification_text":"Order added to the cart","edit_shipping_address_title":"Edit Shipping Address","favorite_button_active_text":"Added to favorites","home_additional_button_text":"Manage Auto-Replenishment","home_button_membership_text":"Credit","home_loyalty_button_enabled":true,"login_verify_identity_title":"Verify your identity","loyalty_opt_in_checkbox_tag":"rivo-loyalty-opt-in","order_buy_again_button_text":"Buy Again","order_cancel_button_enabled":false,"profile_list_contact_us_url":"#","saved_cart_empty_state_text":"No saved cart items","set_as_default_address_text":"Set as default address","slideout_heading_font_color":"#2a2a2a","account_verification_enabled":false,"collections_empty_state_text":"No collections","email_cannot_be_changed_text":"Email used for login cannot be updated","exposed_line_item_properties":[],"favorite_button_active_color":"#ff5e5e","home_additional_button_1_url":"\/a\/account\/shopify-login","home_additional_button_2_url":"","home_logged_out_orders_title":"Sign in to access your orders","login_accepts_marketing_text":"Email me with news and offers","loyalty_opt_in_checkbox_text":"Email me just loyalty offers","order_returns_fulfilled_only":false,"order_track_shipment_enabled":true,"orders_additional_button_url":"","profile_list_contact_us_text":"Contact Us","redeem_rewards_block_enabled":false,"secondary_button_class_names":"button button-secondary","accepts_sms_marketing_enabled":true,"add_to_cart_notification_text":"Added to cart","alternate_login_shop_pay_text":"Sign in to an existing account with Shop Pay","favorite_button_inactive_text":"Add to favorites","featured_home_content_enabled":true,"home_additional_button_1_text":"Manage Auto-Replenishment","home_additional_button_2_text":"","home_gift_card_button_enabled":true,"home_logged_out_profile_title":"Sign in to access your profile","international_returns_enabled":false,"legacy_points_balance_enabled":true,"mini_block_subtitle_font_size":13,"new_customer_accounts_enabled":false,"order_limited_time_button_url":"","orders_additional_button_text":"","same_as_shipping_address_text":"Same as shipping address","shop_pay_login_button_enabled":true,"home_additional_button_enabled":true,"home_button_balance_points_url":"\/pages\/rewards","home_button_components_enabled":true,"home_button_gift_card_cta_text":"My Credit","home_membership_button_enabled":false,"order_limited_time_button_text":"","address_saved_notification_text":"Address saved","apply_discount_add_to_cart_text":"Apply discount \u0026 add to cart","featured_content_image_position":"center center","home_button_balance_points_text":"Points","home_button_gift_card_code_text":"ID: ","home_button_gift_card_copy_text":"Copy ID","home_button_membership_cta_text":"My Membership","home_logged_out_favorites_title":"Sign in to access your favorites","home_logged_out_orders_subtitle":"Get access to your rewards, referrals, and more","login_accepts_marketing_default":true,"login_accepts_marketing_enabled":true,"loyalty_opt_in_checkbox_default":true,"loyalty_opt_in_checkbox_enabled":false,"profile_list_contact_us_enabled":true,"profile_list_personal_info_text":"Personal Information","view_product_action_button_text":"View product","home_additional_button_1_enabled":true,"home_additional_button_2_enabled":false,"home_logged_out_profile_subtitle":"Get access to your rewards, referrals, and more","home_logged_out_saved_cart_title":"Sign in to access your saved cart","home_wallet_pass_ios_button_text":"Add Apple Wallet Pass","mini_block_product_price_enabled":true,"mini_block_product_title_enabled":true,"orders_additional_button_enabled":false,"product_compare_at_price_enabled":true,"recently_viewed_empty_state_text":"No recently viewed products","slideout_body_primary_font_color":"#2a2a2a","address_deleted_notification_text":"Address deleted successfully","international_returns_button_text":"Start an International Return","login_accepts_marketing_countries":[],"order_limited_time_button_enabled":false,"profile_updated_notification_text":"Profile updated","shipping_address_empty_state_text":"You haven't added any shipping addresses yet","add_to_favorites_notification_text":"Save Item","alternate_login_another_email_text":"Try sending another code","home_button_gift_card_click_action":"\nwindow.Rise = {\n  is_account_page: true,\n  customer: {\n    id: window.Rivo.common?.customer?.id,\n    email: window.Rivo.common?.customer?.email\n  }\n};\nconst riseBackdrop = document.querySelector(\".Rise-popup-backdrop\");\nconst riseModal = document.querySelector(\".Rise-popup\");\nif (riseModal) {\n  riseModal.classList.add(\"open\");\n  riseBackdrop.classList.add(\"show\");\n  MicroModal.close('rivo-account-slideout');\n}\n","home_button_membership_paywall_url":"","home_logged_out_favorites_subtitle":"Get access to your rewards, referrals, and more","redirect_to_classic_login_on_error":false,"share_favorite_collections_enabled":false,"shop_pay_login_email_field_enabled":true,"slideout_body_secondary_font_color":"#5c5c5c","verify_login_issues_alt_login_text":"Having issues? Click here to sign in with an alternate method","view_product_action_button_enabled":false,"cancel_membership_notification_text":"Membership canceled","home_button_balance_points_cta_text":"My Rewards","home_logged_out_title_margin_bottom":15,"order_returns_button_primary_button":false,"recently_viewed_collections_enabled":true,"added_to_favorites_notification_text":"Item saved","home_wallet_pass_android_button_text":"Add Google Wallet Pass","order_tracking_button_primary_button":true,"profile_list_shipping_addresses_text":"Shipping Addresses","apple_login_private_relay_error_title":"Please sign in using a different method","order_buy_again_button_primary_button":false,"order_cancel_button_threshold_enabled":true,"home_button_membership_paywall_cta_text":"Join our Membership","orders_additional_button_primary_button":false,"remove_from_favorites_notification_text":"Remove item","apple_login_private_relay_error_subtitle":"Sorry, we couldn't authenticate your Apple account. Please try again using your email or Sign in with Google.","apple_login_reject_private_relay_enabled":false,"home_logged_out_profile_subtitle_enabled":false,"order_cancel_button_threshold_in_minutes":30,"order_limited_time_button_primary_button":false,"removed_from_favorites_notification_text":"Item removed","show_as_loyalty_page_login_modal_enabled":false,"international_returns_button_primary_button":false,"send_payment_method_email_notification_text":"Confirmation email sent","order_limited_time_button_threshold_in_minutes":15,"redeem_rewards_display_style":"horizontal","home_expiration_message_enabled":false,"home_referral_page_subtitle":"Refer a friend who makes a purchase and both of you will claim rewards.","css_variables":":root {\n      --rivo-aw-background-color: #ffffff;\n      --rivo-aw-desktop-sidebar-left: auto;\n      --rivo-aw-desktop-sidebar-right: 0px;\n      --rivo-aw-desktop-slidein-translate-x: 100%;\n      --rivo-aw-desktop-slideout-translate-x: 100%;\n      --rivo-aw-heading-font-color: #2a2a2a;\n      --rivo-aw-body-primary-font-color: #2a2a2a;\n      --rivo-aw-body-secondary-font-color: #5c5c5c;\n      --rivo-aw-border-color: #e0e0e0;\n      --rivo-aw-subdued-color: #f7f7f7;\n      --rivo-aw-icon-color: #303030;\n      --rivo-aw-primary-color: #0000b4;\n      --rivo-aw-favorite-button-active-color: #ff5e5e;\n      --rivo-aw-toast-offset-left: auto;\n      --rivo-aw-toast-offset-right: 15px;\n      --rivo-aw-default-font-size: 16px;\n      \n      \n      \n      --rivo-aw-logged-out-title-font-size: 24px;\n      \n      --rivo-aw-mini-block-title-font-size: 13px;\n      --rivo-aw-mini-block-subtitle-font-size: 13px;\n      --rivo-aw-login-footer-font-size: 12px;\n      --rivo-aw-footer-font-size: 15px;\n      --rivo-aw-toast-background-color: #1a1a1a;\n      --rivo-aw-toast-font-color: #ffffff;\n      \n      \n      --rivo-aw-home-featured-content-image-position: center center;\n      --rivo-aw-compare-at-price-color: #c70000;\n      --rivo-aw-home-logged-out-title-margin-bottom: 15px;\n    }","terms_and_conditions":"By signing in, you agree to our \u003ca class=\"rivo-underline-link\" href=\"\/policies\/privacy-policy\" target=\"_blank\"\u003eprivacy policy\u003c\/a\u003e and \u003ca class=\"rivo-underline-link\" href=\"\/policies\/terms-of-service\" target=\"_blank\"\u003eterms of service\u003c\/a\u003e","sms_terms_and_conditions":"By signing up via text, you consent to receive recurring automated marketing messages, including cart reminders, at the provided number. Consent is not required for purchase. Reply STOP to opt out or HELP for assistance. Message frequency varies; standard message and data rates may apply. View our \u003ca class=\"rivo-underline-link\" href=\"\/policies\/privacy-policy\" target=\"_blank\"\u003eprivacy policy\u003c\/a\u003e and \u003ca class=\"rivo-underline-link\" href=\"\/policies\/terms-of-service\" target=\"_blank\"\u003eterms of service\u003c\/a\u003e"},"persisted_login_enabled":false,"preference_questions":[],"customer_id_verification_enabled":true,"ping_enabled":true,"contests":[],"active_contest":null,"activate_store_balance_consolidation_enabled":false,"deduct_after_order_placed_channels":[],"edit_order_settings":{"enabled":false,"note_text":"Order Note","note_enabled":false,"cancel_enabled":true,"cancel_reasons":["Changed my mind","Shipping concerns","Ordered by mistake","Other"],"note_button_text":"Update Note","note_placeholder":"Add a note to your order","threshold_method":"fulfilled","cancel_button_text":"Cancel Order","contact_info_enabled":true,"preview_mode_enabled":false,"contact_info_button_text":"Update Contact Information","shipping_address_enabled":true,"threshold_time_in_minutes":15,"preview_mode_email_domains":[],"shipping_address_button_text":"Update Shipping Address"},"gift_card_settings":{"enabled":false,"gift_card_product_ids":[]},"surveys":[],"order_earnings_delay_in_seconds":null,"cashback_program_enabled":false,"cashback_offers":[],"fallback_to_db_from_shopify_api_enabled":false,"credit_transfers_enabled":false,"wallet_pass_enabled":false,"account_widget_sections":[]};
  window.Rivo.loy_config.api_endpoint = "\/apps\/ba-loy";
</script>

<script type="text/javascript" id="rivo-js-customer-init" dynamic>
  
</script>


  <link rel="stylesheet" type="text/css" href="https://cdn.shopify.com/s/files/1/0194/1736/6592/t/1/assets/ba_rivo_profile.css?v=1780351453"/>
  <style type="text/css">
    
    :root {
      --rivo-aw-background-color: #ffffff;
      --rivo-aw-desktop-sidebar-left: auto;
      --rivo-aw-desktop-sidebar-right: 0px;
      --rivo-aw-desktop-slidein-translate-x: 100%;
      --rivo-aw-desktop-slideout-translate-x: 100%;
      --rivo-aw-heading-font-color: #2a2a2a;
      --rivo-aw-body-primary-font-color: #2a2a2a;
      --rivo-aw-body-secondary-font-color: #5c5c5c;
      --rivo-aw-border-color: #e0e0e0;
      --rivo-aw-subdued-color: #f7f7f7;
      --rivo-aw-icon-color: #303030;
      --rivo-aw-primary-color: #0000b4;
      --rivo-aw-favorite-button-active-color: #ff5e5e;
      --rivo-aw-toast-offset-left: auto;
      --rivo-aw-toast-offset-right: 15px;
      --rivo-aw-default-font-size: 16px;
      
      
      
      --rivo-aw-logged-out-title-font-size: 24px;
      
      --rivo-aw-mini-block-title-font-size: 13px;
      --rivo-aw-mini-block-subtitle-font-size: 13px;
      --rivo-aw-login-footer-font-size: 12px;
      --rivo-aw-footer-font-size: 15px;
      --rivo-aw-toast-background-color: #1a1a1a;
      --rivo-aw-toast-font-color: #ffffff;
      
      
      --rivo-aw-home-featured-content-image-position: center center;
      --rivo-aw-compare-at-price-color: #c70000;
      --rivo-aw-home-logged-out-title-margin-bottom: 15px;
    }
    .rivo-slideout__container{
  left: initial;
  right: 0px;
}

.rivo-slideout__header a.rivo-aw-logo svg, .rivo-slideout__header a.rivo-aw-logo img{
  max-height: 35px;
}

.rivo-aw-title, .rivo-slideout__container p{
  font-family: Suisse Intl, ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, sans-serif, BlinkMacSystemFont, Helvetica Neue, Arial, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color emoji;
  text-transform: none;
}

.rivo-aw-home-featured-content-image-wrapper{
  margin-bottom: 20px;
}

.rivo-aw-home-featured-content-title.rivo-aw-title{
  margin-bottom: 5px !important;
}

.rivo-form-field input:focus+label, .rivo-form-field input:not(:placeholder-shown)+label, .rivo-form-field select+label:not(.rivo-checkbox-container){
  top: 12px;
}

.rivo-login-email-container .rivo-aw-title{
  line-height: normal;
}

.rivo-aw-button-home-additional{
  padding: 1rem 4rem !important;
  color: initial;
}

.rivo-aw-button-points-balance-container, .rivo-aw-button-gift-card-balance-container{
  padding: 24px 16px;
}

.rivo-aw-home-button-components .rivo-aw-button-points, .rivo-aw-button-gift-card{
  color: #FFF;
}

.rivo-aw-button-gift-card{
  gap: 0px;
}

.rivo-aw-toast{
  left:auto;
  right: 15px;
  background: #0000b4;
}

.rivo-aw-button-gift-card-code{
  border-color: #676767;
}

.rivo-aw-button-gift-card-code-copy{
  border-color: #676767;
}

.rivo-aw-button-component-cta {
    gap: 5px;
    text-transform: none;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif !important;
    letter-spacing: 0px;
    font-size: 14px;
}

.rivo-aw-logged-in .rivo-aw-home-hero .rivo-aw-heading{
  display:none;
}

.rivo-aw-order-details{
  margn-top: 40px;
}

.rivo-aw-home-button-components{
  gap: 12px;
}


.rivo-slideout__container a[href="#"]{
  pointer-events: auto !important;
}

.rivo-slideout__header a{
  text-decoration: none;
  pointer-events: none;
}

.rivo-form .rivo-aw-smaller-title{
  margin-top: 15px;
  font-weight: 600;
}

.rivo-form{
  gap:5px !important;
}

.rivo-sms-terms-and-conditions{
  margin-bottom:15px !important;
}

.rivo-aw-button-home-additional {
    padding: 1rem 2rem !important;
}

.rivo-slideout__container svg:not(.rivo-aw-logo *,.rivo-google-svg,.rivo-apple-svg) path {
    fill: #0000b4;
}
  </style>
      <div id="rivo-shop-pay-login-container" style="display: none;">
        <script defer="defer" async type="module" src="//supergoop.com/cdn/shopifycloud/shop-js/modules/v2/loader.shop-login-button.en.esm.js"></script>
<script type="module">
  await import("//supergoop.com/cdn/shopifycloud/shop-js/modules/v2/loader.shop-login-button.en.esm.js");

  
</script>

<shop-login-button ux-mode="windoid" return-uri="https://supergoop.com/account/redirect" proxy="true" redirect-type="iframe" response-type="code"></shop-login-button>

      </div>
    
<div rivo-ax-data="rivoAccountSlideoutComponent()" rivo-ax-init="initRivoAccountSlideout" class="micromodal-slideout" id="rivo-account-slideout" aria-hidden="true">
    <div class="rivo-slideout__overlay" tabindex="-1" data-rivo-account-slideout-micromodal-close>
      <div class="rivo-slideout__container" role="dialog" aria-modal="true" tabindex="-1" rivo-ax-bind:class="{ 'rivo-aw-logged-in': $store.rivo_profile_customer, 'rivo-aw-logged-out': !$store.rivo_profile_customer }">
        <header class="rivo-slideout__header rivo-slideout-section">
          <a href="#rivo" class="rivo-aw-logo" rivo-ax-on:click.prevent="changePage('rivo')" rivo-ax-html="$store.rivo_aw_settings.logo" rivo-ax-show="$store.rivo_aw_settings.logo && !$store.current_survey_question" aria-label="Go to home"></a>
          <div class="rivo-survey-progress-bar-container" rivo-ax-show="$store.current_survey_question" rivo-ax-cloak>
            <div class="rivo-survey-progress-bar" role="progressbar" rivo-ax-bind:aria-valuenow="$store.current_survey?.percentage_completed || 100" aria-valuemin="0" aria-valuemax="100" aria-label="Survey progress">
              <div class="rivo-survey-progress-bar-fill" rivo-ax-bind:style="'width: ' + ($store.current_survey?.percentage_completed || 100) + '%'"></div>
            </div>
            <button class="rivo-survey-skip-question" rivo-ax-on:click="saveSurveyAnswer($event, true)" aria-label="Skip current survey question">Skip</button>
          </div>
          <button class="rivo-slideout__close" aria-label="Close modal" data-rivo-account-slideout-micromodal-close></button>
        </header>
        <main class="rivo-slideout__content rivo-slideout-section">
          <div id="rivo-profile-main"></div>
          <template rivo-ax-if="$store.rivo_aw_settings.show_powered_by">
            <div class="rivo-powered-by">
              <a href="https://rivo.io?utm_source=widget&utm_campaign=powered-by" target="_blank" aria-label="Powered by Rivo - Opens in new window">
                <span class="rivo-powered-by-text">Powered by </span>
                <div class="rivo-powered-by-icon" rivo-ax-html="$store.icons.rivo"></div>
              </a>
            </div>
          </template>
        </main>
        <footer id="rivo-slideout-footer" class="rivo-slideout-section" rivo-ax-show="!hideFooter">
          <div class="rivo-slideout-navigation" rivo-ax-bind:class="{ 'rivo-footer-with-icons': $store.rivo_aw_settings.footer_icons_enabled }" rivo-ax-show="!showStickyFooterButton">
            <a href="#rivo" rivo-ax-bind:class="{ 'active': currentPage === 'rivo' }" rivo-ax-on:click.prevent="changePage('rivo')" aria-label="Navigate to home">
              <div rivo-ax-html="$store.icons.profile_home" rivo-ax-show="$store.rivo_aw_settings.footer_icons_enabled"></div>
              <div class="rivo-footer-nav-text" rivo-ax-text="$store.rivo_aw_translation?.footer_home_text || $store.rivo_aw_settings.footer_home_text"></div>
            </a>
            <a href="#rivo-orders" rivo-ax-bind:class="{ 'active': currentPage === 'rivo-orders' || currentPage === 'rivo-order-details' }" rivo-ax-on:click.prevent="changePage('rivo-orders')" aria-label="Navigate to orders">
              <div rivo-ax-html="$store.icons.profile_orders" rivo-ax-show="$store.rivo_aw_settings.footer_icons_enabled"></div>
              <div class="rivo-footer-nav-text" rivo-ax-text="$store.rivo_aw_translation?.footer_orders_text || $store.rivo_aw_settings.footer_orders_text"></div>
            </a>
            <a href="#rivo-profile" rivo-ax-bind:class="{ 'active': currentPage === 'rivo-profile' }" rivo-ax-on:click.prevent="changePage('rivo-profile')" aria-label="Navigate to profile">
              <div rivo-ax-html="$store.icons.profile_user" rivo-ax-show="$store.rivo_aw_settings.footer_icons_enabled"></div>
              <div class="rivo-footer-nav-text" rivo-ax-text="$store.rivo_aw_translation?.footer_profile_text || $store.rivo_aw_settings.footer_profile_text"></div>
            </a>
            <template rivo-ax-if="$store.rivo_aw_settings.community_enabled">
              <a href="#rivo-community" rivo-ax-bind:class="{ 'active': currentPage === 'rivo-community' }" rivo-ax-on:click.prevent="changePage('rivo-community')" aria-label="Navigate to community">
                <div rivo-ax-html="$store.icons.profile_user" rivo-ax-show="$store.rivo_aw_settings.footer_icons_enabled"></div>
                <div class="rivo-footer-nav-text" rivo-ax-text="$store.rivo_aw_translation?.footer_community_text || $store.rivo_aw_settings.footer_community_text"></div>
              </a>
            </template>
          </div>
          <template rivo-ax-if="showStickyFooterButton && $store.current_survey_question">
            <div class="rivo-sticky-footer-container">
              <button rivo-ax-bind:class="$store.rivo_aw_settings.primary_button_class_names" aria-label="Continue survey" rivo-ax-text="$store.rivo_aw_settings.survey_next_button_text" rivo-ax-on:click="saveSurveyAnswer($event)"></button>
            </div>
          </template>
        </footer>
        <div class="rivo-aw-mini-modal rivo-aw-mini-modal-micromodal-slide" id="rivo-aw-mini-modal" aria-hidden="true">
          <div class="rivo-aw-mini-modal__overlay" tabindex="-1" data-rivo-mini-micromodal-close>
            <div class="rivo-aw-mini-modal__container" role="dialog" aria-modal="true">
              <button class="rivo-aw-mini-modal__close" aria-label="Close modal" data-rivo-mini-micromodal-close></button>
              <div class="rivo-aw-mini-modal__content" rivo-ax-html="miniModalContent"></div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>

<!-- END app snippet -->


</div><div id="shopify-block-AQTlTWDBDUEVwNWNoZ__10641372206048101839" class="shopify-block shopify-app-block">
<script>
  window.Rebuy = window.Rebuy || {};
  window.Rebuy.customer = window.Rebuy.customer || {};
  
</script>


<script async src="https://cdn.rebuyengine.com/onsite/js/rebuy.js?shop=supergoop.myshopify.com"></script>


</div><div id="shopify-block-AZFd6aGFnS21FS1hVa__13768625480086291342" class="shopify-block shopify-app-block"><script>
  window['ShopifyForms'] = {
    ...window['ShopifyForms'],
    currentPageType: "index"
  };
</script>


</div><script src="https://cdn.shopify.com/storefront/standard-actions.js" type="module" data-source-attribution="shopify.standard_actions"></script>
</body>
</html>

