1<!doctype html> 2<html 3 4 lang="en" 5> 6 <head> 7 <meta name="msvalidate.01" content="1D6F2C61F149DDC5F1E456E1ABDD4793" /><link 8 rel="icon" 9 type="image/png" 10 href="//cozmetica.pk/cdn/shop/files/Cozmetica_Logo_Small_-_Favicon.jpg?crop=center&height=32&v=1689149045&width=32" 11 > 12 13 14 15<meta charset="utf-8"> 16<meta 17 http-equiv="X-UA-Compatible" 18 content="IE=edge" 19> 20<meta 21 name="viewport" 22 content="width=device-width,initial-scale=1" 23> 24<meta 25 name="theme-color" 26 content="" 27> 28 29<meta 30 property="og:site_name" 31 content="Cozmetica" 32> 33<meta 34 property="og:url" 35 content="https://cozmetica.pk/pages/about-cozmetica" 36> 37<meta 38 property="og:title" 39 content="About Cozmetica" 40> 41<meta 42 property="og:type" 43 content="website" 44> 45<meta 46 property="og:description" 47 content="Cozmetica takes immense pride in being one of Pakistanâs trusted online beauty shopping website, providing our prestigious and innovative customer a hassle-free shopping experience and best quality cosmetics products right at your door steps. Since our inception in 2017, we at Cozmetica.pk are committed to build an ult" 48><meta 49 property="og:image" 50 content="http://cozmetica.pk/cdn/shop/files/thumbnil_f1028890-ed09-4428-b426-2a2fbac6f8c9.png?v=1630060931" 51 > 52 <meta 53 property="og:image:secure_url" 54 content="https://cozmetica.pk/cdn/shop/files/thumbnil_f1028890-ed09-4428-b426-2a2fbac6f8c9.png?v=1630060931" 55 > 56 <meta 57 property="og:image:width" 58 content="1200" 59 > 60 <meta 61 property="og:image:height" 62 content="628" 63 ><meta 64 name="twitter:card" 65 content="summary_large_image" 66> 67<meta 68 name="twitter:title" 69 content="About Cozmetica" 70> 71<meta 72 name="twitter:description" 73 content="Cozmetica takes immense pride in being one of Pakistanâs trusted online beauty shopping website, providing our prestigious and innovative customer a hassle-free shopping experience and best quality cosmetics products right at your door steps. Since our inception in 2017, we at Cozmetica.pk are committed to build an ult" 74> 75 76<title> 77 About Cozmetica 78</title> 79 80<link 81 rel="canonical" 82 href="https://cozmetica.pk/pages/about-cozmetica" 83> 84 85 86 <meta 87 name="description" 88 content="Cozmetica takes immense pride in being one of Pakistanâs trusted online beauty shopping website, providing our prestigious and innovative customer a hassle-free shopping experience and best quality cosmetics products right at your door steps. Since our inception in 2017, we at Cozmetica.pk are committed to build an ult" 89 > 90 91<link href="//cozmetica.pk/cdn/shop/t/140/assets/overflow-list.css?v=16727044177065489451785524563" as="style" rel="preload"> 92<link href="//cozmetica.pk/cdn/shop/t/140/assets/base.css?v=51081158024018678291785524563" rel="stylesheet" type="text/css" media="all" /> 93<link href="//cozmetica.pk/cdn/fonts/inter/inter_n4.b2a3f24c19b4de56e8871f609e73ca7f6d2e2bb9.woff2" as="font" type="font/woff2" fetchpriority="low" crossorigin="anonymous" rel="preload"> 94<link href="//cozmetica.pk/cdn/fonts/inter/inter_n5.d7101d5e168594dd06f56f290dd759fba5431d97.woff2" as="font" type="font/woff2" fetchpriority="low" crossorigin="anonymous" rel="preload"> 95<link href="//cozmetica.pk/cdn/fonts/inter/inter_n7.02711e6b374660cfc7915d1afc1c204e633421e4.woff2" as="font" type="font/woff2" fetchpriority="low" crossorigin="anonymous" rel="preload"> 96<link href="//cozmetica.pk/cdn/fonts/inter/inter_n7.02711e6b374660cfc7915d1afc1c204e633421e4.woff2" as="font" type="font/woff2" fetchpriority="low" crossorigin="anonymous" rel="preload"> 97 98
99<script async crossorigin fetchpriority="high" src="/cdn/shopifycloud/importmap-polyfill/es-modules-shim.2.4.0.js"></script>
vendor: 1 bytes, line 99
99
100<script type="importmap"> 101 { 102 "imports": { 103 "@theme/overflow-list": "//cozmetica.pk/cdn/shop/t/140/assets/overflow-list.js?v=46858356770684902511785524563", 104 "@theme/component": "//cozmetica.pk/cdn/shop/t/140/assets/component.js?v=175690430936884589731785524563", 105 "@theme/dialog": "//cozmetica.pk/cdn/shop/t/140/assets/dialog.js?v=144816527575655702281785524563", 106 "@theme/events": "//cozmetica.pk/cdn/shop/t/140/assets/events.js?v=99399773727497444581785524563", 107 "@shopify/events": "https://cdn.shopify.com/storefront/standard-events.js", 108 "@theme/view-event-elements": "//cozmetica.pk/cdn/shop/t/140/assets/view-event-elements.js?v=34258756885466567141785524563", 109 "@theme/focus": "//cozmetica.pk/cdn/shop/t/140/assets/focus.js?v=60436577539430446401785524563", 110 "@theme/morph": "//cozmetica.pk/cdn/shop/t/140/assets/morph.js?v=182601902166245204061785524563", 111 "@theme/paginated-list": "//cozmetica.pk/cdn/shop/t/140/assets/paginated-list.js?v=71290058904108491691785524563", 112 "@theme/performance": "//cozmetica.pk/cdn/shop/t/140/assets/performance.js?v=171015751390534793081785524563", 113 "@theme/product-form": "//cozmetica.pk/cdn/shop/t/140/assets/product-form.js?v=75424241456978697291785524563", 114 "@theme/recently-viewed-products": "//cozmetica.pk/cdn/shop/t/140/assets/recently-viewed-products.js?v=94729125001750262651785524563", 115 "@theme/scrolling": "//cozmetica.pk/cdn/shop/t/140/assets/scrolling.js?v=162288454571026455011785524563", 116 "@theme/section-renderer": "//cozmetica.pk/cdn/shop/t/140/assets/section-renderer.js?v=44511745960026958271785524563", 117 "@theme/section-hydration": "//cozmetica.pk/cdn/shop/t/140/assets/section-hydration.js?v=108434990705342316311785524563", 118 "@theme/money-formatting": "//cozmetica.pk/cdn/shop/t/140/assets/money-formatting.js?v=160151249720534550011785524563", 119 "@theme/utilities": "//cozmetica.pk/cdn/shop/t/140/assets/utilities.js?v=59721549236175535191785524563", 120 "@theme/variant-picker": "//cozmetica.pk/cdn/shop/t/140/assets/variant-picker.js?v=21977969907998071131785524563", 121 "@theme/media-gallery": "//cozmetica.pk/cdn/shop/t/140/assets/media-gallery.js?v=154207211298275592001785524563", 122 "@theme/quick-add": "//cozmetica.pk/cdn/shop/t/140/assets/quick-add.js?v=43065342542833269571785524563", 123 "@theme/paginated-list-aspect-ratio": "//cozmetica.pk/cdn/shop/t/140/assets/paginated-list-aspect-ratio.js?v=25254270272143792451785524563", 124 "@theme/popover-polyfill": "//cozmetica.pk/cdn/shop/t/140/assets/popover-polyfill.js?v=119029313658895111201785524563", 125 "@theme/component-quantity-selector": "//cozmetica.pk/cdn/shop/t/140/assets/component-quantity-selector.js?v=67906657287482036641785524563", 126 "@theme/comparison-slider": "//cozmetica.pk/cdn/shop/t/140/assets/comparison-slider.js?v=106705562947035711941785524563", 127 "@theme/sticky-add-to-cart": "//cozmetica.pk/cdn/shop/t/140/assets/sticky-add-to-cart.js?v=130489688094345781431785524563", 128 "@theme/fly-to-cart": "//cozmetica.pk/cdn/shop/t/140/assets/fly-to-cart.js?v=48483246440248933081785524563", 129 "@theme/scroll-container": "//cozmetica.pk/cdn/shop/t/140/assets/scroll-container.js?v=127018149358875384221785524563", 130 "@theme/theme-drawer": "//cozmetica.pk/cdn/shop/t/140/assets/theme-drawer.js?v=155110645205299884131785524563" 131 } 132 } 133</script>
133<script 134 src="//cozmetica.pk/cdn/shop/t/140/assets/standard-actions-override.js?v=171683365447094389611785524563" 135 type="module" 136></script>
136 137
138<script 139 src="//cozmetica.pk/cdn/shop/t/140/assets/page-view-event.js?v=12823247316348680231785524563" 140 type="module" 141 defer 142></script>
142 143
144<script 145 src="//cozmetica.pk/cdn/shop/t/140/assets/view-transitions.js?v=92646219599560127141785524563" 146 async 147 148></script>
148 149 150<link 151 rel="modulepreload" 152 href="//cozmetica.pk/cdn/shop/t/140/assets/utilities.js?v=59721549236175535191785524563" 153 fetchpriority="low" 154> 155<link 156 rel="modulepreload" 157 href="//cozmetica.pk/cdn/shop/t/140/assets/component.js?v=175690430936884589731785524563" 158 fetchpriority="low" 159> 160<link 161 rel="modulepreload" 162 href="//cozmetica.pk/cdn/shop/t/140/assets/section-renderer.js?v=44511745960026958271785524563" 163 fetchpriority="low" 164> 165<link 166 rel="modulepreload" 167 href="//cozmetica.pk/cdn/shop/t/140/assets/section-hydration.js?v=108434990705342316311785524563" 168 fetchpriority="low" 169> 170<link 171 rel="modulepreload" 172 href="//cozmetica.pk/cdn/shop/t/140/assets/morph.js?v=182601902166245204061785524563" 173 fetchpriority="low" 174> 175 176 177 178<link 179 rel="modulepreload" 180 href="//cozmetica.pk/cdn/shop/t/140/assets/focus.js?v=60436577539430446401785524563" 181 fetchpriority="low" 182> 183<link 184 rel="modulepreload" 185 href="//cozmetica.pk/cdn/shop/t/140/assets/recently-viewed-products.js?v=94729125001750262651785524563" 186 fetchpriority="low" 187> 188<link 189 rel="modulepreload" 190 href="//cozmetica.pk/cdn/shop/t/140/assets/scrolling.js?v=162288454571026455011785524563" 191 fetchpriority="low" 192> 193<link 194 rel="modulepreload" 195 href="//cozmetica.pk/cdn/shop/t/140/assets/events.js?v=99399773727497444581785524563" 196 fetchpriority="low" 197>
198<script 199 src="//cozmetica.pk/cdn/shop/t/140/assets/popover-polyfill.js?v=119029313658895111201785524563" 200 type="module" 201 fetchpriority="low" 202></script>
vendor: 1 bytes, line 202
202
203<script 204 src="//cozmetica.pk/cdn/shop/t/140/assets/overflow-list.js?v=46858356770684902511785524563" 205 type="module" 206 fetchpriority="low" 207></script>
vendor: 1 bytes, line 207
207
208<script 209 src="//cozmetica.pk/cdn/shop/t/140/assets/quick-add.js?v=43065342542833269571785524563" 210 type="module" 211 fetchpriority="low" 212></script>
212 213 214
214<script 215 src="//cozmetica.pk/cdn/shop/t/140/assets/cart-discount.js?v=138990160074728809221785524563" 216 type="module" 217 fetchpriority="low" 218 ></script>
218 219 220
221<script 222 src="//cozmetica.pk/cdn/shop/t/140/assets/dialog.js?v=144816527575655702281785524563" 223 type="module" 224 fetchpriority="low" 225></script>
vendor: 1 bytes, line 225
225
226<script 227 src="//cozmetica.pk/cdn/shop/t/140/assets/variant-picker.js?v=21977969907998071131785524563" 228 type="module" 229 fetchpriority="low" 230></script>
vendor: 1 bytes, line 230
230
231<script 232 src="//cozmetica.pk/cdn/shop/t/140/assets/product-card.js?v=37238785082130356571785524563" 233 type="module" 234 fetchpriority="low" 235></script>
vendor: 1 bytes, line 235
235
236<script 237 src="//cozmetica.pk/cdn/shop/t/140/assets/product-form.js?v=75424241456978697291785524563" 238 type="module" 239 fetchpriority="low" 240></script>
vendor: 1 bytes, line 240
240
241<script 242 src="//cozmetica.pk/cdn/shop/t/140/assets/fly-to-cart.js?v=48483246440248933081785524563" 243 type="module" 244 fetchpriority="low" 245></script>
vendor: 1 bytes, line 245
245
246<script 247 src="//cozmetica.pk/cdn/shop/t/140/assets/accordion-custom.js?v=105323356731531709191785524563" 248 type="module" 249 fetchpriority="low" 250></script>
vendor: 1 bytes, line 250
250
251<script 252 src="//cozmetica.pk/cdn/shop/t/140/assets/media.js?v=37825095869491791421785524563" 253 type="module" 254 fetchpriority="low" 255></script>
vendor: 1 bytes, line 255
255
256<script 257 src="//cozmetica.pk/cdn/shop/t/140/assets/product-price.js?v=179333985604099329921785524563" 258 type="module" 259 fetchpriority="low" 260></script>
vendor: 1 bytes, line 260
260
261<script 262 src="//cozmetica.pk/cdn/shop/t/140/assets/product-sku.js?v=28741104639155857071785524563" 263 type="module" 264 fetchpriority="low" 265></script>
vendor: 1 bytes, line 265
265
266<script 267 src="//cozmetica.pk/cdn/shop/t/140/assets/product-inventory.js?v=7173209571153411411785524563" 268 type="module" 269 fetchpriority="low" 270></script>
vendor: 1 bytes, line 270
270
271<script 272 src="//cozmetica.pk/cdn/shop/t/140/assets/show-more.js?v=94563802205717136101785524563" 273 type="module" 274 fetchpriority="low" 275></script>
vendor: 1 bytes, line 275
275
276<script 277 src="//cozmetica.pk/cdn/shop/t/140/assets/slideshow.js?v=28306258147874261831785524563" 278 type="module" 279 fetchpriority="low" 280></script>
vendor: 1 bytes, line 280
280
281<script 282 src="//cozmetica.pk/cdn/shop/t/140/assets/layered-slideshow.js?v=30135417790894624731785524563" 283 type="module" 284 fetchpriority="low" 285></script>
vendor: 1 bytes, line 285
285
286<script 287 src="//cozmetica.pk/cdn/shop/t/140/assets/anchored-popover.js?v=143987075196095667371785524563" 288 type="module" 289 fetchpriority="low" 290></script>
vendor: 1 bytes, line 290
290
291<script 292 src="//cozmetica.pk/cdn/shop/t/140/assets/floating-panel.js?v=151277338116891310371785524563" 293 type="module" 294 fetchpriority="low" 295></script>
vendor: 1 bytes, line 295
295
296<script 297 src="//cozmetica.pk/cdn/shop/t/140/assets/video-background.js?v=25237992823806706551785524563" 298 type="module" 299 fetchpriority="low" 300></script>
vendor: 1 bytes, line 300
300
301<script 302 src="//cozmetica.pk/cdn/shop/t/140/assets/component-quantity-selector.js?v=67906657287482036641785524563" 303 type="module" 304 fetchpriority="low" 305></script>
vendor: 1 bytes, line 305
305
306<script 307 src="//cozmetica.pk/cdn/shop/t/140/assets/media-gallery.js?v=154207211298275592001785524563" 308 type="module" 309 fetchpriority="low" 310></script>
vendor: 1 bytes, line 310
310
311<script 312 src="//cozmetica.pk/cdn/shop/t/140/assets/rte-formatter.js?v=40306132146590816021785524563" 313 type="module" 314 fetchpriority="low" 315></script>
vendor: 1 bytes, line 315
315
316<script 317 src="//cozmetica.pk/cdn/shop/t/140/assets/volume-pricing.js?v=15442793518842484731785524563" 318 type="module" 319 fetchpriority="low" 320></script>
vendor: 1 bytes, line 320
320
321<script 322 src="//cozmetica.pk/cdn/shop/t/140/assets/price-per-item.js?v=115937180292451397851785524563" 323 type="module" 324 fetchpriority="low" 325></script>
vendor: 1 bytes, line 325
325
326<script 327 src="//cozmetica.pk/cdn/shop/t/140/assets/volume-pricing-info.js?v=94479640769665442661785524563" 328 type="module" 329 fetchpriority="low" 330></script>
330 331 332 333 334 335
336<script 337 src="//cozmetica.pk/cdn/shop/t/140/assets/auto-close-details.js?v=58350291535404441581785524563" 338 defer="defer" 339></script>
339 340
341<script> 342 const Theme = { 343 translations: { 344 placeholder_image: `Placeholder image`, 345 added: `Added`, 346 recipient_form_fields_visible: `Recipient form fields are now visible`, 347 recipient_form_fields_hidden: `Recipient form fields are now hidden`, 348 recipient_form_error: `There was an error with the form submission`, 349 items_added_to_cart_one: `1 item added to cart`, 350 items_added_to_cart_other: `{{ count }} items added to cart`, 351 cart_count: `Total items in cart`, 352 }, 353 routes: { 354 cart_add_url: '/cart/add.js', 355 cart_change_url: '/cart/change', 356 cart_update_url: '/cart/update', 357 cart_url: '/cart', 358 predictive_search_url: '/search/suggest', 359 search_url: '/search', 360 }, 361 template: { 362 name: 'page', 363 }, 364 }; 365</script>
365 366<style data-shopify> 367@font-face { 368 font-family: Inter; 369 font-weight: 400; 370 font-style: normal; 371 font-display: swap; 372 src: url("//cozmetica.pk/cdn/fonts/inter/inter_n4.b2a3f24c19b4de56e8871f609e73ca7f6d2e2bb9.woff2") format("woff2"), 373 url("//cozmetica.pk/cdn/fonts/inter/inter_n4.af8052d517e0c9ffac7b814872cecc27ae1fa132.woff") format("woff"); 374} 375@font-face { 376 font-family: Inter; 377 font-weight: 700; 378 font-style: normal; 379 font-display: swap; 380 src: url("//cozmetica.pk/cdn/fonts/inter/inter_n7.02711e6b374660cfc7915d1afc1c204e633421e4.woff2") format("woff2"), 381 url("//cozmetica.pk/cdn/fonts/inter/inter_n7.6dab87426f6b8813070abd79972ceaf2f8d3b012.woff") format("woff"); 382} 383@font-face { 384 font-family: Inter; 385 font-weight: 400; 386 font-style: italic; 387 font-display: swap; 388 src: url("//cozmetica.pk/cdn/fonts/inter/inter_i4.feae1981dda792ab80d117249d9c7e0f1017e5b3.woff2") format("woff2"), 389 url("//cozmetica.pk/cdn/fonts/inter/inter_i4.62773b7113d5e5f02c71486623cf828884c85c6e.woff") format("woff"); 390} 391@font-face { 392 font-family: Inter; 393 font-weight: 700; 394 font-style: italic; 395 font-display: swap; 396 src: url("//cozmetica.pk/cdn/fonts/inter/inter_i7.b377bcd4cc0f160622a22d638ae7e2cd9b86ea4c.woff2") format("woff2"), 397 url("//cozmetica.pk/cdn/fonts/inter/inter_i7.7c69a6a34e3bb44fcf6f975857e13b9a9b25beb4.woff") format("woff"); 398} 399@font-face { 400 font-family: Inter; 401 font-weight: 500; 402 font-style: normal; 403 font-display: swap; 404 src: url("//cozmetica.pk/cdn/fonts/inter/inter_n5.d7101d5e168594dd06f56f290dd759fba5431d97.woff2") format("woff2"), 405 url("//cozmetica.pk/cdn/fonts/inter/inter_n5.5332a76bbd27da00474c136abb1ca3cbbf259068.woff") format("woff"); 406} 407@font-face { 408 font-family: Inter; 409 font-weight: 500; 410 font-style: italic; 411 font-display: swap; 412 src: url("//cozmetica.pk/cdn/fonts/inter/inter_i5.4474f48e6ab2b1e01aa2b6d942dd27fa24f2d99f.woff2") format("woff2"), 413 url("//cozmetica.pk/cdn/fonts/inter/inter_i5.493dbd6ee8e49f4ad722ebb68d92f201af2c2f56.woff") format("woff"); 414} 415 416 417 :root { 418 /* Page Layout */ 419 --sidebar-width: 25rem; 420 --theme-drawer-width: 30rem; 421 --narrow-content-width: 36rem; 422 --normal-content-width: 42rem; 423 --wide-content-width: 46rem; 424 --narrow-page-width: 90rem; 425 --normal-page-width: 120rem; 426 --wide-page-width: 150rem; 427 428 /* Section Heights */ 429 --section-height-small: 15rem; 430 --section-height-medium: 25rem; 431 --section-height-large: 35rem; 432 433 @media screen and (min-width: 40em) { 434 --section-height-small: 40svh; 435 --section-height-medium: 55svh; 436 --section-height-large: 70svh; 437 } 438 439 @media screen and (min-width: 60em) { 440 --section-height-small: 50svh; 441 --section-height-medium: 65svh; 442 --section-height-large: 80svh; 443 } 444 445 /* Letter spacing */ 446 --letter-spacing-sm: 0.06em; 447 --letter-spacing-md: 0.13em; 448 449 /* Font families */ 450 --font-body--family: Inter, sans-serif; 451 --font-body--style: normal; 452 --font-body--weight: 400; 453 --font-subheading--family: Inter, sans-serif; 454 --font-subheading--style: normal; 455 --font-subheading--weight: 500; 456 --font-heading--family: Inter, sans-serif; 457 --font-heading--style: normal; 458 --font-heading--weight: 700; 459 --font-accent--family: Inter, sans-serif; 460 --font-accent--style: normal; 461 --font-accent--weight: 700; 462 463 /* Margin sizes */ 464 --font-heading--spacing: 0.25em; 465 --font-h1--spacing: var(--font-heading--spacing); 466 --font-h2--spacing: var(--font-heading--spacing); 467 --font-h3--spacing: var(--font-heading--spacing); 468 --font-h4--spacing: var(--font-heading--spacing); 469 --font-h5--spacing: var(--font-heading--spacing); 470 --font-h6--spacing: var(--font-heading--spacing); 471 --font-paragraph--spacing: 0.5em; 472 473 /** Z-Index / Layering */ 474 --layer-section-background: -2; 475 --layer-lowest: -1; 476 --layer-base: 0; 477 --layer-flat: 1; 478 --layer-raised: 2; 479 --layer-heightened: 4; 480 --layer-sticky: 8; 481 --layer-window-overlay: 10; 482 --layer-header-menu: 12; 483 --layer-overlay: 16; 484 --layer-menu-drawer: 18; 485 --layer-temporary: 20; 486 487 /* Max-width / Measure */ 488 --max-width--body-normal: 32.5em; 489 --max-width--body-narrow: 22.75em; 490 491 --max-width--heading-normal: 32.5em; 492 --max-width--heading-narrow: 19.5em; 493 494 --max-width--display-normal: 13em; 495 --max-width--display-narrow: 9.75em; 496 --max-width--display-tight: 3.25em; 497 498 /* Letter-spacing / Tracking */ 499 --letter-spacing--display-tight: -0.03em; 500 --letter-spacing--display-normal: 0em; 501 --letter-spacing--display-loose: 0.03em; 502 503 --letter-spacing--heading-tight: -0.03em; 504 --letter-spacing--heading-normal: 0em; 505 --letter-spacing--heading-loose: 0.03em; 506 507 --letter-spacing--body-tight: -0.03em; 508 --letter-spacing--body-normal: 0em; 509 --letter-spacing--body-loose: 0.03em; 510 511 /* Line height / Leading */ 512 --line-height: 1; 513 514 --line-height--display-tight: 1; 515 --line-height--display-normal: 1.1; 516 --line-height--display-loose: 1.2; 517 518 --line-height--heading-tight: 1.15; 519 --line-height--heading-normal: 1.25; 520 --line-height--heading-loose: 1.35; 521 522 --line-height--body-tight: 1.2; 523 --line-height--body-normal: 1.4; 524 --line-height--body-loose: 1.6; 525 526 /* Typography presets */ 527 --font-size--paragraph: 0.875rem;--font-size--h1: 2.0rem;--font-size--h2: 1.125rem;--font-size--h3: 1.0rem;--font-size--h4: 1.0rem;--font-size--h5: 1.0rem;--font-size--h6: 1.0rem;--font-paragraph--weight: 400;--font-paragraph--letter-spacing: var(--letter-spacing--body-normal);--font-paragraph--size: var(--font-size--paragraph);--font-paragraph--family: var(--font-body--family);--font-paragraph--style: var(--font-body--style);--font-paragraph--case: ;--font-paragraph--line-height: var(--line-height--body-normal);--font-h1--weight: var(--font-heading--weight);--font-h1--letter-spacing: var(--letter-spacing--heading-normal);--font-h1--size: var(--font-size--h1);--font-h1--family: var(--font-heading--family);--font-h1--style: var(--font-heading--style);--font-h1--case: none;--font-h1--line-height: var(--line-height--display-normal);--font-h2--weight: var(--font-heading--weight);--font-h2--letter-spacing: var(--letter-spacing--heading-normal);--font-h2--size: var(--font-size--h2);--font-h2--family: var(--font-heading--family);--font-h2--style: var(--font-heading--style);--font-h2--case: none;--font-h2--line-height: var(--line-height--display-normal);--font-h3--weight: var(--font-heading--weight);--font-h3--letter-spacing: var(--letter-spacing--heading-normal);--font-h3--size: var(--font-size--h3);--font-h3--family: var(--font-heading--family);--font-h3--style: var(--font-heading--style);--font-h3--case: none;--font-h3--line-height: var(--line-height--display-normal);--font-h4--weight: var(--font-heading--weight);--font-h4--letter-spacing: var(--letter-spacing--heading-normal);--font-h4--size: var(--font-size--h4);--font-h4--family: var(--font-heading--family);--font-h4--style: var(--font-heading--style);--font-h4--case: none;--font-h4--line-height: var(--line-height--display-normal);--font-h5--weight: var(--font-subheading--weight);--font-h5--letter-spacing: var(--letter-spacing--heading-normal);--font-h5--size: var(--font-size--h5);--font-h5--family: var(--font-subheading--family);--font-h5--style: var(--font-subheading--style);--font-h5--case: none;--font-h5--line-height: var(--line-height--display-normal);--font-h6--weight: var(--font-subheading--weight);--font-h6--letter-spacing: var(--letter-spacing--heading-normal);--font-h6--size: var(--font-size--h6);--font-h6--family: var(--font-subheading--family);--font-h6--style: var(--font-subheading--style);--font-h6--case: none;--font-h6--line-height: var(--line-height--display-normal); 528 529 /* Hardcoded font sizes */ 530 --font-size--3xs: 0.625rem; 531 --font-size--2xs: 0.75rem; 532 --font-size--xs: 0.8125rem; 533 --font-size--sm: 0.875rem; 534 --font-size--md: 1rem; 535 --font-size--lg: 1.125rem; 536 --font-size--xl: 1.25rem; 537 --font-size--2xl: 1.5rem; 538 --font-size--3xl: 2rem; 539 --font-size--4xl: 2.5rem; 540 --font-size--5xl: 3rem; 541 --font-size--6xl: 3.5rem; 542 543 /* Menu font sizes */ 544 --menu-font-sm--size: 0.875rem; 545 --menu-font-sm--line-height: calc(1.1 + 0.5 * min(16 / 14)); 546 --menu-font-md--size: 1rem; 547 --menu-font-md--line-height: calc(1.1 + 0.5 * min(16 / 16)); 548 --menu-font-lg--size: 1.125rem; 549 --menu-font-lg--line-height: calc(1.1 + 0.5 * min(16 / 18)); 550 --menu-font-xl--size: 1.25rem; 551 --menu-font-xl--line-height: calc(1.1 + 0.5 * min(16 / 20)); 552 --menu-font-2xl--size: 1.75rem; 553 --menu-font-2xl--line-height: calc(1.1 + 0.5 * min(16 / 28)); 554 555 /* Colors */ 556 --color-error: #8B0000; 557 --color-success: #006400; 558 --color-white: #FFFFFF; 559 --color-white-rgb: 255 255 255; 560 --color-black: #000000; 561 --color-instock: #3ED660; 562 --color-lowstock: #EE9441; 563 --color-outofstock: #C8C8C8; 564 565 /* Opacity */ 566 --opacity-5: 0.05; 567 --opacity-8: 0.08; 568 --opacity-10: 0.1; 569 --opacity-15: 0.15; 570 --opacity-20: 0.2;
571 --opacity-25: 0.25; 572 --opacity-30: 0.3; 573 --opacity-40: 0.4; 574 --opacity-50: 0.5; 575 --opacity-60: 0.6; 576 --opacity-70: 0.7; 577 --opacity-80: 0.8; 578 --opacity-85: 0.85; 579 --opacity-90: 0.9; 580 --opacity-subdued-text: 0.8; 581 --opacity-muted-text: 0.6; 582 583 --shadow-button: 0 2px 3px rgb(0 0 0 / 20%); 584 --gradient-image-overlay: linear-gradient(to top, rgb(0 0 0 / 0.5), transparent); 585 586 /* Spacing */ 587 --margin-3xs: 0.125rem; 588 --margin-2xs: 0.3rem; 589 --margin-xs: 0.5rem; 590 --margin-sm: 0.7rem; 591 --margin-md: 0.8rem; 592 --margin-lg: 1rem; 593 --margin-xl: 1.25rem; 594 --margin-2xl: 1.5rem; 595 --margin-3xl: 1.75rem; 596 --margin-4xl: 2rem; 597 --margin-5xl: 3rem; 598 --margin-6xl: 5rem; 599 600 --scroll-margin: 50px; 601 602 --padding-3xs: 0.125rem; 603 --padding-2xs: 0.25rem; 604 --padding-xs: 0.5rem; 605 --padding-sm: 0.7rem; 606 --padding-md: 0.8rem; 607 --padding-lg: 1rem; 608 --padding-xl: 1.25rem; 609 --padding-2xl: 1.5rem; 610 --padding-3xl: 1.75rem; 611 --padding-4xl: 2rem; 612 --padding-5xl: 3rem; 613 --padding-6xl: 4rem; 614 615 --gap-3xs: 0.125rem; 616 --gap-2xs: 0.3rem; 617 --gap-xs: 0.5rem; 618 --gap-sm: 0.7rem; 619 --gap-md: 0.9rem; 620 --gap-lg: 1rem; 621 --gap-xl: 1.25rem; 622 --gap-2xl: 2rem; 623 --gap-3xl: 3rem; 624 625 --spacing-scale-sm: 0.6; 626 --spacing-scale-md: 0.7; 627 --spacing-scale-default: 1.0; 628 629 /* Checkout buttons gap */ 630 --checkout-button-gap: 10px; 631 632 /* Borders */ 633 --style-border-width: 1px; 634 --style-border-radius-xs: 0.2rem; 635 --style-border-radius-sm: 0.6rem; 636 --style-border-radius-md: 0.8rem; 637 --style-border-radius-50: 50%; 638 --style-border-radius-lg: 1rem; 639 --style-border-radius-pills: 40px; 640 --style-border-radius-inputs: 4px; 641 --style-border-radius-buttons-primary: 14px; 642 --style-border-radius-buttons-secondary: 14px; 643 --style-border-width-primary: 0px; 644 --style-border-width-secondary: 1px; 645 --style-border-width-inputs: 1px; 646 --style-border-radius-popover: 14px; 647 --style-border-popover: 1px solid #DFDFDF; 648 --style-border-drawer: 1px solid #DFDFDF; 649 --style-border-swatch-opacity: 10%; 650 --style-border-swatch-width: 1px; 651 --style-border-swatch-style: solid; 652 653 /* Animation */ 654 --ease-out-cubic: cubic-bezier(0.33, 1, 0.68, 1); 655 --ease-out-quad: cubic-bezier(0.32, 0.72, 0, 1); 656 --ease-in-out-quad: cubic-bezier(0.455, 0.03, 0.515, 0.955); 657 --animation-speed-fast: 0.0625s; 658 --animation-speed: 0.125s; 659 --animation-speed-slow: 0.2s; 660 --animation-speed-medium: 0.15s; 661 --animation-easing: ease-in-out; 662 --animation-slideshow-easing: cubic-bezier(0.4, 0, 0.2, 1); 663 --drawer-animation-speed: 0.2s; 664 --animation-values-slow: var(--animation-speed-slow) var(--animation-easing); 665 --animation-values: var(--animation-speed) var(--animation-easing); 666 --animation-values-fast: var(--animation-speed-fast) var(--animation-easing); 667 --animation-values-allow-discrete: var(--animation-speed) var(--animation-easing) allow-discrete; 668 --animation-timing-hover: cubic-bezier(0.25, 0.46, 0.45, 0.94); 669 --animation-timing-active: cubic-bezier(0.5, 0, 0.75, 0); 670 --animation-timing-bounce: cubic-bezier(0.34, 1.56, 0.64, 1); 671 --animation-timing-default: cubic-bezier(0, 0, 0.2, 1); 672 --animation-timing-fade-in: cubic-bezier(0.16, 1, 0.3, 1); 673 --animation-timing-fade-out: cubic-bezier(0.4, 0, 0.2, 1); 674 /* Spring definitions suffixed with perceptual duration (d<ms>) and bounce (b<%>)*/ 675 --spring-d300-b0-easing: linear(0, 0.0033 0.81%, 0.027 2.42%, 0.0916 4.84%, 0.4745 15.32%, 0.6422 20.97%, 0.7175, 0.7789, 0.8283 30.64%, 0.876, 0.9111 38.71%, 0.941, 0.9611 48.39%, 0.9707, 0.978 54.84%, 0.9885 62.1%, 0.9949 70.97%, 0.9982 82.26%, 0.9997 100%); 676 --spring-d300-b0-duration: 0.4980s; 677 --spring-d280-b0-easing: linear(0, 0.0044, 0.0164 1.85%, 0.085 4.63%, 0.4571 14.81%, 0.575 18.52%, 0.6505, 0.7148 24.07%, 0.7849, 0.8393, 0.8809 35.18%, 0.9189, 0.9453 44.44%, 0.9662, 0.9793 55.55%, 0.9894 62.95%, 0.995 71.28%, 0.9982 82.39%, 0.9997 99.98%); 678 --spring-d280-b0-duration: 0.4648s; 679 --spring-d260-b0-easing: linear(0, 0.0058, 0.0216 2.15%, 0.0748 4.29%, 0.4646 15.03%, 0.5673, 0.655, 0.7279, 0.7872, 0.8349, 0.8727 34.36%, 0.9107, 0.9379 42.95%, 0.9609 48.31%, 0.9778 54.76%, 0.9887 62.27%, 0.9948 70.86%, 0.9983 82.67%, 0.9997 99.85%); 680 --spring-d260-b0-duration: 0.4316s; 681 --spring-d220-b0-easing: linear( 682 0, 683 0.0093 1.37%, 684 0.0696 4.12%, 685 0.4667 15.09%, 686 0.6322 20.58%, 687 0.6986 23.32%, 688 0.7793 27.44%, 689 0.8219 30.18%, 690 0.8721, 691 0.9089 38.42%, 692 0.9427, 693 0.9644, 694 0.978 54.88%, 695 0.9881 61.74%, 696 0.9944 69.97%, 697 0.998 80.95%, 698 0.9996 98.78% 699 ); 700 --spring-d220-b0-duration: 0.3818s; 701 --spring-d180-b0-easing: linear(0, 0.0234, 0.0805 4.48%, 0.4865 15.68%, 0.6211 20.16%, 0.7696 26.88%, 0.8064 29.12%, 0.8646, 0.9063, 0.9358, 0.9563 47.04%, 0.9757, 0.9867 60.48%, 0.9941 69.44%, 0.9979 80.64%, 0.9996 98.56%); 702 --spring-d180-b0-duration: 0.2988s; 703 704 /* View transitions */ 705 /* View transition old */ 706 --view-transition-old-main-content: var(--animation-speed) var(--animation-easing) both fadeOut; 707 708 /* View transition new */ 709 --view-transition-new-main-content: var(--animation-speed) var(--animation-easing) both fadeIn, var(--animation-speed) var(--animation-easing) both slideInTopViewTransition; 710 711 /* Focus */ 712 --focus-outline-width: 0.09375rem; 713 --focus-outline-offset: 0.2em; 714 715 /* Badges */ 716 --badge-blob-padding-block: 1px; 717 --badge-blob-padding-inline: 12px 8px; 718 --badge-rectangle-padding-block: 1px; 719 --badge-rectangle-padding-inline: 6px; 720 @media screen and (min-width: 750px) { 721 --badge-blob-padding-block: 4px; 722 --badge-blob-padding-inline: 16px 12px; 723 --badge-rectangle-padding-block: 4px; 724 --badge-rectangle-padding-inline: 10px; 725 } 726 727 /* Icons */ 728 --icon-size-2xs: 0.6rem; 729 --icon-size-xs: 0.85rem; 730 --icon-size-sm: 1.25rem; 731 --icon-size-md: 1.375rem; 732 --icon-size-lg: 1.5rem; 733 --icon-stroke-width: 1.5px; 734 735 /* Input */ 736 --input-email-min-width: 200px; 737 --input-search-max-width: 650px; 738 --input-padding-y: 0.8rem; 739 --input-padding-x: 0.8rem; 740 --input-padding: var(--input-padding-y) var(--input-padding-x); 741 --input-box-shadow-width: var(--style-border-width-inputs); 742 --input-box-shadow: 0 0 0 var(--input-box-shadow-width) var(--color-input-border); 743 --input-box-shadow-focus: 0 0 0 calc(var(--input-box-shadow-width) + 0.5px) var(--color-input-border); 744 --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10)); 745 --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5)); 746 --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
747 --input-textarea-min-height: 55px; 748 749 /* Checkbox */ 750 --checkbox-size: 22px; 751 --checkbox-border-radius: 7px; 752 --checkbox-border: 1px solid rgb(var(--color-foreground-rgb) / var(--opacity-35-55)); 753 --checkbox-label-padding: 8px; 754 755 @media screen and (min-width: 750px) { 756 --checkbox-size: 16px; 757 --checkbox-border-radius: 5px; 758 --checkbox-label-padding: 6px; 759 } 760 761 /* Button size */ 762 --button-size-sm: 30px; 763 --button-size-md: 36px; 764 --button-size: var(--minimum-touch-target); 765 --button-padding-inline: 24px; 766 --button-padding-block: 16px; 767 768 /* Button font-family */ 769 --button-font-family-primary: var(--font-body--family); 770 --button-font-family-secondary: var(--font-body--family); 771 772 /* Button text case */ 773 --button-text-case: ; 774 --button-text-case-primary: default; 775 --button-text-case-secondary: default; 776 777 /* Borders */ 778 --border-color: rgb(var(--color-border-rgb) / var(--opacity-50)); 779 --border-width-sm: 1px; 780 --border-width-md: 2px; 781 --border-width-lg: 5px; 782 --border-radius-sm: 0.25rem; 783 784 /* Drawers */ 785 --drawer-inline-padding: 25px; 786 --drawer-menu-inline-padding: 2.5rem; 787 --drawer-header-block-padding: 20px; 788 --drawer-content-block-padding: 10px; 789 --drawer-header-desktop-top: 0rem; 790 --drawer-padding: calc(var(--padding-sm) + 7px); 791 --drawer-height: 100dvh; 792 --drawer-width: 95vw; 793 --drawer-max-width: 500px; 794 795 /* Variant Picker Swatches */ 796 --variant-picker-swatch-width-unitless: 34; 797 --variant-picker-swatch-height-unitless: 34; 798 --variant-picker-swatch-width: 34px; 799 --variant-picker-swatch-height: 34px; 800 --variant-picker-swatch-radius: 32px; 801 --variant-picker-border-width: 1px; 802 --variant-picker-border-style: solid; 803 --variant-picker-border-opacity: 10%; 804 805 /* Variant Picker Buttons */ 806 --variant-picker-button-radius: 50px; 807 --variant-picker-button-border-width: 1px; 808 --variant-option-label-color: var(--color, var(--color-foreground)); 809 810 /* Slideshow */ 811 --slideshow-controls-size: 3.5rem; 812 --slideshow-controls-icon: 2rem; 813 --peek-next-slide-size: 3rem; 814 815 /* Utilities */ 816 --backdrop-opacity: 0.15; 817 --backdrop-color-rgb: var(--color-shadow-rgb); 818 --minimum-touch-target: 44px; 819 --disabled-opacity: 0.5; 820 --skeleton-opacity: 0.025; 821 822 /* Shapes */ 823 --shape--circle: circle(50% at center); 824 --shape--sunburst: polygon(100% 50%,94.62% 55.87%,98.3% 62.94%,91.57% 67.22%,93.3% 75%,85.7% 77.39%,85.36% 85.36%,77.39% 85.7%,75% 93.3%,67.22% 91.57%,62.94% 98.3%,55.87% 94.62%,50% 100%,44.13% 94.62%,37.06% 98.3%,32.78% 91.57%,25% 93.3%,22.61% 85.7%,14.64% 85.36%,14.3% 77.39%,6.7% 75%,8.43% 67.22%,1.7% 62.94%,5.38% 55.87%,0% 50%,5.38% 44.13%,1.7% 37.06%,8.43% 32.78%,6.7% 25%,14.3% 22.61%,14.64% 14.64%,22.61% 14.3%,25% 6.7%,32.78% 8.43%,37.06% 1.7%,44.13% 5.38%,50% 0%,55.87% 5.38%,62.94% 1.7%,67.22% 8.43%,75% 6.7%,77.39% 14.3%,85.36% 14.64%,85.7% 22.61%,93.3% 25%,91.57% 32.78%,98.3% 37.06%,94.62% 44.13%); 825 --shape--diamond: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%); 826 --shape--blob: polygon(85.349% 11.712%, 87.382% 13.587%, 89.228% 15.647%, 90.886% 17.862%, 92.359% 20.204%, 93.657% 22.647%, 94.795% 25.169%, 95.786% 27.752%, 96.645% 30.382%, 97.387% 33.048%, 98.025% 35.740%, 98.564% 38.454%, 99.007% 41.186%, 99.358% 43.931%, 99.622% 46.685%, 99.808% 49.446%, 99.926% 52.210%, 99.986% 54.977%, 99.999% 57.744%, 99.975% 60.511%, 99.923% 63.278%, 99.821% 66.043%, 99.671% 68.806%, 99.453% 71.565%, 99.145% 74.314%, 98.724% 77.049%, 98.164% 79.759%, 97.433% 82.427%, 96.495% 85.030%, 95.311% 87.529%, 93.841% 89.872%, 92.062% 91.988%, 89.972% 93.796%, 87.635% 95.273%, 85.135% 96.456%, 82.532% 97.393%, 79.864% 98.127%, 77.156% 98.695%, 74.424% 99.129%, 71.676% 99.452%, 68.918% 99.685%, 66.156% 99.844%, 63.390% 99.942%, 60.624% 99.990%, 57.856% 99.999%, 55.089% 99.978%, 52.323% 99.929%, 49.557% 99.847%, 46.792% 99.723%, 44.031% 99.549%, 41.273% 99.317%, 38.522% 99.017%, 35.781% 98.639%, 33.054% 98.170%, 30.347% 97.599%, 27.667% 96.911%, 25.024% 96.091%, 22.432% 95.123%, 19.907% 93.994%, 17.466% 92.690%, 15.126% 91.216%, 12.902% 89.569%, 10.808% 87.761%, 8.854% 85.803%, 7.053% 83.703%, 5.418% 81.471%, 3.962% 79.119%, 2.702% 76.656%, 1.656% 74.095%, 0.846% 71.450%, 0.294% 68.740%, 0.024% 65.987%, 0.050% 63.221%, 0.343% 60.471%, 0.858% 57.752%, 1.548% 55.073%, 2.370% 52.431%, 3.283% 49.819%, 4.253% 47.227%, 5.249% 44.646%, 6.244% 42.063%, 7.211% 39.471%, 8.124% 36.858%, 8.958% 34.220%, 9.711% 31.558%, 10.409% 28.880%, 11.083% 26.196%, 11.760% 23.513%, 12.474% 20.839%, 13.259% 18.186%, 14.156% 15.569%, 15.214% 13.012%, 16.485% 10.556%, 18.028% 8.261%, 19.883
826% 6.211%, 22.041% 4.484%, 24.440% 3.110%, 26.998% 2.057%, 29.651% 1.275%, 32.360% 0.714%, 35.101% 0.337%, 37.859% 0.110%, 40.624% 0.009%, 43.391% 0.016%, 46.156% 0.113%, 48.918% 0.289%, 51.674% 0.533%, 54.425% 0.837%, 57.166% 1.215%, 59.898% 1.654%, 62.618% 2.163%, 65.322% 2.750%, 68.006% 3.424%, 70.662% 4.197%, 73.284% 5.081%, 75.860% 6.091%, 78.376% 7.242%, 80.813% 8.551%, 83.148% 10.036%, 85.349% 11.712%); 827 828 /* Buy buttons */ 829 --height-buy-buttons: calc(var(--padding-lg) * 2 + var(--icon-size-sm)); 830 831 /* Card image width and height variables */ 832 --card-width-small: 10rem; 833 834 --height-small: 10rem; 835 --height-medium: 11.5rem; 836 --height-large: 13rem; 837 --height-full: 100vh; 838 839 @media screen and (min-width: 750px) { 840 --height-small: 17.5rem; 841 --height-medium: 21.25rem; 842 --height-large: 25rem; 843 } 844 845 /* Modal */ 846 --modal-max-height: 65dvh; 847 --quick-add-modal-height: min(38.5rem, 96vh); 848 --quick-add-modal-width: min(54rem, 96vw); 849 --quick-add-modal-gallery-width: 24rem; 850 851 /* Card styles for search */ 852 --card-bg-hover: rgb(var(--color-foreground-rgb) / var(--opacity-5)); 853 --card-border-hover: rgb(var(--color-foreground-rgb) / var(--opacity-30)); 854 --card-border-focus: rgb(var(--color-foreground-rgb) / var(--opacity-10)); 855 856 /* Cart */ 857 --cart-primary-font-family: var(--font-body--family); 858 --cart-primary-font-style: var(--font-body--style); 859 --cart-primary-font-weight: var(--font-body--weight); 860 --cart-secondary-font-family: var(--font-secondary--family); 861 --cart-secondary-font-style: var(--font-secondary--style); 862 --cart-secondary-font-weight: var(--font-secondary--weight); 863 } 864</style> 865 866 867 868 869 870 871 <style data-shopify> 872 .color-custom-popover, 873 .color-custom-popover .text-block { 874 /* Background */ 875 --color-background: #ffffff; 876 --color-background-rgb: 255 255 255; 877 878 /* Opacity values adjusted for background brightness */ 879 880--opacity-5-15: 0.05; --opacity-10-25: 0.1; --opacity-35-55: 0.35; --opacity-40-60: 8810.4; --opacity-30-60: 0.3; --opacity-60: 0.6; 882 883 884 885 /* Foreground / text â explicit or smart-contrasted */ 886 --color: #000000; 887 --color-rgb: 0 0 0; 888 --color-foreground: #000000; 889 --color-foreground-rgb: 0 0 0; 890 --color-foreground-muted: rgb(0 0 0 / var(--opacity-muted-text)); 891 --color-foreground-subdued: rgb(0 0 0 / var(--opacity-subdued-text)); 892 --color-border: #DFDFDF; 893 --color-border-rgb: 223 223 223; 894 895 } 896 897 898 .color-custom-popover { 899 /* Form-related tokens stay on .color-custom only â .text-block is a prose 900 container (text/announcement/inline-text/blog-post-description/ 901 collection-link/price/sku) and never holds form inputs. */ 902 --input-disabled-background-color: rgb(0 0 0 / var(--opacity-10)); 903 --input-disabled-border-color: rgb(0 0 0 / var(--opacity-5)); 904 --input-disabled-text-color: rgb(0 0 0 / var(--opacity-50)); 905 --checkbox-border: 1px solid rgb(0 0 0 / var(--opacity-35-55)); 906 } 907 908 909 .color-custom-popover { 910 color: var(--color, var(--color-foreground)); 911 background-color: var(--color-background); 912 } 913 </style> 914 915 916 917 918 919 920 921 922 <style data-shopify> 923 .color-custom-drawer, 924 .color-custom-drawer .text-block { 925 /* Background */ 926 --color-background: #ffffff; 927 --color-background-rgb: 255 255 255; 928 929 /* Opacity values adjusted for background brightness */ 930 931--opacity-5-15: 0.05; --opacity-10-25: 0.1; --opacity-35-55: 0.35; --opacity-40-60: 9320.4; --opacity-30-60: 0.3; --opacity-60: 0.6; 933 934 935 936 /* Foreground / text â explicit or smart-contrasted */ 937 --color: #000000; 938 --color-rgb: 0 0 0; 939 --color-foreground: #000000; 940 --color-foreground-rgb: 0 0 0; 941 --color-foreground-muted: rgb(0 0 0 / var(--opacity-muted-text)); 942 --color-foreground-subdued: rgb(0 0 0 / var(--opacity-subdued-text)); 943 --color-border: #DFDFDF; 944 --color-border-rgb: 223 223 223; 945 946 } 947 948 949 .color-custom-drawer { 950 /* Form-related tokens stay on .color-custom only â .text-block is a prose 951 container (text/announcement/inline-text/blog-post-description/ 952 collection-link/price/sku) and never holds form inputs. */ 953 --input-disabled-background-color: rgb(0 0 0 / var(--opacity-10)); 954 --input-disabled-border-color: rgb(0 0 0 / var(--opacity-5)); 955 --input-disabled-text-color: rgb(0 0 0 / var(--opacity-50)); 956 --checkbox-border: 1px solid rgb(0 0 0 / var(--opacity-35-55)); 957 } 958 959 960 .color-custom-drawer { 961 color: var(--color, var(--color-foreground)); 962 background-color: var(--color-background); 963 } 964 </style> 965 966 967 968 969 970 971 972 973 <style data-shopify> 974 .color-custom-badge-sale, 975 .color-custom-badge-sale .text-block {
976 /* Background */ 977 --color-background: #D80000; 978 --color-background-rgb: 216 0 0; 979 980 /* Opacity values adjusted for background brightness */ 981 982--opacity-5-15: 0.05; --opacity-10-25: 0.1; --opacity-35-55: 0.35; --opacity-40-60: 9830.4; --opacity-30-60: 0.3; --opacity-60: 0.6; 984 985 986 987 /* Foreground / text â explicit or smart-contrasted */ 988 --color: #ffffff; 989 --color-rgb: 255 255 255; 990 --color-foreground: #ffffff; 991 --color-foreground-rgb: 255 255 255; 992 --color-foreground-muted: rgb(255 255 255 / var(--opacity-muted-text)); 993 --color-foreground-subdued: rgb(255 255 255 / var(--opacity-subdued-text)); 994 --color-border: #ffffff; 995 --color-border-rgb: 255 255 255; 996 997 } 998 999 1000 .color-custom-badge-sale { 1001 /* Form-related tokens stay on .color-custom only â .text-block is a prose 1002 container (text/announcement/inline-text/blog-post-description/ 1003 collection-link/price/sku) and never holds form inputs. */ 1004 --input-disabled-background-color: rgb(255 255 255 / var(--opacity-10)); 1005 --input-disabled-border-color: rgb(255 255 255 / var(--opacity-5)); 1006 --input-disabled-text-color: rgb(255 255 255 / var(--opacity-50)); 1007 --checkbox-border: 1px solid rgb(255 255 255 / var(--opacity-35-55)); 1008 } 1009 1010 1011 .color-custom-badge-sale { 1012 color: var(--color, var(--color-foreground)); 1013 background-color: var(--color-background); 1014 } 1015 </style> 1016 1017 1018 1019 1020 1021 1022 1023 1024 <style data-shopify> 1025 .color-custom-badge-sold-out, 1026 .color-custom-badge-sold-out .text-block { 1027 /* Background */ 1028 --color-background: #000000; 1029 --color-background-rgb: 0 0 0; 1030 1031 /* Opacity values adjusted for background brightness */ 1032 1033--opacity-5-15: 0.15; --opacity-10-25: 0.25; --opacity-35-55: 0.55; --opacity-40-60: 10340.6; --opacity-30-60: 0.6; --opacity-60: 0.6; 1035 1036 1037 1038 /* Foreground / text â explicit or smart-contrasted */ 1039 --color: #ffffff; 1040 --color-rgb: 255 255 255; 1041 --color-foreground: #ffffff; 1042 --color-foreground-rgb: 255 255 255; 1043 --color-foreground-muted: rgb(255 255 255 / var(--opacity-muted-text)); 1044 --color-foreground-subdued: rgb(255 255 255 / var(--opacity-subdued-text)); 1045 --color-border: #ffffff; 1046 --color-border-rgb: 255 255 255; 1047 1048 } 1049 1050 1051 .color-custom-badge-sold-out { 1052 /* Form-related tokens stay on .color-custom only â .text-block is a prose 1053 container (text/announcement/inline-text/blog-post-description/ 1054 collection-link/price/sku) and never holds form inputs. */ 1055 --input-disabled-background-color: rgb(255 255 255 / var(--opacity-10)); 1056 --input-disabled-border-color: rgb(255 255 255 / var(--opacity-5)); 1057 --input-disabled-text-color: rgb(255 255 255 / var(--opacity-50)); 1058 --checkbox-border: 1px solid rgb(255 255 255 / var(--opacity-35-55)); 1059 } 1060 1061 1062 .color-custom-badge-sold-out { 1063 color: var(--color, var(--color-foreground)); 1064 background-color: var(--color-background); 1065 } 1066 </style> 1067 1068 1069 1070 1071 1072 1073 1074 1075 1076 1077 1078 1079 1080 1081 1082 1083 1084 1085<style data-shopify> 1086 /* Palette colors */ 1087 :root { 1088 --color-background: #ffffff; 1089 --color-background-rgb: 255 255 255; 1090 --color-foreground: #000000; 1091 --color-foreground-rgb: 0 0 0; 1092 --color-border: #000000; 1093 --color-border-rgb: 0 0 0; 1094 --palette-lightest: #ffffff; 1095 --palette-lightest-rgb: 255 255 255; 1096 --palette-darkest: #000000; 1097 --palette-darkest-rgb: 0 0 0; 1098 1099--opacity-5-15: 0.05; --opacity-10-25: 0.1; --opacity-35-55: 0.35; --opacity-40-60: 11000.4; --opacity-30-60: 0.3; --opacity-60: 0.6; 1101 1102 1103 --color-primary-button-text: rgb(255 255 255 / 1.0); 1104 --color-primary-button-background: rgb(0 0 0 / 1.0); 1105 --color-primary-button-border: rgb(0 0 0 / 1.0); 1106 --color-primary-button-focus-outline: rgb(0 0 0); 1107 --color-primary-button-hover-text: rgb(255 255 255 / 1.0); 1108 --color-primary-button-hover-background: #262626; 1109 --color-primary-button-hover-border: #262626; 1110 1111 --color-secondary-button-text: rgb(0 0 0 / 1.0); 1112 --color-secondary-button-background: rgb(0 0 0 / 0.0); 1113 --color-secondary-button-border: rgb(0 0 0 / 1.0); 1114 --color-secondary-button-hover-text: rgb(0 0 0 / 1.0); 1115 --color-secondary-button-hover-background: rgba(0, 0, 0, 0.15);
1116 --color-secondary-button-hover-border: #262626; 1117 1118 --color-input-background: rgb(255 255 255 / 1.0); 1119 --color-input-text: rgb(51 51 51 / 1.0); 1120 --color-input-text-rgb: 51 51 51; 1121 --color-input-border: rgb(223 223 223 / 1.0); 1122 1123 --color-variant-background: rgb(255 255 255 / 1.0); 1124 --color-variant-border: rgb(223 223 223 / 1.0); 1125 --color-variant-text: rgb(0 0 0 / 1.0); 1126 --color-variant-text-rgb: 0 0 0; 1127 --color-variant-hover-background: #f2f2f2; 1128 --color-variant-hover-text: rgb(0 0 0 / 1.0); 1129 --color-variant-hover-border: #d2d2d2; 1130 1131 --color-selected-variant-background: rgb(0 0 0 / 1.0); 1132 --color-selected-variant-border: rgb(0 0 0 / 1.0); 1133 --color-selected-variant-text: rgb(255 255 255 / 1.0); 1134 --color-selected-variant-hover-background: #262626; 1135 --color-selected-variant-hover-text: rgb(255 255 255 / 1.0); 1136 --color-selected-variant-hover-border: #262626; 1137 1138 --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10)); 1139 --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15)); 1140 --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50)); 1141 --color-foreground-muted: rgb(var(--color-rgb, var(--color-foreground-rgb)) / var(--opacity-muted-text)); 1142 --color-foreground-subdued: rgb(var(--color-rgb, var(--color-foreground-rgb)) / var(--opacity-subdued-text)); 1143 --color-drawer-shadow-rgb: ; 1144 --color-popover-shadow-rgb: 0 0 0; 1145 1146 /* Shadows */ 1147 1148 1149 --shadow-blur: 20px; 1150 --shadow-popover: 0px 4px 20px rgb(var(--color-popover-shadow-rgb) / var(--opacity-15)); 1151 1152 } 1153 1154 body { 1155 color: var(--color-foreground); 1156 background-color: var(--color-background); 1157 } 1158</style> 1159 1160 1161
1161<script>window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.start');</script>
1161<meta name="google-site-verification" content="TJdXHnFmFhiPozWt2KycsFb814NEJcNQAQWGioGbMQQ"> 1162<meta name="facebook-domain-verification" content="ofji2fy9rqm9xrcpv0s66225sq0wlk"> 1163<meta id="shopify-digital-wallet" name="shopify-digital-wallet" content="/50975506593/digital_wallets/dialog"> 1164<link rel="ucp" href="/.well-known/ucp" version="2026-08-25">
1164<script async="async" src="/checkouts/internal/preloads.js?locale=en-PK"></script>
vendor: 1 bytes, line 1164
1164
1165<script id="shopify-features" type="application/json">{"accessToken":"1fdeb9aa504971401887529fca6994c8","betas":["rich-media-storefront-analytics"],"domain":"cozmetica.pk","predictiveSearch":true,"shopId":50975506593,"locale":"en"}</script>
vendor: 1 bytes, line 1165
1165
1166<script>var Shopify = Shopify || {}; 1167Shopify.shop = "cozmeticaa.myshopify.com"; 1168Shopify.locale = "en"; 1169Shopify.currency = {"active":"PKR","rate":"1.0"}; 1170Shopify.country = "PK"; 1171Shopify.theme = {"name":"Free Shipping Baadge","id":152094179489,"schema_name":"Horizon","schema_version":"4.1.1","theme_store_id":null,"role":"main"}; 1172Shopify.theme.handle = "null"; 1173Shopify.theme.style = {"id":null,"handle":null}; 1174Shopify.cdnHost = "cozmetica.pk/cdn"; 1175Shopify.routes = Shopify.routes || {}; 1176Shopify.routes.root = "/"; 1177Shopify.shopJsCdnBaseUrl = "https://cdn.shopify.com/shopifycloud/shop-js"; 1178Shopify.SignInWithShop = Shopify.SignInWithShop || {}; 1179Shopify.SignInWithShop.User = Shopify.SignInWithShop.User || {}; 1180Shopify.SignInWithShop.User.recognized = false;</script>
vendor: 1 bytes, line 1180
1180
1181<script type="module">!function(o){(o.Shopify=o.Shopify||{}).modules=!0}(window);</script>
vendor: 1 bytes, line 1181
1181
1182<script>!function(o){function n(){var o=[];function n(){o.push(Array.prototype.slice.apply(arguments))}return n.q=o,n}var t=o.Shopify=o.Shopify||{};t.loadFeatures=n(),t.autoloadFeatures=n()}(window);</script>
vendor: 1 bytes, line 1182
1182
1183<script> 1184 window.Shopify = window.Shopify || {}; 1185 window.Shopify.SignInWithShop = window.Shopify.SignInWithShop || {}; 1186 window.Shopify.SignInWithShop.assetMetrics = { sampleRate: 0.25 }; 1187 window.Shopify.SignInWithShop.eligible = true; 1188</script>
vendor: 1 bytes, line 1188
1188
1189<script id="shop-js-analytics" type="application/json">{"pageType":"page"}</script>
vendor: 1 bytes, line 1189
1189
1190<script defer="defer" async type="module" src="https://cdn.shopify.com/shopifycloud/shop-js/modules/v2/loader.init-shop-cart-sync.en.esm.js"></script>
vendor: 1 bytes, line 1190
1190
1191<script type="module"> 1192 await import("https://cdn.shopify.com/shopifycloud/shop-js/modules/v2/loader.init-shop-cart-sync.en.esm.js"); 1193 1194 window.Shopify.SignInWithShop?.initShopCartSync?.({"fedCMEnabled":true,"windoidEnabled":true}); 1195 1196</script>
vendor: 1 bytes, line 1196
1196
1197<script> 1198 window.Shopify = window.Shopify || {}; 1199 if (!window.Shopify.featureAssets) window.Shopify.featureAssets = {}; 1200 window.Shopify.featureAssets['shop-js'] = {"avatar":["modules/v2/loader.avatar.en.esm.js"],"checkout-modal":["modules/v2/loader.checkout-modal.en.esm.js"],"init-customer-accounts-sign-up":["modules/v2/loader.init-customer-accounts-sign-up.en.esm.js"],"init-customer-accounts":["modules/v2/loader.init-customer-accounts.en.esm.js"],"init-fed-cm":["modules/v2/loader.init-fed-cm.en.esm.js"],"init-shop-cart-sync":["modules/v2/loader.init-shop-cart-sync.en.esm.js"],"init-shop-email-lookup-coordinator":["modules/v2/loader.init-shop-email-lookup-coordinator.en.esm.js"],"init-shop-for-new-customer-accounts":["modules/v2/loader.init-shop-for-new-customer-accounts.en.esm.js"],"init-shop-user-recognition":["modules/v2/loader.init-shop-user-recognition.en.esm.js"],"init-windoid":["modules/v2/loader.init-windoid.en.esm.js"],"lead-capture":["modules/v2/loader.lead-capture.en.esm.js"],"listener":["modules/v2/loader.listener.en.esm.js"],"pay-button":["modules/v2/loader.pay-button.en.esm.js"],"payment-terms":["modules/v2/loader.payment-terms.en.esm.js"],"shop-button":["modules/v2/loader.shop-button.en.esm.js"],"shop-cart-sync":["modules/v2/loader.shop-cart-sync.en.esm.js"],"shop-cash-offers":["modules/v2/loader.shop-cash-offers.en.esm.js"],"shop-follow-button":["modules/v2/loader.shop-follow-button.en.esm.js"],"shop-login-button":["modules/v2/loader.shop-login-button.en.esm.js"],"shop-login":["modules/v2/loader.shop-login.en.esm.js"],"shop-toast-manager":["modules/v2/loader.shop-toast-manager.en.esm.js"],"shop-user-recognition":["modules/v2/loader.shop-user-recognition.en.esm.js"]}; 1201</script>
vendor: 1 bytes, line 1201
1201
1202<script>(function() { 1203 var isLoaded = false; 1204 function asyncLoad() { 1205 if (isLoaded) return; 1206 isLoaded = true; 1207 var urls = ["https:\/\/formbuilder.hulkapps.com\/skeletopapp.js?shop=cozmeticaa.myshopify.com","https:\/\/d2fk970j0emtue.cloudfront.net\/shop\/js\/free-gift-cart-upsell-pro.min.js?shop=cozmeticaa.myshopify.com"]; 1208 for (var i = 0; i < urls.length; i++) { 1209 var s = document.createElement('script'); 1210 s.type = 'text/javascript'; 1211 s.async = true; 1212 s.src = urls[i]; 1213 var x = document.getElementsByTagName('script')[0]; 1214 x.parentNode.insertBefore(s, x); 1215 } 1216 }; 1217 if(window.attachEvent) { 1218 window.attachEvent('onload', asyncLoad); 1219 } else { 1220 window.addEventListener('load', asyncLoad, false); 1221 } 1222})();</script>
vendor: 1 bytes, line 1222
1222
1223<script id="__st">var __st={"a":50975506593,"offset":18000,"reqid":"c9e418d1-ae52-47b0-93c1-a7a879e174c3-1791059343","pageurl":"cozmetica.pk\/pages\/about-cozmetica","s":"pages-73106555041","u":"e29027a693da","p":"page","rtyp":"page","rid":73106555041};</script>
vendor: 1 bytes, line 1223
1223
1224<script>window.ShopifyPaypalV4VisibilityTracking = true;</script>
vendor: 1 bytes, line 1224
1224
1225<script id="captcha-bootstrap">!function(){'use strict';const t='contact',e='account',n='new_comment',o=[[t,t],['blogs',n],['comments',n],[t,'customer']],c=[[e,'customer_login'],[e,'guest_login'],[e,'recover_customer_password'],[e,'create_customer']],r=t=>t.map((([t,e])=>`form[action*='/${t}']:not([data-nocaptcha='true']) input[name='form_type'][value='${e}']`)).join(','),a=t=>()=>t?[...document.querySelectorAll(t)].map((t=>t.form)):[];function s(){const t=[...o],e=r(t);return a(e)}const i='password',u='form_key',d=['recaptcha-v3-token','g-recaptcha-response','h-captcha-response',i],f=()=>{try{return window.sessionStorage}catch{return}},m='__shopify_v',_=t=>t.elements[u];function p(t,e,n=!1){try{const o=window.sessionStorage,c=JSON.parse(o.getItem(e)),{data:r}=function(t){const{data:e,action:n}=t;return t[m]||n?{data:e,action:n}:{data:t,action:n}}(c);for(const[e,n]of Object.entries(r))t.elements[e]&&(t.elements[e].value=n);n&&o.removeItem(e)}catch(o){console.error('form repopulation failed',{error:o})}}const l='form_type',E='cptcha';function T(t){t.dataset[E]=!0}const w=window,h=w.document,L='Shopify',v='ce_forms',y='captcha';let A=!1;((t,e)=>{const n=(g='f06e6c50-85a8-45c8-87d0-21a2b65856fe',I='https://cdn.shopify.com/shopifycloud/storefront-forms-hcaptcha/ce_storefront_forms_captcha_hcaptcha.v1.5.3.iife.js',D={infoText:'Protected by hCaptcha',privacyText:'Privacy',termsText:'Terms'},(t,e,n)=>{const o=w[L][v],c=o.bindForm;if(c)return c(t,g,e,D).then(n);var r;o.q.push([[t,g,e,D],n]),r=I,A||(h.body.append(Object.assign(h.createElement('script'),{id:'captcha-provider',async:!0,src:r})),A=!0)});var g,I,D;w[L]=w[L]||{},w[L][v]=w[L][v]||{},w[L][v].q=[],w[L][y]=w[L][y]||{},w[L][y].protect=function(t,e){n(t,void 0,e),T(t)},Object.freeze(w[L][y]),function(t,e,n,w,h,L){const[v,y,A,g]=function(t,e,n){const i=e?o:[],u=t?c:[],d=[...i,...u],f=r(d),m=r(i),_=r(d.filter((([t,e])=>n.includes(e))));return[a(f),a(m),a(_),s()]}(w,h,L),I=t=>{const e=t.target;return e instanceof HTMLFormElement?e:e&&e.form},D=t=>v().includes(t);t.addEventListener('submit',(t=>{const e=I(t);if(!e)return;const n=D(e)&&!e.dataset.hcaptchaBound&&!e.dataset.recaptchaBound,o=_(e),c=g().includes(e)&&(!o||!o.value);(n||c)&&t.preventDefault(),c&&!n&&(function(t){try{if(!f())return;!function(t){const e=f();if(!e)return;const n=_(t);if(!n)return;const o=n.value;o&&e.removeItem(o)}(t);const e=Array.from(Array(32),(()=>Math.random().toString(36)[2])).join('');!function(t,e){_(t)||t.append(Object.assign(document.createElement('input'),{type:'hidden',name:u})),t.elements[u].value=e}(t,e),function(t,e){const n=f();if(!n)return;const o=[...t.querySelectorAll(`input[type='${i}']`)].map((({name:t})=>t)),c=[...d,...o],r={};for(const[a,s]of new FormData(t).entries())c.includes(a)||(r[a]=s);n.setItem(e,JSON.stringify({[m]:1,action:t.action,data:r}))}(t,e)}catch(e){console.error('failed to persist form',e)}}(e),e.submit())}));const S=(t,e)=>{t&&!t.dataset[E]&&(n(t,e.some((e=>e===t))),T(t))};for(const o of['focusin','change'])t.addEventListener(o,(t=>{const e=I(t);D(e)&&S(e,y())}));const B=e.get('form_key'),M=e.get(l),P=B&&M;t.addEventListener('DOMContentLoaded',(()=>{const t=y();if(P)for(const e of t)e.elements[l].value===M&&p(e,B);[...new Set([...A(),...v().filter((t=>'true'===t.dataset.shopifyCaptcha))])].forEach((e=>S(e,t)))}))}(h,new URLSearchParams(w.location.search),n,t,e,['guest_login'])})(!1,!0)}();</script>
vendor: 1 bytes, line 1225
1225
1226<script integrity="sha256-JjoPp5ZfB1sSAs5SQaol1x1GgvveM+BgmRzyDexInEQ=" data-source-attribution="shopify.loadfeatures" defer="defer" src="//cozmetica.pk/cdn/shopifycloud/storefront/assets/storefront/load_feature-1bd60354.js" crossorigin="anonymous"></script>
vendor: 1 bytes, line 1226
1226
1227<script>(function () {var userAgent = navigator.userAgent;var platform = navigator.platform;var maxTouchPoints = navigator.maxTouchPoints || 0;var isIOS = /iPad|iPhone|iPod/.test(platform) || (platform === 'MacIntel' && maxTouchPoints > 1);var isMacSafari = platform.indexOf('Mac') === 0 && /Safari/.test(userAgent) && !/Chrome|Chromium|CriOS|FxiOS|Edg|OPR|Android/.test(userAgent);var isAppleSafari = isIOS || isMacSafari;if (isAppleSafari) {fetch('/sf_private_access_tokens' + location.search).catch(function () {});}function browserMajorVersion(pattern) {var match = userAgent.match(pattern);return match ? parseInt(match[1], 10) : null;}function shouldLoadAutosizesPolyfill() {if (!window.PerformanceObserver?.supportedEntryTypes?.includes('paint')) {return false;}var chromeVersion = browserMajorVersion(/Chrome\/(\d+)/);if (chromeVersion !== null) {return chromeVersion < 126;}var firefoxVersion = browserMajorVersion(/Firefox\/(\d+)/);if (firefoxVersion !== null) {return firefoxVersion < 150;}var safariVersion = isAppleSafari ? browserMajorVersion(/Version\/(\d+).*Safari\//) : null;if (safariVersion !== null) {return safariVersion < 27;}return true;}if (shouldLoadAutosizesPolyfill()) {var autosizesScript = document.createElement('script');autosizesScript.async = true;autosizesScript.crossOrigin = 'anonymous';autosizesScript.src = "//cozmetica.pk/cdn/shopifycloud/storefront/assets/storefront/autosizes-84416378.js";(document.head || document.documentElement).appendChild(autosizesScript);}window.ShopifyAnalytics = window.ShopifyAnalytics || {};window.ShopifyAnalytics.performance = window.ShopifyAnalytics.performance || {};(function () {var LONG_FRAME_THRESHOLD = 50;var longAnimationFrames = [];var activeRafId = null;function collectLongFrames() {var previousTime = null;function rafMonitor(now) {if (activeRafId === null) {return;}var delta = now - previousTime;if (delta > LONG_FRAME_THRESHOLD) {longAnimationFrames.push({startTime: previousTime,endTime: now,});}previousTime = now;activeRafId = requestAnimationFrame(rafMonitor);}previousTime = performance.now();activeRafId = requestAnimationFrame(rafMonitor);}if (!window.PerformanceObserver?.supportedEntryTypes?.includes('long-animation-frame')) {collectLongFrames();var timeoutId = setTimeout(function () {cancelAnimationFrame(activeRafId);}, 10000);window.ShopifyAnalytics.performance.getLongAnimationFrames = function (stopCollection) {if (stopCollection === undefined) {stopCollection = false;}if (stopCollection) {clearTimeout(timeoutId);cancelAnimationFrame(activeRafId);}return longAnimationFrames;};}})();})();</script>
1227<script id="shopify-origin-trials" async="async" integrity="sha256-qJbe/jEZBHtr5W/BlA2cKAz3vkXu6vJQyLjgvgCC86g=" src="//cdn.shopify.com/shopifycloud/storefront/assets/storefront/origin_trials-318ab40a.js" crossorigin="anonymous" onload="window.__shopifyOriginTrialsDone = true" onerror="window.__shopifyOriginTrialsDone = true"></script>
vendor: 1 bytes, line 1227
1227
1228<script> 1229 window.Shopify = window.Shopify || {}; 1230 window.Shopify.MCP = window.Shopify.MCP || {}; 1231 window.Shopify.MCP.enabled = true; 1232 window.Shopify.MCP.shop = "cozmeticaa.myshopify.com"; 1233 window.Shopify.MCP.mcpEndpoint = "https:\/\/cozmetica.pk\/api\/mcp"; 1234 window.Shopify.MCP.tools = [{"name":"search_shop_policies_and_faqs","description":"Used to get facts about the stores policies, products, or services.\nSome examples of questions you can ask are:\n - What is your return policy?\n - What is your shipping policy?\n - What is your phone number?\n - What are your hours of operation?\"\n","inputSchema":{"$schema":"https:\/\/json-schema.org\/draft\/2020-12\/schema","type":"object","properties":{"query":{"type":"string","description":"A natural language query."},"context":{"type":"string","description":"Additional information about the request such as user demographics, mood, location, or other relevant details that could help in tailoring the response appropriately."}},"required":["query"]}}]; 1235</script>
vendor: 1 bytes, line 1235
1235
1236<script>(()=>{var d="shopify:webmcp_adapter_loaded",n=Symbol.for("shopify.webmcp_adapter_loading");function s(c,a,{win:r=window,doc:o=document}={}){function p(){try{return r.localStorage.getItem(d)==="true"}catch{return!1}}function l(){try{r.localStorage.setItem(d,"true")}catch{}}function u(){return typeof(o.modelContext||r.navigator?.modelContext)?.registerTool=="function"}function f(){if(r[n]||!u())return;let t=o.head||o.getElementsByTagName("head")[0];if(!t)return;let e=o.createElement("script");e.type="module",e.crossOrigin="anonymous",a&&(e.integrity=a),e.src=c,e.addEventListener("load",l,{once:!0}),e.addEventListener("error",()=>{r[n]=!1},{once:!0}),t.appendChild(e),r[n]=!0}function _(t){let e=o.getElementById("shopify-origin-trials");if(!e||r.__shopifyOriginTrialsDone){t();return}e.addEventListener("load",t,{once:!0}),e.addEventListener("error",t,{once:!0})}function i(){_(()=>r.setTimeout(f,0))}function m(){o.addEventListener("DOMContentLoaded",i,{once:!0})}p()?i():m()}s("\/\/cozmetica.pk\/cdn\/shopifycloud\/storefront\/assets\/storefront\/webmcp-c6b62ece.js","sha256-ke4DDuBjdvea3vxLWxHc9E9nq8zihuG4IfYEGbb77ys=");})(); 1237</script>
vendor: 1 bytes, line 1237
1237
1238<script data-source-attribution="shopify.dynamic_checkout.dynamic.init">var Shopify=Shopify||{};Shopify.PaymentButton=Shopify.PaymentButton||{isStorefrontPortableWallets:!0,init:function(){window.Shopify.PaymentButton.init=function(){};var t=document.createElement("script");t.src="https://cozmetica.pk/cdn/shopifycloud/portable-wallets/latest/portable-wallets.en.js",t.type="module",document.head.appendChild(t)}}; 1239</script>
vendor: 1 bytes, line 1239
1239
1240<script data-source-attribution="shopify.dynamic_checkout.buyer_consent"> 1241 function portableWalletsHideBuyerConsent(e){var t=document.getElementById("shopify-buyer-consent"),n=document.getElementById("shopify-subscription-policy-button");t&&n&&(t.classList.add("hidden"),t.setAttribute("aria-hidden","true"),n.removeEventListener("click",e))}function portableWalletsShowBuyerConsent(e){var t=document.getElementById("shopify-buyer-consent"),n=document.getElementById("shopify-subscription-policy-button");t&&n&&(t.classList.remove("hidden"),t.removeAttribute("aria-hidden"),n.addEventListener("click",e))}window.Shopify?.PaymentButton&&(window.Shopify.PaymentButton.hideBuyerConsent=portableWalletsHideBuyerConsent,window.Shopify.PaymentButton.showBuyerConsent=portableWalletsShowBuyerConsent); 1242</script>
vendor: 1 bytes, line 1242
1242
1243<script data-source-attribution="shopify.dynamic_checkout.cart.bootstrap">document.addEventListener("DOMContentLoaded",(function(){function t(){return document.querySelector("shopify-accelerated-checkout-cart, shopify-accelerated-checkout")}if(t())Shopify.PaymentButton.init();else{new MutationObserver((function(e,n){t()&&(Shopify.PaymentButton.init(),n.disconnect())})).observe(document.body,{childList:!0,subtree:!0})}})); 1244</script>
1244 1245<link rel="stylesheet" media="screen" href="//cozmetica.pk/cdn/shop/t/140/compiled_assets/styles.css?v=80606434457439566911790863399">
1246<script id="shopify-cfh-end">window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.end');</script>
1246 1247 <!--Gem_Page_Header_Script--> 1248 1249 1250 1251<!--End_Gem_Page_Header_Script--> 1252<!-- BEGIN app block: shopify://apps/judge-me-reviews/blocks/judgeme_core/61ccd3b1-a9f2-4160-9fe9-4fec8413e5d8 --><!-- Start of Judge.me Core --> 1253 1254 1255 1256 1257 1258 1259 1260<link rel="dns-prefetch" href="https://cdn.judge.me"> 1261<link rel="dns-prefetch" href="https://cdn1.judge.me"> 1262<link rel="dns-prefetch" href="https://api.judge.me"> 1263
1264<script data-cfasync='false' class='jdgm-settings-script'>window.jdgmSettings={"pagination":5,"disable_web_reviews":false,"coupon_receiving_condition":"","coupon_value_type":"percentage","coupon_value_percentage":10,"coupon_value_fixed_amount":0,"coupon_discount_type":"single","coupon_tier_text_enabled":false,"coupon_tier_text_percentage":10,"coupon_tier_text_fixed_amount":0,"coupon_tier_photo_enabled":false,"coupon_tier_photo_percentage":10,"coupon_tier_photo_fixed_amount":0,"coupon_tier_video_enabled":false,"coupon_tier_video_percentage":10,"coupon_tier_video_fixed_amount":0,"enable_coupons":false,"badge_no_review_text":"No reviews","badge_n_reviews_text":"{{ n }} review/reviews","badge_star_color":"#FFCD3C","hide_badge_preview_if_no_reviews":true,"badge_hide_text":false,"enforce_center_preview_badge":false,"widget_title":"Customer Reviews","widget_open_form_text":"Write a review","widget_close_form_text":"Cancel review","widget_refresh_page_text":"Refresh page","widget_summary_text":"Based on {{ number_of_reviews }} review/reviews","widget_no_review_text":"Be the first to write a review","widget_name_field_text":"Display name","widget_verified_name_field_text":"Verified Name (public)","widget_name_placeholder_text":"Display name","widget_required_field_error_text":"This field is required.","widget_email_field_text":"Email address","widget_verified_email_field_text":"Verified Email (private, can not be edited)","widget_email_placeholder_text":"Your email address","widget_email_field_error_text":"Please enter a valid email address.","widget_rating_field_text":"Rating","widget_review_title_field_text":"Review Title","widget_review_title_placeholder_text":"Give your review a title","widget_review_body_field_text":"Review content","widget_review_body_placeholder_text":"Start writing here...","widget_pictures_field_text":"Picture/Video (optional)","widget_submit_review_text":"Submit Review","widget_submit_verified_review_text":"Submit Verified Review","widget_submit_success_msg_with_auto_publish":"Thank y
1264ou! Please refresh the page in a few moments to see your review. You can remove or edit your review by logging into \u003ca href='https://judge.me/login' target='_blank' rel='nofollow noopener'\u003eJudge.me\u003c/a\u003e","widget_submit_success_msg_no_auto_publish":"Thank you! Your review will be published as soon as it is approved by the shop admin. You can remove or edit your review by logging into \u003ca href='https://judge.me/login' target='_blank' rel='nofollow noopener'\u003eJudge.me\u003c/a\u003e","widget_show_default_reviews_out_of_total_text":"Showing {{ n_reviews_shown }} out of {{ n_reviews }} reviews.","widget_show_all_link_text":"Show all","widget_show_less_link_text":"Show less","widget_author_said_text":"{{ reviewer_name }} said:","widget_days_text":"{{ n }} days ago","widget_weeks_text":"{{ n }} week/weeks ago","widget_months_text":"{{ n }} month/months ago","widget_years_text":"{{ n }} year/years ago","widget_yesterday_text":"Yesterday","widget_today_text":"Today","widget_replied_text":"\u003e\u003e {{ shop_name }} replied:","widget_read_more_text":"Read more","widget_reviewer_name_as_initial":"","widget_rating_filter_color":"","widget_rating_filter_see_all_text":"See all reviews","widget_sorting_most_recent_text":"Most Recent","widget_sorting_highest_rating_text":"Highest Rating","widget_sorting_lowest_rating_text":"Lowest Rating","widget_sorting_with_pictures_text":"Only Pictures","widget_sorting_most_helpful_text":"Most Helpful","widget_open_question_form_text":"Ask a question","widget_reviews_subtab_text":"Reviews","widget_questions_subtab_text":"Questions","widget_question_label_text":"Question","widget_answer_label_text":"Answer","widget_question_placeholder_text":"Write your question here","widget_submit_question_text":"Submit Question","widget_question_submit_success_text":"Thank you for your question! We will notify you once it gets answered.","widget_star_color":"#FFCD3C","verified_badge_text":"Verified","verified_badge_bg_color":"","verified_badge_text_color":"","verified_badge_placement":"left-of-reviewer-name","widget_review_max_height":3,"widget_hide_border":false,"widget_social_share":false,"widget_thumb":false,"widget_review_location_show":false,"widget_location_format":"","all_reviews_include_out_of_store_products":true,"all_reviews_out_of_store_text":"(out of store)","all_reviews_pagination":100,"all_reviews_product_name_prefix_text":"about","enable_review_pictures":true,"enable_question_anwser":false,"widget_theme":"leex","review_date_format":"mm/dd/yyyy","default_sort_method":"most-recent","enable_ai_review_visibility":true,"widget_product_reviews_subtab_text":"Product Reviews","widget_shop_reviews_subtab_text":"Shop Reviews","widget_other_products_reviews_text":"Reviews for other products","widget_store_reviews_subtab_text":"Store reviews","widget_product_variant_reference_text":"Review for","widget_no_store_reviews_text":"This store hasn't received any reviews yet","widget_web_restriction_product_reviews_text":"This product hasn't received any reviews yet","widget_no_items_text":"No items found","widget_show_more_text":"Show more","widget_write_a_store_review_text":"Write a Store Review","widget_product_and_store_reviews_text":"Product and store reviews","widget_reviews_in_collection_text":"Reviews in this collection","widget_other_languages_heading":"Reviews in Other Languages","widget_translate_review_text":"Translate review to {{ language }}","widget_translating_review_text":"Translating...","widget_show_original_translation_text":"Show original ({{ language }})","widget_translate_review_failed_text":"Review couldn't be translated.","widget_translate_review_retry_text":"Retry","widget_translate_review_try_again_later_text":"Try again later","show_product_url_for_grouped_product":false,"widget_sorting_pictures_first_text":"Pictures First","show_pictures_on_all_rev_page_mobile":false,"show_pictures_on_all_rev_page_desktop":false,"floating_tab_hide_mobile_install_preference":false,"floating_tab_button_name":"â
Reviews","floating_tab_title":"Let customers speak for us","floating_tab_button_color":"","floating_tab_button_background_color":"","floating_tab_url":"","floating_tab_url_enabled":false,"floating_tab_tab_style":"text","all_reviews_text_badge_text":"Customers rate us {{ shop.metafields.judgeme.all_reviews_rating | round: 1 }}/5 based on {{ shop.metafields.judgeme.all_reviews_count }} reviews.","all_reviews_text_badge_text_branded_style":"{{ shop.metafields.judgeme.all_reviews_rating | round: 1 }} out of 5 stars based on {{ shop.metafields.judgeme.all_reviews_count }} reviews","is_all_reviews_text_badge_a_link":false,"show_stars_for_all_reviews_text_badge":false,"all_reviews_text_badge_url":"","all_reviews_text_style":"text","all_reviews_text_color_style":"judgeme_brand_color","all_reviews_text_color":"#108474","all_reviews_text_show_jm_brand":true,"featured_carousel_show_header":true,"featured_carousel_title":"Let customers speak for us","testimonials_carousel_title":"Customers are saying","videos_carousel_title":"Real customer stories","cards_carousel_title":"Customers are saying","featured_carousel_count_text":"from {{ n }} reviews","featured_carousel_add_link_to_all_reviews_page":false,"featured_carousel_url":"","featured_carousel_show_images":true,"featured_carousel_autoslide_interval":5,"featured_carousel_arrows_on_the_sides":true,"featured_carousel_height":250,"featured_carousel_width":80,"featured_carousel_image_size":0,"featured_carousel_image_height":250,"featured_carousel_arrow_color":"#eeeeee","verified_count_badge_style":"vintage","verified_count_badge_orientation":"horizontal","verified_count_badge_color_style":"judgeme_brand_color","verified_count_badge_color":"#108474","is_verified_count_badge_a_link":false,"verified_count_badge_url":"","verified_count_badge_show_jm_brand":true,"widget_rating_preset_default":5,"widget_first_sub_tab":"product-reviews","widget_show_histogram":true,"widget_histogram_use_custom_color":false,"widget_pagination_use_custom_color":false,"widget_star_use_custom_color":false,"widget_verified_badge_use_custom_color":false,"widget_write_review_use_custom_color":false,"picture_reminder_submit_button":"Upload Pictures","enable_review_videos":true,"mute_video_by_default":true,"widget_sorting_videos_first_text":"Videos First","widget_review_pending_text":"Pending","featured_carousel_items_for_large_screen":3,"social_share_options_order":"Facebook,Twitter","remove_microdata_snippet":true,"disable_json_ld":false,"enable_json_ld_products":false,"preview_badge_show_question_text":false,"preview_badge_no_question_text":"No questions","preview_badge_n_question_text":"{{ number_of_questions }} question/questions","qa_badge_show_icon":false,"qa_badge_position":"same-row","remove_judgeme_branding":false,"widget_add_search_bar":false,"widget_search_bar_placeholder":"Search","widget_sorting_verified_only_text":"Verified only","widget_sorting_most_relevant_text":"Most Relevant","featured_carousel_theme":"card","featured_carousel_show_rating":true,"featured_carousel_show_title":true,"featured_carousel_show_body":true,"featured_carousel_show_date":false,"featured_carousel_show_reviewer":true,"featured_carousel_show_product":false,"featured_carousel_header_background_color":"#108474","featured_carousel_header_text_color":"#ffffff","featured_carousel_name_product_separator":"reviewed","featured_carousel_full_star_background":"#108474","featured_carousel_empty_star_background":"#dadada","featured_carousel_vertical_theme_background":"#f9fafb","featured_carousel_verified_badge_enable":false,"featured_carousel_verified_badge_color":"#108474","featured_carousel_border_style":"round","featured_carousel_review_line_length_limit":3,"featured_carousel_more_reviews_button_text":"Read more reviews","featured_carousel_view_product_button_text":"View product","all_reviews_page_load_reviews_on":"scroll","all_reviews_page_load_more_text":"Load More Reviews","disable_fb_tab_reviews":false,"enable_ajax_cdn_cache":false,"widget_public_name_text":"displayed publicly like","default_reviewer_name":"John Smith","default_reviewer_name_has_non_latin":true,"widget_reviewer_anonymous":"Anonymous","medals_widget_title":"Judge.me Review Medals","medals_widget_background_color":"#f9fafb","medals_widget_position":"footer_all_pages","medals_widget_border_color":"#f9fafb","medals_widget_verified_text_position":"left","medals_widget_use_monochromatic_version":false,"medals_widget_elements_color":"#108474","show_reviewer_avatar":false,"widget_invalid_yt_video_url_error_text":"Not a YouTube video URL","widget_max_length_field_error_text":"Please enter no more than {0} characters.","widget_show_country_flag":false,"widget_show_collected_via_shop_app":true,"widget_verified_by_shop_badge_style":"light","widget_verified_by_shop_text":"Verified by Shop","widget_show_photo_gallery":true,"widget_load_with_code_splitting":true,"widget_ugc_install_preference":false,"widget_ugc_title":"Made by us, Shared by you","widget_ugc_subt
1264itle":"Tag us to see your picture featured in our page","widget_ugc_arrows_color":"#ffffff","widget_ugc_primary_button_text":"Buy Now","widget_ugc_primary_button_background_color":"#108474","widget_ugc_primary_button_text_color":"#ffffff","widget_ugc_primary_button_border_width":"0","widget_ugc_primary_button_border_style":"none","widget_ugc_primary_button_border_color":"#108474","widget_ugc_primary_button_border_radius":"25","widget_ugc_secondary_button_text":"Load More","widget_ugc_secondary_button_background_color":"#ffffff","widget_ugc_secondary_button_text_color":"#108474","widget_ugc_secondary_button_border_width":"2","widget_ugc_secondary_button_border_style":"solid","widget_ugc_secondary_button_border_color":"#108474","widget_ugc_secondary_button_border_radius":"25","widget_ugc_reviews_button_text":"View Reviews","widget_ugc_reviews_button_background_color":"#ffffff","widget_ugc_reviews_button_text_color":"#108474","widget_ugc_reviews_button_border_width":"2","widget_ugc_reviews_button_border_style":"solid","widget_ugc_reviews_button_border_color":"#108474","widget_ugc_reviews_button_border_radius":"25","widget_ugc_reviews_button_link_to":"judgeme-reviews-page","widget_ugc_show_post_date":true,"widget_ugc_max_width":"800","widget_rating_metafield_value_type":true,"widget_primary_color":"#000000","widget_enable_secondary_color":true,"widget_secondary_color":"#000000","widget_summary_average_rating_text":"{{ average_rating }} out of 5","widget_media_grid_title":"Customer photos \u0026 videos","widget_media_grid_see_more_text":"See more","widget_round_style":true,"widget_show_product_medals":false,"widget_verified_by_judgeme_text":"Verified by Judge.me","widget_show_store_medals":true,"widget_verified_by_judgeme_text_in_store_medals":"Verified by Judge.me","widget_media_field_exceed_quantity_message":"Sorry, we can only accept {{ max_media }} for one review.","widget_media_field_exceed_limit_message":"{{ file_name }} is too large, please select a {{ media_type }} less than {{ size_limit }}MB.","widget_review_submitted_text":"Review Submitted!","widget_question_submitted_text":"Question Submitted!","widget_close_form_text_question":"Cancel","widget_write_your_answer_here_text":"Write your answer here","widget_enabled_branded_link":true,"widget_show_collected_by_judgeme":true,"widget_reviewer_name_color":"","widget_write_review_text_color":"","widget_write_review_bg_color":"","widget_collected_by_judgeme_text":"collected by Judge.me","widget_pagination_type":"load_more","widget_load_more_text":"Load More","widget_load_more_color":"#108474","widget_full_review_text":"Full Review","widget_read_more_reviews_text":"Read More Reviews","widget_read_questions_text":"Read Questions","widget_questions_and_answers_text":"Questions \u0026 Answers","widget_verified_by_text":"Verified by","widget_verified_text":"Verified","widget_number_of_reviews_text":"{{ number_of_reviews }} reviews","widget_back_button_text":"Back","widget_next_button_text":"Next","widget_custom_forms_filter_button":"Filters","custom_forms_style":"horizontal","widget_show_review_information":false,"how_reviews_are_collected":"How reviews are collected?","widget_show_review_keywords":false,"widget_gdpr_statement":"How we use your data: We'll only contact you about the review you left, and only if necessary. By submitting your review, you agree to Judge.me's \u003ca href='https://judge.me/terms' target='_blank' rel='nofollow noopener'\u003eterms\u003c/a\u003e, \u003ca href='https://judge.me/privacy' target='_blank' rel='nofollow noopener'\u003eprivacy\u003c/a\u003e and \u003ca href='https://judge.me/content-policy' target='_blank' rel='nofollow noopener'\u003econtent\u003c/a\u003e policies.","widget_multilingual_sorting_enabled":false,"widget_translate_review_content_enabled":false,"widget_translate_review_content_method":"manual","popup_widget_review_selection":"automatically_with_pictures","popup_widget_round_border_style":true,"popup_widget_show_title":true,"popup_widget_show_body":true,"popup_widget_show_reviewer":false,"popup_widget_show_product":true,"popup_widget_show_pictures":true,"popup_widget_use_review_picture":true,"popup_widget_show_on_home_page":true,"popup_widget_show_on_product_page":true,"popup_widget_show_on_collection_page":true,"popup_widget_show_on_cart_page":true,"popup_widget_position":"bottom_left","popup_widget_first_review_delay":5,"popup_widget_duration":5,"popup_widget_interval":5,"popup_widget_review_count":5,"popup_widget_hide_on_mobile":true,"review_snippet_widget_round_border_style":true,"review_snippet_widget_card_color":"#FFFFFF","review_snippet_widget_text_color":"#000000","review_snippet_widget_lighter_text_color":"#7B7B7B","review_snippet_widget_slider_arrows_background_color":"#FFFFFF","review_snippet_widget_slider_arrows_color":"#000000","review_snippet_widget_star_color":"#000000","show_product_variant":false,"all_reviews_product_variant_label_text":"Variant: ","widget_show_verified_branding":false,"widget_ai_summary_title":"Customers say","widget_ai_summary_disclaimer":"AI-powered review summary based on recent customer reviews","widget_show_ai_summary":false,"widget_show_ai_summary_bg":false,"write_review_button_visibility":"everyone","store_summary_widget_heading":"Customers rate this store","store_summary_widget_button_text":"View customer reviews","store_summary_widget_button_theme_text":"See AI reviews summary","widget_show_review_title_input":true,"widget_autofill_review_title":true,"redirect_reviewers_invited_via_email":"review_widget","request_store_review_after_product_review":true,"request_review_other_products_in_order":true,"review_form_color_scheme":"default","review_form_corner_style":"square","review_form_star_color":"#000000","review_form_text_color":"#333333","review_form_background_color":"#ffffff","review_form_field_background_color":"#fafafa","review_form_button_color":"#000000","review_form_button_text_color":"#ffffff","review_form_modal_overlay_color":"#000000","review_form_theme":"multi_step","review_form_location":"in_store_popup","review_form_external_page_background_color":"#C5F7F0","review_content_screen_title_text":"How would you rate this product?","review_content_introduction_text":"We would love it if you would share a bit about your experience.","store_review_form_title_text":"How would you rate this store?","store_review_form_introduction_text":"We would love it if you would share a bit about your experience.","show_review_guidance_text":true,"one_star_review_guidance_text":"Poor","five_star_review_guidance_text":"Great","customer_information_screen_title_text":"About you","customer_information_introduction_text":"Please tell us more about you.","custom_questions_screen_title_text":"Your experience in more detail","custom_questions_introduction_text":"Here are a few questions to help us understand more about your experience.","review_submitted_screen_title_text":"Thanks for your review!","review_submitted_screen_thank_you_text":"We are processing it and it will appear on the store soon.","review_submitted_screen_email_verification_text":"Please confirm your email by clicking the link we just sent you. This helps us keep reviews authentic.","confirm_email_screen_title_text":"Confirm your email","confirm_email_screen_message_text":"To help keep reviews authentic, we'll send you a secure link to continue writing your review. It only takes a moment.","check_email_screen_title_text":"Check your email","check_email_screen_message_text":"We sent you an email to {{ email }}. Click the button on the email to continue.","check_email_screen_resend_message_text":"Email resent!","check_email_resend_hint_text":"Didn't get the email? Check your spam folder or [resend the email].","verification_email_rate_limit_error_text":"You've reached the limit for review attempts on this product. Please check your inbox or try again later.","review_submitted_request_store_review_text":"Would you like to share your experience of shopping with us?","review_submitted_review_other_products_text":"Would you like to review these products?","store_review_screen_title_text":"Would you like to share your experience of shopping with us?","store_review_introduction_text":"We value your feedback and use it to improve. Please share any thoughts or suggestions you have.","reviewer_media_screen_title_picture_text":"Share a picture","reviewer_media_introduction_picture_text":"Upload a photo to support your review.","reviewer_media_screen_title_video_text":"Share a video","reviewer_media_introduction_video_text":"Upload a video to support your review.","reviewer_media_screen_title_picture_or_video_text":"Share a picture or video","reviewer_media_introduction_picture_or_video_text":"Upload a photo or video to support your review.","reviewer_media_
1264youtube_url_text":"Paste your Youtube URL here","advanced_settings_next_step_button_text":"Next","advanced_settings_close_review_button_text":"Close","modal_write_review_flow":false,"write_review_flow_required_text":"Required","write_review_flow_privacy_message_text":"We respect your privacy.","write_review_flow_anonymous_text":"Post review as anonymous","write_review_flow_visibility_text":"This won't be visible to other customers.","write_review_flow_multiple_selection_help_text":"Select as many as you like","write_review_flow_single_selection_help_text":"Select one option","write_review_flow_required_field_error_text":"This field is required","write_review_flow_invalid_email_error_text":"Please enter a valid email address","write_review_flow_max_length_error_text":"Max. {{ max_length }} characters.","write_review_flow_media_upload_text":"\u003cb\u003eClick to upload\u003c/b\u003e or drag and drop","write_review_flow_gdpr_statement":"We'll only contact you about your review if necessary. By submitting your review, you agree to our \u003ca href='https://judge.me/terms' target='_blank' rel='nofollow noopener'\u003eterms and conditions\u003c/a\u003e and \u003ca href='https://judge.me/privacy' target='_blank' rel='nofollow noopener'\u003eprivacy policy\u003c/a\u003e.","rating_only_reviews_enabled":false,"show_negative_reviews_help_screen":false,"new_review_flow_help_screen_rating_threshold":3,"negative_review_resolution_screen_title_text":"Tell us more","negative_review_resolution_text":"Your experience matters to us. If there were issues with your purchase, we're here to help. Feel free to reach out to us, we'd love the opportunity to make things right.","negative_review_resolution_button_text":"Contact us","negative_review_resolution_proceed_with_review_text":"Leave a review","negative_review_resolution_subject":"Issue with purchase from {{ shop_name }}.{{ order_name }}","coupon_promo_intro_any_review_text":"Write a review and get a coupon for {{ amount }} off your next purchase","coupon_promo_intro_with_photo_text":"Write a review and add a photo or video to get a coupon for {{ amount }} off your next purchase","coupon_promo_intro_with_video_text":"Write a review and add a video to get a coupon for {{ amount }} off your next purchase","coupon_promo_intro_up_to_any_review_text":"Write a review and get a coupon for up to {{ amount }} off your next purchase","coupon_promo_intro_up_to_with_photo_text":"Write a review and add a photo or video to get a coupon for up to {{ amount }} off your next purchase","coupon_promo_intro_external_text":"Write a review and get a reward for your next purchase","coupon_promo_intro_external_with_photo_text":"Write a review and add a photo or video to get a reward for your next purchase","coupon_promo_intro_external_with_video_text":"Write a review and add a video to get a reward for your next purchase","coupon_promo_media_photo_text":"Add a photo or video and get a coupon for {{ amount }} off your next purchase","coupon_promo_media_photo_only_text":"Add a photo and get a coupon for {{ amount }} off your next purchase","coupon_promo_media_video_text":"Add a video and get a coupon for {{ amount }} off your next purchase","coupon_promo_media_external_photo_text":"Add a photo or video and get a reward for your next purchase","coupon_promo_media_external_photo_only_text":"Add a photo and get a reward for your next purchase","coupon_promo_media_external_video_text":"Add a video and get a reward for your next purchase","coupon_promo_success_text":"You've got a coupon for your next purchase at {{ shop_name }}!","coupon_promo_success_subtext":"You'll receive your coupon email within the hour.","preview_badge_collection_page_install_status":false,"widget_review_custom_css":"","preview_badge_custom_css":"/* Judge.me star widget text */\n.jdgm-prev-badge__text,\n.jdgm-star-rating + .jdgm-prev-badge__text,\n.jdgm-widget .jdgm-prev-badge__text {\n font-size: 13px !important;\n}","preview_badge_stars_count":"5-stars","featured_carousel_custom_css":"","floating_tab_custom_css":"","all_reviews_widget_custom_css":"","medals_widget_custom_css":"","verified_badge_custom_css":"","all_reviews_text_custom_css":"","transparency_badges_collected_via_store_invite":false,"transparency_badges_from_another_provider":false,"transparency_badges_collected_from_store_visitor":false,"transparency_badges_collected_by_verified_review_provider":false,"transparency_badges_earned_reward":false,"transparency_badges_collected_via_store_invite_text":"Review collected via store invitation","transparency_badges_from_another_provider_text":"Review collected from another provider","transparency_badges_collected_from_store_visitor_text":"Review collected from a store visitor","transparency_badges_written_in_google_text":"Review written in Google","transparency_badges_written_in_etsy_text":"Review written in Etsy","transparency_badges_written_in_shop_app_text":"Review written in Shop App","transparency_badges_earned_reward_text":"Review earned a reward for future purchase","product_review_widget_per_page":6,"widget_other_languages_reviews_per_page":3,"widget_store_review_label_text":"Review about the store","widget_cart_mode_aggregate_heading_text":"Customers rate this store","checkout_comment_extension_title_on_product_page":"Customer Comments","checkout_comment_extension_num_latest_comment_show":5,"checkout_comment_extension_format":"name_and_timestamp","checkout_comment_customer_name":"last_initial","checkout_comment_comment_notification":true,"preview_badge_collection_page_install_preference":true,"preview_badge_home_page_install_preference":false,"preview_badge_product_page_install_preference":true,"review_widget_install_preference":"","review_carousel_install_preference":false,"floating_reviews_tab_install_preference":"none","verified_reviews_count_badge_install_preference":false,"all_reviews_text_install_preference":false,"review_widget_best_location":true,"judgeme_medals_install_preference":false,"review_widget_revamp_enabled":false,"review_widget_qna_enabled":false,"review_widget_header_theme":"minimal","review_widget_widget_title_enabled":true,"review_widget_header_text_size":"medium","review_widget_header_text_weight":"regular","review_widget_average_rating_style":"compact","review_widget_bar_chart_enabled":true,"review_widget_bar_chart_type":"numbers","review_widget_bar_chart_style":"standard","review_widget_expanded_media_gallery_enabled":false,"review_widget_show_review_highlights":false,"review_widget_show_review_keywords_in_gray":false,"review_widget_reviews_section_theme":"standard","review_widget_image_style":"thumbnails","review_widget_review_image_ratio":"square","review_widget_stars_size":"medium","review_widget_verified_badge":"standard_text","review_widget_review_title_text_size":"medium","review_widget_review_text_size":"medium","review_widget_review_text_length":"medium","review_widget_number_of_columns_desktop":3,"review_widget_carousel_transition_speed":5,"review_widget_custom_questions_answers_display":"always","review_widget_card_section_size":"small","review_widget_button_text_color":"#FFFFFF","review_widget_text_color":"#000000","review_widget_lighter_text_color":"#7B7B7B","review_widget_corner_styling":"soft","review_widget_review_word_singular":"review","review_widget_review_word_plural"
1264:"reviews","review_widget_voting_label":"Helpful?","review_widget_shop_reply_label":"Reply from {{ shop_name }}:","review_widget_filters_title":"Filters","review_widget_filter_rating_title":"Rating","review_widget_filter_keyword_title":"Keyword","review_widget_clear_filters_text":"Clear filters","review_widget_expand_more_text":"More","review_widget_review_highlights_title":"Review highlights","qna_widget_question_word_singular":"Question","qna_widget_question_word_plural":"Questions","qna_widget_answer_reply_label":"Answer from {{ answerer_name }}:","qna_content_screen_title_text":"Ask a question about this product","qna_widget_question_required_field_error_text":"Please enter your question.","qna_widget_flow_gdpr_statement":"We'll only contact you about your question if necessary. By submitting your question, you agree to our \u003ca href='https://judge.me/terms' target='_blank' rel='nofollow noopener'\u003eterms and conditions\u003c/a\u003e and \u003ca href='https://judge.me/privacy' target='_blank' rel='nofollow noopener'\u003eprivacy policy\u003c/a\u003e.","qna_widget_question_submitted_text":"Thanks for your question!","qna_widget_close_form_text_question":"Close","qna_widget_question_submit_success_text":"Weâll notify you by email when your question is answered.","all_reviews_widget_v2025_enabled":true,"all_reviews_widget_v2025_header_theme":"default","all_reviews_widget_v2025_widget_title_enabled":true,"all_reviews_widget_v2025_header_text_size":"medium","all_reviews_widget_v2025_header_text_weight":"regular","all_reviews_widget_v2025_average_rating_style":"compact","all_reviews_widget_v2025_bar_chart_enabled":true,"all_reviews_widget_v2025_bar_chart_type":"numbers","all_reviews_widget_v2025_bar_chart_style":"standard","all_reviews_widget_v2025_expanded_media_gallery_enabled":false,"all_reviews_widget_v2025_show_store_medals":true,"all_reviews_widget_v2025_show_photo_gallery":true,"all_reviews_widget_v2025_show_review_keywords":false,"all_reviews_widget_v2025_show_ai_summary":false,"all_reviews_widget_v2025_show_ai_summary_bg":false,"all_reviews_widget_v2025_show_review_highlights":false,"all_reviews_widget_v2025_show_review_keywords_in_gray":false,"all_reviews_widget_v2025_add_search_bar":false,"all_reviews_widget_v2025_default_sort_method":"most-recent","all_reviews_widget_v2025_reviews_per_page":10,"all_reviews_widget_v2025_reviews_section_theme":"default","all_reviews_widget_v2025_image_style":"thumbnails","all_reviews_widget_v2025_review_image_ratio":"square","all_reviews_widget_v2025_stars_size":"medium","all_reviews_widget_v2025_verified_badge":"standard_text","all_reviews_widget_v2025_review_title_text_size":"medium","all_reviews_widget_v2025_review_text_size":"medium","all_reviews_widget_v2025_review_text_length":"medium","all_reviews_widget_v2025_number_of_columns_desktop":3,"all_reviews_widget_v2025_carousel_transition_speed":5,"all_reviews_widget_v2025_custom_questions_answers_display":"always","all_reviews_widget_v2025_review_dates":false,"all_reviews_widget_v2025_card_section_size":"small","all_reviews_widget_v2025_show_product_variant":false,"all_reviews_widget_v2025_show_reviewer_avatar":true,"all_reviews_widget_v2025_reviewer_name_as_initial":"","all_reviews_widget_v2025_review_location_show":false,"all_reviews_widget_v2025_location_format":"","all_reviews_widget_v2025_show_country_flag":false,"all_reviews_widget_v2025_widget_thumb":false,"all_reviews_widget_v2025_verified_by_shop_badge_style":"light","all_reviews_widget_v2025_social_share":false,"all_reviews_widget_v2025_social_share_options_order":"Facebook,Twitter,LinkedIn,Pinterest","all_reviews_widget_v2025_pagination_type":"standard","all_reviews_widget_v2025_button_text_color":"#FFFFFF","all_reviews_widget_v2025_text_color":"#000000","all_reviews_widget_v2025_lighter_text_color":"#7B7B7B","all_reviews_widget_v2025_corner_styling":"soft","all_reviews_widget_v2025_title":"Customer reviews","all_reviews_widget_v2025_ai_summary_title":"Customers say about this store","all_reviews_widget_v2025_no_review_text":"Be the first to write a review","all_reviews_widget_v2025_review_highlights_title":"Review highlights","reviews_grid_widget_show_sample_reviews":false,"reviews_grid_widget_review_selection":"all","reviews_grid_widget_select_products":[],"reviews_grid_widget_show_media_only":false,"reviews_grid_widget_display_order":"media_first","reviews_grid_widget_card_grouping":"per_media","reviews_grid_widget_columns_desktop":3,"reviews_grid_widget_rows_desktop":3,"reviews_grid_widget_columns_mobile":2,"reviews_grid_widget_rows_mobile":6,"reviews_grid_widget_show_stars":true,"reviews_grid_widget_show_reviewer_name":true,"reviews_grid_widget_show_review_title_on_hover_desktop":true,"reviews_grid_widget_corner_styling":"soft","reviews_grid_widget_card_spacing":"medium","reviews_grid_widget_header_text_color":"#000000","reviews_grid_widget_star_and_reviewer_name_color":"#F9F9F9","reviews_grid_widget_overlay_and_background_color":"#000000","reviews_grid_widget_content_color":"#F9F9F9","reviews_grid_widget_header_text":"From our customers","reviews_grid_widget_show_average_rating":true,"trust_badge_enabled":false,"trust_badge_structure":"outline","trust_badge_color":"black","trust_badge_star":"black","trust_badge_rating_display_default":"show_avg_text","platform":"shopify","branding_url":"https://app.judge.me/reviews","branding_text":"Powered by Judge.me","locale":"en","reply_name":"Cozmetica","shop_currency":"PKR","widget_version":"3.0","footer":true,"autopublish":false,"review_dates":false,"enable_custom_form":false,"shop_locale":"en","enable_multi_locales_translations":false,"show_review_title_input":true,"autofill_review_title":true,"review_verification_email_status":"always","require_verification_before_submit":false,"sign_in_with_
1264shop_enabled":false,"customer_account_validation_enabled":true,"most_relevant_sort_enabled":false,"coupon_promo_invited_eligible":true,"coupon_promo_web_eligible":false,"uses_coupon_integration":false,"uses_external_coupon":false,"can_be_branded":false,"rtl_stars_enabled_ar":true,"rtl_stars_enabled_he":true,"reply_name_text":"Cozmetica"};</script>
1264 <style class='jdgm-settings-style'>.jdgm-xx{left:0}:root{--jdgm-primary-color: #000;--jdgm-secondary-color: #000;--jdgm-star-color: #FFCD3C;--jdgm-write-review-text-color: white;--jdgm-write-review-bg-color: #000000;--jdgm-paginate-color: #000;--jdgm-border-radius: 10;--jdgm-reviewer-name-color: #000000}.jdgm-histogram__bar-content{background-color:#000}.jdgm-rev[data-verified-buyer=true] .jdgm-rev__icon.jdgm-rev__icon:after,.jdgm-rev__buyer-badge.jdgm-rev__buyer-badge{color:white;background-color:#000}.jdgm-review-widget--small .jdgm-gallery.jdgm-gallery .jdgm-gallery__thumbnail-link:nth-child(8) .jdgm-gallery__thumbnail-wrapper.jdgm-gallery__thumbnail-wrapper:before{content:"See more"}@media only screen and (min-width: 768px){.jdgm-gallery.jdgm-gallery .jdgm-gallery__thumbnail-link:nth-child(8) .jdgm-gallery__thumbnail-wrapper.jdgm-gallery__thumbnail-wrapper:before{content:"See more"}}.jdgm-preview-badge .jdgm-star.jdgm-star{color:#FFCD3C}.jdgm-prev-badge[data-average-rating='0.00']{display:none !important}.jdgm-rev .jdgm-rev__timestamp,.jdgm-quest .jdgm-rev__timestamp,.jdgm-carousel-item__timestamp{display:none !important}.jdgm-rev .jdgm-rev__icon{display:none !important}.jdgm-author-all-initials{display:none !important}.jdgm-author-last-initial{display:none !important}.jdgm-rev-widg__title{visibility:hidden}.jdgm-rev-widg__summary-text{visibility:hidden}.jdgm-prev-badge__text{visibility:hidden}.jdgm-rev__prod-link-prefix:before{content:'about'}.jdgm-rev__variant-label:before{content:'Variant: '}.jdgm-rev__out-of-store-text:before{content:'(out of store)'}@media only screen and (min-width: 768px){.jdgm-rev__pics .jdgm-rev_all-rev-page-picture-separator,.jdgm-rev__pics .jdgm-rev__product-picture{display:none}}@media only screen and (max-width: 768px){.jdgm-rev__pics .jdgm-rev_all-rev-page-picture-separator,.jdgm-rev__pics .jdgm-rev__product-picture{display:none}}.jdgm-preview-badge[data-template="index"]{display:none !important}.jdgm-verified-count-badget[data-from-snippet="true"]{display:none !important}.jdgm-carousel-wrapper[data-from-snippet="true"]{display:none !important}.jdgm-all-reviews-text[data-from-snippet="true"]{display:none !important}.jdgm-medals-section[data-from-snippet="true"]{display:none !important}.jdgm-ugc-media-wrapper[data-from-snippet="true"]{display:none !important}.jdgm-rev__transparency-badge[data-badge-type="review_collected_via_store_invitation"]{display:none !important}.jdgm-rev__transparency-badge[data-badge-type="review_collected_from_another_provider"]{display:none !important}.jdgm-rev__transparency-badge[data-badge-type="review_collected_from_store_visitor"]{display:none !important}.jdgm-rev__transparency-badge[data-badge-type="review_written_in_etsy"]{display:none !important}.jdgm-rev__transparency-badge[data-badge-type="review_written_in_google_business"]{display:none !important}.jdgm-rev__transparency-badge[data-badge-type="review_written_in_shop_app"]{display:none !important}.jdgm-rev__transparency-badge[data-badge-type="review_earned_for_future_purchase"]{display:none !important}.jdgm-review-snippet-widget{--jdgm-snippet-card-color: #fff;--jdgm-snippet-text-color: #000;--jdgm-snippet-lighter-text-color: #7B7B7B;--jdgm-snippet-star-color: #000;--jdgm-snippet-border-radius: 8px;--jdgm-snippet-arrows-bg-color: #fff;--jdgm-snippet-arrows-color: #000}.jdgm-review-snippet-widget .jdgm-rev-snippet-widget__cards-container .jdgm-rev-snippet-card{border-radius:8px;background:#fff}.jdgm-review-snippet-widget .jdgm-rev-snippet-widget__cards-container .jdgm-rev-snippet-card__rev-rating .jdgm-star{color:#000}.jdgm-review-snippet-widget .jdgm-rev-snippet-widget__prev-btn,.jdgm-review-snippet-widget .jdgm-rev-snippet-widget__next-btn{border-radius:50%;background:#fff}.jdgm-review-snippet-widget .jdgm-rev-snippet-widget__prev-btn>svg,.jdgm-review-snippet-widget .jdgm-rev-snippet-widget__next-btn>svg{fill:#000}.jdgm-full-rev-modal.rev-snippet-widget .jm-mfp-container .jm-mfp-content,.jdgm-full-rev-modal.rev-snippet-widget .jm-mfp-container .jdgm-full-rev__icon,.jdgm-full-rev-modal.rev-snippet-widget .jm-mfp-container .jdgm-full-rev__pic-img,.jdgm-full-rev-modal.rev-snippet-widget .jm-mfp-container .jdgm-full-rev__reply{border-radius:8px}.jdgm-full-rev-modal.rev-snippet-widget .jm-mfp-container .jdgm-full-rev[data-verified-buyer="true"] .jdgm-full-rev__icon::after{border-radius:8px}.jdgm-full-rev-modal.rev-snippet-widget .jm-mfp-container .jdgm-full-rev .jdgm-rev__buyer-badge{border-radius:calc( 8px / 2 )}.jdgm-full-rev-modal.rev-snippet-widget .jm-mfp-container .jdgm-full-rev .jdgm-full-rev__replier::before{content:'Cozmetica'}.jdgm-full-rev-modal.rev-snippet-widget .jm-mfp-container .jdgm-full-rev .jdgm-full-rev__product-button{border-radius:calc( 8px * 6 )} 1265</style> <style class='jdgm-settings-style'>.jdgm-preview-badge .jdgm-prev-badge__text,.jdgm-preview-badge .jdgm-star-rating+.jdgm-prev-badge__text,.jdgm-preview-badge .jdgm-widget .jdgm-prev-badge__text{font-size:13px !important} 1266</style> 1267 1268 1269 1270 1271 <style class='jdgm-miracle-styles'> 1272 @-webkit-keyframes jdgm-spin{0%{-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);-ms-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes jdgm-spin{0%{-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);-ms-transform:rotate(359deg);transform:rotate(359deg)}}@font-face{font-family:'JudgemeStar';src:url("data:application/x-font-woff;charset=utf-8;base64,d09GRgABAAAAAAScAA0AAAAABrAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAEgAAAABoAAAAcbyQ+3kdERUYAAARgAAAAHgAAACAAMwAGT1MvMgAAAZgAAABGAAAAVi+vS9xjbWFwAAAB8AAAAEAAAAFKwBMjvmdhc3AAAARYAAAACAAAAAj//wADZ2x5ZgAAAkAAAAEJAAABdH33LXtoZWFkAAABMAAAAC0AAAA2BroQKWhoZWEAAAFgAAAAHAAAACQD5QHQaG10eAAAAeAAAAAPAAAAFAYAAABsb2NhAAACMAAAAA4AAAAOAO4AeG1heHAAAAF8AAAAHAAAACAASgAvbmFtZQAAA0wAAADeAAABkorWfVZwb3N0AAAELAAAACkAAABEp3ubLXgBY2BkYADhPPP4OfH8Nl8ZuJkYQODS2fRrCPr/aSYGxq1ALgcDWBoAO60LkwAAAHgBY2BkYGDc+v80gx4TAwgASaAICmABAFB+Arl4AWNgZGBgYGPQYWBiAAIwyQgWc2AAAwAHVQB6eAFjYGRiYJzAwMrAwejDmMbAwOAOpb8ySDK0MDAwMbByMsCBAAMCBKS5pjA4PGB4wMR44P8BBj3GrQymQGFGkBwAjtgK
1272/gAAeAFjYoAAEA1jAwAAZAAHAHgB3crBCcAwDEPRZydkih567CDdf4ZskmLwFBV8xBfCaC4BXkOUmx4sU0h2ngNb9V0vQCxaRKIAevT7fGWuBrEAAAAAAAAAAAA0AHgAugAAeAF9z79Kw1AUx/FzTm7un6QmJtwmQ5Bg1abgEGr/BAqlU6Gju+Cgg1MkQ/sA7Vj7BOnmO/gUvo2Lo14NqIO6/IazfD8HEODtmQCfoANwNsyp2/GJt3WKQrd1NLiYYWx2PBqOsmJMEOznPOTzfSCrhAtbbLdmeFLJV9eKd63WLrZcIcuaEVdssWCKM6pLCfTVOYbz/0pNSMSZKLIZpvh78sAUH6PlMrreTCabP9r+Z/puPZ2ur/RqpQHgh+MIegCnXeM4MRAPjYN//5tj4ZtTjkFqEdmeMShlEJ7tVAly2TAkx6R68Fl4E/aVvn8JqHFQ4JS1434gXKcuL31dDhzs3YbsEOAd/IU88gAAAHgBfY4xTgMxEEVfkk0AgRCioKFxQYd2ZRtpixxgRU2RfhU5q5VWseQ4JdfgAJyBlmNwAM7ABRhZQ0ORwp7nr+eZAa54YwYg9zm3ynPOeFRe8MCrciXOh/KSS76UV5L/iDmrLiS5AeU519wrL3jmSbkS5115yR2fyivJv9kx0ZMZ2RLZw27q87iNQi8EBo5FSPIMw3HqBboi5lKTGAGDp8FKXWP+t9TU01Lj5His1Ba6uM9dTEMwvrFmbf5GC/q2drW3ruXUhhsCiQOjznFlCzYhHUZp4xp76vsvQh89CQAAeAFjYGJABowM6IANLMrEyMTIzMjCXpyRWJBqZshWXJJYBKOMAFHFBucAAAAAAAAB//8AAngBY2BkYGDgA2IJBhBgAvKZGViBJAuYxwAABJsAOgAAeAFjYGBgZACCk535hiD60tn0azAaAEqpB6wAAA==") format("woff");font-weight:normal;font-style:normal}.jdgm-star{font-family:'JudgemeStar';display:inline !important;text-decoration:none !important;padding:0 4px 0 0 !important;margin:0 !important;font-weight:bold;opacity:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.jdgm-star:hover{opacity:1}.jdgm-star:last-of-type{padding:0 !important}.jdgm-star.jdgm--on:before{content:"\e000"}.jdgm-star.jdgm--off:before{content:"\e001"}.jdgm-star.jdgm--half:before{content:"\e002"}.jdgm-widget *{margin:0;line-height:1.4;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-overflow-scrolling:touch}.jdgm-hidden{display:none !important;visibility:hidden !important}.jdgm-temp-hidden{display:none}.jdgm-spinner{width:40px;height:40px;margin:auto;border-radius:50%;border-top:2px solid #eee;border-right:2px solid #eee;border-bottom:2px solid #eee;border-left:2px solid #ccc;-webkit-animation:jdgm-spin 0.8s infinite linear;animation:jdgm-spin 0.8s infinite linear}.jdgm-prev-badge{display:block !important} 1273 1274</style> 1275 1276 1277 1278 1279 1280 1281 1282 1283 1284 1285 1286 1287
1287<script id="judgeme_widget_leex_js" data-cfasync="false" type="text/javascript" async src="https://cdn.shopify.com/extensions/01a0fd03-c455-7b82-9766-74101e55572c/judgeme-771/assets/shopify_v2_leex.js"></script>
1287 1288 1289 1290 1291 1292 1293 <link id="judgeme_widget_leex_css" rel="stylesheet" type="text/css" media="nope!" onload="this.media='all'" href="https://cdn.shopify.com/extensions/01a0fd03-c455-7b82-9766-74101e55572c/judgeme-771/assets/widget_v3_theme_leex.css"> 1294 1295 1296 1297
1298<script data-cfasync='false' class='jdgm-script'> 1299!function(e){window.jdgm=window.jdgm||{}; 1300/* INF-1976 */ 1301var _jdgmBlocked=function(){var raw=(window.jdgmSettings||{}).hostname_allowlist;var list=(raw==null?"":""+raw).split(/[\s,]+/).map(function(h){return h.trim().toLowerCase().replace(/\.$/,"");}).filter(function(h){return h;});if(!list.length)return false;var host=(e.location.hostname||"").toLowerCase().replace(/\.$/,"");if(/(^|\.)shopifypreview\.com$/.test(host))return false;var bare=host.replace(/^www\./,"");for(var i=0;i<list.length;i++){var en=list[i];if(en.indexOf("*.")===0){var b=en.slice(2);if(host===b||host.slice(-(b.length+1))==="."+b)return false;}else if(bare===en.replace(/^www\./,""))return false;}return true;}(); 1302if(_jdgmBlocked){jdgm._loaderExecuted=true;jdgm._blocked=true;var _jdgmS=e.createElement("style");_jdgmS.textContent='[class^="jdgm-"],[class*=" jdgm-"]{display:none !important}';(e.head||e.documentElement).appendChild(_jdgmS);return;} 1303jdgm.CDN_HOST="https://cdnwidget.judge.me/",jdgm.CDN_HOST_ALT="https://cdn2.judge.me/cdn/widget_frontend/",jdgm.API_HOST="https://api.judge.me/",jdgm.CDN_BASE_URL="https://cdn.shopify.com/extensions/01a0fd03-c455-7b82-9766-74101e55572c/judgeme-771/assets/",jdgm.CDN_API_HOST="https://cdn.judge.me/", 1304jdgm.docReady=function(d){(e.attachEvent?"complete"===e.readyState:"loading"!==e.readyState)? 1305setTimeout(d,0):e.addEventListener("DOMContentLoaded",d)},jdgm.loadCSS=function(d,t,o,a){ 1306!o&&jdgm.loadCSS.requestedUrls.indexOf(d)>=0||(jdgm.loadCSS.requestedUrls.push(d), 1307(a=e.createElement("link")).rel="stylesheet",a.class="jdgm-stylesheet",a.media="nope!", 1308a.href=d,a.onload=function(){this.media="all",t&&setTimeout(t)},e.body.appendChild(a))}, 1309jdgm.loadCSS.requestedUrls=[],jdgm.loadJS=function(e,d){var t=new XMLHttpRequest; 1310t.onreadystatechange=function(){4===t.readyState&&t.status>=200&&t.status<300&&(Function(t.response)(),d&&d(t.response))}, 1311t.open("GET",e),t.onerror=function(){if(e.indexOf(jdgm.CDN_HOST)===0&&jdgm.CDN_HOST_ALT!==jdgm.CDN_HOST){var f=e.replace(jdgm.CDN_HOST,jdgm.CDN_HOST_ALT);jdgm.loadJS(f,d)}},t.send()},jdgm.docReady((function(){(window.jdgmLoadCSS||e.querySelectorAll( 1312".jdgm-widget, .jdgm-all-reviews-page").length>0)&&(jdgmSettings.widget_load_with_code_splitting? 1313parseFloat(jdgmSettings.widget_version)>=3?jdgm.loadCSS(jdgm.CDN_BASE_URL+"widget_v3_base.css"): 1314jdgm.loadCSS(jdgm.CDN_BASE_URL+"widget_base.css"):jdgm.loadCSS(jdgm.CDN_BASE_URL+"shopify_v2.css") 1315)}))}(document); 1316</script>
1316 1317<noscript><link rel="stylesheet" type="text/css" media="all" href="https://cdn.shopify.com/extensions/01a0fd03-c455-7b82-9766-74101e55572c/judgeme-771/assets/shopify_v2.css"></noscript> 1318 1319<!-- BEGIN app snippet: theme_fix_tags -->
1319<script> 1320 (function() { 1321 var jdgmThemeFixes = null; 1322 if (!jdgmThemeFixes) return; 1323 1324 // "All themes" fix: CSS and JS applied on every theme. CSS is injected 1325 // before the per-theme fix so the theme-specific CSS wins the cascade. 1326 // HTML is never applied globally (too risky). 1327 var allThemesFix = jdgmThemeFixes['all']; 1328 if (allThemesFix && allThemesFix.css) { 1329 var allStyleTag = document.createElement('style'); 1330 allStyleTag.classList.add('jdgm-theme-fix-style-all'); 1331 allStyleTag.innerHTML = allThemesFix.css; 1332 document.head.append(allStyleTag); 1333 }; 1334 1335 if (allThemesFix && allThemesFix.js) { 1336 var allScriptTag = document.createElement('script'); 1337 allScriptTag.classList.add('jdgm-theme-fix-script-all'); 1338 allScriptTag.innerHTML = allThemesFix.js; 1339 document.head.append(allScriptTag); 1340 }; 1341 1342 var thisThemeFix = jdgmThemeFixes[Shopify.theme.id]; 1343 if (!thisThemeFix) return; 1344 1345 if (thisThemeFix.html) { 1346 document.addEventListener("DOMContentLoaded", function() { 1347 var htmlDiv = document.createElement('div'); 1348 htmlDiv.classList.add('jdgm-theme-fix-html'); 1349 htmlDiv.innerHTML = thisThemeFix.html; 1350 document.body.append(htmlDiv); 1351 }); 1352 }; 1353 1354 if (thisThemeFix.css) { 1355 var styleTag = document.createElement('style'); 1356 styleTag.classList.add('jdgm-theme-fix-style'); 1357 styleTag.innerHTML = thisThemeFix.css; 1358 document.head.append(styleTag); 1359 }; 1360 1361 if (thisThemeFix.js) { 1362 var scriptTag = document.createElement('script'); 1363 scriptTag.classList.add('jdgm-theme-fix-script'); 1364 scriptTag.innerHTML = thisThemeFix.js; 1365 document.head.append(scriptTag); 1366 }; 1367 })(); 1368</script>
1368 1369<!-- END app snippet --> 1370<!-- End of Judge.me Core --> 1371 1372 1373 1374<!-- END app block --><!-- BEGIN app block: shopify://apps/uppromote-affiliate/blocks/message-bar/64c32457-930d-4cb9-9641-e24c0d9cf1f4 --> 1375 1376<style> 1377 body { 1378 transition: padding-top .2s; 1379 } 1380 .scaaf-message-bar { 1381 --primary-text-color: ; 1382 --secondary-text-color: ; 1383 --primary-bg-color: ; 1384 --secondary-bg-color: ; 1385 --primary-text-size: px; 1386 --secondary-text-size: px; 1387 text-align: center; 1388 display: block; 1389 width: 100%; 1390 padding: 10px; 1391 animation-duration: .5s; 1392 animation-name: fadeIn; 1393 position: absolute; 1394 top: 0; 1395 left: 0; 1396 width: 100%; 1397 z-index: 10; 1398 } 1399 1400 .scaaf-message-bar-content { 1401 margin: 0; 1402 padding: 0; 1403 } 1404 1405 .scaaf-message-bar[data-layout=referring] { 1406 background-color: var(--primary-bg-color); 1407 color: var(--primary-text-color); 1408 font-size: var(--primary-text-size); 1409 } 1410 1411 .scaaf-message-bar[data-layout=direct] { 1412 background-color: var(--secondary-bg-color); 1413 color: var(--secondary-text-color); 1414 font-size: var(--secondary-text-size); 1415 } 1416 1417</style> 1418
1419<script type="text/javascript"> 1420 (function() { 1421 let container, contentContainer 1422 const settingTag = document.querySelector('script#uppromote-message-bar-setting') 1423 1424 if (!settingTag || !settingTag.textContent) { 1425 return 1426 } 1427 1428 const setting = JSON.parse(settingTag.textContent) 1429 if (!setting.referral_enable) { 1430 return 1431 } 1432 1433 const getCookie = (cName) => { 1434 const name = cName + '=' 1435 const ca = document.cookie.split(';') 1436 for (let i = 0; i < ca.length; i++) { 1437 let c = ca[i] 1438 while (c.charAt(0) === ' ') { 1439 c = c.substring(1) 1440 } 1441 if (c.indexOf(name) === 0) { 1442 const raw = c.substring(name.length, c.length) 1443 // Decode this value only, not the whole cookie string, so one malformed 1444 // cookie (bare %) or a ';' inside another value can't break parsing here. 1445 try { 1446 return decodeURIComponent(raw) 1447 } catch { 1448 return raw 1449 } 1450 } 1451 } 1452 1453 return null 1454 } 1455 1456 function renderContainer() { 1457 container = document.createElement('div') 1458 container.classList.add('scaaf-message-bar') 1459 contentContainer = document.createElement('p') 1460 contentContainer.classList.add('scaaf-message-bar-content') 1461 container.append(contentContainer) 1462 } 1463 1464 function calculateLayout() { 1465 const height = container.scrollHeight 1466 1467 function onMouseMove() { 1468 document.body.style.paddingTop = `${height}px` 1469 document.body.removeEventListener('mousemove', onMouseMove) 1470 document.body.removeEventListener('touchstart', onMouseMove) 1471 } 1472 1473 document.body.addEventListener('mousemove', onMouseMove) 1474 document.body.addEventListener('touchstart', onMouseMove) 1475 } 1476 1477 renderContainer() 1478 1479 function fillDirectContent() { 1480 if (!setting.not_referral_enable) { 1481 // Nothing to show: drop the optimistic "Loading" bar prepareForReferring may have left 1482 container.remove() 1483 return 1484 } 1485 contentContainer.style.visibility = 'visible' 1486 container.dataset.layout = 'direct' 1487 contentContainer.textContent = setting.not_referral_content 1488 document.body.prepend(container) 1489 calculateLayout() 1490 } 1491 1492 function prepareForReferring() { 1493 contentContainer.textContent = 'Loading' 1494 contentContainer.style.visibility = 'hidden' 1495 document.body.prepend(container) 1496 calculateLayout() 1497 } 1498 1499 function fillReferringContent(aff) { 1500 container.dataset.layout = 'referring' 1501 // Guard referral_content so a missing template can't throw and leave the bar stuck on "Loading" 1502 contentContainer.textContent = (setting.referral_content || '') 1503 .replaceAll('{affiliate_name}', aff.name) 1504 .replaceAll('{company}', aff.company) 1505 .replaceAll('{affiliate_firstname}', aff.first_name) 1506 .replaceAll('{personal_detail}', aff.personal_detail) 1507 contentContainer.style.visibility = 'visible' 1508 } 1509 1510 function safeJsonParse (str) { 1511 if (!str) return null; 1512 try { 1513 return JSON.parse(str); 1514 } catch { 1515 return null; 1516 } 1517 } 1518 1519 function renderFromCookie(affiliateID) { 1520 if (!affiliateID) { 1521 fillDirectContent() 1522 return 1523 } 1524 1525 prepareForReferring() 1526 1527 let info = null 1528 const raw = getCookie('_up_a_info') 1529 if (raw) { 1530 info = safeJsonParse(raw) 1531 } 1532 1533 if (!info) { 1534 fillDirectContent() 1535 return 1536 } 1537 1538 const aff = { 1539 company: info.company || '', 1540 name: (info.first_name || '') + ' ' + (info.last_name || ''), 1541 first_name: info.first_name || '', 1542 personal_detail: getCookie('scaaf_pd') || '' 1543 } 1544 1545 fillReferringContent(aff) 1546 } 1547 1548 function paintMessageBar() { 1549 if (!document.body) { 1550 return requestAnimationFrame(paintMessageBar) 1551 } 1552
1553 const urlParams = new URLSearchParams(window.location.search) 1554 const scaRef = urlParams.get("sca_ref") 1555 const urlAffiliateID = scaRef ? scaRef.split('.')[0] + '' : null 1556 const cookieAffiliateID = getCookie('up_uppromote_aid') 1557 const isReferralLink = !!scaRef 1558 1559 if (!isReferralLink) { 1560 if (cookieAffiliateID) { 1561 renderFromCookie(cookieAffiliateID) 1562 return 1563 } 1564 fillDirectContent() 1565 return 1566 } 1567 1568 if (cookieAffiliateID === urlAffiliateID) { 1569 renderFromCookie(cookieAffiliateID) 1570 return 1571 } 1572 1573 const lastClick = Number(getCookie('up_uppromote_lc') || 0) 1574 const diffMinuteFromNow = (Date.now() - lastClick) / (60 * 1000) 1575 if (diffMinuteFromNow <= 1) { 1576 renderFromCookie(cookieAffiliateID) 1577 return 1578 } 1579 1580 let waited = 0 1581 const MAX_WAIT = 5000 1582 const INTERVAL = 300 1583 1584 const timer = setInterval(() => { 1585 const newCookieID = getCookie('up_uppromote_aid') 1586 const isStillThatAffiliate = newCookieID === urlAffiliateID 1587 const isReceived = localStorage.getItem('up_uppromote_received') === '1' 1588 let isLoadedAffiliateInfoDone = !!safeJsonParse(getCookie('_up_a_info')) 1589 1590 if (isReceived && isStillThatAffiliate && isLoadedAffiliateInfoDone) { 1591 clearInterval(timer) 1592 renderFromCookie(newCookieID) 1593 return 1594 } 1595 1596 waited += INTERVAL 1597 if (waited >= MAX_WAIT) { 1598 clearInterval(timer) 1599 fillDirectContent() 1600 } 1601 }, INTERVAL) 1602 } 1603 1604 requestAnimationFrame(paintMessageBar) 1605 })() 1606</script>
1606 1607 1608 1609<!-- END app block --><!-- BEGIN app block: shopify://apps/uppromote-affiliate/blocks/core-script/64c32457-930d-4cb9-9641-e24c0d9cf1f4 --><!-- BEGIN app snippet: core-metafields-setting --><!--suppress ES6ConvertVarToLetConst -->
1610<script type="application/json" id="core-uppromote-settings">{"active_reg_from":true,"app_env":{"env":"production"}}</script>
vendor: 1 bytes, line 1610
1610
1611<script type="application/json" id="core-uppromote-cart">{"note":null,"attributes":{},"original_total_price":0,"total_price":0,"total_discount":0,"total_weight":0.0,"item_count":0,"items":[],"requires_shipping":false,"currency":"PKR","items_subtotal_price":0,"cart_level_discount_applications":[],"checkout_charge_amount":0}</script>
1611 1612
1613<script id="core-uppromote-quick-store-tracking-vars"> 1614 function getDocumentContext(){const{href:a,hash:b,host:c,hostname:d,origin:e,pathname:f,port:g,protocol:h,search:i}=window.location,j=document.referrer,k=document.characterSet,l=document.title;return{location:{href:a,hash:b,host:c,hostname:d,origin:e,pathname:f,port:g,protocol:h,search:i},referrer:j||document.location.href,characterSet:k,title:l}}function getNavigatorContext(){const{language:a,cookieEnabled:b,languages:c,userAgent:d}=navigator;return{language:a,cookieEnabled:b,languages:c,userAgent:d}}function getWindowContext(){const{innerHeight:a,innerWidth:b,outerHeight:c,outerWidth:d,origin:e,screen:{height:j,width:k},screenX:f,screenY:g,scrollX:h,scrollY:i}=window;return{innerHeight:a,innerWidth:b,outerHeight:c,outerWidth:d,origin:e,screen:{screenHeight:j,screenWidth:k},screenX:f,screenY:g,scrollX:h,scrollY:i,location:getDocumentContext().location}}function getContext(){return{document:getDocumentContext(),navigator:getNavigatorContext(),window:getWindowContext()}} 1615 if (window.location.href.includes('?sca_ref=')) { 1616 localStorage.setItem('__up_lastViewedPageContext', JSON.stringify({ 1617 context: getContext(), 1618 timestamp: new Date().toISOString(), 1619 })) 1620 } 1621</script>
1621 1622 1623
1624<script id="core-uppromote-setting-booster"> 1625 var UpPromoteCoreSettings = JSON.parse(document.getElementById('core-uppromote-settings').textContent) 1626 UpPromoteCoreSettings.currentCart = JSON.parse(document.getElementById('core-uppromote-cart')?.textContent || '{}') 1627 const idToClean = ['core-uppromote-settings', 'core-uppromote-cart', 'core-uppromote-setting-booster', 'core-uppromote-quick-store-tracking-vars'] 1628 idToClean.forEach(id => { 1629 document.getElementById(id)?.remove() 1630 }) 1631</script>
1631 1632<!-- END app snippet --> 1633 1634 1635<!-- END app block --><!-- BEGIN app block: shopify://apps/gempages-builder/blocks/embed-gp-script-head/20b379d4-1b20-474c-a6ca-665c331919f3 --> 1636 1637 1638 1639 1640 1641 1642 1643 1644 1645 1646 1647 1648 1649 1650<!-- END app block --><!-- BEGIN app block: shopify://apps/uppromote-affiliate/blocks/customer-referral/64c32457-930d-4cb9-9641-e24c0d9cf1f4 --><link rel="preload" href="https://cdn.shopify.com/extensions/01a0eb5b-13b6-751a-b6c1-a42e5b9b7333/affliate-by-secomapp-128/assets/customer-referral.css" as="style" onload="this.onload=null;this.rel='stylesheet'">
1651<script> 1652 document.addEventListener("DOMContentLoaded", function () { 1653 const params = new URLSearchParams(window.location.search); 1654 if (params.has('sca_ref') || params.has('sca_crp')) { 1655 document.body.setAttribute('is-affiliate-link', ''); 1656 } 1657 }); 1658</script>
1658 1659 1660 1661<!-- END app block --><!-- BEGIN app block: shopify://apps/mergn/blocks/index/52d5f725-db4d-4931-bef3-895243f3807b --><!-- BEGIN app snippet: log-debug -->
1661<script> 1662 window.logDebug = (LogLevel, message) => { 1663 const mergnLogLevel = localStorage.getItem('mergnDebugLevel'); 1664 1665 if (!mergnLogLevel || mergnLogLevel == 0) return; 1666 1667 if (mergnLogLevel >= 3) { 1668 if (LogLevel == 1) { 1669 console.info(`INFO: ${new Date().toISOString()}`, message); 1670 } else if (LogLevel === 2) { 1671 console.trace(`ERROR: ${new Date().toISOString()}`, message); 1672 } 1673 } else if (mergnLogLevel == 1 && LogLevel == 1) { 1674 console.info(`INFO: ${new Date().toISOString()}`, message); 1675 } else if (mergnLogLevel == 2 && LogLevel == 2) { 1676 console.trace(`ERROR: ${new Date().toISOString()}`, message); 1677 } 1678 }; 1679</script>
1679 1680<!-- END app snippet --> 1681
1682<script> 1683 (function () { 1684 1685 1686 1687 const apiKey = "789ae15m440rgn3ca02aa9abf28bdf475ae6f8c4320379f4fd6e90d34c791e486efd865"; 1688 1689 if (apiKey) { 1690 const script = document.createElement('script'); 1691 script.src = 'https://cdn.jsdelivr.net/npm/mergn-webapp-sdk@latest/dist/index.global.js'; 1692 script.async = true; 1693 1694 script.onload = function () { 1695 window.mergn.init(apiKey, { 1696 shopify: true, 1697 isExtensionSW: true, 1698 }); 1699 1700 // The SDK loads asynchronously, so customer attributes captured during 1701 // page parse are queued on window and flushed here, after init. 1702 var c = window.__mergnCustomer; 1703 if (c && !window.__mergnCustomerSent && typeof window.mergn.recordAttribute === 'function') { 1704 window.__mergnCustomerSent = true; 1705 if (c.email) window.mergn.recordAttribute('Email', c.email); 1706 if (c.firstName) window.mergn.recordAttribute('first-name', c.firstName); 1707 if (c.lastName) window.mergn.recordAttribute('last-name', c.lastName); 1708 if (c.phone) window.mergn.recordAttribute('Mobile', c.phone); 1709 } 1710 }; 1711 1712 document.head.appendChild(script); 1713 } 1714 })(); 1715</script>
1715 1716 1717<!-- BEGIN app snippet: tags -->
1717<script> 1718 (function () { 1719 // Load existing tags map from localStorage (if any) 1720 const storedTagsMap = localStorage.getItem("productTagsMap"); 1721 window.productTagsMap = storedTagsMap ? JSON.parse(storedTagsMap) : {}; 1722 1723 // Helper to save/update localStorage 1724 function saveTagsMap() { 1725 localStorage.setItem("productTagsMap", JSON.stringify(window.productTagsMap)); 1726 if (typeof logDebug === "function") { 1727 logDebug(1, "Product tags saved to localStorage for page page"); 1728 logDebug(1, window.productTagsMap); 1729 } 1730 } 1731 1732 1733 1734 saveTagsMap(); 1735 })(); 1736</script>
1736 1737<!-- END app snippet --> 1738 1739 1740<!-- BEGIN app snippet: discount-banner --><style> 1741 .mergn-db { 1742 position: fixed; 1743 z-index: 2147483000; 1744 font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif; 1745 line-height: 1.4; 1746 transition: transform 220ms ease, opacity 220ms ease; 1747 background: #0f172a; 1748 color: #ffffff; 1749 } 1750 1751 .mergn-db--top { top: 16px; right: 16px; } 1752 .mergn-db--bottom { bottom: 16px; right: 16px; } 1753 1754 .mergn-db--toast { 1755 display: flex; 1756 align-items: flex-start; 1757 gap: 12px; 1758 width: 360px; 1759 max-width: calc(100vw - 32px); 1760 padding: 14px 16px; 1761 border-radius: 12px; 1762 box-shadow: 0 12px 32px rgba(0, 0, 0, 0.28); 1763 border: 1px solid rgba(255, 255, 255, 0.06); 1764 } 1765 1766 .mergn-db__icon { 1767 flex: 0 0 auto; 1768 width: 34px; 1769 height: 34px; 1770 border-radius: 50%; 1771 display: grid; 1772 place-items: center; 1773 background: rgba(232, 121, 74, 0.18); 1774 font-size: 17px; 1775 } 1776 1777 .mergn-db__content { flex: 1; min-width: 0; } 1778 1779 .mergn-db__title { 1780 font-weight: 700; 1781 font-size: 15px; 1782 color: #5fbfa9; 1783 letter-spacing: 0.2px; 1784 margin: 0 0 2px; 1785 } 1786 1787 .mergn-db__body { 1788 font-size: 14px; 1789 opacity: 0.92; 1790 margin: 0; 1791 } 1792 1793 .mergn-db__code { 1794 display: inline-block; 1795 margin-top: 8px; 1796 padding: 3px 10px; 1797 border-radius: 999px; 1798 background: rgba(255, 255, 255, 0.12); 1799 font-weight: 700; 1800 font-size: 12px; 1801 letter-spacing: 0.6px; 1802 } 1803 1804 .mergn-db__close { 1805 background: #e8794a; 1806 color: #ffffff; 1807 border: 0; 1808 border-radius: 6px; 1809 padding: 7px 14px; 1810 font-size: 12px; 1811 font-weight: 600; 1812 cursor: pointer; 1813 white-space: nowrap; 1814 align-self: flex-start; 1815 } 1816 1817 .mergn-db--pill { 1818 display: inline-flex; 1819 align-items: center; 1820 gap: 8px; 1821 padding: 8px 10px 8px 12px; 1822 border-radius: 999px; 1823 box-shadow: 0 8px 22px rgba(0, 0, 0, 0.22); 1824 border: 1px solid rgba(255, 255, 255, 0.08); 1825 cursor: pointer; 1826 font-size: 13px; 1827 } 1828 1829 .mergn-db--pill:hover { transform: translateY(-1px); } 1830 1831 .mergn-db__pill-icon { font-size: 14px; } 1832 1833 .mergn-db__pill-code { 1834 font-weight: 700; 1835 color: #5fbfa9; 1836 letter-spacing: 0.4px; 1837 } 1838 1839 .mergn-db__pill-close { 1840 background: transparent; 1841 border: 0; 1842 color: inherit; 1843 opacity: 0.55; 1844 cursor: pointer; 1845 font-size: 16px; 1846 line-height: 1; 1847 padding: 0 2px 0 6px; 1848 } 1849 1850 .mergn-db__pill-close:hover { opacity: 1; } 1851 1852 .mergn-db--entering { opacity: 0; transform: translateY(20px); } 1853 .mergn-db--leaving { opacity: 0; transform: translateY(20px); } 1854 1855 @media (max-width: 640px) { 1856 .mergn-db--toast { width: auto; left: 16px; right: 16px; } 1857 } 1858</style> 1859
1860<script> 1861 (function () { 1862 "use strict"; 1863 1864 var SETTINGS = { 1865 position: "top", 1866 autoDismissSeconds: 8, 1867 buttonText: "Got it", 1868 useStub: false 1869 }; 1870 1871 var API_BASE = "https://api.mergn.com/sdk-management"; 1872 var ATTRIBUTES_PATH = "/api/v2/event/customer/{id}/attributes"; 1873 var CUSTOMER_LS_KEY = "customer"; 1874 var STATE_KEY = "mergn_discount_banner_v1"; 1875 var MAX_IDENTITY_RETRIES = 3; 1876 var IDENTITY_RETRY_MS = 1500; 1877 1878 function readState() { 1879 try { 1880 var raw = sessionStorage.getItem(STATE_KEY); 1881 return raw ? JSON.parse(raw) : null; 1882 } catch (_) { return null; } 1883 } 1884 1885 function writeState(state) { 1886 try { sessionStorage.setItem(STATE_KEY, JSON.stringify(state)); } catch (_) {} 1887 } 1888 1889 function clearState() { 1890 try { sessionStorage.removeItem(STATE_KEY); } catch (_) {} 1891 } 1892 1893 function init(retriesLeft) { 1894 var params = new URLSearchParams(window.location.search); 1895 var isMergn = params.get("utm_source") === "mergn"; 1896 var voucherCode = params.get("discount_applied"); 1897 var campaignId = params.get("utm_campaign"); 1898 1899 var stored = readState(); 1900 1901 // A new Mergn link with a different code overrides any prior session state. 1902 if (isMergn && voucherCode && stored && stored.code !== voucherCode) { 1903 clearState(); 1904 stored = null; 1905 } 1906 1907 if (stored && stored.state === "dismissed") return; 1908 1909 if (stored && stored.state === "pill" && stored.code) { 1910 renderPill({ code: stored.code, firstName: stored.firstName, campaignId: stored.campaignId }); 1911 return; 1912 } 1913 1914 if (!isMergn || !voucherCode) return; 1915 1916 var customerId = null; 1917 try { customerId = localStorage.getItem(CUSTOMER_LS_KEY); } catch (_) {} 1918 1919 if (!customerId) { 1920 if (retriesLeft > 0) { 1921 setTimeout(function () { init(retriesLeft - 1); }, IDENTITY_RETRY_MS); 1922 } 1923 return; 1924 } 1925 1926 var appliedCheck = SETTINGS.useStub 1927 ? Promise.resolve(isStubCodeValid(voucherCode)) 1928 : isVoucherAppliedOnCart(voucherCode); 1929 1930 appliedCheck 1931 .then(function (applied) { 1932 if (!applied) return null; 1933 return fetchCustomerAttributes(customerId); 1934 }) 1935 .then(function (attributes) { 1936 if (attributes === null) return; 1937 renderToast({ 1938 code: voucherCode, 1939 campaignId: campaignId, 1940 firstName: pickFirstName(attributes || {}) 1941 }); 1942 }) 1943 .catch(function () {}); 1944 } 1945 1946 function fetchCustomerAttributes(customerId) { 1947 if (SETTINGS.useStub) return Promise.resolve({ "first-name": "Hamza" }); 1948 var apiKey = "789ae15m440rgn3ca02aa9abf28bdf475ae6f8c4320379f4fd6e90d34c791e486efd865"; 1949 var url = API_BASE + ATTRIBUTES_PATH.replace("{id}", encodeURIComponent(customerId)); 1950 return fetch(url, { 1951 method: "GET", 1952 headers: { "Authorization": apiKey, "Accept": "application/json" } 1953 }) 1954 .then(function (r) { return r.ok ? r.json() : null; }) 1955 .then(function (res) { 1956 if (!res) return {}; 1957 return res.data || res; 1958 }) 1959 .catch(function () { return {}; }); 1960 } 1961 1962 function pickFirstName(attrs) { 1963 if (!attrs) return ""; 1964 var candidates = ["first-name", "first_name", "firstName", "FirstName", "First-Name", "First Name"]; 1965 for (var i = 0; i < candidates.length; i++) { 1966 var v = attrs[candidates[i]]; 1967 if (typeof v === "string" && v.trim()) return v.trim(); 1968 } 1969 var fullCandidates = ["full name", "full-name", "full_name", "fullName", "name"]; 1970 for (var j = 0; j < fullCandidates.length; j++) { 1971 var fv = attrs[fullCandidates[j]]; 1972 if (typeof fv === "string" && fv.trim()) return fv.trim().split(/\s+/)[0]; 1973 } 1974 return ""; 1975 } 1976 1977 function isStubCodeValid(code) { 1978 if (!code) return false; 1979 var c = String(code).toUpperCase(); 1980 var bad = ["INVALID", "EXPIRED", "USED", "WRONG"]; 1981 for (var i = 0; i < bad.length; i++) { 1982 if (c.indexOf(bad[i]) !== -1) return false;
1983 } 1984 return true; 1985 } 1986 1987 function isVoucherAppliedOnCart(voucherCode) { 1988 return fetch("/cart.js", { credentials: "same-origin", headers: { "Accept": "application/json" } }) 1989 .then(function (r) { return r.ok ? r.json() : null; }) 1990 .then(function (cart) { 1991 if (!cart) return false; 1992 var codes = Array.isArray(cart.discount_codes) ? cart.discount_codes : []; 1993 var match = codes.find ? codes.find(function (d) { return d && d.code === voucherCode; }) : null; 1994 if (!match) return false; 1995 if (typeof match.applicable === "boolean") return match.applicable; 1996 return true; 1997 }) 1998 .catch(function () { return false; }); 1999 } 2000 2001 function positionClass() { 2002 return SETTINGS.position === "top" ? "mergn-db--top" : "mergn-db--bottom"; 2003 } 2004 2005 function renderToast(data) { 2006 var existing = document.querySelector(".mergn-db"); 2007 if (existing && existing.parentNode) existing.parentNode.removeChild(existing); 2008 2009 var el = document.createElement("div"); 2010 el.className = "mergn-db mergn-db--toast " + positionClass() + " mergn-db--entering"; 2011 2012 var icon = document.createElement("div"); 2013 icon.className = "mergn-db__icon"; 2014 icon.textContent = "ð"; 2015 2016 var content = document.createElement("div"); 2017 content.className = "mergn-db__content"; 2018 2019 var title = document.createElement("div"); 2020 title.className = "mergn-db__title"; 2021 title.textContent = (data.firstName ? "Hi " + data.firstName + "! " : "") + "your discount is applied"; 2022 2023 var body = document.createElement("div"); 2024 body.className = "mergn-db__body"; 2025 body.textContent = "Will be applied at checkout."; 2026 2027 var codeChip = document.createElement("span"); 2028 codeChip.className = "mergn-db__code"; 2029 codeChip.textContent = data.code; 2030 2031 content.appendChild(title); 2032 content.appendChild(body); 2033 content.appendChild(codeChip); 2034 2035 var close = document.createElement("button"); 2036 close.type = "button"; 2037 close.className = "mergn-db__close"; 2038 close.textContent = SETTINGS.buttonText || "Got it"; 2039 close.addEventListener("click", function () { collapseToPill(el, data); }); 2040 2041 el.appendChild(icon); 2042 el.appendChild(content); 2043 el.appendChild(close); 2044 document.body.appendChild(el); 2045 2046 requestAnimationFrame(function () { el.classList.remove("mergn-db--entering"); }); 2047 2048 var seconds = Number(SETTINGS.autoDismissSeconds); 2049 if (seconds > 0) setTimeout(function () { collapseToPill(el, data); }, seconds * 1000); 2050 } 2051 2052 function collapseToPill(toastEl, data) { 2053 if (!toastEl || !toastEl.parentNode) return; 2054 writeState({ 2055 state: "pill", 2056 code: data.code, 2057 firstName: data.firstName, 2058 campaignId: data.campaignId 2059 }); 2060 toastEl.classList.add("mergn-db--leaving"); 2061 setTimeout(function () { 2062 if (toastEl.parentNode) toastEl.parentNode.removeChild(toastEl); 2063 renderPill(data); 2064 }, 220); 2065 } 2066 2067 function renderPill(data) { 2068 if (document.querySelector(".mergn-db--pill")) return; 2069 2070 var el = document.createElement("div"); 2071 el.className = "mergn-db mergn-db--pill " + positionClass() + " mergn-db--entering"; 2072 2073 var icon = document.createElement("span"); 2074 icon.className = "mergn-db__pill-icon"; 2075 icon.textContent = "ð"; 2076 2077 var label = document.createElement("span"); 2078 var codeSpan = document.createElement("span"); 2079 codeSpan.className = "mergn-db__pill-code"; 2080 codeSpan.textContent = data.code; 2081 label.appendChild(codeSpan); 2082 label.appendChild(document.createTextNode(" applied")); 2083 2084 var close = document.createElement("button"); 2085 close.type = "button"; 2086 close.className = "mergn-db__pill-close"; 2087 close.setAttribute("aria-label", "Dismiss"); 2088 close.textContent = "Ã"; 2089 close.addEventListener("click", function (e) { 2090 e.stopPropagation(); 2091 writeState({ state: "dismissed", code: data.code }); 2092 dismissEl(el); 2093 }); 2094 2095 el.addEventListener("click", function () { 2096 if (el.parentNode) el.parentNode.removeChild(el); 2097 renderToast(data); 2098 }); 2099 2100 el.appendChild(icon); 2101 el.appendChild(label); 2102 el.appendChild(close); 2103 document.body.appendChild(el); 2104 2105 requestAnimationFrame(function () { el.classList.remove("mergn-db--entering"); }); 2106 } 2107 2108 function dismissEl(el) { 2109 if (!el || !el.parentNode) return;
2110 el.classList.add("mergn-db--leaving"); 2111 setTimeout(function () { if (el.parentNode) el.parentNode.removeChild(el); }, 220); 2112 } 2113 2114 if (document.readyState === "loading") { 2115 document.addEventListener("DOMContentLoaded", function () { init(MAX_IDENTITY_RETRIES); }); 2116 } else { 2117 init(MAX_IDENTITY_RETRIES); 2118 } 2119 })(); 2120</script>
2120 2121<!-- END app snippet --> 2122 2123 2124 2125 2126<!-- END app block -->
2126<script src="https://cdn.shopify.com/extensions/01a0fd03-c455-7b82-9766-74101e55572c/judgeme-771/assets/loader.js" type="text/javascript" defer="defer"></script>
vendor: 1 bytes, line 2126
2126
2127<script src="https://cdn.shopify.com/extensions/01a0eb5b-13b6-751a-b6c1-a42e5b9b7333/affliate-by-secomapp-128/assets/core.min.js" type="text/javascript" defer="defer"></script>
vendor: 1 bytes, line 2127
2127
2128<script src="https://cdn.shopify.com/extensions/01a0eb5b-13b6-751a-b6c1-a42e5b9b7333/affliate-by-secomapp-128/assets/customer-referral.js" type="text/javascript" defer="defer"></script>
2128 2129<link href="https://monorail-edge.shopifysvc.com" rel="dns-prefetch">
2130<script>(function(){if ("sendBeacon" in navigator && "performance" in window) {try {var session_token_from_headers = performance.getEntriesByType('navigation')[0].serverTiming.find(x => x.name == '_s').description;} catch {var session_token_from_headers = undefined;}var session_cookie_matches = document.cookie.match(/_shopify_s=([^;]*)/);var session_token_from_cookie = session_cookie_matches && session_cookie_matches.length === 2 ? session_cookie_matches[1] : "";var session_token = session_token_from_headers || session_token_from_cookie || "";function handle_abandonment_event(e) {var entries = performance.getEntries().filter(function(entry) {return /monorail-edge.shopifysvc.com/.test(entry.name);});if (!window.abandonment_tracked && entries.length === 0) {window.abandonment_tracked = true;var currentMs = Date.now();var navigation_start = performance.timing.navigationStart;var payload = {shop_id: 50975506593,url: window.location.href,navigation_start,duration: currentMs - navigation_start,session_token,page_type: "page"};window.navigator.sendBeacon("https://monorail-edge.shopifysvc.com/v1/produce", JSON.stringify({schema_id: "online_store_buyer_site_abandonment/1.1",payload: payload,metadata: {event_created_at_ms: currentMs,event_sent_at_ms: currentMs}}));}}window.addEventListener('pagehide', handle_abandonment_event);}}());</script>
vendor: 1 bytes, line 2130
2130
2131<script> 2132 window.__TREKKIE_SHIM_QUEUE = window.__TREKKIE_SHIM_QUEUE || []; 2133</script>
vendor: 1 bytes, line 2133
2133
2134<script>(function(){var wpmLoader=function(){"use strict";var e=/Googlebot|Storebot-Google|bingbot|Baiduspider|YandexBot|DuckDuckBot|Slurp|facebookexternalhit|Twitterbot|LinkedInBot|Applebot|AdsBot-Google|Mediapartners-Google|APIs-Google|PetalBot|SemrushBot|AhrefsBot|MJ12bot|DotBot|Acunetix|PerplexityBot|Perplexity-User/i,t=/bytedance/i;function i(){try{var e=document.cookie;if(!e||"string"!=typeof e)return;for(var t=0,i=e.split(";");t<i.length;t++){var n=i[t],r=n.indexOf("=");if(-1!==r){var o=n.slice(0,r).trim();if(o){var a=void 0;try{a=decodeURIComponent(o)}catch(e){a=o}if("_shopify_s"===a){var d=n.slice(r+1).trim();try{return decodeURIComponent(d)}catch(e){return d}}}}}return}catch(e){return}}function n(e){try{"undefined"!=typeof console&&"function"==typeof console.warn&&console.warn(e)}catch(e){}}function r(e,t){return"string"==typeof e&&e.length>0&&e.length<=t?e:void 0}function o(e){var t;switch(null==(t=null==e?void 0:e.navigation)?void 0:t.type){case 0:return"navigate";case 1:return"reload";case 2:return"back_forward";default:return}}function a(){var e,t,i;try{var n=null==(i=null==(t=null==(e=self.ShopifyAnalytics)?void 0:e.lib)?void 0:t.trekkie)?void 0:i.state;return"awaiting-consent"===n||"initialized"===n?n:void 0}catch(e){return}}return function(d,s,u,l){var c=arguments.length>4&&void 0!==arguments[4]?arguments[4]:{};try{var p=c.trekkieShim;!0!==p&&"true"!==p||null!=window.__TREKKIE_SHIM_QUEUE||(window.__TREKKIE_SHIM_QUEUE=[])}catch(e){}var f,v,h,y,g=(v=(f={modern:/Edge?\/(1{2}[4-9]|1[2-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Firefox\/(1{2}[4-9]|1[2-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Chrom(ium|e)\/(9{2}|\d{3,})\.\d+(\.\d+|)|(Maci|X1{2}).+ Version\/(15\.\d+|(1[6-9]|[2-9]\d|\d{3,})\.\d+)([,.]\d+|)( \(\w+\)|)( Mobile\/\w+|) Safari\/|Chrome.+OPR\/(9{2}|\d{3,})\.\d+\.\d+|(CPU[ +]OS|iPhone[ +]OS|CPU[ +]iPhone|CPU IPhone OS|CPU iPad OS)[ +]+(15[._]\d+|(1[6-9]|[2-9]\d|\d{3,})[._]\d+)([._]\d+|)|Android:?[ /-](14[89]|1[5-9]\d|[2-9]\d{2}|\d{4,})(\.\d+|)(\.\d+|)|Android.+Firefox\/(15\d|1[6-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+Chrom(ium|e)\/(14[89]|1[5-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|SamsungBrowser\/([2-9]\d|\d{3,})\.\d+/,legacy:/Edge?\/(1[6-9]|[2-9]\d|\d{3,})\.\d+(\.\d+|)|Firefox\/(5[4-9]|[6-9]\d|\d{3,})\.\d+(\.\d+|)|Chrom(ium|e)\/(5[1-9]|[6-9]\d|\d{3,})\.\d+(\.\d+|)([\d.]+$|.*Safari\/(?![\d.]+ Edge\/[\d.]+$))|(Maci|X1{2}).+ Version\/(10\.\d+|(1[1-9]|[2-9]\d|\d{3,})\.\d+)([,.]\d+|)( \(\w+\)|)( Mobile\/\w+|) Safari\/|Chrome.+OPR\/(3[89]|[4-9]\d|\d{3,})\.\d+\.\d+|(CPU[ +]OS|iPhone[ +]OS|CPU[ +]iPhone|CPU IPhone OS|CPU iPad OS)[ +]+(10[._]\d+|(1[1-9]|[2-9]\d|\d{3,})[._]\d+)([._]\d+|)|Android:?[ /-](14[89]|1[5-9]\d|[2-9]\d{2}|\d{4,})(\.\d+|)(\.\d+|)|Mobile Safari.+OPR\/([89]\d|\d{3,})\.\d+\.\d+|Android.+Firefox\/(15\d|1[6-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+Chrom(ium|e)\/(14[89]|1[5-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+(UC? ?Browser|UCWEB|U3)[ /]?(15\.([5-9]|\d{2,})|(1[6-9]|[2-9]\d|\d{3,})\.\d+)\.\d+|SamsungBrowser\/(5\.\d+|([6-9]|\d{2,})\.\d+)|Android.+MQ{2}Browser\/(14(\.(9|\d{2,})|)|(1[5-9]|[2-9]\d|\d{3,})(\.\d+|))(\.\d+|)|K[Aa][Ii]OS\/(3\.\d+|([4-9]|\d{2,})\.\d+)(\.\d+|)/}).modern,h=f.legacy,(y=navigator.userAgent).match(e)?"bot":y.match(v)?"modern":y.match(h)?"legacy":y.match(t)?"bot":"unknown"),m=function(e){var t,i,n=r(e,128);try{var a=window.performance,d=null==(t=null==a?void 0:a.getEntriesByType)?void 0:t.call(a,"navigation")[0];if(!d)return{requestId:n,navigationType:o(a)};var s="type"in d?r(d.type,64):void 0,u="serverTiming"in d&&Array.isArray(d.serverTiming)?d.serverTiming:[];return{requestId:null!=n?n:r(null==(i=u.find(function(e){return"requestID"===e.name}))?void 0:i.description,128),navigationType:s}}catch(e){return{requestId:n}}}(c.requestId),w=function(e){var t=e.version,r=e.browserTarget,o=e.surface,a=e.shopId,d=e.monorailEndpoint,s=window.location.href;return{emit:function(e){var u=e.status,l=e.errorMsg,c=e.failureReason,p=e.useKeepaliveFallback,f=void 0!==p&&p,v=e.navigationType,h=e.pagehidePersisted,y=e.requestId,g=e.trekkieState;if(d){var m,w;try{var b=(new Date).getTime();m=JSON.stringify({metadata:{event_sent_at_ms:b},events:[{schema_id:"web_pixels_manager_load/3.3",payload:{version:t,bundle_target:r,page_url:s,status:u,surface:o,error_msg:l,failure_reason:c,navigation_type:v,pagehide_persisted:h,request_id:y,trekkie_state:g,shop_id:a,visit_token:i()},metadata:{event_created_at_ms:b}}]})}catch(e){return}try{if("function"==typeof window.navigator.sendBeacon&&-1===(w=window.navigator.userAgent).indexOf("iPhone; CPU iPhone OS 12_")&&-1===w.indexOf("iPad; CPU OS 12_")&&-1===w.indexOf("iPod touch; CPU iPhone OS 12_")&&window.navigator.sendBeacon.bind(window.navigator)(d,m))return}catch(e){}if(f)try{"function"==typeof window.fetch&&window.fetch(d,{method:"POST",headers:{"Content-Type":"text/plain"},body:m,keepalive:!0}
2134).catch(function(){})}catch(e){}else try{var _=new XMLHttpRequest;_.open("POST",d,!0),_.setRequestHeader("Content-Type","text/plain"),_.send(m)}catch(e){n("[Web Pixels Manager] Got an unhandled error while logging to Monorail.")}}else n("[Web Pixels Manager] No Monorail endpoint provided, skipping logging.")}}}({version:u,browserTarget:g,surface:d.surface,shopId:d.shopId,monorailEndpoint:d.monorailEndpoint});if(Boolean(null==(_=null==(b=window.Shopify)?void 0:b.analytics)?void 0:_.replayQueue))w.emit({status:"setup-skipped",errorMsg:"replay queue already initialized."});else{var b,_;w.emit({status:"setup-started"}),window.Shopify=window.Shopify||{};var S=window.Shopify;S.analytics=S.analytics||{};var P=S.analytics;P.replayQueue=[],P.publish=function(e,t,i){return P.replayQueue.push([e,t,i]),!0};try{self.performance.mark("wpm:start")}catch(e){}var k,C="modern"===g?"modern":"legacy",E=(null!=l?l:{modern:"",legacy:""})[C],I=[(k={baseUrl:s,hashVersion:u,buildTarget:C}).baseUrl,"/wpm","/b",k.hashVersion,"modern"===k.buildTarget?"m":"l",".js"].join(""),O=!1,T=!1;try{c.browserTarget=g,function(){O=!0;try{window.addEventListener("pagehide",M)}catch(e){O=!1}}(),R(function(){try{R(x)}catch(e){D(e)}}),w.emit({status:"loading",requestId:m.requestId,navigationType:m.navigationType,trekkieState:a()})}catch(e){D(e)}}function U(){var e;if(q(),!function(){var e,t;return Boolean(null==(t=null==(e=window.Shopify)?void 0:e.analytics)?void 0:t.initialized)}()){var t,i,n;try{if("function"!=typeof(null==(e=window.webPixelsManager)?void 0:e.init))return void A();if(!(null!==(n=i=t=window.webPixelsManager.init(d))&&"function"!=typeof n&&Object(n)===n&&"publish"in i&&"function"==typeof i.publish&&"publishCustomEvent"in i&&"function"==typeof i.publishCustomEvent&&"visitor"in i&&"function"==typeof i.visitor))return void A()}catch(e){return void A(e)}var r=window.Shopify.analytics;r.replayQueue.forEach(function(e){var i=e[0],n=e[1],r=e[2];t.publishCustomEvent(i,n,r)}),r.replayQueue=[],r.publish=t.publishCustomEvent,r.visitor=t.visitor,r.initialized=!0}}function A(e){B("manager_api_unavailable",void 0===e?void 0:Q(e))}function x(){B("script_load_failed","".concat(I," has failed to load"))}function B(e,t){T||(T=!0,q(),w.emit({status:"failed",errorMsg:t,failureReason:e,requestId:m.requestId,navigationType:m.navigationType,trekkieState:a()}))}function M(e){O&&(q(),w.emit({status:"pagehide-while-loading",useKeepaliveFallback:!0,pagehidePersisted:e.persisted,requestId:m.requestId,navigationType:m.navigationType,trekkieState:a()}))}function q(){O=!1;try{window.removeEventListener("pagehide",M)}catch(e){}}function R(e){var t;!function(e){var t=e.src,i=e.async,n=void 0===i||i,r=e.onload,o=e.onerror,a=e.sri,d=e.scriptDataAttributes,s=void 0===d?{}:d,u=document.createElement("script"),l=document.querySelector("head"),c=document.querySelector("body");if(u.async=n,u.src=t,a&&(u.integrity=a,u.crossOrigin="anonymous"),s)for(var p in s)if(Object.prototype.hasOwnProperty.call(s,p))try{u.dataset[p]=String(s[p])}catch(e){}if(r&&u.addEventListener("load",r),o&&u.addEventListener("error",o),l)l.appendChild(u);else{if(!c)throw new Error("Did not find a head or body element to append the script");c.appendChild(u)}}({src:I,async:!0,onload:U,onerror:e,sri:(t=E,"string"==typeof t&&/^sha384-[A-Za-z0-9+/=]+$/.test(t)?E:""),scriptDataAttributes:c})}function D(e){B("script_append_failed",Q(e))}function Q(e){return e instanceof Error?e.message:"Unknown error"}}}();wpmLoader({shopId: 50975506593,storefrontBaseUrl: "https://cozmetica.pk",extensionsBaseUrl: "https://extensions.shopifycdn.com/cdn/shopifycloud/web-pixels-manager",monorailEndpoint: "https://cozmetica.pk/.well-known/shopify/monorail/unstable/produce_batch",surface: "storefront-renderer",enabledBetaFlags: ["4c64608a","16072cab","8450a54b","7ee89bf1"],webPixelsConfigList: [{"id":"2098659489","configuration":"{\"pixelCode\":\"D7L3MURC77U72MIL9O4G\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"22e92c2ad45662f435e4801458fb78cc","type":"APP","apiClientId":4383523,"privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized"}
2134,{"id":"1718386849","configuration":"{\"config\":\"{\\\"google_tag_ids\\\":[\\\"G-8L3WSRWTLR\\\",\\\"AW-591630570\\\",\\\"GT-TWQZDV2T\\\"],\\\"target_country\\\":\\\"PK\\\",\\\"gtag_events\\\":[{\\\"type\\\":\\\"begin_checkout\\\",\\\"action_label\\\":[\\\"G-8L3WSRWTLR\\\",\\\"AW-591630570\\\/YKiiCJ3f2dwcEOqhjpoC\\\"]},{\\\"type\\\":\\\"search\\\",\\\"action_label\\\":\\\"G-8L3WSRWTLR\\\"},{\\\"type\\\":\\\"remove_from_cart\\\",\\\"action_label\\\":\\\"G-8L3WSRWTLR\\\"},{\\\"type\\\":\\\"view_item\\\",\\\"action_label\\\":[\\\"G-8L3WSRWTLR\\\",\\\"MC-7Y7E3VTPCK\\\"]},{\\\"type\\\":\\\"add_shipping_info\\\",\\\"action_label\\\":\\\"G-8L3WSRWTLR\\\"},{\\\"type\\\":\\\"purchase\\\",\\\"action_label\\\":[\\\"G-8L3WSRWTLR\\\",\\\"AW-591630570\\\/7eELCIKZ1NwcEOqhjpoC\\\",\\\"MC-7Y7E3VTPCK\\\"]},{\\\"type\\\":\\\"page_view\\\",\\\"action_label\\\":[\\\"G-8L3WSRWTLR\\\",\\\"AW-591630570\\\/VpHYCKPf2dwcEOqhjpoC\\\",\\\"MC-7Y7E3VTPCK\\\"]},{\\\"type\\\":\\\"view_item_list\\\",\\\"action_label\\\":\\\"G-8L3WSRWTLR\\\"},{\\\"type\\\":\\\"add_payment_info\\\",\\\"action_label\\\":\\\"G-8L3WSRWTLR\\\"},{\\\"type\\\":\\\"add_to_cart\\\",\\\"action_label\\\":[\\\"G-8L3WSRWTLR\\\",\\\"AW-591630570\\\/haU2CKDf2dwcEOqhjpoC\\\"]},{\\\"type\\\":\\\"view_cart\\\",\\\"action_label\\\":\\\"G-8L3WSRWTLR\\\"}],\\\"enable_monitoring_mode\\\":false}\"}","eventPayloadVersion":"v1","runtimeContext":"OPEN","scriptVersion":"a3321ca85cf5aaf6b57585fcd8d67b3a","type":"APP","apiClientId":1780363,"privacyPurposes":[],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized","enabledFlags":["9a3ed68a"]},{"id":"1022263457","configuration":"{\"pixel_id\":\"3501517379993498\",\"pixel_type\":\"facebook_pixel\"}","eventPayloadVersion":"v1","runtimeContext":"OPEN","scriptVersion":"96420dbe9ea96c426a1b7f364f977719","type":"APP","apiClientId":2329312,"privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized","enabledFlags":["9a3ed68a"]},{"id":"852230305","configuration":"{\"shopId\":\"215455\",\"env\":\"production\",\"metaData\":\"[]\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"8323bee30e1ec3ae135ae5e0cef4ab6d","type":"APP","apiClientId":2773553,"privacyPurposes":[],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"unrestricted"},{"id":"809697441","configuration":"{\"webPixelName\":\"Judge.me\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"8acc938b1a30dc7624e304493ca567d7","type":"APP","apiClientId":683015,"privacyPurposes":["ANALYTICS"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"unrestricted"},{"id":"732135585","configuration":"{\"accountID\":\"84060490-da58-46c0-bbd2-45ce30248e20\",\"apiKey\":\"789ae15m440rgn3ca02aa9abf28bdf475ae6f8c4320379f4fd6e90d34c791e486efd865\",\"events\":\"[{\\\"id\\\":\\\"1\\\",\\\"event\\\":\\\"cart_viewed\\\"},{\\\"event\\\":\\\"checkout_address_info_submitted\\\",\\\"id\\\":\\\"2\\\"},{\\\"event\\\":\\\"checkout_completed\\\",\\\"id\\\":\\\"3\\\"},{\\\"event\\\":\\\"checkout_contact_info_submitted\\\",\\\"id\\\":\\\"4\\\"},{\\\"event\\\":\\\"checkout_shipping_info_submitted\\\",\\\"id\\\":\\\"5\\\"},{\\\"event\\\":\\\"checkout_started\\\",\\\"id\\\":\\\"6\\\"},{\\\"event\\\":\\\"collection_viewed\\\",\\\"id\\\":\\\"7\\\"},{\\\"event\\\":\\\"page_viewed\\\",\\\"id\\\":\\\"8\\\"},{\\\"event\\\":\\\"payment_info_submitted\\\",\\\"id\\\":\\\"9\\\"},{\\\"event\\\":\\\"product_added_to_cart\\\",\\\"id\\\":\\\"10\\\"},{\\\"event\\\":\\\"product_removed_from_cart\\\",\\\"id\\\":\\\"11\\\"},{\\\"event\\\":\\\"product_viewed\\\",\\\"id\\\":\\\"12\\\"},{\\\"event\\\":\\\"search_submitted\\\",\\\"id\\\":\\\"13\\\"}]\",\"selectedEvents\":\"{\\\"cart_viewed\\\":{\\\"id\\\":\\\"1\\\",\\\"active\\\":true},\\\"checkout_address_info_submitted\\\":{\\\"id\\\":\\\"2\\\",\\\"active\\\":true},\\\"checkout_completed\\\":{\\\"id\\\":\\\"3\\\",\\\"active\\\":true},\\\"checkout_contact_info_submitted\\\":{\\\"id\\\":\\\"4\\\",\\\"active\\\":true},\\\"checkout_shipping_info_submitted\\\":{\\\"id\\\":\\\"5\\\",\\\"active\\\":true},\\\"checkout_started\\\":{\\\"id\\\":\\\"6\\\",\\\"active\\\":true},\\\"collection_viewed\\\":{\\\"id\\\":\\\"7\\\",\\\"active\\\":true},\\\"page_viewed\\\":{\\\"id\\\":\\\"8\\\",\\\"active\\\":true},\\\"payment_info_submitted\\\":{\\\"id\\\":\\\"9\\\",\\\"active\\\":true},\\\"product_added_to_cart\\\":{\\\"id\\\":\\\"10\\\",\\\"active\\\":true},\\\"product_removed_from_cart\\\":{\\\"id\\\":\\\"11\\\",\\\"active\\\":true},\\\"product_viewed\\\":{\\\"id\\\":\\\"12\\\",\\\"active\\\":true},\\\"search_submitted\\\":{\\\"id\\\":\\\"13\\\",\\\"active\\\":true}}\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"4631b514ab9e28557729b938f13ec59a","type":"APP","apiClientId":135399079937,"privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized"},{"id":"shopify-app-pixel","configuration":"{}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"0530","apiClientId":"shopify-pixel","type":"APP","privacyPurposes":["ANALYTICS","MARKETING"]},{"id":"shopify-custom-pixel","eventPayloadVersion":"v1","runtimeContext":"LAX","scriptVersion":"0530","apiClientId":"shopify-pixel","type":"CUSTOM","privacyPurposes":["ANALYTICS","MARKETING"]}],isMerchantRequest: false,initData: {"shop":{"name":"Cozmetica","paymentSettings":{"currencyCode":"PKR"},"myshopifyDomain":"cozmeticaa.myshopify.com","countryCode":"PK","storefrontUrl":"https:\/\/cozmetica.pk"},"customer":null,"cart":null,"checkout":null,"productVariants":[],"products":[{"id":"6860983894177","handle":"maybelline-ny-fit-me-matte-poreless-liquid-foundation","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"42574026342561","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"6000027631777","handle":"artdeco-mineral-eye-styler","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"37465465094305","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"6000067444897","handle":"maybelline-superstay-matte-ink-liquid-lipstick","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"39308386861217","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"5998613397665","handle":"essence-draw-the-line-instant-color-lipliner","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"37459357073569","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]}],"purchasingCompany":null},},"https://cozmetica.pk/cdn","5982071ew7ea472e3p69b68784m2150dfea",{"modern":"","legacy":""},{"trekkieShim":true,"agentContext":true,"apiClientId":"580111","facebookCapiEnabled":"true","themeId":"152094179489","themePublished":"true","eventMetadataId":"2c2a0499-4c8f-486a-85f5-72e98bbc48c3","pageType":"page","resourceId":"73106555041","shopId":"50975506593","storefrontBaseUrl":"https:\/\/cozmetica.pk","extensionBaseUrl":"https:\/\/extensions.shopifycdn.com\/cdn\/shopifycloud\/web-pixels-manager","surface":"storefront-renderer","enabledBetaFlags":"[\"4c64608a\", \"16072cab\", \"8450a54b\", \"7ee89bf1\"]","isMerchantRequest":"false","hashVersion":"5982071ew7ea472e3p69b68784m2150dfea","publish":"custom","events":"[[\"page_viewed\",{}]]"});})();</script>
2134<script> 2135 window.ShopifyAnalytics = window.ShopifyAnalytics || {}; 2136 window.ShopifyAnalytics.meta = window.ShopifyAnalytics.meta || {}; 2137 window.ShopifyAnalytics.meta.currency = 'PKR'; 2138 var meta = {"page":{"pageType":"page","resourceType":"page","resourceId":73106555041,"requestId":"c9e418d1-ae52-47b0-93c1-a7a879e174c3-1791059343"}}; 2139 for (var attr in meta) { 2140 window.ShopifyAnalytics.meta[attr] = meta[attr]; 2141 } 2142</script>
vendor: 1 bytes, line 2142
2142
2143<script class="analytics"> 2144 (function () { 2145 var customDocumentWrite = function(content) { 2146 var jquery = null; 2147 2148 if (window.jQuery) { 2149 jquery = window.jQuery; 2150 } else if (window.Checkout && window.Checkout.$) { 2151 jquery = window.Checkout.$; 2152 } 2153 2154 if (jquery) { 2155 jquery('body').append(content); 2156 } 2157 }; 2158 2159 var hasLoggedConversion = function(token) { 2160 if (token) { 2161 return document.cookie.indexOf('loggedConversion=' + token) !== -1; 2162 } 2163 return false; 2164 } 2165 2166 var setCookieIfConversion = function(token) { 2167 if (token) { 2168 var twoMonthsFromNow = new Date(Date.now()); 2169 twoMonthsFromNow.setMonth(twoMonthsFromNow.getMonth() + 2); 2170 2171 document.cookie = 'loggedConversion=' + token + '; expires=' + twoMonthsFromNow; 2172 } 2173 } 2174 2175 var trekkie = window.ShopifyAnalytics.lib = window.trekkie = window.trekkie || []; 2176 window.ShopifyAnalytics.lib.trekkie = window.trekkie; 2177 if (trekkie.integrations) { 2178 return; 2179 } 2180 trekkie.methods = [ 2181 'identify', 2182 'page', 2183 'ready', 2184 'track', 2185 'trackForm', 2186 'trackLink' 2187 ]; 2188 trekkie.factory = function(method) { 2189 return function() { 2190 var args = Array.prototype.slice.call(arguments); 2191 args.unshift(method); 2192 trekkie.push(args); 2193 if (method == 'track' || method == 'page') { 2194 var pageUrl; 2195 try { 2196 pageUrl = window.location.href; 2197 } catch (e) {} 2198 var pageReferrer; 2199 try { 2200 pageReferrer = document.referrer; 2201 } catch (e) {} 2202 try { 2203 if (window.__TREKKIE_SHIM_QUEUE == null) { 2204 window.__TREKKIE_SHIM_QUEUE = []; 2205 } 2206 window.__TREKKIE_SHIM_QUEUE.push({ 2207 from: 'trekkie-stub', 2208 method: method, 2209 args: args.slice(1), 2210 pageContext: { 2211 url: pageUrl, 2212 referrer: pageReferrer 2213 } 2214 }); 2215 } catch (e) { 2216 // no-op 2217 } 2218 } 2219 return trekkie; 2220 }; 2221 }; 2222 for (var i = 0; i < trekkie.methods.length; i++) { 2223 var key = trekkie.methods[i]; 2224 trekkie[key] = trekkie.factory(key); 2225 } 2226 trekkie.load = function(config) { 2227 trekkie.config = config || {}; 2228 trekkie.config.initialDocumentCookie = document.cookie; 2229 var first = document.getElementsByTagName('script')[0]; 2230var script = document.createElement('script'); 2231script.type = 'text/javascript'; 2232script.onerror = function(e) { 2233 var scriptFallback = document.createElement('script'); 2234 scriptFallback.type = 'text/javascript'; 2235 scriptFallback.onerror = function(error) { 2236 var Monorail = { 2237 produce: function produce(monorailDomain, schemaId, payload) { 2238 var currentMs = new Date().getTime(); 2239 var event = { 2240 schema_id: schemaId, 2241 payload: payload, 2242 metadata: { 2243 event_created_at_ms: currentMs, 2244 event_sent_at_ms: currentMs 2245 } 2246 }; 2247 return Monorail.sendRequest("https://" + monorailDomain + "/v1/produce", JSON.stringify(event)); 2248 }, 2249 sendRequest: function sendRequest(endpointUrl, payload) { 2250 // Try the sendBeacon API 2251 if (window && window.navigator && typeof window.navigator.sendBeacon === 'function' && typeof window.Blob === 'function' && !Monorail.isIos12()) { 2252 var blobData = new window.Blob([payload], { 2253 type: 'text/plain' 2254 }); 2255 2256 if (window.navigator.sendBeacon(endpointUrl, blobData)) { 2257 return true; 2258 } // sendBeacon was not successful 2259 2260 } // XHR beacon 2261 2262 var xhr = new XMLHttpRequest(); 2263 2264 try { 2265 xhr.open('POST', endpointUrl); 2266 xhr.setRequestHeader('Content-Type', 'text/plain'); 2267 xhr.send(payload); 2268 } catch (e) { 2269 console.log(e); 2270 } 2271 2272 return false; 2273 }, 2274 isIos12: function isIos12() { 2275 return window.navigator.userAgent.lastIndexOf('iPhone; CPU iPhone OS 12_') !== -1 || window.navigator.userAgent.lastIndexOf('iPad; CPU OS 12_') !== -1; 2276 } 2277 }; 2278 Monorail.produce('monorail-edge.shopifysvc.com', 2279 'trekkie_storefront_load_errors/1.1', 2280 {shop_id: 50975506593, 2281 theme_id: 152094179489, 2282 app_name: "storefront", 2283 context_url: window.location.href, 2284 source_url: "//cozmetica.pk/cdn/s/trekkie.storefront.2f6d7d7ede7d24234881a9cd5f47e679642fa1f6.min.js"}); 2285 2286 }; 2287 scriptFallback.async = true; 2288 scriptFallback.src = '//cozmetica.pk/cdn/s/trekkie.storefront.2f6d7d7ede7d24234881a9cd5f47e679642fa1f6.min.js'; 2289 first.parentNode.insertBefore(scriptFallback, first); 2290}; 2291script.async = true; 2292script.src = '//cozmetica.pk/cdn/s/trekkie.storefront.2f6d7d7ede7d24234881a9cd5f47e679642fa1f6.min.js'; 2293first.parentNode.insertBefore(script, first); 2294 2295 }; 2296 trekkie.load( 2297 {"Trekkie":{"appName":"storefront","development":false,"defaultAttributes":{"shopId":50975506593,"isMerchantRequest":null,"themeId":152094179489,"themeCityHash":"5255741544704513806","contentLanguage":"en","currency":"PKR","eventMetadataId":"2c2a0499-4c8f-486a-85f5-72e98bbc48c3"},"isServerSideCookieWritingEnabled":true,"monorailRegion":"shop_domain","enabledBetaFlags":["764d78cb","8450a54b","7ee89bf1","4c64608a"]},"Session Attribution":{},"S2S":{"facebookCapiEnabled":true,"source":"trekkie-storefront-renderer","apiClientId":580111}} 2298 ); 2299 2300 var loaded = false;
2301 trekkie.ready(function() { 2302 if (loaded) return; 2303 loaded = true; 2304 2305 window.ShopifyAnalytics.lib = window.trekkie; 2306 2307 var originalDocumentWrite = document.write; 2308 document.write = customDocumentWrite; 2309 try { window.ShopifyAnalytics.merchantGoogleAnalytics.call(this); } catch(error) {}; 2310 document.write = originalDocumentWrite; 2311 2312 var match = window.location.pathname.match(/checkouts\/(.+)\/(thank_you|post_purchase)/) 2313 var token = match? match[1]: undefined; 2314 if (!hasLoggedConversion(token)) { 2315 setCookieIfConversion(token); 2316 2317 } 2318 }); 2319 2320 window.ShopifyAnalytics.lib.page(null,{"pageType":"page","resourceType":"page","resourceId":73106555041,"requestId":"c9e418d1-ae52-47b0-93c1-a7a879e174c3-1791059343","shopifyEmitted":true}); 2321 2322 var eventsListenerScript = document.createElement('script'); 2323 eventsListenerScript.async = true; 2324 eventsListenerScript.src = "//cozmetica.pk/cdn/shopifycloud/storefront/assets/shop_events_listener-4e26a9ce.js"; 2325 document.getElementsByTagName('head')[0].appendChild(eventsListenerScript); 2326})();</script>
vendor: 1 bytes, line 2326
2326
2327<script 2328 defer 2329 src="https://cozmetica.pk/cdn/shopifycloud/perf-kit/shopify-perf-kit-3.9.4.min.js" 2330 data-application="storefront-renderer" 2331 data-shop-id="50975506593" 2332 data-render-region="gcp-us-central1" 2333 data-page-type="page" 2334 data-theme-instance-id="152094179489" 2335 data-theme-name="Horizon" 2336 data-theme-version="4.1.1" 2337 data-monorail-region="shop_domain" 2338 data-resource-timing-sampling-rate="10" 2339 data-shs="true" 2340 data-shs-beacon="true" 2341 data-shs-export-with-fetch="true" 2342 data-shs-logs-sample-rate="1" 2343 data-shs-beacon-endpoint="https://cozmetica.pk/api/collect" 2344></script>
vendor: 1 bytes, line 2344
2344
2345<script src="https://cdn.shopify.com/storefront/web-components/account.js" type="module" crossorigin fetchpriority="low" async></script>
2345<script id="shopify-customer-account-data" type="application/json">{"customer":null,"shop":{"id":"50975506593","customerAccountTranslations":[{"key":"account_menu.signed_out_state.sheet_title","value":"Sign in or create account"},{"key":"account_menu.signed_out_state.section_divider","value":"More ways to sign in"},{"key":"account_menu.signed_out_state.alternate_divider","value":"OR"},{"key":"account_menu.signed_out_state.email_field_label","value":"Email"},{"key":"account_menu.signed_out_state.orders_button","value":"Orders"},{"key":"account_menu.signed_out_state.profile_button","value":"Profile"},{"key":"account_menu.signed_out_state.shop_login_button","value":"Sign in with Shop"},{"key":"account_menu.signed_out_state.continue_with_google","value":"Continue with Google"},{"key":"account_menu.signed_out_state.continue_with_facebook","value":"Continue with Facebook"},{"key":"account_menu.signed_out_state.marketing_consent_label","value":"Email me with news and offers"},{"key":"account_menu.signed_in_state.greeting_with_name","value":"Hi, {{first_name}}"},{"key":"account_menu.signed_in_state.greeting_without_name","value":"Account"},{"key":"account_menu.signed_in_state.orders_button","value":"Orders"},{"key":"account_menu.signed_in_state.profile_button","value":"Profile"},{"key":"account_menu.location_picker.sheet_title","value":"Locations"},{"key":"account_menu.location_picker.search_field_placeholder","value":"Search"},{"key":"account_menu.aria_labels.close_menu","value":"Close menu"},{"key":"account_menu.aria_labels.back_to_main_menu","value":"Back to main menu from {{title}}"},{"key":"account_menu.aria_labels.open_submenu","value":"{{title}}, opens submenu"},{"key":"account_menu.aria_labels.loading_menu","value":"Loading menu"},{"key":"account_menu.aria_labels.account","value":"Account"},{"key":"account_menu.aria_labels.sign_in_with_email","value":"Sign in with email"},{"key":"account_menu.aria_labels.sign_in","value":"Sign in"}],"socialLoginProviders":[{"handle":"Shop"}],"legacyCustomerAccounts":false,"signInLinksVisible":true,"b2bEnabled":false,"marketingConsentSigninEnabled":true,"marketingConsentPreselected":true},"visitor":{"country":"PK","language":"en"}}</script>
2345 2346<meta name="shopify-y" content="3d1b1f86-cfef-456a-8cba-dca49ea1755e" data-expiration="1822616943000"><meta name="shopify-s" content="5113a669-d712-4be0-b115-f16a18c0133c" data-expiration="1791061143000"><meta name="new-cookie-storage-activated" content="t"> 2347</head> 2348 2349 <body class="page-width-narrow card-hover-effect-none"> 2350 <a 2351 class="skip-to-content-link button-secondary" 2352 href="#MainContent" 2353> 2354 Skip to content 2355</a> 2356 2357 2358 2359 2360 2361 2362<theme-drawer id="chat-drawer"> 2363 <dialog 2364 ref="panel" 2365 class="theme-drawer__dialog chat-drawer" 2366 > 2367 <shopify-chat 2368 mode="standalone" 2369 mode-switch 2370 ></shopify-chat> 2371 </dialog> 2372</theme-drawer> 2373
2374<script type="module"> 2375 const chatDrawer = document.querySelector('#chat-drawer'); 2376 const shopifyChat = document.querySelector('shopify-chat'); 2377 2378 document.addEventListener('theme-drawer:open', (event) => { 2379 if (/** @type {Element} */ (event.target).id !== 'chat-drawer') return; 2380 shopifyChat?.setAttribute('mode', 'managed'); 2381 }); 2382 2383 document.addEventListener('theme-drawer:close', (event) => { 2384 if (/** @type {Element} */ (event.target).id !== 'chat-drawer') return; 2385 // If mode is still managed, this is a theme-initiated close (backdrop / 2386 // Escape) â close the chat so the FAB appears. If mode is already 2387 // standalone, the close was triggered by an undock (enter-standalone sets 2388 // mode before closing the drawer) â leave the chat open as a floating panel. 2389 if (shopifyChat?.getAttribute('mode') === 'managed') { 2390 shopifyChat?.removeAttribute('open'); 2391 } 2392 shopifyChat?.setAttribute('mode', 'standalone'); 2393 }); 2394 2395 document.addEventListener('shopify-chat:enter-managed', () => { 2396 // Captured at event-fire time â the dock-transition animation hint below 2397 // depends on state as it was when the event was dispatched. 2398 const isStandaloneAndOpen = shopifyChat?.hasAttribute('open') && shopifyChat?.getAttribute('mode') === 'standalone'; 2399 2400 // The activator-click path (FAB click on desktop with stored 2401 // preferredMode=managed) dispatches enter-managed *before* calling show(), 2402 // so the chat's `open` attribute at event time understates the imminent 2403 // outcome. Defer to a microtask: by then show() (if any) has run, and we 2404 // can distinguish the viewport-driven mobileâdesktop transition that left 2405 // a minimized FAB (chat stays closed â don't open an empty drawer) from 2406 // an activator click (chat just opened â open the drawer). 2407 queueMicrotask(() => { 2408 if (!shopifyChat?.hasAttribute('open') && !chatDrawer?.hasAttribute('open')) { 2409 return; 2410 } 2411 chatDrawer?.open?.(isStandaloneAndOpen ? { enter: 'inline-start' } : undefined); 2412 }); 2413 }); 2414 2415 document.addEventListener('shopify-chat:enter-standalone', () => { 2416 shopifyChat?.setAttribute('mode', 'standalone'); 2417 chatDrawer?.close?.(); 2418 }); 2419 2420 document.addEventListener('shopify-chat:close', () => { 2421 if (shopifyChat?.getAttribute('mode') === 'managed') { 2422 chatDrawer?.close?.(); 2423 } 2424 }); 2425 2426 document.addEventListener('megaMenu:hover', () => { 2427 if (shopifyChat?.hasAttribute('open') && shopifyChat?.getAttribute('mode') === 'standalone') { 2428 shopifyChat?.removeAttribute('open'); 2429 } 2430 }); 2431 2432 // After the chat upgrades it self-restores its preferred mode from 2433 // sessionStorage. Reconcile any mismatch with the theme-drawer's state 2434 // â the drawer is the source of truth for which mode the chat should 2435 // be in (open â managed, closed â standalone). 2436 customElements.whenDefined('shopify-chat').then(() => { 2437 const mode = chatDrawer?.hasAttribute('open') ? 'managed' : 'standalone'; 2438 if (shopifyChat?.getAttribute('mode') !== mode) { 2439 // When switching managed â standalone (e.g. narrow viewport skipped 2440 // drawer restore), also close the chat so it renders as the FAB 2441 // rather than an open standalone panel. 2442 if (mode === 'standalone' && shopifyChat?.hasAttribute('open')) { 2443 shopifyChat?.removeAttribute('open'); 2444 } 2445 shopifyChat?.setAttribute('mode', mode); 2446 } 2447 }); 2448</script>
2448 2449 2450 2451 2452 2453 <div class="page-wrapper"> 2454 <div id="header-group"> 2455 <!-- BEGIN sections: header-group --> 2456<div id="shopify-section-sections--21036523061409__header_announcements_4C9xPQ" class="shopify-section shopify-section-group-header-group"> 2457 2458 2459
2459<script 2460 src="//cozmetica.pk/cdn/shop/t/140/assets/announcement-bar.js?v=34024675399582161451785524563" 2461 type="module" 2462 fetchpriority="low" 2463 ></script>
2463 2464 2465 2466 2467 2468 2469 2470 2471 <style data-shopify> 2472 .color-custom-sections--21036523061409__header_announcements_4C9xPQ, 2473 .color-custom-sections--21036523061409__header_announcements_4C9xPQ .text-block { 2474 /* Background */ 2475 --color-background: #D80000; 2476 --color-background-rgb: 216 0 0; 2477 2478 /* Opacity values adjusted for background brightness */ 2479 2480--opacity-5-15: 0.05; --opacity-10-25: 0.1; --opacity-35-55: 0.35; --opacity-40-60: 24810.4; --opacity-30-60: 0.3; --opacity-60: 0.6; 2482 2483 2484 2485 /* Foreground / text â explicit or smart-contrasted */ 2486 --color: var(--palette-lightest); 2487 --color-rgb: var(--palette-lightest-rgb); 2488 --color-foreground: var(--palette-lightest); 2489 --color-foreground-rgb: var(--palette-lightest-rgb); 2490 --color-foreground-muted: rgb(var(--palette-lightest-rgb) / var(--opacity-muted-text)); 2491 --color-foreground-subdued: rgb(var(--palette-lightest-rgb) / var(--opacity-subdued-text)); 2492 --color-border: var(--palette-lightest); 2493 --color-border-rgb: var(--palette-lightest-rgb); 2494 2495 } 2496 2497 2498 .color-custom-sections--21036523061409__header_announcements_4C9xPQ { 2499 /* Form-related tokens stay on .color-custom only â .text-block is a prose 2500 container (text/announcement/inline-text/blog-post-description/ 2501 collection-link/price/sku) and never holds form inputs. */ 2502 --input-disabled-background-color: rgb(var(--palette-lightest-rgb) / var(--opacity-10)); 2503 --input-disabled-border-color: rgb(var(--palette-lightest-rgb) / var(--opacity-5)); 2504 --input-disabled-text-color: rgb(var(--palette-lightest-rgb) / var(--opacity-50)); 2505 --checkbox-border: 1px solid rgb(var(--palette-lightest-rgb) / var(--opacity-35-55)); 2506 } 2507 2508 2509 .color-custom-sections--21036523061409__header_announcements_4C9xPQ { 2510 color: var(--color, var(--color-foreground)); 2511 background-color: var(--color-background); 2512 } 2513 </style> 2514 2515 2516 2517<div class="section-background color-custom-sections--21036523061409__header_announcements_4C9xPQ"></div> 2518<aside 2519 class="announcement-bar spacing-style section section--page-width color-custom-sections--21036523061409__header_announcements_4C9xPQ" 2520 style="--padding-block-start: 8px; --padding-block-end:8px; --padding-inline-start:0px; --padding-inline-end:0px; 2521; --border-bottom-width: 0px;" 2522> 2523 2524 2525 <announcement-bar-component 2526 class="announcement-bar__slider" 2527 2528 autoplay="5" aria-live="polite" 2529 2530 > 2531 2532 <slideshow-arrows 2533 position="center" 2534 2535><button 2536 class=" 2537 slideshow-control slideshow-control--previous 2538 2539 2540 slideshow-control--style-chevron 2541 button button-unstyled button-unstyled--transparent 2542 flip-x 2543 " 2544 2545 aria-label="Previous slide" 2546 2547 on:click="/previous" 2548 ref="previous" 2549> 2550 <span class="svg-wrapper icon-caret"><svg aria-hidden="true" width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg"> 2551 <path d="M11 5.5L7 9.5L3 5.5" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 2552</svg> 2553</span> 2554</button> 2555 2556 2557<button 2558 class=" 2559 slideshow-control slideshow-control--next 2560 2561 2562 slideshow-control--style-chevron 2563 button button-unstyled button-unstyled--transparent 2564 2565 " 2566 2567 aria-label="Next slide" 2568 2569 on:click="/next" 2570 ref="next" 2571> 2572 <span class="svg-wrapper icon-caret"><svg aria-hidden="true" width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg"> 2573 <path d="M11 5.5L7 9.5L3 5.5" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 2574</svg> 2575</span> 2576</button> 2577 2578 2579</slideshow-arrows> 2580 2581 2582 2583 2584 2585 <div class="announcement-bar__slides"> 2586 2587<slideshow-slide 2588 ref="slides[]" 2589 class=" 2590 announcement-bar__slide 2591 text-block 2592 text-block--AdzlPMHFkeHgxUU9Ya__announcement_KtfkQC 2593 text-block--align-center 2594 text-block--full-width 2595 custom-typography 2596 custom-font-size 2597 2598 " 2599 style=" 2600 2601--font-size: 0.875rem; --font-weight: var(--font-body--weight);--font-family: var(--font-body--family); --text-transform: none; --text-wrap: pretty; --line-height: var(--line-height--body-); --letter-spacing: var(--letter-spacing--body-normal); 2602 2603 --width: 100%; 2604 --text-align: center; 2605 --line-height: 1; 2606 " 2607 2608 aria-hidden="false" 2609 > 2610 <p class="announcement-bar__text"> 2611 Extra Rs. 200 Off on Your First Purchase of 3000 or more: <strong>Use Code: FirstBuy200</strong> 2612 </p> 2613 2614 2615 </slideshow-slide> 2616 2617 2618 2619<slideshow-slide 2620 ref="slides[]" 2621 class=" 2622 announcement-bar__slide 2623 text-block 2624 text-block--AYnNSU1hjSVNDakNOM__announcement_RbaqJe 2625 text-block--align-center 2626 text-block--full-width 2627 custom-typography 2628 custom-font-size 2629 2630 " 2631 style=" 2632 2633--font-size: 0.875rem; --font-weight: var(--font-body--weight);--font-family: var(--font-body--family); --text-transform: none; --text-wrap: pretty; --line-height: var(--line-height--body-); --letter-spacing: var(--letter-spacing--body-normal); 2634 2635 --width: 100%; 2636 --text-align: center; 2637 --line-height: 1; 2638 " 2639 2640 aria-hidden="true" 2641 > 2642 <p class="announcement-bar__text"> 2643 Get Free Shipping on orders above Rs. 3,500/- <strong>Use Code: ShipFREE</strong> 2644 </p> 2645 2646 2647 </slideshow-slide> 2648 2649 2650 2651 </div> 2652 </announcement-bar-component> 2653</aside> 2654 2655 2656 2657 2658</div><header id="shopify-section-sections--21036523061409__header_section" class="shopify-section shopify-section-group-header-group header-section"> 2659 2660 2661 2662 2663 2664
2665<script type="application/ld+json"> 2666 { 2667 "@context": "http://schema.org", 2668 "@type": "Organization", 2669 "name": "Cozmetica", 2670 2671 "logo": "https:\/\/cozmetica.pk\/cdn\/shop\/files\/Cozmetica_Logo_3.webp?v=1781008992\u0026width=500", 2672 2673 "url": "https:\/\/cozmetica.pk\/pages\/about-cozmetica" 2674 } 2675</script>
2675 2676 2677<header-component 2678 id="header-component" 2679 class="header" 2680 data-theme-color="rgb(255 255 255)" 2681 data-bubble-style="default" 2682 2683 2684 sticky="always" 2685 2686 data-skip-node-update 2687 data-scroll-direction="none" 2688 2689 2690 data-transparent-background="bottom" 2691 2692 style=" 2693 --color-background-top-row: rgba(255 255 255 / 1.0); 2694 --color-background-bottom-row: rgba(255 255 255 / 1.0); 2695 2696 2697 --cart-bubble-background: var(--palette-darkest); 2698 --cart-bubble-text: #ffffff; 2699 2700 2701 " 2702> 2703 <div class="header__underlay header__underlay-closed"></div> 2704 <div 2705 class="header__underlay header__underlay-open" 2706 ></div> 2707 2708 2709 2710 2711 2712 2713 <div 2714 class="header__row header__row--top color-#ffffff section section--full-width-margin section--full-width color-custom-top-sections--21036523061409__header_section" 2715 ref="headerRowTop"style="--border-bottom-width: 0px; --border-bottom-width-mobile: 0px; --border-bottom-color-mobile: var(--color-border);"> 2716 <div class="header__columns spacing-style"> 2717 <style data-shopify> 2718 .color-custom-top-sections--21036523061409__header_section, 2719 .color-custom-top-sections--21036523061409__header_section .text-block { 2720 /* Background */ 2721 --color-background: #ffffff; 2722 --color-background-rgb: 255 255 255; 2723 2724 /* Opacity values adjusted for background brightness */ 2725 2726--opacity-5-15: 0.05; --opacity-10-25: 0.1; --opacity-35-55: 0.35; --opacity-40-60: 27270.4; --opacity-30-60: 0.3; --opacity-60: 0.6; 2728 2729 2730 2731 /* Foreground / text â explicit or smart-contrasted */ 2732 --color: #000000; 2733 --color-rgb: 0 0 0; 2734 --color-foreground: #000000; 2735 --color-foreground-rgb: 0 0 0; 2736 --color-foreground-muted: rgb(0 0 0 / var(--opacity-muted-text)); 2737 --color-foreground-subdued: rgb(0 0 0 / var(--opacity-subdued-text)); 2738 --color-border: var(--palette-darkest); 2739 --color-border-rgb: var(--palette-darkest-rgb); 2740 2741 } 2742 2743 2744 .color-custom-top-sections--21036523061409__header_section { 2745 /* Form-related tokens stay on .color-custom only â .text-block is a prose 2746 container (text/announcement/inline-text/blog-post-description/ 2747 collection-link/price/sku) and never holds form inputs. */ 2748 --input-disabled-background-color: rgb(0 0 0 / var(--opacity-10)); 2749 --input-disabled-border-color: rgb(0 0 0 / var(--opacity-5)); 2750 --input-disabled-text-color: rgb(0 0 0 / var(--opacity-50)); 2751 --checkbox-border: 1px solid rgb(0 0 0 / var(--opacity-35-55)); 2752 } 2753 2754 2755 .color-custom-top-sections--21036523061409__header_section { 2756 color: var(--color, var(--color-foreground)); 2757 background-color: var(--color-background); 2758 } 2759 </style> 2760 2761 2762 2763 2764<div 2765 class="header__column header__column--left" 2766 data-testid="header-top-left" 2767 > 2768 2769 2770 2771 2772 2773 2774 2775 <div 2776 class="header__drawer" 2777 ref="headerDrawerContainer" 2778 data-hydration-key="header-drawer-mobile" 2779 2780 > 2781 2782 2783 2784 2785 2786 <style data-shopify> 2787 .color-custom-AdXpiTWJBM2htbjBtS__header-menu-1, 2788 .color-custom-AdXpiTWJBM2htbjBtS__header-menu-1 .text-block { 2789 /* Background */ 2790 --color-background: #ffffff; 2791 --color-background-rgb: 255 255 255; 2792 2793 /* Opacity values adjusted for background brightness */ 2794 2795--opacity-5-15: 0.05; --opacity-10-25: 0.1; --opacity-35-55: 0.35; --opacity-40-60: 27960.4; --opacity-30-60: 0.3; --opacity-60: 0.6; 2797 2798 2799 2800 /* Foreground / text â explicit or smart-contrasted */ 2801 --color: #000000; 2802 --color-rgb: 0 0 0; 2803 --color-foreground: #000000; 2804 --color-foreground-rgb: 0 0 0; 2805 --color-foreground-muted: rgb(0 0 0 / var(--opacity-muted-text)); 2806 --color-foreground-subdued: rgb(0 0 0 / var(--opacity-subdued-text)); 2807 --color-border: var(--palette-darkest); 2808 --color-border-rgb: var(--palette-darkest-rgb); 2809 2810 } 2811 2812 2813 .color-custom-AdXpiTWJBM2htbjBtS__header-menu-1 { 2814 /* Form-related tokens stay on .color-custom only â .text-block is a prose 2815 container (text/announcement/inline-text/blog-post-description/ 2816 collection-link/price/sku) and never holds form inputs. */ 2817 --input-disabled-background-color: rgb(0 0 0 / var(--opacity-10)); 2818 --input-disabled-border-color: rgb(0 0 0 / var(--opacity-5)); 2819 --input-disabled-text-color: rgb(0 0 0 / var(--opacity-50)); 2820 --checkbox-border: 1px solid rgb(0 0 0 / var(--opacity-35-55)); 2821 } 2822 2823 2824 .color-custom-AdXpiTWJBM2htbjBtS__header-menu-1 { 2825 color: var(--color, var(--color-foreground)); 2826 background-color: var(--color-background); 2827 } 2828 </style> 2829 2830 2831
2832<script 2833 src="//cozmetica.pk/cdn/shop/t/140/assets/header-drawer.js?v=121243031541024704371785524563" 2834 type="module" 2835 fetchpriority="low" 2836></script>
2836 2837 2838<header-drawer 2839 class="header-drawer " 2840 style="--menu-image-border-radius: 0px; --resource-card-corner-radius: 0px;" 2841> 2842 <details 2843 id="Details-menu-drawer-container" 2844 data-skip-node-update="true" 2845 class="menu-drawer-container" 2846 ref="details" 2847 scroll-lock 2848 > 2849 <summary 2850 class="header__icon header__icon--menu header__icon--summary" 2851 aria-label="Menu" 2852 on:click="/toggle" 2853 > 2854 <span class="svg-wrapper header-drawer-icon header-drawer-icon--open"><svg aria-hidden="true" width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg"> 2855 <path d="M1 3.5H13" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/> 2856 <path d="M1 10.5H13" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/> 2857</svg> 2858</span> 2859 <span class="svg-wrapper header-drawer-icon header-drawer-icon--close"><svg aria-hidden="true" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"> 2860<path d="M11.1765 12.025C11.4108 12.2594 11.7907 12.2594 12.025 12.025C12.2594 11.7907 12.2594 11.4108 12.025 11.1765L8.84931 8.00078L12.025 4.82505C12.2594 4.59073 12.2594 4.21083 12.025 3.97652C11.7907 3.7422 11.4108 3.7422 11.1765 3.97652L8.00078 7.15225L4.82505 3.97652C4.59073 3.7422 4.21083 3.7422 3.97652 3.97652C3.7422 4.21083 3.7422 4.59073 3.97652 4.82505L7.15225 8.00078L3.97652 11.1765C3.7422 11.4108 3.7422 11.7907 3.97652 12.025C4.21083 12.2594 4.59073 12.2594 4.82505 12.025L8.00078 8.84931L11.1765 12.025Z" fill="currentColor"/> 2861</svg> 2862</span> 2863 </summary> 2864 <div 2865 ref="menuDrawer" 2866 class=" 2867 menu-drawer 2868 2869 color-custom-AdXpiTWJBM2htbjBtS__header-menu-1 2870 2871 " 2872 > 2873 <button 2874 class="button close-button menu-drawer__close-button focus-inset" 2875 type="button" 2876 aria-label="Close" 2877 on:click="/close" 2878 > 2879 <span class="svg-wrapper header-drawer-icon header-drawer-icon--close"><svg aria-hidden="true" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"> 2880<path d="M11.1765 12.025C11.4108 12.2594 11.7907 12.2594 12.025 12.025C12.2594 11.7907 12.2594 11.4108 12.025 11.1765L8.84931 8.00078L12.025 4.82505C12.2594 4.59073 12.2594 4.21083 12.025 3.97652C11.7907 3.7422 11.4108 3.7422 11.1765 3.97652L8.00078 7.15225L4.82505 3.97652C4.59073 3.7422 4.21083 3.7422 3.97652 3.97652C3.7422 4.21083 3.7422 4.59073 3.97652 4.82505L7.15225 8.00078L3.97652 11.1765C3.7422 11.4108 3.7422 11.7907 3.97652 12.025C4.21083 12.2594 4.59073 12.2594 4.82505 12.025L8.00078 8.84931L11.1765 12.025Z" fill="currentColor"/> 2881</svg> 2882</span> 2883 </button> 2884 <nav 2885 class="menu-drawer__navigation" 2886 style="--menu-top-level-font-family: var(--font-body--family); 2887--menu-top-level-font-size-desktop: 0.875rem; --menu-top-level-font-style: var(--font-body--style); --menu-top-level-font-weight: var(--font-body--weight); --menu-top-level-font-case:none; 2888 2889 --menu-top-level-font-size: var(--menu-font-2xl--size); --menu-top-level-font-line-height: 2890 var(--menu-font-2xl--line-height); 2891 2892--menu-top-level-font-color: var(--color-foreground); --menu-top-level-font-color-rgb: var(--color-foreground-rgb); 2893 2894--menu-parent-font-family: var(--font-body--family); --menu-parent-font-style: 2895var(--font-body--style); --menu-parent-font-weight: var(--font-body--weight); --menu-parent-font-case: 2896none; 2897 2898 --menu-parent-font-size: var(--menu-font-sm--size); --menu-parent-font-line-height: 2899 var(--menu-font-sm--line-height); --menu-parent-font-color: var(--color-foreground-subdued); 2900 --menu-parent-active-font-color: var(--color-foreground); 2901 2902--menu-child-font-family: var(--font-body--family); --menu-child-font-style:var(--font-body--style); --menu-child-font-weight: var(--font-body--weight); --menu-child-font-case: 2903none; 2904 2905 --menu-child-font-size: var(--menu-font-md--size); --menu-child-font-line-height: var(--menu-font-md--line-height); 2906 --menu-child-font-color: var(--color-foreground); --menu-child-active-font-color: var(--color-foreground-subdued); 2907 2908 2909 " 2910 aria-label="Primary" 2911 > 2912 <ul 2913 class="menu-drawer__menu has-submenu" 2914 role="list" 2915 > 2916 2917 2918 <li 2919 class="menu-drawer__list-item" 2920 style="--menu-drawer-animation-index: 1;" 2921 ><details 2922 id="Details-menu-drawer-menu-item-1" 2923 class="menu-drawer__menu-container" 2924 > 2925 <summary 2926 id="HeaderDrawer-makeup" 2927 class="menu-drawer__menu-item menu-drawer__menu-item--mainlist menu-drawer__animated-element focus-inset" 2928 on:click="header-drawer/open/submenu" 2929 >
2930 <span class="menu-drawer__menu-item-text wrap-text">MakeUp</span> 2931 <span class="svg-wrapper icon-caret icon-caret--forward"><svg aria-hidden="true" width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg"> 2932 <path d="M11 5.5L7 9.5L3 5.5" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 2933</svg> 2934</span> 2935 </summary> 2936 <div 2937 id="link-makeup" 2938 class="menu-drawer__submenu has-submenu" 2939 tabindex="-1" 2940 style="--menu-drawer-animation-index: 1;" 2941 > 2942 <div class="menu-drawer__inner-submenu"> 2943 <div class="menu-drawer__nav-buttons"> 2944 <button 2945 class="button menu-drawer__back-button focus-inset" 2946 on:click="header-drawer/back" 2947 aria-label="Back to MakeUp" 2948 > 2949 <span class="svg-wrapper icon-caret icon-caret--backward"><svg aria-hidden="true" width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg"> 2950 <path d="M11 5.5L7 9.5L3 5.5" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 2951</svg> 2952</span> 2953 <span class="menu-drawer__menu-item-text wrap-text">MakeUp</span> 2954 </button> 2955 <button 2956 class="button button-unstyled close-button menu-drawer__close-button focus-inset" 2957 type="button" 2958 aria-label="Close" 2959 on:click="header-drawer/close" 2960 > 2961 <span class="svg-wrapper header-drawer-icon header-drawer-icon--close"><svg aria-hidden="true" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"> 2962<path d="M11.1765 12.025C11.4108 12.2594 11.7907 12.2594 12.025 12.025C12.2594 11.7907 12.2594 11.4108 12.025 11.1765L8.84931 8.00078L12.025 4.82505C12.2594 4.59073 12.2594 4.21083 12.025 3.97652C11.7907 3.7422 11.4108 3.7422 11.1765 3.97652L8.00078 7.15225L4.82505 3.97652C4.59073 3.7422 4.21083 3.7422 3.97652 3.97652C3.7422 4.21083 3.7422 4.59073 3.97652 4.82505L7.15225 8.00078L3.97652 11.1765C3.7422 11.4108 3.7422 11.7907 3.97652 12.025C4.21083 12.2594 4.59073 12.2594 4.82505 12.025L8.00078 8.84931L11.1765 12.025Z" fill="currentColor"/> 2963</svg> 2964</span> 2965 </button> 2966 </div> 2967 2968 <ul 2969 class="menu-drawer__menu menu-drawer__menu--childlist" 2970 role="list" 2971 tabindex="-1" 2972 > 2973 <li 2974 class=" 2975 menu-drawer__list-item 2976 menu-drawer__list-item--deep 2977 " 2978 > 2979 2980 2981 <accordion-custom 2982 2983 2984 2985 2986 2987 2988 2989 2990 2991> 2992 2993 <details 2994 id="Details-menu-drawer-makeup-eyes" 2995 > 2996 <summary 2997 id="HeaderDrawer-makeup-eyes" 2998 class="menu-drawer__menu-item menu-drawer__menu-item--parent focus-inset" 2999 > 3000 <span class="menu-drawer__menu-item-text wrap-text">Eyes</span> 3001 <span class="svg-wrapper icon-plus"><svg aria-hidden="true" width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg"> 3002 <path class="vertical" d="M2.75 7H11.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/> 3003 <path class="horizontal" d="M7 2.75L7 11.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/> 3004</svg> 3005</span> 3006 </summary> 3007 3008 <ul 3009 class="menu-drawer__menu menu-drawer__menu--grandchildlist details-content" 3010 role="list" 3011 tabindex="-1" 3012 ><li 3013 class="menu-drawer__list-item" 3014 style="--menu-drawer-animation-index: 1;" 3015 > 3016 <a 3017 id="HeaderDrawer-makeup-eyes-mascara" 3018 href="/collections/mascara" 3019 class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset" 3020 3021 > 3022
3023 <span class="menu-drawer__menu-item-text wrap-text">Mascara</span> 3024 </a> 3025 </li><li 3026 class="menu-drawer__list-item" 3027 style="--menu-drawer-animation-index: 2;" 3028 > 3029 <a 3030 id="HeaderDrawer-makeup-eyes-eyeliner" 3031 href="/collections/eyeliner" 3032 class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset" 3033 3034 > 3035 3036 <span class="menu-drawer__menu-item-text wrap-text">Eyeliner</span> 3037 </a> 3038 </li><li 3039 class="menu-drawer__list-item" 3040 style="--menu-drawer-animation-index: 3;" 3041 > 3042 <a 3043 id="HeaderDrawer-makeup-eyes-eye-pencil" 3044 href="/collections/eye-pencil" 3045 class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset" 3046 3047 > 3048 3049 <span class="menu-drawer__menu-item-text wrap-text">Eye Pencil</span> 3050 </a> 3051 </li><li 3052 class="menu-drawer__list-item" 3053 style="--menu-drawer-animation-index: 4;" 3054 > 3055 <a 3056 id="HeaderDrawer-makeup-eyes-eye-palettes" 3057 href="/collections/eye-palettes" 3058 class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset" 3059 3060 > 3061 3062 <span class="menu-drawer__menu-item-text wrap-text">Eye Palettes</span> 3063 </a> 3064 </li><li 3065 class="menu-drawer__list-item" 3066 style="--menu-drawer-animation-index: 5;" 3067 > 3068 <a 3069 id="HeaderDrawer-makeup-eyes-eyebrow-fixer" 3070 href="/collections/eyebrow" 3071 class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset" 3072 3073 > 3074 3075 <span class="menu-drawer__menu-item-text wrap-text">Eyebrow Fixer</span> 3076 </a> 3077 </li><li 3078 class="menu-drawer__list-item" 3079 style="--menu-drawer-animation-index: 6;" 3080 > 3081 <a 3082 id="HeaderDrawer-makeup-eyes-eye-primer" 3083 href="/collections/eye-primer" 3084 class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset" 3085 3086 > 3087
3088 <span class="menu-drawer__menu-item-text wrap-text">Eye Primer</span> 3089 </a> 3090 </li><li 3091 class="menu-drawer__list-item" 3092 style="--menu-drawer-animation-index: 7;" 3093 > 3094 <a 3095 id="HeaderDrawer-makeup-eyes-lashes-glues" 3096 href="/collections/eye-lashes" 3097 class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset" 3098 3099 > 3100 3101 <span class="menu-drawer__menu-item-text wrap-text">Lashes & Glues</span> 3102 </a> 3103 </li></ul> 3104 </details> 3105 3106</accordion-custom> 3107 3108 3109 3110 </li><li 3111 class=" 3112 menu-drawer__list-item 3113 menu-drawer__list-item--deep 3114 " 3115 > 3116 3117 3118 <accordion-custom 3119 3120 3121 3122 3123 3124 3125 3126 3127 3128> 3129 3130 <details 3131 id="Details-menu-drawer-makeup-face" 3132 > 3133 <summary 3134 id="HeaderDrawer-makeup-face" 3135 class="menu-drawer__menu-item menu-drawer__menu-item--parent focus-inset" 3136 > 3137 <span class="menu-drawer__menu-item-text wrap-text">Face</span> 3138 <span class="svg-wrapper icon-plus"><svg aria-hidden="true" width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg"> 3139 <path class="vertical" d="M2.75 7H11.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/> 3140 <path class="horizontal" d="M7 2.75L7 11.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/> 3141</svg> 3142</span> 3143 </summary> 3144 3145 <ul 3146 class="menu-drawer__menu menu-drawer__menu--grandchildlist details-content" 3147 role="list" 3148 tabindex="-1" 3149 ><li 3150 class="menu-drawer__list-item" 3151 style="--menu-drawer-animation-index: 1;" 3152 > 3153 <a 3154 id="HeaderDrawer-makeup-face-foundation" 3155 href="/collections/foundation" 3156 class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset" 3157 3158 > 3159 3160 <span class="menu-drawer__menu-item-text wrap-text">Foundation</span> 3161 </a> 3162 </li><li 3163 class="menu-drawer__list-item" 3164 style="--menu-drawer-animation-index: 2;" 3165 > 3166 <a 3167 id="HeaderDrawer-makeup-face-primer" 3168 href="/collections/face-primer" 3169 class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset" 3170 3171 > 3172
3173 <span class="menu-drawer__menu-item-text wrap-text">Primer</span> 3174 </a> 3175 </li><li 3176 class="menu-drawer__list-item" 3177 style="--menu-drawer-animation-index: 3;" 3178 > 3179 <a 3180 id="HeaderDrawer-makeup-face-powder" 3181 href="/collections/powder" 3182 class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset" 3183 3184 > 3185 3186 <span class="menu-drawer__menu-item-text wrap-text">Powder</span> 3187 </a> 3188 </li><li 3189 class="menu-drawer__list-item" 3190 style="--menu-drawer-animation-index: 4;" 3191 > 3192 <a 3193 id="HeaderDrawer-makeup-face-bb-cc-creams" 3194 href="/collections/bb-cc-creams" 3195 class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset" 3196 3197 > 3198 3199 <span class="menu-drawer__menu-item-text wrap-text">BB & CC Creams</span> 3200 </a> 3201 </li><li 3202 class="menu-drawer__list-item" 3203 style="--menu-drawer-animation-index: 5;" 3204 > 3205 <a 3206 id="HeaderDrawer-makeup-face-concealer-correctors" 3207 href="/collections/concealer" 3208 class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset" 3209 3210 > 3211 3212 <span class="menu-drawer__menu-item-text wrap-text">Concealer & Correctors</span> 3213 </a> 3214 </li><li 3215 class="menu-drawer__list-item" 3216 style="--menu-drawer-animation-index: 6;" 3217 > 3218 <a 3219 id="HeaderDrawer-makeup-face-blush-on" 3220 href="/collections/blush" 3221 class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset" 3222 3223 > 3224 3225 <span class="menu-drawer__menu-item-text wrap-text">Blush On</span> 3226 </a> 3227 </li><li 3228 class="menu-drawer__list-item" 3229 style="--menu-drawer-animation-index: 7;" 3230 > 3231 <a 3232 id="HeaderDrawer-makeup-face-makeup-fixer" 3233 href="/collections/makeup-fixer" 3234 class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset" 3235 3236 > 3237
3238 <span class="menu-drawer__menu-item-text wrap-text">Makeup Fixer</span> 3239 </a> 3240 </li><li 3241 class="menu-drawer__list-item" 3242 style="--menu-drawer-animation-index: 8;" 3243 > 3244 <a 3245 id="HeaderDrawer-makeup-face-highlighter" 3246 href="/collections/highlighter" 3247 class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset" 3248 3249 > 3250 3251 <span class="menu-drawer__menu-item-text wrap-text">Highlighter</span> 3252 </a> 3253 </li><li 3254 class="menu-drawer__list-item" 3255 style="--menu-drawer-animation-index: 9;" 3256 > 3257 <a 3258 id="HeaderDrawer-makeup-face-fixing-sprays" 3259 href="/collections/face-sprays" 3260 class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset" 3261 3262 > 3263 3264 <span class="menu-drawer__menu-item-text wrap-text">Fixing Sprays</span> 3265 </a> 3266 </li><li 3267 class="menu-drawer__list-item" 3268 style="--menu-drawer-animation-index: 10;" 3269 > 3270 <a 3271 id="HeaderDrawer-makeup-face-colour-corrector" 3272 href="/collections/colour-corrector" 3273 class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset" 3274 3275 > 3276 3277 <span class="menu-drawer__menu-item-text wrap-text">Colour Corrector</span> 3278 </a> 3279 </li><li 3280 class="menu-drawer__list-item" 3281 style="--menu-drawer-animation-index: 11;" 3282 > 3283 <a 3284 id="HeaderDrawer-makeup-face-makeup-remover" 3285 href="/collections/makeup-remover" 3286 class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset" 3287 3288 > 3289 3290 <span class="menu-drawer__menu-item-text wrap-text">Makeup Remover</span> 3291 </a> 3292 </li><li 3293 class="menu-drawer__list-item" 3294 style="--menu-drawer-animation-index: 12;" 3295 > 3296 <a 3297 id="HeaderDrawer-makeup-face-contour" 3298 href="/collections/contour" 3299 class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset" 3300 3301 > 3302
3303 <span class="menu-drawer__menu-item-text wrap-text">Contour</span> 3304 </a> 3305 </li><li 3306 class="menu-drawer__list-item" 3307 style="--menu-drawer-animation-index: 13;" 3308 > 3309 <a 3310 id="HeaderDrawer-makeup-face-bronzer" 3311 href="/collections/bronzer" 3312 class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset" 3313 3314 > 3315 3316 <span class="menu-drawer__menu-item-text wrap-text">Bronzer</span> 3317 </a> 3318 </li></ul> 3319 </details> 3320 3321</accordion-custom> 3322 3323 3324 3325 </li><li 3326 class=" 3327 menu-drawer__list-item 3328 menu-drawer__list-item--deep 3329 " 3330 > 3331 3332 3333 <accordion-custom 3334 3335 3336 3337 3338 3339 3340 3341 3342 3343> 3344 3345 <details 3346 id="Details-menu-drawer-makeup-lips" 3347 > 3348 <summary 3349 id="HeaderDrawer-makeup-lips" 3350 class="menu-drawer__menu-item menu-drawer__menu-item--parent focus-inset" 3351 > 3352 <span class="menu-drawer__menu-item-text wrap-text">Lips</span> 3353 <span class="svg-wrapper icon-plus"><svg aria-hidden="true" width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg"> 3354 <path class="vertical" d="M2.75 7H11.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/> 3355 <path class="horizontal" d="M7 2.75L7 11.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/> 3356</svg> 3357</span> 3358 </summary> 3359 3360 <ul 3361 class="menu-drawer__menu menu-drawer__menu--grandchildlist details-content" 3362 role="list" 3363 tabindex="-1" 3364 ><li 3365 class="menu-drawer__list-item" 3366 style="--menu-drawer-animation-index: 1;" 3367 > 3368 <a 3369 id="HeaderDrawer-makeup-lips-lipstick" 3370 href="/collections/lipstick" 3371 class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset" 3372 3373 > 3374 3375 <span class="menu-drawer__menu-item-text wrap-text">Lipstick</span> 3376 </a> 3377 </li><li 3378 class="menu-drawer__list-item" 3379 style="--menu-drawer-animation-index: 2;" 3380 > 3381 <a 3382 id="HeaderDrawer-makeup-lips-lip-gloss" 3383 href="/collections/lip-gloss" 3384 class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset" 3385 3386 > 3387
3388 <span class="menu-drawer__menu-item-text wrap-text">Lip Gloss</span> 3389 </a> 3390 </li><li 3391 class="menu-drawer__list-item" 3392 style="--menu-drawer-animation-index: 3;" 3393 > 3394 <a 3395 id="HeaderDrawer-makeup-lips-lip-oils" 3396 href="/collections/lip-oil" 3397 class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset" 3398 3399 > 3400 3401 <span class="menu-drawer__menu-item-text wrap-text">Lip Oils</span> 3402 </a> 3403 </li><li 3404 class="menu-drawer__list-item" 3405 style="--menu-drawer-animation-index: 4;" 3406 > 3407 <a 3408 id="HeaderDrawer-makeup-lips-lip-cheek-tints" 3409 href="/collections/lip-and-cheek-tints" 3410 class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset" 3411 3412 > 3413 3414 <span class="menu-drawer__menu-item-text wrap-text">Lip & Cheek Tints</span> 3415 </a> 3416 </li><li 3417 class="menu-drawer__list-item" 3418 style="--menu-drawer-animation-index: 5;" 3419 > 3420 <a 3421 id="HeaderDrawer-makeup-lips-lip-balm-treatment" 3422 href="/collections/lip-balm-treatment" 3423 class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset" 3424 3425 > 3426 3427 <span class="menu-drawer__menu-item-text wrap-text">Lip Balm & Treatment</span> 3428 </a> 3429 </li><li 3430 class="menu-drawer__list-item" 3431 style="--menu-drawer-animation-index: 6;" 3432 > 3433 <a 3434 id="HeaderDrawer-makeup-lips-lipliner" 3435 href="/collections/lipliner" 3436 class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset" 3437 3438 > 3439 3440 <span class="menu-drawer__menu-item-text wrap-text">Lipliner</span> 3441 </a> 3442 </li></ul> 3443 </details> 3444 3445</accordion-custom> 3446 3447 3448 3449 </li><li 3450 class=" 3451 menu-drawer__list-item 3452 menu-drawer__list-item--deep 3453 " 3454 > 3455 3456 3457 <accordion-custom 3458 3459 3460 3461 3462 3463 3464 3465 3466 3467> 3468 3469 <details 3470 id="Details-menu-drawer-makeup-nails" 3471 > 3472 <summary 3473 id="HeaderDrawer-makeup-nails" 3474 class="menu-drawer__menu-item menu-drawer__menu-item--parent focus-inset" 3475 >
3476 <span class="menu-drawer__menu-item-text wrap-text">Nails</span> 3477 <span class="svg-wrapper icon-plus"><svg aria-hidden="true" width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg"> 3478 <path class="vertical" d="M2.75 7H11.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/> 3479 <path class="horizontal" d="M7 2.75L7 11.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/> 3480</svg> 3481</span> 3482 </summary> 3483 3484 <ul 3485 class="menu-drawer__menu menu-drawer__menu--grandchildlist details-content" 3486 role="list" 3487 tabindex="-1" 3488 ><li 3489 class="menu-drawer__list-item" 3490 style="--menu-drawer-animation-index: 1;" 3491 > 3492 <a 3493 id="HeaderDrawer-makeup-nails-nail-polish" 3494 href="/collections/nail-polish" 3495 class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset" 3496 3497 > 3498 3499 <span class="menu-drawer__menu-item-text wrap-text">Nail Polish</span> 3500 </a> 3501 </li><li 3502 class="menu-drawer__list-item" 3503 style="--menu-drawer-animation-index: 2;" 3504 > 3505 <a 3506 id="HeaderDrawer-makeup-nails-top-base-coats" 3507 href="/collections/top-base-coats" 3508 class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset" 3509 3510 > 3511 3512 <span class="menu-drawer__menu-item-text wrap-text">Top & Base Coats</span> 3513 </a> 3514 </li><li 3515 class="menu-drawer__list-item" 3516 style="--menu-drawer-animation-index: 3;" 3517 > 3518 <a 3519 id="HeaderDrawer-makeup-nails-nail-stickers" 3520 href="/collections/nail-sticker" 3521 class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset" 3522 3523 > 3524 3525 <span class="menu-drawer__menu-item-text wrap-text">Nail Stickers</span> 3526 </a> 3527 </li><li 3528 class="menu-drawer__list-item" 3529 style="--menu-drawer-animation-index: 4;" 3530 > 3531 <a 3532 id="HeaderDrawer-makeup-nails-nail-polish-remover" 3533 href="/collections/nail-polish-remover" 3534 class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset" 3535 3536 > 3537
3538 <span class="menu-drawer__menu-item-text wrap-text">Nail Polish Remover</span> 3539 </a> 3540 </li></ul> 3541 </details> 3542 3543</accordion-custom> 3544 3545 3546 3547 </li><li 3548 class=" 3549 menu-drawer__list-item 3550 menu-drawer__list-item--deep 3551 " 3552 > 3553 3554 3555 <accordion-custom 3556 3557 3558 3559 3560 3561 3562 3563 3564 3565> 3566 3567 <details 3568 id="Details-menu-drawer-makeup-tools-accessories" 3569 > 3570 <summary 3571 id="HeaderDrawer-makeup-tools-accessories" 3572 class="menu-drawer__menu-item menu-drawer__menu-item--parent focus-inset" 3573 > 3574 <span class="menu-drawer__menu-item-text wrap-text">Tools & Accessories</span> 3575 <span class="svg-wrapper icon-plus"><svg aria-hidden="true" width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg"> 3576 <path class="vertical" d="M2.75 7H11.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/> 3577 <path class="horizontal" d="M7 2.75L7 11.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/> 3578</svg> 3579</span> 3580 </summary> 3581 3582 <ul 3583 class="menu-drawer__menu menu-drawer__menu--grandchildlist details-content" 3584 role="list" 3585 tabindex="-1" 3586 ><li 3587 class="menu-drawer__list-item" 3588 style="--menu-drawer-animation-index: 1;" 3589 > 3590 <a 3591 id="HeaderDrawer-makeup-tools-accessories-lashes-glues" 3592 href="/collections/eye-lashes" 3593 class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset" 3594 3595 > 3596 3597 <span class="menu-drawer__menu-item-text wrap-text">Lashes & Glues</span> 3598 </a> 3599 </li><li 3600 class="menu-drawer__list-item" 3601 style="--menu-drawer-animation-index: 2;" 3602 > 3603 <a 3604 id="HeaderDrawer-makeup-tools-accessories-eye-brushes" 3605 href="/collections/eye-brushes" 3606 class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset" 3607 3608 > 3609 3610 <span class="menu-drawer__menu-item-text wrap-text">Eye Brushes</span> 3611 </a> 3612 </li><li 3613 class="menu-drawer__list-item" 3614 style="--menu-drawer-animation-index: 3;" 3615 > 3616 <a 3617 id="HeaderDrawer-makeup-tools-accessories-face-brushes" 3618 href="/collections/face-brushes" 3619 class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset" 3620 3621 > 3622
3623 <span class="menu-drawer__menu-item-text wrap-text">Face Brushes</span> 3624 </a> 3625 </li><li 3626 class="menu-drawer__list-item" 3627 style="--menu-drawer-animation-index: 4;" 3628 > 3629 <a 3630 id="HeaderDrawer-makeup-tools-accessories-makeup-sponges" 3631 href="/collections/makeup-sponge" 3632 class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset" 3633 3634 > 3635 3636 <span class="menu-drawer__menu-item-text wrap-text">Makeup Sponges</span> 3637 </a> 3638 </li><li 3639 class="menu-drawer__list-item" 3640 style="--menu-drawer-animation-index: 5;" 3641 > 3642 <a 3643 id="HeaderDrawer-makeup-tools-accessories-makeup-bags" 3644 href="/collections/makeup-bag" 3645 class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset" 3646 3647 > 3648 3649 <span class="menu-drawer__menu-item-text wrap-text">Makeup Bags</span> 3650 </a> 3651 </li><li 3652 class="menu-drawer__list-item" 3653 style="--menu-drawer-animation-index: 6;" 3654 > 3655 <a 3656 id="HeaderDrawer-makeup-tools-accessories-sharpeners" 3657 href="/collections/sharpeners" 3658 class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset" 3659 3660 > 3661 3662 <span class="menu-drawer__menu-item-text wrap-text">Sharpeners</span> 3663 </a> 3664 </li></ul> 3665 </details> 3666 3667</accordion-custom> 3668 3669 3670 3671 </li></ul> 3672 3673 </div> 3674 </div> 3675 </details></li> 3676 <li 3677 class="menu-drawer__list-item" 3678 style="--menu-drawer-animation-index: 2;" 3679 ><details 3680 id="Details-menu-drawer-menu-item-2" 3681 class="menu-drawer__menu-container" 3682 > 3683 <summary 3684 id="HeaderDrawer-korean-beauty" 3685 class="menu-drawer__menu-item menu-drawer__menu-item--mainlist menu-drawer__animated-element focus-inset" 3686 on:click="header-drawer/open/submenu" 3687 > 3688 <span class="menu-drawer__menu-item-text wrap-text">Korean Beauty</span> 3689 <span class="svg-wrapper icon-caret icon-caret--forward"><svg aria-hidden="true" width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg"> 3690 <path d="M11 5.5L7 9.5L3 5.5" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 3691</svg> 3692</span> 3693 </summary> 3694 <div 3695 id="link-korean-beauty" 3696 class="menu-drawer__submenu has-submenu" 3697 tabindex="-1" 3698 style="--menu-drawer-animation-index: 2;" 3699 > 3700 <div class="menu-drawer__inner-submenu"> 3701 <div class="menu-drawer__nav-buttons"> 3702 <button 3703 class="button menu-drawer__back-button focus-inset" 3704 on:click="header-drawer/back" 3705 aria-label="Back to Korean Beauty" 3706 >
3707 <span class="svg-wrapper icon-caret icon-caret--backward"><svg aria-hidden="true" width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg"> 3708 <path d="M11 5.5L7 9.5L3 5.5" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 3709</svg> 3710</span> 3711 <span class="menu-drawer__menu-item-text wrap-text">Korean Beauty</span> 3712 </button> 3713 <button 3714 class="button button-unstyled close-button menu-drawer__close-button focus-inset" 3715 type="button" 3716 aria-label="Close" 3717 on:click="header-drawer/close" 3718 > 3719 <span class="svg-wrapper header-drawer-icon header-drawer-icon--close"><svg aria-hidden="true" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"> 3720<path d="M11.1765 12.025C11.4108 12.2594 11.7907 12.2594 12.025 12.025C12.2594 11.7907 12.2594 11.4108 12.025 11.1765L8.84931 8.00078L12.025 4.82505C12.2594 4.59073 12.2594 4.21083 12.025 3.97652C11.7907 3.7422 11.4108 3.7422 11.1765 3.97652L8.00078 7.15225L4.82505 3.97652C4.59073 3.7422 4.21083 3.7422 3.97652 3.97652C3.7422 4.21083 3.7422 4.59073 3.97652 4.82505L7.15225 8.00078L3.97652 11.1765C3.7422 11.4108 3.7422 11.7907 3.97652 12.025C4.21083 12.2594 4.59073 12.2594 4.82505 12.025L8.00078 8.84931L11.1765 12.025Z" fill="currentColor"/> 3721</svg> 3722</span> 3723 </button> 3724 </div> 3725 3726 <ul 3727 class="menu-drawer__menu menu-drawer__menu--childlist" 3728 role="list" 3729 tabindex="-1" 3730 > 3731 <li 3732 class=" 3733 menu-drawer__list-item 3734 3735 " 3736 ><a 3737 id="HeaderDrawer-korean-beauty-ampoules" 3738 href="/collections/korean-ampoules" 3739 class="menu-drawer__menu-item menu-drawer__menu-item--parent focus-inset" 3740 3741 > 3742 3743 <span class="menu-drawer__menu-item-text wrap-text">Ampoules</span> 3744 </a></li><li 3745 class=" 3746 menu-drawer__list-item 3747 3748 " 3749 ><a 3750 id="HeaderDrawer-korean-beauty-sunscreen" 3751 href="/collections/korean-sunscreen" 3752 class="menu-drawer__menu-item menu-drawer__menu-item--parent focus-inset" 3753 3754 > 3755 3756 <span class="menu-drawer__menu-item-text wrap-text">Sunscreen</span> 3757 </a></li><li 3758 class=" 3759 menu-drawer__list-item 3760 3761 " 3762 ><a 3763 id="HeaderDrawer-korean-beauty-serums" 3764 href="/collections/korean-serums" 3765 class="menu-drawer__menu-item menu-drawer__menu-item--parent focus-inset" 3766 3767 > 3768 3769 <span class="menu-drawer__menu-item-text wrap-text">Serums</span> 3770 </a></li><li 3771 class=" 3772 menu-drawer__list-item 3773 3774 " 3775 ><a 3776 id="HeaderDrawer-korean-beauty-cleansers" 3777 href="/collections/korean-cleansers" 3778 class="menu-drawer__menu-item menu-drawer__menu-item--parent focus-inset" 3779 3780 > 3781
3782 <span class="menu-drawer__menu-item-text wrap-text">Cleansers</span> 3783 </a></li><li 3784 class=" 3785 menu-drawer__list-item 3786 3787 " 3788 ><a 3789 id="HeaderDrawer-korean-beauty-moisturizers" 3790 href="/collections/korean-skincare/moisturizer" 3791 class="menu-drawer__menu-item menu-drawer__menu-item--parent focus-inset" 3792 3793 > 3794 3795 <span class="menu-drawer__menu-item-text wrap-text">Moisturizers</span> 3796 </a></li><li 3797 class=" 3798 menu-drawer__list-item 3799 3800 " 3801 ><a 3802 id="HeaderDrawer-korean-beauty-face-mask" 3803 href="/collections/korean-skincare/face-masks" 3804 class="menu-drawer__menu-item menu-drawer__menu-item--parent focus-inset" 3805 3806 > 3807 3808 <span class="menu-drawer__menu-item-text wrap-text">Face Mask</span> 3809 </a></li><li 3810 class=" 3811 menu-drawer__list-item 3812 3813 " 3814 ><a 3815 id="HeaderDrawer-korean-beauty-view-all" 3816 href="/collections/korean-skincare" 3817 class="menu-drawer__menu-item menu-drawer__menu-item--parent focus-inset" 3818 3819 > 3820 3821 <span class="menu-drawer__menu-item-text wrap-text">View All</span> 3822 </a></li><li 3823 class=" 3824 menu-drawer__list-item 3825 menu-drawer__list-item--deep 3826 " 3827 > 3828 3829 3830 <accordion-custom 3831 3832 3833 3834 3835 3836 3837 3838 3839 3840> 3841 3842 <details 3843 id="Details-menu-drawer-korean-beauty-shop-by-brands" 3844 > 3845 <summary 3846 id="HeaderDrawer-korean-beauty-shop-by-brands" 3847 class="menu-drawer__menu-item menu-drawer__menu-item--parent focus-inset" 3848 > 3849 <span class="menu-drawer__menu-item-text wrap-text">Shop By Brands</span> 3850 <span class="svg-wrapper icon-plus"><svg aria-hidden="true" width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg"> 3851 <path class="vertical" d="M2.75 7H11.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/> 3852 <path class="horizontal" d="M7 2.75L7 11.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/> 3853</svg> 3854</span> 3855 </summary> 3856 3857 <ul 3858 class="menu-drawer__menu menu-drawer__menu--grandchildlist details-content" 3859 role="list" 3860 tabindex="-1" 3861 ><li 3862 class="menu-drawer__list-item" 3863 style="--menu-drawer-animation-index: 1;" 3864 > 3865 <a 3866 id="HeaderDrawer-korean-beauty-shop-by-brands-skin1004" 3867 href="/collections/skin1004" 3868 class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset" 3869 3870 > 3871
3872 <span class="menu-drawer__menu-item-text wrap-text">Skin1004</span> 3873 </a> 3874 </li><li 3875 class="menu-drawer__list-item" 3876 style="--menu-drawer-animation-index: 2;" 3877 > 3878 <a 3879 id="HeaderDrawer-korean-beauty-shop-by-brands-beauty-of-joseon" 3880 href="/collections/beauty-of-joseon" 3881 class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset" 3882 3883 > 3884 3885 <span class="menu-drawer__menu-item-text wrap-text">Beauty Of Joseon</span> 3886 </a> 3887 </li><li 3888 class="menu-drawer__list-item" 3889 style="--menu-drawer-animation-index: 3;" 3890 > 3891 <a 3892 id="HeaderDrawer-korean-beauty-shop-by-brands-anua" 3893 href="/collections/anua" 3894 class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset" 3895 3896 > 3897 3898 <span class="menu-drawer__menu-item-text wrap-text">Anua</span> 3899 </a> 3900 </li><li 3901 class="menu-drawer__list-item" 3902 style="--menu-drawer-animation-index: 4;" 3903 > 3904 <a 3905 id="HeaderDrawer-korean-beauty-shop-by-brands-medicube" 3906 href="/collections/medicube" 3907 class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset" 3908 3909 > 3910 3911 <span class="menu-drawer__menu-item-text wrap-text">Medicube</span> 3912 </a> 3913 </li><li 3914 class="menu-drawer__list-item" 3915 style="--menu-drawer-animation-index: 5;" 3916 > 3917 <a 3918 id="HeaderDrawer-korean-beauty-shop-by-brands-cosrx" 3919 href="/collections/COSRX" 3920 class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset" 3921 3922 > 3923 3924 <span class="menu-drawer__menu-item-text wrap-text">COSRX</span> 3925 </a> 3926 </li><li 3927 class="menu-drawer__list-item" 3928 style="--menu-drawer-animation-index: 6;" 3929 > 3930 <a 3931 id="HeaderDrawer-korean-beauty-shop-by-brands-celimax" 3932 href="/products/celimax-the-vita-a-retinal-shot-tightening-booster" 3933 class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset" 3934 3935 > 3936
3937 <span class="menu-drawer__menu-item-text wrap-text">Celimax</span> 3938 </a> 3939 </li><li 3940 class="menu-drawer__list-item" 3941 style="--menu-drawer-animation-index: 7;" 3942 > 3943 <a 3944 id="HeaderDrawer-korean-beauty-shop-by-brands-dr-althea" 3945 href="/collections/dr-althea" 3946 class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset" 3947 3948 > 3949 3950 <span class="menu-drawer__menu-item-text wrap-text">Dr Althea</span> 3951 </a> 3952 </li><li 3953 class="menu-drawer__list-item" 3954 style="--menu-drawer-animation-index: 8;" 3955 > 3956 <a 3957 id="HeaderDrawer-korean-beauty-shop-by-brands-axis-y" 3958 href="/collections/Axis-Y" 3959 class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset" 3960 3961 > 3962 3963 <span class="menu-drawer__menu-item-text wrap-text">Axis-Y</span> 3964 </a> 3965 </li><li 3966 class="menu-drawer__list-item" 3967 style="--menu-drawer-animation-index: 9;" 3968 > 3969 <a 3970 id="HeaderDrawer-korean-beauty-shop-by-brands-purito-seoul" 3971 href="/products/purito-seoul-mighty-bamboo-panthenol-moisturizing-cream-100ml" 3972 class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset" 3973 3974 > 3975 3976 <span class="menu-drawer__menu-item-text wrap-text">Purito Seoul</span> 3977 </a> 3978 </li><li 3979 class="menu-drawer__list-item" 3980 style="--menu-drawer-animation-index: 10;" 3981 > 3982 <a 3983 id="HeaderDrawer-korean-beauty-shop-by-brands-eqqual-berry" 3984 href="/collections/eqqualberry" 3985 class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset" 3986 3987 > 3988 3989 <span class="menu-drawer__menu-item-text wrap-text">Eqqual Berry</span> 3990 </a> 3991 </li><li 3992 class="menu-drawer__list-item" 3993 style="--menu-drawer-animation-index: 11;" 3994 > 3995 <a 3996 id="HeaderDrawer-korean-beauty-shop-by-brands-im-from" 3997 href="/products/im-from-mugwort-serum-30ml" 3998 class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset" 3999 4000 > 4001
4002 <span class="menu-drawer__menu-item-text wrap-text">I'm From</span> 4003 </a> 4004 </li><li 4005 class="menu-drawer__list-item" 4006 style="--menu-drawer-animation-index: 12;" 4007 > 4008 <a 4009 id="HeaderDrawer-korean-beauty-shop-by-brands-arencia" 4010 href="/collections/arencia" 4011 class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset" 4012 4013 > 4014 4015 <span class="menu-drawer__menu-item-text wrap-text">Arencia</span> 4016 </a> 4017 </li><li 4018 class="menu-drawer__list-item" 4019 style="--menu-drawer-animation-index: 13;" 4020 > 4021 <a 4022 id="HeaderDrawer-korean-beauty-shop-by-brands-vt-cosmetics" 4023 href="/collections/vt-cosmetics" 4024 class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset" 4025 4026 > 4027 4028 <span class="menu-drawer__menu-item-text wrap-text">VT Cosmetics</span> 4029 </a> 4030 </li><li 4031 class="menu-drawer__list-item" 4032 style="--menu-drawer-animation-index: 14;" 4033 > 4034 <a 4035 id="HeaderDrawer-korean-beauty-shop-by-brands-numbuzin" 4036 href="/collections/numbuzin" 4037 class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset" 4038 4039 > 4040 4041 <span class="menu-drawer__menu-item-text wrap-text">Numbuzin</span> 4042 </a> 4043 </li></ul> 4044 </details> 4045 4046</accordion-custom> 4047 4048 4049 4050 </li></ul> 4051 4052 </div> 4053 </div> 4054 </details></li> 4055 <li 4056 class="menu-drawer__list-item" 4057 style="--menu-drawer-animation-index: 3;" 4058 ><details 4059 id="Details-menu-drawer-menu-item-3" 4060 class="menu-drawer__menu-container" 4061 > 4062 <summary 4063 id="HeaderDrawer-skin-care" 4064 class="menu-drawer__menu-item menu-drawer__menu-item--mainlist menu-drawer__animated-element focus-inset" 4065 on:click="header-drawer/open/submenu" 4066 > 4067 <span class="menu-drawer__menu-item-text wrap-text">Skin Care</span> 4068 <span class="svg-wrapper icon-caret icon-caret--forward"><svg aria-hidden="true" width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg"> 4069 <path d="M11 5.5L7 9.5L3 5.5" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 4070</svg> 4071</span> 4072 </summary> 4073 <div 4074 id="link-skin-care" 4075 class="menu-drawer__submenu has-submenu" 4076 tabindex="-1" 4077 style="--menu-drawer-animation-index: 3;" 4078 > 4079 <div class="menu-drawer__inner-submenu"> 4080 <div class="menu-drawer__nav-buttons"> 4081 <button 4082 class="button menu-drawer__back-button focus-inset" 4083 on:click="header-drawer/back" 4084 aria-label="Back to Skin Care" 4085 >
4086 <span class="svg-wrapper icon-caret icon-caret--backward"><svg aria-hidden="true" width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg"> 4087 <path d="M11 5.5L7 9.5L3 5.5" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 4088</svg> 4089</span> 4090 <span class="menu-drawer__menu-item-text wrap-text">Skin Care</span> 4091 </button> 4092 <button 4093 class="button button-unstyled close-button menu-drawer__close-button focus-inset" 4094 type="button" 4095 aria-label="Close" 4096 on:click="header-drawer/close" 4097 > 4098 <span class="svg-wrapper header-drawer-icon header-drawer-icon--close"><svg aria-hidden="true" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"> 4099<path d="M11.1765 12.025C11.4108 12.2594 11.7907 12.2594 12.025 12.025C12.2594 11.7907 12.2594 11.4108 12.025 11.1765L8.84931 8.00078L12.025 4.82505C12.2594 4.59073 12.2594 4.21083 12.025 3.97652C11.7907 3.7422 11.4108 3.7422 11.1765 3.97652L8.00078 7.15225L4.82505 3.97652C4.59073 3.7422 4.21083 3.7422 3.97652 3.97652C3.7422 4.21083 3.7422 4.59073 3.97652 4.82505L7.15225 8.00078L3.97652 11.1765C3.7422 11.4108 3.7422 11.7907 3.97652 12.025C4.21083 12.2594 4.59073 12.2594 4.82505 12.025L8.00078 8.84931L11.1765 12.025Z" fill="currentColor"/> 4100</svg> 4101</span> 4102 </button> 4103 </div> 4104 4105 <ul 4106 class="menu-drawer__menu menu-drawer__menu--childlist" 4107 role="list" 4108 tabindex="-1" 4109 > 4110 <li 4111 class=" 4112 menu-drawer__list-item 4113 menu-drawer__list-item--deep 4114 " 4115 > 4116 4117 4118 <accordion-custom 4119 4120 4121 4122 4123 4124 4125 4126 4127 4128> 4129 4130 <details 4131 id="Details-menu-drawer-skin-care-shop-by-concern" 4132 > 4133 <summary 4134 id="HeaderDrawer-skin-care-shop-by-concern" 4135 class="menu-drawer__menu-item menu-drawer__menu-item--parent focus-inset" 4136 > 4137 <span class="menu-drawer__menu-item-text wrap-text">Shop By Concern</span> 4138 <span class="svg-wrapper icon-plus"><svg aria-hidden="true" width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg"> 4139 <path class="vertical" d="M2.75 7H11.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/> 4140 <path class="horizontal" d="M7 2.75L7 11.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/> 4141</svg> 4142</span> 4143 </summary> 4144 4145 <ul 4146 class="menu-drawer__menu menu-drawer__menu--grandchildlist details-content" 4147 role="list" 4148 tabindex="-1" 4149 ><li 4150 class="menu-drawer__list-item" 4151 style="--menu-drawer-animation-index: 1;" 4152 > 4153 <a 4154 id="HeaderDrawer-skin-care-shop-by-concern-acne-breakouts-blemishes" 4155 href="/collections/acne-blemishes" 4156 class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset" 4157 4158 > 4159
4160 <span class="menu-drawer__menu-item-text wrap-text">Acne / Breakouts / Blemishes</span> 4161 </a> 4162 </li><li 4163 class="menu-drawer__list-item" 4164 style="--menu-drawer-animation-index: 2;" 4165 > 4166 <a 4167 id="HeaderDrawer-skin-care-shop-by-concern-brightening-glow-texture" 4168 href="/collections/dullness-uneven-texture" 4169 class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset" 4170 4171 > 4172 4173 <span class="menu-drawer__menu-item-text wrap-text">Brightening / Glow / Texture</span> 4174 </a> 4175 </li><li 4176 class="menu-drawer__list-item" 4177 style="--menu-drawer-animation-index: 3;" 4178 > 4179 <a 4180 id="HeaderDrawer-skin-care-shop-by-concern-pores-clenasing-oil-control" 4181 href="/collections/pores" 4182 class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset" 4183 4184 > 4185 4186 <span class="menu-drawer__menu-item-text wrap-text">Pores Clenasing / Oil Control</span> 4187 </a> 4188 </li><li 4189 class="menu-drawer__list-item" 4190 style="--menu-drawer-animation-index: 4;" 4191 > 4192 <a 4193 id="HeaderDrawer-skin-care-shop-by-concern-dark-spots-dullness" 4194 href="/collections/dark-spots" 4195 class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset" 4196 4197 > 4198 4199 <span class="menu-drawer__menu-item-text wrap-text">Dark Spots & Dullness</span> 4200 </a> 4201 </li><li 4202 class="menu-drawer__list-item" 4203 style="--menu-drawer-animation-index: 5;" 4204 > 4205 <a 4206 id="HeaderDrawer-skin-care-shop-by-concern-dryness" 4207 href="/collections/dryness" 4208 class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset" 4209 4210 > 4211 4212 <span class="menu-drawer__menu-item-text wrap-text">Dryness</span> 4213 </a> 4214 </li><li 4215 class="menu-drawer__list-item" 4216 style="--menu-drawer-animation-index: 6;" 4217 > 4218 <a 4219 id="HeaderDrawer-skin-care-shop-by-concern-anti-aging" 4220 href="/collections/anti-aging" 4221 class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset" 4222 4223 > 4224
4225 <span class="menu-drawer__menu-item-text wrap-text">Anti-Aging</span> 4226 </a> 4227 </li><li 4228 class="menu-drawer__list-item" 4229 style="--menu-drawer-animation-index: 7;" 4230 > 4231 <a 4232 id="HeaderDrawer-skin-care-shop-by-concern-fine-lines-wrinkles" 4233 href="/collections/fine-lines-wrinkles" 4234 class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset" 4235 4236 > 4237 4238 <span class="menu-drawer__menu-item-text wrap-text">Fine Lines & Wrinkles</span> 4239 </a> 4240 </li><li 4241 class="menu-drawer__list-item" 4242 style="--menu-drawer-animation-index: 8;" 4243 > 4244 <a 4245 id="HeaderDrawer-skin-care-shop-by-concern-pigmentation-scars" 4246 href="/collections/hyperpigmentation" 4247 class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset" 4248 4249 > 4250 4251 <span class="menu-drawer__menu-item-text wrap-text">Pigmentation / Scars</span> 4252 </a> 4253 </li></ul> 4254 </details> 4255 4256</accordion-custom> 4257 4258 4259 4260 </li><li 4261 class=" 4262 menu-drawer__list-item 4263 menu-drawer__list-item--deep 4264 " 4265 > 4266 4267 4268 <accordion-custom 4269 4270 4271 4272 4273 4274 4275 4276 4277 4278> 4279 4280 <details 4281 id="Details-menu-drawer-skin-care-serums-toners" 4282 > 4283 <summary 4284 id="HeaderDrawer-skin-care-serums-toners" 4285 class="menu-drawer__menu-item menu-drawer__menu-item--parent focus-inset" 4286 > 4287 <span class="menu-drawer__menu-item-text wrap-text">Serums & Toners</span> 4288 <span class="svg-wrapper icon-plus"><svg aria-hidden="true" width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg"> 4289 <path class="vertical" d="M2.75 7H11.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/> 4290 <path class="horizontal" d="M7 2.75L7 11.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/> 4291</svg> 4292</span> 4293 </summary> 4294 4295 <ul 4296 class="menu-drawer__menu menu-drawer__menu--grandchildlist details-content" 4297 role="list" 4298 tabindex="-1" 4299 ><li 4300 class="menu-drawer__list-item" 4301 style="--menu-drawer-animation-index: 1;" 4302 > 4303 <a 4304 id="HeaderDrawer-skin-care-serums-toners-ampoules-new" 4305 href="/collections/ampoules" 4306 class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset" 4307 4308 > 4309
4310 <span class="menu-drawer__menu-item-text wrap-text">Ampoules (New)</span> 4311 </a> 4312 </li><li 4313 class="menu-drawer__list-item" 4314 style="--menu-drawer-animation-index: 2;" 4315 > 4316 <a 4317 id="HeaderDrawer-skin-care-serums-toners-face-serums" 4318 href="/collections/face-serums" 4319 class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset" 4320 4321 > 4322 4323 <span class="menu-drawer__menu-item-text wrap-text">Face Serums</span> 4324 </a> 4325 </li><li 4326 class="menu-drawer__list-item" 4327 style="--menu-drawer-animation-index: 3;" 4328 > 4329 <a 4330 id="HeaderDrawer-skin-care-serums-toners-toners" 4331 href="/collections/toners" 4332 class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset" 4333 4334 > 4335 4336 <span class="menu-drawer__menu-item-text wrap-text">Toners</span> 4337 </a> 4338 </li><li 4339 class="menu-drawer__list-item" 4340 style="--menu-drawer-animation-index: 4;" 4341 > 4342 <a 4343 id="HeaderDrawer-skin-care-serums-toners-face-masks" 4344 href="/collections/face-masks" 4345 class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset" 4346 4347 > 4348 4349 <span class="menu-drawer__menu-item-text wrap-text">Face Masks</span> 4350 </a> 4351 </li></ul> 4352 </details> 4353 4354</accordion-custom> 4355 4356 4357 4358 </li><li 4359 class=" 4360 menu-drawer__list-item 4361 menu-drawer__list-item--deep 4362 " 4363 > 4364 4365 4366 <accordion-custom 4367 4368 4369 4370 4371 4372 4373 4374 4375 4376> 4377 4378 <details 4379 id="Details-menu-drawer-skin-care-moisturizers-lotions" 4380 > 4381 <summary 4382 id="HeaderDrawer-skin-care-moisturizers-lotions" 4383 class="menu-drawer__menu-item menu-drawer__menu-item--parent focus-inset" 4384 > 4385 <span class="menu-drawer__menu-item-text wrap-text">Moisturizers & Lotions</span> 4386 <span class="svg-wrapper icon-plus"><svg aria-hidden="true" width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg"> 4387 <path class="vertical" d="M2.75 7H11.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/> 4388 <path class="horizontal" d="M7 2.75L7 11.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/> 4389</svg> 4390</span> 4391 </summary> 4392 4393 <ul 4394 class="menu-drawer__menu menu-drawer__menu--grandchildlist details-content" 4395 role="list" 4396 tabindex="-1" 4397 ><li 4398 class="menu-drawer__list-item" 4399 style="--menu-drawer-animation-index: 1;" 4400 > 4401 <a 4402 id="HeaderDrawer-skin-care-moisturizers-lotions-moisturizer" 4403 href="/collections/moisturizer" 4404 class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset" 4405 4406 > 4407
4408 <span class="menu-drawer__menu-item-text wrap-text">Moisturizer</span> 4409 </a> 4410 </li><li 4411 class="menu-drawer__list-item" 4412 style="--menu-drawer-animation-index: 2;" 4413 > 4414 <a 4415 id="HeaderDrawer-skin-care-moisturizers-lotions-face-creams" 4416 href="/collections/face-creams" 4417 class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset" 4418 4419 > 4420 4421 <span class="menu-drawer__menu-item-text wrap-text">Face Creams</span> 4422 </a> 4423 </li><li 4424 class="menu-drawer__list-item" 4425 style="--menu-drawer-animation-index: 3;" 4426 > 4427 <a 4428 id="HeaderDrawer-skin-care-moisturizers-lotions-sunblock" 4429 href="/collections/sunblock" 4430 class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset" 4431 4432 > 4433 4434 <span class="menu-drawer__menu-item-text wrap-text">Sunblock</span> 4435 </a> 4436 </li><li 4437 class="menu-drawer__list-item" 4438 style="--menu-drawer-animation-index: 4;" 4439 > 4440 <a 4441 id="HeaderDrawer-skin-care-moisturizers-lotions-eye-cream" 4442 href="/collections/eye-cream" 4443 class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset" 4444 4445 > 4446 4447 <span class="menu-drawer__menu-item-text wrap-text">Eye Cream</span> 4448 </a> 4449 </li><li 4450 class="menu-drawer__list-item" 4451 style="--menu-drawer-animation-index: 5;" 4452 > 4453 <a 4454 id="HeaderDrawer-skin-care-moisturizers-lotions-body-lotion" 4455 href="/collections/body-lotion" 4456 class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset" 4457 4458 > 4459 4460 <span class="menu-drawer__menu-item-text wrap-text">Body Lotion</span> 4461 </a> 4462 </li><li 4463 class="menu-drawer__list-item" 4464 style="--menu-drawer-animation-index: 6;" 4465 > 4466 <a 4467 id="HeaderDrawer-skin-care-moisturizers-lotions-hand-foot-care" 4468 href="/collections/hand-foot-care" 4469 class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset" 4470 4471 > 4472
4473 <span class="menu-drawer__menu-item-text wrap-text">Hand & Foot Care</span> 4474 </a> 4475 </li><li 4476 class="menu-drawer__list-item" 4477 style="--menu-drawer-animation-index: 7;" 4478 > 4479 <a 4480 id="HeaderDrawer-skin-care-moisturizers-lotions-lip-balm-treatment" 4481 href="/collections/lip-balm-treatment" 4482 class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset" 4483 4484 > 4485 4486 <span class="menu-drawer__menu-item-text wrap-text">Lip Balm & Treatment</span> 4487 </a> 4488 </li><li 4489 class="menu-drawer__list-item" 4490 style="--menu-drawer-animation-index: 8;" 4491 > 4492 <a 4493 id="HeaderDrawer-skin-care-moisturizers-lotions-face-oils" 4494 href="/collections/face-oils" 4495 class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset" 4496 4497 > 4498 4499 <span class="menu-drawer__menu-item-text wrap-text">Face Oils</span> 4500 </a> 4501 </li></ul> 4502 </details> 4503 4504</accordion-custom> 4505 4506 4507 4508 </li><li 4509 class=" 4510 menu-drawer__list-item 4511 menu-drawer__list-item--deep 4512 " 4513 > 4514 4515 4516 <accordion-custom 4517 4518 4519 4520 4521 4522 4523 4524 4525 4526> 4527 4528 <details 4529 id="Details-menu-drawer-skin-care-daily-cleansing-care" 4530 > 4531 <summary 4532 id="HeaderDrawer-skin-care-daily-cleansing-care" 4533 class="menu-drawer__menu-item menu-drawer__menu-item--parent focus-inset" 4534 > 4535 <span class="menu-drawer__menu-item-text wrap-text">Daily Cleansing Care</span> 4536 <span class="svg-wrapper icon-plus"><svg aria-hidden="true" width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg"> 4537 <path class="vertical" d="M2.75 7H11.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/> 4538 <path class="horizontal" d="M7 2.75L7 11.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/> 4539</svg> 4540</span> 4541 </summary> 4542 4543 <ul 4544 class="menu-drawer__menu menu-drawer__menu--grandchildlist details-content" 4545 role="list" 4546 tabindex="-1" 4547 ><li 4548 class="menu-drawer__list-item" 4549 style="--menu-drawer-animation-index: 1;" 4550 > 4551 <a 4552 id="HeaderDrawer-skin-care-daily-cleansing-care-cleanser" 4553 href="/collections/cleanser" 4554 class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset" 4555 4556 > 4557
4558 <span class="menu-drawer__menu-item-text wrap-text">Cleanser</span> 4559 </a> 4560 </li><li 4561 class="menu-drawer__list-item" 4562 style="--menu-drawer-animation-index: 2;" 4563 > 4564 <a 4565 id="HeaderDrawer-skin-care-daily-cleansing-care-face-wash" 4566 href="/collections/face-wash" 4567 class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset" 4568 4569 > 4570 4571 <span class="menu-drawer__menu-item-text wrap-text">Face Wash</span> 4572 </a> 4573 </li><li 4574 class="menu-drawer__list-item" 4575 style="--menu-drawer-animation-index: 3;" 4576 > 4577 <a 4578 id="HeaderDrawer-skin-care-daily-cleansing-care-face-scrub" 4579 href="/collections/face-scrub" 4580 class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset" 4581 4582 > 4583 4584 <span class="menu-drawer__menu-item-text wrap-text">Face Scrub</span> 4585 </a> 4586 </li><li 4587 class="menu-drawer__list-item" 4588 style="--menu-drawer-animation-index: 4;" 4589 > 4590 <a 4591 id="HeaderDrawer-skin-care-daily-cleansing-care-face-wipes" 4592 href="/collections/face-wipes" 4593 class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset" 4594 4595 > 4596 4597 <span class="menu-drawer__menu-item-text wrap-text">Face Wipes</span> 4598 </a> 4599 </li><li 4600 class="menu-drawer__list-item" 4601 style="--menu-drawer-animation-index: 5;" 4602 > 4603 <a 4604 id="HeaderDrawer-skin-care-daily-cleansing-care-body-wash" 4605 href="/collections/body-wash" 4606 class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset" 4607 4608 > 4609 4610 <span class="menu-drawer__menu-item-text wrap-text">Body Wash</span> 4611 </a> 4612 </li></ul> 4613 </details> 4614 4615</accordion-custom> 4616 4617 4618 4619 </li><li 4620 class=" 4621 menu-drawer__list-item 4622 menu-drawer__list-item--deep 4623 " 4624 > 4625 4626 4627 <accordion-custom 4628 4629 4630 4631 4632 4633 4634 4635 4636 4637> 4638 4639 <details 4640 id="Details-menu-drawer-skin-care-face-masks" 4641 > 4642 <summary 4643 id="HeaderDrawer-skin-care-face-masks" 4644 class="menu-drawer__menu-item menu-drawer__menu-item--parent focus-inset" 4645 >
4646 <span class="menu-drawer__menu-item-text wrap-text">Face Masks</span> 4647 <span class="svg-wrapper icon-plus"><svg aria-hidden="true" width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg"> 4648 <path class="vertical" d="M2.75 7H11.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/> 4649 <path class="horizontal" d="M7 2.75L7 11.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/> 4650</svg> 4651</span> 4652 </summary> 4653 4654 <ul 4655 class="menu-drawer__menu menu-drawer__menu--grandchildlist details-content" 4656 role="list" 4657 tabindex="-1" 4658 ><li 4659 class="menu-drawer__list-item" 4660 style="--menu-drawer-animation-index: 1;" 4661 > 4662 <a 4663 id="HeaderDrawer-skin-care-face-masks-sheet-masks" 4664 href="/collections/sheet-masks" 4665 class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset" 4666 4667 > 4668 4669 <span class="menu-drawer__menu-item-text wrap-text">Sheet Masks</span> 4670 </a> 4671 </li><li 4672 class="menu-drawer__list-item" 4673 style="--menu-drawer-animation-index: 2;" 4674 > 4675 <a 4676 id="HeaderDrawer-skin-care-face-masks-face-masks" 4677 href="/collections/face-masks" 4678 class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset" 4679 4680 > 4681 4682 <span class="menu-drawer__menu-item-text wrap-text">Face Masks</span> 4683 </a> 4684 </li></ul> 4685 </details> 4686 4687</accordion-custom> 4688 4689 4690 4691 </li></ul> 4692 4693 </div> 4694 </div> 4695 </details></li> 4696 <li 4697 class="menu-drawer__list-item" 4698 style="--menu-drawer-animation-index: 4;" 4699 ><details 4700 id="Details-menu-drawer-menu-item-4" 4701 class="menu-drawer__menu-container" 4702 > 4703 <summary 4704 id="HeaderDrawer-hair-care" 4705 class="menu-drawer__menu-item menu-drawer__menu-item--mainlist menu-drawer__animated-element focus-inset" 4706 on:click="header-drawer/open/submenu" 4707 > 4708 <span class="menu-drawer__menu-item-text wrap-text">Hair Care</span> 4709 <span class="svg-wrapper icon-caret icon-caret--forward"><svg aria-hidden="true" width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg"> 4710 <path d="M11 5.5L7 9.5L3 5.5" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 4711</svg> 4712</span> 4713 </summary> 4714 <div 4715 id="link-hair-care" 4716 class="menu-drawer__submenu has-submenu" 4717 tabindex="-1" 4718 style="--menu-drawer-animation-index: 4;" 4719 > 4720 <div class="menu-drawer__inner-submenu"> 4721 <div class="menu-drawer__nav-buttons"> 4722 <button 4723 class="button menu-drawer__back-button focus-inset" 4724 on:click="header-drawer/back" 4725 aria-label="Back to Hair Care" 4726 >
4727 <span class="svg-wrapper icon-caret icon-caret--backward"><svg aria-hidden="true" width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg"> 4728 <path d="M11 5.5L7 9.5L3 5.5" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 4729</svg> 4730</span> 4731 <span class="menu-drawer__menu-item-text wrap-text">Hair Care</span> 4732 </button> 4733 <button 4734 class="button button-unstyled close-button menu-drawer__close-button focus-inset" 4735 type="button" 4736 aria-label="Close" 4737 on:click="header-drawer/close" 4738 > 4739 <span class="svg-wrapper header-drawer-icon header-drawer-icon--close"><svg aria-hidden="true" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"> 4740<path d="M11.1765 12.025C11.4108 12.2594 11.7907 12.2594 12.025 12.025C12.2594 11.7907 12.2594 11.4108 12.025 11.1765L8.84931 8.00078L12.025 4.82505C12.2594 4.59073 12.2594 4.21083 12.025 3.97652C11.7907 3.7422 11.4108 3.7422 11.1765 3.97652L8.00078 7.15225L4.82505 3.97652C4.59073 3.7422 4.21083 3.7422 3.97652 3.97652C3.7422 4.21083 3.7422 4.59073 3.97652 4.82505L7.15225 8.00078L3.97652 11.1765C3.7422 11.4108 3.7422 11.7907 3.97652 12.025C4.21083 12.2594 4.59073 12.2594 4.82505 12.025L8.00078 8.84931L11.1765 12.025Z" fill="currentColor"/> 4741</svg> 4742</span> 4743 </button> 4744 </div> 4745 4746 <ul 4747 class="menu-drawer__menu menu-drawer__menu--childlist" 4748 role="list" 4749 tabindex="-1" 4750 > 4751 <li 4752 class=" 4753 menu-drawer__list-item 4754 menu-drawer__list-item--deep 4755 " 4756 > 4757 4758 4759 <accordion-custom 4760 4761 4762 4763 4764 4765 4766 4767 4768 4769> 4770 4771 <details 4772 id="Details-menu-drawer-hair-care-shop-by-concern" 4773 > 4774 <summary 4775 id="HeaderDrawer-hair-care-shop-by-concern" 4776 class="menu-drawer__menu-item menu-drawer__menu-item--parent focus-inset" 4777 > 4778 <span class="menu-drawer__menu-item-text wrap-text">Shop By Concern</span> 4779 <span class="svg-wrapper icon-plus"><svg aria-hidden="true" width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg"> 4780 <path class="vertical" d="M2.75 7H11.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/> 4781 <path class="horizontal" d="M7 2.75L7 11.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/> 4782</svg> 4783</span> 4784 </summary> 4785 4786 <ul 4787 class="menu-drawer__menu menu-drawer__menu--grandchildlist details-content" 4788 role="list" 4789 tabindex="-1" 4790 ><li 4791 class="menu-drawer__list-item" 4792 style="--menu-drawer-animation-index: 1;" 4793 > 4794 <a 4795 id="HeaderDrawer-hair-care-shop-by-concern-hair-fall" 4796 href="/collections/hair-fall" 4797 class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset" 4798 4799 > 4800
4801 <span class="menu-drawer__menu-item-text wrap-text">Hair Fall</span> 4802 </a> 4803 </li><li 4804 class="menu-drawer__list-item" 4805 style="--menu-drawer-animation-index: 2;" 4806 > 4807 <a 4808 id="HeaderDrawer-hair-care-shop-by-concern-hair-density" 4809 href="/collections/hair-density" 4810 class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset" 4811 4812 > 4813 4814 <span class="menu-drawer__menu-item-text wrap-text">Hair Density</span> 4815 </a> 4816 </li><li 4817 class="menu-drawer__list-item" 4818 style="--menu-drawer-animation-index: 3;" 4819 > 4820 <a 4821 id="HeaderDrawer-hair-care-shop-by-concern-hair-repair" 4822 href="/collections/hair-repair" 4823 class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset" 4824 4825 > 4826 4827 <span class="menu-drawer__menu-item-text wrap-text">Hair Repair</span> 4828 </a> 4829 </li><li 4830 class="menu-drawer__list-item" 4831 style="--menu-drawer-animation-index: 4;" 4832 > 4833 <a 4834 id="HeaderDrawer-hair-care-shop-by-concern-dandruff" 4835 href="/collections/dandruff" 4836 class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset" 4837 4838 > 4839 4840 <span class="menu-drawer__menu-item-text wrap-text">Dandruff</span> 4841 </a> 4842 </li></ul> 4843 </details> 4844 4845</accordion-custom> 4846 4847 4848 4849 </li><li 4850 class=" 4851 menu-drawer__list-item 4852 menu-drawer__list-item--deep 4853 " 4854 > 4855 4856 4857 <accordion-custom 4858 4859 4860 4861 4862 4863 4864 4865 4866 4867> 4868 4869 <details 4870 id="Details-menu-drawer-hair-care-shampoo-conditioners" 4871 > 4872 <summary 4873 id="HeaderDrawer-hair-care-shampoo-conditioners" 4874 class="menu-drawer__menu-item menu-drawer__menu-item--parent focus-inset" 4875 > 4876 <span class="menu-drawer__menu-item-text wrap-text">Shampoo & Conditioners</span> 4877 <span class="svg-wrapper icon-plus"><svg aria-hidden="true" width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg"> 4878 <path class="vertical" d="M2.75 7H11.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/> 4879 <path class="horizontal" d="M7 2.75L7 11.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/> 4880</svg> 4881</span> 4882 </summary> 4883 4884 <ul 4885 class="menu-drawer__menu menu-drawer__menu--grandchildlist details-content" 4886 role="list" 4887 tabindex="-1" 4888 ><li 4889 class="menu-drawer__list-item" 4890 style="--menu-drawer-animation-index: 1;" 4891 > 4892 <a 4893 id="HeaderDrawer-hair-care-shampoo-conditioners-shampoo" 4894 href="/collections/shampoo" 4895 class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset" 4896 4897 > 4898
4899 <span class="menu-drawer__menu-item-text wrap-text">Shampoo</span> 4900 </a> 4901 </li><li 4902 class="menu-drawer__list-item" 4903 style="--menu-drawer-animation-index: 2;" 4904 > 4905 <a 4906 id="HeaderDrawer-hair-care-shampoo-conditioners-dry-shampoo" 4907 href="/collections/dry-shampoo" 4908 class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset" 4909 4910 > 4911 4912 <span class="menu-drawer__menu-item-text wrap-text">Dry Shampoo</span> 4913 </a> 4914 </li><li 4915 class="menu-drawer__list-item" 4916 style="--menu-drawer-animation-index: 3;" 4917 > 4918 <a 4919 id="HeaderDrawer-hair-care-shampoo-conditioners-hair-conditioner" 4920 href="/collections/conditioner" 4921 class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset" 4922 4923 > 4924 4925 <span class="menu-drawer__menu-item-text wrap-text">Hair Conditioner</span> 4926 </a> 4927 </li><li 4928 class="menu-drawer__list-item" 4929 style="--menu-drawer-animation-index: 4;" 4930 > 4931 <a 4932 id="HeaderDrawer-hair-care-shampoo-conditioners-hair-mask" 4933 href="/collections/hair-mask" 4934 class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset" 4935 4936 > 4937 4938 <span class="menu-drawer__menu-item-text wrap-text">Hair Mask</span> 4939 </a> 4940 </li></ul> 4941 </details> 4942 4943</accordion-custom> 4944 4945 4946 4947 </li><li 4948 class=" 4949 menu-drawer__list-item 4950 menu-drawer__list-item--deep 4951 " 4952 > 4953 4954 4955 <accordion-custom 4956 4957 4958 4959 4960 4961 4962 4963 4964 4965> 4966 4967 <details 4968 id="Details-menu-drawer-hair-care-hair-colours" 4969 > 4970 <summary 4971 id="HeaderDrawer-hair-care-hair-colours" 4972 class="menu-drawer__menu-item menu-drawer__menu-item--parent focus-inset" 4973 > 4974 <span class="menu-drawer__menu-item-text wrap-text">Hair Colours</span> 4975 <span class="svg-wrapper icon-plus"><svg aria-hidden="true" width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg"> 4976 <path class="vertical" d="M2.75 7H11.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/> 4977 <path class="horizontal" d="M7 2.75L7 11.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/> 4978</svg> 4979</span> 4980 </summary> 4981 4982 <ul 4983 class="menu-drawer__menu menu-drawer__menu--grandchildlist details-content" 4984 role="list" 4985 tabindex="-1" 4986 ><li 4987 class="menu-drawer__list-item" 4988 style="--menu-drawer-animation-index: 1;" 4989 > 4990 <a 4991 id="HeaderDrawer-hair-care-hair-colours-hair-colors-dye" 4992 href="/collections/semi-permanent" 4993 class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset" 4994 4995 > 4996
4997 <span class="menu-drawer__menu-item-text wrap-text">Hair Colors / Dye</span> 4998 </a> 4999 </li><li 5000 class="menu-drawer__list-item" 5001 style="--menu-drawer-animation-index: 2;" 5002 > 5003 <a 5004 id="HeaderDrawer-hair-care-hair-colours-developers" 5005 href="/collections/developer" 5006 class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset" 5007 5008 > 5009 5010 <span class="menu-drawer__menu-item-text wrap-text">Developers</span> 5011 </a> 5012 </li></ul> 5013 </details> 5014 5015</accordion-custom> 5016 5017 5018 5019 </li><li 5020 class=" 5021 menu-drawer__list-item 5022 menu-drawer__list-item--deep 5023 " 5024 > 5025 5026 5027 <accordion-custom 5028 5029 5030 5031 5032 5033 5034 5035 5036 5037> 5038 5039 <details 5040 id="Details-menu-drawer-hair-care-hair-accessories" 5041 > 5042 <summary 5043 id="HeaderDrawer-hair-care-hair-accessories" 5044 class="menu-drawer__menu-item menu-drawer__menu-item--parent focus-inset" 5045 > 5046 <span class="menu-drawer__menu-item-text wrap-text">Hair Accessories</span> 5047 <span class="svg-wrapper icon-plus"><svg aria-hidden="true" width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg"> 5048 <path class="vertical" d="M2.75 7H11.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/> 5049 <path class="horizontal" d="M7 2.75L7 11.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/> 5050</svg> 5051</span> 5052 </summary> 5053 5054 <ul 5055 class="menu-drawer__menu menu-drawer__menu--grandchildlist details-content" 5056 role="list" 5057 tabindex="-1" 5058 ><li 5059 class="menu-drawer__list-item" 5060 style="--menu-drawer-animation-index: 1;" 5061 > 5062 <a 5063 id="HeaderDrawer-hair-care-hair-accessories-hair-styling" 5064 href="/collections/hair-styling" 5065 class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset" 5066 5067 > 5068 5069 <span class="menu-drawer__menu-item-text wrap-text">Hair Styling</span> 5070 </a> 5071 </li><li 5072 class="menu-drawer__list-item" 5073 style="--menu-drawer-animation-index: 2;" 5074 > 5075 <a 5076 id="HeaderDrawer-hair-care-hair-accessories-hair-straightener" 5077 href="/collections/hair-straightener" 5078 class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset" 5079 5080 > 5081
5082 <span class="menu-drawer__menu-item-text wrap-text">Hair Straightener</span> 5083 </a> 5084 </li><li 5085 class="menu-drawer__list-item" 5086 style="--menu-drawer-animation-index: 3;" 5087 > 5088 <a 5089 id="HeaderDrawer-hair-care-hair-accessories-hair-curler" 5090 href="/collections/hair-curler" 5091 class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset" 5092 5093 > 5094 5095 <span class="menu-drawer__menu-item-text wrap-text">Hair Curler</span> 5096 </a> 5097 </li><li 5098 class="menu-drawer__list-item" 5099 style="--menu-drawer-animation-index: 4;" 5100 > 5101 <a 5102 id="HeaderDrawer-hair-care-hair-accessories-hair-dryer" 5103 href="/collections/hair-dryer" 5104 class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset" 5105 5106 > 5107 5108 <span class="menu-drawer__menu-item-text wrap-text">Hair Dryer</span> 5109 </a> 5110 </li></ul> 5111 </details> 5112 5113</accordion-custom> 5114 5115 5116 5117 </li><li 5118 class=" 5119 menu-drawer__list-item 5120 5121 " 5122 ><a 5123 id="HeaderDrawer-hair-care-hair-serum" 5124 href="/collections/hair-serum" 5125 class="menu-drawer__menu-item menu-drawer__menu-item--parent focus-inset" 5126 5127 > 5128 5129 <span class="menu-drawer__menu-item-text wrap-text">Hair Serum</span> 5130 </a></li><li 5131 class=" 5132 menu-drawer__list-item 5133 5134 " 5135 ><a 5136 id="HeaderDrawer-hair-care-hair-oils" 5137 href="/collections/hair-oils" 5138 class="menu-drawer__menu-item menu-drawer__menu-item--parent focus-inset" 5139 5140 > 5141 5142 <span class="menu-drawer__menu-item-text wrap-text">Hair Oils</span> 5143 </a></li></ul> 5144 5145 </div> 5146 </div> 5147 </details></li> 5148 <li 5149 class="menu-drawer__list-item" 5150 style="--menu-drawer-animation-index: 5;" 5151 ><details 5152 id="Details-menu-drawer-menu-item-5" 5153 class="menu-drawer__menu-container" 5154 > 5155 <summary 5156 id="HeaderDrawer-health-care" 5157 class="menu-drawer__menu-item menu-drawer__menu-item--mainlist menu-drawer__animated-element focus-inset" 5158 on:click="header-drawer/open/submenu" 5159 >
5160 <span class="menu-drawer__menu-item-text wrap-text">Health Care</span> 5161 <span class="svg-wrapper icon-caret icon-caret--forward"><svg aria-hidden="true" width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg"> 5162 <path d="M11 5.5L7 9.5L3 5.5" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 5163</svg> 5164</span> 5165 </summary> 5166 <div 5167 id="link-health-care" 5168 class="menu-drawer__submenu has-submenu" 5169 tabindex="-1" 5170 style="--menu-drawer-animation-index: 5;" 5171 > 5172 <div class="menu-drawer__inner-submenu"> 5173 <div class="menu-drawer__nav-buttons"> 5174 <button 5175 class="button menu-drawer__back-button focus-inset" 5176 on:click="header-drawer/back" 5177 aria-label="Back to Health Care" 5178 > 5179 <span class="svg-wrapper icon-caret icon-caret--backward"><svg aria-hidden="true" width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg"> 5180 <path d="M11 5.5L7 9.5L3 5.5" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 5181</svg> 5182</span> 5183 <span class="menu-drawer__menu-item-text wrap-text">Health Care</span> 5184 </button> 5185 <button 5186 class="button button-unstyled close-button menu-drawer__close-button focus-inset" 5187 type="button" 5188 aria-label="Close" 5189 on:click="header-drawer/close" 5190 > 5191 <span class="svg-wrapper header-drawer-icon header-drawer-icon--close"><svg aria-hidden="true" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"> 5192<path d="M11.1765 12.025C11.4108 12.2594 11.7907 12.2594 12.025 12.025C12.2594 11.7907 12.2594 11.4108 12.025 11.1765L8.84931 8.00078L12.025 4.82505C12.2594 4.59073 12.2594 4.21083 12.025 3.97652C11.7907 3.7422 11.4108 3.7422 11.1765 3.97652L8.00078 7.15225L4.82505 3.97652C4.59073 3.7422 4.21083 3.7422 3.97652 3.97652C3.7422 4.21083 3.7422 4.59073 3.97652 4.82505L7.15225 8.00078L3.97652 11.1765C3.7422 11.4108 3.7422 11.7907 3.97652 12.025C4.21083 12.2594 4.59073 12.2594 4.82505 12.025L8.00078 8.84931L11.1765 12.025Z" fill="currentColor"/> 5193</svg> 5194</span> 5195 </button> 5196 </div> 5197 5198 <ul 5199 class="menu-drawer__menu menu-drawer__menu--childlist" 5200 role="list" 5201 tabindex="-1" 5202 > 5203 <li 5204 class=" 5205 menu-drawer__list-item 5206 menu-drawer__list-item--deep 5207 " 5208 > 5209 5210 5211 <accordion-custom 5212 5213 5214 5215 5216 5217 5218 5219 5220 5221> 5222 5223 <details 5224 id="Details-menu-drawer-health-care-shop-by-concern" 5225 > 5226 <summary 5227 id="HeaderDrawer-health-care-shop-by-concern" 5228 class="menu-drawer__menu-item menu-drawer__menu-item--parent focus-inset" 5229 > 5230 <span class="menu-drawer__menu-item-text wrap-text">Shop By Concern</span> 5231 <span class="svg-wrapper icon-plus"><svg aria-hidden="true" width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg"> 5232 <path class="vertical" d="M2.75 7H11.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/> 5233 <path class="horizontal" d="M7 2.75L7 11.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/> 5234</svg> 5235</span> 5236 </summary> 5237 5238 <ul 5239 class="menu-drawer__menu menu-drawer__menu--grandchildlist details-content" 5240 role="list" 5241 tabindex="-1" 5242 ><li 5243 class="menu-drawer__list-item" 5244 style="--menu-drawer-animation-index: 1;" 5245 > 5246 <a 5247 id="HeaderDrawer-health-care-shop-by-concern-male-vitality" 5248 href="/collections/male-vitality" 5249 class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset" 5250 5251 > 5252
5253 <span class="menu-drawer__menu-item-text wrap-text">Male Vitality</span> 5254 </a> 5255 </li><li 5256 class="menu-drawer__list-item" 5257 style="--menu-drawer-animation-index: 2;" 5258 > 5259 <a 5260 id="HeaderDrawer-health-care-shop-by-concern-pregnancy" 5261 href="/collections/pregnancy" 5262 class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset" 5263 5264 > 5265 5266 <span class="menu-drawer__menu-item-text wrap-text">Pregnancy</span> 5267 </a> 5268 </li><li 5269 class="menu-drawer__list-item" 5270 style="--menu-drawer-animation-index: 3;" 5271 > 5272 <a 5273 id="HeaderDrawer-health-care-shop-by-concern-immunity" 5274 href="/collections/immunity" 5275 class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset" 5276 5277 > 5278 5279 <span class="menu-drawer__menu-item-text wrap-text">Immunity</span> 5280 </a> 5281 </li><li 5282 class="menu-drawer__list-item" 5283 style="--menu-drawer-animation-index: 4;" 5284 > 5285 <a 5286 id="HeaderDrawer-health-care-shop-by-concern-bones-joints" 5287 href="/collections/bones-joints" 5288 class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset" 5289 5290 > 5291 5292 <span class="menu-drawer__menu-item-text wrap-text">Bones & Joints</span> 5293 </a> 5294 </li><li 5295 class="menu-drawer__list-item" 5296 style="--menu-drawer-animation-index: 5;" 5297 > 5298 <a 5299 id="HeaderDrawer-health-care-shop-by-concern-energy-booster" 5300 href="/collections/energy-booster" 5301 class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset" 5302 5303 > 5304 5305 <span class="menu-drawer__menu-item-text wrap-text">Energy Booster</span> 5306 </a> 5307 </li><li 5308 class="menu-drawer__list-item" 5309 style="--menu-drawer-animation-index: 6;" 5310 > 5311 <a 5312 id="HeaderDrawer-health-care-shop-by-concern-metabolism-weight-loss" 5313 href="/collections/metabolism" 5314 class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset" 5315 5316 > 5317
5318 <span class="menu-drawer__menu-item-text wrap-text">Metabolism & Weight Loss</span> 5319 </a> 5320 </li><li 5321 class="menu-drawer__list-item" 5322 style="--menu-drawer-animation-index: 7;" 5323 > 5324 <a 5325 id="HeaderDrawer-health-care-shop-by-concern-prostate-functions" 5326 href="/collections/prostate-functions" 5327 class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset" 5328 5329 > 5330 5331 <span class="menu-drawer__menu-item-text wrap-text">Prostate Functions</span> 5332 </a> 5333 </li><li 5334 class="menu-drawer__list-item" 5335 style="--menu-drawer-animation-index: 8;" 5336 > 5337 <a 5338 id="HeaderDrawer-health-care-shop-by-concern-natural-sweetener" 5339 href="/collections/natural-sweetener" 5340 class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset" 5341 5342 > 5343 5344 <span class="menu-drawer__menu-item-text wrap-text">Natural Sweetener</span> 5345 </a> 5346 </li></ul> 5347 </details> 5348 5349</accordion-custom> 5350 5351 5352 5353 </li><li 5354 class=" 5355 menu-drawer__list-item 5356 menu-drawer__list-item--deep 5357 " 5358 > 5359 5360 5361 <accordion-custom 5362 5363 5364 5365 5366 5367 5368 5369 5370 5371> 5372 5373 <details 5374 id="Details-menu-drawer-health-care-supplements-for-men" 5375 > 5376 <summary 5377 id="HeaderDrawer-health-care-supplements-for-men" 5378 class="menu-drawer__menu-item menu-drawer__menu-item--parent focus-inset" 5379 > 5380 <span class="menu-drawer__menu-item-text wrap-text">Supplements For Men</span> 5381 <span class="svg-wrapper icon-plus"><svg aria-hidden="true" width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg"> 5382 <path class="vertical" d="M2.75 7H11.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/> 5383 <path class="horizontal" d="M7 2.75L7 11.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/> 5384</svg> 5385</span> 5386 </summary> 5387 5388 <ul 5389 class="menu-drawer__menu menu-drawer__menu--grandchildlist details-content" 5390 role="list" 5391 tabindex="-1" 5392 ><li 5393 class="menu-drawer__list-item" 5394 style="--menu-drawer-animation-index: 1;" 5395 > 5396 <a 5397 id="HeaderDrawer-health-care-supplements-for-men-men-energy-booster" 5398 href="/collections/men-energy-booster" 5399 class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset" 5400 5401 > 5402
5403 <span class="menu-drawer__menu-item-text wrap-text">Men Energy Booster</span> 5404 </a> 5405 </li><li 5406 class="menu-drawer__list-item" 5407 style="--menu-drawer-animation-index: 2;" 5408 > 5409 <a 5410 id="HeaderDrawer-health-care-supplements-for-men-male-vitality" 5411 href="/collections/male-vitality" 5412 class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset" 5413 5414 > 5415 5416 <span class="menu-drawer__menu-item-text wrap-text">Male Vitality</span> 5417 </a> 5418 </li><li 5419 class="menu-drawer__list-item" 5420 style="--menu-drawer-animation-index: 3;" 5421 > 5422 <a 5423 id="HeaderDrawer-health-care-supplements-for-men-prostate-functions" 5424 href="/collections/prostate-functions" 5425 class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset" 5426 5427 > 5428 5429 <span class="menu-drawer__menu-item-text wrap-text">Prostate Functions</span> 5430 </a> 5431 </li></ul> 5432 </details> 5433 5434</accordion-custom> 5435 5436 5437 5438 </li><li 5439 class=" 5440 menu-drawer__list-item 5441 menu-drawer__list-item--deep 5442 " 5443 > 5444 5445 5446 <accordion-custom 5447 5448 5449 5450 5451 5452 5453 5454 5455 5456> 5457 5458 <details 5459 id="Details-menu-drawer-health-care-supplements-for-women" 5460 > 5461 <summary 5462 id="HeaderDrawer-health-care-supplements-for-women" 5463 class="menu-drawer__menu-item menu-drawer__menu-item--parent focus-inset" 5464 > 5465 <span class="menu-drawer__menu-item-text wrap-text">Supplements For Women</span> 5466 <span class="svg-wrapper icon-plus"><svg aria-hidden="true" width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg"> 5467 <path class="vertical" d="M2.75 7H11.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/> 5468 <path class="horizontal" d="M7 2.75L7 11.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/> 5469</svg> 5470</span> 5471 </summary> 5472 5473 <ul 5474 class="menu-drawer__menu menu-drawer__menu--grandchildlist details-content" 5475 role="list" 5476 tabindex="-1" 5477 ><li 5478 class="menu-drawer__list-item" 5479 style="--menu-drawer-animation-index: 1;" 5480 > 5481 <a 5482 id="HeaderDrawer-health-care-supplements-for-women-pregnancy" 5483 href="/collections/pregnancy" 5484 class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset" 5485 5486 > 5487
5488 <span class="menu-drawer__menu-item-text wrap-text">Pregnancy</span> 5489 </a> 5490 </li></ul> 5491 </details> 5492 5493</accordion-custom> 5494 5495 5496 5497 </li><li 5498 class=" 5499 menu-drawer__list-item 5500 menu-drawer__list-item--deep 5501 " 5502 > 5503 5504 5505 <accordion-custom 5506 5507 5508 5509 5510 5511 5512 5513 5514 5515> 5516 5517 <details 5518 id="Details-menu-drawer-health-care-supplements-for-all" 5519 > 5520 <summary 5521 id="HeaderDrawer-health-care-supplements-for-all" 5522 class="menu-drawer__menu-item menu-drawer__menu-item--parent focus-inset" 5523 > 5524 <span class="menu-drawer__menu-item-text wrap-text">Supplements For All</span> 5525 <span class="svg-wrapper icon-plus"><svg aria-hidden="true" width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg"> 5526 <path class="vertical" d="M2.75 7H11.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/> 5527 <path class="horizontal" d="M7 2.75L7 11.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/> 5528</svg> 5529</span> 5530 </summary> 5531 5532 <ul 5533 class="menu-drawer__menu menu-drawer__menu--grandchildlist details-content" 5534 role="list" 5535 tabindex="-1" 5536 ><li 5537 class="menu-drawer__list-item" 5538 style="--menu-drawer-animation-index: 1;" 5539 > 5540 <a 5541 id="HeaderDrawer-health-care-supplements-for-all-immunity" 5542 href="/collections/immunity" 5543 class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset" 5544 5545 > 5546 5547 <span class="menu-drawer__menu-item-text wrap-text">Immunity</span> 5548 </a> 5549 </li><li 5550 class="menu-drawer__list-item" 5551 style="--menu-drawer-animation-index: 2;" 5552 > 5553 <a 5554 id="HeaderDrawer-health-care-supplements-for-all-metabolism-weight-loss" 5555 href="/collections/metabolism" 5556 class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset" 5557 5558 > 5559 5560 <span class="menu-drawer__menu-item-text wrap-text">Metabolism & Weight Loss</span> 5561 </a> 5562 </li><li 5563 class="menu-drawer__list-item" 5564 style="--menu-drawer-animation-index: 3;" 5565 > 5566 <a 5567 id="HeaderDrawer-health-care-supplements-for-all-bones-joints" 5568 href="/collections/bones-joints" 5569 class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset" 5570 5571 > 5572
5573 <span class="menu-drawer__menu-item-text wrap-text">Bones & Joints</span> 5574 </a> 5575 </li><li 5576 class="menu-drawer__list-item" 5577 style="--menu-drawer-animation-index: 4;" 5578 > 5579 <a 5580 id="HeaderDrawer-health-care-supplements-for-all-hair-vitamins" 5581 href="/collections/hair-vitamins" 5582 class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset" 5583 5584 > 5585 5586 <span class="menu-drawer__menu-item-text wrap-text">Hair Vitamins</span> 5587 </a> 5588 </li><li 5589 class="menu-drawer__list-item" 5590 style="--menu-drawer-animation-index: 5;" 5591 > 5592 <a 5593 id="HeaderDrawer-health-care-supplements-for-all-blood-sugar-support" 5594 href="/collections/blood-sugar-support" 5595 class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset" 5596 5597 > 5598 5599 <span class="menu-drawer__menu-item-text wrap-text">Blood Sugar Support</span> 5600 </a> 5601 </li></ul> 5602 </details> 5603 5604</accordion-custom> 5605 5606 5607 5608 </li><li 5609 class=" 5610 menu-drawer__list-item 5611 menu-drawer__list-item--deep 5612 " 5613 > 5614 5615 5616 <accordion-custom 5617 5618 5619 5620 5621 5622 5623 5624 5625 5626> 5627 5628 <details 5629 id="Details-menu-drawer-health-care-others" 5630 > 5631 <summary 5632 id="HeaderDrawer-health-care-others" 5633 class="menu-drawer__menu-item menu-drawer__menu-item--parent focus-inset" 5634 > 5635 <span class="menu-drawer__menu-item-text wrap-text">Others</span> 5636 <span class="svg-wrapper icon-plus"><svg aria-hidden="true" width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg"> 5637 <path class="vertical" d="M2.75 7H11.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/> 5638 <path class="horizontal" d="M7 2.75L7 11.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/> 5639</svg> 5640</span> 5641 </summary> 5642 5643 <ul 5644 class="menu-drawer__menu menu-drawer__menu--grandchildlist details-content" 5645 role="list" 5646 tabindex="-1" 5647 ><li 5648 class="menu-drawer__list-item" 5649 style="--menu-drawer-animation-index: 1;" 5650 > 5651 <a 5652 id="HeaderDrawer-health-care-others-aromatherapy" 5653 href="/collections/aromatherapy" 5654 class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset" 5655 5656 > 5657
5658 <span class="menu-drawer__menu-item-text wrap-text">Aromatherapy</span> 5659 </a> 5660 </li></ul> 5661 </details> 5662 5663</accordion-custom> 5664 5665 5666 5667 </li></ul> 5668 5669 </div> 5670 </div> 5671 </details></li> 5672 <li 5673 class="menu-drawer__list-item" 5674 style="--menu-drawer-animation-index: 6;" 5675 ><details 5676 id="Details-menu-drawer-menu-item-6" 5677 class="menu-drawer__menu-container" 5678 > 5679 <summary 5680 id="HeaderDrawer-personal-care" 5681 class="menu-drawer__menu-item menu-drawer__menu-item--mainlist menu-drawer__animated-element focus-inset" 5682 on:click="header-drawer/open/submenu" 5683 > 5684 <span class="menu-drawer__menu-item-text wrap-text">Personal Care</span> 5685 <span class="svg-wrapper icon-caret icon-caret--forward"><svg aria-hidden="true" width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg"> 5686 <path d="M11 5.5L7 9.5L3 5.5" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 5687</svg> 5688</span> 5689 </summary> 5690 <div 5691 id="link-personal-care" 5692 class="menu-drawer__submenu has-submenu" 5693 tabindex="-1" 5694 style="--menu-drawer-animation-index: 6;" 5695 > 5696 <div class="menu-drawer__inner-submenu"> 5697 <div class="menu-drawer__nav-buttons"> 5698 <button 5699 class="button menu-drawer__back-button focus-inset" 5700 on:click="header-drawer/back" 5701 aria-label="Back to Personal Care" 5702 > 5703 <span class="svg-wrapper icon-caret icon-caret--backward"><svg aria-hidden="true" width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg"> 5704 <path d="M11 5.5L7 9.5L3 5.5" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 5705</svg> 5706</span> 5707 <span class="menu-drawer__menu-item-text wrap-text">Personal Care</span> 5708 </button> 5709 <button 5710 class="button button-unstyled close-button menu-drawer__close-button focus-inset" 5711 type="button" 5712 aria-label="Close" 5713 on:click="header-drawer/close" 5714 > 5715 <span class="svg-wrapper header-drawer-icon header-drawer-icon--close"><svg aria-hidden="true" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"> 5716<path d="M11.1765 12.025C11.4108 12.2594 11.7907 12.2594 12.025 12.025C12.2594 11.7907 12.2594 11.4108 12.025 11.1765L8.84931 8.00078L12.025 4.82505C12.2594 4.59073 12.2594 4.21083 12.025 3.97652C11.7907 3.7422 11.4108 3.7422 11.1765 3.97652L8.00078 7.15225L4.82505 3.97652C4.59073 3.7422 4.21083 3.7422 3.97652 3.97652C3.7422 4.21083 3.7422 4.59073 3.97652 4.82505L7.15225 8.00078L3.97652 11.1765C3.7422 11.4108 3.7422 11.7907 3.97652 12.025C4.21083 12.2594 4.59073 12.2594 4.82505 12.025L8.00078 8.84931L11.1765 12.025Z" fill="currentColor"/> 5717</svg> 5718</span> 5719 </button> 5720 </div> 5721 5722 <ul 5723 class="menu-drawer__menu menu-drawer__menu--childlist" 5724 role="list" 5725 tabindex="-1" 5726 > 5727 <li 5728 class=" 5729 menu-drawer__list-item 5730 5731 " 5732 ><a 5733 id="HeaderDrawer-personal-care-fragrance" 5734 href="/collections/fragrance" 5735 class="menu-drawer__menu-item menu-drawer__menu-item--parent focus-inset" 5736 5737 > 5738
5739 <span class="menu-drawer__menu-item-text wrap-text">Fragrance</span> 5740 </a></li><li 5741 class=" 5742 menu-drawer__list-item 5743 menu-drawer__list-item--deep 5744 " 5745 > 5746 5747 5748 <accordion-custom 5749 5750 5751 5752 5753 5754 5755 5756 5757 5758> 5759 5760 <details 5761 id="Details-menu-drawer-personal-care-female-care" 5762 > 5763 <summary 5764 id="HeaderDrawer-personal-care-female-care" 5765 class="menu-drawer__menu-item menu-drawer__menu-item--parent focus-inset" 5766 > 5767 <span class="menu-drawer__menu-item-text wrap-text">Female Care</span> 5768 <span class="svg-wrapper icon-plus"><svg aria-hidden="true" width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg"> 5769 <path class="vertical" d="M2.75 7H11.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/> 5770 <path class="horizontal" d="M7 2.75L7 11.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/> 5771</svg> 5772</span> 5773 </summary> 5774 5775 <ul 5776 class="menu-drawer__menu menu-drawer__menu--grandchildlist details-content" 5777 role="list" 5778 tabindex="-1" 5779 ><li 5780 class="menu-drawer__list-item" 5781 style="--menu-drawer-animation-index: 1;" 5782 > 5783 <a 5784 id="HeaderDrawer-personal-care-female-care-vaginal-care" 5785 href="/collections/biomousse-flora" 5786 class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset" 5787 5788 > 5789 5790 <span class="menu-drawer__menu-item-text wrap-text">Vaginal Care</span> 5791 </a> 5792 </li><li 5793 class="menu-drawer__list-item" 5794 style="--menu-drawer-animation-index: 2;" 5795 > 5796 <a 5797 id="HeaderDrawer-personal-care-female-care-hair-removal-cream" 5798 href="/collections/hair-removal-cream" 5799 class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset" 5800 5801 > 5802 5803 <span class="menu-drawer__menu-item-text wrap-text">Hair Removal Cream</span> 5804 </a> 5805 </li><li 5806 class="menu-drawer__list-item" 5807 style="--menu-drawer-animation-index: 3;" 5808 > 5809 <a 5810 id="HeaderDrawer-personal-care-female-care-wax-strips" 5811 href="/collections/wax-strips" 5812 class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset" 5813 5814 > 5815
5816 <span class="menu-drawer__menu-item-text wrap-text">Wax Strips</span> 5817 </a> 5818 </li><li 5819 class="menu-drawer__list-item" 5820 style="--menu-drawer-animation-index: 4;" 5821 > 5822 <a 5823 id="HeaderDrawer-personal-care-female-care-epilators" 5824 href="/collections/epilators" 5825 class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset" 5826 5827 > 5828 5829 <span class="menu-drawer__menu-item-text wrap-text">Epilators</span> 5830 </a> 5831 </li></ul> 5832 </details> 5833 5834</accordion-custom> 5835 5836 5837 5838 </li></ul> 5839 5840 </div> 5841 </div> 5842 </details></li> 5843 <li 5844 class="menu-drawer__list-item" 5845 style="--menu-drawer-animation-index: 7;" 5846 ><details 5847 id="Details-menu-drawer-menu-item-7" 5848 class="menu-drawer__menu-container" 5849 > 5850 <summary 5851 id="HeaderDrawer-baby-care" 5852 class="menu-drawer__menu-item menu-drawer__menu-item--mainlist menu-drawer__animated-element focus-inset" 5853 on:click="header-drawer/open/submenu" 5854 > 5855 <span class="menu-drawer__menu-item-text wrap-text">Baby Care</span> 5856 <span class="svg-wrapper icon-caret icon-caret--forward"><svg aria-hidden="true" width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg"> 5857 <path d="M11 5.5L7 9.5L3 5.5" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 5858</svg> 5859</span> 5860 </summary> 5861 <div 5862 id="link-baby-care" 5863 class="menu-drawer__submenu has-submenu" 5864 tabindex="-1" 5865 style="--menu-drawer-animation-index: 7;" 5866 > 5867 <div class="menu-drawer__inner-submenu"> 5868 <div class="menu-drawer__nav-buttons"> 5869 <button 5870 class="button menu-drawer__back-button focus-inset" 5871 on:click="header-drawer/back" 5872 aria-label="Back to Baby Care" 5873 > 5874 <span class="svg-wrapper icon-caret icon-caret--backward"><svg aria-hidden="true" width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg"> 5875 <path d="M11 5.5L7 9.5L3 5.5" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 5876</svg> 5877</span> 5878 <span class="menu-drawer__menu-item-text wrap-text">Baby Care</span> 5879 </button> 5880 <button 5881 class="button button-unstyled close-button menu-drawer__close-button focus-inset" 5882 type="button" 5883 aria-label="Close" 5884 on:click="header-drawer/close" 5885 > 5886 <span class="svg-wrapper header-drawer-icon header-drawer-icon--close"><svg aria-hidden="true" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"> 5887<path d="M11.1765 12.025C11.4108 12.2594 11.7907 12.2594 12.025 12.025C12.2594 11.7907 12.2594 11.4108 12.025 11.1765L8.84931 8.00078L12.025 4.82505C12.2594 4.59073 12.2594 4.21083 12.025 3.97652C11.7907 3.7422 11.4108 3.7422 11.1765 3.976
588752L8.00078 7.15225L4.82505 3.97652C4.59073 3.7422 4.21083 3.7422 3.97652 3.97652C3.7422 4.21083 3.7422 4.59073 3.97652 4.82505L7.15225 8.00078L3.97652 11.1765C3.7422 11.4108 3.7422 11.7907 3.97652 12.025C4.21083 12.2594 4.59073 12.2594 4.82505 12.025L8.00078 8.84931L11.1765 12.025Z" fill="currentColor"/> 5888</svg> 5889</span> 5890 </button> 5891 </div> 5892 5893 <ul 5894 class="menu-drawer__menu menu-drawer__menu--childlist" 5895 role="list" 5896 tabindex="-1" 5897 > 5898 <li 5899 class=" 5900 menu-drawer__list-item 5901 5902 " 5903 ><a 5904 id="HeaderDrawer-baby-care-kids-vitamins" 5905 href="/collections/kidzvits" 5906 class="menu-drawer__menu-item menu-drawer__menu-item--parent focus-inset" 5907 5908 > 5909 5910 <span class="menu-drawer__menu-item-text wrap-text">Kids Vitamins</span> 5911 </a></li><li 5912 class=" 5913 menu-drawer__list-item 5914 5915 " 5916 ><a 5917 id="HeaderDrawer-baby-care-baby-shampoos-conditioner" 5918 href="/collections/maks" 5919 class="menu-drawer__menu-item menu-drawer__menu-item--parent focus-inset" 5920 5921 > 5922 5923 <span class="menu-drawer__menu-item-text wrap-text">Baby Shampoos & Conditioner</span> 5924 </a></li><li 5925 class=" 5926 menu-drawer__list-item 5927 5928 " 5929 ><a 5930 id="HeaderDrawer-baby-care-baby-wash" 5931 href="/collections/baby-wash" 5932 class="menu-drawer__menu-item menu-drawer__menu-item--parent focus-inset" 5933 5934 > 5935 5936 <span class="menu-drawer__menu-item-text wrap-text">Baby Wash</span> 5937 </a></li><li 5938 class=" 5939 menu-drawer__list-item 5940 5941 " 5942 ><a 5943 id="HeaderDrawer-baby-care-baby-lotion" 5944 href="/collections/baby-lotion" 5945 class="menu-drawer__menu-item menu-drawer__menu-item--parent focus-inset" 5946 5947 > 5948 5949 <span class="menu-drawer__menu-item-text wrap-text">Baby Lotion</span> 5950 </a></li><li 5951 class=" 5952 menu-drawer__list-item 5953 5954 " 5955 ><a 5956 id="HeaderDrawer-baby-care-rashes-treatment" 5957 href="/collections/rashes-treatment" 5958 class="menu-drawer__menu-item menu-drawer__menu-item--parent focus-inset" 5959 5960 > 5961 5962 <span class="menu-drawer__menu-item-text wrap-text">Rashes Treatment</span> 5963 </a></li></ul> 5964 5965 </div> 5966 </div> 5967 </details></li> 5968 <li 5969 class="menu-drawer__list-item" 5970 style="--menu-drawer-animation-index: 8;" 5971 ><a 5972 id="HeaderDrawer-brands" 5973 href="/pages/brands-page" 5974 class="menu-drawer__menu-item menu-drawer__menu-item--mainlist menu-drawer__animated-element focus-inset" 5975 5976 >
5977 <span class="menu-drawer__menu-item-text wrap-text">Brands</span> 5978 </a></li> 5979 <li 5980 class="menu-drawer__list-item" 5981 style="--menu-drawer-animation-index: 9;" 5982 ><a 5983 id="HeaderDrawer-sale" 5984 href="/collections/sale" 5985 class="menu-drawer__menu-item menu-drawer__menu-item--mainlist menu-drawer__animated-element focus-inset" 5986 5987 > 5988 <span class="menu-drawer__menu-item-text wrap-text">Sale</span> 5989 </a></li> 5990 </ul> 5991 </nav> 5992 <div 5993 class="menu-drawer__utility-links menu-drawer__animated-element" 5994 style="--menu-drawer-animation-index: 9;" 5995 > 5996 5997 </div> 5998 5999 6000 </div> 6001 <div 6002 class="menu-drawer__backdrop" 6003 on:click="header-drawer/close" 6004 ></div> 6005 </details> 6006</header-drawer> 6007 6008 6009 6010 </div> 6011 6012 6013 6014<style data-shopify> 6015 .header__underlay { 6016 --color-submenu: rgb(255 255 255); 6017 } 6018</style> 6019 6020 6021 6022 6023 6024 6025 6026 6027 6028 6029 <search-button 6030 class="search-action search-action--hidden-on-menu" 6031 > 6032 <button 6033 on:click="#search-modal/showDialog" 6034 class="button-unstyled header-actions__action" 6035 aria-label="Search" 6036 aria-haspopup="dialog" 6037 > 6038 <span class="hidden"> 6039 Search 6040 </span> 6041 6042 <span class="svg-wrapper "> 6043 <svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><circle cx="9" cy="9" r="4.75" stroke="currentColor" stroke-width="var(--icon-stroke-width)"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="m12.5 12.5 3.25 3.25"/></svg> 6044 6045 </span> 6046 </button> 6047 </search-button> 6048 6049 6050 6051 6052 6053 6054 6055 6056 6057 6058 6059 6060 6061 6062<a 6063 6064 href="/" 6065 class="size-style spacing-style header-logo" 6066 style=" 6067 --size-style-width: ;--size-style-height: ; 6068 --padding-block-start: 0px;--padding-block-end: 0px; 6069 --font-family: var(--font-body--family); 6070 --font-style: var(--font-body--style); 6071 --font-weight: 600; 6072 " 6073 6074> 6075 6076 6077 <span 6078 class="header-logo__image-container header-logo__image-container--original" 6079 data-testid="header-logo" 6080 > 6081 6082 6083 6084 6085 6086 6087 6088 6089 6090 6091 6092 6093 <img src="//cozmetica.pk/cdn/shop/files/Cozmetica_Logo_3.webp?height=60&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&v=1781008992 1x, //cozmetica.pk/cdn/shop/files/Cozmetica_Logo_3.webp?height=120&v=1781008992 2x, //cozmetica.pk/cdn/shop/files/Cozmetica_Logo_3.webp?height=180&v=1781008992 3x" style="--header-logo-image-width: 212px;--header-logo-image-width-mobile: 177px; --header-logo-image-height: 60px; --header-logo-image-height-mobile: 50px;"> 6094 6095 6096 </span> 6097 6098 6099</a> 6100 6101 6102 6103 6104 6105 6106 6107 6108 </div><div 6109 class="header__column header__column--center" 6110 data-testid="header-top-center" 6111 > 6112 6113 6114 6115 6116 6117 6118 6119 6120 6121 6122 6123 6124 <style data-shopify> 6125 .color-custom-AdXpiTWJBM2htbjBtS__header-menu, 6126 .color-custom-AdXpiTWJBM2htbjBtS__header-menu .text-block { 6127 /* Background */ 6128 --color-background: #ffffff; 6129 --color-background-rgb: 255 255 255; 6130 6131 /* Opacity values adjusted for background brightness */ 6132 6133--opacity-5-15: 0.05; --opacity-10-25: 0.1; --opacity-35-55: 0.35; --opacity-40-60: 61340.4; --opacity-30-60: 0.3; --opacity-60: 0.6; 6135 6136 6137 6138 /* Foreground / text â explicit or smart-contrasted */ 6139 --color: #000000; 6140 --color-rgb: 0 0 0; 6141 --color-foreground: #000000; 6142 --color-foreground-rgb: 0 0 0; 6143 --color-foreground-muted: rgb(0 0 0 / var(--opacity-muted-text)); 6144 --color-foreground-subdued: rgb(0 0 0 / var(--opacity-subdued-text)); 6145 --color-border: var(--palette-darkest); 6146 --color-border-rgb: var(--palette-darkest-rgb); 6147 6148 } 6149 6150 6151 .color-custom-AdXpiTWJBM2htbjBtS__header-menu { 6152 /* Form-related tokens stay on .color-custom only â .text-block is a prose 6153 container (text/announcement/inline-text/blog-post-description/ 6154 collection-link/price/sku) and never holds form inputs. */ 6155 --input-disabled-background-color: rgb(0 0 0 / var(--opacity-10)); 6156 --input-disabled-border-color: rgb(0 0 0 / var(--opacity-5)); 6157 --input-disabled-text-color: rgb(0 0 0 / var(--opacity-50)); 6158 --checkbox-border: 1px solid rgb(0 0 0 / var(--opacity-35-55)); 6159 } 6160 6161 6162 .color-custom-AdXpiTWJBM2htbjBtS__header-menu { 6163 color: var(--color, var(--color-foreground)); 6164 background-color: var(--color-background); 6165 } 6166 </style> 6167 6168 6169 6170 6171 6172 <header-menu 6173 ref="headerMenu" 6174 class="header-menu" 6175 6176 data-hydration-key="header-menu" 6177 > 6178 <div class="header-menu__inner"> 6179 <nav 6180 class="menu-list" 6181 aria-label="Primary" 6182 style="--menu-top-level-font-family: var(--font-body--family); 6183--menu-top-level-font-size-desktop: 0.875rem; --menu-top-level-font-style: var(--font-body--style);
6183 --menu-top-level-font-weight: var(--font-body--weight); --menu-top-level-font-case:none; 6184 6185 --menu-top-level-font-size: var(--menu-font-sm--size); --menu-top-level-font-line-height: 6186 var(--menu-font-sm--line-height); 6187 6188--menu-top-level-font-color: var(--color-foreground); --menu-top-level-font-color-rgb: var(--color-foreground-rgb); 6189" 6190 > 6191 6192 <overflow-list 6193 6194 ref="overflowMenu" 6195 6196 6197 class="overflow-menu background-matches-parent" 6198 6199 6200 minimum-items="2" 6201 6202 6203 data-testid="header-menu-overflow-list" 6204 6205 6206 data-skip-node-update 6207 6208> 6209 <template shadowrootmode="open"> 6210 <link href="//cozmetica.pk/cdn/shop/t/140/assets/overflow-list.css?v=16727044177065489451785524563" rel="stylesheet" type="text/css" media="all" /> 6211 6212 <ul part="list"> 6213 <slot></slot> 6214 <slot 6215 name="more" 6216 part="more" 6217 hidden 6218 6219 > 6220 <li 6221 part="more" 6222 > 6223 <button 6224 class="button" 6225 type="button" 6226 tabindex="0" 6227 6228 > 6229 More 6230 </button> 6231 </li> 6232 </slot> 6233 <li 6234 part="placeholder" 6235 hidden 6236 ></li> 6237 </ul> 6238 6239 <div part="overflow"> 6240 <ul part="overflow-list"> 6241 <slot name="overflow"></slot> 6242 </ul> 6243 </div> 6244 </template> 6245 6246 6247 6248 <li 6249 role="presentation" 6250 class="menu-list__list-item" 6251 on:focus="/activate" 6252 on:blur="/deactivate" 6253 on:pointerenter="/activate" 6254 on:pointerleave="/deactivate" 6255 > 6256 <a 6257 href="/collections/makeup" 6258 data-skip-node-update="true" 6259 class="menu-list__link"aria-controls="submenu-1" 6260 aria-haspopup="true" 6261 aria-expanded="false" 6262 ref="menuitem" 6263 > 6264 <span class="menu-list__link-title">MakeUp</span> 6265 </a><div class="menu-list__submenu background-matches-parent" ref="submenu[]"> 6266 <div 6267 id="submenu-1" 6268 class="menu-list__submenu-inner" 6269 style="--menu-parent-font-family: var(--font-body--family); --menu-parent-font-style: 6270var(--font-body--style); --menu-parent-font-weight: var(--font-body--weight); --menu-parent-font-case: 6271none; 6272 6273 --menu-parent-font-size: var(--menu-font-sm--size); --menu-parent-font-line-height: 6274 var(--menu-font-sm--line-height); --menu-parent-font-color: var(--color-foreground-subdued); 6275 --menu-parent-active-font-color: var(--color-foreground); 6276 6277--menu-child-font-family: var(--font-body--family); --menu-child-font-style:var(--font-body--style); --menu-child-font-weight: var(--font-body--weight); --menu-child-font-case: 6278none; 6279 6280 --menu-child-font-size: var(--menu-font-md--size); --menu-child-font-line-height: var(--menu-font-md--line-height); 6281 --menu-child-font-color: var(--color-foreground); --menu-child-active-font-color: var(--color-foreground-subdued); 6282 6283" 6284 > 6285 6286 <div class="mega-menu section section--full-width-margin section--full-width"> 6287 <div 6288 class="mega-menu__grid" 6289 data-menu-grid-id="MegaMenuList-1" 6290 > 6291 6292<ul 6293 data-menu-list-id="MegaMenuList-1" 6294 class="mega-menu__list list-unstyled" 6295 style="--menu-image-border-radius: 0px;" 6296> 6297 6298 <li class="mega-menu__column mega-menu__column--span-1"> 6299 <div> 6300 <a 6301 href="#" 6302 class="mega-menu__link mega-menu__link--parent" 6303 > 6304 6305 <span class="wrap-text">Eyes</span> 6306 </a> 6307 6308 <ul 6309 class="list-unstyled" 6310 6311 style="column-count: 1;" 6312 6313 > 6314 6315 6316 <li 6317 6318 > 6319 <a 6320 href="/collections/mascara" 6321 class="mega-menu__link" 6322 > 6323 <span class="wrap-text">Mascara</span> 6324 </a> 6325 </li> 6326 6327 6328 <li 6329 6330 > 6331 <a 6332 href="/collections/eyeliner" 6333 class="mega-menu__link" 6334 >
6335 <span class="wrap-text">Eyeliner</span> 6336 </a> 6337 </li> 6338 6339 6340 <li 6341 6342 > 6343 <a 6344 href="/collections/eye-pencil" 6345 class="mega-menu__link" 6346 > 6347 <span class="wrap-text">Eye Pencil</span> 6348 </a> 6349 </li> 6350 6351 6352 <li 6353 6354 > 6355 <a 6356 href="/collections/eye-palettes" 6357 class="mega-menu__link" 6358 > 6359 <span class="wrap-text">Eye Palettes</span> 6360 </a> 6361 </li> 6362 6363 6364 <li 6365 6366 > 6367 <a 6368 href="/collections/eyebrow" 6369 class="mega-menu__link" 6370 > 6371 <span class="wrap-text">Eyebrow Fixer</span> 6372 </a> 6373 </li> 6374 6375 6376 <li 6377 6378 > 6379 <a 6380 href="/collections/eye-primer" 6381 class="mega-menu__link" 6382 > 6383 <span class="wrap-text">Eye Primer</span> 6384 </a> 6385 </li> 6386 6387 6388 <li 6389 6390 > 6391 <a 6392 href="/collections/eye-lashes" 6393 class="mega-menu__link" 6394 > 6395 <span class="wrap-text">Lashes & Glues</span> 6396 </a> 6397 </li> 6398 6399 </ul> 6400 6401 </div> 6402 6403 </li> 6404 6405 <li class="mega-menu__column mega-menu__column--span-2"> 6406 <div> 6407 <a 6408 href="#" 6409 class="mega-menu__link mega-menu__link--parent" 6410 > 6411 6412 <span class="wrap-text">Face</span> 6413 </a> 6414 6415 <ul 6416 class="list-unstyled" 6417 6418 style="column-count: 2;" 6419 6420 > 6421 6422 6423 <li 6424 6425 > 6426 <a 6427 href="/collections/foundation" 6428 class="mega-menu__link" 6429 > 6430 <span class="wrap-text">Foundation</span> 6431 </a> 6432 </li> 6433 6434 6435 <li 6436 6437 > 6438 <a 6439 href="/collections/face-primer" 6440 class="mega-menu__link" 6441 > 6442 <span class="wrap-text">Primer</span> 6443 </a> 6444 </li> 6445 6446 6447 <li 6448 6449 > 6450 <a 6451 href="/collections/powder" 6452 class="mega-menu__link" 6453 > 6454 <span class="wrap-text">Powder</span> 6455 </a> 6456 </li> 6457 6458 6459 <li 6460 6461 > 6462 <a 6463 href="/collections/bb-cc-creams" 6464 class="mega-menu__link" 6465 > 6466 <span class="wrap-text">BB & CC Creams</span> 6467 </a> 6468 </li> 6469 6470 6471 <li 6472 6473 > 6474 <a 6475 href="/collections/concealer" 6476 class="mega-menu__link" 6477 > 6478 <span class="wrap-text">Concealer & Correctors</span> 6479 </a> 6480 </li> 6481 6482 6483 <li 6484 6485 > 6486 <a 6487 href="/collections/blush" 6488 class="mega-menu__link" 6489 > 6490 <span class="wrap-text">Blush On</span> 6491 </a> 6492 </li> 6493 6494 6495 <li 6496 6497 > 6498 <a 6499 href="/collections/makeup-fixer" 6500 class="mega-menu__link" 6501 > 6502 <span class="wrap-text">Makeup Fixer</span> 6503 </a> 6504 </li> 6505 6506 6507 <li 6508 6509 > 6510 <a 6511 href="/collections/highlighter" 6512 class="mega-menu__link" 6513 >
6514 <span class="wrap-text">Highlighter</span> 6515 </a> 6516 </li> 6517 6518 6519 <li 6520 6521 > 6522 <a 6523 href="/collections/face-sprays" 6524 class="mega-menu__link" 6525 > 6526 <span class="wrap-text">Fixing Sprays</span> 6527 </a> 6528 </li> 6529 6530 6531 <li 6532 6533 style="break-after: column;" 6534 6535 > 6536 <a 6537 href="/collections/colour-corrector" 6538 class="mega-menu__link" 6539 > 6540 <span class="wrap-text">Colour Corrector</span> 6541 </a> 6542 </li> 6543 6544 6545 <li 6546 6547 > 6548 <a 6549 href="/collections/makeup-remover" 6550 class="mega-menu__link" 6551 > 6552 <span class="wrap-text">Makeup Remover</span> 6553 </a> 6554 </li> 6555 6556 6557 <li 6558 6559 > 6560 <a 6561 href="/collections/contour" 6562 class="mega-menu__link" 6563 > 6564 <span class="wrap-text">Contour</span> 6565 </a> 6566 </li> 6567 6568 6569 <li 6570 6571 > 6572 <a 6573 href="/collections/bronzer" 6574 class="mega-menu__link" 6575 > 6576 <span class="wrap-text">Bronzer</span> 6577 </a> 6578 </li> 6579 6580 </ul> 6581 6582 </div> 6583 6584 </li> 6585 6586 <li class="mega-menu__column mega-menu__column--span-1"> 6587 <div> 6588 <a 6589 href="#" 6590 class="mega-menu__link mega-menu__link--parent" 6591 > 6592 6593 <span class="wrap-text">Lips</span> 6594 </a> 6595 6596 <ul 6597 class="list-unstyled" 6598 6599 style="column-count: 1;" 6600 6601 > 6602 6603 6604 <li 6605 6606 > 6607 <a 6608 href="/collections/lipstick" 6609 class="mega-menu__link" 6610 > 6611 <span class="wrap-text">Lipstick</span> 6612 </a> 6613 </li> 6614 6615 6616 <li 6617 6618 > 6619 <a 6620 href="/collections/lip-gloss" 6621 class="mega-menu__link" 6622 > 6623 <span class="wrap-text">Lip Gloss</span> 6624 </a> 6625 </li> 6626 6627 6628 <li 6629 6630 > 6631 <a 6632 href="/collections/lip-oil" 6633 class="mega-menu__link" 6634 > 6635 <span class="wrap-text">Lip Oils</span> 6636 </a> 6637 </li> 6638 6639 6640 <li 6641 6642 > 6643 <a 6644 href="/collections/lip-and-cheek-tints" 6645 class="mega-menu__link" 6646 > 6647 <span class="wrap-text">Lip & Cheek Tints</span> 6648 </a> 6649 </li> 6650 6651 6652 <li 6653 6654 > 6655 <a 6656 href="/collections/lip-balm-treatment" 6657 class="mega-menu__link" 6658 > 6659 <span class="wrap-text">Lip Balm & Treatment</span> 6660 </a> 6661 </li> 6662 6663 6664 <li 6665 6666 > 6667 <a 6668 href="/collections/lipliner" 6669 class="mega-menu__link" 6670 > 6671 <span class="wrap-text">Lipliner</span> 6672 </a> 6673 </li> 6674 6675 </ul> 6676 6677 </div> 6678 6679 </li> 6680 6681 <li class="mega-menu__column mega-menu__column--span-1"> 6682 <div> 6683 <a 6684 href="#" 6685 class="mega-menu__link mega-menu__link--parent" 6686 > 6687 6688 <span class="wrap-text">Nails</span> 6689 </a> 6690 6691 <ul 6692 class="list-unstyled" 6693 6694 style="column-count: 1;" 6695 6696 > 6697 6698 6699 <li 6700 6701 > 6702 <a 6703 href="/collections/nail-polish" 6704 class="mega-menu__link" 6705 >
6706 <span class="wrap-text">Nail Polish</span> 6707 </a> 6708 </li> 6709 6710 6711 <li 6712 6713 > 6714 <a 6715 href="/collections/top-base-coats" 6716 class="mega-menu__link" 6717 > 6718 <span class="wrap-text">Top & Base Coats</span> 6719 </a> 6720 </li> 6721 6722 6723 <li 6724 6725 > 6726 <a 6727 href="/collections/nail-sticker" 6728 class="mega-menu__link" 6729 > 6730 <span class="wrap-text">Nail Stickers</span> 6731 </a> 6732 </li> 6733 6734 6735 <li 6736 6737 > 6738 <a 6739 href="/collections/nail-polish-remover" 6740 class="mega-menu__link" 6741 > 6742 <span class="wrap-text">Nail Polish Remover</span> 6743 </a> 6744 </li> 6745 6746 </ul> 6747 6748 </div> 6749 6750 </li> 6751 6752 <li class="mega-menu__column mega-menu__column--span-1"> 6753 <div> 6754 <a 6755 href="#" 6756 class="mega-menu__link mega-menu__link--parent" 6757 > 6758 6759 <span class="wrap-text">Tools & Accessories</span> 6760 </a> 6761 6762 <ul 6763 class="list-unstyled" 6764 6765 style="column-count: 1;" 6766 6767 > 6768 6769 6770 <li 6771 6772 > 6773 <a 6774 href="/collections/eye-lashes" 6775 class="mega-menu__link" 6776 > 6777 <span class="wrap-text">Lashes & Glues</span> 6778 </a> 6779 </li> 6780 6781 6782 <li 6783 6784 > 6785 <a 6786 href="/collections/eye-brushes" 6787 class="mega-menu__link" 6788 > 6789 <span class="wrap-text">Eye Brushes</span> 6790 </a> 6791 </li> 6792 6793 6794 <li 6795 6796 > 6797 <a 6798 href="/collections/face-brushes" 6799 class="mega-menu__link" 6800 > 6801 <span class="wrap-text">Face Brushes</span> 6802 </a> 6803 </li> 6804 6805 6806 <li 6807 6808 > 6809 <a 6810 href="/collections/makeup-sponge" 6811 class="mega-menu__link" 6812 > 6813 <span class="wrap-text">Makeup Sponges</span> 6814 </a> 6815 </li> 6816 6817 6818 <li 6819 6820 > 6821 <a 6822 href="/collections/makeup-bag" 6823 class="mega-menu__link" 6824 > 6825 <span class="wrap-text">Makeup Bags</span> 6826 </a> 6827 </li> 6828 6829 6830 <li 6831 6832 > 6833 <a 6834 href="/collections/sharpeners" 6835 class="mega-menu__link" 6836 > 6837 <span class="wrap-text">Sharpeners</span> 6838 </a> 6839 </li> 6840 6841 </ul> 6842 6843 </div> 6844 6845 </li> 6846 6847</ul> 6848 6849 6850 6851<style data-shopify> 6852 [data-menu-grid-id="MegaMenuList-1"] { 6853 6854 --menu-columns-desktop: 6; 6855 --menu-columns-tablet: 4; 6856 6857 } 6858 6859 [data-menu-list-id="MegaMenuList-1"] { 6860 6861 --menu-columns-desktop: 6; 6862 --menu-columns-tablet: 4; 6863 6864 } 6865</style> 6866 6867 6868<span 6869 class="mega-menu__content" 6870 style="--menu-content-columns-desktop: 0; --menu-content-columns-tablet: 0; --resource-card-corner-radius: 0px;" 6871 > 6872 <ul 6873 class="mega-menu__content-list mega-menu__content-list--products list-unstyled" 6874 > 6875 6876 </ul> 6877 </span> 6878 6879 6880 </div> 6881 </div> 6882 </div> 6883 </div></li> 6884 6885 <li 6886 role="presentation" 6887 class="menu-list__list-item" 6888 on:focus="/activate" 6889 on:blur="/deactivate" 6890 on:pointerenter="/activate" 6891 on:pointerleave="/deactivate" 6892 > 6893 <a 6894 href="/collections/korean-skincare" 6895 data-skip-node-update="true" 6896 class="menu-list__link"aria-controls="submenu-2" 6897 aria-haspopup="true" 6898 aria-expanded="false" 6899 ref="menuitem" 6900 >
6901 <span class="menu-list__link-title">Korean Beauty</span> 6902 </a><div class="menu-list__submenu background-matches-parent" ref="submenu[]"> 6903 <div 6904 id="submenu-2" 6905 class="menu-list__submenu-inner" 6906 style="--menu-parent-font-family: var(--font-body--family); --menu-parent-font-style: 6907var(--font-body--style); --menu-parent-font-weight: var(--font-body--weight); --menu-parent-font-case: 6908none; 6909 6910 --menu-parent-font-size: var(--menu-font-sm--size); --menu-parent-font-line-height: 6911 var(--menu-font-sm--line-height); --menu-parent-font-color: var(--color-foreground-subdued); 6912 --menu-parent-active-font-color: var(--color-foreground); 6913 6914--menu-child-font-family: var(--font-body--family); --menu-child-font-style:var(--font-body--style); --menu-child-font-weight: var(--font-body--weight); --menu-child-font-case: 6915none; 6916 6917 --menu-child-font-size: var(--menu-font-md--size); --menu-child-font-line-height: var(--menu-font-md--line-height); 6918 --menu-child-font-color: var(--color-foreground); --menu-child-active-font-color: var(--color-foreground-subdued); 6919 6920" 6921 > 6922 6923 <div class="mega-menu section section--full-width-margin section--full-width"> 6924 <div 6925 class="mega-menu__grid" 6926 data-menu-grid-id="MegaMenuList-2" 6927 > 6928 6929<ul 6930 data-menu-list-id="MegaMenuList-2" 6931 class="mega-menu__list list-unstyled" 6932 style="--menu-image-border-radius: 0px;" 6933> 6934 6935 <li class="mega-menu__column mega-menu__column--span-1"> 6936 <div> 6937 <a 6938 href="/collections/korean-ampoules" 6939 class="mega-menu__link " 6940 > 6941 6942 <span class="wrap-text">Ampoules</span> 6943 </a> 6944 6945 </div> 6946 6947 6948 6949 6950 <div> 6951 <a 6952 href="/collections/korean-sunscreen" 6953 class="mega-menu__link " 6954 > 6955 6956 <span class="wrap-text">Sunscreen</span> 6957 </a> 6958 6959 </div> 6960 6961 6962 6963 6964 <div> 6965 <a 6966 href="/collections/korean-serums" 6967 class="mega-menu__link " 6968 > 6969 6970 <span class="wrap-text">Serums</span> 6971 </a> 6972 6973 </div> 6974 6975 6976 6977 6978 <div> 6979 <a 6980 href="/collections/korean-cleansers" 6981 class="mega-menu__link " 6982 > 6983 6984 <span class="wrap-text">Cleansers</span> 6985 </a> 6986 6987 </div> 6988 6989 6990 6991 6992 <div> 6993 <a 6994 href="/collections/korean-skincare/moisturizer" 6995 class="mega-menu__link " 6996 > 6997 6998 <span class="wrap-text">Moisturizers</span> 6999 </a> 7000 7001 </div> 7002 7003 7004 7005 7006 <div> 7007 <a 7008 href="/collections/korean-skincare/face-masks" 7009 class="mega-menu__link " 7010 > 7011 7012 <span class="wrap-text">Face Mask</span> 7013 </a> 7014 7015 </div> 7016 7017 7018 7019 7020 <div> 7021 <a 7022 href="/collections/korean-skincare" 7023 class="mega-menu__link " 7024 > 7025 7026 <span class="wrap-text">View All</span> 7027 </a> 7028 7029 </div> 7030 7031 </li> 7032 7033 <li class="mega-menu__column mega-menu__column--span-2"> 7034 <div> 7035 <a 7036 href="#" 7037 class="mega-menu__link mega-menu__link--parent" 7038 > 7039 7040 <span class="wrap-text">Shop By Brands</span> 7041 </a> 7042 7043 <ul 7044 class="list-unstyled" 7045 7046 style="column-count: 2;" 7047 7048 > 7049 7050 7051 <li 7052 7053 > 7054 <a 7055 href="/collections/skin1004" 7056 class="mega-menu__link" 7057 > 7058 <span class="wrap-text">Skin1004</span> 7059 </a> 7060 </li> 7061 7062 7063 <li 7064 7065 > 7066 <a 7067 href="/collections/beauty-of-joseon" 7068 class="mega-menu__link" 7069 > 7070 <span class="wrap-text">Beauty Of Joseon</span> 7071 </a> 7072 </li> 7073 7074 7075 <li 7076 7077 > 7078 <a 7079 href="/collections/anua" 7080 class="mega-menu__link" 7081 >
7082 <span class="wrap-text">Anua</span> 7083 </a> 7084 </li> 7085 7086 7087 <li 7088 7089 > 7090 <a 7091 href="/collections/medicube" 7092 class="mega-menu__link" 7093 > 7094 <span class="wrap-text">Medicube</span> 7095 </a> 7096 </li> 7097 7098 7099 <li 7100 7101 > 7102 <a 7103 href="/collections/COSRX" 7104 class="mega-menu__link" 7105 > 7106 <span class="wrap-text">COSRX</span> 7107 </a> 7108 </li> 7109 7110 7111 <li 7112 7113 > 7114 <a 7115 href="/products/celimax-the-vita-a-retinal-shot-tightening-booster" 7116 class="mega-menu__link" 7117 > 7118 <span class="wrap-text">Celimax</span> 7119 </a> 7120 </li> 7121 7122 7123 <li 7124 7125 > 7126 <a 7127 href="/collections/dr-althea" 7128 class="mega-menu__link" 7129 > 7130 <span class="wrap-text">Dr Althea</span> 7131 </a> 7132 </li> 7133 7134 7135 <li 7136 7137 > 7138 <a 7139 href="/collections/Axis-Y" 7140 class="mega-menu__link" 7141 > 7142 <span class="wrap-text">Axis-Y</span> 7143 </a> 7144 </li> 7145 7146 7147 <li 7148 7149 > 7150 <a 7151 href="/products/purito-seoul-mighty-bamboo-panthenol-moisturizing-cream-100ml" 7152 class="mega-menu__link" 7153 > 7154 <span class="wrap-text">Purito Seoul</span> 7155 </a> 7156 </li> 7157 7158 7159 <li 7160 7161 style="break-after: column;" 7162 7163 > 7164 <a 7165 href="/collections/eqqualberry" 7166 class="mega-menu__link" 7167 > 7168 <span class="wrap-text">Eqqual Berry</span> 7169 </a> 7170 </li> 7171 7172 7173 <li 7174 7175 > 7176 <a 7177 href="/products/im-from-mugwort-serum-30ml" 7178 class="mega-menu__link" 7179 > 7180 <span class="wrap-text">I'm From</span> 7181 </a> 7182 </li> 7183 7184 7185 <li 7186 7187 > 7188 <a 7189 href="/collections/arencia" 7190 class="mega-menu__link" 7191 > 7192 <span class="wrap-text">Arencia</span> 7193 </a> 7194 </li> 7195 7196 7197 <li 7198 7199 > 7200 <a 7201 href="/collections/vt-cosmetics" 7202 class="mega-menu__link" 7203 > 7204 <span class="wrap-text">VT Cosmetics</span> 7205 </a> 7206 </li> 7207 7208 7209 <li 7210 7211 > 7212 <a 7213 href="/collections/numbuzin" 7214 class="mega-menu__link" 7215 > 7216 <span class="wrap-text">Numbuzin</span> 7217 </a> 7218 </li> 7219 7220 </ul> 7221 7222 </div> 7223 7224 </li> 7225 7226</ul> 7227 7228 7229 7230<style data-shopify> 7231 [data-menu-grid-id="MegaMenuList-2"] { 7232 7233 --menu-columns-desktop: 6; 7234 --menu-columns-tablet: 4; 7235 7236 } 7237 7238 [data-menu-list-id="MegaMenuList-2"] { 7239 7240 --menu-columns-desktop: 6; 7241 --menu-columns-tablet: 4; 7242 7243 } 7244</style> 7245 7246 7247<span 7248 class="mega-menu__content" 7249 style="--menu-content-columns-desktop: 0; --menu-content-columns-tablet: 0; --resource-card-corner-radius: 0px;" 7250 > 7251 <ul 7252 class="mega-menu__content-list mega-menu__content-list--products list-unstyled" 7253 > 7254 7255 </ul> 7256 </span> 7257 7258 7259 </div> 7260 </div> 7261 </div> 7262 </div></li> 7263 7264 <li 7265 role="presentation" 7266 class="menu-list__list-item" 7267 on:focus="/activate" 7268 on:blur="/deactivate"
7269 on:pointerenter="/activate" 7270 on:pointerleave="/deactivate" 7271 > 7272 <a 7273 href="/collections/skin-care" 7274 data-skip-node-update="true" 7275 class="menu-list__link"aria-controls="submenu-3" 7276 aria-haspopup="true" 7277 aria-expanded="false" 7278 ref="menuitem" 7279 > 7280 <span class="menu-list__link-title">Skin Care</span> 7281 </a><div class="menu-list__submenu background-matches-parent" ref="submenu[]"> 7282 <div 7283 id="submenu-3" 7284 class="menu-list__submenu-inner" 7285 style="--menu-parent-font-family: var(--font-body--family); --menu-parent-font-style: 7286var(--font-body--style); --menu-parent-font-weight: var(--font-body--weight); --menu-parent-font-case: 7287none; 7288 7289 --menu-parent-font-size: var(--menu-font-sm--size); --menu-parent-font-line-height: 7290 var(--menu-font-sm--line-height); --menu-parent-font-color: var(--color-foreground-subdued); 7291 --menu-parent-active-font-color: var(--color-foreground); 7292 7293--menu-child-font-family: var(--font-body--family); --menu-child-font-style:var(--font-body--style); --menu-child-font-weight: var(--font-body--weight); --menu-child-font-case: 7294none; 7295 7296 --menu-child-font-size: var(--menu-font-md--size); --menu-child-font-line-height: var(--menu-font-md--line-height); 7297 --menu-child-font-color: var(--color-foreground); --menu-child-active-font-color: var(--color-foreground-subdued); 7298 7299" 7300 > 7301 7302 <div class="mega-menu section section--full-width-margin section--full-width"> 7303 <div 7304 class="mega-menu__grid" 7305 data-menu-grid-id="MegaMenuList-3" 7306 > 7307 7308<ul 7309 data-menu-list-id="MegaMenuList-3" 7310 class="mega-menu__list list-unstyled" 7311 style="--menu-image-border-radius: 0px;" 7312> 7313 7314 <li class="mega-menu__column mega-menu__column--span-1"> 7315 <div> 7316 <a 7317 href="#" 7318 class="mega-menu__link mega-menu__link--parent" 7319 > 7320 7321 <span class="wrap-text">Shop By Concern</span> 7322 </a> 7323 7324 <ul 7325 class="list-unstyled" 7326 7327 style="column-count: 1;" 7328 7329 > 7330 7331 7332 <li 7333 7334 > 7335 <a 7336 href="/collections/acne-blemishes" 7337 class="mega-menu__link" 7338 > 7339 <span class="wrap-text">Acne / Breakouts / Blemishes</span> 7340 </a> 7341 </li> 7342 7343 7344 <li 7345 7346 > 7347 <a 7348 href="/collections/dullness-uneven-texture" 7349 class="mega-menu__link" 7350 > 7351 <span class="wrap-text">Brightening / Glow / Texture</span> 7352 </a> 7353 </li> 7354 7355 7356 <li 7357 7358 > 7359 <a 7360 href="/collections/pores" 7361 class="mega-menu__link" 7362 > 7363 <span class="wrap-text">Pores Clenasing / Oil Control</span> 7364 </a> 7365 </li> 7366 7367 7368 <li 7369 7370 > 7371 <a 7372 href="/collections/dark-spots" 7373 class="mega-menu__link" 7374 > 7375 <span class="wrap-text">Dark Spots & Dullness</span> 7376 </a> 7377 </li> 7378 7379 7380 <li 7381 7382 > 7383 <a 7384 href="/collections/dryness" 7385 class="mega-menu__link" 7386 > 7387 <span class="wrap-text">Dryness</span> 7388 </a> 7389 </li> 7390 7391 7392 <li 7393 7394 > 7395 <a 7396 href="/collections/anti-aging" 7397 class="mega-menu__link" 7398 > 7399 <span class="wrap-text">Anti-Aging</span> 7400 </a> 7401 </li> 7402 7403 7404 <li 7405 7406 > 7407 <a 7408 href="/collections/fine-lines-wrinkles" 7409 class="mega-menu__link" 7410 >
7411 <span class="wrap-text">Fine Lines & Wrinkles</span> 7412 </a> 7413 </li> 7414 7415 7416 <li 7417 7418 > 7419 <a 7420 href="/collections/hyperpigmentation" 7421 class="mega-menu__link" 7422 > 7423 <span class="wrap-text">Pigmentation / Scars</span> 7424 </a> 7425 </li> 7426 7427 </ul> 7428 7429 </div> 7430 7431 </li> 7432 7433 <li class="mega-menu__column mega-menu__column--span-1"> 7434 <div> 7435 <a 7436 href="#" 7437 class="mega-menu__link mega-menu__link--parent" 7438 > 7439 7440 <span class="wrap-text">Serums & Toners</span> 7441 </a> 7442 7443 <ul 7444 class="list-unstyled" 7445 7446 style="column-count: 1;" 7447 7448 > 7449 7450 7451 <li 7452 7453 > 7454 <a 7455 href="/collections/ampoules" 7456 class="mega-menu__link" 7457 > 7458 <span class="wrap-text">Ampoules (New)</span> 7459 </a> 7460 </li> 7461 7462 7463 <li 7464 7465 > 7466 <a 7467 href="/collections/face-serums" 7468 class="mega-menu__link" 7469 > 7470 <span class="wrap-text">Face Serums</span> 7471 </a> 7472 </li> 7473 7474 7475 <li 7476 7477 > 7478 <a 7479 href="/collections/toners" 7480 class="mega-menu__link" 7481 > 7482 <span class="wrap-text">Toners</span> 7483 </a> 7484 </li> 7485 7486 7487 <li 7488 7489 > 7490 <a 7491 href="/collections/face-masks" 7492 class="mega-menu__link" 7493 > 7494 <span class="wrap-text">Face Masks</span> 7495 </a> 7496 </li> 7497 7498 </ul> 7499 7500 </div> 7501 7502 </li> 7503 7504 <li class="mega-menu__column mega-menu__column--span-1"> 7505 <div> 7506 <a 7507 href="#" 7508 class="mega-menu__link mega-menu__link--parent" 7509 > 7510 7511 <span class="wrap-text">Moisturizers & Lotions</span> 7512 </a> 7513 7514 <ul 7515 class="list-unstyled" 7516 7517 style="column-count: 1;" 7518 7519 > 7520 7521 7522 <li 7523 7524 > 7525 <a 7526 href="/collections/moisturizer" 7527 class="mega-menu__link" 7528 > 7529 <span class="wrap-text">Moisturizer</span> 7530 </a> 7531 </li> 7532 7533 7534 <li 7535 7536 > 7537 <a 7538 href="/collections/face-creams" 7539 class="mega-menu__link" 7540 > 7541 <span class="wrap-text">Face Creams</span> 7542 </a> 7543 </li> 7544 7545 7546 <li 7547 7548 > 7549 <a 7550 href="/collections/sunblock" 7551 class="mega-menu__link" 7552 > 7553 <span class="wrap-text">Sunblock</span> 7554 </a> 7555 </li> 7556 7557 7558 <li 7559 7560 > 7561 <a 7562 href="/collections/eye-cream" 7563 class="mega-menu__link" 7564 > 7565 <span class="wrap-text">Eye Cream</span> 7566 </a> 7567 </li> 7568 7569 7570 <li 7571 7572 > 7573 <a 7574 href="/collections/body-lotion" 7575 class="mega-menu__link" 7576 > 7577 <span class="wrap-text">Body Lotion</span> 7578 </a> 7579 </li> 7580 7581 7582 <li 7583 7584 > 7585 <a 7586 href="/collections/hand-foot-care" 7587 class="mega-menu__link" 7588 > 7589 <span class="wrap-text">Hand & Foot Care</span> 7590 </a> 7591 </li> 7592 7593 7594 <li 7595 7596 > 7597 <a 7598 href="/collections/lip-balm-treatment" 7599 class="mega-menu__link" 7600 >
7601 <span class="wrap-text">Lip Balm & Treatment</span> 7602 </a> 7603 </li> 7604 7605 7606 <li 7607 7608 > 7609 <a 7610 href="/collections/face-oils" 7611 class="mega-menu__link" 7612 > 7613 <span class="wrap-text">Face Oils</span> 7614 </a> 7615 </li> 7616 7617 </ul> 7618 7619 </div> 7620 7621 </li> 7622 7623 <li class="mega-menu__column mega-menu__column--span-1"> 7624 <div> 7625 <a 7626 href="#" 7627 class="mega-menu__link mega-menu__link--parent" 7628 > 7629 7630 <span class="wrap-text">Daily Cleansing Care</span> 7631 </a> 7632 7633 <ul 7634 class="list-unstyled" 7635 7636 style="column-count: 1;" 7637 7638 > 7639 7640 7641 <li 7642 7643 > 7644 <a 7645 href="/collections/cleanser" 7646 class="mega-menu__link" 7647 > 7648 <span class="wrap-text">Cleanser</span> 7649 </a> 7650 </li> 7651 7652 7653 <li 7654 7655 > 7656 <a 7657 href="/collections/face-wash" 7658 class="mega-menu__link" 7659 > 7660 <span class="wrap-text">Face Wash</span> 7661 </a> 7662 </li> 7663 7664 7665 <li 7666 7667 > 7668 <a 7669 href="/collections/face-scrub" 7670 class="mega-menu__link" 7671 > 7672 <span class="wrap-text">Face Scrub</span> 7673 </a> 7674 </li> 7675 7676 7677 <li 7678 7679 > 7680 <a 7681 href="/collections/face-wipes" 7682 class="mega-menu__link" 7683 > 7684 <span class="wrap-text">Face Wipes</span> 7685 </a> 7686 </li> 7687 7688 7689 <li 7690 7691 > 7692 <a 7693 href="/collections/body-wash" 7694 class="mega-menu__link" 7695 > 7696 <span class="wrap-text">Body Wash</span> 7697 </a> 7698 </li> 7699 7700 </ul> 7701 7702 </div> 7703 7704 </li> 7705 7706 <li class="mega-menu__column mega-menu__column--span-1"> 7707 <div> 7708 <a 7709 href="#" 7710 class="mega-menu__link mega-menu__link--parent" 7711 > 7712 7713 <span class="wrap-text">Face Masks</span> 7714 </a> 7715 7716 <ul 7717 class="list-unstyled" 7718 7719 style="column-count: 1;" 7720 7721 > 7722 7723 7724 <li 7725 7726 > 7727 <a 7728 href="/collections/sheet-masks" 7729 class="mega-menu__link" 7730 > 7731 <span class="wrap-text">Sheet Masks</span> 7732 </a> 7733 </li> 7734 7735 7736 <li 7737 7738 > 7739 <a 7740 href="/collections/face-masks" 7741 class="mega-menu__link" 7742 > 7743 <span class="wrap-text">Face Masks</span> 7744 </a> 7745 </li> 7746 7747 </ul> 7748 7749 </div> 7750 7751 </li> 7752 7753</ul> 7754 7755 7756 7757<style data-shopify> 7758 [data-menu-grid-id="MegaMenuList-3"] { 7759 7760 --menu-columns-desktop: 6; 7761 --menu-columns-tablet: 4; 7762 7763 } 7764 7765 [data-menu-list-id="MegaMenuList-3"] { 7766 7767 --menu-columns-desktop: 6; 7768 --menu-columns-tablet: 4; 7769 7770 } 7771</style> 7772 7773 7774<span 7775 class="mega-menu__content" 7776 style="--menu-content-columns-desktop: 0; --menu-content-columns-tablet: 0; --resource-card-corner-radius: 0px;" 7777 > 7778 <ul 7779 class="mega-menu__content-list mega-menu__content-list--products list-unstyled" 7780 > 7781 7782 </ul> 7783 </span> 7784 7785 7786 </div> 7787 </div> 7788 </div> 7789 </div></li> 7790 7791 <li 7792 role="presentation" 7793 class="menu-list__list-item" 7794 on:focus="/activate" 7795 on:blur="/deactivate"
7796 on:pointerenter="/activate" 7797 on:pointerleave="/deactivate" 7798 > 7799 <a 7800 href="/collections/hair-care" 7801 data-skip-node-update="true" 7802 class="menu-list__link"aria-controls="submenu-4" 7803 aria-haspopup="true" 7804 aria-expanded="false" 7805 ref="menuitem" 7806 > 7807 <span class="menu-list__link-title">Hair Care</span> 7808 </a><div class="menu-list__submenu background-matches-parent" ref="submenu[]"> 7809 <div 7810 id="submenu-4" 7811 class="menu-list__submenu-inner" 7812 style="--menu-parent-font-family: var(--font-body--family); --menu-parent-font-style: 7813var(--font-body--style); --menu-parent-font-weight: var(--font-body--weight); --menu-parent-font-case: 7814none; 7815 7816 --menu-parent-font-size: var(--menu-font-sm--size); --menu-parent-font-line-height: 7817 var(--menu-font-sm--line-height); --menu-parent-font-color: var(--color-foreground-subdued); 7818 --menu-parent-active-font-color: var(--color-foreground); 7819 7820--menu-child-font-family: var(--font-body--family); --menu-child-font-style:var(--font-body--style); --menu-child-font-weight: var(--font-body--weight); --menu-child-font-case: 7821none; 7822 7823 --menu-child-font-size: var(--menu-font-md--size); --menu-child-font-line-height: var(--menu-font-md--line-height); 7824 --menu-child-font-color: var(--color-foreground); --menu-child-active-font-color: var(--color-foreground-subdued); 7825 7826" 7827 > 7828 7829 <div class="mega-menu section section--full-width-margin section--full-width"> 7830 <div 7831 class="mega-menu__grid" 7832 data-menu-grid-id="MegaMenuList-4" 7833 > 7834 7835<ul 7836 data-menu-list-id="MegaMenuList-4" 7837 class="mega-menu__list list-unstyled" 7838 style="--menu-image-border-radius: 0px;" 7839> 7840 7841 <li class="mega-menu__column mega-menu__column--span-1"> 7842 <div> 7843 <a 7844 href="#" 7845 class="mega-menu__link mega-menu__link--parent" 7846 > 7847 7848 <span class="wrap-text">Shop By Concern</span> 7849 </a> 7850 7851 <ul 7852 class="list-unstyled" 7853 7854 style="column-count: 1;" 7855 7856 > 7857 7858 7859 <li 7860 7861 > 7862 <a 7863 href="/collections/hair-fall" 7864 class="mega-menu__link" 7865 > 7866 <span class="wrap-text">Hair Fall</span> 7867 </a> 7868 </li> 7869 7870 7871 <li 7872 7873 > 7874 <a 7875 href="/collections/hair-density" 7876 class="mega-menu__link" 7877 > 7878 <span class="wrap-text">Hair Density</span> 7879 </a> 7880 </li> 7881 7882 7883 <li 7884 7885 > 7886 <a 7887 href="/collections/hair-repair" 7888 class="mega-menu__link" 7889 > 7890 <span class="wrap-text">Hair Repair</span> 7891 </a> 7892 </li> 7893 7894 7895 <li 7896 7897 > 7898 <a 7899 href="/collections/dandruff" 7900 class="mega-menu__link" 7901 > 7902 <span class="wrap-text">Dandruff</span> 7903 </a> 7904 </li> 7905 7906 </ul> 7907 7908 </div> 7909 7910 </li> 7911 7912 <li class="mega-menu__column mega-menu__column--span-1"> 7913 <div> 7914 <a 7915 href="#" 7916 class="mega-menu__link mega-menu__link--parent" 7917 > 7918 7919 <span class="wrap-text">Shampoo & Conditioners</span> 7920 </a> 7921 7922 <ul 7923 class="list-unstyled" 7924 7925 style="column-count: 1;" 7926 7927 > 7928 7929 7930 <li 7931 7932 > 7933 <a 7934 href="/collections/shampoo" 7935 class="mega-menu__link" 7936 > 7937 <span class="wrap-text">Shampoo</span> 7938 </a> 7939 </li> 7940 7941 7942 <li 7943 7944 > 7945 <a 7946 href="/collections/dry-shampoo" 7947 class="mega-menu__link" 7948 >
7949 <span class="wrap-text">Dry Shampoo</span> 7950 </a> 7951 </li> 7952 7953 7954 <li 7955 7956 > 7957 <a 7958 href="/collections/conditioner" 7959 class="mega-menu__link" 7960 > 7961 <span class="wrap-text">Hair Conditioner</span> 7962 </a> 7963 </li> 7964 7965 7966 <li 7967 7968 > 7969 <a 7970 href="/collections/hair-mask" 7971 class="mega-menu__link" 7972 > 7973 <span class="wrap-text">Hair Mask</span> 7974 </a> 7975 </li> 7976 7977 </ul> 7978 7979 </div> 7980 7981 </li> 7982 7983 <li class="mega-menu__column mega-menu__column--span-1"> 7984 <div> 7985 <a 7986 href="#" 7987 class="mega-menu__link mega-menu__link--parent" 7988 > 7989 7990 <span class="wrap-text">Hair Colours</span> 7991 </a> 7992 7993 <ul 7994 class="list-unstyled" 7995 7996 style="column-count: 1;" 7997 7998 > 7999 8000 8001 <li 8002 8003 > 8004 <a 8005 href="/collections/semi-permanent" 8006 class="mega-menu__link" 8007 > 8008 <span class="wrap-text">Hair Colors / Dye</span> 8009 </a> 8010 </li> 8011 8012 8013 <li 8014 8015 > 8016 <a 8017 href="/collections/developer" 8018 class="mega-menu__link" 8019 > 8020 <span class="wrap-text">Developers</span> 8021 </a> 8022 </li> 8023 8024 </ul> 8025 8026 </div> 8027 8028 </li> 8029 8030 <li class="mega-menu__column mega-menu__column--span-1"> 8031 <div> 8032 <a 8033 href="#" 8034 class="mega-menu__link mega-menu__link--parent" 8035 > 8036 8037 <span class="wrap-text">Hair Accessories</span> 8038 </a> 8039 8040 <ul 8041 class="list-unstyled" 8042 8043 style="column-count: 1;" 8044 8045 > 8046 8047 8048 <li 8049 8050 > 8051 <a 8052 href="/collections/hair-styling" 8053 class="mega-menu__link" 8054 > 8055 <span class="wrap-text">Hair Styling</span> 8056 </a> 8057 </li> 8058 8059 8060 <li 8061 8062 > 8063 <a 8064 href="/collections/hair-straightener" 8065 class="mega-menu__link" 8066 > 8067 <span class="wrap-text">Hair Straightener</span> 8068 </a> 8069 </li> 8070 8071 8072 <li 8073 8074 > 8075 <a 8076 href="/collections/hair-curler" 8077 class="mega-menu__link" 8078 > 8079 <span class="wrap-text">Hair Curler</span> 8080 </a> 8081 </li> 8082 8083 8084 <li 8085 8086 > 8087 <a 8088 href="/collections/hair-dryer" 8089 class="mega-menu__link" 8090 > 8091 <span class="wrap-text">Hair Dryer</span> 8092 </a> 8093 </li> 8094 8095 </ul> 8096 8097 </div> 8098 8099 </li> 8100 8101 <li class="mega-menu__column mega-menu__column--span-1"> 8102 <div> 8103 <a 8104 href="/collections/hair-serum" 8105 class="mega-menu__link " 8106 > 8107 8108 <span class="wrap-text">Hair Serum</span> 8109 </a> 8110 8111 </div> 8112 8113 8114 8115 8116 <div> 8117 <a 8118 href="/collections/hair-oils" 8119 class="mega-menu__link " 8120 > 8121 8122 <span class="wrap-text">Hair Oils</span> 8123 </a> 8124 8125 </div> 8126 8127 </li> 8128 8129</ul> 8130 8131 8132 8133<style data-shopify> 8134 [data-menu-grid-id="MegaMenuList-4"] { 8135 8136 --menu-columns-desktop: 6; 8137 --menu-columns-tablet: 4; 8138 8139 } 8140 8141 [data-menu-list-id="MegaMenuList-4"] { 8142 8143 --menu-columns-desktop: 6; 8144 --menu-columns-tablet: 4; 8145 8146 } 8147</style> 8148 8149 8150<span 8151 class="mega-menu__content" 8152 style="--menu-content-columns-desktop: 0; --menu-content-columns-tablet: 0; --resource-card-corner-radius: 0px;" 8153 > 8154 <ul 8155 class="mega-menu__content-list mega-menu__content-list--products list-unstyled" 8156 > 8157 8158 </ul> 8159 </span> 8160 8161 8162 </div> 8163 </div> 8164 </div> 8165 </div></li> 8166 8167 <li 8168 role="presentation" 8169 class="menu-list__list-item" 8170 on:focus="/activate" 8171 on:blur="/deactivate"
8172 on:pointerenter="/activate" 8173 on:pointerleave="/deactivate" 8174 > 8175 <a 8176 href="/collections/health-care" 8177 data-skip-node-update="true" 8178 class="menu-list__link"aria-controls="submenu-5" 8179 aria-haspopup="true" 8180 aria-expanded="false" 8181 ref="menuitem" 8182 > 8183 <span class="menu-list__link-title">Health Care</span> 8184 </a><div class="menu-list__submenu background-matches-parent" ref="submenu[]"> 8185 <div 8186 id="submenu-5" 8187 class="menu-list__submenu-inner" 8188 style="--menu-parent-font-family: var(--font-body--family); --menu-parent-font-style: 8189var(--font-body--style); --menu-parent-font-weight: var(--font-body--weight); --menu-parent-font-case: 8190none; 8191 8192 --menu-parent-font-size: var(--menu-font-sm--size); --menu-parent-font-line-height: 8193 var(--menu-font-sm--line-height); --menu-parent-font-color: var(--color-foreground-subdued); 8194 --menu-parent-active-font-color: var(--color-foreground); 8195 8196--menu-child-font-family: var(--font-body--family); --menu-child-font-style:var(--font-body--style); --menu-child-font-weight: var(--font-body--weight); --menu-child-font-case: 8197none; 8198 8199 --menu-child-font-size: var(--menu-font-md--size); --menu-child-font-line-height: var(--menu-font-md--line-height); 8200 --menu-child-font-color: var(--color-foreground); --menu-child-active-font-color: var(--color-foreground-subdued); 8201 8202" 8203 > 8204 8205 <div class="mega-menu section section--full-width-margin section--full-width"> 8206 <div 8207 class="mega-menu__grid" 8208 data-menu-grid-id="MegaMenuList-5" 8209 > 8210 8211<ul 8212 data-menu-list-id="MegaMenuList-5" 8213 class="mega-menu__list list-unstyled" 8214 style="--menu-image-border-radius: 0px;" 8215> 8216 8217 <li class="mega-menu__column mega-menu__column--span-1"> 8218 <div> 8219 <a 8220 href="#" 8221 class="mega-menu__link mega-menu__link--parent" 8222 > 8223 8224 <span class="wrap-text">Shop By Concern</span> 8225 </a> 8226 8227 <ul 8228 class="list-unstyled" 8229 8230 style="column-count: 1;" 8231 8232 > 8233 8234 8235 <li 8236 8237 > 8238 <a 8239 href="/collections/male-vitality" 8240 class="mega-menu__link" 8241 > 8242 <span class="wrap-text">Male Vitality</span> 8243 </a> 8244 </li> 8245 8246 8247 <li 8248 8249 > 8250 <a 8251 href="/collections/pregnancy" 8252 class="mega-menu__link" 8253 > 8254 <span class="wrap-text">Pregnancy</span> 8255 </a> 8256 </li> 8257 8258 8259 <li 8260 8261 > 8262 <a 8263 href="/collections/immunity" 8264 class="mega-menu__link" 8265 > 8266 <span class="wrap-text">Immunity</span> 8267 </a> 8268 </li> 8269 8270 8271 <li 8272 8273 > 8274 <a 8275 href="/collections/bones-joints" 8276 class="mega-menu__link" 8277 > 8278 <span class="wrap-text">Bones & Joints</span> 8279 </a> 8280 </li> 8281 8282 8283 <li 8284 8285 > 8286 <a 8287 href="/collections/energy-booster" 8288 class="mega-menu__link" 8289 > 8290 <span class="wrap-text">Energy Booster</span> 8291 </a> 8292 </li> 8293 8294 8295 <li 8296 8297 > 8298 <a 8299 href="/collections/metabolism" 8300 class="mega-menu__link" 8301 > 8302 <span class="wrap-text">Metabolism & Weight Loss</span> 8303 </a> 8304 </li> 8305 8306 8307 <li 8308 8309 > 8310 <a 8311 href="/collections/prostate-functions" 8312 class="mega-menu__link" 8313 >
8314 <span class="wrap-text">Prostate Functions</span> 8315 </a> 8316 </li> 8317 8318 8319 <li 8320 8321 > 8322 <a 8323 href="/collections/natural-sweetener" 8324 class="mega-menu__link" 8325 > 8326 <span class="wrap-text">Natural Sweetener</span> 8327 </a> 8328 </li> 8329 8330 </ul> 8331 8332 </div> 8333 8334 </li> 8335 8336 <li class="mega-menu__column mega-menu__column--span-1"> 8337 <div> 8338 <a 8339 href="#" 8340 class="mega-menu__link mega-menu__link--parent" 8341 > 8342 8343 <span class="wrap-text">Supplements For Men</span> 8344 </a> 8345 8346 <ul 8347 class="list-unstyled" 8348 8349 style="column-count: 1;" 8350 8351 > 8352 8353 8354 <li 8355 8356 > 8357 <a 8358 href="/collections/men-energy-booster" 8359 class="mega-menu__link" 8360 > 8361 <span class="wrap-text">Men Energy Booster</span> 8362 </a> 8363 </li> 8364 8365 8366 <li 8367 8368 > 8369 <a 8370 href="/collections/male-vitality" 8371 class="mega-menu__link" 8372 > 8373 <span class="wrap-text">Male Vitality</span> 8374 </a> 8375 </li> 8376 8377 8378 <li 8379 8380 > 8381 <a 8382 href="/collections/prostate-functions" 8383 class="mega-menu__link" 8384 > 8385 <span class="wrap-text">Prostate Functions</span> 8386 </a> 8387 </li> 8388 8389 </ul> 8390 8391 </div> 8392 8393 </li> 8394 8395 <li class="mega-menu__column mega-menu__column--span-1"> 8396 <div> 8397 <a 8398 href="#" 8399 class="mega-menu__link mega-menu__link--parent" 8400 > 8401 8402 <span class="wrap-text">Supplements For Women</span> 8403 </a> 8404 8405 <ul 8406 class="list-unstyled" 8407 8408 style="column-count: 1;" 8409 8410 > 8411 8412 8413 <li 8414 8415 > 8416 <a 8417 href="/collections/pregnancy" 8418 class="mega-menu__link" 8419 > 8420 <span class="wrap-text">Pregnancy</span> 8421 </a> 8422 </li> 8423 8424 </ul> 8425 8426 </div> 8427 8428 </li> 8429 8430 <li class="mega-menu__column mega-menu__column--span-1"> 8431 <div> 8432 <a 8433 href="#" 8434 class="mega-menu__link mega-menu__link--parent" 8435 > 8436 8437 <span class="wrap-text">Supplements For All</span> 8438 </a> 8439 8440 <ul 8441 class="list-unstyled" 8442 8443 style="column-count: 1;" 8444 8445 > 8446 8447 8448 <li 8449 8450 > 8451 <a 8452 href="/collections/immunity" 8453 class="mega-menu__link" 8454 > 8455 <span class="wrap-text">Immunity</span> 8456 </a> 8457 </li> 8458 8459 8460 <li 8461 8462 > 8463 <a 8464 href="/collections/metabolism" 8465 class="mega-menu__link" 8466 > 8467 <span class="wrap-text">Metabolism & Weight Loss</span> 8468 </a> 8469 </li> 8470 8471 8472 <li 8473 8474 > 8475 <a 8476 href="/collections/bones-joints" 8477 class="mega-menu__link" 8478 > 8479 <span class="wrap-text">Bones & Joints</span> 8480 </a> 8481 </li> 8482 8483 8484 <li 8485 8486 > 8487 <a 8488 href="/collections/hair-vitamins" 8489 class="mega-menu__link" 8490 > 8491 <span class="wrap-text">Hair Vitamins</span> 8492 </a> 8493 </li> 8494 8495 8496 <li 8497 8498 > 8499 <a 8500 href="/collections/blood-sugar-support" 8501 class="mega-menu__link" 8502 >
8503 <span class="wrap-text">Blood Sugar Support</span> 8504 </a> 8505 </li> 8506 8507 </ul> 8508 8509 </div> 8510 8511 </li> 8512 8513 <li class="mega-menu__column mega-menu__column--span-1"> 8514 <div> 8515 <a 8516 href="#" 8517 class="mega-menu__link mega-menu__link--parent" 8518 > 8519 8520 <span class="wrap-text">Others</span> 8521 </a> 8522 8523 <ul 8524 class="list-unstyled" 8525 8526 style="column-count: 1;" 8527 8528 > 8529 8530 8531 <li 8532 8533 > 8534 <a 8535 href="/collections/aromatherapy" 8536 class="mega-menu__link" 8537 > 8538 <span class="wrap-text">Aromatherapy</span> 8539 </a> 8540 </li> 8541 8542 </ul> 8543 8544 </div> 8545 8546 </li> 8547 8548</ul> 8549 8550 8551 8552<style data-shopify> 8553 [data-menu-grid-id="MegaMenuList-5"] { 8554 8555 --menu-columns-desktop: 6; 8556 --menu-columns-tablet: 4; 8557 8558 } 8559 8560 [data-menu-list-id="MegaMenuList-5"] { 8561 8562 --menu-columns-desktop: 6; 8563 --menu-columns-tablet: 4; 8564 8565 } 8566</style> 8567 8568 8569<span 8570 class="mega-menu__content" 8571 style="--menu-content-columns-desktop: 0; --menu-content-columns-tablet: 0; --resource-card-corner-radius: 0px;" 8572 > 8573 <ul 8574 class="mega-menu__content-list mega-menu__content-list--products list-unstyled" 8575 > 8576 8577 </ul> 8578 </span> 8579 8580 8581 </div> 8582 </div> 8583 </div> 8584 </div></li> 8585 8586 <li 8587 role="presentation" 8588 class="menu-list__list-item" 8589 on:focus="/activate" 8590 on:blur="/deactivate" 8591 on:pointerenter="/activate" 8592 on:pointerleave="/deactivate" 8593 > 8594 <a 8595 href="/collections/personal-care" 8596 data-skip-node-update="true" 8597 class="menu-list__link"aria-controls="submenu-6" 8598 aria-haspopup="true" 8599 aria-expanded="false" 8600 ref="menuitem" 8601 > 8602 <span class="menu-list__link-title">Personal Care</span> 8603 </a><div class="menu-list__submenu background-matches-parent" ref="submenu[]"> 8604 <div 8605 id="submenu-6" 8606 class="menu-list__submenu-inner" 8607 style="--menu-parent-font-family: var(--font-body--family); --menu-parent-font-style: 8608var(--font-body--style); --menu-parent-font-weight: var(--font-body--weight); --menu-parent-font-case: 8609none; 8610 8611 --menu-parent-font-size: var(--menu-font-sm--size); --menu-parent-font-line-height: 8612 var(--menu-font-sm--line-height); --menu-parent-font-color: var(--color-foreground-subdued); 8613 --menu-parent-active-font-color: var(--color-foreground); 8614 8615--menu-child-font-family: var(--font-body--family); --menu-child-font-style:var(--font-body--style); --menu-child-font-weight: var(--font-body--weight); --menu-child-font-case: 8616none; 8617 8618 --menu-child-font-size: var(--menu-font-md--size); --menu-child-font-line-height: var(--menu-font-md--line-height); 8619 --menu-child-font-color: var(--color-foreground); --menu-child-active-font-color: var(--color-foreground-subdued); 8620 8621" 8622 > 8623 8624 <div class="mega-menu section section--full-width-margin section--full-width"> 8625 <div 8626 class="mega-menu__grid" 8627 data-menu-grid-id="MegaMenuList-6" 8628 > 8629 8630<ul 8631 data-menu-list-id="MegaMenuList-6" 8632 class="mega-menu__list list-unstyled" 8633 style="--menu-image-border-radius: 0px;" 8634> 8635 8636 <li class="mega-menu__column mega-menu__column--span-1"> 8637 <div> 8638 <a 8639 href="/collections/fragrance" 8640 class="mega-menu__link " 8641 > 8642 8643 <span class="wrap-text">Fragrance</span> 8644 </a> 8645 8646 </div> 8647 8648 </li> 8649 8650 <li class="mega-menu__column mega-menu__column--span-1"> 8651 <div> 8652 <a 8653 href="#" 8654 class="mega-menu__link mega-menu__link--parent" 8655 > 8656 8657 <span class="wrap-text">Female Care</span> 8658 </a> 8659 8660 <ul 8661 class="list-unstyled" 8662 8663 style="column-count: 1;" 8664 8665 > 8666 8667 8668 <li 8669 8670 > 8671 <a 8672 href="/collections/biomousse-flora" 8673 class="mega-menu__link" 8674 >
8675 <span class="wrap-text">Vaginal Care</span> 8676 </a> 8677 </li> 8678 8679 8680 <li 8681 8682 > 8683 <a 8684 href="/collections/hair-removal-cream" 8685 class="mega-menu__link" 8686 > 8687 <span class="wrap-text">Hair Removal Cream</span> 8688 </a> 8689 </li> 8690 8691 8692 <li 8693 8694 > 8695 <a 8696 href="/collections/wax-strips" 8697 class="mega-menu__link" 8698 > 8699 <span class="wrap-text">Wax Strips</span> 8700 </a> 8701 </li> 8702 8703 8704 <li 8705 8706 > 8707 <a 8708 href="/collections/epilators" 8709 class="mega-menu__link" 8710 > 8711 <span class="wrap-text">Epilators</span> 8712 </a> 8713 </li> 8714 8715 </ul> 8716 8717 </div> 8718 8719 </li> 8720 8721</ul> 8722 8723 8724 8725<style data-shopify> 8726 [data-menu-grid-id="MegaMenuList-6"] { 8727 8728 --menu-columns-desktop: 6; 8729 --menu-columns-tablet: 4; 8730 8731 } 8732 8733 [data-menu-list-id="MegaMenuList-6"] { 8734 8735 --menu-columns-desktop: 6; 8736 --menu-columns-tablet: 4; 8737 8738 } 8739</style> 8740 8741 8742<span 8743 class="mega-menu__content" 8744 style="--menu-content-columns-desktop: 0; --menu-content-columns-tablet: 0; --resource-card-corner-radius: 0px;" 8745 > 8746 <ul 8747 class="mega-menu__content-list mega-menu__content-list--products list-unstyled" 8748 > 8749 8750 </ul> 8751 </span> 8752 8753 8754 </div> 8755 </div> 8756 </div> 8757 </div></li> 8758 8759 <li 8760 role="presentation" 8761 class="menu-list__list-item" 8762 on:focus="/activate" 8763 on:blur="/deactivate" 8764 on:pointerenter="/activate" 8765 on:pointerleave="/deactivate" 8766 > 8767 <a 8768 href="/collections/baby-care" 8769 data-skip-node-update="true" 8770 class="menu-list__link"aria-controls="submenu-7" 8771 aria-haspopup="true" 8772 aria-expanded="false" 8773 ref="menuitem" 8774 > 8775 <span class="menu-list__link-title">Baby Care</span> 8776 </a><div class="menu-list__submenu background-matches-parent" ref="submenu[]"> 8777 <div 8778 id="submenu-7" 8779 class="menu-list__submenu-inner" 8780 style="--menu-parent-font-family: var(--font-body--family); --menu-parent-font-style: 8781var(--font-body--style); --menu-parent-font-weight: var(--font-body--weight); --menu-parent-font-case: 8782none; 8783 8784 --menu-parent-font-size: var(--menu-font-sm--size); --menu-parent-font-line-height: 8785 var(--menu-font-sm--line-height); --menu-parent-font-color: var(--color-foreground-subdued); 8786 --menu-parent-active-font-color: var(--color-foreground); 8787 8788--menu-child-font-family: var(--font-body--family); --menu-child-font-style:var(--font-body--style); --menu-child-font-weight: var(--font-body--weight); --menu-child-font-case: 8789none; 8790 8791 --menu-child-font-size: var(--menu-font-md--size); --menu-child-font-line-height: var(--menu-font-md--line-height); 8792 --menu-child-font-color: var(--color-foreground); --menu-child-active-font-color: var(--color-foreground-subdued); 8793 8794" 8795 > 8796 8797 <div class="mega-menu section section--full-width-margin section--full-width"> 8798 <div 8799 class="mega-menu__grid" 8800 data-menu-grid-id="MegaMenuList-7" 8801 > 8802 8803<ul 8804 data-menu-list-id="MegaMenuList-7" 8805 class="mega-menu__list list-unstyled" 8806 style="--menu-image-border-radius: 0px;" 8807> 8808 8809 <li class="mega-menu__column mega-menu__column--span-1"> 8810 <div> 8811 <a 8812 href="/collections/kidzvits" 8813 class="mega-menu__link " 8814 > 8815 8816 <span class="wrap-text">Kids Vitamins</span> 8817 </a> 8818 8819 </div> 8820 8821 8822 8823 8824 <div> 8825 <a 8826 href="/collections/maks" 8827 class="mega-menu__link " 8828 > 8829
8830 <span class="wrap-text">Baby Shampoos & Conditioner</span> 8831 </a> 8832 8833 </div> 8834 8835 8836 8837 8838 <div> 8839 <a 8840 href="/collections/baby-wash" 8841 class="mega-menu__link " 8842 > 8843 8844 <span class="wrap-text">Baby Wash</span> 8845 </a> 8846 8847 </div> 8848 8849 8850 8851 8852 <div> 8853 <a 8854 href="/collections/baby-lotion" 8855 class="mega-menu__link " 8856 > 8857 8858 <span class="wrap-text">Baby Lotion</span> 8859 </a> 8860 8861 </div> 8862 8863 8864 8865 8866 <div> 8867 <a 8868 href="/collections/rashes-treatment" 8869 class="mega-menu__link " 8870 > 8871 8872 <span class="wrap-text">Rashes Treatment</span> 8873 </a> 8874 8875 </div> 8876 8877 </li> 8878 8879</ul> 8880 8881 8882 8883<style data-shopify> 8884 [data-menu-grid-id="MegaMenuList-7"] { 8885 8886 --menu-columns-desktop: 6; 8887 --menu-columns-tablet: 4; 8888 8889 } 8890 8891 [data-menu-list-id="MegaMenuList-7"] { 8892 8893 --menu-columns-desktop: 6; 8894 --menu-columns-tablet: 4; 8895 8896 } 8897</style> 8898 8899 8900<span 8901 class="mega-menu__content" 8902 style="--menu-content-columns-desktop: 0; --menu-content-columns-tablet: 0; --resource-card-corner-radius: 0px;" 8903 > 8904 <ul 8905 class="mega-menu__content-list mega-menu__content-list--products list-unstyled" 8906 > 8907 8908 </ul> 8909 </span> 8910 8911 8912 </div> 8913 </div> 8914 </div> 8915 </div></li> 8916 8917 <li 8918 role="presentation" 8919 class="menu-list__list-item" 8920 on:focus="/activate" 8921 on:blur="/deactivate" 8922 on:pointerenter="/activate" 8923 on:pointerleave="/deactivate" 8924 > 8925 <a 8926 href="/pages/brands-page" 8927 data-skip-node-update="true" 8928 class="menu-list__link" 8929 ref="menuitem" 8930 > 8931 <span class="menu-list__link-title">Brands</span> 8932 </a></li> 8933 8934 <li 8935 role="presentation" 8936 class="menu-list__list-item" 8937 on:focus="/activate" 8938 on:blur="/deactivate" 8939 on:pointerenter="/activate" 8940 on:pointerleave="/deactivate" 8941 > 8942 <a 8943 href="/collections/sale" 8944 data-skip-node-update="true" 8945 class="menu-list__link" 8946 ref="menuitem" 8947 > 8948 <span class="menu-list__link-title">Sale</span> 8949 </a></li> 8950 8951 <li 8952 class="menu-list__list-item" 8953 role="presentation" 8954 slot="more" 8955 on:focus="/activate" 8956 on:blur="/deactivate" 8957 on:pointerenter="/activate" 8958 on:pointerleave="/deactivate" 8959 > 8960 <button role="listitem" class="menu-list__link button-unstyled"> 8961 <span class="menu-list__link-title">More</span> 8962 </button> 8963 </li> 8964 8965</overflow-list> 8966 8967 </nav> 8968 </div> 8969 8970
8970<script 8971 src="//cozmetica.pk/cdn/shop/t/140/assets/header-menu.js?v=95929844569485293131785524563" 8972 type="module" 8973 fetchpriority="low" 8974 ></script>
8974 8975 </header-menu> 8976 8977 8978<style data-shopify> 8979 .header__underlay { 8980 --color-submenu: rgb(255 255 255); 8981 } 8982</style> 8983 8984 8985 8986 8987 8988 8989 8990 </div><div 8991 class="header__column header__column--right" 8992 data-testid="header-top-right" 8993 > 8994 8995 8996 8997 8998 8999 9000 9001 9002 9003 9004 9005 9006 9007 <search-button 9008 class="search-action search-action--hidden-on-drawer" 9009 > 9010 <button 9011 on:click="#search-modal/showDialog" 9012 class="button-unstyled header-actions__action" 9013 aria-label="Search" 9014 aria-haspopup="dialog" 9015 > 9016 <span class="hidden"> 9017 Search 9018 </span> 9019 9020 <span class="svg-wrapper "> 9021 <svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><circle cx="9" cy="9" r="4.75" stroke="currentColor" stroke-width="var(--icon-stroke-width)"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="m12.5 12.5 3.25 3.25"/></svg> 9022 9023 </span> 9024 </button> 9025 </search-button> 9026 9027 9028 9029 9030 9031 9032 9033 9034 9035 9036
9037<script 9038 type="module" 9039 src="//cozmetica.pk/cdn/shop/t/140/assets/cart-icon.js?v=109428858171217037751785524563" 9040 fetchpriority="low" 9041></script>
9041 9042 9043 9044 9045 9046 9047<header-actions 9048 9049> 9050 9051 9052 <div 9053 class="account-button header-actions__action color-custom-popover" 9054 > 9055 <shopify-store store-domain="https://cozmetica.pk" country="PK" language="en"></shopify-store> 9056<shopify-account 9057 menu="customer-account-main-menu" 9058 9059 > 9060 9061 <span 9062 slot="signed-out-avatar" 9063 class="account-button__text header-actions__text-style hidden" 9064 > 9065 Account 9066 </span> 9067 9068 <span 9069 slot="signed-out-avatar" 9070 class="" 9071 aria-hidden="true" 9072 > 9073 9074 <svg 9075 xmlns="http://www.w3.org/2000/svg" 9076 width="15" 9077 height="17" 9078 viewBox="0 0 15 17" 9079 fill="none" 9080 slot="signed-out-avatar" 9081 class="account-button__icon" 9082 > 9083 <path 9084 stroke="currentColor" 9085 stroke-linejoin="round" 9086 stroke-width="var(--icon-stroke-width)" 9087 d="M10.375 3.813a3.063 3.063 0 1 1-6.125 0 3.063 3.063 0 0 1 6.125 0ZM7.313 9.5c-3.667 0-6.24 2.691-6.563 6.125h13.125C13.552 12.191 10.979 9.5 7.312 9.5Z" 9088 /> 9089 </svg> 9090 9091 </span> 9092 9093 </shopify-account> 9094 </div> 9095 9096 9097 9098 <button 9099 class="header-actions__action button-unstyled" 9100 on:click="#cart-drawer/toggle" 9101 aria-haspopup="dialog" 9102 aria-expanded="false" 9103 aria-controls="cart-drawer" 9104 aria-label="Cart" 9105 aria-describedby="cart-bubble-text" 9106 data-testid="cart-drawer-trigger" 9107 > 9108 9109 <cart-icon 9110 class="header-actions__cart-icon" 9111 data-testid="cart-icon" 9112 > 9113 <span class="hidden"> 9114 Cart 9115 </span> 9116 9117 <span 9118 class="svg-wrapper " 9119 aria-hidden="true" 9120 > 9121 <svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M3.392 6.875h13.216v8.016c0 .567-.224 1.112-.624 1.513-.4.402-.941.627-1.506.627H5.522a2.13 2.13 0 0 1-1.506-.627 2.15 2.15 0 0 1-.624-1.513zM8.818 2.969h2.333c.618 0 1.211.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.313c0-.622.246-1.218.683-1.658a2.33 2.33 0 0 1 1.65-.686"/></svg> 9122 9123 </span> 9124 9125 9126 9127<div 9128 ref="cartBubble" 9129 class="cart-bubble visually-hidden" 9130 style="--cart-bubble-background-fallback: #000000; --cart-bubble-text-fallback: #ffffff;" 9131 9132 9133 data-maintain-ratio 9134 9135> 9136 <span class="cart-bubble__background"></span> 9137 <span 9138 ref="cartBubbleText" 9139 id="cart-bubble-text" 9140 class="cart-bubble__text" 9141 > 9142 <span 9143 class="cart-bubble__text-count hidden" 9144 ref="cartBubbleCount" 9145 aria-hidden="true" 9146 data-testid="cart-bubble" 9147 > 91480</span> 9149 </span> 9150</div> 9151 9152 9153 9154 </cart-icon> 9155 9156 </button> 9157 9158 9159 <span 9160 ref="liveRegion" 9161 class="visually-hidden" 9162 role="status" 9163 data-testid="cart-count-live-region" 9164 ></span> 9165</header-actions> 9166
9167<script 9168 type="module" 9169 src="//cozmetica.pk/cdn/shop/t/140/assets/header-actions.js?v=157135685635924702181785524563" 9170 fetchpriority="low" 9171></script>
9171 9172 9173 9174 9175 9176 9177 9178 </div> 9179 </div> 9180 </div> 9181 9182 9183 9184 9185 9186 9187 9188 9189 9190 9191 9192 <div class="header__row header__navigation-bar-row"> 9193 9194 9195 9196 9197 9198 9199 9200<style data-shopify> 9201 .header__underlay { 9202 --color-submenu: rgb(255 255 255); 9203 } 9204</style> 9205 9206 9207 9208 9209 </div> 9210 9211</header-component> 9212
9213<script 9214 src="//cozmetica.pk/cdn/shop/t/140/assets/header.js?v=183210491532312943441785524563" 9215 type="module" 9216></script>
9216 9217 9218 9219 9220 9221
9221<script type="module"> 9222 import { hydrate } from '@theme/section-hydration'; 9223 const url = new URL(window.location.href); 9224 url.searchParams.delete('page'); 9225 hydrate('sections--21036523061409__header_section', url); 9226 </script>
9226 9227 9228 9229 9230</header> 9231<!-- END sections: header-group --> 9232 </div> 9233 9234
9234<script> 9235 // Inline header height and menu style calculations to prevent layout shift 9236 // Note: Updates in calculateHeaderGroupHeight(), updateTransparentHeaderOffset() and setHeaderMenuStyle() utilities.js should be kept in sync with this function 9237 (function setHeaderHeighCustomProperties() { 9238 /* 9239 * Header calculation functions for maintaining CSS variables 9240 * Mimic calculateHeaderGroupHeight() in utilities.js 9241 */ 9242 const header = document.querySelector('header-component'); 9243 const headerGroup = document.querySelector('#header-group'); 9244 const hasHeaderSection = headerGroup?.querySelector('.header-section'); 9245 9246 if (!header || !headerGroup) return; 9247 9248 const headerTopRow = header.querySelector('.header__row--top'); 9249 const headerHeight = header.offsetHeight; 9250 9251 // Calculate the total height of the header group 9252 let headerGroupHeight = 0; 9253 const children = headerGroup.children; 9254 for (let i = 0; i < children.length; i++) { 9255 const element = children[i]; 9256 if (element === header || !(element instanceof HTMLElement)) continue; 9257 headerGroupHeight += element.offsetHeight; 9258 } 9259 9260 // Check for transparent header special case 9261 if (header.hasAttribute('transparent') && header.parentElement?.nextElementSibling) { 9262 headerGroupHeight += headerHeight; 9263 } 9264 9265 // Set CSS variables 9266 document.body.style.setProperty('--header-height', `${headerHeight}px`); 9267 document.body.style.setProperty('--header-group-height', `${headerGroupHeight}px`); 9268 9269 if (headerTopRow) { 9270 window.requestAnimationFrame(function () { 9271 document.body.style.setProperty('--top-row-height', `${headerTopRow.offsetHeight}px`); 9272 }); 9273 } 9274 9275 /** 9276 * Updates CSS custom properties for transparent header offset calculation 9277 * Mimic updateTransparentHeaderOffset() in utilities.js 9278 */ 9279 9280 if (!hasHeaderSection || !header?.hasAttribute('transparent')) { 9281 document.body.style.setProperty('--transparent-header-offset-boolean', '0'); 9282 return; 9283 } 9284 9285 const hasImmediateSection = hasHeaderSection.nextElementSibling?.classList.contains('shopify-section'); 9286 9287 const shouldApplyOffset = !hasImmediateSection ? '1' : '0'; 9288 document.body.style.setProperty('--transparent-header-offset-boolean', shouldApplyOffset); 9289 })(); 9290 9291 (function setHeaderMenuStyle() { 9292 const headerComponent = document.querySelector('#header-component'); 9293 if (headerComponent) { 9294 const isTouchDevice = 'ontouchstart' in window && navigator.maxTouchPoints > 0; 9295 const overflowList = headerComponent?.querySelector('overflow-list'); 9296 const hasReachedMinimum = overflowList && overflowList.hasAttribute('minimum-reached'); 9297 headerComponent.dataset.menuStyle = isTouchDevice || hasReachedMinimum ? 'drawer' : 'menu'; 9298 } 9299 })(); 9300 </script>
9300 9301 9302 <main 9303 id="MainContent" 9304 class="content-for-layout" 9305 role="main" 9306 data-page-transition-enabled="false" 9307 data-product-transition="false" 9308 data-template="page" 9309 > 9310 <div id="shopify-section-template--21036528533665__main" class="shopify-section section-wrapper"> 9311 9312 9313 9314 9315 9316 9317 <style data-shopify> 9318 .color-custom-template--21036528533665__main, 9319 .color-custom-template--21036528533665__main .text-block { 9320 /* Background */ 9321 --color-background: #ffffff; 9322 --color-background-rgb: 255 255 255; 9323 9324 /* Opacity values adjusted for background brightness */ 9325 9326--opacity-5-15: 0.05; --opacity-10-25: 0.1; --opacity-35-55: 0.35; --opacity-40-60: 93270.4; --opacity-30-60: 0.3; --opacity-60: 0.6; 9328 9329 9330 9331 /* Foreground / text â explicit or smart-contrasted */ 9332 --color: #000000; 9333 --color-rgb: 0 0 0; 9334 --color-foreground: #000000; 9335 --color-foreground-rgb: 0 0 0; 9336 --color-foreground-muted: rgb(0 0 0 / var(--opacity-muted-text)); 9337 --color-foreground-subdued: rgb(0 0 0 / var(--opacity-subdued-text)); 9338 --color-border: var(--palette-darkest); 9339 --color-border-rgb: var(--palette-darkest-rgb); 9340 9341 } 9342 9343 9344 .color-custom-template--21036528533665__main { 9345 /* Form-related tokens stay on .color-custom only â .text-block is a prose 9346 container (text/announcement/inline-text/blog-post-description/ 9347 collection-link/price/sku) and never holds form inputs. */ 9348 --input-disabled-background-color: rgb(0 0 0 / var(--opacity-10)); 9349 --input-disabled-border-color: rgb(0 0 0 / var(--opacity-5)); 9350 --input-disabled-text-color: rgb(0 0 0 / var(--opacity-50)); 9351 --checkbox-border: 1px solid rgb(0 0 0 / var(--opacity-35-55)); 9352 } 9353 9354 9355 .color-custom-template--21036528533665__main { 9356 color: var(--color, var(--color-foreground)); 9357 background-color: var(--color-background); 9358 } 9359 </style> 9360 9361 9362 9363<div 9364 class="section-background color-custom-template--21036528533665__main" 9365></div> 9366<div class="section page-width-content color-custom-template--21036528533665__main"> 9367 <div 9368 class=" 9369 spacing-style 9370 layout-panel-flex 9371 layout-panel-flex--column 9372 section-content-wrapper 9373 mobile-column 9374 " 9375 style=" 9376 --flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap; 9377 9378--gap: max(24px, calc(var(--gap-scale, 1.0) * 32px)); 9379 9380--horizontal-alignment: ; --vertical-alignment: ; 9381--vertical-alignment-mobile: ; 9382 9383 --padding-block-start: max(20px, calc(var(--spacing-scale) * 40px));--padding-block-end: max(20px, calc(var(--spacing-scale) * 80px)); 9384 " 9385 > 9386 9387 9388 9389 9390 9391 9392 9393 9394 9395 <div class=" spacing-style text-block text-block--AR3dtbEtZbE5mcVZvb__heading h2 text-block--align-left " style=" --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px; --width: 100%; --max-width: var(--max-width--body-normal); --text-align: left; "> 9396 <h1>About Cozmetica</h1> 9397 </div> 9398 9399 9400 9401 9402 9403 9404<div id="shopify-block-AbVdFS1hNSldrTVQyY__page-content" class="shopify-block rte"> 9405 9406<div 9407 class="page-content" 9408 style=" 9409 9410 " 9411> 9412 <rte-formatter> 9413 <meta http-equiv="content-type" content="text/html; charset=utf-8"> 9414<p><strong>Cozmetica</strong><span> </span>takes immense pride in being one of Pakistanâs trusted online beauty shopping website, providing our prestigious and innovative customer a hassle-free shopping experience and best quality cosmetics products right at your door steps.</p> 9415<p><strong><span lang="EN-US">Since our inception in 2017</span></strong><span lang="EN-US">, we at Cozmetica.pk are committed to build an ultimate one stop<span> </span><strong>Beauty Concept Store</strong><span> </span>for all makeup lovers across Pakistan, by promising 100% Original and Authentic branded cosmetics range and an experience to last for longer. As a team, we believe in diversity, inclusivity, and empowerment for all.</span></p> 9416<p><strong><span lang="EN-US">Today</span></strong><span lang="EN-US">, Cozmetica has a powerful online presence in Pakistan, thanks to our unmatched assortment of beauty products in every category, unbiased service from beauty experts, cooperating customer services and marketing innovation.</span></p> 9417<p><strong><span lang="EN-US">We are committed</span></strong><span lang="EN-US"><span> </span>to emerge as Pakistanâs finest online beauty shopping website and lead the industry in years to come. Our purpose at Cozmetica is to create an unmatched beauty shopping experience and inspire/respect individuality in our community. Through our continued expertise, innovation and entrepreneurial spirit, Cozmetica encourages customer to explore the universe of beauty and wellness with an absolute unbiased & impartial approach.</span></p> 9418<p><strong>Why Us? </strong></p> 9419<p>
9419Guaranteed 7 days delivery promise: click here to track your order</p> 9420<p>Your originality is our inspiration. From a full-on maximalists to fresh faced minimalists, we have a product for everyone and every look in between. We believe in originality, openness and transparency and let every girl love the girl inside.</p> 9421<p><span style="color: #ff2a00;"><strong>Cozmetica is a trademark owned & filed by CozCom Pvt Ltd</strong></span></p> 9422 </rte-formatter> 9423</div> 9424 9425 9426 9427 9428</div> 9429 9430 </div> 9431</div> 9432 9433 9434</div> 9435 </main> 9436 9437 <footer> 9438 <!-- BEGIN sections: footer-group --> 9439<div id="shopify-section-sections--21036522897569__footer_m9NzUG" class="shopify-section shopify-section-group-footer-group section-wrapper"> 9440 9441 9442 9443 9444 9445 9446 <style data-shopify> 9447 .color-custom-sections--21036522897569__footer_m9NzUG, 9448 .color-custom-sections--21036522897569__footer_m9NzUG .text-block { 9449 /* Background */ 9450 --color-background: #fffbf5; 9451 --color-background-rgb: 255 251 245; 9452 9453 /* Opacity values adjusted for background brightness */ 9454 9455--opacity-5-15: 0.05; --opacity-10-25: 0.1; --opacity-35-55: 0.35; --opacity-40-60: 94560.4; --opacity-30-60: 0.3; --opacity-60: 0.6; 9457 9458 9459 9460 /* Foreground / text â explicit or smart-contrasted */ 9461 --color: #000000; 9462 --color-rgb: 0 0 0; 9463 --color-foreground: #000000; 9464 --color-foreground-rgb: 0 0 0; 9465 --color-foreground-muted: rgb(0 0 0 / var(--opacity-muted-text)); 9466 --color-foreground-subdued: rgb(0 0 0 / var(--opacity-subdued-text)); 9467 --color-border: var(--palette-darkest); 9468 --color-border-rgb: var(--palette-darkest-rgb); 9469 9470 } 9471 9472 9473 .color-custom-sections--21036522897569__footer_m9NzUG { 9474 /* Form-related tokens stay on .color-custom only â .text-block is a prose 9475 container (text/announcement/inline-text/blog-post-description/ 9476 collection-link/price/sku) and never holds form inputs. */ 9477 --input-disabled-background-color: rgb(0 0 0 / var(--opacity-10)); 9478 --input-disabled-border-color: rgb(0 0 0 / var(--opacity-5)); 9479 --input-disabled-text-color: rgb(0 0 0 / var(--opacity-50)); 9480 --checkbox-border: 1px solid rgb(0 0 0 / var(--opacity-35-55)); 9481 } 9482 9483 9484 .color-custom-sections--21036522897569__footer_m9NzUG { 9485 color: var(--color, var(--color-foreground)); 9486 background-color: var(--color-background); 9487 } 9488 </style> 9489 9490 9491 9492<div 9493 class="section-background color-custom-sections--21036522897569__footer_m9NzUG" 9494></div> 9495<div 9496 class="section section--page-width color-custom-sections--21036522897569__footer_m9NzUG" 9497> 9498 9499 <div 9500 class=" 9501 footer-content 9502 spacing-style 9503 9504 9505 " 9506 style=" 9507 --padding-block-start: max(20px, calc(var(--spacing-scale) * 30px));--padding-block-end: max(20px, calc(var(--spacing-scale) * 30px)); 9508 --footer-gap: 20px; 9509 --grid-columns: 2; 9510 --last-row-count: 2; 9511 --tablet-last-row-count: 2; 9512 " 9513 > 9514 9515 9516 9517 9518 9519 9520 9521 9522 9523 9524 9525<div 9526 class=" 9527 group-block 9528 group-block--height-fit 9529 group-block--width-fill 9530 border-style 9531 spacing-style 9532 size-style 9533 9534 9535 " 9536 style=" 9537 9538--border-width: 1px; --border-style: none; --border-color: 9539rgb(var(--color-border-rgb) / 1.0); --border-radius: 0px; 9540 9541 --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; 9542 --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem; 9543 9544 " 9545 9546 data-testid="group-block" 9547><div class="group-block__media-wrapper"> 9548 9549 9550 9551 9552 9553 </div> 9554 9555 <div 9556 class=" 9557 group-block-content 9558 9559 layout-panel-flex 9560 layout-panel-flex--column 9561 mobile-column 9562 " 9563 style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap; 9564 9565--gap: 6px; 9566 9567--horizontal-alignment: flex-start; --vertical-alignment: center; 9568--vertical-alignment-mobile: center; 9569" 9570 > 9571 9572 9573 9574 9575 9576 9577 9578 9579 9580 <rte-formatter class=" spacing-style text-block text-block--AdUNqcUd5UjZaamE2c__text_TYADRK rte text-block--align-left rte " style=" --padding-block-start: 20px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px; --width: 100%; --max-width: var(--max-width--body-normal); --text-align: left; "> 9581 <p>Cozmetica is Pakistanâs online beauty store for 100% original Korean skincare, makeup, haircare, and personal-care products from trusted international and local brands.</p> 9582 </rte-formatter> 9583 9584 9585 9586 9587 9588 9589 9590 9591 9592 9593 9594 9595 9596 9597 9598 <div class=" spacing-style text-block text-block--AMEZKS0lvU1BhU1JOT__text_LWt8Pz h4 text-block--align-left " style=" --padding-block-start: 20px; --padding-block-end:10px; --padding-inline-start:0px; --padding-inline-end:0px; --width: 100%; --max-width: var(--max-width--body-normal); --text-align: left; "> 9599 <h2>Join our email list</h2> 9600 </div> 9601 9602 9603 9604 9605 9606 9607 9608 9609 9610 9611 9612 9613 9614 9615 9616 9617<div 9618 class="email-signup-block size-style spacing-style" 9619 style=" 9620 --size-style-width: 100%;--size-style-height: ; 9621 --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; 9622 " 9623 9624> 9625 9626<form method="post" action="/contact#contact_form" id="contact_form" accept-charset="UTF-8" class="email-signup__form spacing-style"><input type="hidden" name="form_type" value="customer" /><input type="hidden" name="utf8" value="â" /> 9627 9628<div 9629 class="email-signup__input-group email-signup__input-group--integrated email-signup__input-group--arrow" 9630 style=" 9631 --border-width: 1px; 9632 --border-radius: 100px; 9633 --color-input-background: #ffffff; --color-input-text: #333333; --color-input-text-rgb: 51 51 51; --color-input-border: #DFDFDF; 9634 " 9635 > 9636 <label 9637 for="EmailInput-ATEhVcXdJS1dmbkJPR__email_signup_8h6DgV" 9638 class="visually-hidden" 9639 > 9640 Email 9641 </label> 9642 <input 9643 id="EmailInput-ATEhVcXdJS1dmbkJPR__email_signup_8h6DgV" 9644 class="email-signup__input email-signup__input--all paragraph " 9645 type="email" 9646 name="contact[email]" 9647 autocorrect="off" 9648 autocapitalize="off" 9649 autocomplete="email" 9650 placeholder="Email address" 9651 required 9652 9653 > 9654 <button 9655 class="email-signup__button email-signup__button--integrated email-signup__button--arrow paragraph button-unstyled button-unstyled--ATEhVcXdJS1dmbkJPR__email_signup_8h6DgV" 9656 9657 aria-label="Sign up" 9658 9659 > 9660 9661 <svg
9662 viewBox="0 0 20 20" 9663 xmlns="http://www.w3.org/2000/svg" 9664 focusable="false" 9665 aria-hidden="true" 9666 class="email-signup__button-icon" 9667 > 9668 9669 9670 9671<path 9672 clip-rule="evenodd" 9673 d="m11.246 5.31759c.0322-.07821.0833-.14723.1486-.20093.0654-.0537.143-.09041.2259-.10686.083-.01645.1688-.01214.2497.01257.0808.0247.1544.06902.214.12902l4.104 4.104c.0478.04765.0857.10426.1115.16659.0259.06232.0392.12913.0392.19661 0 .06747-.0133.13429-.0392.19661-.0258.06233-.0637.11893-.1115.16659l-4.104 4.10401c-.0963.0963-.227.1504-.3632.1504s-.2669-.0541-.3632-.1504-.1504-.227-.1504-.3632.0541-.2669.1504-.3632l3.2288-3.2278h-11.0736c-.13606 0-.26654-.0541-.36275-.15027-.0962-.0962-.15025-.22669-.15025-.36274 0-.13606.05405-.26654.15025-.36275.09621-.0962.22669-.15025.36275-.15025h11.0736l-3.2288-3.2278c-.0721-.07178-.1212-.16335-.1411-.2631s-.0097-.20316.0293-.2971z" 9674 fill="currentColor" 9675 fill-rule="evenodd" 9676 /> 9677 </svg> 9678 9679 </button> 9680 </div></form> 9681</div> 9682 9683 9684 9685 9686 9687 9688 9689 9690 9691 9692 9693 9694 9695 <rte-formatter class=" spacing-style text-block text-block--AbXhDbk1SWVpQU3YrS__text_f9CFLH rte text-block--align-left rte " style=" --padding-block-start: 20px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px; --width: 100%; --max-width: var(--max-width--body-normal); --text-align: left; "> 9696 <p>Get exclusive deals and early access to new products.</p> 9697 </rte-formatter> 9698 9699 9700 9701 9702 9703 9704 9705 9706 9707 9708 9709 9710 9711 9712 9713 <rte-formatter class=" spacing-style text-block text-block--ATnEwaXdNd3RWa3Axb__text_J9Yf9w rte text-block--align-left rte " style=" --padding-block-start: 20px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px; --width: 100%; --max-width: var(--max-width--body-normal); --text-align: left; "> 9714 <p>Address: 75XX - Khayaban-e-Iqbal DHA Phase 3<br/>Lahore - 54000 - </p><p>WhatsApp: <a href="https://wa.me/923001269266">0300-1269266</a></p> 9715 </rte-formatter> 9716 9717 9718 9719 9720 9721 9722 9723</div> 9724</div> 9725 9726 9727 9728 9729 9730 9731 9732 9733 9734 9735 9736 9737 9738 9739 9740 9741 9742 <accordion-custom 9743 9744 class="menu" 9745 9746 9747 9748 open-by-default-on-desktop 9749 9750 9751 open-by-default-on-mobile 9752 9753 9754 data-disable-on-desktop="true" 9755 9756 9757 data-disable-on-mobile="true" 9758 9759 9760 9761 9762> 9763 9764 <details 9765 class=" 9766 menu__details 9767 spacing-style 9768 9769 " 9770 data-testid="menu-details" 9771 style=" 9772 --spacing--size: 12px; 9773 --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; 9774 " 9775 9776 open 9777 9778 9779 > 9780 <summary class="menu__heading h4"> 9781 <span class="menu__heading__default">Information & Policies</span> 9782 <span class="menu__heading__accordion"> 9783 Information & Policies 9784 9785 <span class="menu__heading__toggle svg-wrapper icon-caret icon-animated"><svg aria-hidden="true" width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg"> 9786 <path d="M11 5.5L7 9.5L3 5.5" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 9787</svg> 9788</span> 9789 9790 </span> 9791 </summary> 9792 9793 <nav 9794 class="details-content" 9795 9796 > 9797 9798 <ul class="list-unstyled"> 9799 9800 <li class="menu__item paragraph"> 9801 <a href="/pages/about-cozmetica"> 9802 About Us 9803 </a> 9804 </li> 9805 9806 <li class="menu__item paragraph"> 9807 <a href="/pages/contact-us"> 9808 Contact Us 9809 </a> 9810 </li> 9811 9812 <li class="menu__item paragraph"> 9813 <a href="/pages/faqs"> 9814 FAQs 9815 </a> 9816 </li> 9817 9818 <li class="menu__item paragraph"> 9819 <a href="/policies/terms-of-service"> 9820 Terms & Conditions 9821 </a> 9822 </li> 9823 9824 <li class="menu__item paragraph"> 9825 <a href="/pages/shipping-returns"> 9826 Exchange & Return Policy 9827 </a> 9828 </li> 9829 9830 <li class="menu__item paragraph"> 9831 <a href="/policies/refund-policy"> 9832 Refund policy 9833 </a> 9834 </li> 9835 9836 <li class="menu__item paragraph"> 9837 <a href="https://cozmeticaa.returnsdrive.com"> 9838 Return Application 9839 </a> 9840 </li> 9841 9842 <li class="menu__item paragraph"> 9843 <a href="/blogs/news"> 9844 Blogs By Cozmetica 9845 </a> 9846 </li> 9847 9848 <li class="menu__item paragraph"> 9849 <a href="/pages/affiliate-program"> 9850 Affiliate Program 9851 </a> 9852 </li> 9853 9854 <li class="menu__item paragraph"> 9855 <a href="/pages/hassle-free-return"> 9856 #Hassel Free Returns 9857 </a> 9858 </li> 9859 9860 </ul> 9861 9862 </nav> 9863 </details> 9864 9865</accordion-custom> 9866 9867 9868 9869 9870 9871 9872 9873 9874 9875 </div> 9876</div> 9877 9878 9879 9880 9881</div><div id="shopify-section-sections--21036522897569__footer_utilities_jLGE8U" class="shopify-section shopify-section-group-footer-group footer-utilities"> 9882 9883 9884 9885 9886 9887 9888 <style data-shopify> 9889 .color-custom-sections--21036522897569__footer_utilities_jLGE8U, 9890 .color-custom-sections--21036522897569__footer_utilities_jLGE8U .text-block {
9891 /* Background */ 9892 --color-background: #ffffff; 9893 --color-background-rgb: 255 255 255; 9894 9895 /* Opacity values adjusted for background brightness */ 9896 9897--opacity-5-15: 0.05; --opacity-10-25: 0.1; --opacity-35-55: 0.35; --opacity-40-60: 98980.4; --opacity-30-60: 0.3; --opacity-60: 0.6; 9899 9900 9901 9902 /* Foreground / text â explicit or smart-contrasted */ 9903 --color: #000000; 9904 --color-rgb: 0 0 0; 9905 --color-foreground: #000000; 9906 --color-foreground-rgb: 0 0 0; 9907 --color-foreground-muted: rgb(0 0 0 / var(--opacity-muted-text)); 9908 --color-foreground-subdued: rgb(0 0 0 / var(--opacity-subdued-text)); 9909 --color-border: var(--palette-darkest); 9910 --color-border-rgb: var(--palette-darkest-rgb); 9911 9912 } 9913 9914 9915 .color-custom-sections--21036522897569__footer_utilities_jLGE8U { 9916 /* Form-related tokens stay on .color-custom only â .text-block is a prose 9917 container (text/announcement/inline-text/blog-post-description/ 9918 collection-link/price/sku) and never holds form inputs. */ 9919 --input-disabled-background-color: rgb(0 0 0 / var(--opacity-10)); 9920 --input-disabled-border-color: rgb(0 0 0 / var(--opacity-5)); 9921 --input-disabled-text-color: rgb(0 0 0 / var(--opacity-50)); 9922 --checkbox-border: 1px solid rgb(0 0 0 / var(--opacity-35-55)); 9923 } 9924 9925 9926 .color-custom-sections--21036522897569__footer_utilities_jLGE8U { 9927 color: var(--color, var(--color-foreground)); 9928 background-color: var(--color-background); 9929 } 9930 </style> 9931 9932 9933 9934<div 9935 class="section-background color-custom-sections--21036522897569__footer_utilities_jLGE8U" 9936></div> 9937<div 9938 class="section section--page-width color-custom-sections--21036522897569__footer_utilities_jLGE8U" 9939 9940> 9941 <div 9942 class="utilities utilities--blocks-3 spacing-style" 9943 style="--padding-block-start: 20px;--padding-block-end: max(20px, calc(var(--spacing-scale) * 48px)); --border-width: 1px; --divider-color: #DFDFDF; --gap: 24px;" 9944 data-testid="footer-utilities" 9945 > 9946 9947 9948<div 9949 class=" 9950 footer-utilities__group-copyright 9951 custom-typography 9952 custom-font-size 9953 " 9954 style=" 9955 9956--font-size: 0.75rem; --font-weight: ;--font-family: ; --text-transform: none; --text-wrap: pretty; --line-height: var(--line-height--body-); --letter-spacing: var(--letter-spacing--body-); 9957 9958 " 9959 9960> 9961 <span class="footer-utilities__text"> 9962 © 2026 9963 <a href="/" title="">Cozmetica</a></span> 9964</div> 9965 9966 9967 9968 9969 9970 9971 <anchored-popover-component 9972 data-hover-triggered="true" 9973 > 9974 <button 9975 class="policy-list-trigger button-unstyled" 9976 popovertarget="terms-policies-popover" 9977 popovertargetaction="toggle" 9978 ref="trigger" 9979 style=" 9980 9981--font-size: 0.75rem; --font-weight: ;--font-family: ; --text-transform: none; --text-wrap: pretty; --line-height: var(--line-height--body-); --letter-spacing: var(--letter-spacing--body-); 9982 9983 " 9984 9985 > 9986 Terms and Policies 9987 </button> 9988 <div 9989 class="terms-policies-popover color-custom-popover" 9990 id="terms-policies-popover" 9991 popover="auto" 9992 ref="popover" 9993 > 9994 <ul 9995 class=" 9996 policy_list list-unstyled 9997 custom-typography 9998 custom-font-size 9999 " 10000 ><li> 10001 <a 10002 href="/policies/refund-policy" 10003 class="footer-utilities__text" 10004 >Refund policy</a> 10005 </li><li> 10006 <a 10007 href="/policies/privacy-policy" 10008 class="footer-utilities__text" 10009 >Privacy policy</a> 10010 </li><li> 10011 <a 10012 href="/policies/terms-of-service" 10013 class="footer-utilities__text" 10014 >Terms of service</a> 10015 </li><li> 10016 <a 10017 href="/policies/shipping-policy" 10018 class="footer-utilities__text" 10019 >Shipping policy</a> 10020 </li></ul> 10021 </div> 10022 </anchored-popover-component> 10023 10024 10025 10026 10027 10028 10029<div 10030 class="social-icons__wrapper social-icons__wrapper--AcFpDZi9WelE0eEZ4M__social_links_Ew63Kq" 10031 10032> 10033 10034 <style data-shopify> 10035 .social-icons__wrapper--AcFpDZi9WelE0eEZ4M__social_links_Ew63Kq { 10036 --color-utilities: #000000; 10037 } 10038 </style> 10039 10040
10041 10042 10043 10044 10045 10046 10047 10048 <div 10049 class="social-icons__icon-wrapper" 10050 > 10051 <a 10052 href="https://www.facebook.com/cozmeticapk/" 10053 target="_blank" 10054 rel="noopener noreferrer" 10055 aria-label="Facebook" 10056 10057 > 10058 <span class="social-icons__icon-label">Facebook</span> 10059 10060 <svg 10061 class="social-icons__icon icon-default" 10062 aria-hidden="true" 10063 focusable="false" 10064 xmlns="http://www.w3.org/2000/svg" 10065 viewBox="0 0 20 20" 10066 > 10067 10068 10069<path d="M18 10.049C18 5.603 14.419 2 10 2c-4.419 0-8 3.603-8 8.049C2 14.067 4.925 17.396 8.75 18v-5.624H6.719v-2.328h2.03V8.275c0-2.017 1.195-3.132 3.023-3.132.874 0 1.79.158 1.79.158v1.98h-1.009c-.994 0-1.303.621-1.303 1.258v1.51h2.219l-.355 2.326H11.25V18c3.825-.604 6.75-3.933 6.75-7.951Z" /></svg> 10070 10071 </a> 10072 </div> 10073 10074 10075 10076 10077 10078 10079 10080 10081 10082 10083 10084 10085 10086 10087 10088 <div 10089 class="social-icons__icon-wrapper" 10090 > 10091 <a 10092 href="https://www.youtube.com/@cozmeticapk" 10093 target="_blank" 10094 rel="noopener noreferrer" 10095 aria-label="Youtube" 10096 10097 > 10098 <span class="social-icons__icon-label">Youtube</span> 10099 10100 <svg 10101 class="social-icons__icon icon-default" 10102 aria-hidden="true" 10103 focusable="false" 10104 xmlns="http://www.w3.org/2000/svg"
10105 viewBox="0 0 20 20" 10106 > 10107 10108 10109<path d="M18.16 5.87c.34 1.309.34 4.08.34 4.08s0 2.771-.34 4.08a2.125 2.125 0 0 1-1.53 1.53c-1.309.34-6.63.34-6.63.34s-5.321 0-6.63-.34a2.125 2.125 0 0 1-1.53-1.53c-.34-1.309-.34-4.08-.34-4.08s0-2.771.34-4.08a2.173 2.173 0 0 1 1.53-1.53C4.679 4 10 4 10 4s5.321 0 6.63.34a2.173 2.173 0 0 1 1.53 1.53ZM8.3 12.5l4.42-2.55L8.3 7.4v5.1Z" /></svg> 10110 10111 </a> 10112 </div> 10113 10114 10115 10116 10117 10118 10119 10120 10121 10122 10123 10124 10125 10126 10127 10128 10129 10130 10131 10132 10133 10134 10135 10136 10137 10138 <div 10139 class="social-icons__icon-wrapper" 10140 > 10141 <a 10142 href="https://www.linkedin.com/company/cozcom/" 10143 target="_blank" 10144 rel="noopener noreferrer" 10145 aria-label="Linkedin" 10146 10147 > 10148 <span class="social-icons__icon-label">Linkedin</span> 10149 10150 <svg 10151 class="social-icons__icon icon-default" 10152 aria-hidden="true" 10153 focusable="false" 10154 xmlns="http://www.w3.org/2000/svg"
10155 viewBox="0 0 20 20" 10156 > 10157 10158 10159<path 10160 fill-rule="evenodd" 10161 clip-rule="evenodd" 10162 d="M16.8411 2H3.2061C2.5539 2 2 2.51581 2 3.15124V16.848C2 17.4842 2.36343 18 3.01562 18H16.6507C17.3036 18 18 17.4842 18 16.848V3.15124C18 2.51581 17.4941 2 16.8411 2ZM8.09524 8.09524H10.2491V9.19314H10.2728C10.6011 8.60114 11.571 8 12.7703 8C15.072 8 15.7143 9.2221 15.7143 11.4857V15.7143H13.4286V11.9025C13.4286 10.8891 13.024 10 12.0777 10C10.9288 10 10.381 10.7779 10.381 12.0549V15.7143H8.09524V8.09524ZM4.28571 15.7143H6.57143V8.09524H4.28571V15.7143ZM6.85714 5.42857C6.85714 6.2179 6.2179 6.85714 5.42857 6.85714C4.63924 6.85714 4 6.2179 4 5.42857C4 4.63924 4.63924 4 5.42857 4C6.2179 4 6.85714 4.63924 6.85714 5.42857Z" 10163 fill="currentColor" 10164 /></svg> 10165 10166 </a> 10167 </div> 10168 10169 10170 10171 10172 10173 10174 10175 10176 10177 10178 10179 10180 10181 10182 10183 10184 10185 10186 <div 10187 class="social-icons__icon-wrapper" 10188 > 10189 <a 10190 href="https://www.pinterest.com/cozmeticapk/" 10191 target="_blank" 10192 rel="noopener noreferrer" 10193 aria-label="Pinterest" 10194 10195 > 10196 <span class="social-icons__icon-label">Pinterest</span> 10197 10198 <svg 10199 class="social-icons__icon icon-default" 10200 aria-hidden="true" 10201 focusable="false" 10202 xmlns="http://www.w3.org/2000/svg"
10203 viewBox="0 0 20 20" 10204 > 10205 10206 10207<path d="M10 2.01c2.124.01 4.16.855 5.666 2.353a8.087 8.087 0 0 1 1.277 9.68A7.952 7.952 0 0 1 10 18.04a8.164 8.164 0 0 1-2.276-.307c.403-.653.672-1.24.816-1.729l.567-2.2c.134.27.393.5.768.702.384.192.768.297 1.19.297.836 0 1.585-.24 2.248-.72a4.678 4.678 0 0 0 1.537-1.969c.37-.89.554-1.848.537-2.813 0-1.249-.48-2.315-1.43-3.227a5.061 5.061 0 0 0-3.65-1.374c-.893 0-1.729.154-2.478.461a5.023 5.023 0 0 0-3.236 4.552c0 .72.134 1.355.413 1.902.269.538.672.922 1.22 1.152.096.039.182.039.25 0 .066-.028.114-.096.143-.192l.173-.653c.048-.144.02-.288-.105-.432a2.257 2.257 0 0 1-.548-1.565 3.803 3.803 0 0 1 3.976-3.861c1.047 0 1.863.288 2.44.855.585.576.883 1.315.883 2.228 0 .768-.106 1.479-.317 2.122a3.813 3.813 0 0 1-.893 1.556c-.384.384-.836.576-1.345.576-.413 0-.749-.144-1.018-.451-.259-.307-.345-.672-.25-1.085.147-.514.298-1.026.452-1.537l.173-.701c.057-.25.086-.451.086-.624 0-.346-.096-.634-.269-.855-.192-.22-.451-.336-.797-.336-.432 0-.797.192-1.085.595-.288.394-.442.893-.442 1.499.005.374.063.746.173 1.104l.058.144c-.576 2.478-.913 3.938-1.037 4.36-.116.528-.154 1.153-.125 1.863A8.067 8.067 0 0 1 2 10.03c0-2.208.778-4.11 2.343-5.666A7.721 7.721 0 0 1 10 2.001v.01Z" /></svg> 10208 10209 </a> 10210 </div> 10211 10212 10213 10214 10215 10216 10217 10218 10219 10220 10221 10222 10223 10224 10225 10226 10227 10228 10229</div> 10230 10231 10232 10233 10234 10235 </div> 10236</div> 10237 10238 10239 10240 10241</div> 10242<!-- END sections: footer-group --> 10243 </footer> 10244 </div> 10245 10246 10247 10248 <div 10249 id="shopify-section-cart-drawer-section" 10250 class="shopify-section" 10251 > 10252 10253 10254
10254<script 10255 type="module" 10256 src="//cozmetica.pk/cdn/shop/t/140/assets/cart-drawer.js?v=101430053943909765251785524563" 10257 fetchpriority="low" 10258 ></script>
10258 10259 10260 10261 10262 <theme-drawer 10263 id="cart-drawer" 10264 data-skip-node-update 10265 > 10266 <dialog 10267 ref="panel" 10268 class="theme-drawer__dialog color-custom-drawer" 10269 aria-labelledby="cart-drawer-heading" 10270 cart-summary-sticky="true" 10271 > 10272 <cart-drawer-component 10273 10274 auto-open 10275 10276 > 10277 <template id="empty-cart-template"> 10278 10279 <div 10280 class="cart-drawer__content" 10281 aria-label="Cart" 10282 > 10283 <h2 10284 class="theme-drawer__title h4" 10285 id="cart-drawer-heading" 10286 > 10287 Your cart is empty 10288 </h2> 10289 10290 <div class="cart-drawer__items"> 10291 10292 10293
10294<script 10295 src="//cozmetica.pk/cdn/shop/t/140/assets/component-cart-items.js?v=14476580701730542761785524563" 10296 type="module" 10297 fetchpriority="low" 10298></script>
vendor: 1 bytes, line 10298
10298
10299<script 10300 src="//cozmetica.pk/cdn/shop/t/140/assets/component-cart-quantity-selector.js?v=168493463479860323171785524563" 10301 type="module" 10302 fetchpriority="low" 10303></script>
vendor: 1 bytes, line 10303
10303
10304<script 10305 src="//cozmetica.pk/cdn/shop/t/140/assets/volume-pricing-info.js?v=94479640769665442661785524563" 10306 type="module" 10307 fetchpriority="low" 10308></script>
10308 10309 10310 10311 10312 10313<div 10314 10315 class="cart-items__wrapper cart-items__wrapper--drawer-empty" 10316 10317 data-cart-drawer-empty 10318 10319 style="" 10320> 10321 10322<p> 10323 Have an account? <a href="https://cozmetica.pk/customer_authentication/redirect?locale=en®ion_country=PK">Log in</a> to check out faster. 10324 </p><a 10325 class="button cart-items__empty-button" 10326 href="/collections/all" 10327 > 10328 <span class="button-text"> 10329 Continue shopping 10330 </span> 10331 </a></div> 10332 10333 10334 10335 </div> 10336 </div> 10337 10338 </template> 10339 10340 <div 10341 class="cart-drawer__inner cart-drawer--empty" 10342 data-hydration-key="cart-drawer-inner" 10343 ><div class="theme-drawer__header"> 10344 <button 10345 on:click="#cart-drawer/close" 10346 class="theme-drawer__close-button cart-drawer__close-button--empty" 10347 type="button" 10348 aria-label="Close" 10349 > 10350 <span class="svg-wrapper"><svg aria-hidden="true" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"> 10351<path d="M11.1765 12.025C11.4108 12.2594 11.7907 12.2594 12.025 12.025C12.2594 11.7907 12.2594 11.4108 12.025 11.1765L8.84931 8.00078L12.025 4.82505C12.2594 4.59073 12.2594 4.21083 12.025 3.97652C11.7907 3.7422 11.4108 3.7422 11.1765 3.97652L8.00078 7.15225L4.82505 3.97652C4.59073 3.7422 4.21083 3.7422 3.97652 3.97652C3.7422 4.21083 3.7422 4.59073 3.97652 4.82505L7.15225 8.00078L3.97652 11.1765C3.7422 11.4108 3.7422 11.7907 3.97652 12.025C4.21083 12.2594 4.59073 12.2594 4.82505 12.025L8.00078 8.84931L11.1765 12.025Z" fill="currentColor"/> 10352</svg> 10353</span> 10354 </button> 10355 </div> 10356 10357 10358<cart-items-component 10359 class="cart-items-component" 10360 10361 data-drawer 10362 view-event-trigger="dialog" 10363 10364 data-section-id="cart-drawer-section" 10365 10366 view-event-payload="{"context":null,"cart":null}" 10367 10368> 10369 10370 10371 <div 10372 class="cart-drawer__content" 10373 aria-label="Cart" 10374 > 10375 <h2 10376 class="theme-drawer__title h4" 10377 id="cart-drawer-heading" 10378 > 10379 Your cart is empty 10380 </h2> 10381 10382 <div class="cart-drawer__items"> 10383 10384 10385
10386<script 10387 src="//cozmetica.pk/cdn/shop/t/140/assets/component-cart-items.js?v=14476580701730542761785524563" 10388 type="module" 10389 fetchpriority="low" 10390></script>
vendor: 1 bytes, line 10390
10390
10391<script 10392 src="//cozmetica.pk/cdn/shop/t/140/assets/component-cart-quantity-selector.js?v=168493463479860323171785524563" 10393 type="module" 10394 fetchpriority="low" 10395></script>
vendor: 1 bytes, line 10395
10395
10396<script 10397 src="//cozmetica.pk/cdn/shop/t/140/assets/volume-pricing-info.js?v=94479640769665442661785524563" 10398 type="module" 10399 fetchpriority="low" 10400></script>
10400 10401 10402 10403 10404 10405<div 10406 10407 class="cart-items__wrapper cart-items__wrapper--drawer-empty" 10408 10409 data-cart-drawer-empty 10410 10411 style="" 10412> 10413 10414<p> 10415 Have an account? <a href="https://cozmetica.pk/customer_authentication/redirect?locale=en®ion_country=PK">Log in</a> to check out faster. 10416 </p><a 10417 class="button cart-items__empty-button" 10418 href="/collections/all" 10419 > 10420 <span class="button-text"> 10421 Continue shopping 10422 </span> 10423 </a></div> 10424 10425 10426 10427 </div> 10428 </div> 10429 10430 10431</cart-items-component> 10432 10433 10434 10435 </div> 10436 </cart-drawer-component> 10437 </dialog> 10438 </theme-drawer> 10439 10440 10441 </div> 10442 10443 10444 10445 10446 10447 10448 10449 10450 10451
10452<script 10453 type="module" 10454 src="//cozmetica.pk/cdn/shop/t/140/assets/theme-drawer.js?v=155110645205299884131785524563" 10455 fetchpriority="low" 10456></script>
10456 10457
10458<script> 10459 /* Runs synchronously during HTML parsing â opens the correct drawer on first 10460 paint if navigation state was saved, so it renders with the rest of the page. */ 10461 (function () { 10462 var drawerIds = (sessionStorage.getItem('theme-drawer-open') || '').split(',').filter(Boolean); 10463 if (!drawerIds.length) return; 10464 10465 // Only restore on wide viewports (squeeze mode). On narrow viewports the 10466 // drawer is a modal overlay â let it start closed after navigation rather 10467 // than re-opening a fullscreen dialog the user may have left behind. 10468 if (!window.matchMedia('(min-width: 990px)').matches) return; 10469 10470 var dialogs = []; 10471 for (var i = 0; i < drawerIds.length; i++) { 10472 var drawer = document.getElementById(drawerIds[i]); 10473 if (!drawer) continue; 10474 10475 drawer.setAttribute('open', ''); 10476 10477 // Set [open] directly so the CSS slide-in applies without triggering 10478 // the browser's dialog focusing steps â on wide viewports the drawer is 10479 // a sidebar, not a modal, so focus should stay where it is. 10480 // The instant class suppresses the slide-in transition for the initial restore. 10481 // Set --drawer-stack-order so z-index layering matches the original order. 10482 drawer.style.setProperty('--drawer-stack-order', String(i + 1)); 10483 10484 var dialog = drawer.querySelector('dialog'); 10485 if (dialog) { 10486 dialog.setAttribute('open', ''); 10487 dialog.classList.add('theme-drawer__dialog-instant'); 10488 dialogs.push(dialog); 10489 } 10490 10491 // Let each drawer type handle its own restore (e.g. shopify-chat mode). 10492 // Synchronous dispatch â listeners attached during earlier parsing run immediately. 10493 drawer.dispatchEvent(new CustomEvent('theme-drawer:restoring')); 10494 } 10495 10496 // Apply squeeze immediately, bypassing the margin transition. 10497 // Only squeeze if at least one drawer was actually restored â saved 10498 // drawer IDs may not exist on every page (e.g. cart-drawer on /cart). 10499 var pageWrapper = document.querySelector('.page-wrapper'); 10500 if (pageWrapper && dialogs.length > 0) { 10501 pageWrapper.style.transition = 'none'; 10502 pageWrapper.classList.add('page-wrapper--drawer-open'); 10503 } 10504 10505 // Re-enable transitions after one paint so the instant state is rendered first. 10506 requestAnimationFrame(function () { 10507 requestAnimationFrame(function () { 10508 if (pageWrapper) pageWrapper.style.transition = ''; 10509 for (var j = 0; j < dialogs.length; j++) { 10510 dialogs[j].classList.remove('theme-drawer__dialog-instant'); 10511 } 10512 }); 10513 }); 10514 })(); 10515</script>
10515 10516
10517<script 10518 type="module" 10519> 10520 const pageWrapper = document.querySelector('.page-wrapper'); 10521 const squeezeQuery = window.matchMedia('(min-width: 990px)'); 10522 10523 // ââ Squeeze coordination ââ 10524 // Listens to all drawers. Only squeezes on wide viewports. 10525 document.addEventListener('theme-drawer:open', () => { 10526 if (squeezeQuery.matches) { 10527 pageWrapper?.classList.add('page-wrapper--drawer-open'); 10528 } 10529 }); 10530 10531 document.addEventListener('theme-drawer:close', () => { 10532 const openDrawer = document.querySelector('theme-drawer[open]'); 10533 if (!openDrawer) { 10534 pageWrapper?.classList.remove('page-wrapper--drawer-open'); 10535 } 10536 }); 10537 10538 squeezeQuery.addEventListener('change', () => { 10539 const openDrawer = document.querySelector('theme-drawer[open]'); 10540 pageWrapper?.classList.toggle('page-wrapper--drawer-open', Boolean(openDrawer) && squeezeQuery.matches); 10541 }); 10542 10543 // ââ State persistence ââ 10544 // Store open drawer IDs sorted by their visual stack order so 10545 // the restore script can recreate the same z-index layering. 10546 function persistDrawerState() { 10547 const openDrawers = Array.from(document.querySelectorAll('theme-drawer[open]:not([no-persist])')); 10548 if (!openDrawers.length) { 10549 sessionStorage.removeItem('theme-drawer-open'); 10550 return; 10551 } 10552 10553 openDrawers.sort((a, b) => { 10554 const orderA = Number(a.style.getPropertyValue('--drawer-stack-order') || 0); 10555 const orderB = Number(b.style.getPropertyValue('--drawer-stack-order') || 0); 10556 return orderA - orderB; 10557 }); 10558 10559 sessionStorage.setItem('theme-drawer-open', openDrawers.map((d) => d.id).join(',')); 10560 } 10561 10562 document.addEventListener('theme-drawer:open', persistDrawerState); 10563 document.addEventListener('theme-drawer:close', persistDrawerState); 10564</script>
10564 10565 10566 10567 10568 10569 10570 10571 10572 10573<link href="//cozmetica.pk/cdn/shop/t/140/assets/predictive-search-modern.css?v=179285189886202397331785524563" rel="stylesheet" type="text/css" media="all" /> 10574
10575<script 10576 src="//cozmetica.pk/cdn/shop/t/140/assets/dialog.js?v=144816527575655702281785524563" 10577 type="module" 10578></script>
10578 10579
10580<script 10581 src="//cozmetica.pk/cdn/shop/t/140/assets/predictive-search.js?v=77975041733501702431785524563" 10582 type="module" 10583 fetchpriority="low" 10584></script>
10584 10585 10586<dialog-component 10587 id="search-modal" 10588 class="search-modal" 10589 10590> 10591 <dialog 10592 ref="dialog" 10593 on:click="/closeDialogOnClickOutside" 10594 on:keydown="/closeDialogOnEscapePress" 10595 class="search-modal__content dialog-modal" 10596 scroll-lock 10597 aria-labelledby="search-modal-heading" 10598 > 10599 <h2 10600 id="search-modal-heading" 10601 class="visually-hidden" 10602 > 10603 Search 10604 </h2> 10605 <predictive-search-component 10606 class="predictive-search color-custom-popover" 10607 style="--product-corner-radius: 0px; --card-corner-radius: 0px; --title-case: uppercase;" 10608 data-section-id="predictive-search" 10609 data-testid="search-component--modal" 10610 role="search" 10611 aria-label="Search" 10612 > 10613 <form 10614 action="/search" 10615 method="get" 10616 role="search" 10617 class="predictive-search-form" 10618 ref="form" 10619 on:keydown="/onSearchKeyDown" 10620 > 10621 <div 10622 class="predictive-search-form__header" 10623 > 10624 <div class="predictive-search-form__header-inner"> 10625 <label 10626 for="cmdk-input" 10627 class="visually-hidden" 10628 >Search</label> 10629 <input 10630 class="search-input" 10631 id="cmdk-input" 10632 type="search" 10633 name="q" 10634 role="combobox" 10635 aria-expanded="false" 10636 aria-owns="predictive-search-results" 10637 aria-controls="predictive-search-results" 10638 aria-haspopup="listbox" 10639 aria-autocomplete="list" 10640 autocomplete="off" 10641 placeholder="Search" 10642 ref="searchInput" 10643 on:input="/search" 10644 on:keydown="/onSearchKeyDown" 10645 > 10646 <input 10647 name="options[prefix]" 10648 type="hidden" 10649 value="last" 10650 > 10651 <span class="svg-wrapper predictive-search__icon"> 10652 <svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><circle cx="9" cy="9" r="4.75" stroke="currentColor" stroke-width="var(--icon-stroke-width)"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="m12.5 12.5 3.25 3.25"/></svg> 10653 10654 </span> 10655 <button 10656 type="button" 10657 class="button-unstyled predictive-search__reset-button" 10658 ref="resetButton" 10659 hidden 10660 on:click="/resetSearch" 10661 > 10662 Clear 10663 </button> 10664 <kbd class="predictive-search__kbd-hint" aria-hidden="true">esc</kbd> 10665 </div> 10666 <button 10667 type="button" 10668 class="button predictive-search__close-modal-button" 10669 aria-label="Close dialog" 10670 on:click="dialog-component/closeDialog" 10671 ref="closeModalButton" 10672 > 10673 <span class="svg-wrapper"> 10674 <svg aria-hidden="true" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"> 10675<path d="M11.1765 12.025C11.4108 12.2594 11.7907 12.2594 12.025 12.025C12.2594 11.7907 12.2594 11.4108 12.025 11.1765L8.84931 8.00078L12.025 4.82505C12.2594 4.59073 12.2594 4.21083 12.025 3.97652C11.7907 3.7422 11.4108 3.7422 11.1765 3.97652L8.00078 7.15225L4.82505 3.97652C4.59073 3.7422 4.21083 3.7422 3.97652 3.97652C3.7422 4.21083 3.7422 4.59073 3.97652 4.82505L7.15225 8.00078L3.97652 11.1765C3.7422 11.4108 3.7422 11.7907 3.97652 12.025C4.21083 12.2594 4.59073 12.2594 4.82505 12.025L8.00078 8.84931L11.1765 12.025Z" fill="currentColor"/> 10676</svg> 10677 10678 </span> 10679 </button> 10680 </div> 10681 10682 <div class="predictive-search-form__content-wrapper"> 10683 <div 10684 class="predictive-search-form__content" 10685 ref="predictiveSearchResults" 10686 on:click="/handleModalClick" 10687 > 10688 10689 10690<div 10691 id="predictive-search-results" 10692 class="predictive-search-dropdown" 10693 role="listbox" 10694 aria-expanded="true" 10695 style="--color-shadow: rgb(var(--color-foreground-rgb) / 0.1);" 10696> 10697 10698 <div class="predictive-search-results__inner"> 10699 10700 10701 10702 10703 10704 <div 10705 id="predictive-search-products" 10706 class="predictive-search-results__products" 10707 10708 data-testid="products-list-default--modal" 10709 10710> 10711 10712 <h4 class="predictive-search-results__title"> 10713 Products 10714 </h4> 10715 <ul 10716 class="predictive-search-results__list predictive-search-results__wrapper-products list-unstyled" 10717 > 10718 10719 10720 <li 10721 class="predictive-search-results__card predictive-search-results__card--product" 10722 ref="resultsItems[]" 10723 > 10724 10725<product-component 10726 class="resource-card__wrapper" 10727 10728 10729 view-event-payload="{"product":{"id":6860983894177,"title":"Maybelline Fit Me Matte \u0026 Poreless Liquid Foundation | Extra Coverage","handle":"maybelline-ny-fit-me-matte-poreless-liquid-foundation","selectedVariant":null},"context":"search","selectedOptions":[]}" 10730 10731 ><div 10732 class="resource-card" 10733 data-resource-type="product" 10734> 10735 <a 10736 class="resource-card__link" 10737 href="/products/maybelline-ny-fit-me-matte-poreless-liquid-foundation" 10738 > 10739 <span class="visually-hidden"> 10740 Maybelline Fit Me Matte & Poreless Liquid Foundation | Extra Coverage 10741 </span> 10742 </a> 10743 <div 10744 class="resource-card__media" 10745 style="--resource-card-aspect-ratio: 4 / 5;" 10746 10747 > 10748 10749 10750 10751 <img src="//cozmetica.pk/cdn/shop/products/ShadeGuide.jpg?v=1776409336&width=500" alt="Maybelline Fit Me Matte & Poreless Liquid Foundation | Extra Coverage - Premium Foundations & Concealers from Maybelline - Just Rs 2099! Shop now at Cozmetica" srcset="//cozmetica.pk/cdn/shop/products/ShadeGuide.jpg?v=1776409336&width=240 240w, //cozmetica.pk/cdn/shop/products/ShadeGuide.jpg?v=1776409336&width=352 352w" width="500" height="500" loading="lazy" class="resource-card__image" sizes="auto" ref="" style="object-position: 50.0% 50.0%;"> 10752 10753 <img src="//cozmetica.pk/cdn/shop/files/FITME110.webp?v=1775569635&width=500" alt="Maybelline Fit Me Matte & Poreless Liquid Foundation | Extra Coverage" srcset="//cozmetica.pk/cdn/shop/files/FITME110.webp?v=1775569635&width=240 240w, //cozmetica.pk/cdn/shop/files/FITME110.webp?v=1775569635&width=352 352w" width="500" height="500" loading="lazy" class="resource-card__image resource-card__image--secondary" sizes="auto" ref="" data-media-id="36466792136865" style="object-position: 50.0% 50.0%;"> 10754</div> 10755 10756 <div class="resource-card__content"> 10757 <p class="resource-card__title paragraph">Maybelline Fit Me Matte & Poreless Liquid Foundation | Extra Coverage</p> 10758 10759 10760 <div ref="priceContainer"> 10761 10762 10763 <div 10764 class=" 10765 price__regular 10766 10767 price__hidden 10768 10769 " 10770 >
10771 <span class="price">Rs.2,624</span> 10772 </div> 10773 <div 10774 class=" 10775 price__sale 10776 10777 " 10778 > 10779 10780 <span class="price-item__group"> 10781 <span class="visually-hidden">Regular price </span> 10782 <span class="price-item--regular compare-at-price">Rs.3,499</span> 10783 </span> 10784 <span class="price-item__group"> 10785 <span class="visually-hidden">Sale price </span> 10786 <span class="price-item--sale price">Rs.2,624</span> 10787 </span> 10788 10789 </div> 10790 10791</div> 10792 10793 </div> 10794</div></product-component> 10795 10796 </li> 10797 10798 <li 10799 class="predictive-search-results__card predictive-search-results__card--product" 10800 ref="resultsItems[]" 10801 > 10802 10803<product-component 10804 class="resource-card__wrapper" 10805 10806 10807 view-event-payload="{"product":{"id":6000027631777,"title":"Artdeco Mineral Eye Styler","handle":"artdeco-mineral-eye-styler","selectedVariant":null},"context":"search","selectedOptions":[]}" 10808 10809 ><div 10810 class="resource-card" 10811 data-resource-type="product" 10812> 10813 <a 10814 class="resource-card__link" 10815 href="/products/artdeco-mineral-eye-styler" 10816 > 10817 <span class="visually-hidden"> 10818 Artdeco Mineral Eye Styler 10819 </span> 10820 </a> 10821 <div 10822 class="resource-card__media" 10823 style="--resource-card-aspect-ratio: 4 / 5;" 10824 10825 > 10826 10827 10828 10829 <img src="//cozmetica.pk/cdn/shop/products/ART92.jpg?v=1699330336&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&width=240 240w, //cozmetica.pk/cdn/shop/products/ART92.jpg?v=1699330336&width=352 352w" width="500" height="500" loading="lazy" class="resource-card__image" sizes="auto" ref="" style="object-position: 50.0% 50.0%;"> 10830 10831 <img src="//cozmetica.pk/cdn/shop/products/59.jpg?v=1699330339&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&width=240 240w, //cozmetica.pk/cdn/shop/products/59.jpg?v=1699330339&width=352 352w" width="500" height="500" loading="lazy" class="resource-card__image resource-card__image--secondary" sizes="auto" ref="" data-media-id="27711339266209" style="object-position: 50.0% 50.0%;"> 10832</div> 10833 10834 <div class="resource-card__content"> 10835 <p class="resource-card__title paragraph">Artdeco Mineral Eye Styler</p> 10836 10837 10838 <div ref="priceContainer"> 10839 10840 10841 <div 10842 class=" 10843 price__regular 10844 10845 " 10846 > 10847 <span class="price">Rs.3,500</span> 10848 </div> 10849 <div 10850 class=" 10851 price__sale 10852 10853 price__hidden 10854 10855 " 10856 > 10857 10858 <span class="price-item__group"> 10859 <span class="visually-hidden">Regular price </span> 10860 <span class="price-item--regular compare-at-price">Rs.3,500</span> 10861 </span> 10862 <span class="price-item__group"> 10863 <span class="visually-hidden">Sale price </span> 10864 <span class="price-item--sale price">Rs.3,500</span> 10865 </span> 10866 10867 </div> 10868 10869</div> 10870 10871 </div> 10872</div></product-component> 10873 10874 </li> 10875 10876 <li 10877 class="predictive-search-results__card predictive-search-results__card--product" 10878 ref="resultsItems[]" 10879 > 10880 10881<product-component 10882 class="resource-card__wrapper" 10883 10884 10885 view-event-payload="{"product":{"id":6000067444897,"title":"Maybelline New York SuperStay Matte Ink Liquid Lipstick","handle":"maybelline-superstay-matte-ink-liquid-lipstick","selectedVariant":null},"context":"search","selectedOptions":[]}" 10886 10887 ><div 10888 class="resource-card" 10889 data-resource-type="product" 10890> 10891 <a 10892 class="resource-card__link" 10893 href="/products/maybelline-superstay-matte-ink-liquid-lipstick" 10894 > 10895 <span class="visually-hidden"> 10896 Maybelline New York SuperStay Matte Ink Liquid Lipstick 10897 </span> 10898 </a> 10899 <div 10900 class="resource-card__media" 10901 style="--resource-card-aspect-ratio: 4 / 5;" 10902 10903 > 10904 10905 10906 10907 <img src="//cozmetica.pk/cdn/shop/products/03_9_cffbd246-06f2-4bea-9993-9efd95713619.jpg?v=1753365334&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&width=240 240w, //cozmetica.pk/cdn/shop/products/03_9_cffbd246-06f2-4bea-9993-9efd95713619.jpg?v=1753365334&width=352 352w" width="500" height="500" loading="lazy" class="resource-card__image" sizes="auto" ref="" style="object-position: 50.0% 50.0%;"> 10908 10909 <img src="//cozmetica.pk/cdn/shop/products/Loyalist.jpg?v=1753365334&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&width=240 240w, //cozmetica.pk/cdn/shop/products/Loyalist.jpg?v=1753365334&width=352 352w" width="500" height="500" loading="lazy" class="resource-card__image resource-card__image--secondary" sizes="auto" ref="" data-media-id="26241310916769" style="object-position: 50.0% 50.0%;"> 10910</div> 10911 10912 <div class="resource-card__content"> 10913 <p class="resource-card__title paragraph">Maybelline New York SuperStay Matte Ink Liquid Lipstick</p> 10914 10915 10916 <div ref="priceContainer"> 10917 10918 10919 <div 10920 class=" 10921 price__regular 10922 10923 price__hidden 10924 10925 " 10926 >
10927 <span class="price">Rs.2,549</span> 10928 </div> 10929 <div 10930 class=" 10931 price__sale 10932 10933 " 10934 > 10935 10936 <span class="price-item__group"> 10937 <span class="visually-hidden">Regular price </span> 10938 <span class="price-item--regular compare-at-price">Rs.3,399</span> 10939 </span> 10940 <span class="price-item__group"> 10941 <span class="visually-hidden">Sale price </span> 10942 <span class="price-item--sale price">Rs.2,549</span> 10943 </span> 10944 10945 </div> 10946 10947</div> 10948 10949 </div> 10950</div></product-component> 10951 10952 </li> 10953 10954 <li 10955 class="predictive-search-results__card predictive-search-results__card--product" 10956 ref="resultsItems[]" 10957 > 10958 10959<product-component 10960 class="resource-card__wrapper" 10961 10962 10963 view-event-payload="{"product":{"id":5998613397665,"title":"Essence Draw The Line Instant Color Lipliner","handle":"essence-draw-the-line-instant-color-lipliner","selectedVariant":null},"context":"search","selectedOptions":[]}" 10964 10965 ><div 10966 class="resource-card" 10967 data-resource-type="product" 10968> 10969 <a 10970 class="resource-card__link" 10971 href="/products/essence-draw-the-line-instant-color-lipliner" 10972 > 10973 <span class="visually-hidden"> 10974 Essence Draw The Line Instant Color Lipliner 10975 </span> 10976 </a> 10977 <div 10978 class="resource-card__media" 10979 style="--resource-card-aspect-ratio: 4 / 5;" 10980 10981 > 10982 10983 10984 10985 <img src="//cozmetica.pk/cdn/shop/products/EssenceDrawTheLineInstantColorLiplinerMain.jpg?v=1756295389&width=500" alt="Essence Draw The Line Instant Color Lipliner" srcset="//cozmetica.pk/cdn/shop/products/EssenceDrawTheLineInstantColorLiplinerMain.jpg?v=1756295389&width=240 240w, //cozmetica.pk/cdn/shop/products/EssenceDrawTheLineInstantColorLiplinerMain.jpg?v=1756295389&width=352 352w" width="500" height="500" loading="lazy" class="resource-card__image" sizes="auto" ref="" style="object-position: 50.0% 50.0%;"> 10986 10987 <img src="//cozmetica.pk/cdn/shop/products/Essence_Draw_The_Line_Instant_Color_Lipliner_Sand_Aisle.jpg?v=1756295389&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&width=240 240w, //cozmetica.pk/cdn/shop/products/Essence_Draw_The_Line_Instant_Color_Lipliner_Sand_Aisle.jpg?v=1756295389&width=352 352w" width="500" height="500" loading="lazy" class="resource-card__image resource-card__image--secondary" sizes="auto" ref="" data-media-id="27920437870753" style="object-position: 50.0% 50.0%;"> 10988</div> 10989 10990 <div class="resource-card__content"> 10991 <p class="resource-card__title paragraph">Essence Draw The Line Instant Color Lipliner</p> 10992 10993 10994 <div ref="priceContainer"> 10995 10996 10997 <div 10998 class=" 10999 price__regular 11000 11001 price__hidden 11002 11003 " 11004 > 11005 <span class="price">Rs.538</span> 11006 </div> 11007 <div 11008 class=" 11009 price__sale 11010 11011 " 11012 > 11013 11014 <span class="price-item__group"> 11015 <span class="visually-hidden">Regular price </span> 11016 <span class="price-item--regular compare-at-price">Rs.769</span> 11017 </span> 11018 <span class="price-item__group"> 11019 <span class="visually-hidden">Sale price </span> 11020 <span class="price-item--sale price">Rs.538</span> 11021 </span> 11022 11023 </div> 11024 11025</div> 11026 11027 </div> 11028</div></product-component> 11029 11030 </li> 11031 11032 </ul> 11033 11034</div> 11035 11036 11037 11038 </div> 11039 11040</div> 11041 11042 </div> 11043 11044 <div class="predictive-search-form__footer"> 11045 <button 11046 class="button predictive-search__search-button" 11047 ref="viewAllButton" 11048 > 11049 View all 11050 </button> 11051 </div> 11052 </div> 11053 </form> 11054 </predictive-search-component> 11055 </dialog> 11056</dialog-component> 11057 11058 11059 11060 11061 11062
11062<script 11063 src="//cozmetica.pk/cdn/shop/t/140/assets/gift-card-recipient-form.js?v=170482155849799299241785524563" 11064 type="module" 11065 fetchpriority="low" 11066></script>
11066 11067<quick-add-dialog id="quick-add-dialog"> 11068 <dialog 11069 class="quick-add-modal dialog-modal color-custom-popover" 11070 ref="dialog" 11071 scroll-lock 11072 > 11073 <button 11074 ref="closeButton" 11075 on:click="/closeDialog" 11076 class="button button-unstyled close-button quick-add-modal__close" 11077 aria-label="Close dialog" 11078 ><svg aria-hidden="true" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"> 11079<path d="M11.1765 12.025C11.4108 12.2594 11.7907 12.2594 12.025 12.025C12.2594 11.7907 12.2594 11.4108 12.025 11.1765L8.84931 8.00078L12.025 4.82505C12.2594 4.59073 12.2594 4.21083 12.025 3.97652C11.7907 3.7422 11.4108 3.7422 11.1765 3.97652L8.00078 7.15225L4.82505 3.97652C4.59073 3.7422 4.21083 3.7422 3.97652 3.97652C3.7422 4.21083 3.7422 4.59073 3.97652 4.82505L7.15225 8.00078L3.97652 11.1765C3.7422 11.4108 3.7422 11.7907 3.97652 12.025C4.21083 12.2594 4.59073 12.2594 4.82505 12.025L8.00078 8.84931L11.1765 12.025Z" fill="currentColor"/> 11080</svg> 11081</button> 11082 11083 <product-component 11084 id="quick-add-modal-content" 11085 class="quick-add-modal__content" 11086 view-event-trigger="dialog" 11087 ></product-component> 11088 </dialog> 11089</quick-add-dialog> 11090 11091 11092 11093 11094 11095 11096 11097 11098 <!--Gem_Page_Footer_Script--> 11099 11100<!--End_Gem_Page_Footer_Script--> 11101<style> .menu-drawer__menu-item--mainlist {font-size: 16px;} .resource-card__image {object-fit: contain;} </style> 11102<div id="shopify-block-AWnAwWUVJQnJxUmQwc__16237972221315820628" class="shopify-block shopify-app-block">
11102<script 11103 src="https://cdn.shopify.com/extensions/01a09fec-9f73-75b5-9a7a-47d5ff5fe014/paycraft-47/assets/paycraft-storefront.js" 11104 defer 11105></script>
11105 11106 11107 11108</div>
11108<script src="https://cdn.shopify.com/storefront/standard-actions.js" type="module" data-source-attribution="shopify.standard_actions"></script>
11108 11109</body> 11110</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.