1<!doctype html> 2<html 3 4 lang="en" 5> 6 <head> 7 <meta name="msvalidate.01" content="1D6F2C61F149DDC5F1E456E1ABDD4793" /><link 8 rel="icon" 9 type="image/png" 10 href="//cozmetica.pk/cdn/shop/files/Cozmetica_Logo_Small_-_Favicon.jpg?crop=center&height=32&v=1689149045&width=32" 11 > 12 13 14 15<meta charset="utf-8"> 16<meta 17 http-equiv="X-UA-Compatible" 18 content="IE=edge" 19> 20<meta 21 name="viewport" 22 content="width=device-width,initial-scale=1" 23> 24<meta 25 name="theme-color" 26 content="" 27> 28 29<meta 30 property="og:site_name" 31 content="Cozmetica" 32> 33<meta 34 property="og:url" 35 content="https://cozmetica.pk/pages/about-cozmetica" 36> 37<meta 38 property="og:title" 39 content="About Cozmetica" 40> 41<meta 42 property="og:type" 43 content="website" 44> 45<meta 46 property="og:description" 47 content="Cozmetica takes immense pride in being one of Pakistanâs trusted online beauty shopping website, providing our prestigious and innovative customer a hassle-free shopping experience and best quality cosmetics products right at your door steps. Since our inception in 2017, we at Cozmetica.pk are committed to build an ult" 48><meta 49 property="og:image" 50 content="http://cozmetica.pk/cdn/shop/files/thumbnil_f1028890-ed09-4428-b426-2a2fbac6f8c9.png?v=1630060931" 51 > 52 <meta 53 property="og:image:secure_url" 54 content="https://cozmetica.pk/cdn/shop/files/thumbnil_f1028890-ed09-4428-b426-2a2fbac6f8c9.png?v=1630060931" 55 > 56 <meta 57 property="og:image:width" 58 content="1200" 59 > 60 <meta 61 property="og:image:height" 62 content="628" 63 ><meta 64 name="twitter:card" 65 content="summary_large_image" 66> 67<meta 68 name="twitter:title" 69 content="About Cozmetica" 70> 71<meta 72 name="twitter:description" 73 content="Cozmetica takes immense pride in being one of Pakistanâs trusted online beauty shopping website, providing our prestigious and innovative customer a hassle-free shopping experience and best quality cosmetics products right at your door steps. Since our inception in 2017, we at Cozmetica.pk are committed to build an ult" 74> 75 76<title> 77 About Cozmetica 78</title> 79 80<link 81 rel="canonical" 82 href="https://cozmetica.pk/pages/about-cozmetica" 83> 84 85 86 <meta 87 name="description" 88 content="Cozmetica takes immense pride in being one of Pakistanâs trusted online beauty shopping website, providing our prestigious and innovative customer a hassle-free shopping experience and best quality cosmetics products right at your door steps. Since our inception in 2017, we at Cozmetica.pk are committed to build an ult" 89 > 90 91<link href="//cozmetica.pk/cdn/shop/t/140/assets/overflow-list.css?v=16727044177065489451785524563" as="style" rel="preload"> 92<link href="//cozmetica.pk/cdn/shop/t/140/assets/base.css?v=51081158024018678291785524563" rel="stylesheet" type="text/css" media="all" /> 93<link href="//cozmetica.pk/cdn/fonts/inter/inter_n4.b2a3f24c19b4de56e8871f609e73ca7f6d2e2bb9.woff2" as="font" type="font/woff2" fetchpriority="low" crossorigin="anonymous" rel="preload"> 94<link href="//cozmetica.pk/cdn/fonts/inter/inter_n5.d7101d5e168594dd06f56f290dd759fba5431d97.woff2" as="font" type="font/woff2" fetchpriority="low" crossorigin="anonymous" rel="preload"> 95<link href="//cozmetica.pk/cdn/fonts/inter/inter_n7.02711e6b374660cfc7915d1afc1c204e633421e4.woff2" as="font" type="font/woff2" fetchpriority="low" crossorigin="anonymous" rel="preload"> 96<link href="//cozmetica.pk/cdn/fonts/inter/inter_n7.02711e6b374660cfc7915d1afc1c204e633421e4.woff2" as="font" type="font/woff2" fetchpriority="low" crossorigin="anonymous" rel="preload"> 97 98
99<script async crossorigin fetchpriority="high" src="/cdn/shopifycloud/importmap-polyfill/es-modules-shim.2.4.0.js"></script>
vendor: 1 bytes, line 99
99
100<script type="importmap"> 101 { 102 "imports": { 103 "@theme/overflow-list": "//cozmetica.pk/cdn/shop/t/140/assets/overflow-list.js?v=46858356770684902511785524563", 104 "@theme/component": "//cozmetica.pk/cdn/shop/t/140/assets/component.js?v=175690430936884589731785524563", 105 "@theme/dialog": "//cozmetica.pk/cdn/shop/t/140/assets/dialog.js?v=144816527575655702281785524563", 106 "@theme/events": "//cozmetica.pk/cdn/shop/t/140/assets/events.js?v=99399773727497444581785524563", 107 "@shopify/events": "https://cdn.shopify.com/storefront/standard-events.js", 108 "@theme/view-event-elements": "//cozmetica.pk/cdn/shop/t/140/assets/view-event-elements.js?v=34258756885466567141785524563", 109 "@theme/focus": "//cozmetica.pk/cdn/shop/t/140/assets/focus.js?v=60436577539430446401785524563", 110 "@theme/morph": "//cozmetica.pk/cdn/shop/t/140/assets/morph.js?v=182601902166245204061785524563", 111 "@theme/paginated-list": "//cozmetica.pk/cdn/shop/t/140/assets/paginated-list.js?v=71290058904108491691785524563", 112 "@theme/performance": "//cozmetica.pk/cdn/shop/t/140/assets/performance.js?v=171015751390534793081785524563", 113 "@theme/product-form": "//cozmetica.pk/cdn/shop/t/140/assets/product-form.js?v=75424241456978697291785524563", 114 "@theme/recently-viewed-products": "//cozmetica.pk/cdn/shop/t/140/assets/recently-viewed-products.js?v=94729125001750262651785524563", 115 "@theme/scrolling": "//cozmetica.pk/cdn/shop/t/140/assets/scrolling.js?v=162288454571026455011785524563", 116 "@theme/section-renderer": "//cozmetica.pk/cdn/shop/t/140/assets/section-renderer.js?v=44511745960026958271785524563", 117 "@theme/section-hydration": "//cozmetica.pk/cdn/shop/t/140/assets/section-hydration.js?v=108434990705342316311785524563", 118 "@theme/money-formatting": "//cozmetica.pk/cdn/shop/t/140/assets/money-formatting.js?v=160151249720534550011785524563", 119 "@theme/utilities": "//cozmetica.pk/cdn/shop/t/140/assets/utilities.js?v=59721549236175535191785524563", 120 "@theme/variant-picker": "//cozmetica.pk/cdn/shop/t/140/assets/variant-picker.js?v=21977969907998071131785524563", 121 "@theme/media-gallery": "//cozmetica.pk/cdn/shop/t/140/assets/media-gallery.js?v=154207211298275592001785524563", 122 "@theme/quick-add": "//cozmetica.pk/cdn/shop/t/140/assets/quick-add.js?v=43065342542833269571785524563", 123 "@theme/paginated-list-aspect-ratio": "//cozmetica.pk/cdn/shop/t/140/assets/paginated-list-aspect-ratio.js?v=25254270272143792451785524563", 124 "@theme/popover-polyfill": "//cozmetica.pk/cdn/shop/t/140/assets/popover-polyfill.js?v=119029313658895111201785524563", 125 "@theme/component-quantity-selector": "//cozmetica.pk/cdn/shop/t/140/assets/component-quantity-selector.js?v=67906657287482036641785524563", 126 "@theme/comparison-slider": "//cozmetica.pk/cdn/shop/t/140/assets/comparison-slider.js?v=106705562947035711941785524563", 127 "@theme/sticky-add-to-cart": "//cozmetica.pk/cdn/shop/t/140/assets/sticky-add-to-cart.js?v=130489688094345781431785524563", 128 "@theme/fly-to-cart": "//cozmetica.pk/cdn/shop/t/140/assets/fly-to-cart.js?v=48483246440248933081785524563", 129 "@theme/scroll-container": "//cozmetica.pk/cdn/shop/t/140/assets/scroll-container.js?v=127018149358875384221785524563", 130 "@theme/theme-drawer": "//cozmetica.pk/cdn/shop/t/140/assets/theme-drawer.js?v=155110645205299884131785524563" 131 } 132 } 133</script>
133<script 134 src="//cozmetica.pk/cdn/shop/t/140/assets/standard-actions-override.js?v=171683365447094389611785524563" 135 type="module" 136></script>
136 137
138<script 139 src="//cozmetica.pk/cdn/shop/t/140/assets/page-view-event.js?v=12823247316348680231785524563" 140 type="module" 141 defer 142></script>
142 143
144<script 145 src="//cozmetica.pk/cdn/shop/t/140/assets/view-transitions.js?v=92646219599560127141785524563" 146 async 147 148></script>
148 149 150<link 151 rel="modulepreload" 152 href="//cozmetica.pk/cdn/shop/t/140/assets/utilities.js?v=59721549236175535191785524563" 153 fetchpriority="low" 154> 155<link 156 rel="modulepreload" 157 href="//cozmetica.pk/cdn/shop/t/140/assets/component.js?v=175690430936884589731785524563" 158 fetchpriority="low" 159> 160<link 161 rel="modulepreload" 162 href="//cozmetica.pk/cdn/shop/t/140/assets/section-renderer.js?v=44511745960026958271785524563" 163 fetchpriority="low" 164> 165<link 166 rel="modulepreload" 167 href="//cozmetica.pk/cdn/shop/t/140/assets/section-hydration.js?v=108434990705342316311785524563" 168 fetchpriority="low" 169> 170<link 171 rel="modulepreload" 172 href="//cozmetica.pk/cdn/shop/t/140/assets/morph.js?v=182601902166245204061785524563" 173 fetchpriority="low" 174> 175 176 177 178<link 179 rel="modulepreload" 180 href="//cozmetica.pk/cdn/shop/t/140/assets/focus.js?v=60436577539430446401785524563" 181 fetchpriority="low" 182> 183<link 184 rel="modulepreload" 185 href="//cozmetica.pk/cdn/shop/t/140/assets/recently-viewed-products.js?v=94729125001750262651785524563" 186 fetchpriority="low" 187> 188<link 189 rel="modulepreload" 190 href="//cozmetica.pk/cdn/shop/t/140/assets/scrolling.js?v=162288454571026455011785524563" 191 fetchpriority="low" 192> 193<link 194 rel="modulepreload" 195 href="//cozmetica.pk/cdn/shop/t/140/assets/events.js?v=99399773727497444581785524563" 196 fetchpriority="low" 197>
198<script 199 src="//cozmetica.pk/cdn/shop/t/140/assets/popover-polyfill.js?v=119029313658895111201785524563" 200 type="module" 201 fetchpriority="low" 202></script>
vendor: 1 bytes, line 202
202
203<script 204 src="//cozmetica.pk/cdn/shop/t/140/assets/overflow-list.js?v=46858356770684902511785524563" 205 type="module" 206 fetchpriority="low" 207></script>
vendor: 1 bytes, line 207
207
208<script 209 src="//cozmetica.pk/cdn/shop/t/140/assets/quick-add.js?v=43065342542833269571785524563" 210 type="module" 211 fetchpriority="low" 212></script>
212 213 214
214<script 215 src="//cozmetica.pk/cdn/shop/t/140/assets/cart-discount.js?v=138990160074728809221785524563" 216 type="module" 217 fetchpriority="low" 218 ></script>
218 219 220
221<script 222 src="//cozmetica.pk/cdn/shop/t/140/assets/dialog.js?v=144816527575655702281785524563" 223 type="module" 224 fetchpriority="low" 225></script>
vendor: 1 bytes, line 225
225
226<script 227 src="//cozmetica.pk/cdn/shop/t/140/assets/variant-picker.js?v=21977969907998071131785524563" 228 type="module" 229 fetchpriority="low" 230></script>
vendor: 1 bytes, line 230
230
231<script 232 src="//cozmetica.pk/cdn/shop/t/140/assets/product-card.js?v=37238785082130356571785524563" 233 type="module" 234 fetchpriority="low" 235></script>
vendor: 1 bytes, line 235
235
236<script 237 src="//cozmetica.pk/cdn/shop/t/140/assets/product-form.js?v=75424241456978697291785524563" 238 type="module" 239 fetchpriority="low" 240></script>
vendor: 1 bytes, line 240
240
241<script 242 src="//cozmetica.pk/cdn/shop/t/140/assets/fly-to-cart.js?v=48483246440248933081785524563" 243 type="module" 244 fetchpriority="low" 245></script>
vendor: 1 bytes, line 245
245
246<script 247 src="//cozmetica.pk/cdn/shop/t/140/assets/accordion-custom.js?v=105323356731531709191785524563" 248 type="module" 249 fetchpriority="low" 250></script>
vendor: 1 bytes, line 250
250
251<script 252 src="//cozmetica.pk/cdn/shop/t/140/assets/media.js?v=37825095869491791421785524563" 253 type="module" 254 fetchpriority="low" 255></script>
vendor: 1 bytes, line 255
255
256<script 257 src="//cozmetica.pk/cdn/shop/t/140/assets/product-price.js?v=179333985604099329921785524563" 258 type="module" 259 fetchpriority="low" 260></script>
vendor: 1 bytes, line 260
260
261<script 262 src="//cozmetica.pk/cdn/shop/t/140/assets/product-sku.js?v=28741104639155857071785524563" 263 type="module" 264 fetchpriority="low" 265></script>
vendor: 1 bytes, line 265
265
266<script 267 src="//cozmetica.pk/cdn/shop/t/140/assets/product-inventory.js?v=7173209571153411411785524563" 268 type="module" 269 fetchpriority="low" 270></script>
vendor: 1 bytes, line 270
270
271<script 272 src="//cozmetica.pk/cdn/shop/t/140/assets/show-more.js?v=94563802205717136101785524563" 273 type="module" 274 fetchpriority="low" 275></script>
vendor: 1 bytes, line 275
275
276<script 277 src="//cozmetica.pk/cdn/shop/t/140/assets/slideshow.js?v=28306258147874261831785524563" 278 type="module" 279 fetchpriority="low" 280></script>
vendor: 1 bytes, line 280
280
281<script 282 src="//cozmetica.pk/cdn/shop/t/140/assets/layered-slideshow.js?v=30135417790894624731785524563" 283 type="module" 284 fetchpriority="low" 285></script>
vendor: 1 bytes, line 285
285
286<script 287 src="//cozmetica.pk/cdn/shop/t/140/assets/anchored-popover.js?v=143987075196095667371785524563" 288 type="module" 289 fetchpriority="low" 290></script>
vendor: 1 bytes, line 290
290
291<script 292 src="//cozmetica.pk/cdn/shop/t/140/assets/floating-panel.js?v=151277338116891310371785524563" 293 type="module" 294 fetchpriority="low" 295></script>
vendor: 1 bytes, line 295
295
296<script 297 src="//cozmetica.pk/cdn/shop/t/140/assets/video-background.js?v=25237992823806706551785524563" 298 type="module" 299 fetchpriority="low" 300></script>
vendor: 1 bytes, line 300
300
301<script 302 src="//cozmetica.pk/cdn/shop/t/140/assets/component-quantity-selector.js?v=67906657287482036641785524563" 303 type="module" 304 fetchpriority="low" 305></script>
vendor: 1 bytes, line 305
305
306<script 307 src="//cozmetica.pk/cdn/shop/t/140/assets/media-gallery.js?v=154207211298275592001785524563" 308 type="module" 309 fetchpriority="low" 310></script>
vendor: 1 bytes, line 310
310
311<script 312 src="//cozmetica.pk/cdn/shop/t/140/assets/rte-formatter.js?v=40306132146590816021785524563" 313 type="module" 314 fetchpriority="low" 315></script>
vendor: 1 bytes, line 315
315
316<script 317 src="//cozmetica.pk/cdn/shop/t/140/assets/volume-pricing.js?v=15442793518842484731785524563" 318 type="module" 319 fetchpriority="low" 320></script>
vendor: 1 bytes, line 320
320
321<script 322 src="//cozmetica.pk/cdn/shop/t/140/assets/price-per-item.js?v=115937180292451397851785524563" 323 type="module" 324 fetchpriority="low" 325></script>
vendor: 1 bytes, line 325
325
326<script 327 src="//cozmetica.pk/cdn/shop/t/140/assets/volume-pricing-info.js?v=94479640769665442661785524563" 328 type="module" 329 fetchpriority="low" 330></script>
330 331 332 333 334 335
336<script 337 src="//cozmetica.pk/cdn/shop/t/140/assets/auto-close-details.js?v=58350291535404441581785524563" 338 defer="defer" 339></script>
339 340
341<script> 342 const Theme = { 343 translations: { 344 placeholder_image: `Placeholder image`, 345 added: `Added`, 346 recipient_form_fields_visible: `Recipient form fields are now visible`, 347 recipient_form_fields_hidden: `Recipient form fields are now hidden`, 348 recipient_form_error: `There was an error with the form submission`, 349 items_added_to_cart_one: `1 item added to cart`, 350 items_added_to_cart_other: `{{ count }} items added to cart`, 351 cart_count: `Total items in cart`, 352 }, 353 routes: { 354 cart_add_url: '/cart/add.js', 355 cart_change_url: '/cart/change', 356 cart_update_url: '/cart/update', 357 cart_url: '/cart', 358 predictive_search_url: '/search/suggest', 359 search_url: '/search', 360 }, 361 template: { 362 name: 'page', 363 }, 364 }; 365</script>
365 366<style data-shopify> 367@font-face { 368 font-family: Inter; 369 font-weight: 400; 370 font-style: normal; 371 font-display: swap; 372 src: url("//cozmetica.pk/cdn/fonts/inter/inter_n4.b2a3f24c19b4de56e8871f609e73ca7f6d2e2bb9.woff2") format("woff2"), 373 url("//cozmetica.pk/cdn/fonts/inter/inter_n4.af8052d517e0c9ffac7b814872cecc27ae1fa132.woff") format("woff"); 374} 375@font-face { 376 font-family: Inter; 377 font-weight: 700; 378 font-style: normal; 379 font-display: swap; 380 src: url("//cozmetica.pk/cdn/fonts/inter/inter_n7.02711e6b374660cfc7915d1afc1c204e633421e4.woff2") format("woff2"), 381 url("//cozmetica.pk/cdn/fonts/inter/inter_n7.6dab87426f6b8813070abd79972ceaf2f8d3b012.woff") format("woff"); 382} 383@font-face { 384 font-family: Inter; 385 font-weight: 400; 386 font-style: italic; 387 font-display: swap; 388 src: url("//cozmetica.pk/cdn/fonts/inter/inter_i4.feae1981dda792ab80d117249d9c7e0f1017e5b3.woff2") format("woff2"), 389 url("//cozmetica.pk/cdn/fonts/inter/inter_i4.62773b7113d5e5f02c71486623cf828884c85c6e.woff") format("woff"); 390} 391@font-face { 392 font-family: Inter; 393 font-weight: 700; 394 font-style: italic; 395 font-display: swap; 396 src: url("//cozmetica.pk/cdn/fonts/inter/inter_i7.b377bcd4cc0f160622a22d638ae7e2cd9b86ea4c.woff2") format("woff2"), 397 url("//cozmetica.pk/cdn/fonts/inter/inter_i7.7c69a6a34e3bb44fcf6f975857e13b9a9b25beb4.woff") format("woff"); 398} 399@font-face { 400 font-family: Inter; 401 font-weight: 500; 402 font-style: normal; 403 font-display: swap; 404 src: url("//cozmetica.pk/cdn/fonts/inter/inter_n5.d7101d5e168594dd06f56f290dd759fba5431d97.woff2") format("woff2"), 405 url("//cozmetica.pk/cdn/fonts/inter/inter_n5.5332a76bbd27da00474c136abb1ca3cbbf259068.woff") format("woff"); 406} 407@font-face { 408 font-family: Inter; 409 font-weight: 500; 410 font-style: italic; 411 font-display: swap; 412 src: url("//cozmetica.pk/cdn/fonts/inter/inter_i5.4474f48e6ab2b1e01aa2b6d942dd27fa24f2d99f.woff2") format("woff2"), 413 url("//cozmetica.pk/cdn/fonts/inter/inter_i5.493dbd6ee8e49f4ad722ebb68d92f201af2c2f56.woff") format("woff"); 414} 415 416 417 :root { 418 /* Page Layout */ 419 --sidebar-width: 25rem; 420 --theme-drawer-width: 30rem; 421 --narrow-content-width: 36rem; 422 --normal-content-width: 42rem; 423 --wide-content-width: 46rem; 424 --narrow-page-width: 90rem; 425 --normal-page-width: 120rem; 426 --wide-page-width: 150rem; 427 428 /* Section Heights */ 429 --section-height-small: 15rem; 430 --section-height-medium: 25rem; 431 --section-height-large: 35rem; 432 433 @media screen and (min-width: 40em) { 434 --section-height-small: 40svh; 435 --section-height-medium: 55svh; 436 --section-height-large: 70svh; 437 } 438 439 @media screen and (min-width: 60em) { 440 --section-height-small: 50svh; 441 --section-height-medium: 65svh; 442 --section-height-large: 80svh; 443 } 444 445 /* Letter spacing */ 446 --letter-spacing-sm: 0.06em; 447 --letter-spacing-md: 0.13em; 448 449 /* Font families */ 450 --font-body--family: Inter, sans-serif; 451 --font-body--style: normal; 452 --font-body--weight: 400; 453 --font-subheading--family: Inter, sans-serif; 454 --font-subheading--style: normal; 455 --font-subheading--weight: 500; 456 --font-heading--family: Inter, sans-serif; 457 --font-heading--style: normal; 458 --font-heading--weight: 700; 459 --font-accent--family: Inter, sans-serif; 460 --font-accent--style: normal; 461 --font-accent--weight: 700; 462 463 /* Margin sizes */ 464 --font-heading--spacing: 0.25em; 465 --font-h1--spacing: var(--font-heading--spacing); 466 --font-h2--spacing: var(--font-heading--spacing); 467 --font-h3--spacing: var(--font-heading--spacing); 468 --font-h4--spacing: var(--font-heading--spacing); 469 --font-h5--spacing: var(--font-heading--spacing); 470 --font-h6--spacing: var(--font-heading--spacing); 471 --font-paragraph--spacing: 0.5em; 472 473 /** Z-Index / Layering */ 474 --layer-section-background: -2; 475 --layer-lowest: -1; 476 --layer-base: 0; 477 --layer-flat: 1; 478 --layer-raised: 2; 479 --layer-heightened: 4; 480 --layer-sticky: 8; 481 --layer-window-overlay: 10; 482 --layer-header-menu: 12; 483 --layer-overlay: 16; 484 --layer-menu-drawer: 18; 485 --layer-temporary: 20; 486 487 /* Max-width / Measure */ 488 --max-width--body-normal: 32.5em; 489 --max-width--body-narrow: 22.75em; 490 491 --max-width--heading-normal: 32.5em; 492 --max-width--heading-narrow: 19.5em; 493 494 --max-width--display-normal: 13em; 495 --max-width--display-narrow: 9.75em; 496 --max-width--display-tight: 3.25em; 497 498 /* Letter-spacing / Tracking */ 499 --letter-spacing--display-tight: -0.03em; 500 --letter-spacing--display-normal: 0em; 501 --letter-spacing--display-loose: 0.03em; 502 503 --letter-spacing--heading-tight: -0.03em; 504 --letter-spacing--heading-normal: 0em; 505 --letter-spacing--heading-loose: 0.03em; 506 507 --letter-spacing--body-tight: -0.03em; 508 --letter-spacing--body-normal: 0em; 509 --letter-spacing--body-loose: 0.03em; 510 511 /* Line height / Leading */ 512 --line-height: 1; 513 514 --line-height--display-tight: 1; 515 --line-height--display-normal: 1.1; 516 --line-height--display-loose: 1.2; 517 518 --line-height--heading-tight: 1.15; 519 --line-height--heading-normal: 1.25; 520 --line-height--heading-loose: 1.35; 521 522 --line-height--body-tight: 1.2; 523 --line-height--body-normal: 1.4; 524 --line-height--body-loose: 1.6; 525 526 /* Typography presets */ 527 --font-size--paragraph: 0.875rem;--font-size--h1: 2.0rem;--font-size--h2: 1.125rem;--font-size--h3: 1.0rem;--font-size--h4: 1.0rem;--font-size--h5: 1.0rem;--font-size--h6: 1.0rem;--font-paragraph--weight: 400;--font-paragraph--letter-spacing: var(--letter-spacing--body-normal);--font-paragraph--size: var(--font-size--paragraph);--font-paragraph--family: var(--font-body--family);--font-paragraph--style: var(--font-body--style);--font-paragraph--case: ;--font-paragraph--line-height: var(--line-height--body-normal);--font-h1--weight: var(--font-heading--weight);--font-h1--letter-spacing: var(--letter-spacing--heading-normal);--font-h1--size: var(--font-size--h1);--font-h1--family: var(--font-heading--family);--font-h1--style: var(--font-heading--style);--font-h1--case: none;--font-h1--line-height: var(--line-height--display-normal);--font-h2--weight: var(--font-heading--weight);--font-h2--letter-spacing: var(--letter-spacing--heading-normal);--font-h2--size: var(--font-size--h2);--font-h2--family: var(--font-heading--family);--font-h2--style: var(--font-heading--style);--font-h2--case: none;--font-h2--line-height: var(--line-height--display-normal);--font-h3--weight: var(--font-heading--weight);--font-h3--letter-spacing: var(--letter-spacing--heading-normal);--font-h3--size: var(--font-size--h3);--font-h3--family: var(--font-heading--family);--font-h3--style: var(--font-heading--style);--font-h3--case: none;--font-h3--line-height: var(--line-height--display-normal);--font-h4--weight: var(--font-heading--weight);--font-h4--letter-spacing: var(--letter-spacing--heading-normal);--font-h4--size: var(--font-size--h4);--font-h4--family: var(--font-heading--family);--font-h4--style: var(--font-heading--style);--font-h4--case: none;--font-h4--line-height: var(--line-height--display-normal);--font-h5--weight: var(--font-subheading--weight);--font-h5--letter-spacing: var(--letter-spacing--heading-normal);--font-h5--size: var(--font-size--h5);--font-h5--family: var(--font-subheading--family);--font-h5--style: var(--font-subheading--style);--font-h5--case: none;--font-h5--line-height: var(--line-height--display-normal);--font-h6--weight: var(--font-subheading--weight);--font-h6--letter-spacing: var(--letter-spacing--heading-normal);--font-h6--size: var(--font-size--h6);--font-h6--family: var(--font-subheading--family);--font-h6--style: var(--font-subheading--style);--font-h6--case: none;--font-h6--line-height: var(--line-height--display-normal); 528 529 /* Hardcoded font sizes */ 530 --font-size--3xs: 0.625rem; 531 --font-size--2xs: 0.75rem; 532 --font-size--xs: 0.8125rem; 533 --font-size--sm: 0.875rem; 534 --font-size--md: 1rem; 535 --font-size--lg: 1.125rem; 536 --font-size--xl: 1.25rem; 537 --font-size--2xl: 1.5rem; 538 --font-size--3xl: 2rem; 539 --font-size--4xl: 2.5rem; 540 --font-size--5xl: 3rem; 541 --font-size--6xl: 3.5rem; 542 543 /* Menu font sizes */ 544 --menu-font-sm--size: 0.875rem; 545 --menu-font-sm--line-height: calc(1.1 + 0.5 * min(16 / 14)); 546 --menu-font-md--size: 1rem; 547 --menu-font-md--line-height: calc(1.1 + 0.5 * min(16 / 16)); 548 --menu-font-lg--size: 1.125rem; 549 --menu-font-lg--line-height: calc(1.1 + 0.5 * min(16 / 18)); 550 --menu-font-xl--size: 1.25rem; 551 --menu-font-xl--line-height: calc(1.1 + 0.5 * min(16 / 20)); 552 --menu-font-2xl--size: 1.75rem; 553 --menu-font-2xl--line-height: calc(1.1 + 0.5 * min(16 / 28)); 554 555 /* Colors */ 556 --color-error: #8B0000; 557 --color-success: #006400; 558 --color-white: #FFFFFF; 559 --color-white-rgb: 255 255 255; 560 --color-black: #000000; 561 --color-instock: #3ED660; 562 --color-lowstock: #EE9441; 563 --color-outofstock: #C8C8C8; 564 565 /* Opacity */ 566 --opacity-5: 0.05; 567 --opacity-8: 0.08; 568 --opacity-10: 0.1; 569 --opacity-15: 0.15; 570 --opacity-20: 0.2;
571 --opacity-25: 0.25; 572 --opacity-30: 0.3; 573 --opacity-40: 0.4; 574 --opacity-50: 0.5; 575 --opacity-60: 0.6; 576 --opacity-70: 0.7; 577 --opacity-80: 0.8; 578 --opacity-85: 0.85; 579 --opacity-90: 0.9; 580 --opacity-subdued-text: 0.8; 581 --opacity-muted-text: 0.6; 582 583 --shadow-button: 0 2px 3px rgb(0 0 0 / 20%); 584 --gradient-image-overlay: linear-gradient(to top, rgb(0 0 0 / 0.5), transparent); 585 586 /* Spacing */ 587 --margin-3xs: 0.125rem; 588 --margin-2xs: 0.3rem; 589 --margin-xs: 0.5rem; 590 --margin-sm: 0.7rem; 591 --margin-md: 0.8rem; 592 --margin-lg: 1rem; 593 --margin-xl: 1.25rem; 594 --margin-2xl: 1.5rem; 595 --margin-3xl: 1.75rem; 596 --margin-4xl: 2rem; 597 --margin-5xl: 3rem; 598 --margin-6xl: 5rem; 599 600 --scroll-margin: 50px; 601 602 --padding-3xs: 0.125rem; 603 --padding-2xs: 0.25rem; 604 --padding-xs: 0.5rem; 605 --padding-sm: 0.7rem; 606 --padding-md: 0.8rem; 607 --padding-lg: 1rem; 608 --padding-xl: 1.25rem; 609 --padding-2xl: 1.5rem; 610 --padding-3xl: 1.75rem; 611 --padding-4xl: 2rem; 612 --padding-5xl: 3rem; 613 --padding-6xl: 4rem; 614 615 --gap-3xs: 0.125rem; 616 --gap-2xs: 0.3rem; 617 --gap-xs: 0.5rem; 618 --gap-sm: 0.7rem; 619 --gap-md: 0.9rem; 620 --gap-lg: 1rem; 621 --gap-xl: 1.25rem; 622 --gap-2xl: 2rem; 623 --gap-3xl: 3rem; 624 625 --spacing-scale-sm: 0.6; 626 --spacing-scale-md: 0.7; 627 --spacing-scale-default: 1.0; 628 629 /* Checkout buttons gap */ 630 --checkout-button-gap: 10px; 631 632 /* Borders */ 633 --style-border-width: 1px; 634 --style-border-radius-xs: 0.2rem; 635 --style-border-radius-sm: 0.6rem; 636 --style-border-radius-md: 0.8rem; 637 --style-border-radius-50: 50%; 638 --style-border-radius-lg: 1rem; 639 --style-border-radius-pills: 40px; 640 --style-border-radius-inputs: 4px; 641 --style-border-radius-buttons-primary: 14px; 642 --style-border-radius-buttons-secondary: 14px; 643 --style-border-width-primary: 0px; 644 --style-border-width-secondary: 1px; 645 --style-border-width-inputs: 1px; 646 --style-border-radius-popover: 14px; 647 --style-border-popover: 1px solid #DFDFDF; 648 --style-border-drawer: 1px solid #DFDFDF; 649 --style-border-swatch-opacity: 10%; 650 --style-border-swatch-width: 1px; 651 --style-border-swatch-style: solid; 652 653 /* Animation */ 654 --ease-out-cubic: cubic-bezier(0.33, 1, 0.68, 1); 655 --ease-out-quad: cubic-bezier(0.32, 0.72, 0, 1); 656 --ease-in-out-quad: cubic-bezier(0.455, 0.03, 0.515, 0.955); 657 --animation-speed-fast: 0.0625s; 658 --animation-speed: 0.125s; 659 --animation-speed-slow: 0.2s; 660 --animation-speed-medium: 0.15s; 661 --animation-easing: ease-in-out; 662 --animation-slideshow-easing: cubic-bezier(0.4, 0, 0.2, 1); 663 --drawer-animation-speed: 0.2s; 664 --animation-values-slow: var(--animation-speed-slow) var(--animation-easing); 665 --animation-values: var(--animation-speed) var(--animation-easing); 666 --animation-values-fast: var(--animation-speed-fast) var(--animation-easing); 667 --animation-values-allow-discrete: var(--animation-speed) var(--animation-easing) allow-discrete; 668 --animation-timing-hover: cubic-bezier(0.25, 0.46, 0.45, 0.94); 669 --animation-timing-active: cubic-bezier(0.5, 0, 0.75, 0); 670 --animation-timing-bounce: cubic-bezier(0.34, 1.56, 0.64, 1); 671 --animation-timing-default: cubic-bezier(0, 0, 0.2, 1); 672 --animation-timing-fade-in: cubic-bezier(0.16, 1, 0.3, 1); 673 --animation-timing-fade-out: cubic-bezier(0.4, 0, 0.2, 1); 674 /* Spring definitions suffixed with perceptual duration (d<ms>) and bounce (b<%>)*/ 675 --spring-d300-b0-easing: linear(0, 0.0033 0.81%, 0.027 2.42%, 0.0916 4.84%, 0.4745 15.32%, 0.6422 20.97%, 0.7175, 0.7789, 0.8283 30.64%, 0.876, 0.9111 38.71%, 0.941, 0.9611 48.39%, 0.9707, 0.978 54.84%, 0.9885 62.1%, 0.9949 70.97%, 0.9982 82.26%, 0.9997 100%); 676 --spring-d300-b0-duration: 0.4980s; 677 --spring-d280-b0-easing: linear(0, 0.0044, 0.0164 1.85%, 0.085 4.63%, 0.4571 14.81%, 0.575 18.52%, 0.6505, 0.7148 24.07%, 0.7849, 0.8393, 0.8809 35.18%, 0.9189, 0.9453 44.44%, 0.9662, 0.9793 55.55%, 0.9894 62.95%, 0.995 71.28%, 0.9982 82.39%, 0.9997 99.98%); 678 --spring-d280-b0-duration: 0.4648s; 679 --spring-d260-b0-easing: linear(0, 0.0058, 0.0216 2.15%, 0.0748 4.29%, 0.4646 15.03%, 0.5673, 0.655, 0.7279, 0.7872, 0.8349, 0.8727 34.36%, 0.9107, 0.9379 42.95%, 0.9609 48.31%, 0.9778 54.76%, 0.9887 62.27%, 0.9948 70.86%, 0.9983 82.67%, 0.9997 99.85%); 680 --spring-d260-b0-duration: 0.4316s; 681 --spring-d220-b0-easing: linear( 682 0, 683 0.0093 1.37%, 684 0.0696 4.12%, 685 0.4667 15.09%, 686 0.6322 20.58%, 687 0.6986 23.32%, 688 0.7793 27.44%, 689 0.8219 30.18%, 690 0.8721, 691 0.9089 38.42%, 692 0.9427, 693 0.9644, 694 0.978 54.88%, 695 0.9881 61.74%, 696 0.9944 69.97%, 697 0.998 80.95%, 698 0.9996 98.78% 699 ); 700 --spring-d220-b0-duration: 0.3818s; 701 --spring-d180-b0-easing: linear(0, 0.0234, 0.0805 4.48%, 0.4865 15.68%, 0.6211 20.16%, 0.7696 26.88%, 0.8064 29.12%, 0.8646, 0.9063, 0.9358, 0.9563 47.04%, 0.9757, 0.9867 60.48%, 0.9941 69.44%, 0.9979 80.64%, 0.9996 98.56%); 702 --spring-d180-b0-duration: 0.2988s; 703 704 /* View transitions */ 705 /* View transition old */ 706 --view-transition-old-main-content: var(--animation-speed) var(--animation-easing) both fadeOut; 707 708 /* View transition new */ 709 --view-transition-new-main-content: var(--animation-speed) var(--animation-easing) both fadeIn, var(--animation-speed) var(--animation-easing) both slideInTopViewTransition; 710 711 /* Focus */ 712 --focus-outline-width: 0.09375rem; 713 --focus-outline-offset: 0.2em; 714 715 /* Badges */ 716 --badge-blob-padding-block: 1px; 717 --badge-blob-padding-inline: 12px 8px; 718 --badge-rectangle-padding-block: 1px; 719 --badge-rectangle-padding-inline: 6px; 720 @media screen and (min-width: 750px) { 721 --badge-blob-padding-block: 4px; 722 --badge-blob-padding-inline: 16px 12px; 723 --badge-rectangle-padding-block: 4px; 724 --badge-rectangle-padding-inline: 10px; 725 } 726 727 /* Icons */ 728 --icon-size-2xs: 0.6rem; 729 --icon-size-xs: 0.85rem; 730 --icon-size-sm: 1.25rem; 731 --icon-size-md: 1.375rem; 732 --icon-size-lg: 1.5rem; 733 --icon-stroke-width: 1.5px; 734 735 /* Input */ 736 --input-email-min-width: 200px; 737 --input-search-max-width: 650px; 738 --input-padding-y: 0.8rem; 739 --input-padding-x: 0.8rem; 740 --input-padding: var(--input-padding-y) var(--input-padding-x); 741 --input-box-shadow-width: var(--style-border-width-inputs); 742 --input-box-shadow: 0 0 0 var(--input-box-shadow-width) var(--color-input-border); 743 --input-box-shadow-focus: 0 0 0 calc(var(--input-box-shadow-width) + 0.5px) var(--color-input-border); 744 --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10)); 745 --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5)); 746 --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
747 --input-textarea-min-height: 55px; 748 749 /* Checkbox */ 750 --checkbox-size: 22px; 751 --checkbox-border-radius: 7px; 752 --checkbox-border: 1px solid rgb(var(--color-foreground-rgb) / var(--opacity-35-55)); 753 --checkbox-label-padding: 8px; 754 755 @media screen and (min-width: 750px) { 756 --checkbox-size: 16px; 757 --checkbox-border-radius: 5px; 758 --checkbox-label-padding: 6px; 759 } 760 761 /* Button size */ 762 --button-size-sm: 30px; 763 --button-size-md: 36px; 764 --button-size: var(--minimum-touch-target); 765 --button-padding-inline: 24px; 766 --button-padding-block: 16px; 767 768 /* Button font-family */ 769 --button-font-family-primary: var(--font-body--family); 770 --button-font-family-secondary: var(--font-body--family); 771 772 /* Button text case */ 773 --button-text-case: ; 774 --button-text-case-primary: default; 775 --button-text-case-secondary: default; 776 777 /* Borders */ 778 --border-color: rgb(var(--color-border-rgb) / var(--opacity-50)); 779 --border-width-sm: 1px; 780 --border-width-md: 2px; 781 --border-width-lg: 5px; 782 --border-radius-sm: 0.25rem; 783 784 /* Drawers */ 785 --drawer-inline-padding: 25px; 786 --drawer-menu-inline-padding: 2.5rem; 787 --drawer-header-block-padding: 20px; 788 --drawer-content-block-padding: 10px; 789 --drawer-header-desktop-top: 0rem; 790 --drawer-padding: calc(var(--padding-sm) + 7px); 791 --drawer-height: 100dvh; 792 --drawer-width: 95vw; 793 --drawer-max-width: 500px; 794 795 /* Variant Picker Swatches */ 796 --variant-picker-swatch-width-unitless: 34; 797 --variant-picker-swatch-height-unitless: 34; 798 --variant-picker-swatch-width: 34px; 799 --variant-picker-swatch-height: 34px; 800 --variant-picker-swatch-radius: 32px; 801 --variant-picker-border-width: 1px; 802 --variant-picker-border-style: solid; 803 --variant-picker-border-opacity: 10%; 804 805 /* Variant Picker Buttons */ 806 --variant-picker-button-radius: 50px; 807 --variant-picker-button-border-width: 1px; 808 --variant-option-label-color: var(--color, var(--color-foreground)); 809 810 /* Slideshow */ 811 --slideshow-controls-size: 3.5rem; 812 --slideshow-controls-icon: 2rem; 813 --peek-next-slide-size: 3rem; 814 815 /* Utilities */ 816 --backdrop-opacity: 0.15; 817 --backdrop-color-rgb: var(--color-shadow-rgb); 818 --minimum-touch-target: 44px; 819 --disabled-opacity: 0.5; 820 --skeleton-opacity: 0.025; 821 822 /* Shapes */ 823 --shape--circle: circle(50% at center); 824 --shape--sunburst: polygon(100% 50%,94.62% 55.87%,98.3% 62.94%,91.57% 67.22%,93.3% 75%,85.7% 77.39%,85.36% 85.36%,77.39% 85.7%,75% 93.3%,67.22% 91.57%,62.94% 98.3%,55.87% 94.62%,50% 100%,44.13% 94.62%,37.06% 98.3%,32.78% 91.57%,25% 93.3%,22.61% 85.7%,14.64% 85.36%,14.3% 77.39%,6.7% 75%,8.43% 67.22%,1.7% 62.94%,5.38% 55.87%,0% 50%,5.38% 44.13%,1.7% 37.06%,8.43% 32.78%,6.7% 25%,14.3% 22.61%,14.64% 14.64%,22.61% 14.3%,25% 6.7%,32.78% 8.43%,37.06% 1.7%,44.13% 5.38%,50% 0%,55.87% 5.38%,62.94% 1.7%,67.22% 8.43%,75% 6.7%,77.39% 14.3%,85.36% 14.64%,85.7% 22.61%,93.3% 25%,91.57% 32.78%,98.3% 37.06%,94.62% 44.13%); 825 --shape--diamond: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%); 826 --shape--blob: polygon(85.349% 11.712%, 87.382% 13.587%, 89.228% 15.647%, 90.886% 17.862%, 92.359% 20.204%, 93.657% 22.647%, 94.795% 25.169%, 95.786% 27.752%, 96.645% 30.382%, 97.387% 33.048%, 98.025% 35.740%, 98.564% 38.454%, 99.007% 41.186%, 99.358% 43.931%, 99.622% 46.685%, 99.808% 49.446%, 99.926% 52.210%, 99.986% 54.977%, 99.999% 57.744%, 99.975% 60.511%, 99.923% 63.278%, 99.821% 66.043%, 99.671% 68.806%, 99.453% 71.565%, 99.145% 74.314%, 98.724% 77.049%, 98.164% 79.759%, 97.433% 82.427%, 96.495% 85.030%, 95.311% 87.529%, 93.841% 89.872%, 92.062% 91.988%, 89.972% 93.796%, 87.635% 95.273%, 85.135% 96.456%, 82.532% 97.393%, 79.864% 98.127%, 77.156% 98.695%, 74.424% 99.129%, 71.676% 99.452%, 68.918% 99.685%, 66.156% 99.844%, 63.390% 99.942%, 60.624% 99.990%, 57.856% 99.999%, 55.089% 99.978%, 52.323% 99.929%, 49.557% 99.847%, 46.792% 99.723%, 44.031% 99.549%, 41.273% 99.317%, 38.522% 99.017%, 35.781% 98.639%, 33.054% 98.170%, 30.347% 97.599%, 27.667% 96.911%, 25.024% 96.091%, 22.432% 95.123%, 19.907% 93.994%, 17.466% 92.690%, 15.126% 91.216%, 12.902% 89.569%, 10.808% 87.761%, 8.854% 85.803%, 7.053% 83.703%, 5.418% 81.471%, 3.962% 79.119%, 2.702% 76.656%, 1.656% 74.095%, 0.846% 71.450%, 0.294% 68.740%, 0.024% 65.987%, 0.050% 63.221%, 0.343% 60.471%, 0.858% 57.752%, 1.548% 55.073%, 2.370% 52.431%, 3.283% 49.819%, 4.253% 47.227%, 5.249% 44.646%, 6.244% 42.063%, 7.211% 39.471%, 8.124% 36.858%, 8.958% 34.220%, 9.711% 31.558%, 10.409% 28.880%, 11.083% 26.196%, 11.760% 23.513%, 12.474% 20.839%, 13.259% 18.186%, 14.156% 15.569%, 15.214% 13.012%, 16.485% 10.556%, 18.028% 8.261%, 19.883
826% 6.211%, 22.041% 4.484%, 24.440% 3.110%, 26.998% 2.057%, 29.651% 1.275%, 32.360% 0.714%, 35.101% 0.337%, 37.859% 0.110%, 40.624% 0.009%, 43.391% 0.016%, 46.156% 0.113%, 48.918% 0.289%, 51.674% 0.533%, 54.425% 0.837%, 57.166% 1.215%, 59.898% 1.654%, 62.618% 2.163%, 65.322% 2.750%, 68.006% 3.424%, 70.662% 4.197%, 73.284% 5.081%, 75.860% 6.091%, 78.376% 7.242%, 80.813% 8.551%, 83.148% 10.036%, 85.349% 11.712%); 827 828 /* Buy buttons */ 829 --height-buy-buttons: calc(var(--padding-lg) * 2 + var(--icon-size-sm)); 830 831 /* Card image width and height variables */ 832 --card-width-small: 10rem; 833 834 --height-small: 10rem; 835 --height-medium: 11.5rem; 836 --height-large: 13rem; 837 --height-full: 100vh; 838 839 @media screen and (min-width: 750px) { 840 --height-small: 17.5rem; 841 --height-medium: 21.25rem; 842 --height-large: 25rem; 843 } 844 845 /* Modal */ 846 --modal-max-height: 65dvh; 847 --quick-add-modal-height: min(38.5rem, 96vh); 848 --quick-add-modal-width: min(54rem, 96vw); 849 --quick-add-modal-gallery-width: 24rem; 850 851 /* Card styles for search */ 852 --card-bg-hover: rgb(var(--color-foreground-rgb) / var(--opacity-5)); 853 --card-border-hover: rgb(var(--color-foreground-rgb) / var(--opacity-30)); 854 --card-border-focus: rgb(var(--color-foreground-rgb) / var(--opacity-10)); 855 856 /* Cart */ 857 --cart-primary-font-family: var(--font-body--family); 858 --cart-primary-font-style: var(--font-body--style); 859 --cart-primary-font-weight: var(--font-body--weight); 860 --cart-secondary-font-family: var(--font-secondary--family); 861 --cart-secondary-font-style: var(--font-secondary--style); 862 --cart-secondary-font-weight: var(--font-secondary--weight); 863 } 864</style> 865 866 867 868 869 870 871 <style data-shopify> 872 .color-custom-popover, 873 .color-custom-popover .text-block { 874 /* Background */ 875 --color-background: #ffffff; 876 --color-background-rgb: 255 255 255; 877 878 /* Opacity values adjusted for background brightness */ 879 880--opacity-5-15: 0.05; --opacity-10-25: 0.1; --opacity-35-55: 0.35; --opacity-40-60: 8810.4; --opacity-30-60: 0.3; --opacity-60: 0.6; 882 883 884 885 /* Foreground / text â explicit or smart-contrasted */ 886 --color: #000000; 887 --color-rgb: 0 0 0; 888 --color-foreground: #000000; 889 --color-foreground-rgb: 0 0 0; 890 --color-foreground-muted: rgb(0 0 0 / var(--opacity-muted-text)); 891 --color-foreground-subdued: rgb(0 0 0 / var(--opacity-subdued-text)); 892 --color-border: #DFDFDF; 893 --color-border-rgb: 223 223 223; 894 895 } 896 897 898 .color-custom-popover { 899 /* Form-related tokens stay on .color-custom only â .text-block is a prose 900 container (text/announcement/inline-text/blog-post-description/ 901 collection-link/price/sku) and never holds form inputs. */ 902 --input-disabled-background-color: rgb(0 0 0 / var(--opacity-10)); 903 --input-disabled-border-color: rgb(0 0 0 / var(--opacity-5)); 904 --input-disabled-text-color: rgb(0 0 0 / var(--opacity-50)); 905 --checkbox-border: 1px solid rgb(0 0 0 / var(--opacity-35-55)); 906 } 907 908 909 .color-custom-popover { 910 color: var(--color, var(--color-foreground)); 911 background-color: var(--color-background); 912 } 913 </style> 914 915 916 917 918 919 920 921 922 <style data-shopify> 923 .color-custom-drawer, 924 .color-custom-drawer .text-block { 925 /* Background */ 926 --color-background: #ffffff; 927 --color-background-rgb: 255 255 255; 928 929 /* Opacity values adjusted for background brightness */ 930 931--opacity-5-15: 0.05; --opacity-10-25: 0.1; --opacity-35-55: 0.35; --opacity-40-60: 9320.4; --opacity-30-60: 0.3; --opacity-60: 0.6; 933 934 935 936 /* Foreground / text â explicit or smart-contrasted */ 937 --color: #000000; 938 --color-rgb: 0 0 0; 939 --color-foreground: #000000; 940 --color-foreground-rgb: 0 0 0; 941 --color-foreground-muted: rgb(0 0 0 / var(--opacity-muted-text)); 942 --color-foreground-subdued: rgb(0 0 0 / var(--opacity-subdued-text)); 943 --color-border: #DFDFDF; 944 --color-border-rgb: 223 223 223; 945 946 } 947 948 949 .color-custom-drawer { 950 /* Form-related tokens stay on .color-custom only â .text-block is a prose 951 container (text/announcement/inline-text/blog-post-description/ 952 collection-link/price/sku) and never holds form inputs. */ 953 --input-disabled-background-color: rgb(0 0 0 / var(--opacity-10)); 954 --input-disabled-border-color: rgb(0 0 0 / var(--opacity-5)); 955 --input-disabled-text-color: rgb(0 0 0 / var(--opacity-50)); 956 --checkbox-border: 1px solid rgb(0 0 0 / var(--opacity-35-55)); 957 } 958 959 960 .color-custom-drawer { 961 color: var(--color, var(--color-foreground)); 962 background-color: var(--color-background); 963 } 964 </style> 965 966 967 968 969 970 971 972 973 <style data-shopify> 974 .color-custom-badge-sale, 975 .color-custom-badge-sale .text-block {
976 /* Background */ 977 --color-background: #D80000; 978 --color-background-rgb: 216 0 0; 979 980 /* Opacity values adjusted for background brightness */ 981 982--opacity-5-15: 0.05; --opacity-10-25: 0.1; --opacity-35-55: 0.35; --opacity-40-60: 9830.4; --opacity-30-60: 0.3; --opacity-60: 0.6; 984 985 986 987 /* Foreground / text â explicit or smart-contrasted */ 988 --color: #ffffff; 989 --color-rgb: 255 255 255; 990 --color-foreground: #ffffff; 991 --color-foreground-rgb: 255 255 255; 992 --color-foreground-muted: rgb(255 255 255 / var(--opacity-muted-text)); 993 --color-foreground-subdued: rgb(255 255 255 / var(--opacity-subdued-text)); 994 --color-border: #ffffff; 995 --color-border-rgb: 255 255 255; 996 997 } 998 999 1000 .color-custom-badge-sale { 1001 /* Form-related tokens stay on .color-custom only â .text-block is a prose 1002 container (text/announcement/inline-text/blog-post-description/ 1003 collection-link/price/sku) and never holds form inputs. */ 1004 --input-disabled-background-color: rgb(255 255 255 / var(--opacity-10)); 1005 --input-disabled-border-color: rgb(255 255 255 / var(--opacity-5)); 1006 --input-disabled-text-color: rgb(255 255 255 / var(--opacity-50)); 1007 --checkbox-border: 1px solid rgb(255 255 255 / var(--opacity-35-55)); 1008 } 1009 1010 1011 .color-custom-badge-sale { 1012 color: var(--color, var(--color-foreground)); 1013 background-color: var(--color-background); 1014 } 1015 </style> 1016 1017 1018 1019 1020 1021 1022 1023 1024 <style data-shopify> 1025 .color-custom-badge-sold-out, 1026 .color-custom-badge-sold-out .text-block { 1027 /* Background */ 1028 --color-background: #000000; 1029 --color-background-rgb: 0 0 0; 1030 1031 /* Opacity values adjusted for background brightness */ 1032 1033--opacity-5-15: 0.15; --opacity-10-25: 0.25; --opacity-35-55: 0.55; --opacity-40-60: 10340.6; --opacity-30-60: 0.6; --opacity-60: 0.6; 1035 1036 1037 1038 /* Foreground / text â explicit or smart-contrasted */ 1039 --color: #ffffff; 1040 --color-rgb: 255 255 255; 1041 --color-foreground: #ffffff; 1042 --color-foreground-rgb: 255 255 255; 1043 --color-foreground-muted: rgb(255 255 255 / var(--opacity-muted-text)); 1044 --color-foreground-subdued: rgb(255 255 255 / var(--opacity-subdued-text)); 1045 --color-border: #ffffff; 1046 --color-border-rgb: 255 255 255; 1047 1048 } 1049 1050 1051 .color-custom-badge-sold-out { 1052 /* Form-related tokens stay on .color-custom only â .text-block is a prose 1053 container (text/announcement/inline-text/blog-post-description/ 1054 collection-link/price/sku) and never holds form inputs. */ 1055 --input-disabled-background-color: rgb(255 255 255 / var(--opacity-10)); 1056 --input-disabled-border-color: rgb(255 255 255 / var(--opacity-5)); 1057 --input-disabled-text-color: rgb(255 255 255 / var(--opacity-50)); 1058 --checkbox-border: 1px solid rgb(255 255 255 / var(--opacity-35-55)); 1059 } 1060 1061 1062 .color-custom-badge-sold-out { 1063 color: var(--color, var(--color-foreground)); 1064 background-color: var(--color-background); 1065 } 1066 </style> 1067 1068 1069 1070 1071 1072 1073 1074 1075 1076 1077 1078 1079 1080 1081 1082 1083 1084 1085<style data-shopify> 1086 /* Palette colors */ 1087 :root { 1088 --color-background: #ffffff; 1089 --color-background-rgb: 255 255 255; 1090 --color-foreground: #000000; 1091 --color-foreground-rgb: 0 0 0; 1092 --color-border: #000000; 1093 --color-border-rgb: 0 0 0; 1094 --palette-lightest: #ffffff; 1095 --palette-lightest-rgb: 255 255 255; 1096 --palette-darkest: #000000; 1097 --palette-darkest-rgb: 0 0 0; 1098 1099--opacity-5-15: 0.05; --opacity-10-25: 0.1; --opacity-35-55: 0.35; --opacity-40-60: 11000.4; --opacity-30-60: 0.3; --opacity-60: 0.6; 1101 1102 1103 --color-primary-button-text: rgb(255 255 255 / 1.0); 1104 --color-primary-button-background: rgb(0 0 0 / 1.0); 1105 --color-primary-button-border: rgb(0 0 0 / 1.0); 1106 --color-primary-button-focus-outline: rgb(0 0 0); 1107 --color-primary-button-hover-text: rgb(255 255 255 / 1.0); 1108 --color-primary-button-hover-background: #262626; 1109 --color-primary-button-hover-border: #262626; 1110 1111 --color-secondary-button-text: rgb(0 0 0 / 1.0); 1112 --color-secondary-button-background: rgb(0 0 0 / 0.0); 1113 --color-secondary-button-border: rgb(0 0 0 / 1.0); 1114 --color-secondary-button-hover-text: rgb(0 0 0 / 1.0); 1115 --color-secondary-button-hover-background: rgba(0, 0, 0, 0.15);
1116 --color-secondary-button-hover-border: #262626; 1117 1118 --color-input-background: rgb(255 255 255 / 1.0); 1119 --color-input-text: rgb(51 51 51 / 1.0); 1120 --color-input-text-rgb: 51 51 51; 1121 --color-input-border: rgb(223 223 223 / 1.0); 1122 1123 --color-variant-background: rgb(255 255 255 / 1.0); 1124 --color-variant-border: rgb(223 223 223 / 1.0); 1125 --color-variant-text: rgb(0 0 0 / 1.0); 1126 --color-variant-text-rgb: 0 0 0; 1127 --color-variant-hover-background: #f2f2f2; 1128 --color-variant-hover-text: rgb(0 0 0 / 1.0); 1129 --color-variant-hover-border: #d2d2d2; 1130 1131 --color-selected-variant-background: rgb(0 0 0 / 1.0); 1132 --color-selected-variant-border: rgb(0 0 0 / 1.0); 1133 --color-selected-variant-text: rgb(255 255 255 / 1.0); 1134 --color-selected-variant-hover-background: #262626; 1135 --color-selected-variant-hover-text: rgb(255 255 255 / 1.0); 1136 --color-selected-variant-hover-border: #262626; 1137 1138 --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10)); 1139 --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15)); 1140 --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50)); 1141 --color-foreground-muted: rgb(var(--color-rgb, var(--color-foreground-rgb)) / var(--opacity-muted-text)); 1142 --color-foreground-subdued: rgb(var(--color-rgb, var(--color-foreground-rgb)) / var(--opacity-subdued-text)); 1143 --color-drawer-shadow-rgb: ; 1144 --color-popover-shadow-rgb: 0 0 0; 1145 1146 /* Shadows */ 1147 1148 1149 --shadow-blur: 20px; 1150 --shadow-popover: 0px 4px 20px rgb(var(--color-popover-shadow-rgb) / var(--opacity-15)); 1151 1152 } 1153 1154 body { 1155 color: var(--color-foreground); 1156 background-color: var(--color-background); 1157 } 1158</style> 1159 1160 1161
1161<script>window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.start');</script>
1161<meta name="google-site-verification" content="TJdXHnFmFhiPozWt2KycsFb814NEJcNQAQWGioGbMQQ"> 1162<meta name="facebook-domain-verification" content="ofji2fy9rqm9xrcpv0s66225sq0wlk"> 1163<meta id="shopify-digital-wallet" name="shopify-digital-wallet" content="/50975506593/digital_wallets/dialog"> 1164<link rel="ucp" href="/.well-known/ucp" version="2026-08-25">
1164<script async="async" src="/checkouts/internal/preloads.js?locale=en-PK"></script>
vendor: 1 bytes, line 1164
1164
1165<script id="shopify-features" type="application/json">{"accessToken":"1fdeb9aa504971401887529fca6994c8","betas":["rich-media-storefront-analytics"],"domain":"cozmetica.pk","predictiveSearch":true,"shopId":50975506593,"locale":"en"}</script>
vendor: 1 bytes, line 1165
1165
1166<script>var Shopify = Shopify || {}; 1167Shopify.shop = "cozmeticaa.myshopify.com"; 1168Shopify.locale = "en"; 1169Shopify.currency = {"active":"PKR","rate":"1.0"}; 1170Shopify.country = "PK"; 1171Shopify.theme = {"name":"Free Shipping Baadge","id":152094179489,"schema_name":"Horizon","schema_version":"4.1.1","theme_store_id":null,"role":"main"}; 1172Shopify.theme.handle = "null"; 1173Shopify.theme.style = {"id":null,"handle":null}; 1174Shopify.cdnHost = "cozmetica.pk/cdn"; 1175Shopify.routes = Shopify.routes || {}; 1176Shopify.routes.root = "/"; 1177Shopify.shopJsCdnBaseUrl = "https://cdn.shopify.com/shopifycloud/shop-js"; 1178Shopify.SignInWithShop = Shopify.SignInWithShop || {}; 1179Shopify.SignInWithShop.User = Shopify.SignInWithShop.User || {}; 1180Shopify.SignInWithShop.User.recognized = false;</script>
vendor: 1 bytes, line 1180
1180
1181<script type="module">!function(o){(o.Shopify=o.Shopify||{}).modules=!0}(window);</script>
vendor: 1 bytes, line 1181
1181
1182<script>!function(o){function n(){var o=[];function n(){o.push(Array.prototype.slice.apply(arguments))}return n.q=o,n}var t=o.Shopify=o.Shopify||{};t.loadFeatures=n(),t.autoloadFeatures=n()}(window);</script>
vendor: 1 bytes, line 1182
1182
1183<script> 1184 window.Shopify = window.Shopify || {}; 1185 window.Shopify.SignInWithShop = window.Shopify.SignInWithShop || {}; 1186 window.Shopify.SignInWithShop.assetMetrics = { sampleRate: 0.25 }; 1187 window.Shopify.SignInWithShop.eligible = true; 1188</script>
vendor: 1 bytes, line 1188
1188
1189<script id="shop-js-analytics" type="application/json">{"pageType":"page"}</script>
vendor: 1 bytes, line 1189
1189
1190<script defer="defer" async type="module" src="https://cdn.shopify.com/shopifycloud/shop-js/modules/v2/loader.init-shop-cart-sync.en.esm.js"></script>
vendor: 1 bytes, line 1190
1190
1191<script type="module"> 1192 await import("https://cdn.shopify.com/shopifycloud/shop-js/modules/v2/loader.init-shop-cart-sync.en.esm.js"); 1193 1194 window.Shopify.SignInWithShop?.initShopCartSync?.({"fedCMEnabled":true,"windoidEnabled":true}); 1195 1196</script>
vendor: 1 bytes, line 1196
1196
1197<script> 1198 window.Shopify = window.Shopify || {}; 1199 if (!window.Shopify.featureAssets) window.Shopify.featureAssets = {}; 1200 window.Shopify.featureAssets['shop-js'] = {"avatar":["modules/v2/loader.avatar.en.esm.js"],"checkout-modal":["modules/v2/loader.checkout-modal.en.esm.js"],"init-customer-accounts-sign-up":["modules/v2/loader.init-customer-accounts-sign-up.en.esm.js"],"init-customer-accounts":["modules/v2/loader.init-customer-accounts.en.esm.js"],"init-fed-cm":["modules/v2/loader.init-fed-cm.en.esm.js"],"init-shop-cart-sync":["modules/v2/loader.init-shop-cart-sync.en.esm.js"],"init-shop-email-lookup-coordinator":["modules/v2/loader.init-shop-email-lookup-coordinator.en.esm.js"],"init-shop-for-new-customer-accounts":["modules/v2/loader.init-shop-for-new-customer-accounts.en.esm.js"],"init-shop-user-recognition":["modules/v2/loader.init-shop-user-recognition.en.esm.js"],"init-windoid":["modules/v2/loader.init-windoid.en.esm.js"],"lead-capture":["modules/v2/loader.lead-capture.en.esm.js"],"listener":["modules/v2/loader.listener.en.esm.js"],"pay-button":["modules/v2/loader.pay-button.en.esm.js"],"payment-terms":["modules/v2/loader.payment-terms.en.esm.js"],"shop-button":["modules/v2/loader.shop-button.en.esm.js"],"shop-cart-sync":["modules/v2/loader.shop-cart-sync.en.esm.js"],"shop-cash-offers":["modules/v2/loader.shop-cash-offers.en.esm.js"],"shop-follow-button":["modules/v2/loader.shop-follow-button.en.esm.js"],"shop-login-button":["modules/v2/loader.shop-login-button.en.esm.js"],"shop-login":["modules/v2/loader.shop-login.en.esm.js"],"shop-toast-manager":["modules/v2/loader.shop-toast-manager.en.esm.js"],"shop-user-recognition":["modules/v2/loader.shop-user-recognition.en.esm.js"]}; 1201</script>
vendor: 1 bytes, line 1201
1201
1202<script>(function() { 1203 var isLoaded = false; 1204 function asyncLoad() { 1205 if (isLoaded) return; 1206 isLoaded = true; 1207 var urls = ["https:\/\/formbuilder.hulkapps.com\/skeletopapp.js?shop=cozmeticaa.myshopify.com","https:\/\/d2fk970j0emtue.cloudfront.net\/shop\/js\/free-gift-cart-upsell-pro.min.js?shop=cozmeticaa.myshopify.com"]; 1208 for (var i = 0; i < urls.length; i++) { 1209 var s = document.createElement('script'); 1210 s.type = 'text/javascript'; 1211 s.async = true; 1212 s.src = urls[i]; 1213 var x = document.getElementsByTagName('script')[0]; 1214 x.parentNode.insertBefore(s, x); 1215 } 1216 }; 1217 if(window.attachEvent) { 1218 window.attachEvent('onload', asyncLoad); 1219 } else { 1220 window.addEventListener('load', asyncLoad, false); 1221 } 1222})();</script>
vendor: 1 bytes, line 1222
1222
1223<script id="__st">var __st={"a":50975506593,"offset":18000,"reqid":"6f4f081f-7c63-4b16-9354-cd9814cebbb4-1790348698","pageurl":"cozmetica.pk\/pages\/about-cozmetica","s":"pages-73106555041","u":"c826e343bd77","p":"page","rtyp":"page","rid":73106555041};</script>
vendor: 1 bytes, line 1223
1223
1224<script>window.ShopifyPaypalV4VisibilityTracking = true;</script>
vendor: 1 bytes, line 1224
1224
1225<script id="captcha-bootstrap">!function(){'use strict';const t='contact',e='account',n='new_comment',o=[[t,t],['blogs',n],['comments',n],[t,'customer']],c=[[e,'customer_login'],[e,'guest_login'],[e,'recover_customer_password'],[e,'create_customer']],r=t=>t.map((([t,e])=>`form[action*='/${t}']:not([data-nocaptcha='true']) input[name='form_type'][value='${e}']`)).join(','),a=t=>()=>t?[...document.querySelectorAll(t)].map((t=>t.form)):[];function s(){const t=[...o],e=r(t);return a(e)}const i='password',u='form_key',d=['recaptcha-v3-token','g-recaptcha-response','h-captcha-response',i],f=()=>{try{return window.sessionStorage}catch{return}},m='__shopify_v',_=t=>t.elements[u];function p(t,e,n=!1){try{const o=window.sessionStorage,c=JSON.parse(o.getItem(e)),{data:r}=function(t){const{data:e,action:n}=t;return t[m]||n?{data:e,action:n}:{data:t,action:n}}(c);for(const[e,n]of Object.entries(r))t.elements[e]&&(t.elements[e].value=n);n&&o.removeItem(e)}catch(o){console.error('form repopulation failed',{error:o})}}const l='form_type',E='cptcha';function T(t){t.dataset[E]=!0}const w=window,h=w.document,L='Shopify',v='ce_forms',y='captcha';let A=!1;((t,e)=>{const n=(g='f06e6c50-85a8-45c8-87d0-21a2b65856fe',I='https://cdn.shopify.com/shopifycloud/storefront-forms-hcaptcha/ce_storefront_forms_captcha_hcaptcha.v1.5.3.iife.js',D={infoText:'Protected by hCaptcha',privacyText:'Privacy',termsText:'Terms'},(t,e,n)=>{const o=w[L][v],c=o.bindForm;if(c)return c(t,g,e,D).then(n);var r;o.q.push([[t,g,e,D],n]),r=I,A||(h.body.append(Object.assign(h.createElement('script'),{id:'captcha-provider',async:!0,src:r})),A=!0)});var g,I,D;w[L]=w[L]||{},w[L][v]=w[L][v]||{},w[L][v].q=[],w[L][y]=w[L][y]||{},w[L][y].protect=function(t,e){n(t,void 0,e),T(t)},Object.freeze(w[L][y]),function(t,e,n,w,h,L){const[v,y,A,g]=function(t,e,n){const i=e?o:[],u=t?c:[],d=[...i,...u],f=r(d),m=r(i),_=r(d.filter((([t,e])=>n.includes(e))));return[a(f),a(m),a(_),s()]}(w,h,L),I=t=>{const e=t.target;return e instanceof HTMLFormElement?e:e&&e.form},D=t=>v().includes(t);t.addEventListener('submit',(t=>{const e=I(t);if(!e)return;const n=D(e)&&!e.dataset.hcaptchaBound&&!e.dataset.recaptchaBound,o=_(e),c=g().includes(e)&&(!o||!o.value);(n||c)&&t.preventDefault(),c&&!n&&(function(t){try{if(!f())return;!function(t){const e=f();if(!e)return;const n=_(t);if(!n)return;const o=n.value;o&&e.removeItem(o)}(t);const e=Array.from(Array(32),(()=>Math.random().toString(36)[2])).join('');!function(t,e){_(t)||t.append(Object.assign(document.createElement('input'),{type:'hidden',name:u})),t.elements[u].value=e}(t,e),function(t,e){const n=f();if(!n)return;const o=[...t.querySelectorAll(`input[type='${i}']`)].map((({name:t})=>t)),c=[...d,...o],r={};for(const[a,s]of new FormData(t).entries())c.includes(a)||(r[a]=s);n.setItem(e,JSON.stringify({[m]:1,action:t.action,data:r}))}(t,e)}catch(e){console.error('failed to persist form',e)}}(e),e.submit())}));const S=(t,e)=>{t&&!t.dataset[E]&&(n(t,e.some((e=>e===t))),T(t))};for(const o of['focusin','change'])t.addEventListener(o,(t=>{const e=I(t);D(e)&&S(e,y())}));const B=e.get('form_key'),M=e.get(l),P=B&&M;t.addEventListener('DOMContentLoaded',(()=>{const t=y();if(P)for(const e of t)e.elements[l].value===M&&p(e,B);[...new Set([...A(),...v().filter((t=>'true'===t.dataset.shopifyCaptcha))])].forEach((e=>S(e,t)))}))}(h,new URLSearchParams(w.location.search),n,t,e,['guest_login'])})(!1,!0)}();</script>
vendor: 1 bytes, line 1225
1225
1226<script integrity="sha256-JjoPp5ZfB1sSAs5SQaol1x1GgvveM+BgmRzyDexInEQ=" data-source-attribution="shopify.loadfeatures" defer="defer" src="//cozmetica.pk/cdn/shopifycloud/storefront/assets/storefront/load_feature-1bd60354.js" crossorigin="anonymous"></script>
vendor: 1 bytes, line 1226
1226
1227<script>(function () {var userAgent = navigator.userAgent;var platform = navigator.platform;var maxTouchPoints = navigator.maxTouchPoints || 0;var isIOS = /iPad|iPhone|iPod/.test(platform) || (platform === 'MacIntel' && maxTouchPoints > 1);var isMacSafari = platform.indexOf('Mac') === 0 && /Safari/.test(userAgent) && !/Chrome|Chromium|CriOS|FxiOS|Edg|OPR|Android/.test(userAgent);var isAppleSafari = isIOS || isMacSafari;if (isAppleSafari) {fetch('/sf_private_access_tokens' + location.search).catch(function () {});}function browserMajorVersion(pattern) {var match = userAgent.match(pattern);return match ? parseInt(match[1], 10) : null;}function shouldLoadAutosizesPolyfill() {if (!window.PerformanceObserver?.supportedEntryTypes?.includes('paint')) {return false;}var chromeVersion = browserMajorVersion(/Chrome\/(\d+)/);if (chromeVersion !== null) {return chromeVersion < 126;}var firefoxVersion = browserMajorVersion(/Firefox\/(\d+)/);if (firefoxVersion !== null) {return firefoxVersion < 150;}var safariVersion = isAppleSafari ? browserMajorVersion(/Version\/(\d+).*Safari\//) : null;if (safariVersion !== null) {return safariVersion < 27;}return true;}if (shouldLoadAutosizesPolyfill()) {var autosizesScript = document.createElement('script');autosizesScript.async = true;autosizesScript.crossOrigin = 'anonymous';autosizesScript.src = "//cozmetica.pk/cdn/shopifycloud/storefront/assets/storefront/autosizes-84416378.js";(document.head || document.documentElement).appendChild(autosizesScript);}window.ShopifyAnalytics = window.ShopifyAnalytics || {};window.ShopifyAnalytics.performance = window.ShopifyAnalytics.performance || {};(function () {var LONG_FRAME_THRESHOLD = 50;var longAnimationFrames = [];var activeRafId = null;function collectLongFrames() {var previousTime = null;function rafMonitor(now) {if (activeRafId === null) {return;}var delta = now - previousTime;if (delta > LONG_FRAME_THRESHOLD) {longAnimationFrames.push({startTime: previousTime,endTime: now,});}previousTime = now;activeRafId = requestAnimationFrame(rafMonitor);}previousTime = performance.now();activeRafId = requestAnimationFrame(rafMonitor);}if (!window.PerformanceObserver?.supportedEntryTypes?.includes('long-animation-frame')) {collectLongFrames();var timeoutId = setTimeout(function () {cancelAnimationFrame(activeRafId);}, 10000);window.ShopifyAnalytics.performance.getLongAnimationFrames = function (stopCollection) {if (stopCollection === undefined) {stopCollection = false;}if (stopCollection) {clearTimeout(timeoutId);cancelAnimationFrame(activeRafId);}return longAnimationFrames;};}})();})();</script>
1227<script id="shopify-origin-trials" async="async" integrity="sha256-qJbe/jEZBHtr5W/BlA2cKAz3vkXu6vJQyLjgvgCC86g=" src="//cdn.shopify.com/shopifycloud/storefront/assets/storefront/origin_trials-318ab40a.js" crossorigin="anonymous" onload="window.__shopifyOriginTrialsDone = true" onerror="window.__shopifyOriginTrialsDone = true"></script>
vendor: 1 bytes, line 1227
1227
1228<script> 1229 window.Shopify = window.Shopify || {}; 1230 window.Shopify.MCP = window.Shopify.MCP || {}; 1231 window.Shopify.MCP.enabled = true; 1232 window.Shopify.MCP.shop = "cozmeticaa.myshopify.com"; 1233 window.Shopify.MCP.mcpEndpoint = "https:\/\/cozmetica.pk\/api\/mcp"; 1234 window.Shopify.MCP.tools = [{"name":"search_shop_policies_and_faqs","description":"Used to get facts about the stores policies, products, or services.\nSome examples of questions you can ask are:\n - What is your return policy?\n - What is your shipping policy?\n - What is your phone number?\n - What are your hours of operation?\"\n","inputSchema":{"$schema":"https:\/\/json-schema.org\/draft\/2020-12\/schema","type":"object","properties":{"query":{"type":"string","description":"A natural language query."},"context":{"type":"string","description":"Additional information about the request such as user demographics, mood, location, or other relevant details that could help in tailoring the response appropriately."}},"required":["query"]}}]; 1235</script>
vendor: 1 bytes, line 1235
1235
1236<script>(()=>{var d="shopify:webmcp_adapter_loaded",n=Symbol.for("shopify.webmcp_adapter_loading");function s(c,a,{win:r=window,doc:o=document}={}){function p(){try{return r.localStorage.getItem(d)==="true"}catch{return!1}}function l(){try{r.localStorage.setItem(d,"true")}catch{}}function u(){return typeof(o.modelContext||r.navigator?.modelContext)?.registerTool=="function"}function f(){if(r[n]||!u())return;let t=o.head||o.getElementsByTagName("head")[0];if(!t)return;let e=o.createElement("script");e.type="module",e.crossOrigin="anonymous",a&&(e.integrity=a),e.src=c,e.addEventListener("load",l,{once:!0}),e.addEventListener("error",()=>{r[n]=!1},{once:!0}),t.appendChild(e),r[n]=!0}function _(t){let e=o.getElementById("shopify-origin-trials");if(!e||r.__shopifyOriginTrialsDone){t();return}e.addEventListener("load",t,{once:!0}),e.addEventListener("error",t,{once:!0})}function i(){_(()=>r.setTimeout(f,0))}function m(){o.addEventListener("DOMContentLoaded",i,{once:!0})}p()?i():m()}s("\/\/cozmetica.pk\/cdn\/shopifycloud\/storefront\/assets\/storefront\/webmcp-c6b62ece.js","sha256-ke4DDuBjdvea3vxLWxHc9E9nq8zihuG4IfYEGbb77ys=");})(); 1237</script>
vendor: 1 bytes, line 1237
1237
1238<script data-source-attribution="shopify.dynamic_checkout.dynamic.init">var Shopify=Shopify||{};Shopify.PaymentButton=Shopify.PaymentButton||{isStorefrontPortableWallets:!0,init:function(){window.Shopify.PaymentButton.init=function(){};var t=document.createElement("script");t.src="https://cozmetica.pk/cdn/shopifycloud/portable-wallets/latest/portable-wallets.en.js",t.type="module",document.head.appendChild(t)}}; 1239</script>
vendor: 1 bytes, line 1239
1239
1240<script data-source-attribution="shopify.dynamic_checkout.buyer_consent"> 1241 function portableWalletsHideBuyerConsent(e){var t=document.getElementById("shopify-buyer-consent"),n=document.getElementById("shopify-subscription-policy-button");t&&n&&(t.classList.add("hidden"),t.setAttribute("aria-hidden","true"),n.removeEventListener("click",e))}function portableWalletsShowBuyerConsent(e){var t=document.getElementById("shopify-buyer-consent"),n=document.getElementById("shopify-subscription-policy-button");t&&n&&(t.classList.remove("hidden"),t.removeAttribute("aria-hidden"),n.addEventListener("click",e))}window.Shopify?.PaymentButton&&(window.Shopify.PaymentButton.hideBuyerConsent=portableWalletsHideBuyerConsent,window.Shopify.PaymentButton.showBuyerConsent=portableWalletsShowBuyerConsent); 1242</script>
vendor: 1 bytes, line 1242
1242
1243<script data-source-attribution="shopify.dynamic_checkout.cart.bootstrap">document.addEventListener("DOMContentLoaded",(function(){function t(){return document.querySelector("shopify-accelerated-checkout-cart, shopify-accelerated-checkout")}if(t())Shopify.PaymentButton.init();else{new MutationObserver((function(e,n){t()&&(Shopify.PaymentButton.init(),n.disconnect())})).observe(document.body,{childList:!0,subtree:!0})}})); 1244</script>
1244 1245<link rel="stylesheet" media="screen" href="//cozmetica.pk/cdn/shop/t/140/compiled_assets/styles.css?v=13043209528289001511790083040">
1246<script id="shopify-cfh-end">window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.end');</script>
1246 1247 <!-- BEGIN app block: shopify://apps/gempages-builder/blocks/embed-gp-script-head/20b379d4-1b20-474c-a6ca-665c331919f3 --> 1248 1249 1250 1251 1252 1253 1254 1255 1256 1257 1258 1259 1260 1261 1262<!-- END app block --><!-- BEGIN app block: shopify://apps/uppromote-affiliate/blocks/customer-referral/64c32457-930d-4cb9-9641-e24c0d9cf1f4 --><link rel="preload" href="https://cdn.shopify.com/extensions/01a0cc10-8025-74bc-8561-6e03f24d6d18/affliate-by-secomapp-126/assets/customer-referral.css" as="style" onload="this.onload=null;this.rel='stylesheet'">
1263<script> 1264 document.addEventListener("DOMContentLoaded", function () { 1265 const params = new URLSearchParams(window.location.search); 1266 if (params.has('sca_ref') || params.has('sca_crp')) { 1267 document.body.setAttribute('is-affiliate-link', ''); 1268 } 1269 }); 1270</script>
1270 1271 1272 1273<!-- END app block --><!-- BEGIN app block: shopify://apps/judge-me-reviews/blocks/judgeme_core/61ccd3b1-a9f2-4160-9fe9-4fec8413e5d8 --><!-- Start of Judge.me Core --> 1274 1275 1276 1277 1278 1279 1280 1281<link rel="dns-prefetch" href="https://cdn.judge.me"> 1282<link rel="dns-prefetch" href="https://cdn1.judge.me"> 1283<link rel="dns-prefetch" href="https://api.judge.me"> 1284
1285<script data-cfasync='false' class='jdgm-settings-script'>window.jdgmSettings={"pagination":5,"disable_web_reviews":false,"coupon_receiving_condition":"","coupon_value_type":"percentage","coupon_value_percentage":10,"coupon_value_fixed_amount":0,"coupon_discount_type":"single","coupon_tier_text_enabled":false,"coupon_tier_text_percentage":10,"coupon_tier_text_fixed_amount":0,"coupon_tier_photo_enabled":false,"coupon_tier_photo_percentage":10,"coupon_tier_photo_fixed_amount":0,"coupon_tier_video_enabled":false,"coupon_tier_video_percentage":10,"coupon_tier_video_fixed_amount":0,"enable_coupons":false,"badge_no_review_text":"No reviews","badge_n_reviews_text":"{{ n }} review/reviews","badge_star_color":"#FFCD3C","hide_badge_preview_if_no_reviews":true,"badge_hide_text":false,"enforce_center_preview_badge":false,"widget_title":"Customer Reviews","widget_open_form_text":"Write a review","widget_close_form_text":"Cancel review","widget_refresh_page_text":"Refresh page","widget_summary_text":"Based on {{ number_of_reviews }} review/reviews","widget_no_review_text":"Be the first to write a review","widget_name_field_text":"Display name","widget_verified_name_field_text":"Verified Name (public)","widget_name_placeholder_text":"Display name","widget_required_field_error_text":"This field is required.","widget_email_field_text":"Email address","widget_verified_email_field_text":"Verified Email (private, can not be edited)","widget_email_placeholder_text":"Your email address","widget_email_field_error_text":"Please enter a valid email address.","widget_rating_field_text":"Rating","widget_review_title_field_text":"Review Title","widget_review_title_placeholder_text":"Give your review a title","widget_review_body_field_text":"Review content","widget_review_body_placeholder_text":"Start writing here...","widget_pictures_field_text":"Picture/Video (optional)","widget_submit_review_text":"Submit Review","widget_submit_verified_review_text":"Submit Verified Review","widget_submit_success_msg_with_auto_publish":"Thank y
1285ou! Please refresh the page in a few moments to see your review. You can remove or edit your review by logging into \u003ca href='https://judge.me/login' target='_blank' rel='nofollow noopener'\u003eJudge.me\u003c/a\u003e","widget_submit_success_msg_no_auto_publish":"Thank you! Your review will be published as soon as it is approved by the shop admin. You can remove or edit your review by logging into \u003ca href='https://judge.me/login' target='_blank' rel='nofollow noopener'\u003eJudge.me\u003c/a\u003e","widget_show_default_reviews_out_of_total_text":"Showing {{ n_reviews_shown }} out of {{ n_reviews }} reviews.","widget_show_all_link_text":"Show all","widget_show_less_link_text":"Show less","widget_author_said_text":"{{ reviewer_name }} said:","widget_days_text":"{{ n }} days ago","widget_weeks_text":"{{ n }} week/weeks ago","widget_months_text":"{{ n }} month/months ago","widget_years_text":"{{ n }} year/years ago","widget_yesterday_text":"Yesterday","widget_today_text":"Today","widget_replied_text":"\u003e\u003e {{ shop_name }} replied:","widget_read_more_text":"Read more","widget_reviewer_name_as_initial":"","widget_rating_filter_color":"","widget_rating_filter_see_all_text":"See all reviews","widget_sorting_most_recent_text":"Most Recent","widget_sorting_highest_rating_text":"Highest Rating","widget_sorting_lowest_rating_text":"Lowest Rating","widget_sorting_with_pictures_text":"Only Pictures","widget_sorting_most_helpful_text":"Most Helpful","widget_open_question_form_text":"Ask a question","widget_reviews_subtab_text":"Reviews","widget_questions_subtab_text":"Questions","widget_question_label_text":"Question","widget_answer_label_text":"Answer","widget_question_placeholder_text":"Write your question here","widget_submit_question_text":"Submit Question","widget_question_submit_success_text":"Thank you for your question! We will notify you once it gets answered.","widget_star_color":"#FFCD3C","verified_badge_text":"Verified","verified_badge_bg_color":"","verified_badge_text_color":"","verified_badge_placement":"left-of-reviewer-name","widget_review_max_height":3,"widget_hide_border":false,"widget_social_share":false,"widget_thumb":false,"widget_review_location_show":false,"widget_location_format":"","all_reviews_include_out_of_store_products":true,"all_reviews_out_of_store_text":"(out of store)","all_reviews_pagination":100,"all_reviews_product_name_prefix_text":"about","enable_review_pictures":true,"enable_question_anwser":false,"widget_theme":"leex","review_date_format":"mm/dd/yyyy","default_sort_method":"most-recent","enable_ai_review_visibility":true,"widget_product_reviews_subtab_text":"Product Reviews","widget_shop_reviews_subtab_text":"Shop Reviews","widget_other_products_reviews_text":"Reviews for other products","widget_store_reviews_subtab_text":"Store reviews","widget_product_variant_reference_text":"Review for","widget_no_store_reviews_text":"This store hasn't received any reviews yet","widget_web_restriction_product_reviews_text":"This product hasn't received any reviews yet","widget_no_items_text":"No items found","widget_show_more_text":"Show more","widget_write_a_store_review_text":"Write a Store Review","widget_product_and_store_reviews_text":"Product and store reviews","widget_reviews_in_collection_text":"Reviews in this collection","widget_other_languages_heading":"Reviews in Other Languages","widget_translate_review_text":"Translate review to {{ language }}","widget_translating_review_text":"Translating...","widget_show_original_translation_text":"Show original ({{ language }})","widget_translate_review_failed_text":"Review couldn't be translated.","widget_translate_review_retry_text":"Retry","widget_translate_review_try_again_later_text":"Try again later","show_product_url_for_grouped_product":false,"widget_sorting_pictures_first_text":"Pictures First","show_pictures_on_all_rev_page_mobile":false,"show_pictures_on_all_rev_page_desktop":false,"floating_tab_hide_mobile_install_preference":false,"floating_tab_button_name":"â
Reviews","floating_tab_title":"Let customers speak for us","floating_tab_button_color":"","floating_tab_button_background_color":"","floating_tab_url":"","floating_tab_url_enabled":false,"floating_tab_tab_style":"text","all_reviews_text_badge_text":"Customers rate us {{ shop.metafields.judgeme.all_reviews_rating | round: 1 }}/5 based on {{ shop.metafields.judgeme.all_reviews_count }} reviews.","all_reviews_text_badge_text_branded_style":"{{ shop.metafields.judgeme.all_reviews_rating | round: 1 }} out of 5 stars based on {{ shop.metafields.judgeme.all_reviews_count }} reviews","is_all_reviews_text_badge_a_link":false,"show_stars_for_all_reviews_text_badge":false,"all_reviews_text_badge_url":"","all_reviews_text_style":"text","all_reviews_text_color_style":"judgeme_brand_color","all_reviews_text_color":"#108474","all_reviews_text_show_jm_brand":true,"featured_carousel_show_header":true,"featured_carousel_title":"Let customers speak for us","testimonials_carousel_title":"Customers are saying","videos_carousel_title":"Real customer stories","cards_carousel_title":"Customers are saying","featured_carousel_count_text":"from {{ n }} reviews","featured_carousel_add_link_to_all_reviews_page":false,"featured_carousel_url":"","featured_carousel_show_images":true,"featured_carousel_autoslide_interval":5,"featured_carousel_arrows_on_the_sides":true,"featured_carousel_height":250,"featured_carousel_width":80,"featured_carousel_image_size":0,"featured_carousel_image_height":250,"featured_carousel_arrow_color":"#eeeeee","verified_count_badge_style":"vintage","verified_count_badge_orientation":"horizontal","verified_count_badge_color_style":"judgeme_brand_color","verified_count_badge_color":"#108474","is_verified_count_badge_a_link":false,"verified_count_badge_url":"","verified_count_badge_show_jm_brand":true,"widget_rating_preset_default":5,"widget_first_sub_tab":"product-reviews","widget_show_histogram":true,"widget_histogram_use_custom_color":false,"widget_pagination_use_custom_color":false,"widget_star_use_custom_color":false,"widget_verified_badge_use_custom_color":false,"widget_write_review_use_custom_color":false,"picture_reminder_submit_button":"Upload Pictures","enable_review_videos":true,"mute_video_by_default":true,"widget_sorting_videos_first_text":"Videos First","widget_review_pending_text":"Pending","featured_carousel_items_for_large_screen":3,"social_share_options_order":"Facebook,Twitter","remove_microdata_snippet":true,"disable_json_ld":false,"enable_json_ld_products":false,"preview_badge_show_question_text":false,"preview_badge_no_question_text":"No questions","preview_badge_n_question_text":"{{ number_of_questions }} question/questions","qa_badge_show_icon":false,"qa_badge_position":"same-row","remove_judgeme_branding":false,"widget_add_search_bar":false,"widget_search_bar_placeholder":"Search","widget_sorting_verified_only_text":"Verified only","widget_sorting_most_relevant_text":"Most Relevant","featured_carousel_theme":"card","featured_carousel_show_rating":true,"featured_carousel_show_title":true,"featured_carousel_show_body":true,"featured_carousel_show_date":false,"featured_carousel_show_reviewer":true,"featured_carousel_show_product":false,"featured_carousel_header_background_color":"#108474","featured_carousel_header_text_color":"#ffffff","featured_carousel_name_product_separator":"reviewed","featured_carousel_full_star_background":"#108474","featured_carousel_empty_star_background":"#dadada","featured_carousel_vertical_theme_background":"#f9fafb","featured_carousel_verified_badge_enable":false,"featured_carousel_verified_badge_color":"#108474","featured_carousel_border_style":"round","featured_carousel_review_line_length_limit":3,"featured_carousel_more_reviews_button_text":"Read more reviews","featured_carousel_view_product_button_text":"View product","all_reviews_page_load_reviews_on":"scroll","all_reviews_page_load_more_text":"Load More Reviews","disable_fb_tab_reviews":false,"enable_ajax_cdn_cache":false,"widget_public_name_text":"displayed publicly like","default_reviewer_name":"John Smith","default_reviewer_name_has_non_latin":true,"widget_reviewer_anonymous":"Anonymous","medals_widget_title":"Judge.me Review Medals","medals_widget_background_color":"#f9fafb","medals_widget_position":"footer_all_pages","medals_widget_border_color":"#f9fafb","medals_widget_verified_text_position":"left","medals_widget_use_monochromatic_version":false,"medals_widget_elements_color":"#108474","show_reviewer_avatar":false,"widget_invalid_yt_video_url_error_text":"Not a YouTube video URL","widget_max_length_field_error_text":"Please enter no more than {0} characters.","widget_show_country_flag":false,"widget_show_collected_via_shop_app":true,"widget_verified_by_shop_badge_style":"light","widget_verified_by_shop_text":"Verified by Shop","widget_show_photo_gallery":true,"widget_load_with_code_splitting":true,"widget_ugc_install_preference":false,"widget_ugc_title":"Made by us, Shared by you","widget_ugc_subt
1285itle":"Tag us to see your picture featured in our page","widget_ugc_arrows_color":"#ffffff","widget_ugc_primary_button_text":"Buy Now","widget_ugc_primary_button_background_color":"#108474","widget_ugc_primary_button_text_color":"#ffffff","widget_ugc_primary_button_border_width":"0","widget_ugc_primary_button_border_style":"none","widget_ugc_primary_button_border_color":"#108474","widget_ugc_primary_button_border_radius":"25","widget_ugc_secondary_button_text":"Load More","widget_ugc_secondary_button_background_color":"#ffffff","widget_ugc_secondary_button_text_color":"#108474","widget_ugc_secondary_button_border_width":"2","widget_ugc_secondary_button_border_style":"solid","widget_ugc_secondary_button_border_color":"#108474","widget_ugc_secondary_button_border_radius":"25","widget_ugc_reviews_button_text":"View Reviews","widget_ugc_reviews_button_background_color":"#ffffff","widget_ugc_reviews_button_text_color":"#108474","widget_ugc_reviews_button_border_width":"2","widget_ugc_reviews_button_border_style":"solid","widget_ugc_reviews_button_border_color":"#108474","widget_ugc_reviews_button_border_radius":"25","widget_ugc_reviews_button_link_to":"judgeme-reviews-page","widget_ugc_show_post_date":true,"widget_ugc_max_width":"800","widget_rating_metafield_value_type":true,"widget_primary_color":"#000000","widget_enable_secondary_color":true,"widget_secondary_color":"#000000","widget_summary_average_rating_text":"{{ average_rating }} out of 5","widget_media_grid_title":"Customer photos \u0026 videos","widget_media_grid_see_more_text":"See more","widget_round_style":true,"widget_show_product_medals":false,"widget_verified_by_judgeme_text":"Verified by Judge.me","widget_show_store_medals":true,"widget_verified_by_judgeme_text_in_store_medals":"Verified by Judge.me","widget_media_field_exceed_quantity_message":"Sorry, we can only accept {{ max_media }} for one review.","widget_media_field_exceed_limit_message":"{{ file_name }} is too large, please select a {{ media_type }} less than {{ size_limit }}MB.","widget_review_submitted_text":"Review Submitted!","widget_question_submitted_text":"Question Submitted!","widget_close_form_text_question":"Cancel","widget_write_your_answer_here_text":"Write your answer here","widget_enabled_branded_link":true,"widget_show_collected_by_judgeme":true,"widget_reviewer_name_color":"","widget_write_review_text_color":"","widget_write_review_bg_color":"","widget_collected_by_judgeme_text":"collected by Judge.me","widget_pagination_type":"load_more","widget_load_more_text":"Load More","widget_load_more_color":"#108474","widget_full_review_text":"Full Review","widget_read_more_reviews_text":"Read More Reviews","widget_read_questions_text":"Read Questions","widget_questions_and_answers_text":"Questions \u0026 Answers","widget_verified_by_text":"Verified by","widget_verified_text":"Verified","widget_number_of_reviews_text":"{{ number_of_reviews }} reviews","widget_back_button_text":"Back","widget_next_button_text":"Next","widget_custom_forms_filter_button":"Filters","custom_forms_style":"horizontal","widget_show_review_information":false,"how_reviews_are_collected":"How reviews are collected?","widget_show_review_keywords":false,"widget_gdpr_statement":"How we use your data: We'll only contact you about the review you left, and only if necessary. By submitting your review, you agree to Judge.me's \u003ca href='https://judge.me/terms' target='_blank' rel='nofollow noopener'\u003eterms\u003c/a\u003e, \u003ca href='https://judge.me/privacy' target='_blank' rel='nofollow noopener'\u003eprivacy\u003c/a\u003e and \u003ca href='https://judge.me/content-policy' target='_blank' rel='nofollow noopener'\u003econtent\u003c/a\u003e policies.","widget_multilingual_sorting_enabled":false,"widget_translate_review_content_enabled":false,"widget_translate_review_content_method":"manual","popup_widget_review_selection":"automatically_with_pictures","popup_widget_round_border_style":true,"popup_widget_show_title":true,"popup_widget_show_body":true,"popup_widget_show_reviewer":false,"popup_widget_show_product":true,"popup_widget_show_pictures":true,"popup_widget_use_review_picture":true,"popup_widget_show_on_home_page":true,"popup_widget_show_on_product_page":true,"popup_widget_show_on_collection_page":true,"popup_widget_show_on_cart_page":true,"popup_widget_position":"bottom_left","popup_widget_first_review_delay":5,"popup_widget_duration":5,"popup_widget_interval":5,"popup_widget_review_count":5,"popup_widget_hide_on_mobile":true,"review_snippet_widget_round_border_style":true,"review_snippet_widget_card_color":"#FFFFFF","review_snippet_widget_text_color":"#000000","review_snippet_widget_lighter_text_color":"#7B7B7B","review_snippet_widget_slider_arrows_background_color":"#FFFFFF","review_snippet_widget_slider_arrows_color":"#000000","review_snippet_widget_star_color":"#000000","show_product_variant":false,"all_reviews_product_variant_label_text":"Variant: ","widget_show_verified_branding":false,"widget_ai_summary_title":"Customers say","widget_ai_summary_disclaimer":"AI-powered review summary based on recent customer reviews","widget_show_ai_summary":false,"widget_show_ai_summary_bg":false,"write_review_button_visibility":"everyone","store_summary_widget_heading":"Customers rate this store","store_summary_widget_button_text":"View customer reviews","store_summary_widget_button_theme_text":"See AI reviews summary","widget_show_review_title_input":true,"widget_autofill_review_title":true,"redirect_reviewers_invited_via_email":"review_widget","request_store_review_after_product_review":true,"request_review_other_products_in_order":true,"review_form_color_scheme":"default","review_form_corner_style":"square","review_form_star_color":"#000000","review_form_text_color":"#333333","review_form_background_color":"#ffffff","review_form_field_background_color":"#fafafa","review_form_button_color":"#000000","review_form_button_text_color":"#ffffff","review_form_modal_overlay_color":"#000000","review_form_theme":"multi_step","review_form_location":"in_store_popup","review_form_external_page_background_color":"#C5F7F0","review_content_screen_title_text":"How would you rate this product?","review_content_introduction_text":"We would love it if you would share a bit about your experience.","store_review_form_title_text":"How would you rate this store?","store_review_form_introduction_text":"We would love it if you would share a bit about your experience.","show_review_guidance_text":true,"one_star_review_guidance_text":"Poor","five_star_review_guidance_text":"Great","customer_information_screen_title_text":"About you","customer_information_introduction_text":"Please tell us more about you.","custom_questions_screen_title_text":"Your experience in more detail","custom_questions_introduction_text":"Here are a few questions to help us understand more about your experience.","review_submitted_screen_title_text":"Thanks for your review!","review_submitted_screen_thank_you_text":"We are processing it and it will appear on the store soon.","review_submitted_screen_email_verification_text":"Please confirm your email by clicking the link we just sent you. This helps us keep reviews authentic.","confirm_email_screen_title_text":"Confirm your email","confirm_email_screen_message_text":"To help keep reviews authentic, we'll send you a secure link to continue writing your review. It only takes a moment.","check_email_screen_title_text":"Check your email","check_email_screen_message_text":"We sent you an email to {{ email }}. Click the button on the email to continue.","check_email_screen_resend_message_text":"Email resent!","check_email_resend_hint_text":"Didn't get the email? Check your spam folder or [resend the email].","verification_email_rate_limit_error_text":"You've reached the limit for review attempts on this product. Please check your inbox or try again later.","review_submitted_request_store_review_text":"Would you like to share your experience of shopping with us?","review_submitted_review_other_products_text":"Would you like to review these products?","store_review_screen_title_text":"Would you like to share your experience of shopping with us?","store_review_introduction_text":"We value your feedback and use it to improve. Please share any thoughts or suggestions you have.","reviewer_media_screen_title_picture_text":"Share a picture","reviewer_media_introduction_picture_text":"Upload a photo to support your review.","reviewer_media_screen_title_video_text":"Share a video","reviewer_media_introduction_video_text":"Upload a video to support your review.","reviewer_media_screen_title_picture_or_video_text":"Share a picture or video","reviewer_media_introduction_picture_or_video_text":"Upload a photo or video to support your review.","reviewer_media_
1285youtube_url_text":"Paste your Youtube URL here","advanced_settings_next_step_button_text":"Next","advanced_settings_close_review_button_text":"Close","modal_write_review_flow":false,"write_review_flow_required_text":"Required","write_review_flow_privacy_message_text":"We respect your privacy.","write_review_flow_anonymous_text":"Post review as anonymous","write_review_flow_visibility_text":"This won't be visible to other customers.","write_review_flow_multiple_selection_help_text":"Select as many as you like","write_review_flow_single_selection_help_text":"Select one option","write_review_flow_required_field_error_text":"This field is required","write_review_flow_invalid_email_error_text":"Please enter a valid email address","write_review_flow_max_length_error_text":"Max. {{ max_length }} characters.","write_review_flow_media_upload_text":"\u003cb\u003eClick to upload\u003c/b\u003e or drag and drop","write_review_flow_gdpr_statement":"We'll only contact you about your review if necessary. By submitting your review, you agree to our \u003ca href='https://judge.me/terms' target='_blank' rel='nofollow noopener'\u003eterms and conditions\u003c/a\u003e and \u003ca href='https://judge.me/privacy' target='_blank' rel='nofollow noopener'\u003eprivacy policy\u003c/a\u003e.","rating_only_reviews_enabled":false,"show_negative_reviews_help_screen":false,"new_review_flow_help_screen_rating_threshold":3,"negative_review_resolution_screen_title_text":"Tell us more","negative_review_resolution_text":"Your experience matters to us. If there were issues with your purchase, we're here to help. Feel free to reach out to us, we'd love the opportunity to make things right.","negative_review_resolution_button_text":"Contact us","negative_review_resolution_proceed_with_review_text":"Leave a review","negative_review_resolution_subject":"Issue with purchase from {{ shop_name }}.{{ order_name }}","coupon_promo_intro_any_review_text":"Write a review and get a coupon for {{ amount }} off your next purchase","coupon_promo_intro_with_photo_text":"Write a review and add a photo or video to get a coupon for {{ amount }} off your next purchase","coupon_promo_intro_with_video_text":"Write a review and add a video to get a coupon for {{ amount }} off your next purchase","coupon_promo_intro_up_to_any_review_text":"Write a review and get a coupon for up to {{ amount }} off your next purchase","coupon_promo_intro_up_to_with_photo_text":"Write a review and add a photo or video to get a coupon for up to {{ amount }} off your next purchase","coupon_promo_intro_external_text":"Write a review and get a reward for your next purchase","coupon_promo_intro_external_with_photo_text":"Write a review and add a photo or video to get a reward for your next purchase","coupon_promo_intro_external_with_video_text":"Write a review and add a video to get a reward for your next purchase","coupon_promo_media_photo_text":"Add a photo or video and get a coupon for {{ amount }} off your next purchase","coupon_promo_media_photo_only_text":"Add a photo and get a coupon for {{ amount }} off your next purchase","coupon_promo_media_video_text":"Add a video and get a coupon for {{ amount }} off your next purchase","coupon_promo_media_external_photo_text":"Add a photo or video and get a reward for your next purchase","coupon_promo_media_external_photo_only_text":"Add a photo and get a reward for your next purchase","coupon_promo_media_external_video_text":"Add a video and get a reward for your next purchase","coupon_promo_success_text":"You've got a coupon for your next purchase at {{ shop_name }}!","coupon_promo_success_subtext":"You'll receive your coupon email within the hour.","preview_badge_collection_page_install_status":false,"widget_review_custom_css":"","preview_badge_custom_css":"/* Judge.me star widget text */\n.jdgm-prev-badge__text,\n.jdgm-star-rating + .jdgm-prev-badge__text,\n.jdgm-widget .jdgm-prev-badge__text {\n font-size: 13px !important;\n}","preview_badge_stars_count":"5-stars","featured_carousel_custom_css":"","floating_tab_custom_css":"","all_reviews_widget_custom_css":"","medals_widget_custom_css":"","verified_badge_custom_css":"","all_reviews_text_custom_css":"","transparency_badges_collected_via_store_invite":false,"transparency_badges_from_another_provider":false,"transparency_badges_collected_from_store_visitor":false,"transparency_badges_collected_by_verified_review_provider":false,"transparency_badges_earned_reward":false,"transparency_badges_collected_via_store_invite_text":"Review collected via store invitation","transparency_badges_from_another_provider_text":"Review collected from another provider","transparency_badges_collected_from_store_visitor_text":"Review collected from a store visitor","transparency_badges_written_in_google_text":"Review written in Google","transparency_badges_written_in_etsy_text":"Review written in Etsy","transparency_badges_written_in_shop_app_text":"Review written in Shop App","transparency_badges_earned_reward_text":"Review earned a reward for future purchase","product_review_widget_per_page":6,"widget_other_languages_reviews_per_page":3,"widget_store_review_label_text":"Review about the store","widget_cart_mode_aggregate_heading_text":"Customers rate this store","checkout_comment_extension_title_on_product_page":"Customer Comments","checkout_comment_extension_num_latest_comment_show":5,"checkout_comment_extension_format":"name_and_timestamp","checkout_comment_customer_name":"last_initial","checkout_comment_comment_notification":true,"preview_badge_collection_page_install_preference":true,"preview_badge_home_page_install_preference":false,"preview_badge_product_page_install_preference":true,"review_widget_install_preference":"","review_carousel_install_preference":false,"floating_reviews_tab_install_preference":"none","verified_reviews_count_badge_install_preference":false,"all_reviews_text_install_preference":false,"review_widget_best_location":true,"judgeme_medals_install_preference":false,"review_widget_revamp_enabled":false,"review_widget_qna_enabled":false,"review_widget_header_theme":"minimal","review_widget_widget_title_enabled":true,"review_widget_header_text_size":"medium","review_widget_header_text_weight":"regular","review_widget_average_rating_style":"compact","review_widget_bar_chart_enabled":true,"review_widget_bar_chart_type":"numbers","review_widget_bar_chart_style":"standard","review_widget_expanded_media_gallery_enabled":false,"review_widget_show_review_highlights":false,"review_widget_show_review_keywords_in_gray":false,"review_widget_reviews_section_theme":"standard","review_widget_image_style":"thumbnails","review_widget_review_image_ratio":"square","review_widget_stars_size":"medium","review_widget_verified_badge":"standard_text","review_widget_review_title_text_size":"medium","review_widget_review_text_size":"medium","review_widget_review_text_length":"medium","review_widget_number_of_columns_desktop":3,"review_widget_carousel_transition_speed":5,"review_widget_custom_questions_answers_display":"always","review_widget_card_section_size":"small","review_widget_button_text_color":"#FFFFFF","review_widget_text_color":"#000000","review_widget_lighter_text_color":"#7B7B7B","review_widget_corner_styling":"soft","review_widget_review_word_singular":"review","review_widget_review_word_plural"
1285:"reviews","review_widget_voting_label":"Helpful?","review_widget_shop_reply_label":"Reply from {{ shop_name }}:","review_widget_filters_title":"Filters","review_widget_filter_rating_title":"Rating","review_widget_filter_keyword_title":"Keyword","review_widget_clear_filters_text":"Clear filters","review_widget_expand_more_text":"More","review_widget_review_highlights_title":"Review highlights","qna_widget_question_word_singular":"Question","qna_widget_question_word_plural":"Questions","qna_widget_answer_reply_label":"Answer from {{ answerer_name }}:","qna_content_screen_title_text":"Ask a question about this product","qna_widget_question_required_field_error_text":"Please enter your question.","qna_widget_flow_gdpr_statement":"We'll only contact you about your question if necessary. By submitting your question, you agree to our \u003ca href='https://judge.me/terms' target='_blank' rel='nofollow noopener'\u003eterms and conditions\u003c/a\u003e and \u003ca href='https://judge.me/privacy' target='_blank' rel='nofollow noopener'\u003eprivacy policy\u003c/a\u003e.","qna_widget_question_submitted_text":"Thanks for your question!","qna_widget_close_form_text_question":"Close","qna_widget_question_submit_success_text":"Weâll notify you by email when your question is answered.","all_reviews_widget_v2025_enabled":true,"all_reviews_widget_v2025_header_theme":"default","all_reviews_widget_v2025_widget_title_enabled":true,"all_reviews_widget_v2025_header_text_size":"medium","all_reviews_widget_v2025_header_text_weight":"regular","all_reviews_widget_v2025_average_rating_style":"compact","all_reviews_widget_v2025_bar_chart_enabled":true,"all_reviews_widget_v2025_bar_chart_type":"numbers","all_reviews_widget_v2025_bar_chart_style":"standard","all_reviews_widget_v2025_expanded_media_gallery_enabled":false,"all_reviews_widget_v2025_show_store_medals":true,"all_reviews_widget_v2025_show_photo_gallery":true,"all_reviews_widget_v2025_show_review_keywords":false,"all_reviews_widget_v2025_show_ai_summary":false,"all_reviews_widget_v2025_show_ai_summary_bg":false,"all_reviews_widget_v2025_show_review_highlights":false,"all_reviews_widget_v2025_show_review_keywords_in_gray":false,"all_reviews_widget_v2025_add_search_bar":false,"all_reviews_widget_v2025_default_sort_method":"most-recent","all_reviews_widget_v2025_reviews_per_page":10,"all_reviews_widget_v2025_reviews_section_theme":"default","all_reviews_widget_v2025_image_style":"thumbnails","all_reviews_widget_v2025_review_image_ratio":"square","all_reviews_widget_v2025_stars_size":"medium","all_reviews_widget_v2025_verified_badge":"standard_text","all_reviews_widget_v2025_review_title_text_size":"medium","all_reviews_widget_v2025_review_text_size":"medium","all_reviews_widget_v2025_review_text_length":"medium","all_reviews_widget_v2025_number_of_columns_desktop":3,"all_reviews_widget_v2025_carousel_transition_speed":5,"all_reviews_widget_v2025_custom_questions_answers_display":"always","all_reviews_widget_v2025_review_dates":false,"all_reviews_widget_v2025_card_section_size":"small","all_reviews_widget_v2025_show_product_variant":false,"all_reviews_widget_v2025_show_reviewer_avatar":true,"all_reviews_widget_v2025_reviewer_name_as_initial":"","all_reviews_widget_v2025_review_location_show":false,"all_reviews_widget_v2025_location_format":"","all_reviews_widget_v2025_show_country_flag":false,"all_reviews_widget_v2025_widget_thumb":false,"all_reviews_widget_v2025_verified_by_shop_badge_style":"light","all_reviews_widget_v2025_social_share":false,"all_reviews_widget_v2025_social_share_options_order":"Facebook,Twitter,LinkedIn,Pinterest","all_reviews_widget_v2025_pagination_type":"standard","all_reviews_widget_v2025_button_text_color":"#FFFFFF","all_reviews_widget_v2025_text_color":"#000000","all_reviews_widget_v2025_lighter_text_color":"#7B7B7B","all_reviews_widget_v2025_corner_styling":"soft","all_reviews_widget_v2025_title":"Customer reviews","all_reviews_widget_v2025_ai_summary_title":"Customers say about this store","all_reviews_widget_v2025_no_review_text":"Be the first to write a review","all_reviews_widget_v2025_review_highlights_title":"Review highlights","reviews_grid_widget_show_sample_reviews":false,"reviews_grid_widget_review_selection":"all","reviews_grid_widget_select_products":[],"reviews_grid_widget_show_media_only":false,"reviews_grid_widget_display_order":"media_first","reviews_grid_widget_card_grouping":"per_media","reviews_grid_widget_columns_desktop":3,"reviews_grid_widget_rows_desktop":3,"reviews_grid_widget_columns_mobile":2,"reviews_grid_widget_rows_mobile":6,"reviews_grid_widget_show_stars":true,"reviews_grid_widget_show_reviewer_name":true,"reviews_grid_widget_show_review_title_on_hover_desktop":true,"reviews_grid_widget_corner_styling":"soft","reviews_grid_widget_card_spacing":"medium","reviews_grid_widget_header_text_color":"#000000","reviews_grid_widget_star_and_reviewer_name_color":"#F9F9F9","reviews_grid_widget_overlay_and_background_color":"#000000","reviews_grid_widget_content_color":"#F9F9F9","reviews_grid_widget_header_text":"From our customers","reviews_grid_widget_show_average_rating":true,"trust_badge_enabled":false,"trust_badge_structure":"outline","trust_badge_color":"black","trust_badge_star":"black","trust_badge_rating_display_default":"show_avg_text","platform":"shopify","branding_url":"https://app.judge.me/reviews","branding_text":"Powered by Judge.me","locale":"en","reply_name":"Cozmetica","shop_currency":"PKR","widget_version":"3.0","footer":true,"autopublish":false,"review_dates":false,"enable_custom_form":false,"shop_locale":"en","enable_multi_locales_translations":false,"show_review_title_input":true,"autofill_review_title":true,"review_verification_email_status":"always","require_verification_before_submit":false,"sign_in_with_
1285shop_enabled":false,"customer_account_validation_enabled":true,"most_relevant_sort_enabled":false,"coupon_promo_invited_eligible":true,"coupon_promo_web_eligible":false,"uses_coupon_integration":false,"uses_external_coupon":false,"can_be_branded":false,"rtl_stars_enabled_ar":true,"rtl_stars_enabled_he":true,"reply_name_text":"Cozmetica"};</script>
1285 <style class='jdgm-settings-style'>.jdgm-xx{left:0}:root{--jdgm-primary-color: #000;--jdgm-secondary-color: #000;--jdgm-star-color: #FFCD3C;--jdgm-write-review-text-color: white;--jdgm-write-review-bg-color: #000000;--jdgm-paginate-color: #000;--jdgm-border-radius: 10;--jdgm-reviewer-name-color: #000000}.jdgm-histogram__bar-content{background-color:#000}.jdgm-rev[data-verified-buyer=true] .jdgm-rev__icon.jdgm-rev__icon:after,.jdgm-rev__buyer-badge.jdgm-rev__buyer-badge{color:white;background-color:#000}.jdgm-review-widget--small .jdgm-gallery.jdgm-gallery .jdgm-gallery__thumbnail-link:nth-child(8) .jdgm-gallery__thumbnail-wrapper.jdgm-gallery__thumbnail-wrapper:before{content:"See more"}@media only screen and (min-width: 768px){.jdgm-gallery.jdgm-gallery .jdgm-gallery__thumbnail-link:nth-child(8) .jdgm-gallery__thumbnail-wrapper.jdgm-gallery__thumbnail-wrapper:before{content:"See more"}}.jdgm-preview-badge .jdgm-star.jdgm-star{color:#FFCD3C}.jdgm-prev-badge[data-average-rating='0.00']{display:none !important}.jdgm-rev .jdgm-rev__timestamp,.jdgm-quest .jdgm-rev__timestamp,.jdgm-carousel-item__timestamp{display:none !important}.jdgm-rev .jdgm-rev__icon{display:none !important}.jdgm-author-all-initials{display:none !important}.jdgm-author-last-initial{display:none !important}.jdgm-rev-widg__title{visibility:hidden}.jdgm-rev-widg__summary-text{visibility:hidden}.jdgm-prev-badge__text{visibility:hidden}.jdgm-rev__prod-link-prefix:before{content:'about'}.jdgm-rev__variant-label:before{content:'Variant: '}.jdgm-rev__out-of-store-text:before{content:'(out of store)'}@media only screen and (min-width: 768px){.jdgm-rev__pics .jdgm-rev_all-rev-page-picture-separator,.jdgm-rev__pics .jdgm-rev__product-picture{display:none}}@media only screen and (max-width: 768px){.jdgm-rev__pics .jdgm-rev_all-rev-page-picture-separator,.jdgm-rev__pics .jdgm-rev__product-picture{display:none}}.jdgm-preview-badge[data-template="index"]{display:none !important}.jdgm-verified-count-badget[data-from-snippet="true"]{display:none !important}.jdgm-carousel-wrapper[data-from-snippet="true"]{display:none !important}.jdgm-all-reviews-text[data-from-snippet="true"]{display:none !important}.jdgm-medals-section[data-from-snippet="true"]{display:none !important}.jdgm-ugc-media-wrapper[data-from-snippet="true"]{display:none !important}.jdgm-rev__transparency-badge[data-badge-type="review_collected_via_store_invitation"]{display:none !important}.jdgm-rev__transparency-badge[data-badge-type="review_collected_from_another_provider"]{display:none !important}.jdgm-rev__transparency-badge[data-badge-type="review_collected_from_store_visitor"]{display:none !important}.jdgm-rev__transparency-badge[data-badge-type="review_written_in_etsy"]{display:none !important}.jdgm-rev__transparency-badge[data-badge-type="review_written_in_google_business"]{display:none !important}.jdgm-rev__transparency-badge[data-badge-type="review_written_in_shop_app"]{display:none !important}.jdgm-rev__transparency-badge[data-badge-type="review_earned_for_future_purchase"]{display:none !important}.jdgm-review-snippet-widget{--jdgm-snippet-card-color: #fff;--jdgm-snippet-text-color: #000;--jdgm-snippet-lighter-text-color: #7B7B7B;--jdgm-snippet-star-color: #000;--jdgm-snippet-border-radius: 8px;--jdgm-snippet-arrows-bg-color: #fff;--jdgm-snippet-arrows-color: #000}.jdgm-review-snippet-widget .jdgm-rev-snippet-widget__cards-container .jdgm-rev-snippet-card{border-radius:8px;background:#fff}.jdgm-review-snippet-widget .jdgm-rev-snippet-widget__cards-container .jdgm-rev-snippet-card__rev-rating .jdgm-star{color:#000}.jdgm-review-snippet-widget .jdgm-rev-snippet-widget__prev-btn,.jdgm-review-snippet-widget .jdgm-rev-snippet-widget__next-btn{border-radius:50%;background:#fff}.jdgm-review-snippet-widget .jdgm-rev-snippet-widget__prev-btn>svg,.jdgm-review-snippet-widget .jdgm-rev-snippet-widget__next-btn>svg{fill:#000}.jdgm-full-rev-modal.rev-snippet-widget .jm-mfp-container .jm-mfp-content,.jdgm-full-rev-modal.rev-snippet-widget .jm-mfp-container .jdgm-full-rev__icon,.jdgm-full-rev-modal.rev-snippet-widget .jm-mfp-container .jdgm-full-rev__pic-img,.jdgm-full-rev-modal.rev-snippet-widget .jm-mfp-container .jdgm-full-rev__reply{border-radius:8px}.jdgm-full-rev-modal.rev-snippet-widget .jm-mfp-container .jdgm-full-rev[data-verified-buyer="true"] .jdgm-full-rev__icon::after{border-radius:8px}.jdgm-full-rev-modal.rev-snippet-widget .jm-mfp-container .jdgm-full-rev .jdgm-rev__buyer-badge{border-radius:calc( 8px / 2 )}.jdgm-full-rev-modal.rev-snippet-widget .jm-mfp-container .jdgm-full-rev .jdgm-full-rev__replier::before{content:'Cozmetica'}.jdgm-full-rev-modal.rev-snippet-widget .jm-mfp-container .jdgm-full-rev .jdgm-full-rev__product-button{border-radius:calc( 8px * 6 )} 1286</style> <style class='jdgm-settings-style'>.jdgm-preview-badge .jdgm-prev-badge__text,.jdgm-preview-badge .jdgm-star-rating+.jdgm-prev-badge__text,.jdgm-preview-badge .jdgm-widget .jdgm-prev-badge__text{font-size:13px !important} 1287</style> 1288 1289 1290 1291 1292 <style class='jdgm-miracle-styles'> 1293 @-webkit-keyframes jdgm-spin{0%{-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);-ms-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes jdgm-spin{0%{-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);-ms-transform:rotate(359deg);transform:rotate(359deg)}}@font-face{font-family:'JudgemeStar';src:url("data:application/x-font-woff;charset=utf-8;base64,d09GRgABAAAAAAScAA0AAAAABrAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAEgAAAABoAAAAcbyQ+3kdERUYAAARgAAAAHgAAACAAMwAGT1MvMgAAAZgAAABGAAAAVi+vS9xjbWFwAAAB8AAAAEAAAAFKwBMjvmdhc3AAAARYAAAACAAAAAj//wADZ2x5ZgAAAkAAAAEJAAABdH33LXtoZWFkAAABMAAAAC0AAAA2BroQKWhoZWEAAAFgAAAAHAAAACQD5QHQaG10eAAAAeAAAAAPAAAAFAYAAABsb2NhAAACMAAAAA4AAAAOAO4AeG1heHAAAAF8AAAAHAAAACAASgAvbmFtZQAAA0wAAADeAAABkorWfVZwb3N0AAAELAAAACkAAABEp3ubLXgBY2BkYADhPPP4OfH8Nl8ZuJkYQODS2fRrCPr/aSYGxq1ALgcDWBoAO60LkwAAAHgBY2BkYGDc+v80gx4TAwgASaAICmABAFB+Arl4AWNgZGBgYGPQYWBiAAIwyQgWc2AAAwAHVQB6eAFjYGRiYJzAwMrAwejDmMbAwOAOpb8ySDK0MDAwMbByMsCBAAMCBKS5pjA4PGB4wMR44P8BBj3GrQymQGFGkBwAjtgK
1293/gAAeAFjYoAAEA1jAwAAZAAHAHgB3crBCcAwDEPRZydkih567CDdf4ZskmLwFBV8xBfCaC4BXkOUmx4sU0h2ngNb9V0vQCxaRKIAevT7fGWuBrEAAAAAAAAAAAA0AHgAugAAeAF9z79Kw1AUx/FzTm7un6QmJtwmQ5Bg1abgEGr/BAqlU6Gju+Cgg1MkQ/sA7Vj7BOnmO/gUvo2Lo14NqIO6/IazfD8HEODtmQCfoANwNsyp2/GJt3WKQrd1NLiYYWx2PBqOsmJMEOznPOTzfSCrhAtbbLdmeFLJV9eKd63WLrZcIcuaEVdssWCKM6pLCfTVOYbz/0pNSMSZKLIZpvh78sAUH6PlMrreTCabP9r+Z/puPZ2ur/RqpQHgh+MIegCnXeM4MRAPjYN//5tj4ZtTjkFqEdmeMShlEJ7tVAly2TAkx6R68Fl4E/aVvn8JqHFQ4JS1434gXKcuL31dDhzs3YbsEOAd/IU88gAAAHgBfY4xTgMxEEVfkk0AgRCioKFxQYd2ZRtpixxgRU2RfhU5q5VWseQ4JdfgAJyBlmNwAM7ABRhZQ0ORwp7nr+eZAa54YwYg9zm3ynPOeFRe8MCrciXOh/KSS76UV5L/iDmrLiS5AeU519wrL3jmSbkS5115yR2fyivJv9kx0ZMZ2RLZw27q87iNQi8EBo5FSPIMw3HqBboi5lKTGAGDp8FKXWP+t9TU01Lj5His1Ba6uM9dTEMwvrFmbf5GC/q2drW3ruXUhhsCiQOjznFlCzYhHUZp4xp76vsvQh89CQAAeAFjYGJABowM6IANLMrEyMTIzMjCXpyRWJBqZshWXJJYBKOMAFHFBucAAAAAAAAB//8AAngBY2BkYGDgA2IJBhBgAvKZGViBJAuYxwAABJsAOgAAeAFjYGBgZACCk535hiD60tn0azAaAEqpB6wAAA==") format("woff");font-weight:normal;font-style:normal}.jdgm-star{font-family:'JudgemeStar';display:inline !important;text-decoration:none !important;padding:0 4px 0 0 !important;margin:0 !important;font-weight:bold;opacity:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.jdgm-star:hover{opacity:1}.jdgm-star:last-of-type{padding:0 !important}.jdgm-star.jdgm--on:before{content:"\e000"}.jdgm-star.jdgm--off:before{content:"\e001"}.jdgm-star.jdgm--half:before{content:"\e002"}.jdgm-widget *{margin:0;line-height:1.4;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-overflow-scrolling:touch}.jdgm-hidden{display:none !important;visibility:hidden !important}.jdgm-temp-hidden{display:none}.jdgm-spinner{width:40px;height:40px;margin:auto;border-radius:50%;border-top:2px solid #eee;border-right:2px solid #eee;border-bottom:2px solid #eee;border-left:2px solid #ccc;-webkit-animation:jdgm-spin 0.8s infinite linear;animation:jdgm-spin 0.8s infinite linear}.jdgm-prev-badge{display:block !important} 1294 1295</style> 1296 1297 1298 1299 1300 1301 1302 1303 1304 1305 1306 1307 1308
1308<script id="judgeme_widget_leex_js" data-cfasync="false" type="text/javascript" async src="https://cdn.shopify.com/extensions/01a0cdf8-b2d2-7ccd-a251-5cf8c66ad2ca/judgeme-762/assets/shopify_v2_leex.js"></script>
1308 1309 1310 1311 1312 1313 1314 <link id="judgeme_widget_leex_css" rel="stylesheet" type="text/css" media="nope!" onload="this.media='all'" href="https://cdn.shopify.com/extensions/01a0cdf8-b2d2-7ccd-a251-5cf8c66ad2ca/judgeme-762/assets/widget_v3_theme_leex.css"> 1315 1316 1317 1318
1319<script data-cfasync='false' class='jdgm-script'> 1320!function(e){window.jdgm=window.jdgm||{}; 1321/* INF-1976 */ 1322var _jdgmBlocked=function(){var raw=(window.jdgmSettings||{}).hostname_allowlist;var list=(raw==null?"":""+raw).split(/[\s,]+/).map(function(h){return h.trim().toLowerCase().replace(/\.$/,"");}).filter(function(h){return h;});if(!list.length)return false;var host=(e.location.hostname||"").toLowerCase().replace(/\.$/,"");if(/(^|\.)shopifypreview\.com$/.test(host))return false;var bare=host.replace(/^www\./,"");for(var i=0;i<list.length;i++){var en=list[i];if(en.indexOf("*.")===0){var b=en.slice(2);if(host===b||host.slice(-(b.length+1))==="."+b)return false;}else if(bare===en.replace(/^www\./,""))return false;}return true;}(); 1323if(_jdgmBlocked){jdgm._loaderExecuted=true;jdgm._blocked=true;var _jdgmS=e.createElement("style");_jdgmS.textContent='[class^="jdgm-"],[class*=" jdgm-"]{display:none !important}';(e.head||e.documentElement).appendChild(_jdgmS);return;} 1324jdgm.CDN_HOST="https://cdnwidget.judge.me/",jdgm.CDN_HOST_ALT="https://cdn2.judge.me/cdn/widget_frontend/",jdgm.API_HOST="https://api.judge.me/",jdgm.CDN_BASE_URL="https://cdn.shopify.com/extensions/01a0cdf8-b2d2-7ccd-a251-5cf8c66ad2ca/judgeme-762/assets/",jdgm.CDN_API_HOST="https://cdn.judge.me/", 1325jdgm.docReady=function(d){(e.attachEvent?"complete"===e.readyState:"loading"!==e.readyState)? 1326setTimeout(d,0):e.addEventListener("DOMContentLoaded",d)},jdgm.loadCSS=function(d,t,o,a){ 1327!o&&jdgm.loadCSS.requestedUrls.indexOf(d)>=0||(jdgm.loadCSS.requestedUrls.push(d), 1328(a=e.createElement("link")).rel="stylesheet",a.class="jdgm-stylesheet",a.media="nope!", 1329a.href=d,a.onload=function(){this.media="all",t&&setTimeout(t)},e.body.appendChild(a))}, 1330jdgm.loadCSS.requestedUrls=[],jdgm.loadJS=function(e,d){var t=new XMLHttpRequest; 1331t.onreadystatechange=function(){4===t.readyState&&t.status>=200&&t.status<300&&(Function(t.response)(),d&&d(t.response))}, 1332t.open("GET",e),t.onerror=function(){if(e.indexOf(jdgm.CDN_HOST)===0&&jdgm.CDN_HOST_ALT!==jdgm.CDN_HOST){var f=e.replace(jdgm.CDN_HOST,jdgm.CDN_HOST_ALT);jdgm.loadJS(f,d)}},t.send()},jdgm.docReady((function(){(window.jdgmLoadCSS||e.querySelectorAll( 1333".jdgm-widget, .jdgm-all-reviews-page").length>0)&&(jdgmSettings.widget_load_with_code_splitting? 1334parseFloat(jdgmSettings.widget_version)>=3?jdgm.loadCSS(jdgm.CDN_BASE_URL+"widget_v3_base.css"): 1335jdgm.loadCSS(jdgm.CDN_BASE_URL+"widget_base.css"):jdgm.loadCSS(jdgm.CDN_BASE_URL+"shopify_v2.css") 1336)}))}(document); 1337</script>
1337 1338<noscript><link rel="stylesheet" type="text/css" media="all" href="https://cdn.shopify.com/extensions/01a0cdf8-b2d2-7ccd-a251-5cf8c66ad2ca/judgeme-762/assets/shopify_v2.css"></noscript> 1339 1340<!-- BEGIN app snippet: theme_fix_tags -->
1340<script> 1341 (function() { 1342 var jdgmThemeFixes = null; 1343 if (!jdgmThemeFixes) return; 1344 1345 // "All themes" fix: CSS and JS applied on every theme. CSS is injected 1346 // before the per-theme fix so the theme-specific CSS wins the cascade. 1347 // HTML is never applied globally (too risky). 1348 var allThemesFix = jdgmThemeFixes['all']; 1349 if (allThemesFix && allThemesFix.css) { 1350 var allStyleTag = document.createElement('style'); 1351 allStyleTag.classList.add('jdgm-theme-fix-style-all'); 1352 allStyleTag.innerHTML = allThemesFix.css; 1353 document.head.append(allStyleTag); 1354 }; 1355 1356 if (allThemesFix && allThemesFix.js) { 1357 var allScriptTag = document.createElement('script'); 1358 allScriptTag.classList.add('jdgm-theme-fix-script-all'); 1359 allScriptTag.innerHTML = allThemesFix.js; 1360 document.head.append(allScriptTag); 1361 }; 1362 1363 var thisThemeFix = jdgmThemeFixes[Shopify.theme.id]; 1364 if (!thisThemeFix) return; 1365 1366 if (thisThemeFix.html) { 1367 document.addEventListener("DOMContentLoaded", function() { 1368 var htmlDiv = document.createElement('div'); 1369 htmlDiv.classList.add('jdgm-theme-fix-html'); 1370 htmlDiv.innerHTML = thisThemeFix.html; 1371 document.body.append(htmlDiv); 1372 }); 1373 }; 1374 1375 if (thisThemeFix.css) { 1376 var styleTag = document.createElement('style'); 1377 styleTag.classList.add('jdgm-theme-fix-style'); 1378 styleTag.innerHTML = thisThemeFix.css; 1379 document.head.append(styleTag); 1380 }; 1381 1382 if (thisThemeFix.js) { 1383 var scriptTag = document.createElement('script'); 1384 scriptTag.classList.add('jdgm-theme-fix-script'); 1385 scriptTag.innerHTML = thisThemeFix.js; 1386 document.head.append(scriptTag); 1387 }; 1388 })(); 1389</script>
1389 1390<!-- END app snippet --> 1391<!-- End of Judge.me Core --> 1392 1393 1394 1395<!-- END app block --><!-- BEGIN app block: shopify://apps/uppromote-affiliate/blocks/message-bar/64c32457-930d-4cb9-9641-e24c0d9cf1f4 --> 1396 1397<style> 1398 body { 1399 transition: padding-top .2s; 1400 } 1401 .scaaf-message-bar { 1402 --primary-text-color: ; 1403 --secondary-text-color: ; 1404 --primary-bg-color: ; 1405 --secondary-bg-color: ; 1406 --primary-text-size: px; 1407 --secondary-text-size: px; 1408 text-align: center; 1409 display: block; 1410 width: 100%; 1411 padding: 10px; 1412 animation-duration: .5s; 1413 animation-name: fadeIn; 1414 position: absolute; 1415 top: 0; 1416 left: 0; 1417 width: 100%; 1418 z-index: 10; 1419 } 1420 1421 .scaaf-message-bar-content { 1422 margin: 0; 1423 padding: 0; 1424 } 1425 1426 .scaaf-message-bar[data-layout=referring] { 1427 background-color: var(--primary-bg-color); 1428 color: var(--primary-text-color); 1429 font-size: var(--primary-text-size); 1430 } 1431 1432 .scaaf-message-bar[data-layout=direct] { 1433 background-color: var(--secondary-bg-color); 1434 color: var(--secondary-text-color); 1435 font-size: var(--secondary-text-size); 1436 } 1437 1438</style> 1439
1440<script type="text/javascript"> 1441 (function() { 1442 let container, contentContainer 1443 const settingTag = document.querySelector('script#uppromote-message-bar-setting') 1444 1445 if (!settingTag || !settingTag.textContent) { 1446 return 1447 } 1448 1449 const setting = JSON.parse(settingTag.textContent) 1450 if (!setting.referral_enable) { 1451 return 1452 } 1453 1454 const getCookie = (cName) => { 1455 const name = cName + '=' 1456 const ca = document.cookie.split(';') 1457 for (let i = 0; i < ca.length; i++) { 1458 let c = ca[i] 1459 while (c.charAt(0) === ' ') { 1460 c = c.substring(1) 1461 } 1462 if (c.indexOf(name) === 0) { 1463 const raw = c.substring(name.length, c.length) 1464 // Decode this value only, not the whole cookie string, so one malformed 1465 // cookie (bare %) or a ';' inside another value can't break parsing here. 1466 try { 1467 return decodeURIComponent(raw) 1468 } catch { 1469 return raw 1470 } 1471 } 1472 } 1473 1474 return null 1475 } 1476 1477 function renderContainer() { 1478 container = document.createElement('div') 1479 container.classList.add('scaaf-message-bar') 1480 contentContainer = document.createElement('p') 1481 contentContainer.classList.add('scaaf-message-bar-content') 1482 container.append(contentContainer) 1483 } 1484 1485 function calculateLayout() { 1486 const height = container.scrollHeight 1487 1488 function onMouseMove() { 1489 document.body.style.paddingTop = `${height}px` 1490 document.body.removeEventListener('mousemove', onMouseMove) 1491 document.body.removeEventListener('touchstart', onMouseMove) 1492 } 1493 1494 document.body.addEventListener('mousemove', onMouseMove) 1495 document.body.addEventListener('touchstart', onMouseMove) 1496 } 1497 1498 renderContainer() 1499 1500 function fillDirectContent() { 1501 if (!setting.not_referral_enable) { 1502 // Nothing to show: drop the optimistic "Loading" bar prepareForReferring may have left 1503 container.remove() 1504 return 1505 } 1506 contentContainer.style.visibility = 'visible' 1507 container.dataset.layout = 'direct' 1508 contentContainer.textContent = setting.not_referral_content 1509 document.body.prepend(container) 1510 calculateLayout() 1511 } 1512 1513 function prepareForReferring() { 1514 contentContainer.textContent = 'Loading' 1515 contentContainer.style.visibility = 'hidden' 1516 document.body.prepend(container) 1517 calculateLayout() 1518 } 1519 1520 function fillReferringContent(aff) { 1521 container.dataset.layout = 'referring' 1522 // Guard referral_content so a missing template can't throw and leave the bar stuck on "Loading" 1523 contentContainer.textContent = (setting.referral_content || '') 1524 .replaceAll('{affiliate_name}', aff.name) 1525 .replaceAll('{company}', aff.company) 1526 .replaceAll('{affiliate_firstname}', aff.first_name) 1527 .replaceAll('{personal_detail}', aff.personal_detail) 1528 contentContainer.style.visibility = 'visible' 1529 } 1530 1531 function safeJsonParse (str) { 1532 if (!str) return null; 1533 try { 1534 return JSON.parse(str); 1535 } catch { 1536 return null; 1537 } 1538 } 1539 1540 function renderFromCookie(affiliateID) { 1541 if (!affiliateID) { 1542 fillDirectContent() 1543 return 1544 } 1545 1546 prepareForReferring() 1547 1548 let info = null 1549 const raw = getCookie('_up_a_info') 1550 if (raw) { 1551 info = safeJsonParse(raw) 1552 } 1553 1554 if (!info) { 1555 fillDirectContent() 1556 return 1557 } 1558 1559 const aff = { 1560 company: info.company || '', 1561 name: (info.first_name || '') + ' ' + (info.last_name || ''), 1562 first_name: info.first_name || '', 1563 personal_detail: getCookie('scaaf_pd') || '' 1564 } 1565 1566 fillReferringContent(aff) 1567 } 1568 1569 function paintMessageBar() { 1570 if (!document.body) { 1571 return requestAnimationFrame(paintMessageBar) 1572 } 1573
1574 const urlParams = new URLSearchParams(window.location.search) 1575 const scaRef = urlParams.get("sca_ref") 1576 const urlAffiliateID = scaRef ? scaRef.split('.')[0] + '' : null 1577 const cookieAffiliateID = getCookie('up_uppromote_aid') 1578 const isReferralLink = !!scaRef 1579 1580 if (!isReferralLink) { 1581 if (cookieAffiliateID) { 1582 renderFromCookie(cookieAffiliateID) 1583 return 1584 } 1585 fillDirectContent() 1586 return 1587 } 1588 1589 if (cookieAffiliateID === urlAffiliateID) { 1590 renderFromCookie(cookieAffiliateID) 1591 return 1592 } 1593 1594 const lastClick = Number(getCookie('up_uppromote_lc') || 0) 1595 const diffMinuteFromNow = (Date.now() - lastClick) / (60 * 1000) 1596 if (diffMinuteFromNow <= 1) { 1597 renderFromCookie(cookieAffiliateID) 1598 return 1599 } 1600 1601 let waited = 0 1602 const MAX_WAIT = 5000 1603 const INTERVAL = 300 1604 1605 const timer = setInterval(() => { 1606 const newCookieID = getCookie('up_uppromote_aid') 1607 const isStillThatAffiliate = newCookieID === urlAffiliateID 1608 const isReceived = localStorage.getItem('up_uppromote_received') === '1' 1609 let isLoadedAffiliateInfoDone = !!safeJsonParse(getCookie('_up_a_info')) 1610 1611 if (isReceived && isStillThatAffiliate && isLoadedAffiliateInfoDone) { 1612 clearInterval(timer) 1613 renderFromCookie(newCookieID) 1614 return 1615 } 1616 1617 waited += INTERVAL 1618 if (waited >= MAX_WAIT) { 1619 clearInterval(timer) 1620 fillDirectContent() 1621 } 1622 }, INTERVAL) 1623 } 1624 1625 requestAnimationFrame(paintMessageBar) 1626 })() 1627</script>
1627 1628 1629 1630<!-- END app block --><!-- BEGIN app block: shopify://apps/uppromote-affiliate/blocks/core-script/64c32457-930d-4cb9-9641-e24c0d9cf1f4 --><!-- BEGIN app snippet: core-metafields-setting --><!--suppress ES6ConvertVarToLetConst -->
1631<script type="application/json" id="core-uppromote-settings">{"active_reg_from":true,"app_env":{"env":"production"}}</script>
vendor: 1 bytes, line 1631
1631
1632<script type="application/json" id="core-uppromote-cart">{"note":null,"attributes":{},"original_total_price":0,"total_price":0,"total_discount":0,"total_weight":0.0,"item_count":0,"items":[],"requires_shipping":false,"currency":"PKR","items_subtotal_price":0,"cart_level_discount_applications":[],"checkout_charge_amount":0}</script>
vendor: 1 bytes, line 1632
1632
1633<script id="core-uppromote-quick-store-tracking-vars"> 1634 function getDocumentContext(){const{href:a,hash:b,host:c,hostname:d,origin:e,pathname:f,port:g,protocol:h,search:i}=window.location,j=document.referrer,k=document.characterSet,l=document.title;return{location:{href:a,hash:b,host:c,hostname:d,origin:e,pathname:f,port:g,protocol:h,search:i},referrer:j||document.location.href,characterSet:k,title:l}}function getNavigatorContext(){const{language:a,cookieEnabled:b,languages:c,userAgent:d}=navigator;return{language:a,cookieEnabled:b,languages:c,userAgent:d}}function getWindowContext(){const{innerHeight:a,innerWidth:b,outerHeight:c,outerWidth:d,origin:e,screen:{height:j,width:k},screenX:f,screenY:g,scrollX:h,scrollY:i}=window;return{innerHeight:a,innerWidth:b,outerHeight:c,outerWidth:d,origin:e,screen:{screenHeight:j,screenWidth:k},screenX:f,screenY:g,scrollX:h,scrollY:i,location:getDocumentContext().location}}function getContext(){return{document:getDocumentContext(),navigator:getNavigatorContext(),window:getWindowContext()}} 1635 if (window.location.href.includes('?sca_ref=')) { 1636 localStorage.setItem('__up_lastViewedPageContext', JSON.stringify({ 1637 context: getContext(), 1638 timestamp: new Date().toISOString(), 1639 })) 1640 } 1641</script>
1641 1642
1643<script id="core-uppromote-setting-booster"> 1644 var UpPromoteCoreSettings = JSON.parse(document.getElementById('core-uppromote-settings').textContent) 1645 UpPromoteCoreSettings.currentCart = JSON.parse(document.getElementById('core-uppromote-cart')?.textContent || '{}') 1646 const idToClean = ['core-uppromote-settings', 'core-uppromote-cart', 'core-uppromote-setting-booster', 'core-uppromote-quick-store-tracking-vars'] 1647 idToClean.forEach(id => { 1648 document.getElementById(id)?.remove() 1649 }) 1650</script>
1650 1651<!-- END app snippet --> 1652 1653 1654<!-- END app block --><!-- BEGIN app block: shopify://apps/mergn/blocks/index/52d5f725-db4d-4931-bef3-895243f3807b --><!-- BEGIN app snippet: log-debug -->
1654<script> 1655 window.logDebug = (LogLevel, message) => { 1656 const mergnLogLevel = localStorage.getItem('mergnDebugLevel'); 1657 1658 if (!mergnLogLevel || mergnLogLevel == 0) return; 1659 1660 if (mergnLogLevel >= 3) { 1661 if (LogLevel == 1) { 1662 console.info(`INFO: ${new Date().toISOString()}`, message); 1663 } else if (LogLevel === 2) { 1664 console.trace(`ERROR: ${new Date().toISOString()}`, message); 1665 } 1666 } else if (mergnLogLevel == 1 && LogLevel == 1) { 1667 console.info(`INFO: ${new Date().toISOString()}`, message); 1668 } else if (mergnLogLevel == 2 && LogLevel == 2) { 1669 console.trace(`ERROR: ${new Date().toISOString()}`, message); 1670 } 1671 }; 1672</script>
1672 1673<!-- END app snippet --> 1674
1675<script> 1676 (function () { 1677 1678 1679 1680 const apiKey = "789ae15m440rgn3ca02aa9abf28bdf475ae6f8c4320379f4fd6e90d34c791e486efd865"; 1681 1682 if (apiKey) { 1683 const script = document.createElement('script'); 1684 script.src = 'https://cdn.jsdelivr.net/npm/mergn-webapp-sdk@latest/dist/index.global.js'; 1685 script.async = true; 1686 1687 script.onload = function () { 1688 window.mergn.init(apiKey, { 1689 shopify: true, 1690 isExtensionSW: true, 1691 }); 1692 1693 // The SDK loads asynchronously, so customer attributes captured during 1694 // page parse are queued on window and flushed here, after init. 1695 var c = window.__mergnCustomer; 1696 if (c && !window.__mergnCustomerSent && typeof window.mergn.recordAttribute === 'function') { 1697 window.__mergnCustomerSent = true; 1698 if (c.email) window.mergn.recordAttribute('Email', c.email); 1699 if (c.firstName) window.mergn.recordAttribute('first-name', c.firstName); 1700 if (c.lastName) window.mergn.recordAttribute('last-name', c.lastName); 1701 if (c.phone) window.mergn.recordAttribute('Mobile', c.phone); 1702 } 1703 }; 1704 1705 document.head.appendChild(script); 1706 } 1707 })(); 1708</script>
1708 1709 1710<!-- BEGIN app snippet: tags -->
1710<script> 1711 (function () { 1712 // Load existing tags map from localStorage (if any) 1713 const storedTagsMap = localStorage.getItem("productTagsMap"); 1714 window.productTagsMap = storedTagsMap ? JSON.parse(storedTagsMap) : {}; 1715 1716 // Helper to save/update localStorage 1717 function saveTagsMap() { 1718 localStorage.setItem("productTagsMap", JSON.stringify(window.productTagsMap)); 1719 if (typeof logDebug === "function") { 1720 logDebug(1, "Product tags saved to localStorage for page page"); 1721 logDebug(1, window.productTagsMap); 1722 } 1723 } 1724 1725 1726 1727 saveTagsMap(); 1728 })(); 1729</script>
1729 1730<!-- END app snippet --> 1731 1732 1733<!-- BEGIN app snippet: discount-banner --><style> 1734 .mergn-db { 1735 position: fixed; 1736 z-index: 2147483000; 1737 font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif; 1738 line-height: 1.4; 1739 transition: transform 220ms ease, opacity 220ms ease; 1740 background: #0f172a; 1741 color: #ffffff; 1742 } 1743 1744 .mergn-db--top { top: 16px; right: 16px; } 1745 .mergn-db--bottom { bottom: 16px; right: 16px; } 1746 1747 .mergn-db--toast { 1748 display: flex; 1749 align-items: flex-start; 1750 gap: 12px; 1751 width: 360px; 1752 max-width: calc(100vw - 32px); 1753 padding: 14px 16px; 1754 border-radius: 12px; 1755 box-shadow: 0 12px 32px rgba(0, 0, 0, 0.28); 1756 border: 1px solid rgba(255, 255, 255, 0.06); 1757 } 1758 1759 .mergn-db__icon { 1760 flex: 0 0 auto; 1761 width: 34px; 1762 height: 34px; 1763 border-radius: 50%; 1764 display: grid; 1765 place-items: center; 1766 background: rgba(232, 121, 74, 0.18); 1767 font-size: 17px; 1768 } 1769 1770 .mergn-db__content { flex: 1; min-width: 0; } 1771 1772 .mergn-db__title { 1773 font-weight: 700; 1774 font-size: 15px; 1775 color: #5fbfa9; 1776 letter-spacing: 0.2px; 1777 margin: 0 0 2px; 1778 } 1779 1780 .mergn-db__body { 1781 font-size: 14px; 1782 opacity: 0.92; 1783 margin: 0; 1784 } 1785 1786 .mergn-db__code { 1787 display: inline-block; 1788 margin-top: 8px; 1789 padding: 3px 10px; 1790 border-radius: 999px; 1791 background: rgba(255, 255, 255, 0.12); 1792 font-weight: 700; 1793 font-size: 12px; 1794 letter-spacing: 0.6px; 1795 } 1796 1797 .mergn-db__close { 1798 background: #e8794a; 1799 color: #ffffff; 1800 border: 0; 1801 border-radius: 6px; 1802 padding: 7px 14px; 1803 font-size: 12px; 1804 font-weight: 600; 1805 cursor: pointer; 1806 white-space: nowrap; 1807 align-self: flex-start; 1808 } 1809 1810 .mergn-db--pill { 1811 display: inline-flex; 1812 align-items: center; 1813 gap: 8px; 1814 padding: 8px 10px 8px 12px; 1815 border-radius: 999px; 1816 box-shadow: 0 8px 22px rgba(0, 0, 0, 0.22); 1817 border: 1px solid rgba(255, 255, 255, 0.08); 1818 cursor: pointer; 1819 font-size: 13px; 1820 } 1821 1822 .mergn-db--pill:hover { transform: translateY(-1px); } 1823 1824 .mergn-db__pill-icon { font-size: 14px; } 1825 1826 .mergn-db__pill-code { 1827 font-weight: 700; 1828 color: #5fbfa9; 1829 letter-spacing: 0.4px; 1830 } 1831 1832 .mergn-db__pill-close { 1833 background: transparent; 1834 border: 0; 1835 color: inherit; 1836 opacity: 0.55; 1837 cursor: pointer; 1838 font-size: 16px; 1839 line-height: 1; 1840 padding: 0 2px 0 6px; 1841 } 1842 1843 .mergn-db__pill-close:hover { opacity: 1; } 1844 1845 .mergn-db--entering { opacity: 0; transform: translateY(20px); } 1846 .mergn-db--leaving { opacity: 0; transform: translateY(20px); } 1847 1848 @media (max-width: 640px) { 1849 .mergn-db--toast { width: auto; left: 16px; right: 16px; } 1850 } 1851</style> 1852
1853<script> 1854 (function () { 1855 "use strict"; 1856 1857 var SETTINGS = { 1858 position: "top", 1859 autoDismissSeconds: 8, 1860 buttonText: "Got it", 1861 useStub: false 1862 }; 1863 1864 var API_BASE = "https://api.mergn.com/sdk-management"; 1865 var ATTRIBUTES_PATH = "/api/v2/event/customer/{id}/attributes"; 1866 var CUSTOMER_LS_KEY = "customer"; 1867 var STATE_KEY = "mergn_discount_banner_v1"; 1868 var MAX_IDENTITY_RETRIES = 3; 1869 var IDENTITY_RETRY_MS = 1500; 1870 1871 function readState() { 1872 try { 1873 var raw = sessionStorage.getItem(STATE_KEY); 1874 return raw ? JSON.parse(raw) : null; 1875 } catch (_) { return null; } 1876 } 1877 1878 function writeState(state) { 1879 try { sessionStorage.setItem(STATE_KEY, JSON.stringify(state)); } catch (_) {} 1880 } 1881 1882 function clearState() { 1883 try { sessionStorage.removeItem(STATE_KEY); } catch (_) {} 1884 } 1885 1886 function init(retriesLeft) { 1887 var params = new URLSearchParams(window.location.search); 1888 var isMergn = params.get("utm_source") === "mergn"; 1889 var voucherCode = params.get("discount_applied"); 1890 var campaignId = params.get("utm_campaign"); 1891 1892 var stored = readState(); 1893 1894 // A new Mergn link with a different code overrides any prior session state. 1895 if (isMergn && voucherCode && stored && stored.code !== voucherCode) { 1896 clearState(); 1897 stored = null; 1898 } 1899 1900 if (stored && stored.state === "dismissed") return; 1901 1902 if (stored && stored.state === "pill" && stored.code) { 1903 renderPill({ code: stored.code, firstName: stored.firstName, campaignId: stored.campaignId }); 1904 return; 1905 } 1906 1907 if (!isMergn || !voucherCode) return; 1908 1909 var customerId = null; 1910 try { customerId = localStorage.getItem(CUSTOMER_LS_KEY); } catch (_) {} 1911 1912 if (!customerId) { 1913 if (retriesLeft > 0) { 1914 setTimeout(function () { init(retriesLeft - 1); }, IDENTITY_RETRY_MS); 1915 } 1916 return; 1917 } 1918 1919 var appliedCheck = SETTINGS.useStub 1920 ? Promise.resolve(isStubCodeValid(voucherCode)) 1921 : isVoucherAppliedOnCart(voucherCode); 1922 1923 appliedCheck 1924 .then(function (applied) { 1925 if (!applied) return null; 1926 return fetchCustomerAttributes(customerId); 1927 }) 1928 .then(function (attributes) { 1929 if (attributes === null) return; 1930 renderToast({ 1931 code: voucherCode, 1932 campaignId: campaignId, 1933 firstName: pickFirstName(attributes || {}) 1934 }); 1935 }) 1936 .catch(function () {}); 1937 } 1938 1939 function fetchCustomerAttributes(customerId) { 1940 if (SETTINGS.useStub) return Promise.resolve({ "first-name": "Hamza" }); 1941 var apiKey = "789ae15m440rgn3ca02aa9abf28bdf475ae6f8c4320379f4fd6e90d34c791e486efd865"; 1942 var url = API_BASE + ATTRIBUTES_PATH.replace("{id}", encodeURIComponent(customerId)); 1943 return fetch(url, { 1944 method: "GET", 1945 headers: { "Authorization": apiKey, "Accept": "application/json" } 1946 }) 1947 .then(function (r) { return r.ok ? r.json() : null; }) 1948 .then(function (res) { 1949 if (!res) return {}; 1950 return res.data || res; 1951 }) 1952 .catch(function () { return {}; }); 1953 } 1954 1955 function pickFirstName(attrs) { 1956 if (!attrs) return ""; 1957 var candidates = ["first-name", "first_name", "firstName", "FirstName", "First-Name", "First Name"]; 1958 for (var i = 0; i < candidates.length; i++) { 1959 var v = attrs[candidates[i]]; 1960 if (typeof v === "string" && v.trim()) return v.trim(); 1961 } 1962 var fullCandidates = ["full name", "full-name", "full_name", "fullName", "name"]; 1963 for (var j = 0; j < fullCandidates.length; j++) { 1964 var fv = attrs[fullCandidates[j]]; 1965 if (typeof fv === "string" && fv.trim()) return fv.trim().split(/\s+/)[0]; 1966 } 1967 return ""; 1968 } 1969 1970 function isStubCodeValid(code) { 1971 if (!code) return false; 1972 var c = String(code).toUpperCase(); 1973 var bad = ["INVALID", "EXPIRED", "USED", "WRONG"]; 1974 for (var i = 0; i < bad.length; i++) { 1975 if (c.indexOf(bad[i]) !== -1) return false;
1976 } 1977 return true; 1978 } 1979 1980 function isVoucherAppliedOnCart(voucherCode) { 1981 return fetch("/cart.js", { credentials: "same-origin", headers: { "Accept": "application/json" } }) 1982 .then(function (r) { return r.ok ? r.json() : null; }) 1983 .then(function (cart) { 1984 if (!cart) return false; 1985 var codes = Array.isArray(cart.discount_codes) ? cart.discount_codes : []; 1986 var match = codes.find ? codes.find(function (d) { return d && d.code === voucherCode; }) : null; 1987 if (!match) return false; 1988 if (typeof match.applicable === "boolean") return match.applicable; 1989 return true; 1990 }) 1991 .catch(function () { return false; }); 1992 } 1993 1994 function positionClass() { 1995 return SETTINGS.position === "top" ? "mergn-db--top" : "mergn-db--bottom"; 1996 } 1997 1998 function renderToast(data) { 1999 var existing = document.querySelector(".mergn-db"); 2000 if (existing && existing.parentNode) existing.parentNode.removeChild(existing); 2001 2002 var el = document.createElement("div"); 2003 el.className = "mergn-db mergn-db--toast " + positionClass() + " mergn-db--entering"; 2004 2005 var icon = document.createElement("div"); 2006 icon.className = "mergn-db__icon"; 2007 icon.textContent = "ð"; 2008 2009 var content = document.createElement("div"); 2010 content.className = "mergn-db__content"; 2011 2012 var title = document.createElement("div"); 2013 title.className = "mergn-db__title"; 2014 title.textContent = (data.firstName ? "Hi " + data.firstName + "! " : "") + "your discount is applied"; 2015 2016 var body = document.createElement("div"); 2017 body.className = "mergn-db__body"; 2018 body.textContent = "Will be applied at checkout."; 2019 2020 var codeChip = document.createElement("span"); 2021 codeChip.className = "mergn-db__code"; 2022 codeChip.textContent = data.code; 2023 2024 content.appendChild(title); 2025 content.appendChild(body); 2026 content.appendChild(codeChip); 2027 2028 var close = document.createElement("button"); 2029 close.type = "button"; 2030 close.className = "mergn-db__close"; 2031 close.textContent = SETTINGS.buttonText || "Got it"; 2032 close.addEventListener("click", function () { collapseToPill(el, data); }); 2033 2034 el.appendChild(icon); 2035 el.appendChild(content); 2036 el.appendChild(close); 2037 document.body.appendChild(el); 2038 2039 requestAnimationFrame(function () { el.classList.remove("mergn-db--entering"); }); 2040 2041 var seconds = Number(SETTINGS.autoDismissSeconds); 2042 if (seconds > 0) setTimeout(function () { collapseToPill(el, data); }, seconds * 1000); 2043 } 2044 2045 function collapseToPill(toastEl, data) { 2046 if (!toastEl || !toastEl.parentNode) return; 2047 writeState({ 2048 state: "pill", 2049 code: data.code, 2050 firstName: data.firstName, 2051 campaignId: data.campaignId 2052 }); 2053 toastEl.classList.add("mergn-db--leaving"); 2054 setTimeout(function () { 2055 if (toastEl.parentNode) toastEl.parentNode.removeChild(toastEl); 2056 renderPill(data); 2057 }, 220); 2058 } 2059 2060 function renderPill(data) { 2061 if (document.querySelector(".mergn-db--pill")) return; 2062 2063 var el = document.createElement("div"); 2064 el.className = "mergn-db mergn-db--pill " + positionClass() + " mergn-db--entering"; 2065 2066 var icon = document.createElement("span"); 2067 icon.className = "mergn-db__pill-icon"; 2068 icon.textContent = "ð"; 2069 2070 var label = document.createElement("span"); 2071 var codeSpan = document.createElement("span"); 2072 codeSpan.className = "mergn-db__pill-code"; 2073 codeSpan.textContent = data.code; 2074 label.appendChild(codeSpan); 2075 label.appendChild(document.createTextNode(" applied")); 2076 2077 var close = document.createElement("button"); 2078 close.type = "button"; 2079 close.className = "mergn-db__pill-close"; 2080 close.setAttribute("aria-label", "Dismiss"); 2081 close.textContent = "Ã"; 2082 close.addEventListener("click", function (e) { 2083 e.stopPropagation(); 2084 writeState({ state: "dismissed", code: data.code }); 2085 dismissEl(el); 2086 }); 2087 2088 el.addEventListener("click", function () { 2089 if (el.parentNode) el.parentNode.removeChild(el); 2090 renderToast(data); 2091 }); 2092 2093 el.appendChild(icon); 2094 el.appendChild(label); 2095 el.appendChild(close); 2096 document.body.appendChild(el); 2097 2098 requestAnimationFrame(function () { el.classList.remove("mergn-db--entering"); }); 2099 } 2100 2101 function dismissEl(el) { 2102 if (!el || !el.parentNode) return;
2103 el.classList.add("mergn-db--leaving"); 2104 setTimeout(function () { if (el.parentNode) el.parentNode.removeChild(el); }, 220); 2105 } 2106 2107 if (document.readyState === "loading") { 2108 document.addEventListener("DOMContentLoaded", function () { init(MAX_IDENTITY_RETRIES); }); 2109 } else { 2110 init(MAX_IDENTITY_RETRIES); 2111 } 2112 })(); 2113</script>
2113 2114<!-- END app snippet --> 2115 2116 2117 2118 2119<!-- END app block -->
2119<script src="https://cdn.shopify.com/extensions/01a0cc10-8025-74bc-8561-6e03f24d6d18/affliate-by-secomapp-126/assets/customer-referral.js" type="text/javascript" defer="defer"></script>
vendor: 1 bytes, line 2119
2119
2120<script src="https://cdn.shopify.com/extensions/01a0cdf8-b2d2-7ccd-a251-5cf8c66ad2ca/judgeme-762/assets/loader.js" type="text/javascript" defer="defer"></script>
vendor: 1 bytes, line 2120
2120
2121<script src="https://cdn.shopify.com/extensions/01a0cc10-8025-74bc-8561-6e03f24d6d18/affliate-by-secomapp-126/assets/core.min.js" type="text/javascript" defer="defer"></script>
2121 2122<link href="https://monorail-edge.shopifysvc.com" rel="dns-prefetch">
2123<script>(function(){if ("sendBeacon" in navigator && "performance" in window) {try {var session_token_from_headers = performance.getEntriesByType('navigation')[0].serverTiming.find(x => x.name == '_s').description;} catch {var session_token_from_headers = undefined;}var session_cookie_matches = document.cookie.match(/_shopify_s=([^;]*)/);var session_token_from_cookie = session_cookie_matches && session_cookie_matches.length === 2 ? session_cookie_matches[1] : "";var session_token = session_token_from_headers || session_token_from_cookie || "";function handle_abandonment_event(e) {var entries = performance.getEntries().filter(function(entry) {return /monorail-edge.shopifysvc.com/.test(entry.name);});if (!window.abandonment_tracked && entries.length === 0) {window.abandonment_tracked = true;var currentMs = Date.now();var navigation_start = performance.timing.navigationStart;var payload = {shop_id: 50975506593,url: window.location.href,navigation_start,duration: currentMs - navigation_start,session_token,page_type: "page"};window.navigator.sendBeacon("https://monorail-edge.shopifysvc.com/v1/produce", JSON.stringify({schema_id: "online_store_buyer_site_abandonment/1.1",payload: payload,metadata: {event_created_at_ms: currentMs,event_sent_at_ms: currentMs}}));}}window.addEventListener('pagehide', handle_abandonment_event);}}());</script>
vendor: 1 bytes, line 2123
2123
2124<script> 2125 window.__TREKKIE_SHIM_QUEUE = window.__TREKKIE_SHIM_QUEUE || []; 2126</script>
vendor: 1 bytes, line 2126
2126
2127<script>(function(){var wpmLoader=function(){"use strict";var e=/Googlebot|Storebot-Google|bingbot|Baiduspider|YandexBot|DuckDuckBot|Slurp|facebookexternalhit|Twitterbot|LinkedInBot|Applebot|AdsBot-Google|Mediapartners-Google|APIs-Google|PetalBot|SemrushBot|AhrefsBot|MJ12bot|DotBot|Acunetix|PerplexityBot|Perplexity-User/i,t=/bytedance/i;function i(){try{var e=document.cookie;if(!e||"string"!=typeof e)return;for(var t=0,i=e.split(";");t<i.length;t++){var n=i[t],r=n.indexOf("=");if(-1!==r){var o=n.slice(0,r).trim();if(o){var a=void 0;try{a=decodeURIComponent(o)}catch(e){a=o}if("_shopify_s"===a){var d=n.slice(r+1).trim();try{return decodeURIComponent(d)}catch(e){return d}}}}}return}catch(e){return}}function n(e){try{"undefined"!=typeof console&&"function"==typeof console.warn&&console.warn(e)}catch(e){}}function r(e,t){return"string"==typeof e&&e.length>0&&e.length<=t?e:void 0}function o(e){var t;switch(null==(t=null==e?void 0:e.navigation)?void 0:t.type){case 0:return"navigate";case 1:return"reload";case 2:return"back_forward";default:return}}function a(){var e,t,i;try{var n=null==(i=null==(t=null==(e=self.ShopifyAnalytics)?void 0:e.lib)?void 0:t.trekkie)?void 0:i.state;return"awaiting-consent"===n||"initialized"===n?n:void 0}catch(e){return}}return function(d,s,u,l){var c=arguments.length>4&&void 0!==arguments[4]?arguments[4]:{};try{var p=c.trekkieShim;!0!==p&&"true"!==p||null!=window.__TREKKIE_SHIM_QUEUE||(window.__TREKKIE_SHIM_QUEUE=[])}catch(e){}var f,v,h,y,g=(v=(f={modern:/Edge?\/(1{2}[4-9]|1[2-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Firefox\/(1{2}[4-9]|1[2-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Chrom(ium|e)\/(9{2}|\d{3,})\.\d+(\.\d+|)|(Maci|X1{2}).+ Version\/(15\.\d+|(1[6-9]|[2-9]\d|\d{3,})\.\d+)([,.]\d+|)( \(\w+\)|)( Mobile\/\w+|) Safari\/|Chrome.+OPR\/(9{2}|\d{3,})\.\d+\.\d+|(CPU[ +]OS|iPhone[ +]OS|CPU[ +]iPhone|CPU IPhone OS|CPU iPad OS)[ +]+(15[._]\d+|(1[6-9]|[2-9]\d|\d{3,})[._]\d+)([._]\d+|)|Android:?[ /-](14[89]|1[5-9]\d|[2-9]\d{2}|\d{4,})(\.\d+|)(\.\d+|)|Android.+Firefox\/(15\d|1[6-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+Chrom(ium|e)\/(14[89]|1[5-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|SamsungBrowser\/([2-9]\d|\d{3,})\.\d+/,legacy:/Edge?\/(1[6-9]|[2-9]\d|\d{3,})\.\d+(\.\d+|)|Firefox\/(5[4-9]|[6-9]\d|\d{3,})\.\d+(\.\d+|)|Chrom(ium|e)\/(5[1-9]|[6-9]\d|\d{3,})\.\d+(\.\d+|)([\d.]+$|.*Safari\/(?![\d.]+ Edge\/[\d.]+$))|(Maci|X1{2}).+ Version\/(10\.\d+|(1[1-9]|[2-9]\d|\d{3,})\.\d+)([,.]\d+|)( \(\w+\)|)( Mobile\/\w+|) Safari\/|Chrome.+OPR\/(3[89]|[4-9]\d|\d{3,})\.\d+\.\d+|(CPU[ +]OS|iPhone[ +]OS|CPU[ +]iPhone|CPU IPhone OS|CPU iPad OS)[ +]+(10[._]\d+|(1[1-9]|[2-9]\d|\d{3,})[._]\d+)([._]\d+|)|Android:?[ /-](14[89]|1[5-9]\d|[2-9]\d{2}|\d{4,})(\.\d+|)(\.\d+|)|Mobile Safari.+OPR\/([89]\d|\d{3,})\.\d+\.\d+|Android.+Firefox\/(15\d|1[6-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+Chrom(ium|e)\/(14[89]|1[5-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+(UC? ?Browser|UCWEB|U3)[ /]?(15\.([5-9]|\d{2,})|(1[6-9]|[2-9]\d|\d{3,})\.\d+)\.\d+|SamsungBrowser\/(5\.\d+|([6-9]|\d{2,})\.\d+)|Android.+MQ{2}Browser\/(14(\.(9|\d{2,})|)|(1[5-9]|[2-9]\d|\d{3,})(\.\d+|))(\.\d+|)|K[Aa][Ii]OS\/(3\.\d+|([4-9]|\d{2,})\.\d+)(\.\d+|)/}).modern,h=f.legacy,(y=navigator.userAgent).match(e)?"bot":y.match(v)?"modern":y.match(h)?"legacy":y.match(t)?"bot":"unknown"),m=function(e){var t,i,n=r(e,128);try{var a=window.performance,d=null==(t=null==a?void 0:a.getEntriesByType)?void 0:t.call(a,"navigation")[0];if(!d)return{requestId:n,navigationType:o(a)};var s="type"in d?r(d.type,64):void 0,u="serverTiming"in d&&Array.isArray(d.serverTiming)?d.serverTiming:[];return{requestId:null!=n?n:r(null==(i=u.find(function(e){return"requestID"===e.name}))?void 0:i.description,128),navigationType:s}}catch(e){return{requestId:n}}}(c.requestId),w=function(e){var t=e.version,r=e.browserTarget,o=e.surface,a=e.shopId,d=e.monorailEndpoint,s=window.location.href;return{emit:function(e){var u=e.status,l=e.errorMsg,c=e.failureReason,p=e.useKeepaliveFallback,f=void 0!==p&&p,v=e.navigationType,h=e.pagehidePersisted,y=e.requestId,g=e.trekkieState;if(d){var m,w;try{var b=(new Date).getTime();m=JSON.stringify({metadata:{event_sent_at_ms:b},events:[{schema_id:"web_pixels_manager_load/3.3",payload:{version:t,bundle_target:r,page_url:s,status:u,surface:o,error_msg:l,failure_reason:c,navigation_type:v,pagehide_persisted:h,request_id:y,trekkie_state:g,shop_id:a,visit_token:i()},metadata:{event_created_at_ms:b}}]})}catch(e){return}try{if("function"==typeof window.navigator.sendBeacon&&-1===(w=window.navigator.userAgent).indexOf("iPhone; CPU iPhone OS 12_")&&-1===w.indexOf("iPad; CPU OS 12_")&&-1===w.indexOf("iPod touch; CPU iPhone OS 12_")&&window.navigator.sendBeacon.bind(window.navigator)(d,m))return}catch(e){}if(f)try{"function"==typeof window.fetch&&window.fetch(d,{method:"POST",headers:{"Content-Type":"text/plain"},body:m,keepalive:!0}
2127).catch(function(){})}catch(e){}else try{var _=new XMLHttpRequest;_.open("POST",d,!0),_.setRequestHeader("Content-Type","text/plain"),_.send(m)}catch(e){n("[Web Pixels Manager] Got an unhandled error while logging to Monorail.")}}else n("[Web Pixels Manager] No Monorail endpoint provided, skipping logging.")}}}({version:u,browserTarget:g,surface:d.surface,shopId:d.shopId,monorailEndpoint:d.monorailEndpoint});if(Boolean(null==(_=null==(b=window.Shopify)?void 0:b.analytics)?void 0:_.replayQueue))w.emit({status:"setup-skipped",errorMsg:"replay queue already initialized."});else{var b,_;w.emit({status:"setup-started"}),window.Shopify=window.Shopify||{};var S=window.Shopify;S.analytics=S.analytics||{};var P=S.analytics;P.replayQueue=[],P.publish=function(e,t,i){return P.replayQueue.push([e,t,i]),!0};try{self.performance.mark("wpm:start")}catch(e){}var k,C="modern"===g?"modern":"legacy",E=(null!=l?l:{modern:"",legacy:""})[C],I=[(k={baseUrl:s,hashVersion:u,buildTarget:C}).baseUrl,"/wpm","/b",k.hashVersion,"modern"===k.buildTarget?"m":"l",".js"].join(""),O=!1,T=!1;try{c.browserTarget=g,function(){O=!0;try{window.addEventListener("pagehide",M)}catch(e){O=!1}}(),R(function(){try{R(x)}catch(e){D(e)}}),w.emit({status:"loading",requestId:m.requestId,navigationType:m.navigationType,trekkieState:a()})}catch(e){D(e)}}function U(){var e;if(q(),!function(){var e,t;return Boolean(null==(t=null==(e=window.Shopify)?void 0:e.analytics)?void 0:t.initialized)}()){var t,i,n;try{if("function"!=typeof(null==(e=window.webPixelsManager)?void 0:e.init))return void A();if(!(null!==(n=i=t=window.webPixelsManager.init(d))&&"function"!=typeof n&&Object(n)===n&&"publish"in i&&"function"==typeof i.publish&&"publishCustomEvent"in i&&"function"==typeof i.publishCustomEvent&&"visitor"in i&&"function"==typeof i.visitor))return void A()}catch(e){return void A(e)}var r=window.Shopify.analytics;r.replayQueue.forEach(function(e){var i=e[0],n=e[1],r=e[2];t.publishCustomEvent(i,n,r)}),r.replayQueue=[],r.publish=t.publishCustomEvent,r.visitor=t.visitor,r.initialized=!0}}function A(e){B("manager_api_unavailable",void 0===e?void 0:Q(e))}function x(){B("script_load_failed","".concat(I," has failed to load"))}function B(e,t){T||(T=!0,q(),w.emit({status:"failed",errorMsg:t,failureReason:e,requestId:m.requestId,navigationType:m.navigationType,trekkieState:a()}))}function M(e){O&&(q(),w.emit({status:"pagehide-while-loading",useKeepaliveFallback:!0,pagehidePersisted:e.persisted,requestId:m.requestId,navigationType:m.navigationType,trekkieState:a()}))}function q(){O=!1;try{window.removeEventListener("pagehide",M)}catch(e){}}function R(e){var t;!function(e){var t=e.src,i=e.async,n=void 0===i||i,r=e.onload,o=e.onerror,a=e.sri,d=e.scriptDataAttributes,s=void 0===d?{}:d,u=document.createElement("script"),l=document.querySelector("head"),c=document.querySelector("body");if(u.async=n,u.src=t,a&&(u.integrity=a,u.crossOrigin="anonymous"),s)for(var p in s)if(Object.prototype.hasOwnProperty.call(s,p))try{u.dataset[p]=String(s[p])}catch(e){}if(r&&u.addEventListener("load",r),o&&u.addEventListener("error",o),l)l.appendChild(u);else{if(!c)throw new Error("Did not find a head or body element to append the script");c.appendChild(u)}}({src:I,async:!0,onload:U,onerror:e,sri:(t=E,"string"==typeof t&&/^sha384-[A-Za-z0-9+/=]+$/.test(t)?E:""),scriptDataAttributes:c})}function D(e){B("script_append_failed",Q(e))}function Q(e){return e instanceof Error?e.message:"Unknown error"}}}();wpmLoader({shopId: 50975506593,storefrontBaseUrl: "https://cozmetica.pk",extensionsBaseUrl: "https://extensions.shopifycdn.com/cdn/shopifycloud/web-pixels-manager",monorailEndpoint: "https://cozmetica.pk/.well-known/shopify/monorail/unstable/produce_batch",surface: "storefront-renderer",enabledBetaFlags: ["16072cab","8450a54b","7ee89bf1"],webPixelsConfigList: [{"id":"2098659489","configuration":"{\"pixelCode\":\"D7L3MURC77U72MIL9O4G\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"22e92c2ad45662f435e4801458fb78cc","type":"APP","apiClientId":4383523,"privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized"}
2127,{"id":"1718386849","configuration":"{\"config\":\"{\\\"google_tag_ids\\\":[\\\"G-8L3WSRWTLR\\\",\\\"AW-591630570\\\",\\\"GT-TWQZDV2T\\\"],\\\"target_country\\\":\\\"PK\\\",\\\"gtag_events\\\":[{\\\"type\\\":\\\"begin_checkout\\\",\\\"action_label\\\":[\\\"G-8L3WSRWTLR\\\",\\\"AW-591630570\\\/YKiiCJ3f2dwcEOqhjpoC\\\"]},{\\\"type\\\":\\\"search\\\",\\\"action_label\\\":\\\"G-8L3WSRWTLR\\\"},{\\\"type\\\":\\\"remove_from_cart\\\",\\\"action_label\\\":\\\"G-8L3WSRWTLR\\\"},{\\\"type\\\":\\\"view_item\\\",\\\"action_label\\\":[\\\"G-8L3WSRWTLR\\\",\\\"MC-7Y7E3VTPCK\\\"]},{\\\"type\\\":\\\"add_shipping_info\\\",\\\"action_label\\\":\\\"G-8L3WSRWTLR\\\"},{\\\"type\\\":\\\"purchase\\\",\\\"action_label\\\":[\\\"G-8L3WSRWTLR\\\",\\\"AW-591630570\\\/7eELCIKZ1NwcEOqhjpoC\\\",\\\"MC-7Y7E3VTPCK\\\"]},{\\\"type\\\":\\\"page_view\\\",\\\"action_label\\\":[\\\"G-8L3WSRWTLR\\\",\\\"AW-591630570\\\/VpHYCKPf2dwcEOqhjpoC\\\",\\\"MC-7Y7E3VTPCK\\\"]},{\\\"type\\\":\\\"view_item_list\\\",\\\"action_label\\\":\\\"G-8L3WSRWTLR\\\"},{\\\"type\\\":\\\"add_payment_info\\\",\\\"action_label\\\":\\\"G-8L3WSRWTLR\\\"},{\\\"type\\\":\\\"add_to_cart\\\",\\\"action_label\\\":[\\\"G-8L3WSRWTLR\\\",\\\"AW-591630570\\\/haU2CKDf2dwcEOqhjpoC\\\"]},{\\\"type\\\":\\\"view_cart\\\",\\\"action_label\\\":\\\"G-8L3WSRWTLR\\\"}],\\\"enable_monitoring_mode\\\":false}\"}","eventPayloadVersion":"v1","runtimeContext":"OPEN","scriptVersion":"a3321ca85cf5aaf6b57585fcd8d67b3a","type":"APP","apiClientId":1780363,"privacyPurposes":[],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized","enabledFlags":["9a3ed68a"]},{"id":"1022263457","configuration":"{\"pixel_id\":\"3501517379993498\",\"pixel_type\":\"facebook_pixel\"}","eventPayloadVersion":"v1","runtimeContext":"OPEN","scriptVersion":"96420dbe9ea96c426a1b7f364f977719","type":"APP","apiClientId":2329312,"privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized","enabledFlags":["9a3ed68a"]},{"id":"852230305","configuration":"{\"shopId\":\"215455\",\"env\":\"production\",\"metaData\":\"[]\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"36f244aeba196ca7e2f6b8a611f4e21b","type":"APP","apiClientId":2773553,"privacyPurposes":[],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"unrestricted"},{"id":"809697441","configuration":"{\"webPixelName\":\"Judge.me\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"8acc938b1a30dc7624e304493ca567d7","type":"APP","apiClientId":683015,"privacyPurposes":["ANALYTICS"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"unrestricted"},{"id":"732135585","configuration":"{\"accountID\":\"84060490-da58-46c0-bbd2-45ce30248e20\",\"apiKey\":\"789ae15m440rgn3ca02aa9abf28bdf475ae6f8c4320379f4fd6e90d34c791e486efd865\",\"events\":\"[{\\\"id\\\":\\\"1\\\",\\\"event\\\":\\\"cart_viewed\\\"},{\\\"event\\\":\\\"checkout_address_info_submitted\\\",\\\"id\\\":\\\"2\\\"},{\\\"event\\\":\\\"checkout_completed\\\",\\\"id\\\":\\\"3\\\"},{\\\"event\\\":\\\"checkout_contact_info_submitted\\\",\\\"id\\\":\\\"4\\\"},{\\\"event\\\":\\\"checkout_shipping_info_submitted\\\",\\\"id\\\":\\\"5\\\"},{\\\"event\\\":\\\"checkout_started\\\",\\\"id\\\":\\\"6\\\"},{\\\"event\\\":\\\"collection_viewed\\\",\\\"id\\\":\\\"7\\\"},{\\\"event\\\":\\\"page_viewed\\\",\\\"id\\\":\\\"8\\\"},{\\\"event\\\":\\\"payment_info_submitted\\\",\\\"id\\\":\\\"9\\\"},{\\\"event\\\":\\\"product_added_to_cart\\\",\\\"id\\\":\\\"10\\\"},{\\\"event\\\":\\\"product_removed_from_cart\\\",\\\"id\\\":\\\"11\\\"},{\\\"event\\\":\\\"product_viewed\\\",\\\"id\\\":\\\"12\\\"},{\\\"event\\\":\\\"search_submitted\\\",\\\"id\\\":\\\"13\\\"}]\",\"selectedEvents\":\"{\\\"cart_viewed\\\":{\\\"id\\\":\\\"1\\\",\\\"active\\\":true},\\\"checkout_address_info_submitted\\\":{\\\"id\\\":\\\"2\\\",\\\"active\\\":true},\\\"checkout_completed\\\":{\\\"id\\\":\\\"3\\\",\\\"active\\\":true},\\\"checkout_contact_info_submitted\\\":{\\\"id\\\":\\\"4\\\",\\\"active\\\":true},\\\"checkout_shipping_info_submitted\\\":{\\\"id\\\":\\\"5\\\",\\\"active\\\":true},\\\"checkout_started\\\":{\\\"id\\\":\\\"6\\\",\\\"active\\\":true},\\\"collection_viewed\\\":{\\\"id\\\":\\\"7\\\",\\\"active\\\":true},\\\"page_viewed\\\":{\\\"id\\\":\\\"8\\\",\\\"active\\\":true},\\\"payment_info_submitted\\\":{\\\"id\\\":\\\"9\\\",\\\"active\\\":true},\\\"product_added_to_cart\\\":{\\\"id\\\":\\\"10\\\",\\\"active\\\":true},\\\"product_removed_from_cart\\\":{\\\"id\\\":\\\"11\\\",\\\"active\\\":true},\\\"product_viewed\\\":{\\\"id\\\":\\\"12\\\",\\\"active\\\":true},\\\"search_submitted\\\":{\\\"id\\\":\\\"13\\\",\\\"active\\\":true}}\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"4631b514ab9e28557729b938f13ec59a","type":"APP","apiClientId":135399079937,"privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized"},{"id":"shopify-app-pixel","configuration":"{}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"0530","apiClientId":"shopify-pixel","type":"APP","privacyPurposes":["ANALYTICS","MARKETING"]},{"id":"shopify-custom-pixel","eventPayloadVersion":"v1","runtimeContext":"LAX","scriptVersion":"0530","apiClientId":"shopify-pixel","type":"CUSTOM","privacyPurposes":["ANALYTICS","MARKETING"]}],isMerchantRequest: false,initData: {"shop":{"name":"Cozmetica","paymentSettings":{"currencyCode":"PKR"},"myshopifyDomain":"cozmeticaa.myshopify.com","countryCode":"PK","storefrontUrl":"https:\/\/cozmetica.pk"},"customer":null,"cart":null,"checkout":null,"productVariants":[],"products":[{"id":"6860983894177","handle":"maybelline-ny-fit-me-matte-poreless-liquid-foundation","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"42574026342561","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"6000027631777","handle":"artdeco-mineral-eye-styler","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"37465465094305","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"6000067444897","handle":"maybelline-superstay-matte-ink-liquid-lipstick","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"39308386861217","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"5998613397665","handle":"essence-draw-the-line-instant-color-lipliner","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"37459357073569","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]}],"purchasingCompany":null},},"https://cozmetica.pk/cdn","c8540278we853e1abpb62b2c4amde256306",{"modern":"","legacy":""},{"trekkieShim":true,"agentContext":true,"apiClientId":"580111","facebookCapiEnabled":"true","themeId":"152094179489","themePublished":"true","eventMetadataId":"8425ff93-4903-4257-acfd-70a44c692fe0","pageType":"page","resourceId":"73106555041","shopId":"50975506593","storefrontBaseUrl":"https:\/\/cozmetica.pk","extensionBaseUrl":"https:\/\/extensions.shopifycdn.com\/cdn\/shopifycloud\/web-pixels-manager","surface":"storefront-renderer","enabledBetaFlags":"[\"16072cab\", \"8450a54b\", \"7ee89bf1\"]","isMerchantRequest":"false","hashVersion":"c8540278we853e1abpb62b2c4amde256306","publish":"custom","events":"[[\"page_viewed\",{}]]"});})();</script>
2127<script> 2128 window.ShopifyAnalytics = window.ShopifyAnalytics || {}; 2129 window.ShopifyAnalytics.meta = window.ShopifyAnalytics.meta || {}; 2130 window.ShopifyAnalytics.meta.currency = 'PKR'; 2131 var meta = {"page":{"pageType":"page","resourceType":"page","resourceId":73106555041,"requestId":"6f4f081f-7c63-4b16-9354-cd9814cebbb4-1790348698"}}; 2132 for (var attr in meta) { 2133 window.ShopifyAnalytics.meta[attr] = meta[attr]; 2134 } 2135</script>
vendor: 1 bytes, line 2135
2135
2136<script class="analytics"> 2137 (function () { 2138 var customDocumentWrite = function(content) { 2139 var jquery = null; 2140 2141 if (window.jQuery) { 2142 jquery = window.jQuery; 2143 } else if (window.Checkout && window.Checkout.$) { 2144 jquery = window.Checkout.$; 2145 } 2146 2147 if (jquery) { 2148 jquery('body').append(content); 2149 } 2150 }; 2151 2152 var hasLoggedConversion = function(token) { 2153 if (token) { 2154 return document.cookie.indexOf('loggedConversion=' + token) !== -1; 2155 } 2156 return false; 2157 } 2158 2159 var setCookieIfConversion = function(token) { 2160 if (token) { 2161 var twoMonthsFromNow = new Date(Date.now()); 2162 twoMonthsFromNow.setMonth(twoMonthsFromNow.getMonth() + 2); 2163 2164 document.cookie = 'loggedConversion=' + token + '; expires=' + twoMonthsFromNow; 2165 } 2166 } 2167 2168 var trekkie = window.ShopifyAnalytics.lib = window.trekkie = window.trekkie || []; 2169 window.ShopifyAnalytics.lib.trekkie = window.trekkie; 2170 if (trekkie.integrations) { 2171 return; 2172 } 2173 trekkie.methods = [ 2174 'identify', 2175 'page', 2176 'ready', 2177 'track', 2178 'trackForm', 2179 'trackLink' 2180 ]; 2181 trekkie.factory = function(method) { 2182 return function() { 2183 var args = Array.prototype.slice.call(arguments); 2184 args.unshift(method); 2185 trekkie.push(args); 2186 if (method == 'track' || method == 'page') { 2187 var pageUrl; 2188 try { 2189 pageUrl = window.location.href; 2190 } catch (e) {} 2191 var pageReferrer; 2192 try { 2193 pageReferrer = document.referrer; 2194 } catch (e) {} 2195 try { 2196 if (window.__TREKKIE_SHIM_QUEUE == null) { 2197 window.__TREKKIE_SHIM_QUEUE = []; 2198 } 2199 window.__TREKKIE_SHIM_QUEUE.push({ 2200 from: 'trekkie-stub', 2201 method: method, 2202 args: args.slice(1), 2203 pageContext: { 2204 url: pageUrl, 2205 referrer: pageReferrer 2206 } 2207 }); 2208 } catch (e) { 2209 // no-op 2210 } 2211 } 2212 return trekkie; 2213 }; 2214 }; 2215 for (var i = 0; i < trekkie.methods.length; i++) { 2216 var key = trekkie.methods[i]; 2217 trekkie[key] = trekkie.factory(key); 2218 } 2219 trekkie.load = function(config) { 2220 trekkie.config = config || {}; 2221 trekkie.config.initialDocumentCookie = document.cookie; 2222 var first = document.getElementsByTagName('script')[0]; 2223var script = document.createElement('script'); 2224script.type = 'text/javascript'; 2225script.onerror = function(e) { 2226 var scriptFallback = document.createElement('script'); 2227 scriptFallback.type = 'text/javascript'; 2228 scriptFallback.onerror = function(error) { 2229 var Monorail = { 2230 produce: function produce(monorailDomain, schemaId, payload) { 2231 var currentMs = new Date().getTime(); 2232 var event = { 2233 schema_id: schemaId, 2234 payload: payload, 2235 metadata: { 2236 event_created_at_ms: currentMs, 2237 event_sent_at_ms: currentMs 2238 } 2239 }; 2240 return Monorail.sendRequest("https://" + monorailDomain + "/v1/produce", JSON.stringify(event)); 2241 }, 2242 sendRequest: function sendRequest(endpointUrl, payload) { 2243 // Try the sendBeacon API 2244 if (window && window.navigator && typeof window.navigator.sendBeacon === 'function' && typeof window.Blob === 'function' && !Monorail.isIos12()) { 2245 var blobData = new window.Blob([payload], { 2246 type: 'text/plain' 2247 }); 2248 2249 if (window.navigator.sendBeacon(endpointUrl, blobData)) { 2250 return true; 2251 } // sendBeacon was not successful 2252 2253 } // XHR beacon 2254 2255 var xhr = new XMLHttpRequest(); 2256 2257 try { 2258 xhr.open('POST', endpointUrl); 2259 xhr.setRequestHeader('Content-Type', 'text/plain'); 2260 xhr.send(payload); 2261 } catch (e) { 2262 console.log(e); 2263 } 2264 2265 return false; 2266 }, 2267 isIos12: function isIos12() { 2268 return window.navigator.userAgent.lastIndexOf('iPhone; CPU iPhone OS 12_') !== -1 || window.navigator.userAgent.lastIndexOf('iPad; CPU OS 12_') !== -1; 2269 } 2270 }; 2271 Monorail.produce('monorail-edge.shopifysvc.com', 2272 'trekkie_storefront_load_errors/1.1', 2273 {shop_id: 50975506593, 2274 theme_id: 152094179489, 2275 app_name: "storefront", 2276 context_url: window.location.href, 2277 source_url: "//cozmetica.pk/cdn/s/trekkie.storefront.f1ba865b3fecd812ad617f74ac079261075e9edb.min.js"}); 2278 2279 }; 2280 scriptFallback.async = true; 2281 scriptFallback.src = '//cozmetica.pk/cdn/s/trekkie.storefront.f1ba865b3fecd812ad617f74ac079261075e9edb.min.js'; 2282 first.parentNode.insertBefore(scriptFallback, first); 2283}; 2284script.async = true; 2285script.src = '//cozmetica.pk/cdn/s/trekkie.storefront.f1ba865b3fecd812ad617f74ac079261075e9edb.min.js'; 2286first.parentNode.insertBefore(script, first); 2287 2288 }; 2289 trekkie.load( 2290 {"Trekkie":{"appName":"storefront","development":false,"defaultAttributes":{"shopId":50975506593,"isMerchantRequest":null,"themeId":152094179489,"themeCityHash":"18325163753947370883","contentLanguage":"en","currency":"PKR","eventMetadataId":"8425ff93-4903-4257-acfd-70a44c692fe0"},"isServerSideCookieWritingEnabled":true,"monorailRegion":"shop_domain","enabledBetaFlags":["764d78cb","8450a54b","7ee89bf1"]},"Session Attribution":{},"S2S":{"facebookCapiEnabled":true,"source":"trekkie-storefront-renderer","apiClientId":580111}} 2291 ); 2292 2293 var loaded = false;
2294 trekkie.ready(function() { 2295 if (loaded) return; 2296 loaded = true; 2297 2298 window.ShopifyAnalytics.lib = window.trekkie; 2299 2300 var originalDocumentWrite = document.write; 2301 document.write = customDocumentWrite; 2302 try { window.ShopifyAnalytics.merchantGoogleAnalytics.call(this); } catch(error) {}; 2303 document.write = originalDocumentWrite; 2304 2305 var match = window.location.pathname.match(/checkouts\/(.+)\/(thank_you|post_purchase)/) 2306 var token = match? match[1]: undefined; 2307 if (!hasLoggedConversion(token)) { 2308 setCookieIfConversion(token); 2309 2310 } 2311 }); 2312 2313 window.ShopifyAnalytics.lib.page(null,{"pageType":"page","resourceType":"page","resourceId":73106555041,"requestId":"6f4f081f-7c63-4b16-9354-cd9814cebbb4-1790348698","shopifyEmitted":true}); 2314 2315 var eventsListenerScript = document.createElement('script'); 2316 eventsListenerScript.async = true; 2317 eventsListenerScript.src = "//cozmetica.pk/cdn/shopifycloud/storefront/assets/shop_events_listener-4e26a9ce.js"; 2318 document.getElementsByTagName('head')[0].appendChild(eventsListenerScript); 2319})();</script>
vendor: 1 bytes, line 2319
2319
2320<script 2321 defer 2322 src="https://cozmetica.pk/cdn/shopifycloud/perf-kit/shopify-perf-kit-3.9.4.min.js" 2323 data-application="storefront-renderer" 2324 data-shop-id="50975506593" 2325 data-render-region="gcp-us-central1" 2326 data-page-type="page" 2327 data-theme-instance-id="152094179489" 2328 data-theme-name="Horizon" 2329 data-theme-version="4.1.1" 2330 data-monorail-region="shop_domain" 2331 data-resource-timing-sampling-rate="10" 2332 data-shs="true" 2333 data-shs-beacon="true" 2334 data-shs-export-with-fetch="true" 2335 data-shs-logs-sample-rate="1" 2336 data-shs-beacon-endpoint="https://cozmetica.pk/api/collect" 2337></script>
vendor: 1 bytes, line 2337
2337
2338<script src="https://cdn.shopify.com/storefront/web-components/account.js" type="module" crossorigin fetchpriority="low" async></script>
2338<script id="shopify-customer-account-data" type="application/json">{"customer":null,"shop":{"id":"50975506593","customerAccountTranslations":[{"key":"account_menu.signed_out_state.sheet_title","value":"Sign in or create account"},{"key":"account_menu.signed_out_state.section_divider","value":"More ways to sign in"},{"key":"account_menu.signed_out_state.alternate_divider","value":"OR"},{"key":"account_menu.signed_out_state.email_field_label","value":"Email"},{"key":"account_menu.signed_out_state.orders_button","value":"Orders"},{"key":"account_menu.signed_out_state.profile_button","value":"Profile"},{"key":"account_menu.signed_out_state.shop_login_button","value":"Sign in with Shop"},{"key":"account_menu.signed_out_state.continue_with_google","value":"Continue with Google"},{"key":"account_menu.signed_out_state.continue_with_facebook","value":"Continue with Facebook"},{"key":"account_menu.signed_out_state.marketing_consent_label","value":"Email me with news and offers"},{"key":"account_menu.signed_in_state.greeting_with_name","value":"Hi, {{first_name}}"},{"key":"account_menu.signed_in_state.greeting_without_name","value":"Account"},{"key":"account_menu.signed_in_state.orders_button","value":"Orders"},{"key":"account_menu.signed_in_state.profile_button","value":"Profile"},{"key":"account_menu.location_picker.sheet_title","value":"Locations"},{"key":"account_menu.location_picker.search_field_placeholder","value":"Search"},{"key":"account_menu.aria_labels.close_menu","value":"Close menu"},{"key":"account_menu.aria_labels.back_to_main_menu","value":"Back to main menu from {{title}}"},{"key":"account_menu.aria_labels.open_submenu","value":"{{title}}, opens submenu"},{"key":"account_menu.aria_labels.loading_menu","value":"Loading menu"},{"key":"account_menu.aria_labels.account","value":"Account"},{"key":"account_menu.aria_labels.sign_in_with_email","value":"Sign in with email"},{"key":"account_menu.aria_labels.sign_in","value":"Sign in"}],"socialLoginProviders":[{"handle":"Shop"}],"legacyCustomerAccounts":false,"signInLinksVisible":true,"b2bEnabled":false,"marketingConsentSigninEnabled":true,"marketingConsentPreselected":true},"visitor":{"country":"PK","language":"en"}}</script>
2338 2339<meta name="shopify-y" content="f90e383d-9719-4af0-a86d-8ba8fb7a0981" data-expiration="1821906298000"><meta name="shopify-s" content="121d477b-d281-471f-8ca3-657e21705c2f" data-expiration="1790350498000"><meta name="new-cookie-storage-activated" content="t"> 2340</head> 2341 2342 <body class="page-width-narrow card-hover-effect-none"> 2343 <a 2344 class="skip-to-content-link button-secondary" 2345 href="#MainContent" 2346> 2347 Skip to content 2348</a> 2349 2350 2351 2352 2353 2354 2355<theme-drawer id="chat-drawer"> 2356 <dialog 2357 ref="panel" 2358 class="theme-drawer__dialog chat-drawer" 2359 > 2360 <shopify-chat 2361 mode="standalone" 2362 mode-switch 2363 ></shopify-chat> 2364 </dialog> 2365</theme-drawer> 2366
2367<script type="module"> 2368 const chatDrawer = document.querySelector('#chat-drawer'); 2369 const shopifyChat = document.querySelector('shopify-chat'); 2370 2371 document.addEventListener('theme-drawer:open', (event) => { 2372 if (/** @type {Element} */ (event.target).id !== 'chat-drawer') return; 2373 shopifyChat?.setAttribute('mode', 'managed'); 2374 }); 2375 2376 document.addEventListener('theme-drawer:close', (event) => { 2377 if (/** @type {Element} */ (event.target).id !== 'chat-drawer') return; 2378 // If mode is still managed, this is a theme-initiated close (backdrop / 2379 // Escape) â close the chat so the FAB appears. If mode is already 2380 // standalone, the close was triggered by an undock (enter-standalone sets 2381 // mode before closing the drawer) â leave the chat open as a floating panel. 2382 if (shopifyChat?.getAttribute('mode') === 'managed') { 2383 shopifyChat?.removeAttribute('open'); 2384 } 2385 shopifyChat?.setAttribute('mode', 'standalone'); 2386 }); 2387 2388 document.addEventListener('shopify-chat:enter-managed', () => { 2389 // Captured at event-fire time â the dock-transition animation hint below 2390 // depends on state as it was when the event was dispatched. 2391 const isStandaloneAndOpen = shopifyChat?.hasAttribute('open') && shopifyChat?.getAttribute('mode') === 'standalone'; 2392 2393 // The activator-click path (FAB click on desktop with stored 2394 // preferredMode=managed) dispatches enter-managed *before* calling show(), 2395 // so the chat's `open` attribute at event time understates the imminent 2396 // outcome. Defer to a microtask: by then show() (if any) has run, and we 2397 // can distinguish the viewport-driven mobileâdesktop transition that left 2398 // a minimized FAB (chat stays closed â don't open an empty drawer) from 2399 // an activator click (chat just opened â open the drawer). 2400 queueMicrotask(() => { 2401 if (!shopifyChat?.hasAttribute('open') && !chatDrawer?.hasAttribute('open')) { 2402 return; 2403 } 2404 chatDrawer?.open?.(isStandaloneAndOpen ? { enter: 'inline-start' } : undefined); 2405 }); 2406 }); 2407 2408 document.addEventListener('shopify-chat:enter-standalone', () => { 2409 shopifyChat?.setAttribute('mode', 'standalone'); 2410 chatDrawer?.close?.(); 2411 }); 2412 2413 document.addEventListener('shopify-chat:close', () => { 2414 if (shopifyChat?.getAttribute('mode') === 'managed') { 2415 chatDrawer?.close?.(); 2416 } 2417 }); 2418 2419 document.addEventListener('megaMenu:hover', () => { 2420 if (shopifyChat?.hasAttribute('open') && shopifyChat?.getAttribute('mode') === 'standalone') { 2421 shopifyChat?.removeAttribute('open'); 2422 } 2423 }); 2424 2425 // After the chat upgrades it self-restores its preferred mode from 2426 // sessionStorage. Reconcile any mismatch with the theme-drawer's state 2427 // â the drawer is the source of truth for which mode the chat should 2428 // be in (open â managed, closed â standalone). 2429 customElements.whenDefined('shopify-chat').then(() => { 2430 const mode = chatDrawer?.hasAttribute('open') ? 'managed' : 'standalone'; 2431 if (shopifyChat?.getAttribute('mode') !== mode) { 2432 // When switching managed â standalone (e.g. narrow viewport skipped 2433 // drawer restore), also close the chat so it renders as the FAB 2434 // rather than an open standalone panel. 2435 if (mode === 'standalone' && shopifyChat?.hasAttribute('open')) { 2436 shopifyChat?.removeAttribute('open'); 2437 } 2438 shopifyChat?.setAttribute('mode', mode); 2439 } 2440 }); 2441</script>
2441 2442 2443 2444 2445 2446 <div class="page-wrapper"> 2447 <div id="header-group"> 2448 <!-- BEGIN sections: header-group --> 2449<div id="shopify-section-sections--21036523061409__header_announcements_4C9xPQ" class="shopify-section shopify-section-group-header-group"> 2450 2451 2452
2452<script 2453 src="//cozmetica.pk/cdn/shop/t/140/assets/announcement-bar.js?v=34024675399582161451785524563" 2454 type="module" 2455 fetchpriority="low" 2456 ></script>
2456 2457 2458 2459 2460 2461 2462 2463 2464 <style data-shopify> 2465 .color-custom-sections--21036523061409__header_announcements_4C9xPQ, 2466 .color-custom-sections--21036523061409__header_announcements_4C9xPQ .text-block { 2467 /* Background */ 2468 --color-background: #D80000; 2469 --color-background-rgb: 216 0 0; 2470 2471 /* Opacity values adjusted for background brightness */ 2472 2473--opacity-5-15: 0.05; --opacity-10-25: 0.1; --opacity-35-55: 0.35; --opacity-40-60: 24740.4; --opacity-30-60: 0.3; --opacity-60: 0.6; 2475 2476 2477 2478 /* Foreground / text â explicit or smart-contrasted */ 2479 --color: var(--palette-lightest); 2480 --color-rgb: var(--palette-lightest-rgb); 2481 --color-foreground: var(--palette-lightest); 2482 --color-foreground-rgb: var(--palette-lightest-rgb); 2483 --color-foreground-muted: rgb(var(--palette-lightest-rgb) / var(--opacity-muted-text)); 2484 --color-foreground-subdued: rgb(var(--palette-lightest-rgb) / var(--opacity-subdued-text)); 2485 --color-border: var(--palette-lightest); 2486 --color-border-rgb: var(--palette-lightest-rgb); 2487 2488 } 2489 2490 2491 .color-custom-sections--21036523061409__header_announcements_4C9xPQ { 2492 /* Form-related tokens stay on .color-custom only â .text-block is a prose 2493 container (text/announcement/inline-text/blog-post-description/ 2494 collection-link/price/sku) and never holds form inputs. */ 2495 --input-disabled-background-color: rgb(var(--palette-lightest-rgb) / var(--opacity-10)); 2496 --input-disabled-border-color: rgb(var(--palette-lightest-rgb) / var(--opacity-5)); 2497 --input-disabled-text-color: rgb(var(--palette-lightest-rgb) / var(--opacity-50)); 2498 --checkbox-border: 1px solid rgb(var(--palette-lightest-rgb) / var(--opacity-35-55)); 2499 } 2500 2501 2502 .color-custom-sections--21036523061409__header_announcements_4C9xPQ { 2503 color: var(--color, var(--color-foreground)); 2504 background-color: var(--color-background); 2505 } 2506 </style> 2507 2508 2509 2510<div class="section-background color-custom-sections--21036523061409__header_announcements_4C9xPQ"></div> 2511<aside 2512 class="announcement-bar spacing-style section section--page-width color-custom-sections--21036523061409__header_announcements_4C9xPQ" 2513 style="--padding-block-start: 8px; --padding-block-end:8px; --padding-inline-start:0px; --padding-inline-end:0px; 2514; --border-bottom-width: 0px;" 2515> 2516 2517 2518 <announcement-bar-component 2519 class="announcement-bar__slider" 2520 2521 autoplay="5" aria-live="polite" 2522 2523 > 2524 2525 <slideshow-arrows 2526 position="center" 2527 2528><button 2529 class=" 2530 slideshow-control slideshow-control--previous 2531 2532 2533 slideshow-control--style-chevron 2534 button button-unstyled button-unstyled--transparent 2535 flip-x 2536 " 2537 2538 aria-label="Previous slide" 2539 2540 on:click="/previous" 2541 ref="previous" 2542> 2543 <span class="svg-wrapper icon-caret"><svg aria-hidden="true" width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg"> 2544 <path d="M11 5.5L7 9.5L3 5.5" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 2545</svg> 2546</span> 2547</button> 2548 2549 2550<button 2551 class=" 2552 slideshow-control slideshow-control--next 2553 2554 2555 slideshow-control--style-chevron 2556 button button-unstyled button-unstyled--transparent 2557 2558 " 2559 2560 aria-label="Next slide" 2561 2562 on:click="/next" 2563 ref="next" 2564> 2565 <span class="svg-wrapper icon-caret"><svg aria-hidden="true" width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg"> 2566 <path d="M11 5.5L7 9.5L3 5.5" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 2567</svg> 2568</span> 2569</button> 2570 2571 2572</slideshow-arrows> 2573 2574 2575 2576 2577 2578 <div class="announcement-bar__slides"> 2579 2580<slideshow-slide 2581 ref="slides[]" 2582 class=" 2583 announcement-bar__slide 2584 text-block 2585 text-block--AdzlPMHFkeHgxUU9Ya__announcement_KtfkQC 2586 text-block--align-center 2587 text-block--full-width 2588 custom-typography 2589 custom-font-size 2590 2591 " 2592 style=" 2593 2594--font-size: 0.875rem; --font-weight: var(--font-body--weight);--font-family: var(--font-body--family); --text-transform: none; --text-wrap: pretty; --line-height: var(--line-height--body-); --letter-spacing: var(--letter-spacing--body-normal); 2595 2596 --width: 100%; 2597 --text-align: center; 2598 --line-height: 1; 2599 " 2600 2601 aria-hidden="false" 2602 > 2603 <p class="announcement-bar__text"> 2604 Extra Rs. 200 Off on Your First Purchase of 3000 or more: <strong>Use Code: FirstBuy200</strong> 2605 </p> 2606 2607 2608 </slideshow-slide> 2609 2610 2611 2612<slideshow-slide 2613 ref="slides[]" 2614 class=" 2615 announcement-bar__slide 2616 text-block 2617 text-block--AYnNSU1hjSVNDakNOM__announcement_RbaqJe 2618 text-block--align-center 2619 text-block--full-width 2620 custom-typography 2621 custom-font-size 2622 2623 " 2624 style=" 2625 2626--font-size: 0.875rem; --font-weight: var(--font-body--weight);--font-family: var(--font-body--family); --text-transform: none; --text-wrap: pretty; --line-height: var(--line-height--body-); --letter-spacing: var(--letter-spacing--body-normal); 2627 2628 --width: 100%; 2629 --text-align: center; 2630 --line-height: 1; 2631 " 2632 2633 aria-hidden="true" 2634 > 2635 <p class="announcement-bar__text"> 2636 Get Free Shipping on orders above Rs. 3,500/- <strong>Use Code: ShipFREE</strong> 2637 </p> 2638 2639 2640 </slideshow-slide> 2641 2642 2643 2644 </div> 2645 </announcement-bar-component> 2646</aside> 2647 2648 2649 2650 2651</div><header id="shopify-section-sections--21036523061409__header_section" class="shopify-section shopify-section-group-header-group header-section"> 2652 2653 2654 2655 2656 2657
2658<script type="application/ld+json"> 2659 { 2660 "@context": "http://schema.org", 2661 "@type": "Organization", 2662 "name": "Cozmetica", 2663 2664 "logo": "https:\/\/cozmetica.pk\/cdn\/shop\/files\/Cozmetica_Logo_3.webp?v=1781008992\u0026width=500", 2665 2666 "url": "https:\/\/cozmetica.pk\/pages\/about-cozmetica" 2667 } 2668</script>
2668 2669 2670<header-component 2671 id="header-component" 2672 class="header" 2673 data-theme-color="rgb(255 255 255)" 2674 data-bubble-style="default" 2675 2676 2677 sticky="always" 2678 2679 data-skip-node-update 2680 data-scroll-direction="none" 2681 2682 2683 data-transparent-background="bottom" 2684 2685 style=" 2686 --color-background-top-row: rgba(255 255 255 / 1.0); 2687 --color-background-bottom-row: rgba(255 255 255 / 1.0); 2688 2689 2690 --cart-bubble-background: var(--palette-darkest); 2691 --cart-bubble-text: #ffffff; 2692 2693 2694 " 2695> 2696 <div class="header__underlay header__underlay-closed"></div> 2697 <div 2698 class="header__underlay header__underlay-open" 2699 ></div> 2700 2701 2702 2703 2704 2705 2706 <div 2707 class="header__row header__row--top color-#ffffff section section--full-width-margin section--full-width color-custom-top-sections--21036523061409__header_section" 2708 ref="headerRowTop"style="--border-bottom-width: 0px; --border-bottom-width-mobile: 0px; --border-bottom-color-mobile: var(--color-border);"> 2709 <div class="header__columns spacing-style"> 2710 <style data-shopify> 2711 .color-custom-top-sections--21036523061409__header_section, 2712 .color-custom-top-sections--21036523061409__header_section .text-block { 2713 /* Background */ 2714 --color-background: #ffffff; 2715 --color-background-rgb: 255 255 255; 2716 2717 /* Opacity values adjusted for background brightness */ 2718 2719--opacity-5-15: 0.05; --opacity-10-25: 0.1; --opacity-35-55: 0.35; --opacity-40-60: 27200.4; --opacity-30-60: 0.3; --opacity-60: 0.6; 2721 2722 2723 2724 /* Foreground / text â explicit or smart-contrasted */ 2725 --color: #000000; 2726 --color-rgb: 0 0 0; 2727 --color-foreground: #000000; 2728 --color-foreground-rgb: 0 0 0; 2729 --color-foreground-muted: rgb(0 0 0 / var(--opacity-muted-text)); 2730 --color-foreground-subdued: rgb(0 0 0 / var(--opacity-subdued-text)); 2731 --color-border: var(--palette-darkest); 2732 --color-border-rgb: var(--palette-darkest-rgb); 2733 2734 } 2735 2736 2737 .color-custom-top-sections--21036523061409__header_section { 2738 /* Form-related tokens stay on .color-custom only â .text-block is a prose 2739 container (text/announcement/inline-text/blog-post-description/ 2740 collection-link/price/sku) and never holds form inputs. */ 2741 --input-disabled-background-color: rgb(0 0 0 / var(--opacity-10)); 2742 --input-disabled-border-color: rgb(0 0 0 / var(--opacity-5)); 2743 --input-disabled-text-color: rgb(0 0 0 / var(--opacity-50)); 2744 --checkbox-border: 1px solid rgb(0 0 0 / var(--opacity-35-55)); 2745 } 2746 2747 2748 .color-custom-top-sections--21036523061409__header_section { 2749 color: var(--color, var(--color-foreground)); 2750 background-color: var(--color-background); 2751 } 2752 </style> 2753 2754 2755 2756 2757<div 2758 class="header__column header__column--left" 2759 data-testid="header-top-left" 2760 > 2761 2762 2763 2764 2765 2766 2767 2768 <div 2769 class="header__drawer" 2770 ref="headerDrawerContainer" 2771 data-hydration-key="header-drawer-mobile" 2772 2773 > 2774 2775 2776 2777 2778 2779 <style data-shopify> 2780 .color-custom-AdXpiTWJBM2htbjBtS__header-menu-1, 2781 .color-custom-AdXpiTWJBM2htbjBtS__header-menu-1 .text-block { 2782 /* Background */ 2783 --color-background: #ffffff; 2784 --color-background-rgb: 255 255 255; 2785 2786 /* Opacity values adjusted for background brightness */ 2787 2788--opacity-5-15: 0.05; --opacity-10-25: 0.1; --opacity-35-55: 0.35; --opacity-40-60: 27890.4; --opacity-30-60: 0.3; --opacity-60: 0.6; 2790 2791 2792 2793 /* Foreground / text â explicit or smart-contrasted */ 2794 --color: #000000; 2795 --color-rgb: 0 0 0; 2796 --color-foreground: #000000; 2797 --color-foreground-rgb: 0 0 0; 2798 --color-foreground-muted: rgb(0 0 0 / var(--opacity-muted-text)); 2799 --color-foreground-subdued: rgb(0 0 0 / var(--opacity-subdued-text)); 2800 --color-border: var(--palette-darkest); 2801 --color-border-rgb: var(--palette-darkest-rgb); 2802 2803 } 2804 2805 2806 .color-custom-AdXpiTWJBM2htbjBtS__header-menu-1 { 2807 /* Form-related tokens stay on .color-custom only â .text-block is a prose 2808 container (text/announcement/inline-text/blog-post-description/ 2809 collection-link/price/sku) and never holds form inputs. */ 2810 --input-disabled-background-color: rgb(0 0 0 / var(--opacity-10)); 2811 --input-disabled-border-color: rgb(0 0 0 / var(--opacity-5)); 2812 --input-disabled-text-color: rgb(0 0 0 / var(--opacity-50)); 2813 --checkbox-border: 1px solid rgb(0 0 0 / var(--opacity-35-55)); 2814 } 2815 2816 2817 .color-custom-AdXpiTWJBM2htbjBtS__header-menu-1 { 2818 color: var(--color, var(--color-foreground)); 2819 background-color: var(--color-background); 2820 } 2821 </style> 2822 2823 2824
2825<script 2826 src="//cozmetica.pk/cdn/shop/t/140/assets/header-drawer.js?v=121243031541024704371785524563" 2827 type="module" 2828 fetchpriority="low" 2829></script>
2829 2830 2831<header-drawer 2832 class="header-drawer " 2833 style="--menu-image-border-radius: 0px; --resource-card-corner-radius: 0px;" 2834> 2835 <details 2836 id="Details-menu-drawer-container" 2837 data-skip-node-update="true" 2838 class="menu-drawer-container" 2839 ref="details" 2840 scroll-lock 2841 > 2842 <summary 2843 class="header__icon header__icon--menu header__icon--summary" 2844 aria-label="Menu" 2845 on:click="/toggle" 2846 > 2847 <span class="svg-wrapper header-drawer-icon header-drawer-icon--open"><svg aria-hidden="true" width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg"> 2848 <path d="M1 3.5H13" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/> 2849 <path d="M1 10.5H13" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/> 2850</svg> 2851</span> 2852 <span class="svg-wrapper header-drawer-icon header-drawer-icon--close"><svg aria-hidden="true" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"> 2853<path d="M11.1765 12.025C11.4108 12.2594 11.7907 12.2594 12.025 12.025C12.2594 11.7907 12.2594 11.4108 12.025 11.1765L8.84931 8.00078L12.025 4.82505C12.2594 4.59073 12.2594 4.21083 12.025 3.97652C11.7907 3.7422 11.4108 3.7422 11.1765 3.97652L8.00078 7.15225L4.82505 3.97652C4.59073 3.7422 4.21083 3.7422 3.97652 3.97652C3.7422 4.21083 3.7422 4.59073 3.97652 4.82505L7.15225 8.00078L3.97652 11.1765C3.7422 11.4108 3.7422 11.7907 3.97652 12.025C4.21083 12.2594 4.59073 12.2594 4.82505 12.025L8.00078 8.84931L11.1765 12.025Z" fill="currentColor"/> 2854</svg> 2855</span> 2856 </summary> 2857 <div 2858 ref="menuDrawer" 2859 class=" 2860 menu-drawer 2861 2862 color-custom-AdXpiTWJBM2htbjBtS__header-menu-1 2863 2864 " 2865 > 2866 <button 2867 class="button close-button menu-drawer__close-button focus-inset" 2868 type="button" 2869 aria-label="Close" 2870 on:click="/close" 2871 > 2872 <span class="svg-wrapper header-drawer-icon header-drawer-icon--close"><svg aria-hidden="true" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"> 2873<path d="M11.1765 12.025C11.4108 12.2594 11.7907 12.2594 12.025 12.025C12.2594 11.7907 12.2594 11.4108 12.025 11.1765L8.84931 8.00078L12.025 4.82505C12.2594 4.59073 12.2594 4.21083 12.025 3.97652C11.7907 3.7422 11.4108 3.7422 11.1765 3.97652L8.00078 7.15225L4.82505 3.97652C4.59073 3.7422 4.21083 3.7422 3.97652 3.97652C3.7422 4.21083 3.7422 4.59073 3.97652 4.82505L7.15225 8.00078L3.97652 11.1765C3.7422 11.4108 3.7422 11.7907 3.97652 12.025C4.21083 12.2594 4.59073 12.2594 4.82505 12.025L8.00078 8.84931L11.1765 12.025Z" fill="currentColor"/> 2874</svg> 2875</span> 2876 </button> 2877 <nav 2878 class="menu-drawer__navigation" 2879 style="--menu-top-level-font-family: var(--font-body--family); 2880--menu-top-level-font-size-desktop: 0.875rem; --menu-top-level-font-style: var(--font-body--style); --menu-top-level-font-weight: var(--font-body--weight); --menu-top-level-font-case:none; 2881 2882 --menu-top-level-font-size: var(--menu-font-2xl--size); --menu-top-level-font-line-height: 2883 var(--menu-font-2xl--line-height); 2884 2885--menu-top-level-font-color: var(--color-foreground); --menu-top-level-font-color-rgb: var(--color-foreground-rgb); 2886 2887--menu-parent-font-family: var(--font-body--family); --menu-parent-font-style: 2888var(--font-body--style); --menu-parent-font-weight: var(--font-body--weight); --menu-parent-font-case: 2889none; 2890 2891 --menu-parent-font-size: var(--menu-font-sm--size); --menu-parent-font-line-height: 2892 var(--menu-font-sm--line-height); --menu-parent-font-color: var(--color-foreground-subdued); 2893 --menu-parent-active-font-color: var(--color-foreground); 2894 2895--menu-child-font-family: var(--font-body--family); --menu-child-font-style:var(--font-body--style); --menu-child-font-weight: var(--font-body--weight); --menu-child-font-case: 2896none; 2897 2898 --menu-child-font-size: var(--menu-font-md--size); --menu-child-font-line-height: var(--menu-font-md--line-height); 2899 --menu-child-font-color: var(--color-foreground); --menu-child-active-font-color: var(--color-foreground-subdued); 2900 2901 2902 " 2903 aria-label="Primary" 2904 > 2905 <ul 2906 class="menu-drawer__menu has-submenu" 2907 role="list" 2908 > 2909 2910 2911 <li 2912 class="menu-drawer__list-item" 2913 style="--menu-drawer-animation-index: 1;" 2914 ><details 2915 id="Details-menu-drawer-menu-item-1" 2916 class="menu-drawer__menu-container" 2917 > 2918 <summary 2919 id="HeaderDrawer-makeup" 2920 class="menu-drawer__menu-item menu-drawer__menu-item--mainlist menu-drawer__animated-element focus-inset" 2921 on:click="header-drawer/open/submenu" 2922 >
2923 <span class="menu-drawer__menu-item-text wrap-text">MakeUp</span> 2924 <span class="svg-wrapper icon-caret icon-caret--forward"><svg aria-hidden="true" width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg"> 2925 <path d="M11 5.5L7 9.5L3 5.5" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 2926</svg> 2927</span> 2928 </summary> 2929 <div 2930 id="link-makeup" 2931 class="menu-drawer__submenu has-submenu" 2932 tabindex="-1" 2933 style="--menu-drawer-animation-index: 1;" 2934 > 2935 <div class="menu-drawer__inner-submenu"> 2936 <div class="menu-drawer__nav-buttons"> 2937 <button 2938 class="button menu-drawer__back-button focus-inset" 2939 on:click="header-drawer/back" 2940 aria-label="Back to MakeUp" 2941 > 2942 <span class="svg-wrapper icon-caret icon-caret--backward"><svg aria-hidden="true" width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg"> 2943 <path d="M11 5.5L7 9.5L3 5.5" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 2944</svg> 2945</span> 2946 <span class="menu-drawer__menu-item-text wrap-text">MakeUp</span> 2947 </button> 2948 <button 2949 class="button button-unstyled close-button menu-drawer__close-button focus-inset" 2950 type="button" 2951 aria-label="Close" 2952 on:click="header-drawer/close" 2953 > 2954 <span class="svg-wrapper header-drawer-icon header-drawer-icon--close"><svg aria-hidden="true" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"> 2955<path d="M11.1765 12.025C11.4108 12.2594 11.7907 12.2594 12.025 12.025C12.2594 11.7907 12.2594 11.4108 12.025 11.1765L8.84931 8.00078L12.025 4.82505C12.2594 4.59073 12.2594 4.21083 12.025 3.97652C11.7907 3.7422 11.4108 3.7422 11.1765 3.97652L8.00078 7.15225L4.82505 3.97652C4.59073 3.7422 4.21083 3.7422 3.97652 3.97652C3.7422 4.21083 3.7422 4.59073 3.97652 4.82505L7.15225 8.00078L3.97652 11.1765C3.7422 11.4108 3.7422 11.7907 3.97652 12.025C4.21083 12.2594 4.59073 12.2594 4.82505 12.025L8.00078 8.84931L11.1765 12.025Z" fill="currentColor"/> 2956</svg> 2957</span> 2958 </button> 2959 </div> 2960 2961 <ul 2962 class="menu-drawer__menu menu-drawer__menu--childlist" 2963 role="list" 2964 tabindex="-1" 2965 > 2966 <li 2967 class=" 2968 menu-drawer__list-item 2969 menu-drawer__list-item--deep 2970 " 2971 > 2972 2973 2974 <accordion-custom 2975 2976 2977 2978 2979 2980 2981 2982 2983 2984> 2985 2986 <details 2987 id="Details-menu-drawer-makeup-eyes" 2988 > 2989 <summary 2990 id="HeaderDrawer-makeup-eyes" 2991 class="menu-drawer__menu-item menu-drawer__menu-item--parent focus-inset" 2992 > 2993 <span class="menu-drawer__menu-item-text wrap-text">Eyes</span> 2994 <span class="svg-wrapper icon-plus"><svg aria-hidden="true" width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg"> 2995 <path class="vertical" d="M2.75 7H11.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/> 2996 <path class="horizontal" d="M7 2.75L7 11.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/> 2997</svg> 2998</span> 2999 </summary> 3000 3001 <ul 3002 class="menu-drawer__menu menu-drawer__menu--grandchildlist details-content" 3003 role="list" 3004 tabindex="-1" 3005 ><li 3006 class="menu-drawer__list-item" 3007 style="--menu-drawer-animation-index: 1;" 3008 > 3009 <a 3010 id="HeaderDrawer-makeup-eyes-mascara" 3011 href="/collections/mascara" 3012 class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset" 3013 3014 > 3015
3016 <span class="menu-drawer__menu-item-text wrap-text">Mascara</span> 3017 </a> 3018 </li><li 3019 class="menu-drawer__list-item" 3020 style="--menu-drawer-animation-index: 2;" 3021 > 3022 <a 3023 id="HeaderDrawer-makeup-eyes-eyeliner" 3024 href="/collections/eyeliner" 3025 class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset" 3026 3027 > 3028 3029 <span class="menu-drawer__menu-item-text wrap-text">Eyeliner</span> 3030 </a> 3031 </li><li 3032 class="menu-drawer__list-item" 3033 style="--menu-drawer-animation-index: 3;" 3034 > 3035 <a 3036 id="HeaderDrawer-makeup-eyes-eye-pencil" 3037 href="/collections/eye-pencil" 3038 class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset" 3039 3040 > 3041 3042 <span class="menu-drawer__menu-item-text wrap-text">Eye Pencil</span> 3043 </a> 3044 </li><li 3045 class="menu-drawer__list-item" 3046 style="--menu-drawer-animation-index: 4;" 3047 > 3048 <a 3049 id="HeaderDrawer-makeup-eyes-eye-palettes" 3050 href="/collections/eye-palettes" 3051 class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset" 3052 3053 > 3054 3055 <span class="menu-drawer__menu-item-text wrap-text">Eye Palettes</span> 3056 </a> 3057 </li><li 3058 class="menu-drawer__list-item" 3059 style="--menu-drawer-animation-index: 5;" 3060 > 3061 <a 3062 id="HeaderDrawer-makeup-eyes-eyebrow-fixer" 3063 href="/collections/eyebrow" 3064 class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset" 3065 3066 > 3067 3068 <span class="menu-drawer__menu-item-text wrap-text">Eyebrow Fixer</span> 3069 </a> 3070 </li><li 3071 class="menu-drawer__list-item" 3072 style="--menu-drawer-animation-index: 6;" 3073 > 3074 <a 3075 id="HeaderDrawer-makeup-eyes-eye-primer" 3076 href="/collections/eye-primer" 3077 class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset" 3078 3079 > 3080
3081 <span class="menu-drawer__menu-item-text wrap-text">Eye Primer</span> 3082 </a> 3083 </li><li 3084 class="menu-drawer__list-item" 3085 style="--menu-drawer-animation-index: 7;" 3086 > 3087 <a 3088 id="HeaderDrawer-makeup-eyes-lashes-glues" 3089 href="/collections/eye-lashes" 3090 class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset" 3091 3092 > 3093 3094 <span class="menu-drawer__menu-item-text wrap-text">Lashes & Glues</span> 3095 </a> 3096 </li></ul> 3097 </details> 3098 3099</accordion-custom> 3100 3101 3102 3103 </li><li 3104 class=" 3105 menu-drawer__list-item 3106 menu-drawer__list-item--deep 3107 " 3108 > 3109 3110 3111 <accordion-custom 3112 3113 3114 3115 3116 3117 3118 3119 3120 3121> 3122 3123 <details 3124 id="Details-menu-drawer-makeup-face" 3125 > 3126 <summary 3127 id="HeaderDrawer-makeup-face" 3128 class="menu-drawer__menu-item menu-drawer__menu-item--parent focus-inset" 3129 > 3130 <span class="menu-drawer__menu-item-text wrap-text">Face</span> 3131 <span class="svg-wrapper icon-plus"><svg aria-hidden="true" width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg"> 3132 <path class="vertical" d="M2.75 7H11.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/> 3133 <path class="horizontal" d="M7 2.75L7 11.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/> 3134</svg> 3135</span> 3136 </summary> 3137 3138 <ul 3139 class="menu-drawer__menu menu-drawer__menu--grandchildlist details-content" 3140 role="list" 3141 tabindex="-1" 3142 ><li 3143 class="menu-drawer__list-item" 3144 style="--menu-drawer-animation-index: 1;" 3145 > 3146 <a 3147 id="HeaderDrawer-makeup-face-foundation" 3148 href="/collections/foundation" 3149 class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset" 3150 3151 > 3152 3153 <span class="menu-drawer__menu-item-text wrap-text">Foundation</span> 3154 </a> 3155 </li><li 3156 class="menu-drawer__list-item" 3157 style="--menu-drawer-animation-index: 2;" 3158 > 3159 <a 3160 id="HeaderDrawer-makeup-face-primer" 3161 href="/collections/face-primer" 3162 class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset" 3163 3164 > 3165
3166 <span class="menu-drawer__menu-item-text wrap-text">Primer</span> 3167 </a> 3168 </li><li 3169 class="menu-drawer__list-item" 3170 style="--menu-drawer-animation-index: 3;" 3171 > 3172 <a 3173 id="HeaderDrawer-makeup-face-powder" 3174 href="/collections/powder" 3175 class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset" 3176 3177 > 3178 3179 <span class="menu-drawer__menu-item-text wrap-text">Powder</span> 3180 </a> 3181 </li><li 3182 class="menu-drawer__list-item" 3183 style="--menu-drawer-animation-index: 4;" 3184 > 3185 <a 3186 id="HeaderDrawer-makeup-face-bb-cc-creams" 3187 href="/collections/bb-cc-creams" 3188 class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset" 3189 3190 > 3191 3192 <span class="menu-drawer__menu-item-text wrap-text">BB & CC Creams</span> 3193 </a> 3194 </li><li 3195 class="menu-drawer__list-item" 3196 style="--menu-drawer-animation-index: 5;" 3197 > 3198 <a 3199 id="HeaderDrawer-makeup-face-concealer-correctors" 3200 href="/collections/concealer" 3201 class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset" 3202 3203 > 3204 3205 <span class="menu-drawer__menu-item-text wrap-text">Concealer & Correctors</span> 3206 </a> 3207 </li><li 3208 class="menu-drawer__list-item" 3209 style="--menu-drawer-animation-index: 6;" 3210 > 3211 <a 3212 id="HeaderDrawer-makeup-face-blush-on" 3213 href="/collections/blush" 3214 class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset" 3215 3216 > 3217 3218 <span class="menu-drawer__menu-item-text wrap-text">Blush On</span> 3219 </a> 3220 </li><li 3221 class="menu-drawer__list-item" 3222 style="--menu-drawer-animation-index: 7;" 3223 > 3224 <a 3225 id="HeaderDrawer-makeup-face-makeup-fixer" 3226 href="/collections/makeup-fixer" 3227 class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset" 3228 3229 > 3230
3231 <span class="menu-drawer__menu-item-text wrap-text">Makeup Fixer</span> 3232 </a> 3233 </li><li 3234 class="menu-drawer__list-item" 3235 style="--menu-drawer-animation-index: 8;" 3236 > 3237 <a 3238 id="HeaderDrawer-makeup-face-highlighter" 3239 href="/collections/highlighter" 3240 class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset" 3241 3242 > 3243 3244 <span class="menu-drawer__menu-item-text wrap-text">Highlighter</span> 3245 </a> 3246 </li><li 3247 class="menu-drawer__list-item" 3248 style="--menu-drawer-animation-index: 9;" 3249 > 3250 <a 3251 id="HeaderDrawer-makeup-face-fixing-sprays" 3252 href="/collections/face-sprays" 3253 class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset" 3254 3255 > 3256 3257 <span class="menu-drawer__menu-item-text wrap-text">Fixing Sprays</span> 3258 </a> 3259 </li><li 3260 class="menu-drawer__list-item" 3261 style="--menu-drawer-animation-index: 10;" 3262 > 3263 <a 3264 id="HeaderDrawer-makeup-face-colour-corrector" 3265 href="/collections/colour-corrector" 3266 class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset" 3267 3268 > 3269 3270 <span class="menu-drawer__menu-item-text wrap-text">Colour Corrector</span> 3271 </a> 3272 </li><li 3273 class="menu-drawer__list-item" 3274 style="--menu-drawer-animation-index: 11;" 3275 > 3276 <a 3277 id="HeaderDrawer-makeup-face-makeup-remover" 3278 href="/collections/makeup-remover" 3279 class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset" 3280 3281 > 3282 3283 <span class="menu-drawer__menu-item-text wrap-text">Makeup Remover</span> 3284 </a> 3285 </li><li 3286 class="menu-drawer__list-item" 3287 style="--menu-drawer-animation-index: 12;" 3288 > 3289 <a 3290 id="HeaderDrawer-makeup-face-contour" 3291 href="/collections/contour" 3292 class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset" 3293 3294 > 3295
3296 <span class="menu-drawer__menu-item-text wrap-text">Contour</span> 3297 </a> 3298 </li><li 3299 class="menu-drawer__list-item" 3300 style="--menu-drawer-animation-index: 13;" 3301 > 3302 <a 3303 id="HeaderDrawer-makeup-face-bronzer" 3304 href="/collections/bronzer" 3305 class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset" 3306 3307 > 3308 3309 <span class="menu-drawer__menu-item-text wrap-text">Bronzer</span> 3310 </a> 3311 </li></ul> 3312 </details> 3313 3314</accordion-custom> 3315 3316 3317 3318 </li><li 3319 class=" 3320 menu-drawer__list-item 3321 menu-drawer__list-item--deep 3322 " 3323 > 3324 3325 3326 <accordion-custom 3327 3328 3329 3330 3331 3332 3333 3334 3335 3336> 3337 3338 <details 3339 id="Details-menu-drawer-makeup-lips" 3340 > 3341 <summary 3342 id="HeaderDrawer-makeup-lips" 3343 class="menu-drawer__menu-item menu-drawer__menu-item--parent focus-inset" 3344 > 3345 <span class="menu-drawer__menu-item-text wrap-text">Lips</span> 3346 <span class="svg-wrapper icon-plus"><svg aria-hidden="true" width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg"> 3347 <path class="vertical" d="M2.75 7H11.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/> 3348 <path class="horizontal" d="M7 2.75L7 11.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/> 3349</svg> 3350</span> 3351 </summary> 3352 3353 <ul 3354 class="menu-drawer__menu menu-drawer__menu--grandchildlist details-content" 3355 role="list" 3356 tabindex="-1" 3357 ><li 3358 class="menu-drawer__list-item" 3359 style="--menu-drawer-animation-index: 1;" 3360 > 3361 <a 3362 id="HeaderDrawer-makeup-lips-lipstick" 3363 href="/collections/lipstick" 3364 class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset" 3365 3366 > 3367 3368 <span class="menu-drawer__menu-item-text wrap-text">Lipstick</span> 3369 </a> 3370 </li><li 3371 class="menu-drawer__list-item" 3372 style="--menu-drawer-animation-index: 2;" 3373 > 3374 <a 3375 id="HeaderDrawer-makeup-lips-lip-gloss" 3376 href="/collections/lip-gloss" 3377 class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset" 3378 3379 > 3380
3381 <span class="menu-drawer__menu-item-text wrap-text">Lip Gloss</span> 3382 </a> 3383 </li><li 3384 class="menu-drawer__list-item" 3385 style="--menu-drawer-animation-index: 3;" 3386 > 3387 <a 3388 id="HeaderDrawer-makeup-lips-lip-oils" 3389 href="/collections/lip-oil" 3390 class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset" 3391 3392 > 3393 3394 <span class="menu-drawer__menu-item-text wrap-text">Lip Oils</span> 3395 </a> 3396 </li><li 3397 class="menu-drawer__list-item" 3398 style="--menu-drawer-animation-index: 4;" 3399 > 3400 <a 3401 id="HeaderDrawer-makeup-lips-lip-cheek-tints" 3402 href="/collections/lip-and-cheek-tints" 3403 class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset" 3404 3405 > 3406 3407 <span class="menu-drawer__menu-item-text wrap-text">Lip & Cheek Tints</span> 3408 </a> 3409 </li><li 3410 class="menu-drawer__list-item" 3411 style="--menu-drawer-animation-index: 5;" 3412 > 3413 <a 3414 id="HeaderDrawer-makeup-lips-lip-balm-treatment" 3415 href="/collections/lip-balm-treatment" 3416 class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset" 3417 3418 > 3419 3420 <span class="menu-drawer__menu-item-text wrap-text">Lip Balm & Treatment</span> 3421 </a> 3422 </li><li 3423 class="menu-drawer__list-item" 3424 style="--menu-drawer-animation-index: 6;" 3425 > 3426 <a 3427 id="HeaderDrawer-makeup-lips-lipliner" 3428 href="/collections/lipliner" 3429 class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset" 3430 3431 > 3432 3433 <span class="menu-drawer__menu-item-text wrap-text">Lipliner</span> 3434 </a> 3435 </li></ul> 3436 </details> 3437 3438</accordion-custom> 3439 3440 3441 3442 </li><li 3443 class=" 3444 menu-drawer__list-item 3445 menu-drawer__list-item--deep 3446 " 3447 > 3448 3449 3450 <accordion-custom 3451 3452 3453 3454 3455 3456 3457 3458 3459 3460> 3461 3462 <details 3463 id="Details-menu-drawer-makeup-nails" 3464 > 3465 <summary 3466 id="HeaderDrawer-makeup-nails" 3467 class="menu-drawer__menu-item menu-drawer__menu-item--parent focus-inset" 3468 >
3469 <span class="menu-drawer__menu-item-text wrap-text">Nails</span> 3470 <span class="svg-wrapper icon-plus"><svg aria-hidden="true" width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg"> 3471 <path class="vertical" d="M2.75 7H11.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/> 3472 <path class="horizontal" d="M7 2.75L7 11.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/> 3473</svg> 3474</span> 3475 </summary> 3476 3477 <ul 3478 class="menu-drawer__menu menu-drawer__menu--grandchildlist details-content" 3479 role="list" 3480 tabindex="-1" 3481 ><li 3482 class="menu-drawer__list-item" 3483 style="--menu-drawer-animation-index: 1;" 3484 > 3485 <a 3486 id="HeaderDrawer-makeup-nails-nail-polish" 3487 href="/collections/nail-polish" 3488 class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset" 3489 3490 > 3491 3492 <span class="menu-drawer__menu-item-text wrap-text">Nail Polish</span> 3493 </a> 3494 </li><li 3495 class="menu-drawer__list-item" 3496 style="--menu-drawer-animation-index: 2;" 3497 > 3498 <a 3499 id="HeaderDrawer-makeup-nails-top-base-coats" 3500 href="/collections/top-base-coats" 3501 class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset" 3502 3503 > 3504 3505 <span class="menu-drawer__menu-item-text wrap-text">Top & Base Coats</span> 3506 </a> 3507 </li><li 3508 class="menu-drawer__list-item" 3509 style="--menu-drawer-animation-index: 3;" 3510 > 3511 <a 3512 id="HeaderDrawer-makeup-nails-nail-stickers" 3513 href="/collections/nail-sticker" 3514 class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset" 3515 3516 > 3517 3518 <span class="menu-drawer__menu-item-text wrap-text">Nail Stickers</span> 3519 </a> 3520 </li><li 3521 class="menu-drawer__list-item" 3522 style="--menu-drawer-animation-index: 4;" 3523 > 3524 <a 3525 id="HeaderDrawer-makeup-nails-nail-polish-remover" 3526 href="/collections/nail-polish-remover" 3527 class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset" 3528 3529 > 3530
3531 <span class="menu-drawer__menu-item-text wrap-text">Nail Polish Remover</span> 3532 </a> 3533 </li></ul> 3534 </details> 3535 3536</accordion-custom> 3537 3538 3539 3540 </li><li 3541 class=" 3542 menu-drawer__list-item 3543 menu-drawer__list-item--deep 3544 " 3545 > 3546 3547 3548 <accordion-custom 3549 3550 3551 3552 3553 3554 3555 3556 3557 3558> 3559 3560 <details 3561 id="Details-menu-drawer-makeup-tools-accessories" 3562 > 3563 <summary 3564 id="HeaderDrawer-makeup-tools-accessories" 3565 class="menu-drawer__menu-item menu-drawer__menu-item--parent focus-inset" 3566 > 3567 <span class="menu-drawer__menu-item-text wrap-text">Tools & Accessories</span> 3568 <span class="svg-wrapper icon-plus"><svg aria-hidden="true" width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg"> 3569 <path class="vertical" d="M2.75 7H11.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/> 3570 <path class="horizontal" d="M7 2.75L7 11.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/> 3571</svg> 3572</span> 3573 </summary> 3574 3575 <ul 3576 class="menu-drawer__menu menu-drawer__menu--grandchildlist details-content" 3577 role="list" 3578 tabindex="-1" 3579 ><li 3580 class="menu-drawer__list-item" 3581 style="--menu-drawer-animation-index: 1;" 3582 > 3583 <a 3584 id="HeaderDrawer-makeup-tools-accessories-lashes-glues" 3585 href="/collections/eye-lashes" 3586 class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset" 3587 3588 > 3589 3590 <span class="menu-drawer__menu-item-text wrap-text">Lashes & Glues</span> 3591 </a> 3592 </li><li 3593 class="menu-drawer__list-item" 3594 style="--menu-drawer-animation-index: 2;" 3595 > 3596 <a 3597 id="HeaderDrawer-makeup-tools-accessories-eye-brushes" 3598 href="/collections/eye-brushes" 3599 class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset" 3600 3601 > 3602 3603 <span class="menu-drawer__menu-item-text wrap-text">Eye Brushes</span> 3604 </a> 3605 </li><li 3606 class="menu-drawer__list-item" 3607 style="--menu-drawer-animation-index: 3;" 3608 > 3609 <a 3610 id="HeaderDrawer-makeup-tools-accessories-face-brushes" 3611 href="/collections/face-brushes" 3612 class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset" 3613 3614 > 3615
3616 <span class="menu-drawer__menu-item-text wrap-text">Face Brushes</span> 3617 </a> 3618 </li><li 3619 class="menu-drawer__list-item" 3620 style="--menu-drawer-animation-index: 4;" 3621 > 3622 <a 3623 id="HeaderDrawer-makeup-tools-accessories-makeup-sponges" 3624 href="/collections/makeup-sponge" 3625 class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset" 3626 3627 > 3628 3629 <span class="menu-drawer__menu-item-text wrap-text">Makeup Sponges</span> 3630 </a> 3631 </li><li 3632 class="menu-drawer__list-item" 3633 style="--menu-drawer-animation-index: 5;" 3634 > 3635 <a 3636 id="HeaderDrawer-makeup-tools-accessories-makeup-bags" 3637 href="/collections/makeup-bag" 3638 class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset" 3639 3640 > 3641 3642 <span class="menu-drawer__menu-item-text wrap-text">Makeup Bags</span> 3643 </a> 3644 </li><li 3645 class="menu-drawer__list-item" 3646 style="--menu-drawer-animation-index: 6;" 3647 > 3648 <a 3649 id="HeaderDrawer-makeup-tools-accessories-sharpeners" 3650 href="/collections/sharpeners" 3651 class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset" 3652 3653 > 3654 3655 <span class="menu-drawer__menu-item-text wrap-text">Sharpeners</span> 3656 </a> 3657 </li></ul> 3658 </details> 3659 3660</accordion-custom> 3661 3662 3663 3664 </li></ul> 3665 3666 </div> 3667 </div> 3668 </details></li> 3669 <li 3670 class="menu-drawer__list-item" 3671 style="--menu-drawer-animation-index: 2;" 3672 ><details 3673 id="Details-menu-drawer-menu-item-2" 3674 class="menu-drawer__menu-container" 3675 > 3676 <summary 3677 id="HeaderDrawer-korean-beauty" 3678 class="menu-drawer__menu-item menu-drawer__menu-item--mainlist menu-drawer__animated-element focus-inset" 3679 on:click="header-drawer/open/submenu" 3680 > 3681 <span class="menu-drawer__menu-item-text wrap-text">Korean Beauty</span> 3682 <span class="svg-wrapper icon-caret icon-caret--forward"><svg aria-hidden="true" width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg"> 3683 <path d="M11 5.5L7 9.5L3 5.5" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 3684</svg> 3685</span> 3686 </summary> 3687 <div 3688 id="link-korean-beauty" 3689 class="menu-drawer__submenu has-submenu" 3690 tabindex="-1" 3691 style="--menu-drawer-animation-index: 2;" 3692 > 3693 <div class="menu-drawer__inner-submenu"> 3694 <div class="menu-drawer__nav-buttons"> 3695 <button 3696 class="button menu-drawer__back-button focus-inset" 3697 on:click="header-drawer/back" 3698 aria-label="Back to Korean Beauty" 3699 >
3700 <span class="svg-wrapper icon-caret icon-caret--backward"><svg aria-hidden="true" width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg"> 3701 <path d="M11 5.5L7 9.5L3 5.5" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 3702</svg> 3703</span> 3704 <span class="menu-drawer__menu-item-text wrap-text">Korean Beauty</span> 3705 </button> 3706 <button 3707 class="button button-unstyled close-button menu-drawer__close-button focus-inset" 3708 type="button" 3709 aria-label="Close" 3710 on:click="header-drawer/close" 3711 > 3712 <span class="svg-wrapper header-drawer-icon header-drawer-icon--close"><svg aria-hidden="true" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"> 3713<path d="M11.1765 12.025C11.4108 12.2594 11.7907 12.2594 12.025 12.025C12.2594 11.7907 12.2594 11.4108 12.025 11.1765L8.84931 8.00078L12.025 4.82505C12.2594 4.59073 12.2594 4.21083 12.025 3.97652C11.7907 3.7422 11.4108 3.7422 11.1765 3.97652L8.00078 7.15225L4.82505 3.97652C4.59073 3.7422 4.21083 3.7422 3.97652 3.97652C3.7422 4.21083 3.7422 4.59073 3.97652 4.82505L7.15225 8.00078L3.97652 11.1765C3.7422 11.4108 3.7422 11.7907 3.97652 12.025C4.21083 12.2594 4.59073 12.2594 4.82505 12.025L8.00078 8.84931L11.1765 12.025Z" fill="currentColor"/> 3714</svg> 3715</span> 3716 </button> 3717 </div> 3718 3719 <ul 3720 class="menu-drawer__menu menu-drawer__menu--childlist" 3721 role="list" 3722 tabindex="-1" 3723 > 3724 <li 3725 class=" 3726 menu-drawer__list-item 3727 3728 " 3729 ><a 3730 id="HeaderDrawer-korean-beauty-ampoules" 3731 href="/collections/korean-ampoules" 3732 class="menu-drawer__menu-item menu-drawer__menu-item--parent focus-inset" 3733 3734 > 3735 3736 <span class="menu-drawer__menu-item-text wrap-text">Ampoules</span> 3737 </a></li><li 3738 class=" 3739 menu-drawer__list-item 3740 3741 " 3742 ><a 3743 id="HeaderDrawer-korean-beauty-sunscreen" 3744 href="/collections/korean-sunscreen" 3745 class="menu-drawer__menu-item menu-drawer__menu-item--parent focus-inset" 3746 3747 > 3748 3749 <span class="menu-drawer__menu-item-text wrap-text">Sunscreen</span> 3750 </a></li><li 3751 class=" 3752 menu-drawer__list-item 3753 3754 " 3755 ><a 3756 id="HeaderDrawer-korean-beauty-serums" 3757 href="/collections/korean-serums" 3758 class="menu-drawer__menu-item menu-drawer__menu-item--parent focus-inset" 3759 3760 > 3761 3762 <span class="menu-drawer__menu-item-text wrap-text">Serums</span> 3763 </a></li><li 3764 class=" 3765 menu-drawer__list-item 3766 3767 " 3768 ><a 3769 id="HeaderDrawer-korean-beauty-cleansers" 3770 href="/collections/korean-cleansers" 3771 class="menu-drawer__menu-item menu-drawer__menu-item--parent focus-inset" 3772 3773 > 3774
3775 <span class="menu-drawer__menu-item-text wrap-text">Cleansers</span> 3776 </a></li><li 3777 class=" 3778 menu-drawer__list-item 3779 3780 " 3781 ><a 3782 id="HeaderDrawer-korean-beauty-moisturizers" 3783 href="/collections/korean-skincare/moisturizer" 3784 class="menu-drawer__menu-item menu-drawer__menu-item--parent focus-inset" 3785 3786 > 3787 3788 <span class="menu-drawer__menu-item-text wrap-text">Moisturizers</span> 3789 </a></li><li 3790 class=" 3791 menu-drawer__list-item 3792 3793 " 3794 ><a 3795 id="HeaderDrawer-korean-beauty-face-mask" 3796 href="/collections/korean-skincare/face-masks" 3797 class="menu-drawer__menu-item menu-drawer__menu-item--parent focus-inset" 3798 3799 > 3800 3801 <span class="menu-drawer__menu-item-text wrap-text">Face Mask</span> 3802 </a></li><li 3803 class=" 3804 menu-drawer__list-item 3805 3806 " 3807 ><a 3808 id="HeaderDrawer-korean-beauty-view-all" 3809 href="/collections/korean-skincare" 3810 class="menu-drawer__menu-item menu-drawer__menu-item--parent focus-inset" 3811 3812 > 3813 3814 <span class="menu-drawer__menu-item-text wrap-text">View All</span> 3815 </a></li><li 3816 class=" 3817 menu-drawer__list-item 3818 menu-drawer__list-item--deep 3819 " 3820 > 3821 3822 3823 <accordion-custom 3824 3825 3826 3827 3828 3829 3830 3831 3832 3833> 3834 3835 <details 3836 id="Details-menu-drawer-korean-beauty-shop-by-brands" 3837 > 3838 <summary 3839 id="HeaderDrawer-korean-beauty-shop-by-brands" 3840 class="menu-drawer__menu-item menu-drawer__menu-item--parent focus-inset" 3841 > 3842 <span class="menu-drawer__menu-item-text wrap-text">Shop By Brands</span> 3843 <span class="svg-wrapper icon-plus"><svg aria-hidden="true" width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg"> 3844 <path class="vertical" d="M2.75 7H11.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/> 3845 <path class="horizontal" d="M7 2.75L7 11.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/> 3846</svg> 3847</span> 3848 </summary> 3849 3850 <ul 3851 class="menu-drawer__menu menu-drawer__menu--grandchildlist details-content" 3852 role="list" 3853 tabindex="-1" 3854 ><li 3855 class="menu-drawer__list-item" 3856 style="--menu-drawer-animation-index: 1;" 3857 > 3858 <a 3859 id="HeaderDrawer-korean-beauty-shop-by-brands-skin1004" 3860 href="/collections/skin1004" 3861 class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset" 3862 3863 > 3864
3865 <span class="menu-drawer__menu-item-text wrap-text">Skin1004</span> 3866 </a> 3867 </li><li 3868 class="menu-drawer__list-item" 3869 style="--menu-drawer-animation-index: 2;" 3870 > 3871 <a 3872 id="HeaderDrawer-korean-beauty-shop-by-brands-beauty-of-joseon" 3873 href="/collections/beauty-of-joseon" 3874 class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset" 3875 3876 > 3877 3878 <span class="menu-drawer__menu-item-text wrap-text">Beauty Of Joseon</span> 3879 </a> 3880 </li><li 3881 class="menu-drawer__list-item" 3882 style="--menu-drawer-animation-index: 3;" 3883 > 3884 <a 3885 id="HeaderDrawer-korean-beauty-shop-by-brands-anua" 3886 href="/collections/anua" 3887 class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset" 3888 3889 > 3890 3891 <span class="menu-drawer__menu-item-text wrap-text">Anua</span> 3892 </a> 3893 </li><li 3894 class="menu-drawer__list-item" 3895 style="--menu-drawer-animation-index: 4;" 3896 > 3897 <a 3898 id="HeaderDrawer-korean-beauty-shop-by-brands-medicube" 3899 href="/collections/medicube" 3900 class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset" 3901 3902 > 3903 3904 <span class="menu-drawer__menu-item-text wrap-text">Medicube</span> 3905 </a> 3906 </li><li 3907 class="menu-drawer__list-item" 3908 style="--menu-drawer-animation-index: 5;" 3909 > 3910 <a 3911 id="HeaderDrawer-korean-beauty-shop-by-brands-cosrx" 3912 href="/collections/COSRX" 3913 class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset" 3914 3915 > 3916 3917 <span class="menu-drawer__menu-item-text wrap-text">COSRX</span> 3918 </a> 3919 </li><li 3920 class="menu-drawer__list-item" 3921 style="--menu-drawer-animation-index: 6;" 3922 > 3923 <a 3924 id="HeaderDrawer-korean-beauty-shop-by-brands-celimax" 3925 href="/products/celimax-the-vita-a-retinal-shot-tightening-booster" 3926 class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset" 3927 3928 > 3929
3930 <span class="menu-drawer__menu-item-text wrap-text">Celimax</span> 3931 </a> 3932 </li><li 3933 class="menu-drawer__list-item" 3934 style="--menu-drawer-animation-index: 7;" 3935 > 3936 <a 3937 id="HeaderDrawer-korean-beauty-shop-by-brands-dr-althea" 3938 href="/collections/dr-althea" 3939 class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset" 3940 3941 > 3942 3943 <span class="menu-drawer__menu-item-text wrap-text">Dr Althea</span> 3944 </a> 3945 </li><li 3946 class="menu-drawer__list-item" 3947 style="--menu-drawer-animation-index: 8;" 3948 > 3949 <a 3950 id="HeaderDrawer-korean-beauty-shop-by-brands-axis-y" 3951 href="/collections/Axis-Y" 3952 class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset" 3953 3954 > 3955 3956 <span class="menu-drawer__menu-item-text wrap-text">Axis-Y</span> 3957 </a> 3958 </li><li 3959 class="menu-drawer__list-item" 3960 style="--menu-drawer-animation-index: 9;" 3961 > 3962 <a 3963 id="HeaderDrawer-korean-beauty-shop-by-brands-purito-seoul" 3964 href="/products/purito-seoul-mighty-bamboo-panthenol-moisturizing-cream-100ml" 3965 class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset" 3966 3967 > 3968 3969 <span class="menu-drawer__menu-item-text wrap-text">Purito Seoul</span> 3970 </a> 3971 </li><li 3972 class="menu-drawer__list-item" 3973 style="--menu-drawer-animation-index: 10;" 3974 > 3975 <a 3976 id="HeaderDrawer-korean-beauty-shop-by-brands-eqqual-berry" 3977 href="/collections/eqqualberry" 3978 class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset" 3979 3980 > 3981 3982 <span class="menu-drawer__menu-item-text wrap-text">Eqqual Berry</span> 3983 </a> 3984 </li><li 3985 class="menu-drawer__list-item" 3986 style="--menu-drawer-animation-index: 11;" 3987 > 3988 <a 3989 id="HeaderDrawer-korean-beauty-shop-by-brands-im-from" 3990 href="/products/im-from-mugwort-serum-30ml" 3991 class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset" 3992 3993 > 3994
3995 <span class="menu-drawer__menu-item-text wrap-text">I'm From</span> 3996 </a> 3997 </li><li 3998 class="menu-drawer__list-item" 3999 style="--menu-drawer-animation-index: 12;" 4000 > 4001 <a 4002 id="HeaderDrawer-korean-beauty-shop-by-brands-arencia" 4003 href="/collections/arencia" 4004 class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset" 4005 4006 > 4007 4008 <span class="menu-drawer__menu-item-text wrap-text">Arencia</span> 4009 </a> 4010 </li><li 4011 class="menu-drawer__list-item" 4012 style="--menu-drawer-animation-index: 13;" 4013 > 4014 <a 4015 id="HeaderDrawer-korean-beauty-shop-by-brands-vt-cosmetics" 4016 href="/collections/vt-cosmetics" 4017 class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset" 4018 4019 > 4020 4021 <span class="menu-drawer__menu-item-text wrap-text">VT Cosmetics</span> 4022 </a> 4023 </li><li 4024 class="menu-drawer__list-item" 4025 style="--menu-drawer-animation-index: 14;" 4026 > 4027 <a 4028 id="HeaderDrawer-korean-beauty-shop-by-brands-numbuzin" 4029 href="/collections/numbuzin" 4030 class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset" 4031 4032 > 4033 4034 <span class="menu-drawer__menu-item-text wrap-text">Numbuzin</span> 4035 </a> 4036 </li></ul> 4037 </details> 4038 4039</accordion-custom> 4040 4041 4042 4043 </li></ul> 4044 4045 </div> 4046 </div> 4047 </details></li> 4048 <li 4049 class="menu-drawer__list-item" 4050 style="--menu-drawer-animation-index: 3;" 4051 ><details 4052 id="Details-menu-drawer-menu-item-3" 4053 class="menu-drawer__menu-container" 4054 > 4055 <summary 4056 id="HeaderDrawer-skin-care" 4057 class="menu-drawer__menu-item menu-drawer__menu-item--mainlist menu-drawer__animated-element focus-inset" 4058 on:click="header-drawer/open/submenu" 4059 > 4060 <span class="menu-drawer__menu-item-text wrap-text">Skin Care</span> 4061 <span class="svg-wrapper icon-caret icon-caret--forward"><svg aria-hidden="true" width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg"> 4062 <path d="M11 5.5L7 9.5L3 5.5" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 4063</svg> 4064</span> 4065 </summary> 4066 <div 4067 id="link-skin-care" 4068 class="menu-drawer__submenu has-submenu" 4069 tabindex="-1" 4070 style="--menu-drawer-animation-index: 3;" 4071 > 4072 <div class="menu-drawer__inner-submenu"> 4073 <div class="menu-drawer__nav-buttons"> 4074 <button 4075 class="button menu-drawer__back-button focus-inset" 4076 on:click="header-drawer/back" 4077 aria-label="Back to Skin Care" 4078 >
4079 <span class="svg-wrapper icon-caret icon-caret--backward"><svg aria-hidden="true" width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg"> 4080 <path d="M11 5.5L7 9.5L3 5.5" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 4081</svg> 4082</span> 4083 <span class="menu-drawer__menu-item-text wrap-text">Skin Care</span> 4084 </button> 4085 <button 4086 class="button button-unstyled close-button menu-drawer__close-button focus-inset" 4087 type="button" 4088 aria-label="Close" 4089 on:click="header-drawer/close" 4090 > 4091 <span class="svg-wrapper header-drawer-icon header-drawer-icon--close"><svg aria-hidden="true" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"> 4092<path d="M11.1765 12.025C11.4108 12.2594 11.7907 12.2594 12.025 12.025C12.2594 11.7907 12.2594 11.4108 12.025 11.1765L8.84931 8.00078L12.025 4.82505C12.2594 4.59073 12.2594 4.21083 12.025 3.97652C11.7907 3.7422 11.4108 3.7422 11.1765 3.97652L8.00078 7.15225L4.82505 3.97652C4.59073 3.7422 4.21083 3.7422 3.97652 3.97652C3.7422 4.21083 3.7422 4.59073 3.97652 4.82505L7.15225 8.00078L3.97652 11.1765C3.7422 11.4108 3.7422 11.7907 3.97652 12.025C4.21083 12.2594 4.59073 12.2594 4.82505 12.025L8.00078 8.84931L11.1765 12.025Z" fill="currentColor"/> 4093</svg> 4094</span> 4095 </button> 4096 </div> 4097 4098 <ul 4099 class="menu-drawer__menu menu-drawer__menu--childlist" 4100 role="list" 4101 tabindex="-1" 4102 > 4103 <li 4104 class=" 4105 menu-drawer__list-item 4106 menu-drawer__list-item--deep 4107 " 4108 > 4109 4110 4111 <accordion-custom 4112 4113 4114 4115 4116 4117 4118 4119 4120 4121> 4122 4123 <details 4124 id="Details-menu-drawer-skin-care-shop-by-concern" 4125 > 4126 <summary 4127 id="HeaderDrawer-skin-care-shop-by-concern" 4128 class="menu-drawer__menu-item menu-drawer__menu-item--parent focus-inset" 4129 > 4130 <span class="menu-drawer__menu-item-text wrap-text">Shop By Concern</span> 4131 <span class="svg-wrapper icon-plus"><svg aria-hidden="true" width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg"> 4132 <path class="vertical" d="M2.75 7H11.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/> 4133 <path class="horizontal" d="M7 2.75L7 11.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/> 4134</svg> 4135</span> 4136 </summary> 4137 4138 <ul 4139 class="menu-drawer__menu menu-drawer__menu--grandchildlist details-content" 4140 role="list" 4141 tabindex="-1" 4142 ><li 4143 class="menu-drawer__list-item" 4144 style="--menu-drawer-animation-index: 1;" 4145 > 4146 <a 4147 id="HeaderDrawer-skin-care-shop-by-concern-acne-breakouts-blemishes" 4148 href="/collections/acne-blemishes" 4149 class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset" 4150 4151 > 4152
4153 <span class="menu-drawer__menu-item-text wrap-text">Acne / Breakouts / Blemishes</span> 4154 </a> 4155 </li><li 4156 class="menu-drawer__list-item" 4157 style="--menu-drawer-animation-index: 2;" 4158 > 4159 <a 4160 id="HeaderDrawer-skin-care-shop-by-concern-brightening-glow-texture" 4161 href="/collections/dullness-uneven-texture" 4162 class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset" 4163 4164 > 4165 4166 <span class="menu-drawer__menu-item-text wrap-text">Brightening / Glow / Texture</span> 4167 </a> 4168 </li><li 4169 class="menu-drawer__list-item" 4170 style="--menu-drawer-animation-index: 3;" 4171 > 4172 <a 4173 id="HeaderDrawer-skin-care-shop-by-concern-pores-clenasing-oil-control" 4174 href="/collections/pores" 4175 class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset" 4176 4177 > 4178 4179 <span class="menu-drawer__menu-item-text wrap-text">Pores Clenasing / Oil Control</span> 4180 </a> 4181 </li><li 4182 class="menu-drawer__list-item" 4183 style="--menu-drawer-animation-index: 4;" 4184 > 4185 <a 4186 id="HeaderDrawer-skin-care-shop-by-concern-dark-spots-dullness" 4187 href="/collections/dark-spots" 4188 class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset" 4189 4190 > 4191 4192 <span class="menu-drawer__menu-item-text wrap-text">Dark Spots & Dullness</span> 4193 </a> 4194 </li><li 4195 class="menu-drawer__list-item" 4196 style="--menu-drawer-animation-index: 5;" 4197 > 4198 <a 4199 id="HeaderDrawer-skin-care-shop-by-concern-dryness" 4200 href="/collections/dryness" 4201 class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset" 4202 4203 > 4204 4205 <span class="menu-drawer__menu-item-text wrap-text">Dryness</span> 4206 </a> 4207 </li><li 4208 class="menu-drawer__list-item" 4209 style="--menu-drawer-animation-index: 6;" 4210 > 4211 <a 4212 id="HeaderDrawer-skin-care-shop-by-concern-anti-aging" 4213 href="/collections/anti-aging" 4214 class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset" 4215 4216 > 4217
4218 <span class="menu-drawer__menu-item-text wrap-text">Anti-Aging</span> 4219 </a> 4220 </li><li 4221 class="menu-drawer__list-item" 4222 style="--menu-drawer-animation-index: 7;" 4223 > 4224 <a 4225 id="HeaderDrawer-skin-care-shop-by-concern-fine-lines-wrinkles" 4226 href="/collections/fine-lines-wrinkles" 4227 class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset" 4228 4229 > 4230 4231 <span class="menu-drawer__menu-item-text wrap-text">Fine Lines & Wrinkles</span> 4232 </a> 4233 </li><li 4234 class="menu-drawer__list-item" 4235 style="--menu-drawer-animation-index: 8;" 4236 > 4237 <a 4238 id="HeaderDrawer-skin-care-shop-by-concern-pigmentation-scars" 4239 href="/collections/hyperpigmentation" 4240 class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset" 4241 4242 > 4243 4244 <span class="menu-drawer__menu-item-text wrap-text">Pigmentation / Scars</span> 4245 </a> 4246 </li></ul> 4247 </details> 4248 4249</accordion-custom> 4250 4251 4252 4253 </li><li 4254 class=" 4255 menu-drawer__list-item 4256 menu-drawer__list-item--deep 4257 " 4258 > 4259 4260 4261 <accordion-custom 4262 4263 4264 4265 4266 4267 4268 4269 4270 4271> 4272 4273 <details 4274 id="Details-menu-drawer-skin-care-serums-toners" 4275 > 4276 <summary 4277 id="HeaderDrawer-skin-care-serums-toners" 4278 class="menu-drawer__menu-item menu-drawer__menu-item--parent focus-inset" 4279 > 4280 <span class="menu-drawer__menu-item-text wrap-text">Serums & Toners</span> 4281 <span class="svg-wrapper icon-plus"><svg aria-hidden="true" width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg"> 4282 <path class="vertical" d="M2.75 7H11.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/> 4283 <path class="horizontal" d="M7 2.75L7 11.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/> 4284</svg> 4285</span> 4286 </summary> 4287 4288 <ul 4289 class="menu-drawer__menu menu-drawer__menu--grandchildlist details-content" 4290 role="list" 4291 tabindex="-1" 4292 ><li 4293 class="menu-drawer__list-item" 4294 style="--menu-drawer-animation-index: 1;" 4295 > 4296 <a 4297 id="HeaderDrawer-skin-care-serums-toners-ampoules-new" 4298 href="/collections/ampoules" 4299 class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset" 4300 4301 > 4302
4303 <span class="menu-drawer__menu-item-text wrap-text">Ampoules (New)</span> 4304 </a> 4305 </li><li 4306 class="menu-drawer__list-item" 4307 style="--menu-drawer-animation-index: 2;" 4308 > 4309 <a 4310 id="HeaderDrawer-skin-care-serums-toners-face-serums" 4311 href="/collections/face-serums" 4312 class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset" 4313 4314 > 4315 4316 <span class="menu-drawer__menu-item-text wrap-text">Face Serums</span> 4317 </a> 4318 </li><li 4319 class="menu-drawer__list-item" 4320 style="--menu-drawer-animation-index: 3;" 4321 > 4322 <a 4323 id="HeaderDrawer-skin-care-serums-toners-toners" 4324 href="/collections/toners" 4325 class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset" 4326 4327 > 4328 4329 <span class="menu-drawer__menu-item-text wrap-text">Toners</span> 4330 </a> 4331 </li><li 4332 class="menu-drawer__list-item" 4333 style="--menu-drawer-animation-index: 4;" 4334 > 4335 <a 4336 id="HeaderDrawer-skin-care-serums-toners-face-masks" 4337 href="/collections/face-masks" 4338 class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset" 4339 4340 > 4341 4342 <span class="menu-drawer__menu-item-text wrap-text">Face Masks</span> 4343 </a> 4344 </li></ul> 4345 </details> 4346 4347</accordion-custom> 4348 4349 4350 4351 </li><li 4352 class=" 4353 menu-drawer__list-item 4354 menu-drawer__list-item--deep 4355 " 4356 > 4357 4358 4359 <accordion-custom 4360 4361 4362 4363 4364 4365 4366 4367 4368 4369> 4370 4371 <details 4372 id="Details-menu-drawer-skin-care-moisturizers-lotions" 4373 > 4374 <summary 4375 id="HeaderDrawer-skin-care-moisturizers-lotions" 4376 class="menu-drawer__menu-item menu-drawer__menu-item--parent focus-inset" 4377 > 4378 <span class="menu-drawer__menu-item-text wrap-text">Moisturizers & Lotions</span> 4379 <span class="svg-wrapper icon-plus"><svg aria-hidden="true" width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg"> 4380 <path class="vertical" d="M2.75 7H11.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/> 4381 <path class="horizontal" d="M7 2.75L7 11.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/> 4382</svg> 4383</span> 4384 </summary> 4385 4386 <ul 4387 class="menu-drawer__menu menu-drawer__menu--grandchildlist details-content" 4388 role="list" 4389 tabindex="-1" 4390 ><li 4391 class="menu-drawer__list-item" 4392 style="--menu-drawer-animation-index: 1;" 4393 > 4394 <a 4395 id="HeaderDrawer-skin-care-moisturizers-lotions-moisturizer" 4396 href="/collections/moisturizer" 4397 class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset" 4398 4399 > 4400
4401 <span class="menu-drawer__menu-item-text wrap-text">Moisturizer</span> 4402 </a> 4403 </li><li 4404 class="menu-drawer__list-item" 4405 style="--menu-drawer-animation-index: 2;" 4406 > 4407 <a 4408 id="HeaderDrawer-skin-care-moisturizers-lotions-face-creams" 4409 href="/collections/face-creams" 4410 class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset" 4411 4412 > 4413 4414 <span class="menu-drawer__menu-item-text wrap-text">Face Creams</span> 4415 </a> 4416 </li><li 4417 class="menu-drawer__list-item" 4418 style="--menu-drawer-animation-index: 3;" 4419 > 4420 <a 4421 id="HeaderDrawer-skin-care-moisturizers-lotions-sunblock" 4422 href="/collections/sunblock" 4423 class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset" 4424 4425 > 4426 4427 <span class="menu-drawer__menu-item-text wrap-text">Sunblock</span> 4428 </a> 4429 </li><li 4430 class="menu-drawer__list-item" 4431 style="--menu-drawer-animation-index: 4;" 4432 > 4433 <a 4434 id="HeaderDrawer-skin-care-moisturizers-lotions-eye-cream" 4435 href="/collections/eye-cream" 4436 class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset" 4437 4438 > 4439 4440 <span class="menu-drawer__menu-item-text wrap-text">Eye Cream</span> 4441 </a> 4442 </li><li 4443 class="menu-drawer__list-item" 4444 style="--menu-drawer-animation-index: 5;" 4445 > 4446 <a 4447 id="HeaderDrawer-skin-care-moisturizers-lotions-body-lotion" 4448 href="/collections/body-lotion" 4449 class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset" 4450 4451 > 4452 4453 <span class="menu-drawer__menu-item-text wrap-text">Body Lotion</span> 4454 </a> 4455 </li><li 4456 class="menu-drawer__list-item" 4457 style="--menu-drawer-animation-index: 6;" 4458 > 4459 <a 4460 id="HeaderDrawer-skin-care-moisturizers-lotions-hand-foot-care" 4461 href="/collections/hand-foot-care" 4462 class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset" 4463 4464 > 4465
4466 <span class="menu-drawer__menu-item-text wrap-text">Hand & Foot Care</span> 4467 </a> 4468 </li><li 4469 class="menu-drawer__list-item" 4470 style="--menu-drawer-animation-index: 7;" 4471 > 4472 <a 4473 id="HeaderDrawer-skin-care-moisturizers-lotions-lip-balm-treatment" 4474 href="/collections/lip-balm-treatment" 4475 class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset" 4476 4477 > 4478 4479 <span class="menu-drawer__menu-item-text wrap-text">Lip Balm & Treatment</span> 4480 </a> 4481 </li><li 4482 class="menu-drawer__list-item" 4483 style="--menu-drawer-animation-index: 8;" 4484 > 4485 <a 4486 id="HeaderDrawer-skin-care-moisturizers-lotions-face-oils" 4487 href="/collections/face-oils" 4488 class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset" 4489 4490 > 4491 4492 <span class="menu-drawer__menu-item-text wrap-text">Face Oils</span> 4493 </a> 4494 </li></ul> 4495 </details> 4496 4497</accordion-custom> 4498 4499 4500 4501 </li><li 4502 class=" 4503 menu-drawer__list-item 4504 menu-drawer__list-item--deep 4505 " 4506 > 4507 4508 4509 <accordion-custom 4510 4511 4512 4513 4514 4515 4516 4517 4518 4519> 4520 4521 <details 4522 id="Details-menu-drawer-skin-care-daily-cleansing-care" 4523 > 4524 <summary 4525 id="HeaderDrawer-skin-care-daily-cleansing-care" 4526 class="menu-drawer__menu-item menu-drawer__menu-item--parent focus-inset" 4527 > 4528 <span class="menu-drawer__menu-item-text wrap-text">Daily Cleansing Care</span> 4529 <span class="svg-wrapper icon-plus"><svg aria-hidden="true" width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg"> 4530 <path class="vertical" d="M2.75 7H11.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/> 4531 <path class="horizontal" d="M7 2.75L7 11.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/> 4532</svg> 4533</span> 4534 </summary> 4535 4536 <ul 4537 class="menu-drawer__menu menu-drawer__menu--grandchildlist details-content" 4538 role="list" 4539 tabindex="-1" 4540 ><li 4541 class="menu-drawer__list-item" 4542 style="--menu-drawer-animation-index: 1;" 4543 > 4544 <a 4545 id="HeaderDrawer-skin-care-daily-cleansing-care-cleanser" 4546 href="/collections/cleanser" 4547 class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset" 4548 4549 > 4550
4551 <span class="menu-drawer__menu-item-text wrap-text">Cleanser</span> 4552 </a> 4553 </li><li 4554 class="menu-drawer__list-item" 4555 style="--menu-drawer-animation-index: 2;" 4556 > 4557 <a 4558 id="HeaderDrawer-skin-care-daily-cleansing-care-face-wash" 4559 href="/collections/face-wash" 4560 class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset" 4561 4562 > 4563 4564 <span class="menu-drawer__menu-item-text wrap-text">Face Wash</span> 4565 </a> 4566 </li><li 4567 class="menu-drawer__list-item" 4568 style="--menu-drawer-animation-index: 3;" 4569 > 4570 <a 4571 id="HeaderDrawer-skin-care-daily-cleansing-care-face-scrub" 4572 href="/collections/face-scrub" 4573 class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset" 4574 4575 > 4576 4577 <span class="menu-drawer__menu-item-text wrap-text">Face Scrub</span> 4578 </a> 4579 </li><li 4580 class="menu-drawer__list-item" 4581 style="--menu-drawer-animation-index: 4;" 4582 > 4583 <a 4584 id="HeaderDrawer-skin-care-daily-cleansing-care-face-wipes" 4585 href="/collections/face-wipes" 4586 class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset" 4587 4588 > 4589 4590 <span class="menu-drawer__menu-item-text wrap-text">Face Wipes</span> 4591 </a> 4592 </li><li 4593 class="menu-drawer__list-item" 4594 style="--menu-drawer-animation-index: 5;" 4595 > 4596 <a 4597 id="HeaderDrawer-skin-care-daily-cleansing-care-body-wash" 4598 href="/collections/body-wash" 4599 class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset" 4600 4601 > 4602 4603 <span class="menu-drawer__menu-item-text wrap-text">Body Wash</span> 4604 </a> 4605 </li></ul> 4606 </details> 4607 4608</accordion-custom> 4609 4610 4611 4612 </li><li 4613 class=" 4614 menu-drawer__list-item 4615 menu-drawer__list-item--deep 4616 " 4617 > 4618 4619 4620 <accordion-custom 4621 4622 4623 4624 4625 4626 4627 4628 4629 4630> 4631 4632 <details 4633 id="Details-menu-drawer-skin-care-face-masks" 4634 > 4635 <summary 4636 id="HeaderDrawer-skin-care-face-masks" 4637 class="menu-drawer__menu-item menu-drawer__menu-item--parent focus-inset" 4638 >
4639 <span class="menu-drawer__menu-item-text wrap-text">Face Masks</span> 4640 <span class="svg-wrapper icon-plus"><svg aria-hidden="true" width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg"> 4641 <path class="vertical" d="M2.75 7H11.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/> 4642 <path class="horizontal" d="M7 2.75L7 11.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/> 4643</svg> 4644</span> 4645 </summary> 4646 4647 <ul 4648 class="menu-drawer__menu menu-drawer__menu--grandchildlist details-content" 4649 role="list" 4650 tabindex="-1" 4651 ><li 4652 class="menu-drawer__list-item" 4653 style="--menu-drawer-animation-index: 1;" 4654 > 4655 <a 4656 id="HeaderDrawer-skin-care-face-masks-sheet-masks" 4657 href="/collections/sheet-masks" 4658 class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset" 4659 4660 > 4661 4662 <span class="menu-drawer__menu-item-text wrap-text">Sheet Masks</span> 4663 </a> 4664 </li><li 4665 class="menu-drawer__list-item" 4666 style="--menu-drawer-animation-index: 2;" 4667 > 4668 <a 4669 id="HeaderDrawer-skin-care-face-masks-face-masks" 4670 href="/collections/face-masks" 4671 class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset" 4672 4673 > 4674 4675 <span class="menu-drawer__menu-item-text wrap-text">Face Masks</span> 4676 </a> 4677 </li></ul> 4678 </details> 4679 4680</accordion-custom> 4681 4682 4683 4684 </li></ul> 4685 4686 </div> 4687 </div> 4688 </details></li> 4689 <li 4690 class="menu-drawer__list-item" 4691 style="--menu-drawer-animation-index: 4;" 4692 ><details 4693 id="Details-menu-drawer-menu-item-4" 4694 class="menu-drawer__menu-container" 4695 > 4696 <summary 4697 id="HeaderDrawer-hair-care" 4698 class="menu-drawer__menu-item menu-drawer__menu-item--mainlist menu-drawer__animated-element focus-inset" 4699 on:click="header-drawer/open/submenu" 4700 > 4701 <span class="menu-drawer__menu-item-text wrap-text">Hair Care</span> 4702 <span class="svg-wrapper icon-caret icon-caret--forward"><svg aria-hidden="true" width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg"> 4703 <path d="M11 5.5L7 9.5L3 5.5" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 4704</svg> 4705</span> 4706 </summary> 4707 <div 4708 id="link-hair-care" 4709 class="menu-drawer__submenu has-submenu" 4710 tabindex="-1" 4711 style="--menu-drawer-animation-index: 4;" 4712 > 4713 <div class="menu-drawer__inner-submenu"> 4714 <div class="menu-drawer__nav-buttons"> 4715 <button 4716 class="button menu-drawer__back-button focus-inset" 4717 on:click="header-drawer/back" 4718 aria-label="Back to Hair Care" 4719 >
4720 <span class="svg-wrapper icon-caret icon-caret--backward"><svg aria-hidden="true" width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg"> 4721 <path d="M11 5.5L7 9.5L3 5.5" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 4722</svg> 4723</span> 4724 <span class="menu-drawer__menu-item-text wrap-text">Hair Care</span> 4725 </button> 4726 <button 4727 class="button button-unstyled close-button menu-drawer__close-button focus-inset" 4728 type="button" 4729 aria-label="Close" 4730 on:click="header-drawer/close" 4731 > 4732 <span class="svg-wrapper header-drawer-icon header-drawer-icon--close"><svg aria-hidden="true" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"> 4733<path d="M11.1765 12.025C11.4108 12.2594 11.7907 12.2594 12.025 12.025C12.2594 11.7907 12.2594 11.4108 12.025 11.1765L8.84931 8.00078L12.025 4.82505C12.2594 4.59073 12.2594 4.21083 12.025 3.97652C11.7907 3.7422 11.4108 3.7422 11.1765 3.97652L8.00078 7.15225L4.82505 3.97652C4.59073 3.7422 4.21083 3.7422 3.97652 3.97652C3.7422 4.21083 3.7422 4.59073 3.97652 4.82505L7.15225 8.00078L3.97652 11.1765C3.7422 11.4108 3.7422 11.7907 3.97652 12.025C4.21083 12.2594 4.59073 12.2594 4.82505 12.025L8.00078 8.84931L11.1765 12.025Z" fill="currentColor"/> 4734</svg> 4735</span> 4736 </button> 4737 </div> 4738 4739 <ul 4740 class="menu-drawer__menu menu-drawer__menu--childlist" 4741 role="list" 4742 tabindex="-1" 4743 > 4744 <li 4745 class=" 4746 menu-drawer__list-item 4747 menu-drawer__list-item--deep 4748 " 4749 > 4750 4751 4752 <accordion-custom 4753 4754 4755 4756 4757 4758 4759 4760 4761 4762> 4763 4764 <details 4765 id="Details-menu-drawer-hair-care-shop-by-concern" 4766 > 4767 <summary 4768 id="HeaderDrawer-hair-care-shop-by-concern" 4769 class="menu-drawer__menu-item menu-drawer__menu-item--parent focus-inset" 4770 > 4771 <span class="menu-drawer__menu-item-text wrap-text">Shop By Concern</span> 4772 <span class="svg-wrapper icon-plus"><svg aria-hidden="true" width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg"> 4773 <path class="vertical" d="M2.75 7H11.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/> 4774 <path class="horizontal" d="M7 2.75L7 11.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/> 4775</svg> 4776</span> 4777 </summary> 4778 4779 <ul 4780 class="menu-drawer__menu menu-drawer__menu--grandchildlist details-content" 4781 role="list" 4782 tabindex="-1" 4783 ><li 4784 class="menu-drawer__list-item" 4785 style="--menu-drawer-animation-index: 1;" 4786 > 4787 <a 4788 id="HeaderDrawer-hair-care-shop-by-concern-hair-fall" 4789 href="/collections/hair-fall" 4790 class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset" 4791 4792 > 4793
4794 <span class="menu-drawer__menu-item-text wrap-text">Hair Fall</span> 4795 </a> 4796 </li><li 4797 class="menu-drawer__list-item" 4798 style="--menu-drawer-animation-index: 2;" 4799 > 4800 <a 4801 id="HeaderDrawer-hair-care-shop-by-concern-hair-density" 4802 href="/collections/hair-density" 4803 class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset" 4804 4805 > 4806 4807 <span class="menu-drawer__menu-item-text wrap-text">Hair Density</span> 4808 </a> 4809 </li><li 4810 class="menu-drawer__list-item" 4811 style="--menu-drawer-animation-index: 3;" 4812 > 4813 <a 4814 id="HeaderDrawer-hair-care-shop-by-concern-hair-repair" 4815 href="/collections/hair-repair" 4816 class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset" 4817 4818 > 4819 4820 <span class="menu-drawer__menu-item-text wrap-text">Hair Repair</span> 4821 </a> 4822 </li><li 4823 class="menu-drawer__list-item" 4824 style="--menu-drawer-animation-index: 4;" 4825 > 4826 <a 4827 id="HeaderDrawer-hair-care-shop-by-concern-dandruff" 4828 href="/collections/dandruff" 4829 class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset" 4830 4831 > 4832 4833 <span class="menu-drawer__menu-item-text wrap-text">Dandruff</span> 4834 </a> 4835 </li></ul> 4836 </details> 4837 4838</accordion-custom> 4839 4840 4841 4842 </li><li 4843 class=" 4844 menu-drawer__list-item 4845 menu-drawer__list-item--deep 4846 " 4847 > 4848 4849 4850 <accordion-custom 4851 4852 4853 4854 4855 4856 4857 4858 4859 4860> 4861 4862 <details 4863 id="Details-menu-drawer-hair-care-shampoo-conditioners" 4864 > 4865 <summary 4866 id="HeaderDrawer-hair-care-shampoo-conditioners" 4867 class="menu-drawer__menu-item menu-drawer__menu-item--parent focus-inset" 4868 > 4869 <span class="menu-drawer__menu-item-text wrap-text">Shampoo & Conditioners</span> 4870 <span class="svg-wrapper icon-plus"><svg aria-hidden="true" width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg"> 4871 <path class="vertical" d="M2.75 7H11.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/> 4872 <path class="horizontal" d="M7 2.75L7 11.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/> 4873</svg> 4874</span> 4875 </summary> 4876 4877 <ul 4878 class="menu-drawer__menu menu-drawer__menu--grandchildlist details-content" 4879 role="list" 4880 tabindex="-1" 4881 ><li 4882 class="menu-drawer__list-item" 4883 style="--menu-drawer-animation-index: 1;" 4884 > 4885 <a 4886 id="HeaderDrawer-hair-care-shampoo-conditioners-shampoo" 4887 href="/collections/shampoo" 4888 class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset" 4889 4890 > 4891
4892 <span class="menu-drawer__menu-item-text wrap-text">Shampoo</span> 4893 </a> 4894 </li><li 4895 class="menu-drawer__list-item" 4896 style="--menu-drawer-animation-index: 2;" 4897 > 4898 <a 4899 id="HeaderDrawer-hair-care-shampoo-conditioners-dry-shampoo" 4900 href="/collections/dry-shampoo" 4901 class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset" 4902 4903 > 4904 4905 <span class="menu-drawer__menu-item-text wrap-text">Dry Shampoo</span> 4906 </a> 4907 </li><li 4908 class="menu-drawer__list-item" 4909 style="--menu-drawer-animation-index: 3;" 4910 > 4911 <a 4912 id="HeaderDrawer-hair-care-shampoo-conditioners-hair-conditioner" 4913 href="/collections/conditioner" 4914 class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset" 4915 4916 > 4917 4918 <span class="menu-drawer__menu-item-text wrap-text">Hair Conditioner</span> 4919 </a> 4920 </li><li 4921 class="menu-drawer__list-item" 4922 style="--menu-drawer-animation-index: 4;" 4923 > 4924 <a 4925 id="HeaderDrawer-hair-care-shampoo-conditioners-hair-mask" 4926 href="/collections/hair-mask" 4927 class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset" 4928 4929 > 4930 4931 <span class="menu-drawer__menu-item-text wrap-text">Hair Mask</span> 4932 </a> 4933 </li></ul> 4934 </details> 4935 4936</accordion-custom> 4937 4938 4939 4940 </li><li 4941 class=" 4942 menu-drawer__list-item 4943 menu-drawer__list-item--deep 4944 " 4945 > 4946 4947 4948 <accordion-custom 4949 4950 4951 4952 4953 4954 4955 4956 4957 4958> 4959 4960 <details 4961 id="Details-menu-drawer-hair-care-hair-colours" 4962 > 4963 <summary 4964 id="HeaderDrawer-hair-care-hair-colours" 4965 class="menu-drawer__menu-item menu-drawer__menu-item--parent focus-inset" 4966 > 4967 <span class="menu-drawer__menu-item-text wrap-text">Hair Colours</span> 4968 <span class="svg-wrapper icon-plus"><svg aria-hidden="true" width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg"> 4969 <path class="vertical" d="M2.75 7H11.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/> 4970 <path class="horizontal" d="M7 2.75L7 11.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/> 4971</svg> 4972</span> 4973 </summary> 4974 4975 <ul 4976 class="menu-drawer__menu menu-drawer__menu--grandchildlist details-content" 4977 role="list" 4978 tabindex="-1" 4979 ><li 4980 class="menu-drawer__list-item" 4981 style="--menu-drawer-animation-index: 1;" 4982 > 4983 <a 4984 id="HeaderDrawer-hair-care-hair-colours-hair-colors-dye" 4985 href="/collections/semi-permanent" 4986 class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset" 4987 4988 > 4989
4990 <span class="menu-drawer__menu-item-text wrap-text">Hair Colors / Dye</span> 4991 </a> 4992 </li><li 4993 class="menu-drawer__list-item" 4994 style="--menu-drawer-animation-index: 2;" 4995 > 4996 <a 4997 id="HeaderDrawer-hair-care-hair-colours-developers" 4998 href="/collections/developer" 4999 class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset" 5000 5001 > 5002 5003 <span class="menu-drawer__menu-item-text wrap-text">Developers</span> 5004 </a> 5005 </li></ul> 5006 </details> 5007 5008</accordion-custom> 5009 5010 5011 5012 </li><li 5013 class=" 5014 menu-drawer__list-item 5015 menu-drawer__list-item--deep 5016 " 5017 > 5018 5019 5020 <accordion-custom 5021 5022 5023 5024 5025 5026 5027 5028 5029 5030> 5031 5032 <details 5033 id="Details-menu-drawer-hair-care-hair-accessories" 5034 > 5035 <summary 5036 id="HeaderDrawer-hair-care-hair-accessories" 5037 class="menu-drawer__menu-item menu-drawer__menu-item--parent focus-inset" 5038 > 5039 <span class="menu-drawer__menu-item-text wrap-text">Hair Accessories</span> 5040 <span class="svg-wrapper icon-plus"><svg aria-hidden="true" width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg"> 5041 <path class="vertical" d="M2.75 7H11.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/> 5042 <path class="horizontal" d="M7 2.75L7 11.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/> 5043</svg> 5044</span> 5045 </summary> 5046 5047 <ul 5048 class="menu-drawer__menu menu-drawer__menu--grandchildlist details-content" 5049 role="list" 5050 tabindex="-1" 5051 ><li 5052 class="menu-drawer__list-item" 5053 style="--menu-drawer-animation-index: 1;" 5054 > 5055 <a 5056 id="HeaderDrawer-hair-care-hair-accessories-hair-styling" 5057 href="/collections/hair-styling" 5058 class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset" 5059 5060 > 5061 5062 <span class="menu-drawer__menu-item-text wrap-text">Hair Styling</span> 5063 </a> 5064 </li><li 5065 class="menu-drawer__list-item" 5066 style="--menu-drawer-animation-index: 2;" 5067 > 5068 <a 5069 id="HeaderDrawer-hair-care-hair-accessories-hair-straightener" 5070 href="/collections/hair-straightener" 5071 class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset" 5072 5073 > 5074
5075 <span class="menu-drawer__menu-item-text wrap-text">Hair Straightener</span> 5076 </a> 5077 </li><li 5078 class="menu-drawer__list-item" 5079 style="--menu-drawer-animation-index: 3;" 5080 > 5081 <a 5082 id="HeaderDrawer-hair-care-hair-accessories-hair-curler" 5083 href="/collections/hair-curler" 5084 class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset" 5085 5086 > 5087 5088 <span class="menu-drawer__menu-item-text wrap-text">Hair Curler</span> 5089 </a> 5090 </li><li 5091 class="menu-drawer__list-item" 5092 style="--menu-drawer-animation-index: 4;" 5093 > 5094 <a 5095 id="HeaderDrawer-hair-care-hair-accessories-hair-dryer" 5096 href="/collections/hair-dryer" 5097 class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset" 5098 5099 > 5100 5101 <span class="menu-drawer__menu-item-text wrap-text">Hair Dryer</span> 5102 </a> 5103 </li></ul> 5104 </details> 5105 5106</accordion-custom> 5107 5108 5109 5110 </li><li 5111 class=" 5112 menu-drawer__list-item 5113 5114 " 5115 ><a 5116 id="HeaderDrawer-hair-care-hair-serum" 5117 href="/collections/hair-serum" 5118 class="menu-drawer__menu-item menu-drawer__menu-item--parent focus-inset" 5119 5120 > 5121 5122 <span class="menu-drawer__menu-item-text wrap-text">Hair Serum</span> 5123 </a></li><li 5124 class=" 5125 menu-drawer__list-item 5126 5127 " 5128 ><a 5129 id="HeaderDrawer-hair-care-hair-oils" 5130 href="/collections/hair-oils" 5131 class="menu-drawer__menu-item menu-drawer__menu-item--parent focus-inset" 5132 5133 > 5134 5135 <span class="menu-drawer__menu-item-text wrap-text">Hair Oils</span> 5136 </a></li></ul> 5137 5138 </div> 5139 </div> 5140 </details></li> 5141 <li 5142 class="menu-drawer__list-item" 5143 style="--menu-drawer-animation-index: 5;" 5144 ><details 5145 id="Details-menu-drawer-menu-item-5" 5146 class="menu-drawer__menu-container" 5147 > 5148 <summary 5149 id="HeaderDrawer-health-care" 5150 class="menu-drawer__menu-item menu-drawer__menu-item--mainlist menu-drawer__animated-element focus-inset" 5151 on:click="header-drawer/open/submenu" 5152 >
5153 <span class="menu-drawer__menu-item-text wrap-text">Health Care</span> 5154 <span class="svg-wrapper icon-caret icon-caret--forward"><svg aria-hidden="true" width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg"> 5155 <path d="M11 5.5L7 9.5L3 5.5" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 5156</svg> 5157</span> 5158 </summary> 5159 <div 5160 id="link-health-care" 5161 class="menu-drawer__submenu has-submenu" 5162 tabindex="-1" 5163 style="--menu-drawer-animation-index: 5;" 5164 > 5165 <div class="menu-drawer__inner-submenu"> 5166 <div class="menu-drawer__nav-buttons"> 5167 <button 5168 class="button menu-drawer__back-button focus-inset" 5169 on:click="header-drawer/back" 5170 aria-label="Back to Health Care" 5171 > 5172 <span class="svg-wrapper icon-caret icon-caret--backward"><svg aria-hidden="true" width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg"> 5173 <path d="M11 5.5L7 9.5L3 5.5" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 5174</svg> 5175</span> 5176 <span class="menu-drawer__menu-item-text wrap-text">Health Care</span> 5177 </button> 5178 <button 5179 class="button button-unstyled close-button menu-drawer__close-button focus-inset" 5180 type="button" 5181 aria-label="Close" 5182 on:click="header-drawer/close" 5183 > 5184 <span class="svg-wrapper header-drawer-icon header-drawer-icon--close"><svg aria-hidden="true" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"> 5185<path d="M11.1765 12.025C11.4108 12.2594 11.7907 12.2594 12.025 12.025C12.2594 11.7907 12.2594 11.4108 12.025 11.1765L8.84931 8.00078L12.025 4.82505C12.2594 4.59073 12.2594 4.21083 12.025 3.97652C11.7907 3.7422 11.4108 3.7422 11.1765 3.97652L8.00078 7.15225L4.82505 3.97652C4.59073 3.7422 4.21083 3.7422 3.97652 3.97652C3.7422 4.21083 3.7422 4.59073 3.97652 4.82505L7.15225 8.00078L3.97652 11.1765C3.7422 11.4108 3.7422 11.7907 3.97652 12.025C4.21083 12.2594 4.59073 12.2594 4.82505 12.025L8.00078 8.84931L11.1765 12.025Z" fill="currentColor"/> 5186</svg> 5187</span> 5188 </button> 5189 </div> 5190 5191 <ul 5192 class="menu-drawer__menu menu-drawer__menu--childlist" 5193 role="list" 5194 tabindex="-1" 5195 > 5196 <li 5197 class=" 5198 menu-drawer__list-item 5199 menu-drawer__list-item--deep 5200 " 5201 > 5202 5203 5204 <accordion-custom 5205 5206 5207 5208 5209 5210 5211 5212 5213 5214> 5215 5216 <details 5217 id="Details-menu-drawer-health-care-shop-by-concern" 5218 > 5219 <summary 5220 id="HeaderDrawer-health-care-shop-by-concern" 5221 class="menu-drawer__menu-item menu-drawer__menu-item--parent focus-inset" 5222 > 5223 <span class="menu-drawer__menu-item-text wrap-text">Shop By Concern</span> 5224 <span class="svg-wrapper icon-plus"><svg aria-hidden="true" width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg"> 5225 <path class="vertical" d="M2.75 7H11.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/> 5226 <path class="horizontal" d="M7 2.75L7 11.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/> 5227</svg> 5228</span> 5229 </summary> 5230 5231 <ul 5232 class="menu-drawer__menu menu-drawer__menu--grandchildlist details-content" 5233 role="list" 5234 tabindex="-1" 5235 ><li 5236 class="menu-drawer__list-item" 5237 style="--menu-drawer-animation-index: 1;" 5238 > 5239 <a 5240 id="HeaderDrawer-health-care-shop-by-concern-male-vitality" 5241 href="/collections/male-vitality" 5242 class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset" 5243 5244 > 5245
5246 <span class="menu-drawer__menu-item-text wrap-text">Male Vitality</span> 5247 </a> 5248 </li><li 5249 class="menu-drawer__list-item" 5250 style="--menu-drawer-animation-index: 2;" 5251 > 5252 <a 5253 id="HeaderDrawer-health-care-shop-by-concern-pregnancy" 5254 href="/collections/pregnancy" 5255 class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset" 5256 5257 > 5258 5259 <span class="menu-drawer__menu-item-text wrap-text">Pregnancy</span> 5260 </a> 5261 </li><li 5262 class="menu-drawer__list-item" 5263 style="--menu-drawer-animation-index: 3;" 5264 > 5265 <a 5266 id="HeaderDrawer-health-care-shop-by-concern-immunity" 5267 href="/collections/immunity" 5268 class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset" 5269 5270 > 5271 5272 <span class="menu-drawer__menu-item-text wrap-text">Immunity</span> 5273 </a> 5274 </li><li 5275 class="menu-drawer__list-item" 5276 style="--menu-drawer-animation-index: 4;" 5277 > 5278 <a 5279 id="HeaderDrawer-health-care-shop-by-concern-bones-joints" 5280 href="/collections/bones-joints" 5281 class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset" 5282 5283 > 5284 5285 <span class="menu-drawer__menu-item-text wrap-text">Bones & Joints</span> 5286 </a> 5287 </li><li 5288 class="menu-drawer__list-item" 5289 style="--menu-drawer-animation-index: 5;" 5290 > 5291 <a 5292 id="HeaderDrawer-health-care-shop-by-concern-energy-booster" 5293 href="/collections/energy-booster" 5294 class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset" 5295 5296 > 5297 5298 <span class="menu-drawer__menu-item-text wrap-text">Energy Booster</span> 5299 </a> 5300 </li><li 5301 class="menu-drawer__list-item" 5302 style="--menu-drawer-animation-index: 6;" 5303 > 5304 <a 5305 id="HeaderDrawer-health-care-shop-by-concern-metabolism-weight-loss" 5306 href="/collections/metabolism" 5307 class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset" 5308 5309 > 5310
5311 <span class="menu-drawer__menu-item-text wrap-text">Metabolism & Weight Loss</span> 5312 </a> 5313 </li><li 5314 class="menu-drawer__list-item" 5315 style="--menu-drawer-animation-index: 7;" 5316 > 5317 <a 5318 id="HeaderDrawer-health-care-shop-by-concern-prostate-functions" 5319 href="/collections/prostate-functions" 5320 class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset" 5321 5322 > 5323 5324 <span class="menu-drawer__menu-item-text wrap-text">Prostate Functions</span> 5325 </a> 5326 </li><li 5327 class="menu-drawer__list-item" 5328 style="--menu-drawer-animation-index: 8;" 5329 > 5330 <a 5331 id="HeaderDrawer-health-care-shop-by-concern-natural-sweetener" 5332 href="/collections/natural-sweetener" 5333 class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset" 5334 5335 > 5336 5337 <span class="menu-drawer__menu-item-text wrap-text">Natural Sweetener</span> 5338 </a> 5339 </li></ul> 5340 </details> 5341 5342</accordion-custom> 5343 5344 5345 5346 </li><li 5347 class=" 5348 menu-drawer__list-item 5349 menu-drawer__list-item--deep 5350 " 5351 > 5352 5353 5354 <accordion-custom 5355 5356 5357 5358 5359 5360 5361 5362 5363 5364> 5365 5366 <details 5367 id="Details-menu-drawer-health-care-supplements-for-men" 5368 > 5369 <summary 5370 id="HeaderDrawer-health-care-supplements-for-men" 5371 class="menu-drawer__menu-item menu-drawer__menu-item--parent focus-inset" 5372 > 5373 <span class="menu-drawer__menu-item-text wrap-text">Supplements For Men</span> 5374 <span class="svg-wrapper icon-plus"><svg aria-hidden="true" width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg"> 5375 <path class="vertical" d="M2.75 7H11.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/> 5376 <path class="horizontal" d="M7 2.75L7 11.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/> 5377</svg> 5378</span> 5379 </summary> 5380 5381 <ul 5382 class="menu-drawer__menu menu-drawer__menu--grandchildlist details-content" 5383 role="list" 5384 tabindex="-1" 5385 ><li 5386 class="menu-drawer__list-item" 5387 style="--menu-drawer-animation-index: 1;" 5388 > 5389 <a 5390 id="HeaderDrawer-health-care-supplements-for-men-men-energy-booster" 5391 href="/collections/men-energy-booster" 5392 class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset" 5393 5394 > 5395
5396 <span class="menu-drawer__menu-item-text wrap-text">Men Energy Booster</span> 5397 </a> 5398 </li><li 5399 class="menu-drawer__list-item" 5400 style="--menu-drawer-animation-index: 2;" 5401 > 5402 <a 5403 id="HeaderDrawer-health-care-supplements-for-men-male-vitality" 5404 href="/collections/male-vitality" 5405 class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset" 5406 5407 > 5408 5409 <span class="menu-drawer__menu-item-text wrap-text">Male Vitality</span> 5410 </a> 5411 </li><li 5412 class="menu-drawer__list-item" 5413 style="--menu-drawer-animation-index: 3;" 5414 > 5415 <a 5416 id="HeaderDrawer-health-care-supplements-for-men-prostate-functions" 5417 href="/collections/prostate-functions" 5418 class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset" 5419 5420 > 5421 5422 <span class="menu-drawer__menu-item-text wrap-text">Prostate Functions</span> 5423 </a> 5424 </li></ul> 5425 </details> 5426 5427</accordion-custom> 5428 5429 5430 5431 </li><li 5432 class=" 5433 menu-drawer__list-item 5434 menu-drawer__list-item--deep 5435 " 5436 > 5437 5438 5439 <accordion-custom 5440 5441 5442 5443 5444 5445 5446 5447 5448 5449> 5450 5451 <details 5452 id="Details-menu-drawer-health-care-supplements-for-women" 5453 > 5454 <summary 5455 id="HeaderDrawer-health-care-supplements-for-women" 5456 class="menu-drawer__menu-item menu-drawer__menu-item--parent focus-inset" 5457 > 5458 <span class="menu-drawer__menu-item-text wrap-text">Supplements For Women</span> 5459 <span class="svg-wrapper icon-plus"><svg aria-hidden="true" width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg"> 5460 <path class="vertical" d="M2.75 7H11.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/> 5461 <path class="horizontal" d="M7 2.75L7 11.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/> 5462</svg> 5463</span> 5464 </summary> 5465 5466 <ul 5467 class="menu-drawer__menu menu-drawer__menu--grandchildlist details-content" 5468 role="list" 5469 tabindex="-1" 5470 ><li 5471 class="menu-drawer__list-item" 5472 style="--menu-drawer-animation-index: 1;" 5473 > 5474 <a 5475 id="HeaderDrawer-health-care-supplements-for-women-pregnancy" 5476 href="/collections/pregnancy" 5477 class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset" 5478 5479 > 5480
5481 <span class="menu-drawer__menu-item-text wrap-text">Pregnancy</span> 5482 </a> 5483 </li></ul> 5484 </details> 5485 5486</accordion-custom> 5487 5488 5489 5490 </li><li 5491 class=" 5492 menu-drawer__list-item 5493 menu-drawer__list-item--deep 5494 " 5495 > 5496 5497 5498 <accordion-custom 5499 5500 5501 5502 5503 5504 5505 5506 5507 5508> 5509 5510 <details 5511 id="Details-menu-drawer-health-care-supplements-for-all" 5512 > 5513 <summary 5514 id="HeaderDrawer-health-care-supplements-for-all" 5515 class="menu-drawer__menu-item menu-drawer__menu-item--parent focus-inset" 5516 > 5517 <span class="menu-drawer__menu-item-text wrap-text">Supplements For All</span> 5518 <span class="svg-wrapper icon-plus"><svg aria-hidden="true" width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg"> 5519 <path class="vertical" d="M2.75 7H11.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/> 5520 <path class="horizontal" d="M7 2.75L7 11.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/> 5521</svg> 5522</span> 5523 </summary> 5524 5525 <ul 5526 class="menu-drawer__menu menu-drawer__menu--grandchildlist details-content" 5527 role="list" 5528 tabindex="-1" 5529 ><li 5530 class="menu-drawer__list-item" 5531 style="--menu-drawer-animation-index: 1;" 5532 > 5533 <a 5534 id="HeaderDrawer-health-care-supplements-for-all-immunity" 5535 href="/collections/immunity" 5536 class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset" 5537 5538 > 5539 5540 <span class="menu-drawer__menu-item-text wrap-text">Immunity</span> 5541 </a> 5542 </li><li 5543 class="menu-drawer__list-item" 5544 style="--menu-drawer-animation-index: 2;" 5545 > 5546 <a 5547 id="HeaderDrawer-health-care-supplements-for-all-metabolism-weight-loss" 5548 href="/collections/metabolism" 5549 class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset" 5550 5551 > 5552 5553 <span class="menu-drawer__menu-item-text wrap-text">Metabolism & Weight Loss</span> 5554 </a> 5555 </li><li 5556 class="menu-drawer__list-item" 5557 style="--menu-drawer-animation-index: 3;" 5558 > 5559 <a 5560 id="HeaderDrawer-health-care-supplements-for-all-bones-joints" 5561 href="/collections/bones-joints" 5562 class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset" 5563 5564 > 5565
5566 <span class="menu-drawer__menu-item-text wrap-text">Bones & Joints</span> 5567 </a> 5568 </li><li 5569 class="menu-drawer__list-item" 5570 style="--menu-drawer-animation-index: 4;" 5571 > 5572 <a 5573 id="HeaderDrawer-health-care-supplements-for-all-hair-vitamins" 5574 href="/collections/hair-vitamins" 5575 class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset" 5576 5577 > 5578 5579 <span class="menu-drawer__menu-item-text wrap-text">Hair Vitamins</span> 5580 </a> 5581 </li><li 5582 class="menu-drawer__list-item" 5583 style="--menu-drawer-animation-index: 5;" 5584 > 5585 <a 5586 id="HeaderDrawer-health-care-supplements-for-all-blood-sugar-support" 5587 href="/collections/blood-sugar-support" 5588 class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset" 5589 5590 > 5591 5592 <span class="menu-drawer__menu-item-text wrap-text">Blood Sugar Support</span> 5593 </a> 5594 </li></ul> 5595 </details> 5596 5597</accordion-custom> 5598 5599 5600 5601 </li><li 5602 class=" 5603 menu-drawer__list-item 5604 menu-drawer__list-item--deep 5605 " 5606 > 5607 5608 5609 <accordion-custom 5610 5611 5612 5613 5614 5615 5616 5617 5618 5619> 5620 5621 <details 5622 id="Details-menu-drawer-health-care-others" 5623 > 5624 <summary 5625 id="HeaderDrawer-health-care-others" 5626 class="menu-drawer__menu-item menu-drawer__menu-item--parent focus-inset" 5627 > 5628 <span class="menu-drawer__menu-item-text wrap-text">Others</span> 5629 <span class="svg-wrapper icon-plus"><svg aria-hidden="true" width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg"> 5630 <path class="vertical" d="M2.75 7H11.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/> 5631 <path class="horizontal" d="M7 2.75L7 11.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/> 5632</svg> 5633</span> 5634 </summary> 5635 5636 <ul 5637 class="menu-drawer__menu menu-drawer__menu--grandchildlist details-content" 5638 role="list" 5639 tabindex="-1" 5640 ><li 5641 class="menu-drawer__list-item" 5642 style="--menu-drawer-animation-index: 1;" 5643 > 5644 <a 5645 id="HeaderDrawer-health-care-others-aromatherapy" 5646 href="/collections/aromatherapy" 5647 class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset" 5648 5649 > 5650
5651 <span class="menu-drawer__menu-item-text wrap-text">Aromatherapy</span> 5652 </a> 5653 </li></ul> 5654 </details> 5655 5656</accordion-custom> 5657 5658 5659 5660 </li></ul> 5661 5662 </div> 5663 </div> 5664 </details></li> 5665 <li 5666 class="menu-drawer__list-item" 5667 style="--menu-drawer-animation-index: 6;" 5668 ><details 5669 id="Details-menu-drawer-menu-item-6" 5670 class="menu-drawer__menu-container" 5671 > 5672 <summary 5673 id="HeaderDrawer-personal-care" 5674 class="menu-drawer__menu-item menu-drawer__menu-item--mainlist menu-drawer__animated-element focus-inset" 5675 on:click="header-drawer/open/submenu" 5676 > 5677 <span class="menu-drawer__menu-item-text wrap-text">Personal Care</span> 5678 <span class="svg-wrapper icon-caret icon-caret--forward"><svg aria-hidden="true" width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg"> 5679 <path d="M11 5.5L7 9.5L3 5.5" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 5680</svg> 5681</span> 5682 </summary> 5683 <div 5684 id="link-personal-care" 5685 class="menu-drawer__submenu has-submenu" 5686 tabindex="-1" 5687 style="--menu-drawer-animation-index: 6;" 5688 > 5689 <div class="menu-drawer__inner-submenu"> 5690 <div class="menu-drawer__nav-buttons"> 5691 <button 5692 class="button menu-drawer__back-button focus-inset" 5693 on:click="header-drawer/back" 5694 aria-label="Back to Personal Care" 5695 > 5696 <span class="svg-wrapper icon-caret icon-caret--backward"><svg aria-hidden="true" width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg"> 5697 <path d="M11 5.5L7 9.5L3 5.5" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 5698</svg> 5699</span> 5700 <span class="menu-drawer__menu-item-text wrap-text">Personal Care</span> 5701 </button> 5702 <button 5703 class="button button-unstyled close-button menu-drawer__close-button focus-inset" 5704 type="button" 5705 aria-label="Close" 5706 on:click="header-drawer/close" 5707 > 5708 <span class="svg-wrapper header-drawer-icon header-drawer-icon--close"><svg aria-hidden="true" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"> 5709<path d="M11.1765 12.025C11.4108 12.2594 11.7907 12.2594 12.025 12.025C12.2594 11.7907 12.2594 11.4108 12.025 11.1765L8.84931 8.00078L12.025 4.82505C12.2594 4.59073 12.2594 4.21083 12.025 3.97652C11.7907 3.7422 11.4108 3.7422 11.1765 3.97652L8.00078 7.15225L4.82505 3.97652C4.59073 3.7422 4.21083 3.7422 3.97652 3.97652C3.7422 4.21083 3.7422 4.59073 3.97652 4.82505L7.15225 8.00078L3.97652 11.1765C3.7422 11.4108 3.7422 11.7907 3.97652 12.025C4.21083 12.2594 4.59073 12.2594 4.82505 12.025L8.00078 8.84931L11.1765 12.025Z" fill="currentColor"/> 5710</svg> 5711</span> 5712 </button> 5713 </div> 5714 5715 <ul 5716 class="menu-drawer__menu menu-drawer__menu--childlist" 5717 role="list" 5718 tabindex="-1" 5719 > 5720 <li 5721 class=" 5722 menu-drawer__list-item 5723 5724 " 5725 ><a 5726 id="HeaderDrawer-personal-care-fragrance" 5727 href="/collections/fragrance" 5728 class="menu-drawer__menu-item menu-drawer__menu-item--parent focus-inset" 5729 5730 > 5731
5732 <span class="menu-drawer__menu-item-text wrap-text">Fragrance</span> 5733 </a></li><li 5734 class=" 5735 menu-drawer__list-item 5736 menu-drawer__list-item--deep 5737 " 5738 > 5739 5740 5741 <accordion-custom 5742 5743 5744 5745 5746 5747 5748 5749 5750 5751> 5752 5753 <details 5754 id="Details-menu-drawer-personal-care-female-care" 5755 > 5756 <summary 5757 id="HeaderDrawer-personal-care-female-care" 5758 class="menu-drawer__menu-item menu-drawer__menu-item--parent focus-inset" 5759 > 5760 <span class="menu-drawer__menu-item-text wrap-text">Female Care</span> 5761 <span class="svg-wrapper icon-plus"><svg aria-hidden="true" width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg"> 5762 <path class="vertical" d="M2.75 7H11.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/> 5763 <path class="horizontal" d="M7 2.75L7 11.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/> 5764</svg> 5765</span> 5766 </summary> 5767 5768 <ul 5769 class="menu-drawer__menu menu-drawer__menu--grandchildlist details-content" 5770 role="list" 5771 tabindex="-1" 5772 ><li 5773 class="menu-drawer__list-item" 5774 style="--menu-drawer-animation-index: 1;" 5775 > 5776 <a 5777 id="HeaderDrawer-personal-care-female-care-vaginal-care" 5778 href="/collections/biomousse-flora" 5779 class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset" 5780 5781 > 5782 5783 <span class="menu-drawer__menu-item-text wrap-text">Vaginal Care</span> 5784 </a> 5785 </li><li 5786 class="menu-drawer__list-item" 5787 style="--menu-drawer-animation-index: 2;" 5788 > 5789 <a 5790 id="HeaderDrawer-personal-care-female-care-hair-removal-cream" 5791 href="/collections/hair-removal-cream" 5792 class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset" 5793 5794 > 5795 5796 <span class="menu-drawer__menu-item-text wrap-text">Hair Removal Cream</span> 5797 </a> 5798 </li><li 5799 class="menu-drawer__list-item" 5800 style="--menu-drawer-animation-index: 3;" 5801 > 5802 <a 5803 id="HeaderDrawer-personal-care-female-care-wax-strips" 5804 href="/collections/wax-strips" 5805 class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset" 5806 5807 > 5808
5809 <span class="menu-drawer__menu-item-text wrap-text">Wax Strips</span> 5810 </a> 5811 </li><li 5812 class="menu-drawer__list-item" 5813 style="--menu-drawer-animation-index: 4;" 5814 > 5815 <a 5816 id="HeaderDrawer-personal-care-female-care-epilators" 5817 href="/collections/epilators" 5818 class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset" 5819 5820 > 5821 5822 <span class="menu-drawer__menu-item-text wrap-text">Epilators</span> 5823 </a> 5824 </li></ul> 5825 </details> 5826 5827</accordion-custom> 5828 5829 5830 5831 </li></ul> 5832 5833 </div> 5834 </div> 5835 </details></li> 5836 <li 5837 class="menu-drawer__list-item" 5838 style="--menu-drawer-animation-index: 7;" 5839 ><details 5840 id="Details-menu-drawer-menu-item-7" 5841 class="menu-drawer__menu-container" 5842 > 5843 <summary 5844 id="HeaderDrawer-baby-care" 5845 class="menu-drawer__menu-item menu-drawer__menu-item--mainlist menu-drawer__animated-element focus-inset" 5846 on:click="header-drawer/open/submenu" 5847 > 5848 <span class="menu-drawer__menu-item-text wrap-text">Baby Care</span> 5849 <span class="svg-wrapper icon-caret icon-caret--forward"><svg aria-hidden="true" width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg"> 5850 <path d="M11 5.5L7 9.5L3 5.5" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 5851</svg> 5852</span> 5853 </summary> 5854 <div 5855 id="link-baby-care" 5856 class="menu-drawer__submenu has-submenu" 5857 tabindex="-1" 5858 style="--menu-drawer-animation-index: 7;" 5859 > 5860 <div class="menu-drawer__inner-submenu"> 5861 <div class="menu-drawer__nav-buttons"> 5862 <button 5863 class="button menu-drawer__back-button focus-inset" 5864 on:click="header-drawer/back" 5865 aria-label="Back to Baby Care" 5866 > 5867 <span class="svg-wrapper icon-caret icon-caret--backward"><svg aria-hidden="true" width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg"> 5868 <path d="M11 5.5L7 9.5L3 5.5" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 5869</svg> 5870</span> 5871 <span class="menu-drawer__menu-item-text wrap-text">Baby Care</span> 5872 </button> 5873 <button 5874 class="button button-unstyled close-button menu-drawer__close-button focus-inset" 5875 type="button" 5876 aria-label="Close" 5877 on:click="header-drawer/close" 5878 > 5879 <span class="svg-wrapper header-drawer-icon header-drawer-icon--close"><svg aria-hidden="true" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"> 5880<path d="M11.1765 12.025C11.4108 12.2594 11.7907 12.2594 12.025 12.025C12.2594 11.7907 12.2594 11.4108 12.025 11.1765L8.84931 8.00078L12.025 4.82505C12.2594 4.59073 12.2594 4.21083 12.025 3.97652C11.7907 3.7422 11.4108 3.7422 11.1765 3.976
588052L8.00078 7.15225L4.82505 3.97652C4.59073 3.7422 4.21083 3.7422 3.97652 3.97652C3.7422 4.21083 3.7422 4.59073 3.97652 4.82505L7.15225 8.00078L3.97652 11.1765C3.7422 11.4108 3.7422 11.7907 3.97652 12.025C4.21083 12.2594 4.59073 12.2594 4.82505 12.025L8.00078 8.84931L11.1765 12.025Z" fill="currentColor"/> 5881</svg> 5882</span> 5883 </button> 5884 </div> 5885 5886 <ul 5887 class="menu-drawer__menu menu-drawer__menu--childlist" 5888 role="list" 5889 tabindex="-1" 5890 > 5891 <li 5892 class=" 5893 menu-drawer__list-item 5894 5895 " 5896 ><a 5897 id="HeaderDrawer-baby-care-kids-vitamins" 5898 href="/collections/kidzvits" 5899 class="menu-drawer__menu-item menu-drawer__menu-item--parent focus-inset" 5900 5901 > 5902 5903 <span class="menu-drawer__menu-item-text wrap-text">Kids Vitamins</span> 5904 </a></li><li 5905 class=" 5906 menu-drawer__list-item 5907 5908 " 5909 ><a 5910 id="HeaderDrawer-baby-care-baby-shampoos-conditioner" 5911 href="/collections/maks" 5912 class="menu-drawer__menu-item menu-drawer__menu-item--parent focus-inset" 5913 5914 > 5915 5916 <span class="menu-drawer__menu-item-text wrap-text">Baby Shampoos & Conditioner</span> 5917 </a></li><li 5918 class=" 5919 menu-drawer__list-item 5920 5921 " 5922 ><a 5923 id="HeaderDrawer-baby-care-baby-wash" 5924 href="/collections/baby-wash" 5925 class="menu-drawer__menu-item menu-drawer__menu-item--parent focus-inset" 5926 5927 > 5928 5929 <span class="menu-drawer__menu-item-text wrap-text">Baby Wash</span> 5930 </a></li><li 5931 class=" 5932 menu-drawer__list-item 5933 5934 " 5935 ><a 5936 id="HeaderDrawer-baby-care-baby-lotion" 5937 href="/collections/baby-lotion" 5938 class="menu-drawer__menu-item menu-drawer__menu-item--parent focus-inset" 5939 5940 > 5941 5942 <span class="menu-drawer__menu-item-text wrap-text">Baby Lotion</span> 5943 </a></li><li 5944 class=" 5945 menu-drawer__list-item 5946 5947 " 5948 ><a 5949 id="HeaderDrawer-baby-care-rashes-treatment" 5950 href="/collections/rashes-treatment" 5951 class="menu-drawer__menu-item menu-drawer__menu-item--parent focus-inset" 5952 5953 > 5954 5955 <span class="menu-drawer__menu-item-text wrap-text">Rashes Treatment</span> 5956 </a></li></ul> 5957 5958 </div> 5959 </div> 5960 </details></li> 5961 <li 5962 class="menu-drawer__list-item" 5963 style="--menu-drawer-animation-index: 8;" 5964 ><a 5965 id="HeaderDrawer-brands" 5966 href="/pages/brands-page" 5967 class="menu-drawer__menu-item menu-drawer__menu-item--mainlist menu-drawer__animated-element focus-inset" 5968 5969 >
5970 <span class="menu-drawer__menu-item-text wrap-text">Brands</span> 5971 </a></li> 5972 <li 5973 class="menu-drawer__list-item" 5974 style="--menu-drawer-animation-index: 9;" 5975 ><a 5976 id="HeaderDrawer-sale" 5977 href="/collections/sale" 5978 class="menu-drawer__menu-item menu-drawer__menu-item--mainlist menu-drawer__animated-element focus-inset" 5979 5980 > 5981 <span class="menu-drawer__menu-item-text wrap-text">Sale</span> 5982 </a></li> 5983 </ul> 5984 </nav> 5985 <div 5986 class="menu-drawer__utility-links menu-drawer__animated-element" 5987 style="--menu-drawer-animation-index: 9;" 5988 > 5989 5990 </div> 5991 5992 5993 </div> 5994 <div 5995 class="menu-drawer__backdrop" 5996 on:click="header-drawer/close" 5997 ></div> 5998 </details> 5999</header-drawer> 6000 6001 6002 6003 </div> 6004 6005 6006 6007<style data-shopify> 6008 .header__underlay { 6009 --color-submenu: rgb(255 255 255); 6010 } 6011</style> 6012 6013 6014 6015 6016 6017 6018 6019 6020 6021 6022 <search-button 6023 class="search-action search-action--hidden-on-menu" 6024 > 6025 <button 6026 on:click="#search-modal/showDialog" 6027 class="button-unstyled header-actions__action" 6028 aria-label="Search" 6029 aria-haspopup="dialog" 6030 > 6031 <span class="hidden"> 6032 Search 6033 </span> 6034 6035 <span class="svg-wrapper "> 6036 <svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><circle cx="9" cy="9" r="4.75" stroke="currentColor" stroke-width="var(--icon-stroke-width)"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="m12.5 12.5 3.25 3.25"/></svg> 6037 6038 </span> 6039 </button> 6040 </search-button> 6041 6042 6043 6044 6045 6046 6047 6048 6049 6050 6051 6052 6053 6054 6055<a 6056 6057 href="/" 6058 class="size-style spacing-style header-logo" 6059 style=" 6060 --size-style-width: ;--size-style-height: ; 6061 --padding-block-start: 0px;--padding-block-end: 0px; 6062 --font-family: var(--font-body--family); 6063 --font-style: var(--font-body--style); 6064 --font-weight: 600; 6065 " 6066 6067> 6068 6069 6070 <span 6071 class="header-logo__image-container header-logo__image-container--original" 6072 data-testid="header-logo" 6073 > 6074 6075 6076 6077 6078 6079 6080 6081 6082 6083 6084 6085 6086 <img src="//cozmetica.pk/cdn/shop/files/Cozmetica_Logo_3.webp?height=60&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;"> 6087 6088 6089 </span> 6090 6091 6092</a> 6093 6094 6095 6096 6097 6098 6099 6100 6101 </div><div 6102 class="header__column header__column--center" 6103 data-testid="header-top-center" 6104 > 6105 6106 6107 6108 6109 6110 6111 6112 6113 6114 6115 6116 6117 <style data-shopify> 6118 .color-custom-AdXpiTWJBM2htbjBtS__header-menu, 6119 .color-custom-AdXpiTWJBM2htbjBtS__header-menu .text-block { 6120 /* Background */ 6121 --color-background: #ffffff; 6122 --color-background-rgb: 255 255 255; 6123 6124 /* Opacity values adjusted for background brightness */ 6125 6126--opacity-5-15: 0.05; --opacity-10-25: 0.1; --opacity-35-55: 0.35; --opacity-40-60: 61270.4; --opacity-30-60: 0.3; --opacity-60: 0.6; 6128 6129 6130 6131 /* Foreground / text â explicit or smart-contrasted */ 6132 --color: #000000; 6133 --color-rgb: 0 0 0; 6134 --color-foreground: #000000; 6135 --color-foreground-rgb: 0 0 0; 6136 --color-foreground-muted: rgb(0 0 0 / var(--opacity-muted-text)); 6137 --color-foreground-subdued: rgb(0 0 0 / var(--opacity-subdued-text)); 6138 --color-border: var(--palette-darkest); 6139 --color-border-rgb: var(--palette-darkest-rgb); 6140 6141 } 6142 6143 6144 .color-custom-AdXpiTWJBM2htbjBtS__header-menu { 6145 /* Form-related tokens stay on .color-custom only â .text-block is a prose 6146 container (text/announcement/inline-text/blog-post-description/ 6147 collection-link/price/sku) and never holds form inputs. */ 6148 --input-disabled-background-color: rgb(0 0 0 / var(--opacity-10)); 6149 --input-disabled-border-color: rgb(0 0 0 / var(--opacity-5)); 6150 --input-disabled-text-color: rgb(0 0 0 / var(--opacity-50)); 6151 --checkbox-border: 1px solid rgb(0 0 0 / var(--opacity-35-55)); 6152 } 6153 6154 6155 .color-custom-AdXpiTWJBM2htbjBtS__header-menu { 6156 color: var(--color, var(--color-foreground)); 6157 background-color: var(--color-background); 6158 } 6159 </style> 6160 6161 6162 6163 6164 6165 <header-menu 6166 ref="headerMenu" 6167 class="header-menu" 6168 6169 data-hydration-key="header-menu" 6170 > 6171 <div class="header-menu__inner"> 6172 <nav 6173 class="menu-list" 6174 aria-label="Primary" 6175 style="--menu-top-level-font-family: var(--font-body--family); 6176--menu-top-level-font-size-desktop: 0.875rem; --menu-top-level-font-style: var(--font-body--style);
6176 --menu-top-level-font-weight: var(--font-body--weight); --menu-top-level-font-case:none; 6177 6178 --menu-top-level-font-size: var(--menu-font-sm--size); --menu-top-level-font-line-height: 6179 var(--menu-font-sm--line-height); 6180 6181--menu-top-level-font-color: var(--color-foreground); --menu-top-level-font-color-rgb: var(--color-foreground-rgb); 6182" 6183 > 6184 6185 <overflow-list 6186 6187 ref="overflowMenu" 6188 6189 6190 class="overflow-menu background-matches-parent" 6191 6192 6193 minimum-items="2" 6194 6195 6196 data-testid="header-menu-overflow-list" 6197 6198 6199 data-skip-node-update 6200 6201> 6202 <template shadowrootmode="open"> 6203 <link href="//cozmetica.pk/cdn/shop/t/140/assets/overflow-list.css?v=16727044177065489451785524563" rel="stylesheet" type="text/css" media="all" /> 6204 6205 <ul part="list"> 6206 <slot></slot> 6207 <slot 6208 name="more" 6209 part="more" 6210 hidden 6211 6212 > 6213 <li 6214 part="more" 6215 > 6216 <button 6217 class="button" 6218 type="button" 6219 tabindex="0" 6220 6221 > 6222 More 6223 </button> 6224 </li> 6225 </slot> 6226 <li 6227 part="placeholder" 6228 hidden 6229 ></li> 6230 </ul> 6231 6232 <div part="overflow"> 6233 <ul part="overflow-list"> 6234 <slot name="overflow"></slot> 6235 </ul> 6236 </div> 6237 </template> 6238 6239 6240 6241 <li 6242 role="presentation" 6243 class="menu-list__list-item" 6244 on:focus="/activate" 6245 on:blur="/deactivate" 6246 on:pointerenter="/activate" 6247 on:pointerleave="/deactivate" 6248 > 6249 <a 6250 href="/collections/makeup" 6251 data-skip-node-update="true" 6252 class="menu-list__link"aria-controls="submenu-1" 6253 aria-haspopup="true" 6254 aria-expanded="false" 6255 ref="menuitem" 6256 > 6257 <span class="menu-list__link-title">MakeUp</span> 6258 </a><div class="menu-list__submenu background-matches-parent" ref="submenu[]"> 6259 <div 6260 id="submenu-1" 6261 class="menu-list__submenu-inner" 6262 style="--menu-parent-font-family: var(--font-body--family); --menu-parent-font-style: 6263var(--font-body--style); --menu-parent-font-weight: var(--font-body--weight); --menu-parent-font-case: 6264none; 6265 6266 --menu-parent-font-size: var(--menu-font-sm--size); --menu-parent-font-line-height: 6267 var(--menu-font-sm--line-height); --menu-parent-font-color: var(--color-foreground-subdued); 6268 --menu-parent-active-font-color: var(--color-foreground); 6269 6270--menu-child-font-family: var(--font-body--family); --menu-child-font-style:var(--font-body--style); --menu-child-font-weight: var(--font-body--weight); --menu-child-font-case: 6271none; 6272 6273 --menu-child-font-size: var(--menu-font-md--size); --menu-child-font-line-height: var(--menu-font-md--line-height); 6274 --menu-child-font-color: var(--color-foreground); --menu-child-active-font-color: var(--color-foreground-subdued); 6275 6276" 6277 > 6278 6279 <div class="mega-menu section section--full-width-margin section--full-width"> 6280 <div 6281 class="mega-menu__grid" 6282 data-menu-grid-id="MegaMenuList-1" 6283 > 6284 6285<ul 6286 data-menu-list-id="MegaMenuList-1" 6287 class="mega-menu__list list-unstyled" 6288 style="--menu-image-border-radius: 0px;" 6289> 6290 6291 <li class="mega-menu__column mega-menu__column--span-1"> 6292 <div> 6293 <a 6294 href="#" 6295 class="mega-menu__link mega-menu__link--parent" 6296 > 6297 6298 <span class="wrap-text">Eyes</span> 6299 </a> 6300 6301 <ul 6302 class="list-unstyled" 6303 6304 style="column-count: 1;" 6305 6306 > 6307 6308 6309 <li 6310 6311 > 6312 <a 6313 href="/collections/mascara" 6314 class="mega-menu__link" 6315 > 6316 <span class="wrap-text">Mascara</span> 6317 </a> 6318 </li> 6319 6320 6321 <li 6322 6323 > 6324 <a 6325 href="/collections/eyeliner" 6326 class="mega-menu__link" 6327 >
6328 <span class="wrap-text">Eyeliner</span> 6329 </a> 6330 </li> 6331 6332 6333 <li 6334 6335 > 6336 <a 6337 href="/collections/eye-pencil" 6338 class="mega-menu__link" 6339 > 6340 <span class="wrap-text">Eye Pencil</span> 6341 </a> 6342 </li> 6343 6344 6345 <li 6346 6347 > 6348 <a 6349 href="/collections/eye-palettes" 6350 class="mega-menu__link" 6351 > 6352 <span class="wrap-text">Eye Palettes</span> 6353 </a> 6354 </li> 6355 6356 6357 <li 6358 6359 > 6360 <a 6361 href="/collections/eyebrow" 6362 class="mega-menu__link" 6363 > 6364 <span class="wrap-text">Eyebrow Fixer</span> 6365 </a> 6366 </li> 6367 6368 6369 <li 6370 6371 > 6372 <a 6373 href="/collections/eye-primer" 6374 class="mega-menu__link" 6375 > 6376 <span class="wrap-text">Eye Primer</span> 6377 </a> 6378 </li> 6379 6380 6381 <li 6382 6383 > 6384 <a 6385 href="/collections/eye-lashes" 6386 class="mega-menu__link" 6387 > 6388 <span class="wrap-text">Lashes & Glues</span> 6389 </a> 6390 </li> 6391 6392 </ul> 6393 6394 </div> 6395 6396 </li> 6397 6398 <li class="mega-menu__column mega-menu__column--span-2"> 6399 <div> 6400 <a 6401 href="#" 6402 class="mega-menu__link mega-menu__link--parent" 6403 > 6404 6405 <span class="wrap-text">Face</span> 6406 </a> 6407 6408 <ul 6409 class="list-unstyled" 6410 6411 style="column-count: 2;" 6412 6413 > 6414 6415 6416 <li 6417 6418 > 6419 <a 6420 href="/collections/foundation" 6421 class="mega-menu__link" 6422 > 6423 <span class="wrap-text">Foundation</span> 6424 </a> 6425 </li> 6426 6427 6428 <li 6429 6430 > 6431 <a 6432 href="/collections/face-primer" 6433 class="mega-menu__link" 6434 > 6435 <span class="wrap-text">Primer</span> 6436 </a> 6437 </li> 6438 6439 6440 <li 6441 6442 > 6443 <a 6444 href="/collections/powder" 6445 class="mega-menu__link" 6446 > 6447 <span class="wrap-text">Powder</span> 6448 </a> 6449 </li> 6450 6451 6452 <li 6453 6454 > 6455 <a 6456 href="/collections/bb-cc-creams" 6457 class="mega-menu__link" 6458 > 6459 <span class="wrap-text">BB & CC Creams</span> 6460 </a> 6461 </li> 6462 6463 6464 <li 6465 6466 > 6467 <a 6468 href="/collections/concealer" 6469 class="mega-menu__link" 6470 > 6471 <span class="wrap-text">Concealer & Correctors</span> 6472 </a> 6473 </li> 6474 6475 6476 <li 6477 6478 > 6479 <a 6480 href="/collections/blush" 6481 class="mega-menu__link" 6482 > 6483 <span class="wrap-text">Blush On</span> 6484 </a> 6485 </li> 6486 6487 6488 <li 6489 6490 > 6491 <a 6492 href="/collections/makeup-fixer" 6493 class="mega-menu__link" 6494 > 6495 <span class="wrap-text">Makeup Fixer</span> 6496 </a> 6497 </li> 6498 6499 6500 <li 6501 6502 > 6503 <a 6504 href="/collections/highlighter" 6505 class="mega-menu__link" 6506 >
6507 <span class="wrap-text">Highlighter</span> 6508 </a> 6509 </li> 6510 6511 6512 <li 6513 6514 > 6515 <a 6516 href="/collections/face-sprays" 6517 class="mega-menu__link" 6518 > 6519 <span class="wrap-text">Fixing Sprays</span> 6520 </a> 6521 </li> 6522 6523 6524 <li 6525 6526 style="break-after: column;" 6527 6528 > 6529 <a 6530 href="/collections/colour-corrector" 6531 class="mega-menu__link" 6532 > 6533 <span class="wrap-text">Colour Corrector</span> 6534 </a> 6535 </li> 6536 6537 6538 <li 6539 6540 > 6541 <a 6542 href="/collections/makeup-remover" 6543 class="mega-menu__link" 6544 > 6545 <span class="wrap-text">Makeup Remover</span> 6546 </a> 6547 </li> 6548 6549 6550 <li 6551 6552 > 6553 <a 6554 href="/collections/contour" 6555 class="mega-menu__link" 6556 > 6557 <span class="wrap-text">Contour</span> 6558 </a> 6559 </li> 6560 6561 6562 <li 6563 6564 > 6565 <a 6566 href="/collections/bronzer" 6567 class="mega-menu__link" 6568 > 6569 <span class="wrap-text">Bronzer</span> 6570 </a> 6571 </li> 6572 6573 </ul> 6574 6575 </div> 6576 6577 </li> 6578 6579 <li class="mega-menu__column mega-menu__column--span-1"> 6580 <div> 6581 <a 6582 href="#" 6583 class="mega-menu__link mega-menu__link--parent" 6584 > 6585 6586 <span class="wrap-text">Lips</span> 6587 </a> 6588 6589 <ul 6590 class="list-unstyled" 6591 6592 style="column-count: 1;" 6593 6594 > 6595 6596 6597 <li 6598 6599 > 6600 <a 6601 href="/collections/lipstick" 6602 class="mega-menu__link" 6603 > 6604 <span class="wrap-text">Lipstick</span> 6605 </a> 6606 </li> 6607 6608 6609 <li 6610 6611 > 6612 <a 6613 href="/collections/lip-gloss" 6614 class="mega-menu__link" 6615 > 6616 <span class="wrap-text">Lip Gloss</span> 6617 </a> 6618 </li> 6619 6620 6621 <li 6622 6623 > 6624 <a 6625 href="/collections/lip-oil" 6626 class="mega-menu__link" 6627 > 6628 <span class="wrap-text">Lip Oils</span> 6629 </a> 6630 </li> 6631 6632 6633 <li 6634 6635 > 6636 <a 6637 href="/collections/lip-and-cheek-tints" 6638 class="mega-menu__link" 6639 > 6640 <span class="wrap-text">Lip & Cheek Tints</span> 6641 </a> 6642 </li> 6643 6644 6645 <li 6646 6647 > 6648 <a 6649 href="/collections/lip-balm-treatment" 6650 class="mega-menu__link" 6651 > 6652 <span class="wrap-text">Lip Balm & Treatment</span> 6653 </a> 6654 </li> 6655 6656 6657 <li 6658 6659 > 6660 <a 6661 href="/collections/lipliner" 6662 class="mega-menu__link" 6663 > 6664 <span class="wrap-text">Lipliner</span> 6665 </a> 6666 </li> 6667 6668 </ul> 6669 6670 </div> 6671 6672 </li> 6673 6674 <li class="mega-menu__column mega-menu__column--span-1"> 6675 <div> 6676 <a 6677 href="#" 6678 class="mega-menu__link mega-menu__link--parent" 6679 > 6680 6681 <span class="wrap-text">Nails</span> 6682 </a> 6683 6684 <ul 6685 class="list-unstyled" 6686 6687 style="column-count: 1;" 6688 6689 > 6690 6691 6692 <li 6693 6694 > 6695 <a 6696 href="/collections/nail-polish" 6697 class="mega-menu__link" 6698 >
6699 <span class="wrap-text">Nail Polish</span> 6700 </a> 6701 </li> 6702 6703 6704 <li 6705 6706 > 6707 <a 6708 href="/collections/top-base-coats" 6709 class="mega-menu__link" 6710 > 6711 <span class="wrap-text">Top & Base Coats</span> 6712 </a> 6713 </li> 6714 6715 6716 <li 6717 6718 > 6719 <a 6720 href="/collections/nail-sticker" 6721 class="mega-menu__link" 6722 > 6723 <span class="wrap-text">Nail Stickers</span> 6724 </a> 6725 </li> 6726 6727 6728 <li 6729 6730 > 6731 <a 6732 href="/collections/nail-polish-remover" 6733 class="mega-menu__link" 6734 > 6735 <span class="wrap-text">Nail Polish Remover</span> 6736 </a> 6737 </li> 6738 6739 </ul> 6740 6741 </div> 6742 6743 </li> 6744 6745 <li class="mega-menu__column mega-menu__column--span-1"> 6746 <div> 6747 <a 6748 href="#" 6749 class="mega-menu__link mega-menu__link--parent" 6750 > 6751 6752 <span class="wrap-text">Tools & Accessories</span> 6753 </a> 6754 6755 <ul 6756 class="list-unstyled" 6757 6758 style="column-count: 1;" 6759 6760 > 6761 6762 6763 <li 6764 6765 > 6766 <a 6767 href="/collections/eye-lashes" 6768 class="mega-menu__link" 6769 > 6770 <span class="wrap-text">Lashes & Glues</span> 6771 </a> 6772 </li> 6773 6774 6775 <li 6776 6777 > 6778 <a 6779 href="/collections/eye-brushes" 6780 class="mega-menu__link" 6781 > 6782 <span class="wrap-text">Eye Brushes</span> 6783 </a> 6784 </li> 6785 6786 6787 <li 6788 6789 > 6790 <a 6791 href="/collections/face-brushes" 6792 class="mega-menu__link" 6793 > 6794 <span class="wrap-text">Face Brushes</span> 6795 </a> 6796 </li> 6797 6798 6799 <li 6800 6801 > 6802 <a 6803 href="/collections/makeup-sponge" 6804 class="mega-menu__link" 6805 > 6806 <span class="wrap-text">Makeup Sponges</span> 6807 </a> 6808 </li> 6809 6810 6811 <li 6812 6813 > 6814 <a 6815 href="/collections/makeup-bag" 6816 class="mega-menu__link" 6817 > 6818 <span class="wrap-text">Makeup Bags</span> 6819 </a> 6820 </li> 6821 6822 6823 <li 6824 6825 > 6826 <a 6827 href="/collections/sharpeners" 6828 class="mega-menu__link" 6829 > 6830 <span class="wrap-text">Sharpeners</span> 6831 </a> 6832 </li> 6833 6834 </ul> 6835 6836 </div> 6837 6838 </li> 6839 6840</ul> 6841 6842 6843 6844<style data-shopify> 6845 [data-menu-grid-id="MegaMenuList-1"] { 6846 6847 --menu-columns-desktop: 6; 6848 --menu-columns-tablet: 4; 6849 6850 } 6851 6852 [data-menu-list-id="MegaMenuList-1"] { 6853 6854 --menu-columns-desktop: 6; 6855 --menu-columns-tablet: 4; 6856 6857 } 6858</style> 6859 6860 6861<span 6862 class="mega-menu__content" 6863 style="--menu-content-columns-desktop: 0; --menu-content-columns-tablet: 0; --resource-card-corner-radius: 0px;" 6864 > 6865 <ul 6866 class="mega-menu__content-list mega-menu__content-list--products list-unstyled" 6867 > 6868 6869 </ul> 6870 </span> 6871 6872 6873 </div> 6874 </div> 6875 </div> 6876 </div></li> 6877 6878 <li 6879 role="presentation" 6880 class="menu-list__list-item" 6881 on:focus="/activate" 6882 on:blur="/deactivate" 6883 on:pointerenter="/activate" 6884 on:pointerleave="/deactivate" 6885 > 6886 <a 6887 href="/collections/korean-skincare" 6888 data-skip-node-update="true" 6889 class="menu-list__link"aria-controls="submenu-2" 6890 aria-haspopup="true" 6891 aria-expanded="false" 6892 ref="menuitem" 6893 >
6894 <span class="menu-list__link-title">Korean Beauty</span> 6895 </a><div class="menu-list__submenu background-matches-parent" ref="submenu[]"> 6896 <div 6897 id="submenu-2" 6898 class="menu-list__submenu-inner" 6899 style="--menu-parent-font-family: var(--font-body--family); --menu-parent-font-style: 6900var(--font-body--style); --menu-parent-font-weight: var(--font-body--weight); --menu-parent-font-case: 6901none; 6902 6903 --menu-parent-font-size: var(--menu-font-sm--size); --menu-parent-font-line-height: 6904 var(--menu-font-sm--line-height); --menu-parent-font-color: var(--color-foreground-subdued); 6905 --menu-parent-active-font-color: var(--color-foreground); 6906 6907--menu-child-font-family: var(--font-body--family); --menu-child-font-style:var(--font-body--style); --menu-child-font-weight: var(--font-body--weight); --menu-child-font-case: 6908none; 6909 6910 --menu-child-font-size: var(--menu-font-md--size); --menu-child-font-line-height: var(--menu-font-md--line-height); 6911 --menu-child-font-color: var(--color-foreground); --menu-child-active-font-color: var(--color-foreground-subdued); 6912 6913" 6914 > 6915 6916 <div class="mega-menu section section--full-width-margin section--full-width"> 6917 <div 6918 class="mega-menu__grid" 6919 data-menu-grid-id="MegaMenuList-2" 6920 > 6921 6922<ul 6923 data-menu-list-id="MegaMenuList-2" 6924 class="mega-menu__list list-unstyled" 6925 style="--menu-image-border-radius: 0px;" 6926> 6927 6928 <li class="mega-menu__column mega-menu__column--span-1"> 6929 <div> 6930 <a 6931 href="/collections/korean-ampoules" 6932 class="mega-menu__link " 6933 > 6934 6935 <span class="wrap-text">Ampoules</span> 6936 </a> 6937 6938 </div> 6939 6940 6941 6942 6943 <div> 6944 <a 6945 href="/collections/korean-sunscreen" 6946 class="mega-menu__link " 6947 > 6948 6949 <span class="wrap-text">Sunscreen</span> 6950 </a> 6951 6952 </div> 6953 6954 6955 6956 6957 <div> 6958 <a 6959 href="/collections/korean-serums" 6960 class="mega-menu__link " 6961 > 6962 6963 <span class="wrap-text">Serums</span> 6964 </a> 6965 6966 </div> 6967 6968 6969 6970 6971 <div> 6972 <a 6973 href="/collections/korean-cleansers" 6974 class="mega-menu__link " 6975 > 6976 6977 <span class="wrap-text">Cleansers</span> 6978 </a> 6979 6980 </div> 6981 6982 6983 6984 6985 <div> 6986 <a 6987 href="/collections/korean-skincare/moisturizer" 6988 class="mega-menu__link " 6989 > 6990 6991 <span class="wrap-text">Moisturizers</span> 6992 </a> 6993 6994 </div> 6995 6996 6997 6998 6999 <div> 7000 <a 7001 href="/collections/korean-skincare/face-masks" 7002 class="mega-menu__link " 7003 > 7004 7005 <span class="wrap-text">Face Mask</span> 7006 </a> 7007 7008 </div> 7009 7010 7011 7012 7013 <div> 7014 <a 7015 href="/collections/korean-skincare" 7016 class="mega-menu__link " 7017 > 7018 7019 <span class="wrap-text">View All</span> 7020 </a> 7021 7022 </div> 7023 7024 </li> 7025 7026 <li class="mega-menu__column mega-menu__column--span-2"> 7027 <div> 7028 <a 7029 href="#" 7030 class="mega-menu__link mega-menu__link--parent" 7031 > 7032 7033 <span class="wrap-text">Shop By Brands</span> 7034 </a> 7035 7036 <ul 7037 class="list-unstyled" 7038 7039 style="column-count: 2;" 7040 7041 > 7042 7043 7044 <li 7045 7046 > 7047 <a 7048 href="/collections/skin1004" 7049 class="mega-menu__link" 7050 > 7051 <span class="wrap-text">Skin1004</span> 7052 </a> 7053 </li> 7054 7055 7056 <li 7057 7058 > 7059 <a 7060 href="/collections/beauty-of-joseon" 7061 class="mega-menu__link" 7062 > 7063 <span class="wrap-text">Beauty Of Joseon</span> 7064 </a> 7065 </li> 7066 7067 7068 <li 7069 7070 > 7071 <a 7072 href="/collections/anua" 7073 class="mega-menu__link" 7074 >
7075 <span class="wrap-text">Anua</span> 7076 </a> 7077 </li> 7078 7079 7080 <li 7081 7082 > 7083 <a 7084 href="/collections/medicube" 7085 class="mega-menu__link" 7086 > 7087 <span class="wrap-text">Medicube</span> 7088 </a> 7089 </li> 7090 7091 7092 <li 7093 7094 > 7095 <a 7096 href="/collections/COSRX" 7097 class="mega-menu__link" 7098 > 7099 <span class="wrap-text">COSRX</span> 7100 </a> 7101 </li> 7102 7103 7104 <li 7105 7106 > 7107 <a 7108 href="/products/celimax-the-vita-a-retinal-shot-tightening-booster" 7109 class="mega-menu__link" 7110 > 7111 <span class="wrap-text">Celimax</span> 7112 </a> 7113 </li> 7114 7115 7116 <li 7117 7118 > 7119 <a 7120 href="/collections/dr-althea" 7121 class="mega-menu__link" 7122 > 7123 <span class="wrap-text">Dr Althea</span> 7124 </a> 7125 </li> 7126 7127 7128 <li 7129 7130 > 7131 <a 7132 href="/collections/Axis-Y" 7133 class="mega-menu__link" 7134 > 7135 <span class="wrap-text">Axis-Y</span> 7136 </a> 7137 </li> 7138 7139 7140 <li 7141 7142 > 7143 <a 7144 href="/products/purito-seoul-mighty-bamboo-panthenol-moisturizing-cream-100ml" 7145 class="mega-menu__link" 7146 > 7147 <span class="wrap-text">Purito Seoul</span> 7148 </a> 7149 </li> 7150 7151 7152 <li 7153 7154 style="break-after: column;" 7155 7156 > 7157 <a 7158 href="/collections/eqqualberry" 7159 class="mega-menu__link" 7160 > 7161 <span class="wrap-text">Eqqual Berry</span> 7162 </a> 7163 </li> 7164 7165 7166 <li 7167 7168 > 7169 <a 7170 href="/products/im-from-mugwort-serum-30ml" 7171 class="mega-menu__link" 7172 > 7173 <span class="wrap-text">I'm From</span> 7174 </a> 7175 </li> 7176 7177 7178 <li 7179 7180 > 7181 <a 7182 href="/collections/arencia" 7183 class="mega-menu__link" 7184 > 7185 <span class="wrap-text">Arencia</span> 7186 </a> 7187 </li> 7188 7189 7190 <li 7191 7192 > 7193 <a 7194 href="/collections/vt-cosmetics" 7195 class="mega-menu__link" 7196 > 7197 <span class="wrap-text">VT Cosmetics</span> 7198 </a> 7199 </li> 7200 7201 7202 <li 7203 7204 > 7205 <a 7206 href="/collections/numbuzin" 7207 class="mega-menu__link" 7208 > 7209 <span class="wrap-text">Numbuzin</span> 7210 </a> 7211 </li> 7212 7213 </ul> 7214 7215 </div> 7216 7217 </li> 7218 7219</ul> 7220 7221 7222 7223<style data-shopify> 7224 [data-menu-grid-id="MegaMenuList-2"] { 7225 7226 --menu-columns-desktop: 6; 7227 --menu-columns-tablet: 4; 7228 7229 } 7230 7231 [data-menu-list-id="MegaMenuList-2"] { 7232 7233 --menu-columns-desktop: 6; 7234 --menu-columns-tablet: 4; 7235 7236 } 7237</style> 7238 7239 7240<span 7241 class="mega-menu__content" 7242 style="--menu-content-columns-desktop: 0; --menu-content-columns-tablet: 0; --resource-card-corner-radius: 0px;" 7243 > 7244 <ul 7245 class="mega-menu__content-list mega-menu__content-list--products list-unstyled" 7246 > 7247 7248 </ul> 7249 </span> 7250 7251 7252 </div> 7253 </div> 7254 </div> 7255 </div></li> 7256 7257 <li 7258 role="presentation" 7259 class="menu-list__list-item" 7260 on:focus="/activate" 7261 on:blur="/deactivate"
7262 on:pointerenter="/activate" 7263 on:pointerleave="/deactivate" 7264 > 7265 <a 7266 href="/collections/skin-care" 7267 data-skip-node-update="true" 7268 class="menu-list__link"aria-controls="submenu-3" 7269 aria-haspopup="true" 7270 aria-expanded="false" 7271 ref="menuitem" 7272 > 7273 <span class="menu-list__link-title">Skin Care</span> 7274 </a><div class="menu-list__submenu background-matches-parent" ref="submenu[]"> 7275 <div 7276 id="submenu-3" 7277 class="menu-list__submenu-inner" 7278 style="--menu-parent-font-family: var(--font-body--family); --menu-parent-font-style: 7279var(--font-body--style); --menu-parent-font-weight: var(--font-body--weight); --menu-parent-font-case: 7280none; 7281 7282 --menu-parent-font-size: var(--menu-font-sm--size); --menu-parent-font-line-height: 7283 var(--menu-font-sm--line-height); --menu-parent-font-color: var(--color-foreground-subdued); 7284 --menu-parent-active-font-color: var(--color-foreground); 7285 7286--menu-child-font-family: var(--font-body--family); --menu-child-font-style:var(--font-body--style); --menu-child-font-weight: var(--font-body--weight); --menu-child-font-case: 7287none; 7288 7289 --menu-child-font-size: var(--menu-font-md--size); --menu-child-font-line-height: var(--menu-font-md--line-height); 7290 --menu-child-font-color: var(--color-foreground); --menu-child-active-font-color: var(--color-foreground-subdued); 7291 7292" 7293 > 7294 7295 <div class="mega-menu section section--full-width-margin section--full-width"> 7296 <div 7297 class="mega-menu__grid" 7298 data-menu-grid-id="MegaMenuList-3" 7299 > 7300 7301<ul 7302 data-menu-list-id="MegaMenuList-3" 7303 class="mega-menu__list list-unstyled" 7304 style="--menu-image-border-radius: 0px;" 7305> 7306 7307 <li class="mega-menu__column mega-menu__column--span-1"> 7308 <div> 7309 <a 7310 href="#" 7311 class="mega-menu__link mega-menu__link--parent" 7312 > 7313 7314 <span class="wrap-text">Shop By Concern</span> 7315 </a> 7316 7317 <ul 7318 class="list-unstyled" 7319 7320 style="column-count: 1;" 7321 7322 > 7323 7324 7325 <li 7326 7327 > 7328 <a 7329 href="/collections/acne-blemishes" 7330 class="mega-menu__link" 7331 > 7332 <span class="wrap-text">Acne / Breakouts / Blemishes</span> 7333 </a> 7334 </li> 7335 7336 7337 <li 7338 7339 > 7340 <a 7341 href="/collections/dullness-uneven-texture" 7342 class="mega-menu__link" 7343 > 7344 <span class="wrap-text">Brightening / Glow / Texture</span> 7345 </a> 7346 </li> 7347 7348 7349 <li 7350 7351 > 7352 <a 7353 href="/collections/pores" 7354 class="mega-menu__link" 7355 > 7356 <span class="wrap-text">Pores Clenasing / Oil Control</span> 7357 </a> 7358 </li> 7359 7360 7361 <li 7362 7363 > 7364 <a 7365 href="/collections/dark-spots" 7366 class="mega-menu__link" 7367 > 7368 <span class="wrap-text">Dark Spots & Dullness</span> 7369 </a> 7370 </li> 7371 7372 7373 <li 7374 7375 > 7376 <a 7377 href="/collections/dryness" 7378 class="mega-menu__link" 7379 > 7380 <span class="wrap-text">Dryness</span> 7381 </a> 7382 </li> 7383 7384 7385 <li 7386 7387 > 7388 <a 7389 href="/collections/anti-aging" 7390 class="mega-menu__link" 7391 > 7392 <span class="wrap-text">Anti-Aging</span> 7393 </a> 7394 </li> 7395 7396 7397 <li 7398 7399 > 7400 <a 7401 href="/collections/fine-lines-wrinkles" 7402 class="mega-menu__link" 7403 >
7404 <span class="wrap-text">Fine Lines & Wrinkles</span> 7405 </a> 7406 </li> 7407 7408 7409 <li 7410 7411 > 7412 <a 7413 href="/collections/hyperpigmentation" 7414 class="mega-menu__link" 7415 > 7416 <span class="wrap-text">Pigmentation / Scars</span> 7417 </a> 7418 </li> 7419 7420 </ul> 7421 7422 </div> 7423 7424 </li> 7425 7426 <li class="mega-menu__column mega-menu__column--span-1"> 7427 <div> 7428 <a 7429 href="#" 7430 class="mega-menu__link mega-menu__link--parent" 7431 > 7432 7433 <span class="wrap-text">Serums & Toners</span> 7434 </a> 7435 7436 <ul 7437 class="list-unstyled" 7438 7439 style="column-count: 1;" 7440 7441 > 7442 7443 7444 <li 7445 7446 > 7447 <a 7448 href="/collections/ampoules" 7449 class="mega-menu__link" 7450 > 7451 <span class="wrap-text">Ampoules (New)</span> 7452 </a> 7453 </li> 7454 7455 7456 <li 7457 7458 > 7459 <a 7460 href="/collections/face-serums" 7461 class="mega-menu__link" 7462 > 7463 <span class="wrap-text">Face Serums</span> 7464 </a> 7465 </li> 7466 7467 7468 <li 7469 7470 > 7471 <a 7472 href="/collections/toners" 7473 class="mega-menu__link" 7474 > 7475 <span class="wrap-text">Toners</span> 7476 </a> 7477 </li> 7478 7479 7480 <li 7481 7482 > 7483 <a 7484 href="/collections/face-masks" 7485 class="mega-menu__link" 7486 > 7487 <span class="wrap-text">Face Masks</span> 7488 </a> 7489 </li> 7490 7491 </ul> 7492 7493 </div> 7494 7495 </li> 7496 7497 <li class="mega-menu__column mega-menu__column--span-1"> 7498 <div> 7499 <a 7500 href="#" 7501 class="mega-menu__link mega-menu__link--parent" 7502 > 7503 7504 <span class="wrap-text">Moisturizers & Lotions</span> 7505 </a> 7506 7507 <ul 7508 class="list-unstyled" 7509 7510 style="column-count: 1;" 7511 7512 > 7513 7514 7515 <li 7516 7517 > 7518 <a 7519 href="/collections/moisturizer" 7520 class="mega-menu__link" 7521 > 7522 <span class="wrap-text">Moisturizer</span> 7523 </a> 7524 </li> 7525 7526 7527 <li 7528 7529 > 7530 <a 7531 href="/collections/face-creams" 7532 class="mega-menu__link" 7533 > 7534 <span class="wrap-text">Face Creams</span> 7535 </a> 7536 </li> 7537 7538 7539 <li 7540 7541 > 7542 <a 7543 href="/collections/sunblock" 7544 class="mega-menu__link" 7545 > 7546 <span class="wrap-text">Sunblock</span> 7547 </a> 7548 </li> 7549 7550 7551 <li 7552 7553 > 7554 <a 7555 href="/collections/eye-cream" 7556 class="mega-menu__link" 7557 > 7558 <span class="wrap-text">Eye Cream</span> 7559 </a> 7560 </li> 7561 7562 7563 <li 7564 7565 > 7566 <a 7567 href="/collections/body-lotion" 7568 class="mega-menu__link" 7569 > 7570 <span class="wrap-text">Body Lotion</span> 7571 </a> 7572 </li> 7573 7574 7575 <li 7576 7577 > 7578 <a 7579 href="/collections/hand-foot-care" 7580 class="mega-menu__link" 7581 > 7582 <span class="wrap-text">Hand & Foot Care</span> 7583 </a> 7584 </li> 7585 7586 7587 <li 7588 7589 > 7590 <a 7591 href="/collections/lip-balm-treatment" 7592 class="mega-menu__link" 7593 >
7594 <span class="wrap-text">Lip Balm & Treatment</span> 7595 </a> 7596 </li> 7597 7598 7599 <li 7600 7601 > 7602 <a 7603 href="/collections/face-oils" 7604 class="mega-menu__link" 7605 > 7606 <span class="wrap-text">Face Oils</span> 7607 </a> 7608 </li> 7609 7610 </ul> 7611 7612 </div> 7613 7614 </li> 7615 7616 <li class="mega-menu__column mega-menu__column--span-1"> 7617 <div> 7618 <a 7619 href="#" 7620 class="mega-menu__link mega-menu__link--parent" 7621 > 7622 7623 <span class="wrap-text">Daily Cleansing Care</span> 7624 </a> 7625 7626 <ul 7627 class="list-unstyled" 7628 7629 style="column-count: 1;" 7630 7631 > 7632 7633 7634 <li 7635 7636 > 7637 <a 7638 href="/collections/cleanser" 7639 class="mega-menu__link" 7640 > 7641 <span class="wrap-text">Cleanser</span> 7642 </a> 7643 </li> 7644 7645 7646 <li 7647 7648 > 7649 <a 7650 href="/collections/face-wash" 7651 class="mega-menu__link" 7652 > 7653 <span class="wrap-text">Face Wash</span> 7654 </a> 7655 </li> 7656 7657 7658 <li 7659 7660 > 7661 <a 7662 href="/collections/face-scrub" 7663 class="mega-menu__link" 7664 > 7665 <span class="wrap-text">Face Scrub</span> 7666 </a> 7667 </li> 7668 7669 7670 <li 7671 7672 > 7673 <a 7674 href="/collections/face-wipes" 7675 class="mega-menu__link" 7676 > 7677 <span class="wrap-text">Face Wipes</span> 7678 </a> 7679 </li> 7680 7681 7682 <li 7683 7684 > 7685 <a 7686 href="/collections/body-wash" 7687 class="mega-menu__link" 7688 > 7689 <span class="wrap-text">Body Wash</span> 7690 </a> 7691 </li> 7692 7693 </ul> 7694 7695 </div> 7696 7697 </li> 7698 7699 <li class="mega-menu__column mega-menu__column--span-1"> 7700 <div> 7701 <a 7702 href="#" 7703 class="mega-menu__link mega-menu__link--parent" 7704 > 7705 7706 <span class="wrap-text">Face Masks</span> 7707 </a> 7708 7709 <ul 7710 class="list-unstyled" 7711 7712 style="column-count: 1;" 7713 7714 > 7715 7716 7717 <li 7718 7719 > 7720 <a 7721 href="/collections/sheet-masks" 7722 class="mega-menu__link" 7723 > 7724 <span class="wrap-text">Sheet Masks</span> 7725 </a> 7726 </li> 7727 7728 7729 <li 7730 7731 > 7732 <a 7733 href="/collections/face-masks" 7734 class="mega-menu__link" 7735 > 7736 <span class="wrap-text">Face Masks</span> 7737 </a> 7738 </li> 7739 7740 </ul> 7741 7742 </div> 7743 7744 </li> 7745 7746</ul> 7747 7748 7749 7750<style data-shopify> 7751 [data-menu-grid-id="MegaMenuList-3"] { 7752 7753 --menu-columns-desktop: 6; 7754 --menu-columns-tablet: 4; 7755 7756 } 7757 7758 [data-menu-list-id="MegaMenuList-3"] { 7759 7760 --menu-columns-desktop: 6; 7761 --menu-columns-tablet: 4; 7762 7763 } 7764</style> 7765 7766 7767<span 7768 class="mega-menu__content" 7769 style="--menu-content-columns-desktop: 0; --menu-content-columns-tablet: 0; --resource-card-corner-radius: 0px;" 7770 > 7771 <ul 7772 class="mega-menu__content-list mega-menu__content-list--products list-unstyled" 7773 > 7774 7775 </ul> 7776 </span> 7777 7778 7779 </div> 7780 </div> 7781 </div> 7782 </div></li> 7783 7784 <li 7785 role="presentation" 7786 class="menu-list__list-item" 7787 on:focus="/activate" 7788 on:blur="/deactivate"
7789 on:pointerenter="/activate" 7790 on:pointerleave="/deactivate" 7791 > 7792 <a 7793 href="/collections/hair-care" 7794 data-skip-node-update="true" 7795 class="menu-list__link"aria-controls="submenu-4" 7796 aria-haspopup="true" 7797 aria-expanded="false" 7798 ref="menuitem" 7799 > 7800 <span class="menu-list__link-title">Hair Care</span> 7801 </a><div class="menu-list__submenu background-matches-parent" ref="submenu[]"> 7802 <div 7803 id="submenu-4" 7804 class="menu-list__submenu-inner" 7805 style="--menu-parent-font-family: var(--font-body--family); --menu-parent-font-style: 7806var(--font-body--style); --menu-parent-font-weight: var(--font-body--weight); --menu-parent-font-case: 7807none; 7808 7809 --menu-parent-font-size: var(--menu-font-sm--size); --menu-parent-font-line-height: 7810 var(--menu-font-sm--line-height); --menu-parent-font-color: var(--color-foreground-subdued); 7811 --menu-parent-active-font-color: var(--color-foreground); 7812 7813--menu-child-font-family: var(--font-body--family); --menu-child-font-style:var(--font-body--style); --menu-child-font-weight: var(--font-body--weight); --menu-child-font-case: 7814none; 7815 7816 --menu-child-font-size: var(--menu-font-md--size); --menu-child-font-line-height: var(--menu-font-md--line-height); 7817 --menu-child-font-color: var(--color-foreground); --menu-child-active-font-color: var(--color-foreground-subdued); 7818 7819" 7820 > 7821 7822 <div class="mega-menu section section--full-width-margin section--full-width"> 7823 <div 7824 class="mega-menu__grid" 7825 data-menu-grid-id="MegaMenuList-4" 7826 > 7827 7828<ul 7829 data-menu-list-id="MegaMenuList-4" 7830 class="mega-menu__list list-unstyled" 7831 style="--menu-image-border-radius: 0px;" 7832> 7833 7834 <li class="mega-menu__column mega-menu__column--span-1"> 7835 <div> 7836 <a 7837 href="#" 7838 class="mega-menu__link mega-menu__link--parent" 7839 > 7840 7841 <span class="wrap-text">Shop By Concern</span> 7842 </a> 7843 7844 <ul 7845 class="list-unstyled" 7846 7847 style="column-count: 1;" 7848 7849 > 7850 7851 7852 <li 7853 7854 > 7855 <a 7856 href="/collections/hair-fall" 7857 class="mega-menu__link" 7858 > 7859 <span class="wrap-text">Hair Fall</span> 7860 </a> 7861 </li> 7862 7863 7864 <li 7865 7866 > 7867 <a 7868 href="/collections/hair-density" 7869 class="mega-menu__link" 7870 > 7871 <span class="wrap-text">Hair Density</span> 7872 </a> 7873 </li> 7874 7875 7876 <li 7877 7878 > 7879 <a 7880 href="/collections/hair-repair" 7881 class="mega-menu__link" 7882 > 7883 <span class="wrap-text">Hair Repair</span> 7884 </a> 7885 </li> 7886 7887 7888 <li 7889 7890 > 7891 <a 7892 href="/collections/dandruff" 7893 class="mega-menu__link" 7894 > 7895 <span class="wrap-text">Dandruff</span> 7896 </a> 7897 </li> 7898 7899 </ul> 7900 7901 </div> 7902 7903 </li> 7904 7905 <li class="mega-menu__column mega-menu__column--span-1"> 7906 <div> 7907 <a 7908 href="#" 7909 class="mega-menu__link mega-menu__link--parent" 7910 > 7911 7912 <span class="wrap-text">Shampoo & Conditioners</span> 7913 </a> 7914 7915 <ul 7916 class="list-unstyled" 7917 7918 style="column-count: 1;" 7919 7920 > 7921 7922 7923 <li 7924 7925 > 7926 <a 7927 href="/collections/shampoo" 7928 class="mega-menu__link" 7929 > 7930 <span class="wrap-text">Shampoo</span> 7931 </a> 7932 </li> 7933 7934 7935 <li 7936 7937 > 7938 <a 7939 href="/collections/dry-shampoo" 7940 class="mega-menu__link" 7941 >
7942 <span class="wrap-text">Dry Shampoo</span> 7943 </a> 7944 </li> 7945 7946 7947 <li 7948 7949 > 7950 <a 7951 href="/collections/conditioner" 7952 class="mega-menu__link" 7953 > 7954 <span class="wrap-text">Hair Conditioner</span> 7955 </a> 7956 </li> 7957 7958 7959 <li 7960 7961 > 7962 <a 7963 href="/collections/hair-mask" 7964 class="mega-menu__link" 7965 > 7966 <span class="wrap-text">Hair Mask</span> 7967 </a> 7968 </li> 7969 7970 </ul> 7971 7972 </div> 7973 7974 </li> 7975 7976 <li class="mega-menu__column mega-menu__column--span-1"> 7977 <div> 7978 <a 7979 href="#" 7980 class="mega-menu__link mega-menu__link--parent" 7981 > 7982 7983 <span class="wrap-text">Hair Colours</span> 7984 </a> 7985 7986 <ul 7987 class="list-unstyled" 7988 7989 style="column-count: 1;" 7990 7991 > 7992 7993 7994 <li 7995 7996 > 7997 <a 7998 href="/collections/semi-permanent" 7999 class="mega-menu__link" 8000 > 8001 <span class="wrap-text">Hair Colors / Dye</span> 8002 </a> 8003 </li> 8004 8005 8006 <li 8007 8008 > 8009 <a 8010 href="/collections/developer" 8011 class="mega-menu__link" 8012 > 8013 <span class="wrap-text">Developers</span> 8014 </a> 8015 </li> 8016 8017 </ul> 8018 8019 </div> 8020 8021 </li> 8022 8023 <li class="mega-menu__column mega-menu__column--span-1"> 8024 <div> 8025 <a 8026 href="#" 8027 class="mega-menu__link mega-menu__link--parent" 8028 > 8029 8030 <span class="wrap-text">Hair Accessories</span> 8031 </a> 8032 8033 <ul 8034 class="list-unstyled" 8035 8036 style="column-count: 1;" 8037 8038 > 8039 8040 8041 <li 8042 8043 > 8044 <a 8045 href="/collections/hair-styling" 8046 class="mega-menu__link" 8047 > 8048 <span class="wrap-text">Hair Styling</span> 8049 </a> 8050 </li> 8051 8052 8053 <li 8054 8055 > 8056 <a 8057 href="/collections/hair-straightener" 8058 class="mega-menu__link" 8059 > 8060 <span class="wrap-text">Hair Straightener</span> 8061 </a> 8062 </li> 8063 8064 8065 <li 8066 8067 > 8068 <a 8069 href="/collections/hair-curler" 8070 class="mega-menu__link" 8071 > 8072 <span class="wrap-text">Hair Curler</span> 8073 </a> 8074 </li> 8075 8076 8077 <li 8078 8079 > 8080 <a 8081 href="/collections/hair-dryer" 8082 class="mega-menu__link" 8083 > 8084 <span class="wrap-text">Hair Dryer</span> 8085 </a> 8086 </li> 8087 8088 </ul> 8089 8090 </div> 8091 8092 </li> 8093 8094 <li class="mega-menu__column mega-menu__column--span-1"> 8095 <div> 8096 <a 8097 href="/collections/hair-serum" 8098 class="mega-menu__link " 8099 > 8100 8101 <span class="wrap-text">Hair Serum</span> 8102 </a> 8103 8104 </div> 8105 8106 8107 8108 8109 <div> 8110 <a 8111 href="/collections/hair-oils" 8112 class="mega-menu__link " 8113 > 8114 8115 <span class="wrap-text">Hair Oils</span> 8116 </a> 8117 8118 </div> 8119 8120 </li> 8121 8122</ul> 8123 8124 8125 8126<style data-shopify> 8127 [data-menu-grid-id="MegaMenuList-4"] { 8128 8129 --menu-columns-desktop: 6; 8130 --menu-columns-tablet: 4; 8131 8132 } 8133 8134 [data-menu-list-id="MegaMenuList-4"] { 8135 8136 --menu-columns-desktop: 6; 8137 --menu-columns-tablet: 4; 8138 8139 } 8140</style> 8141 8142 8143<span 8144 class="mega-menu__content" 8145 style="--menu-content-columns-desktop: 0; --menu-content-columns-tablet: 0; --resource-card-corner-radius: 0px;" 8146 > 8147 <ul 8148 class="mega-menu__content-list mega-menu__content-list--products list-unstyled" 8149 > 8150 8151 </ul> 8152 </span> 8153 8154 8155 </div> 8156 </div> 8157 </div> 8158 </div></li> 8159 8160 <li 8161 role="presentation" 8162 class="menu-list__list-item" 8163 on:focus="/activate" 8164 on:blur="/deactivate"
8165 on:pointerenter="/activate" 8166 on:pointerleave="/deactivate" 8167 > 8168 <a 8169 href="/collections/health-care" 8170 data-skip-node-update="true" 8171 class="menu-list__link"aria-controls="submenu-5" 8172 aria-haspopup="true" 8173 aria-expanded="false" 8174 ref="menuitem" 8175 > 8176 <span class="menu-list__link-title">Health Care</span> 8177 </a><div class="menu-list__submenu background-matches-parent" ref="submenu[]"> 8178 <div 8179 id="submenu-5" 8180 class="menu-list__submenu-inner" 8181 style="--menu-parent-font-family: var(--font-body--family); --menu-parent-font-style: 8182var(--font-body--style); --menu-parent-font-weight: var(--font-body--weight); --menu-parent-font-case: 8183none; 8184 8185 --menu-parent-font-size: var(--menu-font-sm--size); --menu-parent-font-line-height: 8186 var(--menu-font-sm--line-height); --menu-parent-font-color: var(--color-foreground-subdued); 8187 --menu-parent-active-font-color: var(--color-foreground); 8188 8189--menu-child-font-family: var(--font-body--family); --menu-child-font-style:var(--font-body--style); --menu-child-font-weight: var(--font-body--weight); --menu-child-font-case: 8190none; 8191 8192 --menu-child-font-size: var(--menu-font-md--size); --menu-child-font-line-height: var(--menu-font-md--line-height); 8193 --menu-child-font-color: var(--color-foreground); --menu-child-active-font-color: var(--color-foreground-subdued); 8194 8195" 8196 > 8197 8198 <div class="mega-menu section section--full-width-margin section--full-width"> 8199 <div 8200 class="mega-menu__grid" 8201 data-menu-grid-id="MegaMenuList-5" 8202 > 8203 8204<ul 8205 data-menu-list-id="MegaMenuList-5" 8206 class="mega-menu__list list-unstyled" 8207 style="--menu-image-border-radius: 0px;" 8208> 8209 8210 <li class="mega-menu__column mega-menu__column--span-1"> 8211 <div> 8212 <a 8213 href="#" 8214 class="mega-menu__link mega-menu__link--parent" 8215 > 8216 8217 <span class="wrap-text">Shop By Concern</span> 8218 </a> 8219 8220 <ul 8221 class="list-unstyled" 8222 8223 style="column-count: 1;" 8224 8225 > 8226 8227 8228 <li 8229 8230 > 8231 <a 8232 href="/collections/male-vitality" 8233 class="mega-menu__link" 8234 > 8235 <span class="wrap-text">Male Vitality</span> 8236 </a> 8237 </li> 8238 8239 8240 <li 8241 8242 > 8243 <a 8244 href="/collections/pregnancy" 8245 class="mega-menu__link" 8246 > 8247 <span class="wrap-text">Pregnancy</span> 8248 </a> 8249 </li> 8250 8251 8252 <li 8253 8254 > 8255 <a 8256 href="/collections/immunity" 8257 class="mega-menu__link" 8258 > 8259 <span class="wrap-text">Immunity</span> 8260 </a> 8261 </li> 8262 8263 8264 <li 8265 8266 > 8267 <a 8268 href="/collections/bones-joints" 8269 class="mega-menu__link" 8270 > 8271 <span class="wrap-text">Bones & Joints</span> 8272 </a> 8273 </li> 8274 8275 8276 <li 8277 8278 > 8279 <a 8280 href="/collections/energy-booster" 8281 class="mega-menu__link" 8282 > 8283 <span class="wrap-text">Energy Booster</span> 8284 </a> 8285 </li> 8286 8287 8288 <li 8289 8290 > 8291 <a 8292 href="/collections/metabolism" 8293 class="mega-menu__link" 8294 > 8295 <span class="wrap-text">Metabolism & Weight Loss</span> 8296 </a> 8297 </li> 8298 8299 8300 <li 8301 8302 > 8303 <a 8304 href="/collections/prostate-functions" 8305 class="mega-menu__link" 8306 >
8307 <span class="wrap-text">Prostate Functions</span> 8308 </a> 8309 </li> 8310 8311 8312 <li 8313 8314 > 8315 <a 8316 href="/collections/natural-sweetener" 8317 class="mega-menu__link" 8318 > 8319 <span class="wrap-text">Natural Sweetener</span> 8320 </a> 8321 </li> 8322 8323 </ul> 8324 8325 </div> 8326 8327 </li> 8328 8329 <li class="mega-menu__column mega-menu__column--span-1"> 8330 <div> 8331 <a 8332 href="#" 8333 class="mega-menu__link mega-menu__link--parent" 8334 > 8335 8336 <span class="wrap-text">Supplements For Men</span> 8337 </a> 8338 8339 <ul 8340 class="list-unstyled" 8341 8342 style="column-count: 1;" 8343 8344 > 8345 8346 8347 <li 8348 8349 > 8350 <a 8351 href="/collections/men-energy-booster" 8352 class="mega-menu__link" 8353 > 8354 <span class="wrap-text">Men Energy Booster</span> 8355 </a> 8356 </li> 8357 8358 8359 <li 8360 8361 > 8362 <a 8363 href="/collections/male-vitality" 8364 class="mega-menu__link" 8365 > 8366 <span class="wrap-text">Male Vitality</span> 8367 </a> 8368 </li> 8369 8370 8371 <li 8372 8373 > 8374 <a 8375 href="/collections/prostate-functions" 8376 class="mega-menu__link" 8377 > 8378 <span class="wrap-text">Prostate Functions</span> 8379 </a> 8380 </li> 8381 8382 </ul> 8383 8384 </div> 8385 8386 </li> 8387 8388 <li class="mega-menu__column mega-menu__column--span-1"> 8389 <div> 8390 <a 8391 href="#" 8392 class="mega-menu__link mega-menu__link--parent" 8393 > 8394 8395 <span class="wrap-text">Supplements For Women</span> 8396 </a> 8397 8398 <ul 8399 class="list-unstyled" 8400 8401 style="column-count: 1;" 8402 8403 > 8404 8405 8406 <li 8407 8408 > 8409 <a 8410 href="/collections/pregnancy" 8411 class="mega-menu__link" 8412 > 8413 <span class="wrap-text">Pregnancy</span> 8414 </a> 8415 </li> 8416 8417 </ul> 8418 8419 </div> 8420 8421 </li> 8422 8423 <li class="mega-menu__column mega-menu__column--span-1"> 8424 <div> 8425 <a 8426 href="#" 8427 class="mega-menu__link mega-menu__link--parent" 8428 > 8429 8430 <span class="wrap-text">Supplements For All</span> 8431 </a> 8432 8433 <ul 8434 class="list-unstyled" 8435 8436 style="column-count: 1;" 8437 8438 > 8439 8440 8441 <li 8442 8443 > 8444 <a 8445 href="/collections/immunity" 8446 class="mega-menu__link" 8447 > 8448 <span class="wrap-text">Immunity</span> 8449 </a> 8450 </li> 8451 8452 8453 <li 8454 8455 > 8456 <a 8457 href="/collections/metabolism" 8458 class="mega-menu__link" 8459 > 8460 <span class="wrap-text">Metabolism & Weight Loss</span> 8461 </a> 8462 </li> 8463 8464 8465 <li 8466 8467 > 8468 <a 8469 href="/collections/bones-joints" 8470 class="mega-menu__link" 8471 > 8472 <span class="wrap-text">Bones & Joints</span> 8473 </a> 8474 </li> 8475 8476 8477 <li 8478 8479 > 8480 <a 8481 href="/collections/hair-vitamins" 8482 class="mega-menu__link" 8483 > 8484 <span class="wrap-text">Hair Vitamins</span> 8485 </a> 8486 </li> 8487 8488 8489 <li 8490 8491 > 8492 <a 8493 href="/collections/blood-sugar-support" 8494 class="mega-menu__link" 8495 >
8496 <span class="wrap-text">Blood Sugar Support</span> 8497 </a> 8498 </li> 8499 8500 </ul> 8501 8502 </div> 8503 8504 </li> 8505 8506 <li class="mega-menu__column mega-menu__column--span-1"> 8507 <div> 8508 <a 8509 href="#" 8510 class="mega-menu__link mega-menu__link--parent" 8511 > 8512 8513 <span class="wrap-text">Others</span> 8514 </a> 8515 8516 <ul 8517 class="list-unstyled" 8518 8519 style="column-count: 1;" 8520 8521 > 8522 8523 8524 <li 8525 8526 > 8527 <a 8528 href="/collections/aromatherapy" 8529 class="mega-menu__link" 8530 > 8531 <span class="wrap-text">Aromatherapy</span> 8532 </a> 8533 </li> 8534 8535 </ul> 8536 8537 </div> 8538 8539 </li> 8540 8541</ul> 8542 8543 8544 8545<style data-shopify> 8546 [data-menu-grid-id="MegaMenuList-5"] { 8547 8548 --menu-columns-desktop: 6; 8549 --menu-columns-tablet: 4; 8550 8551 } 8552 8553 [data-menu-list-id="MegaMenuList-5"] { 8554 8555 --menu-columns-desktop: 6; 8556 --menu-columns-tablet: 4; 8557 8558 } 8559</style> 8560 8561 8562<span 8563 class="mega-menu__content" 8564 style="--menu-content-columns-desktop: 0; --menu-content-columns-tablet: 0; --resource-card-corner-radius: 0px;" 8565 > 8566 <ul 8567 class="mega-menu__content-list mega-menu__content-list--products list-unstyled" 8568 > 8569 8570 </ul> 8571 </span> 8572 8573 8574 </div> 8575 </div> 8576 </div> 8577 </div></li> 8578 8579 <li 8580 role="presentation" 8581 class="menu-list__list-item" 8582 on:focus="/activate" 8583 on:blur="/deactivate" 8584 on:pointerenter="/activate" 8585 on:pointerleave="/deactivate" 8586 > 8587 <a 8588 href="/collections/personal-care" 8589 data-skip-node-update="true" 8590 class="menu-list__link"aria-controls="submenu-6" 8591 aria-haspopup="true" 8592 aria-expanded="false" 8593 ref="menuitem" 8594 > 8595 <span class="menu-list__link-title">Personal Care</span> 8596 </a><div class="menu-list__submenu background-matches-parent" ref="submenu[]"> 8597 <div 8598 id="submenu-6" 8599 class="menu-list__submenu-inner" 8600 style="--menu-parent-font-family: var(--font-body--family); --menu-parent-font-style: 8601var(--font-body--style); --menu-parent-font-weight: var(--font-body--weight); --menu-parent-font-case: 8602none; 8603 8604 --menu-parent-font-size: var(--menu-font-sm--size); --menu-parent-font-line-height: 8605 var(--menu-font-sm--line-height); --menu-parent-font-color: var(--color-foreground-subdued); 8606 --menu-parent-active-font-color: var(--color-foreground); 8607 8608--menu-child-font-family: var(--font-body--family); --menu-child-font-style:var(--font-body--style); --menu-child-font-weight: var(--font-body--weight); --menu-child-font-case: 8609none; 8610 8611 --menu-child-font-size: var(--menu-font-md--size); --menu-child-font-line-height: var(--menu-font-md--line-height); 8612 --menu-child-font-color: var(--color-foreground); --menu-child-active-font-color: var(--color-foreground-subdued); 8613 8614" 8615 > 8616 8617 <div class="mega-menu section section--full-width-margin section--full-width"> 8618 <div 8619 class="mega-menu__grid" 8620 data-menu-grid-id="MegaMenuList-6" 8621 > 8622 8623<ul 8624 data-menu-list-id="MegaMenuList-6" 8625 class="mega-menu__list list-unstyled" 8626 style="--menu-image-border-radius: 0px;" 8627> 8628 8629 <li class="mega-menu__column mega-menu__column--span-1"> 8630 <div> 8631 <a 8632 href="/collections/fragrance" 8633 class="mega-menu__link " 8634 > 8635 8636 <span class="wrap-text">Fragrance</span> 8637 </a> 8638 8639 </div> 8640 8641 </li> 8642 8643 <li class="mega-menu__column mega-menu__column--span-1"> 8644 <div> 8645 <a 8646 href="#" 8647 class="mega-menu__link mega-menu__link--parent" 8648 > 8649 8650 <span class="wrap-text">Female Care</span> 8651 </a> 8652 8653 <ul 8654 class="list-unstyled" 8655 8656 style="column-count: 1;" 8657 8658 > 8659 8660 8661 <li 8662 8663 > 8664 <a 8665 href="/collections/biomousse-flora" 8666 class="mega-menu__link" 8667 >
8668 <span class="wrap-text">Vaginal Care</span> 8669 </a> 8670 </li> 8671 8672 8673 <li 8674 8675 > 8676 <a 8677 href="/collections/hair-removal-cream" 8678 class="mega-menu__link" 8679 > 8680 <span class="wrap-text">Hair Removal Cream</span> 8681 </a> 8682 </li> 8683 8684 8685 <li 8686 8687 > 8688 <a 8689 href="/collections/wax-strips" 8690 class="mega-menu__link" 8691 > 8692 <span class="wrap-text">Wax Strips</span> 8693 </a> 8694 </li> 8695 8696 8697 <li 8698 8699 > 8700 <a 8701 href="/collections/epilators" 8702 class="mega-menu__link" 8703 > 8704 <span class="wrap-text">Epilators</span> 8705 </a> 8706 </li> 8707 8708 </ul> 8709 8710 </div> 8711 8712 </li> 8713 8714</ul> 8715 8716 8717 8718<style data-shopify> 8719 [data-menu-grid-id="MegaMenuList-6"] { 8720 8721 --menu-columns-desktop: 6; 8722 --menu-columns-tablet: 4; 8723 8724 } 8725 8726 [data-menu-list-id="MegaMenuList-6"] { 8727 8728 --menu-columns-desktop: 6; 8729 --menu-columns-tablet: 4; 8730 8731 } 8732</style> 8733 8734 8735<span 8736 class="mega-menu__content" 8737 style="--menu-content-columns-desktop: 0; --menu-content-columns-tablet: 0; --resource-card-corner-radius: 0px;" 8738 > 8739 <ul 8740 class="mega-menu__content-list mega-menu__content-list--products list-unstyled" 8741 > 8742 8743 </ul> 8744 </span> 8745 8746 8747 </div> 8748 </div> 8749 </div> 8750 </div></li> 8751 8752 <li 8753 role="presentation" 8754 class="menu-list__list-item" 8755 on:focus="/activate" 8756 on:blur="/deactivate" 8757 on:pointerenter="/activate" 8758 on:pointerleave="/deactivate" 8759 > 8760 <a 8761 href="/collections/baby-care" 8762 data-skip-node-update="true" 8763 class="menu-list__link"aria-controls="submenu-7" 8764 aria-haspopup="true" 8765 aria-expanded="false" 8766 ref="menuitem" 8767 > 8768 <span class="menu-list__link-title">Baby Care</span> 8769 </a><div class="menu-list__submenu background-matches-parent" ref="submenu[]"> 8770 <div 8771 id="submenu-7" 8772 class="menu-list__submenu-inner" 8773 style="--menu-parent-font-family: var(--font-body--family); --menu-parent-font-style: 8774var(--font-body--style); --menu-parent-font-weight: var(--font-body--weight); --menu-parent-font-case: 8775none; 8776 8777 --menu-parent-font-size: var(--menu-font-sm--size); --menu-parent-font-line-height: 8778 var(--menu-font-sm--line-height); --menu-parent-font-color: var(--color-foreground-subdued); 8779 --menu-parent-active-font-color: var(--color-foreground); 8780 8781--menu-child-font-family: var(--font-body--family); --menu-child-font-style:var(--font-body--style); --menu-child-font-weight: var(--font-body--weight); --menu-child-font-case: 8782none; 8783 8784 --menu-child-font-size: var(--menu-font-md--size); --menu-child-font-line-height: var(--menu-font-md--line-height); 8785 --menu-child-font-color: var(--color-foreground); --menu-child-active-font-color: var(--color-foreground-subdued); 8786 8787" 8788 > 8789 8790 <div class="mega-menu section section--full-width-margin section--full-width"> 8791 <div 8792 class="mega-menu__grid" 8793 data-menu-grid-id="MegaMenuList-7" 8794 > 8795 8796<ul 8797 data-menu-list-id="MegaMenuList-7" 8798 class="mega-menu__list list-unstyled" 8799 style="--menu-image-border-radius: 0px;" 8800> 8801 8802 <li class="mega-menu__column mega-menu__column--span-1"> 8803 <div> 8804 <a 8805 href="/collections/kidzvits" 8806 class="mega-menu__link " 8807 > 8808 8809 <span class="wrap-text">Kids Vitamins</span> 8810 </a> 8811 8812 </div> 8813 8814 8815 8816 8817 <div> 8818 <a 8819 href="/collections/maks" 8820 class="mega-menu__link " 8821 > 8822
8823 <span class="wrap-text">Baby Shampoos & Conditioner</span> 8824 </a> 8825 8826 </div> 8827 8828 8829 8830 8831 <div> 8832 <a 8833 href="/collections/baby-wash" 8834 class="mega-menu__link " 8835 > 8836 8837 <span class="wrap-text">Baby Wash</span> 8838 </a> 8839 8840 </div> 8841 8842 8843 8844 8845 <div> 8846 <a 8847 href="/collections/baby-lotion" 8848 class="mega-menu__link " 8849 > 8850 8851 <span class="wrap-text">Baby Lotion</span> 8852 </a> 8853 8854 </div> 8855 8856 8857 8858 8859 <div> 8860 <a 8861 href="/collections/rashes-treatment" 8862 class="mega-menu__link " 8863 > 8864 8865 <span class="wrap-text">Rashes Treatment</span> 8866 </a> 8867 8868 </div> 8869 8870 </li> 8871 8872</ul> 8873 8874 8875 8876<style data-shopify> 8877 [data-menu-grid-id="MegaMenuList-7"] { 8878 8879 --menu-columns-desktop: 6; 8880 --menu-columns-tablet: 4; 8881 8882 } 8883 8884 [data-menu-list-id="MegaMenuList-7"] { 8885 8886 --menu-columns-desktop: 6; 8887 --menu-columns-tablet: 4; 8888 8889 } 8890</style> 8891 8892 8893<span 8894 class="mega-menu__content" 8895 style="--menu-content-columns-desktop: 0; --menu-content-columns-tablet: 0; --resource-card-corner-radius: 0px;" 8896 > 8897 <ul 8898 class="mega-menu__content-list mega-menu__content-list--products list-unstyled" 8899 > 8900 8901 </ul> 8902 </span> 8903 8904 8905 </div> 8906 </div> 8907 </div> 8908 </div></li> 8909 8910 <li 8911 role="presentation" 8912 class="menu-list__list-item" 8913 on:focus="/activate" 8914 on:blur="/deactivate" 8915 on:pointerenter="/activate" 8916 on:pointerleave="/deactivate" 8917 > 8918 <a 8919 href="/pages/brands-page" 8920 data-skip-node-update="true" 8921 class="menu-list__link" 8922 ref="menuitem" 8923 > 8924 <span class="menu-list__link-title">Brands</span> 8925 </a></li> 8926 8927 <li 8928 role="presentation" 8929 class="menu-list__list-item" 8930 on:focus="/activate" 8931 on:blur="/deactivate" 8932 on:pointerenter="/activate" 8933 on:pointerleave="/deactivate" 8934 > 8935 <a 8936 href="/collections/sale" 8937 data-skip-node-update="true" 8938 class="menu-list__link" 8939 ref="menuitem" 8940 > 8941 <span class="menu-list__link-title">Sale</span> 8942 </a></li> 8943 8944 <li 8945 class="menu-list__list-item" 8946 role="presentation" 8947 slot="more" 8948 on:focus="/activate" 8949 on:blur="/deactivate" 8950 on:pointerenter="/activate" 8951 on:pointerleave="/deactivate" 8952 > 8953 <button role="listitem" class="menu-list__link button-unstyled"> 8954 <span class="menu-list__link-title">More</span> 8955 </button> 8956 </li> 8957 8958</overflow-list> 8959 8960 </nav> 8961 </div> 8962 8963
8963<script 8964 src="//cozmetica.pk/cdn/shop/t/140/assets/header-menu.js?v=95929844569485293131785524563" 8965 type="module" 8966 fetchpriority="low" 8967 ></script>
8967 8968 </header-menu> 8969 8970 8971<style data-shopify> 8972 .header__underlay { 8973 --color-submenu: rgb(255 255 255); 8974 } 8975</style> 8976 8977 8978 8979 8980 8981 8982 8983 </div><div 8984 class="header__column header__column--right" 8985 data-testid="header-top-right" 8986 > 8987 8988 8989 8990 8991 8992 8993 8994 8995 8996 8997 8998 8999 9000 <search-button 9001 class="search-action search-action--hidden-on-drawer" 9002 > 9003 <button 9004 on:click="#search-modal/showDialog" 9005 class="button-unstyled header-actions__action" 9006 aria-label="Search" 9007 aria-haspopup="dialog" 9008 > 9009 <span class="hidden"> 9010 Search 9011 </span> 9012 9013 <span class="svg-wrapper "> 9014 <svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><circle cx="9" cy="9" r="4.75" stroke="currentColor" stroke-width="var(--icon-stroke-width)"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="m12.5 12.5 3.25 3.25"/></svg> 9015 9016 </span> 9017 </button> 9018 </search-button> 9019 9020 9021 9022 9023 9024 9025 9026 9027 9028 9029
9030<script 9031 type="module" 9032 src="//cozmetica.pk/cdn/shop/t/140/assets/cart-icon.js?v=109428858171217037751785524563" 9033 fetchpriority="low" 9034></script>
9034 9035 9036 9037 9038 9039 9040<header-actions 9041 9042> 9043 9044 9045 <div 9046 class="account-button header-actions__action color-custom-popover" 9047 > 9048 <shopify-store store-domain="https://cozmetica.pk" country="PK" language="en"></shopify-store> 9049<shopify-account 9050 menu="customer-account-main-menu" 9051 9052 > 9053 9054 <span 9055 slot="signed-out-avatar" 9056 class="account-button__text header-actions__text-style hidden" 9057 > 9058 Account 9059 </span> 9060 9061 <span 9062 slot="signed-out-avatar" 9063 class="" 9064 aria-hidden="true" 9065 > 9066 9067 <svg 9068 xmlns="http://www.w3.org/2000/svg" 9069 width="15" 9070 height="17" 9071 viewBox="0 0 15 17" 9072 fill="none" 9073 slot="signed-out-avatar" 9074 class="account-button__icon" 9075 > 9076 <path 9077 stroke="currentColor" 9078 stroke-linejoin="round" 9079 stroke-width="var(--icon-stroke-width)" 9080 d="M10.375 3.813a3.063 3.063 0 1 1-6.125 0 3.063 3.063 0 0 1 6.125 0ZM7.313 9.5c-3.667 0-6.24 2.691-6.563 6.125h13.125C13.552 12.191 10.979 9.5 7.312 9.5Z" 9081 /> 9082 </svg> 9083 9084 </span> 9085 9086 </shopify-account> 9087 </div> 9088 9089 9090 9091 <button 9092 class="header-actions__action button-unstyled" 9093 on:click="#cart-drawer/toggle" 9094 aria-haspopup="dialog" 9095 aria-expanded="false" 9096 aria-controls="cart-drawer" 9097 aria-label="Cart" 9098 aria-describedby="cart-bubble-text" 9099 data-testid="cart-drawer-trigger" 9100 > 9101 9102 <cart-icon 9103 class="header-actions__cart-icon" 9104 data-testid="cart-icon" 9105 > 9106 <span class="hidden"> 9107 Cart 9108 </span> 9109 9110 <span 9111 class="svg-wrapper " 9112 aria-hidden="true" 9113 > 9114 <svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M3.392 6.875h13.216v8.016c0 .567-.224 1.112-.624 1.513-.4.402-.941.627-1.506.627H5.522a2.13 2.13 0 0 1-1.506-.627 2.15 2.15 0 0 1-.624-1.513zM8.818 2.969h2.333c.618 0 1.211.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.313c0-.622.246-1.218.683-1.658a2.33 2.33 0 0 1 1.65-.686"/></svg> 9115 9116 </span> 9117 9118 9119 9120<div 9121 ref="cartBubble" 9122 class="cart-bubble visually-hidden" 9123 style="--cart-bubble-background-fallback: #000000; --cart-bubble-text-fallback: #ffffff;" 9124 9125 9126 data-maintain-ratio 9127 9128> 9129 <span class="cart-bubble__background"></span> 9130 <span 9131 ref="cartBubbleText" 9132 id="cart-bubble-text" 9133 class="cart-bubble__text" 9134 > 9135 <span 9136 class="cart-bubble__text-count hidden" 9137 ref="cartBubbleCount" 9138 aria-hidden="true" 9139 data-testid="cart-bubble" 9140 > 91410</span> 9142 </span> 9143</div> 9144 9145 9146 9147 </cart-icon> 9148 9149 </button> 9150 9151 9152 <span 9153 ref="liveRegion" 9154 class="visually-hidden" 9155 role="status" 9156 data-testid="cart-count-live-region" 9157 ></span> 9158</header-actions> 9159
9160<script 9161 type="module" 9162 src="//cozmetica.pk/cdn/shop/t/140/assets/header-actions.js?v=157135685635924702181785524563" 9163 fetchpriority="low" 9164></script>
9164 9165 9166 9167 9168 9169 9170 9171 </div> 9172 </div> 9173 </div> 9174 9175 9176 9177 9178 9179 9180 9181 9182 9183 9184 9185 <div class="header__row header__navigation-bar-row"> 9186 9187 9188 9189 9190 9191 9192 9193<style data-shopify> 9194 .header__underlay { 9195 --color-submenu: rgb(255 255 255); 9196 } 9197</style> 9198 9199 9200 9201 9202 </div> 9203 9204</header-component> 9205
9206<script 9207 src="//cozmetica.pk/cdn/shop/t/140/assets/header.js?v=183210491532312943441785524563" 9208 type="module" 9209></script>
9209 9210 9211 9212 9213 9214
9214<script type="module"> 9215 import { hydrate } from '@theme/section-hydration'; 9216 const url = new URL(window.location.href); 9217 url.searchParams.delete('page'); 9218 hydrate('sections--21036523061409__header_section', url); 9219 </script>
9219 9220 9221 9222 9223</header> 9224<!-- END sections: header-group --> 9225 </div> 9226 9227
9227<script> 9228 // Inline header height and menu style calculations to prevent layout shift 9229 // Note: Updates in calculateHeaderGroupHeight(), updateTransparentHeaderOffset() and setHeaderMenuStyle() utilities.js should be kept in sync with this function 9230 (function setHeaderHeighCustomProperties() { 9231 /* 9232 * Header calculation functions for maintaining CSS variables 9233 * Mimic calculateHeaderGroupHeight() in utilities.js 9234 */ 9235 const header = document.querySelector('header-component'); 9236 const headerGroup = document.querySelector('#header-group'); 9237 const hasHeaderSection = headerGroup?.querySelector('.header-section'); 9238 9239 if (!header || !headerGroup) return; 9240 9241 const headerTopRow = header.querySelector('.header__row--top'); 9242 const headerHeight = header.offsetHeight; 9243 9244 // Calculate the total height of the header group 9245 let headerGroupHeight = 0; 9246 const children = headerGroup.children; 9247 for (let i = 0; i < children.length; i++) { 9248 const element = children[i]; 9249 if (element === header || !(element instanceof HTMLElement)) continue; 9250 headerGroupHeight += element.offsetHeight; 9251 } 9252 9253 // Check for transparent header special case 9254 if (header.hasAttribute('transparent') && header.parentElement?.nextElementSibling) { 9255 headerGroupHeight += headerHeight; 9256 } 9257 9258 // Set CSS variables 9259 document.body.style.setProperty('--header-height', `${headerHeight}px`); 9260 document.body.style.setProperty('--header-group-height', `${headerGroupHeight}px`); 9261 9262 if (headerTopRow) { 9263 window.requestAnimationFrame(function () { 9264 document.body.style.setProperty('--top-row-height', `${headerTopRow.offsetHeight}px`); 9265 }); 9266 } 9267 9268 /** 9269 * Updates CSS custom properties for transparent header offset calculation 9270 * Mimic updateTransparentHeaderOffset() in utilities.js 9271 */ 9272 9273 if (!hasHeaderSection || !header?.hasAttribute('transparent')) { 9274 document.body.style.setProperty('--transparent-header-offset-boolean', '0'); 9275 return; 9276 } 9277 9278 const hasImmediateSection = hasHeaderSection.nextElementSibling?.classList.contains('shopify-section'); 9279 9280 const shouldApplyOffset = !hasImmediateSection ? '1' : '0'; 9281 document.body.style.setProperty('--transparent-header-offset-boolean', shouldApplyOffset); 9282 })(); 9283 9284 (function setHeaderMenuStyle() { 9285 const headerComponent = document.querySelector('#header-component'); 9286 if (headerComponent) { 9287 const isTouchDevice = 'ontouchstart' in window && navigator.maxTouchPoints > 0; 9288 const overflowList = headerComponent?.querySelector('overflow-list'); 9289 const hasReachedMinimum = overflowList && overflowList.hasAttribute('minimum-reached'); 9290 headerComponent.dataset.menuStyle = isTouchDevice || hasReachedMinimum ? 'drawer' : 'menu'; 9291 } 9292 })(); 9293 </script>
9293 9294 9295 <main 9296 id="MainContent" 9297 class="content-for-layout" 9298 role="main" 9299 data-page-transition-enabled="false" 9300 data-product-transition="false" 9301 data-template="page" 9302 > 9303 <div id="shopify-section-template--21036528533665__main" class="shopify-section section-wrapper"> 9304 9305 9306 9307 9308 9309 9310 <style data-shopify> 9311 .color-custom-template--21036528533665__main, 9312 .color-custom-template--21036528533665__main .text-block { 9313 /* Background */ 9314 --color-background: #ffffff; 9315 --color-background-rgb: 255 255 255; 9316 9317 /* Opacity values adjusted for background brightness */ 9318 9319--opacity-5-15: 0.05; --opacity-10-25: 0.1; --opacity-35-55: 0.35; --opacity-40-60: 93200.4; --opacity-30-60: 0.3; --opacity-60: 0.6; 9321 9322 9323 9324 /* Foreground / text â explicit or smart-contrasted */ 9325 --color: #000000; 9326 --color-rgb: 0 0 0; 9327 --color-foreground: #000000; 9328 --color-foreground-rgb: 0 0 0; 9329 --color-foreground-muted: rgb(0 0 0 / var(--opacity-muted-text)); 9330 --color-foreground-subdued: rgb(0 0 0 / var(--opacity-subdued-text)); 9331 --color-border: var(--palette-darkest); 9332 --color-border-rgb: var(--palette-darkest-rgb); 9333 9334 } 9335 9336 9337 .color-custom-template--21036528533665__main { 9338 /* Form-related tokens stay on .color-custom only â .text-block is a prose 9339 container (text/announcement/inline-text/blog-post-description/ 9340 collection-link/price/sku) and never holds form inputs. */ 9341 --input-disabled-background-color: rgb(0 0 0 / var(--opacity-10)); 9342 --input-disabled-border-color: rgb(0 0 0 / var(--opacity-5)); 9343 --input-disabled-text-color: rgb(0 0 0 / var(--opacity-50)); 9344 --checkbox-border: 1px solid rgb(0 0 0 / var(--opacity-35-55)); 9345 } 9346 9347 9348 .color-custom-template--21036528533665__main { 9349 color: var(--color, var(--color-foreground)); 9350 background-color: var(--color-background); 9351 } 9352 </style> 9353 9354 9355 9356<div 9357 class="section-background color-custom-template--21036528533665__main" 9358></div> 9359<div class="section page-width-content color-custom-template--21036528533665__main"> 9360 <div 9361 class=" 9362 spacing-style 9363 layout-panel-flex 9364 layout-panel-flex--column 9365 section-content-wrapper 9366 mobile-column 9367 " 9368 style=" 9369 --flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap; 9370 9371--gap: max(24px, calc(var(--gap-scale, 1.0) * 32px)); 9372 9373--horizontal-alignment: ; --vertical-alignment: ; 9374--vertical-alignment-mobile: ; 9375 9376 --padding-block-start: max(20px, calc(var(--spacing-scale) * 40px));--padding-block-end: max(20px, calc(var(--spacing-scale) * 80px)); 9377 " 9378 > 9379 9380 9381 9382 9383 9384 9385 9386 9387 9388 <div class=" spacing-style text-block text-block--AR3dtbEtZbE5mcVZvb__heading h2 text-block--align-left " style=" --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px; --width: 100%; --max-width: var(--max-width--body-normal); --text-align: left; "> 9389 <h1>About Cozmetica</h1> 9390 </div> 9391 9392 9393 9394 9395 9396 9397<div id="shopify-block-AbVdFS1hNSldrTVQyY__page-content" class="shopify-block rte"> 9398 9399<div 9400 class="page-content" 9401 style=" 9402 9403 " 9404> 9405 <rte-formatter> 9406 <meta http-equiv="content-type" content="text/html; charset=utf-8"> 9407<p><strong>Cozmetica</strong><span> </span>takes immense pride in being one of Pakistanâs trusted online beauty shopping website, providing our prestigious and innovative customer a hassle-free shopping experience and best quality cosmetics products right at your door steps.</p> 9408<p><strong><span lang="EN-US">Since our inception in 2017</span></strong><span lang="EN-US">, we at Cozmetica.pk are committed to build an ultimate one stop<span> </span><strong>Beauty Concept Store</strong><span> </span>for all makeup lovers across Pakistan, by promising 100% Original and Authentic branded cosmetics range and an experience to last for longer. As a team, we believe in diversity, inclusivity, and empowerment for all.</span></p> 9409<p><strong><span lang="EN-US">Today</span></strong><span lang="EN-US">, Cozmetica has a powerful online presence in Pakistan, thanks to our unmatched assortment of beauty products in every category, unbiased service from beauty experts, cooperating customer services and marketing innovation.</span></p> 9410<p><strong><span lang="EN-US">We are committed</span></strong><span lang="EN-US"><span> </span>to emerge as Pakistanâs finest online beauty shopping website and lead the industry in years to come. Our purpose at Cozmetica is to create an unmatched beauty shopping experience and inspire/respect individuality in our community. Through our continued expertise, innovation and entrepreneurial spirit, Cozmetica encourages customer to explore the universe of beauty and wellness with an absolute unbiased & impartial approach.</span></p> 9411<p><strong>Why Us? </strong></p> 9412<p>
9412Guaranteed 7 days delivery promise: click here to track your order</p> 9413<p>Your originality is our inspiration. From a full-on maximalists to fresh faced minimalists, we have a product for everyone and every look in between. We believe in originality, openness and transparency and let every girl love the girl inside.</p> 9414<p><span style="color: #ff2a00;"><strong>Cozmetica is a trademark owned & filed by CozCom Pvt Ltd</strong></span></p> 9415 </rte-formatter> 9416</div> 9417 9418 9419 9420 9421</div> 9422 9423 </div> 9424</div> 9425 9426 9427</div> 9428 </main> 9429 9430 <footer> 9431 <!-- BEGIN sections: footer-group --> 9432<div id="shopify-section-sections--21036522897569__footer_m9NzUG" class="shopify-section shopify-section-group-footer-group section-wrapper"> 9433 9434 9435 9436 9437 9438 9439 <style data-shopify> 9440 .color-custom-sections--21036522897569__footer_m9NzUG, 9441 .color-custom-sections--21036522897569__footer_m9NzUG .text-block { 9442 /* Background */ 9443 --color-background: #fffbf5; 9444 --color-background-rgb: 255 251 245; 9445 9446 /* Opacity values adjusted for background brightness */ 9447 9448--opacity-5-15: 0.05; --opacity-10-25: 0.1; --opacity-35-55: 0.35; --opacity-40-60: 94490.4; --opacity-30-60: 0.3; --opacity-60: 0.6; 9450 9451 9452 9453 /* Foreground / text â explicit or smart-contrasted */ 9454 --color: #000000; 9455 --color-rgb: 0 0 0; 9456 --color-foreground: #000000; 9457 --color-foreground-rgb: 0 0 0; 9458 --color-foreground-muted: rgb(0 0 0 / var(--opacity-muted-text)); 9459 --color-foreground-subdued: rgb(0 0 0 / var(--opacity-subdued-text)); 9460 --color-border: var(--palette-darkest); 9461 --color-border-rgb: var(--palette-darkest-rgb); 9462 9463 } 9464 9465 9466 .color-custom-sections--21036522897569__footer_m9NzUG { 9467 /* Form-related tokens stay on .color-custom only â .text-block is a prose 9468 container (text/announcement/inline-text/blog-post-description/ 9469 collection-link/price/sku) and never holds form inputs. */ 9470 --input-disabled-background-color: rgb(0 0 0 / var(--opacity-10)); 9471 --input-disabled-border-color: rgb(0 0 0 / var(--opacity-5)); 9472 --input-disabled-text-color: rgb(0 0 0 / var(--opacity-50)); 9473 --checkbox-border: 1px solid rgb(0 0 0 / var(--opacity-35-55)); 9474 } 9475 9476 9477 .color-custom-sections--21036522897569__footer_m9NzUG { 9478 color: var(--color, var(--color-foreground)); 9479 background-color: var(--color-background); 9480 } 9481 </style> 9482 9483 9484 9485<div 9486 class="section-background color-custom-sections--21036522897569__footer_m9NzUG" 9487></div> 9488<div 9489 class="section section--page-width color-custom-sections--21036522897569__footer_m9NzUG" 9490> 9491 9492 <div 9493 class=" 9494 footer-content 9495 spacing-style 9496 9497 9498 " 9499 style=" 9500 --padding-block-start: max(20px, calc(var(--spacing-scale) * 30px));--padding-block-end: max(20px, calc(var(--spacing-scale) * 30px)); 9501 --footer-gap: 20px; 9502 --grid-columns: 2; 9503 --last-row-count: 2; 9504 --tablet-last-row-count: 2; 9505 " 9506 > 9507 9508 9509 9510 9511 9512 9513 9514 9515 9516 9517 9518<div 9519 class=" 9520 group-block 9521 group-block--height-fit 9522 group-block--width-fill 9523 border-style 9524 spacing-style 9525 size-style 9526 9527 9528 " 9529 style=" 9530 9531--border-width: 1px; --border-style: none; --border-color: 9532rgb(var(--color-border-rgb) / 1.0); --border-radius: 0px; 9533 9534 --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; 9535 --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem; 9536 9537 " 9538 9539 data-testid="group-block" 9540><div class="group-block__media-wrapper"> 9541 9542 9543 9544 9545 9546 </div> 9547 9548 <div 9549 class=" 9550 group-block-content 9551 9552 layout-panel-flex 9553 layout-panel-flex--column 9554 mobile-column 9555 " 9556 style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap; 9557 9558--gap: 6px; 9559 9560--horizontal-alignment: flex-start; --vertical-alignment: center; 9561--vertical-alignment-mobile: center; 9562" 9563 > 9564 9565 9566 9567 9568 9569 9570 9571 9572 9573 <rte-formatter class=" spacing-style text-block text-block--AdUNqcUd5UjZaamE2c__text_TYADRK rte text-block--align-left rte " style=" --padding-block-start: 20px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px; --width: 100%; --max-width: var(--max-width--body-normal); --text-align: left; "> 9574 <p>Cozmetica is Pakistanâs online beauty store for 100% original Korean skincare, makeup, haircare, and personal-care products from trusted international and local brands.</p> 9575 </rte-formatter> 9576 9577 9578 9579 9580 9581 9582 9583 9584 9585 9586 9587 9588 9589 9590 9591 <div class=" spacing-style text-block text-block--AMEZKS0lvU1BhU1JOT__text_LWt8Pz h4 text-block--align-left " style=" --padding-block-start: 20px; --padding-block-end:10px; --padding-inline-start:0px; --padding-inline-end:0px; --width: 100%; --max-width: var(--max-width--body-normal); --text-align: left; "> 9592 <h2>Join our email list</h2> 9593 </div> 9594 9595 9596 9597 9598 9599 9600 9601 9602 9603 9604 9605 9606 9607 9608 9609 9610<div 9611 class="email-signup-block size-style spacing-style" 9612 style=" 9613 --size-style-width: 100%;--size-style-height: ; 9614 --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; 9615 " 9616 9617> 9618 9619<form method="post" action="/contact#contact_form" id="contact_form" accept-charset="UTF-8" class="email-signup__form spacing-style"><input type="hidden" name="form_type" value="customer" /><input type="hidden" name="utf8" value="â" /> 9620 9621<div 9622 class="email-signup__input-group email-signup__input-group--integrated email-signup__input-group--arrow" 9623 style=" 9624 --border-width: 1px; 9625 --border-radius: 100px; 9626 --color-input-background: #ffffff; --color-input-text: #333333; --color-input-text-rgb: 51 51 51; --color-input-border: #DFDFDF; 9627 " 9628 > 9629 <label 9630 for="EmailInput-ATEhVcXdJS1dmbkJPR__email_signup_8h6DgV" 9631 class="visually-hidden" 9632 > 9633 Email 9634 </label> 9635 <input 9636 id="EmailInput-ATEhVcXdJS1dmbkJPR__email_signup_8h6DgV" 9637 class="email-signup__input email-signup__input--all paragraph " 9638 type="email" 9639 name="contact[email]" 9640 autocorrect="off" 9641 autocapitalize="off" 9642 autocomplete="email" 9643 placeholder="Email address" 9644 required 9645 9646 > 9647 <button 9648 class="email-signup__button email-signup__button--integrated email-signup__button--arrow paragraph button-unstyled button-unstyled--ATEhVcXdJS1dmbkJPR__email_signup_8h6DgV" 9649 9650 aria-label="Sign up" 9651 9652 > 9653 9654 <svg
9655 viewBox="0 0 20 20" 9656 xmlns="http://www.w3.org/2000/svg" 9657 focusable="false" 9658 aria-hidden="true" 9659 class="email-signup__button-icon" 9660 > 9661 9662 9663 9664<path 9665 clip-rule="evenodd" 9666 d="m11.246 5.31759c.0322-.07821.0833-.14723.1486-.20093.0654-.0537.143-.09041.2259-.10686.083-.01645.1688-.01214.2497.01257.0808.0247.1544.06902.214.12902l4.104 4.104c.0478.04765.0857.10426.1115.16659.0259.06232.0392.12913.0392.19661 0 .06747-.0133.13429-.0392.19661-.0258.06233-.0637.11893-.1115.16659l-4.104 4.10401c-.0963.0963-.227.1504-.3632.1504s-.2669-.0541-.3632-.1504-.1504-.227-.1504-.3632.0541-.2669.1504-.3632l3.2288-3.2278h-11.0736c-.13606 0-.26654-.0541-.36275-.15027-.0962-.0962-.15025-.22669-.15025-.36274 0-.13606.05405-.26654.15025-.36275.09621-.0962.22669-.15025.36275-.15025h11.0736l-3.2288-3.2278c-.0721-.07178-.1212-.16335-.1411-.2631s-.0097-.20316.0293-.2971z" 9667 fill="currentColor" 9668 fill-rule="evenodd" 9669 /> 9670 </svg> 9671 9672 </button> 9673 </div></form> 9674</div> 9675 9676 9677 9678 9679 9680 9681 9682 9683 9684 9685 9686 9687 9688 <rte-formatter class=" spacing-style text-block text-block--AbXhDbk1SWVpQU3YrS__text_f9CFLH rte text-block--align-left rte " style=" --padding-block-start: 20px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px; --width: 100%; --max-width: var(--max-width--body-normal); --text-align: left; "> 9689 <p>Get exclusive deals and early access to new products.</p> 9690 </rte-formatter> 9691 9692 9693 9694 9695 9696 9697 9698 9699 9700 9701 9702 9703 9704 9705 9706 <rte-formatter class=" spacing-style text-block text-block--ATnEwaXdNd3RWa3Axb__text_J9Yf9w rte text-block--align-left rte " style=" --padding-block-start: 20px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px; --width: 100%; --max-width: var(--max-width--body-normal); --text-align: left; "> 9707 <p>Address: 75XX - Khayaban-e-Iqbal DHA Phase 3<br/>Lahore - 54000 - </p><p>WhatsApp: <a href="https://wa.me/923001269266">0300-1269266</a></p> 9708 </rte-formatter> 9709 9710 9711 9712 9713 9714 9715 9716</div> 9717</div> 9718 9719 9720 9721 9722 9723 9724 9725 9726 9727 9728 9729 9730 9731 9732 9733 9734 9735 <accordion-custom 9736 9737 class="menu" 9738 9739 9740 9741 open-by-default-on-desktop 9742 9743 9744 open-by-default-on-mobile 9745 9746 9747 data-disable-on-desktop="true" 9748 9749 9750 data-disable-on-mobile="true" 9751 9752 9753 9754 9755> 9756 9757 <details 9758 class=" 9759 menu__details 9760 spacing-style 9761 9762 " 9763 data-testid="menu-details" 9764 style=" 9765 --spacing--size: 12px; 9766 --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; 9767 " 9768 9769 open 9770 9771 9772 > 9773 <summary class="menu__heading h4"> 9774 <span class="menu__heading__default">Information & Policies</span> 9775 <span class="menu__heading__accordion"> 9776 Information & Policies 9777 9778 <span class="menu__heading__toggle svg-wrapper icon-caret icon-animated"><svg aria-hidden="true" width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg"> 9779 <path d="M11 5.5L7 9.5L3 5.5" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 9780</svg> 9781</span> 9782 9783 </span> 9784 </summary> 9785 9786 <nav 9787 class="details-content" 9788 9789 > 9790 9791 <ul class="list-unstyled"> 9792 9793 <li class="menu__item paragraph"> 9794 <a href="/pages/about-cozmetica"> 9795 About Us 9796 </a> 9797 </li> 9798 9799 <li class="menu__item paragraph"> 9800 <a href="/pages/contact-us"> 9801 Contact Us 9802 </a> 9803 </li> 9804 9805 <li class="menu__item paragraph"> 9806 <a href="/pages/faqs"> 9807 FAQs 9808 </a> 9809 </li> 9810 9811 <li class="menu__item paragraph"> 9812 <a href="/policies/terms-of-service"> 9813 Terms & Conditions 9814 </a> 9815 </li> 9816 9817 <li class="menu__item paragraph"> 9818 <a href="/pages/shipping-returns"> 9819 Exchange & Return Policy 9820 </a> 9821 </li> 9822 9823 <li class="menu__item paragraph"> 9824 <a href="/policies/refund-policy"> 9825 Refund policy 9826 </a> 9827 </li> 9828 9829 <li class="menu__item paragraph"> 9830 <a href="https://cozmeticaa.returnsdrive.com"> 9831 Return Application 9832 </a> 9833 </li> 9834 9835 <li class="menu__item paragraph"> 9836 <a href="/blogs/news"> 9837 Blogs By Cozmetica 9838 </a> 9839 </li> 9840 9841 <li class="menu__item paragraph"> 9842 <a href="/pages/affiliate-program"> 9843 Affiliate Program 9844 </a> 9845 </li> 9846 9847 <li class="menu__item paragraph"> 9848 <a href="/pages/hassle-free-return"> 9849 #Hassel Free Returns 9850 </a> 9851 </li> 9852 9853 </ul> 9854 9855 </nav> 9856 </details> 9857 9858</accordion-custom> 9859 9860 9861 9862 9863 9864 9865 9866 9867 9868 </div> 9869</div> 9870 9871 9872 9873 9874</div><div id="shopify-section-sections--21036522897569__footer_utilities_jLGE8U" class="shopify-section shopify-section-group-footer-group footer-utilities"> 9875 9876 9877 9878 9879 9880 9881 <style data-shopify> 9882 .color-custom-sections--21036522897569__footer_utilities_jLGE8U, 9883 .color-custom-sections--21036522897569__footer_utilities_jLGE8U .text-block {
9884 /* Background */ 9885 --color-background: #ffffff; 9886 --color-background-rgb: 255 255 255; 9887 9888 /* Opacity values adjusted for background brightness */ 9889 9890--opacity-5-15: 0.05; --opacity-10-25: 0.1; --opacity-35-55: 0.35; --opacity-40-60: 98910.4; --opacity-30-60: 0.3; --opacity-60: 0.6; 9892 9893 9894 9895 /* Foreground / text â explicit or smart-contrasted */ 9896 --color: #000000; 9897 --color-rgb: 0 0 0; 9898 --color-foreground: #000000; 9899 --color-foreground-rgb: 0 0 0; 9900 --color-foreground-muted: rgb(0 0 0 / var(--opacity-muted-text)); 9901 --color-foreground-subdued: rgb(0 0 0 / var(--opacity-subdued-text)); 9902 --color-border: var(--palette-darkest); 9903 --color-border-rgb: var(--palette-darkest-rgb); 9904 9905 } 9906 9907 9908 .color-custom-sections--21036522897569__footer_utilities_jLGE8U { 9909 /* Form-related tokens stay on .color-custom only â .text-block is a prose 9910 container (text/announcement/inline-text/blog-post-description/ 9911 collection-link/price/sku) and never holds form inputs. */ 9912 --input-disabled-background-color: rgb(0 0 0 / var(--opacity-10)); 9913 --input-disabled-border-color: rgb(0 0 0 / var(--opacity-5)); 9914 --input-disabled-text-color: rgb(0 0 0 / var(--opacity-50)); 9915 --checkbox-border: 1px solid rgb(0 0 0 / var(--opacity-35-55)); 9916 } 9917 9918 9919 .color-custom-sections--21036522897569__footer_utilities_jLGE8U { 9920 color: var(--color, var(--color-foreground)); 9921 background-color: var(--color-background); 9922 } 9923 </style> 9924 9925 9926 9927<div 9928 class="section-background color-custom-sections--21036522897569__footer_utilities_jLGE8U" 9929></div> 9930<div 9931 class="section section--page-width color-custom-sections--21036522897569__footer_utilities_jLGE8U" 9932 9933> 9934 <div 9935 class="utilities utilities--blocks-3 spacing-style" 9936 style="--padding-block-start: 20px;--padding-block-end: max(20px, calc(var(--spacing-scale) * 48px)); --border-width: 1px; --divider-color: #DFDFDF; --gap: 24px;" 9937 data-testid="footer-utilities" 9938 > 9939 9940 9941<div 9942 class=" 9943 footer-utilities__group-copyright 9944 custom-typography 9945 custom-font-size 9946 " 9947 style=" 9948 9949--font-size: 0.75rem; --font-weight: ;--font-family: ; --text-transform: none; --text-wrap: pretty; --line-height: var(--line-height--body-); --letter-spacing: var(--letter-spacing--body-); 9950 9951 " 9952 9953> 9954 <span class="footer-utilities__text"> 9955 © 2026 9956 <a href="/" title="">Cozmetica</a></span> 9957</div> 9958 9959 9960 9961 9962 9963 9964 <anchored-popover-component 9965 data-hover-triggered="true" 9966 > 9967 <button 9968 class="policy-list-trigger button-unstyled" 9969 popovertarget="terms-policies-popover" 9970 popovertargetaction="toggle" 9971 ref="trigger" 9972 style=" 9973 9974--font-size: 0.75rem; --font-weight: ;--font-family: ; --text-transform: none; --text-wrap: pretty; --line-height: var(--line-height--body-); --letter-spacing: var(--letter-spacing--body-); 9975 9976 " 9977 9978 > 9979 Terms and Policies 9980 </button> 9981 <div 9982 class="terms-policies-popover color-custom-popover" 9983 id="terms-policies-popover" 9984 popover="auto" 9985 ref="popover" 9986 > 9987 <ul 9988 class=" 9989 policy_list list-unstyled 9990 custom-typography 9991 custom-font-size 9992 " 9993 ><li> 9994 <a 9995 href="/policies/refund-policy" 9996 class="footer-utilities__text" 9997 >Refund policy</a> 9998 </li><li> 9999 <a 10000 href="/policies/privacy-policy" 10001 class="footer-utilities__text" 10002 >Privacy policy</a> 10003 </li><li> 10004 <a 10005 href="/policies/terms-of-service" 10006 class="footer-utilities__text" 10007 >Terms of service</a> 10008 </li><li> 10009 <a 10010 href="/policies/shipping-policy" 10011 class="footer-utilities__text" 10012 >Shipping policy</a> 10013 </li></ul> 10014 </div> 10015 </anchored-popover-component> 10016 10017 10018 10019 10020 10021 10022<div 10023 class="social-icons__wrapper social-icons__wrapper--AcFpDZi9WelE0eEZ4M__social_links_Ew63Kq" 10024 10025> 10026 10027 <style data-shopify> 10028 .social-icons__wrapper--AcFpDZi9WelE0eEZ4M__social_links_Ew63Kq { 10029 --color-utilities: #000000; 10030 } 10031 </style> 10032 10033
10034 10035 10036 10037 10038 10039 10040 10041 <div 10042 class="social-icons__icon-wrapper" 10043 > 10044 <a 10045 href="https://www.facebook.com/cozmeticapk/" 10046 target="_blank" 10047 rel="noopener noreferrer" 10048 aria-label="Facebook" 10049 10050 > 10051 <span class="social-icons__icon-label">Facebook</span> 10052 10053 <svg 10054 class="social-icons__icon icon-default" 10055 aria-hidden="true" 10056 focusable="false" 10057 xmlns="http://www.w3.org/2000/svg" 10058 viewBox="0 0 20 20" 10059 > 10060 10061 10062<path d="M18 10.049C18 5.603 14.419 2 10 2c-4.419 0-8 3.603-8 8.049C2 14.067 4.925 17.396 8.75 18v-5.624H6.719v-2.328h2.03V8.275c0-2.017 1.195-3.132 3.023-3.132.874 0 1.79.158 1.79.158v1.98h-1.009c-.994 0-1.303.621-1.303 1.258v1.51h2.219l-.355 2.326H11.25V18c3.825-.604 6.75-3.933 6.75-7.951Z" /></svg> 10063 10064 </a> 10065 </div> 10066 10067 10068 10069 10070 10071 10072 10073 10074 10075 10076 10077 10078 10079 10080 10081 <div 10082 class="social-icons__icon-wrapper" 10083 > 10084 <a 10085 href="https://www.youtube.com/@cozmeticapk" 10086 target="_blank" 10087 rel="noopener noreferrer" 10088 aria-label="Youtube" 10089 10090 > 10091 <span class="social-icons__icon-label">Youtube</span> 10092 10093 <svg 10094 class="social-icons__icon icon-default" 10095 aria-hidden="true" 10096 focusable="false" 10097 xmlns="http://www.w3.org/2000/svg"
10098 viewBox="0 0 20 20" 10099 > 10100 10101 10102<path d="M18.16 5.87c.34 1.309.34 4.08.34 4.08s0 2.771-.34 4.08a2.125 2.125 0 0 1-1.53 1.53c-1.309.34-6.63.34-6.63.34s-5.321 0-6.63-.34a2.125 2.125 0 0 1-1.53-1.53c-.34-1.309-.34-4.08-.34-4.08s0-2.771.34-4.08a2.173 2.173 0 0 1 1.53-1.53C4.679 4 10 4 10 4s5.321 0 6.63.34a2.173 2.173 0 0 1 1.53 1.53ZM8.3 12.5l4.42-2.55L8.3 7.4v5.1Z" /></svg> 10103 10104 </a> 10105 </div> 10106 10107 10108 10109 10110 10111 10112 10113 10114 10115 10116 10117 10118 10119 10120 10121 10122 10123 10124 10125 10126 10127 10128 10129 10130 10131 <div 10132 class="social-icons__icon-wrapper" 10133 > 10134 <a 10135 href="https://www.linkedin.com/company/cozcom/" 10136 target="_blank" 10137 rel="noopener noreferrer" 10138 aria-label="Linkedin" 10139 10140 > 10141 <span class="social-icons__icon-label">Linkedin</span> 10142 10143 <svg 10144 class="social-icons__icon icon-default" 10145 aria-hidden="true" 10146 focusable="false" 10147 xmlns="http://www.w3.org/2000/svg"
10148 viewBox="0 0 20 20" 10149 > 10150 10151 10152<path 10153 fill-rule="evenodd" 10154 clip-rule="evenodd" 10155 d="M16.8411 2H3.2061C2.5539 2 2 2.51581 2 3.15124V16.848C2 17.4842 2.36343 18 3.01562 18H16.6507C17.3036 18 18 17.4842 18 16.848V3.15124C18 2.51581 17.4941 2 16.8411 2ZM8.09524 8.09524H10.2491V9.19314H10.2728C10.6011 8.60114 11.571 8 12.7703 8C15.072 8 15.7143 9.2221 15.7143 11.4857V15.7143H13.4286V11.9025C13.4286 10.8891 13.024 10 12.0777 10C10.9288 10 10.381 10.7779 10.381 12.0549V15.7143H8.09524V8.09524ZM4.28571 15.7143H6.57143V8.09524H4.28571V15.7143ZM6.85714 5.42857C6.85714 6.2179 6.2179 6.85714 5.42857 6.85714C4.63924 6.85714 4 6.2179 4 5.42857C4 4.63924 4.63924 4 5.42857 4C6.2179 4 6.85714 4.63924 6.85714 5.42857Z" 10156 fill="currentColor" 10157 /></svg> 10158 10159 </a> 10160 </div> 10161 10162 10163 10164 10165 10166 10167 10168 10169 10170 10171 10172 10173 10174 10175 10176 10177 10178 10179 <div 10180 class="social-icons__icon-wrapper" 10181 > 10182 <a 10183 href="https://www.pinterest.com/cozmeticapk/" 10184 target="_blank" 10185 rel="noopener noreferrer" 10186 aria-label="Pinterest" 10187 10188 > 10189 <span class="social-icons__icon-label">Pinterest</span> 10190 10191 <svg 10192 class="social-icons__icon icon-default" 10193 aria-hidden="true" 10194 focusable="false" 10195 xmlns="http://www.w3.org/2000/svg"
10196 viewBox="0 0 20 20" 10197 > 10198 10199 10200<path d="M10 2.01c2.124.01 4.16.855 5.666 2.353a8.087 8.087 0 0 1 1.277 9.68A7.952 7.952 0 0 1 10 18.04a8.164 8.164 0 0 1-2.276-.307c.403-.653.672-1.24.816-1.729l.567-2.2c.134.27.393.5.768.702.384.192.768.297 1.19.297.836 0 1.585-.24 2.248-.72a4.678 4.678 0 0 0 1.537-1.969c.37-.89.554-1.848.537-2.813 0-1.249-.48-2.315-1.43-3.227a5.061 5.061 0 0 0-3.65-1.374c-.893 0-1.729.154-2.478.461a5.023 5.023 0 0 0-3.236 4.552c0 .72.134 1.355.413 1.902.269.538.672.922 1.22 1.152.096.039.182.039.25 0 .066-.028.114-.096.143-.192l.173-.653c.048-.144.02-.288-.105-.432a2.257 2.257 0 0 1-.548-1.565 3.803 3.803 0 0 1 3.976-3.861c1.047 0 1.863.288 2.44.855.585.576.883 1.315.883 2.228 0 .768-.106 1.479-.317 2.122a3.813 3.813 0 0 1-.893 1.556c-.384.384-.836.576-1.345.576-.413 0-.749-.144-1.018-.451-.259-.307-.345-.672-.25-1.085.147-.514.298-1.026.452-1.537l.173-.701c.057-.25.086-.451.086-.624 0-.346-.096-.634-.269-.855-.192-.22-.451-.336-.797-.336-.432 0-.797.192-1.085.595-.288.394-.442.893-.442 1.499.005.374.063.746.173 1.104l.058.144c-.576 2.478-.913 3.938-1.037 4.36-.116.528-.154 1.153-.125 1.863A8.067 8.067 0 0 1 2 10.03c0-2.208.778-4.11 2.343-5.666A7.721 7.721 0 0 1 10 2.001v.01Z" /></svg> 10201 10202 </a> 10203 </div> 10204 10205 10206 10207 10208 10209 10210 10211 10212 10213 10214 10215 10216 10217 10218 10219 10220 10221 10222</div> 10223 10224 10225 10226 10227 10228 </div> 10229</div> 10230 10231 10232 10233 10234</div> 10235<!-- END sections: footer-group --> 10236 </footer> 10237 </div> 10238 10239 10240 10241 <div 10242 id="shopify-section-cart-drawer-section" 10243 class="shopify-section" 10244 > 10245 10246 10247
10247<script 10248 type="module" 10249 src="//cozmetica.pk/cdn/shop/t/140/assets/cart-drawer.js?v=101430053943909765251785524563" 10250 fetchpriority="low" 10251 ></script>
10251 10252 10253 10254 10255 <theme-drawer 10256 id="cart-drawer" 10257 data-skip-node-update 10258 > 10259 <dialog 10260 ref="panel" 10261 class="theme-drawer__dialog color-custom-drawer" 10262 aria-labelledby="cart-drawer-heading" 10263 cart-summary-sticky="true" 10264 > 10265 <cart-drawer-component 10266 10267 > 10268 <template id="empty-cart-template"> 10269 10270 <div 10271 class="cart-drawer__content" 10272 aria-label="Cart" 10273 > 10274 <h2 10275 class="theme-drawer__title h4" 10276 id="cart-drawer-heading" 10277 > 10278 Your cart is empty 10279 </h2> 10280 10281 <div class="cart-drawer__items"> 10282 10283 10284
10285<script 10286 src="//cozmetica.pk/cdn/shop/t/140/assets/component-cart-items.js?v=14476580701730542761785524563" 10287 type="module" 10288 fetchpriority="low" 10289></script>
vendor: 1 bytes, line 10289
10289
10290<script 10291 src="//cozmetica.pk/cdn/shop/t/140/assets/component-cart-quantity-selector.js?v=168493463479860323171785524563" 10292 type="module" 10293 fetchpriority="low" 10294></script>
vendor: 1 bytes, line 10294
10294
10295<script 10296 src="//cozmetica.pk/cdn/shop/t/140/assets/volume-pricing-info.js?v=94479640769665442661785524563" 10297 type="module" 10298 fetchpriority="low" 10299></script>
10299 10300 10301 10302 10303 10304<div 10305 10306 class="cart-items__wrapper cart-items__wrapper--drawer-empty" 10307 10308 data-cart-drawer-empty 10309 10310 style="" 10311> 10312 10313<p> 10314 Have an account? <a href="https://cozmetica.pk/customer_authentication/redirect?locale=en®ion_country=PK">Log in</a> to check out faster. 10315 </p><a 10316 class="button cart-items__empty-button" 10317 href="/collections/all" 10318 > 10319 <span class="button-text"> 10320 Continue shopping 10321 </span> 10322 </a></div> 10323 10324 10325 10326 </div> 10327 </div> 10328 10329 </template> 10330 10331 <div 10332 class="cart-drawer__inner cart-drawer--empty" 10333 data-hydration-key="cart-drawer-inner" 10334 ><div class="theme-drawer__header"> 10335 <button 10336 on:click="#cart-drawer/close" 10337 class="theme-drawer__close-button cart-drawer__close-button--empty" 10338 type="button" 10339 aria-label="Close" 10340 > 10341 <span class="svg-wrapper"><svg aria-hidden="true" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"> 10342<path d="M11.1765 12.025C11.4108 12.2594 11.7907 12.2594 12.025 12.025C12.2594 11.7907 12.2594 11.4108 12.025 11.1765L8.84931 8.00078L12.025 4.82505C12.2594 4.59073 12.2594 4.21083 12.025 3.97652C11.7907 3.7422 11.4108 3.7422 11.1765 3.97652L8.00078 7.15225L4.82505 3.97652C4.59073 3.7422 4.21083 3.7422 3.97652 3.97652C3.7422 4.21083 3.7422 4.59073 3.97652 4.82505L7.15225 8.00078L3.97652 11.1765C3.7422 11.4108 3.7422 11.7907 3.97652 12.025C4.21083 12.2594 4.59073 12.2594 4.82505 12.025L8.00078 8.84931L11.1765 12.025Z" fill="currentColor"/> 10343</svg> 10344</span> 10345 </button> 10346 </div> 10347 10348 10349<cart-items-component 10350 class="cart-items-component" 10351 10352 data-drawer 10353 view-event-trigger="dialog" 10354 10355 data-section-id="cart-drawer-section" 10356 10357 view-event-payload="{"context":null,"cart":null}" 10358 10359> 10360 10361 10362 <div 10363 class="cart-drawer__content" 10364 aria-label="Cart" 10365 > 10366 <h2 10367 class="theme-drawer__title h4" 10368 id="cart-drawer-heading" 10369 > 10370 Your cart is empty 10371 </h2> 10372 10373 <div class="cart-drawer__items"> 10374 10375 10376
10377<script 10378 src="//cozmetica.pk/cdn/shop/t/140/assets/component-cart-items.js?v=14476580701730542761785524563" 10379 type="module" 10380 fetchpriority="low" 10381></script>
vendor: 1 bytes, line 10381
10381
10382<script 10383 src="//cozmetica.pk/cdn/shop/t/140/assets/component-cart-quantity-selector.js?v=168493463479860323171785524563" 10384 type="module" 10385 fetchpriority="low" 10386></script>
vendor: 1 bytes, line 10386
10386
10387<script 10388 src="//cozmetica.pk/cdn/shop/t/140/assets/volume-pricing-info.js?v=94479640769665442661785524563" 10389 type="module" 10390 fetchpriority="low" 10391></script>
10391 10392 10393 10394 10395 10396<div 10397 10398 class="cart-items__wrapper cart-items__wrapper--drawer-empty" 10399 10400 data-cart-drawer-empty 10401 10402 style="" 10403> 10404 10405<p> 10406 Have an account? <a href="https://cozmetica.pk/customer_authentication/redirect?locale=en®ion_country=PK">Log in</a> to check out faster. 10407 </p><a 10408 class="button cart-items__empty-button" 10409 href="/collections/all" 10410 > 10411 <span class="button-text"> 10412 Continue shopping 10413 </span> 10414 </a></div> 10415 10416 10417 10418 </div> 10419 </div> 10420 10421 10422</cart-items-component> 10423 10424 10425 10426 </div> 10427 </cart-drawer-component> 10428 </dialog> 10429 </theme-drawer> 10430 10431 10432 </div> 10433 10434 10435 10436 10437 10438 10439 10440 10441 10442
10443<script 10444 type="module" 10445 src="//cozmetica.pk/cdn/shop/t/140/assets/theme-drawer.js?v=155110645205299884131785524563" 10446 fetchpriority="low" 10447></script>
10447 10448
10449<script> 10450 /* Runs synchronously during HTML parsing â opens the correct drawer on first 10451 paint if navigation state was saved, so it renders with the rest of the page. */ 10452 (function () { 10453 var drawerIds = (sessionStorage.getItem('theme-drawer-open') || '').split(',').filter(Boolean); 10454 if (!drawerIds.length) return; 10455 10456 // Only restore on wide viewports (squeeze mode). On narrow viewports the 10457 // drawer is a modal overlay â let it start closed after navigation rather 10458 // than re-opening a fullscreen dialog the user may have left behind. 10459 if (!window.matchMedia('(min-width: 990px)').matches) return; 10460 10461 var dialogs = []; 10462 for (var i = 0; i < drawerIds.length; i++) { 10463 var drawer = document.getElementById(drawerIds[i]); 10464 if (!drawer) continue; 10465 10466 drawer.setAttribute('open', ''); 10467 10468 // Set [open] directly so the CSS slide-in applies without triggering 10469 // the browser's dialog focusing steps â on wide viewports the drawer is 10470 // a sidebar, not a modal, so focus should stay where it is. 10471 // The instant class suppresses the slide-in transition for the initial restore. 10472 // Set --drawer-stack-order so z-index layering matches the original order. 10473 drawer.style.setProperty('--drawer-stack-order', String(i + 1)); 10474 10475 var dialog = drawer.querySelector('dialog'); 10476 if (dialog) { 10477 dialog.setAttribute('open', ''); 10478 dialog.classList.add('theme-drawer__dialog-instant'); 10479 dialogs.push(dialog); 10480 } 10481 10482 // Let each drawer type handle its own restore (e.g. shopify-chat mode). 10483 // Synchronous dispatch â listeners attached during earlier parsing run immediately. 10484 drawer.dispatchEvent(new CustomEvent('theme-drawer:restoring')); 10485 } 10486 10487 // Apply squeeze immediately, bypassing the margin transition. 10488 // Only squeeze if at least one drawer was actually restored â saved 10489 // drawer IDs may not exist on every page (e.g. cart-drawer on /cart). 10490 var pageWrapper = document.querySelector('.page-wrapper'); 10491 if (pageWrapper && dialogs.length > 0) { 10492 pageWrapper.style.transition = 'none'; 10493 pageWrapper.classList.add('page-wrapper--drawer-open'); 10494 } 10495 10496 // Re-enable transitions after one paint so the instant state is rendered first. 10497 requestAnimationFrame(function () { 10498 requestAnimationFrame(function () { 10499 if (pageWrapper) pageWrapper.style.transition = ''; 10500 for (var j = 0; j < dialogs.length; j++) { 10501 dialogs[j].classList.remove('theme-drawer__dialog-instant'); 10502 } 10503 }); 10504 }); 10505 })(); 10506</script>
10506 10507
10508<script 10509 type="module" 10510> 10511 const pageWrapper = document.querySelector('.page-wrapper'); 10512 const squeezeQuery = window.matchMedia('(min-width: 990px)'); 10513 10514 // ââ Squeeze coordination ââ 10515 // Listens to all drawers. Only squeezes on wide viewports. 10516 document.addEventListener('theme-drawer:open', () => { 10517 if (squeezeQuery.matches) { 10518 pageWrapper?.classList.add('page-wrapper--drawer-open'); 10519 } 10520 }); 10521 10522 document.addEventListener('theme-drawer:close', () => { 10523 const openDrawer = document.querySelector('theme-drawer[open]'); 10524 if (!openDrawer) { 10525 pageWrapper?.classList.remove('page-wrapper--drawer-open'); 10526 } 10527 }); 10528 10529 squeezeQuery.addEventListener('change', () => { 10530 const openDrawer = document.querySelector('theme-drawer[open]'); 10531 pageWrapper?.classList.toggle('page-wrapper--drawer-open', Boolean(openDrawer) && squeezeQuery.matches); 10532 }); 10533 10534 // ââ State persistence ââ 10535 // Store open drawer IDs sorted by their visual stack order so 10536 // the restore script can recreate the same z-index layering. 10537 function persistDrawerState() { 10538 const openDrawers = Array.from(document.querySelectorAll('theme-drawer[open]:not([no-persist])')); 10539 if (!openDrawers.length) { 10540 sessionStorage.removeItem('theme-drawer-open'); 10541 return; 10542 } 10543 10544 openDrawers.sort((a, b) => { 10545 const orderA = Number(a.style.getPropertyValue('--drawer-stack-order') || 0); 10546 const orderB = Number(b.style.getPropertyValue('--drawer-stack-order') || 0); 10547 return orderA - orderB; 10548 }); 10549 10550 sessionStorage.setItem('theme-drawer-open', openDrawers.map((d) => d.id).join(',')); 10551 } 10552 10553 document.addEventListener('theme-drawer:open', persistDrawerState); 10554 document.addEventListener('theme-drawer:close', persistDrawerState); 10555</script>
10555 10556 10557 10558 10559 10560 10561 10562 10563 10564<link href="//cozmetica.pk/cdn/shop/t/140/assets/predictive-search-modern.css?v=179285189886202397331785524563" rel="stylesheet" type="text/css" media="all" /> 10565
10566<script 10567 src="//cozmetica.pk/cdn/shop/t/140/assets/dialog.js?v=144816527575655702281785524563" 10568 type="module" 10569></script>
10569 10570
10571<script 10572 src="//cozmetica.pk/cdn/shop/t/140/assets/predictive-search.js?v=77975041733501702431785524563" 10573 type="module" 10574 fetchpriority="low" 10575></script>
10575 10576 10577<dialog-component 10578 id="search-modal" 10579 class="search-modal" 10580 10581> 10582 <dialog 10583 ref="dialog" 10584 on:click="/closeDialogOnClickOutside" 10585 on:keydown="/closeDialogOnEscapePress" 10586 class="search-modal__content dialog-modal" 10587 scroll-lock 10588 aria-labelledby="search-modal-heading" 10589 > 10590 <h2 10591 id="search-modal-heading" 10592 class="visually-hidden" 10593 > 10594 Search 10595 </h2> 10596 <predictive-search-component 10597 class="predictive-search color-custom-popover" 10598 style="--product-corner-radius: 0px; --card-corner-radius: 0px; --title-case: uppercase;" 10599 data-section-id="predictive-search" 10600 data-testid="search-component--modal" 10601 role="search" 10602 aria-label="Search" 10603 > 10604 <form 10605 action="/search" 10606 method="get" 10607 role="search" 10608 class="predictive-search-form" 10609 ref="form" 10610 on:keydown="/onSearchKeyDown" 10611 > 10612 <div 10613 class="predictive-search-form__header" 10614 > 10615 <div class="predictive-search-form__header-inner"> 10616 <label 10617 for="cmdk-input" 10618 class="visually-hidden" 10619 >Search</label> 10620 <input 10621 class="search-input" 10622 id="cmdk-input" 10623 type="search" 10624 name="q" 10625 role="combobox" 10626 aria-expanded="false" 10627 aria-owns="predictive-search-results" 10628 aria-controls="predictive-search-results" 10629 aria-haspopup="listbox" 10630 aria-autocomplete="list" 10631 autocomplete="off" 10632 placeholder="Search" 10633 ref="searchInput" 10634 on:input="/search" 10635 on:keydown="/onSearchKeyDown" 10636 > 10637 <input 10638 name="options[prefix]" 10639 type="hidden" 10640 value="last" 10641 > 10642 <span class="svg-wrapper predictive-search__icon"> 10643 <svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><circle cx="9" cy="9" r="4.75" stroke="currentColor" stroke-width="var(--icon-stroke-width)"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="m12.5 12.5 3.25 3.25"/></svg> 10644 10645 </span> 10646 <button 10647 type="button" 10648 class="button-unstyled predictive-search__reset-button" 10649 ref="resetButton" 10650 hidden 10651 on:click="/resetSearch" 10652 > 10653 Clear 10654 </button> 10655 <kbd class="predictive-search__kbd-hint" aria-hidden="true">esc</kbd> 10656 </div> 10657 <button 10658 type="button" 10659 class="button predictive-search__close-modal-button" 10660 aria-label="Close dialog" 10661 on:click="dialog-component/closeDialog" 10662 ref="closeModalButton" 10663 > 10664 <span class="svg-wrapper"> 10665 <svg aria-hidden="true" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"> 10666<path d="M11.1765 12.025C11.4108 12.2594 11.7907 12.2594 12.025 12.025C12.2594 11.7907 12.2594 11.4108 12.025 11.1765L8.84931 8.00078L12.025 4.82505C12.2594 4.59073 12.2594 4.21083 12.025 3.97652C11.7907 3.7422 11.4108 3.7422 11.1765 3.97652L8.00078 7.15225L4.82505 3.97652C4.59073 3.7422 4.21083 3.7422 3.97652 3.97652C3.7422 4.21083 3.7422 4.59073 3.97652 4.82505L7.15225 8.00078L3.97652 11.1765C3.7422 11.4108 3.7422 11.7907 3.97652 12.025C4.21083 12.2594 4.59073 12.2594 4.82505 12.025L8.00078 8.84931L11.1765 12.025Z" fill="currentColor"/> 10667</svg> 10668 10669 </span> 10670 </button> 10671 </div> 10672 10673 <div class="predictive-search-form__content-wrapper"> 10674 <div 10675 class="predictive-search-form__content" 10676 ref="predictiveSearchResults" 10677 on:click="/handleModalClick" 10678 > 10679 10680 10681<div 10682 id="predictive-search-results" 10683 class="predictive-search-dropdown" 10684 role="listbox" 10685 aria-expanded="true" 10686 style="--color-shadow: rgb(var(--color-foreground-rgb) / 0.1);" 10687> 10688 10689 <div class="predictive-search-results__inner"> 10690 10691 10692 10693 10694 10695 <div 10696 id="predictive-search-products" 10697 class="predictive-search-results__products" 10698 10699 data-testid="products-list-default--modal" 10700 10701> 10702 10703 <h4 class="predictive-search-results__title"> 10704 Products 10705 </h4> 10706 <ul 10707 class="predictive-search-results__list predictive-search-results__wrapper-products list-unstyled" 10708 > 10709 10710 10711 <li 10712 class="predictive-search-results__card predictive-search-results__card--product" 10713 ref="resultsItems[]" 10714 > 10715 10716<product-component 10717 class="resource-card__wrapper" 10718 10719 10720 view-event-payload="{"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":[]}" 10721 10722 ><div 10723 class="resource-card" 10724 data-resource-type="product" 10725> 10726 <a 10727 class="resource-card__link" 10728 href="/products/maybelline-ny-fit-me-matte-poreless-liquid-foundation" 10729 > 10730 <span class="visually-hidden"> 10731 Maybelline Fit Me Matte & Poreless Liquid Foundation | Extra Coverage 10732 </span> 10733 </a> 10734 <div 10735 class="resource-card__media" 10736 style="--resource-card-aspect-ratio: 4 / 5;" 10737 10738 > 10739 10740 10741 10742 <img src="//cozmetica.pk/cdn/shop/products/ShadeGuide.jpg?v=1776409336&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%;"> 10743 10744 <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%;"> 10745</div> 10746 10747 <div class="resource-card__content"> 10748 <p class="resource-card__title paragraph">Maybelline Fit Me Matte & Poreless Liquid Foundation | Extra Coverage</p> 10749 10750 10751 <div ref="priceContainer"> 10752 10753 10754 <div 10755 class=" 10756 price__regular 10757 10758 price__hidden 10759 10760 " 10761 >
10762 <span class="price">Rs.2,624</span> 10763 </div> 10764 <div 10765 class=" 10766 price__sale 10767 10768 " 10769 > 10770 10771 <span class="price-item__group"> 10772 <span class="visually-hidden">Regular price </span> 10773 <span class="price-item--regular compare-at-price">Rs.3,499</span> 10774 </span> 10775 <span class="price-item__group"> 10776 <span class="visually-hidden">Sale price </span> 10777 <span class="price-item--sale price">Rs.2,624</span> 10778 </span> 10779 10780 </div> 10781 10782</div> 10783 10784 </div> 10785</div></product-component> 10786 10787 </li> 10788 10789 <li 10790 class="predictive-search-results__card predictive-search-results__card--product" 10791 ref="resultsItems[]" 10792 > 10793 10794<product-component 10795 class="resource-card__wrapper" 10796 10797 10798 view-event-payload="{"product":{"id":6000027631777,"title":"Artdeco Mineral Eye Styler","handle":"artdeco-mineral-eye-styler","selectedVariant":null},"context":"search","selectedOptions":[]}" 10799 10800 ><div 10801 class="resource-card" 10802 data-resource-type="product" 10803> 10804 <a 10805 class="resource-card__link" 10806 href="/products/artdeco-mineral-eye-styler" 10807 > 10808 <span class="visually-hidden"> 10809 Artdeco Mineral Eye Styler 10810 </span> 10811 </a> 10812 <div 10813 class="resource-card__media" 10814 style="--resource-card-aspect-ratio: 4 / 5;" 10815 10816 > 10817 10818 10819 10820 <img src="//cozmetica.pk/cdn/shop/products/ART92.jpg?v=1699330336&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%;"> 10821 10822 <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%;"> 10823</div> 10824 10825 <div class="resource-card__content"> 10826 <p class="resource-card__title paragraph">Artdeco Mineral Eye Styler</p> 10827 10828 10829 <div ref="priceContainer"> 10830 10831 10832 <div 10833 class=" 10834 price__regular 10835 10836 " 10837 > 10838 <span class="price">Rs.3,500</span> 10839 </div> 10840 <div 10841 class=" 10842 price__sale 10843 10844 price__hidden 10845 10846 " 10847 > 10848 10849 <span class="price-item__group"> 10850 <span class="visually-hidden">Regular price </span> 10851 <span class="price-item--regular compare-at-price">Rs.3,500</span> 10852 </span> 10853 <span class="price-item__group"> 10854 <span class="visually-hidden">Sale price </span> 10855 <span class="price-item--sale price">Rs.3,500</span> 10856 </span> 10857 10858 </div> 10859 10860</div> 10861 10862 </div> 10863</div></product-component> 10864 10865 </li> 10866 10867 <li 10868 class="predictive-search-results__card predictive-search-results__card--product" 10869 ref="resultsItems[]" 10870 > 10871 10872<product-component 10873 class="resource-card__wrapper" 10874 10875 10876 view-event-payload="{"product":{"id":6000067444897,"title":"Maybelline New York SuperStay Matte Ink Liquid Lipstick","handle":"maybelline-superstay-matte-ink-liquid-lipstick","selectedVariant":null},"context":"search","selectedOptions":[]}" 10877 10878 ><div 10879 class="resource-card" 10880 data-resource-type="product" 10881> 10882 <a 10883 class="resource-card__link" 10884 href="/products/maybelline-superstay-matte-ink-liquid-lipstick" 10885 > 10886 <span class="visually-hidden"> 10887 Maybelline New York SuperStay Matte Ink Liquid Lipstick 10888 </span> 10889 </a> 10890 <div 10891 class="resource-card__media" 10892 style="--resource-card-aspect-ratio: 4 / 5;" 10893 10894 > 10895 10896 10897 10898 <img src="//cozmetica.pk/cdn/shop/products/03_9_cffbd246-06f2-4bea-9993-9efd95713619.jpg?v=1753365334&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%;"> 10899 10900 <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%;"> 10901</div> 10902 10903 <div class="resource-card__content"> 10904 <p class="resource-card__title paragraph">Maybelline New York SuperStay Matte Ink Liquid Lipstick</p> 10905 10906 10907 <div ref="priceContainer"> 10908 10909 10910 <div 10911 class=" 10912 price__regular 10913 10914 price__hidden 10915 10916 " 10917 >
10918 <span class="price">Rs.2,549</span> 10919 </div> 10920 <div 10921 class=" 10922 price__sale 10923 10924 " 10925 > 10926 10927 <span class="price-item__group"> 10928 <span class="visually-hidden">Regular price </span> 10929 <span class="price-item--regular compare-at-price">Rs.3,399</span> 10930 </span> 10931 <span class="price-item__group"> 10932 <span class="visually-hidden">Sale price </span> 10933 <span class="price-item--sale price">Rs.2,549</span> 10934 </span> 10935 10936 </div> 10937 10938</div> 10939 10940 </div> 10941</div></product-component> 10942 10943 </li> 10944 10945 <li 10946 class="predictive-search-results__card predictive-search-results__card--product" 10947 ref="resultsItems[]" 10948 > 10949 10950<product-component 10951 class="resource-card__wrapper" 10952 10953 10954 view-event-payload="{"product":{"id":5998613397665,"title":"Essence Draw The Line Instant Color Lipliner","handle":"essence-draw-the-line-instant-color-lipliner","selectedVariant":null},"context":"search","selectedOptions":[]}" 10955 10956 ><div 10957 class="resource-card" 10958 data-resource-type="product" 10959> 10960 <a 10961 class="resource-card__link" 10962 href="/products/essence-draw-the-line-instant-color-lipliner" 10963 > 10964 <span class="visually-hidden"> 10965 Essence Draw The Line Instant Color Lipliner 10966 </span> 10967 </a> 10968 <div 10969 class="resource-card__media" 10970 style="--resource-card-aspect-ratio: 4 / 5;" 10971 10972 > 10973 10974 10975 10976 <img src="//cozmetica.pk/cdn/shop/products/EssenceDrawTheLineInstantColorLiplinerMain.jpg?v=1756295389&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%;"> 10977 10978 <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%;"> 10979</div> 10980 10981 <div class="resource-card__content"> 10982 <p class="resource-card__title paragraph">Essence Draw The Line Instant Color Lipliner</p> 10983 10984 10985 <div ref="priceContainer"> 10986 10987 10988 <div 10989 class=" 10990 price__regular 10991 10992 price__hidden 10993 10994 " 10995 > 10996 <span class="price">Rs.538</span> 10997 </div> 10998 <div 10999 class=" 11000 price__sale 11001 11002 " 11003 > 11004 11005 <span class="price-item__group"> 11006 <span class="visually-hidden">Regular price </span> 11007 <span class="price-item--regular compare-at-price">Rs.769</span> 11008 </span> 11009 <span class="price-item__group"> 11010 <span class="visually-hidden">Sale price </span> 11011 <span class="price-item--sale price">Rs.538</span> 11012 </span> 11013 11014 </div> 11015 11016</div> 11017 11018 </div> 11019</div></product-component> 11020 11021 </li> 11022 11023 </ul> 11024 11025</div> 11026 11027 11028 11029 </div> 11030 11031</div> 11032 11033 </div> 11034 11035 <div class="predictive-search-form__footer"> 11036 <button 11037 class="button predictive-search__search-button" 11038 ref="viewAllButton" 11039 > 11040 View all 11041 </button> 11042 </div> 11043 </div> 11044 </form> 11045 </predictive-search-component> 11046 </dialog> 11047</dialog-component> 11048 11049 11050 11051 11052 11053
11053<script 11054 src="//cozmetica.pk/cdn/shop/t/140/assets/gift-card-recipient-form.js?v=170482155849799299241785524563" 11055 type="module" 11056 fetchpriority="low" 11057></script>
11057 11058<quick-add-dialog id="quick-add-dialog"> 11059 <dialog 11060 class="quick-add-modal dialog-modal color-custom-popover" 11061 ref="dialog" 11062 scroll-lock 11063 > 11064 <button 11065 ref="closeButton" 11066 on:click="/closeDialog" 11067 class="button button-unstyled close-button quick-add-modal__close" 11068 aria-label="Close dialog" 11069 ><svg aria-hidden="true" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"> 11070<path d="M11.1765 12.025C11.4108 12.2594 11.7907 12.2594 12.025 12.025C12.2594 11.7907 12.2594 11.4108 12.025 11.1765L8.84931 8.00078L12.025 4.82505C12.2594 4.59073 12.2594 4.21083 12.025 3.97652C11.7907 3.7422 11.4108 3.7422 11.1765 3.97652L8.00078 7.15225L4.82505 3.97652C4.59073 3.7422 4.21083 3.7422 3.97652 3.97652C3.7422 4.21083 3.7422 4.59073 3.97652 4.82505L7.15225 8.00078L3.97652 11.1765C3.7422 11.4108 3.7422 11.7907 3.97652 12.025C4.21083 12.2594 4.59073 12.2594 4.82505 12.025L8.00078 8.84931L11.1765 12.025Z" fill="currentColor"/> 11071</svg> 11072</button> 11073 11074 <product-component 11075 id="quick-add-modal-content" 11076 class="quick-add-modal__content" 11077 view-event-trigger="dialog" 11078 ></product-component> 11079 </dialog> 11080</quick-add-dialog> 11081 11082 11083 11084 11085 11086 11087 11088 <div id="shopify-section-universal-tab-bar" class="shopify-section"><nav class="utb utb--pill" id="utb" aria-label="Primary mobile navigation"><a href="/" class="utb__tab" ><span class="utb__pill" aria-hidden="true"></span><svg class="utb__icon utb__icon--outline" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round"><path d="M6.5 8h11l1 12.2a1 1 0 0 1-1 1.05H6.5a1 1 0 0 1-1-1.05L6.5 8Z"/><path d="M9 8V6.2a3 3 0 0 1 6 0V8"/></svg> 11089 <svg class="utb__icon utb__icon--fill" viewBox="0 0 24 24" fill="currentColor"><path d="M8.6 6.2a3.4 3.4 0 0 1 6.8 0V7h1.7a1 1 0 0 1 1 .93l.9 12.2a1.6 1.6 0 0 1-1.6 1.72H6.6A1.6 1.6 0 0 1 5 20.13l.9-12.2A1 1 0 0 1 6.9 7h1.7v-.8Zm2 .8h2.8v-.8a1.4 1.4 0 0 0-2.8 0V7Z"/></svg><span class="utb__label">Shop</span></a><button type="button" class="utb__tab" data-utb-action="search" ><span class="utb__pill" aria-hidden="true"></span><svg class="utb__icon utb__icon--outline" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round"><circle cx="11" cy="11" r="6.5"/><path d="m20 20-4.3-4.3"/></svg> 11090 <svg class="utb__icon utb__icon--fill" viewBox="0 0 24 24" fill="currentColor"><circle cx="11" cy="11" r="6.5" fill="none" stroke="currentColor" stroke-width="2.4"/><path d="m20 20-4.3-4.3" stroke="currentColor" stroke-width="2.4" stroke-linecap="round"/></svg><span class="utb__label">Search</span></button><button type="button" class="utb__tab" data-utb-action="cart" ><span class="utb__pill" aria-hidden="true"></span><span class="utb__badge" id="utb-cart-count" data-utb-badge hidden>0</span><svg class="utb__icon utb__icon--outline" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round"><path d="M3 4h2l2.3 12.4a1.5 1.5 0 0 0 1.5 1.2h8.4a1.5 1.5 0 0 0 1.5-1.2L20.5 8H6"/><circle cx="9.5" cy="20.5" r="1.4"/><circle cx="17" cy="20.5" r="1.4"/></svg> 11091 <svg class="utb__icon utb__icon--fill" viewBox="0 0 24 24" fill="currentColor"><path d="M3 3a1 1 0 0 0 0 2h1.2l.4 2.1L7 16.6A2 2 0 0 0 8.97 18.3h7.8a2 2 0 0 0 1.94-1.5l1.94-7.6A1.2 1.2 0 0 0 19.5 7.6H6.06l-.4-2.15A1.7 1.7 0 0 0 3.98 4H3Z"/><circle cx="9.5" cy="20.6" r="1.5"/><circle cx="17" cy="20.6" r="1.5"/></svg><span class="utb__label">Cart</span></button><a href="https://tracker.tradeunleashed.com/3771288343" class="utb__tab" ><span class="utb__pill" aria-hidden="true"></span><svg class="utb__icon utb__icon--outline" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round"><path d="M2.5 7.3a.8.8 0 0 1 .8-.8H14v9.5H2.5V7.3Z"/><path d="M14 9.3h3.4a1 1 0 0 1 .74.33l2.3 2.55a1 1 0 0 1 .26.67V15a1 1 0 0 1-1 1H14"/><circle cx="7" cy="18.1" r="1.8"/><circle cx="17.3" cy="18.1" r="1.8"/></svg> 11092 <svg class="utb__icon utb__icon--fill" viewBox="0 0 24 24" fill="currentColor"><path d="M2 7.1c0-.9.7-1.6 1.6-1.6h9c.9 0 1.6.7 1.6 1.6v9.4H2V7.1Z"/><path d="M15.5 8.3h2.4a1.2 1.2 0 0 1 .9.4l2.4 2.65a1.2 1.2 0 0 1 .3.8v3.15a1.2 1.2 0 0 1-1.2 1.2h-4.8V8.3Z"/><circle cx="7" cy="18.2" r="1.9"/><circle cx="17.3" cy="18.2" r="1.9"/></svg><span class="utb__label">Track Order</span></a></nav> 11093 11094<style> 11095 :root{ 11096 --utb-accent: 216, 0, 0; 11097 --utb-surface: #ffffffb8; 11098 --utb-hairline: rgba(28,27,25,0.08); 11099 --utb-ink-soft: #8A857C; 11100 --utb-badge: #c0392b; 11101 --utb-height: 58px; 11102 } 11103 @media (prefers-color-scheme: dark){ 11104 :root{ 11105 --utb-accent: 212, 175, 120; 11106 --utb-surface: #141311ad; 11107 --utb-hairline: rgba(255,255,255,0.08); 11108 --utb-ink-soft: #9C9689; 11109 } 11110 } 11111 11112 .utb{ 11113 position:fixed; 11114 left:0; right:0; bottom:0; 11115 z-index:9999; 11116 display:flex; 11117 padding:8px 6px calc(env(safe-area-inset-bottom, 0px) + 8px); 11118 background:var(--utb-surface); 11119 11120 backdrop-filter:blur(24px) saturate(180%); 11121 -webkit-backdrop-filter:blur(24px) saturate(180%); 11122 11123 border-top:0.5px solid var(--utb-hairline); 11124 font-family:-apple-system, BlinkMacSystemFont, "SF Pro Text", var(--font-body-family, system-ui), sans-serif; 11125 } 11126 @media (min-width: 768px){ .utb{ display:none; } } 11127 body.utb-enabled{ padding-bottom:calc(var(--utb-height) + env(safe-area-inset-bottom, 0px)); } 11128 @media (min-width: 768px){ body.utb-enabled{ padding-bottom:0; } } 11129 11130 .utb__tab{ 11131 flex:1; display:flex; flex-direction:column; align-items:center; justify-content:center; 11132 gap:2px; padding:6px 4px 4px; background:none; border:none; text-decoration:none; 11133 cursor:pointer; position:relative; -webkit-tap-highlight-color:transparent; font:inherit; 11134 } 11135 .utb__pill{ 11136 position:absolute; top:0; left:50%; 11137 width:44px; height:30px; transform:translateX(-50%) scale(0.7); 11138 border-radius:14px; background:rgba(var(--utb-accent), 0.14); 11139 opacity:0; transition:opacity .28s ease, transform .28s cubic-bezier(.34,1.56,.64,1); 11140 } 11141 .utb--pill .utb__tab.is-active .utb__pill{ opacity:1; transform:translateX(-50%) scale(1); } 11142 11143 .utb--underline .utb__tab::after{ 11144 content:""; position:absolute; bottom:0; left:50%; width:0; height:2px; 11145 background:rgb(var(--utb-accent)); border-radius:2px; transform:translateX(-50%); 11146 transition:width .25s ease; 11147 } 11148 .utb--underline .utb__tab.is-active::after{ width:22px; } 11149 11150 .utb__icon{ 11151 width:24px; height:24px; position:relative; z-index:2; 11152 color:var(--utb-ink-soft); 11153 transition:color .2s ease, transform .18s cubic-bezier(.34,1.56,.64,1); 11154 } 11155 .utb__icon--fill{ display:none; } 11156 .utb__tab.is-active .utb__icon--outline{ display:none; } 11157 .utb__tab.is-active .utb__icon--fill{ display:block; } 11158 .utb__tab.is-active .utb__icon{ color:rgb(var(--utb-accent)); } 11159 .utb__icon--custom{ opacity:0.55; transition:opacity .2s ease; } 11160 .utb__tab.is-active .utb__icon--custom{ opacity:1; } 11161 .utb__tab:active .utb__icon{ transform:scale(0.86); } 11162 11163 .utb__label{ 11164 font-size:10px; font-weight:600; letter-spacing:0.01em; 11165 color:var(--utb-ink-soft); z-index:2; transition:color .2s ease; 11166 } 11167 .utb__tab.is-active .utb__label{ color:rgb(var(--utb-accent)); } 11168 .utb--no-labels .utb__tab{ padding-top:10px; padding-bottom:10px; } 11169 11170 .utb__badge{ 11171 position:absolute; top:2px; right:calc(50% - 20px); 11172 min-width:16px; height:16px; padding:0 4px; border-radius:9px; 11173 background:var(--utb-badge); color:#fff; font-size:10px; font-weight:700; 11174 display:flex; align-items:center; justify-content:center; z-index:3; 11175 border:1.5px solid var(--utb-surface); 11176 } 11177 .utb__badge.utb-pulse{ animation:utb-pulse .4s cubic-bezier(.34,1.56,.64,1); } 11178 @keyframes utb-pulse{ 0%{transform:scale(1);} 40%{transform:scale(1.35);} 100%{transform:scale(1);} } 11179</style> 11180
11181<script> 11182 (function(){ 11183 document.body.classList.add('utb-enabled'); 11184 var bar = document.getElementById('utb'); 11185 if(!bar) return; 11186 11187 var searchBtn = bar.querySelector('[data-utb-action="search"]'); 11188 if (searchBtn){ 11189 searchBtn.addEventListener('click', function(){ 11190 // Click the theme's own search trigger so its native behavior runs 11191 // (Horizon: <search-button> opens the #search-modal dialog). 11192 var opener = document.querySelector( 11193 'search-button button,' + 11194 '[data-search-drawer-trigger], [data-predictive-search-trigger],' + 11195 '.search-modal__toggle, #search-icon-bubble' 11196 ); 11197 if (opener){ opener.click(); return; } 11198 // Horizon fallback: open the search dialog component directly. 11199 var modal = document.getElementById('search-modal'); 11200 if (modal){ 11201 if (typeof modal.showDialog === 'function'){ modal.showDialog(); return; } 11202 var dlg = modal.tagName === 'DIALOG' ? modal : modal.querySelector('dialog'); 11203 if (dlg && typeof dlg.showModal === 'function'){ dlg.showModal(); return; } 11204 } 11205 document.dispatchEvent(new CustomEvent('utb:open-search')); 11206 window.location.href = '/search'; 11207 }); 11208 } 11209 11210 var cartBtn = bar.querySelector('[data-utb-action="cart"]'); 11211 if (cartBtn){ 11212 cartBtn.addEventListener('click', function(){ 11213 // Click the theme's own cart control so behavior matches the header: 11214 // link -> cart page, drawer trigger -> cart drawer. 11215 var opener = document.querySelector( 11216 '.header-actions__action.action__cart,' + 11217 '[data-cart-drawer-trigger], .cart-icon-bubble, #cart-icon-bubble' 11218 ); 11219 if (opener){ opener.click(); return; } 11220 document.dispatchEvent(new CustomEvent('utb:open-cart')); 11221 window.location.href = '/cart'; 11222 }); 11223 } 11224 11225 var badge = document.getElementById('utb-cart-count'); 11226 function setBadge(count){ 11227 if (!badge) return; 11228 var prev = badge.textContent; 11229 badge.textContent = count; 11230 badge.hidden = count == 0; 11231 if (String(count) !== prev){ 11232 badge.classList.remove('utb-pulse'); 11233 void badge.offsetWidth; 11234 badge.classList.add('utb-pulse'); 11235 } 11236 } 11237 document.addEventListener('cart:updated', function(e){ 11238 var count = (e.detail && (e.detail.item_count ?? e.detail.cart?.item_count)); 11239 if (typeof count === 'number') setBadge(count); 11240 }); 11241 function refreshFromCartJs(){ 11242 fetch('/cart.js') 11243 .then(function(r){ return r.json(); }) 11244 .then(function(cart){ setBadge(cart.item_count); }) 11245 .catch(function(){}); 11246 } 11247 // Horizon fires "cart:update"; other themes use cart:change/cart:refresh. 11248 document.addEventListener('cart:update', refreshFromCartJs); 11249 document.addEventListener('cart:change', refreshFromCartJs); 11250 document.addEventListener('cart:refresh', refreshFromCartJs); 11251 11252 // Mirror the theme's own header bubble (covers themes that morph the DOM 11253 // without dispatching events). Observes the cart icon subtree since the 11254 // count node itself may be replaced on update. 11255 var themeBubbleHost = document.querySelector('cart-icon, .cart-count-bubble, #cart-icon-bubble'); 11256 if (themeBubbleHost){ 11257 new MutationObserver(function(){ 11258 var countEl = themeBubbleHost.querySelector('.cart-bubble__text-count') || themeBubbleHost; 11259 var n = parseInt(countEl.textContent, 10); 11260 if (!isNaN(n)) setBadge(n); 11261 else if (!countEl.textContent.trim()) setBadge(0); 11262 }).observe(themeBubbleHost, { childList:true, characterData:true, subtree:true }); 11263 } 11264 })(); 11265</script>
11265 11266 11267</div> 11268 <style> .menu-drawer__menu-item--mainlist {font-size: 16px;} .resource-card__image {object-fit: contain;} </style>
11269<script src="https://cdn.shopify.com/storefront/standard-actions.js" type="module" data-source-attribution="shopify.standard_actions"></script>
11269 11270</body> 11271</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.