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 – 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">© 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.