PageSourceSearch

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

html cozmetica.pk collected 2026-09-25 15:04:59 UTC 509,493 bytes, 11,271 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":"6f4f081f-7c63-4b16-9354-cd9814cebbb4-1790348698","pageurl":"cozmetica.pk\/pages\/about-cozmetica","s":"pages-73106555041","u":"c826e343bd77","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=13043209528289001511790083040">
1246<script id="shopify-cfh-end">window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.end');</script>
1246
1247  <!-- BEGIN app block: shopify://apps/gempages-builder/blocks/embed-gp-script-head/20b379d4-1b20-474c-a6ca-665c331919f3 -->
1248
1249
1250
1251
1252
1253
1254
1255
1256
1257
1258
1259
1260
1261
1262<!-- 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/01a0cc10-8025-74bc-8561-6e03f24d6d18/affliate-by-secomapp-126/assets/customer-referral.css" as="style" onload="this.onload=null;this.rel='stylesheet'">
1263<script>
1264  document.addEventListener("DOMContentLoaded", function () {
1265    const params = new URLSearchParams(window.location.search);
1266    if (params.has('sca_ref') || params.has('sca_crp')) {
1267      document.body.setAttribute('is-affiliate-link', '');
1268    }
1269  });
1270</script>
1270
1271
1272
1273<!-- END app block --><!-- BEGIN app block: shopify://apps/judge-me-reviews/blocks/judgeme_core/61ccd3b1-a9f2-4160-9fe9-4fec8413e5d8 --><!-- Start of Judge.me Core -->
1274
1275
1276
1277
1278
1279
1280
1281<link rel="dns-prefetch" href="https://cdn.judge.me">
1282<link rel="dns-prefetch" href="https://cdn1.judge.me">
1283<link rel="dns-prefetch" href="https://api.judge.me">
1284
1285<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
1285ou! 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
1285itle":"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_
1285youtube_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"
1285:"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_
1285shop_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>
1285 <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 )}
1286</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}
1287</style>
1288
1289  
1290  
1291  
1292  <style class='jdgm-miracle-styles'>
1293  @-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
1293/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}
1294
1295</style>
1296
1297
1298  
1299  
1300   
1301
1302
1303
1304  
1305    
1306    
1307    
1308      
1308<script id="judgeme_widget_leex_js" data-cfasync="false" type="text/javascript" async src="https://cdn.shopify.com/extensions/01a0cdf8-b2d2-7ccd-a251-5cf8c66ad2ca/judgeme-762/assets/shopify_v2_leex.js"></script>
1308
1309    
1310  
1311    
1312    
1313    
1314      <link id="judgeme_widget_leex_css" rel="stylesheet" type="text/css" media="nope!" onload="this.media='all'" href="https://cdn.shopify.com/extensions/01a0cdf8-b2d2-7ccd-a251-5cf8c66ad2ca/judgeme-762/assets/widget_v3_theme_leex.css">
1315    
1316  
1317
1318
1319<script data-cfasync='false' class='jdgm-script'>
1320!function(e){window.jdgm=window.jdgm||{};
1321/* INF-1976 */
1322var _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;}();
1323if(_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;}
1324jdgm.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/01a0cdf8-b2d2-7ccd-a251-5cf8c66ad2ca/judgeme-762/assets/",jdgm.CDN_API_HOST="https://cdn.judge.me/",
1325jdgm.docReady=function(d){(e.attachEvent?"complete"===e.readyState:"loading"!==e.readyState)?
1326setTimeout(d,0):e.addEventListener("DOMContentLoaded",d)},jdgm.loadCSS=function(d,t,o,a){
1327!o&&jdgm.loadCSS.requestedUrls.indexOf(d)>=0||(jdgm.loadCSS.requestedUrls.push(d),
1328(a=e.createElement("link")).rel="stylesheet",a.class="jdgm-stylesheet",a.media="nope!",
1329a.href=d,a.onload=function(){this.media="all",t&&setTimeout(t)},e.body.appendChild(a))},
1330jdgm.loadCSS.requestedUrls=[],jdgm.loadJS=function(e,d){var t=new XMLHttpRequest;
1331t.onreadystatechange=function(){4===t.readyState&&t.status>=200&&t.status<300&&(Function(t.response)(),d&&d(t.response))},
1332t.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(
1333".jdgm-widget, .jdgm-all-reviews-page").length>0)&&(jdgmSettings.widget_load_with_code_splitting?
1334parseFloat(jdgmSettings.widget_version)>=3?jdgm.loadCSS(jdgm.CDN_BASE_URL+"widget_v3_base.css"):
1335jdgm.loadCSS(jdgm.CDN_BASE_URL+"widget_base.css"):jdgm.loadCSS(jdgm.CDN_BASE_URL+"shopify_v2.css")
1336)}))}(document);
1337</script>
1337
1338<noscript><link rel="stylesheet" type="text/css" media="all" href="https://cdn.shopify.com/extensions/01a0cdf8-b2d2-7ccd-a251-5cf8c66ad2ca/judgeme-762/assets/shopify_v2.css"></noscript>
1339
1340<!-- BEGIN app snippet: theme_fix_tags -->
1340<script>
1341  (function() {
1342    var jdgmThemeFixes = null;
1343    if (!jdgmThemeFixes) return;
1344
1345    // "All themes" fix: CSS and JS applied on every theme. CSS is injected
1346    // before the per-theme fix so the theme-specific CSS wins the cascade.
1347    // HTML is never applied globally (too risky).
1348    var allThemesFix = jdgmThemeFixes['all'];
1349    if (allThemesFix && allThemesFix.css) {
1350      var allStyleTag = document.createElement('style');
1351      allStyleTag.classList.add('jdgm-theme-fix-style-all');
1352      allStyleTag.innerHTML = allThemesFix.css;
1353      document.head.append(allStyleTag);
1354    };
1355
1356    if (allThemesFix && allThemesFix.js) {
1357      var allScriptTag = document.createElement('script');
1358      allScriptTag.classList.add('jdgm-theme-fix-script-all');
1359      allScriptTag.innerHTML = allThemesFix.js;
1360      document.head.append(allScriptTag);
1361    };
1362
1363    var thisThemeFix = jdgmThemeFixes[Shopify.theme.id];
1364    if (!thisThemeFix) return;
1365
1366    if (thisThemeFix.html) {
1367      document.addEventListener("DOMContentLoaded", function() {
1368        var htmlDiv = document.createElement('div');
1369        htmlDiv.classList.add('jdgm-theme-fix-html');
1370        htmlDiv.innerHTML = thisThemeFix.html;
1371        document.body.append(htmlDiv);
1372      });
1373    };
1374
1375    if (thisThemeFix.css) {
1376      var styleTag = document.createElement('style');
1377      styleTag.classList.add('jdgm-theme-fix-style');
1378      styleTag.innerHTML = thisThemeFix.css;
1379      document.head.append(styleTag);
1380    };
1381
1382    if (thisThemeFix.js) {
1383      var scriptTag = document.createElement('script');
1384      scriptTag.classList.add('jdgm-theme-fix-script');
1385      scriptTag.innerHTML = thisThemeFix.js;
1386      document.head.append(scriptTag);
1387    };
1388  })();
1389</script>
1389
1390<!-- END app snippet -->
1391<!-- End of Judge.me Core -->
1392
1393
1394
1395<!-- END app block --><!-- BEGIN app block: shopify://apps/uppromote-affiliate/blocks/message-bar/64c32457-930d-4cb9-9641-e24c0d9cf1f4 -->
1396
1397<style>
1398    body {
1399        transition: padding-top .2s;
1400    }
1401    .scaaf-message-bar {
1402        --primary-text-color: ;
1403        --secondary-text-color: ;
1404        --primary-bg-color: ;
1405        --secondary-bg-color: ;
1406        --primary-text-size: px;
1407        --secondary-text-size: px;
1408        text-align: center;
1409        display: block;
1410        width: 100%;
1411        padding: 10px;
1412        animation-duration: .5s;
1413        animation-name: fadeIn;
1414        position: absolute;
1415        top: 0;
1416        left: 0;
1417        width: 100%;
1418        z-index: 10;
1419    }
1420
1421    .scaaf-message-bar-content {
1422        margin: 0;
1423        padding: 0;
1424    }
1425
1426    .scaaf-message-bar[data-layout=referring] {
1427        background-color: var(--primary-bg-color);
1428        color: var(--primary-text-color);
1429        font-size: var(--primary-text-size);
1430    }
1431
1432    .scaaf-message-bar[data-layout=direct] {
1433        background-color: var(--secondary-bg-color);
1434        color: var(--secondary-text-color);
1435        font-size: var(--secondary-text-size);
1436    }
1437
1438</style>
1439
1440<script type="text/javascript">
1441    (function() {
1442        let container, contentContainer
1443        const settingTag = document.querySelector('script#uppromote-message-bar-setting')
1444
1445        if (!settingTag || !settingTag.textContent) {
1446            return
1447        }
1448
1449        const setting = JSON.parse(settingTag.textContent)
1450        if (!setting.referral_enable) {
1451            return
1452        }
1453
1454        const getCookie = (cName) => {
1455            const name = cName + '='
1456            const ca = document.cookie.split(';')
1457            for (let i = 0; i < ca.length; i++) {
1458                let c = ca[i]
1459                while (c.charAt(0) === ' ') {
1460                    c = c.substring(1)
1461                }
1462                if (c.indexOf(name) === 0) {
1463                    const raw = c.substring(name.length, c.length)
1464                    // Decode this value only, not the whole cookie string, so one malformed
1465                    // cookie (bare %) or a ';' inside another value can't break parsing here.
1466                    try {
1467                        return decodeURIComponent(raw)
1468                    } catch {
1469                        return raw
1470                    }
1471                }
1472            }
1473
1474            return null
1475        }
1476
1477        function renderContainer() {
1478            container = document.createElement('div')
1479            container.classList.add('scaaf-message-bar')
1480            contentContainer = document.createElement('p')
1481            contentContainer.classList.add('scaaf-message-bar-content')
1482            container.append(contentContainer)
1483        }
1484
1485        function calculateLayout() {
1486            const height = container.scrollHeight
1487
1488            function onMouseMove() {
1489                document.body.style.paddingTop = `${height}px`
1490                document.body.removeEventListener('mousemove', onMouseMove)
1491                document.body.removeEventListener('touchstart', onMouseMove)
1492            }
1493
1494            document.body.addEventListener('mousemove', onMouseMove)
1495            document.body.addEventListener('touchstart', onMouseMove)
1496        }
1497
1498        renderContainer()
1499
1500        function fillDirectContent() {
1501            if (!setting.not_referral_enable) {
1502                // Nothing to show: drop the optimistic "Loading" bar prepareForReferring may have left
1503                container.remove()
1504                return
1505            }
1506            contentContainer.style.visibility = 'visible'
1507            container.dataset.layout = 'direct'
1508            contentContainer.textContent = setting.not_referral_content
1509            document.body.prepend(container)
1510            calculateLayout()
1511        }
1512
1513        function prepareForReferring() {
1514            contentContainer.textContent = 'Loading'
1515            contentContainer.style.visibility = 'hidden'
1516            document.body.prepend(container)
1517            calculateLayout()
1518        }
1519
1520        function fillReferringContent(aff) {
1521            container.dataset.layout = 'referring'
1522            // Guard referral_content so a missing template can't throw and leave the bar stuck on "Loading"
1523            contentContainer.textContent = (setting.referral_content || '')
1524                .replaceAll('{affiliate_name}', aff.name)
1525                .replaceAll('{company}', aff.company)
1526                .replaceAll('{affiliate_firstname}', aff.first_name)
1527                .replaceAll('{personal_detail}', aff.personal_detail)
1528            contentContainer.style.visibility = 'visible'
1529        }
1530
1531        function safeJsonParse (str) {
1532            if (!str) return null;
1533            try {
1534                return JSON.parse(str);
1535            } catch {
1536                return null;
1537            }
1538        }
1539
1540        function renderFromCookie(affiliateID) {
1541            if (!affiliateID) {
1542                fillDirectContent()
1543                return
1544            }
1545
1546            prepareForReferring()
1547
1548            let info = null
1549            const raw = getCookie('_up_a_info')
1550            if (raw) {
1551                info = safeJsonParse(raw)
1552            }
1553
1554            if (!info) {
1555                fillDirectContent()
1556                return
1557            }
1558
1559            const aff = {
1560                company: info.company || '',
1561                name: (info.first_name || '') + ' ' + (info.last_name || ''),
1562                first_name: info.first_name || '',
1563                personal_detail: getCookie('scaaf_pd') || ''
1564            }
1565
1566            fillReferringContent(aff)
1567        }
1568
1569        function paintMessageBar() {
1570            if (!document.body) {
1571                return requestAnimationFrame(paintMessageBar)
1572            }
1573
1574            const urlParams = new URLSearchParams(window.location.search)
1575            const scaRef = urlParams.get("sca_ref")
1576            const urlAffiliateID = scaRef ? scaRef.split('.')[0] + '' : null
1577            const cookieAffiliateID = getCookie('up_uppromote_aid')
1578            const isReferralLink = !!scaRef
1579
1580            if (!isReferralLink) {
1581                if (cookieAffiliateID) {
1582                    renderFromCookie(cookieAffiliateID)
1583                    return
1584                }
1585                fillDirectContent()
1586                return
1587            }
1588
1589            if (cookieAffiliateID === urlAffiliateID) {
1590                renderFromCookie(cookieAffiliateID)
1591                return
1592            }
1593
1594            const lastClick = Number(getCookie('up_uppromote_lc') || 0)
1595            const diffMinuteFromNow = (Date.now() - lastClick) / (60 * 1000)
1596            if (diffMinuteFromNow <= 1) {
1597                renderFromCookie(cookieAffiliateID)
1598                return
1599            }
1600
1601            let waited = 0
1602            const MAX_WAIT = 5000
1603            const INTERVAL = 300
1604
1605            const timer = setInterval(() => {
1606                const newCookieID = getCookie('up_uppromote_aid')
1607                const isStillThatAffiliate = newCookieID === urlAffiliateID
1608                const isReceived = localStorage.getItem('up_uppromote_received') === '1'
1609                let isLoadedAffiliateInfoDone = !!safeJsonParse(getCookie('_up_a_info'))
1610
1611                if (isReceived && isStillThatAffiliate && isLoadedAffiliateInfoDone) {
1612                    clearInterval(timer)
1613                    renderFromCookie(newCookieID)
1614                    return
1615                }
1616
1617                waited += INTERVAL
1618                if (waited >= MAX_WAIT) {
1619                    clearInterval(timer)
1620                    fillDirectContent()
1621                }
1622            }, INTERVAL)
1623        }
1624
1625        requestAnimationFrame(paintMessageBar)
1626    })()
1627</script>
1627
1628
1629
1630<!-- 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 -->
1631<script type="application/json" id="core-uppromote-settings">{"active_reg_from":true,"app_env":{"env":"production"}}</script>
vendor: 1 bytes, line 1631
1631
1632<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>
vendor: 1 bytes, line 1632
1632
1633<script id="core-uppromote-quick-store-tracking-vars">
1634    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()}}
1635    if (window.location.href.includes('?sca_ref=')) {
1636        localStorage.setItem('__up_lastViewedPageContext', JSON.stringify({
1637            context: getContext(),
1638            timestamp: new Date().toISOString(),
1639        }))
1640    }
1641</script>
1641
1642
1643<script id="core-uppromote-setting-booster">
1644    var UpPromoteCoreSettings = JSON.parse(document.getElementById('core-uppromote-settings').textContent)
1645    UpPromoteCoreSettings.currentCart = JSON.parse(document.getElementById('core-uppromote-cart')?.textContent || '{}')
1646    const idToClean = ['core-uppromote-settings', 'core-uppromote-cart', 'core-uppromote-setting-booster', 'core-uppromote-quick-store-tracking-vars']
1647    idToClean.forEach(id => {
1648        document.getElementById(id)?.remove()
1649    })
1650</script>
1650
1651<!-- END app snippet -->
1652
1653
1654<!-- END app block --><!-- BEGIN app block: shopify://apps/mergn/blocks/index/52d5f725-db4d-4931-bef3-895243f3807b --><!-- BEGIN app snippet: log-debug -->
1654<script>
1655  window.logDebug = (LogLevel, message) => {
1656    const mergnLogLevel = localStorage.getItem('mergnDebugLevel');
1657
1658    if (!mergnLogLevel || mergnLogLevel == 0) return;
1659
1660    if (mergnLogLevel >= 3) {
1661      if (LogLevel == 1) {
1662        console.info(`INFO: ${new Date().toISOString()}`, message);
1663      } else if (LogLevel === 2) {
1664        console.trace(`ERROR: ${new Date().toISOString()}`, message);
1665      }
1666    } else if (mergnLogLevel == 1 && LogLevel == 1) {
1667      console.info(`INFO: ${new Date().toISOString()}`, message);
1668    } else if (mergnLogLevel == 2 && LogLevel == 2) {
1669      console.trace(`ERROR: ${new Date().toISOString()}`, message);
1670    }
1671  };
1672</script>
1672
1673<!-- END app snippet -->
1674
1675<script>
1676  (function () {
1677
1678      
1679
1680      const apiKey = "789ae15m440rgn3ca02aa9abf28bdf475ae6f8c4320379f4fd6e90d34c791e486efd865";
1681
1682    if (apiKey) {
1683      const script = document.createElement('script');
1684      script.src = 'https://cdn.jsdelivr.net/npm/mergn-webapp-sdk@latest/dist/index.global.js';
1685      script.async = true;
1686
1687      script.onload = function () {
1688        window.mergn.init(apiKey, {
1689          shopify: true,
1690          isExtensionSW: true,
1691        });
1692
1693        // The SDK loads asynchronously, so customer attributes captured during
1694        // page parse are queued on window and flushed here, after init.
1695        var c = window.__mergnCustomer;
1696        if (c && !window.__mergnCustomerSent && typeof window.mergn.recordAttribute === 'function') {
1697          window.__mergnCustomerSent = true;
1698          if (c.email) window.mergn.recordAttribute('Email', c.email);
1699          if (c.firstName) window.mergn.recordAttribute('first-name', c.firstName);
1700          if (c.lastName) window.mergn.recordAttribute('last-name', c.lastName);
1701          if (c.phone) window.mergn.recordAttribute('Mobile', c.phone);
1702        }
1703      };
1704
1705      document.head.appendChild(script);
1706    }
1707  })();
1708</script>
1708
1709
1710<!-- BEGIN app snippet: tags -->
1710<script>
1711  (function () {
1712    // Load existing tags map from localStorage (if any)
1713    const storedTagsMap = localStorage.getItem("productTagsMap");
1714    window.productTagsMap = storedTagsMap ? JSON.parse(storedTagsMap) : {};
1715
1716    // Helper to save/update localStorage
1717    function saveTagsMap() {
1718      localStorage.setItem("productTagsMap", JSON.stringify(window.productTagsMap));
1719      if (typeof logDebug === "function") {
1720        logDebug(1, "Product tags saved to localStorage for page page");
1721        logDebug(1, window.productTagsMap);
1722      }
1723    }
1724
1725    
1726
1727    saveTagsMap();
1728  })();
1729</script>
1729
1730<!-- END app snippet -->
1731
1732
1733<!-- BEGIN app snippet: discount-banner --><style>
1734  .mergn-db {
1735    position: fixed;
1736    z-index: 2147483000;
1737    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
1738    line-height: 1.4;
1739    transition: transform 220ms ease, opacity 220ms ease;
1740    background: #0f172a;
1741    color: #ffffff;
1742  }
1743
1744  .mergn-db--top    { top: 16px;    right: 16px; }
1745  .mergn-db--bottom { bottom: 16px; right: 16px; }
1746
1747  .mergn-db--toast {
1748    display: flex;
1749    align-items: flex-start;
1750    gap: 12px;
1751    width: 360px;
1752    max-width: calc(100vw - 32px);
1753    padding: 14px 16px;
1754    border-radius: 12px;
1755    box-shadow: 0 12px 32px rgba(0, 0, 0, 0.28);
1756    border: 1px solid rgba(255, 255, 255, 0.06);
1757  }
1758
1759  .mergn-db__icon {
1760    flex: 0 0 auto;
1761    width: 34px;
1762    height: 34px;
1763    border-radius: 50%;
1764    display: grid;
1765    place-items: center;
1766    background: rgba(232, 121, 74, 0.18);
1767    font-size: 17px;
1768  }
1769
1770  .mergn-db__content { flex: 1; min-width: 0; }
1771
1772  .mergn-db__title {
1773    font-weight: 700;
1774    font-size: 15px;
1775    color: #5fbfa9;
1776    letter-spacing: 0.2px;
1777    margin: 0 0 2px;
1778  }
1779
1780  .mergn-db__body {
1781    font-size: 14px;
1782    opacity: 0.92;
1783    margin: 0;
1784  }
1785
1786  .mergn-db__code {
1787    display: inline-block;
1788    margin-top: 8px;
1789    padding: 3px 10px;
1790    border-radius: 999px;
1791    background: rgba(255, 255, 255, 0.12);
1792    font-weight: 700;
1793    font-size: 12px;
1794    letter-spacing: 0.6px;
1795  }
1796
1797  .mergn-db__close {
1798    background: #e8794a;
1799    color: #ffffff;
1800    border: 0;
1801    border-radius: 6px;
1802    padding: 7px 14px;
1803    font-size: 12px;
1804    font-weight: 600;
1805    cursor: pointer;
1806    white-space: nowrap;
1807    align-self: flex-start;
1808  }
1809
1810  .mergn-db--pill {
1811    display: inline-flex;
1812    align-items: center;
1813    gap: 8px;
1814    padding: 8px 10px 8px 12px;
1815    border-radius: 999px;
1816    box-shadow: 0 8px 22px rgba(0, 0, 0, 0.22);
1817    border: 1px solid rgba(255, 255, 255, 0.08);
1818    cursor: pointer;
1819    font-size: 13px;
1820  }
1821
1822  .mergn-db--pill:hover { transform: translateY(-1px); }
1823
1824  .mergn-db__pill-icon { font-size: 14px; }
1825
1826  .mergn-db__pill-code {
1827    font-weight: 700;
1828    color: #5fbfa9;
1829    letter-spacing: 0.4px;
1830  }
1831
1832  .mergn-db__pill-close {
1833    background: transparent;
1834    border: 0;
1835    color: inherit;
1836    opacity: 0.55;
1837    cursor: pointer;
1838    font-size: 16px;
1839    line-height: 1;
1840    padding: 0 2px 0 6px;
1841  }
1842
1843  .mergn-db__pill-close:hover { opacity: 1; }
1844
1845  .mergn-db--entering { opacity: 0; transform: translateY(20px); }
1846  .mergn-db--leaving  { opacity: 0; transform: translateY(20px); }
1847
1848  @media (max-width: 640px) {
1849    .mergn-db--toast { width: auto; left: 16px; right: 16px; }
1850  }
1851</style>
1852
1853<script>
1854  (function () {
1855    "use strict";
1856
1857    var SETTINGS = {
1858      position: "top",
1859      autoDismissSeconds: 8,
1860      buttonText: "Got it",
1861      useStub: false
1862    };
1863
1864    var API_BASE = "https://api.mergn.com/sdk-management";
1865    var ATTRIBUTES_PATH = "/api/v2/event/customer/{id}/attributes";
1866    var CUSTOMER_LS_KEY = "customer";
1867    var STATE_KEY = "mergn_discount_banner_v1";
1868    var MAX_IDENTITY_RETRIES = 3;
1869    var IDENTITY_RETRY_MS = 1500;
1870
1871    function readState() {
1872      try {
1873        var raw = sessionStorage.getItem(STATE_KEY);
1874        return raw ? JSON.parse(raw) : null;
1875      } catch (_) { return null; }
1876    }
1877
1878    function writeState(state) {
1879      try { sessionStorage.setItem(STATE_KEY, JSON.stringify(state)); } catch (_) {}
1880    }
1881
1882    function clearState() {
1883      try { sessionStorage.removeItem(STATE_KEY); } catch (_) {}
1884    }
1885
1886    function init(retriesLeft) {
1887      var params = new URLSearchParams(window.location.search);
1888      var isMergn = params.get("utm_source") === "mergn";
1889      var voucherCode = params.get("discount_applied");
1890      var campaignId = params.get("utm_campaign");
1891
1892      var stored = readState();
1893
1894      // A new Mergn link with a different code overrides any prior session state.
1895      if (isMergn && voucherCode && stored && stored.code !== voucherCode) {
1896        clearState();
1897        stored = null;
1898      }
1899
1900      if (stored && stored.state === "dismissed") return;
1901
1902      if (stored && stored.state === "pill" && stored.code) {
1903        renderPill({ code: stored.code, firstName: stored.firstName, campaignId: stored.campaignId });
1904        return;
1905      }
1906
1907      if (!isMergn || !voucherCode) return;
1908
1909      var customerId = null;
1910      try { customerId = localStorage.getItem(CUSTOMER_LS_KEY); } catch (_) {}
1911
1912      if (!customerId) {
1913        if (retriesLeft > 0) {
1914          setTimeout(function () { init(retriesLeft - 1); }, IDENTITY_RETRY_MS);
1915        }
1916        return;
1917      }
1918
1919      var appliedCheck = SETTINGS.useStub
1920        ? Promise.resolve(isStubCodeValid(voucherCode))
1921        : isVoucherAppliedOnCart(voucherCode);
1922
1923      appliedCheck
1924        .then(function (applied) {
1925          if (!applied) return null;
1926          return fetchCustomerAttributes(customerId);
1927        })
1928        .then(function (attributes) {
1929          if (attributes === null) return;
1930          renderToast({
1931            code: voucherCode,
1932            campaignId: campaignId,
1933            firstName: pickFirstName(attributes || {})
1934          });
1935        })
1936        .catch(function () {});
1937    }
1938
1939    function fetchCustomerAttributes(customerId) {
1940      if (SETTINGS.useStub) return Promise.resolve({ "first-name": "Hamza" });
1941      var apiKey = "789ae15m440rgn3ca02aa9abf28bdf475ae6f8c4320379f4fd6e90d34c791e486efd865";
1942      var url = API_BASE + ATTRIBUTES_PATH.replace("{id}", encodeURIComponent(customerId));
1943      return fetch(url, {
1944        method: "GET",
1945        headers: { "Authorization": apiKey, "Accept": "application/json" }
1946      })
1947        .then(function (r) { return r.ok ? r.json() : null; })
1948        .then(function (res) {
1949          if (!res) return {};
1950          return res.data || res;
1951        })
1952        .catch(function () { return {}; });
1953    }
1954
1955    function pickFirstName(attrs) {
1956      if (!attrs) return "";
1957      var candidates = ["first-name", "first_name", "firstName", "FirstName", "First-Name", "First Name"];
1958      for (var i = 0; i < candidates.length; i++) {
1959        var v = attrs[candidates[i]];
1960        if (typeof v === "string" && v.trim()) return v.trim();
1961      }
1962      var fullCandidates = ["full name", "full-name", "full_name", "fullName", "name"];
1963      for (var j = 0; j < fullCandidates.length; j++) {
1964        var fv = attrs[fullCandidates[j]];
1965        if (typeof fv === "string" && fv.trim()) return fv.trim().split(/\s+/)[0];
1966      }
1967      return "";
1968    }
1969
1970    function isStubCodeValid(code) {
1971      if (!code) return false;
1972      var c = String(code).toUpperCase();
1973      var bad = ["INVALID", "EXPIRED", "USED", "WRONG"];
1974      for (var i = 0; i < bad.length; i++) {
1975        if (c.indexOf(bad[i]) !== -1) return false;
1976      }
1977      return true;
1978    }
1979
1980    function isVoucherAppliedOnCart(voucherCode) {
1981      return fetch("/cart.js", { credentials: "same-origin", headers: { "Accept": "application/json" } })
1982        .then(function (r) { return r.ok ? r.json() : null; })
1983        .then(function (cart) {
1984          if (!cart) return false;
1985          var codes = Array.isArray(cart.discount_codes) ? cart.discount_codes : [];
1986          var match = codes.find ? codes.find(function (d) { return d && d.code === voucherCode; }) : null;
1987          if (!match) return false;
1988          if (typeof match.applicable === "boolean") return match.applicable;
1989          return true;
1990        })
1991        .catch(function () { return false; });
1992    }
1993
1994    function positionClass() {
1995      return SETTINGS.position === "top" ? "mergn-db--top" : "mergn-db--bottom";
1996    }
1997
1998    function renderToast(data) {
1999      var existing = document.querySelector(".mergn-db");
2000      if (existing && existing.parentNode) existing.parentNode.removeChild(existing);
2001
2002      var el = document.createElement("div");
2003      el.className = "mergn-db mergn-db--toast " + positionClass() + " mergn-db--entering";
2004
2005      var icon = document.createElement("div");
2006      icon.className = "mergn-db__icon";
2007      icon.textContent = "🎁";
2008
2009      var content = document.createElement("div");
2010      content.className = "mergn-db__content";
2011
2012      var title = document.createElement("div");
2013      title.className = "mergn-db__title";
2014      title.textContent = (data.firstName ? "Hi " + data.firstName + "! " : "") + "your discount is applied";
2015
2016      var body = document.createElement("div");
2017      body.className = "mergn-db__body";
2018      body.textContent = "Will be applied at checkout.";
2019
2020      var codeChip = document.createElement("span");
2021      codeChip.className = "mergn-db__code";
2022      codeChip.textContent = data.code;
2023
2024      content.appendChild(title);
2025      content.appendChild(body);
2026      content.appendChild(codeChip);
2027
2028      var close = document.createElement("button");
2029      close.type = "button";
2030      close.className = "mergn-db__close";
2031      close.textContent = SETTINGS.buttonText || "Got it";
2032      close.addEventListener("click", function () { collapseToPill(el, data); });
2033
2034      el.appendChild(icon);
2035      el.appendChild(content);
2036      el.appendChild(close);
2037      document.body.appendChild(el);
2038
2039      requestAnimationFrame(function () { el.classList.remove("mergn-db--entering"); });
2040
2041      var seconds = Number(SETTINGS.autoDismissSeconds);
2042      if (seconds > 0) setTimeout(function () { collapseToPill(el, data); }, seconds * 1000);
2043    }
2044
2045    function collapseToPill(toastEl, data) {
2046      if (!toastEl || !toastEl.parentNode) return;
2047      writeState({
2048        state: "pill",
2049        code: data.code,
2050        firstName: data.firstName,
2051        campaignId: data.campaignId
2052      });
2053      toastEl.classList.add("mergn-db--leaving");
2054      setTimeout(function () {
2055        if (toastEl.parentNode) toastEl.parentNode.removeChild(toastEl);
2056        renderPill(data);
2057      }, 220);
2058    }
2059
2060    function renderPill(data) {
2061      if (document.querySelector(".mergn-db--pill")) return;
2062
2063      var el = document.createElement("div");
2064      el.className = "mergn-db mergn-db--pill " + positionClass() + " mergn-db--entering";
2065
2066      var icon = document.createElement("span");
2067      icon.className = "mergn-db__pill-icon";
2068      icon.textContent = "🎁";
2069
2070      var label = document.createElement("span");
2071      var codeSpan = document.createElement("span");
2072      codeSpan.className = "mergn-db__pill-code";
2073      codeSpan.textContent = data.code;
2074      label.appendChild(codeSpan);
2075      label.appendChild(document.createTextNode(" applied"));
2076
2077      var close = document.createElement("button");
2078      close.type = "button";
2079      close.className = "mergn-db__pill-close";
2080      close.setAttribute("aria-label", "Dismiss");
2081      close.textContent = "×";
2082      close.addEventListener("click", function (e) {
2083        e.stopPropagation();
2084        writeState({ state: "dismissed", code: data.code });
2085        dismissEl(el);
2086      });
2087
2088      el.addEventListener("click", function () {
2089        if (el.parentNode) el.parentNode.removeChild(el);
2090        renderToast(data);
2091      });
2092
2093      el.appendChild(icon);
2094      el.appendChild(label);
2095      el.appendChild(close);
2096      document.body.appendChild(el);
2097
2098      requestAnimationFrame(function () { el.classList.remove("mergn-db--entering"); });
2099    }
2100
2101    function dismissEl(el) {
2102      if (!el || !el.parentNode) return;
2103      el.classList.add("mergn-db--leaving");
2104      setTimeout(function () { if (el.parentNode) el.parentNode.removeChild(el); }, 220);
2105    }
2106
2107    if (document.readyState === "loading") {
2108      document.addEventListener("DOMContentLoaded", function () { init(MAX_IDENTITY_RETRIES); });
2109    } else {
2110      init(MAX_IDENTITY_RETRIES);
2111    }
2112  })();
2113</script>
2113
2114<!-- END app snippet -->
2115
2116
2117
2118
2119<!-- END app block -->
2119<script src="https://cdn.shopify.com/extensions/01a0cc10-8025-74bc-8561-6e03f24d6d18/affliate-by-secomapp-126/assets/customer-referral.js" type="text/javascript" defer="defer"></script>
vendor: 1 bytes, line 2119
2119
2120<script src="https://cdn.shopify.com/extensions/01a0cdf8-b2d2-7ccd-a251-5cf8c66ad2ca/judgeme-762/assets/loader.js" type="text/javascript" defer="defer"></script>
vendor: 1 bytes, line 2120
2120
2121<script src="https://cdn.shopify.com/extensions/01a0cc10-8025-74bc-8561-6e03f24d6d18/affliate-by-secomapp-126/assets/core.min.js" type="text/javascript" defer="defer"></script>
2121
2122<link href="https://monorail-edge.shopifysvc.com" rel="dns-prefetch">
2123<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 2123
2123
2124<script>
2125  window.__TREKKIE_SHIM_QUEUE = window.__TREKKIE_SHIM_QUEUE || [];
2126</script>
vendor: 1 bytes, line 2126
2126
2127<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}
2127).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: ["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"}
2127,{"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":"36f244aeba196ca7e2f6b8a611f4e21b","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","c8540278we853e1abpb62b2c4amde256306",{"modern":"","legacy":""},{"trekkieShim":true,"agentContext":true,"apiClientId":"580111","facebookCapiEnabled":"true","themeId":"152094179489","themePublished":"true","eventMetadataId":"8425ff93-4903-4257-acfd-70a44c692fe0","pageType":"page","resourceId":"73106555041","shopId":"50975506593","storefrontBaseUrl":"https:\/\/cozmetica.pk","extensionBaseUrl":"https:\/\/extensions.shopifycdn.com\/cdn\/shopifycloud\/web-pixels-manager","surface":"storefront-renderer","enabledBetaFlags":"[\"16072cab\", \"8450a54b\", \"7ee89bf1\"]","isMerchantRequest":"false","hashVersion":"c8540278we853e1abpb62b2c4amde256306","publish":"custom","events":"[[\"page_viewed\",{}]]"});})();</script>
2127<script>
2128  window.ShopifyAnalytics = window.ShopifyAnalytics || {};
2129  window.ShopifyAnalytics.meta = window.ShopifyAnalytics.meta || {};
2130  window.ShopifyAnalytics.meta.currency = 'PKR';
2131  var meta = {"page":{"pageType":"page","resourceType":"page","resourceId":73106555041,"requestId":"6f4f081f-7c63-4b16-9354-cd9814cebbb4-1790348698"}};
2132  for (var attr in meta) {
2133    window.ShopifyAnalytics.meta[attr] = meta[attr];
2134  }
2135</script>
vendor: 1 bytes, line 2135
2135
2136<script class="analytics">
2137  (function () {
2138    var customDocumentWrite = function(content) {
2139      var jquery = null;
2140
2141      if (window.jQuery) {
2142        jquery = window.jQuery;
2143      } else if (window.Checkout && window.Checkout.$) {
2144        jquery = window.Checkout.$;
2145      }
2146
2147      if (jquery) {
2148        jquery('body').append(content);
2149      }
2150    };
2151
2152    var hasLoggedConversion = function(token) {
2153      if (token) {
2154        return document.cookie.indexOf('loggedConversion=' + token) !== -1;
2155      }
2156      return false;
2157    }
2158
2159    var setCookieIfConversion = function(token) {
2160      if (token) {
2161        var twoMonthsFromNow = new Date(Date.now());
2162        twoMonthsFromNow.setMonth(twoMonthsFromNow.getMonth() + 2);
2163
2164        document.cookie = 'loggedConversion=' + token + '; expires=' + twoMonthsFromNow;
2165      }
2166    }
2167
2168    var trekkie = window.ShopifyAnalytics.lib = window.trekkie = window.trekkie || [];
2169    window.ShopifyAnalytics.lib.trekkie = window.trekkie;
2170    if (trekkie.integrations) {
2171      return;
2172    }
2173    trekkie.methods = [
2174      'identify',
2175      'page',
2176      'ready',
2177      'track',
2178      'trackForm',
2179      'trackLink'
2180    ];
2181    trekkie.factory = function(method) {
2182      return function() {
2183        var args = Array.prototype.slice.call(arguments);
2184        args.unshift(method);
2185        trekkie.push(args);
2186        if (method == 'track' || method == 'page') {
2187          var pageUrl;
2188          try {
2189            pageUrl = window.location.href;
2190          } catch (e) {}
2191          var pageReferrer;
2192          try {
2193            pageReferrer = document.referrer;
2194          } catch (e) {}
2195          try {
2196            if (window.__TREKKIE_SHIM_QUEUE == null) {
2197              window.__TREKKIE_SHIM_QUEUE = [];
2198            }
2199            window.__TREKKIE_SHIM_QUEUE.push({
2200              from: 'trekkie-stub',
2201              method: method,
2202              args: args.slice(1),
2203              pageContext: {
2204                url: pageUrl,
2205                referrer: pageReferrer
2206              }
2207            });
2208          } catch (e) {
2209            // no-op
2210          }
2211        }
2212        return trekkie;
2213      };
2214    };
2215    for (var i = 0; i < trekkie.methods.length; i++) {
2216      var key = trekkie.methods[i];
2217      trekkie[key] = trekkie.factory(key);
2218    }
2219    trekkie.load = function(config) {
2220      trekkie.config = config || {};
2221      trekkie.config.initialDocumentCookie = document.cookie;
2222      var first = document.getElementsByTagName('script')[0];
2223var script = document.createElement('script');
2224script.type = 'text/javascript';
2225script.onerror = function(e) {
2226  var scriptFallback = document.createElement('script');
2227  scriptFallback.type = 'text/javascript';
2228  scriptFallback.onerror = function(error) {
2229          var Monorail = {
2230      produce: function produce(monorailDomain, schemaId, payload) {
2231        var currentMs = new Date().getTime();
2232        var event = {
2233          schema_id: schemaId,
2234          payload: payload,
2235          metadata: {
2236            event_created_at_ms: currentMs,
2237            event_sent_at_ms: currentMs
2238          }
2239        };
2240        return Monorail.sendRequest("https://" + monorailDomain + "/v1/produce", JSON.stringify(event));
2241      },
2242      sendRequest: function sendRequest(endpointUrl, payload) {
2243        // Try the sendBeacon API
2244        if (window && window.navigator && typeof window.navigator.sendBeacon === 'function' && typeof window.Blob === 'function' && !Monorail.isIos12()) {
2245          var blobData = new window.Blob([payload], {
2246            type: 'text/plain'
2247          });
2248
2249          if (window.navigator.sendBeacon(endpointUrl, blobData)) {
2250            return true;
2251          } // sendBeacon was not successful
2252
2253        } // XHR beacon
2254
2255        var xhr = new XMLHttpRequest();
2256
2257        try {
2258          xhr.open('POST', endpointUrl);
2259          xhr.setRequestHeader('Content-Type', 'text/plain');
2260          xhr.send(payload);
2261        } catch (e) {
2262          console.log(e);
2263        }
2264
2265        return false;
2266      },
2267      isIos12: function isIos12() {
2268        return window.navigator.userAgent.lastIndexOf('iPhone; CPU iPhone OS 12_') !== -1 || window.navigator.userAgent.lastIndexOf('iPad; CPU OS 12_') !== -1;
2269      }
2270    };
2271    Monorail.produce('monorail-edge.shopifysvc.com',
2272      'trekkie_storefront_load_errors/1.1',
2273      {shop_id: 50975506593,
2274      theme_id: 152094179489,
2275      app_name: "storefront",
2276      context_url: window.location.href,
2277      source_url: "//cozmetica.pk/cdn/s/trekkie.storefront.f1ba865b3fecd812ad617f74ac079261075e9edb.min.js"});
2278
2279  };
2280  scriptFallback.async = true;
2281  scriptFallback.src = '//cozmetica.pk/cdn/s/trekkie.storefront.f1ba865b3fecd812ad617f74ac079261075e9edb.min.js';
2282  first.parentNode.insertBefore(scriptFallback, first);
2283};
2284script.async = true;
2285script.src = '//cozmetica.pk/cdn/s/trekkie.storefront.f1ba865b3fecd812ad617f74ac079261075e9edb.min.js';
2286first.parentNode.insertBefore(script, first);
2287
2288    };
2289    trekkie.load(
2290      {"Trekkie":{"appName":"storefront","development":false,"defaultAttributes":{"shopId":50975506593,"isMerchantRequest":null,"themeId":152094179489,"themeCityHash":"18325163753947370883","contentLanguage":"en","currency":"PKR","eventMetadataId":"8425ff93-4903-4257-acfd-70a44c692fe0"},"isServerSideCookieWritingEnabled":true,"monorailRegion":"shop_domain","enabledBetaFlags":["764d78cb","8450a54b","7ee89bf1"]},"Session Attribution":{},"S2S":{"facebookCapiEnabled":true,"source":"trekkie-storefront-renderer","apiClientId":580111}}
2291    );
2292
2293    var loaded = false;
2294    trekkie.ready(function() {
2295      if (loaded) return;
2296      loaded = true;
2297
2298      window.ShopifyAnalytics.lib = window.trekkie;
2299
2300      var originalDocumentWrite = document.write;
2301      document.write = customDocumentWrite;
2302      try { window.ShopifyAnalytics.merchantGoogleAnalytics.call(this); } catch(error) {};
2303      document.write = originalDocumentWrite;
2304
2305      var match = window.location.pathname.match(/checkouts\/(.+)\/(thank_you|post_purchase)/)
2306      var token = match? match[1]: undefined;
2307      if (!hasLoggedConversion(token)) {
2308        setCookieIfConversion(token);
2309        
2310      }
2311    });
2312
2313    window.ShopifyAnalytics.lib.page(null,{"pageType":"page","resourceType":"page","resourceId":73106555041,"requestId":"6f4f081f-7c63-4b16-9354-cd9814cebbb4-1790348698","shopifyEmitted":true});
2314
2315    var eventsListenerScript = document.createElement('script');
2316    eventsListenerScript.async = true;
2317    eventsListenerScript.src = "//cozmetica.pk/cdn/shopifycloud/storefront/assets/shop_events_listener-4e26a9ce.js";
2318    document.getElementsByTagName('head')[0].appendChild(eventsListenerScript);
2319})();</script>
vendor: 1 bytes, line 2319
2319
2320<script
2321  defer
2322  src="https://cozmetica.pk/cdn/shopifycloud/perf-kit/shopify-perf-kit-3.9.4.min.js"
2323  data-application="storefront-renderer"
2324  data-shop-id="50975506593"
2325  data-render-region="gcp-us-central1"
2326  data-page-type="page"
2327  data-theme-instance-id="152094179489"
2328  data-theme-name="Horizon"
2329  data-theme-version="4.1.1"
2330  data-monorail-region="shop_domain"
2331  data-resource-timing-sampling-rate="10"
2332  data-shs="true"
2333  data-shs-beacon="true"
2334  data-shs-export-with-fetch="true"
2335  data-shs-logs-sample-rate="1"
2336  data-shs-beacon-endpoint="https://cozmetica.pk/api/collect"
2337></script>
vendor: 1 bytes, line 2337
2337
2338<script src="https://cdn.shopify.com/storefront/web-components/account.js" type="module" crossorigin fetchpriority="low" async></script>
2338<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>
2338
2339<meta name="shopify-y" content="f90e383d-9719-4af0-a86d-8ba8fb7a0981" data-expiration="1821906298000"><meta name="shopify-s" content="121d477b-d281-471f-8ca3-657e21705c2f" data-expiration="1790350498000"><meta name="new-cookie-storage-activated" content="t">
2340</head>
2341
2342  <body class="page-width-narrow card-hover-effect-none">
2343    <a
2344  class="skip-to-content-link button-secondary"
2345  href="#MainContent"
2346>
2347  Skip to content
2348</a>
2349
2350
2351
2352
2353    
2354
2355<theme-drawer id="chat-drawer">
2356  <dialog
2357    ref="panel"
2358    class="theme-drawer__dialog chat-drawer"
2359  >
2360    <shopify-chat
2361      mode="standalone"
2362      mode-switch
2363    ></shopify-chat>
2364  </dialog>
2365</theme-drawer>
2366
2367<script type="module">
2368  const chatDrawer = document.querySelector('#chat-drawer');
2369  const shopifyChat = document.querySelector('shopify-chat');
2370
2371  document.addEventListener('theme-drawer:open', (event) => {
2372    if (/** @type {Element} */ (event.target).id !== 'chat-drawer') return;
2373    shopifyChat?.setAttribute('mode', 'managed');
2374  });
2375
2376  document.addEventListener('theme-drawer:close', (event) => {
2377    if (/** @type {Element} */ (event.target).id !== 'chat-drawer') return;
2378    // If mode is still managed, this is a theme-initiated close (backdrop /
2379    // Escape) — close the chat so the FAB appears. If mode is already
2380    // standalone, the close was triggered by an undock (enter-standalone sets
2381    // mode before closing the drawer) — leave the chat open as a floating panel.
2382    if (shopifyChat?.getAttribute('mode') === 'managed') {
2383      shopifyChat?.removeAttribute('open');
2384    }
2385    shopifyChat?.setAttribute('mode', 'standalone');
2386  });
2387
2388  document.addEventListener('shopify-chat:enter-managed', () => {
2389    // Captured at event-fire time — the dock-transition animation hint below
2390    // depends on state as it was when the event was dispatched.
2391    const isStandaloneAndOpen = shopifyChat?.hasAttribute('open') && shopifyChat?.getAttribute('mode') === 'standalone';
2392
2393    // The activator-click path (FAB click on desktop with stored
2394    // preferredMode=managed) dispatches enter-managed *before* calling show(),
2395    // so the chat's `open` attribute at event time understates the imminent
2396    // outcome. Defer to a microtask: by then show() (if any) has run, and we
2397    // can distinguish the viewport-driven mobile→desktop transition that left
2398    // a minimized FAB (chat stays closed → don't open an empty drawer) from
2399    // an activator click (chat just opened → open the drawer).
2400    queueMicrotask(() => {
2401      if (!shopifyChat?.hasAttribute('open') && !chatDrawer?.hasAttribute('open')) {
2402        return;
2403      }
2404      chatDrawer?.open?.(isStandaloneAndOpen ? { enter: 'inline-start' } : undefined);
2405    });
2406  });
2407
2408  document.addEventListener('shopify-chat:enter-standalone', () => {
2409    shopifyChat?.setAttribute('mode', 'standalone');
2410    chatDrawer?.close?.();
2411  });
2412
2413  document.addEventListener('shopify-chat:close', () => {
2414    if (shopifyChat?.getAttribute('mode') === 'managed') {
2415      chatDrawer?.close?.();
2416    }
2417  });
2418
2419  document.addEventListener('megaMenu:hover', () => {
2420    if (shopifyChat?.hasAttribute('open') && shopifyChat?.getAttribute('mode') === 'standalone') {
2421      shopifyChat?.removeAttribute('open');
2422    }
2423  });
2424
2425  // After the chat upgrades it self-restores its preferred mode from
2426  // sessionStorage. Reconcile any mismatch with the theme-drawer's state
2427  // — the drawer is the source of truth for which mode the chat should
2428  // be in (open → managed, closed → standalone).
2429  customElements.whenDefined('shopify-chat').then(() => {
2430    const mode = chatDrawer?.hasAttribute('open') ? 'managed' : 'standalone';
2431    if (shopifyChat?.getAttribute('mode') !== mode) {
2432      // When switching managed → standalone (e.g. narrow viewport skipped
2433      // drawer restore), also close the chat so it renders as the FAB
2434      // rather than an open standalone panel.
2435      if (mode === 'standalone' && shopifyChat?.hasAttribute('open')) {
2436        shopifyChat?.removeAttribute('open');
2437      }
2438      shopifyChat?.setAttribute('mode', mode);
2439    }
2440  });
2441</script>
2441
2442
2443
2444
2445
2446    <div class="page-wrapper">
2447      <div id="header-group">
2448        <!-- BEGIN sections: header-group -->
2449<div id="shopify-section-sections--21036523061409__header_announcements_4C9xPQ" class="shopify-section shopify-section-group-header-group">
2450
2451
2452  
2452<script
2453    src="//cozmetica.pk/cdn/shop/t/140/assets/announcement-bar.js?v=34024675399582161451785524563"
2454    type="module"
2455    fetchpriority="low"
2456  ></script>
2456
2457
2458
2459
2460
2461
2462
2463
2464  <style data-shopify>
2465    .color-custom-sections--21036523061409__header_announcements_4C9xPQ,
2466    .color-custom-sections--21036523061409__header_announcements_4C9xPQ .text-block {
2467      /* Background */
2468      --color-background: #D80000;
2469      --color-background-rgb: 216 0 0;
2470
2471      /* Opacity values adjusted for background brightness */
2472      
2473--opacity-5-15: 0.05; --opacity-10-25: 0.1; --opacity-35-55: 0.35; --opacity-40-60:
24740.4; --opacity-30-60: 0.3; --opacity-60: 0.6;
2475
2476
2477      
2478        /* Foreground / text — explicit or smart-contrasted */
2479        --color: var(--palette-lightest);
2480        --color-rgb: var(--palette-lightest-rgb);
2481        --color-foreground: var(--palette-lightest);
2482        --color-foreground-rgb: var(--palette-lightest-rgb);
2483        --color-foreground-muted: rgb(var(--palette-lightest-rgb) / var(--opacity-muted-text));
2484        --color-foreground-subdued: rgb(var(--palette-lightest-rgb) / var(--opacity-subdued-text));
2485        --color-border: var(--palette-lightest);
2486        --color-border-rgb: var(--palette-lightest-rgb);
2487      
2488    }
2489
2490    
2491      .color-custom-sections--21036523061409__header_announcements_4C9xPQ {
2492        /* Form-related tokens stay on .color-custom only — .text-block is a prose
2493           container (text/announcement/inline-text/blog-post-description/
2494           collection-link/price/sku) and never holds form inputs. */
2495        --input-disabled-background-color: rgb(var(--palette-lightest-rgb) / var(--opacity-10));
2496        --input-disabled-border-color: rgb(var(--palette-lightest-rgb) / var(--opacity-5));
2497        --input-disabled-text-color: rgb(var(--palette-lightest-rgb) / var(--opacity-50));
2498        --checkbox-border: 1px solid rgb(var(--palette-lightest-rgb) / var(--opacity-35-55));
2499      }
2500    
2501
2502    .color-custom-sections--21036523061409__header_announcements_4C9xPQ {
2503      color: var(--color, var(--color-foreground));
2504      background-color: var(--color-background);
2505    }
2506  </style>
2507
2508
2509
2510<div class="section-background color-custom-sections--21036523061409__header_announcements_4C9xPQ"></div>
2511<aside
2512  class="announcement-bar spacing-style section section--page-width color-custom-sections--21036523061409__header_announcements_4C9xPQ"
2513  style="--padding-block-start: 8px; --padding-block-end:8px; --padding-inline-start:0px; --padding-inline-end:0px;
2514; --border-bottom-width: 0px;"
2515>
2516  
2517
2518  <announcement-bar-component
2519    class="announcement-bar__slider"
2520    
2521      autoplay="5" aria-live="polite"
2522    
2523  >
2524    
2525      <slideshow-arrows
2526  position="center"
2527  
2528><button
2529  class="
2530    slideshow-control slideshow-control--previous
2531    
2532    
2533    slideshow-control--style-chevron
2534    button button-unstyled button-unstyled--transparent
2535     flip-x
2536  "
2537  
2538    aria-label="Previous slide"
2539  
2540  on:click="/previous"
2541  ref="previous"
2542>
2543  <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">
2544  <path d="M11 5.5L7 9.5L3 5.5" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
2545</svg>
2546</span>
2547</button>
2548
2549
2550<button
2551  class="
2552    slideshow-control slideshow-control--next
2553    
2554    
2555    slideshow-control--style-chevron
2556    button button-unstyled button-unstyled--transparent
2557    
2558  "
2559  
2560    aria-label="Next slide"
2561  
2562  on:click="/next"
2563  ref="next"
2564>
2565  <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">
2566  <path d="M11 5.5L7 9.5L3 5.5" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
2567</svg>
2568</span>
2569</button>
2570
2571
2572</slideshow-arrows>
2573
2574
2575
2576    
2577
2578    <div class="announcement-bar__slides">
2579      
2580<slideshow-slide
2581    ref="slides[]"
2582    class="
2583      announcement-bar__slide
2584      text-block
2585      text-block--AdzlPMHFkeHgxUU9Ya__announcement_KtfkQC
2586      text-block--align-center
2587      text-block--full-width
2588      custom-typography
2589      custom-font-size
2590      
2591    "
2592    style="
2593      
2594--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);
2595      
2596      --width: 100%;
2597      --text-align: center;
2598      --line-height: 1;
2599    "
2600    
2601    aria-hidden="false"
2602  >
2603    <p class="announcement-bar__text">
2604      Extra Rs. 200 Off on Your First Purchase of 3000 or more: <strong>Use Code: FirstBuy200</strong>
2605    </p>
2606
2607    
2608  </slideshow-slide>
2609
2610
2611
2612<slideshow-slide
2613    ref="slides[]"
2614    class="
2615      announcement-bar__slide
2616      text-block
2617      text-block--AYnNSU1hjSVNDakNOM__announcement_RbaqJe
2618      text-block--align-center
2619      text-block--full-width
2620      custom-typography
2621      custom-font-size
2622      
2623    "
2624    style="
2625      
2626--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);
2627      
2628      --width: 100%;
2629      --text-align: center;
2630      --line-height: 1;
2631    "
2632    
2633    aria-hidden="true"
2634  >
2635    <p class="announcement-bar__text">
2636      Get Free Shipping on orders above Rs. 3,500/- <strong>Use Code: ShipFREE</strong>
2637    </p>
2638
2639    
2640  </slideshow-slide>
2641
2642
2643
2644    </div>
2645  </announcement-bar-component>
2646</aside>
2647
2648
2649
2650
2651</div><header id="shopify-section-sections--21036523061409__header_section" class="shopify-section shopify-section-group-header-group header-section">
2652
2653
2654
2655
2656
2657
2658<script type="application/ld+json">
2659  {
2660    "@context": "http://schema.org",
2661    "@type": "Organization",
2662    "name": "Cozmetica",
2663    
2664      "logo": "https:\/\/cozmetica.pk\/cdn\/shop\/files\/Cozmetica_Logo_3.webp?v=1781008992\u0026width=500",
2665    
2666    "url": "https:\/\/cozmetica.pk\/pages\/about-cozmetica"
2667  }
2668</script>
2668
2669
2670<header-component
2671  id="header-component"
2672  class="header"
2673  data-theme-color="rgb(255 255 255)"
2674  data-bubble-style="default"
2675  
2676  
2677    sticky="always"
2678  
2679  data-skip-node-update
2680  data-scroll-direction="none"
2681  
2682  
2683    data-transparent-background="bottom"
2684  
2685  style="
2686    --color-background-top-row: rgba(255 255 255 / 1.0);
2687    --color-background-bottom-row: rgba(255 255 255 / 1.0);
2688    
2689    
2690      --cart-bubble-background: var(--palette-darkest);
2691      --cart-bubble-text: #ffffff;
2692    
2693    
2694  "
2695>
2696  <div class="header__underlay header__underlay-closed"></div>
2697  <div
2698    class="header__underlay header__underlay-open"
2699  ></div>
2700    
2701
2702    
2703
2704    
2705    
2706      <div
2707        class="header__row header__row--top color-#ffffff section section--full-width-margin section--full-width color-custom-top-sections--21036523061409__header_section"
2708        ref="headerRowTop"style="--border-bottom-width: 0px; --border-bottom-width-mobile: 0px; --border-bottom-color-mobile: var(--color-border);">
2709        <div class="header__columns spacing-style">
2710          <style data-shopify>
2711    .color-custom-top-sections--21036523061409__header_section,
2712    .color-custom-top-sections--21036523061409__header_section .text-block {
2713      /* Background */
2714      --color-background: #ffffff;
2715      --color-background-rgb: 255 255 255;
2716
2717      /* Opacity values adjusted for background brightness */
2718      
2719--opacity-5-15: 0.05; --opacity-10-25: 0.1; --opacity-35-55: 0.35; --opacity-40-60:
27200.4; --opacity-30-60: 0.3; --opacity-60: 0.6;
2721
2722
2723      
2724        /* Foreground / text — explicit or smart-contrasted */
2725        --color: #000000;
2726        --color-rgb: 0 0 0;
2727        --color-foreground: #000000;
2728        --color-foreground-rgb: 0 0 0;
2729        --color-foreground-muted: rgb(0 0 0 / var(--opacity-muted-text));
2730        --color-foreground-subdued: rgb(0 0 0 / var(--opacity-subdued-text));
2731        --color-border: var(--palette-darkest);
2732        --color-border-rgb: var(--palette-darkest-rgb);
2733      
2734    }
2735
2736    
2737      .color-custom-top-sections--21036523061409__header_section {
2738        /* Form-related tokens stay on .color-custom only — .text-block is a prose
2739           container (text/announcement/inline-text/blog-post-description/
2740           collection-link/price/sku) and never holds form inputs. */
2741        --input-disabled-background-color: rgb(0 0 0 / var(--opacity-10));
2742        --input-disabled-border-color: rgb(0 0 0 / var(--opacity-5));
2743        --input-disabled-text-color: rgb(0 0 0 / var(--opacity-50));
2744        --checkbox-border: 1px solid rgb(0 0 0 / var(--opacity-35-55));
2745      }
2746    
2747
2748    .color-custom-top-sections--21036523061409__header_section {
2749      color: var(--color, var(--color-foreground));
2750      background-color: var(--color-background);
2751    }
2752  </style>
2753
2754
2755      
2756      
2757<div
2758      class="header__column header__column--left"
2759      data-testid="header-top-left"
2760    >
2761      
2762        
2763          
2764              
2765
2766
2767
2768    <div
2769      class="header__drawer"
2770      ref="headerDrawerContainer"
2771      data-hydration-key="header-drawer-mobile"
2772      
2773    >
2774      
2775
2776
2777
2778
2779  <style data-shopify>
2780    .color-custom-AdXpiTWJBM2htbjBtS__header-menu-1,
2781    .color-custom-AdXpiTWJBM2htbjBtS__header-menu-1 .text-block {
2782      /* Background */
2783      --color-background: #ffffff;
2784      --color-background-rgb: 255 255 255;
2785
2786      /* Opacity values adjusted for background brightness */
2787      
2788--opacity-5-15: 0.05; --opacity-10-25: 0.1; --opacity-35-55: 0.35; --opacity-40-60:
27890.4; --opacity-30-60: 0.3; --opacity-60: 0.6;
2790
2791
2792      
2793        /* Foreground / text — explicit or smart-contrasted */
2794        --color: #000000;
2795        --color-rgb: 0 0 0;
2796        --color-foreground: #000000;
2797        --color-foreground-rgb: 0 0 0;
2798        --color-foreground-muted: rgb(0 0 0 / var(--opacity-muted-text));
2799        --color-foreground-subdued: rgb(0 0 0 / var(--opacity-subdued-text));
2800        --color-border: var(--palette-darkest);
2801        --color-border-rgb: var(--palette-darkest-rgb);
2802      
2803    }
2804
2805    
2806      .color-custom-AdXpiTWJBM2htbjBtS__header-menu-1 {
2807        /* Form-related tokens stay on .color-custom only — .text-block is a prose
2808           container (text/announcement/inline-text/blog-post-description/
2809           collection-link/price/sku) and never holds form inputs. */
2810        --input-disabled-background-color: rgb(0 0 0 / var(--opacity-10));
2811        --input-disabled-border-color: rgb(0 0 0 / var(--opacity-5));
2812        --input-disabled-text-color: rgb(0 0 0 / var(--opacity-50));
2813        --checkbox-border: 1px solid rgb(0 0 0 / var(--opacity-35-55));
2814      }
2815    
2816
2817    .color-custom-AdXpiTWJBM2htbjBtS__header-menu-1 {
2818      color: var(--color, var(--color-foreground));
2819      background-color: var(--color-background);
2820    }
2821  </style>
2822
2823
2824
2825<script
2826  src="//cozmetica.pk/cdn/shop/t/140/assets/header-drawer.js?v=121243031541024704371785524563"
2827  type="module"
2828  fetchpriority="low"
2829></script>
2829
2830
2831<header-drawer
2832  class="header-drawer "
2833  style="--menu-image-border-radius: 0px; --resource-card-corner-radius: 0px;"
2834>
2835  <details
2836    id="Details-menu-drawer-container"
2837    data-skip-node-update="true"
2838    class="menu-drawer-container"
2839    ref="details"
2840    scroll-lock
2841  >
2842    <summary
2843      class="header__icon header__icon--menu header__icon--summary"
2844      aria-label="Menu"
2845      on:click="/toggle"
2846    >
2847      <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">
2848  <path d="M1 3.5H13" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/>
2849  <path d="M1 10.5H13" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/>
2850</svg>
2851</span>
2852      <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">
2853<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"/>
2854</svg>
2855</span>
2856    </summary>
2857    <div
2858      ref="menuDrawer"
2859      class="
2860        menu-drawer
2861        
2862          color-custom-AdXpiTWJBM2htbjBtS__header-menu-1
2863        
2864      "
2865    >
2866      <button
2867        class="button close-button menu-drawer__close-button focus-inset"
2868        type="button"
2869        aria-label="Close"
2870        on:click="/close"
2871      >
2872        <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">
2873<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"/>
2874</svg>
2875</span>
2876      </button>
2877      <nav
2878        class="menu-drawer__navigation"
2879        style="--menu-top-level-font-family: var(--font-body--family);
2880--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;
2881
2882  --menu-top-level-font-size: var(--menu-font-2xl--size); --menu-top-level-font-line-height:
2883  var(--menu-font-2xl--line-height);
2884
2885--menu-top-level-font-color: var(--color-foreground); --menu-top-level-font-color-rgb: var(--color-foreground-rgb);
2886
2887--menu-parent-font-family: var(--font-body--family); --menu-parent-font-style:
2888var(--font-body--style); --menu-parent-font-weight: var(--font-body--weight); --menu-parent-font-case:
2889none;
2890
2891    --menu-parent-font-size: var(--menu-font-sm--size); --menu-parent-font-line-height:
2892    var(--menu-font-sm--line-height); --menu-parent-font-color: var(--color-foreground-subdued);
2893    --menu-parent-active-font-color: var(--color-foreground);
2894  
2895--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:
2896none;
2897
2898    --menu-child-font-size: var(--menu-font-md--size); --menu-child-font-line-height: var(--menu-font-md--line-height);
2899    --menu-child-font-color: var(--color-foreground); --menu-child-active-font-color: var(--color-foreground-subdued);
2900  
2901
2902        "
2903        aria-label="Primary"
2904      >
2905        <ul
2906          class="menu-drawer__menu has-submenu"
2907          role="list"
2908        >
2909
2910
2911              <li
2912                class="menu-drawer__list-item"
2913                style="--menu-drawer-animation-index: 1;"
2914              ><details
2915                    id="Details-menu-drawer-menu-item-1"
2916                    class="menu-drawer__menu-container"
2917                  >
2918                    <summary
2919                      id="HeaderDrawer-makeup"
2920                      class="menu-drawer__menu-item menu-drawer__menu-item--mainlist menu-drawer__animated-element focus-inset"
2921                      on:click="header-drawer/open/submenu"
2922                    >
2923                      <span class="menu-drawer__menu-item-text wrap-text">MakeUp</span>
2924                      <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">
2925  <path d="M11 5.5L7 9.5L3 5.5" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
2926</svg>
2927</span>
2928                    </summary>
2929                    <div
2930                      id="link-makeup"
2931                      class="menu-drawer__submenu has-submenu"
2932                      tabindex="-1"
2933                      style="--menu-drawer-animation-index: 1;"
2934                    >
2935                      <div class="menu-drawer__inner-submenu">
2936                        <div class="menu-drawer__nav-buttons">
2937                          <button
2938                            class="button menu-drawer__back-button focus-inset"
2939                            on:click="header-drawer/back"
2940                            aria-label="Back to MakeUp"
2941                          >
2942                            <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">
2943  <path d="M11 5.5L7 9.5L3 5.5" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
2944</svg>
2945</span>
2946                            <span class="menu-drawer__menu-item-text wrap-text">MakeUp</span>
2947                          </button>
2948                          <button
2949                            class="button button-unstyled close-button menu-drawer__close-button focus-inset"
2950                            type="button"
2951                            aria-label="Close"
2952                            on:click="header-drawer/close"
2953                          >
2954                            <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">
2955<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"/>
2956</svg>
2957</span>
2958                          </button>
2959                        </div>
2960                        
2961                        <ul
2962                          class="menu-drawer__menu menu-drawer__menu--childlist"
2963                          role="list"
2964                          tabindex="-1"
2965                        >
2966                          <li
2967                              class="
2968                                menu-drawer__list-item
2969                                menu-drawer__list-item--deep
2970                              "
2971                            >
2972                                
2973
2974                                  <accordion-custom
2975  
2976  
2977  
2978  
2979  
2980  
2981  
2982  
2983  
2984>
2985  
2986                                    <details
2987                                      id="Details-menu-drawer-makeup-eyes"
2988                                    >
2989                                      <summary
2990                                        id="HeaderDrawer-makeup-eyes"
2991                                        class="menu-drawer__menu-item menu-drawer__menu-item--parent focus-inset"
2992                                      >
2993                                        <span class="menu-drawer__menu-item-text wrap-text">Eyes</span>
2994                                        <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">
2995  <path class="vertical" d="M2.75 7H11.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/>
2996  <path class="horizontal" d="M7 2.75L7 11.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/>
2997</svg>
2998</span>
2999                                      </summary>
3000                                      
3001                                      <ul
3002                                        class="menu-drawer__menu menu-drawer__menu--grandchildlist details-content"
3003                                        role="list"
3004                                        tabindex="-1"
3005                                      ><li
3006                                            class="menu-drawer__list-item"
3007                                            style="--menu-drawer-animation-index: 1;"
3008                                          >
3009                                            <a
3010                                              id="HeaderDrawer-makeup-eyes-mascara"
3011                                              href="/collections/mascara"
3012                                              class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
3013                                              
3014                                            >
3015                                              
3016                                              <span class="menu-drawer__menu-item-text wrap-text">Mascara</span>
3017                                            </a>
3018                                          </li><li
3019                                            class="menu-drawer__list-item"
3020                                            style="--menu-drawer-animation-index: 2;"
3021                                          >
3022                                            <a
3023                                              id="HeaderDrawer-makeup-eyes-eyeliner"
3024                                              href="/collections/eyeliner"
3025                                              class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
3026                                              
3027                                            >
3028                                              
3029                                              <span class="menu-drawer__menu-item-text wrap-text">Eyeliner</span>
3030                                            </a>
3031                                          </li><li
3032                                            class="menu-drawer__list-item"
3033                                            style="--menu-drawer-animation-index: 3;"
3034                                          >
3035                                            <a
3036                                              id="HeaderDrawer-makeup-eyes-eye-pencil"
3037                                              href="/collections/eye-pencil"
3038                                              class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
3039                                              
3040                                            >
3041                                              
3042                                              <span class="menu-drawer__menu-item-text wrap-text">Eye Pencil</span>
3043                                            </a>
3044                                          </li><li
3045                                            class="menu-drawer__list-item"
3046                                            style="--menu-drawer-animation-index: 4;"
3047                                          >
3048                                            <a
3049                                              id="HeaderDrawer-makeup-eyes-eye-palettes"
3050                                              href="/collections/eye-palettes"
3051                                              class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
3052                                              
3053                                            >
3054                                              
3055                                              <span class="menu-drawer__menu-item-text wrap-text">Eye Palettes</span>
3056                                            </a>
3057                                          </li><li
3058                                            class="menu-drawer__list-item"
3059                                            style="--menu-drawer-animation-index: 5;"
3060                                          >
3061                                            <a
3062                                              id="HeaderDrawer-makeup-eyes-eyebrow-fixer"
3063                                              href="/collections/eyebrow"
3064                                              class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
3065                                              
3066                                            >
3067                                              
3068                                              <span class="menu-drawer__menu-item-text wrap-text">Eyebrow Fixer</span>
3069                                            </a>
3070                                          </li><li
3071                                            class="menu-drawer__list-item"
3072                                            style="--menu-drawer-animation-index: 6;"
3073                                          >
3074                                            <a
3075                                              id="HeaderDrawer-makeup-eyes-eye-primer"
3076                                              href="/collections/eye-primer"
3077                                              class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
3078                                              
3079                                            >
3080                                              
3081                                              <span class="menu-drawer__menu-item-text wrap-text">Eye Primer</span>
3082                                            </a>
3083                                          </li><li
3084                                            class="menu-drawer__list-item"
3085                                            style="--menu-drawer-animation-index: 7;"
3086                                          >
3087                                            <a
3088                                              id="HeaderDrawer-makeup-eyes-lashes-glues"
3089                                              href="/collections/eye-lashes"
3090                                              class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
3091                                              
3092                                            >
3093                                              
3094                                              <span class="menu-drawer__menu-item-text wrap-text">Lashes &amp; Glues</span>
3095                                            </a>
3096                                          </li></ul>
3097                                    </details>
3098                                  
3099</accordion-custom>
3100
3101
3102
3103                                </li><li
3104                              class="
3105                                menu-drawer__list-item
3106                                menu-drawer__list-item--deep
3107                              "
3108                            >
3109                                
3110
3111                                  <accordion-custom
3112  
3113  
3114  
3115  
3116  
3117  
3118  
3119  
3120  
3121>
3122  
3123                                    <details
3124                                      id="Details-menu-drawer-makeup-face"
3125                                    >
3126                                      <summary
3127                                        id="HeaderDrawer-makeup-face"
3128                                        class="menu-drawer__menu-item menu-drawer__menu-item--parent focus-inset"
3129                                      >
3130                                        <span class="menu-drawer__menu-item-text wrap-text">Face</span>
3131                                        <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">
3132  <path class="vertical" d="M2.75 7H11.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/>
3133  <path class="horizontal" d="M7 2.75L7 11.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/>
3134</svg>
3135</span>
3136                                      </summary>
3137                                      
3138                                      <ul
3139                                        class="menu-drawer__menu menu-drawer__menu--grandchildlist details-content"
3140                                        role="list"
3141                                        tabindex="-1"
3142                                      ><li
3143                                            class="menu-drawer__list-item"
3144                                            style="--menu-drawer-animation-index: 1;"
3145                                          >
3146                                            <a
3147                                              id="HeaderDrawer-makeup-face-foundation"
3148                                              href="/collections/foundation"
3149                                              class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
3150                                              
3151                                            >
3152                                              
3153                                              <span class="menu-drawer__menu-item-text wrap-text">Foundation</span>
3154                                            </a>
3155                                          </li><li
3156                                            class="menu-drawer__list-item"
3157                                            style="--menu-drawer-animation-index: 2;"
3158                                          >
3159                                            <a
3160                                              id="HeaderDrawer-makeup-face-primer"
3161                                              href="/collections/face-primer"
3162                                              class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
3163                                              
3164                                            >
3165                                              
3166                                              <span class="menu-drawer__menu-item-text wrap-text">Primer</span>
3167                                            </a>
3168                                          </li><li
3169                                            class="menu-drawer__list-item"
3170                                            style="--menu-drawer-animation-index: 3;"
3171                                          >
3172                                            <a
3173                                              id="HeaderDrawer-makeup-face-powder"
3174                                              href="/collections/powder"
3175                                              class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
3176                                              
3177                                            >
3178                                              
3179                                              <span class="menu-drawer__menu-item-text wrap-text">Powder</span>
3180                                            </a>
3181                                          </li><li
3182                                            class="menu-drawer__list-item"
3183                                            style="--menu-drawer-animation-index: 4;"
3184                                          >
3185                                            <a
3186                                              id="HeaderDrawer-makeup-face-bb-cc-creams"
3187                                              href="/collections/bb-cc-creams"
3188                                              class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
3189                                              
3190                                            >
3191                                              
3192                                              <span class="menu-drawer__menu-item-text wrap-text">BB &amp; CC Creams</span>
3193                                            </a>
3194                                          </li><li
3195                                            class="menu-drawer__list-item"
3196                                            style="--menu-drawer-animation-index: 5;"
3197                                          >
3198                                            <a
3199                                              id="HeaderDrawer-makeup-face-concealer-correctors"
3200                                              href="/collections/concealer"
3201                                              class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
3202                                              
3203                                            >
3204                                              
3205                                              <span class="menu-drawer__menu-item-text wrap-text">Concealer &amp; Correctors</span>
3206                                            </a>
3207                                          </li><li
3208                                            class="menu-drawer__list-item"
3209                                            style="--menu-drawer-animation-index: 6;"
3210                                          >
3211                                            <a
3212                                              id="HeaderDrawer-makeup-face-blush-on"
3213                                              href="/collections/blush"
3214                                              class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
3215                                              
3216                                            >
3217                                              
3218                                              <span class="menu-drawer__menu-item-text wrap-text">Blush On</span>
3219                                            </a>
3220                                          </li><li
3221                                            class="menu-drawer__list-item"
3222                                            style="--menu-drawer-animation-index: 7;"
3223                                          >
3224                                            <a
3225                                              id="HeaderDrawer-makeup-face-makeup-fixer"
3226                                              href="/collections/makeup-fixer"
3227                                              class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
3228                                              
3229                                            >
3230                                              
3231                                              <span class="menu-drawer__menu-item-text wrap-text">Makeup Fixer</span>
3232                                            </a>
3233                                          </li><li
3234                                            class="menu-drawer__list-item"
3235                                            style="--menu-drawer-animation-index: 8;"
3236                                          >
3237                                            <a
3238                                              id="HeaderDrawer-makeup-face-highlighter"
3239                                              href="/collections/highlighter"
3240                                              class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
3241                                              
3242                                            >
3243                                              
3244                                              <span class="menu-drawer__menu-item-text wrap-text">Highlighter</span>
3245                                            </a>
3246                                          </li><li
3247                                            class="menu-drawer__list-item"
3248                                            style="--menu-drawer-animation-index: 9;"
3249                                          >
3250                                            <a
3251                                              id="HeaderDrawer-makeup-face-fixing-sprays"
3252                                              href="/collections/face-sprays"
3253                                              class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
3254                                              
3255                                            >
3256                                              
3257                                              <span class="menu-drawer__menu-item-text wrap-text">Fixing Sprays</span>
3258                                            </a>
3259                                          </li><li
3260                                            class="menu-drawer__list-item"
3261                                            style="--menu-drawer-animation-index: 10;"
3262                                          >
3263                                            <a
3264                                              id="HeaderDrawer-makeup-face-colour-corrector"
3265                                              href="/collections/colour-corrector"
3266                                              class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
3267                                              
3268                                            >
3269                                              
3270                                              <span class="menu-drawer__menu-item-text wrap-text">Colour Corrector</span>
3271                                            </a>
3272                                          </li><li
3273                                            class="menu-drawer__list-item"
3274                                            style="--menu-drawer-animation-index: 11;"
3275                                          >
3276                                            <a
3277                                              id="HeaderDrawer-makeup-face-makeup-remover"
3278                                              href="/collections/makeup-remover"
3279                                              class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
3280                                              
3281                                            >
3282                                              
3283                                              <span class="menu-drawer__menu-item-text wrap-text">Makeup Remover</span>
3284                                            </a>
3285                                          </li><li
3286                                            class="menu-drawer__list-item"
3287                                            style="--menu-drawer-animation-index: 12;"
3288                                          >
3289                                            <a
3290                                              id="HeaderDrawer-makeup-face-contour"
3291                                              href="/collections/contour"
3292                                              class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
3293                                              
3294                                            >
3295                                              
3296                                              <span class="menu-drawer__menu-item-text wrap-text">Contour</span>
3297                                            </a>
3298                                          </li><li
3299                                            class="menu-drawer__list-item"
3300                                            style="--menu-drawer-animation-index: 13;"
3301                                          >
3302                                            <a
3303                                              id="HeaderDrawer-makeup-face-bronzer"
3304                                              href="/collections/bronzer"
3305                                              class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
3306                                              
3307                                            >
3308                                              
3309                                              <span class="menu-drawer__menu-item-text wrap-text">Bronzer</span>
3310                                            </a>
3311                                          </li></ul>
3312                                    </details>
3313                                  
3314</accordion-custom>
3315
3316
3317
3318                                </li><li
3319                              class="
3320                                menu-drawer__list-item
3321                                menu-drawer__list-item--deep
3322                              "
3323                            >
3324                                
3325
3326                                  <accordion-custom
3327  
3328  
3329  
3330  
3331  
3332  
3333  
3334  
3335  
3336>
3337  
3338                                    <details
3339                                      id="Details-menu-drawer-makeup-lips"
3340                                    >
3341                                      <summary
3342                                        id="HeaderDrawer-makeup-lips"
3343                                        class="menu-drawer__menu-item menu-drawer__menu-item--parent focus-inset"
3344                                      >
3345                                        <span class="menu-drawer__menu-item-text wrap-text">Lips</span>
3346                                        <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">
3347  <path class="vertical" d="M2.75 7H11.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/>
3348  <path class="horizontal" d="M7 2.75L7 11.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/>
3349</svg>
3350</span>
3351                                      </summary>
3352                                      
3353                                      <ul
3354                                        class="menu-drawer__menu menu-drawer__menu--grandchildlist details-content"
3355                                        role="list"
3356                                        tabindex="-1"
3357                                      ><li
3358                                            class="menu-drawer__list-item"
3359                                            style="--menu-drawer-animation-index: 1;"
3360                                          >
3361                                            <a
3362                                              id="HeaderDrawer-makeup-lips-lipstick"
3363                                              href="/collections/lipstick"
3364                                              class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
3365                                              
3366                                            >
3367                                              
3368                                              <span class="menu-drawer__menu-item-text wrap-text">Lipstick</span>
3369                                            </a>
3370                                          </li><li
3371                                            class="menu-drawer__list-item"
3372                                            style="--menu-drawer-animation-index: 2;"
3373                                          >
3374                                            <a
3375                                              id="HeaderDrawer-makeup-lips-lip-gloss"
3376                                              href="/collections/lip-gloss"
3377                                              class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
3378                                              
3379                                            >
3380                                              
3381                                              <span class="menu-drawer__menu-item-text wrap-text">Lip Gloss</span>
3382                                            </a>
3383                                          </li><li
3384                                            class="menu-drawer__list-item"
3385                                            style="--menu-drawer-animation-index: 3;"
3386                                          >
3387                                            <a
3388                                              id="HeaderDrawer-makeup-lips-lip-oils"
3389                                              href="/collections/lip-oil"
3390                                              class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
3391                                              
3392                                            >
3393                                              
3394                                              <span class="menu-drawer__menu-item-text wrap-text">Lip Oils</span>
3395                                            </a>
3396                                          </li><li
3397                                            class="menu-drawer__list-item"
3398                                            style="--menu-drawer-animation-index: 4;"
3399                                          >
3400                                            <a
3401                                              id="HeaderDrawer-makeup-lips-lip-cheek-tints"
3402                                              href="/collections/lip-and-cheek-tints"
3403                                              class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
3404                                              
3405                                            >
3406                                              
3407                                              <span class="menu-drawer__menu-item-text wrap-text">Lip &amp; Cheek Tints</span>
3408                                            </a>
3409                                          </li><li
3410                                            class="menu-drawer__list-item"
3411                                            style="--menu-drawer-animation-index: 5;"
3412                                          >
3413                                            <a
3414                                              id="HeaderDrawer-makeup-lips-lip-balm-treatment"
3415                                              href="/collections/lip-balm-treatment"
3416                                              class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
3417                                              
3418                                            >
3419                                              
3420                                              <span class="menu-drawer__menu-item-text wrap-text">Lip Balm &amp; Treatment</span>
3421                                            </a>
3422                                          </li><li
3423                                            class="menu-drawer__list-item"
3424                                            style="--menu-drawer-animation-index: 6;"
3425                                          >
3426                                            <a
3427                                              id="HeaderDrawer-makeup-lips-lipliner"
3428                                              href="/collections/lipliner"
3429                                              class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
3430                                              
3431                                            >
3432                                              
3433                                              <span class="menu-drawer__menu-item-text wrap-text">Lipliner</span>
3434                                            </a>
3435                                          </li></ul>
3436                                    </details>
3437                                  
3438</accordion-custom>
3439
3440
3441
3442                                </li><li
3443                              class="
3444                                menu-drawer__list-item
3445                                menu-drawer__list-item--deep
3446                              "
3447                            >
3448                                
3449
3450                                  <accordion-custom
3451  
3452  
3453  
3454  
3455  
3456  
3457  
3458  
3459  
3460>
3461  
3462                                    <details
3463                                      id="Details-menu-drawer-makeup-nails"
3464                                    >
3465                                      <summary
3466                                        id="HeaderDrawer-makeup-nails"
3467                                        class="menu-drawer__menu-item menu-drawer__menu-item--parent focus-inset"
3468                                      >
3469                                        <span class="menu-drawer__menu-item-text wrap-text">Nails</span>
3470                                        <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">
3471  <path class="vertical" d="M2.75 7H11.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/>
3472  <path class="horizontal" d="M7 2.75L7 11.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/>
3473</svg>
3474</span>
3475                                      </summary>
3476                                      
3477                                      <ul
3478                                        class="menu-drawer__menu menu-drawer__menu--grandchildlist details-content"
3479                                        role="list"
3480                                        tabindex="-1"
3481                                      ><li
3482                                            class="menu-drawer__list-item"
3483                                            style="--menu-drawer-animation-index: 1;"
3484                                          >
3485                                            <a
3486                                              id="HeaderDrawer-makeup-nails-nail-polish"
3487                                              href="/collections/nail-polish"
3488                                              class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
3489                                              
3490                                            >
3491                                              
3492                                              <span class="menu-drawer__menu-item-text wrap-text">Nail Polish</span>
3493                                            </a>
3494                                          </li><li
3495                                            class="menu-drawer__list-item"
3496                                            style="--menu-drawer-animation-index: 2;"
3497                                          >
3498                                            <a
3499                                              id="HeaderDrawer-makeup-nails-top-base-coats"
3500                                              href="/collections/top-base-coats"
3501                                              class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
3502                                              
3503                                            >
3504                                              
3505                                              <span class="menu-drawer__menu-item-text wrap-text">Top &amp; Base Coats</span>
3506                                            </a>
3507                                          </li><li
3508                                            class="menu-drawer__list-item"
3509                                            style="--menu-drawer-animation-index: 3;"
3510                                          >
3511                                            <a
3512                                              id="HeaderDrawer-makeup-nails-nail-stickers"
3513                                              href="/collections/nail-sticker"
3514                                              class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
3515                                              
3516                                            >
3517                                              
3518                                              <span class="menu-drawer__menu-item-text wrap-text">Nail Stickers</span>
3519                                            </a>
3520                                          </li><li
3521                                            class="menu-drawer__list-item"
3522                                            style="--menu-drawer-animation-index: 4;"
3523                                          >
3524                                            <a
3525                                              id="HeaderDrawer-makeup-nails-nail-polish-remover"
3526                                              href="/collections/nail-polish-remover"
3527                                              class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
3528                                              
3529                                            >
3530                                              
3531                                              <span class="menu-drawer__menu-item-text wrap-text">Nail Polish Remover</span>
3532                                            </a>
3533                                          </li></ul>
3534                                    </details>
3535                                  
3536</accordion-custom>
3537
3538
3539
3540                                </li><li
3541                              class="
3542                                menu-drawer__list-item
3543                                menu-drawer__list-item--deep
3544                              "
3545                            >
3546                                
3547
3548                                  <accordion-custom
3549  
3550  
3551  
3552  
3553  
3554  
3555  
3556  
3557  
3558>
3559  
3560                                    <details
3561                                      id="Details-menu-drawer-makeup-tools-accessories"
3562                                    >
3563                                      <summary
3564                                        id="HeaderDrawer-makeup-tools-accessories"
3565                                        class="menu-drawer__menu-item menu-drawer__menu-item--parent focus-inset"
3566                                      >
3567                                        <span class="menu-drawer__menu-item-text wrap-text">Tools &amp; Accessories</span>
3568                                        <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">
3569  <path class="vertical" d="M2.75 7H11.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/>
3570  <path class="horizontal" d="M7 2.75L7 11.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/>
3571</svg>
3572</span>
3573                                      </summary>
3574                                      
3575                                      <ul
3576                                        class="menu-drawer__menu menu-drawer__menu--grandchildlist details-content"
3577                                        role="list"
3578                                        tabindex="-1"
3579                                      ><li
3580                                            class="menu-drawer__list-item"
3581                                            style="--menu-drawer-animation-index: 1;"
3582                                          >
3583                                            <a
3584                                              id="HeaderDrawer-makeup-tools-accessories-lashes-glues"
3585                                              href="/collections/eye-lashes"
3586                                              class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
3587                                              
3588                                            >
3589                                              
3590                                              <span class="menu-drawer__menu-item-text wrap-text">Lashes &amp; Glues</span>
3591                                            </a>
3592                                          </li><li
3593                                            class="menu-drawer__list-item"
3594                                            style="--menu-drawer-animation-index: 2;"
3595                                          >
3596                                            <a
3597                                              id="HeaderDrawer-makeup-tools-accessories-eye-brushes"
3598                                              href="/collections/eye-brushes"
3599                                              class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
3600                                              
3601                                            >
3602                                              
3603                                              <span class="menu-drawer__menu-item-text wrap-text">Eye Brushes</span>
3604                                            </a>
3605                                          </li><li
3606                                            class="menu-drawer__list-item"
3607                                            style="--menu-drawer-animation-index: 3;"
3608                                          >
3609                                            <a
3610                                              id="HeaderDrawer-makeup-tools-accessories-face-brushes"
3611                                              href="/collections/face-brushes"
3612                                              class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
3613                                              
3614                                            >
3615                                              
3616                                              <span class="menu-drawer__menu-item-text wrap-text">Face Brushes</span>
3617                                            </a>
3618                                          </li><li
3619                                            class="menu-drawer__list-item"
3620                                            style="--menu-drawer-animation-index: 4;"
3621                                          >
3622                                            <a
3623                                              id="HeaderDrawer-makeup-tools-accessories-makeup-sponges"
3624                                              href="/collections/makeup-sponge"
3625                                              class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
3626                                              
3627                                            >
3628                                              
3629                                              <span class="menu-drawer__menu-item-text wrap-text">Makeup Sponges</span>
3630                                            </a>
3631                                          </li><li
3632                                            class="menu-drawer__list-item"
3633                                            style="--menu-drawer-animation-index: 5;"
3634                                          >
3635                                            <a
3636                                              id="HeaderDrawer-makeup-tools-accessories-makeup-bags"
3637                                              href="/collections/makeup-bag"
3638                                              class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
3639                                              
3640                                            >
3641                                              
3642                                              <span class="menu-drawer__menu-item-text wrap-text">Makeup Bags</span>
3643                                            </a>
3644                                          </li><li
3645                                            class="menu-drawer__list-item"
3646                                            style="--menu-drawer-animation-index: 6;"
3647                                          >
3648                                            <a
3649                                              id="HeaderDrawer-makeup-tools-accessories-sharpeners"
3650                                              href="/collections/sharpeners"
3651                                              class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
3652                                              
3653                                            >
3654                                              
3655                                              <span class="menu-drawer__menu-item-text wrap-text">Sharpeners</span>
3656                                            </a>
3657                                          </li></ul>
3658                                    </details>
3659                                  
3660</accordion-custom>
3661
3662
3663
3664                                </li></ul>
3665                        
3666                      </div>
3667                    </div>
3668                  </details></li>
3669              <li
3670                class="menu-drawer__list-item"
3671                style="--menu-drawer-animation-index: 2;"
3672              ><details
3673                    id="Details-menu-drawer-menu-item-2"
3674                    class="menu-drawer__menu-container"
3675                  >
3676                    <summary
3677                      id="HeaderDrawer-korean-beauty"
3678                      class="menu-drawer__menu-item menu-drawer__menu-item--mainlist menu-drawer__animated-element focus-inset"
3679                      on:click="header-drawer/open/submenu"
3680                    >
3681                      <span class="menu-drawer__menu-item-text wrap-text">Korean Beauty</span>
3682                      <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">
3683  <path d="M11 5.5L7 9.5L3 5.5" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
3684</svg>
3685</span>
3686                    </summary>
3687                    <div
3688                      id="link-korean-beauty"
3689                      class="menu-drawer__submenu has-submenu"
3690                      tabindex="-1"
3691                      style="--menu-drawer-animation-index: 2;"
3692                    >
3693                      <div class="menu-drawer__inner-submenu">
3694                        <div class="menu-drawer__nav-buttons">
3695                          <button
3696                            class="button menu-drawer__back-button focus-inset"
3697                            on:click="header-drawer/back"
3698                            aria-label="Back to Korean Beauty"
3699                          >
3700                            <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">
3701  <path d="M11 5.5L7 9.5L3 5.5" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
3702</svg>
3703</span>
3704                            <span class="menu-drawer__menu-item-text wrap-text">Korean Beauty</span>
3705                          </button>
3706                          <button
3707                            class="button button-unstyled close-button menu-drawer__close-button focus-inset"
3708                            type="button"
3709                            aria-label="Close"
3710                            on:click="header-drawer/close"
3711                          >
3712                            <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">
3713<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"/>
3714</svg>
3715</span>
3716                          </button>
3717                        </div>
3718                        
3719                        <ul
3720                          class="menu-drawer__menu menu-drawer__menu--childlist"
3721                          role="list"
3722                          tabindex="-1"
3723                        >
3724                          <li
3725                              class="
3726                                menu-drawer__list-item
3727                                
3728                              "
3729                            ><a
3730                                  id="HeaderDrawer-korean-beauty-ampoules"
3731                                  href="/collections/korean-ampoules"
3732                                  class="menu-drawer__menu-item menu-drawer__menu-item--parent focus-inset"
3733                                  
3734                                >
3735                                  
3736                                  <span class="menu-drawer__menu-item-text wrap-text">Ampoules</span>
3737                                </a></li><li
3738                              class="
3739                                menu-drawer__list-item
3740                                
3741                              "
3742                            ><a
3743                                  id="HeaderDrawer-korean-beauty-sunscreen"
3744                                  href="/collections/korean-sunscreen"
3745                                  class="menu-drawer__menu-item menu-drawer__menu-item--parent focus-inset"
3746                                  
3747                                >
3748                                  
3749                                  <span class="menu-drawer__menu-item-text wrap-text">Sunscreen</span>
3750                                </a></li><li
3751                              class="
3752                                menu-drawer__list-item
3753                                
3754                              "
3755                            ><a
3756                                  id="HeaderDrawer-korean-beauty-serums"
3757                                  href="/collections/korean-serums"
3758                                  class="menu-drawer__menu-item menu-drawer__menu-item--parent focus-inset"
3759                                  
3760                                >
3761                                  
3762                                  <span class="menu-drawer__menu-item-text wrap-text">Serums</span>
3763                                </a></li><li
3764                              class="
3765                                menu-drawer__list-item
3766                                
3767                              "
3768                            ><a
3769                                  id="HeaderDrawer-korean-beauty-cleansers"
3770                                  href="/collections/korean-cleansers"
3771                                  class="menu-drawer__menu-item menu-drawer__menu-item--parent focus-inset"
3772                                  
3773                                >
3774                                  
3775                                  <span class="menu-drawer__menu-item-text wrap-text">Cleansers</span>
3776                                </a></li><li
3777                              class="
3778                                menu-drawer__list-item
3779                                
3780                              "
3781                            ><a
3782                                  id="HeaderDrawer-korean-beauty-moisturizers"
3783                                  href="/collections/korean-skincare/moisturizer"
3784                                  class="menu-drawer__menu-item menu-drawer__menu-item--parent focus-inset"
3785                                  
3786                                >
3787                                  
3788                                  <span class="menu-drawer__menu-item-text wrap-text">Moisturizers</span>
3789                                </a></li><li
3790                              class="
3791                                menu-drawer__list-item
3792                                
3793                              "
3794                            ><a
3795                                  id="HeaderDrawer-korean-beauty-face-mask"
3796                                  href="/collections/korean-skincare/face-masks"
3797                                  class="menu-drawer__menu-item menu-drawer__menu-item--parent focus-inset"
3798                                  
3799                                >
3800                                  
3801                                  <span class="menu-drawer__menu-item-text wrap-text">Face Mask</span>
3802                                </a></li><li
3803                              class="
3804                                menu-drawer__list-item
3805                                
3806                              "
3807                            ><a
3808                                  id="HeaderDrawer-korean-beauty-view-all"
3809                                  href="/collections/korean-skincare"
3810                                  class="menu-drawer__menu-item menu-drawer__menu-item--parent focus-inset"
3811                                  
3812                                >
3813                                  
3814                                  <span class="menu-drawer__menu-item-text wrap-text">View All</span>
3815                                </a></li><li
3816                              class="
3817                                menu-drawer__list-item
3818                                menu-drawer__list-item--deep
3819                              "
3820                            >
3821                                
3822
3823                                  <accordion-custom
3824  
3825  
3826  
3827  
3828  
3829  
3830  
3831  
3832  
3833>
3834  
3835                                    <details
3836                                      id="Details-menu-drawer-korean-beauty-shop-by-brands"
3837                                    >
3838                                      <summary
3839                                        id="HeaderDrawer-korean-beauty-shop-by-brands"
3840                                        class="menu-drawer__menu-item menu-drawer__menu-item--parent focus-inset"
3841                                      >
3842                                        <span class="menu-drawer__menu-item-text wrap-text">Shop By Brands</span>
3843                                        <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">
3844  <path class="vertical" d="M2.75 7H11.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/>
3845  <path class="horizontal" d="M7 2.75L7 11.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/>
3846</svg>
3847</span>
3848                                      </summary>
3849                                      
3850                                      <ul
3851                                        class="menu-drawer__menu menu-drawer__menu--grandchildlist details-content"
3852                                        role="list"
3853                                        tabindex="-1"
3854                                      ><li
3855                                            class="menu-drawer__list-item"
3856                                            style="--menu-drawer-animation-index: 1;"
3857                                          >
3858                                            <a
3859                                              id="HeaderDrawer-korean-beauty-shop-by-brands-skin1004"
3860                                              href="/collections/skin1004"
3861                                              class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
3862                                              
3863                                            >
3864                                              
3865                                              <span class="menu-drawer__menu-item-text wrap-text">Skin1004</span>
3866                                            </a>
3867                                          </li><li
3868                                            class="menu-drawer__list-item"
3869                                            style="--menu-drawer-animation-index: 2;"
3870                                          >
3871                                            <a
3872                                              id="HeaderDrawer-korean-beauty-shop-by-brands-beauty-of-joseon"
3873                                              href="/collections/beauty-of-joseon"
3874                                              class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
3875                                              
3876                                            >
3877                                              
3878                                              <span class="menu-drawer__menu-item-text wrap-text">Beauty Of Joseon</span>
3879                                            </a>
3880                                          </li><li
3881                                            class="menu-drawer__list-item"
3882                                            style="--menu-drawer-animation-index: 3;"
3883                                          >
3884                                            <a
3885                                              id="HeaderDrawer-korean-beauty-shop-by-brands-anua"
3886                                              href="/collections/anua"
3887                                              class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
3888                                              
3889                                            >
3890                                              
3891                                              <span class="menu-drawer__menu-item-text wrap-text">Anua</span>
3892                                            </a>
3893                                          </li><li
3894                                            class="menu-drawer__list-item"
3895                                            style="--menu-drawer-animation-index: 4;"
3896                                          >
3897                                            <a
3898                                              id="HeaderDrawer-korean-beauty-shop-by-brands-medicube"
3899                                              href="/collections/medicube"
3900                                              class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
3901                                              
3902                                            >
3903                                              
3904                                              <span class="menu-drawer__menu-item-text wrap-text">Medicube</span>
3905                                            </a>
3906                                          </li><li
3907                                            class="menu-drawer__list-item"
3908                                            style="--menu-drawer-animation-index: 5;"
3909                                          >
3910                                            <a
3911                                              id="HeaderDrawer-korean-beauty-shop-by-brands-cosrx"
3912                                              href="/collections/COSRX"
3913                                              class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
3914                                              
3915                                            >
3916                                              
3917                                              <span class="menu-drawer__menu-item-text wrap-text">COSRX</span>
3918                                            </a>
3919                                          </li><li
3920                                            class="menu-drawer__list-item"
3921                                            style="--menu-drawer-animation-index: 6;"
3922                                          >
3923                                            <a
3924                                              id="HeaderDrawer-korean-beauty-shop-by-brands-celimax"
3925                                              href="/products/celimax-the-vita-a-retinal-shot-tightening-booster"
3926                                              class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
3927                                              
3928                                            >
3929                                              
3930                                              <span class="menu-drawer__menu-item-text wrap-text">Celimax</span>
3931                                            </a>
3932                                          </li><li
3933                                            class="menu-drawer__list-item"
3934                                            style="--menu-drawer-animation-index: 7;"
3935                                          >
3936                                            <a
3937                                              id="HeaderDrawer-korean-beauty-shop-by-brands-dr-althea"
3938                                              href="/collections/dr-althea"
3939                                              class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
3940                                              
3941                                            >
3942                                              
3943                                              <span class="menu-drawer__menu-item-text wrap-text">Dr Althea</span>
3944                                            </a>
3945                                          </li><li
3946                                            class="menu-drawer__list-item"
3947                                            style="--menu-drawer-animation-index: 8;"
3948                                          >
3949                                            <a
3950                                              id="HeaderDrawer-korean-beauty-shop-by-brands-axis-y"
3951                                              href="/collections/Axis-Y"
3952                                              class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
3953                                              
3954                                            >
3955                                              
3956                                              <span class="menu-drawer__menu-item-text wrap-text">Axis-Y</span>
3957                                            </a>
3958                                          </li><li
3959                                            class="menu-drawer__list-item"
3960                                            style="--menu-drawer-animation-index: 9;"
3961                                          >
3962                                            <a
3963                                              id="HeaderDrawer-korean-beauty-shop-by-brands-purito-seoul"
3964                                              href="/products/purito-seoul-mighty-bamboo-panthenol-moisturizing-cream-100ml"
3965                                              class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
3966                                              
3967                                            >
3968                                              
3969                                              <span class="menu-drawer__menu-item-text wrap-text">Purito Seoul</span>
3970                                            </a>
3971                                          </li><li
3972                                            class="menu-drawer__list-item"
3973                                            style="--menu-drawer-animation-index: 10;"
3974                                          >
3975                                            <a
3976                                              id="HeaderDrawer-korean-beauty-shop-by-brands-eqqual-berry"
3977                                              href="/collections/eqqualberry"
3978                                              class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
3979                                              
3980                                            >
3981                                              
3982                                              <span class="menu-drawer__menu-item-text wrap-text">Eqqual Berry</span>
3983                                            </a>
3984                                          </li><li
3985                                            class="menu-drawer__list-item"
3986                                            style="--menu-drawer-animation-index: 11;"
3987                                          >
3988                                            <a
3989                                              id="HeaderDrawer-korean-beauty-shop-by-brands-im-from"
3990                                              href="/products/im-from-mugwort-serum-30ml"
3991                                              class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
3992                                              
3993                                            >
3994                                              
3995                                              <span class="menu-drawer__menu-item-text wrap-text">I&#39;m From</span>
3996                                            </a>
3997                                          </li><li
3998                                            class="menu-drawer__list-item"
3999                                            style="--menu-drawer-animation-index: 12;"
4000                                          >
4001                                            <a
4002                                              id="HeaderDrawer-korean-beauty-shop-by-brands-arencia"
4003                                              href="/collections/arencia"
4004                                              class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
4005                                              
4006                                            >
4007                                              
4008                                              <span class="menu-drawer__menu-item-text wrap-text">Arencia</span>
4009                                            </a>
4010                                          </li><li
4011                                            class="menu-drawer__list-item"
4012                                            style="--menu-drawer-animation-index: 13;"
4013                                          >
4014                                            <a
4015                                              id="HeaderDrawer-korean-beauty-shop-by-brands-vt-cosmetics"
4016                                              href="/collections/vt-cosmetics"
4017                                              class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
4018                                              
4019                                            >
4020                                              
4021                                              <span class="menu-drawer__menu-item-text wrap-text">VT Cosmetics</span>
4022                                            </a>
4023                                          </li><li
4024                                            class="menu-drawer__list-item"
4025                                            style="--menu-drawer-animation-index: 14;"
4026                                          >
4027                                            <a
4028                                              id="HeaderDrawer-korean-beauty-shop-by-brands-numbuzin"
4029                                              href="/collections/numbuzin"
4030                                              class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
4031                                              
4032                                            >
4033                                              
4034                                              <span class="menu-drawer__menu-item-text wrap-text">Numbuzin</span>
4035                                            </a>
4036                                          </li></ul>
4037                                    </details>
4038                                  
4039</accordion-custom>
4040
4041
4042
4043                                </li></ul>
4044                        
4045                      </div>
4046                    </div>
4047                  </details></li>
4048              <li
4049                class="menu-drawer__list-item"
4050                style="--menu-drawer-animation-index: 3;"
4051              ><details
4052                    id="Details-menu-drawer-menu-item-3"
4053                    class="menu-drawer__menu-container"
4054                  >
4055                    <summary
4056                      id="HeaderDrawer-skin-care"
4057                      class="menu-drawer__menu-item menu-drawer__menu-item--mainlist menu-drawer__animated-element focus-inset"
4058                      on:click="header-drawer/open/submenu"
4059                    >
4060                      <span class="menu-drawer__menu-item-text wrap-text">Skin Care</span>
4061                      <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">
4062  <path d="M11 5.5L7 9.5L3 5.5" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
4063</svg>
4064</span>
4065                    </summary>
4066                    <div
4067                      id="link-skin-care"
4068                      class="menu-drawer__submenu has-submenu"
4069                      tabindex="-1"
4070                      style="--menu-drawer-animation-index: 3;"
4071                    >
4072                      <div class="menu-drawer__inner-submenu">
4073                        <div class="menu-drawer__nav-buttons">
4074                          <button
4075                            class="button menu-drawer__back-button focus-inset"
4076                            on:click="header-drawer/back"
4077                            aria-label="Back to Skin Care"
4078                          >
4079                            <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">
4080  <path d="M11 5.5L7 9.5L3 5.5" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
4081</svg>
4082</span>
4083                            <span class="menu-drawer__menu-item-text wrap-text">Skin Care</span>
4084                          </button>
4085                          <button
4086                            class="button button-unstyled close-button menu-drawer__close-button focus-inset"
4087                            type="button"
4088                            aria-label="Close"
4089                            on:click="header-drawer/close"
4090                          >
4091                            <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">
4092<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"/>
4093</svg>
4094</span>
4095                          </button>
4096                        </div>
4097                        
4098                        <ul
4099                          class="menu-drawer__menu menu-drawer__menu--childlist"
4100                          role="list"
4101                          tabindex="-1"
4102                        >
4103                          <li
4104                              class="
4105                                menu-drawer__list-item
4106                                menu-drawer__list-item--deep
4107                              "
4108                            >
4109                                
4110
4111                                  <accordion-custom
4112  
4113  
4114  
4115  
4116  
4117  
4118  
4119  
4120  
4121>
4122  
4123                                    <details
4124                                      id="Details-menu-drawer-skin-care-shop-by-concern"
4125                                    >
4126                                      <summary
4127                                        id="HeaderDrawer-skin-care-shop-by-concern"
4128                                        class="menu-drawer__menu-item menu-drawer__menu-item--parent focus-inset"
4129                                      >
4130                                        <span class="menu-drawer__menu-item-text wrap-text">Shop By Concern</span>
4131                                        <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">
4132  <path class="vertical" d="M2.75 7H11.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/>
4133  <path class="horizontal" d="M7 2.75L7 11.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/>
4134</svg>
4135</span>
4136                                      </summary>
4137                                      
4138                                      <ul
4139                                        class="menu-drawer__menu menu-drawer__menu--grandchildlist details-content"
4140                                        role="list"
4141                                        tabindex="-1"
4142                                      ><li
4143                                            class="menu-drawer__list-item"
4144                                            style="--menu-drawer-animation-index: 1;"
4145                                          >
4146                                            <a
4147                                              id="HeaderDrawer-skin-care-shop-by-concern-acne-breakouts-blemishes"
4148                                              href="/collections/acne-blemishes"
4149                                              class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
4150                                              
4151                                            >
4152                                              
4153                                              <span class="menu-drawer__menu-item-text wrap-text">Acne / Breakouts / Blemishes</span>
4154                                            </a>
4155                                          </li><li
4156                                            class="menu-drawer__list-item"
4157                                            style="--menu-drawer-animation-index: 2;"
4158                                          >
4159                                            <a
4160                                              id="HeaderDrawer-skin-care-shop-by-concern-brightening-glow-texture"
4161                                              href="/collections/dullness-uneven-texture"
4162                                              class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
4163                                              
4164                                            >
4165                                              
4166                                              <span class="menu-drawer__menu-item-text wrap-text">Brightening / Glow / Texture</span>
4167                                            </a>
4168                                          </li><li
4169                                            class="menu-drawer__list-item"
4170                                            style="--menu-drawer-animation-index: 3;"
4171                                          >
4172                                            <a
4173                                              id="HeaderDrawer-skin-care-shop-by-concern-pores-clenasing-oil-control"
4174                                              href="/collections/pores"
4175                                              class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
4176                                              
4177                                            >
4178                                              
4179                                              <span class="menu-drawer__menu-item-text wrap-text">Pores Clenasing / Oil Control</span>
4180                                            </a>
4181                                          </li><li
4182                                            class="menu-drawer__list-item"
4183                                            style="--menu-drawer-animation-index: 4;"
4184                                          >
4185                                            <a
4186                                              id="HeaderDrawer-skin-care-shop-by-concern-dark-spots-dullness"
4187                                              href="/collections/dark-spots"
4188                                              class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
4189                                              
4190                                            >
4191                                              
4192                                              <span class="menu-drawer__menu-item-text wrap-text">Dark Spots &amp; Dullness</span>
4193                                            </a>
4194                                          </li><li
4195                                            class="menu-drawer__list-item"
4196                                            style="--menu-drawer-animation-index: 5;"
4197                                          >
4198                                            <a
4199                                              id="HeaderDrawer-skin-care-shop-by-concern-dryness"
4200                                              href="/collections/dryness"
4201                                              class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
4202                                              
4203                                            >
4204                                              
4205                                              <span class="menu-drawer__menu-item-text wrap-text">Dryness</span>
4206                                            </a>
4207                                          </li><li
4208                                            class="menu-drawer__list-item"
4209                                            style="--menu-drawer-animation-index: 6;"
4210                                          >
4211                                            <a
4212                                              id="HeaderDrawer-skin-care-shop-by-concern-anti-aging"
4213                                              href="/collections/anti-aging"
4214                                              class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
4215                                              
4216                                            >
4217                                              
4218                                              <span class="menu-drawer__menu-item-text wrap-text">Anti-Aging</span>
4219                                            </a>
4220                                          </li><li
4221                                            class="menu-drawer__list-item"
4222                                            style="--menu-drawer-animation-index: 7;"
4223                                          >
4224                                            <a
4225                                              id="HeaderDrawer-skin-care-shop-by-concern-fine-lines-wrinkles"
4226                                              href="/collections/fine-lines-wrinkles"
4227                                              class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
4228                                              
4229                                            >
4230                                              
4231                                              <span class="menu-drawer__menu-item-text wrap-text">Fine Lines &amp; Wrinkles</span>
4232                                            </a>
4233                                          </li><li
4234                                            class="menu-drawer__list-item"
4235                                            style="--menu-drawer-animation-index: 8;"
4236                                          >
4237                                            <a
4238                                              id="HeaderDrawer-skin-care-shop-by-concern-pigmentation-scars"
4239                                              href="/collections/hyperpigmentation"
4240                                              class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
4241                                              
4242                                            >
4243                                              
4244                                              <span class="menu-drawer__menu-item-text wrap-text">Pigmentation / Scars</span>
4245                                            </a>
4246                                          </li></ul>
4247                                    </details>
4248                                  
4249</accordion-custom>
4250
4251
4252
4253                                </li><li
4254                              class="
4255                                menu-drawer__list-item
4256                                menu-drawer__list-item--deep
4257                              "
4258                            >
4259                                
4260
4261                                  <accordion-custom
4262  
4263  
4264  
4265  
4266  
4267  
4268  
4269  
4270  
4271>
4272  
4273                                    <details
4274                                      id="Details-menu-drawer-skin-care-serums-toners"
4275                                    >
4276                                      <summary
4277                                        id="HeaderDrawer-skin-care-serums-toners"
4278                                        class="menu-drawer__menu-item menu-drawer__menu-item--parent focus-inset"
4279                                      >
4280                                        <span class="menu-drawer__menu-item-text wrap-text">Serums &amp; Toners</span>
4281                                        <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">
4282  <path class="vertical" d="M2.75 7H11.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/>
4283  <path class="horizontal" d="M7 2.75L7 11.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/>
4284</svg>
4285</span>
4286                                      </summary>
4287                                      
4288                                      <ul
4289                                        class="menu-drawer__menu menu-drawer__menu--grandchildlist details-content"
4290                                        role="list"
4291                                        tabindex="-1"
4292                                      ><li
4293                                            class="menu-drawer__list-item"
4294                                            style="--menu-drawer-animation-index: 1;"
4295                                          >
4296                                            <a
4297                                              id="HeaderDrawer-skin-care-serums-toners-ampoules-new"
4298                                              href="/collections/ampoules"
4299                                              class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
4300                                              
4301                                            >
4302                                              
4303                                              <span class="menu-drawer__menu-item-text wrap-text">Ampoules (New)</span>
4304                                            </a>
4305                                          </li><li
4306                                            class="menu-drawer__list-item"
4307                                            style="--menu-drawer-animation-index: 2;"
4308                                          >
4309                                            <a
4310                                              id="HeaderDrawer-skin-care-serums-toners-face-serums"
4311                                              href="/collections/face-serums"
4312                                              class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
4313                                              
4314                                            >
4315                                              
4316                                              <span class="menu-drawer__menu-item-text wrap-text">Face Serums</span>
4317                                            </a>
4318                                          </li><li
4319                                            class="menu-drawer__list-item"
4320                                            style="--menu-drawer-animation-index: 3;"
4321                                          >
4322                                            <a
4323                                              id="HeaderDrawer-skin-care-serums-toners-toners"
4324                                              href="/collections/toners"
4325                                              class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
4326                                              
4327                                            >
4328                                              
4329                                              <span class="menu-drawer__menu-item-text wrap-text">Toners</span>
4330                                            </a>
4331                                          </li><li
4332                                            class="menu-drawer__list-item"
4333                                            style="--menu-drawer-animation-index: 4;"
4334                                          >
4335                                            <a
4336                                              id="HeaderDrawer-skin-care-serums-toners-face-masks"
4337                                              href="/collections/face-masks"
4338                                              class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
4339                                              
4340                                            >
4341                                              
4342                                              <span class="menu-drawer__menu-item-text wrap-text">Face Masks</span>
4343                                            </a>
4344                                          </li></ul>
4345                                    </details>
4346                                  
4347</accordion-custom>
4348
4349
4350
4351                                </li><li
4352                              class="
4353                                menu-drawer__list-item
4354                                menu-drawer__list-item--deep
4355                              "
4356                            >
4357                                
4358
4359                                  <accordion-custom
4360  
4361  
4362  
4363  
4364  
4365  
4366  
4367  
4368  
4369>
4370  
4371                                    <details
4372                                      id="Details-menu-drawer-skin-care-moisturizers-lotions"
4373                                    >
4374                                      <summary
4375                                        id="HeaderDrawer-skin-care-moisturizers-lotions"
4376                                        class="menu-drawer__menu-item menu-drawer__menu-item--parent focus-inset"
4377                                      >
4378                                        <span class="menu-drawer__menu-item-text wrap-text">Moisturizers &amp; Lotions</span>
4379                                        <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">
4380  <path class="vertical" d="M2.75 7H11.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/>
4381  <path class="horizontal" d="M7 2.75L7 11.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/>
4382</svg>
4383</span>
4384                                      </summary>
4385                                      
4386                                      <ul
4387                                        class="menu-drawer__menu menu-drawer__menu--grandchildlist details-content"
4388                                        role="list"
4389                                        tabindex="-1"
4390                                      ><li
4391                                            class="menu-drawer__list-item"
4392                                            style="--menu-drawer-animation-index: 1;"
4393                                          >
4394                                            <a
4395                                              id="HeaderDrawer-skin-care-moisturizers-lotions-moisturizer"
4396                                              href="/collections/moisturizer"
4397                                              class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
4398                                              
4399                                            >
4400                                              
4401                                              <span class="menu-drawer__menu-item-text wrap-text">Moisturizer</span>
4402                                            </a>
4403                                          </li><li
4404                                            class="menu-drawer__list-item"
4405                                            style="--menu-drawer-animation-index: 2;"
4406                                          >
4407                                            <a
4408                                              id="HeaderDrawer-skin-care-moisturizers-lotions-face-creams"
4409                                              href="/collections/face-creams"
4410                                              class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
4411                                              
4412                                            >
4413                                              
4414                                              <span class="menu-drawer__menu-item-text wrap-text">Face Creams</span>
4415                                            </a>
4416                                          </li><li
4417                                            class="menu-drawer__list-item"
4418                                            style="--menu-drawer-animation-index: 3;"
4419                                          >
4420                                            <a
4421                                              id="HeaderDrawer-skin-care-moisturizers-lotions-sunblock"
4422                                              href="/collections/sunblock"
4423                                              class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
4424                                              
4425                                            >
4426                                              
4427                                              <span class="menu-drawer__menu-item-text wrap-text">Sunblock</span>
4428                                            </a>
4429                                          </li><li
4430                                            class="menu-drawer__list-item"
4431                                            style="--menu-drawer-animation-index: 4;"
4432                                          >
4433                                            <a
4434                                              id="HeaderDrawer-skin-care-moisturizers-lotions-eye-cream"
4435                                              href="/collections/eye-cream"
4436                                              class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
4437                                              
4438                                            >
4439                                              
4440                                              <span class="menu-drawer__menu-item-text wrap-text">Eye Cream</span>
4441                                            </a>
4442                                          </li><li
4443                                            class="menu-drawer__list-item"
4444                                            style="--menu-drawer-animation-index: 5;"
4445                                          >
4446                                            <a
4447                                              id="HeaderDrawer-skin-care-moisturizers-lotions-body-lotion"
4448                                              href="/collections/body-lotion"
4449                                              class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
4450                                              
4451                                            >
4452                                              
4453                                              <span class="menu-drawer__menu-item-text wrap-text">Body Lotion</span>
4454                                            </a>
4455                                          </li><li
4456                                            class="menu-drawer__list-item"
4457                                            style="--menu-drawer-animation-index: 6;"
4458                                          >
4459                                            <a
4460                                              id="HeaderDrawer-skin-care-moisturizers-lotions-hand-foot-care"
4461                                              href="/collections/hand-foot-care"
4462                                              class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
4463                                              
4464                                            >
4465                                              
4466                                              <span class="menu-drawer__menu-item-text wrap-text">Hand &amp; Foot Care</span>
4467                                            </a>
4468                                          </li><li
4469                                            class="menu-drawer__list-item"
4470                                            style="--menu-drawer-animation-index: 7;"
4471                                          >
4472                                            <a
4473                                              id="HeaderDrawer-skin-care-moisturizers-lotions-lip-balm-treatment"
4474                                              href="/collections/lip-balm-treatment"
4475                                              class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
4476                                              
4477                                            >
4478                                              
4479                                              <span class="menu-drawer__menu-item-text wrap-text">Lip Balm &amp; Treatment</span>
4480                                            </a>
4481                                          </li><li
4482                                            class="menu-drawer__list-item"
4483                                            style="--menu-drawer-animation-index: 8;"
4484                                          >
4485                                            <a
4486                                              id="HeaderDrawer-skin-care-moisturizers-lotions-face-oils"
4487                                              href="/collections/face-oils"
4488                                              class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
4489                                              
4490                                            >
4491                                              
4492                                              <span class="menu-drawer__menu-item-text wrap-text">Face Oils</span>
4493                                            </a>
4494                                          </li></ul>
4495                                    </details>
4496                                  
4497</accordion-custom>
4498
4499
4500
4501                                </li><li
4502                              class="
4503                                menu-drawer__list-item
4504                                menu-drawer__list-item--deep
4505                              "
4506                            >
4507                                
4508
4509                                  <accordion-custom
4510  
4511  
4512  
4513  
4514  
4515  
4516  
4517  
4518  
4519>
4520  
4521                                    <details
4522                                      id="Details-menu-drawer-skin-care-daily-cleansing-care"
4523                                    >
4524                                      <summary
4525                                        id="HeaderDrawer-skin-care-daily-cleansing-care"
4526                                        class="menu-drawer__menu-item menu-drawer__menu-item--parent focus-inset"
4527                                      >
4528                                        <span class="menu-drawer__menu-item-text wrap-text">Daily Cleansing Care</span>
4529                                        <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">
4530  <path class="vertical" d="M2.75 7H11.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/>
4531  <path class="horizontal" d="M7 2.75L7 11.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/>
4532</svg>
4533</span>
4534                                      </summary>
4535                                      
4536                                      <ul
4537                                        class="menu-drawer__menu menu-drawer__menu--grandchildlist details-content"
4538                                        role="list"
4539                                        tabindex="-1"
4540                                      ><li
4541                                            class="menu-drawer__list-item"
4542                                            style="--menu-drawer-animation-index: 1;"
4543                                          >
4544                                            <a
4545                                              id="HeaderDrawer-skin-care-daily-cleansing-care-cleanser"
4546                                              href="/collections/cleanser"
4547                                              class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
4548                                              
4549                                            >
4550                                              
4551                                              <span class="menu-drawer__menu-item-text wrap-text">Cleanser</span>
4552                                            </a>
4553                                          </li><li
4554                                            class="menu-drawer__list-item"
4555                                            style="--menu-drawer-animation-index: 2;"
4556                                          >
4557                                            <a
4558                                              id="HeaderDrawer-skin-care-daily-cleansing-care-face-wash"
4559                                              href="/collections/face-wash"
4560                                              class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
4561                                              
4562                                            >
4563                                              
4564                                              <span class="menu-drawer__menu-item-text wrap-text">Face Wash</span>
4565                                            </a>
4566                                          </li><li
4567                                            class="menu-drawer__list-item"
4568                                            style="--menu-drawer-animation-index: 3;"
4569                                          >
4570                                            <a
4571                                              id="HeaderDrawer-skin-care-daily-cleansing-care-face-scrub"
4572                                              href="/collections/face-scrub"
4573                                              class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
4574                                              
4575                                            >
4576                                              
4577                                              <span class="menu-drawer__menu-item-text wrap-text">Face Scrub</span>
4578                                            </a>
4579                                          </li><li
4580                                            class="menu-drawer__list-item"
4581                                            style="--menu-drawer-animation-index: 4;"
4582                                          >
4583                                            <a
4584                                              id="HeaderDrawer-skin-care-daily-cleansing-care-face-wipes"
4585                                              href="/collections/face-wipes"
4586                                              class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
4587                                              
4588                                            >
4589                                              
4590                                              <span class="menu-drawer__menu-item-text wrap-text">Face Wipes</span>
4591                                            </a>
4592                                          </li><li
4593                                            class="menu-drawer__list-item"
4594                                            style="--menu-drawer-animation-index: 5;"
4595                                          >
4596                                            <a
4597                                              id="HeaderDrawer-skin-care-daily-cleansing-care-body-wash"
4598                                              href="/collections/body-wash"
4599                                              class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
4600                                              
4601                                            >
4602                                              
4603                                              <span class="menu-drawer__menu-item-text wrap-text">Body Wash</span>
4604                                            </a>
4605                                          </li></ul>
4606                                    </details>
4607                                  
4608</accordion-custom>
4609
4610
4611
4612                                </li><li
4613                              class="
4614                                menu-drawer__list-item
4615                                menu-drawer__list-item--deep
4616                              "
4617                            >
4618                                
4619
4620                                  <accordion-custom
4621  
4622  
4623  
4624  
4625  
4626  
4627  
4628  
4629  
4630>
4631  
4632                                    <details
4633                                      id="Details-menu-drawer-skin-care-face-masks"
4634                                    >
4635                                      <summary
4636                                        id="HeaderDrawer-skin-care-face-masks"
4637                                        class="menu-drawer__menu-item menu-drawer__menu-item--parent focus-inset"
4638                                      >
4639                                        <span class="menu-drawer__menu-item-text wrap-text">Face Masks</span>
4640                                        <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">
4641  <path class="vertical" d="M2.75 7H11.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/>
4642  <path class="horizontal" d="M7 2.75L7 11.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/>
4643</svg>
4644</span>
4645                                      </summary>
4646                                      
4647                                      <ul
4648                                        class="menu-drawer__menu menu-drawer__menu--grandchildlist details-content"
4649                                        role="list"
4650                                        tabindex="-1"
4651                                      ><li
4652                                            class="menu-drawer__list-item"
4653                                            style="--menu-drawer-animation-index: 1;"
4654                                          >
4655                                            <a
4656                                              id="HeaderDrawer-skin-care-face-masks-sheet-masks"
4657                                              href="/collections/sheet-masks"
4658                                              class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
4659                                              
4660                                            >
4661                                              
4662                                              <span class="menu-drawer__menu-item-text wrap-text">Sheet Masks</span>
4663                                            </a>
4664                                          </li><li
4665                                            class="menu-drawer__list-item"
4666                                            style="--menu-drawer-animation-index: 2;"
4667                                          >
4668                                            <a
4669                                              id="HeaderDrawer-skin-care-face-masks-face-masks"
4670                                              href="/collections/face-masks"
4671                                              class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
4672                                              
4673                                            >
4674                                              
4675                                              <span class="menu-drawer__menu-item-text wrap-text">Face Masks</span>
4676                                            </a>
4677                                          </li></ul>
4678                                    </details>
4679                                  
4680</accordion-custom>
4681
4682
4683
4684                                </li></ul>
4685                        
4686                      </div>
4687                    </div>
4688                  </details></li>
4689              <li
4690                class="menu-drawer__list-item"
4691                style="--menu-drawer-animation-index: 4;"
4692              ><details
4693                    id="Details-menu-drawer-menu-item-4"
4694                    class="menu-drawer__menu-container"
4695                  >
4696                    <summary
4697                      id="HeaderDrawer-hair-care"
4698                      class="menu-drawer__menu-item menu-drawer__menu-item--mainlist menu-drawer__animated-element focus-inset"
4699                      on:click="header-drawer/open/submenu"
4700                    >
4701                      <span class="menu-drawer__menu-item-text wrap-text">Hair Care</span>
4702                      <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">
4703  <path d="M11 5.5L7 9.5L3 5.5" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
4704</svg>
4705</span>
4706                    </summary>
4707                    <div
4708                      id="link-hair-care"
4709                      class="menu-drawer__submenu has-submenu"
4710                      tabindex="-1"
4711                      style="--menu-drawer-animation-index: 4;"
4712                    >
4713                      <div class="menu-drawer__inner-submenu">
4714                        <div class="menu-drawer__nav-buttons">
4715                          <button
4716                            class="button menu-drawer__back-button focus-inset"
4717                            on:click="header-drawer/back"
4718                            aria-label="Back to Hair Care"
4719                          >
4720                            <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">
4721  <path d="M11 5.5L7 9.5L3 5.5" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
4722</svg>
4723</span>
4724                            <span class="menu-drawer__menu-item-text wrap-text">Hair Care</span>
4725                          </button>
4726                          <button
4727                            class="button button-unstyled close-button menu-drawer__close-button focus-inset"
4728                            type="button"
4729                            aria-label="Close"
4730                            on:click="header-drawer/close"
4731                          >
4732                            <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">
4733<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"/>
4734</svg>
4735</span>
4736                          </button>
4737                        </div>
4738                        
4739                        <ul
4740                          class="menu-drawer__menu menu-drawer__menu--childlist"
4741                          role="list"
4742                          tabindex="-1"
4743                        >
4744                          <li
4745                              class="
4746                                menu-drawer__list-item
4747                                menu-drawer__list-item--deep
4748                              "
4749                            >
4750                                
4751
4752                                  <accordion-custom
4753  
4754  
4755  
4756  
4757  
4758  
4759  
4760  
4761  
4762>
4763  
4764                                    <details
4765                                      id="Details-menu-drawer-hair-care-shop-by-concern"
4766                                    >
4767                                      <summary
4768                                        id="HeaderDrawer-hair-care-shop-by-concern"
4769                                        class="menu-drawer__menu-item menu-drawer__menu-item--parent focus-inset"
4770                                      >
4771                                        <span class="menu-drawer__menu-item-text wrap-text">Shop By Concern</span>
4772                                        <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">
4773  <path class="vertical" d="M2.75 7H11.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/>
4774  <path class="horizontal" d="M7 2.75L7 11.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/>
4775</svg>
4776</span>
4777                                      </summary>
4778                                      
4779                                      <ul
4780                                        class="menu-drawer__menu menu-drawer__menu--grandchildlist details-content"
4781                                        role="list"
4782                                        tabindex="-1"
4783                                      ><li
4784                                            class="menu-drawer__list-item"
4785                                            style="--menu-drawer-animation-index: 1;"
4786                                          >
4787                                            <a
4788                                              id="HeaderDrawer-hair-care-shop-by-concern-hair-fall"
4789                                              href="/collections/hair-fall"
4790                                              class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
4791                                              
4792                                            >
4793                                              
4794                                              <span class="menu-drawer__menu-item-text wrap-text">Hair Fall</span>
4795                                            </a>
4796                                          </li><li
4797                                            class="menu-drawer__list-item"
4798                                            style="--menu-drawer-animation-index: 2;"
4799                                          >
4800                                            <a
4801                                              id="HeaderDrawer-hair-care-shop-by-concern-hair-density"
4802                                              href="/collections/hair-density"
4803                                              class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
4804                                              
4805                                            >
4806                                              
4807                                              <span class="menu-drawer__menu-item-text wrap-text">Hair Density</span>
4808                                            </a>
4809                                          </li><li
4810                                            class="menu-drawer__list-item"
4811                                            style="--menu-drawer-animation-index: 3;"
4812                                          >
4813                                            <a
4814                                              id="HeaderDrawer-hair-care-shop-by-concern-hair-repair"
4815                                              href="/collections/hair-repair"
4816                                              class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
4817                                              
4818                                            >
4819                                              
4820                                              <span class="menu-drawer__menu-item-text wrap-text">Hair Repair</span>
4821                                            </a>
4822                                          </li><li
4823                                            class="menu-drawer__list-item"
4824                                            style="--menu-drawer-animation-index: 4;"
4825                                          >
4826                                            <a
4827                                              id="HeaderDrawer-hair-care-shop-by-concern-dandruff"
4828                                              href="/collections/dandruff"
4829                                              class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
4830                                              
4831                                            >
4832                                              
4833                                              <span class="menu-drawer__menu-item-text wrap-text">Dandruff</span>
4834                                            </a>
4835                                          </li></ul>
4836                                    </details>
4837                                  
4838</accordion-custom>
4839
4840
4841
4842                                </li><li
4843                              class="
4844                                menu-drawer__list-item
4845                                menu-drawer__list-item--deep
4846                              "
4847                            >
4848                                
4849
4850                                  <accordion-custom
4851  
4852  
4853  
4854  
4855  
4856  
4857  
4858  
4859  
4860>
4861  
4862                                    <details
4863                                      id="Details-menu-drawer-hair-care-shampoo-conditioners"
4864                                    >
4865                                      <summary
4866                                        id="HeaderDrawer-hair-care-shampoo-conditioners"
4867                                        class="menu-drawer__menu-item menu-drawer__menu-item--parent focus-inset"
4868                                      >
4869                                        <span class="menu-drawer__menu-item-text wrap-text">Shampoo &amp; Conditioners</span>
4870                                        <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">
4871  <path class="vertical" d="M2.75 7H11.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/>
4872  <path class="horizontal" d="M7 2.75L7 11.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/>
4873</svg>
4874</span>
4875                                      </summary>
4876                                      
4877                                      <ul
4878                                        class="menu-drawer__menu menu-drawer__menu--grandchildlist details-content"
4879                                        role="list"
4880                                        tabindex="-1"
4881                                      ><li
4882                                            class="menu-drawer__list-item"
4883                                            style="--menu-drawer-animation-index: 1;"
4884                                          >
4885                                            <a
4886                                              id="HeaderDrawer-hair-care-shampoo-conditioners-shampoo"
4887                                              href="/collections/shampoo"
4888                                              class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
4889                                              
4890                                            >
4891                                              
4892                                              <span class="menu-drawer__menu-item-text wrap-text">Shampoo</span>
4893                                            </a>
4894                                          </li><li
4895                                            class="menu-drawer__list-item"
4896                                            style="--menu-drawer-animation-index: 2;"
4897                                          >
4898                                            <a
4899                                              id="HeaderDrawer-hair-care-shampoo-conditioners-dry-shampoo"
4900                                              href="/collections/dry-shampoo"
4901                                              class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
4902                                              
4903                                            >
4904                                              
4905                                              <span class="menu-drawer__menu-item-text wrap-text">Dry Shampoo</span>
4906                                            </a>
4907                                          </li><li
4908                                            class="menu-drawer__list-item"
4909                                            style="--menu-drawer-animation-index: 3;"
4910                                          >
4911                                            <a
4912                                              id="HeaderDrawer-hair-care-shampoo-conditioners-hair-conditioner"
4913                                              href="/collections/conditioner"
4914                                              class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
4915                                              
4916                                            >
4917                                              
4918                                              <span class="menu-drawer__menu-item-text wrap-text">Hair Conditioner</span>
4919                                            </a>
4920                                          </li><li
4921                                            class="menu-drawer__list-item"
4922                                            style="--menu-drawer-animation-index: 4;"
4923                                          >
4924                                            <a
4925                                              id="HeaderDrawer-hair-care-shampoo-conditioners-hair-mask"
4926                                              href="/collections/hair-mask"
4927                                              class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
4928                                              
4929                                            >
4930                                              
4931                                              <span class="menu-drawer__menu-item-text wrap-text">Hair Mask</span>
4932                                            </a>
4933                                          </li></ul>
4934                                    </details>
4935                                  
4936</accordion-custom>
4937
4938
4939
4940                                </li><li
4941                              class="
4942                                menu-drawer__list-item
4943                                menu-drawer__list-item--deep
4944                              "
4945                            >
4946                                
4947
4948                                  <accordion-custom
4949  
4950  
4951  
4952  
4953  
4954  
4955  
4956  
4957  
4958>
4959  
4960                                    <details
4961                                      id="Details-menu-drawer-hair-care-hair-colours"
4962                                    >
4963                                      <summary
4964                                        id="HeaderDrawer-hair-care-hair-colours"
4965                                        class="menu-drawer__menu-item menu-drawer__menu-item--parent focus-inset"
4966                                      >
4967                                        <span class="menu-drawer__menu-item-text wrap-text">Hair Colours</span>
4968                                        <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">
4969  <path class="vertical" d="M2.75 7H11.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/>
4970  <path class="horizontal" d="M7 2.75L7 11.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/>
4971</svg>
4972</span>
4973                                      </summary>
4974                                      
4975                                      <ul
4976                                        class="menu-drawer__menu menu-drawer__menu--grandchildlist details-content"
4977                                        role="list"
4978                                        tabindex="-1"
4979                                      ><li
4980                                            class="menu-drawer__list-item"
4981                                            style="--menu-drawer-animation-index: 1;"
4982                                          >
4983                                            <a
4984                                              id="HeaderDrawer-hair-care-hair-colours-hair-colors-dye"
4985                                              href="/collections/semi-permanent"
4986                                              class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
4987                                              
4988                                            >
4989                                              
4990                                              <span class="menu-drawer__menu-item-text wrap-text">Hair Colors / Dye</span>
4991                                            </a>
4992                                          </li><li
4993                                            class="menu-drawer__list-item"
4994                                            style="--menu-drawer-animation-index: 2;"
4995                                          >
4996                                            <a
4997                                              id="HeaderDrawer-hair-care-hair-colours-developers"
4998                                              href="/collections/developer"
4999                                              class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
5000                                              
5001                                            >
5002                                              
5003                                              <span class="menu-drawer__menu-item-text wrap-text">Developers</span>
5004                                            </a>
5005                                          </li></ul>
5006                                    </details>
5007                                  
5008</accordion-custom>
5009
5010
5011
5012                                </li><li
5013                              class="
5014                                menu-drawer__list-item
5015                                menu-drawer__list-item--deep
5016                              "
5017                            >
5018                                
5019
5020                                  <accordion-custom
5021  
5022  
5023  
5024  
5025  
5026  
5027  
5028  
5029  
5030>
5031  
5032                                    <details
5033                                      id="Details-menu-drawer-hair-care-hair-accessories"
5034                                    >
5035                                      <summary
5036                                        id="HeaderDrawer-hair-care-hair-accessories"
5037                                        class="menu-drawer__menu-item menu-drawer__menu-item--parent focus-inset"
5038                                      >
5039                                        <span class="menu-drawer__menu-item-text wrap-text">Hair Accessories</span>
5040                                        <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">
5041  <path class="vertical" d="M2.75 7H11.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/>
5042  <path class="horizontal" d="M7 2.75L7 11.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/>
5043</svg>
5044</span>
5045                                      </summary>
5046                                      
5047                                      <ul
5048                                        class="menu-drawer__menu menu-drawer__menu--grandchildlist details-content"
5049                                        role="list"
5050                                        tabindex="-1"
5051                                      ><li
5052                                            class="menu-drawer__list-item"
5053                                            style="--menu-drawer-animation-index: 1;"
5054                                          >
5055                                            <a
5056                                              id="HeaderDrawer-hair-care-hair-accessories-hair-styling"
5057                                              href="/collections/hair-styling"
5058                                              class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
5059                                              
5060                                            >
5061                                              
5062                                              <span class="menu-drawer__menu-item-text wrap-text">Hair Styling</span>
5063                                            </a>
5064                                          </li><li
5065                                            class="menu-drawer__list-item"
5066                                            style="--menu-drawer-animation-index: 2;"
5067                                          >
5068                                            <a
5069                                              id="HeaderDrawer-hair-care-hair-accessories-hair-straightener"
5070                                              href="/collections/hair-straightener"
5071                                              class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
5072                                              
5073                                            >
5074                                              
5075                                              <span class="menu-drawer__menu-item-text wrap-text">Hair Straightener</span>
5076                                            </a>
5077                                          </li><li
5078                                            class="menu-drawer__list-item"
5079                                            style="--menu-drawer-animation-index: 3;"
5080                                          >
5081                                            <a
5082                                              id="HeaderDrawer-hair-care-hair-accessories-hair-curler"
5083                                              href="/collections/hair-curler"
5084                                              class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
5085                                              
5086                                            >
5087                                              
5088                                              <span class="menu-drawer__menu-item-text wrap-text">Hair Curler</span>
5089                                            </a>
5090                                          </li><li
5091                                            class="menu-drawer__list-item"
5092                                            style="--menu-drawer-animation-index: 4;"
5093                                          >
5094                                            <a
5095                                              id="HeaderDrawer-hair-care-hair-accessories-hair-dryer"
5096                                              href="/collections/hair-dryer"
5097                                              class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
5098                                              
5099                                            >
5100                                              
5101                                              <span class="menu-drawer__menu-item-text wrap-text">Hair Dryer</span>
5102                                            </a>
5103                                          </li></ul>
5104                                    </details>
5105                                  
5106</accordion-custom>
5107
5108
5109
5110                                </li><li
5111                              class="
5112                                menu-drawer__list-item
5113                                
5114                              "
5115                            ><a
5116                                  id="HeaderDrawer-hair-care-hair-serum"
5117                                  href="/collections/hair-serum"
5118                                  class="menu-drawer__menu-item menu-drawer__menu-item--parent focus-inset"
5119                                  
5120                                >
5121                                  
5122                                  <span class="menu-drawer__menu-item-text wrap-text">Hair Serum</span>
5123                                </a></li><li
5124                              class="
5125                                menu-drawer__list-item
5126                                
5127                              "
5128                            ><a
5129                                  id="HeaderDrawer-hair-care-hair-oils"
5130                                  href="/collections/hair-oils"
5131                                  class="menu-drawer__menu-item menu-drawer__menu-item--parent focus-inset"
5132                                  
5133                                >
5134                                  
5135                                  <span class="menu-drawer__menu-item-text wrap-text">Hair Oils</span>
5136                                </a></li></ul>
5137                        
5138                      </div>
5139                    </div>
5140                  </details></li>
5141              <li
5142                class="menu-drawer__list-item"
5143                style="--menu-drawer-animation-index: 5;"
5144              ><details
5145                    id="Details-menu-drawer-menu-item-5"
5146                    class="menu-drawer__menu-container"
5147                  >
5148                    <summary
5149                      id="HeaderDrawer-health-care"
5150                      class="menu-drawer__menu-item menu-drawer__menu-item--mainlist menu-drawer__animated-element focus-inset"
5151                      on:click="header-drawer/open/submenu"
5152                    >
5153                      <span class="menu-drawer__menu-item-text wrap-text">Health Care</span>
5154                      <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">
5155  <path d="M11 5.5L7 9.5L3 5.5" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
5156</svg>
5157</span>
5158                    </summary>
5159                    <div
5160                      id="link-health-care"
5161                      class="menu-drawer__submenu has-submenu"
5162                      tabindex="-1"
5163                      style="--menu-drawer-animation-index: 5;"
5164                    >
5165                      <div class="menu-drawer__inner-submenu">
5166                        <div class="menu-drawer__nav-buttons">
5167                          <button
5168                            class="button menu-drawer__back-button focus-inset"
5169                            on:click="header-drawer/back"
5170                            aria-label="Back to Health Care"
5171                          >
5172                            <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">
5173  <path d="M11 5.5L7 9.5L3 5.5" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
5174</svg>
5175</span>
5176                            <span class="menu-drawer__menu-item-text wrap-text">Health Care</span>
5177                          </button>
5178                          <button
5179                            class="button button-unstyled close-button menu-drawer__close-button focus-inset"
5180                            type="button"
5181                            aria-label="Close"
5182                            on:click="header-drawer/close"
5183                          >
5184                            <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">
5185<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"/>
5186</svg>
5187</span>
5188                          </button>
5189                        </div>
5190                        
5191                        <ul
5192                          class="menu-drawer__menu menu-drawer__menu--childlist"
5193                          role="list"
5194                          tabindex="-1"
5195                        >
5196                          <li
5197                              class="
5198                                menu-drawer__list-item
5199                                menu-drawer__list-item--deep
5200                              "
5201                            >
5202                                
5203
5204                                  <accordion-custom
5205  
5206  
5207  
5208  
5209  
5210  
5211  
5212  
5213  
5214>
5215  
5216                                    <details
5217                                      id="Details-menu-drawer-health-care-shop-by-concern"
5218                                    >
5219                                      <summary
5220                                        id="HeaderDrawer-health-care-shop-by-concern"
5221                                        class="menu-drawer__menu-item menu-drawer__menu-item--parent focus-inset"
5222                                      >
5223                                        <span class="menu-drawer__menu-item-text wrap-text">Shop By Concern</span>
5224                                        <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">
5225  <path class="vertical" d="M2.75 7H11.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/>
5226  <path class="horizontal" d="M7 2.75L7 11.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/>
5227</svg>
5228</span>
5229                                      </summary>
5230                                      
5231                                      <ul
5232                                        class="menu-drawer__menu menu-drawer__menu--grandchildlist details-content"
5233                                        role="list"
5234                                        tabindex="-1"
5235                                      ><li
5236                                            class="menu-drawer__list-item"
5237                                            style="--menu-drawer-animation-index: 1;"
5238                                          >
5239                                            <a
5240                                              id="HeaderDrawer-health-care-shop-by-concern-male-vitality"
5241                                              href="/collections/male-vitality"
5242                                              class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
5243                                              
5244                                            >
5245                                              
5246                                              <span class="menu-drawer__menu-item-text wrap-text">Male Vitality</span>
5247                                            </a>
5248                                          </li><li
5249                                            class="menu-drawer__list-item"
5250                                            style="--menu-drawer-animation-index: 2;"
5251                                          >
5252                                            <a
5253                                              id="HeaderDrawer-health-care-shop-by-concern-pregnancy"
5254                                              href="/collections/pregnancy"
5255                                              class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
5256                                              
5257                                            >
5258                                              
5259                                              <span class="menu-drawer__menu-item-text wrap-text">Pregnancy</span>
5260                                            </a>
5261                                          </li><li
5262                                            class="menu-drawer__list-item"
5263                                            style="--menu-drawer-animation-index: 3;"
5264                                          >
5265                                            <a
5266                                              id="HeaderDrawer-health-care-shop-by-concern-immunity"
5267                                              href="/collections/immunity"
5268                                              class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
5269                                              
5270                                            >
5271                                              
5272                                              <span class="menu-drawer__menu-item-text wrap-text">Immunity</span>
5273                                            </a>
5274                                          </li><li
5275                                            class="menu-drawer__list-item"
5276                                            style="--menu-drawer-animation-index: 4;"
5277                                          >
5278                                            <a
5279                                              id="HeaderDrawer-health-care-shop-by-concern-bones-joints"
5280                                              href="/collections/bones-joints"
5281                                              class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
5282                                              
5283                                            >
5284                                              
5285                                              <span class="menu-drawer__menu-item-text wrap-text">Bones &amp; Joints</span>
5286                                            </a>
5287                                          </li><li
5288                                            class="menu-drawer__list-item"
5289                                            style="--menu-drawer-animation-index: 5;"
5290                                          >
5291                                            <a
5292                                              id="HeaderDrawer-health-care-shop-by-concern-energy-booster"
5293                                              href="/collections/energy-booster"
5294                                              class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
5295                                              
5296                                            >
5297                                              
5298                                              <span class="menu-drawer__menu-item-text wrap-text">Energy Booster</span>
5299                                            </a>
5300                                          </li><li
5301                                            class="menu-drawer__list-item"
5302                                            style="--menu-drawer-animation-index: 6;"
5303                                          >
5304                                            <a
5305                                              id="HeaderDrawer-health-care-shop-by-concern-metabolism-weight-loss"
5306                                              href="/collections/metabolism"
5307                                              class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
5308                                              
5309                                            >
5310                                              
5311                                              <span class="menu-drawer__menu-item-text wrap-text">Metabolism &amp; Weight Loss</span>
5312                                            </a>
5313                                          </li><li
5314                                            class="menu-drawer__list-item"
5315                                            style="--menu-drawer-animation-index: 7;"
5316                                          >
5317                                            <a
5318                                              id="HeaderDrawer-health-care-shop-by-concern-prostate-functions"
5319                                              href="/collections/prostate-functions"
5320                                              class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
5321                                              
5322                                            >
5323                                              
5324                                              <span class="menu-drawer__menu-item-text wrap-text">Prostate Functions</span>
5325                                            </a>
5326                                          </li><li
5327                                            class="menu-drawer__list-item"
5328                                            style="--menu-drawer-animation-index: 8;"
5329                                          >
5330                                            <a
5331                                              id="HeaderDrawer-health-care-shop-by-concern-natural-sweetener"
5332                                              href="/collections/natural-sweetener"
5333                                              class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
5334                                              
5335                                            >
5336                                              
5337                                              <span class="menu-drawer__menu-item-text wrap-text">Natural Sweetener</span>
5338                                            </a>
5339                                          </li></ul>
5340                                    </details>
5341                                  
5342</accordion-custom>
5343
5344
5345
5346                                </li><li
5347                              class="
5348                                menu-drawer__list-item
5349                                menu-drawer__list-item--deep
5350                              "
5351                            >
5352                                
5353
5354                                  <accordion-custom
5355  
5356  
5357  
5358  
5359  
5360  
5361  
5362  
5363  
5364>
5365  
5366                                    <details
5367                                      id="Details-menu-drawer-health-care-supplements-for-men"
5368                                    >
5369                                      <summary
5370                                        id="HeaderDrawer-health-care-supplements-for-men"
5371                                        class="menu-drawer__menu-item menu-drawer__menu-item--parent focus-inset"
5372                                      >
5373                                        <span class="menu-drawer__menu-item-text wrap-text">Supplements For Men</span>
5374                                        <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">
5375  <path class="vertical" d="M2.75 7H11.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/>
5376  <path class="horizontal" d="M7 2.75L7 11.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/>
5377</svg>
5378</span>
5379                                      </summary>
5380                                      
5381                                      <ul
5382                                        class="menu-drawer__menu menu-drawer__menu--grandchildlist details-content"
5383                                        role="list"
5384                                        tabindex="-1"
5385                                      ><li
5386                                            class="menu-drawer__list-item"
5387                                            style="--menu-drawer-animation-index: 1;"
5388                                          >
5389                                            <a
5390                                              id="HeaderDrawer-health-care-supplements-for-men-men-energy-booster"
5391                                              href="/collections/men-energy-booster"
5392                                              class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
5393                                              
5394                                            >
5395                                              
5396                                              <span class="menu-drawer__menu-item-text wrap-text">Men Energy Booster</span>
5397                                            </a>
5398                                          </li><li
5399                                            class="menu-drawer__list-item"
5400                                            style="--menu-drawer-animation-index: 2;"
5401                                          >
5402                                            <a
5403                                              id="HeaderDrawer-health-care-supplements-for-men-male-vitality"
5404                                              href="/collections/male-vitality"
5405                                              class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
5406                                              
5407                                            >
5408                                              
5409                                              <span class="menu-drawer__menu-item-text wrap-text">Male Vitality</span>
5410                                            </a>
5411                                          </li><li
5412                                            class="menu-drawer__list-item"
5413                                            style="--menu-drawer-animation-index: 3;"
5414                                          >
5415                                            <a
5416                                              id="HeaderDrawer-health-care-supplements-for-men-prostate-functions"
5417                                              href="/collections/prostate-functions"
5418                                              class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
5419                                              
5420                                            >
5421                                              
5422                                              <span class="menu-drawer__menu-item-text wrap-text">Prostate Functions</span>
5423                                            </a>
5424                                          </li></ul>
5425                                    </details>
5426                                  
5427</accordion-custom>
5428
5429
5430
5431                                </li><li
5432                              class="
5433                                menu-drawer__list-item
5434                                menu-drawer__list-item--deep
5435                              "
5436                            >
5437                                
5438
5439                                  <accordion-custom
5440  
5441  
5442  
5443  
5444  
5445  
5446  
5447  
5448  
5449>
5450  
5451                                    <details
5452                                      id="Details-menu-drawer-health-care-supplements-for-women"
5453                                    >
5454                                      <summary
5455                                        id="HeaderDrawer-health-care-supplements-for-women"
5456                                        class="menu-drawer__menu-item menu-drawer__menu-item--parent focus-inset"
5457                                      >
5458                                        <span class="menu-drawer__menu-item-text wrap-text">Supplements For Women</span>
5459                                        <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">
5460  <path class="vertical" d="M2.75 7H11.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/>
5461  <path class="horizontal" d="M7 2.75L7 11.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/>
5462</svg>
5463</span>
5464                                      </summary>
5465                                      
5466                                      <ul
5467                                        class="menu-drawer__menu menu-drawer__menu--grandchildlist details-content"
5468                                        role="list"
5469                                        tabindex="-1"
5470                                      ><li
5471                                            class="menu-drawer__list-item"
5472                                            style="--menu-drawer-animation-index: 1;"
5473                                          >
5474                                            <a
5475                                              id="HeaderDrawer-health-care-supplements-for-women-pregnancy"
5476                                              href="/collections/pregnancy"
5477                                              class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
5478                                              
5479                                            >
5480                                              
5481                                              <span class="menu-drawer__menu-item-text wrap-text">Pregnancy</span>
5482                                            </a>
5483                                          </li></ul>
5484                                    </details>
5485                                  
5486</accordion-custom>
5487
5488
5489
5490                                </li><li
5491                              class="
5492                                menu-drawer__list-item
5493                                menu-drawer__list-item--deep
5494                              "
5495                            >
5496                                
5497
5498                                  <accordion-custom
5499  
5500  
5501  
5502  
5503  
5504  
5505  
5506  
5507  
5508>
5509  
5510                                    <details
5511                                      id="Details-menu-drawer-health-care-supplements-for-all"
5512                                    >
5513                                      <summary
5514                                        id="HeaderDrawer-health-care-supplements-for-all"
5515                                        class="menu-drawer__menu-item menu-drawer__menu-item--parent focus-inset"
5516                                      >
5517                                        <span class="menu-drawer__menu-item-text wrap-text">Supplements For All</span>
5518                                        <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">
5519  <path class="vertical" d="M2.75 7H11.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/>
5520  <path class="horizontal" d="M7 2.75L7 11.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/>
5521</svg>
5522</span>
5523                                      </summary>
5524                                      
5525                                      <ul
5526                                        class="menu-drawer__menu menu-drawer__menu--grandchildlist details-content"
5527                                        role="list"
5528                                        tabindex="-1"
5529                                      ><li
5530                                            class="menu-drawer__list-item"
5531                                            style="--menu-drawer-animation-index: 1;"
5532                                          >
5533                                            <a
5534                                              id="HeaderDrawer-health-care-supplements-for-all-immunity"
5535                                              href="/collections/immunity"
5536                                              class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
5537                                              
5538                                            >
5539                                              
5540                                              <span class="menu-drawer__menu-item-text wrap-text">Immunity</span>
5541                                            </a>
5542                                          </li><li
5543                                            class="menu-drawer__list-item"
5544                                            style="--menu-drawer-animation-index: 2;"
5545                                          >
5546                                            <a
5547                                              id="HeaderDrawer-health-care-supplements-for-all-metabolism-weight-loss"
5548                                              href="/collections/metabolism"
5549                                              class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
5550                                              
5551                                            >
5552                                              
5553                                              <span class="menu-drawer__menu-item-text wrap-text">Metabolism &amp; Weight Loss</span>
5554                                            </a>
5555                                          </li><li
5556                                            class="menu-drawer__list-item"
5557                                            style="--menu-drawer-animation-index: 3;"
5558                                          >
5559                                            <a
5560                                              id="HeaderDrawer-health-care-supplements-for-all-bones-joints"
5561                                              href="/collections/bones-joints"
5562                                              class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
5563                                              
5564                                            >
5565                                              
5566                                              <span class="menu-drawer__menu-item-text wrap-text">Bones &amp; Joints</span>
5567                                            </a>
5568                                          </li><li
5569                                            class="menu-drawer__list-item"
5570                                            style="--menu-drawer-animation-index: 4;"
5571                                          >
5572                                            <a
5573                                              id="HeaderDrawer-health-care-supplements-for-all-hair-vitamins"
5574                                              href="/collections/hair-vitamins"
5575                                              class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
5576                                              
5577                                            >
5578                                              
5579                                              <span class="menu-drawer__menu-item-text wrap-text">Hair Vitamins</span>
5580                                            </a>
5581                                          </li><li
5582                                            class="menu-drawer__list-item"
5583                                            style="--menu-drawer-animation-index: 5;"
5584                                          >
5585                                            <a
5586                                              id="HeaderDrawer-health-care-supplements-for-all-blood-sugar-support"
5587                                              href="/collections/blood-sugar-support"
5588                                              class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
5589                                              
5590                                            >
5591                                              
5592                                              <span class="menu-drawer__menu-item-text wrap-text">Blood Sugar Support</span>
5593                                            </a>
5594                                          </li></ul>
5595                                    </details>
5596                                  
5597</accordion-custom>
5598
5599
5600
5601                                </li><li
5602                              class="
5603                                menu-drawer__list-item
5604                                menu-drawer__list-item--deep
5605                              "
5606                            >
5607                                
5608
5609                                  <accordion-custom
5610  
5611  
5612  
5613  
5614  
5615  
5616  
5617  
5618  
5619>
5620  
5621                                    <details
5622                                      id="Details-menu-drawer-health-care-others"
5623                                    >
5624                                      <summary
5625                                        id="HeaderDrawer-health-care-others"
5626                                        class="menu-drawer__menu-item menu-drawer__menu-item--parent focus-inset"
5627                                      >
5628                                        <span class="menu-drawer__menu-item-text wrap-text">Others</span>
5629                                        <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">
5630  <path class="vertical" d="M2.75 7H11.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/>
5631  <path class="horizontal" d="M7 2.75L7 11.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/>
5632</svg>
5633</span>
5634                                      </summary>
5635                                      
5636                                      <ul
5637                                        class="menu-drawer__menu menu-drawer__menu--grandchildlist details-content"
5638                                        role="list"
5639                                        tabindex="-1"
5640                                      ><li
5641                                            class="menu-drawer__list-item"
5642                                            style="--menu-drawer-animation-index: 1;"
5643                                          >
5644                                            <a
5645                                              id="HeaderDrawer-health-care-others-aromatherapy"
5646                                              href="/collections/aromatherapy"
5647                                              class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
5648                                              
5649                                            >
5650                                              
5651                                              <span class="menu-drawer__menu-item-text wrap-text">Aromatherapy</span>
5652                                            </a>
5653                                          </li></ul>
5654                                    </details>
5655                                  
5656</accordion-custom>
5657
5658
5659
5660                                </li></ul>
5661                        
5662                      </div>
5663                    </div>
5664                  </details></li>
5665              <li
5666                class="menu-drawer__list-item"
5667                style="--menu-drawer-animation-index: 6;"
5668              ><details
5669                    id="Details-menu-drawer-menu-item-6"
5670                    class="menu-drawer__menu-container"
5671                  >
5672                    <summary
5673                      id="HeaderDrawer-personal-care"
5674                      class="menu-drawer__menu-item menu-drawer__menu-item--mainlist menu-drawer__animated-element focus-inset"
5675                      on:click="header-drawer/open/submenu"
5676                    >
5677                      <span class="menu-drawer__menu-item-text wrap-text">Personal Care</span>
5678                      <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">
5679  <path d="M11 5.5L7 9.5L3 5.5" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
5680</svg>
5681</span>
5682                    </summary>
5683                    <div
5684                      id="link-personal-care"
5685                      class="menu-drawer__submenu has-submenu"
5686                      tabindex="-1"
5687                      style="--menu-drawer-animation-index: 6;"
5688                    >
5689                      <div class="menu-drawer__inner-submenu">
5690                        <div class="menu-drawer__nav-buttons">
5691                          <button
5692                            class="button menu-drawer__back-button focus-inset"
5693                            on:click="header-drawer/back"
5694                            aria-label="Back to Personal Care"
5695                          >
5696                            <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">
5697  <path d="M11 5.5L7 9.5L3 5.5" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
5698</svg>
5699</span>
5700                            <span class="menu-drawer__menu-item-text wrap-text">Personal Care</span>
5701                          </button>
5702                          <button
5703                            class="button button-unstyled close-button menu-drawer__close-button focus-inset"
5704                            type="button"
5705                            aria-label="Close"
5706                            on:click="header-drawer/close"
5707                          >
5708                            <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">
5709<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"/>
5710</svg>
5711</span>
5712                          </button>
5713                        </div>
5714                        
5715                        <ul
5716                          class="menu-drawer__menu menu-drawer__menu--childlist"
5717                          role="list"
5718                          tabindex="-1"
5719                        >
5720                          <li
5721                              class="
5722                                menu-drawer__list-item
5723                                
5724                              "
5725                            ><a
5726                                  id="HeaderDrawer-personal-care-fragrance"
5727                                  href="/collections/fragrance"
5728                                  class="menu-drawer__menu-item menu-drawer__menu-item--parent focus-inset"
5729                                  
5730                                >
5731                                  
5732                                  <span class="menu-drawer__menu-item-text wrap-text">Fragrance</span>
5733                                </a></li><li
5734                              class="
5735                                menu-drawer__list-item
5736                                menu-drawer__list-item--deep
5737                              "
5738                            >
5739                                
5740
5741                                  <accordion-custom
5742  
5743  
5744  
5745  
5746  
5747  
5748  
5749  
5750  
5751>
5752  
5753                                    <details
5754                                      id="Details-menu-drawer-personal-care-female-care"
5755                                    >
5756                                      <summary
5757                                        id="HeaderDrawer-personal-care-female-care"
5758                                        class="menu-drawer__menu-item menu-drawer__menu-item--parent focus-inset"
5759                                      >
5760                                        <span class="menu-drawer__menu-item-text wrap-text">Female Care</span>
5761                                        <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">
5762  <path class="vertical" d="M2.75 7H11.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/>
5763  <path class="horizontal" d="M7 2.75L7 11.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/>
5764</svg>
5765</span>
5766                                      </summary>
5767                                      
5768                                      <ul
5769                                        class="menu-drawer__menu menu-drawer__menu--grandchildlist details-content"
5770                                        role="list"
5771                                        tabindex="-1"
5772                                      ><li
5773                                            class="menu-drawer__list-item"
5774                                            style="--menu-drawer-animation-index: 1;"
5775                                          >
5776                                            <a
5777                                              id="HeaderDrawer-personal-care-female-care-vaginal-care"
5778                                              href="/collections/biomousse-flora"
5779                                              class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
5780                                              
5781                                            >
5782                                              
5783                                              <span class="menu-drawer__menu-item-text wrap-text">Vaginal Care</span>
5784                                            </a>
5785                                          </li><li
5786                                            class="menu-drawer__list-item"
5787                                            style="--menu-drawer-animation-index: 2;"
5788                                          >
5789                                            <a
5790                                              id="HeaderDrawer-personal-care-female-care-hair-removal-cream"
5791                                              href="/collections/hair-removal-cream"
5792                                              class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
5793                                              
5794                                            >
5795                                              
5796                                              <span class="menu-drawer__menu-item-text wrap-text">Hair Removal Cream</span>
5797                                            </a>
5798                                          </li><li
5799                                            class="menu-drawer__list-item"
5800                                            style="--menu-drawer-animation-index: 3;"
5801                                          >
5802                                            <a
5803                                              id="HeaderDrawer-personal-care-female-care-wax-strips"
5804                                              href="/collections/wax-strips"
5805                                              class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
5806                                              
5807                                            >
5808                                              
5809                                              <span class="menu-drawer__menu-item-text wrap-text">Wax Strips</span>
5810                                            </a>
5811                                          </li><li
5812                                            class="menu-drawer__list-item"
5813                                            style="--menu-drawer-animation-index: 4;"
5814                                          >
5815                                            <a
5816                                              id="HeaderDrawer-personal-care-female-care-epilators"
5817                                              href="/collections/epilators"
5818                                              class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
5819                                              
5820                                            >
5821                                              
5822                                              <span class="menu-drawer__menu-item-text wrap-text">Epilators</span>
5823                                            </a>
5824                                          </li></ul>
5825                                    </details>
5826                                  
5827</accordion-custom>
5828
5829
5830
5831                                </li></ul>
5832                        
5833                      </div>
5834                    </div>
5835                  </details></li>
5836              <li
5837                class="menu-drawer__list-item"
5838                style="--menu-drawer-animation-index: 7;"
5839              ><details
5840                    id="Details-menu-drawer-menu-item-7"
5841                    class="menu-drawer__menu-container"
5842                  >
5843                    <summary
5844                      id="HeaderDrawer-baby-care"
5845                      class="menu-drawer__menu-item menu-drawer__menu-item--mainlist menu-drawer__animated-element focus-inset"
5846                      on:click="header-drawer/open/submenu"
5847                    >
5848                      <span class="menu-drawer__menu-item-text wrap-text">Baby Care</span>
5849                      <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">
5850  <path d="M11 5.5L7 9.5L3 5.5" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
5851</svg>
5852</span>
5853                    </summary>
5854                    <div
5855                      id="link-baby-care"
5856                      class="menu-drawer__submenu has-submenu"
5857                      tabindex="-1"
5858                      style="--menu-drawer-animation-index: 7;"
5859                    >
5860                      <div class="menu-drawer__inner-submenu">
5861                        <div class="menu-drawer__nav-buttons">
5862                          <button
5863                            class="button menu-drawer__back-button focus-inset"
5864                            on:click="header-drawer/back"
5865                            aria-label="Back to Baby Care"
5866                          >
5867                            <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">
5868  <path d="M11 5.5L7 9.5L3 5.5" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
5869</svg>
5870</span>
5871                            <span class="menu-drawer__menu-item-text wrap-text">Baby Care</span>
5872                          </button>
5873                          <button
5874                            class="button button-unstyled close-button menu-drawer__close-button focus-inset"
5875                            type="button"
5876                            aria-label="Close"
5877                            on:click="header-drawer/close"
5878                          >
5879                            <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">
5880<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
588052L8.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"/>
5881</svg>
5882</span>
5883                          </button>
5884                        </div>
5885                        
5886                        <ul
5887                          class="menu-drawer__menu menu-drawer__menu--childlist"
5888                          role="list"
5889                          tabindex="-1"
5890                        >
5891                          <li
5892                              class="
5893                                menu-drawer__list-item
5894                                
5895                              "
5896                            ><a
5897                                  id="HeaderDrawer-baby-care-kids-vitamins"
5898                                  href="/collections/kidzvits"
5899                                  class="menu-drawer__menu-item menu-drawer__menu-item--parent focus-inset"
5900                                  
5901                                >
5902                                  
5903                                  <span class="menu-drawer__menu-item-text wrap-text">Kids Vitamins</span>
5904                                </a></li><li
5905                              class="
5906                                menu-drawer__list-item
5907                                
5908                              "
5909                            ><a
5910                                  id="HeaderDrawer-baby-care-baby-shampoos-conditioner"
5911                                  href="/collections/maks"
5912                                  class="menu-drawer__menu-item menu-drawer__menu-item--parent focus-inset"
5913                                  
5914                                >
5915                                  
5916                                  <span class="menu-drawer__menu-item-text wrap-text">Baby Shampoos &amp; Conditioner</span>
5917                                </a></li><li
5918                              class="
5919                                menu-drawer__list-item
5920                                
5921                              "
5922                            ><a
5923                                  id="HeaderDrawer-baby-care-baby-wash"
5924                                  href="/collections/baby-wash"
5925                                  class="menu-drawer__menu-item menu-drawer__menu-item--parent focus-inset"
5926                                  
5927                                >
5928                                  
5929                                  <span class="menu-drawer__menu-item-text wrap-text">Baby Wash</span>
5930                                </a></li><li
5931                              class="
5932                                menu-drawer__list-item
5933                                
5934                              "
5935                            ><a
5936                                  id="HeaderDrawer-baby-care-baby-lotion"
5937                                  href="/collections/baby-lotion"
5938                                  class="menu-drawer__menu-item menu-drawer__menu-item--parent focus-inset"
5939                                  
5940                                >
5941                                  
5942                                  <span class="menu-drawer__menu-item-text wrap-text">Baby Lotion</span>
5943                                </a></li><li
5944                              class="
5945                                menu-drawer__list-item
5946                                
5947                              "
5948                            ><a
5949                                  id="HeaderDrawer-baby-care-rashes-treatment"
5950                                  href="/collections/rashes-treatment"
5951                                  class="menu-drawer__menu-item menu-drawer__menu-item--parent focus-inset"
5952                                  
5953                                >
5954                                  
5955                                  <span class="menu-drawer__menu-item-text wrap-text">Rashes Treatment</span>
5956                                </a></li></ul>
5957                        
5958                      </div>
5959                    </div>
5960                  </details></li>
5961              <li
5962                class="menu-drawer__list-item"
5963                style="--menu-drawer-animation-index: 8;"
5964              ><a
5965                    id="HeaderDrawer-brands"
5966                    href="/pages/brands-page"
5967                    class="menu-drawer__menu-item menu-drawer__menu-item--mainlist menu-drawer__animated-element focus-inset"
5968                    
5969                  >
5970                    <span class="menu-drawer__menu-item-text wrap-text">Brands</span>
5971                  </a></li>
5972              <li
5973                class="menu-drawer__list-item"
5974                style="--menu-drawer-animation-index: 9;"
5975              ><a
5976                    id="HeaderDrawer-sale"
5977                    href="/collections/sale"
5978                    class="menu-drawer__menu-item menu-drawer__menu-item--mainlist menu-drawer__animated-element focus-inset"
5979                    
5980                  >
5981                    <span class="menu-drawer__menu-item-text wrap-text">Sale</span>
5982                  </a></li>
5983        </ul>
5984      </nav>
5985      <div
5986        class="menu-drawer__utility-links menu-drawer__animated-element"
5987        style="--menu-drawer-animation-index: 9;"
5988      >
5989        
5990        </div>
5991
5992      
5993    </div>
5994    <div
5995      class="menu-drawer__backdrop"
5996      on:click="header-drawer/close"
5997    ></div>
5998  </details>
5999</header-drawer>
6000
6001
6002
6003    </div>
6004
6005  
6006
6007<style data-shopify>
6008  .header__underlay {
6009    --color-submenu: rgb(255 255 255);
6010  }
6011</style>
6012
6013
6014
6015
6016            
6017        
6018      
6019        
6020          
6021              
6022  <search-button
6023    class="search-action search-action--hidden-on-menu"
6024  >
6025    <button
6026      on:click="#search-modal/showDialog"
6027      class="button-unstyled header-actions__action"
6028      aria-label="Search"
6029      aria-haspopup="dialog"
6030    >
6031      <span class="hidden">
6032        Search
6033      </span>
6034
6035      <span class="svg-wrapper ">
6036        <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>
6037
6038      </span>
6039    </button>
6040  </search-button>
6041
6042
6043
6044
6045            
6046        
6047      
6048        
6049          
6050              
6051
6052
6053
6054
6055<a
6056  
6057  href="/"
6058  class="size-style spacing-style header-logo"
6059  style="
6060    --size-style-width: ;--size-style-height: ;
6061    --padding-block-start: 0px;--padding-block-end: 0px;
6062    --font-family: var(--font-body--family);
6063    --font-style: var(--font-body--style);
6064    --font-weight: 600;
6065  "
6066  
6067>
6068  
6069
6070  <span
6071    class="header-logo__image-container header-logo__image-container--original"
6072    data-testid="header-logo"
6073  >
6074    
6075  
6076  
6077  
6078  
6079
6080  
6081
6082  
6083
6084  
6085
6086  <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;">
6087
6088
6089  </span>
6090
6091  
6092</a>
6093
6094
6095
6096
6097
6098            
6099        
6100      
6101    </div><div
6102      class="header__column header__column--center"
6103      data-testid="header-top-center"
6104    >
6105      
6106        
6107          
6108              
6109
6110
6111
6112    
6113
6114
6115
6116
6117  <style data-shopify>
6118    .color-custom-AdXpiTWJBM2htbjBtS__header-menu,
6119    .color-custom-AdXpiTWJBM2htbjBtS__header-menu .text-block {
6120      /* Background */
6121      --color-background: #ffffff;
6122      --color-background-rgb: 255 255 255;
6123
6124      /* Opacity values adjusted for background brightness */
6125      
6126--opacity-5-15: 0.05; --opacity-10-25: 0.1; --opacity-35-55: 0.35; --opacity-40-60:
61270.4; --opacity-30-60: 0.3; --opacity-60: 0.6;
6128
6129
6130      
6131        /* Foreground / text — explicit or smart-contrasted */
6132        --color: #000000;
6133        --color-rgb: 0 0 0;
6134        --color-foreground: #000000;
6135        --color-foreground-rgb: 0 0 0;
6136        --color-foreground-muted: rgb(0 0 0 / var(--opacity-muted-text));
6137        --color-foreground-subdued: rgb(0 0 0 / var(--opacity-subdued-text));
6138        --color-border: var(--palette-darkest);
6139        --color-border-rgb: var(--palette-darkest-rgb);
6140      
6141    }
6142
6143    
6144      .color-custom-AdXpiTWJBM2htbjBtS__header-menu {
6145        /* Form-related tokens stay on .color-custom only — .text-block is a prose
6146           container (text/announcement/inline-text/blog-post-description/
6147           collection-link/price/sku) and never holds form inputs. */
6148        --input-disabled-background-color: rgb(0 0 0 / var(--opacity-10));
6149        --input-disabled-border-color: rgb(0 0 0 / var(--opacity-5));
6150        --input-disabled-text-color: rgb(0 0 0 / var(--opacity-50));
6151        --checkbox-border: 1px solid rgb(0 0 0 / var(--opacity-35-55));
6152      }
6153    
6154
6155    .color-custom-AdXpiTWJBM2htbjBtS__header-menu {
6156      color: var(--color, var(--color-foreground));
6157      background-color: var(--color-background);
6158    }
6159  </style>
6160
6161
6162
6163    
6164
6165    <header-menu
6166      ref="headerMenu"
6167      class="header-menu"
6168      
6169      data-hydration-key="header-menu"
6170    >
6171      <div class="header-menu__inner">
6172        <nav
6173          class="menu-list"
6174          aria-label="Primary"
6175          style="--menu-top-level-font-family: var(--font-body--family);
6176--menu-top-level-font-size-desktop: 0.875rem; --menu-top-level-font-style: var(--font-body--style);
6176 --menu-top-level-font-weight: var(--font-body--weight); --menu-top-level-font-case:none;
6177
6178  --menu-top-level-font-size: var(--menu-font-sm--size); --menu-top-level-font-line-height:
6179  var(--menu-font-sm--line-height);
6180
6181--menu-top-level-font-color: var(--color-foreground); --menu-top-level-font-color-rgb: var(--color-foreground-rgb);
6182"
6183        >
6184          
6185          <overflow-list
6186  
6187    ref="overflowMenu"
6188  
6189  
6190    class="overflow-menu background-matches-parent"
6191  
6192  
6193    minimum-items="2"
6194  
6195  
6196    data-testid="header-menu-overflow-list"
6197  
6198  
6199    data-skip-node-update
6200  
6201>
6202  <template shadowrootmode="open">
6203    <link href="//cozmetica.pk/cdn/shop/t/140/assets/overflow-list.css?v=16727044177065489451785524563" rel="stylesheet" type="text/css" media="all" />
6204
6205    <ul part="list">
6206      <slot></slot>
6207      <slot
6208        name="more"
6209        part="more"
6210        hidden
6211        
6212      >
6213        <li
6214          part="more"
6215        >
6216          <button
6217            class="button"
6218            type="button"
6219            tabindex="0"
6220            
6221          >
6222            More
6223          </button>
6224        </li>
6225      </slot>
6226      <li
6227        part="placeholder"
6228        hidden
6229      ></li>
6230    </ul>
6231
6232    <div part="overflow">
6233      <ul part="overflow-list">
6234        <slot name="overflow"></slot>
6235      </ul>
6236    </div>
6237  </template>
6238
6239  
6240      
6241        <li
6242          role="presentation"
6243          class="menu-list__list-item"
6244          on:focus="/activate"
6245          on:blur="/deactivate"
6246          on:pointerenter="/activate"
6247          on:pointerleave="/deactivate"
6248        >
6249          <a
6250            href="/collections/makeup"
6251            data-skip-node-update="true"
6252            class="menu-list__link"aria-controls="submenu-1"
6253              aria-haspopup="true"
6254              aria-expanded="false"
6255            ref="menuitem"
6256          >
6257            <span class="menu-list__link-title">MakeUp</span>
6258          </a><div class="menu-list__submenu background-matches-parent" ref="submenu[]">
6259              <div
6260                id="submenu-1"
6261                class="menu-list__submenu-inner"
6262                style="--menu-parent-font-family: var(--font-body--family); --menu-parent-font-style:
6263var(--font-body--style); --menu-parent-font-weight: var(--font-body--weight); --menu-parent-font-case:
6264none;
6265
6266    --menu-parent-font-size: var(--menu-font-sm--size); --menu-parent-font-line-height:
6267    var(--menu-font-sm--line-height); --menu-parent-font-color: var(--color-foreground-subdued);
6268    --menu-parent-active-font-color: var(--color-foreground);
6269  
6270--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:
6271none;
6272
6273    --menu-child-font-size: var(--menu-font-md--size); --menu-child-font-line-height: var(--menu-font-md--line-height);
6274    --menu-child-font-color: var(--color-foreground); --menu-child-active-font-color: var(--color-foreground-subdued);
6275  
6276"
6277              >
6278                
6279                <div class="mega-menu section section--full-width-margin section--full-width">
6280                  <div
6281                    class="mega-menu__grid"
6282                    data-menu-grid-id="MegaMenuList-1"
6283                  >
6284                    
6285<ul
6286  data-menu-list-id="MegaMenuList-1"
6287  class="mega-menu__list list-unstyled"
6288  style="--menu-image-border-radius: 0px;"
6289>
6290  
6291    <li class="mega-menu__column mega-menu__column--span-1">
6292    <div>
6293      <a
6294        href="#"
6295        class="mega-menu__link mega-menu__link--parent"
6296      >
6297        
6298        <span class="wrap-text">Eyes</span>
6299      </a>
6300      
6301        <ul
6302          class="list-unstyled"
6303          
6304            style="column-count: 1;"
6305          
6306        >
6307          
6308            
6309            <li
6310              
6311            >
6312              <a
6313                href="/collections/mascara"
6314                class="mega-menu__link"
6315              >
6316                <span class="wrap-text">Mascara</span>
6317              </a>
6318            </li>
6319          
6320            
6321            <li
6322              
6323            >
6324              <a
6325                href="/collections/eyeliner"
6326                class="mega-menu__link"
6327              >
6328                <span class="wrap-text">Eyeliner</span>
6329              </a>
6330            </li>
6331          
6332            
6333            <li
6334              
6335            >
6336              <a
6337                href="/collections/eye-pencil"
6338                class="mega-menu__link"
6339              >
6340                <span class="wrap-text">Eye Pencil</span>
6341              </a>
6342            </li>
6343          
6344            
6345            <li
6346              
6347            >
6348              <a
6349                href="/collections/eye-palettes"
6350                class="mega-menu__link"
6351              >
6352                <span class="wrap-text">Eye Palettes</span>
6353              </a>
6354            </li>
6355          
6356            
6357            <li
6358              
6359            >
6360              <a
6361                href="/collections/eyebrow"
6362                class="mega-menu__link"
6363              >
6364                <span class="wrap-text">Eyebrow Fixer</span>
6365              </a>
6366            </li>
6367          
6368            
6369            <li
6370              
6371            >
6372              <a
6373                href="/collections/eye-primer"
6374                class="mega-menu__link"
6375              >
6376                <span class="wrap-text">Eye Primer</span>
6377              </a>
6378            </li>
6379          
6380            
6381            <li
6382              
6383            >
6384              <a
6385                href="/collections/eye-lashes"
6386                class="mega-menu__link"
6387              >
6388                <span class="wrap-text">Lashes & Glues</span>
6389              </a>
6390            </li>
6391          
6392        </ul>
6393      
6394    </div>
6395
6396    </li>
6397  
6398    <li class="mega-menu__column mega-menu__column--span-2">
6399    <div>
6400      <a
6401        href="#"
6402        class="mega-menu__link mega-menu__link--parent"
6403      >
6404        
6405        <span class="wrap-text">Face</span>
6406      </a>
6407      
6408        <ul
6409          class="list-unstyled"
6410          
6411            style="column-count: 2;"
6412          
6413        >
6414          
6415            
6416            <li
6417              
6418            >
6419              <a
6420                href="/collections/foundation"
6421                class="mega-menu__link"
6422              >
6423                <span class="wrap-text">Foundation</span>
6424              </a>
6425            </li>
6426          
6427            
6428            <li
6429              
6430            >
6431              <a
6432                href="/collections/face-primer"
6433                class="mega-menu__link"
6434              >
6435                <span class="wrap-text">Primer</span>
6436              </a>
6437            </li>
6438          
6439            
6440            <li
6441              
6442            >
6443              <a
6444                href="/collections/powder"
6445                class="mega-menu__link"
6446              >
6447                <span class="wrap-text">Powder</span>
6448              </a>
6449            </li>
6450          
6451            
6452            <li
6453              
6454            >
6455              <a
6456                href="/collections/bb-cc-creams"
6457                class="mega-menu__link"
6458              >
6459                <span class="wrap-text">BB & CC Creams</span>
6460              </a>
6461            </li>
6462          
6463            
6464            <li
6465              
6466            >
6467              <a
6468                href="/collections/concealer"
6469                class="mega-menu__link"
6470              >
6471                <span class="wrap-text">Concealer & Correctors</span>
6472              </a>
6473            </li>
6474          
6475            
6476            <li
6477              
6478            >
6479              <a
6480                href="/collections/blush"
6481                class="mega-menu__link"
6482              >
6483                <span class="wrap-text">Blush On</span>
6484              </a>
6485            </li>
6486          
6487            
6488            <li
6489              
6490            >
6491              <a
6492                href="/collections/makeup-fixer"
6493                class="mega-menu__link"
6494              >
6495                <span class="wrap-text">Makeup Fixer</span>
6496              </a>
6497            </li>
6498          
6499            
6500            <li
6501              
6502            >
6503              <a
6504                href="/collections/highlighter"
6505                class="mega-menu__link"
6506              >
6507                <span class="wrap-text">Highlighter</span>
6508              </a>
6509            </li>
6510          
6511            
6512            <li
6513              
6514            >
6515              <a
6516                href="/collections/face-sprays"
6517                class="mega-menu__link"
6518              >
6519                <span class="wrap-text">Fixing Sprays</span>
6520              </a>
6521            </li>
6522          
6523            
6524            <li
6525              
6526                style="break-after: column;"
6527              
6528            >
6529              <a
6530                href="/collections/colour-corrector"
6531                class="mega-menu__link"
6532              >
6533                <span class="wrap-text">Colour Corrector</span>
6534              </a>
6535            </li>
6536          
6537            
6538            <li
6539              
6540            >
6541              <a
6542                href="/collections/makeup-remover"
6543                class="mega-menu__link"
6544              >
6545                <span class="wrap-text">Makeup Remover</span>
6546              </a>
6547            </li>
6548          
6549            
6550            <li
6551              
6552            >
6553              <a
6554                href="/collections/contour"
6555                class="mega-menu__link"
6556              >
6557                <span class="wrap-text">Contour</span>
6558              </a>
6559            </li>
6560          
6561            
6562            <li
6563              
6564            >
6565              <a
6566                href="/collections/bronzer"
6567                class="mega-menu__link"
6568              >
6569                <span class="wrap-text">Bronzer</span>
6570              </a>
6571            </li>
6572          
6573        </ul>
6574      
6575    </div>
6576
6577    </li>
6578  
6579    <li class="mega-menu__column mega-menu__column--span-1">
6580    <div>
6581      <a
6582        href="#"
6583        class="mega-menu__link mega-menu__link--parent"
6584      >
6585        
6586        <span class="wrap-text">Lips</span>
6587      </a>
6588      
6589        <ul
6590          class="list-unstyled"
6591          
6592            style="column-count: 1;"
6593          
6594        >
6595          
6596            
6597            <li
6598              
6599            >
6600              <a
6601                href="/collections/lipstick"
6602                class="mega-menu__link"
6603              >
6604                <span class="wrap-text">Lipstick</span>
6605              </a>
6606            </li>
6607          
6608            
6609            <li
6610              
6611            >
6612              <a
6613                href="/collections/lip-gloss"
6614                class="mega-menu__link"
6615              >
6616                <span class="wrap-text">Lip Gloss</span>
6617              </a>
6618            </li>
6619          
6620            
6621            <li
6622              
6623            >
6624              <a
6625                href="/collections/lip-oil"
6626                class="mega-menu__link"
6627              >
6628                <span class="wrap-text">Lip Oils</span>
6629              </a>
6630            </li>
6631          
6632            
6633            <li
6634              
6635            >
6636              <a
6637                href="/collections/lip-and-cheek-tints"
6638                class="mega-menu__link"
6639              >
6640                <span class="wrap-text">Lip & Cheek Tints</span>
6641              </a>
6642            </li>
6643          
6644            
6645            <li
6646              
6647            >
6648              <a
6649                href="/collections/lip-balm-treatment"
6650                class="mega-menu__link"
6651              >
6652                <span class="wrap-text">Lip Balm & Treatment</span>
6653              </a>
6654            </li>
6655          
6656            
6657            <li
6658              
6659            >
6660              <a
6661                href="/collections/lipliner"
6662                class="mega-menu__link"
6663              >
6664                <span class="wrap-text">Lipliner</span>
6665              </a>
6666            </li>
6667          
6668        </ul>
6669      
6670    </div>
6671
6672    </li>
6673  
6674    <li class="mega-menu__column mega-menu__column--span-1">
6675    <div>
6676      <a
6677        href="#"
6678        class="mega-menu__link mega-menu__link--parent"
6679      >
6680        
6681        <span class="wrap-text">Nails</span>
6682      </a>
6683      
6684        <ul
6685          class="list-unstyled"
6686          
6687            style="column-count: 1;"
6688          
6689        >
6690          
6691            
6692            <li
6693              
6694            >
6695              <a
6696                href="/collections/nail-polish"
6697                class="mega-menu__link"
6698              >
6699                <span class="wrap-text">Nail Polish</span>
6700              </a>
6701            </li>
6702          
6703            
6704            <li
6705              
6706            >
6707              <a
6708                href="/collections/top-base-coats"
6709                class="mega-menu__link"
6710              >
6711                <span class="wrap-text">Top & Base Coats</span>
6712              </a>
6713            </li>
6714          
6715            
6716            <li
6717              
6718            >
6719              <a
6720                href="/collections/nail-sticker"
6721                class="mega-menu__link"
6722              >
6723                <span class="wrap-text">Nail Stickers</span>
6724              </a>
6725            </li>
6726          
6727            
6728            <li
6729              
6730            >
6731              <a
6732                href="/collections/nail-polish-remover"
6733                class="mega-menu__link"
6734              >
6735                <span class="wrap-text">Nail Polish Remover</span>
6736              </a>
6737            </li>
6738          
6739        </ul>
6740      
6741    </div>
6742
6743    </li>
6744  
6745    <li class="mega-menu__column mega-menu__column--span-1">
6746    <div>
6747      <a
6748        href="#"
6749        class="mega-menu__link mega-menu__link--parent"
6750      >
6751        
6752        <span class="wrap-text">Tools & Accessories</span>
6753      </a>
6754      
6755        <ul
6756          class="list-unstyled"
6757          
6758            style="column-count: 1;"
6759          
6760        >
6761          
6762            
6763            <li
6764              
6765            >
6766              <a
6767                href="/collections/eye-lashes"
6768                class="mega-menu__link"
6769              >
6770                <span class="wrap-text">Lashes & Glues</span>
6771              </a>
6772            </li>
6773          
6774            
6775            <li
6776              
6777            >
6778              <a
6779                href="/collections/eye-brushes"
6780                class="mega-menu__link"
6781              >
6782                <span class="wrap-text">Eye Brushes</span>
6783              </a>
6784            </li>
6785          
6786            
6787            <li
6788              
6789            >
6790              <a
6791                href="/collections/face-brushes"
6792                class="mega-menu__link"
6793              >
6794                <span class="wrap-text">Face Brushes</span>
6795              </a>
6796            </li>
6797          
6798            
6799            <li
6800              
6801            >
6802              <a
6803                href="/collections/makeup-sponge"
6804                class="mega-menu__link"
6805              >
6806                <span class="wrap-text">Makeup Sponges</span>
6807              </a>
6808            </li>
6809          
6810            
6811            <li
6812              
6813            >
6814              <a
6815                href="/collections/makeup-bag"
6816                class="mega-menu__link"
6817              >
6818                <span class="wrap-text">Makeup Bags</span>
6819              </a>
6820            </li>
6821          
6822            
6823            <li
6824              
6825            >
6826              <a
6827                href="/collections/sharpeners"
6828                class="mega-menu__link"
6829              >
6830                <span class="wrap-text">Sharpeners</span>
6831              </a>
6832            </li>
6833          
6834        </ul>
6835      
6836    </div>
6837
6838    </li>
6839  
6840</ul>
6841
6842
6843
6844<style data-shopify>
6845  [data-menu-grid-id="MegaMenuList-1"] {
6846    
6847      --menu-columns-desktop: 6;
6848      --menu-columns-tablet: 4;
6849    
6850  }
6851
6852  [data-menu-list-id="MegaMenuList-1"] {
6853    
6854      --menu-columns-desktop: 6;
6855      --menu-columns-tablet: 4;
6856    
6857  }
6858</style>
6859
6860
6861<span
6862      class="mega-menu__content"
6863      style="--menu-content-columns-desktop: 0; --menu-content-columns-tablet: 0; --resource-card-corner-radius: 0px;"
6864    >
6865      <ul
6866        class="mega-menu__content-list mega-menu__content-list--products list-unstyled"
6867      >
6868        
6869      </ul>
6870    </span>
6871  
6872
6873                  </div>
6874                </div>
6875              </div>
6876            </div></li>
6877      
6878        <li
6879          role="presentation"
6880          class="menu-list__list-item"
6881          on:focus="/activate"
6882          on:blur="/deactivate"
6883          on:pointerenter="/activate"
6884          on:pointerleave="/deactivate"
6885        >
6886          <a
6887            href="/collections/korean-skincare"
6888            data-skip-node-update="true"
6889            class="menu-list__link"aria-controls="submenu-2"
6890              aria-haspopup="true"
6891              aria-expanded="false"
6892            ref="menuitem"
6893          >
6894            <span class="menu-list__link-title">Korean Beauty</span>
6895          </a><div class="menu-list__submenu background-matches-parent" ref="submenu[]">
6896              <div
6897                id="submenu-2"
6898                class="menu-list__submenu-inner"
6899                style="--menu-parent-font-family: var(--font-body--family); --menu-parent-font-style:
6900var(--font-body--style); --menu-parent-font-weight: var(--font-body--weight); --menu-parent-font-case:
6901none;
6902
6903    --menu-parent-font-size: var(--menu-font-sm--size); --menu-parent-font-line-height:
6904    var(--menu-font-sm--line-height); --menu-parent-font-color: var(--color-foreground-subdued);
6905    --menu-parent-active-font-color: var(--color-foreground);
6906  
6907--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:
6908none;
6909
6910    --menu-child-font-size: var(--menu-font-md--size); --menu-child-font-line-height: var(--menu-font-md--line-height);
6911    --menu-child-font-color: var(--color-foreground); --menu-child-active-font-color: var(--color-foreground-subdued);
6912  
6913"
6914              >
6915                
6916                <div class="mega-menu section section--full-width-margin section--full-width">
6917                  <div
6918                    class="mega-menu__grid"
6919                    data-menu-grid-id="MegaMenuList-2"
6920                  >
6921                    
6922<ul
6923  data-menu-list-id="MegaMenuList-2"
6924  class="mega-menu__list list-unstyled"
6925  style="--menu-image-border-radius: 0px;"
6926>
6927  
6928    <li class="mega-menu__column mega-menu__column--span-1">
6929    <div>
6930      <a
6931        href="/collections/korean-ampoules"
6932        class="mega-menu__link "
6933      >
6934        
6935        <span class="wrap-text">Ampoules</span>
6936      </a>
6937      
6938    </div>
6939
6940    
6941  
6942    
6943    <div>
6944      <a
6945        href="/collections/korean-sunscreen"
6946        class="mega-menu__link "
6947      >
6948        
6949        <span class="wrap-text">Sunscreen</span>
6950      </a>
6951      
6952    </div>
6953
6954    
6955  
6956    
6957    <div>
6958      <a
6959        href="/collections/korean-serums"
6960        class="mega-menu__link "
6961      >
6962        
6963        <span class="wrap-text">Serums</span>
6964      </a>
6965      
6966    </div>
6967
6968    
6969  
6970    
6971    <div>
6972      <a
6973        href="/collections/korean-cleansers"
6974        class="mega-menu__link "
6975      >
6976        
6977        <span class="wrap-text">Cleansers</span>
6978      </a>
6979      
6980    </div>
6981
6982    
6983  
6984    
6985    <div>
6986      <a
6987        href="/collections/korean-skincare/moisturizer"
6988        class="mega-menu__link "
6989      >
6990        
6991        <span class="wrap-text">Moisturizers</span>
6992      </a>
6993      
6994    </div>
6995
6996    
6997  
6998    
6999    <div>
7000      <a
7001        href="/collections/korean-skincare/face-masks"
7002        class="mega-menu__link "
7003      >
7004        
7005        <span class="wrap-text">Face Mask</span>
7006      </a>
7007      
7008    </div>
7009
7010    
7011  
7012    
7013    <div>
7014      <a
7015        href="/collections/korean-skincare"
7016        class="mega-menu__link "
7017      >
7018        
7019        <span class="wrap-text">View All</span>
7020      </a>
7021      
7022    </div>
7023
7024    </li>
7025  
7026    <li class="mega-menu__column mega-menu__column--span-2">
7027    <div>
7028      <a
7029        href="#"
7030        class="mega-menu__link mega-menu__link--parent"
7031      >
7032        
7033        <span class="wrap-text">Shop By Brands</span>
7034      </a>
7035      
7036        <ul
7037          class="list-unstyled"
7038          
7039            style="column-count: 2;"
7040          
7041        >
7042          
7043            
7044            <li
7045              
7046            >
7047              <a
7048                href="/collections/skin1004"
7049                class="mega-menu__link"
7050              >
7051                <span class="wrap-text">Skin1004</span>
7052              </a>
7053            </li>
7054          
7055            
7056            <li
7057              
7058            >
7059              <a
7060                href="/collections/beauty-of-joseon"
7061                class="mega-menu__link"
7062              >
7063                <span class="wrap-text">Beauty Of Joseon</span>
7064              </a>
7065            </li>
7066          
7067            
7068            <li
7069              
7070            >
7071              <a
7072                href="/collections/anua"
7073                class="mega-menu__link"
7074              >
7075                <span class="wrap-text">Anua</span>
7076              </a>
7077            </li>
7078          
7079            
7080            <li
7081              
7082            >
7083              <a
7084                href="/collections/medicube"
7085                class="mega-menu__link"
7086              >
7087                <span class="wrap-text">Medicube</span>
7088              </a>
7089            </li>
7090          
7091            
7092            <li
7093              
7094            >
7095              <a
7096                href="/collections/COSRX"
7097                class="mega-menu__link"
7098              >
7099                <span class="wrap-text">COSRX</span>
7100              </a>
7101            </li>
7102          
7103            
7104            <li
7105              
7106            >
7107              <a
7108                href="/products/celimax-the-vita-a-retinal-shot-tightening-booster"
7109                class="mega-menu__link"
7110              >
7111                <span class="wrap-text">Celimax</span>
7112              </a>
7113            </li>
7114          
7115            
7116            <li
7117              
7118            >
7119              <a
7120                href="/collections/dr-althea"
7121                class="mega-menu__link"
7122              >
7123                <span class="wrap-text">Dr Althea</span>
7124              </a>
7125            </li>
7126          
7127            
7128            <li
7129              
7130            >
7131              <a
7132                href="/collections/Axis-Y"
7133                class="mega-menu__link"
7134              >
7135                <span class="wrap-text">Axis-Y</span>
7136              </a>
7137            </li>
7138          
7139            
7140            <li
7141              
7142            >
7143              <a
7144                href="/products/purito-seoul-mighty-bamboo-panthenol-moisturizing-cream-100ml"
7145                class="mega-menu__link"
7146              >
7147                <span class="wrap-text">Purito Seoul</span>
7148              </a>
7149            </li>
7150          
7151            
7152            <li
7153              
7154                style="break-after: column;"
7155              
7156            >
7157              <a
7158                href="/collections/eqqualberry"
7159                class="mega-menu__link"
7160              >
7161                <span class="wrap-text">Eqqual Berry</span>
7162              </a>
7163            </li>
7164          
7165            
7166            <li
7167              
7168            >
7169              <a
7170                href="/products/im-from-mugwort-serum-30ml"
7171                class="mega-menu__link"
7172              >
7173                <span class="wrap-text">I'm From</span>
7174              </a>
7175            </li>
7176          
7177            
7178            <li
7179              
7180            >
7181              <a
7182                href="/collections/arencia"
7183                class="mega-menu__link"
7184              >
7185                <span class="wrap-text">Arencia</span>
7186              </a>
7187            </li>
7188          
7189            
7190            <li
7191              
7192            >
7193              <a
7194                href="/collections/vt-cosmetics"
7195                class="mega-menu__link"
7196              >
7197                <span class="wrap-text">VT Cosmetics</span>
7198              </a>
7199            </li>
7200          
7201            
7202            <li
7203              
7204            >
7205              <a
7206                href="/collections/numbuzin"
7207                class="mega-menu__link"
7208              >
7209                <span class="wrap-text">Numbuzin</span>
7210              </a>
7211            </li>
7212          
7213        </ul>
7214      
7215    </div>
7216
7217    </li>
7218  
7219</ul>
7220
7221
7222
7223<style data-shopify>
7224  [data-menu-grid-id="MegaMenuList-2"] {
7225    
7226      --menu-columns-desktop: 6;
7227      --menu-columns-tablet: 4;
7228    
7229  }
7230
7231  [data-menu-list-id="MegaMenuList-2"] {
7232    
7233      --menu-columns-desktop: 6;
7234      --menu-columns-tablet: 4;
7235    
7236  }
7237</style>
7238
7239
7240<span
7241      class="mega-menu__content"
7242      style="--menu-content-columns-desktop: 0; --menu-content-columns-tablet: 0; --resource-card-corner-radius: 0px;"
7243    >
7244      <ul
7245        class="mega-menu__content-list mega-menu__content-list--products list-unstyled"
7246      >
7247        
7248      </ul>
7249    </span>
7250  
7251
7252                  </div>
7253                </div>
7254              </div>
7255            </div></li>
7256      
7257        <li
7258          role="presentation"
7259          class="menu-list__list-item"
7260          on:focus="/activate"
7261          on:blur="/deactivate"
7262          on:pointerenter="/activate"
7263          on:pointerleave="/deactivate"
7264        >
7265          <a
7266            href="/collections/skin-care"
7267            data-skip-node-update="true"
7268            class="menu-list__link"aria-controls="submenu-3"
7269              aria-haspopup="true"
7270              aria-expanded="false"
7271            ref="menuitem"
7272          >
7273            <span class="menu-list__link-title">Skin Care</span>
7274          </a><div class="menu-list__submenu background-matches-parent" ref="submenu[]">
7275              <div
7276                id="submenu-3"
7277                class="menu-list__submenu-inner"
7278                style="--menu-parent-font-family: var(--font-body--family); --menu-parent-font-style:
7279var(--font-body--style); --menu-parent-font-weight: var(--font-body--weight); --menu-parent-font-case:
7280none;
7281
7282    --menu-parent-font-size: var(--menu-font-sm--size); --menu-parent-font-line-height:
7283    var(--menu-font-sm--line-height); --menu-parent-font-color: var(--color-foreground-subdued);
7284    --menu-parent-active-font-color: var(--color-foreground);
7285  
7286--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:
7287none;
7288
7289    --menu-child-font-size: var(--menu-font-md--size); --menu-child-font-line-height: var(--menu-font-md--line-height);
7290    --menu-child-font-color: var(--color-foreground); --menu-child-active-font-color: var(--color-foreground-subdued);
7291  
7292"
7293              >
7294                
7295                <div class="mega-menu section section--full-width-margin section--full-width">
7296                  <div
7297                    class="mega-menu__grid"
7298                    data-menu-grid-id="MegaMenuList-3"
7299                  >
7300                    
7301<ul
7302  data-menu-list-id="MegaMenuList-3"
7303  class="mega-menu__list list-unstyled"
7304  style="--menu-image-border-radius: 0px;"
7305>
7306  
7307    <li class="mega-menu__column mega-menu__column--span-1">
7308    <div>
7309      <a
7310        href="#"
7311        class="mega-menu__link mega-menu__link--parent"
7312      >
7313        
7314        <span class="wrap-text">Shop By Concern</span>
7315      </a>
7316      
7317        <ul
7318          class="list-unstyled"
7319          
7320            style="column-count: 1;"
7321          
7322        >
7323          
7324            
7325            <li
7326              
7327            >
7328              <a
7329                href="/collections/acne-blemishes"
7330                class="mega-menu__link"
7331              >
7332                <span class="wrap-text">Acne / Breakouts / Blemishes</span>
7333              </a>
7334            </li>
7335          
7336            
7337            <li
7338              
7339            >
7340              <a
7341                href="/collections/dullness-uneven-texture"
7342                class="mega-menu__link"
7343              >
7344                <span class="wrap-text">Brightening / Glow / Texture</span>
7345              </a>
7346            </li>
7347          
7348            
7349            <li
7350              
7351            >
7352              <a
7353                href="/collections/pores"
7354                class="mega-menu__link"
7355              >
7356                <span class="wrap-text">Pores Clenasing / Oil Control</span>
7357              </a>
7358            </li>
7359          
7360            
7361            <li
7362              
7363            >
7364              <a
7365                href="/collections/dark-spots"
7366                class="mega-menu__link"
7367              >
7368                <span class="wrap-text">Dark Spots & Dullness</span>
7369              </a>
7370            </li>
7371          
7372            
7373            <li
7374              
7375            >
7376              <a
7377                href="/collections/dryness"
7378                class="mega-menu__link"
7379              >
7380                <span class="wrap-text">Dryness</span>
7381              </a>
7382            </li>
7383          
7384            
7385            <li
7386              
7387            >
7388              <a
7389                href="/collections/anti-aging"
7390                class="mega-menu__link"
7391              >
7392                <span class="wrap-text">Anti-Aging</span>
7393              </a>
7394            </li>
7395          
7396            
7397            <li
7398              
7399            >
7400              <a
7401                href="/collections/fine-lines-wrinkles"
7402                class="mega-menu__link"
7403              >
7404                <span class="wrap-text">Fine Lines & Wrinkles</span>
7405              </a>
7406            </li>
7407          
7408            
7409            <li
7410              
7411            >
7412              <a
7413                href="/collections/hyperpigmentation"
7414                class="mega-menu__link"
7415              >
7416                <span class="wrap-text">Pigmentation / Scars</span>
7417              </a>
7418            </li>
7419          
7420        </ul>
7421      
7422    </div>
7423
7424    </li>
7425  
7426    <li class="mega-menu__column mega-menu__column--span-1">
7427    <div>
7428      <a
7429        href="#"
7430        class="mega-menu__link mega-menu__link--parent"
7431      >
7432        
7433        <span class="wrap-text">Serums & Toners</span>
7434      </a>
7435      
7436        <ul
7437          class="list-unstyled"
7438          
7439            style="column-count: 1;"
7440          
7441        >
7442          
7443            
7444            <li
7445              
7446            >
7447              <a
7448                href="/collections/ampoules"
7449                class="mega-menu__link"
7450              >
7451                <span class="wrap-text">Ampoules (New)</span>
7452              </a>
7453            </li>
7454          
7455            
7456            <li
7457              
7458            >
7459              <a
7460                href="/collections/face-serums"
7461                class="mega-menu__link"
7462              >
7463                <span class="wrap-text">Face Serums</span>
7464              </a>
7465            </li>
7466          
7467            
7468            <li
7469              
7470            >
7471              <a
7472                href="/collections/toners"
7473                class="mega-menu__link"
7474              >
7475                <span class="wrap-text">Toners</span>
7476              </a>
7477            </li>
7478          
7479            
7480            <li
7481              
7482            >
7483              <a
7484                href="/collections/face-masks"
7485                class="mega-menu__link"
7486              >
7487                <span class="wrap-text">Face Masks</span>
7488              </a>
7489            </li>
7490          
7491        </ul>
7492      
7493    </div>
7494
7495    </li>
7496  
7497    <li class="mega-menu__column mega-menu__column--span-1">
7498    <div>
7499      <a
7500        href="#"
7501        class="mega-menu__link mega-menu__link--parent"
7502      >
7503        
7504        <span class="wrap-text">Moisturizers & Lotions</span>
7505      </a>
7506      
7507        <ul
7508          class="list-unstyled"
7509          
7510            style="column-count: 1;"
7511          
7512        >
7513          
7514            
7515            <li
7516              
7517            >
7518              <a
7519                href="/collections/moisturizer"
7520                class="mega-menu__link"
7521              >
7522                <span class="wrap-text">Moisturizer</span>
7523              </a>
7524            </li>
7525          
7526            
7527            <li
7528              
7529            >
7530              <a
7531                href="/collections/face-creams"
7532                class="mega-menu__link"
7533              >
7534                <span class="wrap-text">Face Creams</span>
7535              </a>
7536            </li>
7537          
7538            
7539            <li
7540              
7541            >
7542              <a
7543                href="/collections/sunblock"
7544                class="mega-menu__link"
7545              >
7546                <span class="wrap-text">Sunblock</span>
7547              </a>
7548            </li>
7549          
7550            
7551            <li
7552              
7553            >
7554              <a
7555                href="/collections/eye-cream"
7556                class="mega-menu__link"
7557              >
7558                <span class="wrap-text">Eye Cream</span>
7559              </a>
7560            </li>
7561          
7562            
7563            <li
7564              
7565            >
7566              <a
7567                href="/collections/body-lotion"
7568                class="mega-menu__link"
7569              >
7570                <span class="wrap-text">Body Lotion</span>
7571              </a>
7572            </li>
7573          
7574            
7575            <li
7576              
7577            >
7578              <a
7579                href="/collections/hand-foot-care"
7580                class="mega-menu__link"
7581              >
7582                <span class="wrap-text">Hand & Foot Care</span>
7583              </a>
7584            </li>
7585          
7586            
7587            <li
7588              
7589            >
7590              <a
7591                href="/collections/lip-balm-treatment"
7592                class="mega-menu__link"
7593              >
7594                <span class="wrap-text">Lip Balm & Treatment</span>
7595              </a>
7596            </li>
7597          
7598            
7599            <li
7600              
7601            >
7602              <a
7603                href="/collections/face-oils"
7604                class="mega-menu__link"
7605              >
7606                <span class="wrap-text">Face Oils</span>
7607              </a>
7608            </li>
7609          
7610        </ul>
7611      
7612    </div>
7613
7614    </li>
7615  
7616    <li class="mega-menu__column mega-menu__column--span-1">
7617    <div>
7618      <a
7619        href="#"
7620        class="mega-menu__link mega-menu__link--parent"
7621      >
7622        
7623        <span class="wrap-text">Daily Cleansing Care</span>
7624      </a>
7625      
7626        <ul
7627          class="list-unstyled"
7628          
7629            style="column-count: 1;"
7630          
7631        >
7632          
7633            
7634            <li
7635              
7636            >
7637              <a
7638                href="/collections/cleanser"
7639                class="mega-menu__link"
7640              >
7641                <span class="wrap-text">Cleanser</span>
7642              </a>
7643            </li>
7644          
7645            
7646            <li
7647              
7648            >
7649              <a
7650                href="/collections/face-wash"
7651                class="mega-menu__link"
7652              >
7653                <span class="wrap-text">Face Wash</span>
7654              </a>
7655            </li>
7656          
7657            
7658            <li
7659              
7660            >
7661              <a
7662                href="/collections/face-scrub"
7663                class="mega-menu__link"
7664              >
7665                <span class="wrap-text">Face Scrub</span>
7666              </a>
7667            </li>
7668          
7669            
7670            <li
7671              
7672            >
7673              <a
7674                href="/collections/face-wipes"
7675                class="mega-menu__link"
7676              >
7677                <span class="wrap-text">Face Wipes</span>
7678              </a>
7679            </li>
7680          
7681            
7682            <li
7683              
7684            >
7685              <a
7686                href="/collections/body-wash"
7687                class="mega-menu__link"
7688              >
7689                <span class="wrap-text">Body Wash</span>
7690              </a>
7691            </li>
7692          
7693        </ul>
7694      
7695    </div>
7696
7697    </li>
7698  
7699    <li class="mega-menu__column mega-menu__column--span-1">
7700    <div>
7701      <a
7702        href="#"
7703        class="mega-menu__link mega-menu__link--parent"
7704      >
7705        
7706        <span class="wrap-text">Face Masks</span>
7707      </a>
7708      
7709        <ul
7710          class="list-unstyled"
7711          
7712            style="column-count: 1;"
7713          
7714        >
7715          
7716            
7717            <li
7718              
7719            >
7720              <a
7721                href="/collections/sheet-masks"
7722                class="mega-menu__link"
7723              >
7724                <span class="wrap-text">Sheet Masks</span>
7725              </a>
7726            </li>
7727          
7728            
7729            <li
7730              
7731            >
7732              <a
7733                href="/collections/face-masks"
7734                class="mega-menu__link"
7735              >
7736                <span class="wrap-text">Face Masks</span>
7737              </a>
7738            </li>
7739          
7740        </ul>
7741      
7742    </div>
7743
7744    </li>
7745  
7746</ul>
7747
7748
7749
7750<style data-shopify>
7751  [data-menu-grid-id="MegaMenuList-3"] {
7752    
7753      --menu-columns-desktop: 6;
7754      --menu-columns-tablet: 4;
7755    
7756  }
7757
7758  [data-menu-list-id="MegaMenuList-3"] {
7759    
7760      --menu-columns-desktop: 6;
7761      --menu-columns-tablet: 4;
7762    
7763  }
7764</style>
7765
7766
7767<span
7768      class="mega-menu__content"
7769      style="--menu-content-columns-desktop: 0; --menu-content-columns-tablet: 0; --resource-card-corner-radius: 0px;"
7770    >
7771      <ul
7772        class="mega-menu__content-list mega-menu__content-list--products list-unstyled"
7773      >
7774        
7775      </ul>
7776    </span>
7777  
7778
7779                  </div>
7780                </div>
7781              </div>
7782            </div></li>
7783      
7784        <li
7785          role="presentation"
7786          class="menu-list__list-item"
7787          on:focus="/activate"
7788          on:blur="/deactivate"
7789          on:pointerenter="/activate"
7790          on:pointerleave="/deactivate"
7791        >
7792          <a
7793            href="/collections/hair-care"
7794            data-skip-node-update="true"
7795            class="menu-list__link"aria-controls="submenu-4"
7796              aria-haspopup="true"
7797              aria-expanded="false"
7798            ref="menuitem"
7799          >
7800            <span class="menu-list__link-title">Hair Care</span>
7801          </a><div class="menu-list__submenu background-matches-parent" ref="submenu[]">
7802              <div
7803                id="submenu-4"
7804                class="menu-list__submenu-inner"
7805                style="--menu-parent-font-family: var(--font-body--family); --menu-parent-font-style:
7806var(--font-body--style); --menu-parent-font-weight: var(--font-body--weight); --menu-parent-font-case:
7807none;
7808
7809    --menu-parent-font-size: var(--menu-font-sm--size); --menu-parent-font-line-height:
7810    var(--menu-font-sm--line-height); --menu-parent-font-color: var(--color-foreground-subdued);
7811    --menu-parent-active-font-color: var(--color-foreground);
7812  
7813--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:
7814none;
7815
7816    --menu-child-font-size: var(--menu-font-md--size); --menu-child-font-line-height: var(--menu-font-md--line-height);
7817    --menu-child-font-color: var(--color-foreground); --menu-child-active-font-color: var(--color-foreground-subdued);
7818  
7819"
7820              >
7821                
7822                <div class="mega-menu section section--full-width-margin section--full-width">
7823                  <div
7824                    class="mega-menu__grid"
7825                    data-menu-grid-id="MegaMenuList-4"
7826                  >
7827                    
7828<ul
7829  data-menu-list-id="MegaMenuList-4"
7830  class="mega-menu__list list-unstyled"
7831  style="--menu-image-border-radius: 0px;"
7832>
7833  
7834    <li class="mega-menu__column mega-menu__column--span-1">
7835    <div>
7836      <a
7837        href="#"
7838        class="mega-menu__link mega-menu__link--parent"
7839      >
7840        
7841        <span class="wrap-text">Shop By Concern</span>
7842      </a>
7843      
7844        <ul
7845          class="list-unstyled"
7846          
7847            style="column-count: 1;"
7848          
7849        >
7850          
7851            
7852            <li
7853              
7854            >
7855              <a
7856                href="/collections/hair-fall"
7857                class="mega-menu__link"
7858              >
7859                <span class="wrap-text">Hair Fall</span>
7860              </a>
7861            </li>
7862          
7863            
7864            <li
7865              
7866            >
7867              <a
7868                href="/collections/hair-density"
7869                class="mega-menu__link"
7870              >
7871                <span class="wrap-text">Hair Density</span>
7872              </a>
7873            </li>
7874          
7875            
7876            <li
7877              
7878            >
7879              <a
7880                href="/collections/hair-repair"
7881                class="mega-menu__link"
7882              >
7883                <span class="wrap-text">Hair Repair</span>
7884              </a>
7885            </li>
7886          
7887            
7888            <li
7889              
7890            >
7891              <a
7892                href="/collections/dandruff"
7893                class="mega-menu__link"
7894              >
7895                <span class="wrap-text">Dandruff</span>
7896              </a>
7897            </li>
7898          
7899        </ul>
7900      
7901    </div>
7902
7903    </li>
7904  
7905    <li class="mega-menu__column mega-menu__column--span-1">
7906    <div>
7907      <a
7908        href="#"
7909        class="mega-menu__link mega-menu__link--parent"
7910      >
7911        
7912        <span class="wrap-text">Shampoo & Conditioners</span>
7913      </a>
7914      
7915        <ul
7916          class="list-unstyled"
7917          
7918            style="column-count: 1;"
7919          
7920        >
7921          
7922            
7923            <li
7924              
7925            >
7926              <a
7927                href="/collections/shampoo"
7928                class="mega-menu__link"
7929              >
7930                <span class="wrap-text">Shampoo</span>
7931              </a>
7932            </li>
7933          
7934            
7935            <li
7936              
7937            >
7938              <a
7939                href="/collections/dry-shampoo"
7940                class="mega-menu__link"
7941              >
7942                <span class="wrap-text">Dry Shampoo</span>
7943              </a>
7944            </li>
7945          
7946            
7947            <li
7948              
7949            >
7950              <a
7951                href="/collections/conditioner"
7952                class="mega-menu__link"
7953              >
7954                <span class="wrap-text">Hair Conditioner</span>
7955              </a>
7956            </li>
7957          
7958            
7959            <li
7960              
7961            >
7962              <a
7963                href="/collections/hair-mask"
7964                class="mega-menu__link"
7965              >
7966                <span class="wrap-text">Hair Mask</span>
7967              </a>
7968            </li>
7969          
7970        </ul>
7971      
7972    </div>
7973
7974    </li>
7975  
7976    <li class="mega-menu__column mega-menu__column--span-1">
7977    <div>
7978      <a
7979        href="#"
7980        class="mega-menu__link mega-menu__link--parent"
7981      >
7982        
7983        <span class="wrap-text">Hair Colours</span>
7984      </a>
7985      
7986        <ul
7987          class="list-unstyled"
7988          
7989            style="column-count: 1;"
7990          
7991        >
7992          
7993            
7994            <li
7995              
7996            >
7997              <a
7998                href="/collections/semi-permanent"
7999                class="mega-menu__link"
8000              >
8001                <span class="wrap-text">Hair Colors / Dye</span>
8002              </a>
8003            </li>
8004          
8005            
8006            <li
8007              
8008            >
8009              <a
8010                href="/collections/developer"
8011                class="mega-menu__link"
8012              >
8013                <span class="wrap-text">Developers</span>
8014              </a>
8015            </li>
8016          
8017        </ul>
8018      
8019    </div>
8020
8021    </li>
8022  
8023    <li class="mega-menu__column mega-menu__column--span-1">
8024    <div>
8025      <a
8026        href="#"
8027        class="mega-menu__link mega-menu__link--parent"
8028      >
8029        
8030        <span class="wrap-text">Hair Accessories</span>
8031      </a>
8032      
8033        <ul
8034          class="list-unstyled"
8035          
8036            style="column-count: 1;"
8037          
8038        >
8039          
8040            
8041            <li
8042              
8043            >
8044              <a
8045                href="/collections/hair-styling"
8046                class="mega-menu__link"
8047              >
8048                <span class="wrap-text">Hair Styling</span>
8049              </a>
8050            </li>
8051          
8052            
8053            <li
8054              
8055            >
8056              <a
8057                href="/collections/hair-straightener"
8058                class="mega-menu__link"
8059              >
8060                <span class="wrap-text">Hair Straightener</span>
8061              </a>
8062            </li>
8063          
8064            
8065            <li
8066              
8067            >
8068              <a
8069                href="/collections/hair-curler"
8070                class="mega-menu__link"
8071              >
8072                <span class="wrap-text">Hair Curler</span>
8073              </a>
8074            </li>
8075          
8076            
8077            <li
8078              
8079            >
8080              <a
8081                href="/collections/hair-dryer"
8082                class="mega-menu__link"
8083              >
8084                <span class="wrap-text">Hair Dryer</span>
8085              </a>
8086            </li>
8087          
8088        </ul>
8089      
8090    </div>
8091
8092    </li>
8093  
8094    <li class="mega-menu__column mega-menu__column--span-1">
8095    <div>
8096      <a
8097        href="/collections/hair-serum"
8098        class="mega-menu__link "
8099      >
8100        
8101        <span class="wrap-text">Hair Serum</span>
8102      </a>
8103      
8104    </div>
8105
8106    
8107  
8108    
8109    <div>
8110      <a
8111        href="/collections/hair-oils"
8112        class="mega-menu__link "
8113      >
8114        
8115        <span class="wrap-text">Hair Oils</span>
8116      </a>
8117      
8118    </div>
8119
8120    </li>
8121  
8122</ul>
8123
8124
8125
8126<style data-shopify>
8127  [data-menu-grid-id="MegaMenuList-4"] {
8128    
8129      --menu-columns-desktop: 6;
8130      --menu-columns-tablet: 4;
8131    
8132  }
8133
8134  [data-menu-list-id="MegaMenuList-4"] {
8135    
8136      --menu-columns-desktop: 6;
8137      --menu-columns-tablet: 4;
8138    
8139  }
8140</style>
8141
8142
8143<span
8144      class="mega-menu__content"
8145      style="--menu-content-columns-desktop: 0; --menu-content-columns-tablet: 0; --resource-card-corner-radius: 0px;"
8146    >
8147      <ul
8148        class="mega-menu__content-list mega-menu__content-list--products list-unstyled"
8149      >
8150        
8151      </ul>
8152    </span>
8153  
8154
8155                  </div>
8156                </div>
8157              </div>
8158            </div></li>
8159      
8160        <li
8161          role="presentation"
8162          class="menu-list__list-item"
8163          on:focus="/activate"
8164          on:blur="/deactivate"
8165          on:pointerenter="/activate"
8166          on:pointerleave="/deactivate"
8167        >
8168          <a
8169            href="/collections/health-care"
8170            data-skip-node-update="true"
8171            class="menu-list__link"aria-controls="submenu-5"
8172              aria-haspopup="true"
8173              aria-expanded="false"
8174            ref="menuitem"
8175          >
8176            <span class="menu-list__link-title">Health Care</span>
8177          </a><div class="menu-list__submenu background-matches-parent" ref="submenu[]">
8178              <div
8179                id="submenu-5"
8180                class="menu-list__submenu-inner"
8181                style="--menu-parent-font-family: var(--font-body--family); --menu-parent-font-style:
8182var(--font-body--style); --menu-parent-font-weight: var(--font-body--weight); --menu-parent-font-case:
8183none;
8184
8185    --menu-parent-font-size: var(--menu-font-sm--size); --menu-parent-font-line-height:
8186    var(--menu-font-sm--line-height); --menu-parent-font-color: var(--color-foreground-subdued);
8187    --menu-parent-active-font-color: var(--color-foreground);
8188  
8189--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:
8190none;
8191
8192    --menu-child-font-size: var(--menu-font-md--size); --menu-child-font-line-height: var(--menu-font-md--line-height);
8193    --menu-child-font-color: var(--color-foreground); --menu-child-active-font-color: var(--color-foreground-subdued);
8194  
8195"
8196              >
8197                
8198                <div class="mega-menu section section--full-width-margin section--full-width">
8199                  <div
8200                    class="mega-menu__grid"
8201                    data-menu-grid-id="MegaMenuList-5"
8202                  >
8203                    
8204<ul
8205  data-menu-list-id="MegaMenuList-5"
8206  class="mega-menu__list list-unstyled"
8207  style="--menu-image-border-radius: 0px;"
8208>
8209  
8210    <li class="mega-menu__column mega-menu__column--span-1">
8211    <div>
8212      <a
8213        href="#"
8214        class="mega-menu__link mega-menu__link--parent"
8215      >
8216        
8217        <span class="wrap-text">Shop By Concern</span>
8218      </a>
8219      
8220        <ul
8221          class="list-unstyled"
8222          
8223            style="column-count: 1;"
8224          
8225        >
8226          
8227            
8228            <li
8229              
8230            >
8231              <a
8232                href="/collections/male-vitality"
8233                class="mega-menu__link"
8234              >
8235                <span class="wrap-text">Male Vitality</span>
8236              </a>
8237            </li>
8238          
8239            
8240            <li
8241              
8242            >
8243              <a
8244                href="/collections/pregnancy"
8245                class="mega-menu__link"
8246              >
8247                <span class="wrap-text">Pregnancy</span>
8248              </a>
8249            </li>
8250          
8251            
8252            <li
8253              
8254            >
8255              <a
8256                href="/collections/immunity"
8257                class="mega-menu__link"
8258              >
8259                <span class="wrap-text">Immunity</span>
8260              </a>
8261            </li>
8262          
8263            
8264            <li
8265              
8266            >
8267              <a
8268                href="/collections/bones-joints"
8269                class="mega-menu__link"
8270              >
8271                <span class="wrap-text">Bones & Joints</span>
8272              </a>
8273            </li>
8274          
8275            
8276            <li
8277              
8278            >
8279              <a
8280                href="/collections/energy-booster"
8281                class="mega-menu__link"
8282              >
8283                <span class="wrap-text">Energy Booster</span>
8284              </a>
8285            </li>
8286          
8287            
8288            <li
8289              
8290            >
8291              <a
8292                href="/collections/metabolism"
8293                class="mega-menu__link"
8294              >
8295                <span class="wrap-text">Metabolism & Weight Loss</span>
8296              </a>
8297            </li>
8298          
8299            
8300            <li
8301              
8302            >
8303              <a
8304                href="/collections/prostate-functions"
8305                class="mega-menu__link"
8306              >
8307                <span class="wrap-text">Prostate Functions</span>
8308              </a>
8309            </li>
8310          
8311            
8312            <li
8313              
8314            >
8315              <a
8316                href="/collections/natural-sweetener"
8317                class="mega-menu__link"
8318              >
8319                <span class="wrap-text">Natural Sweetener</span>
8320              </a>
8321            </li>
8322          
8323        </ul>
8324      
8325    </div>
8326
8327    </li>
8328  
8329    <li class="mega-menu__column mega-menu__column--span-1">
8330    <div>
8331      <a
8332        href="#"
8333        class="mega-menu__link mega-menu__link--parent"
8334      >
8335        
8336        <span class="wrap-text">Supplements For Men</span>
8337      </a>
8338      
8339        <ul
8340          class="list-unstyled"
8341          
8342            style="column-count: 1;"
8343          
8344        >
8345          
8346            
8347            <li
8348              
8349            >
8350              <a
8351                href="/collections/men-energy-booster"
8352                class="mega-menu__link"
8353              >
8354                <span class="wrap-text">Men Energy Booster</span>
8355              </a>
8356            </li>
8357          
8358            
8359            <li
8360              
8361            >
8362              <a
8363                href="/collections/male-vitality"
8364                class="mega-menu__link"
8365              >
8366                <span class="wrap-text">Male Vitality</span>
8367              </a>
8368            </li>
8369          
8370            
8371            <li
8372              
8373            >
8374              <a
8375                href="/collections/prostate-functions"
8376                class="mega-menu__link"
8377              >
8378                <span class="wrap-text">Prostate Functions</span>
8379              </a>
8380            </li>
8381          
8382        </ul>
8383      
8384    </div>
8385
8386    </li>
8387  
8388    <li class="mega-menu__column mega-menu__column--span-1">
8389    <div>
8390      <a
8391        href="#"
8392        class="mega-menu__link mega-menu__link--parent"
8393      >
8394        
8395        <span class="wrap-text">Supplements For Women</span>
8396      </a>
8397      
8398        <ul
8399          class="list-unstyled"
8400          
8401            style="column-count: 1;"
8402          
8403        >
8404          
8405            
8406            <li
8407              
8408            >
8409              <a
8410                href="/collections/pregnancy"
8411                class="mega-menu__link"
8412              >
8413                <span class="wrap-text">Pregnancy</span>
8414              </a>
8415            </li>
8416          
8417        </ul>
8418      
8419    </div>
8420
8421    </li>
8422  
8423    <li class="mega-menu__column mega-menu__column--span-1">
8424    <div>
8425      <a
8426        href="#"
8427        class="mega-menu__link mega-menu__link--parent"
8428      >
8429        
8430        <span class="wrap-text">Supplements For All</span>
8431      </a>
8432      
8433        <ul
8434          class="list-unstyled"
8435          
8436            style="column-count: 1;"
8437          
8438        >
8439          
8440            
8441            <li
8442              
8443            >
8444              <a
8445                href="/collections/immunity"
8446                class="mega-menu__link"
8447              >
8448                <span class="wrap-text">Immunity</span>
8449              </a>
8450            </li>
8451          
8452            
8453            <li
8454              
8455            >
8456              <a
8457                href="/collections/metabolism"
8458                class="mega-menu__link"
8459              >
8460                <span class="wrap-text">Metabolism & Weight Loss</span>
8461              </a>
8462            </li>
8463          
8464            
8465            <li
8466              
8467            >
8468              <a
8469                href="/collections/bones-joints"
8470                class="mega-menu__link"
8471              >
8472                <span class="wrap-text">Bones & Joints</span>
8473              </a>
8474            </li>
8475          
8476            
8477            <li
8478              
8479            >
8480              <a
8481                href="/collections/hair-vitamins"
8482                class="mega-menu__link"
8483              >
8484                <span class="wrap-text">Hair Vitamins</span>
8485              </a>
8486            </li>
8487          
8488            
8489            <li
8490              
8491            >
8492              <a
8493                href="/collections/blood-sugar-support"
8494                class="mega-menu__link"
8495              >
8496                <span class="wrap-text">Blood Sugar Support</span>
8497              </a>
8498            </li>
8499          
8500        </ul>
8501      
8502    </div>
8503
8504    </li>
8505  
8506    <li class="mega-menu__column mega-menu__column--span-1">
8507    <div>
8508      <a
8509        href="#"
8510        class="mega-menu__link mega-menu__link--parent"
8511      >
8512        
8513        <span class="wrap-text">Others</span>
8514      </a>
8515      
8516        <ul
8517          class="list-unstyled"
8518          
8519            style="column-count: 1;"
8520          
8521        >
8522          
8523            
8524            <li
8525              
8526            >
8527              <a
8528                href="/collections/aromatherapy"
8529                class="mega-menu__link"
8530              >
8531                <span class="wrap-text">Aromatherapy</span>
8532              </a>
8533            </li>
8534          
8535        </ul>
8536      
8537    </div>
8538
8539    </li>
8540  
8541</ul>
8542
8543
8544
8545<style data-shopify>
8546  [data-menu-grid-id="MegaMenuList-5"] {
8547    
8548      --menu-columns-desktop: 6;
8549      --menu-columns-tablet: 4;
8550    
8551  }
8552
8553  [data-menu-list-id="MegaMenuList-5"] {
8554    
8555      --menu-columns-desktop: 6;
8556      --menu-columns-tablet: 4;
8557    
8558  }
8559</style>
8560
8561
8562<span
8563      class="mega-menu__content"
8564      style="--menu-content-columns-desktop: 0; --menu-content-columns-tablet: 0; --resource-card-corner-radius: 0px;"
8565    >
8566      <ul
8567        class="mega-menu__content-list mega-menu__content-list--products list-unstyled"
8568      >
8569        
8570      </ul>
8571    </span>
8572  
8573
8574                  </div>
8575                </div>
8576              </div>
8577            </div></li>
8578      
8579        <li
8580          role="presentation"
8581          class="menu-list__list-item"
8582          on:focus="/activate"
8583          on:blur="/deactivate"
8584          on:pointerenter="/activate"
8585          on:pointerleave="/deactivate"
8586        >
8587          <a
8588            href="/collections/personal-care"
8589            data-skip-node-update="true"
8590            class="menu-list__link"aria-controls="submenu-6"
8591              aria-haspopup="true"
8592              aria-expanded="false"
8593            ref="menuitem"
8594          >
8595            <span class="menu-list__link-title">Personal Care</span>
8596          </a><div class="menu-list__submenu background-matches-parent" ref="submenu[]">
8597              <div
8598                id="submenu-6"
8599                class="menu-list__submenu-inner"
8600                style="--menu-parent-font-family: var(--font-body--family); --menu-parent-font-style:
8601var(--font-body--style); --menu-parent-font-weight: var(--font-body--weight); --menu-parent-font-case:
8602none;
8603
8604    --menu-parent-font-size: var(--menu-font-sm--size); --menu-parent-font-line-height:
8605    var(--menu-font-sm--line-height); --menu-parent-font-color: var(--color-foreground-subdued);
8606    --menu-parent-active-font-color: var(--color-foreground);
8607  
8608--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:
8609none;
8610
8611    --menu-child-font-size: var(--menu-font-md--size); --menu-child-font-line-height: var(--menu-font-md--line-height);
8612    --menu-child-font-color: var(--color-foreground); --menu-child-active-font-color: var(--color-foreground-subdued);
8613  
8614"
8615              >
8616                
8617                <div class="mega-menu section section--full-width-margin section--full-width">
8618                  <div
8619                    class="mega-menu__grid"
8620                    data-menu-grid-id="MegaMenuList-6"
8621                  >
8622                    
8623<ul
8624  data-menu-list-id="MegaMenuList-6"
8625  class="mega-menu__list list-unstyled"
8626  style="--menu-image-border-radius: 0px;"
8627>
8628  
8629    <li class="mega-menu__column mega-menu__column--span-1">
8630    <div>
8631      <a
8632        href="/collections/fragrance"
8633        class="mega-menu__link "
8634      >
8635        
8636        <span class="wrap-text">Fragrance</span>
8637      </a>
8638      
8639    </div>
8640
8641    </li>
8642  
8643    <li class="mega-menu__column mega-menu__column--span-1">
8644    <div>
8645      <a
8646        href="#"
8647        class="mega-menu__link mega-menu__link--parent"
8648      >
8649        
8650        <span class="wrap-text">Female Care</span>
8651      </a>
8652      
8653        <ul
8654          class="list-unstyled"
8655          
8656            style="column-count: 1;"
8657          
8658        >
8659          
8660            
8661            <li
8662              
8663            >
8664              <a
8665                href="/collections/biomousse-flora"
8666                class="mega-menu__link"
8667              >
8668                <span class="wrap-text">Vaginal Care</span>
8669              </a>
8670            </li>
8671          
8672            
8673            <li
8674              
8675            >
8676              <a
8677                href="/collections/hair-removal-cream"
8678                class="mega-menu__link"
8679              >
8680                <span class="wrap-text">Hair Removal Cream</span>
8681              </a>
8682            </li>
8683          
8684            
8685            <li
8686              
8687            >
8688              <a
8689                href="/collections/wax-strips"
8690                class="mega-menu__link"
8691              >
8692                <span class="wrap-text">Wax Strips</span>
8693              </a>
8694            </li>
8695          
8696            
8697            <li
8698              
8699            >
8700              <a
8701                href="/collections/epilators"
8702                class="mega-menu__link"
8703              >
8704                <span class="wrap-text">Epilators</span>
8705              </a>
8706            </li>
8707          
8708        </ul>
8709      
8710    </div>
8711
8712    </li>
8713  
8714</ul>
8715
8716
8717
8718<style data-shopify>
8719  [data-menu-grid-id="MegaMenuList-6"] {
8720    
8721      --menu-columns-desktop: 6;
8722      --menu-columns-tablet: 4;
8723    
8724  }
8725
8726  [data-menu-list-id="MegaMenuList-6"] {
8727    
8728      --menu-columns-desktop: 6;
8729      --menu-columns-tablet: 4;
8730    
8731  }
8732</style>
8733
8734
8735<span
8736      class="mega-menu__content"
8737      style="--menu-content-columns-desktop: 0; --menu-content-columns-tablet: 0; --resource-card-corner-radius: 0px;"
8738    >
8739      <ul
8740        class="mega-menu__content-list mega-menu__content-list--products list-unstyled"
8741      >
8742        
8743      </ul>
8744    </span>
8745  
8746
8747                  </div>
8748                </div>
8749              </div>
8750            </div></li>
8751      
8752        <li
8753          role="presentation"
8754          class="menu-list__list-item"
8755          on:focus="/activate"
8756          on:blur="/deactivate"
8757          on:pointerenter="/activate"
8758          on:pointerleave="/deactivate"
8759        >
8760          <a
8761            href="/collections/baby-care"
8762            data-skip-node-update="true"
8763            class="menu-list__link"aria-controls="submenu-7"
8764              aria-haspopup="true"
8765              aria-expanded="false"
8766            ref="menuitem"
8767          >
8768            <span class="menu-list__link-title">Baby Care</span>
8769          </a><div class="menu-list__submenu background-matches-parent" ref="submenu[]">
8770              <div
8771                id="submenu-7"
8772                class="menu-list__submenu-inner"
8773                style="--menu-parent-font-family: var(--font-body--family); --menu-parent-font-style:
8774var(--font-body--style); --menu-parent-font-weight: var(--font-body--weight); --menu-parent-font-case:
8775none;
8776
8777    --menu-parent-font-size: var(--menu-font-sm--size); --menu-parent-font-line-height:
8778    var(--menu-font-sm--line-height); --menu-parent-font-color: var(--color-foreground-subdued);
8779    --menu-parent-active-font-color: var(--color-foreground);
8780  
8781--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:
8782none;
8783
8784    --menu-child-font-size: var(--menu-font-md--size); --menu-child-font-line-height: var(--menu-font-md--line-height);
8785    --menu-child-font-color: var(--color-foreground); --menu-child-active-font-color: var(--color-foreground-subdued);
8786  
8787"
8788              >
8789                
8790                <div class="mega-menu section section--full-width-margin section--full-width">
8791                  <div
8792                    class="mega-menu__grid"
8793                    data-menu-grid-id="MegaMenuList-7"
8794                  >
8795                    
8796<ul
8797  data-menu-list-id="MegaMenuList-7"
8798  class="mega-menu__list list-unstyled"
8799  style="--menu-image-border-radius: 0px;"
8800>
8801  
8802    <li class="mega-menu__column mega-menu__column--span-1">
8803    <div>
8804      <a
8805        href="/collections/kidzvits"
8806        class="mega-menu__link "
8807      >
8808        
8809        <span class="wrap-text">Kids Vitamins</span>
8810      </a>
8811      
8812    </div>
8813
8814    
8815  
8816    
8817    <div>
8818      <a
8819        href="/collections/maks"
8820        class="mega-menu__link "
8821      >
8822        
8823        <span class="wrap-text">Baby Shampoos & Conditioner</span>
8824      </a>
8825      
8826    </div>
8827
8828    
8829  
8830    
8831    <div>
8832      <a
8833        href="/collections/baby-wash"
8834        class="mega-menu__link "
8835      >
8836        
8837        <span class="wrap-text">Baby Wash</span>
8838      </a>
8839      
8840    </div>
8841
8842    
8843  
8844    
8845    <div>
8846      <a
8847        href="/collections/baby-lotion"
8848        class="mega-menu__link "
8849      >
8850        
8851        <span class="wrap-text">Baby Lotion</span>
8852      </a>
8853      
8854    </div>
8855
8856    
8857  
8858    
8859    <div>
8860      <a
8861        href="/collections/rashes-treatment"
8862        class="mega-menu__link "
8863      >
8864        
8865        <span class="wrap-text">Rashes Treatment</span>
8866      </a>
8867      
8868    </div>
8869
8870    </li>
8871  
8872</ul>
8873
8874
8875
8876<style data-shopify>
8877  [data-menu-grid-id="MegaMenuList-7"] {
8878    
8879      --menu-columns-desktop: 6;
8880      --menu-columns-tablet: 4;
8881    
8882  }
8883
8884  [data-menu-list-id="MegaMenuList-7"] {
8885    
8886      --menu-columns-desktop: 6;
8887      --menu-columns-tablet: 4;
8888    
8889  }
8890</style>
8891
8892
8893<span
8894      class="mega-menu__content"
8895      style="--menu-content-columns-desktop: 0; --menu-content-columns-tablet: 0; --resource-card-corner-radius: 0px;"
8896    >
8897      <ul
8898        class="mega-menu__content-list mega-menu__content-list--products list-unstyled"
8899      >
8900        
8901      </ul>
8902    </span>
8903  
8904
8905                  </div>
8906                </div>
8907              </div>
8908            </div></li>
8909      
8910        <li
8911          role="presentation"
8912          class="menu-list__list-item"
8913          on:focus="/activate"
8914          on:blur="/deactivate"
8915          on:pointerenter="/activate"
8916          on:pointerleave="/deactivate"
8917        >
8918          <a
8919            href="/pages/brands-page"
8920            data-skip-node-update="true"
8921            class="menu-list__link"
8922            ref="menuitem"
8923          >
8924            <span class="menu-list__link-title">Brands</span>
8925          </a></li>
8926      
8927        <li
8928          role="presentation"
8929          class="menu-list__list-item"
8930          on:focus="/activate"
8931          on:blur="/deactivate"
8932          on:pointerenter="/activate"
8933          on:pointerleave="/deactivate"
8934        >
8935          <a
8936            href="/collections/sale"
8937            data-skip-node-update="true"
8938            class="menu-list__link"
8939            ref="menuitem"
8940          >
8941            <span class="menu-list__link-title">Sale</span>
8942          </a></li>
8943      
8944      <li
8945        class="menu-list__list-item"
8946        role="presentation"
8947        slot="more"
8948        on:focus="/activate"
8949        on:blur="/deactivate"
8950        on:pointerenter="/activate"
8951        on:pointerleave="/deactivate"
8952      >
8953        <button role="listitem" class="menu-list__link button-unstyled">
8954          <span class="menu-list__link-title">More</span>
8955        </button>
8956      </li>
8957    
8958</overflow-list>
8959
8960        </nav>
8961      </div>
8962
8963      
8963<script
8964        src="//cozmetica.pk/cdn/shop/t/140/assets/header-menu.js?v=95929844569485293131785524563"
8965        type="module"
8966        fetchpriority="low"
8967      ></script>
8967
8968    </header-menu>
8969
8970
8971<style data-shopify>
8972  .header__underlay {
8973    --color-submenu: rgb(255 255 255);
8974  }
8975</style>
8976
8977
8978
8979
8980            
8981        
8982      
8983    </div><div
8984      class="header__column header__column--right"
8985      data-testid="header-top-right"
8986    >
8987      
8988        
8989          
8990              
8991  
8992  
8993
8994            
8995        
8996      
8997        
8998          
8999              
9000  <search-button
9001    class="search-action search-action--hidden-on-drawer"
9002  >
9003    <button
9004      on:click="#search-modal/showDialog"
9005      class="button-unstyled header-actions__action"
9006      aria-label="Search"
9007      aria-haspopup="dialog"
9008    >
9009      <span class="hidden">
9010        Search
9011      </span>
9012
9013      <span class="svg-wrapper ">
9014        <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>
9015
9016      </span>
9017    </button>
9018  </search-button>
9019
9020
9021
9022
9023            
9024        
9025      
9026        
9027          
9028              
9029
9030<script
9031  type="module"
9032  src="//cozmetica.pk/cdn/shop/t/140/assets/cart-icon.js?v=109428858171217037751785524563"
9033  fetchpriority="low"
9034></script>
9034
9035
9036
9037
9038
9039
9040<header-actions
9041  
9042>
9043  
9044    
9045    <div
9046      class="account-button header-actions__action color-custom-popover"
9047    >
9048      <shopify-store store-domain="https://cozmetica.pk" country="PK" language="en"></shopify-store>
9049<shopify-account
9050        menu="customer-account-main-menu"
9051        
9052      >
9053        
9054          <span
9055            slot="signed-out-avatar"
9056            class="account-button__text header-actions__text-style hidden"
9057          >
9058            Account
9059          </span>
9060
9061          <span
9062            slot="signed-out-avatar"
9063            class=""
9064            aria-hidden="true"
9065          >
9066            
9067  <svg
9068    xmlns="http://www.w3.org/2000/svg"
9069    width="15"
9070    height="17"
9071    viewBox="0 0 15 17"
9072    fill="none"
9073    slot="signed-out-avatar"
9074    class="account-button__icon"
9075  >
9076    <path
9077      stroke="currentColor"
9078      stroke-linejoin="round"
9079      stroke-width="var(--icon-stroke-width)"
9080      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"
9081    />
9082  </svg>
9083
9084          </span>
9085        
9086      </shopify-account>
9087    </div>
9088  
9089
9090  
9091    <button
9092      class="header-actions__action button-unstyled"
9093      on:click="#cart-drawer/toggle"
9094      aria-haspopup="dialog"
9095      aria-expanded="false"
9096      aria-controls="cart-drawer"
9097      aria-label="Cart"
9098      aria-describedby="cart-bubble-text"
9099      data-testid="cart-drawer-trigger"
9100    >
9101      
9102  <cart-icon
9103    class="header-actions__cart-icon"
9104    data-testid="cart-icon"
9105  >
9106    <span class="hidden">
9107      Cart
9108    </span>
9109
9110    <span
9111      class="svg-wrapper "
9112      aria-hidden="true"
9113    >
9114      <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>
9115
9116    </span>
9117
9118    
9119
9120<div
9121  ref="cartBubble"
9122  class="cart-bubble visually-hidden"
9123  style="--cart-bubble-background-fallback: #000000; --cart-bubble-text-fallback: #ffffff;"
9124  
9125  
9126    data-maintain-ratio
9127  
9128>
9129  <span class="cart-bubble__background"></span>
9130  <span
9131    ref="cartBubbleText"
9132    id="cart-bubble-text"
9133    class="cart-bubble__text"
9134  >
9135    <span
9136      class="cart-bubble__text-count hidden"
9137      ref="cartBubbleCount"
9138      aria-hidden="true"
9139      data-testid="cart-bubble"
9140    >
91410</span>
9142  </span>
9143</div>
9144
9145
9146
9147  </cart-icon>
9148
9149    </button>
9150  
9151
9152  <span
9153    ref="liveRegion"
9154    class="visually-hidden"
9155    role="status"
9156    data-testid="cart-count-live-region"
9157  ></span>
9158</header-actions>
9159
9160<script
9161  type="module"
9162  src="//cozmetica.pk/cdn/shop/t/140/assets/header-actions.js?v=157135685635924702181785524563"
9163  fetchpriority="low"
9164></script>
9164
9165
9166
9167
9168          
9169        
9170      
9171    </div>
9172        </div>
9173      </div>
9174    
9175  
9176    
9177
9178    
9179
9180    
9181    
9182  
9183
9184  
9185    <div class="header__row header__navigation-bar-row">
9186      
9187
9188
9189
9190    
9191  
9192
9193<style data-shopify>
9194  .header__underlay {
9195    --color-submenu: rgb(255 255 255);
9196  }
9197</style>
9198
9199
9200
9201
9202    </div>
9203  
9204</header-component>
9205
9206<script
9207  src="//cozmetica.pk/cdn/shop/t/140/assets/header.js?v=183210491532312943441785524563"
9208  type="module"
9209></script>
9209
9210
9211
9212
9213
9214  
9214<script type="module">
9215    import { hydrate } from '@theme/section-hydration';
9216    const url = new URL(window.location.href);
9217    url.searchParams.delete('page');
9218    hydrate('sections--21036523061409__header_section', url);
9219  </script>
9219
9220
9221
9222
9223</header>
9224<!-- END sections: header-group -->
9225      </div>
9226
9227      
9227<script>
9228        // Inline header height and menu style calculations to prevent layout shift
9229        // Note: Updates in calculateHeaderGroupHeight(), updateTransparentHeaderOffset() and setHeaderMenuStyle() utilities.js should be kept in sync with this function
9230        (function setHeaderHeighCustomProperties() {
9231          /*
9232           * Header calculation functions for maintaining CSS variables
9233           * Mimic calculateHeaderGroupHeight() in utilities.js
9234           */
9235          const header = document.querySelector('header-component');
9236          const headerGroup = document.querySelector('#header-group');
9237          const hasHeaderSection = headerGroup?.querySelector('.header-section');
9238
9239          if (!header || !headerGroup) return;
9240
9241          const headerTopRow = header.querySelector('.header__row--top');
9242          const headerHeight = header.offsetHeight;
9243
9244          // Calculate the total height of the header group
9245          let headerGroupHeight = 0;
9246          const children = headerGroup.children;
9247          for (let i = 0; i < children.length; i++) {
9248            const element = children[i];
9249            if (element === header || !(element instanceof HTMLElement)) continue;
9250            headerGroupHeight += element.offsetHeight;
9251          }
9252
9253          // Check for transparent header special case
9254          if (header.hasAttribute('transparent') && header.parentElement?.nextElementSibling) {
9255            headerGroupHeight += headerHeight;
9256          }
9257
9258          // Set CSS variables
9259          document.body.style.setProperty('--header-height', `${headerHeight}px`);
9260          document.body.style.setProperty('--header-group-height', `${headerGroupHeight}px`);
9261
9262          if (headerTopRow) {
9263            window.requestAnimationFrame(function () {
9264              document.body.style.setProperty('--top-row-height', `${headerTopRow.offsetHeight}px`);
9265            });
9266          }
9267
9268          /**
9269           * Updates CSS custom properties for transparent header offset calculation
9270           * Mimic updateTransparentHeaderOffset() in utilities.js
9271           */
9272
9273          if (!hasHeaderSection || !header?.hasAttribute('transparent')) {
9274            document.body.style.setProperty('--transparent-header-offset-boolean', '0');
9275            return;
9276          }
9277
9278          const hasImmediateSection = hasHeaderSection.nextElementSibling?.classList.contains('shopify-section');
9279
9280          const shouldApplyOffset = !hasImmediateSection ? '1' : '0';
9281          document.body.style.setProperty('--transparent-header-offset-boolean', shouldApplyOffset);
9282        })();
9283
9284        (function setHeaderMenuStyle() {
9285          const headerComponent = document.querySelector('#header-component');
9286          if (headerComponent) {
9287            const isTouchDevice = 'ontouchstart' in window && navigator.maxTouchPoints > 0;
9288            const overflowList = headerComponent?.querySelector('overflow-list');
9289            const hasReachedMinimum = overflowList && overflowList.hasAttribute('minimum-reached');
9290            headerComponent.dataset.menuStyle = isTouchDevice || hasReachedMinimum ? 'drawer' : 'menu';
9291          }
9292        })();
9293      </script>
9293
9294
9295      <main
9296        id="MainContent"
9297        class="content-for-layout"
9298        role="main"
9299        data-page-transition-enabled="false"
9300        data-product-transition="false"
9301        data-template="page"
9302      >
9303        <div id="shopify-section-template--21036528533665__main" class="shopify-section section-wrapper">
9304
9305
9306
9307
9308
9309
9310  <style data-shopify>
9311    .color-custom-template--21036528533665__main,
9312    .color-custom-template--21036528533665__main .text-block {
9313      /* Background */
9314      --color-background: #ffffff;
9315      --color-background-rgb: 255 255 255;
9316
9317      /* Opacity values adjusted for background brightness */
9318      
9319--opacity-5-15: 0.05; --opacity-10-25: 0.1; --opacity-35-55: 0.35; --opacity-40-60:
93200.4; --opacity-30-60: 0.3; --opacity-60: 0.6;
9321
9322
9323      
9324        /* Foreground / text — explicit or smart-contrasted */
9325        --color: #000000;
9326        --color-rgb: 0 0 0;
9327        --color-foreground: #000000;
9328        --color-foreground-rgb: 0 0 0;
9329        --color-foreground-muted: rgb(0 0 0 / var(--opacity-muted-text));
9330        --color-foreground-subdued: rgb(0 0 0 / var(--opacity-subdued-text));
9331        --color-border: var(--palette-darkest);
9332        --color-border-rgb: var(--palette-darkest-rgb);
9333      
9334    }
9335
9336    
9337      .color-custom-template--21036528533665__main {
9338        /* Form-related tokens stay on .color-custom only — .text-block is a prose
9339           container (text/announcement/inline-text/blog-post-description/
9340           collection-link/price/sku) and never holds form inputs. */
9341        --input-disabled-background-color: rgb(0 0 0 / var(--opacity-10));
9342        --input-disabled-border-color: rgb(0 0 0 / var(--opacity-5));
9343        --input-disabled-text-color: rgb(0 0 0 / var(--opacity-50));
9344        --checkbox-border: 1px solid rgb(0 0 0 / var(--opacity-35-55));
9345      }
9346    
9347
9348    .color-custom-template--21036528533665__main {
9349      color: var(--color, var(--color-foreground));
9350      background-color: var(--color-background);
9351    }
9352  </style>
9353
9354
9355
9356<div
9357  class="section-background color-custom-template--21036528533665__main"
9358></div>
9359<div class="section page-width-content color-custom-template--21036528533665__main">
9360  <div
9361    class="
9362      spacing-style
9363      layout-panel-flex
9364      layout-panel-flex--column
9365      section-content-wrapper
9366      mobile-column
9367    "
9368    style="
9369      --flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;
9370
9371--gap: max(24px, calc(var(--gap-scale, 1.0) * 32px));
9372
9373--horizontal-alignment: ; --vertical-alignment: ;
9374--vertical-alignment-mobile: ;
9375
9376      --padding-block-start: max(20px, calc(var(--spacing-scale) * 40px));--padding-block-end: max(20px, calc(var(--spacing-scale) * 80px));
9377    "
9378  >
9379    
9380
9381
9382
9383
9384
9385
9386
9387
9388  <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;          ">
9389    <h1>About Cozmetica</h1>
9390  </div>
9391
9392
9393
9394
9395
9396
9397<div id="shopify-block-AbVdFS1hNSldrTVQyY__page-content" class="shopify-block rte">
9398
9399<div
9400  class="page-content"
9401  style="
9402    
9403  "
9404>
9405  <rte-formatter>
9406    <meta http-equiv="content-type" content="text/html; charset=utf-8">
9407<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>
9408<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>
9409<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>
9410<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>
9411<p><strong>Why Us? </strong></p>
9412<p>
9412Guaranteed 7 days delivery promise: click here to track your order</p>
9413<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>
9414<p><span style="color: #ff2a00;"><strong>Cozmetica is a trademark owned &amp; filed by CozCom Pvt Ltd</strong></span></p>
9415  </rte-formatter>
9416</div>
9417
9418
9419
9420
9421</div>
9422
9423  </div>
9424</div>
9425
9426
9427</div>
9428      </main>
9429
9430      <footer>
9431        <!-- BEGIN sections: footer-group -->
9432<div id="shopify-section-sections--21036522897569__footer_m9NzUG" class="shopify-section shopify-section-group-footer-group section-wrapper">
9433
9434
9435
9436
9437
9438
9439  <style data-shopify>
9440    .color-custom-sections--21036522897569__footer_m9NzUG,
9441    .color-custom-sections--21036522897569__footer_m9NzUG .text-block {
9442      /* Background */
9443      --color-background: #fffbf5;
9444      --color-background-rgb: 255 251 245;
9445
9446      /* Opacity values adjusted for background brightness */
9447      
9448--opacity-5-15: 0.05; --opacity-10-25: 0.1; --opacity-35-55: 0.35; --opacity-40-60:
94490.4; --opacity-30-60: 0.3; --opacity-60: 0.6;
9450
9451
9452      
9453        /* Foreground / text — explicit or smart-contrasted */
9454        --color: #000000;
9455        --color-rgb: 0 0 0;
9456        --color-foreground: #000000;
9457        --color-foreground-rgb: 0 0 0;
9458        --color-foreground-muted: rgb(0 0 0 / var(--opacity-muted-text));
9459        --color-foreground-subdued: rgb(0 0 0 / var(--opacity-subdued-text));
9460        --color-border: var(--palette-darkest);
9461        --color-border-rgb: var(--palette-darkest-rgb);
9462      
9463    }
9464
9465    
9466      .color-custom-sections--21036522897569__footer_m9NzUG {
9467        /* Form-related tokens stay on .color-custom only — .text-block is a prose
9468           container (text/announcement/inline-text/blog-post-description/
9469           collection-link/price/sku) and never holds form inputs. */
9470        --input-disabled-background-color: rgb(0 0 0 / var(--opacity-10));
9471        --input-disabled-border-color: rgb(0 0 0 / var(--opacity-5));
9472        --input-disabled-text-color: rgb(0 0 0 / var(--opacity-50));
9473        --checkbox-border: 1px solid rgb(0 0 0 / var(--opacity-35-55));
9474      }
9475    
9476
9477    .color-custom-sections--21036522897569__footer_m9NzUG {
9478      color: var(--color, var(--color-foreground));
9479      background-color: var(--color-background);
9480    }
9481  </style>
9482
9483
9484
9485<div
9486  class="section-background color-custom-sections--21036522897569__footer_m9NzUG"
9487></div>
9488<div
9489  class="section section--page-width color-custom-sections--21036522897569__footer_m9NzUG"
9490>
9491  
9492  <div
9493    class="
9494      footer-content
9495      spacing-style
9496      
9497      
9498    "
9499    style="
9500      --padding-block-start: max(20px, calc(var(--spacing-scale) * 30px));--padding-block-end: max(20px, calc(var(--spacing-scale) * 30px));
9501      --footer-gap: 20px;
9502      --grid-columns: 2;
9503      --last-row-count: 2;
9504      --tablet-last-row-count: 2;
9505    "
9506  >
9507    
9508
9509
9510
9511
9512
9513
9514
9515
9516
9517
9518<div
9519  class="
9520    group-block
9521    group-block--height-fit
9522    group-block--width-fill
9523    border-style
9524    spacing-style
9525    size-style
9526    
9527    
9528  "
9529  style="
9530    
9531--border-width: 1px; --border-style: none; --border-color:
9532rgb(var(--color-border-rgb) / 1.0); --border-radius: 0px; 
9533
9534    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
9535    --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
9536    
9537  "
9538  
9539  data-testid="group-block"
9540><div class="group-block__media-wrapper">
9541    
9542
9543
9544
9545    
9546  </div>
9547
9548  <div
9549    class="
9550      group-block-content
9551      
9552      layout-panel-flex
9553      layout-panel-flex--column
9554       mobile-column
9555    "
9556    style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;
9557
9558--gap: 6px;
9559
9560--horizontal-alignment: flex-start; --vertical-alignment: center;
9561--vertical-alignment-mobile: center;
9562"
9563  >
9564  
9565
9566
9567
9568
9569
9570
9571
9572
9573  <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;          ">
9574    <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>
9575  </rte-formatter>
9576
9577
9578
9579
9580
9581
9582
9583
9584
9585
9586
9587
9588
9589
9590
9591  <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;          ">
9592    <h2>Join our email list</h2>
9593  </div>
9594
9595
9596
9597
9598
9599
9600
9601
9602
9603
9604
9605
9606
9607
9608
9609
9610<div
9611  class="email-signup-block size-style spacing-style"
9612  style="
9613    --size-style-width: 100%;--size-style-height: ;
9614    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
9615  "
9616  
9617>
9618  
9619<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="✓" />
9620    
9621<div
9622      class="email-signup__input-group email-signup__input-group--integrated email-signup__input-group--arrow"
9623      style="
9624        --border-width: 1px;
9625        --border-radius: 100px;
9626        --color-input-background: #ffffff; --color-input-text: #333333; --color-input-text-rgb: 51 51 51; --color-input-border: #DFDFDF;
9627      "
9628    >
9629      <label
9630        for="EmailInput-ATEhVcXdJS1dmbkJPR__email_signup_8h6DgV"
9631        class="visually-hidden"
9632      >
9633        Email
9634      </label>
9635      <input
9636        id="EmailInput-ATEhVcXdJS1dmbkJPR__email_signup_8h6DgV"
9637        class="email-signup__input email-signup__input--all paragraph "
9638        type="email"
9639        name="contact[email]"
9640        autocorrect="off"
9641        autocapitalize="off"
9642        autocomplete="email"
9643        placeholder="Email address"
9644        required
9645        
9646      >
9647      <button
9648        class="email-signup__button email-signup__button--integrated email-signup__button--arrow paragraph button-unstyled button-unstyled--ATEhVcXdJS1dmbkJPR__email_signup_8h6DgV"
9649        
9650          aria-label="Sign up"
9651        
9652      >
9653        
9654          <svg
9655            viewBox="0 0 20 20"
9656            xmlns="http://www.w3.org/2000/svg"
9657            focusable="false"
9658            aria-hidden="true"
9659            class="email-signup__button-icon"
9660          >
9661            
9662
9663
9664<path
9665      clip-rule="evenodd"
9666      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"
9667      fill="currentColor"
9668      fill-rule="evenodd"
9669    />
9670          </svg>
9671        
9672      </button>
9673    </div></form>
9674</div>
9675
9676
9677
9678
9679
9680
9681
9682
9683
9684
9685
9686
9687
9688  <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;          ">
9689    <p>Get exclusive deals and early access to new products.</p>
9690  </rte-formatter>
9691
9692
9693
9694
9695
9696
9697
9698
9699
9700
9701
9702
9703
9704
9705
9706  <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;          ">
9707    <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>
9708  </rte-formatter>
9709
9710
9711
9712
9713
9714
9715
9716</div>
9717</div>
9718
9719
9720
9721
9722
9723
9724
9725
9726
9727
9728  
9729
9730
9731
9732
9733
9734
9735  <accordion-custom
9736  
9737    class="menu"
9738  
9739  
9740  
9741    open-by-default-on-desktop
9742  
9743  
9744    open-by-default-on-mobile
9745  
9746  
9747    data-disable-on-desktop="true"
9748  
9749  
9750    data-disable-on-mobile="true"
9751  
9752  
9753  
9754  
9755>
9756  
9757    <details
9758      class="
9759        menu__details
9760        spacing-style
9761        
9762      "
9763      data-testid="menu-details"
9764      style="
9765        --spacing--size: 12px;
9766        --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
9767      "
9768      
9769        open
9770      
9771      
9772    >
9773      <summary class="menu__heading h4">
9774        <span class="menu__heading__default">Information & Policies</span>
9775        <span class="menu__heading__accordion">
9776          Information & Policies
9777          
9778            <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">
9779  <path d="M11 5.5L7 9.5L3 5.5" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
9780</svg>
9781</span>
9782          
9783        </span>
9784      </summary>
9785
9786      <nav
9787        class="details-content"
9788        
9789      >
9790        
9791          <ul class="list-unstyled">
9792            
9793              <li class="menu__item paragraph">
9794                <a href="/pages/about-cozmetica">
9795                  About Us
9796                </a>
9797              </li>
9798            
9799              <li class="menu__item paragraph">
9800                <a href="/pages/contact-us">
9801                  Contact Us
9802                </a>
9803              </li>
9804            
9805              <li class="menu__item paragraph">
9806                <a href="/pages/faqs">
9807                  FAQs
9808                </a>
9809              </li>
9810            
9811              <li class="menu__item paragraph">
9812                <a href="/policies/terms-of-service">
9813                  Terms & Conditions
9814                </a>
9815              </li>
9816            
9817              <li class="menu__item paragraph">
9818                <a href="/pages/shipping-returns">
9819                  Exchange & Return Policy
9820                </a>
9821              </li>
9822            
9823              <li class="menu__item paragraph">
9824                <a href="/policies/refund-policy">
9825                  Refund policy
9826                </a>
9827              </li>
9828            
9829              <li class="menu__item paragraph">
9830                <a href="https://cozmeticaa.returnsdrive.com">
9831                  Return Application
9832                </a>
9833              </li>
9834            
9835              <li class="menu__item paragraph">
9836                <a href="/blogs/news">
9837                  Blogs By Cozmetica
9838                </a>
9839              </li>
9840            
9841              <li class="menu__item paragraph">
9842                <a href="/pages/affiliate-program">
9843                  Affiliate Program
9844                </a>
9845              </li>
9846            
9847              <li class="menu__item paragraph">
9848                <a href="/pages/hassle-free-return">
9849                  #Hassel Free Returns
9850                </a>
9851              </li>
9852            
9853          </ul>
9854        
9855      </nav>
9856    </details>
9857  
9858</accordion-custom>
9859
9860
9861
9862
9863
9864
9865
9866
9867
9868  </div>
9869</div>
9870
9871
9872
9873
9874</div><div id="shopify-section-sections--21036522897569__footer_utilities_jLGE8U" class="shopify-section shopify-section-group-footer-group footer-utilities">
9875
9876
9877
9878
9879
9880
9881  <style data-shopify>
9882    .color-custom-sections--21036522897569__footer_utilities_jLGE8U,
9883    .color-custom-sections--21036522897569__footer_utilities_jLGE8U .text-block {
9884      /* Background */
9885      --color-background: #ffffff;
9886      --color-background-rgb: 255 255 255;
9887
9888      /* Opacity values adjusted for background brightness */
9889      
9890--opacity-5-15: 0.05; --opacity-10-25: 0.1; --opacity-35-55: 0.35; --opacity-40-60:
98910.4; --opacity-30-60: 0.3; --opacity-60: 0.6;
9892
9893
9894      
9895        /* Foreground / text — explicit or smart-contrasted */
9896        --color: #000000;
9897        --color-rgb: 0 0 0;
9898        --color-foreground: #000000;
9899        --color-foreground-rgb: 0 0 0;
9900        --color-foreground-muted: rgb(0 0 0 / var(--opacity-muted-text));
9901        --color-foreground-subdued: rgb(0 0 0 / var(--opacity-subdued-text));
9902        --color-border: var(--palette-darkest);
9903        --color-border-rgb: var(--palette-darkest-rgb);
9904      
9905    }
9906
9907    
9908      .color-custom-sections--21036522897569__footer_utilities_jLGE8U {
9909        /* Form-related tokens stay on .color-custom only — .text-block is a prose
9910           container (text/announcement/inline-text/blog-post-description/
9911           collection-link/price/sku) and never holds form inputs. */
9912        --input-disabled-background-color: rgb(0 0 0 / var(--opacity-10));
9913        --input-disabled-border-color: rgb(0 0 0 / var(--opacity-5));
9914        --input-disabled-text-color: rgb(0 0 0 / var(--opacity-50));
9915        --checkbox-border: 1px solid rgb(0 0 0 / var(--opacity-35-55));
9916      }
9917    
9918
9919    .color-custom-sections--21036522897569__footer_utilities_jLGE8U {
9920      color: var(--color, var(--color-foreground));
9921      background-color: var(--color-background);
9922    }
9923  </style>
9924
9925
9926
9927<div
9928  class="section-background color-custom-sections--21036522897569__footer_utilities_jLGE8U"
9929></div>
9930<div
9931  class="section section--page-width color-custom-sections--21036522897569__footer_utilities_jLGE8U"
9932  
9933>
9934  <div
9935    class="utilities utilities--blocks-3 spacing-style"
9936    style="--padding-block-start: 20px;--padding-block-end: max(20px, calc(var(--spacing-scale) * 48px)); --border-width: 1px; --divider-color: #DFDFDF; --gap: 24px;"
9937    data-testid="footer-utilities"
9938  >
9939    
9940
9941<div
9942  class="
9943    footer-utilities__group-copyright
9944    custom-typography
9945    custom-font-size
9946  "
9947  style="
9948    
9949--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-);
9950    
9951  "
9952  
9953>
9954  <span class="footer-utilities__text">
9955    &copy; 2026
9956    <a href="/" title="">Cozmetica</a></span>
9957</div>
9958
9959
9960
9961
9962
9963
9964  <anchored-popover-component
9965    data-hover-triggered="true"
9966  >
9967    <button
9968      class="policy-list-trigger button-unstyled"
9969      popovertarget="terms-policies-popover"
9970      popovertargetaction="toggle"
9971      ref="trigger"
9972      style="
9973        
9974--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-);
9975        
9976      "
9977      
9978    >
9979      Terms and Policies
9980    </button>
9981    <div
9982      class="terms-policies-popover color-custom-popover"
9983      id="terms-policies-popover"
9984      popover="auto"
9985      ref="popover"
9986    >
9987      <ul
9988        class="
9989          policy_list list-unstyled
9990          custom-typography
9991          custom-font-size
9992        "
9993      ><li>
9994              <a
9995                href="/policies/refund-policy"
9996                class="footer-utilities__text"
9997              >Refund policy</a>
9998            </li><li>
9999              <a
10000                href="/policies/privacy-policy"
10001                class="footer-utilities__text"
10002              >Privacy policy</a>
10003            </li><li>
10004              <a
10005                href="/policies/terms-of-service"
10006                class="footer-utilities__text"
10007              >Terms of service</a>
10008            </li><li>
10009              <a
10010                href="/policies/shipping-policy"
10011                class="footer-utilities__text"
10012              >Shipping policy</a>
10013            </li></ul>
10014    </div>
10015  </anchored-popover-component>
10016
10017
10018
10019
10020
10021
10022<div
10023  class="social-icons__wrapper social-icons__wrapper--AcFpDZi9WelE0eEZ4M__social_links_Ew63Kq"
10024  
10025>
10026  
10027    <style data-shopify>
10028      .social-icons__wrapper--AcFpDZi9WelE0eEZ4M__social_links_Ew63Kq {
10029        --color-utilities: #000000;
10030      }
10031    </style>
10032  
10033  
10034
10035  
10036    
10037
10038    
10039    
10040      
10041        <div
10042          class="social-icons__icon-wrapper"
10043        >
10044          <a
10045            href="https://www.facebook.com/cozmeticapk/"
10046            target="_blank"
10047            rel="noopener noreferrer"
10048            aria-label="Facebook"
10049            
10050          >
10051            <span class="social-icons__icon-label">Facebook</span>
10052            
10053              <svg
10054                class="social-icons__icon icon-default"
10055                aria-hidden="true"
10056                focusable="false"
10057                xmlns="http://www.w3.org/2000/svg"
10058                viewBox="0 0 20 20"
10059              >
10060
10061
10062<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>
10063            
10064          </a>
10065        </div>
10066      
10067    
10068  
10069    
10070
10071    
10072    
10073      
10074    
10075  
10076    
10077
10078    
10079    
10080      
10081        <div
10082          class="social-icons__icon-wrapper"
10083        >
10084          <a
10085            href="https://www.youtube.com/@cozmeticapk"
10086            target="_blank"
10087            rel="noopener noreferrer"
10088            aria-label="Youtube"
10089            
10090          >
10091            <span class="social-icons__icon-label">Youtube</span>
10092            
10093              <svg
10094                class="social-icons__icon icon-default"
10095                aria-hidden="true"
10096                focusable="false"
10097                xmlns="http://www.w3.org/2000/svg"
10098                viewBox="0 0 20 20"
10099              >
10100
10101
10102<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>
10103            
10104          </a>
10105        </div>
10106      
10107    
10108  
10109    
10110
10111    
10112    
10113      
10114    
10115  
10116    
10117
10118    
10119    
10120  
10121    
10122
10123    
10124    
10125  
10126    
10127
10128    
10129    
10130      
10131        <div
10132          class="social-icons__icon-wrapper"
10133        >
10134          <a
10135            href="https://www.linkedin.com/company/cozcom/"
10136            target="_blank"
10137            rel="noopener noreferrer"
10138            aria-label="Linkedin"
10139            
10140          >
10141            <span class="social-icons__icon-label">Linkedin</span>
10142            
10143              <svg
10144                class="social-icons__icon icon-default"
10145                aria-hidden="true"
10146                focusable="false"
10147                xmlns="http://www.w3.org/2000/svg"
10148                viewBox="0 0 20 20"
10149              >
10150
10151
10152<path
10153      fill-rule="evenodd"
10154      clip-rule="evenodd"
10155      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"
10156      fill="currentColor"
10157    /></svg>
10158            
10159          </a>
10160        </div>
10161      
10162    
10163  
10164    
10165
10166    
10167    
10168  
10169    
10170
10171    
10172    
10173  
10174    
10175
10176    
10177    
10178      
10179        <div
10180          class="social-icons__icon-wrapper"
10181        >
10182          <a
10183            href="https://www.pinterest.com/cozmeticapk/"
10184            target="_blank"
10185            rel="noopener noreferrer"
10186            aria-label="Pinterest"
10187            
10188          >
10189            <span class="social-icons__icon-label">Pinterest</span>
10190            
10191              <svg
10192                class="social-icons__icon icon-default"
10193                aria-hidden="true"
10194                focusable="false"
10195                xmlns="http://www.w3.org/2000/svg"
10196                viewBox="0 0 20 20"
10197              >
10198
10199
10200<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>
10201            
10202          </a>
10203        </div>
10204      
10205    
10206  
10207    
10208
10209    
10210    
10211  
10212    
10213
10214    
10215    
10216  
10217    
10218
10219    
10220    
10221  
10222</div>
10223
10224
10225
10226
10227
10228  </div>
10229</div>
10230
10231
10232
10233
10234</div>
10235<!-- END sections: footer-group -->
10236      </footer>
10237    </div>
10238
10239    
10240
10241    <div
10242      id="shopify-section-cart-drawer-section"
10243      class="shopify-section"
10244    >
10245  
10246
10247  
10247<script
10248    type="module"
10249    src="//cozmetica.pk/cdn/shop/t/140/assets/cart-drawer.js?v=101430053943909765251785524563"
10250    fetchpriority="low"
10251  ></script>
10251
10252
10253  
10254
10255  <theme-drawer
10256    id="cart-drawer"
10257    data-skip-node-update
10258  >
10259    <dialog
10260      ref="panel"
10261      class="theme-drawer__dialog color-custom-drawer"
10262      aria-labelledby="cart-drawer-heading"
10263      cart-summary-sticky="true"
10264    >
10265      <cart-drawer-component
10266        
10267      >
10268        <template id="empty-cart-template">
10269          
10270    <div
10271      class="cart-drawer__content"
10272      aria-label="Cart"
10273    >
10274      <h2
10275        class="theme-drawer__title h4"
10276        id="cart-drawer-heading"
10277      >
10278        Your cart is empty
10279      </h2>
10280
10281      <div class="cart-drawer__items">
10282        
10283
10284
10285<script
10286  src="//cozmetica.pk/cdn/shop/t/140/assets/component-cart-items.js?v=14476580701730542761785524563"
10287  type="module"
10288  fetchpriority="low"
10289></script>
vendor: 1 bytes, line 10289
10289
10290<script
10291  src="//cozmetica.pk/cdn/shop/t/140/assets/component-cart-quantity-selector.js?v=168493463479860323171785524563"
10292  type="module"
10293  fetchpriority="low"
10294></script>
vendor: 1 bytes, line 10294
10294
10295<script
10296  src="//cozmetica.pk/cdn/shop/t/140/assets/volume-pricing-info.js?v=94479640769665442661785524563"
10297  type="module"
10298  fetchpriority="low"
10299></script>
10299
10300
10301
10302
10303
10304<div
10305  
10306  class="cart-items__wrapper cart-items__wrapper--drawer-empty"
10307  
10308    data-cart-drawer-empty
10309  
10310  style=""
10311>
10312  
10313<p>
10314        Have an account? <a href="https://cozmetica.pk/customer_authentication/redirect?locale=en&region_country=PK">Log in</a> to check out faster.
10315      </p><a
10316      class="button cart-items__empty-button"
10317      href="/collections/all"
10318    >
10319      <span class="button-text">
10320        Continue shopping
10321      </span>
10322    </a></div>
10323
10324
10325
10326      </div>
10327    </div>
10328    
10329        </template>
10330
10331        <div
10332          class="cart-drawer__inner cart-drawer--empty"
10333          data-hydration-key="cart-drawer-inner"
10334        ><div class="theme-drawer__header">
10335              <button
10336                on:click="#cart-drawer/close"
10337                class="theme-drawer__close-button cart-drawer__close-button--empty"
10338                type="button"
10339                aria-label="Close"
10340              >
10341                <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">
10342<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"/>
10343</svg>
10344</span>
10345              </button>
10346            </div>
10347          
10348
10349<cart-items-component
10350  class="cart-items-component"
10351  
10352    data-drawer
10353    view-event-trigger="dialog"
10354  
10355  data-section-id="cart-drawer-section"
10356  
10357  view-event-payload="{&quot;context&quot;:null,&quot;cart&quot;:null}"
10358  
10359>
10360  
10361
10362    <div
10363      class="cart-drawer__content"
10364      aria-label="Cart"
10365    >
10366      <h2
10367        class="theme-drawer__title h4"
10368        id="cart-drawer-heading"
10369      >
10370        Your cart is empty
10371      </h2>
10372
10373      <div class="cart-drawer__items">
10374        
10375
10376
10377<script
10378  src="//cozmetica.pk/cdn/shop/t/140/assets/component-cart-items.js?v=14476580701730542761785524563"
10379  type="module"
10380  fetchpriority="low"
10381></script>
vendor: 1 bytes, line 10381
10381
10382<script
10383  src="//cozmetica.pk/cdn/shop/t/140/assets/component-cart-quantity-selector.js?v=168493463479860323171785524563"
10384  type="module"
10385  fetchpriority="low"
10386></script>
vendor: 1 bytes, line 10386
10386
10387<script
10388  src="//cozmetica.pk/cdn/shop/t/140/assets/volume-pricing-info.js?v=94479640769665442661785524563"
10389  type="module"
10390  fetchpriority="low"
10391></script>
10391
10392
10393
10394
10395
10396<div
10397  
10398  class="cart-items__wrapper cart-items__wrapper--drawer-empty"
10399  
10400    data-cart-drawer-empty
10401  
10402  style=""
10403>
10404  
10405<p>
10406        Have an account? <a href="https://cozmetica.pk/customer_authentication/redirect?locale=en&region_country=PK">Log in</a> to check out faster.
10407      </p><a
10408      class="button cart-items__empty-button"
10409      href="/collections/all"
10410    >
10411      <span class="button-text">
10412        Continue shopping
10413      </span>
10414    </a></div>
10415
10416
10417
10418      </div>
10419    </div>
10420    
10421
10422</cart-items-component>
10423
10424
10425
10426        </div>
10427      </cart-drawer-component>
10428    </dialog>
10429  </theme-drawer>
10430
10431  
10432    </div>
10433  
10434
10435
10436    
10437
10438
10439
10440
10441
10442
10443<script
10444  type="module"
10445  src="//cozmetica.pk/cdn/shop/t/140/assets/theme-drawer.js?v=155110645205299884131785524563"
10446  fetchpriority="low"
10447></script>
10447
10448
10449<script>
10450  /* Runs synchronously during HTML parsing — opens the correct drawer on first
10451     paint if navigation state was saved, so it renders with the rest of the page. */
10452  (function () {
10453    var drawerIds = (sessionStorage.getItem('theme-drawer-open') || '').split(',').filter(Boolean);
10454    if (!drawerIds.length) return;
10455
10456    // Only restore on wide viewports (squeeze mode). On narrow viewports the
10457    // drawer is a modal overlay — let it start closed after navigation rather
10458    // than re-opening a fullscreen dialog the user may have left behind.
10459    if (!window.matchMedia('(min-width: 990px)').matches) return;
10460
10461    var dialogs = [];
10462    for (var i = 0; i < drawerIds.length; i++) {
10463      var drawer = document.getElementById(drawerIds[i]);
10464      if (!drawer) continue;
10465
10466      drawer.setAttribute('open', '');
10467
10468      // Set [open] directly so the CSS slide-in applies without triggering
10469      // the browser's dialog focusing steps — on wide viewports the drawer is
10470      // a sidebar, not a modal, so focus should stay where it is.
10471      // The instant class suppresses the slide-in transition for the initial restore.
10472      // Set --drawer-stack-order so z-index layering matches the original order.
10473      drawer.style.setProperty('--drawer-stack-order', String(i + 1));
10474
10475      var dialog = drawer.querySelector('dialog');
10476      if (dialog) {
10477        dialog.setAttribute('open', '');
10478        dialog.classList.add('theme-drawer__dialog-instant');
10479        dialogs.push(dialog);
10480      }
10481
10482      // Let each drawer type handle its own restore (e.g. shopify-chat mode).
10483      // Synchronous dispatch — listeners attached during earlier parsing run immediately.
10484      drawer.dispatchEvent(new CustomEvent('theme-drawer:restoring'));
10485    }
10486
10487    // Apply squeeze immediately, bypassing the margin transition.
10488    // Only squeeze if at least one drawer was actually restored — saved
10489    // drawer IDs may not exist on every page (e.g. cart-drawer on /cart).
10490    var pageWrapper = document.querySelector('.page-wrapper');
10491    if (pageWrapper && dialogs.length > 0) {
10492      pageWrapper.style.transition = 'none';
10493      pageWrapper.classList.add('page-wrapper--drawer-open');
10494    }
10495
10496    // Re-enable transitions after one paint so the instant state is rendered first.
10497    requestAnimationFrame(function () {
10498      requestAnimationFrame(function () {
10499        if (pageWrapper) pageWrapper.style.transition = '';
10500        for (var j = 0; j < dialogs.length; j++) {
10501          dialogs[j].classList.remove('theme-drawer__dialog-instant');
10502        }
10503      });
10504    });
10505  })();
10506</script>
10506
10507
10508<script
10509  type="module"
10510>
10511  const pageWrapper = document.querySelector('.page-wrapper');
10512  const squeezeQuery = window.matchMedia('(min-width: 990px)');
10513
10514  // ── Squeeze coordination ──
10515  // Listens to all drawers. Only squeezes on wide viewports.
10516  document.addEventListener('theme-drawer:open', () => {
10517    if (squeezeQuery.matches) {
10518      pageWrapper?.classList.add('page-wrapper--drawer-open');
10519    }
10520  });
10521
10522  document.addEventListener('theme-drawer:close', () => {
10523    const openDrawer = document.querySelector('theme-drawer[open]');
10524    if (!openDrawer) {
10525      pageWrapper?.classList.remove('page-wrapper--drawer-open');
10526    }
10527  });
10528
10529  squeezeQuery.addEventListener('change', () => {
10530    const openDrawer = document.querySelector('theme-drawer[open]');
10531    pageWrapper?.classList.toggle('page-wrapper--drawer-open', Boolean(openDrawer) && squeezeQuery.matches);
10532  });
10533
10534  // ── State persistence ──
10535  // Store open drawer IDs sorted by their visual stack order so
10536  // the restore script can recreate the same z-index layering.
10537  function persistDrawerState() {
10538    const openDrawers = Array.from(document.querySelectorAll('theme-drawer[open]:not([no-persist])'));
10539    if (!openDrawers.length) {
10540      sessionStorage.removeItem('theme-drawer-open');
10541      return;
10542    }
10543
10544    openDrawers.sort((a, b) => {
10545      const orderA = Number(a.style.getPropertyValue('--drawer-stack-order') || 0);
10546      const orderB = Number(b.style.getPropertyValue('--drawer-stack-order') || 0);
10547      return orderA - orderB;
10548    });
10549
10550    sessionStorage.setItem('theme-drawer-open', openDrawers.map((d) => d.id).join(','));
10551  }
10552
10553  document.addEventListener('theme-drawer:open', persistDrawerState);
10554  document.addEventListener('theme-drawer:close', persistDrawerState);
10555</script>
10555
10556
10557
10558    
10559
10560
10561
10562
10563
10564<link href="//cozmetica.pk/cdn/shop/t/140/assets/predictive-search-modern.css?v=179285189886202397331785524563" rel="stylesheet" type="text/css" media="all" />
10565
10566<script
10567  src="//cozmetica.pk/cdn/shop/t/140/assets/dialog.js?v=144816527575655702281785524563"
10568  type="module"
10569></script>
10569
10570
10571<script
10572  src="//cozmetica.pk/cdn/shop/t/140/assets/predictive-search.js?v=77975041733501702431785524563"
10573  type="module"
10574  fetchpriority="low"
10575></script>
10575
10576
10577<dialog-component
10578  id="search-modal"
10579  class="search-modal"
10580  
10581>
10582  <dialog
10583    ref="dialog"
10584    on:click="/closeDialogOnClickOutside"
10585    on:keydown="/closeDialogOnEscapePress"
10586    class="search-modal__content dialog-modal"
10587    scroll-lock
10588    aria-labelledby="search-modal-heading"
10589  >
10590    <h2
10591      id="search-modal-heading"
10592      class="visually-hidden"
10593    >
10594      Search
10595    </h2>
10596    <predictive-search-component
10597      class="predictive-search color-custom-popover"
10598      style="--product-corner-radius: 0px; --card-corner-radius: 0px; --title-case: uppercase;"
10599      data-section-id="predictive-search"
10600      data-testid="search-component--modal"
10601      role="search"
10602      aria-label="Search"
10603    >
10604      <form
10605        action="/search"
10606        method="get"
10607        role="search"
10608        class="predictive-search-form"
10609        ref="form"
10610        on:keydown="/onSearchKeyDown"
10611      >
10612        <div
10613          class="predictive-search-form__header"
10614        >
10615          <div class="predictive-search-form__header-inner">
10616            <label
10617              for="cmdk-input"
10618              class="visually-hidden"
10619            >Search</label>
10620            <input
10621              class="search-input"
10622              id="cmdk-input"
10623              type="search"
10624              name="q"
10625              role="combobox"
10626              aria-expanded="false"
10627              aria-owns="predictive-search-results"
10628              aria-controls="predictive-search-results"
10629              aria-haspopup="listbox"
10630              aria-autocomplete="list"
10631              autocomplete="off"
10632              placeholder="Search"
10633              ref="searchInput"
10634              on:input="/search"
10635              on:keydown="/onSearchKeyDown"
10636            >
10637            <input
10638              name="options[prefix]"
10639              type="hidden"
10640              value="last"
10641            >
10642            <span class="svg-wrapper predictive-search__icon">
10643              <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>
10644
10645            </span>
10646            <button
10647              type="button"
10648              class="button-unstyled predictive-search__reset-button"
10649              ref="resetButton"
10650              hidden
10651              on:click="/resetSearch"
10652            >
10653              Clear
10654            </button>
10655            <kbd class="predictive-search__kbd-hint" aria-hidden="true">esc</kbd>
10656          </div>
10657          <button
10658            type="button"
10659            class="button predictive-search__close-modal-button"
10660            aria-label="Close dialog"
10661            on:click="dialog-component/closeDialog"
10662            ref="closeModalButton"
10663          >
10664            <span class="svg-wrapper">
10665              <svg aria-hidden="true" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
10666<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"/>
10667</svg>
10668
10669            </span>
10670          </button>
10671        </div>
10672
10673        <div class="predictive-search-form__content-wrapper">
10674          <div
10675            class="predictive-search-form__content"
10676            ref="predictiveSearchResults"
10677            on:click="/handleModalClick"
10678          >
10679            
10680
10681<div
10682  id="predictive-search-results"
10683  class="predictive-search-dropdown"
10684  role="listbox"
10685  aria-expanded="true"
10686  style="--color-shadow: rgb(var(--color-foreground-rgb) / 0.1);"
10687>
10688  
10689    <div class="predictive-search-results__inner">
10690      
10691      
10692        
10693        
10694        
10695          <div
10696  id="predictive-search-products"
10697  class="predictive-search-results__products"
10698  
10699    data-testid="products-list-default--modal"
10700  
10701>
10702  
10703    <h4 class="predictive-search-results__title">
10704      Products
10705    </h4>
10706    <ul
10707      class="predictive-search-results__list predictive-search-results__wrapper-products list-unstyled"
10708    >
10709      
10710      
10711        <li
10712          class="predictive-search-results__card predictive-search-results__card--product"
10713          ref="resultsItems[]"
10714        >
10715          
10716<product-component
10717    class="resource-card__wrapper"
10718    
10719    
10720    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;:[]}"
10721    
10722  ><div
10723  class="resource-card"
10724  data-resource-type="product"
10725>
10726  <a
10727    class="resource-card__link"
10728    href="/products/maybelline-ny-fit-me-matte-poreless-liquid-foundation"
10729  >
10730    <span class="visually-hidden">
10731      Maybelline Fit Me Matte & Poreless Liquid Foundation | Extra Coverage
10732    </span>
10733  </a>
10734  <div
10735    class="resource-card__media"
10736    style="--resource-card-aspect-ratio: 4 / 5;"
10737    
10738  >
10739      
10740      
10741
10742        <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%;">
10743
10744          <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%;">
10745</div>
10746
10747  <div class="resource-card__content">
10748    <p class="resource-card__title paragraph">Maybelline Fit Me Matte & Poreless Liquid Foundation | Extra Coverage</p>
10749
10750    
10751      <div ref="priceContainer">
10752  
10753    
10754    <div
10755      class="
10756        price__regular
10757        
10758          price__hidden
10759        
10760      "
10761    >
10762      <span class="price">Rs.2,624</span>
10763    </div>
10764    <div
10765      class="
10766        price__sale
10767        
10768      "
10769    >
10770      
10771        <span class="price-item__group">
10772          <span class="visually-hidden">Regular price&nbsp;</span>
10773          <span class="price-item--regular compare-at-price">Rs.3,499</span>
10774        </span>
10775        <span class="price-item__group">
10776          <span class="visually-hidden">Sale price&nbsp;</span>
10777          <span class="price-item--sale price">Rs.2,624</span>
10778        </span>
10779      
10780    </div>
10781  
10782</div>
10783    
10784  </div>
10785</div></product-component>
10786
10787        </li>
10788      
10789        <li
10790          class="predictive-search-results__card predictive-search-results__card--product"
10791          ref="resultsItems[]"
10792        >
10793          
10794<product-component
10795    class="resource-card__wrapper"
10796    
10797    
10798    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;:[]}"
10799    
10800  ><div
10801  class="resource-card"
10802  data-resource-type="product"
10803>
10804  <a
10805    class="resource-card__link"
10806    href="/products/artdeco-mineral-eye-styler"
10807  >
10808    <span class="visually-hidden">
10809      Artdeco Mineral Eye Styler
10810    </span>
10811  </a>
10812  <div
10813    class="resource-card__media"
10814    style="--resource-card-aspect-ratio: 4 / 5;"
10815    
10816  >
10817      
10818      
10819
10820        <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%;">
10821
10822          <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%;">
10823</div>
10824
10825  <div class="resource-card__content">
10826    <p class="resource-card__title paragraph">Artdeco Mineral Eye Styler</p>
10827
10828    
10829      <div ref="priceContainer">
10830  
10831    
10832    <div
10833      class="
10834        price__regular
10835        
10836      "
10837    >
10838      <span class="price">Rs.3,500</span>
10839    </div>
10840    <div
10841      class="
10842        price__sale
10843        
10844          price__hidden
10845        
10846      "
10847    >
10848      
10849        <span class="price-item__group">
10850          <span class="visually-hidden">Regular price&nbsp;</span>
10851          <span class="price-item--regular compare-at-price">Rs.3,500</span>
10852        </span>
10853        <span class="price-item__group">
10854          <span class="visually-hidden">Sale price&nbsp;</span>
10855          <span class="price-item--sale price">Rs.3,500</span>
10856        </span>
10857      
10858    </div>
10859  
10860</div>
10861    
10862  </div>
10863</div></product-component>
10864
10865        </li>
10866      
10867        <li
10868          class="predictive-search-results__card predictive-search-results__card--product"
10869          ref="resultsItems[]"
10870        >
10871          
10872<product-component
10873    class="resource-card__wrapper"
10874    
10875    
10876    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;:[]}"
10877    
10878  ><div
10879  class="resource-card"
10880  data-resource-type="product"
10881>
10882  <a
10883    class="resource-card__link"
10884    href="/products/maybelline-superstay-matte-ink-liquid-lipstick"
10885  >
10886    <span class="visually-hidden">
10887      Maybelline New York SuperStay Matte Ink Liquid Lipstick
10888    </span>
10889  </a>
10890  <div
10891    class="resource-card__media"
10892    style="--resource-card-aspect-ratio: 4 / 5;"
10893    
10894  >
10895      
10896      
10897
10898        <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%;">
10899
10900          <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%;">
10901</div>
10902
10903  <div class="resource-card__content">
10904    <p class="resource-card__title paragraph">Maybelline New York SuperStay Matte Ink Liquid Lipstick</p>
10905
10906    
10907      <div ref="priceContainer">
10908  
10909    
10910    <div
10911      class="
10912        price__regular
10913        
10914          price__hidden
10915        
10916      "
10917    >
10918      <span class="price">Rs.2,549</span>
10919    </div>
10920    <div
10921      class="
10922        price__sale
10923        
10924      "
10925    >
10926      
10927        <span class="price-item__group">
10928          <span class="visually-hidden">Regular price&nbsp;</span>
10929          <span class="price-item--regular compare-at-price">Rs.3,399</span>
10930        </span>
10931        <span class="price-item__group">
10932          <span class="visually-hidden">Sale price&nbsp;</span>
10933          <span class="price-item--sale price">Rs.2,549</span>
10934        </span>
10935      
10936    </div>
10937  
10938</div>
10939    
10940  </div>
10941</div></product-component>
10942
10943        </li>
10944      
10945        <li
10946          class="predictive-search-results__card predictive-search-results__card--product"
10947          ref="resultsItems[]"
10948        >
10949          
10950<product-component
10951    class="resource-card__wrapper"
10952    
10953    
10954    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;:[]}"
10955    
10956  ><div
10957  class="resource-card"
10958  data-resource-type="product"
10959>
10960  <a
10961    class="resource-card__link"
10962    href="/products/essence-draw-the-line-instant-color-lipliner"
10963  >
10964    <span class="visually-hidden">
10965      Essence Draw The Line Instant Color Lipliner
10966    </span>
10967  </a>
10968  <div
10969    class="resource-card__media"
10970    style="--resource-card-aspect-ratio: 4 / 5;"
10971    
10972  >
10973      
10974      
10975
10976        <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%;">
10977
10978          <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%;">
10979</div>
10980
10981  <div class="resource-card__content">
10982    <p class="resource-card__title paragraph">Essence Draw The Line Instant Color Lipliner</p>
10983
10984    
10985      <div ref="priceContainer">
10986  
10987    
10988    <div
10989      class="
10990        price__regular
10991        
10992          price__hidden
10993        
10994      "
10995    >
10996      <span class="price">Rs.538</span>
10997    </div>
10998    <div
10999      class="
11000        price__sale
11001        
11002      "
11003    >
11004      
11005        <span class="price-item__group">
11006          <span class="visually-hidden">Regular price&nbsp;</span>
11007          <span class="price-item--regular compare-at-price">Rs.769</span>
11008        </span>
11009        <span class="price-item__group">
11010          <span class="visually-hidden">Sale price&nbsp;</span>
11011          <span class="price-item--sale price">Rs.538</span>
11012        </span>
11013      
11014    </div>
11015  
11016</div>
11017    
11018  </div>
11019</div></product-component>
11020
11021        </li>
11022      
11023    </ul>
11024  
11025</div>
11026
11027        
11028      
11029    </div>
11030  
11031</div>
11032
11033          </div>
11034
11035          <div class="predictive-search-form__footer">
11036            <button
11037              class="button predictive-search__search-button"
11038              ref="viewAllButton"
11039            >
11040              View all
11041            </button>
11042          </div>
11043        </div>
11044      </form>
11045    </predictive-search-component>
11046  </dialog>
11047</dialog-component>
11048
11049
11050
11051
11052    
11053      
11053<script
11054  src="//cozmetica.pk/cdn/shop/t/140/assets/gift-card-recipient-form.js?v=170482155849799299241785524563"
11055  type="module"
11056  fetchpriority="low"
11057></script>
11057
11058<quick-add-dialog id="quick-add-dialog">
11059  <dialog
11060    class="quick-add-modal dialog-modal color-custom-popover"
11061    ref="dialog"
11062    scroll-lock
11063  >
11064    <button
11065      ref="closeButton"
11066      on:click="/closeDialog"
11067      class="button button-unstyled close-button quick-add-modal__close"
11068      aria-label="Close dialog"
11069    ><svg aria-hidden="true" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
11070<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"/>
11071</svg>
11072</button>
11073
11074    <product-component
11075      id="quick-add-modal-content"
11076      class="quick-add-modal__content"
11077      view-event-trigger="dialog"
11078    ></product-component>
11079  </dialog>
11080</quick-add-dialog>
11081
11082
11083
11084
11085
11086
11087    
11088   <div id="shopify-section-universal-tab-bar" class="shopify-section"><nav class="utb utb--pill" id="utb" aria-label="Primary mobile navigation"><a href="/" class="utb__tab" ><span class="utb__pill" aria-hidden="true"></span><svg class="utb__icon utb__icon--outline" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round"><path d="M6.5 8h11l1 12.2a1 1 0 0 1-1 1.05H6.5a1 1 0 0 1-1-1.05L6.5 8Z"/><path d="M9 8V6.2a3 3 0 0 1 6 0V8"/></svg>
11089        <svg class="utb__icon utb__icon--fill" viewBox="0 0 24 24" fill="currentColor"><path d="M8.6 6.2a3.4 3.4 0 0 1 6.8 0V7h1.7a1 1 0 0 1 1 .93l.9 12.2a1.6 1.6 0 0 1-1.6 1.72H6.6A1.6 1.6 0 0 1 5 20.13l.9-12.2A1 1 0 0 1 6.9 7h1.7v-.8Zm2 .8h2.8v-.8a1.4 1.4 0 0 0-2.8 0V7Z"/></svg><span class="utb__label">Shop</span></a><button type="button" class="utb__tab" data-utb-action="search" ><span class="utb__pill" aria-hidden="true"></span><svg class="utb__icon utb__icon--outline" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round"><circle cx="11" cy="11" r="6.5"/><path d="m20 20-4.3-4.3"/></svg>
11090        <svg class="utb__icon utb__icon--fill" viewBox="0 0 24 24" fill="currentColor"><circle cx="11" cy="11" r="6.5" fill="none" stroke="currentColor" stroke-width="2.4"/><path d="m20 20-4.3-4.3" stroke="currentColor" stroke-width="2.4" stroke-linecap="round"/></svg><span class="utb__label">Search</span></button><button type="button" class="utb__tab" data-utb-action="cart" ><span class="utb__pill" aria-hidden="true"></span><span class="utb__badge" id="utb-cart-count" data-utb-badge hidden>0</span><svg class="utb__icon utb__icon--outline" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round"><path d="M3 4h2l2.3 12.4a1.5 1.5 0 0 0 1.5 1.2h8.4a1.5 1.5 0 0 0 1.5-1.2L20.5 8H6"/><circle cx="9.5" cy="20.5" r="1.4"/><circle cx="17" cy="20.5" r="1.4"/></svg>
11091        <svg class="utb__icon utb__icon--fill" viewBox="0 0 24 24" fill="currentColor"><path d="M3 3a1 1 0 0 0 0 2h1.2l.4 2.1L7 16.6A2 2 0 0 0 8.97 18.3h7.8a2 2 0 0 0 1.94-1.5l1.94-7.6A1.2 1.2 0 0 0 19.5 7.6H6.06l-.4-2.15A1.7 1.7 0 0 0 3.98 4H3Z"/><circle cx="9.5" cy="20.6" r="1.5"/><circle cx="17" cy="20.6" r="1.5"/></svg><span class="utb__label">Cart</span></button><a href="https://tracker.tradeunleashed.com/3771288343" class="utb__tab" ><span class="utb__pill" aria-hidden="true"></span><svg class="utb__icon utb__icon--outline" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round"><path d="M2.5 7.3a.8.8 0 0 1 .8-.8H14v9.5H2.5V7.3Z"/><path d="M14 9.3h3.4a1 1 0 0 1 .74.33l2.3 2.55a1 1 0 0 1 .26.67V15a1 1 0 0 1-1 1H14"/><circle cx="7" cy="18.1" r="1.8"/><circle cx="17.3" cy="18.1" r="1.8"/></svg>
11092        <svg class="utb__icon utb__icon--fill" viewBox="0 0 24 24" fill="currentColor"><path d="M2 7.1c0-.9.7-1.6 1.6-1.6h9c.9 0 1.6.7 1.6 1.6v9.4H2V7.1Z"/><path d="M15.5 8.3h2.4a1.2 1.2 0 0 1 .9.4l2.4 2.65a1.2 1.2 0 0 1 .3.8v3.15a1.2 1.2 0 0 1-1.2 1.2h-4.8V8.3Z"/><circle cx="7" cy="18.2" r="1.9"/><circle cx="17.3" cy="18.2" r="1.9"/></svg><span class="utb__label">Track Order</span></a></nav>
11093
11094<style>
11095  :root{
11096    --utb-accent: 216, 0, 0;
11097    --utb-surface: #ffffffb8;
11098    --utb-hairline: rgba(28,27,25,0.08);
11099    --utb-ink-soft: #8A857C;
11100    --utb-badge: #c0392b;
11101    --utb-height: 58px;
11102  }
11103  @media (prefers-color-scheme: dark){
11104    :root{
11105      --utb-accent: 212, 175, 120;
11106      --utb-surface: #141311ad;
11107      --utb-hairline: rgba(255,255,255,0.08);
11108      --utb-ink-soft: #9C9689;
11109    }
11110  }
11111
11112  .utb{
11113    position:fixed;
11114    left:0; right:0; bottom:0;
11115    z-index:9999;
11116    display:flex;
11117    padding:8px 6px calc(env(safe-area-inset-bottom, 0px) + 8px);
11118    background:var(--utb-surface);
11119    
11120      backdrop-filter:blur(24px) saturate(180%);
11121      -webkit-backdrop-filter:blur(24px) saturate(180%);
11122    
11123    border-top:0.5px solid var(--utb-hairline);
11124    font-family:-apple-system, BlinkMacSystemFont, "SF Pro Text", var(--font-body-family, system-ui), sans-serif;
11125  }
11126  @media (min-width: 768px){ .utb{ display:none; } }
11127  body.utb-enabled{ padding-bottom:calc(var(--utb-height) + env(safe-area-inset-bottom, 0px)); }
11128  @media (min-width: 768px){ body.utb-enabled{ padding-bottom:0; } }
11129
11130  .utb__tab{
11131    flex:1; display:flex; flex-direction:column; align-items:center; justify-content:center;
11132    gap:2px; padding:6px 4px 4px; background:none; border:none; text-decoration:none;
11133    cursor:pointer; position:relative; -webkit-tap-highlight-color:transparent; font:inherit;
11134  }
11135  .utb__pill{
11136    position:absolute; top:0; left:50%;
11137    width:44px; height:30px; transform:translateX(-50%) scale(0.7);
11138    border-radius:14px; background:rgba(var(--utb-accent), 0.14);
11139    opacity:0; transition:opacity .28s ease, transform .28s cubic-bezier(.34,1.56,.64,1);
11140  }
11141  .utb--pill .utb__tab.is-active .utb__pill{ opacity:1; transform:translateX(-50%) scale(1); }
11142
11143  .utb--underline .utb__tab::after{
11144    content:""; position:absolute; bottom:0; left:50%; width:0; height:2px;
11145    background:rgb(var(--utb-accent)); border-radius:2px; transform:translateX(-50%);
11146    transition:width .25s ease;
11147  }
11148  .utb--underline .utb__tab.is-active::after{ width:22px; }
11149
11150  .utb__icon{
11151    width:24px; height:24px; position:relative; z-index:2;
11152    color:var(--utb-ink-soft);
11153    transition:color .2s ease, transform .18s cubic-bezier(.34,1.56,.64,1);
11154  }
11155  .utb__icon--fill{ display:none; }
11156  .utb__tab.is-active .utb__icon--outline{ display:none; }
11157  .utb__tab.is-active .utb__icon--fill{ display:block; }
11158  .utb__tab.is-active .utb__icon{ color:rgb(var(--utb-accent)); }
11159  .utb__icon--custom{ opacity:0.55; transition:opacity .2s ease; }
11160  .utb__tab.is-active .utb__icon--custom{ opacity:1; }
11161  .utb__tab:active .utb__icon{ transform:scale(0.86); }
11162
11163  .utb__label{
11164    font-size:10px; font-weight:600; letter-spacing:0.01em;
11165    color:var(--utb-ink-soft); z-index:2; transition:color .2s ease;
11166  }
11167  .utb__tab.is-active .utb__label{ color:rgb(var(--utb-accent)); }
11168  .utb--no-labels .utb__tab{ padding-top:10px; padding-bottom:10px; }
11169
11170  .utb__badge{
11171    position:absolute; top:2px; right:calc(50% - 20px);
11172    min-width:16px; height:16px; padding:0 4px; border-radius:9px;
11173    background:var(--utb-badge); color:#fff; font-size:10px; font-weight:700;
11174    display:flex; align-items:center; justify-content:center; z-index:3;
11175    border:1.5px solid var(--utb-surface);
11176  }
11177  .utb__badge.utb-pulse{ animation:utb-pulse .4s cubic-bezier(.34,1.56,.64,1); }
11178  @keyframes utb-pulse{ 0%{transform:scale(1);} 40%{transform:scale(1.35);} 100%{transform:scale(1);} }
11179</style>
11180
11181<script>
11182  (function(){
11183    document.body.classList.add('utb-enabled');
11184    var bar = document.getElementById('utb');
11185    if(!bar) return;
11186
11187    var searchBtn = bar.querySelector('[data-utb-action="search"]');
11188    if (searchBtn){
11189      searchBtn.addEventListener('click', function(){
11190        // Click the theme's own search trigger so its native behavior runs
11191        // (Horizon: <search-button> opens the #search-modal dialog).
11192        var opener = document.querySelector(
11193          'search-button button,' +
11194          '[data-search-drawer-trigger], [data-predictive-search-trigger],' +
11195          '.search-modal__toggle, #search-icon-bubble'
11196        );
11197        if (opener){ opener.click(); return; }
11198        // Horizon fallback: open the search dialog component directly.
11199        var modal = document.getElementById('search-modal');
11200        if (modal){
11201          if (typeof modal.showDialog === 'function'){ modal.showDialog(); return; }
11202          var dlg = modal.tagName === 'DIALOG' ? modal : modal.querySelector('dialog');
11203          if (dlg && typeof dlg.showModal === 'function'){ dlg.showModal(); return; }
11204        }
11205        document.dispatchEvent(new CustomEvent('utb:open-search'));
11206        window.location.href = '/search';
11207      });
11208    }
11209
11210    var cartBtn = bar.querySelector('[data-utb-action="cart"]');
11211    if (cartBtn){
11212      cartBtn.addEventListener('click', function(){
11213        // Click the theme's own cart control so behavior matches the header:
11214        // link -> cart page, drawer trigger -> cart drawer.
11215        var opener = document.querySelector(
11216          '.header-actions__action.action__cart,' +
11217          '[data-cart-drawer-trigger], .cart-icon-bubble, #cart-icon-bubble'
11218        );
11219        if (opener){ opener.click(); return; }
11220        document.dispatchEvent(new CustomEvent('utb:open-cart'));
11221        window.location.href = '/cart';
11222      });
11223    }
11224
11225    var badge = document.getElementById('utb-cart-count');
11226    function setBadge(count){
11227      if (!badge) return;
11228      var prev = badge.textContent;
11229      badge.textContent = count;
11230      badge.hidden = count == 0;
11231      if (String(count) !== prev){
11232        badge.classList.remove('utb-pulse');
11233        void badge.offsetWidth;
11234        badge.classList.add('utb-pulse');
11235      }
11236    }
11237    document.addEventListener('cart:updated', function(e){
11238      var count = (e.detail && (e.detail.item_count ?? e.detail.cart?.item_count));
11239      if (typeof count === 'number') setBadge(count);
11240    });
11241    function refreshFromCartJs(){
11242      fetch('/cart.js')
11243        .then(function(r){ return r.json(); })
11244        .then(function(cart){ setBadge(cart.item_count); })
11245        .catch(function(){});
11246    }
11247    // Horizon fires "cart:update"; other themes use cart:change/cart:refresh.
11248    document.addEventListener('cart:update', refreshFromCartJs);
11249    document.addEventListener('cart:change', refreshFromCartJs);
11250    document.addEventListener('cart:refresh', refreshFromCartJs);
11251
11252    // Mirror the theme's own header bubble (covers themes that morph the DOM
11253    // without dispatching events). Observes the cart icon subtree since the
11254    // count node itself may be replaced on update.
11255    var themeBubbleHost = document.querySelector('cart-icon, .cart-count-bubble, #cart-icon-bubble');
11256    if (themeBubbleHost){
11257      new MutationObserver(function(){
11258        var countEl = themeBubbleHost.querySelector('.cart-bubble__text-count') || themeBubbleHost;
11259        var n = parseInt(countEl.textContent, 10);
11260        if (!isNaN(n)) setBadge(n);
11261        else if (!countEl.textContent.trim()) setBadge(0);
11262      }).observe(themeBubbleHost, { childList:true, characterData:true, subtree:true });
11263    }
11264  })();
11265</script>
11265
11266
11267</div>
11268  <style> .menu-drawer__menu-item--mainlist {font-size: 16px;} .resource-card__image {object-fit: contain;} </style>
11269<script src="https://cdn.shopify.com/storefront/standard-actions.js" type="module" data-source-attribution="shopify.standard_actions"></script>
11269
11270</body>
11271</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.