PageSourceSearch

https://supergoop.com/products/unseen-sunscreen-spf-50

html supergoop.com collected 2026-09-24 19:24:02 UTC 1,346,045 bytes, 12,786 lines download raw bytes

1<!doctype html>
2<html
3  class="no-js"
4  lang="en"
5>
6  <head>
7    <style>
8  @font-face {
9    font-family: 'Suisse Intl Heading';
10    src: url(//supergoop.com/cdn/shop/t/510/assets/SuisseIntl-Bold.woff2?v=72902908522784778181789068782) format('woff2');
11    font-weight: 700;
12    font-style: normal;
13    font-display: swap;
14  }
15  @font-face {
16    font-family: 'Suisse Intl Heading';
17    src: url(//supergoop.com/cdn/shop/t/510/assets/SuisseIntl-BoldItalic.woff2?v=89922534752051904151789068782) format('woff2');
18    font-weight: 700;
19    font-style: italic;
20    font-display: optional;
21  }
22  @font-face {
23    font-family: 'Suisse Intl';
24    src: url(//supergoop.com/cdn/shop/t/510/assets/SuisseIntl-Light.woff2?v=125469304011073449611789068782) format('woff2');
25    font-weight: 300;
26    font-style: normal;
27    font-display: optional;
28  }
29
30  @font-face {
31    font-family: 'Suisse Intl';
32    src: url(//supergoop.com/cdn/shop/t/510/assets/SuisseIntl-Regular.woff2?v=165628043512112570221789068782) format('woff2');
33    font-weight: 400;
34    font-style: normal;
35    font-display: swap;
36  }
37
38  @font-face {
39    font-family: 'Suisse Intl';
40    src: url(//supergoop.com/cdn/shop/t/510/assets/SuisseIntl-Semibold.woff2?v=75262486896577098951789068782) format('woff2');
41    font-weight: 600;
42    font-style: normal;
43    font-display: optional;
44  }
45
46  @font-face {
47    font-family: 'Suisse Intl';
48    src: url(//supergoop.com/cdn/shop/t/510/assets/SuisseIntl-Medium.woff2?v=534983) format('woff2');
49    font-weight: 500;
50    font-style: normal;
51    font-display: optional;
52  }
53
54  /*
55   * Metric-matched fallback faces — reduce CLS when the web font swaps in.
56   * Starting values based on Suisse Intl vs Arial; refine with Chrome DevTools'
57   * font metrics panel if visible reflow remains.
58   */
59  @font-face {
60    font-family: 'Suisse Intl Fallback';
61    src: local('Arial');
62    font-style: normal;
63    font-weight: 400;
64    ascent-override: 95.72%;
65    descent-override: 30.20%;
66    line-gap-override: 0.00%;
67    size-adjust: 103.00%;
68  }
69  @font-face {
70    font-family: 'Suisse Intl Heading Fallback';
71    src: local('Arial Bold'), local('Arial');
72    ascent-override: 87.82%;
73    descent-override: 27.70%;
74    line-gap-override: 0.00%;
75    size-adjust: 112.28%;
76  }
77</style>
78
79    
79<script defer src="https://cdn.skio.com/scripts/shopify/head/shopify.ba9807f79b5cdb6483d5.js"></script>
79
80    <!-- Start of Shoplift scripts -->
81    <!-- 2026-09-10T19:33:16.5999219Z -->
82<style>.shoplift-hide { opacity: 0 !important; }</style>
83<style id="sl-preview-bar-hide">#preview-bar-iframe, #PBarNextFrameWrapper { display: none !important; }</style>
84<script type="text/javascript">(function(rootPath, template, themeRole, themeId, isThemePreview){ /* Generated on 2026-09-24T18:44:53.1364355Z */(function(){"use strict";var te=document.createElement("style");te.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(te);var fe=" daum[ /]| deusu/|(?:^|[^g])news(?!sapphire)|(?<! channel/|google/)google(?!(?:wv|app|/google| pixel))|(?<! cu)bots?(?:\\b|_)|(?<!cam)scan|(?<!lib)http|24x
847|;\\s\\w+;$|@[a-z][\\w-]+\\.|\\(\\)|\\.com\\b|\\b\\w+/1\\.0;|\\bbw/|\\bdlc\\b|\\bort/|\\bperl\\b|\\btime/|\\||^[<\\(;]|^[\\w \\.\\-\\(?:\\):%]+(?:/v?\\d+(?:\\.\\d+)?(?:\\.\\d{1,10})*?)?(?:,|$)|^[\\w\\-]+/[\\w]+$|^[^ ]{50,}$|^\\d+\\b|^\\w*search\\b|^\\w+/[\\w\\(\\)]*$|^\\w+/\\d\\.\\d\\s\\([\\w@]+\\)$|^active|^ad muncher|^amaya|^apache/|^avsdevicesdk/|^azure|^biglotron|^blackbox exporter|^bot|^clamav[ /]|^claude-code/|^client/|^cobweb/|^custom|^ddg[_-]android|^discourse|^dispatch/\\d|^downcast/|^duckduckgo|^email|^exodusmovement|^facebook|^getright/|^gozilla/|^hobbit|^hotzonu|^hwcdn/|^igetter/|^jeode/|^jetty/|^jigsaw|^microsoft bits|^movabletype|^mozilla/\\d\\.\\d\\s[\\w\\.-]+$|^mozilla/\\d\\.\\d\\s\\((?:compatible;)?(?:\\s?[\\w\\d-.]+\\/\\d+\\.\\d+)?\\)$|^navermailapp|^netsurf|^offline|^openai/|^owler|^php|^postman|^ps_daily/|^python|^rank|^read|^reed|^remove\\.bg/|^rest|^rss|^snapchat|^sora |^space bison|^stape/|^svn|^swcd |^taringa|^thumbor/|^track|^w3c|^webbandit/|^webcopier|^wget|^whatsapp|^wordpress|^xenu link sleuth|^yahoo|^yandex|^zdm/\\d|^zoom marketplace/|abuse|advisor|agent\\b|analyzer|archive|ask jeeves/teoma|attracta|audit|bluecoat drtr|browsex|burpcollaborator|capture|catch|check\\b|checker|chrome-lighthouse|chromeframe|classifier|cloudflare|collapsify\\b|convertify|cookiehubverify/|crawl|cursor/|cypress/|dareboost|datanyze|dejaclick|detect|discovery|dmbrowser|download|exaleadcloudview|feed|firephp|foregenix|functionize|grab|hardenize\\b|headless|hotjar|httrack|hubspot marketing grader|ibisbrowser|infrawatch|insight|inspect|iplabel|java(?!;)|library|linkcheck|linktiger|mail\\.ru/|manager|manus-user/|marketgoo/|measure|monitor\\b|neustar wpm|node\\b|nutch|offbyone|openvas|optimize|pageburst|pagespeed|parser|phantomjs|pingdom|playwright|powermarks|preview|productfinder|prospectingstudio|proxy|ptst[ /]\\d|radar|readable/|retriever|rexx;|rigor|rss\\b|scrape|securityheaders|selenium|server|silktide|sindup/|sogou|sparkler/|speedcurve|spider|splash|statuscake|supercleaner|synapse|synthetic|testlocally|tools|torrent|transcoder|url|validator|virtuoso|wappalyzer|watchtowr|webglance|webkit2png|whatcms/|xtate/",ge=/bot|crawl|http|lighthouse|scan|search|spider/i,z;function me(){if(z instanceof RegExp)return z;try{z=new RegExp(fe,"i")}catch{z=ge}return z}var ye=a=>typeof a=="string"&&a!=="";function ve(a){return ye(a)&&me().test(a)}var we=ve;class X{timestamp;constructor(){this.timestamp=new Date}}class be extends X{type;testId;hypothesisId;constructor(e,t,i){super(),this.type=3,this.testId=e,this.hypothesisId=t,this.timestamp=i}}class Se extends X{type;path;constructor(e){super(),this.type=4,this.path=e}}class Ce extends X{type;cart;constructor(e){super(),this.type=5,this.cart=e}}class ie extends Error{isBot;constructor(){super(),this.isBot=!0}}function Te(a,e,t){for(const i of e.selectors){const s=a.querySelectorAll(i.cssSelector);for(let r=0;r<s.length;r++)t(e.testId,e.hypothesisId)}re(a,e,(i,s,r,o,n)=>n(s,r),t)}function U(a,e,t){for(const i of e.selectors)ne(a,e.testId,e.hypothesisId,i,t??(()=>{}));re(a,e,ne,t??(()=>{}))}function se(a){return a.urlPatterns.reduce((e,t)=>{switch(t.operator){case"contains":return e+`.*${t}.*`;case"endsWith":return e+`.*${t}`;case"startsWith":return e+`${t}.*`}},"")}function re(a,e,t,i){new MutationObserver(()=>{for(const r of e.selectors)t(a,e.testId,e.hypothesisId,r,i)}).observe(a.documentElement,{childList:!0,subtree:!0})}function ne(a,e,t,i,s){const r=a.querySelectorAll(i.cssSelector);for(let o=0;o<r.length;o++){let n=r.item(o);if(n instanceof HTMLElement&&n.dataset.shoplift!==""){n.dataset.shoplift="";for(const l of i.actions.sort(Re))n=Ie(a,i.cssSelector,n,l)}}return r.length>0&&s?(s(e,t),!0):!1}function Ie(a,e,t,i){switch(i.type){case"innerHtml":t.innerHTML=i.value;break;case"attribute":Pe(t,i.scope,i.value);break;case"css":Ae(a,e,i.value);break;case"js":ke(a,t,i);break;case"copy":return Ee(t);case"remove":xe(t);break;case"move":_e(t,parseInt(i.value));break}return t}function Pe(a,e,t){a.setAttribute(e,t)}function Ae(a,e,t){const i=a.createElement("style");i.innerHTML=`${e} { ${t} }`,a.getElementsByTagName("head")[0]?.appendChild(i)}function ke(a,e,t){Function("document","element",`"use strict"; ${t.value}`)(a,e)}function Ee(a){const e=a.cloneNode(!0);if(!a.parentNode)throw"Can't copy node outside of DOM";return a.parentNode.insertBefore(e,a.nextSibling),e}function xe(a){a.remove()}function _e(a,e){if(e===0)return;const t=Array.prototype.slice.call(a.parentElement.children).indexOf(a),i=Math.min(Math.max(t+e,0),a.parentElement.children.length-1);a.parentElement.children.item(i).insertAdjacentElement(e>0?"afterend":"beforebegin",a)}function Re(a,e){return oe(a)-oe(e)}function oe(a){return a.type==="copy"||a.type==="remove"?0:1}
84const M={Template:0,UrlRedirect:2,Script:3,Price:5},De="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",Ve="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 Oe(a){let e=a.replace(/-/g,"+").replace(/_/g,"/");for(;e.length%4;)e+="=";const t=atob(e),i=Uint8Array.from(t,o=>
84o.charCodeAt(0)),s=new Blob([i]).stream().pipeThrough(new DecompressionStream("gzip")),r=await new Response(s).text();return JSON.parse(r)}function F(a,e){return typeof e=="string"&&/\d{4}-\d{2}-\d{2}T\d{2}:\d{2}:\d{2}.\d+(?:Z|[+-]\d+)/.test(e)?new Date(e):e}function ee(a,e){return e}function q(a,e=!1,t=!1,i=","){const s=a/100;if(t){const o=Math.round(s).toLocaleString("en-US");return i!==","?o.replace(/,/g,i):o}else{const r=e?",":".",o=s.toFixed(2).split("."),n=parseInt(o[0],10),l=o[1]??"00",c=n.toLocaleString("en-US");return i!==","?`${c.replace(/,/g,i)}${r}${l}`:e?`${c.replace(/,/g,".")}${r}${l}`:`${c}${r}${l}`}}function H(a,e,t,i){const s=e.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} ${t}`:s}function ae(a){return a.replace(/[^\d.,\s-]/g,"").trim()}function j(a){const e=new Map;for(const[t,i,s]of a.variants)e.set(t,{priceInCents:i,compareAtPriceInCents:s});return e}function Le(a,e,t,i){const{priceInCents:s,compareAtPriceInCents:r}=t,{moneyFormat:o,currency:n,currencyCodeEnabled:l}=i;if(a.getAttribute("data-sl-attribute-p")===e)a.innerHTML=H(s,o,n,l);else if(a.getAttribute("data-sl-attribute-cap")===e)r<=0||r<=s?a.remove():a.innerHTML=H(r,o,n,l);else if(a.getAttribute("data-sl-attribute-discount")===e&&!(r<=0||r<=s)){const d=Math.round((r-s)/r*100),u=ae(H(r-s,o,n,!1)),h=a.getAttribute("data-sl-format")||"percent";h==="percent"?a.textContent=`-${d}%`:h==="amount"?a.textContent=`-${u}`:h==="both"&&(a.textContent=`-${d}% (-${u})`)}}function $e(a){const e=[],t={id:"url-pattern",operator:"contains",value:"/"};for(const[i,s,r]of a.variants){e.push({id:`p-${i}`,cssSelector:`[data-sl-attribute-p="${i}"]`,urlPatterns:[t],actions:[{id:`p-action-${i}`,type:"innerHtml",scope:"price",value:H(s,a.moneyFormat,a.currency,a.currencyCodeEnabled)}]});const o=r<=0||r<=s;if(e.push({id:`cap-${i}`,cssSelector:`[data-sl-attribute-cap="${i}"]`,urlPatterns:[t],actions:[{id:`cap-action-${i}`,type:o?"remove":"innerHtml",scope:"compare-at-price",value:o?"":H(r,a.moneyFormat,a.currency,a.currencyCodeEnabled)}]}),!o&&r>s){const n=Math.round((r-s)/r*100),l=ae(H(r-s,a.moneyFormat,a.currency,!1));e.push({id:`d-${i}`,cssSelector:`[data-sl-attribute-discount="${i}"]`,urlPatterns:[t],actions:[{id:`d-action-${i}`,type:"js",scope:null,value:`var format = element.getAttribute('data-sl-format') || 'percent';                    if (format === 'percent') {                      element.textContent = '-${n}%';                    } else if (format === 'amount') {                      element.textContent = '-${l}';                    } else if (format === 'both') {                      element.textContent = '-${n}% (-${l})';                    }`}]})}}return e}const Me=a=>{let e=5381;for(let t=0;t<a.length;t++)e=(e*33^a.charCodeAt(t))>>>0;return e.toString(36)},qe=()=>Math.random().toString(36).slice(2,10)+Date.now().toString(36).slice(-4),He=a=>btoa(JSON.stringify(a)).replace(/\+/g,"-").replace(/\//g,"_").replace(/=+$/,""),K=a=>a.replace(/#slr-[a-z0-9]+$/,""),tt="modulepreload",it=function(a){return"/"+a},st={},Ne=function(e,t,i){let s=Promise.resolve();function r(o){const n=new Event("vite:preloadError",{cancelable:!0});if(n.payload=o,window.dispatchEvent(n),!n.defaultPrevented)throw o}return s.then(o=>{for(const n of o||[])n.status==="rejected"&&r(n.reason);return e().catch(r)})};function le(a,e,t){const i=t?a.plans.filter(c=>!c.variantId||c.variantId===t):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 o=e?s:r,n=e?r:s;if(t)for(const c of a.plans)for(const d of[c.existingShopifyPlanId,c.createdShopifyPlanId])d&&!o.includes(d)&&!n.includes(d)&&n.push(d);const l={};for(let c=0;c<n.length;c++){const d=n[c],u=o[c];d&&u&&(l[d]=u)}return{showPlanIds:o,hidePlanIds:n,swapMap:l}}function ce(a,e,t){const i=e?a.plans.find(r=>r.variantId===e):void 0;if(i)return i.direction;if(t){const r=a.plans.find(o=>o.productId===t);if(r)return r.direction}return a.plans.find(r=>!r.variantId)?.direction??null}function J(a,e){const t=e?a.plans.filter(r=>!r.productId||r.productId===e):a.plans,i={};for(const r of t)i[r.existingShopifyPlanId]=r.existingDiscountAmount,i[r.createdShopifyPlanId]=r.existingDiscountAmount;
84const s=Math.max(...Object.values(i),0);return{discountMap:i,maxDiscount:s}}function W(a){const e=document.querySelector('form[action*="/cart/add"] input[name="product-id"]')?.value;if(e)return e;if(a){for(const r of Array.from(document.querySelectorAll("[data-sl-attribute-p]"))){const o=r.getAttribute("data-sl-attribute-p");if(!o)continue;const n=a.variants.find(l=>l[0]===o);if(n?.[3])return n[3]}const s=document.querySelector('form[action*="/cart/add"] input[name="id"]')?.value;if(s){const r=a.variants.find(o=>o[0]===s);if(r?.[3])return r[3]}}const t=window,i=t.ShopifyAnalytics?.meta?.product?.id??t.meta?.product?.id;return i!=null?String(i):null}function D(a,e){return a.widget.selectors[e]??[]}function N(a,e){return a.replace(/[\d.]+%/,`${e}%`)}function $(a,e){const t=document.createTreeWalker(a,NodeFilter.SHOW_TEXT);let i=t.nextNode();for(;i;){if(i.nodeValue!==null){const s=e(i.nodeValue);if(s!==i.nodeValue){i.nodeValue=s;return}}i=t.nextNode()}}function de(a,e){return a===null?!1:a==="decrease"?!e:e}async function Ue(a){if(a.subscriptionSwapDone)return;const e=a.getActiveAssignment();if(!e)return;const t=a.getHypothesis(e.hypothesisId);if(!t?.subscriptionData)return;a.subscriptionSwapDone=!0;const i=t.subscriptionData,s=t.isControl,r=[...new Set(i.plans.map(d=>d.direction))].join(",");a.log(`[SUB-SWAP] ${s?"A":"B"} side, directions=${r}`);const o=i.plans.some(d=>d.variantId);let n=!1,l=!1;function c(){if(!l){l=!0;try{const d=o?document.querySelector("select[name='id'], input[name='id']")?.value:void 0,{showPlanIds:u,hidePlanIds:h,swapMap:p}=le(i,s,d);a.swapMap=p;const b=D(i,"widgetParent"),E=D(i,"subscriptionPlans"),S=D(i,"subscriptionInput");if(!b.length||!E.length||!S.length)return;const C=document.querySelector(b[0].selector);if(!C?.shadowRoot)return;const _=C.shadowRoot.querySelector(E[0].selector);if(!_?.shadowRoot)return;const T=S[0].selector;let m=null;if(i.widget.widgetType==="buttons"||i.widget.widgetType==="radio"){const y=Array.from(_.shadowRoot.querySelectorAll(T));if(!y.length)return;for(const v of y){const g=v.closest("label");g&&(u.includes(v.value)?g.style.display="":h.includes(v.value)&&(g.style.display="none"))}const w=y.some(v=>u.includes(v.value)&&v.checked),I=y.some(v=>h.includes(v.value)&&v.checked);if((w||I)&&(n=!1),!w&&!n){n=!0;for(const v of y)if(u.includes(v.value)){v.closest("label")?.click(),v.dispatchEvent(new Event("change",{bubbles:!0}));break}}const f=y.find(v=>v.checked);m=f&&u.includes(f.value)?f.value:u[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(I=>u.includes(I.value));w&&(y.value=w.value,y.dispatchEvent(new Event("change",{bubbles:!0})))}m=u.includes(y.value)?y.value:u[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=le(i,s).swapMap,c(),o){const d=document.querySelector("select[name='id'], input[name='id']");d&&d.addEventListener("change",c)}}function B(a){const e=D(a,"widgetParent");return e.length?document.querySelector(e[0].selector)?.shadowRoot??null:null}function Y(a,e){const t=D(a,"subscriptionPlans");return t.length?e.querySelector(t[0].selector)?.shadowRoot??null:null}function Z(a,e){const t=new URLSearchParams(window.location.search).get("variant");if(t)return t;{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,e){return H(a,e.moneyFormat,e.currency,e.currencyCodeEnabled)}function Fe({originalFetch:a,swapMap:e,slptValue:t,getSelectedPlanId:i,log:s}){if(window.fetch.__shoplift_intercepted)return s("[SUB-INTERCEPT] already installed — skipping"),()=>{};function r(n){if(i){const l=i();if(l)return e[l]??l}return e[n]??n}const o=function(n,l){if((typeof n=="string"?n:n instanceof URL?n.href:n.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==="")&&t&&l.body.set("properties[_slpt]",t)}
84else if(typeof l.body=="string"){const d=JSON.parse(l.body);if(d.items)for(const u of d.items){const h=String(u.selling_plan??"");h?u.selling_plan=r(h):!u.selling_plan&&t&&(u.properties||(u.properties={}),u.properties._slpt=t)}else if(d.id){const u=String(d.selling_plan??"");u?d.selling_plan=r(u):!d.selling_plan&&t&&(d.properties||(d.properties={}),d.properties._slpt=t)}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,n,l)};return o.__shoplift_intercepted=!0,window.fetch=o,function(){window.fetch===o&&(window.fetch=a)}}function Be({log:a}){if(window.fetch.__shoplift_intercepted)return a("[SUB-PREVIEW-BLOCK] already installed — skipping"),()=>{};const e=window.fetch,t=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"}}))):e.call(window,i,s)};return t.__shoplift_intercepted=!0,window.fetch=t,function(){window.fetch===t&&(window.fetch=e)}}function pe({data:a,runUpdates:e,debounceMs:t=150}){let i=null;function s(){i&&clearTimeout(i),e(),i=setTimeout(e,t)}let r=null;const o=[],n={childList:!0,subtree:!0,characterData:!0,attributes:!0};function l(h){for(const p of o)p.disconnect();o.length=0;for(const p of Array.from(h.querySelectorAll("*")))if(p.shadowRoot){const b=new MutationObserver(s);b.observe(p.shadowRoot,n),o.push(b)}}function c(){const h=B(a);return h?(r&&r.disconnect(),l(h),r=new MutationObserver(p=>{p.some(b=>b.type==="childList"&&b.addedNodes.length>0)&&l(h),s()}),r.observe(h,n),!0):!1}const d=document.body||document.documentElement,u=new MutationObserver(()=>{c()&&s()});return u.observe(d,{childList:!0,subtree:!0}),c()&&s(),e(),function(){i&&(clearTimeout(i),i=null),u.disconnect(),r&&(r.disconnect(),r=null);for(const p of o)p.disconnect();o.length=0}}async function ze(a){if(a.subscriptionPriceDone)return;const e=a.getActiveAssignment(),t=e?a.getHypothesis(e.hypothesisId):void 0,i=t?.subscriptionData?null:a.findActiveSubscriptionTestControl(),s=t?.subscriptionData?t:i?.hypothesis;if(!s?.subscriptionData)return;const r=t?.subscriptionData?e.testId:i.testId;a.subscriptionPriceDone=!0;const o=s.subscriptionData,n=s.isControl,l=s.priceData,c=o.widget.widgetType;let d=W(l),u=J(o,d),h=u.discountMap,p=u.maxDiscount;function b(){const g=W(l);g!==d&&(d=g,u=J(o,d),h=u.discountMap,p=u.maxDiscount,a.log(`[SUB-PRICE] scope refreshed side=${n?"A":"B"}, currentProductId=${d??"n/a"}, maxDiscount=${p}`))}a.log(`[SUB-PRICE] side=${n?"A":"B"}, currentProductId=${d??"n/a"}, maxDiscount=${p}`),a.updatePriceTestHiddenInputs(r,n?"control":"variant",!1);function E(){if(!l)return null;const g=j(l),P=Z(g),A=ce(o,P,d);if(!de(A,n))return null;const k=P?g.get(P):void 0;return k?{formattedVariantPrice:G(k.priceInCents,l),formattedDiscounted:G(k.priceInCents*(1-p/100),l)}:null}Fe({originalFetch:a.fetch,swapMap:a.swapMap??{},slptValue:a.slptValue??void 0,log:a.log,getSelectedPlanId:()=>{const g=B(o);if(!g)return null;const P=Y(o,g);if(!P)return null;const A=D(o,"subscriptionInput"),k=A.length?A[0].selector:'input[name="rc_plan"]';return P.querySelector(`${k}:checked`)?.value??null}});function S(g){const P=D(o,"subscriptionDiscount");for(const A of P)if(A.selector.includes("badge")||A.selector.includes("__badge")){const k=g.querySelector(A.selector);k?.textContent&&!k.textContent.includes(`${p}%`)&&$(k,x=>N(x,p))}}function C(g){const P=E();if(!P)return;const A=D(o,"subscriptionCompareAt");for(const k of A){const x=g.querySelector(k.selector)||g.querySelector(`[part~="${k.selector}"]`);x?.textContent&&!x.textContent.includes(P.formattedVariantPrice)&&$(x,R=>/\d/.test(R)?P.formattedVariantPrice:R)}}function _(g,P){const A=D(o,"subscriptionCompareAt"),k=P===0?"none":"";for(const x of A){const R=g.querySelector(x.selector)||g.querySelector(`[part~="${x.selector}"]`);R&&(k==="none"?R.style.display!=="none"&&(R.style.display="none"):R.style.display==="none"&&(R.style.display=""))}}function T(g){const P=D(o,"subscriptionInput"),A=P.length?P[0].selector:'input[name="rc_plan"]',k=D(o,"subscriptionPlanDiscount"),x=k.length?k[0].selector:".rc-plans-button__discount";for(const R of Array.from(g.querySelectorAll("label"))){const O=R.querySelector(A),V=R.querySelector(x);
84if(O&&V){const L=h[O.value];if(L!==void 0){if(L===0)V.style.display!=="none"&&(V.style.display="none");else if(V.style.display==="none"&&(V.style.display=""),V.textContent){const Q=V.textContent.match(/[\d.]+%/)?.[0];Q&&Q!==`${L}%`&&$(V,et=>N(et,L))}}}}}function m(g){const P=g.querySelector("select");if(P)for(const A of Array.from(P.options)){const k=h[A.value];if(k!==void 0&&A.textContent){const x=A.textContent.match(/[\d.]+%/)?.[0];x&&x!==`${k}%`&&(A.textContent=N(A.textContent,k))}}}function y(g,P){const k=D(o,"subscriptionDiscount").filter(x=>x.selector.includes("benefit")||x.selector==="rc-benefits");for(const x of k){const R=g.querySelector(x.selector);if(R?.shadowRoot){for(const O of Array.from(R.shadowRoot.querySelectorAll("li")))if(O.textContent?.includes("Save")){const V=O;if(P===0)V.style.display!=="none"&&(V.style.display="none");else{V.style.display==="none"&&(V.style.display="");const L=O.textContent.match(/[\d.]+%/)?.[0];L&&L!==`${P}%`&&$(O,Q=>N(Q,P))}}}}}let w=!1;function I(){if(!w){w=!0;try{if(b(),d!==null&&Object.keys(h).length===0)return;const g=B(o);if(!g)return;S(g),l&&C(g);const P=Y(o,g);let A=p;if(P){const k=D(o,"subscriptionInput"),x=k.length?k[0].selector:'input[name="rc_plan"]',R=P.querySelector(`${x}:checked`);if(R){const O=h[R.value];O!==void 0&&(A=O)}c==="buttons"||c==="radio"?T(P):m(P)}_(g,A),y(g,A)}finally{w=!1}}}function f(){const g=E();if(!g)return;const P=B(o);if(!P)return;const A=D(o,"onetimeToggle"),k=A.length?A[0].selector:'input[value="onetime"]';if(!P.querySelector(k)?.checked)return;const R=D(o,"subscriptionPrice");for(const O of R){const V=P.querySelector(O.selector)||P.querySelector(`[part~="${O.selector}"]`);V?.textContent&&!V.textContent.includes(g.formattedDiscounted)&&$(V,L=>/\d/.test(L)?g.formattedDiscounted:L)}}function v(){a.subscriptionHideWrongPlans&&a.subscriptionHideWrongPlans(),I(),a.subscriptionUpdateOneTime&&a.subscriptionUpdateOneTime(),f()}pe({data:o,runUpdates:v})}async function We(a){if(a.subscriptionOneTimeDone)return;const e=a.getActiveAssignment(),t=e?a.getHypothesis(e.hypothesisId):void 0,i=!!(t?.subscriptionData&&t.priceData),s=i?null:a.findActiveSubscriptionTestControl(),r=i?t:s?.hypothesis;if(!r?.subscriptionData||!r.priceData)return;const o=i?e.testId:s.testId;a.subscriptionOneTimeDone=!0;const n=r.subscriptionData,l=r.priceData,c=j(l),d=r.isControl,u=d?"control":"variant";a.slptValue=`${o}:${u}:f`,a.updatePriceTestHiddenInputs(o,u,!1);function h(){const p=B(n);if(!p)return;const b=Z(c);if(!b)return;const E=W(l),S=ce(n,b,E);if(!de(S,d))return;const C=c.get(b);if(!C)return;const _=H(C.priceInCents,l.moneyFormat,l.currency,l.currencyCodeEnabled),T=D(n,"onetimePrice");if(!T.length)return;const m=D(n,"onetimeContainer"),y=m.length?m[0].selector:'[part~="rc-purchase-option__onetime"]',I=p.querySelector(y)??p;for(const f of T){let v=null;try{v=I.querySelector(f.selector)}catch{v=null}v??=I.querySelector(`[part~="${f.selector}"]`),v&&v.textContent&&!v.textContent.includes(_)&&$(v,g=>/\d/.test(g)?_:g)}}a.subscriptionUpdateOneTime=h,h()}async function Ge(a,e){const{subscriptionPreviewRender:t}=await Ne(async()=>{const{subscriptionPreviewRender:i}=await Promise.resolve().then(()=>Xe);return{subscriptionPreviewRender:i}},void 0);return t(a.subscriptionData,a.priceData,a.isControl,e)}function je(a,e){const t=a.widget.selectors.widgetParent??[],i=a.widget.selectors.subscriptionPlans??[],s=a.widget.selectors.subscriptionInput??[];if(!t.length||!i.length||!s.length){e("[SUB-GLOBAL-HIDE] Missing required selectors — skipping");return}const r=t[0].selector,o=i[0].selector,n=s[0].selector;let l=!1,c=null,d=!1;function u(){if(!d){d=!0;try{h()}finally{d=!1}}}function h(){const C=document.querySelector(r);if(!C?.shadowRoot)return;const _=C.shadowRoot.querySelector(o);if(!_?.shadowRoot)return;_.shadowRoot!==c&&(c=_.shadowRoot,l=!1);let T=0;if(a.widget.widgetType==="buttons"||a.widget.widgetType==="radio"){const m=Array.from(_.shadowRoot.querySelectorAll(n));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",T++)}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})),e(`[SUB-GLOBAL-HIDE] Preselected first visible plan input=${f.value}`)}const I=y.find(f=>f.checked)??y[0];
84if(I){const f=Array.from(document.querySelectorAll('input[name="selling_plan"]'));for(const v of f)v.value!==I.value&&(v.value=I.value,e(`[SUB-GLOBAL-HIDE] Mirrored plan id ${I.value} to form selling_plan input`))}}else if(a.widget.widgetType==="dropdown"){const m=_.shadowRoot.querySelector("select");if(!m)return;for(const I of Array.from(m.options))a.planIds.includes(I.value)&&(I.style.display!=="none"&&(I.style.display="none"),I.disabled||(I.disabled=!0),T++);const y=Array.from(m.options).filter(I=>!a.planIds.includes(I.value)),w=y.some(I=>I.value===m.value);y.length>0&&!w&&!l&&(l=!0,m.value=y[0].value,m.dispatchEvent(new Event("change",{bubbles:!0})),e(`[SUB-GLOBAL-HIDE] Preselected first visible option=${y[0].value}`))}T>0&&e(`[SUB-GLOBAL-HIDE] Hidden ${T} B-side plan buttons`)}const p={childList:!0,subtree:!0,characterData:!0};let b=null;function E(C){b?.disconnect(),b=new MutationObserver(()=>u()),b.observe(C,p)}function S(){const C=document.querySelector(r);if(!C?.shadowRoot)return!1;u(),new MutationObserver(()=>{u();const m=C.shadowRoot.querySelector(o);m?.shadowRoot&&E(m.shadowRoot)}).observe(C.shadowRoot,p);const T=C.shadowRoot.querySelector(o);return T?.shadowRoot&&E(T.shadowRoot),!0}if(!S()){e("[SUB-GLOBAL-HIDE] Widget not in DOM yet — waiting via MutationObserver");const C=new MutationObserver(()=>{S()&&C.disconnect()});C.observe(document.body??document.documentElement,{childList:!0,subtree:!0})}}const ue="Limited preview",Ke="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.",Je=5e3;function Ye(){const a=document.createElement("div");a.id="shoplift-preview-subscription-warning";const e=document.createElement("span");e.id="shoplift-preview-subscription-warning__icon",e.setAttribute("aria-hidden","true"),e.textContent="!";const t=document.createElement("span");t.id="shoplift-preview-subscription-warning__label",t.textContent=ue;const i=document.createElement("div");i.id="shoplift-preview-subscription-warning__tooltip",i.setAttribute("role","tooltip"),i.textContent=Ke,a.appendChild(e),a.appendChild(t),a.appendChild(i),a.setAttribute("tabindex","0"),a.setAttribute("aria-describedby",i.id),a.setAttribute("aria-label",ue);let s=null;function r(){s!==null&&(clearTimeout(s),s=null)}function o(){i.classList.add("shoplift-preview-subscription-warning__tooltip--visible")}function n(){i.classList.remove("shoplift-preview-subscription-warning__tooltip--visible")}function l(){o(),r(),s=setTimeout(()=>{n(),s=null},Je)}function c(){r(),o()}function d(){s===null&&n()}a.addEventListener("mouseenter",c),a.addEventListener("mouseleave",d),a.addEventListener("focus",c),a.addEventListener("blur",d);function u(p){try{const b=p.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",u,!0);function h(){r(),document.removeEventListener("click",u,!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 he=!1;class Ze{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";shop;host;eventHost;disableReferrerOverride;legacySessionKey;cssHideClass;testConfigs;inactiveTestConfigs;hiddenSubscriptionPlans;testsFilteredByAudience;sendPageView;shopliftDebug;gaConfig;telemetryEnabled;getCountryTimeout;geoViaShopify;resolvedRegion=null;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);
84urlParams=new URLSearchParams(window.location.search);device;logHistory;activeViewportObservers=new Map;clientIdRetryCount=0;constructor(e,t,i,s,r,o,n,l,c,d,u,h,p,b=!1){this.shop=e,this.host=t,this.eventHost=i,this.disableReferrerOverride=l,this.logHistory=[],this.legacySessionKey=`SHOPLIFT_SESSION_${this.shop}`,this.cssHideClass=s?"shoplift-hide":"",this.testConfigs=u.map(S=>({...S,startAt:new Date(S.startAt),statusHistory:S.statusHistory.map(C=>({...C,createdAt:new Date(C.createdAt)}))})),this.inactiveTestConfigs=h,this.hiddenSubscriptionPlans=p,this.sendPageView=!!r,this.shopliftDebug=o===!0,this.telemetryEnabled=c===!0,this.geoViaShopify=b===!0,this.gaConfig=n!=={"sendEvents":true,"mode":"gtag"}?n:{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 E=this.getDeviceType();this.device=E!=="tablet"?E:"mobile",this.state=this.loadState(),this.shopifyAnalyticsId=this.getShopifyAnalyticsId(),this.testsFilteredByAudience=u.filter(S=>
84S.status=="active"),this.getCountryTimeout=d===1000?1e3:d,window.__slReadCookie=S=>{const C=this.getCookie(S);if(C===null)return null;try{return decodeURIComponent(C)}catch{return C}},this.log("State Loaded",JSON.stringify(this.state))}deriveCategoryFromExistingTests(){if(!this.state.temporary.testCategory&&this.state.essential.visitorTests.length>0){const e=this.state.essential.visitorTests.some(t=>{if(!t.hypothesisId)return!1;const i=this.getHypothesis(t.hypothesisId);return i&&["theme","basicScript","price"].includes(i.type)});this.state.temporary.testCategory=e?"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 o=this.urlParams.get("isShopliftMerchant")==="true";this.log("Setting merchant session to %s",o),this.state.temporary.isMerchant=o,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,we(navigator.userAgent))return;const e=Date.now(),t=!this.state.temporary.lastSeen||e-this.state.temporary.lastSeen>1800*1e3;(!this.state.temporary.entryPage||t)&&(this.state.temporary.entryPage=K(window.location.href)),this.state.temporary.lastSeen=e,this.persistTemporaryState(),window.__slEntryPage=this.state.temporary.entryPage??"";const i=this.state.essential.visitorTests.filter(o=>o.hypothesisId&&+o.createdAt>Date.now()-6e4);if(i.length===0)this.sendDiagnosticTelemetry("page-landed",null);else for(const o of i)this.sendDiagnosticTelemetry("page-landed",o.testId,{hypothesisId:o.hypothesisId,isControl:o.assignedTo==="control",testType:o.testType??"unknown"});if(navigator.userAgent.includes("Chrome/118")){this.log("Random: %o",[Math.random(),Math.random(),Math.random()]);const o=await this.makeRequest({url:`${this.eventHost}/api/v0/events/ip`,method:"get"}).then(n=>n?.json());this.log(`IP: ${o}`),this.makeRequest({url:`${this.eventHost}/api/v0/logs`,method:"post",data:JSON.stringify(this.debugState(),ee)}).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 o=this.state.temporary.originalReferrer;delete this.state.temporary.originalReferrer,this.persistTemporaryState(),Object.defineProperty(document,"referrer",{get:()=>o,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 r=this.state.essential.visitorTests.some(o=>(o.hypothesisId?this.getHypothesis(o.hypothesisId):void 0)?.subscriptionData!=null)||Object.values(this.state.temporary.testReservations??{}).some(o=>this.getHypothesis(o.hypothesisId)?.subscriptionData!=null);this.hiddenSubscriptionPlans&&!r&&(this.log(`[SUB-GLOBAL] Visitor not in subscription test — hiding ${this.hiddenSubscriptionPlans.planIds.length} B-side plans`),je(this.hiddenSubscriptionPlans,o=>this.log(o))),await this.subscriptionSwap(),await this.subscriptionOneTimePrice(),await this.subscriptionPriceChange(),await this.finalize(),console.log("SHOPLIFT SCRIPT INITIALIZED!")}catch(e){if(e instanceof ie)return;throw e}finally{typeof window.shoplift!="object"&&this.setShopliftStub()}}getVariantColor(e){switch(e){case"a":return{text:"#141414",bg:"#E2E2E2"};case"b":return{text:"rgba(255, 255, 255, 1)",bg:"rgba(37, 99, 235, 1)"}}}getDefaultVariantTitle(e){return e.title?e.title:e.type==="price"?e.isControl?"Original prices":"Variant prices":e.isControl?"Original":"Untitled variant "+e.label.toUpperCase()}
84async initPreview(){const e=this.urlParams.get("previewConfig");if(e){this.state.temporary.previewConfig=void 0,this.log("Setting up the preview"),this.log("Found preview config, writing to temporary state");const t=await Oe(e);if(this.state.temporary.previewConfig=t,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 o=await this.makeJsonRequest({method:"get",url:r}).catch(n=>(this.log("Error getting domSelectors",n),null));if(s.variants.forEach(n=>n.domSelectors=o[n.id]?.domSelectors),s.isDraft){const n=`${this.host}/api/dom-selectors/${s.storeId}/${s.testId}/subscription-preview`,l=await this.makeJsonRequest({method:"get",url:n}).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 t=this.state.temporary.previewConfig;if(t.testTypeCategory===M.Template&&this.handleTemplatePreview(t)&&this.initPreviewControls(t),t.testTypeCategory===M.UrlRedirect&&this.handleUrlPreview(t)&&this.initPreviewControls(t),t.testTypeCategory===M.Script&&this.handleScriptPreview(t)&&this.initPreviewControls(t),t.testTypeCategory===M.Price){const i=await this.handlePricePreview(t);t.isDraft?await this.handleSubscriptionPricePreview(t):await this.handleSubscriptionLivePreview(t),i&&this.initPreviewControls(t)}}}initPreviewControls(e){document.addEventListener("DOMContentLoaded",()=>{const t=e.variants.find(b=>b.id===e.currentVariant),i=t?.label||"a",s=e.variants,r=document.createElement("div");r.id="shoplift-preview-control";const o=document.createElement("div"),n=document.createElement("img");n.src=Ve,n.height=24,n.width=14,o.style.padding="0 16px",o.style.lineHeight="100%",o.appendChild(n),r.appendChild(o);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 u=document.createElement("span");if(u.id="shoplift-preview-variant-title",u.innerText=t?this.getDefaultVariantTitle(t):"Untitled variant "+i.toUpperCase(),c.appendChild(u),s.length>1){const b=document.createElement("img");b.src=De,b.width=12,b.height=12,b.style.height="12px",b.style.width="12px",c.appendChild(b);const E=document.createElement("div");E.className="preview-variant-menu";for(const S of e.variants.filter(C=>C.id!==e.currentVariant)){const C=document.createElement("div");C.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(),C.appendChild(_);const T=document.createElement("span");T.innerText=this.getDefaultVariantTitle(S),C.appendChild(T),C.addEventListener("click",()=>{this.pickVariant(S.id)}),E.appendChild(C)}l.appendChild(E),c.addEventListener("click",()=>{E.className!=="preview-variant-menu preview-variant-menu__visible"?E.classList.add("preview-variant-menu__visible"):E.classList.remove("preview-variant-menu__visible")}),document.addEventListener("click",S=>{S.target instanceof Element&&!c.contains(S.target)&&E.className==="preview-variant-menu preview-variant-menu__visible"&&E.classList.remove("preview-variant-menu__visible")})}else c.style.pointerEvents="none",d.style.margin="0";if(l.appendChild(c),r.appendChild(l),e.hasSubscription){this.subscriptionPreviewWarningCleanup?.();const b=Ye();r.appendChild(b.root),this.subscriptionPreviewWarningCleanup=b.cleanup}const h=document.createElement("div"),p=document.createElement("button");p.id="shoplift-exit-preview-button",p.innerText="Exit",h.appendChild(p),p.addEventListener("click",()=>{this.exitPreview()}),r.appendChild(h),document.body.appendChild(r),requestAnimationFrame(()=>{r.classList.add("visible")})}),this.ensureCartAttributesForExistingPriceTests(!0)}pickVariant(e){if(this.state.temporary.previewConfig){const t=this.state.temporary.previewConfig,i=new URL(window.location.toString());if(t.testTypeCategory===M.UrlRedirect){const s=t.variants.find(r=>r.id===t.currentVariant)?.redirectUrl;if(i.pathname===s){const r=t.variants.find(o=>o.id===e)?.redirectUrl;r&&(i.pathname=r)}}if(t.testTypeCategory===M.Template){const s=t.variants.find(r=>r.id===t.currentVariant)?.pathName;if(s&&i.pathname===s){const r=t.variants.find(o=>o.id===e)?.pathName;r&&r!==s&&(i.pathname=r)}}t.currentVariant=e,this.persistTemporaryState(),this.queueRedirect(i)}}exitPreview(){const e=new URL(window.location.toString());if(this.state.temporary.previewConfig?.testTypeCategory===M.Template&&e.searchParams.delete("view"),this.state.temporary.previewConfig?.testTypeCategory===M.Script&&e.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(e.pathname)&&s&&(e.pathname=s)}this.state.temporary.isMerchant=!1,e.searchParams.delete("isShopliftMerchant"),this.state.temporary.previewConfig=void 0,this.persistTemporaryState(),this.subscriptionPreviewWarningCleanup?.(),this.subscriptionPreviewWarningCleanup=null,this.hidePage(),this.queueRedirect(e)}handleTemplatePreview(e){const t=e.currentVariant,i=e.variants.find(l=>l.id===t);if(!i)return!1;const s=e.variants.find(l=>l.isControl);if(!s)return!1;this.log("Setting up template preview for type",s.type);
84const r=new URL(window.location.toString()),o=r.searchParams.get("view"),n=i.type===s.type;return!n&&!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&&n&&o!==(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)),o!==null&&o!==(i.affix||"__DEFAULT__")&&(r.searchParams.delete("view"),this.hidePage(),this.queueRedirect(r)),!0)}handleUrlPreview(e){const t=e.currentVariant,i=e.variants.find(o=>o.id===t),s=e.variants.find(o=>o.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(e){const t=e.currentVariant,i=e.variants.find(o=>o.id===t);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(e){const t=e.currentVariant,i=e.variants.find(s=>s.id===t);return i?(this.log("Setting up price preview"),i.domSelectors&&i.domSelectors.length>0&&(U(document,{testId:e.testId,hypothesisId:i.id,selectors:i.domSelectors}),this.ensureCartAttributesForExistingPriceTests(!0)),!0):!1}async handleSubscriptionPricePreview(e){const t=e.variants.find(i=>i.id===e.currentVariant);t?.subscriptionData&&(this.log("Setting up subscription price preview"),await Ge({id:t.id,isControl:t.isControl,subscriptionData:t.subscriptionData,priceData:t.priceData},(i,...s)=>this.log(i,...s)))}async handleSubscriptionLivePreview(e){this.testConfigs.find(s=>s.id===e.testId)?.hypotheses.find(s=>s.id===e.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 e=await this.getCartState();e!==null&&this.queueCartUpdate(e),this.pruneStateAndSave(),await this.syncAllEvents()}setShoplift(){this.log("Setting up public API");const t=this.urlParams.get("slVariant")==="true",i=t?null:this.urlParams.get("slVariant");window.shoplift={isHypothesisActive:async s=>{if(this.log("Script checking variant for hypothesis '%s'",s),t)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(n=>n.hypotheses.some(l=>l.id===s));if(!r)return this.log("No test found for hypothesis '%s'",s),!1;const o=this.state.essential.visitorTests.find(n=>n.testId===r.id);return o?(this.log("Active visitor test found",s),o.hypothesisId===s):(await this.manuallySplitVisitor(r),this.testConfigs.some(n=>n.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:o,...n}=s;return n})})}}setShopliftStub(){this.log("Setting up stubbed public API");const t=this.urlParams.get("slVariant")==="true",i=t?null:this.urlParams.get("slVariant");window.shoplift={isHypothesisActive:s=>Promise.resolve(t||s===i),setAnalyticsConsent:()=>Promise.resolve(),getVisitorData:()=>({visitor:null,visitorTests:[]})}}async manuallySplitVisitor(e){this.log("Starting manual split for test '%s'",e.id),await this.handleVisitorTest([e]);const t=this.getReservationForTest(e.id);t&&!t.isRealized&&t.entryCriteriaKey&&(this.log("Realizing manual API reservation for test '%s'",e.id),this.realizeReservationForCriteria(t.entryCriteriaKey)),this.saveState(),this.syncAllEvents()}async handleVisitorTest(e){await this.filterTestsByAudience(this.testConfigs,this.state.analytics.visitor??this.buildBaseVisitor(),this.state.essential.visitorTests),this.pruneStaleVisitorTests(),this.deriveC
84ategoryFromExistingTests(),this.clearStaleReservations();let t=e?e.filter(i=>this.testsFilteredByAudience.some(s=>s.id===i.id)):[...this.testsForUrl(this.testsFilteredByAudience),...this.domTestsForUrl(this.testsFilteredByAudience)];try{if(t.length===0)return this.log("No tests found"),!1;this.log("Checking for existing visitor test on page");const i=this.getCurrentVisitorHypothesis(t);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,u=c.length,h=d+u,p=Math.random()*h;this.state.temporary.testCategory=p<d?"global":"conditional",this.log("Category dice roll: rolled %.2f of %d (global weight: %d, conditional weight: %d), selected '%s'",p,h,d,u,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 o=this.state.temporary.testCategory;if(this.log("Visitor test category: %s",o),o==="global"){const l=this.testsFilteredByAudience.filter(c=>!this.isGlobalEntryCriteria(this.getEntryCriteriaKey(c)));for(const c of l)this.markTestAsBlocked(c,"category:global");t=t.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");t=t.filter(c=>!this.isGlobalEntryCriteria(this.getEntryCriteriaKey(c)))}if(t.length===0)return this.log("No tests remaining after category filter"),!1;this.createReservations(t);const n=this.getReservationForCurrentPage();if(n&&!n.isRealized){const l=this.getHypothesis(n.hypothesisId);if(l){l.type!=="price"&&this.realizeReservationForCriteria(n.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 e=this.getDomTestsForCurrentUrl(),t=this.getVisitorDomHypothesis(e);for(const i of e){this.log("Evaluating dom test '%s'",i.id);const s=i.hypotheses.some(p=>p.type==="price");if(this.state.essential.visitorTests.find(p=>p.testId===i.id&&p.isInvalid&&!p.hypothesisId)){if(this.log("Visitor is blocked from test '%s', applying control prices if price test",i.id),s){const p=i.hypotheses.find(b=>b.isControl);p?.priceData&&(this.applyPriceTestWithMapLookup(i.id,p,[p],()=>{this.log("Control prices applied for blocked visitor, no metrics tracked")}),this.updatePriceTestHiddenInputs(i.id,"control",!1))}continue}const o=this.getReservationForTest(i.id);let n=null,l=!1;const c=t.find(p=>i.hypotheses.some(b=>p.id===b.id));if(o)n=this.getHypothesis(o.hypothesisId)??null,this.log("Using reserved hypothesis '%s' for test '%s'",o.hypothesisId,i.id);else if(c)n=c,this.log("Using existing hypothesis assignment for test '%s'",i.id);else if(s){const p=this.visitorActiveTestTypeWithReservations();p?(l=!0,this.log("Visitor already in test type '%s', treating as non-test for price test '%s'",p,i.id)):n=this.pickHypothesis(i)}else n=this.pickHypothesis(i);if(l&&s){const p=i.hypotheses.find(b=>b.isControl);p?.priceData&&(this.log("Applying control prices for non-test visitor on price test '%s' (Map-based)",i.id),this.applyPriceTestWithMapLookup(i.id,p,[p],()=>{this.log("Control prices applied for non-test visitor, no metrics tracked")}
84),this.updatePriceTestHiddenInputs(i.id,"control",!1));continue}if(!n){this.log("Failed to pick hypothesis for test");continue}this.sendDiagnosticTelemetry("assignment",i.id,{hypothesisId:n.id,isControl:n.isControl,testType:n.type});const d=i.bayesianRevision??4,u=n.type==="price",h=d>=5;if(u&&h){if(this.log(`Price test with Map-based lookup (v${d}): ${i.id}`),!n.priceData){this.log("No price data for hypothesis '%s', skipping",n.id);continue}const p=n.isControl?"control":"variant";this.log(`Setting up Map-based price test for ${p} (test: ${i.id})`),this.applyPriceTestWithMapLookup(i.id,n,i.hypotheses,b=>{const E=this.getReservationForTest(b);E&&!E.isRealized&&E.entryCriteriaKey?this.realizeReservationForCriteria(E.entryCriteriaKey):this.queueAddVisitorToTest(b,n),this.saveState(),this.queuePageView(window.location.pathname),this.syncAllEvents()});continue}if(u&&!h){this.log(`Price test without viewport tracking (v${d}): ${i.id}`);const p=this.getDomSelectorsForHypothesis(n);if(p.length===0)continue;U(document,{testId:i.id,hypothesisId:n.id,selectors:p},b=>{this.queueAddVisitorToTest(b,n),this.saveState(),this.queuePageView(window.location.pathname),this.syncAllEvents()});continue}if(!n.domSelectors||n.domSelectors.length===0){this.log("No selectors found, skipping hypothesis");continue}U(document,{testId:i.id,hypothesisId:n.id,selectors:n.domSelectors},p=>{this.queueAddVisitorToTest(p,n),this.saveState(),this.queuePageView(window.location.pathname),this.syncAllEvents()})}}considerRedirect(e){if(this.log("Considering redirect for hypothesis '%s'",e.id),e.isControl)return this.log("Skipping redirect for control"),!1;if(e.type==="basicScript"||e.type==="manualScript")return this.log("Skipping redirect for script test"),!1;const t=this.state.essential.visitorTests.find(o=>o.hypothesisId===e.id),i=new URL(window.location.toString()),r=new URLSearchParams(window.location.search).get("view");if(e.type==="theme"){if(!(e.themeId===themeId)){if(this.log("Theme id '%s' is not hypothesis theme ID '%s'",e.themeId,themeId),this.isAppProxyPath())return this.log("On App Proxy path, skipping theme redirect to avoid infinite loop"),!1;if(t&&t.themeId!==e.themeId&&(t.themeId===themeId||!this.isThemePreview()))this.log("On old theme, redirecting and updating local visitor"),t.themeId=e.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(e.type!=="dom"&&e.type!=="price"&&e.affix!==template.suffix&&e.affix!==r||e.redirectPath&&!i.pathname.endsWith(e.redirectPath))return this.log("Hiding page to redirect for template test"),this.hidePage(),!0;return this.log("Not redirecting"),!1}redirect(e){if(this.log("Redirecting to hypothesis '%s'",e.id),e.isControl)return;const t=new URL(window.location.toString());if(t.searchParams.delete("view"),e.redirectPath){const n=RegExp("^(/w{2}-w{2})/").exec(t.pathname);if(n&&n.length>1){const l=n[1];t.pathname=`${l}${e.redirectPath}`}else t.pathname=e.redirectPath}else e.type==="theme"?(t.searchParams.set("_ab","0"),t.searchParams.set("_fd","0"),t.searchParams.set("_sc","1"),t.searchParams.set("preview_theme_id",e.themeId.toString())):e.type!=="urlRedirect"&&t.searchParams.set("view",e.affix);const i=this.state.essential.visitorTests.find(n=>n.hypothesisId===e.id)?.testId,s=t.pathname+t.search,r=window.location.pathname+window.location.search,o=K(t.hash);if(i&&s!==r&&!o){const n=qe(),l=He({v:2,t:i,n,fh:Me(window.location.pathname+window.location.search)});t.hash=`slr-${n}`;const c=new Date(Date.now()+3e4).toUTCString();document.cookie=`shoplift_redirect=${l};domain=.${window.location.hostname};path=/;SameSite=Strict;expires=${c}`}s===r&&this.showPage(),this.queueRedirect(t)}async refreshVisitor(e){if(e===null||!this.state.essential.isFirstLoad||!this.testConfigs.some(i=>i.visitorOption!=="all"))return;this.log("Refreshing visitor"),this.hidePage();const t=await this.getVisitor(e);t&&t.id&&this.updateLocalVisitor(t)}buildBaseVisitor(){return{shopifyAnalyticsId:this.shopifyAnalyticsId,device:this.device,country:null,...this.state.essential.initialState}}getInitialState(){const e=this.getUTMValue("utm_source")??"",t=this.getUTMValue("utm_medium")??"",i=this.getUTMValue("utm_campaign")??"",s=this.getUTMValue("utm_content")??"",r=window.document.referrer,o=this.device;return{createdAt:new Date,utmSource:e,utmMedium:t,utmCampaign:i,utmContent:s,referrer:r,device:o}}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(e=>e.isThemeTest&&e.hypothesisId!=null&&this.getHypothesis(e.hypothesisId)&&e.themeId===themeId)?(this.log("On active theme test, remov
84ing theme bar"),this.clearThemeBar(!1,!0,this.state),!1):this.state.essential.visitorTests.some(e=>e.isThemeTest&&e.hypothesisId!=null&&!this.getHypothesis(e.hypothesisId)&&e.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(e=>e.hypotheses.some(t=>t.themeId===themeId))?(this.log("Current theme is an inactive theme test, redirecting to main theme"),this.redirectToMainTheme(),!0):this.testConfigs.some(e=>e.hypotheses.some(t=>t.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 e=new URL(window.location.toString());e.searchParams.set("preview_theme_id",""),this.queueRedirect(e)}testsForUrl(e){const t=new URL(window.location.href),i=this.typeFromTemplate();return e.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&&t.pathname.endsWith(r.redirectPath)||r.type==="basicScript"))&&(s.ignoreTestViewParameterEnforcement||!t.searchParams.has("view")||s.hypotheses.map(r=>r.affix).includes(t.searchParams.get("view")??"")))}domTestsForUrl(e){const t=new URL(window.location.href);return e.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(se(r)).test(K(t.toString())))))}async filterTestsByAudience(e,t,i){const s=[],r=e.some(n=>(n.requiresRegion||this.geoViaShopify&&n.requiresCountry)&&!i.some(l=>l.testId===n.id));this.resolvedRegion===null&&r&&(this.log("Hiding page to wait for Shopify region resolution"),this.hidePage(),await this.waitForResolvedRegion()),window.__slRegion=this.resolvedRegion??"";let o=t.country;this.geoViaShopify?o=this.resolvedRegion?this.resolvedRegion.slice(0,2):o:!o&&e.some(n=>n.requiresCountry&&!i.some(l=>l.testId===n.id))&&(this.log("Hiding page to check geoip"),this.hidePage(),o=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 e){if(this.log("Checking audience for test '%s'",n.id),this.state.essential.visitorTests.some(d=>d.testId===n.id&&d.hypothesisId==null)){console.log(`Skipping blocked test '${n.id}'`);continue}const l=this.visitorCreatedDuringTestActive(n.statusHistory);(i.some(d=>d.testId===n.id&&(n.device==="all"||n.device===t.device&&n.device===this.device))||this.isTargetAudience(n,t,l,o))&&(this.log("Visitor is in audience for test '%s'",n.id),s.push(n))}this.testsFilteredByAudience=s}async waitForResolvedRegion(e=1500,t=50){const i=Date.now();for(;this.resolvedRegion===null&&Date.now()-i<e;)await new Promise(s=>window.setTimeout(s,t))}isTargetAudience(e,t,i,s){const r=this.getChannel(t);return(e.device==="all"||e.device===t.device&&e.device===this.device)&&(e.visitorOption==="all"||e.visitorOption==="new"&&i||e.visitorOption==="returning"&&!i)&&(e.targetAudiences.length===0||e.targetAudiences.reduce((o,n)=>o||n.reduce((l,c)=>l&&c(t,i,r,s),!0),!1))}visitorCreatedDuringTestActive(e){let t="";for(const i of e){if(this.state.analytics.visitor!==null&&this.state.analytics.visitor.createdAt<i.createdAt||this.state.essential.initialState.createdAt<i.createdAt)break;t=i.status}return t==="active"}getDomTestsForCurrentUrl(){return this.domTestsForUrl(this.testsFilteredByAudience)}getCurrentVisitorHypothesis(e){return e.flatMap(t=>t.hypotheses).find(t=>t.type!=="dom"&&t.type!=="price"&&this.state.essential.visitorTests.some(i=>i.hypothesisId===t.id))}getVisitorDomHypothesis(e){return e.flatMap(t=>t.hypotheses).filter(t=>(t.type==="dom"||t.type==="price")&&this.state.essential.visitorTests.some(i=>i.hypothesisId===t.id))}getHypothesis(e){return this.testConfigs.filter(t=>t.hypotheses.some(i=>i.id===e)).map(t=>t.hypotheses.find(i=>i.id===e))[0]}getActiveAssignment(){if(this.state.temporary.isMerchant&&this.state.temporary.previewConfig){const t=this.state.temporary.previewConfig;return t.currentVariant&&t.testId?{testId:t.testId,hypothesisId:t.currentVariant}:null}const e=this.state.essential.visitorTests.find(t=>t.hypothesisId);return e?.hypothesisId?{testId:e.testId,hypothesisId:e.hypothesisId}:null}findActiveSubscriptionTestControl(){for(const e of this.testConfigs){const t=e.hypotheses.find(i=>i.isControl);if(t?.subscriptionData)return{testId:e.id,hypothesis:t}}return null}getDomSelectorsForHypothesis(e){if(!e)return[];if(e.domSelectors&&e.domSelectors.length>0)return e.domSelectors;if(e.priceData){const t=`${this.priceSelectorsSessionKey}_${e.id}`;try{const s=sessionStorage.getItem(t);if(s){const r=JSON.parse(s);return e.domSelectors=r,this.log("Loaded %d price selectors from cache for hypothesis '%s'",r.length,e.id),r}}catch{}const i=$e(e.priceData);e.domSelectors=i;try{sessionStorage.setItem(t,JSON.stringify(i)),this.log("Generated and cached %d price selectors for hypothesis '%s'",i.length,e.id)}catch{this.log("Generated %d price selectors for hypothesis '%s' (cache unavailable)",i.length,e.id)}return i}return[]}hasThemeTest(e){return e.some(t=>t.hypotheses.some(i=>i.type==="theme"))}hasTestThatIsNotThemeTest(e){return e.some(t=>t.hypotheses.some(i=>i.type!=="theme"&&i.type!=="dom"&&i.type!=="price"))}hasThemeAndOtherTestTypes(e){return this.hasThemeTest(e)&&this.hasTestThatIsNotThemeTest(e)}testIsPaused(e){return e.status==="paused"||e.status==="incompatible"||e.status==="suspended"}visitorActiveTestType(){const e=this.state.essential.visitorTests.filter(t=>this.testConfigs.some(i=>i.hypotheses.some(s=>s.id==t.hypothesisId)));return e.length===0?null:e.some(t=>t.isThemeTest)?"theme":"templateOrUrlRedirect"}getReservationType(e){return e==="price"||this.isTemplateTestType(e)?"deferred":"immediate"}isTemplateTestType(e){return["product","collection","landing","index","cart","search","blog","article","collectionList"].includes(e)}getEntryCriteriaKey(e){const t=e.hypotheses.find(i=>i.isControl);if(!t)return`unknown:${e.id}`;switch(t.type){case"theme":return"global:theme";case"basicScript":return"global:autoApi";case"price":return"global:price";case"manualScript":return`conditional:manualApi:${e.id}`;case"urlRedirect":return`conditional:url:${t.redirectPath||"unknown"}`;default:return`conditional:template:${t.type}`}}isGlobalEntryCriteria(e){return e.startsWith("global:")}groupTestsByEntryCriteria(e){const t=new Map;for(const i of e){const s=this.getEntryCriteriaKey(i),r=t.get(s)||[];r.push(i),t.set(s,r)}return t}doesCurrentPageMatchEntryCriteria(e){if(this.isGlobalEntryCriteria(e))return!0;
84if(e==="conditional:manualApi")return!1;if(e.startsWith("conditional:url:")){const t=e.replace("conditional:url:","");return window.location.pathname.endsWith(t)}if(e.startsWith("conditional:template:")){const t=e.replace("conditional:template:","");return this.typeFromTemplate()===t}return!1}hasActiveReservation(){const e=this.getActiveReservations();return Object.values(e).some(t=>!t.isRealized)}getActiveReservation(){const e=this.getActiveReservations();return Object.values(e).find(t=>!t.isRealized)??null}clearStaleReservations(){const e=this.state.temporary.testReservations;if(!e)return;let t=!1;for(const[i,s]of Object.entries(e)){const r=this.testConfigs.find(n=>n.id===s.testId);if(!r){this.log("Test '%s' no longer in config, clearing reservation for criteria '%s'",s.testId,i),delete e[i],t=!0;continue}if(r.status!=="active"){this.log("Test '%s' status is '%s', clearing reservation for criteria '%s'",s.testId,r.status,i),delete e[i],t=!0;continue}this.testsFilteredByAudience.some(n=>n.id===s.testId)||(this.log("Visitor no longer passes audience for test '%s', clearing reservation for criteria '%s'",s.testId,i),delete e[i],t=!0)}t&&this.persistTemporaryState()}createReservations(e){if(this.state.temporary.testReservations||(this.state.temporary.testReservations={}),this.state.temporary.rolledEntryCriteria||(this.state.temporary.rolledEntryCriteria=[]),this.state.temporary.testCategory==="global"){this.createSingleReservation(e,"global");return}const i=e.filter(n=>this.doesCurrentPageMatchEntryCriteria(this.getEntryCriteriaKey(n))),s=e.filter(n=>!this.doesCurrentPageMatchEntryCriteria(this.getEntryCriteriaKey(n)));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(n=>({id:n.id,title:n.title,criteria:this.getEntryCriteriaKey(n)})));const r=`conditional:current-page:${this.typeFromTemplate()}`;if(i.length>0&&!this.state.temporary.rolledEntryCriteria.includes(r)){this.createSingleReservation(i,r);for(const n of i){const l=this.getEntryCriteriaKey(n);this.state.temporary.rolledEntryCriteria.includes(l)||this.state.temporary.rolledEntryCriteria.push(l)}}const o=this.groupTestsByEntryCriteria(s);for(const[n,l]of o){if(this.state.temporary.rolledEntryCriteria.includes(n)){this.log("Already rolled for criteria '%s', skipping",n);continue}if(l.some(S=>this.state.essential.visitorTests.some(C=>C.testId===S.id))){this.log("Visitor already has VT for criteria '%s', skipping",n),this.state.temporary.rolledEntryCriteria.push(n);continue}const d=[...l].sort((S,C)=>S.id.localeCompare(C.id));this.log("Test dice roll for criteria '%s' - available tests: %o",n,d.map(S=>({id:S.id,title:S.title})));const u=Math.floor(Math.random()*d.length),h=d[u];this.log("Test dice roll: picked index %d of %d, selected test '%s' (%s)",u+1,l.length,h.id,h.title);const p=this.pickHypothesis(h);if(!p){this.log("No hypothesis picked for test '%s'",h.id);continue}this.sendDiagnosticTelemetry("assignment",h.id,{hypothesisId:p.id,isControl:p.isControl,testType:p.type});const b=this.getReservationType(p.type),E={testId:h.id,hypothesisId:p.id,testType:p.type,reservationType:b,isThemeTest:p.type==="theme",themeId:p.themeId,createdAt:new Date,isRealized:!1,entryCriteriaKey:n};this.state.temporary.testReservations[n]=E,this.state.temporary.rolledEntryCriteria.push(n),this.log("Created %s reservation for test '%s' (criteria: %s)",b,h.id,n);for(const S of l)S.id!==h.id&&this.markTestAsBlocked(S,n)}this.persistTemporaryState()}createSingleReservation(e,t){if(this.state.temporary.rolledEntryCriteria.includes(t)){this.log("Already rolled for pool '%s', skipping",t);return}if(e.some(u=>this.state.essential.visitorTests.some(h=>h.testId===u.id&&!h.isInvalid))){this.log("Visitor already has VT for pool '%s', skipping",t),this.state.temporary.rolledEntryCriteria.push(t);return}if(e.length===0){this.log("No tests in pool '%s'",t);return}const s=[...e].sort((u,h)=>u.id.localeCompare(h.id));this.log("Test dice roll for pool '%s' - available tests: %o",t,s.map(u=>({id:u.id,title:u.title,criteria:this.getEntryCriteriaKey(u)})));const r=Math.floor(Math.random()*s.length),o=s[r];this.log("Test dice roll: picked index %d of %d, selected test '%s' (%s)",r,e.length,o.id,o.title);const n=this.pickHypothesis(o);if(!n){this.log("No hypothesis picked for test '%s'",o.id);return}this.sendDiagnosticTelemetry("assignment",o.id,{hypothesisId:n.id,isControl:n.isControl,testType:n.type});const l=this.getReservationType(n.type),c=this.getEntryCriteriaKey(o),d={testId:o.id,hypothesisId:n.id,testType:n.type,reservationType:l,isThemeTest:n.type==="theme",themeId:n.themeId,createdAt:new Date,isRealized:!1,entryCriteriaKey:c};this.state.temporary.testReservations[c]=d,this.state.temporary.rolledEntryCriteria.push(t),this.log("Created %s reservation for test '%s' from pool '%s' (criteria: %s)",l,o.id,t,c);for(const u of e)u.id!==o.id&&this.markTestAsBlocked(u,`pool:${t}`);this.persistTemporaryState()}markTestAsBlocked(e,t){this.state.essential.visitorTests.some(i=>i.testId===e.id)||(this.log("Blocking visitor from test '%s' (reason: %s)",e.id,t),this.state.essential.visitorTests.push({createdAt:new Date,testId:e.id,hypothesisId:null,isThemeTest:e.hypotheses.some(i=>
84i.type==="theme"),shouldSendToGa:!1,isSaved:!0,isInvalid:!0,themeId:void 0}))}realizeReservationForCriteria(e){const t=this.state.temporary.testReservations?.[e];if(!t)return this.log("No reservation found for criteria '%s'",e),!1;if(t.isRealized)return this.log("Reservation already realized for criteria '%s'",e),!1;if(this.state.essential.visitorTests.some(s=>s.testId===t.testId&&!s.isInvalid))return this.log("Visitor already assigned to test '%s'",t.testId),!1;const i=this.getHypothesis(t.hypothesisId);return i?(t.isRealized=!0,this.persistTemporaryState(),this.queueAddVisitorToTest(t.testId,i),this.saveState(),this.log("Realized reservation for test '%s' (criteria: %s)",t.testId,e),!0):(this.log("Hypothesis '%s' not found",t.hypothesisId),!1)}getActiveReservations(){return this.state.temporary.testReservations??{}}getReservationForCurrentPage(){const e=this.getActiveReservations();for(const[t,i]of Object.entries(e)){if(i.isRealized)continue;const s=this.testConfigs.find(r=>r.id===i.testId);if(!(!s||s.status!=="active")&&this.doesCurrentPageMatchEntryCriteria(t))return i}return null}getReservationForTest(e){const t=this.getActiveReservations();return Object.values(t).find(i=>i.testId===e)??null}getReservationTestType(){const e=this.getActiveReservations(),t=Object.values(e);if(t.length===0)return null;for(const i of t)if(i.isThemeTest)return"theme";for(const i of t)if(i.testType==="price")return"price";return t.some(i=>!i.isRealized)?"templateOrUrlRedirect":null}hasPriceTests(e){return e.some(t=>t.hypotheses.some(i=>i.type==="price"))}_priceTestProductIds=null;getPriceTestProductIds(){if(this._priceTestProductIds)return this._priceTestProductIds;const e=new Set;for(const t of this.testConfigs)for(const i of t.hypotheses)if(i.type==="price"){for(const s of i.domSelectors||[]){const r=s.cssSelector.match(/data-sl-attribute-(?:p|cap)="(\d+)"/);r?.[1]&&e.add(r[1])}if(i.priceData?.variants)for(const[s]of i.priceData.variants)e.add(s)}return this._priceTestProductIds=e,this.log("Built price test product ID cache with %d products",e.size),e}isProductInAnyPriceTest(e){return this.getPriceTestProductIds().has(e)}visitorActiveTestTypeWithReservations(){const e=this.getActiveReservations();for(const r of Object.values(e)){if(r.isThemeTest)return"theme";if(r.testType==="price")return"price"}if(Object.values(e).some(r=>!r.isRealized)){if(this.state.temporary.testCategory==="global")for(const o of Object.values(e)){if(o.testType==="theme")return"theme";if(o.testType==="price")return"price";if(o.testType==="basicScript")return"theme"}return"templateOrUrlRedirect"}const i=this.state.essential.visitorTests.filter(r=>!r.isInvalid&&this.testConfigs.some(o=>o.hypotheses.some(n=>n.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 e=this.testConfigs.filter(s=>s.status==="active"&&s.hypotheses.some(r=>r.type==="price"));if(e.length===0)return;const t=this.testsFilteredByAudience.filter(s=>s.hypotheses.some(r=>r.type==="price")),i=e.filter(s=>!t.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),o=this.getDomSelectorsForHypothesis(r);if(o.length===0){this.log("No control selectors for audience-filtered price test '%s'",s.id);continue}const n=new URL(window.location.href);o.some(c=>{try{return new RegExp(se(c)).test(K(n.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:o},()=>{}),this.updatePriceTestHiddenInputs(s.id,"control",!1))}}}pickHypothesis(e){let t=Math.random();const i=e.hypotheses.reduce((r,o)=>r+o.visitorCount,0);return e.hypotheses.sort((r,o)=>r.isControl?o.isControl?0:-1:o.isControl?1:0).reduce((r,o)=>{if(r!==null)return r;const l=e.hypotheses.reduce((c,d)=>c&&d.visitorCount>20,!0)?o.visitorCount/i-o.trafficPercentage:0;return t<=o.trafficPercentage-l?o:(t-=o.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(e){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(e),0),window.setTimeout(()=>{this.syncAllEvents()},2e3)}scheduleRetrySync(){this.clientIdRetryCount>=5||(this.clientIdRetryCount++,window.setTimeout(()=>{this.syncAllEvents()},500))}async syncAllEvents(){const e=async()=>
84{if(this.isSyncing){window.setTimeout(()=>{(async()=>await e())()},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 e()}async syncEvents(){if(!this.state.essential.consentApproved||!this.shopifyAnalyticsId||this.state.analytics.queue.length===0)return;const e=this.state.analytics.queue.length,t=this.state.analytics.queue.splice(0,e);this.log("Syncing %s events",e);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 be(r.testId,r.hypothesisId,r.createdAt)).concat(t)};await this.sendEvents(i);for(const r of this.state.essential.visitorTests.filter(o=>!o.isInvalid&&!o.isSaved&&o.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(o=>!o.isInvalid&&!o.isSaved))r.isSaved=!0,r.savedAt=Date.now()}catch{this.state.analytics.queue.splice(0,0,...t)}finally{this.saveState()}}syncGAEvents(){if(!this.gaConfig.sendEvents){if(he)return;he=!0,this.log("UseGtag is false — skipping GA Events");return}if(this.isSyncingGA){this.log("Already syncing GA - skipping GA events");return}const e=this.state.essential.visitorTests.filter(t=>t.shouldSendToGa);e.length!==0&&(this.isSyncingGA=!0,this.log("Syncing %s GA Events",e.length),Promise.allSettled(e.map(t=>this.sendGAEvent(t))).then(()=>this.log("All gtag events sent")).finally(()=>this.isSyncingGA=!1))}sendGAEvent(e){return new Promise(t=>{this.log("Sending GA Event for test %s, hypothesis %s",e.testId,e.hypothesisId);const i=()=>{this.log("GA acknowledged event for hypothesis %s",e.hypothesisId),e.shouldSendToGa=!1,this.persistEssentialState(),t()},s={exp_variant_string:`SL-${e.testId}-${e.hypothesisId}`};
84this.shopliftDebug&&Object.assign(s,{debug_mode:!0});function r(o,n,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(e){let t;({visitorTests:t,...this.state.analytics.visitor}=e),this.log("updateLocalVisitor - server returned %d tests: %o",t.length,t.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)&&!t.some(o=>o.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 t){const r=this.state.essential.visitorTests.findIndex(n=>n.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 n=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,n?.hypothesisId,s.hypothesisId,n?.isInvalid),s.isInvalid=!1,s.shouldSendToGa=n?.shouldSe
84ndToGa??!1,s.testType=n?.testType,s.assignedTo=n?.assignedTo,s.testTitle=n?.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(e){try{return await this.makeJsonRequest({method:"get",url:`${this.eventHost}/api/v0/visitors/by-key/${this.shop}/${e}`})}catch{return null}}async sendEvents(e){await this.makeRequest({method:"post",url:`${this.eventHost}/api/v0/events`,data:JSON.stringify(e)})}sendDiagnosticTelemetry(e,t,i){if(!this.telemetryEnabled||!navigator.sendBeacon)return;const s=this.state.essential.consentApproved,r=JSON.stringify({shop:this.shop,testId:t,checkpoint:e,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(e){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]===e)return r[1]||null}return null}hidePage(e){this.log("Hiding page"),this.cssHideClass&&!window.document.documentElement.classList.contains(this.cssHideClass)&&(window.document.documentElement.classList.add(this.cssHideClass),e||setTimeout(this.removeAsyncHide(this.cssHideClass),2e3))}showPage(){this.cssHideClass&&this.removeAsyncHide(this.cssHideClass)()}getDeviceType(){function e(){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 t(){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 )|
84sy(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 e()?"mobile":t()?"tablet":"desktop"}removeAsyncHide(e){return()=>{e&&window.document.documentElement.classList.remove(e)}}async getCartState(){try{let e=await this.makeJsonRequest({method:"get",url:`${window.location.origin}/cart.js`});return e===null||(e.note===null&&(e=await this.makeJsonRequest({method:"post",url:`${window.location.origin}/cart/update.js`,data:JSON.stringify({note:""})})),e==null)?null:{token:e.token,total_price:e.total_price,total_discount:e.total_discount,currency:e.currency,items_subtotal_price:e.items_subtotal_price,items:e.items.map(t=>({quantity:t.quantity,variant_id:t.variant_id,key:t.key,price:t.price,final_line_price:t.final_line_price,sku:t.sku,product_id:t.product_id}))}}catch(e){return this.log("Error sending cart info",e),null}}ensureCartAttributesForExistingPriceTests(e){try{if(this.log("Checking visitor assignments for active price tests"),e&&this.state.temporary.previewConfig){const t=this.state.temporary.previewConfig;this.log("Using preview config for merchant:",t.testId);let i="variant";if(t.variants&&t.variants.length>0){const s=t.variants.find(r=>r.id===t.currentVariant);s&&s.isControl&&(i="control")}this.log("Merchant preview - updating hidden inputs:",t.testId,i),this.updatePriceTestHiddenInputs(t.testId,i,!0);return}for(const t of this.state.essential.visitorTests){const i=this.testConfigs.find(o=>o.id===t.testId);if(!i){this.log("Test config not found:",t.testId);continue}const s=i.hypotheses.find(o=>o.id===t.hypothesisId);if(!s||s.type!=="price")continue;const r=s.isControl?"control":"variant";this.log("Updating hidden inputs for price test:",t.testId,r),this.updatePriceTestHiddenInputs(t.testId,r,e)}}catch(t){this.log("Error ensuring cart attributes for existing price tests:",t)}}subscriptionSwapDone=!1;subscriptionHideWrongPlans=null;subscriptionPriceDone=!1;subscriptionUpdateOneTime=null;subscriptionOneTimeDone=!1;swapMap=null;slptValue=null;async subscriptionSwap(){await Ue(this)}async subscriptionPriceChange(){await ze(this)}async subscriptionOneTimePrice(){await We(this)}updatePriceTestHiddenInputs(e,t,i){try{this.cleanupPriceTestObservers();const s=`${e}:${t}:${i?"t":"f"}`,r=T=>{const m=T.getAttribute("data-sl-pid");if(!m)return!0;if(i&&this.state.temporary.previewConfig){const w=this.state.temporary.previewConfig,I=t==="control"?"a":"b",f=w.variants.find(v=>v.label===I);if(!f)return!1;for(const v of f.domSelectors||[]){const g=v.cssSelector.match(/data-sl-attribute-(?:p|cap)="(\d+)"/);if(g){const P=g[1];if(this.log(`Extracted ID from selector: ${P}, comparing to: ${m}`),P===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:",I),!1}const y=this.testConfigs.find(w=>w.id===e);if(!y)return this.log("Test config not found for testId:",e),!1;for(const w of y.hypotheses||[]){for(const I of w.domSelectors||[]){const f=I.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:",e),!0}if(w.priceData?.variants){for(const I of w.priceData.variants)if(I[0]===m)return this.log("Product ID match found in priceData:",m,"for test:",e),!0}}return this.log("No product ID match for:",m,"in test:",e),!1},o=new Set;let n=!1,l=null;const c=(T,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{T.observe(w,{childList:!0,subtree:!0,characterData:!0,characterDataOldValue:!0,attributes:!1})}catch(I){this.log(`Failed to observe element (${m}):`,I)}}),document.body&&document.body.isConnected)try{T.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=(T,m,y,w)=>{const I=T.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: ${T.length}, filtered: ${I.length}`),I.length>0&&U(document,{testId:e,hypothesisId:m,selectors:I})},u=(T,m)=>{this.log(`Applying DOM selector changes for product ID: ${T}`),m.disconnect(),n=!0;try{if(i&&this.state.temporary.previewConfig){const y=t==="control"?"a":"b",w=this.state.temporary.previewConfig.variants.find(I=>I.label===y);if(!w?.domSelectors){this.log(`No DOM selectors found for preview variant: ${y}`);return}d(w.domSelectors,w.id,"preview config",T)}else{const y=this.testConfigs.find(I=>I.id===e);if(!y){this.log(`No test config found for testId: ${e}`);return}const w=y.hypotheses.find(I=>t==="control"?I.isControl:!I.isControl);if(!w?.domSelectors){this.log(`No DOM selectors found for assignment: ${t}`);return}d(w.domSelectors,w.id,"live config",T)}}finally{l!==null&&clearTimeout(l),l=window.setTimeout(()=>{n=!1,l=null,c(m,"reconnection"),this.log("Re-established innerHTML observer after DOM changes")}
84,50)}},h=new MutationObserver(T=>{if(!n)for(const m of T){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,I=w.getAttribute("data-sl-attribute-p");for(;!I&&w.parentElement;)w=w.parentElement,I=w.getAttribute("data-sl-attribute-p");if(!I)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="${I}"`),v&&this.log(`Previous content: "${v}"`),this.log(`Current content: "${f}"`),u(I,h)}});c(h,"initial setup"),o.add(h);const p=new MutationObserver(T=>{T.forEach(m=>{m.addedNodes.forEach(y=>{if(y.nodeType===Node.ELEMENT_NODE){const w=y;E(w);const I=w.matches('input[name="properties[_slpt]"]')?[w]:w.querySelectorAll('input[name="properties[_slpt]"]');I.length>0&&this.log(`MutationObserver found ${I.length} new hidden input(s)`),I.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))}})}})})});o.add(p);const b=new MutationObserver(T=>{T.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,I=m.oldValue,f=w.getAttribute("data-sl-pid");this.log(`data-sl-pid changed from "${I}" 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&&u(f,h),this.log("Re-running payment placement updates after variant change"),E(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))}}})});o.add(b);const E=T=>{T.tagName==="SHOPIFY-PAYMENT-TERMS"&&(this.log("MutationObserver found new shopify-payment-terms element"),this.updateShopifyPaymentTerms(e,t));const m=T.querySelectorAll("shopify-payment-terms");m.length>0&&(this.log(`MutationObserver found ${m.length} shopify-payment-terms in added node`),this.updateShopifyPaymentTerms(e,t)),T.tagName==="AFTERPAY-PLACEMENT"&&(this.log("MutationObserver found new afterpay-placement element"),this.updateAfterpayPlacements(e,t,"afterpay"));const y=T.querySelectorAll("afterpay-placement");y.length>0&&(this.log(`MutationObserver found ${y.length} afterpay-placement in added node`),this.updateAfterpayPlacements(e,t,"afterpay")),T.tagName==="SQUARE-PLACEMENT"&&(this.log("MutationObserver found new square-placement element"),this.updateAfterpayPlacements(e,t,"square"));const w=T.querySelectorAll("square-placement");w.length>0&&(this.log(`MutationObserver found ${w.length} square-placement in added node`),this.updateAfterpayPlacements(e,t,"square")),T.tagName==="KLARNA-PLACEMENT"&&(this.log("MutationObserver found new klarna-placement element"),this.updateKlarnaPlacements(e,t));const I=T.querySelectorAll("klarna-placement");I.length>0&&(this.log(`MutationObserver found ${I.length} klarna-placement in added node`),this.updateKlarnaPlacements(e,t))},S=T=>{b.observe(T,{attributes:!0,attributeFilter:["data-sl-pid"],attributeOldValue:!0,subtree:!1});const m=T.getAttribute("data-sl-pid");this.log(`Started AttributeObserver on specific input with data-sl-pid="${m}"`)},C=()=>{const T=document.querySelectorAll('input[name="properties[_slpt]"]');this.log(`Found ${T.length} existing hidden inputs to check`),T.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"),u(y,h)),S(m)):y&&this.isProductInAnyPriceTest(y)?this.log("Preserving hidden input for product ID '%s' - belongs to a different price test",
84y):(m.remove(),this.log("Removed non-matching hidden input for product ID:",y))})},_=()=>{document.body?(p.observe(document.body,{childList:!0,subtree:!0}),this.log("Started MutationObserver on document.body"),C(),E(document.body)):document.readyState==="loading"?document.addEventListener("DOMContentLoaded",()=>{document.body&&(p.observe(document.body,{childList:!0,subtree:!0}),this.log("Started MutationObserver after DOMContentLoaded"),C(),E(document.body))}):(this.log("Set timeout on observer"),setTimeout(_,10))};_(),window.__shopliftPriceTestObservers=o,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(e,t){this.updatePlacementElements(e,t,"klarna-placement",(i,s)=>{i.setAttribute("data-purchase-amount",s.toString())})}cleanupPriceTestObservers(){const e=window.__shopliftPriceTestObservers;e&&(e.forEach(t=>{t.disconnect()}),e.clear(),this.log("Cleaned up existing price test observers")),delete window.__shopliftPriceTestObservers,delete window.__shopliftPriceTestValue}updateAfterpayPlacements(e,t,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(e,t,s,(o,n)=>{if(i==="afterpay"){const l=(n/100).toFixed(2);o.setAttribute("data-amount",l)}else o.setAttribute("data-amount",n.toString())}),this.log("updateAfterpayPlacements completed")}updatePlacementElements(e,t,i,s){const r=document.querySelectorAll(i);if(r.length===0){this.log(`No ${i} elements found - early return`);return}let o;if(this.state.temporary.isMerchant&&this.state.temporary.previewConfig){const l=t==="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}o=c.domSelectors,this.log(`Using preview config for ${i} in merchant mode, variant: ${l}`)}else{const l=this.testConfigs.find(d=>d.id===e);if(!l){this.log(`No testConfig found for id: ${e} - early return`);return}
84const c=l.hypotheses.find(d=>t==="control"?d.isControl:!d.isControl);if(!c?.domSelectors){this.log(`No hypothesis or domSelectors found for assignment: ${t} - early return`);return}o=c.domSelectors}const n=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 u=c.getAttribute("data-sl-pid");if(!u){this.log("Hidden input has no data-sl-pid attribute - skipping");return}const h=o.find(S=>{const C=S.cssSelector.match(n);return C&&C[1]===u});if(!h){this.log(`No matching selector found for productId: ${u} - skipping element`);return}const p=h.actions.find(S=>S.scope==="price");if(!p?.value){this.log("No price action or value found - skipping element");return}const b=parseFloat(p.value.replace(/[^0-9.]/g,""));if(Number.isNaN(b)){this.log(`Invalid price "${p.value}" for product ${u} - skipping`);return}const E=Math.round(b*100);s(l,E)}),this.log(`updatePlacementElements completed for ${i}`)}updateShopifyPaymentTerms(e,t){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 o=t==="control"?"a":"b",n=this.state.temporary.previewConfig.variants.find(l=>l.label===o);if(!n||!n.domSelectors){this.log(`No variant found for label ${o} in preview config`);return}s=n.domSelectors,this.log(`Using preview config for shopify-payment-terms in merchant mode, variant: ${o}`)}else{const o=this.testConfigs.find(l=>l.id===e);if(!o)return;const n=o.hypotheses.find(l=>t==="control"?l.isControl===!0:l.isControl===!1);if(!n||!n.domSelectors)return;s=n.domSelectors}const r=new RegExp(`${this.DATA_SL_ATTRIBUTE_P}=["'](\\d+)["']`);i.forEach(o=>{const n=o.getAttribute("variant-id");if(!n)return;const l=s.find(c=>{const d=c.cssSelector.match(r);return d&&d[1]===n});if(l){const c=l.actions.find(d=>d.scope==="price");if(c&&c.value){const d=o.getAttribute("shopify-meta");if(d)try{const u=JSON.parse(d);if(u.variants&&Array.isArray(u.variants)){const h=u.variants.find(p=>p.id?.toString()===n);if(h){h.full_price=c.value;const p=parseFloat(c.value.replace(/[^0-9.]/g,""));if(h.number_of_payment_terms&&h.number_of_payment_terms>1){const b=p/h.number_of_payment_terms;h.price_per_term=`$${b.toFixed(2)}`}o.setAttribute("shopify-meta",JSON.stringify(u))}}}catch(u){this.log("Error parsing/updating shoplift-meta:",u)}}}})}async makeJsonRequest(e){const t=await this.makeRequest(e);return t===null?null:JSON.parse(await t.text(),F)}async makeRequest(e){const{url:t,method:i,headers:s,data:r,signal:o}=e,n=new Headers;if(s)for(const c in s)n.append(c,s[c]);(!s||!s.Accept)&&n.append("Accept","application/json"),(!s||!s["Content-Type"])&&n.append("Content-Type","application/json"),(this.eventHost.includes("ngrok.io")||this.eventHost.includes("ngrok-free.app"))&&n.append("ngrok-skip-browser-warning","1234");const l=await this.fetch(t,{method:i,headers:n,body:r,signal:o});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 ie}throw new Error(`Error sending shoplift request ${l.status}`)}return l}queueAddVisitorToTest(e,t){if(this.state.essential.visitorTests.some(s=>s.testId===e))return;const i=this.testConfigs.find(s=>s.id===e);if(this.state.essential.visitorTests.push({createdAt:new Date,testId:e,hypothesisId:t.id,isThemeTest:t.type==="theme",themeId:t.themeId,isSaved:!1,isInvalid:!1,shouldSendToGa:!0,testType:t.type,assignedTo:t.isControl?"control":"variant",testTitle:i?.title}),t.type==="price"){const s=t.isControl?"control":"variant";this.log("Price test assignment detected, updating cart attributes:",e,s),this.updatePriceTestHiddenInputs(e,s,!1)}}queueCartUpdate(e){this.queueEvent(new Ce(e))}queuePageView(e){this.queueEvent(new Se(e))}queueEvent(e){!this.state.essential.consentApproved&&this.state.essential.hasConsentInteraction||this.state.analytics.queue.length>10||this.state.analytics.queue.push(e)}legacyGetLocalStorageVisitor(){const e=this.localStorageGet(this.legacySessionKey);if(e)try{return JSON.parse(e,F)}catch{}return null}pruneStaleVisitorTests(){this.state.essential.visitorTests=this.state.essential.visitorTests.filter(e=>this.testConfigs.some(t=>t.id==e.testId)||this.inactiveTestConfigs.filter(t=>this.testIsPaused(t)).some(t=>t.id===e.testId))}pruneStateAndSave(){this.pruneStaleVisitorTests(),this.saveState()}saveState(){this.persistEssentialState(),this.persistAnalyticsState()}loadState(){const e=this.loadAnalyticsState(),t={analytics:e,essential:this.loadEssentialState(e),temporary:this.loadTemporaryState()},i=this.legacyGetLocalStorageVisitor(),s=this.legacyGetCookieVisitor(),r=[i,s].filter(o=>o!==null).sort((o,n)=>+n.storedAt-+o.storedAt)[0];return t.analytics.visitor===null&&r&&({visitorTests:t.essential.visitorTests,...t.analytics.visitor}=r,t.essential.isFirstLoad=!1,t.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)),!t.essential.consentApproved&&t.essential.hasConsentInteraction&&this.deleteLocalStorage(this.analyticsSessionKey),t}loadEssentialState(e){const t=this.loadLocalStorage(this.essentialSessionKey),i=this.loadCookie(this.essentialSessionKey),s=this.getInitialState();e.visitor?.device&&(s.device=e.visitor.device);const r={timestamp:new Date,consentApproved:!1,hasConsentInteraction:!1,debugMode:!1,initialState:s,visitorTests:[],isFirstLoad:!0},o=[t,i].filter(n=>n!==null).sort((n,l)=>+l.timestamp-+n.timestamp)[0]??r;return o.initialState||(e.visitor!==null?o.initialState=e.visitor:(o.initialState=s,o.initialState.createdAt=o.timestamp)),o}loadAnalyticsState(){const e=this.loadLocalStorage(this.analyticsSessionKey),t=this.loadCookie(this.analyticsSessionKey),i={timestamp:new Date,visitor:null,queue:[]},s=[e,t].filter(r=>r!==null).sort((r,o)=>+o.timestamp-+r.timestamp)[0]??i;return s.queue.length===0&&e&&e.queue.length>1&&(s.queue=e.queue),s}loadTemporaryState(){const e=this.sessionStorageGet(this.temporarySessionKey),t=e?JSON.parse(e,F):null,i=this.loadCookie(this.temporarySessionKey);return t??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.persist
84CookieState(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(e){const t=this.localStorageGet(e);if(t===null)return null;try{return JSON.parse(t,F)}catch{return null}}loadCookie(e){const t=this.getCookie(e);if(t===null)return null;try{return JSON.parse(t,F)}catch{return null}}persistLocalStorageState(e,t){this.localStorageSet(e,JSON.stringify(t))}persistCookieState(e,t,i=!1){const s=JSON.stringify(t),r=i?"":`expires=${new Date(new Date().getTime()+864e5*365).toUTCString()};`;document.cookie=`${e}=${s};domain=.${window.location.hostname};path=/;SameSite=Strict;${r}`}deleteCookie(e){const t=new Date(0).toUTCString();document.cookie=`${e}=;domain=.${window.location.hostname};path=/;expires=${t};`}deleteLocalStorage(e){window.localStorage.removeItem(e)}getChannel(e){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|y
84andex\.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\.o
84pera\.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)}
84,{"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|k
84akao|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|y
84andex\.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(e))?.name??"other"}getShopifyAnalyticsId(){const e=this.getCookie("_shopify_y");if(e)return e;try{const t=this.localStorageGet("Shoplift_ClientId");if(t)return t}catch{}return null}legacyGetCookieVisitor(){const e=this.getCookie("SHOPLIFT");return e===null?null:JSON.parse(e,F)}getCookie(e){const t=this.cookie.split("; ").filter(i=>i.split("=").at(0)===e).at(0);return t===void 0?null:t.split("=").slice(1).join("=")}monitorConsentChange(){document.addEventListener("visitorConsentCollected",e=>{(async()=>await this.onConsentChange(e.detail.analyticsAllowed,!0))()}),document.readyState==="loading"?document.addEventListener("DOMContentLoaded",()=>this.loadShopifyConsentApiWithRetry()):this.loadShopifyConsentApiWithRetry()}loadShopifyConsentApiWithRetry(){let e=0;const t=()=>{this.loadShopifyConsentApi()||e++<10&&window.setTimeout(t,100)};t()}loadShopifyConsentApi(){if(window.Shopify){this.log("Loading Shopify features");const e=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"),t=window.setTimeout(()=>{(async()=>await e())()},1e3);return}if(this.geoViaShopify){const s=window.Shopify.customerPrivacy.getRegion?.();this.resolvedRegion=typeof s=="string"?s.replace(/-/g,""):""}const i=window.Shopify.customerPrivacy.getTrackingConsent();await this.onConsentChange(window.Shopify.customerPrivacy.analyticsProcessingAllowed(),i==="yes")};let t=window.setTimeout(()=>{(async()=>await e())()},5e3);return window.Shopify.loadFeatures([{name:"consent-tracking-api",version:"0.1"}],i=>{(async()=>{if(window.clearTimeout(t),i){this.log("Error loading consent tracking",i);return}await e()})()}),!0}return!1}async onConsentChange(e,t){try{if(this.log("Consent change detected",e,t),this.state.essential.consentApproved=e,this.state.essential.hasConsentInteraction=t,!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(),this.saveState(),await this.syncAllEvents()}catch(i){this.log("Error syncing on consent change",i)}}isThemePreview(){return isThemePreview||themeRole!=="main"}isAppProxyPath(){const e=["/apps/","/tools/","/a/"],t=window.location.pathname;return e.some(i=>t.startsWith(i))}clearThemeBar(e,t,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(o=>(this.log("Found theme bar"),t&&(this.log("Removing theme bar"),o.remove()),e?this.makeRequest({url:`${this.eventHost}/api/v0/logs`,method:"post",data:JSON.stringify({...this.debugState(),stateAtEvaluation:s},ee)}):Promise.resolve(null)))).catch(r=>console.error(r))}waitForElement(e,t){return new Promise(i=>{const s=document.querySelector(t);if(s){i(s);return}const r=new MutationObserver(o=>{const n=document.querySelector(t);if(n){r.disconnect(),i(n);return}});r.observe(e??document.documentElement,{childList:!0})})}setDebug(e){this.state.essential.debugMode=e,this.saveState()}log(e,...t){let i=0;const s=e.replace(/%[sdoOfF]/g,r=>{if(i>=t.length)return r;const o=t[i++];return r==="%o"||r==="%O"?JSON.stringify(o):String(o)});this.logHistory.push(`[${new Date().toISOString()}][SL] ${s}`),!(!this.state.essential.debugMode&&!this.shopliftDebug)&&console.debug(`[SL] ${e}`,...t)}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
84:this.getCookie("is_shopify_merchant"),themeId,url:window.location.href,isThemePreview,themeRole,gaConfig:this.gaConfig},logHistory:this.logHistory}}createViewportObserver(e,t={}){const{threshold:i=this.VIEWPORT_TRACK_THRESHOLD,triggerOnce:s=!0}=t,r=new Set;return new IntersectionObserver(o=>{o.forEach(n=>{if(n.isIntersecting&&!r.has(n.target)){const l=n.target,c=l.getAttribute(this.DATA_SL_TEST_ID);c&&(e(c,l),s&&r.add(l))}})},{threshold:i})}applyChangesWithViewport(e,t,i,s){const r=t.selectorsForViewportTracking??t.selectors,o=n=>{if(this.state.essential.visitorTests.some(h=>h.testId===n)||this.activeViewportObservers.has(n))return;const l=[];if(r.forEach(h=>{e.querySelectorAll(h.cssSelector).forEach(b=>l.push(b))}),l.length===0)return;let c=!1;const d=()=>{c||(c=!0,i(n),u.disconnect(),this.activeViewportObservers.delete(n))},u=this.createViewportObserver(()=>{d()},{triggerOnce:!0,...s});this.activeViewportObservers.set(n,u),this.log(`Created viewport observer for test ${n}, observing ${l.length} elements`),l.forEach(h=>{h.setAttribute(this.DATA_SL_TEST_ID,String(n)),u.observe(h)}),setTimeout(()=>{c||l.forEach(h=>{const p=h.getBoundingClientRect(),b=s?.threshold??this.VIEWPORT_TRACK_THRESHOLD,E=Math.min(p.bottom,window.innerHeight)-Math.max(p.top,0),S=Math.min(p.right,window.innerWidth)-Math.max(p.left,0);p.top<window.innerHeight&&p.bottom>0&&p.left<window.innerWidth&&p.right>0&&E>0&&S>0&&E>=p.height*b&&(this.log(`Price element already visible in viewport for test ${n}:`,h),d())})},100)};t.selectors.length>0&&U(e,t,()=>{}),Te(e,{testId:t.testId,hypothesisId:t.hypothesisId,selectors:r},n=>{o(n)})}applyPriceTestWithMapLookup(e,t,i,s){if(!t.priceData){this.log("No price data for hypothesis '%s'",t.id);return}this.log("Hypothesis '%s' isControl=%s, priceData has %d variants",t.id,t.isControl,t.priceData.variants.length);const r=t.priceData.variants.slice(0,3);for(const[S,C,_]of r)this.log("  Sample priceData: variant=%s, price=%d, compareAt=%d",S,C,_);const o=j(t.priceData),n=new Set;for(const S of i)if(S.priceData)for(const[C]of S.priceData.variants)n.add(C);this.log("Price test Map lookup: %d products in hypothesis, %d total products to track",o.size,n.size);const l=t.priceData,c=new WeakSet;let d=!1;const u="[data-sl-attribute-p], [data-sl-attribute-cap], [data-sl-attribute-discount]",h=S=>{if(c.has(S))return;const C=S.getAttribute("data-sl-attribute-p"),_=S.getAttribute("data-sl-attribute-cap"),T=S.getAttribute("data-sl-attribute-discount"),m=C||_||T;if(!m||!n.has(m))return;c.add(S);const y=o.get(m);y&&(this.log("Applying price for product %s: %d cents (compare at: %d cents)",m,y.priceInCents,y.compareAtPriceInCents),Le(S,m,y,l),this.log("Applied price to element for product %s",m)),!d&&!this.state.essential.visitorTests.some(w=>w.testId===e)&&(S.setAttribute(this.DATA_SL_TEST_ID,String(e)),this.setupElementViewportTracking(S,e,()=>{d||(d=!0,s(e))}))},p=()=>{const S=document.querySelectorAll(u);this.log("Scanning for price elements, found: %d",S.length),S.forEach(h)},b=new MutationObserver(S=>{for(const C of S)C.type==="childList"&&C.addedNodes.forEach(_=>{if(_.nodeType===Node.ELEMENT_NODE){const T=_;(T.hasAttribute("data-sl-attribute-p")||T.hasAttribute("data-sl-attribute-cap")||T.hasAttribute("data-sl-attribute-discount"))&&h(T),T.querySelectorAll(u).forEach(h)}}),C.type==="attributes"&&C.target instanceof Element&&h(C.target)}),E=document.body||document.documentElement;b.observe(E,{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"),p(),document.readyState==="loading"&&document.addEventListener("DOMContentLoaded",()=>{this.log("DOMContentLoaded - rescanning for price elements"),p()}),setTimeout(()=>{this.log("Delayed rescan for price elements"),p()},100),setTimeout(()=>{this.log("Final rescan for price elements"),p()},500)}setupElementViewportTracking(e,t,i){const s=this.VIEWPORT_TRACK_THRESHOLD,r=e.getBoundingClientRect(),o=Math.min(r.bottom,window.innerHeight)-Math.max(r.top,0),n=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&&o>0&&n>0&&o>=r.height*s){this.log("Price element already visible for test %s",t),i();return}const c=new IntersectionObserver(d=>{for(const u of d)if(u.isIntersecting&&u.intersectionRatio>=s){this.log("Price element entered viewport for test %s",t),c.disconnect(),i();break}},{threshold:s});c.observe(e)}debug(){const e=this.debugState();console.log(JSON.stringify(e,ee,2))}}(async function(){window.shopliftInstance||(window.shopliftInstance=new Ze("supergoop.myshopify.com","https://app.shoplift.ai","https://events.shoplift.ai",true,false,false,{"sendEvents":true,"mode":"gtag"},false,false,1000,[{"id":"019e51da-0af5-7795-a133-1453f41e9aa4","startAt":"2026-05-22T22:41:44.642388Z","requiresCountry":false,"requiresRegion":false,"bayesianRevision":5,"device":"all","status":"active","visitorOption":"all","ignoreTestViewParameterEnforcement":false,"statusHistory":[{"status":"active","createdAt":"2026-05-22T22:41:44.837111Z"}
84],"hypotheses":[{"visitorCount":250274,"trafficPercentage":0.25,"title":"Control - Spiffy OFF","domSelectors":[],"id":"019e507f-86dc-7f56-b3f8-24598cc5b215","type":"manualScript","themeId":143986851938,"affix":"","isControl":true},{"visitorCount":749543,"trafficPercentage":0.75,"title":"Variant - Spiffy ON","domSelectors":[],"id":"019e507f-86dc-7e99-b664-b12b93b42b6b","type":"manualScript","themeId":143986851938,"affix":"","isControl":false}],"targetAudiences":[],"title":"NEW Copy of SPIFFY-PLP & PDP- LIVE -TEST"},{"id":"01a044ad-b7c6-711c-8fa6-45f48784d0be","startAt":"2026-08-27T19:23:50.571493Z","requiresCountry":false,"requiresRegion":false,"bayesianRevision":5,"device":"all","status":"active","visitorOption":"all","ignoreTestViewParameterEnforcement":false,"statusHistory":[{"status":"active","createdAt":"2026-08-27T19:23:50.661761Z"},{"status":"paused","createdAt":"2026-08-31T22:47:13.137988Z"},{"status":"active","createdAt":"2026-09-11T16:52:57.588863Z"}],"hypotheses":[{"visitorCount":13571,"trafficPercentage":0.5,"title":"Original PDP Copy","domSelectors":[],"id":"019f23cb-e94a-7a5e-9ee6-049da132375e","type":"manualScript","themeId":143986851938,"affix":"","isControl":true},{"visitorCount":13539,"trafficPercentage":0.5,"title":"Truncated Copy","domSelectors":[],"id":"019f23cb-f226-7ab3-928e-0c31daca5f44","type":"manualScript","themeId":143986851938,"affix":"","isControl":false}],"targetAudiences":[],"title":"PDP - Truncated Copy"}],[{"id":"01a05aac-8551-721e-addf-08f48bb3e51a","bayesianRevision":5,"status":"paused","hypotheses":[{"id":"01a00243-b495-79bc-a6e7-2ce0c99982e2","type":"manualScript","themeId":143986851938,"affix":"","isControl":true,"redirectPath":null},{"id":"01a00243-bd1a-77cf-83a2-e1b5ff52ad9f","type":"manualScript","themeId":143986851938,"affix":"","isControl":false,"redirectPath":null}],"ignoreTestViewParameterEnforcement":false},{"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":"019d92fd-8d10-73ce-b535-b739b9655ef5","bayesianRevision":5,"status":"paused","hypotheses":[{"id":"019d4593-8084-7a22-b407-c2f2f618960c","type":"manualScript","themeId":143986851938,"affix":"","isControl":true,"redirectPath":null},{"id":"019d4593-82c4-7077-8c25-53f00432ce6d","type":"manualScript","themeId":143986851938,"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":143986851938,"affix":"","isControl":true,"redirectPath":null},{"id":"019d6dab-3b45-7e3d-bed0-aa1bbce0e03b","type":"index","themeId":143986851938,"affix":"sl-3A531317","isControl":false,"redirectPath":null}],"ignoreTestViewParameterEnforcement":false},{"id":"019de488-933f-7584-af44-d676410d8154","bayesianRevision":5,"status":"cancelled","hypotheses":[{"id":"019de464-4bc8-757f-877e-20f2da158d68","type":"theme","themeId":142124613730,"affix":"","isControl":true,"redirectPath":null},{"id":"019de484-d518-780a-9009-16f236ddf282","type":"theme","themeId":141982007394,"affix":"","isControl":false,"redirectPath":null}],"ignoreTestViewParameterEnforcement":false}
84],null,false),await window.shopliftInstance.init())})();async function Qe(a,e,t,i){const s=Be({log:i});if(t)return i("[SUB-PREVIEW] A side — no overlay applied; widget renders naturally"),s;const r=a.widget.widgetType,o=e?j(e):null;let n=W(e),l=J(a,n),c=l.discountMap,d=l.maxDiscount;function u(){const f=W(e);f!==n&&(n=f,l=J(a,n),c=l.discountMap,d=l.maxDiscount,i(`[SUB-PREVIEW] scope refreshed currentProductId=${n??"n/a"}, maxDiscount=${d}`))}i(`[SUB-PREVIEW] side=B, currentProductId=${n??"n/a"}, maxDiscount=${d}`);function h(f){if(!e||!o)return null;const v=Z(o),g=v?o.get(v):void 0;return g?{formattedVariantPrice:G(g.priceInCents,e),formattedDiscounted:G(g.priceInCents*(1-f/100),e)}:null}function p(f){const v=Y(a,f);if(!v)return d;const g=D(a,"subscriptionInput"),P=g.length?g[0].selector:'input[name="rc_plan"]',A=v.querySelector(`${P}:checked`);if(A){const k=c[A.value];if(k!==void 0)return k}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 P=f.querySelector(g.selector);P?.textContent&&!P.textContent.includes(`${d}%`)&&$(P,A=>N(A,d))}}function E(f,v){const g=h(v);if(!g)return;const P=D(a,"subscriptionCompareAt");for(const A of P){const k=f.querySelector(A.selector)||f.querySelector(`[part~="${A.selector}"]`);k?.textContent&&!k.textContent.includes(g.formattedVariantPrice)&&$(k,x=>/\d/.test(x)?g.formattedVariantPrice:x)}}function S(f,v){const g=h(v);if(!g)return;const P=D(a,"subscriptionPrice");for(const A of P){const k=f.querySelector(A.selector)||f.querySelector(`[part~="${A.selector}"]`);k?.textContent&&!k.textContent.includes(g.formattedDiscounted)&&$(k,x=>/\d/.test(x)?g.formattedDiscounted:x)}}function C(f){const v=D(a,"subscriptionInput"),g=v.length?v[0].selector:'input[name="rc_plan"]',P=D(a,"subscriptionPlanDiscount"),A=P.length?P[0].selector:".rc-plans-button__discount";for(const k of Array.from(f.querySelectorAll("label"))){const x=k.querySelector(g),R=k.querySelector(A);if(x&&R?.textContent){const O=c[x.value];if(O!==void 0){const V=R.textContent.match(/[\d.]+%/)?.[0];V&&V!==`${O}%`&&$(R,L=>N(L,O))}}}}function _(f){const v=f.querySelector("select");if(v)for(const g of Array.from(v.options)){const P=c[g.value];if(P!==void 0&&g.textContent){const A=g.textContent.match(/[\d.]+%/)?.[0];A&&A!==`${P}%`&&(g.textContent=N(g.textContent,P))}}}function T(f){const v=D(a,"onetimePrice");if(!v.length||!e||!o)return;const g=Z(o),P=g?o.get(g):void 0;if(!P)return;const A=G(P.priceInCents,e),k=D(a,"onetimeContainer"),x=k.length?k[0].selector:'[part~="rc-purchase-option__onetime"]',R=f.querySelector(x);if(R)for(const O of v){const V=R.querySelector(`[part~="${O.selector}"]`);V?.textContent&&!V.textContent.includes(A)&&$(V,L=>/\d/.test(L)?A:L)}}function m(f,v){const P=D(a,"subscriptionDiscount").filter(A=>A.selector.includes("benefit")||A.selector==="rc-benefits");for(const A of P){const k=f.querySelector(A.selector);if(k?.shadowRoot){for(const x of Array.from(k.shadowRoot.querySelectorAll("li")))if(x.textContent?.includes("Save")){const R=x.textContent.match(/[\d.]+%/)?.[0];R&&R!==`${v}%`&&$(x,O=>N(O,v))}}}}let y=!1;function w(){if(!y){y=!0;try{u();const f=B(a);if(!f)return;const v=p(f);b(f),E(f,v),S(f,v),T(f);const g=Y(a,f);g&&(r==="buttons"||r==="radio"?C(g):_(g)),m(f,v)}finally{y=!1}}}const I=pe({data:a,runUpdates:w});return function(){I(),s()}}const Xe=Object.freeze(Object.defineProperty({__proto__:null,subscriptionPreviewRender:Qe},Symbol.toStringTag,{value:"Module"}))})(); })("/", { suffix: "unseen-sunscreen-spf-50", type: "product" }, "main", 143986851938, false)</script>
84
85    <!-- End of Shoplift scripts -->
86
87    
88  <!-- OneTrust Cookies Consent Notice start for supergoop.com -->
89<script src="https://cdn.cookielaw.org/scripttemplates/otSDKStub.js" type="text/javascript" charset="UTF-8" data-domain-script="2b00e4aa-ba2a-4e83-bb10-f9b6a61b90bd"></script>
vendor: 1 bytes, line 89
89
90<script type="text/javascript">
91function OptanonWrapper() { }
92</script>
92
93<!-- OneTrust Cookies Consent Notice end for supergoop.com -->
94
95    
96  
96<script type="text/javascript" id=""> window.__lxt_cache = window.__lxt_cache || [];
97function lxt() {
98  window.__lxt_cache.push(arguments)
99}
100window.lxt_attributes = {
101  email: "c7e00e1309b7442b96f3b260067bbfff",
102  email_sha256: "a8f3da0d7a72483d986c8e10597133da",
103  categories_viewed: "e7477b0bc92849758a715bfeabf1c61d",
104  date_of_last_visit: "bd13661ade37478a912f0bd1d73c172b",
105  dates_visited: "cea31a4101134678b5fa4c26fc8cacf6",
106  device_id: "ae11cb835c414e53bbc6add3fd365ebc",
107  device_used: "39503a8f607d49deb69772b61e845262",
108  did_complete_conversion: "5cf822c1ec11496da195ac3c2a404e80",
109  did_start_conversion: "242849575f4b4eecbb0a582708dfefe6",
110  pages_viewed_to_convert: "fe92e3d4829e494e91a9c961c9e2fde9",
111  products_added_to_cart: "3804c50360e04ac09d1cdbb91761a380",
112  products_removed_from_cart: "1af4762031874ae1b1055b957155d5af",
113  products_viewed: "2ea3ddbc5faf406289d6657a4bb2bb0d",
114  referrer_url: "cd3b0d3e98ae4e97ace4f58c5522a133",
115  time_spent_to_convert: "21aba07d38244d7fb4f74f1b803d508b",
116  utm_campaign: "50ae38ad747745b8878ada9d5dc99b7b",
117  utm_content: "afbda97885e6492cb6b9335e27cae902",
118  utm_medium: "4a32dcfa1c9c49a59071da3da5ea6832",
119  utm_source: "27ad2c546de0402286a1c9ae64102b12",
120  utm_term: "9ebdc2d63b294665b09093503b336f03"
121};
122lxt("initiate", "47b5195d966f475fbbdbefd295658980", window.lxt_attributes); </script>
122
123
124    
125    
125<script id="gorgias-chat-widget-install-v3" src="https://config.gorgias.chat/bundle-loader/01GYCBWV095P8X6KJ5EDFNKG6H">
126</script>
126
127  
128    <!-- Rebuy Script tag -->
129
130<script async src="https://cdn.rebuyengine.com/onsite/js/rebuy.js?shop=supergoop.myshopify.com"></script>
130
131
132<!-- CUSTOM: Opens the native mini cart drawer when a Rebuy widget adds an item -->
133<script>
134// Opens the native cart drawer after a Rebuy widget adds an item to cart
135document.addEventListener('rebuy.add', function () {
136  document.dispatchEvent(new CustomEvent('cart:open'));
137});
138</script>
138
139<!-- /CUSTOM -->
140
141
142    <meta charset="utf-8">
143    <meta http-equiv="X-UA-Compatible" content="IE=edge">
144    <meta name="viewport" content="width=device-width,initial-scale=1">
145    
146    <link rel="canonical" href="https://supergoop.com/products/unseen-sunscreen-spf-50">
147    <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! New Unseen Sunscreen SPF 50 - Clear Gel Face Sunscreen
148</title>
149
150    
151      <meta name="description" content="The original 100% invisible, weightless, scentless face sunscreen that leaves a natural finish new in SPF 50 and now even more Super! It even doubles as a primer. Free shipping on orders over $50.">
152    
153
154    <link href="//supergoop.com/cdn/shop/t/510/assets/main.css?v=109098539289587549481789068782" rel="stylesheet" type="text/css" media="all" />
155
156    
156<script src="//supergoop.com/cdn/shop/t/510/assets/vendor.js?v=173927584073861967361789068782" defer="defer"></script>
156
157    
157<script src="//supergoop.com/cdn/shop/t/510/assets/main.js?v=134763908428213838071789068782" defer="defer"></script>
157
158
159    
159<script>window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.start');</script>
159<meta name="facebook-domain-verification" content="0oknsba5r1tmpr1r01i0t6zv5r9loz">
160<meta name="google-site-verification" content="xOSX0fAQnyek0PRWgm96KyyTJITZ4Q7daudBJlPAazE">
161<meta id="shopify-digital-wallet" name="shopify-digital-wallet" content="/15035658/digital_wallets/dialog">
162<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">
163<link rel="ucp" href="/.well-known/ucp" version="2026-08-25"><link rel="buy" href="/cart/41610270802018:1?ucp/version=2026-08-25&amp;context/payment/0/handler=dev.shopify.shop_pay" payment="dev.shopify.shop_pay com.google.pay dev.shopify.card"><link rel="alternate" type="application/json+oembed" href="https://supergoop.com/products/unseen-sunscreen-spf-50.oembed">
164<script async="async" src="/checkouts/internal/preloads.js?locale=en-US&default_configuration_id=19988578"></script>
164
165<link rel="preconnect" href="https://shop.app" crossorigin="anonymous">
166<script async="async" src="https://shop.app/checkouts/internal/preloads.js?locale=en-US&default_configuration_id=19988578&shop_id=15035658" crossorigin="anonymous"></script>
vendor: 1 bytes, line 166
166
167<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>
vendor: 1 bytes, line 167
167
168<script id="shopify-features" type="application/json">{"accessToken":"4b655c26cfb9041198e481604ff103db","betas":["rich-media-storefront-analytics"],"domain":"supergoop.com","predictiveSearch":true,"shopId":15035658,"locale":"en"}</script>
vendor: 1 bytes, line 168
168
169<script>var Shopify = Shopify || {};
170Shopify.shop = "supergoop.myshopify.com";
171Shopify.locale = "en";
172Shopify.currency = {"active":"USD","rate":"1.0"};
173Shopify.country = "US";
174Shopify.theme = {"name":"RS: release\/SUPER-v2026.38","id":143986851938,"schema_name":"Supergoop Theme","schema_version":"25.3.0","theme_store_id":null,"role":"main"};
175Shopify.theme.handle = "null";
176Shopify.theme.style = {"id":null,"handle":null};
177Shopify.cdnHost = "supergoop.com/cdn";
178Shopify.routes = Shopify.routes || {};
179Shopify.routes.root = "/";
180Shopify.shopJsCdnBaseUrl = "https://cdn.shopify.com/shopifycloud/shop-js";
181Shopify.SignInWithShop = Shopify.SignInWithShop || {};
182Shopify.SignInWithShop.User = Shopify.SignInWithShop.User || {};
183Shopify.SignInWithShop.User.recognized = false;</script>
vendor: 1 bytes, line 183
183
184<script type="module">!function(o){(o.Shopify=o.Shopify||{}).modules=!0}(window);</script>
vendor: 1 bytes, line 184
184
185<script>!function(o){function n(){var o=[];function n(){o.push(Array.prototype.slice.apply(arguments))}return n.q=o,n}var t=o.Shopify=o.Shopify||{};t.loadFeatures=n(),t.autoloadFeatures=n()}(window);</script>
vendor: 1 bytes, line 185
185
186<script>
187  window.ShopifyPay = window.ShopifyPay || {};
188  window.ShopifyPay.apiHost = "shop.app\/pay";
189  window.ShopifyPay.redirectState = null;
190</script>
vendor: 1 bytes, line 190
190
191<script>
192  window.Shopify = window.Shopify || {};
193  window.Shopify.SignInWithShop = window.Shopify.SignInWithShop || {};
194  window.Shopify.SignInWithShop.assetMetrics = { sampleRate: 0.25 };
195  window.Shopify.SignInWithShop.eligible = true;
196</script>
vendor: 1 bytes, line 196
196
197<script id="shop-js-analytics" type="application/json">{"pageType":"product"}</script>
vendor: 1 bytes, line 197
197
198<script defer="defer" async type="module" src="https://cdn.shopify.com/shopifycloud/shop-js/modules/v2/loader.init-shop-cart-sync.en.esm.js"></script>
vendor: 1 bytes, line 198
198
199<script type="module">
200  await import("https://cdn.shopify.com/shopifycloud/shop-js/modules/v2/loader.init-shop-cart-sync.en.esm.js");
201
202  window.Shopify.SignInWithShop?.initShopCartSync?.({"fedCMEnabled":true,"windoidEnabled":true});
203
204</script>
vendor: 1 bytes, line 204
204
205<script>
206  window.Shopify = window.Shopify || {};
207  if (!window.Shopify.featureAssets) window.Shopify.featureAssets = {};
208  window.Shopify.featureAssets['shop-js'] = {"avatar":["modules/v2/loader.avatar.en.esm.js"],"checkout-modal":["modules/v2/loader.checkout-modal.en.esm.js"],"init-customer-accounts-sign-up":["modules/v2/loader.init-customer-accounts-sign-up.en.esm.js"],"init-customer-accounts":["modules/v2/loader.init-customer-accounts.en.esm.js"],"init-fed-cm":["modules/v2/loader.init-fed-cm.en.esm.js"],"init-shop-cart-sync":["modules/v2/loader.init-shop-cart-sync.en.esm.js"],"init-shop-email-lookup-coordinator":["modules/v2/loader.init-shop-email-lookup-coordinator.en.esm.js"],"init-shop-for-new-customer-accounts":["modules/v2/loader.init-shop-for-new-customer-accounts.en.esm.js"],"init-shop-user-recognition":["modules/v2/loader.init-shop-user-recognition.en.esm.js"],"init-windoid":["modules/v2/loader.init-windoid.en.esm.js"],"lead-capture":["modules/v2/loader.lead-capture.en.esm.js"],"listener":["modules/v2/loader.listener.en.esm.js"],"pay-button":["modules/v2/loader.pay-button.en.esm.js"],"payment-terms":["modules/v2/loader.payment-terms.en.esm.js"],"shop-button":["modules/v2/loader.shop-button.en.esm.js"],"shop-cart-sync":["modules/v2/loader.shop-cart-sync.en.esm.js"],"shop-cash-offers":["modules/v2/loader.shop-cash-offers.en.esm.js"],"shop-follow-button":["modules/v2/loader.shop-follow-button.en.esm.js"],"shop-login-button":["modules/v2/loader.shop-login-button.en.esm.js"],"shop-login":["modules/v2/loader.shop-login.en.esm.js"],"shop-toast-manager":["modules/v2/loader.shop-toast-manager.en.esm.js"],"shop-user-recognition":["modules/v2/loader.shop-user-recognition.en.esm.js"]};
209</script>
vendor: 1 bytes, line 209
209
210<script>(function() {
211  var isLoaded = false;
212  function asyncLoad() {
213    if (isLoaded) return;
214    isLoaded = true;
215    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\/492\/assets\/loy_15035658.js?v=1783009214\u0026shop=supergoop.myshopify.com","https:\/\/cdn.attn.tv\/supergoop\/dtag.js?shop=supergoop.myshopify.com","https:\/\/media.9gtb.com\/loader.js?g_cvt_id=28ff5d62-5086-4896-9375-bc1ea4ff6eb7\u0026shop=supergoop.myshopify.com","\/\/backinstock.useamp.com\/widget\/18939_1783059105.js?category=bis\u0026v=6\u0026shop=supergoop.myshopify.com"];
216    for (var i = 0; i < urls.length; i++) {
217      var s = document.createElement('script');
218      s.type = 'text/javascript';
219      s.async = true;
220      s.src = urls[i];
221      var x = document.getElementsByTagName('script')[0];
222      x.parentNode.insertBefore(s, x);
223    }
224  };
225  if(window.attachEvent) {
226    window.attachEvent('onload', asyncLoad);
227  } else {
228    window.addEventListener('load', asyncLoad, false);
229  }
230})();</script>
vendor: 1 bytes, line 230
230
231<script id="__st">var __st={"a":15035658,"offset":-14400,"reqid":"c4ddf6ee-a939-46d9-9a0d-e779698ad3ca-1790277840","pageurl":"supergoop.com\/products\/unseen-sunscreen-spf-50","u":"45c4b3fe79ac","p":"product","rtyp":"product","rid":7269697060962};</script>
vendor: 1 bytes, line 231
231
232<script>window.ShopifyPaypalV4VisibilityTracking = true;</script>
vendor: 1 bytes, line 232
232
233<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>
vendor: 1 bytes, line 233
233
234<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>
vendor: 1 bytes, line 234
234
235<script>(function () {var userAgent = navigator.userAgent;var platform = navigator.platform;var maxTouchPoints = navigator.maxTouchPoints || 0;var isIOS = /iPad|iPhone|iPod/.test(platform) || (platform === 'MacIntel' && maxTouchPoints > 1);var isMacSafari = platform.indexOf('Mac') === 0 && /Safari/.test(userAgent) && !/Chrome|Chromium|CriOS|FxiOS|Edg|OPR|Android/.test(userAgent);var isAppleSafari = isIOS || isMacSafari;if (isAppleSafari) {fetch('/sf_private_access_tokens' + location.search).catch(function () {});}function browserMajorVersion(pattern) {var match = userAgent.match(pattern);return match ? parseInt(match[1], 10) : null;}function shouldLoadAutosizesPolyfill() {if (!window.PerformanceObserver?.supportedEntryTypes?.includes('paint')) {return false;}var chromeVersion = browserMajorVersion(/Chrome\/(\d+)/);if (chromeVersion !== null) {return chromeVersion < 126;}var firefoxVersion = browserMajorVersion(/Firefox\/(\d+)/);if (firefoxVersion !== null) {return firefoxVersion < 150;}var safariVersion = isAppleSafari ? browserMajorVersion(/Version\/(\d+).*Safari\//) : null;if (safariVersion !== null) {return safariVersion < 27;}return true;}if (shouldLoadAutosizesPolyfill()) {var autosizesScript = document.createElement('script');autosizesScript.async = true;autosizesScript.crossOrigin = 'anonymous';autosizesScript.src = "//supergoop.com/cdn/shopifycloud/storefront/assets/storefront/autosizes-84416378.js";(document.head || document.documentElement).appendChild(autosizesScript);}window.ShopifyAnalytics = window.ShopifyAnalytics || {};window.ShopifyAnalytics.performance = window.ShopifyAnalytics.performance || {};(function () {var LONG_FRAME_THRESHOLD = 50;var longAnimationFrames = [];var activeRafId = null;function collectLongFrames() {var previousTime = null;function rafMonitor(now) {if (activeRafId === null) {return;}var delta = now - previousTime;if (delta > LONG_FRAME_THRESHOLD) {longAnimationFrames.push({startTime: previousTime,endTime: now,});}previousTime = now;activeRafId = requestAnimationFrame(rafMonitor);}previousTime = performance.now();activeRafId = requestAnimationFrame(rafMonitor);}if (!window.PerformanceObserver?.supportedEntryTypes?.includes('long-animation-frame')) {collectLongFrames();var timeoutId = setTimeout(function () {cancelAnimationFrame(activeRafId);}, 10000);window.ShopifyAnalytics.performance.getLongAnimationFrames = function (stopCollection) {if (stopCollection === undefined) {stopCollection = false;}if (stopCollection) {clearTimeout(timeoutId);cancelAnimationFrame(activeRafId);}return longAnimationFrames;};}})();})();</script>
235<script crossorigin="anonymous" defer="defer" src="//supergoop.com/cdn/shopifycloud/storefront/assets/shopify_pay/storefront-616277c7.js?v=20250812"></script>
vendor: 1 bytes, line 235
235
236<script id="shopify-origin-trials" async="async" integrity="sha256-qJbe/jEZBHtr5W/BlA2cKAz3vkXu6vJQyLjgvgCC86g=" src="//cdn.shopify.com/shopifycloud/storefront/assets/storefront/origin_trials-318ab40a.js" crossorigin="anonymous" onload="window.__shopifyOriginTrialsDone = true" onerror="window.__shopifyOriginTrialsDone = true"></script>
vendor: 1 bytes, line 236
236
237<script>
238  window.Shopify = window.Shopify || {};
239  window.Shopify.MCP = window.Shopify.MCP || {};
240  window.Shopify.MCP.enabled = true;
241  window.Shopify.MCP.shop = "supergoop.myshopify.com";
242  window.Shopify.MCP.mcpEndpoint = "https:\/\/supergoop.com\/api\/mcp";
243  window.Shopify.MCP.tools = [{"name":"search_shop_policies_and_faqs","description":"Used to get facts about the stores policies, products, or services.\nSome examples of questions you can ask are:\n  - What is your return policy?\n  - What is your shipping policy?\n  - What is your phone number?\n  - What are your hours of operation?\"\n","inputSchema":{"$schema":"https:\/\/json-schema.org\/draft\/2020-12\/schema","type":"object","properties":{"query":{"type":"string","description":"A natural language query."},"context":{"type":"string","description":"Additional information about the request such as user demographics, mood, location, or other relevant details that could help in tailoring the response appropriately."}},"required":["query"]}}];
244</script>
vendor: 1 bytes, line 244
244
245<script>(()=>{var d="shopify:webmcp_adapter_loaded",n=Symbol.for("shopify.webmcp_adapter_loading");function s(c,a,{win:r=window,doc:o=document}={}){function p(){try{return r.localStorage.getItem(d)==="true"}catch{return!1}}function l(){try{r.localStorage.setItem(d,"true")}catch{}}function u(){return typeof(o.modelContext||r.navigator?.modelContext)?.registerTool=="function"}function f(){if(r[n]||!u())return;let t=o.head||o.getElementsByTagName("head")[0];if(!t)return;let e=o.createElement("script");e.type="module",e.crossOrigin="anonymous",a&&(e.integrity=a),e.src=c,e.addEventListener("load",l,{once:!0}),e.addEventListener("error",()=>{r[n]=!1},{once:!0}),t.appendChild(e),r[n]=!0}function _(t){let e=o.getElementById("shopify-origin-trials");if(!e||r.__shopifyOriginTrialsDone){t();return}e.addEventListener("load",t,{once:!0}),e.addEventListener("error",t,{once:!0})}function i(){_(()=>r.setTimeout(f,0))}function m(){o.addEventListener("DOMContentLoaded",i,{once:!0})}p()?i():m()}s("\/\/supergoop.com\/cdn\/shopifycloud\/storefront\/assets\/storefront\/webmcp-c6b62ece.js","sha256-ke4DDuBjdvea3vxLWxHc9E9nq8zihuG4IfYEGbb77ys=");})();
246</script>
vendor: 1 bytes, line 246
246
247<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)}};
248</script>
vendor: 1 bytes, line 248
248
249<script data-source-attribution="shopify.dynamic_checkout.buyer_consent">
250  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);
251</script>
vendor: 1 bytes, line 251
251
252<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})}}));
253</script>
253
254<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">
255<style id="shopify-accelerated-checkout-cart">
256        #shopify-buyer-consent {
257  margin-top: 1em;
258  display: inline-block;
259  width: 100%;
260}
261
262#shopify-buyer-consent.hidden {
263  display: none;
264}
265
266#shopify-subscription-policy-button {
267  background: none;
268  border: none;
269  padding: 0;
270  text-decoration: underline;
271  font-size: inherit;
272  cursor: pointer;
273}
274
275#shopify-subscription-policy-button::before {
276  box-shadow: none;
277}
278
279      </style>
280
281<script id="shopify-cfh-end">window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.end');</script>
281
282
283    
283<script>document.documentElement.className = document.documentElement.className.replace('no-js', 'js');</script>
283
284    
284<script type="text/javascript">
285  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])};
286  heap.load("334790879");
287</script>
287
288  
289    
290
291
292
293<script src="https://snapui.searchspring.io/955nyr/production/bundle.js" id="searchspring-context" defer>
294
295    template = "product.unseen-sunscreen-spf-50";
296
297format = "${{amount}}";
298
299</script>
299
300  
301
302  
303  
304    <!-- Envive -->
305    
305<script name='spiffy-react'>
306      (function() {
307        window._spiffy = {
308          env: '/production/universal-build/envive-injection/index',
309          show: true,
310          publicKey: '552ab3ed94ad08473a1552983f6468034f3151c3f0a480519075fa9c3bbd2699'
311        };
312        var loadSpiffyScript = function() {
313          var script = document.createElement('script');
314          script.type = 'module';
315          script.src = 'https://cdn.spiffy.ai/production/universal-build/envive-injection/index.js';
316          script.fetchPriority = 'high';
317          document.head.appendChild(script);
318        };
319        loadSpiffyScript();
320      })();
321    </script>
321
322  
323  
324    
325  <style id="envive-spiffy-hide">
326    #spiffy-top-suggestion-bar-id,
327    #spiffy-ai-chat-preview {
328      display: none !important;
329    }
330  </style>
331  
331<script>
332    (function() {
333      var SPIFFY_ELEMENT_IDS = [
334        'spiffy-top-suggestion-bar-id',
335        'spiffy-ai-chat-preview'
336      ];
337
338      function showSpiffyElements() {
339        SPIFFY_ELEMENT_IDS.forEach(function(id) {
340          var el = document.getElementById(id);
341          if (el) el.style.setProperty('display', '', 'important');
342        });
343      }
344
345      function removeHidingStyle() {
346        var style = document.getElementById('envive-spiffy-hide');
347        if (style) style.remove();
348      }
349
350      function observeAndHideSpiffyElements() {
351        var observer = new MutationObserver(function() {
352          SPIFFY_ELEMENT_IDS.forEach(function(id) {
353            var el = document.getElementById(id);
354            if (el && el.style.display !== 'none') {
355              el.style.display = 'none';
356            }
357          });
358        });
359        observer.observe(document.body, { childList: true, subtree: true });
360      }
361
362      async function init() {
363        var hypothesisId = '019e507f-86dc-7e99-b664-b12b93b42b6b';
364        var attempts = 0;
365        var maxAttempts = 100;
366
367        await new Promise(function(resolve, reject) {
368          (function waitForShoplift() {
369            setTimeout(function() {
370              if (attempts >= maxAttempts) return reject('[Envive]: Shoplift timed out');
371              attempts++;
372              if (window.shoplift) return resolve();
373              waitForShoplift();
374            }, 100);
375          })();
376        });
377
378        if (typeof window.shoplift.isHypothesisActive === 'function') {
379          var isActive = await window.shoplift.isHypothesisActive(hypothesisId);
380          if (isActive) {
381            removeHidingStyle();
382            showSpiffyElements();
383          } else {
384            observeAndHideSpiffyElements();
385          }
386        }
387      }
388
389      init().catch(function(error) {
390        console.error('[Envive]: Error checking hypothesis.', error);
391      });
392    })();
393  </script>
393
394
395
396  
397  
398   <!-- Homepage recommendation test: login state gate -->
399<script>
400  window.__sg_customer_logged_in = false;
401</script>
401
402
403<!-- BEGIN app block: shopify://apps/yotpo-product-reviews/blocks/settings/eb7dfd7d-db44-4334-bc49-c893b51b36cf -->
404
405
406  
406<script type="text/javascript" src="https://cdn-widgetsrepository.yotpo.com/v1/loader/2K1nezyQOlJkhMRlVo0orzfOsTcUFrVeP1vbb87T?languageCode=en" async></script>
406
407
408
409
410  
411<!-- END app block --><!-- BEGIN app block: shopify://apps/gorgias-live-chat-helpdesk/blocks/gorgias/a66db725-7b96-4e3f-916e-6c8e6f87aaaa -->
412<script defer data-gorgias-loader-chat src="https://config.gorgias.chat/bundle-loader/shopify/supergoop.myshopify.com"></script>
412
413
414
415<script defer data-gorgias-loader-convert  src="https://content.9gtb.com/loader.js"></script>
415
416
417
418<script defer data-gorgias-loader-mailto-replace  src="https://config.gorgias.help/api/contact-forms/replace-mailto-script.js?shopName=supergoop"></script>
418
419
420
421<!-- END app block --><!-- BEGIN app block: shopify://apps/cartbot/blocks/cartbot-script-append/f7a44e3b-3901-4412-9d5a-3db0980a9db0 -->
421<script defer="defer">
422	/**	Cartbot script loader, version number: 2.0 */
423	(function(){
424		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)};
425		appendScriptUrl('supergoop.myshopify.com');
426
427		// get script url and append timestamp of last change
428		function appendScriptUrl(shop) {
429
430			var timeStamp 			= Math.floor(Date.now() / (1000*1*1));
431			var timestampUrl 		= 'https://app.cart-bot.net/public/status/shop/'+shop+'.js?'+timeStamp;
432			var backupTimestampUrl 	= 'https://cdn-app.cart-bot.net/public/status/shop/'+shop+'.js?'+timeStamp;
433
434			loadScript(timestampUrl, function() {
435				// Append app script
436				if (typeof giftbee_settings_updated == 'undefined') {
437					giftbee_settings_updated = 'default-by-script';
438				}
439
440				var scriptUrl = "https://cdn-app.cart-bot.net/public/js/main.js?shop="+shop+"&"+giftbee_settings_updated;
441
442				loadScript(scriptUrl, function(){});
443			}, function() {
444				// Failure
445				loadScript(backupTimestampUrl, function() {
446					// Append app script
447					if (typeof giftbee_settings_updated == 'undefined') {
448						giftbee_settings_updated = 'default-by-script';
449					}
450
451					var scriptUrl = "https://cdn-app.cart-bot.net/public/js/main.js?shop="+shop+"&"+giftbee_settings_updated;
452
453					loadScript(scriptUrl, function(){});
454				}, function() {});
455			});
456		}
457	})();
458
459	var CartBotScriptAppended = true;
460</script>
460
461
462<!-- END app block --><!-- BEGIN app block: shopify://apps/attentive/blocks/attn-tag/8df62c72-8fe4-407e-a5b3-72132be30a0d -->
462<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>
462
463
464
465<!-- END app block --><!-- BEGIN app block: shopify://apps/checkmate/blocks/checked_network/697a3444-1374-4f13-ba8c-ec03db25ebf0 -->
466  
466<script
467    src='/apps/cm/v1/load?source=embed'
468    async
469  ></script>
469
470
471
472
473<!-- END app block --><!-- BEGIN app block: shopify://apps/yotpo-loyalty-rewards/blocks/loader-app-embed-block/2f9660df-5018-4e02-9868-ee1fb88d6ccd -->
474    
474<script src="https://cdn-widgetsrepository.yotpo.com/v1/loader/iTfw275wn2LF1RWUXq1Z3Q" async></script>
474
475
476
477
478
479<!-- END app block --><!-- BEGIN app block: shopify://apps/elevar-conversion-tracking/blocks/dataLayerEmbed/bc30ab68-b15c-4311-811f-8ef485877ad6 -->
480
481
482
483<script type="module" dynamic>
484  const configUrl = "/a/elevar/static/configs/e3104fc4bfe645096b307d7caf79bed00494dbbb/config.js";
485  const config = (await import(configUrl)).default;
486  const scriptUrl = config.script_src_app_theme_embed;
487
488  if (scriptUrl) {
489    const { handler } = await import(scriptUrl);
490
491    await handler(
492      config,
493      {
494        cartData: {
495  marketId: "1686143074",
496  localeCountryCode:"US",
497  attributes:{},
498  cartTotal: "0.0",
499  currencyCode:"USD",
500  items: []
501}
502,
503        user: {
504  cartTotal: "0.0",
505  currencyCode:"USD",
506  customer: {},
507}
508,
509        isOnCartPage:false,
510        collectionView:null,
511        searchResultsView:null,
512        productView:{
513    attributes:{},
514    currencyCode:"USD",defaultVariant: {id:"8817",name:"Unseen Sunscreen SPF 50",
515        brand:"Supergoop!",
516        category:"Face",
517        variant:"1.7 fl. oz.",
518        price: "38.0",
519        productId: "7269697060962",
520        variantId: "41610270802018",
521        compareAtPrice: "0.0",image:"\/\/supergoop.com\/cdn\/shop\/files\/Unseen_PDP_Image_Allure_Seal_2025.png?v=1758030958",url:"\/products\/unseen-sunscreen-spf-50?variant=41610270802018"},items: [{id:"8817",name:"Unseen Sunscreen SPF 50",
522          brand:"Supergoop!",
523          category:"Face",
524          variant:"1.7 fl. oz.",
525          price: "38.0",
526          productId: "7269697060962",
527          variantId: "41610270802018",
528          compareAtPrice: "0.0",image:"\/\/supergoop.com\/cdn\/shop\/files\/Unseen_PDP_Image_Allure_Seal_2025.png?v=1758030958",url:"\/products\/unseen-sunscreen-spf-50?variant=41610270802018"},{id:"8824",name:"Unseen Sunscreen SPF 50",
529          brand:"Supergoop!",
530          category:"Face",
531          variant:"2.5 fl. oz.",
532          price: "48.0",
533          productId: "7269697060962",
534          variantId: "41610274275426",
535          compareAtPrice: "0.0",image:"\/\/supergoop.com\/cdn\/shop\/files\/supergoop-unseen-sunscreen-spf-50-product-and-texture-74ml.jpg?v=1774797043",url:"\/products\/unseen-sunscreen-spf-50?variant=41610274275426"},{id:"8855",name:"Unseen Sunscreen SPF 50",
536          brand:"Supergoop!",
537          category:"Face",
538          variant:"0.68 fl. oz.",
539          price: "19.0",
540          productId: "7269697060962",
541          variantId: "41610278305890",
542          compareAtPrice: "0.0",image:"\/\/supergoop.com\/cdn\/shop\/files\/supergoop-unseen-sunscreen-spf-50-product-and-texture-20ml.jpg?v=1774797043",url:"\/products\/unseen-sunscreen-spf-50?variant=41610278305890"},{id:"3423",name:"Unseen Sunscreen SPF 50",
543          brand:"Supergoop!",
544          category:"Face",
545          variant:"2-pack",
546          price: "76.0",
547          productId: "7269697060962",
548          variantId: "42388055916642",
549          compareAtPrice: "0.0",image:"\/\/supergoop.com\/cdn\/shop\/files\/Unseen_2-Pack.png?v=1774797043",url:"\/products\/unseen-sunscreen-spf-50?variant=42388055916642"},]
550  },
551      }
552    );
553  }
554</script>
554
555
556
557<!-- END app block -->
557<script src="https://cdn.shopify.com/extensions/01a0d474-b3d4-7e57-acf6-716ebce18796/forms-2595/assets/shopify-forms-loader.js" type="text/javascript" defer="defer"></script>
vendor: 1 bytes, line 557
557
558<script src="https://cdn.shopify.com/extensions/01a0ac46-d5b1-7e90-90aa-1f7e831976f9/rivo-loyalty-rewards-referrals-819/assets/rivo-app-embed.js" type="text/javascript" defer="defer"></script>
558
559<meta property="og:image" content="https://cdn.shopify.com/s/files/1/1503/5658/files/Unseen_PDP_Image_Allure_Seal_2025.png?v=1758030958" />
560<meta property="og:image:secure_url" content="https://cdn.shopify.com/s/files/1/1503/5658/files/Unseen_PDP_Image_Allure_Seal_2025.png?v=1758030958" />
561<meta property="og:image:width" content="1180" />
562<meta property="og:image:height" content="1604" />
563<meta property="og:image:alt" content="Supergoop! Unseen Sunscreen SPF 50 1.7 fl. oz." />
564<link href="https://monorail-edge.shopifysvc.com" rel="dns-prefetch">
565<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: "product"};window.navigator.sendBeacon("https://monorail-edge.shopifysvc.com/v1/produce", JSON.stringify({schema_id: "online_store_buyer_site_abandonment/1.1",payload: payload,metadata: {event_created_at_ms: currentMs,event_sent_at_ms: currentMs}}));}}window.addEventListener('pagehide', handle_abandonment_event);}}());</script>
vendor: 1 bytes, line 565
565
566<script>
567  window.__TREKKIE_SHIM_QUEUE = window.__TREKKIE_SHIM_QUEUE || [];
568</script>
vendor: 1 bytes, line 568
568
569<script>(function(){var wpmLoader=function(){"use strict";var e=/Googlebot|Storebot-Google|bingbot|Baiduspider|YandexBot|DuckDuckBot|Slurp|facebookexternalhit|Twitterbot|LinkedInBot|Applebot|AdsBot-Google|Mediapartners-Google|APIs-Google|PetalBot|SemrushBot|AhrefsBot|MJ12bot|DotBot|Acunetix|PerplexityBot|Perplexity-User/i,t=/bytedance/i;function i(){try{var e=document.cookie;if(!e||"string"!=typeof e)return;for(var t=0,i=e.split(";");t<i.length;t++){var n=i[t],r=n.indexOf("=");if(-1!==r){var o=n.slice(0,r).trim();if(o){var a=void 0;try{a=decodeURIComponent(o)}catch(e){a=o}if("_shopify_s"===a){var d=n.slice(r+1).trim();try{return decodeURIComponent(d)}catch(e){return d}}}}}return}catch(e){return}}function n(e){try{"undefined"!=typeof console&&"function"==typeof console.warn&&console.warn(e)}catch(e){}}function r(e,t){return"string"==typeof e&&e.length>0&&e.length<=t?e:void 0}function o(e){var t;switch(null==(t=null==e?void 0:e.navigation)?void 0:t.type){case 0:return"navigate";case 1:return"reload";case 2:return"back_forward";default:return}}function a(){var e,t,i;try{var n=null==(i=null==(t=null==(e=self.ShopifyAnalytics)?void 0:e.lib)?void 0:t.trekkie)?void 0:i.state;return"awaiting-consent"===n||"initialized"===n?n:void 0}catch(e){return}}return function(d,s,u,l){var c=arguments.length>4&&void 0!==arguments[4]?arguments[4]:{};try{var p=c.trekkieShim;!0!==p&&"true"!==p||null!=window.__TREKKIE_SHIM_QUEUE||(window.__TREKKIE_SHIM_QUEUE=[])}catch(e){}var f,v,h,y,g=(v=(f={modern:/Edge?\/(1{2}[4-9]|1[2-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Firefox\/(1{2}[4-9]|1[2-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Chrom(ium|e)\/(9{2}|\d{3,})\.\d+(\.\d+|)|(Maci|X1{2}).+ Version\/(15\.\d+|(1[6-9]|[2-9]\d|\d{3,})\.\d+)([,.]\d+|)( \(\w+\)|)( Mobile\/\w+|) Safari\/|Chrome.+OPR\/(9{2}|\d{3,})\.\d+\.\d+|(CPU[ +]OS|iPhone[ +]OS|CPU[ +]iPhone|CPU IPhone OS|CPU iPad OS)[ +]+(15[._]\d+|(1[6-9]|[2-9]\d|\d{3,})[._]\d+)([._]\d+|)|Android:?[ /-](14[89]|1[5-9]\d|[2-9]\d{2}|\d{4,})(\.\d+|)(\.\d+|)|Android.+Firefox\/(15\d|1[6-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+Chrom(ium|e)\/(14[89]|1[5-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|SamsungBrowser\/([2-9]\d|\d{3,})\.\d+/,legacy:/Edge?\/(1[6-9]|[2-9]\d|\d{3,})\.\d+(\.\d+|)|Firefox\/(5[4-9]|[6-9]\d|\d{3,})\.\d+(\.\d+|)|Chrom(ium|e)\/(5[1-9]|[6-9]\d|\d{3,})\.\d+(\.\d+|)([\d.]+$|.*Safari\/(?![\d.]+ Edge\/[\d.]+$))|(Maci|X1{2}).+ Version\/(10\.\d+|(1[1-9]|[2-9]\d|\d{3,})\.\d+)([,.]\d+|)( \(\w+\)|)( Mobile\/\w+|) Safari\/|Chrome.+OPR\/(3[89]|[4-9]\d|\d{3,})\.\d+\.\d+|(CPU[ +]OS|iPhone[ +]OS|CPU[ +]iPhone|CPU IPhone OS|CPU iPad OS)[ +]+(10[._]\d+|(1[1-9]|[2-9]\d|\d{3,})[._]\d+)([._]\d+|)|Android:?[ /-](14[89]|1[5-9]\d|[2-9]\d{2}|\d{4,})(\.\d+|)(\.\d+|)|Mobile Safari.+OPR\/([89]\d|\d{3,})\.\d+\.\d+|Android.+Firefox\/(15\d|1[6-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+Chrom(ium|e)\/(14[89]|1[5-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+(UC? ?Browser|UCWEB|U3)[ /]?(15\.([5-9]|\d{2,})|(1[6-9]|[2-9]\d|\d{3,})\.\d+)\.\d+|SamsungBrowser\/(5\.\d+|([6-9]|\d{2,})\.\d+)|Android.+MQ{2}Browser\/(14(\.(9|\d{2,})|)|(1[5-9]|[2-9]\d|\d{3,})(\.\d+|))(\.\d+|)|K[Aa][Ii]OS\/(3\.\d+|([4-9]|\d{2,})\.\d+)(\.\d+|)/}).modern,h=f.legacy,(y=navigator.userAgent).match(e)?"bot":y.match(v)?"modern":y.match(h)?"legacy":y.match(t)?"bot":"unknown"),m=function(e){var t,i,n=r(e,128);try{var a=window.performance,d=null==(t=null==a?void 0:a.getEntriesByType)?void 0:t.call(a,"navigation")[0];if(!d)return{requestId:n,navigationType:o(a)};var s="type"in d?r(d.type,64):void 0,u="serverTiming"in d&&Array.isArray(d.serverTiming)?d.serverTiming:[];return{requestId:null!=n?n:r(null==(i=u.find(function(e){return"requestID"===e.name}))?void 0:i.description,128),navigationType:s}}catch(e){return{requestId:n}}}(c.requestId),w=function(e){var t=e.version,r=e.browserTarget,o=e.surface,a=e.shopId,d=e.monorailEndpoint,s=window.location.href;return{emit:function(e){var u=e.status,l=e.errorMsg,c=e.failureReason,p=e.useKeepaliveFallback,f=void 0!==p&&p,v=e.navigationType,h=e.pagehidePersisted,y=e.requestId,g=e.trekkieState;if(d){var m,w;try{var b=(new Date).getTime();m=JSON.stringify({metadata:{event_sent_at_ms:b},events:[{schema_id:"web_pixels_manager_load/3.3",payload:{version:t,bundle_target:r,page_url:s,status:u,surface:o,error_msg:l,failure_reason:c,navigation_type:v,pagehide_persisted:h,request_id:y,trekkie_state:g,shop_id:a,visit_token:i()},metadata:{event_created_at_ms:b}}]})}catch(e){return}try{if("function"==typeof window.navigator.sendBeacon&&-1===(w=window.navigator.userAgent).indexOf("iPhone; CPU iPhone OS 12_")&&-1===w.indexOf("iPad; CPU OS 12_")&&-1===w.indexOf("iPod touch; CPU iPhone OS 12_")&&window.navigator.sendBeacon.bind(window.navigator)(d,m))return}catch(e){}if(f)try{"function"==typeof window.fetch&&window.fetch(d,{method:"POST",headers:{"Content-Type":"text/plain"},body:m,keepalive:!0}
569).catch(function(){})}catch(e){}else try{var _=new XMLHttpRequest;_.open("POST",d,!0),_.setRequestHeader("Content-Type","text/plain"),_.send(m)}catch(e){n("[Web Pixels Manager] Got an unhandled error while logging to Monorail.")}}else n("[Web Pixels Manager] No Monorail endpoint provided, skipping logging.")}}}({version:u,browserTarget:g,surface:d.surface,shopId:d.shopId,monorailEndpoint:d.monorailEndpoint});if(Boolean(null==(_=null==(b=window.Shopify)?void 0:b.analytics)?void 0:_.replayQueue))w.emit({status:"setup-skipped",errorMsg:"replay queue already initialized."});else{var b,_;w.emit({status:"setup-started"}),window.Shopify=window.Shopify||{};var S=window.Shopify;S.analytics=S.analytics||{};var P=S.analytics;P.replayQueue=[],P.publish=function(e,t,i){return P.replayQueue.push([e,t,i]),!0};try{self.performance.mark("wpm:start")}catch(e){}var k,C="modern"===g?"modern":"legacy",E=(null!=l?l:{modern:"",legacy:""})[C],I=[(k={baseUrl:s,hashVersion:u,buildTarget:C}).baseUrl,"/wpm","/b",k.hashVersion,"modern"===k.buildTarget?"m":"l",".js"].join(""),O=!1,T=!1;try{c.browserTarget=g,function(){O=!0;try{window.addEventListener("pagehide",M)}catch(e){O=!1}}(),R(function(){try{R(x)}catch(e){D(e)}}),w.emit({status:"loading",requestId:m.requestId,navigationType:m.navigationType,trekkieState:a()})}catch(e){D(e)}}function U(){var e;if(q(),!function(){var e,t;return Boolean(null==(t=null==(e=window.Shopify)?void 0:e.analytics)?void 0:t.initialized)}()){var t,i,n;try{if("function"!=typeof(null==(e=window.webPixelsManager)?void 0:e.init))return void A();if(!(null!==(n=i=t=window.webPixelsManager.init(d))&&"function"!=typeof n&&Object(n)===n&&"publish"in i&&"function"==typeof i.publish&&"publishCustomEvent"in i&&"function"==typeof i.publishCustomEvent&&"visitor"in i&&"function"==typeof i.visitor))return void A()}catch(e){return void A(e)}var r=window.Shopify.analytics;r.replayQueue.forEach(function(e){var i=e[0],n=e[1],r=e[2];t.publishCustomEvent(i,n,r)}),r.replayQueue=[],r.publish=t.publishCustomEvent,r.visitor=t.visitor,r.initialized=!0}}function A(e){B("manager_api_unavailable",void 0===e?void 0:Q(e))}function x(){B("script_load_failed","".concat(I," has failed to load"))}function B(e,t){T||(T=!0,q(),w.emit({status:"failed",errorMsg:t,failureReason:e,requestId:m.requestId,navigationType:m.navigationType,trekkieState:a()}))}function M(e){O&&(q(),w.emit({status:"pagehide-while-loading",useKeepaliveFallback:!0,pagehidePersisted:e.persisted,requestId:m.requestId,navigationType:m.navigationType,trekkieState:a()}))}function q(){O=!1;try{window.removeEventListener("pagehide",M)}catch(e){}}function R(e){var t;!function(e){var t=e.src,i=e.async,n=void 0===i||i,r=e.onload,o=e.onerror,a=e.sri,d=e.scriptDataAttributes,s=void 0===d?{}:d,u=document.createElement("script"),l=document.querySelector("head"),c=document.querySelector("body");if(u.async=n,u.src=t,a&&(u.integrity=a,u.crossOrigin="anonymous"),s)for(var p in s)if(Object.prototype.hasOwnProperty.call(s,p))try{u.dataset[p]=String(s[p])}catch(e){}if(r&&u.addEventListener("load",r),o&&u.addEventListener("error",o),l)l.appendChild(u);else{if(!c)throw new Error("Did not find a head or body element to append the script");c.appendChild(u)}}({src:I,async:!0,onload:U,onerror:e,sri:(t=E,"string"==typeof t&&/^sha384-[A-Za-z0-9+/=]+$/.test(t)?E:""),scriptDataAttributes:c})}function D(e){B("script_append_failed",Q(e))}function Q(e){return e instanceof Error?e.message:"Unknown error"}}}();wpmLoader({shopId: 15035658,storefrontBaseUrl: "https://supergoop.com",extensionsBaseUrl: "https://extensions.shopifycdn.com/cdn/shopifycloud/web-pixels-manager",monorailEndpoint: "https://supergoop.com/.well-known/shopify/monorail/unstable/produce_batch",surface: "storefront-renderer",enabledBetaFlags: ["16072cab","8450a54b"],webPixelsConfigList: [{"id":"1691484258","configuration":"{\"accountId\":\"supergoop.myshopify.com\",\"trackingOrigin\":\"https:\\\/\\\/shdid.me\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"ebf932729e55df621053f2896dbe44a7","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"}
569,{"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":"a3321ca85cf5aaf6b57585fcd8d67b3a","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":"8a9a175b11d15038a70fe78d09c59720","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":"290aca1e7ac09c200ac865e0bd20ba1a","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":"dabcda9558be25394b12ce3ce899568b","type":"APP","apiClientId":7521861633,"privacyPurposes":["ANALYTICS"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"unrestricted"},{"id":"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":"312bab8f0eaa1e8546f7d95e88065afa","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\": \"https:\/\/shopify-gtm-suite.getelevar.com\/configs\/e3104fc4bfe645096b307d7caf79bed00494dbbb\/config.js\"}","eventPayloadVersion":"v1","runtimeContext":"LAX","scriptVersion":"7ae63d00911d5ee26809bf1e3232d852","type":"APP","apiClientId":2509311,"privacyPurposes":[],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]}
569,"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":"0530","apiClientId":"shopify-pixel","type":"APP","privacyPurposes":["ANALYTICS","MARKETING"]},{"id":"shopify-custom-pixel","eventPayloadVersion":"v1","runtimeContext":"LAX","scriptVersion":"0530","apiClientId":"shopify-pixel","type":"CUSTOM","privacyPurposes":["ANALYTICS","MARKETING"]}],isMerchantRequest: false,initData: {"shop":{"name":"Supergoop!","paymentSettings":{"currencyCode":"USD"},"myshopifyDomain":"supergoop.myshopify.com","countryCode":"US","storefrontUrl":"https:\/\/supergoop.com"},"customer":null,"cart":null,"checkout":null,"productVariants":[{"price":{"amount":38.0,"currencyCode":"USD"},"product":{"title":"Unseen Sunscreen SPF 50","vendor":"Supergoop!","id":"7269697060962","untranslatedTitle":"Unseen Sunscreen SPF 50","url":"\/products\/unseen-sunscreen-spf-50","type":"Face"},"id":"41610270802018","image":{"src":"\/\/supergoop.com\/cdn\/shop\/files\/Unseen_PDP_Image_Allure_Seal_2025.png?v=1758030958"},"sku":"8817","title":"1.7 fl. oz.","untranslatedTitle":"1.7 fl. oz."},{"price":{"amount":48.0,"currencyCode":"USD"},"product":{"title":"Unseen Sunscreen SPF 50","vendor":"Supergoop!","id":"7269697060962","untranslatedTitle":"Unseen Sunscreen SPF 50","url":"\/products\/unseen-sunscreen-spf-50","type":"Face"},"id":"41610274275426","image":{"src":"\/\/supergoop.com\/cdn\/shop\/files\/supergoop-unseen-sunscreen-spf-50-product-and-texture-74ml.jpg?v=1774797043"},"sku":"8824","title":"2.5 fl. oz.","untranslatedTitle":"2.5 fl. oz."},{"price":{"amount":19.0,"currencyCode":"USD"},"product":{"title":"Unseen Sunscreen SPF 50","vendor":"Supergoop!","id":"7269697060962","untranslatedTitle":"Unseen Sunscreen SPF 50","url":"\/products\/unseen-sunscreen-spf-50","type":"Face"},"id":"41610278305890","image":{"src":"\/\/supergoop.com\/cdn\/shop\/files\/supergoop-unseen-sunscreen-spf-50-product-and-texture-20ml.jpg?v=1774797043"},"sku":"8855","title":"0.68 fl. oz.","untranslatedTitle":"0.68 fl. oz."},{"price":{"amount":76.0,"currencyCode":"USD"},"product":{"title":"Unseen Sunscreen SPF 50","vendor":"Supergoop!","id":"7269697060962","untranslatedTitle":"Unseen Sunscreen SPF 50","url":"\/products\/unseen-sunscreen-spf-50","type":"Face"},"id":"42388055916642","image":{"src":"\/\/supergoop.com\/cdn\/shop\/files\/Unseen_2-Pack.png?v=1774797043"},"sku":"3423","title":"2-pack","untranslatedTitle":"2-pack"}],"products":[{"id":"7269697060962","handle":"unseen-sunscreen-spf-50","isCollective":null,"title":"Unseen Sunscreen SPF 50","type":"Face","untranslatedTitle":"Unseen Sunscreen SPF 50","url":"\/products\/unseen-sunscreen-spf-50","vendor":"Supergoop!","remoteShopId":null,"variants":[{"id":"41610270802018","image":{"src":"\/\/supergoop.com\/cdn\/shop\/files\/Unseen_PDP_Image_Allure_Seal_2025.png?v=1758030958"},"price":{"amount":38.0,"currencyCode":"USD"},"sku":"8817","title":"1.7 fl. oz.","untranslatedTitle":"1.7 fl. oz."},{"id":"41610274275426","image":{"src":"\/\/supergoop.com\/cdn\/shop\/files\/supergoop-unseen-sunscreen-spf-50-product-and-texture-74ml.jpg?v=1774797043"},"price":{"amount":48.0,"currencyCode":"USD"},"sku":"8824","title":"2.5 fl. oz.","untranslatedTitle":"2.5 fl. oz."},{"id":"41610278305890","image":{"src":"\/\/supergoop.com\/cdn\/shop\/files\/supergoop-unseen-sunscreen-spf-50-product-and-texture-20ml.jpg?v=1774797043"},"price":{"amount":19.0,"currencyCode":"USD"},"sku":"8855","title":"0.68 fl. oz.","untranslatedTitle":"0.68 fl. oz."},{"id":"42388055916642","image":{"src":"\/\/supergoop.com\/cdn\/shop\/files\/Unseen_2-Pack.png?v=1774797043"},"price":{"amount":76.0,"currencyCode":"USD"},"sku":"3423","title":"2-pack","untranslatedTitle":"2-pack"}]},{"id":"7274901110882","handle":"unseen-sunscreen-spf-50-2-pack","isCollective":null,"title":"Unseen Sunscreen 
569SPF 50 - 2 pack","type":"Face","untranslatedTitle":"Unseen Sunscreen SPF 50 - 2 pack","url":"\/products\/unseen-sunscreen-spf-50-2-pack","vendor":"Supergoop!","remoteShopId":null,"variants":[{"id":"41630956978274","image":{"src":"\/\/supergoop.com\/cdn\/shop\/files\/Unseen_2-Pack.png?v=1774797043"},"price":{"amount":76.0,"currencyCode":"USD"},"sku":"3423","title":"Default Title","untranslatedTitle":"Default Title"}]},{"id":"6643724386402","handle":"glowscreen-spf-40","isCollective":null,"title":"Glowscreen SPF 40","type":"Face \u0026 Body","untranslatedTitle":"Glowscreen SPF 40","url":"\/products\/glowscreen-spf-40","vendor":"Supergoop!","remoteShopId":null,"variants":[{"id":"39553207730274","image":{"src":"\/\/supergoop.com\/cdn\/shop\/files\/Glowscreen_PDP_d9278e44-8f22-4987-ab44-290b1aa283d5.png?v=1756225452"},"price":{"amount":38.0,"currencyCode":"USD"},"sku":"6882","title":"Sunrise \/ 1.7 fl. oz.","untranslatedTitle":"Sunrise \/ 1.7 fl. oz."}]},{"id":"6668416090210","handle":"smooth-and-poreless-mattescreen","isCollective":null,"title":"Mineral Mattescreen SPF 40","type":"Face","untranslatedTitle":"Mineral Mattescreen SPF 40","url":"\/products\/smooth-and-poreless-mattescreen","vendor":"Supergoop!","remoteShopId":null,"variants":[{"id":"39625226879074","image":{"src":"\/\/supergoop.com\/cdn\/shop\/files\/Mattescreen_1.5oz_Img1_new_234b06e3-dae1-4ceb-a8b5-d92b5aeae655.jpg?v=1716987301"},"price":{"amount":40.0,"currencyCode":"USD"},"sku":"6127","title":"Sunrise \/ 1.5 fl. oz.","untranslatedTitle":"Sunrise \/ 1.5 fl. oz."}]},{"id":"7455093031010","handle":"dewscreen-hydrating-primer-spf-50","isCollective":null,"title":"Dewscreen Hydrating Primer SPF 50","type":"Face","untranslatedTitle":"Dewscreen Hydrating Primer SPF 50","url":"\/products\/dewscreen-hydrating-primer-spf-50","vendor":"Supergoop!","remoteShopId":null,"variants":[{"id":"42299382464610","image":{"src":"\/\/supergoop.com\/cdn\/shop\/files\/SG_DTC_Dewscreen_PDP_01_b9985c42-524b-4f52-b203-18ee685617c8.jpg?v=1764953384"},"price":{"amount":38.0,"currencyCode":"USD"},"sku":"90374","title":"1.7 fl. oz.","untranslatedTitle":"1.7 fl. oz."}]},{"id":"6990744223842","handle":"protectint-skin-tint-spf-50","isCollective":null,"title":"Protec(tint) Daily Skin Tint SPF 50","type":"Face","untranslatedTitle":"Protec(tint) Daily Skin Tint SPF 50","url":"\/products\/protectint-skin-tint-spf-50","vendor":"Supergoop!","remoteShopId":null,"variants":[{"id":"40749946044514","image":{"src":"\/\/supergoop.com\/cdn\/shop\/files\/26W_Img1_new_5621efe9-cde9-4cc8-907e-122aa239e607.jpg?v=1767364283"},"price":{"amount":44.0,"currencyCode":"USD"},"sku":"7421","title":"26W \/ 1.18 fl. oz.","untranslatedTitle":"26W \/ 1.18 fl. oz."}]},{"id":"4342498164834","handle":"everyday-sunscreen","isCollective":null,"title":"PLAY Everyday Lotion SPF 50","type":"Face \u0026 Body","untranslatedTitle":"PLAY Everyday Lotion SPF 50","url":"\/products\/everyday-sunscreen","vendor":"Supergoop!","remoteShopId":null,"variants":[{"id":"31189086634082","image":{"src":"\/\/supergoop.com\/cdn\/shop\/files\/PLAY_162ml_Img1_new.jpg?v=1716987559"},"price":{"amount":28.0,"currencyCode":"USD"},"sku":"2464","title":"5.5 fl. oz.","untranslatedTitle":"5.5 fl. oz."}]},{"id":"4342502522978","handle":"antioxidant-infused-sunscreen-mist-with-vitamin-c","isCollective":null,"title":"PLAY Antioxidant Body Mist SPF 50 with Vitamin C","type":"Body","untranslatedTitle":"PLAY Antioxidant Body Mist SPF 50 with Vitamin C","url":"\/products\/antioxidant-infused-sunscreen-mist-with-vitamin-c","vendor":"Supergoop!","remoteShopId":null,"variants":[{"id":"31189114388578","image":{"src":"\/\/supergoop.com\/cdn\/shop\/files\/PLAYMist_1180x1604_3e82bdac-fbf2-4a5b-95e9-137c615720ae.png?v=1779817896"},"price":{"amount":24.0,"currencyCode":"USD"},"sku":"3799","title":"Sunny Citrus \/ 6 fl. oz.","untranslatedTitle":"Sunny Citrus \/ 6 fl. oz."}]},{"id":"7285288566882","handle":"glow-gloss-lip-balm","isCollective":null,"title":"Glow Gloss SPF 40 Lip Balm","type":"Face","untranslatedTitle":"Glow Gloss SPF 40 Lip Balm","url":"\/products\/glow-gloss-lip-balm","vendor":"Supergoop!","remoteShopId":null,"variants":[{"id":"41683278430306","image":{"src":"\/\/supergoop.com\/cdn\/shop\/files\/DTC_US_PDP_Glow_Gloss_SPF40_VanillaSoftServe_15ml_Overlay_0a686a5f-d866-49a9-bdcd-472bd80cb401.jpg?v=1746217009"},"price":{"amount":22.0,"currencyCode":"USD"},"sku":"90046","title":"Vanilla Soft Serve","untranslatedTitle":"Vanilla Soft Serve"}]}
569,{"id":"4528433627234","handle":"mineral-setting-powder","isCollective":null,"title":"(Re)setting Mineral Powder SPF 35","type":"Powder","untranslatedTitle":"(Re)setting Mineral Powder SPF 35","url":"\/products\/mineral-setting-powder","vendor":"Supergoop!","remoteShopId":null,"variants":[{"id":"32056031051874","image":{"src":"\/\/supergoop.com\/cdn\/shop\/files\/ResettingPowder_Translucent_Img1_new.jpg?v=1716986050"},"price":{"amount":35.0,"currencyCode":"USD"},"sku":"3867","title":"Translucent","untranslatedTitle":"Translucent"}]},{"id":"6993891491938","handle":"unseen-clear-sunscreen-stick","isCollective":null,"title":"Unseen Sunscreen Stick SPF 40","type":"Face \u0026 Body","untranslatedTitle":"Unseen Sunscreen Stick SPF 40","url":"\/products\/unseen-clear-sunscreen-stick","vendor":"Supergoop!","remoteShopId":null,"variants":[{"id":"40758203154530","image":{"src":"\/\/supergoop.com\/cdn\/shop\/files\/UnseenSunscreenStick_Alt_01_new.jpg?v=1716989664"},"price":{"amount":32.0,"currencyCode":"USD"},"sku":"8329","title":"0.70 oz.","untranslatedTitle":"0.70 oz."}]},{"id":"7327851577442","handle":"play-everyday-stick-spf-50","isCollective":null,"title":"PLAY Everyday Sunscreen Stick SPF 50","type":"Face \u0026 Body","untranslatedTitle":"PLAY Everyday Sunscreen Stick SPF 50","url":"\/products\/play-everyday-stick-spf-50","vendor":"Supergoop!","remoteShopId":null,"variants":[{"id":"41845450768482","image":{"src":"\/\/supergoop.com\/cdn\/shop\/files\/supergoop-play-sunscreen-stick-spf-50-product-and-texture.jpg?v=1744295444"},"price":{"amount":22.0,"currencyCode":"USD"},"sku":"9074","title":"1.4 oz.","untranslatedTitle":"1.4 oz."}]}],"purchasingCompany":null},},"https://supergoop.com/cdn","c8540278we853e1abpb62b2c4amde256306",{"modern":"","legacy":""},{"trekkieShim":true,"agentContext":true,"apiClientId":"580111","facebookCapiEnabled":"false","themeId":"143986851938","themePublished":"true","eventMetadataId":"68ab333d-8082-4eab-9d31-b60d8ac9297a","pageType":"product","resourceId":"7269697060962","shopId":"15035658","storefrontBaseUrl":"https:\/\/supergoop.com","extensionBaseUrl":"https:\/\/extensions.shopifycdn.com\/cdn\/shopifycloud\/web-pixels-manager","surface":"storefront-renderer","enabledBetaFlags":"[\"16072cab\", \"8450a54b\"]","isMerchantRequest":"false","hashVersion":"c8540278we853e1abpb62b2c4amde256306","publish":"custom","events":"[[\"page_viewed\",{}],[\"product_viewed\",{\"productVariant\":{\"price\":{\"amount\":38.0,\"currencyCode\":\"USD\"},\"product\":{\"title\":\"Unseen Sunscreen SPF 50\",\"vendor\":\"Supergoop!\",\"id\":\"7269697060962\",\"untranslatedTitle\":\"Unseen Sunscreen SPF 50\",\"url\":\"\/products\/unseen-sunscreen-spf-50\",\"type\":\"Face\"},\"id\":\"41610270802018\",\"image\":{\"src\":\"\/\/supergoop.com\/cdn\/shop\/files\/Unseen_PDP_Image_Allure_Seal_2025.png?v=1758030958\"},\"sku\":\"8817\",\"title\":\"1.7 fl. oz.\",\"untranslatedTitle\":\"1.7 fl. oz.\"}}]]"});})();</script>
569<script>
570  window.ShopifyAnalytics = window.ShopifyAnalytics || {};
571  window.ShopifyAnalytics.meta = window.ShopifyAnalytics.meta || {};
572  window.ShopifyAnalytics.meta.currency = 'USD';
573  var meta = {"product":{"id":7269697060962,"gid":"gid:\/\/shopify\/Product\/7269697060962","vendor":"Supergoop!","type":"Face","handle":"unseen-sunscreen-spf-50","variants":[{"id":41610270802018,"price":3800,"name":"Unseen Sunscreen SPF 50 - 1.7 fl. oz.","public_title":"1.7 fl. oz.","sku":"8817"},{"id":41610274275426,"price":4800,"name":"Unseen Sunscreen SPF 50 - 2.5 fl. oz.","public_title":"2.5 fl. oz.","sku":"8824"},{"id":41610278305890,"price":1900,"name":"Unseen Sunscreen SPF 50 - 0.68 fl. oz.","public_title":"0.68 fl. oz.","sku":"8855"},{"id":42388055916642,"price":7600,"name":"Unseen Sunscreen SPF 50 - 2-pack","public_title":"2-pack","sku":"3423"}],"remote":false},"page":{"pageType":"product","resourceType":"product","resourceId":7269697060962,"requestId":"c4ddf6ee-a939-46d9-9a0d-e779698ad3ca-1790277840"}};
574  for (var attr in meta) {
575    window.ShopifyAnalytics.meta[attr] = meta[attr];
576  }
577</script>
vendor: 1 bytes, line 577
577
578<script class="analytics">
579  (function () {
580    var customDocumentWrite = function(content) {
581      var jquery = null;
582
583      if (window.jQuery) {
584        jquery = window.jQuery;
585      } else if (window.Checkout && window.Checkout.$) {
586        jquery = window.Checkout.$;
587      }
588
589      if (jquery) {
590        jquery('body').append(content);
591      }
592    };
593
594    var hasLoggedConversion = function(token) {
595      if (token) {
596        return document.cookie.indexOf('loggedConversion=' + token) !== -1;
597      }
598      return false;
599    }
600
601    var setCookieIfConversion = function(token) {
602      if (token) {
603        var twoMonthsFromNow = new Date(Date.now());
604        twoMonthsFromNow.setMonth(twoMonthsFromNow.getMonth() + 2);
605
606        document.cookie = 'loggedConversion=' + token + '; expires=' + twoMonthsFromNow;
607      }
608    }
609
610    var trekkie = window.ShopifyAnalytics.lib = window.trekkie = window.trekkie || [];
611    window.ShopifyAnalytics.lib.trekkie = window.trekkie;
612    if (trekkie.integrations) {
613      return;
614    }
615    trekkie.methods = [
616      'identify',
617      'page',
618      'ready',
619      'track',
620      'trackForm',
621      'trackLink'
622    ];
623    trekkie.factory = function(method) {
624      return function() {
625        var args = Array.prototype.slice.call(arguments);
626        args.unshift(method);
627        trekkie.push(args);
628        if (method == 'track' || method == 'page') {
629          try {
630            if (window.__TREKKIE_SHIM_QUEUE == null) {
631              window.__TREKKIE_SHIM_QUEUE = [];
632            }
633            window.__TREKKIE_SHIM_QUEUE.push({
634              from: 'trekkie-stub',
635              method: method,
636              args: args.slice(1)
637            });
638          } catch (e) {
639            // no-op
640          }
641        }
642        return trekkie;
643      };
644    };
645    for (var i = 0; i < trekkie.methods.length; i++) {
646      var key = trekkie.methods[i];
647      trekkie[key] = trekkie.factory(key);
648    }
649    trekkie.load = function(config) {
650      trekkie.config = config || {};
651      trekkie.config.initialDocumentCookie = document.cookie;
652      var first = document.getElementsByTagName('script')[0];
653var script = document.createElement('script');
654script.type = 'text/javascript';
655script.onerror = function(e) {
656  var scriptFallback = document.createElement('script');
657  scriptFallback.type = 'text/javascript';
658  scriptFallback.onerror = function(error) {
659          var Monorail = {
660      produce: function produce(monorailDomain, schemaId, payload) {
661        var currentMs = new Date().getTime();
662        var event = {
663          schema_id: schemaId,
664          payload: payload,
665          metadata: {
666            event_created_at_ms: currentMs,
667            event_sent_at_ms: currentMs
668          }
669        };
670        return Monorail.sendRequest("https://" + monorailDomain + "/v1/produce", JSON.stringify(event));
671      },
672      sendRequest: function sendRequest(endpointUrl, payload) {
673        // Try the sendBeacon API
674        if (window && window.navigator && typeof window.navigator.sendBeacon === 'function' && typeof window.Blob === 'function' && !Monorail.isIos12()) {
675          var blobData = new window.Blob([payload], {
676            type: 'text/plain'
677          });
678
679          if (window.navigator.sendBeacon(endpointUrl, blobData)) {
680            return true;
681          } // sendBeacon was not successful
682
683        } // XHR beacon
684
685        var xhr = new XMLHttpRequest();
686
687        try {
688          xhr.open('POST', endpointUrl);
689          xhr.setRequestHeader('Content-Type', 'text/plain');
690          xhr.send(payload);
691        } catch (e) {
692          console.log(e);
693        }
694
695        return false;
696      },
697      isIos12: function isIos12() {
698        return window.navigator.userAgent.lastIndexOf('iPhone; CPU iPhone OS 12_') !== -1 || window.navigator.userAgent.lastIndexOf('iPad; CPU OS 12_') !== -1;
699      }
700    };
701    Monorail.produce('monorail-edge.shopifysvc.com',
702      'trekkie_storefront_load_errors/1.1',
703      {shop_id: 15035658,
704      theme_id: 143986851938,
705      app_name: "storefront",
706      context_url: window.location.href,
707      source_url: "//supergoop.com/cdn/s/trekkie.storefront.f1ba865b3fecd812ad617f74ac079261075e9edb.min.js"});
708
709  };
710  scriptFallback.async = true;
711  scriptFallback.src = '//supergoop.com/cdn/s/trekkie.storefront.f1ba865b3fecd812ad617f74ac079261075e9edb.min.js';
712  first.parentNode.insertBefore(scriptFallback, first);
713};
714script.async = true;
715script.src = '//supergoop.com/cdn/s/trekkie.storefront.f1ba865b3fecd812ad617f74ac079261075e9edb.min.js';
716first.parentNode.insertBefore(script, first);
717
718    };
719    trekkie.load(
720      {"Trekkie":{"appName":"storefront","development":false,"defaultAttributes":{"shopId":15035658,"isMerchantRequest":null,"themeId":143986851938,"themeCityHash":"14109252887806683780","contentLanguage":"en","currency":"USD","eventMetadataId":"68ab333d-8082-4eab-9d31-b60d8ac9297a"},"isServerSideCookieWritingEnabled":true,"monorailRegion":"shop_domain","enabledBetaFlags":["764d78cb","8450a54b"]},"Session Attribution":{},"S2S":{"facebookCapiEnabled":false,"source":"trekkie-storefront-renderer","apiClientId":580111}}
721    );
722
723    var loaded = false;
724    trekkie.ready(function() {
725      if (loaded) return;
726      loaded = true;
727
728      window.ShopifyAnalytics.lib = window.trekkie;
729
730      var originalDocumentWrite = document.write;
731      document.write = customDocumentWrite;
732      try { window.ShopifyAnalytics.merchantGoogleAnalytics.call(this); } catch(error) {};
733      document.write = originalDocumentWrite;
734
735      var match = window.location.pathname.match(/checkouts\/(.+)\/(thank_you|post_purchase)/)
736      var token = match? match[1]: undefined;
737      if (!hasLoggedConversion(token)) {
738        setCookieIfConversion(token);
739        window.ShopifyAnalytics.lib.track("Viewed Product",{"currency":"USD","variantId":41610270802018,"productId":7269697060962,"productGid":"gid:\/\/shopify\/Product\/7269697060962","name":"Unseen Sunscreen SPF 50 - 1.7 fl. oz.","price":"38.00","sku":"8817","brand":"Supergoop!","variant":"1.7 fl. oz.","category":"Face","nonInteraction":true,"remote":false,"available":true},undefined,undefined,{"shopifyEmitted":true});
740      }
741    });
742
743    window.ShopifyAnalytics.lib.page(null,{"pageType":"product","resourceType":"product","resourceId":7269697060962,"requestId":"c4ddf6ee-a939-46d9-9a0d-e779698ad3ca-1790277840","shopifyEmitted":true});
744
745    var eventsListenerScript = document.createElement('script');
746    eventsListenerScript.async = true;
747    eventsListenerScript.src = "//supergoop.com/cdn/shopifycloud/storefront/assets/shop_events_listener-4e26a9ce.js";
748    document.getElementsByTagName('head')[0].appendChild(eventsListenerScript);
749})();</script>
vendor: 1 bytes, line 749
749
750<script
751  defer
752  src="https://supergoop.com/cdn/shopifycloud/perf-kit/shopify-perf-kit-3.9.4.min.js"
753  data-application="storefront-renderer"
754  data-shop-id="15035658"
755  data-render-region="gcp-us-central1"
756  data-page-type="product"
757  data-theme-instance-id="143986851938"
758  data-theme-name="Supergoop Theme"
759  data-theme-version="25.3.0"
760  data-monorail-region="shop_domain"
761  data-resource-timing-sampling-rate="10"
762  data-shs="true"
763  data-shs-beacon="true"
764  data-shs-export-with-fetch="true"
765  data-shs-logs-sample-rate="1"
766  data-shs-beacon-endpoint="https://supergoop.com/api/collect"
767></script>
767
768<meta name="shopify-y" content="474c068b-abe0-4ef8-bbf7-cb7c27416040" data-expiration="1821835440000"><meta name="shopify-s" content="6da422a5-398d-49c5-9a97-dcfde6b0c651" data-expiration="1790279640000"><meta name="new-cookie-storage-activated" content="t">
769</head>
770
771  <body class="template-product template-unseen-sunscreen-spf-50  overscroll-none ">
772    
773    <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="#ProductDescription" tabindex="0">
774      Skip to product information
775    </a>
776
777    <div class="sticky top-0 z-50">
778      <div id="shopify-section-scrolling-marquee-header" class="shopify-section"><style>
779  .scrolling-marquee-header .scrolling-marquee-wrapper {
780    animation: marquee 30s linear infinite;
781  }
782
783
784  @media screen and (max-width: 768px) {
785    .scrolling-marquee-header .scrolling-marquee-wrapper {
786      animation: marquee 20s linear infinite;
787    }
788  }
789  .scrolling-marquee-header[data-autoscroll='false'] .scrolling-marquee-wrapper {
790    animation-play-state: paused;
791  }
792  @keyframes marquee {
793    0% {
794      transform: translateX(0);
795    }
796
797    100% {
798      transform: translateX(-50%);
799    }
800  }
801</style>
802
803
804
805</div>
806      <div id="shopify-section-promo-bar" class="shopify-section">
807
808  <style>
809    [data-section="promo-bar"] .swiper-wrapper { display: flex; }
810    [data-section="promo-bar"] .swiper-slide { flex-shrink: 0; min-width: 100%; }
811  </style>
812  <section
813    class="w-full flex items-center h-9 mx-auto max-w-full
814    "
815    style="background-color: #ffe922;"
816    data-section="promo-bar">
817    <div
818      class="swiper relative w-full overflow-hidden"
819      >
820
821      <div class="swiper-wrapper items-center">
822        
823          
824            
825                
826                  <div
827                    class="swiper-slide w-full self-stretch flex justify-center items-center !h-auto px-5 py-[9px] lg:py-[7px]
828                    "
829                    data-swiper-autoplay="3000"
830                    >
831                    <div class="text-center body-xs md:body container text-black [&_a]:text-black">
832                      <p><strong>Limited Time Only:</strong> Free shipping &&nbsp;free PLAY Lip Balm on orders $70+</p>
833                    </div>
834                  </div>
835                
836              
837          
838        
839      </div>
840
841      
842    </div>
843  </section>
844
845
846
847</div>
848      <div id="shopify-section-header" class="shopify-section"><section data-section="header" class="bg-white border-b-[1px] border-grey-D0 z-40">
849  
850
851  
851<script type="application/json" data-section-data>
852    {
853      "menu": [
854        
855      ],
856      "linksData": [
857        
858          {
859            "handle": "babies-toddlers",
860            "image": "//supergoop.com/cdn/shop/files/Nav_Kids_Family_Babies.png?v=1714482685&width=70"
861          },
862        
863          {
864            "handle": "bestsellers",
865            "image": "//supergoop.com/cdn/shop/files/unseen-sunscreen-spf-40-old.png?v=1734448527&width=70"
866          },
867        
868          {
869            "handle": "body",
870            "image": "//supergoop.com/cdn/shop/files/everyday-sunscreen-spf-50.png?v=1734448526&width=70"
871          },
872        
873          {
874            "handle": "eye-lip",
875            "image": "//supergoop.com/cdn/shop/files/Nav_Makeup_Eye_Lip.png?v=1714482685&width=70"
876          },
877        
878          {
879            "handle": "face",
880            "image": "//supergoop.com/cdn/shop/files/Unseen_BestsellersNav.png?v=1732246295&width=70"
881          },
882        
883          {
884            "handle": "face-lip",
885            "image": "//supergoop.com/cdn/shop/files/lip_nav.png?v=1734468226&width=70"
886          },
887        
888          {
889            "handle": "glowscreen-drops-mineral-spf-40",
890            "image": "//supergoop.com/cdn/shop/files/routine-glowscreen-soft-radiance-drops-spf-40-removebg-preview.png?v=1744035544&width=70"
891          },
892        
893          {
894            "handle": "glowscreen-spf-40",
895            "image": "//supergoop.com/cdn/shop/files/glowscreen-spf-40.png?v=1732246789&width=70"
896          },
897        
898          {
899            "handle": "group-gifting",
900            "image": "//supergoop.com/cdn/shop/files/nav-bulk-gifting-square.png?v=1737145850&width=70"
901          },
902        
903          {
904            "handle": "kids",
905            "image": "//supergoop.com/cdn/shop/files/Nav_Kids_Family_Kids.png?v=1714482685&width=70"
906          },
907        
908          {
909            "handle": "kids-family",
910            "image": "//supergoop.com/cdn/shop/files/kids-family.png?v=1780415443&width=70"
911          },
912        
913          {
914            "handle": "lip",
915            "image": "//supergoop.com/cdn/shop/files/Nav_Lip.png?v=1706112426&width=70"
916          },
917        
918          {
919            "handle": "lotion",
920            "image": "//supergoop.com/cdn/shop/files/PLAYLotion_FormatNav.png?v=1711053275&width=70"
921          },
922        
923          {
924            "handle": "lotion-moisturizer",
925            "image": "//supergoop.com/cdn/shop/files/Nav_Lotions.png?v=1706112427&width=70"
926          },
927        
928          {
929            "handle": "makeup",
930            "image": "//supergoop.com/cdn/shop/files/protectint_nav.png?v=1734468226&width=70"
931          },
932        
933          {
934            "handle": "men",
935            "image": "//supergoop.com/cdn/shop/files/Nav_Kids_Family_Men.png?v=1714482685&width=70"
936          },
937        
938          {
939            "handle": "merch-apparel",
940            "image": "//supergoop.com/cdn/shop/files/nav-merch-2x.png?v=1737037169&width=70"
941          },
942        
943          {
944            "handle": "mineral",
945            "image": "//supergoop.com/cdn/shop/files/Nav_Mineral.png?v=1726088129&width=70"
946          },
947        
948          {
949            "handle": "mineral-mattescreen-spf-40",
950            "image": "//supergoop.com/cdn/shop/files/Nav_Mineral_1.png?v=1726087206&width=70"
951          },
952        
953          {
954            "handle": "new",
955            "image": "//supergoop.com/cdn/shop/files/new.png?v=1780416195&width=70"
956          },
957        
958          {
959            "handle": "oil",
960            "image": "//supergoop.com/cdn/shop/files/Nav_Oil.png?v=1706112426&width=70"
961          },
962        
963          {
964            "handle": "oil-serum",
965            "image": "//supergoop.com/cdn/shop/files/Nav_Oil_Serum.png?v=1726090019&width=70"
966          },
967        
968          {
969            "handle": "play-antioxidant-body-mist-spf-50",
970            "image": "//supergoop.com/cdn/shop/files/play-antioxidant-body-mist-spf-50.png?v=1773850833&width=70"
971          },
972        
973          {
974            "handle": "play-everyday-lotion-spf-50",
975            "image": "//supergoop.com/cdn/shop/files/everyday-sunscreen.png?v=1732246830&width=70"
976          },
977        
978          {
979            "handle": "powder",
980            "image": "//supergoop.com/cdn/shop/files/Nav_Powder.png?v=1706112426&width=70"
981          },
982        
983          {
984            "handle": "primer",
985            "image": "//supergoop.com/cdn/shop/files/Nav_Makeup_Primer.png?v=1714482685&width=70"
986          },
987        
988          {
989            "handle": "protectint-skin-tint-spf-50",
990            "image": "//supergoop.com/cdn/shop/files/protectint_nav_acab7388-8966-4fbd-8c96-96089a28fb85.png?v=1738958221&width=70"
991          },
992        
993          {
994            "handle": "serum",
995            "image": "//supergoop.com/cdn/shop/files/Nav_Mineral_1.png?v=1726087206&width=70"
996          },
997        
998          {
999            "handle": "sets-gifts",
1000            "image": "//supergoop.com/cdn/shop/files/sets-gifts.png?v=1780415174&width=70"
1001          },
1002        
1003          {
1004            "handle": "setting-sprays-powders",
1005            "image": "//supergoop.com/cdn/shop/files/Nav_Makeup_SettingSpray.png?v=1714482685&width=70"
1006          },
1007        
1008          {
1009            "handle": "spray",
1010            "image": "//supergoop.com/cdn/shop/files/Nav_Spray.png?v=1706112426&width=70"
1011          },
1012        
1013          {
1014            "handle": "stick",
1015            "image": "//supergoop.com/cdn/shop/files/Nav_Stick.png?v=1706112426&width=70"
1016          },
1017        
1018          {
1019            "handle": "superscreen-hydrating-daily-cream-spf-40",
1020            "image": "//supergoop.com/cdn/shop/files/nav-superscreen-2x.png?v=1736867903&width=70"
1021          },
1022        
1023          {
1024            "handle": "tinted",
1025            "image": "//supergoop.com/cdn/shop/files/Nav_Makeup_Tint.png?v=1714482685&width=70"
1026          },
1027        
1028          {
1029            "handle": "travel",
1030            "image": "//supergoop.com/cdn/shop/files/unseen-stick-nav.png?v=1741300346&width=70"
1031          },
1032        
1033          {
1034            "handle": "unseen-sunscreen-spf-40",
1035            "image": "//supergoop.com/cdn/shop/files/unseen-sunscreen.png?v=1732282362&width=70"
1036          },
1037        
1038          {
1039            "handle": "unseen-sunscreen-spf-50",
1040            "image": "//supergoop.com/cdn/shop/files/unseen-sunscreen-spf-50.png?v=1735303811&width=70"
1041          }
1042        
1043      ],
1044      "bestSellers": [
1045        {
1046          "shopAll": "https://supergoop.com/collections/best-sellers",
1047          "title": "Now Trending",
1048          "cards": [
1049            
1050              {
1051                "image": "//supergoop.com/cdn/shop/files/unseen-sunscreen-spf-50-WYLI.jpg?v=1736348866&width=300",
1052                "url": "\/products\/unseen-sunscreen-spf-50",
1053                "title": "Unseen Sunscreen SPF 50"
1054              },
1055            
1056              {
1057                "image": "//supergoop.com/cdn/shop/files/Frame_74543_2.jpg?v=1714424890&width=300",
1058                "url": "\/products\/protectint-skin-tint-spf-50",
1059                "title": "Protec(tint) Daily Skin Tint SPF 50"
1060              },
1061            
1062              {
1063                "image": "//supergoop.com/cdn/shop/files/Nav_M_PLAY4x_e6136e39-a130-47d6-b0a0-69585d5bbdfc.png?v=1706122187&width=300",
1064                "url": "\/products\/everyday-sunscreen",
1065                "title": "PLAY Everyday Lotion SPF 50"
1066              }
1067            
1068          ]
1069        }
1070      ],
1071      "account": {
1072        "customer": null,
1073        "customer_email": null,
1074        "loginUrl": "/account/login",
1075        "accountUrl": "/account"
1076      },
1077      "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. "}]}]}},
1078      "supergoopText": "Discover",
1079      "enableHamburgerMenu": true
1080    }
1081  </script>
1081
1082
1083  <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">
1084    <div class="flex items-center col-span-3 lg:hidden">
1085      <button
1086        
1087        data-nav-trigger
1088        aria-label="Open navigation panel">
1089          <svg width="18" height="23" viewBox="0 0 18 23" fill="none" xmlns="http://www.w3.org/2000/svg">
1090  <line x1="0.5" y1="3.06594" x2="17.5" y2="3.06594" stroke="#2A2A2A" stroke-linecap="round"/>
1091  <line x1="0.5" y1="20.2251" x2="17.5" y2="20.2251" stroke="#2A2A2A" stroke-linecap="round"/>
1092  <line x1="0.5" y1="11.6455" x2="17.5" y2="11.6455" stroke="#2A2A2A" stroke-linecap="round"/>
1093</svg>
1094
1095      </button>
1096      <div class=" flex lg:hidden items-center ml-[22px] mt-[2px] hover:text-supergoop-blue">
1097        <button
1098          type="button"
1099          data-search-trigger
1100          class="search-button"
1101          onclick="document.dispatchEvent(new CustomEvent('search:open'))"
1102          aria-label="Search"
1103        >
1104            <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
1105  <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"/>
1106  <path d="M21.5 21.5L15 15" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
1107</svg>
1108
1109        </button>
1110      </div>
1111    </div>
1112
1113    <ul class="hidden lg:flex lg:items-center lg:col-span-4 lg:gap-[30px]" role="list">
1114      
1115    </ul>
1116
1117    <div class="flex justify-center items-center col-span-6 text-black lg:col-span-4">
1118      <a href="/" aria-label="Supergoop!">
1119        
1120          <span class="lg:hidden">
1121            
1122
1123  <picture>
1124    
1125      <source
1126        srcset='//supergoop.com/cdn/shop/files/logo_mobile.svg?v=1706105448&width=200 200w'
1127        sizes='200px'
1128        
1129        media='(min-width: 640px)'
1130        >
1131    
1132    <img
1133      class='w-full image '
1134      src='//supergoop.com/cdn/shop/files/logo_mobile.svg?v=1706105448&width=640'
1135      alt=''
1136      loading='eager'
1137      fetchpriority='auto'
1138      decoding='sync'
1139      width='88'
1140      height='41'>
1141  </picture>
1142
1143
1144          </span>
1145        
1146        
1147          <span class="hidden lg:block">
1148            
1149
1150  <picture>
1151    
1152      <source
1153        srcset='//supergoop.com/cdn/shop/files/logo_desktop.svg?v=1706105448&width=200 200w'
1154        sizes='200px'
1155        
1156        media='(min-width: 640px)'
1157        >
1158    
1159    <img
1160      class='w-full image '
1161      src='//supergoop.com/cdn/shop/files/logo_desktop.svg?v=1706105448&width=640'
1162      alt=''
1163      loading='eager'
1164      fetchpriority='auto'
1165      decoding='sync'
1166      width='113'
1167      height='52'>
1168  </picture>
1169
1170
1171          </span>
1172        
1173        
1174      </a>
1175    </div>
1176
1177    <div class="flex justify-end col-span-3 lg:col-span-4 lg:py-3 items-center">
1178      <div class="relative mr-[30px] hidden lg:flex items-center">
1179
1180        <div class="absolute inset-y-0 left-0 flex items-center pl-[2px] top-[-10px]">
1181          <button type="button"
1182          class=" desktop-search-btn  p-1  w-[15px] h-[15px]"
1183          aria-label="Open the search window">
1184            <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
1185<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"/>
1186<path d="M15.0625 15.625L10.1875 10.75" stroke="#2A2A2A" stroke-width="0.75" stroke-linecap="round" stroke-linejoin="round"/>
1187</svg>
1188
1189          </button>
1190        </div>
1191        <span class="sr-only" id="search-field-fake">Press Enter to expand search modal</span>
1192        <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>
1193      </div>
1194
1195      <div class="flex lg:justify-center lg:items-center lg:mr-[30px]">
1196        
1197  <button
1198    class="flex no-underline mr-4 lg:mr-0 text-grey-2A items-center hover:text-supergoop-blue body-xs account-link"
1199    aria-label="Sign in"
1200    data-href="/account/login">
1201    <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
1202  <circle cx="12" cy="12" r="11" stroke="currentColor"/>
1203  <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"/>
1204  <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"/>
1205</svg>
1206
1207    <span class="hidden lg:inline ml-2 whitespace-nowrap">Sign In</span>
1208  </button>
1209
1210      </div>
1211      <button data-header-cart-trigger type="button" class="relative hover:text-supergoop-blue" aria-label="Cart">
1212        <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
1213  <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"/>
1214  <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"/>
1215</svg>
1216
1217        <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>
1218      </button>
1219    </div>
1220  </div>
1221  
1221<script type="application/json" data-megamenu-data>
1222    {
1223      "i18n": {
1224        "shopAll": "Shop All"
1225      },
1226      "panels": [{
1227              "blockId": "nav_xT7e4x",
1228              "layout": "layout_1",
1229              "image":null,
1230              "btnLink": null,
1231              "btnText": "",
1232              "image2":null,
1233              "btnLink2": null,
1234              "btnText2": "",
1235              "links": [{
1236                      "handle": "shop-all",
1237                      "title": "Shop All",
1238                      "url": "\/collections\/all",
1239                      "sublinks": [{
1240                            "handle": "new",
1241                            "title": "New!",
1242                            "url": "\/collections\/new",
1243                            "image":{ "url": "\/\/supergoop.com\/cdn\/shop\/files\/new.png?v=1780416195\u0026width=70", "width": 70, "height": 0, "alt": "" }},{
1244                            "handle": "face-lip",
1245                            "title": "Face \u0026 Lip",
1246                            "url": "\/collections\/face-lip-spf",
1247                            "image":{ "url": "\/\/supergoop.com\/cdn\/shop\/files\/lip_nav.png?v=1734468226\u0026width=70", "width": 70, "height": 0, "alt": "" }},{
1248                            "handle": "body",
1249                            "title": "Body",
1250                            "url": "\/collections\/body",
1251                            "image":{ "url": "\/\/supergoop.com\/cdn\/shop\/files\/everyday-sunscreen-spf-50.png?v=1734448526\u0026width=70", "width": 70, "height": 0, "alt": "" }},{
1252                            "handle": "mineral",
1253                            "title": "Mineral",
1254                            "url": "\/collections\/mineral-spf",
1255                            "image":{ "url": "\/\/supergoop.com\/cdn\/shop\/files\/Nav_Mineral.png?v=1726088129\u0026width=70", "width": 70, "height": 0, "alt": "" }},{
1256                            "handle": "makeup",
1257                            "title": "Makeup",
1258                            "url": "\/collections\/makeup-with-sunscreen",
1259                            "image":{ "url": "\/\/supergoop.com\/cdn\/shop\/files\/protectint_nav.png?v=1734468226\u0026width=70", "width": 70, "height": 0, "alt": "" }},{
1260                            "handle": "kids-family",
1261                            "title": "Kids \u0026 Family",
1262                            "url": "\/collections\/kids-family-sunscreen",
1263                            "image":{ "url": "\/\/supergoop.com\/cdn\/shop\/files\/kids-family.png?v=1780415443\u0026width=70", "width": 70, "height": 0, "alt": "" }},{
1264                            "handle": "men",
1265                            "title": "Men",
1266                            "url": "\/collections\/men-spf",
1267                            "image":{ "url": "\/\/supergoop.com\/cdn\/shop\/files\/Nav_Kids_Family_Men.png?v=1714482685\u0026width=70", "width": 70, "height": 0, "alt": "" }},{
1268                            "handle": "sets-gifts",
1269                            "title": "Sets \u0026 Gifts",
1270                            "url": "\/collections\/sunscreen-gifts-kits",
1271                            "image":{ "url": "\/\/supergoop.com\/cdn\/shop\/files\/sets-gifts.png?v=1780415174\u0026width=70", "width": 70, "height": 0, "alt": "" }},{
1272                            "handle": "group-gifting",
1273                            "title": "Group Gifting",
1274                            "url": "\/pages\/bulk-gifting",
1275                            "image":{ "url": "\/\/supergoop.com\/cdn\/shop\/files\/nav-bulk-gifting-square.png?v=1737145850\u0026width=70", "width": 70, "height": 0, "alt": "" }}]
1276                    }]
1277            },{
1278              "blockId": "nav_yXG4D8",
1279              "layout": "layout_2",
1280              "image":{ "url": "//supergoop.com/cdn/shop/files/PGA_Nav_Flyout_Image.png?v=1772550034&width=500", "width": 500, "height": 671, "alt": "" },
1281              "btnLink": "\/pages\/pgatour",
1282              "btnText": "Meet the Official Suncare of the PGA TOUR",
1283              "image2":null,
1284              "btnLink2": null,
1285              "btnText2": "",
1286              "links": [{
1287                      "handle": "bestsellers",
1288                      "title": "Bestsellers",
1289                      "url": "\/collections\/best-sellers-spf",
1290                      "sublinks": [{
1291                            "handle": "unseen-sunscreen-spf-50",
1292                            "title": "Unseen Sunscreen SPF 50",
1293                            "url": "\/products\/unseen-sunscreen-spf-50",
1294                            "image":{ "url": "\/\/supergoop.com\/cdn\/shop\/files\/unseen-sunscreen-spf-50.png?v=1735303811\u0026width=70", "width": 70, "height": 0, "alt": "" }},{
1295                            "handle": "glowscreen-spf-40",
1296                            "title": "Glowscreen SPF 40",
1297                            "url": "\/products\/glowscreen-spf-40",
1298                            "image":{ "url": "\/\/supergoop.com\/cdn\/shop\/files\/glowscreen-spf-40.png?v=1732246789\u0026width=70", "width": 70, "height": 0, "alt": "" }},{
1299                            "handle": "play-everyday-lotion-spf-50",
1300                            "title": "PLAY Everyday Lotion SPF 50",
1301                            "url": "\/products\/everyday-sunscreen",
1302                            "image":{ "url": "\/\/supergoop.com\/cdn\/shop\/files\/everyday-sunscreen.png?v=1732246830\u0026width=70", "width": 70, "height": 0, "alt": "" }},{
1303                            "handle": "play-antioxidant-body-mist-spf-50",
1304                            "title": "PLAY Antioxidant Body Mist SPF 50",
1305                            "url": "\/products\/antioxidant-infused-sunscreen-mist-with-vitamin-c",
1306                            "image":{ "url": "\/\/supergoop.com\/cdn\/shop\/files\/play-antioxidant-body-mist-spf-50.png?v=1773850833\u0026width=70", "width": 70, "height": 0, "alt": "" }},{
1307                            "handle": "mineral-mattescreen-spf-40",
1308                            "title": "Mineral Mattescreen SPF 40",
1309                            "url": "\/products\/smooth-and-poreless-mattescreen",
1310                            "image":{ "url": "\/\/supergoop.com\/cdn\/shop\/files\/Nav_Mineral_1.png?v=1726087206\u0026width=70", "width": 70, "height": 0, "alt": "" }},{
1311                            "handle": "protectint-skin-tint-spf-50",
1312                            "title": "Protec(tint) Skin Tint SPF 50",
1313                            "url": "\/products\/protectint-skin-tint-spf-50",
1314                            "image":{ "url": "\/\/supergoop.com\/cdn\/shop\/files\/protectint_nav_acab7388-8966-4fbd-8c96-96089a28fb85.png?v=1738958221\u0026width=70", "width": 70, "height": 0, "alt": "" }}]
1315                    }]
1316            },{
1317              "blockId": "nav_fPrwpX",
1318              "layout": "layout_2",
1319              "image":{ "url": "//supergoop.com/cdn/shop/files/supergoop-play-face-stick-mist-set-family-applying.jpg?v=1745951525&width=500", "width": 500, "height": 679, "alt": "Whipped Coconut Vanilla Orchid Sunny Citrus" },
1320              "btnLink": "\/products\/antioxidant-infused-sunscreen-mist-with-vitamin-c",
1321              "btnText": "Reapply with PLAY Body Mist SPF 50",
1322              "image2":null,
1323              "btnLink2": null,
1324              "btnText2": "",
1325              "links": [{
1326                      "handle": "shop-by-type",
1327                      "title": "Shop By Type",
1328                      "url": "\/collections\/all",
1329                      "sublinks": [{
1330                            "handle": "lotion-moisturizer",
1331                            "title": "Lotion \u0026 Moisturizer",
1332                            "url": "\/collections\/sunscreen-lotion-moisturizer",
1333                            "image":{ "url": "\/\/supergoop.com\/cdn\/shop\/files\/Nav_Lotions.png?v=1706112427\u0026width=70", "width": 70, "height": 0, "alt": "" }},{
1334                            "handle": "spray",
1335                            "title": "Spray",
1336                            "url": "\/collections\/spray-spf",
1337                            "image":{ "url": "\/\/supergoop.com\/cdn\/shop\/files\/Nav_Spray.png?v=1706112426\u0026width=70", "width": 70, "height": 0, "alt": "" }},{
1338                            "handle": "stick",
1339                            "title": "Stick",
1340                            "url": "\/collections\/spf-sticks",
1341                            "image":{ "url": "\/\/supergoop.com\/cdn\/shop\/files\/Nav_Stick.png?v=1706112426\u0026width=70", "width": 70, "height": 0, "alt": "" }},{
1342                            "handle": "oil-serum",
1343                            "title": "Oil \u0026 Serum",
1344                            "url": "\/collections\/sunscreen-oil",
1345                            "image":{ "url": "\/\/supergoop.com\/cdn\/shop\/files\/Nav_Oil_Serum.png?v=1726090019\u0026width=70", "width": 70, "height": 0, "alt": "" }},{
1346                            "handle": "lip",
1347                            "title": "Lip",
1348                            "url": "\/collections\/sunscreen-for-lips",
1349                            "image":{ "url": "\/\/supergoop.com\/cdn\/shop\/files\/Nav_Lip.png?v=1706112426\u0026width=70", "width": 70, "height": 0, "alt": "" }},{
1350                            "handle": "mineral",
1351                            "title": "Mineral",
1352                            "url": "\/collections\/mineral-spf",
1353                            "image":{ "url": "\/\/supergoop.com\/cdn\/shop\/files\/Nav_Mineral.png?v=1726088129\u0026width=70", "width": 70, "height": 0, "alt": "" }}]
1354                    }]
1355            },{
1356              "blockId": "nav_Ap6PGd",
1357              "layout": "layout_3",
1358              "image":{ "url": "//supergoop.com/cdn/shop/files/What_is_SPF_Oil.png?v=1757433444&width=250", "width": 250, "height": 250, "alt": "" },
1359              "btnLink": "\/pages\/quiz",
1360              "btnText": "Find Your SPF Quiz",
1361              "image2":{ "url": "//supergoop.com/cdn/shop/files/Nav_FlyoutImage_Caddy.png?v=1779273995&width=250", "width": 250, "height": 249, "alt": "" },
1362              "btnLink2": "\/collections\/merch-shop",
1363              "btnText2": "Supergoods! Merch \u0026 Apparel",
1364              "links": [{
1365                      "handle": "discover",
1366                      "title": "Discover",
1367                      "url": "#",
1368                      "sublinks": [{
1369                            "handle": "our-story",
1370                            "title": "Our Story",
1371                            "url": "\/pages\/about-us",
1372                            "image":null},{
1373                            "handle": "find-your-spf-quiz",
1374                            "title": "Find Your SPF Quiz",
1375                            "url": "\/pages\/quiz",
1376                            "image":null},{
1377                            "handle": "the-supergoop-promise",
1378                            "title": "The Supergoop! Promise",
1379                            "url": "\/pages\/sg-promise",
1380                            "image":null},{
1381                            "handle": "rewards-program",
1382                            "title": "Rewards Program",
1383                            "url": "\/pages\/rewards",
1384                            "image":null},{
1385                            "handle": "merch-apparel",
1386                            "title": "Merch \u0026 Apparel",
1387                            "url": "\/collections\/merch-shop",
1388                            "image":{ "url": "\/\/supergoop.com\/cdn\/shop\/files\/nav-merch-2x.png?v=1737037169\u0026width=70", "width": 70, "height": 0, "alt": "" }},{
1389                            "handle": "blog-the-bright-side",
1390                            "title": "Blog: The Bright Side™",
1391                            "url": "\/blogs\/all",
1392                            "image":null},{
1393                            "handle": "more-about-our-primers",
1394                            "title": "More about our Primers",
1395                            "url": "\/pages\/primers",
1396                            "image":null}]
1397                    }]
1398            }]
1399    }
1400  </script>
1400
1401
1402  <div class="hidden lg:flex max-w-[1140px] px-[20px] mx-auto" data-mega-menu>
1403    <nav class="w-full">
1404      <ul class="flex justify-between w-full">
1405    
1406        
1407          <li class="pb-[10px] pt-0 list-none group leading-none " data-mega-menu-item
1408            >
1409            
1410
1411
1412    <div class="flex items-center gap-1">
1413        <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>
1414        
1415            <button
1416                type="button"
1417                id="shop-all"
1418                aria-expanded="false"
1419                aria-controls="shop-all-menu"
1420                aria-label="Open Shop All submenu"
1421                class="p-1 text-grey-2A hover:text-supergoop-blue transition-color focus:outline-none focus-visible:ring-2 focus-visible:ring-supergoop-blue"
1422                data-megamenu-trigger>
1423                <span class="sr-only">Toggle Shop All menu</span>
1424            </button>
1425        
1426    </div>
1427    
1428        <div
1429            id="shop-all-menu"
1430            class="pt-[45px] pb-[34px] bg-white absolute w-full top-full left-0
1431            hidden group-hover:block group-[.megamenu-keyboard-open]:block border-b-[1px] border-grey-D0"
1432            aria-labelledby="shop-all"
1433            role="region"
1434            data-megamenu-panel
1435            data-panel-key="nav_xT7e4x::shop-all"
1436            data-panel-loaded="false"></div>
1437    
1438
1439
1440          </li>
1441        
1442      
1443        
1444          <li class="pb-[10px] pt-0 list-none group leading-none " data-mega-menu-item
1445            >
1446            
1447
1448
1449    <div class="flex items-center gap-1">
1450        <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>
1451        
1452            <button
1453                type="button"
1454                id="bestsellers"
1455                aria-expanded="false"
1456                aria-controls="bestsellers-menu"
1457                aria-label="Open Bestsellers submenu"
1458                class="p-1 text-grey-2A hover:text-supergoop-blue transition-color focus:outline-none focus-visible:ring-2 focus-visible:ring-supergoop-blue"
1459                data-megamenu-trigger>
1460                <span class="sr-only">Toggle Bestsellers menu</span>
1461            </button>
1462        
1463    </div>
1464    
1465        <div
1466            id="bestsellers-menu"
1467            class="pt-[45px] pb-[34px] bg-white absolute w-full top-full left-0
1468            hidden group-hover:block group-[.megamenu-keyboard-open]:block border-b-[1px] border-grey-D0"
1469            aria-labelledby="bestsellers"
1470            role="region"
1471            data-megamenu-panel
1472            data-panel-key="nav_yXG4D8::bestsellers"
1473            data-panel-loaded="false"></div>
1474    
1475
1476
1477          </li>
1478        
1479      
1480        
1481          <li class="pb-[10px] pt-0 list-none group leading-none " data-mega-menu-item
1482            >
1483            
1484
1485
1486    <div class="flex items-center gap-1">
1487        <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>
1488        
1489            <button
1490                type="button"
1491                id="shop-by-type"
1492                aria-expanded="false"
1493                aria-controls="shop-by-type-menu"
1494                aria-label="Open Shop By Type submenu"
1495                class="p-1 text-grey-2A hover:text-supergoop-blue transition-color focus:outline-none focus-visible:ring-2 focus-visible:ring-supergoop-blue"
1496                data-megamenu-trigger>
1497                <span class="sr-only">Toggle Shop By Type menu</span>
1498            </button>
1499        
1500    </div>
1501    
1502        <div
1503            id="shop-by-type-menu"
1504            class="pt-[45px] pb-[34px] bg-white absolute w-full top-full left-0
1505            hidden group-hover:block group-[.megamenu-keyboard-open]:block border-b-[1px] border-grey-D0"
1506            aria-labelledby="shop-by-type"
1507            role="region"
1508            data-megamenu-panel
1509            data-panel-key="nav_fPrwpX::shop-by-type"
1510            data-panel-loaded="false"></div>
1511    
1512
1513
1514          </li>
1515        
1516      
1517        
1518          <li class="pb-[10px] pt-0 list-none group leading-none " data-mega-menu-item
1519            >
1520            
1521
1522
1523    <div class="flex items-center gap-1">
1524        <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>
1525        
1526            <button
1527                type="button"
1528                id="discover"
1529                aria-expanded="false"
1530                aria-controls="discover-menu"
1531                aria-label="Open Discover submenu"
1532                class="p-1 text-grey-2A hover:text-supergoop-blue transition-color focus:outline-none focus-visible:ring-2 focus-visible:ring-supergoop-blue"
1533                data-megamenu-trigger>
1534                <span class="sr-only">Toggle Discover menu</span>
1535            </button>
1536        
1537    </div>
1538    
1539        <div
1540            id="discover-menu"
1541            class="pt-[45px] pb-[34px] bg-white absolute w-full top-full left-0
1542            hidden group-hover:block group-[.megamenu-keyboard-open]:block border-b-[1px] border-grey-D0"
1543            aria-labelledby="discover"
1544            role="region"
1545            data-megamenu-panel
1546            data-panel-key="nav_Ap6PGd::discover"
1547            data-panel-loaded="false"></div>
1548    
1549
1550
1551          </li>
1552        
1553      
1554      </ul>
1555    </nav>
1556  </div>
1557
1558  <div class="hidden"  data-header="nav">
1559    <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>
1560    <div data-header-mobile-menu class="
1561    pointer-events-all
1562    block
1563    max-w-panel
1564    w-full h-full
1565    fixed
1566    top-0
1567    bottom-0
1568    transition-opacity duration-[400ms]
1569    z-50
1570    bg-white
1571    left-0
1572    translate-x-0 opacity-100
1573    !max-w-[440px] h-auto
1574    ">
1575    <div class="h-full z-50 border-r overflow-y-auto">
1576      <div class="bg-white relative h-[60px]">
1577
1578      <button data-back-search type="button" tabindex="0" class="hidden absolute top-4 lg:left-4 left-2">
1579        <div class="text-white hover:text-supergoop-yellow">
1580          <svg width="38" height="38" viewBox="0 0 38 38" fill="none" xmlns="http://www.w3.org/2000/svg">
1581<circle cx="19" cy="19" r="16" fill="white"/>
1582<path d="M18 25L12 19L18 13" stroke="#2A2A2A" stroke-miterlimit="16" stroke-linecap="square"/>
1583<path d="M12 19H26" stroke="black"/>
1584</svg>
1585
1586        </div>
1587      </button>
1588        <button data-nav-trigger-close type="button" tabindex="0" class="absolute top-4 lg:right-4 right-2">
1589          <div class="text-white icon-close hover:text-supergoop-yellow">
1590            <svg width="38" height="38" viewBox="0 0 38 38" fill="none" xmlns="http://www.w3.org/2000/svg">
1591  <circle cx="19.5" cy="18.5" r="18.5" fill="currentColor"/>
1592  <path d="M13 25L26 12" stroke="#2A2A2A" stroke-linecap="round" stroke-linejoin="round"/>
1593  <path d="M13 12L26 25" stroke="#2A2A2A" stroke-linecap="round" stroke-linejoin="round"/>
1594</svg>
1595
1596          </div>
1597        </button>
1598      </div>
1599      <div class="relative w-full px-2.5 mb-[15px]">
1600        <form action="/collections/shop">
1601        <div class="absolute inset-y-0 left-0 flex items-center pl-2">
1602          <button type="submit" class="icon-search p-1 focus:outline-none
1603          focus:shadow-outline">
1604            <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
1605  <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"/>
1606  <path d="M21.5 21.5L15 15" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
1607</svg>
1608
1609          </button>
1610        </div>
1611          <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="">
1612        </form>
1613      </div>
1614      <div data-mobile-navigation>
1615        
1616    
1617        
1618        
1619            
1620                <div class="border-b border-grey-D0 p-5 first:border-t">
1621                    <a href="/collections/all" class="text-xl text-grey-2A no-underline font-light flex justify-between"
1622                      data-accordion-button   >
1623                        <h2 class="text-xl text-grey-2A no-underline normal-case font-serif font-bold">Shop All</h2>
1624                        
1625                            <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">
1626<circle cx="16" cy="16" r="16" fill="white"/>
1627<path d="M9 16H23" stroke="#2A2A2A"/>
1628<path d="M16.0002 9V23" stroke="#2A2A2A"/>
1629</svg>
1630</span>
1631                            <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">
1632  <circle cx="16" cy="16" r="16" fill="transparent"/>
1633  <path d="M9 16H23" stroke="#2A2A2A"/>
1634</svg>
1635</span>
1636                        
1637                    </a>
1638                    
1639                        <div class="h-0 overflow-hidden transition-all" data-accordion-content>
1640                            
1641                            <ul class="">
1642                                
1643                                    <li class="first:mt-4">
1644                                        <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">
1645                                            
1646                                            
1647                                                
1648                                            
1649                                                
1650                                            
1651                                                
1652                                            
1653                                                
1654                                            
1655                                                
1656                                            
1657                                                
1658                                            
1659                                                
1660                                            
1661                                                
1662                                            
1663                                                
1664                                            
1665                                                
1666                                            
1667                                                
1668                                            
1669                                                
1670                                            
1671                                                
1672                                            
1673                                                
1674                                            
1675                                                
1676                                            
1677                                                
1678                                            
1679                                                
1680                                            
1681                                                
1682                                            
1683                                                
1684                                            
1685                                                
1686                                                    
1687                                                        
1688                                                        <div class="w-[52px] h-[73px] mr-5">
1689                                                            
1690                                                            <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">
1691                                                        </div>
1692                                                    
1693                                                
1694                                            
1695                                                
1696                                            
1697                                                
1698                                            
1699                                                
1700                                            
1701                                                
1702                                            
1703                                                
1704                                            
1705                                                
1706                                            
1707                                                
1708                                            
1709                                                
1710                                            
1711                                                
1712                                            
1713                                                
1714                                            
1715                                                
1716                                            
1717                                                
1718                                            
1719                                                
1720                                            
1721                                                
1722                                            
1723                                                
1724                                            
1725                                                
1726                                            
1727                                                
1728                                            
1729                                            <div class=" flex items-center text-base text-grey-2A body text-4 ">
1730                                                New!
1731                                            </div>
1732                                            <div class="flex items-center pr-5 text-white ml-auto">
1733                                                <svg width="38" height="38" viewBox="0 0 38 38" fill="none" xmlns="http://www.w3.org/2000/svg">
1734  <circle cx="19" cy="19" r="16" fill="currentColor"/>
1735  <path d="M17 13L23 19L17 25" stroke="#2A2A2A" stroke-miterlimit="16" stroke-linecap="square"/>
1736</svg>
1737
1738                                            </div>
1739                                        </a>
1740                                    </li>
1741                                
1742                                    <li class="first:mt-4">
1743                                        <a href="/collections/face-lip-spf" 
1743class="flex p-1 items-center rounded bg-grey-F7 [@media(pointer:fine)]:[&_svg]:hover:text-supergoop-yellow h-20 no-underline mb-2.5">
1744                                            
1745                                            
1746                                                
1747                                            
1748                                                
1749                                            
1750                                                
1751                                            
1752                                                
1753                                            
1754                                                
1755                                            
1756                                                
1757                                                    
1758                                                        
1759                                                        <div class="w-[52px] h-[73px] mr-5">
1760                                                            
1761                                                            <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">
1762                                                        </div>
1763                                                    
1764                                                
1765                                            
1766                                                
1767                                            
1768                                                
1769                                            
1770                                                
1771                                            
1772                                                
1773                                            
1774                                                
1775                                            
1776                                                
1777                                            
1778                                                
1779                                            
1780                                                
1781                                            
1782                                                
1783                                            
1784                                                
1785                                            
1786                                                
1787                                            
1788                                                
1789                                            
1790                                                
1791                                            
1792                                                
1793                                            
1794                                                
1795                                            
1796                                                
1797                                            
1798                                                
1799                                            
1800                                                
1801                                            
1802                                                
1803                                            
1804                                                
1805                                            
1806                                                
1807                                            
1808                                                
1809                                            
1810                                                
1811                                            
1812                                                
1813                                            
1814                                                
1815                                            
1816                                                
1817                                            
1818                                                
1819                                            
1820                                                
1821                                            
1822                                                
1823                                            
1824                                                
1825                                            
1826                                                
1827                                            
1828                                            <div class=" flex items-center text-base text-grey-2A body text-4 ">
1829                                                Face & Lip
1830                                            </div>
1831                                            <div class="flex items-center pr-5 text-white ml-auto">
1832                                                <svg width="38" height="38" viewBox="0 0 38 38" fill="none" xmlns="http://www.w3.org/2000/svg">
1833  <circle cx="19" cy="19" r="16" fill="currentColor"/>
1834  <path d="M17 13L23 19L17 25" stroke="#2A2A2A" stroke-miterlimit="16" stroke-linecap="square"/>
1835</svg>
1836
1837                                            </div>
1838                                        </a>
1839                                    </li>
1840                                
1841                                    <li class="first:mt-4">
1842                                        <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">
1843                                            
1844                                            
1845                                                
1846                                            
1847                                                
1848                                            
1849                                                
1850                                                    
1851                                                        
1852                                                        <div class="w-[52px] h-[73px] mr-5">
1853                                                            
1854                                                            <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">
1855                                                        </div>
1856                                                    
1857                                                
1858                                            
1859                                                
1860                                            
1861                                                
1862                                            
1863                                                
1864                                            
1865                                                
1866                                            
1867                                                
1868                                            
1869                                                
1870                                            
1871                                                
1872                                            
1873                                                
1874                                            
1875                                                
1876                                            
1877                                                
1878                                            
1879                                                
1880                                            
1881                                                
1882                                            
1883                                                
1884                                            
1885                                                
1886                                            
1887                                                
1888                                            
1889                                                
1890                                            
1891                                                
1892                                            
1893                                                
1894                                            
1895                                                
1896                                            
1897                                                
1898                                            
1899                                                
1900                                            
1901                                                
1902                                            
1903                                                
1904                                            
1905                                                
1906                                            
1907                                                
1908                                            
1909                                                
1910                                            
1911                                                
1912                                            
1913                                                
1914                                            
1915                                                
1916                                            
1917                                                
1918                                            
1919                                                
1920                                            
1921                                                
1922                                            
1923                                                
1924                                            
1925                                                
1926                                            
1927                                            <div class=" flex items-center text-base text-grey-2A body text-4 ">
1928                                                Body
1929                                            </div>
1930                                            <div class="flex items-center pr-5 text-white ml-auto">
1931                                                <svg width="38" height="38" viewBox="0 0 38 38" fill="none" xmlns="http://www.w3.org/2000/svg">
1932  <circle cx="19" cy="19" r="16" fill="currentColor"/>
1933  <path d="M17 13L23 19L17 25" stroke="#2A2A2A" stroke-miterlimit="16" stroke-linecap="square"/>
1934</svg>
1935
1936                                            </div>
1937                                        </a>
1938                                    </li>
1939                                
1940                                    <li class="first:mt-4">
1941                                        <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">
1942                                            
1943                                            
1944                                                
1945                                            
1946                                                
1947                                            
1948                                                
1949                                            
1950                                                
1951                                            
1952                                                
1953                                            
1954                                                
1955                                            
1956                                                
1957                                            
1958                                                
1959                                            
1960                                                
1961                                            
1962                                                
1963                                            
1964                                                
1965                                            
1966                                                
1967                                            
1968                                                
1969                                            
1970                                                
1971                                            
1972                                                
1973                                            
1974                                                
1975                                            
1976                                                
1977                                            
1978                                                
1979                                                    
1980                                                        
1981                                                        <div class="w-[52px] h-[73px] mr-5">
1982                                                            
1983                                                            <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">
1984                                                        </div>
1985                                                    
1986                                                
1987                                            
1988                                                
1989                                            
1990                                                
1991                                            
1992                                                
1993                                            
1994                                                
1995                                            
1996                                                
1997                                            
1998                                                
1999                                            
2000                                                
2001                                            
2002                                                
2003                                            
2004                                                
2005                                            
2006                                                
2007                                            
2008                                                
2009                                            
2010                                                
2011                                            
2012                                                
2013                                            
2014                                                
2015                                            
2016                                                
2017                                            
2018                                                
2019                                            
2020                                                
2021                                            
2022                                                
2023                                            
2024                                                
2025                                            
2026                                            <div class=" flex items-center text-base text-grey-2A body text-4 ">
2027                                                Mineral
2028                                            </div>
2029                                            <div class="flex items-center pr-5 text-white ml-auto">
2030                                                <svg width="38" height="38" viewBox="0 0 38 38" fill="none" xmlns="http://www.w3.org/2000/svg">
2031  <circle cx="19" cy="19" r="16" fill="currentColor"/>
2032  <path d="M17 13L23 19L17 25" stroke="#2A2A2A" stroke-miterlimit="16" stroke-linecap="square"/>
2033</svg>
2034
2035                                            </div>
2036                                        </a>
2037                                    </li>
2038                                
2039                                    <li class="first:mt-4">
2040                                        <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">
2041                                            
2042                                            
2043                                                
2044                                            
2045            
2045                                    
2046                                            
2047                                                
2048                                            
2049                                                
2050                                            
2051                                                
2052                                            
2053                                                
2054                                            
2055                                                
2056                                            
2057                                                
2058                                            
2059                                                
2060                                            
2061                                                
2062                                            
2063                                                
2064                                            
2065                                                
2066                                            
2067                                                
2068                                            
2069                                                
2070                                            
2071                                                
2072                                                    
2073                                                        
2074                                                        <div class="w-[52px] h-[73px] mr-5">
2075                                                            
2076                                                            <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">
2077                                                        </div>
2078                                                    
2079                                                
2080                                            
2081                                                
2082                                            
2083                                                
2084                                            
2085                                                
2086                                            
2087                                                
2088                                            
2089                                                
2090                                            
2091                                                
2092                                            
2093                                                
2094                                            
2095                                                
2096                                            
2097                                                
2098                                            
2099                                                
2100                                            
2101                                                
2102                                            
2103                                                
2104                                            
2105                                                
2106                                            
2107                                                
2108                                            
2109                                                
2110                                            
2111                                                
2112                                            
2113                                                
2114                                            
2115                                                
2116                                            
2117                                                
2118                                            
2119                                                
2120                                            
2121                                                
2122                                            
2123                                                
2124                                            
2125                                            <div class=" flex items-center text-base text-grey-2A body text-4 ">
2126                                                Makeup
2127                                            </div>
2128                                            <div class="flex items-center pr-5 text-white ml-auto">
2129                                                <svg width="38" height="38" viewBox="0 0 38 38" fill="none" xmlns="http://www.w3.org/2000/svg">
2130  <circle cx="19" cy="19" r="16" fill="currentColor"/>
2131  <path d="M17 13L23 19L17 25" stroke="#2A2A2A" stroke-miterlimit="16" stroke-linecap="square"/>
2132</svg>
2133
2134                                            </div>
2135                                        </a>
2136                                    </li>
2137                                
2138                                    <li class="first:mt-4">
2139                                        <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">
2140                                            
2141                                            
2142                                                
2143                                            
2144                                                
2145                                            
2146                                                
2147                                            
2148                                                
2149                                            
2150                                                
2151                                            
2152                                                
2153                                            
2154                                                
2155                                            
2156                                                
2157                                            
2158                                                
2159                                            
2160                                                
2161                                            
2162                                                
2163                                                    
2164                                                        
2165                                                        <div class="w-[52px] h-[73px] mr-5">
2166                                                            
2167                                                            <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">
2168                                                        </div>
2169                                                    
2170                                                
2171                                            
2172                                                
2173                                            
2174                                                
2175                                            
2176                                                
2177                                            
2178                                                
2179                                            
2180                                                
2181                                            
2182                                                
2183                                            
2184                                                
2185                                            
2186                                                
2187                                            
2188                                                
2189                                            
2190                                                
2191                                            
2192                                                
2193                                            
2194                                                
2195                                            
2196                                                
2197                                            
2198                                                
2199                                            
2200                                                
2201                                            
2202                                                
2203                                            
2204                                                
2205                                            
2206                                                
2207                                            
2208                                                
2209                                            
2210                                                
2211                                            
2212                                                
2213                                            
2214                                                
2215                                            
2216                                                
2217                                            
2218                                                
2219                                            
2220                                                
2221                                            
2222                                                
2223                                            
2224                                            <div class=" flex items-center text-base text-grey-2A body text-4 ">
2225                                                Kids & Family
2226                                            </div>
2227                                            <div class="flex items-center pr-5 text-white ml-auto">
2228                                                <svg width="38" height="38" viewBox="0 0 38 38" fill="none" xmlns="http://www.w3.org/2000/svg">
2229  <circle cx="19" cy="19" r="16" fill="currentColor"/>
2230  <path d="M17 13L23 19L17 25" stroke="#2A2A2A" stroke-miterlimit="16" stroke-linecap="square"/>
2231</svg>
2232
2233                                            </div>
2234                                        </a>
2235                                    </li>
2236                                
2237                                    <li class="first:mt-4">
2238                                        <a href="/collections/men-spf" 
2238class="flex p-1 items-center rounded bg-grey-F7 [@media(pointer:fine)]:[&_svg]:hover:text-supergoop-yellow h-20 no-underline mb-2.5">
2239                                            
2240                                            
2241                                                
2242                                            
2243                                                
2244                                            
2245                                                
2246                                            
2247                                                
2248                                            
2249                                                
2250                                            
2251                                                
2252                                            
2253                                                
2254                                            
2255                                                
2256                                            
2257                                                
2258                                            
2259                                                
2260                                            
2261                                                
2262                                            
2263                                                
2264                                            
2265                                                
2266                                            
2267                                                
2268                                            
2269                                                
2270                                            
2271                                                
2272                                                    
2273                                                        
2274                                                        <div class="w-[52px] h-[73px] mr-5">
2275                                                            
2276                                                            <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">
2277                                                        </div>
2278                                                    
2279                                                
2280                                            
2281                                                
2282                                            
2283                                                
2284                                            
2285                                                
2286                                            
2287                                                
2288                                            
2289                                                
2290                                            
2291                                                
2292                                            
2293                                                
2294                                            
2295                                                
2296                                            
2297                                                
2298                                            
2299                                                
2300                                            
2301                                                
2302                                            
2303                                                
2304                                            
2305                                                
2306                                            
2307                                                
2308                                            
2309                                                
2310                                            
2311                                                
2312                                            
2313                                                
2314                                            
2315                                                
2316                                            
2317                                                
2318                                            
2319                                                
2320                                            
2321                                                
2322                                            
2323                                            <div class=" flex items-center text-base text-grey-2A body text-4 ">
2324                                                Men
2325                                            </div>
2326                                            <div class="flex items-center pr-5 text-white ml-auto">
2327                                                <svg width="38" height="38" viewBox="0 0 38 38" fill="none" xmlns="http://www.w3.org/2000/svg">
2328  <circle cx="19" cy="19" r="16" fill="currentColor"/>
2329  <path d="M17 13L23 19L17 25" stroke="#2A2A2A" stroke-miterlimit="16" stroke-linecap="square"/>
2330</svg>
2331
2332                                            </div>
2333                                        </a>
2334                                    </li>
2335                                
2336                                    <li class="first:mt-4">
2337                                        <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">
2338                                            
2339                                            
2340                                                
2341                                            
2342                                                
2343                                            
2344                                                
2345                                            
2346                                                
2347                                            
2348                                                
2349                                            
2350                                                
2351                                            
2352                                                
2353                                            
2354                                                
2355                                            
2356                                                
2357                                            
2358                                                
2359                                            
2360                                                
2361                                            
2362                                                
2363                                            
2364                                                
2365                                            
2366                                                
2367                                            
2368                                                
2369                                            
2370                                                
2371                                            
2372                                                
2373                                            
2374                                                
2375                                            
2376                                                
2377                                            
2378                                                
2379                                            
2380                                                
2381                                            
2382                                                
2383                                            
2384                                                
2385                                            
2386                                                
2387                                            
2388                                                
2389                                            
2390                                                
2391                                            
2392                                                
2393                                            
2394                                                
2395                                            
2396                                                
2397                                                    
2398                                                        
2399                                                        <div class="w-[52px] h-[73px] mr-5">
2400                                                            
2401                                                            <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">
2402                                                        </div>
2403                                                    
2404                                                
2405                                            
2406                                                
2407                                            
2408                                                
2409                                            
2410                                                
2411                                            
2412                                                
2413                                            
2414                                                
2415                                            
2416                                                
2417                                            
2418                                                
2419                                            
2420                                                
2421                                            
2422                                            <div class=" flex items-center text-base text-grey-2A body text-4 ">
2423                                                Sets & Gifts
2424                                            </div>
2425                                            <div class="flex items-center pr-5 text-white ml-auto">
2426                                                <svg width="38" height="38" viewBox="0 0 38 38" fill="none" xmlns="http://www.w3.org/2000/svg">
2427  <circle cx="19" cy="19" r="16" fill="currentColor"/>
2428  <path d="M17 13L23 19L17 25" stroke="#2A2A2A" stroke-miterlimit="16" stroke-linecap="square"/>
2429</svg>
2430
2431                                            </div>
2432                                        </a>
2433                                    </li>
2434                                
2435                                    <li class="first:mt-4">
2436                                        <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">
2437                                            
2438                                            
2439                                                
2440                                            
2441                                                
2442                                            
2443                                                
2444                                            
2445                                                
2446                                            
2447                                                
2448                                            
2449                                                
2450                                            
2451                                                
2452                                            
2453                                                
2454                                            
2455                                                
2456                                                    
2457                                                        
2458                                                        <div class="w-[52px] h-[73px] mr-5">
2459                                                            
2460                                                            <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">
2461                                                        </div>
2462                                                    
2463                                                
2464                                            
2465                                                
2466                                            
2467                                                
2468                                            
2469                                                
2470                                            
2471                                                
2472                                            
2473                                                
2474                                            
2475                                                
2476                                            
2477                                                
2478                                            
2479                                                
2480                                            
2481                                                
2482                                            
2483                                                
2484                                            
2485                                                
2486                                            
2487                                                
2488                                            
2489                                                
2490                                            
2491                                                
2492                                            
2493                                                
2494                                            
2495                                                
2496                                            
2497                                                
2498                                            
2499                                                
2500                                            
2501                                                
2502                                            
2503                                                
2504                                            
2505                                                
2506                                            
2507                                                
2508                                            
2509                                                
2510                                            
2511                                                
2512                                            
2513                                                
2514                                            
2515                                                
2516                                            
2517                                                
2518                                            
2519                                                
2520                                            
2521                                            <div class=" flex items-center text-base text-grey-2A body text-4 ">
2522                                                Group Gifting
2523                                            </div>
2524                                            <div class="flex items-center pr-5 text-white ml-auto">
2525                                                <svg width="38" height="38" viewBox="0 0 38 38" fill="none" xmlns="http://www.w3.org/2000/svg">
2526  <circle cx="19" cy="19" r="16" fill="currentColor"/>
2527  <path d="M17 13L23 19L17 25" stroke="#2A2A2A" stroke-miterlimit="16" stroke-linecap="square"/>
2528</svg>
2529
2530                                            </div>
2531                                        </a>
2532                                    </li>
2533                                
2534                                <li>
2535                                    <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">
2536                                        <div class="pl-5 flex items-center text-base text-grey-2A body text-4 ">
2537                                           
2538                                            Shop 
2538All
2539                                           
2540                                        </div>
2541                                        <div class="flex items-center pr-5 text-white ml-auto">
2542                                            <svg width="38" height="38" viewBox="0 0 38 38" fill="none" xmlns="http://www.w3.org/2000/svg">
2543  <circle cx="19" cy="19" r="16" fill="currentColor"/>
2544  <path d="M17 13L23 19L17 25" stroke="#2A2A2A" stroke-miterlimit="16" stroke-linecap="square"/>
2545</svg>
2546
2547                                        </div>
2548                                    </a>
2549                                </li>
2550                            </ul>
2551                        </div>
2552                    
2553                </div>
2554            
2555        
2556    
2557
2558    
2559        
2560        
2561            
2562                <div class="border-b border-grey-D0 p-5 first:border-t">
2563                    <a href="/collections/best-sellers-spf" class="text-xl text-grey-2A no-underline font-light flex justify-between"
2564                      data-accordion-button   >
2565                        <h2 class="text-xl text-grey-2A no-underline normal-case font-serif font-bold">Bestsellers</h2>
2566                        
2567                            <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">
2568<circle cx="16" cy="16" r="16" fill="white"/>
2569<path d="M9 16H23" stroke="#2A2A2A"/>
2570<path d="M16.0002 9V23" stroke="#2A2A2A"/>
2571</svg>
2572</span>
2573                            <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">
2574  <circle cx="16" cy="16" r="16" fill="transparent"/>
2575  <path d="M9 16H23" stroke="#2A2A2A"/>
2576</svg>
2577</span>
2578                        
2579                    </a>
2580                    
2581                        <div class="h-0 overflow-hidden transition-all" data-accordion-content>
2582                            
2583                            <ul class="">
2584                                
2585                                    <li class="first:mt-4">
2586                                        <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">
2587                                            
2588                                            
2589                                                
2590                                            
2591                                                
2592                                            
2593                                                
2594                                            
2595                                                
2596                                            
2597                                                
2598                                            
2599                                                
2600                                            
2601                                                
2602                                            
2603                                                
2604                                            
2605                                                
2606                                            
2607                                                
2608                                            
2609                                                
2610                                            
2611                                                
2612                                            
2613                                                
2614                                            
2615                                                
2616                                            
2617                                                
2618                                            
2619                                                
2620                                            
2621                                                
2622                                            
2623                                                
2624                                            
2625                                                
2626                                            
2627                                                
2628                                            
2629                                                
2630                                            
2631                                                
2632                                            
2633                                                
2634                                            
2635                                                
2636                                            
2637                                                
2638                                            
2639                                                
2640                                            
2641                                                
2642                                            
2643                                                
2644                                            
2645                                                
2646                                            
2647                                                
2648                                            
2649                                                
2650                                            
2651                                                
2652                                            
2653                                                
2654                                            
2655                                                
2656                                            
2657                                                
2658                                            
2659                                                
2660                                            
2661                                                
2662                                                    
2663                                                        
2664                                                        <div class="w-[52px] h-[73px] mr-5">
2665                                                            
2666                                                            <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">
2667                                                        </div>
2668                                                    
2669                                                
2670                                            
2671                                            <div class=" flex items-center text-base text-grey-2A body text-4 ">
2672                                                Unseen Sunscreen 
2672SPF 50
2673                                            </div>
2674                                            <div class="flex items-center pr-5 text-white ml-auto">
2675                                                <svg width="38" height="38" viewBox="0 0 38 38" fill="none" xmlns="http://www.w3.org/2000/svg">
2676  <circle cx="19" cy="19" r="16" fill="currentColor"/>
2677  <path d="M17 13L23 19L17 25" stroke="#2A2A2A" stroke-miterlimit="16" stroke-linecap="square"/>
2678</svg>
2679
2680                                            </div>
2681                                        </a>
2682                                    </li>
2683                                
2684                                    <li class="first:mt-4">
2685                                        <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">
2686                                            
2687                                            
2688                                                
2689                                            
2690                                                
2691                                            
2692                                                
2693                                            
2694                                                
2695                                            
2696                                                
2697                                            
2698                                                
2699                                            
2700                                                
2701                                            
2702                                                
2703                                                    
2704                                                        
2705                                                        <div class="w-[52px] h-[73px] mr-5">
2706                                                            
2707                                                            <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">
2708                                                        </div>
2709                                                    
2710                                                
2711                                            
2712                                                
2713                                            
2714                                                
2715                                            
2716                                                
2717                                            
2718                                                
2719                                            
2720                                                
2721                                            
2722                                                
2723                                            
2724                                                
2725                                            
2726                                                
2727                                            
2728                                                
2729                                            
2730                                                
2731                                            
2732                                                
2733                                            
2734                                                
2735                                            
2736                                                
2737                                            
2738                                                
2739                                            
2740                                                
2741                                            
2742                                                
2743                                            
2744                                                
2745                                            
2746                                                
2747                                            
2748                                                
2749                                            
2750                                                
2751                                            
2752                                                
2753                                            
2754                                                
2755                                            
2756                                                
2757                                            
2758                                                
2759                                            
2760                                                
2761                                            
2762                                                
2763                                            
2764                                                
2765                                            
2766                                                
2767                                            
2768                                                
2769                                            
2770                                            <div class=" flex items-center text-base text-grey-2A body text-4 ">
2771                                                Glowscreen SPF 40
2772                                            </div>
2773                                            <div class="flex items-center pr-5 text-white ml-auto">
2774                                                <svg width="38" height="38" viewBox="0 0 38 38" fill="none" xmlns="http://www.w3.org/2000/svg">
2775  <circle cx="19" cy="19" r="16" fill="currentColor"/>
2776  <path d="M17 13L23 19L17 25" stroke="#2A2A2A" stroke-miterlimit="16" stroke-linecap="square"/>
2777</svg>
2778
2779                                            </div>
2780                                        </a>
2781                                    </li>
2782                                
2783                                    <li class="first:mt-4">
2784                                        <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">
2785                                            
2786                                            
2787                                                
2788                                            
2789                                                
2790                                            
2791                                                
2792                                            
2793                                                
2794                                            
2795                                                
2796                                            
2797                                                
2798                                            
2799                                                
2800                                            
2801                                                
2802                                            
2803                                                
2804                                            
2805                                                
2806                                            
2807                                                
2808                                            
2809                                                
2810                                            
2811                                                
2812                                            
2813                                                
2814                                            
2815                                                
2816                                            
2817                                                
2818                                            
2819                                                
2820                                            
2821                                                
2822                                            
2823                                                
2824                                            
2825                                                
2826                                            
2827                                                
2828                                            
2829                                                
2830                                            
2831                                                
2832                                            
2833                                                
2834                                                    
2835                                                        
2836                                                        <div class="w-[52px] h-[73px] mr-5">
2837                                                            
2838                                                            <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">
2839                                                        </div>
2840                                                    
2841                                                
2842                                            
2843                                                
2844                                            
2845                                                
2846                                            
2847                                                
2848                                            
2849                                                
2850                                            
2851                                                
2852                                            
2853                                                
2854                                            
2855                                                
2856                                            
2857                                                
2858                                            
2859                                                
2860                                            
2861                                                
2862                                            
2863                                                
2864                                            
2865                                                
2866                                            
2867                                                
2868                                            
2869                                            <div class=" flex items-center text-base text-grey-2A body text-4 ">
2870                                                PLAY Everyday Lotion SPF 50
2871                                            </div>
2872                                            <div class="flex items-center pr-5 text-white ml-auto">
2873                                                <svg width="38" height="38" viewBox="0 0 38 38" fill="none" xmlns="http://www.w3.org/2000/svg">
2874  <circle cx="19" cy="19" r="16" fill="currentColor"/>
2875  <path d="M17 13L23 19L17 25" stroke="#2A2A2A" stroke-miterlimit="16" stroke-linecap="square"/>
2876</svg>
2877
2878                                            </div>
2879                                        </a>
2880                                    </li>
2881                                
2882                                    <li class="first:mt-4">
2883                                        <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">
2884                                            
2885                                            
2886                                                
2887                                            
2888                                                
2889                                            
2890                                                
2891                                            
2892                                                
2893                                            
2894                                                
2895                                            
2896                                                
2897                                            
2898                                                
2899                                            
2900                                                
2901                                            
2902                                                
2903                                            
2904                                                
2905                                            
2906                                                
2907                                            
2908                                                
2909                                            
2910                                                
2911                                            
2912                                                
2913                                            
2914                                                
2915                                            
2916                                                
2917                                            
2918                                                
2919                                            
2920                                                
2921                                            
2922                                                
2923                                            
2924                                                
2925                                            
2926                                                
2927                                            
2928                                                
2929                                            
2930                                                
2931                                                    
2932                                                        
2933                                                        <div class="w-[52px] h-[73px] mr-5">
2934                                                            
2935                                                            <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">
2936                                                        </div>
2937                                                    
2938                                                
2939                                            
2940                                                
2941                                            
2942                                                
2943                                            
2944                                                
2945                                            
2946                                                
2947                                            
2948                                                
2949                                            
2950                                                
2951                                            
2952                                                
2953                                            
2954                                                
2955                                            
2956                                                
2957                                            
2958                                                
2959                                            
2960                                                
2961                                            
2962                                                
2963                                            
2964                                                
2965                                            
2966                                                
2967                                            
2968                                            <div class=" flex items-center text-base text-grey-2A body text-4 ">
2969                                                PLAY Antioxidant Body Mist SPF 50
2970                                            </div>
2971                                            <div class="flex items-center pr-5 text-white ml-auto">
2972                           
2972                     <svg width="38" height="38" viewBox="0 0 38 38" fill="none" xmlns="http://www.w3.org/2000/svg">
2973  <circle cx="19" cy="19" r="16" fill="currentColor"/>
2974  <path d="M17 13L23 19L17 25" stroke="#2A2A2A" stroke-miterlimit="16" stroke-linecap="square"/>
2975</svg>
2976
2977                                            </div>
2978                                        </a>
2979                                    </li>
2980                                
2981                                    <li class="first:mt-4">
2982                                        <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">
2983                                            
2984                                            
2985                                                
2986                                            
2987                                                
2988                                            
2989                                                
2990                                            
2991                                                
2992                                            
2993                                                
2994                                            
2995                                                
2996                                            
2997                                                
2998                                            
2999                                                
3000                                            
3001                                                
3002                                            
3003                                                
3004                                            
3005                                                
3006                                            
3007                                                
3008                                            
3009                                                
3010                                            
3011                                                
3012                                            
3013                                                
3014                                            
3015                                                
3016                                            
3017                                                
3018                                            
3019                                                
3020                                            
3021                                                
3022                                                    
3023                                                        
3024                                                        <div class="w-[52px] h-[73px] mr-5">
3025                                                            
3026                                                            <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">
3027                                                        </div>
3028                                                    
3029                                                
3030                                            
3031                                                
3032                                            
3033                                                
3034                                            
3035                                                
3036                                            
3037                                                
3038                                            
3039                                                
3040                                            
3041                                                
3042                                            
3043                                                
3044                                            
3045                                                
3046                                            
3047                                                
3048                                            
3049                                                
3050                                            
3051                                                
3052                                            
3053                                                
3054                                            
3055                                                
3056                                            
3057                                                
3058                                            
3059                                                
3060                                            
3061                                                
3062                                            
3063                                                
3064                                            
3065                                                
3066                                            
3067                                            <div class=" flex items-center text-base text-grey-2A body text-4 ">
3068                                                Mineral Mattescreen SPF 40
3069                                            </div>
3070                                            <div class="flex items-center pr-5 text-white ml-auto">
3071                                                <svg width="38" height="38" viewBox="0 0 38 38" fill="none" xmlns="http://www.w3.org/2000/svg">
3072  <circle cx="19" cy="19" r="16" fill="currentColor"/>
3073  <path d="M17 13L23 19L17 25" stroke="#2A2A2A" stroke-miterlimit="16" stroke-linecap="square"/>
3074</svg>
3075
3076                                            </div>
3077                                        </a>
3078                                    </li>
3079                                
3080                                    <li class="first:mt-4">
3081                                        <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">
3082                                            
3083                                            
3084                                                
3085                                            
3086                                                
3087                                            
3088                                                
3089                                            
3090                                                
3091                                            
3092                                                
3093                                            
3094                                                
3095                                            
3096                                                
3097                                            
3098                                                
3099                                            
3100                                                
3101                                            
3102                                                
3103                                            
3104                                                
3105                                            
3106                                                
3107                                            
3108                                                
3109                                            
3110                                                
3111                                            
3112                                                
3113                                            
3114                                                
3115                                            
3116                                                
3117                                            
3118                                                
3119                                            
3120                                                
3121                                            
3122                                                
3123                                            
3124                                                
3125                                            
3126                                                
3127                                            
3128                                                
3129                                            
3130                                                
3131                                            
3132                                                
3133                                            
3134                                                
3135                                            
3136                                                
3137                                                    
3138                                                        
3139                                                        <div class="w-[52px] h-[73px] mr-5">
3140                                                            
3141                                                            <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">
3142                                                        </div>
3143                                                    
3144                                                
3145                                            
3146                                                
3147                                            
3148                                                
3149                                            
3150                                                
3151                                            
3152                                                
3153                                            
3154                                                
3155                                            
3156                                                
3157                                            
3158                                                
3159                                            
3160                                                
3161                                            
3162                                                
3163                                            
3164                                                
3165                                            
3166                                            <div class=" flex items-center text-base text-grey-2A body text-4 ">
3167                                                Protec(tint) Skin Tint SPF 50
3168                                            </div>
3169                                            <div class="flex items-center pr-5 text-white ml-auto">
3170                                                <svg width="38" height="38" viewBox="0 0 38 38" fill="none" xmlns="http://www.w3.org/2000/svg">
3171  <circle cx="19" cy="19" r="16" fill="currentColor"/>
3172  <path d="M17 13L23 19L17 25" stroke="#2A2A2A" stroke-miterlimit="16" stroke-linecap="square"/>
3173</svg>
3174
3175                                            </div>
3176                                        </a>
3177                                    </li>
3178                                
3179                                <li>
3180                                    <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">
3181                                        <div class="pl-5 flex items-center text-base text-grey-2A body text-4 ">
3182                                           
3183                                            Shop All Bestsellers
3184                                           
3185                                        </div>
3186                                        <div class="flex items-center pr-5 text-white ml-auto">
3187                                            <svg width="38" height="38" viewBox="0 0 38 38" fill="none" xmlns="http://www.w3.org/2000/svg">
3188  <circle cx="19" cy="19" r="16" fill="currentColor"/>
3189  <path d="M17 13L23 19L17 25" stroke="#2A2A2A" stroke-miterlimit="16" stroke-linecap="square"/>
3190</svg>
3191
3192                                        </div>
3193                                    </a>
3194                                </li>
3195                            </ul>
3196                        </div>
3197                    
3198                </div>
3199            
3200        
3201    
3202
3203    
3204        
3205        
3206            
3207                <div class="border-b border-grey-D0 p-5 first:border-t">
3208                    <a href="/collections/all" class="text-xl text-grey-2A no-underline font-light flex justify-between"
3209                      data-accordion-button   >
3210                        <h2 class="text-xl text-grey-2A no-underline normal-case font-serif font-bold">Shop By Type</h2>
3211                        
3212                            <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">
3213<circle cx="16" cy="16" r="16" fill="white"/>
3214<path d="M9 16H23" stroke="#2A2A2A"/>
3215<path d="M16.0002 9V23" stroke="#2A2A2A"/>
3216</svg>
3217</span>
3218                            <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">
3219  <circle cx="16" cy="16" r="16" fill="transparent"/>
3220  <path d="M9 16H23" stroke="#2A2A2A"/>
3221</svg>
3222</span>
3223                        
3224                    </a>
3225                    
3226                        <div class="h-0 overflow-hidden transition-all" data-accordion-content>
3227                            
3228                            <ul class="">
3229                                
3230                                    <li class="first:mt-4">
3231                                        <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">
3232                                            
3233                                            
3234                                                
3235                                            
3236                                                
3237                                            
3238                                                
3239                                            
3240                                                
3241                                            
3242                                                
3243                                            
3244                                                
3245                                            
3246                                                
3247                                            
3248                                                
3249                                            
3250                                                
3251                                            
3252                                                
3253                                            
3254                                                
3255                                            
3256                                                
3257                                            
3258                                                
3259                                            
3260                                                
3261                                                    
3262                                                        
3263                                                        <div class="w-[52px] h-[73px] mr-5">
3264                                                            
3265                                                            <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">
3266                                                        </div>
3267                                                    
3268                                                
3269                                            
3270                                                
3271                                            
3272                                                
3273                                            
3274                                                
3275                                            
3276                                                
3277                                            
3278                                                
3279                                            
3280                                                
3281                                            
3282                                                
3283                                            
3284                                                
3285                                            
3286                                                
3287                                            
3288                                                
3289                                            
3290                                                
3291                                            
3292                                                
3293                                            
3294                                                
3295                                            
3296                                                
3297                                            
3298                                                
3299                                            
3300                                                
3301                                            
3302                                                
3303                                            
3304                                                
3305                                            
3306                                                
3307                                            
3308                                                
3309                                            
3310                                                
3311                                            
3312                                                
3313                                            
3314                                                
3315                                            
3316                                            <div class=" flex items-center text-base text-grey-2A body text-4 ">
3317                                                Lotion & Moisturizer
3318                                            </div>
3319                                            <div class="flex items-center pr-5 text-white ml-auto">
3320                                                <svg width="38" height="38" viewBox="0 0 38 38" fill="none" xmlns="http://www.w3.org/2000/svg">
3321  <circle cx="19" cy="19" r="16" fill="currentColor"/>
3322  <path d="M17 13L23 19L17 25" stroke="#2A2A2A" stroke-miterlimit="16" stroke-linecap="square"/>
3323</svg>
3324
3325                                            </div>
3326                                        </a>
3327                                    </li>
3328                                
3329                                    <li class="first:mt-4">
3330                                        <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">
3331                                            
3332                                            
3333                                                
3334                                            
3335                                                
3336                                            
3337                                                
3338                                            
3339                                                
3340                                            
3341                                                
3342                                            
3343                                                
3344                                            
3345                                                
3346                                            
3347                                                
3348                                            
3349                                                
3350                                            
3351                                                
3352                                            
3353                                                
3354                                            
3355                                                
3356                                            
3357                                                
3358                                            
3359                                                
3360                                            
3361                                                
3362                                            
3363                                                
3364                                            
3365                                                
3366                                            
3367                                                
3368                                            
3369                                                
3370                                            
3371                                                
3372                                            
3373                                                
3374                                            
3375                                                
3376                                            
3377                                                
3378                                            
3379                                                
3380                                            
3381                                                
3382                                            
3383                                                
3384                                            
3385                                                
3386                                            
3387                                                
3388                                            
3389                                                
3390                                            
3391                                                
3392                                            
3393                                                
3394                                                    
3395                                                        
3396                                                        <div class="w-[52px] h-[73px] mr-5">
3397                                                            
3398                                                            <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">
3399                                                        </div>
3400                                                    
3401                                                
3402                                            
3403                                                
3404                                            
3405                                                
3406                                            
3407                                                
3408                                            
3409                                                
3410                                            
3411                                                
3412                                            
3413                                                
3414                                            
3415                                            <div class=" flex items-center text-base text-grey-2A body text-4 ">
3416                                                Spray
3417                                            </div>
3418                                            <div class="flex items-center pr-5 text-white ml-auto">
3419                                                <svg width="38" height="38" viewBox="0 0 38 38" fill="none" xmlns="http://www.w3.org/2000/svg">
3420  <circle cx="19" cy="19" r="16" fill="currentColor"/>
3421  <path d="M17 13L23 19L17 25" stroke="#2A2A2A" stroke-miterlimit="16" stroke-linecap="square"/>
3422</svg>
3423
3424                                            </div>
3425                                        </a>
3426                                    </li>
3427                                
3428                                    <li class="first:mt-4">
3429                                        <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">
3430                                            
3431                                            
3432                                                
3433                                            
3434                                                
3435                                            
3436                                                
3437                                            
3438                                                
3439                                            
3440                                                
3441                                            
3442                                                
3443                                            
3444                                                
3445                                            
3446                                                
3447                                            
3448                                                
3449                                            
3450                                                
3451                                            
3452                                                
3453                                            
3454                                                
3455                                            
3456                                                
3457                                            
3458                                                
3459                                            
3460                                                
3461                                            
3462                                                
3463                                            
3464                                                
3465                                            
3466                                                
3467                                            
3468                                                
3469                                            
3470                                                
3471                                            
3472                                                
3473                                            
3474                                                
3475                                            
3476                                                
3477                                            
3478                                                
3479                                            
3480                                                
3481                                            
3482                                                
3483                                            
3484                                                
3485                                            
3486                                                
3487                                            
3488                                                
3489                                            
3490                                                
3491                                            
3492                                                
3493                                            
3494                                                
3495                                                    
3496                                                        
3497                                                        <div class="w-[52px] h-[73px] mr-5">
3498                                                            
3499                                                            <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">
3500                                                        </div>
3501                                                    
3502                                                
3503                                            
3504                                                
3505                                            
3506                                                
3507                                            
3508                                                
3509                                            
3510                                                
3511                                            
3512                                                
3513                                            
3514                                            <div class=" flex items-center text-base text-grey-2A body text-4 ">
3515                                                Stick
3516                                            </div>
3517                                            <div class=
3517"flex items-center pr-5 text-white ml-auto">
3518                                                <svg width="38" height="38" viewBox="0 0 38 38" fill="none" xmlns="http://www.w3.org/2000/svg">
3519  <circle cx="19" cy="19" r="16" fill="currentColor"/>
3520  <path d="M17 13L23 19L17 25" stroke="#2A2A2A" stroke-miterlimit="16" stroke-linecap="square"/>
3521</svg>
3522
3523                                            </div>
3524                                        </a>
3525                                    </li>
3526                                
3527                                    <li class="first:mt-4">
3528                                        <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">
3529                                            
3530                                            
3531                                                
3532                                            
3533                                                
3534                                            
3535                                                
3536                                            
3537                                                
3538                                            
3539                                                
3540                                            
3541                                                
3542                                            
3543                                                
3544                                            
3545                                                
3546                                            
3547                                                
3548                                            
3549                                                
3550                                            
3551                                                
3552                                            
3553                                                
3554                                            
3555                                                
3556                                            
3557                                                
3558                                            
3559                                                
3560                                            
3561                                                
3562                                            
3563                                                
3564                                            
3565                                                
3566                                            
3567                                                
3568                                            
3569                                                
3570                                            
3571                                                
3572                                            
3573                                                
3574                                                    
3575                                                        
3576                                                        <div class="w-[52px] h-[73px] mr-5">
3577                                                            
3578                                                            <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">
3579                                                        </div>
3580                                                    
3581                                                
3582                                            
3583                                                
3584                                            
3585                                                
3586                                            
3587                                                
3588                                            
3589                                                
3590                                            
3591                                                
3592                                            
3593                                                
3594                                            
3595                                                
3596                                            
3597                                                
3598                                            
3599                                                
3600                                            
3601                                                
3602                                            
3603                                                
3604                                            
3605                                                
3606                                            
3607                                                
3608                                            
3609                                                
3610                                            
3611                                                
3612                                            
3613                                            <div class=" flex items-center text-base text-grey-2A body text-4 ">
3614                                                Oil & Serum
3615                                            </div>
3616                                            <div class="flex items-center pr-5 text-white ml-auto">
3617                                                <svg width="38" height="38" viewBox="0 0 38 38" fill="none" xmlns="http://www.w3.org/2000/svg">
3618  <circle cx="19" cy="19" r="16" fill="currentColor"/>
3619  <path d="M17 13L23 19L17 25" stroke="#2A2A2A" stroke-miterlimit="16" stroke-linecap="square"/>
3620</svg>
3621
3622                                            </div>
3623                                        </a>
3624                                    </li>
3625                                
3626                                    <li class="first:mt-4">
3627                                        <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">
3628                                            
3629                                            
3630                                                
3631                                            
3632                                                
3633                                            
3634                                                
3635                                            
3636                                                
3637                                            
3638                                                
3639                                            
3640                                                
3641                                            
3642                                                
3643                                            
3644                                                
3645                                            
3646                                                
3647                                            
3648                                                
3649                                            
3650                                                
3651                                            
3652                                                
3653                                                    
3654                                                        
3655                                                        <div class="w-[52px] h-[73px] mr-5">
3656                                                            
3657                                                            <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">
3658                                                        </div>
3659                                                    
3660                                                
3661                                            
3662                                                
3663                                            
3664                                                
3665                                            
3666                                                
3667                                            
3668                                                
3669                                            
3670                                                
3671                                            
3672                                                
3673                                            
3674                                                
3675                                            
3676                                                
3677                                            
3678                                                
3679                                            
3680                                                
3681                                            
3682                                                
3683                                            
3684                                                
3685                                            
3686                                                
3687                                            
3688                                                
3689                                            
3690                                                
3691                                            
3692                                                
3693                                            
3694                                                
3695                                            
3696                                                
3697                                            
3698                                                
3699                                            
3700                                                
3701                                            
3702                                                
3703                                            
3704                                                
3705                                            
3706                                                
3707                                            
3708                                                
3709                                            
3710                                                
3711                                            
3712                                            <div class=" flex items-center text-base text-grey-2A body text-4 ">
3713                                                Lip
3714                                            </div>
3715                                            <div class="flex items-center pr-5 text-white ml-auto">
3716                                                <svg width="38" height="38" viewBox="0 0 38 38" fill="none" xmlns="http://www.w3.org/2000/svg">
3717  <circle cx="19" cy="19" r="16" fill="currentColor"/>
3718  <path d="M17 13L23 19L17 25" stroke="#2A2A2A" stroke-miterlimit="16" stroke-linecap="square"/>
3719</svg>
3720
3721                                            </div>
3722                                        </a>
3723                                    </li>
3724                                
3725                                    <li class="first:mt-4">
3726                                        <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">
3727                                            
3728                                            
3729                                                
3730                                            
3731                                                
3732                                            
3733                                                
3734                                            
3735                                                
3736                                            
3737                                                
3738                                            
3739                                                
3740                                            
3741                                                
3742                                            
3743                                                
3744                                            
3745                                                
3746                                            
3747                                                
3748                                            
3749                                                
3750                                            
3751                                                
3752                                            
3753                                                
3754                                            
3755                                                
3756                                            
3757                                                
3758                                            
3759                                                
3760                                            
3761                                                
3762                                            
3763                                                
3764                                                    
3765                                                        
3766                                                        <div class="w-[52px] h-[73px] mr-5">
3767                                                            
3768                                                            <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">
3769                                                        </div>
3770                                                    
3771                                                
3772                                            
3773                                                
3774                                            
3775                                                
3776                                            
3777                                                
3778                                            
3779                                                
3780                                            
3781                                                
3782                                            
3783                                                
3784                                            
3785                                                
3786                                            
3787                                                
3788                                            
3789                                                
3790                                            
3791                                                
3792                                            
3793                                                
3794                                            
3795                                                
3796                                            
3797                                                
3798                                            
3799                                                
3800                                            
3801                                                
3802                                            
3803                                                
3804                                            
3805                                                
3806                                            
3807                                                
3808                                            
3809                                                
3810                                            
3811                                            <div class=" flex items-center text-base text-grey-2A body text-4 ">
3812                                                Mineral
3813                                            </div>
3814                                            <div class="flex items-center pr-5 text-white ml-auto">
3815                                                <svg width="38" height="38" viewBox="0 0 38 38" fill="none" xmlns="http://www.w3.org/2000/svg">
3816  <circle cx="19" cy="19" r="16" fill="currentColor"/>
3817  <path d="M17 13L23 19L17 25" stroke="#2A2A2A" stroke-miterlimit="16" stroke-linecap="square"/>
3818</svg>
3819
3820                                            </div>
3821                                        </a>
3822                                    </li>
3823                                
3824                                <li>
3825                                    <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">
3826                                        <div class="pl-5 flex items-center text-base text-grey-2A body text-4 ">
3827                                           
3828                                            Shop All Shop By Type
3829                                           
3830                                        </div>
3831                                        <div class="flex items-center pr-5 text-white ml-auto">
3832                                            <svg width="38" height="38" viewBox="0 0 38 38" fill="none" xmlns="http://www.w3.org/2000/svg">
3833  <circle cx="19" cy="19" r="16" fill="currentColor"/>
3834  <path d="M17 13L23 19L17 25" stroke="#2A2A2A" stroke-miterlimit="16" stroke-linecap="square"/>
3835</svg>
3836
3837                                        </div>
3838                                    </a>
3839                                </li>
3840                            </ul>
3841                        </div>
3842                    
3843                </div>
3844            
3845        
3846    
3847
3848    
3849        
3850        
3851            
3852        
3853    
3854
3855
3856
3857<ul class="px-5 lg:hidden mb-[43px] mt-[15px]">
3858    <li>
3859     <button
3860        class="h-14 bg-grey-F7 rounded flex items-center w-full no-underline mb-2.5"
3861        onclick="document.dispatchEvent(new CustomEvent('supergoop:open'));document.body.style.overflow = 'hidden'"
3862        >
3863        <span class="ml-3">
3864            <svg width="28" height="28" viewBox="0 0 28 28" fill="none" xmlns="http://www.w3.org/2000/svg">
3865  <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"/>
3866  <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"/>
3867  <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"/>
3868  <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"/>
3869  <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"/>
3870  <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"/>
3871  <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"/>
3872  <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"/>
3873  <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"/>
3874  <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"/>
3875  <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"/>
3876  <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 
38761.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"/>
3877  <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"/>
3878  <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"/>
3879  <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"/>
3880  <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"/>
3881  <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"/>
3882</svg>
3883
3884        </span>
3885        <span class="ml-3 body-xs text-grey-2A">Discover</span>
3886    </button>
3887</li>
3888<li>
3889    <a href="#rivo"
3890        class="h-14 bg-grey-F7 rounded flex items-center w-full no-underline mb-2.5 text-grey-2A  !hover:text-supergoop-blue"
3891    >
3892    <span class="ml-3 text-grey-2A">
3893        <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
3894  <circle cx="12" cy="12" r="11" stroke="currentColor"/>
3895  <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"/>
3896  <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"/>
3897</svg>
3898
3899    </span>
3900    <span class="ml-3 body-xs text-grey-2A">Sign In </span>
3901</a>
3902</li>
3903</ul>
3904<div class="pl-5 pr-0 lg:px-10 pb-5">
3905    <div class="flex justify-between pb-3 lg:pr-0 pr-3">
3906      <div class="label-12 uppercase tracking-[2px] text-grey-2A">Now Trending</div>
3907    </div>
3908    <div class="flex gap-2.5 overflow-x-auto pb-5 pr-5">
3909        
3910            <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))]">
3911
3912                <img src="//supergoop.com/cdn/shop/files/unseen-sunscreen-spf-50-WYLI.jpg?v=1736348866&width=300" width="144" height="156" alt="" class="block mb-2 w-full" />
3913                <span class="!body-xs block !leading-4 link-list no-underline">Unseen Sunscreen SPF 50</span>
3914            </a>
3915        
3916            <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))]">
3917
3918                <img src="//supergoop.com/cdn/shop/files/Frame_74543_2.jpg?v=1714424890&width=300" width="144" height="156" alt="" class="block mb-2 w-full" />
3919                <span class="!body-xs block !leading-4 link-list no-underline">Protec(tint) Daily Skin Tint SPF 50</span>
3920            </a>
3921        
3922            <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))]">
3923
3924                <img src="//supergoop.com/cdn/shop/files/Nav_M_PLAY4x_e6136e39-a130-47d6-b0a0-69585d5bbdfc.png?v=1706122187&width=300" width="144" height="156" alt="" class="block mb-2 w-full" />
3925                <span class="!body-xs block !leading-4 link-list no-underline">PLAY Everyday Lotion SPF 50</span>
3926            </a>
3927        
3928    </div>
3929</div>
3930
3931      </div>
3932
3933    </div>
3934
3935  </div>
3936  </div>
3937
3938  
3939    
3940    
3941
3942    
3943  
3944</section>
3945
3946</div>
3947    </div>
3948
3949    <main id="MainContent" role="main" tabindex="-1">
3950      <div id="shopify-section-template--19515789115490__product" class="shopify-section"><div class="container mb-10 product-skeleton">
3951  <div class="lg:flex lg:justify-center">
3952    <div class="max-lg:mb-4 lg:w-1/2 lg:flex lg:justify-end lg:my-16 lg:gap-10 widescreen:my-0">
3953      <div class="hidden lg:flex py-[70px] flex-col justify-center gap-6">
3954        
3955        
3956          
3957          <div class="border rounded-full overflow-hidden w-[50px] h-[50px] skeleton"></div>
3958        
3959          
3960          <div class="border rounded-full overflow-hidden w-[50px] h-[50px] skeleton"></div>
3961        
3962          
3963          <div class="border rounded-full overflow-hidden w-[50px] h-[50px] skeleton"></div>
3964        
3965          
3966          <div class="border rounded-full overflow-hidden w-[50px] h-[50px] skeleton"></div>
3967        
3968          
3969          <div class="border rounded-full overflow-hidden w-[50px] h-[50px] skeleton"></div>
3970        
3971          
3972            
3973      </div>
3974      <div class="w-full  aspect-[3/4] sm:max-w-[340px] lg:max-w-[100%]">
3975        <div class="w-full h-full skeleton"></div>
3976      </div>
3977    </div>
3978    <div class="lg:w-1/2 lg:pt-16 pt-7 mx-auto lg:px-5 lg:max-w-[500px]">
3979      
3980<div class="skeleton skeleton-text skeleton-text__half"></div>
3981
3982<div class="skeleton skeleton-text skeleton-text__xsmall"></div>
3983
3984<div class="skeleton skeleton-text skeleton-text__small"></div>
3985
3986<div class="skeleton skeleton-text"></div>
3987
3988<div class="skeleton skeleton-text"></div>
3989<div class="skeleton-spacer"></div>
3990<div class="skeleton skeleton-text skeleton-text__body"></div>
3991
3992      <div class="flex gap-1">
3993        <div class="skeleton w-[34px] h-[34px]"></div><div class="skeleton w-[34px] h-[34px]"></div><div class="skeleton w-[34px] h-[34px]"></div><div class="skeleton w-[34px] h-[34px]"></div>
3994      </div>
3995      <div class="skeleton-spacer"></div>
3996      
3997<div class="skeleton skeleton-text skeleton-text__xsmall"></div>
3998
3999      <div class="flex gap-1">
4000        <div class="skeleton w-[80px] h-[34px]"></div><div class="skeleton w-[80px] h-[34px]"></div><div class="skeleton w-[80px] h-[34px]"></div><div class="skeleton w-[80px] h-[34px]"></div>
4001      </div>
4002      <div class="skeleton-spacer"></div>
4003      
4004<div class="skeleton skeleton-text skeleton-text__small"></div>
4005
4006<div class="skeleton skeleton-text skeleton-text__small"></div>
4007
4008<div class="skeleton skeleton-text skeleton-text__half"></div>
4009<div class="skeleton-spacer"></div>
4010      <div class="flex h-[44px] mb-6">
4011        <div class="w-full h-[44px]">
4012          <div class="w-full h-full skeleton"></div>
4013        </div>
4014        <div class="flex min-w-20 h-[44px] ml-3">
4015          <div class="w-full h-full skeleton"></div>
4016        </div>
4017      </div>
4018      <div class="flex flex-col items-center mb-6">
4019        
4020<div class="skeleton skeleton-text skeleton-text__half"></div>
4021
4022<div class="skeleton skeleton-text skeleton-text__xsmall"></div>
4023
4024      </div>
4025      <div class="border-t border-grey-D0 pt-6 flex grid-cols-3 gap-x-3  items-start lg:items-center utility-s text-[12px] text-grey-5C justify-evenly">
4026        
4027          <div class="max-w-[150px] w-full flex h-[50px] items-center">
4028            <div class="w-full h-full skeleton"></div>
4029            <div class="lg:pl-2.5   w-full">
4030              
4031<div class="skeleton skeleton-text skeleton-text__half"></div>
4032
4033            </div>
4034          </div>
4035        
4036          <div class="max-w-[150px] w-full flex h-[50px] items-center">
4037            <div class="w-full h-full skeleton"></div>
4038            <div class="lg:pl-2.5   w-full">
4039              
4040<div class="skeleton skeleton-text skeleton-text__half"></div>
4041
4042            </div>
4043          </div>
4044        
4045          <div class="max-w-[150px] w-full flex h-[50px] items-center">
4046            <div class="w-full h-full skeleton"></div>
4047            <div class="lg:pl-2.5   w-full">
4048              
4049<div class="skeleton skeleton-text skeleton-text__half"></div>
4050
4051            </div>
4052          </div>
4053        
4054      </div>
4055    </div>
4056  </div>
4057</div>
4058
4059
4060
4061
4062
4063
4064<section
4065  class="invisible h-0 product-page"
4066  data-section="product"
4067  data-transition-enabled="true"
4068  >
4069  
4069<script type="application/json" data-section-data>
4070    {
4071    "product":{"id":7269697060962,"title":"Unseen Sunscreen SPF 50","handle":"unseen-sunscreen-spf-50","description":"\u003cp\u003e\u003cmeta charset=\"utf-8\"\u003e\u003cmeta charset=\"utf-8\"\u003eOur award-winning invisible SPF, now even better! The iconic 100% invisible, weightless, scentless sunscreen that’s non-irritating, doubles as a primer for all-day makeup \u003cmeta charset=\"utf-8\"\u003ewear\u003cspan aria-labelledby=\"footnote-2\"\u003e²\u003c\/span\u003e \u0026amp; is clinically tested to improve skin \u003cmeta charset=\"utf-8\"\u003eclarity\u003cspan aria-labelledby=\"footnote-1\"\u003e¹\u003c\/span\u003e.\u003c\/p\u003e","published_at":"2024-12-09T10:33:03-05:00","created_at":"2024-12-02T12:56:43-05:00","vendor":"Supergoop!","type":"Face","tags":["ATTV_GLOBAL_EXCLUSION_TAG","Badge:Bestseller","Body Part:Face","Finish:Invisible","Finish:Natural","Finish:No white cast","YGroup_unseen50"],"price":1900,"price_min":1900,"price_max":7600,"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":41610270802018,"title":"1.7 fl. oz.","option1":"1.7 fl. oz.","option2":null,"option3":null,"sku":"8817","requires_shipping":true,"taxable":true,"featured_image":{"id":33252601888866,"product_id":7269697060962,"position":1,"created_at":"2025-09-16T09:55:18-04:00","updated_at":"2025-09-16T09:55:58-04:00","alt":"Supergoop! Unseen Sunscreen SPF 50 1.7 fl. oz.","width":1180,"height":1604,"src":"\/\/supergoop.com\/cdn\/shop\/files\/Unseen_PDP_Image_Allure_Seal_2025.png?v=1758030958","variant_ids":[41610270802018]},"available":true,"name":"Unseen Sunscreen SPF 50 - 1.7 fl. oz.","public_title":"1.7 fl. oz.","options":["1.7 fl. oz."],"price":3800,"weight":74,"compare_at_price":null,"inventory_quantity":100,"inventory_management":"shopify","inventory_policy":"deny","barcode":"816218028817","featured_media":{"alt":"Supergoop! Unseen Sunscreen SPF 50 1.7 fl. oz.","id":24781773733986,"position":1,"preview_image":{"aspect_ratio":0.736,"height":1604,"width":1180,"src":"\/\/supergoop.com\/cdn\/shop\/files\/Unseen_PDP_Image_Allure_Seal_2025.png?v=1758030958"}},"requires_selling_plan":false,"selling_plan_allocations":[{"price_adjustments":[{"position":1,"price":3420}],"price":3420,"compare_at_price":3800,"per_delivery_price":3420,"selling_plan_id":3022880866,"selling_plan_group_id":"d1c31b7d875f371afdda85ee0906e6c15aee403a"},{"price_adjustments":[{"position":1,"price":3420}],"price":3420,"compare_at_price":3800,"per_delivery_price":3420,"selling_plan_id":3022913634,"selling_plan_group_id":"d1c31b7d875f371afdda85ee0906e6c15aee403a"},{"price_adjustments":[{"position":1,"price":3420}],"price":3420,"compare_at_price":3800,"per_delivery_price":3420,"selling_plan_id":3022848098,"selling_plan_group_id":"d1c31b7d875f371afdda85ee0906e6c15aee403a"}],"quantity_rule":{"min":1,"max":null,"increment":1}},{"id":41610274275426,"title":"2.5 fl. oz.","option1":"2.5 fl. oz.","option2":null,"option3":null,"sku":"8824","requires_shipping":true,"taxable":true,"featured_image":{"id":31530322165858,"product_id":7269697060962,"position":2,"created_at":"2024-12-06T17:26:33-05:00","updated_at":"2026-03-29T11:10:43-04:00","alt":"Supergoop! Unseen Sunscreen SPF 50 2.5 fl. oz.","width":1180,"height":1604,"src":"\/\/supergoop.com\/cdn\/shop\/files\/supergoop-unseen-sunscreen-spf-50-product-and-texture-74ml.jpg?v=1774797043","variant_ids":[41610274275426]},"available":true,"name":"Unseen Sunscreen SPF 50 - 2.5 fl. oz.","public_title":"2.5 fl. oz.","options":["2.5 fl. oz."],"price":4800,"weight":74,"compare_at_price":null,"inventory_quantity":100,"inventory_management":"shopify","inventory_policy":"deny","barcode":"816218028824","featured_media":{"alt":"Supergoop! Unseen Sunscreen SPF 50 2.5 fl. oz.","id":23679571656802,"position":2,"preview_image":{"aspect_ratio":0.736,"height":1604,"width":1180,"src":"\/\/supergoop.com\/cdn\/shop\/files\/supergoop-unseen-sunscreen-spf-50-product-and-texture-74ml.jpg?v=1774797043"}},"requires_selling_plan":false,"selling_plan_allocations":[{"price_adjustments":[{"position":1,"price":4320}],"price":4320,"compare_at_price":4800,"per_delivery_price":4320,"selling_plan_id":3022880866,"selling_plan_group_id":"d1c31b7d875f371afdda85ee0906e6c15aee403a"},{"price_adjustments":[{"position":1,"price":4320}],"price":4320,"compare_at_price":4800,"per_delivery_price":4320,"selling_plan_id":3022913634,"selling_plan_group_id":"d1c31b7d875f371afdda85ee0906e6c15aee403a"},{"price_adjustments":[{"position":1,"price":4320}],"price":4320,"compare_at_price":4800,"per_delivery_price":4320,"selling_plan_id":3022848098,"selling_plan_group_id":"d1c31b7d875f371afdda85ee0906e6c15aee403a"}],"quantity_rule":{"min":1,"max":null,"increment":1}},{"id":41610278305890,"title":"0.68 fl. oz.","option1":"0.68 fl. oz.","option2":null,"option3":null,"sku":"8855","requires_shipping":true,"taxable":true,"featured_image":{"id":31530285629538,"product_id":7269697060962,"position":3,"created_at":"2024-12-06T17:02:14-05:00","updated_at":"2026-03-29T11:10:43-04:00","alt":"Supergoop! Unseen Sunscreen 
4071SPF 50 0.68 fl. oz.","width":1180,"height":1604,"src":"\/\/supergoop.com\/cdn\/shop\/files\/supergoop-unseen-sunscreen-spf-50-product-and-texture-20ml.jpg?v=1774797043","variant_ids":[41610278305890]},"available":true,"name":"Unseen Sunscreen SPF 50 - 0.68 fl. oz.","public_title":"0.68 fl. oz.","options":["0.68 fl. oz."],"price":1900,"weight":74,"compare_at_price":null,"inventory_quantity":100,"inventory_management":"shopify","inventory_policy":"deny","barcode":"816218028855","featured_media":{"alt":"Supergoop! Unseen Sunscreen SPF 50 0.68 fl. oz.","id":23679549472866,"position":3,"preview_image":{"aspect_ratio":0.736,"height":1604,"width":1180,"src":"\/\/supergoop.com\/cdn\/shop\/files\/supergoop-unseen-sunscreen-spf-50-product-and-texture-20ml.jpg?v=1774797043"}},"requires_selling_plan":false,"selling_plan_allocations":[{"price_adjustments":[{"position":1,"price":1710}],"price":1710,"compare_at_price":1900,"per_delivery_price":1710,"selling_plan_id":3022880866,"selling_plan_group_id":"d1c31b7d875f371afdda85ee0906e6c15aee403a"},{"price_adjustments":[{"position":1,"price":1710}],"price":1710,"compare_at_price":1900,"per_delivery_price":1710,"selling_plan_id":3022913634,"selling_plan_group_id":"d1c31b7d875f371afdda85ee0906e6c15aee403a"},{"price_adjustments":[{"position":1,"price":1710}],"price":1710,"compare_at_price":1900,"per_delivery_price":1710,"selling_plan_id":3022848098,"selling_plan_group_id":"d1c31b7d875f371afdda85ee0906e6c15aee403a"}],"quantity_rule":{"min":1,"max":null,"increment":1}},{"id":42388055916642,"title":"2-pack","option1":"2-pack","option2":null,"option3":null,"sku":"3423","requires_shipping":true,"taxable":true,"featured_image":{"id":31693618905186,"product_id":7269697060962,"position":4,"created_at":"2025-01-13T11:31:37-05:00","updated_at":"2026-03-29T11:10:43-04:00","alt":"Supergoop! Unseen Sunscreen SPF 50 2-pack","width":1180,"height":1604,"src":"\/\/supergoop.com\/cdn\/shop\/files\/Unseen_2-Pack.png?v=1774797043","variant_ids":[42388055916642]},"available":true,"name":"Unseen Sunscreen SPF 50 - 2-pack","public_title":"2-pack","options":["2-pack"],"price":7600,"weight":74,"compare_at_price":null,"inventory_quantity":0,"inventory_management":null,"inventory_policy":"deny","barcode":null,"featured_media":{"alt":"Supergoop! Unseen Sunscreen SPF 50 2-pack","id":23788988530786,"position":4,"preview_image":{"aspect_ratio":0.736,"height":1604,"width":1180,"src":"\/\/supergoop.com\/cdn\/shop\/files\/Unseen_2-Pack.png?v=1774797043"}},"requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}}],"images":["\/\/supergoop.com\/cdn\/shop\/files\/Unseen_PDP_Image_Allure_Seal_2025.png?v=1758030958","\/\/supergoop.com\/cdn\/shop\/files\/supergoop-unseen-sunscreen-spf-50-product-and-texture-74ml.jpg?v=1774797043","\/\/supergoop.com\/cdn\/shop\/files\/supergoop-unseen-sunscreen-spf-50-product-and-texture-20ml.jpg?v=1774797043","\/\/supergoop.com\/cdn\/shop\/files\/Unseen_2-Pack.png?v=1774797043","\/\/supergoop.com\/cdn\/shop\/files\/supergoop-unseen-sunscreen-spf-50-model-with-benefits-and-texture-on-face.jpg?v=1774797043","\/\/supergoop.com\/cdn\/shop\/files\/supergoop-unseen-sunscreen-spf-50-model-before-and-after-makeup.png?v=1774797043","\/\/supergoop.com\/cdn\/shop\/files\/Unseen_PDP_Chart.png?v=1774797043","\/\/supergoop.com\/cdn\/shop\/files\/supergoop-unseen-sunscreen-spf-50-product-and-texture-with-ingredients.png?v=1774797043","\/\/supergoop.com\/cdn\/shop\/files\/supergoop-unseen-sunscreen-spf-50-model-with-texture-on-fingers.png?v=1774797043"],"featured_image":"\/\/supergoop.com\/cdn\/shop\/files\/Unseen_PDP_Image_Allure_Seal_2025.png?v=1758030958","options":["Size"],"media":[{"alt":"Supergoop! Unseen Sunscreen SPF 50 1.7 fl. oz.","id":24781773733986,"position":1,"preview_image":{"aspect_ratio":0.736,"height":1604,"width":1180,"src":"\/\/supergoop.com\/cdn\/shop\/files\/Unseen_PDP_Image_Allure_Seal_2025.png?v=1758030958"},"aspect_ratio":0.736,"height":1604,"media_type":"image","src":"\/\/supergoop.com\/cdn\/shop\/files\/Unseen_PDP_Image_Allure_Seal_2025.png?v=1758030958","width":1180}
4071,{"alt":"Supergoop! Unseen Sunscreen SPF 50 2.5 fl. oz.","id":23679571656802,"position":2,"preview_image":{"aspect_ratio":0.736,"height":1604,"width":1180,"src":"\/\/supergoop.com\/cdn\/shop\/files\/supergoop-unseen-sunscreen-spf-50-product-and-texture-74ml.jpg?v=1774797043"},"aspect_ratio":0.736,"height":1604,"media_type":"image","src":"\/\/supergoop.com\/cdn\/shop\/files\/supergoop-unseen-sunscreen-spf-50-product-and-texture-74ml.jpg?v=1774797043","width":1180},{"alt":"Supergoop! Unseen Sunscreen SPF 50 0.68 fl. oz.","id":23679549472866,"position":3,"preview_image":{"aspect_ratio":0.736,"height":1604,"width":1180,"src":"\/\/supergoop.com\/cdn\/shop\/files\/supergoop-unseen-sunscreen-spf-50-product-and-texture-20ml.jpg?v=1774797043"},"aspect_ratio":0.736,"height":1604,"media_type":"image","src":"\/\/supergoop.com\/cdn\/shop\/files\/supergoop-unseen-sunscreen-spf-50-product-and-texture-20ml.jpg?v=1774797043","width":1180},{"alt":"Supergoop! Unseen Sunscreen SPF 50 2-pack","id":23788988530786,"position":4,"preview_image":{"aspect_ratio":0.736,"height":1604,"width":1180,"src":"\/\/supergoop.com\/cdn\/shop\/files\/Unseen_2-Pack.png?v=1774797043"},"aspect_ratio":0.736,"height":1604,"media_type":"image","src":"\/\/supergoop.com\/cdn\/shop\/files\/Unseen_2-Pack.png?v=1774797043","width":1180},{"alt":"Supergoop! Unseen Sunscreen SPF 50 1.7 fl. oz. 2.5 fl. oz. 0.68 fl. oz. 2-pack 3-pack","id":23679549702242,"position":5,"preview_image":{"aspect_ratio":0.736,"height":1604,"width":1180,"src":"\/\/supergoop.com\/cdn\/shop\/files\/supergoop-unseen-sunscreen-spf-50-model-with-benefits-and-texture-on-face.jpg?v=1774797043"},"aspect_ratio":0.736,"height":1604,"media_type":"image","src":"\/\/supergoop.com\/cdn\/shop\/files\/supergoop-unseen-sunscreen-spf-50-model-with-benefits-and-texture-on-face.jpg?v=1774797043","width":1180},{"alt":"Supergoop! Unseen Sunscreen SPF 50 1.7 fl. oz. 2.5 fl. oz. 0.68 fl. oz. 2-pack 3-pack\nWhipped Coconut Vanilla Orchid Sunny Citrus","id":23936052789346,"position":6,"preview_image":{"aspect_ratio":0.736,"height":802,"width":590,"src":"\/\/supergoop.com\/cdn\/shop\/files\/preview_images\/7454bbed36824d90914fce97b6ced6b2.thumbnail.0000000000.jpg?v=1740415101"},"aspect_ratio":0.733,"duration":5300,"media_type":"video","sources":[{"format":"mp4","height":480,"mime_type":"video\/mp4","url":"\/\/supergoop.com\/cdn\/shop\/videos\/c\/vp\/7454bbed36824d90914fce97b6ced6b2\/7454bbed36824d90914fce97b6ced6b2.SD-480p-1.5Mbps-43142703.mp4?v=0","width":352},{"format":"mp4","height":720,"mime_type":"video\/mp4","url":"\/\/supergoop.com\/cdn\/shop\/videos\/c\/vp\/7454bbed36824d90914fce97b6ced6b2\/7454bbed36824d90914fce97b6ced6b2.HD-720p-4.5Mbps-43142703.mp4?v=0","width":528},{"format":"m3u8","height":720,"mime_type":"application\/x-mpegURL","url":"\/\/supergoop.com\/cdn\/shop\/videos\/c\/vp\/7454bbed36824d90914fce97b6ced6b2\/7454bbed36824d90914fce97b6ced6b2.m3u8?v=0","width":528}]},{"alt":"Supergoop! Unseen Sunscreen SPF 50 1.7 fl. oz. 2.5 fl. oz. 0.68 fl. oz. 2-pack 3-pack","id":23684852711522,"position":7,"preview_image":{"aspect_ratio":0.736,"height":1604,"width":1180,"src":"\/\/supergoop.com\/cdn\/shop\/files\/supergoop-unseen-sunscreen-spf-50-model-before-and-after-makeup.png?v=1774797043"},"aspect_ratio":0.736,"height":1604,"media_type":"image","src":"\/\/supergoop.com\/cdn\/shop\/files\/supergoop-unseen-sunscreen-spf-50-model-before-and-after-makeup.png?v=1774797043","width":1180},{"alt":"Supergoop! Unseen Sunscreen SPF 50 1.7 fl. oz. 2.5 fl. oz. 0.68 fl. oz. 2-pack 3-pack","id":24787808419938,"position":8,"preview_image":{"aspect_ratio":0.736,"height":1604,"width":1180,"src":"\/\/supergoop.com\/cdn\/shop\/files\/Unseen_PDP_Chart.png?v=1774797043"},"aspect_ratio":0.736,"height":1604,"media_type":"image","src":"\/\/supergoop.com\/cdn\/shop\/files\/Unseen_PDP_Chart.png?v=1774797043","width":1180},{"alt":"Supergoop! Unseen Sunscreen SPF 50 1.7 fl. oz. 2.5 fl. oz. 0.68 fl. oz. 2-pack 3-pack","id":23684852580450,"position":9,"preview_image":{"aspect_ratio":0.736,"height":1604,"width":1180,"src":"\/\/supergoop.com\/cdn\/shop\/files\/supergoop-unseen-sunscreen-spf-50-product-and-texture-with-ingredients.png?v=1774797043"},"aspect_ratio":0.736,"height":1604,"media_type":"image","src":"\/\/supergoop.com\/cdn\/shop\/files\/supergoop-unseen-sunscreen-spf-50-product-and-texture-with-ingredients.png?v=1774797043","
4071width":1180},{"alt":"Supergoop! Unseen Sunscreen SPF 50 1.7 fl. oz. 2.5 fl. oz. 0.68 fl. oz. 2-pack 3-pack","id":23684852777058,"position":10,"preview_image":{"aspect_ratio":0.736,"height":1604,"width":1180,"src":"\/\/supergoop.com\/cdn\/shop\/files\/supergoop-unseen-sunscreen-spf-50-model-with-texture-on-fingers.png?v=1774797043"},"aspect_ratio":0.736,"height":1604,"media_type":"image","src":"\/\/supergoop.com\/cdn\/shop\/files\/supergoop-unseen-sunscreen-spf-50-model-with-texture-on-fingers.png?v=1774797043","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\"\u003eOur award-winning invisible SPF, now even better! The iconic 100% invisible, weightless, scentless sunscreen that’s non-irritating, doubles as a primer for all-day makeup \u003cmeta charset=\"utf-8\"\u003ewear\u003cspan aria-labelledby=\"footnote-2\"\u003e²\u003c\/span\u003e \u0026amp; is clinically tested to improve skin \u003cmeta charset=\"utf-8\"\u003eclarity\u003cspan aria-labelledby=\"footnote-1\"\u003e¹\u003c\/span\u003e.\u003c\/p\u003e"},
4072    "productInformation": "&lt;div id=&quot;yotpo-subscriptions-info-block-container&quot; class=&quot;yotpo-subscriptions-info-block-container&quot;&gt;&lt;div class=&quot;benefits-text&quot;&gt;10% off + free shipping on every delivery&lt;/div&gt;&lt;div class=&quot;terms-and-conditions-text&quot;&gt;&lt;div&gt;Adjust order intervals, skip orders or pause. Cancel anytime.&lt;/div&gt;&lt;a href=&quot;https://supergoop.com/pages/supermail&quot; target=&quot;_blank&quot; class=&quot;terms-and-conditions-link&quot;&gt;Auto-Replenish Terms&lt;/a&gt;&lt;/div&gt;&lt;div class=&quot;discount-codes-text&quot;&gt;Discount codes not applicable to auto-replenish unless otherwise specified.&lt;/div&gt;&lt;/div&gt;",
4073    "earnUp": "Earn up to",
4074    "yotpoPDPSubscriptionWidgetContent": "\u003cdiv id=\"yotpo-subscriptions-info-block-container\" class=\"yotpo-subscriptions-info-block-container\"\u003e\n\u003cdiv class=\"benefits-text\"\u003e10% off + free shipping on every delivery\u003c\/div\u003e\n\u003cdiv class=\"terms-and-conditions-text\"\u003e\n\u003cdiv\u003eAdjust order intervals, skip orders or pause. Cancel anytime.\u003c\/div\u003e\n\u003ca href=\"https:\/\/supergoop.com\/pages\/supermail\" target=\"_blank\" class=\"terms-and-conditions-link\"\u003eAuto-Replenish Terms\u003c\/a\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"discount-codes-text\"\u003eDiscount codes not applicable to auto-replenish unless otherwise specified.\u003c\/div\u003e\n\u003c\/div\u003e",
4075    "productOptions": ["Size"],
4076    "sellingPlans": {
4077    
4078      
4079        "3022880866": {
4080        "isPercentage":true
4081        
4082          ,
4083          "value":
4084          
4085            0.1
4086          
4087        
4088        },
4089      
4090        "3022913634": {
4091        "isPercentage":true
4092        
4093          ,
4094          "value":
4095          
4096            0.1
4097          
4098        
4099        },
4100      
4101        "3022848098": {
4102        "isPercentage":true
4103        
4104          ,
4105          "value":
4106          
4107            0.1
4108          
4109        
4110        }
4111      
4112      
4113    
4114    },
4115    
4116      
4117    
4118      
4119    
4120      
4121    
4122      
4123    
4124      
4125    
4126      
4127    
4128      
4129    
4130      
4131    
4132      
4133    
4134    "variants": [
4135    
4136      
4137      {
4138      "availableForSale": true,
4139      "quantityAvailable": 98303,
4140      "shadeDescription": null,
4141      "shortDescription": "Standard",
4142      "shadeMessage": null,
4143      "swatchImage": null,
4144      "variantId": 41610270802018,
4145      "id": "gid:\/\/shopify\/ProductVariant\/41610270802018",
4146      "title": "1.7 fl. oz.",
4147      
4148      "price": {
4149        "amount": 38.0,
4150        "currencyCode": "USD"
4151      },
4152      "compareAtPrice": {
4153        "amount": 0.0,
4154        "currencyCode": "USD"
4155      },
4156      "image": {
4157                                     "id": "gid:\/\/shopify\/MediaImage\/33252601888866",
4158      "alt": "Supergoop! Unseen Sunscreen SPF 50 1.7 fl. oz.",
4159      "height": 1604,
4160      "width": 1180,
4161      "src": "\/\/supergoop.com\/cdn\/shop\/files\/Unseen_PDP_Image_Allure_Seal_2025.png?v=1758030958"
4162      },
4163      "sellingPlanIds": [
4164        
4165          3022880866,
4166        
4167          3022913634,
4168        
4169          3022848098
4170        
4171      ],
4172      "selectedOptions": [
4173      
4174        
4175        {
4176        "name": "Size",
4177        "value": "1.7 fl. oz."
4178        }
4179      
4180      ],
4181      "variantBundle": null,
4182      "metafields": {
4183                                    "cartValidation": {
4184                                    "quantityLimit": 20,
4185      "errorMessage": "Limit of 20 per order"
4186      }
4187      },
4188                                    "productMetafields": {
4189                                    "cartValidation": {
4190                                    "quantityLimit": 20,
4191      "errorMessage": "Limit of 20 per order"
4192      }
4193      }
4194                                     },
4195    
4196      
4197      {
4198      "availableForSale": true,
4199      "quantityAvailable": 5467,
4200      "shadeDescription": null,
4201      "shortDescription": "Best Value",
4202      "shadeMessage": "New",
4203      "swatchImage": null,
4204      "variantId": 41610274275426,
4205      "id": "gid:\/\/shopify\/ProductVariant\/41610274275426",
4206      "title": "2.5 fl. oz.",
4207      
4208      "price": {
4209        "amount": 48.0,
4210        "currencyCode": "USD"
4211      },
4212      "compareAtPrice": {
4213        "amount": 0.0,
4214        "currencyCode": "USD"
4215      },
4216      "image": {
4217                                     "id": "gid:\/\/shopify\/MediaImage\/31530322165858",
4218      "alt": "Supergoop! Unseen Sunscreen SPF 50 2.5 fl. oz.",
4219      "height": 1604,
4220      "width": 1180,
4221      "src": "\/\/supergoop.com\/cdn\/shop\/files\/supergoop-unseen-sunscreen-spf-50-product-and-texture-74ml.jpg?v=1774797043"
4222      },
4223      "sellingPlanIds": [
4224        
4225          3022880866,
4226        
4227          3022913634,
4228        
4229          3022848098
4230        
4231      ],
4232      "selectedOptions": [
4233      
4234        
4235        {
4236        "name": "Size",
4237        "value": "2.5 fl. oz."
4238        }
4239      
4240      ],
4241      "variantBundle": null,
4242      "metafields": {
4243                                    "cartValidation": {
4244                                    "quantityLimit": 20,
4245      "errorMessage": "Limit of 20 per order"
4246      }
4247      },
4248                                    "productMetafields": {
4249                                    "cartValidation": {
4250                                    "quantityLimit": 20,
4251      "errorMessage": "Limit of 20 per order"
4252      }
4253      }
4254                                     },
4255    
4256      
4257      {
4258      "availableForSale": true,
4259      "quantityAvailable": 24532,
4260      "shadeDescription": null,
4261      "shortDescription": "Travel",
4262      "shadeMessage": "New",
4263      "swatchImage": null,
4264      "variantId": 41610278305890,
4265      "id": "gid:\/\/shopify\/ProductVariant\/41610278305890",
4266      "title": "0.68 fl. oz.",
4267      
4268      "price": {
4269        "amount": 19.0,
4270        "currencyCode": "USD"
4271      },
4272      "compareAtPrice": {
4273        "amount": 0.0,
4274        "currencyCode": "USD"
4275      },
4276      "image": {
4277                                     "id": "gid:\/\/shopify\/MediaImage\/31530285629538",
4278      "alt": "Supergoop! Unseen Sunscreen SPF 50 0.68 fl. oz.",
4279      "height": 1604,
4280      "width": 1180,
4281      "src": "\/\/supergoop.com\/cdn\/shop\/files\/supergoop-unseen-sunscreen-spf-50-product-and-texture-20ml.jpg?v=1774797043"
4282      },
4283      "sellingPlanIds": [
4284        
4285          3022880866,
4286        
4287          3022913634,
4288        
4289          3022848098
4290        
4291      ],
4292      "selectedOptions": [
4293      
4294        
4295        {
4296        "name": "Size",
4297        "value": "0.68 fl. oz."
4298        }
4299      
4300      ],
4301      "variantBundle": null,
4302      "metafields": {
4303                                    "cartValidation": {
4304                                    "quantityLimit": 20,
4305      "errorMessage": "Limit of 20 per order"
4306      }
4307      },
4308                                    "productMetafields": {
4309                                    "cartValidation": {
4310                                    "quantityLimit": 20,
4311      "errorMessage": "Limit of 20 per order"
4312      }
4313      }
4314                                     },
4315    
4316      
4317      {
4318      "availableForSale": true,
4319      "quantityAvailable": 0,
4320      "shadeDescription": null,
4321      "shortDescription": "2 x 1.7 fl. oz.",
4322      "shadeMessage": null,
4323      "swatchImage": null,
4324      "variantId": 42388055916642,
4325      "id": "gid:\/\/shopify\/ProductVariant\/42388055916642",
4326      "title": "2-pack",
4327      
4328      "price": {
4329        "amount": 76.0,
4330        "currencyCode": "USD"
4331      },
4332      "compareAtPrice": {
4333        "amount": 0.0,
4334        "currencyCode": "USD"
4335      },
4336      "image": {
4337                                     "id": "gid:\/\/shopify\/MediaImage\/31693618905186",
4338      "alt": "Supergoop! Unseen Sunscreen SPF 50 2-pack",
4339      "height": 1604,
4340      "width": 1180,
4341      "src": "\/\/supergoop.com\/cdn\/shop\/files\/Unseen_2-Pack.png?v=1774797043"
4342      },
4343      "sellingPlanIds": [
4344        
4345      ],
4346      "selectedOptions": [
4347      
4348        
4349        {
4350        "name": "Size",
4351        "value": "2-pack"
4352        }
4353      
4354      ],
4355      "variantBundle": {"id":7274901110882,"title":"Unseen Sunscreen SPF 50 - 2 pack","handle":"unseen-sunscreen-spf-50-2-pack","description":"\u003cp\u003e\u003cmeta charset=\"utf-8\"\u003e\u003cspan data-sheets-root=\"1\"\u003eOur #1 bestseller, now super!-charged. The iconic 100% invisible, weightless, scentless sunscreen that’s non-irritating, doubles as a primer for all-day makeup wear² \u0026amp; is clinically tested to improve skin clarity¹.\u003c\/span\u003e\u003c\/p\u003e","published_at":"2025-05-18T09:51:00-04:00","created_at":"2024-12-13T12:39:41-05:00","vendor":"Supergoop!","type":"Face","tags":["Badge:Award-winning","Body Part:Face","Finish:Invisible","Finish:Natural","Finish:No white cast","YGroup_unseen50"],"price":7600,"price_min":7600,"price_max":7600,"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":41630956978274,"title":"Default Title","option1":"Default Title","option2":null,"option3":null,"sku":"3423","requires_shipping":true,"taxable":true,"featured_image":null,"available":true,"name":"Unseen Sunscreen SPF 50 - 2 pack","public_title":null,"options":["Default Title"],"price":7600,"weight":0,"compare_at_price":null,"inventory_quantity":100,"inventory_management":"shopify","inventory_policy":"deny","barcode":null,"requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}}],"images":["\/\/supergoop.com\/cdn\/shop\/files\/Unseen_2-Pack.png?v=1774797043","\/\/supergoop.com\/cdn\/shop\/files\/supergoop-unseen-sunscreen-spf-50-model-with-texture-on-fingers.png?v=1774797043","\/\/supergoop.com\/cdn\/shop\/files\/supergoop-unseen-sunscreen-spf-50-model-before-and-after-makeup.png?v=1774797043","\/\/supergoop.com\/cdn\/shop\/files\/supergoop-unseen-sunscreen-spf-50-product-and-texture-with-ingredients.png?v=1774797043","\/\/supergoop.com\/cdn\/shop\/files\/Unseen_PDP_Chart.png?v=1774797043","\/\/supergoop.com\/cdn\/shop\/files\/supergoop-unseen-sunscreen-spf-50-model-with-benefits-and-texture-on-face.jpg?v=1774797043"],"featured_image":"\/\/supergoop.com\/cdn\/shop\/files\/Unseen_2-Pack.png?v=1774797043","options":["Title"],"media":[{"alt":"Supergoop! Unseen Sunscreen SPF 50 2-pack","id":23788988530786,"position":1,"preview_image":{"aspect_ratio":0.736,"height":1604,"width":1180,"src":"\/\/supergoop.com\/cdn\/shop\/files\/Unseen_2-Pack.png?v=1774797043"},"aspect_ratio":0.736,"height":1604,"media_type":"image","src":"\/\/supergoop.com\/cdn\/shop\/files\/Unseen_2-Pack.png?v=1774797043","width":1180},{"alt":"Supergoop! Unseen Sunscreen SPF 50 1.7 fl. oz. 2.5 fl. oz. 0.68 fl. oz. 2-pack 3-pack","id":23684852777058,"position":2,"preview_image":{"aspect_ratio":0.736,"height":1604,"width":1180,"src":"\/\/supergoop.com\/cdn\/shop\/files\/supergoop-unseen-sunscreen-spf-50-model-with-texture-on-fingers.png?v=1774797043"},"aspect_ratio":0.736,"height":1604,"media_type":"image","src":"\/\/supergoop.com\/cdn\/shop\/files\/supergoop-unseen-sunscreen-spf-50-model-with-texture-on-fingers.png?v=1774797043","width":1180},{"alt":"Supergoop! Unseen Sunscreen SPF 50 1.7 fl. oz. 2.5 fl. oz. 0.68 fl. oz. 2-pack 3-pack","id":23684852711522,"position":3,"preview_image":{"aspect_ratio":0.736,"height":1604,"width":1180,"src":"\/\/supergoop.com\/cdn\/shop\/files\/supergoop-unseen-sunscreen-spf-50-model-before-and-after-makeup.png?v=1774797043"},"aspect_ratio":0.736,"height":1604,"media_type":"image","src":"\/\/supergoop.com\/cdn\/shop\/files\/supergoop-unseen-sunscreen-spf-50-model-before-and-after-makeup.png?v=1774797043","
4355width":1180},{"alt":"Supergoop! Unseen Sunscreen SPF 50 1.7 fl. oz. 2.5 fl. oz. 0.68 fl. oz. 2-pack 3-pack\nWhipped Coconut Vanilla Orchid Sunny Citrus","id":23936052789346,"position":4,"preview_image":{"aspect_ratio":0.736,"height":802,"width":590,"src":"\/\/supergoop.com\/cdn\/shop\/files\/preview_images\/7454bbed36824d90914fce97b6ced6b2.thumbnail.0000000000.jpg?v=1740415101"},"aspect_ratio":0.733,"duration":5300,"media_type":"video","sources":[{"format":"mp4","height":480,"mime_type":"video\/mp4","url":"\/\/supergoop.com\/cdn\/shop\/videos\/c\/vp\/7454bbed36824d90914fce97b6ced6b2\/7454bbed36824d90914fce97b6ced6b2.SD-480p-1.5Mbps-43142703.mp4?v=0","width":352},{"format":"mp4","height":720,"mime_type":"video\/mp4","url":"\/\/supergoop.com\/cdn\/shop\/videos\/c\/vp\/7454bbed36824d90914fce97b6ced6b2\/7454bbed36824d90914fce97b6ced6b2.HD-720p-4.5Mbps-43142703.mp4?v=0","width":528},{"format":"m3u8","height":720,"mime_type":"application\/x-mpegURL","url":"\/\/supergoop.com\/cdn\/shop\/videos\/c\/vp\/7454bbed36824d90914fce97b6ced6b2\/7454bbed36824d90914fce97b6ced6b2.m3u8?v=0","width":528}]},{"alt":"Supergoop! Unseen Sunscreen SPF 50 1.7 fl. oz. 2.5 fl. oz. 0.68 fl. oz. 2-pack 3-pack","id":23684852580450,"position":5,"preview_image":{"aspect_ratio":0.736,"height":1604,"width":1180,"src":"\/\/supergoop.com\/cdn\/shop\/files\/supergoop-unseen-sunscreen-spf-50-product-and-texture-with-ingredients.png?v=1774797043"},"aspect_ratio":0.736,"height":1604,"media_type":"image","src":"\/\/supergoop.com\/cdn\/shop\/files\/supergoop-unseen-sunscreen-spf-50-product-and-texture-with-ingredients.png?v=1774797043","width":1180},{"alt":"Supergoop! Unseen Sunscreen SPF 50 1.7 fl. oz. 2.5 fl. oz. 0.68 fl. oz. 2-pack 3-pack","id":24787808419938,"position":6,"preview_image":{"aspect_ratio":0.736,"height":1604,"width":1180,"src":"\/\/supergoop.com\/cdn\/shop\/files\/Unseen_PDP_Chart.png?v=1774797043"},"aspect_ratio":0.736,"height":1604,"media_type":"image","src":"\/\/supergoop.com\/cdn\/shop\/files\/Unseen_PDP_Chart.png?v=1774797043","width":1180},{"alt":"Supergoop! Unseen Sunscreen SPF 50 1.7 fl. oz. 2.5 fl. oz. 0.68 fl. oz. 2-pack 3-pack","id":23679549702242,"position":7,"preview_image":{"aspect_ratio":0.736,"height":1604,"width":1180,"src":"\/\/supergoop.com\/cdn\/shop\/files\/supergoop-unseen-sunscreen-spf-50-model-with-benefits-and-texture-on-face.jpg?v=1774797043"},"aspect_ratio":0.736,"height":1604,"media_type":"image","src":"\/\/supergoop.com\/cdn\/shop\/files\/supergoop-unseen-sunscreen-spf-50-model-with-benefits-and-texture-on-face.jpg?v=1774797043","width":1180}],"requires_selling_plan":false,"selling_plan_groups":[],"content":"\u003cp\u003e\u003cmeta charset=\"utf-8\"\u003e\u003cspan data-sheets-root=\"1\"\u003eOur #1 bestseller, now super!-charged. The iconic 100% invisible, weightless, scentless sunscreen that’s non-irritating, doubles as a primer for all-day makeup wear² \u0026amp; is clinically tested to improve skin clarity¹.\u003c\/span\u003e\u003c\/p\u003e"},
4356      "metafields": {
4357                                    "cartValidation": {
4358                                    "quantityLimit": 20,
4359      "errorMessage": "Limit 20 per order"
4360      }
4361      },
4362                                    "productMetafields": {
4363                                    "cartValidation": {
4364                                    "quantityLimit": 20,
4365      "errorMessage": "Limit of 20 per order"
4366      }
4367      }
4368                                     }
4369    
4370    ],
4371    "sellingPlans": {
4372    
4373      
4374        "3022880866": {
4375          "id": 3022880866,
4376          "app_id": "SKIO",
4377          "name": "Every 2 months",
4378          "isPercentage":true
4379          
4380            ,
4381            "value":
4382            
4383              0.1
4384            
4385          
4386        },
4387      
4388        "3022913634": {
4389          "id": 3022913634,
4390          "app_id": "SKIO",
4391          "name": "Every 3 months (recommended)",
4392          "isPercentage":true
4393          
4394            ,
4395            "value":
4396            
4397              0.1
4398            
4399          
4400        },
4401      
4402        "3022848098": {
4403          "id": 3022848098,
4404          "app_id": "SKIO",
4405          "name": "Every 4 months",
4406          "isPercentage":true
4407          
4408            ,
4409            "value":
4410            
4411              0.1
4412            
4413          
4414        }
4415      
4416      
4417    
4418    },
4419    "points": {
4420      "pointPrice": 1,
4421      "pointMarkup": "[points] points!"
4422    }
4423    }
4424  </script>
4424
4425  <div class="px-5 lg:container grid lg:grid-cols-2 grid-cols-1 mb-10 tab:my-10 product-review   product-square-images lg:mt-5">
4426    <div>
4427
4428
4429
4430<div class="relative -mx-5 lg:mx-0" id="productGallery" role="region" aria-label="Product image gallery" aria-roledescription="carousel">
4431  
4432  <div class="lg:pl-[80px] original-gallery" id="originalGalleryContainer">
4433    <div
4434      class="swiper relative w-full  scrollbar-hide bg-white [&:not(.swiper-initialized)]:opacity-50 product-gallery-swiper"
4435      data-slider-pg-top>
4436      <div class="swiper-wrapper"><div
4437            class="swiper-slide w-full h-full relative grid  mb-3 bg-grey-FA items-center"
4438            role="group"
4439            aria-roledescription="slide"
4440            aria-label="Slide 1 of 12"
4441            >
4442            
4443              <div class="absolute left-[9px] top-[5px] lg:left-[15px] lg:top-[15px] w-full">
4444                <div class="badges flex gap-1.5 absolute top-0 left-0 z-10"><div
4445          class="
4446            bg-supergoop-yellow py-1 px-[6px] body-xs rounded-[2px]
4447            z-10 pointer-events-none text-[10px] md:text-[11px] leading-[13px]
4448            md:leading-none font-medium text-supergoop-blue
4449          "
4450        >Bestseller</div></div>
4451              </div>
4452            
4453<div class="flex justify-center   items-center h-full w-full lg:max-h-auto product-gallery-swiper-image"><img src="//supergoop.com/cdn/shop/files/unseen-sunscreen-01-1.7-oz-allure-seal.png?v=1770218303&amp;width=2000" alt="Supergoop! Unseen Sunscreen SPF 50 1.7 fl. oz." srcset="//supergoop.com/cdn/shop/files/unseen-sunscreen-01-1.7-oz-allure-seal.png?v=1770218303&amp;width=360 360w, //supergoop.com/cdn/shop/files/unseen-sunscreen-01-1.7-oz-allure-seal.png?v=1770218303&amp;width=640 640w, //supergoop.com/cdn/shop/files/unseen-sunscreen-01-1.7-oz-allure-seal.png?v=1770218303&amp;width=768 768w, //supergoop.com/cdn/shop/files/unseen-sunscreen-01-1.7-oz-allure-seal.png?v=1770218303&amp;width=1024 1024w, //supergoop.com/cdn/shop/files/unseen-sunscreen-01-1.7-oz-allure-seal.png?v=1770218303&amp;width=1280 1280w, //supergoop.com/cdn/shop/files/unseen-sunscreen-01-1.7-oz-allure-seal.png?v=1770218303&amp;width=1536 1536w" width="2000" height="2000" loading="eager" fetchpriority="high" class="max-sm:object-cover w-full  h-full lg:max-h-full lg:object-contain" sizes="(min-width: 1024px) 40vw, (min-width: 648px) 50vw, 90vw">
4454</div></div><div
4455            class="swiper-slide w-full h-full relative grid  mb-3 bg-grey-FA items-center"
4456            role="group"
4457            aria-roledescription="slide"
4458            aria-label="Slide 2 of 12"
4459            aria-hidden="true">
4460            
4461<div class="flex justify-center   items-center h-full w-full lg:max-h-auto product-gallery-swiper-image"><img src="//supergoop.com/cdn/shop/files/unseen-sunscreen-01-2.5-oz.jpg?v=1770137631&amp;width=2000" alt="Supergoop! Unseen Sunscreen SPF 50 2.5 fl. oz." srcset="//supergoop.com/cdn/shop/files/unseen-sunscreen-01-2.5-oz.jpg?v=1770137631&amp;width=360 360w, //supergoop.com/cdn/shop/files/unseen-sunscreen-01-2.5-oz.jpg?v=1770137631&amp;width=640 640w, //supergoop.com/cdn/shop/files/unseen-sunscreen-01-2.5-oz.jpg?v=1770137631&amp;width=768 768w, //supergoop.com/cdn/shop/files/unseen-sunscreen-01-2.5-oz.jpg?v=1770137631&amp;width=1024 1024w, //supergoop.com/cdn/shop/files/unseen-sunscreen-01-2.5-oz.jpg?v=1770137631&amp;width=1280 1280w, //supergoop.com/cdn/shop/files/unseen-sunscreen-01-2.5-oz.jpg?v=1770137631&amp;width=1536 1536w" width="2000" height="2000" loading="lazy" class="max-sm:object-cover w-full  h-full lg:max-h-full lg:object-contain" sizes="(min-width: 1024px) 40vw, (min-width: 648px) 50vw, 90vw">
4462</div></div><div
4463            class="swiper-slide w-full h-full relative grid  mb-3 bg-grey-FA items-center"
4464            role="group"
4465            aria-roledescription="slide"
4466            aria-label="Slide 3 of 12"
4467            aria-hidden="true">
4468            
4469<div class="flex justify-center   items-center h-full w-full lg:max-h-auto product-gallery-swiper-image"><img src="//supergoop.com/cdn/shop/files/unseen-sunscreen-01-0.68-oz.jpg?v=1770137631&amp;
4469width=2000" alt="Supergoop! Unseen Sunscreen SPF 50 0.68 fl. oz." srcset="//supergoop.com/cdn/shop/files/unseen-sunscreen-01-0.68-oz.jpg?v=1770137631&amp;width=360 360w, //supergoop.com/cdn/shop/files/unseen-sunscreen-01-0.68-oz.jpg?v=1770137631&amp;width=640 640w, //supergoop.com/cdn/shop/files/unseen-sunscreen-01-0.68-oz.jpg?v=1770137631&amp;width=768 768w, //supergoop.com/cdn/shop/files/unseen-sunscreen-01-0.68-oz.jpg?v=1770137631&amp;width=1024 1024w, //supergoop.com/cdn/shop/files/unseen-sunscreen-01-0.68-oz.jpg?v=1770137631&amp;width=1280 1280w, //supergoop.com/cdn/shop/files/unseen-sunscreen-01-0.68-oz.jpg?v=1770137631&amp;width=1536 1536w" width="2000" height="2000" loading="lazy" class="max-sm:object-cover w-full  h-full lg:max-h-full lg:object-contain" sizes="(min-width: 1024px) 40vw, (min-width: 648px) 50vw, 90vw">
4470</div></div><div
4471            class="swiper-slide w-full h-full relative grid  mb-3 bg-grey-FA items-center"
4472            role="group"
4473            aria-roledescription="slide"
4474            aria-label="Slide 4 of 12"
4475            aria-hidden="true">
4476            
4477<div class="flex justify-center   items-center h-full w-full lg:max-h-auto product-gallery-swiper-image"><img src="//supergoop.com/cdn/shop/files/unseen-sunscreen-01-1.7-oz-2-pack.jpg?v=1770137632&amp;width=2000" alt="Supergoop! Unseen Sunscreen SPF 50 2-pack" srcset="//supergoop.com/cdn/shop/files/unseen-sunscreen-01-1.7-oz-2-pack.jpg?v=1770137632&amp;width=360 360w, //supergoop.com/cdn/shop/files/unseen-sunscreen-01-1.7-oz-2-pack.jpg?v=1770137632&amp;width=640 640w, //supergoop.com/cdn/shop/files/unseen-sunscreen-01-1.7-oz-2-pack.jpg?v=1770137632&amp;width=768 768w, //supergoop.com/cdn/shop/files/unseen-sunscreen-01-1.7-oz-2-pack.jpg?v=1770137632&amp;width=1024 1024w, //supergoop.com/cdn/shop/files/unseen-sunscreen-01-1.7-oz-2-pack.jpg?v=1770137632&amp;width=1280 1280w, //supergoop.com/cdn/shop/files/unseen-sunscreen-01-1.7-oz-2-pack.jpg?v=1770137632&amp;width=1536 1536w" width="2000" height="2000" loading="lazy" class="max-sm:object-cover w-full  h-full lg:max-h-full lg:object-contain" sizes="(min-width: 1024px) 40vw, (min-width: 648px) 50vw, 90vw">
4478</div></div><div
4479            class="swiper-slide w-full h-full relative grid  mb-3 bg-grey-FA items-center"
4480            role="group"
4481            aria-roledescription="slide"
4482            aria-label="Slide 5 of 12"
4483            aria-hidden="true">
4484            
4485<div class="flex justify-center   items-center h-full w-full lg:max-h-auto product-gallery-swiper-image"><img src="//supergoop.com/cdn/shop/files/unseen-sunscreen-04.jpg?v=1770137635&amp;width=2000" alt="Supergoop! Unseen Sunscreen SPF 50 1.7 fl. oz. 2.5 fl. oz. 0.68 fl. oz. 2-pack 3-pack
4486Supergoop! 2-in-1 Beauty Booster Set in Dawn, Sunrise, Golden Hour, Sunset / 1.7 oz. " srcset="//supergoop.com/cdn/shop/files/unseen-sunscreen-04.jpg?v=1770137635&amp;width=360 360w, //supergoop.com/cdn/shop/files/unseen-sunscreen-04.jpg?v=1770137635&amp;width=640 640w, //supergoop.com/cdn/shop/files/unseen-sunscreen-04.jpg?v=1770137635&amp;width=768 768w, //supergoop.com/cdn/shop/files/unseen-sunscreen-04.jpg?v=1770137635&amp;width=1024 1024w, //supergoop.com/cdn/shop/files/unseen-sunscreen-04.jpg?v=1770137635&amp;width=1280 1280w, //supergoop.com/cdn/shop/files/unseen-sunscreen-04.jpg?v=1770137635&amp;width=1536 1536w" width="2000" height="2000" loading="lazy" class="max-sm:object-cover w-full  h-full lg:max-h-full lg:object-contain" sizes="(min-width: 1024px) 40vw, (min-width: 648px) 50vw, 90vw">
4487</div></div><div
4488            class="swiper-slide w-full h-full relative grid  mb-3 bg-grey-FA items-center"
4489            role="group"
4490            aria-roledescription="slide"
4491            aria-label="Slide 6 of 12"
4492            aria-hidden="true">
4493            
4494<div class="flex justify-center   items-center h-full w-full lg:max-h-auto product-gallery-swiper-image"><img src="//supergoop.com/cdn/shop/files/Skin_Cancer_Foundation_Seal_-_Unseen_1971daa0-4a90-4255-aafe-b9457cf224fb.jpg?v=1778683781&amp;width=2000" alt="Supergoop! Unseen Sunscreen SPF 50 1.7 fl. oz. 2.5 fl. oz. 0.68 fl. oz. 2-pack 3-pack
4495Supergoop! 2-in-1 Beauty Booster Set in Dawn, Sunrise, Golden Hour, Sunset / 1.7 oz. " srcset="//supergoop.com/cdn/shop/files/Skin_Cancer_Foundation_Seal_-_Unseen_1971daa0-4a90-4255-aafe-b9457cf224fb.jpg?v=1778683781&amp;width=360 360w, //supergoop.com/cdn/shop/files/Skin_Cancer_Foundation_Seal_-_Unseen_1971daa0-4a90-4255-aafe-b9457cf224fb.jpg?v=1778683781&amp;width=640 640w, //supergoop.com/cdn/shop/files/Skin_Cancer_Foundation_Seal_-_Unseen_1971daa0-4a90-4255-aafe-b9457cf224fb.jpg?v=1778683781&amp;width=768 768w, //supergoop.com/cdn/shop/files/Skin_Cancer_Foundation_Seal_-_Unseen_1971daa0-4a90-4255-aafe-b9457cf224fb.jpg?v=1778683781&amp;
4495width=1024 1024w, //supergoop.com/cdn/shop/files/Skin_Cancer_Foundation_Seal_-_Unseen_1971daa0-4a90-4255-aafe-b9457cf224fb.jpg?v=1778683781&amp;width=1280 1280w, //supergoop.com/cdn/shop/files/Skin_Cancer_Foundation_Seal_-_Unseen_1971daa0-4a90-4255-aafe-b9457cf224fb.jpg?v=1778683781&amp;width=1536 1536w" width="2000" height="2000" loading="lazy" class="max-sm:object-cover w-full  h-full lg:max-h-full lg:object-contain" sizes="(min-width: 1024px) 40vw, (min-width: 648px) 50vw, 90vw">
4496</div></div><div
4497            class="swiper-slide w-full h-full relative grid  mb-3 "
4498            role="group"
4499            aria-roledescription="slide"
4500            aria-label="Slide 7 of 12"
4501            aria-hidden="true">
4502            
4503<div class="relative z-1 h-full">
4504  <div class=" h-full">
4505    <video playsinline="true" autoplay="autoplay" loop="loop" muted="muted" webkit-playsinline="true" preload="files/preview_images/6043abf754eb43ccae1c8769ea843c3a.thumbnail.0000000000.jpg" class="max-sm:object-cover w-full  h-full lg:max-h-full lg:object-contain" aria-label="Supergoop! Unseen Sunscreen SPF 50 1.7 fl. oz. 2.5 fl. oz. 0.68 fl. oz. 2-pack 3-pack" poster="//supergoop.com/cdn/shop/files/preview_images/6043abf754eb43ccae1c8769ea843c3a.thumbnail.0000000000_800x.jpg?v=1786729836"><source src="//supergoop.com/cdn/shop/videos/c/vp/6043abf754eb43ccae1c8769ea843c3a/6043abf754eb43ccae1c8769ea843c3a.HD-1080p-7.2Mbps-91631682.mp4?v=0" type="video/mp4"><img alt="Supergoop! Unseen Sunscreen SPF 50 1.7 fl. oz. 2.5 fl. oz. 0.68 fl. oz. 2-pack 3-pack" src="//supergoop.com/cdn/shop/files/preview_images/6043abf754eb43ccae1c8769ea843c3a.thumbnail.0000000000_800x.jpg?v=1786729836"></video>
4506  </div>
4507</div>
4508
4509</div><div
4510            class="swiper-slide w-full h-full relative grid  mb-3 bg-grey-FA items-center"
4511            role="group"
4512            aria-roledescription="slide"
4513            aria-label="Slide 8 of 12"
4514            aria-hidden="true">
4515            
4516<div class="flex justify-center   items-center h-full w-full lg:max-h-auto product-gallery-swiper-image"><img src="//supergoop.com/cdn/shop/files/unseen-sunscreen-06.jpg?v=1770137633&amp;width=2000" alt="Supergoop! Unseen Sunscreen SPF 50 1.7 fl. oz. 2.5 fl. oz. 0.68 fl. oz. 2-pack 3-pack" srcset="//supergoop.com/cdn/shop/files/unseen-sunscreen-06.jpg?v=1770137633&amp;width=360 360w, //supergoop.com/cdn/shop/files/unseen-sunscreen-06.jpg?v=1770137633&amp;width=640 640w, //supergoop.com/cdn/shop/files/unseen-sunscreen-06.jpg?v=1770137633&amp;width=768 768w, //supergoop.com/cdn/shop/files/unseen-sunscreen-06.jpg?v=1770137633&amp;width=1024 1024w, //supergoop.com/cdn/shop/files/unseen-sunscreen-06.jpg?v=1770137633&amp;width=1280 1280w, //supergoop.com/cdn/shop/files/unseen-sunscreen-06.jpg?v=1770137633&amp;width=1536 1536w" width="2000" height="2000" loading="lazy" class="max-sm:object-cover w-full  h-full lg:max-h-full lg:object-contain" sizes="(min-width: 1024px) 40vw, (min-width: 648px) 50vw, 90vw">
4517</div></div><div
4518            class="swiper-slide w-full h-full relative grid  mb-3 bg-grey-FA items-center"
4519            role="group"
4520            aria-roledescription="slide"
4521            aria-label="Slide 9 of 12"
4522            aria-hidden="true">
4523            
4524<div class="flex justify-center   items-center h-full w-full lg:max-h-auto product-gallery-swiper-image"><img src="//supergoop.com/cdn/shop/files/unseen-sunscreen-08.jpg?v=1770137632&amp;width=2000" alt="Supergoop! Unseen Sunscreen SPF 50 1.7 fl. oz. 2.5 fl. oz. 0.68 fl. oz. 2-pack 3-pack" srcset="//supergoop.com/cdn/shop/files/unseen-sunscreen-08.jpg?v=1770137632&amp;width=360 360w, //supergoop.com/cdn/shop/files/unseen-sunscreen-08.jpg?v=1770137632&amp;width=640 640w, //supergoop.com/cdn/shop/files/unseen-sunscreen-08.jpg?v=1770137632&amp;width=768 768w, //supergoop.com/cdn/shop/files/unseen-sunscreen-08.jpg?v=1770137632&amp;width=1024 1024w, //supergoop.com/cdn/shop/files/unseen-sunscreen-08.jpg?v=1770137632&amp;width=1280 1280w, //supergoop.com/cdn/shop/files/unseen-sunscreen-08.jpg?v=1770137632&amp;width=1536 1536w" width="2000" height="2000" loading="lazy" class="max-sm:object-cover w-full  h-full lg:max-h-full lg:object-contain" sizes="(min-width: 1024px) 40vw, (min-width: 648px) 50vw, 90vw">
4525</div></div><div
4526            class="swiper-slide w-full h-full relative grid  mb-3 bg-grey-FA items-center"
4527            role="group"
4528            aria-roledescription="slide"
4529            aria-label="Slide 10 of 12"
4530            aria-hidden="true">
4531            
4532<div class="flex justify-center   items-center h-full w-full lg:max-h-auto product-gallery-swiper-image"><img src="//supergoop.com/cdn/shop/files/unseen-sunscreen-10.jpg?v=1770137633&amp;
4532width=2000" alt="Supergoop! Unseen Sunscreen SPF 50 1.7 fl. oz. 2.5 fl. oz. 0.68 fl. oz. 2-pack 3-pack" srcset="//supergoop.com/cdn/shop/files/unseen-sunscreen-10.jpg?v=1770137633&amp;width=360 360w, //supergoop.com/cdn/shop/files/unseen-sunscreen-10.jpg?v=1770137633&amp;width=640 640w, //supergoop.com/cdn/shop/files/unseen-sunscreen-10.jpg?v=1770137633&amp;width=768 768w, //supergoop.com/cdn/shop/files/unseen-sunscreen-10.jpg?v=1770137633&amp;width=1024 1024w, //supergoop.com/cdn/shop/files/unseen-sunscreen-10.jpg?v=1770137633&amp;width=1280 1280w, //supergoop.com/cdn/shop/files/unseen-sunscreen-10.jpg?v=1770137633&amp;width=1536 1536w" width="2000" height="2000" loading="lazy" class="max-sm:object-cover w-full  h-full lg:max-h-full lg:object-contain" sizes="(min-width: 1024px) 40vw, (min-width: 648px) 50vw, 90vw">
4533</div></div><div
4534            class="swiper-slide w-full h-full relative grid  mb-3 bg-grey-FA items-center"
4535            role="group"
4536            aria-roledescription="slide"
4537            aria-label="Slide 11 of 12"
4538            aria-hidden="true">
4539            
4540<div class="flex justify-center   items-center h-full w-full lg:max-h-auto product-gallery-swiper-image"><img src="//supergoop.com/cdn/shop/files/unseen-sunscreen-07.jpg?v=1770137637&amp;width=2000" alt="Supergoop! Unseen Sunscreen SPF 50 1.7 fl. oz. 2.5 fl. oz. 0.68 fl. oz. 2-pack 3-pack" srcset="//supergoop.com/cdn/shop/files/unseen-sunscreen-07.jpg?v=1770137637&amp;width=360 360w, //supergoop.com/cdn/shop/files/unseen-sunscreen-07.jpg?v=1770137637&amp;width=640 640w, //supergoop.com/cdn/shop/files/unseen-sunscreen-07.jpg?v=1770137637&amp;width=768 768w, //supergoop.com/cdn/shop/files/unseen-sunscreen-07.jpg?v=1770137637&amp;width=1024 1024w, //supergoop.com/cdn/shop/files/unseen-sunscreen-07.jpg?v=1770137637&amp;width=1280 1280w, //supergoop.com/cdn/shop/files/unseen-sunscreen-07.jpg?v=1770137637&amp;width=1536 1536w" width="2000" height="2000" loading="lazy" class="max-sm:object-cover w-full  h-full lg:max-h-full lg:object-contain" sizes="(min-width: 1024px) 40vw, (min-width: 648px) 50vw, 90vw">
4541</div></div><div
4542            class="swiper-slide w-full h-full relative grid  mb-3 bg-grey-FA items-center"
4543            role="group"
4544            aria-roledescription="slide"
4545            aria-label="Slide 12 of 12"
4546            aria-hidden="true">
4547            
4548<div class="flex justify-center   items-center h-full w-full lg:max-h-auto product-gallery-swiper-image"><img src="//supergoop.com/cdn/shop/files/unseen-sunscreen-05.jpg?v=1770137633&amp;width=2000" alt="Supergoop! Unseen Sunscreen SPF 50 1.7 fl. oz. 2.5 fl. oz. 0.68 fl. oz. 2-pack 3-pack" srcset="//supergoop.com/cdn/shop/files/unseen-sunscreen-05.jpg?v=1770137633&amp;width=360 360w, //supergoop.com/cdn/shop/files/unseen-sunscreen-05.jpg?v=1770137633&amp;width=640 640w, //supergoop.com/cdn/shop/files/unseen-sunscreen-05.jpg?v=1770137633&amp;width=768 768w, //supergoop.com/cdn/shop/files/unseen-sunscreen-05.jpg?v=1770137633&amp;width=1024 1024w, //supergoop.com/cdn/shop/files/unseen-sunscreen-05.jpg?v=1770137633&amp;width=1280 1280w, //supergoop.com/cdn/shop/files/unseen-sunscreen-05.jpg?v=1770137633&amp;width=1536 1536w" width="2000" height="2000" loading="lazy" class="max-sm:object-cover w-full  h-full lg:max-h-full lg:object-contain" sizes="(min-width: 1024px) 40vw, (min-width: 648px) 50vw, 90vw">
4549</div></div></div>
4550      <div data-product-slider-scroll-bar class="lg:hidden bg-grey-D0 mx-8 lg:mx-0 swiper-scrollbar-horizontal"></div>
4551    </div>
4552  </div>
4553
4554  
4555  <div class="w-[50px] absolute inset-y-0 justify-center items-center md:flex hidden original-gallery" id="originalThumbsContainer">
4556    <div class="py-[70px] relative hidden lg:block">
4557      <div class="swiper thumbs-gallery max-h-[475px] [&:not(.swiper-initialized)]:hidden" data-slider-pg-thumbs>
4558        <div class="swiper-wrapper"><div class="swiper-slide w-[50px] min-h-[50px] mb-[24px] hover:opacity-85 transition-opacity">
4559              <button type="button" aria-label="Image 1 of 12: Supergoop! Unseen Sunscreen SPF 50 1.7 fl. oz." class="
4560                                    border overflow-hidden cursor-pointer
4561                                    flex items-center justify-center box-border
4562                                    w-[50px] h-[50px] hover:border-supergoop-blue
4563                                    transition-all duration-300 ease-in
4564                                    focus:outline-none focus:ring-2 focus:ring-supergoop-blue focus:ring-offset-1
4565                                  "><div class="flex justify-center  items-center h-full w-full lg:max-h-auto">
4566                    <img src="//supergoop.com/cdn/shop/files/unseen-sunscreen-01-1.7-oz-allure-seal.png?v=1770218303&amp;
4566width=2000" alt="Supergoop! Unseen Sunscreen SPF 50 1.7 fl. oz." srcset="//supergoop.com/cdn/shop/files/unseen-sunscreen-01-1.7-oz-allure-seal.png?v=1770218303&amp;width=360 360w, //supergoop.com/cdn/shop/files/unseen-sunscreen-01-1.7-oz-allure-seal.png?v=1770218303&amp;width=640 640w, //supergoop.com/cdn/shop/files/unseen-sunscreen-01-1.7-oz-allure-seal.png?v=1770218303&amp;width=768 768w, //supergoop.com/cdn/shop/files/unseen-sunscreen-01-1.7-oz-allure-seal.png?v=1770218303&amp;width=1024 1024w, //supergoop.com/cdn/shop/files/unseen-sunscreen-01-1.7-oz-allure-seal.png?v=1770218303&amp;width=1280 1280w, //supergoop.com/cdn/shop/files/unseen-sunscreen-01-1.7-oz-allure-seal.png?v=1770218303&amp;width=1536 1536w" width="2000" height="2000" loading="lazy" class="max-sm:object-cover w-full  h-full lg:max-h-full lg:object-contain" sizes="(min-width: 1024px) 40vw, (min-width: 648px) 50vw, 90vw">
4567                  </div></button>
4568            </div><div class="swiper-slide w-[50px] min-h-[50px] mb-[24px] hover:opacity-85 transition-opacity">
4569              <button type="button" aria-label="Image 2 of 12: Supergoop! Unseen Sunscreen SPF 50 2.5 fl. oz." class="
4570                                    border overflow-hidden cursor-pointer
4571                                    flex items-center justify-center box-border
4572                                    w-[50px] h-[50px] hover:border-supergoop-blue
4573                                    transition-all duration-300 ease-in
4574                                    focus:outline-none focus:ring-2 focus:ring-supergoop-blue focus:ring-offset-1
4575                                  "><div class="flex justify-center  items-center h-full w-full lg:max-h-auto">
4576                    <img src="//supergoop.com/cdn/shop/files/unseen-sunscreen-01-2.5-oz.jpg?v=1770137631&amp;width=2000" alt="Supergoop! Unseen Sunscreen SPF 50 2.5 fl. oz." srcset="//supergoop.com/cdn/shop/files/unseen-sunscreen-01-2.5-oz.jpg?v=1770137631&amp;width=360 360w, //supergoop.com/cdn/shop/files/unseen-sunscreen-01-2.5-oz.jpg?v=1770137631&amp;width=640 640w, //supergoop.com/cdn/shop/files/unseen-sunscreen-01-2.5-oz.jpg?v=1770137631&amp;width=768 768w, //supergoop.com/cdn/shop/files/unseen-sunscreen-01-2.5-oz.jpg?v=1770137631&amp;width=1024 1024w, //supergoop.com/cdn/shop/files/unseen-sunscreen-01-2.5-oz.jpg?v=1770137631&amp;width=1280 1280w, //supergoop.com/cdn/shop/files/unseen-sunscreen-01-2.5-oz.jpg?v=1770137631&amp;width=1536 1536w" width="2000" height="2000" loading="lazy" class="max-sm:object-cover w-full  h-full lg:max-h-full lg:object-contain" sizes="(min-width: 1024px) 40vw, (min-width: 648px) 50vw, 90vw">
4577                  </div></button>
4578            </div><div class="swiper-slide w-[50px] min-h-[50px] mb-[24px] hover:opacity-85 transition-opacity">
4579              <button type="button" aria-label="Image 3 of 12: Supergoop! Unseen Sunscreen SPF 50 0.68 fl. oz." class="
4580                                    border overflow-hidden cursor-pointer
4581                                    flex items-center justify-center box-border
4582                                    w-[50px] h-[50px] hover:border-supergoop-blue
4583                                    transition-all duration-300 ease-in
4584                                    focus:outline-none focus:ring-2 focus:ring-supergoop-blue focus:ring-offset-1
4585                                  "><div class="flex justify-center  items-center h-full w-full lg:max-h-auto">
4586                    <img src="//supergoop.com/cdn/shop/files/unseen-sunscreen-01-0.68-oz.jpg?v=1770137631&amp;width=2000" alt="Supergoop! Unseen Sunscreen SPF 50 0.68 fl. oz." srcset="//supergoop.com/cdn/shop/files/unseen-sunscreen-01-0.68-oz.jpg?v=1770137631&amp;width=360 360w, //supergoop.com/cdn/shop/files/unseen-sunscreen-01-0.68-oz.jpg?v=1770137631&amp;width=640 640w, //supergoop.com/cdn/shop/files/unseen-sunscreen-01-0.68-oz.jpg?v=1770137631&amp;width=768 768w, //supergoop.com/cdn/shop/files/unseen-sunscreen-01-0.68-oz.jpg?v=1770137631&amp;width=1024 1024w, //supergoop.com/cdn/shop/files/unseen-sunscreen-01-0.68-oz.jpg?v=1770137631&amp;width=1280 1280w, //supergoop.com/cdn/shop/files/unseen-sunscreen-01-0.68-oz.jpg?v=1770137631&amp;width=1536 1536w" width="2000" height="2000" loading="lazy" class="max-sm:object-cover w-full  h-full lg:max-h-full lg:object-contain" sizes="(min-width: 1024px) 40vw, (min-width: 648px) 50vw, 90vw">
4587                  </div></button>
4588            </div><div class="swiper-slide w-[50px] min-h-[50px] mb-[24px] hover:opacity-85 transition-opacity">
4589              <button type="button" aria-label="Image 4 of 12: Supergoop! Unseen Sunscreen 
4589SPF 50 2-pack" class="
4590                                    border overflow-hidden cursor-pointer
4591                                    flex items-center justify-center box-border
4592                                    w-[50px] h-[50px] hover:border-supergoop-blue
4593                                    transition-all duration-300 ease-in
4594                                    focus:outline-none focus:ring-2 focus:ring-supergoop-blue focus:ring-offset-1
4595                                  "><div class="flex justify-center  items-center h-full w-full lg:max-h-auto">
4596                    <img src="//supergoop.com/cdn/shop/files/unseen-sunscreen-01-1.7-oz-2-pack.jpg?v=1770137632&amp;width=2000" alt="Supergoop! Unseen Sunscreen SPF 50 2-pack" srcset="//supergoop.com/cdn/shop/files/unseen-sunscreen-01-1.7-oz-2-pack.jpg?v=1770137632&amp;width=360 360w, //supergoop.com/cdn/shop/files/unseen-sunscreen-01-1.7-oz-2-pack.jpg?v=1770137632&amp;width=640 640w, //supergoop.com/cdn/shop/files/unseen-sunscreen-01-1.7-oz-2-pack.jpg?v=1770137632&amp;width=768 768w, //supergoop.com/cdn/shop/files/unseen-sunscreen-01-1.7-oz-2-pack.jpg?v=1770137632&amp;width=1024 1024w, //supergoop.com/cdn/shop/files/unseen-sunscreen-01-1.7-oz-2-pack.jpg?v=1770137632&amp;width=1280 1280w, //supergoop.com/cdn/shop/files/unseen-sunscreen-01-1.7-oz-2-pack.jpg?v=1770137632&amp;width=1536 1536w" width="2000" height="2000" loading="lazy" class="max-sm:object-cover w-full  h-full lg:max-h-full lg:object-contain" sizes="(min-width: 1024px) 40vw, (min-width: 648px) 50vw, 90vw">
4597                  </div></button>
4598            </div><div class="swiper-slide w-[50px] min-h-[50px] mb-[24px] hover:opacity-85 transition-opacity">
4599              <button type="button" aria-label="Image 5 of 12: Supergoop! Unseen Sunscreen SPF 50 1.7 fl. oz. 2.5 fl. oz. 0.68 fl. oz. 2-pack 3-pack
4600Supergoop! 2-in-1 Beauty Booster Set in Dawn, Sunrise, Golden Hour, Sunset / 1.7 oz. " class="
4601                                    border overflow-hidden cursor-pointer
4602                                    flex items-center justify-center box-border
4603                                    w-[50px] h-[50px] hover:border-supergoop-blue
4604                                    transition-all duration-300 ease-in
4605                                    focus:outline-none focus:ring-2 focus:ring-supergoop-blue focus:ring-offset-1
4606                                  "><div class="flex justify-center  items-center h-full w-full lg:max-h-auto">
4607                    <img src="//supergoop.com/cdn/shop/files/unseen-sunscreen-04.jpg?v=1770137635&amp;width=2000" alt="Supergoop! Unseen Sunscreen SPF 50 1.7 fl. oz. 2.5 fl. oz. 0.68 fl. oz. 2-pack 3-pack
4608Supergoop! 2-in-1 Beauty Booster Set in Dawn, Sunrise, Golden Hour, Sunset / 1.7 oz. " srcset="//supergoop.com/cdn/shop/files/unseen-sunscreen-04.jpg?v=1770137635&amp;width=360 360w, //supergoop.com/cdn/shop/files/unseen-sunscreen-04.jpg?v=1770137635&amp;width=640 640w, //supergoop.com/cdn/shop/files/unseen-sunscreen-04.jpg?v=1770137635&amp;width=768 768w, //supergoop.com/cdn/shop/files/unseen-sunscreen-04.jpg?v=1770137635&amp;width=1024 1024w, //supergoop.com/cdn/shop/files/unseen-sunscreen-04.jpg?v=1770137635&amp;width=1280 1280w, //supergoop.com/cdn/shop/files/unseen-sunscreen-04.jpg?v=1770137635&amp;width=1536 1536w" width="2000" height="2000" loading="lazy" class="max-sm:object-cover w-full  h-full lg:max-h-full lg:object-contain" sizes="(min-width: 1024px) 40vw, (min-width: 648px) 50vw, 90vw">
4609                  </div></button>
4610            </div><div class="swiper-slide w-[50px] min-h-[50px] mb-[24px] hover:opacity-85 transition-opacity">
4611              <button type="button" aria-label="Image 6 of 12: Supergoop! Unseen Sunscreen SPF 50 1.7 fl. oz. 2.5 fl. oz. 0.68 fl. oz. 2-pack 3-pack
4612Supergoop! 2-in-1 Beauty Booster Set in Dawn, Sunrise, Golden Hour, Sunset / 1.7 oz. " class="
4613                                    border overflow-hidden cursor-pointer
4614                                    flex items-center justify-center box-border
4615                                    w-[50px] h-[50px] hover:border-supergoop-blue
4616                                    transition-all duration-300 ease-in
4617                                    focus:outline-none focus:ring-2 focus:ring-supergoop-blue focus:ring-offset-1
4618                                  "><div class="flex justify-center  items-center h-full w-full lg:max-h-auto">
4619                    <img src="//supergoop.com/cdn/shop/files/Skin_Cancer_Foundation_Seal_-_Unseen_1971daa0-4a90-4255-aafe-b9457cf224fb.jpg?v=1778683781&amp;
4619width=2000" alt="Supergoop! Unseen Sunscreen SPF 50 1.7 fl. oz. 2.5 fl. oz. 0.68 fl. oz. 2-pack 3-pack
4620Supergoop! 2-in-1 Beauty Booster Set in Dawn, Sunrise, Golden Hour, Sunset / 1.7 oz. " srcset="//supergoop.com/cdn/shop/files/Skin_Cancer_Foundation_Seal_-_Unseen_1971daa0-4a90-4255-aafe-b9457cf224fb.jpg?v=1778683781&amp;width=360 360w, //supergoop.com/cdn/shop/files/Skin_Cancer_Foundation_Seal_-_Unseen_1971daa0-4a90-4255-aafe-b9457cf224fb.jpg?v=1778683781&amp;width=640 640w, //supergoop.com/cdn/shop/files/Skin_Cancer_Foundation_Seal_-_Unseen_1971daa0-4a90-4255-aafe-b9457cf224fb.jpg?v=1778683781&amp;width=768 768w, //supergoop.com/cdn/shop/files/Skin_Cancer_Foundation_Seal_-_Unseen_1971daa0-4a90-4255-aafe-b9457cf224fb.jpg?v=1778683781&amp;width=1024 1024w, //supergoop.com/cdn/shop/files/Skin_Cancer_Foundation_Seal_-_Unseen_1971daa0-4a90-4255-aafe-b9457cf224fb.jpg?v=1778683781&amp;width=1280 1280w, //supergoop.com/cdn/shop/files/Skin_Cancer_Foundation_Seal_-_Unseen_1971daa0-4a90-4255-aafe-b9457cf224fb.jpg?v=1778683781&amp;width=1536 1536w" width="2000" height="2000" loading="lazy" class="max-sm:object-cover w-full  h-full lg:max-h-full lg:object-contain" sizes="(min-width: 1024px) 40vw, (min-width: 648px) 50vw, 90vw">
4621                  </div></button>
4622            </div><div class="swiper-slide w-[50px] min-h-[50px] mb-[24px] hover:opacity-85 transition-opacity">
4623              <button type="button" aria-label="Video 7 of 12: Supergoop! Unseen Sunscreen SPF 50 1.7 fl. oz. 2.5 fl. oz. 0.68 fl. oz. 2-pack 3-pack" class="
4624                                    border overflow-hidden cursor-pointer
4625                                    flex items-center justify-center box-border
4626                                    w-[50px] h-[50px] hover:border-supergoop-blue
4627                                    transition-all duration-300 ease-in
4628                                    focus:outline-none focus:ring-2 focus:ring-supergoop-blue focus:ring-offset-1
4629                                  "><div class="relative">
4630                    <img src="//supergoop.com/cdn/shop/files/preview_images/6043abf754eb43ccae1c8769ea843c3a.thumbnail.0000000000.jpg?v=1786729836&amp;width=93" alt="Supergoop! Unseen Sunscreen SPF 50 1.7 fl. oz. 2.5 fl. oz. 0.68 fl. oz. 2-pack 3-pack" width="93" height="93" loading="lazy" class="w-[93px] h-[93px] object-cover">
4631                    <div class="absolute w-5 h-5 -translate-x-1/2 -translate-y-1/2 bg-white rounded-full left-1/2 top-1/2">
4632                      <svg
4633    width="21"
4634    height="21"
4635    viewBox="0 0 21 21"
4636    fill="none"
4637    xmlns="http://www.w3.org/2000/svg"
4638    focusable="false"
4639    aria-label="Play"
4640    aria-hidden="true">
4641    <title>Play</title>
4642    <circle
4643      cx="10.5"
4644      cy="10.5"
4645      r="10.5"
4646      fill="white" />
4647    <path d="M15.3906 10.5006L8.04062 14.7441L8.04062 6.25706L15.3906 10.5006Z" fill="black" />
4648  </svg>
4649                    </div>
4650                  </div></button>
4651            </div><div class="swiper-slide w-[50px] min-h-[50px] mb-[24px] hover:opacity-85 transition-opacity">
4652              <button type="button" aria-label="Image 8 of 12: Supergoop! Unseen Sunscreen SPF 50 1.7 fl. oz. 2.5 fl. oz. 0.68 fl. oz. 2-pack 3-pack" class="
4653                                    border overflow-hidden cursor-pointer
4654                                    flex items-center justify-center box-border
4655                                    w-[50px] h-[50px] hover:border-supergoop-blue
4656                                    transition-all duration-300 ease-in
4657                                    focus:outline-none focus:ring-2 focus:ring-supergoop-blue focus:ring-offset-1
4658                                  "><div class="flex justify-center  items-center h-full w-full lg:max-h-auto">
4659                    <img src="//supergoop.com/cdn/shop/files/unseen-sunscreen-06.jpg?v=1770137633&amp;width=2000" alt="Supergoop! Unseen Sunscreen SPF 50 1.7 fl. oz. 2.5 fl. oz. 0.68 fl. oz. 2-pack 3-pack" srcset="//supergoop.com/cdn/shop/files/unseen-sunscreen-06.jpg?v=1770137633&amp;width=360 360w, //supergoop.com/cdn/shop/files/unseen-sunscreen-06.jpg?v=1770137633&amp;width=640 640w, //supergoop.com/cdn/shop/files/unseen-sunscreen-06.jpg?v=1770137633&amp;width=768 768w, //supergoop.com/cdn/shop/files/unseen-sunscreen-06.jpg?v=1770137633&amp;
4659width=1024 1024w, //supergoop.com/cdn/shop/files/unseen-sunscreen-06.jpg?v=1770137633&amp;width=1280 1280w, //supergoop.com/cdn/shop/files/unseen-sunscreen-06.jpg?v=1770137633&amp;width=1536 1536w" width="2000" height="2000" loading="lazy" class="max-sm:object-cover w-full  h-full lg:max-h-full lg:object-contain" sizes="(min-width: 1024px) 40vw, (min-width: 648px) 50vw, 90vw">
4660                  </div></button>
4661            </div><div class="swiper-slide w-[50px] min-h-[50px] mb-[24px] hover:opacity-85 transition-opacity">
4662              <button type="button" aria-label="Image 9 of 12: Supergoop! Unseen Sunscreen SPF 50 1.7 fl. oz. 2.5 fl. oz. 0.68 fl. oz. 2-pack 3-pack" class="
4663                                    border overflow-hidden cursor-pointer
4664                                    flex items-center justify-center box-border
4665                                    w-[50px] h-[50px] hover:border-supergoop-blue
4666                                    transition-all duration-300 ease-in
4667                                    focus:outline-none focus:ring-2 focus:ring-supergoop-blue focus:ring-offset-1
4668                                  "><div class="flex justify-center  items-center h-full w-full lg:max-h-auto">
4669                    <img src="//supergoop.com/cdn/shop/files/unseen-sunscreen-08.jpg?v=1770137632&amp;width=2000" alt="Supergoop! Unseen Sunscreen SPF 50 1.7 fl. oz. 2.5 fl. oz. 0.68 fl. oz. 2-pack 3-pack" srcset="//supergoop.com/cdn/shop/files/unseen-sunscreen-08.jpg?v=1770137632&amp;width=360 360w, //supergoop.com/cdn/shop/files/unseen-sunscreen-08.jpg?v=1770137632&amp;width=640 640w, //supergoop.com/cdn/shop/files/unseen-sunscreen-08.jpg?v=1770137632&amp;width=768 768w, //supergoop.com/cdn/shop/files/unseen-sunscreen-08.jpg?v=1770137632&amp;width=1024 1024w, //supergoop.com/cdn/shop/files/unseen-sunscreen-08.jpg?v=1770137632&amp;width=1280 1280w, //supergoop.com/cdn/shop/files/unseen-sunscreen-08.jpg?v=1770137632&amp;width=1536 1536w" width="2000" height="2000" loading="lazy" class="max-sm:object-cover w-full  h-full lg:max-h-full lg:object-contain" sizes="(min-width: 1024px) 40vw, (min-width: 648px) 50vw, 90vw">
4670                  </div></button>
4671            </div><div class="swiper-slide w-[50px] min-h-[50px] mb-[24px] hover:opacity-85 transition-opacity">
4672              <button type="button" aria-label="Image 10 of 12: Supergoop! Unseen Sunscreen SPF 50 1.7 fl. oz. 2.5 fl. oz. 0.68 fl. oz. 2-pack 3-pack" class="
4673                                    border overflow-hidden cursor-pointer
4674                                    flex items-center justify-center box-border
4675                                    w-[50px] h-[50px] hover:border-supergoop-blue
4676                                    transition-all duration-300 ease-in
4677                                    focus:outline-none focus:ring-2 focus:ring-supergoop-blue focus:ring-offset-1
4678                                  "><div class="flex justify-center  items-center h-full w-full lg:max-h-auto">
4679                    <img src="//supergoop.com/cdn/shop/files/unseen-sunscreen-10.jpg?v=1770137633&amp;width=2000" alt="Supergoop! Unseen Sunscreen SPF 50 1.7 fl. oz. 2.5 fl. oz. 0.68 fl. oz. 2-pack 3-pack" srcset="//supergoop.com/cdn/shop/files/unseen-sunscreen-10.jpg?v=1770137633&amp;width=360 360w, //supergoop.com/cdn/shop/files/unseen-sunscreen-10.jpg?v=1770137633&amp;width=640 640w, //supergoop.com/cdn/shop/files/unseen-sunscreen-10.jpg?v=1770137633&amp;width=768 768w, //supergoop.com/cdn/shop/files/unseen-sunscreen-10.jpg?v=1770137633&amp;width=1024 1024w, //supergoop.com/cdn/shop/files/unseen-sunscreen-10.jpg?v=1770137633&amp;width=1280 1280w, //supergoop.com/cdn/shop/files/unseen-sunscreen-10.jpg?v=1770137633&amp;width=1536 1536w" width="2000" height="2000" loading="lazy" class="max-sm:object-cover w-full  h-full lg:max-h-full lg:object-contain" sizes="(min-width: 1024px) 40vw, (min-width: 648px) 50vw, 90vw">
4680                  </div></button>
4681            </div><div class="swiper-slide w-[50px] min-h-[50px] mb-[24px] hover:opacity-85 transition-opacity">
4682              <button type="button" aria-label="Image 11 of 12: Supergoop! Unseen Sunscreen 
4682SPF 50 1.7 fl. oz. 2.5 fl. oz. 0.68 fl. oz. 2-pack 3-pack" class="
4683                                    border overflow-hidden cursor-pointer
4684                                    flex items-center justify-center box-border
4685                                    w-[50px] h-[50px] hover:border-supergoop-blue
4686                                    transition-all duration-300 ease-in
4687                                    focus:outline-none focus:ring-2 focus:ring-supergoop-blue focus:ring-offset-1
4688                                  "><div class="flex justify-center  items-center h-full w-full lg:max-h-auto">
4689                    <img src="//supergoop.com/cdn/shop/files/unseen-sunscreen-07.jpg?v=1770137637&amp;width=2000" alt="Supergoop! Unseen Sunscreen SPF 50 1.7 fl. oz. 2.5 fl. oz. 0.68 fl. oz. 2-pack 3-pack" srcset="//supergoop.com/cdn/shop/files/unseen-sunscreen-07.jpg?v=1770137637&amp;width=360 360w, //supergoop.com/cdn/shop/files/unseen-sunscreen-07.jpg?v=1770137637&amp;width=640 640w, //supergoop.com/cdn/shop/files/unseen-sunscreen-07.jpg?v=1770137637&amp;width=768 768w, //supergoop.com/cdn/shop/files/unseen-sunscreen-07.jpg?v=1770137637&amp;width=1024 1024w, //supergoop.com/cdn/shop/files/unseen-sunscreen-07.jpg?v=1770137637&amp;width=1280 1280w, //supergoop.com/cdn/shop/files/unseen-sunscreen-07.jpg?v=1770137637&amp;width=1536 1536w" width="2000" height="2000" loading="lazy" class="max-sm:object-cover w-full  h-full lg:max-h-full lg:object-contain" sizes="(min-width: 1024px) 40vw, (min-width: 648px) 50vw, 90vw">
4690                  </div></button>
4691            </div><div class="swiper-slide w-[50px] min-h-[50px] mb-[24px] hover:opacity-85 transition-opacity">
4692              <button type="button" aria-label="Image 12 of 12: Supergoop! Unseen Sunscreen SPF 50 1.7 fl. oz. 2.5 fl. oz. 0.68 fl. oz. 2-pack 3-pack" class="
4693                                    border overflow-hidden cursor-pointer
4694                                    flex items-center justify-center box-border
4695                                    w-[50px] h-[50px] hover:border-supergoop-blue
4696                                    transition-all duration-300 ease-in
4697                                    focus:outline-none focus:ring-2 focus:ring-supergoop-blue focus:ring-offset-1
4698                                  "><div class="flex justify-center  items-center h-full w-full lg:max-h-auto">
4699                    <img src="//supergoop.com/cdn/shop/files/unseen-sunscreen-05.jpg?v=1770137633&amp;width=2000" alt="Supergoop! Unseen Sunscreen SPF 50 1.7 fl. oz. 2.5 fl. oz. 0.68 fl. oz. 2-pack 3-pack" srcset="//supergoop.com/cdn/shop/files/unseen-sunscreen-05.jpg?v=1770137633&amp;width=360 360w, //supergoop.com/cdn/shop/files/unseen-sunscreen-05.jpg?v=1770137633&amp;width=640 640w, //supergoop.com/cdn/shop/files/unseen-sunscreen-05.jpg?v=1770137633&amp;width=768 768w, //supergoop.com/cdn/shop/files/unseen-sunscreen-05.jpg?v=1770137633&amp;width=1024 1024w, //supergoop.com/cdn/shop/files/unseen-sunscreen-05.jpg?v=1770137633&amp;width=1280 1280w, //supergoop.com/cdn/shop/files/unseen-sunscreen-05.jpg?v=1770137633&amp;width=1536 1536w" width="2000" height="2000" loading="lazy" class="max-sm:object-cover w-full  h-full lg:max-h-full lg:object-contain" sizes="(min-width: 1024px) 40vw, (min-width: 648px) 50vw, 90vw">
4700                  </div></button>
4701            </div></div>
4702      </div>
4703      <button type="button" aria-label="Previous image" class="swiper-button-prev drop-shadow left-[50%] -translate-x-[50%] top-[35px] !ml-0 !text-transparent after:hidden !w-[32px] !h-[32px] bg-white rounded-full p-[8px] hover:bg-supergoop-yellow focus:outline-none focus:ring-2 focus:ring-supergoop-blue">
4704        <svg width="14" height="12" viewBox="0 0 14 15" fill="none">
4705    <path d="M1 7L7 1L13 7" stroke="#2A2A2A" strokeMiterlimit="16" strokeLinecap="square"/>
4706    <path d="M7 1L7 15" stroke="black"/>
4707  </svg>
4708      </button>
4709      <button type="button" aria-label="Next image" class="swiper-button-next after:hidden left-[50%] -translate-x-[50%] bottom-[20px] top-auto drop-shadow !ml-0 !text-transparent !w-[32px] !h-[32px] bg-white rounded-full p-[8px] hover:bg-supergoop-yellow focus:outline-none focus:ring-2 focus:ring-supergoop-blue">
4710        <div class="rotate-180">
4711          <svg width="14" height="12" viewBox="0 0 14 15" fill="none">
4712    <path d="M1 7L7 1L13 7" stroke="#2A2A2A" strokeMiterlimit="16" strokeLinecap="square"/>
4713    <path d="M7 1L7 15" stroke="black"/>
4714  </svg>
4715        </div>
4716      </button>
4717    </div>
4718  </div>
4719
4720  
4721  <div class="lg:pl-[80px]" id="smallSliderContainer">
4722    <div
4723      class="swiper relative w-full  scrollbar-hide bg-white product-gallery-swiper product-gallery-swiper-small"
4724      data-slider-pg-small>
4725      <div class="swiper-wrapper"><div
4726            class="swiper-slide w-full h-full relative grid  mb-3 bg-grey-FA items-center"
4727            role="group"
4728            aria-roledescription="slide"
4729            aria-label="Slide 1 of 12"
4730            >
4731            
4732              <div class="absolute left-[9px] top-[5px] lg:left-[15px] lg:top-[15px] w-full">
4733                <div class="badges flex gap-1.5 absolute top-0 left-0 z-10"><div
4734          class="
4735            bg-supergoop-yellow py-1 px-[6px] body-xs rounded-[2px]
4736            z-10 pointer-events-none text-[10px] md:text-[11px] leading-[13px]
4737            md:leading-none font-medium text-supergoop-blue
4738          "
4739        >Bestseller</div></div>
4740              </div>
4741            
4742<div class="flex justify-center  items-center h-full w-full lg:max-h-auto product-gallery-swiper-image"><img src="//supergoop.com/cdn/shop/files/unseen-sunscreen-01-1.7-oz-allure-seal.png?v=1770218303&amp;width=2000" alt="Supergoop! Unseen Sunscreen SPF 50 1.7 fl. oz." srcset="//supergoop.com/cdn/shop/files/unseen-sunscreen-01-1.7-oz-allure-seal.png?v=1770218303&amp;width=360 360w, //supergoop.com/cdn/shop/files/unseen-sunscreen-01-1.7-oz-allure-seal.png?v=1770218303&amp;width=640 640w, //supergoop.com/cdn/shop/files/unseen-sunscreen-01-1.7-oz-allure-seal.png?v=1770218303&amp;width=768 768w, //supergoop.com/cdn/shop/files/unseen-sunscreen-01-1.7-oz-allure-seal.png?v=1770218303&amp;width=1024 1024w, //supergoop.com/cdn/shop/files/unseen-sunscreen-01-1.7-oz-allure-seal.png?v=1770218303&amp;width=1280 1280w, //supergoop.com/cdn/shop/files/unseen-sunscreen-01-1.7-oz-allure-seal.png?v=1770218303&amp;width=1536 1536w" width="2000" height="2000" loading="eager" fetchpriority="high" class="max-sm:object-cover w-full  h-full lg:max-h-full lg:object-contain" sizes="(min-width: 1024px) 40vw, (min-width: 648px) 50vw, 90vw">
4743</div></div><div
4744            class="swiper-slide w-full h-full relative grid  mb-3 bg-grey-FA items-center"
4745            role="group"
4746            aria-roledescription="slide"
4747            aria-label="Slide 2 of 12"
4748            aria-hidden="true">
4749            
4750<div class="flex justify-center  items-center h-full w-full lg:max-h-auto product-gallery-swiper-image"><img src="//supergoop.com/cdn/shop/files/unseen-sunscreen-01-2.5-oz.jpg?v=1770137631&amp;width=2000" alt="Supergoop! Unseen Sunscreen SPF 50 2.5 fl. oz." srcset="//supergoop.com/cdn/shop/files/unseen-sunscreen-01-2.5-oz.jpg?v=1770137631&amp;width=360 360w, //supergoop.com/cdn/shop/files/unseen-sunscreen-01-2.5-oz.jpg?v=1770137631&amp;width=640 640w, //supergoop.com/cdn/shop/files/unseen-sunscreen-01-2.5-oz.jpg?v=1770137631&amp;width=768 768w, //supergoop.com/cdn/shop/files/unseen-sunscreen-01-2.5-oz.jpg?v=1770137631&amp;width=1024 1024w, //supergoop.com/cdn/shop/files/unseen-sunscreen-01-2.5-oz.jpg?v=1770137631&amp;width=1280 1280w, //supergoop.com/cdn/shop/files/unseen-sunscreen-01-2.5-oz.jpg?v=1770137631&amp;width=1536 1536w" width="2000" height="2000" loading="lazy" class="max-sm:object-cover w-full  h-full lg:max-h-full lg:object-contain" sizes="(min-width: 1024px) 40vw, (min-width: 648px) 50vw, 90vw">
4751</div></div><div
4752            class="swiper-slide w-full h-full relative grid  mb-3 bg-grey-FA items-center"
4753            role="group"
4754            aria-roledescription="slide"
4755            aria-label="Slide 3 of 12"
4756            aria-hidden="true">
4757            
4758<div class="flex justify-center  items-center h-full w-full lg:max-h-auto product-gallery-swiper-image"><img src="//supergoop.com/cdn/shop/files/unseen-sunscreen-01-0.68-oz.jpg?v=1770137631&amp;width=2000" alt="Supergoop! Unseen Sunscreen SPF 50 0.68 fl. oz." srcset="//supergoop.com/cdn/shop/files/unseen-sunscreen-01-0.68-oz.jpg?v=1770137631&amp;width=360 360w, //supergoop.com/cdn/shop/files/unseen-sunscreen-01-0.68-oz.jpg?v=1770137631&amp;width=640 640w, //supergoop.com/cdn/shop/files/unseen-sunscreen-01-0.68-oz.jpg?v=1770137631&amp;width=768 768w, //supergoop.com/cdn/shop/files/unseen-sunscreen-01-0.68-oz.jpg?v=1770137631&amp;width=1024 1024w, //supergoop.com/cdn/shop/files/unseen-sunscreen-01-0.68-oz.jpg?v=1770137631&amp;width=1280 1280w, //supergoop.com/cdn/shop/files/unseen-sunscreen-01-0.68-oz.jpg?v=1770137631&amp;width=1536 1536w" width="2000" height="2000" loading="lazy" class="max-sm:object-cover w-full  h-full lg:max-h-full lg:object-contain" sizes="(min-width: 1024px) 40vw, (min-width: 648px) 50vw, 90vw">
4759</div></div><div
4760            class="swiper-slide w-full h-full relative grid  mb-3 bg-grey-FA items-center"
4761            role="group"
4762            aria-roledescription="slide"
4763            aria-label="Slide 4 of 12"
4764            aria-hidden="true">
4765            
4766<div class="flex justify-center  items-center h-full w-full lg:max-h-auto product-gallery-swiper-image"><img src="//supergoop.com/cdn/shop/files/unseen-sunscreen-01-1.7-oz-2-pack.jpg?v=1770137632&amp;
4766width=2000" alt="Supergoop! Unseen Sunscreen SPF 50 2-pack" srcset="//supergoop.com/cdn/shop/files/unseen-sunscreen-01-1.7-oz-2-pack.jpg?v=1770137632&amp;width=360 360w, //supergoop.com/cdn/shop/files/unseen-sunscreen-01-1.7-oz-2-pack.jpg?v=1770137632&amp;width=640 640w, //supergoop.com/cdn/shop/files/unseen-sunscreen-01-1.7-oz-2-pack.jpg?v=1770137632&amp;width=768 768w, //supergoop.com/cdn/shop/files/unseen-sunscreen-01-1.7-oz-2-pack.jpg?v=1770137632&amp;width=1024 1024w, //supergoop.com/cdn/shop/files/unseen-sunscreen-01-1.7-oz-2-pack.jpg?v=1770137632&amp;width=1280 1280w, //supergoop.com/cdn/shop/files/unseen-sunscreen-01-1.7-oz-2-pack.jpg?v=1770137632&amp;width=1536 1536w" width="2000" height="2000" loading="lazy" class="max-sm:object-cover w-full  h-full lg:max-h-full lg:object-contain" sizes="(min-width: 1024px) 40vw, (min-width: 648px) 50vw, 90vw">
4767</div></div><div
4768            class="swiper-slide w-full h-full relative grid  mb-3 bg-grey-FA items-center"
4769            role="group"
4770            aria-roledescription="slide"
4771            aria-label="Slide 5 of 12"
4772            aria-hidden="true">
4773            
4774<div class="flex justify-center  items-center h-full w-full lg:max-h-auto product-gallery-swiper-image"><img src="//supergoop.com/cdn/shop/files/unseen-sunscreen-04.jpg?v=1770137635&amp;width=2000" alt="Supergoop! Unseen Sunscreen SPF 50 1.7 fl. oz. 2.5 fl. oz. 0.68 fl. oz. 2-pack 3-pack
4775Supergoop! 2-in-1 Beauty Booster Set in Dawn, Sunrise, Golden Hour, Sunset / 1.7 oz. " srcset="//supergoop.com/cdn/shop/files/unseen-sunscreen-04.jpg?v=1770137635&amp;width=360 360w, //supergoop.com/cdn/shop/files/unseen-sunscreen-04.jpg?v=1770137635&amp;width=640 640w, //supergoop.com/cdn/shop/files/unseen-sunscreen-04.jpg?v=1770137635&amp;width=768 768w, //supergoop.com/cdn/shop/files/unseen-sunscreen-04.jpg?v=1770137635&amp;width=1024 1024w, //supergoop.com/cdn/shop/files/unseen-sunscreen-04.jpg?v=1770137635&amp;width=1280 1280w, //supergoop.com/cdn/shop/files/unseen-sunscreen-04.jpg?v=1770137635&amp;width=1536 1536w" width="2000" height="2000" loading="lazy" class="max-sm:object-cover w-full  h-full lg:max-h-full lg:object-contain" sizes="(min-width: 1024px) 40vw, (min-width: 648px) 50vw, 90vw">
4776</div></div><div
4777            class="swiper-slide w-full h-full relative grid  mb-3 bg-grey-FA items-center"
4778            role="group"
4779            aria-roledescription="slide"
4780            aria-label="Slide 6 of 12"
4781            aria-hidden="true">
4782            
4783<div class="flex justify-center  items-center h-full w-full lg:max-h-auto product-gallery-swiper-image"><img src="//supergoop.com/cdn/shop/files/Skin_Cancer_Foundation_Seal_-_Unseen_1971daa0-4a90-4255-aafe-b9457cf224fb.jpg?v=1778683781&amp;width=2000" alt="Supergoop! Unseen Sunscreen SPF 50 1.7 fl. oz. 2.5 fl. oz. 0.68 fl. oz. 2-pack 3-pack
4784Supergoop! 2-in-1 Beauty Booster Set in Dawn, Sunrise, Golden Hour, Sunset / 1.7 oz. " srcset="//supergoop.com/cdn/shop/files/Skin_Cancer_Foundation_Seal_-_Unseen_1971daa0-4a90-4255-aafe-b9457cf224fb.jpg?v=1778683781&amp;width=360 360w, //supergoop.com/cdn/shop/files/Skin_Cancer_Foundation_Seal_-_Unseen_1971daa0-4a90-4255-aafe-b9457cf224fb.jpg?v=1778683781&amp;width=640 640w, //supergoop.com/cdn/shop/files/Skin_Cancer_Foundation_Seal_-_Unseen_1971daa0-4a90-4255-aafe-b9457cf224fb.jpg?v=1778683781&amp;width=768 768w, //supergoop.com/cdn/shop/files/Skin_Cancer_Foundation_Seal_-_Unseen_1971daa0-4a90-4255-aafe-b9457cf224fb.jpg?v=1778683781&amp;width=1024 1024w, //supergoop.com/cdn/shop/files/Skin_Cancer_Foundation_Seal_-_Unseen_1971daa0-4a90-4255-aafe-b9457cf224fb.jpg?v=1778683781&amp;width=1280 1280w, //supergoop.com/cdn/shop/files/Skin_Cancer_Foundation_Seal_-_Unseen_1971daa0-4a90-4255-aafe-b9457cf224fb.jpg?v=1778683781&amp;width=1536 1536w" width="2000" height="2000" loading="lazy" class="max-sm:object-cover w-full  h-full lg:max-h-full lg:object-contain" sizes="(min-width: 1024px) 40vw, (min-width: 648px) 50vw, 90vw">
4785</div></div><div
4786            class="swiper-slide w-full h-full relative grid  mb-3 "
4787            role="group"
4788            aria-roledescription="slide"
4789            aria-label="Slide 7 of 12"
4790            aria-hidden="true">
4791            
4792<div class="relative z-1 h-full">
4793  <div class=" h-full">
4794    <video playsinline="true" autoplay="autoplay" loop="loop" muted="muted" webkit-playsinline="true" preload="files/preview_images/6043abf754eb43ccae1c8769ea843c3a.thumbnail.0000000000.jpg" class="max-sm:object-cover w-full  h-full lg:max-h-full lg:object-contain" aria-label="Supergoop! Unseen Sunscreen 
4794SPF 50 1.7 fl. oz. 2.5 fl. oz. 0.68 fl. oz. 2-pack 3-pack" poster="//supergoop.com/cdn/shop/files/preview_images/6043abf754eb43ccae1c8769ea843c3a.thumbnail.0000000000_800x.jpg?v=1786729836"><source src="//supergoop.com/cdn/shop/videos/c/vp/6043abf754eb43ccae1c8769ea843c3a/6043abf754eb43ccae1c8769ea843c3a.HD-1080p-7.2Mbps-91631682.mp4?v=0" type="video/mp4"><img alt="Supergoop! Unseen Sunscreen SPF 50 1.7 fl. oz. 2.5 fl. oz. 0.68 fl. oz. 2-pack 3-pack" src="//supergoop.com/cdn/shop/files/preview_images/6043abf754eb43ccae1c8769ea843c3a.thumbnail.0000000000_800x.jpg?v=1786729836"></video>
4795  </div>
4796</div>
4797
4798</div><div
4799            class="swiper-slide w-full h-full relative grid  mb-3 bg-grey-FA items-center"
4800            role="group"
4801            aria-roledescription="slide"
4802            aria-label="Slide 8 of 12"
4803            aria-hidden="true">
4804            
4805<div class="flex justify-center  items-center h-full w-full lg:max-h-auto product-gallery-swiper-image"><img src="//supergoop.com/cdn/shop/files/unseen-sunscreen-06.jpg?v=1770137633&amp;width=2000" alt="Supergoop! Unseen Sunscreen SPF 50 1.7 fl. oz. 2.5 fl. oz. 0.68 fl. oz. 2-pack 3-pack" srcset="//supergoop.com/cdn/shop/files/unseen-sunscreen-06.jpg?v=1770137633&amp;width=360 360w, //supergoop.com/cdn/shop/files/unseen-sunscreen-06.jpg?v=1770137633&amp;width=640 640w, //supergoop.com/cdn/shop/files/unseen-sunscreen-06.jpg?v=1770137633&amp;width=768 768w, //supergoop.com/cdn/shop/files/unseen-sunscreen-06.jpg?v=1770137633&amp;width=1024 1024w, //supergoop.com/cdn/shop/files/unseen-sunscreen-06.jpg?v=1770137633&amp;width=1280 1280w, //supergoop.com/cdn/shop/files/unseen-sunscreen-06.jpg?v=1770137633&amp;width=1536 1536w" width="2000" height="2000" loading="lazy" class="max-sm:object-cover w-full  h-full lg:max-h-full lg:object-contain" sizes="(min-width: 1024px) 40vw, (min-width: 648px) 50vw, 90vw">
4806</div></div><div
4807            class="swiper-slide w-full h-full relative grid  mb-3 bg-grey-FA items-center"
4808            role="group"
4809            aria-roledescription="slide"
4810            aria-label="Slide 9 of 12"
4811            aria-hidden="true">
4812            
4813<div class="flex justify-center  items-center h-full w-full lg:max-h-auto product-gallery-swiper-image"><img src="//supergoop.com/cdn/shop/files/unseen-sunscreen-08.jpg?v=1770137632&amp;width=2000" alt="Supergoop! Unseen Sunscreen SPF 50 1.7 fl. oz. 2.5 fl. oz. 0.68 fl. oz. 2-pack 3-pack" srcset="//supergoop.com/cdn/shop/files/unseen-sunscreen-08.jpg?v=1770137632&amp;width=360 360w, //supergoop.com/cdn/shop/files/unseen-sunscreen-08.jpg?v=1770137632&amp;width=640 640w, //supergoop.com/cdn/shop/files/unseen-sunscreen-08.jpg?v=1770137632&amp;width=768 768w, //supergoop.com/cdn/shop/files/unseen-sunscreen-08.jpg?v=1770137632&amp;width=1024 1024w, //supergoop.com/cdn/shop/files/unseen-sunscreen-08.jpg?v=1770137632&amp;width=1280 1280w, //supergoop.com/cdn/shop/files/unseen-sunscreen-08.jpg?v=1770137632&amp;width=1536 1536w" width="2000" height="2000" loading="lazy" class="max-sm:object-cover w-full  h-full lg:max-h-full lg:object-contain" sizes="(min-width: 1024px) 40vw, (min-width: 648px) 50vw, 90vw">
4814</div></div><div
4815            class="swiper-slide w-full h-full relative grid  mb-3 bg-grey-FA items-center"
4816            role="group"
4817            aria-roledescription="slide"
4818            aria-label="Slide 10 of 12"
4819            aria-hidden="true">
4820            
4821<div class="flex justify-center  items-center h-full w-full lg:max-h-auto product-gallery-swiper-image"><img src="//supergoop.com/cdn/shop/files/unseen-sunscreen-10.jpg?v=1770137633&amp;width=2000" alt="Supergoop! Unseen Sunscreen SPF 50 1.7 fl. oz. 2.5 fl. oz. 0.68 fl. oz. 2-pack 3-pack" srcset="//supergoop.com/cdn/shop/files/unseen-sunscreen-10.jpg?v=1770137633&amp;width=360 360w, //supergoop.com/cdn/shop/files/unseen-sunscreen-10.jpg?v=1770137633&amp;width=640 640w, //supergoop.com/cdn/shop/files/unseen-sunscreen-10.jpg?v=1770137633&amp;width=768 768w, //supergoop.com/cdn/shop/files/unseen-sunscreen-10.jpg?v=1770137633&amp;width=1024 1024w, //supergoop.com/cdn/shop/files/unseen-sunscreen-10.jpg?v=1770137633&amp;width=1280 1280w, //supergoop.com/cdn/shop/files/unseen-sunscreen-10.jpg?v=1770137633&amp;width=1536 1536w" width="2000" height="2000" loading="lazy" class="max-sm:object-cover w-full  h-full lg:max-h-full lg:object-contain" sizes="(min-width: 1024px) 40vw, (min-width: 648px) 50vw, 90vw">
4822</div></div><div
4823            class="swiper-slide w-full h-full relative grid  mb-3 bg-grey-FA items-center"
4824            role="group"
4825            aria-roledescription="slide"
4826            aria-label="Slide 11 of 12"
4827            aria-hidden="true">
4828            
4829<div class="flex justify-center  items-center h-full w-full lg:max-h-auto product-gallery-swiper-image"><img src="//supergoop.com/cdn/shop/files/unseen-sunscreen-07.jpg?v=1770137637&amp;
4829width=2000" alt="Supergoop! Unseen Sunscreen SPF 50 1.7 fl. oz. 2.5 fl. oz. 0.68 fl. oz. 2-pack 3-pack" srcset="//supergoop.com/cdn/shop/files/unseen-sunscreen-07.jpg?v=1770137637&amp;width=360 360w, //supergoop.com/cdn/shop/files/unseen-sunscreen-07.jpg?v=1770137637&amp;width=640 640w, //supergoop.com/cdn/shop/files/unseen-sunscreen-07.jpg?v=1770137637&amp;width=768 768w, //supergoop.com/cdn/shop/files/unseen-sunscreen-07.jpg?v=1770137637&amp;width=1024 1024w, //supergoop.com/cdn/shop/files/unseen-sunscreen-07.jpg?v=1770137637&amp;width=1280 1280w, //supergoop.com/cdn/shop/files/unseen-sunscreen-07.jpg?v=1770137637&amp;width=1536 1536w" width="2000" height="2000" loading="lazy" class="max-sm:object-cover w-full  h-full lg:max-h-full lg:object-contain" sizes="(min-width: 1024px) 40vw, (min-width: 648px) 50vw, 90vw">
4830</div></div><div
4831            class="swiper-slide w-full h-full relative grid  mb-3 bg-grey-FA items-center"
4832            role="group"
4833            aria-roledescription="slide"
4834            aria-label="Slide 12 of 12"
4835            aria-hidden="true">
4836            
4837<div class="flex justify-center  items-center h-full w-full lg:max-h-auto product-gallery-swiper-image"><img src="//supergoop.com/cdn/shop/files/unseen-sunscreen-05.jpg?v=1770137633&amp;width=2000" alt="Supergoop! Unseen Sunscreen SPF 50 1.7 fl. oz. 2.5 fl. oz. 0.68 fl. oz. 2-pack 3-pack" srcset="//supergoop.com/cdn/shop/files/unseen-sunscreen-05.jpg?v=1770137633&amp;width=360 360w, //supergoop.com/cdn/shop/files/unseen-sunscreen-05.jpg?v=1770137633&amp;width=640 640w, //supergoop.com/cdn/shop/files/unseen-sunscreen-05.jpg?v=1770137633&amp;width=768 768w, //supergoop.com/cdn/shop/files/unseen-sunscreen-05.jpg?v=1770137633&amp;width=1024 1024w, //supergoop.com/cdn/shop/files/unseen-sunscreen-05.jpg?v=1770137633&amp;width=1280 1280w, //supergoop.com/cdn/shop/files/unseen-sunscreen-05.jpg?v=1770137633&amp;width=1536 1536w" width="2000" height="2000" loading="lazy" class="max-sm:object-cover w-full  h-full lg:max-h-full lg:object-contain" sizes="(min-width: 1024px) 40vw, (min-width: 648px) 50vw, 90vw">
4838</div></div></div>
4839      <button class="absolute left-[10px] bottom-[10px] z-10 bg-white rounded-[3px] p-1 product-gallery-expand-btn focus:outline-none focus:ring-2 focus:ring-supergoop-blue focus:ring-offset-2" type="button" aria-label="Expand gallery">
4840        <svg xmlns="http://www.w3.org/2000/svg" width="28" height="28" viewBox="0 0 28 28" fill="none">
4841          <rect width="28" height="28" rx="3" fill="white" fill-opacity="0.65"/>
4842          <path d="M17 5H23M23 5V11M23 5L16 12M11 23H5M5 23V17M5 23L12 16" stroke="#2A2A2A" stroke-linecap="round" stroke-linejoin="round"/>
4843        </svg>
4844      </button>
4845      <div data-product-slider-scroll-bar-small class="lg:hidden bg-grey-D0 mx-8 lg:mx-0 swiper-scrollbar-horizontal"></div>
4846    </div>
4847
4848    
4849    <div class="lg:hidden bg-white box-border flex items-center justify-start pb-2 pl-2 pr-0 pt-1 w-full">
4850      <div class="h-0 relative shrink-0 w-[calc(100%-16px)]">
4851        <div class="absolute bottom-0 left-0 right-0 top-[-1px] bg-grey-D0 h-[1px]">
4852          <div class="bg-supergoop-blue h-[1px] transition-all duration-300 ease-out" style="width: 14.3%;" data-progress-bar-small></div>
4853        </div>
4854      </div>
4855    </div>
4856  </div>
4857
4858  
4859  <div class="lg:pl-[80px] hidden" id="largeSliderContainer" aria-hidden="true">
4860    <div
4861      class="swiper relative w-full  scrollbar-hide bg-white product-gallery-swiper product-gallery-swiper-large"
4862      data-slider-pg-large>
4863      <div class="swiper-wrapper"><div
4864            class="swiper-slide w-full h-full relative grid  mb-3 bg-grey-FA items-center"
4865            role="group"
4866            aria-roledescription="slide"
4867            aria-label="Slide 1 of 12"
4868            >
4869            
4870              <div class="absolute left-[9px] top-[5px] lg:left-[15px] lg:top-[15px] w-full">
4871                <div class="badges flex gap-1.5 absolute top-0 left-0 z-10"><div
4872          class="
4873            bg-supergoop-yellow py-1 px-[6px] body-xs rounded-[2px]
4874            z-10 pointer-events-none text-[10px] md:text-[11px] leading-[13px]
4875            md:leading-none font-medium text-supergoop-blue
4876          "
4877        >Bestseller</div></div>
4878              </div>
4879            
4880<div class="flex justify-center   items-center h-full w-full lg:max-h-auto product-gallery-swiper-image"><img src="//supergoop.com/cdn/shop/files/unseen-sunscreen-01-1.7-oz-allure-seal.png?v=1770218303&amp;
4880width=2000" alt="Supergoop! Unseen Sunscreen SPF 50 1.7 fl. oz." srcset="//supergoop.com/cdn/shop/files/unseen-sunscreen-01-1.7-oz-allure-seal.png?v=1770218303&amp;width=360 360w, //supergoop.com/cdn/shop/files/unseen-sunscreen-01-1.7-oz-allure-seal.png?v=1770218303&amp;width=640 640w, //supergoop.com/cdn/shop/files/unseen-sunscreen-01-1.7-oz-allure-seal.png?v=1770218303&amp;width=768 768w, //supergoop.com/cdn/shop/files/unseen-sunscreen-01-1.7-oz-allure-seal.png?v=1770218303&amp;width=1024 1024w, //supergoop.com/cdn/shop/files/unseen-sunscreen-01-1.7-oz-allure-seal.png?v=1770218303&amp;width=1280 1280w, //supergoop.com/cdn/shop/files/unseen-sunscreen-01-1.7-oz-allure-seal.png?v=1770218303&amp;width=1536 1536w" width="2000" height="2000" loading="eager" fetchpriority="high" class="max-sm:object-cover w-full  h-full lg:max-h-full lg:object-contain" sizes="(min-width: 1024px) 40vw, (min-width: 648px) 50vw, 90vw">
4881</div></div><div
4882            class="swiper-slide w-full h-full relative grid  mb-3 bg-grey-FA items-center"
4883            role="group"
4884            aria-roledescription="slide"
4885            aria-label="Slide 2 of 12"
4886            aria-hidden="true">
4887            
4888<div class="flex justify-center   items-center h-full w-full lg:max-h-auto product-gallery-swiper-image"><img src="//supergoop.com/cdn/shop/files/unseen-sunscreen-01-2.5-oz.jpg?v=1770137631&amp;width=2000" alt="Supergoop! Unseen Sunscreen SPF 50 2.5 fl. oz." srcset="//supergoop.com/cdn/shop/files/unseen-sunscreen-01-2.5-oz.jpg?v=1770137631&amp;width=360 360w, //supergoop.com/cdn/shop/files/unseen-sunscreen-01-2.5-oz.jpg?v=1770137631&amp;width=640 640w, //supergoop.com/cdn/shop/files/unseen-sunscreen-01-2.5-oz.jpg?v=1770137631&amp;width=768 768w, //supergoop.com/cdn/shop/files/unseen-sunscreen-01-2.5-oz.jpg?v=1770137631&amp;width=1024 1024w, //supergoop.com/cdn/shop/files/unseen-sunscreen-01-2.5-oz.jpg?v=1770137631&amp;width=1280 1280w, //supergoop.com/cdn/shop/files/unseen-sunscreen-01-2.5-oz.jpg?v=1770137631&amp;width=1536 1536w" width="2000" height="2000" loading="lazy" class="max-sm:object-cover w-full  h-full lg:max-h-full lg:object-contain" sizes="(min-width: 1024px) 40vw, (min-width: 648px) 50vw, 90vw">
4889</div></div><div
4890            class="swiper-slide w-full h-full relative grid  mb-3 bg-grey-FA items-center"
4891            role="group"
4892            aria-roledescription="slide"
4893            aria-label="Slide 3 of 12"
4894            aria-hidden="true">
4895            
4896<div class="flex justify-center   items-center h-full w-full lg:max-h-auto product-gallery-swiper-image"><img src="//supergoop.com/cdn/shop/files/unseen-sunscreen-01-0.68-oz.jpg?v=1770137631&amp;width=2000" alt="Supergoop! Unseen Sunscreen SPF 50 0.68 fl. oz." srcset="//supergoop.com/cdn/shop/files/unseen-sunscreen-01-0.68-oz.jpg?v=1770137631&amp;width=360 360w, //supergoop.com/cdn/shop/files/unseen-sunscreen-01-0.68-oz.jpg?v=1770137631&amp;width=640 640w, //supergoop.com/cdn/shop/files/unseen-sunscreen-01-0.68-oz.jpg?v=1770137631&amp;width=768 768w, //supergoop.com/cdn/shop/files/unseen-sunscreen-01-0.68-oz.jpg?v=1770137631&amp;width=1024 1024w, //supergoop.com/cdn/shop/files/unseen-sunscreen-01-0.68-oz.jpg?v=1770137631&amp;width=1280 1280w, //supergoop.com/cdn/shop/files/unseen-sunscreen-01-0.68-oz.jpg?v=1770137631&amp;width=1536 1536w" width="2000" height="2000" loading="lazy" class="max-sm:object-cover w-full  h-full lg:max-h-full lg:object-contain" sizes="(min-width: 1024px) 40vw, (min-width: 648px) 50vw, 90vw">
4897</div></div><div
4898            class="swiper-slide w-full h-full relative grid  mb-3 bg-grey-FA items-center"
4899            role="group"
4900            aria-roledescription="slide"
4901            aria-label="Slide 4 of 12"
4902            aria-hidden="true">
4903            
4904<div class="flex justify-center   items-center h-full w-full lg:max-h-auto product-gallery-swiper-image"><img src="//supergoop.com/cdn/shop/files/unseen-sunscreen-01-1.7-oz-2-pack.jpg?v=1770137632&amp;width=2000" alt="Supergoop! Unseen Sunscreen SPF 50 2-pack" srcset="//supergoop.com/cdn/shop/files/unseen-sunscreen-01-1.7-oz-2-pack.jpg?v=1770137632&amp;width=360 360w, //supergoop.com/cdn/shop/files/unseen-sunscreen-01-1.7-oz-2-pack.jpg?v=1770137632&amp;width=640 640w, //supergoop.com/cdn/shop/files/unseen-sunscreen-01-1.7-oz-2-pack.jpg?v=1770137632&amp;width=768 768w, //supergoop.com/cdn/shop/files/unseen-sunscreen-01-1.7-oz-2-pack.jpg?v=1770137632&amp;
4904width=1024 1024w, //supergoop.com/cdn/shop/files/unseen-sunscreen-01-1.7-oz-2-pack.jpg?v=1770137632&amp;width=1280 1280w, //supergoop.com/cdn/shop/files/unseen-sunscreen-01-1.7-oz-2-pack.jpg?v=1770137632&amp;width=1536 1536w" width="2000" height="2000" loading="lazy" class="max-sm:object-cover w-full  h-full lg:max-h-full lg:object-contain" sizes="(min-width: 1024px) 40vw, (min-width: 648px) 50vw, 90vw">
4905</div></div><div
4906            class="swiper-slide w-full h-full relative grid  mb-3 bg-grey-FA items-center"
4907            role="group"
4908            aria-roledescription="slide"
4909            aria-label="Slide 5 of 12"
4910            aria-hidden="true">
4911            
4912<div class="flex justify-center   items-center h-full w-full lg:max-h-auto product-gallery-swiper-image"><img src="//supergoop.com/cdn/shop/files/unseen-sunscreen-04.jpg?v=1770137635&amp;width=2000" alt="Supergoop! Unseen Sunscreen SPF 50 1.7 fl. oz. 2.5 fl. oz. 0.68 fl. oz. 2-pack 3-pack
4913Supergoop! 2-in-1 Beauty Booster Set in Dawn, Sunrise, Golden Hour, Sunset / 1.7 oz. " srcset="//supergoop.com/cdn/shop/files/unseen-sunscreen-04.jpg?v=1770137635&amp;width=360 360w, //supergoop.com/cdn/shop/files/unseen-sunscreen-04.jpg?v=1770137635&amp;width=640 640w, //supergoop.com/cdn/shop/files/unseen-sunscreen-04.jpg?v=1770137635&amp;width=768 768w, //supergoop.com/cdn/shop/files/unseen-sunscreen-04.jpg?v=1770137635&amp;width=1024 1024w, //supergoop.com/cdn/shop/files/unseen-sunscreen-04.jpg?v=1770137635&amp;width=1280 1280w, //supergoop.com/cdn/shop/files/unseen-sunscreen-04.jpg?v=1770137635&amp;width=1536 1536w" width="2000" height="2000" loading="lazy" class="max-sm:object-cover w-full  h-full lg:max-h-full lg:object-contain" sizes="(min-width: 1024px) 40vw, (min-width: 648px) 50vw, 90vw">
4914</div></div><div
4915            class="swiper-slide w-full h-full relative grid  mb-3 bg-grey-FA items-center"
4916            role="group"
4917            aria-roledescription="slide"
4918            aria-label="Slide 6 of 12"
4919            aria-hidden="true">
4920            
4921<div class="flex justify-center   items-center h-full w-full lg:max-h-auto product-gallery-swiper-image"><img src="//supergoop.com/cdn/shop/files/Skin_Cancer_Foundation_Seal_-_Unseen_1971daa0-4a90-4255-aafe-b9457cf224fb.jpg?v=1778683781&amp;width=2000" alt="Supergoop! Unseen Sunscreen SPF 50 1.7 fl. oz. 2.5 fl. oz. 0.68 fl. oz. 2-pack 3-pack
4922Supergoop! 2-in-1 Beauty Booster Set in Dawn, Sunrise, Golden Hour, Sunset / 1.7 oz. " srcset="//supergoop.com/cdn/shop/files/Skin_Cancer_Foundation_Seal_-_Unseen_1971daa0-4a90-4255-aafe-b9457cf224fb.jpg?v=1778683781&amp;width=360 360w, //supergoop.com/cdn/shop/files/Skin_Cancer_Foundation_Seal_-_Unseen_1971daa0-4a90-4255-aafe-b9457cf224fb.jpg?v=1778683781&amp;width=640 640w, //supergoop.com/cdn/shop/files/Skin_Cancer_Foundation_Seal_-_Unseen_1971daa0-4a90-4255-aafe-b9457cf224fb.jpg?v=1778683781&amp;width=768 768w, //supergoop.com/cdn/shop/files/Skin_Cancer_Foundation_Seal_-_Unseen_1971daa0-4a90-4255-aafe-b9457cf224fb.jpg?v=1778683781&amp;width=1024 1024w, //supergoop.com/cdn/shop/files/Skin_Cancer_Foundation_Seal_-_Unseen_1971daa0-4a90-4255-aafe-b9457cf224fb.jpg?v=1778683781&amp;width=1280 1280w, //supergoop.com/cdn/shop/files/Skin_Cancer_Foundation_Seal_-_Unseen_1971daa0-4a90-4255-aafe-b9457cf224fb.jpg?v=1778683781&amp;width=1536 1536w" width="2000" height="2000" loading="lazy" class="max-sm:object-cover w-full  h-full lg:max-h-full lg:object-contain" sizes="(min-width: 1024px) 40vw, (min-width: 648px) 50vw, 90vw">
4923</div></div><div
4924            class="swiper-slide w-full h-full relative grid  mb-3 "
4925            role="group"
4926            aria-roledescription="slide"
4927            aria-label="Slide 7 of 12"
4928            aria-hidden="true">
4929            
4930<div class="relative z-1 h-full">
4931  <div class=" h-full">
4932    <video playsinline="true" autoplay="autoplay" loop="loop" muted="muted" webkit-playsinline="true" preload="files/preview_images/6043abf754eb43ccae1c8769ea843c3a.thumbnail.0000000000.jpg" class="max-sm:object-cover w-full  h-full lg:max-h-full lg:object-contain" aria-label="Supergoop! Unseen Sunscreen 
4932SPF 50 1.7 fl. oz. 2.5 fl. oz. 0.68 fl. oz. 2-pack 3-pack" poster="//supergoop.com/cdn/shop/files/preview_images/6043abf754eb43ccae1c8769ea843c3a.thumbnail.0000000000_800x.jpg?v=1786729836"><source src="//supergoop.com/cdn/shop/videos/c/vp/6043abf754eb43ccae1c8769ea843c3a/6043abf754eb43ccae1c8769ea843c3a.HD-1080p-7.2Mbps-91631682.mp4?v=0" type="video/mp4"><img alt="Supergoop! Unseen Sunscreen SPF 50 1.7 fl. oz. 2.5 fl. oz. 0.68 fl. oz. 2-pack 3-pack" src="//supergoop.com/cdn/shop/files/preview_images/6043abf754eb43ccae1c8769ea843c3a.thumbnail.0000000000_800x.jpg?v=1786729836"></video>
4933  </div>
4934</div>
4935
4936</div><div
4937            class="swiper-slide w-full h-full relative grid  mb-3 bg-grey-FA items-center"
4938            role="group"
4939            aria-roledescription="slide"
4940            aria-label="Slide 8 of 12"
4941            aria-hidden="true">
4942            
4943<div class="flex justify-center   items-center h-full w-full lg:max-h-auto product-gallery-swiper-image"><img src="//supergoop.com/cdn/shop/files/unseen-sunscreen-06.jpg?v=1770137633&amp;width=2000" alt="Supergoop! Unseen Sunscreen SPF 50 1.7 fl. oz. 2.5 fl. oz. 0.68 fl. oz. 2-pack 3-pack" srcset="//supergoop.com/cdn/shop/files/unseen-sunscreen-06.jpg?v=1770137633&amp;width=360 360w, //supergoop.com/cdn/shop/files/unseen-sunscreen-06.jpg?v=1770137633&amp;width=640 640w, //supergoop.com/cdn/shop/files/unseen-sunscreen-06.jpg?v=1770137633&amp;width=768 768w, //supergoop.com/cdn/shop/files/unseen-sunscreen-06.jpg?v=1770137633&amp;width=1024 1024w, //supergoop.com/cdn/shop/files/unseen-sunscreen-06.jpg?v=1770137633&amp;width=1280 1280w, //supergoop.com/cdn/shop/files/unseen-sunscreen-06.jpg?v=1770137633&amp;width=1536 1536w" width="2000" height="2000" loading="lazy" class="max-sm:object-cover w-full  h-full lg:max-h-full lg:object-contain" sizes="(min-width: 1024px) 40vw, (min-width: 648px) 50vw, 90vw">
4944</div></div><div
4945            class="swiper-slide w-full h-full relative grid  mb-3 bg-grey-FA items-center"
4946            role="group"
4947            aria-roledescription="slide"
4948            aria-label="Slide 9 of 12"
4949            aria-hidden="true">
4950            
4951<div class="flex justify-center   items-center h-full w-full lg:max-h-auto product-gallery-swiper-image"><img src="//supergoop.com/cdn/shop/files/unseen-sunscreen-08.jpg?v=1770137632&amp;width=2000" alt="Supergoop! Unseen Sunscreen SPF 50 1.7 fl. oz. 2.5 fl. oz. 0.68 fl. oz. 2-pack 3-pack" srcset="//supergoop.com/cdn/shop/files/unseen-sunscreen-08.jpg?v=1770137632&amp;width=360 360w, //supergoop.com/cdn/shop/files/unseen-sunscreen-08.jpg?v=1770137632&amp;width=640 640w, //supergoop.com/cdn/shop/files/unseen-sunscreen-08.jpg?v=1770137632&amp;width=768 768w, //supergoop.com/cdn/shop/files/unseen-sunscreen-08.jpg?v=1770137632&amp;width=1024 1024w, //supergoop.com/cdn/shop/files/unseen-sunscreen-08.jpg?v=1770137632&amp;width=1280 1280w, //supergoop.com/cdn/shop/files/unseen-sunscreen-08.jpg?v=1770137632&amp;width=1536 1536w" width="2000" height="2000" loading="lazy" class="max-sm:object-cover w-full  h-full lg:max-h-full lg:object-contain" sizes="(min-width: 1024px) 40vw, (min-width: 648px) 50vw, 90vw">
4952</div></div><div
4953            class="swiper-slide w-full h-full relative grid  mb-3 bg-grey-FA items-center"
4954            role="group"
4955            aria-roledescription="slide"
4956            aria-label="Slide 10 of 12"
4957            aria-hidden="true">
4958            
4959<div class="flex justify-center   items-center h-full w-full lg:max-h-auto product-gallery-swiper-image"><img src="//supergoop.com/cdn/shop/files/unseen-sunscreen-10.jpg?v=1770137633&amp;width=2000" alt="Supergoop! Unseen Sunscreen SPF 50 1.7 fl. oz. 2.5 fl. oz. 0.68 fl. oz. 2-pack 3-pack" srcset="//supergoop.com/cdn/shop/files/unseen-sunscreen-10.jpg?v=1770137633&amp;width=360 360w, //supergoop.com/cdn/shop/files/unseen-sunscreen-10.jpg?v=1770137633&amp;width=640 640w, //supergoop.com/cdn/shop/files/unseen-sunscreen-10.jpg?v=1770137633&amp;width=768 768w, //supergoop.com/cdn/shop/files/unseen-sunscreen-10.jpg?v=1770137633&amp;width=1024 1024w, //supergoop.com/cdn/shop/files/unseen-sunscreen-10.jpg?v=1770137633&amp;width=1280 1280w, //supergoop.com/cdn/shop/files/unseen-sunscreen-10.jpg?v=1770137633&amp;width=1536 1536w" width="2000" height="2000" loading="lazy" class="max-sm:object-cover w-full  h-full lg:max-h-full lg:object-contain" sizes="(min-width: 1024px) 40vw, (min-width: 648px) 50vw, 90vw">
4960</div></div><div
4961            class="swiper-slide w-full h-full relative grid  mb-3 bg-grey-FA items-center"
4962            role="group"
4963            aria-roledescription="slide"
4964            aria-label="Slide 11 of 12"
4965            aria-hidden="true">
4966            
4967<div class="flex justify-center   items-center h-full w-full lg:max-h-auto product-gallery-swiper-image"><img src="//supergoop.com/cdn/shop/files/unseen-sunscreen-07.jpg?v=1770137637&amp;
4967width=2000" alt="Supergoop! Unseen Sunscreen SPF 50 1.7 fl. oz. 2.5 fl. oz. 0.68 fl. oz. 2-pack 3-pack" srcset="//supergoop.com/cdn/shop/files/unseen-sunscreen-07.jpg?v=1770137637&amp;width=360 360w, //supergoop.com/cdn/shop/files/unseen-sunscreen-07.jpg?v=1770137637&amp;width=640 640w, //supergoop.com/cdn/shop/files/unseen-sunscreen-07.jpg?v=1770137637&amp;width=768 768w, //supergoop.com/cdn/shop/files/unseen-sunscreen-07.jpg?v=1770137637&amp;width=1024 1024w, //supergoop.com/cdn/shop/files/unseen-sunscreen-07.jpg?v=1770137637&amp;width=1280 1280w, //supergoop.com/cdn/shop/files/unseen-sunscreen-07.jpg?v=1770137637&amp;width=1536 1536w" width="2000" height="2000" loading="lazy" class="max-sm:object-cover w-full  h-full lg:max-h-full lg:object-contain" sizes="(min-width: 1024px) 40vw, (min-width: 648px) 50vw, 90vw">
4968</div></div><div
4969            class="swiper-slide w-full h-full relative grid  mb-3 bg-grey-FA items-center"
4970            role="group"
4971            aria-roledescription="slide"
4972            aria-label="Slide 12 of 12"
4973            aria-hidden="true">
4974            
4975<div class="flex justify-center   items-center h-full w-full lg:max-h-auto product-gallery-swiper-image"><img src="//supergoop.com/cdn/shop/files/unseen-sunscreen-05.jpg?v=1770137633&amp;width=2000" alt="Supergoop! Unseen Sunscreen SPF 50 1.7 fl. oz. 2.5 fl. oz. 0.68 fl. oz. 2-pack 3-pack" srcset="//supergoop.com/cdn/shop/files/unseen-sunscreen-05.jpg?v=1770137633&amp;width=360 360w, //supergoop.com/cdn/shop/files/unseen-sunscreen-05.jpg?v=1770137633&amp;width=640 640w, //supergoop.com/cdn/shop/files/unseen-sunscreen-05.jpg?v=1770137633&amp;width=768 768w, //supergoop.com/cdn/shop/files/unseen-sunscreen-05.jpg?v=1770137633&amp;width=1024 1024w, //supergoop.com/cdn/shop/files/unseen-sunscreen-05.jpg?v=1770137633&amp;width=1280 1280w, //supergoop.com/cdn/shop/files/unseen-sunscreen-05.jpg?v=1770137633&amp;width=1536 1536w" width="2000" height="2000" loading="lazy" class="max-sm:object-cover w-full  h-full lg:max-h-full lg:object-contain" sizes="(min-width: 1024px) 40vw, (min-width: 648px) 50vw, 90vw">
4976</div></div></div>
4977      <button class="absolute right-[10px] top-[10px] z-10 p-1 product-gallery-close-btn focus:outline-none focus:ring-2 focus:ring-supergoop-blue focus:ring-offset-2" type="button" aria-label="Collapse gallery">
4978        <svg xmlns="http://www.w3.org/2000/svg" width="28" height="28" viewBox="0 0 28 28" fill="none">
4979          <path d="M21 7L7 21M7 7L21 21" stroke="#2A2A2A" stroke-linecap="round" stroke-linejoin="round"/>
4980        </svg>
4981      </button>
4982      <div data-product-slider-scroll-bar-large class="lg:hidden bg-grey-D0 mx-8 lg:mx-0 swiper-scrollbar-horizontal"></div>
4983    </div>
4984
4985    
4986    <div class="lg:hidden bg-white box-border flex items-center justify-start pb-2 pl-2 pr-0 pt-1 w-full">
4987      <div class="h-0 relative shrink-0 w-[calc(100%-16px)]">
4988        <div class="absolute bottom-0 left-0 right-0 top-[-1px] bg-grey-D0 h-[1px]">
4989          <div class="bg-supergoop-blue h-[1px] transition-all duration-300 ease-out" style="width: 14.3%;" data-progress-bar-large></div>
4990        </div>
4991      </div>
4992    </div>
4993  </div>
4994  
4995  <div class="w-[50px] absolute inset-y-0 justify-center items-center md:flex hidden" id="smallThumbsContainer">
4996    <div class="py-[70px] relative hidden lg:block">
4997      <div class="swiper thumbs-gallery max-h-[475px] [&:not(.swiper-initialized)]:hidden" data-slider-pg-thumbs-small>
4998        <div class="swiper-wrapper"><div class="swiper-slide w-[50px] min-h-[50px] mb-[24px] hover:opacity-85 transition-opacity">
4999              <button type="button" aria-label="Image 1 of 12: Supergoop! Unseen Sunscreen SPF 50 1.7 fl. oz." class="
5000                                    border overflow-hidden cursor-pointer
5001                                    flex items-center justify-center box-border
5002                                    w-[50px] h-[50px] hover:border-supergoop-blue
5003                                    transition-all duration-300 ease-in
5004                                    focus:outline-none focus:ring-2 focus:ring-supergoop-blue focus:ring-offset-1
5005                                  "><div class="flex justify-center   items-center h-full w-full lg:max-h-auto">
5006                    <img src="//supergoop.com/cdn/shop/files/unseen-sunscreen-01-1.7-oz-allure-seal.png?v=1770218303&amp;
5006width=2000" alt="Supergoop! Unseen Sunscreen SPF 50 1.7 fl. oz." srcset="//supergoop.com/cdn/shop/files/unseen-sunscreen-01-1.7-oz-allure-seal.png?v=1770218303&amp;width=360 360w, //supergoop.com/cdn/shop/files/unseen-sunscreen-01-1.7-oz-allure-seal.png?v=1770218303&amp;width=640 640w, //supergoop.com/cdn/shop/files/unseen-sunscreen-01-1.7-oz-allure-seal.png?v=1770218303&amp;width=768 768w, //supergoop.com/cdn/shop/files/unseen-sunscreen-01-1.7-oz-allure-seal.png?v=1770218303&amp;width=1024 1024w, //supergoop.com/cdn/shop/files/unseen-sunscreen-01-1.7-oz-allure-seal.png?v=1770218303&amp;width=1280 1280w, //supergoop.com/cdn/shop/files/unseen-sunscreen-01-1.7-oz-allure-seal.png?v=1770218303&amp;width=1536 1536w" width="2000" height="2000" loading="lazy" class="max-sm:object-cover w-full  h-full lg:max-h-full lg:object-contain" sizes="(min-width: 1024px) 40vw, (min-width: 648px) 50vw, 90vw">
5007                  </div></button>
5008            </div><div class="swiper-slide w-[50px] min-h-[50px] mb-[24px] hover:opacity-85 transition-opacity">
5009              <button type="button" aria-label="Image 2 of 12: Supergoop! Unseen Sunscreen SPF 50 2.5 fl. oz." class="
5010                                    border overflow-hidden cursor-pointer
5011                                    flex items-center justify-center box-border
5012                                    w-[50px] h-[50px] hover:border-supergoop-blue
5013                                    transition-all duration-300 ease-in
5014                                    focus:outline-none focus:ring-2 focus:ring-supergoop-blue focus:ring-offset-1
5015                                  "><div class="flex justify-center   items-center h-full w-full lg:max-h-auto">
5016                    <img src="//supergoop.com/cdn/shop/files/unseen-sunscreen-01-2.5-oz.jpg?v=1770137631&amp;width=2000" alt="Supergoop! Unseen Sunscreen SPF 50 2.5 fl. oz." srcset="//supergoop.com/cdn/shop/files/unseen-sunscreen-01-2.5-oz.jpg?v=1770137631&amp;width=360 360w, //supergoop.com/cdn/shop/files/unseen-sunscreen-01-2.5-oz.jpg?v=1770137631&amp;width=640 640w, //supergoop.com/cdn/shop/files/unseen-sunscreen-01-2.5-oz.jpg?v=1770137631&amp;width=768 768w, //supergoop.com/cdn/shop/files/unseen-sunscreen-01-2.5-oz.jpg?v=1770137631&amp;width=1024 1024w, //supergoop.com/cdn/shop/files/unseen-sunscreen-01-2.5-oz.jpg?v=1770137631&amp;width=1280 1280w, //supergoop.com/cdn/shop/files/unseen-sunscreen-01-2.5-oz.jpg?v=1770137631&amp;width=1536 1536w" width="2000" height="2000" loading="lazy" class="max-sm:object-cover w-full  h-full lg:max-h-full lg:object-contain" sizes="(min-width: 1024px) 40vw, (min-width: 648px) 50vw, 90vw">
5017                  </div></button>
5018            </div><div class="swiper-slide w-[50px] min-h-[50px] mb-[24px] hover:opacity-85 transition-opacity">
5019              <button type="button" aria-label="Image 3 of 12: Supergoop! Unseen Sunscreen SPF 50 0.68 fl. oz." class="
5020                                    border overflow-hidden cursor-pointer
5021                                    flex items-center justify-center box-border
5022                                    w-[50px] h-[50px] hover:border-supergoop-blue
5023                                    transition-all duration-300 ease-in
5024                                    focus:outline-none focus:ring-2 focus:ring-supergoop-blue focus:ring-offset-1
5025                                  "><div class="flex justify-center   items-center h-full w-full lg:max-h-auto">
5026                    <img src="//supergoop.com/cdn/shop/files/unseen-sunscreen-01-0.68-oz.jpg?v=1770137631&amp;width=2000" alt="Supergoop! Unseen Sunscreen SPF 50 0.68 fl. oz." srcset="//supergoop.com/cdn/shop/files/unseen-sunscreen-01-0.68-oz.jpg?v=1770137631&amp;width=360 360w, //supergoop.com/cdn/shop/files/unseen-sunscreen-01-0.68-oz.jpg?v=1770137631&amp;width=640 640w, //supergoop.com/cdn/shop/files/unseen-sunscreen-01-0.68-oz.jpg?v=1770137631&amp;width=768 768w, //supergoop.com/cdn/shop/files/unseen-sunscreen-01-0.68-oz.jpg?v=1770137631&amp;width=1024 1024w, //supergoop.com/cdn/shop/files/unseen-sunscreen-01-0.68-oz.jpg?v=1770137631&amp;width=1280 1280w, //supergoop.com/cdn/shop/files/unseen-sunscreen-01-0.68-oz.jpg?v=1770137631&amp;width=1536 1536w" width="2000" height="2000" loading="lazy" class="max-sm:object-cover w-full  h-full lg:max-h-full lg:object-contain" sizes="(min-width: 1024px) 40vw, (min-width: 648px) 50vw, 90vw">
5027                  </div></button>
5028            </div><div class="swiper-slide w-[50px] min-h-[50px] mb-[24px] hover:opacity-85 transition-opacity">
5029              <button type="button" aria-label="Image 4 of 12: Supergoop! Unseen Sunscreen 
5029SPF 50 2-pack" class="
5030                                    border overflow-hidden cursor-pointer
5031                                    flex items-center justify-center box-border
5032                                    w-[50px] h-[50px] hover:border-supergoop-blue
5033                                    transition-all duration-300 ease-in
5034                                    focus:outline-none focus:ring-2 focus:ring-supergoop-blue focus:ring-offset-1
5035                                  "><div class="flex justify-center   items-center h-full w-full lg:max-h-auto">
5036                    <img src="//supergoop.com/cdn/shop/files/unseen-sunscreen-01-1.7-oz-2-pack.jpg?v=1770137632&amp;width=2000" alt="Supergoop! Unseen Sunscreen SPF 50 2-pack" srcset="//supergoop.com/cdn/shop/files/unseen-sunscreen-01-1.7-oz-2-pack.jpg?v=1770137632&amp;width=360 360w, //supergoop.com/cdn/shop/files/unseen-sunscreen-01-1.7-oz-2-pack.jpg?v=1770137632&amp;width=640 640w, //supergoop.com/cdn/shop/files/unseen-sunscreen-01-1.7-oz-2-pack.jpg?v=1770137632&amp;width=768 768w, //supergoop.com/cdn/shop/files/unseen-sunscreen-01-1.7-oz-2-pack.jpg?v=1770137632&amp;width=1024 1024w, //supergoop.com/cdn/shop/files/unseen-sunscreen-01-1.7-oz-2-pack.jpg?v=1770137632&amp;width=1280 1280w, //supergoop.com/cdn/shop/files/unseen-sunscreen-01-1.7-oz-2-pack.jpg?v=1770137632&amp;width=1536 1536w" width="2000" height="2000" loading="lazy" class="max-sm:object-cover w-full  h-full lg:max-h-full lg:object-contain" sizes="(min-width: 1024px) 40vw, (min-width: 648px) 50vw, 90vw">
5037                  </div></button>
5038            </div><div class="swiper-slide w-[50px] min-h-[50px] mb-[24px] hover:opacity-85 transition-opacity">
5039              <button type="button" aria-label="Image 5 of 12: Supergoop! Unseen Sunscreen SPF 50 1.7 fl. oz. 2.5 fl. oz. 0.68 fl. oz. 2-pack 3-pack
5040Supergoop! 2-in-1 Beauty Booster Set in Dawn, Sunrise, Golden Hour, Sunset / 1.7 oz. " class="
5041                                    border overflow-hidden cursor-pointer
5042                                    flex items-center justify-center box-border
5043                                    w-[50px] h-[50px] hover:border-supergoop-blue
5044                                    transition-all duration-300 ease-in
5045                                    focus:outline-none focus:ring-2 focus:ring-supergoop-blue focus:ring-offset-1
5046                                  "><div class="flex justify-center   items-center h-full w-full lg:max-h-auto">
5047                    <img src="//supergoop.com/cdn/shop/files/unseen-sunscreen-04.jpg?v=1770137635&amp;width=2000" alt="Supergoop! Unseen Sunscreen SPF 50 1.7 fl. oz. 2.5 fl. oz. 0.68 fl. oz. 2-pack 3-pack
5048Supergoop! 2-in-1 Beauty Booster Set in Dawn, Sunrise, Golden Hour, Sunset / 1.7 oz. " srcset="//supergoop.com/cdn/shop/files/unseen-sunscreen-04.jpg?v=1770137635&amp;width=360 360w, //supergoop.com/cdn/shop/files/unseen-sunscreen-04.jpg?v=1770137635&amp;width=640 640w, //supergoop.com/cdn/shop/files/unseen-sunscreen-04.jpg?v=1770137635&amp;width=768 768w, //supergoop.com/cdn/shop/files/unseen-sunscreen-04.jpg?v=1770137635&amp;width=1024 1024w, //supergoop.com/cdn/shop/files/unseen-sunscreen-04.jpg?v=1770137635&amp;width=1280 1280w, //supergoop.com/cdn/shop/files/unseen-sunscreen-04.jpg?v=1770137635&amp;width=1536 1536w" width="2000" height="2000" loading="lazy" class="max-sm:object-cover w-full  h-full lg:max-h-full lg:object-contain" sizes="(min-width: 1024px) 40vw, (min-width: 648px) 50vw, 90vw">
5049                  </div></button>
5050            </div><div class="swiper-slide w-[50px] min-h-[50px] mb-[24px] hover:opacity-85 transition-opacity">
5051              <button type="button" aria-label="Image 6 of 12: Supergoop! Unseen Sunscreen SPF 50 1.7 fl. oz. 2.5 fl. oz. 0.68 fl. oz. 2-pack 3-pack
5052Supergoop! 2-in-1 Beauty Booster Set in Dawn, Sunrise, Golden Hour, Sunset / 1.7 oz. " class="
5053                                    border overflow-hidden cursor-pointer
5054                                    flex items-center justify-center box-border
5055                                    w-[50px] h-[50px] hover:border-supergoop-blue
5056                                    transition-all duration-300 ease-in
5057                                    focus:outline-none focus:ring-2 focus:ring-supergoop-blue focus:ring-offset-1
5058                                  "><div class="flex justify-center   items-center h-full w-full lg:max-h-auto">
5059                    <img src="//supergoop.com/cdn/shop/files/Skin_Cancer_Foundation_Seal_-_Unseen_1971daa0-4a90-4255-aafe-b9457cf224fb.jpg?v=1778683781&amp;
5059width=2000" alt="Supergoop! Unseen Sunscreen SPF 50 1.7 fl. oz. 2.5 fl. oz. 0.68 fl. oz. 2-pack 3-pack
5060Supergoop! 2-in-1 Beauty Booster Set in Dawn, Sunrise, Golden Hour, Sunset / 1.7 oz. " srcset="//supergoop.com/cdn/shop/files/Skin_Cancer_Foundation_Seal_-_Unseen_1971daa0-4a90-4255-aafe-b9457cf224fb.jpg?v=1778683781&amp;width=360 360w, //supergoop.com/cdn/shop/files/Skin_Cancer_Foundation_Seal_-_Unseen_1971daa0-4a90-4255-aafe-b9457cf224fb.jpg?v=1778683781&amp;width=640 640w, //supergoop.com/cdn/shop/files/Skin_Cancer_Foundation_Seal_-_Unseen_1971daa0-4a90-4255-aafe-b9457cf224fb.jpg?v=1778683781&amp;width=768 768w, //supergoop.com/cdn/shop/files/Skin_Cancer_Foundation_Seal_-_Unseen_1971daa0-4a90-4255-aafe-b9457cf224fb.jpg?v=1778683781&amp;width=1024 1024w, //supergoop.com/cdn/shop/files/Skin_Cancer_Foundation_Seal_-_Unseen_1971daa0-4a90-4255-aafe-b9457cf224fb.jpg?v=1778683781&amp;width=1280 1280w, //supergoop.com/cdn/shop/files/Skin_Cancer_Foundation_Seal_-_Unseen_1971daa0-4a90-4255-aafe-b9457cf224fb.jpg?v=1778683781&amp;width=1536 1536w" width="2000" height="2000" loading="lazy" class="max-sm:object-cover w-full  h-full lg:max-h-full lg:object-contain" sizes="(min-width: 1024px) 40vw, (min-width: 648px) 50vw, 90vw">
5061                  </div></button>
5062            </div><div class="swiper-slide w-[50px] min-h-[50px] mb-[24px] hover:opacity-85 transition-opacity">
5063              <button type="button" aria-label="Video 7 of 12: Supergoop! Unseen Sunscreen SPF 50 1.7 fl. oz. 2.5 fl. oz. 0.68 fl. oz. 2-pack 3-pack" class="
5064                                    border overflow-hidden cursor-pointer
5065                                    flex items-center justify-center box-border
5066                                    w-[50px] h-[50px] hover:border-supergoop-blue
5067                                    transition-all duration-300 ease-in
5068                                    focus:outline-none focus:ring-2 focus:ring-supergoop-blue focus:ring-offset-1
5069                                  "><div class="relative">
5070                    <img src="//supergoop.com/cdn/shop/files/preview_images/6043abf754eb43ccae1c8769ea843c3a.thumbnail.0000000000.jpg?v=1786729836&amp;width=93" alt="Supergoop! Unseen Sunscreen SPF 50 1.7 fl. oz. 2.5 fl. oz. 0.68 fl. oz. 2-pack 3-pack" width="93" height="93" loading="lazy" class="w-[93px] h-[93px] object-cover">
5071                    <div class="absolute w-5 h-5 -translate-x-1/2 -translate-y-1/2 bg-white rounded-full left-1/2 top-1/2">
5072                      <svg
5073    width="21"
5074    height="21"
5075    viewBox="0 0 21 21"
5076    fill="none"
5077    xmlns="http://www.w3.org/2000/svg"
5078    focusable="false"
5079    aria-label="Play"
5080    aria-hidden="true">
5081    <title>Play</title>
5082    <circle
5083      cx="10.5"
5084      cy="10.5"
5085      r="10.5"
5086      fill="white" />
5087    <path d="M15.3906 10.5006L8.04062 14.7441L8.04062 6.25706L15.3906 10.5006Z" fill="black" />
5088  </svg>
5089                    </div>
5090                  </div></button>
5091            </div><div class="swiper-slide w-[50px] min-h-[50px] mb-[24px] hover:opacity-85 transition-opacity">
5092              <button type="button" aria-label="Image 8 of 12: Supergoop! Unseen Sunscreen SPF 50 1.7 fl. oz. 2.5 fl. oz. 0.68 fl. oz. 2-pack 3-pack" class="
5093                                    border overflow-hidden cursor-pointer
5094                                    flex items-center justify-center box-border
5095                                    w-[50px] h-[50px] hover:border-supergoop-blue
5096                                    transition-all duration-300 ease-in
5097                                    focus:outline-none focus:ring-2 focus:ring-supergoop-blue focus:ring-offset-1
5098                                  "><div class="flex justify-center   items-center h-full w-full lg:max-h-auto">
5099                    <img src="//supergoop.com/cdn/shop/files/unseen-sunscreen-06.jpg?v=1770137633&amp;width=2000" alt="Supergoop! Unseen Sunscreen SPF 50 1.7 fl. oz. 2.5 fl. oz. 0.68 fl. oz. 2-pack 3-pack" srcset="//supergoop.com/cdn/shop/files/unseen-sunscreen-06.jpg?v=1770137633&amp;width=360 360w, //supergoop.com/cdn/shop/files/unseen-sunscreen-06.jpg?v=1770137633&amp;width=640 640w, //supergoop.com/cdn/shop/files/unseen-sunscreen-06.jpg?v=1770137633&amp;width=768 768w, //supergoop.com/cdn/shop/files/unseen-sunscreen-06.jpg?v=1770137633&amp;
5099width=1024 1024w, //supergoop.com/cdn/shop/files/unseen-sunscreen-06.jpg?v=1770137633&amp;width=1280 1280w, //supergoop.com/cdn/shop/files/unseen-sunscreen-06.jpg?v=1770137633&amp;width=1536 1536w" width="2000" height="2000" loading="lazy" class="max-sm:object-cover w-full  h-full lg:max-h-full lg:object-contain" sizes="(min-width: 1024px) 40vw, (min-width: 648px) 50vw, 90vw">
5100                  </div></button>
5101            </div><div class="swiper-slide w-[50px] min-h-[50px] mb-[24px] hover:opacity-85 transition-opacity">
5102              <button type="button" aria-label="Image 9 of 12: Supergoop! Unseen Sunscreen SPF 50 1.7 fl. oz. 2.5 fl. oz. 0.68 fl. oz. 2-pack 3-pack" class="
5103                                    border overflow-hidden cursor-pointer
5104                                    flex items-center justify-center box-border
5105                                    w-[50px] h-[50px] hover:border-supergoop-blue
5106                                    transition-all duration-300 ease-in
5107                                    focus:outline-none focus:ring-2 focus:ring-supergoop-blue focus:ring-offset-1
5108                                  "><div class="flex justify-center   items-center h-full w-full lg:max-h-auto">
5109                    <img src="//supergoop.com/cdn/shop/files/unseen-sunscreen-08.jpg?v=1770137632&amp;width=2000" alt="Supergoop! Unseen Sunscreen SPF 50 1.7 fl. oz. 2.5 fl. oz. 0.68 fl. oz. 2-pack 3-pack" srcset="//supergoop.com/cdn/shop/files/unseen-sunscreen-08.jpg?v=1770137632&amp;width=360 360w, //supergoop.com/cdn/shop/files/unseen-sunscreen-08.jpg?v=1770137632&amp;width=640 640w, //supergoop.com/cdn/shop/files/unseen-sunscreen-08.jpg?v=1770137632&amp;width=768 768w, //supergoop.com/cdn/shop/files/unseen-sunscreen-08.jpg?v=1770137632&amp;width=1024 1024w, //supergoop.com/cdn/shop/files/unseen-sunscreen-08.jpg?v=1770137632&amp;width=1280 1280w, //supergoop.com/cdn/shop/files/unseen-sunscreen-08.jpg?v=1770137632&amp;width=1536 1536w" width="2000" height="2000" loading="lazy" class="max-sm:object-cover w-full  h-full lg:max-h-full lg:object-contain" sizes="(min-width: 1024px) 40vw, (min-width: 648px) 50vw, 90vw">
5110                  </div></button>
5111            </div><div class="swiper-slide w-[50px] min-h-[50px] mb-[24px] hover:opacity-85 transition-opacity">
5112              <button type="button" aria-label="Image 10 of 12: Supergoop! Unseen Sunscreen SPF 50 1.7 fl. oz. 2.5 fl. oz. 0.68 fl. oz. 2-pack 3-pack" class="
5113                                    border overflow-hidden cursor-pointer
5114                                    flex items-center justify-center box-border
5115                                    w-[50px] h-[50px] hover:border-supergoop-blue
5116                                    transition-all duration-300 ease-in
5117                                    focus:outline-none focus:ring-2 focus:ring-supergoop-blue focus:ring-offset-1
5118                                  "><div class="flex justify-center   items-center h-full w-full lg:max-h-auto">
5119                    <img src="//supergoop.com/cdn/shop/files/unseen-sunscreen-10.jpg?v=1770137633&amp;width=2000" alt="Supergoop! Unseen Sunscreen SPF 50 1.7 fl. oz. 2.5 fl. oz. 0.68 fl. oz. 2-pack 3-pack" srcset="//supergoop.com/cdn/shop/files/unseen-sunscreen-10.jpg?v=1770137633&amp;width=360 360w, //supergoop.com/cdn/shop/files/unseen-sunscreen-10.jpg?v=1770137633&amp;width=640 640w, //supergoop.com/cdn/shop/files/unseen-sunscreen-10.jpg?v=1770137633&amp;width=768 768w, //supergoop.com/cdn/shop/files/unseen-sunscreen-10.jpg?v=1770137633&amp;width=1024 1024w, //supergoop.com/cdn/shop/files/unseen-sunscreen-10.jpg?v=1770137633&amp;width=1280 1280w, //supergoop.com/cdn/shop/files/unseen-sunscreen-10.jpg?v=1770137633&amp;width=1536 1536w" width="2000" height="2000" loading="lazy" class="max-sm:object-cover w-full  h-full lg:max-h-full lg:object-contain" sizes="(min-width: 1024px) 40vw, (min-width: 648px) 50vw, 90vw">
5120                  </div></button>
5121            </div><div class="swiper-slide w-[50px] min-h-[50px] mb-[24px] hover:opacity-85 transition-opacity">
5122              <button type="button" aria-label="Image 11 of 12: Supergoop! Unseen Sunscreen 
5122SPF 50 1.7 fl. oz. 2.5 fl. oz. 0.68 fl. oz. 2-pack 3-pack" class="
5123                                    border overflow-hidden cursor-pointer
5124                                    flex items-center justify-center box-border
5125                                    w-[50px] h-[50px] hover:border-supergoop-blue
5126                                    transition-all duration-300 ease-in
5127                                    focus:outline-none focus:ring-2 focus:ring-supergoop-blue focus:ring-offset-1
5128                                  "><div class="flex justify-center   items-center h-full w-full lg:max-h-auto">
5129                    <img src="//supergoop.com/cdn/shop/files/unseen-sunscreen-07.jpg?v=1770137637&amp;width=2000" alt="Supergoop! Unseen Sunscreen SPF 50 1.7 fl. oz. 2.5 fl. oz. 0.68 fl. oz. 2-pack 3-pack" srcset="//supergoop.com/cdn/shop/files/unseen-sunscreen-07.jpg?v=1770137637&amp;width=360 360w, //supergoop.com/cdn/shop/files/unseen-sunscreen-07.jpg?v=1770137637&amp;width=640 640w, //supergoop.com/cdn/shop/files/unseen-sunscreen-07.jpg?v=1770137637&amp;width=768 768w, //supergoop.com/cdn/shop/files/unseen-sunscreen-07.jpg?v=1770137637&amp;width=1024 1024w, //supergoop.com/cdn/shop/files/unseen-sunscreen-07.jpg?v=1770137637&amp;width=1280 1280w, //supergoop.com/cdn/shop/files/unseen-sunscreen-07.jpg?v=1770137637&amp;width=1536 1536w" width="2000" height="2000" loading="lazy" class="max-sm:object-cover w-full  h-full lg:max-h-full lg:object-contain" sizes="(min-width: 1024px) 40vw, (min-width: 648px) 50vw, 90vw">
5130                  </div></button>
5131            </div><div class="swiper-slide w-[50px] min-h-[50px] mb-[24px] hover:opacity-85 transition-opacity">
5132              <button type="button" aria-label="Image 12 of 12: Supergoop! Unseen Sunscreen SPF 50 1.7 fl. oz. 2.5 fl. oz. 0.68 fl. oz. 2-pack 3-pack" class="
5133                                    border overflow-hidden cursor-pointer
5134                                    flex items-center justify-center box-border
5135                                    w-[50px] h-[50px] hover:border-supergoop-blue
5136                                    transition-all duration-300 ease-in
5137                                    focus:outline-none focus:ring-2 focus:ring-supergoop-blue focus:ring-offset-1
5138                                  "><div class="flex justify-center   items-center h-full w-full lg:max-h-auto">
5139                    <img src="//supergoop.com/cdn/shop/files/unseen-sunscreen-05.jpg?v=1770137633&amp;width=2000" alt="Supergoop! Unseen Sunscreen SPF 50 1.7 fl. oz. 2.5 fl. oz. 0.68 fl. oz. 2-pack 3-pack" srcset="//supergoop.com/cdn/shop/files/unseen-sunscreen-05.jpg?v=1770137633&amp;width=360 360w, //supergoop.com/cdn/shop/files/unseen-sunscreen-05.jpg?v=1770137633&amp;width=640 640w, //supergoop.com/cdn/shop/files/unseen-sunscreen-05.jpg?v=1770137633&amp;width=768 768w, //supergoop.com/cdn/shop/files/unseen-sunscreen-05.jpg?v=1770137633&amp;width=1024 1024w, //supergoop.com/cdn/shop/files/unseen-sunscreen-05.jpg?v=1770137633&amp;width=1280 1280w, //supergoop.com/cdn/shop/files/unseen-sunscreen-05.jpg?v=1770137633&amp;width=1536 1536w" width="2000" height="2000" loading="lazy" class="max-sm:object-cover w-full  h-full lg:max-h-full lg:object-contain" sizes="(min-width: 1024px) 40vw, (min-width: 648px) 50vw, 90vw">
5140                  </div></button>
5141            </div></div>
5142      </div>
5143      <button type="button" aria-label="Previous image" class="swiper-button-prev drop-shadow left-[50%] -translate-x-[50%] top-[35px] text-black after:hidden w-[32px] h-[32px] bg-white rounded-full p-[8px] hover:bg-supergoop-yellow focus:outline-none focus:ring-2 focus:ring-supergoop-blue">
5144        <svg width="14" height="12" viewBox="0 0 14 15" fill="none">
5145    <path d="M1 7L7 1L13 7" stroke="#2A2A2A" strokeMiterlimit="16" strokeLinecap="square"/>
5146    <path d="M7 1L7 15" stroke="black"/>
5147  </svg>
5148      </button>
5149      <button type="button" aria-label="Next image" class="swiper-button-next after:hidden left-[50%] -translate-x-[50%] bottom-[20px] top-auto drop-shadow text-black w-[32px] h-[32px] bg-white rounded-full p-[8px] hover:bg-supergoop-yellow focus:outline-none focus:ring-2 focus:ring-supergoop-blue">
5150        <div class="rotate-180">
5151          <svg width="14" height="12" viewBox="0 0 14 15" fill="none">
5152    <path d="M1 7L7 1L13 7" stroke="#2A2A2A" strokeMiterlimit="16" strokeLinecap="square"/>
5153    <path d="M7 1L7 15" stroke="black"/>
5154  </svg>
5155        </div>
5156      </button>
5157    </div>
5158  </div>
5159
5160  
5161  <div class="w-[50px] absolute inset-y-0 justify-center items-center md:flex hidden" id="largeThumbsContainer" style="display: none;" aria-hidden="true">
5162    <div class="py-[70px] relative hidden lg:block">
5163      <div class="swiper thumbs-gallery max-h-[475px] [&:not(.swiper-initialized)]:hidden" data-sli
5163der-pg-thumbs-large>
5164        <div class="swiper-wrapper"><div class="swiper-slide w-[50px] min-h-[50px] mb-[24px] hover:opacity-85 transition-opacity">
5165              <button type="button" aria-label="Image 1 of 12: Supergoop! Unseen Sunscreen SPF 50 1.7 fl. oz." class="
5166                                    border overflow-hidden cursor-pointer
5167                                    flex items-center justify-center box-border
5168                                    w-[50px] h-[50px] hover:border-supergoop-blue
5169                                    transition-all duration-300 ease-in
5170                                    focus:outline-none focus:ring-2 focus:ring-supergoop-blue focus:ring-offset-1
5171                                  "><div class="flex justify-center  items-center h-full w-full lg:max-h-auto">
5172                    <img src="//supergoop.com/cdn/shop/files/unseen-sunscreen-01-1.7-oz-allure-seal.png?v=1770218303&amp;width=2000" alt="Supergoop! Unseen Sunscreen SPF 50 1.7 fl. oz." srcset="//supergoop.com/cdn/shop/files/unseen-sunscreen-01-1.7-oz-allure-seal.png?v=1770218303&amp;width=360 360w, //supergoop.com/cdn/shop/files/unseen-sunscreen-01-1.7-oz-allure-seal.png?v=1770218303&amp;width=640 640w, //supergoop.com/cdn/shop/files/unseen-sunscreen-01-1.7-oz-allure-seal.png?v=1770218303&amp;width=768 768w, //supergoop.com/cdn/shop/files/unseen-sunscreen-01-1.7-oz-allure-seal.png?v=1770218303&amp;width=1024 1024w, //supergoop.com/cdn/shop/files/unseen-sunscreen-01-1.7-oz-allure-seal.png?v=1770218303&amp;width=1280 1280w, //supergoop.com/cdn/shop/files/unseen-sunscreen-01-1.7-oz-allure-seal.png?v=1770218303&amp;width=1536 1536w" width="2000" height="2000" loading="lazy" class="max-sm:object-cover w-full  h-full lg:max-h-full lg:object-contain" sizes="(min-width: 1024px) 40vw, (min-width: 648px) 50vw, 90vw">
5173                  </div></button>
5174            </div><div class="swiper-slide w-[50px] min-h-[50px] mb-[24px] hover:opacity-85 transition-opacity">
5175              <button type="button" aria-label="Image 2 of 12: Supergoop! Unseen Sunscreen SPF 50 2.5 fl. oz." class="
5176                                    border overflow-hidden cursor-pointer
5177                                    flex items-center justify-center box-border
5178                                    w-[50px] h-[50px] hover:border-supergoop-blue
5179                                    transition-all duration-300 ease-in
5180                                    focus:outline-none focus:ring-2 focus:ring-supergoop-blue focus:ring-offset-1
5181                                  "><div class="flex justify-center  items-center h-full w-full lg:max-h-auto">
5182                    <img src="//supergoop.com/cdn/shop/files/unseen-sunscreen-01-2.5-oz.jpg?v=1770137631&amp;width=2000" alt="Supergoop! Unseen Sunscreen SPF 50 2.5 fl. oz." srcset="//supergoop.com/cdn/shop/files/unseen-sunscreen-01-2.5-oz.jpg?v=1770137631&amp;width=360 360w, //supergoop.com/cdn/shop/files/unseen-sunscreen-01-2.5-oz.jpg?v=1770137631&amp;width=640 640w, //supergoop.com/cdn/shop/files/unseen-sunscreen-01-2.5-oz.jpg?v=1770137631&amp;width=768 768w, //supergoop.com/cdn/shop/files/unseen-sunscreen-01-2.5-oz.jpg?v=1770137631&amp;width=1024 1024w, //supergoop.com/cdn/shop/files/unseen-sunscreen-01-2.5-oz.jpg?v=1770137631&amp;width=1280 1280w, //supergoop.com/cdn/shop/files/unseen-sunscreen-01-2.5-oz.jpg?v=1770137631&amp;width=1536 1536w" width="2000" height="2000" loading="lazy" class="max-sm:object-cover w-full  h-full lg:max-h-full lg:object-contain" sizes="(min-width: 1024px) 40vw, (min-width: 648px) 50vw, 90vw">
5183                  </div></button>
5184            </div><div class="swiper-slide w-[50px] min-h-[50px] mb-[24px] hover:opacity-85 transition-opacity">
5185              <button type="button" aria-label="Image 3 of 12: Supergoop! Unseen Sunscreen SPF 50 0.68 fl. oz." class="
5186                                    border overflow-hidden cursor-pointer
5187                                    flex items-center justify-center box-border
5188                                    w-[50px] h-[50px] hover:border-supergoop-blue
5189                                    transition-all duration-300 ease-in
5190                                    focus:outline-none focus:ring-2 focus:ring-supergoop-blue focus:ring-offset-1
5191                                  "><div class="flex justify-center  items-center h-full w-full lg:max-h-auto">
5192                    <img src="//supergoop.com/cdn/shop/files/unseen-sunscreen-01-0.68-oz.jpg?v=1770137631&amp;
5192width=2000" alt="Supergoop! Unseen Sunscreen SPF 50 0.68 fl. oz." srcset="//supergoop.com/cdn/shop/files/unseen-sunscreen-01-0.68-oz.jpg?v=1770137631&amp;width=360 360w, //supergoop.com/cdn/shop/files/unseen-sunscreen-01-0.68-oz.jpg?v=1770137631&amp;width=640 640w, //supergoop.com/cdn/shop/files/unseen-sunscreen-01-0.68-oz.jpg?v=1770137631&amp;width=768 768w, //supergoop.com/cdn/shop/files/unseen-sunscreen-01-0.68-oz.jpg?v=1770137631&amp;width=1024 1024w, //supergoop.com/cdn/shop/files/unseen-sunscreen-01-0.68-oz.jpg?v=1770137631&amp;width=1280 1280w, //supergoop.com/cdn/shop/files/unseen-sunscreen-01-0.68-oz.jpg?v=1770137631&amp;width=1536 1536w" width="2000" height="2000" loading="lazy" class="max-sm:object-cover w-full  h-full lg:max-h-full lg:object-contain" sizes="(min-width: 1024px) 40vw, (min-width: 648px) 50vw, 90vw">
5193                  </div></button>
5194            </div><div class="swiper-slide w-[50px] min-h-[50px] mb-[24px] hover:opacity-85 transition-opacity">
5195              <button type="button" aria-label="Image 4 of 12: Supergoop! Unseen Sunscreen SPF 50 2-pack" class="
5196                                    border overflow-hidden cursor-pointer
5197                                    flex items-center justify-center box-border
5198                                    w-[50px] h-[50px] hover:border-supergoop-blue
5199                                    transition-all duration-300 ease-in
5200                                    focus:outline-none focus:ring-2 focus:ring-supergoop-blue focus:ring-offset-1
5201                                  "><div class="flex justify-center  items-center h-full w-full lg:max-h-auto">
5202                    <img src="//supergoop.com/cdn/shop/files/unseen-sunscreen-01-1.7-oz-2-pack.jpg?v=1770137632&amp;width=2000" alt="Supergoop! Unseen Sunscreen SPF 50 2-pack" srcset="//supergoop.com/cdn/shop/files/unseen-sunscreen-01-1.7-oz-2-pack.jpg?v=1770137632&amp;width=360 360w, //supergoop.com/cdn/shop/files/unseen-sunscreen-01-1.7-oz-2-pack.jpg?v=1770137632&amp;width=640 640w, //supergoop.com/cdn/shop/files/unseen-sunscreen-01-1.7-oz-2-pack.jpg?v=1770137632&amp;width=768 768w, //supergoop.com/cdn/shop/files/unseen-sunscreen-01-1.7-oz-2-pack.jpg?v=1770137632&amp;width=1024 1024w, //supergoop.com/cdn/shop/files/unseen-sunscreen-01-1.7-oz-2-pack.jpg?v=1770137632&amp;width=1280 1280w, //supergoop.com/cdn/shop/files/unseen-sunscreen-01-1.7-oz-2-pack.jpg?v=1770137632&amp;width=1536 1536w" width="2000" height="2000" loading="lazy" class="max-sm:object-cover w-full  h-full lg:max-h-full lg:object-contain" sizes="(min-width: 1024px) 40vw, (min-width: 648px) 50vw, 90vw">
5203                  </div></button>
5204            </div><div class="swiper-slide w-[50px] min-h-[50px] mb-[24px] hover:opacity-85 transition-opacity">
5205              <button type="button" aria-label="Image 5 of 12: Supergoop! Unseen Sunscreen SPF 50 1.7 fl. oz. 2.5 fl. oz. 0.68 fl. oz. 2-pack 3-pack
5206Supergoop! 2-in-1 Beauty Booster Set in Dawn, Sunrise, Golden Hour, Sunset / 1.7 oz. " class="
5207                                    border overflow-hidden cursor-pointer
5208                                    flex items-center justify-center box-border
5209                                    w-[50px] h-[50px] hover:border-supergoop-blue
5210                                    transition-all duration-300 ease-in
5211                                    focus:outline-none focus:ring-2 focus:ring-supergoop-blue focus:ring-offset-1
5212                                  "><div class="flex justify-center  items-center h-full w-full lg:max-h-auto">
5213                    <img src="//supergoop.com/cdn/shop/files/unseen-sunscreen-04.jpg?v=1770137635&amp;width=2000" alt="Supergoop! Unseen Sunscreen SPF 50 1.7 fl. oz. 2.5 fl. oz. 0.68 fl. oz. 2-pack 3-pack
5214Supergoop! 2-in-1 Beauty Booster Set in Dawn, Sunrise, Golden Hour, Sunset / 1.7 oz. " srcset="//supergoop.com/cdn/shop/files/unseen-sunscreen-04.jpg?v=1770137635&amp;width=360 360w, //supergoop.com/cdn/shop/files/unseen-sunscreen-04.jpg?v=1770137635&amp;width=640 640w, //supergoop.com/cdn/shop/files/unseen-sunscreen-04.jpg?v=1770137635&amp;width=768 768w, //supergoop.com/cdn/shop/files/unseen-sunscreen-04.jpg?v=1770137635&amp;
5214width=1024 1024w, //supergoop.com/cdn/shop/files/unseen-sunscreen-04.jpg?v=1770137635&amp;width=1280 1280w, //supergoop.com/cdn/shop/files/unseen-sunscreen-04.jpg?v=1770137635&amp;width=1536 1536w" width="2000" height="2000" loading="lazy" class="max-sm:object-cover w-full  h-full lg:max-h-full lg:object-contain" sizes="(min-width: 1024px) 40vw, (min-width: 648px) 50vw, 90vw">
5215                  </div></button>
5216            </div><div class="swiper-slide w-[50px] min-h-[50px] mb-[24px] hover:opacity-85 transition-opacity">
5217              <button type="button" aria-label="Image 6 of 12: Supergoop! Unseen Sunscreen SPF 50 1.7 fl. oz. 2.5 fl. oz. 0.68 fl. oz. 2-pack 3-pack
5218Supergoop! 2-in-1 Beauty Booster Set in Dawn, Sunrise, Golden Hour, Sunset / 1.7 oz. " class="
5219                                    border overflow-hidden cursor-pointer
5220                                    flex items-center justify-center box-border
5221                                    w-[50px] h-[50px] hover:border-supergoop-blue
5222                                    transition-all duration-300 ease-in
5223                                    focus:outline-none focus:ring-2 focus:ring-supergoop-blue focus:ring-offset-1
5224                                  "><div class="flex justify-center  items-center h-full w-full lg:max-h-auto">
5225                    <img src="//supergoop.com/cdn/shop/files/Skin_Cancer_Foundation_Seal_-_Unseen_1971daa0-4a90-4255-aafe-b9457cf224fb.jpg?v=1778683781&amp;width=2000" alt="Supergoop! Unseen Sunscreen SPF 50 1.7 fl. oz. 2.5 fl. oz. 0.68 fl. oz. 2-pack 3-pack
5226Supergoop! 2-in-1 Beauty Booster Set in Dawn, Sunrise, Golden Hour, Sunset / 1.7 oz. " srcset="//supergoop.com/cdn/shop/files/Skin_Cancer_Foundation_Seal_-_Unseen_1971daa0-4a90-4255-aafe-b9457cf224fb.jpg?v=1778683781&amp;width=360 360w, //supergoop.com/cdn/shop/files/Skin_Cancer_Foundation_Seal_-_Unseen_1971daa0-4a90-4255-aafe-b9457cf224fb.jpg?v=1778683781&amp;width=640 640w, //supergoop.com/cdn/shop/files/Skin_Cancer_Foundation_Seal_-_Unseen_1971daa0-4a90-4255-aafe-b9457cf224fb.jpg?v=1778683781&amp;width=768 768w, //supergoop.com/cdn/shop/files/Skin_Cancer_Foundation_Seal_-_Unseen_1971daa0-4a90-4255-aafe-b9457cf224fb.jpg?v=1778683781&amp;width=1024 1024w, //supergoop.com/cdn/shop/files/Skin_Cancer_Foundation_Seal_-_Unseen_1971daa0-4a90-4255-aafe-b9457cf224fb.jpg?v=1778683781&amp;width=1280 1280w, //supergoop.com/cdn/shop/files/Skin_Cancer_Foundation_Seal_-_Unseen_1971daa0-4a90-4255-aafe-b9457cf224fb.jpg?v=1778683781&amp;width=1536 1536w" width="2000" height="2000" loading="lazy" class="max-sm:object-cover w-full  h-full lg:max-h-full lg:object-contain" sizes="(min-width: 1024px) 40vw, (min-width: 648px) 50vw, 90vw">
5227                  </div></button>
5228            </div><div class="swiper-slide w-[50px] min-h-[50px] mb-[24px] hover:opacity-85 transition-opacity">
5229              <button type="button" aria-label="Video 7 of 12: Supergoop! Unseen Sunscreen SPF 50 1.7 fl. oz. 2.5 fl. oz. 0.68 fl. oz. 2-pack 3-pack" class="
5230                                    border overflow-hidden cursor-pointer
5231                                    flex items-center justify-center box-border
5232                                    w-[50px] h-[50px] hover:border-supergoop-blue
5233                                    transition-all duration-300 ease-in
5234                                    focus:outline-none focus:ring-2 focus:ring-supergoop-blue focus:ring-offset-1
5235                                  "><div class="relative">
5236                    <img src="//supergoop.com/cdn/shop/files/preview_images/6043abf754eb43ccae1c8769ea843c3a.thumbnail.0000000000.jpg?v=1786729836&amp;width=93" alt="Supergoop! Unseen Sunscreen SPF 50 1.7 fl. oz. 2.5 fl. oz. 0.68 fl. oz. 2-pack 3-pack" width="93" height="93" loading="lazy" class="w-[93px] h-[93px] object-cover">
5237                    <div class="absolute w-5 h-5 -translate-x-1/2 -translate-y-1/2 bg-white rounded-full left-1/2 top-1/2">
5238                      <svg
5239    width="21"
5240    height="21"
5241    viewBox="0 0 21 21"
5242    fill="none"
5243    xmlns="http://www.w3.org/2000/svg"
5244    focusable="false"
5245    aria-label="Play"
5246    aria-hidden="true">
5247    <title>Play</title>
5248    <circle
5249      cx="10.5"
5250      cy="10.5"
5251      r="10.5"
5252      fill="white" />
5253    <path d="M15.3906 10.5006L8.04062 14.7441L8.04062 6.25706L15.3906 10.5006Z" fill="black" />
5254  </svg>
5255                    </div>
5256                  </div></button>
5257            </div><div class="swiper-slide w-[50px] min-h-[50px] mb-[24px] hover:opacity-85 transition-opacity">
5258              <button type="button" aria-label="Image 8 of 12: Supergoop! Unseen Sunscreen 
5258SPF 50 1.7 fl. oz. 2.5 fl. oz. 0.68 fl. oz. 2-pack 3-pack" class="
5259                                    border overflow-hidden cursor-pointer
5260                                    flex items-center justify-center box-border
5261                                    w-[50px] h-[50px] hover:border-supergoop-blue
5262                                    transition-all duration-300 ease-in
5263                                    focus:outline-none focus:ring-2 focus:ring-supergoop-blue focus:ring-offset-1
5264                                  "><div class="flex justify-center  items-center h-full w-full lg:max-h-auto">
5265                    <img src="//supergoop.com/cdn/shop/files/unseen-sunscreen-06.jpg?v=1770137633&amp;width=2000" alt="Supergoop! Unseen Sunscreen SPF 50 1.7 fl. oz. 2.5 fl. oz. 0.68 fl. oz. 2-pack 3-pack" srcset="//supergoop.com/cdn/shop/files/unseen-sunscreen-06.jpg?v=1770137633&amp;width=360 360w, //supergoop.com/cdn/shop/files/unseen-sunscreen-06.jpg?v=1770137633&amp;width=640 640w, //supergoop.com/cdn/shop/files/unseen-sunscreen-06.jpg?v=1770137633&amp;width=768 768w, //supergoop.com/cdn/shop/files/unseen-sunscreen-06.jpg?v=1770137633&amp;width=1024 1024w, //supergoop.com/cdn/shop/files/unseen-sunscreen-06.jpg?v=1770137633&amp;width=1280 1280w, //supergoop.com/cdn/shop/files/unseen-sunscreen-06.jpg?v=1770137633&amp;width=1536 1536w" width="2000" height="2000" loading="lazy" class="max-sm:object-cover w-full  h-full lg:max-h-full lg:object-contain" sizes="(min-width: 1024px) 40vw, (min-width: 648px) 50vw, 90vw">
5266                  </div></button>
5267            </div><div class="swiper-slide w-[50px] min-h-[50px] mb-[24px] hover:opacity-85 transition-opacity">
5268              <button type="button" aria-label="Image 9 of 12: Supergoop! Unseen Sunscreen SPF 50 1.7 fl. oz. 2.5 fl. oz. 0.68 fl. oz. 2-pack 3-pack" class="
5269                                    border overflow-hidden cursor-pointer
5270                                    flex items-center justify-center box-border
5271                                    w-[50px] h-[50px] hover:border-supergoop-blue
5272                                    transition-all duration-300 ease-in
5273                                    focus:outline-none focus:ring-2 focus:ring-supergoop-blue focus:ring-offset-1
5274                                  "><div class="flex justify-center  items-center h-full w-full lg:max-h-auto">
5275                    <img src="//supergoop.com/cdn/shop/files/unseen-sunscreen-08.jpg?v=1770137632&amp;width=2000" alt="Supergoop! Unseen Sunscreen SPF 50 1.7 fl. oz. 2.5 fl. oz. 0.68 fl. oz. 2-pack 3-pack" srcset="//supergoop.com/cdn/shop/files/unseen-sunscreen-08.jpg?v=1770137632&amp;width=360 360w, //supergoop.com/cdn/shop/files/unseen-sunscreen-08.jpg?v=1770137632&amp;width=640 640w, //supergoop.com/cdn/shop/files/unseen-sunscreen-08.jpg?v=1770137632&amp;width=768 768w, //supergoop.com/cdn/shop/files/unseen-sunscreen-08.jpg?v=1770137632&amp;width=1024 1024w, //supergoop.com/cdn/shop/files/unseen-sunscreen-08.jpg?v=1770137632&amp;width=1280 1280w, //supergoop.com/cdn/shop/files/unseen-sunscreen-08.jpg?v=1770137632&amp;width=1536 1536w" width="2000" height="2000" loading="lazy" class="max-sm:object-cover w-full  h-full lg:max-h-full lg:object-contain" sizes="(min-width: 1024px) 40vw, (min-width: 648px) 50vw, 90vw">
5276                  </div></button>
5277            </div><div class="swiper-slide w-[50px] min-h-[50px] mb-[24px] hover:opacity-85 transition-opacity">
5278              <button type="button" aria-label="Image 10 of 12: Supergoop! Unseen Sunscreen SPF 50 1.7 fl. oz. 2.5 fl. oz. 0.68 fl. oz. 2-pack 3-pack" class="
5279                                    border overflow-hidden cursor-pointer
5280                                    flex items-center justify-center box-border
5281                                    w-[50px] h-[50px] hover:border-supergoop-blue
5282                                    transition-all duration-300 ease-in
5283                                    focus:outline-none focus:ring-2 focus:ring-supergoop-blue focus:ring-offset-1
5284                                  "><div class="flex justify-center  items-center h-full w-full lg:max-h-auto">
5285                    <img src="//supergoop.com/cdn/shop/files/unseen-sunscreen-10.jpg?v=1770137633&amp;
5285width=2000" alt="Supergoop! Unseen Sunscreen SPF 50 1.7 fl. oz. 2.5 fl. oz. 0.68 fl. oz. 2-pack 3-pack" srcset="//supergoop.com/cdn/shop/files/unseen-sunscreen-10.jpg?v=1770137633&amp;width=360 360w, //supergoop.com/cdn/shop/files/unseen-sunscreen-10.jpg?v=1770137633&amp;width=640 640w, //supergoop.com/cdn/shop/files/unseen-sunscreen-10.jpg?v=1770137633&amp;width=768 768w, //supergoop.com/cdn/shop/files/unseen-sunscreen-10.jpg?v=1770137633&amp;width=1024 1024w, //supergoop.com/cdn/shop/files/unseen-sunscreen-10.jpg?v=1770137633&amp;width=1280 1280w, //supergoop.com/cdn/shop/files/unseen-sunscreen-10.jpg?v=1770137633&amp;width=1536 1536w" width="2000" height="2000" loading="lazy" class="max-sm:object-cover w-full  h-full lg:max-h-full lg:object-contain" sizes="(min-width: 1024px) 40vw, (min-width: 648px) 50vw, 90vw">
5286                  </div></button>
5287            </div><div class="swiper-slide w-[50px] min-h-[50px] mb-[24px] hover:opacity-85 transition-opacity">
5288              <button type="button" aria-label="Image 11 of 12: Supergoop! Unseen Sunscreen SPF 50 1.7 fl. oz. 2.5 fl. oz. 0.68 fl. oz. 2-pack 3-pack" class="
5289                                    border overflow-hidden cursor-pointer
5290                                    flex items-center justify-center box-border
5291                                    w-[50px] h-[50px] hover:border-supergoop-blue
5292                                    transition-all duration-300 ease-in
5293                                    focus:outline-none focus:ring-2 focus:ring-supergoop-blue focus:ring-offset-1
5294                                  "><div class="flex justify-center  items-center h-full w-full lg:max-h-auto">
5295                    <img src="//supergoop.com/cdn/shop/files/unseen-sunscreen-07.jpg?v=1770137637&amp;width=2000" alt="Supergoop! Unseen Sunscreen SPF 50 1.7 fl. oz. 2.5 fl. oz. 0.68 fl. oz. 2-pack 3-pack" srcset="//supergoop.com/cdn/shop/files/unseen-sunscreen-07.jpg?v=1770137637&amp;width=360 360w, //supergoop.com/cdn/shop/files/unseen-sunscreen-07.jpg?v=1770137637&amp;width=640 640w, //supergoop.com/cdn/shop/files/unseen-sunscreen-07.jpg?v=1770137637&amp;width=768 768w, //supergoop.com/cdn/shop/files/unseen-sunscreen-07.jpg?v=1770137637&amp;width=1024 1024w, //supergoop.com/cdn/shop/files/unseen-sunscreen-07.jpg?v=1770137637&amp;width=1280 1280w, //supergoop.com/cdn/shop/files/unseen-sunscreen-07.jpg?v=1770137637&amp;width=1536 1536w" width="2000" height="2000" loading="lazy" class="max-sm:object-cover w-full  h-full lg:max-h-full lg:object-contain" sizes="(min-width: 1024px) 40vw, (min-width: 648px) 50vw, 90vw">
5296                  </div></button>
5297            </div><div class="swiper-slide w-[50px] min-h-[50px] mb-[24px] hover:opacity-85 transition-opacity">
5298              <button type="button" aria-label="Image 12 of 12: Supergoop! Unseen Sunscreen SPF 50 1.7 fl. oz. 2.5 fl. oz. 0.68 fl. oz. 2-pack 3-pack" class="
5299                                    border overflow-hidden cursor-pointer
5300                                    flex items-center justify-center box-border
5301                                    w-[50px] h-[50px] hover:border-supergoop-blue
5302                                    transition-all duration-300 ease-in
5303                                    focus:outline-none focus:ring-2 focus:ring-supergoop-blue focus:ring-offset-1
5304                                  "><div class="flex justify-center  items-center h-full w-full lg:max-h-auto">
5305                    <img src="//supergoop.com/cdn/shop/files/unseen-sunscreen-05.jpg?v=1770137633&amp;width=2000" alt="Supergoop! Unseen Sunscreen SPF 50 1.7 fl. oz. 2.5 fl. oz. 0.68 fl. oz. 2-pack 3-pack" srcset="//supergoop.com/cdn/shop/files/unseen-sunscreen-05.jpg?v=1770137633&amp;width=360 360w, //supergoop.com/cdn/shop/files/unseen-sunscreen-05.jpg?v=1770137633&amp;width=640 640w, //supergoop.com/cdn/shop/files/unseen-sunscreen-05.jpg?v=1770137633&amp;width=768 768w, //supergoop.com/cdn/shop/files/unseen-sunscreen-05.jpg?v=1770137633&amp;width=1024 1024w, //supergoop.com/cdn/shop/files/unseen-sunscreen-05.jpg?v=1770137633&amp;width=1280 1280w, //supergoop.com/cdn/shop/files/unseen-sunscreen-05.jpg?v=1770137633&amp;width=1536 1536w" width="2000" height="2000" loading="lazy" class="max-sm:object-cover w-full  h-full lg:max-h-full lg:object-contain" sizes="(min-width: 1024px) 40vw, (min-width: 648px) 50vw, 90vw">
5306                  </div></button>
5307            </div></div>
5308      </div>
5309      <button type="button" aria-label="Previous image" class="swiper-button-prev drop-shadow left-[50%] -translate-x-[50%] top-[35px] text-black after:hidden w-[32px] h-[32px] bg-white rounded-full p-[8px] hover:bg-supergoop-yellow focus:outline-none focus:ring-2 focus:ring-supergoop-blue">
5310        <svg width="14" height="12" viewBox="0 0 14 15" fill="none">
5311    <path d="M1 7L7 1L13 7" stroke="#2A2A2A" strokeMiterlimit="16" strokeLinecap="square"/>
5312    <path d="M7 1L7 15" stroke="black"/>
5313  </svg>
5314      </button>
5315      <button type="button" aria-label="Next image" class="swiper-button-next after:hidden left-[50%] -translate-x-[50%] bottom-[20px] top-auto drop-shadow text-black w-[32px] h-[32px] bg-white rounded-full p-[8px] hover:bg-supergoop-yellow focus:outline-none focus:ring-2 focus:ring-supergoop-blue">
5316        <div class="rotate-180">
5317          <svg width="14" height="12" viewBox="0 0 14 15" fill="none">
5318    <path d="M1 7L7 1L13 7" stroke="#2A2A2A" strokeMiterlimit="16" strokeLinecap="square"/>
5319    <path d="M7 1L7 15" stroke="black"/>
5320  </svg>
5321        </div>
5322      </button>
5323    </div>
5324  </div>
5325</div>
5326
5327
5328
5329<template data-all-media-main><div
5330      class="swiper-slide w-full h-full relative grid  mb-3 bg-grey-FA items-center"
5331      role="group"
5332      aria-roledescription="slide"
5333      aria-label="Slide 1 of 12"
5334      >
5335      
5336        <div class="absolute left-[9px] top-[5px] lg:left-[15px] lg:top-[15px] w-full">
5337          <div class="badges flex gap-1.5 absolute top-0 left-0 z-10"><div
5338          class="
5339            bg-supergoop-yellow py-1 px-[6px] body-xs rounded-[2px]
5340            z-10 pointer-events-none text-[10px] md:text-[11px] leading-[13px]
5341            md:leading-none font-medium text-supergoop-blue
5342          "
5343        >Bestseller</div></div>
5344        </div>
5345      
5346<div class="flex justify-center  items-center h-full w-full lg:max-h-auto product-gallery-swiper-image">
5347          <img src="//supergoop.com/cdn/shop/files/unseen-sunscreen-01-1.7-oz-allure-seal.png?v=1770218303&amp;
5347width=2000" alt="Supergoop! Unseen Sunscreen SPF 50 1.7 fl. oz." srcset="//supergoop.com/cdn/shop/files/unseen-sunscreen-01-1.7-oz-allure-seal.png?v=1770218303&amp;width=360 360w, //supergoop.com/cdn/shop/files/unseen-sunscreen-01-1.7-oz-allure-seal.png?v=1770218303&amp;width=640 640w, //supergoop.com/cdn/shop/files/unseen-sunscreen-01-1.7-oz-allure-seal.png?v=1770218303&amp;width=768 768w, //supergoop.com/cdn/shop/files/unseen-sunscreen-01-1.7-oz-allure-seal.png?v=1770218303&amp;width=1024 1024w, //supergoop.com/cdn/shop/files/unseen-sunscreen-01-1.7-oz-allure-seal.png?v=1770218303&amp;width=1280 1280w, //supergoop.com/cdn/shop/files/unseen-sunscreen-01-1.7-oz-allure-seal.png?v=1770218303&amp;width=1536 1536w" width="2000" height="2000" loading="lazy" class="max-sm:object-cover w-full  h-full lg:max-h-full lg:object-contain" sizes="(min-width: 1024px) 40vw, (min-width: 648px) 50vw, 90vw">
5348        </div>
5349        
5350</div><div
5351      class="swiper-slide w-full h-full relative grid  mb-3 bg-grey-FA items-center"
5352      role="group"
5353      aria-roledescription="slide"
5354      aria-label="Slide 2 of 12"
5355      aria-hidden="true">
5356      
5357<div class="flex justify-center  items-center h-full w-full lg:max-h-auto product-gallery-swiper-image">
5358          <img src="//supergoop.com/cdn/shop/files/unseen-sunscreen-01-2.5-oz.jpg?v=1770137631&amp;width=2000" alt="Supergoop! Unseen Sunscreen SPF 50 2.5 fl. oz." srcset="//supergoop.com/cdn/shop/files/unseen-sunscreen-01-2.5-oz.jpg?v=1770137631&amp;width=360 360w, //supergoop.com/cdn/shop/files/unseen-sunscreen-01-2.5-oz.jpg?v=1770137631&amp;width=640 640w, //supergoop.com/cdn/shop/files/unseen-sunscreen-01-2.5-oz.jpg?v=1770137631&amp;width=768 768w, //supergoop.com/cdn/shop/files/unseen-sunscreen-01-2.5-oz.jpg?v=1770137631&amp;width=1024 1024w, //supergoop.com/cdn/shop/files/unseen-sunscreen-01-2.5-oz.jpg?v=1770137631&amp;width=1280 1280w, //supergoop.com/cdn/shop/files/unseen-sunscreen-01-2.5-oz.jpg?v=1770137631&amp;width=1536 1536w" width="2000" height="2000" loading="lazy" class="max-sm:object-cover w-full  h-full lg:max-h-full lg:object-contain" sizes="(min-width: 1024px) 40vw, (min-width: 648px) 50vw, 90vw">
5359        </div>
5360        
5361</div><div
5362      class="swiper-slide w-full h-full relative grid  mb-3 bg-grey-FA items-center"
5363      role="group"
5364      aria-roledescription="slide"
5365      aria-label="Slide 3 of 12"
5366      aria-hidden="true">
5367      
5368<div class="flex justify-center  items-center h-full w-full lg:max-h-auto product-gallery-swiper-image">
5369          <img src="//supergoop.com/cdn/shop/files/unseen-sunscreen-01-0.68-oz.jpg?v=1770137631&amp;width=2000" alt="Supergoop! Unseen Sunscreen SPF 50 0.68 fl. oz." srcset="//supergoop.com/cdn/shop/files/unseen-sunscreen-01-0.68-oz.jpg?v=1770137631&amp;width=360 360w, //supergoop.com/cdn/shop/files/unseen-sunscreen-01-0.68-oz.jpg?v=1770137631&amp;width=640 640w, //supergoop.com/cdn/shop/files/unseen-sunscreen-01-0.68-oz.jpg?v=1770137631&amp;width=768 768w, //supergoop.com/cdn/shop/files/unseen-sunscreen-01-0.68-oz.jpg?v=1770137631&amp;width=1024 1024w, //supergoop.com/cdn/shop/files/unseen-sunscreen-01-0.68-oz.jpg?v=1770137631&amp;width=1280 1280w, //supergoop.com/cdn/shop/files/unseen-sunscreen-01-0.68-oz.jpg?v=1770137631&amp;width=1536 1536w" width="2000" height="2000" loading="lazy" class="max-sm:object-cover w-full  h-full lg:max-h-full lg:object-contain" sizes="(min-width: 1024px) 40vw, (min-width: 648px) 50vw, 90vw">
5370        </div>
5371        
5372</div><div
5373      class="swiper-slide w-full h-full relative grid  mb-3 bg-grey-FA items-center"
5374      role="group"
5375      aria-roledescription="slide"
5376      aria-label="Slide 4 of 12"
5377      aria-hidden="true">
5378      
5379<div class="flex justify-center  items-center h-full w-full lg:max-h-auto product-gallery-swiper-image">
5380          <img src="//supergoop.com/cdn/shop/files/unseen-sunscreen-01-1.7-oz-2-pack.jpg?v=1770137632&amp;width=2000" alt="Supergoop! Unseen Sunscreen SPF 50 2-pack" srcset="//supergoop.com/cdn/shop/files/unseen-sunscreen-01-1.7-oz-2-pack.jpg?v=1770137632&amp;width=360 360w, //supergoop.com/cdn/shop/files/unseen-sunscreen-01-1.7-oz-2-pack.jpg?v=1770137632&amp;width=640 640w, //supergoop.com/cdn/shop/files/unseen-sunscreen-01-1.7-oz-2-pack.jpg?v=1770137632&amp;width=768 768w, //supergoop.com/cdn/shop/files/unseen-sunscreen-01-1.7-oz-2-pack.jpg?v=1770137632&amp;
5380width=1024 1024w, //supergoop.com/cdn/shop/files/unseen-sunscreen-01-1.7-oz-2-pack.jpg?v=1770137632&amp;width=1280 1280w, //supergoop.com/cdn/shop/files/unseen-sunscreen-01-1.7-oz-2-pack.jpg?v=1770137632&amp;width=1536 1536w" width="2000" height="2000" loading="lazy" class="max-sm:object-cover w-full  h-full lg:max-h-full lg:object-contain" sizes="(min-width: 1024px) 40vw, (min-width: 648px) 50vw, 90vw">
5381        </div>
5382        
5383</div><div
5384      class="swiper-slide w-full h-full relative grid  mb-3 bg-grey-FA items-center"
5385      role="group"
5386      aria-roledescription="slide"
5387      aria-label="Slide 5 of 12"
5388      aria-hidden="true">
5389      
5390<div class="flex justify-center  items-center h-full w-full lg:max-h-auto product-gallery-swiper-image">
5391          <img src="//supergoop.com/cdn/shop/files/unseen-sunscreen-04.jpg?v=1770137635&amp;width=2000" alt="Supergoop! Unseen Sunscreen SPF 50 1.7 fl. oz. 2.5 fl. oz. 0.68 fl. oz. 2-pack 3-pack
5392Supergoop! 2-in-1 Beauty Booster Set in Dawn, Sunrise, Golden Hour, Sunset / 1.7 oz. " srcset="//supergoop.com/cdn/shop/files/unseen-sunscreen-04.jpg?v=1770137635&amp;width=360 360w, //supergoop.com/cdn/shop/files/unseen-sunscreen-04.jpg?v=1770137635&amp;width=640 640w, //supergoop.com/cdn/shop/files/unseen-sunscreen-04.jpg?v=1770137635&amp;width=768 768w, //supergoop.com/cdn/shop/files/unseen-sunscreen-04.jpg?v=1770137635&amp;width=1024 1024w, //supergoop.com/cdn/shop/files/unseen-sunscreen-04.jpg?v=1770137635&amp;width=1280 1280w, //supergoop.com/cdn/shop/files/unseen-sunscreen-04.jpg?v=1770137635&amp;width=1536 1536w" width="2000" height="2000" loading="lazy" class="max-sm:object-cover w-full  h-full lg:max-h-full lg:object-contain" sizes="(min-width: 1024px) 40vw, (min-width: 648px) 50vw, 90vw">
5393        </div>
5394        
5395</div><div
5396      class="swiper-slide w-full h-full relative grid  mb-3 bg-grey-FA items-center"
5397      role="group"
5398      aria-roledescription="slide"
5399      aria-label="Slide 6 of 12"
5400      aria-hidden="true">
5401      
5402<div class="flex justify-center  items-center h-full w-full lg:max-h-auto product-gallery-swiper-image">
5403          <img src="//supergoop.com/cdn/shop/files/Skin_Cancer_Foundation_Seal_-_Unseen_1971daa0-4a90-4255-aafe-b9457cf224fb.jpg?v=1778683781&amp;width=2000" alt="Supergoop! Unseen Sunscreen SPF 50 1.7 fl. oz. 2.5 fl. oz. 0.68 fl. oz. 2-pack 3-pack
5404Supergoop! 2-in-1 Beauty Booster Set in Dawn, Sunrise, Golden Hour, Sunset / 1.7 oz. " srcset="//supergoop.com/cdn/shop/files/Skin_Cancer_Foundation_Seal_-_Unseen_1971daa0-4a90-4255-aafe-b9457cf224fb.jpg?v=1778683781&amp;width=360 360w, //supergoop.com/cdn/shop/files/Skin_Cancer_Foundation_Seal_-_Unseen_1971daa0-4a90-4255-aafe-b9457cf224fb.jpg?v=1778683781&amp;width=640 640w, //supergoop.com/cdn/shop/files/Skin_Cancer_Foundation_Seal_-_Unseen_1971daa0-4a90-4255-aafe-b9457cf224fb.jpg?v=1778683781&amp;width=768 768w, //supergoop.com/cdn/shop/files/Skin_Cancer_Foundation_Seal_-_Unseen_1971daa0-4a90-4255-aafe-b9457cf224fb.jpg?v=1778683781&amp;width=1024 1024w, //supergoop.com/cdn/shop/files/Skin_Cancer_Foundation_Seal_-_Unseen_1971daa0-4a90-4255-aafe-b9457cf224fb.jpg?v=1778683781&amp;width=1280 1280w, //supergoop.com/cdn/shop/files/Skin_Cancer_Foundation_Seal_-_Unseen_1971daa0-4a90-4255-aafe-b9457cf224fb.jpg?v=1778683781&amp;width=1536 1536w" width="2000" height="2000" loading="lazy" class="max-sm:object-cover w-full  h-full lg:max-h-full lg:object-contain" sizes="(min-width: 1024px) 40vw, (min-width: 648px) 50vw, 90vw">
5405        </div>
5406        
5407</div><div
5408      class="swiper-slide w-full h-full relative grid  mb-3 "
5409      role="group"
5410      aria-roledescription="slide"
5411      aria-label="Slide 7 of 12"
5412      aria-hidden="true">
5413      
5414<div class="relative z-1 h-full">
5415  <div class=" h-full">
5416    <video playsinline="true" autoplay="autoplay" loop="loop" muted="muted" webkit-playsinline="true" preload="files/preview_images/6043abf754eb43ccae1c8769ea843c3a.thumbnail.0000000000.jpg" class="max-sm:object-cover w-full  h-full lg:max-h-full lg:object-contain" aria-label="Supergoop! Unseen Sunscreen SPF 50 1.7 fl. oz. 2.5 fl. oz. 0.68 fl. oz. 2-pack 3-pack" poster="//supergoop.com/cdn/shop/files/preview_images/6043abf754eb43ccae1c8769ea843c3a.thumbnail.0000000000_800x.jpg?v=1786729836"><source src="//supergoop.com/cdn/shop/videos/c/vp/6043abf754eb43ccae1c8769ea843c3a/6043abf754eb43ccae1c8769ea843c3a.HD-1080p-7.2Mbps-91631682.mp4?v=0" type="video/mp4">
5416<img alt="Supergoop! Unseen Sunscreen SPF 50 1.7 fl. oz. 2.5 fl. oz. 0.68 fl. oz. 2-pack 3-pack" src="//supergoop.com/cdn/shop/files/preview_images/6043abf754eb43ccae1c8769ea843c3a.thumbnail.0000000000_800x.jpg?v=1786729836"></video>
5417  </div>
5418</div>
5419
5420</div><div
5421      class="swiper-slide w-full h-full relative grid  mb-3 bg-grey-FA items-center"
5422      role="group"
5423      aria-roledescription="slide"
5424      aria-label="Slide 8 of 12"
5425      aria-hidden="true">
5426      
5427<div class="flex justify-center  items-center h-full w-full lg:max-h-auto product-gallery-swiper-image">
5428          <img src="//supergoop.com/cdn/shop/files/unseen-sunscreen-06.jpg?v=1770137633&amp;width=2000" alt="Supergoop! Unseen Sunscreen SPF 50 1.7 fl. oz. 2.5 fl. oz. 0.68 fl. oz. 2-pack 3-pack" srcset="//supergoop.com/cdn/shop/files/unseen-sunscreen-06.jpg?v=1770137633&amp;width=360 360w, //supergoop.com/cdn/shop/files/unseen-sunscreen-06.jpg?v=1770137633&amp;width=640 640w, //supergoop.com/cdn/shop/files/unseen-sunscreen-06.jpg?v=1770137633&amp;width=768 768w, //supergoop.com/cdn/shop/files/unseen-sunscreen-06.jpg?v=1770137633&amp;width=1024 1024w, //supergoop.com/cdn/shop/files/unseen-sunscreen-06.jpg?v=1770137633&amp;width=1280 1280w, //supergoop.com/cdn/shop/files/unseen-sunscreen-06.jpg?v=1770137633&amp;width=1536 1536w" width="2000" height="2000" loading="lazy" class="max-sm:object-cover w-full  h-full lg:max-h-full lg:object-contain" sizes="(min-width: 1024px) 40vw, (min-width: 648px) 50vw, 90vw">
5429        </div>
5430        
5431</div><div
5432      class="swiper-slide w-full h-full relative grid  mb-3 bg-grey-FA items-center"
5433      role="group"
5434      aria-roledescription="slide"
5435      aria-label="Slide 9 of 12"
5436      aria-hidden="true">
5437      
5438<div class="flex justify-center  items-center h-full w-full lg:max-h-auto product-gallery-swiper-image">
5439          <img src="//supergoop.com/cdn/shop/files/unseen-sunscreen-08.jpg?v=1770137632&amp;width=2000" alt="Supergoop! Unseen Sunscreen SPF 50 1.7 fl. oz. 2.5 fl. oz. 0.68 fl. oz. 2-pack 3-pack" srcset="//supergoop.com/cdn/shop/files/unseen-sunscreen-08.jpg?v=1770137632&amp;width=360 360w, //supergoop.com/cdn/shop/files/unseen-sunscreen-08.jpg?v=1770137632&amp;width=640 640w, //supergoop.com/cdn/shop/files/unseen-sunscreen-08.jpg?v=1770137632&amp;width=768 768w, //supergoop.com/cdn/shop/files/unseen-sunscreen-08.jpg?v=1770137632&amp;width=1024 1024w, //supergoop.com/cdn/shop/files/unseen-sunscreen-08.jpg?v=1770137632&amp;width=1280 1280w, //supergoop.com/cdn/shop/files/unseen-sunscreen-08.jpg?v=1770137632&amp;width=1536 1536w" width="2000" height="2000" loading="lazy" class="max-sm:object-cover w-full  h-full lg:max-h-full lg:object-contain" sizes="(min-width: 1024px) 40vw, (min-width: 648px) 50vw, 90vw">
5440        </div>
5441        
5442</div><div
5443      class="swiper-slide w-full h-full relative grid  mb-3 bg-grey-FA items-center"
5444      role="group"
5445      aria-roledescription="slide"
5446      aria-label="Slide 10 of 12"
5447      aria-hidden="true">
5448      
5449<div class="flex justify-center  items-center h-full w-full lg:max-h-auto product-gallery-swiper-image">
5450          <img src="//supergoop.com/cdn/shop/files/unseen-sunscreen-10.jpg?v=1770137633&amp;width=2000" alt="Supergoop! Unseen Sunscreen SPF 50 1.7 fl. oz. 2.5 fl. oz. 0.68 fl. oz. 2-pack 3-pack" srcset="//supergoop.com/cdn/shop/files/unseen-sunscreen-10.jpg?v=1770137633&amp;width=360 360w, //supergoop.com/cdn/shop/files/unseen-sunscreen-10.jpg?v=1770137633&amp;width=640 640w, //supergoop.com/cdn/shop/files/unseen-sunscreen-10.jpg?v=1770137633&amp;width=768 768w, //supergoop.com/cdn/shop/files/unseen-sunscreen-10.jpg?v=1770137633&amp;width=1024 1024w, //supergoop.com/cdn/shop/files/unseen-sunscreen-10.jpg?v=1770137633&amp;width=1280 1280w, //supergoop.com/cdn/shop/files/unseen-sunscreen-10.jpg?v=1770137633&amp;width=1536 1536w" width="2000" height="2000" loading="lazy" class="max-sm:object-cover w-full  h-full lg:max-h-full lg:object-contain" sizes="(min-width: 1024px) 40vw, (min-width: 648px) 50vw, 90vw">
5451        </div>
5452        
5453</div><div
5454      class="swiper-slide w-full h-full relative grid  mb-3 bg-grey-FA items-center"
5455      role="group"
5456      aria-roledescription="slide"
5457      aria-label="Slide 11 of 12"
5458      aria-hidden="true">
5459      
5460<div class="flex justify-center  items-center h-full w-full lg:max-h-auto product-gallery-swiper-image">
5461          <img src="//supergoop.com/cdn/shop/files/unseen-sunscreen-07.jpg?v=1770137637&amp;
5461width=2000" alt="Supergoop! Unseen Sunscreen SPF 50 1.7 fl. oz. 2.5 fl. oz. 0.68 fl. oz. 2-pack 3-pack" srcset="//supergoop.com/cdn/shop/files/unseen-sunscreen-07.jpg?v=1770137637&amp;width=360 360w, //supergoop.com/cdn/shop/files/unseen-sunscreen-07.jpg?v=1770137637&amp;width=640 640w, //supergoop.com/cdn/shop/files/unseen-sunscreen-07.jpg?v=1770137637&amp;width=768 768w, //supergoop.com/cdn/shop/files/unseen-sunscreen-07.jpg?v=1770137637&amp;width=1024 1024w, //supergoop.com/cdn/shop/files/unseen-sunscreen-07.jpg?v=1770137637&amp;width=1280 1280w, //supergoop.com/cdn/shop/files/unseen-sunscreen-07.jpg?v=1770137637&amp;width=1536 1536w" width="2000" height="2000" loading="lazy" class="max-sm:object-cover w-full  h-full lg:max-h-full lg:object-contain" sizes="(min-width: 1024px) 40vw, (min-width: 648px) 50vw, 90vw">
5462        </div>
5463        
5464</div><div
5465      class="swiper-slide w-full h-full relative grid  mb-3 bg-grey-FA items-center"
5466      role="group"
5467      aria-roledescription="slide"
5468      aria-label="Slide 12 of 12"
5469      aria-hidden="true">
5470      
5471<div class="flex justify-center  items-center h-full w-full lg:max-h-auto product-gallery-swiper-image">
5472          <img src="//supergoop.com/cdn/shop/files/unseen-sunscreen-05.jpg?v=1770137633&amp;width=2000" alt="Supergoop! Unseen Sunscreen SPF 50 1.7 fl. oz. 2.5 fl. oz. 0.68 fl. oz. 2-pack 3-pack" srcset="//supergoop.com/cdn/shop/files/unseen-sunscreen-05.jpg?v=1770137633&amp;width=360 360w, //supergoop.com/cdn/shop/files/unseen-sunscreen-05.jpg?v=1770137633&amp;width=640 640w, //supergoop.com/cdn/shop/files/unseen-sunscreen-05.jpg?v=1770137633&amp;width=768 768w, //supergoop.com/cdn/shop/files/unseen-sunscreen-05.jpg?v=1770137633&amp;width=1024 1024w, //supergoop.com/cdn/shop/files/unseen-sunscreen-05.jpg?v=1770137633&amp;width=1280 1280w, //supergoop.com/cdn/shop/files/unseen-sunscreen-05.jpg?v=1770137633&amp;width=1536 1536w" width="2000" height="2000" loading="lazy" class="max-sm:object-cover w-full  h-full lg:max-h-full lg:object-contain" sizes="(min-width: 1024px) 40vw, (min-width: 648px) 50vw, 90vw">
5473        </div>
5474        
5475</div></template>
5476<template data-all-media-thumbs><div class="swiper-slide w-[50px] min-h-[50px] mb-[24px] hover:opacity-85 transition-opacity">
5477      <button type="button" aria-label="Image 1 of 12: Supergoop! Unseen Sunscreen SPF 50 1.7 fl. oz." class="
5478                      border overflow-hidden cursor-pointer
5479                      flex items-center justify-center box-border
5480                      w-[50px] h-[50px] hover:border-supergoop-blue
5481                      transition-all duration-300 ease-in
5482                      focus:outline-none focus:ring-2 focus:ring-supergoop-blue focus:ring-offset-1
5483                    "><div class="flex justify-center  items-center h-full w-full lg:max-h-auto">
5484            <img src="//supergoop.com/cdn/shop/files/unseen-sunscreen-01-1.7-oz-allure-seal.png?v=1770218303&amp;width=2000" alt="Supergoop! Unseen Sunscreen SPF 50 1.7 fl. oz." srcset="//supergoop.com/cdn/shop/files/unseen-sunscreen-01-1.7-oz-allure-seal.png?v=1770218303&amp;width=360 360w, //supergoop.com/cdn/shop/files/unseen-sunscreen-01-1.7-oz-allure-seal.png?v=1770218303&amp;width=640 640w, //supergoop.com/cdn/shop/files/unseen-sunscreen-01-1.7-oz-allure-seal.png?v=1770218303&amp;width=768 768w, //supergoop.com/cdn/shop/files/unseen-sunscreen-01-1.7-oz-allure-seal.png?v=1770218303&amp;width=1024 1024w, //supergoop.com/cdn/shop/files/unseen-sunscreen-01-1.7-oz-allure-seal.png?v=1770218303&amp;width=1280 1280w, //supergoop.com/cdn/shop/files/unseen-sunscreen-01-1.7-oz-allure-seal.png?v=1770218303&amp;width=1536 1536w" width="2000" height="2000" loading="lazy" class="max-sm:object-cover w-full  h-full lg:max-h-full lg:object-contain" sizes="(min-width: 1024px) 40vw, (min-width: 648px) 50vw, 90vw">
5485          </div></button>
5486    </div><div class="swiper-slide w-[50px] min-h-[50px] mb-[24px] hover:opacity-85 transition-opacity">
5487      <button type="button" aria-label="Image 2 of 12: Supergoop! Unseen Sunscreen SPF 50 2.5 fl. oz." class="
5488                      border overflow-hidden cursor-pointer
5489                      flex items-center justify-center box-border
5490                      w-[50px] h-[50px] hover:border-supergoop-blue
5491                      transition-all duration-300 ease-in
5492                      focus:outline-none focus:ring-2 focus:ring-supergoop-blue focus:ring-offset-1
5493                    "><div class="flex justify-center  items-center h-full w-full lg:max-h-auto">
5494            <img src="//supergoop.com/cdn/shop/files/unseen-sunscreen-01-2.5-oz.jpg?v=1770137631&amp;
5494width=2000" alt="Supergoop! Unseen Sunscreen SPF 50 2.5 fl. oz." srcset="//supergoop.com/cdn/shop/files/unseen-sunscreen-01-2.5-oz.jpg?v=1770137631&amp;width=360 360w, //supergoop.com/cdn/shop/files/unseen-sunscreen-01-2.5-oz.jpg?v=1770137631&amp;width=640 640w, //supergoop.com/cdn/shop/files/unseen-sunscreen-01-2.5-oz.jpg?v=1770137631&amp;width=768 768w, //supergoop.com/cdn/shop/files/unseen-sunscreen-01-2.5-oz.jpg?v=1770137631&amp;width=1024 1024w, //supergoop.com/cdn/shop/files/unseen-sunscreen-01-2.5-oz.jpg?v=1770137631&amp;width=1280 1280w, //supergoop.com/cdn/shop/files/unseen-sunscreen-01-2.5-oz.jpg?v=1770137631&amp;width=1536 1536w" width="2000" height="2000" loading="lazy" class="max-sm:object-cover w-full  h-full lg:max-h-full lg:object-contain" sizes="(min-width: 1024px) 40vw, (min-width: 648px) 50vw, 90vw">
5495          </div></button>
5496    </div><div class="swiper-slide w-[50px] min-h-[50px] mb-[24px] hover:opacity-85 transition-opacity">
5497      <button type="button" aria-label="Image 3 of 12: Supergoop! Unseen Sunscreen SPF 50 0.68 fl. oz." class="
5498                      border overflow-hidden cursor-pointer
5499                      flex items-center justify-center box-border
5500                      w-[50px] h-[50px] hover:border-supergoop-blue
5501                      transition-all duration-300 ease-in
5502                      focus:outline-none focus:ring-2 focus:ring-supergoop-blue focus:ring-offset-1
5503                    "><div class="flex justify-center  items-center h-full w-full lg:max-h-auto">
5504            <img src="//supergoop.com/cdn/shop/files/unseen-sunscreen-01-0.68-oz.jpg?v=1770137631&amp;width=2000" alt="Supergoop! Unseen Sunscreen SPF 50 0.68 fl. oz." srcset="//supergoop.com/cdn/shop/files/unseen-sunscreen-01-0.68-oz.jpg?v=1770137631&amp;width=360 360w, //supergoop.com/cdn/shop/files/unseen-sunscreen-01-0.68-oz.jpg?v=1770137631&amp;width=640 640w, //supergoop.com/cdn/shop/files/unseen-sunscreen-01-0.68-oz.jpg?v=1770137631&amp;width=768 768w, //supergoop.com/cdn/shop/files/unseen-sunscreen-01-0.68-oz.jpg?v=1770137631&amp;width=1024 1024w, //supergoop.com/cdn/shop/files/unseen-sunscreen-01-0.68-oz.jpg?v=1770137631&amp;width=1280 1280w, //supergoop.com/cdn/shop/files/unseen-sunscreen-01-0.68-oz.jpg?v=1770137631&amp;width=1536 1536w" width="2000" height="2000" loading="lazy" class="max-sm:object-cover w-full  h-full lg:max-h-full lg:object-contain" sizes="(min-width: 1024px) 40vw, (min-width: 648px) 50vw, 90vw">
5505          </div></button>
5506    </div><div class="swiper-slide w-[50px] min-h-[50px] mb-[24px] hover:opacity-85 transition-opacity">
5507      <button type="button" aria-label="Image 4 of 12: Supergoop! Unseen Sunscreen SPF 50 2-pack" class="
5508                      border overflow-hidden cursor-pointer
5509                      flex items-center justify-center box-border
5510                      w-[50px] h-[50px] hover:border-supergoop-blue
5511                      transition-all duration-300 ease-in
5512                      focus:outline-none focus:ring-2 focus:ring-supergoop-blue focus:ring-offset-1
5513                    "><div class="flex justify-center  items-center h-full w-full lg:max-h-auto">
5514            <img src="//supergoop.com/cdn/shop/files/unseen-sunscreen-01-1.7-oz-2-pack.jpg?v=1770137632&amp;width=2000" alt="Supergoop! Unseen Sunscreen SPF 50 2-pack" srcset="//supergoop.com/cdn/shop/files/unseen-sunscreen-01-1.7-oz-2-pack.jpg?v=1770137632&amp;width=360 360w, //supergoop.com/cdn/shop/files/unseen-sunscreen-01-1.7-oz-2-pack.jpg?v=1770137632&amp;width=640 640w, //supergoop.com/cdn/shop/files/unseen-sunscreen-01-1.7-oz-2-pack.jpg?v=1770137632&amp;width=768 768w, //supergoop.com/cdn/shop/files/unseen-sunscreen-01-1.7-oz-2-pack.jpg?v=1770137632&amp;width=1024 1024w, //supergoop.com/cdn/shop/files/unseen-sunscreen-01-1.7-oz-2-pack.jpg?v=1770137632&amp;width=1280 1280w, //supergoop.com/cdn/shop/files/unseen-sunscreen-01-1.7-oz-2-pack.jpg?v=1770137632&amp;width=1536 1536w" width="2000" height="2000" loading="lazy" class="max-sm:object-cover w-full  h-full lg:max-h-full lg:object-contain" sizes="(min-width: 1024px) 40vw, (min-width: 648px) 50vw, 90vw">
5515          </div></button>
5516    </div><div class="swiper-slide w-[50px] min-h-[50px] mb-[24px] hover:opacity-85 transition-opacity">
5517      <button type="button" aria-label="Image 5 of 12: Supergoop! Unseen Sunscreen 
5517SPF 50 1.7 fl. oz. 2.5 fl. oz. 0.68 fl. oz. 2-pack 3-pack
5518Supergoop! 2-in-1 Beauty Booster Set in Dawn, Sunrise, Golden Hour, Sunset / 1.7 oz. " class="
5519                      border overflow-hidden cursor-pointer
5520                      flex items-center justify-center box-border
5521                      w-[50px] h-[50px] hover:border-supergoop-blue
5522                      transition-all duration-300 ease-in
5523                      focus:outline-none focus:ring-2 focus:ring-supergoop-blue focus:ring-offset-1
5524                    "><div class="flex justify-center  items-center h-full w-full lg:max-h-auto">
5525            <img src="//supergoop.com/cdn/shop/files/unseen-sunscreen-04.jpg?v=1770137635&amp;width=2000" alt="Supergoop! Unseen Sunscreen SPF 50 1.7 fl. oz. 2.5 fl. oz. 0.68 fl. oz. 2-pack 3-pack
5526Supergoop! 2-in-1 Beauty Booster Set in Dawn, Sunrise, Golden Hour, Sunset / 1.7 oz. " srcset="//supergoop.com/cdn/shop/files/unseen-sunscreen-04.jpg?v=1770137635&amp;width=360 360w, //supergoop.com/cdn/shop/files/unseen-sunscreen-04.jpg?v=1770137635&amp;width=640 640w, //supergoop.com/cdn/shop/files/unseen-sunscreen-04.jpg?v=1770137635&amp;width=768 768w, //supergoop.com/cdn/shop/files/unseen-sunscreen-04.jpg?v=1770137635&amp;width=1024 1024w, //supergoop.com/cdn/shop/files/unseen-sunscreen-04.jpg?v=1770137635&amp;width=1280 1280w, //supergoop.com/cdn/shop/files/unseen-sunscreen-04.jpg?v=1770137635&amp;width=1536 1536w" width="2000" height="2000" loading="lazy" class="max-sm:object-cover w-full  h-full lg:max-h-full lg:object-contain" sizes="(min-width: 1024px) 40vw, (min-width: 648px) 50vw, 90vw">
5527          </div></button>
5528    </div><div class="swiper-slide w-[50px] min-h-[50px] mb-[24px] hover:opacity-85 transition-opacity">
5529      <button type="button" aria-label="Image 6 of 12: Supergoop! Unseen Sunscreen SPF 50 1.7 fl. oz. 2.5 fl. oz. 0.68 fl. oz. 2-pack 3-pack
5530Supergoop! 2-in-1 Beauty Booster Set in Dawn, Sunrise, Golden Hour, Sunset / 1.7 oz. " class="
5531                      border overflow-hidden cursor-pointer
5532                      flex items-center justify-center box-border
5533                      w-[50px] h-[50px] hover:border-supergoop-blue
5534                      transition-all duration-300 ease-in
5535                      focus:outline-none focus:ring-2 focus:ring-supergoop-blue focus:ring-offset-1
5536                    "><div class="flex justify-center  items-center h-full w-full lg:max-h-auto">
5537            <img src="//supergoop.com/cdn/shop/files/Skin_Cancer_Foundation_Seal_-_Unseen_1971daa0-4a90-4255-aafe-b9457cf224fb.jpg?v=1778683781&amp;width=2000" alt="Supergoop! Unseen Sunscreen SPF 50 1.7 fl. oz. 2.5 fl. oz. 0.68 fl. oz. 2-pack 3-pack
5538Supergoop! 2-in-1 Beauty Booster Set in Dawn, Sunrise, Golden Hour, Sunset / 1.7 oz. " srcset="//supergoop.com/cdn/shop/files/Skin_Cancer_Foundation_Seal_-_Unseen_1971daa0-4a90-4255-aafe-b9457cf224fb.jpg?v=1778683781&amp;width=360 360w, //supergoop.com/cdn/shop/files/Skin_Cancer_Foundation_Seal_-_Unseen_1971daa0-4a90-4255-aafe-b9457cf224fb.jpg?v=1778683781&amp;width=640 640w, //supergoop.com/cdn/shop/files/Skin_Cancer_Foundation_Seal_-_Unseen_1971daa0-4a90-4255-aafe-b9457cf224fb.jpg?v=1778683781&amp;width=768 768w, //supergoop.com/cdn/shop/files/Skin_Cancer_Foundation_Seal_-_Unseen_1971daa0-4a90-4255-aafe-b9457cf224fb.jpg?v=1778683781&amp;width=1024 1024w, //supergoop.com/cdn/shop/files/Skin_Cancer_Foundation_Seal_-_Unseen_1971daa0-4a90-4255-aafe-b9457cf224fb.jpg?v=1778683781&amp;width=1280 1280w, //supergoop.com/cdn/shop/files/Skin_Cancer_Foundation_Seal_-_Unseen_1971daa0-4a90-4255-aafe-b9457cf224fb.jpg?v=1778683781&amp;width=1536 1536w" width="2000" height="2000" loading="lazy" class="max-sm:object-cover w-full  h-full lg:max-h-full lg:object-contain" sizes="(min-width: 1024px) 40vw, (min-width: 648px) 50vw, 90vw">
5539          </div></button>
5540    </div><div class="swiper-slide w-[50px] min-h-[50px] mb-[24px] hover:opacity-85 transition-opacity">
5541      <button type="button" aria-label="Video 7 of 12: Supergoop! Unseen Sunscreen SPF 50 1.7 fl. oz. 2.5 fl. oz. 0.68 fl. oz. 2-pack 3-pack" class="
5542                      border overflow-hidden cursor-pointer
5543                      flex items-center justify-center box-border
5544                      w-[50px] h-[50px] hover:border-supergoop-blue
5545                      transition-all duration-300 ease-in
5546                      focus:outline-none focus:ring-2 focus:ring-supergoop-blue focus:ring-offset-1
5547                    "><div class="relative">
5548            <img src="//supergoop.com/cdn/shop/files/preview_images/6043abf754eb43ccae1c8769ea843c3a.thumbnail.0000000000.jpg?v=1786729836&amp;
5548width=93" alt="Supergoop! Unseen Sunscreen SPF 50 1.7 fl. oz. 2.5 fl. oz. 0.68 fl. oz. 2-pack 3-pack" width="93" height="93" loading="lazy" class="w-[93px] h-[93px] object-cover">
5549            <div class="absolute w-5 h-5 -translate-x-1/2 -translate-y-1/2 bg-white rounded-full left-1/2 top-1/2">
5550              <svg
5551    width="21"
5552    height="21"
5553    viewBox="0 0 21 21"
5554    fill="none"
5555    xmlns="http://www.w3.org/2000/svg"
5556    focusable="false"
5557    aria-label="Play"
5558    aria-hidden="true">
5559    <title>Play</title>
5560    <circle
5561      cx="10.5"
5562      cy="10.5"
5563      r="10.5"
5564      fill="white" />
5565    <path d="M15.3906 10.5006L8.04062 14.7441L8.04062 6.25706L15.3906 10.5006Z" fill="black" />
5566  </svg>
5567            </div>
5568          </div></button>
5569    </div><div class="swiper-slide w-[50px] min-h-[50px] mb-[24px] hover:opacity-85 transition-opacity">
5570      <button type="button" aria-label="Image 8 of 12: Supergoop! Unseen Sunscreen SPF 50 1.7 fl. oz. 2.5 fl. oz. 0.68 fl. oz. 2-pack 3-pack" class="
5571                      border overflow-hidden cursor-pointer
5572                      flex items-center justify-center box-border
5573                      w-[50px] h-[50px] hover:border-supergoop-blue
5574                      transition-all duration-300 ease-in
5575                      focus:outline-none focus:ring-2 focus:ring-supergoop-blue focus:ring-offset-1
5576                    "><div class="flex justify-center  items-center h-full w-full lg:max-h-auto">
5577            <img src="//supergoop.com/cdn/shop/files/unseen-sunscreen-06.jpg?v=1770137633&amp;width=2000" alt="Supergoop! Unseen Sunscreen SPF 50 1.7 fl. oz. 2.5 fl. oz. 0.68 fl. oz. 2-pack 3-pack" srcset="//supergoop.com/cdn/shop/files/unseen-sunscreen-06.jpg?v=1770137633&amp;width=360 360w, //supergoop.com/cdn/shop/files/unseen-sunscreen-06.jpg?v=1770137633&amp;width=640 640w, //supergoop.com/cdn/shop/files/unseen-sunscreen-06.jpg?v=1770137633&amp;width=768 768w, //supergoop.com/cdn/shop/files/unseen-sunscreen-06.jpg?v=1770137633&amp;width=1024 1024w, //supergoop.com/cdn/shop/files/unseen-sunscreen-06.jpg?v=1770137633&amp;width=1280 1280w, //supergoop.com/cdn/shop/files/unseen-sunscreen-06.jpg?v=1770137633&amp;width=1536 1536w" width="2000" height="2000" loading="lazy" class="max-sm:object-cover w-full  h-full lg:max-h-full lg:object-contain" sizes="(min-width: 1024px) 40vw, (min-width: 648px) 50vw, 90vw">
5578          </div></button>
5579    </div><div class="swiper-slide w-[50px] min-h-[50px] mb-[24px] hover:opacity-85 transition-opacity">
5580      <button type="button" aria-label="Image 9 of 12: Supergoop! Unseen Sunscreen SPF 50 1.7 fl. oz. 2.5 fl. oz. 0.68 fl. oz. 2-pack 3-pack" class="
5581                      border overflow-hidden cursor-pointer
5582                      flex items-center justify-center box-border
5583                      w-[50px] h-[50px] hover:border-supergoop-blue
5584                      transition-all duration-300 ease-in
5585                      focus:outline-none focus:ring-2 focus:ring-supergoop-blue focus:ring-offset-1
5586                    "><div class="flex justify-center  items-center h-full w-full lg:max-h-auto">
5587            <img src="//supergoop.com/cdn/shop/files/unseen-sunscreen-08.jpg?v=1770137632&amp;width=2000" alt="Supergoop! Unseen Sunscreen SPF 50 1.7 fl. oz. 2.5 fl. oz. 0.68 fl. oz. 2-pack 3-pack" srcset="//supergoop.com/cdn/shop/files/unseen-sunscreen-08.jpg?v=1770137632&amp;width=360 360w, //supergoop.com/cdn/shop/files/unseen-sunscreen-08.jpg?v=1770137632&amp;width=640 640w, //supergoop.com/cdn/shop/files/unseen-sunscreen-08.jpg?v=1770137632&amp;width=768 768w, //supergoop.com/cdn/shop/files/unseen-sunscreen-08.jpg?v=1770137632&amp;width=1024 1024w, //supergoop.com/cdn/shop/files/unseen-sunscreen-08.jpg?v=1770137632&amp;width=1280 1280w, //supergoop.com/cdn/shop/files/unseen-sunscreen-08.jpg?v=1770137632&amp;width=1536 1536w" width="2000" height="2000" loading="lazy" class="max-sm:object-cover w-full  h-full lg:max-h-full lg:object-contain" sizes="(min-width: 1024px) 40vw, (min-width: 648px) 50vw, 90vw">
5588          </div></button>
5589    </div><div class="swiper-slide w-[50px] min-h-[50px] mb-[24px] hover:opacity-85 transition-opacity">
5590      <button type="button" aria-label="Image 10 of 12: Supergoop! Unseen Sunscreen 
5590SPF 50 1.7 fl. oz. 2.5 fl. oz. 0.68 fl. oz. 2-pack 3-pack" class="
5591                      border overflow-hidden cursor-pointer
5592                      flex items-center justify-center box-border
5593                      w-[50px] h-[50px] hover:border-supergoop-blue
5594                      transition-all duration-300 ease-in
5595                      focus:outline-none focus:ring-2 focus:ring-supergoop-blue focus:ring-offset-1
5596                    "><div class="flex justify-center  items-center h-full w-full lg:max-h-auto">
5597            <img src="//supergoop.com/cdn/shop/files/unseen-sunscreen-10.jpg?v=1770137633&amp;width=2000" alt="Supergoop! Unseen Sunscreen SPF 50 1.7 fl. oz. 2.5 fl. oz. 0.68 fl. oz. 2-pack 3-pack" srcset="//supergoop.com/cdn/shop/files/unseen-sunscreen-10.jpg?v=1770137633&amp;width=360 360w, //supergoop.com/cdn/shop/files/unseen-sunscreen-10.jpg?v=1770137633&amp;width=640 640w, //supergoop.com/cdn/shop/files/unseen-sunscreen-10.jpg?v=1770137633&amp;width=768 768w, //supergoop.com/cdn/shop/files/unseen-sunscreen-10.jpg?v=1770137633&amp;width=1024 1024w, //supergoop.com/cdn/shop/files/unseen-sunscreen-10.jpg?v=1770137633&amp;width=1280 1280w, //supergoop.com/cdn/shop/files/unseen-sunscreen-10.jpg?v=1770137633&amp;width=1536 1536w" width="2000" height="2000" loading="lazy" class="max-sm:object-cover w-full  h-full lg:max-h-full lg:object-contain" sizes="(min-width: 1024px) 40vw, (min-width: 648px) 50vw, 90vw">
5598          </div></button>
5599    </div><div class="swiper-slide w-[50px] min-h-[50px] mb-[24px] hover:opacity-85 transition-opacity">
5600      <button type="button" aria-label="Image 11 of 12: Supergoop! Unseen Sunscreen SPF 50 1.7 fl. oz. 2.5 fl. oz. 0.68 fl. oz. 2-pack 3-pack" class="
5601                      border overflow-hidden cursor-pointer
5602                      flex items-center justify-center box-border
5603                      w-[50px] h-[50px] hover:border-supergoop-blue
5604                      transition-all duration-300 ease-in
5605                      focus:outline-none focus:ring-2 focus:ring-supergoop-blue focus:ring-offset-1
5606                    "><div class="flex justify-center  items-center h-full w-full lg:max-h-auto">
5607            <img src="//supergoop.com/cdn/shop/files/unseen-sunscreen-07.jpg?v=1770137637&amp;width=2000" alt="Supergoop! Unseen Sunscreen SPF 50 1.7 fl. oz. 2.5 fl. oz. 0.68 fl. oz. 2-pack 3-pack" srcset="//supergoop.com/cdn/shop/files/unseen-sunscreen-07.jpg?v=1770137637&amp;width=360 360w, //supergoop.com/cdn/shop/files/unseen-sunscreen-07.jpg?v=1770137637&amp;width=640 640w, //supergoop.com/cdn/shop/files/unseen-sunscreen-07.jpg?v=1770137637&amp;width=768 768w, //supergoop.com/cdn/shop/files/unseen-sunscreen-07.jpg?v=1770137637&amp;width=1024 1024w, //supergoop.com/cdn/shop/files/unseen-sunscreen-07.jpg?v=1770137637&amp;width=1280 1280w, //supergoop.com/cdn/shop/files/unseen-sunscreen-07.jpg?v=1770137637&amp;width=1536 1536w" width="2000" height="2000" loading="lazy" class="max-sm:object-cover w-full  h-full lg:max-h-full lg:object-contain" sizes="(min-width: 1024px) 40vw, (min-width: 648px) 50vw, 90vw">
5608          </div></button>
5609    </div><div class="swiper-slide w-[50px] min-h-[50px] mb-[24px] hover:opacity-85 transition-opacity">
5610      <button type="button" aria-label="Image 12 of 12: Supergoop! Unseen Sunscreen SPF 50 1.7 fl. oz. 2.5 fl. oz. 0.68 fl. oz. 2-pack 3-pack" class="
5611                      border overflow-hidden cursor-pointer
5612                      flex items-center justify-center box-border
5613                      w-[50px] h-[50px] hover:border-supergoop-blue
5614                      transition-all duration-300 ease-in
5615                      focus:outline-none focus:ring-2 focus:ring-supergoop-blue focus:ring-offset-1
5616                    "><div class="flex justify-center  items-center h-full w-full lg:max-h-auto">
5617            <img src="//supergoop.com/cdn/shop/files/unseen-sunscreen-05.jpg?v=1770137633&amp;width=2000" alt="Supergoop! Unseen Sunscreen SPF 50 1.7 fl. oz. 2.5 fl. oz. 0.68 fl. oz. 2-pack 3-pack" srcset="//supergoop.com/cdn/shop/files/unseen-sunscreen-05.jpg?v=1770137633&amp;width=360 360w, //supergoop.com/cdn/shop/files/unseen-sunscreen-05.jpg?v=1770137633&amp;width=640 640w, //supergoop.com/cdn/shop/files/unseen-sunscreen-05.jpg?v=1770137633&amp;width=768 768w, //supergoop.com/cdn/shop/files/unseen-sunscreen-05.jpg?v=1770137633&amp;
5617width=1024 1024w, //supergoop.com/cdn/shop/files/unseen-sunscreen-05.jpg?v=1770137633&amp;width=1280 1280w, //supergoop.com/cdn/shop/files/unseen-sunscreen-05.jpg?v=1770137633&amp;width=1536 1536w" width="2000" height="2000" loading="lazy" class="max-sm:object-cover w-full  h-full lg:max-h-full lg:object-contain" sizes="(min-width: 1024px) 40vw, (min-width: 648px) 50vw, 90vw">
5618          </div></button>
5619    </div></template>
5620    </div>
5621    <div class="lg:pt-0 pt-7 mx-auto lg:px-5 lg:max-w-[500px] w-full " id="ProductDescription">
5622      
5623        
5624          <h1 class="font-serif text-supergoop-blue text-[17px] md:text-[25px] leading-none md:tracking-[-0.5px]  font-bold">Unseen Sunscreen SPF 50</h1>
5625          
5626      
5627        
5628          <div id="shopify-block-Ackc0dkJsbzB6Vkl0U__yotpo_product_reviews_ugc_star_rating_zxBJw8" class="shopify-block shopify-app-block">
5629
5630
5631<div class="yotpo-widget-instance"
5632    data-yotpo-instance-id="605237"
5633    data-yotpo-product-id="7269697060962"
5634    data-yotpo-cart-product-id=""
5635    data-yotpo-section-id="product"
5636    data-yotpo-preloaded-data="">
5637</div>
5638
5639
5640
5641</div>
5642        
5643      
5644        
5645            
5646              
5647<div
5648    class="
5649    price">
5650    <div class="price__container"><div class="price__regular"><span data-product-price class="price-item price-item--regular inline body text-[16px] mb-2 text-grey-2A">
5651            $19
5652          </span>
5653
5654          <span data-product-old-price class="inline ml-[12px] text-grey-5C line-through "></span></div>
5655      <small class="unit-price caption hidden">
5656        <span class="price-item price-item--last">
5657          <span></span>
5658          <span aria-hidden="true">/</span>
5659          <span class="visually-hidden">&nbsp;Unit price separator&nbsp;</span>
5660          <span>
5661          </span>
5662        </span>
5663      </small>
5664    </div>
5665  </div>
5666
5667            
5668          
5669      
5670        
5671
5672              <div class="product-description-ab" data-hypothesis="019f23cb-f226-7ab3-928e-0c31daca5f44">
5673                <div data-description-control class="my-4 body text-16px text-grey-2A">
5674                  <p><meta charset="utf-8"><meta charset="utf-8">Our award-winning invisible SPF, now even better! The iconic 100% invisible, weightless, scentless sunscreen that’s non-irritating, doubles as a primer for all-day makeup <meta charset="utf-8">wear<span aria-labelledby="footnote-2">²</span> &amp; is clinically tested to improve skin <meta charset="utf-8">clarity<span aria-labelledby="footnote-1">¹</span>.</p>
5675                </div>
5676                <div data-description-variant style="display: none;">
5677                  <product-description
5678                    class="block my-4 body text-16px text-grey-2A"
5679                    data-mobile-lines="2"
5680                    data-desktop-lines="4"
5681                    data-more-label="More"
5682                    data-more-aria-label="Show full product description">
5683                    <div data-description-full class="line-clamp-2 md:line-clamp-4"><p><meta charset="utf-8"><meta charset="utf-8">Our award-winning invisible SPF, now even better! The iconic 100% invisible, weightless, scentless sunscreen that’s non-irritating, doubles as a primer for all-day makeup <meta charset="utf-8">wear<span aria-labelledby="footnote-2">²</span> &amp; is clinically tested to improve skin <meta charset="utf-8">clarity<span aria-labelledby="footnote-1">¹</span>.</p></div>
5684                  </product-description>
5685                </div>
5686              </div>
5687            
5688          
5689            
5690
5691  <div class="countdown-holder-global hidden">
5692    <style>
5693  .countdown-holder-global{
5694    background-color: #ffed7a;
5695    color: #0000b4;
5696  }
5697  .countdown__title-global strong {
5698    color: #0000b4;
5699  }
5700
5701
5702</style>
5703
5704<countdown-holder
5705  class="countdown flex  justify-center py-[7px]
5706  
5707    my-[18px]
5708    flex-col
5709    max-w-[266px]
5710  
5711  mx-auto
5712  "
5713  
5714  
5715  data-expiration-behavior="true">
5716  <div class="countdown__title-global  text-xs text-center ">
5717    <p>Get a Free Lip SPF on Orders $70+</p>
5718  </div>
5719
5720  
5721
5722</countdown-holder>
5723
5724  </div>
5725
5726          
5727          
5728      
5729        
5730            <div class="mb-3">
5731              
5732                
5733              
5734            </div>
5735            <div class="mb-3">
5736              
5737                
5738                  
5739                
5740              
5741            </div>
5742          
5743      
5744        
5745          
5746
5747
5748
5749
5750
5751<div class="mb-3 block">
5752  
5753    
5754      <div class="block body-xs text-grey-5C mb-1">
5755        <span class="uppercase label-12 tracking-[2px] text-grey-2A">Size</span>
5756        <span data-choosen-variant-size class="inline-block ml-1.5 body-xs text-grey-5C"></span>
5757      </div>
5758        <fieldset class="flex flex-1 flex-wrap items-baseline">
5759          <legend class="sr-only">Size</legend>
5760        
5761        
5762        
5763          
5764          
5765            <div class="relative min-w-[80px] min-h-[54px] sm:min-h-auto sm:min-w-auto  flex flex-col items-center mb-[10px] lg:mb-[3px] mr-[6px]">
5766              <label class="flex items-center" for="" id="1-7-fl-oz-1">
5767                <input
5768
5769                  
5770                  
5771                  checked
5772                  
5773                  data-product-option-size
5774                  type="radio"
5775                  value="1.7 fl. oz."
5776                  id="1.7 fl. oz."
5777                  name="size-variant"
5778                  aria-labelledby="1-7-fl-oz-1"
5779                  class="z-[2] peer absolute opacity-0 cursor-pointer m-0 p-0 h-full w-full"
5780                 />
5781                <span class="overflow-hidden body-xs peer-checked:text-supergoop-blue peer-checked:border-supergoop-blue peer-focus-visible:ring-2 peer-focus-visible:ring-supergoop-blue peer-focus-visible:ring-offset-1 py-[7px] px-5 block text-grey-5C relative cursor-pointer border border-grey-B4">
5782                  1.7 fl. oz.</span>
5783              </label>
5784              <span class="mt-[3px] text-[10px] text-grey-5C max-w-[82px] text-center" data-variant-description></span>
5785            </div>
5786          
5787            
5788          
5789          
5790          
5791            <div class="relative min-w-[80px] min-h-[54px] sm:min-h-auto sm:min-w-auto  flex flex-col items-center mb-[10px] lg:mb-[3px] mr-[6px]">
5792              <label class="flex items-center" for="" id="2-5-fl-oz-2">
5793                <input
5794
5795                  
5796                  
5797                  data-product-option-size
5798                  type="radio"
5799                  value="2.5 fl. oz."
5800                  id="2.5 fl. oz."
5801                  name="size-variant"
5802                  aria-labelledby="2-5-fl-oz-2"
5803                  class="z-[2] peer absolute opacity-0 cursor-pointer m-0 p-0 h-full w-full"
5804                 />
5805                <span class="overflow-hidden body-xs peer-checked:text-supergoop-blue peer-checked:border-supergoop-blue peer-focus-visible:ring-2 peer-focus-visible:ring-supergoop-blue peer-focus-visible:ring-offset-1 py-[7px] px-5 block text-grey-5C relative cursor-pointer border border-grey-B4">
5806                  2.5 fl. oz.</span>
5807              </label>
5808              <span class="mt-[3px] text-[10px] text-grey-5C max-w-[82px] text-center" data-variant-description></span>
5809            </div>
5810          
5811            
5812          
5813          
5814          
5815            <div class="relative min-w-[80px] min-h-[54px] sm:min-h-auto sm:min-w-auto  flex flex-col items-center mb-[10px] lg:mb-[3px] mr-[6px]">
5816              <label class="flex items-center" for="" id="0-68-fl-oz-3">
5817                <input
5818
5819                  
5820                  
5821                  data-product-option-size
5822                  type="radio"
5823                  value="0.68 fl. oz."
5824                  id="0.68 fl. oz."
5825                  name="size-variant"
5826                  aria-labelledby="0-68-fl-oz-3"
5827                  class="z-[2] peer absolute opacity-0 cursor-pointer m-0 p-0 h-full w-full"
5828                 />
5829                <span class="overflow-hidden body-xs peer-checked:text-supergoop-blue peer-checked:border-supergoop-blue peer-focus-visible:ring-2 peer-focus-visible:ring-supergoop-blue peer-focus-visible:ring-offset-1 py-[7px] px-5 block text-grey-5C relative cursor-pointer border border-grey-B4">
5830                  0.68 fl. oz.</span>
5831              </label>
5832              <span class="mt-[3px] text-[10px] text-grey-5C max-w-[82px] text-center" data-variant-description></span>
5833            </div>
5834          
5835            
5836          
5837          
5838          
5839            <div class="relative min-w-[80px] min-h-[54px] sm:min-h-auto sm:min-w-auto  flex flex-col items-center mb-[10px] lg:mb-[3px] mr-[6px]">
5840              <label class="flex items-center" for="" id="2-pack-4">
5841                <input
5842
5843                  
5844                  
5845                  data-product-option-size
5846                  type="radio"
5847                  value="2-pack"
5848                  id="2-pack"
5849                  name="size-variant"
5850                  aria-labelledby="2-pack-4"
5851                  class="z-[2] peer absolute opacity-0 cursor-pointer m-0 p-0 h-full w-full"
5852                 />
5853                <span class="overflow-hidden body-xs peer-checked:text-supergoop-blue peer-checked:border-supergoop-blue peer-focus-visible:ring-2 peer-focus-visible:ring-supergoop-blue peer-focus-visible:ring-offset-1 py-[7px] px-5 block text-grey-5C relative cursor-pointer border border-grey-B4">
5854                  2-pack</span>
5855              </label>
5856              <span class="mt-[3px] text-[10px] text-grey-5C max-w-[82px] text-center" data-variant-description></span>
5857            </div>
5858          
5859            
5860          
5861        </fieldset>
5862      
5863  
5864</div>
5865
5866<script>
5867  document.querySelectorAll('input[data-product-option-size]').forEach(input => {
5868    input.addEventListener('click', (event) => {
5869      const selectedValue = event.target.value;
5870      document.dispatchEvent( new CustomEvent("variantChangedSkio", { detail: { title: selectedValue } }) );
5871    });
5872  });
5873</script>
5873
5874          
5875      
5876        
5877            
5878
5879
5880
5881
5882
5883  <style>
5884    skio-plan-picker {
5885      --skio-group-border-radius: 0px;
5886      --skio-group-border-width: 0px;
5887      --skio-group-border-color: #2a2a2a;
5888      --skio-group-border-selected-color: #0d0de7;
5889      --skio-group-background-color: rgba(0,0,0,0);
5890      --skio-group-background-selected-color: rgba(0,0,0,0);
5891      --skio-group-text-color: #5c5c5c;
5892      --skio-group-text-selected-color: #2a2a2a;
5893      --skio-discount-color: #0fa573;
5894      --skio-discount-text-color: #2a2a2a;
5895      --skio-button-plan-selector-width: 100;
5896    }
5897  </style><skio-plan-picker
5898    key='skio_plan_picker_9D7Cjp'
5899    options='{&quot;form_id&quot;:&quot;productForm&quot;,&quot;external_price_selector&quot;:null,&quot;show_details&quot;:false,&quot;show_without_subscription&quot;:false,&quot;show_compare_price&quot;:true,&quot;legend_content&quot;:&quot;Select subscription plan&quot;,&quot;show_legend&quot;:false,&quot;layout&quot;:&quot;vertical&quot;,&quot;dropdownPosition&quot;:&quot;underneath&quot;,&quot;additional_frequency_label&quot;:null,&quot;start_onetime&quot;:true,&quot;onetime_first&quot;:true,&quot;group_border_radius&quot;:0,&quot;group_border_width&quot;:0,&quot;group_border_color&quot;:&quot;#2a2a2a&quot;,&quot;group_border_selected_color&quot;:&quot;#0d0de7&quot;,&quot;group_background_color&quot;:&quot;rgba(0,0,0,0)&quot;,&quot;selected_group_background_color&quot;:&quot;rgba(0,0,0,0)&quot;,&quot;group_text_color&quot;:&quot;#5c5c5c&quot;,&quot;group_selected_text_color&quot;:&quot;#2a2a2a&quot;,&quot;show_radio_selector&quot;:true,&quot;onetime_title&quot;:&quot;One-time purchase&quot;,&quot;subscription_title&quot;:&quot;Subscribe \u0026 Save&quot;,&quot;prepaid_title&quot;:&quot;Prepaid&quot;,&quot;discount_format&quot;:&quot;percent&quot;,&quot;discount_style&quot;:&quot;text&quot;,&quot;discount_text&quot;:&quot;for [discount] off + free shipping&quot;,&quot;discount_color&quot;:&quot;#0fa573&quot;,&quot;discount_text_color&quot;:&quot;#2a2a2a&quot;,&quot;additional_subscription_content&quot;:&quot;\u003cdiv id=\&quot;yotpo-subscriptions-info-block-container\&quot; class=\&quot;yotpo-subscriptions-info-block-container\&quot; style=\&quot;display: flex;\&quot;\u003e\n\u003cdiv class=\&quot;benefits-text\&quot;\u003e10% off + free shipping on every delivery\u003c\/div\u003e\n\u003cdiv class=\&quot;terms-and-conditions-text\&quot;\u003e\n\u003cdiv\u003eAdjust order intervals, skip orders or pause. Cancel anytime.\u003c\/div\u003e\n\u003ca href=\&quot;https:\/\/supergoop.com\/pages\/supermail\&quot; target=\&quot;_blank\&quot; class=\&quot;terms-and-conditions-link\&quot;\u003eSubscribe \u0026 Save\u003c\/a\u003e\n\u003c\/div\u003e\n\u003cdiv class=\&quot;discount-codes-text\&quot;\u003eDiscount codes not applicable to Subscribe \u0026 Save unless otherwise specified.\u003c\/div\u003e\n\u003c\/div\u003e&quot;,&quot;additional_subscription_content_show&quot;:true,&quot;selector_type&quot;:&quot;dropdown&quot;,&quot;button_plan_selector_width&quot;:100,&quot;default_subscription&quot;:&quot;3 months&quot;,&quot;future_price_adjustments_text&quot;:&quot;\u003csmall\u003eThen [discount] off after the [order_count_ordinal] order\u003c\/small\u003e&quot;,&quot;element_name&quot;:&quot;skio-plan-picker&quot;,&quot;product_handle&quot;:&quot;&quot;,&quot;combine_groups&quot;:false,&quot;combined_group_name&quot;:&quot;Subscription&quot;}'
5900    layout='vertical'
5901
5902    
5903      moneyFormat='${{amount}}'
5904    
5905
5906    
5907      product='{&quot;id&quot;:7269697060962,&quot;title&quot;:&quot;Unseen Sunscreen SPF 50&quot;,&quot;handle&quot;:&quot;unseen-sunscreen-spf-50&quot;,&quot;description&quot;:&quot;\u003cp\u003e\u003cmeta charset=\&quot;utf-8\&quot;\u003e\u003cmeta charset=\&quot;utf-8\&quot;\u003eOur award-winning invisible SPF, now even better! The iconic 100% invisible, weightless, scentless sunscreen that’s non-irritating, doubles as a primer for all-day makeup \u003cmeta charset=\&quot;utf-8\&quot;\u003ewear\u003cspan aria-labelledby=\&quot;footnote-2\&quot;\u003e²\u003c\/span\u003e \u0026amp; is clinically tested to improve skin \u003cmeta charset=\&quot;utf-8\&quot;\u003eclarity\u003cspan aria-labelledby=\&quot;footnote-1\&quot;\u003e¹\u003c\/span\u003e.\u003c\/p\u003e&quot;,&quot;published_at&quot;:&quot;2024-12-09T10:33:03-05:00&quot;,&quot;created_at&quot;:&quot;2024-12-02T12:56:43-05:00&quot;,&quot;vendor&quot;:&quot;Supergoop!&quot;,&quot;type&quot;:&quot;Face&quot;,&quot;tags&quot;:[&quot;ATTV_GLOBAL_EXCLUSION_TAG&quot;,&quot;Badge:Bestseller&quot;,&quot;Body Part:Face&quot;,&quot;Finish:Invisible&quot;,&quot;Finish:Natural&quot;,&quot;Finish:No white cast&quot;,&quot;YGroup_unseen50&quot;],&quot;price&quot;:1900,&quot;price_min&quot;:1900,&quot;price_max&quot;:7600,&quot;available&quot;:true,&quot;price_varies&quot;:true,&quot;compare_at_price&quot;:null,&quot;compare_at_price_min&quot;:0,&quot;compare_at_price_max&quot;:0,&quot;compare_at_price_varies&quot;:false,&quot;variants&quot;:[{&quot;id&quot;:41610270802018,&quot;title&quot;:&quot;1.7 fl. oz.&quot;,&quot;option1&quot;:&quot;1.7 fl. oz.&quot;,&quot;option2&quot;:null,&quot;option3&quot;:null,&quot;sku&quot;:&quot;8817&quot;,&quot;requires_shipping&quot;:true,&quot;taxable&quot;:true,&quot;featured_image&quot;:{&quot;id&quot;:33252601888866,&quot;product_id&quot;
5907:7269697060962,&quot;position&quot;:1,&quot;created_at&quot;:&quot;2025-09-16T09:55:18-04:00&quot;,&quot;updated_at&quot;:&quot;2025-09-16T09:55:58-04:00&quot;,&quot;alt&quot;:&quot;Supergoop! Unseen Sunscreen SPF 50 1.7 fl. oz.&quot;,&quot;width&quot;:1180,&quot;height&quot;:1604,&quot;src&quot;:&quot;\/\/supergoop.com\/cdn\/shop\/files\/Unseen_PDP_Image_Allure_Seal_2025.png?v=1758030958&quot;,&quot;variant_ids&quot;:[41610270802018]},&quot;available&quot;:true,&quot;name&quot;:&quot;Unseen Sunscreen SPF 50 - 1.7 fl. oz.&quot;,&quot;public_title&quot;:&quot;1.7 fl. oz.&quot;,&quot;options&quot;:[&quot;1.7 fl. oz.&quot;],&quot;price&quot;:3800,&quot;weight&quot;:74,&quot;compare_at_price&quot;:null,&quot;inventory_quantity&quot;:100,&quot;inventory_management&quot;:&quot;shopify&quot;,&quot;inventory_policy&quot;:&quot;deny&quot;,&quot;barcode&quot;:&quot;816218028817&quot;,&quot;featured_media&quot;:{&quot;alt&quot;:&quot;Supergoop! Unseen Sunscreen SPF 50 1.7 fl. oz.&quot;,&quot;id&quot;:24781773733986,&quot;position&quot;:1,&quot;preview_image&quot;:{&quot;aspect_ratio&quot;:0.736,&quot;height&quot;:1604,&quot;width&quot;:1180,&quot;src&quot;:&quot;\/\/supergoop.com\/cdn\/shop\/files\/Unseen_PDP_Image_Allure_Seal_2025.png?v=1758030958&quot;}},&quot;requires_selling_plan&quot;:false,&quot;selling_plan_allocations&quot;:[{&quot;price_adjustments&quot;:[{&quot;position&quot;:1,&quot;price&quot;:3420}],&quot;price&quot;:3420,&quot;compare_at_price&quot;:3800,&quot;per_delivery_price&quot;:3420,&quot;selling_plan_id&quot;:3022880866,&quot;selling_plan_group_id&quot;:&quot;d1c31b7d875f371afdda85ee0906e6c15aee403a&quot;},{&quot;price_adjustments&quot;:[{&quot;position&quot;:1,&quot;price&quot;:3420}],&quot;price&quot;:3420,&quot;compare_at_price&quot;:3800,&quot;per_delivery_price&quot;:3420,&quot;selling_plan_id&quot;:3022913634,&quot;selling_plan_group_id&quot;:&quot;d1c31b7d875f371afdda85ee0906e6c15aee403a&quot;},{&quot;price_adjustments&quot;:[{&quot;position&quot;:1,&quot;price&quot;:3420}],&quot;price&quot;:3420,&quot;compare_at_price&quot;:3800,&quot;per_delivery_price&quot;:3420,&quot;selling_plan_id&quot;:3022848098,&quot;selling_plan_group_id&quot;:&quot;d1c31b7d875f371afdda85ee0906e6c15aee403a&quot;}],&quot;quantity_rule&quot;:{&quot;min&quot;:1,&quot;max&quot;:null,&quot;increment&quot;:1}},{&quot;id&quot;:41610274275426,&quot;title&quot;:&quot;2.5 fl. oz.&quot;,&quot;option1&quot;:&quot;2.5 fl. oz.&quot;,&quot;option2&quot;:null,&quot;option3&quot;:null,&quot;sku&quot;:&quot;8824&quot;,&quot;requires_shipping&quot;:true,&quot;taxable&quot;:true,&quot;featured_image&quot;:{&quot;id&quot;:31530322165858,&quot;product_id&quot;:7269697060962,&quot;position&quot;:2,&quot;created_at&quot;:&quot;2024-12-06T17:26:33-05:00&quot;,&quot;updated_at&quot;:&quot;2026-03-29T11:10:43-04:00&quot;,&quot;alt&quot;:&quot;Supergoop! Unseen Sunscreen SPF 50 2.5 fl. oz.&quot;,&quot;width&quot;:1180,&quot;height&quot;:1604,&quot;src&quot;:&quot;\/\/supergoop.com\/cdn\/shop\/files\/supergoop-unseen-sunscreen-spf-50-product-and-texture-74ml.jpg?v=1774797043&quot;,&quot;variant_ids&quot;:[41610274275426]},&quot;available&quot;:true,&quot;name&quot;:&quot;Unseen Sunscreen SPF 50 - 2.5 fl. oz.&quot;,&quot;public_title&quot;:&quot;2.5 fl. oz.&quot;,&quot;options&quot;:[&quot;2.5 fl. oz.&quot;],&quot;price&quot;:4800,&quot;weight&quot;:74,&quot;compare_at_price&quot;:null,&quot;inventory_quantity&quot;:100,&quot;inventory_management&quot;:&quot;shopify&quot;,&quot;inventory_policy&quot;:&quot;deny&quot;,&quot;barcode&quot;:&quot;816218028824&quot;,&quot;featured_media&quot;:{&quot;alt&quot;:&quot;Supergoop! Unseen Sunscreen SPF 50 2.5 fl. oz.&quot;,&quot;id&quot;:23679571656802,&quot;position&quot;:2,&quot;preview_image&quot;:{&quot;aspect_ratio&quot;:0.736,&quot;height&quot;:1604,&quot;width&quot;:1180,&quot;src&quot;:&quot;\/\/supergoop.com\/cdn\/shop\/files\/supergoop-unseen-sunscreen-spf-50-product-and-texture-74ml.jpg?v=1774797043&quot;}},&quot;requires_selling_plan&quot;:false,&quot;selling_plan_allocations&quot;:[{&quot;price_adjustments&quot;:[{&quot;position&quot;:1,&quot;price&quot;:4320}],&quot;price&quot;:4320,&quot;compare_at_price&quot;:4800,&quot;per_delivery_price&quot;:4320,&quot;selling_plan_id&quot;:3022880866,&quot;selling_plan_group_id&quot;:&quot;d1c31b7d875f371afdda85ee0906e6c15aee403a&quot;},{&quot;price_adjustments&quot;:[{&quot;position&quot;:1,&quot;price&quot;:4320}],&quot;price&quot;:4320,&quot;compare_at_price&quot;:4800,&quot;per_delivery_price&quot;:4320,&quot;selling_plan_id&quot;:3022913634,&quot;selling_plan_group_id&quot;:&quot;d1c31b7d875f371afdda85ee0906e6c15aee403a&quot;},{&quot;price_adjustments&quot;:[{&quot;position&quot;:1,&quot;price&quot;:4320}],&quot;price&quot;:4320,&quot;compare_at_price&quot;:4800,&quot;per_delivery_price&quot;:4320,&quot;selling_plan_id&quot;:3022848098,&quot;selling_plan_group_id&quot;:&quot;d1c31b7d875f371afdda85ee0906e6c15aee403a&quot;}],&quot;quantity_rule&quot;:{&quot;min&quot;:1,&quot;max&quot;:null,&quot;increment&quot;:1}},{&quot;id&quot;:41610278305890,&quot;title&quot;:&quot;0.68 fl. oz.&quot;,&quot;option1&quot;:&quot;0.68 fl. oz.&quot;,&quot;option2&quot;:null,&quot;option3&quot;:null,&quot;sku&quot;:&quot;8855&quot;,&quot;requires_shipping&quot;:true,&quot;taxable&quot;:true,&quot;featured_image&quot;:{&quot;id&quot;:31530285629538,&quot;product_id&quot;
5907:7269697060962,&quot;position&quot;:3,&quot;created_at&quot;:&quot;2024-12-06T17:02:14-05:00&quot;,&quot;updated_at&quot;:&quot;2026-03-29T11:10:43-04:00&quot;,&quot;alt&quot;:&quot;Supergoop! Unseen Sunscreen SPF 50 0.68 fl. oz.&quot;,&quot;width&quot;:1180,&quot;height&quot;:1604,&quot;src&quot;:&quot;\/\/supergoop.com\/cdn\/shop\/files\/supergoop-unseen-sunscreen-spf-50-product-and-texture-20ml.jpg?v=1774797043&quot;,&quot;variant_ids&quot;:[41610278305890]},&quot;available&quot;:true,&quot;name&quot;:&quot;Unseen Sunscreen SPF 50 - 0.68 fl. oz.&quot;,&quot;public_title&quot;:&quot;0.68 fl. oz.&quot;,&quot;options&quot;:[&quot;0.68 fl. oz.&quot;],&quot;price&quot;:1900,&quot;weight&quot;:74,&quot;compare_at_price&quot;:null,&quot;inventory_quantity&quot;:100,&quot;inventory_management&quot;:&quot;shopify&quot;,&quot;inventory_policy&quot;:&quot;deny&quot;,&quot;barcode&quot;:&quot;816218028855&quot;,&quot;featured_media&quot;:{&quot;alt&quot;:&quot;Supergoop! Unseen Sunscreen SPF 50 0.68 fl. oz.&quot;,&quot;id&quot;:23679549472866,&quot;position&quot;:3,&quot;preview_image&quot;:{&quot;aspect_ratio&quot;:0.736,&quot;height&quot;:1604,&quot;width&quot;:1180,&quot;src&quot;:&quot;\/\/supergoop.com\/cdn\/shop\/files\/supergoop-unseen-sunscreen-spf-50-product-and-texture-20ml.jpg?v=1774797043&quot;}},&quot;requires_selling_plan&quot;:false,&quot;selling_plan_allocations&quot;:[{&quot;price_adjustments&quot;:[{&quot;position&quot;:1,&quot;price&quot;:1710}],&quot;price&quot;:1710,&quot;compare_at_price&quot;:1900,&quot;per_delivery_price&quot;:1710,&quot;selling_plan_id&quot;:3022880866,&quot;selling_plan_group_id&quot;:&quot;d1c31b7d875f371afdda85ee0906e6c15aee403a&quot;},{&quot;price_adjustments&quot;:[{&quot;position&quot;:1,&quot;price&quot;:1710}],&quot;price&quot;:1710,&quot;compare_at_price&quot;:1900,&quot;per_delivery_price&quot;:1710,&quot;selling_plan_id&quot;:3022913634,&quot;selling_plan_group_id&quot;:&quot;d1c31b7d875f371afdda85ee0906e6c15aee403a&quot;},{&quot;price_adjustments&quot;:[{&quot;position&quot;:1,&quot;price&quot;:1710}],&quot;price&quot;:1710,&quot;compare_at_price&quot;:1900,&quot;per_delivery_price&quot;:1710,&quot;selling_plan_id&quot;:3022848098,&quot;selling_plan_group_id&quot;:&quot;d1c31b7d875f371afdda85ee0906e6c15aee403a&quot;}],&quot;quantity_rule&quot;:{&quot;min&quot;:1,&quot;max&quot;:null,&quot;increment&quot;:1}},{&quot;id&quot;:42388055916642,&quot;title&quot;:&quot;2-pack&quot;,&quot;option1&quot;:&quot;2-pack&quot;,&quot;option2&quot;:null,&quot;option3&quot;:null,&quot;sku&quot;:&quot;3423&quot;,&quot;requires_shipping&quot;:true,&quot;taxable&quot;:true,&quot;featured_image&quot;:{&quot;id&quot;:31693618905186,&quot;product_id&quot;:7269697060962,&quot;position&quot;:4,&quot;created_at&quot;:&quot;2025-01-13T11:31:37-05:00&quot;,&quot;updated_at&quot;:&quot;2026-03-29T11:10:43-04:00&quot;,&quot;alt&quot;:&quot;Supergoop! Unseen Sunscreen SPF 50 2-pack&quot;,&quot;width&quot;:1180,&quot;height&quot;:1604,&quot;src&quot;:&quot;\/\/supergoop.com\/cdn\/shop\/files\/Unseen_2-Pack.png?v=1774797043&quot;,&quot;variant_ids&quot;:[42388055916642]},&quot;available&quot;:true,&quot;name&quot;:&quot;Unseen Sunscreen SPF 50 - 2-pack&quot;,&quot;public_title&quot;:&quot;2-pack&quot;,&quot;options&quot;:[&quot;2-pack&quot;],&quot;price&quot;:7600,&quot;weight&quot;:74,&quot;compare_at_price&quot;:null,&quot;inventory_quantity&quot;:0,&quot;inventory_management&quot;:null,&quot;inventory_policy&quot;:&quot;deny&quot;,&quot;barcode&quot;:null,&quot;featured_media&quot;:{&quot;alt&quot;:&quot;Supergoop! Unseen Sunscreen SPF 50 2-pack&quot;,&quot;id&quot;:23788988530786,&quot;position&quot;:4,&quot;preview_image&quot;:{&quot;aspect_ratio&quot;:0.736,&quot;height&quot;:1604,&quot;width&quot;:1180,&quot;src&quot;:&quot;\/\/supergoop.com\/cdn\/shop\/files\/Unseen_2-Pack.png?v=1774797043&quot;}},&quot;requires_selling_plan&quot;:false,&quot;selling_plan_allocations&quot;:[],&quot;quantity_rule&quot;:{&quot;min&quot;:1,&quot;max&quot;:null,&quot;increment&quot;:1}}],&quot;images&quot;:[&quot;\/\/supergoop.com\/cdn\/shop\/files\/Unseen_PDP_Image_Allure_Seal_2025.png?v=1758030958&quot;,&quot;\/\/supergoop.com\/cdn\/shop\/files\/supergoop-unseen-sunscreen-spf-50-product-and-texture-74ml.jpg?v=1774797043&quot;,&quot;\/\/supergoop.com\/cdn\/shop\/files\/supergoop-unseen-sunscreen-spf-50-product-and-texture-20ml.jpg?v=1774797043&quot;,&quot;\/\/supergoop.com\/cdn\/shop\/files\/Unseen_2-Pack.png?v=1774797043&quot;,&quot;\/\/supergoop.com\/cdn\/shop\/files\/supergoop-unseen-sunscreen-spf-50-model-with-benefits-and-texture-on-face.jpg?v=1774797043&quot;,&quot;\/\/supergoop.com\/cdn\/shop\/files\/supergoop-unseen-sunscreen-spf-50-model-before-and-after-makeup.png?v=1774797043&quot;,&quot;\/\/supergoop.com\/cdn\/shop\/files\/Unseen_PDP_Chart.png?v=1774797043&quot;,&quot;\/\/supergoop.com\/cdn\/shop\/files\/supergoop-unseen-sunscreen-spf-50-product-and-texture-with-ingredients.png?v=1774797043&quot;,&quot;\/\/supergoop.com\/cdn\/shop\/files\/supergoop-unseen-sunscreen-spf-50-model-with-texture-on-fingers.png?v=1774797043&quot;],&quot;featured_image&quot;:&quot;\/\/supergoop.com\/cdn\/shop\/files\/Unseen_PDP_Image_Allure_Seal_2025.png?v=1758030958&quot;,&quot;options&quot;:[&quot;Size&quot;],&quot;media&quot;:[{&quot;alt&quot;:&quot;
5907Supergoop! Unseen Sunscreen SPF 50 1.7 fl. oz.&quot;,&quot;id&quot;:24781773733986,&quot;position&quot;:1,&quot;preview_image&quot;:{&quot;aspect_ratio&quot;:0.736,&quot;height&quot;:1604,&quot;width&quot;:1180,&quot;src&quot;:&quot;\/\/supergoop.com\/cdn\/shop\/files\/Unseen_PDP_Image_Allure_Seal_2025.png?v=1758030958&quot;},&quot;aspect_ratio&quot;:0.736,&quot;height&quot;:1604,&quot;media_type&quot;:&quot;image&quot;,&quot;src&quot;:&quot;\/\/supergoop.com\/cdn\/shop\/files\/Unseen_PDP_Image_Allure_Seal_2025.png?v=1758030958&quot;,&quot;width&quot;:1180},{&quot;alt&quot;:&quot;Supergoop! Unseen Sunscreen SPF 50 2.5 fl. oz.&quot;,&quot;id&quot;:23679571656802,&quot;position&quot;:2,&quot;preview_image&quot;:{&quot;aspect_ratio&quot;:0.736,&quot;height&quot;:1604,&quot;width&quot;:1180,&quot;src&quot;:&quot;\/\/supergoop.com\/cdn\/shop\/files\/supergoop-unseen-sunscreen-spf-50-product-and-texture-74ml.jpg?v=1774797043&quot;},&quot;aspect_ratio&quot;:0.736,&quot;height&quot;:1604,&quot;media_type&quot;:&quot;image&quot;,&quot;src&quot;:&quot;\/\/supergoop.com\/cdn\/shop\/files\/supergoop-unseen-sunscreen-spf-50-product-and-texture-74ml.jpg?v=1774797043&quot;,&quot;width&quot;:1180},{&quot;alt&quot;:&quot;Supergoop! Unseen Sunscreen SPF 50 0.68 fl. oz.&quot;,&quot;id&quot;:23679549472866,&quot;position&quot;:3,&quot;preview_image&quot;:{&quot;aspect_ratio&quot;:0.736,&quot;height&quot;:1604,&quot;width&quot;:1180,&quot;src&quot;:&quot;\/\/supergoop.com\/cdn\/shop\/files\/supergoop-unseen-sunscreen-spf-50-product-and-texture-20ml.jpg?v=1774797043&quot;},&quot;aspect_ratio&quot;:0.736,&quot;height&quot;:1604,&quot;media_type&quot;:&quot;image&quot;,&quot;src&quot;:&quot;\/\/supergoop.com\/cdn\/shop\/files\/supergoop-unseen-sunscreen-spf-50-product-and-texture-20ml.jpg?v=1774797043&quot;,&quot;width&quot;:1180},{&quot;alt&quot;:&quot;Supergoop! Unseen Sunscreen SPF 50 2-pack&quot;,&quot;id&quot;:23788988530786,&quot;position&quot;:4,&quot;preview_image&quot;:{&quot;aspect_ratio&quot;:0.736,&quot;height&quot;:1604,&quot;width&quot;:1180,&quot;src&quot;:&quot;\/\/supergoop.com\/cdn\/shop\/files\/Unseen_2-Pack.png?v=1774797043&quot;},&quot;aspect_ratio&quot;:0.736,&quot;height&quot;:1604,&quot;media_type&quot;:&quot;image&quot;,&quot;src&quot;:&quot;\/\/supergoop.com\/cdn\/shop\/files\/Unseen_2-Pack.png?v=1774797043&quot;,&quot;width&quot;:1180},{&quot;alt&quot;:&quot;Supergoop! Unseen Sunscreen SPF 50 1.7 fl. oz. 2.5 fl. oz. 0.68 fl. oz. 2-pack 3-pack&quot;,&quot;id&quot;:23679549702242,&quot;position&quot;:5,&quot;preview_image&quot;:{&quot;aspect_ratio&quot;:0.736,&quot;height&quot;:1604,&quot;width&quot;:1180,&quot;src&quot;:&quot;\/\/supergoop.com\/cdn\/shop\/files\/supergoop-unseen-sunscreen-spf-50-model-with-benefits-and-texture-on-face.jpg?v=1774797043&quot;},&quot;aspect_ratio&quot;:0.736,&quot;height&quot;:1604,&quot;media_type&quot;:&quot;image&quot;,&quot;src&quot;:&quot;\/\/supergoop.com\/cdn\/shop\/files\/supergoop-unseen-sunscreen-spf-50-model-with-benefits-and-texture-on-face.jpg?v=1774797043&quot;,&quot;width&quot;:1180},{&quot;alt&quot;:&quot;Supergoop! Unseen Sunscreen SPF 50 1.7 fl. oz. 2.5 fl. oz. 0.68 fl. oz. 2-pack 3-pack\nWhipped Coconut Vanilla Orchid Sunny Citrus&quot;,&quot;id&quot;:23936052789346,&quot;position&quot;:6,&quot;preview_image&quot;:{&quot;aspect_ratio&quot;:0.736,&quot;height&quot;:802,&quot;width&quot;:590,&quot;src&quot;:&quot;\/\/supergoop.com\/cdn\/shop\/files\/preview_images\/7454bbed36824d90914fce97b6ced6b2.thumbnail.0000000000.jpg?v=1740415101&quot;},&quot;aspect_ratio&quot;:0.733,&quot;duration&quot;:5300,&quot;media_type&quot;:&quot;video&quot;,&quot;sources&quot;:[{&quot;format&quot;:&quot;mp4&quot;,&quot;height&quot;:480,&quot;mime_type&quot;:&quot;video\/mp4&quot;,&quot;url&quot;:&quot;\/\/supergoop.com\/cdn\/shop\/videos\/c\/vp\/7454bbed36824d90914fce97b6ced6b2\/7454bbed36824d90914fce97b6ced6b2.SD-480p-1.5Mbps-43142703.mp4?v=0&quot;,&quot;width&quot;:352},{&quot;format&quot;:&quot;mp4&quot;,&quot;height&quot;:720,&quot;mime_type&quot;:&quot;video\/mp4&quot;,&quot;url&quot;:&quot;\/\/supergoop.com\/cdn\/shop\/videos\/c\/vp\/7454bbed36824d90914fce97b6ced6b2\/7454bbed36824d90914fce97b6ced6b2.HD-720p-4.5Mbps-43142703.mp4?v=0&quot;,&quot;width&quot;:528},{&quot;format&quot;:&quot;m3u8&quot;,&quot;height&quot;:720,&quot;mime_type&quot;:&quot;application\/x-mpegURL&quot;,&quot;url&quot;:&quot;\/\/supergoop.com\/cdn\/shop\/videos\/c\/vp\/7454bbed36824d90914fce97b6ced6b2\/7454bbed36824d90914fce97b6ced6b2.m3u8?v=0&quot;,&quot;width&quot;:528}]},{&quot;alt&quot;:&quot;
5907Supergoop! Unseen Sunscreen SPF 50 1.7 fl. oz. 2.5 fl. oz. 0.68 fl. oz. 2-pack 3-pack&quot;,&quot;id&quot;:23684852711522,&quot;position&quot;:7,&quot;preview_image&quot;:{&quot;aspect_ratio&quot;:0.736,&quot;height&quot;:1604,&quot;width&quot;:1180,&quot;src&quot;:&quot;\/\/supergoop.com\/cdn\/shop\/files\/supergoop-unseen-sunscreen-spf-50-model-before-and-after-makeup.png?v=1774797043&quot;},&quot;aspect_ratio&quot;:0.736,&quot;height&quot;:1604,&quot;media_type&quot;:&quot;image&quot;,&quot;src&quot;:&quot;\/\/supergoop.com\/cdn\/shop\/files\/supergoop-unseen-sunscreen-spf-50-model-before-and-after-makeup.png?v=1774797043&quot;,&quot;width&quot;:1180},{&quot;alt&quot;:&quot;Supergoop! Unseen Sunscreen SPF 50 1.7 fl. oz. 2.5 fl. oz. 0.68 fl. oz. 2-pack 3-pack&quot;,&quot;id&quot;:24787808419938,&quot;position&quot;:8,&quot;preview_image&quot;:{&quot;aspect_ratio&quot;:0.736,&quot;height&quot;:1604,&quot;width&quot;:1180,&quot;src&quot;:&quot;\/\/supergoop.com\/cdn\/shop\/files\/Unseen_PDP_Chart.png?v=1774797043&quot;},&quot;aspect_ratio&quot;:0.736,&quot;height&quot;:1604,&quot;media_type&quot;:&quot;image&quot;,&quot;src&quot;:&quot;\/\/supergoop.com\/cdn\/shop\/files\/Unseen_PDP_Chart.png?v=1774797043&quot;,&quot;width&quot;:1180},{&quot;alt&quot;:&quot;Supergoop! Unseen Sunscreen SPF 50 1.7 fl. oz. 2.5 fl. oz. 0.68 fl. oz. 2-pack 3-pack&quot;,&quot;id&quot;:23684852580450,&quot;position&quot;:9,&quot;preview_image&quot;:{&quot;aspect_ratio&quot;:0.736,&quot;height&quot;:1604,&quot;width&quot;:1180,&quot;src&quot;:&quot;\/\/supergoop.com\/cdn\/shop\/files\/supergoop-unseen-sunscreen-spf-50-product-and-texture-with-ingredients.png?v=1774797043&quot;},&quot;aspect_ratio&quot;:0.736,&quot;height&quot;:1604,&quot;media_type&quot;:&quot;image&quot;,&quot;src&quot;:&quot;\/\/supergoop.com\/cdn\/shop\/files\/supergoop-unseen-sunscreen-spf-50-product-and-texture-with-ingredients.png?v=1774797043&quot;,&quot;width&quot;:1180},{&quot;alt&quot;:&quot;Supergoop! Unseen Sunscreen SPF 50 1.7 fl. oz. 2.5 fl. oz. 0.68 fl. oz. 2-pack 3-pack&quot;,&quot;id&quot;:23684852777058,&quot;position&quot;:10,&quot;preview_image&quot;:{&quot;aspect_ratio&quot;:0.736,&quot;height&quot;:1604,&quot;width&quot;:1180,&quot;src&quot;:&quot;\/\/supergoop.com\/cdn\/shop\/files\/supergoop-unseen-sunscreen-spf-50-model-with-texture-on-fingers.png?v=1774797043&quot;},&quot;aspect_ratio&quot;:0.736,&quot;height&quot;:1604,&quot;media_type&quot;:&quot;image&quot;,&quot;src&quot;:&quot;\/\/supergoop.com\/cdn\/shop\/files\/supergoop-unseen-sunscreen-spf-50-model-with-texture-on-fingers.png?v=1774797043&quot;,&quot;width&quot;:1180}],&quot;requires_selling_plan&quot;:false,&quot;selling_plan_groups&quot;:[{&quot;id&quot;:&quot;d1c31b7d875f371afdda85ee0906e6c15aee403a&quot;,&quot;name&quot;:&quot;Subscription&quot;,&quot;options&quot;:[{&quot;name&quot;:&quot;Subscription&quot;,&quot;position&quot;:1,&quot;values&quot;:[&quot;Every 2 months&quot;,&quot;Every 3 months (recommended)&quot;,&quot;Every 4 months&quot;]}],&quot;selling_plans&quot;:[{&quot;id&quot;:3022880866,&quot;name&quot;:&quot;Every 2 months&quot;,&quot;description&quot;:null,&quot;options&quot;:[{&quot;name&quot;:&quot;Subscription&quot;,&quot;position&quot;:1,&quot;value&quot;:&quot;Every 2 months&quot;}],&quot;recurring_deliveries&quot;:true,&quot;price_adjustments&quot;:[{&quot;order_count&quot;:null,&quot;position&quot;:1,&quot;value_type&quot;:&quot;percentage&quot;,&quot;value&quot;:10}],&quot;checkout_charge&quot;:{&quot;value_type&quot;:&quot;percentage&quot;,&quot;value&quot;:100}},{&quot;id&quot;:3022913634,&quot;name&quot;:&quot;Every 3 months (recommended)&quot;,&quot;description&quot;:null,&quot;options&quot;:[{&quot;name&quot;:&quot;Subscription&quot;,&quot;position&quot;:1,&quot;value&quot;:&quot;Every 3 months (recommended)&quot;}],&quot;recurring_deliveries&quot;:true,&quot;price_adjustments&quot;:[{&quot;order_count&quot;:null,&quot;position&quot;:1,&quot;value_type&quot;:&quot;percentage&quot;,&quot;value&quot;:10}],&quot;checkout_charge&quot;:{&quot;value_type&quot;:&quot;percentage&quot;,&quot;value&quot;:100}},{&quot;id&quot;:3022848098,&quot;name&quot;:&quot;Every 4 months&quot;,&quot;description&quot;:null,&quot;options&quot;:[{&quot;name&quot;:&quot;Subscription&quot;,&quot;position&quot;:1,&quot;value&quot;:&quot;Every 4 months&quot;}],&quot;recurring_deliveries&quot;:true,&quot;price_adjustments&quot;:[{&quot;order_count&quot;:null,&quot;position&quot;:1,&quot;value_type&quot;:&quot;percentage&quot;,&quot;value&quot;:10}],&quot;checkout_charge&quot;:{&quot;value_type&quot;:&quot;percentage&quot;,&quot;value&quot;:100}}],&quot;app_id&quot;:&quot;SKIO&quot;}],&quot;content&quot;:&quot;\u003cp\u003e\u003cmeta charset=\&quot;utf-8\&quot;\u003e\u003cmeta charset=\&quot;utf-8\&quot;\u003eOur award-winning invisible SPF, now even better! The iconic 100% invisible, weightless, scentless sunscreen that’s non-irritating, doubles as a primer for all-day makeup \u003cmeta charset=\&quot;utf-8\&quot;\u003ewear\u003cspan aria-labelledby=\&quot;footnote-2\&quot;\u003e²\u003c\/span\u003e \u0026amp; is clinically tested to improve skin \u003cmeta charset=\&quot;utf-8\&quot;\u003eclarity\u003cspan aria-labelledby=\&quot;footnote-1\&quot;\u003e¹\u003c\/span\u003e.\u003c\/p\u003e&quot;}'
5908      selectedVariant='{&quot;id&quot;:41610270802018,&quot;title&quot;:&quot;1.7 fl. oz.&quot;,&quot;option1&quot;:&quot;1.7 fl. oz.&quot;,&quot;option2&quot;:null,&quot;option3&quot;:null,&quot;sku&quot;:&quot;8817&quot;,&quot;requires_shipping&quot;:true,&quot;taxable&quot;:true,&quot;featured_image&quot;:{&quot;id&quot;:33252601888866,&quot;product_id&quot;
5908:7269697060962,&quot;position&quot;:1,&quot;created_at&quot;:&quot;2025-09-16T09:55:18-04:00&quot;,&quot;updated_at&quot;:&quot;2025-09-16T09:55:58-04:00&quot;,&quot;alt&quot;:&quot;Supergoop! Unseen Sunscreen SPF 50 1.7 fl. oz.&quot;,&quot;width&quot;:1180,&quot;height&quot;:1604,&quot;src&quot;:&quot;\/\/supergoop.com\/cdn\/shop\/files\/Unseen_PDP_Image_Allure_Seal_2025.png?v=1758030958&quot;,&quot;variant_ids&quot;:[41610270802018]},&quot;available&quot;:true,&quot;name&quot;:&quot;Unseen Sunscreen SPF 50 - 1.7 fl. oz.&quot;,&quot;public_title&quot;:&quot;1.7 fl. oz.&quot;,&quot;options&quot;:[&quot;1.7 fl. oz.&quot;],&quot;price&quot;:3800,&quot;weight&quot;:74,&quot;compare_at_price&quot;:null,&quot;inventory_quantity&quot;:100,&quot;inventory_management&quot;:&quot;shopify&quot;,&quot;inventory_policy&quot;:&quot;deny&quot;,&quot;barcode&quot;:&quot;816218028817&quot;,&quot;featured_media&quot;:{&quot;alt&quot;:&quot;Supergoop! Unseen Sunscreen SPF 50 1.7 fl. oz.&quot;,&quot;id&quot;:24781773733986,&quot;position&quot;:1,&quot;preview_image&quot;:{&quot;aspect_ratio&quot;:0.736,&quot;height&quot;:1604,&quot;width&quot;:1180,&quot;src&quot;:&quot;\/\/supergoop.com\/cdn\/shop\/files\/Unseen_PDP_Image_Allure_Seal_2025.png?v=1758030958&quot;}},&quot;requires_selling_plan&quot;:false,&quot;selling_plan_allocations&quot;:[{&quot;price_adjustments&quot;:[{&quot;position&quot;:1,&quot;price&quot;:3420}],&quot;price&quot;:3420,&quot;compare_at_price&quot;:3800,&quot;per_delivery_price&quot;:3420,&quot;selling_plan_id&quot;:3022880866,&quot;selling_plan_group_id&quot;:&quot;d1c31b7d875f371afdda85ee0906e6c15aee403a&quot;},{&quot;price_adjustments&quot;:[{&quot;position&quot;:1,&quot;price&quot;:3420}],&quot;price&quot;:3420,&quot;compare_at_price&quot;:3800,&quot;per_delivery_price&quot;:3420,&quot;selling_plan_id&quot;:3022913634,&quot;selling_plan_group_id&quot;:&quot;d1c31b7d875f371afdda85ee0906e6c15aee403a&quot;},{&quot;price_adjustments&quot;:[{&quot;position&quot;:1,&quot;price&quot;:3420}],&quot;price&quot;:3420,&quot;compare_at_price&quot;:3800,&quot;per_delivery_price&quot;:3420,&quot;selling_plan_id&quot;:3022848098,&quot;selling_plan_group_id&quot;:&quot;d1c31b7d875f371afdda85ee0906e6c15aee403a&quot;}],&quot;quantity_rule&quot;:{&quot;min&quot;:1,&quot;max&quot;:null,&quot;increment&quot;:1}}'
5909    
5910    fauxComparePrices='{&quot;41610270802018&quot;:&quot;&quot;,&quot;41610274275426&quot;:&quot;&quot;,&quot;41610278305890&quot;:&quot;&quot;,&quot;42388055916642&quot;:&quot;&quot;}'
5911    
5912    globalSalesAmount='20'
5913  >
5914    <input type='hidden' name='selling_plan' form='productForm'>
5915
5916    
5917      <div slot="additional_subscription_content">
5918        <div id="yotpo-subscriptions-info-block-container" class="yotpo-subscriptions-info-block-container" style="display: flex;">
5919<div class="benefits-text">10% off + free shipping on every delivery</div>
5920<div class="terms-and-conditions-text">
5921<div>Adjust order intervals, skip orders or pause. Cancel anytime.</div>
5922<a href="https://supergoop.com/pages/supermail" target="_blank" class="terms-and-conditions-link">Subscribe & Save</a>
5923</div>
5924<div class="discount-codes-text">Discount codes not applicable to Subscribe & Save unless otherwise specified.</div>
5925</div>
5926      </div>
5927    
5928
5929  </skio-plan-picker>
5930
5931  
5931<script src='//supergoop.com/cdn/shop/t/510/assets/skio-plan-picker-component.js?v=181833959305372343261789068782' type='module'></script>
5931
5932
5933
5934          
5935      
5936        
5937            
5938          <form
5939  data-product-form
5940  id="productForm"
5941  method="post"
5942  action="/cart/add"
5943  acceptCharset="UTF-8"
5944  encType="multipart/form-data"
5945  noValidate="novalidate"
5946  class='flex flex-col mt-4'>
5947  <select name="id" class="hidden">
5948    
5949      <option
5950      value="41610270802018"
5951      selected>
5952        
5953      </option>
5954    
5955      <option
5956      value="41610274275426"
5957      >
5958        
5959      </option>
5960    
5961      <option
5962      value="41610278305890"
5963      >
5964        
5965      </option>
5966    
5967      <option
5968      value="42388055916642"
5969      >
5970        
5971      </option>
5972    
5973  </select>
5974  <div id="atc-wrapper" class="flex">
5975    <button
5976      data-add-to-cart
5977      type="submit"
5978      class='button button-primary font-bold uppercase label-12 tracking-[2px] w-full p-0'>
5979      <span>
5980        Add to bag -
5981      </span>
5982      <span data-button-price></span>
5983    </button>
5984    <div class="flex min-w-20 h-11 border border-grey-D0 ml-3" tabIndex='-1'>
5985      <button
5986        data-button-minus
5987        type="button"
5988        aria-label="Decrease quantity"
5989        class="flex justify-center items-center w-8 focus:ring-offset-0 disabled:text-grey-8 text-white">
5990        <svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
5991  <circle cx="16" cy="16" r="16" fill="currentColor"/>
5992  <path d="M9 16H23" stroke="#2A2A2A"/>
5993</svg>
5994
5995      </button>
5996      <input
5997        id="main-product-quantity"
5998        data-quantity-input
5999        value="1"
6000        type="text"
6001        inputmode="numeric"
6002        role="spinbutton"
6003        aria-valuenow="1"
6004        aria-valuemin="1"
6005        class="border-0 m-0 body-sm  w-4 text-center text-headline-tag p-0 focus:ring-offset-0 focus:ring-0 select-none"
6006        aria-label="Quantity field"
6007        aria-live="polite"
6008        aria-readonly="true"
6009        readOnly />
6010      <button
6011        data-button-plus
6012        type="button"
6013        aria-label="Increase quantity"
6014        class="flex justify-center items-center w-7 focus:ring-offset-0 disabled:text-grey-8 text-white">
6015        <svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
6016  <circle cx="16" cy="16" r="16" fill="currentColor"/>
6017  <path d="M9 16H23" stroke="#2A2A2A"/>
6018  <path d="M16 9V23" stroke="#2A2A2A"/>
6019</svg>
6020
6021      </button>
6022    </div>
6023
6024  </div>
6025  <div data-quantity-message class="text-error body-xs my-2 [&>a]:text-inherit [&>a]:hover:no-underline hidden">
6026    Looking to buy more than 20? Visit our <a href="/pages/bulk-gifting"><u>Group Gifting page</u></a> or chat with us for special pricing.
6027  </div>
6028</form>
6029          
6030            <div class="sticky-product-button lg:px-[60px] fixed bottom-0 left-0 w-full z-40 ease-in-out duration-300" aria-hidden="true" style="transform: translateY(100%);">
6031  <div class="overflow-hidden w-full lg:h-[74px] h-[64px] lg:rounded-t-lg  border-t lg:border-l lg:border-r lg:border-grey-B4 border-grey-D0 bg-white lg:flex lg:justify-between">
6032    <div class="flex-1 min-w-0 hidden lg:flex items-center">
6033      <img
6034        src="//supergoop.com/cdn/shop/files/2-in-1BeautyBoosterSet_JumboSunrise_Img1_08c75e60-d834-43ca-8129-89d75e6d3247.jpg?v=1718901349"
6035        alt="Jumbo 2-in-1 Beauty Booster Set Packshot with Texture Swatch"
6036        class="w-auto h-full hidden md:block"
6037        data-sticky-image>
6038      <div class="body pl-3">Unseen Sunscreen SPF 50</div>
6039      <div class="body-xs text-grey-5C flex">
6040        
6041          <div class="flex" data-sticky-option-color>
6042            <div aria-hidden="true" class="pl-5 pr-5">|</div>
6043            <div data-sticky-option-color-value></div>
6044          </div>
6045          <div class="flex" data-sticky-option-size>
6046            <div aria-hidden="true" class="pl-5 pr-5">|</div>
6047            <div data-sticky-option-size-value></div>
6048          </div>
6049        
6050      </div>
6051    </div>
6052    <div class="[&amp;_button]:lg:w-[366px] [&amp;_button]:h-[44px] [&amp;_button]:w-full p-2.5 lg:pr-5 lg:py-[15px]">
6053      <button data-sticky-product-button class="button button-primary uppercase label-12 tracking-[2px] w-full p-0 [&.notify-me_span:not(:first-child)]:hidden" data-notify-text="Notify me when available" data-add-text="Add to bag ">
6054        <span>Add to bag </span>
6055        <span>-</span>
6056        <span data-sticky-price></span>
6057      </button>
6058    </div>
6059  </div>
6060</div>
6061          
6062
6063      
6064        
6065          <div class="pt-4 flex grid-cols-3 gap-x-3  items-start lg:items-center utility-s text-[12px] text-grey-5C justify-evenly">
6066  
6067
6068    <highlight-block
6069      class="flex flex-col items-center lg:flex-row lg:justify-center relative">
6070      <div
6071        class="w-[40px] h-[40px] lg:w-[37px] lg:h-[37px] flex justify-center items-center relative">
6072
6073        
6074        <img src="//supergoop.com/cdn/shop/files/supergoop-icons-full-set-22_070eee21-add6-4309-b44c-cfee9557a4de.png?v=1726741899&amp;width=1000" alt="" srcset="//supergoop.com/cdn/shop/files/supergoop-icons-full-set-22_070eee21-add6-4309-b44c-cfee9557a4de.png?v=1726741899&amp;width=352 352w, //supergoop.com/cdn/shop/files/supergoop-icons-full-set-22_070eee21-add6-4309-b44c-cfee9557a4de.png?v=1726741899&amp;width=832 832w, //supergoop.com/cdn/shop/files/supergoop-icons-full-set-22_070eee21-add6-4309-b44c-cfee9557a4de.png?v=1726741899&amp;width=1000 1000w" width="1000" height="998" class="max-w-full">
6075      </div><button
6076        class="flex items-center text-center lg:text-left font-sans font-normal leading-[18px] relative cursor-pointer"data-opener
6077        aria-expanded="false"
6078        aria-controls="highlight-tooltip-1">
6079        <span class="max-w-[100px] text-xs leading-[15px] text-center lg:text-left">
6080          Free Shipping on Orders $50+</span><svg
6081      class="inline-block min-w-[10px] ml-[2px]"
6082      xmlns="http://www.w3.org/2000/svg"
6083      width="10"
6084      height="10"
6085      viewBox="0 0 10 10"
6086      fill="none"
6087    >
6088      <circle cx="5.18728" cy="5.30459" r="4.32118" stroke="#5C5C5C" stroke-width="0.454861"/>
6089      <path d="M5.62213 3.61815V4.21856H5.12542V3.61815H5.62213ZM5.62213 4.63886V7.57544H5.12542V4.63886H5.62213Z" fill="#5C5C5C"/>
6090    </svg>
6091</button><div
6092          id="highlight-tooltip-1"
6093          data-tooltip
6094          role="status"
6095          class="
6096          w-[224px] hidden tooltip-custom text-left border border-supergoop-blue rounded absolute z-10 bg-white pt-2.5 pr-[26px] pb-2 pl-3 top-[calc(100%+1rem)]
6097          
6098            left-0
6099          ">
6100          <div>
6101            <div class="metafield-rich_text_field"><p><strong>Offer applied at checkout.</strong></p><p>Applied before taxes &amp; after discounts. Exclusions may apply</p></div>
6102          </div>
6103          <button
6104            type="button"
6105            data-closure
6106            aria-label="Close tooltip"
6107            class="absolute top-2 right-2 [&_*]:pointer-events-none">
6108            <svg
6109      class=""
6110      xmlns="http://www.w3.org/2000/svg"
6111      width="21"
6112      height="21"
6113      viewBox="0 0 21 21"
6114      fill="none"
6115    >
6116      <circle cx="10.4999" cy="10.5" r="8.42105" fill="white"/>
6117      <path d="M7.41064 14.0012L14.001 7.41083" stroke="#2A2A2A" stroke-width="0.526316"/>
6118      <path d="M7.41064 7.41077L14.001 14.0012" stroke="#2A2A2A" stroke-width="0.526316"/>
6119    </svg>
6120          </button>
6121          <div class="beak"></div>
6122        </div></highlight-block>
6123  
6124
6125    <highlight-block
6126      class="flex flex-col items-center lg:flex-row lg:justify-center relative">
6127      <div
6128        class="w-[40px] h-[40px] lg:w-[37px] lg:h-[37px] flex justify-center items-center relative">
6129
6130        
6131        <img src="//supergoop.com/cdn/shop/files/Frame_7_20683f5c-e02f-413d-9899-e77d22094229.png?v=1726813381&amp;width=1000" alt="" srcset="//supergoop.com/cdn/shop/files/Frame_7_20683f5c-e02f-413d-9899-e77d22094229.png?v=1726813381&amp;width=352 352w, //supergoop.com/cdn/shop/files/Frame_7_20683f5c-e02f-413d-9899-e77d22094229.png?v=1726813381&amp;width=832 832w, //supergoop.com/cdn/shop/files/Frame_7_20683f5c-e02f-413d-9899-e77d22094229.png?v=1726813381&amp;width=1000 1000w" width="1000" height="1012" class="max-w-full">
6132      </div><button
6133        class="flex items-center text-center lg:text-left font-sans font-normal leading-[18px] relative cursor-pointer"data-opener
6134        aria-expanded="false"
6135        aria-controls="highlight-tooltip-2">
6136        <span class="max-w-[100px] text-xs leading-[15px] text-center lg:text-left">
6137          Free Returns</span><svg
6138      class="inline-block min-w-[10px] ml-[2px]"
6139      xmlns="http://www.w3.org/2000/svg"
6140      width="10"
6141      height="10"
6142      viewBox="0 0 10 10"
6143      fill="none"
6144    >
6145      <circle cx="5.18728" cy="5.30459" r="4.32118" stroke="#5C5C5C" stroke-width="0.454861"/>
6146      <path d="M5.62213 3.61815V4.21856H5.12542V3.61815H5.62213ZM5.62213 4.63886V7.57544H5.12542V4.63886H5.62213Z" fill="#5C5C5C"/>
6147    </svg>
6148</button><div
6149          id="highlight-tooltip-2"
6150          data-tooltip
6151          role="status"
6152          class="
6153          w-[224px] hidden tooltip-custom text-left border border-supergoop-blue rounded absolute z-10 bg-white pt-2.5 pr-[26px] pb-2 pl-3 top-[calc(100%+1rem)]
6154          
6155            right-0
6156          ">
6157          <div>
6158            <div class="metafield-rich_text_field"><p><strong>We want you to be satisfied.</strong></p><p>Return or exchange within 45 days. Final sale items excluded.</p></div>
6159          </div>
6160          <button
6161            type="button"
6162            data-closure
6163            aria-label="Close tooltip"
6164            class="absolute top-2 right-2 [&_*]:pointer-events-none">
6165            <svg
6166      class=""
6167      xmlns="http://www.w3.org/2000/svg"
6168      width="21"
6169      height="21"
6170      viewBox="0 0 21 21"
6171      fill="none"
6172    >
6173      <circle cx="10.4999" cy="10.5" r="8.42105" fill="white"/>
6174      <path d="M7.41064 14.0012L14.001 7.41083" stroke="#2A2A2A" stroke-width="0.526316"/>
6175      <path d="M7.41064 7.41077L14.001 14.0012" stroke="#2A2A2A" stroke-width="0.526316"/>
6176    </svg>
6177          </button>
6178          <div class="beak"></div>
6179        </div></highlight-block>
6180  
6181
6182    <highlight-block
6183      class="flex flex-col items-center lg:flex-row lg:justify-center relative">
6184      <div
6185        class="w-[40px] h-[40px] lg:w-[37px] lg:h-[37px] flex justify-center items-center relative">
6186
6187        
6188        <img src="//supergoop.com/cdn/shop/files/Frame_4_d1bc68b9-457f-49cf-8b2e-59d252cfe6cf.png?v=1726741979&amp;width=1000" alt="" srcset="//supergoop.com/cdn/shop/files/Frame_4_d1bc68b9-457f-49cf-8b2e-59d252cfe6cf.png?v=1726741979&amp;width=352 352w, //supergoop.com/cdn/shop/files/Frame_4_d1bc68b9-457f-49cf-8b2e-59d252cfe6cf.png?v=1726741979&amp;width=832 832w, //supergoop.com/cdn/shop/files/Frame_4_d1bc68b9-457f-49cf-8b2e-59d252cfe6cf.png?v=1726741979&amp;width=1000 1000w" width="1000" height="998" class="max-w-full">
6189      </div><button
6190        class="flex items-center text-center lg:text-left font-sans font-normal leading-[18px] relative cursor-pointer"data-opener
6191        aria-expanded="false"
6192        aria-controls="highlight-tooltip-3">
6193        <span class="max-w-[100px] text-xs leading-[15px] text-center lg:text-left">
6194          FSA & HSA Eligible</span><svg
6195      class="inline-block min-w-[10px] ml-[2px]"
6196      xmlns="http://www.w3.org/2000/svg"
6197      width="10"
6198      height="10"
6199      viewBox="0 0 10 10"
6200      fill="none"
6201    >
6202      <circle cx="5.18728" cy="5.30459" r="4.32118" stroke="#5C5C5C" stroke-width="0.454861"/>
6203      <path d="M5.62213 3.61815V4.21856H5.12542V3.61815H5.62213ZM5.62213 4.63886V7.57544H5.12542V4.63886H5.62213Z" fill="#5C5C5C"/>
6204    </svg>
6205</button><div
6206          id="highlight-tooltip-3"
6207          data-tooltip
6208          role="status"
6209          class="
6210          w-[224px] hidden tooltip-custom text-left border border-supergoop-blue rounded absolute z-10 bg-white pt-2.5 pr-[26px] pb-2 pl-3 top-[calc(100%+1rem)]
6211          
6212            right-0
6213          ">
6214          <div>
6215            <div class="metafield-rich_text_field"><p><strong>Pay with FSA/HSA at checkout.</strong></p><p>All of our SPF products are FSA/HSA-eligible. Merch excluded.</p></div>
6216          </div>
6217          <button
6218            type="button"
6219            data-closure
6220            aria-label="Close tooltip"
6221            class="absolute top-2 right-2 [&_*]:pointer-events-none">
6222            <svg
6223      class=""
6224      xmlns="http://www.w3.org/2000/svg"
6225      width="21"
6226      height="21"
6227      viewBox="0 0 21 21"
6228      fill="none"
6229    >
6230      <circle cx="10.4999" cy="10.5" r="8.42105" fill="white"/>
6231      <path d="M7.41064 14.0012L14.001 7.41083" stroke="#2A2A2A" stroke-width="0.526316"/>
6232      <path d="M7.41064 7.41077L14.001 14.0012" stroke="#2A2A2A" stroke-width="0.526316"/>
6233    </svg>
6234          </button>
6235          <div class="beak"></div>
6236        </div></highlight-block>
6237  
6238</div>
6239          
6240      
6241      
6242    </div>
6243  </div>
6244</section>
6245
6246
6247<script id="attn-waitlist-eligibility" type="application/json">{"41610270802018":false,"41610274275426":false,"41610278305890":false,"42388055916642":true}</script>
6247
6248
6249</div><div id="shopify-section-template--19515789115490__61570731-e350-4463-b2cd-a16118a35e23" class="shopify-section"><section data-section="product-information" class="bg-grey-FA" data-transition-enabled="true">
6250  
6250<script type="application/json" data-section-data>
6251    {}
6252  </script>
6252
6253  <div class="lg:py-[60px] lg:container ">
6254    <tab-list class="hidden lg:block">
6255  <div class="flex gap-3" role="tablist" aria-label="Product information tabs"><button
6256        id="tab-template--21128791556404__61570731-e350-4463-b2cd-a16118a35e23-why-glowscreen-1"
6257        data-activator="0"
6258        role="tab"
6259        aria-selected="true"
6260        aria-controls="tabpanel-template--21128791556404__61570731-e350-4463-b2cd-a16118a35e23-why-glowscreen-1"
6261        tabindex="0"
6262        class="
6263        px-8 py-4 label-12 uppercase rounded-t border border-b-0 border-grey-B4
6264        md:inline-block block w-full md:w-auto
6265          bg-supergoop-yellow text-grey-2A
6266        ">
6267        <span class="label-12 font-serif uppercase pointer-events-none bg-inherit text-inherit">What Makes It Super</span>
6268      </button><button
6269        id="tab-25abb0e8-9cf1-4e70-a8b9-c8d8cb9ce94e"
6270        data-activator="1"
6271        role="tab"
6272        aria-selected="false"
6273        aria-controls="tabpanel-25abb0e8-9cf1-4e70-a8b9-c8d8cb9ce94e"
6274        tabindex="-1"
6275        class="
6276        px-8 py-4 label-12 uppercase rounded-t border border-b-0 border-grey-B4
6277        md:inline-block block w-full md:w-auto
6278          bg-white text-grey-5C">
6279        <span class="label-12 font-serif uppercase pointer-events-none bg-inherit text-inherit">How to apply</span>
6280      </button><button
6281        id="tab-c2580160-dbb8-4cd6-9d17-69ed2ebd949f"
6282        data-activator="2"
6283        role="tab"
6284        aria-selected="false"
6285        aria-controls="tabpanel-c2580160-dbb8-4cd6-9d17-69ed2ebd949f"
6286        tabindex="-1"
6287        class="
6288        px-8 py-4 label-12 uppercase rounded-t border border-b-0 border-grey-B4
6289        md:inline-block block w-full md:w-auto
6290          bg-white text-grey-5C">
6291        <span class="label-12 font-serif uppercase pointer-events-none bg-inherit text-inherit">Ingredients</span>
6292      </button><button
6293        id="tab-4a0fb5ae-b13b-4ea3-bf96-079f5a863075"
6294        data-activator="3"
6295        role="tab"
6296        aria-selected="false"
6297        aria-controls="tabpanel-4a0fb5ae-b13b-4ea3-bf96-079f5a863075"
6298        tabindex="-1"
6299        class="
6300        px-8 py-4 label-12 uppercase rounded-t border border-b-0 border-grey-B4
6301        md:inline-block block w-full md:w-auto
6302          bg-white text-grey-5C">
6303        <span class="label-12 font-serif uppercase pointer-events-none bg-inherit text-inherit">Before & After</span>
6304      </button></div>
6305  <div class="px-[60px] py-[40px] border border-grey-B4 rounded rounded-tl-none bg-white"><div
6306        id="tabpanel-template--21128791556404__61570731-e350-4463-b2cd-a16118a35e23-why-glowscreen-1"
6307        data-tab="0"
6308        role="tabpanel"
6309        aria-labelledby="tab-template--21128791556404__61570731-e350-4463-b2cd-a16118a35e23-why-glowscreen-1"
6310        tabindex="0"
6311        
6312        class=" block">
6313        
6314          <div class="flex flex-col lg:flex-row items-center gap-5 mt-[140px] lg:mt-[0px]">
6315  <div class="w-full lg:w-fit xl:1/2 text-grey-2A p-[20px] bg-white rounded"><picture class="lg:hidden block relative -mt-[160px] mb-[20px]">
6316        <img src="//supergoop.com/cdn/shop/files/unseen-sunscreen-WMIS.jpg?v=1771533091&amp;width=1128" alt="What Makes It Super" srcset="//supergoop.com/cdn/shop/files/unseen-sunscreen-WMIS.jpg?v=1771533091&amp;width=360 360w, //supergoop.com/cdn/shop/files/unseen-sunscreen-WMIS.jpg?v=1771533091&amp;width=640 640w, //supergoop.com/cdn/shop/files/unseen-sunscreen-WMIS.jpg?v=1771533091&amp;width=768 768w, //supergoop.com/cdn/shop/files/unseen-sunscreen-WMIS.jpg?v=1771533091&amp;width=1024 1024w" width="1128" height="922" loading="lazy" class="w-full  h-full" sizes="100vw">
6317      </picture><h2 class="h4 text-supergoop-blue max-w-[300px] lg:max-w-full lg:text-nowrap tracking-normal">What Makes It Super</h2><div class="mt-[30px] rte">
6318        <div class="metafield-rich_text_field"><ul><li>Now non-acnegenic for acne-prone &amp; sensitive skin</li><li>Enhanced SPF 50 &amp; lighter than ever!</li><li>No white cast on all skin tones</li></ul><p></p></div>
6319      </div><h3 class="sub-h4 mt-[40px] normal-case">How it feels</h3><div class="mt-2 rte"><div class="metafield-rich_text_field"><p>A weightless gel that feels comfortable and breathable on skin with a natural finish. Recommended for normal, combination, dry, oily, sensitive or acne-prone skin.</p></div></div><h3 class="sub-h4 mt-[40px] normal-case">Why we made it</h3><div class="mt-2 rte"><div class="metafield-rich_text_field"><p>Unseen Sunscreen improves skin clarity¹ for smoother skin with a non-acnegenic, non-greasy &amp;
6319 non-irritating formula. This super!-charged invisible primer is clinically tested to improve quality of makeup for longer-lasting, all-day wear². It leaves skin perfectly prepped for makeup with a natural finish that visibly blurs pores with no white cast. It provides broad spectrum SPF 50 protection to help prevent the visible signs of aging.</p><p>Unseen Sunscreen SPF 50 holds the Skin Cancer Foundation Seal of Recommendation—meeting the foundation’s strict efficacy standards through rigorous testing and review. </p></div></div></div>
6320
6321  <div class="w-full lg:w-1/2 max-w-[627px] mx-auto hidden lg:block"><picture class="">
6322        <img src="//supergoop.com/cdn/shop/files/unseen-sunscreen-WMIS.jpg?v=1771533091&amp;width=1128" alt="What Makes It Super" srcset="//supergoop.com/cdn/shop/files/unseen-sunscreen-WMIS.jpg?v=1771533091&amp;width=360 360w, //supergoop.com/cdn/shop/files/unseen-sunscreen-WMIS.jpg?v=1771533091&amp;width=640 640w, //supergoop.com/cdn/shop/files/unseen-sunscreen-WMIS.jpg?v=1771533091&amp;width=768 768w" width="1128" height="922" loading="lazy" class="w-full  h-full" sizes="33vw">
6323      </picture></div>
6324</div>
6325          
6326      </div><div
6327        id="tabpanel-25abb0e8-9cf1-4e70-a8b9-c8d8cb9ce94e"
6328        data-tab="1"
6329        role="tabpanel"
6330        aria-labelledby="tab-25abb0e8-9cf1-4e70-a8b9-c8d8cb9ce94e"
6331        tabindex="0"
6332        hidden
6333        class=" hidden">
6334        
6335          <div class="flex flex-col lg:flex-row justify-between bg-white rounded md:gap-5">
6336  <div class="w-full lg:w-1/2 text-grey-2A px-[20px] pb-[20px] lg:p-0"><p
6337        class="h4 text-supergoop-blue hidden lg:inline-block">How to apply</p><div class="lg:mt-[10px] body-sm"><div class="metafield-rich_text_field"><p>Wear Unseen Sunscreen on its own or as a makeup-gripping primer.</p></div></div><div class="mt-[30px]"><div class="metafield-rich_text_field"><ol><li>Complete your skincare routine</li><li>Apply Unseen Sunscreen generously and evenly across your face and neck</li><li>Allow 30 seconds for product to absorb before applying makeup</li></ol></div></div>
6338</div>
6339  <div class="w-full lg:w-1/2 text-grey-2A p-[20px] lg:p-0"><div class="mt-[35px] divide-y divide-grey-B4 border-y border-grey-B4 hidden md:block"><details class="[&_.minus-icon]:hidden [&_.plus-icon]:open:hidden [&_.minus-icon]:open:block">
6340  <summary class="w-full flex justify-between items-center body-sm py-3 font-semibold cursor-pointer">Uses<svg
6341      class="plus-icon"
6342      width="13"
6343      height="14"
6344      viewBox="0 0 13 14"
6345      fill="none"
6346      xmlns="http://www.w3.org/2000/svg"
6347    >
6348      <path fillRule="evenodd" clipRule="evenodd" d="M11.375 7.40625L1.625 7.40625L1.625 6.59375L11.375 6.59375L11.375 7.40625Z" fill="black"/>
6349      <path fillRule="evenodd" clipRule="evenodd" d="M6.09375 11.875L6.09375 2.125L6.90625 2.125L6.90625 11.875L6.09375 11.875Z" fill="black"/>
6350    </svg><svg
6351      class="minus-icon"
6352      width="13"
6353      height="14"
6354      viewBox="0 0 13 14"
6355      fill="none"
6356      xmlns="http://www.w3.org/2000/svg"
6357    >
6358      <path fillRule="evenodd" clipRule="evenodd" d="M11.375 7.40625L1.625 7.40625L1.625 6.59375L11.375 6.59375L11.375 7.40625Z" fill="black"/>
6359    </svg></summary>
6360  <div class="mb-2 body-sm text-grey-5C"><div class="metafield-rich_text_field"><p>• Helps prevent sunburn. • If used as directed with other sun protection measures (see Directions), decreases the risk of skin cancer and early skin aging caused by the sun</p></div></div>
6361</details>
6362
6363<details class="[&_.minus-icon]:hidden [&_.plus-icon]:open:hidden [&_.minus-icon]:open:block">
6364  <summary class="w-full flex justify-between items-center body-sm py-3 font-semibold cursor-pointer">Warnings<svg
6365      class="plus-icon"
6366      width="13"
6367      height="14"
6368      viewBox="0 0 13 14"
6369      fill="none"
6370      xmlns="http://www.w3.org/2000/svg"
6371    >
6372      <path fillRule="evenodd" clipRule="evenodd" d="M11.375 7.40625L1.625 7.40625L1.625 6.59375L11.375 6.59375L11.375 7.40625Z" fill="black"/>
6373      <path fillRule="evenodd" clipRule="evenodd" d="M6.09375 11.875L6.09375 2.125L6.90625 2.125L6.90625 11.875L6.09375 11.875Z" fill="black"/>
6374    </svg><svg
6375      class="minus-icon"
6376      width="13"
6377      height="14"
6378      viewBox="0 0 13 14"
6379      fill="none"
6380      xmlns="http://www.w3.org/2000/svg"
6381    >
6382      <path fillRule="evenodd" clipRule="evenodd" d="M11.375 7.40625L1.625 7.40625L1.625 6.59375L11.375 6.59375L11.375 7.40625Z" fill="black"/>
6383    </svg></summary>
6384  <div class="mb-2 body-sm text-grey-5C"><div class="metafield-rich_text_field"><p>•<strong>For external use only.</strong></p><p>•<strong>Do not use </strong>on damaged or broken skin. </p><p>• When using this product keep out of eyes. Rinse with water to remove. </p><p>•<strong>Stop use and ask a doctor </strong>if rash occurs. </p><p>•<strong>Keep out of reach of children</strong>. If product is swallowed, get medical help or contact a Poison Control Center right away.</p></div></div>
6385</details>
6386
6387<details class="[&_.minus-icon]:hidden [&_.plus-icon]:open:hidden [&_.minus-icon]:open:block">
6388  <summary class="w-full flex justify-between items-center body-sm py-3 font-semibold cursor-pointer">Directions<svg
6389      class="plus-icon"
6390      width="13"
6391      height="14"
6392      viewBox="0 0 13 14"
6393      fill="none"
6394      xmlns="http://www.w3.org/2000/svg"
6395    >
6396      <path fillRule="evenodd" clipRule="evenodd" d="M11.375 7.40625L1.625 7.40625L1.625 6.59375L11.375 6.59375L11.375 7.40625Z" fill="black"/>
6397      <path fillRule="evenodd" clipRule="evenodd" d="M6.09375 11.875L6.09375 2.125L6.90625 2.125L6.90625 11.875L6.09375 11.875Z" fill="black"/>
6398    </svg><svg
6399      class="minus-icon"
6400      width="13"
6401      height="14"
6402      viewBox="0 0 13 14"
6403      fill="none"
6404      xmlns="http://www.w3.org/2000/svg"
6405    >
6406      <path fillRule="evenodd" clipRule="evenodd" d="M11.375 7.40625L1.625 7.40625L1.625 6.59375L11.375 6.59375L11.375 7.40625Z" fill="black"/>
6407    </svg></summary>
6408  <div class="mb-2 body-sm text-grey-5C"><div class="metafield-rich_text_field"><p>• apply generously and evenly 15 minutes before sun exposure </p><p>• reapply: </p><p>◦ after 40 minutes of swimming or sweating </p><p>◦ immediately after towel drying </p><p>◦ at least every 2 hours </p><p>•<strong>Sun Protection Measures:</strong>Spending time in the sun increases your risk of skin cancer and early skin aging. To decrease this risk, regularly use a sunscreen with a Broad Spectrum SPF value of 15 or higher and other sun protection measures including: </p><p>◦ Limit time in the sun, especially from 10 a.m. - 2 p.m. </p><p>◦ Wear long-sleeved shirts, pants, hats, and sunglasses </p><p>• Children under 6 months: Ask a doctor</p></div></div>
6409</details>
6410
6411<details class="[&_.minus-icon]:hidden [&_.plus-icon]:open:hidden [&_.minus-icon]:open:block">
6412  <summary class="w-full flex justify-between items-center body-sm py-3 font-semibold cursor-pointer">Other Information<svg
6413      class="plus-icon"
6414      width="13"
6415      height="14"
6416      viewBox="0 0 13 14"
6417      fill="none"
6418      xmlns="http://www.w3.org/2000/svg"
6419    >
6420      <path fillRule="evenodd" clipRule="evenodd" d="M11.375 7.40625L1.625 7.40625L1.625 6.59375L11.375 6.59375L11.375 7.40625Z" fill="black"/>
6421      <path fillRule="evenodd" clipRule="evenodd" d="M6.09375 11.875L6.09375 2.125L6.90625 2.125L6.90625 11.875L6.09375 11.875Z" fill="black"/>
6422    </svg><svg
6423      class="minus-icon"
6424      width="13"
6425      height="14"
6426      viewBox="0 0 13 14"
6427      fill="none"
6428      xmlns="http://www.w3.org/2000/svg"
6429    >
6430      <path fillRule="evenodd" clipRule="evenodd" d="M11.375 7.40625L1.625 7.40625L1.625 6.59375L11.375 6.59375L11.375 7.40625Z" fill="black"/>
6431    </svg></summary>
6432  <div class="mb-2 body-sm text-grey-5C"><div class="metafield-rich_text_field"><p>Protect the product in this container from excessive heat and direct sun</p></div></div>
6433</details>
6434
6435</div>
6436    <div class="mt-[24px] pt-[24px] border-t border-grey-B4 md:hidden accordion-how-to-apply"><p class="body-sm capitalize font-bold py-1">Uses</p><div class="body-sm text-grey-5C rte"><div class="metafield-rich_text_field"><p>• Helps prevent sunburn. • If used as directed with other sun protection measures (see Directions), decreases the risk of skin cancer and early skin aging caused by the sun</p></div></div><p class="body-sm capitalize font-bold py-1">Warnings</p><div class="body-sm text-grey-5C rte"><div class="metafield-rich_text_field"><p>•<strong>For external use only.</strong></p><p>•<strong>Do not use </strong>on damaged or broken skin. </p><p>• When using this product keep out of eyes. Rinse with water to remove. </p><p>•<strong>Stop use and ask a doctor </strong>if rash occurs. </p><p>•<strong>Keep out of reach of children</strong>. If product is swallowed, get medical help or contact a Poison Control Center right away.</p></div></div><p class="body-sm capitalize font-bold py-1">Directions</p><div class="body-sm text-grey-5C rte"><div class="metafield-rich_text_field"><p>• apply generously and evenly 15 minutes before sun exposure </p><p>• reapply: </p><p>◦ after 40 minutes of swimming or sweating </p><p>◦ immediately after towel drying </p><p>◦ at least every 2 hours </p><p>•<strong>Sun Protection Measures:</strong>Spending time in the sun increases your risk of skin cancer and early skin aging. To decrease this risk, regularly use a sunscreen with a Broad Spectrum SPF value of 15 or higher and other sun protection measures including: </p><p>◦ Limit time in the sun, especially from 10 a.m. - 2 p.m. </p><p>◦ Wear long-sleeved shirts, pants, hats, and sunglasses </p><p>• Children under 6 months: Ask a doctor</p></div></div><p class="body-sm capitalize font-bold py-1">Other Information</p><div class="body-sm text-grey-5C rte"><div class="metafield-rich_text_field"><p>Protect the product in this container from excessive heat and direct sun</p></div></div></div>
6437  </div>
6438</div>
6439
6440      </div><div
6441        id="tabpanel-c2580160-dbb8-4cd6-9d17-69ed2ebd949f"
6442        data-tab="2"
6443        role="tabpanel"
6444        aria-labelledby="tab-c2580160-dbb8-4cd6-9d17-69ed2ebd949f"
6445        tabindex="0"
6446        hidden
6447        class=" hidden">
6448        <div class="flex flex-col lg:flex-row lg:gap-[60px] bg-white rounded px-[20px] pb-[20px] lg:p-0">
6449  <div class="w-full lg:w-1/2 text-grey-2A"><div class="lg:hidden mb-2.5">
6450        <div class="flex items-center justify-center gap-4 bg-grey-F7 rounded-lg p-2 lg:w-fit">
6451  <p class="utility-s uppercase text-supergoop-blue tracking-[2px] font-semibold">Cruelty free &amp; vegan</p>
6452  <svg xmlns="http://www.w3.org/2000/svg" width="26" height="33" viewBox="0 0 26 33" fill="none">
6453      <g clip-path="url(#clip0_1_13179)">
6454      <path d="M11.8086 28.4592C12.0818 28.0781 12.8131 28.9426 12.8131 28.9426C12.8131 28.9426 13.5631 28.0718 13.7836 28.3435C14.1104 28.7435 13.1131 29.3999 13.1131 29.3999C13.1131 29.3999 13.1175 30.5253 12.8166 30.5818C12.5086 30.6428 12.4765 29.4035 12.4765 29.4035C12.4765 29.4035 11.5318 28.8269 11.8086 28.4592Z" fill="#0000B4" stroke="#0000B4" stroke-width="0.2"/>
6455      <path d="M12.7938 30.6412C12.7554 30.6412 12.7179 30.6278 12.6857 30.6009C12.4661 30.426 12.4241 29.6252 12.4188 29.436C12.292 29.3553 11.7679 29.0029 11.7054 28.6747C11.6884 28.5823 11.7063 28.498 11.7616 28.4263C11.8161 28.3492 11.8902 28.3097 11.9804 28.3052C11.9848 28.3052 11.9893 28.3052 11.9938 28.3052C12.2884 28.3052 12.6822 28.7123 12.8134 28.8567C12.959 28.6944 13.3973 28.2344 13.6697 28.2344C13.6706 28.2344 13.6715 28.2344 13.6715 28.2344C13.7357 28.2353 13.7902 28.2604 13.8286 28.3079C13.8929 28.3868 13.9188 28.4801 13.9018 28.585C13.8465 28.9455 13.2991 29.3418 13.1706 29.4306C13.1697 29.6817 13.1429 30.5785 12.8268 30.6376C12.8152 30.6403 12.8036 30.6412 12.7938 30.6412ZM11.9929 28.4209C11.9911 28.4209 11.9875 28.4209 11.9848 28.4218C11.9295 28.4236 11.8875 28.4478 11.8545 28.4944L11.8536 28.4953C11.8188 28.5411 11.8063 28.5931 11.8188 28.6532C11.8679 28.9159 12.3313 29.2477 12.5045 29.3544L12.5313 29.3705L12.5322 29.4019C12.542 29.7687 12.6116 30.3937 12.7581 30.5121C12.7768 30.5273 12.7929 30.5291 12.8054 30.5255C12.9813 30.4924 13.0572 29.8485 13.0563 29.4001V29.3696L13.0822 29.3526C13.0893 29.3481 13.7357 28.9195 13.7893 28.5689C13.8009 28.4971 13.784 28.4352 13.7402 28.3823C13.7232 28.3608 13.7018 28.351 13.6706 28.351C13.6706 28.351 13.6697 28.351 13.6688 28.351C13.4491 28.351 13.009 28.8074 12.8563 28.9832L12.8
6455134 29.0334L12.7697 28.9823C12.6357 28.8244 12.2393 28.4209 11.9929 28.4209Z" fill="#0000B4"/>
6456      <path d="M11.8072 28.4604H11.8081M12.7938 30.6412C12.7554 30.6412 12.7179 30.6278 12.6857 30.6009C12.4661 30.426 12.4241 29.6252 12.4188 29.436C12.292 29.3553 11.7679 29.0029 11.7054 28.6747C11.6884 28.5823 11.7063 28.498 11.7616 28.4263C11.8161 28.3492 11.8902 28.3097 11.9804 28.3052C11.9848 28.3052 11.9893 28.3052 11.9938 28.3052C12.2884 28.3052 12.6822 28.7123 12.8134 28.8567C12.959 28.6944 13.3973 28.2344 13.6697 28.2344C13.6706 28.2344 13.6715 28.2344 13.6715 28.2344C13.7357 28.2353 13.7902 28.2604 13.8286 28.3079C13.8929 28.3868 13.9188 28.4801 13.9018 28.585C13.8465 28.9455 13.2991 29.3418 13.1706 29.4306C13.1697 29.6817 13.1429 30.5785 12.8268 30.6376C12.8152 30.6403 12.8036 30.6412 12.7938 30.6412ZM11.9929 28.4209C11.9911 28.4209 11.9875 28.4209 11.9848 28.4218C11.9295 28.4236 11.8875 28.4478 11.8545 28.4944L11.8536 28.4953C11.8188 28.5411 11.8063 28.5931 11.8188 28.6532C11.8679 28.9159 12.3313 29.2477 12.5045 29.3544L12.5313 29.3705L12.5322 29.4019C12.542 29.7687 12.6116 30.3937 12.7581 30.5121C12.7768 30.5273 12.7929 30.5291 12.8054 30.5255C12.9813 30.4924 13.0572 29.8485 13.0563 29.4001V29.3696L13.0822 29.3526C13.0893 29.3481 13.7357 28.9195 13.7893 28.5689C13.8009 28.4971 13.784 28.4352 13.7402 28.3823C13.7232 28.3608 13.7018 28.351 13.6706 28.351C13.6706 28.351 13.6697 28.351 13.6688 28.351C13.4491 28.351 13.009 28.8074 12.8563 28.9832L12.8134 29.0334L12.7697 28.9823C12.6357 28.8244 12.2393 28.4209 11.9929 28.4209Z" stroke="#0000B4" stroke-width="0.2"/>
6457      <path d="M11.1393 25.6581C11.1393 26.1208 10.9875 26.4957 10.8018 26.4957C10.617 26.4957 10.4688 26.1208 10.4688 25.6581C10.4688 25.1918 10.617 24.8125 10.8018 24.8125C10.9875 24.8125 11.1393 25.1918 11.1393 25.6581Z" fill="#0000B4" stroke="#0000B4" stroke-width="0.2"/>
6458      <path d="M10.7978 26.5397C10.5835 26.5397 10.4219 26.1604 10.4219 25.6591C10.4219 25.1515 10.5835 24.7695 10.7978 24.7695C11.0112 24.7695 11.1781 25.1614 11.1781 25.6591C11.1781 26.1523 11.0103 26.5397 10.7978 26.5397ZM10.7978 24.8556C10.6603 24.8556 10.5076 25.1856 10.5076 25.6591C10.5076 26.1272 10.6594 26.4536 10.7978 26.4536C10.9379 26.4536 11.0924 26.1281 11.0924 25.6591C11.0924 25.1856 10.9371 24.8556 10.7978 24.8556Z" fill="#0000B4" stroke="#0000B4" stroke-width="0.2"/>
6459      <path d="M14.8142 25.6591C14.8142 26.1281 14.6642 26.5002 14.4785 26.5002C14.2927 26.5002 14.1445 26.1281 14.1445 25.6591C14.1445 25.1991 14.2927 24.8242 14.4785 24.8242C14.6642 24.8242 14.8142 25.1991 14.8142 25.6591Z" fill="#0000B4" stroke="#0000B4" stroke-width="0.2"/>
6460      <path d="M14.4792 26.5424C14.2641 26.5424 14.1016 26.1622 14.1016 25.6592C14.1016 25.1588 14.2641 24.7812 14.4792 24.7812C14.6917 24.7812 14.8578 25.16
646077 14.8578 25.6592C14.8569 26.1622 14.6944 26.5424 14.4792 26.5424ZM14.4792 24.8673C14.3382 24.8673 14.1873 25.1848 14.1873 25.6592C14.1873 26.1362 14.3382 26.4564 14.4792 26.4564C14.6212 26.4564 14.7721 26.1362 14.7721 25.6592C14.7712 25.192 14.6176 24.8673 14.4792 24.8673Z" fill="#0000B4" stroke="#0000B4" stroke-width="0.2"/>
6461      <path d="M12.6863 22.1723C12.5729 22.1723 12.4471 22.1311 12.3096 22.0199C11.7274 21.5491 11.1676 21.0317 10.6265 20.5313L10.2042 20.1421C8.99079 19.0302 7.90061 17.9872 6.87114 16.9524C5.48543 15.558 4.40329 14.3788 3.46401 13.239C2.64794 12.2481 1.7274 11.0815 1.13544 9.77401C-0.0243881 7.21206 -0.106529 4.51556 0.914006 2.55977C1.62115 1.20569 2.81401 0.31434 4.27472 0.0506988C7.80062 -0.587779 11.3212 4.93165 12.6908 9.42876C14.0596 4.93165 17.5783 -0.586883 21.1069 0.0506988C22.5667 0.315237 23.7604 1.20659 24.4667 2.55977C25.4881 4.51556 25.4051 7.21206 24.2453 9.77401C23.8801 10.5811 23.3863 11.3074 22.9962 11.85C21.9997 13.2381 20.8756 14.4828 20.0069 15.4118C19.239 16.2332 18.4265 17.06 17.5229 17.9379C17.2363 18.2168 16.9479 18.4939 16.6569 18.7692C15.7872 19.5951 14.889 20.4192 13.9854 21.2191C13.7346 21.4415 13.4828 21.6621 13.2292 21.8818L13.181 21.9239C13.0729 22.0226 12.9033 22.1723 12.6863 22.1723ZM4.81669 0.496381C4.66401 0.496381 4.51222 0.509828 4.36133 0.53673C3.03454 0.777056 1.99347 1.55633 1.34883 2.79024C0.397934 4.61241 0.485434 7.1466 1.58276 9.57135C2.14972 10.8232 3.04704 11.9594 3.84258 12.926C4.77115 14.0532 5.84437 15.2226 7.21847 16.6054C8.24169 17.6348 9.32652 18.6732 10.5346 19.7798L10.9587 20.1699C11.4944 20.6649 12.0479 21.176 12.6176 21.637C12.6944 21.6988 12.6953 21.7006 12.8569 21.5572L12.9096 21.5105C13.1613 21.2926 13.4122 21.0729 13.6613 20.8523C14.5604 20.056 15.4551 19.2355 16.3203 18.4132C16.6096 18.1388 16.8962 17.8635 17.1819 17.5855C18.0792 16.7121 18.8863 15.8916 19.6488 15.0755C20.5069 14.1564 21.6185 12.9269 22.5979 11.5621C22.9738 11.0375 23.4506 10.3372 23.7979 9.56955C24.8953 7.1457 24.9828 4.61062 24.0319 2.78845C23.3881 1.55453 22.3462 0.775266 21.0194 0.53494C17.9346 -0.0273153 14.2069 5.28675 12.9283 10.4062L12.6899 11.3603L12.4515 10.4071C11.2363 5.53785 7.80062 0.496381 4.81669 0.496381Z" fill="#0000B4" stroke="#0000B4" stroke-width="0.2"/>
6462      <path d="M15.5525 32.9709C14.1373 32.9709 13.1927 31.7934 12.7623 31.1065C12.28
646211 31.8733 11.1596 33.2515 9.45696 32.9198C8.29088 32.692 7.16409 31.667 6.58552 30.3076C6.04802 29.0458 6.09713 27.7635 6.71945 26.7896C7.61856 25.3827 9.16678 23.8394 9.91142 23.0978C10.1132 22.8969 10.2605 22.7507 10.3266 22.6754C11.2043 21.6702 12.657 21.7787 12.7186 21.784L12.8114 21.7831C12.8534 21.7778 14.323 21.6702 15.2007 22.6754C15.2668 22.7516 15.415 22.8978 15.6168 23.0996C16.3605 23.8412 17.9087 25.3845 18.807 26.7905C19.4293 27.7644 19.4784 29.0467 18.9409 30.3084C18.3623 31.6679 17.2355 32.6929 16.0695 32.9207C15.89 32.9547 15.7177 32.9709 15.5525 32.9709ZM12.5623 22.2719C12.2141 22.2719 11.2739 22.3364 10.6945 23C10.6248 23.0798 10.4695 23.2359 10.2561 23.4484C9.52481 24.1774 8.00159 25.6956 7.13195 27.0569C6.59891 27.8908 6.56409 29.0055 7.03641 30.1148C7.55248 31.328 8.53997 32.24 9.55071 32.4373C11.4525 32.8104 12.5721 30.4456 12.5828 30.4223L12.7623 30.5057L12.9418 30.4223C12.9534 30.4456 14.0748 32.8112 15.9739 32.4373C16.9846 32.24 17.9712 31.328 18.4882 30.1148C18.9605 29.0055 18.9257 27.8908 18.3927 27.0569C17.523 25.6965 16.0016 24.1792 15.2695 23.4502C15.057 23.2386 14.9034 23.0852 14.8293 23.0009C14.1159 22.1849 12.8418 22.2737 12.8293 22.2755L12.6962 22.2764C12.6909 22.2755 12.6427 22.2719 12.5623 22.2719Z" fill="#0000B4" stroke="#0000B4" stroke-width="0.2"/>
6463      <path d="M4.14583 30.8595C4.13511 30.8595 4.1235 30.8577 4.11279 30.855C4.05208 30.8371 4.01815 30.7725 4.03601 30.7116C4.61279 28.8015 8.9869 28.8472 9.17259 28.8526C9.23599 28.8535 9.28599 28.9055 9.28509 28.9692C9.2842 29.0329 9.22259 29.0795 9.16902 29.0822C9.1235 29.0813 4.78243 29.032 4.25475 30.7779C4.24047 30.8272 4.19493 30.8595 4.14583 30.8595Z" fill="#0000B4" stroke="#0000B4" stroke-width="0.2"/>
6464      <path d="M4.66975 32.5792C4.6635 32.5792 4.65636 32.5792 4.65011 32.5774C4.58761 32.5667 4.54564 32.5075 4.55636 32.4447C4.89475 30.4782 9.24211 29.9859 9.42693 29.9661C9.48675 29.9563 9.54657 30.0047 9.55282 30.0683C9.55996 30.1311 9.51443 30.1885 9.45104 30.1948C9.40729 30.1993 5.09118 30.6871 4.78136 32.4842C4.77332 32.5398 4.72511 32.5792 4.66975 32.5792Z" fill="#0000B4" stroke="#0000B4" stroke-width="0.2"/>
6465      <path d="M21.7096 30.7832C21.6605 30.7832 21.615 30.7518 21.5998 30.7016C21.0721 28.9556 16.7284 29.0058 16.6864 29.0058C16.6257 29.0094 16.5712 28.9565 16.5703 28.8929C16.5694 28.8292 16.6194 28.7772 16.6828 28.7763C16.8659 28.7718 21.2426 28.7243 21.8194 30.6352C21.8373 30.6962 21.8034 30.7608 21.7426 30.7787C21.7319 30.7814 21.7212 30.7832 21.7096 30.7832Z" fill="#0000B4" stroke="#0000B4" stroke-width="0.2"/>
6466      <path d="M21.1894 32.5052C21.134 32.5052 21.0858 32.4657 21.0769 32.4101C20.767 30.6131 16.451 30.1261 16.4072 30.1208C16.3438 30.1136 16.2983 30.0571 16.3054 29.9943C16.3117 29.9315 16.3652 29.8813 16.4313 29.8921C16.6161 29.9118 20.9636 30.4041 21.3019 32.3707C21.3127 32.4334 21.2706 32.4926 21.2081 32.5034C21.2019 32.5043 21.1956 32.5052 21.1894 32.5052Z" fill="#0000B4" stroke="#0000B4" stroke-width="0.2"/>
6467      </g>
6468      <defs>
6469      <clipPath id="clip0_1_13179">
6470      <rect width="25" height="33" fill="white" transform="translate(0.203125)"/>
6471      </clipPath>
6472      </defs>
6473    </svg>
6474</div>
6475      </div><p class="h4 text-supergoop-blue mb-[10px] hidden lg:inline-block">Ingredients</p><div class="lg:mb-[40px] body-sm rte"><div class="metafield-rich_text_field"><p><strong>Formulated with 99% skincare ingredients⁶<br />
6476</strong><em>⁶Includes UV filters and skin-conditioning ingredients</em></p><p>See this product&#39;s SPF efficacy report <a href="https://cdn.shopify.com/s/files/1/1503/5658/files/Unseen_RF_4.15.2024_Redacted_updated_1.14.25.pdf?v=1736890637" target="_blank" title="efficacy report">here</a></p></div></div><p class="sub-h5">Meadowfoam Seed Oil</p><div class="mt-2 body-sm text-grey-5C rte"><div class="metafield-rich_text_field"><p>An emollient that supports skin’s moisture barrier by locking in hydration</p></div></div><p class="sub-h5 mt-[30px]">A Complex of Chamomile-Derived Bisabolol & Licorice Root</p><div class="mt-2 body-sm text-grey-5C rte"><div class="metafield-rich_text_field"><p>Known to visibly soothe and help improve skin’s clarity</p></div></div><p class="sub-h5 mt-[30px]">Advanced Skin-Gripping Polymers</p><div class="mt-2 body-sm text-grey-5C rte"><div class="metafield-rich_text_field"><p>Help create a lighter-weight feel and a smoother glide on skin⁵<br />
6477<em>
6477⁵As compared to the original Unseen Sunscreen SPF 40</em></p></div></div></div>
6478  <div class="w-full lg:w-1/2 lg:max-h-[540px] lg:overflow-y-scroll lg:pd-[50px] no-scrollbar"><div class="max-lg:hidden flex justify-end">
6479        <div class="flex items-center justify-center gap-4 bg-grey-F7 rounded-lg p-2 lg:w-fit">
6480  <p class="utility-s uppercase text-supergoop-blue tracking-[2px] font-semibold">Cruelty free &amp; vegan</p>
6481  <svg xmlns="http://www.w3.org/2000/svg" width="26" height="33" viewBox="0 0 26 33" fill="none">
6482      <g clip-path="url(#clip0_1_13179)">
6483      <path d="M11.8086 28.4592C12.0818 28.0781 12.8131 28.9426 12.8131 28.9426C12.8131 28.9426 13.5631 28.0718 13.7836 28.3435C14.1104 28.7435 13.1131 29.3999 13.1131 29.3999C13.1131 29.3999 13.1175 30.5253 12.8166 30.5818C12.5086 30.6428 12.4765 29.4035 12.4765 29.4035C12.4765 29.4035 11.5318 28.8269 11.8086 28.4592Z" fill="#0000B4" stroke="#0000B4" stroke-width="0.2"/>
6484      <path d="M12.7938 30.6412C12.7554 30.6412 12.7179 30.6278 12.6857 30.6009C12.4661 30.426 12.4241 29.6252 12.4188 29.436C12.292 29.3553 11.7679 29.0029 11.7054 28.6747C11.6884 28.5823 11.7063 28.498 11.7616 28.4263C11.8161 28.3492 11.8902 28.3097 11.9804 28.3052C11.9848 28.3052 11.9893 28.3052 11.9938 28.3052C12.2884 28.3052 12.6822 28.7123 12.8134 28.8567C12.959 28.6944 13.3973 28.2344 13.6697 28.2344C13.6706 28.2344 13.6715 28.2344 13.6715 28.2344C13.7357 28.2353 13.7902 28.2604 13.8286 28.3079C13.8929 28.3868 13.9188 28.4801 13.9018 28.585C13.8465 28.9455 13.2991 29.3418 13.1706 29.4306C13.1697 29.6817 13.1429 30.5785 12.8268 30.6376C12.8152 30.6403 12.8036 30.6412 12.7938 30.6412ZM11.9929 28.4209C11.9911 28.4209 11.9875 28.4209 11.9848 28.4218C11.9295 28.4236 11.8875 28.4478 11.8545 28.4944L11.8536 28.4953C11.8188 28.5411 11.8063 28.5931 11.8188 28.6532C11.8679 28.9159 12.3313 29.2477 12.5045 29.3544L12.5313 29.3705L12.5322 29.4019C12.542 29.7687 12.6116 30.3937 12.7581 30.5121C12.7768 30.5273 12.7929 30.5291 12.8054 30.5255C12.9813 30.4924 13.0572 29.8485 13.0563 29.4001V29.3696L13.0822 29.3526C13.0893 29.3481 13.7357 28.9195 13.7893 28.5689C13.8009 28.4971 13.784 28.4352 13.7402 28.3823C13.7232 28.3608 13.7018 28.351 13.6706 28.351C13.6706 28.351 13.6697 28.351 13.6688 28.351C13.4491 28.351 13.009 28.8074 12.8563 28.9832L12.8134 29.0334L12.7697 28.9823C12.6357 28.8244 12.2393 28.4209 11.9929 28.4209Z" fill="#0000B4"/>
6485      <path d="M11.8072 28.4604H11.8081M12.7938 30.6412C12.7554 30.6412 12.7179 30.6278 12.6857 30.6009C12.4661 30.426 12.4241 29.6252 12.4188 29.436C12.292 29.3553 11.7679 29.0029 11.7054 28.6747C11.6884 28.5823 11.7063 28.498 11.7616 28.4263C11.8161 28.3492 11.8902 28.3097 11.9804 28.3052C11.9848 28.3052 11.9893 28.3052 11.9938 28.3052C12.2884 28.3052 12.6822 28.7123 12.8134 28.8567C12.959 28.6944 13.3973 28.2344 13.6697 28.2344C13.6706 28.2344 13.6715 28.2344 13.6715 28.2344C13.7357 28.2353 13.7902 28.2604 13.8286 28.3079C13.8929 28.3868 13.9188 28.4801 13.9018 28.585C13.8465 28.9455 13.2991 29.3418 13.1706 29.4306C13.1697 29.6817 13.1429 30.5785 12.8268 30.6376C12.8152 30.6403 12.8036 30.6412 12.7938 30.6412ZM11.9929 28.4209C11.9911 28.4209 11.9875 28.4209 11.9848 28.4218C11.9295 28.4236 11.8875 28.4478 11.8545 28.4944L11.8536 28.4953C11.8188 28.5411 11.8063 28.5931 11.8188 28.6532C11.8679 28.9159 12.3313 29.2477 12.5045 29.3544L12.5313 29.3705L12.5322 29.4019C12.542 29.7687 12.6116 30.3937 12.7581 30.5121C12.7768 30.5273 12.7929 30.5291 12.8054 30.5255C12.9813 30.4924 13.0572 29.8485 13.0563 29.4001V29.3696L13.0822 29.3526C13.0893 29.3481 13.7357 28.9195 13.7893 28.5689C13.8009 28.4971 13.784 28.4352 13.7402 28.3823C13.7232 28.3608 13.7018 28.351 13.6706 28.351C13.6706 28.351 13.6697 28.351 13.6688 28.351C13.4491 28.351 13.009 28.8074 12.8563 28.9832L12.8134 29.0334L12.7697 28.9823C12.6357 28.8244 12.2393 28.4209 11.9929 28.4209Z" stroke="#0000B4" stroke-width="0.2"/>
6486      <path d="M11.1393 25.6581C11.1393 26.1208 10.9875 26.4957 10.8018 26.4957C10.617 26.4957 10.4688 26.1208 10.4688 25.6581C10.4688 25.1918 10.617 24.8125 10.8018 24.8125C10.9875 24.8125 11.1393 25.1918 
648611.1393 25.6581Z" fill="#0000B4" stroke="#0000B4" stroke-width="0.2"/>
6487      <path d="M10.7978 26.5397C10.5835 26.5397 10.4219 26.1604 10.4219 25.6591C10.4219 25.1515 10.5835 24.7695 10.7978 24.7695C11.0112 24.7695 11.1781 25.1614 11.1781 25.6591C11.1781 26.1523 11.0103 26.5397 10.7978 26.5397ZM10.7978 24.8556C10.6603 24.8556 10.5076 25.1856 10.5076 25.6591C10.5076 26.1272 10.6594 26.4536 10.7978 26.4536C10.9379 26.4536 11.0924 26.1281 11.0924 25.6591C11.0924 25.1856 10.9371 24.8556 10.7978 24.8556Z" fill="#0000B4" stroke="#0000B4" stroke-width="0.2"/>
6488      <path d="M14.8142 25.6591C14.8142 26.1281 14.6642 26.5002 14.4785 26.5002C14.2927 26.5002 14.1445 26.1281 14.1445 25.6591C14.1445 25.1991 14.2927 24.8242 14.4785 24.8242C14.6642 24.8242 14.8142 25.1991 14.8142 25.6591Z" fill="#0000B4" stroke="#0000B4" stroke-width="0.2"/>
6489      <path d="M14.4792 26.5424C14.2641 26.5424 14.1016 26.1622 14.1016 25.6592C14.1016 25.1588 14.2641 24.7812 14.4792 24.7812C14.6917 24.7812 14.8578 25.1677 14.8578 25.6592C14.8569 26.1622 14.6944 26.5424 14.4792 26.5424ZM14.4792 24.8673C14.3382 24.8673 14.1873 25.1848 14.1873 25.6592C14.1873 26.1362 14.3382 26.4564 14.4792 26.4564C14.6212 26.4564 14.7721 26.1362 14.7721 25.6592C14.7712 25.192 14.6176 24.8673 14.4792 24.8673Z" fill="#0000B4" stroke="#0000B4" stroke-width="0.2"/>
6490      <path d="M12.6863 22.1723C12.5729 22.1723 12.4471 22.1311 12.3096 22.0199C11.7274 21.5491 11.1676 21.0317 10.6265 20.5313L10.2042 20.1421C8.99079 19.0302 7.90061 17.9872 6.87114 16.9524C5.48543 15.558 4.40329 14.3788 3.46401 13.239C2.64794 12.2481 1.7274 11.0815 1.13544 9.77401C-0.0243881 7.21206 -0.106529 4.51556 0.914006 2.55977C1.62115 1.20569 2.81401 0.31434 4.27472 0.0506988C7.80062 -0.587779 11.3212 4.93165 12.6908 9.42876C14.0596 4.93165 17.5783 -0.586883 21.1069 0.0506988C22.5667 0.315237 23.7604 1.20659 24.4667 2.55977C25.4881 4.51556 25.4051 7.21206 24.2453 9.77401C23.8801 10.5811 23.3863 11.3074 22.9962 11.85C21.9997 13.2381 20.8756 14.4828 20.0069 15.4118C19.239 16.2332 18.4265 17.06 17.5229 17.9379C17.2363 18.2168 16.9479 18.4939 16.6569 18.7692C15.7872 19.5951 14.889 20.4192 13.9854 21.2191C13.7346 21.4415 13.4828 21.6621 13.2292 21.8818L13.181 21.9239C13.0729 22.0226 12.9033 22.1723 12.6863 22.1723ZM4.81669 0.496381C4.66401 0.496381 4.51222 0.509828 4.36133 0.53673C3.03454 0.777056 1.99347 1.55633 1.34883 2.79024C0.397934 4.61241 0.485434 7.1466 1.58276 9.57135C2.14972 10.8232 3.04704 11.9594 3.84258 12.926C4.77115 14.0532 5.84437 15.2226 7.21847 16.6054C8.24169 17.6348 9.32652 18.6732 10.5346 19.7798L10.9587 20.1699C11.4944 20.6649 12.0479 21.176 12.6176 21.637C12.6944 21.6988 12.6953 21.7006 12.8569 21.5572L12.9096 21.5105C13.1613 21.2926 13.4122 21.0729 13.6613 20.8523C14.5604 20.056 15.4551 19.2355 16.3203 18.4132C16.6096 18.1388 16.8962 17.8635 17.1819 17.5855C18.0792 16.7121 18.8863 15.8916 19.6488 15.0755C20.5069 14.1564 21.6185 12.9269 22.5979 11.5621C22.9738 11.0375 23.4506 10.3372 23.7979 9.56955C24.8953 7.1457 24.9828 4.61062 24.0319 2.78845C23.3881 1.55453 22.3462 0.775266 21.0194 0.53494C17.9346 -0.0273153 14.2069 5.28675 12.9283 10.4062L12.6899 11.3603L12.4515 10.4071C11.2363 5.53785 7.80062 0.496381 4.81669 0.496381Z" fill="#0000B4" stroke="#0000B4" stroke-width="0.2"/>
6491      <path d="M15.5525 32.9709C14.1373 32.9709 13.1927 31.7934 12.7623 31.1065C12.28
649111 31.8733 11.1596 33.2515 9.45696 32.9198C8.29088 32.692 7.16409 31.667 6.58552 30.3076C6.04802 29.0458 6.09713 27.7635 6.71945 26.7896C7.61856 25.3827 9.16678 23.8394 9.91142 23.0978C10.1132 22.8969 10.2605 22.7507 10.3266 22.6754C11.2043 21.6702 12.657 21.7787 12.7186 21.784L12.8114 21.7831C12.8534 21.7778 14.323 21.6702 15.2007 22.6754C15.2668 22.7516 15.415 22.8978 15.6168 23.0996C16.3605 23.8412 17.9087 25.3845 18.807 26.7905C19.4293 27.7644 19.4784 29.0467 18.9409 30.3084C18.3623 31.6679 17.2355 32.6929 16.0695 32.9207C15.89 32.9547 15.7177 32.9709 15.5525 32.9709ZM12.5623 22.2719C12.2141 22.2719 11.2739 22.3364 10.6945 23C10.6248 23.0798 10.4695 23.2359 10.2561 23.4484C9.52481 24.1774 8.00159 25.6956 7.13195 27.0569C6.59891 27.8908 6.56409 29.0055 7.03641 30.1148C7.55248 31.328 8.53997 32.24 9.55071 32.4373C11.4525 32.8104 12.5721 30.4456 12.5828 30.4223L12.7623 30.5057L12.9418 30.4223C12.9534 30.4456 14.0748 32.8112 15.9739 32.4373C16.9846 32.24 17.9712 31.328 18.4882 30.1148C18.9605 29.0055 18.9257 27.8908 18.3927 27.0569C17.523 25.6965 16.0016 24.1792 15.2695 23.4502C15.057 23.2386 14.9034 23.0852 14.8293 23.0009C14.1159 22.1849 12.8418 22.2737 12.8293 22.2755L12.6962 22.2764C12.6909 22.2755 12.6427 22.2719 12.5623 22.2719Z" fill="#0000B4" stroke="#0000B4" stroke-width="0.2"/>
6492      <path d="M4.14583 30.8595C4.13511 30.8595 4.1235 30.8577 4.11279 30.855C4.05208 30.8371 4.01815 30.7725 4.03601 30.7116C4.61279 28.8015 8.9869 28.8472 9.17259 28.8526C9.23599 28.8535 9.28599 28.9055 9.28509 28.9692C9.2842 29.0329 9.22259 29.0795 9.16902 29.0822C9.1235 29.0813 4.78243 29.032 4.25475 30.7779C4.24047 30.8272 4.19493 30.8595 4.14583 30.8595Z" fill="#0000B4" stroke="#0000B4" stroke-width="0.2"/>
6493      <path d="M4.66975 32.5792C4.6635 32.5792 4.65636 32.5792 4.65011 32.5774C4.58761 32.5667 4.54564 32.5075 4.55636 32.4447C4.89475 30.4782 9.24211 29.9859 9.42693 29.9661C9.48675 29.9563 9.54657 30.0047 9.55282 30.0683C9.55996 30.1311 9.51443 30.1885 9.45104 30.1948C9.40729 30.1993 5.09118 30.6871 4.78136 32.4842C4.77332 32.5398 4.72511 32.5792 4.66975 32.5792Z" fill="#0000B4" stroke="#0000B4" stroke-width="0.2"/>
6494      <path d="M21.7096 30.7832C21.6605 30.7832 21.615 30.7518 21.5998 30.7016C21.0721 28.9556 16.7284 29.0058 16.6864 29.0058C16.6257 29.0094 16.5712 28.9565 16.5703 28.8929C16.5694 28.8292 16.6194 28.7772 16.6828 28.7763C16.8659 28.7718 21.2426 28.7243 21.8194 30.6352C21.8373 30.6962 21.8034 30.7608 21.7426 30.7787C21.7319 30.7814 21.7212 30.7832 21.7096 30.7832Z" fill="#0000B4" stroke="#0000B4" stroke-width="0.2"/>
6495      <path d="M21.1894 32.5052C21.134 32.5052 21.0858 32.4657 21.0769 32.4101C20.767 30.6131 16.451 30.1261 16.4072 30.1208C16.3438 30.1136 16.2983 30.0571 16.3054 29.9943C16.3117 29.9315 16.3652 29.8813 16.4313 29.8921C16.6161 29.9118 20.9636 30.4041 21.3019 32.3707C21.3127 32.4334 21.2706 32.4926 21.2081 32.5034C21.2019 32.5043 21.1956 32.5052 21.1894 32.5052Z" fill="#0000B4" stroke="#0000B4" stroke-width="0.2"/>
6496      </g>
6497      <defs>
6498      <clipPath id="clip0_1_13179">
6499      <rect width="25" height="33" fill="white" transform="translate(0.203125)"/>
6500      </clipPath>
6501      </defs>
6502    </svg>
6503</div>
6504      </div><p class="body-sm font-medium mt-[30px] text-grey-2A leading-[18px]">Active Ingredients</p><div class="mt-2 body-sm text-grey-5C rte"><div class="metafield-rich_text_field"><p>Avobenzone 3%, Homosalate 7%, Octisalate 5%, Octocrylene 9%</p></div></div><p class="body-sm font-medium mt-[30px] text-grey-2A leading-[18px]">Inactive Ingredients</p><div class="mt-2 body-sm text-grey-5C rte"><div class="metafield-rich_text_field"><p>Isododecane, Dimethicone/Bis-Isobutyl PPG-20 Crosspolymer, Dimethicone/Vinyl Dimethicone Crosspolymer, Dimethicone, Dimethicone Crosspolymer, Caprylic/Capric Triglyceride, Butyrospermum Parkii (Shea) Butter, Physalis Angulata Extract, Himanthalia Elongata Extract, Meadowfoam Estolide, Tocopherol, Jojoba Esters, Polymethylsilsesquioxane, Caprylyl Glycol, Diethylhexyl Syringylidenemalonate, Silica, Bisabolol, Dipotassium Glycyrrhizate.</p><p><em>PLEASE BE AWARE THAT INGREDIENT LISTS MAY CHANGE OR VARY FROM TIME TO TIME. PLEASE REFER TO THE INGREDIENT LIST ON THE PRODUCT PACKAGE YOU RECEIVE FOR THE MOST UP TO DATE LIST OF INGREDIENTS</em></p></div></div></div>
6505</div>
6506
6507          
6508      </div><div
6509        id="tabpanel-4a0fb5ae-b13b-4ea3-bf96-079f5a863075"
6510        data-tab="3"
6511        role="tabpanel"
6512        aria-labelledby="tab-4a0fb5ae-b13b-4ea3-bf96-079f5a863075"
6513        tabindex="0"
6514        hidden
6515        class=" hidden">
6516        
6517          <div class="flex flex-col-reverse lg:flex-row items-center lg:gap-[60px] px-[20px] pb-[20px] bg-white rounded lg:p-0">
6518  <div class="w-full lg:w-1/2 text-grey-2A"><p class="h4 text-supergoop-blue hidden lg:inline-block">Before & After</p><div class="mt-[10px] body-sm"><div class="metafield-rich_text_field"><p>Unseen Sunscreen leaves skin looking smoother with a natural finish that visibly blurs pores.</p></div></div><p class="body-sm mt-[40px] flex gap-3 items-center rte">
6519        <span class="h5 text-supergoop-blue">
6520      98%
6521  </span> agreed it does not feel irritating on skin³
6522      </p><p class="body-sm mt-[30px] flex gap-3 items-center rte">
6523        Improves skin clarity¹ for smoother skin
6524      </p><p class="body-sm mt-[30px] flex gap-3 items-center rte">
6525        Leaves skin perfectly primed for makeup & doesn't settle into pores⁴
6526      </p><div class="mt-[46px] body-xs text-grey-5C rte">¹Based on an independent clinical study with 33 women after using product for 4 weeks ³Based on an independent consumer study with 106 participants after one product application ⁴Based on an independent consumer study with 53 participants after one product application</div></div>
6527  <div class="w-full lg:w-1/2 max-w-[670px] mx-auto"><img src="//supergoop.com/cdn/shop/files/unseen-sunscreen-before-and-after.jpg?v=1771533091&amp;width=1340" srcset="//supergoop.com/cdn/shop/files/unseen-sunscreen-before-and-after.jpg?v=1771533091&amp;width=360 360w, //supergoop.com/cdn/shop/files/unseen-sunscreen-before-and-after.jpg?v=1771533091&amp;width=640 640w, //supergoop.com/cdn/shop/files/unseen-sunscreen-before-and-after.jpg?v=1771533091&amp;width=768 768w, //supergoop.com/cdn/shop/files/unseen-sunscreen-before-and-after.jpg?v=1771533091&amp;width=1024 1024w, //supergoop.com/cdn/shop/files/unseen-sunscreen-before-and-after.jpg?v=1771533091&amp;width=1280 1280w" width="1340" height="928" loading="lazy" class="w-full h-full" sizes="(min-width: 1024px) 33vw, 100vw">
6528</div>
6529</div>
6530
6531        
6532      </div></div>
6533</tab-list>
6534    <div class="space-y-[10px] px-[10px] py-[20px] lg:hidden bg-supergoop-yellow">
6535        <div class="flex flex-col lg:flex-row items-center gap-5 mt-[140px] lg:mt-[0px]">
6536  <div class="w-full lg:w-fit xl:1/2 text-grey-2A p-[20px] bg-white rounded"><picture class="lg:hidden block relative -mt-[160px] mb-[20px]">
6537        <img src="//supergoop.com/cdn/shop/files/unseen-sunscreen-WMIS.jpg?v=1771533091&amp;width=1128" alt="What Makes It Super" srcset="//supergoop.com/cdn/shop/files/unseen-sunscreen-WMIS.jpg?v=1771533091&amp;width=360 360w, //supergoop.com/cdn/shop/files/unseen-sunscreen-WMIS.jpg?v=1771533091&amp;width=640 640w, //supergoop.com/cdn/shop/files/unseen-sunscreen-WMIS.jpg?v=1771533091&amp;width=768 768w, //supergoop.com/cdn/shop/files/unseen-sunscreen-WMIS.jpg?v=1771533091&amp;width=1024 1024w" width="1128" height="922" loading="lazy" class="w-full  h-full" sizes="100vw">
6538      </picture><h2 class="h4 text-supergoop-blue max-w-[300px] lg:max-w-full lg:text-nowrap tracking-normal">What Makes It Super</h2><div class="mt-[30px] rte">
6539        <div class="metafield-rich_text_field"><ul><li>Now non-acnegenic for acne-prone &amp; sensitive skin</li><li>Enhanced SPF 50 &amp; lighter than ever!</li><li>No white cast on all skin tones</li></ul><p></p></div>
6540      </div><h3 class="sub-h4 mt-[40px] normal-case">How it feels</h3><div class="mt-2 rte"><div class="metafield-rich_text_field"><p>A weightless gel that feels comfortable and breathable on skin with a natural finish. Recommended for normal, combination, dry, oily, sensitive or acne-prone skin.</p></div></div><h3 class="sub-h4 mt-[40px] normal-case">Why we made it</h3><div class="mt-2 rte"><div class="metafield-rich_text_field"><p>Unseen Sunscreen improves skin clarity¹ for smoother skin with a non-acnegenic, non-greasy &amp; non-irritating formula. This super!-charged invisible primer is clinically tested to improve quality of makeup for longer-lasting, all-day wear². It leaves skin perfectly prepped for makeup with a natural finish that visibly blurs pores with no white cast. It provides broad spectrum SPF 50 protection to help prevent the visible signs of aging.</p><p>Unseen Sunscreen SPF 50 holds the Skin Cancer Foundation Seal of Recommendation—meeting the foundation’s strict efficacy standards through rigorous testing and review. </p></div></div></div>
6541
6542  <div class="w-full lg:w-1/2 max-w-[627px] mx-auto hidden lg:block"><picture class="">
6543        <img src="//supergoop.com/cdn/shop/files/unseen-sunscreen-WMIS.jpg?v=1771533091&amp;width=1128" alt="What Makes It Super" srcset="//supergoop.com/cdn/shop/files/unseen-sunscreen-WMIS.jpg?v=1771533091&amp;width=360 360w, //supergoop.com/cdn/shop/files/unseen-sunscreen-WMIS.jpg?v=1771533091&amp;width=640 640w, //supergoop.com/cdn/shop/files/unseen-sunscreen-WMIS.jpg?v=1771533091&amp;width=768 768w" width="1128" height="922" loading="lazy" class="w-full  h-full" sizes="33vw">
6544      </picture></div>
6545</div>
6546      
6547
6548        <details class="[&_.minus-icon]:hidden [&_.plus-icon]:open:hidden [&_.minus-icon]:open:block">
6549          <summary class="w-full flex items-center justify-between rounded py-5 px-5 label-12 tracking-[2px] uppercase bg-white text-grey-2A cursor-pointer">
6550  <h2 class="label-12 tracking-[2px] uppercase bg-white text-grey-2A">How to apply</h2>
6551  <svg
6552      class="plus-icon"
6553      xmlns="http://www.w3.org/2000/svg"
6554      width="44"
6555      height="44"
6556      viewBox="0 0 44 44"
6557      fill="none"
6558    >
6559      <g filter="url(#filter0_d_1_13168)">
6560      <circle cx="22" cy="22" r="16" fill="white"/>
6561      </g>
6562      <path d="M15 22H29" stroke="#2A2A2A"/>
6563      <path d="M22 15V29" stroke="#2A2A2A"/>
6564      <defs>
6565      <filter id="filter0_d_1_13168" x="0" y="0" width="44" height="44" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
6566      <feFlood flood-opacity="0" result="BackgroundImageFix"/>
6567      <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"/>
6568      <feOffset/>
6569      <feGaussianBlur stdDeviation="3"/>
6570      <feComposite in2="hardAlpha" operator="out"/>
6571      <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"/>
6572      <feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_1_13168"/>
6573      <feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_1_13168" result="shape"/>
6574      </filter>
6575      </defs>
6576    </svg>
6577  <svg
6578      class="minus-icon"
6579      xmlns="http://www.w3.org/2000/svg"
6580      width="44"
6581      height="44"
6582      viewBox="0 0 44 44"
6583      fill="none"
6584    >
6585      <g filter="url(#filter0_d_1_13173)">
6586      <circle cx="22" cy="22" r="16" fill="white"/>
6587      </g>
6588      <path d="M15 22H29" stroke="#2A2A2A"/>
6589      <defs>
6590      <filter id="filter0_d_1_13173" x="0" y="0" width="44" height="44" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
6591      <feFlood flood-opacity="0" result="BackgroundImageFix"/>
6592      <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"/>
6593      <feOffset/>
6594      <feGaussianBlur stdDeviation="3"/>
6595      <feComposite in2="hardAlpha" operator="out"/>
6596      <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"/>
6597      <feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_1_13173"/>
6598      <feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_1_13173" result="shape"/>
6599      </filter>
6600      </defs>
6601    </svg>
6602</summary>
6603
6604          <div class="flex flex-col lg:flex-row justify-between bg-white rounded md:gap-5">
6605  <div class="w-full lg:w-1/2 text-grey-2A px-[20px] pb-[20px] lg:p-0"><p
6606        class="h4 text-supergoop-blue hidden lg:inline-block">How to apply</p><div class="lg:mt-[10px] body-sm"><div class="metafield-rich_text_field"><p>Wear Unseen Sunscreen on its own or as a makeup-gripping primer.</p></div></div><div class="mt-[30px]"><div class="metafield-rich_text_field"><ol><li>Complete your skincare routine</li><li>Apply Unseen Sunscreen generously and evenly across your face and neck</li><li>Allow 30 seconds for product to absorb before applying makeup</li></ol></div></div>
6607</div>
6608  <div class="w-full lg:w-1/2 text-grey-2A p-[20px] lg:p-0"><div class="mt-[35px] divide-y divide-grey-B4 border-y border-grey-B4 hidden md:block"><details class="[&_.minus-icon]:hidden [&_.plus-icon]:open:hidden [&_.minus-icon]:open:block">
6609  <summary class="w-full flex justify-between items-center body-sm py-3 font-semibold cursor-pointer">Uses<svg
6610      class="plus-icon"
6611      width="13"
6612      height="14"
6613      viewBox="0 0 13 14"
6614      fill="none"
6615      xmlns="http://www.w3.org/2000/svg"
6616    >
6617      <path fillRule="evenodd" clipRule="evenodd" d="M11.375 7.40625L1.625 7.40625L1.625 6.59375L11.375 6.59375L11.375 7.40625Z" fill="black"/>
6618      <path fillRule="evenodd" clipRule="evenodd" d="M6.09375 11.875L6.09375 2.125L6.90625 2.125L6.90625 11.875L6.09375 11.875Z" fill="black"/>
6619    </svg><svg
6620      class="minus-icon"
6621      width="13"
6622      height="14"
6623      viewBox="0 0 13 14"
6624      fill="none"
6625      xmlns="http://www.w3.org/2000/svg"
6626    >
6627      <path fillRule="evenodd" clipRule="evenodd" d="M11.375 7.40625L1.625 7.40625L1.625 6.59375L11.375 6.59375L11.375 7.40625Z" fill="black"/>
6628    </svg></summary>
6629  <div class="mb-2 body-sm text-grey-5C"><div class="metafield-rich_text_field"><p>• Helps prevent sunburn. • If used as directed with other sun protection measures (see Directions), decreases the risk of skin cancer and early skin aging caused by the sun</p></div></div>
6630</details>
6631
6632<details class="[&_.minus-icon]:hidden [&_.plus-icon]:open:hidden [&_.minus-icon]:open:block">
6633  <summary class="w-full flex justify-between items-center body-sm py-3 font-semibold cursor-pointer">Warnings<svg
6634      class="plus-icon"
6635      width="13"
6636      height="14"
6637      viewBox="0 0 13 14"
6638      fill="none"
6639      xmlns="http://www.w3.org/2000/svg"
6640    >
6641      <path fillRule="evenodd" clipRule="evenodd" d="M11.375 7.40625L1.625 7.40625L1.625 6.59375L11.375 6.59375L11.375 7.40625Z" fill="black"/>
6642      <path fillRule="evenodd" clipRule="evenodd" d="M6.09375 11.875L6.09375 2.125L6.90625 2.125L6.90625 11.875L6.09375 11.875Z" fill="black"/>
6643    </svg><svg
6644      class="minus-icon"
6645      width="13"
6646      height="14"
6647      viewBox="0 0 13 14"
6648      fill="none"
6649      xmlns="http://www.w3.org/2000/svg"
6650    >
6651      <path fillRule="evenodd" clipRule="evenodd" d="M11.375 7.40625L1.625 7.40625L1.625 6.59375L11.375 6.59375L11.375 7.40625Z" fill="black"/>
6652    </svg></summary>
6653  <div class="mb-2 body-sm text-grey-5C"><div class="metafield-rich_text_field"><p>•<strong>For external use only.</strong></p><p>•<strong>Do not use </strong>on damaged or broken skin. </p><p>• When using this product keep out of eyes. Rinse with water to remove. </p><p>•<strong>Stop use and ask a doctor </strong>if rash occurs. </p><p>•<strong>Keep out of reach of children</strong>. If product is swallowed, get medical help or contact a Poison Control Center right away.</p></div></div>
6654</details>
6655
6656<details class="[&_.minus-icon]:hidden [&_.plus-icon]:open:hidden [&_.minus-icon]:open:block">
6657  <summary class="w-full flex justify-between items-center body-sm py-3 font-semibold cursor-pointer">Directions<svg
6658      class="plus-icon"
6659      width="13"
6660      height="14"
6661      viewBox="0 0 13 14"
6662      fill="none"
6663      xmlns="http://www.w3.org/2000/svg"
6664    >
6665      <path fillRule="evenodd" clipRule="evenodd" d="M11.375 7.40625L1.625 7.40625L1.625 6.59375L11.375 6.59375L11.375 7.40625Z" fill="black"/>
6666      <path fillRule="evenodd" clipRule="evenodd" d="M6.09375 11.875L6.09375 2.125L6.90625 2.125L6.90625 11.875L6.09375 11.875Z" fill="black"/>
6667    </svg><svg
6668      class="minus-icon"
6669      width="13"
6670      height="14"
6671      viewBox="0 0 13 14"
6672      fill="none"
6673      xmlns="http://www.w3.org/2000/svg"
6674    >
6675      <path fillRule="evenodd" clipRule="evenodd" d="M11.375 7.40625L1.625 7.40625L1.625 6.59375L11.375 6.59375L11.375 7.40625Z" fill="black"/>
6676    </svg></summary>
6677  <div class="mb-2 body-sm text-grey-5C"><div class="metafield-rich_text_field"><p>• apply generously and evenly 15 minutes before sun exposure </p><p>• reapply: </p><p>◦ after 40 minutes of swimming or sweating </p><p>◦ immediately after towel drying </p><p>◦ at least every 2 hours </p><p>•<strong>Sun Protection Measures:</strong>Spending time in the sun increases your risk of skin cancer and early skin aging. To decrease this risk, regularly use a sunscreen with a Broad Spectrum SPF value of 15 or higher and other sun protection measures including: </p><p>◦ Limit time in the sun, especially from 10 a.m. - 2 p.m. </p><p>◦ Wear long-sleeved shirts, pants, hats, and sunglasses </p><p>• Children under 6 months: Ask a doctor</p></div></div>
6678</details>
6679
6680<details class="[&_.minus-icon]:hidden [&_.plus-icon]:open:hidden [&_.minus-icon]:open:block">
6681  <summary class="w-full flex justify-between items-center body-sm py-3 font-semibold cursor-pointer">Other Information<svg
6682      class="plus-icon"
6683      width="13"
6684      height="14"
6685      viewBox="0 0 13 14"
6686      fill="none"
6687      xmlns="http://www.w3.org/2000/svg"
6688    >
6689      <path fillRule="evenodd" clipRule="evenodd" d="M11.375 7.40625L1.625 7.40625L1.625 6.59375L11.375 6.59375L11.375 7.40625Z" fill="black"/>
6690      <path fillRule="evenodd" clipRule="evenodd" d="M6.09375 11.875L6.09375 2.125L6.90625 2.125L6.90625 11.875L6.09375 11.875Z" fill="black"/>
6691    </svg><svg
6692      class="minus-icon"
6693      width="13"
6694      height="14"
6695      viewBox="0 0 13 14"
6696      fill="none"
6697      xmlns="http://www.w3.org/2000/svg"
6698    >
6699      <path fillRule="evenodd" clipRule="evenodd" d="M11.375 7.40625L1.625 7.40625L1.625 6.59375L11.375 6.59375L11.375 7.40625Z" fill="black"/>
6700    </svg></summary>
6701  <div class="mb-2 body-sm text-grey-5C"><div class="metafield-rich_text_field"><p>Protect the product in this container from excessive heat and direct sun</p></div></div>
6702</details>
6703
6704</div>
6705    <div class="mt-[24px] pt-[24px] border-t border-grey-B4 md:hidden accordion-how-to-apply"><p class="body-sm capitalize font-bold py-1">Uses</p><div class="body-sm text-grey-5C rte"><div class="metafield-rich_text_field"><p>• Helps prevent sunburn. • If used as directed with other sun protection measures (see Directions), decreases the risk of skin cancer and early skin aging caused by the sun</p></div></div><p class="body-sm capitalize font-bold py-1">Warnings</p><div class="body-sm text-grey-5C rte"><div class="metafield-rich_text_field"><p>•<strong>For external use only.</strong></p><p>•<strong>Do not use </strong>on damaged or broken skin. </p><p>• When using this product keep out of eyes. Rinse with water to remove. </p><p>•<strong>Stop use and ask a doctor </strong>if rash occurs. </p><p>•<strong>Keep out of reach of children</strong>. If product is swallowed, get medical help or contact a Poison Control Center right away.</p></div></div><p class="body-sm capitalize font-bold py-1">Directions</p><div class="body-sm text-grey-5C rte"><div class="metafield-rich_text_field"><p>• apply generously and evenly 15 minutes before sun exposure </p><p>• reapply: </p><p>◦ after 40 minutes of swimming or sweating </p><p>◦ immediately after towel drying </p><p>◦ at least every 2 hours </p><p>•<strong>Sun Protection Measures:</strong>Spending time in the sun increases your risk of skin cancer and early skin aging. To decrease this risk, regularly use a sunscreen with a Broad Spectrum SPF value of 15 or higher and other sun protection measures including: </p><p>◦ Limit time in the sun, especially from 10 a.m. - 2 p.m. </p><p>◦ Wear long-sleeved shirts, pants, hats, and sunglasses </p><p>• Children under 6 months: Ask a doctor</p></div></div><p class="body-sm capitalize font-bold py-1">Other Information</p><div class="body-sm text-grey-5C rte"><div class="metafield-rich_text_field"><p>Protect the product in this container from excessive heat and direct sun</p></div></div></div>
6706  </div>
6707</div>
6708        </details>
6709<details class="[&_.minus-icon]:hidden [&_.plus-icon]:open:hidden [&_.minus-icon]:open:block">
6710          <summary class="w-full flex items-center justify-between rounded py-5 px-5 label-12 tracking-[2px] uppercase bg-white text-grey-2A cursor-pointer">
6711  <h2 class="label-12 tracking-[2px] uppercase bg-white text-grey-2A">Ingredients</h2>
6712  <svg
6713      class="plus-icon"
6714      xmlns="http://www.w3.org/2000/svg"
6715      width="44"
6716      height="44"
6717      viewBox="0 0 44 44"
6718      fill="none"
6719    >
6720      <g filter="url(#filter0_d_1_13168)">
6721      <circle cx="22" cy="22" r="16" fill="white"/>
6722      </g>
6723      <path d="M15 22H29" stroke="#2A2A2A"/>
6724      <path d="M22 15V29" stroke="#2A2A2A"/>
6725      <defs>
6726      <filter id="filter0_d_1_13168" x="0" y="0" width="44" height="44" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
6727      <feFlood flood-opacity="0" result="BackgroundImageFix"/>
6728      <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"/>
6729      <feOffset/>
6730      <feGaussianBlur stdDeviation="3"/>
6731      <feComposite in2="hardAlpha" operator="out"/>
6732      <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"/>
6733      <feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_1_13168"/>
6734      <feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_1_13168" result="shape"/>
6735      </filter>
6736      </defs>
6737    </svg>
6738  <svg
6739      class="minus-icon"
6740      xmlns="http://www.w3.org/2000/svg"
6741      width="44"
6742      height="44"
6743      viewBox="0 0 44 44"
6744      fill="none"
6745    >
6746      <g filter="url(#filter0_d_1_13173)">
6747      <circle cx="22" cy="22" r="16" fill="white"/>
6748      </g>
6749      <path d="M15 22H29" stroke="#2A2A2A"/>
6750      <defs>
6751      <filter id="filter0_d_1_13173" x="0" y="0" width="44" height="44" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
6752      <feFlood flood-opacity="0" result="BackgroundImageFix"/>
6753      <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"/>
6754      <feOffset/>
6755      <feGaussianBlur stdDeviation="3"/>
6756      <feComposite in2="hardAlpha" operator="out"/>
6757      <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"/>
6758      <feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_1_13173"/>
6759      <feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_1_13173" result="shape"/>
6760      </filter>
6761      </defs>
6762    </svg>
6763</summary>
6764
6765          <div class="flex flex-col lg:flex-row lg:gap-[60px] bg-white rounded px-[20px] pb-[20px] lg:p-0">
6766  <div class="w-full lg:w-1/2 text-grey-2A"><div class="lg:hidden mb-2.5">
6767        <div class="flex items-center justify-center gap-4 bg-grey-F7 rounded-lg p-2 lg:w-fit">
6768  <p class="utility-s uppercase text-supergoop-blue tracking-[2px] font-semibold">Cruelty free &amp; vegan</p>
6769  <svg xmlns="http://www.w3.org/2000/svg" width="26" height="33" viewBox="0 0 26 33" fill="none">
6770      <g clip-path="url(#clip0_1_13179)">
6771      <path d="M11.8086 28.4592C12.0818 28.0781 12.8131 28.9426 12.8131 28.9426C12.8131 28.9426 13.5631 28.0718 13.7836 28.3435C14.1104 28.7435 13.1131 29.3999 13.1131 29.3999C13.1131 29.3999 13.1175 30.5253 12.8166 30.5818C12.5086 30.6428 12.4765 29.4035 12.4765 29.4035C12.4765 29.4035 11.5318 28.8269 11.8086 28.4592Z" fill="#0000B4" stroke="#0000B4" stroke-width="0.2"/>
6772      <path d="M12.7938 30.6412C12.7554 30.6412 12.7179 30.6278 12.6857 30.6009C12.4661 30.426 12.4241 29.6252 12.4188 29.436C12.292 29.3553 11.7679 29.0029 11.7054 28.6747C11.6884 28.5823 11.7063 28.498 11.7616 28.4263C11.8161 28.3492 11.8902 28.3097 11.9804 28.3052C11.9848 28.3052 11.9893 28.3052 11.9938 28.3052C12.2884 28.3052 12.6822 28.7123 12.8134 28.8567C12.959 28.6944 13.3973 28.2344 13.6697 28.2344C13.6706 28.2344 13.6715 28.2344 13.6715 28.2344C13.7357 28.2353 13.7902 28.2604 13.8286 28.3079C13.8929 28.3868 13.9188 28.4801 13.9018 28.585C13.8465 28.9455 13.2991 29.3418 13.1706 29.4306C13.1697 29.6817 13.1429 30.5785 12.8268 30.6376C12.8152 30.6403 12.8036 30.6412 12.7938 30.6412ZM11.9929 28.4209C11.9911 28.4209 11.9875 28.4209 11.9848 28.4218C11.9295 28.4236 11.8875 28.4478 11.8545 28.4944L11.8536 28.4953C11.8188 28.5411 11.8063 28.5931 11.8188 28.6532C11.8679 28.9159 12.3313 29.2477 12.5045 29.3544L12.5313 29.3705L12.5322 29.4019C12.542 29.7687 12.6116 30.3937 12.7581 30.5121C12.7768 30.5273 12.7929 30.5291 12.8054 30.5255C12.9813 30.4924 13.0572 29.8485 13.0563 29.4001V29.3696L13.0822 29.3526C13.0893 29.3481 13.7357 28.9195 13.7893 28.5689C13.8009 28.4971 13.784 28.4352 13.7402 28.3823C13.7232 28.3608 13.7018 28.351 13.6706 28.351C13.6706 28.351 13.6697 28.351 13.6688 28.351C13.4491 28.351 13.009 28.8074 12.8563 28.9832L12.8
6772134 29.0334L12.7697 28.9823C12.6357 28.8244 12.2393 28.4209 11.9929 28.4209Z" fill="#0000B4"/>
6773      <path d="M11.8072 28.4604H11.8081M12.7938 30.6412C12.7554 30.6412 12.7179 30.6278 12.6857 30.6009C12.4661 30.426 12.4241 29.6252 12.4188 29.436C12.292 29.3553 11.7679 29.0029 11.7054 28.6747C11.6884 28.5823 11.7063 28.498 11.7616 28.4263C11.8161 28.3492 11.8902 28.3097 11.9804 28.3052C11.9848 28.3052 11.9893 28.3052 11.9938 28.3052C12.2884 28.3052 12.6822 28.7123 12.8134 28.8567C12.959 28.6944 13.3973 28.2344 13.6697 28.2344C13.6706 28.2344 13.6715 28.2344 13.6715 28.2344C13.7357 28.2353 13.7902 28.2604 13.8286 28.3079C13.8929 28.3868 13.9188 28.4801 13.9018 28.585C13.8465 28.9455 13.2991 29.3418 13.1706 29.4306C13.1697 29.6817 13.1429 30.5785 12.8268 30.6376C12.8152 30.6403 12.8036 30.6412 12.7938 30.6412ZM11.9929 28.4209C11.9911 28.4209 11.9875 28.4209 11.9848 28.4218C11.9295 28.4236 11.8875 28.4478 11.8545 28.4944L11.8536 28.4953C11.8188 28.5411 11.8063 28.5931 11.8188 28.6532C11.8679 28.9159 12.3313 29.2477 12.5045 29.3544L12.5313 29.3705L12.5322 29.4019C12.542 29.7687 12.6116 30.3937 12.7581 30.5121C12.7768 30.5273 12.7929 30.5291 12.8054 30.5255C12.9813 30.4924 13.0572 29.8485 13.0563 29.4001V29.3696L13.0822 29.3526C13.0893 29.3481 13.7357 28.9195 13.7893 28.5689C13.8009 28.4971 13.784 28.4352 13.7402 28.3823C13.7232 28.3608 13.7018 28.351 13.6706 28.351C13.6706 28.351 13.6697 28.351 13.6688 28.351C13.4491 28.351 13.009 28.8074 12.8563 28.9832L12.8134 29.0334L12.7697 28.9823C12.6357 28.8244 12.2393 28.4209 11.9929 28.4209Z" stroke="#0000B4" stroke-width="0.2"/>
6774      <path d="M11.1393 25.6581C11.1393 26.1208 10.9875 26.4957 10.8018 26.4957C10.617 26.4957 10.4688 26.1208 10.4688 25.6581C10.4688 25.1918 10.617 24.8125 10.8018 24.8125C10.9875 24.8125 11.1393 25.1918 11.1393 25.6581Z" fill="#0000B4" stroke="#0000B4" stroke-width="0.2"/>
6775      <path d="M10.7978 26.5397C10.5835 26.5397 10.4219 26.1604 10.4219 25.6591C10.4219 25.1515 10.5835 24.7695 10.7978 24.7695C11.0112 24.7695 11.1781 25.1614 11.1781 25.6591C11.1781 26.1523 11.0103 26.5397 10.7978 26.5397ZM10.7978 24.8556C10.6603 24.8556 10.5076 25.1856 10.5076 25.6591C10.5076 26.1272 10.6594 26.4536 10.7978 26.4536C10.9379 26.4536 11.0924 26.1281 11.0924 25.6591C11.0924 25.1856 10.9371 24.8556 10.7978 24.8556Z" fill="#0000B4" stroke="#0000B4" stroke-width="0.2"/>
6776      <path d="M14.8142 25.6591C14.8142 26.1281 14.6642 26.5002 14.4785 26.5002C14.2927 26.5002 14.1445 26.1281 14.1445 25.6591C14.1445 25.1991 14.2927 24.8242 14.4785 24.8242C14.6642 24.8242 14.8142 25.1991 14.8142 25.6591Z" fill="#0000B4" stroke="#0000B4" stroke-width="0.2"/>
6777      <path d="M14.4792 26.5424C14.2641 26.5424 14.1016 26.1622 14.1016 25.6592C14.1016 25.1588 14.2641 24.7812 14.4792 24.7812C14.6917 24.7812 14.8578 25.16
677777 14.8578 25.6592C14.8569 26.1622 14.6944 26.5424 14.4792 26.5424ZM14.4792 24.8673C14.3382 24.8673 14.1873 25.1848 14.1873 25.6592C14.1873 26.1362 14.3382 26.4564 14.4792 26.4564C14.6212 26.4564 14.7721 26.1362 14.7721 25.6592C14.7712 25.192 14.6176 24.8673 14.4792 24.8673Z" fill="#0000B4" stroke="#0000B4" stroke-width="0.2"/>
6778      <path d="M12.6863 22.1723C12.5729 22.1723 12.4471 22.1311 12.3096 22.0199C11.7274 21.5491 11.1676 21.0317 10.6265 20.5313L10.2042 20.1421C8.99079 19.0302 7.90061 17.9872 6.87114 16.9524C5.48543 15.558 4.40329 14.3788 3.46401 13.239C2.64794 12.2481 1.7274 11.0815 1.13544 9.77401C-0.0243881 7.21206 -0.106529 4.51556 0.914006 2.55977C1.62115 1.20569 2.81401 0.31434 4.27472 0.0506988C7.80062 -0.587779 11.3212 4.93165 12.6908 9.42876C14.0596 4.93165 17.5783 -0.586883 21.1069 0.0506988C22.5667 0.315237 23.7604 1.20659 24.4667 2.55977C25.4881 4.51556 25.4051 7.21206 24.2453 9.77401C23.8801 10.5811 23.3863 11.3074 22.9962 11.85C21.9997 13.2381 20.8756 14.4828 20.0069 15.4118C19.239 16.2332 18.4265 17.06 17.5229 17.9379C17.2363 18.2168 16.9479 18.4939 16.6569 18.7692C15.7872 19.5951 14.889 20.4192 13.9854 21.2191C13.7346 21.4415 13.4828 21.6621 13.2292 21.8818L13.181 21.9239C13.0729 22.0226 12.9033 22.1723 12.6863 22.1723ZM4.81669 0.496381C4.66401 0.496381 4.51222 0.509828 4.36133 0.53673C3.03454 0.777056 1.99347 1.55633 1.34883 2.79024C0.397934 4.61241 0.485434 7.1466 1.58276 9.57135C2.14972 10.8232 3.04704 11.9594 3.84258 12.926C4.77115 14.0532 5.84437 15.2226 7.21847 16.6054C8.24169 17.6348 9.32652 18.6732 10.5346 19.7798L10.9587 20.1699C11.4944 20.6649 12.0479 21.176 12.6176 21.637C12.6944 21.6988 12.6953 21.7006 12.8569 21.5572L12.9096 21.5105C13.1613 21.2926 13.4122 21.0729 13.6613 20.8523C14.5604 20.056 15.4551 19.2355 16.3203 18.4132C16.6096 18.1388 16.8962 17.8635 17.1819 17.5855C18.0792 16.7121 18.8863 15.8916 19.6488 15.0755C20.5069 14.1564 21.6185 12.9269 22.5979 11.5621C22.9738 11.0375 23.4506 10.3372 23.7979 9.56955C24.8953 7.1457 24.9828 4.61062 24.0319 2.78845C23.3881 1.55453 22.3462 0.775266 21.0194 0.53494C17.9346 -0.0273153 14.2069 5.28675 12.9283 10.4062L12.6899 11.3603L12.4515 10.4071C11.2363 5.53785 7.80062 0.496381 4.81669 0.496381Z" fill="#0000B4" stroke="#0000B4" stroke-width="0.2"/>
6779      <path d="M15.5525 32.9709C14.1373 32.9709 13.1927 31.7934 12.7623 31.1065C12.28
677911 31.8733 11.1596 33.2515 9.45696 32.9198C8.29088 32.692 7.16409 31.667 6.58552 30.3076C6.04802 29.0458 6.09713 27.7635 6.71945 26.7896C7.61856 25.3827 9.16678 23.8394 9.91142 23.0978C10.1132 22.8969 10.2605 22.7507 10.3266 22.6754C11.2043 21.6702 12.657 21.7787 12.7186 21.784L12.8114 21.7831C12.8534 21.7778 14.323 21.6702 15.2007 22.6754C15.2668 22.7516 15.415 22.8978 15.6168 23.0996C16.3605 23.8412 17.9087 25.3845 18.807 26.7905C19.4293 27.7644 19.4784 29.0467 18.9409 30.3084C18.3623 31.6679 17.2355 32.6929 16.0695 32.9207C15.89 32.9547 15.7177 32.9709 15.5525 32.9709ZM12.5623 22.2719C12.2141 22.2719 11.2739 22.3364 10.6945 23C10.6248 23.0798 10.4695 23.2359 10.2561 23.4484C9.52481 24.1774 8.00159 25.6956 7.13195 27.0569C6.59891 27.8908 6.56409 29.0055 7.03641 30.1148C7.55248 31.328 8.53997 32.24 9.55071 32.4373C11.4525 32.8104 12.5721 30.4456 12.5828 30.4223L12.7623 30.5057L12.9418 30.4223C12.9534 30.4456 14.0748 32.8112 15.9739 32.4373C16.9846 32.24 17.9712 31.328 18.4882 30.1148C18.9605 29.0055 18.9257 27.8908 18.3927 27.0569C17.523 25.6965 16.0016 24.1792 15.2695 23.4502C15.057 23.2386 14.9034 23.0852 14.8293 23.0009C14.1159 22.1849 12.8418 22.2737 12.8293 22.2755L12.6962 22.2764C12.6909 22.2755 12.6427 22.2719 12.5623 22.2719Z" fill="#0000B4" stroke="#0000B4" stroke-width="0.2"/>
6780      <path d="M4.14583 30.8595C4.13511 30.8595 4.1235 30.8577 4.11279 30.855C4.05208 30.8371 4.01815 30.7725 4.03601 30.7116C4.61279 28.8015 8.9869 28.8472 9.17259 28.8526C9.23599 28.8535 9.28599 28.9055 9.28509 28.9692C9.2842 29.0329 9.22259 29.0795 9.16902 29.0822C9.1235 29.0813 4.78243 29.032 4.25475 30.7779C4.24047 30.8272 4.19493 30.8595 4.14583 30.8595Z" fill="#0000B4" stroke="#0000B4" stroke-width="0.2"/>
6781      <path d="M4.66975 32.5792C4.6635 32.5792 4.65636 32.5792 4.65011 32.5774C4.58761 32.5667 4.54564 32.5075 4.55636 32.4447C4.89475 30.4782 9.24211 29.9859 9.42693 29.9661C9.48675 29.9563 9.54657 30.0047 9.55282 30.0683C9.55996 30.1311 9.51443 30.1885 9.45104 30.1948C9.40729 30.1993 5.09118 30.6871 4.78136 32.4842C4.77332 32.5398 4.72511 32.5792 4.66975 32.5792Z" fill="#0000B4" stroke="#0000B4" stroke-width="0.2"/>
6782      <path d="M21.7096 30.7832C21.6605 30.7832 21.615 30.7518 21.5998 30.7016C21.0721 28.9556 16.7284 29.0058 16.6864 29.0058C16.6257 29.0094 16.5712 28.9565 16.5703 28.8929C16.5694 28.8292 16.6194 28.7772 16.6828 28.7763C16.8659 28.7718 21.2426 28.7243 21.8194 30.6352C21.8373 30.6962 21.8034 30.7608 21.7426 30.7787C21.7319 30.7814 21.7212 30.7832 21.7096 30.7832Z" fill="#0000B4" stroke="#0000B4" stroke-width="0.2"/>
6783      <path d="M21.1894 32.5052C21.134 32.5052 21.0858 32.4657 21.0769 32.4101C20.767 30.6131 16.451 30.1261 16.4072 30.1208C16.3438 30.1136 16.2983 30.0571 16.3054 29.9943C16.3117 29.9315 16.3652 29.8813 16.4313 29.8921C16.6161 29.9118 20.9636 30.4041 21.3019 32.3707C21.3127 32.4334 21.2706 32.4926 21.2081 32.5034C21.2019 32.5043 21.1956 32.5052 21.1894 32.5052Z" fill="#0000B4" stroke="#0000B4" stroke-width="0.2"/>
6784      </g>
6785      <defs>
6786      <clipPath id="clip0_1_13179">
6787      <rect width="25" height="33" fill="white" transform="translate(0.203125)"/>
6788      </clipPath>
6789      </defs>
6790    </svg>
6791</div>
6792      </div><p class="h4 text-supergoop-blue mb-[10px] hidden lg:inline-block">Ingredients</p><div class="lg:mb-[40px] body-sm rte"><div class="metafield-rich_text_field"><p><strong>Formulated with 99% skincare ingredients⁶<br />
6793</strong><em>⁶Includes UV filters and skin-conditioning ingredients</em></p><p>See this product&#39;s SPF efficacy report <a href="https://cdn.shopify.com/s/files/1/1503/5658/files/Unseen_RF_4.15.2024_Redacted_updated_1.14.25.pdf?v=1736890637" target="_blank" title="efficacy report">here</a></p></div></div><p class="sub-h5">Meadowfoam Seed Oil</p><div class="mt-2 body-sm text-grey-5C rte"><div class="metafield-rich_text_field"><p>An emollient that supports skin’s moisture barrier by locking in hydration</p></div></div><p class="sub-h5 mt-[30px]">A Complex of Chamomile-Derived Bisabolol & Licorice Root</p><div class="mt-2 body-sm text-grey-5C rte"><div class="metafield-rich_text_field"><p>Known to visibly soothe and help improve skin’s clarity</p></div></div><p class="sub-h5 mt-[30px]">Advanced Skin-Gripping Polymers</p><div class="mt-2 body-sm text-grey-5C rte"><div class="metafield-rich_text_field"><p>Help create a lighter-weight feel and a smoother glide on skin⁵<br />
6794<em>
6794⁵As compared to the original Unseen Sunscreen SPF 40</em></p></div></div></div>
6795  <div class="w-full lg:w-1/2 lg:max-h-[540px] lg:overflow-y-scroll lg:pd-[50px] no-scrollbar"><div class="max-lg:hidden flex justify-end">
6796        <div class="flex items-center justify-center gap-4 bg-grey-F7 rounded-lg p-2 lg:w-fit">
6797  <p class="utility-s uppercase text-supergoop-blue tracking-[2px] font-semibold">Cruelty free &amp; vegan</p>
6798  <svg xmlns="http://www.w3.org/2000/svg" width="26" height="33" viewBox="0 0 26 33" fill="none">
6799      <g clip-path="url(#clip0_1_13179)">
6800      <path d="M11.8086 28.4592C12.0818 28.0781 12.8131 28.9426 12.8131 28.9426C12.8131 28.9426 13.5631 28.0718 13.7836 28.3435C14.1104 28.7435 13.1131 29.3999 13.1131 29.3999C13.1131 29.3999 13.1175 30.5253 12.8166 30.5818C12.5086 30.6428 12.4765 29.4035 12.4765 29.4035C12.4765 29.4035 11.5318 28.8269 11.8086 28.4592Z" fill="#0000B4" stroke="#0000B4" stroke-width="0.2"/>
6801      <path d="M12.7938 30.6412C12.7554 30.6412 12.7179 30.6278 12.6857 30.6009C12.4661 30.426 12.4241 29.6252 12.4188 29.436C12.292 29.3553 11.7679 29.0029 11.7054 28.6747C11.6884 28.5823 11.7063 28.498 11.7616 28.4263C11.8161 28.3492 11.8902 28.3097 11.9804 28.3052C11.9848 28.3052 11.9893 28.3052 11.9938 28.3052C12.2884 28.3052 12.6822 28.7123 12.8134 28.8567C12.959 28.6944 13.3973 28.2344 13.6697 28.2344C13.6706 28.2344 13.6715 28.2344 13.6715 28.2344C13.7357 28.2353 13.7902 28.2604 13.8286 28.3079C13.8929 28.3868 13.9188 28.4801 13.9018 28.585C13.8465 28.9455 13.2991 29.3418 13.1706 29.4306C13.1697 29.6817 13.1429 30.5785 12.8268 30.6376C12.8152 30.6403 12.8036 30.6412 12.7938 30.6412ZM11.9929 28.4209C11.9911 28.4209 11.9875 28.4209 11.9848 28.4218C11.9295 28.4236 11.8875 28.4478 11.8545 28.4944L11.8536 28.4953C11.8188 28.5411 11.8063 28.5931 11.8188 28.6532C11.8679 28.9159 12.3313 29.2477 12.5045 29.3544L12.5313 29.3705L12.5322 29.4019C12.542 29.7687 12.6116 30.3937 12.7581 30.5121C12.7768 30.5273 12.7929 30.5291 12.8054 30.5255C12.9813 30.4924 13.0572 29.8485 13.0563 29.4001V29.3696L13.0822 29.3526C13.0893 29.3481 13.7357 28.9195 13.7893 28.5689C13.8009 28.4971 13.784 28.4352 13.7402 28.3823C13.7232 28.3608 13.7018 28.351 13.6706 28.351C13.6706 28.351 13.6697 28.351 13.6688 28.351C13.4491 28.351 13.009 28.8074 12.8563 28.9832L12.8134 29.0334L12.7697 28.9823C12.6357 28.8244 12.2393 28.4209 11.9929 28.4209Z" fill="#0000B4"/>
6802      <path d="M11.8072 28.4604H11.8081M12.7938 30.6412C12.7554 30.6412 12.7179 30.6278 12.6857 30.6009C12.4661 30.426 12.4241 29.6252 12.4188 29.436C12.292 29.3553 11.7679 29.0029 11.7054 28.6747C11.6884 28.5823 11.7063 28.498 11.7616 28.4263C11.8161 28.3492 11.8902 28.3097 11.9804 28.3052C11.9848 28.3052 11.9893 28.3052 11.9938 28.3052C12.2884 28.3052 12.6822 28.7123 12.8134 28.8567C12.959 28.6944 13.3973 28.2344 13.6697 28.2344C13.6706 28.2344 13.6715 28.2344 13.6715 28.2344C13.7357 28.2353 13.7902 28.2604 13.8286 28.3079C13.8929 28.3868 13.9188 28.4801 13.9018 28.585C13.8465 28.9455 13.2991 29.3418 13.1706 29.4306C13.1697 29.6817 13.1429 30.5785 12.8268 30.6376C12.8152 30.6403 12.8036 30.6412 12.7938 30.6412ZM11.9929 28.4209C11.9911 28.4209 11.9875 28.4209 11.9848 28.4218C11.9295 28.4236 11.8875 28.4478 11.8545 28.4944L11.8536 28.4953C11.8188 28.5411 11.8063 28.5931 11.8188 28.6532C11.8679 28.9159 12.3313 29.2477 12.5045 29.3544L12.5313 29.3705L12.5322 29.4019C12.542 29.7687 12.6116 30.3937 12.7581 30.5121C12.7768 30.5273 12.7929 30.5291 12.8054 30.5255C12.9813 30.4924 13.0572 29.8485 13.0563 29.4001V29.3696L13.0822 29.3526C13.0893 29.3481 13.7357 28.9195 13.7893 28.5689C13.8009 28.4971 13.784 28.4352 13.7402 28.3823C13.7232 28.3608 13.7018 28.351 13.6706 28.351C13.6706 28.351 13.6697 28.351 13.6688 28.351C13.4491 28.351 13.009 28.8074 12.8563 28.9832L12.8134 29.0334L12.7697 28.9823C12.6357 28.8244 12.2393 28.4209 11.9929 28.4209Z" stroke="#0000B4" stroke-width="0.2"/>
6803      <path d="M11.1393 25.6581C11.1393 26.1208 10.9875 26.4957 10.8018 26.4957C10.617 26.4957 10.4688 26.1208 10.4688 25.6581C10.4688 25.1918 10.617 24.8125 10.8018 24.8125C10.9875 24.8125 11.1393 25.1918 
680311.1393 25.6581Z" fill="#0000B4" stroke="#0000B4" stroke-width="0.2"/>
6804      <path d="M10.7978 26.5397C10.5835 26.5397 10.4219 26.1604 10.4219 25.6591C10.4219 25.1515 10.5835 24.7695 10.7978 24.7695C11.0112 24.7695 11.1781 25.1614 11.1781 25.6591C11.1781 26.1523 11.0103 26.5397 10.7978 26.5397ZM10.7978 24.8556C10.6603 24.8556 10.5076 25.1856 10.5076 25.6591C10.5076 26.1272 10.6594 26.4536 10.7978 26.4536C10.9379 26.4536 11.0924 26.1281 11.0924 25.6591C11.0924 25.1856 10.9371 24.8556 10.7978 24.8556Z" fill="#0000B4" stroke="#0000B4" stroke-width="0.2"/>
6805      <path d="M14.8142 25.6591C14.8142 26.1281 14.6642 26.5002 14.4785 26.5002C14.2927 26.5002 14.1445 26.1281 14.1445 25.6591C14.1445 25.1991 14.2927 24.8242 14.4785 24.8242C14.6642 24.8242 14.8142 25.1991 14.8142 25.6591Z" fill="#0000B4" stroke="#0000B4" stroke-width="0.2"/>
6806      <path d="M14.4792 26.5424C14.2641 26.5424 14.1016 26.1622 14.1016 25.6592C14.1016 25.1588 14.2641 24.7812 14.4792 24.7812C14.6917 24.7812 14.8578 25.1677 14.8578 25.6592C14.8569 26.1622 14.6944 26.5424 14.4792 26.5424ZM14.4792 24.8673C14.3382 24.8673 14.1873 25.1848 14.1873 25.6592C14.1873 26.1362 14.3382 26.4564 14.4792 26.4564C14.6212 26.4564 14.7721 26.1362 14.7721 25.6592C14.7712 25.192 14.6176 24.8673 14.4792 24.8673Z" fill="#0000B4" stroke="#0000B4" stroke-width="0.2"/>
6807      <path d="M12.6863 22.1723C12.5729 22.1723 12.4471 22.1311 12.3096 22.0199C11.7274 21.5491 11.1676 21.0317 10.6265 20.5313L10.2042 20.1421C8.99079 19.0302 7.90061 17.9872 6.87114 16.9524C5.48543 15.558 4.40329 14.3788 3.46401 13.239C2.64794 12.2481 1.7274 11.0815 1.13544 9.77401C-0.0243881 7.21206 -0.106529 4.51556 0.914006 2.55977C1.62115 1.20569 2.81401 0.31434 4.27472 0.0506988C7.80062 -0.587779 11.3212 4.93165 12.6908 9.42876C14.0596 4.93165 17.5783 -0.586883 21.1069 0.0506988C22.5667 0.315237 23.7604 1.20659 24.4667 2.55977C25.4881 4.51556 25.4051 7.21206 24.2453 9.77401C23.8801 10.5811 23.3863 11.3074 22.9962 11.85C21.9997 13.2381 20.8756 14.4828 20.0069 15.4118C19.239 16.2332 18.4265 17.06 17.5229 17.9379C17.2363 18.2168 16.9479 18.4939 16.6569 18.7692C15.7872 19.5951 14.889 20.4192 13.9854 21.2191C13.7346 21.4415 13.4828 21.6621 13.2292 21.8818L13.181 21.9239C13.0729 22.0226 12.9033 22.1723 12.6863 22.1723ZM4.81669 0.496381C4.66401 0.496381 4.51222 0.509828 4.36133 0.53673C3.03454 0.777056 1.99347 1.55633 1.34883 2.79024C0.397934 4.61241 0.485434 7.1466 1.58276 9.57135C2.14972 10.8232 3.04704 11.9594 3.84258 12.926C4.77115 14.0532 5.84437 15.2226 7.21847 16.6054C8.24169 17.6348 9.32652 18.6732 10.5346 19.7798L10.9587 20.1699C11.4944 20.6649 12.0479 21.176 12.6176 21.637C12.6944 21.6988 12.6953 21.7006 12.8569 21.5572L12.9096 21.5105C13.1613 21.2926 13.4122 21.0729 13.6613 20.8523C14.5604 20.056 15.4551 19.2355 16.3203 18.4132C16.6096 18.1388 16.8962 17.8635 17.1819 17.5855C18.0792 16.7121 18.8863 15.8916 19.6488 15.0755C20.5069 14.1564 21.6185 12.9269 22.5979 11.5621C22.9738 11.0375 23.4506 10.3372 23.7979 9.56955C24.8953 7.1457 24.9828 4.61062 24.0319 2.78845C23.3881 1.55453 22.3462 0.775266 21.0194 0.53494C17.9346 -0.0273153 14.2069 5.28675 12.9283 10.4062L12.6899 11.3603L12.4515 10.4071C11.2363 5.53785 7.80062 0.496381 4.81669 0.496381Z" fill="#0000B4" stroke="#0000B4" stroke-width="0.2"/>
6808      <path d="M15.5525 32.9709C14.1373 32.9709 13.1927 31.7934 12.7623 31.1065C12.28
680811 31.8733 11.1596 33.2515 9.45696 32.9198C8.29088 32.692 7.16409 31.667 6.58552 30.3076C6.04802 29.0458 6.09713 27.7635 6.71945 26.7896C7.61856 25.3827 9.16678 23.8394 9.91142 23.0978C10.1132 22.8969 10.2605 22.7507 10.3266 22.6754C11.2043 21.6702 12.657 21.7787 12.7186 21.784L12.8114 21.7831C12.8534 21.7778 14.323 21.6702 15.2007 22.6754C15.2668 22.7516 15.415 22.8978 15.6168 23.0996C16.3605 23.8412 17.9087 25.3845 18.807 26.7905C19.4293 27.7644 19.4784 29.0467 18.9409 30.3084C18.3623 31.6679 17.2355 32.6929 16.0695 32.9207C15.89 32.9547 15.7177 32.9709 15.5525 32.9709ZM12.5623 22.2719C12.2141 22.2719 11.2739 22.3364 10.6945 23C10.6248 23.0798 10.4695 23.2359 10.2561 23.4484C9.52481 24.1774 8.00159 25.6956 7.13195 27.0569C6.59891 27.8908 6.56409 29.0055 7.03641 30.1148C7.55248 31.328 8.53997 32.24 9.55071 32.4373C11.4525 32.8104 12.5721 30.4456 12.5828 30.4223L12.7623 30.5057L12.9418 30.4223C12.9534 30.4456 14.0748 32.8112 15.9739 32.4373C16.9846 32.24 17.9712 31.328 18.4882 30.1148C18.9605 29.0055 18.9257 27.8908 18.3927 27.0569C17.523 25.6965 16.0016 24.1792 15.2695 23.4502C15.057 23.2386 14.9034 23.0852 14.8293 23.0009C14.1159 22.1849 12.8418 22.2737 12.8293 22.2755L12.6962 22.2764C12.6909 22.2755 12.6427 22.2719 12.5623 22.2719Z" fill="#0000B4" stroke="#0000B4" stroke-width="0.2"/>
6809      <path d="M4.14583 30.8595C4.13511 30.8595 4.1235 30.8577 4.11279 30.855C4.05208 30.8371 4.01815 30.7725 4.03601 30.7116C4.61279 28.8015 8.9869 28.8472 9.17259 28.8526C9.23599 28.8535 9.28599 28.9055 9.28509 28.9692C9.2842 29.0329 9.22259 29.0795 9.16902 29.0822C9.1235 29.0813 4.78243 29.032 4.25475 30.7779C4.24047 30.8272 4.19493 30.8595 4.14583 30.8595Z" fill="#0000B4" stroke="#0000B4" stroke-width="0.2"/>
6810      <path d="M4.66975 32.5792C4.6635 32.5792 4.65636 32.5792 4.65011 32.5774C4.58761 32.5667 4.54564 32.5075 4.55636 32.4447C4.89475 30.4782 9.24211 29.9859 9.42693 29.9661C9.48675 29.9563 9.54657 30.0047 9.55282 30.0683C9.55996 30.1311 9.51443 30.1885 9.45104 30.1948C9.40729 30.1993 5.09118 30.6871 4.78136 32.4842C4.77332 32.5398 4.72511 32.5792 4.66975 32.5792Z" fill="#0000B4" stroke="#0000B4" stroke-width="0.2"/>
6811      <path d="M21.7096 30.7832C21.6605 30.7832 21.615 30.7518 21.5998 30.7016C21.0721 28.9556 16.7284 29.0058 16.6864 29.0058C16.6257 29.0094 16.5712 28.9565 16.5703 28.8929C16.5694 28.8292 16.6194 28.7772 16.6828 28.7763C16.8659 28.7718 21.2426 28.7243 21.8194 30.6352C21.8373 30.6962 21.8034 30.7608 21.7426 30.7787C21.7319 30.7814 21.7212 30.7832 21.7096 30.7832Z" fill="#0000B4" stroke="#0000B4" stroke-width="0.2"/>
6812      <path d="M21.1894 32.5052C21.134 32.5052 21.0858 32.4657 21.0769 32.4101C20.767 30.6131 16.451 30.1261 16.4072 30.1208C16.3438 30.1136 16.2983 30.0571 16.3054 29.9943C16.3117 29.9315 16.3652 29.8813 16.4313 29.8921C16.6161 29.9118 20.9636 30.4041 21.3019 32.3707C21.3127 32.4334 21.2706 32.4926 21.2081 32.5034C21.2019 32.5043 21.1956 32.5052 21.1894 32.5052Z" fill="#0000B4" stroke="#0000B4" stroke-width="0.2"/>
6813      </g>
6814      <defs>
6815      <clipPath id="clip0_1_13179">
6816      <rect width="25" height="33" fill="white" transform="translate(0.203125)"/>
6817      </clipPath>
6818      </defs>
6819    </svg>
6820</div>
6821      </div><p class="body-sm font-medium mt-[30px] text-grey-2A leading-[18px]">Active Ingredients</p><div class="mt-2 body-sm text-grey-5C rte"><div class="metafield-rich_text_field"><p>Avobenzone 3%, Homosalate 7%, Octisalate 5%, Octocrylene 9%</p></div></div><p class="body-sm font-medium mt-[30px] text-grey-2A leading-[18px]">Inactive Ingredients</p><div class="mt-2 body-sm text-grey-5C rte"><div class="metafield-rich_text_field"><p>Isododecane, Dimethicone/Bis-Isobutyl PPG-20 Crosspolymer, Dimethicone/Vinyl Dimethicone Crosspolymer, Dimethicone, Dimethicone Crosspolymer, Caprylic/Capric Triglyceride, Butyrospermum Parkii (Shea) Butter, Physalis Angulata Extract, Himanthalia Elongata Extract, Meadowfoam Estolide, Tocopherol, Jojoba Esters, Polymethylsilsesquioxane, Caprylyl Glycol, Diethylhexyl Syringylidenemalonate, Silica, Bisabolol, Dipotassium Glycyrrhizate.</p><p><em>PLEASE BE AWARE THAT INGREDIENT LISTS MAY CHANGE OR VARY FROM TIME TO TIME. PLEASE REFER TO THE INGREDIENT LIST ON THE PRODUCT PACKAGE YOU RECEIVE FOR THE MOST UP TO DATE LIST OF INGREDIENTS</em></p></div></div></div>
6822</div>
6823
6824        </details>
6825      
6826
6827        <details class="[&_.minus-icon]:hidden [&_.plus-icon]:open:hidden [&_.minus-icon]:open:block">
6828          <summary class="w-full flex items-center justify-between rounded py-5 px-5 label-12 tracking-[2px] uppercase bg-white text-grey-2A cursor-pointer">
6829  <h2 class="label-12 tracking-[2px] uppercase bg-white text-grey-2A">Before & After</h2>
6830  <svg
6831      class="plus-icon"
6832      xmlns="http://www.w3.org/2000/svg"
6833      width="44"
6834      height="44"
6835      viewBox="0 0 44 44"
6836      fill="none"
6837    >
6838      <g filter="url(#filter0_d_1_13168)">
6839      <circle cx="22" cy="22" r="16" fill="white"/>
6840      </g>
6841      <path d="M15 22H29" stroke="#2A2A2A"/>
6842      <path d="M22 15V29" stroke="#2A2A2A"/>
6843      <defs>
6844      <filter id="filter0_d_1_13168" x="0" y="0" width="44" height="44" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
6845      <feFlood flood-opacity="0" result="BackgroundImageFix"/>
6846      <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"/>
6847      <feOffset/>
6848      <feGaussianBlur stdDeviation="3"/>
6849      <feComposite in2="hardAlpha" operator="out"/>
6850      <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"/>
6851      <feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_1_13168"/>
6852      <feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_1_13168" result="shape"/>
6853      </filter>
6854      </defs>
6855    </svg>
6856  <svg
6857      class="minus-icon"
6858      xmlns="http://www.w3.org/2000/svg"
6859      width="44"
6860      height="44"
6861      viewBox="0 0 44 44"
6862      fill="none"
6863    >
6864      <g filter="url(#filter0_d_1_13173)">
6865      <circle cx="22" cy="22" r="16" fill="white"/>
6866      </g>
6867      <path d="M15 22H29" stroke="#2A2A2A"/>
6868      <defs>
6869      <filter id="filter0_d_1_13173" x="0" y="0" width="44" height="44" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
6870      <feFlood flood-opacity="0" result="BackgroundImageFix"/>
6871      <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"/>
6872      <feOffset/>
6873      <feGaussianBlur stdDeviation="3"/>
6874      <feComposite in2="hardAlpha" operator="out"/>
6875      <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"/>
6876      <feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_1_13173"/>
6877      <feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_1_13173" result="shape"/>
6878      </filter>
6879      </defs>
6880    </svg>
6881</summary>
6882
6883          <div class="flex flex-col-reverse lg:flex-row items-center lg:gap-[60px] px-[20px] pb-[20px] bg-white rounded lg:p-0">
6884  <div class="w-full lg:w-1/2 text-grey-2A"><p class="h4 text-supergoop-blue hidden lg:inline-block">Before & After</p><div class="mt-[10px] body-sm"><div class="metafield-rich_text_field"><p>Unseen Sunscreen leaves skin looking smoother with a natural finish that visibly blurs pores.</p></div></div><p class="body-sm mt-[40px] flex gap-3 items-center rte">
6885        <span class="h5 text-supergoop-blue">
6886      98%
6887  </span> agreed it does not feel irritating on skin³
6888      </p><p class="body-sm mt-[30px] flex gap-3 items-center rte">
6889        Improves skin clarity¹ for smoother skin
6890      </p><p class="body-sm mt-[30px] flex gap-3 items-center rte">
6891        Leaves skin perfectly primed for makeup & doesn't settle into pores⁴
6892      </p><div class="mt-[46px] body-xs text-grey-5C rte">¹Based on an independent clinical study with 33 women after using product for 4 weeks ³Based on an independent consumer study with 106 participants after one product application ⁴Based on an independent consumer study with 53 participants after one product application</div></div>
6893  <div class="w-full lg:w-1/2 max-w-[670px] mx-auto"><img src="//supergoop.com/cdn/shop/files/unseen-sunscreen-before-and-after.jpg?v=1771533091&amp;width=1340" srcset="//supergoop.com/cdn/shop/files/unseen-sunscreen-before-and-after.jpg?v=1771533091&amp;width=360 360w, //supergoop.com/cdn/shop/files/unseen-sunscreen-before-and-after.jpg?v=1771533091&amp;width=640 640w, //supergoop.com/cdn/shop/files/unseen-sunscreen-before-and-after.jpg?v=1771533091&amp;width=768 768w, //supergoop.com/cdn/shop/files/unseen-sunscreen-before-and-after.jpg?v=1771533091&amp;width=1024 1024w, //supergoop.com/cdn/shop/files/unseen-sunscreen-before-and-after.jpg?v=1771533091&amp;width=1280 1280w" width="1340" height="928" loading="lazy" class="w-full h-full" sizes="(min-width: 1024px) 33vw, 100vw">
6894</div>
6895</div>
6896
6897        </details>
6898    
6899</div>
6900
6901  </div>
6902</section>
6903
6904
6905</div><div id="shopify-section-template--19515789115490__ed8a1c29-5d79-4bd7-8dea-3c324a035f7f" class="shopify-section">
6906
6907<section class="md:py-[60px] py-10 container mx-auto overflow-hidden" data-section="content-cards" data-transition-enabled="true">
6908  
6909    <div class="sub-h3 md:mb-5 mb-[16px] text-center text-grey-2A ">
6910      <div class="text-[24px] md:text-[36px] font-serif text-supergoop-blue lg:pb-4 pb-2.5">Invisible Formula. Visible Results.</div>
6911    </div>
6912  
6913
6914  
6915    <div data-campaign-carousel class="relative">
6916      <div class="swiper-wrapper md:!flex md:!flex-row md:!gap-[22px] md:!overflow-visible">
6917        
6918          <div class="swiper-slide [&:not([role='group'])]:w-10/12 md:!flex-[0_0_calc((100%-44px)/3)]">
6919            
6920              <div class="block w-full no-underline mb-[16px] ">
6921            
6922              
6923                
6924
6925  <picture>
6926    
6927      <source
6928        srcset='//supergoop.com/cdn/shop/files/3-Up-2-unseen-sunscreen.jpg?v=1771533091&width=450 450w, //supergoop.com/cdn/shop/files/3-Up-2-unseen-sunscreen.jpg?v=1771533091&width=450 450w'
6929        sizes='(max-width: 640px) 450px, 450px'
6930        
6931        media='(min-width: 640px)'
6932        >
6933    
6934    <img
6935      class='w-full image w-full'
6936      src='//supergoop.com/cdn/shop/files/3-Up-2-unseen-sunscreen.jpg?v=1771533091&width=640'
6937      alt=''
6938      loading='eager'
6939      fetchpriority='auto'
6940      decoding='sync'
6941      width='862'
6942      height='840'>
6943  </picture>
6944
6945
6946              
6947            
6948              </div>
6949              
6950
6951            
6952              <div class="sub-h4 uppercase font-serif md:mb-[10px] text-center  ">
6953                Improves skin clarity¹
6954              </div>
6955            
6956
6957            
6958              <div class="body mt-2 md:mb-[10px] max-md:leading-[1.25rem] text-center">
6959                ¹Based on an independent clinical study with 33 women after using product for 4 weeks
6960              </div>
6961            
6962
6963            
6964          </div>
6965        
6966          <div class="swiper-slide [&:not([role='group'])]:w-10/12 md:!flex-[0_0_calc((100%-44px)/3)]">
6967            
6968              <div class="block w-full no-underline mb-[16px] ">
6969            
6970              
6971                
6972
6973  <picture>
6974    
6975      <source
6976        srcset='//supergoop.com/cdn/shop/files/3-Up-3-unseen-sunscreen.jpg?v=1771533091&width=450 450w, //supergoop.com/cdn/shop/files/3-Up-3-unseen-sunscreen.jpg?v=1771533091&width=450 450w'
6977        sizes='(max-width: 640px) 450px, 450px'
6978        
6979        media='(min-width: 640px)'
6980        >
6981    
6982    <img
6983      class='w-full image w-full'
6984      src='//supergoop.com/cdn/shop/files/3-Up-3-unseen-sunscreen.jpg?v=1771533091&width=640'
6985      alt=''
6986      loading='eager'
6987      fetchpriority='auto'
6988      decoding='sync'
6989      width='862'
6990      height='840'>
6991  </picture>
6992
6993
6994              
6995            
6996              </div>
6997              
6998
6999            
7000              <div class="sub-h4 uppercase font-serif md:mb-[10px] text-center  ">
7001                All-day makeup wear²
7002              </div>
7003            
7004
7005            
7006              <div class="body mt-2 md:mb-[10px] max-md:leading-[1.25rem] text-center">
7007                ²Based on an independent clinical study with 33 women 8 hours after one application as compared to foundation alone
7008              </div>
7009            
7010
7011            
7012          </div>
7013        
7014          <div class="swiper-slide [&:not([role='group'])]:w-10/12 md:!flex-[0_0_calc((100%-44px)/3)]">
7015            
7016              <div class="block w-full no-underline mb-[16px] ">
7017            
7018              
7019                
7020
7021  <picture>
7022    
7023      <source
7024        srcset='//supergoop.com/cdn/shop/files/3-Up-1-unseen-sunscreen.jpg?v=1771533090&width=450 450w, //supergoop.com/cdn/shop/files/3-Up-1-unseen-sunscreen.jpg?v=1771533090&width=450 450w'
7025        sizes='(max-width: 640px) 450px, 450px'
7026        
7027        media='(min-width: 640px)'
7028        >
7029    
7030    <img
7031      class='w-full image w-full'
7032      src='//supergoop.com/cdn/shop/files/3-Up-1-unseen-sunscreen.jpg?v=1771533090&width=640'
7033      alt=''
7034      loading='eager'
7035      fetchpriority='auto'
7036      decoding='sync'
7037      width='862'
7038      height='840'>
7039  </picture>
7040
7041
7042              
7043            
7044              </div>
7045              
7046
7047            
7048              <div class="sub-h4 uppercase font-serif md:mb-[10px] text-center  ">
7049                Non-irritating & doesn’t settle into pores⁴
7050              </div>
7051            
7052
7053            
7054              <div class="body mt-2 md:mb-[10px] max-md:leading-[1.25rem] text-center">
7055                ⁴Based on an independent consumer study with 53 participants after one product application
7056              </div>
7057            
7058
7059            
7060          </div>
7061        
7062      </div>
7063      <div class="absolute top-0 left-0 w-full pb-[87%]">
7064        <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">
7065          <svg width="52" height="52" viewBox="0 0 52 52" fill="none" xmlns="http://www.w3.org/2000/svg">
7066  <g filter="url(#filter0_d_39_340)">
7067    <circle cx="26" cy="26" r="20" fill="currentColor"/>
7068  </g>
7069  <path d="M29 33L36 26L29 19" stroke="#2A2A2A"/>
7070  <path d="M36 26L16 26" stroke="#2A2A2A"/>
7071  <defs>
7072    <filter id="filter0_d_39_340" x="0" y="0" width="52" height="52" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
7073      <feFlood flood-opacity="0" result="BackgroundImageFix"/>
7074      <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"/>
7075      <feOffset/>
7076      <feGaussianBlur stdDeviation="3"/>
7077      <feComposite in2="hardAlpha" operator="out"/>
7078      <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"/>
7079      <feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_39_340"/>
7080      <feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_39_340" result="shape"/>
7081    </filter>
7082  </defs>
7083</svg>
7084
7085        </button>
7086        <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">
7087          <svg width="52" height="52" viewBox="0 0 52 52" fill="none" xmlns="http://www.w3.org/2000/svg">
7088  <g filter="url(#filter0_d_39_340)">
7089    <circle cx="26" cy="26" r="20" fill="currentColor"/>
7090  </g>
7091  <path d="M29 33L36 26L29 19" stroke="#2A2A2A"/>
7092  <path d="M36 26L16 26" stroke="#2A2A2A"/>
7093  <defs>
7094    <filter id="filter0_d_39_340" x="0" y="0" width="52" height="52" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
7095      <feFlood flood-opacity="0" result="BackgroundImageFix"/>
7096      <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"/>
7097      <feOffset/>
7098      <feGaussianBlur stdDeviation="3"/>
7099      <feComposite in2="hardAlpha" operator="out"/>
7100      <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"/>
7101      <feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_39_340"/>
7102      <feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_39_340" result="shape"/>
7103    </filter>
7104  </defs>
7105</svg>
7106
7107        </button>
7108      </div>
7109    </div>
7110  
7111</section>
7112
7113</div><div id="shopify-section-template--19515789115490__51d932b1-0ea2-44ad-b6fa-81e2abf8c766" class="shopify-section">
7114
7115
7116
7117
7118
7119
7120
7121  <section
7122    class='max-w-[1440px] mx-auto xl:p-[60px] px-0 md:py-[60px]  py-[40px]'
7123    data-section='product-comparison'
7124  >
7125    <div class="overflow-x-auto px-5 md:px-0 ">
7126      <div class='text-[24px] pl-5 block md:hidden font-serif uppercase md:h6 text-uppercase text-left text-grey-2A font-bold xl:pt-[20px] pt-0'>
7127        Which daily SPF is right for you?
7128      </div>
7129      <table class="w-max md:w-full mt-16 xl:max-w-[1042px] mx-auto border-collapse text-grey-2A" role="grid" aria-label="Which daily SPF is right for you?">
7130        <thead>
7131          <tr>
7132            <th scope="col" class="hidden md:table-cell min-w-[40vw] md:min-w-0 xl:w-[320px] align-top w-full pt-[1px] pl-5 md:pl-[40px] xl:pl-0 pr-[60px] xl:pr-0 xl:mb-0 mb-[17px]">
7133              <div class='text-[24px] hidden md:table-cell font-serif uppercase md:h6 text-uppercase text-left text-grey-2A font-bold xl:pt-[20px] pt-0'>
7134                Which daily SPF is right for you?
7135              </div>
7136            </th>
7137            <th scope="col" class="min-w-[60vw] md:min-w-0 w-full md:w-[277px] relative overflow-visible bg-grey-FA p-4 text-center align-bottom border-x border-t border-supergoop-blue">
7138              
7139                
7140
7141  <picture data-lazy-picture>
7142    
7143      <source
7144        data-srcset='//supergoop.com/cdn/shop/files/Icon_ba56773c-1b3e-443e-b835-590f0636e344.svg?v=1706113772&width=80 80w'
7145        sizes='80px'
7146        
7147        media='(min-width: 640px)'
7148        >
7149    
7150    <img
7151      class='w-full image absolute -top-[20px] -left-[15px] md:-left-[25px] !w-fit'
7152      src='data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7'
7153      data-src='//supergoop.com/cdn/shop/files/Icon_ba56773c-1b3e-443e-b835-590f0636e344.svg?v=1706113772&width=640'
7154      alt='Product badge'
7155      loading='lazy'
7156      decoding='async'
7157      width='80'
7158      height='81'>
7159  </picture>
7160
7161
7162              
7163              <div class="flex flex-col items-center">
7164                
7165                  
7166
7167  <picture data-lazy-picture>
7168    
7169      <source
7170        data-srcset='//supergoop.com/cdn/shop/files/Unseen_PDP_Image_Allure_Seal_2025.png?v=1758030958&width=600 600w'
7171        sizes='600px'
7172        
7173        media='(min-width: 640px)'
7174        >
7175    
7176    <img
7177      class='w-full image w-[150px] md:w-[200px] h-auto max-h-[273px] mx-auto object-contain object-center mb-2'
7178      src='data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7'
7179      data-src='//supergoop.com/cdn/shop/files/Unseen_PDP_Image_Allure_Seal_2025.png?v=1758030958&width=640'
7180      alt='Unseen Sunscreen SPF 50'
7181      loading='lazy'
7182      decoding='async'
7183      width='1180'
7184      height='1604'>
7185  </picture>
7186
7187
7188                
7189                <span class="body-sm font-medium">Unseen Sunscreen SPF 50</span>
7190                <span class="body-xs font-normal">
7191                  
7192                  
7193                    
7194                      $19
7195                    
7196                    -
7197                    
7198                      $76
7199                    
7200                  
7201                </span>
7202              </div>
7203            </th>
7204            
7205              
7206                <th scope="col" class="min-w-[60vw] md:min-w-0 w-full md:w-[277px] p-4 text-center align-bottom bg-grey-FA body-xs">
7207                  <div class="flex flex-col items-center">
7208                    
7209                      
7210
7211  <picture data-lazy-picture>
7212    
7213      <source
7214        data-srcset='//supergoop.com/cdn/shop/files/Glowscreen_PDP_d9278e44-8f22-4987-ab44-290b1aa283d5.png?v=1756225452&width=600 600w'
7215        sizes='600px'
7216        
7217        media='(min-width: 640px)'
7218        >
7219    
7220    <img
7221      class='w-full image w-[150px] md:w-[200px] h-auto max-h-[273px] mx-auto object-contain object-center mb-2'
7222      src='data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7'
7223      data-src='//supergoop.com/cdn/shop/files/Glowscreen_PDP_d9278e44-8f22-4987-ab44-290b1aa283d5.png?v=1756225452&width=640'
7224      alt='Glowscreen SPF 40'
7225      loading='lazy'
7226      decoding='async'
7227      width='1180'
7228      height='1604'>
7229  </picture>
7230
7231
7232                    
7233                    <span class="body-sm font-medium">Glowscreen SPF 40</span>
7234                    <span class="body-xs font-normal">
7235                      
7236                      
7237                        
7238                          $19
7239                        
7240                        -
7241                        
7242                          $48
7243                        
7244                      
7245                    </span>
7246                  </div>
7247                </th>
7248              
7249            
7250              
7251                <th scope="col" class="min-w-[60vw] md:min-w-0 w-full md:w-[277px] p-4 text-center align-bottom bg-grey-FA body-xs">
7252                  <div class="flex flex-col items-center">
7253                    
7254                      
7255
7256  <picture data-lazy-picture>
7257    
7258      <source
7259        data-srcset='//supergoop.com/cdn/shop/files/Mattescreen_1.5oz_Img1_new_234b06e3-dae1-4ceb-a8b5-d92b5aeae655.jpg?v=1716987301&width=600 600w'
7260        sizes='600px'
7261        
7262        media='(min-width: 640px)'
7263        >
7264    
7265    <img
7266      class='w-full image w-[150px] md:w-[200px] h-auto max-h-[273px] mx-auto object-contain object-center mb-2'
7267      src='data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7'
7268      data-src='//supergoop.com/cdn/shop/files/Mattescreen_1.5oz_Img1_new_234b06e3-dae1-4ceb-a8b5-d92b5aeae655.jpg?v=1716987301&width=640'
7269      alt='Mineral Mattescreen SPF 40'
7270      loading='lazy'
7271      decoding='async'
7272      width='1180'
7273      height='1604'>
7274  </picture>
7275
7276
7277                    
7278                    <span class="body-sm font-medium">Mineral Mattescreen SPF 40</span>
7279                    <span class="body-xs font-normal">
7280                      
7281                      
7282                        
7283                          $24
7284                        
7285                        -
7286                        
7287                          $80
7288                        
7289                      
7290                    </span>
7291                  </div>
7292                </th>
7293              
7294            
7295              
7296                <th scope="col" class="min-w-[60vw] md:min-w-0 w-full md:w-[277px] p-4 text-center align-bottom bg-grey-FA body-xs">
7297                  <div class="flex flex-col items-center">
7298                    
7299                      
7300
7301  <picture data-lazy-picture>
7302    
7303      <source
7304        data-srcset='//supergoop.com/cdn/shop/files/SG_DTC_Dewscreen_PDP_01_b9985c42-524b-4f52-b203-18ee685617c8.jpg?v=1764953384&width=600 600w'
7305        sizes='600px'
7306        
7307        media='(min-width: 640px)'
7308        >
7309    
7310    <img
7311      class='w-full image w-[150px] md:w-[200px] h-auto max-h-[273px] mx-auto object-contain object-center mb-2'
7312      src='data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7'
7313      data-src='//supergoop.com/cdn/shop/files/SG_DTC_Dewscreen_PDP_01_b9985c42-524b-4f52-b203-18ee685617c8.jpg?v=1764953384&width=640'
7314      alt='Dewscreen Hydrating Primer SPF 50'
7315      loading='lazy'
7316      decoding='async'
7317      width='1180'
7318      height='1604'>
7319  </picture>
7320
7321
7322                    
7323                    <span class="body-sm font-medium">Dewscreen Hydrating Primer SPF 50</span>
7324                    <span class="body-xs font-normal">
7325                      
7326                      
7327                        
7328                          $38
7329                        
7330                      
7331                    </span>
7332                  </div>
7333                </th>
7334              
7335            
7336          </tr>
7337        </thead>
7338        <tbody>
7339          <!-- Finish Row -->
7340          <tr>
7341            <th scope="row" class="hidden md:table-cell min-w-[40vw] md:min-w-0 text-left py-[22px] px-4 border-b border-grey-D0 body-xs uppercase font-serif font-bold leading-4">
7342              Finish
7343            </th>
7344            <td class="min-w-[60vw] md:min-w-0 text-center py-[22px] px-4 bg-grey-FA body-xs border-y border-y-grey-D0 border-x border-supergoop-blue">
7345              <div class="block md:hidden font-bold uppercase tracking-[2px] leading-4">
7346                Finish
7347              </div>
7348              Invisible, natural finish
7349            </td>
7350            
7351              
7352                <td class="min-w-[60vw] md:min-w-0 text-center py-[22px] bg-grey-FA px-4 border-y border-grey-D0 border-x-0 body-xs">
7353                  <div class="block md:hidden font-bold uppercase tracking-[2px] leading-4">
7354                    Finish
7355                  </div>
7356                  Luminous, sunkissed finish
7357                </td>
7358              
7359            
7360              
7361                <td class="min-w-[60vw] md:min-w-0 text-center py-[22px] bg-grey-FA px-4 border-y border-grey-D0 border-x-0 body-xs">
7362                  <div class="block md:hidden font-bold uppercase tracking-[2px] leading-4">
7363                    Finish
7364                  </div>
7365                  Matte finish
7366                </td>
7367              
7368            
7369              
7370                <td class="min-w-[60vw] md:min-w-0 text-center py-[22px] bg-grey-FA px-4 border-y border-grey-D0 border-x-0 body-xs">
7371                  <div class="block md:hidden font-bold uppercase tracking-[2px] leading-4">
7372                    Finish
7373                  </div>
7374                  Dewy finish 
7375                </td>
7376              
7377            
7378          </tr>
7379          <!-- Formula Row -->
7380          <tr>
7381            <th scope="row" class="hidden md:table-cell min-w-[40vw] md:min-w-0 text-left py-[22px] px-4 border-b border-grey-D0 body-xs uppercase font-serif font-bold leading-4">
7382              Formula
7383            </th>
7384            <td class="min-w-[60vw] md:min-w-0 text-center py-[22px] px-4 bg-grey-FA body-xs border-y border-y-grey-D0 border-x border-supergoop-blue">
7385              <div class="block md:hidden font-bold uppercase tracking-[2px] leading-4">
7386                Formula
7387              </div>
7388              Traditional formula
7389            </td>
7390            
7391              
7392                <td class="min-w-[60vw] md:min-w-0 text-center py-[22px] bg-grey-FA px-4 border-y border-grey-D0 border-x-0 body-xs">
7393                  <div class="block md:hidden font-bold uppercase tracking-[2px] leading-4">
7394                    Formula
7395                  </div>
7396                  Traditional formula
7397                </td>
7398              
7399            
7400              
7401                <td class="min-w-[60vw] md:min-w-0 text-center py-[22px] bg-grey-FA px-4 border-y border-grey-D0 border-x-0 body-xs">
7402                  <div class="block md:hidden font-bold uppercase tracking-[2px] leading-4">
7403                    Formula
7404                  </div>
7405                  Mineral formula
7406                </td>
7407              
7408            
7409              
7410                <td class="min-w-[60vw] md:min-w-0 text-center py-[22px] bg-grey-FA px-4 border-y border-grey-D0 border-x-0 body-xs">
7411                  <div class="block md:hidden font-bold uppercase tracking-[2px] leading-4">
7412                    Formula
7413                  </div>
7414                  Traditional formula 
7415                </td>
7416              
7417            
7418          </tr>
7419          <!-- Skin Type Row -->
7420          <tr>
7421            <th scope="row" class="hidden md:table-cell min-w-[40vw] md:min-w-0 text-left py-[22px] px-4 border-b border-grey-D0 body-xs uppercase font-serif font-bold leading-4">
7422              Recommended for
7423            </th>
7424            <td class="min-w-[60vw] md:min-w-0 text-center py-[22px] px-4 bg-grey-FA body-xs border-y border-y-grey-D0 border-x border-supergoop-blue">
7425              <div class="block md:hidden font-bold uppercase tracking-[2px] leading-4">
7426                Recommended for
7427              </div>
7428              All skin types + acne-prone skin
7429            </td>
7430            
7431              
7432                <td class="min-w-[60vw] md:min-w-0 text-center py-[22px] bg-grey-FA px-4 border-y border-grey-D0 border-x-0 body-xs">
7433                  <div class="block md:hidden font-bold uppercase tracking-[2px] leading-4">
7434                    Recommended for
7435                  </div>
7436                  Normal, combination or dry skin
7437                </td>
7438              
7439            
7440              
7441                <td class="min-w-[60vw] md:min-w-0 text-center py-[22px] bg-grey-FA px-4 border-y border-grey-D0 border-x-0 body-xs">
7442                  <div class="block md:hidden font-bold uppercase tracking-[2px] leading-4">
7443                    Recommended for
7444                  </div>
7445                  Normal, combination, oily or sensitive skin
7446                </td>
7447              
7448            
7449              
7450                <td class="min-w-[60vw] md:min-w-0 text-center py-[22px] bg-grey-FA px-4 border-y border-grey-D0 border-x-0 body-xs">
7451                  <div class="block md:hidden font-bold uppercase tracking-[2px] leading-4">
7452                    Recommended for
7453                  </div>
7454                  Normal or dry skin 
7455                </td>
7456              
7457            
7458          </tr>
7459          <!-- CTA Row -->
7460          <tr>
7461            <td class="hidden md:table-cell min-w-[40vw] md:min-w-0 py-4 px-4 border-none"></td>
7462            <td class="min-w-[60vw] md:min-w-0 text-center py-4 px-4 bg-grey-FA body-xs border-t border-t-grey-D0 border-x border-b border-supergoop-blue">
7463              <a class="cta-medium no-underline leading-4" aria-label="Shop now for Unseen Sunscreen 
7463SPF 50" href="/products/unseen-sunscreen-spf-50">Shop now</a>
7464            </td>
7465            
7466              
7467                <td class="min-w-[60vw] md:min-w-0 text-center bg-grey-FA py-4 px-4">
7468                  <a class="cta-medium no-underline leading-4" aria-label="Shop now for Glowscreen SPF 40" href="/products/glowscreen-spf-40">Shop now</a>
7469                </td>
7470              
7471            
7472              
7473                <td class="min-w-[60vw] md:min-w-0 text-center bg-grey-FA py-4 px-4">
7474                  <a class="cta-medium no-underline leading-4" aria-label="Shop now for Mineral Mattescreen SPF 40" href="/products/smooth-and-poreless-mattescreen">Shop now</a>
7475                </td>
7476              
7477            
7478              
7479                <td class="min-w-[60vw] md:min-w-0 text-center bg-grey-FA py-4 px-4">
7480                  <a class="cta-medium no-underline leading-4" aria-label="Shop now for Dewscreen Hydrating Primer SPF 50" href="/products/dewscreen-hydrating-primer-spf-50">Shop now</a>
7481                </td>
7482              
7483            
7484          </tr>
7485        </tbody>
7486      </table>
7487    </div>
7488  </section>
7489
7490
7491</div><div id="shopify-section-template--19515789115490__a19f9ef3-7743-42c7-b434-ba98fa13907c" class="shopify-section">
7492
7493  
7494    <style>
7495      
7496        .routine-section-template--19515789115490__a19f9ef3-7743-42c7-b434-ba98fa13907c {
7497            background-image: url(//supergoop.com/cdn/shop/files/routine-background-blue-m.jpg?v=1771533090&width=800);
7498        }
7499      
7500
7501      
7502        @media screen and (min-width: 768px) {
7503            .routine-section-template--19515789115490__a19f9ef3-7743-42c7-b434-ba98fa13907c {
7504                background-image: url(//supergoop.com/cdn/shop/files/routine-background-blue-d.jpg?v=1771533090&width=1440);
7505            }
7506        }
7507      
7508      .custom-headline-color-template--19515789115490__a19f9ef3-7743-42c7-b434-ba98fa13907c{
7509        color:#0000b4
7510      }
7511    </style>
7512
7513    <section data-section="routine" class="lg:py-16 py-10 px-5 lg:px-[60px] mx-auto overflow-hidden relative bg-no-repeat bg-center bg-cover routine-section-template--19515789115490__a19f9ef3-7743-42c7-b434-ba98fa13907c" data-transition-enabled="true">
7514      <div class="relative z-10">
7515        
7516          <h2 class="pb-4 h5 text-center custom-headline-color-template--19515789115490__a19f9ef3-7743-42c7-b434-ba98fa13907c">
7517            Complete Your Routine
7518          </h2>
7519        
7520
7521
7522        
7523          <div class="pb-12 text-base text-center body text-black font-semibold">
7524            Pair with these SPF essentials for expert protection, all day long.
7525          </div>
7526        
7527          <div data-routine-carousel class="container relative">
7528            <div class="swiper-wrapper">
7529              
7530                <div class="swiper-slide group [&.swiper-slide-active]:border-supergoop-blue hover:[&.swiper-slide-active]:border-supergoop-blue rounded border lg:[&.swiper-slide-active]:border-transparent border-transparent hover:border-supergoop-blue [&:not([role='group'])]:w-10/12 md:[&:not([role='group'])]:w-1/4 px-5 pt-4 pb-5 bg-white shadow-lg flex-col items-center text-center relative h-auto" style="display:flex!important;">
7531                  
7532                    <div class="absolute group-hover:border-supergoop-blue group-[&.swiper-slide-active]:border-supergoop-blue font-serif font-bold text-[12px] border border-gray-400 rounded-3xl bg-supergoop-yellow px-3 py-0.5 -top-2.5 tracking-[2px]">
7533                      STEP 1
7534                    </div>
7535                  
7536
7537                  
7538                    <div class="w-[124px] m-auto mb-1.5">
7539                      
7540
7541  <picture data-lazy-picture>
7542    
7543      <source
7544        data-srcset='//supergoop.com/cdn/shop/files/Unseen_PDP_Routine1.jpg?v=1706112421&width=372 372w, //supergoop.com/cdn/shop/files/Unseen_PDP_Routine1.jpg?v=1706112421&width=372 372w'
7545        sizes='(max-width: 640px) 372px, 372px'
7546        
7547        media='(min-width: 640px)'
7548        >
7549    
7550    <img
7551      class='w-full image w-full'
7552      src='data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7'
7553      data-src='//supergoop.com/cdn/shop/files/Unseen_PDP_Routine1.jpg?v=1706112421&width=640'
7554      alt='Triple Prep Weightless Multitasking Moisturizer SPF 40'
7555      loading='lazy'
7556      decoding='async'
7557      width='248'
7558      height='248'>
7559  </picture>
7560
7561
7562                    </div>
7563                  
7564
7565                  
7566                    <div class="mb-1 body text-sm lg:text-[16px] text-grey-2A">Triple Prep Weightless Multitasking Moisturizer SPF 40</div>
7567                  
7568
7569                  
7570                    <div class="mb-2.5 text-grey-5C text-xs lg:text-sm">Prep skin with this hydrating moisturizer.</div>
7571                  
7572
7573                  
7574                    <a
7575                      href="https://supergoop.com/products/triple-prep-weightless-multitasking-moisturizer-spf-40"
7576                      class="cta-small no-underline tracking-[1px] font-serif font-bold"
7577                    >
7578                      Shop Now
7579                    </a>
7580                  
7581                </div>
7582              
7583                <div class="swiper-slide group [&.swiper-slide-active]:border-supergoop-blue hover:[&.swiper-slide-active]:border-supergoop-blue rounded border lg:[&.swiper-slide-active]:border-transparent border-transparent hover:border-supergoop-blue [&:not([role='group'])]:w-10/12 md:[&:not([role='group'])]:w-1/4 px-5 pt-4 pb-5 bg-white shadow-lg flex-col items-center text-center relative h-auto" style="display:flex!important;">
7584                  
7585                    <div class="absolute group-hover:border-supergoop-blue group-[&.swiper-slide-active]:border-supergoop-blue font-serif font-bold text-[12px] border border-gray-400 rounded-3xl bg-supergoop-yellow px-3 py-0.5 -top-2.5 tracking-[2px]">
7586                      STEP 2
7587                    </div>
7588                  
7589
7590                  
7591                    <div class="w-[124px] m-auto mb-1.5">
7592                      
7593
7594  <picture data-lazy-picture>
7595    
7596      <source
7597        data-srcset='//supergoop.com/cdn/shop/files/unseen-sunscreen-spf-50-routine_92ce04e9-e417-49fb-acec-11c056ff1510.png?v=1733761597&width=372 372w, //supergoop.com/cdn/shop/files/unseen-sunscreen-spf-50-routine_92ce04e9-e417-49fb-acec-11c056ff1510.png?v=1733761597&width=372 372w'
7598        sizes='(max-width: 640px) 372px, 372px'
7599        
7600        media='(min-width: 640px)'
7601        >
7602    
7603    <img
7604      class='w-full image w-full'
7605      src='data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7'
7606      data-src='//supergoop.com/cdn/shop/files/unseen-sunscreen-spf-50-routine_92ce04e9-e417-49fb-acec-11c056ff1510.png?v=1733761597&width=640'
7607      alt='Unseen Sunscreen SPF 50'
7608      loading='lazy'
7609      decoding='async'
7610      width='249'
7611      height='258'>
7612  </picture>
7613
7614
7615                    </div>
7616                  
7617
7618                  
7619                    <div class="mb-1 body text-sm lg:text-[16px] text-grey-2A">Unseen Sunscreen SPF 50</div>
7620                  
7621
7622                  
7623                    <div class="mb-2.5 text-grey-5C text-xs lg:text-sm">Protect skin & prime for makeup.</div>
7624                  
7625
7626                  
7627                    <a
7628                      href="https://supergoop.com/products/unseen-sunscreen-spf-50"
7629                      class="cta-small no-underline tracking-[1px] font-serif font-bold"
7630                    >
7631                      Shop Now
7632                    </a>
7633                  
7634                </div>
7635              
7636                <div class="swiper-slide group [&.swiper-slide-active]:border-supergoop-blue hover:[&.swiper-slide-active]:border-supergoop-blue rounded border lg:[&.swiper-slide-active]:border-transparent border-transparent hover:border-supergoop-blue [&:not([role='group'])]:w-10/12 md:[&:not([role='group'])]:w-1/4 px-5 pt-4 pb-5 bg-white shadow-lg flex-col items-center text-center relative h-auto" style="display:flex!important;">
7637                  
7638                    <div class="absolute group-hover:border-supergoop-blue group-[&.swiper-slide-active]:border-supergoop-blue font-serif font-bold text-[12px] border border-gray-400 rounded-3xl bg-supergoop-yellow px-3 py-0.5 -top-2.5 tracking-[2px]">
7639                      STEP 3
7640                    </div>
7641                  
7642
7643                  
7644                    <div class="w-[124px] m-auto mb-1.5">
7645                      
7646
7647  <picture data-lazy-picture>
7648    
7649      <source
7650        data-srcset='//supergoop.com/cdn/shop/files/Protectint_Routine_3.jpg?v=1708012430&width=372 372w, //supergoop.com/cdn/shop/files/Protectint_Routine_3.jpg?v=1708012430&width=372 372w'
7651        sizes='(max-width: 640px) 372px, 372px'
7652        
7653        media='(min-width: 640px)'
7654        >
7655    
7656    <img
7657      class='w-full image w-full'
7658      src='data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7'
7659      data-src='//supergoop.com/cdn/shop/files/Protectint_Routine_3.jpg?v=1708012430&width=640'
7660      alt='Protec(tint) Daily Skin Tint SPF 50'
7661      loading='lazy'
7662      decoding='async'
7663      width='249'
7664      height='260'>
7665  </picture>
7666
7667
7668                    </div>
7669                  
7670
7671                  
7672                    <div class="mb-1 body text-sm lg:text-[16px] text-grey-2A">Protec(tint) Daily Skin Tint SPF 50</div>
7673                  
7674
7675                  
7676                    <div class="mb-2.5 text-grey-5C text-xs lg:text-sm">Smooth skin's appearance with light coverage.</div>
7677                  
7678
7679                  
7680                    <a
7681                      href="https://supergoop.com/products/protectint-tinted-sunscreen-spf-50"
7682                      class="cta-small no-underline tracking-[1px] font-serif font-bold"
7683                    >
7684                      Shop Now
7685                    </a>
7686                  
7687                </div>
7688              
7689                <div class="swiper-slide group [&.swiper-slide-active]:border-supergoop-blue hover:[&.swiper-slide-active]:border-supergoop-blue rounded border lg:[&.swiper-slide-active]:border-transparent border-transparent hover:border-supergoop-blue [&:not([role='group'])]:w-10/12 md:[&:not([role='group'])]:w-1/4 px-5 pt-4 pb-5 bg-white shadow-lg flex-col items-center text-center relative h-auto" style="display:flex!important;">
7690                  
7691                    <div class="absolute group-hover:border-supergoop-blue group-[&.swiper-slide-active]:border-supergoop-blue font-serif font-bold text-[12px] border border-gray-400 rounded-3xl bg-supergoop-yellow px-3 py-0.5 -top-2.5 tracking-[2px]">
7692                      STEP 4
7693                    </div>
7694                  
7695
7696                  
7697                    <div class="w-[124px] m-auto mb-1.5">
7698                      
7699
7700  <picture data-lazy-picture>
7701    
7702      <source
7703        data-srcset='//supergoop.com/cdn/shop/files/UnseenSunscreenStick_PDP_Routine4.jpg?v=1709049370&width=372 372w, //supergoop.com/cdn/shop/files/UnseenSunscreenStick_PDP_Routine4.jpg?v=1709049370&width=372 372w'
7704        sizes='(max-width: 640px) 372px, 372px'
7705        
7706        media='(min-width: 640px)'
7707        >
7708    
7709    <img
7710      class='w-full image w-full'
7711      src='data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7'
7712      data-src='//supergoop.com/cdn/shop/files/UnseenSunscreenStick_PDP_Routine4.jpg?v=1709049370&width=640'
7713      alt='Unseen Sunscreen Stick SPF 40'
7714      loading='lazy'
7715      decoding='async'
7716      width='249'
7717      height='260'>
7718  </picture>
7719
7720
7721                    </div>
7722                  
7723
7724                  
7725                    <div class="mb-1 body text-sm lg:text-[16px] text-grey-2A">Unseen Sunscreen Stick SPF 40</div>
7726                  
7727
7728                  
7729                    <div class="mb-2.5 text-grey-5C text-xs lg:text-sm">Easily reapply SPF throughout the day.</div>
7730                  
7731
7732                  
7733                    <a
7734                      href="https://supergoop.com/products/unseen-clear-sunscreen-stick"
7735                      class="cta-small no-underline tracking-[1px] font-serif font-bold"
7736                    >
7737                      SHOP NOW
7738                    </a>
7739                  
7740                </div>
7741              
7742            </div>
7743            <div class="absolute top-0 left-0 w-full pb-[87%]">
7744              <button class="swiper-button prev left-0 right-auto absolute top-1/2 z-10 -translate-y-2/4 text-white  drop-shadow  hover:text-supergoop-yellow w-[40px] h-[40px] bg-white rounded-full pb-[4px] pt-[8px] px-[8px] rotate-180 disabled:hidden md:hidden">
7745                <div class="rotate-90 [&>svg]:w-[20px] [&>svg]:h-[16px]">
7746                  <svg width="14" height="12" viewBox="0 0 14 15" fill="none">
7747    <path d="M1 7L7 1L13 7" stroke="#2A2A2A" strokeMiterlimit="16" strokeLinecap="square"/>
7748    <path d="M7 1L7 15" stroke="black"/>
7749  </svg>
7750                </div>
7751              </button>
7752              <button class="swiper-button next right-0 left-auto absolute top-1/2 z-10 w-[40px] h-[40px]  drop-shadow rounded-full -translate-y-2/4 text-white bg-white pb-[4px] pt-[8px] px-[8px] hover:text-supergoop-yellow disabled:hidden md:hidden">
7753                <div class="rotate-90 [&>svg]:w-[20px] [&>svg]:h-[16px]">
7754                  <svg width="14" height="12" viewBox="0 0 14 15" fill="none">
7755    <path d="M1 7L7 1L13 7" stroke="#2A2A2A" strokeMiterlimit="16" strokeLinecap="square"/>
7756    <path d="M7 1L7 15" stroke="black"/>
7757  </svg>
7758                </div>
7759              </button>
7760            </div>
7761          </div>
7762      </div>
7763    </section>
7764  
7765
7766
7767
7768</div><div id="shopify-section-template--19515789115490__ss_recommendations_QT6RH3" class="shopify-section section-product-recommendations"><style>
7769  #shopify-section-template--19515789115490__ss_recommendations_QT6RH3 {
7770    --mob-padding-y:0px;
7771    --padding-y: 40px;
7772  }
7773</style>
7774
7775
7776  <style>
7777    #shopify-section-template--19515789115490__ss_recommendations_QT6RH3 .ss-background {
7778      background-color: #ffffff
7779    }
7780  </style>
7781
7782<div
7783  data-section="ss-reccomendations"
7784  
7785    data-hypothesis="019d4593-8084-7a22-b407-c2f2f618960c"
7786  
7787  
7788>
7789
7790  
7791<div class="px-5 lg:px-[60px] mx-auto padding-controller-y ss-background ss-recommendations__target">
7792      
7792<script type="searchspring/personalized-recommendations" profile="cross-sell">seed = "8817";
7793      </script>
7793
7794    </div>
7795  
7796
7797</div>
7798
7799
7800  <div data-rebuy-wrapper style="display: none;">
7801    <div data-rebuy-id="275728"></div>
7802  </div>
7803
7804
7805
7806
7807</div><div id="shopify-section-template--19515789115490__bdcb77df-8161-45a3-88f3-9d20f64ba7dd" class="shopify-section z-0 relative"><section class="container">
7808  <div class="yotpo yotpo-pictures-widget" data-gallery-id="640880546d5e4d584bf75669"
7809    data-product-id="7269697060962">
7810  </div>
7811</section>
7812
7813
7814</div><div id="shopify-section-template--19515789115490__6de5230c-e623-4621-b051-a7110e61b923" class="shopify-section"><section data-section="faq" data-transition-enabled="true">
7815  
7815<script type="application/json" data-section-data>
7816    {
7817      "title": "Frequently Asked Questions",
7818      "subtitle": "You’ve got questions,  we’ve got answers",
7819      "accordiones": [{
7820              "title": "What’s the difference between the new Unseen Sunscreen SPF 50 and the original formula?",
7821              "overview": "\u003cp\u003eWe kept everything you loved, and made it even more super! It has higher protection (SPF 50 vs. the original SPF 40), the formula is lighter weight and absorbs more quickly for an even more comfortable feel, it’s even more invisible straight out of the bottle and it is clinically tested for stronger skincare and beauty benefits like improved skin clarity¹ for smoother skin and improved quality of makeup for longer-lasting, all-day wear².\u003cbr\/\u003e\u003cbr\/\u003eBased on an independent clinical study with 33 women: ¹After using product for 4 weeks, ²8 hours after one application as compared to foundation alone\u003c\/p\u003e"
7822          },{
7823              "title": "Why did the formula change?",
7824              "overview": "\u003cp\u003eWe listened to your feedback, and we heard you! The all-new Unseen Sunscreen was created to offer you higher protection and an even lighter-weight formula that absorbs quicker for an even more comfortable feel. This new formula is non-greasy and recommended for all skin types — even sensitive and acne-prone skin! Plus it’s been clinically tested to improve skin clarity¹ and deliver all-day makeup wear². If you love our original formula, you'll love our super!-charged icon even more.\u003cbr\/\u003e\u003cbr\/\u003eBased on an independent clinical study with 33 women: ¹After using product for 4 weeks, ²8 hours after one application as compared to foundation alone\u003c\/p\u003e"
7825          },{
7826              "title": "Does Unseen Sunscreen work on all skin types?",
7827              "overview": "\u003cp\u003eYes! Unseen Sunscreen SPF 50 has been tested on and is recommended for all skin types, even sensitive and acne-prone skin! It’s formulated with 99% skincare ingredients⁶ and is non-acnegenic and non-comedogenic, which means it is free of pore-clogging oils. \u003cbr\/\u003e\u003cbr\/\u003eIn fact, this is our most-tested product ever! We conducted 8 rigorous tests with 324 participants to bring you the BEST sunscreen you’ve ever used.⁷\u003cbr\/\u003e\u003cbr\/\u003e⁶Includes UV filters and skin-conditioning ingredients\u003cbr\/\u003e⁷Includes consumer, clinical and related safety and efficacy testing\u003c\/p\u003e"
7828          }],
7829      "form": {
7830        "isShow": true,
7831        "eyebrow": "STILL HAVE QUESTIONS?",
7832        "subhead": "We’re here Monday - Friday 8am-6pm CT!",
7833        "phoneNumber": "",
7834        "email": "[email protected]",
7835        "isEnableChat": true
7836      }
7837    }
7838  </script>
7838
7839</section>
7840
7841</div><div id="shopify-section-template--19515789115490__253ec024603b0ab83a19" class="shopify-section">
7842  
7843    <div id="shopify-block-AYzBpRlc3M01VS1Fvc__8ace8ecb-36fb-4172-a534-29bdc13bbe70" class="shopify-block shopify-app-block">
7844
7845  
7846  
7847    
7848  
7849
7850
7851
7852
7853<div
7854    class="yotpo-widget-instance"
7855    data-yotpo-instance-id="603897"
7856    data-yotpo-product-id="7269697060962"
7857    data-yotpo-name="Unseen Sunscreen SPF 50"
7858    data-yotpo-url="https://supergoop.com/products/unseen-sunscreen-spf-50"
7859    data-yotpo-price="19.0"
7860    data-yotpo-currency="USD"
7861    data-yotpo-image-url="https://supergoop.com/cdn/shop/files/Unseen_PDP_Image_Allure_Seal_2025.png?v=1758030958&width=480"
7862    data-yotpo-description="Our award-winning invisible SPF, now even better! The iconic 100% invisible, weightless, scentless sunscreen that’s non-irritating, doubles as a primer for all-day makeup wear² &amp;amp; is clinically tested to improve skin clarity¹."
7863    data-yotpo-prevent-load-rs="true"
7864  >
7865</div>
7866  
7867
7868
7869
7870  
7871  
7872    <div id="yotpo-reviews-section-data" style="margin-top:4px; font-size:11px; line-height:1.35; color:#555; max-height:220px; overflow:auto; padding:6px 8px; border:1px solid #eee; border-radius:4px; background:#fafafa;">   <section id="yotpo-reviews-overall-rating">     <p><strong>Overall rating:</strong> 4.720975 / 5 from 5745 reviews.</p>   </section>   <section id="yotpo-reviews-ai-summary">     <h3>AI Generated Review Summary</h3>     <p>Unseen Sunscreen SPF 50 is an award-winning, invisible sunscreen that is non-irritating and doubles as a primer for makeup. It is praised for its smooth, matte finish and excellent protection without a greasy feel. Customers appreciate its lightweight texture and lack of white cast, though opinions on its size and smell vary.</p>   </section>   <section id="yotpo-reviews-summary-topics">     <h3>Summary topics</h3>     <ul>       <li><span class="yotpo-topic-name">Skin Feel</span> (<span class="yotpo-topic-coverage">11%</span>): <span class="yotpo-topic-summary">Customers have mixed opinions about the Unseen sunscreen, with some praising its ability to make their skin soft and smooth.</span></li><li><span class="yotpo-topic-name">Finish</span> (<span class="yotpo-topic-coverage">4%</span>): <span class="yotpo-topic-summary">Customers appreciated the wonderful, smooth, and invisible matte finish of this sunscreen on their skin.</span></li><li><span class="yotpo-topic-name">Protection</span> (<span class="yotpo-topic-coverage">4%</span>): <span class="yotpo-topic-summary">It was observed by customers that the product provides great protection without leaving a greasy look or feel.</span></li><li><span class="yotpo-topic-name">Feel</span> (<span class="yotpo-topic-coverage">20%</span>): <span class="yotpo-topic-summary">A significant amount of customers expressed satisfaction with the smooth and velvety feel of the product.</span></li><li><span class="yotpo-topic-name">White Cast</span> (<span class="yotpo-topic-coverage">5%</span>): <span class="yotpo-topic-summary">It was noted by customers that this sunscreen does not leave a white cast on the skin.</span></li>     </ul>   </section>   <section id="yotpo-reviews-review-topics">     <p><strong>Review topics:</strong> [&quot;color&quot;,&quot;smell&quot;,&quot;feels&quot;,&quot;issues&quot;,&quot;packaging&quot;,&quot;husband&quot;,&quot;skin&quot;,&quot;shipping&quot;,&quot;texture&quot;,&quot;protection&quot;,&quot;look&quot;,&quot;price&quot;,&quot;face&quot;,&quot;size&quot;,&quot;residue&quot;,&quot;sunscreen&quot;,&quot;coverage&quot;,&quot;formula&quot;,&quot;weight&quot;,&quot;cast&quot;,&quot;absorbs&quot;,&quot;consistency&quot;,&quot;breakouts&quot;,&quot;primer&quot;,&quot;eyes&quot;,&quot;glow&quot;,&quot;base&quot;,&quot;finish&quot;,&quot;bottle&quot;,&quot;pores&quot;].</p>   </section>   <section id="yotpo-reviews-highlights">     <h3>Review highlights</h3>     <ul>       <li><span class="yotpo-highlight-text">&quot;This sunscreen feels amazing and makes my skin look so nice!&quot;</span> &mdash; <span class="yotpo-highlight-author">Jennifer B.</span></li><li><span class="yotpo-highlight-text">&quot;This sunscreen has a texture similar to a makeup primer and makes my face feel velvety soft AND protected.&quot;</span> &mdash; <span class="yotpo-highlight-author">Nicholas J.</span></li><li><span class="yotpo-highlight-text">&quot;Feels amazing, doesn&rsquo;t smell, excellent protection, most importantly doesn&rsquo;t break out my acne prone skin.&quot;</span> &mdash; <span class="yotpo-highlight-author">Genevivaayy</span></li>     </ul>   </section>   <section id="yotpo-reviews-individual-reviews">     <h3>Reviews</h3>     <article class="yotpo-review" data-reviewer="Alicia A." data-rating="5">       <h4 class="yotpo-review-title">This product isn&rsquo;t too sticky and is truly clear</h4>       <p class="yotpo-review-body">&quot;I use this product every day with my concealer. I get compliments on my skin because my dark spots aren&rsquo;t exacerbated by extra sunlight. The texture isn&rsquo;t too heavy or goopy (as zinc oxide would feel) the clear quality is a true representation of the product&quot;</p>       <p class="yotpo-review-author">&mdash; <span class="yotpo-reviewer-name">Alicia A.</span> (<span class="yotpo-review-rating">5/5</span>)</p>     </article><article class="yotpo-review" data-reviewer="Annie P." data-rating="2">       <h4 class="yotpo-review-title">Goes on clear but burns my eyes</h4>       <p class="yotpo-review-body">&quot;I really wanted to like this sunscreen but I don't think I can use it. Or I have to be way more careful about how I apply it. It unfortunately ends up running into my eyes and making it super uncomfortable. I spoke to another friend who told me the same thing happened to them, so I know it's not just me. The formula otherwise goes on so clear and feels light. I wish this worked for me but it doesn't.&quot;</p>       <p class="yotpo-review-author">&mdash; <span class="yotpo-reviewer-name">Annie P.</span> (<span class="yotpo-review-rating">2/5</span>)</p>     </article><article class="yotpo-review" data-reviewer="Mary S." data-rating="5">       <h4 class="yotpo-review-title">Best every day sunscreen ever.</h4>       <p class="yotpo-review-body">&quot;I wish I could find something less expensive that I like half as much but unfortunately for my wallet Unseen is hands down the best sunscreen I&rsquo;ve ever tried. No white cast, no break outs, wears well under makeup, it&rsquo;s basically perfect.&quot;</p>       <p class="yotpo-review-author">&mdash; <span class="yotpo-reviewer-name">Mary S.</span> (<span class="yotpo-review-rating">5/5</span>)</p>     </article><article class="yotpo-review" data-reviewer="Robyn D." data-rating="5">       <h4 class="yotpo-review-title">My favorite sunscreen</h4>       <p class="yotpo-review-body">&quot;This is the best sunscreen I've found that not only protects but works wonderful under makeup. It mattifies better than most primers I've tried and primes well too. It doesn't irritate my sensitive reactive skin either. It delivers on all its promises.&quot;</p>       <p class="yotpo-review-author">&mdash; <span class="yotpo-reviewer-name">Robyn D.</span> (<span class="yotpo-review-rating">5/5</span>)</p>     </article><article class="yotpo-review" data-reviewer="Klae G." data-rating="3">       <h4 class="yotpo-review-title">Unpopular Opinion</h4>       <p class="yotpo-review-body">&quot;Unpopular opinion! The unseen sunscreen burned my eyes every time I wore it. I tried it various times all summer long to see if the circumstances were unique, but there is obviously something in it that doesn&rsquo;t agree with being near eyes. This disappointed me because I purchased it to use on my face (like everyone does), and it was so expensive! I haven&rsquo;t had this experience using the Matte Screen, and I&rsquo;ve used the matte screen everyday for over 3 years.&quot;</p>       <p class="yotpo-review-author">&mdash; <span class="yotpo-reviewer-name">Klae G.</span> (<span class="yotpo-review-rating">3/5</span>)</p>     </article><article class="yotpo-review" data-reviewer="Aerin L." data-rating="5">       <h4 class="yotpo-review-title">Skin saver!!</h4>       <p class="yotpo-review-body">&quot;My husband went golfing and decided he only needed sunscreen on his face. His arms and legs look like baked turkey while his face is still moistured white. I love that it's not slimy, sticky or thick! Perfect texture for the whole family ❤️&quot;</p>       <p class="yotpo-review-author">&mdash; <span class="yotpo-reviewer-name">Aerin L.</span> (<span class="yotpo-review-rating">5/5</span>)</p>     </article><article class="yotpo-review" data-reviewer="Hailey C." data-rating="5">       <h4 class="yotpo-review-title">Old reliable!</h4>       <p class="yotpo-review-body">&quot;My go-to for years now! Doesn&rsquo;t irritate my acne-prone skin and actually prevents sunburn. It&rsquo;s a tough balance, so I was so glad when I found it. Will continue to replenish.&quot;</p>       <p class="yotpo-review-author">&mdash; <span class="yotpo-reviewer-name">Hailey C.</span> (<span class="yotpo-review-rating">5/5</span>)</p>     </article><article class="yotpo-review" data-reviewer="RHONDA W." data-rating="5">       <h4 class="yotpo-review-title">Perfect</h4>       <p class="yotpo-review-body">&quot;
7872Goes on smooth, acts like a primer, doesn't leave a white cast or a greasy finish. It's perfect for &quot;older&quot; skin as it diminishes the appearance of wrinkles. Highly recommend!&quot;</p>       <p class="yotpo-review-author">&mdash; <span class="yotpo-reviewer-name">RHONDA W.</span> (<span class="yotpo-review-rating">5/5</span>)</p>     </article><article class="yotpo-review" data-reviewer="tester" data-rating="4">       <h4 class="yotpo-review-title">Good product</h4>       <p class="yotpo-review-body">&quot;I was under the impression that this is a clean product, meaning there are not ingredients that are harmful to us, such as Octocrylene that has 9%, that is carcinogenic and an endocrine disruptor!Hi there! Thank you for your feedback, and we&rsquo;re so sorry to hear this SPF didn&rsquo;t live up to your expectations. We&rsquo;ll make sure to pass your feedback along to our product development team! Have a great day!&quot;</p>       <p class="yotpo-review-author">&mdash; <span class="yotpo-reviewer-name">tester</span> (<span class="yotpo-review-rating">4/5</span>)</p>     </article><article class="yotpo-review" data-reviewer="Billie B." data-rating="5">       <h4 class="yotpo-review-title">Great protection without greasiness</h4>       <p class="yotpo-review-body">&quot;This is one of my favorite sunscreens to use on my face because it feels light and applies easily. My skin doesn't feel suffocated after wearing it. It doesn't leave weird stains on my clothing either like other sunscreens I've tried in the past.&quot;</p>       <p class="yotpo-review-author">&mdash; <span class="yotpo-reviewer-name">Billie B.</span> (<span class="yotpo-review-rating">5/5</span>)</p>     </article>   </section>   <section id="yotpo-reviews-qa">     <h3>Q&amp;A</h3>     <dl>       <dt class="yotpo-qa-question">I noticed in the directions it says to reapply this sunscreen every two hours. I do not apply my makeup every two hours. If this product is meant to wear under makeup I will be wearing all day then how is it possibly providing protection if it must be reapplied every two hours? Thank y
7872ou for clarifying!</dt><dd class="yotpo-qa-answer">Unseen is Beauty Base Layer. It is essential to finishing off a great skincare routine or to serve as the canvas of your makeup routine. Unseen goes on completely clear and invisible giving you a 100% natural look. A unique complex derived from Meadowfoam Seed Oil helps increase hydration levels, resulting in a more even skin texture.  For facial reapplication, our (Re) Setting 100% Mineral Powder SPF 35 truly go above and beyond. Reapplication is a key to a successful SPF routine! Not only does this product make it super easy to reapply your sunscreen, but it also sets your makeup and gives your skin a boost throughout the day! Everything is in the details, optical diffusing silica silylate helps absorb oil, reducing shine and delivering a matte finish.  If you have oily skin that needs to be mattified throughout the day, then our (Re)Setting 100% Mineral Powder is your pick. Ceramides and Olive Glycerides help in sealing moisture. While Coated Silica diffuses light and diminishes the appearance of pores, creating a soft focus finish. ✨</dd><dt class="yotpo-qa-question">Can this be used on other places (arms, legs), or is it just for the face? I love how it goes on and isn&amp;#x27;t greasy so I&amp;#x27;d like to use it everywhere on any exposed skin.</dt><dd class="yotpo-qa-answer">Hi there!  While our original, iconic Unseen Sunscreen is an invisible gel SPF that doubles as a makeup primer with skincare benefits for face, our Unseen Sunscreen Body comes in a silkier, more glide-able gel formula that spreads easily for quick application on body. Plus, Unseen Body has a unique set of ingredients that are optimized to nourish and retain moisture on the skin on your body, which can be prone to dryness! 🔆</dd><dt class="yotpo-qa-question">Hi. Is your Supergoop sunscreen set up to be FSA eligible through your site?</dt><dd class="yotpo-qa-answer">Hi Scarlett  Thanks for reaching out! Yes! You can use your Flexible Spending Account dollars to purchase all Supergoop! SPF. Just use your FSA/HSA card like you would your credit card at checkout. (And if you&amp;#x27;d rather use your regular credit card, you can also email us for an itemized receipt to file a claim.)  IMPORTANT TO NOTE: Reimbursements are determined by your individual insurance plan/provider. While all SPF products are eligible, your insurance provider has final say in whether or not you will be reimbursed. Supergoop! does not have control over what insurance providers deem as eligible for reimbursement.</dd><dt class="yotpo-qa-question">what are the active and inactive ingredents</dt><dd class="yotpo-qa-answer">Active Ingredients Avobenzone 3%, Homosalate 7%, Octisalate 5%, Octocrylene 9%  Inactive Ingredients Isododecane, Dimethicone/Bis-Isobutyl PPG-20 Crosspolymer, Dimethicone/Vinyl Dimethicone Crosspolymer, Dimethicone, Dimethicone Crosspolymer, Caprylic/Capric Triglyceride, Butyrospermum Parkii (Shea) Butter, Physalis Angulata Extract, Himanthalia Elongata Extract, Meadowfoam Estolide, Tocopherol, Jojoba Esters, Polymethylsilsesquioxane, Caprylyl Glycol, Diethylhexyl Syringylidenemalonate, Silica, Bisabolol, Dipotassium Glycyrrhizate. PLEASE BE AWARE THAT INGREDIENT LISTS MAY CHANGE OR VARY FROM TIME TO TIME. PLEASE REFER TO THE INGREDIENT LIST ON THE PRODUCT PACKAGE YOU RECEIVE FOR THE MOST UP TO DATE LIST OF INGREDIENTS</dd><dt class="yotpo-qa-question">I can&rsquo;t find this on my current tube of unseen 50 - usually there is a little icon that tells you how long it stays good AFTER you open it. How long does this product stay good after opening?</dt><dd class="yotpo-qa-answer">Hi Vanessa,  The expiration date for the Unseen Sunscreen can be found along the crimped edge of the product. Reach out to [email protected] if you&amp;#x27;re still unable to locate it and we can assist you further!</dd>     </dl>   </section> </div>
7873  
7874
7875
7876
7877</div>
7878  
7879
7880
7881
7882
7883</div>
7884    </main>
7885
7886    <section id="shopify-section-footer" class="shopify-section">
7887
7888<footer data-section="footer" class="bg-white border-t border-grey-D0">
7889  <div class="flex flex-col lg:flex-row py-10 px-[20px] md:px-[30px] lg:px-[60px] lg:pt-20">
7890    <div class="w-full lg:w-1/2 pr-5">
7891      <div class="max-w-[540px]">
7892        
7893          <div id="newsletter_form_headline">
7894            
7895              <h3 class="text-supergoop-blue pb-4 md:text-[36px]">Make your days brighter</h3>
7896            
7897            
7898              <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>
7899              <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>
7900            
7901          </div>
7902
7903          <div class="hidden" id="phone_success_message">
7904            
7905              <p class="text-supergoop-blue pb-4 h4">Thank you!</p>
7906            
7907
7908            
7909              <div data-email-success-message class="pb-6 body lg:pb-7 text-grey-5C">
7910                Check your inbox for 10% off your first purchase on Supergoop.com
7911              </div>
7912            
7913          </div>
7914
7915          <div class="hidden" id="phone_error_message">
7916            
7917              <h4 class="pb-4 text-supergoop-blue">OOPS!</h4>
7918            
7919
7920            
7921              <div class="pb-6 body lg:pb-7 text-grey-5C" data-phone-error-message>
7922                Your request was not successful, please try again.
7923              </div>
7924            
7925          </div>
7926
7927          <div class="mb-7">
7928            <div>
7929              <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="✓" />
7930                <input type="hidden" name="contact[tags]" value="newsletter">
7931                    <div class="mb-4">
7932                      <div class="relative flex overflow-hidden items-center">
7933                        <div class="relative w-full input-wrapper flex">
7934                          <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>
7935                          <input
7936                              class="m-0 w-full border-grey-5C"
7937                              type="email"
7938                              id="email-footer"
7939                              name="contact[email]"
7940                              value=""
7941                              autocorrect="off"
7942                              autocapitalize="off"
7943                              autocomplete="email"
7944                              aria-label="Enter Email"
7945                              aria-labelledby="footer-form-2"
7946                              placeholder="Email"
7947                          >
7948                        </div>
7949                        <button
7950                            type="submit"
7951                            class="button button-primary absolute right-1 px-8"
7952                            aria-label="Submit"
7953                            name="subscribe_option"
7954                            value="email"
7955                        >Submit
7956                        </button>
7957                      </div>
7958                        <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>
7959                    </div>
7960                </form>
7961
7962                <form id="phoneForm" novalidate class='hidden' action='/' data-form-type="phone">
7963                  <div class="mb-4">
7964                    <div class="relative flex overflow-hidden items-center">
7965                      <input type="hidden" id="email-input-hidden" value=""  />
7966                      <div class="relative w-full input-wrapper flex">
7967                        <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>
7968                        <input
7969                            class="m-0 w-full"
7970                            type="tel"
7971                            id="phone-footer"
7972                            name="contact[phone]"
7973                            autocomplete="off"
7974                            aria-label="Enter Phone Number"
7975                            aria-labelledby="footer-form"
7976                            placeholder="Phone Number"
7977                        >
7978                      </div>
7979                      <button
7980                          type="button"
7981                          class="button button-primary absolute right-1 px-8"
7982                          aria-label="Submit"
7983                          name="subscribe_option"
7984                          value="phone"
7985                      >Submit
7986                      </button>
7987                    </div>
7988
7989                    
7990                      <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>
7991                    
7992                  </div>
7993
7994                  <div>
7995                    <div class="flex">
7996                      <input
7997                          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]"
7998                          type="checkbox"
7999                          name="contact[terms]"
8000                          id="newsletter-agreement"
8001                      >
8002                      <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>
8002By 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>
8003                    </div>
8004                    <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>
8005                  </div>
8006                </form>
8007            </div>
8008          </div>
8009        
8010
8011        
8012          <div class="flex justify-between mb-10 lg:mb-0">
8013            
8014              <div class="flex items-center gap-7 justify-start [&_a]:text-supergoop-blue">
8015                
8016
8017
8018  
8019  
8020    <a href="https://www.instagram.com/supergoop" aria-label="instagram" target="_blank">
8021      <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
8022  <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"/>
8023  <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"/>
8024  <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.9499
80246 18.455 6.61562Z" fill="currentColor"/>
8025</svg>
8026
8027    </a>
8028  
8029
8030  
8031  
8032    <a href="https://www.tiktok.com/@supergoop" aria-label="tiktok" target="_blank">
8033      <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
8034  <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"/>
8035</svg>
8036
8037    </a>
8038  
8039
8040  
8041  
8042
8043
8044              </div>
8045            
8046            
8047              <div class="hidden lg:flex items-center body-xs text-grey-2A">
8048                
8049                © Supergoop! 2026
8050              </div>
8051            
8052          </div>
8053        
8054      </div>
8055    </div>
8056
8057    <div class="w-full lg:w-1/2 flex">
8058        <nav class="w-full">
8059          <div class="flex flex-col lg:flex-row">
8060            
8061              
8062                <div class="w-full lg:w-1/3 border-t lg:border-t-0 last:border-b lg:last:border-b-0 px-0 ">
8063                  <div
8064                    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"
8065                    data-footer-menu-list-title
8066                    data-footer-menu-id="footer-menu-103f9a7a-e224-473b-a373-0df3d166817b"
8067                  >
8068                    <h3 class="font-serif text-sm tracking-normal">Resources</h3>
8069                    <div class="absolute text-white right-0 top-[50%] transform -translate-y-[50%] lg:hidden">
8070                      <svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
8071  <circle cx="16" cy="16" r="16" fill="currentColor"/>
8072  <path d="M9 16H23" stroke="#2A2A2A"/>
8073  <path d="M16 9V23" stroke="#2A2A2A"/>
8074</svg>
8075
8076                    </div>
8077                  </div>
8078                  <ul id="footer-menu-103f9a7a-e224-473b-a373-0df3d166817b" class="hidden lg:max-w-[210px] lg:block pb-6 lg:pb-0" inert>
8079                    
8080                      <li class="pb-6 last:pb-0">
8081                        <a
8082                          href='/pages/faq-help'
8083                          class="link-list text-grey-5C"
8084                        >
8085                          FAQ & Help
8086                        </a>
8087                      </li>
8088                    
8089                      <li class="pb-6 last:pb-0">
8090                        <a
8091                          href='https://returns.supergoop.com/#/'
8092                          class="link-list text-grey-5C"
8093                        >
8094                          Returns & Exchanges
8095                        </a>
8096                      </li>
8097                    
8098                      <li class="pb-6 last:pb-0">
8099                        <a
8100                          href='/pages/fsa-hsa'
8101                          class="link-list text-grey-5C"
8102                        >
8103                          FSA & HSA
8104                        </a>
8105                      </li>
8106                    
8107                      <li class="pb-6 last:pb-0">
8108                        <a
8109                          href='/pages/offers'
8110                          class="link-list text-grey-5C"
8111                        >
8112                          Special Offers
8113                        </a>
8114                      </li>
8115                    
8116                      <li class="pb-6 last:pb-0">
8117                        <a
8118                          href='/pages/wholesale-inquiries'
8119                          class="link-list text-grey-5C"
8120                        >
8121                          Wholesale
8122                        </a>
8123                      </li>
8124                    
8125                      <li class="pb-6 last:pb-0">
8126                        <a
8127                          href='/pages/accessibility'
8128                          class="link-list text-grey-5C"
8129                        >
8130                          Accessibility
8131                        </a>
8132                      </li>
8133                    
8134                      <li class="pb-6 last:pb-0">
8135                        <a
8136                          href='/pages/refer-a-friend'
8137                          class="link-list text-grey-5C"
8138                        >
8139                          Refer A Friend
8140                        </a>
8141                      </li>
8142                    
8143                  </ul>
8144                </div>
8145              
8146            
8147              
8148                <div class="w-full lg:w-1/3 border-t lg:border-t-0 last:border-b lg:last:border-b-0 px-0 ">
8149                  <div
8150                    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"
8151                    data-footer-menu-list-title
8152                    data-footer-menu-id="footer-menu-bb9a1b1e-8096-4b2a-951f-5e18b2efd194"
8153                  >
8154                    <h3 class="font-serif text-sm tracking-normal">SUPERGOOP!</h3>
8155                    <div class="absolute text-white right-0 top-[50%] transform -translate-y-[50%] lg:hidden">
8156                      <svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
8157  <circle cx="16" cy="16" r="16" fill="currentColor"/>
8158  <path d="M9 16H23" stroke="#2A2A2A"/>
8159  <path d="M16 9V23" stroke="#2A2A2A"/>
8160</svg>
8161
8162                    </div>
8163                  </div>
8164                  <ul id="footer-menu-bb9a1b1e-8096-4b2a-951f-5e18b2efd194" class="hidden lg:max-w-[210px] lg:block pb-6 lg:pb-0" inert>
8165                    
8166                      <li class="pb-6 last:pb-0">
8167                        <a
8168                          href='/pages/about-us'
8169                          class="link-list text-grey-5C"
8170                        >
8171                          Our Story
8172                        </a>
8173                      </li>
8174                    
8175                      <li class="pb-6 last:pb-0">
8176                        <a
8177                          href='/pages/rewards'
8178                          class="link-list text-grey-5C"
8179                        >
8180                          Rewards Program
8181                        </a>
8182                      </li>
8183                    
8184                      <li class="pb-6 last:pb-0">
8185                        <a
8186                          href='/pages/supermail'
8187                          class="link-list text-grey-5C"
8188                        >
8189                          Subscribe & Save
8190                        </a>
8191                      </li>
8192                    
8193                      <li class="pb-6 last:pb-0">
8194                        <a
8195                          href='/pages/bulk-gifting'
8196                          class="link-list text-grey-5C"
8197                        >
8198                          Group Gifting
8199                        </a>
8200                      </li>
8201                    
8202                      <li class="pb-6 last:pb-0">
8203                        <a
8204                          href='/blogs/all'
8205                          class="link-list text-grey-5C"
8206                        >
8207                          Blog: The Bright Side™
8208                        </a>
8209                      </li>
8210                    
8211                      <li class="pb-6 last:pb-0">
8212                        <a
8213                          href='mailto:[email protected]'
8214                          class="link-list text-grey-5C"
8215                        >
8216                          Press Inquiries
8217                        </a>
8218                      </li>
8219                    
8220                      <li class="pb-6 last:pb-0">
8221                        <a
8222                          href='/pages/careers'
8223                          class="link-list text-grey-5C"
8224                        >
8225                          Careers
8226                        </a>
8227                      </li>
8228                    
8229                      <li class="pb-6 last:pb-0">
8230                        <a
8231                          href='/pages/store-locator'
8232                          class="link-list text-grey-5C"
8233                        >
8234                          Store Locator
8235                        </a>
8236                      </li>
8237                    
8238                  </ul>
8239                </div>
8240              
8241            
8242              
8243                <div class="w-full lg:w-1/3 border-t lg:border-t-0 last:border-b lg:last:border-b-0 px-0 ">
8244                  <div
8245                    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"
8246                    data-footer-menu-list-title
8247                    data-footer-menu-id="footer-menu-42b5dc79-b562-4200-85d8-7babded0790f"
8248                  >
8249                    <h3 class="font-serif text-sm tracking-normal">Terms</h3>
8250                    <div class="absolute text-white right-0 top-[50%] transform -translate-y-[50%] lg:hidden">
8251                      <svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
8252  <circle cx="16" cy="16" r="16" fill="currentColor"/>
8253  <path d="M9 16H23" stroke="#2A2A2A"/>
8254  <path d="M16 9V23" stroke="#2A2A2A"/>
8255</svg>
8256
8257                    </div>
8258                  </div>
8259                  <ul id="footer-menu-42b5dc79-b562-4200-85d8-7babded0790f" class="hidden lg:max-w-[210px] lg:block pb-6 lg:pb-0" inert>
8260                    
8261                      <li class="pb-6 last:pb-0">
8262                        <a
8263                          href='/pages/privacy-policy'
8264                          class="link-list text-grey-5C"
8265                        >
8266                          Privacy Policy
8267                        </a>
8268                      </li>
8269                    
8270                      <li class="pb-6 last:pb-0">
8271                        <a
8272                          href='/pages/terms-conditions'
8273                          class="link-list text-grey-5C"
8274                        >
8275                          Terms & Conditions
8276                        </a>
8277                      </li>
8278                    
8279                      <li class="pb-6 last:pb-0">
8280                        <a
8281                          href='/pages/satisfaction-guarantee'
8282                          class="link-list text-grey-5C"
8283                        >
8284                          Satisfaction Guarantee
8285                        </a>
8286                      </li>
8287                    
8288                  </ul>
8289                </div>
8290              
8291            
8292              
8293            
8294              
8295            
8296          </div>
8297          
8298            <div class="flex lg:hidden items-center justify-center body-xs mt-10 text-grey-2A">
8299              
8300              © Supergoop! 2026
8301            </div>
8302          
8303        </nav>
8304    </div>
8305  </div>
8306  <div class="relative w-full aspect-[1440/500] flex justify-center">
8307    <div class="absolute bottom-0 left-0 w-full h-full">
8308      <svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewB
8308ox="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.
8308168 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>
8309    </div>
8310  </div>
8311</footer>
8312
8313
8314</section>
8315    <div id="shopify-section-cart" class="shopify-section"><section data-section='cart'>
8316  
8316<script type='application/json' data-section-data>
8317  {
8318    "enableYouMayAlsoLike": true,
8319    "youMayAlsoLikeProducts":{
8320      "title": "You may also like",
8321      "minPriceArr": [
8322        
8323          
8324          0,
8325        
8326          
8327          0,
8328        
8329          
8330          0
8331        
8332      ],
8333      "maxPriceArr": [
8334        
8335          
8336          400,
8337        
8338          
8339          400,
8340        
8341          
8342          400
8343        
8344      ],
8345      "products":  [
8346        
8347          
8348          [
8349            
8350              
8351              {
8352                "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_
835215ml_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_
835215ml_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_
835215ml_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}}
8352,{"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"},
8353                "description": "High-shine hydrating lip balm",
8354                "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}},
8355                "price": 2200
8356              },
8357            
8358              
8359              {
8360                "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":"
8360(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":"
8360(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
8360-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
8360-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-e91f1
8360de0c855.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"},
8361                "description": null,
8362                "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}},
8363                "price": 3500
8364              },
8365            
8366              
8367              {
8368                "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":null,"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":null,"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":null,"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"},"a
8368spect_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}}
8368,{"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"},
8369                "description": null,
8370                "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}},
8371                "price": 2400
8372              }
8373            
8374          ],
8375        
8376          
8377          [
8378            
8379              
8380              {
8381                "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":"
8381(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":"
8381(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
8381-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
8381-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-e91f1
8381de0c855.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"},
8382                "description": null,
8383                "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}},
8384                "price": 3500
8385              }
8386            
8387          ],
8388        
8389          
8390          [
8391            
8392              
8393              {
8394                "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 
8394Stick 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}]}
8394,{"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}}
8394,{"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"},
8395                "description": null,
8396                "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}},
8397                "price": 3200
8398              },
8399            
8400              
8401              {
8402                "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":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":41845450768482,"t
8402itle":"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":true,"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":100,"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}
8402,{"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"},
8403                "description": "Portable water-resistant sport sunscreen",
8404                "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":true,"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":100,"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}},
8405                "price": 2200
8406              },
8407            
8408              
8409              {
8410                "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_
841015ml_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_
841015ml_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_
841015ml_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}}
8410,{"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"},
8411                "description": "High-shine hydrating lip balm",
8412                "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}},
8413                "price": 2200
8414              }
8415            
8416          ]
8417        
8418      ]
8419    },
8420    "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",
8421    "perksLoggedIn": "\u003cp\u003eEarn [points] with every purchase! \u003ca href=\"\/pages\/rewards\" title=\"Rewards\"\u003eLearn more\u003c\/a\u003e\u003c\/p\u003e",
8422    "hidePerks": true,
8423    "perksFont": "#2A2A2A",
8424    "perksBg": "#70AED0",
8425    "quantityLimitMessage": "You have reached the available quantity for this product.",
8426    "sellingPlanTextChoosen": "Subscribe \u0026 Save for 10% off + free shipping on every order. Easily manage from your account anytime!",
8427    "sellingPlanText": "Deliver every:",
8428    
8429      "promoBar":{
8430        "backgroundColor":"#0000b4",
8431        "textColor":"light",
8432        "blocks":  [
8433          
8434            {
8435              "text":"\u003cp\u003eEnjoy \u003cstrong\u003efree shipping\u003c\/strong\u003e on all orders $50+!\u003c\/p\u003e"
8436            }
8437         ]
8438      },
8439    
8440    "subscriptionAsset":{
8441      "src": "\/\/supergoop.com\/cdn\/shop\/files\/M.png?v=1715892058",
8442      "alt": null,
8443      "height": 228,
8444      "width": 750
8445    },
8446    "subscriptionAssetDesktop":{
8447      "src": null,
8448      "alt": null,
8449      "height": null,
8450      "width": null
8451    },
8452    "freeSamples": {
8453     
8454      "textEmpty": "Add an item to cart to unlock complimentary samples",
8455      "freeSamplesProductType": "Free Samples",
8456      "text": "Try a new SPF in your routine!",
8457      "samplesMaxNumber": 2,
8458      "samplesCollectionTitle": "",
8459      "products": [
8460        
8461      ]
8462    },
8463    "emptyCart": {
8464      "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!",
8465      "ctaText": "Start Shopping",
8466      "ctaLink": "/collections/all"
8467      
8468      
8469    },
8470    "fs_threshold": {
8471      "active": false,
8472      "threshold": 0,
8473      "thresholdAmount": 0,
8474      "errorMessage": "\u003cstrong\u003eYou’re almost there! \u003c\/strong\u003eSpend $50+ to unlock a free gift."
8475    },
8476    "threshold": {
8477      "customerTags": null,
8478      "active": true,
8479      "hideVisually": false,
8480      "hideShippingText": false,
8481      "amountType": "total_price",
8482      "threshold": 0,
8483      "thresholdAmount": 0,
8484      "startMessage": "Spend [amount] for free shipping!",
8485      "beforeMessage": "You are [amount] away from free shipping!",
8486      "afterMessage": "Let's go! You've unlocked free shipping!",
8487      "rewardMessage": "",
8488      "rewardMessageSub": "You unlocked \u003cstrong\u003efree shipping\u003c\/strong\u003e with a Subscribe \u0026 Save order!",
8489      "rewardMessageSubTextColor": "#2D2D2D",
8490      "rewardMessageSubBgColor": "#FFE922",
8491      "loyaltyPointsMessageLoggedIn": "You’ll earn  \u003cspan class='bg-white rounded px-1 font-bold leading-[18px]'\u003e[points] points!\u003c\/span\u003e  with this purchase!",
8492      "milestones": [
8493        {
8494          "milestoneEnabled": true,
8495          "milestoneThreshold": 70,
8496          "milestoneThresholdAmount": 70,
8497          "milestoneBarLabel": "Free Lip SPF",
8498          "milestoneLabelBefore": "You are [amount] away from a free gift!",
8499          "milestoneLabelAfter": "You've unlocked your free gift!",
8500          "milestoneIcon": {
8501            "src": "\/\/supergoop.com\/cdn\/shop\/files\/bar-gift-icon.svg?v=1745685253",
8502            "alt": null,
8503            "height": 48,
8504            "width": 48
8505          },
8506          "milestoneType": "gift"
8507        },
8508        {
8509          "milestone2Enabled": false,
8510          "milestone2Threshold": 100,
8511          "milestone2ThresholdAmount": 100,
8512          "milestone2BarLabel": "Free Bonus Gift!",
8513          "milestone2LabelBefore": "You are [amount] away from free bonus gift!",
8514          "milestone2LabelAfter": "You've also unlocked your free bonus gift!",
8515          "milestone2Icon": {
8516            "src": "\/\/supergoop.com\/cdn\/shop\/files\/bar-gift-icon.svg?v=1745685253",
8517            "alt": null,
8518            "height": 48,
8519            "width": 48
8520          },
8521          "milestone2Type": null
8522        }
8523      ],
8524      "loading": "Loading ..."
8525    },
8526    "sectionPositions": {
8527      "freeSamples": 3,
8528      "youMayAlsoLike": 2,
8529      "upsell": 1
8530    },
8531    "upsell": {
8532      
8533      "minPrice": 0,
8534      "threshold": 50000,
8535      "title": "Try the SPF mist everyone is obsessing over!",
8536      "productTitle": "PLAY Antioxidant Body Mist SPF 50 with Vitamin C",
8537      "productImage":  "\/\/supergoop.com\/cdn\/shop\/files\/PLAYMist_1180x1604_3e82bdac-fbf2-4a5b-95e9-137c615720ae.png?v=1779817896" ,
8538      "productPrice": 2400,
8539      "productDescription": null,
8540      "productVariantId": 31189114388578
8541    },
8542    "searchSpringUpsellSettings": {
8543      "show": false,
8544      "siteId": "955nyr"
8545    },
8546    "searchSpringRecommendationProducts": {
8547      "enable": false
8548    },
8549    "afterpayMessage": "Afterpay available between $ 35 - $ 1000",
8550    "points": {
8551      "pointPrice": 1,
8552      "pointMarkup": "[points] points!",
8553     "pointMarkupLogin": "[points] points"
8554    }
8555  }
8556</script>
8556
8557</section>
8558
8559</div>
8560    <div id="shopify-section-search" class="shopify-section">
8561
8562    <section data-section="ss-header-search">
8563        <div id="ss-search-overlay" class="  opacity-0 -z-1">
8564            <div id="ss-search-slideout"
8565                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 "
8566                inert
8567                aria-hidden="true">
8568                <div class="relative">
8569                    <button class="absolute right-[-10px] top-2" type="button" id="ss-search-close" aria-label="Close">
8570                        <div class="text-white hover:text-supergoop-yellow">
8571                            <svg width="38" height="38" fill="none" xmlns="http://www.w3.org/2000/svg">
8572                                <circle cx="19" cy="19" r="16" fill="currentColor"> </circle>
8573                                <path d="M13.13 25.652 25.652 13.13M13.13 13.13l12.522 12.522" stroke="#2A2A2A"></path>
8574                            </svg>
8575                        </div>
8576                    </button>
8577
8578                    <form class="mb-8" action="/collections/shop">
8579                        <div class="flex mb-5 pr-[20px]">
8580                            <div class="relative w-full pr-3">
8581                                <div class="absolute inset-y-0 left-0 flex items-center pl-2">
8582                                    <button type="submit" class="p-1" aria-label="Search submit">
8583                                        <svg width="24" height="24" fill="none" xmlns="http://www.w3.org/2000/svg">
8584                                            <path clip-rule="evenodd" d="M16.964 8.774a7.47 7.47 0 0
8585                                            1-1.978 5.838 7.462 7.462 0 0 1-4.754 2.352 7.501 7.501 0 0
8586                                            1-8.196-6.738c-.403-4.123 2.616-7.787 6.742-8.19a7.501 7.501
8587                                            0 0 1 8.196 6.738h-.01Z" stroke="currentColor" stroke-miterlimit="10" stroke-linecap="square"></path>
8588                                            <path d="M21.5 21.5 15 15" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round">
8589                                            </path>
8590                                        </svg>
8591                                    </button>
8592                                </div>
8593                                <input name="search" type="text"
8594                                    class="ss-autocomplete py-2 bg-grey-F7 border-none w-full text-sm rounded-md pl-10"
8595                                    placeholder="Search" autocomplete="off" />
8596                            </div>
8597                        </div>
8598                    </form>
8599                </div>
8600            </div>
8601        </div>
8602    </section>
8603  
8604
8605  </div>
8606    <div id="shopify-section-supergoop-modal" class="shopify-section"><section data-section="supergoop-modal">
8607  
8607<script type="application/json" data-section-data>
8608    {
8609      "title": "Discover",
8610      "cards": [
8611        
8612          {
8613            "id": "082e8b74-3387-46cb-add2-ecb33f7183e0",
8614            "title": "Our Story",
8615            "url": "\/pages\/about-us",
8616            "image": "\/\/supergoop.com\/cdn\/shop\/files\/SG_Discover_01_D.jpg?v=1706113690\u0026width=500"
8617          }
8618          
8619            ,
8620          
8621    
8622          {
8623            "id": "3954b3df-0a20-4f62-90c2-088135b34f8d",
8624            "title": "The Supergoop! Standard",
8625            "url": "\/pages\/supergoop-standard",
8626            "image": "\/\/supergoop.com\/cdn\/shop\/files\/SG_Discover_02_D.jpg?v=1706113689\u0026width=500"
8627          }
8628          
8629            ,
8630          
8631    
8632          {
8633            "id": "3c560c34-3590-4bf1-a8f0-c8c4a1d29d44",
8634            "title": "Rewards Program",
8635            "url": "\/pages\/rewards",
8636            "image": "\/\/supergoop.com\/cdn\/shop\/files\/SG_Discover_03_D.jpg?v=1706113690\u0026width=500"
8637          }
8638          
8639            ,
8640          
8641    
8642          {
8643            "id": "a9d66018-64d1-44b8-9c54-91c04b908a47",
8644            "title": "Merch \u0026 Apparel",
8645            "url": "\/collections\/merch-shop",
8646            "image": "\/\/supergoop.com\/cdn\/shop\/files\/SG_Discover_04_D.jpg?v=1706113689\u0026width=500"
8647          }
8648          
8649            ,
8650          
8651    
8652          {
8653            "id": "9dc89d01-54c0-4ea2-90f7-bf834d84c5e2",
8654            "title": "Blog: The Bright Side™",
8655            "url": "\/blogs\/all",
8656            "image": "\/\/supergoop.com\/cdn\/shop\/files\/SG_Discover_05_D.jpg?v=1706113690\u0026width=500"
8657          }
8658          
8659    
8660      ]
8661    }
8662  </script>
8662
8663</section>
8664
8665
8666
8667</div>
8668    <section id="shopify-section-custom-liquid" class="shopify-section section"><div>
8669  
8670</div>
8671
8672</section>
8673
8674    
8674<script data-technical type='application/json'>
8675  {
8676    "apiVersion": "2024-01",
8677    "storefrontToken": "5bab2ff00ef8ab03782dafaf548c7727",
8678    "yotpoLoyaltyGuid": "iTfw275wn2LF1RWUXq1Z3Q",
8679    "yotpoLoyaltyApiKey": "cJqPhWCVi2p8Tc7EMG1s9Qtt",
8680    "shopName": "supergoop.myshopify.com",
8681    "localization": {
8682      "countryCode": "US",
8683      "currencyCode": "USD"
8684    }
8685  }
8686</script>
8686
8687
8688    
8688<script>
8689  if (!window.TMW)
8690    window.TMW = {};
8691
8692
8693  window.TMW.Strings = {
8694    bundle: {
8695      value: `value`
8696    },
8697    cart: {
8698      title: `My Bag`,
8699      add: `Add`,
8700      addSample: `ADD`,
8701      addedSample: `ADDED`,
8702      soldOut: `Sold Out`,
8703      cart: `Cart`,
8704      checkout: `Check out`,
8705      close: `Close`,
8706      remove: `Remove`,
8707      subtract: `Subtract`,
8708      subtotal: `Subtotal`,
8709      freeItem: `Free`,
8710      cartMessage: `Shopping cart`,
8711      item: `item`,
8712      itemRemovedFromCart: `Item has been removed from cart`,
8713      items: `items`,
8714      loading: `Loading cart updates.`,
8715      subscription: `Subscription`,
8716      increaseQuantity: `Increase quantity`,
8717      decreaseQuantity: `Decrease quantity`
8718    },
8719    accessibility: {
8720      close: `Close`
8721    },
8722    account: {
8723      yourPoints: `{{amount}} pts`,
8724      earnRewards: `Earn Rewards`,
8725      signIn: `Sign In`,
8726      greeting: `Welcome`
8727    },
8728    product: {
8729      addToCart: `Add to bag`,
8730      subscribe: `Subscribe`,
8731      outOfStock: `Unavailable`,
8732      unavailable: `Unavailable`,
8733      shopNow: `Shop now`
8734    }
8735  }
8736
8737  window.TMW.debugger = `false`;
8738</script>
8738
8739    
8740    	
8741    <!-- Searchspring IntelliSuggest Tracking -->
8742    
8742<script type="text/javascript" src="//cdn.searchspring.net/intellisuggest/is.min.js"></script>
8742
8743    
8743<script type="text/javascript">
8744        var ss_site_id = '955nyr';
8745 
8746        try {
8747            
8748                var product_code = '8817';
8749                IntelliSuggest.init({siteId: ss_site_id, context: 'Product/' + product_code, seed: product_code});
8750                IntelliSuggest.viewItem({sku:product_code});
8751            
8752            
8753        } catch(err) {}
8754    </script>
8754
8755    <!-- END Searchspring IntelliSuggest -->
8756
8757    
8758
8759    
8760
8761    
8762      
8762<script data-pdp-richdata type="application/ld+json">
8763  [
8764    {
8765      "@context": "https://schema.org/",
8766      "@type": "Product",
8767      "name": "Unseen Sunscreen SPF 50",
8768      "description": "Our award-winning invisible SPF, now even better! The iconic 100% invisible, weightless, scentless sunscreen that’s non-irritating, doubles as a primer for all-day makeup wear² &amp;amp; is clinically tested to improve skin clarity¹.",
8769      "url": "https://supergoop.com/products/unseen-sunscreen-spf-50",
8770      "sku": "8817","gtin12": "816218028817","image": ["https://supergoop.com/cdn/shop/files/Unseen_PDP_Image_Allure_Seal_2025.png?v=1758030958&width=1200","https://supergoop.com/cdn/shop/files/supergoop-unseen-sunscreen-spf-50-product-and-texture-74ml.jpg?v=1774797043&width=1200","https://supergoop.com/cdn/shop/files/supergoop-unseen-sunscreen-spf-50-product-and-texture-20ml.jpg?v=1774797043&width=1200","https://supergoop.com/cdn/shop/files/Unseen_2-Pack.png?v=1774797043&width=1200","https://supergoop.com/cdn/shop/files/supergoop-unseen-sunscreen-spf-50-model-with-benefits-and-texture-on-face.jpg?v=1774797043&width=1200"],
8771      "brand": {
8772        "@type": "Brand",
8773        "name": "Supergoop"
8774      },"aggregateRating": {
8775        "@type": "AggregateRating",
8776        "ratingValue": "4.7",
8777        "reviewCount": "5745"
8778      },"offers": {
8779        "@type": "Offer",
8780        "url": "https://supergoop.com/products/unseen-sunscreen-spf-50?variant=41610270802018",
8781        "priceCurrency": "USD",
8782        "price": "38.0","itemCondition": "https://schema.org/NewCondition",
8783        "availability": "https://schema.org/InStock",
8784        "seller": {
8785          "@type": "Organization",
8786          "name": "Supergoop"
8787        },
8788        "hasMerchantReturnPolicy": { "@id": "#return_policy" }
8789      }
8790    },
8791    {
8792      "@context": "https://schema.org/",
8793      "@type": "MerchantReturnPolicy",
8794      "@id": "#return_policy",
8795      "applicableCountry": "US",
8796      "returnPolicyCategory": "https://schema.org/MerchantReturnFiniteReturnWindow",
8797      "merchantReturnDays": 30,
8798      "returnMethod": "https://schema.org/ReturnByMail",
8799      "returnFees": "https://schema.org/FreeReturn"
8800    }
8801  ]
8802</script>
8802
8803    
8804
8805    
8805<script>
8806  const getTableHeader = (container) => {
8807    return container.querySelector('.yotpo-vip-tiers-headline');
8808  };
8809
8810  const getColumnHeaders = (container) => {
8811    const headers = [];
8812    const gridColumns = container.querySelectorAll('.yotpo-grid-vip-tier-container');
8813    
8814    gridColumns.forEach(column => {
8815      const header = column.querySelector('.yotpo-vip-tiers-grid-header');
8816      if (header) {
8817        headers.push(header);
8818      }
8819    });
8820    
8821    return headers;
8822  };
8823
8824  const getRowHeaders = (container) => {
8825    return Array.from(container.querySelectorAll('.yotpo-vip-tiers-grid-benefit-name'));
8826  };
8827
8828  const getRowValues = (container) => {
8829    const columns = container.querySelectorAll('.yotpo-grid-vip-tier-container');
8830    const rowValues = [];
8831    
8832    columns.forEach(column => {
8833      const values = Array.from(column.querySelectorAll('.yotpo-vip-tiers-grid-benefit-status'));
8834      rowValues.push(values);
8835    });
8836    
8837    return rowValues;
8838  };
8839
8840  const fixYotpoVipTiersAccessibility = () => {
8841    const gridContainers = document.querySelectorAll('.yotpo-vip-tiers-grid-container:not([data-table-converted])');
8842    
8843    gridContainers.forEach(container => {
8844      try {
8845        const listContainer = container.closest('.yotpo-vip-tiers-list');
8846        if (!listContainer) {
8847          console.warn('Could not find .yotpo-vip-tiers-list parent container');
8848          return;
8849        }
8850        
8851        const tableHeader = getTableHeader(container.closest('.yotpo-vip-tiers-widget'));
8852        const columnHeaders = getColumnHeaders(container);
8853        const rowHeaders = getRowHeaders(container);
8854        const rowValues = getRowValues(container);
8855        
8856        if (!columnHeaders.length || !rowHeaders.length) {
8857          console.warn('Could not find all necessary elements for conversion');
8858          return;
8859        }
8860        
8861        const table = document.createElement('table');
8862        table.className = container.className;
8863        table.setAttribute('data-table-converted', 'true');
8864        
8865        if (container.hasAttribute('style')) {
8866          table.setAttribute('style', container.getAttribute('style'));
8867        }
8868        
8869        if (tableHeader) {
8870          const caption = document.createElement('caption');
8871          caption.className = tableHeader.className;
8872          if (tableHeader.hasAttribute('style')) {
8873            caption.setAttribute('style', tableHeader.getAttribute('style'));
8874          }
8875          caption.textContent = tableHeader.textContent.trim();
8876          table.appendChild(caption);
8877        }
8878        
8879        const headerRow = document.createElement('tr');
8880        
8881        const blankHeader = container.querySelector('.yotpo-vip-tiers-grid-header-blank');
8882        if (blankHeader && blankHeader.hasAttribute('style')) {
8883          let style = blankHeader.getAttribute('style');
8884          style = style.replace(/border-bottom:[^;]*(;|$)/gi, 'border-bottom: 1px solid #e5e7eb;');
8885          if (!style.includes('border-bottom')) {
8886            style += '; border-bottom: 1px solid #e5e7eb;';
8887          }
8888          headerRow.setAttribute('style', style);
8889        } else {
8890          headerRow.setAttribute('style', 'border-bottom: 1px solid #e5e7eb;');
8891        }
8892        
8893        const emptyTh = document.createElement('th');
8894        emptyTh.setAttribute('scope', 'col');
8895        emptyTh.setAttribute('aria-label', 'Benefits');
8896        
8897        headerRow.appendChild(emptyTh);
8898        
8899        const gridColumns = container.querySelectorAll('.yotpo-grid-vip-tier-container');
8900        const columnBackgroundColors = Array.from(gridColumns).map(column => {
8901          const computedStyle = window.getComputedStyle(column);
8902          return computedStyle.backgroundColor;
8903        });
8904        
8905        columnHeaders.forEach((header, index) => {
8906          const th = document.createElement('th');
8907          th.setAttribute('scope', 'col');
8908          
8909          const headerClone = header.cloneNode(true);
8910          
8911          const thresholdDiv = headerClone.querySelector('.yotpo-vip-tier-threshold');
8912          if (thresholdDiv) {
8913            const originalThresholdDiv = header.querySelector('.yotpo-vip-tier-threshold');
8914            const beforeContent = window.getComputedStyle(originalThresholdDiv, '::before').getPropertyValue('content');
8915            
8916            if (beforeContent && beforeContent !== 'none' && beforeContent !== '""' && beforeContent !== "''") {
8917              const cleanContent = beforeContent.replace(/^["']|["']$/g, '');
8918              const beforeSpan = document.createElement('span');
8919              beforeSpan.textContent = cleanContent;
8920              beforeSpan.className = 'yotpo-before-content';
8921              thresholdDiv.insertBefore(beforeSpan, thresholdDiv.firstChild);
8922            }
8923          }
8924          
8925          while (headerClone.firstChild) {
8926            th.appendChild(headerClone.firstChild);
8927          }
8928          
8929          if (header.hasAttribute('style')) {
8930            let style = header.getAttribute('style');
8931            style = style.replace(/border-bottom:[^;]*(;|$)/gi, 'border-bottom: 1px solid #e5e7eb;');
8932            style = style.replace(/background-color:[^;]*(;|$)/gi, '');
8933            th.setAttribute('style', style);
8934          }
8935          
8936          const inlineStyle = header.getAttribute('style') || '';
8937          const inlineBgColorMatch = inlineStyle.match(/background-color:\s*([^;
8937]+)/);
8938          
8939          const headerComputedStyle = window.getComputedStyle(header);
8940          const headerBgColor = headerComputedStyle.backgroundColor;
8941          
8942          if (inlineBgColorMatch && headerBgColor && headerBgColor !== 'rgba(0, 0, 0, 0)' && headerBgColor !== 'transparent') {
8943            th.style.setProperty('background-color', headerBgColor, 'important');
8944          } else if (columnBackgroundColors[index]) {
8945            const bgColor = columnBackgroundColors[index];
8946            if (bgColor && bgColor !== 'rgba(0, 0, 0, 0)' && bgColor !== 'transparent') {
8947              th.style.setProperty('background-color', bgColor, 'important');
8948            }
8949          }
8950          
8951          headerRow.appendChild(th);
8952        });
8953        
8954        const thead = document.createElement('thead');
8955        thead.appendChild(headerRow);
8956        table.appendChild(thead);
8957        
8958        const tbody = document.createElement('tbody');
8959        
8960        rowHeaders.forEach((rowHeader, rowIndex) => {
8961          const row = document.createElement('tr');
8962          
8963          if (rowHeader.hasAttribute('style')) {
8964            let style = rowHeader.getAttribute('style');
8965            style = style.replace(/border-bottom:[^;]*(;|$)/gi, 'border-bottom: 1px solid #e5e7eb;');
8966            if (!style.includes('border-bottom')) {
8967              style += '; border-bottom: 1px solid #e5e7eb;';
8968            }
8969            row.setAttribute('style', style);
8970          } else {
8971            row.setAttribute('style', 'border-bottom: 1px solid #e5e7eb;');
8972          }
8973          
8974          const th = document.createElement('th');
8975          th.setAttribute('scope', 'row');
8976          
8977          const pTag = rowHeader.querySelector('p');
8978          if (pTag) {
8979            th.textContent = pTag.textContent.trim();
8980            if (pTag.hasAttribute('style')) {
8981              th.setAttribute('style', pTag.getAttribute('style'));
8982            }
8983          } else {
8984            th.textContent = rowHeader.textContent.trim();
8985          }
8986          
8987          row.appendChild(th);
8988          
8989          rowValues.forEach((columnValues, columnIndex) => {
8990            const td = document.createElement('td');
8991            
8992            if (columnValues[rowIndex]) {
8993              const valueCell = columnValues[rowIndex];
8994              
8995              const cellComputedStyle = window.getComputedStyle(valueCell);
8996              const cellBgColor = cellComputedStyle.backgroundColor;
8997              
8998              if (cellBgColor && cellBgColor !== 'rgba(0, 0, 0, 0)' && cellBgColor !== 'transparent') {
8999                td.style.setProperty('background-color', cellBgColor, 'important');
9000              } else if (columnBackgroundColors[columnIndex]) {
9001                td.style.setProperty('background-color', columnBackgroundColors[columnIndex], 'important');
9002              }
9003              
9004              const cellClone = valueCell.cloneNode(true);
9005              
9006              if (cellClone.hasAttribute('style')) {
9007                let style = cellClone.getAttribute('style');
9008                style = style.replace(/border[^;]*(;|$)/gi, '');
9009                cellClone.setAttribute('style', style);
9010              }
9011              
9012              const checkmarkImg = cellClone.querySelector('.yotpo-vip-tier-benefit-icon');
9013              if (checkmarkImg) {
9014                checkmarkImg.setAttribute('alt', 'Included');
9015                checkmarkImg.removeAttribute('aria-labelledby');
9016              }
9017              
9018              const pTag = cellClone.querySelector('p');
9019              if (pTag) {
9020                const afterContent = window.getComputedStyle(valueCell.querySelector('p'), '::after').getPropertyValue('content');
9021                if (afterContent && afterContent !== 'none' && afterContent !== '""' && afterContent !== "''") {
9022                  const cleanContent = afterContent.replace(/^["']|["']$/g, '');
9023                  const afterSpan = document.createElement('span');
9024                  afterSpan.textContent = cleanContent;
9025                  afterSpan.className = 'yotpo-after-content';
9026                  pTag.appendChild(afterSpan);
9027                  
9028                  const checkmarkImg = pTag.querySelector('.yotpo-vip-tier-benefit-icon');
9029                  if (checkmarkImg) {
9030                    checkmarkImg.style.display = 'none';
9031                  }
9032                }
9033              }
9034              
9035              td.appendChild(cellClone);
9036            } else {
9037              if (columnBackgroundColors[columnIndex]) {
9038                td.style.setProperty('background-color', columnBackgroundColors[columnIndex], 'important');
9039              }
9040            }
9041            
9042            row.appendChild(td);
9043          });
9044          
9045          tbody.appendChild(row);
9046        });
9047        
9048        table.appendChild(tbody);
9049        
9050        listContainer.innerHTML = '';
9051        listContainer.appendChild(table);
9052        
9053      } catch (error) {
9054        console.error('Error converting Yotpo VIP tiers:', error);
9055      }
9056    });
9057  };
9058
9059  const convertYotpoVipTiersToAccessibleTable = () => {
9060    const checkAndConvert = () => {
9061      const gridContainers = document.querySelectorAll('.yotpo-vip-tiers-grid-container:not([data-table-converted])');
9062      if (gridContainers.length > 0) {
9063        fixYotpoVipTiersAccessibility();
9064        setTimeout(() => {
9065          const convertedTable = document.querySelector('table.yotpo-vip-tiers-grid-container[data-table-converted]');
9066        }, 100);
9067      }
9068    };
9069    
9070    setTimeout(checkAndConvert, 500);
9071    
9072    const observer = new MutationObserver((mutations) => {
9073      let shouldConvert = false;
9074      
9075      mutations.forEach((mutation) => {
9076        if (mutation.type === 'childList') {
9077          mutation.addedNodes.forEach((node) => {
9078            if (node.nodeType === Node.ELEMENT_NODE) {
9079              if (node.classList?.contains('yotpo-vip-tiers-grid-container') ||
9080                  node.querySelector?.('.yotpo-vip-tiers-grid-container')) {
9081                shouldConvert = true;
9082              }
9083            }
9084          });
9085        }
9086      });
9087      
9088      if (shouldConvert) {
9089        setTimeout(() => {
9090          fixYotpoVipTiersAccessibility();
9091        }, 100);
9092      }
9093    });
9094    
9095    observer.observe(document.body, {
9096      childList: true,
9097      subtree: true
9098    });
9099    
9100    return observer;
9101  };
9102
9103  const fixYotpoRedemptionOptionsCarouselAccessibility = () => {
9104  // Previous button is appearing after the next button in the carousel from yotpo. illogical tab order
9105    const carousels = document.querySelectorAll('.yotpo-redemption-options-carousel:not([data-carousel-fixed])');
9106    
9107    carousels.forEach(carousel => {
9108      try {
9109        const nextButton = carousel.querySelector('.yotpo-carousel-button-next');
9110        const prevButton = carousel.querySelector('.yotpo-carousel-button-prev');
9111        
9112        if (!nextButton || !prevButton) {
9113          return;
9114        }
9115        
9116        const nextButtonIndex = Array.from(carousel.children).indexOf(nextButton);
9117        const prevButtonIndex = Array.from(carousel.children).indexOf(prevButton);
9118        
9119        if (nextButtonIndex < prevButtonIndex) {
9120          carousel.insertBefore(prevButton, nextButton);
9121        }
9122        
9123        carousel.setAttribute('data-carousel-fixed', 'true');
9124      } catch (error) {
9125        console.error('Error fixing Yotpo carousel accessibility:', error);
9126      }
9127    });
9128  };
9129
9130  const initYotpoAccessibility = () => {
9131    const checkAndFix = () => {
9132      const gridContainers = document.querySelectorAll('.yotpo-vip-tiers-grid-container:not([data-table-converted])');
9133      const carousels = document.querySelectorAll('.yotpo-redemption-options-carousel:not([data-carousel-fixed])');
9134      
9135      if (gridContainers.length > 0) {
9136        convertYotpoVipTiersToAccessibleTable();
9137      }
9138      
9139      if (carousels.length > 0) {
9140        fixYotpoRedemptionOptionsCarouselAccessibility();
9141      }
9142    };
9143    
9144    setTimeout(checkAndFix, 500);
9145    
9146    const observer = new MutationObserver((mutations) => {
9147      let shouldFix = false;
9148      
9149      mutations.forEach((mutation) => {
9150        if (mutation.type === 'childList') {
9151          mutation.addedNodes.forEach((node) => {
9152            if (node.nodeType === Node.ELEMENT_NODE) {
9153              if (node.classList?.contains('yotpo-vip-tiers-grid-container') ||
9154                  node.querySelector?.('.yotpo-vip-tiers-grid-container') ||
9155                  node.classList?.contains('yotpo-redemption-options-carousel') ||
9156                  node.querySelector?.('.yotpo-redemption-options-carousel')) {
9157                shouldFix = true;
9158              }
9159            }
9160          });
9161        }
9162      });
9163      
9164      if (shouldFix) {
9165        setTimeout(checkAndFix, 100);
9166      }
9167    });
9168    
9169    observer.observe(document.body, {
9170      childList: true,
9171      subtree: true
9172    });
9173    
9174    return observer;
9175  };
9176 
9177  if (document.readyState === 'loading') {
9178    document.addEventListener('DOMContentLoaded', () => {
9179      initYotpoAccessibility();
9180    });
9181  } else {
9182    initYotpoAccessibility();
9183  }
9184</script>
9184
9185
9186
9187    
9187<script defer src="https://static.shopmy.us/Affiliates/sms_aff_clicktrack.js"></script>
9187
9188    <!-- Rebuy START -->
9189    
9189<script>
9190  window.all_orders_product_ids = [];
9191  window.last_order_product_ids = [];
9192  window.purchased_variants = {};
9193  window.customer_has_purchase_history = false;
9194</script>
9194<!-- GWP Widget Install -->
9195<!-- <div data-rebuy-id="284071"></div> -->
9196
9197<!-- Rebuy extensions -->
9198<script>
9199  const apiAccessToken = "3d9184a6649e60643ea4373f4ef97f56";
9200
9201  const fetchSwatchColors = (product, widget) => {
9202    const seen = new Set();
9203    const swatches = [];
9204
9205    for (const variant of product.variants) {
9206      const swatchId = variant?.metafields?.custom?.swatch_image;
9207      if (!swatchId || seen.has(variant.option1)) continue;
9208      seen.add(variant.option1);
9209      swatches.push({ swatchId, variant });
9210    }
9211
9212    if (!swatches.length) return Promise.resolve();
9213
9214    const fields = swatches.map(({ swatchId }, i) => `
9215      swatch${i}: node(id: "${swatchId}") {
9216        ... on MediaImage {
9217          image { url }
9218        }
9219      }
9220    `).join('\n');
9221
9222    return fetch(`https://${Rebuy.shop.myshopify_domain}/api/2024-10/graphql.json`, {
9223      method: "POST",
9224      body: JSON.stringify({ query: `{ ${fields} }` }),
9225      headers: {
9226        "Content-type": "application/json; charset=UTF-8",
9227        "X-Shopify-Storefront-Access-Token": apiAccessToken
9228      }
9229    })
9230    .then(res => res.json())
9231    .then(data => product.swatch_colors = Object.fromEntries(
9232      swatches.map(({ variant }, i) => [variant.option1, data.data[`swatch${i}`]?.image?.url ?? null])
9233    ))
9234    .catch(err => console.error(`[fetchSwatchColors] Fetch error for "${product.title}":`, err));
9235  };
9236
9237  const fetchHoverImages = (product, widget) => {
9238    const variants = product.variants.filter(v => v?.metafields?.custom?.hover_image);
9239    if (!variants.length) return Promise.resolve();
9240
9241    const fields = variants.map((v, i) => `
9242      hover${i}: node(id: "${v.metafields.custom.hover_image}") {
9243        ... on MediaImage {
9244          image { url }
9245        }
9246      }
9247    `).join('\n');
9248
9249    return fetch(`https://${Rebuy.shop.myshopify_domain}/api/2024-10/graphql.json`, {
9250      method: "POST",
9251      body: JSON.stringify({ query: `{ ${fields} }` }),
9252      headers: {
9253        "Content-type": "application/json; charset=UTF-8",
9254        "X-Shopify-Storefront-Access-Token": apiAccessToken
9255      }
9256    })
9257    .then(res => res.json())
9258    .then(data => {
9259      product.hover_images = Object.fromEntries(
9260        variants.map((v, i) => [v.id, data.data[`hover${i}`]?.image?.url ?? null])
9261      );
9262    })
9263    .catch(err => console.error(`[fetchHoverImages] Fetch error for "${product.title}":`, err));
9264  };
9265
9266  const initSwatchCarousels = (widgetEl) => {
9267    const run = () => {
9268      widgetEl.querySelectorAll('.rebuy-swatch-carousel:not([data-swiper-initialized])').forEach(el => {
9269        el.setAttribute('data-swiper-initialized', 'true');
9270
9271        const swiper = new Swiper(el, {
9272          slidesPerView  : 'auto',
9273          slidesPerGroup : 1,
9274          spaceBetween   : 3,
9275          watchOverflow  : true,
9276          observer       : true,
9277          observeParents : true,
9278          resizeObserver : true,
9279          navigation: {
9280            nextEl       : el.closest('.rebuy-swatch-carousel-wrapper').querySelector('.rebuy-swatch-next'),
9281            prevEl       : el.closest('.rebuy-swatch-carousel-wrapper').querySelector('.rebuy-swatch-prev'),
9282            disabledClass: 'swiper-button-disabled',
9283          },
9284        });
9285
9286        const nextBtn = el.closest('.rebuy-swatch-carousel-wrapper').querySelector('.rebuy-swatch-next');
9287        nextBtn.addEventListener('click', () => {
9288          if (nextBtn.classList.contains('swiper-button-disabled')) swiper.slideTo(0);
9289        });
9290      });
9291    };
9292
9293    if (typeof Swiper !== 'undefined') {
9294      run();
9295      return;
9296    }
9297
9298    const link  = document.createElement('link');
9299    link.rel    = 'stylesheet';
9300    link.href   = 'https://cdn.jsdelivr.net/npm/swiper@12/swiper-bundle.min.css';
9301    document.head.appendChild(link);
9302
9303    const script  = document.createElement('script');
9304    script.src    = 'https://cdn.jsdelivr.net/npm/swiper@12/swiper-bundle.min.js';
9305    script.onload = run;
9306    document.head.appendChild(script);
9307  };
9308</script>
9308
9309
9310<!-- Home Page Carousel Widget template -->
9311
9312<script id="rebuy-widget-277135" type="text/template">
9313  <div
9314    class="rebuy-widget"
9315    v-cloak
9316    v-on:click="stopPropagation($event)"
9317    v-bind:id="'rebuy-widget-' + id"
9318    v-bind:class="['widget-type-' + config.type.replace('_','-'), 'widget-display-' + config.display_type, products.length > 0 ? 'is-visible' : 'is-hidden', 'widget-layout-' + currentLayout()]"
9319  >
9320    <div
9321      class="rebuy-widget-container"
9322      v-cloak
9323      v-bind:class="['widget-display-' + config.display_type, visible ? 'is-visible' : 'is-hidden']"
9324      v-on:click.self="config.display_type == 'popup' && hide()"
9325    >
9326      <div class="rebuy-widget-content">
9327
9328        <div class="rebuy-modal-close" v-on:click="hide()" aria-label="close modal">
9329          <rebuy-icon name="x"></rebuy-icon>
9330        </div>
9331
9332        <div class="rebuy-timer" v-if="hasTimer()">
9333          <p class="rebuy-timer-title" v-if="config.language.timer_title">
9334            <span v-html="config.language.timer_title"></span>
9335            <span class="rebuy-timer-minutes" v-html="config.timer.duration_minutes"></span>:<span class="rebuy-timer-seconds" v-html="config.timer.duration_seconds"></span>
9336          </p>
9337        </div>
9338
9339        <h3 class="super-title" v-if="config.language.super_title != ''" v-html="config.language.super_title"></h3>
9340        <h3 class="primary-title" v-if="config.language.title != ''" v-html="config.language.title"></h3>
9341        <div class="description" v-if="config.language.description != ''" v-html="config.language.description"></div>
9342
9343        <div class="rebuy-product-grid" v-bind:class="layoutClasses" tabindex="0" role="list">
9344          <div
9345            v-for="(product, product_index) in products"
9346            v-bind:class="[
9347              product.handle,
9348              'product-id-' + product.id,
9349              cartHasProduct(product) ? 'cart-has-item' : '',
9350              productTagClasses(product),
9351              hasSplideCarousel ? 'splide__slide' : '',
9352            ]"
9353            aria-label="product"
9354            class="rebuy-product-block"
9355            role="listitem"
9356          >
9357
9358            <div class="rebuy-product-media">
9359              <a
9360                v-if="!(hasProductQuickViewEnabled() && hasQuickViewPhotoTrigger())"
9361                class="rebuy-product-image"
9362                tabindex="-1"
9363                v-bind:href="learnMoreURL(product)"
9364                v-bind:style="imageStyles"
9365                v-on:click="learnMore(product, $event);"
9366                v-bind:class="[hasLearnMore() ? 'clickable' : '']"
9367                rel="nofollow"
9368              >
9369                <img
9370                  class="rebuy-product-img"
9371                  v-if="product?.images[0]?.src"
9372                  v-bind:src="itemImage(product, product.selected_variant, '800x800')"
9373                  v-bind:alt="'View ' + product.title"
9374                >
9375                <img
9376                  class="rebuy-product-hover-img"
9377                  v-if="product.hover_images && product.hover_images[product.selected_variant.id]"
9378                  v-bind:src="product.hover_images[product.selected_variant.id]"
9379                  v-bind:alt="'View ' + product.title"
9380                >
9381              </a>
9382              <button
9383                v-if="hasProductQuickViewEnabled() && hasQuickViewPhotoTrigger()"
9384                class="rebuy-product-image-trigger"
9385                v-bind:style="imageStyles"
9386                v-on:click="openQuickViewVariantModal(product)"
9387                v-bind:aria-label="'Quick view ' + product.title"
9388                type="button"
9389              >
9390                <img
9391                  v-bind:loading="product_index > 1 ? 'lazy' : 'eager'"
9392                  v-bind:src="itemImage(product, product.selected_variant, '400x400')"
9393                  v-bind:alt="itemImageAlt(product, product.selected_variant)"
9394                >
9395              </button>
9396            </div>
9397
9398            <div class="rebuy-product-info">
9399
9400              <div class="rebuy-review-badge-container">
9401                <div class="rebuy-product-review" v-if="hasProductReviews(product)" aria-label="product star rating">
9402                  <span class="rebuy-star-rating">
9403                    <span
9404                      v-if="product.reviews.star_rating"
9405                      class="rebuy-star-rating-value sr-only"
9406                      v-html="product.reviews.star_rating + ' stars out of 5 stars'"
9407                    ></span>
9408                    <span class="rebuy-star-rating-background"></span>
9409                    <span class="rebuy-star-rating-foreground" v-bind:style="{ width: productReviewRatingPercentage(product) }"></span>
9410                  </span>
9411                  <span class="rebuy-review-count" v-html="productReviewCount(product)"></span>
9412                </div>
9413                <div class="rebuy-product-badge">
9414                  <span
9415                    v-if="product.tags && product.tags.split(',').map(t => t.trim()).find(t => t.startsWith('Badge:'))"
9416                    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"
9417                  >
9418                    {{ product.tags.split(',').map(t => t.trim()).find(t => t.startsWith('Badge:')).replace('Badge:', '') }}
9419                  </span>
9420                </div>
9421              </div>
9422
9423              <h5 class="rebuy-product-title" v-bind:class="[hasLearnMore() ? 'clickable' : '']">
9424                <a
9425                  v-bind:href="learnMoreURL(product)"
9426                  class="rebuy-product-title-link"
9427                  v-on:click="learnMore(product, $event);"
9428                  v-html="product.title"
9429                  v-bind:class="[hasLearnMore() ? 'clickable' : '']"
9430                  v-bind:aria-label="'View ' + product.title"
9431                  rel="nofollow"
9432                ></a>
9433              </h5>
9434
9435              <div class="rebuy-product-vendor-container" v-if="showProductVendor(product.vendor)">
9436                <a
9437                  class="rebuy-product-vendor"
9438                  v-bind:class="[hasEnabledProductVendorLink() ? 'clickable' : '']"
9439                  v-html="product.vendor"
9440                  v-bind:href="vendorURL(product.vendor)"
9441                  v-bind:aria-label="'View ' + product.vendor + ' products'"
9442                  rel="nofollow"
9443                ></a>
9444              </div>
9445
9446              <div class="rebuy-variant-title" v-if="showVariantTitle(product)" v-html="product.selected_variant.title"></div>
9447              <div class="rebuy-custom-short-description" v-if="product.metafields?.descriptors?.subtitle" v-html="product.metafields?.descriptors?.subtitle"></div>
9448
9449              <div class="rebuy-product-price">
9450                <div v-if="!product._picked && Math.min(...product.variants.map(v => v.price)) !== Math.max(...product.variants.map(v => v.price))">
9451                  <span class="rebuy-money">
9452                    <span class="sr-only">Price range</span>
9453                    <span tabindex="0">
9454                      {{ formatMoney(Math.min(...product.variants.map(v => v.price)) * 100).replace('.00','') }}
9455                      –
9456                      {{ formatMoney(Math.max(...product.variants.map(v => v.price)) * 100).replace('.00','') }}
9457                    </span>
9458                  </span>
9459                </div>
9460                <div v-else>
9461                  <div v-if="product.selected_variant?.metafields?.custom?.faux_compare_price">
9462                    <div v-if="parseFloat(product.selected_variant.metafields.custom.faux_compare_price) > parseFloat(variantPrice(product, product.selected_variant))">
9463                      <span class="rebuy-money sale">
9464                        <span class="sr-only">Sale price</span>
9465                        <span tabindex="0" v-html="formatMoney(variantPrice(product, product.selected_variant)).replace('.00','')"></span>
9466                      </span>
9467                      <span class="rebuy-money compare-at">
9468                        <span class="sr-only">Original price</span>
9469                        <span v-html="formatMoney(product.selected_variant.metafields.custom.faux_compare_price).replace('.00','')"></span>
9470                      </span>
9471                    </div>
9472                    <div v-else>
9473                      <span class="rebuy-money sale">
9474                        <span class="sr-only">Sale price</span>
9475                        <span tabindex="0" v-html="formatMoney(product.selected_variant.metafields.custom.faux_compare_price).replace('.00','')"></span>
9476                      </span>
9477                      <span class="rebuy-money compare-at">
9478                        <span class="sr-only">Original price</span>
9479                        <span v-html="formatMoney(variantPrice(product, product.selected_variant)).replace('.00','')"></span>
9480                      </span>
9481                    </div>
9482                  </div>
9483                  <div v-else>
9484                    <div v-if="variantOnSale(product, product.selected_variant)">
9485                      <span class="rebuy-money sale">
9486                        <span class="sr-only">Sale price</span>
9487                        <span tabindex="0" v-html="formatMoney(variantPrice(product, product.selected_variant)).replace('.00','')"></span>
9488                      </span>
9489                      <span class="rebuy-money compare-at">
9490                        <span class="sr-only">Original price</span>
9491                        <span v-html="formatMoney(variantCompareAtPrice(product, product.selected_variant)).replace('.00','')"></span>
9492                      </span>
9493                    </div>
9494                    <div v-if="!(variantOnSale(product, product.selected_variant))">
9495                      <span class="rebuy-money">
9496                        <span class="sr-only">Price</span>
9497                        <span tabindex="0" v-html="formatMoney(variantPrice(product, product.selected_variant)).replace('.00','')"></span>
9498                      </span>
9499                    </div>
9500                  </div>
9501                </div>
9502              </div>
9503
9504              <div class="rebuy-product-description" v-if="showProductDescription(product)" v-html="text(product.body_html)"></div>
9505
9506              <div class="rebuy-product-options color-swatches">
9507                <div
9508                  class="rebuy-product-options__button-swatches-container"
9509                  :class="{ 'rebuy-style__hidden-block' : config.view_options.variant_selector === 'select' }"
9510                >
9511                  <div
9512                    v-for="option in product.options"
9513                    :key="'option-' + product.id + '-' + option.name"
9514                    v-if="option.name == 'Color'"
9515                  >
9516                    <div class="rebuy-swatch-carousel-wrapper">
9517                      <div class="rebuy-swatch-carousel swiper-container">
9518                        <div class="swiper-wrapper">
9519                          <div
9520                            v-for="(value, value_index) in filterOOSOptions(option, product)"
9521                            :key="'value-' + product.id + '-' + option.name + '-' + value + '-' + value_index"
9522                            class="swiper-slide rebuy-swatch-slide rebuy-color-swatch"
9523                          >
9524                            <div v-if="displayColorSwatches(option)" class="rebuy-product-options__button-swatch">
9525                              <input
9526                                :name="id + '-color-' + product_index"
9527                                :id="id + '-color-' + product_index + '-' + value + '-' + value_index"
9528                                :checked="hasSwatchOptionSelected(product, value, value_index, 'color')"
9529                                :value="value"
9530                                type="radio"
9531                                class="rebuy-color-input hide"
9532                                v-on:change="product._picked = true; selectVariantByOption(product, option.name, value)"
9533                                :disabled="isDisabledOptionValue(product, option.name, value)"
9534                              />
9535                              <label
9536                                :for="id + '-color-' + product_index + '-' + value + '-' + value_index"
9537                                :style="product.swatch_colors && product.swatch_colors[value]
9538                                  ? 'background-image: url(' + product.swatch_colors[value] + '); background-size: cover; background-position: center;'
9539                                  : getMerchantThemeColorAssetStyle(value)"
9540                                :title="value"
9541                                class="rebuy-color-label"
9542                                :class="{ 'rebuy-product-options__button-swatch-label--disabled' : isDisabledOptionValue(product, option.name, value) }"
9543                              ></label>
9544                            </div>
9545                          </div>
9546                        </div>
9547                      </div>
9548                      <div class="rebuy-swatch-prev swiper-button-prev" role="button" aria-label="Previous swatches">
9549                        <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>
9550                      </div>
9551                      <div class="rebuy-swatch-next swiper-button-next" role="button" aria-label="Next swatches">
9552                        <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.8
955206-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>
9553                      </div>
9554                    </div>
9555                    <div class="rebuy-product-options-color-text">
9556                      <span>{{ option.name }}: {{ product.selected_variant.option1 }}</span>
9557                    </div>
9558                  </div>
9559                </div>
9560              </div>
9561
9562            </div>
9563
9564            <div class="rebuy-product-options" v-if="showVariantSelect(product)">
9565              <select
9566                title="Select product variant"
9567                :id="id + '-' + 'select' + '-' + product_index"
9568                :class="{ hide : config.view_options.variant_selector === 'buttons' }"
9569                class="rebuy-select"
9570                v-bind:aria-label="'variant of ' + product.title"
9571                v-model="product.selected_variant_id"
9572                v-on:change="product._picked = true; selectVariant(product)"
9573              >
9574                <option
9575                  v-for="variant in product.variants"
9576                  class="rebuy-product-options__option"
9577                  :class="{ 'rebuy-product-options__option--oos' : !variantAvailable(variant) }"
9578                  v-bind:value="variant.id"
9579                  :disabled="!variantAvailable(variant)"
9580                  v-html="formatVariantOptionTitle(variant)"
9581                ></option>
9582              </select>
9583
9584              <div
9585                class="rebuy-product-options__button-swatches-container"
9586                :class="{ 'rebuy-style__hidden-block' : config.view_options.variant_selector === 'select' }"
9587              >
9588                <div
9589                  v-for="option in product.options"
9590                  :key="'option-' + product.id + '-' + option.name"
9591                  class="rebuy-product-options__button-swatches rebuy-size-swatches"
9592                  v-if="option.name != 'Color' && filterOOSOptions(option, product).length > 1"
9593                >
9594                  <div
9595                    v-for="(value, value_index) in filterOOSOptions(option, product)"
9596                    :key="'value-' + product.id + '-' + option.name + '-' + value + '-' + value_index"
9597                  >
9598                    <div v-if="!displayColorSwatches(option)" class="rebuy-product-options__button-swatch rebuy-size-swatch">
9599                      <input
9600                        :name="id + '-' + option.name + '-' + product_index"
9601                        :id="id + '-' + option.name + '-' + product_index + '-' + value"
9602                        :checked="hasSwatchOptionSelected(product, value, value_index, option.name)"
9603                        :value="value"
9604                        type="radio"
9605                        class="rebuy-size-input hide"
9606                        v-on:change="product._picked = true; selectVariantByOption(product, option.name, value)"
9607                        :disabled="isDisabledOptionValue(product, option.name, value)"
9608                      />
9609                      <label
9610                        :for="id + '-' + option.name + '-' + product_index + '-' + value"
9611                        class="rebuy-size-label"
9612                        :class="{ 'rebuy-product-options__button-swatch-label--disabled' : isDisabledOptionValue(product, option.name, value) }"
9613                      >
9614                        {{ value }}
9615                      </label>
9616                    </div>
9617                  </div>
9618                </div>
9619              </div>
9620            </div>
9621
9622            <div class="rebuy-product-actions">
9623              <button
9624                v-if="hasProductQuickViewEnabled() && hasQuickViewButtonTrigger()"
9625                class="rebuy-button outline"
9626                v-on:click="openQuickViewVariantModal(product)"
9627                v-bind:aria-label="'Quick view ' + product.title"
9628                type="button"
9629              >
9630                <span v-html="getQuickViewButtonText()"></span>
9631              </button>
9632
9633              <div class="subscription-checkbox" v-if="showSubscriptionOptions(product)">
9634                <label class="rebuy-checkbox-label">
9635                  <input
9636                    class="checkbox-input rebuy-checkbox"
9637                    v-model="product.subscription"
9638                    v-on:change="toggleSubscription(product)"
9639                    type="checkbox"
9640                    :aria-label="upgradeToSubscriptionAriaLabel(product)"
9641                  />
9642                  <span class="checkbox-label" v-html="upgradeToSubscriptionLabel(product)"></span>
9643                </label>
9644              </div>
9645
9646              <div class="subscription-frequency" v-if="showSubscriptionFrequency(product)">
9647                <select
9648                  class="rebuy-select"
9649                  aria-label="subscription frequency"
9650                  v-model="product.subscription_frequency"
9651                  v-on:change="updateSubscriptionFrequency(product)"
9652                >
9653                  <option v-for="frequency in product.subscription_frequencies" v-bind:value="frequency">
9654                    {{ frequencyLabel(frequency, product.subscription_interval) }}
9655                  </option>
9656                </select>
9657              </div>
9658
9659              <div class="product-quantity" v-if="hasQuantityInputEnabled()">
9660                <div class="rebuy-select-wrapper">
9661                  <label class="rebuy-label">Quantity</label>
9662                  <select
9663                    class="rebuy-select"
9664                    aria-label="product quantity"
9665                    v-model="product.quantity"
9666                  >
9667                    <option v-for="n in maxQuantityInputValue()" v-bind:value="n">{{ n }}</option>
9668                  </select>
9669                </div>
9670              </div>
9671
9672              <button
9673                class="rebuy-button"
9674                v-bind:class="{ working: (product.status != 'ready' && product.status != 'selecting') }"
9675                v-bind:disabled="!(variantAvailable(product.selected_variant)) || (product.status != 'ready' && product.status != 'selecting')"
9676                v-bind:aria-label="buttonAriaLabel(product)"
9677                v-on:click="addToCart(product)"
9678                type="button"
9679              >
9680                <span v-html="buttonLabel(product)"></span>
9681              </button>
9682            </div>
9683
9684          </div>
9685        </div>
9686
9687        <div class="rebuy-modal-actions" v-if="showContinueButton()">
9688          <button class="rebuy-button decline" v-on:click="hide()" type="button">
9689            <span v-html="continueLabel()"></span>
9690          </button>
9691        </div>
9692
9693        <div class="powered-by-rebuy">
9694          <a v-bind:href="'https://rebuyengine.com/?shop=' + config.shop.myshopify_domain" target="_blank" rel="noopener">
9695            Powered by Rebuy
9696          </a>
9697        </div>
9698
9699      </div>
9700    </div>
9701  </div>
9702</script>
9702
9703
9704
9705<!-- Product Page Carousel Widget template -->
9706
9707<script id="rebuy-widget-275728" type="text/template">
9708  <div
9709    class="rebuy-widget"
9710    v-cloak
9711    v-on:click="stopPropagation($event)"
9712    v-bind:id="'rebuy-widget-' + id"
9713    v-bind:class="['widget-type-' + config.type.replace('_','-'), 'widget-display-' + config.display_type, products.length > 0 ? 'is-visible' : 'is-hidden', 'widget-layout-' + currentLayout()]"
9714  >
9715    <div
9716      class="rebuy-widget-container"
9717      v-cloak
9718      v-bind:class="['widget-display-' + config.display_type, visible ? 'is-visible' : 'is-hidden']"
9719      v-on:click.self="config.display_type == 'popup' && hide()"
9720    >
9721      <div class="rebuy-widget-content">
9722
9723        <div class="rebuy-modal-close" v-on:click="hide()" aria-label="close modal">
9724          <rebuy-icon name="x"></rebuy-icon>
9725        </div>
9726
9727        <div class="rebuy-timer" v-if="hasTimer()">
9728          <p class="rebuy-timer-title" v-if="config.language.timer_title">
9729            <span v-html="config.language.timer_title"></span>
9730            <span class="rebuy-timer-minutes" v-html="config.timer.duration_minutes"></span>:<span class="rebuy-timer-seconds" v-html="config.timer.duration_seconds"></span>
9731          </p>
9732        </div>
9733
9734        <h3 class="super-title" v-if="config.language.super_title != ''" v-html="config.language.super_title"></h3>
9735        <h3 class="primary-title" v-if="config.language.title != ''" v-html="config.language.title"></h3>
9736        <div class="description" v-if="config.language.description != ''" v-html="config.language.description"></div>
9737
9738        <div class="rebuy-product-grid" v-bind:class="layoutClasses" tabindex="0" role="list">
9739          <div
9740            v-for="(product, product_index) in products"
9741            v-bind:class="[
9742              product.handle,
9743              'product-id-' + product.id,
9744              cartHasProduct(product) ? 'cart-has-item' : '',
9745              productTagClasses(product),
9746              hasSplideCarousel ? 'splide__slide' : '',
9747            ]"
9748            aria-label="product"
9749            class="rebuy-product-block"
9750            role="listitem"
9751          >
9752
9753            <div class="rebuy-product-media">
9754              <a
9755                v-if="!(hasProductQuickViewEnabled() && hasQuickViewPhotoTrigger())"
9756                class="rebuy-product-image"
9757                tabindex="-1"
9758                v-bind:href="learnMoreURL(product)"
9759                v-bind:style="imageStyles"
9760                v-on:click="learnMore(product, $event);"
9761                v-bind:class="[hasLearnMore() ? 'clickable' : '']"
9762                rel="nofollow"
9763              >
9764                <img
9765                  class="rebuy-product-img"
9766                  v-if="product?.images[0]?.src"
9767                  v-bind:src="itemImage(product, product.selected_variant, '800x800')"
9768                  v-bind:alt="'View ' + product.title"
9769                >
9770                <img
9771                  class="rebuy-product-hover-img"
9772                  v-if="product.hover_images && product.hover_images[product.selected_variant.id]"
9773                  v-bind:src="product.hover_images[product.selected_variant.id]"
9774                  v-bind:alt="'View ' + product.title"
9775                >
9776              </a>
9777              <button
9778                v-if="hasProductQuickViewEnabled() && hasQuickViewPhotoTrigger()"
9779                class="rebuy-product-image-trigger"
9780                v-bind:style="imageStyles"
9781                v-on:click="openQuickViewVariantModal(product)"
9782                v-bind:aria-label="'Quick view ' + product.title"
9783                type="button"
9784              >
9785                <img
9786                  v-bind:loading="product_index > 1 ? 'lazy' : 'eager'"
9787                  v-bind:src="itemImage(product, product.selected_variant, '400x400')"
9788                  v-bind:alt="itemImageAlt(product, product.selected_variant)"
9789                >
9790              </button>
9791            </div>
9792
9793            <div class="rebuy-product-info">
9794
9795              <div class="rebuy-review-badge-container">
9796                <div class="rebuy-product-review" v-if="hasProductReviews(product)" aria-label="product star rating">
9797                  <span class="rebuy-star-rating">
9798                    <span
9799                      v-if="product.reviews.star_rating"
9800                      class="rebuy-star-rating-value sr-only"
9801                      v-html="product.reviews.star_rating + ' stars out of 5 stars'"
9802                    ></span>
9803                    <span class="rebuy-star-rating-background"></span>
9804                    <span class="rebuy-star-rating-foreground" v-bind:style="{ width: productReviewRatingPercentage(product) }"></span>
9805                  </span>
9806                  <span class="rebuy-review-count" v-html="productReviewCount(product)"></span>
9807                </div>
9808                <div class="rebuy-product-badge">
9809                  <span
9810                    v-if="product.tags && product.tags.split(',').map(t => t.trim()).find(t => t.startsWith('Badge:'))"
9811                    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"
9812                  >
9813                    {{ product.tags.split(',').map(t => t.trim()).find(t => t.startsWith('Badge:')).replace('Badge:', '') }}
9814                  </span>
9815                </div>
9816              </div>
9817
9818              <h5 class="rebuy-product-title" v-bind:class="[hasLearnMore() ? 'clickable' : '']">
9819                <a
9820                  v-bind:href="learnMoreURL(product)"
9821                  class="rebuy-product-title-link"
9822                  v-on:click="learnMore(product, $event);"
9823                  v-html="product.title"
9824                  v-bind:class="[hasLearnMore() ? 'clickable' : '']"
9825                  v-bind:aria-label="'View ' + product.title"
9826                  rel="nofollow"
9827                ></a>
9828              </h5>
9829
9830              <div class="rebuy-product-vendor-container" v-if="showProductVendor(product.vendor)">
9831                <a
9832                  class="rebuy-product-vendor"
9833                  v-bind:class="[hasEnabledProductVendorLink() ? 'clickable' : '']"
9834                  v-html="product.vendor"
9835                  v-bind:href="vendorURL(product.vendor)"
9836                  v-bind:aria-label="'View ' + product.vendor + ' products'"
9837                  rel="nofollow"
9838                ></a>
9839              </div>
9840
9841              <div class="rebuy-variant-title" v-if="showVariantTitle(product)" v-html="product.selected_variant.title"></div>
9842              <div class="rebuy-custom-short-description" v-if="product.metafields?.descriptors?.subtitle" v-html="product.metafields?.descriptors?.subtitle"></div>
9843
9844              <div class="rebuy-product-price">
9845                <div v-if="!product._picked && Math.min(...product.variants.map(v => v.price)) !== Math.max(...product.variants.map(v => v.price))">
9846                  <span class="rebuy-money">
9847                    <span class="sr-only">Price range</span>
9848                    <span tabindex="0">
9849                      {{ formatMoney(Math.min(...product.variants.map(v => v.price)) * 100).replace('.00','') }}
9850                      –
9851                      {{ formatMoney(Math.max(...product.variants.map(v => v.price)) * 100).replace('.00','') }}
9852                    </span>
9853                  </span>
9854                </div>
9855                <div v-else>
9856                  <div v-if="product.selected_variant?.metafields?.custom?.faux_compare_price">
9857                    <div v-if="parseFloat(product.selected_variant.metafields.custom.faux_compare_price) > parseFloat(variantPrice(product, product.selected_variant))">
9858                      <span class="rebuy-money sale">
9859                        <span class="sr-only">Sale price</span>
9860                        <span tabindex="0" v-html="formatMoney(variantPrice(product, product.selected_variant)).replace('.00','')"></span>
9861                      </span>
9862                      <span class="rebuy-money compare-at">
9863                        <span class="sr-only">Original price</span>
9864                        <span v-html="formatMoney(product.selected_variant.metafields.custom.faux_compare_price).replace('.00','')"></span>
9865                      </span>
9866                    </div>
9867                    <div v-else>
9868                      <span class="rebuy-money sale">
9869                        <span class="sr-only">Sale price</span>
9870                        <span tabindex="0" v-html="formatMoney(product.selected_variant.metafields.custom.faux_compare_price).replace('.00','')"></span>
9871                      </span>
9872                      <span class="rebuy-money compare-at">
9873                        <span class="sr-only">Original price</span>
9874                        <span v-html="formatMoney(variantPrice(product, product.selected_variant)).replace('.00','')"></span>
9875                      </span>
9876                    </div>
9877                  </div>
9878                  <div v-else>
9879                    <div v-if="variantOnSale(product, product.selected_variant)">
9880                      <span class="rebuy-money sale">
9881                        <span class="sr-only">Sale price</span>
9882                        <span tabindex="0" v-html="formatMoney(variantPrice(product, product.selected_variant)).replace('.00','')"></span>
9883                      </span>
9884                      <span class="rebuy-money compare-at">
9885                        <span class="sr-only">Original price</span>
9886                        <span v-html="formatMoney(variantCompareAtPrice(product, product.selected_variant)).replace('.00','')"></span>
9887                      </span>
9888                    </div>
9889                    <div v-if="!(variantOnSale(product, product.selected_variant))">
9890                      <span class="rebuy-money">
9891                        <span class="sr-only">Price</span>
9892                        <span tabindex="0" v-html="formatMoney(variantPrice(product, product.selected_variant)).replace('.00','')"></span>
9893                      </span>
9894                    </div>
9895                  </div>
9896                </div>
9897              </div>
9898
9899              <div class="rebuy-product-description" v-if="showProductDescription(product)" v-html="text(product.body_html)"></div>
9900
9901              <div class="rebuy-product-options color-swatches">
9902                <div
9903                  class="rebuy-product-options__button-swatches-container"
9904                  :class="{ 'rebuy-style__hidden-block' : config.view_options.variant_selector === 'select' }"
9905                >
9906                  <div
9907                    v-for="option in product.options"
9908                    :key="'option-' + product.id + '-' + option.name"
9909                    v-if="option.name == 'Color'"
9910                  >
9911                    <div class="rebuy-swatch-carousel-wrapper">
9912                      <div class="rebuy-swatch-carousel swiper-container">
9913                        <div class="swiper-wrapper">
9914                          <div
9915                            v-for="(value, value_index) in filterOOSOptions(option, product)"
9916                            :key="'value-' + product.id + '-' + option.name + '-' + value + '-' + value_index"
9917                            class="swiper-slide rebuy-swatch-slide rebuy-color-swatch"
9918                          >
9919                            <div v-if="displayColorSwatches(option)" class="rebuy-product-options__button-swatch">
9920                              <input
9921                                :name="id + '-color-' + product_index"
9922                                :id="id + '-color-' + product_index + '-' + value + '-' + value_index"
9923                                :checked="hasSwatchOptionSelected(product, value, value_index, 'color')"
9924                                :value="value"
9925                                type="radio"
9926                                class="rebuy-color-input hide"
9927                                v-on:change="product._picked = true; selectVariantByOption(product, option.name, value)"
9928                                :disabled="isDisabledOptionValue(product, option.name, value)"
9929                              />
9930                              <label
9931                                :for="id + '-color-' + product_index + '-' + value + '-' + value_index"
9932                                :style="product.swatch_colors && product.swatch_colors[value]
9933                                  ? 'background-image: url(' + product.swatch_colors[value] + '); background-size: cover; background-position: center;'
9934                                  : getMerchantThemeColorAssetStyle(value)"
9935                                :title="value"
9936                                class="rebuy-color-label"
9937                                :class="{ 'rebuy-product-options__button-swatch-label--disabled' : isDisabledOptionValue(product, option.name, value) }"
9938                              ></label>
9939                            </div>
9940                          </div>
9941                        </div>
9942                      </div>
9943                      <div class="rebuy-swatch-prev swiper-button-prev" role="button" aria-label="Previous swatches">
9944                        <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>
9945                      </div>
9946                      <div class="rebuy-swatch-next swiper-button-next" role="button" aria-label="Next swatches">
9947                        <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.8
994706-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>
9948                      </div>
9949                    </div>
9950                    <div class="rebuy-product-options-color-text">
9951                      <span>{{ option.name }}: {{ product.selected_variant.option1 }}</span>
9952                    </div>
9953                  </div>
9954                </div>
9955              </div>
9956
9957            </div>
9958
9959            <div class="rebuy-product-options" v-if="showVariantSelect(product)">
9960              <select
9961                title="Select product variant"
9962                :id="id + '-' + 'select' + '-' + product_index"
9963                :class="{ hide : config.view_options.variant_selector === 'buttons' }"
9964                class="rebuy-select"
9965                v-bind:aria-label="'variant of ' + product.title"
9966                v-model="product.selected_variant_id"
9967                v-on:change="product._picked = true; selectVariant(product)"
9968              >
9969                <option
9970                  v-for="variant in product.variants"
9971                  class="rebuy-product-options__option"
9972                  :class="{ 'rebuy-product-options__option--oos' : !variantAvailable(variant) }"
9973                  v-bind:value="variant.id"
9974                  :disabled="!variantAvailable(variant)"
9975                  v-html="formatVariantOptionTitle(variant)"
9976                ></option>
9977              </select>
9978
9979              <div
9980                class="rebuy-product-options__button-swatches-container"
9981                :class="{ 'rebuy-style__hidden-block' : config.view_options.variant_selector === 'select' }"
9982              >
9983                <div
9984                  v-for="option in product.options"
9985                  :key="'option-' + product.id + '-' + option.name"
9986                  class="rebuy-product-options__button-swatches rebuy-size-swatches"
9987                  v-if="option.name != 'Color' && filterOOSOptions(option, product).length > 1"
9988                >
9989                  <div
9990                    v-for="(value, value_index) in filterOOSOptions(option, product)"
9991                    :key="'value-' + product.id + '-' + option.name + '-' + value + '-' + value_index"
9992                  >
9993                    <div v-if="!displayColorSwatches(option)" class="rebuy-product-options__button-swatch rebuy-size-swatch">
9994                      <input
9995                        :name="id + '-' + option.name + '-' + product_index"
9996                        :id="id + '-' + option.name + '-' + product_index + '-' + value"
9997                        :checked="hasSwatchOptionSelected(product, value, value_index, option.name)"
9998                        :value="value"
9999                        type="radio"
10000                        class="rebuy-size-input hide"
10001                        v-on:change="product._picked = true; selectVariantByOption(product, option.name, value)"
10002                        :disabled="isDisabledOptionValue(product, option.name, value)"
10003                      />
10004                      <label
10005                        :for="id + '-' + option.name + '-' + product_index + '-' + value"
10006                        class="rebuy-size-label"
10007                        :class="{ 'rebuy-product-options__button-swatch-label--disabled' : isDisabledOptionValue(product, option.name, value) }"
10008                      >
10009                        {{ value }}
10010                      </label>
10011                    </div>
10012                  </div>
10013                </div>
10014              </div>
10015            </div>
10016
10017            <div class="rebuy-product-actions">
10018              <button
10019                v-if="hasProductQuickViewEnabled() && hasQuickViewButtonTrigger()"
10020                class="rebuy-button outline"
10021                v-on:click="openQuickViewVariantModal(product)"
10022                v-bind:aria-label="'Quick view ' + product.title"
10023                type="button"
10024              >
10025                <span v-html="getQuickViewButtonText()"></span>
10026              </button>
10027
10028              <div class="subscription-checkbox" v-if="showSubscriptionOptions(product)">
10029                <label class="rebuy-checkbox-label">
10030                  <input
10031                    class="checkbox-input rebuy-checkbox"
10032                    v-model="product.subscription"
10033                    v-on:change="toggleSubscription(product)"
10034                    type="checkbox"
10035                    :aria-label="upgradeToSubscriptionAriaLabel(product)"
10036                  />
10037                  <span class="checkbox-label" v-html="upgradeToSubscriptionLabel(product)"></span>
10038                </label>
10039              </div>
10040
10041              <div class="subscription-frequency" v-if="showSubscriptionFrequency(product)">
10042                <select
10043                  class="rebuy-select"
10044                  aria-label="subscription frequency"
10045                  v-model="product.subscription_frequency"
10046                  v-on:change="updateSubscriptionFrequency(product)"
10047                >
10048                  <option v-for="frequency in product.subscription_frequencies" v-bind:value="frequency">
10049                    {{ frequencyLabel(frequency, product.subscription_interval) }}
10050                  </option>
10051                </select>
10052              </div>
10053
10054              <div class="product-quantity" v-if="hasQuantityInputEnabled()">
10055                <div class="rebuy-select-wrapper">
10056                  <label class="rebuy-label">Quantity</label>
10057                  <select
10058                    class="rebuy-select"
10059                    aria-label="product quantity"
10060                    v-model="product.quantity"
10061                  >
10062                    <option v-for="n in maxQuantityInputValue()" v-bind:value="n">{{ n }}</option>
10063                  </select>
10064                </div>
10065              </div>
10066
10067              <button
10068                class="rebuy-button"
10069                v-bind:class="{ working: (product.status != 'ready' && product.status != 'selecting') }"
10070                v-bind:disabled="!(variantAvailable(product.selected_variant)) || (product.status != 'ready' && product.status != 'selecting')"
10071                v-bind:aria-label="buttonAriaLabel(product)"
10072                v-on:click="addToCart(product)"
10073                type="button"
10074              >
10075                <span v-html="buttonLabel(product)"></span>
10076              </button>
10077            </div>
10078
10079          </div>
10080        </div>
10081
10082        <div class="rebuy-modal-actions" v-if="showContinueButton()">
10083          <button class="rebuy-button decline" v-on:click="hide()" type="button">
10084            <span v-html="continueLabel()"></span>
10085          </button>
10086        </div>
10087
10088        <div class="powered-by-rebuy">
10089          <a v-bind:href="'https://rebuyengine.com/?shop=' + config.shop.myshopify_domain" target="_blank" rel="noopener">
10090            Powered by Rebuy
10091          </a>
10092        </div>
10093
10094      </div>
10095    </div>
10096  </div>
10097</script>
10097
10098
10099
10100<!-- Home Page "Buy It Again / Our Picks For You" Widget template --><style>
10101    #rebuy-widget-280419 .primary-title--buyagain { display: none !important; }
10102  </style>
10103<script id="rebuy-widget-280419" type="text/template">
10104  <div
10105    class="rebuy-widget"
10106    v-cloak
10107    v-on:click="stopPropagation($event)"
10108    v-bind:id="'rebuy-widget-' + id"
10109    v-bind:class="['widget-type-' + config.type.replace('_','-'), 'widget-display-' + config.display_type, products.length > 0 ? 'is-visible' : 'is-hidden', 'widget-layout-' + currentLayout()]"
10110  >
10111    <div
10112      class="rebuy-widget-container"
10113      v-cloak
10114      v-bind:class="['widget-display-' + config.display_type, visible ? 'is-visible' : 'is-hidden']"
10115      v-on:click.self="config.display_type == 'popup' && hide()"
10116    >
10117      <div class="rebuy-widget-content">
10118
10119        <div class="rebuy-modal-close" v-on:click="hide()" aria-label="close modal">
10120          <rebuy-icon name="x"></rebuy-icon>
10121        </div>
10122
10123        <div class="rebuy-timer" v-if="hasTimer()">
10124          <p class="rebuy-timer-title" v-if="config.language.timer_title">
10125            <span v-html="config.language.timer_title"></span>
10126            <span class="rebuy-timer-minutes" v-html="config.timer.duration_minutes"></span>:<span class="rebuy-timer-seconds" v-html="config.timer.duration_seconds"></span>
10127          </p>
10128        </div>
10129
10130        <h3 class="super-title" v-if="config.language.super_title != ''" v-html="config.language.super_title"></h3>
10131        <h3 class="primary-title primary-title--buyagain">BUY IT AGAIN</h3>
10132        <h3 class="primary-title primary-title--default" v-if="config.language.title != ''" v-html="config.language.title"></h3>
10133        <div class="description" v-if="config.language.description != ''" v-html="config.language.description"></div>
10134
10135        <div class="rebuy-product-grid" v-bind:class="layoutClasses" tabindex="0" role="list">
10136          <div
10137            v-for="(product, product_index) in products"
10138            v-bind:class="[
10139              product.handle,
10140              'product-id-' + product.id,
10141              cartHasProduct(product) ? 'cart-has-item' : '',
10142              productTagClasses(product),
10143              hasSplideCarousel ? 'splide__slide' : '',
10144            ]"
10145            aria-label="product"
10146            class="rebuy-product-block"
10147            role="listitem"
10148          >
10149
10150            <div class="rebuy-product-media">
10151              <a
10152                v-if="!(hasProductQuickViewEnabled() && hasQuickViewPhotoTrigger())"
10153                class="rebuy-product-image"
10154                tabindex="-1"
10155                v-bind:href="learnMoreURL(product)"
10156                v-bind:style="imageStyles"
10157                v-on:click="learnMore(product, $event);"
10158                v-bind:class="[hasLearnMore() ? 'clickable' : '']"
10159                rel="nofollow"
10160              >
10161                <img
10162                  class="rebuy-product-img"
10163                  v-if="product?.images[0]?.src"
10164                  v-bind:src="itemImage(product, product.selected_variant, '800x800')"
10165                  v-bind:alt="'View ' + product.title"
10166                >
10167                <img
10168                  class="rebuy-product-hover-img"
10169                  v-if="product.hover_images && product.hover_images[product.selected_variant.id]"
10170                  v-bind:src="product.hover_images[product.selected_variant.id]"
10171                  v-bind:alt="'View ' + product.title"
10172                >
10173              </a>
10174              <button
10175                v-if="hasProductQuickViewEnabled() && hasQuickViewPhotoTrigger()"
10176                class="rebuy-product-image-trigger"
10177                v-bind:style="imageStyles"
10178                v-on:click="openQuickViewVariantModal(product)"
10179                v-bind:aria-label="'Quick view ' + product.title"
10180                type="button"
10181              >
10182                <img
10183                  v-bind:loading="product_index > 1 ? 'lazy' : 'eager'"
10184                  v-bind:src="itemImage(product, product.selected_variant, '400x400')"
10185                  v-bind:alt="itemImageAlt(product, product.selected_variant)"
10186                >
10187              </button>
10188            </div>
10189
10190            <div class="rebuy-product-info">
10191
10192              <div class="rebuy-review-badge-container">
10193                <div class="rebuy-product-review" v-if="hasProductReviews(product)" aria-label="product star rating">
10194                  <span class="rebuy-star-rating">
10195                    <span
10196                      v-if="product.reviews.star_rating"
10197                      class="rebuy-star-rating-value sr-only"
10198                      v-html="product.reviews.star_rating + ' stars out of 5 stars'"
10199                    ></span>
10200                    <span class="rebuy-star-rating-background"></span>
10201                    <span class="rebuy-star-rating-foreground" v-bind:style="{ width: productReviewRatingPercentage(product) }"></span>
10202                  </span>
10203                  <span class="rebuy-review-count" v-html="productReviewCount(product)"></span>
10204                </div>
10205                <div class="rebuy-product-badge">
10206                  <span
10207                    v-if="product.tags && product.tags.split(',').map(t => t.trim()).find(t => t.startsWith('Badge:'))"
10208                    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"
10209                  >
10210                    {{ product.tags.split(',').map(t => t.trim()).find(t => t.startsWith('Badge:')).replace('Badge:', '') }}
10211                  </span>
10212                </div>
10213              </div>
10214
10215              <h5 class="rebuy-product-title" v-bind:class="[hasLearnMore() ? 'clickable' : '']">
10216                <a
10217                  v-bind:href="learnMoreURL(product)"
10218                  class="rebuy-product-title-link"
10219                  v-on:click="learnMore(product, $event);"
10220                  v-html="product.title"
10221                  v-bind:class="[hasLearnMore() ? 'clickable' : '']"
10222                  v-bind:aria-label="'View ' + product.title"
10223                  rel="nofollow"
10224                ></a>
10225              </h5>
10226
10227              <div class="rebuy-product-vendor-container" v-if="showProductVendor(product.vendor)">
10228                <a
10229                  class="rebuy-product-vendor"
10230                  v-bind:class="[hasEnabledProductVendorLink() ? 'clickable' : '']"
10231                  v-html="product.vendor"
10232                  v-bind:href="vendorURL(product.vendor)"
10233                  v-bind:aria-label="'View ' + product.vendor + ' products'"
10234                  rel="nofollow"
10235                ></a>
10236              </div>
10237
10238              <div class="rebuy-variant-title" v-if="showVariantTitle(product)" v-html="product.selected_variant.title"></div>
10239              <div class="rebuy-custom-short-description" v-if="product.metafields?.descriptors?.subtitle" v-html="product.metafields?.descriptors?.subtitle"></div>
10240
10241              <div class="rebuy-product-price">
10242                <div v-if="!product._picked && Math.min(...product.variants.map(v => v.price)) !== Math.max(...product.variants.map(v => v.price))">
10243                  <span class="rebuy-money">
10244                    <span class="sr-only">Price range</span>
10245                    <span tabindex="0">
10246                      {{ formatMoney(Math.min(...product.variants.map(v => v.price)) * 100).replace('.00','') }}
10247                      –
10248                      {{ formatMoney(Math.max(...product.variants.map(v => v.price)) * 100).replace('.00','') }}
10249                    </span>
10250                  </span>
10251                </div>
10252                <div v-else>
10253                  <div v-if="product.selected_variant?.metafields?.custom?.faux_compare_price">
10254                    <div v-if="parseFloat(product.selected_variant.metafields.custom.faux_compare_price) > parseFloat(variantPrice(product, product.selected_variant))">
10255                      <span class="rebuy-money sale">
10256                        <span class="sr-only">Sale price</span>
10257                        <span tabindex="0" v-html="formatMoney(variantPrice(product, product.selected_variant)).replace('.00','')"></span>
10258                      </span>
10259                      <span class="rebuy-money compare-at">
10260                        <span class="sr-only">Original price</span>
10261                        <span v-html="formatMoney(product.selected_variant.metafields.custom.faux_compare_price).replace('.00','')"></span>
10262                      </span>
10263                    </div>
10264                    <div v-else>
10265                      <span class="rebuy-money sale">
10266                        <span class="sr-only">Sale price</span>
10267                        <span tabindex="0" v-html="formatMoney(product.selected_variant.metafields.custom.faux_compare_price).replace('.00','')"></span>
10268                      </span>
10269                      <span class="rebuy-money compare-at">
10270                        <span class="sr-only">Original price</span>
10271                        <span v-html="formatMoney(variantPrice(product, product.selected_variant)).replace('.00','')"></span>
10272                      </span>
10273                    </div>
10274                  </div>
10275                  <div v-else>
10276                    <div v-if="variantOnSale(product, product.selected_variant)">
10277                      <span class="rebuy-money sale">
10278                        <span class="sr-only">Sale price</span>
10279                        <span tabindex="0" v-html="formatMoney(variantPrice(product, product.selected_variant)).replace('.00','')"></span>
10280                      </span>
10281                      <span class="rebuy-money compare-at">
10282                        <span class="sr-only">Original price</span>
10283                        <span v-html="formatMoney(variantCompareAtPrice(product, product.selected_variant)).replace('.00','')"></span>
10284                      </span>
10285                    </div>
10286                    <div v-if="!(variantOnSale(product, product.selected_variant))">
10287                      <span class="rebuy-money">
10288                        <span class="sr-only">Price</span>
10289                        <span tabindex="0" v-html="formatMoney(variantPrice(product, product.selected_variant)).replace('.00','')"></span>
10290                      </span>
10291                    </div>
10292                  </div>
10293                </div>
10294              </div>
10295
10296              <div class="rebuy-product-description" v-if="showProductDescription(product)" v-html="text(product.body_html)"></div>
10297
10298              <div class="rebuy-product-options color-swatches">
10299                <div
10300                  class="rebuy-product-options__button-swatches-container"
10301                  :class="{ 'rebuy-style__hidden-block' : config.view_options.variant_selector === 'select' }"
10302                >
10303                  <div
10304                    v-for="option in product.options"
10305                    :key="'option-' + product.id + '-' + option.name"
10306                    v-if="option.name == 'Color'"
10307                  >
10308                    <div class="rebuy-swatch-carousel-wrapper">
10309                      <div class="rebuy-swatch-carousel swiper-container">
10310                        <div class="swiper-wrapper">
10311                          <div
10312                            v-for="(value, value_index) in filterOOSOptions(option, product)"
10313                            :key="'value-' + product.id + '-' + option.name + '-' + value + '-' + value_index"
10314                            class="swiper-slide rebuy-swatch-slide rebuy-color-swatch"
10315                          >
10316                            <div v-if="displayColorSwatches(option)" class="rebuy-product-options__button-swatch">
10317                              <input
10318                                :name="id + '-color-' + product_index"
10319                                :id="id + '-color-' + product_index + '-' + value + '-' + value_index"
10320                                :checked="hasSwatchOptionSelected(product, value, value_index, 'color')"
10321                                :value="value"
10322                                type="radio"
10323                                class="rebuy-color-input hide"
10324                                v-on:change="product._picked = true; selectVariantByOption(product, option.name, value)"
10325                                :disabled="isDisabledOptionValue(product, option.name, value)"
10326                              />
10327                              <label
10328                                :for="id + '-color-' + product_index + '-' + value + '-' + value_index"
10329                                :style="product.swatch_colors && product.swatch_colors[value]
10330                                  ? 'background-image: url(' + product.swatch_colors[value] + '); background-size: cover; background-position: center;'
10331                                  : getMerchantThemeColorAssetStyle(value)"
10332                                :title="value"
10333                                class="rebuy-color-label"
10334                                :class="{ 'rebuy-product-options__button-swatch-label--disabled' : isDisabledOptionValue(product, option.name, value) }"
10335                              ></label>
10336                            </div>
10337                          </div>
10338                        </div>
10339                      </div>
10340                      <div class="rebuy-swatch-prev swiper-button-prev" role="button" aria-label="Previous swatches">
10341                        <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>
10342                      </div>
10343                      <div class="rebuy-swatch-next swiper-button-next" role="button" aria-label="Next swatches">
10344                        <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.8
1034406-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>
10345                      </div>
10346                    </div>
10347                    <div class="rebuy-product-options-color-text">
10348                      <span>{{ option.name }}: {{ product.selected_variant.option1 }}</span>
10349                    </div>
10350                  </div>
10351                </div>
10352              </div>
10353
10354            </div>
10355
10356            <div class="rebuy-product-options" v-if="showVariantSelect(product)">
10357              <select
10358                title="Select product variant"
10359                :id="id + '-' + 'select' + '-' + product_index"
10360                :class="{ hide : config.view_options.variant_selector === 'buttons' }"
10361                class="rebuy-select"
10362                v-bind:aria-label="'variant of ' + product.title"
10363                v-model="product.selected_variant_id"
10364                v-on:change="product._picked = true; selectVariant(product)"
10365              >
10366                <option
10367                  v-for="variant in product.variants"
10368                  class="rebuy-product-options__option"
10369                  :class="{ 'rebuy-product-options__option--oos' : !variantAvailable(variant) }"
10370                  v-bind:value="variant.id"
10371                  :disabled="!variantAvailable(variant)"
10372                  v-html="formatVariantOptionTitle(variant)"
10373                ></option>
10374              </select>
10375
10376              <div
10377                class="rebuy-product-options__button-swatches-container"
10378                :class="{ 'rebuy-style__hidden-block' : config.view_options.variant_selector === 'select' }"
10379              >
10380                <div
10381                  v-for="option in product.options"
10382                  :key="'option-' + product.id + '-' + option.name"
10383                  class="rebuy-product-options__button-swatches rebuy-size-swatches"
10384                  v-if="option.name != 'Color' && filterOOSOptions(option, product).length > 1"
10385                >
10386                  <div
10387                    v-for="(value, value_index) in filterOOSOptions(option, product)"
10388                    :key="'value-' + product.id + '-' + option.name + '-' + value + '-' + value_index"
10389                  >
10390                    <div v-if="!displayColorSwatches(option)" class="rebuy-product-options__button-swatch rebuy-size-swatch">
10391                      <input
10392                        :name="id + '-' + option.name + '-' + product_index"
10393                        :id="id + '-' + option.name + '-' + product_index + '-' + value"
10394                        :checked="hasSwatchOptionSelected(product, value, value_index, option.name)"
10395                        :value="value"
10396                        type="radio"
10397                        class="rebuy-size-input hide"
10398                        v-on:change="product._picked = true; selectVariantByOption(product, option.name, value)"
10399                        :disabled="isDisabledOptionValue(product, option.name, value)"
10400                      />
10401                      <label
10402                        :for="id + '-' + option.name + '-' + product_index + '-' + value"
10403                        class="rebuy-size-label"
10404                        :class="{ 'rebuy-product-options__button-swatch-label--disabled' : isDisabledOptionValue(product, option.name, value) }"
10405                      >
10406                        {{ value }}
10407                      </label>
10408                    </div>
10409                  </div>
10410                </div>
10411              </div>
10412            </div>
10413
10414            <div class="rebuy-product-actions">
10415              <button
10416                v-if="hasProductQuickViewEnabled() && hasQuickViewButtonTrigger()"
10417                class="rebuy-button outline"
10418                v-on:click="openQuickViewVariantModal(product)"
10419                v-bind:aria-label="'Quick view ' + product.title"
10420                type="button"
10421              >
10422                <span v-html="getQuickViewButtonText()"></span>
10423              </button>
10424
10425              <div class="subscription-checkbox" v-if="showSubscriptionOptions(product)">
10426                <label class="rebuy-checkbox-label">
10427                  <input
10428                    class="checkbox-input rebuy-checkbox"
10429                    v-model="product.subscription"
10430                    v-on:change="toggleSubscription(product)"
10431                    type="checkbox"
10432                    :aria-label="upgradeToSubscriptionAriaLabel(product)"
10433                  />
10434                  <span class="checkbox-label" v-html="upgradeToSubscriptionLabel(product)"></span>
10435                </label>
10436              </div>
10437
10438              <div class="subscription-frequency" v-if="showSubscriptionFrequency(product)">
10439                <select
10440                  class="rebuy-select"
10441                  aria-label="subscription frequency"
10442                  v-model="product.subscription_frequency"
10443                  v-on:change="updateSubscriptionFrequency(product)"
10444                >
10445                  <option v-for="frequency in product.subscription_frequencies" v-bind:value="frequency">
10446                    {{ frequencyLabel(frequency, product.subscription_interval) }}
10447                  </option>
10448                </select>
10449              </div>
10450
10451              <div class="product-quantity" v-if="hasQuantityInputEnabled()">
10452                <div class="rebuy-select-wrapper">
10453                  <label class="rebuy-label">Quantity</label>
10454                  <select
10455                    class="rebuy-select"
10456                    aria-label="product quantity"
10457                    v-model="product.quantity"
10458                  >
10459                    <option v-for="n in maxQuantityInputValue()" v-bind:value="n">{{ n }}</option>
10460                  </select>
10461                </div>
10462              </div>
10463
10464              <button
10465                class="rebuy-button"
10466                v-bind:class="{ working: (product.status != 'ready' && product.status != 'selecting') }"
10467                v-bind:disabled="!(variantAvailable(product.selected_variant)) || (product.status != 'ready' && product.status != 'selecting')"
10468                v-bind:aria-label="buttonAriaLabel(product)"
10469                v-on:click="addToCart(product)"
10470                type="button"
10471              >
10472                <span v-html="buttonLabel(product)"></span>
10473              </button>
10474            </div>
10475
10476          </div>
10477        </div>
10478
10479        <div class="rebuy-modal-actions" v-if="showContinueButton()">
10480          <button class="rebuy-button decline" v-on:click="hide()" type="button">
10481            <span v-html="continueLabel()"></span>
10482          </button>
10483        </div>
10484
10485        <div class="powered-by-rebuy">
10486          <a v-bind:href="'https://rebuyengine.com/?shop=' + config.shop.myshopify_domain" target="_blank" rel="noopener">
10487            Powered by Rebuy
10488          </a>
10489        </div>
10490
10491      </div>
10492    </div>
10493  </div>
10494</script>
10494
10495
10496
10497<!-- Home Page "Buy It Again v2" Widget template -->
10498
10499<script id="rebuy-widget-280686" type="text/template">
10500  <div
10501    class="rebuy-widget"
10502    v-cloak
10503    v-on:click="stopPropagation($event)"
10504    v-bind:id="'rebuy-widget-' + id"
10505    v-bind:class="['widget-type-' + config.type.replace('_','-'), 'widget-display-' + config.display_type, products.length > 0 ? 'is-visible' : 'is-hidden', 'widget-layout-' + currentLayout()]"
10506  >
10507    <div
10508      class="rebuy-widget-container"
10509      v-cloak
10510      v-bind:class="['widget-display-' + config.display_type, visible ? 'is-visible' : 'is-hidden']"
10511      v-on:click.self="config.display_type == 'popup' && hide()"
10512    >
10513      <div class="rebuy-widget-content">
10514
10515        <div class="rebuy-modal-close" v-on:click="hide()" aria-label="close modal">
10516          <rebuy-icon name="x"></rebuy-icon>
10517        </div>
10518
10519        <div class="rebuy-timer" v-if="hasTimer()">
10520          <p class="rebuy-timer-title" v-if="config.language.timer_title">
10521            <span v-html="config.language.timer_title"></span>
10522            <span class="rebuy-timer-minutes" v-html="config.timer.duration_minutes"></span>:<span class="rebuy-timer-seconds" v-html="config.timer.duration_seconds"></span>
10523          </p>
10524        </div>
10525
10526        <h3 class="super-title" v-if="config.language.super_title != ''" v-html="config.language.super_title"></h3>
10527        <h3 class="primary-title" v-if="config.language.title != ''" v-html="config.language.title"></h3>
10528        <div class="description" v-if="config.language.description != ''" v-html="config.language.description"></div>
10529
10530        <div class="rebuy-product-grid" v-bind:class="layoutClasses" tabindex="0" role="list">
10531          <div
10532            v-for="(product, product_index) in products"
10533            v-bind:class="[
10534              product.handle,
10535              'product-id-' + product.id,
10536              cartHasProduct(product) ? 'cart-has-item' : '',
10537              productTagClasses(product),
10538              hasSplideCarousel ? 'splide__slide' : '',
10539            ]"
10540            aria-label="product"
10541            class="rebuy-product-block"
10542            role="listitem"
10543          >
10544
10545            <div class="rebuy-product-media">
10546              <a
10547                v-if="!(hasProductQuickViewEnabled() && hasQuickViewPhotoTrigger())"
10548                class="rebuy-product-image"
10549                tabindex="-1"
10550                v-bind:href="learnMoreURL(product)"
10551                v-bind:style="imageStyles"
10552                v-on:click="learnMore(product, $event);"
10553                v-bind:class="[hasLearnMore() ? 'clickable' : '']"
10554                rel="nofollow"
10555              >
10556                <img
10557                  class="rebuy-product-img"
10558                  v-if="product?.images[0]?.src"
10559                  v-bind:src="itemImage(product, product.selected_variant, '800x800')"
10560                  v-bind:alt="'View ' + product.title"
10561                >
10562                <img
10563                  class="rebuy-product-hover-img"
10564                  v-if="product.hover_images && product.hover_images[product.selected_variant.id]"
10565                  v-bind:src="product.hover_images[product.selected_variant.id]"
10566                  v-bind:alt="'View ' + product.title"
10567                >
10568              </a>
10569              <button
10570                v-if="hasProductQuickViewEnabled() && hasQuickViewPhotoTrigger()"
10571                class="rebuy-product-image-trigger"
10572                v-bind:style="imageStyles"
10573                v-on:click="openQuickViewVariantModal(product)"
10574                v-bind:aria-label="'Quick view ' + product.title"
10575                type="button"
10576              >
10577                <img
10578                  v-bind:loading="product_index > 1 ? 'lazy' : 'eager'"
10579                  v-bind:src="itemImage(product, product.selected_variant, '400x400')"
10580                  v-bind:alt="itemImageAlt(product, product.selected_variant)"
10581                >
10582              </button>
10583            </div>
10584
10585            <div class="rebuy-product-info">
10586
10587              <div class="rebuy-review-badge-container">
10588                <div class="rebuy-product-review" v-if="hasProductReviews(product)" aria-label="product star rating">
10589                  <span class="rebuy-star-rating">
10590                    <span
10591                      v-if="product.reviews.star_rating"
10592                      class="rebuy-star-rating-value sr-only"
10593                      v-html="product.reviews.star_rating + ' stars out of 5 stars'"
10594                    ></span>
10595                    <span class="rebuy-star-rating-background"></span>
10596                    <span class="rebuy-star-rating-foreground" v-bind:style="{ width: productReviewRatingPercentage(product) }"></span>
10597                  </span>
10598                  <span class="rebuy-review-count" v-html="productReviewCount(product)"></span>
10599                </div>
10600                <div class="rebuy-product-badge">
10601                  <span
10602                    v-if="product.tags && product.tags.split(',').map(t => t.trim()).find(t => t.startsWith('Badge:'))"
10603                    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"
10604                  >
10605                    {{ product.tags.split(',').map(t => t.trim()).find(t => t.startsWith('Badge:')).replace('Badge:', '') }}
10606                  </span>
10607                </div>
10608              </div>
10609
10610              <h5 class="rebuy-product-title" v-bind:class="[hasLearnMore() ? 'clickable' : '']">
10611                <a
10612                  v-bind:href="learnMoreURL(product)"
10613                  class="rebuy-product-title-link"
10614                  v-on:click="learnMore(product, $event);"
10615                  v-html="product.title"
10616                  v-bind:class="[hasLearnMore() ? 'clickable' : '']"
10617                  v-bind:aria-label="'View ' + product.title"
10618                  rel="nofollow"
10619                ></a>
10620              </h5>
10621
10622              <div class="rebuy-product-vendor-container" v-if="showProductVendor(product.vendor)">
10623                <a
10624                  class="rebuy-product-vendor"
10625                  v-bind:class="[hasEnabledProductVendorLink() ? 'clickable' : '']"
10626                  v-html="product.vendor"
10627                  v-bind:href="vendorURL(product.vendor)"
10628                  v-bind:aria-label="'View ' + product.vendor + ' products'"
10629                  rel="nofollow"
10630                ></a>
10631              </div>
10632
10633              <div class="rebuy-variant-title" v-if="showVariantTitle(product)" v-html="product.selected_variant.title"></div>
10634              <div class="rebuy-custom-short-description" v-if="product.metafields?.descriptors?.subtitle" v-html="product.metafields?.descriptors?.subtitle"></div>
10635
10636              <div class="rebuy-product-price">
10637                <div v-if="!product._picked && Math.min(...product.variants.map(v => v.price)) !== Math.max(...product.variants.map(v => v.price))">
10638                  <span class="rebuy-money">
10639                    <span class="sr-only">Price range</span>
10640                    <span tabindex="0">
10641                      {{ formatMoney(Math.min(...product.variants.map(v => v.price)) * 100).replace('.00','') }}
10642                      –
10643                      {{ formatMoney(Math.max(...product.variants.map(v => v.price)) * 100).replace('.00','') }}
10644                    </span>
10645                  </span>
10646                </div>
10647                <div v-else>
10648                  <div v-if="product.selected_variant?.metafields?.custom?.faux_compare_price">
10649                    <div v-if="parseFloat(product.selected_variant.metafields.custom.faux_compare_price) > parseFloat(variantPrice(product, product.selected_variant))">
10650                      <span class="rebuy-money sale">
10651                        <span class="sr-only">Sale price</span>
10652                        <span tabindex="0" v-html="formatMoney(variantPrice(product, product.selected_variant)).replace('.00','')"></span>
10653                      </span>
10654                      <span class="rebuy-money compare-at">
10655                        <span class="sr-only">Original price</span>
10656                        <span v-html="formatMoney(product.selected_variant.metafields.custom.faux_compare_price).replace('.00','')"></span>
10657                      </span>
10658                    </div>
10659                    <div v-else>
10660                      <span class="rebuy-money sale">
10661                        <span class="sr-only">Sale price</span>
10662                        <span tabindex="0" v-html="formatMoney(product.selected_variant.metafields.custom.faux_compare_price).replace('.00','')"></span>
10663                      </span>
10664                      <span class="rebuy-money compare-at">
10665                        <span class="sr-only">Original price</span>
10666                        <span v-html="formatMoney(variantPrice(product, product.selected_variant)).replace('.00','')"></span>
10667                      </span>
10668                    </div>
10669                  </div>
10670                  <div v-else>
10671                    <div v-if="variantOnSale(product, product.selected_variant)">
10672                      <span class="rebuy-money sale">
10673                        <span class="sr-only">Sale price</span>
10674                        <span tabindex="0" v-html="formatMoney(variantPrice(product, product.selected_variant)).replace('.00','')"></span>
10675                      </span>
10676                      <span class="rebuy-money compare-at">
10677                        <span class="sr-only">Original price</span>
10678                        <span v-html="formatMoney(variantCompareAtPrice(product, product.selected_variant)).replace('.00','')"></span>
10679                      </span>
10680                    </div>
10681                    <div v-if="!(variantOnSale(product, product.selected_variant))">
10682                      <span class="rebuy-money">
10683                        <span class="sr-only">Price</span>
10684                        <span tabindex="0" v-html="formatMoney(variantPrice(product, product.selected_variant)).replace('.00','')"></span>
10685                      </span>
10686                    </div>
10687                  </div>
10688                </div>
10689              </div>
10690
10691              <div class="rebuy-product-description" v-if="showProductDescription(product)" v-html="text(product.body_html)"></div>
10692
10693              <div class="rebuy-product-options color-swatches">
10694                <div
10695                  class="rebuy-product-options__button-swatches-container"
10696                  :class="{ 'rebuy-style__hidden-block' : config.view_options.variant_selector === 'select' }"
10697                >
10698                  <div
10699                    v-for="option in product.options"
10700                    :key="'option-' + product.id + '-' + option.name"
10701                    v-if="option.name == 'Color'"
10702                  >
10703                    <div class="rebuy-swatch-carousel-wrapper">
10704                      <div class="rebuy-swatch-carousel swiper-container">
10705                        <div class="swiper-wrapper">
10706                          <div
10707                            v-for="(value, value_index) in filterOOSOptions(option, product)"
10708                            :key="'value-' + product.id + '-' + option.name + '-' + value + '-' + value_index"
10709                            class="swiper-slide rebuy-swatch-slide rebuy-color-swatch"
10710                          >
10711                            <div v-if="displayColorSwatches(option)" class="rebuy-product-options__button-swatch">
10712                              <input
10713                                :name="id + '-color-' + product_index"
10714                                :id="id + '-color-' + product_index + '-' + value + '-' + value_index"
10715                                :checked="hasSwatchOptionSelected(product, value, value_index, 'color')"
10716                                :value="value"
10717                                type="radio"
10718                                class="rebuy-color-input hide"
10719                                v-on:change="product._picked = true; selectVariantByOption(product, option.name, value)"
10720                                :disabled="isDisabledOptionValue(product, option.name, value)"
10721                              />
10722                              <label
10723                                :for="id + '-color-' + product_index + '-' + value + '-' + value_index"
10724                                :style="product.swatch_colors && product.swatch_colors[value]
10725                                  ? 'background-image: url(' + product.swatch_colors[value] + '); background-size: cover; background-position: center;'
10726                                  : getMerchantThemeColorAssetStyle(value)"
10727                                :title="value"
10728                                class="rebuy-color-label"
10729                                :class="{ 'rebuy-product-options__button-swatch-label--disabled' : isDisabledOptionValue(product, option.name, value) }"
10730                              ></label>
10731                            </div>
10732                          </div>
10733                        </div>
10734                      </div>
10735                      <div class="rebuy-swatch-prev swiper-button-prev" role="button" aria-label="Previous swatches">
10736                        <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>
10737                      </div>
10738                      <div class="rebuy-swatch-next swiper-button-next" role="button" aria-label="Next swatches">
10739                        <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.8
1073906-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>
10740                      </div>
10741                    </div>
10742                    <div class="rebuy-product-options-color-text">
10743                      <span>{{ option.name }}: {{ product.selected_variant.option1 }}</span>
10744                    </div>
10745                  </div>
10746                </div>
10747              </div>
10748
10749            </div>
10750
10751            <div class="rebuy-product-options" v-if="showVariantSelect(product)">
10752              <select
10753                title="Select product variant"
10754                :id="id + '-' + 'select' + '-' + product_index"
10755                :class="{ hide : config.view_options.variant_selector === 'buttons' }"
10756                class="rebuy-select"
10757                v-bind:aria-label="'variant of ' + product.title"
10758                v-model="product.selected_variant_id"
10759                v-on:change="product._picked = true; selectVariant(product)"
10760              >
10761                <option
10762                  v-for="variant in product.variants"
10763                  class="rebuy-product-options__option"
10764                  :class="{ 'rebuy-product-options__option--oos' : !variantAvailable(variant) }"
10765                  v-bind:value="variant.id"
10766                  :disabled="!variantAvailable(variant)"
10767                  v-html="formatVariantOptionTitle(variant)"
10768                ></option>
10769              </select>
10770
10771              <div
10772                class="rebuy-product-options__button-swatches-container"
10773                :class="{ 'rebuy-style__hidden-block' : config.view_options.variant_selector === 'select' }"
10774              >
10775                <div
10776                  v-for="option in product.options"
10777                  :key="'option-' + product.id + '-' + option.name"
10778                  class="rebuy-product-options__button-swatches rebuy-size-swatches"
10779                  v-if="option.name != 'Color' && filterOOSOptions(option, product).length > 1"
10780                >
10781                  <div
10782                    v-for="(value, value_index) in filterOOSOptions(option, product)"
10783                    :key="'value-' + product.id + '-' + option.name + '-' + value + '-' + value_index"
10784                  >
10785                    <div v-if="!displayColorSwatches(option)" class="rebuy-product-options__button-swatch rebuy-size-swatch">
10786                      <input
10787                        :name="id + '-' + option.name + '-' + product_index"
10788                        :id="id + '-' + option.name + '-' + product_index + '-' + value"
10789                        :checked="hasSwatchOptionSelected(product, value, value_index, option.name)"
10790                        :value="value"
10791                        type="radio"
10792                        class="rebuy-size-input hide"
10793                        v-on:change="product._picked = true; selectVariantByOption(product, option.name, value)"
10794                        :disabled="isDisabledOptionValue(product, option.name, value)"
10795                      />
10796                      <label
10797                        :for="id + '-' + option.name + '-' + product_index + '-' + value"
10798                        class="rebuy-size-label"
10799                        :class="{ 'rebuy-product-options__button-swatch-label--disabled' : isDisabledOptionValue(product, option.name, value) }"
10800                      >
10801                        {{ value }}
10802                      </label>
10803                    </div>
10804                  </div>
10805                </div>
10806              </div>
10807            </div>
10808
10809            <div class="rebuy-product-actions">
10810              <button
10811                v-if="hasProductQuickViewEnabled() && hasQuickViewButtonTrigger()"
10812                class="rebuy-button outline"
10813                v-on:click="openQuickViewVariantModal(product)"
10814                v-bind:aria-label="'Quick view ' + product.title"
10815                type="button"
10816              >
10817                <span v-html="getQuickViewButtonText()"></span>
10818              </button>
10819
10820              <div class="subscription-checkbox" v-if="showSubscriptionOptions(product)">
10821                <label class="rebuy-checkbox-label">
10822                  <input
10823                    class="checkbox-input rebuy-checkbox"
10824                    v-model="product.subscription"
10825                    v-on:change="toggleSubscription(product)"
10826                    type="checkbox"
10827                    :aria-label="upgradeToSubscriptionAriaLabel(product)"
10828                  />
10829                  <span class="checkbox-label" v-html="upgradeToSubscriptionLabel(product)"></span>
10830                </label>
10831              </div>
10832
10833              <div class="subscription-frequency" v-if="showSubscriptionFrequency(product)">
10834                <select
10835                  class="rebuy-select"
10836                  aria-label="subscription frequency"
10837                  v-model="product.subscription_frequency"
10838                  v-on:change="updateSubscriptionFrequency(product)"
10839                >
10840                  <option v-for="frequency in product.subscription_frequencies" v-bind:value="frequency">
10841                    {{ frequencyLabel(frequency, product.subscription_interval) }}
10842                  </option>
10843                </select>
10844              </div>
10845
10846              <div class="product-quantity" v-if="hasQuantityInputEnabled()">
10847                <div class="rebuy-select-wrapper">
10848                  <label class="rebuy-label">Quantity</label>
10849                  <select
10850                    class="rebuy-select"
10851                    aria-label="product quantity"
10852                    v-model="product.quantity"
10853                  >
10854                    <option v-for="n in maxQuantityInputValue()" v-bind:value="n">{{ n }}</option>
10855                  </select>
10856                </div>
10857              </div>
10858
10859              <button
10860                class="rebuy-button"
10861                v-bind:class="{ working: (product.status != 'ready' && product.status != 'selecting') }"
10862                v-bind:disabled="!(variantAvailable(product.selected_variant)) || (product.status != 'ready' && product.status != 'selecting')"
10863                v-bind:aria-label="buttonAriaLabel(product)"
10864                v-on:click="addToCart(product)"
10865                type="button"
10866              >
10867                <span v-html="buttonLabel(product)"></span>
10868              </button>
10869            </div>
10870
10871          </div>
10872        </div>
10873
10874        <div class="rebuy-modal-actions" v-if="showContinueButton()">
10875          <button class="rebuy-button decline" v-on:click="hide()" type="button">
10876            <span v-html="continueLabel()"></span>
10877          </button>
10878        </div>
10879
10880        <div class="powered-by-rebuy">
10881          <a v-bind:href="'https://rebuyengine.com/?shop=' + config.shop.myshopify_domain" target="_blank" rel="noopener">
10882            Powered by Rebuy
10883          </a>
10884        </div>
10885
10886      </div>
10887    </div>
10888  </div>
10889</script>
10889
10890
10891
10892<!-- PDP "Customers Also Bought" Widget template -->
10893
10894<script id="rebuy-widget-280420" type="text/template">
10895  <div
10896    class="rebuy-widget"
10897    v-cloak
10898    v-on:click="stopPropagation($event)"
10899    v-bind:id="'rebuy-widget-' + id"
10900    v-bind:class="['widget-type-' + config.type.replace('_','-'), 'widget-display-' + config.display_type, products.length > 0 ? 'is-visible' : 'is-hidden', 'widget-layout-' + currentLayout()]"
10901  >
10902    <div
10903      class="rebuy-widget-container"
10904      v-cloak
10905      v-bind:class="['widget-display-' + config.display_type, visible ? 'is-visible' : 'is-hidden']"
10906      v-on:click.self="config.display_type == 'popup' && hide()"
10907    >
10908      <div class="rebuy-widget-content">
10909
10910        <div class="rebuy-modal-close" v-on:click="hide()" aria-label="close modal">
10911          <rebuy-icon name="x"></rebuy-icon>
10912        </div>
10913
10914        <div class="rebuy-timer" v-if="hasTimer()">
10915          <p class="rebuy-timer-title" v-if="config.language.timer_title">
10916            <span v-html="config.language.timer_title"></span>
10917            <span class="rebuy-timer-minutes" v-html="config.timer.duration_minutes"></span>:<span class="rebuy-timer-seconds" v-html="config.timer.duration_seconds"></span>
10918          </p>
10919        </div>
10920
10921        <h3 class="super-title" v-if="config.language.super_title != ''" v-html="config.language.super_title"></h3>
10922        <h3 class="primary-title" v-if="config.language.title != ''" v-html="config.language.title"></h3>
10923        <div class="description" v-if="config.language.description != ''" v-html="config.language.description"></div>
10924
10925        <div class="rebuy-product-grid" v-bind:class="layoutClasses" tabindex="0" role="list">
10926          <div
10927            v-for="(product, product_index) in products"
10928            v-bind:class="[
10929              product.handle,
10930              'product-id-' + product.id,
10931              cartHasProduct(product) ? 'cart-has-item' : '',
10932              productTagClasses(product),
10933              hasSplideCarousel ? 'splide__slide' : '',
10934            ]"
10935            aria-label="product"
10936            class="rebuy-product-block"
10937            role="listitem"
10938          >
10939
10940            <div class="rebuy-product-media">
10941              <a
10942                v-if="!(hasProductQuickViewEnabled() && hasQuickViewPhotoTrigger())"
10943                class="rebuy-product-image"
10944                tabindex="-1"
10945                v-bind:href="learnMoreURL(product)"
10946                v-bind:style="imageStyles"
10947                v-on:click="learnMore(product, $event);"
10948                v-bind:class="[hasLearnMore() ? 'clickable' : '']"
10949                rel="nofollow"
10950              >
10951                <img
10952                  class="rebuy-product-img"
10953                  v-if="product?.images[0]?.src"
10954                  v-bind:src="itemImage(product, product.selected_variant, '800x800')"
10955                  v-bind:alt="'View ' + product.title"
10956                >
10957                <img
10958                  class="rebuy-product-hover-img"
10959                  v-if="product.hover_images && product.hover_images[product.selected_variant.id]"
10960                  v-bind:src="product.hover_images[product.selected_variant.id]"
10961                  v-bind:alt="'View ' + product.title"
10962                >
10963              </a>
10964              <button
10965                v-if="hasProductQuickViewEnabled() && hasQuickViewPhotoTrigger()"
10966                class="rebuy-product-image-trigger"
10967                v-bind:style="imageStyles"
10968                v-on:click="openQuickViewVariantModal(product)"
10969                v-bind:aria-label="'Quick view ' + product.title"
10970                type="button"
10971              >
10972                <img
10973                  v-bind:loading="product_index > 1 ? 'lazy' : 'eager'"
10974                  v-bind:src="itemImage(product, product.selected_variant, '400x400')"
10975                  v-bind:alt="itemImageAlt(product, product.selected_variant)"
10976                >
10977              </button>
10978            </div>
10979
10980            <div class="rebuy-product-info">
10981
10982              <div class="rebuy-review-badge-container">
10983                <div class="rebuy-product-review" v-if="hasProductReviews(product)" aria-label="product star rating">
10984                  <span class="rebuy-star-rating">
10985                    <span
10986                      v-if="product.reviews.star_rating"
10987                      class="rebuy-star-rating-value sr-only"
10988                      v-html="product.reviews.star_rating + ' stars out of 5 stars'"
10989                    ></span>
10990                    <span class="rebuy-star-rating-background"></span>
10991                    <span class="rebuy-star-rating-foreground" v-bind:style="{ width: productReviewRatingPercentage(product) }"></span>
10992                  </span>
10993                  <span class="rebuy-review-count" v-html="productReviewCount(product)"></span>
10994                </div>
10995                <div class="rebuy-product-badge">
10996                  <span
10997                    v-if="product.tags && product.tags.split(',').map(t => t.trim()).find(t => t.startsWith('Badge:'))"
10998                    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"
10999                  >
11000                    {{ product.tags.split(',').map(t => t.trim()).find(t => t.startsWith('Badge:')).replace('Badge:', '') }}
11001                  </span>
11002                </div>
11003              </div>
11004
11005              <h5 class="rebuy-product-title" v-bind:class="[hasLearnMore() ? 'clickable' : '']">
11006                <a
11007                  v-bind:href="learnMoreURL(product)"
11008                  class="rebuy-product-title-link"
11009                  v-on:click="learnMore(product, $event);"
11010                  v-html="product.title"
11011                  v-bind:class="[hasLearnMore() ? 'clickable' : '']"
11012                  v-bind:aria-label="'View ' + product.title"
11013                  rel="nofollow"
11014                ></a>
11015              </h5>
11016
11017              <div class="rebuy-product-vendor-container" v-if="showProductVendor(product.vendor)">
11018                <a
11019                  class="rebuy-product-vendor"
11020                  v-bind:class="[hasEnabledProductVendorLink() ? 'clickable' : '']"
11021                  v-html="product.vendor"
11022                  v-bind:href="vendorURL(product.vendor)"
11023                  v-bind:aria-label="'View ' + product.vendor + ' products'"
11024                  rel="nofollow"
11025                ></a>
11026              </div>
11027
11028              <div class="rebuy-variant-title" v-if="showVariantTitle(product)" v-html="product.selected_variant.title"></div>
11029              <div class="rebuy-custom-short-description" v-if="product.metafields?.descriptors?.subtitle" v-html="product.metafields?.descriptors?.subtitle"></div>
11030
11031              <div class="rebuy-product-price">
11032                <div v-if="!product._picked && Math.min(...product.variants.map(v => v.price)) !== Math.max(...product.variants.map(v => v.price))">
11033                  <span class="rebuy-money">
11034                    <span class="sr-only">Price range</span>
11035                    <span tabindex="0">
11036                      {{ formatMoney(Math.min(...product.variants.map(v => v.price)) * 100).replace('.00','') }}
11037                      –
11038                      {{ formatMoney(Math.max(...product.variants.map(v => v.price)) * 100).replace('.00','') }}
11039                    </span>
11040                  </span>
11041                </div>
11042                <div v-else>
11043                  <div v-if="product.selected_variant?.metafields?.custom?.faux_compare_price">
11044                    <div v-if="parseFloat(product.selected_variant.metafields.custom.faux_compare_price) > parseFloat(variantPrice(product, product.selected_variant))">
11045                      <span class="rebuy-money sale">
11046                        <span class="sr-only">Sale price</span>
11047                        <span tabindex="0" v-html="formatMoney(variantPrice(product, product.selected_variant)).replace('.00','')"></span>
11048                      </span>
11049                      <span class="rebuy-money compare-at">
11050                        <span class="sr-only">Original price</span>
11051                        <span v-html="formatMoney(product.selected_variant.metafields.custom.faux_compare_price).replace('.00','')"></span>
11052                      </span>
11053                    </div>
11054                    <div v-else>
11055                      <span class="rebuy-money sale">
11056                        <span class="sr-only">Sale price</span>
11057                        <span tabindex="0" v-html="formatMoney(product.selected_variant.metafields.custom.faux_compare_price).replace('.00','')"></span>
11058                      </span>
11059                      <span class="rebuy-money compare-at">
11060                        <span class="sr-only">Original price</span>
11061                        <span v-html="formatMoney(variantPrice(product, product.selected_variant)).replace('.00','')"></span>
11062                      </span>
11063                    </div>
11064                  </div>
11065                  <div v-else>
11066                    <div v-if="variantOnSale(product, product.selected_variant)">
11067                      <span class="rebuy-money sale">
11068                        <span class="sr-only">Sale price</span>
11069                        <span tabindex="0" v-html="formatMoney(variantPrice(product, product.selected_variant)).replace('.00','')"></span>
11070                      </span>
11071                      <span class="rebuy-money compare-at">
11072                        <span class="sr-only">Original price</span>
11073                        <span v-html="formatMoney(variantCompareAtPrice(product, product.selected_variant)).replace('.00','')"></span>
11074                      </span>
11075                    </div>
11076                    <div v-if="!(variantOnSale(product, product.selected_variant))">
11077                      <span class="rebuy-money">
11078                        <span class="sr-only">Price</span>
11079                        <span tabindex="0" v-html="formatMoney(variantPrice(product, product.selected_variant)).replace('.00','')"></span>
11080                      </span>
11081                    </div>
11082                  </div>
11083                </div>
11084              </div>
11085
11086              <div class="rebuy-product-description" v-if="showProductDescription(product)" v-html="text(product.body_html)"></div>
11087
11088              <div class="rebuy-product-options color-swatches">
11089                <div
11090                  class="rebuy-product-options__button-swatches-container"
11091                  :class="{ 'rebuy-style__hidden-block' : config.view_options.variant_selector === 'select' }"
11092                >
11093                  <div
11094                    v-for="option in product.options"
11095                    :key="'option-' + product.id + '-' + option.name"
11096                    v-if="option.name == 'Color'"
11097                  >
11098                    <div class="rebuy-swatch-carousel-wrapper">
11099                      <div class="rebuy-swatch-carousel swiper-container">
11100                        <div class="swiper-wrapper">
11101                          <div
11102                            v-for="(value, value_index) in filterOOSOptions(option, product)"
11103                            :key="'value-' + product.id + '-' + option.name + '-' + value + '-' + value_index"
11104                            class="swiper-slide rebuy-swatch-slide rebuy-color-swatch"
11105                          >
11106                            <div v-if="displayColorSwatches(option)" class="rebuy-product-options__button-swatch">
11107                              <input
11108                                :name="id + '-color-' + product_index"
11109                                :id="id + '-color-' + product_index + '-' + value + '-' + value_index"
11110                                :checked="hasSwatchOptionSelected(product, value, value_index, 'color')"
11111                                :value="value"
11112                                type="radio"
11113                                class="rebuy-color-input hide"
11114                                v-on:change="product._picked = true; selectVariantByOption(product, option.name, value)"
11115                                :disabled="isDisabledOptionValue(product, option.name, value)"
11116                              />
11117                              <label
11118                                :for="id + '-color-' + product_index + '-' + value + '-' + value_index"
11119                                :style="product.swatch_colors && product.swatch_colors[value]
11120                                  ? 'background-image: url(' + product.swatch_colors[value] + '); background-size: cover; background-position: center;'
11121                                  : getMerchantThemeColorAssetStyle(value)"
11122                                :title="value"
11123                                class="rebuy-color-label"
11124                                :class="{ 'rebuy-product-options__button-swatch-label--disabled' : isDisabledOptionValue(product, option.name, value) }"
11125                              ></label>
11126                            </div>
11127                          </div>
11128                        </div>
11129                      </div>
11130                      <div class="rebuy-swatch-prev swiper-button-prev" role="button" aria-label="Previous swatches">
11131                        <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>
11132                      </div>
11133                      <div class="rebuy-swatch-next swiper-button-next" role="button" aria-label="Next swatches">
11134                        <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.8
1113406-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>
11135                      </div>
11136                    </div>
11137                    <div class="rebuy-product-options-color-text">
11138                      <span>{{ option.name }}: {{ product.selected_variant.option1 }}</span>
11139                    </div>
11140                  </div>
11141                </div>
11142              </div>
11143
11144            </div>
11145
11146            <div class="rebuy-product-options" v-if="showVariantSelect(product)">
11147              <select
11148                title="Select product variant"
11149                :id="id + '-' + 'select' + '-' + product_index"
11150                :class="{ hide : config.view_options.variant_selector === 'buttons' }"
11151                class="rebuy-select"
11152                v-bind:aria-label="'variant of ' + product.title"
11153                v-model="product.selected_variant_id"
11154                v-on:change="product._picked = true; selectVariant(product)"
11155              >
11156                <option
11157                  v-for="variant in product.variants"
11158                  class="rebuy-product-options__option"
11159                  :class="{ 'rebuy-product-options__option--oos' : !variantAvailable(variant) }"
11160                  v-bind:value="variant.id"
11161                  :disabled="!variantAvailable(variant)"
11162                  v-html="formatVariantOptionTitle(variant)"
11163                ></option>
11164              </select>
11165
11166              <div
11167                class="rebuy-product-options__button-swatches-container"
11168                :class="{ 'rebuy-style__hidden-block' : config.view_options.variant_selector === 'select' }"
11169              >
11170                <div
11171                  v-for="option in product.options"
11172                  :key="'option-' + product.id + '-' + option.name"
11173                  class="rebuy-product-options__button-swatches rebuy-size-swatches"
11174                  v-if="option.name != 'Color' && filterOOSOptions(option, product).length > 1"
11175                >
11176                  <div
11177                    v-for="(value, value_index) in filterOOSOptions(option, product)"
11178                    :key="'value-' + product.id + '-' + option.name + '-' + value + '-' + value_index"
11179                  >
11180                    <div v-if="!displayColorSwatches(option)" class="rebuy-product-options__button-swatch rebuy-size-swatch">
11181                      <input
11182                        :name="id + '-' + option.name + '-' + product_index"
11183                        :id="id + '-' + option.name + '-' + product_index + '-' + value"
11184                        :checked="hasSwatchOptionSelected(product, value, value_index, option.name)"
11185                        :value="value"
11186                        type="radio"
11187                        class="rebuy-size-input hide"
11188                        v-on:change="product._picked = true; selectVariantByOption(product, option.name, value)"
11189                        :disabled="isDisabledOptionValue(product, option.name, value)"
11190                      />
11191                      <label
11192                        :for="id + '-' + option.name + '-' + product_index + '-' + value"
11193                        class="rebuy-size-label"
11194                        :class="{ 'rebuy-product-options__button-swatch-label--disabled' : isDisabledOptionValue(product, option.name, value) }"
11195                      >
11196                        {{ value }}
11197                      </label>
11198                    </div>
11199                  </div>
11200                </div>
11201              </div>
11202            </div>
11203
11204            <div class="rebuy-product-actions">
11205              <button
11206                v-if="hasProductQuickViewEnabled() && hasQuickViewButtonTrigger()"
11207                class="rebuy-button outline"
11208                v-on:click="openQuickViewVariantModal(product)"
11209                v-bind:aria-label="'Quick view ' + product.title"
11210                type="button"
11211              >
11212                <span v-html="getQuickViewButtonText()"></span>
11213              </button>
11214
11215              <div class="subscription-checkbox" v-if="showSubscriptionOptions(product)">
11216                <label class="rebuy-checkbox-label">
11217                  <input
11218                    class="checkbox-input rebuy-checkbox"
11219                    v-model="product.subscription"
11220                    v-on:change="toggleSubscription(product)"
11221                    type="checkbox"
11222                    :aria-label="upgradeToSubscriptionAriaLabel(product)"
11223                  />
11224                  <span class="checkbox-label" v-html="upgradeToSubscriptionLabel(product)"></span>
11225                </label>
11226              </div>
11227
11228              <div class="subscription-frequency" v-if="showSubscriptionFrequency(product)">
11229                <select
11230                  class="rebuy-select"
11231                  aria-label="subscription frequency"
11232                  v-model="product.subscription_frequency"
11233                  v-on:change="updateSubscriptionFrequency(product)"
11234                >
11235                  <option v-for="frequency in product.subscription_frequencies" v-bind:value="frequency">
11236                    {{ frequencyLabel(frequency, product.subscription_interval) }}
11237                  </option>
11238                </select>
11239              </div>
11240
11241              <div class="product-quantity" v-if="hasQuantityInputEnabled()">
11242                <div class="rebuy-select-wrapper">
11243                  <label class="rebuy-label">Quantity</label>
11244                  <select
11245                    class="rebuy-select"
11246                    aria-label="product quantity"
11247                    v-model="product.quantity"
11248                  >
11249                    <option v-for="n in maxQuantityInputValue()" v-bind:value="n">{{ n }}</option>
11250                  </select>
11251                </div>
11252              </div>
11253
11254              <button
11255                class="rebuy-button"
11256                v-bind:class="{ working: (product.status != 'ready' && product.status != 'selecting') }"
11257                v-bind:disabled="!(variantAvailable(product.selected_variant)) || (product.status != 'ready' && product.status != 'selecting')"
11258                v-bind:aria-label="buttonAriaLabel(product)"
11259                v-on:click="addToCart(product)"
11260                type="button"
11261              >
11262                <span v-html="buttonLabel(product)"></span>
11263              </button>
11264            </div>
11265
11266          </div>
11267        </div>
11268
11269        <div class="rebuy-modal-actions" v-if="showContinueButton()">
11270          <button class="rebuy-button decline" v-on:click="hide()" type="button">
11271            <span v-html="continueLabel()"></span>
11272          </button>
11273        </div>
11274
11275        <div class="powered-by-rebuy">
11276          <a v-bind:href="'https://rebuyengine.com/?shop=' + config.shop.myshopify_domain" target="_blank" rel="noopener">
11277            Powered by Rebuy
11278          </a>
11279        </div>
11280
11281      </div>
11282    </div>
11283  </div>
11284</script>
11284
11285
11286
11287<style>
11288  /* ── Hover image ────────────────────────────────────────────── */
11289  .rebuy-widget .rebuy-product-image {
11290    position: relative;
11291    overflow: hidden;
11292  }
11293  .rebuy-widget .rebuy-product-hover-img {
11294    position: absolute;
11295    top: 0;
11296    left: 0;
11297  }
11298  .rebuy-widget .rebuy-product-hover-img,
11299  .rebuy-widget .rebuy-product-media:hover .rebuy-product-image .rebuy-product-img {
11300    pointer-events: none;
11301    opacity: 0;
11302    transition: opacity .5s cubic-bezier(.4, 0, .2, 1);
11303  }
11304  .rebuy-widget .rebuy-product-media:hover .rebuy-product-image .rebuy-product-hover-img {
11305    pointer-events: all;
11306    opacity: 1;
11307    transition: opacity .5s cubic-bezier(.4, 0, .2, 1);
11308    z-index: 10;
11309  }
11310  .rebuy-widget .rebuy-product-media:not(:has(.rebuy-product-hover-img)) .rebuy-product-image:hover .rebuy-product-img {
11311    opacity: 1 !important;
11312    pointer-events: all !important;
11313  }
11314
11315  /* ── Variant selectors ──────────────────────────────────────── */
11316  .rebuy-product-options__button-swatch-label--disabled {
11317    display: none !important;
11318  }
11319  .rebuy-size-input:checked + .rebuy-size-label {
11320    border: 1px solid #0e00b4;
11321    color: #0e00b4;
11322  }
11323  .rebuy-size-label {
11324    display: block;
11325    border: 1px solid #b4b4b4;
11326    border-radius: 0;
11327    cursor: pointer;
11328    min-width: 30px;
11329    text-align: center;
11330    font-size: .75rem;
11331    padding-block: .75rem;
11332    padding-inline: 1rem;
11333    color: #5c5c5c;
11334  }
11335  .rebuy-color-input:checked + .rebuy-color-label {
11336    outline: 1px solid #0e00b4;
11337    border: none;
11338  }
11339  .rebuy-color-label {
11340    display: block;
11341    border: none;
11342    border-radius: 0;
11343    background-size: cover;
11344    cursor: pointer;
11345    padding: 18px;
11346  }
11347  @media (max-width: 480px) {
11348    .rebuy-color-label {
11349      padding: 16px;
11350    }
11351  }
11352  .rebuy-product-options-color-text {
11353    width: 100%;
11354    color: #5c5c5c;
11355    margin-top: 3px;
11356    font-size: 0.75rem;
11357    line-height: 18px;
11358  }
11359  .rebuy-size-swatches {
11360    gap: 0;
11361  }
11362  .rebuy-color-swatch,
11363  .rebuy-size-swatch {
11364    margin-right: 3px;
11365    margin-bottom: 3px;
11366  }
11367  .rebuy-custom-short-description {
11368    color: #5c5c5c;
11369    font-size: 12px;
11370    line-height: 1rem;
11371  }
11372  .rebuy-widget .rebuy-product-options__button-swatches-container,
11373  .rebuy-recommended-products .rebuy-product-options__button-swatches-container {
11374    padding: 0;
11375  }
11376
11377  /* ── Swatch Swiper carousel ─────────────────────────────────── */
11378  .rebuy-swatch-carousel-wrapper {
11379    position: relative;
11380    padding-right: 28px;
11381  }
11382  .rebuy-swatch-carousel {
11383    position: relative;
11384    overflow: hidden;
11385  }
11386  .rebuy-swatch-carousel:not(.swiper-initialized) .swiper-wrapper {
11387    flex-wrap: wrap;
11388    transform: none !important;
11389  }
11390  .rebuy-swatch-carousel:not(.swiper-initialized) {
11391    padding: 0;
11392  }
11393  .swiper-wrapper {
11394    padding-top: 1px;
11395    padding-left: 1px;
11396  }
11397  .rebuy-swatch-carousel:not(.swiper-initialized) ~ .rebuy-swatch-prev,
11398  .rebuy-swatch-carousel:not(.swiper-initialized) ~ .rebuy-swatch-next {
11399    display: none;
11400  }
11401  .rebuy-swatch-carousel-wrapper .swiper-button-prev,
11402  .rebuy-swatch-carousel-wrapper .swiper-button-next {
11403    position: absolute;
11404    width: 20px;
11405    height: 20px;
11406    top: 45%;
11407    transform: translateY(-50%);
11408    margin-top: 0;
11409    padding: 5px;
11410    display: flex;
11411    align-items: center;
11412    justify-content: center;
11413    border-radius: 100%;
11414    background-color: #ffe922;
11415    color: #2a2a2a;
11416    z-index: 10;
11417  }
11418  .rebuy-swatch-carousel-wrapper .swiper-button-prev { left: 0; }
11419  .rebuy-swatch-carousel-wrapper .swiper-button-next { right: 0; }
11420  .rebuy-swatch-carousel-wrapper .swiper-button-prev::after,
11421  .rebuy-swatch-carousel-wrapper .swiper-button-next::after {
11422    display: none;
11423  }
11424  .rebuy-swatch-carousel-wrapper .swiper-button-prev svg,
11425  .rebuy-swatch-carousel-wrapper .swiper-button-next svg {
11426    width: 10px;
11427    height: 10px;
11428    flex-shrink: 0;
11429  }
11430  .rebuy-swatch-carousel-wrapper .swiper-button-prev {
11431    display: none !important;
11432  }
11433  .rebuy-swatch-carousel-wrapper .rebuy-swatch-next.swiper-button-disabled {
11434    opacity: 0.3;
11435    cursor: pointer;
11436    pointer-events: all;
11437    display: none;
11438  }
11439  .rebuy-swatch-carousel .swiper-slide {
11440    width: auto !important;
11441  }
11442</style>
11443
11444<!-- CUSTOM: Widget template for cart widget 286504. Moves rebuy-product-options and rebuy-product-actions inside rebuy-product-info for unified vertical alignment control. -->
11445<script id="rebuy-widget-286504" type="text/template">
11446<div class="rebuy-widget"
11447v-cloak
11448v-on:click="stopPropagation($event)"
11449v-bind:id="'rebuy-widget-' + id"
11450v-bind:class="['widget-type-' + config.type.replace('_','-'), 'widget-display-' + config.display_type, products.length > 0 ? 'is-visible' : 'is-hidden', 'widget-layout-' + currentLayout()]">
11451
11452    <div
11453        class="rebuy-widget-container"
11454        v-cloak
11455        v-bind:class="['widget-display-' + config.display_type, visible ? 'is-visible' : 'is-hidden' ]"
11456        v-on:click.self="config.display_type == 'popup' && hide()">
11457
11458        <div class="rebuy-widget-content">
11459            <div class="rebuy-modal-close" v-on:click="hide()" aria-label="close modal">
11460                <rebuy-icon name="x"></rebuy-icon>
11461            </div>
11462
11463            <div class="rebuy-timer" v-if="hasTimer()">
11464                <p class="rebuy-timer-title" v-if="config.language.timer_title">
11465                    <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>
11466                </p>
11467            </div>
11468
11469            <h3 class="super-title" v-if="config.language.super_title != ''" v-html="config.language.super_title"></h3>
11470
11471            <h4 class="primary-title" v-if="config.language.title != ''" v-html="config.language.title"></h4>
11472
11473            <div class="description" v-if="config.language.description != ''" v-html="config.language.description"></div>
11474
11475            <div class="rebuy-product-grid" v-bind:class="layoutClasses" tabindex="0" role="list">
11476
11477                <div
11478                    v-for="(product, product_index) in products"
11479                    v-bind:class="[
11480                        product.handle,
11481                        'product-id-' + product.id,
11482                        cartHasProduct(product) ? 'cart-has-item' : '',
11483                        productTagClasses(product),
11484                        hasSplideCarousel ? 'splide__slide' : '',
11485                    ]"
11486                    aria-label="product"
11487                    class="rebuy-product-block"
11488                    role="listitem"
11489                >
11490
11491                    <div class="rebuy-product-media">
11492                        <a
11493                            v-if="!(hasProductQuickViewEnabled() && hasQuickViewPhotoTrigger())"
11494                            class="rebuy-product-image"
11495                            tabindex="-1"
11496                            v-bind:href="learnMoreURL(product)"
11497                            v-bind:style="imageStyles"
11498                            v-on:click="learnMore(product, $event);"
11499                            v-bind:class="[hasLearnMore() ? 'clickable' : '']"
11500                            rel="nofollow"
11501                        >
11502                            <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)">
11503                        </a>
11504                        <button
11505                            v-if="hasProductQuickViewEnabled() && hasQuickViewPhotoTrigger()"
11506                            class="rebuy-product-image-trigger"
11507                            v-bind:style="imageStyles"
11508                            v-on:click="openQuickViewVariantModal(product)"
11509                            v-bind:aria-label="'Quick view ' + product.title"
11510                            type="button"
11511                        >
11512                            <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)">
11513                        </button>
11514                    </div>
11515
11516                    <div class="rebuy-product-info">
11517                        <h5
11518                            class="rebuy-product-title"
11519                            v-bind:class="[hasLearnMore() ? 'clickable' : '']">
11520                            <a
11521                                v-bind:href="learnMoreURL(product)"
11522                                class="rebuy-product-title-link"
11523                                v-on:click="learnMore(product, $event);"
11524                                v-html="product.title"
11525                                v-bind:class="[hasLearnMore() ? 'clickable' : '']"
11526                                v-bind:aria-label="'View ' + product.title"
11527                                rel="nofollow"
11528                            ></a>
11529                        </h5>
11530                        <div
11531                            class="rebuy-product-vendor-container"
11532                            v-if="showProductVendor(product.vendor)"
11533                        >
11534                            <a
11535                                class="rebuy-product-vendor"
11536                                v-bind:class="[hasEnabledProductVendorLink() ? 'clickable' : '']"
11537                                v-html="product.vendor"
11538                                v-bind:href="vendorURL(product.vendor)"
11539                                v-bind:aria-label="'View ' + product.vendor + ' products'"
11540                                rel="nofollow"
11541                            ></a>
11542                        </div>
11543                        <div class="rebuy-variant-title" v-if="showVariantTitle(product)" v-html="product.selected_variant.title"></div>
11544                        <div class="rebuy-product-review" v-if="hasProductReviews(product)" aria-label="product star rating">
11545                            <span class="rebuy-star-rating">
11546                                <span
11547                                    v-if="product.reviews.star_rating"
11548                                    class="rebuy-star-rating-value sr-only"
11549                                    v-html="product.reviews.star_rating + ' stars out of 5 stars'"
11550                                >
11551                                </span>
11552                                <span class="rebuy-star-rating-background"></span>
11553                                <span class="rebuy-star-rating-foreground" v-bind:style="{ width: productReviewRatingPercentage(product) }"></span>
11554                            </span>
11555                            <span class="rebuy-review-count" v-html="productReviewCount(product)"></span>
11556                        </div>
11557
11558                        <div class="rebuy-product-price">
11559                            <div v-if="variantOnSale(product, product.selected_variant)">
11560                                <span class="rebuy-money sale">
11561                                    <span class="sr-only">Sale price</span>
11562                                    <span tabindex="0" v-html="formatMoney(variantPrice(product, product.selected_variant))"></span>
11563                                </span>
11564                                <span class="rebuy-money compare-at">
11565                                    <span class="sr-only">Original price</span>
11566                                    <span v-html="formatMoney(variantCompareAtPrice(product, product.selected_variant))"></span>
11567                                </span>
11568                            </div>
11569                            <div v-if="!(variantOnSale(product, product.selected_variant))">
11570                                <span class="rebuy-money">
11571                                    <span class="sr-only">Price</span>
11572                                    <span tabindex="0" v-html="formatMoney(variantPrice(product, product.selected_variant))"></span>
11573                                </span>
11574                            </div>
11575                        </div>
11576                        <div class="rebuy-product-description" v-if="showProductDescription(product)" v-html="text(product.body_html)"></div>
11577
11578                        <div class="rebuy-product-options" v-if="showVariantSelect(product)">
11579                            <select
11580                                title="Select product variant"
11581                                :id="id + '-' + 'select' + '-' + product_index"
11582                                :class="{ hide : config.view_options.variant_selector === 'buttons' }"
11583                                class="rebuy-select"
11584                                v-bind:aria-label="'variant of ' + product.title"
11585                                v-model="product.selected_variant_id"
11586                                v-on:change="selectVariant(product)">
11587                                <option
11588                                    v-for="variant in product.variants"
11589                                    class="rebuy-product-options__option"
11590                                    :class="{ 'rebuy-product-options__option--oos' : !variantAvailable(variant) }"
11591                                    v-bind:value="variant.id"
11592                                    :disabled="!variantAvailable(variant)"
11593                                    v-html="formatVariantOptionTitle(variant)">
11594                                </option>
11595                            </select>
11596
11597                            <div
11598                                class="rebuy-product-options__button-swatches-container"
11599                                :class="{ 'rebuy-style__hidden-block' : config.view_options.variant_selector === 'select' }"
11600                                >
11601                                <div
11602                                    v-for="option in product.options"
11603                                    :key="'option-' + product.id + '-' + option.name"
11604                                    class="rebuy-product-options__button-swatches rebuy-size-swatches"
11605                                    >
11606                                    <div
11607                                        v-for="(value, value_index) in filterOOSOptions(option, product)"
11608                                        :key="'value-' + product.id + '-' + option.name + '-' + value + '-' + value_index"
11609                                        >
11610                                        <div v-if="displayColorSwatches(option)" class="rebuy-product-options__button-swatch rebuy-color-swatch">
11611                                            <input
11612                                                :name="id + '-color-' + product_index"
11613                                                :id="id + '-color-' + product_index + '-' + value + '-' + value_index"
11614                                                :checked="hasSwatchOptionSelected(product, value, value_index, 'color')"
11615                                                :value="value"
11616                                                type="radio"
11617                                                class="rebuy-color-input hide"
11618                                                v-on:change="selectVariantByOption(product, option.name, value)"
11619                                                :disabled="isDisabledOptionValue(product, option.name, value)"
11620                                            />
11621
11622                                            <label
11623                                                :for="id + '-color-' + product_index + '-' + value + '-' + value_index"
11624                                                :style="getMerchantThemeColorAssetStyle(value)"
11625                                                :title="value"
11626                                                class="rebuy-color-label"
11627                                                :class="{ 'rebuy-product-options__button-swatch-label--disabled' : isDisabledOptionValue(product, option.name, value) }"
11628                                            >
11629                                            </label>
11630                                        </div>
11631
11632                                        <div v-if="!displayColorSwatches(option)" class="rebuy-product-options__button-swatch rebuy-size-swatch">
11633                                            <input
11634                                                :name="id + '-' + option.name + '-' + product_index"
11635                                                :id="id + '-' + option.name + '-' + product_index + '-' + value"
11636                                                :checked="hasSwatchOptionSelected(product, value, value_index, option.name)"
11637                                                :value="value"
11638                                                type="radio"
11639                                                class="rebuy-size-input hide"
11640                                                v-on:change="selectVariantByOption(product, option.name, value)"
11641                                                :disabled="isDisabledOptionValue(product, option.name, value)"
11642                                            />
11643
11644                                            <label
11645                                                :for="id + '-' + option.name + '-' + product_index + '-' + value"
11646                                                class="rebuy-size-label"
11647                                                :class="{ 'rebuy-product-options__button-swatch-label--disabled' : isDisabledOptionValue(product, option.name, value) }"
11648                                            >
11649                                                {{ value }}
11650                                            </label>
11651                                        </div>
11652                                    </div>
11653                                </div>
11654                            </div>
11655                        </div>
11656
11657                        <div class="rebuy-product-actions">
11658                            <button
11659                                v-if="hasProductQuickViewEnabled() && hasQuickViewButtonTrigger()"
11660                                class="product-quick-view-button rebuy-button outline"
11661                                v-on:click="openQuickViewVariantModal(product)"
11662                                v-bind:aria-label="'Quick view ' + product.title"
11663                                type="button">
11664                                <span v-html="getQuickViewButtonText()"></span>
11665                            </button>
11666
11667                            <div class="subscription-checkbox" v-if="showSubscriptionOptions(product)">
11668                                <label class="rebuy-checkbox-label">
11669                                    <input
11670                                        class="checkbox-input rebuy-checkbox"
11671                                        v-model="product.subscription"
11672                                        v-on:change="toggleSubscription(product)"
11673                                        type="checkbox"
11674                                        :aria-label="upgradeToSubscriptionAriaLabel(product)"
11675                                    />
11676                                    <span class="checkbox-label" v-html="upgradeToSubscriptionLabel(product)"></span>
11677                                </label>
11678                            </div>
11679
11680                            <div class="subscription-frequency" v-if="showSubscriptionFrequency(product)">
11681                                <select
11682                                    class="rebuy-select"
11683                                    aria-label="subscription frequency"
11684                                    v-model="product.subscription_frequency"
11685                                    v-on:change="updateSubscriptionFrequency(product)">
11686                                    <option v-for="frequency in product.subscription_frequencies" v-bind:value="frequency">{{ frequencyLabel(frequency, product.subscription_interval) }}</option>
11687                                </select>
11688                            </div>
11689
11690                            <div class="product-quantity" v-if="hasQuantityInputEnabled()">
11691                                <div class="rebuy-select-wrapper">
11692                                    <label class="rebuy-label">Quantity</label>
11693                                    <select
11694                                        class="rebuy-select"
11695                                        aria-label="product quantity"
11696                                        v-model="product.quantity">
11697                                        <option v-for="n in maxQuantityInputValue()" v-bind:value="n">{{ n }}</option>
11698                                    </select>
11699                                </div>
11700                            </div>
11701
11702                            <button
11703                                class="rebuy-button"
11704                                v-bind:class="{ working: (product.status != 'ready' && product.status != 'selecting') }"
11705                                v-bind:disabled="!(variantAvailable(product.selected_variant)) || (product.status != 'ready' && product.status != 'selecting')"
11706                                v-bind:aria-label="buttonAriaLabel(product)"
11707                                v-on:click="addToCart(product)"
11708                                type="button">
11709                                    <span v-html="buttonLabel(product)"></span>
11710                            </button>
11711                        </div>
11712                    </div>
11713
11714                </div>
11715
11716            </div>
11717
11718            <div class="rebuy-modal-actions" v-if="showContinueButton()">
11719                <button
11720                    class="rebuy-button decline"
11721                    v-on:click="hide()"
11722                    type="button">
11723                        <span v-html="continueLabel()"></span>
11724                </button>
11725            </div>
11726
11727            <div class="powered-by-rebuy">
11728                <a v-bind:href="'https://rebuyengine.com/?shop=' + config.shop.myshopify_domain" target="_blank" rel="noopener">
11729                    Powered by Rebuy
11730                </a>
11731            </div>
11732
11733        </div>
11734    </div>
11735</div>
11736</script>
11736
11737
11738
11739<!-- CUSTOM: Widget template for cart widget 287132. Moves rebuy-product-options and rebuy-product-actions inside rebuy-product-info for unified vertical alignment control. -->
11740
11741<script id="rebuy-widget-287132" type="text/template">
11742<div class="rebuy-widget"
11743v-cloak
11744v-on:click="stopPropagation($event)"
11745v-bind:id="'rebuy-widget-' + id"
11746v-bind:class="['widget-type-' + config.type.replace('_','-'), 'widget-display-' + config.display_type, products.length > 0 ? 'is-visible' : 'is-hidden', 'widget-layout-' + currentLayout()]">
11747
11748    <div
11749        class="rebuy-widget-container"
11750        v-cloak
11751        v-bind:class="['widget-display-' + config.display_type, visible ? 'is-visible' : 'is-hidden' ]"
11752        v-on:click.self="config.display_type == 'popup' && hide()">
11753
11754        <div class="rebuy-widget-content">
11755            <div class="rebuy-modal-close" v-on:click="hide()" aria-label="close modal">
11756                <rebuy-icon name="x"></rebuy-icon>
11757            </div>
11758
11759            <div class="rebuy-timer" v-if="hasTimer()">
11760                <p class="rebuy-timer-title" v-if="config.language.timer_title">
11761                    <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>
11762                </p>
11763            </div>
11764
11765            <h3 class="super-title" v-if="config.language.super_title != ''" v-html="config.language.super_title"></h3>
11766
11767            <h4 class="primary-title" v-if="config.language.title != ''" v-html="config.language.title"></h4>
11768
11769            <div class="description" v-if="config.language.description != ''" v-html="config.language.description"></div>
11770
11771            <div class="rebuy-product-grid" v-bind:class="layoutClasses" tabindex="0" role="list">
11772
11773                <div
11774                    v-for="(product, product_index) in products"
11775                    v-bind:class="[
11776                        product.handle,
11777                        'product-id-' + product.id,
11778                        cartHasProduct(product) ? 'cart-has-item' : '',
11779                        productTagClasses(product),
11780                        hasSplideCarousel ? 'splide__slide' : '',
11781                    ]"
11782                    aria-label="product"
11783                    class="rebuy-product-block"
11784                    role="listitem"
11785                >
11786
11787                    <div class="rebuy-product-media">
11788                        <a
11789                            v-if="!(hasProductQuickViewEnabled() && hasQuickViewPhotoTrigger())"
11790                            class="rebuy-product-image"
11791                            tabindex="-1"
11792                            v-bind:href="learnMoreURL(product)"
11793                            v-bind:style="imageStyles"
11794                            v-on:click="learnMore(product, $event);"
11795                            v-bind:class="[hasLearnMore() ? 'clickable' : '']"
11796                            rel="nofollow"
11797                        >
11798                            <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)">
11799                        </a>
11800                        <button
11801                            v-if="hasProductQuickViewEnabled() && hasQuickViewPhotoTrigger()"
11802                            class="rebuy-product-image-trigger"
11803                            v-bind:style="imageStyles"
11804                            v-on:click="openQuickViewVariantModal(product)"
11805                            v-bind:aria-label="'Quick view ' + product.title"
11806                            type="button"
11807                        >
11808                            <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)">
11809                        </button>
11810                    </div>
11811
11812                    <div class="rebuy-product-info">
11813                        <h5
11814                            class="rebuy-product-title"
11815                            v-bind:class="[hasLearnMore() ? 'clickable' : '']">
11816                            <a
11817                                v-bind:href="learnMoreURL(product)"
11818                                class="rebuy-product-title-link"
11819                                v-on:click="learnMore(product, $event);"
11820                                v-html="product.title"
11821                                v-bind:class="[hasLearnMore() ? 'clickable' : '']"
11822                                v-bind:aria-label="'View ' + product.title"
11823                                rel="nofollow"
11824                            ></a>
11825                        </h5>
11826                        <div
11827                            class="rebuy-product-vendor-container"
11828                            v-if="showProductVendor(product.vendor)"
11829                        >
11830                            <a
11831                                class="rebuy-product-vendor"
11832                                v-bind:class="[hasEnabledProductVendorLink() ? 'clickable' : '']"
11833                                v-html="product.vendor"
11834                                v-bind:href="vendorURL(product.vendor)"
11835                                v-bind:aria-label="'View ' + product.vendor + ' products'"
11836                                rel="nofollow"
11837                            ></a>
11838                        </div>
11839                        <div class="rebuy-variant-title" v-if="showVariantTitle(product)" v-html="product.selected_variant.title"></div>
11840                        <div class="rebuy-product-review" v-if="hasProductReviews(product)" aria-label="product star rating">
11841                            <span class="rebuy-star-rating">
11842                                <span
11843                                    v-if="product.reviews.star_rating"
11844                                    class="rebuy-star-rating-value sr-only"
11845                                    v-html="product.reviews.star_rating + ' stars out of 5 stars'"
11846                                >
11847                                </span>
11848                                <span class="rebuy-star-rating-background"></span>
11849                                <span class="rebuy-star-rating-foreground" v-bind:style="{ width: productReviewRatingPercentage(product) }"></span>
11850                            </span>
11851                            <span class="rebuy-review-count" v-html="productReviewCount(product)"></span>
11852                        </div>
11853
11854                        <div class="rebuy-product-price">
11855                            <div v-if="variantOnSale(product, product.selected_variant)">
11856                                <span class="rebuy-money sale">
11857                                    <span class="sr-only">Sale price</span>
11858                                    <span tabindex="0" v-html="formatMoney(variantPrice(product, product.selected_variant))"></span>
11859                                </span>
11860                                <span class="rebuy-money compare-at">
11861                                    <span class="sr-only">Original price</span>
11862                                    <span v-html="formatMoney(variantCompareAtPrice(product, product.selected_variant))"></span>
11863                                </span>
11864                            </div>
11865                            <div v-if="!(variantOnSale(product, product.selected_variant))">
11866                                <span class="rebuy-money">
11867                                    <span class="sr-only">Price</span>
11868                                    <span tabindex="0" v-html="formatMoney(variantPrice(product, product.selected_variant))"></span>
11869                                </span>
11870                            </div>
11871                        </div>
11872                        <div class="rebuy-product-description" v-if="showProductDescription(product)" v-html="text(product.body_html)"></div>
11873
11874                        <div class="rebuy-product-options" v-if="showVariantSelect(product)">
11875                            <select
11876                                title="Select product variant"
11877                                :id="id + '-' + 'select' + '-' + product_index"
11878                                :class="{ hide : config.view_options.variant_selector === 'buttons' }"
11879                                class="rebuy-select"
11880                                v-bind:aria-label="'variant of ' + product.title"
11881                                v-model="product.selected_variant_id"
11882                                v-on:change="selectVariant(product)">
11883                                <option
11884                                    v-for="variant in product.variants"
11885                                    class="rebuy-product-options__option"
11886                                    :class="{ 'rebuy-product-options__option--oos' : !variantAvailable(variant) }"
11887                                    v-bind:value="variant.id"
11888                                    :disabled="!variantAvailable(variant)"
11889                                    v-html="formatVariantOptionTitle(variant)">
11890                                </option>
11891                            </select>
11892
11893                            <div
11894                                class="rebuy-product-options__button-swatches-container"
11895                                :class="{ 'rebuy-style__hidden-block' : config.view_options.variant_selector === 'select' }"
11896                                >
11897                                <div
11898                                    v-for="option in product.options"
11899                                    :key="'option-' + product.id + '-' + option.name"
11900                                    class="rebuy-product-options__button-swatches rebuy-size-swatches"
11901                                    >
11902                                    <div
11903                                        v-for="(value, value_index) in filterOOSOptions(option, product)"
11904                                        :key="'value-' + product.id + '-' + option.name + '-' + value + '-' + value_index"
11905                                        >
11906                                        <div v-if="displayColorSwatches(option)" class="rebuy-product-options__button-swatch rebuy-color-swatch">
11907                                            <input
11908                                                :name="id + '-color-' + product_index"
11909                                                :id="id + '-color-' + product_index + '-' + value + '-' + value_index"
11910                                                :checked="hasSwatchOptionSelected(product, value, value_index, 'color')"
11911                                                :value="value"
11912                                                type="radio"
11913                                                class="rebuy-color-input hide"
11914                                                v-on:change="selectVariantByOption(product, option.name, value)"
11915                                                :disabled="isDisabledOptionValue(product, option.name, value)"
11916                                            />
11917
11918                                            <label
11919                                                :for="id + '-color-' + product_index + '-' + value + '-' + value_index"
11920                                                :style="getMerchantThemeColorAssetStyle(value)"
11921                                                :title="value"
11922                                                class="rebuy-color-label"
11923                                                :class="{ 'rebuy-product-options__button-swatch-label--disabled' : isDisabledOptionValue(product, option.name, value) }"
11924                                            >
11925                                            </label>
11926                                        </div>
11927
11928                                        <div v-if="!displayColorSwatches(option)" class="rebuy-product-options__button-swatch rebuy-size-swatch">
11929                                            <input
11930                                                :name="id + '-' + option.name + '-' + product_index"
11931                                                :id="id + '-' + option.name + '-' + product_index + '-' + value"
11932                                                :checked="hasSwatchOptionSelected(product, value, value_index, option.name)"
11933                                                :value="value"
11934                                                type="radio"
11935                                                class="rebuy-size-input hide"
11936                                                v-on:change="selectVariantByOption(product, option.name, value)"
11937                                                :disabled="isDisabledOptionValue(product, option.name, value)"
11938                                            />
11939
11940                                            <label
11941                                                :for="id + '-' + option.name + '-' + product_index + '-' + value"
11942                                                class="rebuy-size-label"
11943                                                :class="{ 'rebuy-product-options__button-swatch-label--disabled' : isDisabledOptionValue(product, option.name, value) }"
11944                                            >
11945                                                {{ value }}
11946                                            </label>
11947                                        </div>
11948                                    </div>
11949                                </div>
11950                            </div>
11951                        </div>
11952
11953                        <div class="rebuy-product-actions">
11954                            <button
11955                                v-if="hasProductQuickViewEnabled() && hasQuickViewButtonTrigger()"
11956                                class="product-quick-view-button rebuy-button outline"
11957                                v-on:click="openQuickViewVariantModal(product)"
11958                                v-bind:aria-label="'Quick view ' + product.title"
11959                                type="button">
11960                                <span v-html="getQuickViewButtonText()"></span>
11961                            </button>
11962
11963                            <div class="subscription-checkbox" v-if="showSubscriptionOptions(product)">
11964                                <label class="rebuy-checkbox-label">
11965                                    <input
11966                                        class="checkbox-input rebuy-checkbox"
11967                                        v-model="product.subscription"
11968                                        v-on:change="toggleSubscription(product)"
11969                                        type="checkbox"
11970                                        :aria-label="upgradeToSubscriptionAriaLabel(product)"
11971                                    />
11972                                    <span class="checkbox-label" v-html="upgradeToSubscriptionLabel(product)"></span>
11973                                </label>
11974                            </div>
11975
11976                            <div class="subscription-frequency" v-if="showSubscriptionFrequency(product)">
11977                                <select
11978                                    class="rebuy-select"
11979                                    aria-label="subscription frequency"
11980                                    v-model="product.subscription_frequency"
11981                                    v-on:change="updateSubscriptionFrequency(product)">
11982                                    <option v-for="frequency in product.subscription_frequencies" v-bind:value="frequency">{{ frequencyLabel(frequency, product.subscription_interval) }}</option>
11983                                </select>
11984                            </div>
11985
11986                            <div class="product-quantity" v-if="hasQuantityInputEnabled()">
11987                                <div class="rebuy-select-wrapper">
11988                                    <label class="rebuy-label">Quantity</label>
11989                                    <select
11990                                        class="rebuy-select"
11991                                        aria-label="product quantity"
11992                                        v-model="product.quantity">
11993                                        <option v-for="n in maxQuantityInputValue()" v-bind:value="n">{{ n }}</option>
11994                                    </select>
11995                                </div>
11996                            </div>
11997
11998                            <button
11999                                class="rebuy-button"
12000                                v-bind:class="{ working: (product.status != 'ready' && product.status != 'selecting') }"
12001                                v-bind:disabled="!(variantAvailable(product.selected_variant)) || (product.status != 'ready' && product.status != 'selecting')"
12002                                v-bind:aria-label="buttonAriaLabel(product)"
12003                                v-on:click="addToCart(product)"
12004                                type="button">
12005                                    <span v-html="buttonLabel(product)"></span>
12006                            </button>
12007                        </div>
12008                    </div>
12009
12010                </div>
12011
12012            </div>
12013
12014            <div class="rebuy-modal-actions" v-if="showContinueButton()">
12015                <button
12016                    class="rebuy-button decline"
12017                    v-on:click="hide()"
12018                    type="button">
12019                        <span v-html="continueLabel()"></span>
12020                </button>
12021            </div>
12022
12023            <div class="powered-by-rebuy">
12024                <a v-bind:href="'https://rebuyengine.com/?shop=' + config.shop.myshopify_domain" target="_blank" rel="noopener">
12025                    Powered by Rebuy
12026                </a>
12027            </div>
12028
12029        </div>
12030    </div>
12031</div>
12032</script>
12032
12033
12034<!-- /CUSTOM -->
12035    <!-- Rebuy END -->
12036  <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>
12037<div id="shopify-block-AQTlTWDBDUEVwNWNoZ__10641372206048101839" class="shopify-block shopify-app-block">
12038<script>
12039  window.Rebuy = window.Rebuy || {};
12040  window.Rebuy.customer = window.Rebuy.customer || {};
12041  
12042  window.Rebuy.market = window.Rebuy.market || {};
12043  
12044  window.Rebuy.market.country = "US";
12045  
12046  
12047  window.Rebuy.market.locale = "en";
12048  
12049</script>
12049
12050
12051
12052<script async src="https://cdn.rebuyengine.com/onsite/js/rebuy.js?shop=supergoop.myshopify.com"></script>
12052
12053
12054
12055</div><div id="shopify-block-AZFd6aGFnS21FS1hVa__13768625480086291342" class="shopify-block shopify-app-block">
12055<script>
12056  window['ShopifyForms'] = {
12057    ...window['ShopifyForms'],
12058    currentPageType: "product"
12059  };
12060</script>
12060
12061
12062
12063</div><div id="shopify-block-AeWtjZE1LT2Irb3pva__7079518687644006178" class="shopify-block shopify-app-block">
12063<script>
12064  (function () {
12065    const cartAttributes = {};
12066
12067    // Helper function to retrieve the UTM from Url
12068    function getUTMFromUrl() {
12069      const url_string = window.location.href;
12070      const url = new URL(url_string);
12071
12072      const utm_id = url.searchParams.get("utm_id");
12073      const utm_source = url.searchParams.get("utm_source");
12074      const utm_medium = url.searchParams.get("utm_medium");
12075      const utm_campaign = url.searchParams.get("utm_campaign");
12076      const utm_term = url.searchParams.get("utm_term");
12077      const ref = url.searchParams.get("ref");
12078
12079      if (!utm_id && !utm_source && !utm_medium && !utm_campaign && !ref) {
12080        return null;
12081      }
12082
12083      let utmParameters = {};
12084      
12085        if (utm_id) {
12086          utmParameters.utm_id = utm_id;
12087        }
12088        if (utm_source) {
12089          utmParameters.utm_source = utm_source;
12090        }
12091        if (utm_medium) {
12092          utmParameters.utm_medium = utm_medium;
12093        }
12094        if (utm_campaign) {
12095          utmParameters.utm_campaign = utm_campaign;
12096        }
12097        if (utm_term) {
12098          utmParameters.utm_term = utm_term;
12099        }
12100        if (ref) {
12101          utmParameters.ref = ref;
12102        }
12103      
12104
12105      return Object.keys(utmParameters).length === 0
12106        ? null
12107        : utmParameters;
12108    }
12109
12110    // Helper function to retrieve the UTM from Cookie
12111    function getUTMAttributes() {
12112      const urlUtmParams = getUTMFromUrl();
12113
12114      if (urlUtmParams) {
12115          return urlUtmParams;
12116      }
12117
12118      // No longer reading from deprecated Shopify cookies
12119      return undefined;
12120    }
12121
12122    function saveUtmParameters() {
12123      const utmParams = getUTMAttributes();
12124      if (utmParams) {
12125        const cartHasUtmAttributes = Object.keys(cartAttributes).find(attributeKey => attributeKey.startsWith("utm_") || attributeKey === "ref");
12126        if (cartHasUtmAttributes) {
12127          // Don't call API if it already contains our UTM parameters
12128          return;
12129        }
12130
12131        // Handle both Shopify.routes.root and routes.root_url for better compatibility
12132        var rootUrl = (window.Shopify && window.Shopify.routes && window.Shopify.routes.root) 
12133          || (window.routes && window.routes.root_url) 
12134          || '/';
12135        
12136        var updateCart = fetch(rootUrl + 'cart/update.js',
12137        {
12138          headers: {
12139            'Content-Type': 'application/json',
12140          },
12141          method: "POST",
12142          body: JSON.stringify({
12143            attributes: {
12144              ...utmParams
12145            },
12146          })
12147        })
12148        .then(response => response.json())
12149        .then(data => {
12150          return data
12151        });
12152      }
12153    }
12154
12155    saveUtmParameters();
12156  })();
12157</script>
12157
12158
12159
12160
12161
12162</div><div id="shopify-block-AcVdWR1d0ZzhmRUg1e__11560147490181472608" class="shopify-block shopify-app-block"><!-- BEGIN app snippet: rivo-init -->
12162<script type="text/javascript" id="rivo-app-embed-init">
12163  window.Rivo = window.Rivo || {};
12164  window.Rivo.embedded_version_enabled = true;
12165  window.Rivo.common = window.Rivo.common || {};
12166  window.Rivo.common.shop = {
12167    permanent_domain: 'supergoop.myshopify.com',
12168    currency: "USD",
12169    money_format: "${{amount}}",
12170    id: 15035658
12171  };
12172
12173  window.Rivo.common.template = 'product';
12174  window.Rivo.common.full_template = 'product.unseen-sunscreen-spf-50';
12175  window.Rivo.common.cart = {};
12176  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_ski
12176p_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","orders_secondary_additional_button_text":null,"sold_out_text":"Sold out","taxes_included_text":"Taxes (included)","amount_paid_text":"Amount paid","amount_refunded_text":"Amount refunded","net_payment_text":"Net payment","home_referral_page_subtitle":"Refer a friend who makes a purchase and both of you will claim rewards.","membership_gift_title":"Select Your Free Gift","membership_gift_subtitle":"Your membership includes a free gift. Choose an option below to add it to your cart.","membership_gift_add_to_cart_button_text":"Add to Cart","claim_transfer_title":"Claim Store Credit","claim_transfer_claimed_amount_text":"You received {{amount}}!","claim_transfer_claimed_sender_text":"{{sender}} sent you store credit","claim_transfer_pending_sender_text":"{{sender}} sent you {{amount}}","claim_transfer_pending_anonymous_text":"Someone sent you {{amount}}","claim_transfer_email_label":"Email","claim_transfer_email_placeholder":"[email protected]","claim_transfer_login_button":"Sign in to claim your gift","claim_transfer_claim_button":"Claim Store Credit"}},"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 re
12176ceipt 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"
12176:"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","
12176social_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 benef
12176its 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_applied_to_subscription_order":"Applied to subscription order","general_cashback_not_earned_subject":"You didn't earn CashBack on this order","general_cashback_not_earned_title":"You didn't earn CashBack on this order","general_cashback_not_earned_subtitle":"This order wasn't eligible for CashBack.","general_drop_points":"Limited time bonus points","general_drop_credits":"Limited time bonus credits","general_store_credit_transfer_sent_via_gift_url":"Sent {{amount}} credit via gift URL {{transfer_url}}","general_store_credit_transfer_sent":"Sent {{amount}} credit to {{recipient_email}}","general_store_credit_transfer_received":"Received {{amount}} credit from {{sender_email}}","general_drop_points_expired":"Limited time bonus points expired","general_drop_credits_expired":"Limited time bonus credits expired","general_store_credit_redeemed":"{{store_credit_amount}} in store credit has been added to your account. Apply at checkout.","general_discount_code_applied_to_cart":"Discount applied to your cart","general_apply_code_now":"Apply code now","general_apply_to_subscription":"Apply to subscription","general_or":"OR","general_choose_redemption_destination":"Choose to use it now or on your next subscription order","general_subscription_redemption_applied":"This reward will apply to your next subscription order","activity_expiration_label":"Expires","activity_table_header_expiration":"Expires At","social_provide_instagram_handle":"Share your Instagram handle","social_provide_tiktok_handle":"Share your TikTok handle","social_provide_instagram_handle_past_tense":"Shared your Instagram handle","social_provide_tiktok_handle_past_tense":"Shared your TikTok handle","social_provide_handle_button":"Share handle","social_handle_placeholder":"@username","social_handle_missing":"Please enter your handle","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"}}};
12177  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=1787090345","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=1786981399","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,"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};
12178
12179  if (!window.Rivo.global_config.theme_extension_local_assets) {
12180    window.Rivo.global_config.asset_urls = {
12181      ...window.Rivo.global_config.asset_urls,
12182      loy: {
12183        api_js: 'https://cdn.shopify.com/extensions/01a0ac46-d5b
121831-7e90-90aa-1f7e831976f9/rivo-loyalty-rewards-referrals-819/assets/ba_rivo_api.js',
12184        init_js: 'https://cdn.shopify.com/extensions/01a0ac46-d5b1-7e90-90aa-1f7e831976f9/rivo-loyalty-rewards-referrals-819/assets/ba_loy_init.js',
12185        referrals_js: 'https://cdn.shopify.com/extensions/01a0ac46-d5b1-7e90-90aa-1f7e831976f9/rivo-loyalty-rewards-referrals-819/assets/ba_loy_referrals.js',
12186        referrals_css: 'https://cdn.shopify.com/extensions/01a0ac46-d5b1-7e90-90aa-1f7e831976f9/rivo-loyalty-rewards-referrals-819/assets/ba_loy_referrals.css',
12187        widget_js: 'https://cdn.shopify.com/extensions/01a0ac46-d5b1-7e90-90aa-1f7e831976f9/rivo-loyalty-rewards-referrals-819/assets/ba_loy_widget.js',
12188        widget_css: 'https://cdn.shopify.com/extensions/01a0ac46-d5b1-7e90-90aa-1f7e831976f9/rivo-loyalty-rewards-referrals-819/assets/ba_loy_widget.css',
12189        page_init_js: 'https://cdn.shopify.com/extensions/01a0ac46-d5b1-7e90-90aa-1f7e831976f9/rivo-loyalty-rewards-referrals-819/assets/ba_loy_page_init.js',
12190        page_widget_js: 'https://cdn.shopify.com/extensions/01a0ac46-d5b1-7e90-90aa-1f7e831976f9/rivo-loyalty-rewards-referrals-819/assets/ba_loy_page_widget.js',
12191        page_widget_css: 'https://cdn.shopify.com/extensions/01a0ac46-d5b1-7e90-90aa-1f7e831976f9/rivo-loyalty-rewards-referrals-819/assets/ba_loy_page.css',
12192        page_preview_js: "/assets/msg/loy_page_preview.js",
12193        app_proxy_application_js: 'https://cdn.shopify.com/extensions/01a0ac46-d5b1-7e90-90aa-1f7e831976f9/rivo-loyalty-rewards-referrals-819/assets/app_proxy_application.js',
12194        lp_js:  'https://cdn.shopify.com/extensions/01a0ac46-d5b1-7e90-90aa-1f7e831976f9/rivo-loyalty-rewards-referrals-819/assets/ba_rivo_lp.js',
12195        profile_js: 'https://cdn.shopify.com/extensions/01a0ac46-d5b1-7e90-90aa-1f7e831976f9/rivo-loyalty-rewards-referrals-819/assets/ba_rivo_profile.js',
12196        profile_loyalty_js: 'https://cdn.shopify.com/extensions/01a0ac46-d5b1-7e90-90aa-1f7e831976f9/rivo-loyalty-rewards-referrals-819/assets/ba_rivo_profile_loyalty.js'
12197      },
12198      forms: {
12199        init_js: 'https://cdn.shopify.com/extensions/01a0ac46-d5b1-7e90-90aa-1f7e831976f9/rivo-loyalty-rewards-referrals-819/assets/ba_forms_init.js',
12200        widget_js: 'https://cdn.shopify.com/extensions/01a0ac46-d5b1-7e90-90aa-1f7e831976f9/rivo-loyalty-rewards-referrals-819/assets/ba_forms_widget.js',
12201        forms_css: 'https://cdn.shopify.com/extensions/01a0ac46-d5b1-7e90-90aa-1f7e831976f9/rivo-loyalty-rewards-referrals-819/assets/ba_forms.css'
12202      },
12203      global: {
12204        helper_js: 'https://cdn.shopify.com/extensions/01a0ac46-d5b1-7e90-90aa-1f7e831976f9/rivo-loyalty-rewards-referrals-819/assets/ba_tracking.js'
12205      }
12206    };
12207  }
12208
12209  
12210    if (window.Rivo.common.template == 'product'){
12211      window.Rivo.common.product = {
12212        id: 7269697060962, price: 1900, handle: "unseen-sunscreen-spf-50", tags: ["ATTV_GLOBAL_EXCLUSION_TAG","Badge:Bestseller","Body Part:Face","Finish:Invisible","Finish:Natural","Finish:No white cast","YGroup_unseen50"],
12213        available: true, title: "Unseen Sunscreen SPF 50", variants: [{"id":41610270802018,"title":"1.7 fl. oz.","option1":"1.7 fl. oz.","option2":null,"option3":null,"sku":"8817","requires_shipping":true,"taxable":true,"featured_image":{"id":33252601888866,"product_id":7269697060962,"position":1,"created_at":"2025-09-16T09:55:18-04:00","updated_at":"2025-09-16T09:55:58-04:00","alt":"Supergoop! Unseen Sunscreen SPF 50 1.7 fl. oz.","width":1180,"height":1604,"src":"\/\/supergoop.com\/cdn\/shop\/files\/Unseen_PDP_Image_Allure_Seal_2025.png?v=1758030958","variant_ids":[41610270802018]},"available":true,"name":"Unseen Sunscreen SPF 50 - 1.7 fl. oz.","public_title":"1.7 fl. oz.","options":["1.7 fl. oz."],"price":3800,"weight":74,"compare_at_price":null,"inventory_quantity":100,"inventory_management":"shopify","inventory_policy":"deny","barcode":"816218028817","featured_media":{"alt":"Supergoop! Unseen Sunscreen SPF 50 1.7 fl. oz.","id":24781773733986,"position":1,"preview_image":{"aspect_ratio":0.736,"height":1604,"width":1180,"src":"\/\/supergoop.com\/cdn\/shop\/files\/Unseen_PDP_Image_Allure_Seal_2025.png?v=1758030958"}},"requires_selling_plan":false,"selling_plan_allocations":[{"price_adjustments":[{"position":1,"price":3420}],"price":3420,"compare_at_price":3800,"per_delivery_price":3420,"selling_plan_id":3022880866,"selling_plan_group_id":"d1c31b7d875f371afdda85ee0906e6c15aee403a"},{"price_adjustments":[{"position":1,"price":3420}],"price":3420,"compare_at_price":3800,"per_delivery_price":3420,"selling_plan_id":3022913634,"selling_plan_group_id":"d1c31b7d875f371afdda85ee0906e6c15aee403a"},{"price_adjustments":[{"position":1,"price":3420}],"price":3420,"compare_at_price":3800,"per_delivery_price":3420,"selling_plan_id":3022848098,"selling_plan_group_id":"d1c31b7d875f371afdda85ee0906e6c15aee403a"}],"quantity_rule":{"min":1,"max":null,"increment":1}},{"id":41610274275426,"title":"2.5 fl. oz.","option1":"2.5 fl. oz.","option2":null,"option3":null,"sku":"8824","requires_shipping":true,"taxable":true,"featured_image":{"id":31530322165858,"product_id":7269697060962,"position":2,"created_at":"2024-12-06T17:26:33-05:00","updated_at":"2026-03-29T11:10:43-04:00","alt":"Supergoop! Unseen Sunscreen 
12213SPF 50 2.5 fl. oz.","width":1180,"height":1604,"src":"\/\/supergoop.com\/cdn\/shop\/files\/supergoop-unseen-sunscreen-spf-50-product-and-texture-74ml.jpg?v=1774797043","variant_ids":[41610274275426]},"available":true,"name":"Unseen Sunscreen SPF 50 - 2.5 fl. oz.","public_title":"2.5 fl. oz.","options":["2.5 fl. oz."],"price":4800,"weight":74,"compare_at_price":null,"inventory_quantity":100,"inventory_management":"shopify","inventory_policy":"deny","barcode":"816218028824","featured_media":{"alt":"Supergoop! Unseen Sunscreen SPF 50 2.5 fl. oz.","id":23679571656802,"position":2,"preview_image":{"aspect_ratio":0.736,"height":1604,"width":1180,"src":"\/\/supergoop.com\/cdn\/shop\/files\/supergoop-unseen-sunscreen-spf-50-product-and-texture-74ml.jpg?v=1774797043"}},"requires_selling_plan":false,"selling_plan_allocations":[{"price_adjustments":[{"position":1,"price":4320}],"price":4320,"compare_at_price":4800,"per_delivery_price":4320,"selling_plan_id":3022880866,"selling_plan_group_id":"d1c31b7d875f371afdda85ee0906e6c15aee403a"},{"price_adjustments":[{"position":1,"price":4320}],"price":4320,"compare_at_price":4800,"per_delivery_price":4320,"selling_plan_id":3022913634,"selling_plan_group_id":"d1c31b7d875f371afdda85ee0906e6c15aee403a"},{"price_adjustments":[{"position":1,"price":4320}],"price":4320,"compare_at_price":4800,"per_delivery_price":4320,"selling_plan_id":3022848098,"selling_plan_group_id":"d1c31b7d875f371afdda85ee0906e6c15aee403a"}],"quantity_rule":{"min":1,"max":null,"increment":1}},{"id":41610278305890,"title":"0.68 fl. oz.","option1":"0.68 fl. oz.","option2":null,"option3":null,"sku":"8855","requires_shipping":true,"taxable":true,"featured_image":{"id":31530285629538,"product_id":7269697060962,"position":3,"created_at":"2024-12-06T17:02:14-05:00","updated_at":"2026-03-29T11:10:43-04:00","alt":"Supergoop! Unseen Sunscreen SPF 50 0.68 fl. oz.","width":1180,"height":1604,"src":"\/\/supergoop.com\/cdn\/shop\/files\/supergoop-unseen-sunscreen-spf-50-product-and-texture-20ml.jpg?v=1774797043","variant_ids":[41610278305890]},"available":true,"name":"Unseen Sunscreen SPF 50 - 0.68 fl. oz.","public_title":"0.68 fl. oz.","options":["0.68 fl. oz."],"price":1900,"weight":74,"compare_at_price":null,"inventory_quantity":100,"inventory_management":"shopify","inventory_policy":"deny","barcode":"816218028855","featured_media":{"alt":"Supergoop! Unseen Sunscreen SPF 50 0.68 fl. oz.","id":23679549472866,"position":3,"preview_image":{"aspect_ratio":0.736,"height":1604,"width":1180,"src":"\/\/supergoop.com\/cdn\/shop\/files\/supergoop-unseen-sunscreen-spf-50-product-and-texture-20ml.jpg?v=1774797043"}},"requires_selling_plan":false,"selling_plan_allocations":[{"price_adjustments":[{"position":1,"price":1710}],"price":1710,"compare_at_price":1900,"per_delivery_price":1710,"selling_plan_id":3022880866,"selling_plan_group_id":"d1c31b7d875f371afdda85ee0906e6c15aee403a"},{"price_adjustments":[{"position":1,"price":1710}],"price":1710,"compare_at_price":1900,"per_delivery_price":1710,"selling_plan_id":3022913634,"selling_plan_group_id":"d1c31b7d875f371afdda85ee0906e6c15aee403a"},{"price_adjustments":[{"position":1,"price":1710}],"price":1710,"compare_at_price":1900,"per_delivery_price":1710,"selling_plan_id":3022848098,"selling_plan_group_id":"d1c31b7d875f371afdda85ee0906e6c15aee403a"}],"quantity_rule":{"min":1,"max":null,"increment":1}},{"id":42388055916642,"title":"2-pack","option1":"2-pack","option2":null,"option3":null,"sku":"3423","requires_shipping":true,"taxable":true,"featured_image":{"id":31693618905186,"product_id":7269697060962,"position":4,"created_at":"2025-01-13T11:31:37-05:00","updated_at":"2026-03-29T11:10:43-04:00","alt":"Supergoop! Unseen Sunscreen SPF 50 2-pack","width":1180,"height":1604,"src":"\/\/supergoop.com\/cdn\/shop\/files\/Unseen_2-Pack.png?v=1774797043","variant_ids":[42388055916642]},"available":true,"name":"Unseen Sunscreen SPF 50 - 2-pack","public_title":"2-pack","options":["2-pack"],"price":7600,"weight":74,"compare_at_price":null,"inventory_quantity":0,"inventory_management":null,"inventory_policy":"deny","barcode":null,"featured_media":{"alt":"Supergoop! Unseen Sunscreen 
12213SPF 50 2-pack","id":23788988530786,"position":4,"preview_image":{"aspect_ratio":0.736,"height":1604,"width":1180,"src":"\/\/supergoop.com\/cdn\/shop\/files\/Unseen_2-Pack.png?v=1774797043"}},"requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}}]
12214      };
12215    }
12216  
12217
12218  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_progress_block_show_highest_tier":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  }
12218\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","general_or":"OR","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_handle_missing":"Please enter your handle","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_apply_code_now":"Apply code now","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 invali
12218d","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","activity_expiration_label":"Expires","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","social_handle_placeholder":"@username","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","social_provide_handle_button":"Share handle","social_provide_tiktok_handle":"Share your TikTok handle","store_credit_sync_past_tense":"Store credit sync","vip_tier_orders_placed_count":"Place {{amount}} Orders","general_activate_store_credit":"Activate Store Credit","general_apply_to_subscription":"Apply to subscription","general_celebrate_anniversary":"Celebrate Loyalty Anniversary","general_punch_card_checkpoint":"Punch Card Checkpoint","general_redeem_error_vip_tier":"This reward requires a higher VIP tier","general_redeemed_store_credit":"Redeemed Store Credit","general_store_credit_redeemed":"{{store_credit_amount}} in store credit has been added to your account. Apply at checkout.","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_provide_instagram_handle":"Share your Instagram handle","social_tiktok_follow_past_tense":"Followed on TikTok","
12218social_twitter_share_past_tense":"Shared a link on X","activity_table_header_expiration":"Expires At","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_cashback_not_earned_title":"You didn't earn CashBack on this order","general_cross_collection_purchase":"Cross Collection Purchase","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","general_store_credit_transfer_sent":"Sent {{amount}} credit to {{recipient_email}}","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_cashback_not_earned_subject":"You didn't earn CashBack on this order","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.","general_cashback_not_earned_subtitle":"This order wasn't eligible for CashBack.","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_applied_to_subscription_order":"Applied to subscription order","general_celebrate_birthday_past_tense":"Celebrated a birthday","general_choose_redemption_destination":"Choose to use it now or on your next subscription order","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_t
12218itle":"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_store_credit_transfer_received":"Received {{amount}} credit from {{sender_email}}","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.","general_subscription_redemption_applied":"This reward will apply to your next subscription order","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","social_provide_tiktok_handle_past_tense":"Shared your TikTok handle","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_t
12218itle":"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","social_provide_instagram_handle_past_tense":"Shared your Instagram handle","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_t
12218itle":"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","general_store_credit_transfer_sent_via_gift_url":"Sent {{amount}} credit via gift URL {{transfer_url}}","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"}
12218],"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":[],"reward_value":5.0,"min_order_value_in_cents":null,"terms_of_service":{"reward_type":"fixed_amount","applies_to":"entire","show_tos":false},"pretty_terms_of_service":"","translated_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":[],"reward_value":10.0,"min_order_value_in_cents":null,"terms_of_service":{"reward_type":"fixed_amount","applies_to":"entire","show_tos":false},"pretty_terms_of_service":"","translated_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":[],"reward_value":20.0,"min_order_value_in_cents":null,"terms_of_service":{"reward_type":"fixed_amount","applies_to":"entire","show_tos":false},"pretty_terms_of_service":"","translated_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":[],"reward_value":5.0,"min_order_value_in_cents":null,"terms_of_service":{"reward_type":"fixed_amount","applies_to":"entire","show_tos":false},"pretty_terms_of_service":"","translated_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":[],"reward_value":10.0,"min_order_value_in_cents":null,"terms_of_service":{"reward_type":"fixed_amount","applies_to":"entire","show_tos":false},"pretty_terms_of_service":"","translated_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":[],"reward_value":20.0,"min_order_value_in_cents":null,"terms_of_service":{"reward_type":"fixed_amount","applies_to":"entire","show_tos":false},"pretty_terms_of_service":"","translated_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,"hide_from_checkout_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,"hide_from_checkout_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","membership_gift_order_count_starts_at_enrollment":false},"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_expanded_version_enabled":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,"redeem_points_expanded_show_custom_icons_enabled":true,"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_points_hide_redeem_when_free_product_applied":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,"active_bonus_campaigns":[],"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, Bl
12218inkMacSystemFont, 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","sold_out_text":"Sold out","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","amount_paid_text":"Amount paid","footer_font_size":15,"footer_home_text":"For You","google_client_id":"105612801293-sameovm86585pon5peultgqlp451r1l5.apps.googleusercontent.com","net_payment_text":"Net payment","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","skip_edgemesh_cache":false,"slideout_icon_color":"#303030","taxes_included_text":"Taxes (included)","update_profile_text":"Update Profile","view_favorites_text":"View Favorites","amount_refunded_text":"Amount refunded","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 
12218SPF 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,"home_referral_page_subtitle":"Refer a friend who makes a purchase and both of you will claim rewards.","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,"redeem_rewards_display_style":"horizontal","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_expiration_message_enabled":false,"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,\
12218n    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,"orders_secondary_additional_button_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,"orders_secondary_additional_button_primary_button":false,"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":[],"order_settings":{"order_price_exclude_discounts":false,"order_price_include_taxes":true,"order_price_include_shipping":true,"order_reward_channels":"all","order_reward_financial_statuses":["paid"],"order_revoke_financial_statuses":["refunded"],"convert_pos_customers_to_members":false,"discount_code_prefix_settings":{"global_prefix":"BAL-","loyalty_gift_prefix":"LGIFT-"},"capitalize_discount_codes":false,"discount_combination_settings":{},"discount_combinations_with_product_enabled":false,"discount_combinations_with_order_enabled":false,"discount_combinations_with_shipping_enabled":false,"points_program_excluded_collection_ids":[],"points_program_excluded_product_ids":[null],"points_program_excluded_order_tags":[],"skip_order_earnings_on_product_ids":[],"points_order_earnings_rounding_enabled":true,"points_order_earnings_rounding_type":"round","credits_order_earnings_rounding_enabled":false,"credits_order_earnings_rounding_type":"round","credits_order_earnings_rounding_precision":2,"points_order_earnings_rounding_precision":0,"points_program_fulfillment_earnings_trigger":"order_placed"}};
12219  window.Rivo.loy_config.api_endpoint = "\/apps\/ba-loy";
12220</script>
12220
12221
12222<script type="text/javascript" id="rivo-js-customer-init" dynamic>
12223  
12224</script>
12224
12225
12226
12227  <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=1786981399"/>
12228  <style type="text/css">
12229    
12230    :root {
12231      --rivo-aw-background-color: #ffffff;
12232      --rivo-aw-desktop-sidebar-left: auto;
12233      --rivo-aw-desktop-sidebar-right: 0px;
12234      --rivo-aw-desktop-slidein-translate-x: 100%;
12235      --rivo-aw-desktop-slideout-translate-x: 100%;
12236      --rivo-aw-heading-font-color: #2a2a2a;
12237      --rivo-aw-body-primary-font-color: #2a2a2a;
12238      --rivo-aw-body-secondary-font-color: #5c5c5c;
12239      --rivo-aw-border-color: #e0e0e0;
12240      --rivo-aw-subdued-color: #f7f7f7;
12241      --rivo-aw-icon-color: #303030;
12242      --rivo-aw-primary-color: #0000b4;
12243      --rivo-aw-favorite-button-active-color: #ff5e5e;
12244      --rivo-aw-toast-offset-left: auto;
12245      --rivo-aw-toast-offset-right: 15px;
12246      --rivo-aw-default-font-size: 16px;
12247      
12248      
12249      
12250      --rivo-aw-logged-out-title-font-size: 24px;
12251      
12252      --rivo-aw-mini-block-title-font-size: 13px;
12253      --rivo-aw-mini-block-subtitle-font-size: 13px;
12254      --rivo-aw-login-footer-font-size: 12px;
12255      --rivo-aw-footer-font-size: 15px;
12256      --rivo-aw-toast-background-color: #1a1a1a;
12257      --rivo-aw-toast-font-color: #ffffff;
12258      
12259      
12260      --rivo-aw-home-featured-content-image-position: center center;
12261      --rivo-aw-compare-at-price-color: #c70000;
12262      --rivo-aw-home-logged-out-title-margin-bottom: 15px;
12263    }
12264    .rivo-slideout__container{
12265  left: initial;
12266  right: 0px;
12267}
12268
12269.rivo-slideout__header a.rivo-aw-logo svg, .rivo-slideout__header a.rivo-aw-logo img{
12270  max-height: 35px;
12271}
12272
12273.rivo-aw-title, .rivo-slideout__container p{
12274  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;
12275  text-transform: none;
12276}
12277
12278.rivo-aw-home-featured-content-image-wrapper{
12279  margin-bottom: 20px;
12280}
12281
12282.rivo-aw-home-featured-content-title.rivo-aw-title{
12283  margin-bottom: 5px !important;
12284}
12285
12286.rivo-form-field input:focus+label, .rivo-form-field input:not(:placeholder-shown)+label, .rivo-form-field select+label:not(.rivo-checkbox-container){
12287  top: 12px;
12288}
12289
12290.rivo-login-email-container .rivo-aw-title{
12291  line-height: normal;
12292}
12293
12294.rivo-aw-button-home-additional{
12295  padding: 1rem 4rem !important;
12296  color: initial;
12297}
12298
12299.rivo-aw-button-points-balance-container, .rivo-aw-button-gift-card-balance-container{
12300  padding: 24px 16px;
12301}
12302
12303.rivo-aw-home-button-components .rivo-aw-button-points, .rivo-aw-button-gift-card{
12304  color: #FFF;
12305}
12306
12307.rivo-aw-button-gift-card{
12308  gap: 0px;
12309}
12310
12311.rivo-aw-toast{
12312  left:auto;
12313  right: 15px;
12314  background: #0000b4;
12315}
12316
12317.rivo-aw-button-gift-card-code{
12318  border-color: #676767;
12319}
12320
12321.rivo-aw-button-gift-card-code-copy{
12322  border-color: #676767;
12323}
12324
12325.rivo-aw-button-component-cta {
12326    gap: 5px;
12327    text-transform: none;
12328    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif !important;
12329    letter-spacing: 0px;
12330    font-size: 14px;
12331}
12332
12333.rivo-aw-logged-in .rivo-aw-home-hero .rivo-aw-heading{
12334  display:none;
12335}
12336
12337.rivo-aw-order-details{
12338  margn-top: 40px;
12339}
12340
12341.rivo-aw-home-button-components{
12342  gap: 12px;
12343}
12344
12345
12346.rivo-slideout__container a[href="#"]{
12347  pointer-events: auto !important;
12348}
12349
12350.rivo-slideout__header a{
12351  text-decoration: none;
12352  pointer-events: none;
12353}
12354
12355.rivo-form .rivo-aw-smaller-title{
12356  margin-top: 15px;
12357  font-weight: 600;
12358}
12359
12360.rivo-form{
12361  gap:5px !important;
12362}
12363
12364.rivo-sms-terms-and-conditions{
12365  margin-bottom:15px !important;
12366}
12367
12368.rivo-aw-button-home-additional {
12369    padding: 1rem 2rem !important;
12370}
12371
12372.rivo-slideout__container svg:not(.rivo-aw-logo *,.rivo-google-svg,.rivo-apple-svg) path {
12373    fill: #0000b4;
12374}
12375  </style>
12376      <div id="rivo-shop-pay-login-container" style="display: none;">
12377        
12377<script defer="defer" async type="module" src="https://cdn.shopify.com/shopifycloud/shop-js/modules/v2/loader.shop-login-button.en.esm.js"></script>
vendor: 1 bytes, line 12377
12377
12378<script type="module">
12379  await import("https://cdn.shopify.com/shopifycloud/shop-js/modules/v2/loader.shop-login-button.en.esm.js");
12380
12381  
12382</script>
12382
12383
12384<shop-login-button ux-mode="windoid" return-uri="https://supergoop.com/account/redirect" proxy="true" redirect-type="iframe" response-type="code"></shop-login-button>
12385
12386      </div>
12387    
12388<div rivo-ax-data="rivoAccountSlideoutComponent()" rivo-ax-init="initRivoAccountSlideout" class="micromodal-slideout" id="rivo-account-slideout" aria-hidden="true">
12389    <div class="rivo-slideout__overlay" tabindex="-1" data-rivo-account-slideout-micromodal-close>
12390      <div class="rivo-slideout__container" role="dialog" aria-modal="true" aria-labelledby="rivo-account-dialog-title" tabindex="-1" rivo-ax-bind:class="{ 'rivo-aw-logged-in': $store.rivo_profile_customer, 'rivo-aw-logged-out': !$store.rivo_profile_customer }">
12391        <header class="rivo-slideout__header rivo-slideout-section">
12392          <button type="button" class="rivo-slideout__close" aria-label="Close modal" data-rivo-account-slideout-micromodal-close></button>
12393          <h2 id="rivo-account-dialog-title" class="rivo-visually-hidden">Account</h2>
12394          <a href="#rivo" class="rivo-aw-logo" rivo-ax-on:click.prevent="changePage('rivo')" rivo-ax-show="$store.rivo_aw_settings.logo && !$store.current_survey_question" aria-label="Go to home"><span aria-hidden="true" rivo-ax-html="$store.rivo_aw_settings.logo"></span></a>
12395          <div class="rivo-survey-progress-bar-container" rivo-ax-show="$store.current_survey_question" rivo-ax-cloak>
12396            <div class="rivo-survey-progress-bar" role="progressbar" aria-valuenow="0" rivo-ax-effect="$el.setAttribute('aria-valuenow', $store.current_survey?.percentage_completed || 100)" aria-valuemin="0" aria-valuemax="100" aria-label="Survey progress">
12397              <div class="rivo-survey-progress-bar-fill" rivo-ax-bind:style="'width: ' + ($store.current_survey?.percentage_completed || 100) + '%'"></div>
12398            </div>
12399            <button class="rivo-survey-skip-question" rivo-ax-on:click="saveSurveyAnswer($event, true)" aria-label="Skip current survey question">Skip</button>
12400          </div>
12401        </header>
12402        <main class="rivo-slideout__content rivo-slideout-section">
12403          <div id="rivo-profile-main"></div>
12404          <template rivo-ax-if="$store.rivo_aw_settings.show_powered_by">
12405            <div class="rivo-powered-by">
12406              <a href="https://rivo.io?utm_source=widget&utm_campaign=powered-by" target="_blank" aria-label="Powered by Rivo - Opens in new window">
12407                <span class="rivo-powered-by-text">Powered by </span>
12408                <div class="rivo-powered-by-icon" rivo-ax-html="$store.icons.rivo"></div>
12409              </a>
12410            </div>
12411          </template>
12412        </main>
12413        <footer id="rivo-slideout-footer" class="rivo-slideout-section" rivo-ax-show="!hideFooter">
12414          <div class="rivo-slideout-navigation" role="tablist" rivo-ax-on:keydown="handleTabKeydown($event)" rivo-ax-bind:class="{ 'rivo-footer-with-icons': $store.rivo_aw_settings.footer_icons_enabled }" rivo-ax-show="!showStickyFooterButton">
12415            <a href="#rivo" id="rivo-tab-rivo" role="tab" aria-controls="rivo-tabpanel-rivo" aria-selected="true" tabindex="0" rivo-ax-effect="$el.setAttribute('aria-selected', currentPage === 'rivo' ? 'true' : 'false'); $el.setAttribute('tabindex', currentPage === 'rivo' ? '0' : '-1')" rivo-ax-bind:class="{ 'active': currentPage === 'rivo' }" rivo-ax-on:click.prevent="changePage('rivo')">
12416              <div rivo-ax-html="$store.icons.profile_home" rivo-ax-show="$store.rivo_aw_settings.footer_icons_enabled"></div>
12417              <div class="rivo-footer-nav-text" rivo-ax-text="$store.rivo_aw_translation?.footer_home_text || $store.rivo_aw_settings.footer_home_text">For You</div>
12418            </a>
12419            <a href="#rivo-orders" id="rivo-tab-rivo-orders" role="tab" aria-controls="rivo-tabpanel-rivo-orders" aria-selected="false" tabindex="-1" rivo-ax-effect="$el.setAttribute('aria-selected', (currentPage === 'rivo-orders' || currentPage === 'rivo-order-details') ? 'true' : 'false'); $el.setAttribute('tabindex', (currentPage === 'rivo-orders' || currentPage === 'rivo-order-details') ? '0' : '-1')" rivo-ax-bind:class="{ 'active': currentPage === 'rivo-orders' || currentPage === 'rivo-order-details' }" rivo-ax-on:click.prevent="changePage('rivo-orders')">
12420              <div rivo-ax-html="$store.icons.profile_orders" rivo-ax-show="$store.rivo_aw_settings.footer_icons_enabled"></div>
12421              <div class="rivo-footer-nav-text" rivo-ax-text="$store.rivo_aw_translation?.footer_orders_text || $store.rivo_aw_settings.footer_orders_text">Orders</div>
12422            </a>
12423            <a href="#rivo-profile" id="rivo-tab-rivo-profile" role="tab" aria-controls="rivo-tabpanel-rivo-profile" aria-selected="false" tabindex="-1" rivo-ax-effect="$el.setAttribute('aria-selected', currentPage === 'rivo-profile' ? 'true' : 'false'); $el.setAttribute('tabindex', currentPage === 'rivo-profile' ? '0' : '-1')" rivo-ax-bind:class="{ 'active': currentPage === 'rivo-profile' }" rivo-ax-on:click.prevent="changePage('rivo-profile')">
12424              <div rivo-ax-html="$store.icons.profile_user" rivo-ax-show="$store.rivo_aw_settings.footer_icons_enabled"></div>
12425              <div class="rivo-footer-nav-text" rivo-ax-text="$store.rivo_aw_translation?.footer_profile_text || $store.rivo_aw_settings.footer_profile_text">Profile</div>
12426            </a>
12427            <template rivo-ax-if="$store.rivo_aw_settings.community_enabled">
12428              <a href="#rivo-community" id="rivo-tab-rivo-community" role="tab" aria-controls="rivo-tabpanel-rivo-community" aria-selected="false" tabindex="-1" rivo-ax-effect="$el.setAttribute('aria-selected', currentPage === 'rivo-community' ? 'true' : 'false'); $el.setAttribute('tabindex', currentPage === 'rivo-community' ? '0' : '-1')" rivo-ax-bind:class="{ 'active': currentPage === 'rivo-community' }" rivo-ax-on:click.prevent="changePage('rivo-community')">
12429                <div rivo-ax-html="$store.icons.profile_user" rivo-ax-show="$store.rivo_aw_settings.footer_icons_enabled"></div>
12430                <div class="rivo-footer-nav-text" rivo-ax-text="$store.rivo_aw_translation?.footer_community_text || $store.rivo_aw_settings.footer_community_text"></div>
12431              </a>
12432            </template>
12433          </div>
12434          <template rivo-ax-if="showStickyFooterButton && $store.current_survey_question">
12435            <div class="rivo-sticky-footer-container">
12436              <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>
12437            </div>
12438          </template>
12439        </footer>
12440        <div class="rivo-aw-mini-modal rivo-aw-mini-modal-micromodal-slide" id="rivo-aw-mini-modal" aria-hidden="true">
12441          <div class="rivo-aw-mini-modal__overlay" tabindex="-1" data-rivo-mini-micromodal-close>
12442            <div class="rivo-aw-mini-modal__container" role="dialog" aria-modal="true">
12443              <button class="rivo-aw-mini-modal__close" aria-label="Close modal" data-rivo-mini-micromodal-close></button>
12444              <div class="rivo-aw-mini-modal__content" rivo-ax-html="miniModalContent"></div>
12445            </div>
12446          </div>
12447        </div>
12448      </div>
12449    </div>
12450  </div>
12451
12452<!-- END app snippet -->
12453
12454
12455</div><div id="shopify-block-AN3hsdzZvTTlIb2FWQ__8218531531362863771" class="shopify-block shopify-app-block">
12456
12457
12458
12459
12460
12461
12462
12463
12464
12465
12466
12467
12468
12469
12470
12471
12472
12473
12474
12475
12476  
12477  
12477<script>
12478    let shopifyLiquidValuesApp7Ext = {
12479        product: {
12480            handle: "unseen-sunscreen-spf-50",
12481            productId: 7269697060962,
12482            collections: [
12483                
12484                    {
12485                        "id": "5691441168",
12486                        "handle": "all",
12487                        "title": "All Sunscreen",
12488                        "gid": "gid:\/\/shopify\/Collection\/5691441168"
12489                    },
12490                
12491                    {
12492                        "id": "274218713186",
12493                        "handle": "best-sellers-spf",
12494                        "title": "Bestsellers",
12495                        "gid": "gid:\/\/shopify\/Collection\/274218713186"
12496                    },
12497                
12498                    {
12499                        "id": "274218025058",
12500                        "handle": "clear-sunscreen",
12501                        "title": "Clear",
12502                        "gid": "gid:\/\/shopify\/Collection\/274218025058"
12503                    },
12504                
12505                    {
12506                        "id": "296678817890",
12507                        "handle": "may-f-f-2026",
12508                        "title": "F\u0026F 2026",
12509                        "gid": "gid:\/\/shopify\/Collection\/296678817890"
12510                    },
12511                
12512                    {
12513                        "id": "274218942562",
12514                        "handle": "face-spf",
12515                        "title": "Face",
12516                        "gid": "gid:\/\/shopify\/Collection\/274218942562"
12517                    },
12518                
12519                    {
12520                        "id": "274217861218",
12521                        "handle": "face-lip-spf",
12522                        "title": "Face \u0026 Lip",
12523                        "gid": "gid:\/\/shopify\/Collection\/274217861218"
12524                    },
12525                
12526                    {
12527                        "id": "285465968738",
12528                        "handle": "feel-super",
12529                        "title": "Feel Super",
12530                        "gid": "gid:\/\/shopify\/Collection\/285465968738"
12531                    },
12532                
12533                    {
12534                        "id": "302902640738",
12535                        "handle": "golf",
12536                        "title": "Golf",
12537                        "gid": "gid:\/\/shopify\/Collection\/302902640738"
12538                    },
12539                
12540                    {
12541                        "id": "295761510498",
12542                        "handle": "golf-favorites",
12543                        "title": "Golf Favorites",
12544                        "gid": "gid:\/\/shopify\/Collection\/295761510498"
12545                    },
12546                
12547                    {
12548                        "id": "276378910818",
12549                        "handle": "hazmat",
12550                        "title": "Hazmat",
12551                        "gid": "gid:\/\/shopify\/Collection\/276378910818"
12552                    },
12553                
12554                    {
12555                        "id": "276601372770",
12556                        "handle": "jen-reed",
12557                        "title": "Jen Reed",
12558                        "gid": "gid:\/\/shopify\/Collection\/276601372770"
12559                    },
12560                
12561                    {
12562                        "id": "274218319970",
12563                        "handle": "family-size-sunscreen",
12564                        "title": "Jumbo",
12565                        "gid": "gid:\/\/shopify\/Collection\/274218319970"
12566                    },
12567                
12568                    {
12569                        "id": "275380174946",
12570                        "handle": "sunscreen-lotion",
12571                        "title": "Lotion",
12572                        "gid": "gid:\/\/shopify\/Collection\/275380174946"
12573                    },
12574                
12575                    {
12576                        "id": "274217893986",
12577                        "handle": "sunscreen-lotion-moisturizer",
12578                        "title": "Lotion \u0026 Moisturizer",
12579                        "gid": "gid:\/\/shopify\/Collection\/274217893986"
12580                    },
12581                
12582                    {
12583                        "id": "274218844258",
12584                        "handle": "makeup-with-sunscreen",
12585                        "title": "Makeup",
12586                        "gid": "gid:\/\/shopify\/Collection\/274218844258"
12587                    },
12588                
12589                    {
12590                        "id": "299995791458",
12591                        "handle": "mel",
12592                        "title": "Mel's Picks",
12593                        "gid": "gid:\/\/shopify\/Collection\/299995791458"
12594                    },
12595                
12596                    {
12597                        "id": "274217795682",
12598                        "handle": "new",
12599                        "title": "New",
12600                        "gid": "gid:\/\/shopify\/Collection\/274217795682"
12601                    },
12602                
12603                    {
12604                        "id": "301769785442",
12605                        "handle": "primer-campaign",
12606                        "title": "Primer Campaign",
12607                        "gid": "gid:\/\/shopify\/Collection\/301769785442"
12608                    },
12609                
12610                    {
12611                        "id": "274218385506",
12612                        "handle": "sunscreen-face-primers",
12613                        "title": "Primers",
12614                        "gid": "gid:\/\/shopify\/Collection\/274218385506"
12615                    },
12616                
12617                    {
12618                        "id": "274218745954",
12619                        "handle": "sunscreen-skincare",
12620                        "title": "Skincare",
12621                        "gid": "gid:\/\/shopify\/Collection\/274218745954"
12622                    },
12623                
12624                    {
12625                        "id": "274218254434",
12626                        "handle": "chemical-spf",
12627                        "title": "Traditional",
12628                        "gid": "gid:\/\/shopify\/Collection\/274218254434"
12629                    },
12630                
12631                    {
12632                        "id": "274217926754",
12633                        "handle": "travel-spf",
12634                        "title": "Travel",
12635                        "gid": "gid:\/\/shopify\/Collection\/274217926754"
12636                    },
12637                
12638                    {
12639                        "id": "274218287202",
12640                        "handle": "unseen-sunscreen",
12641                        "title": "Unseen",
12642                        "gid": "gid:\/\/shopify\/Collection\/274218287202"
12643                    }
12644                
12645            ],
12646            tags: ["ATTV_GLOBAL_EXCLUSION_TAG","Badge:Bestseller","Body Part:Face","Finish:Invisible","Finish:Natural","Finish:No white cast","YGroup_unseen50"],
12647            type: "Face"
12648        },
12649        selected_or_first_available_variant: {"id":41610270802018,"title":"1.7 fl. oz.","option1":"1.7 fl. oz.","option2":null,"option3":null,"sku":"8817","requires_shipping":true,"taxable":true,"featured_image":{"id":33252601888866,"product_id":7269697060962,"position":1,"created_at":"2025-09-16T09:55:18-04:00","updated_at":"2025-09-16T09:55:58-04:00","alt":"Supergoop! Unseen Sunscreen 
12649SPF 50 1.7 fl. oz.","width":1180,"height":1604,"src":"\/\/supergoop.com\/cdn\/shop\/files\/Unseen_PDP_Image_Allure_Seal_2025.png?v=1758030958","variant_ids":[41610270802018]},"available":true,"name":"Unseen Sunscreen SPF 50 - 1.7 fl. oz.","public_title":"1.7 fl. oz.","options":["1.7 fl. oz."],"price":3800,"weight":74,"compare_at_price":null,"inventory_quantity":100,"inventory_management":"shopify","inventory_policy":"deny","barcode":"816218028817","featured_media":{"alt":"Supergoop! Unseen Sunscreen SPF 50 1.7 fl. oz.","id":24781773733986,"position":1,"preview_image":{"aspect_ratio":0.736,"height":1604,"width":1180,"src":"\/\/supergoop.com\/cdn\/shop\/files\/Unseen_PDP_Image_Allure_Seal_2025.png?v=1758030958"}},"requires_selling_plan":false,"selling_plan_allocations":[{"price_adjustments":[{"position":1,"price":3420}],"price":3420,"compare_at_price":3800,"per_delivery_price":3420,"selling_plan_id":3022880866,"selling_plan_group_id":"d1c31b7d875f371afdda85ee0906e6c15aee403a"},{"price_adjustments":[{"position":1,"price":3420}],"price":3420,"compare_at_price":3800,"per_delivery_price":3420,"selling_plan_id":3022913634,"selling_plan_group_id":"d1c31b7d875f371afdda85ee0906e6c15aee403a"},{"price_adjustments":[{"position":1,"price":3420}],"price":3420,"compare_at_price":3800,"per_delivery_price":3420,"selling_plan_id":3022848098,"selling_plan_group_id":"d1c31b7d875f371afdda85ee0906e6c15aee403a"}],"quantity_rule":{"min":1,"max":null,"increment":1}},
12650        customer: {
12651                    first_name: null,
12652                    email: null,
12653                    id: null,
12654                    total_spent: null,
12655                    customerTags: null
12656        },
12657        cartData : {"note":null,"attributes":{},"original_total_price":0,"total_price":0,"total_discount":0,"total_weight":0.0,"item_count":0,"items":[],"requires_shipping":false,"currency":"USD","items_subtotal_price":0,"cart_level_discount_applications":[],"checkout_charge_amount":0},
12658        markets: {
12659          handle: "us",
12660          id: 1686143074,
12661        }
12662    };
12663
12664    window.shopifyLiquidValuesApp7Ext = shopifyLiquidValuesApp7Ext;
12665  </script>
12665
12666
12667  
12668
12669  
12669<script id="kite-app-data" type="application/json">{"userData":{"shopName":"supergoop.myshopify.com","storefrontAccessToken":"66cb49a083fe5abe5299886984851a18","countryCode":"US","countryName":"United States","currency":"USD","currencyInfo":{"code":"USD","symbol":"$","thousandsSeparator":",","decimalSeparator":".","symbolOnLeft":true,"spaceBetweenAmountAndSymbol":false,"decimalDigits":2},"customSettings":{"initialModalPopupCnt":0,"disableCartSettings":false,"addToCartBtnSelectors":"#atc-wrapper","checkoutBtnSelectors":null,"customStyle":null,"addAfterAddTocartBtn":false,"addAftercheckoutBtn":false,"disableApp":false,"redirectToCartAfterBogoAddition":null,"redirectToCheckoutAfterBogoAddition":true,"languageMode":"SINGLE","isRegionalLocaleUrlRequiredForHref":true,"fireNewSideCartRefreshCodeFirst":true,"considerRequestListenerData":true,"fetchDataForFirstRenderInFreeGiftOnCartPage":true,"useListenForXmlHttpApiCallsV2":true,"block_script_in_home_page":false,"minify_storefront_assets":true,"runShadowRootDetection":true,"buyNowBtn":null,"cartPageItemsId":null,"cartPageItemsSectionId":null,"cartPageItemsSelector":null,"executeCustomScriptAfterBogoAddition":null,"executeCustomScriptAfterDynamicBogoAddition":null,"executeCustomScriptAfterFreeGiftAddition":null,"executeScriptAfterAddToCart":null,"loadingGif":"https://gift-box-builder-app4.s3.us-east-2.amazonaws.com/storefront/loading-gif.gif","overWriteCheckoutBtn":false,"quantityBtnSelectors":null,"shadowRootSelector":null,"showOnlyAdminSelectedVariants":true,"sideCartSectionId":null,"sideCartSectionSelector":null,"stackDiscounts":false},"createdAt":"2026-09-22T13:52:27.339Z","isSubscription":{"name":"Monthly-Shopify-Aug26-PRO-PLUS"},"isAppLevelMetafieldCreated":true,"isUseAppLevelMetafieldDisabled":false,"freeGiftCheckoutDebugTracingEnabled":false,"multipleCurrenciesInfo":{"USD":{"code":"USD","symbol":"$","thousandsSeparator":",","decimalSeparator":".","symbolOnLeft":true,"spaceBetweenAmountAndSymbol":false,"decimalDigits":2}}},"languageData":null,"promotionCampaigns":[],"freeGiftV2Campaigns":[{"discountFunctionType":"FREE_GIFT_V2","_id":"6ab2bfbdf1e48a6839ce0793","shopName":"supergoop.myshopify.com","discountId":"gid://shopify/DiscountAutomaticNode/1486599585890","isEnabled":true,"title":"Mattescreen CHOICE GWP","mode":"AUTOMATIC","advancedSettings":{"onlyUseWidget":false,"isAutoAdd":false,"isAutoAddFreeGiftOnceOnly":false,"isMultipleFreeGiftAllowed":false,"freeGiftEligibility":"ALL_PRODUCTS","multiplyFreeGiftWithTrigger":false,"maxQuantityForMultiplyFreeGiftWithTrigger":10,"multipleRules":false,"showStrikethroughPrice":true},"combinesWithOrderDiscounts":true,"combinesWithProductDiscounts":true,"combinesWithShippingDiscounts":true,"tags":[],"defaultKiteTag":"kite_mattescreen-choice-gwp-0793","productDiscountsWithTagsOnSameCartLine":[],"appliesOncePerCustomer":false,"usageLimit":null,"campaignScheduleData":{"campaignSchedule":"CONTINUOUS","startDate":"2026-09-22","endDate":"2026-09-23","startTime":"00:00","endTime":"00:00","startDateTime":"2026-09-22T04:00:00Z","endDateTime":"2026-09-23T04:00:00Z","startDateTime_UTC":"2026-09-22T04:00:00Z","endDateTime_UTC":"2026-09-23T04:00:00Z","timeZone":"EDT"},"widgetSettings":{"isEnabled":true,"isExpandedByDefault":false,"isTitleBarEnabled":false,"isPillEnabled":false,"isDropdownPositionStatic":true,"widgetPadding":"12","productImageSize":"64","widgetBorderRadius":"12","fontConfig":{"titleFontSize":"16","titleFontStyle":"bold","subtitleFontSize":"14","subtitleFontStyle":"regular","claimBtnTextFontSize":"15","claimBtnTextFontStyle":"bold","titleBarFontStyle":"bold","titleBarFontSize":"16","pillFontStyle":"bold","pillFontSize":"10","bodyTitleFontStyle":"regular","bodyTitleFontSize":"14","dropDownTitleFontSize":"14","dropDownFontStyle":"bold","tagFontSize":"10","tagFontStyle":"bold","strikeThroughFontSize":"14","strikeThroughFontStyle":"regular"},"colorConfig":{"claimBtnBgColor":"#151515","claimBtnTextColor":"#FFFFFF","borderColor":"#E5E5E5","titleColor":"#000000","subtitleColor":"#000000","boxBgColor":"#FFFFFF","titleBarTextColor":"#ffffff","titleBarBgColor":"#1A1A1A","pillTextColor":"#ffffff","pillBgColor":"#1A1A1A","dropdownTitleColor":"#2B2B2B","dropdownIconColor":"#2B2B2B","highlightColor":"#199800","lockProgressColor":"#199800","claimButtonBorderColor":"transparent","tagBgColor":"#F03639","strikeThroughPriceTextColor":"#868686","productTitleColor":"","emptyLockProgressColor":"#A9C9A3"},"buttonStyle":"solid","buttonConfig":{"claimButtonKind":"primary","addButtonKind":"primary"},"displaySettings":{"cartPage":false,"productPages":true,"specificProductPages":false,"specificProducts":[],"specificCollectionPages":false,"specificCollections":[],"sideCart":true},"configuration":{"isMultiLanguageEnabled":false,"en":{"globalConfig":{"conditionFulFilled":{"title":"Gift Added To Your Cart","subtitle":"","icon":"https://d1cjetlwgplgi5.cloudfront.net/public/Gift_prompt_blk.webp","textColor":"","backgroundColor":""},"conditionNotMet":{"title":"Unlock FREE gifts","subtitle":"Expand to view the gifts!","icon":"https://d1cjetlwgplgi5.cloudfront.net/public/Gift_prompt_blk.webp","textColor":"","backgroundColor":""},"conditionInProgress":{"title":"You have unlocked FREE gifts","subtitle":"Expand to claim the benefits!","icon":"https://d1cjetlwgplgi5.cloudfront.net/public/Gift_prompt_blk.webp","textColor":"","backgroundColor":""}},"tierConfig":[{"conditionNotMet":{"title":"{{FREE_GIFT_PRODUCT}}","subtitle":"Spend {{CURRENCY}}{{REMAINING_AMOUNT}} more to unlock","icon":"https://d1cjetlwgplgi5.cloudfront.net/icons/free_gift_gift_icon.png"},"conditionMet":{"title":"{{FREE_GIFT_PRODUCT}}","subtitle":"Free gift unlocked","icon":"https://d1cjetlwgplgi5.cloudfront.net/icons/free_gift_gift_icon.png"}}],"additionalFields":{"claimText":"ADD","claimedText":"Claimed","addingText":"Adding","unClaimText":"Unclaim","removingText":"Removing","alreadyClaimedText":"Note: Only one gift can be claimed at a time!","claimedCartTitle":"Congratulations! Free Gift Won!","claimedCartSubtitle":"Gift Added to Bag","conditionMetCartSubtitle":"Free Gift ready to claim","conditionMetButCannotClaimSubtitle":"Only 1 gift can be claimed at a time","outOfStockSubtitle":"Out of Stock","pillText":"FREE GIFT","pillIcon":"https://d1cjetlwgplgi5.cloudfront.net/public/gift_icon_0_white.svg","titleBarText":"Available Free gifts","productTitle":"","specialTag":"Free Gift","strikeThroughPriceText":"FREE","chooseOptionText":"Choose an option"}}}},"widgets":[{"id":"wid_6ab2bfbdf1e48a6839ce0793_aGsz69X8_nativeFreeGift_PRODUCT_PAGE","type":"nativeFreeGift","scope":"native","enabled":true,"placement":"PRODUCT_PAGE","targeting":{"allProductPages":true,"specificProductPages":false,"specificProducts":[],"specificCollectionPages":false,"specificCollections":[]},"style":{"colors":{"button":"#151515","buttonText":"#FFFFFF","border":"#E5E5E5","text":"#000000","background":"#FFFFFF","titleBarText":"#2B2B2B","
12669success":"#199800"},"typography":{"heading":{"size":"16px","weight":"bold"},"body":{"size":"14px","weight":"regular"},"button":{"size":"15px","weight":"bold"}},"spacing":{"padding":"12px","radius":"12px"},"typeSpecific":{"subtitleColor":"#000000","titleBarTextColor":"#ffffff","titleBarBgColor":"#1A1A1A","pillTextColor":"#ffffff","pillBgColor":"#1A1A1A","titleBarIconColor":"#2B2B2B","lockProgressColor":"#199800","claimButtonBorderColor":"transparent","tagBgColor":"#F03639","strikeThroughPriceColor":"#868686","emptyLockProgressColor":"#A9C9A3","strikeThroughPrice":{"size":"14px","weight":"regular"},"bodyTitle":{"size":"14px","weight":"regular"},"tag":{"size":"10px","weight":"bold"},"titleBar":{"size":"16px","weight":"bold"},"pill":{"size":"10px","weight":"bold"},"productImageSize":"64px","dropdownTitle":{"size":"14px","weight":"bold"},"buttonConfig":{"claimButtonKind":"primary","addButtonKind":"primary"}}},"content":{"en":{"globalConfig":{"conditionFulFilled":{"title":"Gift Added To Your Cart","subtitle":"","icon":"https://d1cjetlwgplgi5.cloudfront.net/public/Gift_prompt_blk.webp","textColor":"","backgroundColor":""},"conditionNotMet":{"title":"Unlock FREE gifts","subtitle":"Expand to view the gifts!","icon":"https://d1cjetlwgplgi5.cloudfront.net/public/Gift_prompt_blk.webp","textColor":"","backgroundColor":""},"conditionInProgress":{"title":"You have unlocked FREE gifts","subtitle":"Expand to claim the benefits!","icon":"https://d1cjetlwgplgi5.cloudfront.net/public/Gift_prompt_blk.webp","textColor":"","backgroundColor":""}},"additionalFields":{"claimText":"ADD","claimedText":"Claimed","addingText":"Adding","unClaimText":"Unclaim","removingText":"Removing","alreadyClaimedText":"Note: Only one gift can be claimed at a time!","claimedCartTitle":"Congratulations! Free Gift Won!","claimedCartSubtitle":"Gift Added to Bag","conditionMetCartSubtitle":"Free Gift ready to claim","conditionMetButCannotClaimSubtitle":"Only 1 gift can be claimed at a time","outOfStockSubtitle":"Out of Stock","pillText":"FREE GIFT","pillIcon":"https://d1cjetlwgplgi5.cloudfront.net/public/gift_icon_0_white.svg","titleBarText":"Available Free gifts","productTitle":"","specialTag":"Free Gift","strikeThroughPriceText":"FREE","chooseOptionText":"Choose an option"}}},"settings":{"placementMode":"automatic","isExpandedByDefault":false,"isPillEnabled":false,"isTitleBarEnabled":false,"isDropdownPositionStatic":true,"showStrikethroughPrice":true,"buttonStyle":"solid"},"tierSettings":[{"ruleId":"free_gift_tier_0","content":{"en":{"title":"{{FREE_GIFT_PRODUCT}}","subtitle":"Spend {{CURRENCY}}{{REMAINING_AMOUNT}} more to unlock","subtitleOfferUnlocked":"Free gift unlocked","icon":"https://d1cjetlwgplgi5.cloudfront.net/icons/free_gift_gift_icon.png"}}}],"meta":{"source":"legacy","migratedAt":"2026-09-22T17:49:49.141Z","schemaVersion":1}},{"id":"wid_aPx7uzSK_6ab2bfbdf1e48a6839ce0793_nativeFreeGift_SIDE_CART","type":"nativeFreeGift","scope":"native","enabled":true,"placement":"SIDE_CART","targeting":{"sideCart":true},"style":{"colors":{"button":"#151515","buttonText":"#FFFFFF","border":"#E5E5E5","text":"#000000","background":"#FFFFFF","titleBarText":"#2B2B2B","success":"#199800"},"typography":{"heading":{"size":"16px","weight":"bold"},"body":{"size":"14px","weight":"regular"},"button":{"size":"15px","weight":"bold"}},"spacing":{"padding":"12px","radius":"12px"},"typeSpecific":{"subtitleColor":"#000000","titleBarTextColor":"#ffffff","titleBarBgColor":"#1A1A1A","pillTextColor":"#ffffff","pillBgColor":"#1A1A1A","titleBarIconColor":"#2B2B2B","lockProgressColor":"#199800","claimButtonBorderColor":"transparent","tagBgColor":"#F03639","strikeThroughPriceColor":"#868686","emptyLockProgressColor":"#A9C9A3","strikeThroughPrice":{"size":"14px","weight":"regular"},"bodyTitle":{"size":"14px","weight":"regular"},"tag":{"size":"10px","weight":"bold"},"titleBar":{"size":"16px","weight":"bold"},"pill":{"size":"10px","weight":"bold"},"productImageSize":"64px","dropdownTitle":{"size":"14px","weight":"bold"},"buttonConfig":{"claimButtonKind":"primary","addButtonKind":"primary"}}},"settings":{"placementMode":"automatic","buttonStyle":"solid","isExpandedByDefault":false,"isPillEnabled":false,"isTitleBarEnabled":false,"isDropdownPositionStatic":true,"showStrikethroughPrice"
12669:true},"content":{"en":{"globalConfig":{"conditionFulFilled":{"title":"Gift Added To Your Cart","subtitle":"","icon":"https://d1cjetlwgplgi5.cloudfront.net/public/Gift_prompt_blk.webp","textColor":"","backgroundColor":""},"conditionNotMet":{"title":"Unlock FREE gifts","subtitle":"Expand to view the gifts!","icon":"https://d1cjetlwgplgi5.cloudfront.net/public/Gift_prompt_blk.webp","textColor":"","backgroundColor":""},"conditionInProgress":{"title":"You have unlocked FREE gifts","subtitle":"Expand to claim the benefits!","icon":"https://d1cjetlwgplgi5.cloudfront.net/public/Gift_prompt_blk.webp","textColor":"","backgroundColor":""}},"additionalFields":{"claimText":"ADD","claimedText":"Claimed","addingText":"Adding","unClaimText":"Unclaim","removingText":"Removing","alreadyClaimedText":"Note: Only one gift can be claimed at a time!","claimedCartTitle":"Congratulations! Free Gift Won!","claimedCartSubtitle":"Gift Added to Bag","conditionMetCartSubtitle":"Free Gift ready to claim","conditionMetButCannotClaimSubtitle":"Only 1 gift can be claimed at a time","outOfStockSubtitle":"Out of Stock","pillText":"FREE GIFT","pillIcon":"https://d1cjetlwgplgi5.cloudfront.net/public/gift_icon_0_white.svg","titleBarText":"Available Free gifts","productTitle":"","specialTag":"Free Gift","strikeThroughPriceText":"FREE","chooseOptionText":"Choose an option"}}},"tierSettings":[{"ruleId":"free_gift_tier_0","content":{"en":{"title":"{{FREE_GIFT_PRODUCT}}","subtitle":"Spend {{CURRENCY}}{{REMAINING_AMOUNT}} more to unlock","subtitleOfferUnlocked":"Free gift unlocked","icon":"https://d1cjetlwgplgi5.cloudfront.net/icons/free_gift_gift_icon.png"}}}],"meta":{"source":"fresh","schemaVersion":1},"defaultSettings":{"id":"wid_aPx7uzSK_6ab2bfbdf1e48a6839ce0793_nativeFreeGift_SIDE_CART","type":"nativeFreeGift","scope":"native","enabled":true,"placement":"SIDE_CART","targeting":{"sideCart":true},"style":{"colors":{"button":"#151515","buttonText":"#FFFFFF","border":"#E5E5E5","text":"#000000","background":"#FFFFFF","titleBarText":"#2B2B2B","success":"#199800"},"typography":{"heading":{"size":"16px","weight":"bold"},"body":{"size":"14px","weight":"regular"},"button":{"size":"15px","weight":"bold"}},"spacing":{"padding":"12px","radius":"12px"},"typeSpecific":{"subtitleColor":"#000000","titleBarTextColor":"#ffffff","titleBarBgColor":"#1A1A1A","pillTextColor":"#ffffff","pillBgColor":"#1A1A1A","titleBarIconColor":"#2B2B2B","lockProgressColor":"#199800","claimButtonBorderColor":"transparent","tagBgColor":"#F03639","strikeThroughPriceColor":"#868686","emptyLockProgressColor":"#A9C9A3","strikeThroughPrice":{"size":"14px","weight":"regular"},"bodyTitle":{"size":"14px","weight":"regular"},"dropdownTitle":{"size":"14px","weight":"bold"},"tag":{"size":"10px","weight":"bold"},"titleBar":{"size":"16px","weight":"bold"},"pill":{"size":"10px","weight":"bold"},"productImageSize":"64px","buttonConfig":{"claimButtonKind":"primary","addButtonKind":"primary"}}},"settings":{"buttonStyle":"solid","isExpandedByDefault":false,"isPillEnabled":false,"isTitleBarEnabled":false,"isDropdownPositionStatic":true,"showStrikethroughPrice":true,"placementMode":"automatic"},"content":{"en":{"globalConfig":{"conditionFulFilled":{"title":"Gift Added To Your Cart","subtitle":"","icon":"https://d1cjetlwgplgi5.cloudfront.net/public/Gift_prompt_blk.webp","textColor":"","backgroundColor":""},"conditionNotMet":{"title":"Unlock FREE gifts","subtitle":"Expand to view the gifts!","icon":"https://d1cjetlwgplgi5.cloudfront.net/public/Gift_prompt_blk.webp","textColor":"","backgroundColor":""},"conditionInProgress":{"title":"You have unlocked FREE gifts","subtitle":"Expand to claim the benefits!","icon":"https://d1cjetlwgplgi5.cloudfront.net/public/Gift_prompt_blk.webp","textColor":"","backgroundColor":""}},"additionalFields":{"claimText":"ADD","claimedText":"Claimed","addingText":"Adding","unClaimText":"Unclaim","removingText":"Removing","alreadyClaimedText":"Note: Only one gift can be claimed at a time!","claimedCartTitle":"Congratulations! Free Gift Won!","claimedCartSubtitle":"Gift Added to Bag","conditionMetCartSubtitle":"Free Gift ready to claim","conditionMetButCannotClaimSubtitle":"Only 1 gift can be claimed at a time","outOfStockSubtitle":"Out of Stock","pillText":"FREE GIFT","pillIcon":"https://d1cjetlwgplgi5.cloudfront.net/public/gift_icon_0_white.svg","titleBarText":"Available Free gifts","productTitle":"","specialTag":"Free Gift","strikeThroughPriceText":"FREE","chooseOptionText":"Choose an option"}}},"tierSettings":[{"ruleId":"free_gift_tier_0","content":{"en":{"title":"{{FREE_GIFT_PRODUCT}}","subtitle":"Spend {{CURRENCY}}{{REMAINING_AMOUNT}} more to unlock","subtitleOfferUnlocked":"Free gift unlocked","icon":"https://d1cjetlwgplgi5.cloudfront.net/icons/free_gift_gift_icon.png"}}}],"meta":{"source":"fresh","schemaVersion":1}}}],"customerEligibilityRules":{"rulesOperator":"OR","rulesList":[]},"segmentsData":{"rulesOperator":"AND","discountApplicationStrategy":"MAXIMUM","segmentsList":[{"segmentId":"free_gift_tier_0","discountType":"PERCENTAGE","discountValue":100,"sortByOrder":"ascending","sortBasedOn":"productPrice","message":"","appliesToEachItem":false,"totalLimit":1,"limitPerProduct":1,"limitPerCart":0,"discountableSetLimit":1,"buyXRulesData":{"rulesOperator":"AND","itemCount":1,"rulesList":[{"ruleId":"DGPYUFdB","ruleValue":{"qualifierOperatorType":"greaterThanOrEqualTo","qualifierType":"overallSubtotal","qualifierValue":60,"currency":""},"ruleType":"cartSubtotal","type":"CART"}]},"getYRulesData":{"rulesOperator":"OR","itemCount":1,"rulesList":[{"ruleId":"Ue9sJMTg","ruleType":"productVariants","type":"PRODUCT","ruleValue":{"operatorType":"include","qualifierType":"overallQty","qualifierOperatorType":"greaterThanOrEqualTo","qualifierValue":1,"valueQtyMap":{"6998393815138":1,"7760085516386":1},"value":[{"productId":"6998393815138","graphqlId":"gid://shopify/Product/6998393815138","title":"Mini Tube Mattescreen SPF 40 10ml","handle":"mini-tube-mattescreen-spf-40-10ml-1","image":"https://cdn.shopify.com/s/files/1/1503/5658/files/MiniTubeMattescreenSPF4010ml_dff5897d-a415-4358-b29f-1bfc934a76e6.jpg?v=1708963826","images":["https://cdn.shopify.com/s/files/1/1503/5658/files/MiniTubeMattescreenSPF4010ml_dff5897d-a415-4358-b29f-1bfc934a76e6.jpg?v=1708963826"],"hasOnlyDefaultVariant":false,"variants":[{"variantId":"40777749561442","variantGraphqlId":"gid://shopify/ProductVariant/40777749561442","variantTitle":"10 ml","price":"0.00","availableForSale":true,"inventoryTracked":true,"inventoryQuantity":43486,"inventoryPolicy":"DENY","id":"gid://shopify/ProductVariant/40777749561442"}],"totalVariants":1,"quantity":1,"id":"gid://shopify/Product/6998393815138"},{"productId":"7760085516386","graphqlId":"gid://shopify/Product/7760085516386","title":"Mini Tube Mattescreen SPF 40 Untinted 10ml","handle":"mini-tube-mattescreen-spf-40-untinted-10ml","image":"https://cdn.shopify.com/s/files/1/1503/5658/files/SG_Mineral_Mattescreen_SPF40_Untinted_10ml_1b5b701e-73f0-4368-bf96-dd0f1e7494fc.jpg?v=1785850226","images":["https://cdn.shopify.com/s/files/1/1503/5658/files/SG_Mineral_Mattescreen_SPF40_Untinted_10ml_1b5b701e-73f0-4368-bf96-dd0f1e7494fc.jpg?v=1785850226"],"hasOnlyDefaultVariant":false,"variants":[{"variantId":"43177905815650","variantGraphqlId":"gid://shopify/ProductVariant/43177905815650","variantTitle":"10 ml","price":"0.00","availableForSale":true,"inventoryTracked":true,"inventoryQuantity":3026,"inventoryPolicy":"DENY","id":"gid://shopify/ProductVariant/43177905815650"}],"totalVariants":1,"quantity":1,"id":"gid://shopify/Product/7760085516386"}]}}]}}]},"discountTriggeredRulesData":{"rulesGlobalOperator":"AND","rulesGlobalList":[{"rulesOperator":"AND","discountApplicationStrategy":"ALL","rulesList":[]}]},"isTestMode":true,"isCampaignUrlEnabled":false,"urlBasedCampaign":{"id":"kite_campaign","value":"KJPKVQVP","url":"https://supergoop.com","campaignUrl":"https://supergoop.com?kite_campaign=KJPKVQVP"},"metricsArray":["cartSubtotal","productVariants"],"discountData_shopifyResponse":{"title":"Mattescreen CHOICE GWP","startsAt":"2021-02-02T17:09:21Z","endsAt":null,"discountClasses":["PRODUCT"],"appDiscountType":{"appKey":"e51a4e2686c9072bb405bf25837fe8f7","functionId":"0199b88c-b759-7d42-9d09-a4e7e5ffbfd1"},"combinesWith":{"orderDiscounts":true,"productDiscounts":true,"shippingDiscounts":true,"productDiscountsWithTagsOnSameCartLine":[]}},"createdAt":"2026-09-22T17:49:49.127Z","updatedAt":"2026-09-23T19:43:02.114Z","__v":0,"widgetsMigratedAt":"2026-09-22T17:49:49.141Z","metafieldId":"gid://shopify/Metafield/63638736765026","testOfferDetails":{}},{"discountFunctionType":"FREE_GIFT_V2","_id":"6ab2c1b766aed227287fc20f","shopName":"supergoop.myshopify.com","discountId":"gid://shopify/DiscountAutomaticNode/1486600994914","isEnabled":true,"title":"Unseen GWP - Auto","mode":"AUTOMATIC","advancedSettings":{"onlyUseWidget":false,"isAutoAdd":true,"isAutoAddFreeGiftOnceOnly":true,"isMultipleFreeGiftAllowed":false,"freeGiftEligibility":"ALL_PRODUCTS","multiplyFreeGiftWithTrigger":false,"maxQuantityForMultiplyFreeGiftWithTrigger":10,"multipleRules":false,"showStrikethroughPrice"
12669:true},"combinesWithOrderDiscounts":true,"combinesWithProductDiscounts":true,"combinesWithShippingDiscounts":true,"tags":[],"defaultKiteTag":"kite_unseen-gwp-auto-c20f","productDiscountsWithTagsOnSameCartLine":[],"appliesOncePerCustomer":false,"usageLimit":null,"campaignScheduleData":{"campaignSchedule":"CONTINUOUS","startDate":"2026-09-22","endDate":"2026-09-29","startTime":"00:00","endTime":"00:00","startDateTime":"2026-09-22T04:00:00Z","endDateTime":"2026-09-29T04:00:00Z","startDateTime_UTC":"2026-09-22T04:00:00Z","endDateTime_UTC":"2026-09-29T04:00:00Z","timeZone":""},"widgetSettings":{"isEnabled":true,"isExpandedByDefault":false,"isTitleBarEnabled":false,"isPillEnabled":false,"isDropdownPositionStatic":true,"widgetPadding":"12","productImageSize":"64","widgetBorderRadius":"8","fontConfig":{"titleFontSize":"16","titleFontStyle":"bold","subtitleFontSize":"14","subtitleFontStyle":"regular","claimBtnTextFontSize":"15","claimBtnTextFontStyle":"bold","titleBarFontStyle":"bold","titleBarFontSize":"16","pillFontStyle":"bold","pillFontSize":"10","bodyTitleFontStyle":"medium","bodyTitleFontSize":"14","dropDownTitleFontSize":"","dropDownFontStyle":"","tagFontSize":"10","tagFontStyle":"bold","strikeThroughFontSize":"14","strikeThroughFontStyle":"regular"},"colorConfig":{"claimBtnBgColor":"#151515","claimBtnTextColor":"#FFFFFF","borderColor":"#E5E5E5","titleColor":"#000000","subtitleColor":"#000000","boxBgColor":"#FFFFFF","titleBarTextColor":"#ffffff","titleBarBgColor":"#1A1A1A","pillTextColor":"#ffffff","pillBgColor":"#1A1A1A","dropdownTitleColor":"#2B2B2B","dropdownIconColor":"#2B2B2B","highlightColor":"#199800","lockProgressColor":"#199800","claimButtonBorderColor":"transparent","tagBgColor":"#F03639","strikeThroughPriceTextColor":"#868686","productTitleColor":"","emptyLockProgressColor":"#A9C9A3"},"buttonStyle":"solid","buttonConfig":{"claimButtonKind":"primary","addButtonKind":"primary"},"displaySettings":{"cartPage":false,"productPages":true,"specificProductPages":false,"specificProducts":[],"specificCollectionPages":false,"specificCollections":[],"sideCart":false},"configuration":{"isMultiLanguageEnabled":false,"en":{"globalConfig":{"conditionFulFilled":{"title":"Gift Added To Your Cart","subtitle":"","icon":"https://d1cjetlwgplgi5.cloudfront.net/public/Gift_prompt_blk.webp","textColor":"","backgroundColor":""},"conditionNotMet":{"title":"Unlock FREE gifts","subtitle":"Expand to view the gifts!","icon":"https://d1cjetlwgplgi5.cloudfront.net/public/Gift_prompt_blk.webp","textColor":"","backgroundColor":""},"conditionInProgress":{"title":"You have unlocked FREE gifts","subtitle":"Expand to claim the benefits!","icon":"https://d1cjetlwgplgi5.cloudfront.net/public/Gift_prompt_blk.webp","textColor":"","backgroundColor":""}},"tierConfig":[{"conditionNotMet":{"title":"{{FREE_GIFT_PRODUCT}}","subtitle":"Spend {{CURRENCY}}{{REMAINING_AMOUNT}} more to unlock","icon":"https://d1cjetlwgplgi5.cloudfront.net/icons/free_gift_gift_icon.png"},"conditionMet":{"title":"{{FREE_GIFT_PRODUCT}}","subtitle":"Free gift unlocked","icon":"https://d1cjetlwgplgi5.cloudfront.net/icons/free_gift_gift_icon.png"}}],"additionalFields":{"claimText":"ADD","claimedText":"Claimed","addingText":"Adding","unClaimText":"Unclaim","removingText":"Removing","alreadyClaimedText":"Note: Only one gift can be claimed at a time!","claimedCartTitle":"Congratulations! Free Gift Won!","claimedCartSubtitle":"Gift Added to Bag","conditionMetCartSubtitle":"Free Gift ready to claim","conditionMetButCannotClaimSubtitle":"Only 1 gift can be claimed at a time","outOfStockSubtitle":"Out of Stock","pillText":"FREE GIFT","pillIcon":"https://d1cjetlwgplgi5.cloudfront.net/public/gift_icon_0_white.svg","titleBarText":"Available Free gifts","productTitle":"","specialTag":"Free Gift","strikeThroughPriceText":"FREE","chooseOptionText":"Choose an option"}}}},"widgets":[{"id":"wid_6ab2c1b766aed227287fc20f_jeWR9bH0_nativeFreeGift_PRODUCT_PAGE","type":"nativeFreeGift","scope":"native","enabled":true,"placement":"PRODUCT_PAGE","targeting":{"allProductPages":true,"specificProductPages":false,"specificProducts":[],"specificCollectionPages":false,"specificCollections":[]},"style":{"colors":{"button":"#151515","buttonText":"#FFFFFF","border":"#E5E5E5","text":"#000000","background":"#FFFFFF","titleBarText":"#2B2B2B","
12669success":"#199800"},"typography":{"heading":{"size":"16px","weight":"bold"},"body":{"size":"14px","weight":"regular"},"button":{"size":"15px","weight":"bold"}},"spacing":{"padding":"12px","radius":"8px"},"typeSpecific":{"subtitleColor":"#000000","titleBarTextColor":"#ffffff","titleBarBgColor":"#1A1A1A","pillTextColor":"#ffffff","pillBgColor":"#1A1A1A","titleBarIconColor":"#2B2B2B","lockProgressColor":"#199800","claimButtonBorderColor":"transparent","tagBgColor":"#F03639","strikeThroughPriceColor":"#868686","emptyLockProgressColor":"#A9C9A3","strikeThroughPrice":{"size":"14px","weight":"regular"},"bodyTitle":{"size":"14px","weight":"medium"},"tag":{"size":"10px","weight":"bold"},"titleBar":{"size":"16px","weight":"bold"},"pill":{"size":"10px","weight":"bold"},"productImageSize":"64px","buttonConfig":{"claimButtonKind":"primary","addButtonKind":"primary"}}},"content":{"en":{"globalConfig":{"conditionFulFilled":{"title":"Gift Added To Your Cart","subtitle":"","icon":"https://d1cjetlwgplgi5.cloudfront.net/public/Gift_prompt_blk.webp","textColor":"","backgroundColor":""},"conditionNotMet":{"title":"Unlock FREE gifts","subtitle":"Expand to view the gifts!","icon":"https://d1cjetlwgplgi5.cloudfront.net/public/Gift_prompt_blk.webp","textColor":"","backgroundColor":""},"conditionInProgress":{"title":"You have unlocked FREE gifts","subtitle":"Expand to claim the benefits!","icon":"https://d1cjetlwgplgi5.cloudfront.net/public/Gift_prompt_blk.webp","textColor":"","backgroundColor":""}},"additionalFields":{"claimText":"ADD","claimedText":"Claimed","addingText":"Adding","unClaimText":"Unclaim","removingText":"Removing","alreadyClaimedText":"Note: Only one gift can be claimed at a time!","claimedCartTitle":"Congratulations! Free Gift Won!","claimedCartSubtitle":"Gift Added to Bag","conditionMetCartSubtitle":"Free Gift ready to claim","conditionMetButCannotClaimSubtitle":"Only 1 gift can be claimed at a time","outOfStockSubtitle":"Out of Stock","pillText":"FREE GIFT","pillIcon":"https://d1cjetlwgplgi5.cloudfront.net/public/gift_icon_0_white.svg","titleBarText":"Available Free gifts","productTitle":"","specialTag":"Free Gift","strikeThroughPriceText":"FREE","chooseOptionText":"Choose an option"}}},"settings":{"isExpandedByDefault":false,"isPillEnabled":false,"isTitleBarEnabled":false,"isDropdownPositionStatic":true,"showStrikethroughPrice":true,"buttonStyle":"solid","placementMode":"automatic"},"tierSettings":[{"ruleId":"free_gift_tier_0","content":{"en":{"title":"{{FREE_GIFT_PRODUCT}}","subtitle":"Spend {{CURRENCY}}{{REMAINING_AMOUNT}} more to unlock","subtitleOfferUnlocked":"Free gift unlocked","icon":"https://d1cjetlwgplgi5.cloudfront.net/icons/free_gift_gift_icon.png"}}}],"meta":{"source":"legacy","migratedAt":"2026-09-22T17:58:15.175Z","schemaVersion":1}}],"customerEligibilityRules":{"rulesOperator":"OR","rulesList":[]},"segmentsData":{"rulesOperator":"AND","discountApplicationStrategy":"MAXIMUM","segmentsList":[{"segmentId":"free_gift_tier_0","discountType":"PERCENTAGE","discountValue":100,"sortByOrder":"ascending","sortBasedOn":"productPrice","message":"","appliesToEachItem":false,"totalLimit":1,"limitPerProduct":1,"limitPerCart":0,"discountableSetLimit":1,"buyXRulesData":{"rulesOperator":"AND","itemCount":1,"rulesList":[{"ruleId":"wLOimGKd","ruleValue":{"qualifierOperatorType":"greaterThanOrEqualTo","qualifierType":"overallSubtotal","qualifierValue":60,"currency":""},"ruleType":"cartSubtotal","type":"CART"}]},"getYRulesData":{"rulesOperator":"OR","itemCount":1,"rulesList":[{"ruleId":"LSHCAeWC","ruleType":"productVariants","type":"PRODUCT","ruleValue":{"operatorType":"include","qualifierType":"overallQty","qualifierOperatorType":"greaterThanOrEqualTo","qualifierValue":1,"valueQtyMap":{"7271263830114":1},"value":[{"productId":"7271263830114","graphqlId":"gid://shopify/Product/7271263830114","title":"Mini Tube Unseen Sunscreen SPF 50 10ml","handle":"mini-tube-unseen-sunscreen-spf-50-10ml","image":"https://cdn.shopify.com/s/files/1/1503/5658/files/supergoop-unseen-sunscreen-spf-50-product-10ml.jpg?v=1733508709","images":["https://cdn.shopify.com/s/files/1/1503/5658/files/supergoop-unseen-sunscreen-spf-50-product-10ml.jpg?v=1733508709"],"hasOnlyDefaultVariant":false,"variants":[{"variantId":"41617398923362","variantGraphqlId":"gid://shopify/ProductVariant/41617398923362","variantTitle":"10 ml","price":"0.00","availableForSale":true,"inventoryTracked":true,"inventoryQuantity":1177,"inventoryPolicy":"DENY"}],"totalVariants":1,"quantity":1}]}}]}}]},"discountTriggeredRulesData":{"rulesGlobalOperator":"AND","rulesGlobalList":[{"rulesOperator":"AND","discountApplicationStrategy":"ALL","rulesList":[]}]},"isTestMode":true,"isCampaignUrlEnabled":false,"urlBasedCampaign":{"id":"kite_campaign","value":"7ALSHPF5","url":"https://supergoop.com","campaignUrl":"https://supergoop.com?kite_campaign=7ALSHPF5"},"metricsArray":["cartSubtotal","productVariants"],"discountData_shopifyResponse":{"title":"Unseen GWP - Auto","startsAt":"2021-02-02T17:09:21Z","endsAt":null,"discountClasses":["PRODUCT"],"appDiscountType":{"appKey":"e51a4e2686c9072bb405bf25837fe8f7","functionId":"0199b88c-b759-7d42-9d09-a4e7e5ffbfd1"},"combinesWith":{"orderDiscounts":true,"productDiscounts":true,"shippingDiscounts":true,"productDiscountsWithTagsOnSameCartLine":[]}},"createdAt":"2026-09-22T17:58:15.164Z","updatedAt":"2026-09-22T18:05:00.278Z","__v":0,"widgetsMigratedAt":"2026-09-22T17:58:15.175Z","metafieldId":"gid://shopify/Metafield/63638840344674","testOfferDetails":{}},{"discountFunctionType":"FREE_GIFT_V2","_id":"6ab2c517dc08c2bc029011d8","shopName":"supergoop.myshopify.com","discountId":"gid://shopify/DiscountAutomaticNode/1486603157602","isEnabled":true,"title":"Unseen SEGMENT","mode":"AUTOMATIC","advancedSettings":{"onlyUseWidget":false,"isAutoAdd":true,"isAutoAddFreeGiftOnceOnly":false,"isMultipleFreeGiftAllowed":false,"freeGiftEligibility":"ALL_PRODUCTS","multiplyFreeGiftWithTrigger":false,"maxQuantityForMultiplyFreeGiftWithTrigger":10,"multipleRules":false,"showStrikethroughPrice"
12669:true},"combinesWithOrderDiscounts":true,"combinesWithProductDiscounts":true,"combinesWithShippingDiscounts":true,"tags":[],"defaultKiteTag":"kite_unseen-segment-oe7t","productDiscountsWithTagsOnSameCartLine":[],"appliesOncePerCustomer":false,"usageLimit":null,"campaignScheduleData":{"campaignSchedule":"CONTINUOUS","startDate":"2026-09-22","endDate":"2026-09-29","startTime":"00:00","endTime":"00:00","startDateTime":"2026-09-22T04:00:00Z","endDateTime":"2026-09-29T04:00:00Z","startDateTime_UTC":"2026-09-22T04:00:00Z","endDateTime_UTC":"2026-09-29T04:00:00Z","timeZone":""},"widgetSettings":{"isEnabled":true,"isExpandedByDefault":false,"isTitleBarEnabled":false,"isPillEnabled":false,"isDropdownPositionStatic":true,"widgetPadding":"12","productImageSize":"64","widgetBorderRadius":"8","fontConfig":{"titleFontSize":"16","titleFontStyle":"bold","subtitleFontSize":"14","subtitleFontStyle":"regular","claimBtnTextFontSize":"15","claimBtnTextFontStyle":"bold","titleBarFontStyle":"bold","titleBarFontSize":"16","pillFontStyle":"bold","pillFontSize":"10","bodyTitleFontStyle":"medium","bodyTitleFontSize":"14","dropDownTitleFontSize":"","dropDownFontStyle":"","tagFontSize":"10","tagFontStyle":"bold","strikeThroughFontSize":"14","strikeThroughFontStyle":"regular"},"colorConfig":{"claimBtnBgColor":"#151515","claimBtnTextColor":"#FFFFFF","borderColor":"#E5E5E5","titleColor":"#000000","subtitleColor":"#000000","boxBgColor":"#FFFFFF","titleBarTextColor":"#ffffff","titleBarBgColor":"#1A1A1A","pillTextColor":"#ffffff","pillBgColor":"#1A1A1A","dropdownTitleColor":"#2B2B2B","dropdownIconColor":"#2B2B2B","highlightColor":"#199800","lockProgressColor":"#199800","claimButtonBorderColor":"transparent","tagBgColor":"#F03639","strikeThroughPriceTextColor":"#868686","productTitleColor":"","emptyLockProgressColor":"#A9C9A3"},"buttonStyle":"solid","buttonConfig":{"claimButtonKind":"primary","addButtonKind":"primary"},"displaySettings":{"cartPage":false,"productPages":true,"specificProductPages":false,"specificProducts":[],"specificCollectionPages":false,"specificCollections":[],"sideCart":false},"configuration":{"isMultiLanguageEnabled":false,"en":{"globalConfig":{"conditionFulFilled":{"title":"Gift Added To Your Cart","subtitle":"","icon":"https://d1cjetlwgplgi5.cloudfront.net/public/Gift_prompt_blk.webp","textColor":"","backgroundColor":""},"conditionNotMet":{"title":"Unlock FREE gifts","subtitle":"Expand to view the gifts!","icon":"https://d1cjetlwgplgi5.cloudfront.net/public/Gift_prompt_blk.webp","textColor":"","backgroundColor":""},"conditionInProgress":{"title":"You have unlocked FREE gifts","subtitle":"Expand to claim the benefits!","icon":"https://d1cjetlwgplgi5.cloudfront.net/public/Gift_prompt_blk.webp","textColor":"","backgroundColor":""}},"tierConfig":[{"conditionNotMet":{"title":"{{FREE_GIFT_PRODUCT}}","subtitle":"Spend {{CURRENCY}}{{REMAINING_AMOUNT}} more to unlock","icon":"https://d1cjetlwgplgi5.cloudfront.net/icons/free_gift_gift_icon.png"},"conditionMet":{"title":"{{FREE_GIFT_PRODUCT}}","subtitle":"Free gift unlocked","icon":"https://d1cjetlwgplgi5.cloudfront.net/icons/free_gift_gift_icon.png"}}],"additionalFields":{"claimText":"ADD","claimedText":"Claimed","addingText":"Adding","unClaimText":"Unclaim","removingText":"Removing","alreadyClaimedText":"Note: Only one gift can be claimed at a time!","claimedCartTitle":"Congratulations! Free Gift Won!","claimedCartSubtitle":"Gift Added to Bag","conditionMetCartSubtitle":"Free Gift ready to claim","conditionMetButCannotClaimSubtitle":"Only 1 gift can be claimed at a time","outOfStockSubtitle":"Out of Stock","pillText":"FREE GIFT","pillIcon":"https://d1cjetlwgplgi5.cloudfront.net/public/gift_icon_0_white.svg","titleBarText":"Available Free gifts","productTitle":"","specialTag":"Free Gift","strikeThroughPriceText":"FREE","chooseOptionText":"Choose an option"}}}},"widgets":[{"id":"wid_6ab2c517dc08c2bc029011d8_RQJAzFzN_nativeFreeGift_PRODUCT_PAGE","type":"nativeFreeGift","scope":"native","enabled":true,"placement":"PRODUCT_PAGE","targeting":{"allProductPages":true,"specificProductPages":false,"specificProducts":[],"specificCollectionPages":false,"specificCollections":[]},"style":{"colors":{"button":"#151515","buttonText":"#FFFFFF","border":"#E5E5E5","text":"#000000","background":"#FFFFFF","titleBarText":"#2B2B2B","
12669success":"#199800"},"typography":{"heading":{"size":"16px","weight":"bold"},"body":{"size":"14px","weight":"regular"},"button":{"size":"15px","weight":"bold"}},"spacing":{"padding":"12px","radius":"8px"},"typeSpecific":{"subtitleColor":"#000000","titleBarTextColor":"#ffffff","titleBarBgColor":"#1A1A1A","pillTextColor":"#ffffff","pillBgColor":"#1A1A1A","titleBarIconColor":"#2B2B2B","lockProgressColor":"#199800","claimButtonBorderColor":"transparent","tagBgColor":"#F03639","strikeThroughPriceColor":"#868686","emptyLockProgressColor":"#A9C9A3","strikeThroughPrice":{"size":"14px","weight":"regular"},"bodyTitle":{"size":"14px","weight":"medium"},"tag":{"size":"10px","weight":"bold"},"titleBar":{"size":"16px","weight":"bold"},"pill":{"size":"10px","weight":"bold"},"productImageSize":"64px","buttonConfig":{"claimButtonKind":"primary","addButtonKind":"primary"}}},"content":{"en":{"globalConfig":{"conditionFulFilled":{"title":"Gift Added To Your Cart","subtitle":"","icon":"https://d1cjetlwgplgi5.cloudfront.net/public/Gift_prompt_blk.webp","textColor":"","backgroundColor":""},"conditionNotMet":{"title":"Unlock FREE gifts","subtitle":"Expand to view the gifts!","icon":"https://d1cjetlwgplgi5.cloudfront.net/public/Gift_prompt_blk.webp","textColor":"","backgroundColor":""},"conditionInProgress":{"title":"You have unlocked FREE gifts","subtitle":"Expand to claim the benefits!","icon":"https://d1cjetlwgplgi5.cloudfront.net/public/Gift_prompt_blk.webp","textColor":"","backgroundColor":""}},"additionalFields":{"claimText":"ADD","claimedText":"Claimed","addingText":"Adding","unClaimText":"Unclaim","removingText":"Removing","alreadyClaimedText":"Note: Only one gift can be claimed at a time!","claimedCartTitle":"Congratulations! Free Gift Won!","claimedCartSubtitle":"Gift Added to Bag","conditionMetCartSubtitle":"Free Gift ready to claim","conditionMetButCannotClaimSubtitle":"Only 1 gift can be claimed at a time","outOfStockSubtitle":"Out of Stock","pillText":"FREE GIFT","pillIcon":"https://d1cjetlwgplgi5.cloudfront.net/public/gift_icon_0_white.svg","titleBarText":"Available Free gifts","productTitle":"","specialTag":"Free Gift","strikeThroughPriceText":"FREE","chooseOptionText":"Choose an option"}}},"settings":{"isExpandedByDefault":false,"isPillEnabled":false,"isTitleBarEnabled":false,"isDropdownPositionStatic":true,"showStrikethroughPrice":true,"buttonStyle":"solid","placementMode":"automatic"},"tierSettings":[{"ruleId":"free_gift_tier_0","content":{"en":{"title":"{{FREE_GIFT_PRODUCT}}","subtitle":"Spend {{CURRENCY}}{{REMAINING_AMOUNT}} more to unlock","subtitleOfferUnlocked":"Free gift unlocked","icon":"https://d1cjetlwgplgi5.cloudfront.net/icons/free_gift_gift_icon.png"}}}],"meta":{"source":"legacy","migratedAt":"2026-09-22T18:12:39.268Z","schemaVersion":1}}],"customerEligibilityRules":{"rulesOperator":"OR","rulesList":[{"ruleId":"zzVhJZZT","ruleType":"customerTags","type":"CUSTOMER","ruleValue":{"operatorType":"is","value":["troop_supergoop"]}}]},"segmentsData":{"rulesOperator":"AND","discountApplicationStrategy":"MAXIMUM","segmentsList":[{"segmentId":"free_gift_tier_0","discountType":"PERCENTAGE","discountValue":100,"sortByOrder":"ascending","sortBasedOn":"productPrice","message":"","appliesToEachItem":false,"totalLimit":1,"limitPerProduct":1,"limitPerCart":0,"discountableSetLimit":1,"buyXRulesData":{"rulesOperator":"AND","itemCount":1,"rulesList":[{"ruleId":"Fqn80Q2q","ruleValue":{"qualifierOperatorType":"greaterThanOrEqualTo","qualifierType":"overallSubtotal","qualifierValue":60,"currency":""},"ruleType":"cartSubtotal","type":"CART"}]},"getYRulesData":{"rulesOperator":"OR","itemCount":1,"rulesList":[{"ruleId":"8jo6nAmb","ruleType":"productVariants","type":"PRODUCT","ruleValue":{"operatorType":"include","qualifierType":"overallQty","qualifierOperatorType":"greaterThanOrEqualTo","qualifierValue":1,"valueQtyMap":{"7271263830114":1},"value":[{"productId":"7271263830114","graphqlId":"gid://shopify/Product/7271263830114","title":"Mini Tube Unseen Sunscreen SPF 50 10ml","handle":"mini-tube-unseen-sunscreen-spf-50-10ml","image":"https://cdn.shopify.com/s/files/1/1503/5658/files/supergoop-unseen-sunscreen-spf-50-product-10ml.jpg?v=1733508709","images":["https://cdn.shopify.com/s/files/1/1503/5658/files/supergoop-unseen-sunscreen-spf-50-product-10ml.jpg?v=1733508709"],"hasOnlyDefaultVariant":false,"variants":[{"variantId":"41617398923362","variantGraphqlId":"gid://shopify/ProductVariant/41617398923362","variantTitle":"10 ml","price":"0.00","availableForSale":true,"inventoryTracked":true,"inventoryQuantity":1177,"inventoryPolicy":"DENY"}],"totalVariants":1,"quantity":1}]}}]}}]},"discountTriggeredRulesData":{"rulesGlobalOperator":"AND","rulesGlobalList":[{"rulesOperator":"AND","discountApplicationStrategy":"ALL","rulesList":[]}]},"isTestMode":true,"isCampaignUrlEnabled":false,"urlBasedCampaign":{"id":"kite_campaign","value":"FO08VC4C","url":"https://supergoop.com","campaignUrl":"https://supergoop.com?kite_campaign=FO08VC4C"},"metricsArray":["cartSubtotal","productVariants"],"discountData_shopifyResponse":{"discountId":"gid://shopify/DiscountAutomaticNode/1486603157602","title":"Unseen SEGMENT","startsAt":"2021-02-02T17:09:21Z","endsAt":null,"status":"ACTIVE","discountClasses":["PRODUCT"],"appDiscountType":{"appKey":"e51a4e2686c9072bb405bf25837fe8f7","functionId":"0199b88c-b759-7d42-9d09-a4e7e5ffbfd1"},"combinesWith":{"orderDiscounts":true,"productDiscounts":true,"shippingDiscounts":true,"productDiscountsWithTagsOnSameCartLine":[]}},"createdAt":"2026-09-22T18:12:39.256Z","updatedAt":"2026-09-22T18:12:39.271Z","__v":0,"widgetsMigratedAt":"2026-09-22T18:12:39.269Z"}],"discounts":[],"boGo":[],"shippingDiscount":[],"shippingDiscountV2":[],"customDiscount":[],"unifiedWidget":[],"consolidatedCu
12669stomDiscount":[{"_id":"6ab2c85666aed2272880c93f","shopName":"supergoop.myshopify.com","isDeleted":false,"templateType":"DYNAMIC_BOGO","title":"BOGO - PLAY Mist 6oz & 3oz","isEnabled":true,"mode":"AUTOMATIC","combinesWithOrderDiscounts":true,"combinesWithProductDiscounts":true,"combinesWithShippingDiscounts":true,"tags":[],"productDiscountsWithTagsOnSameCartLine":[],"formSeed":"yjr2fp6p","defaultKiteTag":"kite_bogo-play-mist-6oz-3oz-fp6p","appliesOncePerCustomer":false,"usageLimit":null,"advancedSettings":{"onlyUseWidget":false},"discountFunctionType":"CONSOLIDATED_BXGY_DISCOUNT","discountTriggeredRulesData":{"rulesGlobalOperator":"AND","rulesGlobalList":[{"rulesOperator":"AND","rulesList":[]}]},"segmentsData":{"rulesOperator":"AND","discountApplicationStrategy":"ALL","segmentsList":[{"segmentId":"vsTNEmow","discountType":"PERCENTAGE","sortBasedOn":"productPrice","sortByOrder":"ascending","message":"","appliesToEachItem":false,"discountValue":"50","discountableSetLimit":"1000","buyXRulesData":{"rulesOperator":"AND","itemCount":"1","rulesList":[{"ruleId":"FYW4MGsx","ruleType":"productVariants","type":"PRODUCT","ruleValue":{"operatorType":"include","qualifierType":"overallQty","qualifierOperatorType":"greaterThanOrEqualTo","qualifierValue":"1","value":[{"id":"gid://shopify/Product/4342502522978","productId":"4342502522978","graphqlId":"gid://shopify/Product/4342502522978","title":"PLAY Antioxidant Body Mist SPF 50 with Vitamin C","handle":"antioxidant-infused-sunscreen-mist-with-vitamin-c","images":["https://cdn.shopify.com/s/files/1/1503/5658/files/PLAYMist_1180x1604_3e82bdac-fbf2-4a5b-95e9-137c615720ae.png?v=1779817896"],"variants":[{"id":"gid://shopify/ProductVariant/31189114388578","variantId":"31189114388578","variantGraphqlId":"gid://shopify/ProductVariant/31189114388578","variantTitle":"Sunny Citrus / 6 fl. oz.","price":"24.00","availableForSale":true,"inventoryTracked":true,"inventoryQuantity":142667,"inventoryPolicy":"DENY"}],"totalVariants":7,"price":"24.00"}]}}]},"getYRulesData":{"rulesOperator":"AND","itemCount":"1","rulesList":[{"ruleId":"E3EqcLRJ","ruleType":"productVariants","type":"PRODUCT","ruleValue":{"operatorType":"include","qualifierType":"overallQty","qualifierOperatorType":"greaterThanOrEqualTo","qualifierValue":"1","value":[{"id":"gid://shopify/Product/4342502522978","productId":"4342502522978","graphqlId":"gid://shopify/Product/4342502522978","title":"PLAY Antioxidant Body Mist SPF 50 with Vitamin C","handle":"antioxidant-infused-sunscreen-mist-with-vitamin-c","images":["https://cdn.shopify.com/s/files/1/1503/5658/files/PLAYMist_1180x1604_3e82bdac-fbf2-4a5b-95e9-137c615720ae.png?v=1779817896"],"variants":[{"id":"gid://shopify/ProductVariant/31189114454114","variantId":"31189114454114","variantGraphqlId":"gid://shopify/ProductVariant/31189114454114","variantTitle":"Sunny Citrus / 3 fl. oz.","price":"18.00","availableForSale":true,"inventoryTracked":true,"inventoryQuantity":222085,"inventoryPolicy":"DENY"}],"totalVariants":7,"price":"18.00"}]}}]}}]},"customerEligibilityRules":{"rulesOperator":"AND","rulesList":[]},"campaignScheduleData":{"campaignSchedule":"CONTINUOUS","startDate":"2026-09-22","endDate":"2026-09-29","startTime":"00:00","endTime":"00:00","startDateTime":"2026-09-22T04:00:00Z","endDateTime":"2026-09-29T04:00:00Z","startDateTime_UTC":"2026-09-22T04:00:00Z","endDateTime_UTC":"2026-09-29T04:00:00Z","timeZone":""},"salesChannelSettings":{"channels":["ONLINE_STORE"],"posSettings":{"applicability":"ALL","operator":"include","locationIds":[]}},"widgetSettings":{"isEnabled":true,"templateType":"DEFAULT_HORIZONTAL","placement":"AUTOMATIC","titleBar":{"showOnWidget":true,"conditionMetIconUrl":"DISCOUNT_TAG_ICON_FILL","conditionNotMetIconUrl":"DISCOUNT_TAG_ICON_FILL","en":{"conditionMetHeadingText":"Claim your offers","conditionMetSubheadingText":"","conditionNotMetHeadingText":"Buy {{PRODUCT_NAME_1}} and get this product at {{DISCOUNT_VALUE_1}} off","conditionNotMetSubheadingText":"Buy more to unlock {{DISCOUNT_VALUE_1}} off"}},"widgetBodyTextContent":{"en":{"addToCartButtonText":"Add","selectButtonText":"Choose an option","outOfStockButtonText":"Out of Stock","removeButtonText":"Remove"}},"styleSettings":{"keepOpenByDefault":false,"titleBarIconColor":"#0F0F0F","widgetTextColor":"#000000","widgetBackgroun
12669dColor":"#ffffff","widgetBorderColor":"#E5E5E5","widgetButtonColor":"#0F0F0F","widgetButtonTextColor":"#FFFFFF","widgetDropdownColor":"#ECECEC","widgetTextSize":"16px","widgetIconSize":"24px","productsListLayout":"vertical","widgetPadding":"10px","cornerRadius":"6px","buttonStyle":"solid","hyperLinkYProduct":false,"titleBarTextColor":"#0F0F0F","highlightColor":"#199800","productNameColor":"#000000","priceColor":"#000000","strikeThroughPriceColor":"#868686","titleBarFontWeight":"Bold","titleBarFontSize":"14px","productNameFontSize":"14px","productNameFontWeight":"Medium","priceFontSize":"14px","priceFontWeight":"Bold","strikeThroughPriceFontSize":"14px","strikeThroughPriceFontWeight":"Medium","buttonLabelFontSize":"14px","buttonLabelFontWeight":"Medium"},"displaySettings":{"cartPage":true,"sideCart":true,"productPages":true,"specificProductPages":false,"specificProducts":[],"specificCollectionPages":false,"specificCollections":[],"alwaysKeepVisible":true}},"isTestMode":true,"isCampaignUrlEnabled":false,"urlBasedCampaign":{"id":"kite_campaign","value":"QV1BNAUT","url":"https://supergoop.com","campaignUrl":"https://supergoop.com?kite_campaign=QV1BNAUT"},"widgets":[{"id":"wid_undefined_kUdcVuzZ_nativeBXGY_PRODUCT_PAGE","type":"nativeBXGY","scope":"native","enabled":true,"placement":"PRODUCT_PAGE","targeting":{"allProductPages":true,"specificProductPages":false,"specificProducts":[],"specificCollectionPages":false,"specificCollections":[]},"style":{"colors":{"text":"#000000","background":"#ffffff","border":"#E5E5E5","button":"#0F0F0F","buttonText":"#FFFFFF","titleBarText":"#0F0F0F","success":"#199800","link":"#005BD3"},"typography":{"heading":{"size":"14px","weight":"Bold"},"body":{"size":"14px","weight":"Medium"},"button":{"size":"14px","weight":"Medium"}},"spacing":{"padding":"10px","radius":"6px"},"typeSpecific":{"titleBarIconColor":"#0F0F0F","widgetDropdownColor":"#ECECEC","widgetTextSize":"16px","widgetIconSize":"24px","productNameColor":"#000000","priceColor":"#000000","strikeThroughPriceColor":"#868686","price":{"size":"14px","weight":"Bold"},"strikeThroughPrice":{"size":"14px","weight":"Medium"}}},"content":{"en":{"heading":{"conditionMetText":"Claim your offers","conditionNotMetText":"Buy {{PRODUCT_NAME_1}} and get this product at {{DISCOUNT_VALUE_1}} off","iconUrl":"DISCOUNT_TAG_ICON_FILL","iconMetUrl":"DISCOUNT_TAG_ICON_FILL"},"cta":{"addToCartButtonText":"Add","selectButtonText":"Choose an option","outOfStockButtonText":"Out of Stock","removeButtonText":"Remove"}}},"settings":{"placementMode":"automatic","templateType":"DEFAULT_HORIZONTAL","productsListLayout":"vertical","keepOpenByDefault":false,"hyperLinkYProduct":false,"alwaysKeepVisible":true,"buttonStyle":"solid"},"meta":{"source":"fresh","schemaVersion":1}}],"metricsArray":["productVariants"],"discountId":"gid://shopify/DiscountAutomaticNode/1486605385826","discountData_shopifyResponse":{"discountId":"gid://shopify/DiscountAutomaticNode/1486605385826","title":"BOGO - PLAY Mist 6oz & 3oz","startsAt":"2021-02-02T17:09:21Z","endsAt":null,"status":"ACTIVE","appliesOnSubscription":true,"appliesOnOneTimePurchase":true,"recurringCycleLimit":1,"appDiscountType":{"appKey":"e51a4e2686c9072bb405bf25837fe8f7","functionId":"967b5bf6-afbf-438f-988b-9f1ac0786363"},"discountClasses":["PRODUCT"],"combinesWith":{"orderDiscounts":true,"productDiscounts":true,"shippingDiscounts":true,"productDiscountsWithTagsOnSameCartLine":[]}},"customerSegmentIds":[],"createdAt":"2026-09-22T18:26:31.000Z","updatedAt":"2026-09-22T18:26:31.000Z","__v":0}],"consolidatedCombinedDiscount":[],"freeGiftCheckout":[],"storefrontConfig":{"theme":{},"widgetTypeDesign":{},"widgetPriority":{"nativeFreeGift.PRODUCT_PAGE":["wid_6ab2bfbdf1e48a6839ce0793_aGsz69X8_nativeFreeGift_PRODUCT_PAGE","wid_6ab2c1b766aed227287fc20f_jeWR9bH0_nativeFreeGift_PRODUCT_PAGE","wid_6ab2c517dc08c2bc029011d8_RQJAzFzN_nativeFreeGift_PRODUCT_PAGE"]}},"fileRequest":{"freeGiftLogicv1":true,"freeGiftV1":false,"kiteV0Features":false,"customDiscountLogic":true,"freeGiftV2":true,"globalWidgets":false}}</script>
12669
12670
12671  
12671<script>
12672    if (window && !window.kite_app_data) {
12673      let metafieldData;
12674
12675      const jsonDataElement = document.getElementById('kite-app-data');
12676      const jsonString = jsonDataElement ? jsonDataElement.textContent : '';
12677
12678      try {
12679        metafieldData = JSON.parse(jsonString);
12680      } catch (error) {
12681        console.error("Failed to parse metafield data:", error);
12682        metafieldData = { errorMsg: "This is not a valid JSON" };
12683      }
12684
12685      if (metafieldData && !metafieldData?.errorMsg) {
12686        window.kite_app_data = metafieldData;
12687      }
12688
12689      if (jsonDataElement) {
12690        jsonDataElement.textContent = '';
12691      }
12692    }
12693  </script>
12693
12694
12695  
12696  
12697  
12697<script>
12698    window.gfgFileStatus = {
12699      base: "NEED_TO_LOAD",
12700      freeGiftV1: "false",
12701      freeGiftV2: "true",
12702      kiteV0Features: "false",
12703      customDiscountLogic: "true",
12704      globalWidgets: "true"
12705    };
12706    // Convert boolean strings to status (skip 'base' which is always NEED_TO_LOAD)
12707    Object.keys(window.gfgFileStatus).forEach(function(key) {
12708      if (key === 'base') return;
12709      window.gfgFileStatus[key] = window.gfgFileStatus[key] === "true" ? "NEED_TO_LOAD" : "DONT_LOAD";
12710    });
12711  </script>
12711
12712
12713  
12714  
12715    <link rel="stylesheet" href="https://cdn.shopify.com/extensions/01a0d264-67c2-7b89-a18c-906ab3c02a9d/free-gift-28-809/assets/freeGiftLogicv1.min.css" media="print" onload="this.media='all'" />
12716    <noscript><link rel="stylesheet" href="https://cdn.shopify.com/extensions/01a0d264-67c2-7b89-a18c-906ab3c02a9d/free-gift-28-809/assets/freeGiftLogicv1.min.css" /></noscript>
12717    
12717<script defer src="https://cdn.shopify.com/extensions/01a0d264-67c2-7b89-a18c-906ab3c02a9d/free-gift-28-809/assets/freeGiftLogicv1.min.js"></script>
12717
12718  
12719
12720  
12721    
12722
12723    
12724
12725    
12726
12727    
12728      
12729      
12730        <link rel="preload" href="https://cdn.shopify.com/extensions/01a0d264-67c2-7b89-a18c-906ab3c02a9d/free-gift-28-809/assets/freeGiftV2.min.css" as="style" />
12731      
12732      
12732<script>
12733        window.__kite_fgv2_css = "https://cdn.shopify.com/extensions/01a0d264-67c2-7b89-a18c-906ab3c02a9d/free-gift-28-809/assets/freeGiftV2.min.css";
12734      </script>
12734
12735      
12736        
12736<script async src="https://cdn.shopify.com/extensions/01a0d264-67c2-7b89-a18c-906ab3c02a9d/free-gift-28-809/assets/freeGiftV2.min.js"></script>
12736
12737      
12738    
12739
12740    
12741      
12742        
12742<script async src="https://cdn.shopify.com/extensions/01a0d264-67c2-7b89-a18c-906ab3c02a9d/free-gift-28-809/assets/customDiscountLogic.min.js"></script>
12742
12743      
12744    
12745  
12746
12747  
12748  
12749  
12750    
12751    
12751<script>
12752      (function () {
12753        // globalWidgets must NOT stay NEED_TO_LOAD if it fails (error) OR never
12754        // settles (hang) — base waits on it in GFG_DEPENDENCIES, so it would block
12755        // ALL discount modules. A once-only settle() flips it to DONT_LOAD and
12756        // re-fires gfg:module:loaded so the base dependency waiter proceeds. On a
12757        // successful load the script sets its own status; we only clear the timeout.
12758        var settled = false;
12759        var timer;
12760        function settle(failed) {
12761          if (settled) return;
12762          settled = true;
12763          if (timer) { clearTimeout(timer); timer = null; }
12764          if (failed) {
12765            if (window.gfgFileStatus) { window.gfgFileStatus.globalWidgets = 'DONT_LOAD'; }
12766            document.dispatchEvent(new CustomEvent('gfg:module:loaded', { detail: { moduleName: 'globalWidgets' } }));
12767          }
12768        }
12769        var s = document.createElement('script');
12770        s.async = true;
12771        s.src = "https:\/\/cdn.shopify.com\/extensions\/01a0d264-67c2-7b89-a18c-906ab3c02a9d\/free-gift-28-809\/assets\/globalWidgets.min.js";
12772        s.addEventListener('load', function () { settle(false); });
12773        s.addEventListener('error', function () { settle(true); });
12774        timer = setTimeout(function () { settle(true); }, 15000);
12775        document.head.appendChild(s);
12776      })();
12777    </script>
12777
12778  
12779
12780
12781
12782
12783</div>
12783<script src="https://cdn.shopify.com/storefront/standard-actions.js" type="module" data-source-attribution="shopify.standard_actions"></script>
12783
12784</body>
12785</html>
12786

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.