PageSourceSearch

https://www.drfewskincare.com/search

html drfewskincare.com collected 2026-10-05 01:56:29 UTC 241,871 bytes, 5,669 lines download raw bytes

1<!doctype html>
2<html class="no-js" lang="en">
3  <head>
4		
5		
6    
7    
8    
9    
10    
11      
12      
13    
14
15
16		<!-- heatmap.com snippet -->
17		
17<script>
18			(function() {      
19				var _heatmap_paq = window._heatmap_paq || [];
20				var heatUrl = window.heatUrl = "https://dashboard.heatmap.com/";
21				function heatLoader(url, item) {
22					if(typeof handleSinglePagedWebsite !== 'undefined' && item == 'prep') return true;
23					var s = document.createElement("script"); s.type = "text/javascript"; 
24					s.src = url; s.async = false; s.defer = true; document.head.appendChild(s);
25				}
26				heatLoader(heatUrl+"preprocessor.min.js?sid=2908", "prep");
27				setTimeout(function() {
28					if(typeof _heatmap_paq !== "object" || _heatmap_paq.length == 0) {     
29						_heatmap_paq.push(["setTrackerUrl", heatUrl+"heatmap.php"]);
30						heatLoader(heatUrl+"heatmap-light.min.js?sid=2908", "heat");
31					}
32				}, 1000);
33			})();
34		</script>
34
35		<!-- End heatmap.com snippet Code -->
36		
37		<meta name="facebook-domain-verification" content="capfll5iocjoye882n0ghb33qudbc1">
38		<meta charset="utf-8">
39		<meta http-equiv="X-UA-Compatible" content="IE=edge">
40		<meta name="viewport" content="width=device-width,initial-scale=1">
41		<meta name="theme-color" content="">
42		<link rel="canonical" href="https://www.drfewskincare.com/search">
43
44		
45		<style>
46			@import url('https://use.typekit.net/szk5lhs.css');
47		</style>
48
49		
50		<link rel="icon" type="image/svg+xml" href="//www.drfewskincare.com/cdn/shop/t/36/assets/favicon.svg?v=79933126324399141691785171821">
51		<link rel="apple-touch-icon" sizes="180x180" href="//www.drfewskincare.com/cdn/shop/t/36/assets/apple-touch-icon.png?v=39782159039818069391785171785">
52		<link rel="manifest" href="//www.drfewskincare.com/cdn/shop/t/36/assets/site.webmanifest.liquid?v=72187453169278468531785171856">
53		<link rel="mask-icon" href="//www.drfewskincare.com/cdn/shop/t/36/assets/safari-pinned-tab.svg?v=137264126299635164461785171844" color="#B33D26">
54		<meta name="apple-mobile-web-app-title" content="Dr. Few">
55		<meta name="application-name" content="Dr. Few Skincare">
56		<meta name="msapplication-TileColor" content="#B33D26">
57		<meta name="theme-color" content="#1A1A1A">
58
59		<title>
60			Search
61
62				&ndash; Dr. Few Skincare</title>
63
64		
65
66		
67
68
69
70<meta property="og:site_name" content="Dr. Few Skincare">
71<meta property="og:url" content="https://www.drfewskincare.com/search">
72<meta property="og:title" content="Search">
73<meta property="og:type" content="website">
74<meta property="og:description" content="Dr. Few Skincare"><meta property="og:image" content="http://www.drfewskincare.com/cdn/shop/files/Contact_Hero_757efc34-a920-4692-9d4f-7a64ad27e9f4.jpg?v=1724857960">
75	<meta property="og:image:secure_url" content="https://www.drfewskincare.com/cdn/shop/files/Contact_Hero_757efc34-a920-4692-9d4f-7a64ad27e9f4.jpg?v=1724857960">
76	<meta property="og:image:width" content="3966">
77	<meta property="og:image:height" content="2645"><meta name="twitter:card" content="summary_large_image">
78<meta name="twitter:title" content="Search">
79<meta name="twitter:description" content="Dr. Few Skincare">
80
81
82		
82<script src="//www.drfewskincare.com/cdn/shop/t/36/assets/constants.js?v=58251544750838685771785171815" defer="defer"></script>
82
83		
83<script src="//www.drfewskincare.com/cdn/shop/t/36/assets/pubsub.js?v=158357773527763999511785171835" defer="defer"></script>
83
84		
84<script src="//www.drfewskincare.com/cdn/shop/t/36/assets/global.js?v=113367515774722599301785171822" defer="defer"></script>
84
85		
85<script src="//www.drfewskincare.com/cdn/shop/t/36/assets/main.min.js?v=84827826992335652941785171828" type="module"></script>
85<script src="//www.drfewskincare.com/cdn/shop/t/36/assets/animations.js?v=88693664871331136111785171784" defer="defer"></script>
85<script>window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.start');</script>
85<meta name="facebook-domain-verification" content="hb04unz82aia0xug59onkk88f0xhgw">
86<meta name="google-site-verification" content="Q2Wz_rrZCqKpDUNIM1cm0kQLD6mAPLT3TXpdwwAyGrw">
87<meta id="shopify-digital-wallet" name="shopify-digital-wallet" content="/84289847576/digital_wallets/dialog">
88<link rel="ucp" href="/.well-known/ucp" version="2026-08-25">
88<script async="async" src="/checkouts/internal/preloads.js?locale=en-US&default_configuration_id=1029144856"></script>
88
89<link rel="preconnect" href="https://shop.app" crossorigin="anonymous">
90<script async="async" src="https://shop.app/checkouts/internal/preloads.js?locale=en-US&default_configuration_id=1029144856&shop_id=84289847576" crossorigin="anonymous"></script>
vendor: 1 bytes, line 90
90
91<script id="apple-pay-shop-capabilities" type="application/json">{"shopId":84289847576,"countryCode":"US","currencyCode":"USD","merchantCapabilities":["supports3DS"],"merchantId":"gid:\/\/shopify\/Shop\/84289847576","merchantName":"Dr. Few Skincare","requiredBillingContactFields":["postalAddress","email"],"requiredShippingContactFields":["postalAddress","email"],"shippingType":"shipping","supportedNetworks":["visa","masterCard","amex","discover","elo","jcb"],"total":{"type":"pending","label":"Dr. Few Skincare","amount":"1.00"},"shopifyPaymentsEnabled":true,"supportsSubscriptions":true}</script>
vendor: 1 bytes, line 91
91
92<script id="shopify-features" type="application/json">{"accessToken":"42700115d9716330f87e949e95075f50","betas":["rich-media-storefront-analytics"],"domain":"www.drfewskincare.com","predictiveSearch":true,"shopId":84289847576,"locale":"en"}</script>
vendor: 1 bytes, line 92
92
93<script>var Shopify = Shopify || {};
94Shopify.shop = "dr-few.myshopify.com";
95Shopify.locale = "en";
96Shopify.currency = {"active":"USD","rate":"1.0"};
97Shopify.country = "US";
98Shopify.theme = {"name":"DFS — Aforé Transition — Launch Version","id":187738652952,"schema_name":"Dr. Few","schema_version":"0.0.1","theme_store_id":null,"role":"main"};
99Shopify.theme.handle = "null";
100Shopify.theme.style = {"id":null,"handle":null};
101Shopify.cdnHost = "www.drfewskincare.com/cdn";
102Shopify.routes = Shopify.routes || {};
103Shopify.routes.root = "/";
104Shopify.shopJsCdnBaseUrl = "https://cdn.shopify.com/shopifycloud/shop-js";
105Shopify.SignInWithShop = Shopify.SignInWithShop || {};
106Shopify.SignInWithShop.User = Shopify.SignInWithShop.User || {};
107Shopify.SignInWithShop.User.recognized = false;</script>
vendor: 1 bytes, line 107
107
108<script type="module">!function(o){(o.Shopify=o.Shopify||{}).modules=!0}(window);</script>
vendor: 1 bytes, line 108
108
109<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 109
109
110<script>
111  window.ShopifyPay = window.ShopifyPay || {};
112  window.ShopifyPay.apiHost = "shop.app\/pay";
113  window.ShopifyPay.redirectState = null;
114</script>
vendor: 1 bytes, line 114
114
115<script>
116  window.Shopify = window.Shopify || {};
117  window.Shopify.SignInWithShop = window.Shopify.SignInWithShop || {};
118  window.Shopify.SignInWithShop.assetMetrics = { sampleRate: 0.25 };
119  window.Shopify.SignInWithShop.eligible = true;
120</script>
vendor: 1 bytes, line 120
120
121<script id="shop-js-analytics" type="application/json">{"pageType":"search"}</script>
vendor: 1 bytes, line 121
121
122<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 122
122
123<script type="module">
124  await import("https://cdn.shopify.com/shopifycloud/shop-js/modules/v2/loader.init-shop-cart-sync.en.esm.js");
125
126  window.Shopify.SignInWithShop?.initShopCartSync?.({"fedCMEnabled":true,"windoidEnabled":true});
127
128</script>
vendor: 1 bytes, line 128
128
129<script>
130  window.Shopify = window.Shopify || {};
131  if (!window.Shopify.featureAssets) window.Shopify.featureAssets = {};
132  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"]};
133</script>
vendor: 1 bytes, line 133
133
134<script>(function() {
135  var isLoaded = false;
136  function asyncLoad() {
137    if (isLoaded) return;
138    isLoaded = true;
139    var urls = ["https:\/\/cdn-app.sealsubscriptions.com\/shopify\/public\/js\/sealsubscriptions.js?shop=dr-few.myshopify.com","https:\/\/static.shareasale.com\/json\/shopify\/shareasale-tracking.js?sasmid=109532\u0026ssmtid=19038\u0026shop=dr-few.myshopify.com","https:\/\/static.klaviyo.com\/onsite\/js\/klaviyo.js?company_id=Y5F4jC\u0026shop=dr-few.myshopify.com"];
140    for (var i = 0; i < urls.length; i++) {
141      var s = document.createElement('script');
142      s.type = 'text/javascript';
143      s.async = true;
144      s.src = urls[i];
145      var x = document.getElementsByTagName('script')[0];
146      x.parentNode.insertBefore(s, x);
147    }
148  };
149  if(window.attachEvent) {
150    window.attachEvent('onload', asyncLoad);
151  } else {
152    window.addEventListener('load', asyncLoad, false);
153  }
154})();</script>
vendor: 1 bytes, line 154
154
155<script id="__st">var __st={"a":84289847576,"offset":-14400,"reqid":"3d7e780c-d50e-4c1d-8d79-13a8b6ee5510-1791165387","pageurl":"www.drfewskincare.com\/search","u":"1c4cfd8da596","p":"searchresults"};</script>
vendor: 1 bytes, line 155
155
156<script>window.ShopifyPaypalV4VisibilityTracking = true;</script>
vendor: 1 bytes, line 156
156
157<script id="captcha-bootstrap">!function(){'use strict';const t='contact',e='account',n='new_comment',o=[[t,t],['blogs',n],['comments',n],[t,'customer']],c=[[e,'customer_login'],[e,'guest_login'],[e,'recover_customer_password'],[e,'create_customer']],r=t=>t.map((([t,e])=>`form[action*='/${t}']:not([data-nocaptcha='true']) input[name='form_type'][value='${e}']`)).join(','),a=t=>()=>t?[...document.querySelectorAll(t)].map((t=>t.form)):[];function s(){const t=[...o],e=r(t);return a(e)}const i='password',u='form_key',d=['recaptcha-v3-token','g-recaptcha-response','h-captcha-response',i],f=()=>{try{return window.sessionStorage}catch{return}},m='__shopify_v',_=t=>t.elements[u];function p(t,e,n=!1){try{const o=window.sessionStorage,c=JSON.parse(o.getItem(e)),{data:r}=function(t){const{data:e,action:n}=t;return t[m]||n?{data:e,action:n}:{data:t,action:n}}(c);for(const[e,n]of Object.entries(r))t.elements[e]&&(t.elements[e].value=n);n&&o.removeItem(e)}catch(o){console.error('form repopulation failed',{error:o})}}const l='form_type',E='cptcha';function T(t){t.dataset[E]=!0}const w=window,h=w.document,L='Shopify',v='ce_forms',y='captcha';let A=!1;((t,e)=>{const n=(g='f06e6c50-85a8-45c8-87d0-21a2b65856fe',I='https://cdn.shopify.com/shopifycloud/storefront-forms-hcaptcha/ce_storefront_forms_captcha_hcaptcha.v1.5.3.iife.js',D={infoText:'Protected by hCaptcha',privacyText:'Privacy',termsText:'Terms'},(t,e,n)=>{const o=w[L][v],c=o.bindForm;if(c)return c(t,g,e,D).then(n);var r;o.q.push([[t,g,e,D],n]),r=I,A||(h.body.append(Object.assign(h.createElement('script'),{id:'captcha-provider',async:!0,src:r})),A=!0)});var g,I,D;w[L]=w[L]||{},w[L][v]=w[L][v]||{},w[L][v].q=[],w[L][y]=w[L][y]||{},w[L][y].protect=function(t,e){n(t,void 0,e),T(t)},Object.freeze(w[L][y]),function(t,e,n,w,h,L){const[v,y,A,g]=function(t,e,n){const i=e?o:[],u=t?c:[],d=[...i,...u],f=r(d),m=r(i),_=r(d.filter((([t,e])=>n.includes(e))));return[a(f),a(m),a(_),s()]}(w,h,L),I=t=>{const e=t.target;return e instanceof HTMLFormElement?e:e&&e.form},D=t=>v().includes(t);t.addEventListener('submit',(t=>{const e=I(t);if(!e)return;const n=D(e)&&!e.dataset.hcaptchaBound&&!e.dataset.recaptchaBound,o=_(e),c=g().includes(e)&&(!o||!o.value);(n||c)&&t.preventDefault(),c&&!n&&(function(t){try{if(!f())return;!function(t){const e=f();if(!e)return;const n=_(t);if(!n)return;const o=n.value;o&&e.removeItem(o)}(t);const e=Array.from(Array(32),(()=>Math.random().toString(36)[2])).join('');!function(t,e){_(t)||t.append(Object.assign(document.createElement('input'),{type:'hidden',name:u})),t.elements[u].value=e}(t,e),function(t,e){const n=f();if(!n)return;const o=[...t.querySelectorAll(`input[type='${i}']`)].map((({name:t})=>t)),c=[...d,...o],r={};for(const[a,s]of new FormData(t).entries())c.includes(a)||(r[a]=s);n.setItem(e,JSON.stringify({[m]:1,action:t.action,data:r}))}(t,e)}catch(e){console.error('failed to persist form',e)}}(e),e.submit())}));const S=(t,e)=>{t&&!t.dataset[E]&&(n(t,e.some((e=>e===t))),T(t))};for(const o of['focusin','change'])t.addEventListener(o,(t=>{const e=I(t);D(e)&&S(e,y())}));const B=e.get('form_key'),M=e.get(l),P=B&&M;t.addEventListener('DOMContentLoaded',(()=>{const t=y();if(P)for(const e of t)e.elements[l].value===M&&p(e,B);[...new Set([...A(),...v().filter((t=>'true'===t.dataset.shopifyCaptcha))])].forEach((e=>S(e,t)))}))}(h,new URLSearchParams(w.location.search),n,t,e,['guest_login'])})(!0,!0)}();</script>
vendor: 1 bytes, line 157
157
158<script integrity="sha256-JjoPp5ZfB1sSAs5SQaol1x1GgvveM+BgmRzyDexInEQ=" data-source-attribution="shopify.loadfeatures" defer="defer" src="//www.drfewskincare.com/cdn/shopifycloud/storefront/assets/storefront/load_feature-1bd60354.js" crossorigin="anonymous"></script>
vendor: 1 bytes, line 158
158
159<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 = "//www.drfewskincare.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>
159<script crossorigin="anonymous" defer="defer" src="//www.drfewskincare.com/cdn/shopifycloud/storefront/assets/shopify_pay/storefront-616277c7.js?v=20250812"></script>
vendor: 1 bytes, line 159
159
160<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 160
160
161<script>
162  window.Shopify = window.Shopify || {};
163  window.Shopify.MCP = window.Shopify.MCP || {};
164  window.Shopify.MCP.enabled = true;
165  window.Shopify.MCP.shop = "dr-few.myshopify.com";
166  window.Shopify.MCP.mcpEndpoint = "https:\/\/www.drfewskincare.com\/api\/mcp";
167  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"]}}];
168</script>
vendor: 1 bytes, line 168
168
169<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("\/\/www.drfewskincare.com\/cdn\/shopifycloud\/storefront\/assets\/storefront\/webmcp-c6b62ece.js","sha256-ke4DDuBjdvea3vxLWxHc9E9nq8zihuG4IfYEGbb77ys=");})();
170</script>
vendor: 1 bytes, line 170
170
171<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://www.drfewskincare.com/cdn/shopifycloud/portable-wallets/latest/portable-wallets.en.js",t.type="module",document.head.appendChild(t)}};
172</script>
vendor: 1 bytes, line 172
172
173<script data-source-attribution="shopify.dynamic_checkout.buyer_consent">
174  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);
175</script>
vendor: 1 bytes, line 175
175
176<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})}}));
177</script>
177
178<link id="shopify-accelerated-checkout-styles" rel="stylesheet" media="screen" href="https://www.drfewskincare.com/cdn/shopifycloud/portable-wallets/latest/accelerated-checkout-backwards-compat.css" crossorigin="anonymous">
179<style id="shopify-accelerated-checkout-cart">
180        #shopify-buyer-consent {
181  margin-top: 1em;
182  display: inline-block;
183  width: 100%;
184}
185
186#shopify-buyer-consent.hidden {
187  display: none;
188}
189
190#shopify-subscription-policy-button {
191  background: none;
192  border: none;
193  padding: 0;
194  text-decoration: underline;
195  font-size: inherit;
196  cursor: pointer;
197}
198
199#shopify-subscription-policy-button::before {
200  box-shadow: none;
201}
202
203      </style>
204
205<script id="shopify-cfh-end">window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.end');</script>
205
206
207		
208			<style data-shopify>
209					
210						:root,
211						.color-scheme-1 {
212							--color-background: 255,
213							255,
214							255;
215							
216								--gradient-background: #ffffff;
217							
218
219							
220
221							--color-foreground: 26,
222							26,
223							26;
224							--color-background-contrast: 191,
225							191,
226							191;
227							--color-shadow: 26,
228							26,
229							26;
230							--color-button: 179,
231							61,
232							38;
233							--color-button-text: 179,
234							61,
235							38;
236							--color-secondary-button: 255,
237							255,
238							255;
239							--color-secondary-button-text: 26,
240							26,
241							26;
242							--color-link: 26,
243							26,
244							26;
245							--color-badge-foreground: 26,
246							26,
247							26;
248							--color-badge-background: 255,
249							255,
250							255;
251							--color-badge-border: 26,
252							26,
253							26;
254							--payment-terms-background-color: rgb(255 255 255);
255						}
256					
257						
258						.color-scheme-2 {
259							--color-background: 188,
260							199,
261							207;
262							
263								--gradient-background: #bcc7cf;
264							
265
266							
267
268							--color-foreground: 26,
269							26,
270							26;
271							--color-background-contrast: 114,
272							137,
273							154;
274							--color-shadow: 26,
275							26,
276							26;
277							--color-button: 255,
278							255,
279							255;
280							--color-button-text: 255,
281							255,
282							255;
283							--color-secondary-button: 188,
284							199,
285							207;
286							--color-secondary-button-text: 26,
287							26,
288							26;
289							--color-link: 26,
290							26,
291							26;
292							--color-badge-foreground: 26,
293							26,
294							26;
295							--color-badge-background: 188,
296							199,
297							207;
298							--color-badge-border: 26,
299							26,
300							26;
301							--payment-terms-background-color: rgb(188 199 207);
302						}
303					
304						
305						.color-scheme-3 {
306							--color-background: 26,
307							26,
308							26;
309							
310								--gradient-background: #1a1a1a;
311							
312
313							
314
315							--color-foreground: 255,
316							255,
317							255;
318							--color-background-contrast: 154,
319							154,
320							154;
321							--color-shadow: 26,
322							26,
323							26;
324							--color-button: 179,
325							61,
326							38;
327							--color-button-text: 179,
328							61,
329							38;
330							--color-secondary-button: 26,
331							26,
332							26;
333							--color-secondary-button-text: 255,
334							255,
335							255;
336							--color-link: 255,
337							255,
338							255;
339							--color-badge-foreground: 255,
340							255,
341							255;
342							--color-badge-background: 26,
343							26,
344							26;
345							--color-badge-border: 255,
346							255,
347							255;
348							--payment-terms-background-color: rgb(26 26 26);
349						}
350					
351						
352						.color-scheme-4 {
353							--color-background: 179,
354							61,
355							38;
356							
357								--gradient-background: #b33d26;
358							
359
360							
361
362							--color-foreground: 255,
363							255,
364							255;
365							--color-background-contrast: 74,
366							25,
367							16;
368							--color-shadow: 26,
369							26,
370							26;
371							--color-button: 26,
372							26,
373							26;
374							--color-button-text: 26,
375							26,
376							26;
377							--color-secondary-button: 179,
378							61,
379							38;
380							--color-secondary-button-text: 255,
381							255,
382							255;
383							--color-link: 255,
384							255,
385							255;
386							--color-badge-foreground: 255,
387							255,
388							255;
389							--color-badge-background: 179,
390							61,
391							38;
392							--color-badge-border: 255,
393							255,
394							255;
395							--payment-terms-background-color: rgb(179 61 38);
396						}
397					
398
399						body, .color-scheme-1, .color-scheme-2, .color-scheme-3, .color-scheme-4 {
400							color: rgba(var(--color-foreground), 1);
401							background-color: rgb(var(--color-background));
402						}
403
404					      :root {
405					        --font-body-scale: 1.0;
406					        --font-heading-scale: 1.0;
407
408					        --media-padding: px;
409					        --media-border-opacity: 0.05;
410					        --media-border-width: 1px;
411					        --media-radius: 0px;
412					        --media-shadow-opacity: 0.0;
413					        --media-shadow-horizontal-offset: 0px;
414					        --media-shadow-vertical-offset: 4px;
415					        --media-shadow-blur-radius: 5px;
416					        --media-shadow-visible: 0;
417
418					      --page-width: 140rem;
419					      --page-width-margin: 0;
420
421					      --product-card-image-padding: 0.0rem;
422					      --product-card-corner-radius: 0.0rem;
423					      --product-card-text-alignment: left;
424					      --product-card-border-width: 0.0rem;
425					      --product-card-border-opacity: 0.1;
426					      --product-card-shadow-opacity: 0.0;
427					      --product-card-shadow-visible: 0;
428					    --product-card-shadow-horizontal-offset: 0.0rem;
429					    --product-card-shadow-vertical-offset: 0.4rem;
430					    --product-card-shadow-blur-radius: 0.5rem;
431
432					    --collection-card-image-padding: 0.0rem;
433					    --collection-card-corner-radius: 0.0rem;
434					    --collection-card-text-alignment: left;
435					    --collection-card-border-width: 0.0rem;
436					    --collection-card-border-opacity: 0.1;
437					    --collection-card-shadow-opacity: 0.0;
438					    --collection-card-shadow-visible: 0;
439							--collection-card-shadow-horizontal-offset: 0.0rem;
440							--collection-card-shadow-vertical-offset: 0.4rem;
441							--collection-card-shadow-blur-radius: 0.5rem;
442
443							--blog-card-image-padding: 0.0rem;
444							--blog-card-corner-radius: 0.0rem;
445							--blog-card-text-alignment: left;
446							--blog-card-border-width: 0.0rem;
447							--blog-card-border-opacity: 0.1;
448							--blog-card-shadow-opacity: 0.0;
449							--blog-card-shadow-visible: 0;
450							--blog-card-shadow-horizontal-offset: 0.0rem;
451							--blog-card-shadow-vertical-offset: 0.4rem;
452							--blog-card-shadow-blur-radius: 0.5rem;
453
454							--badge-corner-radius: 4.0rem;
455
456							--popup-border-width: 1px;
457							--popup-border-opacity: 0.1;
458							--popup-corner-radius: 0px;
459							--popup-shadow-opacity: 0.05;
460							--popup-shadow-horizontal-offset: 0px;
461							--popup-shadow-vertical-offset: 4px;
462							--popup-shadow-blur-radius: 5px;
463
464							--drawer-border-width: 1px;
465							--drawer-border-opacity: 0.1;
466							--drawer-shadow-opacity: 0.0;
467							--drawer-shadow-horizontal-offset: 0px;
468							--drawer-shadow-vertical-offset: 4px;
469							--drawer-shadow-blur-radius: 5px;
470
471							--spacing-sections-desktop: 0px;
472							--spacing-sections-mobile: 0
473					px;
474
475					--grid-desktop-vertical-spacing: 8px;
476					--grid-desktop-horizontal-spacing: 8px;
477					--grid-mobile-vertical-spacing: 4px;
478					--grid-mobile-horizontal-spacing: 4px;
479
480					--text-boxes-border-opacity: 0.1;
481					--text-boxes-border-width: 0px;
482					--text-boxes-radius: 0px;
483					--text-boxes-shadow-opacity: 0.0;
484					--text-boxes-shadow-visible: 0;
485					--text-boxes-shadow-horizontal-offset: 0px;
486					--text-boxes-shadow-vertical-offset: 4px;
487					--text-boxes-shadow-blur-radius: 5px;
488
489					--buttons-radius: 0px;
490					--buttons-radius-outset: 0px;
491					--buttons-border-width: 1
492				px;
493					--buttons-border-opacity: 1.0;
494					--buttons-shadow-opacity: 0.0;
495					--buttons-shadow-visible: 0;
496					--buttons-shadow-horizontal-offset: 0px;
497					--buttons-shadow-vertical-offset: 4px;
498					--buttons-shadow-blur-radius: 5px;
499					--buttons-border-offset: 0px;
500
501					--inputs-radius: 0px;
502					--inputs-border-width: 1px;
503					--inputs-border-opacity: 0.55;
504					--inputs-shadow-opacity: 0.0;
505					--inputs-shadow-horizontal-offset: 0px;
506					--inputs-margin-offset: 0px;
507					--inputs-shadow-vertical-offset: 4px;
508					--inputs-shadow-blur-radius: 5px;
509					--inputs-radius-outset: 0px;
510
511					--variant-pills-radius: 40px;
512					--variant-pills-border-width: 1px;
513					--variant-pills-border-opacity: 0.55;
514					--variant-pills-shadow-opacity: 0.0;
515					--variant-pills-shadow-horizontal-offset: 0px;
516					--variant-pills-shadow-vertical-offset: 4px;
517					--variant-pills-shadow-blur-radius: 5px;
518				}
519
520				*,
521				*::before,
522				*::after {
523					box-sizing: inherit;
524				}
525
526				html {
527					box-sizing: border-box;
528					font-size: calc(var(--font-body-scale) * 62.5%);
529					height: 100%;
530				}
531
532				body {
533					display: grid;
534					grid-template-rows: auto auto 1fr auto;
535					grid-template-columns: 100%;
536					min-height: 100%;
537					margin: 0;
538					font-size: 1.5rem;
539					/* letter-spacing: 0.06rem; */
540					line-height: calc(1 + 0.8 / var(--font-body-scale));
541					font-family: var(--font-body-family);
542					font-style: var(--font-body-style);
543					font-weight: var(--font-body-weight);
544				}
545
546				@media screen and (min-width: 750px) {
547					body {
548						font-size: 1.6rem;
549					}
550				}
551			</style>
552			<link href="//www.drfewskincare.com/cdn/shop/t/36/assets/base.css?v=144215646688926169631785171789" rel="stylesheet" type="text/css" media="all" />
553		
554
555		
556
557		<link href="//www.drfewskincare.com/cdn/shop/t/36/assets/main.min.css?v=151841125091721921841785171827" rel="stylesheet"><link
558				rel="stylesheet"
559				href="//www.drfewskincare.com/cdn/shop/t/36/assets/component-predictive-search.css?v=118923337488134913561785171808"
560				media="print"
561				onload="this.media='all'"
562			>
562<script>
563			document.documentElement.className = document.documentElement.className.replace('no-js', 'js');
564			if (Shopify.designMode) {
565				document.documentElement.classList.add('shopify-design-mode');
566			}
567		</script>
567
568
569<!-- Hotjar Tracking Code for https://www.drfewskincare.com/ -->
570<script>
vendor: 125 bytes, lines 570-573
570
571    (function(h,o,t,j,a,r){
572        h.hj=h.hj||function(){(h.hj.q=h.hj.q||[]).push(arguments)};
573        h._hjSettings={hjid:
5736480989
vendor: 258 bytes, lines 573-578
573,hjsv:6};
574        a=o.getElementsByTagName('head')[0];
575        r=o.createElement('script');r.async=1;
576        r.src=t+h._hjSettings.hjid+j+h._hjSettings.hjsv;
577        a.appendChild(r);
578    })(window,document,'https://static.hotjar.com/c/hotjar-','.js?sv=');
579</script>
579
580
581	<!-- BEGIN app block: shopify://apps/ground/blocks/ground_script/33606432-4610-4a99-a33b-7bec990f60ef -->
581<script type="text/javascript" async src="https://onsite.joinground.com/ground.js"></script>
581
582
583<!-- END app block --><!-- BEGIN app block: shopify://apps/dr-free-gift/blocks/instant-load/5942fed7-47f4-451f-a42f-9077b6214264 --><!-- For self-installation -->
584<script>(() => {const installerKey = 'docapp-free-gift-auto-install'; const urlParams = new URLSearchParams(window.location.search); if (urlParams.get(installerKey)) {window.sessionStorage.setItem(installerKey, JSON.stringify({integrationId: urlParams.get('docapp-integration-id'), divClass: urlParams.get('docapp-install-class'), check: urlParams.get('docapp-check')}));}})();</script>
vendor: 1 bytes, line 584
584
585<script>(() => {const previewKey = 'docapp-free-gift-test'; const urlParams = new URLSearchParams(window.location.search); if (urlParams.get(previewKey)) {window.sessionStorage.setItem(previewKey, JSON.stringify({active: true, integrationId: urlParams.get('docapp-free-gift-inst-test')}));}})();</script>
vendor: 1 bytes, line 585
585
586<script>window.freeGiftCartUpsellProAppBlock = true;</script>
586
587
588<!-- App speed-up -->
589<script id="docapp-cart">window.docappCart = {"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}; window.docappCart.currency = "USD"; window.docappCart.shop_currency = "USD";</script>
vendor: 1 bytes, line 589
589
590<script id="docapp-free-item-speedup">
591    (() => { if (window.freeGiftCartUpsellProAppLoaded) return; let script = document.createElement('script'); script.src = "https://d2fk970j0emtue.cloudfront.net/shop/js/free-gift-cart-upsell-pro.min.js?shop=dr-few.myshopify.com"; document.getElementById('docapp-free-item-speedup').after(script); })();
592</script>
592
593
594<!-- END app block --><!-- BEGIN app block: shopify://apps/fontio/blocks/fontio/de1d3551-a2b2-42ba-9b74-d1ae17597e93 --><link rel="preconnect" href="https://fonts.googleapis.com"><link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=DM+Serif+Text:ital,wght@0,400;1,400&display=swap"><style type="text/css" id="fontio">/* DM Serif Text */
595        h1, h2, h3, h4, h5, h6, button, a, span {
596            font-family: 'DM Serif Text', serif !important;
597        }
598          h1, h2, h3, h4, h5, h6, button, a, span {}</style><!-- END app block --><!-- BEGIN app block: shopify://apps/klaviyo-email-marketing-sms/blocks/klaviyo-onsite-embed/2632fe16-c075-4321-a88b-50b567f42507 -->
599
600
601
602
603
604
605
606
607
608
609
610
611  
611<script async src="https://static.klaviyo.com/onsite/js/Y5F4jC/klaviyo.js?company_id=Y5F4jC"></script>
611
612  
612<script>!function(){if(!window.klaviyo){window._klOnsite=window._klOnsite||[];try{window.klaviyo=new Proxy({},{get:function(n,i){return"push"===i?function(){var n;(n=window._klOnsite).push.apply(n,arguments)}:function(){for(var n=arguments.length,o=new Array(n),w=0;w<n;w++)o[w]=arguments[w];var t="function"==typeof o[o.length-1]?o.pop():void 0,e=new Promise((function(n){window._klOnsite.push([i].concat(o,[function(i){t&&t(i),n(i)}]))}));return e}}})}catch(n){window.klaviyo=window.klaviyo||[],window.klaviyo.push=function(){var n;(n=window._klOnsite).push.apply(n,arguments)}}}}();</script>
612
613
614  
615
616
617
618
619  
619<script>
620    window.klaviyoReviewsProductDesignMode = false
621  </script>
621
622
623
624
625
626
627
628
629
630
631<!-- END app block --><!-- BEGIN app block: shopify://apps/okendo/blocks/theme-settings/bb689e69-ea70-4661-8fb7-ad24a2e23c29 --><!-- BEGIN app snippet: header-metafields -->
632
633
634
635
636
637
638
639
640
641
642
643
644    
645        <style data-oke-reviews-version="0.101.4" type="text/css" data-href="https://cdn-static.okendo.io/reviews-widget-plus/css/okendo-reviews-styles.6dbb2446.css"></style><style data-oke-reviews-version="0.101.4" type="text/css" data-href="https://cdn-static.okendo.io/reviews-widget-plus/css/modules/okendo-star-rating.4cb378a8.css"></style><style data-oke-reviews-version="0.101.4" type="text/css" data-href="https://cdn-static.okendo.io/reviews-widget-plus/css/modules/okendo-reviews-summary.a0c9d7d6.css"></style><style type="text/css">.okeReviews[data-oke-container],div.okeReviews{font-size:14px;font-size:var(--oke-text-regular);font-weight:400;font-family:var(--oke-text-fontFamily);line-height:1.6}.okeReviews[data-oke-container] *,.okeReviews[data-oke-container] :after,.okeReviews[data-oke-container] :before,div.okeReviews *,div.okeReviews :after,div.okeReviews :before{box-sizing:border-box}.okeReviews[data-oke-container] h1,.okeReviews[data-oke-container] h2,.okeReviews[data-oke-container] h3,.okeReviews[data-oke-container] h4,.okeReviews[data-oke-container] h5,.okeReviews[data-oke-container] h6,div.okeReviews h1,div.okeReviews h2,div.okeReviews h3,div.okeReviews h4,div.okeReviews h5,div.okeReviews h6{font-size:1em;font-weight:400;line-height:1.4;margin:0}.okeReviews[data-oke-container] ul,div.okeReviews ul{padding:0;margin:0}.okeReviews[data-oke-container] li,div.okeReviews li{list-style-type:none;padding:0}.okeReviews[data-oke-container] p,div.okeReviews p{line-height:1.8;margin:0 0 4px}.okeReviews[data-oke-container] p:last-child,div.okeReviews p:last-child{margin-bottom:0}.okeReviews[data-oke-container] a,div.okeReviews a{text-decoration:none;color:inherit}.okeReviews[data-oke-container] button,div.okeReviews button{border-radius:0;border:0;box-shadow:none;margin:0;width:auto;min-width:auto;padding:0;background-color:transparent;min-height:auto}.okeReviews[data-oke-container] button,.okeReviews[data-oke-container] input,.okeReviews[data-oke-container] select,.okeReviews[data-oke-container] textarea,div.okeReviews button,div.okeReviews input,div.okeReviews select,div.okeReviews textarea{font-family:inherit;font-size:1em}.okeReviews[data-oke-container] label,.okeReviews[data-oke-container] select,div.okeReviews label,div.okeReviews select{display:inline}.okeReviews[data-oke-container] select,div.okeReviews select{width:auto}.okeReviews[data-oke-container] article,.okeReviews[data-oke-container] aside,div.okeReviews article,div.okeReviews aside{margin:0}.okeReviews[data-oke-container] table,div.okeReviews table{background:transparent;border:0;border-collapse:collapse;border-spacing:0;font-family:inherit;font-size:1em;table-layout:auto}.okeReviews[data-oke-container] table td,.okeReviews[data-oke-container] table th,.okeReviews[data-oke-container] table tr,div.okeReviews table td,div.okeReviews table th,div.okeReviews table tr{border:0;font-family:inherit;font-size:1em}.okeReviews[data-oke-container] table td,.okeReviews[data-oke-container] table th,div.okeReviews table td,div.okeReviews table th{background:transparent;font-weight:400;letter-spacing:normal;padding:0;text-align:left;text-transform:none;vertical-align:middle}.okeReviews[data-oke-container] table tr:hover td,.okeReviews[data-oke-container] table tr:hover th,div.okeReviews table tr:hover td,div.okeReviews table tr:hover th{background:transparent}.okeReviews[data-oke-container] fieldset,div.okeReviews fieldset{border:0;padding:0;margin:0;min-width:0}.okeReviews[data-oke-container] img,.okeReviews[data-oke-container] svg,div.okeReviews img,div.okeReviews svg{max-width:none}.okeReviews[data-oke-container] div:empty,div.okeReviews div:empty{display:block}.okeReviews[data-oke-container] .oke-icon:before,div.okeReviews .oke-icon:before{font-family:oke-widget-icons!important;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:inherit}.okeReviews[data-oke-container] .oke-icon--select-arrow:before,div.okeReviews .oke-icon--select-arrow:before{content:""}.okeReviews[data-oke-container] .oke-icon--loading:before,div.okeReviews .oke-icon--loading:before{content:""}
645.okeReviews[data-oke-container] .oke-icon--pencil:before,div.okeReviews .oke-icon--pencil:before{content:""}.okeReviews[data-oke-container] .oke-icon--filter:before,div.okeReviews .oke-icon--filter:before{content:""}.okeReviews[data-oke-container] .oke-icon--play:before,div.okeReviews .oke-icon--play:before{content:""}.okeReviews[data-oke-container] .oke-icon--tick-circle:before,div.okeReviews .oke-icon--tick-circle:before{content:""}.okeReviews[data-oke-container] .oke-icon--chevron-left:before,div.okeReviews .oke-icon--chevron-left:before{content:""}.okeReviews[data-oke-container] .oke-icon--chevron-right:before,div.okeReviews .oke-icon--chevron-right:before{content:""}.okeReviews[data-oke-container] .oke-icon--thumbs-down:before,div.okeReviews .oke-icon--thumbs-down:before{content:""}.okeReviews[data-oke-container] .oke-icon--thumbs-up:before,div.okeReviews .oke-icon--thumbs-up:before{content:""}.okeReviews[data-oke-container] .oke-icon--close:before,div.okeReviews .oke-icon--close:before{content:""}.okeReviews[data-oke-container] .oke-icon--chevron-up:before,div.okeReviews .oke-icon--chevron-up:before{content:""}.okeReviews[data-oke-container] .oke-icon--chevron-down:before,div.okeReviews .oke-icon--chevron-down:before{content:""}.okeReviews[data-oke-container] .oke-icon--star:before,div.okeReviews .oke-icon--star:before{content:""}.okeReviews[data-oke-container] .oke-icon--magnifying-glass:before,div.okeReviews .oke-icon--magnifying-glass:before{content:""}@font-face{font-family:oke-widget-icons;src:url(https://cdn-static.okendo.io/reviews-widget-plus/fonts/oke-widget-icons.ttf) format("truetype"),url(https://cdn-static.okendo.io/reviews-widget-plus/fonts/oke-widget-icons.woff) format("woff"),url(https://cdn-static.okendo.io/reviews-widget-plus/img/oke-widget-icons.bc0d6b0a.svg) format("svg");font-weight:400;font-style:normal;font-display:swap}.okeReviews[data-oke-container] .oke-button,div.okeReviews .oke-button{display:inline-block;border-style:solid;border-color:var(--oke-button-borderColor);border-width:var(--oke-button-borderWidth);background-color:var(--oke-button-backgroundColor);line-height:1;padding:12px 24px;margin:0;border-radius:var(--oke-button-borderRadius);color:var(--oke-button-textColor);text-align:center;position:relative;font-weight:var(--oke-button-fontWeight);font-size:var(--oke-button-fontSize);font-family:var(--oke-button-fontFamily);outline:0}.okeReviews[data-oke-container] .oke-button-text,.okeReviews[data-oke-container] .oke-button .oke-icon,div.okeReviews .oke-button-text,div.okeReviews .oke-button .oke-icon{line-height:1}.okeReviews[data-oke-container] .oke-button.oke-is-loading,div.okeReviews .oke-button.oke-is-loading{position:relative}.okeReviews[data-oke-container] .oke-button.oke-is-loading:before,div.okeReviews .oke-button.oke-is-loading:before{font-family:oke-widget-icons!important;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;content:"";color:undefined;font-size:12px;display:inline-block;animation:oke-spin 1s linear infinite;position:absolute;width:12px;height:12px;top:0;left:0;bottom:0;right:0;margin:auto}.okeReviews[data-oke-container] .oke-button.oke-is-loading>*,div.okeReviews .oke-button.oke-is-loading>*{opacity:0}.okeReviews[data-oke-container] .oke-button.oke-is-active,div.okeReviews .oke-button.oke-is-active{background-color:var(--oke-button-backgroundColorActive);color:var(--oke-button-textColorActive);border-color:var(--oke-button-borderColorActive)}.okeReviews[data-oke-container] .oke-button:not(.oke-is-loading),div.okeReviews .oke-button:not(.oke-is-loading){cursor:pointer}.okeReviews[data-oke-container] .oke-button:not(.oke-is-loading):not(.oke-is-active):hover,div.okeReviews .oke-button:not(.oke-is-loading):not(.oke-is-active):hover{background-color:var(--oke-button-backgroundColorHover);color:var(--oke-button-textColorHover);border-color:var(--oke-button-borderColorHover);box-shadow:0 0 0 2px var(--oke-button-backgroundColorHover)}.okeReviews[data-oke-container] .oke-button:not(.oke-is-loading):not(.oke-is-active):active,.okeReviews[data-oke-container] .oke-button:not(.oke-is-loading):not(.oke-is-active):hover:active,div.okeReviews .oke-button:not(.oke-is-loading):not(.oke-is-active):active,div.okeReviews .oke-button:not(.oke-is-loading):not(.oke-is-active):hover:active{background-color:var(--oke-button-backgroundColorActive);color:var(--oke-button-textColorActive);border-color:var(--oke-button-borderColorActive)}.okeReviews[data-oke-container] .oke-title,div.okeReviews .oke-title{font-weight:var(--oke-title-fontWeight);font-size:var(--oke-title-fontSize);font-family:var(--oke-title-fontFamily)}.okeReviews[data-oke-container] .oke-bodyText,div.okeReviews .oke-bodyText{font-weight:var(--oke-bodyText-fontWeight);font-size:var(--oke-bodyText-fontSize);font-family:var(--oke-bodyText-fontFamily)}.okeReviews[data-oke-container] .oke-linkButton,div.okeReviews .oke-linkButton{curs
645or:pointer;font-weight:700;pointer-events:auto;text-decoration:underline}.okeReviews[data-oke-container] .oke-linkButton:hover,div.okeReviews .oke-linkButton:hover{text-decoration:none}.okeReviews[data-oke-container] .oke-readMore,div.okeReviews .oke-readMore{cursor:pointer;color:inherit;text-decoration:underline}.okeReviews[data-oke-container] .oke-select,div.okeReviews .oke-select{cursor:pointer;background-repeat:no-repeat;background-position-x:100%;background-position-y:50%;border:none;padding:0 24px 0 12px;-moz-appearance:none;appearance:none;color:inherit;-webkit-appearance:none;background-color:transparent;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg fill='currentColor' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M7 10l5 5 5-5z'/%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3C/svg%3E");outline-offset:4px}.okeReviews[data-oke-container] .oke-select:disabled,div.okeReviews .oke-select:disabled{background-color:transparent;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg fill='%239a9db1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M7 10l5 5 5-5z'/%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3C/svg%3E")}.okeReviews[data-oke-container] .oke-loader,div.okeReviews .oke-loader{position:relative}.okeReviews[data-oke-container] .oke-loader:before,div.okeReviews .oke-loader:before{font-family:oke-widget-icons!important;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;content:"";color:var(--oke-text-secondaryColor);font-size:12px;display:inline-block;animation:oke-spin 1s linear infinite;position:absolute;width:12px;height:12px;top:0;left:0;bottom:0;right:0;margin:auto}.okeReviews[data-oke-container] .oke-a11yText,div.okeReviews .oke-a11yText{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.okeReviews[data-oke-container] .oke-hidden,div.okeReviews .oke-hidden{display:none}.okeReviews[data-oke-container] .oke-modal,div.okeReviews .oke-modal{bottom:0;left:0;overflow:auto;position:fixed;right:0;top:0;z-index:2147483647;max-height:100%;background-color:rgba(0,0,0,.5);padding:40px 0 12px}@media only screen and (min-width:1024px){.okeReviews[data-oke-container] .oke-modal,div.okeReviews .oke-modal{display:flex;align-items:center;padding:48px 0}}.okeReviews[data-oke-container] .oke-modal ::-moz-selection,div.okeReviews .oke-modal ::-moz-selection{background-color:rgba(39,45,69,.2)}.okeReviews[data-oke-container] .oke-modal ::selection,div.okeReviews .oke-modal ::selection{background-color:rgba(39,45,69,.2)}.okeReviews[data-oke-container] .oke-modal,.okeReviews[data-oke-container] .oke-modal p,div.okeReviews .oke-modal,div.okeReviews .oke-modal p{color:#272d45}.okeReviews[data-oke-container] .oke-modal-content,div.okeReviews .oke-modal-content{background-color:#fff;margin:auto;position:relative;will-change:transform,opacity;width:calc(100% - 24px)}@media only screen and (min-width:1024px){.okeReviews[data-oke-container] .oke-modal-content,div.okeReviews .oke-modal-content{max-width:1000px}}.okeReviews[data-oke-container] .oke-modal-close,div.okeReviews .oke-modal-close{cursor:pointer;position:absolute;width:32px;height:32px;top:-32px;padding:4px;right:-4px;line-height:1}.okeReviews[data-oke-container] .oke-modal-close:before,div.okeReviews .oke-modal-close:before{font-family:oke-widget-icons!important;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;content:"";color:#fff;font-size:24px;display:inline-block;width:24px;height:24px}.okeReviews[data-oke-container] .oke-modal-overlay,div.okeReviews .oke-modal-overlay{background-color:rgba(43,46,56,.9)}@media only screen and (min-width:1024px){.okeReviews[data-oke-container] .oke-modal--large .oke-modal-content,div.okeReviews .oke-modal--large .oke-modal-content{max-width:1200px}}.okeReviews[data-oke-container] .oke-modal .oke-helpful,.okeReviews[data-oke-container] .oke-modal .oke-helpful-vote-button,.okeReviews[data-oke-container] .oke-modal .oke-reviewContent-date,div.okeReviews .oke-modal .oke-helpful,div.okeReviews .oke-modal .oke-helpful-vote-button,div.okeReviews .oke-modal .oke-reviewContent-date{color:#676986}.oke-modal .okeReviews[data-oke-container].oke-w,.oke-modal div.okeReviews.oke-w{color:#272d45}.okeReviews[data-oke-container] .oke-tag,div.okeReviews .oke-tag{align-items:center;color:#272d45;display:flex;font-size:var(--oke-text-small);font-weight:600;text-align:left;position:relative;z-index:2;background-color:#f4f4f6;padding:4px 6px;border:none;border-radius:4px;gap:6px;line-height:1}.okeReviews[data-oke-container] .oke-tag svg,div.okeReviews .oke-tag svg{fill:currentColor;height:1rem}.okeReviews[data-oke-container] .hooper,div.okeReviews .hooper{height:auto}.okeReviews--left{text-align:left}.okeReviews--right{text-align:right}.okeReviews--center{text-align:center}.okeReviews :not([tabindex="-1"]):focus-visible{outline:5px auto highlight;outline:5px auto -webkit-focus-ring-color}.is-oke-modalOpen{overflow:hidden!important}img.oke-is-error{background-color:var(--oke-shadingColor);background-size:cover;background-position:50% 50%;box-shadow:inset 0 0 0 1px var(--oke-border-color)}@keyframes oke-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes oke-fade-in{0%{opacity:0}
645to{opacity:1}}.layout-panel-flex>div:has([data-oke-container]){width:100%}
646.oke-stars{line-height:1;position:relative;display:inline-block}.oke-stars-background svg{overflow:visible}.oke-stars-foreground{overflow:hidden;position:absolute;top:0;left:0}.oke-sr{display:inline-block;padding-top:var(--oke-starRating-spaceAbove);padding-bottom:var(--oke-starRating-spaceBelow)}.oke-sr .oke-is-clickable{cursor:pointer}.oke-sr--hidden{display:none}.oke-sr-count,.oke-sr-rating,.oke-sr-stars{display:inline-block;vertical-align:middle}.oke-sr-stars{line-height:1;margin-right:8px}.oke-sr-rating{display:none}.oke-sr-count--brackets:before{content:"("}.oke-sr-count--brackets:after{content:")"}
647.oke-rs{display:block}.oke-rs .oke-reviewsSummary.oke-is-preRender .oke-reviewsSummary-summary{-webkit-mask:linear-gradient(180deg,#000 0,#000 40%,transparent 95%,transparent 0) 100% 50%/100% 100% repeat-x;mask:linear-gradient(180deg,#000 0,#000 40%,transparent 95%,transparent 0) 100% 50%/100% 100% repeat-x;max-height:150px}.okeReviews[data-oke-container] .oke-reviewsSummary .oke-tooltip,div.okeReviews .oke-reviewsSummary .oke-tooltip{display:inline-block;font-weight:400}.okeReviews[data-oke-container] .oke-reviewsSummary .oke-tooltip-trigger,div.okeReviews .oke-reviewsSummary .oke-tooltip-trigger{height:15px;width:15px;overflow:hidden;transform:translateY(-10%)}.okeReviews[data-oke-container] .oke-reviewsSummary-heading,div.okeReviews .oke-reviewsSummary-heading{align-items:center;-moz-column-gap:4px;column-gap:4px;display:inline-flex;font-weight:700;margin-bottom:8px}.okeReviews[data-oke-container] .oke-reviewsSummary-heading-skeleton,div.okeReviews .oke-reviewsSummary-heading-skeleton{height:calc(var(--oke-button-fontSize) + 4px);width:150px}.okeReviews[data-oke-container] .oke-reviewsSummary-icon,div.okeReviews .oke-reviewsSummary-icon{fill:currentColor;font-size:14px}.okeReviews[data-oke-container] .oke-reviewsSummary-icon svg,div.okeReviews .oke-reviewsSummary-icon svg{vertical-align:baseline}.okeReviews[data-oke-container] .oke-reviewsSummary-summary.oke-is-truncated,div.okeReviews .oke-reviewsSummary-summary.oke-is-truncated{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}</style>
648    
649    
649<script type="application/json" id="oke-reviews-settings">{"subscriberId":"33fa4260-c72a-4bed-9fb3-b58aabba1123","analyticsSettings":{"provider":"none"},"locale":"en","localeAndVariant":{"code":"en"},"widgetSettings":{"global":{"dateSettings":{"format":{"type":"relative"}},"hideOkendoBranding":false,"stars":{"backgroundColor":"#E5E5E5","borderColor":"#2C3E50","foregroundColor":"#FFCF2A","interspace":2,"shape":{"type":"default"},"showBorder":false},"showIncentiveIndicator":false,"searchEnginePaginationEnabled":false,"font":{"fontType":"inherit-from-page"}},"homepageCarousel":{"slidesPerPage":{"large":3,"medium":2},"totalSlides":12,"scrollBehaviour":"page","style":{"showDates":true,"border":{"color":"#000000","width":{"value":1,"unit":"px"}},"bodyFont":{"hasCustomFontSettings":false},"headingFont":{"fontSize":{"value":14,"unit":"px"},"fontType":"use-global","fontWeight":600,"hasCustomFontSettings":true},"arrows":{"color":"#E65737","size":{"value":24,"unit":"px"},"enabled":true},"avatar":{"backgroundColor":"#FFFFFF","placeholderTextColor":"#BCC7CF","size":{"value":48,"unit":"px"},"enabled":true},"media":{"size":{"value":80,"unit":"px"},"imageGap":{"value":4,"unit":"px"},"enabled":true},"stars":{"height":{"value":18,"unit":"px"}},"productImageSize":{"value":48,"unit":"px"},"layout":{"name":"default","reviewDetailsPosition":"above","showProductName":false,"showAttributeBars":false,"showProductDetails":"only-when-grouped"},"highlightColor":"#E65737","spaceAbove":{"value":10,"unit":"px"},"text":{"primaryColor":"#000000","fontSizeRegular":{"value":14,"unit":"px"},"fontSizeSmall":{"value":12,"unit":"px"},"secondaryColor":"#000000"},"spaceBelow":{"value":10,"unit":"px"}},"defaultSort":"date desc","autoPlay":false,"truncation":{"bodyMaxLines":4,"truncateAll":true,"enabled":true}},"mediaCarousel":{"minimumImages":1,"linkText":"Read More","autoPlay":false,"slideSize":"medium","arrowPosition":"outside"},"mediaGrid":{"gridStyleDesktop":{"layout":"default-desktop"},"gridStyleMobile":{"layout":"default-mobile"},"showMoreArrow":{"arrowColor":"#676986","enabled":true,"backgroundColor":"#f4f4f6"},"linkText":"Read More","infiniteScroll":false,"gapSize":{"value":10,"unit":"px"}},"questions":{"initialPageSize":6,"loadMorePageSize":6},"reviewsBadge":{"layout":"large","colorScheme":"dark"},"reviewsTab":{"backgroundColor":"#676986","position":"top-left","textColor":"#FFFFFF","enabled":true,"positionSmall":"top-left"},"reviewsWidget":{"tabs":{"reviews":true},"header":{"columnDistribution":"space-between","verticalAlignment":"top","blocks":[{"columnWidth":"one-third","modules":[{"name":"rating-average","layout":"one-line"},{"name":"rating-breakdown","backgroundColor":"#F4F4F6","shadingColor":"#9A9DB1","stretchMode":"contain"}],"textAlignment":"left"},{"columnWidth":"two-thirds","modules":[{"name":"recommended"},{"name":"media-carousel","imageGap":{"value":4,"unit":"px"},"imageHeight":{"value":120,"unit":"px"}}],"textAlignment":"left"}]},"style":{"showDates":true,"border":{"color":"#E5E5EB","width":{"value":1,"unit":"px"}},"bodyFont":{"hasCustomFontSettings":false},"headingFont":{"hasCustomFontSettings":false},"filters":{"backgroundColorActive":"#676986","backgroundColor":"#FFFFFF","borderColor":"#DBDDE4","borderRadius":{"value":100,"unit":"px"},"borderColorActive":"#676986","textColorActive":"#FFFFFF","textColor":"#1A1A1A","searchHighlightColor":"#f5bcaf"},"avatar":{"backgroundColor":"#E5E5EB","placeholderTextColor":"#1A1A1A","size":{"value":48,"unit":"px"},"enabled":true},"stars":{"height":{"value":18,"unit":"px"}},"shadingColor":"#F7F7F8","productImageSize":{"value":48,"unit":"px"},"button":{"backgroundColorActive":"#E65737","borderColorHover":"#DBDDE4","backgroundColor":"#E65737","borderColor":"#DBDDE4","backgroundColorHover":"#ca4d30","textColorHover":"#272D45","borderRadius":{"value":4,"unit":"px"},"borderWidth":{"value":1,"unit":"px"},"borderColorActive":"#E65737","textColorActive":"#FFFFFF","textColor":"#FFFFFF","font":{"hasCustomFontSettings":false}},"highlightColor":"#E65737","spaceAbove":{"value":20,"unit":"px"},"text":{"primaryColor":"#1A1A1A","fontSizeRegular":{"value":14,"unit":"px"},"fontSizeLarge":{"value":20,"unit":"px"},"fontSizeSmall":{"value":12,"unit":"px"},"secondaryColor":"#484848"},"spaceBelow":{"value":20,"unit":"px"},"attributeBar":{"style":"default","backgroundColor":"#D3D4DD","shadingColor":"#9A9DB1","markerColor":"#E65737"}},"showWhenEmpty":true,"reviews":{"list":{"layout":{"collapseReviewerDetails":false,"columnAmount":4,"
649name":"default","showAttributeBars":false,"borderStyle":"full","showProductVariantName":false,"showProductDetails":"only-when-grouped"},"initialPageSize":5,"media":{"layout":"featured","size":{"value":200,"unit":"px"}},"truncation":{"bodyMaxLines":4,"truncateAll":false,"enabled":true},"loadMorePageSize":5,"loyalty":{"maxInitialAchievements":3,"showVipTiers":false}},"controls":{"filterMode":"closed","writeReviewButtonEnabled":true,"defaultSort":"rating desc"}}},"starRatings":{"showWhenEmpty":false,"clickBehavior":"scroll-to-widget","style":{"text":{"content":"review-count","style":"number-and-text","brackets":false},"spaceAbove":{"value":0,"unit":"px"},"singleStar":false,"spaceBelow":{"value":0,"unit":"px"},"height":{"value":18,"unit":"px"}}}},"features":{"recorderPlusEnabled":true,"recorderQandaPlusEnabled":true}}</script>
649
650            <style id="oke-css-vars">:root{--oke-widget-spaceAbove:20px;--oke-widget-spaceBelow:20px;--oke-starRating-spaceAbove:0;--oke-starRating-spaceBelow:0;--oke-button-backgroundColor:#e65737;--oke-button-backgroundColorHover:#ca4d30;--oke-button-backgroundColorActive:#e65737;--oke-button-textColor:#fff;--oke-button-textColorHover:#272d45;--oke-button-textColorActive:#fff;--oke-button-borderColor:#dbdde4;--oke-button-borderColorHover:#dbdde4;--oke-button-borderColorActive:#e65737;--oke-button-borderRadius:4px;--oke-button-borderWidth:1px;--oke-button-fontWeight:700;--oke-button-fontSize:var(--oke-text-regular,14px);--oke-button-fontFamily:inherit;--oke-border-color:#e5e5eb;--oke-border-width:1px;--oke-text-primaryColor:#1a1a1a;--oke-text-secondaryColor:#484848;--oke-text-small:12px;--oke-text-regular:14px;--oke-text-large:20px;--oke-text-fontFamily:inherit;--oke-avatar-size:48px;--oke-avatar-backgroundColor:#e5e5eb;--oke-avatar-placeholderTextColor:#1a1a1a;--oke-highlightColor:#e65737;--oke-shadingColor:#f7f7f8;--oke-productImageSize:48px;--oke-attributeBar-shadingColor:#9a9db1;--oke-attributeBar-borderColor:undefined;--oke-attributeBar-backgroundColor:#d3d4dd;--oke-attributeBar-markerColor:#e65737;--oke-filter-backgroundColor:#fff;--oke-filter-backgroundColorActive:#676986;--oke-filter-borderColor:#dbdde4;--oke-filter-borderColorActive:#676986;--oke-filter-textColor:#1a1a1a;--oke-filter-textColorActive:#fff;--oke-filter-borderRadius:100px;--oke-filter-searchHighlightColor:#f5bcaf;--oke-mediaGrid-chevronColor:#676986;--oke-stars-foregroundColor:#ffcf2a;--oke-stars-backgroundColor:#e5e5e5;--oke-stars-borderWidth:0}.oke-w,.oke-modal{--oke-title-fontWeight:600;--oke-title-fontSize:var(--oke-text-regular,14px);--oke-title-fontFamily:inherit;--oke-bodyText-fontWeight:400;--oke-bodyText-fontSize:var(--oke-text-regular,14px);--oke-bodyText-fontFamily:inherit}</style>
651            
652            <template id="oke-reviews-body-template"><svg id="oke-star-symbols" style="display:none!important" data-oke-id="oke-star-symbols"><symbol id="oke-star-empty" style="overflow:visible;"><path id="star-default--empty" fill="var(--oke-stars-backgroundColor)" stroke="var(--oke-stars-borderColor)" stroke-width="var(--oke-stars-borderWidth)" d="M3.34 13.86c-.48.3-.76.1-.63-.44l1.08-4.56L.26 5.82c-.42-.36-.32-.7.24-.74l4.63-.37L6.92.39c.2-.52.55-.52.76 0l1.8 4.32 4.62.37c.56.05.67.37.24.74l-3.53 3.04 1.08 4.56c.13.54-.14.74-.63.44L7.3 11.43l-3.96 2.43z"/></symbol><symbol id="oke-star-filled" style="overflow:visible;"><path id="star-default--filled" fill="var(--oke-stars-foregroundColor)" stroke="var(--oke-stars-borderColor)" stroke-width="var(--oke-stars-borderWidth)" d="M3.34 13.86c-.48.3-.76.1-.63-.44l1.08-4.56L.26 5.82c-.42-.36-.32-.7.24-.74l4.63-.37L6.92.39c.2-.52.55-.52.76 0l1.8 4.32 4.62.37c.56.05.67.37.24.74l-3.53 3.04 1.08 4.56c.13.54-.14.74-.63.44L7.3 11.43l-3.96 2.43z"/></symbol></svg></template>
652<script>document.addEventListener('readystatechange',() =>{Array.from(document.getElementById('oke-reviews-body-template')?.content.children)?.forEach(function(child){if(!Array.from(document.body.querySelectorAll('[data-oke-id='.concat(child.getAttribute('data-oke-id'),']'))).length){document.body.prepend(child)}})},{once:true});</script>
652
653
654
655
656
657    
658        
658<script src="https://surveys.okendo.io/js/client-setup.js" async></script>
658
659    
660    
661
662
663
664
665    
665<script src="https://surveys.okendo.io/js/init-quizzes.js" defer></script>
665
666
667
668
669
670
671
672
673<!-- END app snippet -->
674
675    <!-- BEGIN app snippet: okendo-reviews-json-ld -->
676<!-- END app snippet -->
677
678<!-- BEGIN app snippet: widget-plus-initialisation-script -->
679
680
681
682
683    
683<script async id="okendo-reviews-script" src="https://cdn-static.okendo.io/reviews-widget-plus/js/okendo-reviews.js"></script>
683
684
685<!-- END app snippet -->
686
687
688<!-- END app block --><link href="https://monorail-edge.shopifysvc.com" rel="dns-prefetch">
689<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: 84289847576,url: window.location.href,navigation_start,duration: currentMs - navigation_start,session_token,page_type: "search"};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 689
689
690<script>
691  window.__TREKKIE_SHIM_QUEUE = window.__TREKKIE_SHIM_QUEUE || [];
692</script>
vendor: 1 bytes, line 692
692
693<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}
693).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: 84289847576,storefrontBaseUrl: "https://www.drfewskincare.com",extensionsBaseUrl: "https://extensions.shopifycdn.com/cdn/shopifycloud/web-pixels-manager",monorailEndpoint: "https://www.drfewskincare.com/.well-known/shopify/monorail/unstable/produce_batch",surface: "storefront-renderer",enabledBetaFlags: ["4c64608a","16072cab","8450a54b","7ee89bf1"],webPixelsConfigList: [{"id":"2411823384","configuration":"{\"store_id\":\"219430\",\"environment\":\"prod\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"10c4f173702937db6fa4bf871600cafd","type":"APP","apiClientId":294517,"privacyPurposes":["ANALYTICS"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]}
693,"dataSharingState":"unrestricted"},{"id":"1855324440","configuration":"{\"accountID\":\"Y5F4jC\",\"webPixelConfig\":\"eyJlbmFibGVBZGRlZFRvQ2FydEV2ZW50cyI6IHRydWV9\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"c63c5b72c8d77be5f2d27d14c081da38","type":"APP","apiClientId":123074,"privacyPurposes":["ANALYTICS","MARKETING"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized","enabledFlags":["9a3ed68a"]},{"id":"1378976024","configuration":"{\"accountID\":\"cmbqmxjf10000js04qklvrzff\",\"popupIds\":\"[]\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"feee654a5cfd363c9eab361d4283a4b3","type":"APP","apiClientId":59645886465,"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":"1302790424","configuration":"{\"shopId\":\"dr-few.myshopify.com\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"7093dff47f098f6de2afb75b62011ebe","type":"APP","apiClientId":2753413,"privacyPurposes":["ANALYTICS","MARKETING"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized"},{"id":"1265959192","configuration":"{\"accountID\":\"1220658\",\"workspaceId\":\"2b537ec1-6489-486b-81ab-ed85bac946ad\",\"projectId\":\"a9d42fc1-982e-4302-a025-554801fd3a82\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"d98eb033f1e81320021a411362de3a55","type":"APP","apiClientId":5461967,"privacyPurposes":["ANALYTICS"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":[],"dataSharingControls":["share_all_events"]},"dataSharingState":"unrestricted"},{"id":"1144979736","configuration":"{\"myshopifyDomain\":\"dr-few.myshopify.com\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"23b97d18e2aa74363140dc29c9284e87","type":"APP","apiClientId":2775569,"privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_phone","read_customer_personal_data"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized"},{"id":"1041531160","configuration":"{\"pixelCode\":\"CU0LCKBC77U0DG645MQ0\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"22e92c2ad45662f435e4801458fb78cc","type":"APP","apiClientId":4383523,"privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized"},{"id":"812581144","configuration":"{\"config\":\"{\\\"google_tag_ids\\\":[\\\"G-QV61EFXW30\\\",\\\"AW-16782179431\\\",\\\"GT-NNSCDH4G\\\"],\\\"target_country\\\":\\\"US\\\",\\\"gtag_events\\\":[{\\\"type\\\":\\\"begin_checkout\\\",\\\"action_label\\\":[\\\"G-QV61EFXW30\\\",\\\"AW-16782179431\\\/Bqd5CNPum_AZEOf4rsI-\\\"]},{\\\"type\\\":\\\"search\\\",\\\"action_label\\\":[\\\"G-QV61EFXW30\\\",\\\"AW-16782179431\\\/6BQACN3sm_AZEOf4rsI-\\\"]},{\\\"type\\\":\\\"remove_from_cart\\\",\\\"action_label\\\":\\\"G-QV61EFXW30\\\"},{\\\"type\\\":\\\"view_item\\\",\\\"action_label\\\":[\\\"G-QV61EFXW30\\\",\\\"AW-16782179431\\\/ghRyCNrsm_AZEOf4rsI-\\\",\\\"MC-FZ5P4F7QQS\\\"]},{\\\"type\\\":\\\"add_shipping_info\\\",\\\"action_label\\\":\\\"G-QV61EFXW30\\\"},{\\\"type\\\":\\\"purchase\\\",\\\"action_label\\\":[\\\"G-QV61EFXW30\\\",\\\"AW-16782179431\\\/FOtbCNTsm_AZEOf4rsI-\\\",\\\"MC-FZ5P4F7QQS\\\"]},{\\\"type\\\":\\\"page_view\\\",\\\"action_label\\\":[\\\"G-QV61EFXW30\\\",\\\"AW-16782179431\\\/QCvDCNfsm_AZEOf4rsI-\\\",\\\"MC-FZ5P4F7QQS\\\"]},{\\\"type\\\":\\\"view_item_list\\\",\\\"action_label\\\":\\\"G-QV61EFXW30\\\"},{\\\"type\\\":\\\"add_payment_info\\\",\\\"action_label\\\":[\\\"G-QV61EFXW30\\\",\\\"AW-16782179431\\\/ZfVkCNbum_AZEOf4rsI-\\\"]}
693,{\\\"type\\\":\\\"add_to_cart\\\",\\\"action_label\\\":[\\\"G-QV61EFXW30\\\",\\\"AW-16782179431\\\/7PkeCNDum_AZEOf4rsI-\\\"]},{\\\"type\\\":\\\"view_cart\\\",\\\"action_label\\\":\\\"G-QV61EFXW30\\\"}],\\\"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":"451150104","configuration":"{\"masterTagID\":\"19038\",\"merchantID\":\"109532\",\"appPath\":\"https:\/\/daedalus.shareasale.com\",\"storeID\":\"NaN\",\"xTypeMode\":\"NaN\",\"xTypeValue\":\"NaN\",\"channelDedup\":\"NaN\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"f300cca684872f2df140f714437af558","type":"APP","apiClientId":4929191,"privacyPurposes":["ANALYTICS","MARKETING"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_personal_data"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized"},{"id":"321454360","configuration":"{\"pixel_id\":\"726840499595727\",\"pixel_type\":\"facebook_pixel\",\"metaapp_system_user_token\":\"-\"}","eventPayloadVersion":"v1","runtimeContext":"OPEN","scriptVersion":"96420dbe9ea96c426a1b7f364f977719","type":"APP","apiClientId":2329312,"privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized","enabledFlags":["9a3ed68a"]},{"id":"120717592","eventPayloadVersion":"1","runtimeContext":"LAX","scriptVersion":"1","type":"CUSTOM","privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"name":"Heatmap-Pixel"},{"id":"shopify-app-pixel","configuration":"{}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"0530","apiClientId":"shopify-pixel","type":"APP","privacyPurposes":["ANALYTICS","MARKETING"]},{"id":"shopify-custom-pixel","eventPayloadVersion":"v1","runtimeContext":"LAX","scriptVersion":"0530","apiClientId":"shopify-pixel","type":"CUSTOM","privacyPurposes":["ANALYTICS","MARKETING"]}],isMerchantRequest: false,initData: {"shop":{"name":"Dr. Few Skincare","paymentSettings":{"currencyCode":"USD"},"myshopifyDomain":"dr-few.myshopify.com","countryCode":"US","storefrontUrl":"https:\/\/www.drfewskincare.com"},"customer":null,"cart":null,"checkout":null,"productVariants":[],"products":[],"purchasingCompany":null},},"https://www.drfewskincare.com/cdn","5982071ew7ea472e3p69b68784m2150dfea",{"modern":"","legacy":""},{"trekkieShim":true,"agentContext":true,"apiClientId":"580111","facebookCapiEnabled":"true","themeId":"187738652952","themePublished":"true","eventMetadataId":"9f5f0309-1d96-441b-ab65-1c07c9f42d10","pageType":"searchresults","shopId":"84289847576","storefrontBaseUrl":"https:\/\/www.drfewskincare.com","extensionBaseUrl":"https:\/\/extensions.shopifycdn.com\/cdn\/shopifycloud\/web-pixels-manager","surface":"storefront-renderer","enabledBetaFlags":"[\"4c64608a\", \"16072cab\", \"8450a54b\", \"7ee89bf1\"]","isMerchantRequest":"false","hashVersion":"5982071ew7ea472e3p69b68784m2150dfea","publish":"custom","events":"[[\"page_viewed\",{}],[\"search_submitted\",{\"searchResult\":{\"query\":\"\",\"productVariants\":[]}}]]"});})();</script>
693<script>
694  window.ShopifyAnalytics = window.ShopifyAnalytics || {};
695  window.ShopifyAnalytics.meta = window.ShopifyAnalytics.meta || {};
696  window.ShopifyAnalytics.meta.currency = 'USD';
697  var meta = {"products":[],"page":{"pageType":"searchresults","requestId":"3d7e780c-d50e-4c1d-8d79-13a8b6ee5510-1791165387"}};
698  for (var attr in meta) {
699    window.ShopifyAnalytics.meta[attr] = meta[attr];
700  }
701</script>
vendor: 1 bytes, line 701
701
702<script class="analytics">
703  (function () {
704    var customDocumentWrite = function(content) {
705      var jquery = null;
706
707      if (window.jQuery) {
708        jquery = window.jQuery;
709      } else if (window.Checkout && window.Checkout.$) {
710        jquery = window.Checkout.$;
711      }
712
713      if (jquery) {
714        jquery('body').append(content);
715      }
716    };
717
718    var hasLoggedConversion = function(token) {
719      if (token) {
720        return document.cookie.indexOf('loggedConversion=' + token) !== -1;
721      }
722      return false;
723    }
724
725    var setCookieIfConversion = function(token) {
726      if (token) {
727        var twoMonthsFromNow = new Date(Date.now());
728        twoMonthsFromNow.setMonth(twoMonthsFromNow.getMonth() + 2);
729
730        document.cookie = 'loggedConversion=' + token + '; expires=' + twoMonthsFromNow;
731      }
732    }
733
734    var trekkie = window.ShopifyAnalytics.lib = window.trekkie = window.trekkie || [];
735    window.ShopifyAnalytics.lib.trekkie = window.trekkie;
736    if (trekkie.integrations) {
737      return;
738    }
739    trekkie.methods = [
740      'identify',
741      'page',
742      'ready',
743      'track',
744      'trackForm',
745      'trackLink'
746    ];
747    trekkie.factory = function(method) {
748      return function() {
749        var args = Array.prototype.slice.call(arguments);
750        args.unshift(method);
751        trekkie.push(args);
752        if (method == 'track' || method == 'page') {
753          var pageUrl;
754          try {
755            pageUrl = window.location.href;
756          } catch (e) {}
757          var pageReferrer;
758          try {
759            pageReferrer = document.referrer;
760          } catch (e) {}
761          try {
762            if (window.__TREKKIE_SHIM_QUEUE == null) {
763              window.__TREKKIE_SHIM_QUEUE = [];
764            }
765            window.__TREKKIE_SHIM_QUEUE.push({
766              from: 'trekkie-stub',
767              method: method,
768              args: args.slice(1),
769              pageContext: {
770                url: pageUrl,
771                referrer: pageReferrer
772              }
773            });
774          } catch (e) {
775            // no-op
776          }
777        }
778        return trekkie;
779      };
780    };
781    for (var i = 0; i < trekkie.methods.length; i++) {
782      var key = trekkie.methods[i];
783      trekkie[key] = trekkie.factory(key);
784    }
785    trekkie.load = function(config) {
786      trekkie.config = config || {};
787      trekkie.config.initialDocumentCookie = document.cookie;
788      var first = document.getElementsByTagName('script')[0];
789var script = document.createElement('script');
790script.type = 'text/javascript';
791script.onerror = function(e) {
792  var scriptFallback = document.createElement('script');
793  scriptFallback.type = 'text/javascript';
794  scriptFallback.onerror = function(error) {
795          var Monorail = {
796      produce: function produce(monorailDomain, schemaId, payload) {
797        var currentMs = new Date().getTime();
798        var event = {
799          schema_id: schemaId,
800          payload: payload,
801          metadata: {
802            event_created_at_ms: currentMs,
803            event_sent_at_ms: currentMs
804          }
805        };
806        return Monorail.sendRequest("https://" + monorailDomain + "/v1/produce", JSON.stringify(event));
807      },
808      sendRequest: function sendRequest(endpointUrl, payload) {
809        // Try the sendBeacon API
810        if (window && window.navigator && typeof window.navigator.sendBeacon === 'function' && typeof window.Blob === 'function' && !Monorail.isIos12()) {
811          var blobData = new window.Blob([payload], {
812            type: 'text/plain'
813          });
814
815          if (window.navigator.sendBeacon(endpointUrl, blobData)) {
816            return true;
817          } // sendBeacon was not successful
818
819        } // XHR beacon
820
821        var xhr = new XMLHttpRequest();
822
823        try {
824          xhr.open('POST', endpointUrl);
825          xhr.setRequestHeader('Content-Type', 'text/plain');
826          xhr.send(payload);
827        } catch (e) {
828          console.log(e);
829        }
830
831        return false;
832      },
833      isIos12: function isIos12() {
834        return window.navigator.userAgent.lastIndexOf('iPhone; CPU iPhone OS 12_') !== -1 || window.navigator.userAgent.lastIndexOf('iPad; CPU OS 12_') !== -1;
835      }
836    };
837    Monorail.produce('monorail-edge.shopifysvc.com',
838      'trekkie_storefront_load_errors/1.1',
839      {shop_id: 84289847576,
840      theme_id: 187738652952,
841      app_name: "storefront",
842      context_url: window.location.href,
843      source_url: "//www.drfewskincare.com/cdn/s/trekkie.storefront.2f6d7d7ede7d24234881a9cd5f47e679642fa1f6.min.js"});
844
845  };
846  scriptFallback.async = true;
847  scriptFallback.src = '//www.drfewskincare.com/cdn/s/trekkie.storefront.2f6d7d7ede7d24234881a9cd5f47e679642fa1f6.min.js';
848  first.parentNode.insertBefore(scriptFallback, first);
849};
850script.async = true;
851script.src = '//www.drfewskincare.com/cdn/s/trekkie.storefront.2f6d7d7ede7d24234881a9cd5f47e679642fa1f6.min.js';
852first.parentNode.insertBefore(script, first);
853
854    };
855    trekkie.load(
856      {"Trekkie":{"appName":"storefront","development":false,"defaultAttributes":{"shopId":84289847576,"isMerchantRequest":null,"themeId":187738652952,"themeCityHash":"15753085483433771764","contentLanguage":"en","currency":"USD","eventMetadataId":"9f5f0309-1d96-441b-ab65-1c07c9f42d10"},"isServerSideCookieWritingEnabled":true,"monorailRegion":"shop_domain","enabledBetaFlags":["764d78cb","8450a54b","7ee89bf1","4c64608a"]},"Session Attribution":{},"S2S":{"facebookCapiEnabled":true,"source":"trekkie-storefront-renderer","apiClientId":580111}}
857    );
858
859    var loaded = false;
860    trekkie.ready(function() {
861      if (loaded) return;
862      loaded = true;
863
864      window.ShopifyAnalytics.lib = window.trekkie;
865
866      var originalDocumentWrite = document.write;
867      document.write = customDocumentWrite;
868      try { window.ShopifyAnalytics.merchantGoogleAnalytics.call(this); } catch(error) {};
869      document.write = originalDocumentWrite;
870
871      var match = window.location.pathname.match(/checkouts\/(.+)\/(thank_you|post_purchase)/)
872      var token = match? match[1]: undefined;
873      if (!hasLoggedConversion(token)) {
874        setCookieIfConversion(token);
875        window.ShopifyAnalytics.lib.track("Performed Search",{"query":null},undefined,undefined,{"shopifyEmitted":true});
876      }
877    });
878
879    window.ShopifyAnalytics.lib.page(null,{"pageType":"searchresults","requestId":"3d7e780c-d50e-4c1d-8d79-13a8b6ee5510-1791165387","shopifyEmitted":true});
880
881    var eventsListenerScript = document.createElement('script');
882    eventsListenerScript.async = true;
883    eventsListenerScript.src = "//www.drfewskincare.com/cdn/shopifycloud/storefront/assets/shop_events_listener-4e26a9ce.js";
884    document.getElementsByTagName('head')[0].appendChild(eventsListenerScript);
885})();</script>
vendor: 1 bytes, line 885
885
886<script
887  defer
888  src="https://www.drfewskincare.com/cdn/shopifycloud/perf-kit/shopify-perf-kit-3.9.4.min.js"
889  data-application="storefront-renderer"
890  data-shop-id="84289847576"
891  data-render-region="gcp-us-central1"
892  data-page-type="search"
893  data-theme-instance-id="187738652952"
894  data-theme-name="Dr. Few"
895  data-theme-version="0.0.1"
896  data-monorail-region="shop_domain"
897  data-resource-timing-sampling-rate="10"
898  data-shs="true"
899  data-shs-beacon="true"
900  data-shs-export-with-fetch="true"
901  data-shs-logs-sample-rate="1"
902  data-shs-beacon-endpoint="https://www.drfewskincare.com/api/collect"
903></script>
903
904<meta name="shopify-y" content="9aa38c3f-f0bd-402f-bb12-9b93dfde920a" data-expiration="1822722987000"><meta name="shopify-s" content="71da4c6f-2c00-4ce5-a42a-377dd9f61310" data-expiration="1791167187000"><meta name="new-cookie-storage-activated" content="t">
905</head>
906
907	<body
908		class="
909			debug-screens gradient
910			 animate--hover-
911			
912				specificity
913			
914
915		"
916	>
917		
918		<a class="skip-link" href="#MainContent">
919			Skip to content
920		</a>
921		<div id="shopify-section-layout-ticker" class="shopify-section">
922
923
924	<div
925		
926		class="w-full overflow-hidden bg-black md:px-[4px] lg:px-[16px]"
927	>
928		<div class="relative">
929			<div class="md:[mask-image:linear-gradient(90deg,_transparent_0%,_#000_5%,_#000_95%,_transparent_100%)] max-md:marquee">
930				<div class="w-full flex items-center max-md:[&_>_*]:px-[4px] min-h-[28px] md:min-h-[32px] md:py-[4px] overflow-auto scrollbar-hide max-md:marquee__outer">
931					<div
932						
933						class="w-fit md:w-full flex flex-row gap-[16px] flex-nowrap max-md:marquee__inner"
934					>
935						
936							
937							<div class="w-fit md:w-full h-fit shrink-0 flex items-center justify-center md:overflow-hidden">
938								
939									<a
940										href="https://preorder.aforebeauty.com"
941										x-data="smoothScroll({ navbar: 'header', setHandler: true, offset: 0 })"
942										class="sh-5 font-subheading text-white whitespace-nowrap hover:underline underline-offset-2"
943									>
944										<span class="md:hidden"> DermaReverse has moved to Aforé. Now $99/month with subscription → Shop now </span>
945										<span class="max-md:hidden"> DermaReverse has moved to Aforé. Now $99/month with subscription → Shop now </span>
946									</a>
947								
948							</div>
949						
950					</div>
951					
952					<div class="md:hidden w-fit md:w-full flex flex-row gap-[16px] flex-nowrap max-md:marquee__inner">
953						
954							
955							<div class="w-fit md:w-full h-fit shrink-0 flex items-center justify-center md:overflow-hidden">
956								
957									<a
958										href="https://preorder.aforebeauty.com"
959										x-data="smoothScroll({ navbar: 'header', setHandler: true, offset: 0 })"
960										class="sh-5 font-subheading text-white whitespace-nowrap hover:underline underline-offset-2"
961									>
962										<span class="md:hidden"> DermaReverse has moved to Aforé. Now $99/month with subscription → Shop now </span>
963										<span class="max-md:hidden"> DermaReverse has moved to Aforé. Now $99/month with subscription → Shop now </span>
964									</a>
965								
966							</div>
967						
968					</div>
969				</div>
970			</div>
971			
972		</div>
973	</div>
974
975
976
977</div>
978		<header id="shopify-section-layout-header" class="shopify-section sticky-header"><div
979	id="header"
980	x-data="
981		{
982		  scrollDirection: '',
983		  lastScrollPosition: 0,
984		  mobileSubmenu: '',
985		    mobileSubSubmenu: '',
986		  headerHeight: $el.clientHeight,
987		}
988	"
989	@scroll.window="
990		scrollDirection = ((window.scrollY > lastScrollPosition) && window.scrollY > $el.clientHeight ) ? 'down' : 'up';
991		lastScrollPosition = window.scrollY;
992	"
993	@resize.window="headerHeight = $el.clientHeight;"
994	@keydown.window.escape="
995		$nextTick(() => {
996			if ($store.common.mobileNavOpen || $store.common.searchModalOpen || $store.common.minicartOpen) {
997				$store.common.mobileNavOpen = false,
998				$store.common.searchModalOpen = false;
999				$store.common.mobileNavOpen = false;
1000				$store.common.minicartOpen = false;
1001				document.querySelector('.header-logo').focus();
1002			}
1003		});
1004	"
1005	class="relative bg-white w-full flex items-stretch min-h-[48px] md:min-h-[56px] transition-all ease-in-out duration-300 px-[8px] md:px-[16px]"
1006	:class="
1007		{
1008		  '-translate-y-full': scrollDirection === 'down',
1009		  'translate-y-0': scrollDirection === 'up'
1010		}
1011	"
1012>
1013	<div class="relative w-full flex items-stretch">
1014		<div class="md:container md:!max-w-full w-full flex items-stretch justify-between">
1015			
1016			<button
1017				aria-label="Open mobile navigation"
1018				:aria-label="$store.common.mobileNavOpen ? 'Close mobile navigation' : 'Open mobile navigation'"
1019				:aria-expanded="$store.common.mobileNavOpen"
1020				aria-controls="mobile-nav"
1021				@click="
1022					$store.common.mobileNavOpen = !$store.common.mobileNavOpen;
1023					if ($store.common.mobileNavOpen && (matchMedia('(max-width: 767px)').matches) && window.scrollY < headerHeight ) {
1024					  $nextTick(() => {
1025					    window.scrollTo({
1026					      top: headerHeight,
1027					      behavior: 'smooth',
1028					    })
1029					  })
1030					}
1031				"
1032				class="group relative lg:hidden size-[32px] my-auto flex items-center justify-center text-black shrink-0"
1033			>
1034				<span x-show="!$store.common.mobileNavOpen">
1035
1036
1037
1038
1039
1040
1041<svg aria-hidden="true"  class="size-[32px] !text-black translate-x-0 translate-y-0"  xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 32 32">
1042                <path stroke="currentColor" stroke-linecap="round" stroke-width="2" d="M8 11h16M8 16h16M8 21h8"/>
1043            </svg>
1044
1045        
1046</span>
1047				<span x-cloak="hidden" x-show="$store.common.mobileNavOpen">
1048
1049
1050
1051
1052
1053
1054<svg aria-hidden="true"  class="size-[32px] !text-black translate-x-0 translate-y-0"  xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 32 32">
1055                <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m11 11 10 10m-10 0 10-10"/>
1056            </svg>
1057</span>
1058			</button>
1059
1060			
1061			<div
1062				x-cloak
1063				id="mobile-nav"
1064				x-show="$store.common.mobileNavOpen"
1065				x-trap.noscroll.noautofocus="$store.common.mobileNavOpen"
1066				x-transition:enter="transition-[transform,opacity] duration-300 ease-in-out"
1067				x-transition:enter-start="opacity-0 translate-x-[-8px]"
1068				x-transition:enter-end="opacity-full translate-x-0"
1069				x-transition:leave="transition-[transform,opacity] duration-300 ease-in-out"
1070				x-transition:leave-start="opacity-full translate-x-0"
1071				x-transition:leave-end="opacity-0 translate-x-[-8px]"
1072				class="lg:hidden absolute inset-x-0 top-[100%] w-auto mx-[-8px] h-[calc(100dvh-100%)] bg-black z-[10]"
1073			>
1074				<div class="flex flex-col h-full items-stretch justify-between gap-[24px] pb-[40px] overflow-auto scrollbar-hide">
1075					<nav class="w-full">
1076						<ul x-show="mobileSubmenu === ''" class="w-full flex flex-col">
1077              
1078                <li class="lg:flex items-stretch justify-center group">
1079	
1080	<div class="lg:flex hidden">
1081		<a
1082			href="https://www.aforebeauty.com/pages/vault"
1083			
1084			class="relative flex items-center justify-center gap-[4px]"
1085		>
1086			<span class="text-black nav-btn flex items-center">
1087				Shop
1088			</span>
1089		</a>
1090	</div>
1091
1092	
1093	<div
1094		class="lg:hidden relative flex items-center justify-between gap-[24px] py-[20px] px-[20px] border-b border-grey-80"
1095		x-cloak
1096		x-show="mobileSubmenu == ''"
1097	>
1098		<a
1099			href="https://www.aforebeauty.com/pages/vault"
1100		>
1101			<span class="block nav-btn text-white">Shop</span>
1102		</a>
1103	</div>
1104</li>
1105
1106
1107              
1108                <li class="lg:flex items-stretch justify-center group">
1109  
1110	<div
1111		class="lg:flex hidden"
1112		id="AN1YzRFVOWThqS3BXd__header_dropdown_qM87Yh"
1113		@mouseenter="mobileSubmenu = 'Discover'"
1114		@mouseleave="mobileSubmenu = ''"
1115	>
1116		<a
1117			href="https://www.aforebeauty.com/pages/vault"
1118			
1119			class="relative flex items-center justify-center gap-[4px]"
1120		>
1121			<span class="text-black nav-btn flex items-center">
1122				Discover
1123			</span>
1124			<span class="submenu-chev transition-transform origin-center duration-300 ease-out group-hover:rotate-180">
1125
1126
1127
1128
1129
1130
1131<svg aria-hidden="true"  class="size-[24px] text-black rotate-90"  xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24">
1132                <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="2" d="m10 5.89844 4.5932 4.93936c.5424.5834.5424 1.5379 0 2.1212L10 17.8984"/>
1133            </svg>
1134</span>
1135
1136			
1137
1138			<svg
1139	class=" hoversafe-triangle hidden absolute pointer-events-none z-[1]"
1140	xmlns="http://www.w3.org/2000/svg"
1141	fill="none"
1142	stroke="none"
1143	stroke-miterlimit="10"
1144	viewBox="0 0 56 56"
1145	preserveAspectRatio="none"
1146	style="height: 100%; bottom: 0; width: 120%; left: -120%;"
1147>
1148	<path
1149	  style="pointer-events: fill !important;"
1150		
1151	  d="M56 56H0s21.6-.2 38.7-17.3C55.7 21.7 56 0 56 0v56z"
1152	/>
1153</svg>
1154<svg
1155	class=" hoversafe-triangle hidden absolute pointer-events-none z-[1]"
1156	xmlns="http://www.w3.org/2000/svg"
1157	fill="none"
1158	stroke="none"
1159	stroke-miterlimit="10"
1160	viewBox="0 0 56 56"
1161	preserveAspectRatio="none"
1162	style="height: 100%; bottom: 0; width: 120%;
1162 right: -120%; scale: -1 1;"
1163>
1164	<path
1165	  style="pointer-events: fill !important;"
1166		
1167	  d="M56 56H0s21.6-.2 38.7-17.3C55.7 21.7 56 0 56 0v56z"
1168	/>
1169</svg>
1170
1171
1172			<div
1173				x-show="$store.dropdowns.has('AN1YzRFVOWThqS3BXd__header_dropdown_qM87Yh')"
1174				class="absolute top-full inset-x-[-50px] h-[150px] hidden md:group-hover:block"
1175			></div>
1176		</a>
1177
1178		<button
1179			aria-label="Toggle Discover dropdown"
1180			@click="mobileSubmenu = 'Discover'; searchOpen = false"
1181			class="flex-center hover:bg-primary-dark/10 transition group ml-auto md:ml-0"
1182			:aria-expanded="$store.dropdowns.isVisible('AN1YzRFVOWThqS3BXd__header_dropdown_qM87Yh')"
1183			aria-controls="AN1YzRFVOWThqS3BXd__header_dropdown_qM87Yh"
1184		>
1185			<span
1186				class="block transition ease-out"
1187				:class="{ 'rotate-180': $store.dropdowns.isVisible('AN1YzRFVOWThqS3BXd__header_dropdown_qM87Yh') }"
1188			>
1189			</span>
1190		</button>
1191		<div
1192			class="lg:absolute top-full left-0 w-full z-[200] bg-white transition-[height,opacity,transform] duration-300 ease-out lg:border-t border-black/10 rounded-b-medium overflow-hidden [interpolate-size:allow-keywords] rounded-b-[20px]"
1193			x-data
1194			x-cloak
1195			x-init="$store.dropdowns.add('AN1YzRFVOWThqS3BXd__header_dropdown_qM87Yh')"
1196			x-show="mobileSubmenu == 'Discover'"
1197      x-trap="mobileSubmenu == 'Discover'"
1198			x-transition:enter-start="h-0 lg:h-auto opacity-0 lg:translate-y-[-10px]"
1199			x-transition:enter-end="h-auto opacity-100 lg:translate-y-0"
1200			x-transition:leave-start="h-auto opacity-100 lg:translate-y-0"
1201			x-transition:leave-end="h-0 lg:h-auto lg:opacity-0 lg:translate-y-[-10px]"
1202			@keydown.escape="mobileSubmenu = ''"
1203			id="Shopify-AN1YzRFVOWThqS3BXd__header_dropdown_qM87Yh"
1204		>
1205			<h2 class="sr-only">Discover Dropdown</h2>
1206			
1207			<div class="container relative overflow-hidden flex justify-center py-[56px]">
1208				
1209					
1210
1211
1212<div class="lg:hidden">
1213  <div class="relative flex items-center justify-between gap-[24px] py-[20px] px-[20px] border-b border-grey-80">
1214    <button
1215      @click.prevent="mobileSubSubmenu = mobileSubSubmenu === 'About' ? '' : 'About'"
1216      class="box-link"
1217    >
1218      <span class="block nav-btn text-white">About</span>
1219    </button>
1220    <span class="transition-transform transform rotate-0 duration-300 ease-linear" :class="{ 'rotate-180' : mobileSubmenu === 'About' }">
1221
1222
1223
1224
1225
1226
1227<svg aria-hidden="true"  class="size-[24px] text-primary"  xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24">
1228                <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="2" d="m10 5.89844 4.5932 4.93936c.5424.5834.5424 1.5379 0 2.1212L10 17.8984"/>
1229            </svg>
1230</span>
1231  </div>
1232  <ul
1233    x-cloak="hidden"
1234    x-show="mobileSubSubmenu === 'About'"
1235    x-transition:enter="transition-transform duration-300 ease-linear"
1236    x-transition:enter-start=" transform translate-x-[8px]"
1237    x-transition:enter-end="transform translate-x-0"
1238    class="w-full flex flex-col"
1239  >
1240    
1241      
1242
1243<li class="lg:hidden relative flex items-center gap-[16px] py-[20px] px-[20px] border-b border-grey-80">
1244  <span class="shrink-0 w-[20px] h-[16px] flex items-center justify-center">
1245    <span class="size-[4px] bg-primary"></span>
1246  </span>
1247  <a
1248    href="/pages/learn"
1249    
1250    class="box-link"
1251  >
1252    <span class="block nav-btn text-white">Our Story</span>
1253  </a>
1254</li>
1255
1256<li class="lg:block hidden">
1257  <a
1258    href="/pages/learn"
1259    
1260    class="h5-s8 font-bold !normal-case  text-grey-60 hover:text-black focus-visible:text-black transition-colors duration-300 ease-out"
1261  >
1262    Our Story
1263  </a>
1264</li>
1265
1266
1267
1268    
1269      
1270
1271<li class="lg:hidden relative flex items-center gap-[16px] py-[20px] px-[20px] border-b border-grey-80">
1272  <span class="shrink-0 w-[20px] h-[16px] flex items-center justify-center">
1273    <span class="size-[4px] bg-primary"></span>
1274  </span>
1275  <a
1276    href="/pages/about-dr-few"
1277    
1278    class="box-link"
1279  >
1280    <span class="block nav-btn text-white">About Dr. Julius Few</span>
1281  </a>
1282</li>
1283
1284<li class="lg:block hidden">
1285  <a
1286    href="/pages/about-dr-few"
1287    
1288    class="h5-s8 font-bold !normal-case  text-grey-60 hover:text-black focus-visible:text-black transition-colors duration-300 ease-out"
1289  >
1290    About Dr. Julius Few
1291  </a>
1292</li>
1293
1294
1295
1296    
1297      
1298
1299<li class="lg:hidden relative flex items-center gap-[16px] py-[20px] px-[20px] border-b border-grey-80">
1300  <span class="shrink-0 w-[20px] h-[16px] flex items-center justify-center">
1301    <span class="size-[4px] bg-primary"></span>
1302  </span>
1303  <a
1304    href="/pages/clean-dr-few"
1305    
1306    class="box-link"
1307  >
1308    <span class="block nav-btn text-white">Formulating Principals</span>
1309  </a>
1310</li>
1311
1312<li class="lg:block hidden">
1313  <a
1314    href="/pages/clean-dr-few"
1315    
1316    class="h5-s8 font-bold !normal-case  text-grey-60 hover:text-black focus-visible:text-black transition-colors duration-300 ease-out"
1317  >
1318    Formulating Principals
1319  </a>
1320</li>
1321
1322
1323
1324    
1325      
1326
1327<li class="lg:hidden relative flex items-center gap-[16px] py-[20px] px-[20px] border-b border-grey-80">
1328  <span class="shrink-0 w-[20px] h-[16px] flex items-center justify-center">
1329    <span class="size-[4px] bg-primary"></span>
1330  </span>
1331  <a
1332    href="/pages/the-few-institute"
1333    
1334    class="box-link"
1335  >
1336    <span class="block nav-btn text-white">
1336The Few Institute</span>
1337  </a>
1338</li>
1339
1340<li class="lg:block hidden">
1341  <a
1342    href="/pages/the-few-institute"
1343    
1344    class="h5-s8 font-bold !normal-case  text-grey-60 hover:text-black focus-visible:text-black transition-colors duration-300 ease-out"
1345  >
1346    The Few Institute
1347  </a>
1348</li>
1349
1350
1351
1352    
1353      
1354
1355<li class="lg:hidden relative flex items-center gap-[16px] py-[20px] px-[20px] border-b border-grey-80">
1356  <span class="shrink-0 w-[20px] h-[16px] flex items-center justify-center">
1357    <span class="size-[4px] bg-primary"></span>
1358  </span>
1359  <a
1360    href="/blogs/in-the-news"
1361    
1362    class="box-link"
1363  >
1364    <span class="block nav-btn text-white">In the Press</span>
1365  </a>
1366</li>
1367
1368<li class="lg:block hidden">
1369  <a
1370    href="/blogs/in-the-news"
1371    
1372    class="h5-s8 font-bold !normal-case  text-grey-60 hover:text-black focus-visible:text-black transition-colors duration-300 ease-out"
1373  >
1374    In the Press
1375  </a>
1376</li>
1377
1378
1379
1380    
1381  </ul>
1382</div>
1383
1384<div class="hidden lg:flex flex-col gap-[24px] !lg:w-auto lg:flex-1 xl:mr-[80px] lg:mr-[40px] focus-visible:ring-opacity-0" tabindex="0">
1385  <div class="sh-3 lg:text-primary text-white">About</div>
1386  <ul class="flex flex-col md:gap-y-[12px] items-stretch gap-x-[16px] xl:gap-x-[32px]">
1387    
1388      
1389
1390<li class="lg:hidden relative flex items-center gap-[16px] py-[20px] px-[20px] border-b border-grey-80">
1391  <span class="shrink-0 w-[20px] h-[16px] flex items-center justify-center">
1392    <span class="size-[4px] bg-primary"></span>
1393  </span>
1394  <a
1395    href="/pages/learn"
1396    
1397    class="box-link"
1398  >
1399    <span class="block nav-btn text-white">Our Story</span>
1400  </a>
1401</li>
1402
1403<li class="lg:block hidden">
1404  <a
1405    href="/pages/learn"
1406    
1407    class="h5-s8 font-bold !normal-case  text-grey-60 hover:text-black focus-visible:text-black transition-colors duration-300 ease-out"
1408  >
1409    Our Story
1410  </a>
1411</li>
1412
1413
1414
1415    
1416      
1417
1418<li class="lg:hidden relative flex items-center gap-[16px] py-[20px] px-[20px] border-b border-grey-80">
1419  <span class="shrink-0 w-[20px] h-[16px] flex items-center justify-center">
1420    <span class="size-[4px] bg-primary"></span>
1421  </span>
1422  <a
1423    href="/pages/about-dr-few"
1424    
1425    class="box-link"
1426  >
1427    <span class="block nav-btn text-white">About Dr. Julius Few</span>
1428  </a>
1429</li>
1430
1431<li class="lg:block hidden">
1432  <a
1433    href="/pages/about-dr-few"
1434    
1435    class="h5-s8 font-bold !normal-case  text-grey-60 hover:text-black focus-visible:text-black transition-colors duration-300 ease-out"
1436  >
1437    About Dr. Julius Few
1438  </a>
1439</li>
1440
1441
1442
1443    
1444      
1445
1446<li class="lg:hidden relative flex items-center gap-[16px] py-[20px] px-[20px] border-b border-grey-80">
1447  <span class="shrink-0 w-[20px] h-[16px] flex items-center justify-center">
1448    <span class="size-[4px] bg-primary"></span>
1449  </span>
1450  <a
1451    href="/pages/clean-dr-few"
1452    
1453    class="box-link"
1454  >
1455    <span class="block nav-btn text-white">Formulating Principals</span>
1456  </a>
1457</li>
1458
1459<li class="lg:block hidden">
1460  <a
1461    href="/pages/clean-dr-few"
1462    
1463    class="h5-s8 font-bold !normal-case  text-grey-60 hover:text-black focus-visible:text-black transition-colors duration-300 ease-out"
1464  >
1465    Formulating Principals
1466  </a>
1467</li>
1468
1469
1470
1471    
1472      
1473
1474<li class="lg:hidden relative flex items-center gap-[16px] py-[20px] px-[20px] border-b border-grey-80">
1475  <span class="shrink-0 w-[20px] h-[16px] flex items-center justify-center">
1476    <span class="size-[4px] bg-primary"></span>
1477  </span>
1478  <a
1479    href="/pages/the-few-institute"
1480    
1481    class="box-link"
1482  >
1483    <span class="block nav-btn text-white">The Few Institute</span>
1484  </a>
1485</li>
1486
1487<li class="lg:block hidden">
1488  <a
1489    href="/pages/the-few-institute"
1490    
1491    class="h5-s8 font-bold !normal-case  text-grey-60 hover:text-black focus-visible:text-black transition-colors duration-300 ease-out"
1492  >
1493    The Few Institute
1494  </a>
1495</li>
1496
1497
1498
1499    
1500      
1501
1502<li class="lg:hidden relative flex items-center gap-[16px] py-[20px] px-[20px] border-b border-grey-80">
1503  <span class="shrink-0 w-[20px] h-[16px] flex items-center justify-center">
1504    <span class="size-[4px] bg-primary"></span>
1505  </span>
1506  <a
1507    href="/blogs/in-the-news"
1508    
1509    class="box-link"
1510  >
1511    <span class="block nav-btn text-white">In the Press</span>
1512  </a>
1513</li>
1514
1515<li class="lg:block hidden">
1516  <a
1517    href="/blogs/in-the-news"
1518    
1519    class="h5-s8 font-bold !normal-case  text-grey-60 hover:text-black focus-visible:text-black transition-colors duration-300 ease-out"
1520  >
1521    In the Press
1522  </a>
1523</li>
1524
1525
1526
1527    
1528    
1529  </ul>
1530</div>
1531
1532
1533					
1534				
1535					
1536
1537
1538<div class="lg:hidden">
1539  <div class="relative flex items-center justify-between gap-[24px] py-[20px] px-[20px] border-b border-grey-80">
1540    <button
1541      @click.prevent="mobileSubSubmenu = mobileSubSubmenu === 'Education' ? '' : 'Education'"
1542      class="box-link"
1543    >
1544      <span class="block nav-btn text-white">Education</span>
1545    </button>
1546    <span class="transition-transform transform rotate-0 duration-300 ease-linear" :class="{ 'rotate-180' : mobileSubmenu === 'Education' }">
1547
1548
1549
1550
1551
1552
1553<svg aria-hidden="true"  class="size-[24px] text-primary"  xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24">
1554                <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="2" d="m10 5.89844 4.5932 4.93936c.5424.5834.5424 1.5379 0 2.1212L10 17.8984"/>
1555            </svg>
1556</span>
1557  </div>
1558  <ul
1559    x-cloak="hidden"
1560    x-show="mobileSubSubmenu === 'Education'"
1561    x-transition:enter="transition-transform duration-300 ease-linear"
1562    x-transition:enter-start=" transform translate-x-[8px]"
1563    x-transition:enter-end="transform translate-x-0"
1564    class="w-full flex flex-col"
1565  >
1566    
1567      
1568
1569<li class="lg:hidden relative flex items-center gap-[16px] py-[20px] px-[20px] border-b border-grey-80">
1570  <span class="shrink-0 w-[20px] h-[16px] flex items-center justify-center">
1571    <span class="size-[4px] bg-primary"></span>
1572  </span>
1573  <a
1574    href="/blogs/news"
1575    
1576    class="box-link"
1577  >
1578    <span class="block nav-btn text-white">The Science of Few</span>
1579  </a>
1580</li>
1581
1582<li class="lg:block hidden">
1583  <a
1584    href="/blogs/news"
1585    
1586    class="h5-s8 font-bold !normal-case  text-grey-60 hover:text-black focus-visible:text-black transition-colors duration-300 ease-out"
1587  >
1588    The Science of Few
1589  </a>
1590</li>
1591
1592
1593
1594    
1595      
1596
1597<li class="lg:hidden relative flex items-center gap-[16px] py-[20px] px-[20px] border-b border-grey-80">
1598  <span class="shrink-0 w-[20px] h-[16px] flex items-center justify-center">
1599    <span class="size-[4px] bg-primary"></span>
1600  </span>
1601  <a
1602    href="/pages/our-clinical-results"
1603    
1604    class="box-link"
1605  >
1606    <span class="block nav-btn text-white">Clinical Results</span>
1607  </a>
1608</li>
1609
1610<li class="lg:block hidden">
1611  <a
1612    href="/pages/our-clinical-results"
1613    
1614    class="h5-s8 font-bold !normal-case  text-grey-60 hover:text-black focus-visible:text-black transition-colors duration-300 ease-out"
1615  >
1616    Clinical Results
1617  </a>
1618</li>
1619
1620
1621
1622    
1623      
1624
1625<li class="lg:hidden relative flex items-center gap-[16px] py-[20px] px-[20px] border-b border-grey-80">
1626  <span class="shrink-0 w-[20px] h-[16px] flex items-center justify-center">
1627    <span class="size-[4px] bg-primary"></span>
1628  </span>
1629  <a
1630    href="https://www.drfewskincare.com/blogs/ingredient-list/ingredient-list"
1631    
1632    class="box-link"
1633  >
1634    <span class="block nav-btn text-white">Ingredient Glossary</span>
1635  </a>
1636</li>
1637
1638<li class="lg:block hidden">
1639  <a
1640    href="https://www.drfewskincare.com/blogs/ingredient-list/ingredient-list"
1641    
1642    class="h5-s8 font-bold !normal-case  text-grey-60 hover:text-black focus-visible:text-black transition-colors duration-300 ease-out"
1643  >
1644    Ingredient Glossary
1645  </a>
1646</li>
1647
1648
1649
1650    
1651      
1652
1653<li class="lg:hidden relative flex items-center gap-[16px] py-[20px] px-[20px] border-b border-grey-80">
1654  <span class="shrink-0 w-[20px] h-[16px] flex items-center justify-center">
1655    <span class="size-[4px] bg-primary"></span>
1656  </span>
1657  <a
1658    href="/pages/faq"
1659    
1660    class="box-link"
1661  >
1662    <span class="block nav-btn text-white">FAQs</span>
1663  </a>
1664</li>
1665
1666<li class="lg:block hidden">
1667  <a
1668    href="/pages/faq"
1669    
1670    class="h5-s8 font-bold !normal-case  text-grey-60 hover:text-black focus-visible:text-black transition-colors duration-300 ease-out"
1671  >
1672    FAQs
1673  </a>
1674</li>
1675
1676
1677
1678    
1679  </ul>
1680</div>
1681
1682<div class="hidden lg:flex flex-col gap-[24px] !lg:w-auto lg:flex-1 xl:mr-[80px] lg:mr-[40px] focus-visible:ring-opacity-0" tabindex="0">
1683  <div class="sh-3 lg:text-primary text-white">Education</div>
1684  <ul class="flex flex-col md:gap-y-[12px] items-stretch gap-x-[16px] xl:gap-x-[32px]">
1685    
1686      
1687
1688<li class="lg:hidden relative flex items-center gap-[16px] py-[20px] px-[20px] border-b border-grey-80">
1689  <span class="shrink-0 w-[20px] h-[16px] flex items-center justify-center">
1690    <span class="size-[4px] bg-primary"></span>
1691  </span>
1692  <a
1693    href="/blogs/news"
1694    
1695    class="box-link"
1696  >
1697    <span class="block nav-btn text-white">The Science of Few</span>
1698  </a>
1699</li>
1700
1701<li class="lg:block hidden">
1702  <a
1703    href="/blogs/news"
1704    
1705    class="h5-s8 font-bold !normal-case  text-grey-60 hover:text-black focus-visible:text-black transition-colors duration-300 ease-out"
1706  >
1707    The Science of Few
1708  </a>
1709</li>
1710
1711
1712
1713    
1714      
1715
1716<li class="lg:hidden relative flex items-center gap-[16px] py-[20px] px-[20px] border-b border-grey-80">
1717  <span class="shrink-0 w-[20px] h-[16px] flex items-center justify-center">
1718    <span class="size-[4px] bg-primary"></span>
1719  </span>
1720  <a
1721    href="/pages/our-clinical-results"
1722    
1723    class="box-link"
1724  >
1725    <span class="block nav-btn text-white">Clinical Results</span>
1726  </a>
1727</li>
1728
1729<li class="lg:block hidden">
1730  <a
1731    href="/pages/our-clinical-results"
1732    
1733    class="h5-s8 font-bold !normal-case  text-grey-60 hover:text-black focus-visible:text-black transition-colors duration-300 ease-out"
1734  >
1735    Clinical Results
1736  </a>
1737</li>
1738
1739
1740
1741    
1742      
1743
1744<li class="lg:hidden relative flex items-center gap-[16px] py-[20px] px-[20px] border-b border-grey-80">
1745  <span class="shrink-0 w-[20px] h-[16px] flex items-center justify-center">
1746    <span class="size-[4px] bg-primary"></span>
1747  </span>
1748  <a
1749    href="https://www.drfewskincare.com/blogs/ingredient-list/ingredient-list"
1750    
1751    class="box-link"
1752  >
1753    <span class="block nav-btn text-white">Ingredient Glossary</span>
1754  </a>
1755</li>
1756
1757<li class="lg:block hidden">
1758  <a
1759    href="https://www.drfewskincare.com/blogs/ingredient-list/ingredient-list"
1760    
1761    class="h5-s8 font-bold !normal-case  text-grey-60 hover:text-black focus-visible:text-black transition-colors duration-300 ease-out"
1762  >
1763    Ingredient Glossary
1764  </a>
1765</li>
1766
1767
1768
1769    
1770      
1771
1772<li class="lg:hidden relative flex items-center gap-[16px] py-[20px] px-[20px] border-b border-grey-80">
1773  <span class="shrink-0 w-[20px] h-[16px] flex items-center justify-center">
1774    <span class="size-[4px] bg-primary"></span>
1775  </span>
1776  <a
1777    href="/pages/faq"
1778    
1779    class="box-link"
1780  >
1781    <span class="block nav-btn text-white">FAQs</span>
1782  </a>
1783</li>
1784
1785<li class="lg:block hidden">
1786  <a
1787    href="/pages/faq"
1788    
1789    class="h5-s8 font-bold !normal-case  text-grey-60 hover:text-black focus-visible:text-black transition-colors duration-300 ease-out"
1790  >
1791    FAQs
1792  </a>
1793</li>
1794
1795
1796
1797    
1798    
1799  </ul>
1800</div>
1801
1802
1803					
1804				
1805					
1806<div class="group relative w-[25%] lg:mr-[24px] lg:block hidden">
1807	
1808	<div class="aspect-[1] rounded-[20px] overflow-hidden">
1809		
1810			<picture>
1811				<source
1812					media="(min-width: 768px)"
1813					srcset="
1814						//www.drfewskincare.com/cdn/shop/files/11db4342f8f9204c8de09c1c180a3f0d2096e068.jpg?crop=center&height=500&v=1746809480&width=395,
1815						//www.drfewskincare.com/cdn/shop/files/11db4342f8f9204c8de09c1c180a3f0d2096e068.jpg?crop=center&height=1000&v=1746809480&width=790 2x
1816					"
1817				>
1818				<img
1819					src="//www.drfewskincare.com/cdn/shop/files/11db4342f8f9204c8de09c1c180a3f0d2096e068.jpg?crop=center&height=380&v=1746809480&width=300"
1820					srcset="
1821						//www.drfewskincare.com/cdn/shop/files/11db4342f8f9204c8de09c1c180a3f0d2096e068.jpg?crop=center&height=760&v=1746809480&width=600 2x,
1822						//www.drfewskincare.com/cdn/shop/files/11db4342f8f9204c8de09c1c180a3f0d2096e068.jpg?crop=center&height=1140&v=1746809480&width=900 3x
1823					"
1824					width="300"
1825					height="380"
1826					alt=""
1827					loading="lazy"
1828					class="w-full h-full object-cover object-center group-hover:scale-[1.05] transition-transform ease-in-out duration-300 origin-center"
1829				>
1830			</picture>
1831		
1832	</div>
1833
1834	
1835	<div class="mt-[32px] flex items-start justify-between gap-[8px]">
1836		<h3>
1837			<a class="box-link h5-s8 grow !normal-case block" href="/pages/about-dr-few"> Meet Dr. Julius Few</a>
1838		</h3>
1839	</div>
1840</div>
1841
1842
1843
1844
1845					
1846				
1847					
1848<div class="group relative w-[25%] lg:mr-[24px] lg:block hidden">
1849	
1850	<div class="aspect-[1] rounded-[20px] overflow-hidden">
1851		
1852			<picture>
1853				<source
1854					media="(min-width: 768px)"
1855					srcset="
1856						//www.drfewskincare.com/cdn/shop/files/Core_Four_Bottles_1_reduced_b58d7539-b802-49dd-9018-10576590199e.jpg?crop=center&height=500&v=1772477359&width=395,
1857						//www.drfewskincare.com/cdn/shop/files/Core_Four_Bottles_1_reduced_b58d7539-b802-49dd-9018-10576590199e.jpg?crop=center&height=1000&v=1772477359&width=790 2x
1858					"
1859				>
1860				<img
1861					src="//www.drfewskincare.com/cdn/shop/files/Core_Four_Bottles_1_reduced_b58d7539-b802-49dd-9018-10576590199e.jpg?crop=center&height=380&v=1772477359&width=300"
1862					srcset="
1863						//www.drfewskincare.com/cdn/shop/files/Core_Four_Bottles_1_reduced_b58d7539-b802-49dd-9018-10576590199e.jpg?crop=center&height=760&v=1772477359&width=600 2x,
1864						//www.drfewskincare.com/cdn/shop/files/Core_Four_Bottles_1_reduced_b58d7539-b802-49dd-9018-10576590199e.jpg?crop=center&height=1140&v=1772477359&width=900 3x
1865					"
1866					width="300"
1867					height="380"
1868					alt=""
1869					loading="lazy"
1870					class="w-full h-full object-cover object-center group-hover:scale-[1.05] transition-transform ease-in-out duration-300 origin-center"
1871				>
1872			</picture>
1873		
1874	</div>
1875
1876	
1877	<div class="mt-[32px] flex items-start justify-between gap-[8px]">
1878		<h3>
1879			<a class="box-link h5-s8 grow !normal-case block" href="/blogs/news"> The Science of Few</a>
1880		</h3>
1881	</div>
1882</div>
1883
1884
1885
1886
1887					
1888				
1889			</div>
1890		</div>
1891	</div>
1892
1893  
1894	<div
1895		class="lg:hidden relative flex items-center justify-between gap-[24px] py-[20px] px-[20px] border-b border-grey-80"
1896		x-cloak
1897		x-show="mobileSubmenu == ''"
1898	>
1899		<button
1900			@click="$store.dropdowns.toggle('AN1YzRFVOWThqS3BXd__header_dropdown_qM87Yh'); searchOpen = false"
1901			class="box-link"
1902		>
1903			<span class="block nav-btn text-white">Discover</span>
1904		</button>
1905		<span class="transition-transform transform rotate-0 duration-300 ease-linear" :class="{ 'rotate-180' : mobileSubmenu === 'Discover' }">
1906
1907
1908
1909
1910
1911
1912<svg aria-hidden="true"  class="size-[24px] text-primary"  xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24">
1913                <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="2" d="m10 5.89844 4.5932 4.93936c.5424.5834.5424 1.5379 0 2.1212L10 17.8984"/>
1914            </svg>
1915</span>
1916	</div>
1917	<ul
1918		class="lg:hidden absolute inset-0 z-[202] bg-black overflow-y-auto pb-[60px]"
1919		x-cloak
1920		x-init="$store.dropdowns.add('AN1YzRFVOWThqS3BXd__header_dropdown_qM87Yh')"
1921		x-show="$store.dropdowns.isVisible('AN1YzRFVOWThqS3BXd__header_dropdown_qM87Yh')"
1922		x-trap="$store.dropdowns.isVisible('AN1YzRFVOWThqS3BXd__header_dropdown_qM87Yh')"
1923	>
1924		<li class="lg:hidden relative flex items-center justify-start gap-[24px] py-[20px] px-[20px] border-b border-grey-80">
1925			<span class="transition-transform transform duration-300 ease-linear rotate-180">
1926
1927
1928
1929
1930
1931
1932<svg aria-hidden="true"  class="size-[24px] text-primary"  xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24">
1933                <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="2" d="m10 5.89844 4.5932 4.93936c.5424.5834.5424 1.5379 0 2.1212L10 17.8984"/>
1934            </svg>
1935</span>
1936			<button
1937				@click="$store.dropdowns.toggle('AN1YzRFVOWThqS3BXd__header_dropdown_qM87Yh'); searchOpen = false"
1938				class="box-link"
1939			>
1940				<span class="block nav-btn text-white">Discover</span>
1941			</button>
1942		</li>
1943			
1944			  
1945
1946
1947<div class="lg:hidden">
1948  <div class="relative flex items-center justify-between gap-[24px] py-[20px] px-[20px] border-b border-grey-80">
1949    <button
1950      @click.prevent="mobileSubSubmenu = mobileSubSubmenu === 'About' ? '' : 'About'"
1951      class="box-link"
1952    >
1953      <span class="block nav-btn text-white">About</span>
1954    </button>
1955    <span class="transition-transform transform rotate-0 duration-300 ease-linear" :class="{ 'rotate-180' : mobileSubmenu === 'About' }">
1956
1957
1958
1959
1960
1961
1962<svg aria-hidden="true"  class="size-[24px] text-primary"  xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24">
1963                <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="2" d="m10 5.89844 4.5932 4.93936c.5424.5834.5424 1.5379 0 2.1212L10 17.8984"/>
1964            </svg>
1965</span>
1966  </div>
1967  <ul
1968    x-cloak="hidden"
1969    x-show="mobileSubSubmenu === 'About'"
1970    x-transition:enter="transition-transform duration-300 ease-linear"
1971    x-transition:enter-start=" transform translate-x-[8px]"
1972    x-transition:enter-end="transform translate-x-0"
1973    class="w-full flex flex-col"
1974  >
1975    
1976      
1977
1978<li class="lg:hidden relative flex items-center gap-[16px] py-[20px] px-[20px] border-b border-grey-80">
1979  <span class="shrink-0 w-[20px] h-[16px] flex items-center justify-center">
1980    <span class="size-[4px] bg-primary"></span>
1981  </span>
1982  <a
1983    href="/pages/learn"
1984    
1985    class="box-link"
1986  >
1987    <span class="block nav-btn text-white">Our Story</span>
1988  </a>
1989</li>
1990
1991<li class="lg:block hidden">
1992  <a
1993    href="/pages/learn"
1994    
1995    class="h5-s8 font-bold !normal-case  text-grey-60 hover:text-black focus-visible:text-black transition-colors duration-300 ease-out"
1996  >
1997    Our Story
1998  </a>
1999</li>
2000
2001
2002
2003    
2004      
2005
2006<li class="lg:hidden relative flex items-center gap-[16px] py-[20px] px-[20px] border-b border-grey-80">
2007  <span class="shrink-0 w-[20px] h-[16px] flex items-center justify-center">
2008    <span class="size-[4px] bg-primary"></span>
2009  </span>
2010  <a
2011    href="/pages/about-dr-few"
2012    
2013    class="box-link"
2014  >
2015    <span class="block nav-btn text-white">About Dr. Julius Few</span>
2016  </a>
2017</li>
2018
2019<li class="lg:block hidden">
2020  <a
2021    href="/pages/about-dr-few"
2022    
2023    class="h5-s8 font-bold !normal-case  text-grey-60 hover:text-black focus-visible:text-black transition-colors duration-300 ease-out"
2024  >
2025    About Dr. Julius Few
2026  </a>
2027</li>
2028
2029
2030
2031    
2032      
2033
2034<li class="lg:hidden relative flex items-center gap-[16px] py-[20px] px-[20px] border-b border-grey-80">
2035  <span class="shrink-0 w-[20px] h-[16px] flex items-center justify-center">
2036    <span class="size-[4px] bg-primary"></span>
2037  </span>
2038  <a
2039    href="/pages/clean-dr-few"
2040    
2041    class="box-link"
2042  >
2043    <span class="block nav-btn text-white">Formulating Principals</span>
2044  </a>
2045</li>
2046
2047<li class="lg:block hidden">
2048  <a
2049    href="/pages/clean-dr-few"
2050    
2051    class="h5-s8 font-bold !normal-case  text-grey-60 hover:text-black focus-visible:text-black transition-colors duration-300 ease-out"
2052  >
2053    Formulating Principals
2054  </a>
2055</li>
2056
2057
2058
2059    
2060      
2061
2062<li class="lg:hidden relative flex items-center gap-[16px] py-[20px] px-[20px] border-b border-grey-80">
2063  <span class="shrink-0 w-[20px] h-[16px] flex items-center justify-center">
2064    <span class="size-[4px] bg-primary"></span>
2065  </span>
2066  <a
2067    href="/pages/the-few-institute"
2068    
2069    class="box-link"
2070  >
2071    <span class="block nav-btn text-white">The Few Institute</span>
2072  </a>
2073</li>
2074
2075<li class="lg:block hidden">
2076  <a
2077    href="/pages/the-few-institute"
2078    
2079    class="h5-s8 font-bold !normal-case  text-grey-60 hover:text-black focus-visible:text-black transition-colors duration-300 ease-out"
2080  >
2081    The Few Institute
2082  </a>
2083</li>
2084
2085
2086
2087    
2088      
2089
2090<li class="lg:hidden relative flex items-center gap-[16px] py-[20px] px-[20px] border-b border-grey-80">
2091  <span class="shrink-0 w-[20px] h-[16px] flex items-center justify-center">
2092    <span class="size-[4px] bg-primary"></span>
2093  </span>
2094  <a
2095    href="/blogs/in-the-news"
2096    
2097    class="box-link"
2098  >
2099    <span class="block nav-btn text-white">In the Press</span>
2100  </a>
2101</li>
2102
2103<li class="lg:block hidden">
2104  <a
2105    href="/blogs/in-the-news"
2106    
2107    class="h5-s8 font-bold !normal-case  text-grey-60 hover:text-black focus-visible:text-black transition-colors duration-300 ease-out"
2108  >
2109    In the Press
2110  </a>
2111</li>
2112
2113
2114
2115    
2116  </ul>
2117</div>
2118
2119<div class="hidden lg:flex flex-col gap-[24px] !lg:w-auto lg:flex-1 xl:mr-[80px] lg:mr-[40px] focus-visible:ring-opacity-0" tabindex="0">
2120  <div class="sh-3 lg:text-primary text-white">About</div>
2121  <ul class="flex flex-col md:gap-y-[12px] items-stretch gap-x-[16px] xl:gap-x-[32px]">
2122    
2123      
2124
2125<li class="lg:hidden relative flex items-center gap-[16px] py-[20px] px-[20px] border-b border-grey-80">
2126  <span class="shrink-0 w-[20px] h-[16px] flex items-center justify-center">
2127    <span class="size-[4px] bg-primary"></span>
2128  </span>
2129  <a
2130    href="/pages/learn"
2131    
2132    class="box-link"
2133  >
2134    <span class="block nav-btn text-white">Our Story</span>
2135  </a>
2136</li>
2137
2138<li class="lg:block hidden">
2139  <a
2140    href="/pages/learn"
2141    
2142    class="h5-s8 font-bold !normal-case  text-grey-60 hover:text-black focus-visible:text-black transition-colors duration-300 ease-out"
2143  >
2144    Our Story
2145  </a>
2146</li>
2147
2148
2149
2150    
2151      
2152
2153<li class="lg:hidden relative flex items-center gap-[16px] py-[20px] px-[20px] border-b border-grey-80">
2154  <span class="shrink-0 w-[20px] h-[16px] flex items-center justify-center">
2155    <span class="size-[4px] bg-primary"></span>
2156  </span>
2157  <a
2158    href="/pages/about-dr-few"
2159    
2160    class="box-link"
2161  >
2162    <span class="block nav-btn text-white">About Dr. Julius Few</span>
2163  </a>
2164</li>
2165
2166<li class="lg:block hidden">
2167  <a
2168    href="/pages/about-dr-few"
2169    
2170    class="h5-s8 font-bold !normal-case  text-grey-60 hover:text-black focus-visible:text-black transition-colors duration-300 ease-out"
2171  >
2172    About Dr. Julius Few
2173  </a>
2174</li>
2175
2176
2177
2178    
2179      
2180
2181<li class="lg:hidden relative flex items-center gap-[16px] py-[20px] px-[20px] border-b border-grey-80">
2182  <span class="shrink-0 w-[20px] h-[16px] flex items-center justify-center">
2183    <span class="size-[4px] bg-primary"></span>
2184  </span>
2185  <a
2186    href="/pages/clean-dr-few"
2187    
2188    class="box-link"
2189  >
2190    <span class="block nav-btn text-white">Formulating Principals</span>
2191  </a>
2192</li>
2193
2194<li class="lg:block hidden">
2195  <a
2196    href="/pages/clean-dr-few"
2197    
2198    class="h5-s8 font-bold !normal-case  text-grey-60 hover:text-black focus-visible:text-black transition-colors duration-300 ease-out"
2199  >
2200    Formulating Principals
2201  </a>
2202</li>
2203
2204
2205
2206    
2207      
2208
2209<li class="lg:hidden relative flex items-center gap-[16px] py-[20px] px-[20px] border-b border-grey-80">
2210  <span class="shrink-0 w-[20px] h-[16px] flex items-center justify-center">
2211    <span class="size-[4px] bg-primary"></span>
2212  </span>
2213  <a
2214    href="/pages/the-few-institute"
2215    
2216    class="box-link"
2217  >
2218    <span class="block nav-btn text-white">The Few Institute</span>
2219  </a>
2220</li>
2221
2222<li class="lg:block hidden">
2223  <a
2224    href="/pages/the-few-institute"
2225    
2226    class="h5-s8 font-bold !normal-case  text-grey-60 hover:text-black focus-visible:text-black transition-colors duration-300 ease-out"
2227  >
2228    The Few Institute
2229  </a>
2230</li>
2231
2232
2233
2234    
2235      
2236
2237<li class="lg:hidden relative flex items-center gap-[16px] py-[20px] px-[20px] border-b border-grey-80">
2238  <span class="shrink-0 w-[20px] h-[16px] flex items-center justify-center">
2239    <span class="size-[4px] bg-primary"></span>
2240  </span>
2241  <a
2242    href="/blogs/in-the-news"
2243    
2244    class="box-link"
2245  >
2246    <span class="block nav-btn text-white">In the Press</span>
2247  </a>
2248</li>
2249
2250<li class="lg:block hidden">
2251  <a
2252    href="/blogs/in-the-news"
2253    
2254    class="h5-s8 font-bold !normal-case  text-grey-60 hover:text-black focus-visible:text-black transition-colors duration-300 ease-out"
2255  >
2256    In the Press
2257  </a>
2258</li>
2259
2260
2261
2262    
2263    
2264  </ul>
2265</div>
2266
2267
2268			
2269			  
2270
2271
2272<div class="lg:hidden">
2273  <div class="relative flex items-center justify-between gap-[24px] py-[20px] px-[20px] border-b border-grey-80">
2274    <button
2275      @click.prevent="mobileSubSubmenu = mobileSubSubmenu === 'Education' ? '' : 'Education'"
2276      class="box-link"
2277    >
2278      <span class="block nav-btn text-white">Education</span>
2279    </button>
2280    <span class="transition-transform transform rotate-0 duration-300 ease-linear" :class="{ 'rotate-180' : mobileSubmenu === 'Education' }">
2281
2282
2283
2284
2285
2286
2287<svg aria-hidden="true"  class="size-[24px] text-primary"  xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24">
2288                <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="2" d="m10 5.89844 4.5932 4.93936c.5424.5834.5424 1.5379 0 2.1212L10 17.8984"/>
2289            </svg>
2290</span>
2291  </div>
2292  <ul
2293    x-cloak="hidden"
2294    x-show="mobileSubSubmenu === 'Education'"
2295    x-transition:enter="transition-transform duration-300 ease-linear"
2296    x-transition:enter-start=" transform translate-x-[8px]"
2297    x-transition:enter-end="transform translate-x-0"
2298    class="w-full flex flex-col"
2299  >
2300    
2301      
2302
2303<li class="lg:hidden relative flex items-center gap-[16px] py-[20px] px-[20px] border-b border-grey-80">
2304  <span class="shrink-0 w-[20px] h-[16px] flex items-center justify-center">
2305    <span class="size-[4px] bg-primary"></span>
2306  </span>
2307  <a
2308    href="/blogs/news"
2309    
2310    class="box-link"
2311  >
2312    <span class="block nav-btn text-white">The Science of Few</span>
2313  </a>
2314</li>
2315
2316<li class="lg:block hidden">
2317  <a
2318    href="/blogs/news"
2319    
2320    class="h5-s8 font-bold !normal-case  text-grey-60 hover:text-black focus-visible:text-black transition-colors duration-300 ease-out"
2321  >
2322    The Science of Few
2323  </a>
2324</li>
2325
2326
2327
2328    
2329      
2330
2331<li class="lg:hidden relative flex items-center gap-[16px] py-[20px] px-[20px] border-b border-grey-80">
2332  <span class="shrink-0 w-[20px] h-[16px] flex items-center justify-center">
2333    <span class="size-[4px] bg-primary"></span>
2334  </span>
2335  <a
2336    href="/pages/our-clinical-results"
2337    
2338    class="box-link"
2339  >
2340    <span class="block nav-btn text-white">Clinical Results</span>
2341  </a>
2342</li>
2343
2344<li class="lg:block hidden">
2345  <a
2346    href="/pages/our-clinical-results"
2347    
2348    class="h5-s8 font-bold !normal-case  text-grey-60 hover:text-black focus-visible:text-black transition-colors duration-300 ease-out"
2349  >
2350    Clinical Results
2351  </a>
2352</li>
2353
2354
2355
2356    
2357      
2358
2359<li class="lg:hidden relative flex items-center gap-[16px] py-[20px] px-[20px] border-b border-grey-80">
2360  <span class="shrink-0 w-[20px] h-[16px] flex items-center justify-center">
2361    <span class="size-[4px] bg-primary"></span>
2362  </span>
2363  <a
2364    href="https://www.drfewskincare.com/blogs/ingredient-list/ingredient-list"
2365    
2366    class="box-link"
2367  >
2368    <span class="block nav-btn text-white">Ingredient Glossary</span>
2369  </a>
2370</li>
2371
2372<li class="lg:block hidden">
2373  <a
2374    href="https://www.drfewskincare.com/blogs/ingredient-list/ingredient-list"
2375    
2376    class="h5-s8 font-bold !normal-case  text-grey-60 hover:text-black focus-visible:text-black transition-colors duration-300 ease-out"
2377  >
2378    Ingredient Glossary
2379  </a>
2380</li>
2381
2382
2383
2384    
2385      
2386
2387<li class="lg:hidden relative flex items-center gap-[16px] py-[20px] px-[20px] border-b border-grey-80">
2388  <span class="shrink-0 w-[20px] h-[16px] flex items-center justify-center">
2389    <span class="size-[4px] bg-primary"></span>
2390  </span>
2391  <a
2392    href="/pages/faq"
2393    
2394    class="box-link"
2395  >
2396    <span class="block nav-btn text-white">FAQs</span>
2397  </a>
2398</li>
2399
2400<li class="lg:block hidden">
2401  <a
2402    href="/pages/faq"
2403    
2404    class="h5-s8 font-bold !normal-case  text-grey-60 hover:text-black focus-visible:text-black transition-colors duration-300 ease-out"
2405  >
2406    FAQs
2407  </a>
2408</li>
2409
2410
2411
2412    
2413  </ul>
2414</div>
2415
2416<div class="hidden lg:flex flex-col gap-[24px] !lg:w-auto lg:flex-1 xl:mr-[80px] lg:mr-[40px] focus-visible:ring-opacity-0" tabindex="0">
2417  <div class="sh-3 lg:text-primary text-white">Education</div>
2418  <ul class="flex flex-col md:gap-y-[12px] items-stretch gap-x-[16px] xl:gap-x-[32px]">
2419    
2420      
2421
2422<li class="lg:hidden relative flex items-center gap-[16px] py-[20px] px-[20px] border-b border-grey-80">
2423  <span class="shrink-0 w-[20px] h-[16px] flex items-center justify-center">
2424    <span class="size-[4px] bg-primary"></span>
2425  </span>
2426  <a
2427    href="/blogs/news"
2428    
2429    class="box-link"
2430  >
2431    <span class="block nav-btn text-white">The Science of Few</span>
2432  </a>
2433</li>
2434
2435<li class="lg:block hidden">
2436  <a
2437    href="/blogs/news"
2438    
2439    class="h5-s8 font-bold !normal-case  text-grey-60 hover:text-black focus-visible:text-black transition-colors duration-300 ease-out"
2440  >
2441    The Science of Few
2442  </a>
2443</li>
2444
2445
2446
2447    
2448      
2449
2450<li class="lg:hidden relative flex items-center gap-[16px] py-[20px] px-[20px] border-b border-grey-80">
2451  <span class="shrink-0 w-[20px] h-[16px] flex items-center justify-center">
2452    <span class="size-[4px] bg-primary"></span>
2453  </span>
2454  <a
2455    href="/pages/our-clinical-results"
2456    
2457    class="box-link"
2458  >
2459    <span class="block nav-btn text-white">Clinical Results</span>
2460  </a>
2461</li>
2462
2463<li class="lg:block hidden">
2464  <a
2465    href="/pages/our-clinical-results"
2466    
2467    class="h5-s8 font-bold !normal-case  text-grey-60 hover:text-black focus-visible:text-black transition-colors duration-300 ease-out"
2468  >
2469    Clinical Results
2470  </a>
2471</li>
2472
2473
2474
2475    
2476      
2477
2478<li class="lg:hidden relative flex items-center gap-[16px] py-[20px] px-[20px] border-b border-grey-80">
2479  <span class="shrink-0 w-[20px] h-[16px] flex items-center justify-center">
2480    <span class="size-[4px] bg-primary"></span>
2481  </span>
2482  <a
2483    href="https://www.drfewskincare.com/blogs/ingredient-list/ingredient-list"
2484    
2485    class="box-link"
2486  >
2487    <span class="block nav-btn text-white">Ingredient Glossary</span>
2488  </a>
2489</li>
2490
2491<li class="lg:block hidden">
2492  <a
2493    href="https://www.drfewskincare.com/blogs/ingredient-list/ingredient-list"
2494    
2495    class="h5-s8 font-bold !normal-case  text-grey-60 hover:text-black focus-visible:text-black transition-colors duration-300 ease-out"
2496  >
2497    Ingredient Glossary
2498  </a>
2499</li>
2500
2501
2502
2503    
2504      
2505
2506<li class="lg:hidden relative flex items-center gap-[16px] py-[20px] px-[20px] border-b border-grey-80">
2507  <span class="shrink-0 w-[20px] h-[16px] flex items-center justify-center">
2508    <span class="size-[4px] bg-primary"></span>
2509  </span>
2510  <a
2511    href="/pages/faq"
2512    
2513    class="box-link"
2514  >
2515    <span class="block nav-btn text-white">FAQs</span>
2516  </a>
2517</li>
2518
2519<li class="lg:block hidden">
2520  <a
2521    href="/pages/faq"
2522    
2523    class="h5-s8 font-bold !normal-case  text-grey-60 hover:text-black focus-visible:text-black transition-colors duration-300 ease-out"
2524  >
2525    FAQs
2526  </a>
2527</li>
2528
2529
2530
2531    
2532    
2533  </ul>
2534</div>
2535
2536
2537			
2538			  
2539<div class="group relative w-[25%] lg:mr-[24px] lg:block hidden">
2540	
2541	<div class="aspect-[1] rounded-[20px] overflow-hidden">
2542		
2543			<picture>
2544				<source
2545					media="(min-width: 768px)"
2546					srcset="
2547						//www.drfewskincare.com/cdn/shop/files/11db4342f8f9204c8de09c1c180a3f0d2096e068.jpg?crop=center&height=500&v=1746809480&width=395,
2548						//www.drfewskincare.com/cdn/shop/files/11db4342f8f9204c8de09c1c180a3f0d2096e068.jpg?crop=center&height=1000&v=1746809480&width=790 2x
2549					"
2550				>
2551				<img
2552					src="//www.drfewskincare.com/cdn/shop/files/11db4342f8f9204c8de09c1c180a3f0d2096e068.jpg?crop=center&height=380&v=1746809480&width=300"
2553					srcset="
2554						//www.drfewskincare.com/cdn/shop/files/11db4342f8f9204c8de09c1c180a3f0d2096e068.jpg?crop=center&height=760&v=1746809480&width=600 2x,
2555						//www.drfewskincare.com/cdn/shop/files/11db4342f8f9204c8de09c1c180a3f0d2096e068.jpg?crop=center&height=1140&v=1746809480&width=900 3x
2556					"
2557					width="300"
2558					height="380"
2559					alt=""
2560					loading="lazy"
2561					class="w-full h-full object-cover object-center group-hover:scale-[1.05] transition-transform ease-in-out duration-300 origin-center"
2562				>
2563			</picture>
2564		
2565	</div>
2566
2567	
2568	<div class="mt-[32px] flex items-start justify-between gap-[8px]">
2569		<h3>
2570			<a class="box-link h5-s8 grow !normal-case block" href="/pages/about-dr-few"> Meet Dr. Julius Few</a>
2571		</h3>
2572	</div>
2573</div>
2574
2575
2576
2577
2578			
2579			  
2580<div class="group relative w-[25%] lg:mr-[24px] lg:block hidden">
2581	
2582	<div class="aspect-[1] rounded-[20px] overflow-hidden">
2583		
2584			<picture>
2585				<source
2586					media="(min-width: 768px)"
2587					srcset="
2588						//www.drfewskincare.com/cdn/shop/files/Core_Four_Bottles_1_reduced_b58d7539-b802-49dd-9018-10576590199e.jpg?crop=center&height=500&v=1772477359&width=395,
2589						//www.drfewskincare.com/cdn/shop/files/Core_Four_Bottles_1_reduced_b58d7539-b802-49dd-9018-10576590199e.jpg?crop=center&height=1000&v=1772477359&width=790 2x
2590					"
2591				>
2592				<img
2593					src="//www.drfewskincare.com/cdn/shop/files/Core_Four_Bottles_1_reduced_b58d7539-b802-49dd-9018-10576590199e.jpg?crop=center&height=380&v=1772477359&width=300"
2594					srcset="
2595						//www.drfewskincare.com/cdn/shop/files/Core_Four_Bottles_1_reduced_b58d7539-b802-49dd-9018-10576590199e.jpg?crop=center&height=760&v=1772477359&width=600 2x,
2596						//www.drfewskincare.com/cdn/shop/files/Core_Four_Bottles_1_reduced_b58d7539-b802-49dd-9018-10576590199e.jpg?crop=center&height=1140&v=1772477359&width=900 3x
2597					"
2598					width="300"
2599					height="380"
2600					alt=""
2601					loading="lazy"
2602					class="w-full h-full object-cover object-center group-hover:scale-[1.05] transition-transform ease-in-out duration-300 origin-center"
2603				>
2604			</picture>
2605		
2606	</div>
2607
2608	
2609	<div class="mt-[32px] flex items-start justify-between gap-[8px]">
2610		<h3>
2611			<a class="box-link h5-s8 grow !normal-case block" href="/blogs/news"> The Science of Few</a>
2612		</h3>
2613	</div>
2614</div>
2615
2616
2617
2618
2619			
2620	</ul>
2621</li>
2622
2623
2624
2625              
2626                <li class="lg:flex items-stretch justify-center group">
2627	
2628	<div class="lg:flex hidden">
2629		<a
2630			href="/blogs/news"
2631			
2632			class="relative flex items-center justify-center gap-[4px]"
2633		>
2634			<span class="text-black nav-btn flex items-center">
2635				The Science of Few
2636			</span>
2637		</a>
2638	</div>
2639
2640	
2641	<div
2642		class="lg:hidden relative flex items-center justify-between gap-[24px] py-[20px] px-[20px] border-b border-grey-80"
2643		x-cloak
2644		x-show="mobileSubmenu == ''"
2645	>
2646		<a
2647			href="/blogs/news"
2648		>
2649			<span class="block nav-btn text-white">The Science of Few</span>
2650		</a>
2651	</div>
2652</li>
2653
2654
2655              
2656            </ul>
2657
2658					</nav>
2659
2660					
2661					
2662						<div class="flex flex-col items-center gap-[24px]">
2663							<div class="nav-btn text-white">Follow us</div>
2664							
2665
2666<ul class="list-unstyled list-social flex items-center justify-center gap-[12px] [&_li]:size-[48px] [&_li]:rounded-full [&_li]:bg-white [&_li]:p-[16px] [&_a]:block [&_a]:size-fit [&_svg]:size-[16px]" role="list"><li class="list-social__item">
2667      <a target="_blank" href="https://www.instagram.com/drfewskincare/" class="link list-social__link"><svg aria-hidden="true" focusable="false" class="icon icon-instagram" viewBox="0 0 20 20">
2668  <path fill="currentColor" fill-rule="evenodd" d="M13.23 3.492c-.84-.037-1.096-.046-3.23-.046-2.144 0-2.39.01-3.238.055-.776.027-1.195.164-1.487.273a2.43 2.43 0 0 0-.912.593 2.486 2.486 0 0 0-.602.922c-.11.282-.238.702-.274 1.486-.046.84-.046 1.095-.046 3.23 0 2.134.01 2.39.046 3.229.004.51.097 1.016.274 1.495.145.365.319.639.602.913.282.282.538.456.92.602.474.176.974.268 1.479.273.848.046 1.103.046 3.238.046 2.134 0 2.39-.01 3.23-.046.784-.036 1.203-.164 1.486-.273.374-.146.648-.329.921-.602.283-.283.447-.548.602-.922.177-.476.27-.979.274-1.486.037-.84.046-1.095.046-3.23 0-2.134-.01-2.39-.055-3.229-.027-.784-.164-1.204-.274-1.495a2.43 2.43 0 0 0-.593-.913 2.604 2.604 0 0 0-.92-.602c-.284-.11-.703-.237-1.488-.273ZM6.697 2.05c.857-.036 1.131-.045 3.302-.045 1.1-.014 2.202.001 3.302.045.664.014 1.321.14 1.943.374a3.968 3.968 0 0 1 1.414.922c.41.397.728.88.93 1.414.23.622.354 1.279.365 1.942C18 7.56 18 7.824 18 10.005c0 2.17-.01 2.444-.046 3.292-.036.858-.173 1.442-.374 1.943-.2.53-.474.976-.92 1.423a3.896 3.896 0 0 1-1.415.922c-.51.191-1.095.337-1.943.374-.857.036-1.122.045-3.302.045-2.171 0-2.445-.009-3.302-.055-.849-.027-1.432-.164-1.943-.364a4.152 4.152 0 0 1-1.414-.922 4.128 4.128 0 0 1-.93-1.423c-.183-.51-.329-1.085-.365-1.943C2.009 12.45 2 12.167 2 10.004c0-2.161 0-2.435.055-3.302.027-.848.164-1.432.365-1.942a4.44 4.44 0 0 1 .92-1.414 4.18 4.18 0 0 1 1.415-.93c.51-.183 1.094-.33 1.943-.366Zm.427 4.806a4.105 4.105 0 1 1 5.805 5.805 4.105 4.105 0 0 1-5.805-5.805Zm1.882 5.371a2.668 2.668 0 1 0 2.042-4.93 2.668 2.668 0 0 0-2.042 4.93Zm5.922-5.942a.958.958 0 1 1-1.355-1.355.958.958 0 0 1 1.355 1.355Z" clip-rule="evenodd"/>
2669</svg>
2670<span class="visually-hidden sr-only">Instagram</span>
2671      </a>
2672    </li><li class="list-social__item">
2673      <a target="_blank" href="https://www.youtube.com/@DrFewSkincare-s5m" class="link list-social__link"><svg aria-hidden="true" focusable="false" class="icon icon-youtube" viewBox="0 0 20 20">
2674  <path fill="currentColor" d="M18.16 5.87c.34 1.309.34 4.08.34 4.08s0 2.771-.34 4.08a2.125 2.125 0 0 1-1.53 1.53c-1.309.34-6.63.34-6.63.34s-5.321 0-6.63-.34a2.125 2.125 0 0 1-1.53-1.53c-.34-1.309-.34-4.08-.34-4.08s0-2.771.34-4.08a2.173 2.173 0 0 1 1.53-1.53C4.679 4 10 4 10 4s5.321 0 6.63.34a2.173 2.173 0 0 1 1.53 1.53ZM8.3 12.5l4.42-2.55L8.3 7.4v5.1Z"/>
2675</svg>
2676<span class="visually-hidden sr-only">YouTube</span>
2677      </a>
2678    </li><li class="list-social__item">
2679      <a target="_blank" href="https://www.tiktok.com/@drfewskincare" class="link list-social__link"><svg aria-hidden="true" focusable="false" class="icon icon-tiktok" viewBox="0 0 20 20">
2680  <path fill="currentColor" d="M10.511 1.705h2.74s-.157 3.51 3.795 3.768v2.711s-2.114.129-3.796-1.158l.028 5.606A5.073 5.073 0 1 1 8.213 7.56h.708v2.785a2.298 2.298 0 1 0 1.618 2.205L10.51 1.705Z"/>
2681</svg>
2682<span class="visually-hidden sr-only">Translation missing: en.general.social.links.tiktok</span>
2683      </a>
2684    </li></ul>
2685
2686						</div>
2687					
2688				</div>
2689			</div>
2690
2691			
2692			<a
2693				href="/"
2694				aria-label="Go to homepage"
2695				class="header-logo max-md:absolute max-md:inset-0 max-md:m-auto md:my-auto size-fit"
2696			>
2697				<svg 
2698  class="w-[80px] md:w-[96px] h-auto translate-x-0 translate-y-0"
2699  xmlns="http://www.w3.org/2000/svg" 
2700  fill="none" 
2701  viewBox="0 0 98 24"
2702  aria-label="Dr. Few Logo"
2703>
2704  <path fill="currentColor" d="M7.70849 23.1725H4.53998V.472967h3.16851c5.81671 0 8.84341 5.675033 8.84341 11.349833 0 5.6749-3.003 11.3497-8.84341 11.3497ZM8.39419.000223H0v.236452c2.45921 0 2.1754 2.600825 2.1754 7.637345v7.89758c0 5.0365.28381 7.6375-2.1754 7.6375v.2364h8.39419c7.04641 0 10.56961-5.9113 10.56961-11.8227 0-5.91125-3.5232-11.822577-10.56961-11.822577ZM33.4759 7.29027c-.0199-.4578-.3603-.83786-.8093-.93039-.4107-.08465-.869-.09365-1.2192-.09365-3.5704 0-6.6679 3.80697-6.7625 7.14097 0-3.99613.0236-7.14097.0236-7.14097-1.3005.92204-3.0267 1.63156-4.5635 1.63156v.23637c2.459 0 2.1753 2.60094 2.1753 7.63744s.2837 7.6375-2.1753 7.6375v.2364h6.7152v-.2364c-2.459 0-2.1753-2.601-2.1753-6.8807 0-4.0672 1.5133-8.08677 4.2089-8.08677 1.3713 0 1.7262.4728 2.6956.4728 1.1206 0 1.9306-.60482 1.8865-1.62416ZM32.0351 20.7609c-.804 0-1.4423.6383-1.4423 1.4422 0 .8041.6383 1.4424 1.4423 1.4424.804 0 1.4423-.6383 1.4423-1.4424 0-.8039-.6383-1.4422-1.4423-1.4422ZM62.5446 7.0936c3.2632 0 5.4621 1.58406 5.4621 4.1379 0 2.0335-2.53 2.1281-4.9655 2.1281-2.601 0-4.0434.0709-6.3843.1182.1892-3.85417 2.3646-6.3842 5.8877-6.3842Zm2.2463 14.9438c-4.327 0-8.134-3.4995-8.134-8.0631h10.6404c1.4661 0 3.1213-.4257 3.1213-2.4355 0-2.00965-1.9863-5.27279-6.8572-5.27279-4.316 0-7.9798 3.11963-8.7592 7.23549h-9.9443V.47275h1.939c4.3034 0 8.0156 1.60795 9.7418 4.06709h.1182L55.38.000006H40.3179v.236452c2.4591 0 2.1754 2.600822 2.1754 7.637342v7.8976c0 5.0365.2837 7.6375-2.1754 7.6375v.2364h6.7153v-.2364c-2.459 0-2.1753-2.601-2.1753-7.6375v-1.7971h9.8685c-.0506.3795-.0793.7657-.0793 1.1587 0 4.8945 4.0434 8.867 8.9143 8.867 3.9015 0 7.1645-2.601 8.1341-6.1714l-.2366-.0946c-.9457 2.3645-3.4285 4.3034-6.668 4.3034ZM88.6485 6.62069v.26007c2.7902 0 2.6009 3.59414 2.2935 5.22564 0 0-1.6078 10.5457-2.4118 10.5457-.2837 0-.4255-.4019-.9222-2.2225-.3073-1.0877-.8512-3.1923-1.4187-5.2257-.7566-2.7193-1.5606-5.39114-1.5606-6.50253 0-1.15864.7332-1.84439 1.9154-1.84439v-.23629h-7.5666v.23629c1.4661 0 2.4827 1.74984 3.3339 4.04342-.3309 2.1044-1.8916 11.7517-2.6009 11.7517-.2837 0-.4256-.4019-.9222-2.2225-.3073-1.0877-.8512-3.1923-1.4186-5.2257-.7568-2.7193-1.5607-5.39114-1.5607-6.50253 0-1.15864.7331-1.84439 1.9154-1.84439v-.23629h-7.5667v.23629c2.4592 0 3.665 4.96562 4.9655 9.12722.4729 1.4897.9932 3.405 1.4425 4.7999C77.2515 22.9361 77.5825 24 78.7648 24c1.7496 0 2.1989-3.2867 3.0265-6.266.3311-1.1823 1.0404-3.7123 1.3005-4.5873.2837.9458.5675 1.9153.8512 2.8375.4493 1.4897.9932 3.405 1.4423 4.7999C86.0712 22.9361 86.4021 24 87.5844 24c1.7498 0 2.1991-3.2867 3.0267-6.266.4019-1.4424 1.3713-4.8709 1.3713-4.8709.875-3.35775 1.939-6.00612 4.3982-6.00612v-.23629h-7.7321Z"/>
2705  <path fill="currentColor" d="M41.3991 13.9741h1.0904v-.4964h-3.2527v.4964h2.1623Z"/>
2706</svg>
2707			</a>
2708
2709			
2710			<nav class="max-lg:hidden flex items-stretch">
2711        <ul class="flex items-stretch justify-center gap-[48px]">
2712          
2713            <li class="lg:flex items-stretch justify-center group">
2714	
2715	<div class="lg:flex hidden">
2716		<a
2717			href="https://www.aforebeauty.com/pages/vault"
2718			
2719			class="relative flex items-center justify-center gap-[4px]"
2720		>
2721			<span class="text-black nav-btn flex items-center">
2722				Shop
2723			</span>
2724		</a>
2725	</div>
2726
2727	
2728	<div
2729		class="lg:hidden relative flex items-center justify-between gap-[24px] py-[20px] px-[20px] border-b border-grey-80"
2730		x-cloak
2731		x-show="mobileSubmenu == ''"
2732	>
2733		<a
2734			href="https://www.aforebeauty.com/pages/vault"
2735		>
2736			<span class="block nav-btn text-white">Shop</span>
2737		</a>
2738	</div>
2739</li>
2740
2741
2742          
2743            <li class="lg:flex items-stretch justify-center group">
2744  
2745	<div
2746		class="lg:flex hidden"
2747		id="AN1YzRFVOWThqS3BXd__header_dropdown_qM87Yh-1"
2748		@mouseenter="mobileSubmenu = 'Discover'"
2749		@mouseleave="mobileSubmenu = ''"
2750	>
2751		<a
2752			href="https://www.aforebeauty.com/pages/vault"
2753			
2754			class="relative flex items-center justify-center gap-[4px]"
2755		>
2756			<span class="text-black nav-btn flex items-center">
2757				Discover
2758			</span>
2759			<span class="submenu-chev transition-transform origin-center duration-300 ease-out group-hover:rotate-180">
2760
2761
2762
2763
2764
2765
2766<svg aria-hidden="true"  class="size-[24px] text-black rotate-90"  xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24">
2767                <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="2" d="m10 5.89844 4.5932 4.93936c.5424.5834.5424 1.5379 0 2.1212L10 17.8984"/>
2768            </svg>
2769</span>
2770
2771			
2772
2773			<svg
2774	class=" hoversafe-triangle hidden absolute pointer-events-none z-[1]"
2775	xmlns="http://www.w3.org/2000/svg"
2776	fill="none"
2777	stroke="none"
2778	stroke-miterlimit="10"
2779	viewBox="0 0 56 56"
2780	preserveAspectRatio="none"
2781	style="height: 100%; bottom: 0; width: 120%; left: -120%;"
2782>
2783	<path
2784	  style="pointer-events: fill !important;"
2785		
2786	  d="M56 56H0s21.6-.2 38.7-17.3C55.7 21.7 56 0 56 0v56z"
2787	/>
2788</svg>
2789<svg
2790	class=" hoversafe-triangle hidden absolute pointer-events-none z-[1]"
2791	xmlns="http://www.w3.org/2000/svg"
2792	fill="none"
2793	stroke="none"
2794	stroke-miterlimit="10"
2795	viewBox="0 0 56 56"
2796	preserveAspectRatio="none"
2797	style="height: 100%; bottom: 0; width: 120%; right: -120%; scale: -1 1;"
2798>
2799	<path
2800	  style="pointer-events: fill !important;"
2801		
2802	  d="M56 56H0s21.6-.2 38.7-17.3C55.7 21.7 56 0 56 0v56z"
2803	/>
2804</svg>
2805
2806
2807			<div
2808				x-show="$store.dropdowns.has('AN1YzRFVOWThqS3BXd__header_dropdown_qM87Yh-1')"
2809				class="absolute top-full inset-x-[-50px] h-[150px] hidden md:group-hover:block"
2810			></div>
2811		</a>
2812
2813		<button
2814			aria-label="Toggle Discover dropdown"
2815			@click="mobileSubmenu = 'Discover'; searchOpen = false"
2816			class="flex-center hover:bg-primary-dark/10 transition group ml-auto md:ml-0"
2817			:aria-expanded="$store.dropdowns.isVisible('AN1YzRFVOWThqS3BXd__header_dropdown_qM87Yh-1')"
2818			aria-controls="AN1YzRFVOWThqS3BXd__header_dropdown_qM87Yh-1"
2819		>
2820			<span
2821				class="block transition ease-out"
2822				:class="{ 'rotate-180': $store.dropdowns.isVisible('AN1YzRFVOWThqS3BXd__header_dropdown_qM87Yh-1') }"
2823			>
2824			</span>
2825		</button>
2826		<div
2827			class="lg:absolute top-full left-0 w-full z-[200] bg-white transition-[height,opacity,transform] duration-300 ease-out lg:border-t border-black/10 rounded-b-medium overflow-hidden [interpolate-size:allow-keywords] rounded-b-[20px]"
2828			x-data
2829			x-cloak
2830			x-init="$store.dropdowns.add('AN1YzRFVOWThqS3BXd__header_dropdown_qM87Yh-1')"
2831			x-show="mobileSubmenu == 'Discover'"
2832      x-trap="mobileSubmenu == 'Discover'"
2833			x-transition:enter-start="h-0 lg:h-auto opacity-0 lg:translate-y-[-10px]"
2834			x-transition:enter-end="h-auto opacity-100 lg:translate-y-0"
2835			x-transition:leave-start="h-auto opacity-100 lg:translate-y-0"
2836			x-transition:leave-end="h-0 lg:h-auto lg:opacity-0 lg:translate-y-[-10px]"
2837			@keydown.escape="mobileSubmenu = ''"
2838			id="Shopify-AN1YzRFVOWThqS3BXd__header_dropdown_qM87Yh-1"
2839		>
2840			<h2 class="sr-only">Discover Dropdown</h2>
2841			
2842			<div class="container relative overflow-hidden flex justify-center py-[56px]">
2843				
2844					
2845
2846
2847<div class="lg:hidden">
2848  <div class="relative flex items-center justify-between gap-[24px] py-[20px] px-[20px] border-b border-grey-80">
2849    <button
2850      @click.prevent="mobileSubSubmenu = mobileSubSubmenu === 'About' ? '' : 'About'"
2851      class="box-link"
2852    >
2853      <span class="block nav-btn text-white">About</span>
2854    </button>
2855    <span class="transition-transform transform rotate-0 duration-300 ease-linear" :class="{ 'rotate-180' : mobileSubmenu === 'About' }">
2856
2857
2858
2859
2860
2861
2862<svg aria-hidden="true"  class="size-[24px] text-primary"  xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24">
2863                <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="2" d="m10 5.89844 4.5932 4.93936c.5424.5834.5424 1.5379 0 2.1212L10 17.8984"/>
2864            </svg>
2865</span>
2866  </div>
2867  <ul
2868    x-cloak="hidden"
2869    x-show="mobileSubSubmenu === 'About'"
2870    x-transition:enter="transition-transform duration-300 ease-linear"
2871    x-transition:enter-start=" transform translate-x-[8px]"
2872    x-transition:enter-end="transform translate-x-0"
2873    class="w-full flex flex-col"
2874  >
2875    
2876      
2877
2878<li class="lg:hidden relative flex items-center gap-[16px] py-[20px] px-[20px] border-b border-grey-80">
2879  <span class="shrink-0 w-[20px] h-[16px] flex items-center justify-center">
2880    <span class="size-[4px] bg-primary"></span>
2881  </span>
2882  <a
2883    href="/pages/learn"
2884    
2885    class="box-link"
2886  >
2887    <span class="block nav-btn text-white">Our Story</span>
2888  </a>
2889</li>
2890
2891<li class="lg:block hidden">
2892  <a
2893    href="/pages/learn"
2894    
2895    class="h5-s8 font-bold !normal-case  text-grey-60 hover:text-black focus-visible:text-black transition-colors duration-300 ease-out"
2896  >
2897    Our Story
2898  </a>
2899</li>
2900
2901
2902
2903    
2904      
2905
2906<li class="lg:hidden relative flex items-center gap-[16px] py-[20px] px-[20px] border-b border-grey-80">
2907  <span class="shrink-0 w-[20px] h-[16px] flex items-center justify-center">
2908    <span class="size-[4px] bg-primary"></span>
2909  </span>
2910  <a
2911    href="/pages/about-dr-few"
2912    
2913    class="box-link"
2914  >
2915    <span class="block nav-btn text-white">About Dr. Julius Few</span>
2916  </a>
2917</li>
2918
2919<li class="lg:block hidden">
2920  <a
2921    href="/pages/about-dr-few"
2922    
2923    class="h5-s8 font-bold !normal-case  text-grey-60 hover:text-black focus-visible:text-black transition-colors duration-300 ease-out"
2924  >
2925    About Dr. Julius Few
2926  </a>
2927</li>
2928
2929
2930
2931    
2932      
2933
2934<li class="lg:hidden relative flex items-center gap-[16px] py-[20px] px-[20px] border-b border-grey-80">
2935  <span class="shrink-0 w-[20px] h-[16px] flex items-center justify-center">
2936    <span class="size-[4px] bg-primary"></span>
2937  </span>
2938  <a
2939    href="/pages/clean-dr-few"
2940    
2941    class="box-link"
2942  >
2943    <span class="block nav-btn text-white">Formulating Principals</span>
2944  </a>
2945</li>
2946
2947<li class="lg:block hidden">
2948  <a
2949    href="/pages/clean-dr-few"
2950    
2951    class="h5-s8 font-bold !normal-case  text-grey-60 hover:text-black focus-visible:text-black transition-colors duration-300 ease-out"
2952  >
2953    Formulating Principals
2954  </a>
2955</li>
2956
2957
2958
2959    
2960      
2961
2962<li class="lg:hidden relative flex items-center gap-[16px] py-[20px] px-[20px] border-b border-grey-80">
2963  <span class="shrink-0 w-[20px] h-[16px] flex items-center justify-center">
2964    <span class="size-[4px] bg-primary"></span>
2965  </span>
2966  <a
2967    href="/pages/the-few-institute"
2968    
2969    class="box-link"
2970  >
2971    <span class="block nav-btn text-white">The Few Institute</span>
2972  </a>
2973</li>
2974
2975<li class="lg:block hidden">
2976  <a
2977    href="/pages/the-few-institute"
2978    
2979    class="h5-s8 font-bold !normal-case  text-grey-60 hover:text-black focus-visible:text-black transition-colors duration-300 ease-out"
2980  >
2981    The Few Institute
2982  </a>
2983</li>
2984
2985
2986
2987    
2988      
2989
2990<li class="lg:hidden relative flex items-center gap-[16px] py-[20px] px-[20px] border-b border-grey-80">
2991  <span class="shrink-0 w-[20px] h-[16px] flex items-center justify-center">
2992    <span class="size-[4px] bg-primary"></span>
2993  </span>
2994  <a
2995    href="/blogs/in-the-news"
2996    
2997    class="box-link"
2998  >
2999    <span class="block nav-btn text-white">In the Press</span>
3000  </a>
3001</li>
3002
3003<li class="lg:block hidden">
3004  <a
3005    href="/blogs/in-the-news"
3006    
3007    class="h5-s8 font-bold !normal-case  text-grey-60 hover:text-black focus-visible:text-black transition-colors duration-300 ease-out"
3008  >
3009    In the Press
3010  </a>
3011</li>
3012
3013
3014
3015    
3016  </ul>
3017</div>
3018
3019<div class="hidden lg:flex flex-col gap-[24px] !lg:w-auto lg:flex-1 xl:mr-[80px] lg:mr-[40px] focus-visible:ring-opacity-0" tabindex="0">
3020  <div class="sh-3 lg:text-primary text-white">About</div>
3021  <ul class="flex flex-col md:gap-y-[12px] items-stretch gap-x-[16px] xl:gap-x-[32px]">
3022    
3023      
3024
3025<li class="lg:hidden relative flex items-center gap-[16px] py-[20px] px-[20px] border-b border-grey-80">
3026  <span class="shrink-0 w-[20px] h-[16px] flex items-center justify-center">
3027    <span class="size-[4px] bg-primary"></span>
3028  </span>
3029  <a
3030    href="/pages/learn"
3031    
3032    class="box-link"
3033  >
3034    <span class="block nav-btn text-white">Our Story</span>
3035  </a>
3036</li>
3037
3038<li class="lg:block hidden">
3039  <a
3040    href="/pages/learn"
3041    
3042    class="h5-s8 font-bold !normal-case  text-grey-60 hover:text-black focus-visible:text-black transition-colors duration-300 ease-out"
3043  >
3044    Our Story
3045  </a>
3046</li>
3047
3048
3049
3050    
3051      
3052
3053<li class="lg:hidden relative flex items-center gap-[16px] py-[20px] px-[20px] border-b border-grey-80">
3054  <span class="shrink-0 w-[20px] h-[16px] flex items-center justify-center">
3055    <span class="size-[4px] bg-primary"></span>
3056  </span>
3057  <a
3058    href="/pages/about-dr-few"
3059    
3060    class="box-link"
3061  >
3062    <span class="block nav-btn text-white">About Dr. Julius Few</span>
3063  </a>
3064</li>
3065
3066<li class="lg:block hidden">
3067  <a
3068    href="/pages/about-dr-few"
3069    
3070    class="h5-s8 font-bold !normal-case  text-grey-60 hover:text-black focus-visible:text-black transition-colors duration-300 ease-out"
3071  >
3072    About Dr. Julius Few
3073  </a>
3074</li>
3075
3076
3077
3078    
3079      
3080
3081<li class="lg:hidden relative flex items-center gap-[16px] py-[20px] px-[20px] border-b border-grey-80">
3082  <span class="shrink-0 w-[20px] h-[16px] flex items-center justify-center">
3083    <span class="size-[4px] bg-primary"></span>
3084  </span>
3085  <a
3086    href="/pages/clean-dr-few"
3087    
3088    class="box-link"
3089  >
3090    <span class="block nav-btn text-white">Formulating Principals</span>
3091  </a>
3092</li>
3093
3094<li class="lg:block hidden">
3095  <a
3096    href="/pages/clean-dr-few"
3097    
3098    class="h5-s8 font-bold !normal-case  text-grey-60 hover:text-black focus-visible:text-black transition-colors duration-300 ease-out"
3099  >
3100    Formulating Principals
3101  </a>
3102</li>
3103
3104
3105
3106    
3107      
3108
3109<li class="lg:hidden relative flex items-center gap-[16px] py-[20px] px-[20px] border-b border-grey-80">
3110  <span class="shrink-0 w-[20px] h-[16px] flex items-center justify-center">
3111    <span class="size-[4px] bg-primary"></span>
3112  </span>
3113  <a
3114    href="/pages/the-few-institute"
3115    
3116    class="box-link"
3117  >
3118    <span class="block nav-btn text-white">The Few Institute</span>
3119  </a>
3120</li>
3121
3122<li class="lg:block hidden">
3123  <a
3124    href="/pages/the-few-institute"
3125    
3126    class="h5-s8 font-bold !normal-case  text-grey-60 hover:text-black focus-visible:text-black transition-colors duration-300 ease-out"
3127  >
3128    The Few Institute
3129  </a>
3130</li>
3131
3132
3133
3134    
3135      
3136
3137<li class="lg:hidden relative flex items-center gap-[16px] py-[20px] px-[20px] border-b border-grey-80">
3138  <span class="shrink-0 w-[20px] h-[16px] flex items-center justify-center">
3139    <span class="size-[4px] bg-primary"></span>
3140  </span>
3141  <a
3142    href="/blogs/in-the-news"
3143    
3144    class="box-link"
3145  >
3146    <span class="block nav-btn text-white">In the Press</span>
3147  </a>
3148</li>
3149
3150<li class="lg:block hidden">
3151  <a
3152    href="/blogs/in-the-news"
3153    
3154    class="h5-s8 font-bold !normal-case  text-grey-60 hover:text-black focus-visible:text-black transition-colors duration-300 ease-out"
3155  >
3156    In the Press
3157  </a>
3158</li>
3159
3160
3161
3162    
3163    
3164  </ul>
3165</div>
3166
3167
3168					
3169				
3170					
3171
3172
3173<div class="lg:hidden">
3174  <div class="relative flex items-center justify-between gap-[24px] py-[20px] px-[20px] border-b border-grey-80">
3175    <button
3176      @click.prevent="mobileSubSubmenu = mobileSubSubmenu === 'Education' ? '' : 'Education'"
3177      class="box-link"
3178    >
3179      <span class="block nav-btn text-white">Education</span>
3180    </button>
3181    <span class="transition-transform transform rotate-0 duration-300 ease-linear" :class="{ 'rotate-180' : mobileSubmenu === 'Education' }">
3182
3183
3184
3185
3186
3187
3188<svg aria-hidden="true"  class="size-[24px] text-primary"  xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24">
3189                <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="2" d="m10 5.89844 4.5932 4.93936c.5424.5834.5424 1.5379 0 2.1212L10 17.8984"/>
3190            </svg>
3191</span>
3192  </div>
3193  <ul
3194    x-cloak="hidden"
3195    x-show="mobileSubSubmenu === 'Education'"
3196    x-transition:enter="transition-transform duration-300 ease-linear"
3197    x-transition:enter-start=" transform translate-x-[8px]"
3198    x-transition:enter-end="transform translate-x-0"
3199    class="w-full flex flex-col"
3200  >
3201    
3202      
3203
3204<li class="lg:hidden relative flex items-center gap-[16px] py-[20px] px-[20px] border-b border-grey-80">
3205  <span class="shrink-0 w-[20px] h-[16px] flex items-center justify-center">
3206    <span class="size-[4px] bg-primary"></span>
3207  </span>
3208  <a
3209    href="/blogs/news"
3210    
3211    class="box-link"
3212  >
3213    <span class="block nav-btn text-white">The Science of Few</span>
3214  </a>
3215</li>
3216
3217<li class="lg:block hidden">
3218  <a
3219    href="/blogs/news"
3220    
3221    class="h5-s8 font-bold !normal-case  text-grey-60 hover:text-black focus-visible:text-black transition-colors duration-300 ease-out"
3222  >
3223    The Science of Few
3224  </a>
3225</li>
3226
3227
3228
3229    
3230      
3231
3232<li class="lg:hidden relative flex items-center gap-[16px] py-[20px] px-[20px] border-b border-grey-80">
3233  <span class="shrink-0 w-[20px] h-[16px] flex items-center justify-center">
3234    <span class="size-[4px] bg-primary"></span>
3235  </span>
3236  <a
3237    href="/pages/our-clinical-results"
3238    
3239    class="box-link"
3240  >
3241    <span class="block nav-btn text-white">Clinical Results</span>
3242  </a>
3243</li>
3244
3245<li class="lg:block hidden">
3246  <a
3247    href="/pages/our-clinical-results"
3248    
3249    class="h5-s8 font-bold !normal-case  text-grey-60 hover:text-black focus-visible:text-black transition-colors duration-300 ease-out"
3250  >
3251    Clinical Results
3252  </a>
3253</li>
3254
3255
3256
3257    
3258      
3259
3260<li class="lg:hidden relative flex items-center gap-[16px] py-[20px] px-[20px] border-b border-grey-80">
3261  <span class="shrink-0 w-[20px] h-[16px] flex items-center justify-center">
3262    <span class="size-[4px] bg-primary"></span>
3263  </span>
3264  <a
3265    href="https://www.drfewskincare.com/blogs/ingredient-list/ingredient-list"
3266    
3267    class="box-link"
3268  >
3269    <span class="block nav-btn text-white">Ingredient Glossary</span>
3270  </a>
3271</li>
3272
3273<li class="lg:block hidden">
3274  <a
3275    href="https://www.drfewskincare.com/blogs/ingredient-list/ingredient-list"
3276    
3277    class="h5-s8 font-bold !normal-case  text-grey-60 hover:text-black focus-visible:text-black transition-colors duration-300 ease-out"
3278  >
3279    Ingredient Glossary
3280  </a>
3281</li>
3282
3283
3284
3285    
3286      
3287
3288<li class="lg:hidden relative flex items-center gap-[16px] py-[20px] px-[20px] border-b border-grey-80">
3289  <span class="shrink-0 w-[20px] h-[16px] flex items-center justify-center">
3290    <span class="size-[4px] bg-primary"></span>
3291  </span>
3292  <a
3293    href="/pages/faq"
3294    
3295    class="box-link"
3296  >
3297    <span class="block nav-btn text-white">FAQs</span>
3298  </a>
3299</li>
3300
3301<li class="lg:block hidden">
3302  <a
3303    href="/pages/faq"
3304    
3305    class="h5-s8 font-bold !normal-case  text-grey-60 hover:text-black focus-visible:text-black transition-colors duration-300 ease-out"
3306  >
3307    FAQs
3308  </a>
3309</li>
3310
3311
3312
3313    
3314  </ul>
3315</div>
3316
3317<div class="hidden lg:flex flex-col gap-[24px] !lg:w-auto lg:flex-1 xl:mr-[80px] lg:mr-[40px] focus-visible:ring-opacity-0" tabindex="0">
3318  <div class="sh-3 lg:text-primary text-white">Education</div>
3319  <ul class="flex flex-col md:gap-y-[12px] items-stretch gap-x-[16px] xl:gap-x-[32px]">
3320    
3321      
3322
3323<li class="lg:hidden relative flex items-center gap-[16px] py-[20px] px-[20px] border-b border-grey-80">
3324  <span class="shrink-0 w-[20px] h-[16px] flex items-center justify-center">
3325    <span class="size-[4px] bg-primary"></span>
3326  </span>
3327  <a
3328    href="/blogs/news"
3329    
3330    class="box-link"
3331  >
3332    <span class="block nav-btn text-white">The Science of Few</span>
3333  </a>
3334</li>
3335
3336<li class="lg:block hidden">
3337  <a
3338    href="/blogs/news"
3339    
3340    class="h5-s8 font-bold !normal-case  text-grey-60 hover:text-black focus-visible:text-black transition-colors duration-300 ease-out"
3341  >
3342    The Science of Few
3343  </a>
3344</li>
3345
3346
3347
3348    
3349      
3350
3351<li class="lg:hidden relative flex items-center gap-[16px] py-[20px] px-[20px] border-b border-grey-80">
3352  <span class="shrink-0 w-[20px] h-[16px] flex items-center justify-center">
3353    <span class="size-[4px] bg-primary"></span>
3354  </span>
3355  <a
3356    href="/pages/our-clinical-results"
3357    
3358    class="box-link"
3359  >
3360    <span class="block nav-btn text-white">Clinical Results</span>
3361  </a>
3362</li>
3363
3364<li class="lg:block hidden">
3365  <a
3366    href="/pages/our-clinical-results"
3367    
3368    class="h5-s8 font-bold !normal-case  text-grey-60 hover:text-black focus-visible:text-black transition-colors duration-300 ease-out"
3369  >
3370    Clinical Results
3371  </a>
3372</li>
3373
3374
3375
3376    
3377      
3378
3379<li class="lg:hidden relative flex items-center gap-[16px] py-[20px] px-[20px] border-b border-grey-80">
3380  <span class="shrink-0 w-[20px] h-[16px] flex items-center justify-center">
3381    <span class="size-[4px] bg-primary"></span>
3382  </span>
3383  <a
3384    href="https://www.drfewskincare.com/blogs/ingredient-list/ingredient-list"
3385    
3386    class="box-link"
3387  >
3388    <span class="block nav-btn text-white">Ingredient Glossary</span>
3389  </a>
3390</li>
3391
3392<li class="lg:block hidden">
3393  <a
3394    href="https://www.drfewskincare.com/blogs/ingredient-list/ingredient-list"
3395    
3396    class="h5-s8 font-bold !normal-case  text-grey-60 hover:text-black focus-visible:text-black transition-colors duration-300 ease-out"
3397  >
3398    Ingredient Glossary
3399  </a>
3400</li>
3401
3402
3403
3404    
3405      
3406
3407<li class="lg:hidden relative flex items-center gap-[16px] py-[20px] px-[20px] border-b border-grey-80">
3408  <span class="shrink-0 w-[20px] h-[16px] flex items-center justify-center">
3409    <span class="size-[4px] bg-primary"></span>
3410  </span>
3411  <a
3412    href="/pages/faq"
3413    
3414    class="box-link"
3415  >
3416    <span class="block nav-btn text-white">FAQs</span>
3417  </a>
3418</li>
3419
3420<li class="lg:block hidden">
3421  <a
3422    href="/pages/faq"
3423    
3424    class="h5-s8 font-bold !normal-case  text-grey-60 hover:text-black focus-visible:text-black transition-colors duration-300 ease-out"
3425  >
3426    FAQs
3427  </a>
3428</li>
3429
3430
3431
3432    
3433    
3434  </ul>
3435</div>
3436
3437
3438					
3439				
3440					
3441<div class="group relative w-[25%] lg:mr-[24px] lg:block hidden">
3442	
3443	<div class="aspect-[1] rounded-[20px] overflow-hidden">
3444		
3445			<picture>
3446				<source
3447					media="(min-width: 768px)"
3448					srcset="
3449						//www.drfewskincare.com/cdn/shop/files/11db4342f8f9204c8de09c1c180a3f0d2096e068.jpg?crop=center&height=500&v=1746809480&width=395,
3450						//www.drfewskincare.com/cdn/shop/files/11db4342f8f9204c8de09c1c180a3f0d2096e068.jpg?crop=center&height=1000&v=1746809480&width=790 2x
3451					"
3452				>
3453				<img
3454					src="//www.drfewskincare.com/cdn/shop/files/11db4342f8f9204c8de09c1c180a3f0d2096e068.jpg?crop=center&height=380&v=1746809480&width=300"
3455					srcset="
3456						//www.drfewskincare.com/cdn/shop/files/11db4342f8f9204c8de09c1c180a3f0d2096e068.jpg?crop=center&height=760&v=1746809480&width=600 2x,
3457						//www.drfewskincare.com/cdn/shop/files/11db4342f8f9204c8de09c1c180a3f0d2096e068.jpg?crop=center&height=1140&v=1746809480&width=900 3x
3458					"
3459					width="300"
3460					height="380"
3461					alt=""
3462					loading="lazy"
3463					class="w-full h-full object-cover object-center group-hover:scale-[1.05] transition-transform ease-in-out duration-300 origin-center"
3464				>
3465			</picture>
3466		
3467	</div>
3468
3469	
3470	<div class="mt-[32px] flex items-start justify-between gap-[8px]">
3471		<h3>
3472			<a class="box-link h5-s8 grow !normal-case block" href="/pages/about-dr-few"> Meet Dr. Julius Few</a>
3473		</h3>
3474	</div>
3475</div>
3476
3477
3478
3479
3480					
3481				
3482					
3483<div class="group relative w-[25%] lg:mr-[24px] lg:block hidden">
3484	
3485	<div class="aspect-[1] rounded-[20px] overflow-hidden">
3486		
3487			<picture>
3488				<source
3489					media="(min-width: 768px)"
3490					srcset="
3491						//www.drfewskincare.com/cdn/shop/files/Core_Four_Bottles_1_reduced_b58d7539-b802-49dd-9018-10576590199e.jpg?crop=center&height=500&v=1772477359&width=395,
3492						//www.drfewskincare.com/cdn/shop/files/Core_Four_Bottles_1_reduced_b58d7539-b802-49dd-9018-10576590199e.jpg?crop=center&height=1000&v=1772477359&width=790 2x
3493					"
3494				>
3495				<img
3496					src="//www.drfewskincare.com/cdn/shop/files/Core_Four_Bottles_1_reduced_b58d7539-b802-49dd-9018-10576590199e.jpg?crop=center&height=380&v=1772477359&width=300"
3497					srcset="
3498						//www.drfewskincare.com/cdn/shop/files/Core_Four_Bottles_1_reduced_b58d7539-b802-49dd-9018-10576590199e.jpg?crop=center&height=760&v=1772477359&width=600 2x,
3499						//www.drfewskincare.com/cdn/shop/files/Core_Four_Bottles_1_reduced_b58d7539-b802-49dd-9018-10576590199e.jpg?crop=center&height=1140&v=1772477359&width=900 3x
3500					"
3501					width="300"
3502					height="380"
3503					alt=""
3504					loading="lazy"
3505					class="w-full h-full object-cover object-center group-hover:scale-[1.05] transition-transform ease-in-out duration-300 origin-center"
3506				>
3507			</picture>
3508		
3509	</div>
3510
3511	
3512	<div class="mt-[32px] flex items-start justify-between gap-[8px]">
3513		<h3>
3514			<a class="box-link h5-s8 grow !normal-case block" href="/blogs/news"> The Science of Few</a>
3515		</h3>
3516	</div>
3517</div>
3518
3519
3520
3521
3522					
3523				
3524			</div>
3525		</div>
3526	</div>
3527
3528  
3529	<div
3530		class="lg:hidden relative flex items-center justify-between gap-[24px] py-[20px] px-[20px] border-b border-grey-80"
3531		x-cloak
3532		x-show="mobileSubmenu == ''"
3533	>
3534		<button
3535			@click="$store.dropdowns.toggle('AN1YzRFVOWThqS3BXd__header_dropdown_qM87Yh-1'); searchOpen = false"
3536			class="box-link"
3537		>
3538			<span class="block nav-btn text-white">Discover</span>
3539		</button>
3540		<span class="transition-transform transform rotate-0 duration-300 ease-linear" :class="{ 'rotate-180' : mobileSubmenu === 'Discover' }">
3541
3542
3543
3544
3545
3546
3547<svg aria-hidden="true"  class="size-[24px] text-primary"  xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24">
3548                <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="2" d="m10 5.89844 4.5932 4.93936c.5424.5834.5424 1.5379 0 2.1212L10 17.8984"/>
3549            </svg>
3550</span>
3551	</div>
3552	<ul
3553		class="lg:hidden absolute inset-0 z-[202] bg-black overflow-y-auto pb-[60px]"
3554		x-cloak
3555		x-init="$store.dropdowns.add('AN1YzRFVOWThqS3BXd__header_dropdown_qM87Yh-1')"
3556		x-show="$store.dropdowns.isVisible('AN1YzRFVOWThqS3BXd__header_dropdown_qM87Yh-1')"
3557		x-trap="$store.dropdowns.isVisible('AN1YzRFVOWThqS3BXd__header_dropdown_qM87Yh-1')"
3558	>
3559		<li class="lg:hidden relative flex items-center justify-start gap-[24px] py-[20px] px-[20px] border-b border-grey-80">
3560			<span class="transition-transform transform duration-300 ease-linear rotate-180">
3561
3562
3563
3564
3565
3566
3567<svg aria-hidden="true"  class="size-[24px] text-primary"  xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24">
3568                <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="2" d="m10 5.89844 4.5932 4.93936c.5424.5834.5424 1.5379 0 2.1212L10 17.8984"/>
3569            </svg>
3570</span>
3571			<button
3572				@click="$store.dropdowns.toggle('AN1YzRFVOWThqS3BXd__header_dropdown_qM87Yh-1'); searchOpen = false"
3573				class="box-link"
3574			>
3575				<span class="block nav-btn text-white">Discover</span>
3576			</button>
3577		</li>
3578			
3579			  
3580
3581
3582<div class="lg:hidden">
3583  <div class="relative flex items-center justify-between gap-[24px] py-[20px] px-[20px] border-b border-grey-80">
3584    <button
3585      @click.prevent="mobileSubSubmenu = mobileSubSubmenu === 'About' ? '' : 'About'"
3586      class="box-link"
3587    >
3588      <span class="block nav-btn text-white">About</span>
3589    </button>
3590    <span class="transition-transform transform rotate-0 duration-300 ease-linear" :class="{ 'rotate-180' : mobileSubmenu === 'About' }">
3591
3592
3593
3594
3595
3596
3597<svg aria-hidden="true"  class="size-[24px] text-primary"  xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24">
3598                <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="2" d="m10 5.89844 4.5932 4.93936c.5424.5834.5424 1.5379 0 2.1212L10 17.8984"/>
3599            </svg>
3600</span>
3601  </div>
3602  <ul
3603    x-cloak="hidden"
3604    x-show="mobileSubSubmenu === 'About'"
3605    x-transition:enter="transition-transform duration-300 ease-linear"
3606    x-transition:enter-start=" transform translate-x-[8px]"
3607    x-transition:enter-end="transform translate-x-0"
3608    class="w-full flex flex-col"
3609  >
3610    
3611      
3612
3613<li class="lg:hidden relative flex items-center gap-[16px] py-[20px] px-[20px] border-b border-grey-80">
3614  <span class="shrink-0 w-[20px] h-[16px] flex items-center justify-center">
3615    <span class="size-[4px] bg-primary"></span>
3616  </span>
3617  <a
3618    href="/pages/learn"
3619    
3620    class="box-link"
3621  >
3622    <span class="block nav-btn text-white">Our Story</span>
3623  </a>
3624</li>
3625
3626<li class="lg:block hidden">
3627  <a
3628    href="/pages/learn"
3629    
3630    class="h5-s8 font-bold !normal-case  text-grey-60 hover:text-black focus-visible:text-black transition-colors duration-300 ease-out"
3631  >
3632    Our Story
3633  </a>
3634</li>
3635
3636
3637
3638    
3639      
3640
3641<li class="lg:hidden relative flex items-center gap-[16px] py-[20px] px-[20px] border-b border-grey-80">
3642  <span class="shrink-0 w-[20px] h-[16px] flex items-center justify-center">
3643    <span class="size-[4px] bg-primary"></span>
3644  </span>
3645  <a
3646    href="/pages/about-dr-few"
3647    
3648    class="box-link"
3649  >
3650    <span class="block nav-btn text-white">About Dr. Julius Few</span>
3651  </a>
3652</li>
3653
3654<li class="lg:block hidden">
3655  <a
3656    href="/pages/about-dr-few"
3657    
3658    class="h5-s8 font-bold !normal-case  text-grey-60 hover:text-black focus-visible:text-black transition-colors duration-300 ease-out"
3659  >
3660    About Dr. Julius Few
3661  </a>
3662</li>
3663
3664
3665
3666    
3667      
3668
3669<li class="lg:hidden relative flex items-center gap-[16px] py-[20px] px-[20px] border-b border-grey-80">
3670  <span class="shrink-0 w-[20px] h-[16px] flex items-center justify-center">
3671    <span class="size-[4px] bg-primary"></span>
3672  </span>
3673  <a
3674    href="/pages/clean-dr-few"
3675    
3676    class="box-link"
3677  >
3678    <span class="block nav-btn text-white">Formulating Principals</span>
3679  </a>
3680</li>
3681
3682<li class="lg:block hidden">
3683  <a
3684    href="/pages/clean-dr-few"
3685    
3686    class="h5-s8 font-bold !normal-case  text-grey-60 hover:text-black focus-visible:text-black transition-colors duration-300 ease-out"
3687  >
3688    Formulating Principals
3689  </a>
3690</li>
3691
3692
3693
3694    
3695      
3696
3697<li class="lg:hidden relative flex items-center gap-[16px] py-[20px] px-[20px] border-b border-grey-80">
3698  <span class="shrink-0 w-[20px] h-[16px] flex items-center justify-center">
3699    <span class="size-[4px] bg-primary"></span>
3700  </span>
3701  <a
3702    href="/pages/the-few-institute"
3703    
3704    class="box-link"
3705  >
3706    <span class="block nav-btn text-white">The Few Institute</span>
3707  </a>
3708</li>
3709
3710<li class="lg:block hidden">
3711  <a
3712    href="/pages/the-few-institute"
3713    
3714    class="h5-s8 font-bold !normal-case  text-grey-60 hover:text-black focus-visible:text-black transition-colors duration-300 ease-out"
3715  >
3716    The Few Institute
3717  </a>
3718</li>
3719
3720
3721
3722    
3723      
3724
3725<li class="lg:hidden relative flex items-center gap-[16px] py-[20px] px-[20px] border-b border-grey-80">
3726  <span class="shrink-0 w-[20px] h-[16px] flex items-center justify-center">
3727    <span class="size-[4px] bg-primary"></span>
3728  </span>
3729  <a
3730    href="/blogs/in-the-news"
3731    
3732    class="box-link"
3733  >
3734    <span class="block nav-btn text-white">In the Press</span>
3735  </a>
3736</li>
3737
3738<li class="lg:block hidden">
3739  <a
3740    href="/blogs/in-the-news"
3741    
3742    class="h5-s8 font-bold !normal-case  text-grey-60 hover:text-black focus-visible:text-black transition-colors duration-300 ease-out"
3743  >
3744    In the Press
3745  </a>
3746</li>
3747
3748
3749
3750    
3751  </ul>
3752</div>
3753
3754<div class="hidden lg:flex flex-col gap-[24px] !lg:w-auto lg:flex-1 xl:mr-[80px] lg:mr-[40px] focus-visible:ring-opacity-0" tabindex="0">
3755  <div class="sh-3 lg:text-primary text-white">About</div>
3756  <ul class="flex flex-col md:gap-y-[12px] items-stretch gap-x-[16px] xl:gap-x-[32px]">
3757    
3758      
3759
3760<li class="lg:hidden relative flex items-center gap-[16px] py-[20px] px-[20px] border-b border-grey-80">
3761  <span class="shrink-0 w-[20px] h-[16px] flex items-center justify-center">
3762    <span class="size-[4px] bg-primary"></span>
3763  </span>
3764  <a
3765    href="/pages/learn"
3766    
3767    class="box-link"
3768  >
3769    <span class="block nav-btn text-white">Our Story</span>
3770  </a>
3771</li>
3772
3773<li class="lg:block hidden">
3774  <a
3775    href="/pages/learn"
3776    
3777    class="h5-s8 font-bold !normal-case  text-grey-60 hover:text-black focus-visible:text-black transition-colors duration-300 ease-out"
3778  >
3779    Our Story
3780  </a>
3781</li>
3782
3783
3784
3785    
3786      
3787
3788<li class="lg:hidden relative flex items-center gap-[16px] py-[20px] px-[20px] border-b border-grey-80">
3789  <span class="shrink-0 w-[20px] h-[16px] flex items-center justify-center">
3790    <span class="size-[4px] bg-primary"></span>
3791  </span>
3792  <a
3793    href="/pages/about-dr-few"
3794    
3795    class="box-link"
3796  >
3797    <span class="block nav-btn text-white">About Dr. Julius Few</span>
3798  </a>
3799</li>
3800
3801<li class="lg:block hidden">
3802  <a
3803    href="/pages/about-dr-few"
3804    
3805    class="h5-s8 font-bold !normal-case  text-grey-60 hover:text-black focus-visible:text-black transition-colors duration-300 ease-out"
3806  >
3807    About Dr. Julius Few
3808  </a>
3809</li>
3810
3811
3812
3813    
3814      
3815
3816<li class="lg:hidden relative flex items-center gap-[16px] py-[20px] px-[20px] border-b border-grey-80">
3817  <span class="shrink-0 w-[20px] h-[16px] flex items-center justify-center">
3818    <span class="size-[4px] bg-primary"></span>
3819  </span>
3820  <a
3821    href="/pages/clean-dr-few"
3822    
3823    class="box-link"
3824  >
3825    <span class="block nav-btn text-white">Formulating Principals</span>
3826  </a>
3827</li>
3828
3829<li class="lg:block hidden">
3830  <a
3831    href="/pages/clean-dr-few"
3832    
3833    class="h5-s8 font-bold !normal-case  text-grey-60 hover:text-black focus-visible:text-black transition-colors duration-300 ease-out"
3834  >
3835    Formulating Principals
3836  </a>
3837</li>
3838
3839
3840
3841    
3842      
3843
3844<li class="lg:hidden relative flex items-center gap-[16px] py-[20px] px-[20px] border-b border-grey-80">
3845  <span class="shrink-0 w-[20px] h-[16px] flex items-center justify-center">
3846    <span class="size-[4px] bg-primary"></span>
3847  </span>
3848  <a
3849    href="/pages/the-few-institute"
3850    
3851    class="box-link"
3852  >
3853    <span class="block nav-btn text-white">The Few Institute</span>
3854  </a>
3855</li>
3856
3857<li class="lg:block hidden">
3858  <a
3859    href="/pages/the-few-institute"
3860    
3861    class="h5-s8 font-bold !normal-case  text-grey-60 hover:text-black focus-visible:text-black transition-colors duration-300 ease-out"
3862  >
3863    The Few Institute
3864  </a>
3865</li>
3866
3867
3868
3869    
3870      
3871
3872<li class="lg:hidden relative flex items-center gap-[16px] py-[20px] px-[20px] border-b border-grey-80">
3873  <span class="shrink-0 w-[20px] h-[16px] flex items-center justify-center">
3874    <span class="size-[4px] bg-primary"></span>
3875  </span>
3876  <a
3877    href="/blogs/in-the-news"
3878    
3879    class="box-link"
3880  >
3881    <span class="block nav-btn text-white">In the Press</span>
3882  </a>
3883</li>
3884
3885<li class="lg:block hidden">
3886  <a
3887    href="/blogs/in-the-news"
3888    
3889    class="h5-s8 font-bold !normal-case  text-grey-60 hover:text-black focus-visible:text-black transition-colors duration-300 ease-out"
3890  >
3891    In the Press
3892  </a>
3893</li>
3894
3895
3896
3897    
3898    
3899  </ul>
3900</div>
3901
3902
3903			
3904			  
3905
3906
3907<div class="lg:hidden">
3908  <div class="relative flex items-center justify-between gap-[24px] py-[20px] px-[20px] border-b border-grey-80">
3909    <button
3910      @click.prevent="mobileSubSubmenu = mobileSubSubmenu === 'Education' ? '' : 'Education'"
3911      class="box-link"
3912    >
3913      <span class="block nav-btn text-white">Education</span>
3914    </button>
3915    <span class="transition-transform transform rotate-0 duration-300 ease-linear" :class="{ 'rotate-180' : mobileSubmenu === 'Education' }">
3916
3917
3918
3919
3920
3921
3922<svg aria-hidden="true"  class="size-[24px] text-primary"  xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24">
3923                <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="2" d="m10 5.89844 4.5932 4.93936c.5424.5834.5424 1.5379 0 2.1212L10 17.8984"/>
3924            </svg>
3925</span>
3926  </div>
3927  <ul
3928    x-cloak="hidden"
3929    x-show="mobileSubSubmenu === 'Education'"
3930    x-transition:enter="transition-transform duration-300 ease-linear"
3931    x-transition:enter-start=" transform translate-x-[8px]"
3932    x-transition:enter-end="transform translate-x-0"
3933    class="w-full flex flex-col"
3934  >
3935    
3936      
3937
3938<li class="lg:hidden relative flex items-center gap-[16px] py-[20px] px-[20px] border-b border-grey-80">
3939  <span class="shrink-0 w-[20px] h-[16px] flex items-center justify-center">
3940    <span class="size-[4px] bg-primary"></span>
3941  </span>
3942  <a
3943    href="/blogs/news"
3944    
3945    class="box-link"
3946  >
3947    <span class="block nav-btn text-white">The Science of Few</span>
3948  </a>
3949</li>
3950
3951<li class="lg:block hidden">
3952  <a
3953    href="/blogs/news"
3954    
3955    class="h5-s8 font-bold !normal-case  text-grey-60 hover:text-black focus-visible:text-black transition-colors duration-300 ease-out"
3956  >
3957    The Science of Few
3958  </a>
3959</li>
3960
3961
3962
3963    
3964      
3965
3966<li class="lg:hidden relative flex items-center gap-[16px] py-[20px] px-[20px] border-b border-grey-80">
3967  <span class="shrink-0 w-[20px] h-[16px] flex items-center justify-center">
3968    <span class="size-[4px] bg-primary"></span>
3969  </span>
3970  <a
3971    href="/pages/our-clinical-results"
3972    
3973    class="box-link"
3974  >
3975    <span class="block nav-btn text-white">Clinical Results</span>
3976  </a>
3977</li>
3978
3979<li class="lg:block hidden">
3980  <a
3981    href="/pages/our-clinical-results"
3982    
3983    class="h5-s8 font-bold !normal-case  text-grey-60 hover:text-black focus-visible:text-black transition-colors duration-300 ease-out"
3984  >
3985    Clinical Results
3986  </a>
3987</li>
3988
3989
3990
3991    
3992      
3993
3994<li class="lg:hidden relative flex items-center gap-[16px] py-[20px] px-[20px] border-b border-grey-80">
3995  <span class="shrink-0 w-[20px] h-[16px] flex items-center justify-center">
3996    <span class="size-[4px] bg-primary"></span>
3997  </span>
3998  <a
3999    href="https://www.drfewskincare.com/blogs/ingredient-list/ingredient-list"
4000    
4001    class="box-link"
4002  >
4003    <span class="block nav-btn text-white">Ingredient Glossary</span>
4004  </a>
4005</li>
4006
4007<li class="lg:block hidden">
4008  <a
4009    href="https://www.drfewskincare.com/blogs/ingredient-list/ingredient-list"
4010    
4011    class="h5-s8 font-bold !normal-case  text-grey-60 hover:text-black focus-visible:text-black transition-colors duration-300 ease-out"
4012  >
4013    Ingredient Glossary
4014  </a>
4015</li>
4016
4017
4018
4019    
4020      
4021
4022<li class="lg:hidden relative flex items-center gap-[16px] py-[20px] px-[20px] border-b border-grey-80">
4023  <span class="shrink-0 w-[20px] h-[16px] flex items-center justify-center">
4024    <span class="size-[4px] bg-primary"></span>
4025  </span>
4026  <a
4027    href="/pages/faq"
4028    
4029    class="box-link"
4030  >
4031    <span class="block nav-btn text-white">FAQs</span>
4032  </a>
4033</li>
4034
4035<li class="lg:block hidden">
4036  <a
4037    href="/pages/faq"
4038    
4039    class="h5-s8 font-bold !normal-case  text-grey-60 hover:text-black focus-visible:text-black transition-colors duration-300 ease-out"
4040  >
4041    FAQs
4042  </a>
4043</li>
4044
4045
4046
4047    
4048  </ul>
4049</div>
4050
4051<div class="hidden lg:flex flex-col gap-[24px] !lg:w-auto lg:flex-1 xl:mr-[80px] lg:mr-[40px] focus-visible:ring-opacity-0" tabindex="0">
4052  <div class="sh-3 lg:text-primary text-white">Education</div>
4053  <ul class="flex flex-col md:gap-y-[12px] items-stretch gap-x-[16px] xl:gap-x-[32px]">
4054    
4055      
4056
4057<li class="lg:hidden relative flex items-center gap-[16px] py-[20px] px-[20px] border-b border-grey-80">
4058  <span class="shrink-0 w-[20px] h-[16px] flex items-center justify-center">
4059    <span class="size-[4px] bg-primary"></span>
4060  </span>
4061  <a
4062    href="/blogs/news"
4063    
4064    class="box-link"
4065  >
4066    <span class="block nav-btn text-white">The Science of Few</span>
4067  </a>
4068</li>
4069
4070<li class="lg:block hidden">
4071  <a
4072    href="/blogs/news"
4073    
4074    class="h5-s8 font-bold !normal-case  text-grey-60 hover:text-black focus-visible:text-black transition-colors duration-300 ease-out"
4075  >
4076    The Science of Few
4077  </a>
4078</li>
4079
4080
4081
4082    
4083      
4084
4085<li class="lg:hidden relative flex items-center gap-[16px] py-[20px] px-[20px] border-b border-grey-80">
4086  <span class="shrink-0 w-[20px] h-[16px] flex items-center justify-center">
4087    <span class="size-[4px] bg-primary"></span>
4088  </span>
4089  <a
4090    href="/pages/our-clinical-results"
4091    
4092    class="box-link"
4093  >
4094    <span class="block nav-btn text-white">Clinical Results</span>
4095  </a>
4096</li>
4097
4098<li class="lg:block hidden">
4099  <a
4100    href="/pages/our-clinical-results"
4101    
4102    class="h5-s8 font-bold !normal-case  text-grey-60 hover:text-black focus-visible:text-black transition-colors duration-300 ease-out"
4103  >
4104    Clinical Results
4105  </a>
4106</li>
4107
4108
4109
4110    
4111      
4112
4113<li class="lg:hidden relative flex items-center gap-[16px] py-[20px] px-[20px] border-b border-grey-80">
4114  <span class="shrink-0 w-[20px] h-[16px] flex items-center justify-center">
4115    <span class="size-[4px] bg-primary"></span>
4116  </span>
4117  <a
4118    href="https://www.drfewskincare.com/blogs/ingredient-list/ingredient-list"
4119    
4120    class="box-link"
4121  >
4122    <span class="block nav-btn text-white">Ingredient Glossary</span>
4123  </a>
4124</li>
4125
4126<li class="lg:block hidden">
4127  <a
4128    href="https://www.drfewskincare.com/blogs/ingredient-list/ingredient-list"
4129    
4130    class="h5-s8 font-bold !normal-case  text-grey-60 hover:text-black focus-visible:text-black transition-colors duration-300 ease-out"
4131  >
4132    Ingredient Glossary
4133  </a>
4134</li>
4135
4136
4137
4138    
4139      
4140
4141<li class="lg:hidden relative flex items-center gap-[16px] py-[20px] px-[20px] border-b border-grey-80">
4142  <span class="shrink-0 w-[20px] h-[16px] flex items-center justify-center">
4143    <span class="size-[4px] bg-primary"></span>
4144  </span>
4145  <a
4146    href="/pages/faq"
4147    
4148    class="box-link"
4149  >
4150    <span class="block nav-btn text-white">FAQs</span>
4151  </a>
4152</li>
4153
4154<li class="lg:block hidden">
4155  <a
4156    href="/pages/faq"
4157    
4158    class="h5-s8 font-bold !normal-case  text-grey-60 hover:text-black focus-visible:text-black transition-colors duration-300 ease-out"
4159  >
4160    FAQs
4161  </a>
4162</li>
4163
4164
4165
4166    
4167    
4168  </ul>
4169</div>
4170
4171
4172			
4173			  
4174<div class="group relative w-[25%] lg:mr-[24px] lg:block hidden">
4175	
4176	<div class="aspect-[1] rounded-[20px] overflow-hidden">
4177		
4178			<picture>
4179				<source
4180					media="(min-width: 768px)"
4181					srcset="
4182						//www.drfewskincare.com/cdn/shop/files/11db4342f8f9204c8de09c1c180a3f0d2096e068.jpg?crop=center&height=500&v=1746809480&width=395,
4183						//www.drfewskincare.com/cdn/shop/files/11db4342f8f9204c8de09c1c180a3f0d2096e068.jpg?crop=center&height=1000&v=1746809480&width=790 2x
4184					"
4185				>
4186				<img
4187					src="//www.drfewskincare.com/cdn/shop/files/11db4342f8f9204c8de09c1c180a3f0d2096e068.jpg?crop=center&height=380&v=1746809480&width=300"
4188					srcset="
4189						//www.drfewskincare.com/cdn/shop/files/11db4342f8f9204c8de09c1c180a3f0d2096e068.jpg?crop=center&height=760&v=1746809480&width=600 2x,
4190						//www.drfewskincare.com/cdn/shop/files/11db4342f8f9204c8de09c1c180a3f0d2096e068.jpg?crop=center&height=1140&v=1746809480&width=900 3x
4191					"
4192					width="300"
4193					height="380"
4194					alt=""
4195					loading="lazy"
4196					class="w-full h-full object-cover object-center group-hover:scale-[1.05] transition-transform ease-in-out duration-300 origin-center"
4197				>
4198			</picture>
4199		
4200	</div>
4201
4202	
4203	<div class="mt-[32px] flex items-start justify-between gap-[8px]">
4204		<h3>
4205			<a class="box-link h5-s8 grow !normal-case block" href="/pages/about-dr-few"> Meet Dr. Julius Few</a>
4206		</h3>
4207	</div>
4208</div>
4209
4210
4211
4212
4213			
4214			  
4215<div class="group relative w-[25%] lg:mr-[24px] lg:block hidden">
4216	
4217	<div class="aspect-[1] rounded-[20px] overflow-hidden">
4218		
4219			<picture>
4220				<source
4221					media="(min-width: 768px)"
4222					srcset="
4223						//www.drfewskincare.com/cdn/shop/files/Core_Four_Bottles_1_reduced_b58d7539-b802-49dd-9018-10576590199e.jpg?crop=center&height=500&v=1772477359&width=395,
4224						//www.drfewskincare.com/cdn/shop/files/Core_Four_Bottles_1_reduced_b58d7539-b802-49dd-9018-10576590199e.jpg?crop=center&height=1000&v=1772477359&width=790 2x
4225					"
4226				>
4227				<img
4228					src="//www.drfewskincare.com/cdn/shop/files/Core_Four_Bottles_1_reduced_b58d7539-b802-49dd-9018-10576590199e.jpg?crop=center&height=380&v=1772477359&width=300"
4229					srcset="
4230						//www.drfewskincare.com/cdn/shop/files/Core_Four_Bottles_1_reduced_b58d7539-b802-49dd-9018-10576590199e.jpg?crop=center&height=760&v=1772477359&width=600 2x,
4231						//www.drfewskincare.com/cdn/shop/files/Core_Four_Bottles_1_reduced_b58d7539-b802-49dd-9018-10576590199e.jpg?crop=center&height=1140&v=1772477359&width=900 3x
4232					"
4233					width="300"
4234					height="380"
4235					alt=""
4236					loading="lazy"
4237					class="w-full h-full object-cover object-center group-hover:scale-[1.05] transition-transform ease-in-out duration-300 origin-center"
4238				>
4239			</picture>
4240		
4241	</div>
4242
4243	
4244	<div class="mt-[32px] flex items-start justify-between gap-[8px]">
4245		<h3>
4246			<a class="box-link h5-s8 grow !normal-case block" href="/blogs/news"> The Science of Few</a>
4247		</h3>
4248	</div>
4249</div>
4250
4251
4252
4253
4254			
4255	</ul>
4256</li>
4257
4258
4259
4260          
4261            <li class="lg:flex items-stretch justify-center group">
4262	
4263	<div class="lg:flex hidden">
4264		<a
4265			href="/blogs/news"
4266			
4267			class="relative flex items-center justify-center gap-[4px]"
4268		>
4269			<span class="text-black nav-btn flex items-center">
4270				The Science of Few
4271			</span>
4272		</a>
4273	</div>
4274
4275	
4276	<div
4277		class="lg:hidden relative flex items-center justify-between gap-[24px] py-[20px] px-[20px] border-b border-grey-80"
4278		x-cloak
4279		x-show="mobileSubmenu == ''"
4280	>
4281		<a
4282			href="/blogs/news"
4283		>
4284			<span class="block nav-btn text-white">The Science of Few</span>
4285		</a>
4286	</div>
4287</li>
4288
4289
4290          
4291        </ul>
4292
4293			</nav>
4294
4295			
4296			<nav class="shrink-0 flex items-center">
4297				<ul class="flex items-center justify-center gap-[16px] md:gap-[24px]">
4298					<li class="shrink-0 size-[32px]">
4299						
4300							<a
4301								href="/search"
4302								aria-label="Open Search Page"
4303								class="group relative flex items-center"
4304							>
4305								<span class="absolute inset-0 size-full bg-secondary-grey rounded-full z-[0] scale-0 md:group-hover:scale-100 transition-transform duration-300 ease-out"></span>
4306								
4307
4308
4309
4310
4311
4312
4313<svg aria-hidden="true"  class="relative text-black size-[32px]"  xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 32 32">
4314                <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15.5837 23.4998c4.3722 0 7.9166-3.5444 7.9166-7.9166 0-4.3723-3.5444-7.9167-7.9166-7.9167-4.3723 0-7.916
431471 3.5444-7.91671 7.9167 0 4.3722 3.54441 7.9166 7.91671 7.9166ZM24.333 24.3335l-2.5-2.5"/>
4315            </svg>
4316
4317							</a>
4318						
4319					</li>
4320					
4321						<li class="shrink-0 size-[32px]">
4322							<button
4323								aria-label="Open Mini-Cart"
4324								:aria-label="$store.common.minicartOpen ? 'Close Mini-Cart' : 'Open Mini-Cart'"
4325								class="group relative flex items-center"
4326								@click.prevent="
4327									$store.common.mobileNavOpen = false;
4328									$store.common.searchModalOpen = false;
4329									$store.common.minicartOpen = !$store.common.minicartOpen;
4330								"
4331							>
4332								<span class="absolute inset-0 size-full bg-secondary-grey rounded-full z-[0] scale-0 md:group-hover:scale-100 transition-transform duration-300 ease-out"></span>
4333								
4334
4335
4336
4337
4338
4339
4340<svg aria-hidden="true"  class="relative text-black size-[32px]"  xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 32 32">
4341                <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="2" d="M11.5 11.67v-.97c0-2.24999 1.81-4.45999 4.06-4.66999 2.68-.26 4.94 1.85 4.94 4.47999v1.38M12.9998 26h6c4.02 0 4.74-1.61 4.95-3.57l.75-6c.27-2.44-.43-4.43-4.7-4.43h-8c-4.26997 0-4.96997 1.99-4.69997 4.43l.75 6c.21 1.96.93 3.57 4.94997 3.57Z"/>
4342                <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="3" d="M19.4955 16h.009M12.4945 16h.009"/>
4343            </svg>
4344            
4345        
4346
4347								<template x-if="$store.cart.count > 0">
4348									<span class="bg-primary rounded-full size-[16px] absolute top-[4px] right-[2px] flex items-center justify-center">
4349										<span
4350											x-text="$store.cart.count"
4351											class="!text-black font-subheading font-semibold text-[8px] leading-[9px]"
4352										>
4353											0
4354										</span>
4355										<span class="sr-only"> Items in cart </span>
4356									</span>
4357								</template>
4358							</button>
4359						</li>
4360					
4361				</ul>
4362			</nav>
4363		</div>
4364	</div>
4365</div>
4366
4367
4368</header>
4369		<div id="shopify-section-layout-minicart" class="shopify-section">
4370
4371<div x-data class="relative z-[50]">
4372	<div
4373		x-cloak
4374		x-show="$store.common.minicartOpen"
4375		x-transition:enter-start="opacity-0"
4376		x-transition:leave="opacity-0 delay-100"
4377		class="overlay fixed h-screen w-full inset-0 bg-black/40 transition ease-in-out duration-300"
4378	></div>
4379
4380	<div
4381		x-cloak
4382		x-show="$store.common.minicartOpen"
4383		x-transition:enter-start="opacity-0 max-md:-translate-y-full md:translate-x-full"
4384		x-transition:leave="opacity-0 max-md:-translate-y-full md:translate-x-full delay-100"
4385		@minicart-open.window="$store.common.minicartOpen = true;"
4386		@keyup.window.escape="$store.common.minicartOpen = false"
4387		@click.outside.prevent="$store.common.minicartOpen = false;"
4388		x-trap.noscroll.noautofocus="$store.common.minicartOpen"
4389		class="bg-white fixed flex flex-col top-0 right-0 w-full md:max-w-[492px] max-md:rounded-b-[20px] transition ease-in-out duration-300 overflow-auto scrollbar-hide"
4390    :class="{ 'bottom-0 max-md:!rounded-b-none': $store && $store.cart && $store.cart.ready && $store.cart.count > 0 }"
4391  >
4392		<div
4393			id="mini-cart"
4394			class="relative flex flex-col flex-grow bg-secondary-grey"
4395		>
4396      <div class="flex items-center justify-between bg-white py-[14px]">
4397        <div class="flex items-center justify-center gap-[12px] px-[20px] md:px-[24px]">
4398          <div id="cart-items-title" class="sh-3 font-medium text-black">
4399            Your Cart
4400          </div>
4401          <div class="sh-4 text-grey-60">
4402            (<span x-text="$store.cart.count">0</span>
4403            <span x-text="$store.cart.count == 1 ? 'item' : 'items'">items</span>)
4404          </div>
4405        </div>
4406        <button
4407            @click="$store.common.minicartOpen = false"
4408            class="text-black"
4409            aria-label="Close minicart"
4410        >
4411            
4412
4413
4414
4415
4416
4417
4418<svg aria-hidden="true"  class="size-[36px]"  xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 32 32">
4419                <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m11 11 10 10m-10 0 10-10"/>
4420            </svg>
4421
4422        </button>
4423      </div>
4424
4425			
4426            <div x-show="$store.cart.count > 0" class="bg-white text-center px-[16px]">
4427                
4428  
4429  <div
4430    x-data="{
4431      get progress() {
4432        return Math.min(($store.cart.total / 100) / 150, 1)
4433      },
4434      get remaining() {
4435        return (150 - ($store.cart.total / 100)) * 100
4436      },
4437      get price() {
4438        return $store.cart.format(this.remaining)
4439      },
4440    }"
4441  >
4442    <div class="bg-white py-[16px] text-greyscale-100 border-t border-t-secondary-grey ">
4443
4444      <div x-show="progress >= 1" class="font-bold font-heading">
4445        You have unlocked <strong class="text-primary">free delivery!</strong>
4446      </div>
4447
4448
4449      
4450      <p x-show="progress < 1" class="font-bold font-heading">You're only <span x-text="price"></span> away from <strong class="text-primary">free delivery!</strong></p>
4451
4452      <div class="flex items-center mt-[16px] gap-[10px]">
4453        <div class="relative h-[8px] bg-grey-5 rounded-[24px] w-full overflow-hidden">
4454          <div
4455            class="absolute inset-0 bg-primary rounded-[24px] origin-left transition ease-out scale-x-[var(--progress)]"
4456            :style="`--progress: ${progress}`"
4457          >
4458            <span
4459                class="absolute top-0 right-[-3px] size-[8px] rounded-full bg-inherit scale-x-[var(--scale)]"
4460                style="--scale: clamp(calc(10 / (var(--progress) * 10)), 1, 10)"
4461              ></span>
4462          </div>
4463        </div>
4464      </div>
4465    </div>
4466  </div>
4467
4468
4469            </div>
4470			<template x-if="$store && $store.cart && $store.cart.ready && $store.cart.count > 0">
4471				<div class="p-[20px] md:p-[24px]">
4472					<ul class="flex flex-col gap-y-[16px]">
4473						<template x-for="item in $store.cart.items" :key="item.key">
4474							<li>
4475								<div class="relative bg-white p-[8px] flex flex-row gap-[12px] rounded-[16px] md:gap-[16px]">
4476	<div class="aspect-[108/135] md:aspect-[96/120] rounded-[8px] overflow-hidden">
4477		<template x-if="item.image">
4478			<picture>
4479				<source
4480					media="(min-width: 768px)"
4481					:srcset="
4482						`
4483						${item.image}&width=96&height=120&crop=center,
4484						${item.image}&width=192&height=240&crop=center 2x
4485						`
4486					"
4487				>
4488				<img
4489					:src="`${item.image}&width=108&height=135&crop=center`"
4490					:srcset="
4491						`
4492						${item.image}&width=216&height=270&crop=center 2x,
4493						${item.image}&width=324&height=405&crop=center 3x
4494						`
4495					"
4496					width="108"
4497					height="135"
4498					:alt="item.image.alt"
4499					loading="lazy"
4500					class="w-full h-full object-cover object-center"
4501				>
4502			</picture>
4503		</template>
4504		<template x-if="!item.image"><svg class="w-full h-full object-cover object-center fill-grey-80 text-grey-80 border border-grey-80 rounded-[8px] " xmlns="http://www.w3.org/2000/svg" viewBox="0 0 525.5 525.5"><path d="M324.5 212.7H203c-1.6 0-2.8 1.3-2.8 2.8V308c0 1.6 1.3 2.8 2.8 2.8h121.6c1.6 0 2.8-1.3 2.8-2.8v-92.5c0-1.6-1.3-2.8-2.9-2.8zm1.1 95.3c0 .6-.5 1.1-1.1 1.1H203c-.6 0-1.1-.5-1.1-1.1v-92.5c0-.6.5-1.1 1.1-1.1h121.6c.6 0 1.1.5 1.1 1.1V308z"/><path d="M210.4 299.5H240v.1s.1 0 .2-.1h75.2v-76.2h-105v76.2zm1.8-7.2l20-20c1.6-1.6 3.8-2.5 6.1-2.5s4.5.9 6.1 2.5l1.5 1.5 16.8 16.8c-12.9 3.3-20.7 6.3-22.8 7.2h-27.7v-5.5zm101.5-10.1c-20.1 1.7-36.7 4.8-49.1 7.9l-16.9-16.9 26.3-26.3c1.6-1.6 3.8-2.5 6.1-2.5s4.5.9 6.1 2.5l27.5 27.5v7.8zm-68.9 15.5c9.7-3.5 33.9-10.9 68.9-13.8v13.8h-68.9zm68.9-72.7v46.8l-26.2-26.2c-1.9-1.9-4.5-3-7.3-3s-5.4 1.1-7.3 3l-26.3 26.3-.9-.9c-1.9-1.9-4.5-3-7.3-3s-5.4 1.1-7.3 3l-18.8 18.8V225h101.4z"/><path d="M232.8 254c4.6 0 8.3-3.7 8.3-8.3s-3.7-8.3-8.3-8.3-8.3 3.7-8.3 8.3 3.7 8.3 8.3 8.3zm0-14.9c3.6 0 6.6 2.9 6.6 6.6s-2.9 6.6-6.6 6.6-6.6-2.9-6.6-6.6 3-6.6 6.6-6.6z"/></svg></template>
4505	</div>
4506	<div class="grow flex flex-col gap-[16px] justify-between">
4507		<div class="flex flex-col">
4508			<div class="flex items-start justify-between gap-[8px] md:gap-[12px]">
4509				<template x-if="item.product_title">
4510					<a :href="item.url" class="box-link h6-s8 text-black" x-text="item.product_title"></a>
4511				</template>
4512				<template x-if="item.properties._usage">
4513					<div class="shrink-0 ml-auto">
4514						<template x-if="item.properties._usage.toLowerCase().includes('morning') && !item.properties._usage.toLowerCase().includes('night')"><svg class="h-[16px] text-grey-60" stroke="currentColor" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
4515  <path d="M12 18.5C15.5899 18.5 18.5 15.5899 18.5 12C18.5 8.41015 15.5899 5.5 12 5.5C8.41015 5.5 5.5 8.41015 5.5 12C5.5 15.5899 8.41015 18.5 12 18.5Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
4516  <path d="M19.14 19.14L19.01 19.01M19.01 4.99L19.14 4.86L19.01 4.99ZM4.86 19.14L4.99 19.01L4.86 19.14ZM12 2.08V2V2.08ZM12 22V21.92V22ZM2.08 12H2H2.08ZM22 12H21.92H22ZM4.99 4.99L4.86 4.86L4.99 4.99Z" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
4517  </svg>
4518  </template>
4519						<template x-if="!item.properties._usage.toLowerCase().includes('morning') && item.properties._usage.toLowerCase().includes('night')"><svg fill="none" class="h-[16px] text-grey-60" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
4520  <path d="M4.02172 12.3377C4.30965 16.4567 7.80475 19.8078 11.9877 19.9918C14.9389 20.1197 17.5782 18.7441 19.1618 16.5767C19.8177 15.6889 19.4658 15.097 18.37 15.297C17.8342 15.393 17.2823 15.4329 16.7065 15.409C12.7955 15.249 9.59629 11.9778 9.5803 8.11482C9.5723 7.
452007509 9.78824 6.09134 10.1801 5.19557C10.612 4.20382 10.0922 3.73194 9.09242 4.15584C5.92523 5.49149 3.75779 8.68267 4.02172 12.3377Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
4521</svg>
4522</template>
4523						<template x-if="item.properties._usage.toLowerCase().includes('morning') && item.properties._usage.toLowerCase().includes('night')"><svg fill="none" class="h-[16px] text-grey-60" stroke="currentColor" viewBox="0 0 57 24" xmlns="http://www.w3.org/2000/svg">
4524  <path d="M12.3335 18.5C15.9233 18.5 18.8335 15.5899 18.8335 12C18.8335 8.41015 15.9233 5.5 12.3335 5.5C8.74365 5.5 5.8335 8.41015 5.8335 12C5.8335 15.5899 8.74365 18.5 12.3335 18.5Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
4525  <path d="M19.4735 19.14L19.3435 19.01M19.3435 4.99L19.4735 4.86L19.3435 4.99ZM5.1935 19.14L5.3235 19.01L5.1935 19.14ZM12.3335 2.08V2V2.08ZM12.3335 22V21.92V22ZM2.4135 12H2.3335H2.4135ZM22.3335 12H22.2535H22.3335ZM5.3235 4.99L5.1935 4.86L5.3235 4.99Z" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
4526  <path d="M36.3552 12.3377C36.6431 16.4567 40.1382 19.8078 44.3212 19.9918C47.2724 20.1197 49.9117 18.7441 51.4953 16.5767C52.1512 15.6889 51.7993 15.097 50.7035 15.297C50.1677 15.393 49.6158 15.4329 49.04 15.409C45.129 15.249 41.9298 11.9778 41.9138 8.11482C41.9058 7.07509 42.1217 6.09134 42.5136 5.19557C42.9455 4.20382 42.4257 3.73194 41.4259 4.15584C38.2587 5.49149 36.0913 8.68267 36.3552 12.3377Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
4527</svg>
4528</template>
4529					</div>
4530				</template>
4531			</div>
4532			<div class="mt-[8px]">
4533				<template x-if="item.selling_plan_allocation">
4534					<div
4535						class="sh-4 md:sh-5 font-medium text-grey-60"
4536						x-text="item.selling_plan_allocation.selling_plan.name"
4537					></div>
4538				</template>
4539				<template x-if="!item.selling_plan_allocation">
4540					<div class="sh-4 md:sh-5 font-medium text-grey-60">One-time purchase</div>
4541				</template>
4542			</div>
4543			<template x-if="item.variant_title">
4544				<div x-text="item.variant_title" class="sh-4 md:sh-5 font-medium text-grey-60 mt-[8px]"></div>
4545			</template>
4546		</div>
4547
4548		<div class="flex flex-col md:flex-row gap-[8px] md:gap-[16px] md:justify-between md:items-center">
4549			<div class="order-1 md:order-2 flex items-end gap-[8px]">
4550				<template x-if="item.price">
4551					<div x-text="$store.cart.format(item.final_line_price)" class="order-1 md:order-2 sh-3 font-medium text-black"></div>
4552				</template>
4553				<template x-if="item.properties._compare_at_price">
4554					<div
4555						x-text="$store.cart.format(item.properties._compare_at_price*item.quantity)"
4556						class="order-2 md:order-1 sh-4 font-medium line-through text-grey-60"
4557					></div>
4558				</template>
4559			</div>
4560			<div class="order-2 md:order-1 w-fit flex items-center gap-[12px] z-[1]">
4561				<template x-if="$store.cart.items.length && $store.cart.items.find(({id}) => id === item.id)">
4562	<div
4563		class="flex justify-start border border-grey-20 bg-white rounded-[8px]"
4564		x-id="['minicart-quantity']"
4565	>
4566		<button
4567			class="flex items-center justify-center shrink-0 p-[10px_8px]"
4568			:disabled="item.quantity <= 1"
4569			:aria-controls="$id('minicart-quantity')"
4570			tabindex="-1"
4571			@click.prevent="item.quantity > 1 && item.quantity--"
4572			@click.prevent.debounce.500="
4573				$store.cart.update({
4574				  updates: {
4575				    [item.id]: item.quantity
4576				  }
4577				})
4578			"
4579		>
4580			<span class="sr-only">Decrease quantity by 1</span>
4581			
4582
4583
4584
4585
4586
4587
4588<svg aria-hidden="true"  class="size-[8px]"  xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 8 2">
4589                <path stroke="currentColor" d="M8 1H0"/>
4590            </svg>
4591
4592		</button>
4593
4594		<label
4595			:for="$id('minicart-quantity')"
4596			class="sr-only"
4597		>
4598			Quantity
4599		</label>
4600		<input
4601			:id="$id('minicart-quantity')"
4602			class="
4603				inline-block !appearance-none !p-0 size-[32px] md:mr-[-12px]
4604				text-center sh-5 font-medium
4605				bg-transparent border-transparent
4606			"
4607			name="quantity"
4608			type="number"
4609			min="0"
4610			inputmode="numeric"
4611			:value="item.quantity"
4612			x-model="item.quantity"
4613			@change.debounce.500="
4614				$store.cart.update({
4615				  updates: {
4616				    [item.id]: item.quantity
4617				  }
4618				})
4619			"
4620		>
4621
4622		<button
4623			class="flex items-center justify-center shrink-0 p-[10px_8px]"
4624			tabindex="-1"
4625			:aria-controls="$id('minicart-quantity')"
4626			@click.prevent="item.quantity++"
4627			@click.prevent.debounce.500="
4628				$store.cart.update({
4629				  updates: {
4630				    [item.id]: item.quantity
4631				  }
4632				})
4633			"
4634		>
4635			<span class="sr-only">Increase quantity by 1</span>
4636			
4637
4638
4639
4640
4641
4642
4643<svg aria-hidden="true"  class="size-[8px]"  xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 8 8">
4644                <path stroke="currentColor" d="M4 0v8M8 4H0"/>
4645            </svg>
4646
4647		</button>
4648	</div>
4649</template>
4650
4651				<button
4652					@click.prevent="
4653						$store.cart.update({
4654						  updates: {
4655						    [item.id]: 0
4656						  }
4657						})
4658					"
4659					class="sh-4 md:sh-5 uppercase text-grey-60"
4660				>
4661					Remove
4662				</button>
4663			</div>
4664		</div>
4665	</div>
4666</div>
4667
4668							</li>
4669						</template>
4670					</ul>
4671				</div>
4672			</template>
4673
4674			
4675			<template x-if="$store && $store.cart && $store.cart.ready && $store.cart.count > 0">
4676				<div
4677					x-data="upsells()"
4678					@cart-updated.window="init()"
4679					x-cloak="hidden"
4680					x-show="items.length > 0"
4681					class="relative flex flex-col gap-y-[16px] py-[32px] px-[20px] md:px-[24px]"
4682				>
4683					<div class="sh-3 text-black uppercase"> RECOMMENDED FOR YOU </div>
4684					<ul class="border-t border-white">
4685						<template x-for="item in items.slice(0, 4)">
4686							<li>
4687								<div class="relative py-[16px] flex flex-row gap-[16px] border-b border-white">
4688	<div class="aspect-[1] rounded-[8px] overflow-hidden border border-white">
4689		<template x-if="item.featured_image">
4690			<img
4691				:src="`${item.featured_image}&width=96&height=96&crop=center`"
4692				:srcset="
4693					`
4694					${item.featured_image}&width=192&height=192&crop=center 2x,
4695					${item.featured_image}&width=288&height=288&crop=center 3x
4696					`
4697				"
4698				width="96"
4699				height="96"
4700				:alt="item.featured_image.alt"
4701				loading="lazy"
4702				class="size-[96px] object-cover object-center"
4703			>
4704		</template>
4705		<template x-if="!item.featured_image"><svg class="size-[96px] object-cover object-center fill-white text-white stroke-white rounded-[8px] " xmlns="http://www.w3.org/2000/svg" viewBox="0 0 525.5 525.5"><path d="M324.5 212.7H203c-1.6 0-2.8 1.3-2.8 2.8V308c0 1.6 1.3 2.8 2.8 2.8h121.6c1.6 0 2.8-1.3 2.8-2.8v-92.5c0-1.6-1.3-2.8-2.9-2.8zm1.1 95.3c0 .6-.5 1.1-1.1 1.1H203c-.6 0-1.1-.5-1.1-1.1v-92.5c0-.6.5-1.1 1.1-1.1h121.6c.6 0 1.1.5 1.1 1.1V308z"/><path d="M210.4 299.5H240v.1s.1 0 .2-.1h75.2v-76.2h-105v76.2zm1.8-7.2l20-20c1.6-1.6 3.8-2.5 6.1-2.5s4.5.9 6.1 2.5l1.5 1.5 16.8 16.8c-12.9 3.3-20.7 6.3-22.8 7.2h-27.7v-5.5zm101.5-10.1c-20.1 1.7-36.7 4.8-49.1 7.9l-16.9-16.9 26.3-26.3c1.6-1.6 3.8-2.5 6.1-2.5s4.5.9 6.1 2.5l27.5 27.5v7.8zm-68.9 15.5c9.7-3.5 33.9-10.9 68.9-13.8v13.8h-68.9zm68.9-72.7v46.8l-26.2-26.2c-1.9-1.9-4.5-3-7.3-3s-5.4 1.1-7.3 3l-26.3 26.3-.9-.9c-1.9-1.9-4.5-3-7.3-3s-5.4 1.1-7.3 3l-18.8 18.8V225h101.4z"/><path d="M232.8 254c4.6 0 8.3-3.7 8.3-8.3s-3.7-8.3-8.3-8.3-8.3 3.7-8.3 8.3 3.7 8.3 8.3 8.3zm0-14.9c3.6 0 6.6 2.9 6.6 6.6s-2.9 6.6-6.6 6.6-6.6-2.9-6.6-6.6 3-6.6 6.6-6.6z"/></svg></template>
4706	</div>
4707	<div class="grow flex flex-col gap-[16px] justify-between">
4708		<div class="flex flex-col">
4709			<div class="flex items-start justify-between gap-[8px] md:gap-[12px]">
4710				<template x-if="item.title">
4711					<a
4712						:href="item.url"
4713						class="box-link h6-s8 font-bold text-black"
4714						x-text="item.title"
4715					></a>
4716				</template>
4717				
4718			</div>
4719		</div>
4720
4721		<div class="flex gap-[16px] justify-between items-center">
4722			<template x-if="item.price">
4723				<div x-text="$store.cart.format(item.price)" class="sh-5 font-medium text-grey-80"></div>
4724			</template>
4725			<button
4726				type="button"
4727				class="btn btn--primary btn--dark [&_svg]:!translate-x-0 z-[1]"
4728				:class="{ ' bg-grey-40': loading }"
4729				x-data="{ loading: false }"
4730				:disabled="!item.variants[0].available"
4731				@click="
4732					loading = true;
4733					await $store.cart.add([{ 
4734							id: item.variants[0].id, 
4735							quantity: 1,
4736							selling_plan: null,
4737							properties: {
4738								_selling_plans: item.selling_plan_groups[0].selling_plans ?? null,
4739							}
4740						}]).then(() => {
4741					  loading = false;
4742					  window.matchMedia('(max-width: 767px)').matches && document.getElementById('cart-items-title')?.scrollIntoView({ behavior: 'smooth' });
4743					});
4744				"
4745			>
4746				
4747
4748
4749
4750
4751
4752
4753<svg aria-hidden="true"  class="size-[8px] stroke-2 mr-[8px]"  xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 8 8">
4754                <path stroke="currentColor" d="M4 0v8M8 4H0"/>
4755            </svg>
4756
4757				Add
4758			</button>
4759		</div>
4760	</div>
4761</div>
4762
4763							</li>
4764						</template>
4765					</ul>
4766				</div>
4767			</template>
4768
4769
4770			
4771			<template x-if="$store && $store.cart && $store.cart.ready && $store.cart.count > 0">
4772				<div class="sticky bottom-[8px] mx-[8px] p-[20px] md:p-[24px] rounded-[20px] bg-white mt-auto z-[10]">
4773					<div class="flex flex-col gap-[20px] md:gap-[24px]">
4774						<div class="w-full flex items-center justify-between">
4775							<div class="sh-4 md:sh-3 font-medium text-black uppercase">Subtotal</div>
4776							<div
4777								x-text="$store.cart.format($store.cart.total)"
4778								class="sh-4 md:sh-3 font-medium text-black uppercase"
4779							>
4780								$0
4781							</div>
4782						</div>
4783						<a
4784							class="btn btn--primary btn--dark w-full"
4785							href="/cart"
4786						>
4787							View bag
4788						</a>
4789					</div>
4790				</div>
4791			</template>
4792
4793			
4794			<template x-if="$store && $store.cart && $store.cart.ready && $store.cart.count == 0">
4795				<div class="p-[20px] md:p-[24px]">
4796					<div class="flex flex-col justify-center items-center text-center bg-white rounded-[16px] p-[24px]">
4797						
4798							<div class="h5-s8 font-bold text-black">Your cart is currently empty</div>
4799						
4800						
4801							<p class="body-16 text-grey-60 mt-[12px]"> There are no items in your cart. </p>
4802						
4803						
4804							<a
4805								class="btn btn--secondary btn--dark mt-[24px] w-fit"
4806								href="/collections/all-stackable-treatments"
4807							>Continue shopping</a>
4808						
4809					</div>
4810				</div>
4811			</template>
4812		</div>
4813	</div>
4814</div>
4815
4816
4817</div>
4818
4819		<main
4820			id="MainContent"
4821			class="content-for-layout focus-none"
4822			role="main"
4823		>
4824			<section id="shopify-section-template--27190446522648__main" class="shopify-section section"><link href="//www.drfewskincare.com/cdn/shop/t/36/assets/template-collection.css?v=58558206033505836701785171857" rel="stylesheet" type="text/css" media="all" />
4825<link href="//www.drfewskincare.com/cdn/shop/t/36/assets/component-card.css?v=111231606306199656831785171795" rel="stylesheet" type="text/css" media="all" />
4826<link href="//www.drfewskincare.com/cdn/shop/t/36/assets/component-price.css?v=172555342325655824031785171809" rel="stylesheet" type="text/css" media="all" />
4827<link href="//www.drfewskincare.com/cdn/shop/t/36/assets/component-search.css?v=165164710990765432851785171811" rel="stylesheet" type="text/css" media="all" />
4828<link href="//www.drfewskincare.com/cdn/shop/t/36/assets/component-facets.css?v=58939960381279492111785171800" rel="stylesheet" type="text/css" media="all" />
4829  
4829<script src="//www.drfewskincare.com/cdn/shop/t/36/assets/facets.js?v=110493590340870338181785171819" defer="defer"></script>
4829<script src="//www.drfewskincare.com/cdn/shop/t/36/assets/main-search.js?v=42397476564096725661785171826" defer="defer"></script>
4829
4830
4831<style>
4832  .template-search__header {
4833    margin-bottom: 3rem;
4834  }
4835
4836  .template-search__search {
4837    margin: 0 auto 3.5rem;
4838    max-width: 74.1rem;
4839  }
4840
4841  .template-search__search .search {
4842    margin-top: 3rem;
4843  }
4844
4845  .template-search--empty {
4846    padding-bottom: 18rem;
4847  }
4848
4849  @media screen and (min-width: 750px) {
4850    .template-search__header {
4851      margin-bottom: 5rem;
4852    }
4853  }
4854
4855  .search__button .icon {
4856    height: 1.8rem;
4857  }
4858</style><style data-shopify>.section-template--27190446522648__main-padding {
4859    padding-top: 27px;
4860    padding-bottom: 27px;
4861  }
4862
4863  @media screen and (min-width: 750px) {
4864    .section-template--27190446522648__main-padding {
4865      padding-top: 36px;
4866      padding-bottom: 36px;
4867    }
4868  }</style>
4869  <div class="template-search template-search--empty section-template--27190446522648__main-padding">
4870    <div class="template-search__header page-width scroll-trigger animate--fade-in">
4871      <h1 class="h2 center">Search</h1>
4872      <div class="template-search__search"><predictive-search data-loading-text="Loading..."><main-search>
4873          <form action="/search" method="get" role="search" class="search">
4874            <div class="field">
4875              <input
4876                class="search__input field__input"
4877                id="Search-In-Template"
4878                type="search"
4879                name="q"
4880                value=""
4881                placeholder="Search"role="combobox"
4882                  aria-expanded="false"
4883                  aria-owns="predictive-search-results"
4884                  aria-controls="predictive-search-results"
4885                  aria-haspopup="listbox"
4886                  aria-autocomplete="list"
4887                  autocorrect="off"
4888                  autocomplete="off"
4889                  autocapitalize="off"
4890                  spellcheck="false">
4891              <label class="field__label" for="Search-In-Template">Search</label>
4892              <input name="options[prefix]" type="hidden" value="last"><div class="predictive-search predictive-search--search-template" tabindex="-1" data-predictive-search>
4893
4894<link href="//www.drfewskincare.com/cdn/shop/t/36/assets/component-loading-spinner.css?v=116724955567955766481785171803" rel="stylesheet" type="text/css" media="all" />
4895
4896<div class="predictive-search__loading-state">
4897  <svg
4898    aria-hidden="true"
4899    focusable="false"
4900    class="spinner"
4901    viewBox="0 0 66 66"
4902    xmlns="http://www.w3.org/2000/svg"
4903  >
4904    <circle class="path" fill="none" stroke-width="6" cx="33" cy="33" r="30"></circle>
4905  </svg>
4906</div>
4907</div>
4908
4909                <span class="predictive-search-status visually-hidden" role="status" aria-hidden="true"></span><button
4910                type="reset"
4911                class="reset__button field__button hidden"
4912                aria-label="Clear search term"
4913              >
4914                <svg class="icon icon-close" aria-hidden="true" focusable="false">
4915                  <use xlink:href="#icon-reset">
4916                </svg>
4917              </button>
4918              <button type="submit" class="search__button field__button" aria-label="Search">
4919                <svg class="icon icon-search" aria-hidden="true" focusable="false">
4920                  <use xlink:href="#icon-search">
4921                </svg>
4922              </button>
4923            </div>
4924          </form>
4925        </main-search></predictive-search></div></div></div>
4926
4927
4928</section>
4929		</main>
4930
4931		<!-- BEGIN sections: footer-social -->
4932<section id="shopify-section-sections--27190446686488__17025127931a84dbaf" class="shopify-section shopify-section-group-footer-social section"><div class="page-width scroll-trigger animate--slide-in"></div>
4933
4934
4935</section>
4936<!-- END sections: footer-social -->
4937		<footer id="shopify-section-layout-footer" class="shopify-section"><div id="footer" class="w-full pt-[48px] pb-[24px] md:pt-[80px] md:pb-[40px]">
4938	<div class="container">
4939		<div class="site-grid xl:px-[16px]">
4940			<div class="col-span-full md:col-span-2 flex flex-col">
4941				<a
4942					href="/"
4943					aria-label="Go to homepage"
4944					class="block"
4945				>
4946					<svg 
4947  class="w-[128px] h-auto "
4948  xmlns="http://www.w3.org/2000/svg" 
4949  fill="none" 
4950  viewBox="0 0 98 24"
4951  aria-label="Dr. Few Logo"
4952>
4953  <path fill="currentColor" d="M7.70849 23.1725H4.53998V.472967h3.16851c5.81671 0 8.84341 5.675033 8.84341 11.349833 0 5.6749-3.003 11.3497-8.84341 11.3497ZM8.39419.000223H0v.236452c2.45921 0 2.1754 2.600825 2.1754 7.637345v7.89758c0 5.0365.28381 7.6375-2.1754 7.6375v.2364h8.39419c7.04641 0 10.56961-5.9113 10.56961-11.8227 0-5.91125-3.5232-11.822577-10.56961-11.822577ZM33.4759 7.29027c-.0199-.4578-.3603-.83786-.8093-.93039-.4107-.08465-.869-.09365-1.2192-.09365-3.5704 0-6.6679 3.80697-6.7625 7.14097 0-3.99613.0236-7.14097.0236-7.14097-1.3005.92204-3.0267 1.63156-4.5635 1.63156v.23637c2.459 0 2.1753 2.60094 2.1753 7.63744s.2837 7.6375-2.1753 7.6375v.2364h6.7152v-.2364c-2.459 0-2.1753-2.601-2.1753-6.8807 0-4.0672 1.5133-8.08677 4.2089-8.08677 1.3713 0 1.7262.4728 2.6956.4728 1.1206 0 1.9306-.60482 1.8865-1.62416ZM32.0351 20.7609c-.804 0-1.4423.6383-1.4423 1.4422 0 .8041.6383 1.4424 1.4423 1.4424.804 0 1.4423-.6383 1.4423-1.4424 0-.8039-.6383-1.4422-1.4423-1.4422ZM62.5446 7.0936c3.2632 0 5.4621 1.58406 5.4621 4.1379 0 2.0335-2.53 2.1281-4.9655 2.1281-2.601 0-4.0434.0709-6.3843.1182.1892-3.85417 2.3646-6.3842 5.8877-6.3842Zm2.2463 14.9438c-4.327 0-8.134-3.4995-8.134-8.0631h10.6404c1.4661 0 3.1213-.4257 3.1213-2.4355 0-2.00965-1.9863-5.27279-6.8572-5.27279-4.316 0-7.9798 3.11963-8.7592 7.23549h-9.9443V.47275h1.939c4.3034 0 8.0156 1.60795 9.7418 4.06709h.1182L55.38.000006H40.3179v.236452c2.4591 0 2.1754 2.600822 2.1754 7.637342v7.8976c0 5.0365.2837 7.6375-2.1754 7.6375v.2364h6.7153v-.2364c-2.459 0-2.1753-2.601-2.1753-7.6375v-1.7971h9.8685c-.0506.3795-.0793.7657-.0793 1.1587 0 4.8945 4.0434 8.867 8.9143 8.867 3.9015 0 7.1645-2.601 8.1341-6.1714l-.2366-.0946c-.9457 2.3645-3.4285 4.3034-6.668 4.3034ZM88.6485 6.62069v.26007c2.7902 0 2.6009 3.59414 2.2935 5.22564 0 0-1.6078 10.5457-2.4118 10.5457-.2837 0-.4255-.4019-.9222-2.2225-.3073-1.0877-.8512-3.1923-1.4187-5.2257-.7566-2.7193-1.5606-5.39114-1.5606-6.50253 0-1.15864.7332-1.84439 1.9154-1.84439v-.23629h-7.5666v.23629c1.4661 0 2.4827 1.74984 3.3339 4.04342-.3309 2.1044-1.8916 11.7517-2.6009 11.7517-.2837 0-.4256-.4019-.9222-2.2225-.3073-1.0877-.8512-3.1923-1.4186-5.2257-.7568-2.7193-1.5607-5.39114-1.5607-6.50253 0-1.15864.7331-1.84439 1.9154-1.84439v-.23629h-7.5667v.23629c2.4592 0 3.665 4.96562 4.9655 9.12722.4729 1.4897.9932 3.405 1.4425 4.7999C77.2515 22.9361 77.5825 24 78.7648 24c1.7496 0 2.1989-3.2867 3.0265-6.266.3311-1.1823 1.0404-3.7123 1.3005-4.5873.2837.9458.5675 1.9153.8512 2.8375.4493 1.4897.9932 3.405 1.4423 4.7999C86.0712 22.9361 86.4021 24 87.5844 24c1.7498 0 2.1991-3.2867 3.0267-6.266.4019-1.4424 1.3713-4.8709 1.3713-4.8709.875-3.35775 1.939-6.00612 4.3982-6.00612v-.23629h-7.7321Z"/>
4954  <path fill="currentColor" d="M41.3991 13.9741h1.0904v-.4964h-3.2527v.4964h2.1623Z"/>
4955</svg>
4956				</a>
4957				<span class="block md:hidden sh-5 text-black mt-[40px]">Contact</span>
4958				
4959				
4960					<a href="mailto:[email protected]" class="block body-16 text-black mt-[2px]">[email protected]</a>
4961				
4962				
4963					
4964
4965<ul class="list-unstyled list-social flex items-center gap-[12px] mt-[24px] [&_li]:size-[48px] [&_li]:rounded-full [&_li]:bg-secondary-grey [&_li:hover]:bg-black [&_li:hover_svg]:text-white [&_li]:p-[14px] [&_a]:block [&_a]:size-fit [&_svg]:size-[20px]" role="list"><li class="list-social__item">
4966      <a target="_blank" href="https://www.instagram.com/drfewskincare/" class="link list-social__link"><svg aria-hidden="true" focusable="false" class="icon icon-instagram" viewBox="0 0 20 20">
4967  <path fill="currentColor" fill-rule="evenodd" d="M13.23 3.492c-.84-.037-1.096-.046-3.23-.046-2.144 0-2.39.01-3.238.055-.776.027-1.195.164-1.487.273a2.43 2.43 0 0 0-.912.593 2.486 2.486 0 0 0-.602.922c-.11.282-.238.702-.274 1.486-.046.84-.046 1.095-.046 3.23 0 2.134.01 2.39.046 3.229.004.51.097 1.016.274 1.495.145.365.319.639.602.913.282.282.538.456.92.602.474.176.974.268 1.479.273.848.046 1.103.046 3.238.046 2.134 0 2.39-.01 3.23-.046.784-.036 1.203-.164 1.486-.273.374-.146.648-.329.921-.602.283-.283.447-.548.602-.922.177-.476.27-.979.274-1.486.037-.84.046-1.095.046-3.23 0-2.134-.01-2.39-.055-3.229-.027-.784-.164-1.204-.274-1.495a2.43 2.43 0 0 0-.593-.913 2.604 2.604 0 0 0-.92-.602c-.284-.11-.703-.237-1.488-.273ZM6.697 2.05c.857-.036 1.131-.045 3.302-.045 1.1-.014 2.202.001 3.302.045.664.014 1.321.14 1.943.374a3.968 3.968 0 0 1 1.414.922c.41.397.728.88.93 1.414.23.622.354 1.279.365 1.942C18 7.56 18 7.824 18 10.005c0 2.17-.01 2.444-.046 3.292-.036.858-.173 1.442-.374 1.943-.2.53-.474.976-.92 1.423a3.896 3.896 0 0 1-1.415.922c-.51.191-1.095.337-1.943.374-.857.036-1.122.045-3.302.045-2.171 0-2.445-.009-3.302-.055-.849-.027-1.432-.164-1.943-.364a4.152 4.152 0 0 1-1.414-.922 4.128 4.128 0 0 1-.93-1.423c-.183-.51-.329-1.085-.365-1.943C2.009 12.45 2 12.167 2 10.004c0-2.161 0-2.435.055-3.302.027-.848.164-1.432.365-1.942a4.44 4.44 0 0 1 .92-1.414 4.18 4.18 0 0 1 1.415-.93c.51-.183 1.094-.33 1.943-.366Zm.427 4.806a4.105 4.105 0 1 1 5.805 5.805 4.105 4.105 0 0 1-5.805-5.805Zm1.882 5.371a2.668 2.668 0 1 0 2.042-4.93 2.668 2.668 0 0 0-2.042 4.93Zm5.922-5.942a.958.958 0 1 1-1.355-1.355.958.958 0 0 1 1.355 1.355Z" clip-rule="evenodd"/>
4968</svg>
4969<span class="visually-hidden sr-only">Instagram</span>
4970      </a>
4971    </li><li class="list-social__item">
4972      <a target="_blank" href="https://www.youtube.com/@DrFewSkincare-s5m" class="link list-social__link"><svg aria-hidden="true" focusable="false" class="icon icon-youtube" viewBox="0 0 20 20">
4973  <path fill="currentColor" d="M18.16 5.87c.34 1.309.34 4.08.34 4.08s0 2.771-.34 4.08a2.125 2.125 0 0 1-1.53 1.53c-1.309.34-6.63.34-6.63.34s-5.321 0-6.63-.34a2.125 2.125 0 0 1-1.53-1.53c-.34-1.309-.34-4.08-.34-4.08s0-2.771.34-4.08a2.173 2.173 0 0 1 1.53-1.53C4.679 4 10 4 10 4s5.321 0 6.63.34a2.173 2.173 0 0 1 1.53 1.53ZM8.3 12.5l4.42-2.55L8.3 7.4v5.1Z"/>
4974</svg>
4975<span class="visually-hidden sr-only">YouTube</span>
4976      </a>
4977    </li><li class="list-social__item">
4978      <a target="_blank" href="https://www.tiktok.com/@drfewskincare" class="link list-social__link"><svg aria-hidden="true" focusable="false" class="icon icon-tiktok" viewBox="0 0 20 20">
4979  <path fill="currentColor" d="M10.511 1.705h2.74s-.157 3.51 3.795 3.768v2.711s-2.114.129-3.796-1.158l.028 5.606A5.073 5.073 0 1 1 8.213 7.56h.708v2.785a2.298 2.298 0 1 0 1.618 2.205L10.51 1.705Z"/>
4980</svg>
4981<span class="visually-hidden sr-only">Translation missing: en.general.social.links.tiktok</span>
4982      </a>
4983    </li></ul>
4984
4985				
4986			</div>
4987			<div class="col-span-full md:col-start-4 md:col-span-5 flex flex-col md:flex-row md:gap-[16px] xl:gap-[24px] max-md:mt-[40px] max-md:border-t border-secondary-grey">
4988				
4989					
4990						
4991						
4992							<div
4993								x-data="
4994									accordion({
4995									  closeOthers: 'layout-footer-tab-1',
4996									  open: matchMedia('(min-width: 768px)').matches,
4997										only_mobile: true
4998									})
4999								"
5000								class="w-full md:w-1/2 flex flex-col max-md:pb-[24px] max-md:border-b border-secondary-grey"
5001							>
5002								<div class="md:hidden relative flex items-center justify-between pt-[24px]">
5003									<button x-bind="trigger" class="box-link h6-s8 text-grey-60">
5004										Skincare Products
5005									</button>
5006									<span
5007										class="shrink-0 transition ease-out duration-300"
5008										:class="{ '-scale-y-100': expanded }"
5009									>
5010										
5011
5012
5013
5014
5015
5016
5017<svg aria-hidden="true"  class="size-[24px] rotate-90"  xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24">
5018                <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="2" d="m10 5.89844 4.5932 4.93936c.5424.5834.5424 1.5379 0 2.1212L10 17.8984"/>
5019            </svg>
5020
5021									</span>
5022								</div>
5023								<div class="max-md:hidden h6-s8 text-grey-60">
5024									Skincare Products
5025								</div>
5026								<div x-bind="content">
5027									<ul class="flex flex-col gap-y-[16px] mt-[24px] transition">
5028										
5029											<li>
5030												<a
5031													href="https://aforebeauty.com/pages/vault"
5032													
5033													class="block nav-btn text-black hover:underline underline-offset-2"
5034												>
5035													All Treatments
5036												</a>
5037											</li>
5038										
5039											<li>
5040												<a
5041													href="https://aforebeauty.com/pages/vault"
5042													
5043													class="block nav-btn text-black hover:underline underline-offset-2"
5044												>
5045													Morning Treatments
5046												</a>
5047											</li>
5048										
5049											<li>
5050												<a
5051													href="https://aforebeauty.com/pages/vault"
5052													
5053													class="block nav-btn text-black hover:underline underline-offset-2"
5054												>
5055													Night Treatments
5056												</a>
5057											</li>
5058										
5059											<li>
5060												<a
5061													href="https://aforebeauty.com/pages/ingredient-list"
5062													
5063													class="block nav-btn text-black hover:underline underline-offset-2"
5064												>
5065													Ingredient List
5066												</a>
5067											</li>
5068										
5069									</ul>
5070								</div>
5071							</div>
5072						
5073					
5074				
5075					
5076						
5077						
5078							<div
5079								x-data="
5080									accordion({
5081									  closeOthers: 'layout-footer-tab-2',
5082									  open: matchMedia('(min-width: 768px)').matches,
5083										only_mobile: true
5084									})
5085								"
5086								class="w-full md:w-1/2 flex flex-col max-md:pb-[24px] max-md:border-b border-secondary-grey"
5087							>
5088								<div class="md:hidden relative flex items-center justify-between pt-[24px]">
5089									<button x-bind="trigger" class="box-link h6-s8 text-grey-60">
5090										About Us
5091									</button>
5092									<span
5093										class="shrink-0 transition ease-out duration-300"
5094										:class="{ '-scale-y-100': expanded }"
5095									>
5096										
5097
5098
5099
5100
5101
5102
5103<svg aria-hidden="true"  class="size-[24px] rotate-90"  xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24">
5104                <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="2" d="m10 5.89844 4.5932 4.93936c.5424.5834.5424 1.5379 0 2.1212L10 17.8984"/>
5105            </svg>
5106
5107									</span>
5108								</div>
5109								<div class="max-md:hidden h6-s8 text-grey-60">
5110									About Us
5111								</div>
5112								<div x-bind="content">
5113									<ul class="flex flex-col gap-y-[16px] mt-[24px] transition">
5114										
5115											<li>
5116												<a
5117													href="/pages/dermareverse-has-a-new-home"
5118													
5119													class="block nav-btn text-black hover:underline underline-offset-2"
5120												>
5121													DermaReverse Transition
5122												</a>
5123											</li>
5124										
5125											<li>
5126												<a
5127													href="/pages/learn"
5128													
5129													class="block nav-btn text-black hover:underline underline-offset-2"
5130												>
5131													Learn
5132												</a>
5133											</li>
5134										
5135											<li>
5136												<a
5137													href="/pages/faq"
5138													
5139													class="block nav-btn text-black hover:underline underline-offset-2"
5140												>
5141													Faqs
5142												</a>
5143											</li>
5144										
5145											<li>
5146												<a
5147													href="/blogs/news"
5148													
5149													class="block nav-btn text-black hover:underline underline-offset-2"
5150												>
5151													Blog
5152												</a>
5153											</li>
5154										
5155											<li>
5156												<a
5157													href="/pages/contact"
5158													
5159													class="block nav-btn text-black hover:underline underline-offset-2"
5160												>
5161													Contact
5162												</a>
5163											</li>
5164										
5165											<li>
5166												<a
5167													href="/pages/stockists"
5168													
5169													class="block nav-btn text-black hover:underline underline-offset-2"
5170												>
5171													Store Locator
5172												</a>
5173											</li>
5174										
5175									</ul>
5176								</div>
5177							</div>
5178						
5179					
5180				
5181			</div>
5182			<div class="col-span-full md:col-start-9 md:col-span-4 flex flex-col max-md:mt-[24px]"><div id="newsletter-heading" class="h6-s8 text-grey-60">Subscribe</div><div class="body-16 text-black mt-[16px]">
5182Join our mailing list to receive updates and exclusive offers.</div><form method="post" action="/contact#ContactFooter" id="ContactFooter" accept-charset="UTF-8" class="footer__newsletter newsletter-form" aria-labelledby="newsletter-heading"><input type="hidden" name="form_type" value="customer" /><input type="hidden" name="utf8" value="✓" /><input
5183							type="hidden"
5184							name="contact[tags]"
5185							value="newsletter"
5186						>
5187						<div class="flex flex-col mt-[24px]">
5188							<div class="flex flex-col md:flex-row items-center gap-[12px] md:gap-[4px] relative md:border-2 border-secondary-grey focus-within:border-black md:[&:has(_:user-invalid)]:!border-red  rounded-[40px] md:pr-[4px]">
5189								<label class="sr-only" for="NewsletterForm--layout-footer"> email address </label>
5190								<input
5191									required
5192									id="NewsletterForm--layout-footer"
5193									type="email"
5194									name="contact[email]"
5195									value=""
5196									aria-required="true"
5197									autocorrect="off"
5198									autocapitalize="off"
5199									autocomplete="email"
5200									
5201									placeholder="Your email address"
5202									class="!appearance-none w-full max-md:border-2 max-md:border-secondary-grey rounded-[40px] body-16 text-black placeholder:text-grey-60 !bg-white md:!outline-none md:!ring-0 focus-visible:!ring-black max-md:[&:user-invalid]:!border-red  px-[24px] md:px-[20px] py-[16px] md:py-[17px]"
5203								>
5204								<button
5205									type="submit"
5206									class="w-full md:w-fit btn btn--primary btn--dark"
5207									name="commit"
5208									id="Subscribe"
5209								>
5210									Submit
5211								</button>
5212							</div></div><p class="block body-12 text-black [&_a]:underline [&_a]:underline-offset-2 mt-[16px]">By subscribing, you agree to our <a href="/pages/privacy-policy" title="Privacy Policy">Privacy Policy</a> and consent to receive updates from us.</p></form></div>
5213			<div class="row-start-4 md:row-start-2 col-span-full flex flex-col md:flex-row items-center md:justify-between md:gap-[16px] pt-[24px] md:pt-[32px] border-t border-secondary-grey mt-[40px] md:mt-[64px]">
5214				
5215					<p class="order-2 md:order-1 block body-12 md:body-14 text-black">&copy; 2026 Dr. Few. All rights reserved.</p>
5216				
5217				
5218					<ul class="order-1 md:order-2 max-md:mb-[32px] flex gap-[16px] md:items-center max-md:flex-wrap max-md:justify-center md:gap-x-[12px] xl:gap-x-[40px]">
5219						
5220							<li class="">
5221								<a
5222									href="/pages/terms-of-use"
5223									class="
5224										flex items-center gap-x-[16px] sh-5 uppercase text-black hover:underline underline-offset-2
5225										
5226										  max-md:after:content-[''] max-md:after:block max-md:after:size-[4px] max-md:after:rounded-full max-md:after:bg-primary max-md:after:mt-[-4px]
5227										
5228									"
5229								>
5230									Terms of Use
5231								</a>
5232							</li>
5233						
5234							<li class="">
5235								<a
5236									href="/pages/privacy-policy"
5237									class="
5238										flex items-center gap-x-[16px] sh-5 uppercase text-black hover:underline underline-offset-2
5239										
5240										  max-md:after:content-[''] max-md:after:block max-md:after:size-[4px] max-md:after:rounded-full max-md:after:bg-primary max-md:after:mt-[-4px]
5241										
5242									"
5243								>
5244									Privacy Policy
5245								</a>
5246							</li>
5247						
5248							<li class="">
5249								<a
5250									href="/pages/shipping"
5251									class="
5252										flex items-center gap-x-[16px] sh-5 uppercase text-black hover:underline underline-offset-2
5253										
5254										  max-md:after:content-[''] max-md:after:block max-md:after:size-[4px] max-md:after:rounded-full max-md:after:bg-primary max-md:after:mt-[-4px]
5255										
5256									"
5257								>
5258									Shipping & Returns
5259								</a>
5260							</li>
5261						
5262							<li class="">
5263								<a
5264									href="/a/subscriptions/login"
5265									class="
5266										flex items-center gap-x-[16px] sh-5 uppercase text-black hover:underline underline-offset-2
5267										
5268									"
5269								>
5270									Manage your subscriptions
5271								</a>
5272							</li>
5273						
5274					</ul>
5275				
5276				<div class="order-3 block body-14 text-black max-md:mt-[2px]">
5277					
5278				</div>
5279			</div>
5280		</div>
5281	</div>
5282</div>
5283
5284
5285</footer>
5286
5287		<ul hidden>
5288			<li id="a11y-refresh-page-message">Choosing a selection results in a full page refresh.</li>
5289			<li id="a11y-new-window-message">Opens in a new window.</li>
5290		</ul>
5291
5292		
5292<script>
5293			window.shopUrl = 'https://www.drfewskincare.com';
5294			window.routes = {
5295				cart_add_url: '/cart/add',
5296				cart_change_url: '/cart/change',
5297				cart_update_url: '/cart/update',
5298				cart_url: '/cart',
5299				predictive_search_url: '/search/suggest',
5300			};
5301
5302			window.cartStrings = {
5303				error: `There was an error while updating your bag. Please try again.`,
5304				quantityError: `You can only add [quantity] of this item to your bag.`,
5305			};
5306
5307			window.variantStrings = {
5308				addToCart: `Add to bag`,
5309				soldOut: `Sold out`,
5310				unavailable: `Unavailable`,
5311				unavailable_with_option: `[value] - Unavailable`,
5312			};
5313
5314			window.quickOrderListStrings = {
5315				itemsAdded: `[quantity] items added`,
5316				itemAdded: `[quantity] item added`,
5317				itemsRemoved: `[quantity] items removed`,
5318				itemRemoved: `[quantity] item removed`,
5319				viewCart: `View bag`,
5320				each: `[money]/ea`,
5321			};
5322
5323			window.accessibilityStrings = {
5324				imageAvailable: `Image [index] is now available in gallery view`,
5325				shareSuccess: `Link copied to clipboard`,
5326				pauseSlideshow: `Pause slideshow`,
5327				playSlideshow: `Play slideshow`,
5328				recipientFormExpanded: `Gift card recipient form expanded`,
5329				recipientFormCollapsed: `Gift card recipient form collapsed`,
5330			};
5331		</script>
5331<script src="//www.drfewskincare.com/cdn/shop/t/36/assets/predictive-search.js?v=162273246065392412141785171832" defer="defer"></script>
5331<script type="application/ld+json">
5332	{
5333		"@context": "http://schema.org/",
5334		"@type": "WebSite",
5335		"@id": "https:\/\/www.drfewskincare.com\/#\/schema\/website\/1",
5336		"url": "https:\/\/www.drfewskincare.com",
5337		"name": "Dr. Few Skincare",
5338		"sameAs": ["https:\/\/www.instagram.com\/drfewskincare"
5339],
5340		"potentialAction": {
5341			"@type": "SearchAction",
5342			"target": "https://www.drfewskincare.com/search?q={search_term_string}",
5343			"query-input": "required name=search_term_string"
5344		},
5345		"publisher": {
5346			"@type": "Organization",
5347			"@id": "https://www.drfewskincare.com/#/schema/organization/1","logo": "https:\/\/www.drfewskincare.com\/cdn\/shop\/files\/DF512512logo.png?v=1740684810\u0026width=500"
5348
5349		}
5350	}
5351</script>
5351
5352
5353
5354
5355
5356	
5356<script type="application/ld+json">
5357		{
5358		  "@context": "http://schema.org",
5359		  "@type": "BreadcrumbList",
5360		  "itemListElement": [
5361		  
5362		      {
5363		        "@type": "ListItem",
5364		        "position": 1,
5365		        "item": {
5366		          "@id": "https://www.drfewskincare.com/search",
5367		          "name": "Search"
5368		        }
5369		      }
5370		      
5371		    
5372		  ]
5373		}
5374	</script>
5374
5375
5376
5377
5378		<!-- Klaviyo script -->
5379		
5380	<style> .splide__list .sh-3 {font-family: "Times New Roman" !important; text-transform: capitalize !important;} .okeReviews[data-oke-container] .oke-w-reviewer-verified-icon:before,div.okeReviews .oke-w-reviewer-verified-icon:before {color: #b33d26 !important;} #carousel-2-list h4 {font-size: 20px !important; font-weight: bold !important;} .ingredient-name {font-family: "DM Serif Text", serif !important;} .rich-text__blocks p {font-size: 23px !important;} </style>
5381<div id="shopify-block-AWGxmMlp0WWFnTzZRY__16798170927650018749" class="shopify-block shopify-app-block">
5382
5383
5384
5385
5386
5387
5388
5389  
5390  
5391
5392
5393
5394
5395<div id="recharge-storefront-experiences">
5396  
5397  <div></div>
5398</div>
5399<script type="module" src="https://static.rechargecdn.com/assets/storefront-experiences/storefront-experiences.js"></script>
5399
5400
5401<script>
5402  (function () {
5403    
5404    
5405    
5406    
5407    
5408  
5409    window.RechargeStorefrontConfig = {
5410      customer: null,
5411      shop: {
5412        currency: "USD",
5413        locale: "en",
5414        identifier: "dr-few.myshopify.com",
5415        market_id: 73810379032,
5416        currency_format: "${{amount}}",
5417        routes: {
5418          cart: "\/cart",
5419          root: "\/",
5420        },
5421      },
5422      cart_overlay:{"enabled":true},
5423      cart_overlay_preview:{},
5424      cart_drawer:{"enabled":true},
5425      cart_drawer_preview:{},
5426      bundles_selling_plan_sync_enabled:false,
5427    };
5428  })();
5429</script>
5429
5430
5431
5432
5433
5434</div><div id="shopify-block-AMXlNNXM5SWtGZ0cxR__17151115064775110295" class="shopify-block shopify-app-block"><style data-recharge-theme='{"has_theme_customization": false, "design_mode": false }'>
5435  .recharge-theme {
5436    /* App */
5437    --recharge-app-background: #F7F7F7;
5438    --recharge-app-container: 1200px;
5439    --recharge-app-vertical-padding: 32px;
5440
5441    /* Brand colors */
5442    
5443--recharge-color-brand: #1773B0;
5444
5445    /* Tints */
5446    --recharge-color-brand-120: #125988;
5447    --recharge-color-brand-20: #458fc0;
5448    --recharge-color-brand-40: #74abd0;
5449    --recharge-color-brand-60: #a2c7df;
5450    --recharge-color-brand-75: #c5dceb;
5451    --recharge-color-brand-85: #dceaf3;
5452
5453    /* Neutral */
5454    --recharge-color-neutral: hsl(204, 35%, 7%);
5455    --recharge-color-neutral-80: hsl(204, 7%, 25%);
5456    --recharge-color-neutral-70: hsl(204, 5%, 35%);
5457    --recharge-color-neutral-40: hsl(204, 3%, 63%);
5458    --recharge-color-neutral-10: hsl(204, 2%, 91%);
5459    
5460
5461    /* Links */
5462    --recharge-button-secondary: #1773B0;
5463    --recharge-button-secondary-120: #125988;
5464    --recharge-button-secondary-60: #74abd0;
5465
5466    /* Images */
5467    --recharge-images-ratio: 1;
5468
5469    /* Cards */
5470    
5471    --recharge-cards-background: #FFFFFF;
5472    
5473
5474    
5475    --recharge-cards-border-color: RGBA(0,0,0,0);
5476    
5477
5478    /* Fonts */
5479    --recharge-typography-scale: 16px;
5480    --recharge-typography-size-1: calc(3 * var(--recharge-typography-scale));
5481    --recharge-typography-size-2: calc(2.25 * var(--recharge-typography-scale));
5482    --recharge-typography-size-3: calc(1.625 * var(--recharge-typography-scale));
5483    --recharge-typography-size-4: calc(1.25 * var(--recharge-typography-scale));
5484    --recharge-typography-size-5: calc(1 * var(--recharge-typography-scale));
5485    --recharge-typography-size-6: calc(.875 * var(--recharge-typography-scale));
5486
5487    /** Text **/
5488    --recharge-typography-light: #FFFFFF;
5489    --recharge-typography-primary: var(--recharge-color-neutral);
5490    --recharge-typography-secondary: var(--recharge-color-neutral-70);
5491
5492    /* Corners */
5493    --recharge-corners-radius: 8px;
5494
5495    --recharge-button-border-radius: 8px;
5496    
5497
5498    /* Views */
5499    
5500    --recharge-views-background: #F7F7F7;
5501    
5502
5503    /* Buttons */
5504    --recharge-button-font-family: inherit;
5505    --recharge-button-brand: var(--recharge-color-brand);
5506    --recharge-button-color: #FFFFFF;
5507  }
5508</style>
5509
5510</div><div id="shopify-block-AUW5qUWc5eEVxQWVtc__3318355620493698349" class="shopify-block shopify-app-block"><link rel="stylesheet" href="https://cdn.shopify.com/extensions/01a1010e-c33a-7ad3-8390-4d806bc8ccd3/discos-smart-bogo-cart-upsell-1522/assets/wbogo2.min.css" media="all">
5511<script defer src="https://cdn.shopify.com/extensions/01a1010e-c33a-7ad3-8390-4d806bc8ccd3/discos-smart-bogo-cart-upsell-1522/assets/wbogo2.min.js"></script>
5511
5512
5513
5514
5515
5516
5517
5518
5519
5520
5521
5522
5523
5524
5525
5526
5527
5528
5529<script
5530  type="text/javascript"
5531>
5532  window._wizz= {
5533      shop_id: "84289847576",
5534      stfr_id: '92317bd88bd83489786194a58e7b5e0b',
5535      campaigns: [] || [],
5536      widget_settings: {"trademark":"© WizzCommerce","hasTrademark":true,"popup":{"headerBgColor":"#111213","headerTxtColor":"#FFFFFF","checkoutBtn":{"status":true,"text":"Check out","bgColor":"#202223","txtColor":"#FFFFFF"},"gotocartBtn":{"status":true,"text":"Go to cart","bgColor":"#FFFFFF","txtColor":"#202223"},"nothanksBtn":{"status":true,"text":"No, thanks!","txtColor":"#6D7175"},"addtocartBtn":{"text":"Add to cart","bgColor":"#008060","txtColor":"#FFFFFF","added":"Added"}},"volume":{"hdTitleColor":"#121212","hdFontSize":"14","bdThemeColor":"#008060","bdCardTxtColor":"#000000","bdBtnTxtColor":"#FFFFFF","bdFontSize":"16","hlText":"Most popular","htFontSize":"12","htBgColor":"#202223","htTxtColor":"#FFFFFF","txtBeforeQtty":"Buy","txtAfterQtty":"save","sbmBtnTxt":"Grab deal now"},"table":{"title":"Available Offers","titleColor":"#FFFFFF","titleBgColor":"#008060","buyHeaderTxt":"Buy minimum qty","getHeaderTxt":"Get","prefixBuyTxt":"Buy","suffixBuyTxt":"item(s)","prefixGetTxt":"Get","midGetTxt":"item(s)","suffixGetTxt":"off!"},"timer":{"heading":{"text":"🔥 Hurry up! Sale ends in","txtSize":"24"},"timeLabels":{"days":"days","hours":"hrs","minutes":"mins","seconds":"secs"},"timeNumber":{"txtColor":"#FF5A00","timeSize":"40"},"txtColor":"#FFD222","bgColor":"#0C2D2D","borderRadius":"8"},"promoBanner":{"status":false,"text":"Woo hoo, we’re having an ongoing promotion in-store. Check it out!","bnFontSize":"16","bnFontColor":"#FFFFFF","bnHeight":"52","bnBgColor":"#008060","closable":true,"clickable":false,"url":"","hasSchedule":false,"hasTimer":false,"startTime":"","endTime":"","timerData":{"days":"Days","hours":"Hrs","minutes":"Mins","seconds":"Secs","tmFontSize":"14","tmBgColor":"#F81C3C","tmTxtColor":"#FFFFFF"}},"progressBanner":{"status":false,"campaign_id":null,"promo_fmsg":"Purchase","promo_amsg":"to get a Free Gift!","progress_fmsg":"Buy","progress_amsg":"more to get your Free Gift","congrats_msg":"Congratulation! You reached a Free Gift.","css":{"font_size":"16","font_color":"#FFFFFF","height":"52","banner_color":"#6200EE"}},"snackbar":{"text":"🎁 You have unlocked a gift!","status":false,"sb_bg_color":"#FFFFFF","sb_highlight_color_1":"#29845A","sb_highlight_color_2":"#FFC453"},"widget":{"widgetTextAtc":"Grab Deal Now","widgetTextTotal":"Total","widgetHeaderColor":"#000000","widgetDescColor":"#8A8A8A","widgetTotalColor":"#000000","widgetBgColor":"#FFFFFF","widgetTextBagdeBgColor":"#007457","widgetTextBadgeColor":"#FFFFFF","widgetAtcBgColor":"#1A1A1A","widgetAtcColor":"#FFFFFF"},"hasTranslate":false,"translate":{},"hasPopupTimer":true,"popupTimer":{"label":"Offer ends in","daysLabel":"DAYS","hoursLabel":"HRS","minsLabel":"MINS","secsLabel":"SECS"},"reward":{"showMinCart":true,"msgTxtFontSize":"16","msgTxtColor":"#303030","rewardBarFontSize":"16","rewardBarBgColor":"#EFEFEF","rewardBarFgColor1":"#C3F1DC","rewardBarFgColor2":"#29845A","rewardBarIconColor":"#29845A","rewardBarTemplateChoice":"template_1"}},
5537      promotion_widget: null,
5538      promotion_section: null,
5539      build_a_box_page: null,
5540      collections_has_badge: [] || [],
5541      page: 'search',
5542      customer: null,
5543      cart: null,
5544      localization: {
5545          marketId: 73810379032,
5546          country: "US"
5547      },
5548      money_format: "${{amount}}",
5549      shop_locale: 'en',
5550      routes_root: '/',
5551      collection: null,
5552      product: null,
5553      target_col_has_badge: null,
5554      cart_type: "notification",
5555      app_embed_ver1: "false",
5556      app_embed_ver2: "true",
5557      plan_type: "freeV3",
5558      flags: {}
5559  }
5560
5561  
5562
5563  
5564      window._wizz.target_col_has_badge = {}
5565      
5566  
5567
5568  
5569
5570  
5571
5572  
5573      window._wizz.cart = {"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}
5574  
5575
5576
5577  
5578</script>
5578
5579
5580<script>
5581  (function () {
5582    function getSelectedVariantId() {
5583      var queryVariant = new URLSearchParams(window.location.search).get("variant");
5584      var firstVariant = window._wizz && window._wizz.first_variant && window._wizz.first_variant.id;
5585      return queryVariant || (firstVariant ? String(firstVariant) : null);
5586    }
5587
5588    function campaignTargetsCurrentProduct(campaign, product, selectedVariantId) {
5589      if (!campaign || !campaign.has_badge || !product) return false;
5590
5591      if (campaign.trigger_type === "products") {
5592        return (campaign.trigger_products || []).some(function (triggerProduct) {
5593          return (
5594            String(triggerProduct.id) === String(product.id) &&
5595            (triggerProduct.variants || []).some(function (variant) {
5596              return String(variant.id) === String(selectedVariantId);
5597            })
5598          );
5599        });
5600      }
5601
5602      if (campaign.trigger_type === "collections") {
5603        var productCollections =
5604          window._wizz &&
5605          window._wizz.product_in_collections &&
5606          window._wizz.product_in_collections[String(product.id)];
5607
5608        return (
5609          Array.isArray(productCollections) &&
5610          (campaign.trigger_collections || []).some(function (collection) {
5611            return productCollections.includes(Number(collection.id));
5612          })
5613        );
5614      }
5615
5616      return false;
5617    }
5618
5619    function removeStaleProductBadge() {
5620      var wizz = window._wizz;
5621      if (!wizz || wizz.page !== "product" || !wizz.product) return;
5622
5623      var selectedVariantId = getSelectedVariantId();
5624      if (!selectedVariantId) return;
5625
5626      var hasEligibleBadge = (wizz.campaigns || []).some(function (campaign) {
5627        return campaignTargetsCurrentProduct(campaign, wizz.product, selectedVariantId);
5628      });
5629
5630      if (hasEligibleBadge) return;
5631
5632      try {
5633        var cachedBadges = JSON.parse(sessionStorage.getItem("wBadgeData") || "{}");
5634        if (cachedBadges[wizz.product.handle]) {
5635          delete cachedBadges[wizz.product.handle];
5636          sessionStorage.setItem("wBadgeData", JSON.stringify(cachedBadges));
5637        }
5638      } catch (error) {
5639        console.warn("[BOGO+] Failed to clear stale badge cache", error);
5640      }
5641
5642      document.querySelectorAll(".wbadge, .wizz_badge_img--svg").forEach(function (badge) {
5643        badge.remove();
5644      });
5645    }
5646
5647    ["wizz_replaceState", "wizz_pushState", "popstate"].forEach(function (eventName) {
5648      window.addEventListener(eventName, function () {
5649        window.setTimeout(removeStaleProductBadge, 50);
5650        window.setTimeout(removeStaleProductBadge, 300);
5651      });
5652    });
5653
5654    document.addEventListener("change", function (event) {
5655      if (event.target && event.target.closest && event.target.closest('form[action*="/cart/add"]')) {
5656        window.setTimeout(removeStaleProductBadge, 150);
5657      }
5658    });
5659
5660    window.addEventListener("load", function () {
5661      window.setTimeout(removeStaleProductBadge, 300);
5662    });
5663  })();
5664</script>
5664
5665
5666
5667</div>
5667<script src="https://cdn.shopify.com/storefront/standard-actions.js" type="module" data-source-attribution="shopify.standard_actions"></script>
5667
5668</body>
5669</html>

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