PageSourceSearch

https://www.dhccare.com/account/register

html dhccare.com collected 2026-10-03 19:42:08 UTC 252,426 bytes, 3,977 lines download raw bytes

1
2
3
4
5
6
7    <!doctype html>
8    <html class="no-js" lang="en">
9        <head>
10            <meta charset="utf-8">
11            <meta http-equiv="X-UA-Compatible" content="IE=edge">
12            <meta name="viewport" content="width=device-width,initial-scale=1">
13            <meta name="generator" content="adastra">
14
15            <link rel="canonical" href="https://www.dhccare.com/account/register">
16
17            
18                <link fetchpriority="low" rel="icon" href="//www.dhccare.com/cdn/shop/files/favicon.png?crop=center&height=32&v=1740573031&width=32" sizes="32x32">
19            
20
21            <title>Create Account</title>
22
23            <meta name="description" content="DHC Skincare">
24
25            
26            <link rel="preconnect" href="https://cdn.shopify.com" crossorigin>
27
28            
29            
30                <link rel="preconnect" href="https://fonts.shopifycdn.com" crossorigin>
31            
32
33            
34
35<style data-shopify>
36  :root {
37    --color-blue: rgb(0 88 170);
38    --color-blue-100:  rgb(108 173 229);
39    --color-blue-200:  rgb(208 238 249);
40    --color-blue-300:  rgb(25 104 178);
41    --color-red: rgb(220 113 96);
42    --color-black: rgb(54 58 68);
43    --color-black-100: rgb(75 79 91);
44    --color-white: rgb(255 255 255);
45    --color-lightgray: rgb(246 246 246);
46    --color-lightgray-100: rgb(223 230 237);
47    --color-lightgray-200: rgb(237 241 245);
48    --color-lightgray-300: rgb(241 243 246);
49    --color-lightgray-400: rgb(249 250 250);
50    --color-lightgray-500: rgb(250 250 250);
51    --color-purple: rgb(129 82 161);
52  }
53</style>
54
55
56<meta property="og:site_name" content="DHC Skincare">
57<meta property="og:url" content="https://www.dhccare.com/account/register">
58<meta property="og:title" content="Create Account">
59<meta property="og:type" content="website">
60<meta property="og:description" content="As one the largest global Japanese-born beauty brands, DHC is committed to creating gentle, effective products that balance breakthrough innovation &amp;amp; traditional botanicals, while honoring time-tested Japanese skincare rituals.">
61
62
63
64
65
66
67<style data-shopify>
68  @font-face {
69    font-family: Lato;
70    src: url("//www.dhccare.com/cdn/shop/t/4/assets/Lato-Regular.woff2?v=170517046809054728081739530105") format('woff2');
71    font-weight: 500;
72    font-style: normal;
73    font-display: swap;
74  }
75
76  @font-face {
77    font-family: Lato;
78    src: url("//www.dhccare.com/cdn/shop/t/4/assets/Lato-Italic.woff2?v=2192013615898355991739530105") format('woff2');
79    font-weight: 500;
80    font-style: italic;
81    font-display: swap;
82  }
83
84  @font-face {
85    font-family: Lato;
86    src: url("//www.dhccare.com/cdn/shop/t/4/assets/Lato-Bold.woff2?v=51487416944255601441739530104") format('woff2');
87    font-weight: 600;
88    font-style: normal;
89    font-display: swap;
90  }
91
92  @font-face {
93    font-family: Lato;
94    src: url("//www.dhccare.com/cdn/shop/t/4/assets/Lato-BoldItalic.woff2?v=20106331457771402171739530105") format('woff2');
95    font-weight: 600;
96    font-style: italic;
97    font-display: swap;
98  }
99
100  @font-face {
101    font-family: Lato;
102    src: url("//www.dhccare.com/cdn/shop/t/4/assets/Lato-Bold.woff2?v=51487416944255601441739530104") format('woff2');
103    font-weight: 700;
104    font-style: normal;
105    font-display: swap;
106  }
107
108  @font-face {
109    font-family: Lato;
110    src: url("//www.dhccare.com/cdn/shop/t/4/assets/Lato-BoldItalic.woff2?v=20106331457771402171739530105") format('woff2');
111    font-weight: 700;
112    font-style: italic;
113    font-display: swap;
114  }
115
116  @font-face {
117    font-family: Lato;
118    src: url("//www.dhccare.com/cdn/shop/t/4/assets/Lato-Black.woff2?v=150696264607342537571739860530") format('woff2');
119    font-weight: 800;
120    font-style: normal;
121    font-display: swap;
122  }
123
124  @font-face {
125    font-family: Lato;
126    src: url("//www.dhccare.com/cdn/shop/t/4/assets/Lato-BlackItalic.woff2?v=96757970158727851081740425356") format('woff2');
127    font-weight: 800;
128    font-style: italic;
129    font-display: swap;
130  }
131
132  @font-face {
133    font-family: Playfair;
134    src: url("//www.dhccare.com/cdn/shop/t/4/assets/Playfair-Regular.woff2?v=85024266877034082261745491117") format('woff2');
135    font-weight: 400;
136    font-style: normal;
137    font-display: swap;
138  }
139
140  @font-face {
141    font-family: Playfair;
142    src: url("//www.dhccare.com/cdn/shop/t/4/assets/Playfair-Italic.woff2?v=179733731308179876951745491116") format('woff2');
143    font-weight: 400;
144    font-style: italic;
145    font-display: swap;
146  }
147  @font-face {
148    font-family: Playfair;
149    src: url("//www.dhccare.com/cdn/shop/t/4/assets/Playfair-Medium.woff2?v=134719456859670913481745491117") format('woff2');
150    font-weight: 500;
151    font-style: normal;
152    font-display: swap;
153  }
154
155  @font-face {
156    font-family: Playfair;
157    src: url("//www.dhccare.com/cdn/shop/t/4/assets/Playfair-MediumItalic.woff2?v=122841882150656019741745491117") format('woff2');
158    font-weight: 500;
159    font-style: italic;
160    font-display: swap;
161  }
162
163  @font-face {
164    font-family: Playfair;
165    src: url("//www.dhccare.com/cdn/shop/t/4/assets/Playfair-SemiBold.woff2?v=31484780715871797751745491118") format('woff2');
166    font-weight: 600;
167    font-style: normal;
168    font-display: swap;
169  }
170
171  @font-face {
172    font-family: Playfair;
173    src: url("//www.dhccare.com/cdn/shop/t/4/assets/Playfair-SemiBoldItalic.woff2?v=104990376764291517011745491118") format('woff2');
174    font-weight: 600;
175    font-style: italic;
176    font-display: swap;
177  }
178
179  @font-face {
180    font-family: Playfair;
181    src: url("//www.dhccare.com/cdn/shop/t/4/assets/Playfair-Bold.woff2?v=1312393910118698231745491116") format('woff2');
182    font-weight: 700;
183    font-style: normal;
184    font-display: swap;
185  }
186
187  @font-face {
188    font-family: Playfair;
189    src: url("//www.dhccare.com/cdn/shop/t/4/assets/Playfair-BoldItalic.woff2?v=32938597972468254321745491116") format('woff2');
190    font-weight: 700;
191    font-style: italic;
192    font-display: swap;
193  }
194
195  @font-face {
196    font-family: 'Playfair Display';
197    src: url("//www.dhccare.com/cdn/shop/t/4/assets/PlayfairDisplay-Regular.woff2?v=96150961707678385721746627626") format('woff2');
198    font-weight: 400;
199    font-style: normal;
200    font-display: swap;
201  }
202
203  @font-face {
204    font-family: 'Playfair Display';
205    src: url("//www.dhccare.com/cdn/shop/t/4/assets/PlayfairDisplay-SemiBold.woff2?v=19790376206621403861746627627") format('woff2');
206    font-weight: 600;
207    font-style: normal;
208    font-display: swap;
209  }
210
211  @font-face {
212    font-family: 'Playfair Display';
213    src: url("//www.dhccare.com/cdn/shop/t/4/assets/PlayfairDisplay-Bold.woff2?v=47480493208030920581790580781") format('woff2');
214    font-weight: 700;
215    font-style: normal;
216    font-display: swap;
217  }
218
219  :root {
220    --type-heading-scale: 1;
221    --type-body-scale: 1;
222    --type-heading-scale: 1;
223    --type-body-scale: 1;
224
225    --font-heading-family: 'Playfair Display';
226    --font-heading-style: ;
227    --font-heading-weight: ;
228
229    --font-body-family: Lato;
230    --font-body-style: ;
231    --font-body-weight: ;
232
233    --font-secondary-family: Playfair;
234    --font-secondary-style: normal;
235    --font-body-weight: 400;
236
237    --font-playfair-display-family: 'Playfair Display';
238    --font-playfair-display-style: normal;
239    --font-playfair-display-weight: 400;
240  }
241</style>
242<style data-shopify>
243    :root {
244        --site-width: 1920px;
245        --grid-x-offset: 15px;
246        --grid-x-offset-desktop: 162px;
247    }
248</style>
249
250
251            <!-- Google Tag Manager -->
252            
252<script>
vendor: 375 bytes, lines 252-256
252(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
253            new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
254            j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
255            'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
256            })(window,document,'script','dataLayer','
256GTM-PTMSKR38
vendor: 3 bytes, line 256
256');
256</script>
256
257            <!-- End Google Tag Manager -->
258
259            <!-- MERKURY TAG START -->
260            
260<script type="text/javascript">
261                window._svq = window._svq || [];
262                window._svq.push(['_trackPageView']);
263                (function (d, c) {
264                var sv=d.createElement(c); sv.type='text/javascript';
265                sv.src='//track.sv.rkdms.com/js/sv.js?sv_cid=2670_03931&sv_origin=dhccare.com';
266                var s=d.getElementsByTagName(c)[0]; s.parentNode.insertBefore(sv, s);
267                })(document, 'script');
268            </script>
268
269            <!-- MERKURY TAG END -->
270
271            <!-- Cookie Hub -->
272            
272<script src="https://cdn.cookiehub.eu/gpp/v3/stub.js"></script>
272
273            
273<script src="https://cdn.cookiehub.eu/c2/0d762a3f.js"></script>
273
274            
274<script type="text/javascript">
275                document.addEventListener('DOMContentLoaded', function(event) {
276                    const cpm = {};
277                    window.cookiehub.load(cpm);
278                });
279            </script>
279
280            <!-- End Cookie Hub -->
281
282            
283                
283<script src="//www.dhccare.com/cdn/shopifycloud/storefront/assets/themes_support/shopify_common-5f594365.js" type="text/javascript"></script>
283
284                
284<script src="//www.dhccare.com/cdn/shopifycloud/storefront/assets/themes_support/customer_area-f1b6eefc.js" type="text/javascript"></script>
284
285            
286
287            
287<script>
288                document.documentElement.className = document.documentElement.className.replace('no-js', 'js');
289                window.addEventListener('load', () => document.documentElement.classList.add('ready'));
290                window.template = 'customers/register';
291            </script>
291
292
293            <!-- shopify/apps -->
294            
294<script>window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.start');</script>
294<meta name="facebook-domain-verification" content="exrbuf1vh4arf27fcaauxz5mmvdegr">
295<meta name="google-site-verification" content="-fs7z3OITbsyri2P1eKb4IvB0EiAWsQiDyI88PHoi_Y">
296<meta id="shopify-digital-wallet" name="shopify-digital-wallet" content="/68606558404/digital_wallets/dialog">
297<meta id="in-context-paypal-metadata" data-shop-id="68606558404" data-venmo-supported="false" data-environment="production" data-locale="en_US" data-paypal-v4="true" data-currency="USD">
298<link rel="ucp" href="/.well-known/ucp" version="2026-08-25">
298<script async="async" src="/checkouts/internal/preloads.js?locale=en-US&default_configuration_id=2456289476"></script>
298
299<link rel="preconnect" href="https://shop.app" crossorigin="anonymous">
300<script async="async" src="https://shop.app/checkouts/internal/preloads.js?locale=en-US&default_configuration_id=2456289476&shop_id=68606558404" crossorigin="anonymous"></script>
vendor: 1 bytes, line 300
300
301<script id="apple-pay-shop-capabilities" type="application/json">{"shopId":68606558404,"countryCode":"US","currencyCode":"USD","merchantCapabilities":["supports3DS"],"merchantId":"gid:\/\/shopify\/Shop\/68606558404","merchantName":"DHC Skincare","requiredBillingContactFields":["postalAddress","email","phone"],"requiredShippingContactFields":["postalAddress","email","phone"],"shippingType":"shipping","supportedNetworks":["visa","masterCard","amex","discover","elo","jcb"],"total":{"type":"pending","label":"DHC Skincare","amount":"1.00"},"shopifyPaymentsEnabled":true,"supportsSubscriptions":true}</script>
vendor: 1 bytes, line 301
301
302<script id="shopify-features" type="application/json">{"accessToken":"86639ac864e831e9c907fcd9fee3c566","betas":["rich-media-storefront-analytics"],"domain":"www.dhccare.com","predictiveSearch":true,"shopId":68606558404,"locale":"en"}</script>
vendor: 1 bytes, line 302
302
303<script>var Shopify = Shopify || {};
304Shopify.shop = "in6xhd-sx.myshopify.com";
305Shopify.locale = "en";
306Shopify.currency = {"active":"USD","rate":"1.0"};
307Shopify.country = "US";
308Shopify.theme = {"name":"dhccare-shopify-theme\/master-build","id":143056830660,"schema_name":"Dawn","schema_version":"15.2.0","theme_store_id":null,"role":"main"};
309Shopify.theme.handle = "null";
310Shopify.theme.style = {"id":null,"handle":null};
311Shopify.cdnHost = "www.dhccare.com/cdn";
312Shopify.routes = Shopify.routes || {};
313Shopify.routes.root = "/";
314Shopify.shopJsCdnBaseUrl = "https://cdn.shopify.com/shopifycloud/shop-js";
315Shopify.SignInWithShop = Shopify.SignInWithShop || {};
316Shopify.SignInWithShop.User = Shopify.SignInWithShop.User || {};
317Shopify.SignInWithShop.User.recognized = false;</script>
vendor: 1 bytes, line 317
317
318<script type="module">!function(o){(o.Shopify=o.Shopify||{}).modules=!0}(window);</script>
vendor: 1 bytes, line 318
318
319<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 319
319
320<script>
321  window.ShopifyPay = window.ShopifyPay || {};
322  window.ShopifyPay.apiHost = "shop.app\/pay";
323  window.ShopifyPay.redirectState = null;
324</script>
vendor: 1 bytes, line 324
324
325<script>
326  window.Shopify = window.Shopify || {};
327  window.Shopify.SignInWithShop = window.Shopify.SignInWithShop || {};
328  window.Shopify.SignInWithShop.assetMetrics = { sampleRate: 0.25 };
329  window.Shopify.SignInWithShop.eligible = true;
330</script>
vendor: 1 bytes, line 330
330
331<script id="shop-js-analytics" type="application/json">{"pageType":"customers/register"}</script>
vendor: 1 bytes, line 331
331
332<script defer="defer" async type="module" src="https://cdn.shopify.com/shopifycloud/shop-js/modules/v2/loader.init-customer-accounts.en.esm.js"></script>
vendor: 1 bytes, line 332
332
333<script defer="defer" async type="module" src="https://cdn.shopify.com/shopifycloud/shop-js/modules/v2/loader.init-customer-accounts-sign-up.en.esm.js"></script>
vendor: 1 bytes, line 333
333
334<script type="module">
335  await import("https://cdn.shopify.com/shopifycloud/shop-js/modules/v2/loader.init-customer-accounts.en.esm.js");
336await import("https://cdn.shopify.com/shopifycloud/shop-js/modules/v2/loader.init-customer-accounts-sign-up.en.esm.js");
337
338  window.Shopify.SignInWithShop?.initCustomerAccounts?.(true, {"fedCMEnabled":true,"windoidEnabled":true});
339window.Shopify.SignInWithShop?.initCustomerAccountsSignUp?.({"fedCMEnabled":true,"windoidEnabled":true});
340
341</script>
vendor: 1 bytes, line 341
341
342<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 342
342
343<script type="module">
344  await import("https://cdn.shopify.com/shopifycloud/shop-js/modules/v2/loader.init-shop-cart-sync.en.esm.js");
345
346  window.Shopify.SignInWithShop?.initShopCartSync?.({"fedCMEnabled":true,"windoidEnabled":true});
347
348</script>
vendor: 1 bytes, line 348
348
349<script>
350  window.Shopify = window.Shopify || {};
351  if (!window.Shopify.featureAssets) window.Shopify.featureAssets = {};
352  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"]};
353</script>
vendor: 1 bytes, line 353
353
354<script>(function() {
355  var isLoaded = false;
356  function asyncLoad() {
357    if (isLoaded) return;
358    isLoaded = true;
359    var urls = ["https:\/\/lac.sfapp.magefan.top\/js\/scripttags\/assistance\/init.js?shop=in6xhd-sx.myshopify.com","https:\/\/cdn.nfcube.com\/instafeed-2550b0652029557d300a495ef430e7d0.js?shop=in6xhd-sx.myshopify.com"];
360    for (var i = 0; i < urls.length; i++) {
361      var s = document.createElement('script');
362      s.type = 'text/javascript';
363      s.async = true;
364      s.src = urls[i];
365      var x = document.getElementsByTagName('script')[0];
366      x.parentNode.insertBefore(s, x);
367    }
368  };
369  if(window.attachEvent) {
370    window.attachEvent('onload', asyncLoad);
371  } else {
372    window.addEventListener('load', asyncLoad, false);
373  }
374})();</script>
vendor: 1 bytes, line 374
374
375<script id="__st">var __st={"a":68606558404,"offset":-14400,"reqid":"e4a03e6e-c3bd-4a78-ac54-fe836037e103-1791056526","pageurl":"www.dhccare.com\/account\/register","u":"c78ac2c3fd81"};</script>
vendor: 1 bytes, line 375
375
376<script>window.ShopifyPaypalV4VisibilityTracking = true;</script>
vendor: 1 bytes, line 376
376
377<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 377
377
378<script integrity="sha256-JjoPp5ZfB1sSAs5SQaol1x1GgvveM+BgmRzyDexInEQ=" data-source-attribution="shopify.loadfeatures" defer="defer" src="//www.dhccare.com/cdn/shopifycloud/storefront/assets/storefront/load_feature-1bd60354.js" crossorigin="anonymous"></script>
vendor: 1 bytes, line 378
378
379<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.dhccare.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>
379<script crossorigin="anonymous" defer="defer" src="//www.dhccare.com/cdn/shopifycloud/storefront/assets/shopify_pay/storefront-616277c7.js?v=20250812"></script>
vendor: 1 bytes, line 379
379
380<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 380
380
381<script>
382  window.Shopify = window.Shopify || {};
383  window.Shopify.MCP = window.Shopify.MCP || {};
384  window.Shopify.MCP.enabled = true;
385  window.Shopify.MCP.shop = "in6xhd-sx.myshopify.com";
386  window.Shopify.MCP.mcpEndpoint = "https:\/\/www.dhccare.com\/api\/mcp";
387  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"]}}];
388</script>
vendor: 1 bytes, line 388
388
389<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.dhccare.com\/cdn\/shopifycloud\/storefront\/assets\/storefront\/webmcp-c6b62ece.js","sha256-ke4DDuBjdvea3vxLWxHc9E9nq8zihuG4IfYEGbb77ys=");})();
390</script>
vendor: 1 bytes, line 390
390
391<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.dhccare.com/cdn/shopifycloud/portable-wallets/latest/portable-wallets.en.js",t.type="module",document.head.appendChild(t)}};
392</script>
vendor: 1 bytes, line 392
392
393<script data-source-attribution="shopify.dynamic_checkout.buyer_consent">
394  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);
395</script>
vendor: 1 bytes, line 395
395
396<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})}}));
397</script>
397
398<link id="shopify-accelerated-checkout-styles" rel="stylesheet" media="screen" href="https://www.dhccare.com/cdn/shopifycloud/portable-wallets/latest/accelerated-checkout-backwards-compat.css" crossorigin="anonymous">
399<style id="shopify-accelerated-checkout-cart">
400        #shopify-buyer-consent {
401  margin-top: 1em;
402  display: inline-block;
403  width: 100%;
404}
405
406#shopify-buyer-consent.hidden {
407  display: none;
408}
409
410#shopify-subscription-policy-button {
411  background: none;
412  border: none;
413  padding: 0;
414  text-decoration: underline;
415  font-size: inherit;
416  cursor: pointer;
417}
418
419#shopify-subscription-policy-button::before {
420  box-shadow: none;
421}
422
423      </style>
424
425<script id="shopify-cfh-end">window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.end');</script>
425
426
427            
428
429
430
431  <link href="//www.dhccare.com/cdn/shop/t/4/assets/dhc-base-e8c4358e.css" rel="stylesheet" type="text/css" media="all" />
432
433
434
435
436
437  <link rel="modulepreload" href="//www.dhccare.com/cdn/shop/t/4/assets/dhc-index-8f63a9ee.js" as="script" crossorigin="anonymous">
438  
438<script src="//www.dhccare.com/cdn/shop/t/4/assets/dhc-index-8f63a9ee.js" type="module" crossorigin="anonymous"></script>
438
439
440
441        <!-- BEGIN app block: shopify://apps/klaviyo-email-marketing-sms/blocks/klaviyo-onsite-embed/2632fe16-c075-4321-a88b-50b567f42507 -->
442
443
444
445
446
447
448
449
450
451
452
453
454  
454<script async src="https://static.klaviyo.com/onsite/js/YjWsmp/klaviyo.js?company_id=YjWsmp"></script>
454
455  
455<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>
455
456
457  
458
459
460
461
462  
462<script>
463    window.klaviyoReviewsProductDesignMode = false
464  </script>
464
465
466
467
468
469
470
471
472
473
474<!-- END app block --><!-- BEGIN app block: shopify://apps/instafeed/blocks/head-block/c447db20-095d-4a10-9725-b5977662c9d5 --><!-- BEGIN app snippet: storefront-script -->
475
476
477  
478    
478<script src="https://cdn.nfcube.com/instafeed-2550b0652029557d300a495ef430e7d0.js" defer></script>
478
479  
480
481<!-- END app snippet -->
482
483
484
485
486<!-- END app block --><!-- BEGIN app block: shopify://apps/yotpo-loyalty-rewards/blocks/loader-app-embed-block/2f9660df-5018-4e02-9868-ee1fb88d6ccd -->
487    
487<script src="https://cdn-widgetsrepository.yotpo.com/v1/loader/ufKP-8f-XQMwaJJYVsSg-A" async></script>
487
488
489
490
491
492
493
494
495<!-- END app block --><!-- BEGIN app block: shopify://apps/microsoft-clarity/blocks/clarity_js/31c3d126-8116-4b4a-8ba1-baeda7c4aeea -->
496<script type="text/javascript">
497  (function (c, l, a, r, i, t, y) {
498    c[a] = c[a] || function () { (c[a].q = c[a].q || []).push(arguments); };
499    t = l.createElement(r); t.async = 1; t.src = "https://www.clarity.ms/tag/" + i + "?ref=shopify";
500    y = l.getElementsByTagName(r)[0]; y.parentNode.insertBefore(t, y);
501
502    c.Shopify.loadFeatures([{ name: "consent-tracking-api", version: "0.1" }], error => {
503      if (error) {
504        console.error("Error loading Shopify features:", error);
505        return;
506      }
507
508      c[a]('consentv2', {
509        ad_Storage: c.Shopify.customerPrivacy.marketingAllowed() ? "granted" : "denied",
510        analytics_Storage: c.Shopify.customerPrivacy.analyticsProcessingAllowed() ? "granted" : "denied",
511        source: 101,
512      });
513    });
514
515    l.addEventListener("visitorConsentCollected", function (e) {
516      c[a]('consentv2', {
517        ad_Storage: e.detail.marketingAllowed ? "granted" : "denied",
518        analytics_Storage: e.detail.analyticsAllowed ? "granted" : "denied",
519        source: 101,
520      });
521    });
522  })(window, document, "clarity", "script", "wccxg6yofz");
523</script>
523
524
525
526
527<!-- END app block --><!-- BEGIN app block: shopify://apps/microsoft-clarity/blocks/brandAgents_js/31c3d126-8116-4b4a-8ba1-baeda7c4aeea -->
528
529
530
531<script type="text/javascript">
532  (function(d){
533      var s = d.createElement('script');
534      s.async = true;
535      s.src = "https://adsagentclientafd-b7hqhjdrf3fpeqh2.b01.azurefd.net/frontendInjection.js";
536      var firstScript = d.getElementsByTagName('script')[0];
537      firstScript.parentNode.insertBefore(s, firstScript);
538  })(document);
539</script>
539
540
541
542
543<!-- END app block --><!-- BEGIN app block: shopify://apps/mida-replay-heatmaps/blocks/mida_recorder/e4c350c5-eabf-426d-8014-47ef50412bd0 -->
544    
544<script>
545        window.msrPageTitle = "Create Account";
546        
547            window.msrQuota = "{&quot;version&quot;:&quot;session&quot;,&quot;date&quot;:&quot;2026-09-20T01:21:23.442Z&quot;}";
548            window.sessionStorage.setItem("msrQuota", "{&quot;version&quot;:&quot;session&quot;,&quot;date&quot;:&quot;2026-09-20T01:21:23.442Z&quot;}")
549        
550        window.msrCart = {"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}
551        window.msrCustomer = {
552            email: "",
553            id: "",
554        }
555
556        
557
558        
559            window.msrSetting = {
560                require_consent: false,
561            };
562        
563
564        
565            window.msrFraudIntegration = {
566                enabled: false,
567                connection_status: false,
568            };
569        
570
571        if (!window.msrProduct) {
572            window.msrProduct = null;
573        }
574
575        if (window.msrProduct) {
576            window.sessionStorage.setItem(window.msrProduct.id, "" || "Default")
577        }
578        window.msrTheme = {
579            name: "",
580            type: "register",
581        };
582        window.msrData = Object.freeze({
583            proxy: '2',
584        });
585    </script>
585
586    
587    
588        
588<script src='https://cdn.shopify.com/extensions/01a0eb4a-b79a-7ae1-8692-92b11dc1162f/version_1c25400d-2026-09-29_10h52m/assets/recorder.msr.js' defer='defer'></script>
588
589    
590    
591
592    
593    
594    
595        
596        
597        
598        
599    
600
601
602    
603    
604    
605    
606    
607
608
609
610<!-- END app block --><link href="https://monorail-edge.shopifysvc.com" rel="dns-prefetch">
611<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: 68606558404,url: window.location.href,navigation_start,duration: currentMs - navigation_start,session_token,page_type: "customers/register"};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 611
611
612<script>
613  window.__TREKKIE_SHIM_QUEUE = window.__TREKKIE_SHIM_QUEUE || [];
614</script>
vendor: 1 bytes, line 614
614
615<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}
615).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: 68606558404,storefrontBaseUrl: "https://www.dhccare.com",extensionsBaseUrl: "https://extensions.shopifycdn.com/cdn/shopifycloud/web-pixels-manager",monorailEndpoint: "https://www.dhccare.com/.well-known/shopify/monorail/unstable/produce_batch",surface: "storefront-renderer",enabledBetaFlags: ["4c64608a","16072cab","8450a54b","7ee89bf1"],webPixelsConfigList: [{"id":"2056224964","configuration":"{\"config\":\"{\\\"google_tag_ids\\\":[\\\"G-3CKS5F64GE\\\",\\\"AW-11260455190\\\",\\\"GT-PBS3Z4TL\\\"],\\\"target_country\\\":\\\"ZZ\\\",\\\"gtag_events\\\":[{\\\"type\\\":\\\"begin_checkout\\\",\\\"action_label\\\":[\\\"G-3CKS5F64GE\\\",\\\"AW-11260455190\\\/yqnLCPLx3PAaEJbSs_kp\\\"]},{\\\"type\\\":\\\"search\\\",\\\"action_label\\\":[\\\"G-3CKS5F64GE\\\",\\\"AW-11260455190\\\/wRhECMD13PAaEJbSs_kp\\\"]},{\\\"type\\\":\\\"remove_from_cart\\\",\\\"action_label\\\":\\\"G-3CKS5F64GE\\\"},{\\\"type\\\":\\\"view_item\\\",\\\"action_label\\\":[\\\"G-3CKS5F64GE\\\",\\\"AW-11260455190\\\/LK9MCL313PAaEJbSs_kp\\\",\\\"MC-C83KE6PD
615QT\\\"]},{\\\"type\\\":\\\"add_shipping_info\\\",\\\"action_label\\\":\\\"G-3CKS5F64GE\\\"},{\\\"type\\\":\\\"purchase\\\",\\\"action_label\\\":[\\\"G-3CKS5F64GE\\\",\\\"AW-11260455190\\\/atnxCO_x3PAaEJbSs_kp\\\",\\\"MC-C83KE6PDQT\\\"]},{\\\"type\\\":\\\"page_view\\\",\\\"action_label\\\":[\\\"G-3CKS5F64GE\\\",\\\"AW-11260455190\\\/5ItwCLr13PAaEJbSs_kp\\\",\\\"MC-C83KE6PDQT\\\"]},{\\\"type\\\":\\\"view_item_list\\\",\\\"action_label\\\":\\\"G-3CKS5F64GE\\\"},{\\\"type\\\":\\\"add_payment_info\\\",\\\"action_label\\\":[\\\"G-3CKS5F64GE\\\",\\\"AW-11260455190\\\/7Za5CMP13PAaEJbSs_kp\\\"]},{\\\"type\\\":\\\"add_to_cart\\\",\\\"action_label\\\":[\\\"G-3CKS5F64GE\\\",\\\"AW-11260455190\\\/oCNgCPXx3PAaEJbSs_kp\\\"]},{\\\"type\\\":\\\"view_cart\\\",\\\"action_label\\\":\\\"G-3CKS5F64GE\\\"}],\\\"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":"2043740356","configuration":"{}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"9bce1c0cdfc09538057898e4ff134fa2","type":"APP","apiClientId":30400643073,"privacyPurposes":["ANALYTICS"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"unrestricted"},{"id":"1980530884","configuration":"{\"domain\":\"in6xhd-sx.myshopify.com\", \"proxy\":\"2\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"87c41582ad341718e5322e20ac8eafb1","type":"APP","apiClientId":2850947073,"privacyPurposes":[],"capabilities":["advanced_dom_events"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"unrestricted"},{"id":"1805713604","configuration":"{\"projectId\":\"wccxg6yofz\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"d8a2bb2ccbb513dc8e8b6937f4b8033e","type":"APP","apiClientId":240074326017,"privacyPurposes":[],"capabilities":["advanced_dom_events"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_personal_data"],"dataSharingControls":["share_all_events"]},"dataSharingState":"unrestricted"},{"id":"1480065220","configuration":"{\"pixelCode\":\"CNLLN2JC77UB6FSCP5GG\"}","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":[]},"dataSharingState":"optimized"},{"id":"1358758084","configuration":"{\"accountID\":\"YjWsmp\",\"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":"1347780804","configuration":"{\"clickstreamId\":\"2ddd846f-e0db-4c7e-96b2-58fa91ebbdbc\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"dce0ba162d2ca66f441eebf2b9a98ca0","type":"APP","apiClientId":44186959873,"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"}
615,{"id":"1239843012","configuration":"{\"ti\":\"211064931\",\"endpoint\":\"https:\/\/bat.bing.com\/action\/0\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"5ee93563fe31b11d2d65e2f09a5229dc","type":"APP","apiClientId":2997493,"privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_personal_data"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized"},{"id":"1128431812","configuration":"{\"pixel_id\":\"963553171725472\",\"pixel_type\":\"facebook_pixel\"}","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":"125599940","eventPayloadVersion":"1","runtimeContext":"LAX","scriptVersion":"18","type":"CUSTOM","privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"name":"4Cite Merkury Tracker"},{"id":"125731012","eventPayloadVersion":"1","runtimeContext":"LAX","scriptVersion":"1","type":"CUSTOM","privacyPurposes":[],"name":"PowerReviews Checkout Beacon"},{"id":"139526340","eventPayloadVersion":"1","runtimeContext":"LAX","scriptVersion":"1","type":"CUSTOM","privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"name":"BwP ADSP Shopify Checkout"},{"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":"DHC Skincare","paymentSettings":{"currencyCode":"USD"},"myshopifyDomain":"in6xhd-sx.myshopify.com","countryCode":"US","storefrontUrl":"https:\/\/www.dhccare.com"},"customer":null,"cart":null,"checkout":null,"productVariants":[],"products":[{"id":"8237087555780","handle":"the-classic-cleanse-mild-foaming-face-wash","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"44773569593540","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8185610240196","handle":"three-in-one-eyelash-serum","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"44603641004228","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8185606406340","handle":"acne-spot-therapy","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"44603635826884","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8185610305732","handle":"advanced-target-face-cream","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"44603641069764","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8185442861252","handle":"coq10-face-milk","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"44603568029892","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8185604505796","handle":"astaxanthin-collagen-all-in-one-gel","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"44603633860804","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8185606930628","handle":"coq10-neck-cream","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"44603636383940","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8185607323844","handle":"coq10-quick-gel-brightening-moisture","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"44603636940996","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8185610141892","handle":"coq10-serum","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"44603640905924","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8185685508292","handle":"deep-cleansing-oil","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"44603865465028","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8185443057860","handle":"deep-cleansing-oil-z300","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"44603568226500","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8505797116100","handle":"deep-cleansing-oil-2-3-fl-oz","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"45773321928900","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8185609978052","handle":"skin-refresh","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"44603640709316","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]}],"purchasingCompany":null},},"https://www.dhccare.com/cdn","5982071ew7ea472e3p69b68784m2150dfea",{"modern":"","legacy":""},{"trekkieShim":true,"agentContext":true,"apiClientId":"580111","facebookCapiEnabled":"true","themeId":"143056830660","themePublished":"true","eventMetadataId":"82ca9ecc-c3e7-482f-b0ec-3d3f5204c19c","shopId":"68606558404","storefrontBaseUrl":"https:\/\/www.dhccare.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\",{}]]"});})();</script>
615<script>
616  window.ShopifyAnalytics = window.ShopifyAnalytics || {};
617  window.ShopifyAnalytics.meta = window.ShopifyAnalytics.meta || {};
618  window.ShopifyAnalytics.meta.currency = 'USD';
619  var meta = {"page":{"requestId":"e4a03e6e-c3bd-4a78-ac54-fe836037e103-1791056526"}};
620  for (var attr in meta) {
621    window.ShopifyAnalytics.meta[attr] = meta[attr];
622  }
623</script>
vendor: 1 bytes, line 623
623
624<script class="analytics">
625  (function () {
626    var customDocumentWrite = function(content) {
627      var jquery = null;
628
629      if (window.jQuery) {
630        jquery = window.jQuery;
631      } else if (window.Checkout && window.Checkout.$) {
632        jquery = window.Checkout.$;
633      }
634
635      if (jquery) {
636        jquery('body').append(content);
637      }
638    };
639
640    var hasLoggedConversion = function(token) {
641      if (token) {
642        return document.cookie.indexOf('loggedConversion=' + token) !== -1;
643      }
644      return false;
645    }
646
647    var setCookieIfConversion = function(token) {
648      if (token) {
649        var twoMonthsFromNow = new Date(Date.now());
650        twoMonthsFromNow.setMonth(twoMonthsFromNow.getMonth() + 2);
651
652        document.cookie = 'loggedConversion=' + token + '; expires=' + twoMonthsFromNow;
653      }
654    }
655
656    var trekkie = window.ShopifyAnalytics.lib = window.trekkie = window.trekkie || [];
657    window.ShopifyAnalytics.lib.trekkie = window.trekkie;
658    if (trekkie.integrations) {
659      return;
660    }
661    trekkie.methods = [
662      'identify',
663      'page',
664      'ready',
665      'track',
666      'trackForm',
667      'trackLink'
668    ];
669    trekkie.factory = function(method) {
670      return function() {
671        var args = Array.prototype.slice.call(arguments);
672        args.unshift(method);
673        trekkie.push(args);
674        if (method == 'track' || method == 'page') {
675          var pageUrl;
676          try {
677            pageUrl = window.location.href;
678          } catch (e) {}
679          var pageReferrer;
680          try {
681            pageReferrer = document.referrer;
682          } catch (e) {}
683          try {
684            if (window.__TREKKIE_SHIM_QUEUE == null) {
685              window.__TREKKIE_SHIM_QUEUE = [];
686            }
687            window.__TREKKIE_SHIM_QUEUE.push({
688              from: 'trekkie-stub',
689              method: method,
690              args: args.slice(1),
691              pageContext: {
692                url: pageUrl,
693                referrer: pageReferrer
694              }
695            });
696          } catch (e) {
697            // no-op
698          }
699        }
700        return trekkie;
701      };
702    };
703    for (var i = 0; i < trekkie.methods.length; i++) {
704      var key = trekkie.methods[i];
705      trekkie[key] = trekkie.factory(key);
706    }
707    trekkie.load = function(config) {
708      trekkie.config = config || {};
709      trekkie.config.initialDocumentCookie = document.cookie;
710      var first = document.getElementsByTagName('script')[0];
711var script = document.createElement('script');
712script.type = 'text/javascript';
713script.onerror = function(e) {
714  var scriptFallback = document.createElement('script');
715  scriptFallback.type = 'text/javascript';
716  scriptFallback.onerror = function(error) {
717          var Monorail = {
718      produce: function produce(monorailDomain, schemaId, payload) {
719        var currentMs = new Date().getTime();
720        var event = {
721          schema_id: schemaId,
722          payload: payload,
723          metadata: {
724            event_created_at_ms: currentMs,
725            event_sent_at_ms: currentMs
726          }
727        };
728        return Monorail.sendRequest("https://" + monorailDomain + "/v1/produce", JSON.stringify(event));
729      },
730      sendRequest: function sendRequest(endpointUrl, payload) {
731        // Try the sendBeacon API
732        if (window && window.navigator && typeof window.navigator.sendBeacon === 'function' && typeof window.Blob === 'function' && !Monorail.isIos12()) {
733          var blobData = new window.Blob([payload], {
734            type: 'text/plain'
735          });
736
737          if (window.navigator.sendBeacon(endpointUrl, blobData)) {
738            return true;
739          } // sendBeacon was not successful
740
741        } // XHR beacon
742
743        var xhr = new XMLHttpRequest();
744
745        try {
746          xhr.open('POST', endpointUrl);
747          xhr.setRequestHeader('Content-Type', 'text/plain');
748          xhr.send(payload);
749        } catch (e) {
750          console.log(e);
751        }
752
753        return false;
754      },
755      isIos12: function isIos12() {
756        return window.navigator.userAgent.lastIndexOf('iPhone; CPU iPhone OS 12_') !== -1 || window.navigator.userAgent.lastIndexOf('iPad; CPU OS 12_') !== -1;
757      }
758    };
759    Monorail.produce('monorail-edge.shopifysvc.com',
760      'trekkie_storefront_load_errors/1.1',
761      {shop_id: 68606558404,
762      theme_id: 143056830660,
763      app_name: "storefront",
764      context_url: window.location.href,
765      source_url: "//www.dhccare.com/cdn/s/trekkie.storefront.2f6d7d7ede7d24234881a9cd5f47e679642fa1f6.min.js"});
766
767  };
768  scriptFallback.async = true;
769  scriptFallback.src = '//www.dhccare.com/cdn/s/trekkie.storefront.2f6d7d7ede7d24234881a9cd5f47e679642fa1f6.min.js';
770  first.parentNode.insertBefore(scriptFallback, first);
771};
772script.async = true;
773script.src = '//www.dhccare.com/cdn/s/trekkie.storefront.2f6d7d7ede7d24234881a9cd5f47e679642fa1f6.min.js';
774first.parentNode.insertBefore(script, first);
775
776    };
777    trekkie.load(
778      {"Trekkie":{"appName":"storefront","development":false,"defaultAttributes":{"shopId":68606558404,"isMerchantRequest":null,"themeId":143056830660,"themeCityHash":"15578264431182016355","contentLanguage":"en","currency":"USD","eventMetadataId":"82ca9ecc-c3e7-482f-b0ec-3d3f5204c19c"},"isServerSideCookieWritingEnabled":true,"monorailRegion":"shop_domain","enabledBetaFlags":["764d78cb","8450a54b","7ee89bf1","4c64608a"]},"Session Attribution":{},"S2S":{"facebookCapiEnabled":true,"source":"trekkie-storefront-renderer","apiClientId":580111}}
779    );
780
781    var loaded = false;
782    trekkie.ready(function() {
783      if (loaded) return;
784      loaded = true;
785
786      window.ShopifyAnalytics.lib = window.trekkie;
787
788      var originalDocumentWrite = document.write;
789      document.write = customDocumentWrite;
790      try { window.ShopifyAnalytics.merchantGoogleAnalytics.call(this); } catch(error) {};
791      document.write = originalDocumentWrite;
792
793      var match = window.location.pathname.match(/checkouts\/(.+)\/(thank_you|post_purchase)/)
794      var token = match? match[1]: undefined;
795      if (!hasLoggedConversion(token)) {
796        setCookieIfConversion(token);
797        
798      }
799    });
800
801    window.ShopifyAnalytics.lib.page(null,{"requestId":"e4a03e6e-c3bd-4a78-ac54-fe836037e103-1791056526","shopifyEmitted":true});
802
803    var eventsListenerScript = document.createElement('script');
804    eventsListenerScript.async = true;
805    eventsListenerScript.src = "//www.dhccare.com/cdn/shopifycloud/storefront/assets/shop_events_listener-4e26a9ce.js";
806    document.getElementsByTagName('head')[0].appendChild(eventsListenerScript);
807})();</script>
vendor: 1 bytes, line 807
807
808<script
809  defer
810  src="https://www.dhccare.com/cdn/shopifycloud/perf-kit/shopify-perf-kit-3.9.4.min.js"
811  data-application="storefront-renderer"
812  data-shop-id="68606558404"
813  data-render-region="gcp-us-central1"
814  data-page-type="customers/register"
815  data-theme-instance-id="143056830660"
816  data-theme-name="Dawn"
817  data-theme-version="15.2.0"
818  data-monorail-region="shop_domain"
819  data-resource-timing-sampling-rate="10"
820  data-shs="true"
821  data-shs-beacon="true"
822  data-shs-export-with-fetch="true"
823  data-shs-logs-sample-rate="1"
824  data-shs-beacon-endpoint="https://www.dhccare.com/api/collect"
825></script>
825
826<meta name="shopify-y" content="80c74455-0ebd-426d-8981-ebbdf00cdacd" data-expiration="1822614126000"><meta name="shopify-s" content="07f5df1e-2c5d-4d81-8d76-819ab04faf8a" data-expiration="1791058326000"><meta name="new-cookie-storage-activated" content="t">
827</head>
828
829        <body class="register customers/register
830            after:content-[''] after:pointer-events-none
831            after:bg-transparent after:transition-colors
832            after:fixed after:left-0 after:top-0 after:h-full after:w-full
833            after:z-100 [&_.shopify-section-group-header-group]:z-110
834            before:fixed before:bg-transparent before:bg-transition-opacity
835            [&_.shopify-section-group-header-group]:relative"
836            x-data="{ headerOverlayActive: false, scrollDisabled: false }"
837            @set-header-overlay.window="headerOverlayActive = $event.detail"
838            @disable-scroll.window="scrollDisabled = $event.detail"
839            @keyup.escape="headerOverlayActive = false;
840            $dispatch('close-search')"
841            :class="{'lg:after:!bg-black/40 lg:after:pointer-events-auto!': headerOverlayActive,
842            'overflow-hidden': scrollDisabled,
843            'overflow-hidden before:!opacity-100 before:inset-0 before:pointer-events-auto before:z-10000 before:!bg-black/40': $store.drawerCartState.showMinicartOverlay == true}">
844            <!-- Google Tag Manager (noscript) -->
vendor: 80 bytes, lines 844-845
844
845            <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=
845GTM-PTMSKR38
vendor: 107 bytes, lines 845-847
845"
846            height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
847            
847<!-- End Google Tag Manager (noscript) -->
848            <!-- BEGIN sections: header-group -->
849<div id="shopify-section-sections--18223396487364__announcement_bar_JqCqXD" class="shopify-section shopify-section-group-header-group">
850
851
852    <section id="section-sections--18223396487364__announcement_bar_JqCqXD"
853        style="background-color: #0058aa;
854        color: #ffffff">
855        <div class="announcement-bar text-center py-[7px]
856             tracking-[0.5px] md:tracking-[0.7px] lg:py-2"
857             id="announcement-bar">
858            <div class="container">
859                <div class="swiper"x-data="
860                            swiper({
861                                autoplay: {
862                                    delay: 5000
863                                },
864                                loop: true,
865                                simulateTouch: false,
866                                navigation: {
867                                    nextEl: '#section-sections--18223396487364__announcement_bar_JqCqXD .swiper-button-next',
868                                    prevEl: '#section-sections--18223396487364__announcement_bar_JqCqXD .swiper-button-prev',
869                                }
870                            })
871                        ">
872                    <div class="swiper-wrapper items-center">
873                        
874                            
875
876                            
877                        
878                            
879
880                            
881                                <div class="swiper-slide">
882                                    <div class="text text-xs px-5 md:text-base">
883                                        <p>Free Skin Refresh With Orders $100+</p>
884                                    </div>
885                                </div>
886                            
887                        
888                            
889
890                            
891                                <div class="swiper-slide">
892                                    <div class="text text-xs px-5 md:text-base">
893                                        <p>Free Deep Cleansing Oil 2.3oz With Orders $150+</p>
894                                    </div>
895                                </div>
896                            
897                        
898                            
899
900                            
901                                <div class="swiper-slide">
902                                    <div class="text text-xs px-5 md:text-base">
903                                        <p>Free Shipping on Orders <strong>$75+</strong></p>
904                                    </div>
905                                </div>
906                            
907                        
908                    </div>
909
910                    
911                        <div class="swiper-button-prev inline-flex absolute top-1/2 -translate-y-1/2 left-0
912                             transition-all z-10 cursor-pointer [&.swiper-button-disabled]:opacity-50">
913                            
914<span class="inline-flex h-5 w-5 items-center justify-center chevron-left !h-1.5 !w-1.5 md:!h-2 md:!w-2"><svg xmlns="http://www.w3.org/2000/svg" width="8" height="12" viewBox="0 0 8 12" fill="none">
915                    <path d="M7 1L2 6L7 11" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"/>
916                </svg></span>
917                        </div>
918                        <div class="swiper-button-next inline-flex absolute top-1/2 -translate-y-1/2 right-0
919                             transition-all z-10 cursor-pointer [&.swiper-button-disabled]:opacity-50">
920                            
921<span class="inline-flex h-5 w-5 items-center justify-center chevron-right !h-1.5 !w-1.5 md:!h-2 md:!w-2"><svg xmlns="http://www.w3.org/2000/svg" width="8" height="12" viewBox="0 0 8 12" fill="none">
922                    <path d="M1 11L6 6L1 1" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"/>
923                </svg></span>
924                        </div>
925                    
926                </div>
927            </div>
928        </div>
929    </section>
930
931    <style data-shopify>
932        body:has(header.sticky-header) #section-sections--18223396487364__announcement_bar_JqCqXD {
933            left: 0;
934            position: fixed;
935            right: 0;
936            top: calc(-1 * (var(--announcement-bar-height) + var(--header-height)));
937            z-index: 1000;
938        }
939
940        body:has(header.sticky-header-visible) #section-sections--18223396487364__announcement_bar_JqCqXD {
941            top: 0;
942            transition: top var(--default-transition-duration);
943        }
944
945        header.sticky-header-visible {
946            top: var(--announcement-bar-height) !important;
947        }
948    </style>
949
950
951
952</div><div id="shopify-section-sections--18223396487364__header" class="shopify-section shopify-section-group-header-group">
953
954
955<header class="header bg-white border-b border-lightgray-200 relative"
956    :class="{ 'sticky-header': sticky, 'sticky-header-visible': sticky && !animation }"
957    x-data="header"
958>
959    <div class="container xxl:relative lg:!overflow-visible">
960        <div class="flex items-center justify-between py-5 lg:py-0">
961            
962                <div class="logo-wrapper order-2 ml-18 lg:order-1 lg:ml-0">
963                    <a href="https://www.dhccare.com" title="DHC Skincare">
964                        <img class="logo max-w-23 lg:max-w-none"
965                            src="//www.dhccare.com/cdn/shop/files/logo.svg?v=1739544180"
966                            height="38"
967                            width="131"
968                            alt="DHC Skincare"
969                            loading="eager">
970                    </a>
971                    
972                </div>
973            
974
975            
976                
977
978<div
979    class="menu-wrapper order-1 lg:order-2 xxl:ml-24"
980    x-data="{menuOpen: false}"
981    x-init="$watch('menuOpen', isOpen => $dispatch('disable-scroll', isOpen))"
982>
983    <span class="flex lg:hidden" @click="menuOpen = !menuOpen">
984        
985<span class="inline-flex h-5 w-5 items-center justify-center burger"><svg xmlns="http://www.w3.org/2000/svg" width="19" height="16" viewBox="0 0 19 16" fill="none">
986                    <path d="M1 1H18" stroke="currentColor" stroke-width="2" stroke-linecap="round"/>
987                    <path d="M1 8H18" stroke="currentColor" stroke-width="2" stroke-linecap="round"/>
988                    <path d="M1 15H18" stroke="currentColor" stroke-width="2" stroke-linecap="round"/>
989                </svg></span>
990    </span>
991
992    <div
993        class="
994            overlay bg-black/40 fixed left-0 right-0 top-0
995            bottom-0 opacity-0 z-90 transition-opacity lg:hidden
996        "
997        :class="
998            {'opacity-100 pointer-events-auto': menuOpen,
999            'pointer-events-none': !menuOpen}
1000        "
1001        @click="menuOpen = false"
1002    ></div>
1003
1004    <div
1005        class="
1006            menu bg-white fixed z-100 left-0 right-14 bottom-0
1007            -translate-x-full transition-transform
1008            lg:translate-none lg:static lg:transition-none
1009        "
1010        :class="{ 'translate-x-0': menuOpen }"
1011    >
1012        <div
1013            class="
1014                bg-lightgray border-b border-black-100 flex
1015                items-center justify-between px-[var(--grid-x-offset)] py-5 lg:hidden
1016            "
1017        >
1018            <span class="close-wrapper flex" @click="menuOpen = false">
1019                
1020<span class="inline-flex h-5 w-5 items-center justify-center cross"><svg xmlns="http://www.w3.org/2000/svg" width="15" height="16" viewBox="0 0 15 16" fill="none">
1021                    <path d="M1 14.0104L13.0208 1.98959" stroke="currentColor" stroke-width="2" stroke-linecap="round"/>
1022                    <path d="M1 1.98959L13.0208 14.0104" stroke="currentColor" stroke-width="2" stroke-linecap="round"/>
1023                </svg></span>
1024            </span>
1025
1026            
1027                <div class="flex items-center gap-2 max-h-7.5">
1028                    
1029<span class="inline-flex h-5 w-5 items-center justify-center account h-7.5 w-7.5"><svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" viewBox="0 0 30 30" fill="none">
1030                    <mask id="path-1-outside-1_1111_851" maskUnits="userSpaceOnUse" x="2.75" y="2.75" width="24" height="24" fill="black">
1031                        <rect fill="white" x="2.75" y="2.75" width="24" height="24"/>
1032                        <path d="M7.745 21.8563C8.8075 21.0913 9.935 20.4867 11.1275 20.0425C12.3192 19.5975 13.61 19.375 15 19.375C16.39 19.375 17.6808 19.5975 18.8725 20.0425C20.0642 20.4875 21.1917 21.0917 22.255 21.855C23.08 21.0008 23.7438 19.9925 24.2463 18.83C24.7488 17.6658 25 16.3892 25 15C25 12.2292 24.0263 9.86958 22.0788 7.92125C20.1313 5.97292 17.7717 4.99917 15 5C12.2283 5.00083 9.86875 5.975 7.92125 7.9225C5.97375 9.87 5 12.2292 5 15C5 16.3892 5.25125 17.6658 5.75375 18.83C6.25625 19.9933 6.92 21.0017 7.745 21.855M15.0013 15.625C13.9479 15.625 13.0592 15.2633 12.335 14.54C11.6108 13.8167 11.2492 12.9288 11.25 11.8763C11.2508 10.8238 11.6125 9.935 12.335 9.21C13.0575 8.485 13.9458 8.12333 15 8.125C16.0542 8.12667 16.9425 8.48833 17.665 9.21C18.3875 9.93167 18.7492 10.82 18.75 11.875C18.7508 12.93 18.3892 13.8183 17.665 14.54C16.9408 15.2617 16.0529 15.6233 15.0013 15.625ZM15 26.25C13.4308 26.25 11.9621 25.9579 10.5938 25.3737C9.22542 24.7896 8.03459 23.9912 7.02125 22.9787C6.00792 21.9662 5.20959 20.7754 4.62625 19.4062C4.04292 18.0371 3.75084 16.5683 3.75 15C3.74917 13.4317 4.04125 11.9629 4.62625 10.5938C5.21125 9.22458 6.00959 8.03375 7.02125 7.02125C8.03459 6.00875 9.22542 5.21042 10.5938 4.62625C11.9621 4.04208 13.4308 3.75 15 3.75C16.5692 3.75 18.0379 4.04208 19.4063 4.62625C20.7746 5.21042 21.9654 6.00875 22.9788 7.02125C23.9921 8.03375 24.7904 9.22458 25.3738 10.5938C25.9571 11.9629 26.2492 13.4317 26.25 15C26.2508 16.5683 25.9588 18.0371 25.3738 19.4062C24.7888 20.7754 23.9904 21.9
1032662 22.9788 22.9787C21.9654 23.9912 20.7746 24.7896 19.4063 25.3737C18.0379 25.9579 16.5692 26.25 15 26.25ZM15 25C16.1525 25 17.2863 24.7983 18.4013 24.395C19.5163 23.9925 20.48 23.4408 21.2925 22.74C20.4808 22.0875 19.5413 21.5721 18.4738 21.1938C17.4063 20.8154 16.2483 20.6258 15 20.625C13.7517 20.6242 12.5896 20.8096 11.5138 21.1812C10.4379 21.5529 9.50209 22.0725 8.70625 22.74C9.51875 23.44 10.4829 23.9917 11.5988 24.395C12.7146 24.7983 13.8483 25 15 25ZM15 14.375C15.7017 14.375 16.2938 14.1337 16.7763 13.6512C17.2588 13.1687 17.5 12.5767 17.5 11.875C17.5 11.1733 17.2588 10.5813 16.7763 10.0988C16.2938 9.61625 15.7017 9.375 15 9.375C14.2983 9.375 13.7063 9.61625 13.2238 10.0988C12.7413 10.5813 12.5 11.1733 12.5 11.875C12.5 12.5767 12.7413 13.1687 13.2238 13.6512C13.7063 14.1337 14.2983 14.375 15 14.375Z"/>
1033                    </mask>
1034                    <path d="M7.745 21.8563C8.8075 21.0913 9.935 20.4867 11.1275 20.0425C12.3192 19.5975 13.61 19.375 15 19.375C16.39 19.375 17.6808 19.5975 18.8725 20.0425C20.0642 20.4875 21.1917 21.0917 22.255 21.855C23.08 21.0008 23.7438 19.9925 24.2463 18.83C24.7488 17.6658 25 16.3892 25 15C25 12.2292 24.0263 9.86958 22.0788 7.92125C20.1313 5.97292 17.7717 4.99917 15 5C12.2283 5.00083 9.86875 5.975 7.92125 7.9225C5.97375 9.87 5 12.2292 5 15C5 16.3892 5.25125 17.6658 5.75375 18.83C6.25625 19.9933 6.92 21.0017 7.745 21.855M15.0013 15.625C13.9479 15.625 13.0592 15.2633 12.335 14.54C11.6108 13.8167 11.2492 12.9288 11.25 11.8763C11.2508 10.8238 11.6125 9.935 12.335 9.21C13.0575 8.485 13.9458 8.12333 15 8.125C16.0542 8.12667 16.9425 8.48833 17.665 9.21C18.3875 9.93167 18.7492 10.82 18.75 11.875C18.7508 12.93 18.3892 13.8183 17.665 14.54C16.9408 15.2617 16.0529 15.6233 15.0013 15.625ZM15 26.25C13.4308 26.25 11.9621 25.9579 10.5938 25.3737C9.22542 24.7896 8.03459 23.9912 7.02125 22.9787C6.00792 21.9662 5.20959 20.7754 4.62625 19.4062C4.04292 18.0371 3.75084 16.5683 3.75 15C3.74917 13.4317 4.04125 11.9629 4.62625 10.5938C5.21125 9.22458 6.00959 8.03375 7.02125 7.02125C8.03459 6.00875 9.22542 5.21042 10.5938 4.62625C11.9621 4.04208 13.4308 3.75 15 3.75C16.5692 3.75 18.0379 4.04208 19.4063 4.62625C20.7746 5.21042 21.9654 6.00875 22.9788 7.02125C23.9921 8.03375 24.7904 9.22458 25.3738 10.5938C25.9571 11.9629 26.2492 13.4317 26.25 15C26.2508 16.5683 25.9588 18.0371 25.3738 19.4062C24.7888 20.7754 23.9904 21.9662 22.9788 22.9787C21.9654 23.9912 20.7746 24.7896 19.4063 25.3737C18.0379 25.9579 16.5692 26.25 15 26.25ZM15 25C16.1525 25 17.2863 24.7983 18.4013 24.395C19.5163 23.9925 20.48 23.4408 21.2925 22.74C20.4808 22.0875 19.5413 21.5721 18.4738 21.1938C17.4063 20.8154 16.2483 20.6258 15 20.625C13.7517 20.6242 12.5896 20.8096 11.5138 21.1812C10.4379 21.5529 9.50209 22.0725 8.70625 22.74C9.51875 23.44 10.4829 23.9917 11.5988 24.395C12.7146 24.7983 13.8483 25 15 25ZM15 14.375C15.7017 14.375 16.2938 14.1337 16.7763 13.6512C17.2588 13.1687 17.5 12.5767 17.5 11.875C17.5 11.1733 17.2588 10.5813 16.7763 10.0988C16.2938 9.61625 15.7017 9.375 15 9.375C14.2983 9.375 13.7063 9.61625 13.2238 10.0988C12.7413 10.5813 12.5 11.1733 12.5 11.875C12.5 12.5767 12.7413 13.1687 13.2238 13.6512C13.7063 14.1337 14.2983 14.375 15 14.375Z" fill="currentColor"/>
1035                    <path d="M11.1275 20.0425L11.302 20.5111L11.3024 20.5109L11.1275 20.0425ZM22.255 21.855L21.9634 22.2612L22.3144 22.5132L22.6146 22.2024L22.255 21.855ZM24.2463 18.83L24.7052 19.0284L24.7053 19.0281L24.2463 18.83ZM5.75375 18.83L5.29469 19.0281L5.29474 19.0283L5.75375 18.83ZM15.0013 15.625L15.0013 16.125L15.002 16.125L15.0013 15.625ZM7.02125 7.02125L6.66784 6.66755L6.66755 6.66784L7.02125 7.02125ZM22.9788 22.9787L23.3322 23.3324L23.3324 23.3322L22.9788 22.9787ZM15 25V24.5V25ZM18.4013 24.395L18.2315 23.9247L18.2312 23.9248L18.4013 24.395ZM21.2925 22.74L21.6191 23.1186L22.0737 22.7265L21.6058 22.3503L21.2925 22.74ZM8.70625 22.74L8.38494 22.3569L7.93429 22.7349L8.3799 23.1188L8.70625 22.74ZM8.03715 22.262C9.06447 21.5223 10.1526 20.9392 11.302 20.5111L10.953 19.5739C9.71745 20.0341 8.55053 20.6602 7.45285 21.4505L8.03715 22.262ZM11.3024 20.5109C12.4332 20.0887 13.6642 19.875 15 19.875V18.875C13.5558 18.875 12.2052 19.1063 10.9526 19.5741L11.3024 20.5109ZM15 19.875C16.3358 19.875 17.5668 20.0887 18.6976 20.5109L19.0474 19.5741C17.7948 19.1063 16.4442 18.875 15 18.875V19.875ZM18.6976 20.5109C19.8466 20.94 20.935 21.5229 21.9
1035634 22.2612L22.5466 21.4488C21.4483 20.6604 20.2817 20.035 19.0474 19.5741L18.6976 20.5109ZM22.6146 22.2024C23.4842 21.3021 24.1804 20.2424 24.7052 19.0284L23.7873 18.6316C23.3071 19.7426 22.6759 20.6996 21.8954 21.5076L22.6146 22.2024ZM24.7053 19.0281C25.2373 17.7957 25.5 16.4508 25.5 15H24.5C24.5 16.3276 24.2602 17.536 23.7872 18.6319L24.7053 19.0281ZM25.5 15C25.5 12.0975 24.4742 9.61048 22.4324 7.56777L21.7251 8.27473C23.5783 10.1287 24.5 12.3609 24.5 15H25.5ZM22.4324 7.56777C20.3904 5.52494 17.9033 4.49913 14.9999 4.5L15.0002 5.5C17.64 5.49921 19.8721 6.42089 21.7251 8.27473L22.4324 7.56777ZM14.9999 4.5C12.0966 4.50087 9.6096 5.52705 7.5677 7.56895L8.27481 8.27605C10.1279 6.42295 12.3601 5.50079 15.0002 5.5L14.9999 4.5ZM7.5677 7.56895C5.52579 9.61085 4.5 12.0975 4.5 15H5.5C5.5 12.3609 6.42171 10.1291 8.27481 8.27605L7.5677 7.56895ZM4.5 15C4.5 16.4508 4.7627 17.7957 5.29469 19.0281L6.21281 18.6319C5.7398 17.536 5.5 16.3276 5.5 15H4.5ZM5.29474 19.0283C5.81952 20.2432 6.51586 21.303 7.38553 22.2025L8.10447 21.5075C7.32414 20.7003 6.69298 19.7435 6.21276 18.6317L5.29474 19.0283ZM15.0013 15.125C14.0761 15.125 13.3158 14.8129 12.6884 14.1862L11.9817 14.8938C12.8026 15.7137 13.8197 16.125 15.0013 16.125V15.125ZM12.6884 14.1862C12.0611 13.5597 11.7493 12.8005 11.75 11.8766L10.75 11.8759C10.7491 13.057 11.1606 14.0736 11.9817 14.8938L12.6884 14.1862ZM11.75 11.8766C11.7507 10.9521 12.0629 10.1914 12.6892 9.56294L11.9808 8.85706C11.1621 9.6786 10.7509 10.6954 10.75 11.8759L11.75 11.8766ZM12.6892 9.56294C13.3146 8.93539 14.0738 8.62354 14.9992 8.625L15.0008 7.625C13.8179 7.62313 12.8005 8.03461 11.9808 8.85706L12.6892 9.56294ZM14.9992 8.625C15.9259 8.62646 16.686 8.93886 17.3117 9.56376L18.0184 8.85624C17.199 8.03781 16.1824 7.62687 15.0008 7.625L14.9992 8.625ZM17.3117 9.56376C17.9369 10.1883 18.2493 10.9481 18.25 11.8754L19.25 11.8746C19.2491 10.6919 18.8381 9.67501 18.0184 8.85624L17.3117 9.56376ZM18.25 11.8754C18.2507 12.8021 17.9387 13.5614 17.3121 14.1858L18.0179 14.8942C18.8397 14.0753 19.2509 13.0579 19.25 11.8746L18.25 11.8754ZM17.3121 14.1858C16.6844 14.8114 15.9243 15.1235 15.0005 15.125L15.002 16.125C16.1815 16.1231 17.1973 15.712 18.0179 14.8942L17.3121 14.1858ZM15 25.75C13.4946 25.75 12.093 25.4701 10.7901 24.9139L10.3974 25.8336C11.8312 26.4457 13.3671 26.75 15 26.75V25.75ZM10.7901 24.9139C9.47808 24.3538 8.34114 23.5907 7.37466 22.625L6.66784 23.3324C7.72803 24.3918 8.97275 25.2254 10.3974 25.8336L10.7901 24.9139ZM7.37466 22.625C6.40839 21.6596 5.64547 20.5229 5.08624 19.2103L4.16626 19.6022C4.7737 21.028 5.60745 22.2729 6.66784 23.3324L7.37466 22.625ZM5.08624 19.2103C4.53068 17.9063 4.2508 16.5045 4.25 14.9997L3.25 15.0003C3.25087 16.6322 3.55516 18.1679 4.16626 19.6022L5.08624 19.2103ZM4.25 14.9997C4.2492 13.4953 4.52901 12.0939 5.08604 10.7902L4.16646 10.3973C3.55349 11.8319 3.24913 13.368 3.25 15.0003L4.25 14.9997ZM5.08604 10.7902C5.64703 9.47724 6.41014 8.34027 7.37495 7.37466L6.66755 6.66784C5.60904 7.72723 4.77548 8.97193 4.16646 10.3973L5.08604 10.7902ZM7.37466 7.37495C8.34114 6.40927 9.47808 5.64621 10.7901 5.0861L10.3974 4.1664C8.97275 4.77463 7.72803 5.60823 6.66784 6.66755L7.37466 7.37495ZM10.7901 5.0861C12.093 4.52986 13.4946 4.25 15 4.25V3.25C13.3671 3.25 11.8312 3.55431 10.3974 4.1664L10.7901 5.0861ZM15 4.25C16.5054 4.25 17.907 4.52986 19.2099 5.0861L19.6026 4.1664C18.1688 3.55431 16.6329 3.25 15 3.25V4.25ZM19.2099 5.0861C20.5219 5.64621 21.6589 6.40927 22.6253 7.37495L23.3322 6.66755C22.272 5.60823 21.0272 4.77463 19.6026 4.1664L19.2099 5.0861ZM22.6253 7.37495C23.5916 8.34043 24.3545 9.47714 24.9138 10.7897L25.8337 10.3978C25.2263 8.97203 24.3926 7.72707 23.3322 6.66755L22.6253 7.37495ZM24.9138 10.7897C25.4693 12.0937 25.7492 13.4955 25.75 15.0003L26.75 14.9997C26.7491 13.3678 26.4448 11.8321 25.8337 10.3978L24.9138 10.7897ZM25.75 15.0003C25.7508 16.5047 25.471 17.9061 24.914 19.2098L25.8335 19.6027C26.4465 18.1681 26.7509 16.632 26.75 14.9997L25.75 15.0003ZM24.914 19.2098C24.353 20.5228 23.5899 21.6597 22.6251 22.6253L23.3324 23.3322C24.391 22.2728 25.2245 21.0281 25.8335 19.6027L24.914 19.2098ZM22.6253 22.625C21.6589 23.5907 20.5219 24.3538 19.2099 24.9139L19.6026 25.8336C21.0272 25.2254 22.272 24.3918 23.3322 23.3324L22.6253 22.625ZM19.2099 24.9139C17.907 25.4701 16.5054 25.75 15 25.75V26.75C16.6329 26.75 18.1688 26.4457 19.6026 25.8336L19.2099 24.9139ZM15 25.5C16.2122 25.5 17.4034 25.2877 18.5713 24.8652L18.2312 23.9248C17.1691 24.309 16.0928 24.5 15 24.5V25.5
1035ZM18.571 24.8653C19.7374 24.4442 20.7557 23.8633 21.6191 23.1186L20.9659 22.3614C20.2043 23.0184 19.2951 23.5408 18.2315 23.9247L18.571 24.8653ZM21.6058 22.3503C20.7466 21.6596 19.7566 21.1179 18.6408 20.7225L18.3067 21.665C19.3259 22.0262 20.2151 22.5154 20.9792 23.1297L21.6058 22.3503ZM18.6408 20.7225C17.5146 20.3233 16.2997 20.1259 15.0003 20.125L14.9997 21.125C16.197 21.1258 17.2979 21.3075 18.3067 21.665L18.6408 20.7225ZM15.0003 20.125C13.7017 20.1241 12.4838 20.3171 11.3505 20.7087L11.677 21.6538C12.6954 21.302 13.8016 21.1242 14.9997 21.125L15.0003 20.125ZM11.3505 20.7087C10.2225 21.0983 9.23183 21.6466 8.38494 22.3569L9.02757 23.1231C9.77234 22.4984 10.6534 22.0075 11.677 21.6538L11.3505 20.7087ZM8.3799 23.1188C9.24318 23.8626 10.2618 24.4434 11.4288 24.8652L11.7687 23.9248C10.7041 23.5399 9.79432 23.0174 9.03261 22.3612L8.3799 23.1188ZM11.4288 24.8652C12.5974 25.2877 13.7886 25.5 15 25.5V24.5C13.908 24.5 12.8317 24.309 11.7687 23.9248L11.4288 24.8652ZM15 14.875C15.8301 14.875 16.5506 14.584 17.1298 14.0048L16.4227 13.2977C16.0369 13.6835 15.5733 13.875 15 13.875V14.875ZM17.1298 14.0048C17.709 13.4256 18 12.7051 18 11.875H17C17 12.4483 16.8085 12.9119 16.4227 13.2977L17.1298 14.0048ZM18 11.875C18 11.0449 17.709 10.3244 17.1298 9.7452L16.4227 10.4523C16.8085 10.8381 17 11.3017 17 11.875H18ZM17.1298 9.7452C16.5506 9.166 15.8301 8.875 15 8.875V9.875C15.5733 9.875 16.0369 10.0665 16.4227 10.4523L17.1298 9.7452ZM15 8.875C14.1699 8.875 13.4494 9.166 12.8702 9.7452L13.5773 10.4523C13.9631 10.0665 14.4267 9.875 15 9.875V8.875ZM12.8702 9.7452C12.291 10.3244 12 11.0449 12 11.875H13C13 11.3017 13.1915 10.8381 13.5773 10.4523L12.8702 9.7452ZM12 11.875C12 12.7051 12.291 13.4256 12.8702 14.0048L13.5773 13.2977C13.1915 12.9119 13 12.4483 13 11.875H12ZM12.8702 14.0048C13.4494 14.584 14.1699 14.875 15 14.875V13.875C14.4267 13.875 13.9631 13.6835 13.5773 13.2977L12.8702 14.0048Z" fill="currentColor" mask="url(#path-1-outside-1_1111_851)"/>
1036                </svg></span>
1037                    <span class="flex flex-col items-start text-[13px] text-black-100">
1038                        
1039                            <a
1040                                href="/account/login"
1041                                title="Log In"
1042                                rel="nofollow"
1043                            >
1044                                Log In
1045                            </a>
1046                        
1047                    </span>
1048                </div>
1049            
1050        </div>
1051
1052        <ul
1053            class="
1054                menu-items flex flex-col h-[calc(100%-70px)]
1055                px-[var(--grid-x-offset)] py-5 transition-opacity overflow-y-auto
1056                lg:items-center lg:h-auto lg:overflow-visible lg:p-0
1057                lg:flex-row lg:gap-[clamp(25px,4.81vw-24.2px,45px)]
1058                xl:gap-[clamp(45px,3.125vw,60px)] 2xl:gap-15
1059            "
1060        >
1061            
1062<li
1063                    class="
1064                        level-1 group border-b border-lightgray-100 lg:border-0
1065                        
1066                        
1067                    "
1068                    
1069                >
1070                    
1071                        <a
1072                            href="/collections/bestsellers"
1073                            title="Bestsellers"
1074                            
1075                            class="
1076                                item level-1 uppercase flex items-center py-3.5
1077                                font-extrabold tracking-[1.6px] justify-between lg:tracking-normal
1078                                lg:font-bold lg:py-0 lg:group-hover:text-blue lg:hover:text-blue
1079                                
1080                            "
1081                        >
1082                    
1083
1084                    Bestsellers
1085
1086                    
1087
1088                    
1089                        </a>
1090                    
1091
1092                    
1093                </li>
1094            
1095<li
1096                    class="
1097                        level-1 group border-b border-lightgray-100 lg:border-0
1098                        has-child
1099                        
1100                    "
1101                    
1102                        @mouseover="$dispatch('set-header-overlay', true)"
1103                        @mouseleave="$dispatch('set-header-overlay', false)"
1104                        @click="childOpen = !childOpen"
1105                        x-data="{childOpen: false}"
1106                    
1107                >
1108                    
1109                        <a
1110                            href="/collections/shop"
1111                            title="Shop By"
1112                            
1113                                :class="{'text-blue lg:text-black': childOpen}"
1114                                @click.stop
1115                            
1116                            class="
1117                                item level-1 uppercase flex items-center py-3.5
1118                                font-extrabold tracking-[1.6px] justify-between lg:tracking-normal
1119                                lg:font-bold lg:py-0 lg:group-hover:text-blue lg:hover:text-blue
1120                                pointer-events-none lg:py-8.25 lg:pointer-events-auto has-child
1121                            "
1122                        >
1123                    
1124
1125                    Shop By
1126
1127                    
1128                        <span class="hidden lg:flex ml-0.5 group-hover:rotate-x-180 transition-transform">
1129                            
1130<span class="inline-flex h-5 w-5 items-center justify-center chevron-down"><svg xmlns="http://www.w3.org/2000/svg" width="13" height="8" viewBox="0 0 13 8" fill="none">
1131                    <path d="M1.5 1.5L6.5 6.5L11.5 1.5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"/>
1132                </svg></span>
1133                        </span>
1134                        <span class="flex lg:hidden">
1135                            <template x-if="childOpen">
1136                                
1137<span class="inline-flex h-5 w-5 items-center justify-center minus"><svg xmlns="http://www.w3.org/2000/svg" width="12" height="2" viewBox="0 0 12 2" fill="none">
1138                    <path d="M1 1H11" stroke="currentColor" stroke-width="2" stroke-linecap="round"/>
1139                </svg></span>
1140                            </template>
1141                            <template x-if="!childOpen">
1142                                
1143<span class="inline-flex h-5 w-5 items-center justify-center plus"><svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 12 12" fill="none">
1144                    <path stroke="currentColor" stroke-width="2" transform="translate(0 5)" d="M1 1h11" stroke-linecap="round"/>
1145                    <path stroke="currentColor" stroke-width="2" transform="rotate(90 3.5 3.5)" d="M1 1h11" stroke-linecap="round"/>
1146                </svg></span>
1147                            </template>
1148                        </span>
1149                    
1150
1151                    
1152                        </a>
1153                    
1154
1155                    
1156                        <div
1157                            class="
1158                                child-container grid grid-rows-[0fr] transition-[grid-template-rows]
1159                                bg-lightgray-400 -mx-3.75 px-3.75 -mb-px lg:m-0 lg:p-0 lg:block
1160                                lg:absolute lg:bg-white lg:top-full lg:transition-[opacity,visibility]
1161                                lg:opacity-0 lg:invisible lg:rounded-lg lg:shadow-[0_4px_14px_0]
1162                                lg:pointer-events-none lg:group-hover:pointer-events-auto
1163                                lg:shadow-black-100/10 lg:group-hover:opacity-100 lg:group-hover:visible
1164                                
1165                                   lg:w-[calc(100%-(var(--grid-x-offset)*2))] lg:left-[var(--grid-x-offset)]
1166                                   xxl:max-w-[calc(100%-var(--grid-x-offset-desktop)*2)]
1167                                   xxl:left-[var(--grid-x-offset-desktop)] xxl:w-full
1168                                
1169                            "
1170                            :class="{'grid-rows-[1fr]': childOpen}"
1171                            @click.stop
1172                        >
1173                            <div class="overflow-hidden">
1174                                <ul
1175                                    class="
1176                                        child-content level-2 lg:grid
1177                                        
1178                                            lg:gap-13 lg:px-10
1179                                            lg:pt-[var(--menu-padding-top)] lg:pb-[var(--menu-padding-bottom)]
1180                                            2xl:px-13
1181                                        
1182                                    "
1183                                    
1184                                        style="grid-template-columns: repeat(5, minmax(0, 1fr))"
1185                                    
1186                                >
1187                                    
1188                                        <li
1189                                            class="
1190                                                level-2
1191                                                
1192                                                border-b border-lightgray-100 lg:border-0
1193                                            "
1194                                            x-data="{submenuOpen: false}"
1195                                        >
1196                                            
1197                                                <span
1198                                                    class="
1199                                                        item level-2 flex items-center justify-between
1200                                                        uppercase py-3.5 font-extrabold tracking-[1.6px]
1201                                                        lg:border-b lg:border-black lg:py-2.5
1202                                                    "
1203                                                    :class="{'text-blue lg:text-black': submenuOpen}"
1204                                                    @click="submenuOpen = !submenuOpen"
1205                                                >
1206                                                    Product Type
1207
1208                                                    
1209                                                        <span class="flex lg:hidden">
1210                                                            <template x-if="submenuOpen">
1211                                                                
1212<span class="inline-flex h-5 w-5 items-center justify-center minus"><svg xmlns="http://www.w3.org/2000/svg" width="12" height="2" viewBox="0 0 12 2" fill="none">
1213                    <path d="M1 1H11" stroke="currentColor" stroke-width="2" stroke-linecap="round"/>
1214                </svg></span>
1215                                                            </template>
1216                                                            <template x-if="!submenuOpen">
1217                                                                
1218<span class="inline-flex h-5 w-5 items-center justify-center plus"><svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 12 12" fill="none">
1219                    <path stroke="currentColor" stroke-width="2" transform="translate(0 5)" d="M1 1h11" stroke-linecap="round"/>
1220                    <path stroke="currentColor" stroke-width="2" transform="rotate(90 3.5 3.5)" d="M1 1h11" stroke-linecap="round"/>
1221                </svg></span>
1222                                                            </template>
1223                                                        </span>
1224                                                    
1225                                                </span>
1226                                            
1227                                            
1228                                                <div
1229                                                    class="
1230                                                        child-container grid grid-rows-[0fr]
1231                                                        transition-[grid-template-rows] lg:block
1232                                                    "
1233                                                    :class="{'grid-rows-[1fr]': submenuOpen}"
1234                                                >
1235                                                    <ul class="child-content level-3 overflow-hidden">
1236                                                        
1237                                                            <li
1238                                                                class="
1239                                                                    level-3 mt-4.5 first:mt-1.5 last:pb-6 lg:first:mt-4 lg:last:pb-0
1240                                                                    lg:mt-[var(--menu-link-gap)] lg:text-[length:var(--menu-font-size)] lg:leading-[1.4]
1241                                                                "
1242                                                            >
1243                                                                <a
1244                                                                    class="item level-3 text-black-100 hover:text-blue"
1245                                                                    href="/collections/cleansers"
1246                                                                    title="Cleansers & Makeup Removers"
1247                                                                >
1248                                                                    Cleansers & Makeup Removers
1249                                                                </a>
1250                                                            </li>
1251                                                        
1252                                                            <li
1253                                                                class="
1254                                                                    level-3 mt-4.5 first:mt-1.5 last:pb-6 lg:first:mt-4 lg:last:pb-0
1255                                                                    lg:mt-[var(--menu-link-gap)] lg:text-[length:var(--menu-font-size)] lg:leading-[1.4]
1256                                                                "
1257                                                            >
1258                                                                <a
1259                                                                    class="item level-3 text-black-100 hover:text-blue"
1260                                                                    href="/collections/lotions"
1261                                                                    title="Toners & Liquid Lotions"
1262                                                                >
1263                                                                    Toners & Liquid Lotions
1264                                                                </a>
1265                                                            </li>
1266                                                        
1267                                                            <li
1268                                                                class="
1269                                                                    level-3 mt-4.5 first:mt-1.5 last:pb-6 lg:first:mt-4 lg:last:pb-0
1270                                                                    lg:mt-[var(--menu-link-gap)] lg:text-[length:var(--menu-font-size)] lg:leading-[1.4]
1271                                                                "
1272                                                            >
1273                                                                <a
1274                                                                    class="item level-3 text-black-100 hover:text-blue"
1275                                                                    href="/collections/facial-serums"
1276                                                                    title="Serums"
1277                                                                >
1278                                                                    Serums
1279                                                                </a>
1280                                                            </li>
1281                                                        
1282                                                            <li
1283                                                                class="
1284                                                                    level-3 mt-4.5 first:mt-1.5 last:pb-6 lg:first:mt-4 lg:last:pb-0
1285                                                                    lg:mt-[var(--menu-link-gap)] lg:text-[length:var(--menu-font-size)] lg:leading-[1.4]
1286                                                                "
1287                                                            >
1288                                                                <a
1289                                                                    class="item level-3 text-black-100 hover:text-blue"
1290                                                                    href="/collections/moisturizers"
1291                                                                    title="Moisturizers"
1292                                                                >
1293                                                                    Moisturizers
1294                                                                </a>
1295                                                            </li>
1296                                                        
1297                                                            <li
1298                                                                class="
1299                                                                    level-3 mt-4.5 first:mt-1.5 last:pb-6 lg:first:mt-4 lg:last:pb-0
1300                                                                    lg:mt-[var(--menu-link-gap)] lg:text-[length:var(--menu-font-size)] lg:leading-[1.4]
1301                                                                "
1302                                                            >
1303                                                                <a
1304                                                                    class="item level-3 text-black-100 hover:text-blue"
1305                                                                    href="/collections/exfoliators-masks"
1306                                                                    title="Exfoliators & Masks"
1307                                                                >
1308                                                                    Exfoliators & Masks
1309                                                                </a>
1310                                                            </li>
1311                                                        
1312                                                            <li
1313                                                                class="
1314                                                                    level-3 mt-4.5 first:mt-1.5 last:pb-6 lg:first:mt-4 lg:last:pb-0
1315                                                                    lg:mt-[var(--menu-link-gap)] lg:text-[length:var(--menu-font-size)] lg:leading-[1.4]
1316                                                                "
1317                                                            >
1318                                                                <a
1319                                                                    class="item level-3 text-black-100 hover:text-blue"
1320                                                                    href="/collections/eye-lip-care"
1321                                                                    title="Eye, Lip & Neck"
1322                                                                >
1323                                                                    Eye, Lip & Neck
1324                                                                </a>
1325                                                            </li>
1326                                                        
1327                                                            <li
1328                                                                class="
1329                                                                    level-3 mt-4.5 first:mt-1.5 last:pb-6 lg:first:mt-4 lg:last:pb-0
1330                                                                    lg:mt-[var(--menu-link-gap)] lg:text-[length:var(--menu-font-size)] lg:leading-[1.4]
1331                                                                "
1332                                                            >
1333                                                                <a
1334                                                                    class="item level-3 text-black-100 hover:text-blue"
1335                                                                    href="/collections/makeup"
1336                                                                    title="Makeup"
1337                                                                >
1338                                                                    Makeup
1339                                                                </a>
1340                                                            </li>
1341                                                        
1342                                                            <li
1343                                                                class="
1344                                                                    level-3 mt-4.5 first:mt-1.5 last:pb-6 lg:first:mt-4 lg:last:pb-0
1345                                                                    lg:mt-[var(--menu-link-gap)] lg:text-[length:var(--menu-font-size)] lg:leading-[1.4]
1346                                                                "
1347                                                            >
1348                                                                <a
1349                                                                    class="item level-3 text-black-100 hover:text-blue"
1350                                                                    href="/collections/hair-body"
1351                                                                    title="Hair & Body"
1352                                                                >
1353                                                                    Hair & Body
1354                                                                </a>
1355                                                            </li>
1356                                                        
1357                                                            <li
1358                                                                class="
1359                                                                    level-3 mt-4.5 first:mt-1.5 last:pb-6 lg:first:mt-4 lg:last:pb-0
1360                                                                    lg:mt-[var(--menu-link-gap)] lg:text-[length:var(--menu-font-size)] lg:leading-[1.4]
1361                                                                "
1362                                                            >
1363                                                                <a
1364                                                                    class="item level-3 text-black-100 hover:text-blue"
1365                                                                    href="/collections/travel"
1366                                                                    title="Travel & Trial"
1367                                                                >
1368                                                                    Travel & Trial
1369                                                                </a>
1370                                                            </li>
1371                                                        
1372                                                            <li
1373                                                                class="
1374                                                                    level-3 mt-4.5 first:mt-1.5 last:pb-6 lg:first:mt-4 lg:last:pb-0
1375                                                                    lg:mt-[var(--menu-link-gap)] lg:text-[length:var(--menu-font-size)] lg:leading-[1.4]
1376                                                                "
1377                                                            >
1378                                                                <a
1379                                                                    class="item level-3 text-black-100 hover:text-blue"
1380                                                                    href="/collections/shop"
1381                                                                    title="Shop All"
1382                                                                >
1383                                                                    Shop All
1384                                                                </a>
1385                                                            </li>
1386                                                        
1387                                                    </ul>
1388                                                </div>
1389                                            
1390                                        </li>
1391                                    
1392                                        <li
1393                                            class="
1394                                                level-2
1395                                                
1396                                                border-b border-lightgray-100 lg:border-0
1397                                            "
1398                                            x-data="{submenuOpen: false}"
1399            
1399                            >
1400                                            
1401                                                <span
1402                                                    class="
1403                                                        item level-2 flex items-center justify-between
1404                                                        uppercase py-3.5 font-extrabold tracking-[1.6px]
1405                                                        lg:border-b lg:border-black lg:py-2.5
1406                                                    "
1407                                                    :class="{'text-blue lg:text-black': submenuOpen}"
1408                                                    @click="submenuOpen = !submenuOpen"
1409                                                >
1410                                                    Skin Concern
1411
1412                                                    
1413                                                        <span class="flex lg:hidden">
1414                                                            <template x-if="submenuOpen">
1415                                                                
1416<span class="inline-flex h-5 w-5 items-center justify-center minus"><svg xmlns="http://www.w3.org/2000/svg" width="12" height="2" viewBox="0 0 12 2" fill="none">
1417                    <path d="M1 1H11" stroke="currentColor" stroke-width="2" stroke-linecap="round"/>
1418                </svg></span>
1419                                                            </template>
1420                                                            <template x-if="!submenuOpen">
1421                                                                
1422<span class="inline-flex h-5 w-5 items-center justify-center plus"><svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 12 12" fill="none">
1423                    <path stroke="currentColor" stroke-width="2" transform="translate(0 5)" d="M1 1h11" stroke-linecap="round"/>
1424                    <path stroke="currentColor" stroke-width="2" transform="rotate(90 3.5 3.5)" d="M1 1h11" stroke-linecap="round"/>
1425                </svg></span>
1426                                                            </template>
1427                                                        </span>
1428                                                    
1429                                                </span>
1430                                            
1431                                            
1432                                                <div
1433                                                    class="
1434                                                        child-container grid grid-rows-[0fr]
1435                                                        transition-[grid-template-rows] lg:block
1436                                                    "
1437                                                    :class="{'grid-rows-[1fr]': submenuOpen}"
1438                                                >
1439                                                    <ul class="child-content level-3 overflow-hidden">
1440                                                        
1441                                                            <li
1442                                                                class="
1443                                                                    level-3 mt-4.5 first:mt-1.5 last:pb-6 lg:first:mt-4 lg:last:pb-0
1444                                                                    lg:mt-[var(--menu-link-gap)] lg:text-[length:var(--menu-font-size)] lg:leading-[1.4]
1445                                                                "
1446                                                            >
1447                                                                <a
1448                                                                    class="item level-3 text-black-100 hover:text-blue"
1449                                                                    href="/collections/fine-lines-wrinkles"
1450                                                                    title="Fine Lines & Wrinkles"
1451                                                                >
1452                                                                    Fine Lines & Wrinkles
1453                                                                </a>
1454                                                            </li>
1455                                                        
1456                                                            <li
1457                                                                class="
1458                                                                    level-3 mt-4.5 first:mt-1.5 last:pb-6 lg:first:mt-4 lg:last:pb-0
1459                                                                    lg:mt-[var(--menu-link-gap)] lg:text-[length:var(--menu-font-size)] lg:leading-[1.4]
1460                                                                "
1461                                                            >
1462                                                                <a
1463                                                                    class="item level-3 text-black-100 hover:text-blue"
1464                                                                    href="/collections/lifting-firming"
1465                                                                    title="Lifting & Firming"
1466                                                                >
1467                                                                    Lifting & Firming
1468                                                                </a>
1469                                                            </li>
1470                                                        
1471                                                            <li
1472                                                                class="
1473                                                                    level-3 mt-4.5 first:mt-1.5 last:pb-6 lg:first:mt-4 lg:last:pb-0
1474                                                                    lg:mt-[var(--menu-link-gap)] lg:text-[length:var(--menu-font-size)] lg:leading-[1.4]
1475                                                                "
1476                                                            >
1477                                                                <a
1478                                                                    class="item level-3 text-black-100 hover:text-blue"
1479                                                                    href="/collections/pores"
1480                                                                    title="Pores & Oil Control"
1481                                                                >
1482                                                                    Pores & Oil Control
1483                                                                </a>
1484                                                            </li>
1485                                                        
1486                                                            <li
1487                                                                class="
1488                                                                    level-3 mt-4.5 first:mt-1.5 last:pb-6 lg:first:mt-4 lg:last:pb-0
1489                                                                    lg:mt-[var(--menu-link-gap)] lg:text-[length:var(--menu-font-size)] lg:leading-[1.4]
1490                                                                "
1491                                                            >
1492                                                                <a
1493                                                                    class="item level-3 text-black-100 hover:text-blue"
1494                                                                    href="/collections/hydration"
1495                                                                    title="Dryness & Hydration"
1496                                                                >
1497                                                                    Dryness & Hydration
1498                                                                </a>
1499                                                            </li>
1500                                                        
1501                                                            <li
1502                                                                class="
1503                                                                    level-3 mt-4.5 first:mt-1.5 last:pb-6 lg:first:mt-4 lg:last:pb-0
1504                                                                    lg:mt-[var(--menu-link-gap)] lg:text-[length:var(--menu-font-size)] lg:leading-[1.4]
1505                                                                "
1506                                                            >
1507                                                                <a
1508                                                                    class="item level-3 text-black-100 hover:text-blue"
1509                                                                    href="/collections/dullness-brightening"
1510                                                                    title="Dullness & Brightening"
1511                                                                >
1512                                                                    Dullness & Brightening
1513                                                                </a>
1514                                                            </li>
1515                                                        
1516                                                            <li
1517                                                                class="
1518                                                                    level-3 mt-4.5 first:mt-1.5 last:pb-6 lg:first:mt-4 lg:last:pb-0
1519                                                                    lg:mt-[var(--menu-link-gap)] lg:text-[length:var(--menu-font-size)] lg:leading-[1.4]
1520                                                                "
1521                                                            >
1522                                                                <a
1523                                                                    class="item level-3 text-black-100 hover:text-blue"
1524                                                                    href="/collections/dullness-brightening"
1525                                                                    title="Dark Spots & Discoloration"
1526                                                                >
1527                                                                    Dark Spots & Discoloration
1528                                                                </a>
1529                                                            </li>
1530                                                        
1531                                                    </ul>
1532                                                </div>
1533                                            
1534                                        </li>
1535                                    
1536                                        <li
1537                                            class="
1538                                                level-2
1539                                                
1540                                                 lg:border-0
1541                                            "
1542                                            x-data="{submenuOpen: false}"
1543                                        >
1544                                            
1545                                                <span
1546                                                    class="
1547                                                        item level-2 flex items-center justify-between
1548                                                        uppercase py-3.5 font-extrabold tracking-[1.6px]
1549                                                        lg:border-b lg:border-black lg:py-2.5
1550                                                    "
1551                                                    :class="{'text-blue lg:text-black': submenuOpen}"
1552                                                    @click="submenuOpen = !submenuOpen"
1553                                                >
1554                                                    Collection
1555
1556                                                    
1557                                                        <span class="flex lg:hidden">
1558                                                            <template x-if="submenuOpen">
1559                                                                
1560<span class="inline-flex h-5 w-5 items-center justify-center minus"><svg xmlns="http://www.w3.org/2000/svg" width="12" height="2" viewBox="0 0 12 2" fill="none">
1561                    <path d="M1 1H11" stroke="currentColor" stroke-width="2" stroke-linecap="round"/>
1562                </svg></span>
1563                                                            </template>
1564                                                            <template x-if="!submenuOpen">
1565                                                                
1566<span class="inline-flex h-5 w-5 items-center justify-center plus"><svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 12 12" fill="none">
1567                    <path stroke="currentColor" stroke-width="2" transform="translate(0 5)" d="M1 1h11" stroke-linecap="round"/>
1568                    <path stroke="currentColor" stroke-width="2" transform="rotate(90 3.5 3.5)" d="M1 1h11" stroke-linecap="round"/>
1569                </svg></span>
1570                                                            </template>
1571                                                        </span>
1572                                                    
1573                                                </span>
1574                                            
1575                                            
1576                                                <div
1577                                                    class="
1578                                                        child-container grid grid-rows-[0fr]
1579                                                        transition-[grid-template-rows] lg:block
1580                                                    "
1581                                                    :class="{'grid-rows-[1fr]': submenuOpen}"
1582                                                >
1583                                                    <ul class="child-content level-3 overflow-hidden">
1584                                                        
1585                                                            <li
1586                                                                class="
1587                                                                    level-3 mt-4.5 first:mt-1.5 last:pb-6 lg:first:mt-4 lg:last:pb-0
1588                                                                    lg:mt-[var(--menu-link-gap)] lg:text-[length:var(--menu-font-size)] lg:leading-[1.4]
1589                                                                "
1590                                                            >
1591                                                                <a
1592                                                                    class="item level-3 text-black-100 hover:text-blue"
1593                                                                    href="/collections/super-collagen"
1594                                                                    title="Super Collagen"
1595                                                                >
1596                                                                    Super Collagen
1597                                                                </a>
1598                                                            </li>
1599                                                        
1600                                                            <li
1601                                                                class="
1602                                                                    level-3 mt-4.5 first:mt-1.5 last:pb-6 lg:first:mt-4 lg:last:pb-0
1603                                                                    lg:mt-[var(--menu-link-gap)] lg:text-[length:var(--menu-font-size)] lg:leading-[1.4]
1604                                                                "
1605                                                            >
1606                                                                <a
1607                                                                    class="item level-3 text-black-100 hover:text-blue"
1608                                                                    href="/collections/coq10"
1609                                                                    title="CoQ10"
1610                                                                >
1611                                                                    CoQ10
1612                                                                </a>
1613                                                            </li>
1614                                                        
1615                                                            <li
1616                                                                class="
1617                                                                    level-3 mt-4.5 first:mt-1.5 last:pb-6 lg:first:mt-4 lg:last:pb-0
1618                                                                    lg:mt-[var(--menu-link-gap)] lg:text-[length:var(--menu-font-size)] lg:leading-[1.4]
1619                                                                "
1620                                                            >
1621                                                                <a
1622                                                                    class="item level-3 text-black-100 hover:text-blue"
1623                                                                    href="/collections/olive"
1624                                                                    title="Olive"
1625                                                                >
1626                                                                    Olive
1627                                                                </a>
1628                                                            </li>
1629                                                        
1630                                                            <li
1631                                                                class="
1632                                                                    level-3 mt-4.5 first:mt-1.5 last:pb-6 lg:first:mt-4 lg:last:pb-0
1633                                                                    lg:mt-[var(--menu-link-gap)] lg:text-[length:var(--menu-font-size)] lg:leading-[1.4]
1634                                                                "
1635                                                            >
1636                                                                <a
1637                                                                    class="item level-3 text-black-100 hover:text-blue"
1638                                                                    href="/collections/essentials"
1639                                                                    title="Essentials"
1640                                                                >
1641                                                                    Essentials
1642                                                                </a>
1643                                                            </li>
1644                                                        
1645                                                            <li
1646                                                                class="
1647                                                                    level-3 mt-4.5 first:mt-1.5 last:pb-6 lg:first:mt-4 lg:last:pb-0
1648                                                                    lg:mt-[var(--menu-link-gap)] lg:text-[length:var(--menu-font-size)] lg:leading-[1.4]
1649                                                                "
1650                                                            >
1651                                                                <a
1652                                                                    class="item level-3 text-black-100 hover:text-blue"
1653                                                                    href="/collections/pore"
1654                                                                    title="Pore"
1655                                                                >
1656                                                                    Pore
1657                                                                </a>
1658                                                            </li>
1659                                                        
1660                                                            <li
1661                                                                class="
1662                                                                    level-3 mt-4.5 first:mt-1.5 last:pb-6 lg:first:mt-4 lg:last:pb-0
1663                                                                    lg:mt-[var(--menu-link-gap)] lg:text-[length:var(--menu-font-size)] lg:leading-[1.4]
1664                                                                "
1665                                                            >
1666                                                                <a
1667                                                                    class="item level-3 text-black-100 hover:text-blue"
1668                                                                    href="/collections/lx-me"
1669                                                                    title="LX-ME"
1670                                                                >
1671                                                                    LX-ME
1672                                                                </a>
1673                                                            </li>
1674                                                        
1675                                                    </ul>
1676                                                </div>
1677                                            
1678                                        </li>
1679                                    
1680
1681                                    
1682                                        
1683
1684                                                
1685                                                <li
1686                                                    class="level-2 promo hidden lg:block"
1687                                                    
1688                                                >
1689                                                    <a
1690                                                        class="promo-link relative block pt-2.5"
1691                                                        href="/products/the-classic-cleanse-mild-foaming-face-wash"
1692                                                        title=""
1693                                                    >
1694                                                        <img
1695                                                            class="aspect-[3/4] w-full object-cover"
1696                                                            src="//www.dhccare.com/cdn/shop/files/M
1696od_2_6a323756-31d3-4ab3-be96-5ced2fb8943d.jpg?v=1788167856&width=600"
1697                                                            alt=""
1698                                                            width="676"
1699                                                            height="781"
1700                                                            loading="lazy"
1701                                                        >
1702
1703                                                        <div class="absolute bottom-0 left-0 right-0 flex flex-col items-center gap-2.5 p-5">
1704                                                            
1705
1706                                                            
1707                                                        </div>
1708                                                    </a>
1709                                                </li>
1710                                            
1711                                        
1712
1713                                                
1714                                                <li
1715                                                    class="level-2 promo hidden lg:block"
1716                                                    
1717                                                >
1718                                                    <a
1719                                                        class="promo-link relative block pt-2.5"
1720                                                        href="/collections/double-moisture"
1721                                                        title=""
1722                                                    >
1723                                                        <img
1724                                                            class="aspect-[3/4] w-full object-cover"
1725                                                            src="//www.dhccare.com/cdn/shop/files/Mod_12_b9124623-086d-4eca-87bc-d20503ff1226.jpg?v=1788167856&width=600"
1726                                                            alt=""
1727                                                            width="676"
1728                                                            height="781"
1729                                                            loading="lazy"
1730                                                        >
1731
1732                                                        <div class="absolute bottom-0 left-0 right-0 flex flex-col items-center gap-2.5 p-5">
1733                                                            
1734
1735                                                            
1736                                                        </div>
1737                                                    </a>
1738                                                </li>
1739                                            
1740                                        
1741                                    
1742                                </ul>
1743                            </div>
1744                        </div>
1745                    
1746                </li>
1747            
1748<li
1749                    class="
1750                        level-1 group border-b border-lightgray-100 lg:border-0
1751                        
1752                        
1753                    "
1754                    
1755                >
1756                    
1757                        <a
1758                            href="/collections/sets"
1759                            title="Bundles"
1760                            
1761                            class="
1762                                item level-1 uppercase flex items-center py-3.5
1763                                font-extrabold tracking-[1.6px] justify-between lg:tracking-normal
1764                                lg:font-bold lg:py-0 lg:group-hover:text-blue lg:hover:text-blue
1765                                
1766                            "
1767                        >
1768                    
1769
1770                    Bundles
1771
1772                    
1773
1774                    
1775                        </a>
1776                    
1777
1778                    
1779                </li>
1780            
1781<li
1782                    class="
1783                        level-1 group border-b border-lightgray-100 lg:border-0
1784                        has-child
1785                        
1786                            relative
1787                        
1788                    "
1789                    
1790                        @mouseover="$dispatch('set-header-overlay', true)"
1791                        @mouseleave="$dispatch('set-header-overlay', false)"
1792                        @click="childOpen = !childOpen"
1793                        x-data="{childOpen: false}"
1794                    
1795                >
1796                    
1797                        <a
1798                            href="/collections/sale"
1799                            title="Offers "
1800                            
1801                                :class="{'text-blue lg:text-black': childOpen}"
1802                                @click.stop
1803                            
1804                            class="
1805                                item level-1 uppercase flex items-center py-3.5
1806                                font-extrabold tracking-[1.6px] justify-between lg:tracking-normal
1807                                lg:font-bold lg:py-0 lg:group-hover:text-blue lg:hover:text-blue
1808                                pointer-events-none lg:py-8.25 lg:pointer-events-auto has-child
1809                            "
1810                        >
1811                    
1812
1813                    Offers 
1814
1815                    
1816                        <span class="hidden lg:flex ml-0.5 group-hover:rotate-x-180 transition-transform">
1817                            
1818<span class="inline-flex h-5 w-5 items-center justify-center chevron-down"><svg xmlns="http://www.w3.org/2000/svg" width="13" height="8" viewBox="0 0 13 8" fill="none">
1819                    <path d="M1.5 1.5L6.5 6.5L11.5 1.5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"/>
1820                </svg></span>
1821                        </span>
1822                        <span class="flex lg:hidden">
1823                            <template x-if="childOpen">
1824                                
1825<span class="inline-flex h-5 w-5 items-center justify-center minus"><svg xmlns="http://www.w3.org/2000/svg" width="12" height="2" viewBox="0 0 12 2" fill="none">
1826                    <path d="M1 1H11" stroke="currentColor" stroke-width="2" stroke-linecap="round"/>
1827                </svg></span>
1828                            </template>
1829                            <template x-if="!childOpen">
1830                                
1831<span class="inline-flex h-5 w-5 items-center justify-center plus"><svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 12 12" fill="none">
1832                    <path stroke="currentColor" stroke-width="2" transform="translate(0 5)" d="M1 1h11" stroke-linecap="round"/>
1833                    <path stroke="currentColor" stroke-width="2" transform="rotate(90 3.5 3.5)" d="M1 1h11" stroke-linecap="round"/>
1834                </svg></span>
1835                            </template>
1836                        </span>
1837                    
1838
1839                    
1840                        </a>
1841                    
1842
1843                    
1844                        <div
1845                            class="
1846                                child-container grid grid-rows-[0fr] transition-[grid-template-rows]
1847                                bg-lightgray-400 -mx-3.75 px-3.75 -mb-px lg:m-0 lg:p-0 lg:block
1848                                lg:absolute lg:bg-white lg:top-full lg:transition-[opacity,visibility]
1849                                lg:opacity-0 lg:invisible lg:rounded-lg lg:shadow-[0_4px_14px_0]
1850                                lg:pointer-events-none lg:group-hover:pointer-events-auto
1851                                lg:shadow-black-100/10 lg:group-hover:opacity-100 lg:group-hover:visible
1852                                
1853                                   lg:left-1/2 lg:-translate-x-1/2 lg:min-w-52
1854                                
1855                            "
1856                            :class="{'grid-rows-[1fr]': childOpen}"
1857                            @click.stop
1858                        >
1859                            <div class="overflow-hidden">
1860                                <ul
1861                                    class="
1862                                        child-content level-2 lg:grid
1863                                        
1864                                            py-5 lg:gap-y-[var(--menu-link-gap)] lg:px-5 lg:py-6
1865                                        
1866                                    "
1867                                    
1868                                >
1869                                    
1870                                        <li
1871                                            class="
1872                                                level-2
1873                                                mt-4.5 first:mt-0 lg:mt-0
1874                                            "
1875                                            x-data="{submenuOpen: false}"
1876                                        >
1877                                            
1878                                                <a
1879                                                    class="
1880                                                        item level-2 inline-flex items-center justify-between
1881                                                        lg:text-black-100 lg:hover:text-blue lg:whitespace-nowrap
1882                                                        lg:text-[length:var(--menu-font-size)]
1883                                                    "
1884                                                    title="Sale"
1885                                                    href="/collections/sale"
1886                                                >
1887                                                    Sale
1888                                                </a>
1889                                            
1890                                            
1891                                        </li>
1892                                    
1893                                        <li
1894                                            class="
1895                                                level-2
1896                                                mt-4.5 first:mt-0 lg:mt-0
1897                                            "
1898                                            x-data="{submenuOpen: false}"
1899                                        >
1900                                            
1901                                                <a
1902                                                    class="
1903                                                        item level-2 inline-flex items-center justify-between
1904                                                        lg:text-black-100 lg:hover:text-blue lg:whitespace-nowrap
1905                                                        lg:text-[length:var(--menu-font-size)]
1906                                                    "
1907                                                    title="Buy with Prime"
1908                                                    href="/collections/buy-with-prime"
1909                                                >
1910                                                    Buy with Prime
1911                                                </a>
1912                                            
1913                                            
1914                                        </li>
1915                                    
1916
1917                                    
1918                                </ul>
1919                            </div>
1920                        </div>
1921                    
1922                </li>
1923            
1924<li
1925                    class="
1926                        level-1 group border-b border-lightgray-100 lg:border-0
1927                        has-child
1928                        
1929                            relative
1930                        
1931                    "
1932                    
1933                        @mouseover="$dispatch('set-header-overlay', true)"
1934                        @mouseleave="$dispatch('set-header-overlay', false)"
1935                        @click="childOpen = !childOpen"
1936                        x-data="{childOpen: false}"
1937                    
1938                >
1939                    
1940                        <a
1941                            href="/pages/our-story"
1942                            title="About "
1943                            
1944                                :class="{'text-blue lg:text-black': childOpen}"
1945                                @click.stop
1946                            
1947                            class="
1948                                item level-1 uppercase flex items-center py-3.5
1949                                font-extrabold tracking-[1.6px] justify-between lg:tracking-normal
1950                                lg:font-bold lg:py-0 lg:group-hover:text-blue lg:hover:text-blue
1951                                pointer-events-none lg:py-8.25 lg:pointer-events-auto has-child
1952                            "
1953                        >
1954                    
1955
1956                    About 
1957
1958                    
1959                        <span class="hidden lg:flex ml-0.5 group-hover:rotate-x-180 transition-transform">
1960                            
1961<span class="inline-flex h-5 w-5 items-center justify-center chevron-down"><svg xmlns="http://www.w3.org/2000/svg" width="13" height="8" viewBox="0 0 13 8" fill="none">
1962                    <path d="M1.5 1.5L6.5 6.5L11.5 1.5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"/>
1963                </svg></span>
1964                        </span>
1965                        <span class="flex lg:hidden">
1966                            <template x-if="childOpen">
1967                                
1968<span class="inline-flex h-5 w-5 items-center justify-center minus"><svg xmlns="http://www.w3.org/2000/svg" width="12" height="2" viewBox="0 0 12 2" fill="none">
1969                    <path d="M1 1H11" stroke="currentColor" stroke-width="2" stroke-linecap="round"/>
1970                </svg></span>
1971                            </template>
1972                            <template x-if="!childOpen">
1973                                
1974<span class="inline-flex h-5 w-5 items-center justify-center plus"><svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 12 12" fill="none">
1975                    <path stroke="currentColor" stroke-width="2" transform="translate(0 5)" d="M1 1h11" stroke-linecap="round"/>
1976                    <path stroke="currentColor" stroke-width="2" transform="rotate(90 3.5 3.5)" d="M1 1h11" stroke-linecap="round"/>
1977                </svg></span>
1978                            </template>
1979                        </span>
1980                    
1981
1982                    
1983                        </a>
1984                    
1985
1986                    
1987                        <div
1988                            class="
1989                                child-container grid grid-rows-[0fr] transition-[grid-template-rows]
1990                                bg-lightgray-400 -mx-3.75 px-3.75 -mb-px lg:m-0 lg:p-0 lg:block
1991                                lg:absolute lg:bg-white lg:top-full lg:transition-[opacity,visibility]
1992                                lg:opacity-0 lg:invisible lg:rounded-lg lg:shadow-[0_4px_14px_0]
1993                                lg:pointer-events-none lg:group-hover:pointer-events-auto
1994                                lg:shadow-black-100/10 lg:group-hover:opacity-100 lg:group-hover:visible
1995                                
1996                                   lg:left-1/2 lg:-translate-x-1/2 lg:min-w-52
1997                                
1998                            "
1999                            :class="{'grid-rows-[1fr]': childOpen}"
2000                            @click.stop
2001                        >
2002                            <div class="overflow-hidden">
2003                                <ul
2004                                    class="
2005                                        child-content level-2 lg:grid
2006                                        
2007                                            py-5 lg:gap-y-[var(--menu-link-gap)] lg:px-5 lg:py-6
2008                                        
2009                                    "
2010                                    
2011                                >
2012                                    
2013                                        <li
2014                                            class="
2015                                                level-2
2016                                                mt-4.5 first:mt-0 lg:mt-0
2017                                            "
2018                                            x-data="{submenuOpen: false}"
2019                                        >
2020                                            
2021                                                <a
2022                                                    class="
2023                                                        item level-2 inline-flex items-center justify-between
2024                                                        lg:text-black-100 lg:hover:text-blue lg:whitespace-nowrap
2025                                                        lg:text-[length:var(--menu-font-size)]
2026                                                    "
2027                                                    title="Our Story"
2028                                                    href="/pages/our-story"
2029                                                >
2030                                                    Our Story
2031                                                </a>
2032                                            
2033                                            
2034                                        </li>
2035                                    
2036                                        <li
2037                                            class="
2038                                                level-2
2039                                                mt-4.5 first:mt-0 lg:mt-0
2040                                            "
2041                                            x-data="{submenuOpen: false}"
2042                                        >
2043                                            
2044                                                <a
2045                                                    class="
2046                                                        item level-2 inline-flex items-center justify-between
2047                                                        lg:text-black-100 lg:hover:text-blue lg:whitespace-nowrap
2048                                                        lg:text-[length:var(--menu-font-size)]
2049                                                    "
2050                                                    title="The 4-Step Regimen"
2051                                                    href="/pages/japanese-4-step-skincare-routine"
2052                                                >
2053                                                    The 4-Step Regimen
2054                                                </a>
2055                                            
2056                                            
2057                                        </li>
2058                                    
2059                                        <li
2060                                            class="
2061                                                level-2
2062                                                mt-4.5 first:mt-0 lg:mt-0
2063                                            "
2064                                            x-data="{submenuOpen: false}"
2065                                        >
2066                                            
2067                                                <a
2068                                                    class="
2069                                                        item level-2 inline-flex items-center justify-between
2070                                                        lg:text-black-100 lg:hover:text-blue lg:whitespace-nowrap
2071                                                        lg:text-[length:var(--menu-font-size)]
2072                                                    "
2073                                                    title="Tokuten Rewards"
2074                                                    href="/pages/rewards"
2075                                                >
2076                                                    Tokuten Rewards
2077                                                </a>
2078                                            
2079                                            
2080                                        </li>
2081                                    
2082
2083                                    
2084                                </ul>
2085                            </div>
2086                        </div>
2087                    
2088                </li>
2089            
2090        </ul>
2091    </div>
2092</div>
2093
2094<style data-shopify>
2095    #shopify-section-sections--18223396487364__header .menu {
2096        top: var(--announcement-bar-height);
2097    }
2098
2099    header:has(.search-open) .menu-items {
2100        opacity: 0;
2101    }
2102</style>
2103
2104            
2105
2106            <div class="flex gap-4 md:gap-7.5 order-3">
2107                <div class="search-wrapper z-10"
2108                     x-data="predictiveSearch('', '/search/suggest')"
2109                     x-init="$watch('searchOpen', isOpen => { $dispatch('disable-scroll', isOpen);
2110                     if (isOpen) $refs['search-input'].focus()})">
2111                    
2112
2113<div class="absolute left-13.5 h-7.5 w-7.5 lg:static"
2114     @close-search.window="searchOpen = false">
2115    <button class="search-trigger flex hover:text-blue
2116        cursor-pointer absolute max-lg:flex!"
2117        x-show="!searchOpen"
2118        x-transition.duration.300ms
2119        aria-label="Open Search"
2120        @click.stop="searchOpen = true;
2121        $dispatch('set-header-overlay', true)">
2122        
2123<span class="inline-flex h-5 w-5 items-center justify-center search h-7.5 w-7.5 transition-colors"><svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" viewBox="0 0 30 30" fill="none">
2124                    <path d="M25.8031 24.8078L25.8019 24.8065L20.15 19.1546C21.6855 17.2405 22.4384 14.8139 22.2543 12.3647C22.0681 9.8854 20.936 7.57251 19.0922 5.90448C17.2484 4.23645 14.8341 3.34088 12.3486 3.40303C9.86303 3.46518 7.49646 4.48028 5.73837 6.23837C3.98028 7.99646 2.96518 10.363 2.90303 12.8486C2.84088 15.3341 3.73645 17.7484 5.40448 19.5922C7.07251 21.436 9.3854 22.5681 11.8647 22.7543C14.3139 22.9384 16.7405 22.1855 18.6546 20.65L24.3065 26.3019L24.3078 26.3031C24.5072 26.4958 24.7744 26.6024 25.0516 26.6C25.3289 26.5976 25.5942 26.4863 25.7903 26.2903C25.9863 26.0942 26.0976 25.8289 26.1 25.5516C26.1024 25.2744 25.9958 25.0072 25.8031 24.8078L25.8031 24.8078ZM12.606 20.6665C11.1107 20.6665 9.64906 20.2231 8.4058 19.3923C7.1625 18.5616 6.19347 17.3808 5.62124 15.9993C5.04901 14.6179 4.89929 13.0977 5.19101 11.6312C5.48273 10.1646 6.20279 8.81746 7.26012 7.76012C8.31746 6.70279 9.66459 5.98273 11.1312 5.69101C12.5977 5.39929 14.1179 5.54901 15.4993 6.12124C16.8808 6.69347 18.0616 7.6625 18.8923 8.9058C19.7231 10.1491 20.1665 11.6107 20.1665 13.106C20.1642 15.1105 19.367 17.0322 17.9496 18.4496C16.5322 19.867 14.6105 20.6642 12.606 20.6665Z" fill="currentColor" stroke="currentColor" stroke-width="0.2"/>
2125                </svg></span>
2126    </button>
2127    <button class="close-button flex hover:text-blue
2128        cursor-pointer absolute max-lg:hidden!"
2129        x-show="searchOpen"
2130        x-transition.duration.300ms
2131        aria-label="Close"
2132        @click.stop="searchOpen = false;
2133        $dispatch('set-header-overlay', false)"
2134        style="display: none">
2135        
2136<span class="inline-flex h-5 w-5 items-center justify-center cross-big h-7.5 w-7.5 transition-colors"><svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" viewBox="0 0 30 30" fill="none">
2137                    <path d="M6.25 6.25L23.75 23.75M23.75 6.25L6.25 23.75" stroke="currentColor" stroke-width="2" stroke-linecap="round"/>
2138                </svg></span>
2139    </button>
2140</div>
2141
2142<form
2143    id="predictive-search-form"
2144    action="/search"
2145    class="absolute flex items-center bg-white px-2.5 opacity-0
2146    transition-opacity h-full w-full left-0 top-0 pointer-events-none
2147    lg:px-0 lg:ml-[180px] lg:w-[calc(100%-460px)] lg:max-w-[976px]
2148    xl:ml-[330px] xl:w-[calc(100%-760px)] xxl:ml-0 xxl:w-[720px]
2149    xxl:left-1/2 xxl:-translate-x-1/2 2xl:w-[976px]"
2150    :class="{'z-40 opacity-100 pointer-events-auto! search-open': searchOpen}"
2151    @click.outside="searchOpen = false;
2152    $dispatch('set-header-overlay', false)"
2153    @submit="e => {if (!query || query == '') e.preventDefault()}"
2154    method="GET"
2155    role="search"
2156>
2157    <input
2158        x-model="query"
2159        x-ref="search-input"
2160        type="text"
2161        id="search-field"
2162        class="input pr-15 py-2.5 pl-6 rounded-lg w-full
2163        focus:border-blue/70 focus-visible:border-blue/70
2164        max-w-[calc(100%-50px)] lg:max-w-full lg:py-3.5"
2165        name="q"
2166        autocomplete="off"
2167        placeholder="Search..."
2168        aria-label="Search..."
2169        @input.debounce.300ms="getSearchResults(query)"
2170    >
2171
2172    <button class="search-button flex hover:text-blue absolute
2173        cursor-pointer transition-opacity right-21 lg:right-4.5"
2174        :class="{'opacity-50 pointer-events-none':
2175        !query || query == ''}"
2176        aria-label="Close">
2177        
2178<span class="inline-flex h-5 w-5 items-center justify-center loupe h-7.5 w-7.5 transition-colors"><svg width="21" height="21" viewBox="0 0 21 21" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
2179                    <path d="M20.7071 20.7071C20.3166 21.0976 19.6834 21.0976 19.2929 20.7071L15.5131 16.9273C13.877 18.2526 11.7928 19.0465 9.52327 19.0465C4.26371 19.0465 0 14.7828 0 9.52327C0 4.26371 4.26371 0 9.52327 0C14.7828 0 19.0465 4.26371 19.0465 9.52327C19.0465 11.7928 18.2526 13.877 16.9273 15.5131L20.7071 19.2929C21.0976 19.6834 21.0976 20.3166 20.7071 20.7071ZM15.5019 14.0907C16.4708 12.8243 17.0465 11.241 17.0465 9.52327C17.0465 5.36828 13.6783 2 9.52327 2C5.36828 2 2 5.36828 2 9.52327C2 13.6783 5.36828 17.0465 9.52327 17.0465C11.241 17.0465 12.8243 16.4708 14.0907 15.5019C14.6212 15.096 15.096 14.6212 15.5019 14.0907Z"/>
2180                </svg></span>
2181    </button>
2182
2183    <button class="close-button flex text-black-100 hover:text-blue
2184        cursor-pointer absolute right-[var(--grid-x-offset)] lg:hidden"
2185        aria-label="Close"
2186        @click.stop.prevent="searchOpen = false;
2187        $dispatch('set-header-overlay', false)">
2188        
2189<span class="inline-flex h-5 w-5 items-center justify-center cross-big h-7.5 w-7.5 transition-colors"><svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" viewBox="0 0 30 30" fill="none">
2190                    <path d="M6.25 6.25L23.75 23.75M23.75 6.25L6.25 23.75" stroke="currentColor" stroke-width="2" stroke-linecap="round"/>
2191                </svg></span>
2192    </button>
2193</form>
2194
2195<div class="results absolute left-0 top-full w-full z-110
2196     transition-opacity opacity-0 pointer-events-none"
2197     :class="{'opacity-100 pointer-events-auto!':
2198     searchPerformed && searchOpen && query}"
2199     @click.stop
2200     x-ref="search-results">
2201</div>
2202
2203                </div>
2204
2205                
2206                    <a href="/account/login"
2207                        class="flex items-center gap-2 hover:text-blue"
2208                        rel="nofollow">
2209                        
2210<span class="inline-flex h-5 w-5 items-center justify-center account h-7.5 w-7.5"><svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" viewBox="0 0 30 30" fill="none">
2211                    <mask id="path-1-outside-1_1111_851" maskUnits="userSpaceOnUse" x="2.75" y="2.75" width="24" height="24" fill="black">
2212                        <rect fill="white" x="2.75" y="2.75" width="24" height="24"/>
2213                        <path d="M7.745 21.8563C8.8075 21.0913 9.935 20.4867 11.1275 20.0425C12.3192 19.5975 13.61 19.375 15 19.375C16.39 19.375 17.6808 19.5975 18.8725 20.0425C20.0642 20.4875 21.1917 21.0917 22.255 21.855C23.08 21.0008 23.7438 19.9925 24.2463 18.83C24.7488 17.6658 25 16.3892 25 15C25 12.2292 24.0263 9.86958 22.0788 7.92125C20.1313 5.97292 17.7717 4.99917 15 5C12.2283 5.00083 9.86875 5.975 7.92125 7.9225C5.97375 9.87 5 12.2292 5 15C5 16.3892 5.25125 17.6658 5.75375 18.83C6.25625 19.9933 6.92 21.0017 7.745 21.855M15.0013 15.625C13.9479 15.625 13.0592 15.2633 12.335 14.54C11.6108 13.8167 11.2492 12.9288 11.25 11.8763C11.2508 10.8238 11.6125 9.935 12.335 9.21C13.0575 8.485 13.9458 8.12333 15 8.125C16.0542 8.12667 16.9425 8.48833 17.665 9.21C18.3875 9.93167 18.7492 10.82 18.75 11.875C18.7508 12.93 18.3892 13.8183 17.665 14.54C16.9408 15.2617 16.0529 15.6233 15.0013 15.625ZM15 26.25C13.4308 26.25 11.9621 25.9579 10.5938 25.3737C9.22542 24.7896 8.03459 23.9912 7.02125 22.9787C6.00792 21.9662 5.20959 20.7754 4.62625 19.4062C4.04292 18.0371 3.75084 16.5683 3.75 15C3.74917 13.4317 4.04125 11.9629 4.62625 10.5938C5.21125 9.22458 6.00959 8.03375 7.02125 7.02125C8.03459 6.00875 9.22542 5.21042 10.5938 4.62625C11.9621 4.04208 13.4308 3.75 15 3.75C16.5692 3.75 18.0379 4.04208 19.4063 4.62625C20.7746 5.21042 21.9654 6.00875 22.9788 7.02125C23.9921 8.03375 24.7904 9.22458 25.3738 10.5938C25.9571 11.9629 26.2492 13.4317 26.25 15C26.2508 16.5683 25.9588 18.0371 25.3738 19.4062C24.7888 20.7754 23.9904 21.9662 22.9788 22.9787C21.9654 23.9912 20.7746 24.7896 19.4063 25.3737C18.0379 25.9579 16.5692 26.25 15 26.25ZM15 25C16.1525 25 17.2863 24.7983 18.4013 24.395C19.5163 23.9925 20.48 23.4408 21.2925 22.74C20.4808 22.0875 19.5413 21.5721 18.4738 21.1938C17.4063 20.8154 16.2483 20.6258 15 20.625C13.7517 20.6242 12.5896 20.8096 11.5138 21.1812C10.4379 21.5529 9.50209 22.0725 8.70625 22.74C9.51875 23.44 10.4829 23.9917 11.5988 24.395C12.7146 24.7983 13.8483 25 15 25ZM15 14.375C15.7017 14.375 16.2938 14.1337 16.7763 13.6512C17.2588 13.1687 17.5 12.5767 17.5 11.875C17.5 11.1733 17.2588 10.5813 16.7763 10.0988C16.2938 9.61625 15.7017 9.375 15 9.375C14.2983 9.375 13.7063 9.61625 13.2238 10.0988C12.7413 10.5813 12.5 11.1733 12.5 11.875C12.5 12.5767 12.7413 13.1687 13.2238 13.6512C13.7063 14.1337 14.2983 14.375 15 14.375Z"/>
2214                    </mask>
2215                    <path d="M7.745 21.8563C8.8075 21.0913 9.935 20.4867 11.1275 20.0425C12.3192 19.5975 13.61 19.375 15 19.375C16.39 19.375 17.6808 19.5975 18.8725 20.0425C20.0642 20.4875 21.1917 21.0917 22.255 21.855C23.08 21.0008 23.7438 19.9925 24.2463 18.83C24.7488 17.6658 25 16.3892 25 15C25 12.2292 24.0263 9.86958 22.0788 7.92125C20.1313 5.97292 17.7717 4.99917 15 5C12.2283 5.00083 9.86875 5.975 7.92125 7.9225C5.97375 9.87 5 12.2292 5 15C5 16.3892 5.25125 17.6658 5.75375 18.83C6.25625 19.9933 6.92 21.0017 7.745 21.855M15.0013 15.625C13.9479 15.625 13.0592 15.2633 12.335 14.54C11.6108 13.8167 11.2492 
221512.9288 11.25 11.8763C11.2508 10.8238 11.6125 9.935 12.335 9.21C13.0575 8.485 13.9458 8.12333 15 8.125C16.0542 8.12667 16.9425 8.48833 17.665 9.21C18.3875 9.93167 18.7492 10.82 18.75 11.875C18.7508 12.93 18.3892 13.8183 17.665 14.54C16.9408 15.2617 16.0529 15.6233 15.0013 15.625ZM15 26.25C13.4308 26.25 11.9621 25.9579 10.5938 25.3737C9.22542 24.7896 8.03459 23.9912 7.02125 22.9787C6.00792 21.9662 5.20959 20.7754 4.62625 19.4062C4.04292 18.0371 3.75084 16.5683 3.75 15C3.74917 13.4317 4.04125 11.9629 4.62625 10.5938C5.21125 9.22458 6.00959 8.03375 7.02125 7.02125C8.03459 6.00875 9.22542 5.21042 10.5938 4.62625C11.9621 4.04208 13.4308 3.75 15 3.75C16.5692 3.75 18.0379 4.04208 19.4063 4.62625C20.7746 5.21042 21.9654 6.00875 22.9788 7.02125C23.9921 8.03375 24.7904 9.22458 25.3738 10.5938C25.9571 11.9629 26.2492 13.4317 26.25 15C26.2508 16.5683 25.9588 18.0371 25.3738 19.4062C24.7888 20.7754 23.9904 21.9662 22.9788 22.9787C21.9654 23.9912 20.7746 24.7896 19.4063 25.3737C18.0379 25.9579 16.5692 26.25 15 26.25ZM15 25C16.1525 25 17.2863 24.7983 18.4013 24.395C19.5163 23.9925 20.48 23.4408 21.2925 22.74C20.4808 22.0875 19.5413 21.5721 18.4738 21.1938C17.4063 20.8154 16.2483 20.6258 15 20.625C13.7517 20.6242 12.5896 20.8096 11.5138 21.1812C10.4379 21.5529 9.50209 22.0725 8.70625 22.74C9.51875 23.44 10.4829 23.9917 11.5988 24.395C12.7146 24.7983 13.8483 25 15 25ZM15 14.375C15.7017 14.375 16.2938 14.1337 16.7763 13.6512C17.2588 13.1687 17.5 12.5767 17.5 11.875C17.5 11.1733 17.2588 10.5813 16.7763 10.0988C16.2938 9.61625 15.7017 9.375 15 9.375C14.2983 9.375 13.7063 9.61625 13.2238 10.0988C12.7413 10.5813 12.5 11.1733 12.5 11.875C12.5 12.5767 12.7413 13.1687 13.2238 13.6512C13.7063 14.1337 14.2983 14.375 15 14.375Z" fill="currentColor"/>
2216                    <path d="M11.1275 20.0425L11.302 20.5111L11.3024 20.5109L11.1275 20.0425ZM22.255 21.855L21.9634 22.2612L22.3144 22.5132L22.6146 22.2024L22.255 21.855ZM24.2463 18.83L24.7052 19.0284L24.7053 19.0281L24.2463 18.83ZM5.75375 18.83L5.29469 19.0281L5.29474 19.0283L5.75375 18.83ZM15.0013 15.625L15.0013 16.125L15.002 16.125L15.0013 15.625ZM7.02125 7.02125L6.66784 6.66755L6.66755 6.66784L7.02125 7.02125ZM22.9788 22.9787L23.3322 23.3324L23.3324 23.3322L22.9788 22.9787ZM15 25V24.5V25ZM18.4013 24.395L18.2315 23.9247L18.2312 23.9248L18.4013 24.395ZM21.2925 22.74L21.6191 23.1186L22.0737 22.7265L21.6058 22.3503L21.2925 22.74ZM8.70625 22.74L8.38494 22.3569L7.93429 22.7349L8.3799 23.1188L8.70625 22.74ZM8.03715 22.262C9.06447 21.5223 10.1526 20.9392 11.302 20.5111L10.953 19.5739C9.71745 20.0341 8.55053 20.6602 7.45285 21.4505L8.03715 22.262ZM11.3024 20.5109C12.4332 20.0887 13.6642 19.875 15 19.875V18.875C13.5558 18.875 12.2052 19.1063 10.9526 19.5741L11.3024 20.5109ZM15 19.875C16.3358 19.875 17.5668 20.0887 18.6976 20.5109L19.0474 19.5741C17.7948 19.1063 16.4442 18.875 15 18.875V19.875ZM18.6976 20.5109C19.8466 20.94 20.935 21.5229 21.9634 22.2612L22.5466 21.4488C21.4483 20.6604 20.2817 20.035 19.0474 19.5741L18.6976 20.5109ZM22.6146 22.2024C23.4842 21.3021 24.1804 20.2424 24.7052 19.0284L23.7873 18.6316C23.3071 19.7426 22.6759 20.6996 21.8954 21.5076L22.6146 22.2024ZM24.7053 19.0281C25.2373 17.7957 25.5 16.4508 25.5 15H24.5C24.5 16.3276 24.2602 17.536 23.7872 18.6319L24.7053 19.0281ZM25.5 15C25.5 12.0975 24.4742 9.61048 22.4324 7.56777L21.7251 8.27473C23.5783 10.1287 24.5 12.3609 24.5 15H25.5ZM22.4324 7.56777C20.3904 5.52494 17.9033 4.49913 14.9999 4.5L15.0002 5.5C17.64 5.49921 19.8721 6.42089 21.7251 8.27473L22.4324 7.56777ZM14.9999 4.5C12.0966 4.50087 9.6096 5.52705 7.5677 7.56895L8.27481 8.27605C10.1279 6.42295 12.3601 5.50079 15.0002 5.5L14.9999 4.5ZM7.5677 7.56895C5.52579 9.61085 4.5 12.0975 4.5 15H5.5C5.5 12.3609 6.42171 10.1291 8.27481 8.27605L7.5677 7.56895ZM4.5 15C4.5 16.4508 4.7627 17.7957 5.29469 19.0281L6.21281 18.6319C5.7398 17.536 5.5 16.3276 5.5 15H4.5ZM5.29474 19.0283C5.81952 20.2432 6.51586 21.303 7.38553 22.2025L8.10447 21.5075C7.32414 20.7003 6.69298 19.7435 6.21276 18.6317L5.29474 19.0283ZM15.0013 15.125C14.0761 15.125 13.3158 14.8129 12.6884 14.1862L11.9817 14.8938C12.8026 15.7137 13.8197 16.125 15.0013 16.125V15.125ZM12.6884 14.1862C12.0611 13.5597 11.7493 12.8005 11.75 11.8766L10.75 11.8759C10.7491 13.057 11.1606 14.0736 11.9817 14.8938L12.6884 14.1862ZM11.75 11.8766C11.7507 10.9521 12.0629 10.1914 12.6892 9.56294L11.9808 8.85706C11.1621 9.6786 10.7509 10.6954 10.75 11.8759L11.75 11.8766ZM12.6892 9.56294C13.3146 8.93539 14.0738 8.62354 14.9992 8.625L15.0008 7.625C13.8179 7.62313 12.8005 8.03461 11.9808 8.85706L12.6892 9.56294ZM14.9992 8.625C15.9259 8.62646 16.686 8.93886 17.3117 9.56376L18.0184 8.85624C17.199 8.03781 16.1824 7.62687 15.0008 7.625L14.9992 8.625ZM17.311
22167 9.56376C17.9369 10.1883 18.2493 10.9481 18.25 11.8754L19.25 11.8746C19.2491 10.6919 18.8381 9.67501 18.0184 8.85624L17.3117 9.56376ZM18.25 11.8754C18.2507 12.8021 17.9387 13.5614 17.3121 14.1858L18.0179 14.8942C18.8397 14.0753 19.2509 13.0579 19.25 11.8746L18.25 11.8754ZM17.3121 14.1858C16.6844 14.8114 15.9243 15.1235 15.0005 15.125L15.002 16.125C16.1815 16.1231 17.1973 15.712 18.0179 14.8942L17.3121 14.1858ZM15 25.75C13.4946 25.75 12.093 25.4701 10.7901 24.9139L10.3974 25.8336C11.8312 26.4457 13.3671 26.75 15 26.75V25.75ZM10.7901 24.9139C9.47808 24.3538 8.34114 23.5907 7.37466 22.625L6.66784 23.3324C7.72803 24.3918 8.97275 25.2254 10.3974 25.8336L10.7901 24.9139ZM7.37466 22.625C6.40839 21.6596 5.64547 20.5229 5.08624 19.2103L4.16626 19.6022C4.7737 21.028 5.60745 22.2729 6.66784 23.3324L7.37466 22.625ZM5.08624 19.2103C4.53068 17.9063 4.2508 16.5045 4.25 14.9997L3.25 15.0003C3.25087 16.6322 3.55516 18.1679 4.16626 19.6022L5.08624 19.2103ZM4.25 14.9997C4.2492 13.4953 4.52901 12.0939 5.08604 10.7902L4.16646 10.3973C3.55349 11.8319 3.24913 13.368 3.25 15.0003L4.25 14.9997ZM5.08604 10.7902C5.64703 9.47724 6.41014 8.34027 7.37495 7.37466L6.66755 6.66784C5.60904 7.72723 4.77548 8.97193 4.16646 10.3973L5.08604 10.7902ZM7.37466 7.37495C8.34114 6.40927 9.47808 5.64621 10.7901 5.0861L10.3974 4.1664C8.97275 4.77463 7.72803 5.60823 6.66784 6.66755L7.37466 7.37495ZM10.7901 5.0861C12.093 4.52986 13.4946 4.25 15 4.25V3.25C13.3671 3.25 11.8312 3.55431 10.3974 4.1664L10.7901 5.0861ZM15 4.25C16.5054 4.25 17.907 4.52986 19.2099 5.0861L19.6026 4.1664C18.1688 3.55431 16.6329 3.25 15 3.25V4.25ZM19.2099 5.0861C20.5219 5.64621 21.6589 6.40927 22.6253 7.37495L23.3322 6.66755C22.272 5.60823 21.0272 4.77463 19.6026 4.1664L19.2099 5.0861ZM22.6253 7.37495C23.5916 8.34043 24.3545 9.47714 24.9138 10.7897L25.8337 10.3978C25.2263 8.97203 24.3926 7.72707 23.3322 6.66755L22.6253 7.37495ZM24.9138 10.7897C25.4693 12.0937 25.7492 13.4955 25.75 15.0003L26.75 14.9997C26.7491 13.3678 26.4448 11.8321 25.8337 10.3978L24.9138 10.7897ZM25.75 15.0003C25.7508 16.5047 25.471 17.9061 24.914 19.2098L25.8335 19.6027C26.4465 18.1681 26.7509 16.632 26.75 14.9997L25.75 15.0003ZM24.914 19.2098C24.353 20.5228 23.5899 21.6597 22.6251 22.6253L23.3324 23.3322C24.391 22.2728 25.2245 21.0281 25.8335 19.6027L24.914 19.2098ZM22.6253 22.625C21.6589 23.5907 20.5219 24.3538 19.2099 24.9139L19.6026 25.8336C21.0272 25.2254 22.272 24.3918 23.3322 23.3324L22.6253 22.625ZM19.2099 24.9139C17.907 25.4701 16.5054 25.75 15 25.75V26.75C16.6329 26.75 18.1688 26.4457 19.6026 25.8336L19.2099 24.9139ZM15 25.5C16.2122 25.5 17.4034 25.2877 18.5713 24.8652L18.2312 23.9248C17.1691 24.309 16.0928 24.5 15 24.5V25.5ZM18.571 24.8653C19.7374 24.4442 20.7557 23.8633 21.6191 23.1186L20.9659 22.3614C20.2043 23.0184 19.2951 23.5408 18.2315 23.9247L18.571 24.8653ZM21.6058 22.3503C20.7466 21.6596 19.7566 21.1179 18.6408 20.7225L18.3067 21.665C19.3259 22.0262 20.2151 22.5154 20.9792 23.1297L21.6058 22.3503ZM18.6408 20.7225C17.5146 20.3233 16.2997 20.1259 15.0003 20.125L14.9997 21.125C16.197 21.1258 17.2979 21.3075 18.3067 21.665L18.6408 20.7225ZM15.0003 20.125C13.7017 20.1241 12.4838 20.3171 11.3505 20.7087L11.677 21.6538C12.6954 21.302 13.8016 21.1242 14.9997 21.125L15.0003 20.125ZM11.3505 20.7087C10.2225 21.0983 9.23183 21.6466 8.38494 22.3569L9.02757 23.1231C9.77234 22.4984 10.6534 22.0075 11.677 21.6538L11.3505 20.7087ZM8.3799 23.1188C9.24318 23.8626 10.2618 24.4434 11.4288 24.8652L11.7687 23.9248C10.7041 23.5399 9.79432 23.0174 9.03261 22.3612L8.3799 23.1188ZM11.4288 24.8652C12.5974 25.2877 13.7886 25.5 15 25.5V24.5C13.908 24.5 12.8317 24.309 11.7687 23.9248L11.4288 24.8652ZM15 14.875C15.8301 14.875 16.5506 14.584 17.1298 14.0048L16.4227 13.2977C16.0369 13.6835 15.5733 13.875 15 13.875V14.875ZM17.1298 14.0048C17.709 13.4256 18 12.7051 18 11.875H17C17 12.4483 16.8085 12.9119 16.4227 13.2977L17.1298 14.0048ZM18 11.875C18 11.0449 17.709 10.3244 17.1298 9.7452L16.4227 10.4523C16.8085 10.8381 17 11.3017 17 11.875H18ZM17.1298 9.7452C16.5506 9.166 15.8301 8.875 15 8.875V9.875C15.5733 9.875 16.0369 10.0665 16.4227 10.4523L17.1298 9.7452ZM15 8.875C14.1699 8.875 13.4494 9.166 12.8702 9.7452L13.5773 10.4523C13.9631 10.0665 14.4267 9.875 15 9.875V8.875ZM12.8702 9.7452C12.291 10.3244 12 11.
22160449 12 11.875H13C13 11.3017 13.1915 10.8381 13.5773 10.4523L12.8702 9.7452ZM12 11.875C12 12.7051 12.291 13.4256 12.8702 14.0048L13.5773 13.2977C13.1915 12.9119 13 12.4483 13 11.875H12ZM12.8702 14.0048C13.4494 14.584 14.1699 14.875 15 14.875V13.875C14.4267 13.875 13.9631 13.6835 13.5773 13.2977L12.8702 14.0048Z" fill="currentColor" mask="url(#path-1-outside-1_1111_851)"/>
2217                </svg></span>
2218
2219                        <span class="hidden xl:block">
2220                            
2221                                Log In
2222                            
2223                        </span>
2224                    </a>
2225                
2226
2227                <a href="/cart"
2228                    id="cart-icon-bubble"
2229                    @click.prevent="$store.drawerCartState.minicartOpen = true"
2230                    class="cart-icon-bubble flex items-center gap-2 relative hover:text-blue">
2231                    
2232<span class="inline-flex h-5 w-5 items-center justify-center bag h-7.5 w-7.5"><svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" viewBox="0 0 30 30" fill="none">
2233                    <path d="M10.0002 13.75V8.75C10.0002 7.42392 10.5269 6.15215 11.4646 5.21447C12.4023 4.27678 13.6741 3.75 15.0002 3.75C16.3262 3.75 17.598 4.27678 18.5357 5.21447C19.4734 6.15215 20.0002 7.42392 20.0002 8.75V13.75" stroke="currentColor" stroke-width="2" stroke-linecap="round"/>
2234                    <path d="M4.61765 14.585C4.7989 12.4088 4.89015 11.3212 5.60765 10.66C6.32515 9.99875 7.41765 10 9.6014 10H20.4001C22.5826 10 23.6751 10 24.3926 10.66C25.1101 11.32 25.2014 12.4088 25.3826 14.585L26.0251 22.2925C26.1301 23.5587 26.1826 24.1925 25.8126 24.5963C25.4401 25 24.8051 25 23.5326 25H6.46765C5.1964 25 4.56015 25 4.1889 24.5963C3.81765 24.1925 3.87015 23.5587 3.9764 22.2925L4.61765 14.585Z" stroke="currentColor" stroke-width="2"/>
2235                </svg></span>
2236                    <span class="hidden xl:block"> Cart </span>
2237
2238                    <div class="cart-count-bubble bg-red text-white text-xs
2239                            h-5 w-5 flex items-center justify-center rounded-full
2240                            absolute left-1.5 top-4.5 !hidden">
2241                        
2242                            <span data-cart-count>0</span>
2243                        
2244                    </div>
2245                </a>
2246                
2247            </div>
2248        </div>
2249    </div>
2250</header>
2251
2252<style data-shopify>
2253    #shopify-section-sections--18223396487364__header {
2254        --menu-font-size: 16px;
2255        --menu-link-gap: 10px;
2256        --menu-padding-top: 30px;
2257        --menu-padding-bottom: 36px;
2258    }
2259
2260    body:has(header.sticky-header) {
2261        padding-top: calc(var(--header-height) + var(--announcement-bar-height));
2262    }
2263
2264    header.sticky-header {
2265        left: 0;
2266        position: fixed;
2267        right: 0;
2268        top: calc(-1 * var(--header-height));
2269        z-index: 1000;
2270    }
2271
2272    header.sticky-header-visible {
2273        top: 0;
2274        transition: top var(--default-transition-duration);
2275    }
2276</style>
2277
2278
2279</div>
2280<!-- END sections: header-group -->
2281
2282            <main id="MainContent" tabindex="-1">
2283                
2284
2285
2286
2287
2288    <nav class="breadcrumbs breadcrumbs-customers/register">
2289        <div class="container">
2290            <ul class="flex text-xs text-black-100 opacity-80 overflow-auto
2291                [&>li]:whitespace-nowrap md:[&>li]:whitespace-normal lg:text-sm
2292                
2293                mt-2.5 lg:mt-8.5
2294                
2295                ">
2296                <li class="flex items-center after:content-['']
2297                    after:w-px after:h-2.5 after:block
2298                    after:bg-black-100 after:mx-3.5">
2299                    <a href="/"
2300                       class="hover:text-blue"
2301                       title="Home">
2302                        Home
2303                    </a>
2304                </li>
2305                
2306
2307                
2308                        <li class="flex">
2309                            <span>Create Account</span>
2310                        </li>
2311                    
2312            </ul>
2313        </div>
2314    </nav>
2315    
2316        
2316<script type="application/ld+json">
2317            {
2318                "@context": "https://schema.org",
2319                "@type": "BreadcrumbList",
2320                "itemListElement": [
2321                    {
2322                        "@type": "ListItem",
2323                        "position": 1,
2324                        "item": "https://www.dhccare.com",
2325                        "name": "Home"
2326                    },
2327                    
2328
2329                    
2330                    
2331                            {
2332                                "@type": "ListItem",
2333                                "position": 2,
2334                                "item":"https://www.dhccare.com/account/register",
2335                                "name": "Create Account"
2336                            }
2337                        
2338                ]
2339            }
2340        </script>
2340
2341    
2342
2343
2344
2345                <div id="shopify-section-template--18223387705540__main" class="shopify-section">
2346
2347
2348
2349
2350
2351<style>
2352    #shopify-section-template--18223387705540__main {
2353        padding-top: 30px;
2354        padding-bottom: 30px;
2355    }
2356
2357    @media only screen and (min-width: 768px) {
2358        #shopify-section-template--18223387705540__main {
2359            padding-top: 34px;
2360            padding-bottom: 39px;
2361        }
2362    }
2363</style>
2364
2365
2366<section id="section-template--18223387705540__main">
2367    <div class="container">
2368        <div class="px-[var(--grid-x-offset)] md:px-0 md:mx-auto md:max-w-156.5">
2369            <h1 class="text-center text-3xl md:text-[42px]">
2370                Create Account
2371            </h1><form method="post" action="/account" id="create_customer" accept-charset="UTF-8" data-login-with-shop-sign-up="true"><input type="hidden" name="form_type" value="create_customer" /><input type="hidden" name="utf8" value="✓" /><div class="fields mt-5.5 md:grid md:grid-cols-2 md:gap-4 md:mt-6.5">
2372                    <div class="input-group floating-label">
2373                        <input
2374                            class="input w-full"
2375                            type="text"
2376                            name="customer[first_name]"
2377                            id="RegisterForm-FirstName"
2378                            
2379                            autocomplete="given-name"
2380                            placeholder="First name"
2381                            required
2382                        >
2383                        <label for="RegisterForm-FirstName">
2384                            First name
2385                        </label>
2386                    </div>
2387                    <div class="input-group floating-label mt-4 md:mt-0">
2388                        <input
2389                            class="input w-full"
2390                            type="text"
2391                            name="customer[last_name]"
2392                            id="RegisterForm-LastName"
2393                            
2394                            autocomplete="family-name"
2395                            placeholder="Last name"
2396                            required
2397                        >
2398                        <label for="RegisterForm-LastName">
2399                            Last name
2400                        </label>
2401                    </div>
2402                </div>
2403                <div class="fields mt-4 md:grid md:grid-cols-2 md:gap-4">
2404                    <div class="input-group floating-label">
2405                        <input
2406                            class="input w-full"
2407                            type="email"
2408                            name="customer[email]"
2409                            id="RegisterForm-email"
2410                            
2411                            spellcheck="false"
2412                            autocapitalize="off"
2413                            autocomplete="email"
2414                            aria-required="true"
2415                            
2416                            placeholder="Email address"
2417                            required
2418                        >
2419                        <label for="RegisterForm-email">
2420                            Email address
2421                        </label>
2422                    </div>
2423                    <div class="input-group floating-label mt-4 md:mt-0">
2424                        <input
2425                            class="input w-full"
2426                            type="password"
2427                            name="customer[password]"
2428                            id="RegisterForm-password"
2429                            aria-required="true"
2430                            
2431                            placeholder="Password"
2432                            required
2433                        >
2434                        <label for="RegisterForm-password">
2435                            Password
2436                        </label>
2437                    </div>
2438                </div>
2439
2440                <div id="accepts_marketing_checkbox" class="mt-4">
2441                    <input
2442                        type="checkbox"
2443                        name="customer[accepts_marketing]"
2444                        value="true"
2445                        id="marketing"
2446                        checked="checked"
2447                    >
2448                    <label for="marketing" class="label relative inline-flex cursor-pointer
2449                        select-none items-start transition-colors hover:text-blue before:flex before:h-4
2450                        before:w-4 before:border before:border-black before:bg-lightgray
2451                        before:content-[''] before:rounded before:shrink-0 before:mt-0.5">
2452
2453                        
2454<span class="inline-flex h-5 w-5 items-center justify-center checkmark icon opacity-0 absolute !w-3 !h-3 top-1 left-0.5 text-white"><svg xmlns="http://www.w3.org/2000/svg" width="11" height="8" viewBox="0 0 11 8" fill="none">
2455                    <path d="M1.5 3.77778L3.96154 6L9.5 1" stroke="currentColor" stroke-width="2" stroke-linecap="round"/>
2456                </svg></span>
2457                        <span class="ml-2 text-sm leading-5">
2458                            Yes, please send me DHC emails with beauty tips and promotional offers.
2459                        </span>
2460                    </label>
2461                </div>
2462                
2463                    <div class="disclaimer-text mt-2 text-sm/6 text-black-100">
2464                        <p>By creating an account, I agree to DHC's <a href="/pages/terms-of-use" title="Terms of Use">Terms of Use</a> and <a href="/pages/privacy-policy" title="Privacy Policy">Privacy Policy</a>.</p>
2465                    </div>
2466                
2467                <button class="btn primary font-semibold w-full mt-4">
2468                    Continue
2469                </button></form><div class="password-recovery flex items-center justify-center
2470                text-black-100 text-sm/4.5 gap-2 mt-3 md:mt-5">
2471                <div class="label">
2472                    Already have an account?
2473                </div>
2474                <a href="/account/login"
2475                title="Log in"
2476                class="text-black-100 text-sm/4.5 border-b
2477                border-black-100 hover:text-blue hover:border-blue">
2478                    Log in
2479                </a>
2480            </div>
2481        </div>
2482    </div>
2483</section>
2484
2485<style data-shopify>
2486    #section-template--18223387705540__main input[type='checkbox'] {
2487      border-width: 0;
2488      clip: rect(0, 0, 0, 0);
2489      height: 1px;
2490      margin: -1px;
2491      overflow: hidden;
2492      padding: 0;
2493      position: absolute;
2494      white-space: nowrap;
2495      width: 1px;
2496    }
2497
2498    #section-template--18223387705540__main input[type='checkbox']:checked + .label:before {
2499      background-color: var(--color-blue);
2500      border-color: var(--color-blue);
2501    }
2502
2503    #section-template--18223387705540__main input[type='checkbox']:checked + .label>.icon {
2504        opacity: 100%;
2505    }
2506
2507    #section-template--18223387705540__main .disclaimer-text a {
2508        color: var(--color-blue);
2509        text-decoration: underline;
2510        text-underline-offset: 3px;
2511    }
2512
2513    #section-template--18223387705540__main .disclaimer-text a:hover {
2514        text-decoration: none;
2515    }
2516</style>
2517
2518
2519</div><div id="shopify-section-template--18223387705540__advantages_zmRxNj" class="shopify-section">
2520
2521
2522
2523
2524
2525<style>
2526    #shopify-section-template--18223387705540__advantages_zmRxNj {
2527        padding-top: 0px;
2528        padding-bottom: 42px;
2529    }
2530
2531    @media only screen and (min-width: 768px) {
2532        #shopify-section-template--18223387705540__advantages_zmRxNj {
2533            padding-top: 0px;
2534            padding-bottom: 100px;
2535        }
2536    }
2537</style>
2538
2539
2540<style>
2541    #shopify-section-template--18223387705540__advantages_zmRxNj .wrapper {
2542        background: linear-gradient(178deg, rgba(208, 238, 249, 0.25), rgba(208, 238, 249, 1) 98.51%);
2543    }
2544</style>
2545
2546<section id="section-template--18223387705540__advantages_zmRxNj">
2547    <div class="container">
2548        <a class="wrapper rounded px-6 py-4 grid gap-2 mx-[var(--grid-x-offset)]
2549            md:items-center md:flex md:flex-wrap md:gap-y-4 md:gap-x-0
2550            md:justify-center md:mx-auto md:max-w-156.5 md:py-5 md:px-3
2551            md:[&>.shopify-block]:w-[calc(100%/3)] md:[&>.shopify-block]:px-2
2552            md:[&>.shopify-block]:after:content-[''] md:[&>.shopify-block]:after:absolute
2553            md:[&>.shopify-block]:after:block md:[&>.shopify-block]:after:w-px md:[&>.shopify-block]:relative
2554            md:[&>.shopify-block]:after:h-full md:[&>.shopify-block]:after:top-0
2555            md:[&>.shopify-block]:after:right-3.5 md:[&>.shopify-block]:after:border-r
2556            md:[&>.shopify-block]:after:border-dashed md:[&>.shopify-block]:after:border-lightgray-100
2557            md:[&>.shopify-block:nth-child(3)]:after:hidden md:[&>.shopify-block:nth-child(5)]:after:hidden"
2558            href="/pages/rewards">
2559            <div id="shopify-block-AQmlPRWtpZ1dRYnI5W__advantage_BzGxjX" class="shopify-block">
2560
2561<div class="flex items-center gap-4
2562     text-black-100 text-sm/4.5 md:gap-2" id="AQmlPRWtpZ1dRYnI5W__advantage_BzGxjX">
2563    <img class="w-7.5 md:w-9.5"
2564         src="//www.dhccare.com/cdn/shop/files/join-the-club.svg?v=1742229883"
2565         alt="Join the Club and receive 50 points"
2566         width="37"
2567         height="37">
2568
2569    <span class="title">
2570        <p>Join the Club and receive <strong>50</strong> points</p>
2571    </span>
2572</div>
2573
2574
2575
2576
2577</div>
2578<div id="shopify-block-AV3YxMldxSWxKSUxOU__advantage_Hry4HG" class="shopify-block">
2579
2580<div class="flex items-center gap-4
2581     text-black-100 text-sm/4.5 md:gap-2" id="AV3YxMldxSWxKSUxOU__advantage_Hry4HG">
2582    <img class="w-7.5 md:w-9.5"
2583         src="//www.dhccare.com/cdn/shop/files/gift.svg?v=1742226752"
2584         alt="Earn Points on every Purchase"
2585         width="37"
2586         height="37">
2587
2588    <span class="title">
2589        <p>Earn Points on every Purchase</p>
2590    </span>
2591</div>
2592
2593
2594    <style data-shopify>
2595        @media screen and (min-width: 768px) {
2596            #AV3YxMldxSWxKSUxOU__advantage_Hry4HG .title {
2597                max-width: 100px;
2598            }
2599        }
2600    </style>
2601
2602
2603
2604</div>
2605<div id="shopify-block-AWTYxK0VTQ3pmL083e__advantage_bLT8ED" class="shopify-block">
2606
2607<div class="flex items-center gap-4
2608     text-black-100 text-sm/4.5 md:gap-2" id="AWTYxK0VTQ3pmL083e__advantage_bLT8ED">
2609    <img class="w-7.5 md:w-9.5"
2610         src="//www.dhccare.com/cdn/shop/files/shipping.svg?v=1742226767"
2611         alt="Fast Checkout & Order Tracking"
2612         width="37"
2613         height="37">
2614
2615    <span class="title">
2616        <p>Fast Checkout & Order Tracking</p>
2617    </span>
2618</div>
2619
2620
2621
2622
2623</div>
2624<div id="shopify-block-AM2k5MlVqUDh2TjFIU__advantage_qbDTik" class="shopify-block">
2625
2626<div class="flex items-center gap-4
2627     text-black-100 text-sm/4.5 md:gap-2" id="AM2k5MlVqUDh2TjFIU__advantage_qbDTik">
2628    <img class="w-7.5 md:w-9.5"
2629         src="//www.dhccare.com/cdn/shop/files/cake.svg?v=1747226724"
2630         alt="Birthday Gift"
2631         width="37"
2632         height="37">
2633
2634    <span class="title">
2635        <p>
2635Birthday Gift</p>
2636    </span>
2637</div>
2638
2639
2640    <style data-shopify>
2641        @media screen and (min-width: 768px) {
2642            #AM2k5MlVqUDh2TjFIU__advantage_qbDTik .title {
2643                max-width: 75px;
2644            }
2645        }
2646    </style>
2647
2648
2649
2650</div>
2651<div id="shopify-block-AM2RCVXMxVVh1QjdrY__advantage_JW3Gyx" class="shopify-block">
2652
2653<div class="flex items-center gap-4
2654     text-black-100 text-sm/4.5 md:gap-2" id="AM2RCVXMxVVh1QjdrY__advantage_JW3Gyx">
2655    <img class="w-7.5 md:w-9.5"
2656         src="//www.dhccare.com/cdn/shop/files/promo.svg?v=1747226757"
2657         alt="Exclusive Promotions"
2658         width="37"
2659         height="37">
2660
2661    <span class="title">
2662        <p>Exclusive Promotions</p>
2663    </span>
2664</div>
2665
2666
2667    <style data-shopify>
2668        @media screen and (min-width: 768px) {
2669            #AM2RCVXMxVVh1QjdrY__advantage_JW3Gyx .title {
2670                max-width: 75px;
2671            }
2672        }
2673    </style>
2674
2675
2676
2677</div>
2678
2679        </a>
2680    </div>
2681</section>
2682
2683
2684</div>
2685            </main>
2686
2687            <!-- BEGIN sections: footer-group -->
2688<div id="shopify-section-sections--18223396454596__drawer_cart_Wb9zan" class="shopify-section shopify-section-group-footer-group section-drawer-cart">
2689
2690<div id="section-sections--18223396454596__drawer_cart_Wb9zan">
2691    <div
2692        class="minicart fixed bottom-0 right-0 top-0 z-[10002] flex h-full w-full max-w-[466px] transform flex-col bg-white shadow-lg transition-transform duration-300 ease-in-out"
2693        :class="{ 'minicart-active': $store.drawerCartState.minicartOpen }"
2694        id="mini-cart"
2695        x-transition:enter="transition ease-out duration-300"
2696        x-transition:enter-start="transform translate-x-full"
2697        x-transition:enter-end="transform translate-x-0"
2698        x-transition:leave="transition ease-in duration-300"
2699        x-transition:leave-start="transform translate-x-0"
2700        x-transition:leave-end="transform translate-x-full"
2701        x-show="$store.drawerCartState.minicartOpen"
2702        x-data="cart()"
2703        @keyup.escape.window="$store.drawerCartState.minicartOpen = false"
2704        @click.away="$store.drawerCartState.minicartOpen = false"
2705        x-effect="$store.drawerCartState.minicartOpen === true ? $store.drawerCartState.showMinicartOverlay = true : $store.drawerCartState.showMinicartOverlay = false"
2706        x-cloak
2707    >
2708        <div class="shrink-0">
2709            <div class="flex items-center px-3.75 py-3.5 border-b border-lightgray-100 lg:px-5">
2710                <h2 class="text-base uppercase font-extrabold tracking-widest leading-none lg:text-lg">
2711                    Shopping cart
2712                </h2>
2713                
2714                <button
2715                    class="ml-auto block leading-none cursor-pointer"
2716                    @click.prevent="$store.drawerCartState.minicartOpen = false"
2717                >
2718                    
2719<span class="inline-flex h-5 w-5 items-center justify-center cross text-black !w-4 !h-4"><svg xmlns="http://www.w3.org/2000/svg" width="15" height="16" viewBox="0 0 15 16" fill="none">
2720                    <path d="M1 14.0104L13.0208 1.98959" stroke="currentColor" stroke-width="2" stroke-linecap="round"/>
2721                    <path d="M1 1.98959L13.0208 14.0104" stroke="currentColor" stroke-width="2" stroke-linecap="round"/>
2722                </svg></span>
2723                </button>
2724            </div>
2725            
2726            
2727
2728    <div 
2729        class="px-3.75 border-lightgray-100 flex items-center justify-between text-xs lg:px-5 border-b py-4"
2730        
2731        style="background: linear-gradient(269deg, rgba(208, 238, 249, 0.00) -40.67%, #D0EEF9 131.51%);"
2732        
2733    >
2734        
2735            <div>
2736                <p>Earn <strong>Points</strong> and <strong>Rewards</strong> with DHC</p>
2737            </div>
2738            <div class="flex items-center space-x-4.5 shrink-0 pl-2.5">
2739                <a class="text-blue font-medium underline underline-offset-4 hover:no-underline " href="/account/login">Login</a>
2740                <a class="text-blue font-medium underline underline-offset-4 hover:no-underline " href="/account/register">Join Now</a>
2741            </div>
2742        
2743    </div>
2744
2745        </div>
2746        <div
2747            class="grow-1 "
2748        >
2749            <div class="minicart-scrollbar h-full overflow-y-auto flex flex-col">
2750                <div class="px-3.75 lg:px-5 grow flex flex-col items-center justify-center space-y-5">
2751                    
2752                        
2753<span class="inline-flex h-5 w-5 items-center justify-center bag-secondary !w-9.25 !h-9.25"><svg xmlns="http://www.w3.org/2000/svg" width="38" height="37" viewB
2753ox="0 0 38 37" fill="none">
2754                    <path d="M14.375 10.793V13.8765C14.375 15.1032 14.8623 16.2796 15.7296 17.1469C16.597 18.0143 17.7734 18.5015 19 18.5015C20.2266 18.5015 21.403 18.0143 22.2704 17.1469C23.1377 16.2796 23.625 15.1032 23.625 13.8765V10.793" stroke="#363A44" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
2755                    <path d="M31.1488 32.375H6.85164C6.63409 32.3765 6.41872 32.3318 6.21967 32.244C6.02063 32.1562 5.84244 32.0273 5.69682 31.8656C5.55121 31.704 5.44147 31.5134 5.37484 31.3063C5.3082 31.0992 5.28618 30.8804 5.31022 30.6642L8.05414 5.99699C8.09604 5.61809 8.27686 5.26816 8.56167 5.01478C8.84649 4.76139 9.21509 4.62254 9.59629 4.62503H28.4041C28.7853 4.62254 29.1539 4.76139 29.4388 5.01478C29.7236 5.26816 29.9044 5.61809 29.9463 5.99699L32.6902 30.6642C32.714 30.8803 32.6918 31.0991 32.6251 31.3061C32.5584 31.513 32.4486 31.7036 32.3031 31.8651C32.1575 32.0267 31.9794 32.1557 31.7805 32.2436C31.5815 32.3314 31.3663 32.3762 31.1488 32.375Z" stroke="#0058AA" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
2756                </svg></span>
2757                        <div class="uppercase font-bold">
2758                            You have no items in your cart
2759                        </div>
2760                        <div
2761                            class="leading-none cursor-pointer py-3 px-5 bg-black text-white font-semibold hover:bg-black-100"
2762                            @click="$store.drawerCartState.minicartOpen = false"
2763                        >
2764                            Continue Shopping
2765                        </div>
2766                    
2767                </div>
2768            </div>
2769        </div>
2770        <div class="shrink-0">
2771            
2772                
2773
2774
2775
2776<div
2777    
2778    class=" bg-lightgray px-3.75 lg:px-5 lg:pt-6 lg:pb-2.25
2779     !hidden
2780    
2781    mt-auto pt-5 pb-1.25
2782    "
2783>
2784    <div class="flex items-center">
2785        <div class=" uppercase
2786            
2787            text-xs leading-none font-extrabold tracking-widest lg:text-sm
2788            ">
2789            You may also like...
2790        </div>
2791        <div class="recommended-slider-nav ml-auto flex space-x-6">
2792            <div class="swiper-button-prev inline-flex cursor-pointer [&.swiper-button-disabled]:opacity-50 !hidden">
2793                
2794<span class="inline-flex h-5 w-5 items-center justify-center chevron-left !h-2 !w-2"><svg xmlns="http://www.w3.org/2000/svg" width="8" height="12" viewBox="0 0 8 12" fill="none">
2795                    <path d="M7 1L2 6L7 11" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"/>
2796                </svg></span>
2797            </div>
2798            <div class="swiper-button-next inline-flex cursor-pointer [&.swiper-button-disabled]:opacity-50 !hidden">
2799                
2800<span class="inline-flex h-5 w-5 items-center justify-center chevron-right !h-2 !w-2"><svg xmlns="http://www.w3.org/2000/svg" width="8" height="12" viewBox="0 0 8 12" fill="none">
2801                    <path d="M1 11L6 6L1 1" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"/>
2802                </svg></span>
2803            </div>
2804        </div>
2805    </div>
2806    <div class="relative mt-2.5">
2807        
2808        
2809            <div
2810                class="swiper group [&.swiper-initialized_+_.swiper-nav]:opacity-100 !-mx-3.75 !px-3.75 !pt-1.25 !pb-3.75 lg:-mx-5! lg:px-5!"
2811                data-morph-ignore="true"
2812                x-data="
2813                    recommendations(
2814                    {
2815                        slidesPerView: 'auto',
2816                        spaceBetween: 10,
2817                        breakpoints: {
2818                            1024: {
2819                                spaceBetween: 20,
2820                            },
2821                        },
2822                        navigation: {
2823                            nextEl: '#section-sections--18223396454596__drawer_cart_Wb9zan .swiper-button-next',
2824                            prevEl: '#section-sections--18223396454596__drawer_cart_Wb9zan .swiper-button-prev',
2825                        }},
2826                        [],
2827                    )
2828                "
2829            >
2830                <div
2831                    class="
2832                        swiper-wrapper grid! grid-cols-3 grid-rows-1 auto-rows-[0] gap-x-2.5 lg:gap-x-5
2833                        group-[.swiper-initialized]:flex! group-[.swiper-initialized]:gap-x-0 group-[.swiper-initialized]:!items-stretch
2834                    "
2835                >
2836                    <template x-for="product in recommendedProducts">
2837                        <div class="swiper-slide !w-28.25 !h-auto " :key="product.id">
2838                            <a class="p-2 bg-white rounded-sm h-full flex flex-col border border-lightgray-200 shadow-[0px_5px_15px_0px_rgba(75,79,91,.1)]
2839                                hover:shadow-[0px_5px_15px_0px_rgba(75,79,91,.2)]
2840                                "
2841                                :href="product.url">
2842                                <div class="w-20 h-20 lg:w-22.5 lg:h-22.5 mx-auto">
2843                                    <template x-if="product.featured_image">
2844                                        <img
2845                                            width="90"
2846                                            height="90"
2847                                            :src="product.featured_image"
2848                                            :alt="product.title"
2849                                            class="w-full h-full object-contain"
2850                                        >
2851                                    </template>
2852                                    <template x-if="!product.featured_image">
2853                                        <svg class="w-full max-w-20 mx-auto lg:max-w-22.5" 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>
2854                                    </template>
2855                                </div>
2856                                <div
2857                                    class="text-xs text-black-default font-semibold mt-2 mb-2.5 transition-[color] hover:text-blue
2858                                    "
2859                                    x-text="product.title"
2860                                ></div>
2861                                <div
2862                                    class="text-xs font-bold text-black-100 leading-none mt-auto
2863                                    "
2864                                    x-text="formatPrice(product.price)"
2865                                ></div>
2866                            </a>
2867                        </div>
2868                    </template>
2869                </div>
2870            </div>
2871        
2872    </div>
2873</div>
2874
2875            
2876
2877            
2878        </div>
2879    </div>
2880</div>
2881
2882<style data-shopify>
2883    body:has(.minicart-active) {
2884        overflow: hidden;
2885    }
2886
2887    input::-webkit-outer-spin-button,
2888    input::-webkit-inner-spin-button {
2889        -webkit-appearance: none;
2890        margin: 0;
2891    }
2892
2893    input[type='number'] {
2894        -moz-appearance: textfield;
2895    }
2896
2897    .minicart-scrollbar::-webkit-scrollbar,
2898    .minicart-scrollbar::-webkit-scrollbar-thumb,
2899    .minicart-scrollbar::-webkit-scrollbar-track {
2900        width: 6px;
2901        border: none;
2902        background: transparent;
2903    }
2904
2905    .minicart-scrollbar::-webkit-scrollbar-button,
2906    .minicart-scrollbar::-webkit-scrollbar-track-piece,
2907    .minicart-scrollbar::-webkit-scrollbar-corner,
2908    .minicart-scrollbar::-webkit-resizer {
2909        display: none;
2910    }
2911
2912    .minicart-scrollbar::-webkit-scrollbar-thumb {
2913        border-radius: 5px;
2914        background-color: var(--color-gray-400);
2915    }
2916
2917    .minicart-scrollbar::-webkit-scrollbar-track {
2918        background-color: transparent;
2919    }
2920
2921    .quantity-button.disabled .quantity-button-icon {
2922        opacity: 0.5;
2923    }
2924
2925    .minicart-modal .modal-content {
2926        overflow-y: initial;
2927    }
2928</style>
2929
2930
2931</div><div id="shopify-section-sections--18223396454596__klaviyo_newsletter_B8c6fF" class="shopify-section shopify-section-group-footer-group"><div class="newsletter">
2932    <div class="container bg-lightgray">
2933        <div class="max-w-[625px] mx-auto px-3.75 pt-[54px] pb-14 md:pb-[76px] md:pt-[79px]">
2934            <div class="klaviyo-form-Td3qRY"></div>
2935        </div>
2936    </div>
2937</div>
2938
2939<style data-shopify>
2940    .newsletter form.klaviyo-form {
2941        max-width: 100% !important;
2942    }
2943
2944    .newsletter .klaviyo-form div[component] {
2945        padding: 0 !important;
2946    }
2947
2948    .newsletter .klaviyo-form h3 {
2949        font-family: var(--font-heading-family) !important;
2950        font-weight: 600 !important;
2951        font-size: 30px !important;
2952        color: var(--color-black);
2953        line-height: 32px;
2954        margin-bottom: 28px;
2955    }
2956
2957    .newsletter .klaviyo-form input {
2958        border-color: var(--color-lightgray-200) !important;
2959        border-radius: 4px !important;
2960        line-height: 24px;
2961        height: auto !important;
2962        padding: 12px 64px 12px 20px !important;
2963        transition: .2s;
2964    }
2965
2966    .newsletter .klaviyo-form input[type='email']:hover,
2967    .newsletter .klaviyo-form input[type='email']:focus {
2968        border-color: color-mix(in oklab, var(--color-blue) 70%, transparent) !important;
2969    }
2970
2971    .newsletter .klaviyo-form button {
2972        background-color: var(--color-blue) !important;
2973        background-image: url('//www.dhccare.com/cdn/shop/t/4/assets/arrow-right-white.svg?v=144017293619516590701755611852') !important;
2974        background-repeat: no-repeat !important;
2975        background-position: center !important;
2976        background-size: 12px !important;
2977        border-radius: 2px !important;
2978        font-size: 0 !important;
2979        height: 30px !important;
2980        padding: 0 !important;
2981        position: absolute;
2982        top: 10px;
2983        transition: .2s;
2984        right: 10px;
2985        width: 30px !important;
2986    }
2987
2988    .newsletter .klaviyo-form button[type='button']:hover,
2989    .newsletter .klaviyo-form button[type='button']:focus {
2990        background-color: color-mix(in oklab, var(--color-blue) 90%, transparent) !important;
2991    }
2992
2993    .newsletter .klaviyo-form input:focus-visible {
2994        outline: none !important;
2995    }
2996
2997    .newsletter .klaviyo-form p {
2998        font-family: var(--font-body-family) !important;
2999        font-weight: 500;
3000        margin-top: 12px;
3001        opacity: .7;
3002    }
3003
3004    .newsletter .klaviyo-form p span {
3005        color: var(--color-black) !important;
3006        font-family: var(--font-body-family) !important;
3007        font-size: 14px !important;
3008        line-height: 20px;
3009    }
3010
3011    .newsletter .klaviyo-form p a {
3012        color: var(--color-blue) !important;
3013        text-underline-offset: 3px;
3014    }
3015
3016    .newsletter .klaviyo-form > div > div:first-of-type p {
3017        margin-top: 0;
3018        opacity: 1;
3019    }
3020
3021    .newsletter .klaviyo-form > div > div:first-of-type p span {
3022        font-size: 20px !important;
3023    }
3024</style>
3025
3026
3027</div><div id="shopify-section-sections--18223396454596__footer" class="shopify-section shopify-section-group-footer-group">
3028
3029<footer>
3030    <div class="bg-blue overflow-hidden">
3031        <div class="container !overflow-visible">
3032            <div class="flex flex-col mt-10 mb-7.5 xl:grid xl:grid-rows-[repeat(2,auto)] xl:grid-cols-[440px_1fr] xl:gap-x-10 xl:mt-[72px] 2xl:gap-x-36">
3033                
3034                    <div class="logo order-1 flex justify-center mb-1.25 xl:order-none xl:row-start-1 xl:col-start-1 xl:self-start xl:justify-start xl:mb-0 xl:mt-2">
3035                        <img
3036                            class="w-[107px] h-7.5 md:h-11.25 md:w-[155px]"
3037                            src="//www.dhccare.com/cdn/shop/files/Vector.svg?v=1740045870"
3038                            height="45"
3039                            width="155"
3040                            loading="lazy"
3041                            alt="DHC Skincare">
3042                    </div>
3043                
3044
3045                
3046                    <div class="text order-3 text-white/80 text-sm leading-4 xl:order-none xl:row-start-1 xl:col-start-1 xl:self-start xl:mt-25 xl:leading-6 xl:pr-5 2xl:text-lg">
3047                        <p>Beauty Philosophy</p><p>At DHC, we wholeheartedly embrace the Japanese concept of wabi-sabi that teaches there is beauty in imperfection. According to wabi-sabi, each of us is “perfectly imperfect.” We want to help you, and people everywhere, feel beautiful in your own skin. </p>
3048                    </div>
3049                
3050
3051                
3052                    <div class="menu mt-1.5 order-2 whitespace-nowrap xl:order-none xl:row-start-1 xl:col-start-2 xl:flex xl:justify-between xl:mt-0.5 2xl:justify-end 2xl:gap-x-[140px]">
3053                        
3054                            <div class="menu-item" x-data="{ open: false }">
3055                                <div
3056                                    @click="open = !open"
3057                                    class="uppercase text-white font-extrabold pt-3.5 pb-3.5 border-b border-white/50 relative tracking-[1.6px] xl:!border-none xl:pb-0 xl:pt-0 xl:mb-6 2xl:text-xl"
3058                                    :class="{ '!border-transparent': open }"
3059                                >
3060                                    Shop
3061                                    <span class="absolute top-3.75 right-0 xl:hidden">
3062                                        <span :class="{ 'hidden': open }">
3063<span class="inline-flex h-5 w-5 items-center justify-center plus !h-2.5 !w-2.5"><svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 12 12" fill="none">
3064                    <path stroke="currentColor" stroke-width="2" transform="translate(0 5)" d="M1 1h11" stroke-linecap="round"/>
3065                    <path stroke="currentColor" stroke-width="2" transform="rotate(90 3.5 3.5)" d="M1 1h11" stroke-linecap="round"/>
3066                </svg></span></span>
3067                                        <span class="hidden relative -top-2" :class="{ 'hidden': !open }">
3068<span class="inline-flex h-5 w-5 items-center justify-center minus !h-2.5 !w-2.5"><svg xmlns="http://www.w3.org/2000/svg" width="12" height="2" viewBox="0 0 12 2" fill="none">
3069                    <path d="M1 1H11" stroke="currentColor" stroke-width="2" stroke-linecap="round"/>
3070                </svg></span></span>
3071                                    </span>
3072                                </div>
3073
3074                                
3075                                    <div class="content hidden items-start pb-7.5 pt-1.5 border-b flex-col gap-3.5 border-white/50 xl:!flex xl:border-none xl:pb-0 xl:pt-0 xl:gap-[9px]" :class="{ '!flex': open }">
3076                                        
3077                                            <a
3078                                                href="/pages/orders-payments"
3079                                                title="Orders & Payments"
3080                                                class="text-sm text-white/80 2xl:text-lg hover:text-white"
3081                                            >
3082                                                Orders & Payments
3083                                            </a>
3084                                        
3085                                            <a
3086                                                href="/pages/shipping-delivery"
3087                                                title="Shipping Policy"
3088                                                class="text-sm text-white/80 2xl:text-lg hover:text-white"
3089                                            >
3090                                                Shipping Policy
3091                                            </a>
3092                                        
3093                                            <a
3094                                                href="/pages/returns"
3095                                                title="Returns"
3096                                                class="text-sm text-white/80 2xl:text-lg hover:text-white"
3097                                            >
3098                                                Returns
3099                                            </a>
3100                                        
3101                                            <a
3102                                                href="/pages/promotions"
3103                                                title="Promotions"
3104                                                class="text-sm text-white/80 2xl:text-lg hover:text-white"
3105                                            >
3106                                                Promotions
3107                                            </a>
3108                                        
3109                                            <a
3110                                                href="/pages/rewards"
3111                                                title="Rewards"
3112                                                class="text-sm text-white/80 2xl:text-lg hover:text-white"
3113                                            >
3114                                                Rewards
3115                                            </a>
3116                                        
3117                                    </div>
3118                                
3119                            </div>
3120                        
3121                            <div class="menu-item" x-data="{ open: false }">
3122                                <div
3123                                    @click="open = !open"
3124                                    class="uppercase text-white font-extrabold pt-3.5 pb-3.5 border-b border-white/50 relative tracking-[1.6px] xl:!border-none xl:pb-0 xl:pt-0 xl:mb-6 2xl:text-xl"
3125                                    :class="{ '!border-transparent': open }"
3126                                >
3127                                    About
3128                                    <span class="absolute top-3.75 right-0 xl:hidden">
3129                                        <span :class="{ 'hidden': open }">
3130<span class="inline-flex h-5 w-5 items-center justify-center plus !h-2.5 !w-2.5"><svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 12 12" fill="none">
3131                    <path stroke="currentColor" stroke-width="2" transform="translate(0 5)" d="M1 1h11" stroke-linecap="round"/>
3132                    <path stroke="currentColor" stroke-width="2" transform="rotate(90 3.5 3.5)" d="M1 1h11" stroke-linecap="round"/>
3133                </svg></span></span>
3134                                        <span class="hidden relative -top-2" :class="{ 'hidden': !open }">
3135<span class="inline-flex h-5 w-5 items-center justify-center minus !h-2.5 !w-2.5"><svg xmlns="http://www.w3.org/2000/svg" width="12" height="2" viewBox="0 0 12 2" fill="none">
3136                    <path d="M1 1H11" stroke="currentColor" stroke-width="2" stroke-linecap="round"/>
3137                </svg></span></span>
3138                                    </span>
3139                                </div>
3140
3141                                
3142                                    <div class="content hidden items-start pb-7.5 pt-1.5 border-b flex-col gap-3.5 border-white/50 xl:!flex xl:border-none xl:pb-0 xl:pt-0 xl:gap-[9px]" :class="{ '!flex': open }">
3143                                        
3144                                            <a
3145                                                href="/pages/our-story"
3146                                                title="Philosophy"
3147                                                class="text-sm text-white/80 2xl:text-lg hover:text-white"
3148                                            >
3149                                                Philosophy
3150                                            </a>
3151                                        
3152                                            <a
3153                                                href="/pages/beauty-buzz"
3154                                                title="Press"
3155                                                class="text-sm text-white/80 2xl:text-lg hover:text-white"
3156                                            >
3157                                                Press
3158                                            </a>
3159                                        
3160                                            <a
3161                                                href="/pages/careers"
3162                                                title="Careers"
3163                                                class="text-sm text-white/80 2xl:text-lg hover:text-white"
3164                                            >
3165                                                Careers
3166                                            </a>
3167                                        
3168                                    </div>
3169                                
3170                            </div>
3171                        
3172                            <div class="menu-item" x-data="{ open: false }">
3173                                <div
3174                                    @click="open = !open"
3175                                    class="uppercase text-white font-extrabold pt-3.5 pb-3.5 border-b border-white/50 relative tracking-[1.6px] xl:!border-none xl:pb-0 xl:pt-0 xl:mb-6 2xl:text-xl"
3176                                    :class="{ '!border-transparent': open }"
3177                                >
3178                                    Customer Service
3179                                    <span class="absolute top-3.75 right-0 xl:hidden">
3180                                        <span :class="{ 'hidden': open }">
3181<span class="inline-flex h-5 w-5 items-center justify-center plus !h-2.5 !w-2.5"><svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 12 12" fill="none">
3182                    <path stroke="currentColor" stroke-width="2" transform="translate(0 5)" d="M1 1h11" stroke-linecap="round"/>
3183                    <path stroke="currentColor" stroke-width="2" transform="rotate(90 3.5 3.5)" d="M1 1h11" stroke-linecap="round"/>
3184                </svg></span></span>
3185                                        <span class="hidden relative -top-2" :class="{ 'hidden': !open }">
3186<span class="inline-flex h-5 w-5 items-center justify-center minus !h-2.5 !w-2.5"><svg xmlns="http://www.w3.org/2000/svg" width="12" height="2" viewBox="0 0 12 2" fill="none">
3187                    <path d="M1 1H11" stroke="currentColor" stroke-width="2" stroke-linecap="round"/>
3188                </svg></span></span>
3189                                    </span>
3190                                </div>
3191
3192                                
3193                                    <div class="content hidden items-start pb-7.5 pt-1.5 border-b flex-col gap-3.5 border-white/50 xl:!flex xl:border-none xl:pb-0 xl:pt-0 xl:gap-[9px]" :class="{ '!flex': open }">
3194                                        
3195                                            <a
3196                                                href="/pages/contact"
3197                                                title="Contact Us"
3198                                                class="text-sm text-white/80 2xl:text-lg hover:text-white"
3199                                            >
3200                                                Contact Us
3201                                            </a>
3202                                        
3203                                            <a
3204                                                href="/pages/enroll-catalog-mailings"
3205                                                title="Request a Catalog"
3206                                                class="text-sm text-white/80 2xl:text-lg hover:text-white"
3207                                            >
3208                                                Request a Catalog
3209                                            </a>
3210                                        
3211                                            <a
3212                                                href="/pages/dhc-resellers-program"
3213                                                title="Wholesale Inquiries"
3214                                                class="text-sm text-white/80 2xl:text-lg hover:text-white"
3215                                            >
3216                                                Wholesale Inquiries
3217                                            </a>
3218                                        
3219                                    </div>
3220                                
3221                            </div>
3222                        
3223
3224                        
3225                            <div class="menu-item mt-3.5 mb-7 xl:mt-0 xl:mb-0">
3226                                <div class="uppercase text-white font-extrabold tracking-[1.6px] xl:mb-7.5 2xl:text-xl">Follow Us</div>
3227
3228                                <div class="content mt-2 flex items-center gap-6">
3229                                    
3230                                        <a href="https://www.facebook.com/DHCSkincare" title="Facebook" class="inline-flex group">
3231                                            
3232<span class="inline-flex h-5 w-5 items-center justify-center facebook text-white transition-colors group-hover:text-white/80"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none">
3233                    <path d="M12.4375 3.8125H15V0H11.9688C8.3125 0.15625 7.5625 2.21875 7.5 4.375V6.28125H5V10H7.5V20H11.25V10H14.3437L14.9375 6.28125H11.25V5.125C11.24 4.96044 11.2629 4.79553 11.3175 4.63995C11.372 4.48438 11.4571 4.34126 11.5677 4.21901C11.6783 4.09675 11.8122 3.99782 11.9616 3.92802C12.111 3.85821 12.2727 3.81893 12.4375 3.8125Z" fill="currentColor"/>
3234                </svg></span>
3235                                        </a>
3236                                    
3237
3238                                    
3239                                        <a href="https://www.instagram.com/dhcskincare" title="Instagram" class="inline-flex group">
3240                                            
3241<span class="inline-flex h-5 w-5 items-center justify-center instagram !h-6 !w-6 transition-colors text-white group-hover:text-white/80"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
3242                    <path fill-rule="evenodd" clip-rule="evenodd" d="M6.75 3.075H17.25C19.2796 3.075 20.925 4.72035 20.925 6.75V17.25C20.925 19.2796 19.2796 20.925 17.25 20.925H6.75C4.72035 20.925 3.075 19.2796 3.075 17.25V6.75C3.075 4.72035 4.72035 3.075 6.75 3.075ZM1.5 6.75C1.5 3.85051 3.85051 1.5 6.75 1.5H17.25C20.1495 1.5 22.5 3.85051 22.5 6.75V17.25C22.5 20.1495 20.1495 22.5 17.25 22.5H6.75C3.85051 22.5 1.5 20.1495 1.5 17.25V6.75ZM19.0219 6.35625C19.0219 6.93615 18.5518 7.40625 17.9719 7.40625C17.392 7.40625 16.9219 6.93615 16.9219 6.35625C16.9219 5.77635 17.392 5.30625 17.9719 5.30625C18.5518 5.30625 19.0219 5.77635 19.0219 6.35625ZM12 16.0687C14.2471 16.0687 16.0687 14.2471 16.0687 12C16.0687 9.75289 14.2471 7.93125 12 7.93125C9.75289 7.93125 7.93125 9.75289 7.93125 12C7.93125 14.2471 9.75289 16.0687 12 16.0687ZM12 17.6437C15.117 17.6437 17.6437 15.117 17.6437 12C17.6437 8.88304 15.117 6.35625 12 6.35625C8.88304 6.35625 6.35625 8.88304 6.35625 12C6.35625 15.117 8.88304 17.6437 12 17.6437Z" fill="currentColor"/>
3243                </svg></span>
3244                                        </a>
3245                                    
3246
3247                                    
3248                                        <a href="https://www.tiktok.com/@dhcskincare" title="TikTok" class="inline-flex group">
3249                                            
3250<span class="inline-flex h-5 w-5 items-center justify-center tiktok !h-6 !w-6 transition-colors text-white group-hover:text-white/80"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
3251                    <path d="M15.3521 2.77344H12.0374V15.8516C12.0374 17.4099 10.7626 18.6899 9.17606 18.6899C7.58954 18.6899 6.31467 17.4099 6.31467 15.8516C6.31467 14.3212 7.56122 13.069 9.09108 13.0134V9.72997C5.71973 9.7856 3 12.4847 3 15.8516C3 19.2465 5.77639 21.9734 9.2044 21.9734C12.6324 21.9734 15.4088 19.2186 15.4088 15.8516V9.1456C16.6553 10.036 18.1851 10.5647 19.8 10.5926V7.30909C17.3069 7.22561 15.3521 5.22213 15.3521 2.77344Z" fill="currentColor"/>
3252                </svg></span>
3253                                        </a>
3254                                    
3255                                </div>
3256                            </div>
3257                        
3258                    </div>
3259                
3260
3261                
3262                    <div class="order-4 border-t border-dashed border-lightgray-100/20 mt-7 pt-6 -ml-[var(--grid-x-offset)] -mr-[var(--grid-x-offset)] pl-[var(--grid-x-offset)] pr-[var(--grid-x-offset)] xl
3262:ml-0 xl:mr-0 xl:pl-0 xl:pr-0 xl:order-none xl:row-start-2 xl:col-span-2 xl:mt-[140px] xl:flex xl:justify-center xl:gap-3.5">
3263                        
3264                            <div class="copyright text-white/80 text-center text-sm mb-1.25 xl:mb-0">Copyright © 2026 DHC USA, Inc. All rights reserved.</div>
3265                        
3266
3267                        
3268                            <div class="additional-links flex flex-wrap gap-x-3.5 gap-y-1 justify-center text-sm">
3269                                
3270                                    
3271
3272                                    
3273                                        <a
3274                                            href="/pages/terms-of-use"
3275                                            title="Terms of Use"
3276                                            class="text-white/80 before:content-['|'] before:mr-3.5 before:text-white hover:text-white"
3277                                        >
3278                                            Terms of Use
3279                                        </a>
3280                                    
3281                                
3282                                    
3283
3284                                    
3285                                        <a
3286                                            href="/pages/privacy-policy"
3287                                            title="Privacy"
3288                                            class="text-white/80 before:content-['|'] before:mr-3.5 before:text-white hover:text-white"
3289                                        >
3290                                            Privacy
3291                                        </a>
3292                                    
3293                                
3294                                    
3295
3296                                    
3297                                        <a
3298                                            href="/pages/do-not-sell-form"
3299                                            title="Do Not Sell or Share My Personal Information"
3300                                            class="text-white/80 before:content-['|'] before:mr-3.5 before:text-white hover:text-white"
3301                                        >
3302                                            Do Not Sell or Share My Personal Information
3303                                        </a>
3304                                    
3305                                
3306                                    
3307
3308                                    
3309                                        <a
3310                                            href="/pages/accessibility"
3311                                            title="Accessibility"
3312                                            class="text-white/80 before:content-['|'] before:mr-3.5 before:text-white hover:text-white"
3313                                        >
3314                                            Accessibility
3315                                        </a>
3316                                    
3317                                
3318                                    
3319
3320                                    
3321                                        <a
3322                                            href="/pages/privacy-policy#advertising"
3323                                            title="About Our Ads"
3324                                            class="text-white/80 before:content-['|'] before:mr-3.5 before:text-white hover:text-white"
3325                                        >
3326                                            About Our Ads
3327                                        </a>
3328                                    
3329                                
3330                            </div>
3331                        
3332                    </div>
3333                
3334            </div>
3335        </div>
3336    </div>
3337</footer>
3338
3339<style data-shopify>
3340    footer .text > *:first-child {
3341        color: var(--color-white);
3342        font-size: var(--text-base);
3343        font-weight: 600;
3344        margin-bottom: 16px;
3345    }
3346
3347    @media screen and (min-width: 1920px) {
3348        footer .text > *:first-child {
3349            font-size: var(--text-lg);
3350            margin-bottom: 20px;
3351        }
3352    }
3353</style>
3354
3355
3356</div>
3357<!-- END sections: footer-group -->
3358            <div id="shopify-section-discounts" class="shopify-section">
3359
3360
3361
3362<div x-data="discountsFreeGift">
3362<script type="application/json" id="discounts-free-gift-data" x-ref="discounts-free-gift-data">
3363            {
3364"Free Deep Cleansing Oil 2.3oz With Orders $150+": {
3365                            "message": "Free Deep Cleansing Oil 2.3oz",
3366                            "is_modal":false,
3367                            "modal_id": "free-deep-cleansing-oil-2-3oz-with-orders-150-free-gift",
3368                            "codes":[],
3369                            "minimum_purchase_amount":15000,
3370                            "minimum_quantity_of_items":0,
3371                            "specific_collections":[],
3372                            "specific_products":[],
3373                            "free_products":[45773321928900],
3374                            "free_products_quantity":1}
3375,"Free Skin Refresh With Orders $100+": {
3376                            "message": "Free Skin Refresh",
3377                            "is_modal":false,
3378                            "modal_id": "free-skin-refresh-with-orders-100-free-gift",
3379                            "codes":[],
3380                            "minimum_purchase_amount":10000,
3381                            "minimum_quantity_of_items":0,
3382                            "specific_collections":[],
3383                            "specific_products":[],
3384                            "free_products":[44603640709316],
3385                            "free_products_quantity":1}}
3386        </script>
3386
3387
3388
3389
3390
3391    
3392
3393    <style data-shopify>
3394        .free-gift-modal .swiper-slide {
3395            width: calc((100% / 3) - 8px);
3396        }
3397
3398        @media screen and (min-width: 1024px) {
3399            .free-gift-modal .swiper-slide {
3400                width: calc(25% - 8px);
3401            }
3402        }
3403    </style>
3404
3405
3406</div>
3407
3408
3409
3410
3411
3412<div x-data="discountsBOGO(10)"></div>
3413
3414
3415<script type="application/json" id="discountsAdditionalData">
3416    {
3417        "cart_data": {"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}
3418        
3419    }
3420</script>
3420
3421</div>
3422
3423            
3424
3425
3426
3427
3428
3429<script type="application/ld+json">
3430    {
3431        "@context": "https://schema.org",
3432        "@type": "Organization",
3433        "name": "DHC Skincare",
3434        "alternateName": "DHC Skincare",
3435        "url": "https:\/\/www.dhccare.com",
3436        
3437            "logo": "https://www.dhccare.com/cdn/shop/files/logo.svg?v=1739544180",
3438        
3439        
3440            "sameAs": [
3441                
3442                    "https://www.facebook.com/DHCSkincare",
3443                
3444                
3445                    "https://www.instagram.com/dhcskincare",
3446                
3447                
3448                    "https://www.tiktok.com/@dhcskincare"
3449                
3450            ]
3451        
3452    }
3453</script>
3453
3454
3455
3456
3457
3458
3459
3460
3461
3462
3463
3464
3465<script>
3466    window.shopUrl = 'https://www.dhccare.com';
3467    window.routes = {
3468        cart_add_url: '/cart/add',
3469        cart_change_url: '/cart/change',
3470        cart_update_url: '/cart/update',
3471        cart_url: '/cart',
3472        predictive_search_url: '/search/suggest',
3473    };
3474</script>
3474
3475
3476            
3477
3478<div
3479    x-data="dialpad({server: 'https://us-central.dx.dialpad.com'})"
3480    id="dx_chatbot_fab_wrapper_id"
3481    class="
3482        bg-blue cursor-pointer
3483        rounded-full flex size-14 overflow-hidden transition-transform
3484        p-3 fixed bottom-4 right-4 z-120 hover:scale-105
3485    "
3486>
3487    <img
3488        x-ref="chatTrigger"
3489        data-dxchannelid="e72615392c1e4a7eb225ad89424c7b5f"
3490        data-dxprovemail="[email protected]"
3491        id="dx_chatbot_fab_id"
3492        src="https://us-central.dx.dialpad.com/kpd-static/providers/0/webchat/default/images/fab-icon.png"
3493        class="w-full object-contain"
3494        style="clip-path:circle(50%)"
3495    >
3496    <div
3497        x-ref="fakeButton"
3498
3499        @click.prevent="loadDialpadScript('https://us-central.dx.dialpad.com/dxclient/dist/dialpad-chatbot.es.js')"
3500        class="absolute inset-0 z-10"
3501    ></div>
3502    <div
3503        class="hidden absolute left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2 w-11 h-11"
3504        :class="activeLoader == false ? 'hidden' : '!block'"
3505    >
3506        
3507<span class="inline-flex h-5 w-5 items-center justify-center userway-loader dialpad-loader !w-full !h-full"><svg
3508                    xmlns="http://www.w3.org/2000/svg"
3509                    height="40"
3510                    width="40"
3511                >
3512                    <circle fill-rule="evenodd" transform="scale(-1 1)" cy="5.223" cx="-20.033" r="3.539" fill="#fff"/>
3513                    <circle fill-rule="evenodd" cx="-2.503" transform="scale(-1 1) rotate(40)" cy="13.387" r="3.539" fill="#fff" opacity=".9"/>
3514                    <circle fill-rule="evenodd" transform="scale(-1 1) rotate(80)" cy="8.372" cx="16.173" r="3.539" fill="#fff" opacity=".8"/>
3515                    <circle fill-rule="evenodd" cx="27.257" transform="scale(1 -1) rotate(-60)" cy="-7.474" r="3.539" fill="#fff" opacity=".7"/>
3516                    <circle fill-rule="evenodd" transform="scale(1 -1) rotate(-20)" cy="-26.738" cx="25.562" r="3.539" fill="#fff" opacity=".6"/>
3517                    <circle fill-rule="evenodd" cx="11.881" transform="scale(1 -1) rotate(20)" cy="-40.405" r="3.539" fill="#fff" opacity=".5"/>
3518                    <circle fill-rule="evenodd" transform="scale(1 -1) rotate(60)" cy="-42.081" cx="-7.384" r="3.539" fill="#fff" opacity=".4"/>
3519                    <circle fill-rule="evenodd" cx="-23.219" transform="scale(-1 1) rotate(-80)" cy="-30.981" r="3.539" fill="#fff" opacity=".3"/>
3520                    <circle fill-rule="evenodd" transform="scale(-1 1) rotate(-40)" cy="-12.299" cx="-28.215" r="3.539" fill="#fff" opacity=".2"/>
3521                </svg></span>
3522    </div>
3523</div>
3524
3525<style data-shopify>
3526    @keyframes loader {
3527        from {
3528            transform: rotate(0deg);
3529        }
3530        to {
3531            transform: rotate(360deg);
3532        }
3533    }
3534    .dialpad-loader {
3535        animation: loader 1.25s infinite linear;
3536    }
3537</style>
3538
3539            <div
3540  class="userway fixed z-[2147483647] left-3 bottom-3"
3541  x-data="userway({'account': 'WXhukT2t08'})"
3542  :class="{'hidden': hiddenButton}">
3543  <button
3544    class="userway-fake-button cursor-pointer flex bg-[#004097] rounded-full hover:scale-110 overflow-hidden transition duration-400"
3545    @click.prevent="openOnInit(), loadScript('https://cdn.userway.org/widget.js')">
3546    <div
3547      class="userway-loader-wrapper hidden absolute left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2 w-11 h-11"
3548      :class="activeLoader == false ? 'hidden' : '!block'">
3549      
3550<span class="inline-flex h-5 w-5 items-center justify-center userway-loader userway-loader !w-full !h-full"><svg
3551                    xmlns="http://www.w3.org/2000/svg"
3552                    height="40"
3553                    width="40"
3554                >
3555                    <circle fill-rule="evenodd" transform="scale(-1 1)" cy="5.223" cx="-20.033" r="3.539" fill="#fff"/>
3556                    <circle fill-rule="evenodd" cx="-2.503" transform="scale(-1 1) rotate(40)" cy="13.387" r="3.539" fill="#fff" opacity=".9"/>
3557                    <circle fill-rule="evenodd" transform="scale(-1 1) rotate(80)" cy="8.372" cx="16.173" r="3.539" fill="#fff" op
3557acity=".8"/>
3558                    <circle fill-rule="evenodd" cx="27.257" transform="scale(1 -1) rotate(-60)" cy="-7.474" r="3.539" fill="#fff" opacity=".7"/>
3559                    <circle fill-rule="evenodd" transform="scale(1 -1) rotate(-20)" cy="-26.738" cx="25.562" r="3.539" fill="#fff" opacity=".6"/>
3560                    <circle fill-rule="evenodd" cx="11.881" transform="scale(1 -1) rotate(20)" cy="-40.405" r="3.539" fill="#fff" opacity=".5"/>
3561                    <circle fill-rule="evenodd" transform="scale(1 -1) rotate(60)" cy="-42.081" cx="-7.384" r="3.539" fill="#fff" opacity=".4"/>
3562                    <circle fill-rule="evenodd" cx="-23.219" transform="scale(-1 1) rotate(-80)" cy="-30.981" r="3.539" fill="#fff" opacity=".3"/>
3563                    <circle fill-rule="evenodd" transform="scale(-1 1) rotate(-40)" cy="-12.299" cx="-28.215" r="3.539" fill="#fff" opacity=".2"/>
3564                </svg></span>
3565    </div>
3566    
3567<span class="inline-flex h-5 w-5 items-center justify-center userway !w-11 !h-11"><svg xmlns="http://www.w3.org/2000/svg" 
3568                    xmlns:xlink="http://www.w3.org/1999/xlink" 
3569                    width="60px" 
3570                    height="60px" 
3571                    viewBox="0 0 60 60" version="1.1">
3572                    <title>wheelchair</title>
3573                    <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
3574                        <g id="wheelchair" fill="#FFFFFF" fill-rule="nonzero">
3575                            <path d="M30,4.42857143 C44.12271,4.42857143 55.5714286,15.87729 55.5714286,30 C55.5714286,44.12271 44.12271,55.5714286 30,55.5714286 C15.87729,55.5714286 4.42857143,44.12271 4.42857143,30 C4.42857143,15.87729 15.87729,4.42857143 30,4.42857143 Z M30,6.42857143 C16.9818595,6.42857143 6.42857143,16.9818595 6.42857143,30 C6.42857143,43.0181405 16.9818595,53.5714286 30,53.5714286 C43.0181405,53.5714286 53.5714286,43.0181405 53.5714286,30 C53.5714286,16.9818595 43.0181405,6.42857143 30,6.42857143 Z M22.6575868,27.6261419 L22.658583,30.3611655 C20.6218177,31.4906958 19.2443182,33.6569764 19.2443182,36.1428571 C19.2443182,39.7939945 22.2158966,42.7556818 25.8833833,42.7556818 C28.7527502,42.7556818 31.1961394,40.9427798 32.1237124,38.4051699 L34.7269721,38.4048491 C33.7182634,42.3376144 30.1405913,45.2443182 25.8833833,45.2443182 C20.8433147,45.2443182 16.7556818,41.1702912 16.7556818,36.1428571 C16.7556818,32.2481439 19.2088656,28.9256159 22.6575868,27.6261419 Z M28.0333969,21.1428571 C28.5047002,21.1428571 28.9494534,21.2562373 29.3416941,21.4571217 C29.3983885,21.4833379 29.4540171,21.5136628 29.5077931,21.5486543 C29.6738574,21.6487388 29.8288945,21.7644228 29.9707824,21.8941642 L34.1841919,25.0793571 L38.3060186,25.0794675 C38.9502854,25.0794675 39.480191,25.5691064 39.5439125,26.1965614 L39.5503368,26.3237857 C39.5503368,27.0110037 38.9932366,27.5681039 38.3060186,27.5681039 L33.7666232,27.5681039 C33.4957878,27.5681039 33.2323473,27.4797393 33.0162919,27.316424 L30.8997121,25.716 L30.8997121,31.785 L36.8373534,32.7725019 C37.2142878,32.8351151 37.5415563,33.0674373 37.7249958,33.4026237 L42.025007,41.2597372 C42.354945,41.8625717 42.1337187,42.6187332 41.5308842,42.9486713 C41.3701284,43.0366547 41.1984692,43.0854443 41.0268969,43.0982552 L40.8983721,43.1011668 C40.4712671,43.0887117 40.061882,42.8564147 39.8419341,42.4545192 L36.1363969,35.6835714 L28.5031083,36.1046838 C28.4042925,36.1209198 28.3037738,36.1321185 28.2018265,36.1380066 L28.0333969,36.1428571 C26.4502702,36.1428571 25.1667121,34.8635714 25.1667121,33.2857143 L25.1667121,24 C25.1667121,22.4221429 26.4502702,21.1428571 28.0333969,21.1428571 Z M43.318835,24.6615953 C43.6698382,24.8376831 43.8116352,25.2649747 43.6355475,25.6159779 L41.2404323,30.3902636 C41.1198199,30.6306856 40.8738646,30.7824675 40.6048848,30.7824675 L35.5881864,30.7824675 C35.1954904,30.7824675 34.8771474,30.4641245 34.8771474,30.0714286 C34.8771474,29.6787326 35.1954904,29.3603896 35.5881864,29.3603896 L40.1661864,29.3601429 L42.3644525,24.9783078 C42.5405402,24.6273046 42.9678318,24.4855076 43.318835,24.6615953 Z M29.4667393,14 C31.049866,14 32.3334241,15.2792857 32.3334241,16.8571429 C32.3334241,18.435 31.049866,19.7142857 29.4667393,19.7142857 C27.8836126,19.7142857 26.6000545,18.435 26.6000545,16.8571429 C26.6000545,15.2792857 27.8836126,14 29.4667393,14 Z" id="Combined-Shape"/>
3576                        </g>
3577                    </g>
3578                </svg></span>
3579  </button>
3580</div>
3581
3582<style data-shopify>
3583@keyframes loader {
3584  from {transform: rotate(0deg);}
3585  to {transform: rotate(360deg);}
3586}
3587  .userway-loader {
3588    animation: loader 1.25s infinite linear;
3589  }
3590</style>
3591
3592            
3593
3594
3595
3596
3597
3598<div
3599  x-data
3600  x-cloak
3601  id="quick-view"
3602  @keyup.escape.window="$store.modal.closeModal()"
3603  class="text-left"
3604>
3605  <div
3606    class="pointer-events-none fixed inset-0 z-[110] bg-black/30 opacity-0 transition-opacity"
3607    @click="$store.modal.closeModal()"
3608    :class="{ '!opacity-100 !pointer-events-auto': $store.modal.activeModalId === 'quick-view' }"
3609  ></div>
3610  <div
3611    class="pointer-events-none fixed rounded-lg left-1/2 top-0 z-[120] max-h-[calc(100%-40px)] overflow-auto w-full max-w-[calc(100%-40px)] -translate-x-1/2 -translate-y-full bg-white opacity-0 shadow-lg transition-all md:w-auto 
3612        !h-full
3613        !max-h-138
3614        !rounded-2xl
3615        max-md:!top-auto
3616        max-md:!left-2.5
3617        max-md:!right-2.5
3618        max-md:!bottom-2.5
3619        max-md:!translate-x-0
3620        max-md:!translate-y-full
3621        max-md:!w-[calc(100%-20px)]
3622        max-md:!max-w-[calc(100%-20px)]
3623        [.active]:max-md:!translate-y-0
3624        md:!w-full
3625        md:!max-h-178
3626        lg:!max-w-230
3627    "
3628    :class="{ 'active !-translate-y-1/2 !top-1/2 !opacity-100 !pointer-events-auto': $store.modal.activeModalId === 'quick-view' }"
3629  >
3630    
3631      <button @click.prevent="$store.modal.closeModal()" class="absolute right-5 top-3.75 flex cursor-pointer text-black hover:text-black/50 transition-[color]">
3632        
3633<span class="inline-flex h-5 w-5 items-center justify-center cross !h-3.75 !w-3.75"><svg xmlns="http://www.w3.org/2000/svg" width="15" height="16" viewBox="0 0 15 16" fill="none">
3634                    <path d="M1 14.0104L13.0208 1.98959" stroke="currentColor" stroke-width="2" stroke-linecap="round"/>
3635                    <path d="M1 1.98959L13.0208 14.0104" stroke="currentColor" stroke-width="2" stroke-linecap="round"/>
3636                </svg></span>
3637      </button>
3638    
3639
3640    <div class="modal-content h-full w-full ">
3641      
3642    <div
3643        x-data="quickView"
3644        class="p-4 h-full lg:p-7.5"
3645        @quick-view.window="fetch($event.detail)"
3646        :class="{ 'quick-view-modal-active': $store.modal.activeModal === 'quick-view' }"
3647        x-init="$watch('$store.drawerCartState', state => { if (state.minicartOpen) $store.modal.closeModal() })">
3648        <div id="quick-view-container" class="h-full"></div>
3649
3650        <div class="bg-white -z-100 absolute inset-0 flex items-center justify-center opacity-0 transition-opacity"
3651            :class="{ '!opacity-100 !pointer-events-none !z-100': $store.quickViewState.loading }">
3652            
3653<span class="inline-flex h-5 w-5 items-center justify-center loader text-black animate-spin"><svg
3654                    width="36"
3655                    height="36"
3656                    class="icon h-full w-full loader"
3657                    viewBox="0 0 36 36"
3658                    fill="none"
3659                    xmlns="http://www.w3.org/2000/svg"
3660                >
3661                    <path d="M33.6681 21.2422C32.8795 25.053 30.7291 28.4458 27.6194 30.7855C24.5097 33.1251 20.654 34.2512 16.7739 33.953C12.8938 33.6548 9.25536 31.9526 6.53974 29.1653C3.82412 26.3779 2.21746 22.6963 2.02052 18.8098C1.82357 14.9232 3.04985 11.0981 5.46979 8.05049C7.88973 5.00287 11.3374 2.94168 15.1675 2.25276C18.9976 1.56383 22.9475 2.29441 26.2777 4.30772" stroke="currentColor" stroke-width="3"></path>
3662                </svg></span>
3663        </div>
3664    </div>
3665
3666    </div>
3667  </div>
3668</div>
3669
3670
3671<style data-shopify>
3672    body:has(.quick-view-modal-active) {
3673        overflow: hidden;
3674    }
3675
3676    #quick-view-container .product-media-gallery {
3677        margin: 0;
3678        max-width: 100%;
3679        padding: 0;
3680        width: 100px;
3681    }
3682
3683    #quick-view-container .product-media-gallery .swiper {
3684        overflow: hidden !important;
3685    }
3686
3687    #quick-view-container .product-media-gallery .swiper-wrapper {
3688        padding: 0 !important;
3689        width: 100% !important;
3690    }
3691
3692    #quick-view-container .product-media-gallery .slider .swiper .swiper-slide {
3693        max-width: 100% !important;
3694        padding: 0 !important;
3695        width: 100% !important;
3696    }
3697
3698    #quick-view-container .product-media-gallery .slider .swiper .swiper-slide > .slide {
3699        height: 100% !important;
3700        max-height: 100% !important;
3701    }
3702
3703    #quick-view-container .bundle-product-price {
3704        font-size: var(--text-sm);
3705        line-height: 16px;
3706        margin: 0;
3707    }
3708
3709    #quick-view-container .pr-snippet .pr-snippet-read-and-write {
3710        display: none;
3711    }
3712
3713    #quick-view-container .pr-snippet .pr-rating-stars {
3714        display: flex;
3715        gap: 1px;
3716    }
3717
3718    @media screen and (max-width: 767px) {
3719        #quick-view-container .product-media-gallery .swiper .swiper-slide:not(.swiper-slide-active),
3720        #quick-view-container .product-media-gallery .swiper .swiper-button-prev,
3721        #quick-view-container .product-media-gallery .swiper .swiper-button-next {
3722            display: none !important;
3723        }
3724
3725        #quick-view-container .product-media-gallery .slider .swiper .swiper-slide {
3726            margin: 0 !important;
3727        }
3728    }
3729
3730    @media screen and (min-width: 768px) {
3731        #quick-view-container .product-media-gallery {
3732            background-color: #fff;
3733            flex-direction: column-reverse;
3734            left: 16px;
3735            gap: 0;
3736            position: absolute;
3737            top: 16px;
3738            width: calc(50% - 16px);
3739            z-index: 10;
3740        }
3741
3742        #quick-view-container .product-media-gallery > .thumbnails {
3743            display: block;
3744            height: 100px;
3745            margin-top: 8px;
3746            width: 100%;
3747        }
3748
3749        #quick-view-container .product-media-gallery > .slider {
3750            height: 100%;
3751            max-height: 495px;
3752            width: 100%;
3753        }
3754
3755        #quick-view-container .product-media-gallery > .slider img {
3756            height: 100%;
3757            max-height: 495px;
3758        }
3759
3760        #quick-view-container .product-media-gallery .thumbnails .swiper {
3761            height: 100% !important;
3762            position: static !important;
3763            width: 100% !important;
3764        }
3765
3766        #quick-view-container .product-media-gallery .thumbnails .swiper:before,
3767        #quick-view-container .product-media-gallery .thumbnails .swiper:after {
3768            content: '';
3769            height: 100%;
3770            position: absolute;
3771            pointer-events: none;
3772            top: 0;
3773            transition: opacity 150ms;
3774            width: 20px;
3775            z-index: 10;
3776        }
3777
3778        #quick-view-container .product-media-gallery .thumbnails .swiper:before {
3779            background: linear-gradient(90deg, #fff 20%, #fff0 80%);
3780            left: 0;
3781        }
3782
3783        #quick-view-container .product-media-gallery .thumbnails .swiper:after {
3784            background: linear-gradient(-90deg, #fff 20%, #fff0 80%);
3785            right: 0;
3786        }
3787
3788        #quick-view-container .product-media-gallery .thumbnails .swiper.slider-start:before,
3789        #quick-view-container .product-media-gallery .thumbnails .swiper.slider-end:after {
3790            opacity: 0;
3791        }
3792
3793        #quick-view-container .product-media-gallery .thumbnails .swiper-wrapper {
3794            flex-direction: row !important;
3795        }
3796
3797        #quick-view-container .product-media-gallery .thumbnails .swiper-slide {
3798            margin-right: 10px !important;
3799            width: 84px !important;
3800        }
3801
3802        #quick-view-container .product-media-gallery .thumbnails .thumbnail {
3803            height: 100%;
3804            width: 100%;
3805        }
3806
3807        #quick-view-container .product-media-gallery .thumbnails .swiper-button-prev,
3808        #quick-view-container .product-media-gallery .thumbnails .swiper-button-next {
3809            bottom: 4px;
3810            height: 92px;
3811            width: 23px;
3812        }
3813
3814        #quick-view-container .product-media-gallery .thumbnails .swiper-button-prev {
3815            left: 4px;
3816            right: auto;
3817            top: auto;
3818        }
3819
3820        #quick-view-container .product-media-gallery .thumbnails .swiper-button-prev > span {
3821            rotate: 90deg;
3822        }
3823
3824        #quick-view-container .product-media-gallery .thumbnails .swiper-button-next {
3825            left: auto;
3826            right: 4px;
3827            top: auto;
3828        }
3829
3830        #quick-view-container .product-media-gallery .thumbnails .swiper-button-next > span {
3831            rotate: -90deg;
3832        }
3833
3834        #quick-view-container .pr-snippet .pr-snippet-read-and-write {
3835            display: flex;
3836            margin-left: 20px;
3837        }
3838
3839        #quick-view-container .pr-snippet .pr-snippet-read-and-write .pr-snippet-rating-count {
3840            color: #0B7BC1;
3841            padding: 0;
3842        }
3843
3844        #quick-view-container .bundle-product-price {
3845            font-size: 28px;
3846            line-height: 24px;
3847        }
3848    }
3849
3850    @media screen and (min-width: 1024px) {
3851        #quick-view-container .product-media-gallery {
3852            left: 30px;
3853            top: 30px;
3854            width: calc(50% - 37px);
3855        }
3856
3857        #quick-view-container .pr-snippet .pr-rating-stars {
3858            gap: 0;
3859        }
3860
3861        #quick-view-container .product-media-gallery > .slider {
3862            height: 516px;
3863            max-height: 516px;
3864        }
3865
3866        #quick-view-container .product-media-gallery > .slider img {
3867            max-height: 514px;
3868        }
3869
3870        #quick-view-container .product-media-gallery .swiper-button-prev {
3871            margin-left: 6px;
3872            margin-top: -18px;
3873        }
3874
3875        #quick-view-container .product-media-gallery .swiper-button-next {
3876            margin-right: 6px;
3877            margin-top: -18px;
3878        }
3879    }
3880</style>
3881
3882        <div id="shopify-block-AVElYbHJnemxjbVVrN__10840395464443086010" class="shopify-block shopify-app-block">
3883
3884
3885<script>
3886  console.log("[Alia app extension] v1.0.5");
3887
3888  const BACKEND_URL = "https://backend.alia-prod.com";
3889
3890  window.ALIA_SHOPIFY_EXTENSION_INFO = {
3891    customerID: "",
3892    country: "US",
3893    market: "us",
3894    language: "en"
3895  }
3896
3897  if (document.readyState !== "loading") {
3898    initAlia();
3899  } else {
3900    document.addEventListener("DOMContentLoaded", () => initAlia(), { once: true });
3901  }
3902
3903  async function initAlia() {
3904    const url = BACKEND_URL + "/public/launcher.js?shopifyUrl=in6xhd-sx.myshopify.com";
3905    const script = document.createElement("script");
3906    script.src = url;
3907    script.async = true;
3908    document.head.appendChild(script);
3909  }
3910</script>
3910
3911
3912</div><div id="shopify-block-AcnNqaVIzdnNGdEE3a__2640576625794464016" class="shopify-block shopify-app-block">
3913
3914<!-- BEGIN app snippet: spotlight-drawer-app-embed-body -->
3915<style>
3916  .yotpo-widget-loyalty-spotlight {
3917    --loyalty-heading-font-fallback-families: sans-serif;
3918    --loyalty-body-font-fallback-families: sans-serif;
3919  }
3920</style>
3921
3922<script>
3923  (function(window) {
3924    window.yotpoWidgetsContainer = window.yotpoWidgetsContainer || {};
3925    window.yotpoWidgetsContainer.shopifySpotlightDrawerCustomization = {
3926      loyaltyName: "My Loyalty Program",
3927      greetingText: "\u003cp\u003eHey ##name##,\u003cbr\u003eCheck out your perks ✨\u003c\/p\u003e",
3928      pointsSectionLabel: "You Earned",
3929      rewardsSectionTitle: "Your Rewards",
3930      applyRewardButtonText: "Apply to cart",
3931      applyRewardSuccessMessage: "Reward applied. Refresh page to see it.",
3932      removeRewardButtonText: "Remove from cart",
3933      backgroundColor: "#ffffff",
3934      pointsBgColor: "#D6D6D6",
3935      buttonBgColor: "#262626",
3936      buttonTextColor: "#ffffff",
3937      headingFontNameAndUrl: "Inter@600|\/\/www.dhccare.com\/cdn\/fonts\/inter\/inter_n6.771af0474a71b3797eb38f3487d6fb79d43b6877.woff2",
3938      headingColor: "#262626",
3939      bodyFontNameAndUrl: "Inter@400|\/\/www.dhccare.com\/cdn\/fonts\/inter\/inter_n4.b2a3f24c19b4de56e8871f609e73ca7f6d2e2bb9.woff2",
3940      bodyColor: "#4D4D4D",
3941      showPointsExpiry: true,
3942      expiryDateFormat: "long",
3943      expiryLabel: "exp.",
3944      pointsLabel: "pts",
3945      showPointsWorth: true,
3946      pointsWorthLabel: "Worth",
3947      tierSuffix: "Member",
3948      directRewardsLabel: "Free",
3949      daysLeftText: "##days## day(s) left",
3950      rewardExpiryColor: "#C93400",
3951      cartEmptyMessage: "Add items to cart first",
3952      collectionRequirementText: "Collection items only",
3953      missingCollectionItemMessage: "No collection items in your cart.",
3954      cartRequirementText: "Requires ##value## in cart",
3955      itemRequirementText: "Requires item in cart",
3956      pointsRequirementText: "Requires +##points## pts",
3957      rewardStackingText: "Can't combine with applied rewards",
3958      signupEnabled: true,
3959      nonMemberPreview: false,
3960      signupHeading: "Start earning rewards today.",
3961      signupConsentText: "\u003cp\u003eBy joining you agree to our Terms \u0026 Conditions.\u003c\/p\u003e",
3962      signupButtonText: "Join",
3963      signupSuccessMessage: "You're in! Start exploring your rewards."
3964};
3965  })(window);
3966</script>
3966
3967
3968<!-- END app snippet -->
3969
3970
3971
3972<script>
3973  document.dispatchEvent(new CustomEvent('yotpo-loyalty-spotlight-customizations-loaded'));
3974</script>
3974</div>
3974<script src="https://cdn.shopify.com/storefront/standard-actions.js" type="module" data-source-attribution="shopify.standard_actions"></script>
3974
3975</body>
3976    </html>
3977

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.