PageSourceSearch

https://cozmetica.pk/pages/about-cozmetica

html cozmetica.pk collected 2026-10-03 20:29:06 UTC 499,546 bytes, 11,110 lines download raw bytes

1<!doctype html>
2<html
3  
4  lang="en"
5>
6  <head>
7 <meta name="msvalidate.01" content="1D6F2C61F149DDC5F1E456E1ABDD4793" /><link
8        rel="icon"
9        type="image/png"
10        href="//cozmetica.pk/cdn/shop/files/Cozmetica_Logo_Small_-_Favicon.jpg?crop=center&height=32&v=1689149045&width=32"
11      >
12    
13
14
15<meta charset="utf-8">
16<meta
17  http-equiv="X-UA-Compatible"
18  content="IE=edge"
19>
20<meta
21  name="viewport"
22  content="width=device-width,initial-scale=1"
23>
24<meta
25  name="theme-color"
26  content=""
27>
28
29<meta
30  property="og:site_name"
31  content="Cozmetica"
32>
33<meta
34  property="og:url"
35  content="https://cozmetica.pk/pages/about-cozmetica"
36>
37<meta
38  property="og:title"
39  content="About Cozmetica"
40>
41<meta
42  property="og:type"
43  content="website"
44>
45<meta
46  property="og:description"
47  content="Cozmetica takes immense pride in being one of Pakistan’s trusted online beauty shopping website, providing our prestigious and innovative customer a hassle-free shopping experience and best quality cosmetics products right at your door steps. Since our inception in 2017, we at Cozmetica.pk are committed to build an ult"
48><meta
49    property="og:image"
50    content="http://cozmetica.pk/cdn/shop/files/thumbnil_f1028890-ed09-4428-b426-2a2fbac6f8c9.png?v=1630060931"
51  >
52  <meta
53    property="og:image:secure_url"
54    content="https://cozmetica.pk/cdn/shop/files/thumbnil_f1028890-ed09-4428-b426-2a2fbac6f8c9.png?v=1630060931"
55  >
56  <meta
57    property="og:image:width"
58    content="1200"
59  >
60  <meta
61    property="og:image:height"
62    content="628"
63  ><meta
64  name="twitter:card"
65  content="summary_large_image"
66>
67<meta
68  name="twitter:title"
69  content="About Cozmetica"
70>
71<meta
72  name="twitter:description"
73  content="Cozmetica takes immense pride in being one of Pakistan’s trusted online beauty shopping website, providing our prestigious and innovative customer a hassle-free shopping experience and best quality cosmetics products right at your door steps. Since our inception in 2017, we at Cozmetica.pk are committed to build an ult"
74>
75
76<title>
77  About Cozmetica
78</title>
79
80<link
81  rel="canonical"
82  href="https://cozmetica.pk/pages/about-cozmetica"
83>
84
85
86  <meta
87    name="description"
88    content="Cozmetica takes immense pride in being one of Pakistan’s trusted online beauty shopping website, providing our prestigious and innovative customer a hassle-free shopping experience and best quality cosmetics products right at your door steps. Since our inception in 2017, we at Cozmetica.pk are committed to build an ult"
89  >
90
91<link href="//cozmetica.pk/cdn/shop/t/140/assets/overflow-list.css?v=16727044177065489451785524563" as="style" rel="preload">
92<link href="//cozmetica.pk/cdn/shop/t/140/assets/base.css?v=51081158024018678291785524563" rel="stylesheet" type="text/css" media="all" />
93<link href="//cozmetica.pk/cdn/fonts/inter/inter_n4.b2a3f24c19b4de56e8871f609e73ca7f6d2e2bb9.woff2" as="font" type="font/woff2" fetchpriority="low" crossorigin="anonymous" rel="preload">
94<link href="//cozmetica.pk/cdn/fonts/inter/inter_n5.d7101d5e168594dd06f56f290dd759fba5431d97.woff2" as="font" type="font/woff2" fetchpriority="low" crossorigin="anonymous" rel="preload">
95<link href="//cozmetica.pk/cdn/fonts/inter/inter_n7.02711e6b374660cfc7915d1afc1c204e633421e4.woff2" as="font" type="font/woff2" fetchpriority="low" crossorigin="anonymous" rel="preload">
96<link href="//cozmetica.pk/cdn/fonts/inter/inter_n7.02711e6b374660cfc7915d1afc1c204e633421e4.woff2" as="font" type="font/woff2" fetchpriority="low" crossorigin="anonymous" rel="preload">
97
98
99<script async crossorigin fetchpriority="high" src="/cdn/shopifycloud/importmap-polyfill/es-modules-shim.2.4.0.js"></script>
vendor: 1 bytes, line 99
99
100<script type="importmap">
101  {
102    "imports": {
103      "@theme/overflow-list": "//cozmetica.pk/cdn/shop/t/140/assets/overflow-list.js?v=46858356770684902511785524563",
104      "@theme/component": "//cozmetica.pk/cdn/shop/t/140/assets/component.js?v=175690430936884589731785524563",
105      "@theme/dialog": "//cozmetica.pk/cdn/shop/t/140/assets/dialog.js?v=144816527575655702281785524563",
106      "@theme/events": "//cozmetica.pk/cdn/shop/t/140/assets/events.js?v=99399773727497444581785524563",
107      "@shopify/events": "https://cdn.shopify.com/storefront/standard-events.js",
108      "@theme/view-event-elements": "//cozmetica.pk/cdn/shop/t/140/assets/view-event-elements.js?v=34258756885466567141785524563",
109      "@theme/focus": "//cozmetica.pk/cdn/shop/t/140/assets/focus.js?v=60436577539430446401785524563",
110      "@theme/morph": "//cozmetica.pk/cdn/shop/t/140/assets/morph.js?v=182601902166245204061785524563",
111      "@theme/paginated-list": "//cozmetica.pk/cdn/shop/t/140/assets/paginated-list.js?v=71290058904108491691785524563",
112      "@theme/performance": "//cozmetica.pk/cdn/shop/t/140/assets/performance.js?v=171015751390534793081785524563",
113      "@theme/product-form": "//cozmetica.pk/cdn/shop/t/140/assets/product-form.js?v=75424241456978697291785524563",
114      "@theme/recently-viewed-products": "//cozmetica.pk/cdn/shop/t/140/assets/recently-viewed-products.js?v=94729125001750262651785524563",
115      "@theme/scrolling": "//cozmetica.pk/cdn/shop/t/140/assets/scrolling.js?v=162288454571026455011785524563",
116      "@theme/section-renderer": "//cozmetica.pk/cdn/shop/t/140/assets/section-renderer.js?v=44511745960026958271785524563",
117      "@theme/section-hydration": "//cozmetica.pk/cdn/shop/t/140/assets/section-hydration.js?v=108434990705342316311785524563",
118      "@theme/money-formatting": "//cozmetica.pk/cdn/shop/t/140/assets/money-formatting.js?v=160151249720534550011785524563",
119      "@theme/utilities": "//cozmetica.pk/cdn/shop/t/140/assets/utilities.js?v=59721549236175535191785524563",
120      "@theme/variant-picker": "//cozmetica.pk/cdn/shop/t/140/assets/variant-picker.js?v=21977969907998071131785524563",
121      "@theme/media-gallery": "//cozmetica.pk/cdn/shop/t/140/assets/media-gallery.js?v=154207211298275592001785524563",
122      "@theme/quick-add": "//cozmetica.pk/cdn/shop/t/140/assets/quick-add.js?v=43065342542833269571785524563",
123      "@theme/paginated-list-aspect-ratio": "//cozmetica.pk/cdn/shop/t/140/assets/paginated-list-aspect-ratio.js?v=25254270272143792451785524563",
124      "@theme/popover-polyfill": "//cozmetica.pk/cdn/shop/t/140/assets/popover-polyfill.js?v=119029313658895111201785524563",
125      "@theme/component-quantity-selector": "//cozmetica.pk/cdn/shop/t/140/assets/component-quantity-selector.js?v=67906657287482036641785524563",
126      "@theme/comparison-slider": "//cozmetica.pk/cdn/shop/t/140/assets/comparison-slider.js?v=106705562947035711941785524563",
127      "@theme/sticky-add-to-cart": "//cozmetica.pk/cdn/shop/t/140/assets/sticky-add-to-cart.js?v=130489688094345781431785524563",
128      "@theme/fly-to-cart": "//cozmetica.pk/cdn/shop/t/140/assets/fly-to-cart.js?v=48483246440248933081785524563",
129      "@theme/scroll-container": "//cozmetica.pk/cdn/shop/t/140/assets/scroll-container.js?v=127018149358875384221785524563",
130      "@theme/theme-drawer": "//cozmetica.pk/cdn/shop/t/140/assets/theme-drawer.js?v=155110645205299884131785524563"
131    }
132  }
133</script>
133<script
134  src="//cozmetica.pk/cdn/shop/t/140/assets/standard-actions-override.js?v=171683365447094389611785524563"
135  type="module"
136></script>
136
137
138<script
139  src="//cozmetica.pk/cdn/shop/t/140/assets/page-view-event.js?v=12823247316348680231785524563"
140  type="module"
141  defer
142></script>
142
143
144<script
145  src="//cozmetica.pk/cdn/shop/t/140/assets/view-transitions.js?v=92646219599560127141785524563"
146  async
147  
148></script>
148
149
150<link
151  rel="modulepreload"
152  href="//cozmetica.pk/cdn/shop/t/140/assets/utilities.js?v=59721549236175535191785524563"
153  fetchpriority="low"
154>
155<link
156  rel="modulepreload"
157  href="//cozmetica.pk/cdn/shop/t/140/assets/component.js?v=175690430936884589731785524563"
158  fetchpriority="low"
159>
160<link
161  rel="modulepreload"
162  href="//cozmetica.pk/cdn/shop/t/140/assets/section-renderer.js?v=44511745960026958271785524563"
163  fetchpriority="low"
164>
165<link
166  rel="modulepreload"
167  href="//cozmetica.pk/cdn/shop/t/140/assets/section-hydration.js?v=108434990705342316311785524563"
168  fetchpriority="low"
169>
170<link
171  rel="modulepreload"
172  href="//cozmetica.pk/cdn/shop/t/140/assets/morph.js?v=182601902166245204061785524563"
173  fetchpriority="low"
174>
175
176
177
178<link
179  rel="modulepreload"
180  href="//cozmetica.pk/cdn/shop/t/140/assets/focus.js?v=60436577539430446401785524563"
181  fetchpriority="low"
182>
183<link
184  rel="modulepreload"
185  href="//cozmetica.pk/cdn/shop/t/140/assets/recently-viewed-products.js?v=94729125001750262651785524563"
186  fetchpriority="low"
187>
188<link
189  rel="modulepreload"
190  href="//cozmetica.pk/cdn/shop/t/140/assets/scrolling.js?v=162288454571026455011785524563"
191  fetchpriority="low"
192>
193<link
194  rel="modulepreload"
195  href="//cozmetica.pk/cdn/shop/t/140/assets/events.js?v=99399773727497444581785524563"
196  fetchpriority="low"
197>
198<script
199  src="//cozmetica.pk/cdn/shop/t/140/assets/popover-polyfill.js?v=119029313658895111201785524563"
200  type="module"
201  fetchpriority="low"
202></script>
vendor: 1 bytes, line 202
202
203<script
204  src="//cozmetica.pk/cdn/shop/t/140/assets/overflow-list.js?v=46858356770684902511785524563"
205  type="module"
206  fetchpriority="low"
207></script>
vendor: 1 bytes, line 207
207
208<script
209  src="//cozmetica.pk/cdn/shop/t/140/assets/quick-add.js?v=43065342542833269571785524563"
210  type="module"
211  fetchpriority="low"
212></script>
212
213
214  
214<script
215    src="//cozmetica.pk/cdn/shop/t/140/assets/cart-discount.js?v=138990160074728809221785524563"
216    type="module"
217    fetchpriority="low"
218  ></script>
218
219
220
221<script
222  src="//cozmetica.pk/cdn/shop/t/140/assets/dialog.js?v=144816527575655702281785524563"
223  type="module"
224  fetchpriority="low"
225></script>
vendor: 1 bytes, line 225
225
226<script
227  src="//cozmetica.pk/cdn/shop/t/140/assets/variant-picker.js?v=21977969907998071131785524563"
228  type="module"
229  fetchpriority="low"
230></script>
vendor: 1 bytes, line 230
230
231<script
232  src="//cozmetica.pk/cdn/shop/t/140/assets/product-card.js?v=37238785082130356571785524563"
233  type="module"
234  fetchpriority="low"
235></script>
vendor: 1 bytes, line 235
235
236<script
237  src="//cozmetica.pk/cdn/shop/t/140/assets/product-form.js?v=75424241456978697291785524563"
238  type="module"
239  fetchpriority="low"
240></script>
vendor: 1 bytes, line 240
240
241<script
242  src="//cozmetica.pk/cdn/shop/t/140/assets/fly-to-cart.js?v=48483246440248933081785524563"
243  type="module"
244  fetchpriority="low"
245></script>
vendor: 1 bytes, line 245
245
246<script
247  src="//cozmetica.pk/cdn/shop/t/140/assets/accordion-custom.js?v=105323356731531709191785524563"
248  type="module"
249  fetchpriority="low"
250></script>
vendor: 1 bytes, line 250
250
251<script
252  src="//cozmetica.pk/cdn/shop/t/140/assets/media.js?v=37825095869491791421785524563"
253  type="module"
254  fetchpriority="low"
255></script>
vendor: 1 bytes, line 255
255
256<script
257  src="//cozmetica.pk/cdn/shop/t/140/assets/product-price.js?v=179333985604099329921785524563"
258  type="module"
259  fetchpriority="low"
260></script>
vendor: 1 bytes, line 260
260
261<script
262  src="//cozmetica.pk/cdn/shop/t/140/assets/product-sku.js?v=28741104639155857071785524563"
263  type="module"
264  fetchpriority="low"
265></script>
vendor: 1 bytes, line 265
265
266<script
267  src="//cozmetica.pk/cdn/shop/t/140/assets/product-inventory.js?v=7173209571153411411785524563"
268  type="module"
269  fetchpriority="low"
270></script>
vendor: 1 bytes, line 270
270
271<script
272  src="//cozmetica.pk/cdn/shop/t/140/assets/show-more.js?v=94563802205717136101785524563"
273  type="module"
274  fetchpriority="low"
275></script>
vendor: 1 bytes, line 275
275
276<script
277  src="//cozmetica.pk/cdn/shop/t/140/assets/slideshow.js?v=28306258147874261831785524563"
278  type="module"
279  fetchpriority="low"
280></script>
vendor: 1 bytes, line 280
280
281<script
282  src="//cozmetica.pk/cdn/shop/t/140/assets/layered-slideshow.js?v=30135417790894624731785524563"
283  type="module"
284  fetchpriority="low"
285></script>
vendor: 1 bytes, line 285
285
286<script
287  src="//cozmetica.pk/cdn/shop/t/140/assets/anchored-popover.js?v=143987075196095667371785524563"
288  type="module"
289  fetchpriority="low"
290></script>
vendor: 1 bytes, line 290
290
291<script
292  src="//cozmetica.pk/cdn/shop/t/140/assets/floating-panel.js?v=151277338116891310371785524563"
293  type="module"
294  fetchpriority="low"
295></script>
vendor: 1 bytes, line 295
295
296<script
297  src="//cozmetica.pk/cdn/shop/t/140/assets/video-background.js?v=25237992823806706551785524563"
298  type="module"
299  fetchpriority="low"
300></script>
vendor: 1 bytes, line 300
300
301<script
302  src="//cozmetica.pk/cdn/shop/t/140/assets/component-quantity-selector.js?v=67906657287482036641785524563"
303  type="module"
304  fetchpriority="low"
305></script>
vendor: 1 bytes, line 305
305
306<script
307  src="//cozmetica.pk/cdn/shop/t/140/assets/media-gallery.js?v=154207211298275592001785524563"
308  type="module"
309  fetchpriority="low"
310></script>
vendor: 1 bytes, line 310
310
311<script
312  src="//cozmetica.pk/cdn/shop/t/140/assets/rte-formatter.js?v=40306132146590816021785524563"
313  type="module"
314  fetchpriority="low"
315></script>
vendor: 1 bytes, line 315
315
316<script
317  src="//cozmetica.pk/cdn/shop/t/140/assets/volume-pricing.js?v=15442793518842484731785524563"
318  type="module"
319  fetchpriority="low"
320></script>
vendor: 1 bytes, line 320
320
321<script
322  src="//cozmetica.pk/cdn/shop/t/140/assets/price-per-item.js?v=115937180292451397851785524563"
323  type="module"
324  fetchpriority="low"
325></script>
vendor: 1 bytes, line 325
325
326<script
327  src="//cozmetica.pk/cdn/shop/t/140/assets/volume-pricing-info.js?v=94479640769665442661785524563"
328  type="module"
329  fetchpriority="low"
330></script>
330
331
332
333
334
335
336<script
337  src="//cozmetica.pk/cdn/shop/t/140/assets/auto-close-details.js?v=58350291535404441581785524563"
338  defer="defer"
339></script>
339
340
341<script>
342  const Theme = {
343    translations: {
344      placeholder_image: `Placeholder image`,
345      added: `Added`,
346      recipient_form_fields_visible: `Recipient form fields are now visible`,
347      recipient_form_fields_hidden: `Recipient form fields are now hidden`,
348      recipient_form_error: `There was an error with the form submission`,
349      items_added_to_cart_one: `1 item added to cart`,
350      items_added_to_cart_other: `{{ count }} items added to cart`,
351      cart_count: `Total items in cart`,
352    },
353    routes: {
354      cart_add_url: '/cart/add.js',
355      cart_change_url: '/cart/change',
356      cart_update_url: '/cart/update',
357      cart_url: '/cart',
358      predictive_search_url: '/search/suggest',
359      search_url: '/search',
360    },
361    template: {
362      name: 'page',
363    },
364  };
365</script>
365
366<style data-shopify>
367@font-face {
368  font-family: Inter;
369  font-weight: 400;
370  font-style: normal;
371  font-display: swap;
372  src: url("//cozmetica.pk/cdn/fonts/inter/inter_n4.b2a3f24c19b4de56e8871f609e73ca7f6d2e2bb9.woff2") format("woff2"),
373       url("//cozmetica.pk/cdn/fonts/inter/inter_n4.af8052d517e0c9ffac7b814872cecc27ae1fa132.woff") format("woff");
374}
375@font-face {
376  font-family: Inter;
377  font-weight: 700;
378  font-style: normal;
379  font-display: swap;
380  src: url("//cozmetica.pk/cdn/fonts/inter/inter_n7.02711e6b374660cfc7915d1afc1c204e633421e4.woff2") format("woff2"),
381       url("//cozmetica.pk/cdn/fonts/inter/inter_n7.6dab87426f6b8813070abd79972ceaf2f8d3b012.woff") format("woff");
382}
383@font-face {
384  font-family: Inter;
385  font-weight: 400;
386  font-style: italic;
387  font-display: swap;
388  src: url("//cozmetica.pk/cdn/fonts/inter/inter_i4.feae1981dda792ab80d117249d9c7e0f1017e5b3.woff2") format("woff2"),
389       url("//cozmetica.pk/cdn/fonts/inter/inter_i4.62773b7113d5e5f02c71486623cf828884c85c6e.woff") format("woff");
390}
391@font-face {
392  font-family: Inter;
393  font-weight: 700;
394  font-style: italic;
395  font-display: swap;
396  src: url("//cozmetica.pk/cdn/fonts/inter/inter_i7.b377bcd4cc0f160622a22d638ae7e2cd9b86ea4c.woff2") format("woff2"),
397       url("//cozmetica.pk/cdn/fonts/inter/inter_i7.7c69a6a34e3bb44fcf6f975857e13b9a9b25beb4.woff") format("woff");
398}
399@font-face {
400  font-family: Inter;
401  font-weight: 500;
402  font-style: normal;
403  font-display: swap;
404  src: url("//cozmetica.pk/cdn/fonts/inter/inter_n5.d7101d5e168594dd06f56f290dd759fba5431d97.woff2") format("woff2"),
405       url("//cozmetica.pk/cdn/fonts/inter/inter_n5.5332a76bbd27da00474c136abb1ca3cbbf259068.woff") format("woff");
406}
407@font-face {
408  font-family: Inter;
409  font-weight: 500;
410  font-style: italic;
411  font-display: swap;
412  src: url("//cozmetica.pk/cdn/fonts/inter/inter_i5.4474f48e6ab2b1e01aa2b6d942dd27fa24f2d99f.woff2") format("woff2"),
413       url("//cozmetica.pk/cdn/fonts/inter/inter_i5.493dbd6ee8e49f4ad722ebb68d92f201af2c2f56.woff") format("woff");
414}
415
416
417  :root {
418    /* Page Layout */
419    --sidebar-width: 25rem;
420    --theme-drawer-width: 30rem;
421    --narrow-content-width: 36rem;
422    --normal-content-width: 42rem;
423    --wide-content-width: 46rem;
424    --narrow-page-width: 90rem;
425    --normal-page-width: 120rem;
426    --wide-page-width: 150rem;
427
428    /* Section Heights */
429    --section-height-small: 15rem;
430    --section-height-medium: 25rem;
431    --section-height-large: 35rem;
432
433    @media screen and (min-width: 40em) {
434      --section-height-small: 40svh;
435      --section-height-medium: 55svh;
436      --section-height-large: 70svh;
437    }
438
439    @media screen and (min-width: 60em) {
440      --section-height-small: 50svh;
441      --section-height-medium: 65svh;
442      --section-height-large: 80svh;
443    }
444
445    /* Letter spacing */
446    --letter-spacing-sm: 0.06em;
447    --letter-spacing-md: 0.13em;
448
449    /* Font families */
450    --font-body--family: Inter, sans-serif;
451    --font-body--style: normal;
452    --font-body--weight: 400;
453    --font-subheading--family: Inter, sans-serif;
454    --font-subheading--style: normal;
455    --font-subheading--weight: 500;
456    --font-heading--family: Inter, sans-serif;
457    --font-heading--style: normal;
458    --font-heading--weight: 700;
459    --font-accent--family: Inter, sans-serif;
460    --font-accent--style: normal;
461    --font-accent--weight: 700;
462
463    /* Margin sizes */
464    --font-heading--spacing: 0.25em;
465    --font-h1--spacing: var(--font-heading--spacing);
466    --font-h2--spacing: var(--font-heading--spacing);
467    --font-h3--spacing: var(--font-heading--spacing);
468    --font-h4--spacing: var(--font-heading--spacing);
469    --font-h5--spacing: var(--font-heading--spacing);
470    --font-h6--spacing: var(--font-heading--spacing);
471    --font-paragraph--spacing: 0.5em;
472
473    /** Z-Index / Layering */
474    --layer-section-background: -2;
475    --layer-lowest: -1;
476    --layer-base: 0;
477    --layer-flat: 1;
478    --layer-raised: 2;
479    --layer-heightened: 4;
480    --layer-sticky: 8;
481    --layer-window-overlay: 10;
482    --layer-header-menu: 12;
483    --layer-overlay: 16;
484    --layer-menu-drawer: 18;
485    --layer-temporary: 20;
486
487    /* Max-width / Measure */
488    --max-width--body-normal: 32.5em;
489    --max-width--body-narrow: 22.75em;
490
491    --max-width--heading-normal: 32.5em;
492    --max-width--heading-narrow: 19.5em;
493
494    --max-width--display-normal: 13em;
495    --max-width--display-narrow: 9.75em;
496    --max-width--display-tight: 3.25em;
497
498    /* Letter-spacing / Tracking */
499    --letter-spacing--display-tight: -0.03em;
500    --letter-spacing--display-normal: 0em;
501    --letter-spacing--display-loose: 0.03em;
502
503    --letter-spacing--heading-tight: -0.03em;
504    --letter-spacing--heading-normal: 0em;
505    --letter-spacing--heading-loose: 0.03em;
506
507    --letter-spacing--body-tight: -0.03em;
508    --letter-spacing--body-normal: 0em;
509    --letter-spacing--body-loose: 0.03em;
510
511    /* Line height / Leading */
512    --line-height: 1;
513
514    --line-height--display-tight: 1;
515    --line-height--display-normal: 1.1;
516    --line-height--display-loose: 1.2;
517
518    --line-height--heading-tight: 1.15;
519    --line-height--heading-normal: 1.25;
520    --line-height--heading-loose: 1.35;
521
522    --line-height--body-tight: 1.2;
523    --line-height--body-normal: 1.4;
524    --line-height--body-loose: 1.6;
525
526    /* Typography presets */
527    --font-size--paragraph: 0.875rem;--font-size--h1: 2.0rem;--font-size--h2: 1.125rem;--font-size--h3: 1.0rem;--font-size--h4: 1.0rem;--font-size--h5: 1.0rem;--font-size--h6: 1.0rem;--font-paragraph--weight: 400;--font-paragraph--letter-spacing: var(--letter-spacing--body-normal);--font-paragraph--size: var(--font-size--paragraph);--font-paragraph--family: var(--font-body--family);--font-paragraph--style: var(--font-body--style);--font-paragraph--case: ;--font-paragraph--line-height: var(--line-height--body-normal);--font-h1--weight: var(--font-heading--weight);--font-h1--letter-spacing: var(--letter-spacing--heading-normal);--font-h1--size: var(--font-size--h1);--font-h1--family: var(--font-heading--family);--font-h1--style: var(--font-heading--style);--font-h1--case: none;--font-h1--line-height: var(--line-height--display-normal);--font-h2--weight: var(--font-heading--weight);--font-h2--letter-spacing: var(--letter-spacing--heading-normal);--font-h2--size: var(--font-size--h2);--font-h2--family: var(--font-heading--family);--font-h2--style: var(--font-heading--style);--font-h2--case: none;--font-h2--line-height: var(--line-height--display-normal);--font-h3--weight: var(--font-heading--weight);--font-h3--letter-spacing: var(--letter-spacing--heading-normal);--font-h3--size: var(--font-size--h3);--font-h3--family: var(--font-heading--family);--font-h3--style: var(--font-heading--style);--font-h3--case: none;--font-h3--line-height: var(--line-height--display-normal);--font-h4--weight: var(--font-heading--weight);--font-h4--letter-spacing: var(--letter-spacing--heading-normal);--font-h4--size: var(--font-size--h4);--font-h4--family: var(--font-heading--family);--font-h4--style: var(--font-heading--style);--font-h4--case: none;--font-h4--line-height: var(--line-height--display-normal);--font-h5--weight: var(--font-subheading--weight);--font-h5--letter-spacing: var(--letter-spacing--heading-normal);--font-h5--size: var(--font-size--h5);--font-h5--family: var(--font-subheading--family);--font-h5--style: var(--font-subheading--style);--font-h5--case: none;--font-h5--line-height: var(--line-height--display-normal);--font-h6--weight: var(--font-subheading--weight);--font-h6--letter-spacing: var(--letter-spacing--heading-normal);--font-h6--size: var(--font-size--h6);--font-h6--family: var(--font-subheading--family);--font-h6--style: var(--font-subheading--style);--font-h6--case: none;--font-h6--line-height: var(--line-height--display-normal);
528
529    /* Hardcoded font sizes */
530    --font-size--3xs: 0.625rem;
531    --font-size--2xs: 0.75rem;
532    --font-size--xs: 0.8125rem;
533    --font-size--sm: 0.875rem;
534    --font-size--md: 1rem;
535    --font-size--lg: 1.125rem;
536    --font-size--xl: 1.25rem;
537    --font-size--2xl: 1.5rem;
538    --font-size--3xl: 2rem;
539    --font-size--4xl: 2.5rem;
540    --font-size--5xl: 3rem;
541    --font-size--6xl: 3.5rem;
542
543    /* Menu font sizes */
544    --menu-font-sm--size: 0.875rem;
545    --menu-font-sm--line-height: calc(1.1 + 0.5 * min(16 / 14));
546    --menu-font-md--size: 1rem;
547    --menu-font-md--line-height: calc(1.1 + 0.5 * min(16 / 16));
548    --menu-font-lg--size: 1.125rem;
549    --menu-font-lg--line-height: calc(1.1 + 0.5 * min(16 / 18));
550    --menu-font-xl--size: 1.25rem;
551    --menu-font-xl--line-height: calc(1.1 + 0.5 * min(16 / 20));
552    --menu-font-2xl--size: 1.75rem;
553    --menu-font-2xl--line-height: calc(1.1 + 0.5 * min(16 / 28));
554
555    /* Colors */
556    --color-error: #8B0000;
557    --color-success: #006400;
558    --color-white: #FFFFFF;
559    --color-white-rgb: 255 255 255;
560    --color-black: #000000;
561    --color-instock: #3ED660;
562    --color-lowstock: #EE9441;
563    --color-outofstock: #C8C8C8;
564
565    /* Opacity */
566    --opacity-5: 0.05;
567    --opacity-8: 0.08;
568    --opacity-10: 0.1;
569    --opacity-15: 0.15;
570    --opacity-20: 0.2;
571    --opacity-25: 0.25;
572    --opacity-30: 0.3;
573    --opacity-40: 0.4;
574    --opacity-50: 0.5;
575    --opacity-60: 0.6;
576    --opacity-70: 0.7;
577    --opacity-80: 0.8;
578    --opacity-85: 0.85;
579    --opacity-90: 0.9;
580    --opacity-subdued-text: 0.8;
581    --opacity-muted-text: 0.6;
582
583    --shadow-button: 0 2px 3px rgb(0 0 0 / 20%);
584    --gradient-image-overlay: linear-gradient(to top, rgb(0 0 0 / 0.5), transparent);
585
586    /* Spacing */
587    --margin-3xs: 0.125rem;
588    --margin-2xs: 0.3rem;
589    --margin-xs: 0.5rem;
590    --margin-sm: 0.7rem;
591    --margin-md: 0.8rem;
592    --margin-lg: 1rem;
593    --margin-xl: 1.25rem;
594    --margin-2xl: 1.5rem;
595    --margin-3xl: 1.75rem;
596    --margin-4xl: 2rem;
597    --margin-5xl: 3rem;
598    --margin-6xl: 5rem;
599
600    --scroll-margin: 50px;
601
602    --padding-3xs: 0.125rem;
603    --padding-2xs: 0.25rem;
604    --padding-xs: 0.5rem;
605    --padding-sm: 0.7rem;
606    --padding-md: 0.8rem;
607    --padding-lg: 1rem;
608    --padding-xl: 1.25rem;
609    --padding-2xl: 1.5rem;
610    --padding-3xl: 1.75rem;
611    --padding-4xl: 2rem;
612    --padding-5xl: 3rem;
613    --padding-6xl: 4rem;
614
615    --gap-3xs: 0.125rem;
616    --gap-2xs: 0.3rem;
617    --gap-xs: 0.5rem;
618    --gap-sm: 0.7rem;
619    --gap-md: 0.9rem;
620    --gap-lg: 1rem;
621    --gap-xl: 1.25rem;
622    --gap-2xl: 2rem;
623    --gap-3xl: 3rem;
624
625    --spacing-scale-sm: 0.6;
626    --spacing-scale-md: 0.7;
627    --spacing-scale-default: 1.0;
628
629    /* Checkout buttons gap */
630    --checkout-button-gap: 10px;
631
632    /* Borders */
633    --style-border-width: 1px;
634    --style-border-radius-xs: 0.2rem;
635    --style-border-radius-sm: 0.6rem;
636    --style-border-radius-md: 0.8rem;
637    --style-border-radius-50: 50%;
638    --style-border-radius-lg: 1rem;
639    --style-border-radius-pills: 40px;
640    --style-border-radius-inputs: 4px;
641    --style-border-radius-buttons-primary: 14px;
642    --style-border-radius-buttons-secondary: 14px;
643    --style-border-width-primary: 0px;
644    --style-border-width-secondary: 1px;
645    --style-border-width-inputs: 1px;
646    --style-border-radius-popover: 14px;
647    --style-border-popover: 1px solid #DFDFDF;
648    --style-border-drawer: 1px solid #DFDFDF;
649    --style-border-swatch-opacity: 10%;
650    --style-border-swatch-width: 1px;
651    --style-border-swatch-style: solid;
652
653    /* Animation */
654    --ease-out-cubic: cubic-bezier(0.33, 1, 0.68, 1);
655    --ease-out-quad: cubic-bezier(0.32, 0.72, 0, 1);
656    --ease-in-out-quad: cubic-bezier(0.455, 0.03, 0.515, 0.955);
657    --animation-speed-fast: 0.0625s;
658    --animation-speed: 0.125s;
659    --animation-speed-slow: 0.2s;
660    --animation-speed-medium: 0.15s;
661    --animation-easing: ease-in-out;
662    --animation-slideshow-easing: cubic-bezier(0.4, 0, 0.2, 1);
663    --drawer-animation-speed: 0.2s;
664    --animation-values-slow: var(--animation-speed-slow) var(--animation-easing);
665    --animation-values: var(--animation-speed) var(--animation-easing);
666    --animation-values-fast: var(--animation-speed-fast) var(--animation-easing);
667    --animation-values-allow-discrete: var(--animation-speed) var(--animation-easing) allow-discrete;
668    --animation-timing-hover: cubic-bezier(0.25, 0.46, 0.45, 0.94);
669    --animation-timing-active: cubic-bezier(0.5, 0, 0.75, 0);
670    --animation-timing-bounce: cubic-bezier(0.34, 1.56, 0.64, 1);
671    --animation-timing-default: cubic-bezier(0, 0, 0.2, 1);
672    --animation-timing-fade-in: cubic-bezier(0.16, 1, 0.3, 1);
673    --animation-timing-fade-out: cubic-bezier(0.4, 0, 0.2, 1);
674    /* Spring definitions suffixed with perceptual duration (d<ms>) and bounce (b<%>)*/
675    --spring-d300-b0-easing: linear(0, 0.0033 0.81%, 0.027 2.42%, 0.0916 4.84%, 0.4745 15.32%, 0.6422 20.97%, 0.7175, 0.7789, 0.8283 30.64%, 0.876, 0.9111 38.71%, 0.941, 0.9611 48.39%, 0.9707, 0.978 54.84%, 0.9885 62.1%, 0.9949 70.97%, 0.9982 82.26%, 0.9997 100%);
676    --spring-d300-b0-duration: 0.4980s;
677    --spring-d280-b0-easing: linear(0, 0.0044, 0.0164 1.85%, 0.085 4.63%, 0.4571 14.81%, 0.575 18.52%, 0.6505, 0.7148 24.07%, 0.7849, 0.8393, 0.8809 35.18%, 0.9189, 0.9453 44.44%, 0.9662, 0.9793 55.55%, 0.9894 62.95%, 0.995 71.28%, 0.9982 82.39%, 0.9997 99.98%);
678    --spring-d280-b0-duration: 0.4648s;
679    --spring-d260-b0-easing: linear(0, 0.0058, 0.0216 2.15%, 0.0748 4.29%, 0.4646 15.03%, 0.5673, 0.655, 0.7279, 0.7872, 0.8349, 0.8727 34.36%, 0.9107, 0.9379 42.95%, 0.9609 48.31%, 0.9778 54.76%, 0.9887 62.27%, 0.9948 70.86%, 0.9983 82.67%, 0.9997 99.85%);
680    --spring-d260-b0-duration: 0.4316s;
681    --spring-d220-b0-easing: linear(
682      0,
683      0.0093 1.37%,
684      0.0696 4.12%,
685      0.4667 15.09%,
686      0.6322 20.58%,
687      0.6986 23.32%,
688      0.7793 27.44%,
689      0.8219 30.18%,
690      0.8721,
691      0.9089 38.42%,
692      0.9427,
693      0.9644,
694      0.978 54.88%,
695      0.9881 61.74%,
696      0.9944 69.97%,
697      0.998 80.95%,
698      0.9996 98.78%
699    );
700    --spring-d220-b0-duration: 0.3818s;
701    --spring-d180-b0-easing: linear(0, 0.0234, 0.0805 4.48%, 0.4865 15.68%, 0.6211 20.16%, 0.7696 26.88%, 0.8064 29.12%, 0.8646, 0.9063, 0.9358, 0.9563 47.04%, 0.9757, 0.9867 60.48%, 0.9941 69.44%, 0.9979 80.64%, 0.9996 98.56%);
702    --spring-d180-b0-duration: 0.2988s;
703
704    /* View transitions */
705    /* View transition old */
706    --view-transition-old-main-content: var(--animation-speed) var(--animation-easing) both fadeOut;
707
708    /* View transition new */
709    --view-transition-new-main-content: var(--animation-speed) var(--animation-easing) both fadeIn, var(--animation-speed) var(--animation-easing) both slideInTopViewTransition;
710
711    /* Focus */
712    --focus-outline-width: 0.09375rem;
713    --focus-outline-offset: 0.2em;
714
715    /* Badges */
716    --badge-blob-padding-block: 1px;
717    --badge-blob-padding-inline: 12px 8px;
718    --badge-rectangle-padding-block: 1px;
719    --badge-rectangle-padding-inline: 6px;
720    @media screen and (min-width: 750px) {
721      --badge-blob-padding-block: 4px;
722      --badge-blob-padding-inline: 16px 12px;
723      --badge-rectangle-padding-block: 4px;
724      --badge-rectangle-padding-inline: 10px;
725    }
726
727    /* Icons */
728    --icon-size-2xs: 0.6rem;
729    --icon-size-xs: 0.85rem;
730    --icon-size-sm: 1.25rem;
731    --icon-size-md: 1.375rem;
732    --icon-size-lg: 1.5rem;
733    --icon-stroke-width: 1.5px;
734
735    /* Input */
736    --input-email-min-width: 200px;
737    --input-search-max-width: 650px;
738    --input-padding-y: 0.8rem;
739    --input-padding-x: 0.8rem;
740    --input-padding: var(--input-padding-y) var(--input-padding-x);
741    --input-box-shadow-width: var(--style-border-width-inputs);
742    --input-box-shadow: 0 0 0 var(--input-box-shadow-width) var(--color-input-border);
743    --input-box-shadow-focus: 0 0 0 calc(var(--input-box-shadow-width) + 0.5px) var(--color-input-border);
744    --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
745    --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5));
746    --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
747    --input-textarea-min-height: 55px;
748
749    /* Checkbox */
750    --checkbox-size: 22px;
751    --checkbox-border-radius: 7px;
752    --checkbox-border: 1px solid rgb(var(--color-foreground-rgb) / var(--opacity-35-55));
753    --checkbox-label-padding: 8px;
754
755    @media screen and (min-width: 750px) {
756      --checkbox-size: 16px;
757      --checkbox-border-radius: 5px;
758      --checkbox-label-padding: 6px;
759    }
760
761    /* Button size */
762    --button-size-sm: 30px;
763    --button-size-md: 36px;
764    --button-size: var(--minimum-touch-target);
765    --button-padding-inline: 24px;
766    --button-padding-block: 16px;
767
768    /* Button font-family */
769    --button-font-family-primary: var(--font-body--family);
770    --button-font-family-secondary: var(--font-body--family);
771
772    /* Button text case */
773    --button-text-case: ;
774    --button-text-case-primary: default;
775    --button-text-case-secondary: default;
776
777    /* Borders */
778    --border-color: rgb(var(--color-border-rgb) / var(--opacity-50));
779    --border-width-sm: 1px;
780    --border-width-md: 2px;
781    --border-width-lg: 5px;
782    --border-radius-sm: 0.25rem;
783
784    /* Drawers */
785    --drawer-inline-padding: 25px;
786    --drawer-menu-inline-padding: 2.5rem;
787    --drawer-header-block-padding: 20px;
788    --drawer-content-block-padding: 10px;
789    --drawer-header-desktop-top: 0rem;
790    --drawer-padding: calc(var(--padding-sm) + 7px);
791    --drawer-height: 100dvh;
792    --drawer-width: 95vw;
793    --drawer-max-width: 500px;
794
795    /* Variant Picker Swatches */
796    --variant-picker-swatch-width-unitless: 34;
797    --variant-picker-swatch-height-unitless: 34;
798    --variant-picker-swatch-width: 34px;
799    --variant-picker-swatch-height: 34px;
800    --variant-picker-swatch-radius: 32px;
801    --variant-picker-border-width: 1px;
802    --variant-picker-border-style: solid;
803    --variant-picker-border-opacity: 10%;
804
805    /* Variant Picker Buttons */
806    --variant-picker-button-radius: 50px;
807    --variant-picker-button-border-width: 1px;
808    --variant-option-label-color: var(--color, var(--color-foreground));
809
810    /* Slideshow */
811    --slideshow-controls-size: 3.5rem;
812    --slideshow-controls-icon: 2rem;
813    --peek-next-slide-size: 3rem;
814
815    /* Utilities */
816    --backdrop-opacity: 0.15;
817    --backdrop-color-rgb: var(--color-shadow-rgb);
818    --minimum-touch-target: 44px;
819    --disabled-opacity: 0.5;
820    --skeleton-opacity: 0.025;
821
822    /* Shapes */
823    --shape--circle: circle(50% at center);
824    --shape--sunburst: polygon(100% 50%,94.62% 55.87%,98.3% 62.94%,91.57% 67.22%,93.3% 75%,85.7% 77.39%,85.36% 85.36%,77.39% 85.7%,75% 93.3%,67.22% 91.57%,62.94% 98.3%,55.87% 94.62%,50% 100%,44.13% 94.62%,37.06% 98.3%,32.78% 91.57%,25% 93.3%,22.61% 85.7%,14.64% 85.36%,14.3% 77.39%,6.7% 75%,8.43% 67.22%,1.7% 62.94%,5.38% 55.87%,0% 50%,5.38% 44.13%,1.7% 37.06%,8.43% 32.78%,6.7% 25%,14.3% 22.61%,14.64% 14.64%,22.61% 14.3%,25% 6.7%,32.78% 8.43%,37.06% 1.7%,44.13% 5.38%,50% 0%,55.87% 5.38%,62.94% 1.7%,67.22% 8.43%,75% 6.7%,77.39% 14.3%,85.36% 14.64%,85.7% 22.61%,93.3% 25%,91.57% 32.78%,98.3% 37.06%,94.62% 44.13%);
825    --shape--diamond: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);
826    --shape--blob: polygon(85.349% 11.712%, 87.382% 13.587%, 89.228% 15.647%, 90.886% 17.862%, 92.359% 20.204%, 93.657% 22.647%, 94.795% 25.169%, 95.786% 27.752%, 96.645% 30.382%, 97.387% 33.048%, 98.025% 35.740%, 98.564% 38.454%, 99.007% 41.186%, 99.358% 43.931%, 99.622% 46.685%, 99.808% 49.446%, 99.926% 52.210%, 99.986% 54.977%, 99.999% 57.744%, 99.975% 60.511%, 99.923% 63.278%, 99.821% 66.043%, 99.671% 68.806%, 99.453% 71.565%, 99.145% 74.314%, 98.724% 77.049%, 98.164% 79.759%, 97.433% 82.427%, 96.495% 85.030%, 95.311% 87.529%, 93.841% 89.872%, 92.062% 91.988%, 89.972% 93.796%, 87.635% 95.273%, 85.135% 96.456%, 82.532% 97.393%, 79.864% 98.127%, 77.156% 98.695%, 74.424% 99.129%, 71.676% 99.452%, 68.918% 99.685%, 66.156% 99.844%, 63.390% 99.942%, 60.624% 99.990%, 57.856% 99.999%, 55.089% 99.978%, 52.323% 99.929%, 49.557% 99.847%, 46.792% 99.723%, 44.031% 99.549%, 41.273% 99.317%, 38.522% 99.017%, 35.781% 98.639%, 33.054% 98.170%, 30.347% 97.599%, 27.667% 96.911%, 25.024% 96.091%, 22.432% 95.123%, 19.907% 93.994%, 17.466% 92.690%, 15.126% 91.216%, 12.902% 89.569%, 10.808% 87.761%, 8.854% 85.803%, 7.053% 83.703%, 5.418% 81.471%, 3.962% 79.119%, 2.702% 76.656%, 1.656% 74.095%, 0.846% 71.450%, 0.294% 68.740%, 0.024% 65.987%, 0.050% 63.221%, 0.343% 60.471%, 0.858% 57.752%, 1.548% 55.073%, 2.370% 52.431%, 3.283% 49.819%, 4.253% 47.227%, 5.249% 44.646%, 6.244% 42.063%, 7.211% 39.471%, 8.124% 36.858%, 8.958% 34.220%, 9.711% 31.558%, 10.409% 28.880%, 11.083% 26.196%, 11.760% 23.513%, 12.474% 20.839%, 13.259% 18.186%, 14.156% 15.569%, 15.214% 13.012%, 16.485% 10.556%, 18.028% 8.261%, 19.883
826% 6.211%, 22.041% 4.484%, 24.440% 3.110%, 26.998% 2.057%, 29.651% 1.275%, 32.360% 0.714%, 35.101% 0.337%, 37.859% 0.110%, 40.624% 0.009%, 43.391% 0.016%, 46.156% 0.113%, 48.918% 0.289%, 51.674% 0.533%, 54.425% 0.837%, 57.166% 1.215%, 59.898% 1.654%, 62.618% 2.163%, 65.322% 2.750%, 68.006% 3.424%, 70.662% 4.197%, 73.284% 5.081%, 75.860% 6.091%, 78.376% 7.242%, 80.813% 8.551%, 83.148% 10.036%, 85.349% 11.712%);
827
828    /* Buy buttons */
829    --height-buy-buttons: calc(var(--padding-lg) * 2 + var(--icon-size-sm));
830
831    /* Card image width and height variables */
832    --card-width-small: 10rem;
833
834    --height-small: 10rem;
835    --height-medium: 11.5rem;
836    --height-large: 13rem;
837    --height-full: 100vh;
838
839    @media screen and (min-width: 750px) {
840      --height-small: 17.5rem;
841      --height-medium: 21.25rem;
842      --height-large: 25rem;
843    }
844
845    /* Modal */
846    --modal-max-height: 65dvh;
847    --quick-add-modal-height: min(38.5rem, 96vh);
848    --quick-add-modal-width: min(54rem, 96vw);
849    --quick-add-modal-gallery-width: 24rem;
850
851    /* Card styles for search */
852    --card-bg-hover: rgb(var(--color-foreground-rgb) / var(--opacity-5));
853    --card-border-hover: rgb(var(--color-foreground-rgb) / var(--opacity-30));
854    --card-border-focus: rgb(var(--color-foreground-rgb) / var(--opacity-10));
855
856    /* Cart */
857    --cart-primary-font-family: var(--font-body--family);
858    --cart-primary-font-style: var(--font-body--style);
859    --cart-primary-font-weight: var(--font-body--weight);
860    --cart-secondary-font-family: var(--font-secondary--family);
861    --cart-secondary-font-style: var(--font-secondary--style);
862    --cart-secondary-font-weight: var(--font-secondary--weight);
863  }
864</style>
865
866
867
868
869
870
871  <style data-shopify>
872    .color-custom-popover,
873    .color-custom-popover .text-block {
874      /* Background */
875      --color-background: #ffffff;
876      --color-background-rgb: 255 255 255;
877
878      /* Opacity values adjusted for background brightness */
879      
880--opacity-5-15: 0.05; --opacity-10-25: 0.1; --opacity-35-55: 0.35; --opacity-40-60:
8810.4; --opacity-30-60: 0.3; --opacity-60: 0.6;
882
883
884      
885        /* Foreground / text — explicit or smart-contrasted */
886        --color: #000000;
887        --color-rgb: 0 0 0;
888        --color-foreground: #000000;
889        --color-foreground-rgb: 0 0 0;
890        --color-foreground-muted: rgb(0 0 0 / var(--opacity-muted-text));
891        --color-foreground-subdued: rgb(0 0 0 / var(--opacity-subdued-text));
892        --color-border: #DFDFDF;
893        --color-border-rgb: 223 223 223;
894      
895    }
896
897    
898      .color-custom-popover {
899        /* Form-related tokens stay on .color-custom only — .text-block is a prose
900           container (text/announcement/inline-text/blog-post-description/
901           collection-link/price/sku) and never holds form inputs. */
902        --input-disabled-background-color: rgb(0 0 0 / var(--opacity-10));
903        --input-disabled-border-color: rgb(0 0 0 / var(--opacity-5));
904        --input-disabled-text-color: rgb(0 0 0 / var(--opacity-50));
905        --checkbox-border: 1px solid rgb(0 0 0 / var(--opacity-35-55));
906      }
907    
908
909    .color-custom-popover {
910      color: var(--color, var(--color-foreground));
911      background-color: var(--color-background);
912    }
913  </style>
914
915
916
917
918
919
920
921
922  <style data-shopify>
923    .color-custom-drawer,
924    .color-custom-drawer .text-block {
925      /* Background */
926      --color-background: #ffffff;
927      --color-background-rgb: 255 255 255;
928
929      /* Opacity values adjusted for background brightness */
930      
931--opacity-5-15: 0.05; --opacity-10-25: 0.1; --opacity-35-55: 0.35; --opacity-40-60:
9320.4; --opacity-30-60: 0.3; --opacity-60: 0.6;
933
934
935      
936        /* Foreground / text — explicit or smart-contrasted */
937        --color: #000000;
938        --color-rgb: 0 0 0;
939        --color-foreground: #000000;
940        --color-foreground-rgb: 0 0 0;
941        --color-foreground-muted: rgb(0 0 0 / var(--opacity-muted-text));
942        --color-foreground-subdued: rgb(0 0 0 / var(--opacity-subdued-text));
943        --color-border: #DFDFDF;
944        --color-border-rgb: 223 223 223;
945      
946    }
947
948    
949      .color-custom-drawer {
950        /* Form-related tokens stay on .color-custom only — .text-block is a prose
951           container (text/announcement/inline-text/blog-post-description/
952           collection-link/price/sku) and never holds form inputs. */
953        --input-disabled-background-color: rgb(0 0 0 / var(--opacity-10));
954        --input-disabled-border-color: rgb(0 0 0 / var(--opacity-5));
955        --input-disabled-text-color: rgb(0 0 0 / var(--opacity-50));
956        --checkbox-border: 1px solid rgb(0 0 0 / var(--opacity-35-55));
957      }
958    
959
960    .color-custom-drawer {
961      color: var(--color, var(--color-foreground));
962      background-color: var(--color-background);
963    }
964  </style>
965
966
967
968
969
970
971
972
973  <style data-shopify>
974    .color-custom-badge-sale,
975    .color-custom-badge-sale .text-block {
976      /* Background */
977      --color-background: #D80000;
978      --color-background-rgb: 216 0 0;
979
980      /* Opacity values adjusted for background brightness */
981      
982--opacity-5-15: 0.05; --opacity-10-25: 0.1; --opacity-35-55: 0.35; --opacity-40-60:
9830.4; --opacity-30-60: 0.3; --opacity-60: 0.6;
984
985
986      
987        /* Foreground / text — explicit or smart-contrasted */
988        --color: #ffffff;
989        --color-rgb: 255 255 255;
990        --color-foreground: #ffffff;
991        --color-foreground-rgb: 255 255 255;
992        --color-foreground-muted: rgb(255 255 255 / var(--opacity-muted-text));
993        --color-foreground-subdued: rgb(255 255 255 / var(--opacity-subdued-text));
994        --color-border: #ffffff;
995        --color-border-rgb: 255 255 255;
996      
997    }
998
999    
1000      .color-custom-badge-sale {
1001        /* Form-related tokens stay on .color-custom only — .text-block is a prose
1002           container (text/announcement/inline-text/blog-post-description/
1003           collection-link/price/sku) and never holds form inputs. */
1004        --input-disabled-background-color: rgb(255 255 255 / var(--opacity-10));
1005        --input-disabled-border-color: rgb(255 255 255 / var(--opacity-5));
1006        --input-disabled-text-color: rgb(255 255 255 / var(--opacity-50));
1007        --checkbox-border: 1px solid rgb(255 255 255 / var(--opacity-35-55));
1008      }
1009    
1010
1011    .color-custom-badge-sale {
1012      color: var(--color, var(--color-foreground));
1013      background-color: var(--color-background);
1014    }
1015  </style>
1016
1017
1018
1019
1020
1021
1022
1023
1024  <style data-shopify>
1025    .color-custom-badge-sold-out,
1026    .color-custom-badge-sold-out .text-block {
1027      /* Background */
1028      --color-background: #000000;
1029      --color-background-rgb: 0 0 0;
1030
1031      /* Opacity values adjusted for background brightness */
1032      
1033--opacity-5-15: 0.15; --opacity-10-25: 0.25; --opacity-35-55: 0.55; --opacity-40-60:
10340.6; --opacity-30-60: 0.6; --opacity-60: 0.6;
1035
1036
1037      
1038        /* Foreground / text — explicit or smart-contrasted */
1039        --color: #ffffff;
1040        --color-rgb: 255 255 255;
1041        --color-foreground: #ffffff;
1042        --color-foreground-rgb: 255 255 255;
1043        --color-foreground-muted: rgb(255 255 255 / var(--opacity-muted-text));
1044        --color-foreground-subdued: rgb(255 255 255 / var(--opacity-subdued-text));
1045        --color-border: #ffffff;
1046        --color-border-rgb: 255 255 255;
1047      
1048    }
1049
1050    
1051      .color-custom-badge-sold-out {
1052        /* Form-related tokens stay on .color-custom only — .text-block is a prose
1053           container (text/announcement/inline-text/blog-post-description/
1054           collection-link/price/sku) and never holds form inputs. */
1055        --input-disabled-background-color: rgb(255 255 255 / var(--opacity-10));
1056        --input-disabled-border-color: rgb(255 255 255 / var(--opacity-5));
1057        --input-disabled-text-color: rgb(255 255 255 / var(--opacity-50));
1058        --checkbox-border: 1px solid rgb(255 255 255 / var(--opacity-35-55));
1059      }
1060    
1061
1062    .color-custom-badge-sold-out {
1063      color: var(--color, var(--color-foreground));
1064      background-color: var(--color-background);
1065    }
1066  </style>
1067
1068
1069
1070
1071
1072
1073
1074
1075
1076
1077
1078
1079
1080
1081
1082
1083
1084
1085<style data-shopify>
1086  /* Palette colors */
1087  :root {
1088    --color-background: #ffffff;
1089    --color-background-rgb: 255 255 255;
1090    --color-foreground: #000000;
1091    --color-foreground-rgb: 0 0 0;
1092    --color-border: #000000;
1093    --color-border-rgb: 0 0 0;
1094    --palette-lightest: #ffffff;
1095    --palette-lightest-rgb: 255 255 255;
1096    --palette-darkest: #000000;
1097    --palette-darkest-rgb: 0 0 0;
1098    
1099--opacity-5-15: 0.05; --opacity-10-25: 0.1; --opacity-35-55: 0.35; --opacity-40-60:
11000.4; --opacity-30-60: 0.3; --opacity-60: 0.6;
1101
1102
1103    --color-primary-button-text: rgb(255 255 255 / 1.0);
1104    --color-primary-button-background: rgb(0 0 0 / 1.0);
1105    --color-primary-button-border: rgb(0 0 0 / 1.0);
1106    --color-primary-button-focus-outline: rgb(0 0 0);
1107    --color-primary-button-hover-text: rgb(255 255 255 / 1.0);
1108    --color-primary-button-hover-background: #262626;
1109    --color-primary-button-hover-border: #262626;
1110
1111    --color-secondary-button-text: rgb(0 0 0 / 1.0);
1112    --color-secondary-button-background: rgb(0 0 0 / 0.0);
1113    --color-secondary-button-border: rgb(0 0 0 / 1.0);
1114    --color-secondary-button-hover-text: rgb(0 0 0 / 1.0);
1115    --color-secondary-button-hover-background: rgba(0, 0, 0, 0.15);
1116    --color-secondary-button-hover-border: #262626;
1117
1118    --color-input-background: rgb(255 255 255 / 1.0);
1119    --color-input-text: rgb(51 51 51 / 1.0);
1120    --color-input-text-rgb: 51 51 51;
1121    --color-input-border: rgb(223 223 223 / 1.0);
1122
1123    --color-variant-background: rgb(255 255 255 / 1.0);
1124    --color-variant-border: rgb(223 223 223 / 1.0);
1125    --color-variant-text: rgb(0 0 0 / 1.0);
1126    --color-variant-text-rgb: 0 0 0;
1127    --color-variant-hover-background: #f2f2f2;
1128    --color-variant-hover-text: rgb(0 0 0 / 1.0);
1129    --color-variant-hover-border: #d2d2d2;
1130
1131    --color-selected-variant-background: rgb(0 0 0 / 1.0);
1132    --color-selected-variant-border: rgb(0 0 0 / 1.0);
1133    --color-selected-variant-text: rgb(255 255 255 / 1.0);
1134    --color-selected-variant-hover-background: #262626;
1135    --color-selected-variant-hover-text: rgb(255 255 255 / 1.0);
1136    --color-selected-variant-hover-border: #262626;
1137
1138    --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
1139    --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15));
1140    --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
1141    --color-foreground-muted: rgb(var(--color-rgb, var(--color-foreground-rgb)) / var(--opacity-muted-text));
1142    --color-foreground-subdued: rgb(var(--color-rgb, var(--color-foreground-rgb)) / var(--opacity-subdued-text));
1143    --color-drawer-shadow-rgb: ;
1144    --color-popover-shadow-rgb: 0 0 0;
1145
1146    /* Shadows */
1147    
1148    
1149      --shadow-blur: 20px;
1150      --shadow-popover: 0px 4px 20px rgb(var(--color-popover-shadow-rgb) / var(--opacity-15));
1151    
1152  }
1153
1154  body {
1155    color: var(--color-foreground);
1156    background-color: var(--color-background);
1157  }
1158</style>
1159
1160
1161    
1161<script>window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.start');</script>
1161<meta name="google-site-verification" content="TJdXHnFmFhiPozWt2KycsFb814NEJcNQAQWGioGbMQQ">
1162<meta name="facebook-domain-verification" content="ofji2fy9rqm9xrcpv0s66225sq0wlk">
1163<meta id="shopify-digital-wallet" name="shopify-digital-wallet" content="/50975506593/digital_wallets/dialog">
1164<link rel="ucp" href="/.well-known/ucp" version="2026-08-25">
1164<script async="async" src="/checkouts/internal/preloads.js?locale=en-PK"></script>
vendor: 1 bytes, line 1164
1164
1165<script id="shopify-features" type="application/json">{"accessToken":"1fdeb9aa504971401887529fca6994c8","betas":["rich-media-storefront-analytics"],"domain":"cozmetica.pk","predictiveSearch":true,"shopId":50975506593,"locale":"en"}</script>
vendor: 1 bytes, line 1165
1165
1166<script>var Shopify = Shopify || {};
1167Shopify.shop = "cozmeticaa.myshopify.com";
1168Shopify.locale = "en";
1169Shopify.currency = {"active":"PKR","rate":"1.0"};
1170Shopify.country = "PK";
1171Shopify.theme = {"name":"Free Shipping Baadge","id":152094179489,"schema_name":"Horizon","schema_version":"4.1.1","theme_store_id":null,"role":"main"};
1172Shopify.theme.handle = "null";
1173Shopify.theme.style = {"id":null,"handle":null};
1174Shopify.cdnHost = "cozmetica.pk/cdn";
1175Shopify.routes = Shopify.routes || {};
1176Shopify.routes.root = "/";
1177Shopify.shopJsCdnBaseUrl = "https://cdn.shopify.com/shopifycloud/shop-js";
1178Shopify.SignInWithShop = Shopify.SignInWithShop || {};
1179Shopify.SignInWithShop.User = Shopify.SignInWithShop.User || {};
1180Shopify.SignInWithShop.User.recognized = false;</script>
vendor: 1 bytes, line 1180
1180
1181<script type="module">!function(o){(o.Shopify=o.Shopify||{}).modules=!0}(window);</script>
vendor: 1 bytes, line 1181
1181
1182<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 1182
1182
1183<script>
1184  window.Shopify = window.Shopify || {};
1185  window.Shopify.SignInWithShop = window.Shopify.SignInWithShop || {};
1186  window.Shopify.SignInWithShop.assetMetrics = { sampleRate: 0.25 };
1187  window.Shopify.SignInWithShop.eligible = true;
1188</script>
vendor: 1 bytes, line 1188
1188
1189<script id="shop-js-analytics" type="application/json">{"pageType":"page"}</script>
vendor: 1 bytes, line 1189
1189
1190<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 1190
1190
1191<script type="module">
1192  await import("https://cdn.shopify.com/shopifycloud/shop-js/modules/v2/loader.init-shop-cart-sync.en.esm.js");
1193
1194  window.Shopify.SignInWithShop?.initShopCartSync?.({"fedCMEnabled":true,"windoidEnabled":true});
1195
1196</script>
vendor: 1 bytes, line 1196
1196
1197<script>
1198  window.Shopify = window.Shopify || {};
1199  if (!window.Shopify.featureAssets) window.Shopify.featureAssets = {};
1200  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"]};
1201</script>
vendor: 1 bytes, line 1201
1201
1202<script>(function() {
1203  var isLoaded = false;
1204  function asyncLoad() {
1205    if (isLoaded) return;
1206    isLoaded = true;
1207    var urls = ["https:\/\/formbuilder.hulkapps.com\/skeletopapp.js?shop=cozmeticaa.myshopify.com","https:\/\/d2fk970j0emtue.cloudfront.net\/shop\/js\/free-gift-cart-upsell-pro.min.js?shop=cozmeticaa.myshopify.com"];
1208    for (var i = 0; i < urls.length; i++) {
1209      var s = document.createElement('script');
1210      s.type = 'text/javascript';
1211      s.async = true;
1212      s.src = urls[i];
1213      var x = document.getElementsByTagName('script')[0];
1214      x.parentNode.insertBefore(s, x);
1215    }
1216  };
1217  if(window.attachEvent) {
1218    window.attachEvent('onload', asyncLoad);
1219  } else {
1220    window.addEventListener('load', asyncLoad, false);
1221  }
1222})();</script>
vendor: 1 bytes, line 1222
1222
1223<script id="__st">var __st={"a":50975506593,"offset":18000,"reqid":"c9e418d1-ae52-47b0-93c1-a7a879e174c3-1791059343","pageurl":"cozmetica.pk\/pages\/about-cozmetica","s":"pages-73106555041","u":"e29027a693da","p":"page","rtyp":"page","rid":73106555041};</script>
vendor: 1 bytes, line 1223
1223
1224<script>window.ShopifyPaypalV4VisibilityTracking = true;</script>
vendor: 1 bytes, line 1224
1224
1225<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'])})(!1,!0)}();</script>
vendor: 1 bytes, line 1225
1225
1226<script integrity="sha256-JjoPp5ZfB1sSAs5SQaol1x1GgvveM+BgmRzyDexInEQ=" data-source-attribution="shopify.loadfeatures" defer="defer" src="//cozmetica.pk/cdn/shopifycloud/storefront/assets/storefront/load_feature-1bd60354.js" crossorigin="anonymous"></script>
vendor: 1 bytes, line 1226
1226
1227<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 = "//cozmetica.pk/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>
1227<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 1227
1227
1228<script>
1229  window.Shopify = window.Shopify || {};
1230  window.Shopify.MCP = window.Shopify.MCP || {};
1231  window.Shopify.MCP.enabled = true;
1232  window.Shopify.MCP.shop = "cozmeticaa.myshopify.com";
1233  window.Shopify.MCP.mcpEndpoint = "https:\/\/cozmetica.pk\/api\/mcp";
1234  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"]}}];
1235</script>
vendor: 1 bytes, line 1235
1235
1236<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("\/\/cozmetica.pk\/cdn\/shopifycloud\/storefront\/assets\/storefront\/webmcp-c6b62ece.js","sha256-ke4DDuBjdvea3vxLWxHc9E9nq8zihuG4IfYEGbb77ys=");})();
1237</script>
vendor: 1 bytes, line 1237
1237
1238<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://cozmetica.pk/cdn/shopifycloud/portable-wallets/latest/portable-wallets.en.js",t.type="module",document.head.appendChild(t)}};
1239</script>
vendor: 1 bytes, line 1239
1239
1240<script data-source-attribution="shopify.dynamic_checkout.buyer_consent">
1241  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);
1242</script>
vendor: 1 bytes, line 1242
1242
1243<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})}}));
1244</script>
1244
1245<link rel="stylesheet" media="screen" href="//cozmetica.pk/cdn/shop/t/140/compiled_assets/styles.css?v=80606434457439566911790863399">
1246<script id="shopify-cfh-end">window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.end');</script>
1246
1247  <!--Gem_Page_Header_Script-->
1248    
1249
1250
1251<!--End_Gem_Page_Header_Script-->
1252<!-- BEGIN app block: shopify://apps/judge-me-reviews/blocks/judgeme_core/61ccd3b1-a9f2-4160-9fe9-4fec8413e5d8 --><!-- Start of Judge.me Core -->
1253
1254
1255
1256
1257
1258
1259
1260<link rel="dns-prefetch" href="https://cdn.judge.me">
1261<link rel="dns-prefetch" href="https://cdn1.judge.me">
1262<link rel="dns-prefetch" href="https://api.judge.me">
1263
1264<script data-cfasync='false' class='jdgm-settings-script'>window.jdgmSettings={"pagination":5,"disable_web_reviews":false,"coupon_receiving_condition":"","coupon_value_type":"percentage","coupon_value_percentage":10,"coupon_value_fixed_amount":0,"coupon_discount_type":"single","coupon_tier_text_enabled":false,"coupon_tier_text_percentage":10,"coupon_tier_text_fixed_amount":0,"coupon_tier_photo_enabled":false,"coupon_tier_photo_percentage":10,"coupon_tier_photo_fixed_amount":0,"coupon_tier_video_enabled":false,"coupon_tier_video_percentage":10,"coupon_tier_video_fixed_amount":0,"enable_coupons":false,"badge_no_review_text":"No reviews","badge_n_reviews_text":"{{ n }} review/reviews","badge_star_color":"#FFCD3C","hide_badge_preview_if_no_reviews":true,"badge_hide_text":false,"enforce_center_preview_badge":false,"widget_title":"Customer Reviews","widget_open_form_text":"Write a review","widget_close_form_text":"Cancel review","widget_refresh_page_text":"Refresh page","widget_summary_text":"Based on {{ number_of_reviews }} review/reviews","widget_no_review_text":"Be the first to write a review","widget_name_field_text":"Display name","widget_verified_name_field_text":"Verified Name (public)","widget_name_placeholder_text":"Display name","widget_required_field_error_text":"This field is required.","widget_email_field_text":"Email address","widget_verified_email_field_text":"Verified Email (private, can not be edited)","widget_email_placeholder_text":"Your email address","widget_email_field_error_text":"Please enter a valid email address.","widget_rating_field_text":"Rating","widget_review_title_field_text":"Review Title","widget_review_title_placeholder_text":"Give your review a title","widget_review_body_field_text":"Review content","widget_review_body_placeholder_text":"Start writing here...","widget_pictures_field_text":"Picture/Video (optional)","widget_submit_review_text":"Submit Review","widget_submit_verified_review_text":"Submit Verified Review","widget_submit_success_msg_with_auto_publish":"Thank y
1264ou! Please refresh the page in a few moments to see your review. You can remove or edit your review by logging into \u003ca href='https://judge.me/login' target='_blank' rel='nofollow noopener'\u003eJudge.me\u003c/a\u003e","widget_submit_success_msg_no_auto_publish":"Thank you! Your review will be published as soon as it is approved by the shop admin. You can remove or edit your review by logging into \u003ca href='https://judge.me/login' target='_blank' rel='nofollow noopener'\u003eJudge.me\u003c/a\u003e","widget_show_default_reviews_out_of_total_text":"Showing {{ n_reviews_shown }} out of {{ n_reviews }} reviews.","widget_show_all_link_text":"Show all","widget_show_less_link_text":"Show less","widget_author_said_text":"{{ reviewer_name }} said:","widget_days_text":"{{ n }} days ago","widget_weeks_text":"{{ n }} week/weeks ago","widget_months_text":"{{ n }} month/months ago","widget_years_text":"{{ n }} year/years ago","widget_yesterday_text":"Yesterday","widget_today_text":"Today","widget_replied_text":"\u003e\u003e {{ shop_name }} replied:","widget_read_more_text":"Read more","widget_reviewer_name_as_initial":"","widget_rating_filter_color":"","widget_rating_filter_see_all_text":"See all reviews","widget_sorting_most_recent_text":"Most Recent","widget_sorting_highest_rating_text":"Highest Rating","widget_sorting_lowest_rating_text":"Lowest Rating","widget_sorting_with_pictures_text":"Only Pictures","widget_sorting_most_helpful_text":"Most Helpful","widget_open_question_form_text":"Ask a question","widget_reviews_subtab_text":"Reviews","widget_questions_subtab_text":"Questions","widget_question_label_text":"Question","widget_answer_label_text":"Answer","widget_question_placeholder_text":"Write your question here","widget_submit_question_text":"Submit Question","widget_question_submit_success_text":"Thank you for your question! We will notify you once it gets answered.","widget_star_color":"#FFCD3C","verified_badge_text":"Verified","verified_badge_bg_color":"","verified_badge_text_color":"","verified_badge_placement":"left-of-reviewer-name","widget_review_max_height":3,"widget_hide_border":false,"widget_social_share":false,"widget_thumb":false,"widget_review_location_show":false,"widget_location_format":"","all_reviews_include_out_of_store_products":true,"all_reviews_out_of_store_text":"(out of store)","all_reviews_pagination":100,"all_reviews_product_name_prefix_text":"about","enable_review_pictures":true,"enable_question_anwser":false,"widget_theme":"leex","review_date_format":"mm/dd/yyyy","default_sort_method":"most-recent","enable_ai_review_visibility":true,"widget_product_reviews_subtab_text":"Product Reviews","widget_shop_reviews_subtab_text":"Shop Reviews","widget_other_products_reviews_text":"Reviews for other products","widget_store_reviews_subtab_text":"Store reviews","widget_product_variant_reference_text":"Review for","widget_no_store_reviews_text":"This store hasn't received any reviews yet","widget_web_restriction_product_reviews_text":"This product hasn't received any reviews yet","widget_no_items_text":"No items found","widget_show_more_text":"Show more","widget_write_a_store_review_text":"Write a Store Review","widget_product_and_store_reviews_text":"Product and store reviews","widget_reviews_in_collection_text":"Reviews in this collection","widget_other_languages_heading":"Reviews in Other Languages","widget_translate_review_text":"Translate review to {{ language }}","widget_translating_review_text":"Translating...","widget_show_original_translation_text":"Show original ({{ language }})","widget_translate_review_failed_text":"Review couldn't be translated.","widget_translate_review_retry_text":"Retry","widget_translate_review_try_again_later_text":"Try again later","show_product_url_for_grouped_product":false,"widget_sorting_pictures_first_text":"Pictures First","show_pictures_on_all_rev_page_mobile":false,"show_pictures_on_all_rev_page_desktop":false,"floating_tab_hide_mobile_install_preference":false,"floating_tab_button_name":"★ Reviews","floating_tab_title":"Let customers speak for us","floating_tab_button_color":"","floating_tab_button_background_color":"","floating_tab_url":"","floating_tab_url_enabled":false,"floating_tab_tab_style":"text","all_reviews_text_badge_text":"Customers rate us {{ shop.metafields.judgeme.all_reviews_rating | round: 1 }}/5 based on {{ shop.metafields.judgeme.all_reviews_count }} reviews.","all_reviews_text_badge_text_branded_style":"{{ shop.metafields.judgeme.all_reviews_rating | round: 1 }} out of 5 stars based on {{ shop.metafields.judgeme.all_reviews_count }} reviews","is_all_reviews_text_badge_a_link":false,"show_stars_for_all_reviews_text_badge":false,"all_reviews_text_badge_url":"","all_reviews_text_style":"text","all_reviews_text_color_style":"judgeme_brand_color","all_reviews_text_color":"#108474","all_reviews_text_show_jm_brand":true,"featured_carousel_show_header":true,"featured_carousel_title":"Let customers speak for us","testimonials_carousel_title":"Customers are saying","videos_carousel_title":"Real customer stories","cards_carousel_title":"Customers are saying","featured_carousel_count_text":"from {{ n }} reviews","featured_carousel_add_link_to_all_reviews_page":false,"featured_carousel_url":"","featured_carousel_show_images":true,"featured_carousel_autoslide_interval":5,"featured_carousel_arrows_on_the_sides":true,"featured_carousel_height":250,"featured_carousel_width":80,"featured_carousel_image_size":0,"featured_carousel_image_height":250,"featured_carousel_arrow_color":"#eeeeee","verified_count_badge_style":"vintage","verified_count_badge_orientation":"horizontal","verified_count_badge_color_style":"judgeme_brand_color","verified_count_badge_color":"#108474","is_verified_count_badge_a_link":false,"verified_count_badge_url":"","verified_count_badge_show_jm_brand":true,"widget_rating_preset_default":5,"widget_first_sub_tab":"product-reviews","widget_show_histogram":true,"widget_histogram_use_custom_color":false,"widget_pagination_use_custom_color":false,"widget_star_use_custom_color":false,"widget_verified_badge_use_custom_color":false,"widget_write_review_use_custom_color":false,"picture_reminder_submit_button":"Upload Pictures","enable_review_videos":true,"mute_video_by_default":true,"widget_sorting_videos_first_text":"Videos First","widget_review_pending_text":"Pending","featured_carousel_items_for_large_screen":3,"social_share_options_order":"Facebook,Twitter","remove_microdata_snippet":true,"disable_json_ld":false,"enable_json_ld_products":false,"preview_badge_show_question_text":false,"preview_badge_no_question_text":"No questions","preview_badge_n_question_text":"{{ number_of_questions }} question/questions","qa_badge_show_icon":false,"qa_badge_position":"same-row","remove_judgeme_branding":false,"widget_add_search_bar":false,"widget_search_bar_placeholder":"Search","widget_sorting_verified_only_text":"Verified only","widget_sorting_most_relevant_text":"Most Relevant","featured_carousel_theme":"card","featured_carousel_show_rating":true,"featured_carousel_show_title":true,"featured_carousel_show_body":true,"featured_carousel_show_date":false,"featured_carousel_show_reviewer":true,"featured_carousel_show_product":false,"featured_carousel_header_background_color":"#108474","featured_carousel_header_text_color":"#ffffff","featured_carousel_name_product_separator":"reviewed","featured_carousel_full_star_background":"#108474","featured_carousel_empty_star_background":"#dadada","featured_carousel_vertical_theme_background":"#f9fafb","featured_carousel_verified_badge_enable":false,"featured_carousel_verified_badge_color":"#108474","featured_carousel_border_style":"round","featured_carousel_review_line_length_limit":3,"featured_carousel_more_reviews_button_text":"Read more reviews","featured_carousel_view_product_button_text":"View product","all_reviews_page_load_reviews_on":"scroll","all_reviews_page_load_more_text":"Load More Reviews","disable_fb_tab_reviews":false,"enable_ajax_cdn_cache":false,"widget_public_name_text":"displayed publicly like","default_reviewer_name":"John Smith","default_reviewer_name_has_non_latin":true,"widget_reviewer_anonymous":"Anonymous","medals_widget_title":"Judge.me Review Medals","medals_widget_background_color":"#f9fafb","medals_widget_position":"footer_all_pages","medals_widget_border_color":"#f9fafb","medals_widget_verified_text_position":"left","medals_widget_use_monochromatic_version":false,"medals_widget_elements_color":"#108474","show_reviewer_avatar":false,"widget_invalid_yt_video_url_error_text":"Not a YouTube video URL","widget_max_length_field_error_text":"Please enter no more than {0} characters.","widget_show_country_flag":false,"widget_show_collected_via_shop_app":true,"widget_verified_by_shop_badge_style":"light","widget_verified_by_shop_text":"Verified by Shop","widget_show_photo_gallery":true,"widget_load_with_code_splitting":true,"widget_ugc_install_preference":false,"widget_ugc_title":"Made by us, Shared by you","widget_ugc_subt
1264itle":"Tag us to see your picture featured in our page","widget_ugc_arrows_color":"#ffffff","widget_ugc_primary_button_text":"Buy Now","widget_ugc_primary_button_background_color":"#108474","widget_ugc_primary_button_text_color":"#ffffff","widget_ugc_primary_button_border_width":"0","widget_ugc_primary_button_border_style":"none","widget_ugc_primary_button_border_color":"#108474","widget_ugc_primary_button_border_radius":"25","widget_ugc_secondary_button_text":"Load More","widget_ugc_secondary_button_background_color":"#ffffff","widget_ugc_secondary_button_text_color":"#108474","widget_ugc_secondary_button_border_width":"2","widget_ugc_secondary_button_border_style":"solid","widget_ugc_secondary_button_border_color":"#108474","widget_ugc_secondary_button_border_radius":"25","widget_ugc_reviews_button_text":"View Reviews","widget_ugc_reviews_button_background_color":"#ffffff","widget_ugc_reviews_button_text_color":"#108474","widget_ugc_reviews_button_border_width":"2","widget_ugc_reviews_button_border_style":"solid","widget_ugc_reviews_button_border_color":"#108474","widget_ugc_reviews_button_border_radius":"25","widget_ugc_reviews_button_link_to":"judgeme-reviews-page","widget_ugc_show_post_date":true,"widget_ugc_max_width":"800","widget_rating_metafield_value_type":true,"widget_primary_color":"#000000","widget_enable_secondary_color":true,"widget_secondary_color":"#000000","widget_summary_average_rating_text":"{{ average_rating }} out of 5","widget_media_grid_title":"Customer photos \u0026 videos","widget_media_grid_see_more_text":"See more","widget_round_style":true,"widget_show_product_medals":false,"widget_verified_by_judgeme_text":"Verified by Judge.me","widget_show_store_medals":true,"widget_verified_by_judgeme_text_in_store_medals":"Verified by Judge.me","widget_media_field_exceed_quantity_message":"Sorry, we can only accept {{ max_media }} for one review.","widget_media_field_exceed_limit_message":"{{ file_name }} is too large, please select a {{ media_type }} less than {{ size_limit }}MB.","widget_review_submitted_text":"Review Submitted!","widget_question_submitted_text":"Question Submitted!","widget_close_form_text_question":"Cancel","widget_write_your_answer_here_text":"Write your answer here","widget_enabled_branded_link":true,"widget_show_collected_by_judgeme":true,"widget_reviewer_name_color":"","widget_write_review_text_color":"","widget_write_review_bg_color":"","widget_collected_by_judgeme_text":"collected by Judge.me","widget_pagination_type":"load_more","widget_load_more_text":"Load More","widget_load_more_color":"#108474","widget_full_review_text":"Full Review","widget_read_more_reviews_text":"Read More Reviews","widget_read_questions_text":"Read Questions","widget_questions_and_answers_text":"Questions \u0026 Answers","widget_verified_by_text":"Verified by","widget_verified_text":"Verified","widget_number_of_reviews_text":"{{ number_of_reviews }} reviews","widget_back_button_text":"Back","widget_next_button_text":"Next","widget_custom_forms_filter_button":"Filters","custom_forms_style":"horizontal","widget_show_review_information":false,"how_reviews_are_collected":"How reviews are collected?","widget_show_review_keywords":false,"widget_gdpr_statement":"How we use your data: We'll only contact you about the review you left, and only if necessary. By submitting your review, you agree to Judge.me's \u003ca href='https://judge.me/terms' target='_blank' rel='nofollow noopener'\u003eterms\u003c/a\u003e, \u003ca href='https://judge.me/privacy' target='_blank' rel='nofollow noopener'\u003eprivacy\u003c/a\u003e and \u003ca href='https://judge.me/content-policy' target='_blank' rel='nofollow noopener'\u003econtent\u003c/a\u003e policies.","widget_multilingual_sorting_enabled":false,"widget_translate_review_content_enabled":false,"widget_translate_review_content_method":"manual","popup_widget_review_selection":"automatically_with_pictures","popup_widget_round_border_style":true,"popup_widget_show_title":true,"popup_widget_show_body":true,"popup_widget_show_reviewer":false,"popup_widget_show_product":true,"popup_widget_show_pictures":true,"popup_widget_use_review_picture":true,"popup_widget_show_on_home_page":true,"popup_widget_show_on_product_page":true,"popup_widget_show_on_collection_page":true,"popup_widget_show_on_cart_page":true,"popup_widget_position":"bottom_left","popup_widget_first_review_delay":5,"popup_widget_duration":5,"popup_widget_interval":5,"popup_widget_review_count":5,"popup_widget_hide_on_mobile":true,"review_snippet_widget_round_border_style":true,"review_snippet_widget_card_color":"#FFFFFF","review_snippet_widget_text_color":"#000000","review_snippet_widget_lighter_text_color":"#7B7B7B","review_snippet_widget_slider_arrows_background_color":"#FFFFFF","review_snippet_widget_slider_arrows_color":"#000000","review_snippet_widget_star_color":"#000000","show_product_variant":false,"all_reviews_product_variant_label_text":"Variant: ","widget_show_verified_branding":false,"widget_ai_summary_title":"Customers say","widget_ai_summary_disclaimer":"AI-powered review summary based on recent customer reviews","widget_show_ai_summary":false,"widget_show_ai_summary_bg":false,"write_review_button_visibility":"everyone","store_summary_widget_heading":"Customers rate this store","store_summary_widget_button_text":"View customer reviews","store_summary_widget_button_theme_text":"See AI reviews summary","widget_show_review_title_input":true,"widget_autofill_review_title":true,"redirect_reviewers_invited_via_email":"review_widget","request_store_review_after_product_review":true,"request_review_other_products_in_order":true,"review_form_color_scheme":"default","review_form_corner_style":"square","review_form_star_color":"#000000","review_form_text_color":"#333333","review_form_background_color":"#ffffff","review_form_field_background_color":"#fafafa","review_form_button_color":"#000000","review_form_button_text_color":"#ffffff","review_form_modal_overlay_color":"#000000","review_form_theme":"multi_step","review_form_location":"in_store_popup","review_form_external_page_background_color":"#C5F7F0","review_content_screen_title_text":"How would you rate this product?","review_content_introduction_text":"We would love it if you would share a bit about your experience.","store_review_form_title_text":"How would you rate this store?","store_review_form_introduction_text":"We would love it if you would share a bit about your experience.","show_review_guidance_text":true,"one_star_review_guidance_text":"Poor","five_star_review_guidance_text":"Great","customer_information_screen_title_text":"About you","customer_information_introduction_text":"Please tell us more about you.","custom_questions_screen_title_text":"Your experience in more detail","custom_questions_introduction_text":"Here are a few questions to help us understand more about your experience.","review_submitted_screen_title_text":"Thanks for your review!","review_submitted_screen_thank_you_text":"We are processing it and it will appear on the store soon.","review_submitted_screen_email_verification_text":"Please confirm your email by clicking the link we just sent you. This helps us keep reviews authentic.","confirm_email_screen_title_text":"Confirm your email","confirm_email_screen_message_text":"To help keep reviews authentic, we'll send you a secure link to continue writing your review. It only takes a moment.","check_email_screen_title_text":"Check your email","check_email_screen_message_text":"We sent you an email to {{ email }}. Click the button on the email to continue.","check_email_screen_resend_message_text":"Email resent!","check_email_resend_hint_text":"Didn't get the email? Check your spam folder or [resend the email].","verification_email_rate_limit_error_text":"You've reached the limit for review attempts on this product. Please check your inbox or try again later.","review_submitted_request_store_review_text":"Would you like to share your experience of shopping with us?","review_submitted_review_other_products_text":"Would you like to review these products?","store_review_screen_title_text":"Would you like to share your experience of shopping with us?","store_review_introduction_text":"We value your feedback and use it to improve. Please share any thoughts or suggestions you have.","reviewer_media_screen_title_picture_text":"Share a picture","reviewer_media_introduction_picture_text":"Upload a photo to support your review.","reviewer_media_screen_title_video_text":"Share a video","reviewer_media_introduction_video_text":"Upload a video to support your review.","reviewer_media_screen_title_picture_or_video_text":"Share a picture or video","reviewer_media_introduction_picture_or_video_text":"Upload a photo or video to support your review.","reviewer_media_
1264youtube_url_text":"Paste your Youtube URL here","advanced_settings_next_step_button_text":"Next","advanced_settings_close_review_button_text":"Close","modal_write_review_flow":false,"write_review_flow_required_text":"Required","write_review_flow_privacy_message_text":"We respect your privacy.","write_review_flow_anonymous_text":"Post review as anonymous","write_review_flow_visibility_text":"This won't be visible to other customers.","write_review_flow_multiple_selection_help_text":"Select as many as you like","write_review_flow_single_selection_help_text":"Select one option","write_review_flow_required_field_error_text":"This field is required","write_review_flow_invalid_email_error_text":"Please enter a valid email address","write_review_flow_max_length_error_text":"Max. {{ max_length }} characters.","write_review_flow_media_upload_text":"\u003cb\u003eClick to upload\u003c/b\u003e or drag and drop","write_review_flow_gdpr_statement":"We'll only contact you about your review if necessary. By submitting your review, you agree to our \u003ca href='https://judge.me/terms' target='_blank' rel='nofollow noopener'\u003eterms and conditions\u003c/a\u003e and \u003ca href='https://judge.me/privacy' target='_blank' rel='nofollow noopener'\u003eprivacy policy\u003c/a\u003e.","rating_only_reviews_enabled":false,"show_negative_reviews_help_screen":false,"new_review_flow_help_screen_rating_threshold":3,"negative_review_resolution_screen_title_text":"Tell us more","negative_review_resolution_text":"Your experience matters to us. If there were issues with your purchase, we're here to help. Feel free to reach out to us, we'd love the opportunity to make things right.","negative_review_resolution_button_text":"Contact us","negative_review_resolution_proceed_with_review_text":"Leave a review","negative_review_resolution_subject":"Issue with purchase from {{ shop_name }}.{{ order_name }}","coupon_promo_intro_any_review_text":"Write a review and get a coupon for {{ amount }} off your next purchase","coupon_promo_intro_with_photo_text":"Write a review and add a photo or video to get a coupon for {{ amount }} off your next purchase","coupon_promo_intro_with_video_text":"Write a review and add a video to get a coupon for {{ amount }} off your next purchase","coupon_promo_intro_up_to_any_review_text":"Write a review and get a coupon for up to {{ amount }} off your next purchase","coupon_promo_intro_up_to_with_photo_text":"Write a review and add a photo or video to get a coupon for up to {{ amount }} off your next purchase","coupon_promo_intro_external_text":"Write a review and get a reward for your next purchase","coupon_promo_intro_external_with_photo_text":"Write a review and add a photo or video to get a reward for your next purchase","coupon_promo_intro_external_with_video_text":"Write a review and add a video to get a reward for your next purchase","coupon_promo_media_photo_text":"Add a photo or video and get a coupon for {{ amount }} off your next purchase","coupon_promo_media_photo_only_text":"Add a photo and get a coupon for {{ amount }} off your next purchase","coupon_promo_media_video_text":"Add a video and get a coupon for {{ amount }} off your next purchase","coupon_promo_media_external_photo_text":"Add a photo or video and get a reward for your next purchase","coupon_promo_media_external_photo_only_text":"Add a photo and get a reward for your next purchase","coupon_promo_media_external_video_text":"Add a video and get a reward for your next purchase","coupon_promo_success_text":"You've got a coupon for your next purchase at {{ shop_name }}!","coupon_promo_success_subtext":"You'll receive your coupon email within the hour.","preview_badge_collection_page_install_status":false,"widget_review_custom_css":"","preview_badge_custom_css":"/* Judge.me star widget text */\n.jdgm-prev-badge__text,\n.jdgm-star-rating + .jdgm-prev-badge__text,\n.jdgm-widget .jdgm-prev-badge__text {\n    font-size: 13px !important;\n}","preview_badge_stars_count":"5-stars","featured_carousel_custom_css":"","floating_tab_custom_css":"","all_reviews_widget_custom_css":"","medals_widget_custom_css":"","verified_badge_custom_css":"","all_reviews_text_custom_css":"","transparency_badges_collected_via_store_invite":false,"transparency_badges_from_another_provider":false,"transparency_badges_collected_from_store_visitor":false,"transparency_badges_collected_by_verified_review_provider":false,"transparency_badges_earned_reward":false,"transparency_badges_collected_via_store_invite_text":"Review collected via store invitation","transparency_badges_from_another_provider_text":"Review collected from another provider","transparency_badges_collected_from_store_visitor_text":"Review collected from a store visitor","transparency_badges_written_in_google_text":"Review written in Google","transparency_badges_written_in_etsy_text":"Review written in Etsy","transparency_badges_written_in_shop_app_text":"Review written in Shop App","transparency_badges_earned_reward_text":"Review earned a reward for future purchase","product_review_widget_per_page":6,"widget_other_languages_reviews_per_page":3,"widget_store_review_label_text":"Review about the store","widget_cart_mode_aggregate_heading_text":"Customers rate this store","checkout_comment_extension_title_on_product_page":"Customer Comments","checkout_comment_extension_num_latest_comment_show":5,"checkout_comment_extension_format":"name_and_timestamp","checkout_comment_customer_name":"last_initial","checkout_comment_comment_notification":true,"preview_badge_collection_page_install_preference":true,"preview_badge_home_page_install_preference":false,"preview_badge_product_page_install_preference":true,"review_widget_install_preference":"","review_carousel_install_preference":false,"floating_reviews_tab_install_preference":"none","verified_reviews_count_badge_install_preference":false,"all_reviews_text_install_preference":false,"review_widget_best_location":true,"judgeme_medals_install_preference":false,"review_widget_revamp_enabled":false,"review_widget_qna_enabled":false,"review_widget_header_theme":"minimal","review_widget_widget_title_enabled":true,"review_widget_header_text_size":"medium","review_widget_header_text_weight":"regular","review_widget_average_rating_style":"compact","review_widget_bar_chart_enabled":true,"review_widget_bar_chart_type":"numbers","review_widget_bar_chart_style":"standard","review_widget_expanded_media_gallery_enabled":false,"review_widget_show_review_highlights":false,"review_widget_show_review_keywords_in_gray":false,"review_widget_reviews_section_theme":"standard","review_widget_image_style":"thumbnails","review_widget_review_image_ratio":"square","review_widget_stars_size":"medium","review_widget_verified_badge":"standard_text","review_widget_review_title_text_size":"medium","review_widget_review_text_size":"medium","review_widget_review_text_length":"medium","review_widget_number_of_columns_desktop":3,"review_widget_carousel_transition_speed":5,"review_widget_custom_questions_answers_display":"always","review_widget_card_section_size":"small","review_widget_button_text_color":"#FFFFFF","review_widget_text_color":"#000000","review_widget_lighter_text_color":"#7B7B7B","review_widget_corner_styling":"soft","review_widget_review_word_singular":"review","review_widget_review_word_plural"
1264:"reviews","review_widget_voting_label":"Helpful?","review_widget_shop_reply_label":"Reply from {{ shop_name }}:","review_widget_filters_title":"Filters","review_widget_filter_rating_title":"Rating","review_widget_filter_keyword_title":"Keyword","review_widget_clear_filters_text":"Clear filters","review_widget_expand_more_text":"More","review_widget_review_highlights_title":"Review highlights","qna_widget_question_word_singular":"Question","qna_widget_question_word_plural":"Questions","qna_widget_answer_reply_label":"Answer from {{ answerer_name }}:","qna_content_screen_title_text":"Ask a question about this product","qna_widget_question_required_field_error_text":"Please enter your question.","qna_widget_flow_gdpr_statement":"We'll only contact you about your question if necessary. By submitting your question, you agree to our \u003ca href='https://judge.me/terms' target='_blank' rel='nofollow noopener'\u003eterms and conditions\u003c/a\u003e and \u003ca href='https://judge.me/privacy' target='_blank' rel='nofollow noopener'\u003eprivacy policy\u003c/a\u003e.","qna_widget_question_submitted_text":"Thanks for your question!","qna_widget_close_form_text_question":"Close","qna_widget_question_submit_success_text":"We’ll notify you by email when your question is answered.","all_reviews_widget_v2025_enabled":true,"all_reviews_widget_v2025_header_theme":"default","all_reviews_widget_v2025_widget_title_enabled":true,"all_reviews_widget_v2025_header_text_size":"medium","all_reviews_widget_v2025_header_text_weight":"regular","all_reviews_widget_v2025_average_rating_style":"compact","all_reviews_widget_v2025_bar_chart_enabled":true,"all_reviews_widget_v2025_bar_chart_type":"numbers","all_reviews_widget_v2025_bar_chart_style":"standard","all_reviews_widget_v2025_expanded_media_gallery_enabled":false,"all_reviews_widget_v2025_show_store_medals":true,"all_reviews_widget_v2025_show_photo_gallery":true,"all_reviews_widget_v2025_show_review_keywords":false,"all_reviews_widget_v2025_show_ai_summary":false,"all_reviews_widget_v2025_show_ai_summary_bg":false,"all_reviews_widget_v2025_show_review_highlights":false,"all_reviews_widget_v2025_show_review_keywords_in_gray":false,"all_reviews_widget_v2025_add_search_bar":false,"all_reviews_widget_v2025_default_sort_method":"most-recent","all_reviews_widget_v2025_reviews_per_page":10,"all_reviews_widget_v2025_reviews_section_theme":"default","all_reviews_widget_v2025_image_style":"thumbnails","all_reviews_widget_v2025_review_image_ratio":"square","all_reviews_widget_v2025_stars_size":"medium","all_reviews_widget_v2025_verified_badge":"standard_text","all_reviews_widget_v2025_review_title_text_size":"medium","all_reviews_widget_v2025_review_text_size":"medium","all_reviews_widget_v2025_review_text_length":"medium","all_reviews_widget_v2025_number_of_columns_desktop":3,"all_reviews_widget_v2025_carousel_transition_speed":5,"all_reviews_widget_v2025_custom_questions_answers_display":"always","all_reviews_widget_v2025_review_dates":false,"all_reviews_widget_v2025_card_section_size":"small","all_reviews_widget_v2025_show_product_variant":false,"all_reviews_widget_v2025_show_reviewer_avatar":true,"all_reviews_widget_v2025_reviewer_name_as_initial":"","all_reviews_widget_v2025_review_location_show":false,"all_reviews_widget_v2025_location_format":"","all_reviews_widget_v2025_show_country_flag":false,"all_reviews_widget_v2025_widget_thumb":false,"all_reviews_widget_v2025_verified_by_shop_badge_style":"light","all_reviews_widget_v2025_social_share":false,"all_reviews_widget_v2025_social_share_options_order":"Facebook,Twitter,LinkedIn,Pinterest","all_reviews_widget_v2025_pagination_type":"standard","all_reviews_widget_v2025_button_text_color":"#FFFFFF","all_reviews_widget_v2025_text_color":"#000000","all_reviews_widget_v2025_lighter_text_color":"#7B7B7B","all_reviews_widget_v2025_corner_styling":"soft","all_reviews_widget_v2025_title":"Customer reviews","all_reviews_widget_v2025_ai_summary_title":"Customers say about this store","all_reviews_widget_v2025_no_review_text":"Be the first to write a review","all_reviews_widget_v2025_review_highlights_title":"Review highlights","reviews_grid_widget_show_sample_reviews":false,"reviews_grid_widget_review_selection":"all","reviews_grid_widget_select_products":[],"reviews_grid_widget_show_media_only":false,"reviews_grid_widget_display_order":"media_first","reviews_grid_widget_card_grouping":"per_media","reviews_grid_widget_columns_desktop":3,"reviews_grid_widget_rows_desktop":3,"reviews_grid_widget_columns_mobile":2,"reviews_grid_widget_rows_mobile":6,"reviews_grid_widget_show_stars":true,"reviews_grid_widget_show_reviewer_name":true,"reviews_grid_widget_show_review_title_on_hover_desktop":true,"reviews_grid_widget_corner_styling":"soft","reviews_grid_widget_card_spacing":"medium","reviews_grid_widget_header_text_color":"#000000","reviews_grid_widget_star_and_reviewer_name_color":"#F9F9F9","reviews_grid_widget_overlay_and_background_color":"#000000","reviews_grid_widget_content_color":"#F9F9F9","reviews_grid_widget_header_text":"From our customers","reviews_grid_widget_show_average_rating":true,"trust_badge_enabled":false,"trust_badge_structure":"outline","trust_badge_color":"black","trust_badge_star":"black","trust_badge_rating_display_default":"show_avg_text","platform":"shopify","branding_url":"https://app.judge.me/reviews","branding_text":"Powered by Judge.me","locale":"en","reply_name":"Cozmetica","shop_currency":"PKR","widget_version":"3.0","footer":true,"autopublish":false,"review_dates":false,"enable_custom_form":false,"shop_locale":"en","enable_multi_locales_translations":false,"show_review_title_input":true,"autofill_review_title":true,"review_verification_email_status":"always","require_verification_before_submit":false,"sign_in_with_
1264shop_enabled":false,"customer_account_validation_enabled":true,"most_relevant_sort_enabled":false,"coupon_promo_invited_eligible":true,"coupon_promo_web_eligible":false,"uses_coupon_integration":false,"uses_external_coupon":false,"can_be_branded":false,"rtl_stars_enabled_ar":true,"rtl_stars_enabled_he":true,"reply_name_text":"Cozmetica"};</script>
1264 <style class='jdgm-settings-style'>.jdgm-xx{left:0}:root{--jdgm-primary-color: #000;--jdgm-secondary-color: #000;--jdgm-star-color: #FFCD3C;--jdgm-write-review-text-color: white;--jdgm-write-review-bg-color: #000000;--jdgm-paginate-color: #000;--jdgm-border-radius: 10;--jdgm-reviewer-name-color: #000000}.jdgm-histogram__bar-content{background-color:#000}.jdgm-rev[data-verified-buyer=true] .jdgm-rev__icon.jdgm-rev__icon:after,.jdgm-rev__buyer-badge.jdgm-rev__buyer-badge{color:white;background-color:#000}.jdgm-review-widget--small .jdgm-gallery.jdgm-gallery .jdgm-gallery__thumbnail-link:nth-child(8) .jdgm-gallery__thumbnail-wrapper.jdgm-gallery__thumbnail-wrapper:before{content:"See more"}@media only screen and (min-width: 768px){.jdgm-gallery.jdgm-gallery .jdgm-gallery__thumbnail-link:nth-child(8) .jdgm-gallery__thumbnail-wrapper.jdgm-gallery__thumbnail-wrapper:before{content:"See more"}}.jdgm-preview-badge .jdgm-star.jdgm-star{color:#FFCD3C}.jdgm-prev-badge[data-average-rating='0.00']{display:none !important}.jdgm-rev .jdgm-rev__timestamp,.jdgm-quest .jdgm-rev__timestamp,.jdgm-carousel-item__timestamp{display:none !important}.jdgm-rev .jdgm-rev__icon{display:none !important}.jdgm-author-all-initials{display:none !important}.jdgm-author-last-initial{display:none !important}.jdgm-rev-widg__title{visibility:hidden}.jdgm-rev-widg__summary-text{visibility:hidden}.jdgm-prev-badge__text{visibility:hidden}.jdgm-rev__prod-link-prefix:before{content:'about'}.jdgm-rev__variant-label:before{content:'Variant: '}.jdgm-rev__out-of-store-text:before{content:'(out of store)'}@media only screen and (min-width: 768px){.jdgm-rev__pics .jdgm-rev_all-rev-page-picture-separator,.jdgm-rev__pics .jdgm-rev__product-picture{display:none}}@media only screen and (max-width: 768px){.jdgm-rev__pics .jdgm-rev_all-rev-page-picture-separator,.jdgm-rev__pics .jdgm-rev__product-picture{display:none}}.jdgm-preview-badge[data-template="index"]{display:none !important}.jdgm-verified-count-badget[data-from-snippet="true"]{display:none !important}.jdgm-carousel-wrapper[data-from-snippet="true"]{display:none !important}.jdgm-all-reviews-text[data-from-snippet="true"]{display:none !important}.jdgm-medals-section[data-from-snippet="true"]{display:none !important}.jdgm-ugc-media-wrapper[data-from-snippet="true"]{display:none !important}.jdgm-rev__transparency-badge[data-badge-type="review_collected_via_store_invitation"]{display:none !important}.jdgm-rev__transparency-badge[data-badge-type="review_collected_from_another_provider"]{display:none !important}.jdgm-rev__transparency-badge[data-badge-type="review_collected_from_store_visitor"]{display:none !important}.jdgm-rev__transparency-badge[data-badge-type="review_written_in_etsy"]{display:none !important}.jdgm-rev__transparency-badge[data-badge-type="review_written_in_google_business"]{display:none !important}.jdgm-rev__transparency-badge[data-badge-type="review_written_in_shop_app"]{display:none !important}.jdgm-rev__transparency-badge[data-badge-type="review_earned_for_future_purchase"]{display:none !important}.jdgm-review-snippet-widget{--jdgm-snippet-card-color: #fff;--jdgm-snippet-text-color: #000;--jdgm-snippet-lighter-text-color: #7B7B7B;--jdgm-snippet-star-color: #000;--jdgm-snippet-border-radius: 8px;--jdgm-snippet-arrows-bg-color: #fff;--jdgm-snippet-arrows-color: #000}.jdgm-review-snippet-widget .jdgm-rev-snippet-widget__cards-container .jdgm-rev-snippet-card{border-radius:8px;background:#fff}.jdgm-review-snippet-widget .jdgm-rev-snippet-widget__cards-container .jdgm-rev-snippet-card__rev-rating .jdgm-star{color:#000}.jdgm-review-snippet-widget .jdgm-rev-snippet-widget__prev-btn,.jdgm-review-snippet-widget .jdgm-rev-snippet-widget__next-btn{border-radius:50%;background:#fff}.jdgm-review-snippet-widget .jdgm-rev-snippet-widget__prev-btn>svg,.jdgm-review-snippet-widget .jdgm-rev-snippet-widget__next-btn>svg{fill:#000}.jdgm-full-rev-modal.rev-snippet-widget .jm-mfp-container .jm-mfp-content,.jdgm-full-rev-modal.rev-snippet-widget .jm-mfp-container .jdgm-full-rev__icon,.jdgm-full-rev-modal.rev-snippet-widget .jm-mfp-container .jdgm-full-rev__pic-img,.jdgm-full-rev-modal.rev-snippet-widget .jm-mfp-container .jdgm-full-rev__reply{border-radius:8px}.jdgm-full-rev-modal.rev-snippet-widget .jm-mfp-container .jdgm-full-rev[data-verified-buyer="true"] .jdgm-full-rev__icon::after{border-radius:8px}.jdgm-full-rev-modal.rev-snippet-widget .jm-mfp-container .jdgm-full-rev .jdgm-rev__buyer-badge{border-radius:calc( 8px / 2 )}.jdgm-full-rev-modal.rev-snippet-widget .jm-mfp-container .jdgm-full-rev .jdgm-full-rev__replier::before{content:'Cozmetica'}.jdgm-full-rev-modal.rev-snippet-widget .jm-mfp-container .jdgm-full-rev .jdgm-full-rev__product-button{border-radius:calc( 8px * 6 )}
1265</style> <style class='jdgm-settings-style'>.jdgm-preview-badge .jdgm-prev-badge__text,.jdgm-preview-badge .jdgm-star-rating+.jdgm-prev-badge__text,.jdgm-preview-badge .jdgm-widget .jdgm-prev-badge__text{font-size:13px !important}
1266</style>
1267
1268  
1269  
1270  
1271  <style class='jdgm-miracle-styles'>
1272  @-webkit-keyframes jdgm-spin{0%{-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);-ms-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes jdgm-spin{0%{-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);-ms-transform:rotate(359deg);transform:rotate(359deg)}}@font-face{font-family:'JudgemeStar';src:url("data:application/x-font-woff;charset=utf-8;base64,d09GRgABAAAAAAScAA0AAAAABrAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAEgAAAABoAAAAcbyQ+3kdERUYAAARgAAAAHgAAACAAMwAGT1MvMgAAAZgAAABGAAAAVi+vS9xjbWFwAAAB8AAAAEAAAAFKwBMjvmdhc3AAAARYAAAACAAAAAj//wADZ2x5ZgAAAkAAAAEJAAABdH33LXtoZWFkAAABMAAAAC0AAAA2BroQKWhoZWEAAAFgAAAAHAAAACQD5QHQaG10eAAAAeAAAAAPAAAAFAYAAABsb2NhAAACMAAAAA4AAAAOAO4AeG1heHAAAAF8AAAAHAAAACAASgAvbmFtZQAAA0wAAADeAAABkorWfVZwb3N0AAAELAAAACkAAABEp3ubLXgBY2BkYADhPPP4OfH8Nl8ZuJkYQODS2fRrCPr/aSYGxq1ALgcDWBoAO60LkwAAAHgBY2BkYGDc+v80gx4TAwgASaAICmABAFB+Arl4AWNgZGBgYGPQYWBiAAIwyQgWc2AAAwAHVQB6eAFjYGRiYJzAwMrAwejDmMbAwOAOpb8ySDK0MDAwMbByMsCBAAMCBKS5pjA4PGB4wMR44P8BBj3GrQymQGFGkBwAjtgK
1272/gAAeAFjYoAAEA1jAwAAZAAHAHgB3crBCcAwDEPRZydkih567CDdf4ZskmLwFBV8xBfCaC4BXkOUmx4sU0h2ngNb9V0vQCxaRKIAevT7fGWuBrEAAAAAAAAAAAA0AHgAugAAeAF9z79Kw1AUx/FzTm7un6QmJtwmQ5Bg1abgEGr/BAqlU6Gju+Cgg1MkQ/sA7Vj7BOnmO/gUvo2Lo14NqIO6/IazfD8HEODtmQCfoANwNsyp2/GJt3WKQrd1NLiYYWx2PBqOsmJMEOznPOTzfSCrhAtbbLdmeFLJV9eKd63WLrZcIcuaEVdssWCKM6pLCfTVOYbz/0pNSMSZKLIZpvh78sAUH6PlMrreTCabP9r+Z/puPZ2ur/RqpQHgh+MIegCnXeM4MRAPjYN//5tj4ZtTjkFqEdmeMShlEJ7tVAly2TAkx6R68Fl4E/aVvn8JqHFQ4JS1434gXKcuL31dDhzs3YbsEOAd/IU88gAAAHgBfY4xTgMxEEVfkk0AgRCioKFxQYd2ZRtpixxgRU2RfhU5q5VWseQ4JdfgAJyBlmNwAM7ABRhZQ0ORwp7nr+eZAa54YwYg9zm3ynPOeFRe8MCrciXOh/KSS76UV5L/iDmrLiS5AeU519wrL3jmSbkS5115yR2fyivJv9kx0ZMZ2RLZw27q87iNQi8EBo5FSPIMw3HqBboi5lKTGAGDp8FKXWP+t9TU01Lj5His1Ba6uM9dTEMwvrFmbf5GC/q2drW3ruXUhhsCiQOjznFlCzYhHUZp4xp76vsvQh89CQAAeAFjYGJABowM6IANLMrEyMTIzMjCXpyRWJBqZshWXJJYBKOMAFHFBucAAAAAAAAB//8AAngBY2BkYGDgA2IJBhBgAvKZGViBJAuYxwAABJsAOgAAeAFjYGBgZACCk535hiD60tn0azAaAEqpB6wAAA==") format("woff");font-weight:normal;font-style:normal}.jdgm-star{font-family:'JudgemeStar';display:inline !important;text-decoration:none !important;padding:0 4px 0 0 !important;margin:0 !important;font-weight:bold;opacity:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.jdgm-star:hover{opacity:1}.jdgm-star:last-of-type{padding:0 !important}.jdgm-star.jdgm--on:before{content:"\e000"}.jdgm-star.jdgm--off:before{content:"\e001"}.jdgm-star.jdgm--half:before{content:"\e002"}.jdgm-widget *{margin:0;line-height:1.4;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-overflow-scrolling:touch}.jdgm-hidden{display:none !important;visibility:hidden !important}.jdgm-temp-hidden{display:none}.jdgm-spinner{width:40px;height:40px;margin:auto;border-radius:50%;border-top:2px solid #eee;border-right:2px solid #eee;border-bottom:2px solid #eee;border-left:2px solid #ccc;-webkit-animation:jdgm-spin 0.8s infinite linear;animation:jdgm-spin 0.8s infinite linear}.jdgm-prev-badge{display:block !important}
1273
1274</style>
1275
1276
1277  
1278  
1279   
1280
1281
1282
1283  
1284    
1285    
1286    
1287      
1287<script id="judgeme_widget_leex_js" data-cfasync="false" type="text/javascript" async src="https://cdn.shopify.com/extensions/01a0fd03-c455-7b82-9766-74101e55572c/judgeme-771/assets/shopify_v2_leex.js"></script>
1287
1288    
1289  
1290    
1291    
1292    
1293      <link id="judgeme_widget_leex_css" rel="stylesheet" type="text/css" media="nope!" onload="this.media='all'" href="https://cdn.shopify.com/extensions/01a0fd03-c455-7b82-9766-74101e55572c/judgeme-771/assets/widget_v3_theme_leex.css">
1294    
1295  
1296
1297
1298<script data-cfasync='false' class='jdgm-script'>
1299!function(e){window.jdgm=window.jdgm||{};
1300/* INF-1976 */
1301var _jdgmBlocked=function(){var raw=(window.jdgmSettings||{}).hostname_allowlist;var list=(raw==null?"":""+raw).split(/[\s,]+/).map(function(h){return h.trim().toLowerCase().replace(/\.$/,"");}).filter(function(h){return h;});if(!list.length)return false;var host=(e.location.hostname||"").toLowerCase().replace(/\.$/,"");if(/(^|\.)shopifypreview\.com$/.test(host))return false;var bare=host.replace(/^www\./,"");for(var i=0;i<list.length;i++){var en=list[i];if(en.indexOf("*.")===0){var b=en.slice(2);if(host===b||host.slice(-(b.length+1))==="."+b)return false;}else if(bare===en.replace(/^www\./,""))return false;}return true;}();
1302if(_jdgmBlocked){jdgm._loaderExecuted=true;jdgm._blocked=true;var _jdgmS=e.createElement("style");_jdgmS.textContent='[class^="jdgm-"],[class*=" jdgm-"]{display:none !important}';(e.head||e.documentElement).appendChild(_jdgmS);return;}
1303jdgm.CDN_HOST="https://cdnwidget.judge.me/",jdgm.CDN_HOST_ALT="https://cdn2.judge.me/cdn/widget_frontend/",jdgm.API_HOST="https://api.judge.me/",jdgm.CDN_BASE_URL="https://cdn.shopify.com/extensions/01a0fd03-c455-7b82-9766-74101e55572c/judgeme-771/assets/",jdgm.CDN_API_HOST="https://cdn.judge.me/",
1304jdgm.docReady=function(d){(e.attachEvent?"complete"===e.readyState:"loading"!==e.readyState)?
1305setTimeout(d,0):e.addEventListener("DOMContentLoaded",d)},jdgm.loadCSS=function(d,t,o,a){
1306!o&&jdgm.loadCSS.requestedUrls.indexOf(d)>=0||(jdgm.loadCSS.requestedUrls.push(d),
1307(a=e.createElement("link")).rel="stylesheet",a.class="jdgm-stylesheet",a.media="nope!",
1308a.href=d,a.onload=function(){this.media="all",t&&setTimeout(t)},e.body.appendChild(a))},
1309jdgm.loadCSS.requestedUrls=[],jdgm.loadJS=function(e,d){var t=new XMLHttpRequest;
1310t.onreadystatechange=function(){4===t.readyState&&t.status>=200&&t.status<300&&(Function(t.response)(),d&&d(t.response))},
1311t.open("GET",e),t.onerror=function(){if(e.indexOf(jdgm.CDN_HOST)===0&&jdgm.CDN_HOST_ALT!==jdgm.CDN_HOST){var f=e.replace(jdgm.CDN_HOST,jdgm.CDN_HOST_ALT);jdgm.loadJS(f,d)}},t.send()},jdgm.docReady((function(){(window.jdgmLoadCSS||e.querySelectorAll(
1312".jdgm-widget, .jdgm-all-reviews-page").length>0)&&(jdgmSettings.widget_load_with_code_splitting?
1313parseFloat(jdgmSettings.widget_version)>=3?jdgm.loadCSS(jdgm.CDN_BASE_URL+"widget_v3_base.css"):
1314jdgm.loadCSS(jdgm.CDN_BASE_URL+"widget_base.css"):jdgm.loadCSS(jdgm.CDN_BASE_URL+"shopify_v2.css")
1315)}))}(document);
1316</script>
1316
1317<noscript><link rel="stylesheet" type="text/css" media="all" href="https://cdn.shopify.com/extensions/01a0fd03-c455-7b82-9766-74101e55572c/judgeme-771/assets/shopify_v2.css"></noscript>
1318
1319<!-- BEGIN app snippet: theme_fix_tags -->
1319<script>
1320  (function() {
1321    var jdgmThemeFixes = null;
1322    if (!jdgmThemeFixes) return;
1323
1324    // "All themes" fix: CSS and JS applied on every theme. CSS is injected
1325    // before the per-theme fix so the theme-specific CSS wins the cascade.
1326    // HTML is never applied globally (too risky).
1327    var allThemesFix = jdgmThemeFixes['all'];
1328    if (allThemesFix && allThemesFix.css) {
1329      var allStyleTag = document.createElement('style');
1330      allStyleTag.classList.add('jdgm-theme-fix-style-all');
1331      allStyleTag.innerHTML = allThemesFix.css;
1332      document.head.append(allStyleTag);
1333    };
1334
1335    if (allThemesFix && allThemesFix.js) {
1336      var allScriptTag = document.createElement('script');
1337      allScriptTag.classList.add('jdgm-theme-fix-script-all');
1338      allScriptTag.innerHTML = allThemesFix.js;
1339      document.head.append(allScriptTag);
1340    };
1341
1342    var thisThemeFix = jdgmThemeFixes[Shopify.theme.id];
1343    if (!thisThemeFix) return;
1344
1345    if (thisThemeFix.html) {
1346      document.addEventListener("DOMContentLoaded", function() {
1347        var htmlDiv = document.createElement('div');
1348        htmlDiv.classList.add('jdgm-theme-fix-html');
1349        htmlDiv.innerHTML = thisThemeFix.html;
1350        document.body.append(htmlDiv);
1351      });
1352    };
1353
1354    if (thisThemeFix.css) {
1355      var styleTag = document.createElement('style');
1356      styleTag.classList.add('jdgm-theme-fix-style');
1357      styleTag.innerHTML = thisThemeFix.css;
1358      document.head.append(styleTag);
1359    };
1360
1361    if (thisThemeFix.js) {
1362      var scriptTag = document.createElement('script');
1363      scriptTag.classList.add('jdgm-theme-fix-script');
1364      scriptTag.innerHTML = thisThemeFix.js;
1365      document.head.append(scriptTag);
1366    };
1367  })();
1368</script>
1368
1369<!-- END app snippet -->
1370<!-- End of Judge.me Core -->
1371
1372
1373
1374<!-- END app block --><!-- BEGIN app block: shopify://apps/uppromote-affiliate/blocks/message-bar/64c32457-930d-4cb9-9641-e24c0d9cf1f4 -->
1375
1376<style>
1377    body {
1378        transition: padding-top .2s;
1379    }
1380    .scaaf-message-bar {
1381        --primary-text-color: ;
1382        --secondary-text-color: ;
1383        --primary-bg-color: ;
1384        --secondary-bg-color: ;
1385        --primary-text-size: px;
1386        --secondary-text-size: px;
1387        text-align: center;
1388        display: block;
1389        width: 100%;
1390        padding: 10px;
1391        animation-duration: .5s;
1392        animation-name: fadeIn;
1393        position: absolute;
1394        top: 0;
1395        left: 0;
1396        width: 100%;
1397        z-index: 10;
1398    }
1399
1400    .scaaf-message-bar-content {
1401        margin: 0;
1402        padding: 0;
1403    }
1404
1405    .scaaf-message-bar[data-layout=referring] {
1406        background-color: var(--primary-bg-color);
1407        color: var(--primary-text-color);
1408        font-size: var(--primary-text-size);
1409    }
1410
1411    .scaaf-message-bar[data-layout=direct] {
1412        background-color: var(--secondary-bg-color);
1413        color: var(--secondary-text-color);
1414        font-size: var(--secondary-text-size);
1415    }
1416
1417</style>
1418
1419<script type="text/javascript">
1420    (function() {
1421        let container, contentContainer
1422        const settingTag = document.querySelector('script#uppromote-message-bar-setting')
1423
1424        if (!settingTag || !settingTag.textContent) {
1425            return
1426        }
1427
1428        const setting = JSON.parse(settingTag.textContent)
1429        if (!setting.referral_enable) {
1430            return
1431        }
1432
1433        const getCookie = (cName) => {
1434            const name = cName + '='
1435            const ca = document.cookie.split(';')
1436            for (let i = 0; i < ca.length; i++) {
1437                let c = ca[i]
1438                while (c.charAt(0) === ' ') {
1439                    c = c.substring(1)
1440                }
1441                if (c.indexOf(name) === 0) {
1442                    const raw = c.substring(name.length, c.length)
1443                    // Decode this value only, not the whole cookie string, so one malformed
1444                    // cookie (bare %) or a ';' inside another value can't break parsing here.
1445                    try {
1446                        return decodeURIComponent(raw)
1447                    } catch {
1448                        return raw
1449                    }
1450                }
1451            }
1452
1453            return null
1454        }
1455
1456        function renderContainer() {
1457            container = document.createElement('div')
1458            container.classList.add('scaaf-message-bar')
1459            contentContainer = document.createElement('p')
1460            contentContainer.classList.add('scaaf-message-bar-content')
1461            container.append(contentContainer)
1462        }
1463
1464        function calculateLayout() {
1465            const height = container.scrollHeight
1466
1467            function onMouseMove() {
1468                document.body.style.paddingTop = `${height}px`
1469                document.body.removeEventListener('mousemove', onMouseMove)
1470                document.body.removeEventListener('touchstart', onMouseMove)
1471            }
1472
1473            document.body.addEventListener('mousemove', onMouseMove)
1474            document.body.addEventListener('touchstart', onMouseMove)
1475        }
1476
1477        renderContainer()
1478
1479        function fillDirectContent() {
1480            if (!setting.not_referral_enable) {
1481                // Nothing to show: drop the optimistic "Loading" bar prepareForReferring may have left
1482                container.remove()
1483                return
1484            }
1485            contentContainer.style.visibility = 'visible'
1486            container.dataset.layout = 'direct'
1487            contentContainer.textContent = setting.not_referral_content
1488            document.body.prepend(container)
1489            calculateLayout()
1490        }
1491
1492        function prepareForReferring() {
1493            contentContainer.textContent = 'Loading'
1494            contentContainer.style.visibility = 'hidden'
1495            document.body.prepend(container)
1496            calculateLayout()
1497        }
1498
1499        function fillReferringContent(aff) {
1500            container.dataset.layout = 'referring'
1501            // Guard referral_content so a missing template can't throw and leave the bar stuck on "Loading"
1502            contentContainer.textContent = (setting.referral_content || '')
1503                .replaceAll('{affiliate_name}', aff.name)
1504                .replaceAll('{company}', aff.company)
1505                .replaceAll('{affiliate_firstname}', aff.first_name)
1506                .replaceAll('{personal_detail}', aff.personal_detail)
1507            contentContainer.style.visibility = 'visible'
1508        }
1509
1510        function safeJsonParse (str) {
1511            if (!str) return null;
1512            try {
1513                return JSON.parse(str);
1514            } catch {
1515                return null;
1516            }
1517        }
1518
1519        function renderFromCookie(affiliateID) {
1520            if (!affiliateID) {
1521                fillDirectContent()
1522                return
1523            }
1524
1525            prepareForReferring()
1526
1527            let info = null
1528            const raw = getCookie('_up_a_info')
1529            if (raw) {
1530                info = safeJsonParse(raw)
1531            }
1532
1533            if (!info) {
1534                fillDirectContent()
1535                return
1536            }
1537
1538            const aff = {
1539                company: info.company || '',
1540                name: (info.first_name || '') + ' ' + (info.last_name || ''),
1541                first_name: info.first_name || '',
1542                personal_detail: getCookie('scaaf_pd') || ''
1543            }
1544
1545            fillReferringContent(aff)
1546        }
1547
1548        function paintMessageBar() {
1549            if (!document.body) {
1550                return requestAnimationFrame(paintMessageBar)
1551            }
1552
1553            const urlParams = new URLSearchParams(window.location.search)
1554            const scaRef = urlParams.get("sca_ref")
1555            const urlAffiliateID = scaRef ? scaRef.split('.')[0] + '' : null
1556            const cookieAffiliateID = getCookie('up_uppromote_aid')
1557            const isReferralLink = !!scaRef
1558
1559            if (!isReferralLink) {
1560                if (cookieAffiliateID) {
1561                    renderFromCookie(cookieAffiliateID)
1562                    return
1563                }
1564                fillDirectContent()
1565                return
1566            }
1567
1568            if (cookieAffiliateID === urlAffiliateID) {
1569                renderFromCookie(cookieAffiliateID)
1570                return
1571            }
1572
1573            const lastClick = Number(getCookie('up_uppromote_lc') || 0)
1574            const diffMinuteFromNow = (Date.now() - lastClick) / (60 * 1000)
1575            if (diffMinuteFromNow <= 1) {
1576                renderFromCookie(cookieAffiliateID)
1577                return
1578            }
1579
1580            let waited = 0
1581            const MAX_WAIT = 5000
1582            const INTERVAL = 300
1583
1584            const timer = setInterval(() => {
1585                const newCookieID = getCookie('up_uppromote_aid')
1586                const isStillThatAffiliate = newCookieID === urlAffiliateID
1587                const isReceived = localStorage.getItem('up_uppromote_received') === '1'
1588                let isLoadedAffiliateInfoDone = !!safeJsonParse(getCookie('_up_a_info'))
1589
1590                if (isReceived && isStillThatAffiliate && isLoadedAffiliateInfoDone) {
1591                    clearInterval(timer)
1592                    renderFromCookie(newCookieID)
1593                    return
1594                }
1595
1596                waited += INTERVAL
1597                if (waited >= MAX_WAIT) {
1598                    clearInterval(timer)
1599                    fillDirectContent()
1600                }
1601            }, INTERVAL)
1602        }
1603
1604        requestAnimationFrame(paintMessageBar)
1605    })()
1606</script>
1606
1607
1608
1609<!-- END app block --><!-- BEGIN app block: shopify://apps/uppromote-affiliate/blocks/core-script/64c32457-930d-4cb9-9641-e24c0d9cf1f4 --><!-- BEGIN app snippet: core-metafields-setting --><!--suppress ES6ConvertVarToLetConst -->
1610<script type="application/json" id="core-uppromote-settings">{"active_reg_from":true,"app_env":{"env":"production"}}</script>
vendor: 1 bytes, line 1610
1610
1611<script type="application/json" id="core-uppromote-cart">{"note":null,"attributes":{},"original_total_price":0,"total_price":0,"total_discount":0,"total_weight":0.0,"item_count":0,"items":[],"requires_shipping":false,"currency":"PKR","items_subtotal_price":0,"cart_level_discount_applications":[],"checkout_charge_amount":0}</script>
1611
1612
1613<script id="core-uppromote-quick-store-tracking-vars">
1614    function getDocumentContext(){const{href:a,hash:b,host:c,hostname:d,origin:e,pathname:f,port:g,protocol:h,search:i}=window.location,j=document.referrer,k=document.characterSet,l=document.title;return{location:{href:a,hash:b,host:c,hostname:d,origin:e,pathname:f,port:g,protocol:h,search:i},referrer:j||document.location.href,characterSet:k,title:l}}function getNavigatorContext(){const{language:a,cookieEnabled:b,languages:c,userAgent:d}=navigator;return{language:a,cookieEnabled:b,languages:c,userAgent:d}}function getWindowContext(){const{innerHeight:a,innerWidth:b,outerHeight:c,outerWidth:d,origin:e,screen:{height:j,width:k},screenX:f,screenY:g,scrollX:h,scrollY:i}=window;return{innerHeight:a,innerWidth:b,outerHeight:c,outerWidth:d,origin:e,screen:{screenHeight:j,screenWidth:k},screenX:f,screenY:g,scrollX:h,scrollY:i,location:getDocumentContext().location}}function getContext(){return{document:getDocumentContext(),navigator:getNavigatorContext(),window:getWindowContext()}}
1615    if (window.location.href.includes('?sca_ref=')) {
1616        localStorage.setItem('__up_lastViewedPageContext', JSON.stringify({
1617            context: getContext(),
1618            timestamp: new Date().toISOString(),
1619        }))
1620    }
1621</script>
1621
1622
1623
1624<script id="core-uppromote-setting-booster">
1625    var UpPromoteCoreSettings = JSON.parse(document.getElementById('core-uppromote-settings').textContent)
1626    UpPromoteCoreSettings.currentCart = JSON.parse(document.getElementById('core-uppromote-cart')?.textContent || '{}')
1627    const idToClean = ['core-uppromote-settings', 'core-uppromote-cart', 'core-uppromote-setting-booster', 'core-uppromote-quick-store-tracking-vars']
1628    idToClean.forEach(id => {
1629        document.getElementById(id)?.remove()
1630    })
1631</script>
1631
1632<!-- END app snippet -->
1633
1634
1635<!-- END app block --><!-- BEGIN app block: shopify://apps/gempages-builder/blocks/embed-gp-script-head/20b379d4-1b20-474c-a6ca-665c331919f3 -->
1636
1637
1638
1639
1640
1641
1642
1643
1644
1645
1646
1647
1648
1649
1650<!-- END app block --><!-- BEGIN app block: shopify://apps/uppromote-affiliate/blocks/customer-referral/64c32457-930d-4cb9-9641-e24c0d9cf1f4 --><link rel="preload" href="https://cdn.shopify.com/extensions/01a0eb5b-13b6-751a-b6c1-a42e5b9b7333/affliate-by-secomapp-128/assets/customer-referral.css" as="style" onload="this.onload=null;this.rel='stylesheet'">
1651<script>
1652  document.addEventListener("DOMContentLoaded", function () {
1653    const params = new URLSearchParams(window.location.search);
1654    if (params.has('sca_ref') || params.has('sca_crp')) {
1655      document.body.setAttribute('is-affiliate-link', '');
1656    }
1657  });
1658</script>
1658
1659
1660
1661<!-- END app block --><!-- BEGIN app block: shopify://apps/mergn/blocks/index/52d5f725-db4d-4931-bef3-895243f3807b --><!-- BEGIN app snippet: log-debug -->
1661<script>
1662  window.logDebug = (LogLevel, message) => {
1663    const mergnLogLevel = localStorage.getItem('mergnDebugLevel');
1664
1665    if (!mergnLogLevel || mergnLogLevel == 0) return;
1666
1667    if (mergnLogLevel >= 3) {
1668      if (LogLevel == 1) {
1669        console.info(`INFO: ${new Date().toISOString()}`, message);
1670      } else if (LogLevel === 2) {
1671        console.trace(`ERROR: ${new Date().toISOString()}`, message);
1672      }
1673    } else if (mergnLogLevel == 1 && LogLevel == 1) {
1674      console.info(`INFO: ${new Date().toISOString()}`, message);
1675    } else if (mergnLogLevel == 2 && LogLevel == 2) {
1676      console.trace(`ERROR: ${new Date().toISOString()}`, message);
1677    }
1678  };
1679</script>
1679
1680<!-- END app snippet -->
1681
1682<script>
1683  (function () {
1684
1685      
1686
1687      const apiKey = "789ae15m440rgn3ca02aa9abf28bdf475ae6f8c4320379f4fd6e90d34c791e486efd865";
1688
1689    if (apiKey) {
1690      const script = document.createElement('script');
1691      script.src = 'https://cdn.jsdelivr.net/npm/mergn-webapp-sdk@latest/dist/index.global.js';
1692      script.async = true;
1693
1694      script.onload = function () {
1695        window.mergn.init(apiKey, {
1696          shopify: true,
1697          isExtensionSW: true,
1698        });
1699
1700        // The SDK loads asynchronously, so customer attributes captured during
1701        // page parse are queued on window and flushed here, after init.
1702        var c = window.__mergnCustomer;
1703        if (c && !window.__mergnCustomerSent && typeof window.mergn.recordAttribute === 'function') {
1704          window.__mergnCustomerSent = true;
1705          if (c.email) window.mergn.recordAttribute('Email', c.email);
1706          if (c.firstName) window.mergn.recordAttribute('first-name', c.firstName);
1707          if (c.lastName) window.mergn.recordAttribute('last-name', c.lastName);
1708          if (c.phone) window.mergn.recordAttribute('Mobile', c.phone);
1709        }
1710      };
1711
1712      document.head.appendChild(script);
1713    }
1714  })();
1715</script>
1715
1716
1717<!-- BEGIN app snippet: tags -->
1717<script>
1718  (function () {
1719    // Load existing tags map from localStorage (if any)
1720    const storedTagsMap = localStorage.getItem("productTagsMap");
1721    window.productTagsMap = storedTagsMap ? JSON.parse(storedTagsMap) : {};
1722
1723    // Helper to save/update localStorage
1724    function saveTagsMap() {
1725      localStorage.setItem("productTagsMap", JSON.stringify(window.productTagsMap));
1726      if (typeof logDebug === "function") {
1727        logDebug(1, "Product tags saved to localStorage for page page");
1728        logDebug(1, window.productTagsMap);
1729      }
1730    }
1731
1732    
1733
1734    saveTagsMap();
1735  })();
1736</script>
1736
1737<!-- END app snippet -->
1738
1739
1740<!-- BEGIN app snippet: discount-banner --><style>
1741  .mergn-db {
1742    position: fixed;
1743    z-index: 2147483000;
1744    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
1745    line-height: 1.4;
1746    transition: transform 220ms ease, opacity 220ms ease;
1747    background: #0f172a;
1748    color: #ffffff;
1749  }
1750
1751  .mergn-db--top    { top: 16px;    right: 16px; }
1752  .mergn-db--bottom { bottom: 16px; right: 16px; }
1753
1754  .mergn-db--toast {
1755    display: flex;
1756    align-items: flex-start;
1757    gap: 12px;
1758    width: 360px;
1759    max-width: calc(100vw - 32px);
1760    padding: 14px 16px;
1761    border-radius: 12px;
1762    box-shadow: 0 12px 32px rgba(0, 0, 0, 0.28);
1763    border: 1px solid rgba(255, 255, 255, 0.06);
1764  }
1765
1766  .mergn-db__icon {
1767    flex: 0 0 auto;
1768    width: 34px;
1769    height: 34px;
1770    border-radius: 50%;
1771    display: grid;
1772    place-items: center;
1773    background: rgba(232, 121, 74, 0.18);
1774    font-size: 17px;
1775  }
1776
1777  .mergn-db__content { flex: 1; min-width: 0; }
1778
1779  .mergn-db__title {
1780    font-weight: 700;
1781    font-size: 15px;
1782    color: #5fbfa9;
1783    letter-spacing: 0.2px;
1784    margin: 0 0 2px;
1785  }
1786
1787  .mergn-db__body {
1788    font-size: 14px;
1789    opacity: 0.92;
1790    margin: 0;
1791  }
1792
1793  .mergn-db__code {
1794    display: inline-block;
1795    margin-top: 8px;
1796    padding: 3px 10px;
1797    border-radius: 999px;
1798    background: rgba(255, 255, 255, 0.12);
1799    font-weight: 700;
1800    font-size: 12px;
1801    letter-spacing: 0.6px;
1802  }
1803
1804  .mergn-db__close {
1805    background: #e8794a;
1806    color: #ffffff;
1807    border: 0;
1808    border-radius: 6px;
1809    padding: 7px 14px;
1810    font-size: 12px;
1811    font-weight: 600;
1812    cursor: pointer;
1813    white-space: nowrap;
1814    align-self: flex-start;
1815  }
1816
1817  .mergn-db--pill {
1818    display: inline-flex;
1819    align-items: center;
1820    gap: 8px;
1821    padding: 8px 10px 8px 12px;
1822    border-radius: 999px;
1823    box-shadow: 0 8px 22px rgba(0, 0, 0, 0.22);
1824    border: 1px solid rgba(255, 255, 255, 0.08);
1825    cursor: pointer;
1826    font-size: 13px;
1827  }
1828
1829  .mergn-db--pill:hover { transform: translateY(-1px); }
1830
1831  .mergn-db__pill-icon { font-size: 14px; }
1832
1833  .mergn-db__pill-code {
1834    font-weight: 700;
1835    color: #5fbfa9;
1836    letter-spacing: 0.4px;
1837  }
1838
1839  .mergn-db__pill-close {
1840    background: transparent;
1841    border: 0;
1842    color: inherit;
1843    opacity: 0.55;
1844    cursor: pointer;
1845    font-size: 16px;
1846    line-height: 1;
1847    padding: 0 2px 0 6px;
1848  }
1849
1850  .mergn-db__pill-close:hover { opacity: 1; }
1851
1852  .mergn-db--entering { opacity: 0; transform: translateY(20px); }
1853  .mergn-db--leaving  { opacity: 0; transform: translateY(20px); }
1854
1855  @media (max-width: 640px) {
1856    .mergn-db--toast { width: auto; left: 16px; right: 16px; }
1857  }
1858</style>
1859
1860<script>
1861  (function () {
1862    "use strict";
1863
1864    var SETTINGS = {
1865      position: "top",
1866      autoDismissSeconds: 8,
1867      buttonText: "Got it",
1868      useStub: false
1869    };
1870
1871    var API_BASE = "https://api.mergn.com/sdk-management";
1872    var ATTRIBUTES_PATH = "/api/v2/event/customer/{id}/attributes";
1873    var CUSTOMER_LS_KEY = "customer";
1874    var STATE_KEY = "mergn_discount_banner_v1";
1875    var MAX_IDENTITY_RETRIES = 3;
1876    var IDENTITY_RETRY_MS = 1500;
1877
1878    function readState() {
1879      try {
1880        var raw = sessionStorage.getItem(STATE_KEY);
1881        return raw ? JSON.parse(raw) : null;
1882      } catch (_) { return null; }
1883    }
1884
1885    function writeState(state) {
1886      try { sessionStorage.setItem(STATE_KEY, JSON.stringify(state)); } catch (_) {}
1887    }
1888
1889    function clearState() {
1890      try { sessionStorage.removeItem(STATE_KEY); } catch (_) {}
1891    }
1892
1893    function init(retriesLeft) {
1894      var params = new URLSearchParams(window.location.search);
1895      var isMergn = params.get("utm_source") === "mergn";
1896      var voucherCode = params.get("discount_applied");
1897      var campaignId = params.get("utm_campaign");
1898
1899      var stored = readState();
1900
1901      // A new Mergn link with a different code overrides any prior session state.
1902      if (isMergn && voucherCode && stored && stored.code !== voucherCode) {
1903        clearState();
1904        stored = null;
1905      }
1906
1907      if (stored && stored.state === "dismissed") return;
1908
1909      if (stored && stored.state === "pill" && stored.code) {
1910        renderPill({ code: stored.code, firstName: stored.firstName, campaignId: stored.campaignId });
1911        return;
1912      }
1913
1914      if (!isMergn || !voucherCode) return;
1915
1916      var customerId = null;
1917      try { customerId = localStorage.getItem(CUSTOMER_LS_KEY); } catch (_) {}
1918
1919      if (!customerId) {
1920        if (retriesLeft > 0) {
1921          setTimeout(function () { init(retriesLeft - 1); }, IDENTITY_RETRY_MS);
1922        }
1923        return;
1924      }
1925
1926      var appliedCheck = SETTINGS.useStub
1927        ? Promise.resolve(isStubCodeValid(voucherCode))
1928        : isVoucherAppliedOnCart(voucherCode);
1929
1930      appliedCheck
1931        .then(function (applied) {
1932          if (!applied) return null;
1933          return fetchCustomerAttributes(customerId);
1934        })
1935        .then(function (attributes) {
1936          if (attributes === null) return;
1937          renderToast({
1938            code: voucherCode,
1939            campaignId: campaignId,
1940            firstName: pickFirstName(attributes || {})
1941          });
1942        })
1943        .catch(function () {});
1944    }
1945
1946    function fetchCustomerAttributes(customerId) {
1947      if (SETTINGS.useStub) return Promise.resolve({ "first-name": "Hamza" });
1948      var apiKey = "789ae15m440rgn3ca02aa9abf28bdf475ae6f8c4320379f4fd6e90d34c791e486efd865";
1949      var url = API_BASE + ATTRIBUTES_PATH.replace("{id}", encodeURIComponent(customerId));
1950      return fetch(url, {
1951        method: "GET",
1952        headers: { "Authorization": apiKey, "Accept": "application/json" }
1953      })
1954        .then(function (r) { return r.ok ? r.json() : null; })
1955        .then(function (res) {
1956          if (!res) return {};
1957          return res.data || res;
1958        })
1959        .catch(function () { return {}; });
1960    }
1961
1962    function pickFirstName(attrs) {
1963      if (!attrs) return "";
1964      var candidates = ["first-name", "first_name", "firstName", "FirstName", "First-Name", "First Name"];
1965      for (var i = 0; i < candidates.length; i++) {
1966        var v = attrs[candidates[i]];
1967        if (typeof v === "string" && v.trim()) return v.trim();
1968      }
1969      var fullCandidates = ["full name", "full-name", "full_name", "fullName", "name"];
1970      for (var j = 0; j < fullCandidates.length; j++) {
1971        var fv = attrs[fullCandidates[j]];
1972        if (typeof fv === "string" && fv.trim()) return fv.trim().split(/\s+/)[0];
1973      }
1974      return "";
1975    }
1976
1977    function isStubCodeValid(code) {
1978      if (!code) return false;
1979      var c = String(code).toUpperCase();
1980      var bad = ["INVALID", "EXPIRED", "USED", "WRONG"];
1981      for (var i = 0; i < bad.length; i++) {
1982        if (c.indexOf(bad[i]) !== -1) return false;
1983      }
1984      return true;
1985    }
1986
1987    function isVoucherAppliedOnCart(voucherCode) {
1988      return fetch("/cart.js", { credentials: "same-origin", headers: { "Accept": "application/json" } })
1989        .then(function (r) { return r.ok ? r.json() : null; })
1990        .then(function (cart) {
1991          if (!cart) return false;
1992          var codes = Array.isArray(cart.discount_codes) ? cart.discount_codes : [];
1993          var match = codes.find ? codes.find(function (d) { return d && d.code === voucherCode; }) : null;
1994          if (!match) return false;
1995          if (typeof match.applicable === "boolean") return match.applicable;
1996          return true;
1997        })
1998        .catch(function () { return false; });
1999    }
2000
2001    function positionClass() {
2002      return SETTINGS.position === "top" ? "mergn-db--top" : "mergn-db--bottom";
2003    }
2004
2005    function renderToast(data) {
2006      var existing = document.querySelector(".mergn-db");
2007      if (existing && existing.parentNode) existing.parentNode.removeChild(existing);
2008
2009      var el = document.createElement("div");
2010      el.className = "mergn-db mergn-db--toast " + positionClass() + " mergn-db--entering";
2011
2012      var icon = document.createElement("div");
2013      icon.className = "mergn-db__icon";
2014      icon.textContent = "🎁";
2015
2016      var content = document.createElement("div");
2017      content.className = "mergn-db__content";
2018
2019      var title = document.createElement("div");
2020      title.className = "mergn-db__title";
2021      title.textContent = (data.firstName ? "Hi " + data.firstName + "! " : "") + "your discount is applied";
2022
2023      var body = document.createElement("div");
2024      body.className = "mergn-db__body";
2025      body.textContent = "Will be applied at checkout.";
2026
2027      var codeChip = document.createElement("span");
2028      codeChip.className = "mergn-db__code";
2029      codeChip.textContent = data.code;
2030
2031      content.appendChild(title);
2032      content.appendChild(body);
2033      content.appendChild(codeChip);
2034
2035      var close = document.createElement("button");
2036      close.type = "button";
2037      close.className = "mergn-db__close";
2038      close.textContent = SETTINGS.buttonText || "Got it";
2039      close.addEventListener("click", function () { collapseToPill(el, data); });
2040
2041      el.appendChild(icon);
2042      el.appendChild(content);
2043      el.appendChild(close);
2044      document.body.appendChild(el);
2045
2046      requestAnimationFrame(function () { el.classList.remove("mergn-db--entering"); });
2047
2048      var seconds = Number(SETTINGS.autoDismissSeconds);
2049      if (seconds > 0) setTimeout(function () { collapseToPill(el, data); }, seconds * 1000);
2050    }
2051
2052    function collapseToPill(toastEl, data) {
2053      if (!toastEl || !toastEl.parentNode) return;
2054      writeState({
2055        state: "pill",
2056        code: data.code,
2057        firstName: data.firstName,
2058        campaignId: data.campaignId
2059      });
2060      toastEl.classList.add("mergn-db--leaving");
2061      setTimeout(function () {
2062        if (toastEl.parentNode) toastEl.parentNode.removeChild(toastEl);
2063        renderPill(data);
2064      }, 220);
2065    }
2066
2067    function renderPill(data) {
2068      if (document.querySelector(".mergn-db--pill")) return;
2069
2070      var el = document.createElement("div");
2071      el.className = "mergn-db mergn-db--pill " + positionClass() + " mergn-db--entering";
2072
2073      var icon = document.createElement("span");
2074      icon.className = "mergn-db__pill-icon";
2075      icon.textContent = "🎁";
2076
2077      var label = document.createElement("span");
2078      var codeSpan = document.createElement("span");
2079      codeSpan.className = "mergn-db__pill-code";
2080      codeSpan.textContent = data.code;
2081      label.appendChild(codeSpan);
2082      label.appendChild(document.createTextNode(" applied"));
2083
2084      var close = document.createElement("button");
2085      close.type = "button";
2086      close.className = "mergn-db__pill-close";
2087      close.setAttribute("aria-label", "Dismiss");
2088      close.textContent = "×";
2089      close.addEventListener("click", function (e) {
2090        e.stopPropagation();
2091        writeState({ state: "dismissed", code: data.code });
2092        dismissEl(el);
2093      });
2094
2095      el.addEventListener("click", function () {
2096        if (el.parentNode) el.parentNode.removeChild(el);
2097        renderToast(data);
2098      });
2099
2100      el.appendChild(icon);
2101      el.appendChild(label);
2102      el.appendChild(close);
2103      document.body.appendChild(el);
2104
2105      requestAnimationFrame(function () { el.classList.remove("mergn-db--entering"); });
2106    }
2107
2108    function dismissEl(el) {
2109      if (!el || !el.parentNode) return;
2110      el.classList.add("mergn-db--leaving");
2111      setTimeout(function () { if (el.parentNode) el.parentNode.removeChild(el); }, 220);
2112    }
2113
2114    if (document.readyState === "loading") {
2115      document.addEventListener("DOMContentLoaded", function () { init(MAX_IDENTITY_RETRIES); });
2116    } else {
2117      init(MAX_IDENTITY_RETRIES);
2118    }
2119  })();
2120</script>
2120
2121<!-- END app snippet -->
2122
2123
2124
2125
2126<!-- END app block -->
2126<script src="https://cdn.shopify.com/extensions/01a0fd03-c455-7b82-9766-74101e55572c/judgeme-771/assets/loader.js" type="text/javascript" defer="defer"></script>
vendor: 1 bytes, line 2126
2126
2127<script src="https://cdn.shopify.com/extensions/01a0eb5b-13b6-751a-b6c1-a42e5b9b7333/affliate-by-secomapp-128/assets/core.min.js" type="text/javascript" defer="defer"></script>
vendor: 1 bytes, line 2127
2127
2128<script src="https://cdn.shopify.com/extensions/01a0eb5b-13b6-751a-b6c1-a42e5b9b7333/affliate-by-secomapp-128/assets/customer-referral.js" type="text/javascript" defer="defer"></script>
2128
2129<link href="https://monorail-edge.shopifysvc.com" rel="dns-prefetch">
2130<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: 50975506593,url: window.location.href,navigation_start,duration: currentMs - navigation_start,session_token,page_type: "page"};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 2130
2130
2131<script>
2132  window.__TREKKIE_SHIM_QUEUE = window.__TREKKIE_SHIM_QUEUE || [];
2133</script>
vendor: 1 bytes, line 2133
2133
2134<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}
2134).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: 50975506593,storefrontBaseUrl: "https://cozmetica.pk",extensionsBaseUrl: "https://extensions.shopifycdn.com/cdn/shopifycloud/web-pixels-manager",monorailEndpoint: "https://cozmetica.pk/.well-known/shopify/monorail/unstable/produce_batch",surface: "storefront-renderer",enabledBetaFlags: ["4c64608a","16072cab","8450a54b","7ee89bf1"],webPixelsConfigList: [{"id":"2098659489","configuration":"{\"pixelCode\":\"D7L3MURC77U72MIL9O4G\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"22e92c2ad45662f435e4801458fb78cc","type":"APP","apiClientId":4383523,"privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized"}
2134,{"id":"1718386849","configuration":"{\"config\":\"{\\\"google_tag_ids\\\":[\\\"G-8L3WSRWTLR\\\",\\\"AW-591630570\\\",\\\"GT-TWQZDV2T\\\"],\\\"target_country\\\":\\\"PK\\\",\\\"gtag_events\\\":[{\\\"type\\\":\\\"begin_checkout\\\",\\\"action_label\\\":[\\\"G-8L3WSRWTLR\\\",\\\"AW-591630570\\\/YKiiCJ3f2dwcEOqhjpoC\\\"]},{\\\"type\\\":\\\"search\\\",\\\"action_label\\\":\\\"G-8L3WSRWTLR\\\"},{\\\"type\\\":\\\"remove_from_cart\\\",\\\"action_label\\\":\\\"G-8L3WSRWTLR\\\"},{\\\"type\\\":\\\"view_item\\\",\\\"action_label\\\":[\\\"G-8L3WSRWTLR\\\",\\\"MC-7Y7E3VTPCK\\\"]},{\\\"type\\\":\\\"add_shipping_info\\\",\\\"action_label\\\":\\\"G-8L3WSRWTLR\\\"},{\\\"type\\\":\\\"purchase\\\",\\\"action_label\\\":[\\\"G-8L3WSRWTLR\\\",\\\"AW-591630570\\\/7eELCIKZ1NwcEOqhjpoC\\\",\\\"MC-7Y7E3VTPCK\\\"]},{\\\"type\\\":\\\"page_view\\\",\\\"action_label\\\":[\\\"G-8L3WSRWTLR\\\",\\\"AW-591630570\\\/VpHYCKPf2dwcEOqhjpoC\\\",\\\"MC-7Y7E3VTPCK\\\"]},{\\\"type\\\":\\\"view_item_list\\\",\\\"action_label\\\":\\\"G-8L3WSRWTLR\\\"},{\\\"type\\\":\\\"add_payment_info\\\",\\\"action_label\\\":\\\"G-8L3WSRWTLR\\\"},{\\\"type\\\":\\\"add_to_cart\\\",\\\"action_label\\\":[\\\"G-8L3WSRWTLR\\\",\\\"AW-591630570\\\/haU2CKDf2dwcEOqhjpoC\\\"]},{\\\"type\\\":\\\"view_cart\\\",\\\"action_label\\\":\\\"G-8L3WSRWTLR\\\"}],\\\"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":"1022263457","configuration":"{\"pixel_id\":\"3501517379993498\",\"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":"852230305","configuration":"{\"shopId\":\"215455\",\"env\":\"production\",\"metaData\":\"[]\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"8323bee30e1ec3ae135ae5e0cef4ab6d","type":"APP","apiClientId":2773553,"privacyPurposes":[],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"unrestricted"},{"id":"809697441","configuration":"{\"webPixelName\":\"Judge.me\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"8acc938b1a30dc7624e304493ca567d7","type":"APP","apiClientId":683015,"privacyPurposes":["ANALYTICS"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"unrestricted"},{"id":"732135585","configuration":"{\"accountID\":\"84060490-da58-46c0-bbd2-45ce30248e20\",\"apiKey\":\"789ae15m440rgn3ca02aa9abf28bdf475ae6f8c4320379f4fd6e90d34c791e486efd865\",\"events\":\"[{\\\"id\\\":\\\"1\\\",\\\"event\\\":\\\"cart_viewed\\\"},{\\\"event\\\":\\\"checkout_address_info_submitted\\\",\\\"id\\\":\\\"2\\\"},{\\\"event\\\":\\\"checkout_completed\\\",\\\"id\\\":\\\"3\\\"},{\\\"event\\\":\\\"checkout_contact_info_submitted\\\",\\\"id\\\":\\\"4\\\"},{\\\"event\\\":\\\"checkout_shipping_info_submitted\\\",\\\"id\\\":\\\"5\\\"},{\\\"event\\\":\\\"checkout_started\\\",\\\"id\\\":\\\"6\\\"},{\\\"event\\\":\\\"collection_viewed\\\",\\\"id\\\":\\\"7\\\"},{\\\"event\\\":\\\"page_viewed\\\",\\\"id\\\":\\\"8\\\"},{\\\"event\\\":\\\"payment_info_submitted\\\",\\\"id\\\":\\\"9\\\"},{\\\"event\\\":\\\"product_added_to_cart\\\",\\\"id\\\":\\\"10\\\"},{\\\"event\\\":\\\"product_removed_from_cart\\\",\\\"id\\\":\\\"11\\\"},{\\\"event\\\":\\\"product_viewed\\\",\\\"id\\\":\\\"12\\\"},{\\\"event\\\":\\\"search_submitted\\\",\\\"id\\\":\\\"13\\\"}]\",\"selectedEvents\":\"{\\\"cart_viewed\\\":{\\\"id\\\":\\\"1\\\",\\\"active\\\":true},\\\"checkout_address_info_submitted\\\":{\\\"id\\\":\\\"2\\\",\\\"active\\\":true},\\\"checkout_completed\\\":{\\\"id\\\":\\\"3\\\",\\\"active\\\":true},\\\"checkout_contact_info_submitted\\\":{\\\"id\\\":\\\"4\\\",\\\"active\\\":true},\\\"checkout_shipping_info_submitted\\\":{\\\"id\\\":\\\"5\\\",\\\"active\\\":true},\\\"checkout_started\\\":{\\\"id\\\":\\\"6\\\",\\\"active\\\":true},\\\"collection_viewed\\\":{\\\"id\\\":\\\"7\\\",\\\"active\\\":true},\\\"page_viewed\\\":{\\\"id\\\":\\\"8\\\",\\\"active\\\":true},\\\"payment_info_submitted\\\":{\\\"id\\\":\\\"9\\\",\\\"active\\\":true},\\\"product_added_to_cart\\\":{\\\"id\\\":\\\"10\\\",\\\"active\\\":true},\\\"product_removed_from_cart\\\":{\\\"id\\\":\\\"11\\\",\\\"active\\\":true},\\\"product_viewed\\\":{\\\"id\\\":\\\"12\\\",\\\"active\\\":true},\\\"search_submitted\\\":{\\\"id\\\":\\\"13\\\",\\\"active\\\":true}}\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"4631b514ab9e28557729b938f13ec59a","type":"APP","apiClientId":135399079937,"privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized"},{"id":"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":"Cozmetica","paymentSettings":{"currencyCode":"PKR"},"myshopifyDomain":"cozmeticaa.myshopify.com","countryCode":"PK","storefrontUrl":"https:\/\/cozmetica.pk"},"customer":null,"cart":null,"checkout":null,"productVariants":[],"products":[{"id":"6860983894177","handle":"maybelline-ny-fit-me-matte-poreless-liquid-foundation","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"42574026342561","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"6000027631777","handle":"artdeco-mineral-eye-styler","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"37465465094305","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"6000067444897","handle":"maybelline-superstay-matte-ink-liquid-lipstick","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"39308386861217","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"5998613397665","handle":"essence-draw-the-line-instant-color-lipliner","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"37459357073569","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]}],"purchasingCompany":null},},"https://cozmetica.pk/cdn","5982071ew7ea472e3p69b68784m2150dfea",{"modern":"","legacy":""},{"trekkieShim":true,"agentContext":true,"apiClientId":"580111","facebookCapiEnabled":"true","themeId":"152094179489","themePublished":"true","eventMetadataId":"2c2a0499-4c8f-486a-85f5-72e98bbc48c3","pageType":"page","resourceId":"73106555041","shopId":"50975506593","storefrontBaseUrl":"https:\/\/cozmetica.pk","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>
2134<script>
2135  window.ShopifyAnalytics = window.ShopifyAnalytics || {};
2136  window.ShopifyAnalytics.meta = window.ShopifyAnalytics.meta || {};
2137  window.ShopifyAnalytics.meta.currency = 'PKR';
2138  var meta = {"page":{"pageType":"page","resourceType":"page","resourceId":73106555041,"requestId":"c9e418d1-ae52-47b0-93c1-a7a879e174c3-1791059343"}};
2139  for (var attr in meta) {
2140    window.ShopifyAnalytics.meta[attr] = meta[attr];
2141  }
2142</script>
vendor: 1 bytes, line 2142
2142
2143<script class="analytics">
2144  (function () {
2145    var customDocumentWrite = function(content) {
2146      var jquery = null;
2147
2148      if (window.jQuery) {
2149        jquery = window.jQuery;
2150      } else if (window.Checkout && window.Checkout.$) {
2151        jquery = window.Checkout.$;
2152      }
2153
2154      if (jquery) {
2155        jquery('body').append(content);
2156      }
2157    };
2158
2159    var hasLoggedConversion = function(token) {
2160      if (token) {
2161        return document.cookie.indexOf('loggedConversion=' + token) !== -1;
2162      }
2163      return false;
2164    }
2165
2166    var setCookieIfConversion = function(token) {
2167      if (token) {
2168        var twoMonthsFromNow = new Date(Date.now());
2169        twoMonthsFromNow.setMonth(twoMonthsFromNow.getMonth() + 2);
2170
2171        document.cookie = 'loggedConversion=' + token + '; expires=' + twoMonthsFromNow;
2172      }
2173    }
2174
2175    var trekkie = window.ShopifyAnalytics.lib = window.trekkie = window.trekkie || [];
2176    window.ShopifyAnalytics.lib.trekkie = window.trekkie;
2177    if (trekkie.integrations) {
2178      return;
2179    }
2180    trekkie.methods = [
2181      'identify',
2182      'page',
2183      'ready',
2184      'track',
2185      'trackForm',
2186      'trackLink'
2187    ];
2188    trekkie.factory = function(method) {
2189      return function() {
2190        var args = Array.prototype.slice.call(arguments);
2191        args.unshift(method);
2192        trekkie.push(args);
2193        if (method == 'track' || method == 'page') {
2194          var pageUrl;
2195          try {
2196            pageUrl = window.location.href;
2197          } catch (e) {}
2198          var pageReferrer;
2199          try {
2200            pageReferrer = document.referrer;
2201          } catch (e) {}
2202          try {
2203            if (window.__TREKKIE_SHIM_QUEUE == null) {
2204              window.__TREKKIE_SHIM_QUEUE = [];
2205            }
2206            window.__TREKKIE_SHIM_QUEUE.push({
2207              from: 'trekkie-stub',
2208              method: method,
2209              args: args.slice(1),
2210              pageContext: {
2211                url: pageUrl,
2212                referrer: pageReferrer
2213              }
2214            });
2215          } catch (e) {
2216            // no-op
2217          }
2218        }
2219        return trekkie;
2220      };
2221    };
2222    for (var i = 0; i < trekkie.methods.length; i++) {
2223      var key = trekkie.methods[i];
2224      trekkie[key] = trekkie.factory(key);
2225    }
2226    trekkie.load = function(config) {
2227      trekkie.config = config || {};
2228      trekkie.config.initialDocumentCookie = document.cookie;
2229      var first = document.getElementsByTagName('script')[0];
2230var script = document.createElement('script');
2231script.type = 'text/javascript';
2232script.onerror = function(e) {
2233  var scriptFallback = document.createElement('script');
2234  scriptFallback.type = 'text/javascript';
2235  scriptFallback.onerror = function(error) {
2236          var Monorail = {
2237      produce: function produce(monorailDomain, schemaId, payload) {
2238        var currentMs = new Date().getTime();
2239        var event = {
2240          schema_id: schemaId,
2241          payload: payload,
2242          metadata: {
2243            event_created_at_ms: currentMs,
2244            event_sent_at_ms: currentMs
2245          }
2246        };
2247        return Monorail.sendRequest("https://" + monorailDomain + "/v1/produce", JSON.stringify(event));
2248      },
2249      sendRequest: function sendRequest(endpointUrl, payload) {
2250        // Try the sendBeacon API
2251        if (window && window.navigator && typeof window.navigator.sendBeacon === 'function' && typeof window.Blob === 'function' && !Monorail.isIos12()) {
2252          var blobData = new window.Blob([payload], {
2253            type: 'text/plain'
2254          });
2255
2256          if (window.navigator.sendBeacon(endpointUrl, blobData)) {
2257            return true;
2258          } // sendBeacon was not successful
2259
2260        } // XHR beacon
2261
2262        var xhr = new XMLHttpRequest();
2263
2264        try {
2265          xhr.open('POST', endpointUrl);
2266          xhr.setRequestHeader('Content-Type', 'text/plain');
2267          xhr.send(payload);
2268        } catch (e) {
2269          console.log(e);
2270        }
2271
2272        return false;
2273      },
2274      isIos12: function isIos12() {
2275        return window.navigator.userAgent.lastIndexOf('iPhone; CPU iPhone OS 12_') !== -1 || window.navigator.userAgent.lastIndexOf('iPad; CPU OS 12_') !== -1;
2276      }
2277    };
2278    Monorail.produce('monorail-edge.shopifysvc.com',
2279      'trekkie_storefront_load_errors/1.1',
2280      {shop_id: 50975506593,
2281      theme_id: 152094179489,
2282      app_name: "storefront",
2283      context_url: window.location.href,
2284      source_url: "//cozmetica.pk/cdn/s/trekkie.storefront.2f6d7d7ede7d24234881a9cd5f47e679642fa1f6.min.js"});
2285
2286  };
2287  scriptFallback.async = true;
2288  scriptFallback.src = '//cozmetica.pk/cdn/s/trekkie.storefront.2f6d7d7ede7d24234881a9cd5f47e679642fa1f6.min.js';
2289  first.parentNode.insertBefore(scriptFallback, first);
2290};
2291script.async = true;
2292script.src = '//cozmetica.pk/cdn/s/trekkie.storefront.2f6d7d7ede7d24234881a9cd5f47e679642fa1f6.min.js';
2293first.parentNode.insertBefore(script, first);
2294
2295    };
2296    trekkie.load(
2297      {"Trekkie":{"appName":"storefront","development":false,"defaultAttributes":{"shopId":50975506593,"isMerchantRequest":null,"themeId":152094179489,"themeCityHash":"5255741544704513806","contentLanguage":"en","currency":"PKR","eventMetadataId":"2c2a0499-4c8f-486a-85f5-72e98bbc48c3"},"isServerSideCookieWritingEnabled":true,"monorailRegion":"shop_domain","enabledBetaFlags":["764d78cb","8450a54b","7ee89bf1","4c64608a"]},"Session Attribution":{},"S2S":{"facebookCapiEnabled":true,"source":"trekkie-storefront-renderer","apiClientId":580111}}
2298    );
2299
2300    var loaded = false;
2301    trekkie.ready(function() {
2302      if (loaded) return;
2303      loaded = true;
2304
2305      window.ShopifyAnalytics.lib = window.trekkie;
2306
2307      var originalDocumentWrite = document.write;
2308      document.write = customDocumentWrite;
2309      try { window.ShopifyAnalytics.merchantGoogleAnalytics.call(this); } catch(error) {};
2310      document.write = originalDocumentWrite;
2311
2312      var match = window.location.pathname.match(/checkouts\/(.+)\/(thank_you|post_purchase)/)
2313      var token = match? match[1]: undefined;
2314      if (!hasLoggedConversion(token)) {
2315        setCookieIfConversion(token);
2316        
2317      }
2318    });
2319
2320    window.ShopifyAnalytics.lib.page(null,{"pageType":"page","resourceType":"page","resourceId":73106555041,"requestId":"c9e418d1-ae52-47b0-93c1-a7a879e174c3-1791059343","shopifyEmitted":true});
2321
2322    var eventsListenerScript = document.createElement('script');
2323    eventsListenerScript.async = true;
2324    eventsListenerScript.src = "//cozmetica.pk/cdn/shopifycloud/storefront/assets/shop_events_listener-4e26a9ce.js";
2325    document.getElementsByTagName('head')[0].appendChild(eventsListenerScript);
2326})();</script>
vendor: 1 bytes, line 2326
2326
2327<script
2328  defer
2329  src="https://cozmetica.pk/cdn/shopifycloud/perf-kit/shopify-perf-kit-3.9.4.min.js"
2330  data-application="storefront-renderer"
2331  data-shop-id="50975506593"
2332  data-render-region="gcp-us-central1"
2333  data-page-type="page"
2334  data-theme-instance-id="152094179489"
2335  data-theme-name="Horizon"
2336  data-theme-version="4.1.1"
2337  data-monorail-region="shop_domain"
2338  data-resource-timing-sampling-rate="10"
2339  data-shs="true"
2340  data-shs-beacon="true"
2341  data-shs-export-with-fetch="true"
2342  data-shs-logs-sample-rate="1"
2343  data-shs-beacon-endpoint="https://cozmetica.pk/api/collect"
2344></script>
vendor: 1 bytes, line 2344
2344
2345<script src="https://cdn.shopify.com/storefront/web-components/account.js" type="module" crossorigin fetchpriority="low" async></script>
2345<script id="shopify-customer-account-data" type="application/json">{"customer":null,"shop":{"id":"50975506593","customerAccountTranslations":[{"key":"account_menu.signed_out_state.sheet_title","value":"Sign in or create account"},{"key":"account_menu.signed_out_state.section_divider","value":"More ways to sign in"},{"key":"account_menu.signed_out_state.alternate_divider","value":"OR"},{"key":"account_menu.signed_out_state.email_field_label","value":"Email"},{"key":"account_menu.signed_out_state.orders_button","value":"Orders"},{"key":"account_menu.signed_out_state.profile_button","value":"Profile"},{"key":"account_menu.signed_out_state.shop_login_button","value":"Sign in with Shop"},{"key":"account_menu.signed_out_state.continue_with_google","value":"Continue with Google"},{"key":"account_menu.signed_out_state.continue_with_facebook","value":"Continue with Facebook"},{"key":"account_menu.signed_out_state.marketing_consent_label","value":"Email me with news and offers"},{"key":"account_menu.signed_in_state.greeting_with_name","value":"Hi, {{first_name}}"},{"key":"account_menu.signed_in_state.greeting_without_name","value":"Account"},{"key":"account_menu.signed_in_state.orders_button","value":"Orders"},{"key":"account_menu.signed_in_state.profile_button","value":"Profile"},{"key":"account_menu.location_picker.sheet_title","value":"Locations"},{"key":"account_menu.location_picker.search_field_placeholder","value":"Search"},{"key":"account_menu.aria_labels.close_menu","value":"Close menu"},{"key":"account_menu.aria_labels.back_to_main_menu","value":"Back to main menu from {{title}}"},{"key":"account_menu.aria_labels.open_submenu","value":"{{title}}, opens submenu"},{"key":"account_menu.aria_labels.loading_menu","value":"Loading menu"},{"key":"account_menu.aria_labels.account","value":"Account"},{"key":"account_menu.aria_labels.sign_in_with_email","value":"Sign in with email"},{"key":"account_menu.aria_labels.sign_in","value":"Sign in"}],"socialLoginProviders":[{"handle":"Shop"}],"legacyCustomerAccounts":false,"signInLinksVisible":true,"b2bEnabled":false,"marketingConsentSigninEnabled":true,"marketingConsentPreselected":true},"visitor":{"country":"PK","language":"en"}}</script>
2345
2346<meta name="shopify-y" content="3d1b1f86-cfef-456a-8cba-dca49ea1755e" data-expiration="1822616943000"><meta name="shopify-s" content="5113a669-d712-4be0-b115-f16a18c0133c" data-expiration="1791061143000"><meta name="new-cookie-storage-activated" content="t">
2347</head>
2348
2349  <body class="page-width-narrow card-hover-effect-none">
2350    <a
2351  class="skip-to-content-link button-secondary"
2352  href="#MainContent"
2353>
2354  Skip to content
2355</a>
2356
2357
2358
2359
2360    
2361
2362<theme-drawer id="chat-drawer">
2363  <dialog
2364    ref="panel"
2365    class="theme-drawer__dialog chat-drawer"
2366  >
2367    <shopify-chat
2368      mode="standalone"
2369      mode-switch
2370    ></shopify-chat>
2371  </dialog>
2372</theme-drawer>
2373
2374<script type="module">
2375  const chatDrawer = document.querySelector('#chat-drawer');
2376  const shopifyChat = document.querySelector('shopify-chat');
2377
2378  document.addEventListener('theme-drawer:open', (event) => {
2379    if (/** @type {Element} */ (event.target).id !== 'chat-drawer') return;
2380    shopifyChat?.setAttribute('mode', 'managed');
2381  });
2382
2383  document.addEventListener('theme-drawer:close', (event) => {
2384    if (/** @type {Element} */ (event.target).id !== 'chat-drawer') return;
2385    // If mode is still managed, this is a theme-initiated close (backdrop /
2386    // Escape) — close the chat so the FAB appears. If mode is already
2387    // standalone, the close was triggered by an undock (enter-standalone sets
2388    // mode before closing the drawer) — leave the chat open as a floating panel.
2389    if (shopifyChat?.getAttribute('mode') === 'managed') {
2390      shopifyChat?.removeAttribute('open');
2391    }
2392    shopifyChat?.setAttribute('mode', 'standalone');
2393  });
2394
2395  document.addEventListener('shopify-chat:enter-managed', () => {
2396    // Captured at event-fire time — the dock-transition animation hint below
2397    // depends on state as it was when the event was dispatched.
2398    const isStandaloneAndOpen = shopifyChat?.hasAttribute('open') && shopifyChat?.getAttribute('mode') === 'standalone';
2399
2400    // The activator-click path (FAB click on desktop with stored
2401    // preferredMode=managed) dispatches enter-managed *before* calling show(),
2402    // so the chat's `open` attribute at event time understates the imminent
2403    // outcome. Defer to a microtask: by then show() (if any) has run, and we
2404    // can distinguish the viewport-driven mobile→desktop transition that left
2405    // a minimized FAB (chat stays closed → don't open an empty drawer) from
2406    // an activator click (chat just opened → open the drawer).
2407    queueMicrotask(() => {
2408      if (!shopifyChat?.hasAttribute('open') && !chatDrawer?.hasAttribute('open')) {
2409        return;
2410      }
2411      chatDrawer?.open?.(isStandaloneAndOpen ? { enter: 'inline-start' } : undefined);
2412    });
2413  });
2414
2415  document.addEventListener('shopify-chat:enter-standalone', () => {
2416    shopifyChat?.setAttribute('mode', 'standalone');
2417    chatDrawer?.close?.();
2418  });
2419
2420  document.addEventListener('shopify-chat:close', () => {
2421    if (shopifyChat?.getAttribute('mode') === 'managed') {
2422      chatDrawer?.close?.();
2423    }
2424  });
2425
2426  document.addEventListener('megaMenu:hover', () => {
2427    if (shopifyChat?.hasAttribute('open') && shopifyChat?.getAttribute('mode') === 'standalone') {
2428      shopifyChat?.removeAttribute('open');
2429    }
2430  });
2431
2432  // After the chat upgrades it self-restores its preferred mode from
2433  // sessionStorage. Reconcile any mismatch with the theme-drawer's state
2434  // — the drawer is the source of truth for which mode the chat should
2435  // be in (open → managed, closed → standalone).
2436  customElements.whenDefined('shopify-chat').then(() => {
2437    const mode = chatDrawer?.hasAttribute('open') ? 'managed' : 'standalone';
2438    if (shopifyChat?.getAttribute('mode') !== mode) {
2439      // When switching managed → standalone (e.g. narrow viewport skipped
2440      // drawer restore), also close the chat so it renders as the FAB
2441      // rather than an open standalone panel.
2442      if (mode === 'standalone' && shopifyChat?.hasAttribute('open')) {
2443        shopifyChat?.removeAttribute('open');
2444      }
2445      shopifyChat?.setAttribute('mode', mode);
2446    }
2447  });
2448</script>
2448
2449
2450
2451
2452
2453    <div class="page-wrapper">
2454      <div id="header-group">
2455        <!-- BEGIN sections: header-group -->
2456<div id="shopify-section-sections--21036523061409__header_announcements_4C9xPQ" class="shopify-section shopify-section-group-header-group">
2457
2458
2459  
2459<script
2460    src="//cozmetica.pk/cdn/shop/t/140/assets/announcement-bar.js?v=34024675399582161451785524563"
2461    type="module"
2462    fetchpriority="low"
2463  ></script>
2463
2464
2465
2466
2467
2468
2469
2470
2471  <style data-shopify>
2472    .color-custom-sections--21036523061409__header_announcements_4C9xPQ,
2473    .color-custom-sections--21036523061409__header_announcements_4C9xPQ .text-block {
2474      /* Background */
2475      --color-background: #D80000;
2476      --color-background-rgb: 216 0 0;
2477
2478      /* Opacity values adjusted for background brightness */
2479      
2480--opacity-5-15: 0.05; --opacity-10-25: 0.1; --opacity-35-55: 0.35; --opacity-40-60:
24810.4; --opacity-30-60: 0.3; --opacity-60: 0.6;
2482
2483
2484      
2485        /* Foreground / text — explicit or smart-contrasted */
2486        --color: var(--palette-lightest);
2487        --color-rgb: var(--palette-lightest-rgb);
2488        --color-foreground: var(--palette-lightest);
2489        --color-foreground-rgb: var(--palette-lightest-rgb);
2490        --color-foreground-muted: rgb(var(--palette-lightest-rgb) / var(--opacity-muted-text));
2491        --color-foreground-subdued: rgb(var(--palette-lightest-rgb) / var(--opacity-subdued-text));
2492        --color-border: var(--palette-lightest);
2493        --color-border-rgb: var(--palette-lightest-rgb);
2494      
2495    }
2496
2497    
2498      .color-custom-sections--21036523061409__header_announcements_4C9xPQ {
2499        /* Form-related tokens stay on .color-custom only — .text-block is a prose
2500           container (text/announcement/inline-text/blog-post-description/
2501           collection-link/price/sku) and never holds form inputs. */
2502        --input-disabled-background-color: rgb(var(--palette-lightest-rgb) / var(--opacity-10));
2503        --input-disabled-border-color: rgb(var(--palette-lightest-rgb) / var(--opacity-5));
2504        --input-disabled-text-color: rgb(var(--palette-lightest-rgb) / var(--opacity-50));
2505        --checkbox-border: 1px solid rgb(var(--palette-lightest-rgb) / var(--opacity-35-55));
2506      }
2507    
2508
2509    .color-custom-sections--21036523061409__header_announcements_4C9xPQ {
2510      color: var(--color, var(--color-foreground));
2511      background-color: var(--color-background);
2512    }
2513  </style>
2514
2515
2516
2517<div class="section-background color-custom-sections--21036523061409__header_announcements_4C9xPQ"></div>
2518<aside
2519  class="announcement-bar spacing-style section section--page-width color-custom-sections--21036523061409__header_announcements_4C9xPQ"
2520  style="--padding-block-start: 8px; --padding-block-end:8px; --padding-inline-start:0px; --padding-inline-end:0px;
2521; --border-bottom-width: 0px;"
2522>
2523  
2524
2525  <announcement-bar-component
2526    class="announcement-bar__slider"
2527    
2528      autoplay="5" aria-live="polite"
2529    
2530  >
2531    
2532      <slideshow-arrows
2533  position="center"
2534  
2535><button
2536  class="
2537    slideshow-control slideshow-control--previous
2538    
2539    
2540    slideshow-control--style-chevron
2541    button button-unstyled button-unstyled--transparent
2542     flip-x
2543  "
2544  
2545    aria-label="Previous slide"
2546  
2547  on:click="/previous"
2548  ref="previous"
2549>
2550  <span class="svg-wrapper icon-caret"><svg aria-hidden="true" width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
2551  <path d="M11 5.5L7 9.5L3 5.5" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
2552</svg>
2553</span>
2554</button>
2555
2556
2557<button
2558  class="
2559    slideshow-control slideshow-control--next
2560    
2561    
2562    slideshow-control--style-chevron
2563    button button-unstyled button-unstyled--transparent
2564    
2565  "
2566  
2567    aria-label="Next slide"
2568  
2569  on:click="/next"
2570  ref="next"
2571>
2572  <span class="svg-wrapper icon-caret"><svg aria-hidden="true" width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
2573  <path d="M11 5.5L7 9.5L3 5.5" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
2574</svg>
2575</span>
2576</button>
2577
2578
2579</slideshow-arrows>
2580
2581
2582
2583    
2584
2585    <div class="announcement-bar__slides">
2586      
2587<slideshow-slide
2588    ref="slides[]"
2589    class="
2590      announcement-bar__slide
2591      text-block
2592      text-block--AdzlPMHFkeHgxUU9Ya__announcement_KtfkQC
2593      text-block--align-center
2594      text-block--full-width
2595      custom-typography
2596      custom-font-size
2597      
2598    "
2599    style="
2600      
2601--font-size: 0.875rem;      --font-weight: var(--font-body--weight);--font-family: var(--font-body--family);    --text-transform: none;    --text-wrap: pretty;          --line-height: var(--line-height--body-);        --letter-spacing: var(--letter-spacing--body-normal);
2602      
2603      --width: 100%;
2604      --text-align: center;
2605      --line-height: 1;
2606    "
2607    
2608    aria-hidden="false"
2609  >
2610    <p class="announcement-bar__text">
2611      Extra Rs. 200 Off on Your First Purchase of 3000 or more: <strong>Use Code: FirstBuy200</strong>
2612    </p>
2613
2614    
2615  </slideshow-slide>
2616
2617
2618
2619<slideshow-slide
2620    ref="slides[]"
2621    class="
2622      announcement-bar__slide
2623      text-block
2624      text-block--AYnNSU1hjSVNDakNOM__announcement_RbaqJe
2625      text-block--align-center
2626      text-block--full-width
2627      custom-typography
2628      custom-font-size
2629      
2630    "
2631    style="
2632      
2633--font-size: 0.875rem;      --font-weight: var(--font-body--weight);--font-family: var(--font-body--family);    --text-transform: none;    --text-wrap: pretty;          --line-height: var(--line-height--body-);        --letter-spacing: var(--letter-spacing--body-normal);
2634      
2635      --width: 100%;
2636      --text-align: center;
2637      --line-height: 1;
2638    "
2639    
2640    aria-hidden="true"
2641  >
2642    <p class="announcement-bar__text">
2643      Get Free Shipping on orders above Rs. 3,500/- <strong>Use Code: ShipFREE</strong>
2644    </p>
2645
2646    
2647  </slideshow-slide>
2648
2649
2650
2651    </div>
2652  </announcement-bar-component>
2653</aside>
2654
2655
2656
2657
2658</div><header id="shopify-section-sections--21036523061409__header_section" class="shopify-section shopify-section-group-header-group header-section">
2659
2660
2661
2662
2663
2664
2665<script type="application/ld+json">
2666  {
2667    "@context": "http://schema.org",
2668    "@type": "Organization",
2669    "name": "Cozmetica",
2670    
2671      "logo": "https:\/\/cozmetica.pk\/cdn\/shop\/files\/Cozmetica_Logo_3.webp?v=1781008992\u0026width=500",
2672    
2673    "url": "https:\/\/cozmetica.pk\/pages\/about-cozmetica"
2674  }
2675</script>
2675
2676
2677<header-component
2678  id="header-component"
2679  class="header"
2680  data-theme-color="rgb(255 255 255)"
2681  data-bubble-style="default"
2682  
2683  
2684    sticky="always"
2685  
2686  data-skip-node-update
2687  data-scroll-direction="none"
2688  
2689  
2690    data-transparent-background="bottom"
2691  
2692  style="
2693    --color-background-top-row: rgba(255 255 255 / 1.0);
2694    --color-background-bottom-row: rgba(255 255 255 / 1.0);
2695    
2696    
2697      --cart-bubble-background: var(--palette-darkest);
2698      --cart-bubble-text: #ffffff;
2699    
2700    
2701  "
2702>
2703  <div class="header__underlay header__underlay-closed"></div>
2704  <div
2705    class="header__underlay header__underlay-open"
2706  ></div>
2707    
2708
2709    
2710
2711    
2712    
2713      <div
2714        class="header__row header__row--top color-#ffffff section section--full-width-margin section--full-width color-custom-top-sections--21036523061409__header_section"
2715        ref="headerRowTop"style="--border-bottom-width: 0px; --border-bottom-width-mobile: 0px; --border-bottom-color-mobile: var(--color-border);">
2716        <div class="header__columns spacing-style">
2717          <style data-shopify>
2718    .color-custom-top-sections--21036523061409__header_section,
2719    .color-custom-top-sections--21036523061409__header_section .text-block {
2720      /* Background */
2721      --color-background: #ffffff;
2722      --color-background-rgb: 255 255 255;
2723
2724      /* Opacity values adjusted for background brightness */
2725      
2726--opacity-5-15: 0.05; --opacity-10-25: 0.1; --opacity-35-55: 0.35; --opacity-40-60:
27270.4; --opacity-30-60: 0.3; --opacity-60: 0.6;
2728
2729
2730      
2731        /* Foreground / text — explicit or smart-contrasted */
2732        --color: #000000;
2733        --color-rgb: 0 0 0;
2734        --color-foreground: #000000;
2735        --color-foreground-rgb: 0 0 0;
2736        --color-foreground-muted: rgb(0 0 0 / var(--opacity-muted-text));
2737        --color-foreground-subdued: rgb(0 0 0 / var(--opacity-subdued-text));
2738        --color-border: var(--palette-darkest);
2739        --color-border-rgb: var(--palette-darkest-rgb);
2740      
2741    }
2742
2743    
2744      .color-custom-top-sections--21036523061409__header_section {
2745        /* Form-related tokens stay on .color-custom only — .text-block is a prose
2746           container (text/announcement/inline-text/blog-post-description/
2747           collection-link/price/sku) and never holds form inputs. */
2748        --input-disabled-background-color: rgb(0 0 0 / var(--opacity-10));
2749        --input-disabled-border-color: rgb(0 0 0 / var(--opacity-5));
2750        --input-disabled-text-color: rgb(0 0 0 / var(--opacity-50));
2751        --checkbox-border: 1px solid rgb(0 0 0 / var(--opacity-35-55));
2752      }
2753    
2754
2755    .color-custom-top-sections--21036523061409__header_section {
2756      color: var(--color, var(--color-foreground));
2757      background-color: var(--color-background);
2758    }
2759  </style>
2760
2761
2762      
2763      
2764<div
2765      class="header__column header__column--left"
2766      data-testid="header-top-left"
2767    >
2768      
2769        
2770          
2771              
2772
2773
2774
2775    <div
2776      class="header__drawer"
2777      ref="headerDrawerContainer"
2778      data-hydration-key="header-drawer-mobile"
2779      
2780    >
2781      
2782
2783
2784
2785
2786  <style data-shopify>
2787    .color-custom-AdXpiTWJBM2htbjBtS__header-menu-1,
2788    .color-custom-AdXpiTWJBM2htbjBtS__header-menu-1 .text-block {
2789      /* Background */
2790      --color-background: #ffffff;
2791      --color-background-rgb: 255 255 255;
2792
2793      /* Opacity values adjusted for background brightness */
2794      
2795--opacity-5-15: 0.05; --opacity-10-25: 0.1; --opacity-35-55: 0.35; --opacity-40-60:
27960.4; --opacity-30-60: 0.3; --opacity-60: 0.6;
2797
2798
2799      
2800        /* Foreground / text — explicit or smart-contrasted */
2801        --color: #000000;
2802        --color-rgb: 0 0 0;
2803        --color-foreground: #000000;
2804        --color-foreground-rgb: 0 0 0;
2805        --color-foreground-muted: rgb(0 0 0 / var(--opacity-muted-text));
2806        --color-foreground-subdued: rgb(0 0 0 / var(--opacity-subdued-text));
2807        --color-border: var(--palette-darkest);
2808        --color-border-rgb: var(--palette-darkest-rgb);
2809      
2810    }
2811
2812    
2813      .color-custom-AdXpiTWJBM2htbjBtS__header-menu-1 {
2814        /* Form-related tokens stay on .color-custom only — .text-block is a prose
2815           container (text/announcement/inline-text/blog-post-description/
2816           collection-link/price/sku) and never holds form inputs. */
2817        --input-disabled-background-color: rgb(0 0 0 / var(--opacity-10));
2818        --input-disabled-border-color: rgb(0 0 0 / var(--opacity-5));
2819        --input-disabled-text-color: rgb(0 0 0 / var(--opacity-50));
2820        --checkbox-border: 1px solid rgb(0 0 0 / var(--opacity-35-55));
2821      }
2822    
2823
2824    .color-custom-AdXpiTWJBM2htbjBtS__header-menu-1 {
2825      color: var(--color, var(--color-foreground));
2826      background-color: var(--color-background);
2827    }
2828  </style>
2829
2830
2831
2832<script
2833  src="//cozmetica.pk/cdn/shop/t/140/assets/header-drawer.js?v=121243031541024704371785524563"
2834  type="module"
2835  fetchpriority="low"
2836></script>
2836
2837
2838<header-drawer
2839  class="header-drawer "
2840  style="--menu-image-border-radius: 0px; --resource-card-corner-radius: 0px;"
2841>
2842  <details
2843    id="Details-menu-drawer-container"
2844    data-skip-node-update="true"
2845    class="menu-drawer-container"
2846    ref="details"
2847    scroll-lock
2848  >
2849    <summary
2850      class="header__icon header__icon--menu header__icon--summary"
2851      aria-label="Menu"
2852      on:click="/toggle"
2853    >
2854      <span class="svg-wrapper header-drawer-icon header-drawer-icon--open"><svg aria-hidden="true" width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
2855  <path d="M1 3.5H13" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/>
2856  <path d="M1 10.5H13" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/>
2857</svg>
2858</span>
2859      <span class="svg-wrapper header-drawer-icon header-drawer-icon--close"><svg aria-hidden="true" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
2860<path d="M11.1765 12.025C11.4108 12.2594 11.7907 12.2594 12.025 12.025C12.2594 11.7907 12.2594 11.4108 12.025 11.1765L8.84931 8.00078L12.025 4.82505C12.2594 4.59073 12.2594 4.21083 12.025 3.97652C11.7907 3.7422 11.4108 3.7422 11.1765 3.97652L8.00078 7.15225L4.82505 3.97652C4.59073 3.7422 4.21083 3.7422 3.97652 3.97652C3.7422 4.21083 3.7422 4.59073 3.97652 4.82505L7.15225 8.00078L3.97652 11.1765C3.7422 11.4108 3.7422 11.7907 3.97652 12.025C4.21083 12.2594 4.59073 12.2594 4.82505 12.025L8.00078 8.84931L11.1765 12.025Z" fill="currentColor"/>
2861</svg>
2862</span>
2863    </summary>
2864    <div
2865      ref="menuDrawer"
2866      class="
2867        menu-drawer
2868        
2869          color-custom-AdXpiTWJBM2htbjBtS__header-menu-1
2870        
2871      "
2872    >
2873      <button
2874        class="button close-button menu-drawer__close-button focus-inset"
2875        type="button"
2876        aria-label="Close"
2877        on:click="/close"
2878      >
2879        <span class="svg-wrapper header-drawer-icon header-drawer-icon--close"><svg aria-hidden="true" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
2880<path d="M11.1765 12.025C11.4108 12.2594 11.7907 12.2594 12.025 12.025C12.2594 11.7907 12.2594 11.4108 12.025 11.1765L8.84931 8.00078L12.025 4.82505C12.2594 4.59073 12.2594 4.21083 12.025 3.97652C11.7907 3.7422 11.4108 3.7422 11.1765 3.97652L8.00078 7.15225L4.82505 3.97652C4.59073 3.7422 4.21083 3.7422 3.97652 3.97652C3.7422 4.21083 3.7422 4.59073 3.97652 4.82505L7.15225 8.00078L3.97652 11.1765C3.7422 11.4108 3.7422 11.7907 3.97652 12.025C4.21083 12.2594 4.59073 12.2594 4.82505 12.025L8.00078 8.84931L11.1765 12.025Z" fill="currentColor"/>
2881</svg>
2882</span>
2883      </button>
2884      <nav
2885        class="menu-drawer__navigation"
2886        style="--menu-top-level-font-family: var(--font-body--family);
2887--menu-top-level-font-size-desktop: 0.875rem; --menu-top-level-font-style: var(--font-body--style); --menu-top-level-font-weight: var(--font-body--weight); --menu-top-level-font-case:none;
2888
2889  --menu-top-level-font-size: var(--menu-font-2xl--size); --menu-top-level-font-line-height:
2890  var(--menu-font-2xl--line-height);
2891
2892--menu-top-level-font-color: var(--color-foreground); --menu-top-level-font-color-rgb: var(--color-foreground-rgb);
2893
2894--menu-parent-font-family: var(--font-body--family); --menu-parent-font-style:
2895var(--font-body--style); --menu-parent-font-weight: var(--font-body--weight); --menu-parent-font-case:
2896none;
2897
2898    --menu-parent-font-size: var(--menu-font-sm--size); --menu-parent-font-line-height:
2899    var(--menu-font-sm--line-height); --menu-parent-font-color: var(--color-foreground-subdued);
2900    --menu-parent-active-font-color: var(--color-foreground);
2901  
2902--menu-child-font-family: var(--font-body--family); --menu-child-font-style:var(--font-body--style); --menu-child-font-weight: var(--font-body--weight); --menu-child-font-case:
2903none;
2904
2905    --menu-child-font-size: var(--menu-font-md--size); --menu-child-font-line-height: var(--menu-font-md--line-height);
2906    --menu-child-font-color: var(--color-foreground); --menu-child-active-font-color: var(--color-foreground-subdued);
2907  
2908
2909        "
2910        aria-label="Primary"
2911      >
2912        <ul
2913          class="menu-drawer__menu has-submenu"
2914          role="list"
2915        >
2916
2917
2918              <li
2919                class="menu-drawer__list-item"
2920                style="--menu-drawer-animation-index: 1;"
2921              ><details
2922                    id="Details-menu-drawer-menu-item-1"
2923                    class="menu-drawer__menu-container"
2924                  >
2925                    <summary
2926                      id="HeaderDrawer-makeup"
2927                      class="menu-drawer__menu-item menu-drawer__menu-item--mainlist menu-drawer__animated-element focus-inset"
2928                      on:click="header-drawer/open/submenu"
2929                    >
2930                      <span class="menu-drawer__menu-item-text wrap-text">MakeUp</span>
2931                      <span class="svg-wrapper icon-caret icon-caret--forward"><svg aria-hidden="true" width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
2932  <path d="M11 5.5L7 9.5L3 5.5" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
2933</svg>
2934</span>
2935                    </summary>
2936                    <div
2937                      id="link-makeup"
2938                      class="menu-drawer__submenu has-submenu"
2939                      tabindex="-1"
2940                      style="--menu-drawer-animation-index: 1;"
2941                    >
2942                      <div class="menu-drawer__inner-submenu">
2943                        <div class="menu-drawer__nav-buttons">
2944                          <button
2945                            class="button menu-drawer__back-button focus-inset"
2946                            on:click="header-drawer/back"
2947                            aria-label="Back to MakeUp"
2948                          >
2949                            <span class="svg-wrapper icon-caret icon-caret--backward"><svg aria-hidden="true" width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
2950  <path d="M11 5.5L7 9.5L3 5.5" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
2951</svg>
2952</span>
2953                            <span class="menu-drawer__menu-item-text wrap-text">MakeUp</span>
2954                          </button>
2955                          <button
2956                            class="button button-unstyled close-button menu-drawer__close-button focus-inset"
2957                            type="button"
2958                            aria-label="Close"
2959                            on:click="header-drawer/close"
2960                          >
2961                            <span class="svg-wrapper header-drawer-icon header-drawer-icon--close"><svg aria-hidden="true" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
2962<path d="M11.1765 12.025C11.4108 12.2594 11.7907 12.2594 12.025 12.025C12.2594 11.7907 12.2594 11.4108 12.025 11.1765L8.84931 8.00078L12.025 4.82505C12.2594 4.59073 12.2594 4.21083 12.025 3.97652C11.7907 3.7422 11.4108 3.7422 11.1765 3.97652L8.00078 7.15225L4.82505 3.97652C4.59073 3.7422 4.21083 3.7422 3.97652 3.97652C3.7422 4.21083 3.7422 4.59073 3.97652 4.82505L7.15225 8.00078L3.97652 11.1765C3.7422 11.4108 3.7422 11.7907 3.97652 12.025C4.21083 12.2594 4.59073 12.2594 4.82505 12.025L8.00078 8.84931L11.1765 12.025Z" fill="currentColor"/>
2963</svg>
2964</span>
2965                          </button>
2966                        </div>
2967                        
2968                        <ul
2969                          class="menu-drawer__menu menu-drawer__menu--childlist"
2970                          role="list"
2971                          tabindex="-1"
2972                        >
2973                          <li
2974                              class="
2975                                menu-drawer__list-item
2976                                menu-drawer__list-item--deep
2977                              "
2978                            >
2979                                
2980
2981                                  <accordion-custom
2982  
2983  
2984  
2985  
2986  
2987  
2988  
2989  
2990  
2991>
2992  
2993                                    <details
2994                                      id="Details-menu-drawer-makeup-eyes"
2995                                    >
2996                                      <summary
2997                                        id="HeaderDrawer-makeup-eyes"
2998                                        class="menu-drawer__menu-item menu-drawer__menu-item--parent focus-inset"
2999                                      >
3000                                        <span class="menu-drawer__menu-item-text wrap-text">Eyes</span>
3001                                        <span class="svg-wrapper icon-plus"><svg aria-hidden="true" width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
3002  <path class="vertical" d="M2.75 7H11.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/>
3003  <path class="horizontal" d="M7 2.75L7 11.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/>
3004</svg>
3005</span>
3006                                      </summary>
3007                                      
3008                                      <ul
3009                                        class="menu-drawer__menu menu-drawer__menu--grandchildlist details-content"
3010                                        role="list"
3011                                        tabindex="-1"
3012                                      ><li
3013                                            class="menu-drawer__list-item"
3014                                            style="--menu-drawer-animation-index: 1;"
3015                                          >
3016                                            <a
3017                                              id="HeaderDrawer-makeup-eyes-mascara"
3018                                              href="/collections/mascara"
3019                                              class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
3020                                              
3021                                            >
3022                                              
3023                                              <span class="menu-drawer__menu-item-text wrap-text">Mascara</span>
3024                                            </a>
3025                                          </li><li
3026                                            class="menu-drawer__list-item"
3027                                            style="--menu-drawer-animation-index: 2;"
3028                                          >
3029                                            <a
3030                                              id="HeaderDrawer-makeup-eyes-eyeliner"
3031                                              href="/collections/eyeliner"
3032                                              class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
3033                                              
3034                                            >
3035                                              
3036                                              <span class="menu-drawer__menu-item-text wrap-text">Eyeliner</span>
3037                                            </a>
3038                                          </li><li
3039                                            class="menu-drawer__list-item"
3040                                            style="--menu-drawer-animation-index: 3;"
3041                                          >
3042                                            <a
3043                                              id="HeaderDrawer-makeup-eyes-eye-pencil"
3044                                              href="/collections/eye-pencil"
3045                                              class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
3046                                              
3047                                            >
3048                                              
3049                                              <span class="menu-drawer__menu-item-text wrap-text">Eye Pencil</span>
3050                                            </a>
3051                                          </li><li
3052                                            class="menu-drawer__list-item"
3053                                            style="--menu-drawer-animation-index: 4;"
3054                                          >
3055                                            <a
3056                                              id="HeaderDrawer-makeup-eyes-eye-palettes"
3057                                              href="/collections/eye-palettes"
3058                                              class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
3059                                              
3060                                            >
3061                                              
3062                                              <span class="menu-drawer__menu-item-text wrap-text">Eye Palettes</span>
3063                                            </a>
3064                                          </li><li
3065                                            class="menu-drawer__list-item"
3066                                            style="--menu-drawer-animation-index: 5;"
3067                                          >
3068                                            <a
3069                                              id="HeaderDrawer-makeup-eyes-eyebrow-fixer"
3070                                              href="/collections/eyebrow"
3071                                              class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
3072                                              
3073                                            >
3074                                              
3075                                              <span class="menu-drawer__menu-item-text wrap-text">Eyebrow Fixer</span>
3076                                            </a>
3077                                          </li><li
3078                                            class="menu-drawer__list-item"
3079                                            style="--menu-drawer-animation-index: 6;"
3080                                          >
3081                                            <a
3082                                              id="HeaderDrawer-makeup-eyes-eye-primer"
3083                                              href="/collections/eye-primer"
3084                                              class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
3085                                              
3086                                            >
3087                                              
3088                                              <span class="menu-drawer__menu-item-text wrap-text">Eye Primer</span>
3089                                            </a>
3090                                          </li><li
3091                                            class="menu-drawer__list-item"
3092                                            style="--menu-drawer-animation-index: 7;"
3093                                          >
3094                                            <a
3095                                              id="HeaderDrawer-makeup-eyes-lashes-glues"
3096                                              href="/collections/eye-lashes"
3097                                              class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
3098                                              
3099                                            >
3100                                              
3101                                              <span class="menu-drawer__menu-item-text wrap-text">Lashes &amp; Glues</span>
3102                                            </a>
3103                                          </li></ul>
3104                                    </details>
3105                                  
3106</accordion-custom>
3107
3108
3109
3110                                </li><li
3111                              class="
3112                                menu-drawer__list-item
3113                                menu-drawer__list-item--deep
3114                              "
3115                            >
3116                                
3117
3118                                  <accordion-custom
3119  
3120  
3121  
3122  
3123  
3124  
3125  
3126  
3127  
3128>
3129  
3130                                    <details
3131                                      id="Details-menu-drawer-makeup-face"
3132                                    >
3133                                      <summary
3134                                        id="HeaderDrawer-makeup-face"
3135                                        class="menu-drawer__menu-item menu-drawer__menu-item--parent focus-inset"
3136                                      >
3137                                        <span class="menu-drawer__menu-item-text wrap-text">Face</span>
3138                                        <span class="svg-wrapper icon-plus"><svg aria-hidden="true" width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
3139  <path class="vertical" d="M2.75 7H11.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/>
3140  <path class="horizontal" d="M7 2.75L7 11.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/>
3141</svg>
3142</span>
3143                                      </summary>
3144                                      
3145                                      <ul
3146                                        class="menu-drawer__menu menu-drawer__menu--grandchildlist details-content"
3147                                        role="list"
3148                                        tabindex="-1"
3149                                      ><li
3150                                            class="menu-drawer__list-item"
3151                                            style="--menu-drawer-animation-index: 1;"
3152                                          >
3153                                            <a
3154                                              id="HeaderDrawer-makeup-face-foundation"
3155                                              href="/collections/foundation"
3156                                              class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
3157                                              
3158                                            >
3159                                              
3160                                              <span class="menu-drawer__menu-item-text wrap-text">Foundation</span>
3161                                            </a>
3162                                          </li><li
3163                                            class="menu-drawer__list-item"
3164                                            style="--menu-drawer-animation-index: 2;"
3165                                          >
3166                                            <a
3167                                              id="HeaderDrawer-makeup-face-primer"
3168                                              href="/collections/face-primer"
3169                                              class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
3170                                              
3171                                            >
3172                                              
3173                                              <span class="menu-drawer__menu-item-text wrap-text">Primer</span>
3174                                            </a>
3175                                          </li><li
3176                                            class="menu-drawer__list-item"
3177                                            style="--menu-drawer-animation-index: 3;"
3178                                          >
3179                                            <a
3180                                              id="HeaderDrawer-makeup-face-powder"
3181                                              href="/collections/powder"
3182                                              class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
3183                                              
3184                                            >
3185                                              
3186                                              <span class="menu-drawer__menu-item-text wrap-text">Powder</span>
3187                                            </a>
3188                                          </li><li
3189                                            class="menu-drawer__list-item"
3190                                            style="--menu-drawer-animation-index: 4;"
3191                                          >
3192                                            <a
3193                                              id="HeaderDrawer-makeup-face-bb-cc-creams"
3194                                              href="/collections/bb-cc-creams"
3195                                              class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
3196                                              
3197                                            >
3198                                              
3199                                              <span class="menu-drawer__menu-item-text wrap-text">BB &amp; CC Creams</span>
3200                                            </a>
3201                                          </li><li
3202                                            class="menu-drawer__list-item"
3203                                            style="--menu-drawer-animation-index: 5;"
3204                                          >
3205                                            <a
3206                                              id="HeaderDrawer-makeup-face-concealer-correctors"
3207                                              href="/collections/concealer"
3208                                              class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
3209                                              
3210                                            >
3211                                              
3212                                              <span class="menu-drawer__menu-item-text wrap-text">Concealer &amp; Correctors</span>
3213                                            </a>
3214                                          </li><li
3215                                            class="menu-drawer__list-item"
3216                                            style="--menu-drawer-animation-index: 6;"
3217                                          >
3218                                            <a
3219                                              id="HeaderDrawer-makeup-face-blush-on"
3220                                              href="/collections/blush"
3221                                              class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
3222                                              
3223                                            >
3224                                              
3225                                              <span class="menu-drawer__menu-item-text wrap-text">Blush On</span>
3226                                            </a>
3227                                          </li><li
3228                                            class="menu-drawer__list-item"
3229                                            style="--menu-drawer-animation-index: 7;"
3230                                          >
3231                                            <a
3232                                              id="HeaderDrawer-makeup-face-makeup-fixer"
3233                                              href="/collections/makeup-fixer"
3234                                              class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
3235                                              
3236                                            >
3237                                              
3238                                              <span class="menu-drawer__menu-item-text wrap-text">Makeup Fixer</span>
3239                                            </a>
3240                                          </li><li
3241                                            class="menu-drawer__list-item"
3242                                            style="--menu-drawer-animation-index: 8;"
3243                                          >
3244                                            <a
3245                                              id="HeaderDrawer-makeup-face-highlighter"
3246                                              href="/collections/highlighter"
3247                                              class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
3248                                              
3249                                            >
3250                                              
3251                                              <span class="menu-drawer__menu-item-text wrap-text">Highlighter</span>
3252                                            </a>
3253                                          </li><li
3254                                            class="menu-drawer__list-item"
3255                                            style="--menu-drawer-animation-index: 9;"
3256                                          >
3257                                            <a
3258                                              id="HeaderDrawer-makeup-face-fixing-sprays"
3259                                              href="/collections/face-sprays"
3260                                              class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
3261                                              
3262                                            >
3263                                              
3264                                              <span class="menu-drawer__menu-item-text wrap-text">Fixing Sprays</span>
3265                                            </a>
3266                                          </li><li
3267                                            class="menu-drawer__list-item"
3268                                            style="--menu-drawer-animation-index: 10;"
3269                                          >
3270                                            <a
3271                                              id="HeaderDrawer-makeup-face-colour-corrector"
3272                                              href="/collections/colour-corrector"
3273                                              class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
3274                                              
3275                                            >
3276                                              
3277                                              <span class="menu-drawer__menu-item-text wrap-text">Colour Corrector</span>
3278                                            </a>
3279                                          </li><li
3280                                            class="menu-drawer__list-item"
3281                                            style="--menu-drawer-animation-index: 11;"
3282                                          >
3283                                            <a
3284                                              id="HeaderDrawer-makeup-face-makeup-remover"
3285                                              href="/collections/makeup-remover"
3286                                              class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
3287                                              
3288                                            >
3289                                              
3290                                              <span class="menu-drawer__menu-item-text wrap-text">Makeup Remover</span>
3291                                            </a>
3292                                          </li><li
3293                                            class="menu-drawer__list-item"
3294                                            style="--menu-drawer-animation-index: 12;"
3295                                          >
3296                                            <a
3297                                              id="HeaderDrawer-makeup-face-contour"
3298                                              href="/collections/contour"
3299                                              class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
3300                                              
3301                                            >
3302                                              
3303                                              <span class="menu-drawer__menu-item-text wrap-text">Contour</span>
3304                                            </a>
3305                                          </li><li
3306                                            class="menu-drawer__list-item"
3307                                            style="--menu-drawer-animation-index: 13;"
3308                                          >
3309                                            <a
3310                                              id="HeaderDrawer-makeup-face-bronzer"
3311                                              href="/collections/bronzer"
3312                                              class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
3313                                              
3314                                            >
3315                                              
3316                                              <span class="menu-drawer__menu-item-text wrap-text">Bronzer</span>
3317                                            </a>
3318                                          </li></ul>
3319                                    </details>
3320                                  
3321</accordion-custom>
3322
3323
3324
3325                                </li><li
3326                              class="
3327                                menu-drawer__list-item
3328                                menu-drawer__list-item--deep
3329                              "
3330                            >
3331                                
3332
3333                                  <accordion-custom
3334  
3335  
3336  
3337  
3338  
3339  
3340  
3341  
3342  
3343>
3344  
3345                                    <details
3346                                      id="Details-menu-drawer-makeup-lips"
3347                                    >
3348                                      <summary
3349                                        id="HeaderDrawer-makeup-lips"
3350                                        class="menu-drawer__menu-item menu-drawer__menu-item--parent focus-inset"
3351                                      >
3352                                        <span class="menu-drawer__menu-item-text wrap-text">Lips</span>
3353                                        <span class="svg-wrapper icon-plus"><svg aria-hidden="true" width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
3354  <path class="vertical" d="M2.75 7H11.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/>
3355  <path class="horizontal" d="M7 2.75L7 11.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/>
3356</svg>
3357</span>
3358                                      </summary>
3359                                      
3360                                      <ul
3361                                        class="menu-drawer__menu menu-drawer__menu--grandchildlist details-content"
3362                                        role="list"
3363                                        tabindex="-1"
3364                                      ><li
3365                                            class="menu-drawer__list-item"
3366                                            style="--menu-drawer-animation-index: 1;"
3367                                          >
3368                                            <a
3369                                              id="HeaderDrawer-makeup-lips-lipstick"
3370                                              href="/collections/lipstick"
3371                                              class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
3372                                              
3373                                            >
3374                                              
3375                                              <span class="menu-drawer__menu-item-text wrap-text">Lipstick</span>
3376                                            </a>
3377                                          </li><li
3378                                            class="menu-drawer__list-item"
3379                                            style="--menu-drawer-animation-index: 2;"
3380                                          >
3381                                            <a
3382                                              id="HeaderDrawer-makeup-lips-lip-gloss"
3383                                              href="/collections/lip-gloss"
3384                                              class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
3385                                              
3386                                            >
3387                                              
3388                                              <span class="menu-drawer__menu-item-text wrap-text">Lip Gloss</span>
3389                                            </a>
3390                                          </li><li
3391                                            class="menu-drawer__list-item"
3392                                            style="--menu-drawer-animation-index: 3;"
3393                                          >
3394                                            <a
3395                                              id="HeaderDrawer-makeup-lips-lip-oils"
3396                                              href="/collections/lip-oil"
3397                                              class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
3398                                              
3399                                            >
3400                                              
3401                                              <span class="menu-drawer__menu-item-text wrap-text">Lip Oils</span>
3402                                            </a>
3403                                          </li><li
3404                                            class="menu-drawer__list-item"
3405                                            style="--menu-drawer-animation-index: 4;"
3406                                          >
3407                                            <a
3408                                              id="HeaderDrawer-makeup-lips-lip-cheek-tints"
3409                                              href="/collections/lip-and-cheek-tints"
3410                                              class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
3411                                              
3412                                            >
3413                                              
3414                                              <span class="menu-drawer__menu-item-text wrap-text">Lip &amp; Cheek Tints</span>
3415                                            </a>
3416                                          </li><li
3417                                            class="menu-drawer__list-item"
3418                                            style="--menu-drawer-animation-index: 5;"
3419                                          >
3420                                            <a
3421                                              id="HeaderDrawer-makeup-lips-lip-balm-treatment"
3422                                              href="/collections/lip-balm-treatment"
3423                                              class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
3424                                              
3425                                            >
3426                                              
3427                                              <span class="menu-drawer__menu-item-text wrap-text">Lip Balm &amp; Treatment</span>
3428                                            </a>
3429                                          </li><li
3430                                            class="menu-drawer__list-item"
3431                                            style="--menu-drawer-animation-index: 6;"
3432                                          >
3433                                            <a
3434                                              id="HeaderDrawer-makeup-lips-lipliner"
3435                                              href="/collections/lipliner"
3436                                              class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
3437                                              
3438                                            >
3439                                              
3440                                              <span class="menu-drawer__menu-item-text wrap-text">Lipliner</span>
3441                                            </a>
3442                                          </li></ul>
3443                                    </details>
3444                                  
3445</accordion-custom>
3446
3447
3448
3449                                </li><li
3450                              class="
3451                                menu-drawer__list-item
3452                                menu-drawer__list-item--deep
3453                              "
3454                            >
3455                                
3456
3457                                  <accordion-custom
3458  
3459  
3460  
3461  
3462  
3463  
3464  
3465  
3466  
3467>
3468  
3469                                    <details
3470                                      id="Details-menu-drawer-makeup-nails"
3471                                    >
3472                                      <summary
3473                                        id="HeaderDrawer-makeup-nails"
3474                                        class="menu-drawer__menu-item menu-drawer__menu-item--parent focus-inset"
3475                                      >
3476                                        <span class="menu-drawer__menu-item-text wrap-text">Nails</span>
3477                                        <span class="svg-wrapper icon-plus"><svg aria-hidden="true" width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
3478  <path class="vertical" d="M2.75 7H11.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/>
3479  <path class="horizontal" d="M7 2.75L7 11.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/>
3480</svg>
3481</span>
3482                                      </summary>
3483                                      
3484                                      <ul
3485                                        class="menu-drawer__menu menu-drawer__menu--grandchildlist details-content"
3486                                        role="list"
3487                                        tabindex="-1"
3488                                      ><li
3489                                            class="menu-drawer__list-item"
3490                                            style="--menu-drawer-animation-index: 1;"
3491                                          >
3492                                            <a
3493                                              id="HeaderDrawer-makeup-nails-nail-polish"
3494                                              href="/collections/nail-polish"
3495                                              class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
3496                                              
3497                                            >
3498                                              
3499                                              <span class="menu-drawer__menu-item-text wrap-text">Nail Polish</span>
3500                                            </a>
3501                                          </li><li
3502                                            class="menu-drawer__list-item"
3503                                            style="--menu-drawer-animation-index: 2;"
3504                                          >
3505                                            <a
3506                                              id="HeaderDrawer-makeup-nails-top-base-coats"
3507                                              href="/collections/top-base-coats"
3508                                              class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
3509                                              
3510                                            >
3511                                              
3512                                              <span class="menu-drawer__menu-item-text wrap-text">Top &amp; Base Coats</span>
3513                                            </a>
3514                                          </li><li
3515                                            class="menu-drawer__list-item"
3516                                            style="--menu-drawer-animation-index: 3;"
3517                                          >
3518                                            <a
3519                                              id="HeaderDrawer-makeup-nails-nail-stickers"
3520                                              href="/collections/nail-sticker"
3521                                              class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
3522                                              
3523                                            >
3524                                              
3525                                              <span class="menu-drawer__menu-item-text wrap-text">Nail Stickers</span>
3526                                            </a>
3527                                          </li><li
3528                                            class="menu-drawer__list-item"
3529                                            style="--menu-drawer-animation-index: 4;"
3530                                          >
3531                                            <a
3532                                              id="HeaderDrawer-makeup-nails-nail-polish-remover"
3533                                              href="/collections/nail-polish-remover"
3534                                              class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
3535                                              
3536                                            >
3537                                              
3538                                              <span class="menu-drawer__menu-item-text wrap-text">Nail Polish Remover</span>
3539                                            </a>
3540                                          </li></ul>
3541                                    </details>
3542                                  
3543</accordion-custom>
3544
3545
3546
3547                                </li><li
3548                              class="
3549                                menu-drawer__list-item
3550                                menu-drawer__list-item--deep
3551                              "
3552                            >
3553                                
3554
3555                                  <accordion-custom
3556  
3557  
3558  
3559  
3560  
3561  
3562  
3563  
3564  
3565>
3566  
3567                                    <details
3568                                      id="Details-menu-drawer-makeup-tools-accessories"
3569                                    >
3570                                      <summary
3571                                        id="HeaderDrawer-makeup-tools-accessories"
3572                                        class="menu-drawer__menu-item menu-drawer__menu-item--parent focus-inset"
3573                                      >
3574                                        <span class="menu-drawer__menu-item-text wrap-text">Tools &amp; Accessories</span>
3575                                        <span class="svg-wrapper icon-plus"><svg aria-hidden="true" width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
3576  <path class="vertical" d="M2.75 7H11.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/>
3577  <path class="horizontal" d="M7 2.75L7 11.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/>
3578</svg>
3579</span>
3580                                      </summary>
3581                                      
3582                                      <ul
3583                                        class="menu-drawer__menu menu-drawer__menu--grandchildlist details-content"
3584                                        role="list"
3585                                        tabindex="-1"
3586                                      ><li
3587                                            class="menu-drawer__list-item"
3588                                            style="--menu-drawer-animation-index: 1;"
3589                                          >
3590                                            <a
3591                                              id="HeaderDrawer-makeup-tools-accessories-lashes-glues"
3592                                              href="/collections/eye-lashes"
3593                                              class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
3594                                              
3595                                            >
3596                                              
3597                                              <span class="menu-drawer__menu-item-text wrap-text">Lashes &amp; Glues</span>
3598                                            </a>
3599                                          </li><li
3600                                            class="menu-drawer__list-item"
3601                                            style="--menu-drawer-animation-index: 2;"
3602                                          >
3603                                            <a
3604                                              id="HeaderDrawer-makeup-tools-accessories-eye-brushes"
3605                                              href="/collections/eye-brushes"
3606                                              class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
3607                                              
3608                                            >
3609                                              
3610                                              <span class="menu-drawer__menu-item-text wrap-text">Eye Brushes</span>
3611                                            </a>
3612                                          </li><li
3613                                            class="menu-drawer__list-item"
3614                                            style="--menu-drawer-animation-index: 3;"
3615                                          >
3616                                            <a
3617                                              id="HeaderDrawer-makeup-tools-accessories-face-brushes"
3618                                              href="/collections/face-brushes"
3619                                              class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
3620                                              
3621                                            >
3622                                              
3623                                              <span class="menu-drawer__menu-item-text wrap-text">Face Brushes</span>
3624                                            </a>
3625                                          </li><li
3626                                            class="menu-drawer__list-item"
3627                                            style="--menu-drawer-animation-index: 4;"
3628                                          >
3629                                            <a
3630                                              id="HeaderDrawer-makeup-tools-accessories-makeup-sponges"
3631                                              href="/collections/makeup-sponge"
3632                                              class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
3633                                              
3634                                            >
3635                                              
3636                                              <span class="menu-drawer__menu-item-text wrap-text">Makeup Sponges</span>
3637                                            </a>
3638                                          </li><li
3639                                            class="menu-drawer__list-item"
3640                                            style="--menu-drawer-animation-index: 5;"
3641                                          >
3642                                            <a
3643                                              id="HeaderDrawer-makeup-tools-accessories-makeup-bags"
3644                                              href="/collections/makeup-bag"
3645                                              class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
3646                                              
3647                                            >
3648                                              
3649                                              <span class="menu-drawer__menu-item-text wrap-text">Makeup Bags</span>
3650                                            </a>
3651                                          </li><li
3652                                            class="menu-drawer__list-item"
3653                                            style="--menu-drawer-animation-index: 6;"
3654                                          >
3655                                            <a
3656                                              id="HeaderDrawer-makeup-tools-accessories-sharpeners"
3657                                              href="/collections/sharpeners"
3658                                              class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
3659                                              
3660                                            >
3661                                              
3662                                              <span class="menu-drawer__menu-item-text wrap-text">Sharpeners</span>
3663                                            </a>
3664                                          </li></ul>
3665                                    </details>
3666                                  
3667</accordion-custom>
3668
3669
3670
3671                                </li></ul>
3672                        
3673                      </div>
3674                    </div>
3675                  </details></li>
3676              <li
3677                class="menu-drawer__list-item"
3678                style="--menu-drawer-animation-index: 2;"
3679              ><details
3680                    id="Details-menu-drawer-menu-item-2"
3681                    class="menu-drawer__menu-container"
3682                  >
3683                    <summary
3684                      id="HeaderDrawer-korean-beauty"
3685                      class="menu-drawer__menu-item menu-drawer__menu-item--mainlist menu-drawer__animated-element focus-inset"
3686                      on:click="header-drawer/open/submenu"
3687                    >
3688                      <span class="menu-drawer__menu-item-text wrap-text">Korean Beauty</span>
3689                      <span class="svg-wrapper icon-caret icon-caret--forward"><svg aria-hidden="true" width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
3690  <path d="M11 5.5L7 9.5L3 5.5" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
3691</svg>
3692</span>
3693                    </summary>
3694                    <div
3695                      id="link-korean-beauty"
3696                      class="menu-drawer__submenu has-submenu"
3697                      tabindex="-1"
3698                      style="--menu-drawer-animation-index: 2;"
3699                    >
3700                      <div class="menu-drawer__inner-submenu">
3701                        <div class="menu-drawer__nav-buttons">
3702                          <button
3703                            class="button menu-drawer__back-button focus-inset"
3704                            on:click="header-drawer/back"
3705                            aria-label="Back to Korean Beauty"
3706                          >
3707                            <span class="svg-wrapper icon-caret icon-caret--backward"><svg aria-hidden="true" width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
3708  <path d="M11 5.5L7 9.5L3 5.5" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
3709</svg>
3710</span>
3711                            <span class="menu-drawer__menu-item-text wrap-text">Korean Beauty</span>
3712                          </button>
3713                          <button
3714                            class="button button-unstyled close-button menu-drawer__close-button focus-inset"
3715                            type="button"
3716                            aria-label="Close"
3717                            on:click="header-drawer/close"
3718                          >
3719                            <span class="svg-wrapper header-drawer-icon header-drawer-icon--close"><svg aria-hidden="true" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
3720<path d="M11.1765 12.025C11.4108 12.2594 11.7907 12.2594 12.025 12.025C12.2594 11.7907 12.2594 11.4108 12.025 11.1765L8.84931 8.00078L12.025 4.82505C12.2594 4.59073 12.2594 4.21083 12.025 3.97652C11.7907 3.7422 11.4108 3.7422 11.1765 3.97652L8.00078 7.15225L4.82505 3.97652C4.59073 3.7422 4.21083 3.7422 3.97652 3.97652C3.7422 4.21083 3.7422 4.59073 3.97652 4.82505L7.15225 8.00078L3.97652 11.1765C3.7422 11.4108 3.7422 11.7907 3.97652 12.025C4.21083 12.2594 4.59073 12.2594 4.82505 12.025L8.00078 8.84931L11.1765 12.025Z" fill="currentColor"/>
3721</svg>
3722</span>
3723                          </button>
3724                        </div>
3725                        
3726                        <ul
3727                          class="menu-drawer__menu menu-drawer__menu--childlist"
3728                          role="list"
3729                          tabindex="-1"
3730                        >
3731                          <li
3732                              class="
3733                                menu-drawer__list-item
3734                                
3735                              "
3736                            ><a
3737                                  id="HeaderDrawer-korean-beauty-ampoules"
3738                                  href="/collections/korean-ampoules"
3739                                  class="menu-drawer__menu-item menu-drawer__menu-item--parent focus-inset"
3740                                  
3741                                >
3742                                  
3743                                  <span class="menu-drawer__menu-item-text wrap-text">Ampoules</span>
3744                                </a></li><li
3745                              class="
3746                                menu-drawer__list-item
3747                                
3748                              "
3749                            ><a
3750                                  id="HeaderDrawer-korean-beauty-sunscreen"
3751                                  href="/collections/korean-sunscreen"
3752                                  class="menu-drawer__menu-item menu-drawer__menu-item--parent focus-inset"
3753                                  
3754                                >
3755                                  
3756                                  <span class="menu-drawer__menu-item-text wrap-text">Sunscreen</span>
3757                                </a></li><li
3758                              class="
3759                                menu-drawer__list-item
3760                                
3761                              "
3762                            ><a
3763                                  id="HeaderDrawer-korean-beauty-serums"
3764                                  href="/collections/korean-serums"
3765                                  class="menu-drawer__menu-item menu-drawer__menu-item--parent focus-inset"
3766                                  
3767                                >
3768                                  
3769                                  <span class="menu-drawer__menu-item-text wrap-text">Serums</span>
3770                                </a></li><li
3771                              class="
3772                                menu-drawer__list-item
3773                                
3774                              "
3775                            ><a
3776                                  id="HeaderDrawer-korean-beauty-cleansers"
3777                                  href="/collections/korean-cleansers"
3778                                  class="menu-drawer__menu-item menu-drawer__menu-item--parent focus-inset"
3779                                  
3780                                >
3781                                  
3782                                  <span class="menu-drawer__menu-item-text wrap-text">Cleansers</span>
3783                                </a></li><li
3784                              class="
3785                                menu-drawer__list-item
3786                                
3787                              "
3788                            ><a
3789                                  id="HeaderDrawer-korean-beauty-moisturizers"
3790                                  href="/collections/korean-skincare/moisturizer"
3791                                  class="menu-drawer__menu-item menu-drawer__menu-item--parent focus-inset"
3792                                  
3793                                >
3794                                  
3795                                  <span class="menu-drawer__menu-item-text wrap-text">Moisturizers</span>
3796                                </a></li><li
3797                              class="
3798                                menu-drawer__list-item
3799                                
3800                              "
3801                            ><a
3802                                  id="HeaderDrawer-korean-beauty-face-mask"
3803                                  href="/collections/korean-skincare/face-masks"
3804                                  class="menu-drawer__menu-item menu-drawer__menu-item--parent focus-inset"
3805                                  
3806                                >
3807                                  
3808                                  <span class="menu-drawer__menu-item-text wrap-text">Face Mask</span>
3809                                </a></li><li
3810                              class="
3811                                menu-drawer__list-item
3812                                
3813                              "
3814                            ><a
3815                                  id="HeaderDrawer-korean-beauty-view-all"
3816                                  href="/collections/korean-skincare"
3817                                  class="menu-drawer__menu-item menu-drawer__menu-item--parent focus-inset"
3818                                  
3819                                >
3820                                  
3821                                  <span class="menu-drawer__menu-item-text wrap-text">View All</span>
3822                                </a></li><li
3823                              class="
3824                                menu-drawer__list-item
3825                                menu-drawer__list-item--deep
3826                              "
3827                            >
3828                                
3829
3830                                  <accordion-custom
3831  
3832  
3833  
3834  
3835  
3836  
3837  
3838  
3839  
3840>
3841  
3842                                    <details
3843                                      id="Details-menu-drawer-korean-beauty-shop-by-brands"
3844                                    >
3845                                      <summary
3846                                        id="HeaderDrawer-korean-beauty-shop-by-brands"
3847                                        class="menu-drawer__menu-item menu-drawer__menu-item--parent focus-inset"
3848                                      >
3849                                        <span class="menu-drawer__menu-item-text wrap-text">Shop By Brands</span>
3850                                        <span class="svg-wrapper icon-plus"><svg aria-hidden="true" width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
3851  <path class="vertical" d="M2.75 7H11.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/>
3852  <path class="horizontal" d="M7 2.75L7 11.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/>
3853</svg>
3854</span>
3855                                      </summary>
3856                                      
3857                                      <ul
3858                                        class="menu-drawer__menu menu-drawer__menu--grandchildlist details-content"
3859                                        role="list"
3860                                        tabindex="-1"
3861                                      ><li
3862                                            class="menu-drawer__list-item"
3863                                            style="--menu-drawer-animation-index: 1;"
3864                                          >
3865                                            <a
3866                                              id="HeaderDrawer-korean-beauty-shop-by-brands-skin1004"
3867                                              href="/collections/skin1004"
3868                                              class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
3869                                              
3870                                            >
3871                                              
3872                                              <span class="menu-drawer__menu-item-text wrap-text">Skin1004</span>
3873                                            </a>
3874                                          </li><li
3875                                            class="menu-drawer__list-item"
3876                                            style="--menu-drawer-animation-index: 2;"
3877                                          >
3878                                            <a
3879                                              id="HeaderDrawer-korean-beauty-shop-by-brands-beauty-of-joseon"
3880                                              href="/collections/beauty-of-joseon"
3881                                              class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
3882                                              
3883                                            >
3884                                              
3885                                              <span class="menu-drawer__menu-item-text wrap-text">Beauty Of Joseon</span>
3886                                            </a>
3887                                          </li><li
3888                                            class="menu-drawer__list-item"
3889                                            style="--menu-drawer-animation-index: 3;"
3890                                          >
3891                                            <a
3892                                              id="HeaderDrawer-korean-beauty-shop-by-brands-anua"
3893                                              href="/collections/anua"
3894                                              class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
3895                                              
3896                                            >
3897                                              
3898                                              <span class="menu-drawer__menu-item-text wrap-text">Anua</span>
3899                                            </a>
3900                                          </li><li
3901                                            class="menu-drawer__list-item"
3902                                            style="--menu-drawer-animation-index: 4;"
3903                                          >
3904                                            <a
3905                                              id="HeaderDrawer-korean-beauty-shop-by-brands-medicube"
3906                                              href="/collections/medicube"
3907                                              class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
3908                                              
3909                                            >
3910                                              
3911                                              <span class="menu-drawer__menu-item-text wrap-text">Medicube</span>
3912                                            </a>
3913                                          </li><li
3914                                            class="menu-drawer__list-item"
3915                                            style="--menu-drawer-animation-index: 5;"
3916                                          >
3917                                            <a
3918                                              id="HeaderDrawer-korean-beauty-shop-by-brands-cosrx"
3919                                              href="/collections/COSRX"
3920                                              class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
3921                                              
3922                                            >
3923                                              
3924                                              <span class="menu-drawer__menu-item-text wrap-text">COSRX</span>
3925                                            </a>
3926                                          </li><li
3927                                            class="menu-drawer__list-item"
3928                                            style="--menu-drawer-animation-index: 6;"
3929                                          >
3930                                            <a
3931                                              id="HeaderDrawer-korean-beauty-shop-by-brands-celimax"
3932                                              href="/products/celimax-the-vita-a-retinal-shot-tightening-booster"
3933                                              class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
3934                                              
3935                                            >
3936                                              
3937                                              <span class="menu-drawer__menu-item-text wrap-text">Celimax</span>
3938                                            </a>
3939                                          </li><li
3940                                            class="menu-drawer__list-item"
3941                                            style="--menu-drawer-animation-index: 7;"
3942                                          >
3943                                            <a
3944                                              id="HeaderDrawer-korean-beauty-shop-by-brands-dr-althea"
3945                                              href="/collections/dr-althea"
3946                                              class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
3947                                              
3948                                            >
3949                                              
3950                                              <span class="menu-drawer__menu-item-text wrap-text">Dr Althea</span>
3951                                            </a>
3952                                          </li><li
3953                                            class="menu-drawer__list-item"
3954                                            style="--menu-drawer-animation-index: 8;"
3955                                          >
3956                                            <a
3957                                              id="HeaderDrawer-korean-beauty-shop-by-brands-axis-y"
3958                                              href="/collections/Axis-Y"
3959                                              class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
3960                                              
3961                                            >
3962                                              
3963                                              <span class="menu-drawer__menu-item-text wrap-text">Axis-Y</span>
3964                                            </a>
3965                                          </li><li
3966                                            class="menu-drawer__list-item"
3967                                            style="--menu-drawer-animation-index: 9;"
3968                                          >
3969                                            <a
3970                                              id="HeaderDrawer-korean-beauty-shop-by-brands-purito-seoul"
3971                                              href="/products/purito-seoul-mighty-bamboo-panthenol-moisturizing-cream-100ml"
3972                                              class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
3973                                              
3974                                            >
3975                                              
3976                                              <span class="menu-drawer__menu-item-text wrap-text">Purito Seoul</span>
3977                                            </a>
3978                                          </li><li
3979                                            class="menu-drawer__list-item"
3980                                            style="--menu-drawer-animation-index: 10;"
3981                                          >
3982                                            <a
3983                                              id="HeaderDrawer-korean-beauty-shop-by-brands-eqqual-berry"
3984                                              href="/collections/eqqualberry"
3985                                              class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
3986                                              
3987                                            >
3988                                              
3989                                              <span class="menu-drawer__menu-item-text wrap-text">Eqqual Berry</span>
3990                                            </a>
3991                                          </li><li
3992                                            class="menu-drawer__list-item"
3993                                            style="--menu-drawer-animation-index: 11;"
3994                                          >
3995                                            <a
3996                                              id="HeaderDrawer-korean-beauty-shop-by-brands-im-from"
3997                                              href="/products/im-from-mugwort-serum-30ml"
3998                                              class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
3999                                              
4000                                            >
4001                                              
4002                                              <span class="menu-drawer__menu-item-text wrap-text">I&#39;m From</span>
4003                                            </a>
4004                                          </li><li
4005                                            class="menu-drawer__list-item"
4006                                            style="--menu-drawer-animation-index: 12;"
4007                                          >
4008                                            <a
4009                                              id="HeaderDrawer-korean-beauty-shop-by-brands-arencia"
4010                                              href="/collections/arencia"
4011                                              class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
4012                                              
4013                                            >
4014                                              
4015                                              <span class="menu-drawer__menu-item-text wrap-text">Arencia</span>
4016                                            </a>
4017                                          </li><li
4018                                            class="menu-drawer__list-item"
4019                                            style="--menu-drawer-animation-index: 13;"
4020                                          >
4021                                            <a
4022                                              id="HeaderDrawer-korean-beauty-shop-by-brands-vt-cosmetics"
4023                                              href="/collections/vt-cosmetics"
4024                                              class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
4025                                              
4026                                            >
4027                                              
4028                                              <span class="menu-drawer__menu-item-text wrap-text">VT Cosmetics</span>
4029                                            </a>
4030                                          </li><li
4031                                            class="menu-drawer__list-item"
4032                                            style="--menu-drawer-animation-index: 14;"
4033                                          >
4034                                            <a
4035                                              id="HeaderDrawer-korean-beauty-shop-by-brands-numbuzin"
4036                                              href="/collections/numbuzin"
4037                                              class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
4038                                              
4039                                            >
4040                                              
4041                                              <span class="menu-drawer__menu-item-text wrap-text">Numbuzin</span>
4042                                            </a>
4043                                          </li></ul>
4044                                    </details>
4045                                  
4046</accordion-custom>
4047
4048
4049
4050                                </li></ul>
4051                        
4052                      </div>
4053                    </div>
4054                  </details></li>
4055              <li
4056                class="menu-drawer__list-item"
4057                style="--menu-drawer-animation-index: 3;"
4058              ><details
4059                    id="Details-menu-drawer-menu-item-3"
4060                    class="menu-drawer__menu-container"
4061                  >
4062                    <summary
4063                      id="HeaderDrawer-skin-care"
4064                      class="menu-drawer__menu-item menu-drawer__menu-item--mainlist menu-drawer__animated-element focus-inset"
4065                      on:click="header-drawer/open/submenu"
4066                    >
4067                      <span class="menu-drawer__menu-item-text wrap-text">Skin Care</span>
4068                      <span class="svg-wrapper icon-caret icon-caret--forward"><svg aria-hidden="true" width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
4069  <path d="M11 5.5L7 9.5L3 5.5" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
4070</svg>
4071</span>
4072                    </summary>
4073                    <div
4074                      id="link-skin-care"
4075                      class="menu-drawer__submenu has-submenu"
4076                      tabindex="-1"
4077                      style="--menu-drawer-animation-index: 3;"
4078                    >
4079                      <div class="menu-drawer__inner-submenu">
4080                        <div class="menu-drawer__nav-buttons">
4081                          <button
4082                            class="button menu-drawer__back-button focus-inset"
4083                            on:click="header-drawer/back"
4084                            aria-label="Back to Skin Care"
4085                          >
4086                            <span class="svg-wrapper icon-caret icon-caret--backward"><svg aria-hidden="true" width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
4087  <path d="M11 5.5L7 9.5L3 5.5" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
4088</svg>
4089</span>
4090                            <span class="menu-drawer__menu-item-text wrap-text">Skin Care</span>
4091                          </button>
4092                          <button
4093                            class="button button-unstyled close-button menu-drawer__close-button focus-inset"
4094                            type="button"
4095                            aria-label="Close"
4096                            on:click="header-drawer/close"
4097                          >
4098                            <span class="svg-wrapper header-drawer-icon header-drawer-icon--close"><svg aria-hidden="true" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
4099<path d="M11.1765 12.025C11.4108 12.2594 11.7907 12.2594 12.025 12.025C12.2594 11.7907 12.2594 11.4108 12.025 11.1765L8.84931 8.00078L12.025 4.82505C12.2594 4.59073 12.2594 4.21083 12.025 3.97652C11.7907 3.7422 11.4108 3.7422 11.1765 3.97652L8.00078 7.15225L4.82505 3.97652C4.59073 3.7422 4.21083 3.7422 3.97652 3.97652C3.7422 4.21083 3.7422 4.59073 3.97652 4.82505L7.15225 8.00078L3.97652 11.1765C3.7422 11.4108 3.7422 11.7907 3.97652 12.025C4.21083 12.2594 4.59073 12.2594 4.82505 12.025L8.00078 8.84931L11.1765 12.025Z" fill="currentColor"/>
4100</svg>
4101</span>
4102                          </button>
4103                        </div>
4104                        
4105                        <ul
4106                          class="menu-drawer__menu menu-drawer__menu--childlist"
4107                          role="list"
4108                          tabindex="-1"
4109                        >
4110                          <li
4111                              class="
4112                                menu-drawer__list-item
4113                                menu-drawer__list-item--deep
4114                              "
4115                            >
4116                                
4117
4118                                  <accordion-custom
4119  
4120  
4121  
4122  
4123  
4124  
4125  
4126  
4127  
4128>
4129  
4130                                    <details
4131                                      id="Details-menu-drawer-skin-care-shop-by-concern"
4132                                    >
4133                                      <summary
4134                                        id="HeaderDrawer-skin-care-shop-by-concern"
4135                                        class="menu-drawer__menu-item menu-drawer__menu-item--parent focus-inset"
4136                                      >
4137                                        <span class="menu-drawer__menu-item-text wrap-text">Shop By Concern</span>
4138                                        <span class="svg-wrapper icon-plus"><svg aria-hidden="true" width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
4139  <path class="vertical" d="M2.75 7H11.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/>
4140  <path class="horizontal" d="M7 2.75L7 11.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/>
4141</svg>
4142</span>
4143                                      </summary>
4144                                      
4145                                      <ul
4146                                        class="menu-drawer__menu menu-drawer__menu--grandchildlist details-content"
4147                                        role="list"
4148                                        tabindex="-1"
4149                                      ><li
4150                                            class="menu-drawer__list-item"
4151                                            style="--menu-drawer-animation-index: 1;"
4152                                          >
4153                                            <a
4154                                              id="HeaderDrawer-skin-care-shop-by-concern-acne-breakouts-blemishes"
4155                                              href="/collections/acne-blemishes"
4156                                              class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
4157                                              
4158                                            >
4159                                              
4160                                              <span class="menu-drawer__menu-item-text wrap-text">Acne / Breakouts / Blemishes</span>
4161                                            </a>
4162                                          </li><li
4163                                            class="menu-drawer__list-item"
4164                                            style="--menu-drawer-animation-index: 2;"
4165                                          >
4166                                            <a
4167                                              id="HeaderDrawer-skin-care-shop-by-concern-brightening-glow-texture"
4168                                              href="/collections/dullness-uneven-texture"
4169                                              class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
4170                                              
4171                                            >
4172                                              
4173                                              <span class="menu-drawer__menu-item-text wrap-text">Brightening / Glow / Texture</span>
4174                                            </a>
4175                                          </li><li
4176                                            class="menu-drawer__list-item"
4177                                            style="--menu-drawer-animation-index: 3;"
4178                                          >
4179                                            <a
4180                                              id="HeaderDrawer-skin-care-shop-by-concern-pores-clenasing-oil-control"
4181                                              href="/collections/pores"
4182                                              class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
4183                                              
4184                                            >
4185                                              
4186                                              <span class="menu-drawer__menu-item-text wrap-text">Pores Clenasing / Oil Control</span>
4187                                            </a>
4188                                          </li><li
4189                                            class="menu-drawer__list-item"
4190                                            style="--menu-drawer-animation-index: 4;"
4191                                          >
4192                                            <a
4193                                              id="HeaderDrawer-skin-care-shop-by-concern-dark-spots-dullness"
4194                                              href="/collections/dark-spots"
4195                                              class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
4196                                              
4197                                            >
4198                                              
4199                                              <span class="menu-drawer__menu-item-text wrap-text">Dark Spots &amp; Dullness</span>
4200                                            </a>
4201                                          </li><li
4202                                            class="menu-drawer__list-item"
4203                                            style="--menu-drawer-animation-index: 5;"
4204                                          >
4205                                            <a
4206                                              id="HeaderDrawer-skin-care-shop-by-concern-dryness"
4207                                              href="/collections/dryness"
4208                                              class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
4209                                              
4210                                            >
4211                                              
4212                                              <span class="menu-drawer__menu-item-text wrap-text">Dryness</span>
4213                                            </a>
4214                                          </li><li
4215                                            class="menu-drawer__list-item"
4216                                            style="--menu-drawer-animation-index: 6;"
4217                                          >
4218                                            <a
4219                                              id="HeaderDrawer-skin-care-shop-by-concern-anti-aging"
4220                                              href="/collections/anti-aging"
4221                                              class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
4222                                              
4223                                            >
4224                                              
4225                                              <span class="menu-drawer__menu-item-text wrap-text">Anti-Aging</span>
4226                                            </a>
4227                                          </li><li
4228                                            class="menu-drawer__list-item"
4229                                            style="--menu-drawer-animation-index: 7;"
4230                                          >
4231                                            <a
4232                                              id="HeaderDrawer-skin-care-shop-by-concern-fine-lines-wrinkles"
4233                                              href="/collections/fine-lines-wrinkles"
4234                                              class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
4235                                              
4236                                            >
4237                                              
4238                                              <span class="menu-drawer__menu-item-text wrap-text">Fine Lines &amp; Wrinkles</span>
4239                                            </a>
4240                                          </li><li
4241                                            class="menu-drawer__list-item"
4242                                            style="--menu-drawer-animation-index: 8;"
4243                                          >
4244                                            <a
4245                                              id="HeaderDrawer-skin-care-shop-by-concern-pigmentation-scars"
4246                                              href="/collections/hyperpigmentation"
4247                                              class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
4248                                              
4249                                            >
4250                                              
4251                                              <span class="menu-drawer__menu-item-text wrap-text">Pigmentation / Scars</span>
4252                                            </a>
4253                                          </li></ul>
4254                                    </details>
4255                                  
4256</accordion-custom>
4257
4258
4259
4260                                </li><li
4261                              class="
4262                                menu-drawer__list-item
4263                                menu-drawer__list-item--deep
4264                              "
4265                            >
4266                                
4267
4268                                  <accordion-custom
4269  
4270  
4271  
4272  
4273  
4274  
4275  
4276  
4277  
4278>
4279  
4280                                    <details
4281                                      id="Details-menu-drawer-skin-care-serums-toners"
4282                                    >
4283                                      <summary
4284                                        id="HeaderDrawer-skin-care-serums-toners"
4285                                        class="menu-drawer__menu-item menu-drawer__menu-item--parent focus-inset"
4286                                      >
4287                                        <span class="menu-drawer__menu-item-text wrap-text">Serums &amp; Toners</span>
4288                                        <span class="svg-wrapper icon-plus"><svg aria-hidden="true" width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
4289  <path class="vertical" d="M2.75 7H11.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/>
4290  <path class="horizontal" d="M7 2.75L7 11.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/>
4291</svg>
4292</span>
4293                                      </summary>
4294                                      
4295                                      <ul
4296                                        class="menu-drawer__menu menu-drawer__menu--grandchildlist details-content"
4297                                        role="list"
4298                                        tabindex="-1"
4299                                      ><li
4300                                            class="menu-drawer__list-item"
4301                                            style="--menu-drawer-animation-index: 1;"
4302                                          >
4303                                            <a
4304                                              id="HeaderDrawer-skin-care-serums-toners-ampoules-new"
4305                                              href="/collections/ampoules"
4306                                              class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
4307                                              
4308                                            >
4309                                              
4310                                              <span class="menu-drawer__menu-item-text wrap-text">Ampoules (New)</span>
4311                                            </a>
4312                                          </li><li
4313                                            class="menu-drawer__list-item"
4314                                            style="--menu-drawer-animation-index: 2;"
4315                                          >
4316                                            <a
4317                                              id="HeaderDrawer-skin-care-serums-toners-face-serums"
4318                                              href="/collections/face-serums"
4319                                              class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
4320                                              
4321                                            >
4322                                              
4323                                              <span class="menu-drawer__menu-item-text wrap-text">Face Serums</span>
4324                                            </a>
4325                                          </li><li
4326                                            class="menu-drawer__list-item"
4327                                            style="--menu-drawer-animation-index: 3;"
4328                                          >
4329                                            <a
4330                                              id="HeaderDrawer-skin-care-serums-toners-toners"
4331                                              href="/collections/toners"
4332                                              class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
4333                                              
4334                                            >
4335                                              
4336                                              <span class="menu-drawer__menu-item-text wrap-text">Toners</span>
4337                                            </a>
4338                                          </li><li
4339                                            class="menu-drawer__list-item"
4340                                            style="--menu-drawer-animation-index: 4;"
4341                                          >
4342                                            <a
4343                                              id="HeaderDrawer-skin-care-serums-toners-face-masks"
4344                                              href="/collections/face-masks"
4345                                              class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
4346                                              
4347                                            >
4348                                              
4349                                              <span class="menu-drawer__menu-item-text wrap-text">Face Masks</span>
4350                                            </a>
4351                                          </li></ul>
4352                                    </details>
4353                                  
4354</accordion-custom>
4355
4356
4357
4358                                </li><li
4359                              class="
4360                                menu-drawer__list-item
4361                                menu-drawer__list-item--deep
4362                              "
4363                            >
4364                                
4365
4366                                  <accordion-custom
4367  
4368  
4369  
4370  
4371  
4372  
4373  
4374  
4375  
4376>
4377  
4378                                    <details
4379                                      id="Details-menu-drawer-skin-care-moisturizers-lotions"
4380                                    >
4381                                      <summary
4382                                        id="HeaderDrawer-skin-care-moisturizers-lotions"
4383                                        class="menu-drawer__menu-item menu-drawer__menu-item--parent focus-inset"
4384                                      >
4385                                        <span class="menu-drawer__menu-item-text wrap-text">Moisturizers &amp; Lotions</span>
4386                                        <span class="svg-wrapper icon-plus"><svg aria-hidden="true" width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
4387  <path class="vertical" d="M2.75 7H11.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/>
4388  <path class="horizontal" d="M7 2.75L7 11.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/>
4389</svg>
4390</span>
4391                                      </summary>
4392                                      
4393                                      <ul
4394                                        class="menu-drawer__menu menu-drawer__menu--grandchildlist details-content"
4395                                        role="list"
4396                                        tabindex="-1"
4397                                      ><li
4398                                            class="menu-drawer__list-item"
4399                                            style="--menu-drawer-animation-index: 1;"
4400                                          >
4401                                            <a
4402                                              id="HeaderDrawer-skin-care-moisturizers-lotions-moisturizer"
4403                                              href="/collections/moisturizer"
4404                                              class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
4405                                              
4406                                            >
4407                                              
4408                                              <span class="menu-drawer__menu-item-text wrap-text">Moisturizer</span>
4409                                            </a>
4410                                          </li><li
4411                                            class="menu-drawer__list-item"
4412                                            style="--menu-drawer-animation-index: 2;"
4413                                          >
4414                                            <a
4415                                              id="HeaderDrawer-skin-care-moisturizers-lotions-face-creams"
4416                                              href="/collections/face-creams"
4417                                              class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
4418                                              
4419                                            >
4420                                              
4421                                              <span class="menu-drawer__menu-item-text wrap-text">Face Creams</span>
4422                                            </a>
4423                                          </li><li
4424                                            class="menu-drawer__list-item"
4425                                            style="--menu-drawer-animation-index: 3;"
4426                                          >
4427                                            <a
4428                                              id="HeaderDrawer-skin-care-moisturizers-lotions-sunblock"
4429                                              href="/collections/sunblock"
4430                                              class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
4431                                              
4432                                            >
4433                                              
4434                                              <span class="menu-drawer__menu-item-text wrap-text">Sunblock</span>
4435                                            </a>
4436                                          </li><li
4437                                            class="menu-drawer__list-item"
4438                                            style="--menu-drawer-animation-index: 4;"
4439                                          >
4440                                            <a
4441                                              id="HeaderDrawer-skin-care-moisturizers-lotions-eye-cream"
4442                                              href="/collections/eye-cream"
4443                                              class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
4444                                              
4445                                            >
4446                                              
4447                                              <span class="menu-drawer__menu-item-text wrap-text">Eye Cream</span>
4448                                            </a>
4449                                          </li><li
4450                                            class="menu-drawer__list-item"
4451                                            style="--menu-drawer-animation-index: 5;"
4452                                          >
4453                                            <a
4454                                              id="HeaderDrawer-skin-care-moisturizers-lotions-body-lotion"
4455                                              href="/collections/body-lotion"
4456                                              class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
4457                                              
4458                                            >
4459                                              
4460                                              <span class="menu-drawer__menu-item-text wrap-text">Body Lotion</span>
4461                                            </a>
4462                                          </li><li
4463                                            class="menu-drawer__list-item"
4464                                            style="--menu-drawer-animation-index: 6;"
4465                                          >
4466                                            <a
4467                                              id="HeaderDrawer-skin-care-moisturizers-lotions-hand-foot-care"
4468                                              href="/collections/hand-foot-care"
4469                                              class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
4470                                              
4471                                            >
4472                                              
4473                                              <span class="menu-drawer__menu-item-text wrap-text">Hand &amp; Foot Care</span>
4474                                            </a>
4475                                          </li><li
4476                                            class="menu-drawer__list-item"
4477                                            style="--menu-drawer-animation-index: 7;"
4478                                          >
4479                                            <a
4480                                              id="HeaderDrawer-skin-care-moisturizers-lotions-lip-balm-treatment"
4481                                              href="/collections/lip-balm-treatment"
4482                                              class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
4483                                              
4484                                            >
4485                                              
4486                                              <span class="menu-drawer__menu-item-text wrap-text">Lip Balm &amp; Treatment</span>
4487                                            </a>
4488                                          </li><li
4489                                            class="menu-drawer__list-item"
4490                                            style="--menu-drawer-animation-index: 8;"
4491                                          >
4492                                            <a
4493                                              id="HeaderDrawer-skin-care-moisturizers-lotions-face-oils"
4494                                              href="/collections/face-oils"
4495                                              class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
4496                                              
4497                                            >
4498                                              
4499                                              <span class="menu-drawer__menu-item-text wrap-text">Face Oils</span>
4500                                            </a>
4501                                          </li></ul>
4502                                    </details>
4503                                  
4504</accordion-custom>
4505
4506
4507
4508                                </li><li
4509                              class="
4510                                menu-drawer__list-item
4511                                menu-drawer__list-item--deep
4512                              "
4513                            >
4514                                
4515
4516                                  <accordion-custom
4517  
4518  
4519  
4520  
4521  
4522  
4523  
4524  
4525  
4526>
4527  
4528                                    <details
4529                                      id="Details-menu-drawer-skin-care-daily-cleansing-care"
4530                                    >
4531                                      <summary
4532                                        id="HeaderDrawer-skin-care-daily-cleansing-care"
4533                                        class="menu-drawer__menu-item menu-drawer__menu-item--parent focus-inset"
4534                                      >
4535                                        <span class="menu-drawer__menu-item-text wrap-text">Daily Cleansing Care</span>
4536                                        <span class="svg-wrapper icon-plus"><svg aria-hidden="true" width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
4537  <path class="vertical" d="M2.75 7H11.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/>
4538  <path class="horizontal" d="M7 2.75L7 11.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/>
4539</svg>
4540</span>
4541                                      </summary>
4542                                      
4543                                      <ul
4544                                        class="menu-drawer__menu menu-drawer__menu--grandchildlist details-content"
4545                                        role="list"
4546                                        tabindex="-1"
4547                                      ><li
4548                                            class="menu-drawer__list-item"
4549                                            style="--menu-drawer-animation-index: 1;"
4550                                          >
4551                                            <a
4552                                              id="HeaderDrawer-skin-care-daily-cleansing-care-cleanser"
4553                                              href="/collections/cleanser"
4554                                              class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
4555                                              
4556                                            >
4557                                              
4558                                              <span class="menu-drawer__menu-item-text wrap-text">Cleanser</span>
4559                                            </a>
4560                                          </li><li
4561                                            class="menu-drawer__list-item"
4562                                            style="--menu-drawer-animation-index: 2;"
4563                                          >
4564                                            <a
4565                                              id="HeaderDrawer-skin-care-daily-cleansing-care-face-wash"
4566                                              href="/collections/face-wash"
4567                                              class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
4568                                              
4569                                            >
4570                                              
4571                                              <span class="menu-drawer__menu-item-text wrap-text">Face Wash</span>
4572                                            </a>
4573                                          </li><li
4574                                            class="menu-drawer__list-item"
4575                                            style="--menu-drawer-animation-index: 3;"
4576                                          >
4577                                            <a
4578                                              id="HeaderDrawer-skin-care-daily-cleansing-care-face-scrub"
4579                                              href="/collections/face-scrub"
4580                                              class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
4581                                              
4582                                            >
4583                                              
4584                                              <span class="menu-drawer__menu-item-text wrap-text">Face Scrub</span>
4585                                            </a>
4586                                          </li><li
4587                                            class="menu-drawer__list-item"
4588                                            style="--menu-drawer-animation-index: 4;"
4589                                          >
4590                                            <a
4591                                              id="HeaderDrawer-skin-care-daily-cleansing-care-face-wipes"
4592                                              href="/collections/face-wipes"
4593                                              class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
4594                                              
4595                                            >
4596                                              
4597                                              <span class="menu-drawer__menu-item-text wrap-text">Face Wipes</span>
4598                                            </a>
4599                                          </li><li
4600                                            class="menu-drawer__list-item"
4601                                            style="--menu-drawer-animation-index: 5;"
4602                                          >
4603                                            <a
4604                                              id="HeaderDrawer-skin-care-daily-cleansing-care-body-wash"
4605                                              href="/collections/body-wash"
4606                                              class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
4607                                              
4608                                            >
4609                                              
4610                                              <span class="menu-drawer__menu-item-text wrap-text">Body Wash</span>
4611                                            </a>
4612                                          </li></ul>
4613                                    </details>
4614                                  
4615</accordion-custom>
4616
4617
4618
4619                                </li><li
4620                              class="
4621                                menu-drawer__list-item
4622                                menu-drawer__list-item--deep
4623                              "
4624                            >
4625                                
4626
4627                                  <accordion-custom
4628  
4629  
4630  
4631  
4632  
4633  
4634  
4635  
4636  
4637>
4638  
4639                                    <details
4640                                      id="Details-menu-drawer-skin-care-face-masks"
4641                                    >
4642                                      <summary
4643                                        id="HeaderDrawer-skin-care-face-masks"
4644                                        class="menu-drawer__menu-item menu-drawer__menu-item--parent focus-inset"
4645                                      >
4646                                        <span class="menu-drawer__menu-item-text wrap-text">Face Masks</span>
4647                                        <span class="svg-wrapper icon-plus"><svg aria-hidden="true" width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
4648  <path class="vertical" d="M2.75 7H11.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/>
4649  <path class="horizontal" d="M7 2.75L7 11.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/>
4650</svg>
4651</span>
4652                                      </summary>
4653                                      
4654                                      <ul
4655                                        class="menu-drawer__menu menu-drawer__menu--grandchildlist details-content"
4656                                        role="list"
4657                                        tabindex="-1"
4658                                      ><li
4659                                            class="menu-drawer__list-item"
4660                                            style="--menu-drawer-animation-index: 1;"
4661                                          >
4662                                            <a
4663                                              id="HeaderDrawer-skin-care-face-masks-sheet-masks"
4664                                              href="/collections/sheet-masks"
4665                                              class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
4666                                              
4667                                            >
4668                                              
4669                                              <span class="menu-drawer__menu-item-text wrap-text">Sheet Masks</span>
4670                                            </a>
4671                                          </li><li
4672                                            class="menu-drawer__list-item"
4673                                            style="--menu-drawer-animation-index: 2;"
4674                                          >
4675                                            <a
4676                                              id="HeaderDrawer-skin-care-face-masks-face-masks"
4677                                              href="/collections/face-masks"
4678                                              class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
4679                                              
4680                                            >
4681                                              
4682                                              <span class="menu-drawer__menu-item-text wrap-text">Face Masks</span>
4683                                            </a>
4684                                          </li></ul>
4685                                    </details>
4686                                  
4687</accordion-custom>
4688
4689
4690
4691                                </li></ul>
4692                        
4693                      </div>
4694                    </div>
4695                  </details></li>
4696              <li
4697                class="menu-drawer__list-item"
4698                style="--menu-drawer-animation-index: 4;"
4699              ><details
4700                    id="Details-menu-drawer-menu-item-4"
4701                    class="menu-drawer__menu-container"
4702                  >
4703                    <summary
4704                      id="HeaderDrawer-hair-care"
4705                      class="menu-drawer__menu-item menu-drawer__menu-item--mainlist menu-drawer__animated-element focus-inset"
4706                      on:click="header-drawer/open/submenu"
4707                    >
4708                      <span class="menu-drawer__menu-item-text wrap-text">Hair Care</span>
4709                      <span class="svg-wrapper icon-caret icon-caret--forward"><svg aria-hidden="true" width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
4710  <path d="M11 5.5L7 9.5L3 5.5" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
4711</svg>
4712</span>
4713                    </summary>
4714                    <div
4715                      id="link-hair-care"
4716                      class="menu-drawer__submenu has-submenu"
4717                      tabindex="-1"
4718                      style="--menu-drawer-animation-index: 4;"
4719                    >
4720                      <div class="menu-drawer__inner-submenu">
4721                        <div class="menu-drawer__nav-buttons">
4722                          <button
4723                            class="button menu-drawer__back-button focus-inset"
4724                            on:click="header-drawer/back"
4725                            aria-label="Back to Hair Care"
4726                          >
4727                            <span class="svg-wrapper icon-caret icon-caret--backward"><svg aria-hidden="true" width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
4728  <path d="M11 5.5L7 9.5L3 5.5" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
4729</svg>
4730</span>
4731                            <span class="menu-drawer__menu-item-text wrap-text">Hair Care</span>
4732                          </button>
4733                          <button
4734                            class="button button-unstyled close-button menu-drawer__close-button focus-inset"
4735                            type="button"
4736                            aria-label="Close"
4737                            on:click="header-drawer/close"
4738                          >
4739                            <span class="svg-wrapper header-drawer-icon header-drawer-icon--close"><svg aria-hidden="true" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
4740<path d="M11.1765 12.025C11.4108 12.2594 11.7907 12.2594 12.025 12.025C12.2594 11.7907 12.2594 11.4108 12.025 11.1765L8.84931 8.00078L12.025 4.82505C12.2594 4.59073 12.2594 4.21083 12.025 3.97652C11.7907 3.7422 11.4108 3.7422 11.1765 3.97652L8.00078 7.15225L4.82505 3.97652C4.59073 3.7422 4.21083 3.7422 3.97652 3.97652C3.7422 4.21083 3.7422 4.59073 3.97652 4.82505L7.15225 8.00078L3.97652 11.1765C3.7422 11.4108 3.7422 11.7907 3.97652 12.025C4.21083 12.2594 4.59073 12.2594 4.82505 12.025L8.00078 8.84931L11.1765 12.025Z" fill="currentColor"/>
4741</svg>
4742</span>
4743                          </button>
4744                        </div>
4745                        
4746                        <ul
4747                          class="menu-drawer__menu menu-drawer__menu--childlist"
4748                          role="list"
4749                          tabindex="-1"
4750                        >
4751                          <li
4752                              class="
4753                                menu-drawer__list-item
4754                                menu-drawer__list-item--deep
4755                              "
4756                            >
4757                                
4758
4759                                  <accordion-custom
4760  
4761  
4762  
4763  
4764  
4765  
4766  
4767  
4768  
4769>
4770  
4771                                    <details
4772                                      id="Details-menu-drawer-hair-care-shop-by-concern"
4773                                    >
4774                                      <summary
4775                                        id="HeaderDrawer-hair-care-shop-by-concern"
4776                                        class="menu-drawer__menu-item menu-drawer__menu-item--parent focus-inset"
4777                                      >
4778                                        <span class="menu-drawer__menu-item-text wrap-text">Shop By Concern</span>
4779                                        <span class="svg-wrapper icon-plus"><svg aria-hidden="true" width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
4780  <path class="vertical" d="M2.75 7H11.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/>
4781  <path class="horizontal" d="M7 2.75L7 11.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/>
4782</svg>
4783</span>
4784                                      </summary>
4785                                      
4786                                      <ul
4787                                        class="menu-drawer__menu menu-drawer__menu--grandchildlist details-content"
4788                                        role="list"
4789                                        tabindex="-1"
4790                                      ><li
4791                                            class="menu-drawer__list-item"
4792                                            style="--menu-drawer-animation-index: 1;"
4793                                          >
4794                                            <a
4795                                              id="HeaderDrawer-hair-care-shop-by-concern-hair-fall"
4796                                              href="/collections/hair-fall"
4797                                              class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
4798                                              
4799                                            >
4800                                              
4801                                              <span class="menu-drawer__menu-item-text wrap-text">Hair Fall</span>
4802                                            </a>
4803                                          </li><li
4804                                            class="menu-drawer__list-item"
4805                                            style="--menu-drawer-animation-index: 2;"
4806                                          >
4807                                            <a
4808                                              id="HeaderDrawer-hair-care-shop-by-concern-hair-density"
4809                                              href="/collections/hair-density"
4810                                              class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
4811                                              
4812                                            >
4813                                              
4814                                              <span class="menu-drawer__menu-item-text wrap-text">Hair Density</span>
4815                                            </a>
4816                                          </li><li
4817                                            class="menu-drawer__list-item"
4818                                            style="--menu-drawer-animation-index: 3;"
4819                                          >
4820                                            <a
4821                                              id="HeaderDrawer-hair-care-shop-by-concern-hair-repair"
4822                                              href="/collections/hair-repair"
4823                                              class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
4824                                              
4825                                            >
4826                                              
4827                                              <span class="menu-drawer__menu-item-text wrap-text">Hair Repair</span>
4828                                            </a>
4829                                          </li><li
4830                                            class="menu-drawer__list-item"
4831                                            style="--menu-drawer-animation-index: 4;"
4832                                          >
4833                                            <a
4834                                              id="HeaderDrawer-hair-care-shop-by-concern-dandruff"
4835                                              href="/collections/dandruff"
4836                                              class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
4837                                              
4838                                            >
4839                                              
4840                                              <span class="menu-drawer__menu-item-text wrap-text">Dandruff</span>
4841                                            </a>
4842                                          </li></ul>
4843                                    </details>
4844                                  
4845</accordion-custom>
4846
4847
4848
4849                                </li><li
4850                              class="
4851                                menu-drawer__list-item
4852                                menu-drawer__list-item--deep
4853                              "
4854                            >
4855                                
4856
4857                                  <accordion-custom
4858  
4859  
4860  
4861  
4862  
4863  
4864  
4865  
4866  
4867>
4868  
4869                                    <details
4870                                      id="Details-menu-drawer-hair-care-shampoo-conditioners"
4871                                    >
4872                                      <summary
4873                                        id="HeaderDrawer-hair-care-shampoo-conditioners"
4874                                        class="menu-drawer__menu-item menu-drawer__menu-item--parent focus-inset"
4875                                      >
4876                                        <span class="menu-drawer__menu-item-text wrap-text">Shampoo &amp; Conditioners</span>
4877                                        <span class="svg-wrapper icon-plus"><svg aria-hidden="true" width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
4878  <path class="vertical" d="M2.75 7H11.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/>
4879  <path class="horizontal" d="M7 2.75L7 11.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/>
4880</svg>
4881</span>
4882                                      </summary>
4883                                      
4884                                      <ul
4885                                        class="menu-drawer__menu menu-drawer__menu--grandchildlist details-content"
4886                                        role="list"
4887                                        tabindex="-1"
4888                                      ><li
4889                                            class="menu-drawer__list-item"
4890                                            style="--menu-drawer-animation-index: 1;"
4891                                          >
4892                                            <a
4893                                              id="HeaderDrawer-hair-care-shampoo-conditioners-shampoo"
4894                                              href="/collections/shampoo"
4895                                              class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
4896                                              
4897                                            >
4898                                              
4899                                              <span class="menu-drawer__menu-item-text wrap-text">Shampoo</span>
4900                                            </a>
4901                                          </li><li
4902                                            class="menu-drawer__list-item"
4903                                            style="--menu-drawer-animation-index: 2;"
4904                                          >
4905                                            <a
4906                                              id="HeaderDrawer-hair-care-shampoo-conditioners-dry-shampoo"
4907                                              href="/collections/dry-shampoo"
4908                                              class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
4909                                              
4910                                            >
4911                                              
4912                                              <span class="menu-drawer__menu-item-text wrap-text">Dry Shampoo</span>
4913                                            </a>
4914                                          </li><li
4915                                            class="menu-drawer__list-item"
4916                                            style="--menu-drawer-animation-index: 3;"
4917                                          >
4918                                            <a
4919                                              id="HeaderDrawer-hair-care-shampoo-conditioners-hair-conditioner"
4920                                              href="/collections/conditioner"
4921                                              class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
4922                                              
4923                                            >
4924                                              
4925                                              <span class="menu-drawer__menu-item-text wrap-text">Hair Conditioner</span>
4926                                            </a>
4927                                          </li><li
4928                                            class="menu-drawer__list-item"
4929                                            style="--menu-drawer-animation-index: 4;"
4930                                          >
4931                                            <a
4932                                              id="HeaderDrawer-hair-care-shampoo-conditioners-hair-mask"
4933                                              href="/collections/hair-mask"
4934                                              class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
4935                                              
4936                                            >
4937                                              
4938                                              <span class="menu-drawer__menu-item-text wrap-text">Hair Mask</span>
4939                                            </a>
4940                                          </li></ul>
4941                                    </details>
4942                                  
4943</accordion-custom>
4944
4945
4946
4947                                </li><li
4948                              class="
4949                                menu-drawer__list-item
4950                                menu-drawer__list-item--deep
4951                              "
4952                            >
4953                                
4954
4955                                  <accordion-custom
4956  
4957  
4958  
4959  
4960  
4961  
4962  
4963  
4964  
4965>
4966  
4967                                    <details
4968                                      id="Details-menu-drawer-hair-care-hair-colours"
4969                                    >
4970                                      <summary
4971                                        id="HeaderDrawer-hair-care-hair-colours"
4972                                        class="menu-drawer__menu-item menu-drawer__menu-item--parent focus-inset"
4973                                      >
4974                                        <span class="menu-drawer__menu-item-text wrap-text">Hair Colours</span>
4975                                        <span class="svg-wrapper icon-plus"><svg aria-hidden="true" width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
4976  <path class="vertical" d="M2.75 7H11.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/>
4977  <path class="horizontal" d="M7 2.75L7 11.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/>
4978</svg>
4979</span>
4980                                      </summary>
4981                                      
4982                                      <ul
4983                                        class="menu-drawer__menu menu-drawer__menu--grandchildlist details-content"
4984                                        role="list"
4985                                        tabindex="-1"
4986                                      ><li
4987                                            class="menu-drawer__list-item"
4988                                            style="--menu-drawer-animation-index: 1;"
4989                                          >
4990                                            <a
4991                                              id="HeaderDrawer-hair-care-hair-colours-hair-colors-dye"
4992                                              href="/collections/semi-permanent"
4993                                              class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
4994                                              
4995                                            >
4996                                              
4997                                              <span class="menu-drawer__menu-item-text wrap-text">Hair Colors / Dye</span>
4998                                            </a>
4999                                          </li><li
5000                                            class="menu-drawer__list-item"
5001                                            style="--menu-drawer-animation-index: 2;"
5002                                          >
5003                                            <a
5004                                              id="HeaderDrawer-hair-care-hair-colours-developers"
5005                                              href="/collections/developer"
5006                                              class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
5007                                              
5008                                            >
5009                                              
5010                                              <span class="menu-drawer__menu-item-text wrap-text">Developers</span>
5011                                            </a>
5012                                          </li></ul>
5013                                    </details>
5014                                  
5015</accordion-custom>
5016
5017
5018
5019                                </li><li
5020                              class="
5021                                menu-drawer__list-item
5022                                menu-drawer__list-item--deep
5023                              "
5024                            >
5025                                
5026
5027                                  <accordion-custom
5028  
5029  
5030  
5031  
5032  
5033  
5034  
5035  
5036  
5037>
5038  
5039                                    <details
5040                                      id="Details-menu-drawer-hair-care-hair-accessories"
5041                                    >
5042                                      <summary
5043                                        id="HeaderDrawer-hair-care-hair-accessories"
5044                                        class="menu-drawer__menu-item menu-drawer__menu-item--parent focus-inset"
5045                                      >
5046                                        <span class="menu-drawer__menu-item-text wrap-text">Hair Accessories</span>
5047                                        <span class="svg-wrapper icon-plus"><svg aria-hidden="true" width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
5048  <path class="vertical" d="M2.75 7H11.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/>
5049  <path class="horizontal" d="M7 2.75L7 11.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/>
5050</svg>
5051</span>
5052                                      </summary>
5053                                      
5054                                      <ul
5055                                        class="menu-drawer__menu menu-drawer__menu--grandchildlist details-content"
5056                                        role="list"
5057                                        tabindex="-1"
5058                                      ><li
5059                                            class="menu-drawer__list-item"
5060                                            style="--menu-drawer-animation-index: 1;"
5061                                          >
5062                                            <a
5063                                              id="HeaderDrawer-hair-care-hair-accessories-hair-styling"
5064                                              href="/collections/hair-styling"
5065                                              class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
5066                                              
5067                                            >
5068                                              
5069                                              <span class="menu-drawer__menu-item-text wrap-text">Hair Styling</span>
5070                                            </a>
5071                                          </li><li
5072                                            class="menu-drawer__list-item"
5073                                            style="--menu-drawer-animation-index: 2;"
5074                                          >
5075                                            <a
5076                                              id="HeaderDrawer-hair-care-hair-accessories-hair-straightener"
5077                                              href="/collections/hair-straightener"
5078                                              class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
5079                                              
5080                                            >
5081                                              
5082                                              <span class="menu-drawer__menu-item-text wrap-text">Hair Straightener</span>
5083                                            </a>
5084                                          </li><li
5085                                            class="menu-drawer__list-item"
5086                                            style="--menu-drawer-animation-index: 3;"
5087                                          >
5088                                            <a
5089                                              id="HeaderDrawer-hair-care-hair-accessories-hair-curler"
5090                                              href="/collections/hair-curler"
5091                                              class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
5092                                              
5093                                            >
5094                                              
5095                                              <span class="menu-drawer__menu-item-text wrap-text">Hair Curler</span>
5096                                            </a>
5097                                          </li><li
5098                                            class="menu-drawer__list-item"
5099                                            style="--menu-drawer-animation-index: 4;"
5100                                          >
5101                                            <a
5102                                              id="HeaderDrawer-hair-care-hair-accessories-hair-dryer"
5103                                              href="/collections/hair-dryer"
5104                                              class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
5105                                              
5106                                            >
5107                                              
5108                                              <span class="menu-drawer__menu-item-text wrap-text">Hair Dryer</span>
5109                                            </a>
5110                                          </li></ul>
5111                                    </details>
5112                                  
5113</accordion-custom>
5114
5115
5116
5117                                </li><li
5118                              class="
5119                                menu-drawer__list-item
5120                                
5121                              "
5122                            ><a
5123                                  id="HeaderDrawer-hair-care-hair-serum"
5124                                  href="/collections/hair-serum"
5125                                  class="menu-drawer__menu-item menu-drawer__menu-item--parent focus-inset"
5126                                  
5127                                >
5128                                  
5129                                  <span class="menu-drawer__menu-item-text wrap-text">Hair Serum</span>
5130                                </a></li><li
5131                              class="
5132                                menu-drawer__list-item
5133                                
5134                              "
5135                            ><a
5136                                  id="HeaderDrawer-hair-care-hair-oils"
5137                                  href="/collections/hair-oils"
5138                                  class="menu-drawer__menu-item menu-drawer__menu-item--parent focus-inset"
5139                                  
5140                                >
5141                                  
5142                                  <span class="menu-drawer__menu-item-text wrap-text">Hair Oils</span>
5143                                </a></li></ul>
5144                        
5145                      </div>
5146                    </div>
5147                  </details></li>
5148              <li
5149                class="menu-drawer__list-item"
5150                style="--menu-drawer-animation-index: 5;"
5151              ><details
5152                    id="Details-menu-drawer-menu-item-5"
5153                    class="menu-drawer__menu-container"
5154                  >
5155                    <summary
5156                      id="HeaderDrawer-health-care"
5157                      class="menu-drawer__menu-item menu-drawer__menu-item--mainlist menu-drawer__animated-element focus-inset"
5158                      on:click="header-drawer/open/submenu"
5159                    >
5160                      <span class="menu-drawer__menu-item-text wrap-text">Health Care</span>
5161                      <span class="svg-wrapper icon-caret icon-caret--forward"><svg aria-hidden="true" width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
5162  <path d="M11 5.5L7 9.5L3 5.5" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
5163</svg>
5164</span>
5165                    </summary>
5166                    <div
5167                      id="link-health-care"
5168                      class="menu-drawer__submenu has-submenu"
5169                      tabindex="-1"
5170                      style="--menu-drawer-animation-index: 5;"
5171                    >
5172                      <div class="menu-drawer__inner-submenu">
5173                        <div class="menu-drawer__nav-buttons">
5174                          <button
5175                            class="button menu-drawer__back-button focus-inset"
5176                            on:click="header-drawer/back"
5177                            aria-label="Back to Health Care"
5178                          >
5179                            <span class="svg-wrapper icon-caret icon-caret--backward"><svg aria-hidden="true" width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
5180  <path d="M11 5.5L7 9.5L3 5.5" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
5181</svg>
5182</span>
5183                            <span class="menu-drawer__menu-item-text wrap-text">Health Care</span>
5184                          </button>
5185                          <button
5186                            class="button button-unstyled close-button menu-drawer__close-button focus-inset"
5187                            type="button"
5188                            aria-label="Close"
5189                            on:click="header-drawer/close"
5190                          >
5191                            <span class="svg-wrapper header-drawer-icon header-drawer-icon--close"><svg aria-hidden="true" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
5192<path d="M11.1765 12.025C11.4108 12.2594 11.7907 12.2594 12.025 12.025C12.2594 11.7907 12.2594 11.4108 12.025 11.1765L8.84931 8.00078L12.025 4.82505C12.2594 4.59073 12.2594 4.21083 12.025 3.97652C11.7907 3.7422 11.4108 3.7422 11.1765 3.97652L8.00078 7.15225L4.82505 3.97652C4.59073 3.7422 4.21083 3.7422 3.97652 3.97652C3.7422 4.21083 3.7422 4.59073 3.97652 4.82505L7.15225 8.00078L3.97652 11.1765C3.7422 11.4108 3.7422 11.7907 3.97652 12.025C4.21083 12.2594 4.59073 12.2594 4.82505 12.025L8.00078 8.84931L11.1765 12.025Z" fill="currentColor"/>
5193</svg>
5194</span>
5195                          </button>
5196                        </div>
5197                        
5198                        <ul
5199                          class="menu-drawer__menu menu-drawer__menu--childlist"
5200                          role="list"
5201                          tabindex="-1"
5202                        >
5203                          <li
5204                              class="
5205                                menu-drawer__list-item
5206                                menu-drawer__list-item--deep
5207                              "
5208                            >
5209                                
5210
5211                                  <accordion-custom
5212  
5213  
5214  
5215  
5216  
5217  
5218  
5219  
5220  
5221>
5222  
5223                                    <details
5224                                      id="Details-menu-drawer-health-care-shop-by-concern"
5225                                    >
5226                                      <summary
5227                                        id="HeaderDrawer-health-care-shop-by-concern"
5228                                        class="menu-drawer__menu-item menu-drawer__menu-item--parent focus-inset"
5229                                      >
5230                                        <span class="menu-drawer__menu-item-text wrap-text">Shop By Concern</span>
5231                                        <span class="svg-wrapper icon-plus"><svg aria-hidden="true" width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
5232  <path class="vertical" d="M2.75 7H11.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/>
5233  <path class="horizontal" d="M7 2.75L7 11.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/>
5234</svg>
5235</span>
5236                                      </summary>
5237                                      
5238                                      <ul
5239                                        class="menu-drawer__menu menu-drawer__menu--grandchildlist details-content"
5240                                        role="list"
5241                                        tabindex="-1"
5242                                      ><li
5243                                            class="menu-drawer__list-item"
5244                                            style="--menu-drawer-animation-index: 1;"
5245                                          >
5246                                            <a
5247                                              id="HeaderDrawer-health-care-shop-by-concern-male-vitality"
5248                                              href="/collections/male-vitality"
5249                                              class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
5250                                              
5251                                            >
5252                                              
5253                                              <span class="menu-drawer__menu-item-text wrap-text">Male Vitality</span>
5254                                            </a>
5255                                          </li><li
5256                                            class="menu-drawer__list-item"
5257                                            style="--menu-drawer-animation-index: 2;"
5258                                          >
5259                                            <a
5260                                              id="HeaderDrawer-health-care-shop-by-concern-pregnancy"
5261                                              href="/collections/pregnancy"
5262                                              class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
5263                                              
5264                                            >
5265                                              
5266                                              <span class="menu-drawer__menu-item-text wrap-text">Pregnancy</span>
5267                                            </a>
5268                                          </li><li
5269                                            class="menu-drawer__list-item"
5270                                            style="--menu-drawer-animation-index: 3;"
5271                                          >
5272                                            <a
5273                                              id="HeaderDrawer-health-care-shop-by-concern-immunity"
5274                                              href="/collections/immunity"
5275                                              class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
5276                                              
5277                                            >
5278                                              
5279                                              <span class="menu-drawer__menu-item-text wrap-text">Immunity</span>
5280                                            </a>
5281                                          </li><li
5282                                            class="menu-drawer__list-item"
5283                                            style="--menu-drawer-animation-index: 4;"
5284                                          >
5285                                            <a
5286                                              id="HeaderDrawer-health-care-shop-by-concern-bones-joints"
5287                                              href="/collections/bones-joints"
5288                                              class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
5289                                              
5290                                            >
5291                                              
5292                                              <span class="menu-drawer__menu-item-text wrap-text">Bones &amp; Joints</span>
5293                                            </a>
5294                                          </li><li
5295                                            class="menu-drawer__list-item"
5296                                            style="--menu-drawer-animation-index: 5;"
5297                                          >
5298                                            <a
5299                                              id="HeaderDrawer-health-care-shop-by-concern-energy-booster"
5300                                              href="/collections/energy-booster"
5301                                              class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
5302                                              
5303                                            >
5304                                              
5305                                              <span class="menu-drawer__menu-item-text wrap-text">Energy Booster</span>
5306                                            </a>
5307                                          </li><li
5308                                            class="menu-drawer__list-item"
5309                                            style="--menu-drawer-animation-index: 6;"
5310                                          >
5311                                            <a
5312                                              id="HeaderDrawer-health-care-shop-by-concern-metabolism-weight-loss"
5313                                              href="/collections/metabolism"
5314                                              class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
5315                                              
5316                                            >
5317                                              
5318                                              <span class="menu-drawer__menu-item-text wrap-text">Metabolism &amp; Weight Loss</span>
5319                                            </a>
5320                                          </li><li
5321                                            class="menu-drawer__list-item"
5322                                            style="--menu-drawer-animation-index: 7;"
5323                                          >
5324                                            <a
5325                                              id="HeaderDrawer-health-care-shop-by-concern-prostate-functions"
5326                                              href="/collections/prostate-functions"
5327                                              class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
5328                                              
5329                                            >
5330                                              
5331                                              <span class="menu-drawer__menu-item-text wrap-text">Prostate Functions</span>
5332                                            </a>
5333                                          </li><li
5334                                            class="menu-drawer__list-item"
5335                                            style="--menu-drawer-animation-index: 8;"
5336                                          >
5337                                            <a
5338                                              id="HeaderDrawer-health-care-shop-by-concern-natural-sweetener"
5339                                              href="/collections/natural-sweetener"
5340                                              class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
5341                                              
5342                                            >
5343                                              
5344                                              <span class="menu-drawer__menu-item-text wrap-text">Natural Sweetener</span>
5345                                            </a>
5346                                          </li></ul>
5347                                    </details>
5348                                  
5349</accordion-custom>
5350
5351
5352
5353                                </li><li
5354                              class="
5355                                menu-drawer__list-item
5356                                menu-drawer__list-item--deep
5357                              "
5358                            >
5359                                
5360
5361                                  <accordion-custom
5362  
5363  
5364  
5365  
5366  
5367  
5368  
5369  
5370  
5371>
5372  
5373                                    <details
5374                                      id="Details-menu-drawer-health-care-supplements-for-men"
5375                                    >
5376                                      <summary
5377                                        id="HeaderDrawer-health-care-supplements-for-men"
5378                                        class="menu-drawer__menu-item menu-drawer__menu-item--parent focus-inset"
5379                                      >
5380                                        <span class="menu-drawer__menu-item-text wrap-text">Supplements For Men</span>
5381                                        <span class="svg-wrapper icon-plus"><svg aria-hidden="true" width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
5382  <path class="vertical" d="M2.75 7H11.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/>
5383  <path class="horizontal" d="M7 2.75L7 11.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/>
5384</svg>
5385</span>
5386                                      </summary>
5387                                      
5388                                      <ul
5389                                        class="menu-drawer__menu menu-drawer__menu--grandchildlist details-content"
5390                                        role="list"
5391                                        tabindex="-1"
5392                                      ><li
5393                                            class="menu-drawer__list-item"
5394                                            style="--menu-drawer-animation-index: 1;"
5395                                          >
5396                                            <a
5397                                              id="HeaderDrawer-health-care-supplements-for-men-men-energy-booster"
5398                                              href="/collections/men-energy-booster"
5399                                              class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
5400                                              
5401                                            >
5402                                              
5403                                              <span class="menu-drawer__menu-item-text wrap-text">Men Energy Booster</span>
5404                                            </a>
5405                                          </li><li
5406                                            class="menu-drawer__list-item"
5407                                            style="--menu-drawer-animation-index: 2;"
5408                                          >
5409                                            <a
5410                                              id="HeaderDrawer-health-care-supplements-for-men-male-vitality"
5411                                              href="/collections/male-vitality"
5412                                              class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
5413                                              
5414                                            >
5415                                              
5416                                              <span class="menu-drawer__menu-item-text wrap-text">Male Vitality</span>
5417                                            </a>
5418                                          </li><li
5419                                            class="menu-drawer__list-item"
5420                                            style="--menu-drawer-animation-index: 3;"
5421                                          >
5422                                            <a
5423                                              id="HeaderDrawer-health-care-supplements-for-men-prostate-functions"
5424                                              href="/collections/prostate-functions"
5425                                              class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
5426                                              
5427                                            >
5428                                              
5429                                              <span class="menu-drawer__menu-item-text wrap-text">Prostate Functions</span>
5430                                            </a>
5431                                          </li></ul>
5432                                    </details>
5433                                  
5434</accordion-custom>
5435
5436
5437
5438                                </li><li
5439                              class="
5440                                menu-drawer__list-item
5441                                menu-drawer__list-item--deep
5442                              "
5443                            >
5444                                
5445
5446                                  <accordion-custom
5447  
5448  
5449  
5450  
5451  
5452  
5453  
5454  
5455  
5456>
5457  
5458                                    <details
5459                                      id="Details-menu-drawer-health-care-supplements-for-women"
5460                                    >
5461                                      <summary
5462                                        id="HeaderDrawer-health-care-supplements-for-women"
5463                                        class="menu-drawer__menu-item menu-drawer__menu-item--parent focus-inset"
5464                                      >
5465                                        <span class="menu-drawer__menu-item-text wrap-text">Supplements For Women</span>
5466                                        <span class="svg-wrapper icon-plus"><svg aria-hidden="true" width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
5467  <path class="vertical" d="M2.75 7H11.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/>
5468  <path class="horizontal" d="M7 2.75L7 11.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/>
5469</svg>
5470</span>
5471                                      </summary>
5472                                      
5473                                      <ul
5474                                        class="menu-drawer__menu menu-drawer__menu--grandchildlist details-content"
5475                                        role="list"
5476                                        tabindex="-1"
5477                                      ><li
5478                                            class="menu-drawer__list-item"
5479                                            style="--menu-drawer-animation-index: 1;"
5480                                          >
5481                                            <a
5482                                              id="HeaderDrawer-health-care-supplements-for-women-pregnancy"
5483                                              href="/collections/pregnancy"
5484                                              class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
5485                                              
5486                                            >
5487                                              
5488                                              <span class="menu-drawer__menu-item-text wrap-text">Pregnancy</span>
5489                                            </a>
5490                                          </li></ul>
5491                                    </details>
5492                                  
5493</accordion-custom>
5494
5495
5496
5497                                </li><li
5498                              class="
5499                                menu-drawer__list-item
5500                                menu-drawer__list-item--deep
5501                              "
5502                            >
5503                                
5504
5505                                  <accordion-custom
5506  
5507  
5508  
5509  
5510  
5511  
5512  
5513  
5514  
5515>
5516  
5517                                    <details
5518                                      id="Details-menu-drawer-health-care-supplements-for-all"
5519                                    >
5520                                      <summary
5521                                        id="HeaderDrawer-health-care-supplements-for-all"
5522                                        class="menu-drawer__menu-item menu-drawer__menu-item--parent focus-inset"
5523                                      >
5524                                        <span class="menu-drawer__menu-item-text wrap-text">Supplements For All</span>
5525                                        <span class="svg-wrapper icon-plus"><svg aria-hidden="true" width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
5526  <path class="vertical" d="M2.75 7H11.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/>
5527  <path class="horizontal" d="M7 2.75L7 11.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/>
5528</svg>
5529</span>
5530                                      </summary>
5531                                      
5532                                      <ul
5533                                        class="menu-drawer__menu menu-drawer__menu--grandchildlist details-content"
5534                                        role="list"
5535                                        tabindex="-1"
5536                                      ><li
5537                                            class="menu-drawer__list-item"
5538                                            style="--menu-drawer-animation-index: 1;"
5539                                          >
5540                                            <a
5541                                              id="HeaderDrawer-health-care-supplements-for-all-immunity"
5542                                              href="/collections/immunity"
5543                                              class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
5544                                              
5545                                            >
5546                                              
5547                                              <span class="menu-drawer__menu-item-text wrap-text">Immunity</span>
5548                                            </a>
5549                                          </li><li
5550                                            class="menu-drawer__list-item"
5551                                            style="--menu-drawer-animation-index: 2;"
5552                                          >
5553                                            <a
5554                                              id="HeaderDrawer-health-care-supplements-for-all-metabolism-weight-loss"
5555                                              href="/collections/metabolism"
5556                                              class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
5557                                              
5558                                            >
5559                                              
5560                                              <span class="menu-drawer__menu-item-text wrap-text">Metabolism &amp; Weight Loss</span>
5561                                            </a>
5562                                          </li><li
5563                                            class="menu-drawer__list-item"
5564                                            style="--menu-drawer-animation-index: 3;"
5565                                          >
5566                                            <a
5567                                              id="HeaderDrawer-health-care-supplements-for-all-bones-joints"
5568                                              href="/collections/bones-joints"
5569                                              class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
5570                                              
5571                                            >
5572                                              
5573                                              <span class="menu-drawer__menu-item-text wrap-text">Bones &amp; Joints</span>
5574                                            </a>
5575                                          </li><li
5576                                            class="menu-drawer__list-item"
5577                                            style="--menu-drawer-animation-index: 4;"
5578                                          >
5579                                            <a
5580                                              id="HeaderDrawer-health-care-supplements-for-all-hair-vitamins"
5581                                              href="/collections/hair-vitamins"
5582                                              class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
5583                                              
5584                                            >
5585                                              
5586                                              <span class="menu-drawer__menu-item-text wrap-text">Hair Vitamins</span>
5587                                            </a>
5588                                          </li><li
5589                                            class="menu-drawer__list-item"
5590                                            style="--menu-drawer-animation-index: 5;"
5591                                          >
5592                                            <a
5593                                              id="HeaderDrawer-health-care-supplements-for-all-blood-sugar-support"
5594                                              href="/collections/blood-sugar-support"
5595                                              class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
5596                                              
5597                                            >
5598                                              
5599                                              <span class="menu-drawer__menu-item-text wrap-text">Blood Sugar Support</span>
5600                                            </a>
5601                                          </li></ul>
5602                                    </details>
5603                                  
5604</accordion-custom>
5605
5606
5607
5608                                </li><li
5609                              class="
5610                                menu-drawer__list-item
5611                                menu-drawer__list-item--deep
5612                              "
5613                            >
5614                                
5615
5616                                  <accordion-custom
5617  
5618  
5619  
5620  
5621  
5622  
5623  
5624  
5625  
5626>
5627  
5628                                    <details
5629                                      id="Details-menu-drawer-health-care-others"
5630                                    >
5631                                      <summary
5632                                        id="HeaderDrawer-health-care-others"
5633                                        class="menu-drawer__menu-item menu-drawer__menu-item--parent focus-inset"
5634                                      >
5635                                        <span class="menu-drawer__menu-item-text wrap-text">Others</span>
5636                                        <span class="svg-wrapper icon-plus"><svg aria-hidden="true" width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
5637  <path class="vertical" d="M2.75 7H11.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/>
5638  <path class="horizontal" d="M7 2.75L7 11.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/>
5639</svg>
5640</span>
5641                                      </summary>
5642                                      
5643                                      <ul
5644                                        class="menu-drawer__menu menu-drawer__menu--grandchildlist details-content"
5645                                        role="list"
5646                                        tabindex="-1"
5647                                      ><li
5648                                            class="menu-drawer__list-item"
5649                                            style="--menu-drawer-animation-index: 1;"
5650                                          >
5651                                            <a
5652                                              id="HeaderDrawer-health-care-others-aromatherapy"
5653                                              href="/collections/aromatherapy"
5654                                              class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
5655                                              
5656                                            >
5657                                              
5658                                              <span class="menu-drawer__menu-item-text wrap-text">Aromatherapy</span>
5659                                            </a>
5660                                          </li></ul>
5661                                    </details>
5662                                  
5663</accordion-custom>
5664
5665
5666
5667                                </li></ul>
5668                        
5669                      </div>
5670                    </div>
5671                  </details></li>
5672              <li
5673                class="menu-drawer__list-item"
5674                style="--menu-drawer-animation-index: 6;"
5675              ><details
5676                    id="Details-menu-drawer-menu-item-6"
5677                    class="menu-drawer__menu-container"
5678                  >
5679                    <summary
5680                      id="HeaderDrawer-personal-care"
5681                      class="menu-drawer__menu-item menu-drawer__menu-item--mainlist menu-drawer__animated-element focus-inset"
5682                      on:click="header-drawer/open/submenu"
5683                    >
5684                      <span class="menu-drawer__menu-item-text wrap-text">Personal Care</span>
5685                      <span class="svg-wrapper icon-caret icon-caret--forward"><svg aria-hidden="true" width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
5686  <path d="M11 5.5L7 9.5L3 5.5" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
5687</svg>
5688</span>
5689                    </summary>
5690                    <div
5691                      id="link-personal-care"
5692                      class="menu-drawer__submenu has-submenu"
5693                      tabindex="-1"
5694                      style="--menu-drawer-animation-index: 6;"
5695                    >
5696                      <div class="menu-drawer__inner-submenu">
5697                        <div class="menu-drawer__nav-buttons">
5698                          <button
5699                            class="button menu-drawer__back-button focus-inset"
5700                            on:click="header-drawer/back"
5701                            aria-label="Back to Personal Care"
5702                          >
5703                            <span class="svg-wrapper icon-caret icon-caret--backward"><svg aria-hidden="true" width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
5704  <path d="M11 5.5L7 9.5L3 5.5" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
5705</svg>
5706</span>
5707                            <span class="menu-drawer__menu-item-text wrap-text">Personal Care</span>
5708                          </button>
5709                          <button
5710                            class="button button-unstyled close-button menu-drawer__close-button focus-inset"
5711                            type="button"
5712                            aria-label="Close"
5713                            on:click="header-drawer/close"
5714                          >
5715                            <span class="svg-wrapper header-drawer-icon header-drawer-icon--close"><svg aria-hidden="true" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
5716<path d="M11.1765 12.025C11.4108 12.2594 11.7907 12.2594 12.025 12.025C12.2594 11.7907 12.2594 11.4108 12.025 11.1765L8.84931 8.00078L12.025 4.82505C12.2594 4.59073 12.2594 4.21083 12.025 3.97652C11.7907 3.7422 11.4108 3.7422 11.1765 3.97652L8.00078 7.15225L4.82505 3.97652C4.59073 3.7422 4.21083 3.7422 3.97652 3.97652C3.7422 4.21083 3.7422 4.59073 3.97652 4.82505L7.15225 8.00078L3.97652 11.1765C3.7422 11.4108 3.7422 11.7907 3.97652 12.025C4.21083 12.2594 4.59073 12.2594 4.82505 12.025L8.00078 8.84931L11.1765 12.025Z" fill="currentColor"/>
5717</svg>
5718</span>
5719                          </button>
5720                        </div>
5721                        
5722                        <ul
5723                          class="menu-drawer__menu menu-drawer__menu--childlist"
5724                          role="list"
5725                          tabindex="-1"
5726                        >
5727                          <li
5728                              class="
5729                                menu-drawer__list-item
5730                                
5731                              "
5732                            ><a
5733                                  id="HeaderDrawer-personal-care-fragrance"
5734                                  href="/collections/fragrance"
5735                                  class="menu-drawer__menu-item menu-drawer__menu-item--parent focus-inset"
5736                                  
5737                                >
5738                                  
5739                                  <span class="menu-drawer__menu-item-text wrap-text">Fragrance</span>
5740                                </a></li><li
5741                              class="
5742                                menu-drawer__list-item
5743                                menu-drawer__list-item--deep
5744                              "
5745                            >
5746                                
5747
5748                                  <accordion-custom
5749  
5750  
5751  
5752  
5753  
5754  
5755  
5756  
5757  
5758>
5759  
5760                                    <details
5761                                      id="Details-menu-drawer-personal-care-female-care"
5762                                    >
5763                                      <summary
5764                                        id="HeaderDrawer-personal-care-female-care"
5765                                        class="menu-drawer__menu-item menu-drawer__menu-item--parent focus-inset"
5766                                      >
5767                                        <span class="menu-drawer__menu-item-text wrap-text">Female Care</span>
5768                                        <span class="svg-wrapper icon-plus"><svg aria-hidden="true" width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
5769  <path class="vertical" d="M2.75 7H11.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/>
5770  <path class="horizontal" d="M7 2.75L7 11.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/>
5771</svg>
5772</span>
5773                                      </summary>
5774                                      
5775                                      <ul
5776                                        class="menu-drawer__menu menu-drawer__menu--grandchildlist details-content"
5777                                        role="list"
5778                                        tabindex="-1"
5779                                      ><li
5780                                            class="menu-drawer__list-item"
5781                                            style="--menu-drawer-animation-index: 1;"
5782                                          >
5783                                            <a
5784                                              id="HeaderDrawer-personal-care-female-care-vaginal-care"
5785                                              href="/collections/biomousse-flora"
5786                                              class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
5787                                              
5788                                            >
5789                                              
5790                                              <span class="menu-drawer__menu-item-text wrap-text">Vaginal Care</span>
5791                                            </a>
5792                                          </li><li
5793                                            class="menu-drawer__list-item"
5794                                            style="--menu-drawer-animation-index: 2;"
5795                                          >
5796                                            <a
5797                                              id="HeaderDrawer-personal-care-female-care-hair-removal-cream"
5798                                              href="/collections/hair-removal-cream"
5799                                              class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
5800                                              
5801                                            >
5802                                              
5803                                              <span class="menu-drawer__menu-item-text wrap-text">Hair Removal Cream</span>
5804                                            </a>
5805                                          </li><li
5806                                            class="menu-drawer__list-item"
5807                                            style="--menu-drawer-animation-index: 3;"
5808                                          >
5809                                            <a
5810                                              id="HeaderDrawer-personal-care-female-care-wax-strips"
5811                                              href="/collections/wax-strips"
5812                                              class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
5813                                              
5814                                            >
5815                                              
5816                                              <span class="menu-drawer__menu-item-text wrap-text">Wax Strips</span>
5817                                            </a>
5818                                          </li><li
5819                                            class="menu-drawer__list-item"
5820                                            style="--menu-drawer-animation-index: 4;"
5821                                          >
5822                                            <a
5823                                              id="HeaderDrawer-personal-care-female-care-epilators"
5824                                              href="/collections/epilators"
5825                                              class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
5826                                              
5827                                            >
5828                                              
5829                                              <span class="menu-drawer__menu-item-text wrap-text">Epilators</span>
5830                                            </a>
5831                                          </li></ul>
5832                                    </details>
5833                                  
5834</accordion-custom>
5835
5836
5837
5838                                </li></ul>
5839                        
5840                      </div>
5841                    </div>
5842                  </details></li>
5843              <li
5844                class="menu-drawer__list-item"
5845                style="--menu-drawer-animation-index: 7;"
5846              ><details
5847                    id="Details-menu-drawer-menu-item-7"
5848                    class="menu-drawer__menu-container"
5849                  >
5850                    <summary
5851                      id="HeaderDrawer-baby-care"
5852                      class="menu-drawer__menu-item menu-drawer__menu-item--mainlist menu-drawer__animated-element focus-inset"
5853                      on:click="header-drawer/open/submenu"
5854                    >
5855                      <span class="menu-drawer__menu-item-text wrap-text">Baby Care</span>
5856                      <span class="svg-wrapper icon-caret icon-caret--forward"><svg aria-hidden="true" width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
5857  <path d="M11 5.5L7 9.5L3 5.5" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
5858</svg>
5859</span>
5860                    </summary>
5861                    <div
5862                      id="link-baby-care"
5863                      class="menu-drawer__submenu has-submenu"
5864                      tabindex="-1"
5865                      style="--menu-drawer-animation-index: 7;"
5866                    >
5867                      <div class="menu-drawer__inner-submenu">
5868                        <div class="menu-drawer__nav-buttons">
5869                          <button
5870                            class="button menu-drawer__back-button focus-inset"
5871                            on:click="header-drawer/back"
5872                            aria-label="Back to Baby Care"
5873                          >
5874                            <span class="svg-wrapper icon-caret icon-caret--backward"><svg aria-hidden="true" width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
5875  <path d="M11 5.5L7 9.5L3 5.5" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
5876</svg>
5877</span>
5878                            <span class="menu-drawer__menu-item-text wrap-text">Baby Care</span>
5879                          </button>
5880                          <button
5881                            class="button button-unstyled close-button menu-drawer__close-button focus-inset"
5882                            type="button"
5883                            aria-label="Close"
5884                            on:click="header-drawer/close"
5885                          >
5886                            <span class="svg-wrapper header-drawer-icon header-drawer-icon--close"><svg aria-hidden="true" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
5887<path d="M11.1765 12.025C11.4108 12.2594 11.7907 12.2594 12.025 12.025C12.2594 11.7907 12.2594 11.4108 12.025 11.1765L8.84931 8.00078L12.025 4.82505C12.2594 4.59073 12.2594 4.21083 12.025 3.97652C11.7907 3.7422 11.4108 3.7422 11.1765 3.976
588752L8.00078 7.15225L4.82505 3.97652C4.59073 3.7422 4.21083 3.7422 3.97652 3.97652C3.7422 4.21083 3.7422 4.59073 3.97652 4.82505L7.15225 8.00078L3.97652 11.1765C3.7422 11.4108 3.7422 11.7907 3.97652 12.025C4.21083 12.2594 4.59073 12.2594 4.82505 12.025L8.00078 8.84931L11.1765 12.025Z" fill="currentColor"/>
5888</svg>
5889</span>
5890                          </button>
5891                        </div>
5892                        
5893                        <ul
5894                          class="menu-drawer__menu menu-drawer__menu--childlist"
5895                          role="list"
5896                          tabindex="-1"
5897                        >
5898                          <li
5899                              class="
5900                                menu-drawer__list-item
5901                                
5902                              "
5903                            ><a
5904                                  id="HeaderDrawer-baby-care-kids-vitamins"
5905                                  href="/collections/kidzvits"
5906                                  class="menu-drawer__menu-item menu-drawer__menu-item--parent focus-inset"
5907                                  
5908                                >
5909                                  
5910                                  <span class="menu-drawer__menu-item-text wrap-text">Kids Vitamins</span>
5911                                </a></li><li
5912                              class="
5913                                menu-drawer__list-item
5914                                
5915                              "
5916                            ><a
5917                                  id="HeaderDrawer-baby-care-baby-shampoos-conditioner"
5918                                  href="/collections/maks"
5919                                  class="menu-drawer__menu-item menu-drawer__menu-item--parent focus-inset"
5920                                  
5921                                >
5922                                  
5923                                  <span class="menu-drawer__menu-item-text wrap-text">Baby Shampoos &amp; Conditioner</span>
5924                                </a></li><li
5925                              class="
5926                                menu-drawer__list-item
5927                                
5928                              "
5929                            ><a
5930                                  id="HeaderDrawer-baby-care-baby-wash"
5931                                  href="/collections/baby-wash"
5932                                  class="menu-drawer__menu-item menu-drawer__menu-item--parent focus-inset"
5933                                  
5934                                >
5935                                  
5936                                  <span class="menu-drawer__menu-item-text wrap-text">Baby Wash</span>
5937                                </a></li><li
5938                              class="
5939                                menu-drawer__list-item
5940                                
5941                              "
5942                            ><a
5943                                  id="HeaderDrawer-baby-care-baby-lotion"
5944                                  href="/collections/baby-lotion"
5945                                  class="menu-drawer__menu-item menu-drawer__menu-item--parent focus-inset"
5946                                  
5947                                >
5948                                  
5949                                  <span class="menu-drawer__menu-item-text wrap-text">Baby Lotion</span>
5950                                </a></li><li
5951                              class="
5952                                menu-drawer__list-item
5953                                
5954                              "
5955                            ><a
5956                                  id="HeaderDrawer-baby-care-rashes-treatment"
5957                                  href="/collections/rashes-treatment"
5958                                  class="menu-drawer__menu-item menu-drawer__menu-item--parent focus-inset"
5959                                  
5960                                >
5961                                  
5962                                  <span class="menu-drawer__menu-item-text wrap-text">Rashes Treatment</span>
5963                                </a></li></ul>
5964                        
5965                      </div>
5966                    </div>
5967                  </details></li>
5968              <li
5969                class="menu-drawer__list-item"
5970                style="--menu-drawer-animation-index: 8;"
5971              ><a
5972                    id="HeaderDrawer-brands"
5973                    href="/pages/brands-page"
5974                    class="menu-drawer__menu-item menu-drawer__menu-item--mainlist menu-drawer__animated-element focus-inset"
5975                    
5976                  >
5977                    <span class="menu-drawer__menu-item-text wrap-text">Brands</span>
5978                  </a></li>
5979              <li
5980                class="menu-drawer__list-item"
5981                style="--menu-drawer-animation-index: 9;"
5982              ><a
5983                    id="HeaderDrawer-sale"
5984                    href="/collections/sale"
5985                    class="menu-drawer__menu-item menu-drawer__menu-item--mainlist menu-drawer__animated-element focus-inset"
5986                    
5987                  >
5988                    <span class="menu-drawer__menu-item-text wrap-text">Sale</span>
5989                  </a></li>
5990        </ul>
5991      </nav>
5992      <div
5993        class="menu-drawer__utility-links menu-drawer__animated-element"
5994        style="--menu-drawer-animation-index: 9;"
5995      >
5996        
5997        </div>
5998
5999      
6000    </div>
6001    <div
6002      class="menu-drawer__backdrop"
6003      on:click="header-drawer/close"
6004    ></div>
6005  </details>
6006</header-drawer>
6007
6008
6009
6010    </div>
6011
6012  
6013
6014<style data-shopify>
6015  .header__underlay {
6016    --color-submenu: rgb(255 255 255);
6017  }
6018</style>
6019
6020
6021
6022
6023            
6024        
6025      
6026        
6027          
6028              
6029  <search-button
6030    class="search-action search-action--hidden-on-menu"
6031  >
6032    <button
6033      on:click="#search-modal/showDialog"
6034      class="button-unstyled header-actions__action"
6035      aria-label="Search"
6036      aria-haspopup="dialog"
6037    >
6038      <span class="hidden">
6039        Search
6040      </span>
6041
6042      <span class="svg-wrapper ">
6043        <svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><circle cx="9" cy="9" r="4.75" stroke="currentColor" stroke-width="var(--icon-stroke-width)"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="m12.5 12.5 3.25 3.25"/></svg>
6044
6045      </span>
6046    </button>
6047  </search-button>
6048
6049
6050
6051
6052            
6053        
6054      
6055        
6056          
6057              
6058
6059
6060
6061
6062<a
6063  
6064  href="/"
6065  class="size-style spacing-style header-logo"
6066  style="
6067    --size-style-width: ;--size-style-height: ;
6068    --padding-block-start: 0px;--padding-block-end: 0px;
6069    --font-family: var(--font-body--family);
6070    --font-style: var(--font-body--style);
6071    --font-weight: 600;
6072  "
6073  
6074>
6075  
6076
6077  <span
6078    class="header-logo__image-container header-logo__image-container--original"
6079    data-testid="header-logo"
6080  >
6081    
6082  
6083  
6084  
6085  
6086
6087  
6088
6089  
6090
6091  
6092
6093  <img src="//cozmetica.pk/cdn/shop/files/Cozmetica_Logo_3.webp?height=60&amp;v=1781008992" alt="Cozmetica - Home" width="212" height="60" class="header-logo__image" srcset="//cozmetica.pk/cdn/shop/files/Cozmetica_Logo_3.webp?height=60&amp;v=1781008992 1x, //cozmetica.pk/cdn/shop/files/Cozmetica_Logo_3.webp?height=120&amp;v=1781008992 2x, //cozmetica.pk/cdn/shop/files/Cozmetica_Logo_3.webp?height=180&amp;v=1781008992 3x" style="--header-logo-image-width: 212px;--header-logo-image-width-mobile: 177px; --header-logo-image-height: 60px; --header-logo-image-height-mobile: 50px;">
6094
6095
6096  </span>
6097
6098  
6099</a>
6100
6101
6102
6103
6104
6105            
6106        
6107      
6108    </div><div
6109      class="header__column header__column--center"
6110      data-testid="header-top-center"
6111    >
6112      
6113        
6114          
6115              
6116
6117
6118
6119    
6120
6121
6122
6123
6124  <style data-shopify>
6125    .color-custom-AdXpiTWJBM2htbjBtS__header-menu,
6126    .color-custom-AdXpiTWJBM2htbjBtS__header-menu .text-block {
6127      /* Background */
6128      --color-background: #ffffff;
6129      --color-background-rgb: 255 255 255;
6130
6131      /* Opacity values adjusted for background brightness */
6132      
6133--opacity-5-15: 0.05; --opacity-10-25: 0.1; --opacity-35-55: 0.35; --opacity-40-60:
61340.4; --opacity-30-60: 0.3; --opacity-60: 0.6;
6135
6136
6137      
6138        /* Foreground / text — explicit or smart-contrasted */
6139        --color: #000000;
6140        --color-rgb: 0 0 0;
6141        --color-foreground: #000000;
6142        --color-foreground-rgb: 0 0 0;
6143        --color-foreground-muted: rgb(0 0 0 / var(--opacity-muted-text));
6144        --color-foreground-subdued: rgb(0 0 0 / var(--opacity-subdued-text));
6145        --color-border: var(--palette-darkest);
6146        --color-border-rgb: var(--palette-darkest-rgb);
6147      
6148    }
6149
6150    
6151      .color-custom-AdXpiTWJBM2htbjBtS__header-menu {
6152        /* Form-related tokens stay on .color-custom only — .text-block is a prose
6153           container (text/announcement/inline-text/blog-post-description/
6154           collection-link/price/sku) and never holds form inputs. */
6155        --input-disabled-background-color: rgb(0 0 0 / var(--opacity-10));
6156        --input-disabled-border-color: rgb(0 0 0 / var(--opacity-5));
6157        --input-disabled-text-color: rgb(0 0 0 / var(--opacity-50));
6158        --checkbox-border: 1px solid rgb(0 0 0 / var(--opacity-35-55));
6159      }
6160    
6161
6162    .color-custom-AdXpiTWJBM2htbjBtS__header-menu {
6163      color: var(--color, var(--color-foreground));
6164      background-color: var(--color-background);
6165    }
6166  </style>
6167
6168
6169
6170    
6171
6172    <header-menu
6173      ref="headerMenu"
6174      class="header-menu"
6175      
6176      data-hydration-key="header-menu"
6177    >
6178      <div class="header-menu__inner">
6179        <nav
6180          class="menu-list"
6181          aria-label="Primary"
6182          style="--menu-top-level-font-family: var(--font-body--family);
6183--menu-top-level-font-size-desktop: 0.875rem; --menu-top-level-font-style: var(--font-body--style);
6183 --menu-top-level-font-weight: var(--font-body--weight); --menu-top-level-font-case:none;
6184
6185  --menu-top-level-font-size: var(--menu-font-sm--size); --menu-top-level-font-line-height:
6186  var(--menu-font-sm--line-height);
6187
6188--menu-top-level-font-color: var(--color-foreground); --menu-top-level-font-color-rgb: var(--color-foreground-rgb);
6189"
6190        >
6191          
6192          <overflow-list
6193  
6194    ref="overflowMenu"
6195  
6196  
6197    class="overflow-menu background-matches-parent"
6198  
6199  
6200    minimum-items="2"
6201  
6202  
6203    data-testid="header-menu-overflow-list"
6204  
6205  
6206    data-skip-node-update
6207  
6208>
6209  <template shadowrootmode="open">
6210    <link href="//cozmetica.pk/cdn/shop/t/140/assets/overflow-list.css?v=16727044177065489451785524563" rel="stylesheet" type="text/css" media="all" />
6211
6212    <ul part="list">
6213      <slot></slot>
6214      <slot
6215        name="more"
6216        part="more"
6217        hidden
6218        
6219      >
6220        <li
6221          part="more"
6222        >
6223          <button
6224            class="button"
6225            type="button"
6226            tabindex="0"
6227            
6228          >
6229            More
6230          </button>
6231        </li>
6232      </slot>
6233      <li
6234        part="placeholder"
6235        hidden
6236      ></li>
6237    </ul>
6238
6239    <div part="overflow">
6240      <ul part="overflow-list">
6241        <slot name="overflow"></slot>
6242      </ul>
6243    </div>
6244  </template>
6245
6246  
6247      
6248        <li
6249          role="presentation"
6250          class="menu-list__list-item"
6251          on:focus="/activate"
6252          on:blur="/deactivate"
6253          on:pointerenter="/activate"
6254          on:pointerleave="/deactivate"
6255        >
6256          <a
6257            href="/collections/makeup"
6258            data-skip-node-update="true"
6259            class="menu-list__link"aria-controls="submenu-1"
6260              aria-haspopup="true"
6261              aria-expanded="false"
6262            ref="menuitem"
6263          >
6264            <span class="menu-list__link-title">MakeUp</span>
6265          </a><div class="menu-list__submenu background-matches-parent" ref="submenu[]">
6266              <div
6267                id="submenu-1"
6268                class="menu-list__submenu-inner"
6269                style="--menu-parent-font-family: var(--font-body--family); --menu-parent-font-style:
6270var(--font-body--style); --menu-parent-font-weight: var(--font-body--weight); --menu-parent-font-case:
6271none;
6272
6273    --menu-parent-font-size: var(--menu-font-sm--size); --menu-parent-font-line-height:
6274    var(--menu-font-sm--line-height); --menu-parent-font-color: var(--color-foreground-subdued);
6275    --menu-parent-active-font-color: var(--color-foreground);
6276  
6277--menu-child-font-family: var(--font-body--family); --menu-child-font-style:var(--font-body--style); --menu-child-font-weight: var(--font-body--weight); --menu-child-font-case:
6278none;
6279
6280    --menu-child-font-size: var(--menu-font-md--size); --menu-child-font-line-height: var(--menu-font-md--line-height);
6281    --menu-child-font-color: var(--color-foreground); --menu-child-active-font-color: var(--color-foreground-subdued);
6282  
6283"
6284              >
6285                
6286                <div class="mega-menu section section--full-width-margin section--full-width">
6287                  <div
6288                    class="mega-menu__grid"
6289                    data-menu-grid-id="MegaMenuList-1"
6290                  >
6291                    
6292<ul
6293  data-menu-list-id="MegaMenuList-1"
6294  class="mega-menu__list list-unstyled"
6295  style="--menu-image-border-radius: 0px;"
6296>
6297  
6298    <li class="mega-menu__column mega-menu__column--span-1">
6299    <div>
6300      <a
6301        href="#"
6302        class="mega-menu__link mega-menu__link--parent"
6303      >
6304        
6305        <span class="wrap-text">Eyes</span>
6306      </a>
6307      
6308        <ul
6309          class="list-unstyled"
6310          
6311            style="column-count: 1;"
6312          
6313        >
6314          
6315            
6316            <li
6317              
6318            >
6319              <a
6320                href="/collections/mascara"
6321                class="mega-menu__link"
6322              >
6323                <span class="wrap-text">Mascara</span>
6324              </a>
6325            </li>
6326          
6327            
6328            <li
6329              
6330            >
6331              <a
6332                href="/collections/eyeliner"
6333                class="mega-menu__link"
6334              >
6335                <span class="wrap-text">Eyeliner</span>
6336              </a>
6337            </li>
6338          
6339            
6340            <li
6341              
6342            >
6343              <a
6344                href="/collections/eye-pencil"
6345                class="mega-menu__link"
6346              >
6347                <span class="wrap-text">Eye Pencil</span>
6348              </a>
6349            </li>
6350          
6351            
6352            <li
6353              
6354            >
6355              <a
6356                href="/collections/eye-palettes"
6357                class="mega-menu__link"
6358              >
6359                <span class="wrap-text">Eye Palettes</span>
6360              </a>
6361            </li>
6362          
6363            
6364            <li
6365              
6366            >
6367              <a
6368                href="/collections/eyebrow"
6369                class="mega-menu__link"
6370              >
6371                <span class="wrap-text">Eyebrow Fixer</span>
6372              </a>
6373            </li>
6374          
6375            
6376            <li
6377              
6378            >
6379              <a
6380                href="/collections/eye-primer"
6381                class="mega-menu__link"
6382              >
6383                <span class="wrap-text">Eye Primer</span>
6384              </a>
6385            </li>
6386          
6387            
6388            <li
6389              
6390            >
6391              <a
6392                href="/collections/eye-lashes"
6393                class="mega-menu__link"
6394              >
6395                <span class="wrap-text">Lashes & Glues</span>
6396              </a>
6397            </li>
6398          
6399        </ul>
6400      
6401    </div>
6402
6403    </li>
6404  
6405    <li class="mega-menu__column mega-menu__column--span-2">
6406    <div>
6407      <a
6408        href="#"
6409        class="mega-menu__link mega-menu__link--parent"
6410      >
6411        
6412        <span class="wrap-text">Face</span>
6413      </a>
6414      
6415        <ul
6416          class="list-unstyled"
6417          
6418            style="column-count: 2;"
6419          
6420        >
6421          
6422            
6423            <li
6424              
6425            >
6426              <a
6427                href="/collections/foundation"
6428                class="mega-menu__link"
6429              >
6430                <span class="wrap-text">Foundation</span>
6431              </a>
6432            </li>
6433          
6434            
6435            <li
6436              
6437            >
6438              <a
6439                href="/collections/face-primer"
6440                class="mega-menu__link"
6441              >
6442                <span class="wrap-text">Primer</span>
6443              </a>
6444            </li>
6445          
6446            
6447            <li
6448              
6449            >
6450              <a
6451                href="/collections/powder"
6452                class="mega-menu__link"
6453              >
6454                <span class="wrap-text">Powder</span>
6455              </a>
6456            </li>
6457          
6458            
6459            <li
6460              
6461            >
6462              <a
6463                href="/collections/bb-cc-creams"
6464                class="mega-menu__link"
6465              >
6466                <span class="wrap-text">BB & CC Creams</span>
6467              </a>
6468            </li>
6469          
6470            
6471            <li
6472              
6473            >
6474              <a
6475                href="/collections/concealer"
6476                class="mega-menu__link"
6477              >
6478                <span class="wrap-text">Concealer & Correctors</span>
6479              </a>
6480            </li>
6481          
6482            
6483            <li
6484              
6485            >
6486              <a
6487                href="/collections/blush"
6488                class="mega-menu__link"
6489              >
6490                <span class="wrap-text">Blush On</span>
6491              </a>
6492            </li>
6493          
6494            
6495            <li
6496              
6497            >
6498              <a
6499                href="/collections/makeup-fixer"
6500                class="mega-menu__link"
6501              >
6502                <span class="wrap-text">Makeup Fixer</span>
6503              </a>
6504            </li>
6505          
6506            
6507            <li
6508              
6509            >
6510              <a
6511                href="/collections/highlighter"
6512                class="mega-menu__link"
6513              >
6514                <span class="wrap-text">Highlighter</span>
6515              </a>
6516            </li>
6517          
6518            
6519            <li
6520              
6521            >
6522              <a
6523                href="/collections/face-sprays"
6524                class="mega-menu__link"
6525              >
6526                <span class="wrap-text">Fixing Sprays</span>
6527              </a>
6528            </li>
6529          
6530            
6531            <li
6532              
6533                style="break-after: column;"
6534              
6535            >
6536              <a
6537                href="/collections/colour-corrector"
6538                class="mega-menu__link"
6539              >
6540                <span class="wrap-text">Colour Corrector</span>
6541              </a>
6542            </li>
6543          
6544            
6545            <li
6546              
6547            >
6548              <a
6549                href="/collections/makeup-remover"
6550                class="mega-menu__link"
6551              >
6552                <span class="wrap-text">Makeup Remover</span>
6553              </a>
6554            </li>
6555          
6556            
6557            <li
6558              
6559            >
6560              <a
6561                href="/collections/contour"
6562                class="mega-menu__link"
6563              >
6564                <span class="wrap-text">Contour</span>
6565              </a>
6566            </li>
6567          
6568            
6569            <li
6570              
6571            >
6572              <a
6573                href="/collections/bronzer"
6574                class="mega-menu__link"
6575              >
6576                <span class="wrap-text">Bronzer</span>
6577              </a>
6578            </li>
6579          
6580        </ul>
6581      
6582    </div>
6583
6584    </li>
6585  
6586    <li class="mega-menu__column mega-menu__column--span-1">
6587    <div>
6588      <a
6589        href="#"
6590        class="mega-menu__link mega-menu__link--parent"
6591      >
6592        
6593        <span class="wrap-text">Lips</span>
6594      </a>
6595      
6596        <ul
6597          class="list-unstyled"
6598          
6599            style="column-count: 1;"
6600          
6601        >
6602          
6603            
6604            <li
6605              
6606            >
6607              <a
6608                href="/collections/lipstick"
6609                class="mega-menu__link"
6610              >
6611                <span class="wrap-text">Lipstick</span>
6612              </a>
6613            </li>
6614          
6615            
6616            <li
6617              
6618            >
6619              <a
6620                href="/collections/lip-gloss"
6621                class="mega-menu__link"
6622              >
6623                <span class="wrap-text">Lip Gloss</span>
6624              </a>
6625            </li>
6626          
6627            
6628            <li
6629              
6630            >
6631              <a
6632                href="/collections/lip-oil"
6633                class="mega-menu__link"
6634              >
6635                <span class="wrap-text">Lip Oils</span>
6636              </a>
6637            </li>
6638          
6639            
6640            <li
6641              
6642            >
6643              <a
6644                href="/collections/lip-and-cheek-tints"
6645                class="mega-menu__link"
6646              >
6647                <span class="wrap-text">Lip & Cheek Tints</span>
6648              </a>
6649            </li>
6650          
6651            
6652            <li
6653              
6654            >
6655              <a
6656                href="/collections/lip-balm-treatment"
6657                class="mega-menu__link"
6658              >
6659                <span class="wrap-text">Lip Balm & Treatment</span>
6660              </a>
6661            </li>
6662          
6663            
6664            <li
6665              
6666            >
6667              <a
6668                href="/collections/lipliner"
6669                class="mega-menu__link"
6670              >
6671                <span class="wrap-text">Lipliner</span>
6672              </a>
6673            </li>
6674          
6675        </ul>
6676      
6677    </div>
6678
6679    </li>
6680  
6681    <li class="mega-menu__column mega-menu__column--span-1">
6682    <div>
6683      <a
6684        href="#"
6685        class="mega-menu__link mega-menu__link--parent"
6686      >
6687        
6688        <span class="wrap-text">Nails</span>
6689      </a>
6690      
6691        <ul
6692          class="list-unstyled"
6693          
6694            style="column-count: 1;"
6695          
6696        >
6697          
6698            
6699            <li
6700              
6701            >
6702              <a
6703                href="/collections/nail-polish"
6704                class="mega-menu__link"
6705              >
6706                <span class="wrap-text">Nail Polish</span>
6707              </a>
6708            </li>
6709          
6710            
6711            <li
6712              
6713            >
6714              <a
6715                href="/collections/top-base-coats"
6716                class="mega-menu__link"
6717              >
6718                <span class="wrap-text">Top & Base Coats</span>
6719              </a>
6720            </li>
6721          
6722            
6723            <li
6724              
6725            >
6726              <a
6727                href="/collections/nail-sticker"
6728                class="mega-menu__link"
6729              >
6730                <span class="wrap-text">Nail Stickers</span>
6731              </a>
6732            </li>
6733          
6734            
6735            <li
6736              
6737            >
6738              <a
6739                href="/collections/nail-polish-remover"
6740                class="mega-menu__link"
6741              >
6742                <span class="wrap-text">Nail Polish Remover</span>
6743              </a>
6744            </li>
6745          
6746        </ul>
6747      
6748    </div>
6749
6750    </li>
6751  
6752    <li class="mega-menu__column mega-menu__column--span-1">
6753    <div>
6754      <a
6755        href="#"
6756        class="mega-menu__link mega-menu__link--parent"
6757      >
6758        
6759        <span class="wrap-text">Tools & Accessories</span>
6760      </a>
6761      
6762        <ul
6763          class="list-unstyled"
6764          
6765            style="column-count: 1;"
6766          
6767        >
6768          
6769            
6770            <li
6771              
6772            >
6773              <a
6774                href="/collections/eye-lashes"
6775                class="mega-menu__link"
6776              >
6777                <span class="wrap-text">Lashes & Glues</span>
6778              </a>
6779            </li>
6780          
6781            
6782            <li
6783              
6784            >
6785              <a
6786                href="/collections/eye-brushes"
6787                class="mega-menu__link"
6788              >
6789                <span class="wrap-text">Eye Brushes</span>
6790              </a>
6791            </li>
6792          
6793            
6794            <li
6795              
6796            >
6797              <a
6798                href="/collections/face-brushes"
6799                class="mega-menu__link"
6800              >
6801                <span class="wrap-text">Face Brushes</span>
6802              </a>
6803            </li>
6804          
6805            
6806            <li
6807              
6808            >
6809              <a
6810                href="/collections/makeup-sponge"
6811                class="mega-menu__link"
6812              >
6813                <span class="wrap-text">Makeup Sponges</span>
6814              </a>
6815            </li>
6816          
6817            
6818            <li
6819              
6820            >
6821              <a
6822                href="/collections/makeup-bag"
6823                class="mega-menu__link"
6824              >
6825                <span class="wrap-text">Makeup Bags</span>
6826              </a>
6827            </li>
6828          
6829            
6830            <li
6831              
6832            >
6833              <a
6834                href="/collections/sharpeners"
6835                class="mega-menu__link"
6836              >
6837                <span class="wrap-text">Sharpeners</span>
6838              </a>
6839            </li>
6840          
6841        </ul>
6842      
6843    </div>
6844
6845    </li>
6846  
6847</ul>
6848
6849
6850
6851<style data-shopify>
6852  [data-menu-grid-id="MegaMenuList-1"] {
6853    
6854      --menu-columns-desktop: 6;
6855      --menu-columns-tablet: 4;
6856    
6857  }
6858
6859  [data-menu-list-id="MegaMenuList-1"] {
6860    
6861      --menu-columns-desktop: 6;
6862      --menu-columns-tablet: 4;
6863    
6864  }
6865</style>
6866
6867
6868<span
6869      class="mega-menu__content"
6870      style="--menu-content-columns-desktop: 0; --menu-content-columns-tablet: 0; --resource-card-corner-radius: 0px;"
6871    >
6872      <ul
6873        class="mega-menu__content-list mega-menu__content-list--products list-unstyled"
6874      >
6875        
6876      </ul>
6877    </span>
6878  
6879
6880                  </div>
6881                </div>
6882              </div>
6883            </div></li>
6884      
6885        <li
6886          role="presentation"
6887          class="menu-list__list-item"
6888          on:focus="/activate"
6889          on:blur="/deactivate"
6890          on:pointerenter="/activate"
6891          on:pointerleave="/deactivate"
6892        >
6893          <a
6894            href="/collections/korean-skincare"
6895            data-skip-node-update="true"
6896            class="menu-list__link"aria-controls="submenu-2"
6897              aria-haspopup="true"
6898              aria-expanded="false"
6899            ref="menuitem"
6900          >
6901            <span class="menu-list__link-title">Korean Beauty</span>
6902          </a><div class="menu-list__submenu background-matches-parent" ref="submenu[]">
6903              <div
6904                id="submenu-2"
6905                class="menu-list__submenu-inner"
6906                style="--menu-parent-font-family: var(--font-body--family); --menu-parent-font-style:
6907var(--font-body--style); --menu-parent-font-weight: var(--font-body--weight); --menu-parent-font-case:
6908none;
6909
6910    --menu-parent-font-size: var(--menu-font-sm--size); --menu-parent-font-line-height:
6911    var(--menu-font-sm--line-height); --menu-parent-font-color: var(--color-foreground-subdued);
6912    --menu-parent-active-font-color: var(--color-foreground);
6913  
6914--menu-child-font-family: var(--font-body--family); --menu-child-font-style:var(--font-body--style); --menu-child-font-weight: var(--font-body--weight); --menu-child-font-case:
6915none;
6916
6917    --menu-child-font-size: var(--menu-font-md--size); --menu-child-font-line-height: var(--menu-font-md--line-height);
6918    --menu-child-font-color: var(--color-foreground); --menu-child-active-font-color: var(--color-foreground-subdued);
6919  
6920"
6921              >
6922                
6923                <div class="mega-menu section section--full-width-margin section--full-width">
6924                  <div
6925                    class="mega-menu__grid"
6926                    data-menu-grid-id="MegaMenuList-2"
6927                  >
6928                    
6929<ul
6930  data-menu-list-id="MegaMenuList-2"
6931  class="mega-menu__list list-unstyled"
6932  style="--menu-image-border-radius: 0px;"
6933>
6934  
6935    <li class="mega-menu__column mega-menu__column--span-1">
6936    <div>
6937      <a
6938        href="/collections/korean-ampoules"
6939        class="mega-menu__link "
6940      >
6941        
6942        <span class="wrap-text">Ampoules</span>
6943      </a>
6944      
6945    </div>
6946
6947    
6948  
6949    
6950    <div>
6951      <a
6952        href="/collections/korean-sunscreen"
6953        class="mega-menu__link "
6954      >
6955        
6956        <span class="wrap-text">Sunscreen</span>
6957      </a>
6958      
6959    </div>
6960
6961    
6962  
6963    
6964    <div>
6965      <a
6966        href="/collections/korean-serums"
6967        class="mega-menu__link "
6968      >
6969        
6970        <span class="wrap-text">Serums</span>
6971      </a>
6972      
6973    </div>
6974
6975    
6976  
6977    
6978    <div>
6979      <a
6980        href="/collections/korean-cleansers"
6981        class="mega-menu__link "
6982      >
6983        
6984        <span class="wrap-text">Cleansers</span>
6985      </a>
6986      
6987    </div>
6988
6989    
6990  
6991    
6992    <div>
6993      <a
6994        href="/collections/korean-skincare/moisturizer"
6995        class="mega-menu__link "
6996      >
6997        
6998        <span class="wrap-text">Moisturizers</span>
6999      </a>
7000      
7001    </div>
7002
7003    
7004  
7005    
7006    <div>
7007      <a
7008        href="/collections/korean-skincare/face-masks"
7009        class="mega-menu__link "
7010      >
7011        
7012        <span class="wrap-text">Face Mask</span>
7013      </a>
7014      
7015    </div>
7016
7017    
7018  
7019    
7020    <div>
7021      <a
7022        href="/collections/korean-skincare"
7023        class="mega-menu__link "
7024      >
7025        
7026        <span class="wrap-text">View All</span>
7027      </a>
7028      
7029    </div>
7030
7031    </li>
7032  
7033    <li class="mega-menu__column mega-menu__column--span-2">
7034    <div>
7035      <a
7036        href="#"
7037        class="mega-menu__link mega-menu__link--parent"
7038      >
7039        
7040        <span class="wrap-text">Shop By Brands</span>
7041      </a>
7042      
7043        <ul
7044          class="list-unstyled"
7045          
7046            style="column-count: 2;"
7047          
7048        >
7049          
7050            
7051            <li
7052              
7053            >
7054              <a
7055                href="/collections/skin1004"
7056                class="mega-menu__link"
7057              >
7058                <span class="wrap-text">Skin1004</span>
7059              </a>
7060            </li>
7061          
7062            
7063            <li
7064              
7065            >
7066              <a
7067                href="/collections/beauty-of-joseon"
7068                class="mega-menu__link"
7069              >
7070                <span class="wrap-text">Beauty Of Joseon</span>
7071              </a>
7072            </li>
7073          
7074            
7075            <li
7076              
7077            >
7078              <a
7079                href="/collections/anua"
7080                class="mega-menu__link"
7081              >
7082                <span class="wrap-text">Anua</span>
7083              </a>
7084            </li>
7085          
7086            
7087            <li
7088              
7089            >
7090              <a
7091                href="/collections/medicube"
7092                class="mega-menu__link"
7093              >
7094                <span class="wrap-text">Medicube</span>
7095              </a>
7096            </li>
7097          
7098            
7099            <li
7100              
7101            >
7102              <a
7103                href="/collections/COSRX"
7104                class="mega-menu__link"
7105              >
7106                <span class="wrap-text">COSRX</span>
7107              </a>
7108            </li>
7109          
7110            
7111            <li
7112              
7113            >
7114              <a
7115                href="/products/celimax-the-vita-a-retinal-shot-tightening-booster"
7116                class="mega-menu__link"
7117              >
7118                <span class="wrap-text">Celimax</span>
7119              </a>
7120            </li>
7121          
7122            
7123            <li
7124              
7125            >
7126              <a
7127                href="/collections/dr-althea"
7128                class="mega-menu__link"
7129              >
7130                <span class="wrap-text">Dr Althea</span>
7131              </a>
7132            </li>
7133          
7134            
7135            <li
7136              
7137            >
7138              <a
7139                href="/collections/Axis-Y"
7140                class="mega-menu__link"
7141              >
7142                <span class="wrap-text">Axis-Y</span>
7143              </a>
7144            </li>
7145          
7146            
7147            <li
7148              
7149            >
7150              <a
7151                href="/products/purito-seoul-mighty-bamboo-panthenol-moisturizing-cream-100ml"
7152                class="mega-menu__link"
7153              >
7154                <span class="wrap-text">Purito Seoul</span>
7155              </a>
7156            </li>
7157          
7158            
7159            <li
7160              
7161                style="break-after: column;"
7162              
7163            >
7164              <a
7165                href="/collections/eqqualberry"
7166                class="mega-menu__link"
7167              >
7168                <span class="wrap-text">Eqqual Berry</span>
7169              </a>
7170            </li>
7171          
7172            
7173            <li
7174              
7175            >
7176              <a
7177                href="/products/im-from-mugwort-serum-30ml"
7178                class="mega-menu__link"
7179              >
7180                <span class="wrap-text">I'm From</span>
7181              </a>
7182            </li>
7183          
7184            
7185            <li
7186              
7187            >
7188              <a
7189                href="/collections/arencia"
7190                class="mega-menu__link"
7191              >
7192                <span class="wrap-text">Arencia</span>
7193              </a>
7194            </li>
7195          
7196            
7197            <li
7198              
7199            >
7200              <a
7201                href="/collections/vt-cosmetics"
7202                class="mega-menu__link"
7203              >
7204                <span class="wrap-text">VT Cosmetics</span>
7205              </a>
7206            </li>
7207          
7208            
7209            <li
7210              
7211            >
7212              <a
7213                href="/collections/numbuzin"
7214                class="mega-menu__link"
7215              >
7216                <span class="wrap-text">Numbuzin</span>
7217              </a>
7218            </li>
7219          
7220        </ul>
7221      
7222    </div>
7223
7224    </li>
7225  
7226</ul>
7227
7228
7229
7230<style data-shopify>
7231  [data-menu-grid-id="MegaMenuList-2"] {
7232    
7233      --menu-columns-desktop: 6;
7234      --menu-columns-tablet: 4;
7235    
7236  }
7237
7238  [data-menu-list-id="MegaMenuList-2"] {
7239    
7240      --menu-columns-desktop: 6;
7241      --menu-columns-tablet: 4;
7242    
7243  }
7244</style>
7245
7246
7247<span
7248      class="mega-menu__content"
7249      style="--menu-content-columns-desktop: 0; --menu-content-columns-tablet: 0; --resource-card-corner-radius: 0px;"
7250    >
7251      <ul
7252        class="mega-menu__content-list mega-menu__content-list--products list-unstyled"
7253      >
7254        
7255      </ul>
7256    </span>
7257  
7258
7259                  </div>
7260                </div>
7261              </div>
7262            </div></li>
7263      
7264        <li
7265          role="presentation"
7266          class="menu-list__list-item"
7267          on:focus="/activate"
7268          on:blur="/deactivate"
7269          on:pointerenter="/activate"
7270          on:pointerleave="/deactivate"
7271        >
7272          <a
7273            href="/collections/skin-care"
7274            data-skip-node-update="true"
7275            class="menu-list__link"aria-controls="submenu-3"
7276              aria-haspopup="true"
7277              aria-expanded="false"
7278            ref="menuitem"
7279          >
7280            <span class="menu-list__link-title">Skin Care</span>
7281          </a><div class="menu-list__submenu background-matches-parent" ref="submenu[]">
7282              <div
7283                id="submenu-3"
7284                class="menu-list__submenu-inner"
7285                style="--menu-parent-font-family: var(--font-body--family); --menu-parent-font-style:
7286var(--font-body--style); --menu-parent-font-weight: var(--font-body--weight); --menu-parent-font-case:
7287none;
7288
7289    --menu-parent-font-size: var(--menu-font-sm--size); --menu-parent-font-line-height:
7290    var(--menu-font-sm--line-height); --menu-parent-font-color: var(--color-foreground-subdued);
7291    --menu-parent-active-font-color: var(--color-foreground);
7292  
7293--menu-child-font-family: var(--font-body--family); --menu-child-font-style:var(--font-body--style); --menu-child-font-weight: var(--font-body--weight); --menu-child-font-case:
7294none;
7295
7296    --menu-child-font-size: var(--menu-font-md--size); --menu-child-font-line-height: var(--menu-font-md--line-height);
7297    --menu-child-font-color: var(--color-foreground); --menu-child-active-font-color: var(--color-foreground-subdued);
7298  
7299"
7300              >
7301                
7302                <div class="mega-menu section section--full-width-margin section--full-width">
7303                  <div
7304                    class="mega-menu__grid"
7305                    data-menu-grid-id="MegaMenuList-3"
7306                  >
7307                    
7308<ul
7309  data-menu-list-id="MegaMenuList-3"
7310  class="mega-menu__list list-unstyled"
7311  style="--menu-image-border-radius: 0px;"
7312>
7313  
7314    <li class="mega-menu__column mega-menu__column--span-1">
7315    <div>
7316      <a
7317        href="#"
7318        class="mega-menu__link mega-menu__link--parent"
7319      >
7320        
7321        <span class="wrap-text">Shop By Concern</span>
7322      </a>
7323      
7324        <ul
7325          class="list-unstyled"
7326          
7327            style="column-count: 1;"
7328          
7329        >
7330          
7331            
7332            <li
7333              
7334            >
7335              <a
7336                href="/collections/acne-blemishes"
7337                class="mega-menu__link"
7338              >
7339                <span class="wrap-text">Acne / Breakouts / Blemishes</span>
7340              </a>
7341            </li>
7342          
7343            
7344            <li
7345              
7346            >
7347              <a
7348                href="/collections/dullness-uneven-texture"
7349                class="mega-menu__link"
7350              >
7351                <span class="wrap-text">Brightening / Glow / Texture</span>
7352              </a>
7353            </li>
7354          
7355            
7356            <li
7357              
7358            >
7359              <a
7360                href="/collections/pores"
7361                class="mega-menu__link"
7362              >
7363                <span class="wrap-text">Pores Clenasing / Oil Control</span>
7364              </a>
7365            </li>
7366          
7367            
7368            <li
7369              
7370            >
7371              <a
7372                href="/collections/dark-spots"
7373                class="mega-menu__link"
7374              >
7375                <span class="wrap-text">Dark Spots & Dullness</span>
7376              </a>
7377            </li>
7378          
7379            
7380            <li
7381              
7382            >
7383              <a
7384                href="/collections/dryness"
7385                class="mega-menu__link"
7386              >
7387                <span class="wrap-text">Dryness</span>
7388              </a>
7389            </li>
7390          
7391            
7392            <li
7393              
7394            >
7395              <a
7396                href="/collections/anti-aging"
7397                class="mega-menu__link"
7398              >
7399                <span class="wrap-text">Anti-Aging</span>
7400              </a>
7401            </li>
7402          
7403            
7404            <li
7405              
7406            >
7407              <a
7408                href="/collections/fine-lines-wrinkles"
7409                class="mega-menu__link"
7410              >
7411                <span class="wrap-text">Fine Lines & Wrinkles</span>
7412              </a>
7413            </li>
7414          
7415            
7416            <li
7417              
7418            >
7419              <a
7420                href="/collections/hyperpigmentation"
7421                class="mega-menu__link"
7422              >
7423                <span class="wrap-text">Pigmentation / Scars</span>
7424              </a>
7425            </li>
7426          
7427        </ul>
7428      
7429    </div>
7430
7431    </li>
7432  
7433    <li class="mega-menu__column mega-menu__column--span-1">
7434    <div>
7435      <a
7436        href="#"
7437        class="mega-menu__link mega-menu__link--parent"
7438      >
7439        
7440        <span class="wrap-text">Serums & Toners</span>
7441      </a>
7442      
7443        <ul
7444          class="list-unstyled"
7445          
7446            style="column-count: 1;"
7447          
7448        >
7449          
7450            
7451            <li
7452              
7453            >
7454              <a
7455                href="/collections/ampoules"
7456                class="mega-menu__link"
7457              >
7458                <span class="wrap-text">Ampoules (New)</span>
7459              </a>
7460            </li>
7461          
7462            
7463            <li
7464              
7465            >
7466              <a
7467                href="/collections/face-serums"
7468                class="mega-menu__link"
7469              >
7470                <span class="wrap-text">Face Serums</span>
7471              </a>
7472            </li>
7473          
7474            
7475            <li
7476              
7477            >
7478              <a
7479                href="/collections/toners"
7480                class="mega-menu__link"
7481              >
7482                <span class="wrap-text">Toners</span>
7483              </a>
7484            </li>
7485          
7486            
7487            <li
7488              
7489            >
7490              <a
7491                href="/collections/face-masks"
7492                class="mega-menu__link"
7493              >
7494                <span class="wrap-text">Face Masks</span>
7495              </a>
7496            </li>
7497          
7498        </ul>
7499      
7500    </div>
7501
7502    </li>
7503  
7504    <li class="mega-menu__column mega-menu__column--span-1">
7505    <div>
7506      <a
7507        href="#"
7508        class="mega-menu__link mega-menu__link--parent"
7509      >
7510        
7511        <span class="wrap-text">Moisturizers & Lotions</span>
7512      </a>
7513      
7514        <ul
7515          class="list-unstyled"
7516          
7517            style="column-count: 1;"
7518          
7519        >
7520          
7521            
7522            <li
7523              
7524            >
7525              <a
7526                href="/collections/moisturizer"
7527                class="mega-menu__link"
7528              >
7529                <span class="wrap-text">Moisturizer</span>
7530              </a>
7531            </li>
7532          
7533            
7534            <li
7535              
7536            >
7537              <a
7538                href="/collections/face-creams"
7539                class="mega-menu__link"
7540              >
7541                <span class="wrap-text">Face Creams</span>
7542              </a>
7543            </li>
7544          
7545            
7546            <li
7547              
7548            >
7549              <a
7550                href="/collections/sunblock"
7551                class="mega-menu__link"
7552              >
7553                <span class="wrap-text">Sunblock</span>
7554              </a>
7555            </li>
7556          
7557            
7558            <li
7559              
7560            >
7561              <a
7562                href="/collections/eye-cream"
7563                class="mega-menu__link"
7564              >
7565                <span class="wrap-text">Eye Cream</span>
7566              </a>
7567            </li>
7568          
7569            
7570            <li
7571              
7572            >
7573              <a
7574                href="/collections/body-lotion"
7575                class="mega-menu__link"
7576              >
7577                <span class="wrap-text">Body Lotion</span>
7578              </a>
7579            </li>
7580          
7581            
7582            <li
7583              
7584            >
7585              <a
7586                href="/collections/hand-foot-care"
7587                class="mega-menu__link"
7588              >
7589                <span class="wrap-text">Hand & Foot Care</span>
7590              </a>
7591            </li>
7592          
7593            
7594            <li
7595              
7596            >
7597              <a
7598                href="/collections/lip-balm-treatment"
7599                class="mega-menu__link"
7600              >
7601                <span class="wrap-text">Lip Balm & Treatment</span>
7602              </a>
7603            </li>
7604          
7605            
7606            <li
7607              
7608            >
7609              <a
7610                href="/collections/face-oils"
7611                class="mega-menu__link"
7612              >
7613                <span class="wrap-text">Face Oils</span>
7614              </a>
7615            </li>
7616          
7617        </ul>
7618      
7619    </div>
7620
7621    </li>
7622  
7623    <li class="mega-menu__column mega-menu__column--span-1">
7624    <div>
7625      <a
7626        href="#"
7627        class="mega-menu__link mega-menu__link--parent"
7628      >
7629        
7630        <span class="wrap-text">Daily Cleansing Care</span>
7631      </a>
7632      
7633        <ul
7634          class="list-unstyled"
7635          
7636            style="column-count: 1;"
7637          
7638        >
7639          
7640            
7641            <li
7642              
7643            >
7644              <a
7645                href="/collections/cleanser"
7646                class="mega-menu__link"
7647              >
7648                <span class="wrap-text">Cleanser</span>
7649              </a>
7650            </li>
7651          
7652            
7653            <li
7654              
7655            >
7656              <a
7657                href="/collections/face-wash"
7658                class="mega-menu__link"
7659              >
7660                <span class="wrap-text">Face Wash</span>
7661              </a>
7662            </li>
7663          
7664            
7665            <li
7666              
7667            >
7668              <a
7669                href="/collections/face-scrub"
7670                class="mega-menu__link"
7671              >
7672                <span class="wrap-text">Face Scrub</span>
7673              </a>
7674            </li>
7675          
7676            
7677            <li
7678              
7679            >
7680              <a
7681                href="/collections/face-wipes"
7682                class="mega-menu__link"
7683              >
7684                <span class="wrap-text">Face Wipes</span>
7685              </a>
7686            </li>
7687          
7688            
7689            <li
7690              
7691            >
7692              <a
7693                href="/collections/body-wash"
7694                class="mega-menu__link"
7695              >
7696                <span class="wrap-text">Body Wash</span>
7697              </a>
7698            </li>
7699          
7700        </ul>
7701      
7702    </div>
7703
7704    </li>
7705  
7706    <li class="mega-menu__column mega-menu__column--span-1">
7707    <div>
7708      <a
7709        href="#"
7710        class="mega-menu__link mega-menu__link--parent"
7711      >
7712        
7713        <span class="wrap-text">Face Masks</span>
7714      </a>
7715      
7716        <ul
7717          class="list-unstyled"
7718          
7719            style="column-count: 1;"
7720          
7721        >
7722          
7723            
7724            <li
7725              
7726            >
7727              <a
7728                href="/collections/sheet-masks"
7729                class="mega-menu__link"
7730              >
7731                <span class="wrap-text">Sheet Masks</span>
7732              </a>
7733            </li>
7734          
7735            
7736            <li
7737              
7738            >
7739              <a
7740                href="/collections/face-masks"
7741                class="mega-menu__link"
7742              >
7743                <span class="wrap-text">Face Masks</span>
7744              </a>
7745            </li>
7746          
7747        </ul>
7748      
7749    </div>
7750
7751    </li>
7752  
7753</ul>
7754
7755
7756
7757<style data-shopify>
7758  [data-menu-grid-id="MegaMenuList-3"] {
7759    
7760      --menu-columns-desktop: 6;
7761      --menu-columns-tablet: 4;
7762    
7763  }
7764
7765  [data-menu-list-id="MegaMenuList-3"] {
7766    
7767      --menu-columns-desktop: 6;
7768      --menu-columns-tablet: 4;
7769    
7770  }
7771</style>
7772
7773
7774<span
7775      class="mega-menu__content"
7776      style="--menu-content-columns-desktop: 0; --menu-content-columns-tablet: 0; --resource-card-corner-radius: 0px;"
7777    >
7778      <ul
7779        class="mega-menu__content-list mega-menu__content-list--products list-unstyled"
7780      >
7781        
7782      </ul>
7783    </span>
7784  
7785
7786                  </div>
7787                </div>
7788              </div>
7789            </div></li>
7790      
7791        <li
7792          role="presentation"
7793          class="menu-list__list-item"
7794          on:focus="/activate"
7795          on:blur="/deactivate"
7796          on:pointerenter="/activate"
7797          on:pointerleave="/deactivate"
7798        >
7799          <a
7800            href="/collections/hair-care"
7801            data-skip-node-update="true"
7802            class="menu-list__link"aria-controls="submenu-4"
7803              aria-haspopup="true"
7804              aria-expanded="false"
7805            ref="menuitem"
7806          >
7807            <span class="menu-list__link-title">Hair Care</span>
7808          </a><div class="menu-list__submenu background-matches-parent" ref="submenu[]">
7809              <div
7810                id="submenu-4"
7811                class="menu-list__submenu-inner"
7812                style="--menu-parent-font-family: var(--font-body--family); --menu-parent-font-style:
7813var(--font-body--style); --menu-parent-font-weight: var(--font-body--weight); --menu-parent-font-case:
7814none;
7815
7816    --menu-parent-font-size: var(--menu-font-sm--size); --menu-parent-font-line-height:
7817    var(--menu-font-sm--line-height); --menu-parent-font-color: var(--color-foreground-subdued);
7818    --menu-parent-active-font-color: var(--color-foreground);
7819  
7820--menu-child-font-family: var(--font-body--family); --menu-child-font-style:var(--font-body--style); --menu-child-font-weight: var(--font-body--weight); --menu-child-font-case:
7821none;
7822
7823    --menu-child-font-size: var(--menu-font-md--size); --menu-child-font-line-height: var(--menu-font-md--line-height);
7824    --menu-child-font-color: var(--color-foreground); --menu-child-active-font-color: var(--color-foreground-subdued);
7825  
7826"
7827              >
7828                
7829                <div class="mega-menu section section--full-width-margin section--full-width">
7830                  <div
7831                    class="mega-menu__grid"
7832                    data-menu-grid-id="MegaMenuList-4"
7833                  >
7834                    
7835<ul
7836  data-menu-list-id="MegaMenuList-4"
7837  class="mega-menu__list list-unstyled"
7838  style="--menu-image-border-radius: 0px;"
7839>
7840  
7841    <li class="mega-menu__column mega-menu__column--span-1">
7842    <div>
7843      <a
7844        href="#"
7845        class="mega-menu__link mega-menu__link--parent"
7846      >
7847        
7848        <span class="wrap-text">Shop By Concern</span>
7849      </a>
7850      
7851        <ul
7852          class="list-unstyled"
7853          
7854            style="column-count: 1;"
7855          
7856        >
7857          
7858            
7859            <li
7860              
7861            >
7862              <a
7863                href="/collections/hair-fall"
7864                class="mega-menu__link"
7865              >
7866                <span class="wrap-text">Hair Fall</span>
7867              </a>
7868            </li>
7869          
7870            
7871            <li
7872              
7873            >
7874              <a
7875                href="/collections/hair-density"
7876                class="mega-menu__link"
7877              >
7878                <span class="wrap-text">Hair Density</span>
7879              </a>
7880            </li>
7881          
7882            
7883            <li
7884              
7885            >
7886              <a
7887                href="/collections/hair-repair"
7888                class="mega-menu__link"
7889              >
7890                <span class="wrap-text">Hair Repair</span>
7891              </a>
7892            </li>
7893          
7894            
7895            <li
7896              
7897            >
7898              <a
7899                href="/collections/dandruff"
7900                class="mega-menu__link"
7901              >
7902                <span class="wrap-text">Dandruff</span>
7903              </a>
7904            </li>
7905          
7906        </ul>
7907      
7908    </div>
7909
7910    </li>
7911  
7912    <li class="mega-menu__column mega-menu__column--span-1">
7913    <div>
7914      <a
7915        href="#"
7916        class="mega-menu__link mega-menu__link--parent"
7917      >
7918        
7919        <span class="wrap-text">Shampoo & Conditioners</span>
7920      </a>
7921      
7922        <ul
7923          class="list-unstyled"
7924          
7925            style="column-count: 1;"
7926          
7927        >
7928          
7929            
7930            <li
7931              
7932            >
7933              <a
7934                href="/collections/shampoo"
7935                class="mega-menu__link"
7936              >
7937                <span class="wrap-text">Shampoo</span>
7938              </a>
7939            </li>
7940          
7941            
7942            <li
7943              
7944            >
7945              <a
7946                href="/collections/dry-shampoo"
7947                class="mega-menu__link"
7948              >
7949                <span class="wrap-text">Dry Shampoo</span>
7950              </a>
7951            </li>
7952          
7953            
7954            <li
7955              
7956            >
7957              <a
7958                href="/collections/conditioner"
7959                class="mega-menu__link"
7960              >
7961                <span class="wrap-text">Hair Conditioner</span>
7962              </a>
7963            </li>
7964          
7965            
7966            <li
7967              
7968            >
7969              <a
7970                href="/collections/hair-mask"
7971                class="mega-menu__link"
7972              >
7973                <span class="wrap-text">Hair Mask</span>
7974              </a>
7975            </li>
7976          
7977        </ul>
7978      
7979    </div>
7980
7981    </li>
7982  
7983    <li class="mega-menu__column mega-menu__column--span-1">
7984    <div>
7985      <a
7986        href="#"
7987        class="mega-menu__link mega-menu__link--parent"
7988      >
7989        
7990        <span class="wrap-text">Hair Colours</span>
7991      </a>
7992      
7993        <ul
7994          class="list-unstyled"
7995          
7996            style="column-count: 1;"
7997          
7998        >
7999          
8000            
8001            <li
8002              
8003            >
8004              <a
8005                href="/collections/semi-permanent"
8006                class="mega-menu__link"
8007              >
8008                <span class="wrap-text">Hair Colors / Dye</span>
8009              </a>
8010            </li>
8011          
8012            
8013            <li
8014              
8015            >
8016              <a
8017                href="/collections/developer"
8018                class="mega-menu__link"
8019              >
8020                <span class="wrap-text">Developers</span>
8021              </a>
8022            </li>
8023          
8024        </ul>
8025      
8026    </div>
8027
8028    </li>
8029  
8030    <li class="mega-menu__column mega-menu__column--span-1">
8031    <div>
8032      <a
8033        href="#"
8034        class="mega-menu__link mega-menu__link--parent"
8035      >
8036        
8037        <span class="wrap-text">Hair Accessories</span>
8038      </a>
8039      
8040        <ul
8041          class="list-unstyled"
8042          
8043            style="column-count: 1;"
8044          
8045        >
8046          
8047            
8048            <li
8049              
8050            >
8051              <a
8052                href="/collections/hair-styling"
8053                class="mega-menu__link"
8054              >
8055                <span class="wrap-text">Hair Styling</span>
8056              </a>
8057            </li>
8058          
8059            
8060            <li
8061              
8062            >
8063              <a
8064                href="/collections/hair-straightener"
8065                class="mega-menu__link"
8066              >
8067                <span class="wrap-text">Hair Straightener</span>
8068              </a>
8069            </li>
8070          
8071            
8072            <li
8073              
8074            >
8075              <a
8076                href="/collections/hair-curler"
8077                class="mega-menu__link"
8078              >
8079                <span class="wrap-text">Hair Curler</span>
8080              </a>
8081            </li>
8082          
8083            
8084            <li
8085              
8086            >
8087              <a
8088                href="/collections/hair-dryer"
8089                class="mega-menu__link"
8090              >
8091                <span class="wrap-text">Hair Dryer</span>
8092              </a>
8093            </li>
8094          
8095        </ul>
8096      
8097    </div>
8098
8099    </li>
8100  
8101    <li class="mega-menu__column mega-menu__column--span-1">
8102    <div>
8103      <a
8104        href="/collections/hair-serum"
8105        class="mega-menu__link "
8106      >
8107        
8108        <span class="wrap-text">Hair Serum</span>
8109      </a>
8110      
8111    </div>
8112
8113    
8114  
8115    
8116    <div>
8117      <a
8118        href="/collections/hair-oils"
8119        class="mega-menu__link "
8120      >
8121        
8122        <span class="wrap-text">Hair Oils</span>
8123      </a>
8124      
8125    </div>
8126
8127    </li>
8128  
8129</ul>
8130
8131
8132
8133<style data-shopify>
8134  [data-menu-grid-id="MegaMenuList-4"] {
8135    
8136      --menu-columns-desktop: 6;
8137      --menu-columns-tablet: 4;
8138    
8139  }
8140
8141  [data-menu-list-id="MegaMenuList-4"] {
8142    
8143      --menu-columns-desktop: 6;
8144      --menu-columns-tablet: 4;
8145    
8146  }
8147</style>
8148
8149
8150<span
8151      class="mega-menu__content"
8152      style="--menu-content-columns-desktop: 0; --menu-content-columns-tablet: 0; --resource-card-corner-radius: 0px;"
8153    >
8154      <ul
8155        class="mega-menu__content-list mega-menu__content-list--products list-unstyled"
8156      >
8157        
8158      </ul>
8159    </span>
8160  
8161
8162                  </div>
8163                </div>
8164              </div>
8165            </div></li>
8166      
8167        <li
8168          role="presentation"
8169          class="menu-list__list-item"
8170          on:focus="/activate"
8171          on:blur="/deactivate"
8172          on:pointerenter="/activate"
8173          on:pointerleave="/deactivate"
8174        >
8175          <a
8176            href="/collections/health-care"
8177            data-skip-node-update="true"
8178            class="menu-list__link"aria-controls="submenu-5"
8179              aria-haspopup="true"
8180              aria-expanded="false"
8181            ref="menuitem"
8182          >
8183            <span class="menu-list__link-title">Health Care</span>
8184          </a><div class="menu-list__submenu background-matches-parent" ref="submenu[]">
8185              <div
8186                id="submenu-5"
8187                class="menu-list__submenu-inner"
8188                style="--menu-parent-font-family: var(--font-body--family); --menu-parent-font-style:
8189var(--font-body--style); --menu-parent-font-weight: var(--font-body--weight); --menu-parent-font-case:
8190none;
8191
8192    --menu-parent-font-size: var(--menu-font-sm--size); --menu-parent-font-line-height:
8193    var(--menu-font-sm--line-height); --menu-parent-font-color: var(--color-foreground-subdued);
8194    --menu-parent-active-font-color: var(--color-foreground);
8195  
8196--menu-child-font-family: var(--font-body--family); --menu-child-font-style:var(--font-body--style); --menu-child-font-weight: var(--font-body--weight); --menu-child-font-case:
8197none;
8198
8199    --menu-child-font-size: var(--menu-font-md--size); --menu-child-font-line-height: var(--menu-font-md--line-height);
8200    --menu-child-font-color: var(--color-foreground); --menu-child-active-font-color: var(--color-foreground-subdued);
8201  
8202"
8203              >
8204                
8205                <div class="mega-menu section section--full-width-margin section--full-width">
8206                  <div
8207                    class="mega-menu__grid"
8208                    data-menu-grid-id="MegaMenuList-5"
8209                  >
8210                    
8211<ul
8212  data-menu-list-id="MegaMenuList-5"
8213  class="mega-menu__list list-unstyled"
8214  style="--menu-image-border-radius: 0px;"
8215>
8216  
8217    <li class="mega-menu__column mega-menu__column--span-1">
8218    <div>
8219      <a
8220        href="#"
8221        class="mega-menu__link mega-menu__link--parent"
8222      >
8223        
8224        <span class="wrap-text">Shop By Concern</span>
8225      </a>
8226      
8227        <ul
8228          class="list-unstyled"
8229          
8230            style="column-count: 1;"
8231          
8232        >
8233          
8234            
8235            <li
8236              
8237            >
8238              <a
8239                href="/collections/male-vitality"
8240                class="mega-menu__link"
8241              >
8242                <span class="wrap-text">Male Vitality</span>
8243              </a>
8244            </li>
8245          
8246            
8247            <li
8248              
8249            >
8250              <a
8251                href="/collections/pregnancy"
8252                class="mega-menu__link"
8253              >
8254                <span class="wrap-text">Pregnancy</span>
8255              </a>
8256            </li>
8257          
8258            
8259            <li
8260              
8261            >
8262              <a
8263                href="/collections/immunity"
8264                class="mega-menu__link"
8265              >
8266                <span class="wrap-text">Immunity</span>
8267              </a>
8268            </li>
8269          
8270            
8271            <li
8272              
8273            >
8274              <a
8275                href="/collections/bones-joints"
8276                class="mega-menu__link"
8277              >
8278                <span class="wrap-text">Bones & Joints</span>
8279              </a>
8280            </li>
8281          
8282            
8283            <li
8284              
8285            >
8286              <a
8287                href="/collections/energy-booster"
8288                class="mega-menu__link"
8289              >
8290                <span class="wrap-text">Energy Booster</span>
8291              </a>
8292            </li>
8293          
8294            
8295            <li
8296              
8297            >
8298              <a
8299                href="/collections/metabolism"
8300                class="mega-menu__link"
8301              >
8302                <span class="wrap-text">Metabolism & Weight Loss</span>
8303              </a>
8304            </li>
8305          
8306            
8307            <li
8308              
8309            >
8310              <a
8311                href="/collections/prostate-functions"
8312                class="mega-menu__link"
8313              >
8314                <span class="wrap-text">Prostate Functions</span>
8315              </a>
8316            </li>
8317          
8318            
8319            <li
8320              
8321            >
8322              <a
8323                href="/collections/natural-sweetener"
8324                class="mega-menu__link"
8325              >
8326                <span class="wrap-text">Natural Sweetener</span>
8327              </a>
8328            </li>
8329          
8330        </ul>
8331      
8332    </div>
8333
8334    </li>
8335  
8336    <li class="mega-menu__column mega-menu__column--span-1">
8337    <div>
8338      <a
8339        href="#"
8340        class="mega-menu__link mega-menu__link--parent"
8341      >
8342        
8343        <span class="wrap-text">Supplements For Men</span>
8344      </a>
8345      
8346        <ul
8347          class="list-unstyled"
8348          
8349            style="column-count: 1;"
8350          
8351        >
8352          
8353            
8354            <li
8355              
8356            >
8357              <a
8358                href="/collections/men-energy-booster"
8359                class="mega-menu__link"
8360              >
8361                <span class="wrap-text">Men Energy Booster</span>
8362              </a>
8363            </li>
8364          
8365            
8366            <li
8367              
8368            >
8369              <a
8370                href="/collections/male-vitality"
8371                class="mega-menu__link"
8372              >
8373                <span class="wrap-text">Male Vitality</span>
8374              </a>
8375            </li>
8376          
8377            
8378            <li
8379              
8380            >
8381              <a
8382                href="/collections/prostate-functions"
8383                class="mega-menu__link"
8384              >
8385                <span class="wrap-text">Prostate Functions</span>
8386              </a>
8387            </li>
8388          
8389        </ul>
8390      
8391    </div>
8392
8393    </li>
8394  
8395    <li class="mega-menu__column mega-menu__column--span-1">
8396    <div>
8397      <a
8398        href="#"
8399        class="mega-menu__link mega-menu__link--parent"
8400      >
8401        
8402        <span class="wrap-text">Supplements For Women</span>
8403      </a>
8404      
8405        <ul
8406          class="list-unstyled"
8407          
8408            style="column-count: 1;"
8409          
8410        >
8411          
8412            
8413            <li
8414              
8415            >
8416              <a
8417                href="/collections/pregnancy"
8418                class="mega-menu__link"
8419              >
8420                <span class="wrap-text">Pregnancy</span>
8421              </a>
8422            </li>
8423          
8424        </ul>
8425      
8426    </div>
8427
8428    </li>
8429  
8430    <li class="mega-menu__column mega-menu__column--span-1">
8431    <div>
8432      <a
8433        href="#"
8434        class="mega-menu__link mega-menu__link--parent"
8435      >
8436        
8437        <span class="wrap-text">Supplements For All</span>
8438      </a>
8439      
8440        <ul
8441          class="list-unstyled"
8442          
8443            style="column-count: 1;"
8444          
8445        >
8446          
8447            
8448            <li
8449              
8450            >
8451              <a
8452                href="/collections/immunity"
8453                class="mega-menu__link"
8454              >
8455                <span class="wrap-text">Immunity</span>
8456              </a>
8457            </li>
8458          
8459            
8460            <li
8461              
8462            >
8463              <a
8464                href="/collections/metabolism"
8465                class="mega-menu__link"
8466              >
8467                <span class="wrap-text">Metabolism & Weight Loss</span>
8468              </a>
8469            </li>
8470          
8471            
8472            <li
8473              
8474            >
8475              <a
8476                href="/collections/bones-joints"
8477                class="mega-menu__link"
8478              >
8479                <span class="wrap-text">Bones & Joints</span>
8480              </a>
8481            </li>
8482          
8483            
8484            <li
8485              
8486            >
8487              <a
8488                href="/collections/hair-vitamins"
8489                class="mega-menu__link"
8490              >
8491                <span class="wrap-text">Hair Vitamins</span>
8492              </a>
8493            </li>
8494          
8495            
8496            <li
8497              
8498            >
8499              <a
8500                href="/collections/blood-sugar-support"
8501                class="mega-menu__link"
8502              >
8503                <span class="wrap-text">Blood Sugar Support</span>
8504              </a>
8505            </li>
8506          
8507        </ul>
8508      
8509    </div>
8510
8511    </li>
8512  
8513    <li class="mega-menu__column mega-menu__column--span-1">
8514    <div>
8515      <a
8516        href="#"
8517        class="mega-menu__link mega-menu__link--parent"
8518      >
8519        
8520        <span class="wrap-text">Others</span>
8521      </a>
8522      
8523        <ul
8524          class="list-unstyled"
8525          
8526            style="column-count: 1;"
8527          
8528        >
8529          
8530            
8531            <li
8532              
8533            >
8534              <a
8535                href="/collections/aromatherapy"
8536                class="mega-menu__link"
8537              >
8538                <span class="wrap-text">Aromatherapy</span>
8539              </a>
8540            </li>
8541          
8542        </ul>
8543      
8544    </div>
8545
8546    </li>
8547  
8548</ul>
8549
8550
8551
8552<style data-shopify>
8553  [data-menu-grid-id="MegaMenuList-5"] {
8554    
8555      --menu-columns-desktop: 6;
8556      --menu-columns-tablet: 4;
8557    
8558  }
8559
8560  [data-menu-list-id="MegaMenuList-5"] {
8561    
8562      --menu-columns-desktop: 6;
8563      --menu-columns-tablet: 4;
8564    
8565  }
8566</style>
8567
8568
8569<span
8570      class="mega-menu__content"
8571      style="--menu-content-columns-desktop: 0; --menu-content-columns-tablet: 0; --resource-card-corner-radius: 0px;"
8572    >
8573      <ul
8574        class="mega-menu__content-list mega-menu__content-list--products list-unstyled"
8575      >
8576        
8577      </ul>
8578    </span>
8579  
8580
8581                  </div>
8582                </div>
8583              </div>
8584            </div></li>
8585      
8586        <li
8587          role="presentation"
8588          class="menu-list__list-item"
8589          on:focus="/activate"
8590          on:blur="/deactivate"
8591          on:pointerenter="/activate"
8592          on:pointerleave="/deactivate"
8593        >
8594          <a
8595            href="/collections/personal-care"
8596            data-skip-node-update="true"
8597            class="menu-list__link"aria-controls="submenu-6"
8598              aria-haspopup="true"
8599              aria-expanded="false"
8600            ref="menuitem"
8601          >
8602            <span class="menu-list__link-title">Personal Care</span>
8603          </a><div class="menu-list__submenu background-matches-parent" ref="submenu[]">
8604              <div
8605                id="submenu-6"
8606                class="menu-list__submenu-inner"
8607                style="--menu-parent-font-family: var(--font-body--family); --menu-parent-font-style:
8608var(--font-body--style); --menu-parent-font-weight: var(--font-body--weight); --menu-parent-font-case:
8609none;
8610
8611    --menu-parent-font-size: var(--menu-font-sm--size); --menu-parent-font-line-height:
8612    var(--menu-font-sm--line-height); --menu-parent-font-color: var(--color-foreground-subdued);
8613    --menu-parent-active-font-color: var(--color-foreground);
8614  
8615--menu-child-font-family: var(--font-body--family); --menu-child-font-style:var(--font-body--style); --menu-child-font-weight: var(--font-body--weight); --menu-child-font-case:
8616none;
8617
8618    --menu-child-font-size: var(--menu-font-md--size); --menu-child-font-line-height: var(--menu-font-md--line-height);
8619    --menu-child-font-color: var(--color-foreground); --menu-child-active-font-color: var(--color-foreground-subdued);
8620  
8621"
8622              >
8623                
8624                <div class="mega-menu section section--full-width-margin section--full-width">
8625                  <div
8626                    class="mega-menu__grid"
8627                    data-menu-grid-id="MegaMenuList-6"
8628                  >
8629                    
8630<ul
8631  data-menu-list-id="MegaMenuList-6"
8632  class="mega-menu__list list-unstyled"
8633  style="--menu-image-border-radius: 0px;"
8634>
8635  
8636    <li class="mega-menu__column mega-menu__column--span-1">
8637    <div>
8638      <a
8639        href="/collections/fragrance"
8640        class="mega-menu__link "
8641      >
8642        
8643        <span class="wrap-text">Fragrance</span>
8644      </a>
8645      
8646    </div>
8647
8648    </li>
8649  
8650    <li class="mega-menu__column mega-menu__column--span-1">
8651    <div>
8652      <a
8653        href="#"
8654        class="mega-menu__link mega-menu__link--parent"
8655      >
8656        
8657        <span class="wrap-text">Female Care</span>
8658      </a>
8659      
8660        <ul
8661          class="list-unstyled"
8662          
8663            style="column-count: 1;"
8664          
8665        >
8666          
8667            
8668            <li
8669              
8670            >
8671              <a
8672                href="/collections/biomousse-flora"
8673                class="mega-menu__link"
8674              >
8675                <span class="wrap-text">Vaginal Care</span>
8676              </a>
8677            </li>
8678          
8679            
8680            <li
8681              
8682            >
8683              <a
8684                href="/collections/hair-removal-cream"
8685                class="mega-menu__link"
8686              >
8687                <span class="wrap-text">Hair Removal Cream</span>
8688              </a>
8689            </li>
8690          
8691            
8692            <li
8693              
8694            >
8695              <a
8696                href="/collections/wax-strips"
8697                class="mega-menu__link"
8698              >
8699                <span class="wrap-text">Wax Strips</span>
8700              </a>
8701            </li>
8702          
8703            
8704            <li
8705              
8706            >
8707              <a
8708                href="/collections/epilators"
8709                class="mega-menu__link"
8710              >
8711                <span class="wrap-text">Epilators</span>
8712              </a>
8713            </li>
8714          
8715        </ul>
8716      
8717    </div>
8718
8719    </li>
8720  
8721</ul>
8722
8723
8724
8725<style data-shopify>
8726  [data-menu-grid-id="MegaMenuList-6"] {
8727    
8728      --menu-columns-desktop: 6;
8729      --menu-columns-tablet: 4;
8730    
8731  }
8732
8733  [data-menu-list-id="MegaMenuList-6"] {
8734    
8735      --menu-columns-desktop: 6;
8736      --menu-columns-tablet: 4;
8737    
8738  }
8739</style>
8740
8741
8742<span
8743      class="mega-menu__content"
8744      style="--menu-content-columns-desktop: 0; --menu-content-columns-tablet: 0; --resource-card-corner-radius: 0px;"
8745    >
8746      <ul
8747        class="mega-menu__content-list mega-menu__content-list--products list-unstyled"
8748      >
8749        
8750      </ul>
8751    </span>
8752  
8753
8754                  </div>
8755                </div>
8756              </div>
8757            </div></li>
8758      
8759        <li
8760          role="presentation"
8761          class="menu-list__list-item"
8762          on:focus="/activate"
8763          on:blur="/deactivate"
8764          on:pointerenter="/activate"
8765          on:pointerleave="/deactivate"
8766        >
8767          <a
8768            href="/collections/baby-care"
8769            data-skip-node-update="true"
8770            class="menu-list__link"aria-controls="submenu-7"
8771              aria-haspopup="true"
8772              aria-expanded="false"
8773            ref="menuitem"
8774          >
8775            <span class="menu-list__link-title">Baby Care</span>
8776          </a><div class="menu-list__submenu background-matches-parent" ref="submenu[]">
8777              <div
8778                id="submenu-7"
8779                class="menu-list__submenu-inner"
8780                style="--menu-parent-font-family: var(--font-body--family); --menu-parent-font-style:
8781var(--font-body--style); --menu-parent-font-weight: var(--font-body--weight); --menu-parent-font-case:
8782none;
8783
8784    --menu-parent-font-size: var(--menu-font-sm--size); --menu-parent-font-line-height:
8785    var(--menu-font-sm--line-height); --menu-parent-font-color: var(--color-foreground-subdued);
8786    --menu-parent-active-font-color: var(--color-foreground);
8787  
8788--menu-child-font-family: var(--font-body--family); --menu-child-font-style:var(--font-body--style); --menu-child-font-weight: var(--font-body--weight); --menu-child-font-case:
8789none;
8790
8791    --menu-child-font-size: var(--menu-font-md--size); --menu-child-font-line-height: var(--menu-font-md--line-height);
8792    --menu-child-font-color: var(--color-foreground); --menu-child-active-font-color: var(--color-foreground-subdued);
8793  
8794"
8795              >
8796                
8797                <div class="mega-menu section section--full-width-margin section--full-width">
8798                  <div
8799                    class="mega-menu__grid"
8800                    data-menu-grid-id="MegaMenuList-7"
8801                  >
8802                    
8803<ul
8804  data-menu-list-id="MegaMenuList-7"
8805  class="mega-menu__list list-unstyled"
8806  style="--menu-image-border-radius: 0px;"
8807>
8808  
8809    <li class="mega-menu__column mega-menu__column--span-1">
8810    <div>
8811      <a
8812        href="/collections/kidzvits"
8813        class="mega-menu__link "
8814      >
8815        
8816        <span class="wrap-text">Kids Vitamins</span>
8817      </a>
8818      
8819    </div>
8820
8821    
8822  
8823    
8824    <div>
8825      <a
8826        href="/collections/maks"
8827        class="mega-menu__link "
8828      >
8829        
8830        <span class="wrap-text">Baby Shampoos & Conditioner</span>
8831      </a>
8832      
8833    </div>
8834
8835    
8836  
8837    
8838    <div>
8839      <a
8840        href="/collections/baby-wash"
8841        class="mega-menu__link "
8842      >
8843        
8844        <span class="wrap-text">Baby Wash</span>
8845      </a>
8846      
8847    </div>
8848
8849    
8850  
8851    
8852    <div>
8853      <a
8854        href="/collections/baby-lotion"
8855        class="mega-menu__link "
8856      >
8857        
8858        <span class="wrap-text">Baby Lotion</span>
8859      </a>
8860      
8861    </div>
8862
8863    
8864  
8865    
8866    <div>
8867      <a
8868        href="/collections/rashes-treatment"
8869        class="mega-menu__link "
8870      >
8871        
8872        <span class="wrap-text">Rashes Treatment</span>
8873      </a>
8874      
8875    </div>
8876
8877    </li>
8878  
8879</ul>
8880
8881
8882
8883<style data-shopify>
8884  [data-menu-grid-id="MegaMenuList-7"] {
8885    
8886      --menu-columns-desktop: 6;
8887      --menu-columns-tablet: 4;
8888    
8889  }
8890
8891  [data-menu-list-id="MegaMenuList-7"] {
8892    
8893      --menu-columns-desktop: 6;
8894      --menu-columns-tablet: 4;
8895    
8896  }
8897</style>
8898
8899
8900<span
8901      class="mega-menu__content"
8902      style="--menu-content-columns-desktop: 0; --menu-content-columns-tablet: 0; --resource-card-corner-radius: 0px;"
8903    >
8904      <ul
8905        class="mega-menu__content-list mega-menu__content-list--products list-unstyled"
8906      >
8907        
8908      </ul>
8909    </span>
8910  
8911
8912                  </div>
8913                </div>
8914              </div>
8915            </div></li>
8916      
8917        <li
8918          role="presentation"
8919          class="menu-list__list-item"
8920          on:focus="/activate"
8921          on:blur="/deactivate"
8922          on:pointerenter="/activate"
8923          on:pointerleave="/deactivate"
8924        >
8925          <a
8926            href="/pages/brands-page"
8927            data-skip-node-update="true"
8928            class="menu-list__link"
8929            ref="menuitem"
8930          >
8931            <span class="menu-list__link-title">Brands</span>
8932          </a></li>
8933      
8934        <li
8935          role="presentation"
8936          class="menu-list__list-item"
8937          on:focus="/activate"
8938          on:blur="/deactivate"
8939          on:pointerenter="/activate"
8940          on:pointerleave="/deactivate"
8941        >
8942          <a
8943            href="/collections/sale"
8944            data-skip-node-update="true"
8945            class="menu-list__link"
8946            ref="menuitem"
8947          >
8948            <span class="menu-list__link-title">Sale</span>
8949          </a></li>
8950      
8951      <li
8952        class="menu-list__list-item"
8953        role="presentation"
8954        slot="more"
8955        on:focus="/activate"
8956        on:blur="/deactivate"
8957        on:pointerenter="/activate"
8958        on:pointerleave="/deactivate"
8959      >
8960        <button role="listitem" class="menu-list__link button-unstyled">
8961          <span class="menu-list__link-title">More</span>
8962        </button>
8963      </li>
8964    
8965</overflow-list>
8966
8967        </nav>
8968      </div>
8969
8970      
8970<script
8971        src="//cozmetica.pk/cdn/shop/t/140/assets/header-menu.js?v=95929844569485293131785524563"
8972        type="module"
8973        fetchpriority="low"
8974      ></script>
8974
8975    </header-menu>
8976
8977
8978<style data-shopify>
8979  .header__underlay {
8980    --color-submenu: rgb(255 255 255);
8981  }
8982</style>
8983
8984
8985
8986
8987            
8988        
8989      
8990    </div><div
8991      class="header__column header__column--right"
8992      data-testid="header-top-right"
8993    >
8994      
8995        
8996          
8997              
8998  
8999  
9000
9001            
9002        
9003      
9004        
9005          
9006              
9007  <search-button
9008    class="search-action search-action--hidden-on-drawer"
9009  >
9010    <button
9011      on:click="#search-modal/showDialog"
9012      class="button-unstyled header-actions__action"
9013      aria-label="Search"
9014      aria-haspopup="dialog"
9015    >
9016      <span class="hidden">
9017        Search
9018      </span>
9019
9020      <span class="svg-wrapper ">
9021        <svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><circle cx="9" cy="9" r="4.75" stroke="currentColor" stroke-width="var(--icon-stroke-width)"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="m12.5 12.5 3.25 3.25"/></svg>
9022
9023      </span>
9024    </button>
9025  </search-button>
9026
9027
9028
9029
9030            
9031        
9032      
9033        
9034          
9035              
9036
9037<script
9038  type="module"
9039  src="//cozmetica.pk/cdn/shop/t/140/assets/cart-icon.js?v=109428858171217037751785524563"
9040  fetchpriority="low"
9041></script>
9041
9042
9043
9044
9045
9046
9047<header-actions
9048  
9049>
9050  
9051    
9052    <div
9053      class="account-button header-actions__action color-custom-popover"
9054    >
9055      <shopify-store store-domain="https://cozmetica.pk" country="PK" language="en"></shopify-store>
9056<shopify-account
9057        menu="customer-account-main-menu"
9058        
9059      >
9060        
9061          <span
9062            slot="signed-out-avatar"
9063            class="account-button__text header-actions__text-style hidden"
9064          >
9065            Account
9066          </span>
9067
9068          <span
9069            slot="signed-out-avatar"
9070            class=""
9071            aria-hidden="true"
9072          >
9073            
9074  <svg
9075    xmlns="http://www.w3.org/2000/svg"
9076    width="15"
9077    height="17"
9078    viewBox="0 0 15 17"
9079    fill="none"
9080    slot="signed-out-avatar"
9081    class="account-button__icon"
9082  >
9083    <path
9084      stroke="currentColor"
9085      stroke-linejoin="round"
9086      stroke-width="var(--icon-stroke-width)"
9087      d="M10.375 3.813a3.063 3.063 0 1 1-6.125 0 3.063 3.063 0 0 1 6.125 0ZM7.313 9.5c-3.667 0-6.24 2.691-6.563 6.125h13.125C13.552 12.191 10.979 9.5 7.312 9.5Z"
9088    />
9089  </svg>
9090
9091          </span>
9092        
9093      </shopify-account>
9094    </div>
9095  
9096
9097  
9098    <button
9099      class="header-actions__action button-unstyled"
9100      on:click="#cart-drawer/toggle"
9101      aria-haspopup="dialog"
9102      aria-expanded="false"
9103      aria-controls="cart-drawer"
9104      aria-label="Cart"
9105      aria-describedby="cart-bubble-text"
9106      data-testid="cart-drawer-trigger"
9107    >
9108      
9109  <cart-icon
9110    class="header-actions__cart-icon"
9111    data-testid="cart-icon"
9112  >
9113    <span class="hidden">
9114      Cart
9115    </span>
9116
9117    <span
9118      class="svg-wrapper "
9119      aria-hidden="true"
9120    >
9121      <svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M3.392 6.875h13.216v8.016c0 .567-.224 1.112-.624 1.513-.4.402-.941.627-1.506.627H5.522a2.13 2.13 0 0 1-1.506-.627 2.15 2.15 0 0 1-.624-1.513zM8.818 2.969h2.333c.618 0 1.211.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.313c0-.622.246-1.218.683-1.658a2.33 2.33 0 0 1 1.65-.686"/></svg>
9122
9123    </span>
9124
9125    
9126
9127<div
9128  ref="cartBubble"
9129  class="cart-bubble visually-hidden"
9130  style="--cart-bubble-background-fallback: #000000; --cart-bubble-text-fallback: #ffffff;"
9131  
9132  
9133    data-maintain-ratio
9134  
9135>
9136  <span class="cart-bubble__background"></span>
9137  <span
9138    ref="cartBubbleText"
9139    id="cart-bubble-text"
9140    class="cart-bubble__text"
9141  >
9142    <span
9143      class="cart-bubble__text-count hidden"
9144      ref="cartBubbleCount"
9145      aria-hidden="true"
9146      data-testid="cart-bubble"
9147    >
91480</span>
9149  </span>
9150</div>
9151
9152
9153
9154  </cart-icon>
9155
9156    </button>
9157  
9158
9159  <span
9160    ref="liveRegion"
9161    class="visually-hidden"
9162    role="status"
9163    data-testid="cart-count-live-region"
9164  ></span>
9165</header-actions>
9166
9167<script
9168  type="module"
9169  src="//cozmetica.pk/cdn/shop/t/140/assets/header-actions.js?v=157135685635924702181785524563"
9170  fetchpriority="low"
9171></script>
9171
9172
9173
9174
9175          
9176        
9177      
9178    </div>
9179        </div>
9180      </div>
9181    
9182  
9183    
9184
9185    
9186
9187    
9188    
9189  
9190
9191  
9192    <div class="header__row header__navigation-bar-row">
9193      
9194
9195
9196
9197    
9198  
9199
9200<style data-shopify>
9201  .header__underlay {
9202    --color-submenu: rgb(255 255 255);
9203  }
9204</style>
9205
9206
9207
9208
9209    </div>
9210  
9211</header-component>
9212
9213<script
9214  src="//cozmetica.pk/cdn/shop/t/140/assets/header.js?v=183210491532312943441785524563"
9215  type="module"
9216></script>
9216
9217
9218
9219
9220
9221  
9221<script type="module">
9222    import { hydrate } from '@theme/section-hydration';
9223    const url = new URL(window.location.href);
9224    url.searchParams.delete('page');
9225    hydrate('sections--21036523061409__header_section', url);
9226  </script>
9226
9227
9228
9229
9230</header>
9231<!-- END sections: header-group -->
9232      </div>
9233
9234      
9234<script>
9235        // Inline header height and menu style calculations to prevent layout shift
9236        // Note: Updates in calculateHeaderGroupHeight(), updateTransparentHeaderOffset() and setHeaderMenuStyle() utilities.js should be kept in sync with this function
9237        (function setHeaderHeighCustomProperties() {
9238          /*
9239           * Header calculation functions for maintaining CSS variables
9240           * Mimic calculateHeaderGroupHeight() in utilities.js
9241           */
9242          const header = document.querySelector('header-component');
9243          const headerGroup = document.querySelector('#header-group');
9244          const hasHeaderSection = headerGroup?.querySelector('.header-section');
9245
9246          if (!header || !headerGroup) return;
9247
9248          const headerTopRow = header.querySelector('.header__row--top');
9249          const headerHeight = header.offsetHeight;
9250
9251          // Calculate the total height of the header group
9252          let headerGroupHeight = 0;
9253          const children = headerGroup.children;
9254          for (let i = 0; i < children.length; i++) {
9255            const element = children[i];
9256            if (element === header || !(element instanceof HTMLElement)) continue;
9257            headerGroupHeight += element.offsetHeight;
9258          }
9259
9260          // Check for transparent header special case
9261          if (header.hasAttribute('transparent') && header.parentElement?.nextElementSibling) {
9262            headerGroupHeight += headerHeight;
9263          }
9264
9265          // Set CSS variables
9266          document.body.style.setProperty('--header-height', `${headerHeight}px`);
9267          document.body.style.setProperty('--header-group-height', `${headerGroupHeight}px`);
9268
9269          if (headerTopRow) {
9270            window.requestAnimationFrame(function () {
9271              document.body.style.setProperty('--top-row-height', `${headerTopRow.offsetHeight}px`);
9272            });
9273          }
9274
9275          /**
9276           * Updates CSS custom properties for transparent header offset calculation
9277           * Mimic updateTransparentHeaderOffset() in utilities.js
9278           */
9279
9280          if (!hasHeaderSection || !header?.hasAttribute('transparent')) {
9281            document.body.style.setProperty('--transparent-header-offset-boolean', '0');
9282            return;
9283          }
9284
9285          const hasImmediateSection = hasHeaderSection.nextElementSibling?.classList.contains('shopify-section');
9286
9287          const shouldApplyOffset = !hasImmediateSection ? '1' : '0';
9288          document.body.style.setProperty('--transparent-header-offset-boolean', shouldApplyOffset);
9289        })();
9290
9291        (function setHeaderMenuStyle() {
9292          const headerComponent = document.querySelector('#header-component');
9293          if (headerComponent) {
9294            const isTouchDevice = 'ontouchstart' in window && navigator.maxTouchPoints > 0;
9295            const overflowList = headerComponent?.querySelector('overflow-list');
9296            const hasReachedMinimum = overflowList && overflowList.hasAttribute('minimum-reached');
9297            headerComponent.dataset.menuStyle = isTouchDevice || hasReachedMinimum ? 'drawer' : 'menu';
9298          }
9299        })();
9300      </script>
9300
9301
9302      <main
9303        id="MainContent"
9304        class="content-for-layout"
9305        role="main"
9306        data-page-transition-enabled="false"
9307        data-product-transition="false"
9308        data-template="page"
9309      >
9310        <div id="shopify-section-template--21036528533665__main" class="shopify-section section-wrapper">
9311
9312
9313
9314
9315
9316
9317  <style data-shopify>
9318    .color-custom-template--21036528533665__main,
9319    .color-custom-template--21036528533665__main .text-block {
9320      /* Background */
9321      --color-background: #ffffff;
9322      --color-background-rgb: 255 255 255;
9323
9324      /* Opacity values adjusted for background brightness */
9325      
9326--opacity-5-15: 0.05; --opacity-10-25: 0.1; --opacity-35-55: 0.35; --opacity-40-60:
93270.4; --opacity-30-60: 0.3; --opacity-60: 0.6;
9328
9329
9330      
9331        /* Foreground / text — explicit or smart-contrasted */
9332        --color: #000000;
9333        --color-rgb: 0 0 0;
9334        --color-foreground: #000000;
9335        --color-foreground-rgb: 0 0 0;
9336        --color-foreground-muted: rgb(0 0 0 / var(--opacity-muted-text));
9337        --color-foreground-subdued: rgb(0 0 0 / var(--opacity-subdued-text));
9338        --color-border: var(--palette-darkest);
9339        --color-border-rgb: var(--palette-darkest-rgb);
9340      
9341    }
9342
9343    
9344      .color-custom-template--21036528533665__main {
9345        /* Form-related tokens stay on .color-custom only — .text-block is a prose
9346           container (text/announcement/inline-text/blog-post-description/
9347           collection-link/price/sku) and never holds form inputs. */
9348        --input-disabled-background-color: rgb(0 0 0 / var(--opacity-10));
9349        --input-disabled-border-color: rgb(0 0 0 / var(--opacity-5));
9350        --input-disabled-text-color: rgb(0 0 0 / var(--opacity-50));
9351        --checkbox-border: 1px solid rgb(0 0 0 / var(--opacity-35-55));
9352      }
9353    
9354
9355    .color-custom-template--21036528533665__main {
9356      color: var(--color, var(--color-foreground));
9357      background-color: var(--color-background);
9358    }
9359  </style>
9360
9361
9362
9363<div
9364  class="section-background color-custom-template--21036528533665__main"
9365></div>
9366<div class="section page-width-content color-custom-template--21036528533665__main">
9367  <div
9368    class="
9369      spacing-style
9370      layout-panel-flex
9371      layout-panel-flex--column
9372      section-content-wrapper
9373      mobile-column
9374    "
9375    style="
9376      --flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;
9377
9378--gap: max(24px, calc(var(--gap-scale, 1.0) * 32px));
9379
9380--horizontal-alignment: ; --vertical-alignment: ;
9381--vertical-alignment-mobile: ;
9382
9383      --padding-block-start: max(20px, calc(var(--spacing-scale) * 40px));--padding-block-end: max(20px, calc(var(--spacing-scale) * 80px));
9384    "
9385  >
9386    
9387
9388
9389
9390
9391
9392
9393
9394
9395  <div class=" spacing-style text-block text-block--AR3dtbEtZbE5mcVZvb__heading h2    text-block--align-left  "  style="    --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px;            --width: 100%;    --max-width: var(--max-width--body-normal);          --text-align: left;          ">
9396    <h1>About Cozmetica</h1>
9397  </div>
9398
9399
9400
9401
9402
9403
9404<div id="shopify-block-AbVdFS1hNSldrTVQyY__page-content" class="shopify-block rte">
9405
9406<div
9407  class="page-content"
9408  style="
9409    
9410  "
9411>
9412  <rte-formatter>
9413    <meta http-equiv="content-type" content="text/html; charset=utf-8">
9414<p><strong>Cozmetica</strong><span> </span>takes immense pride in being one of Pakistan’s trusted online beauty shopping website, providing our prestigious and innovative customer a hassle-free shopping experience and best quality cosmetics products right at your door steps.</p>
9415<p><strong><span lang="EN-US">Since our inception in 2017</span></strong><span lang="EN-US">, we at Cozmetica.pk are committed to build an ultimate one stop<span> </span><strong>Beauty Concept Store</strong><span> </span>for all makeup lovers across Pakistan, by promising 100% Original and Authentic branded cosmetics range and an experience to last for longer. As a team, we believe in diversity, inclusivity, and empowerment for all.</span></p>
9416<p><strong><span lang="EN-US">Today</span></strong><span lang="EN-US">, Cozmetica has a powerful online presence in Pakistan, thanks to our unmatched assortment of beauty products in every category, unbiased service from beauty experts, cooperating customer services and marketing innovation.</span></p>
9417<p><strong><span lang="EN-US">We are committed</span></strong><span lang="EN-US"><span> </span>to emerge as Pakistan’s finest online beauty shopping website and lead the industry in years to come. Our purpose at Cozmetica is to create an unmatched beauty shopping experience and inspire/respect individuality in our community. Through our continued expertise, innovation and entrepreneurial spirit, Cozmetica encourages customer to explore the universe of beauty and wellness with an absolute unbiased &amp; impartial approach.</span></p>
9418<p><strong>Why Us? </strong></p>
9419<p>
9419Guaranteed 7 days delivery promise: click here to track your order</p>
9420<p>Your originality is our inspiration. From a full-on maximalists to fresh faced minimalists, we have a product for everyone and every look in between. We believe in originality, openness and transparency and let every girl love the girl inside.</p>
9421<p><span style="color: #ff2a00;"><strong>Cozmetica is a trademark owned &amp; filed by CozCom Pvt Ltd</strong></span></p>
9422  </rte-formatter>
9423</div>
9424
9425
9426
9427
9428</div>
9429
9430  </div>
9431</div>
9432
9433
9434</div>
9435      </main>
9436
9437      <footer>
9438        <!-- BEGIN sections: footer-group -->
9439<div id="shopify-section-sections--21036522897569__footer_m9NzUG" class="shopify-section shopify-section-group-footer-group section-wrapper">
9440
9441
9442
9443
9444
9445
9446  <style data-shopify>
9447    .color-custom-sections--21036522897569__footer_m9NzUG,
9448    .color-custom-sections--21036522897569__footer_m9NzUG .text-block {
9449      /* Background */
9450      --color-background: #fffbf5;
9451      --color-background-rgb: 255 251 245;
9452
9453      /* Opacity values adjusted for background brightness */
9454      
9455--opacity-5-15: 0.05; --opacity-10-25: 0.1; --opacity-35-55: 0.35; --opacity-40-60:
94560.4; --opacity-30-60: 0.3; --opacity-60: 0.6;
9457
9458
9459      
9460        /* Foreground / text — explicit or smart-contrasted */
9461        --color: #000000;
9462        --color-rgb: 0 0 0;
9463        --color-foreground: #000000;
9464        --color-foreground-rgb: 0 0 0;
9465        --color-foreground-muted: rgb(0 0 0 / var(--opacity-muted-text));
9466        --color-foreground-subdued: rgb(0 0 0 / var(--opacity-subdued-text));
9467        --color-border: var(--palette-darkest);
9468        --color-border-rgb: var(--palette-darkest-rgb);
9469      
9470    }
9471
9472    
9473      .color-custom-sections--21036522897569__footer_m9NzUG {
9474        /* Form-related tokens stay on .color-custom only — .text-block is a prose
9475           container (text/announcement/inline-text/blog-post-description/
9476           collection-link/price/sku) and never holds form inputs. */
9477        --input-disabled-background-color: rgb(0 0 0 / var(--opacity-10));
9478        --input-disabled-border-color: rgb(0 0 0 / var(--opacity-5));
9479        --input-disabled-text-color: rgb(0 0 0 / var(--opacity-50));
9480        --checkbox-border: 1px solid rgb(0 0 0 / var(--opacity-35-55));
9481      }
9482    
9483
9484    .color-custom-sections--21036522897569__footer_m9NzUG {
9485      color: var(--color, var(--color-foreground));
9486      background-color: var(--color-background);
9487    }
9488  </style>
9489
9490
9491
9492<div
9493  class="section-background color-custom-sections--21036522897569__footer_m9NzUG"
9494></div>
9495<div
9496  class="section section--page-width color-custom-sections--21036522897569__footer_m9NzUG"
9497>
9498  
9499  <div
9500    class="
9501      footer-content
9502      spacing-style
9503      
9504      
9505    "
9506    style="
9507      --padding-block-start: max(20px, calc(var(--spacing-scale) * 30px));--padding-block-end: max(20px, calc(var(--spacing-scale) * 30px));
9508      --footer-gap: 20px;
9509      --grid-columns: 2;
9510      --last-row-count: 2;
9511      --tablet-last-row-count: 2;
9512    "
9513  >
9514    
9515
9516
9517
9518
9519
9520
9521
9522
9523
9524
9525<div
9526  class="
9527    group-block
9528    group-block--height-fit
9529    group-block--width-fill
9530    border-style
9531    spacing-style
9532    size-style
9533    
9534    
9535  "
9536  style="
9537    
9538--border-width: 1px; --border-style: none; --border-color:
9539rgb(var(--color-border-rgb) / 1.0); --border-radius: 0px; 
9540
9541    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
9542    --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
9543    
9544  "
9545  
9546  data-testid="group-block"
9547><div class="group-block__media-wrapper">
9548    
9549
9550
9551
9552    
9553  </div>
9554
9555  <div
9556    class="
9557      group-block-content
9558      
9559      layout-panel-flex
9560      layout-panel-flex--column
9561       mobile-column
9562    "
9563    style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;
9564
9565--gap: 6px;
9566
9567--horizontal-alignment: flex-start; --vertical-alignment: center;
9568--vertical-alignment-mobile: center;
9569"
9570  >
9571  
9572
9573
9574
9575
9576
9577
9578
9579
9580  <rte-formatter class=" spacing-style text-block text-block--AdUNqcUd5UjZaamE2c__text_TYADRK rte    text-block--align-left rte   "  style="    --padding-block-start: 20px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px;            --width: 100%;    --max-width: var(--max-width--body-normal);          --text-align: left;          ">
9581    <p>Cozmetica is Pakistan’s online beauty store for 100% original Korean skincare, makeup, haircare, and personal-care products from trusted international and local brands.</p>
9582  </rte-formatter>
9583
9584
9585
9586
9587
9588
9589
9590
9591
9592
9593
9594
9595
9596
9597
9598  <div class=" spacing-style text-block text-block--AMEZKS0lvU1BhU1JOT__text_LWt8Pz h4    text-block--align-left  "  style="    --padding-block-start: 20px; --padding-block-end:10px; --padding-inline-start:0px; --padding-inline-end:0px;            --width: 100%;    --max-width: var(--max-width--body-normal);          --text-align: left;          ">
9599    <h2>Join our email list</h2>
9600  </div>
9601
9602
9603
9604
9605
9606
9607
9608
9609
9610
9611
9612
9613
9614
9615
9616
9617<div
9618  class="email-signup-block size-style spacing-style"
9619  style="
9620    --size-style-width: 100%;--size-style-height: ;
9621    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
9622  "
9623  
9624>
9625  
9626<form method="post" action="/contact#contact_form" id="contact_form" accept-charset="UTF-8" class="email-signup__form spacing-style"><input type="hidden" name="form_type" value="customer" /><input type="hidden" name="utf8" value="✓" />
9627    
9628<div
9629      class="email-signup__input-group email-signup__input-group--integrated email-signup__input-group--arrow"
9630      style="
9631        --border-width: 1px;
9632        --border-radius: 100px;
9633        --color-input-background: #ffffff; --color-input-text: #333333; --color-input-text-rgb: 51 51 51; --color-input-border: #DFDFDF;
9634      "
9635    >
9636      <label
9637        for="EmailInput-ATEhVcXdJS1dmbkJPR__email_signup_8h6DgV"
9638        class="visually-hidden"
9639      >
9640        Email
9641      </label>
9642      <input
9643        id="EmailInput-ATEhVcXdJS1dmbkJPR__email_signup_8h6DgV"
9644        class="email-signup__input email-signup__input--all paragraph "
9645        type="email"
9646        name="contact[email]"
9647        autocorrect="off"
9648        autocapitalize="off"
9649        autocomplete="email"
9650        placeholder="Email address"
9651        required
9652        
9653      >
9654      <button
9655        class="email-signup__button email-signup__button--integrated email-signup__button--arrow paragraph button-unstyled button-unstyled--ATEhVcXdJS1dmbkJPR__email_signup_8h6DgV"
9656        
9657          aria-label="Sign up"
9658        
9659      >
9660        
9661          <svg
9662            viewBox="0 0 20 20"
9663            xmlns="http://www.w3.org/2000/svg"
9664            focusable="false"
9665            aria-hidden="true"
9666            class="email-signup__button-icon"
9667          >
9668            
9669
9670
9671<path
9672      clip-rule="evenodd"
9673      d="m11.246 5.31759c.0322-.07821.0833-.14723.1486-.20093.0654-.0537.143-.09041.2259-.10686.083-.01645.1688-.01214.2497.01257.0808.0247.1544.06902.214.12902l4.104 4.104c.0478.04765.0857.10426.1115.16659.0259.06232.0392.12913.0392.19661 0 .06747-.0133.13429-.0392.19661-.0258.06233-.0637.11893-.1115.16659l-4.104 4.10401c-.0963.0963-.227.1504-.3632.1504s-.2669-.0541-.3632-.1504-.1504-.227-.1504-.3632.0541-.2669.1504-.3632l3.2288-3.2278h-11.0736c-.13606 0-.26654-.0541-.36275-.15027-.0962-.0962-.15025-.22669-.15025-.36274 0-.13606.05405-.26654.15025-.36275.09621-.0962.22669-.15025.36275-.15025h11.0736l-3.2288-3.2278c-.0721-.07178-.1212-.16335-.1411-.2631s-.0097-.20316.0293-.2971z"
9674      fill="currentColor"
9675      fill-rule="evenodd"
9676    />
9677          </svg>
9678        
9679      </button>
9680    </div></form>
9681</div>
9682
9683
9684
9685
9686
9687
9688
9689
9690
9691
9692
9693
9694
9695  <rte-formatter class=" spacing-style text-block text-block--AbXhDbk1SWVpQU3YrS__text_f9CFLH rte    text-block--align-left rte   "  style="    --padding-block-start: 20px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px;            --width: 100%;    --max-width: var(--max-width--body-normal);          --text-align: left;          ">
9696    <p>Get exclusive deals and early access to new products.</p>
9697  </rte-formatter>
9698
9699
9700
9701
9702
9703
9704
9705
9706
9707
9708
9709
9710
9711
9712
9713  <rte-formatter class=" spacing-style text-block text-block--ATnEwaXdNd3RWa3Axb__text_J9Yf9w rte    text-block--align-left rte   "  style="    --padding-block-start: 20px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px;            --width: 100%;    --max-width: var(--max-width--body-normal);          --text-align: left;          ">
9714    <p>Address: 75XX - Khayaban-e-Iqbal DHA Phase 3<br/>Lahore - 54000 - </p><p>WhatsApp: <a href="https://wa.me/923001269266">0300-1269266</a></p>
9715  </rte-formatter>
9716
9717
9718
9719
9720
9721
9722
9723</div>
9724</div>
9725
9726
9727
9728
9729
9730
9731
9732
9733
9734
9735  
9736
9737
9738
9739
9740
9741
9742  <accordion-custom
9743  
9744    class="menu"
9745  
9746  
9747  
9748    open-by-default-on-desktop
9749  
9750  
9751    open-by-default-on-mobile
9752  
9753  
9754    data-disable-on-desktop="true"
9755  
9756  
9757    data-disable-on-mobile="true"
9758  
9759  
9760  
9761  
9762>
9763  
9764    <details
9765      class="
9766        menu__details
9767        spacing-style
9768        
9769      "
9770      data-testid="menu-details"
9771      style="
9772        --spacing--size: 12px;
9773        --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
9774      "
9775      
9776        open
9777      
9778      
9779    >
9780      <summary class="menu__heading h4">
9781        <span class="menu__heading__default">Information & Policies</span>
9782        <span class="menu__heading__accordion">
9783          Information & Policies
9784          
9785            <span class="menu__heading__toggle svg-wrapper icon-caret icon-animated"><svg aria-hidden="true" width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
9786  <path d="M11 5.5L7 9.5L3 5.5" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
9787</svg>
9788</span>
9789          
9790        </span>
9791      </summary>
9792
9793      <nav
9794        class="details-content"
9795        
9796      >
9797        
9798          <ul class="list-unstyled">
9799            
9800              <li class="menu__item paragraph">
9801                <a href="/pages/about-cozmetica">
9802                  About Us
9803                </a>
9804              </li>
9805            
9806              <li class="menu__item paragraph">
9807                <a href="/pages/contact-us">
9808                  Contact Us
9809                </a>
9810              </li>
9811            
9812              <li class="menu__item paragraph">
9813                <a href="/pages/faqs">
9814                  FAQs
9815                </a>
9816              </li>
9817            
9818              <li class="menu__item paragraph">
9819                <a href="/policies/terms-of-service">
9820                  Terms & Conditions
9821                </a>
9822              </li>
9823            
9824              <li class="menu__item paragraph">
9825                <a href="/pages/shipping-returns">
9826                  Exchange & Return Policy
9827                </a>
9828              </li>
9829            
9830              <li class="menu__item paragraph">
9831                <a href="/policies/refund-policy">
9832                  Refund policy
9833                </a>
9834              </li>
9835            
9836              <li class="menu__item paragraph">
9837                <a href="https://cozmeticaa.returnsdrive.com">
9838                  Return Application
9839                </a>
9840              </li>
9841            
9842              <li class="menu__item paragraph">
9843                <a href="/blogs/news">
9844                  Blogs By Cozmetica
9845                </a>
9846              </li>
9847            
9848              <li class="menu__item paragraph">
9849                <a href="/pages/affiliate-program">
9850                  Affiliate Program
9851                </a>
9852              </li>
9853            
9854              <li class="menu__item paragraph">
9855                <a href="/pages/hassle-free-return">
9856                  #Hassel Free Returns
9857                </a>
9858              </li>
9859            
9860          </ul>
9861        
9862      </nav>
9863    </details>
9864  
9865</accordion-custom>
9866
9867
9868
9869
9870
9871
9872
9873
9874
9875  </div>
9876</div>
9877
9878
9879
9880
9881</div><div id="shopify-section-sections--21036522897569__footer_utilities_jLGE8U" class="shopify-section shopify-section-group-footer-group footer-utilities">
9882
9883
9884
9885
9886
9887
9888  <style data-shopify>
9889    .color-custom-sections--21036522897569__footer_utilities_jLGE8U,
9890    .color-custom-sections--21036522897569__footer_utilities_jLGE8U .text-block {
9891      /* Background */
9892      --color-background: #ffffff;
9893      --color-background-rgb: 255 255 255;
9894
9895      /* Opacity values adjusted for background brightness */
9896      
9897--opacity-5-15: 0.05; --opacity-10-25: 0.1; --opacity-35-55: 0.35; --opacity-40-60:
98980.4; --opacity-30-60: 0.3; --opacity-60: 0.6;
9899
9900
9901      
9902        /* Foreground / text — explicit or smart-contrasted */
9903        --color: #000000;
9904        --color-rgb: 0 0 0;
9905        --color-foreground: #000000;
9906        --color-foreground-rgb: 0 0 0;
9907        --color-foreground-muted: rgb(0 0 0 / var(--opacity-muted-text));
9908        --color-foreground-subdued: rgb(0 0 0 / var(--opacity-subdued-text));
9909        --color-border: var(--palette-darkest);
9910        --color-border-rgb: var(--palette-darkest-rgb);
9911      
9912    }
9913
9914    
9915      .color-custom-sections--21036522897569__footer_utilities_jLGE8U {
9916        /* Form-related tokens stay on .color-custom only — .text-block is a prose
9917           container (text/announcement/inline-text/blog-post-description/
9918           collection-link/price/sku) and never holds form inputs. */
9919        --input-disabled-background-color: rgb(0 0 0 / var(--opacity-10));
9920        --input-disabled-border-color: rgb(0 0 0 / var(--opacity-5));
9921        --input-disabled-text-color: rgb(0 0 0 / var(--opacity-50));
9922        --checkbox-border: 1px solid rgb(0 0 0 / var(--opacity-35-55));
9923      }
9924    
9925
9926    .color-custom-sections--21036522897569__footer_utilities_jLGE8U {
9927      color: var(--color, var(--color-foreground));
9928      background-color: var(--color-background);
9929    }
9930  </style>
9931
9932
9933
9934<div
9935  class="section-background color-custom-sections--21036522897569__footer_utilities_jLGE8U"
9936></div>
9937<div
9938  class="section section--page-width color-custom-sections--21036522897569__footer_utilities_jLGE8U"
9939  
9940>
9941  <div
9942    class="utilities utilities--blocks-3 spacing-style"
9943    style="--padding-block-start: 20px;--padding-block-end: max(20px, calc(var(--spacing-scale) * 48px)); --border-width: 1px; --divider-color: #DFDFDF; --gap: 24px;"
9944    data-testid="footer-utilities"
9945  >
9946    
9947
9948<div
9949  class="
9950    footer-utilities__group-copyright
9951    custom-typography
9952    custom-font-size
9953  "
9954  style="
9955    
9956--font-size: 0.75rem;      --font-weight: ;--font-family: ;    --text-transform: none;    --text-wrap: pretty;          --line-height: var(--line-height--body-);        --letter-spacing: var(--letter-spacing--body-);
9957    
9958  "
9959  
9960>
9961  <span class="footer-utilities__text">
9962    &copy; 2026
9963    <a href="/" title="">Cozmetica</a></span>
9964</div>
9965
9966
9967
9968
9969
9970
9971  <anchored-popover-component
9972    data-hover-triggered="true"
9973  >
9974    <button
9975      class="policy-list-trigger button-unstyled"
9976      popovertarget="terms-policies-popover"
9977      popovertargetaction="toggle"
9978      ref="trigger"
9979      style="
9980        
9981--font-size: 0.75rem;      --font-weight: ;--font-family: ;    --text-transform: none;    --text-wrap: pretty;          --line-height: var(--line-height--body-);        --letter-spacing: var(--letter-spacing--body-);
9982        
9983      "
9984      
9985    >
9986      Terms and Policies
9987    </button>
9988    <div
9989      class="terms-policies-popover color-custom-popover"
9990      id="terms-policies-popover"
9991      popover="auto"
9992      ref="popover"
9993    >
9994      <ul
9995        class="
9996          policy_list list-unstyled
9997          custom-typography
9998          custom-font-size
9999        "
10000      ><li>
10001              <a
10002                href="/policies/refund-policy"
10003                class="footer-utilities__text"
10004              >Refund policy</a>
10005            </li><li>
10006              <a
10007                href="/policies/privacy-policy"
10008                class="footer-utilities__text"
10009              >Privacy policy</a>
10010            </li><li>
10011              <a
10012                href="/policies/terms-of-service"
10013                class="footer-utilities__text"
10014              >Terms of service</a>
10015            </li><li>
10016              <a
10017                href="/policies/shipping-policy"
10018                class="footer-utilities__text"
10019              >Shipping policy</a>
10020            </li></ul>
10021    </div>
10022  </anchored-popover-component>
10023
10024
10025
10026
10027
10028
10029<div
10030  class="social-icons__wrapper social-icons__wrapper--AcFpDZi9WelE0eEZ4M__social_links_Ew63Kq"
10031  
10032>
10033  
10034    <style data-shopify>
10035      .social-icons__wrapper--AcFpDZi9WelE0eEZ4M__social_links_Ew63Kq {
10036        --color-utilities: #000000;
10037      }
10038    </style>
10039  
10040  
10041
10042  
10043    
10044
10045    
10046    
10047      
10048        <div
10049          class="social-icons__icon-wrapper"
10050        >
10051          <a
10052            href="https://www.facebook.com/cozmeticapk/"
10053            target="_blank"
10054            rel="noopener noreferrer"
10055            aria-label="Facebook"
10056            
10057          >
10058            <span class="social-icons__icon-label">Facebook</span>
10059            
10060              <svg
10061                class="social-icons__icon icon-default"
10062                aria-hidden="true"
10063                focusable="false"
10064                xmlns="http://www.w3.org/2000/svg"
10065                viewBox="0 0 20 20"
10066              >
10067
10068
10069<path d="M18 10.049C18 5.603 14.419 2 10 2c-4.419 0-8 3.603-8 8.049C2 14.067 4.925 17.396 8.75 18v-5.624H6.719v-2.328h2.03V8.275c0-2.017 1.195-3.132 3.023-3.132.874 0 1.79.158 1.79.158v1.98h-1.009c-.994 0-1.303.621-1.303 1.258v1.51h2.219l-.355 2.326H11.25V18c3.825-.604 6.75-3.933 6.75-7.951Z" /></svg>
10070            
10071          </a>
10072        </div>
10073      
10074    
10075  
10076    
10077
10078    
10079    
10080      
10081    
10082  
10083    
10084
10085    
10086    
10087      
10088        <div
10089          class="social-icons__icon-wrapper"
10090        >
10091          <a
10092            href="https://www.youtube.com/@cozmeticapk"
10093            target="_blank"
10094            rel="noopener noreferrer"
10095            aria-label="Youtube"
10096            
10097          >
10098            <span class="social-icons__icon-label">Youtube</span>
10099            
10100              <svg
10101                class="social-icons__icon icon-default"
10102                aria-hidden="true"
10103                focusable="false"
10104                xmlns="http://www.w3.org/2000/svg"
10105                viewBox="0 0 20 20"
10106              >
10107
10108
10109<path d="M18.16 5.87c.34 1.309.34 4.08.34 4.08s0 2.771-.34 4.08a2.125 2.125 0 0 1-1.53 1.53c-1.309.34-6.63.34-6.63.34s-5.321 0-6.63-.34a2.125 2.125 0 0 1-1.53-1.53c-.34-1.309-.34-4.08-.34-4.08s0-2.771.34-4.08a2.173 2.173 0 0 1 1.53-1.53C4.679 4 10 4 10 4s5.321 0 6.63.34a2.173 2.173 0 0 1 1.53 1.53ZM8.3 12.5l4.42-2.55L8.3 7.4v5.1Z" /></svg>
10110            
10111          </a>
10112        </div>
10113      
10114    
10115  
10116    
10117
10118    
10119    
10120      
10121    
10122  
10123    
10124
10125    
10126    
10127  
10128    
10129
10130    
10131    
10132  
10133    
10134
10135    
10136    
10137      
10138        <div
10139          class="social-icons__icon-wrapper"
10140        >
10141          <a
10142            href="https://www.linkedin.com/company/cozcom/"
10143            target="_blank"
10144            rel="noopener noreferrer"
10145            aria-label="Linkedin"
10146            
10147          >
10148            <span class="social-icons__icon-label">Linkedin</span>
10149            
10150              <svg
10151                class="social-icons__icon icon-default"
10152                aria-hidden="true"
10153                focusable="false"
10154                xmlns="http://www.w3.org/2000/svg"
10155                viewBox="0 0 20 20"
10156              >
10157
10158
10159<path
10160      fill-rule="evenodd"
10161      clip-rule="evenodd"
10162      d="M16.8411 2H3.2061C2.5539 2 2 2.51581 2 3.15124V16.848C2 17.4842 2.36343 18 3.01562 18H16.6507C17.3036 18 18 17.4842 18 16.848V3.15124C18 2.51581 17.4941 2 16.8411 2ZM8.09524 8.09524H10.2491V9.19314H10.2728C10.6011 8.60114 11.571 8 12.7703 8C15.072 8 15.7143 9.2221 15.7143 11.4857V15.7143H13.4286V11.9025C13.4286 10.8891 13.024 10 12.0777 10C10.9288 10 10.381 10.7779 10.381 12.0549V15.7143H8.09524V8.09524ZM4.28571 15.7143H6.57143V8.09524H4.28571V15.7143ZM6.85714 5.42857C6.85714 6.2179 6.2179 6.85714 5.42857 6.85714C4.63924 6.85714 4 6.2179 4 5.42857C4 4.63924 4.63924 4 5.42857 4C6.2179 4 6.85714 4.63924 6.85714 5.42857Z"
10163      fill="currentColor"
10164    /></svg>
10165            
10166          </a>
10167        </div>
10168      
10169    
10170  
10171    
10172
10173    
10174    
10175  
10176    
10177
10178    
10179    
10180  
10181    
10182
10183    
10184    
10185      
10186        <div
10187          class="social-icons__icon-wrapper"
10188        >
10189          <a
10190            href="https://www.pinterest.com/cozmeticapk/"
10191            target="_blank"
10192            rel="noopener noreferrer"
10193            aria-label="Pinterest"
10194            
10195          >
10196            <span class="social-icons__icon-label">Pinterest</span>
10197            
10198              <svg
10199                class="social-icons__icon icon-default"
10200                aria-hidden="true"
10201                focusable="false"
10202                xmlns="http://www.w3.org/2000/svg"
10203                viewBox="0 0 20 20"
10204              >
10205
10206
10207<path d="M10 2.01c2.124.01 4.16.855 5.666 2.353a8.087 8.087 0 0 1 1.277 9.68A7.952 7.952 0 0 1 10 18.04a8.164 8.164 0 0 1-2.276-.307c.403-.653.672-1.24.816-1.729l.567-2.2c.134.27.393.5.768.702.384.192.768.297 1.19.297.836 0 1.585-.24 2.248-.72a4.678 4.678 0 0 0 1.537-1.969c.37-.89.554-1.848.537-2.813 0-1.249-.48-2.315-1.43-3.227a5.061 5.061 0 0 0-3.65-1.374c-.893 0-1.729.154-2.478.461a5.023 5.023 0 0 0-3.236 4.552c0 .72.134 1.355.413 1.902.269.538.672.922 1.22 1.152.096.039.182.039.25 0 .066-.028.114-.096.143-.192l.173-.653c.048-.144.02-.288-.105-.432a2.257 2.257 0 0 1-.548-1.565 3.803 3.803 0 0 1 3.976-3.861c1.047 0 1.863.288 2.44.855.585.576.883 1.315.883 2.228 0 .768-.106 1.479-.317 2.122a3.813 3.813 0 0 1-.893 1.556c-.384.384-.836.576-1.345.576-.413 0-.749-.144-1.018-.451-.259-.307-.345-.672-.25-1.085.147-.514.298-1.026.452-1.537l.173-.701c.057-.25.086-.451.086-.624 0-.346-.096-.634-.269-.855-.192-.22-.451-.336-.797-.336-.432 0-.797.192-1.085.595-.288.394-.442.893-.442 1.499.005.374.063.746.173 1.104l.058.144c-.576 2.478-.913 3.938-1.037 4.36-.116.528-.154 1.153-.125 1.863A8.067 8.067 0 0 1 2 10.03c0-2.208.778-4.11 2.343-5.666A7.721 7.721 0 0 1 10 2.001v.01Z" /></svg>
10208            
10209          </a>
10210        </div>
10211      
10212    
10213  
10214    
10215
10216    
10217    
10218  
10219    
10220
10221    
10222    
10223  
10224    
10225
10226    
10227    
10228  
10229</div>
10230
10231
10232
10233
10234
10235  </div>
10236</div>
10237
10238
10239
10240
10241</div>
10242<!-- END sections: footer-group -->
10243      </footer>
10244    </div>
10245
10246    
10247
10248    <div
10249      id="shopify-section-cart-drawer-section"
10250      class="shopify-section"
10251    >
10252  
10253
10254  
10254<script
10255    type="module"
10256    src="//cozmetica.pk/cdn/shop/t/140/assets/cart-drawer.js?v=101430053943909765251785524563"
10257    fetchpriority="low"
10258  ></script>
10258
10259
10260  
10261
10262  <theme-drawer
10263    id="cart-drawer"
10264    data-skip-node-update
10265  >
10266    <dialog
10267      ref="panel"
10268      class="theme-drawer__dialog color-custom-drawer"
10269      aria-labelledby="cart-drawer-heading"
10270      cart-summary-sticky="true"
10271    >
10272      <cart-drawer-component
10273        
10274          auto-open
10275        
10276      >
10277        <template id="empty-cart-template">
10278          
10279    <div
10280      class="cart-drawer__content"
10281      aria-label="Cart"
10282    >
10283      <h2
10284        class="theme-drawer__title h4"
10285        id="cart-drawer-heading"
10286      >
10287        Your cart is empty
10288      </h2>
10289
10290      <div class="cart-drawer__items">
10291        
10292
10293
10294<script
10295  src="//cozmetica.pk/cdn/shop/t/140/assets/component-cart-items.js?v=14476580701730542761785524563"
10296  type="module"
10297  fetchpriority="low"
10298></script>
vendor: 1 bytes, line 10298
10298
10299<script
10300  src="//cozmetica.pk/cdn/shop/t/140/assets/component-cart-quantity-selector.js?v=168493463479860323171785524563"
10301  type="module"
10302  fetchpriority="low"
10303></script>
vendor: 1 bytes, line 10303
10303
10304<script
10305  src="//cozmetica.pk/cdn/shop/t/140/assets/volume-pricing-info.js?v=94479640769665442661785524563"
10306  type="module"
10307  fetchpriority="low"
10308></script>
10308
10309
10310
10311
10312
10313<div
10314  
10315  class="cart-items__wrapper cart-items__wrapper--drawer-empty"
10316  
10317    data-cart-drawer-empty
10318  
10319  style=""
10320>
10321  
10322<p>
10323        Have an account? <a href="https://cozmetica.pk/customer_authentication/redirect?locale=en&region_country=PK">Log in</a> to check out faster.
10324      </p><a
10325      class="button cart-items__empty-button"
10326      href="/collections/all"
10327    >
10328      <span class="button-text">
10329        Continue shopping
10330      </span>
10331    </a></div>
10332
10333
10334
10335      </div>
10336    </div>
10337    
10338        </template>
10339
10340        <div
10341          class="cart-drawer__inner cart-drawer--empty"
10342          data-hydration-key="cart-drawer-inner"
10343        ><div class="theme-drawer__header">
10344              <button
10345                on:click="#cart-drawer/close"
10346                class="theme-drawer__close-button cart-drawer__close-button--empty"
10347                type="button"
10348                aria-label="Close"
10349              >
10350                <span class="svg-wrapper"><svg aria-hidden="true" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
10351<path d="M11.1765 12.025C11.4108 12.2594 11.7907 12.2594 12.025 12.025C12.2594 11.7907 12.2594 11.4108 12.025 11.1765L8.84931 8.00078L12.025 4.82505C12.2594 4.59073 12.2594 4.21083 12.025 3.97652C11.7907 3.7422 11.4108 3.7422 11.1765 3.97652L8.00078 7.15225L4.82505 3.97652C4.59073 3.7422 4.21083 3.7422 3.97652 3.97652C3.7422 4.21083 3.7422 4.59073 3.97652 4.82505L7.15225 8.00078L3.97652 11.1765C3.7422 11.4108 3.7422 11.7907 3.97652 12.025C4.21083 12.2594 4.59073 12.2594 4.82505 12.025L8.00078 8.84931L11.1765 12.025Z" fill="currentColor"/>
10352</svg>
10353</span>
10354              </button>
10355            </div>
10356          
10357
10358<cart-items-component
10359  class="cart-items-component"
10360  
10361    data-drawer
10362    view-event-trigger="dialog"
10363  
10364  data-section-id="cart-drawer-section"
10365  
10366  view-event-payload="{&quot;context&quot;:null,&quot;cart&quot;:null}"
10367  
10368>
10369  
10370
10371    <div
10372      class="cart-drawer__content"
10373      aria-label="Cart"
10374    >
10375      <h2
10376        class="theme-drawer__title h4"
10377        id="cart-drawer-heading"
10378      >
10379        Your cart is empty
10380      </h2>
10381
10382      <div class="cart-drawer__items">
10383        
10384
10385
10386<script
10387  src="//cozmetica.pk/cdn/shop/t/140/assets/component-cart-items.js?v=14476580701730542761785524563"
10388  type="module"
10389  fetchpriority="low"
10390></script>
vendor: 1 bytes, line 10390
10390
10391<script
10392  src="//cozmetica.pk/cdn/shop/t/140/assets/component-cart-quantity-selector.js?v=168493463479860323171785524563"
10393  type="module"
10394  fetchpriority="low"
10395></script>
vendor: 1 bytes, line 10395
10395
10396<script
10397  src="//cozmetica.pk/cdn/shop/t/140/assets/volume-pricing-info.js?v=94479640769665442661785524563"
10398  type="module"
10399  fetchpriority="low"
10400></script>
10400
10401
10402
10403
10404
10405<div
10406  
10407  class="cart-items__wrapper cart-items__wrapper--drawer-empty"
10408  
10409    data-cart-drawer-empty
10410  
10411  style=""
10412>
10413  
10414<p>
10415        Have an account? <a href="https://cozmetica.pk/customer_authentication/redirect?locale=en&region_country=PK">Log in</a> to check out faster.
10416      </p><a
10417      class="button cart-items__empty-button"
10418      href="/collections/all"
10419    >
10420      <span class="button-text">
10421        Continue shopping
10422      </span>
10423    </a></div>
10424
10425
10426
10427      </div>
10428    </div>
10429    
10430
10431</cart-items-component>
10432
10433
10434
10435        </div>
10436      </cart-drawer-component>
10437    </dialog>
10438  </theme-drawer>
10439
10440  
10441    </div>
10442  
10443
10444
10445    
10446
10447
10448
10449
10450
10451
10452<script
10453  type="module"
10454  src="//cozmetica.pk/cdn/shop/t/140/assets/theme-drawer.js?v=155110645205299884131785524563"
10455  fetchpriority="low"
10456></script>
10456
10457
10458<script>
10459  /* Runs synchronously during HTML parsing — opens the correct drawer on first
10460     paint if navigation state was saved, so it renders with the rest of the page. */
10461  (function () {
10462    var drawerIds = (sessionStorage.getItem('theme-drawer-open') || '').split(',').filter(Boolean);
10463    if (!drawerIds.length) return;
10464
10465    // Only restore on wide viewports (squeeze mode). On narrow viewports the
10466    // drawer is a modal overlay — let it start closed after navigation rather
10467    // than re-opening a fullscreen dialog the user may have left behind.
10468    if (!window.matchMedia('(min-width: 990px)').matches) return;
10469
10470    var dialogs = [];
10471    for (var i = 0; i < drawerIds.length; i++) {
10472      var drawer = document.getElementById(drawerIds[i]);
10473      if (!drawer) continue;
10474
10475      drawer.setAttribute('open', '');
10476
10477      // Set [open] directly so the CSS slide-in applies without triggering
10478      // the browser's dialog focusing steps — on wide viewports the drawer is
10479      // a sidebar, not a modal, so focus should stay where it is.
10480      // The instant class suppresses the slide-in transition for the initial restore.
10481      // Set --drawer-stack-order so z-index layering matches the original order.
10482      drawer.style.setProperty('--drawer-stack-order', String(i + 1));
10483
10484      var dialog = drawer.querySelector('dialog');
10485      if (dialog) {
10486        dialog.setAttribute('open', '');
10487        dialog.classList.add('theme-drawer__dialog-instant');
10488        dialogs.push(dialog);
10489      }
10490
10491      // Let each drawer type handle its own restore (e.g. shopify-chat mode).
10492      // Synchronous dispatch — listeners attached during earlier parsing run immediately.
10493      drawer.dispatchEvent(new CustomEvent('theme-drawer:restoring'));
10494    }
10495
10496    // Apply squeeze immediately, bypassing the margin transition.
10497    // Only squeeze if at least one drawer was actually restored — saved
10498    // drawer IDs may not exist on every page (e.g. cart-drawer on /cart).
10499    var pageWrapper = document.querySelector('.page-wrapper');
10500    if (pageWrapper && dialogs.length > 0) {
10501      pageWrapper.style.transition = 'none';
10502      pageWrapper.classList.add('page-wrapper--drawer-open');
10503    }
10504
10505    // Re-enable transitions after one paint so the instant state is rendered first.
10506    requestAnimationFrame(function () {
10507      requestAnimationFrame(function () {
10508        if (pageWrapper) pageWrapper.style.transition = '';
10509        for (var j = 0; j < dialogs.length; j++) {
10510          dialogs[j].classList.remove('theme-drawer__dialog-instant');
10511        }
10512      });
10513    });
10514  })();
10515</script>
10515
10516
10517<script
10518  type="module"
10519>
10520  const pageWrapper = document.querySelector('.page-wrapper');
10521  const squeezeQuery = window.matchMedia('(min-width: 990px)');
10522
10523  // ── Squeeze coordination ──
10524  // Listens to all drawers. Only squeezes on wide viewports.
10525  document.addEventListener('theme-drawer:open', () => {
10526    if (squeezeQuery.matches) {
10527      pageWrapper?.classList.add('page-wrapper--drawer-open');
10528    }
10529  });
10530
10531  document.addEventListener('theme-drawer:close', () => {
10532    const openDrawer = document.querySelector('theme-drawer[open]');
10533    if (!openDrawer) {
10534      pageWrapper?.classList.remove('page-wrapper--drawer-open');
10535    }
10536  });
10537
10538  squeezeQuery.addEventListener('change', () => {
10539    const openDrawer = document.querySelector('theme-drawer[open]');
10540    pageWrapper?.classList.toggle('page-wrapper--drawer-open', Boolean(openDrawer) && squeezeQuery.matches);
10541  });
10542
10543  // ── State persistence ──
10544  // Store open drawer IDs sorted by their visual stack order so
10545  // the restore script can recreate the same z-index layering.
10546  function persistDrawerState() {
10547    const openDrawers = Array.from(document.querySelectorAll('theme-drawer[open]:not([no-persist])'));
10548    if (!openDrawers.length) {
10549      sessionStorage.removeItem('theme-drawer-open');
10550      return;
10551    }
10552
10553    openDrawers.sort((a, b) => {
10554      const orderA = Number(a.style.getPropertyValue('--drawer-stack-order') || 0);
10555      const orderB = Number(b.style.getPropertyValue('--drawer-stack-order') || 0);
10556      return orderA - orderB;
10557    });
10558
10559    sessionStorage.setItem('theme-drawer-open', openDrawers.map((d) => d.id).join(','));
10560  }
10561
10562  document.addEventListener('theme-drawer:open', persistDrawerState);
10563  document.addEventListener('theme-drawer:close', persistDrawerState);
10564</script>
10564
10565
10566
10567    
10568
10569
10570
10571
10572
10573<link href="//cozmetica.pk/cdn/shop/t/140/assets/predictive-search-modern.css?v=179285189886202397331785524563" rel="stylesheet" type="text/css" media="all" />
10574
10575<script
10576  src="//cozmetica.pk/cdn/shop/t/140/assets/dialog.js?v=144816527575655702281785524563"
10577  type="module"
10578></script>
10578
10579
10580<script
10581  src="//cozmetica.pk/cdn/shop/t/140/assets/predictive-search.js?v=77975041733501702431785524563"
10582  type="module"
10583  fetchpriority="low"
10584></script>
10584
10585
10586<dialog-component
10587  id="search-modal"
10588  class="search-modal"
10589  
10590>
10591  <dialog
10592    ref="dialog"
10593    on:click="/closeDialogOnClickOutside"
10594    on:keydown="/closeDialogOnEscapePress"
10595    class="search-modal__content dialog-modal"
10596    scroll-lock
10597    aria-labelledby="search-modal-heading"
10598  >
10599    <h2
10600      id="search-modal-heading"
10601      class="visually-hidden"
10602    >
10603      Search
10604    </h2>
10605    <predictive-search-component
10606      class="predictive-search color-custom-popover"
10607      style="--product-corner-radius: 0px; --card-corner-radius: 0px; --title-case: uppercase;"
10608      data-section-id="predictive-search"
10609      data-testid="search-component--modal"
10610      role="search"
10611      aria-label="Search"
10612    >
10613      <form
10614        action="/search"
10615        method="get"
10616        role="search"
10617        class="predictive-search-form"
10618        ref="form"
10619        on:keydown="/onSearchKeyDown"
10620      >
10621        <div
10622          class="predictive-search-form__header"
10623        >
10624          <div class="predictive-search-form__header-inner">
10625            <label
10626              for="cmdk-input"
10627              class="visually-hidden"
10628            >Search</label>
10629            <input
10630              class="search-input"
10631              id="cmdk-input"
10632              type="search"
10633              name="q"
10634              role="combobox"
10635              aria-expanded="false"
10636              aria-owns="predictive-search-results"
10637              aria-controls="predictive-search-results"
10638              aria-haspopup="listbox"
10639              aria-autocomplete="list"
10640              autocomplete="off"
10641              placeholder="Search"
10642              ref="searchInput"
10643              on:input="/search"
10644              on:keydown="/onSearchKeyDown"
10645            >
10646            <input
10647              name="options[prefix]"
10648              type="hidden"
10649              value="last"
10650            >
10651            <span class="svg-wrapper predictive-search__icon">
10652              <svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><circle cx="9" cy="9" r="4.75" stroke="currentColor" stroke-width="var(--icon-stroke-width)"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="m12.5 12.5 3.25 3.25"/></svg>
10653
10654            </span>
10655            <button
10656              type="button"
10657              class="button-unstyled predictive-search__reset-button"
10658              ref="resetButton"
10659              hidden
10660              on:click="/resetSearch"
10661            >
10662              Clear
10663            </button>
10664            <kbd class="predictive-search__kbd-hint" aria-hidden="true">esc</kbd>
10665          </div>
10666          <button
10667            type="button"
10668            class="button predictive-search__close-modal-button"
10669            aria-label="Close dialog"
10670            on:click="dialog-component/closeDialog"
10671            ref="closeModalButton"
10672          >
10673            <span class="svg-wrapper">
10674              <svg aria-hidden="true" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
10675<path d="M11.1765 12.025C11.4108 12.2594 11.7907 12.2594 12.025 12.025C12.2594 11.7907 12.2594 11.4108 12.025 11.1765L8.84931 8.00078L12.025 4.82505C12.2594 4.59073 12.2594 4.21083 12.025 3.97652C11.7907 3.7422 11.4108 3.7422 11.1765 3.97652L8.00078 7.15225L4.82505 3.97652C4.59073 3.7422 4.21083 3.7422 3.97652 3.97652C3.7422 4.21083 3.7422 4.59073 3.97652 4.82505L7.15225 8.00078L3.97652 11.1765C3.7422 11.4108 3.7422 11.7907 3.97652 12.025C4.21083 12.2594 4.59073 12.2594 4.82505 12.025L8.00078 8.84931L11.1765 12.025Z" fill="currentColor"/>
10676</svg>
10677
10678            </span>
10679          </button>
10680        </div>
10681
10682        <div class="predictive-search-form__content-wrapper">
10683          <div
10684            class="predictive-search-form__content"
10685            ref="predictiveSearchResults"
10686            on:click="/handleModalClick"
10687          >
10688            
10689
10690<div
10691  id="predictive-search-results"
10692  class="predictive-search-dropdown"
10693  role="listbox"
10694  aria-expanded="true"
10695  style="--color-shadow: rgb(var(--color-foreground-rgb) / 0.1);"
10696>
10697  
10698    <div class="predictive-search-results__inner">
10699      
10700      
10701        
10702        
10703        
10704          <div
10705  id="predictive-search-products"
10706  class="predictive-search-results__products"
10707  
10708    data-testid="products-list-default--modal"
10709  
10710>
10711  
10712    <h4 class="predictive-search-results__title">
10713      Products
10714    </h4>
10715    <ul
10716      class="predictive-search-results__list predictive-search-results__wrapper-products list-unstyled"
10717    >
10718      
10719      
10720        <li
10721          class="predictive-search-results__card predictive-search-results__card--product"
10722          ref="resultsItems[]"
10723        >
10724          
10725<product-component
10726    class="resource-card__wrapper"
10727    
10728    
10729    view-event-payload="{&quot;product&quot;:{&quot;id&quot;:6860983894177,&quot;title&quot;:&quot;Maybelline Fit Me Matte \u0026 Poreless Liquid Foundation | Extra Coverage&quot;,&quot;handle&quot;:&quot;maybelline-ny-fit-me-matte-poreless-liquid-foundation&quot;,&quot;selectedVariant&quot;:null},&quot;context&quot;:&quot;search&quot;,&quot;selectedOptions&quot;:[]}"
10730    
10731  ><div
10732  class="resource-card"
10733  data-resource-type="product"
10734>
10735  <a
10736    class="resource-card__link"
10737    href="/products/maybelline-ny-fit-me-matte-poreless-liquid-foundation"
10738  >
10739    <span class="visually-hidden">
10740      Maybelline Fit Me Matte & Poreless Liquid Foundation | Extra Coverage
10741    </span>
10742  </a>
10743  <div
10744    class="resource-card__media"
10745    style="--resource-card-aspect-ratio: 4 / 5;"
10746    
10747  >
10748      
10749      
10750
10751        <img src="//cozmetica.pk/cdn/shop/products/ShadeGuide.jpg?v=1776409336&amp;width=500" alt="Maybelline Fit Me Matte &amp; Poreless Liquid Foundation | Extra Coverage - Premium Foundations &amp; Concealers from Maybelline - Just Rs 2099! Shop now at Cozmetica" srcset="//cozmetica.pk/cdn/shop/products/ShadeGuide.jpg?v=1776409336&amp;width=240 240w, //cozmetica.pk/cdn/shop/products/ShadeGuide.jpg?v=1776409336&amp;width=352 352w" width="500" height="500" loading="lazy" class="resource-card__image" sizes="auto" ref="" style="object-position: 50.0% 50.0%;">
10752
10753          <img src="//cozmetica.pk/cdn/shop/files/FITME110.webp?v=1775569635&amp;width=500" alt="Maybelline Fit Me Matte &amp; Poreless Liquid Foundation | Extra Coverage" srcset="//cozmetica.pk/cdn/shop/files/FITME110.webp?v=1775569635&amp;width=240 240w, //cozmetica.pk/cdn/shop/files/FITME110.webp?v=1775569635&amp;width=352 352w" width="500" height="500" loading="lazy" class="resource-card__image resource-card__image--secondary" sizes="auto" ref="" data-media-id="36466792136865" style="object-position: 50.0% 50.0%;">
10754</div>
10755
10756  <div class="resource-card__content">
10757    <p class="resource-card__title paragraph">Maybelline Fit Me Matte & Poreless Liquid Foundation | Extra Coverage</p>
10758
10759    
10760      <div ref="priceContainer">
10761  
10762    
10763    <div
10764      class="
10765        price__regular
10766        
10767          price__hidden
10768        
10769      "
10770    >
10771      <span class="price">Rs.2,624</span>
10772    </div>
10773    <div
10774      class="
10775        price__sale
10776        
10777      "
10778    >
10779      
10780        <span class="price-item__group">
10781          <span class="visually-hidden">Regular price&nbsp;</span>
10782          <span class="price-item--regular compare-at-price">Rs.3,499</span>
10783        </span>
10784        <span class="price-item__group">
10785          <span class="visually-hidden">Sale price&nbsp;</span>
10786          <span class="price-item--sale price">Rs.2,624</span>
10787        </span>
10788      
10789    </div>
10790  
10791</div>
10792    
10793  </div>
10794</div></product-component>
10795
10796        </li>
10797      
10798        <li
10799          class="predictive-search-results__card predictive-search-results__card--product"
10800          ref="resultsItems[]"
10801        >
10802          
10803<product-component
10804    class="resource-card__wrapper"
10805    
10806    
10807    view-event-payload="{&quot;product&quot;:{&quot;id&quot;:6000027631777,&quot;title&quot;:&quot;Artdeco Mineral Eye Styler&quot;,&quot;handle&quot;:&quot;artdeco-mineral-eye-styler&quot;,&quot;selectedVariant&quot;:null},&quot;context&quot;:&quot;search&quot;,&quot;selectedOptions&quot;:[]}"
10808    
10809  ><div
10810  class="resource-card"
10811  data-resource-type="product"
10812>
10813  <a
10814    class="resource-card__link"
10815    href="/products/artdeco-mineral-eye-styler"
10816  >
10817    <span class="visually-hidden">
10818      Artdeco Mineral Eye Styler
10819    </span>
10820  </a>
10821  <div
10822    class="resource-card__media"
10823    style="--resource-card-aspect-ratio: 4 / 5;"
10824    
10825  >
10826      
10827      
10828
10829        <img src="//cozmetica.pk/cdn/shop/products/ART92.jpg?v=1699330336&amp;width=500" alt="Artdeco Mineral Eye Styler - Premium - from Artdeco - Just Rs 2330! Shop now at Cozmetica" srcset="//cozmetica.pk/cdn/shop/products/ART92.jpg?v=1699330336&amp;width=240 240w, //cozmetica.pk/cdn/shop/products/ART92.jpg?v=1699330336&amp;width=352 352w" width="500" height="500" loading="lazy" class="resource-card__image" sizes="auto" ref="" style="object-position: 50.0% 50.0%;">
10830
10831          <img src="//cozmetica.pk/cdn/shop/products/59.jpg?v=1699330339&amp;width=500" alt="Artdeco Mineral Eye Styler - Premium - from Artdeco - Just Rs 2330! Shop now at Cozmetica" srcset="//cozmetica.pk/cdn/shop/products/59.jpg?v=1699330339&amp;width=240 240w, //cozmetica.pk/cdn/shop/products/59.jpg?v=1699330339&amp;width=352 352w" width="500" height="500" loading="lazy" class="resource-card__image resource-card__image--secondary" sizes="auto" ref="" data-media-id="27711339266209" style="object-position: 50.0% 50.0%;">
10832</div>
10833
10834  <div class="resource-card__content">
10835    <p class="resource-card__title paragraph">Artdeco Mineral Eye Styler</p>
10836
10837    
10838      <div ref="priceContainer">
10839  
10840    
10841    <div
10842      class="
10843        price__regular
10844        
10845      "
10846    >
10847      <span class="price">Rs.3,500</span>
10848    </div>
10849    <div
10850      class="
10851        price__sale
10852        
10853          price__hidden
10854        
10855      "
10856    >
10857      
10858        <span class="price-item__group">
10859          <span class="visually-hidden">Regular price&nbsp;</span>
10860          <span class="price-item--regular compare-at-price">Rs.3,500</span>
10861        </span>
10862        <span class="price-item__group">
10863          <span class="visually-hidden">Sale price&nbsp;</span>
10864          <span class="price-item--sale price">Rs.3,500</span>
10865        </span>
10866      
10867    </div>
10868  
10869</div>
10870    
10871  </div>
10872</div></product-component>
10873
10874        </li>
10875      
10876        <li
10877          class="predictive-search-results__card predictive-search-results__card--product"
10878          ref="resultsItems[]"
10879        >
10880          
10881<product-component
10882    class="resource-card__wrapper"
10883    
10884    
10885    view-event-payload="{&quot;product&quot;:{&quot;id&quot;:6000067444897,&quot;title&quot;:&quot;Maybelline New York SuperStay Matte Ink Liquid Lipstick&quot;,&quot;handle&quot;:&quot;maybelline-superstay-matte-ink-liquid-lipstick&quot;,&quot;selectedVariant&quot;:null},&quot;context&quot;:&quot;search&quot;,&quot;selectedOptions&quot;:[]}"
10886    
10887  ><div
10888  class="resource-card"
10889  data-resource-type="product"
10890>
10891  <a
10892    class="resource-card__link"
10893    href="/products/maybelline-superstay-matte-ink-liquid-lipstick"
10894  >
10895    <span class="visually-hidden">
10896      Maybelline New York SuperStay Matte Ink Liquid Lipstick
10897    </span>
10898  </a>
10899  <div
10900    class="resource-card__media"
10901    style="--resource-card-aspect-ratio: 4 / 5;"
10902    
10903  >
10904      
10905      
10906
10907        <img src="//cozmetica.pk/cdn/shop/products/03_9_cffbd246-06f2-4bea-9993-9efd95713619.jpg?v=1753365334&amp;width=500" alt="Maybelline New York SuperStay Matte Ink Liquid Lipstick - Premium Lipstick from Maybelline - Just Rs 2137! Shop now at Cozmetica" srcset="//cozmetica.pk/cdn/shop/products/03_9_cffbd246-06f2-4bea-9993-9efd95713619.jpg?v=1753365334&amp;width=240 240w, //cozmetica.pk/cdn/shop/products/03_9_cffbd246-06f2-4bea-9993-9efd95713619.jpg?v=1753365334&amp;width=352 352w" width="500" height="500" loading="lazy" class="resource-card__image" sizes="auto" ref="" style="object-position: 50.0% 50.0%;">
10908
10909          <img src="//cozmetica.pk/cdn/shop/products/Loyalist.jpg?v=1753365334&amp;width=500" alt="Maybelline New York SuperStay Matte Ink Liquid Lipstick - Premium Lipstick from Maybelline - Just Rs 1994! Shop now at Cozmetica" srcset="//cozmetica.pk/cdn/shop/products/Loyalist.jpg?v=1753365334&amp;width=240 240w, //cozmetica.pk/cdn/shop/products/Loyalist.jpg?v=1753365334&amp;width=352 352w" width="500" height="500" loading="lazy" class="resource-card__image resource-card__image--secondary" sizes="auto" ref="" data-media-id="26241310916769" style="object-position: 50.0% 50.0%;">
10910</div>
10911
10912  <div class="resource-card__content">
10913    <p class="resource-card__title paragraph">Maybelline New York SuperStay Matte Ink Liquid Lipstick</p>
10914
10915    
10916      <div ref="priceContainer">
10917  
10918    
10919    <div
10920      class="
10921        price__regular
10922        
10923          price__hidden
10924        
10925      "
10926    >
10927      <span class="price">Rs.2,549</span>
10928    </div>
10929    <div
10930      class="
10931        price__sale
10932        
10933      "
10934    >
10935      
10936        <span class="price-item__group">
10937          <span class="visually-hidden">Regular price&nbsp;</span>
10938          <span class="price-item--regular compare-at-price">Rs.3,399</span>
10939        </span>
10940        <span class="price-item__group">
10941          <span class="visually-hidden">Sale price&nbsp;</span>
10942          <span class="price-item--sale price">Rs.2,549</span>
10943        </span>
10944      
10945    </div>
10946  
10947</div>
10948    
10949  </div>
10950</div></product-component>
10951
10952        </li>
10953      
10954        <li
10955          class="predictive-search-results__card predictive-search-results__card--product"
10956          ref="resultsItems[]"
10957        >
10958          
10959<product-component
10960    class="resource-card__wrapper"
10961    
10962    
10963    view-event-payload="{&quot;product&quot;:{&quot;id&quot;:5998613397665,&quot;title&quot;:&quot;Essence Draw The Line Instant Color Lipliner&quot;,&quot;handle&quot;:&quot;essence-draw-the-line-instant-color-lipliner&quot;,&quot;selectedVariant&quot;:null},&quot;context&quot;:&quot;search&quot;,&quot;selectedOptions&quot;:[]}"
10964    
10965  ><div
10966  class="resource-card"
10967  data-resource-type="product"
10968>
10969  <a
10970    class="resource-card__link"
10971    href="/products/essence-draw-the-line-instant-color-lipliner"
10972  >
10973    <span class="visually-hidden">
10974      Essence Draw The Line Instant Color Lipliner
10975    </span>
10976  </a>
10977  <div
10978    class="resource-card__media"
10979    style="--resource-card-aspect-ratio: 4 / 5;"
10980    
10981  >
10982      
10983      
10984
10985        <img src="//cozmetica.pk/cdn/shop/products/EssenceDrawTheLineInstantColorLiplinerMain.jpg?v=1756295389&amp;width=500" alt="Essence Draw The Line Instant Color Lipliner" srcset="//cozmetica.pk/cdn/shop/products/EssenceDrawTheLineInstantColorLiplinerMain.jpg?v=1756295389&amp;width=240 240w, //cozmetica.pk/cdn/shop/products/EssenceDrawTheLineInstantColorLiplinerMain.jpg?v=1756295389&amp;width=352 352w" width="500" height="500" loading="lazy" class="resource-card__image" sizes="auto" ref="" style="object-position: 50.0% 50.0%;">
10986
10987          <img src="//cozmetica.pk/cdn/shop/products/Essence_Draw_The_Line_Instant_Color_Lipliner_Sand_Aisle.jpg?v=1756295389&amp;width=500" alt="Essence Draw The Line Instant Color Lipliner" srcset="//cozmetica.pk/cdn/shop/products/Essence_Draw_The_Line_Instant_Color_Lipliner_Sand_Aisle.jpg?v=1756295389&amp;width=240 240w, //cozmetica.pk/cdn/shop/products/Essence_Draw_The_Line_Instant_Color_Lipliner_Sand_Aisle.jpg?v=1756295389&amp;width=352 352w" width="500" height="500" loading="lazy" class="resource-card__image resource-card__image--secondary" sizes="auto" ref="" data-media-id="27920437870753" style="object-position: 50.0% 50.0%;">
10988</div>
10989
10990  <div class="resource-card__content">
10991    <p class="resource-card__title paragraph">Essence Draw The Line Instant Color Lipliner</p>
10992
10993    
10994      <div ref="priceContainer">
10995  
10996    
10997    <div
10998      class="
10999        price__regular
11000        
11001          price__hidden
11002        
11003      "
11004    >
11005      <span class="price">Rs.538</span>
11006    </div>
11007    <div
11008      class="
11009        price__sale
11010        
11011      "
11012    >
11013      
11014        <span class="price-item__group">
11015          <span class="visually-hidden">Regular price&nbsp;</span>
11016          <span class="price-item--regular compare-at-price">Rs.769</span>
11017        </span>
11018        <span class="price-item__group">
11019          <span class="visually-hidden">Sale price&nbsp;</span>
11020          <span class="price-item--sale price">Rs.538</span>
11021        </span>
11022      
11023    </div>
11024  
11025</div>
11026    
11027  </div>
11028</div></product-component>
11029
11030        </li>
11031      
11032    </ul>
11033  
11034</div>
11035
11036        
11037      
11038    </div>
11039  
11040</div>
11041
11042          </div>
11043
11044          <div class="predictive-search-form__footer">
11045            <button
11046              class="button predictive-search__search-button"
11047              ref="viewAllButton"
11048            >
11049              View all
11050            </button>
11051          </div>
11052        </div>
11053      </form>
11054    </predictive-search-component>
11055  </dialog>
11056</dialog-component>
11057
11058
11059
11060
11061    
11062      
11062<script
11063  src="//cozmetica.pk/cdn/shop/t/140/assets/gift-card-recipient-form.js?v=170482155849799299241785524563"
11064  type="module"
11065  fetchpriority="low"
11066></script>
11066
11067<quick-add-dialog id="quick-add-dialog">
11068  <dialog
11069    class="quick-add-modal dialog-modal color-custom-popover"
11070    ref="dialog"
11071    scroll-lock
11072  >
11073    <button
11074      ref="closeButton"
11075      on:click="/closeDialog"
11076      class="button button-unstyled close-button quick-add-modal__close"
11077      aria-label="Close dialog"
11078    ><svg aria-hidden="true" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
11079<path d="M11.1765 12.025C11.4108 12.2594 11.7907 12.2594 12.025 12.025C12.2594 11.7907 12.2594 11.4108 12.025 11.1765L8.84931 8.00078L12.025 4.82505C12.2594 4.59073 12.2594 4.21083 12.025 3.97652C11.7907 3.7422 11.4108 3.7422 11.1765 3.97652L8.00078 7.15225L4.82505 3.97652C4.59073 3.7422 4.21083 3.7422 3.97652 3.97652C3.7422 4.21083 3.7422 4.59073 3.97652 4.82505L7.15225 8.00078L3.97652 11.1765C3.7422 11.4108 3.7422 11.7907 3.97652 12.025C4.21083 12.2594 4.59073 12.2594 4.82505 12.025L8.00078 8.84931L11.1765 12.025Z" fill="currentColor"/>
11080</svg>
11081</button>
11082
11083    <product-component
11084      id="quick-add-modal-content"
11085      class="quick-add-modal__content"
11086      view-event-trigger="dialog"
11087    ></product-component>
11088  </dialog>
11089</quick-add-dialog>
11090
11091
11092
11093
11094
11095
11096    
11097   
11098  <!--Gem_Page_Footer_Script-->
11099  
11100<!--End_Gem_Page_Footer_Script-->
11101<style> .menu-drawer__menu-item--mainlist {font-size: 16px;} .resource-card__image {object-fit: contain;} </style>
11102<div id="shopify-block-AWnAwWUVJQnJxUmQwc__16237972221315820628" class="shopify-block shopify-app-block">
11102<script
11103  src="https://cdn.shopify.com/extensions/01a09fec-9f73-75b5-9a7a-47d5ff5fe014/paycraft-47/assets/paycraft-storefront.js"
11104  defer
11105></script>
11105
11106
11107
11108</div>
11108<script src="https://cdn.shopify.com/storefront/standard-actions.js" type="module" data-source-attribution="shopify.standard_actions"></script>
11108
11109</body>
11110</html>

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