PageSourceSearch

https://www.hairylittlethings.com/products/baby-lips

html hairylittlethings.com collected 2026-10-05 10:58:01 UTC 340,580 bytes, 8,909 lines download raw bytes

1<!doctype html>
2<html
3  
4  lang="en"
5>
6  <head>
7    
8      <link
9        rel="expect"
10        href="#MainContent"
11        blocking="render"
12        id="view-transition-render-blocker"
13      >
14    
15
16
17<meta charset="utf-8">
18<meta
19  http-equiv="X-UA-Compatible"
20  content="IE=edge"
21>
22<meta
23  name="viewport"
24  content="width=device-width,initial-scale=1"
25>
26<meta
27  name="view-transition"
28  content="same-origin"
29>
30<meta
31  name="theme-color"
32  content=""
33>
34
35<meta
36  property="og:site_name"
37  content="Hairy Little Things"
38>
39<meta
40  property="og:url"
41  content="https://www.hairylittlethings.com/products/baby-lips"
42>
43<meta
44  property="og:title"
45  content="Hairy Little Things Baby Lips Peptide Gloss"
46>
47<meta
48  property="og:type"
49  content="product"
50>
51<meta
52  property="og:description"
53  content="Baby Lips Peptide Gloss — Unscented + Unflavored A hydrating peptide lip gloss designed to comfort, smooth, and restore moisture — without any added scent or flavor. This cushiony, non-sticky formula delivers lasting hydration while helping support lips during lip-blush aftercare. Peptides and conditioning ingredients "
54><meta
55    property="og:image"
56    content="http://www.hairylittlethings.com/cdn/shop/files/ChatGPT_Image_Jun_22_2026_07_39_06_AM.png?v=1782128356"
57  >
58  <meta
59    property="og:image:secure_url"
60    content="https://www.hairylittlethings.com/cdn/shop/files/ChatGPT_Image_Jun_22_2026_07_39_06_AM.png?v=1782128356"
61  >
62  <meta
63    property="og:image:width"
64    content="1254"
65  >
66  <meta
67    property="og:image:height"
68    content="1254"
69  ><meta
70    property="og:price:amount"
71    content="19,95"
72  >
73  <meta
74    property="og:price:currency"
75    content="EUR"
76  ><meta
77  name="twitter:card"
78  content="summary_large_image"
79>
80<meta
81  name="twitter:title"
82  content="Hairy Little Things Baby Lips Peptide Gloss"
83>
84<meta
85  name="twitter:description"
86  content="Baby Lips Peptide Gloss — Unscented + Unflavored A hydrating peptide lip gloss designed to comfort, smooth, and restore moisture — without any added scent or flavor. This cushiony, non-sticky formula delivers lasting hydration while helping support lips during lip-blush aftercare. Peptides and conditioning ingredients "
87>
88
89<title>
90  Hairy Little Things Baby Lips Peptide Gloss
91</title>
92
93<link
94  rel="canonical"
95  href="https://www.hairylittlethings.com/products/baby-lips"
96>
97
98
99  <meta
100    name="description"
101    content="Baby Lips Peptide Gloss — Unscented + Unflavored A hydrating peptide lip gloss designed to comfort, smooth, and restore moisture — without any added scent or flavor. This cushiony, non-sticky formula delivers lasting hydration while helping support lips during lip-blush aftercare. Peptides and conditioning ingredients "
102  >
103
104<link href="//www.hairylittlethings.com/cdn/shop/t/5/assets/overflow-list.css?v=16727044177065489451774184382" as="style" rel="preload">
105<link href="//www.hairylittlethings.com/cdn/shop/t/5/assets/base.css?v=80415010869825589501774184382" rel="stylesheet" type="text/css" media="all" />
106
107<link
108    rel="preload"
109    as="font"
110    href="//www.hairylittlethings.com/cdn/fonts/montserrat/montserrat_n4.81949fa0ac9fd2021e16436151e8eaa539321637.woff2"
111    type="font/woff2"
112    crossorigin
113    fetchpriority="low"
114  ><link
115    rel="preload"
116    as="font"
117    href="//www.hairylittlethings.com/cdn/fonts/montserrat/montserrat_n4.81949fa0ac9fd2021e16436151e8eaa539321637.woff2"
118    type="font/woff2"
119    crossorigin
120    fetchpriority="low"
121  ><link
122    rel="preload"
123    as="font"
124    href="//www.hairylittlethings.com/cdn/fonts/montserrat/montserrat_n4.81949fa0ac9fd2021e16436151e8eaa539321637.woff2"
125    type="font/woff2"
126    crossorigin
127    fetchpriority="low"
128  ><link
129    rel="preload"
130    as="font"
131    href="//www.hairylittlethings.com/cdn/fonts/montserrat/montserrat_n4.81949fa0ac9fd2021e16436151e8eaa539321637.woff2"
132    type="font/woff2"
133    crossorigin
134    fetchpriority="low"
135  >
136
137
138<script async crossorigin fetchpriority="high" src="/cdn/shopifycloud/importmap-polyfill/es-modules-shim.2.4.0.js"></script>
vendor: 1 bytes, line 138
138
139<script type="importmap">
140  {
141    "imports": {
142      "@theme/overflow-list": "//www.hairylittlethings.com/cdn/shop/t/5/assets/overflow-list.js?v=46858356770684902511774184382",
143      "@theme/product-title": "//www.hairylittlethings.com/cdn/shop/t/5/assets/product-title-truncation.js?v=81744426891537421781774184382",
144      "@theme/component": "//www.hairylittlethings.com/cdn/shop/t/5/assets/component.js?v=184240237101443119871774184382",
145      "@theme/dialog": "//www.hairylittlethings.com/cdn/shop/t/5/assets/dialog.js?v=150888536568694194021774184382",
146      "@theme/events": "//www.hairylittlethings.com/cdn/shop/t/5/assets/events.js?v=1118589085892804011774184382",
147      "@theme/focus": "//www.hairylittlethings.com/cdn/shop/t/5/assets/focus.js?v=60436577539430446401774184382",
148      "@theme/morph": "//www.hairylittlethings.com/cdn/shop/t/5/assets/morph.js?v=104045809772310330131774184382",
149      "@theme/paginated-list": "//www.hairylittlethings.com/cdn/shop/t/5/assets/paginated-list.js?v=95298315036233333871774184382",
150      "@theme/performance": "//www.hairylittlethings.com/cdn/shop/t/5/assets/performance.js?v=171015751390534793081774184382",
151      "@theme/product-form": "//www.hairylittlethings.com/cdn/shop/t/5/assets/product-form.js?v=142170751179338062901774184382",
152      "@theme/recently-viewed-products": "//www.hairylittlethings.com/cdn/shop/t/5/assets/recently-viewed-products.js?v=94729125001750262651774184382",
153      "@theme/scrolling": "//www.hairylittlethings.com/cdn/shop/t/5/assets/scrolling.js?v=162288454571026455011774184382",
154      "@theme/section-renderer": "//www.hairylittlethings.com/cdn/shop/t/5/assets/section-renderer.js?v=170547751348887101551774184382",
155      "@theme/section-hydration": "//www.hairylittlethings.com/cdn/shop/t/5/assets/section-hydration.js?v=108434990705342316311774184382",
156      "@theme/money-formatting": "//www.hairylittlethings.com/cdn/shop/t/5/assets/money-formatting.js?v=182191346160333327151774184382",
157      "@theme/utilities": "//www.hairylittlethings.com/cdn/shop/t/5/assets/utilities.js?v=28506172887375975941774184382",
158      "@theme/variant-picker": "//www.hairylittlethings.com/cdn/shop/t/5/assets/variant-picker.js?v=24924540959574313291774184382",
159      "@theme/media-gallery": "//www.hairylittlethings.com/cdn/shop/t/5/assets/media-gallery.js?v=14624021005636302161774184382",
160      "@theme/quick-add": "//www.hairylittlethings.com/cdn/shop/t/5/assets/quick-add.js?v=114575661933533593881774184382",
161      "@theme/paginated-list-aspect-ratio": "//www.hairylittlethings.com/cdn/shop/t/5/assets/paginated-list-aspect-ratio.js?v=25254270272143792451774184382",
162      "@theme/popover-polyfill": "//www.hairylittlethings.com/cdn/shop/t/5/assets/popover-polyfill.js?v=119029313658895111201774184382",
163      "@theme/component-quantity-selector": "//www.hairylittlethings.com/cdn/shop/t/5/assets/component-quantity-selector.js?v=67906657287482036641774184382",
164      "@theme/comparison-slider": "//www.hairylittlethings.com/cdn/shop/t/5/assets/comparison-slider.js?v=106705562947035711941774184382",
165      "@theme/sticky-add-to-cart": "//www.hairylittlethings.com/cdn/shop/t/5/assets/sticky-add-to-cart.js?v=48956925339276737091774184382",
166      "@theme/fly-to-cart": "//www.hairylittlethings.com/cdn/shop/t/5/assets/fly-to-cart.js?v=48483246440248933081774184382"
167    }
168  }
169</script>
169
170
171<script
172  src="//www.hairylittlethings.com/cdn/shop/t/5/assets/view-transitions.js?v=7106414069516106341774184382"
173  async
174  
175    blocking="render"
176  
177></script>
177
178
179<link
180  rel="modulepreload"
181  href="//www.hairylittlethings.com/cdn/shop/t/5/assets/utilities.js?v=28506172887375975941774184382"
182  fetchpriority="low"
183>
184<link
185  rel="modulepreload"
186  href="//www.hairylittlethings.com/cdn/shop/t/5/assets/component.js?v=184240237101443119871774184382"
187  fetchpriority="low"
188>
189<link
190  rel="modulepreload"
191  href="//www.hairylittlethings.com/cdn/shop/t/5/assets/section-renderer.js?v=170547751348887101551774184382"
192  fetchpriority="low"
193>
194<link
195  rel="modulepreload"
196  href="//www.hairylittlethings.com/cdn/shop/t/5/assets/section-hydration.js?v=108434990705342316311774184382"
197  fetchpriority="low"
198>
199<link
200  rel="modulepreload"
201  href="//www.hairylittlethings.com/cdn/shop/t/5/assets/morph.js?v=104045809772310330131774184382"
202  fetchpriority="low"
203>
204
205
206
207<link
208  rel="modulepreload"
209  href="//www.hairylittlethings.com/cdn/shop/t/5/assets/focus.js?v=60436577539430446401774184382"
210  fetchpriority="low"
211>
212<link
213  rel="modulepreload"
214  href="//www.hairylittlethings.com/cdn/shop/t/5/assets/recently-viewed-products.js?v=94729125001750262651774184382"
215  fetchpriority="low"
216>
217<link
218  rel="modulepreload"
219  href="//www.hairylittlethings.com/cdn/shop/t/5/assets/scrolling.js?v=162288454571026455011774184382"
220  fetchpriority="low"
221>
222<link
223  rel="modulepreload"
224  href="//www.hairylittlethings.com/cdn/shop/t/5/assets/events.js?v=1118589085892804011774184382"
225  fetchpriority="low"
226>
227<script
228  src="//www.hairylittlethings.com/cdn/shop/t/5/assets/popover-polyfill.js?v=119029313658895111201774184382"
229  type="module"
230  fetchpriority="low"
231></script>
vendor: 1 bytes, line 231
231
232<script
233  src="//www.hairylittlethings.com/cdn/shop/t/5/assets/overflow-list.js?v=46858356770684902511774184382"
234  type="module"
235  fetchpriority="low"
236></script>
vendor: 1 bytes, line 236
236
237<script
238  src="//www.hairylittlethings.com/cdn/shop/t/5/assets/quick-add.js?v=114575661933533593881774184382"
239  type="module"
240  fetchpriority="low"
241></script>
241
242
243
244<script
245  src="//www.hairylittlethings.com/cdn/shop/t/5/assets/dialog.js?v=150888536568694194021774184382"
246  type="module"
247  fetchpriority="low"
248></script>
vendor: 1 bytes, line 248
248
249<script
250  src="//www.hairylittlethings.com/cdn/shop/t/5/assets/variant-picker.js?v=24924540959574313291774184382"
251  type="module"
252  fetchpriority="low"
253></script>
vendor: 1 bytes, line 253
253
254<script
255  src="//www.hairylittlethings.com/cdn/shop/t/5/assets/product-card.js?v=28695665944407642501774184382"
256  type="module"
257  fetchpriority="low"
258></script>
vendor: 1 bytes, line 258
258
259<script
260  src="//www.hairylittlethings.com/cdn/shop/t/5/assets/product-form.js?v=142170751179338062901774184382"
261  type="module"
262  fetchpriority="low"
263></script>
vendor: 1 bytes, line 263
263
264<script
265  src="//www.hairylittlethings.com/cdn/shop/t/5/assets/fly-to-cart.js?v=48483246440248933081774184382"
266  type="module"
267  fetchpriority="low"
268></script>
vendor: 1 bytes, line 268
268
269<script
270  src="//www.hairylittlethings.com/cdn/shop/t/5/assets/accordion-custom.js?v=97588419883090888471774184382"
271  type="module"
272  fetchpriority="low"
273></script>
vendor: 1 bytes, line 273
273
274<script
275  src="//www.hairylittlethings.com/cdn/shop/t/5/assets/media.js?v=37825095869491791421774184382"
276  type="module"
277  fetchpriority="low"
278></script>
vendor: 1 bytes, line 278
278
279<script
280  src="//www.hairylittlethings.com/cdn/shop/t/5/assets/product-price.js?v=83480980452100801711774184382"
281  type="module"
282  fetchpriority="low"
283></script>
vendor: 1 bytes, line 283
283
284<script
285  src="//www.hairylittlethings.com/cdn/shop/t/5/assets/product-sku.js?v=121804655373531320511774184382"
286  type="module"
287  fetchpriority="low"
288></script>
vendor: 1 bytes, line 288
288
289<script
290  src="//www.hairylittlethings.com/cdn/shop/t/5/assets/product-title-truncation.js?v=81744426891537421781774184382"
291  type="module"
292  fetchpriority="low"
293></script>
vendor: 1 bytes, line 293
293
294<script
295  src="//www.hairylittlethings.com/cdn/shop/t/5/assets/product-inventory.js?v=81520546963552472391774184382"
296  type="module"
297  fetchpriority="low"
298></script>
vendor: 1 bytes, line 298
298
299<script
300  src="//www.hairylittlethings.com/cdn/shop/t/5/assets/show-more.js?v=94563802205717136101774184382"
301  type="module"
302  fetchpriority="low"
303></script>
vendor: 1 bytes, line 303
303
304<script
305  src="//www.hairylittlethings.com/cdn/shop/t/5/assets/slideshow.js?v=168726587398279102001774184382"
306  type="module"
307  fetchpriority="low"
308></script>
vendor: 1 bytes, line 308
308
309<script
310  src="//www.hairylittlethings.com/cdn/shop/t/5/assets/layered-slideshow.js?v=30135417790894624731774184382"
311  type="module"
312  fetchpriority="low"
313></script>
vendor: 1 bytes, line 313
313
314<script
315  src="//www.hairylittlethings.com/cdn/shop/t/5/assets/anchored-popover.js?v=95953304814728754461774184382"
316  type="module"
317  fetchpriority="low"
318></script>
vendor: 1 bytes, line 318
318
319<script
320  src="//www.hairylittlethings.com/cdn/shop/t/5/assets/floating-panel.js?v=151277338116891310371774184382"
321  type="module"
322  fetchpriority="low"
323></script>
vendor: 1 bytes, line 323
323
324<script
325  src="//www.hairylittlethings.com/cdn/shop/t/5/assets/video-background.js?v=25237992823806706551774184382"
326  type="module"
327  fetchpriority="low"
328></script>
vendor: 1 bytes, line 328
328
329<script
330  src="//www.hairylittlethings.com/cdn/shop/t/5/assets/component-quantity-selector.js?v=67906657287482036641774184382"
331  type="module"
332  fetchpriority="low"
333></script>
vendor: 1 bytes, line 333
333
334<script
335  src="//www.hairylittlethings.com/cdn/shop/t/5/assets/media-gallery.js?v=14624021005636302161774184382"
336  type="module"
337  fetchpriority="low"
338></script>
vendor: 1 bytes, line 338
338
339<script
340  src="//www.hairylittlethings.com/cdn/shop/t/5/assets/rte-formatter.js?v=40306132146590816021774184382"
341  type="module"
342  fetchpriority="low"
343></script>
vendor: 1 bytes, line 343
343
344<script
345  src="//www.hairylittlethings.com/cdn/shop/t/5/assets/volume-pricing.js?v=15442793518842484731774184382"
346  type="module"
347  fetchpriority="low"
348></script>
vendor: 1 bytes, line 348
348
349<script
350  src="//www.hairylittlethings.com/cdn/shop/t/5/assets/price-per-item.js?v=144512917617120124431774184382"
351  type="module"
352  fetchpriority="low"
353></script>
vendor: 1 bytes, line 353
353
354<script
355  src="//www.hairylittlethings.com/cdn/shop/t/5/assets/volume-pricing-info.js?v=94479640769665442661774184382"
356  type="module"
357  fetchpriority="low"
358></script>
358
359
360
361  
361<script
362    src="//www.hairylittlethings.com/cdn/shop/t/5/assets/localization.js?v=15585934801240115691774184382"
363    type="module"
364    fetchpriority="low"
365  ></script>
365
366
367
368
369  
369<script
370    src="//www.hairylittlethings.com/cdn/shop/t/5/assets/fly-to-cart.js?v=48483246440248933081774184382"
371    type="module"
372    fetchpriority="low"
373  ></script>
373
374  
374<script
375    src="//www.hairylittlethings.com/cdn/shop/t/5/assets/sticky-add-to-cart.js?v=48956925339276737091774184382"
376    type="module"
377    fetchpriority="low"
378  ></script>
378
379  
379<script type="module">
380    import { RecentlyViewed } from '@theme/recently-viewed-products';
381    RecentlyViewed.addProduct('9843391168752');
382  </script>
382
383
384
385<script
386  src="//www.hairylittlethings.com/cdn/shop/t/5/assets/auto-close-details.js?v=58350291535404441581774184382"
387  defer="defer"
388></script>
388
389
390<script>
391  const Theme = {
392    translations: {
393      placeholder_image: `Placeholder image`,
394      added: `Added`,
395      recipient_form_fields_visible: `Recipient form fields are now visible`,
396      recipient_form_fields_hidden: `Recipient form fields are now hidden`,
397      recipient_form_error: `There was an error with the form submission`,
398      items_added_to_cart_one: `1 item added to cart`,
399      items_added_to_cart_other: `{{ count }} items added to cart`,
400      cart_count: `Total items in cart`,
401    },
402    routes: {
403      cart_add_url: '/cart/add.js',
404      cart_change_url: '/cart/change',
405      cart_update_url: '/cart/update',
406      cart_url: '/cart',
407      predictive_search_url: '/search/suggest',
408      search_url: '/search',
409    },
410    template: {
411      name: 'product',
412    },
413  };
414</script>
414
415<style data-shopify>
416@font-face {
417  font-family: Montserrat;
418  font-weight: 400;
419  font-style: normal;
420  font-display: swap;
421  src: url("//www.hairylittlethings.com/cdn/fonts/montserrat/montserrat_n4.81949fa0ac9fd2021e16436151e8eaa539321637.woff2") format("woff2"),
422       url("//www.hairylittlethings.com/cdn/fonts/montserrat/montserrat_n4.a6c632ca7b62da89c3594789ba828388aac693fe.woff") format("woff");
423}
424@font-face {
425  font-family: Montserrat;
426  font-weight: 700;
427  font-style: normal;
428  font-display: swap;
429  src: url("//www.hairylittlethings.com/cdn/fonts/montserrat/montserrat_n7.3c434e22befd5c18a6b4afadb1e3d77c128c7939.woff2") format("woff2"),
430       url("//www.hairylittlethings.com/cdn/fonts/montserrat/montserrat_n7.5d9fa6e2cae713c8fb539a9876489d86207fe957.woff") format("woff");
431}
432@font-face {
433  font-family: Montserrat;
434  font-weight: 400;
435  font-style: italic;
436  font-display: swap;
437  src: url("//www.hairylittlethings.com/cdn/fonts/montserrat/montserrat_i4.5a4ea298b4789e064f62a29aafc18d41f09ae59b.woff2") format("woff2"),
438       url("//www.hairylittlethings.com/cdn/fonts/montserrat/montserrat_i4.072b5869c5e0ed5b9d2021e4c2af132e16681ad2.woff") format("woff");
439}
440@font-face {
441  font-family: Montserrat;
442  font-weight: 700;
443  font-style: italic;
444  font-display: swap;
445  src: url("//www.hairylittlethings.com/cdn/fonts/montserrat/montserrat_i7.a0d4a463df4f146567d871890ffb3c80408e7732.woff2") format("woff2"),
446       url("//www.hairylittlethings.com/cdn/fonts/montserrat/montserrat_i7.f6ec9f2a0681acc6f8152c40921d2a4d2e1a2c78.woff") format("woff");
447}
448
449
450  :root {
451    /* Page Layout */
452    --sidebar-width: 25rem;
453    --narrow-content-width: 36rem;
454    --normal-content-width: 42rem;
455    --wide-content-width: 46rem;
456    --narrow-page-width: 90rem;
457    --normal-page-width: 120rem;
458    --wide-page-width: 150rem;
459
460    /* Section Heights */
461    --section-height-small: 15rem;
462    --section-height-medium: 25rem;
463    --section-height-large: 35rem;
464
465    @media screen and (min-width: 40em) {
466      --section-height-small: 40svh;
467      --section-height-medium: 55svh;
468      --section-height-large: 70svh;
469    }
470
471    @media screen and (min-width: 60em) {
472      --section-height-small: 50svh;
473      --section-height-medium: 65svh;
474      --section-height-large: 80svh;
475    }
476
477    /* Letter spacing */
478    --letter-spacing-sm: 0.06em;
479    --letter-spacing-md: 0.13em;
480
481    /* Font families */
482    --font-body--family: Montserrat, sans-serif;
483    --font-body--style: normal;
484    --font-body--weight: 400;
485    --font-subheading--family: Montserrat, sans-serif;
486    --font-subheading--style: normal;
487    --font-subheading--weight: 400;
488    --font-heading--family: Montserrat, sans-serif;
489    --font-heading--style: normal;
490    --font-heading--weight: 400;
491    --font-accent--family: Montserrat, sans-serif;
492    --font-accent--style: normal;
493    --font-accent--weight: 400;
494
495    /* Margin sizes */
496    --font-heading--spacing: 0.25em;
497    --font-h1--spacing: var(--font-heading--spacing);
498    --font-h2--spacing: var(--font-heading--spacing);
499    --font-h3--spacing: var(--font-heading--spacing);
500    --font-h4--spacing: var(--font-heading--spacing);
501    --font-h5--spacing: var(--font-heading--spacing);
502    --font-h6--spacing: var(--font-heading--spacing);
503    --font-paragraph--spacing: 0.5em;
504
505    /* Heading colors */
506    --font-h1--color: var(--color-foreground-heading);
507    --font-h2--color: var(--color-foreground-heading);
508    --font-h3--color: var(--color-foreground-heading);
509    --font-h4--color: var(--color-foreground-heading);
510    --font-h5--color: var(--color-foreground-heading);
511    --font-h6--color: var(--color-foreground-heading);
512
513    /** Z-Index / Layering */
514    --layer-section-background: -2;
515    --layer-lowest: -1;
516    --layer-base: 0;
517    --layer-flat: 1;
518    --layer-raised: 2;
519    --layer-heightened: 4;
520    --layer-sticky: 8;
521    --layer-window-overlay: 10;
522    --layer-header-menu: 12;
523    --layer-overlay: 16;
524    --layer-menu-drawer: 18;
525    --layer-temporary: 20;
526
527    /* Max-width / Measure */
528    --max-width--body-normal: 32.5em;
529    --max-width--body-narrow: 22.75em;
530
531    --max-width--heading-normal: 32.5em;
532    --max-width--heading-narrow: 19.5em;
533
534    --max-width--display-normal: 13em;
535    --max-width--display-narrow: 9.75em;
536    --max-width--display-tight: 3.25em;
537
538    /* Letter-spacing / Tracking */
539    --letter-spacing--display-tight: -0.03em;
540    --letter-spacing--display-normal: 0em;
541    --letter-spacing--display-loose: 0.03em;
542
543    --letter-spacing--heading-tight: -0.03em;
544    --letter-spacing--heading-normal: 0em;
545    --letter-spacing--heading-loose: 0.03em;
546
547    --letter-spacing--body-tight: -0.03em;
548    --letter-spacing--body-normal: 0em;
549    --letter-spacing--body-loose: 0.03em;
550
551    /* Line height / Leading */
552    --line-height: 1;
553
554    --line-height--display-tight: 1;
555    --line-height--display-normal: 1.1;
556    --line-height--display-loose: 1.2;
557
558    --line-height--heading-tight: 1.15;
559    --line-height--heading-normal: 1.25;
560    --line-height--heading-loose: 1.35;
561
562    --line-height--body-tight: 1.2;
563    --line-height--body-normal: 1.4;
564    --line-height--body-loose: 1.6;
565
566    /* Typography presets */
567    --font-size--paragraph: 0.75rem;--font-size--h1: clamp(4.5rem, 12.0vw, 7.5rem);--font-size--h2: clamp(3.0rem, 7.2vw, 4.5rem);--font-size--h3: clamp(1.75rem, 4.8vw, 3.0rem);--font-size--h4: 1.5rem;--font-size--h5: 0.75rem;--font-size--h6: 0.75rem;--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-loose);--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-tight);--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-subheading--weight);--font-h4--letter-spacing: var(--letter-spacing--heading-normal);--font-h4--size: var(--font-size--h4);--font-h4--family: var(--font-subheading--family);--font-h4--style: var(--font-subheading--style);--font-h4--case: none;--font-h4--line-height: var(--line-height--display-normal);--font-h5--weight: var(--font-body--weight);--font-h5--letter-spacing: var(--letter-spacing--heading-normal);--font-h5--size: var(--font-size--h5);--font-h5--family: var(--font-body--family);--font-h5--style: var(--font-body--style);--font-h5--case: uppercase;--font-h5--line-height: var(--line-height--display-loose);--font-h6--weight: var(--font-body--weight);--font-h6--letter-spacing: var(--letter-spacing--heading-normal);--font-h6--size: var(--font-size--h6);--font-h6--family: var(--font-body--family);--font-h6--style: var(--font-body--style);--font-h6--case: uppercase;--font-h6--line-height: var(--line-height--display-loose);
568
569    /* Hardcoded font sizes */
570    --font-size--3xs: 0.625rem;
571    --font-size--2xs: 0.75rem;
572    --font-size--xs: 0.8125rem;
573    --font-size--sm: 0.875rem;
574    --font-size--md: 1rem;
575    --font-size--lg: 1.125rem;
576    --font-size--xl: 1.25rem;
577    --font-size--2xl: 1.5rem;
578    --font-size--3xl: 2rem;
579    --font-size--4xl: 2.5rem;
580    --font-size--5xl: 3rem;
581    --font-size--6xl: 3.5rem;
582
583    /* Menu font sizes */
584    --menu-font-sm--size: 0.875rem;
585    --menu-font-sm--line-height: calc(1.1 + 0.5 * min(16 / 14));
586    --menu-font-md--size: 1rem;
587    --menu-font-md--line-height: calc(1.1 + 0.5 * min(16 / 16));
588    --menu-font-lg--size: 1.125rem;
589    --menu-font-lg--line-height: calc(1.1 + 0.5 * min(16 / 18));
590    --menu-font-xl--size: 1.25rem;
591    --menu-font-xl--line-height: calc(1.1 + 0.5 * min(16 / 20));
592    --menu-font-2xl--size: 1.75rem;
593    --menu-font-2xl--line-height: calc(1.1 + 0.5 * min(16 / 28));
594
595    /* Colors */
596    --color-error: #8B0000;
597    --color-success: #006400;
598    --color-white: #FFFFFF;
599    --color-white-rgb: 255 255 255;
600    --color-black: #000000;
601    --color-instock: #3ED660;
602    --color-lowstock: #EE9441;
603    --color-outofstock: #C8C8C8;
604
605    /* Opacity */
606    --opacity-5: 0.05;
607    --opacity-8: 0.08;
608    --opacity-10: 0.1;
609    --opacity-15: 0.15;
610    --opacity-20: 0.2;
611    --opacity-25: 0.25;
612    --opacity-30: 0.3;
613    --opacity-40: 0.4;
614    --opacity-50: 0.5;
615    --opacity-60: 0.6;
616    --opacity-70: 0.7;
617    --opacity-80: 0.8;
618    --opacity-85: 0.85;
619    --opacity-90: 0.9;
620    --opacity-subdued-text: var(--opacity-70);
621
622    --shadow-button: 0 2px 3px rgb(0 0 0 / 20%);
623    --gradient-image-overlay: linear-gradient(to top, rgb(0 0 0 / 0.5), transparent);
624
625    /* Spacing */
626    --margin-3xs: 0.125rem;
627    --margin-2xs: 0.3rem;
628    --margin-xs: 0.5rem;
629    --margin-sm: 0.7rem;
630    --margin-md: 0.8rem;
631    --margin-lg: 1rem;
632    --margin-xl: 1.25rem;
633    --margin-2xl: 1.5rem;
634    --margin-3xl: 1.75rem;
635    --margin-4xl: 2rem;
636    --margin-5xl: 3rem;
637    --margin-6xl: 5rem;
638
639    --scroll-margin: 50px;
640
641    --padding-3xs: 0.125rem;
642    --padding-2xs: 0.25rem;
643    --padding-xs: 0.5rem;
644    --padding-sm: 0.7rem;
645    --padding-md: 0.8rem;
646    --padding-lg: 1rem;
647    --padding-xl: 1.25rem;
648    --padding-2xl: 1.5rem;
649    --padding-3xl: 1.75rem;
650    --padding-4xl: 2rem;
651    --padding-5xl: 3rem;
652    --padding-6xl: 4rem;
653
654    --gap-3xs: 0.125rem;
655    --gap-2xs: 0.3rem;
656    --gap-xs: 0.5rem;
657    --gap-sm: 0.7rem;
658    --gap-md: 0.9rem;
659    --gap-lg: 1rem;
660    --gap-xl: 1.25rem;
661    --gap-2xl: 2rem;
662    --gap-3xl: 3rem;
663
664    --spacing-scale-sm: 0.6;
665    --spacing-scale-md: 0.7;
666    --spacing-scale-default: 1.0;
667
668    /* Checkout buttons gap */
669    --checkout-button-gap: 10px;
670
671    /* Borders */
672    --style-border-width: 1px;
673    --style-border-radius-xs: 0.2rem;
674    --style-border-radius-sm: 0.6rem;
675    --style-border-radius-md: 0.8rem;
676    --style-border-radius-50: 50%;
677    --style-border-radius-lg: 1rem;
678    --style-border-radius-pills: 40px;
679    --style-border-radius-inputs: 0px;
680    --style-border-radius-buttons-primary: 0px;
681    --style-border-radius-buttons-secondary: 20px;
682    --style-border-width-primary: 0px;
683    --style-border-width-secondary: 1px;
684    --style-border-width-inputs: 1px;
685    --style-border-radius-popover: 0px;
686    --style-border-popover: 1px none rgb(var(--color-border-rgb) / 50%);
687    --style-border-drawer: 1px none rgb(var(--color-border-rgb) / 50%);
688    --style-border-swatch-opacity: 10%;
689    --style-border-swatch-width: 1px;
690    --style-border-swatch-style: solid;
691
692    /* Animation */
693    --ease-out-cubic: cubic-bezier(0.33, 1, 0.68, 1);
694    --ease-out-quad: cubic-bezier(0.32, 0.72, 0, 1);
695    --ease-in-out-quad: cubic-bezier(0.455, 0.03, 0.515, 0.955);
696    --animation-speed-fast: 0.0625s;
697    --animation-speed: 0.125s;
698    --animation-speed-slow: 0.2s;
699    --animation-speed-medium: 0.15s;
700    --animation-easing: ease-in-out;
701    --animation-slideshow-easing: cubic-bezier(0.4, 0, 0.2, 1);
702    --drawer-animation-speed: 0.2s;
703    --animation-values-slow: var(--animation-speed-slow) var(--animation-easing);
704    --animation-values: var(--animation-speed) var(--animation-easing);
705    --animation-values-fast: var(--animation-speed-fast) var(--animation-easing);
706    --animation-values-allow-discrete: var(--animation-speed) var(--animation-easing) allow-discrete;
707    --animation-timing-hover: cubic-bezier(0.25, 0.46, 0.45, 0.94);
708    --animation-timing-active: cubic-bezier(0.5, 0, 0.75, 0);
709    --animation-timing-bounce: cubic-bezier(0.34, 1.56, 0.64, 1);
710    --animation-timing-default: cubic-bezier(0, 0, 0.2, 1);
711    --animation-timing-fade-in: cubic-bezier(0.16, 1, 0.3, 1);
712    --animation-timing-fade-out: cubic-bezier(0.4, 0, 0.2, 1);
713    /* Spring definitions suffixed with perceptual duration (d<ms>) and bounce (b<%>)*/
714    --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%);
715    --spring-d300-b0-duration: 0.4980s;
716    --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%);
717    --spring-d280-b0-duration: 0.4648s;
718    --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%);
719    --spring-d260-b0-duration: 0.4316s;
720    --spring-d220-b0-easing: linear(
721      0,
722      0.0093 1.37%,
723      0.0696 4.12%,
724      0.4667 15.09%,
725      0.6322 20.58%,
726      0.6986 23.32%,
727      0.7793 27.44%,
728      0.8219 30.18%,
729      0.8721,
730      0.9089 38.42%,
731      0.9427,
732      0.9644,
733      0.978 54.88%,
734      0.9881 61.74%,
735      0.9944 69.97%,
736      0.998 80.95%,
737      0.9996 98.78%
738    );
739    --spring-d220-b0-duration: 0.3818s;
740    --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%);
741    --spring-d180-b0-duration: 0.2988s;
742
743    /* View transitions */
744    /* View transition old */
745    --view-transition-old-main-content: var(--animation-speed) var(--animation-easing) both fadeOut;
746
747    /* View transition new */
748    --view-transition-new-main-content: var(--animation-speed) var(--animation-easing) both fadeIn, var(--animation-speed) var(--animation-easing) both slideInTopViewTransition;
749
750    /* Focus */
751    --focus-outline-width: 0.09375rem;
752    --focus-outline-offset: 0.2em;
753
754    /* Badges */
755    --badge-blob-padding-block: 1px;
756    --badge-blob-padding-inline: 12px 8px;
757    --badge-rectangle-padding-block: 1px;
758    --badge-rectangle-padding-inline: 6px;
759    @media screen and (min-width: 750px) {
760      --badge-blob-padding-block: 4px;
761      --badge-blob-padding-inline: 16px 12px;
762      --badge-rectangle-padding-block: 4px;
763      --badge-rectangle-padding-inline: 10px;
764    }
765
766    /* Icons */
767    --icon-size-2xs: 0.6rem;
768    --icon-size-xs: 0.85rem;
769    --icon-size-sm: 1.25rem;
770    --icon-size-md: 1.375rem;
771    --icon-size-lg: 1.5rem;
772    --icon-stroke-width: 1px;
773
774    /* Input */
775    --input-email-min-width: 200px;
776    --input-search-max-width: 650px;
777    --input-padding-y: 0.8rem;
778    --input-padding-x: 0.8rem;
779    --input-padding: var(--input-padding-y) var(--input-padding-x);
780    --input-box-shadow-width: var(--style-border-width-inputs);
781    --input-box-shadow: 0 0 0 var(--input-box-shadow-width) var(--color-input-border);
782    --input-box-shadow-focus: 0 0 0 calc(var(--input-box-shadow-width) + 0.5px) var(--color-input-border);
783    --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
784    --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5));
785    --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
786    --input-textarea-min-height: 55px;
787
788    /* Checkbox */
789    --checkbox-size: 22px;
790    --checkbox-border-radius: 7px;
791    --checkbox-border: 1px solid rgb(var(--color-foreground-rgb) / var(--opacity-35-55));
792    --checkbox-label-padding: 8px;
793
794    @media screen and (min-width: 750px) {
795      --checkbox-size: 16px;
796      --checkbox-border-radius: 5px;
797      --checkbox-label-padding: 6px;
798    }
799
800    /* Button size */
801    --button-size-sm: 30px;
802    --button-size-md: 36px;
803    --button-size: var(--minimum-touch-target);
804    --button-padding-inline: 24px;
805    --button-padding-block: 16px;
806
807    /* Button font-family */
808    --button-font-family-primary: var(--font-body--family);
809    --button-font-family-secondary: var(--font-body--family);
810
811    /* Button text case */
812    --button-text-case: ;
813    --button-text-case-primary: uppercase;
814    --button-text-case-secondary: uppercase;
815
816    /* Borders */
817    --border-color: rgb(var(--color-border-rgb) / var(--opacity-50));
818    --border-width-sm: 1px;
819    --border-width-md: 2px;
820    --border-width-lg: 5px;
821    --border-radius-sm: 0.25rem;
822
823    /* Drawers */
824    --drawer-inline-padding: 25px;
825    --drawer-menu-inline-padding: 2.5rem;
826    --drawer-header-block-padding: 20px;
827    --drawer-content-block-padding: 10px;
828    --drawer-header-desktop-top: 0rem;
829    --drawer-padding: calc(var(--padding-sm) + 7px);
830    --drawer-height: 100dvh;
831    --drawer-width: 95vw;
832    --drawer-max-width: 500px;
833
834    /* Variant Picker Swatches */
835    --variant-picker-swatch-width-unitless: 18;
836    --variant-picker-swatch-height-unitless: 18;
837    --variant-picker-swatch-width: 18px;
838    --variant-picker-swatch-height: 18px;
839    --variant-picker-swatch-radius: 0px;
840    --variant-picker-border-width: 1px;
841    --variant-picker-border-style: solid;
842    --variant-picker-border-opacity: 10%;
843
844    /* Variant Picker Buttons */
845    --variant-picker-button-radius: 0px;
846    --variant-picker-button-border-width: 1px;
847
848    /* Slideshow */
849    --slideshow-controls-size: 3.5rem;
850    --slideshow-controls-icon: 2rem;
851    --peek-next-slide-size: 3rem;
852
853    /* Utilities */
854    --backdrop-opacity: 0.15;
855    --backdrop-color-rgb: var(--color-shadow-rgb);
856    --minimum-touch-target: 44px;
857    --disabled-opacity: 0.5;
858    --skeleton-opacity: 0.025;
859
860    /* Shapes */
861    --shape--circle: circle(50% at center);
862    --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%);
863    --shape--diamond: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);
864    --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
864% 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%);
865
866    /* Buy buttons */
867    --height-buy-buttons: calc(var(--padding-lg) * 2 + var(--icon-size-sm));
868
869    /* Card image width and height variables */
870    --card-width-small: 10rem;
871
872    --height-small: 10rem;
873    --height-medium: 11.5rem;
874    --height-large: 13rem;
875    --height-full: 100vh;
876
877    @media screen and (min-width: 750px) {
878      --height-small: 17.5rem;
879      --height-medium: 21.25rem;
880      --height-large: 25rem;
881    }
882
883    /* Modal */
884    --modal-max-height: 65dvh;
885    --quick-add-modal-height: min(38.5rem, 96vh);
886    --quick-add-modal-width: min(54rem, 96vw);
887    --quick-add-modal-gallery-width: 24rem;
888
889    /* Card styles for search */
890    --card-bg-hover: rgb(var(--color-foreground-rgb) / var(--opacity-5));
891    --card-border-hover: rgb(var(--color-foreground-rgb) / var(--opacity-30));
892    --card-border-focus: rgb(var(--color-foreground-rgb) / var(--opacity-10));
893
894    /* Cart */
895    --cart-primary-font-family: var(--font-body--family);
896    --cart-primary-font-style: var(--font-body--style);
897    --cart-primary-font-weight: var(--font-body--weight);
898    --cart-secondary-font-family: var(--font-primary--family);
899    --cart-secondary-font-style: var(--font-primary--style);
900    --cart-secondary-font-weight: var(--font-primary--weight);
901  }
902</style>
903
904
905<style data-shopify>
906  
907    
908      :root,
909    
910    
911    
912    .color-scheme-1 {
913        --color-background: rgb(255 255 255 / 1.0);
914        /* RGB values only to apply different opacities - Relative color values are not supported in iOS < 16.4 */
915        --color-background-rgb: 255 255 255;
916        --opacity-5-15: 0.05;
917        --opacity-10-25: 0.1;
918        --opacity-35-55: 0.35;
919        --opacity-40-60: 0.4;
920        --opacity-30-60: 0.3;
921        --color-foreground: rgb(0 0 0 / 1.0);
922        --color-foreground-rgb: 0 0 0;
923        --color-foreground-heading: rgb(0 0 0 / 1.0);
924        --color-foreground-heading-rgb: 0 0 0;
925        --color-primary: rgb(102 102 102 / 1.0);
926        --color-primary-rgb: 102 102 102;
927        --color-primary-hover: rgb(0 0 0 / 1.0);
928        --color-primary-hover-rgb: 0 0 0;
929        --color-border: rgb(230 230 230 / 1.0);
930        --color-border-rgb: 230 230 230;
931        --color-shadow: rgb(0 0 0 / 1.0);
932        --color-shadow-rgb: 0 0 0;
933        --color-primary-button-text: rgb(255 255 255 / 1.0);
934        --color-primary-button-background: rgb(0 0 0 / 1.0);
935        --color-primary-button-border: rgb(0 0 0 / 1.0);
936        --color-primary-button-hover-text: rgb(255 255 255 / 1.0);
937        --color-primary-button-hover-background: rgb(56 56 56 / 1.0);
938        --color-primary-button-hover-border: rgb(56 56 56 / 1.0);
939        --color-secondary-button-text: rgb(0 0 0 / 1.0);
940        --color-secondary-button-background: rgb(239 239 239 / 1.0);
941        --color-secondary-button-border: rgb(0 0 0 / 1.0);
942        --color-secondary-button-hover-text: rgb(0 0 0 / 1.0);
943        --color-secondary-button-hover-background: rgb(222 222 222 / 1.0);
944        --color-secondary-button-hover-border: rgb(222 222 222 / 1.0);
945        --color-input-background: rgb(255 255 255 / 1.0);
946        --color-input-text: rgb(0 0 0 / 1.0);
947        --color-input-text-rgb: 0 0 0;
948        --color-input-border: rgb(0 0 0 / 0.13);
949        --color-input-hover-background: rgb(245 245 245 / 1.0);
950        --color-variant-background: rgb(255 255 255 / 1.0);
951        --color-variant-border: rgb(230 230 230 / 1.0);
952        --color-variant-text: rgb(0 0 0 / 1.0);
953        --color-variant-text-rgb: 0 0 0;
954        --color-variant-hover-background: rgb(255 255 255 / 1.0);
955        --color-variant-hover-text: rgb(0 0 0 / 1.0);
956        --color-variant-hover-border: rgb(0 0 0 / 1.0);
957        --color-selected-variant-background: rgb(0 0 0 / 1.0);
958        --color-selected-variant-border: rgb(0 0 0 / 1.0);
959        --color-selected-variant-text: rgb(255 255 255 / 1.0);
960        --color-selected-variant-hover-background: rgb(26 26 26 / 1.0);
961        --color-selected-variant-hover-text: rgb(255 255 255 / 1.0);
962        --color-selected-variant-hover-border: rgb(26 26 26 / 1.0);
963
964        --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
965        --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15));
966        --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
967        --color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60));
968        --font-h1--color: var(--color-foreground-heading);
969        --font-h2--color: var(--color-foreground-heading);
970        --font-h3--color: var(--color-foreground-heading);
971        --font-h4--color: var(--color-foreground-heading);
972        --font-h5--color: var(--color-foreground-heading);
973        --font-h6--color: var(--color-foreground-heading);
974
975        /* Shadows */
976        
977        
978          --shadow-blur: 20px;
979          --shadow-popover: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
980        
981      }
982  
983    
984    
985    
986    .color-scheme-2 {
987        --color-background: rgb(255 255 255 / 1.0);
988        /* RGB values only to apply different opacities - Relative color values are not supported in iOS < 16.4 */
989        --color-background-rgb: 255 255 255;
990        --opacity-5-15: 0.05;
991        --opacity-10-25: 0.1;
992        --opacity-35-55: 0.35;
993        --opacity-40-60: 0.4;
994        --opacity-30-60: 0.3;
995        --color-foreground: rgb(0 0 0 / 1.0);
996        --color-foreground-rgb: 0 0 0;
997        --color-foreground-heading: rgb(0 0 0 / 1.0);
998        --color-foreground-heading-rgb: 0 0 0;
999        --color-primary: rgb(0 0 0 / 1.0);
1000        --color-primary-rgb: 0 0 0;
1001        --color-primary-hover: rgb(102 102 102 / 1.0);
1002        --color-primary-hover-rgb: 102 102 102;
1003        --color-border: rgb(0 0 0 / 0.11);
1004        --color-border-rgb: 0 0 0;
1005        --color-shadow: rgb(0 0 0 / 1.0);
1006        --color-shadow-rgb: 0 0 0;
1007        --color-primary-button-text: rgb(255 255 255 / 1.0);
1008        --color-primary-button-background: rgb(0 0 0 / 1.0);
1009        --color-primary-button-border: rgb(0 0 0 / 1.0);
1010        --color-primary-button-hover-text: rgb(255 255 255 / 1.0);
1011        --color-primary-button-hover-background: rgb(56 56 56 / 1.0);
1012        --color-primary-button-hover-border: rgb(56 56 56 / 1.0);
1013        --color-secondary-button-text: rgb(0 0 0 / 1.0);
1014        --color-secondary-button-background: rgb(0 0 0 / 0.0);
1015        --color-secondary-button-border: rgb(0 0 0 / 1.0);
1016        --color-secondary-button-hover-text: rgb(56 56 56 / 1.0);
1017        --color-secondary-button-hover-background: rgb(0 0 0 / 0.0);
1018        --color-secondary-button-hover-border: rgb(56 56 56 / 1.0);
1019        --color-input-background: rgb(255 255 255 / 1.0);
1020        --color-input-text: rgb(0 0 0 / 1.0);
1021        --color-input-text-rgb: 0 0 0;
1022        --color-input-border: rgb(0 0 0 / 1.0);
1023        --color-input-hover-background: rgb(245 245 245 / 0.92);
1024        --color-variant-background: rgb(255 255 255 / 1.0);
1025        --color-variant-border: rgb(230 230 230 / 1.0);
1026        --color-variant-text: rgb(0 0 0 / 1.0);
1027        --color-variant-text-rgb: 0 0 0;
1028        --color-variant-hover-background: rgb(245 245 245 / 1.0);
1029        --color-variant-hover-text: rgb(0 0 0 / 1.0);
1030        --color-variant-hover-border: rgb(230 230 230 / 1.0);
1031        --color-selected-variant-background: rgb(0 0 0 / 1.0);
1032        --color-selected-variant-border: rgb(0 0 0 / 1.0);
1033        --color-selected-variant-text: rgb(255 255 255 / 1.0);
1034        --color-selected-variant-hover-background: rgb(26 26 26 / 1.0);
1035        --color-selected-variant-hover-text: rgb(255 255 255 / 1.0);
1036        --color-selected-variant-hover-border: rgb(26 26 26 / 1.0);
1037
1038        --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
1039        --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15));
1040        --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
1041        --color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60));
1042        --font-h1--color: var(--color-foreground-heading);
1043        --font-h2--color: var(--color-foreground-heading);
1044        --font-h3--color: var(--color-foreground-heading);
1045        --font-h4--color: var(--color-foreground-heading);
1046        --font-h5--color: var(--color-foreground-heading);
1047        --font-h6--color: var(--color-foreground-heading);
1048
1049        /* Shadows */
1050        
1051        
1052          --shadow-blur: 20px;
1053          --shadow-popover: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
1054        
1055      }
1056  
1057    
1058    
1059    
1060    .color-scheme-3 {
1061        --color-background: rgb(242 242 242 / 1.0);
1062        /* RGB values only to apply different opacities - Relative color values are not supported in iOS < 16.4 */
1063        --color-background-rgb: 242 242 242;
1064        --opacity-5-15: 0.05;
1065        --opacity-10-25: 0.1;
1066        --opacity-35-55: 0.35;
1067        --opacity-40-60: 0.4;
1068        --opacity-30-60: 0.3;
1069        --color-foreground: rgb(0 0 0 / 1.0);
1070        --color-foreground-rgb: 0 0 0;
1071        --color-foreground-heading: rgb(0 0 0 / 1.0);
1072        --color-foreground-heading-rgb: 0 0 0;
1073        --color-primary: rgb(102 102 102 / 1.0);
1074        --color-primary-rgb: 102 102 102;
1075        --color-primary-hover: rgb(0 0 0 / 1.0);
1076        --color-primary-hover-rgb: 0 0 0;
1077        --color-border: rgb(208 208 208 / 1.0);
1078        --color-border-rgb: 208 208 208;
1079        --color-shadow: rgb(0 0 0 / 1.0);
1080        --color-shadow-rgb: 0 0 0;
1081        --color-primary-button-text: rgb(255 255 255 / 1.0);
1082        --color-primary-button-background: rgb(0 0 0 / 1.0);
1083        --color-primary-button-border: rgb(0 0 0 / 1.0);
1084        --color-primary-button-hover-text: rgb(255 255 255 / 1.0);
1085        --color-primary-button-hover-background: rgb(56 56 56 / 1.0);
1086        --color-primary-button-hover-border: rgb(56 56 56 / 1.0);
1087        --color-secondary-button-text: rgb(0 0 0 / 1.0);
1088        --color-secondary-button-background: rgb(0 0 0 / 0.0);
1089        --color-secondary-button-border: rgb(0 0 0 / 1.0);
1090        --color-secondary-button-hover-text: rgb(0 0 0 / 1.0);
1091        --color-secondary-button-hover-background: rgb(0 0 0 / 0.0);
1092        --color-secondary-button-hover-border: rgb(0 0 0 / 1.0);
1093        --color-input-background: rgb(255 255 255 / 1.0);
1094        --color-input-text: rgb(0 0 0 / 1.0);
1095        --color-input-text-rgb: 0 0 0;
1096        --color-input-border: rgb(0 0 0 / 1.0);
1097        --color-input-hover-background: rgb(245 245 245 / 1.0);
1098        --color-variant-background: rgb(255 255 255 / 1.0);
1099        --color-variant-border: rgb(230 230 230 / 1.0);
1100        --color-variant-text: rgb(0 0 0 / 1.0);
1101        --color-variant-text-rgb: 0 0 0;
1102        --color-variant-hover-background: rgb(245 245 245 / 1.0);
1103        --color-variant-hover-text: rgb(0 0 0 / 1.0);
1104        --color-variant-hover-border: rgb(230 230 230 / 1.0);
1105        --color-selected-variant-background: rgb(0 0 0 / 1.0);
1106        --color-selected-variant-border: rgb(0 0 0 / 1.0);
1107        --color-selected-variant-text: rgb(255 255 255 / 1.0);
1108        --color-selected-variant-hover-background: rgb(26 26 26 / 1.0);
1109        --color-selected-variant-hover-text: rgb(255 255 255 / 1.0);
1110        --color-selected-variant-hover-border: rgb(26 26 26 / 1.0);
1111
1112        --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
1113        --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15));
1114        --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
1115        --color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60));
1116        --font-h1--color: var(--color-foreground-heading);
1117        --font-h2--color: var(--color-foreground-heading);
1118        --font-h3--color: var(--color-foreground-heading);
1119        --font-h4--color: var(--color-foreground-heading);
1120        --font-h5--color: var(--color-foreground-heading);
1121        --font-h6--color: var(--color-foreground-heading);
1122
1123        /* Shadows */
1124        
1125        
1126          --shadow-blur: 20px;
1127          --shadow-popover: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
1128        
1129      }
1130  
1131    
1132    
1133    
1134    .color-scheme-4 {
1135        --color-background: rgb(56 56 56 / 1.0);
1136        /* RGB values only to apply different opacities - Relative color values are not supported in iOS < 16.4 */
1137        --color-background-rgb: 56 56 56;
1138        --opacity-5-15: 0.15;
1139        --opacity-10-25: 0.25;
1140        --opacity-35-55: 0.55;
1141        --opacity-40-60: 0.6;
1142        --opacity-30-60: 0.6;
1143        --color-foreground: rgb(255 255 255 / 1.0);
1144        --color-foreground-rgb: 255 255 255;
1145        --color-foreground-heading: rgb(255 255 255 / 1.0);
1146        --color-foreground-heading-rgb: 255 255 255;
1147        --color-primary: rgb(255 255 255 / 1.0);
1148        --color-primary-rgb: 255 255 255;
1149        --color-primary-hover: rgb(0 0 0 / 1.0);
1150        --color-primary-hover-rgb: 0 0 0;
1151        --color-border: rgb(56 56 56 / 1.0);
1152        --color-border-rgb: 56 56 56;
1153        --color-shadow: rgb(0 0 0 / 1.0);
1154        --color-shadow-rgb: 0 0 0;
1155        --color-primary-button-text: rgb(56 56 56 / 1.0);
1156        --color-primary-button-background: rgb(255 255 255 / 1.0);
1157        --color-primary-button-border: rgb(255 255 255 / 1.0);
1158        --color-primary-button-hover-text: rgb(0 0 0 / 1.0);
1159        --color-primary-button-hover-background: rgb(230 230 230 / 1.0);
1160        --color-primary-button-hover-border: rgb(230 230 230 / 1.0);
1161        --color-secondary-button-text: rgb(255 255 255 / 1.0);
1162        --color-secondary-button-background: rgb(0 0 0 / 0.0);
1163        --color-secondary-button-border: rgb(255 255 255 / 1.0);
1164        --color-secondary-button-hover-text: rgb(222 222 222 / 1.0);
1165        --color-secondary-button-hover-background: rgb(0 0 0 / 0.0);
1166        --color-secondary-button-hover-border: rgb(222 222 222 / 1.0);
1167        --color-input-background: rgb(56 56 56 / 1.0);
1168        --color-input-text: rgb(255 255 255 / 1.0);
1169        --color-input-text-rgb: 255 255 255;
1170        --color-input-border: rgb(255 255 255 / 1.0);
1171        --color-input-hover-background: rgb(92 92 92 / 1.0);
1172        --color-variant-background: rgb(255 255 255 / 1.0);
1173        --color-variant-border: rgb(230 230 230 / 1.0);
1174        --color-variant-text: rgb(0 0 0 / 1.0);
1175        --color-variant-text-rgb: 0 0 0;
1176        --color-variant-hover-background: rgb(245 245 245 / 1.0);
1177        --color-variant-hover-text: rgb(0 0 0 / 1.0);
1178        --color-variant-hover-border: rgb(230 230 230 / 1.0);
1179        --color-selected-variant-background: rgb(0 0 0 / 1.0);
1180        --color-selected-variant-border: rgb(0 0 0 / 1.0);
1181        --color-selected-variant-text: rgb(255 255 255 / 1.0);
1182        --color-selected-variant-hover-background: rgb(26 26 26 / 1.0);
1183        --color-selected-variant-hover-text: rgb(255 255 255 / 1.0);
1184        --color-selected-variant-hover-border: rgb(26 26 26 / 1.0);
1185
1186        --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
1187        --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15));
1188        --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
1189        --color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60));
1190        --font-h1--color: var(--color-foreground-heading);
1191        --font-h2--color: var(--color-foreground-heading);
1192        --font-h3--color: var(--color-foreground-heading);
1193        --font-h4--color: var(--color-foreground-heading);
1194        --font-h5--color: var(--color-foreground-heading);
1195        --font-h6--color: var(--color-foreground-heading);
1196
1197        /* Shadows */
1198        
1199        
1200          --shadow-blur: 20px;
1201          --shadow-popover: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
1202        
1203      }
1204  
1205    
1206    
1207    
1208    .color-scheme-5 {
1209        --color-background: rgb(0 0 0 / 1.0);
1210        /* RGB values only to apply different opacities - Relative color values are not supported in iOS < 16.4 */
1211        --color-background-rgb: 0 0 0;
1212        --opacity-5-15: 0.15;
1213        --opacity-10-25: 0.25;
1214        --opacity-35-55: 0.55;
1215        --opacity-40-60: 0.6;
1216        --opacity-30-60: 0.6;
1217        --color-foreground: rgb(255 255 255 / 1.0);
1218        --color-foreground-rgb: 255 255 255;
1219        --color-foreground-heading: rgb(255 255 255 / 1.0);
1220        --color-foreground-heading-rgb: 255 255 255;
1221        --color-primary: rgb(255 255 255 / 1.0);
1222        --color-primary-rgb: 255 255 255;
1223        --color-primary-hover: rgb(172 172 172 / 1.0);
1224        --color-primary-hover-rgb: 172 172 172;
1225        --color-border: rgb(102 102 102 / 1.0);
1226        --color-border-rgb: 102 102 102;
1227        --color-shadow: rgb(0 0 0 / 1.0);
1228        --color-shadow-rgb: 0 0 0;
1229        --color-primary-button-text: rgb(0 0 0 / 1.0);
1230        --color-primary-button-background: rgb(255 255 255 / 1.0);
1231        --color-primary-button-border: rgb(255 255 255 / 1.0);
1232        --color-primary-button-hover-text: rgb(0 0 0 / 1.0);
1233        --color-primary-button-hover-background: rgb(222 222 222 / 1.0);
1234        --color-primary-button-hover-border: rgb(222 222 222 / 1.0);
1235        --color-secondary-button-text: rgb(255 255 255 / 1.0);
1236        --color-secondary-button-background: rgb(0 0 0 / 0.0);
1237        --color-secondary-button-border: rgb(255 255 255 / 1.0);
1238        --color-secondary-button-hover-text: rgb(172 172 172 / 1.0);
1239        --color-secondary-button-hover-background: rgb(0 0 0 / 0.0);
1240        --color-secondary-button-hover-border: rgb(172 172 172 / 1.0);
1241        --color-input-background: rgb(0 0 0 / 1.0);
1242        --color-input-text: rgb(255 255 255 / 1.0);
1243        --color-input-text-rgb: 255 255 255;
1244        --color-input-border: rgb(255 255 255 / 1.0);
1245        --color-input-hover-background: rgb(24 24 24 / 1.0);
1246        --color-variant-background: rgb(255 255 255 / 1.0);
1247        --color-variant-border: rgb(230 230 230 / 1.0);
1248        --color-variant-text: rgb(0 0 0 / 1.0);
1249        --color-variant-text-rgb: 0 0 0;
1250        --color-variant-hover-background: rgb(245 245 245 / 1.0);
1251        --color-variant-hover-text: rgb(0 0 0 / 1.0);
1252        --color-variant-hover-border: rgb(230 230 230 / 1.0);
1253        --color-selected-variant-background: rgb(0 0 0 / 1.0);
1254        --color-selected-variant-border: rgb(0 0 0 / 1.0);
1255        --color-selected-variant-text: rgb(255 255 255 / 1.0);
1256        --color-selected-variant-hover-background: rgb(26 26 26 / 1.0);
1257        --color-selected-variant-hover-text: rgb(255 255 255 / 1.0);
1258        --color-selected-variant-hover-border: rgb(26 26 26 / 1.0);
1259
1260        --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
1261        --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15));
1262        --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
1263        --color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60));
1264        --font-h1--color: var(--color-foreground-heading);
1265        --font-h2--color: var(--color-foreground-heading);
1266        --font-h3--color: var(--color-foreground-heading);
1267        --font-h4--color: var(--color-foreground-heading);
1268        --font-h5--color: var(--color-foreground-heading);
1269        --font-h6--color: var(--color-foreground-heading);
1270
1271        /* Shadows */
1272        
1273        
1274          --shadow-blur: 20px;
1275          --shadow-popover: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
1276        
1277      }
1278  
1279    
1280    
1281    
1282    .color-scheme-6 {
1283        --color-background: rgb(0 0 0 / 0.0);
1284        /* RGB values only to apply different opacities - Relative color values are not supported in iOS < 16.4 */
1285        --color-background-rgb: 0 0 0;
1286        --opacity-5-15: 0.15;
1287        --opacity-10-25: 0.25;
1288        --opacity-35-55: 0.55;
1289        --opacity-40-60: 0.6;
1290        --opacity-30-60: 0.6;
1291        --color-foreground: rgb(255 255 255 / 1.0);
1292        --color-foreground-rgb: 255 255 255;
1293        --color-foreground-heading: rgb(255 255 255 / 1.0);
1294        --color-foreground-heading-rgb: 255 255 255;
1295        --color-primary: rgb(255 255 255 / 1.0);
1296        --color-primary-rgb: 255 255 255;
1297        --color-primary-hover: rgb(172 172 172 / 1.0);
1298        --color-primary-hover-rgb: 172 172 172;
1299        --color-border: rgb(0 0 0 / 0.0);
1300        --color-border-rgb: 0 0 0;
1301        --color-shadow: rgb(0 0 0 / 0.0);
1302        --color-shadow-rgb: 0 0 0;
1303        --color-primary-button-text: rgb(0 0 0 / 1.0);
1304        --color-primary-button-background: rgb(255 255 255 / 1.0);
1305        --color-primary-button-border: rgb(255 255 255 / 1.0);
1306        --color-primary-button-hover-text: rgb(0 0 0 / 1.0);
1307        --color-primary-button-hover-background: rgb(222 222 222 / 1.0);
1308        --color-primary-button-hover-border: rgb(222 222 222 / 1.0);
1309        --color-secondary-button-text: rgb(255 255 255 / 1.0);
1310        --color-secondary-button-background: rgb(0 0 0 / 0.0);
1311        --color-secondary-button-border: rgb(255 255 255 / 1.0);
1312        --color-secondary-button-hover-text: rgb(172 172 172 / 1.0);
1313        --color-secondary-button-hover-background: rgb(0 0 0 / 0.0);
1314        --color-secondary-button-hover-border: rgb(172 172 172 / 1.0);
1315        --color-inpu
1315t-background: rgb(255 255 255 / 1.0);
1316        --color-input-text: rgb(0 0 0 / 1.0);
1317        --color-input-text-rgb: 0 0 0;
1318        --color-input-border: rgb(0 0 0 / 1.0);
1319        --color-input-hover-background: rgb(245 245 245 / 1.0);
1320        --color-variant-background: rgb(255 255 255 / 1.0);
1321        --color-variant-border: rgb(230 230 230 / 1.0);
1322        --color-variant-text: rgb(0 0 0 / 1.0);
1323        --color-variant-text-rgb: 0 0 0;
1324        --color-variant-hover-background: rgb(245 245 245 / 1.0);
1325        --color-variant-hover-text: rgb(0 0 0 / 1.0);
1326        --color-variant-hover-border: rgb(230 230 230 / 1.0);
1327        --color-selected-variant-background: rgb(0 0 0 / 1.0);
1328        --color-selected-variant-border: rgb(0 0 0 / 1.0);
1329        --color-selected-variant-text: rgb(255 255 255 / 1.0);
1330        --color-selected-variant-hover-background: rgb(26 26 26 / 1.0);
1331        --color-selected-variant-hover-text: rgb(255 255 255 / 1.0);
1332        --color-selected-variant-hover-border: rgb(26 26 26 / 1.0);
1333
1334        --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
1335        --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15));
1336        --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
1337        --color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60));
1338        --font-h1--color: var(--color-foreground-heading);
1339        --font-h2--color: var(--color-foreground-heading);
1340        --font-h3--color: var(--color-foreground-heading);
1341        --font-h4--color: var(--color-foreground-heading);
1342        --font-h5--color: var(--color-foreground-heading);
1343        --font-h6--color: var(--color-foreground-heading);
1344
1345        /* Shadows */
1346        
1347        
1348          --shadow-blur: 20px;
1349          --shadow-popover: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
1350        
1351      }
1352  
1353
1354  body, .color-scheme-1, .color-scheme-2, .color-scheme-3, .color-scheme-4, .color-scheme-5, .color-scheme-6 {
1355    color: var(--color-foreground);
1356    background-color: var(--color-background);
1357  }
1358</style>
1359
1360
1361    
1361<script>window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.start');</script>
1361<meta name="google-site-verification" content="k_5HC9SPW9KFP4vmbJGKPBfOPfIUtHVUv0VIx1U_-Cg">
1362<meta id="shopify-digital-wallet" name="shopify-digital-wallet" content="/82051498224/digital_wallets/dialog">
1363<meta id="in-context-paypal-metadata" data-shop-id="82051498224" data-venmo-supported="false" data-environment="production" data-locale="en_US" data-paypal-v4="true" data-currency="EUR">
1364<link rel="ucp" href="/.well-known/ucp" version="2026-08-25"><link rel="buy" href="/cart/48803410215152:1?ucp/version=2026-08-25&amp;context/payment/0/handler=dev.shopify.shop_pay" payment="dev.shopify.shop_pay com.google.pay dev.shopify.card"><link rel="alternate" type="application/json+oembed" href="https://www.hairylittlethings.com/products/baby-lips.oembed">
1365<script async="async" src="/checkouts/internal/preloads.js?locale=en-NL"></script>
1365
1366<link rel="preconnect" href="https://shop.app" crossorigin="anonymous">
1367<script async="async" src="https://shop.app/checkouts/internal/preloads.js?locale=en-NL&shop_id=82051498224" crossorigin="anonymous"></script>
vendor: 1 bytes, line 1367
1367
1368<script id="apple-pay-shop-capabilities" type="application/json">{"shopId":82051498224,"countryCode":"US","currencyCode":"EUR","merchantCapabilities":["supports3DS"],"merchantId":"gid:\/\/shopify\/Shop\/82051498224","merchantName":"Hairy Little Things","requiredBillingContactFields":["postalAddress","email"],"requiredShippingContactFields":["postalAddress","email"],"shippingType":"shipping","supportedNetworks":["visa","masterCard","amex","discover","elo","jcb"],"total":{"type":"pending","label":"Hairy Little Things","amount":"1.00"},"shopifyPaymentsEnabled":true,"supportsSubscriptions":true}</script>
vendor: 1 bytes, line 1368
1368
1369<script id="shopify-features" type="application/json">{"accessToken":"6a336b2fa40ba744e0e10ffec7670b3f","betas":["rich-media-storefront-analytics"],"domain":"www.hairylittlethings.com","predictiveSearch":true,"shopId":82051498224,"locale":"en"}</script>
vendor: 1 bytes, line 1369
1369
1370<script>var Shopify = Shopify || {};
1371Shopify.shop = "7ezsmf-gq.myshopify.com";
1372Shopify.locale = "en";
1373Shopify.currency = {"active":"EUR","rate":"0.90575352"};
1374Shopify.country = "NL";
1375Shopify.theme = {"name":"Atelier","id":161566130416,"schema_name":"Atelier","schema_version":"3.5.0","theme_store_id":3621,"role":"main"};
1376Shopify.theme.handle = "null";
1377Shopify.theme.style = {"id":null,"handle":null};
1378Shopify.cdnHost = "www.hairylittlethings.com/cdn";
1379Shopify.routes = Shopify.routes || {};
1380Shopify.routes.root = "/";
1381Shopify.shopJsCdnBaseUrl = "https://cdn.shopify.com/shopifycloud/shop-js";
1382Shopify.SignInWithShop = Shopify.SignInWithShop || {};
1383Shopify.SignInWithShop.User = Shopify.SignInWithShop.User || {};
1384Shopify.SignInWithShop.User.recognized = false;</script>
vendor: 1 bytes, line 1384
1384
1385<script type="module">!function(o){(o.Shopify=o.Shopify||{}).modules=!0}(window);</script>
vendor: 1 bytes, line 1385
1385
1386<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 1386
1386
1387<script>
1388  window.ShopifyPay = window.ShopifyPay || {};
1389  window.ShopifyPay.apiHost = "shop.app\/pay";
1390  window.ShopifyPay.redirectState = null;
1391</script>
vendor: 1 bytes, line 1391
1391
1392<script>
1393  window.Shopify = window.Shopify || {};
1394  window.Shopify.SignInWithShop = window.Shopify.SignInWithShop || {};
1395  window.Shopify.SignInWithShop.assetMetrics = { sampleRate: 0.25 };
1396  window.Shopify.SignInWithShop.eligible = true;
1397</script>
vendor: 1 bytes, line 1397
1397
1398<script id="shop-js-analytics" type="application/json">{"pageType":"product"}</script>
vendor: 1 bytes, line 1398
1398
1399<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 1399
1399
1400<script type="module">
1401  await import("https://cdn.shopify.com/shopifycloud/shop-js/modules/v2/loader.init-shop-cart-sync.en.esm.js");
1402
1403  window.Shopify.SignInWithShop?.initShopCartSync?.({"fedCMEnabled":true,"windoidEnabled":true});
1404
1405</script>
vendor: 1 bytes, line 1405
1405
1406<script>
1407  window.Shopify = window.Shopify || {};
1408  if (!window.Shopify.featureAssets) window.Shopify.featureAssets = {};
1409  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"]};
1410</script>
vendor: 1 bytes, line 1410
1410
1411<script>(function() {
1412  var isLoaded = false;
1413  function asyncLoad() {
1414    if (isLoaded) return;
1415    isLoaded = true;
1416    var urls = ["https:\/\/cdn.nfcube.com\/instafeed-89b9968bd4f3ca73b3c8c59216c85ed6.js?shop=7ezsmf-gq.myshopify.com","\/\/cdn.shopify.com\/proxy\/c26e687d0d6e8182642cf44e8b97aef547624af223e790505cf418f8bad7cf04\/d1639lhkj5l89m.cloudfront.net\/js\/storefront\/uppromote.js?shop=7ezsmf-gq.myshopify.com\u0026sp-cache-control=cHVibGljLCBtYXgtYWdlPTkwMA"];
1417    for (var i = 0; i < urls.length; i++) {
1418      var s = document.createElement('script');
1419      s.type = 'text/javascript';
1420      s.async = true;
1421      s.src = urls[i];
1422      var x = document.getElementsByTagName('script')[0];
1423      x.parentNode.insertBefore(s, x);
1424    }
1425  };
1426  if(window.attachEvent) {
1427    window.attachEvent('onload', asyncLoad);
1428  } else {
1429    window.addEventListener('load', asyncLoad, false);
1430  }
1431})();</script>
vendor: 1 bytes, line 1431
1431
1432<script id="__st">var __st={"a":82051498224,"offset":-25200,"reqid":"50e0a483-bc46-4349-9593-8967834b28b1-1791197881","pageurl":"www.hairylittlethings.com\/products\/baby-lips","u":"18d6b12cbd29","p":"product","rtyp":"product","rid":9843391168752};</script>
vendor: 1 bytes, line 1432
1432
1433<script>window.ShopifyPaypalV4VisibilityTracking = true;</script>
vendor: 1 bytes, line 1433
1433
1434<script id="captcha-bootstrap">!function(){'use strict';const t='contact',e='account',n='new_comment',o=[[t,t],['blogs',n],['comments',n],[t,'customer']],c=[[e,'customer_login'],[e,'guest_login'],[e,'recover_customer_password'],[e,'create_customer']],r=t=>t.map((([t,e])=>`form[action*='/${t}']:not([data-nocaptcha='true']) input[name='form_type'][value='${e}']`)).join(','),a=t=>()=>t?[...document.querySelectorAll(t)].map((t=>t.form)):[];function s(){const t=[...o],e=r(t);return a(e)}const i='password',u='form_key',d=['recaptcha-v3-token','g-recaptcha-response','h-captcha-response',i],f=()=>{try{return window.sessionStorage}catch{return}},m='__shopify_v',_=t=>t.elements[u];function p(t,e,n=!1){try{const o=window.sessionStorage,c=JSON.parse(o.getItem(e)),{data:r}=function(t){const{data:e,action:n}=t;return t[m]||n?{data:e,action:n}:{data:t,action:n}}(c);for(const[e,n]of Object.entries(r))t.elements[e]&&(t.elements[e].value=n);n&&o.removeItem(e)}catch(o){console.error('form repopulation failed',{error:o})}}const l='form_type',E='cptcha';function T(t){t.dataset[E]=!0}const w=window,h=w.document,L='Shopify',v='ce_forms',y='captcha';let A=!1;((t,e)=>{const n=(g='f06e6c50-85a8-45c8-87d0-21a2b65856fe',I='https://cdn.shopify.com/shopifycloud/storefront-forms-hcaptcha/ce_storefront_forms_captcha_hcaptcha.v1.5.3.iife.js',D={infoText:'Protected by hCaptcha',privacyText:'Privacy',termsText:'Terms'},(t,e,n)=>{const o=w[L][v],c=o.bindForm;if(c)return c(t,g,e,D).then(n);var r;o.q.push([[t,g,e,D],n]),r=I,A||(h.body.append(Object.assign(h.createElement('script'),{id:'captcha-provider',async:!0,src:r})),A=!0)});var g,I,D;w[L]=w[L]||{},w[L][v]=w[L][v]||{},w[L][v].q=[],w[L][y]=w[L][y]||{},w[L][y].protect=function(t,e){n(t,void 0,e),T(t)},Object.freeze(w[L][y]),function(t,e,n,w,h,L){const[v,y,A,g]=function(t,e,n){const i=e?o:[],u=t?c:[],d=[...i,...u],f=r(d),m=r(i),_=r(d.filter((([t,e])=>n.includes(e))));return[a(f),a(m),a(_),s()]}(w,h,L),I=t=>{const e=t.target;return e instanceof HTMLFormElement?e:e&&e.form},D=t=>v().includes(t);t.addEventListener('submit',(t=>{const e=I(t);if(!e)return;const n=D(e)&&!e.dataset.hcaptchaBound&&!e.dataset.recaptchaBound,o=_(e),c=g().includes(e)&&(!o||!o.value);(n||c)&&t.preventDefault(),c&&!n&&(function(t){try{if(!f())return;!function(t){const e=f();if(!e)return;const n=_(t);if(!n)return;const o=n.value;o&&e.removeItem(o)}(t);const e=Array.from(Array(32),(()=>Math.random().toString(36)[2])).join('');!function(t,e){_(t)||t.append(Object.assign(document.createElement('input'),{type:'hidden',name:u})),t.elements[u].value=e}(t,e),function(t,e){const n=f();if(!n)return;const o=[...t.querySelectorAll(`input[type='${i}']`)].map((({name:t})=>t)),c=[...d,...o],r={};for(const[a,s]of new FormData(t).entries())c.includes(a)||(r[a]=s);n.setItem(e,JSON.stringify({[m]:1,action:t.action,data:r}))}(t,e)}catch(e){console.error('failed to persist form',e)}}(e),e.submit())}));const S=(t,e)=>{t&&!t.dataset[E]&&(n(t,e.some((e=>e===t))),T(t))};for(const o of['focusin','change'])t.addEventListener(o,(t=>{const e=I(t);D(e)&&S(e,y())}));const B=e.get('form_key'),M=e.get(l),P=B&&M;t.addEventListener('DOMContentLoaded',(()=>{const t=y();if(P)for(const e of t)e.elements[l].value===M&&p(e,B);[...new Set([...A(),...v().filter((t=>'true'===t.dataset.shopifyCaptcha))])].forEach((e=>S(e,t)))}))}(h,new URLSearchParams(w.location.search),n,t,e,['guest_login'])})(!0,!0)}();</script>
vendor: 1 bytes, line 1434
1434
1435<script integrity="sha256-JjoPp5ZfB1sSAs5SQaol1x1GgvveM+BgmRzyDexInEQ=" data-source-attribution="shopify.loadfeatures" defer="defer" src="//www.hairylittlethings.com/cdn/shopifycloud/storefront/assets/storefront/load_feature-1bd60354.js" crossorigin="anonymous"></script>
vendor: 1 bytes, line 1435
1435
1436<script>(function () {var userAgent = navigator.userAgent;var platform = navigator.platform;var maxTouchPoints = navigator.maxTouchPoints || 0;var isIOS = /iPad|iPhone|iPod/.test(platform) || (platform === 'MacIntel' && maxTouchPoints > 1);var isMacSafari = platform.indexOf('Mac') === 0 && /Safari/.test(userAgent) && !/Chrome|Chromium|CriOS|FxiOS|Edg|OPR|Android/.test(userAgent);var isAppleSafari = isIOS || isMacSafari;if (isAppleSafari) {fetch('/sf_private_access_tokens' + location.search).catch(function () {});}function browserMajorVersion(pattern) {var match = userAgent.match(pattern);return match ? parseInt(match[1], 10) : null;}function shouldLoadAutosizesPolyfill() {if (!window.PerformanceObserver?.supportedEntryTypes?.includes('paint')) {return false;}var chromeVersion = browserMajorVersion(/Chrome\/(\d+)/);if (chromeVersion !== null) {return chromeVersion < 126;}var firefoxVersion = browserMajorVersion(/Firefox\/(\d+)/);if (firefoxVersion !== null) {return firefoxVersion < 150;}var safariVersion = isAppleSafari ? browserMajorVersion(/Version\/(\d+).*Safari\//) : null;if (safariVersion !== null) {return safariVersion < 27;}return true;}if (shouldLoadAutosizesPolyfill()) {var autosizesScript = document.createElement('script');autosizesScript.async = true;autosizesScript.crossOrigin = 'anonymous';autosizesScript.src = "//www.hairylittlethings.com/cdn/shopifycloud/storefront/assets/storefront/autosizes-84416378.js";(document.head || document.documentElement).appendChild(autosizesScript);}window.ShopifyAnalytics = window.ShopifyAnalytics || {};window.ShopifyAnalytics.performance = window.ShopifyAnalytics.performance || {};(function () {var LONG_FRAME_THRESHOLD = 50;var longAnimationFrames = [];var activeRafId = null;function collectLongFrames() {var previousTime = null;function rafMonitor(now) {if (activeRafId === null) {return;}var delta = now - previousTime;if (delta > LONG_FRAME_THRESHOLD) {longAnimationFrames.push({startTime: previousTime,endTime: now,});}previousTime = now;activeRafId = requestAnimationFrame(rafMonitor);}previousTime = performance.now();activeRafId = requestAnimationFrame(rafMonitor);}if (!window.PerformanceObserver?.supportedEntryTypes?.includes('long-animation-frame')) {collectLongFrames();var timeoutId = setTimeout(function () {cancelAnimationFrame(activeRafId);}, 10000);window.ShopifyAnalytics.performance.getLongAnimationFrames = function (stopCollection) {if (stopCollection === undefined) {stopCollection = false;}if (stopCollection) {clearTimeout(timeoutId);cancelAnimationFrame(activeRafId);}return longAnimationFrames;};}})();})();</script>
1436<script crossorigin="anonymous" defer="defer" src="//www.hairylittlethings.com/cdn/shopifycloud/storefront/assets/shopify_pay/storefront-616277c7.js?v=20250812"></script>
vendor: 1 bytes, line 1436
1436
1437<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 1437
1437
1438<script>
1439  window.Shopify = window.Shopify || {};
1440  window.Shopify.MCP = window.Shopify.MCP || {};
1441  window.Shopify.MCP.enabled = true;
1442  window.Shopify.MCP.shop = "7ezsmf-gq.myshopify.com";
1443  window.Shopify.MCP.mcpEndpoint = "https:\/\/www.hairylittlethings.com\/api\/mcp";
1444  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"]}}];
1445</script>
vendor: 1 bytes, line 1445
1445
1446<script>(()=>{var d="shopify:webmcp_adapter_loaded",n=Symbol.for("shopify.webmcp_adapter_loading");function s(c,a,{win:r=window,doc:o=document}={}){function p(){try{return r.localStorage.getItem(d)==="true"}catch{return!1}}function l(){try{r.localStorage.setItem(d,"true")}catch{}}function u(){return typeof(o.modelContext||r.navigator?.modelContext)?.registerTool=="function"}function f(){if(r[n]||!u())return;let t=o.head||o.getElementsByTagName("head")[0];if(!t)return;let e=o.createElement("script");e.type="module",e.crossOrigin="anonymous",a&&(e.integrity=a),e.src=c,e.addEventListener("load",l,{once:!0}),e.addEventListener("error",()=>{r[n]=!1},{once:!0}),t.appendChild(e),r[n]=!0}function _(t){let e=o.getElementById("shopify-origin-trials");if(!e||r.__shopifyOriginTrialsDone){t();return}e.addEventListener("load",t,{once:!0}),e.addEventListener("error",t,{once:!0})}function i(){_(()=>r.setTimeout(f,0))}function m(){o.addEventListener("DOMContentLoaded",i,{once:!0})}p()?i():m()}s("\/\/www.hairylittlethings.com\/cdn\/shopifycloud\/storefront\/assets\/storefront\/webmcp-c6b62ece.js","sha256-ke4DDuBjdvea3vxLWxHc9E9nq8zihuG4IfYEGbb77ys=");})();
1447</script>
vendor: 1 bytes, line 1447
1447
1448<script data-source-attribution="shopify.dynamic_checkout.dynamic.init">var Shopify=Shopify||{};Shopify.PaymentButton=Shopify.PaymentButton||{isStorefrontPortableWallets:!0,init:function(){window.Shopify.PaymentButton.init=function(){};var t=document.createElement("script");t.src="https://www.hairylittlethings.com/cdn/shopifycloud/portable-wallets/latest/portable-wallets.en.js",t.type="module",document.head.appendChild(t)}};
1449</script>
vendor: 1 bytes, line 1449
1449
1450<script data-source-attribution="shopify.dynamic_checkout.buyer_consent">
1451  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);
1452</script>
vendor: 1 bytes, line 1452
1452
1453<script>
1454  function portableWalletsCleanup(e){e&&e.src&&console.error("Failed to load portable wallets script "+e.src);var t=document.querySelectorAll("shopify-accelerated-checkout .shopify-payment-button__skeleton, shopify-accelerated-checkout-cart .wallet-cart-button__skeleton"),e=document.getElementById("shopify-buyer-consent");for(let e=0;e<t.length;e++)t[e].remove();e&&e.remove()}function portableWalletsNotLoadedAsModule(e){e instanceof ErrorEvent&&"string"==typeof e.message&&e.message.includes("import.meta")&&"string"==typeof e.filename&&e.filename.includes("portable-wallets")&&(window.removeEventListener("error",portableWalletsNotLoadedAsModule),window.Shopify.PaymentButton.failedToLoad=e,"loading"===document.readyState?document.addEventListener("DOMContentLoaded",window.Shopify.PaymentButton.init):window.Shopify.PaymentButton.init())}window.addEventListener("error",portableWalletsNotLoadedAsModule);
1455</script>
1455
1456
1457<script type="module" src="https://www.hairylittlethings.com/cdn/shopifycloud/portable-wallets/latest/portable-wallets.en.js" onError="portableWalletsCleanup(this)" crossorigin="anonymous"></script>
vendor: 1 bytes, line 1457
1457
1458<script nomodule>
1459  document.addEventListener("DOMContentLoaded", portableWalletsCleanup);
1460</script>
1460
1461
1462<script id='scb4127' type='text/javascript' async='' src='https://www.hairylittlethings.com/cdn/shopifycloud/privacy-banner/storefront-banner.js'></script>
1462<link id="shopify-accelerated-checkout-styles" rel="stylesheet" media="screen" href="https://www.hairylittlethings.com/cdn/shopifycloud/portable-wallets/latest/accelerated-checkout-backwards-compat.css" crossorigin="anonymous">
1463<style id="shopify-accelerated-checkout-cart">
1464        #shopify-buyer-consent {
1465  margin-top: 1em;
1466  display: inline-block;
1467  width: 100%;
1468}
1469
1470#shopify-buyer-consent.hidden {
1471  display: none;
1472}
1473
1474#shopify-subscription-policy-button {
1475  background: none;
1476  border: none;
1477  padding: 0;
1478  text-decoration: underline;
1479  font-size: inherit;
1480  cursor: pointer;
1481}
1482
1483#shopify-subscription-policy-button::before {
1484  box-shadow: none;
1485}
1486
1487      </style>
1488<link rel="compression-dictionary" href="//www.hairylittlethings.com/cdn/shop/t/5/compiled_assets/styles.css?v=28773759296090554651774184386" crossorigin="anonymous">
1489<link rel="stylesheet" media="screen" href="//www.hairylittlethings.com/cdn/shop/t/5/compiled_assets/styles.css?v=28773759296090554651774184386&subset=ABYAQIAAAAAwAAIEEIIAQFD4EJADBED2KkwQQIA" crossorigin="anonymous">
1490<script id="shopify-cfh-end">window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.end');</script>
1490
1491  <!-- BEGIN app block: shopify://apps/uppromote-affiliate/blocks/core-script/64c32457-930d-4cb9-9641-e24c0d9cf1f4 --><!-- BEGIN app snippet: core-metafields-setting --><!--suppress ES6ConvertVarToLetConst -->
1492<script type="application/json" id="core-uppromote-settings">{"app_env":{"env":"production"}}</script>
vendor: 1 bytes, line 1492
1492
1493<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":"EUR","items_subtotal_price":0,"cart_level_discount_applications":[],"checkout_charge_amount":0}</script>
1493
1494
1495<script id="core-uppromote-quick-store-tracking-vars">
1496    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()}}
1497    if (window.location.href.includes('?sca_ref=')) {
1498        localStorage.setItem('__up_lastViewedPageContext', JSON.stringify({
1499            context: getContext(),
1500            timestamp: new Date().toISOString(),
1501        }))
1502    }
1503</script>
1503
1504
1505
1506<script id="core-uppromote-setting-booster">
1507    var UpPromoteCoreSettings = JSON.parse(document.getElementById('core-uppromote-settings').textContent)
1508    UpPromoteCoreSettings.currentCart = JSON.parse(document.getElementById('core-uppromote-cart')?.textContent || '{}')
1509    const idToClean = ['core-uppromote-settings', 'core-uppromote-cart', 'core-uppromote-setting-booster', 'core-uppromote-quick-store-tracking-vars']
1510    idToClean.forEach(id => {
1511        document.getElementById(id)?.remove()
1512    })
1513</script>
1513
1514<!-- END app snippet -->
1515
1516
1517<!-- 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/01a10ad0-9f32-7eb2-a83e-3427bdf52ded/affliate-by-secomapp-129/assets/customer-referral.css" as="style" onload="this.onload=null;this.rel='stylesheet'">
1518<script>
1519  document.addEventListener("DOMContentLoaded", function () {
1520    const params = new URLSearchParams(window.location.search);
1521    if (params.has('sca_ref') || params.has('sca_crp')) {
1522      document.body.setAttribute('is-affiliate-link', '');
1523    }
1524  });
1525</script>
1525
1526
1527
1528<!-- END app block --><!-- BEGIN app block: shopify://apps/uppromote-affiliate/blocks/message-bar/64c32457-930d-4cb9-9641-e24c0d9cf1f4 -->
1529
1530<style>
1531    body {
1532        transition: padding-top .2s;
1533    }
1534    .scaaf-message-bar {
1535        --primary-text-color: ;
1536        --secondary-text-color: ;
1537        --primary-bg-color: ;
1538        --secondary-bg-color: ;
1539        --primary-text-size: px;
1540        --secondary-text-size: px;
1541        text-align: center;
1542        display: block;
1543        width: 100%;
1544        padding: 10px;
1545        animation-duration: .5s;
1546        animation-name: fadeIn;
1547        position: absolute;
1548        top: 0;
1549        left: 0;
1550        width: 100%;
1551        z-index: 10;
1552    }
1553
1554    .scaaf-message-bar-content {
1555        margin: 0;
1556        padding: 0;
1557    }
1558
1559    .scaaf-message-bar[data-layout=referring] {
1560        background-color: var(--primary-bg-color);
1561        color: var(--primary-text-color);
1562        font-size: var(--primary-text-size);
1563    }
1564
1565    .scaaf-message-bar[data-layout=direct] {
1566        background-color: var(--secondary-bg-color);
1567        color: var(--secondary-text-color);
1568        font-size: var(--secondary-text-size);
1569    }
1570
1571</style>
1572
1573<script type="text/javascript">
1574    (function() {
1575        let container, contentContainer
1576        const settingTag = document.querySelector('script#uppromote-message-bar-setting')
1577
1578        if (!settingTag || !settingTag.textContent) {
1579            return
1580        }
1581
1582        const setting = JSON.parse(settingTag.textContent)
1583        if (!setting.referral_enable) {
1584            return
1585        }
1586
1587        const getCookie = (cName) => {
1588            const name = cName + '='
1589            const ca = document.cookie.split(';')
1590            for (let i = 0; i < ca.length; i++) {
1591                let c = ca[i]
1592                while (c.charAt(0) === ' ') {
1593                    c = c.substring(1)
1594                }
1595                if (c.indexOf(name) === 0) {
1596                    const raw = c.substring(name.length, c.length)
1597                    // Decode this value only, not the whole cookie string, so one malformed
1598                    // cookie (bare %) or a ';' inside another value can't break parsing here.
1599                    try {
1600                        return decodeURIComponent(raw)
1601                    } catch {
1602                        return raw
1603                    }
1604                }
1605            }
1606
1607            return null
1608        }
1609
1610        function renderContainer() {
1611            container = document.createElement('div')
1612            container.classList.add('scaaf-message-bar')
1613            contentContainer = document.createElement('p')
1614            contentContainer.classList.add('scaaf-message-bar-content')
1615            container.append(contentContainer)
1616        }
1617
1618        function calculateLayout() {
1619            const height = container.scrollHeight
1620
1621            function onMouseMove() {
1622                document.body.style.paddingTop = `${height}px`
1623                document.body.removeEventListener('mousemove', onMouseMove)
1624                document.body.removeEventListener('touchstart', onMouseMove)
1625            }
1626
1627            document.body.addEventListener('mousemove', onMouseMove)
1628            document.body.addEventListener('touchstart', onMouseMove)
1629        }
1630
1631        renderContainer()
1632
1633        function fillDirectContent() {
1634            if (!setting.not_referral_enable) {
1635                // Nothing to show: drop the optimistic "Loading" bar prepareForReferring may have left
1636                container.remove()
1637                return
1638            }
1639            contentContainer.style.visibility = 'visible'
1640            container.dataset.layout = 'direct'
1641            contentContainer.textContent = setting.not_referral_content
1642            document.body.prepend(container)
1643            calculateLayout()
1644        }
1645
1646        function prepareForReferring() {
1647            contentContainer.textContent = 'Loading'
1648            contentContainer.style.visibility = 'hidden'
1649            document.body.prepend(container)
1650            calculateLayout()
1651        }
1652
1653        function fillReferringContent(aff) {
1654            container.dataset.layout = 'referring'
1655            // Guard referral_content so a missing template can't throw and leave the bar stuck on "Loading"
1656            contentContainer.textContent = (setting.referral_content || '')
1657                .replaceAll('{affiliate_name}', aff.name)
1658                .replaceAll('{company}', aff.company)
1659                .replaceAll('{affiliate_firstname}', aff.first_name)
1660                .replaceAll('{personal_detail}', aff.personal_detail)
1661            contentContainer.style.visibility = 'visible'
1662        }
1663
1664        function safeJsonParse (str) {
1665            if (!str) return null;
1666            try {
1667                return JSON.parse(str);
1668            } catch {
1669                return null;
1670            }
1671        }
1672
1673        function renderFromCookie(affiliateID) {
1674            if (!affiliateID) {
1675                fillDirectContent()
1676                return
1677            }
1678
1679            prepareForReferring()
1680
1681            let info = null
1682            const raw = getCookie('_up_a_info')
1683            if (raw) {
1684                info = safeJsonParse(raw)
1685            }
1686
1687            if (!info) {
1688                fillDirectContent()
1689                return
1690            }
1691
1692            const aff = {
1693                company: info.company || '',
1694                name: (info.first_name || '') + ' ' + (info.last_name || ''),
1695                first_name: info.first_name || '',
1696                personal_detail: getCookie('scaaf_pd') || ''
1697            }
1698
1699            fillReferringContent(aff)
1700        }
1701
1702        function paintMessageBar() {
1703            if (!document.body) {
1704                return requestAnimationFrame(paintMessageBar)
1705            }
1706
1707            const urlParams = new URLSearchParams(window.location.search)
1708            const scaRef = urlParams.get("sca_ref")
1709            const urlAffiliateID = scaRef ? scaRef.split('.')[0] + '' : null
1710            const cookieAffiliateID = getCookie('up_uppromote_aid')
1711            const isReferralLink = !!scaRef
1712
1713            if (!isReferralLink) {
1714                if (cookieAffiliateID) {
1715                    renderFromCookie(cookieAffiliateID)
1716                    return
1717                }
1718                fillDirectContent()
1719                return
1720            }
1721
1722            if (cookieAffiliateID === urlAffiliateID) {
1723                renderFromCookie(cookieAffiliateID)
1724                return
1725            }
1726
1727            const lastClick = Number(getCookie('up_uppromote_lc') || 0)
1728            const diffMinuteFromNow = (Date.now() - lastClick) / (60 * 1000)
1729            if (diffMinuteFromNow <= 1) {
1730                renderFromCookie(cookieAffiliateID)
1731                return
1732            }
1733
1734            let waited = 0
1735            const MAX_WAIT = 5000
1736            const INTERVAL = 300
1737
1738            const timer = setInterval(() => {
1739                const newCookieID = getCookie('up_uppromote_aid')
1740                const isStillThatAffiliate = newCookieID === urlAffiliateID
1741                const isReceived = localStorage.getItem('up_uppromote_received') === '1'
1742                let isLoadedAffiliateInfoDone = !!safeJsonParse(getCookie('_up_a_info'))
1743
1744                if (isReceived && isStillThatAffiliate && isLoadedAffiliateInfoDone) {
1745                    clearInterval(timer)
1746                    renderFromCookie(newCookieID)
1747                    return
1748                }
1749
1750                waited += INTERVAL
1751                if (waited >= MAX_WAIT) {
1752                    clearInterval(timer)
1753                    fillDirectContent()
1754                }
1755            }, INTERVAL)
1756        }
1757
1758        requestAnimationFrame(paintMessageBar)
1759    })()
1760</script>
1760
1761
1762
1763<!-- END app block -->
1763<script src="https://cdn.shopify.com/extensions/01a10ad0-9f32-7eb2-a83e-3427bdf52ded/affliate-by-secomapp-129/assets/core.min.js" type="text/javascript" defer="defer"></script>
vendor: 1 bytes, line 1763
1763
1764<script src="https://cdn.shopify.com/extensions/01a10ad0-9f32-7eb2-a83e-3427bdf52ded/affliate-by-secomapp-129/assets/customer-referral.js" type="text/javascript" defer="defer"></script>
1764
1765<link href="https://monorail-edge.shopifysvc.com" rel="dns-prefetch">
1766<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: 82051498224,url: window.location.href,navigation_start,duration: currentMs - navigation_start,session_token,page_type: "product"};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 1766
1766
1767<script>
1768  window.__TREKKIE_SHIM_QUEUE = window.__TREKKIE_SHIM_QUEUE || [];
1769</script>
vendor: 1 bytes, line 1769
1769
1770<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}
1770).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: 82051498224,storefrontBaseUrl: "https://www.hairylittlethings.com",extensionsBaseUrl: "https://extensions.shopifycdn.com/cdn/shopifycloud/web-pixels-manager",monorailEndpoint: "https://www.hairylittlethings.com/.well-known/shopify/monorail/unstable/produce_batch",surface: "storefront-renderer",enabledBetaFlags: ["4c64608a","16072cab","8450a54b","7ee89bf1"],webPixelsConfigList: [{"id":"2692120816","configuration":"{\"shopId\":\"281847\",\"env\":\"production\",\"metaData\":\"[]\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"8323bee30e1ec3ae135ae5e0cef4ab6d","type":"APP","apiClientId":2773553,"privacyPurposes":[],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]}
1770,"dataSharingState":"unrestricted"},{"id":"2290581744","configuration":"{\"pixel_id\":\"1427079068765668\",\"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":"2284454128","configuration":"{\"pixelCode\":\"D72JR3JC77UE16KISAFG\"}","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"},{"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":"Hairy Little Things","paymentSettings":{"currencyCode":"USD"},"myshopifyDomain":"7ezsmf-gq.myshopify.com","countryCode":"US","storefrontUrl":"https:\/\/www.hairylittlethings.com"},"customer":null,"cart":null,"checkout":null,"productVariants":[{"price":{"amount":19.95,"currencyCode":"EUR"},"product":{"title":"Baby Lips - Unscented + Unflavored","vendor":"Hairy Little Things","id":"9843391168752","untranslatedTitle":"Baby Lips - Unscented + Unflavored","url":"\/products\/baby-lips","type":"Scorp"},"id":"48803410215152","image":{"src":"\/\/www.hairylittlethings.com\/cdn\/shop\/files\/ChatGPT_Image_Jun_22_2026_07_39_06_AM.png?v=1782128356"},"sku":null,"title":"Default Title","untranslatedTitle":"Default Title"}],"products":[{"id":"9843391168752","handle":"baby-lips","isCollective":null,"title":"Baby Lips - Unscented + Unflavored","type":"Scorp","untranslatedTitle":"Baby Lips - Unscented + Unflavored","url":"\/products\/baby-lips","vendor":"Hairy Little Things","remoteShopId":null,"variants":[{"id":"48803410215152","image":{"src":"\/\/www.hairylittlethings.com\/cdn\/shop\/files\/ChatGPT_Image_Jun_22_2026_07_39_06_AM.png?v=1782128356"},"price":{"amount":19.95,"currencyCode":"EUR"},"sku":null,"title":"Default Title","untranslatedTitle":"Default Title"}]},{"id":"9989252120816","handle":"emergencies-only-tweezer-trimmer-set","isCollective":null,"title":"Emergencies Only - Tweezer + Trimmer Set","type":null,"untranslatedTitle":"Emergencies Only - Tweezer + Trimmer Set","url":"\/products\/emergencies-only-tweezer-trimmer-set","vendor":"Hairy Little Things","remoteShopId":null,"variants":[{"id":"49594587382000","image":{"src":"\/\/www.hairylittlethings.com\/cdn\/shop\/files\/ChatGPT_Image_Jun_22_2026_07_37_28_AM.png?v=1782128272"},"price":{"amount":38.95,"currencyCode":"EUR"},"sku":null,"title":"Default Title","untranslatedTitle":"Default Title"}]},{"id":"10040299094256","handle":"baby-lips-vanilla","isCollective":null,"title":"Baby Lips - Vanilla","type":"Scorp","untranslatedTitle":"Baby Lips - Vanilla","url":"\/products\/baby-lips-vanilla","vendor":"Hairy Little Things","remoteShopId":null,"variants":[{"id":"49785975570672","image":{"src":"\/\/www.hairylittlethings.com\/cdn\/shop\/files\/ChatGPT_Image_Jun_22_2026_07_39_06_AM.png?v=1782128356"},"price":{"amount":19.95,"currencyCode":"EUR"},"sku":null,"title":"Default Title","untranslatedTitle":"Default Title"}]},{"id":"10066453004528","handle":"fluffy-brow-pencil","isCollective":null,"title":"Fluffy Brow Pencil","type":"Scorp","untranslatedTitle":"Fluffy Brow Pencil","url":"\/products\/fluffy-brow-pencil","vendor":"Hairy Little Things","remoteShopId":null,"variants":[{"id":"49872831873264","image":{"src":"\/\/www.hairylittlethings.com\/cdn\/shop\/files\/Fluffyfinal.png?v=1782041910"},"price":{"amount":23.95,"currencyCode":"EUR"},"sku":null,"title":"Light brown","untranslatedTitle":"Light brown"}]}],"purchasingCompany":null},},"https://www.hairylittlethings.com/cdn","5982071ew7ea472e3p69b68784m2150dfea",{"modern":"","legacy":""},{"trekkieShim":true,"agentContext":true,"apiClientId":"580111","facebookCapiEnabled":"true","themeId":"161566130416","themeStoreId":"3621","themePublished":"true","eventMetadataId":"812fc3ab-91e9-4314-8751-df02a75b3123","pageType":"product","resourceId":"9843391168752","shopId":"82051498224","storefrontBaseUrl":"https:\/\/www.hairylittlethings.com","extensionBaseUrl":"https:\/\/extensions.shopifycdn.com\/cdn\/shopifycloud\/web-pixels-manager","surface":"storefront-renderer","enabledBetaFlags":"[\"4c64608a\", \"16072cab\", \"8450a54b\", \"7ee89bf1\"]","isMerchantRequest":"false","hashVersion":"5982071ew7ea472e3p69b68784m2150dfea","publish":"custom","events":"[[\"page_viewed\",{}],[\"product_viewed\",{\"productVariant\":{\"price\":{\"amount\":19.95,\"currencyCode\":\"EUR\"},\"product\":{\"title\":\"Baby Lips - Unscented + Unflavored\",\"vendor\":\"Hairy Little Things\",\"id\":\"9843391168752\",\"untranslatedTitle\":\"Baby Lips - Unscented + Unflavored\",\"url\":\"\/products\/baby-lips\",\"type\":\"Scorp\"},\"id\":\"48803410215152\",\"image\":{\"src\":\"\/\/www.hairylittlethings.com\/cdn\/shop\/files\/ChatGPT_Image_Jun_22_2026_07_39_06_AM.png?v=1782128356\"},\"sku\":null,\"title\":\"Default Title\",\"untranslatedTitle\":\"Default Title\"}}]]"});})();</script>
1770<script>
1771  window.ShopifyAnalytics = window.ShopifyAnalytics || {};
1772  window.ShopifyAnalytics.meta = window.ShopifyAnalytics.meta || {};
1773  window.ShopifyAnalytics.meta.currency = 'EUR';
1774  var meta = {"product":{"id":9843391168752,"gid":"gid:\/\/shopify\/Product\/9843391168752","vendor":"Hairy Little Things","type":"Scorp","handle":"baby-lips","variants":[{"id":48803410215152,"price":1995,"name":"Baby Lips - Unscented + Unflavored","public_title":null,"sku":null}],"remote":false},"page":{"pageType":"product","resourceType":"product","resourceId":9843391168752,"requestId":"50e0a483-bc46-4349-9593-8967834b28b1-1791197881"}};
1775  for (var attr in meta) {
1776    window.ShopifyAnalytics.meta[attr] = meta[attr];
1777  }
1778</script>
vendor: 1 bytes, line 1778
1778
1779<script class="analytics">
1780  (function () {
1781    var customDocumentWrite = function(content) {
1782      var jquery = null;
1783
1784      if (window.jQuery) {
1785        jquery = window.jQuery;
1786      } else if (window.Checkout && window.Checkout.$) {
1787        jquery = window.Checkout.$;
1788      }
1789
1790      if (jquery) {
1791        jquery('body').append(content);
1792      }
1793    };
1794
1795    var hasLoggedConversion = function(token) {
1796      if (token) {
1797        return document.cookie.indexOf('loggedConversion=' + token) !== -1;
1798      }
1799      return false;
1800    }
1801
1802    var setCookieIfConversion = function(token) {
1803      if (token) {
1804        var twoMonthsFromNow = new Date(Date.now());
1805        twoMonthsFromNow.setMonth(twoMonthsFromNow.getMonth() + 2);
1806
1807        document.cookie = 'loggedConversion=' + token + '; expires=' + twoMonthsFromNow;
1808      }
1809    }
1810
1811    var trekkie = window.ShopifyAnalytics.lib = window.trekkie = window.trekkie || [];
1812    window.ShopifyAnalytics.lib.trekkie = window.trekkie;
1813    if (trekkie.integrations) {
1814      return;
1815    }
1816    trekkie.methods = [
1817      'identify',
1818      'page',
1819      'ready',
1820      'track',
1821      'trackForm',
1822      'trackLink'
1823    ];
1824    trekkie.factory = function(method) {
1825      return function() {
1826        var args = Array.prototype.slice.call(arguments);
1827        args.unshift(method);
1828        trekkie.push(args);
1829        if (method == 'track' || method == 'page') {
1830          var pageUrl;
1831          try {
1832            pageUrl = window.location.href;
1833          } catch (e) {}
1834          var pageReferrer;
1835          try {
1836            pageReferrer = document.referrer;
1837          } catch (e) {}
1838          try {
1839            if (window.__TREKKIE_SHIM_QUEUE == null) {
1840              window.__TREKKIE_SHIM_QUEUE = [];
1841            }
1842            window.__TREKKIE_SHIM_QUEUE.push({
1843              from: 'trekkie-stub',
1844              method: method,
1845              args: args.slice(1),
1846              pageContext: {
1847                url: pageUrl,
1848                referrer: pageReferrer
1849              }
1850            });
1851          } catch (e) {
1852            // no-op
1853          }
1854        }
1855        return trekkie;
1856      };
1857    };
1858    for (var i = 0; i < trekkie.methods.length; i++) {
1859      var key = trekkie.methods[i];
1860      trekkie[key] = trekkie.factory(key);
1861    }
1862    trekkie.load = function(config) {
1863      trekkie.config = config || {};
1864      trekkie.config.initialDocumentCookie = document.cookie;
1865      var first = document.getElementsByTagName('script')[0];
1866var script = document.createElement('script');
1867script.type = 'text/javascript';
1868script.onerror = function(e) {
1869  var scriptFallback = document.createElement('script');
1870  scriptFallback.type = 'text/javascript';
1871  scriptFallback.onerror = function(error) {
1872          var Monorail = {
1873      produce: function produce(monorailDomain, schemaId, payload) {
1874        var currentMs = new Date().getTime();
1875        var event = {
1876          schema_id: schemaId,
1877          payload: payload,
1878          metadata: {
1879            event_created_at_ms: currentMs,
1880            event_sent_at_ms: currentMs
1881          }
1882        };
1883        return Monorail.sendRequest("https://" + monorailDomain + "/v1/produce", JSON.stringify(event));
1884      },
1885      sendRequest: function sendRequest(endpointUrl, payload) {
1886        // Try the sendBeacon API
1887        if (window && window.navigator && typeof window.navigator.sendBeacon === 'function' && typeof window.Blob === 'function' && !Monorail.isIos12()) {
1888          var blobData = new window.Blob([payload], {
1889            type: 'text/plain'
1890          });
1891
1892          if (window.navigator.sendBeacon(endpointUrl, blobData)) {
1893            return true;
1894          } // sendBeacon was not successful
1895
1896        } // XHR beacon
1897
1898        var xhr = new XMLHttpRequest();
1899
1900        try {
1901          xhr.open('POST', endpointUrl);
1902          xhr.setRequestHeader('Content-Type', 'text/plain');
1903          xhr.send(payload);
1904        } catch (e) {
1905          console.log(e);
1906        }
1907
1908        return false;
1909      },
1910      isIos12: function isIos12() {
1911        return window.navigator.userAgent.lastIndexOf('iPhone; CPU iPhone OS 12_') !== -1 || window.navigator.userAgent.lastIndexOf('iPad; CPU OS 12_') !== -1;
1912      }
1913    };
1914    Monorail.produce('monorail-edge.shopifysvc.com',
1915      'trekkie_storefront_load_errors/1.1',
1916      {shop_id: 82051498224,
1917      theme_id: 161566130416,
1918      app_name: "storefront",
1919      context_url: window.location.href,
1920      source_url: "//www.hairylittlethings.com/cdn/s/trekkie.storefront.2f6d7d7ede7d24234881a9cd5f47e679642fa1f6.min.js"});
1921
1922  };
1923  scriptFallback.async = true;
1924  scriptFallback.src = '//www.hairylittlethings.com/cdn/s/trekkie.storefront.2f6d7d7ede7d24234881a9cd5f47e679642fa1f6.min.js';
1925  first.parentNode.insertBefore(scriptFallback, first);
1926};
1927script.async = true;
1928script.src = '//www.hairylittlethings.com/cdn/s/trekkie.storefront.2f6d7d7ede7d24234881a9cd5f47e679642fa1f6.min.js';
1929first.parentNode.insertBefore(script, first);
1930
1931    };
1932    trekkie.load(
1933      {"Trekkie":{"appName":"storefront","development":false,"defaultAttributes":{"shopId":82051498224,"isMerchantRequest":null,"themeId":161566130416,"themeCityHash":"18348810316401580384","contentLanguage":"en","currency":"EUR","eventMetadataId":"812fc3ab-91e9-4314-8751-df02a75b3123"},"isServerSideCookieWritingEnabled":true,"monorailRegion":"shop_domain","enabledBetaFlags":["764d78cb","8450a54b","7ee89bf1","4c64608a"]},"Session Attribution":{},"S2S":{"facebookCapiEnabled":true,"source":"trekkie-storefront-renderer","apiClientId":580111}}
1934    );
1935
1936    var loaded = false;
1937    trekkie.ready(function() {
1938      if (loaded) return;
1939      loaded = true;
1940
1941      window.ShopifyAnalytics.lib = window.trekkie;
1942
1943      var originalDocumentWrite = document.write;
1944      document.write = customDocumentWrite;
1945      try { window.ShopifyAnalytics.merchantGoogleAnalytics.call(this); } catch(error) {};
1946      document.write = originalDocumentWrite;
1947
1948      var match = window.location.pathname.match(/checkouts\/(.+)\/(thank_you|post_purchase)/)
1949      var token = match? match[1]: undefined;
1950      if (!hasLoggedConversion(token)) {
1951        setCookieIfConversion(token);
1952        window.ShopifyAnalytics.lib.track("Viewed Product",{"currency":"EUR","variantId":48803410215152,"productId":9843391168752,"productGid":"gid:\/\/shopify\/Product\/9843391168752","name":"Baby Lips - Unscented + Unflavored","price":"19.95","sku":null,"brand":"Hairy Little Things","variant":null,"category":"Scorp","nonInteraction":true,"remote":false,"available":true},undefined,undefined,{"shopifyEmitted":true});
1953      }
1954    });
1955
1956    window.ShopifyAnalytics.lib.page(null,{"pageType":"product","resourceType":"product","resourceId":9843391168752,"requestId":"50e0a483-bc46-4349-9593-8967834b28b1-1791197881","shopifyEmitted":true});
1957
1958    var eventsListenerScript = document.createElement('script');
1959    eventsListenerScript.async = true;
1960    eventsListenerScript.src = "//www.hairylittlethings.com/cdn/shopifycloud/storefront/assets/shop_events_listener-4e26a9ce.js";
1961    document.getElementsByTagName('head')[0].appendChild(eventsListenerScript);
1962})();</script>
vendor: 1 bytes, line 1962
1962
1963<script
1964  defer
1965  src="https://www.hairylittlethings.com/cdn/shopifycloud/perf-kit/shopify-perf-kit-3.9.4.min.js"
1966  data-application="storefront-renderer"
1967  data-shop-id="82051498224"
1968  data-render-region="gcp-europe-west1"
1969  data-page-type="product"
1970  data-theme-instance-id="161566130416"
1971  data-theme-name="Atelier"
1972  data-theme-version="3.5.0"
1973  data-monorail-region="shop_domain"
1974  data-resource-timing-sampling-rate="10"
1975  data-shs="true"
1976  data-shs-beacon="true"
1977  data-shs-export-with-fetch="true"
1978  data-shs-logs-sample-rate="1"
1979  data-shs-beacon-endpoint="https://www.hairylittlethings.com/api/collect"
1980></script>
vendor: 1 bytes, line 1980
1980
1981<script src="https://cdn.shopify.com/storefront/web-components/account.js" type="module" crossorigin fetchpriority="low" async></script>
1981<script id="shopify-customer-account-data" type="application/json">{"customer":null,"shop":{"id":"82051498224","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":false},"visitor":{"country":"NL","language":"en"}}</script>
1981
1982<meta name="shopify-y" content="00000000-0000-0000-5000-000000000000" data-expiration="1822755481000"><meta name="shopify-s" content="00000000-0000-0000-5000-000000000000" data-expiration="1791199681000"><meta name="new-cookie-storage-activated" content="t">
1983</head>
1984
1985  <body class="page-width-narrow card-hover-effect-lift">
1986    <a
1987  class="skip-to-content-link button-secondary"
1988  href="#MainContent"
1989>
1990  Skip to content
1991</a>
1992
1993
1994
1995    <div id="header-group">
1996      <!-- BEGIN sections: header-group -->
1997<header id="shopify-section-sections--22279579336944__header_section" class="shopify-section shopify-section-group-header-group header-section">
1998
1999
2000
2001
2002
2003
2004
2005
2006
2007<script type="application/ld+json">
2008  {
2009    "@context": "http://schema.org",
2010    "@type": "Organization",
2011    "name": "Hairy Little Things",
2012    
2013      "logo": "https:\/\/www.hairylittlethings.com\/cdn\/shop\/files\/Black_and_Cream_Beauty_and_Fashion_Logo_1.png?v=1773926619\u0026width=500",
2014    
2015    "url": "https:\/\/www.hairylittlethings.com"
2016  }
2017</script>
2017
2018
2019<header-component
2020  id="header-component"
2021  class="header color-scheme-2"
2022  data-theme-color="rgb(255 255 255)"
2023  
2024    transparent="not-sticky"
2025  
2026  
2027    sticky="always"
2028  
2029  data-skip-node-update
2030  data-scroll-direction="none"
2031  
2032  
2033  style="
2034    --color-scheme-top-row: rgba(255 255 255 / 1.0);
2035    --color-scheme-bottom-row: rgba(255 255 255 / 1.0);
2036    
2037  "
2038>
2039  <div class="header__underlay header__underlay-closed"></div>
2040  <div
2041    class="header__underlay header__underlay-open"
2042  ></div>
2043    
2044
2045    
2046
2047    
2048    
2049      <div
2050        class="header__row header__row--top color-scheme-2 section section--full-width-margin section--page-width"
2051        ref="headerRowTop"style="--border-bottom-width: 0px; --border-bottom-width-mobile: 0px;">
2052        <div class="header__columns spacing-style">
2053          <div
2054      class="header__column header__column--left"
2055      data-testid="header-top-left"
2056    >
2057      
2058        
2059          
2060              
2061
2062
2063
2064    <div
2065      class="header__drawer"
2066      ref="headerDrawerContainer"
2067      data-hydration-key="header-drawer-mobile"
2068      
2069    >
2070      
2071
2072<script
2073  src="//www.hairylittlethings.com/cdn/shop/t/5/assets/header-drawer.js?v=121243031541024704371774184382"
2074  type="module"
2075  fetchpriority="low"
2076></script>
2076
2077
2078<header-drawer
2079  class="header-drawer "
2080  style="--menu-image-border-radius: 0px; --resource-card-corner-radius: 0px;"
2081>
2082  <details
2083    id="Details-menu-drawer-container"
2084    data-skip-node-update="true"
2085    class="menu-drawer-container"
2086    ref="details"
2087    scroll-lock
2088  >
2089    <summary
2090      class="header__icon header__icon--menu header__icon--summary"
2091      aria-label="Menu"
2092      on:click="/toggle"
2093    >
2094      <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">
2095  <path d="M1 3.5H13" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/>
2096  <path d="M1 10.5H13" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/>
2097</svg>
2098</span>
2099      <span class="svg-wrapper header-drawer-icon header-drawer-icon--close"><svg aria-hidden="true" width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
2100  <path d="M12 2L2 12" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
2101  <path d="M12 12L2 2" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
2102</svg>
2103</span>
2104    </summary>
2105    <div
2106      ref="menuDrawer"
2107      class="
2108        menu-drawer
2109        color-scheme-1
2110      "
2111    >
2112      <button
2113        class="button close-button menu-drawer__close-button"
2114        type="button"
2115        aria-label="Close"
2116        on:click="/close"
2117      >
2118        <span class="svg-wrapper header-drawer-icon header-drawer-icon--close"><svg aria-hidden="true" width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
2119  <path d="M12 2L2 12" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
2120  <path d="M12 12L2 2" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
2121</svg>
2122</span>
2123      </button>
2124      <nav
2125        class="menu-drawer__navigation"
2126        style="--menu-top-level-font-family: var(--font-primary--family);
2127--menu-top-level-font-size-desktop: var(--font-size--body-sm); --menu-top-level-font-style: var(--font-primary--style); --menu-top-level-font-weight: var(--font-primary--weight); --menu-top-level-font-case:uppercase;
2128
2129  --menu-top-level-font-size: var(--menu-font-2xl--size); --menu-top-level-font-line-height:
2130  var(--menu-font-2xl--line-height);
2131
2132--menu-top-level-font-color: var(--color-foreground); --menu-top-level-font-color-rgb: var(--color-foreground-rgb);
2133
2134--menu-parent-font-family: var(--font-primary--family); --menu-parent-font-style:
2135var(--font-primary--style); --menu-parent-font-weight: var(--font-primary--weight); --menu-parent-font-case:
2136uppercase;
2137
2138    --menu-parent-font-size: var(--menu-font-sm--size); --menu-parent-font-line-height:
2139    var(--menu-font-sm--line-height); --menu-parent-font-color: rgb(var(--color-foreground-rgb) /
2140    var(--opacity-subdued-text)); --menu-parent-active-font-color: var(--color-foreground);
2141  
2142--menu-child-font-family: var(--font-primary--family); --menu-child-font-style:
2143var(--font-primary--style); --menu-child-font-weight: var(--font-primary--weight); --menu-child-font-case:
2144uppercase;
2145
2146    --menu-child-font-size: var(--menu-font-md--size); --menu-child-font-line-height: var(--menu-font-md--line-height);
2147    --menu-child-font-color: var(--color-foreground); --menu-child-active-font-color: rgb(var(--color-foreground-rgb) /
2148    var(--opacity-subdued-text));
2149  
2150
2151        "
2152        aria-label="Primary"
2153      >
2154        <ul
2155          class="menu-drawer__menu has-submenu"
2156          role="list"
2157        >
2158            
2159            
2160
2161              <li
2162                style="--menu-drawer-animation-index: 1;"
2163                class="menu-drawer__list-item--flat"
2164              >
2165                
2166<a
2167                    id="HeaderDrawer-home"
2168                    href="/"
2169                    class="menu-drawer__menu-item menu-drawer__menu-item--mainlist menu-drawer__animated-element focus-inset"
2170                    
2171                  >
2172                    <span class="menu-drawer__menu-item-text wrap-text">Home</span>
2173                  </a>
2174                
2175              </li>
2176              <li
2177                style="--menu-drawer-animation-index: 2;"
2178                class="menu-drawer__list-item--flat"
2179              >
2180                
2181<a
2182                    id="HeaderDrawer-shop"
2183                    href="/collections/all"
2184                    class="menu-drawer__menu-item menu-drawer__menu-item--mainlist menu-drawer__animated-element focus-inset"
2185                    
2186                  >
2187                    <span class="menu-drawer__menu-item-text wrap-text">Shop</span>
2188                  </a>
2189                
2190              </li>
2191              <li
2192                style="--menu-drawer-animation-index: 3;"
2193                class="menu-drawer__list-item--flat"
2194              >
2195                
2196<a
2197                    id="HeaderDrawer-book-now"
2198                    href="https://booking.mangomint.com/677649"
2199                    class="menu-drawer__menu-item menu-drawer__menu-item--mainlist menu-drawer__animated-element focus-inset"
2200                    
2201                  >
2202                    <span class="menu-drawer__menu-item-text wrap-text">Book Now</span>
2203                  </a>
2204                
2205              </li>
2206              <li
2207                style="--menu-drawer-animation-index: 4;"
2208                class="menu-drawer__list-item--flat"
2209              >
2210                
2211<a
2212                    id="HeaderDrawer-services"
2213                    href="/pages/services"
2214                    class="menu-drawer__menu-item menu-drawer__menu-item--mainlist menu-drawer__animated-element focus-inset"
2215                    
2216                  >
2217                    <span class="menu-drawer__menu-item-text wrap-text">Services</span>
2218                  </a>
2219                
2220              </li>
2221              <li
2222                style="--menu-drawer-animation-index: 5;"
2223                class="menu-drawer__list-item--flat"
2224              >
2225                
2226<a
2227                    id="HeaderDrawer-artists"
2228                    href="/pages/artists"
2229                    class="menu-drawer__menu-item menu-drawer__menu-item--mainlist menu-drawer__animated-element focus-inset"
2230                    
2231                  >
2232                    <span class="menu-drawer__menu-item-text wrap-text">Artists</span>
2233                  </a>
2234                
2235              </li>
2236              <li
2237                style="--menu-drawer-animation-index: 6;"
2238                class="menu-drawer__list-item--flat"
2239              >
2240                
2241<a
2242                    id="HeaderDrawer-contact"
2243                    href="/pages/contact"
2244                    class="menu-drawer__menu-item menu-drawer__menu-item--mainlist menu-drawer__animated-element focus-inset"
2245                    
2246                  >
2247                    <span class="menu-drawer__menu-item-text wrap-text">Contact</span>
2248                  </a>
2249                
2250              </li>
2251        </ul>
2252      </nav>
2253      <div
2254        class="menu-drawer__utility-links menu-drawer__animated-element"
2255        style="--menu-drawer-animation-index: 6;"
2256      >
2257        
2258        
2259          
2260          
2261            <drawer-localization-component class="menu-drawer__localization">
2262              <details
2263                id="drawer-localization"
2264                class="drawer-localization"
2265                on:toggle="/toggle"
2266              >
2267                <summary
2268                  id="HeaderDrawer-localization"
2269                  class="drawer-localization__button h3 link focus-inset"
2270                  aria-expanded="false"
2271                  on:click="header-drawer/open/submenu"
2272                  style="--menu-localization-font: var(--font-body--family); --color-shadow: rgb(var(--color-foreground-rgb) / var(--opacity-10-25));"
2273                >
2274                  <div class="drawer-localization__button--label h6"><div class="mobile-localization mobile-localization--country link"><span class="currency-code">EUR</span>
2275                      </div></div>
2276                  <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">
2277  <path d="M11 5.5L7 9.5L3 5.5" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
2278</svg>
2279</span>
2280                </summary>
2281
2282                <div
2283                  class="menu-drawer__submenu has-submenu color-scheme-1"
2284                  style=""
2285                >
2286                  <div
2287                    class="menu-drawer__nav-buttons"
2288                    ref="navButtons"
2289                  >
2290                    <button
2291                      class="button menu-drawer__back-button link focus-inset"
2292                      on:click="header-drawer/back"
2293                    >
2294                      <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">
2295  <path d="M11 5.5L7 9.5L3 5.5" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
2296</svg>
2297</span>
2298                      Region and language
2299                    </button>
2300                    <button
2301                      class="button close-button menu-drawer__close-button"
2302                      type="button"
2303                      aria-label="Close"
2304                      on:click="header-drawer/close"
2305                    >
2306                      <span class="svg-wrapper header-drawer-icon header-drawer-icon--close"><svg aria-hidden="true" width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
2307  <path d="M12 2L2 12" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
2308  <path d="M12 12L2 2" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
2309</svg>
2310</span>
2311                    </button>
2312                  </div>
2313
2314                  
2315<localization-form-component
2316  ref="localizationForm"
2317  data-label-results-count="[count] results"
2318  data-show-filter="true"
2319  style="--menu-localization-font: var(--font-body--family); --color-shadow: rgb(var(--color-foreground-rgb) / var(--opacity-10-25));"
2320>
2321  
2322<form method="post" action="/localization" id="LocalizationForm" accept-charset="UTF-8" class="localization-form" enctype="multipart/form-data" ref="form" aria-label="Region and language"><input type="hidden" name="form_type" value="localization" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="_method" value="put" />
2323      
2324        <div class="country-filter">
2325          <div class="field">
2326            <div class="country-filter__search-icon field__button">
2327              <span class="svg-wrapper">
2328                <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>
2329
2330              </span>
2331            </div>
2332            <input
2333              class="country-filter__input"
2334              id="country-filter-input"
2335              type="search"
2336              name="country_filter"
2337              value=""
2338              placeholder="Search"
2339              role="combobox"
2340              aria-owns="country-results"
2341              aria-controls="country-results"
2342              aria-haspopup="listbox"
2343              aria-autocomplete="list"
2344              aria-label="Find country"
2345              autocorrect="off"
2346              autocomplete="off"
2347              autocapitalize="off"
2348              spellcheck="false"
2349              ref="search"
2350              on:keyup="/filterCountries"
2351            >
2352            <label
2353              class="field__label visually-hidden"
2354              for="country-filter-input"
2355            >Search</label>
2356            <button
2357              type="reset"
2358              class="button button-unstyled country-filter__reset-button field__button"
2359              aria-label="Reset"
2360              ref="resetButton"
2361              hidden
2362              on:click="/resetCountriesFilter"
2363            >
2364              <span class="svg-wrapper">
2365                <svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><circle cx="10" cy="10" r="6.25" 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 7.5-5 5M12.5 12.5l-5-5"/></svg>
2366
2367              </span>
2368            </button>
2369          </div>
2370        </div>
2371      
2372      <div class="country-selector-form__wrapper">
2373        <h2
2374          class="visually-hidden"
2375          id="drawer-CountryLabel"
2376        >
2377          Country/Region
2378        </h2>
2379        
2380          <div
2381            id="sr-country-search-results-AajQzQUpucG9XWXlpT__header-menu-1"
2382            class="visually-hidden"
2383            aria-live="polite"
2384            ref="liveRegion"
2385          ></div>
2386        
2387        <div
2388          class="localization-form__list"
2389          id="drawer-country-results"
2390          ref="countryList"
2391        >
2392          
2393          <ul
2394            role="list"
2395            class="list-unstyled countries"
2396          >
2397            <span
2398              class="localization-form__list-item localization-form__list-item-disabled"
2399              id="no-results-message"
2400              ref="noResultsMessage"
2401              hidden
2402            >No results found</span>
2403              <li
2404                class="localization-form__list-item"
2405                
2406                data-value="AU"
2407                
2408                  data-aliases=""
2409                
2410                id="Australia"
2411                aria-label="Australia"
2412                role="option"
2413                tabindex="-1"
2414                ref="countryListItems[]"
2415                on:click="/selectCountry/AU"
2416              >
2417                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
2418<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
2419</svg>
2420</span>
2421                <span class="country">Australia</span>
2422                <span
2423                  class="localization-form__currency"
2424                  
2425                >
2426                  AUD
2427                  $</span>
2428              </li>
2429              <li
2430                class="localization-form__list-item"
2431                
2432                data-value="AT"
2433                
2434                  data-aliases=""
2435                
2436                id="Austria"
2437                aria-label="Austria"
2438                role="option"
2439                tabindex="-1"
2440                ref="countryListItems[]"
2441                on:click="/selectCountry/AT"
2442              >
2443                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
2444<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
2445</svg>
2446</span>
2447                <span class="country">Austria</span>
2448                <span
2449                  class="localization-form__currency"
2450                  
2451                >
2452                  EUR
2453                  €</span>
2454              </li>
2455              <li
2456                class="localization-form__list-item"
2457                
2458                data-value="BE"
2459                
2460                  data-aliases=""
2461                
2462                id="Belgium"
2463                aria-label="Belgium"
2464                role="option"
2465                tabindex="-1"
2466                ref="countryListItems[]"
2467                on:click="/selectCountry/BE"
2468              >
2469                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
2470<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
2471</svg>
2472</span>
2473                <span class="country">Belgium</span>
2474                <span
2475                  class="localization-form__currency"
2476                  
2477                >
2478                  EUR
2479                  €</span>
2480              </li>
2481              <li
2482                class="localization-form__list-item"
2483                
2484                data-value="CA"
2485                
2486                  data-aliases=""
2487                
2488                id="Canada"
2489                aria-label="Canada"
2490                role="option"
2491                tabindex="-1"
2492                ref="countryListItems[]"
2493                on:click="/selectCountry/CA"
2494              >
2495                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
2496<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
2497</svg>
2498</span>
2499                <span class="country">Canada</span>
2500                <span
2501                  class="localization-form__currency"
2502                  
2503                >
2504                  CAD
2505                  $</span>
2506              </li>
2507              <li
2508                class="localization-form__list-item"
2509                
2510                data-value="CZ"
2511                
2512                  data-aliases=""
2513                
2514                id="Czechia"
2515                aria-label="Czechia"
2516                role="option"
2517                tabindex="-1"
2518                ref="countryListItems[]"
2519                on:click="/selectCountry/CZ"
2520              >
2521                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
2522<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
2523</svg>
2524</span>
2525                <span class="country">Czechia</span>
2526                <span
2527                  class="localization-form__currency"
2528                  
2529                >
2530                  CZK
2531                  Kč</span>
2532              </li>
2533              <li
2534                class="localization-form__list-item"
2535                
2536                data-value="DK"
2537                
2538                  data-aliases=""
2539                
2540                id="Denmark"
2541                aria-label="Denmark"
2542                role="option"
2543                tabindex="-1"
2544                ref="countryListItems[]"
2545                on:click="/selectCountry/DK"
2546              >
2547                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
2548<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
2549</svg>
2550</span>
2551                <span class="country">Denmark</span>
2552                <span
2553                  class="localization-form__currency"
2554                  
2555                >
2556                  DKK
2557                  kr.</span>
2558              </li>
2559              <li
2560                class="localization-form__list-item"
2561                
2562                data-value="FI"
2563                
2564                  data-aliases=""
2565                
2566                id="Finland"
2567                aria-label="Finland"
2568                role="option"
2569                tabindex="-1"
2570                ref="countryListItems[]"
2571                on:click="/selectCountry/FI"
2572              >
2573                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
2574<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
2575</svg>
2576</span>
2577                <span class="country">Finland</span>
2578                <span
2579                  class="localization-form__currency"
2580                  
2581                >
2582                  EUR
2583                  €</span>
2584              </li>
2585              <li
2586                class="localization-form__list-item"
2587                
2588                data-value="FR"
2589                
2590                  data-aliases=""
2591                
2592                id="France"
2593                aria-label="France"
2594                role="option"
2595                tabindex="-1"
2596                ref="countryListItems[]"
2597                on:click="/selectCountry/FR"
2598              >
2599                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
2600<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
2601</svg>
2602</span>
2603                <span class="country">France</span>
2604                <span
2605                  class="localization-form__currency"
2606                  
2607                >
2608                  EUR
2609                  €</span>
2610              </li>
2611              <li
2612                class="localization-form__list-item"
2613                
2614                data-value="DE"
2615                
2616                  data-aliases=""
2617                
2618                id="Germany"
2619                aria-label="Germany"
2620                role="option"
2621                tabindex="-1"
2622                ref="countryListItems[]"
2623                on:click="/selectCountry/DE"
2624              >
2625                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
2626<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
2627</svg>
2628</span>
2629                <span class="country">Germany</span>
2630                <span
2631                  class="localization-form__currency"
2632                  
2633                >
2634                  EUR
2635                  €</span>
2636              </li>
2637              <li
2638                class="localization-form__list-item"
2639                
2640                data-value="HK"
2641                
2642                  data-aliases=""
2643                
2644                id="Hong Kong SAR"
2645                aria-label="Hong Kong SAR"
2646                role="option"
2647                tabindex="-1"
2648                ref="countryListItems[]"
2649                on:click="/selectCountry/HK"
2650              >
2651                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
2652<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
2653</svg>
2654</span>
2655                <span class="country">Hong Kong SAR</span>
2656                <span
2657                  class="localization-form__currency"
2658                  
2659                >
2660                  HKD
2661                  $</span>
2662              </li>
2663              <li
2664                class="localization-form__list-item"
2665                
2666                data-value="IE"
2667                
2668                  data-aliases=""
2669                
2670                id="Ireland"
2671                aria-label="Ireland"
2672                role="option"
2673                tabindex="-1"
2674                ref="countryListItems[]"
2675                on:click="/selectCountry/IE"
2676              >
2677                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
2678<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
2679</svg>
2680</span>
2681                <span class="country">Ireland</span>
2682                <span
2683                  class="localization-form__currency"
2684                  
2685                >
2686                  EUR
2687                  €</span>
2688              </li>
2689              <li
2690                class="localization-form__list-item"
2691                
2692                data-value="IL"
2693                
2694                  data-aliases=""
2695                
2696                id="Israel"
2697                aria-label="Israel"
2698                role="option"
2699                tabindex="-1"
2700                ref="countryListItems[]"
2701                on:click="/selectCountry/IL"
2702              >
2703                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
2704<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
2705</svg>
2706</span>
2707                <span class="country">Israel</span>
2708                <span
2709                  class="localization-form__currency"
2710                  
2711                >
2712                  ILS
2713                  ₪</span>
2714              </li>
2715              <li
2716                class="localization-form__list-item"
2717                
2718                data-value="IT"
2719                
2720                  data-aliases=""
2721                
2722                id="Italy"
2723                aria-label="Italy"
2724                role="option"
2725                tabindex="-1"
2726                ref="countryListItems[]"
2727                on:click="/selectCountry/IT"
2728              >
2729                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
2730<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
2731</svg>
2732</span>
2733                <span class="country">Italy</span>
2734                <span
2735                  class="localization-form__currency"
2736                  
2737                >
2738                  EUR
2739                  €</span>
2740              </li>
2741              <li
2742                class="localization-form__list-item"
2743                
2744                data-value="JP"
2745                
2746                  data-aliases=""
2747                
2748                id="Japan"
2749                aria-label="Japan"
2750                role="option"
2751                tabindex="-1"
2752                ref="countryListItems[]"
2753                on:click="/selectCountry/JP"
2754              >
2755                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
2756<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
2757</svg>
2758</span>
2759                <span class="country">Japan</span>
2760                <span
2761                  class="localization-form__currency"
2762                  
2763                >
2764                  JPY
2765                  ¥</span>
2766              </li>
2767              <li
2768                class="localization-form__list-item"
2769                
2770                data-value="MY"
2771                
2772                  data-aliases=""
2773                
2774                id="Malaysia"
2775                aria-label="Malaysia"
2776                role="option"
2777                tabindex="-1"
2778                ref="countryListItems[]"
2779                on:click="/selectCountry/MY"
2780              >
2781                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
2782<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
2783</svg>
2784</span>
2785                <span class="country">Malaysia</span>
2786                <span
2787                  class="localization-form__currency"
2788                  
2789                >
2790                  MYR
2791                  RM</span>
2792              </li>
2793              <li
2794                class="localization-form__list-item"
2795                
2796                  aria-current="true"
2797                
2798                data-value="NL"
2799                
2800                  data-aliases=""
2801                
2802                id="Netherlands"
2803                aria-label="Netherlands"
2804                role="option"
2805                tabindex="-1"
2806                ref="countryListItems[]"
2807                on:click="/selectCountry/NL"
2808              >
2809                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
2810<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
2811</svg>
2812</span>
2813                <span class="country">Netherlands</span>
2814                <span
2815                  class="localization-form__currency"
2816                  
2817                >
2818                  EUR
2819                  €</span>
2820              </li>
2821              <li
2822                class="localization-form__list-item"
2823                
2824                data-value="NZ"
2825                
2826                  data-aliases=""
2827                
2828                id="New Zealand"
2829                aria-label="New Zealand"
2830                role="option"
2831                tabindex="-1"
2832                ref="countryListItems[]"
2833                on:click="/selectCountry/NZ"
2834              >
2835                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
2836<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
2837</svg>
2838</span>
2839                <span class="country">New Zealand</span>
2840                <span
2841                  class="localization-form__currency"
2842                  
2843                >
2844                  NZD
2845                  $</span>
2846              </li>
2847              <li
2848                class="localization-form__list-item"
2849                
2850                data-value="NO"
2851                
2852                  data-aliases=""
2853                
2854                id="Norway"
2855                aria-label="Norway"
2856                role="option"
2857                tabindex="-1"
2858                ref="countryListItems[]"
2859                on:click="/selectCountry/NO"
2860              >
2861                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
2862<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
2863</svg>
2864</span>
2865                <span class="country">Norway</span>
2866                <span
2867                  class="localization-form__currency"
2868                  
2869                >
2870                  USD
2871                  $</span>
2872              </li>
2873              <li
2874                class="localization-form__list-item"
2875                
2876                data-value="PL"
2877                
2878                  data-aliases=""
2879                
2880                id="Poland"
2881                aria-label="Poland"
2882                role="option"
2883                tabindex="-1"
2884                ref="countryListItems[]"
2885                on:click="/selectCountry/PL"
2886              >
2887                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
2888<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
2889</svg>
2890</span>
2891                <span class="country">Poland</span>
2892                <span
2893                  class="localization-form__currency"
2894                  
2895                >
2896                  PLN
2897                  zł</span>
2898              </li>
2899              <li
2900                class="localization-form__list-item"
2901                
2902                data-value="PT"
2903                
2904                  data-aliases=""
2905                
2906                id="Portugal"
2907                aria-label="Portugal"
2908                role="option"
2909                tabindex="-1"
2910                ref="countryListItems[]"
2911                on:click="/selectCountry/PT"
2912              >
2913                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
2914<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
2915</svg>
2916</span>
2917                <span class="country">Portugal</span>
2918                <span
2919                  class="localization-form__currency"
2920                  
2921                >
2922                  EUR
2923                  €</span>
2924              </li>
2925              <li
2926                class="localization-form__list-item"
2927                
2928                data-value="SG"
2929                
2930                  data-aliases=""
2931                
2932                id="Singapore"
2933                aria-label="Singapore"
2934                role="option"
2935                tabindex="-1"
2936                ref="countryListItems[]"
2937                on:click="/selectCountry/SG"
2938              >
2939                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
2940<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
2941</svg>
2942</span>
2943                <span class="country">Singapore</span>
2944                <span
2945                  class="localization-form__currency"
2946                  
2947                >
2948                  SGD
2949                  $</span>
2950              </li>
2951              <li
2952                class="localization-form__list-item"
2953                
2954                data-value="KR"
2955                
2956                  data-aliases=""
2957                
2958                id="South Korea"
2959                aria-label="South Korea"
2960                role="option"
2961                tabindex="-1"
2962                ref="countryListItems[]"
2963                on:click="/selectCountry/KR"
2964              >
2965                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
2966<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
2967</svg>
2968</span>
2969                <span class="country">South Korea</span>
2970                <span
2971                  class="localization-form__currency"
2972                  
2973                >
2974                  KRW
2975                  ₩</span>
2976              </li>
2977              <li
2978                class="localization-form__list-item"
2979                
2980                data-value="ES"
2981                
2982                  data-aliases=""
2983                
2984                id="Spain"
2985                aria-label="Spain"
2986                role="option"
2987                tabindex="-1"
2988                ref="countryListItems[]"
2989                on:click="/selectCountry/ES"
2990              >
2991                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
2992<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
2993</svg>
2994</span>
2995                <span class="country">Spain</span>
2996                <span
2997                  class="localization-form__currency"
2998                  
2999                >
3000                  EUR
3001                  €</span>
3002              </li>
3003              <li
3004                class="localization-form__list-item"
3005                
3006                data-value="SE"
3007                
3008                  data-aliases=""
3009                
3010                id="Sweden"
3011                aria-label="Sweden"
3012                role="option"
3013                tabindex="-1"
3014                ref="countryListItems[]"
3015                on:click="/selectCountry/SE"
3016              >
3017                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
3018<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
3019</svg>
3020</span>
3021                <span class="country">Sweden</span>
3022                <span
3023                  class="localization-form__currency"
3024                  
3025                >
3026                  SEK
3027                  kr</span>
3028              </li>
3029              <li
3030                class="localization-form__list-item"
3031                
3032                data-value="CH"
3033                
3034                  data-aliases=""
3035                
3036                id="Switzerland"
3037                aria-label="Switzerland"
3038                role="option"
3039                tabindex="-1"
3040                ref="countryListItems[]"
3041                on:click="/selectCountry/CH"
3042              >
3043                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
3044<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
3045</svg>
3046</span>
3047                <span class="country">Switzerland</span>
3048                <span
3049                  class="localization-form__currency"
3050                  
3051                >
3052                  CHF
3053                  CHF</span>
3054              </li>
3055              <li
3056                class="localization-form__list-item"
3057                
3058                data-value="AE"
3059                
3060                  data-aliases=""
3061                
3062                id="United Arab Emirates"
3063                aria-label="United Arab Emirates"
3064                role="option"
3065                tabindex="-1"
3066                ref="countryListItems[]"
3067                on:click="/selectCountry/AE"
3068              >
3069                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
3070<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
3071</svg>
3072</span>
3073                <span class="country">United Arab Emirates</span>
3074                <span
3075                  class="localization-form__currency"
3076                  
3077                >
3078                  AED
3079                  د.إ</span>
3080              </li>
3081              <li
3082                class="localization-form__list-item"
3083                
3084                data-value="GB"
3085                
3086                  data-aliases="uk,gb,great britain"
3087                
3088                id="United Kingdom"
3089                aria-label="United Kingdom"
3090                role="option"
3091                tabindex="-1"
3092                ref="countryListItems[]"
3093                on:click="/selectCountry/GB"
3094              >
3095                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
3096<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
3097</svg>
3098</span>
3099                <span class="country">United Kingdom</span>
3100                <span
3101                  class="localization-form__currency"
3102                  
3103                >
3104                  GBP
3105                  £</span>
3106              </li>
3107              <li
3108                class="localization-form__list-item"
3109                
3110                data-value="US"
3111                
3112                  data-aliases="us,usa,america,united states of america"
3113                
3114                id="United States"
3115                aria-label="United States"
3116                role="option"
3117                tabindex="-1"
3118                ref="countryListItems[]"
3119                on:click="/selectCountry/US"
3120              >
3121                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
3122<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
3123</svg>
3124</span>
3125                <span class="country">United States</span>
3126                <span
3127                  class="localization-form__currency"
3128                  
3129                >
3130                  USD
3131                  $</span>
3132              </li></ul>
3133        </div>
3134        <div class="country-selector__overlay"></div>
3135        <input
3136          type="hidden"
3137          name="country_code"
3138          value="NL"
3139          ref="countryInput"
3140        >
3141      </div>
3142    
3143
3144    
3145</form></localization-form-component>
3146
3147
3148
3149                </div>
3150              </details>
3151            </drawer-localization-component>
3152          
3153</div>
3154
3155      
3156    </div>
3157    <div
3158      class="menu-drawer__backdrop"
3159      on:click="header-drawer/close"
3160    ></div>
3161  </details>
3162</header-drawer>
3163
3164
3165
3166    </div>
3167
3168  
3169
3170<style data-shopify>
3171  .header__underlay {
3172    --color-submenu: rgb(255 255 255 / 1.0);
3173  }
3174</style>
3175
3176
3177
3178
3179            
3180        
3181      
3182        
3183          
3184              
3185  <search-button
3186    class="search-action search-action--hidden-on-menu"
3187  >
3188    <button
3189      on:click="#search-modal/showDialog"
3190      class="button-unstyled header-actions__action"
3191      aria-label="Search"
3192      aria-haspopup="dialog"
3193    >
3194      <span class="hidden">
3195        Search
3196      </span>
3197
3198      <span class="svg-wrapper ">
3199        <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>
3200
3201      </span>
3202    </button>
3203  </search-button>
3204
3205
3206
3207
3208            
3209        
3210      
3211        
3212          
3213              
3214
3215
3216
3217    
3218
3219    
3220
3221    <header-menu
3222      ref="headerMenu"
3223      class="header-menu"
3224      
3225      data-hydration-key="header-menu"
3226    >
3227      <div class="header-menu__inner">
3228        <nav
3229          class="menu-list"
3230          aria-label="Primary"
3231          style="--menu-top-level-font-family: var(--font-primary--family);
3232--menu-top-level-font-size-desktop: var(--font-size--body-sm); --menu-top-level-font-style: var(--font-primary--style); --menu-top-level-font-weight: var(--font-primary--weight); --menu-top-level-font-case:uppercase;
3233
3234  --menu-top-level-font-size: var(--menu-font-sm--size); --menu-top-level-font-line-height:
3235  var(--menu-font-sm--line-height);
3236
3237--menu-top-level-font-color: var(--color-foreground); --menu-top-level-font-color-rgb: var(--color-foreground-rgb);
3238"
3239        >
3240          
3241          <overflow-list
3242  
3243    ref="overflowMenu"
3244  
3245  
3246    class="overflow-menu color-scheme-1 color-scheme-matches-parent"
3247  
3248  
3249    minimum-items="2"
3250  
3251  
3252    data-testid="header-menu-overflow-list"
3253  
3254  
3255    data-skip-node-update
3256  
3257>
3258  <template shadowrootmode="open">
3259    <link href="//www.hairylittlethings.com/cdn/shop/t/5/assets/overflow-list.css?v=16727044177065489451774184382" rel="stylesheet" type="text/css" media="all" />
3260
3261    <ul part="list">
3262      <slot></slot>
3263      <slot
3264        name="more"
3265        part="more"
3266        hidden
3267        
3268      >
3269        <li
3270          part="more"
3271        >
3272          <button
3273            class="button"
3274            type="button"
3275            tabindex="0"
3276            
3277          >
3278            More
3279          </button>
3280        </li>
3281      </slot>
3282      <li
3283        part="placeholder"
3284        hidden
3285      ></li>
3286    </ul>
3287
3288    <div part="overflow">
3289      <ul part="overflow-list">
3290        <slot name="overflow"></slot>
3291      </ul>
3292    </div>
3293  </template>
3294
3295  
3296      
3297        <li
3298          role="presentation"
3299          class="menu-list__list-item"
3300          on:focus="/activate"
3301          on:blur="/deactivate"
3302          on:pointerenter="/activate"
3303          on:pointerleave="/deactivate"
3304        >
3305          <a
3306            href="/"
3307            data-skip-node-update="true"
3308            class="menu-list__link"
3309            ref="menuitem"
3310          >
3311            <span class="menu-list__link-title">Home</span>
3312          </a></li>
3313      
3314        <li
3315          role="presentation"
3316          class="menu-list__list-item"
3317          on:focus="/activate"
3318          on:blur="/deactivate"
3319          on:pointerenter="/activate"
3320          on:pointerleave="/deactivate"
3321        >
3322          <a
3323            href="/collections/all"
3324            data-skip-node-update="true"
3325            class="menu-list__link"
3326            ref="menuitem"
3327          >
3328            <span class="menu-list__link-title">Shop</span>
3329          </a></li>
3330      
3331        <li
3332          role="presentation"
3333          class="menu-list__list-item"
3334          on:focus="/activate"
3335          on:blur="/deactivate"
3336          on:pointerenter="/activate"
3337          on:pointerleave="/deactivate"
3338        >
3339          <a
3340            href="https://booking.mangomint.com/677649"
3341            data-skip-node-update="true"
3342            class="menu-list__link"
3343            ref="menuitem"
3344          >
3345            <span class="menu-list__link-title">Book Now</span>
3346          </a></li>
3347      
3348        <li
3349          role="presentation"
3350          class="menu-list__list-item"
3351          on:focus="/activate"
3352          on:blur="/deactivate"
3353          on:pointerenter="/activate"
3354          on:pointerleave="/deactivate"
3355        >
3356          <a
3357            href="/pages/services"
3358            data-skip-node-update="true"
3359            class="menu-list__link"
3360            ref="menuitem"
3361          >
3362            <span class="menu-list__link-title">Services</span>
3363          </a></li>
3364      
3365        <li
3366          role="presentation"
3367          class="menu-list__list-item"
3368          on:focus="/activate"
3369          on:blur="/deactivate"
3370          on:pointerenter="/activate"
3371          on:pointerleave="/deactivate"
3372        >
3373          <a
3374            href="/pages/artists"
3375            data-skip-node-update="true"
3376            class="menu-list__link"
3377            ref="menuitem"
3378          >
3379            <span class="menu-list__link-title">Artists</span>
3380          </a></li>
3381      
3382        <li
3383          role="presentation"
3384          class="menu-list__list-item"
3385          on:focus="/activate"
3386          on:blur="/deactivate"
3387          on:pointerenter="/activate"
3388          on:pointerleave="/deactivate"
3389        >
3390          <a
3391            href="/pages/contact"
3392            data-skip-node-update="true"
3393            class="menu-list__link"
3394            ref="menuitem"
3395          >
3396            <span class="menu-list__link-title">Contact</span>
3397          </a></li>
3398      
3399      <li
3400        class="menu-list__list-item"
3401        role="presentation"
3402        slot="more"
3403        on:focus="/activate"
3404        on:blur="/deactivate"
3405        on:pointerenter="/activate"
3406        on:pointerleave="/deactivate"
3407      >
3408        <button role="listitem" class="menu-list__link button-unstyled">
3409          <span class="menu-list__link-title">More</span>
3410        </button>
3411      </li>
3412    
3413</overflow-list>
3414
3415        </nav>
3416      </div>
3417
3418      
3418<script
3419        src="//www.hairylittlethings.com/cdn/shop/t/5/assets/header-menu.js?v=97820922056036071501774184382"
3420        type="module"
3421        fetchpriority="low"
3422      ></script>
3422
3423    </header-menu>
3424
3425
3426<style data-shopify>
3427  .header__underlay {
3428    --color-submenu: rgb(255 255 255 / 1.0);
3429  }
3430</style>
3431
3432
3433
3434
3435            
3436        
3437      
3438    </div><div
3439      class="header__column header__column--center"
3440      data-testid="header-top-center"
3441    >
3442      
3443        
3444          
3445              
3446
3447
3448
3449
3450<a
3451  
3452  href="/"
3453  class="size-style spacing-style header-logo"
3454  style="
3455    --size-style-width: ;--size-style-height: ;
3456    --padding-block-start: 0px;--padding-block-end: 0px;
3457    --font-family: var(--font-body--family);
3458    --font-style: var(--font-body--style);
3459    --font-weight: 600;
3460  "
3461  
3462>
3463  
3464
3465  <span
3466    class="header-logo__image-container header-logo__image-container--original"
3467    data-testid="header-logo"
3468  >
3469    
3470  
3471  
3472  
3473  
3474
3475  
3476
3477  
3478
3479  
3480
3481  <img src="//www.hairylittlethings.com/cdn/shop/files/Black_and_Cream_Beauty_and_Fashion_Logo_1.png?height=36&amp;v=1773926619" alt="Translation missing: en.Hairy Little Things accessibility.home" width="64" height="36" class="header-logo__image" srcset="//www.hairylittlethings.com/cdn/shop/files/Black_and_Cream_Beauty_and_Fashion_Logo_1.png?height=36&amp;v=1773926619 1x, //www.hairylittlethings.com/cdn/shop/files/Black_and_Cream_Beauty_and_Fashion_Logo_1.png?height=72&amp;v=1773926619 2x, //www.hairylittlethings.com/cdn/shop/files/Black_and_Cream_Beauty_and_Fashion_Logo_1.png?height=108&amp;v=1773926619 3x" style="--header-logo-image-width: 64px;--header-logo-image-width-mobile: 50px; --header-logo-image-height: 36px; --header-logo-image-height-mobile: 28px;">
3482
3483
3484  </span>
3485
3486  
3487</a>
3488
3489
3490
3491
3492
3493            
3494        
3495      
3496    </div><div
3497      class="header__column header__column--right"
3498      data-testid="header-top-right"
3499    >
3500      
3501        
3502          
3503              
3504  
3505  
3506    <dropdown-localization-component
3507      class="dropdown-localization mobile:hidden"
3508    >
3509      <button
3510        type="button"
3511        class="button dropdown-localization__button localization-selector header-actions__action"
3512        aria-expanded="false"
3513        aria-controls="dropdown-localization-results"
3514        ref="button"
3515        on:click="/toggleSelector"
3516        style="--menu-localization-font: var(--font-body--family);  --menu-localization-font-size: 0.875rem; "
3517      >
3518        
3519          
3520          <span
3521            class="currency-code"
3522            data-testid="localization-currency-code"
3523          >EUR</span>
3524        
3525        <span
3526          class="visually-hidden"
3527          data-testid="localization-visually-hidden"
3528        >Region and language selector</span><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">
3529  <path d="M11 5.5L7 9.5L3 5.5" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
3530</svg>
3531</span>
3532      </button>
3533
3534      <div
3535        class="localization-wrapper right-bound color-scheme-1"
3536        hidden
3537        ref="panel"
3538      >
3539        
3540<localization-form-component
3541  ref="localizationForm"
3542  data-label-results-count="[count] results"
3543  data-show-filter="true"
3544  style="--menu-localization-font: var(--font-body--family); --menu-localization-font-size: 0.875rem; --color-shadow: rgb(var(--color-foreground-rgb) / var(--opacity-10-25));"
3545>
3546  
3547<form method="post" action="/localization" id="LocalizationForm" accept-charset="UTF-8" class="localization-form" enctype="multipart/form-data" ref="form" aria-label="Region and language"><input type="hidden" name="form_type" value="localization" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="_method" value="put" />
3548      
3549        <div class="country-filter">
3550          <div class="field">
3551            <div class="country-filter__search-icon field__button">
3552              <span class="svg-wrapper">
3553                <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>
3554
3555              </span>
3556            </div>
3557            <input
3558              class="country-filter__input"
3559              id="country-filter-input"
3560              type="search"
3561              name="country_filter"
3562              value=""
3563              placeholder="Search"
3564              role="combobox"
3565              aria-owns="country-results"
3566              aria-controls="country-results"
3567              aria-haspopup="listbox"
3568              aria-autocomplete="list"
3569              aria-label="Find country"
3570              autocorrect="off"
3571              autocomplete="off"
3572              autocapitalize="off"
3573              spellcheck="false"
3574              ref="search"
3575              on:keyup="/filterCountries"
3576            >
3577            <label
3578              class="field__label visually-hidden"
3579              for="country-filter-input"
3580            >Search</label>
3581            <button
3582              type="reset"
3583              class="button button-unstyled country-filter__reset-button field__button"
3584              aria-label="Reset"
3585              ref="resetButton"
3586              hidden
3587              on:click="/resetCountriesFilter"
3588            >
3589              <span class="svg-wrapper">
3590                <svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><circle cx="10" cy="10" r="6.25" 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 7.5-5 5M12.5 12.5l-5-5"/></svg>
3591
3592              </span>
3593            </button>
3594          </div>
3595        </div>
3596      
3597      <div class="country-selector-form__wrapper">
3598        <h2
3599          class="visually-hidden"
3600          id="dropdown-CountryLabel"
3601        >
3602          Country/Region
3603        </h2>
3604        
3605          <div
3606            id="sr-country-search-results-sections--22279579336944__header_section"
3607            class="visually-hidden"
3608            aria-live="polite"
3609            ref="liveRegion"
3610          ></div>
3611        
3612        <div
3613          class="localization-form__list"
3614          id="dropdown-country-results"
3615          ref="countryList"
3616        >
3617          
3618          <ul
3619            role="list"
3620            class="list-unstyled countries"
3621          >
3622            <span
3623              class="localization-form__list-item localization-form__list-item-disabled"
3624              id="no-results-message"
3625              ref="noResultsMessage"
3626              hidden
3627            >No results found</span>
3628              <li
3629                class="localization-form__list-item"
3630                
3631                data-value="AU"
3632                
3633                  data-aliases=""
3634                
3635                id="Australia"
3636                aria-label="Australia"
3637                role="option"
3638                tabindex="-1"
3639                ref="countryListItems[]"
3640                on:click="/selectCountry/AU"
3641              >
3642                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
3643<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
3644</svg>
3645</span>
3646                <span class="country">Australia</span>
3647                <span
3648                  class="localization-form__currency"
3649                  
3650                >
3651                  AUD
3652                  $</span>
3653              </li>
3654              <li
3655                class="localization-form__list-item"
3656                
3657                data-value="AT"
3658                
3659                  data-aliases=""
3660                
3661                id="Austria"
3662                aria-label="Austria"
3663                role="option"
3664                tabindex="-1"
3665                ref="countryListItems[]"
3666                on:click="/selectCountry/AT"
3667              >
3668                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
3669<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
3670</svg>
3671</span>
3672                <span class="country">Austria</span>
3673                <span
3674                  class="localization-form__currency"
3675                  
3676                >
3677                  EUR
3678                  €</span>
3679              </li>
3680              <li
3681                class="localization-form__list-item"
3682                
3683                data-value="BE"
3684                
3685                  data-aliases=""
3686                
3687                id="Belgium"
3688                aria-label="Belgium"
3689                role="option"
3690                tabindex="-1"
3691                ref="countryListItems[]"
3692                on:click="/selectCountry/BE"
3693              >
3694                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
3695<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
3696</svg>
3697</span>
3698                <span class="country">Belgium</span>
3699                <span
3700                  class="localization-form__currency"
3701                  
3702                >
3703                  EUR
3704                  €</span>
3705              </li>
3706              <li
3707                class="localization-form__list-item"
3708                
3709                data-value="CA"
3710                
3711                  data-aliases=""
3712                
3713                id="Canada"
3714                aria-label="Canada"
3715                role="option"
3716                tabindex="-1"
3717                ref="countryListItems[]"
3718                on:click="/selectCountry/CA"
3719              >
3720                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
3721<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
3722</svg>
3723</span>
3724                <span class="country">Canada</span>
3725                <span
3726                  class="localization-form__currency"
3727                  
3728                >
3729                  CAD
3730                  $</span>
3731              </li>
3732              <li
3733                class="localization-form__list-item"
3734                
3735                data-value="CZ"
3736                
3737                  data-aliases=""
3738                
3739                id="Czechia"
3740                aria-label="Czechia"
3741                role="option"
3742                tabindex="-1"
3743                ref="countryListItems[]"
3744                on:click="/selectCountry/CZ"
3745              >
3746                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
3747<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
3748</svg>
3749</span>
3750                <span class="country">Czechia</span>
3751                <span
3752                  class="localization-form__currency"
3753                  
3754                >
3755                  CZK
3756                  Kč</span>
3757              </li>
3758              <li
3759                class="localization-form__list-item"
3760                
3761                data-value="DK"
3762                
3763                  data-aliases=""
3764                
3765                id="Denmark"
3766                aria-label="Denmark"
3767                role="option"
3768                tabindex="-1"
3769                ref="countryListItems[]"
3770                on:click="/selectCountry/DK"
3771              >
3772                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
3773<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
3774</svg>
3775</span>
3776                <span class="country">Denmark</span>
3777                <span
3778                  class="localization-form__currency"
3779                  
3780                >
3781                  DKK
3782                  kr.</span>
3783              </li>
3784              <li
3785                class="localization-form__list-item"
3786                
3787                data-value="FI"
3788                
3789                  data-aliases=""
3790                
3791                id="Finland"
3792                aria-label="Finland"
3793                role="option"
3794                tabindex="-1"
3795                ref="countryListItems[]"
3796                on:click="/selectCountry/FI"
3797              >
3798                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
3799<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
3800</svg>
3801</span>
3802                <span class="country">Finland</span>
3803                <span
3804                  class="localization-form__currency"
3805                  
3806                >
3807                  EUR
3808                  €</span>
3809              </li>
3810              <li
3811                class="localization-form__list-item"
3812                
3813                data-value="FR"
3814                
3815                  data-aliases=""
3816                
3817                id="France"
3818                aria-label="France"
3819                role="option"
3820                tabindex="-1"
3821                ref="countryListItems[]"
3822                on:click="/selectCountry/FR"
3823              >
3824                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
3825<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
3826</svg>
3827</span>
3828                <span class="country">France</span>
3829                <span
3830                  class="localization-form__currency"
3831                  
3832                >
3833                  EUR
3834                  €</span>
3835              </li>
3836              <li
3837                class="localization-form__list-item"
3838                
3839                data-value="DE"
3840                
3841                  data-aliases=""
3842                
3843                id="Germany"
3844                aria-label="Germany"
3845                role="option"
3846                tabindex="-1"
3847                ref="countryListItems[]"
3848                on:click="/selectCountry/DE"
3849              >
3850                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
3851<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
3852</svg>
3853</span>
3854                <span class="country">Germany</span>
3855                <span
3856                  class="localization-form__currency"
3857                  
3858                >
3859                  EUR
3860                  €</span>
3861              </li>
3862              <li
3863                class="localization-form__list-item"
3864                
3865                data-value="HK"
3866                
3867                  data-aliases=""
3868                
3869                id="Hong Kong SAR"
3870                aria-label="Hong Kong SAR"
3871                role="option"
3872                tabindex="-1"
3873                ref="countryListItems[]"
3874                on:click="/selectCountry/HK"
3875              >
3876                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
3877<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
3878</svg>
3879</span>
3880                <span class="country">Hong Kong SAR</span>
3881                <span
3882                  class="localization-form__currency"
3883                  
3884                >
3885                  HKD
3886                  $</span>
3887              </li>
3888              <li
3889                class="localization-form__list-item"
3890                
3891                data-value="IE"
3892                
3893                  data-aliases=""
3894                
3895                id="Ireland"
3896                aria-label="Ireland"
3897                role="option"
3898                tabindex="-1"
3899                ref="countryListItems[]"
3900                on:click="/selectCountry/IE"
3901              >
3902                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
3903<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
3904</svg>
3905</span>
3906                <span class="country">Ireland</span>
3907                <span
3908                  class="localization-form__currency"
3909                  
3910                >
3911                  EUR
3912                  €</span>
3913              </li>
3914              <li
3915                class="localization-form__list-item"
3916                
3917                data-value="IL"
3918                
3919                  data-aliases=""
3920                
3921                id="Israel"
3922                aria-label="Israel"
3923                role="option"
3924                tabindex="-1"
3925                ref="countryListItems[]"
3926                on:click="/selectCountry/IL"
3927              >
3928                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
3929<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
3930</svg>
3931</span>
3932                <span class="country">Israel</span>
3933                <span
3934                  class="localization-form__currency"
3935                  
3936                >
3937                  ILS
3938                  ₪</span>
3939              </li>
3940              <li
3941                class="localization-form__list-item"
3942                
3943                data-value="IT"
3944                
3945                  data-aliases=""
3946                
3947                id="Italy"
3948                aria-label="Italy"
3949                role="option"
3950                tabindex="-1"
3951                ref="countryListItems[]"
3952                on:click="/selectCountry/IT"
3953              >
3954                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
3955<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
3956</svg>
3957</span>
3958                <span class="country">Italy</span>
3959                <span
3960                  class="localization-form__currency"
3961                  
3962                >
3963                  EUR
3964                  €</span>
3965              </li>
3966              <li
3967                class="localization-form__list-item"
3968                
3969                data-value="JP"
3970                
3971                  data-aliases=""
3972                
3973                id="Japan"
3974                aria-label="Japan"
3975                role="option"
3976                tabindex="-1"
3977                ref="countryListItems[]"
3978                on:click="/selectCountry/JP"
3979              >
3980                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
3981<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
3982</svg>
3983</span>
3984                <span class="country">Japan</span>
3985                <span
3986                  class="localization-form__currency"
3987                  
3988                >
3989                  JPY
3990                  ¥</span>
3991              </li>
3992              <li
3993                class="localization-form__list-item"
3994                
3995                data-value="MY"
3996                
3997                  data-aliases=""
3998                
3999                id="Malaysia"
4000                aria-label="Malaysia"
4001                role="option"
4002                tabindex="-1"
4003                ref="countryListItems[]"
4004                on:click="/selectCountry/MY"
4005              >
4006                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
4007<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
4008</svg>
4009</span>
4010                <span class="country">Malaysia</span>
4011                <span
4012                  class="localization-form__currency"
4013                  
4014                >
4015                  MYR
4016                  RM</span>
4017              </li>
4018              <li
4019                class="localization-form__list-item"
4020                
4021                  aria-current="true"
4022                
4023                data-value="NL"
4024                
4025                  data-aliases=""
4026                
4027                id="Netherlands"
4028                aria-label="Netherlands"
4029                role="option"
4030                tabindex="-1"
4031                ref="countryListItems[]"
4032                on:click="/selectCountry/NL"
4033              >
4034                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
4035<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
4036</svg>
4037</span>
4038                <span class="country">Netherlands</span>
4039                <span
4040                  class="localization-form__currency"
4041                  
4042                >
4043                  EUR
4044                  €</span>
4045              </li>
4046              <li
4047                class="localization-form__list-item"
4048                
4049                data-value="NZ"
4050                
4051                  data-aliases=""
4052                
4053                id="New Zealand"
4054                aria-label="New Zealand"
4055                role="option"
4056                tabindex="-1"
4057                ref="countryListItems[]"
4058                on:click="/selectCountry/NZ"
4059              >
4060                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
4061<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
4062</svg>
4063</span>
4064                <span class="country">New Zealand</span>
4065                <span
4066                  class="localization-form__currency"
4067                  
4068                >
4069                  NZD
4070                  $</span>
4071              </li>
4072              <li
4073                class="localization-form__list-item"
4074                
4075                data-value="NO"
4076                
4077                  data-aliases=""
4078                
4079                id="Norway"
4080                aria-label="Norway"
4081                role="option"
4082                tabindex="-1"
4083                ref="countryListItems[]"
4084                on:click="/selectCountry/NO"
4085              >
4086                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
4087<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
4088</svg>
4089</span>
4090                <span class="country">Norway</span>
4091                <span
4092                  class="localization-form__currency"
4093                  
4094                >
4095                  USD
4096                  $</span>
4097              </li>
4098              <li
4099                class="localization-form__list-item"
4100                
4101                data-value="PL"
4102                
4103                  data-aliases=""
4104                
4105                id="Poland"
4106                aria-label="Poland"
4107                role="option"
4108                tabindex="-1"
4109                ref="countryListItems[]"
4110                on:click="/selectCountry/PL"
4111              >
4112                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
4113<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
4114</svg>
4115</span>
4116                <span class="country">Poland</span>
4117                <span
4118                  class="localization-form__currency"
4119                  
4120                >
4121                  PLN
4122                  zł</span>
4123              </li>
4124              <li
4125                class="localization-form__list-item"
4126                
4127                data-value="PT"
4128                
4129                  data-aliases=""
4130                
4131                id="Portugal"
4132                aria-label="Portugal"
4133                role="option"
4134                tabindex="-1"
4135                ref="countryListItems[]"
4136                on:click="/selectCountry/PT"
4137              >
4138                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
4139<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
4140</svg>
4141</span>
4142                <span class="country">Portugal</span>
4143                <span
4144                  class="localization-form__currency"
4145                  
4146                >
4147                  EUR
4148                  €</span>
4149              </li>
4150              <li
4151                class="localization-form__list-item"
4152                
4153                data-value="SG"
4154                
4155                  data-aliases=""
4156                
4157                id="Singapore"
4158                aria-label="Singapore"
4159                role="option"
4160                tabindex="-1"
4161                ref="countryListItems[]"
4162                on:click="/selectCountry/SG"
4163              >
4164                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
4165<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
4166</svg>
4167</span>
4168                <span class="country">Singapore</span>
4169                <span
4170                  class="localization-form__currency"
4171                  
4172                >
4173                  SGD
4174                  $</span>
4175              </li>
4176              <li
4177                class="localization-form__list-item"
4178                
4179                data-value="KR"
4180                
4181                  data-aliases=""
4182                
4183                id="South Korea"
4184                aria-label="South Korea"
4185                role="option"
4186                tabindex="-1"
4187                ref="countryListItems[]"
4188                on:click="/selectCountry/KR"
4189              >
4190                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
4191<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
4192</svg>
4193</span>
4194                <span class="country">South Korea</span>
4195                <span
4196                  class="localization-form__currency"
4197                  
4198                >
4199                  KRW
4200                  ₩</span>
4201              </li>
4202              <li
4203                class="localization-form__list-item"
4204                
4205                data-value="ES"
4206                
4207                  data-aliases=""
4208                
4209                id="Spain"
4210                aria-label="Spain"
4211                role="option"
4212                tabindex="-1"
4213                ref="countryListItems[]"
4214                on:click="/selectCountry/ES"
4215              >
4216                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
4217<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
4218</svg>
4219</span>
4220                <span class="country">Spain</span>
4221                <span
4222                  class="localization-form__currency"
4223                  
4224                >
4225                  EUR
4226                  €</span>
4227              </li>
4228              <li
4229                class="localization-form__list-item"
4230                
4231                data-value="SE"
4232                
4233                  data-aliases=""
4234                
4235                id="Sweden"
4236                aria-label="Sweden"
4237                role="option"
4238                tabindex="-1"
4239                ref="countryListItems[]"
4240                on:click="/selectCountry/SE"
4241              >
4242                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
4243<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
4244</svg>
4245</span>
4246                <span class="country">Sweden</span>
4247                <span
4248                  class="localization-form__currency"
4249                  
4250                >
4251                  SEK
4252                  kr</span>
4253              </li>
4254              <li
4255                class="localization-form__list-item"
4256                
4257                data-value="CH"
4258                
4259                  data-aliases=""
4260                
4261                id="Switzerland"
4262                aria-label="Switzerland"
4263                role="option"
4264                tabindex="-1"
4265                ref="countryListItems[]"
4266                on:click="/selectCountry/CH"
4267              >
4268                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
4269<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
4270</svg>
4271</span>
4272                <span class="country">Switzerland</span>
4273                <span
4274                  class="localization-form__currency"
4275                  
4276                >
4277                  CHF
4278                  CHF</span>
4279              </li>
4280              <li
4281                class="localization-form__list-item"
4282                
4283                data-value="AE"
4284                
4285                  data-aliases=""
4286                
4287                id="United Arab Emirates"
4288                aria-label="United Arab Emirates"
4289                role="option"
4290                tabindex="-1"
4291                ref="countryListItems[]"
4292                on:click="/selectCountry/AE"
4293              >
4294                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
4295<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
4296</svg>
4297</span>
4298                <span class="country">United Arab Emirates</span>
4299                <span
4300                  class="localization-form__currency"
4301                  
4302                >
4303                  AED
4304                  د.إ</span>
4305              </li>
4306              <li
4307                class="localization-form__list-item"
4308                
4309                data-value="GB"
4310                
4311                  data-aliases="uk,gb,great britain"
4312                
4313                id="United Kingdom"
4314                aria-label="United Kingdom"
4315                role="option"
4316                tabindex="-1"
4317                ref="countryListItems[]"
4318                on:click="/selectCountry/GB"
4319              >
4320                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
4321<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
4322</svg>
4323</span>
4324                <span class="country">United Kingdom</span>
4325                <span
4326                  class="localization-form__currency"
4327                  
4328                >
4329                  GBP
4330                  £</span>
4331              </li>
4332              <li
4333                class="localization-form__list-item"
4334                
4335                data-value="US"
4336                
4337                  data-aliases="us,usa,america,united states of america"
4338                
4339                id="United States"
4340                aria-label="United States"
4341                role="option"
4342                tabindex="-1"
4343                ref="countryListItems[]"
4344                on:click="/selectCountry/US"
4345              >
4346                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
4347<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
4348</svg>
4349</span>
4350                <span class="country">United States</span>
4351                <span
4352                  class="localization-form__currency"
4353                  
4354                >
4355                  USD
4356                  $</span>
4357              </li></ul>
4358        </div>
4359        <div class="country-selector__overlay"></div>
4360        <input
4361          type="hidden"
4362          name="country_code"
4363          value="NL"
4364          ref="countryInput"
4365        >
4366      </div>
4367    
4368
4369    
4370</form></localization-form-component>
4371
4372
4373
4374      </div>
4375    </dropdown-localization-component>
4376  
4377
4378            
4379        
4380      
4381        
4382          
4383              
4384  <search-button
4385    class="search-action search-action--hidden-on-drawer"
4386  >
4387    <button
4388      on:click="#search-modal/showDialog"
4389      class="button-unstyled header-actions__action"
4390      aria-label="Search"
4391      aria-haspopup="dialog"
4392    >
4393      <span class="hidden">
4394        Search
4395      </span>
4396
4397      <span class="svg-wrapper ">
4398        <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>
4399
4400      </span>
4401    </button>
4402  </search-button>
4403
4404
4405
4406
4407            
4408        
4409      
4410        
4411          
4412              
4413
4414<script
4415  type="module"
4416  src="//www.hairylittlethings.com/cdn/shop/t/5/assets/cart-icon.js?v=157241182139685326961774184382"
4417  fetchpriority="low"
4418></script>
4418
4419
4420
4421
4422
4423
4424<header-actions
4425  
4426>
4427  
4428    
4429    <div
4430      class="account-button header-actions__action color-scheme-1"
4431    >
4432      <shopify-store store-domain="https://www.hairylittlethings.com" country="NL" language="en"></shopify-store>
4433<shopify-account
4434        menu="customer-account-main-menu"
4435        
4436      >
4437        
4438          <span
4439            slot="signed-out-avatar"
4440            class="account-button__text header-actions__text-style hidden"
4441          >
4442            Account
4443          </span>
4444
4445          <span
4446            slot="signed-out-avatar"
4447            class=""
4448            aria-hidden="true"
4449          >
4450            
4451  <svg
4452    xmlns="http://www.w3.org/2000/svg"
4453    width="15"
4454    height="17"
4455    viewBox="0 0 15 17"
4456    fill="none"
4457    slot="signed-out-avatar"
4458    class="account-button__icon"
4459  >
4460    <path
4461      stroke="currentColor"
4462      stroke-linejoin="round"
4463      stroke-width="var(--icon-stroke-width)"
4464      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"
4465    />
4466  </svg>
4467
4468          </span>
4469        
4470      </shopify-account>
4471    </div>
4472  
4473
4474  
4475    
4475<script
4476      src="//www.hairylittlethings.com/cdn/shop/t/5/assets/cart-drawer.js?v=35649724213056774541774184382"
4477      type="module"
4478      fetchpriority="low"
4479    ></script>
4479
4480
4481    
4482
4483    <cart-drawer-component
4484      class="cart-drawer"
4485      
4486      
4487    >
4488      <template id="empty-cart-template">
4489        
4490      <div class="cart-drawer__header">
4491        <button
4492          ref="closeButton"
4493          on:click="cart-drawer-component/close"
4494          class="button close-button cart-drawer__close-button button-unstyled"
4495          aria-label="Close dialog"
4496        >
4497          <span class="svg-wrapper"><svg aria-hidden="true" width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
4498  <path d="M12 2L2 12" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
4499  <path d="M12 12L2 2" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
4500</svg>
4501</span>
4502        </button>
4503      </div>
4504
4505      <div
4506        class="cart-drawer__content"
4507        aria-label="Cart"
4508      >
4509        <h2
4510          class="cart-drawer__heading h4 cart-drawer__heading--empty"
4511          id="cart-drawer-heading-empty"
4512        >
4513          Your cart is empty
4514        </h2>
4515
4516        <div class="cart-drawer__items">
4517          
4518
4519
4520
4521<script
4522  src="//www.hairylittlethings.com/cdn/shop/t/5/assets/component-cart-items.js?v=50627716305227809091774184382"
4523  type="module"
4524  fetchpriority="low"
4525></script>
vendor: 1 bytes, line 4525
4525
4526<script
4527  src="//www.hairylittlethings.com/cdn/shop/t/5/assets/component-cart-quantity-selector.js?v=105130809908858639751774184382"
4528  type="module"
4529  fetchpriority="low"
4530></script>
vendor: 1 bytes, line 4530
4530
4531<script
4532  src="//www.hairylittlethings.com/cdn/shop/t/5/assets/volume-pricing-info.js?v=94479640769665442661774184382"
4533  type="module"
4534  fetchpriority="low"
4535></script>
4535
4536
4537<div
4538  
4539  class="cart-items__wrapper"
4540  
4541>
4542  
4543<p>
4544        Have an account? <a href="https://www.hairylittlethings.com/customer_authentication/redirect?locale=en&region_country=NL">Log in</a> to check out faster.
4545      </p><a
4546      class="button cart-items__empty-button"
4547      href="/collections/all"
4548    >
4549      <span class="button-text">
4550        Continue shopping
4551      </span>
4552    </a></div>
4553
4554
4555
4556        </div>
4557      </div>
4558    
4559      </template>
4560      <button
4561        class="header-actions__action button-unstyled"
4562        on:click="/open"
4563        aria-haspopup="dialog"
4564        aria-label="Cart"
4565        aria-describedby="cart-bubble-text"
4566        data-testid="cart-drawer-trigger"
4567      >
4568        
4569  <cart-icon
4570    class="header-actions__cart-icon"
4571    data-testid="cart-icon"
4572  >
4573    <span class="hidden">
4574      Cart
4575    </span>
4576
4577    <span
4578      class="svg-wrapper "
4579      aria-hidden="true"
4580    >
4581      <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>
4582
4583    </span>
4584
4585    <div
4586  ref="cartBubble"
4587  class="cart-bubble visually-hidden"
4588  
4589  
4590    data-maintain-ratio
4591  
4592>
4593  <span class="cart-bubble__background"></span>
4594  <span
4595    ref="cartBubbleText"
4596    id="cart-bubble-text"
4597    class="cart-bubble__text"
4598  >
4599    <span
4600      class="cart-bubble__text-count hidden"
4601      ref="cartBubbleCount"
4602      aria-hidden="true"
4603      data-testid="cart-bubble"
4604    >
46050</span>
4606  </span>
4607</div>
4608
4609
4610
4611  </cart-icon>
4612
4613      </button>
4614
4615      <dialog
4616        ref="dialog"
4617        class="cart-drawer__dialog dialog-modal dialog-drawer color-scheme-1 cart-drawer--empty"
4618        data-testid="cart-drawer-dialog"
4619        aria-labelledby="cart-drawer-heading-empty"
4620        scroll-lock
4621        cart-summary-sticky="true"
4622      >
4623        <span
4624          ref="liveRegion"
4625          class="visually-hidden"
4626          role="status"
4627        ></span>
4628        <div
4629          class="cart-drawer__inner"
4630          data-hydration-key="cart-drawer-inner"
4631        >
4632          
4633          
4634
4635<cart-items-component
4636  class="cart-items-component"
4637  
4638    data-drawer
4639  
4640  data-section-id="sections--22279579336944__header_section"
4641>
4642  
4643
4644      <div class="cart-drawer__header">
4645        <button
4646          ref="closeButton"
4647          on:click="cart-drawer-component/close"
4648          class="button close-button cart-drawer__close-button button-unstyled"
4649          aria-label="Close dialog"
4650        >
4651          <span class="svg-wrapper"><svg aria-hidden="true" width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
4652  <path d="M12 2L2 12" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
4653  <path d="M12 12L2 2" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
4654</svg>
4655</span>
4656        </button>
4657      </div>
4658
4659      <div
4660        class="cart-drawer__content"
4661        aria-label="Cart"
4662      >
4663        <h2
4664          class="cart-drawer__heading h4 cart-drawer__heading--empty"
4665          id="cart-drawer-heading-empty"
4666        >
4667          Your cart is empty
4668        </h2>
4669
4670        <div class="cart-drawer__items">
4671          
4672
4673
4674
4675<script
4676  src="//www.hairylittlethings.com/cdn/shop/t/5/assets/component-cart-items.js?v=50627716305227809091774184382"
4677  type="module"
4678  fetchpriority="low"
4679></script>
vendor: 1 bytes, line 4679
4679
4680<script
4681  src="//www.hairylittlethings.com/cdn/shop/t/5/assets/component-cart-quantity-selector.js?v=105130809908858639751774184382"
4682  type="module"
4683  fetchpriority="low"
4684></script>
vendor: 1 bytes, line 4684
4684
4685<script
4686  src="//www.hairylittlethings.com/cdn/shop/t/5/assets/volume-pricing-info.js?v=94479640769665442661774184382"
4687  type="module"
4688  fetchpriority="low"
4689></script>
4689
4690
4691<div
4692  
4693  class="cart-items__wrapper"
4694  
4695>
4696  
4697<p>
4698        Have an account? <a href="https://www.hairylittlethings.com/customer_authentication/redirect?locale=en&region_country=NL">Log in</a> to check out faster.
4699      </p><a
4700      class="button cart-items__empty-button"
4701      href="/collections/all"
4702    >
4703      <span class="button-text">
4704        Continue shopping
4705      </span>
4706    </a></div>
4707
4708
4709
4710        </div>
4711      </div>
4712    
4713
4714</cart-items-component>
4715
4716
4717
4718        </div>
4719      </dialog>
4720    </cart-drawer-component>
4721  
4722
4723  <span
4724    ref="liveRegion"
4725    class="visually-hidden"
4726    role="status"
4727    data-testid="cart-count-live-region"
4728  ></span>
4729</header-actions>
4730
4731<script
4732  type="module"
4733  src="//www.hairylittlethings.com/cdn/shop/t/5/assets/header-actions.js?v=121308165565653895611774184382"
4734  fetchpriority="low"
4735></script>
4735
4736
4737
4738
4739          
4740        
4741      
4742    </div>
4743        </div>
4744      </div>
4745    
4746  
4747    
4748
4749    
4750
4751    
4752    
4753  
4754
4755  
4756    <div class="header__row header__navigation-bar-row color-scheme-1">
4757      
4758
4759
4760
4761    
4762  
4763
4764<style data-shopify>
4765  .header__underlay {
4766    --color-submenu: rgb(255 255 255 / 1.0);
4767  }
4768</style>
4769
4770
4771
4772
4773    </div>
4774  
4775</header-component>
4776
4777<script
4778  src="//www.hairylittlethings.com/cdn/shop/t/5/assets/header.js?v=36718054510661947891774184382"
4779  type="module"
4780></script>
4780
4781
4782
4783
4784
4785  
4785<script type="module">
4786    import { hydrate } from '@theme/section-hydration';
4787    const url = new URL(window.location.href);
4788    url.searchParams.delete('page');
4789    hydrate('sections--22279579336944__header_section', url);
4790  </script>
4790
4791
4792
4793
4794</header>
4795<!-- END sections: header-group -->
4796    </div>
4797
4798    
4798<script>
4799      // Inline header height and menu style calculations to prevent layout shift
4800      // Note: Updates in calculateHeaderGroupHeight(), updateTransparentHeaderOffset() and setHeaderMenuStyle() utilities.js should be kept in sync with this function
4801      (function setHeaderHeighCustomProperties() {
4802        /*
4803         * Header calculation functions for maintaining CSS variables
4804         * Mimic calculateHeaderGroupHeight() in utilities.js
4805         */
4806        const header = document.querySelector('header-component');
4807        const headerGroup = document.querySelector('#header-group');
4808        const hasHeaderSection = headerGroup?.querySelector('.header-section');
4809
4810        if (!header || !headerGroup) return;
4811
4812        const headerTopRow = header.querySelector('.header__row--top');
4813        const headerHeight = header.offsetHeight;
4814
4815        // Calculate the total height of the header group
4816        let headerGroupHeight = 0;
4817        const children = headerGroup.children;
4818        for (let i = 0; i < children.length; i++) {
4819          const element = children[i];
4820          if (element === header || !(element instanceof HTMLElement)) continue;
4821          headerGroupHeight += element.offsetHeight;
4822        }
4823
4824        // Check for transparent header special case
4825        if (header.hasAttribute('transparent') && header.parentElement?.nextElementSibling) {
4826          headerGroupHeight += headerHeight;
4827        }
4828
4829        // Set CSS variables
4830        document.body.style.setProperty('--header-height', `${headerHeight}px`);
4831        document.body.style.setProperty('--header-group-height', `${headerGroupHeight}px`);
4832
4833        if (headerTopRow) {
4834          window.requestAnimationFrame(function () {
4835            document.body.style.setProperty('--top-row-height', `${headerTopRow.offsetHeight}px`);
4836          });
4837        }
4838
4839        /**
4840         * Updates CSS custom properties for transparent header offset calculation
4841         * Mimic updateTransparentHeaderOffset() in utilities.js
4842         */
4843
4844        if (!hasHeaderSection || !header?.hasAttribute('transparent')) {
4845          document.body.style.setProperty('--transparent-header-offset-boolean', '0');
4846          return;
4847        }
4848
4849        const hasImmediateSection = hasHeaderSection.nextElementSibling?.classList.contains('shopify-section');
4850
4851        const shouldApplyOffset = !hasImmediateSection ? '1' : '0';
4852        document.body.style.setProperty('--transparent-header-offset-boolean', shouldApplyOffset);
4853      })();
4854
4855      (function setHeaderMenuStyle() {
4856        const headerComponent = document.querySelector('#header-component');
4857        if (headerComponent) {
4858          const isTouchDevice = 'ontouchstart' in window && navigator.maxTouchPoints > 0;
4859          const overflowList = headerComponent?.querySelector('overflow-list');
4860          const hasReachedMinimum = overflowList && overflowList.hasAttribute('minimum-reached');
4861          headerComponent.dataset.menuStyle = isTouchDevice || hasReachedMinimum ? 'drawer' : 'menu';
4862        }
4863      })();
4864    </script>
4864
4865
4866    <main
4867      id="MainContent"
4868      class="content-for-layout"
4869      role="main"
4870      data-page-transition-enabled="true"
4871      data-product-transition="true"
4872      data-template="product"
4873    >
4874      <div id="shopify-section-template--22279579173104__main" class="shopify-section">
4875
4876<script type="application/ld+json">
4877  {"@context":"http:\/\/schema.org\/","@id":"\/products\/baby-lips#product","@type":"Product","brand":{"@type":"Brand","name":"Hairy Little Things"},"category":"Lip Masks","description":"Baby Lips Peptide Gloss — Unscented + Unflavored\nA hydrating peptide lip gloss designed to comfort, smooth, and restore moisture — without any added scent or flavor.\nThis cushiony, non-sticky formula delivers lasting hydration while helping support lips during lip-blush aftercare. Peptides and conditioning ingredients help maintain moisture and protect the lip barrier as it recovers. Perfect for sensitive lips or anyone who prefers a completely neutral experience.\nFor glossy, calm, hydrated baby lips — every day.\nKey Benefits\n\nSupports lip-blush healing and hydration\nHelps lips feel softer and smoother\nLightweight, cushiony gloss\nNatural, healthy shine\nUnscented and unflavored for a clean, neutral experience\n","image":"https:\/\/www.hairylittlethings.com\/cdn\/shop\/files\/ChatGPT_Image_Jun_22_2026_07_39_06_AM.png?v=1782128356\u0026width=1920","name":"Baby Lips - Unscented + Unflavored","offers":{"@id":"\/products\/baby-lips?variant=48803410215152#offer","@type":"Offer","availability":"http:\/\/schema.org\/InStock","price":"19.95","priceCurrency":"EUR","url":"https:\/\/www.hairylittlethings.com\/products\/baby-lips?variant=48803410215152"},"url":"https:\/\/www.hairylittlethings.com\/products\/baby-lips"}
4878</script>
4878
4879
4880
4881
4882
4883
4884
4885
4886
4887  
4888
4889  <sticky-add-to-cart
4890    class="sticky-add-to-cart"
4891    data-variant-available="true"
4892    data-product-id="9843391168752"
4893    data-current-variant-id="48803410215152"
4894    data-initial-quantity="1"
4895    data-default-variant-title="Default Title"
4896  >
4897    <div
4898      class="sticky-add-to-cart__bar color-scheme-1"
4899      data-stuck="false"
4900      ref="stickyBar"
4901      role="region"
4902      aria-label="Quick add to cart bar"
4903    >
4904      
4905      
4906        <div
4907          class="sticky-add-to-cart__image"
4908        >
4909          
4910          <img src="//www.hairylittlethings.com/cdn/shop/files/ChatGPT_Image_Jun_22_2026_07_39_06_AM.png?v=1782128356&amp;width=120" alt="Baby Lips - Unscented + Unflavored" width="120" height="120" loading="lazy" class="sticky-add-to-cart__image-img" data-testid="sticky-product-image" ref="productImage">
4911        </div>
4912      
4913
4914      
4915      <div
4916        class="sticky-add-to-cart__info"
4917        data-has-image="true"
4918        data-singleton="true"
4919        data-single-option="false"
4920      >
4921        <p
4922          class="sticky-add-to-cart__title"
4923          data-testid="sticky-product-title"
4924        >
4925          Baby Lips - Unscented + Unflavored
4926        </p>
4927        <div
4928          class="sticky-add-to-cart__variant"
4929          data-testid="sticky-variant-title"
4930          
4931            style="display: none;"
4932          
4933        >
4934          
4935        </div>
4936      </div>
4937
4938      <div
4939        class="sticky-add-to-cart__price"
4940        data-testid="sticky-price-display"
4941      >
4942        <div ref="priceContainer">
4943  
4944    
4945    <div
4946      class="
4947        price__regular
4948        
4949      "
4950    >
4951      <span class="price">€19,95</span>
4952    </div>
4953    <div
4954      class="
4955        price__sale
4956        
4957          price__hidden
4958        
4959      "
4960    >
4961      
4962        <span class="price-item__group">
4963          <span class="visually-hidden">Sale price&nbsp;</span>
4964          <span class="price-item--sale price">€19,95</span>
4965        </span>
4966        <span class="price-item__group">
4967          <span class="visually-hidden">Regular price&nbsp;</span>
4968          <span class="price-item--regular compare-at-price"></span>
4969        </span>
4970      
4971    </div>
4972  
4973</div>
4974      </div>
4975
4976      <button
4977        type="button"
4978        class="sticky-add-to-cart__button add-to-cart-button button"
4979        ref="addToCartButton"
4980        on:click="/handleAddToCartClick"
4981        
4982      >
4983        <span
4984          class="add-to-cart-text"
4985        >
4986          
4987            <span class="svg-wrapper add-to-cart-icon"><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="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg>
4988</span>
4989          
4990          <span class="add-to-cart-text__content">
4991            <span>Add to cart</span>
4992            <span
4993              ref="quantityDisplay"
4994              
4995                style="display: none;"
4996              
4997            > (<span ref="quantityNumber">1</span>)</span>
4998          </span>
4999        </span>
5000        <span class="add-to-cart__added">
5001          <span class="svg-wrapper add-to-cart__added-icon"><svg aria-hidden="true" class="checkmark-burst" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
5002  <g class="check">
5003    <circle class="ring" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
5004    <path class="tick" d="M9 12.75L11.25 15L15 9.75" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
5005  </g>
5006  <g class="burst">
5007    <g style="--index: 0;">
5008      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
5009    </g>
5010    <g style="--index: 1;">
5011      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
5012    </g>
5013    <g style="--index: 2;">
5014      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
5015    </g>
5016    <g style="--index: 3;">
5017      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
5018    </g>
5019    <g style="--index: 4;">
5020      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
5021    </g>
5022    <g style="--index: 5;">
5023      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
5024    </g>
5025    <g style="--index: 6;">
5026      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
5027    </g>
5028    <g style="--index: 7;">
5029      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
5030    </g>
5031  </g>
5032</svg>
5033</span>
5034        </span>
5035      </button>
5036    </div>
5037  </sticky-add-to-cart>
5038
5039
5040
5041
5042
5043
5044<div class="section-background color-scheme-1"></div>
5045<div
5046  class="product-information section section--full-width spacing-style color-scheme-1 relative"
5047  style="--padding-block-start: 0px;--padding-block-end: 0px; --gap: 0px;"
5048  data-testid="product-information"
5049>
5050  
5051    
5052    <a
5053  class="skip-to-content-link button-secondary"
5054  href="#ProductInformation-template--22279579173104__main"
5055>
5056  Skip to product information
5057</a>
5058
5059
5060
5061  
5062  <div
5063    class="product-information__grid product-information--media-left product-information__grid--half product-information__grid--limit-details"
5064    data-product-grid-content
5065  >
5066    
5067    
5068
5069    
5070      
5071        
5072      <div
5073        class="product-information__media"
5074        data-testid="product-information-media"
5075      >
5076        
5077
5078
5079<script
5080    src="//www.hairylittlethings.com/cdn/shop/t/5/assets/zoom-dialog.js?v=102268456213388948961774184382"
5081    type="module"
5082  ></script>
5082<script
5083    src="//www.hairylittlethings.com/cdn/shop/t/5/assets/drag-zoom-wrapper.js?v=24957596803719370611774184382"
5084    type="module"
5085  ></script>
5085<style data-shopify>
5086  
5087    .product-media-container {
5088      --media-preview-ratio: 1;
5089    }
5090
5091    
5092
5093    /* Constrain all deferred-media content to parent bounds when specific aspect ratio is set */
5094    .product-media-container:not(.dialog-zoomed-gallery *) .product-media deferred-media,
5095    .product-media-container:not(.dialog-zoomed-gallery *) .product-media product-model {
5096      width: 100%;
5097      height: 100%;
5098      top: 0;
5099      left: 0;
5100    }
5101
5102    /* Ensure video and iframe elements respect container aspect ratio */
5103    .product-media-container:not(.dialog-zoomed-gallery *) .product-media deferred-media video,
5104    .product-media-container:not(.dialog-zoomed-gallery *) .product-media deferred-media iframe {
5105      width: 100%;
5106      height: 100%;
5107      object-fit: cover;
5108    }
5109
5110    /* 3D models need special handling since they don't support object-fit */
5111    .product-media-container:not(.dialog-zoomed-gallery *) .product-media product-model model-viewer {
5112      width: 100%;
5113      height: 100%;
5114    }
5115
5116    /* Clear gallery aspect ratio for zoom dialog - let media display at natural aspect ratios */
5117    .dialog-zoomed-gallery .product-media {
5118      --gallery-aspect-ratio: var(--ratio);
5119    }
5120  
5121
5122  
5123
5124  
5125    .media-fit-cover {
5126      --product-media-fit: cover;
5127    }
5128
5129    /* Media fit for all media elements - default to cover */
5130    .media-fit-cover :is(img, video, iframe, .deferred-media__poster-image) {
5131      object-fit: cover;
5132      width: 100%;
5133      height: 100%;
5134    }
5135
5136    /* 3D Models (no object-fit support, just sizing) */
5137    .media-fit-cover model-viewer {
5138      width: 100%;
5139      height: 100%;
5140    }
5141  
5142
5143  /* Add background color so carousel arrows' mix-blend-mode works correctly even on transparent areas. */
5144  
5145
5146  
5147  
5148  
5149    
5150    ::view-transition-old(gallery-item-open),
5151    ::view-transition-new(gallery-item-open),
5152    ::view-transition-old(gallery-item-close),
5153    ::view-transition-new(gallery-item-close) {
5154      height: 100%;
5155      width: 100%;
5156      object-fit: cover;
5157      object-position: var(--gallery-media-focal-point, center);
5158    }
5159  
5160  
5161
5162  :root { --gallery-media-border-radius: 0px; }
5163</style>
5164
5165
5166  <media-gallery
5167    class="
5168      spacing-style
5169      sticky-content
5170      
5171        media-gallery--one-column
5172        
5173      
5174      media-gallery--grid
5175      
5176      
5177        media-gallery--extend
5178      
5179    "
5180    style="--padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; --thumbnail-width: 57px; --media-radius: 0px;--image-gap: 0px; --gallery-aspect-ratio: 1;"
5181    data-presentation="grid"
5182    
5183  >
5184    
5185
5186    
5187
5188    
5189
5190    <slideshow-component
5191  
5192    ref="slideshow"
5193  
5194  
5195    class="product-media-gallery__slideshow--single-media slideshow--single-media"
5196  
5197  style="--slideshow-timeline: --slide-0;--slide-min-height: auto;--slide-min-height-desktop: auto;"
5198  
5199  initial-slide="0"
5200  
5201  
5202    infinite
5203  
5204
5205  
5206>
5207  
5208  <slideshow-container ref="slideshowContainer">
5209    
5210    
5211    <slideshow-slides
5212      tabindex="-1"
5213      ref="scroller"
5214      
5215    >
5216      
5217      
5218        
5219        
5220        
5221        
5222
5223        <slideshow-slide
5224  ref="slides[]"
5225  aria-hidden="false"
5226  style="--slideshow-timeline: --slide-0; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
5227  
5228    class="product-media-container media-fit-cover product-media-container--image product-media-container--zoomable"
5229  
5230  on:click="#zoom-dialog-AbzEzTkk3NWU2emptV__media-gallery/open/0" data-view-transition-type="product-image-transition"
5231  
5232  
5233  
5234  
5235  on:click="#zoom-dialog-AbzEzTkk3NWU2emptV__media-gallery/open/0" data-view-transition-type="product-image-transition"
5236>
5237  
5238
5239
5240
5241<div
5242  class="product-media"
5243  style="--ratio: 1.0"
5244  data-media-id="44967937310960"
5245>
5246  
5247  <img src="//www.hairylittlethings.com/cdn/shop/files/ChatGPT_Image_Jun_22_2026_07_39_06_AM.png?v=1782128356&amp;width=3840" alt="Baby Lips - Unscented + Unflavored" srcset="//www.hairylittlethings.com/cdn/shop/files/ChatGPT_Image_Jun_22_2026_07_39_06_AM.png?v=1782128356&amp;width=240 240w, //www.hairylittlethings.com/cdn/shop/files/ChatGPT_Image_Jun_22_2026_07_39_06_AM.png?v=1782128356&amp;width=352 352w, //www.hairylittlethings.com/cdn/shop/files/ChatGPT_Image_Jun_22_2026_07_39_06_AM.png?v=1782128356&amp;width=832 832w, //www.hairylittlethings.com/cdn/shop/files/ChatGPT_Image_Jun_22_2026_07_39_06_AM.png?v=1782128356&amp;width=1200 1200w, //www.hairylittlethings.com/cdn/shop/files/ChatGPT_Image_Jun_22_2026_07_39_06_AM.png?v=1782128356&amp;width=1600 1600w, //www.hairylittlethings.com/cdn/shop/files/ChatGPT_Image_Jun_22_2026_07_39_06_AM.png?v=1782128356&amp;width=1920 1920w, //www.hairylittlethings.com/cdn/shop/files/ChatGPT_Image_Jun_22_2026_07_39_06_AM.png?v=1782128356&amp;width=2560 2560w, //www.hairylittlethings.com/cdn/shop/files/ChatGPT_Image_Jun_22_2026_07_39_06_AM.png?v=1782128356&amp;width=3840 3840w" width="3840" height="3840" sizes="(min-width: 750px) calc(50vw - 0px), 100vw" class="product-media__image" data_max_resolution="//www.hairylittlethings.com/cdn/shop/files/ChatGPT_Image_Jun_22_2026_07_39_06_AM.png?v=1782128356&amp;width=3840" fetchpriority="high" style="--focal-point: 50.0% 50.0%;">
5248
5249  
5250
5251  
5252</div>
5253
5254
5255
5256        
5257</slideshow-slide>
5258
5259
5260
5261
5262      
5263    
5264    </slideshow-slides>
5265  </slideshow-container>
5266  
5267</slideshow-component>
5268
5269
5270
5271
5272
5273    
5274      <ul
5275        class="media-gallery__grid list-unstyled"
5276        data-testid="media-gallery-grid"
5277      >
5278        
5279          <li
5280            ref="media[]"
5281            class="product-media-container media-fit-cover product-media-container--image product-media-container--force-aspect"
5282            style=" --media-radius: 0px;"
5283            
5284              data-view-transition-type="product-image-transition"
5285            
5286            
5287              data-focal-point="50.0% 50.0%"
5288            
5289          ><button
5290                type="button"
5291                class="button button-unstyled product-media-container__zoom-button"
5292                aria-label="Zoom media 1"
5293                on:click="/zoom/0"
5294                
5295                  on:pointerenter="/preloadImage/0"
5296                
5297              >
5298              </button>
5299
5300
5301<div
5302  class="product-media"
5303  style="--ratio: 1.0"
5304  data-media-id="44967937310960"
5305>
5306  
5307  <img src="//www.hairylittlethings.com/cdn/shop/files/ChatGPT_Image_Jun_22_2026_07_39_06_AM.png?v=1782128356&amp;width=3840" alt="Baby Lips - Unscented + Unflavored" srcset="//www.hairylittlethings.com/cdn/shop/files/ChatGPT_Image_Jun_22_2026_07_39_06_AM.png?v=1782128356&amp;width=240 240w, //www.hairylittlethings.com/cdn/shop/files/ChatGPT_Image_Jun_22_2026_07_39_06_AM.png?v=1782128356&amp;width=352 352w, //www.hairylittlethings.com/cdn/shop/files/ChatGPT_Image_Jun_22_2026_07_39_06_AM.png?v=1782128356&amp;width=832 832w, //www.hairylittlethings.com/cdn/shop/files/ChatGPT_Image_Jun_22_2026_07_39_06_AM.png?v=1782128356&amp;width=1200 1200w, //www.hairylittlethings.com/cdn/shop/files/ChatGPT_Image_Jun_22_2026_07_39_06_AM.png?v=1782128356&amp;width=1600 1600w, //www.hairylittlethings.com/cdn/shop/files/ChatGPT_Image_Jun_22_2026_07_39_06_AM.png?v=1782128356&amp;width=1920 1920w, //www.hairylittlethings.com/cdn/shop/files/ChatGPT_Image_Jun_22_2026_07_39_06_AM.png?v=1782128356&amp;width=2560 2560w, //www.hairylittlethings.com/cdn/shop/files/ChatGPT_Image_Jun_22_2026_07_39_06_AM.png?v=1782128356&amp;width=3840 3840w" width="3840" height="3840" sizes="(min-width: 750px) calc(50vw - 0px), 100vw" class="product-media__image" data_max_resolution="//www.hairylittlethings.com/cdn/shop/files/ChatGPT_Image_Jun_22_2026_07_39_06_AM.png?v=1782128356&amp;width=3840" fetchpriority="high" style="--focal-point: 50.0% 50.0%;">
5308
5309  
5310
5311  
5312</div>
5313
5314
5315
5316          </li>
5317        
5318      </ul>
5319    
5320<zoom-dialog
5321        ref="zoomDialogComponent"
5322        id="zoom-dialog-AbzEzTkk3NWU2emptV__media-gallery"
5323      >
5324        <dialog
5325          class="dialog-zoomed-gallery__dialog"
5326          ref="dialog"
5327          on:keydown="/handleKeyDown"
5328          scroll-lock
5329        >
5330          <button
5331            type="button"
5332            class="button button-unstyled close-button dialog-zoomed-gallery__close-button"
5333            aria-label="Close"
5334            on:click="/close"
5335          >
5336            <span class="visually-hidden">Close</span>
5337            <svg aria-hidden="true" width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
5338  <path d="M12 2L2 12" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
5339  <path d="M12 12L2 2" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
5340</svg>
5341
5342          </button>
5343          <div class="dialog-thumbnails-list-container">
5344            <scroll-hint
5345              class="dialog-thumbnails-list list-unstyled"
5346              ref="thumbnails"
5347            >
5348              
5349            </scroll-hint>
5350          </div>
5351          <ul
5352            class="dialog-zoomed-gallery list-unstyled"
5353          ><li
5354                id="product-44967937310960-1"
5355                class="product-media-container  product-media-container--image product-media-container--zoomable"
5356                style=""
5357                ref="media[]"
5358                
5359                  on:click="/close"
5360                
5361              >
5362                
5363                  <drag-zoom-wrapper class="product-media__drag-zoom-wrapper">
5364
5365<div
5366  class="product-media"
5367  style="--ratio: 1.0"
5368  data-media-id="44967937310960"
5369>
5370  
5371  <img src="//www.hairylittlethings.com/cdn/shop/files/ChatGPT_Image_Jun_22_2026_07_39_06_AM.png?v=1782128356&amp;width=3840" alt="Baby Lips - Unscented + Unflavored" srcset="//www.hairylittlethings.com/cdn/shop/files/ChatGPT_Image_Jun_22_2026_07_39_06_AM.png?v=1782128356&amp;width=240 240w, //www.hairylittlethings.com/cdn/shop/files/ChatGPT_Image_Jun_22_2026_07_39_06_AM.png?v=1782128356&amp;width=352 352w, //www.hairylittlethings.com/cdn/shop/files/ChatGPT_Image_Jun_22_2026_07_39_06_AM.png?v=1782128356&amp;width=832 832w, //www.hairylittlethings.com/cdn/shop/files/ChatGPT_Image_Jun_22_2026_07_39_06_AM.png?v=1782128356&amp;width=1200 1200w, //www.hairylittlethings.com/cdn/shop/files/ChatGPT_Image_Jun_22_2026_07_39_06_AM.png?v=1782128356&amp;width=1600 1600w, //www.hairylittlethings.com/cdn/shop/files/ChatGPT_Image_Jun_22_2026_07_39_06_AM.png?v=1782128356&amp;width=1920 1920w, //www.hairylittlethings.com/cdn/shop/files/ChatGPT_Image_Jun_22_2026_07_39_06_AM.png?v=1782128356&amp;width=2560 2560w, //www.hairylittlethings.com/cdn/shop/files/ChatGPT_Image_Jun_22_2026_07_39_06_AM.png?v=1782128356&amp;width=3840 3840w" width="3840" height="3840" loading="lazy" sizes="100vw" class="product-media__image" ref="image" data_max_resolution="//www.hairylittlethings.com/cdn/shop/files/ChatGPT_Image_Jun_22_2026_07_39_06_AM.png?v=1782128356&amp;width=3840" fetchpriority="high" style="--focal-point: 50.0% 50.0%;">
5372
5373  
5374
5375  
5376</div>
5377
5378
5379</drag-zoom-wrapper>
5380                
5381              </li></ul>
5382        </dialog>
5383      </zoom-dialog></media-gallery>
5384
5385
5386
5387
5388
5389
5390
5391
5392
5393
5394      </div>
5395    
5396      
5397    
5398      
5399        
5400  
5401<div
5402  id="ProductInformation-template--22279579173104__main"
5403  class="
5404    product-details
5405     sticky-content--desktop
5406    "
5407  style="--details-position: flex-start;"
5408  data-testid="product-information-details"
5409  
5410    data-view-transition-type="product-details"
5411  
5412>
5413  
5414
5415  <div
5416  class="
5417    group-block
5418    group-block--height-fit
5419    group-block--width-fill
5420    border-style
5421    spacing-style
5422    size-style
5423    
5424    
5425  "
5426  style="
5427    --border-width: 1px; --border-style: none; --border-color:
5428rgb(var(--color-border-rgb) / 1.0); --border-radius:
54290px; 
5430
5431    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
5432    --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
5433    
5434  "
5435  
5436  data-testid="group-block"
5437><div class="group-block__media-wrapper">
5438    
5439
5440
5441
5442    
5443  </div>
5444
5445  <div
5446    class="
5447      group-block-content
5448      
5449      layout-panel-flex
5450      layout-panel-flex--column
5451      
5452    "
5453    style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;
5454
5455--gap: 12px;
5456
5457--horizontal-alignment: ; --vertical-alignment: ;
5458--vertical-alignment-mobile: ;
5459"
5460  >
5461    <div class="view-product-title">
5462      <a
5463        href="/products/baby-lips?variant=48803410215152"
5464        class="link"
5465      >Baby Lips - Unscented + Unflavored
5466      </a>
5467    </div>
5468    
5469
5470
5471
5472
5473
5474
5475
5476
5477  <div class=" spacing-style text-block text-block--ARVVneXlORmRibmhoU__text_9WaLn7 h3    text-block--align-center  "  style="    --padding-block-start: 50px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px;     --color: var(--color-foreground);    --width: 100%;    --max-width: var(--max-width--body-normal);          --text-align: center;          ">
5478    <h1>Baby Lips - Unscented + Unflavored</h1>
5479  </div>
5480
5481
5482
5483
5484
5485
5486
5487
5488
5489<product-price
5490  class="text-block text-block--align-center text-center h5 spacing-style"
5491  data-block-id="AYUc5MjU1VjdnVHlNR__price_a7krng"
5492  data-product-id="9843391168752"
5493  style="
5494    
5495--color: var(--color-foreground);
5496    --padding-block-start: 0px;--padding-block-end: max(20px, calc(var(--spacing-scale) * 50px));--padding-inline-start: 0px;--padding-inline-end: 0px;
5497    --width: 100%;
5498  "
5499  
5500>
5501  <div ref="priceContainer">
5502  
5503    
5504    <div
5505      class="
5506        price__regular
5507        
5508      "
5509    >
5510      <span class="price">€19,95</span>
5511    </div>
5512    <div
5513      class="
5514        price__sale
5515        
5516          price__hidden
5517        
5518      "
5519    >
5520      
5521        <span class="price-item__group">
5522          <span class="visually-hidden">Sale price&nbsp;</span>
5523          <span class="price-item--sale price">€19,95</span>
5524        </span>
5525        <span class="price-item__group">
5526          <span class="visually-hidden">Regular price&nbsp;</span>
5527          <span class="price-item--regular compare-at-price"></span>
5528        </span>
5529      
5530    </div>
5531  
5532</div>
5533
5534  
5535    <div class="tax-note"></div>
5536  
5537<div class="installments"><form method="post" action="/cart/add" id="product-form-installment-AYUc5MjU1VjdnVHlNR__price_a7krng" accept-charset="UTF-8" class="payment-terms" enctype="multipart/form-data"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input
5538          type="hidden"
5539          name="id"
5540          value="48803410215152"
5541        >
5542        
5543<input type="hidden" name="product-id" value="9843391168752" /><input type="hidden" name="section-id" value="template--22279579173104__main" /></form></div></product-price>
5544
5545
5546
5547
5548<div
5549  class="divider divider-AZVZLNm95ZmVYQ2Q4V__divider_HrJgFt spacing-style"
5550  style="
5551    --divider-justify-content: center;
5552    --padding-block-start: 12px;--padding-block-end: 12px;
5553  "
5554  
5555
5556>
5557  <span
5558    class="divider__line"
5559    style="
5560      --divider-border-thickness: 1px;
5561      
5562        --divider-border-rounded: 0;
5563      
5564      --divider-flex-basis: 100%;
5565    "
5566  ></span>
5567</div>
5568
5569
5570
5571
5572
5573
5574
5575
5576  
5577
5578
5579
5580
5581
5582
5583
5584
5585
5586
5587
5588<span
5589  class="buy-buttons-block buy-buttons-block--AZ2paUGZKcnEvMTRRS__buy_buttons_eYQEYi"
5590  
5591><product-form-component
5592      data-section-id="template--22279579173104__main"
5593      data-product-id="9843391168752"
5594      data-product-url="/products/baby-lips"
5595      on:submit="/handleSubmit"
5596      data-quantity-default="1"
5597      data-quantity-error-max="This item has a maximum of {{ maximum }}"
5598    >
5599      <div
5600        class="visually-hidden"
5601        aria-live="assertive"
5602        role="status"
5603        aria-atomic="true"
5604        ref="liveRegion"
5605      ></div><form method="post" action="/cart/add" id="BuyButtons-ProductForm-template--22279579173104__main" accept-charset="UTF-8" class="shopify-product-form" enctype="multipart/form-data" data-type="add-to-cart-form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input
5606          type="hidden"
5607          name="id"
5608          ref="variantId"
5609          value="48803410215152"
5610        ><div
5611          class="product-form-buttons spacing-style"
5612          style="--padding-block-start: 0px;--padding-block-end: max(20px, calc(var(--spacing-scale) * 24px));--padding-inline-start: 0px;--padding-inline-end: 0px;"
5613          ref="productFormButtons"
5614        ><span
5615              class="product-form-text__error hidden"
5616              ref="addToCartTextError"
5617            >
5618              <span class="svg-wrapper"><svg aria-hidden="true" class="icon icon-error" viewBox="0 0 13 13">
5619  <circle cx="6.5" cy="6.5" r="5.5" stroke="#fff" stroke-width="var(--icon-stroke-width)"/>
5620  <circle cx="6.5" cy="6.5" r="5.5" fill="#EB001B" stroke="#EB001B" stroke-width=".7"/>
5621  <path fill="#fff" d="m5.874 3.528.1 4.044h1.053l.1-4.044zm.627 6.133c.38 0 .68-.288.68-.656s-.3-.656-.68-.656-.681.288-.681.656.3.656.68.656"/>
5622  <path fill="#fff" stroke="#EB001B" stroke-width=".7" d="M5.874 3.178h-.359l.01.359.1 4.044.008.341h1.736l.008-.341.1-4.044.01-.359H5.873Zm.627 6.833c.56 0 1.03-.432 1.03-1.006s-.47-1.006-1.03-1.006-1.031.432-1.031 1.006.47 1.006 1.03 1.006Z"/>
5623</svg>
5624</span>
5625            </span>
5626
5627
5628
5629<span
5630  
5631  style="--add-to-cart-font-case: ;"
5632>
5633  <add-to-cart-component
5634  ref="addToCartButtonContainer"
5635  data-product-variant-media="//www.hairylittlethings.com/cdn/shop/files/ChatGPT_Image_Jun_22_2026_07_39_06_AM.png?v=1782128356&width=100"
5636  data-add-to-cart-animation="true"
5637>
5638  <button
5639    
5640      id="BuyButtons-ProductSubmitButton-AV0NMV01CYTFqK0E1R__add-to-cart"
5641    
5642    type="submit"
5643    name="add"
5644    ref="addToCartButton"
5645    on:click="/handleClick"
5646    class="button add-to-cart-button button"
5647    
5648      data-testid="standalone-add-to-cart"
5649    
5650    
5651  >
5652    <span
5653      class="add-to-cart-text"
5654    >
5655      
5656        <span
5657          aria-hidden="true"
5658          class="svg-wrapper add-to-cart-icon"
5659        ><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="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg>
5660</span>
5661      
5662      <span class="add-to-cart-text__content">
5663        <span>
5664          <span>Add to cart</span>
5665        </span>
5666      </span>
5667    </span>
5668    
5669    <span class="add-to-cart__added">
5670      <span class="svg-wrapper add-to-cart__added-icon"><svg aria-hidden="true" class="checkmark-burst" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
5671  <g class="check">
5672    <circle class="ring" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
5673    <path class="tick" d="M9 12.75L11.25 15L15 9.75" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
5674  </g>
5675  <g class="burst">
5676    <g style="--index: 0;">
5677      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
5678    </g>
5679    <g style="--index: 1;">
5680      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
5681    </g>
5682    <g style="--index: 2;">
5683      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
5684    </g>
5685    <g style="--index: 3;">
5686      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
5687    </g>
5688    <g style="--index: 4;">
5689      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
5690    </g>
5691    <g style="--index: 5;">
5692      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
5693    </g>
5694    <g style="--index: 6;">
5695      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
5696    </g>
5697    <g style="--index: 7;">
5698      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
5699    </g>
5700  </g>
5701</svg>
5702</span>
5703    </span>
5704  </button>
5705</add-to-cart-component>
5706
5707</span>
5708
5709
5710
5711
5712          
5713
5714
5715
5716
5717
5718  <div
5719    class="accelerated-checkout-block"
5720    ref="acceleratedCheckoutButtonContainer"
5721    
5722    
5723    
5724  >
5725    
5726  
5727    <div data-shopify="payment-button" class="shopify-payment-button"> <shopify-accelerated-checkout recommended="{&quot;supports_subs&quot;:true,&quot;supports_def_opts&quot;:false,&quot;name&quot;:&quot;shop_pay&quot;,&quot;wallet_params&quot;:{&quot;shopId&quot;:82051498224,&quot;merchantName&quot;:&quot;Hairy Little Things&quot;,&quot;personalized&quot;:false}}" fallback="{&quot;supports_subs&quot;:true,&quot;supports_def_opts&quot;:true,&quot;name&quot;:&quot;buy_it_now&quot;,&quot;wallet_params&quot;:{}}" access-token="6a336b2fa40ba744e0e10ffec7670b3f" buyer-country="NL" buyer-locale="en" buyer-currency="EUR" variant-params="[{&quot;id&quot;:48803410215152,&quot;requiresShipping&quot;:true}]" shop-id="82051498224" enabled-flags="[&quot;1172c16a&quot;,&quot;a1d1f9a1&quot;,&quot;f5afabb3&quot;,&quot;370070f3&quot;]" > <div class="shopify-payment-button__button" role="button" disabled aria-hidden="true" style="background-color: transparent; border: none"> <div class="shopify-payment-button__skeleton">&nbsp;</div> </div> <div class="shopify-payment-button__more-options shopify-payment-button__skeleton" role="button" disabled aria-hidden="true">&nbsp;</div> </shopify-accelerated-checkout> </div>
5728  
5729
5730  </div>
5731
5732
5733
5734
5735
5736
5737
5738        </div><input type="hidden" name="product-id" value="9843391168752" /><input type="hidden" name="section-id" value="template--22279579173104__main" /></form></product-form-component></span>
5739
5740
5741
5742
5743
5744
5745
5746
5747
5748
5749<div
5750  class="accordion accordion--AWElxNWFKbGcyc1BoU__accordion_NKWPiW accordion--caret border-style spacing-style accordion--dividers"
5751  style="
5752    --summary-font-family: var(--font-h6--family);
5753     --summary-font-style: var(--font-h6--style);
5754     --summary-font-weight: var(--font-h6--weight);
5755     --summary-font-size: var(--font-h6--size);
5756     --summary-font-line-height: var(--font-h6--line-height);
5757     --summary-font-case: var(--font-h6--case);
5758    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
5759    --border-width: 1px; --border-style: none; --border-color:
5760rgb(var(--color-border-rgb) / 1.0); --border-radius:
57610px; 
5762
5763  "
5764  
5765>
5766  
5767
5768
5769
5770<accordion-custom
5771  
5772  
5773  
5774  
5775  
5776  
5777  
5778  
5779  
5780>
5781  
5782  <details
5783    class="details"
5784    data-testid="accordion-details"
5785    
5786    
5787  >
5788    <summary class="details__header">
5789      
5790      Description
5791      <span class="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">
5792  <path d="M11 5.5L7 9.5L3 5.5" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
5793</svg>
5794</span>
5795      <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">
5796  <path class="vertical" d="M2.75 7H11.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/>
5797  <path class="horizontal" d="M7 2.75L7 11.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/>
5798</svg>
5799</span>
5800    </summary>
5801
5802    <div class="details-content">
5803      
5804
5805
5806
5807
5808
5809
5810
5811
5812  <div class=" spacing-style text-block text-block--AVGZkMHFwM1NDbGFtR__text_n7A9da custom    text-block--align-left custom-typography  custom-font-size   "  style="    --padding-block-start: 12px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px;     --font-size: var(--font-size--body-lg);      --font-weight: var(--font-secondary--weight);--font-family: var(--font-secondary--family);    --text-transform: none;    --text-wrap: pretty;          --line-height: var(--line-height--body-normal);        --letter-spacing: var(--letter-spacing--body-normal);    --width: 100%;    --max-width: var(--max-width--body-normal);          --text-align: left;          ">
5813    <h2 data-section-id="17a040r" data-start="880" data-end="931">Baby Lips Peptide Gloss — Unscented + Unflavored</h2>
5814<p data-start="933" data-end="1053"><strong data-start="933" data-end="1053">A hydrating peptide lip gloss designed to comfort, smooth, and restore moisture — without any added scent or flavor.</strong></p>
5815<p data-start="1055" data-end="1357">This cushiony, non-sticky formula delivers lasting hydration while helping support lips during lip-blush aftercare. Peptides and conditioning ingredients help maintain moisture and protect the lip barrier as it recovers. Perfect for sensitive lips or anyone who prefers a completely neutral experience.</p>
5816<p data-start="1359" data-end="1408">For glossy, calm, hydrated baby lips — every day.</p>
5817<p data-start="1410" data-end="1426"><strong data-start="1410" data-end="1426">Key Benefits</strong></p>
5818<ul data-start="1427" data-end="1621">
5819<li data-section-id="7qmvrx" data-start="1427" data-end="1469">Supports lip-blush healing and hydration</li>
5820<li data-section-id="1gx9ybl" data-start="1470" data-end="1507">Helps lips feel softer and smoother</li>
5821<li data-section-id="umgx8i" data-start="1508" data-end="1537">Lightweight, cushiony gloss</li>
5822<li data-section-id="72vbqh" data-start="1538" data-end="1562">Natural, healthy shine</li>
5823<li data-section-id="5j2pn8" data-start="1563" data-end="1621">Unscented and unflavored for a clean, neutral experience</li>
5824</ul>
5825  </div>
5826
5827
5828
5829
5830
5831
5832
5833    </div>
5834  </details>
5835
5836</accordion-custom>
5837
5838
5839
5840
5841
5842
5843
5844
5845
5846
5847
5848
5849
5850<accordion-custom
5851  
5852  
5853  
5854  
5855  
5856  
5857  
5858  
5859  
5860>
5861  
5862  <details
5863    class="details"
5864    data-testid="accordion-details"
5865    
5866    
5867  >
5868    <summary class="details__header">
5869      
5870      Care
5871      <span class="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">
5872  <path d="M11 5.5L7 9.5L3 5.5" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
5873</svg>
5874</span>
5875      <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">
5876  <path class="vertical" d="M2.75 7H11.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/>
5877  <path class="horizontal" d="M7 2.75L7 11.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/>
5878</svg>
5879</span>
5880    </summary>
5881
5882    <div class="details-content">
5883      
5884
5885
5886
5887
5888
5889
5890
5891
5892  <div class=" spacing-style text-block text-block--AdEg5N0h5L2xIcEc3T__text_VdG98J custom    text-block--align-left custom-typography  custom-font-size   "  style="    --padding-block-start: 12px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px;     --font-size: var(--font-size--body-lg);      --font-weight: var(--font-secondary--weight);--font-family: var(--font-secondary--family);    --text-transform: none;    --text-wrap: pretty;          --line-height: var(--line-height--body-normal);        --letter-spacing: var(--letter-spacing--body-normal);    --width: 100%;    --max-width: var(--max-width--body-normal);          --text-align: left;          ">
5893    <p>Thoughtfully designed for everyday use. Store in a cool, dry place away from direct sunlight and always replace caps securely after use to maintain product performance.</p><p>For best results, use as directed and incorporate into your daily beauty routine.</p>
5894  </div>
5895
5896
5897
5898
5899
5900
5901
5902    </div>
5903  </details>
5904
5905</accordion-custom>
5906
5907
5908
5909
5910
5911
5912
5913
5914
5915
5916
5917
5918
5919<accordion-custom
5920  
5921  
5922  
5923  
5924  
5925  
5926  
5927  
5928  
5929>
5930  
5931  <details
5932    class="details"
5933    data-testid="accordion-details"
5934    
5935    
5936  >
5937    <summary class="details__header">
5938      
5939      Design
5940      <span class="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">
5941  <path d="M11 5.5L7 9.5L3 5.5" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
5942</svg>
5943</span>
5944      <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">
5945  <path class="vertical" d="M2.75 7H11.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/>
5946  <path class="horizontal" d="M7 2.75L7 11.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/>
5947</svg>
5948</span>
5949    </summary>
5950
5951    <div class="details-content">
5952      
5953
5954
5955
5956
5957
5958
5959
5960
5961  <div class=" spacing-style text-block text-block--ASkoyUGt1YkNROEZHR__text_qLGEN9 custom    text-block--align-left custom-typography  custom-font-size   "  style="    --padding-block-start: 12px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px;     --font-size: var(--font-size--body-lg);      --font-weight: var(--font-secondary--weight);--font-family: var(--font-secondary--family);    --text-transform: none;    --text-wrap: pretty;          --line-height: var(--line-height--body-normal);        --letter-spacing: var(--letter-spacing--body-normal);    --width: 100%;    --max-width: var(--max-width--body-normal);          --text-align: left;          ">
5962    <p>Fluffy features a dual-ended design with an ultra-fine micro tip and an angled pencil edge, giving you complete control over your brow look. The micro tip creates precise, hair-like strokes to mimic natural brow hairs, while the angled edge adds soft definition and shape without harsh lines.</p><p>Housed in a sleek, minimalist pencil, Fluffy is designed to make fuller-looking, naturally fluffy brows effortless.</p>
5963  </div>
5964
5965
5966
5967
5968
5969
5970
5971    </div>
5972  </details>
5973
5974</accordion-custom>
5975
5976
5977
5978
5979
5980
5981
5982
5983
5984
5985</div>
5986
5987
5988
5989
5990
5991  </div>
5992</div>
5993
5994
5995
5996</div>
5997
5998
5999
6000
6001
6002
6003      
6004    
6005  </div>
6006
6007  
6008  
6009
6010</div>
6011
6012
6013
6014
6015
6016
6017
6018</div><div id="shopify-section-template--22279579173104__product_list_jdtmmx" class="shopify-section ui-test-product-list">
6019
6020
6021
6022<div class="section-background color-scheme-1"></div>
6023<div
6024  data-testid="product-list"
6025  class="
6026    section
6027    section--page-width
6028    color-scheme-1
6029    section-resource-list
6030    spacing-style
6031    gap-style
6032  "
6033  style="
6034    --padding-block-start: max(20px, calc(var(--spacing-scale) * 48px));--padding-block-end: max(20px, calc(var(--spacing-scale) * 48px));
6035    --gap: max(24px, calc(var(--gap-scale, 1.0) * 28px));
6036  "
6037>
6038  <div class="section-resource-list__header">
6039<div
6040  class="
6041    group-block
6042    group-block--height-fit
6043    group-block--width-fill
6044    border-style
6045    spacing-style
6046    size-style
6047    
6048    
6049  "
6050  style="
6051    --border-width: 1px; --border-style: none; --border-color:
6052rgb(var(--color-border-rgb) / 1.0); --border-radius:
60530px; 
6054
6055    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
6056    --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
6057    
6058  "
6059  
6060  data-testid="group-block"
6061><div class="group-block__media-wrapper">
6062    
6063
6064
6065
6066    
6067  </div>
6068
6069  <div
6070    class="
6071      group-block-content
6072      
6073      layout-panel-flex
6074      layout-panel-flex--row
6075      
6076    "
6077    style="--flex-direction: row; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;
6078
6079--gap: 12px;
6080
6081--horizontal-alignment: space-between; --vertical-alignment: last baseline;
6082--vertical-alignment-mobile: last baseline;
6083"
6084  >
6085
6086
6087
6088
6089
6090
6091
6092
6093
6094
6095
6096  <rte-formatter class=" spacing-style text-block text-block--AWkVYcnFGQlNxN01Ce__product_list_text_QkQgMy rte     rte   "  style="    --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px;         --width: fit-content;    --max-width: var(--max-width--body-normal);          ">
6097    <h3>Products</h3>
6098  </rte-formatter>
6099
6100
6101
6102
6103
6104
6105
6106
6107
6108
6109
6110
6111
6112
6113</div>
6114</div>
6115
6116
6117
6118</div>
6119
6120  
6121
6122  
6123
6124  
6125
6126<div
6127  class="
6128    resource-list
6129    
6130    
6131    resource-list--grid
6132  "
6133  style="--resource-list-column-gap-desktop: 8px;--resource-list-row-gap-desktop: 24px;--resource-list-columns: repeat(4, 1fr);--resource-list-columns-mobile: repeat(2, 1fr);--column-count-mobile: 2;"
6134  
6135    data-testid="resource-list-grid"
6136  
6137>
6138  
6139      
6140    
6141      
6142        
6143          <div
6144            class="resource-list__item"
6145          >
6146            
6147              
6148
6149
6150
6151
6152
6153<style data-shopify>
6154  
6155</style>
6156
6157
6158
6159<product-card
6160  class="product-card size-style"
6161  style="--size-style-width: ;--size-style-height: ;"
6162  data-product-id="9843391168752"
6163  id="product-card-AdWczK2k2THdRZVhqZ__static-product-card"
6164  
6165    data-product-transition="true"
6166    data-featured-media-url="//www.hairylittlethings.com/cdn/shop/files/ChatGPT_Image_Jun_22_2026_07_39_06_AM.png?v=1782128356&width=500"
6167    on:click="/handleViewTransition"
6168  
6169  
6170  
6171>
6172  <a
6173    id="fc53824b8eeff2a95c361ee409917c32"
6174    
6175      href="/products/baby-lips?variant=48803410215152"
6176    
6177    class="product-card__link"
6178    ref="productCardLink"
6179  >
6180    <span class="visually-hidden">
6181      Baby Lips - Unscented + Unflavored
6182    </span>
6183  </a>
6184  <div
6185    class="
6186      product-card__content
6187      layout-panel-flex
6188      layout-panel-flex--column
6189      product-grid__card
6190      spacing-style
6191      border-style
6192      gap-style
6193      
6194    "
6195    style="
6196      --border-width: 1px; --border-style: none; --border-color:
6197rgb(var(--color-border-rgb) / 1.0); --border-radius:
61980px; 
6199
6200      --flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;
6201
6202
6203
6204--horizontal-alignment: ; --vertical-alignment: ;
6205--vertical-alignment-mobile: ;
6206
6207      --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
6208      --product-card-gap: 4px;
6209      --quick-add-display: flex;
6210      --quick-add-mobile-display: none;
6211      --quick-add-mobile-opacity: 0;
6212      
6213      
6214      
6215      
6216    "
6217  >
6218    
6219  
6220
6221
6222
6223
6224
6225
6226
6227<div
6228  ref="cardGallery"
6229  class="card-gallery card-gallery-AOTd4VXlkc1N1d2EwR__product_card_gallery_RCKyMn spacing-style border-style"
6230  style="
6231    --border-width: 1px; --border-style: none; --border-color:
6232rgb(var(--color-border-rgb) / 1.0); --border-radius:
62330px; 
6234
6235    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
6236    --gallery-aspect-ratio: 1;
6237  "
6238  data-product-id="9843391168752"
6239  
6240    on:pointerenter="/previewImage"
6241    on:pointerleave="/resetImage"
6242  
6243  
6244    data-view-transition-to-main-product
6245  
6246  data-image-ratio="square"
6247  
6248>
6249    <a
6250      class="contents"
6251      ref="cardGalleryLink"
6252      href="/products/baby-lips?variant=48803410215152"
6253      aria-label="Baby Lips - Unscented + Unflavored"
6254    >
6255      <slideshow-component
6256  
6257    ref="slideshow"
6258  
6259  
6260  style="--slideshow-timeline: --slide-0;--slide-min-height: auto;--slide-min-height-desktop: auto;"
6261  
6262  initial-slide="0"
6263  
6264  
6265    infinite
6266  
6267
6268  data-generic-media-size="1"
6269>
6270  
6271  <slideshow-container ref="slideshowContainer">
6272    
6273    
6274    <slideshow-slides
6275      tabindex="-1"
6276      ref="scroller"
6277      
6278    >
6279      <slideshow-slide
6280  ref="slides[]"
6281  aria-hidden="false"
6282  style="--slideshow-timeline: --slide-0; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
6283  
6284    class="product-media-container media-fit product-media-container--image"
6285  
6286  
6287  
6288  
6289    slide-id="44967937310960"
6290  
6291  
6292  
6293  
6294>
6295  
6296
6297<div
6298  class="product-media"
6299  style="--ratio: 1.0"
6300  data-media-id="44967937310960"
6301>
6302  
6303  <img src="//www.hairylittlethings.com/cdn/shop/files/ChatGPT_Image_Jun_22_2026_07_39_06_AM.png?v=1782128356&amp;width=3840" alt="Baby Lips - Unscented + Unflavored" srcset="//www.hairylittlethings.com/cdn/shop/files/ChatGPT_Image_Jun_22_2026_07_39_06_AM.png?v=1782128356&amp;width=240 240w, //www.hairylittlethings.com/cdn/shop/files/ChatGPT_Image_Jun_22_2026_07_39_06_AM.png?v=1782128356&amp;width=352 352w, //www.hairylittlethings.com/cdn/shop/files/ChatGPT_Image_Jun_22_2026_07_39_06_AM.png?v=1782128356&amp;width=832 832w, //www.hairylittlethings.com/cdn/shop/files/ChatGPT_Image_Jun_22_2026_07_39_06_AM.png?v=1782128356&amp;width=1200 1200w, //www.hairylittlethings.com/cdn/shop/files/ChatGPT_Image_Jun_22_2026_07_39_06_AM.png?v=1782128356&amp;width=1600 1600w, //www.hairylittlethings.com/cdn/shop/files/ChatGPT_Image_Jun_22_2026_07_39_06_AM.png?v=1782128356&amp;width=1920 1920w, //www.hairylittlethings.com/cdn/shop/files/ChatGPT_Image_Jun_22_2026_07_39_06_AM.png?v=1782128356&amp;width=2560 2560w, //www.hairylittlethings.com/cdn/shop/files/ChatGPT_Image_Jun_22_2026_07_39_06_AM.png?v=1782128356&amp;width=3840 3840w" width="3840" height="3840" loading="eager" sizes="(min-width: 750px) 25.0vw, 100vw" class="product-media__image" data_max_resolution="//www.hairylittlethings.com/cdn/shop/files/ChatGPT_Image_Jun_22_2026_07_39_06_AM.png?v=1782128356&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
6304
6305  
6306</div>
6307
6308
6309
6310</slideshow-slide>
6311
6312
6313
6314
6315    </slideshow-slides>
6316  </slideshow-container>
6317  
6318</slideshow-component>
6319
6320
6321
6322
6323    </a>
6324  
6325  
6326    <div
6327      class="product-badges product-badges--top-left"
6328      style="
6329        --badge-border-radius: 0px;
6330        --badge-font-family: var(--font-body--family); --badge-font-weight: var(--font-body--weight); --badge-text-transform: uppercase;
6331      "
6332    ></div>
6333    
6334      
6335
6336<quick-add-component
6337  class="quick-add color-scheme-1 "
6338  ref="quickAdd"
6339  data-product-title="Baby Lips - Unscented + Unflavored"
6340  data-quick-add-button="add"
6341  data-product-options-count="1"
6342>
6343  <product-form-component
6344    data-section-id="template--22279579173104__product_list_jdtmmx"
6345    data-product-id="9843391168752"
6346    on:submit="/handleSubmit"
6347    class="quick-add__product-form-component"
6348  >
6349    <div
6350      class="visually-hidden"
6351      aria-live="assertive"
6352      role="status"
6353      aria-atomic="true"
6354      ref="liveRegion"
6355    ></div><form method="post" action="/cart/add" id="QuickAdd-ProductForm-9843391168752-AOTd4VXlkc1N1d2EwR__product_card_gallery_RCKyMn" accept-charset="UTF-8" class="shopify-product-form" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input
6356        type="hidden"
6357        name="id"
6358        ref="variantId"
6359        value="48803410215152"
6360        
6361      >
6362      <input
6363        type="hidden"
6364        name="quantity"
6365        value="1"
6366      >
6367      
6368      <add-to-cart-component
6369  ref="addToCartButtonContainer"
6370  data-product-variant-media="//www.hairylittlethings.com/cdn/shop/files/ChatGPT_Image_Jun_22_2026_07_39_06_AM.png?v=1782128356&width=100"
6371  data-add-to-cart-animation="true"
6372>
6373  <button
6374    
6375    type="submit"
6376    name="add"
6377    ref="addToCartButton"
6378    on:click="/handleClick"
6379    class="button button quick-add__button quick-add__button--add add-to-cart-button"
6380    
6381    
6382  >
6383    <span
6384      class="add-to-cart-text"
6385    >
6386      
6387        <span
6388          aria-hidden="true"
6389          class="svg-wrapper add-to-cart-icon"
6390        ><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="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg>
6391</span>
6392      
6393      <span class="add-to-cart-text__content is-visually-hidden-mobile">
6394        <span>
6395          <span>Add</span>
6396        </span>
6397      </span>
6398    </span>
6399    
6400    <span class="add-to-cart__added">
6401      <span class="svg-wrapper add-to-cart__added-icon"><svg aria-hidden="true" class="checkmark-burst" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
6402  <g class="check">
6403    <circle class="ring" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
6404    <path class="tick" d="M9 12.75L11.25 15L15 9.75" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
6405  </g>
6406  <g class="burst">
6407    <g style="--index: 0;">
6408      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
6409    </g>
6410    <g style="--index: 1;">
6411      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
6412    </g>
6413    <g style="--index: 2;">
6414      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
6415    </g>
6416    <g style="--index: 3;">
6417      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
6418    </g>
6419    <g style="--index: 4;">
6420      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
6421    </g>
6422    <g style="--index: 5;">
6423      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
6424    </g>
6425    <g style="--index: 6;">
6426      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
6427    </g>
6428    <g style="--index: 7;">
6429      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
6430    </g>
6431  </g>
6432</svg>
6433</span>
6434    </span>
6435  </button>
6436</add-to-cart-component>
6437
6438
6439      <button
6440        class="button quick-add__button quick-add__button--choose add-to-cart-button"
6441        
6442        type="button"
6443        name="add"
6444        on:click="quick-add-component/handleClick"
6445      >
6446        <span
6447          class="add-to-cart-text"
6448        >
6449          
6450          <span
6451            aria-hidden="true"
6452            class="svg-wrapper add-to-cart-icon"
6453          ><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="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg>
6454</span>
6455          <span class="add-to-cart-text__content is-visually-hidden-mobile">
6456            <span>
6457              
6458              <span>
6459                Choose
6460              </span>
6461            </span>
6462          </span>
6463        </span>
6464      </button><input type="hidden" name="product-id" value="9843391168752" /><input type="hidden" name="section-id" value="template--22279579173104__product_list_jdtmmx" /></form></product-form-component>
6465</quick-add-component>
6466
6467
6468
6469
6470    
6471  
6472
6473</div>
6474
6475
6476
6477
6478
6479<div class="product-grid-view-zoom-out--details">
6480  
6481    <h3 class="h4">Baby Lips - Unscented + Unflavored</h3>
6482  
6483</div>
6484
6485
6486
6487
6488
6489
6490
6491
6492  
6493  <a
6494    class="contents user-select-text"
6495    ref="productTitleLink"
6496    href="/products/baby-lips?variant=48803410215152"
6497  >
6498    
6499
6500
6501
6502
6503
6504
6505  <div class=" spacing-style text-block text-block--AMWNxVE8zTkorQ2dub__product_title_axhfpD paragraph     rte   "  style="    --padding-block-start: 4px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px;     --color: var(--color-foreground);    --width: fit-content;    --max-width: var(--max-width--body-normal);          ">
6506    <p role="heading" aria-level="3">Baby Lips - Unscented + Unflavored</p>
6507  </div>
6508
6509
6510
6511
6512  </a>
6513
6514
6515
6516
6517
6518
6519<product-price
6520  class="text-block text-block--align-left text-left h6 spacing-style"
6521  data-block-id="AeVg2OEh3Sml5bEQzY__price_nx4D7A"
6522  data-product-id="9843391168752"
6523  style="
6524    
6525--color: var(--color-foreground);
6526    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
6527    --width: 100%;
6528  "
6529  
6530>
6531  <div ref="priceContainer">
6532  
6533    
6534    <div
6535      class="
6536        price__regular
6537        
6538      "
6539    >
6540      <span class="price">€19,95</span>
6541    </div>
6542    <div
6543      class="
6544        price__sale
6545        
6546          price__hidden
6547        
6548      "
6549    >
6550      
6551        <span class="price-item__group">
6552          <span class="visually-hidden">Sale price&nbsp;</span>
6553          <span class="price-item--sale price">€19,95</span>
6554        </span>
6555        <span class="price-item__group">
6556          <span class="visually-hidden">Regular price&nbsp;</span>
6557          <span class="price-item--regular compare-at-price"></span>
6558        </span>
6559      
6560    </div>
6561  
6562</div>
6563
6564  
6565</product-price>
6566
6567
6568
6569
6570  </div>
6571</product-card>
6572
6573
6574
6575
6576
6577
6578
6579
6580
6581
6582
6583
6584
6585
6586
6587
6588            
6589          </div>
6590
6591          
6592            <!--@list/split-->
6593          
6594        
6595          <div
6596            class="resource-list__item"
6597          >
6598            
6599              
6600
6601
6602
6603
6604
6605<style data-shopify>
6606  
6607</style>
6608
6609
6610
6611<product-card
6612  class="product-card size-style"
6613  style="--size-style-width: ;--size-style-height: ;"
6614  data-product-id="9989252120816"
6615  id="product-card-AdWczK2k2THdRZVhqZ__static-product-card-1"
6616  
6617    data-product-transition="true"
6618    data-featured-media-url="//www.hairylittlethings.com/cdn/shop/files/ChatGPT_Image_Jun_22_2026_07_37_28_AM.png?v=1782128272&width=500"
6619    on:click="/handleViewTransition"
6620  
6621  
6622  
6623>
6624  <a
6625    id="1bb548dd34fbfe72a12c70381c5fb513"
6626    
6627      href="/products/emergencies-only-tweezer-trimmer-set?variant=49594587382000"
6628    
6629    class="product-card__link"
6630    ref="productCardLink"
6631  >
6632    <span class="visually-hidden">
6633      Emergencies Only - Tweezer + Trimmer Set
6634    </span>
6635  </a>
6636  <div
6637    class="
6638      product-card__content
6639      layout-panel-flex
6640      layout-panel-flex--column
6641      product-grid__card
6642      spacing-style
6643      border-style
6644      gap-style
6645      
6646    "
6647    style="
6648      --border-width: 1px; --border-style: none; --border-color:
6649rgb(var(--color-border-rgb) / 1.0); --border-radius:
66500px; 
6651
6652      --flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;
6653
6654
6655
6656--horizontal-alignment: ; --vertical-alignment: ;
6657--vertical-alignment-mobile: ;
6658
6659      --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
6660      --product-card-gap: 4px;
6661      --quick-add-display: flex;
6662      --quick-add-mobile-display: none;
6663      --quick-add-mobile-opacity: 0;
6664      
6665      
6666      
6667      
6668    "
6669  >
6670    
6671  
6672
6673
6674
6675
6676
6677
6678
6679<div
6680  ref="cardGallery"
6681  class="card-gallery card-gallery-AOTd4VXlkc1N1d2EwR__product_card_gallery_RCKyMn-1 spacing-style border-style"
6682  style="
6683    --border-width: 1px; --border-style: none; --border-color:
6684rgb(var(--color-border-rgb) / 1.0); --border-radius:
66850px; 
6686
6687    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
6688    --gallery-aspect-ratio: 1;
6689  "
6690  data-product-id="9989252120816"
6691  
6692    on:pointerenter="/previewImage"
6693    on:pointerleave="/resetImage"
6694  
6695  
6696    data-view-transition-to-main-product
6697  
6698  data-image-ratio="square"
6699  
6700>
6701    <a
6702      class="contents"
6703      ref="cardGalleryLink"
6704      href="/products/emergencies-only-tweezer-trimmer-set?variant=49594587382000"
6705      aria-label="Emergencies Only - Tweezer + Trimmer Set"
6706    >
6707      <slideshow-component
6708  
6709    ref="slideshow"
6710  
6711  
6712  style="--slideshow-timeline: --slide-0, --slide-1;--slide-min-height: auto;--slide-min-height-desktop: auto;"
6713  
6714  initial-slide="0"
6715  
6716  
6717    infinite
6718  
6719
6720  data-generic-media-size="2"
6721>
6722  
6723  <slideshow-container ref="slideshowContainer">
6724    
6725    
6726    <slideshow-slides
6727      tabindex="-1"
6728      ref="scroller"
6729      
6730    >
6731      <slideshow-slide
6732  ref="slides[]"
6733  aria-hidden="false"
6734  style="--slideshow-timeline: --slide-0; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
6735  
6736    class="product-media-container media-fit product-media-container--image"
6737  
6738  
6739  
6740  
6741    slide-id="44967933968624"
6742  
6743  
6744  
6745  
6746>
6747  
6748
6749<div
6750  class="product-media"
6751  style="--ratio: 1.0"
6752  data-media-id="44967933968624"
6753>
6754  
6755  <img src="//www.hairylittlethings.com/cdn/shop/files/ChatGPT_Image_Jun_22_2026_07_37_28_AM.png?v=1782128272&amp;
6755width=3840" alt="Emergencies Only - Tweezer + Trimmer Set" srcset="//www.hairylittlethings.com/cdn/shop/files/ChatGPT_Image_Jun_22_2026_07_37_28_AM.png?v=1782128272&amp;width=240 240w, //www.hairylittlethings.com/cdn/shop/files/ChatGPT_Image_Jun_22_2026_07_37_28_AM.png?v=1782128272&amp;width=352 352w, //www.hairylittlethings.com/cdn/shop/files/ChatGPT_Image_Jun_22_2026_07_37_28_AM.png?v=1782128272&amp;width=832 832w, //www.hairylittlethings.com/cdn/shop/files/ChatGPT_Image_Jun_22_2026_07_37_28_AM.png?v=1782128272&amp;width=1200 1200w, //www.hairylittlethings.com/cdn/shop/files/ChatGPT_Image_Jun_22_2026_07_37_28_AM.png?v=1782128272&amp;width=1600 1600w, //www.hairylittlethings.com/cdn/shop/files/ChatGPT_Image_Jun_22_2026_07_37_28_AM.png?v=1782128272&amp;width=1920 1920w, //www.hairylittlethings.com/cdn/shop/files/ChatGPT_Image_Jun_22_2026_07_37_28_AM.png?v=1782128272&amp;width=2560 2560w, //www.hairylittlethings.com/cdn/shop/files/ChatGPT_Image_Jun_22_2026_07_37_28_AM.png?v=1782128272&amp;width=3840 3840w" width="3840" height="3840" loading="eager" sizes="(min-width: 750px) 25.0vw, 100vw" class="product-media__image" data_max_resolution="//www.hairylittlethings.com/cdn/shop/files/ChatGPT_Image_Jun_22_2026_07_37_28_AM.png?v=1782128272&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
6756
6757  
6758</div>
6759
6760
6761
6762</slideshow-slide>
6763
6764
6765
6766<slideshow-slide
6767  ref="slides[]"
6768  aria-hidden="true"
6769  style="--slideshow-timeline: --slide-1; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
6770  
6771    class="product-media-container media-fit product-media-container--image"
6772  
6773  
6774  
6775  
6776    slide-id="44967933935856"
6777  
6778  
6779  
6780  
6781>
6782  
6783
6784<div
6785  class="product-media"
6786  style="--ratio: 1.0"
6787  data-media-id="44967933935856"
6788>
6789  
6790  <img src="//www.hairylittlethings.com/cdn/shop/files/ChatGPT_Image_Jun_22_2026_07_37_38_AM.png?v=1782128272&amp;width=3840" alt="Emergencies Only - Tweezer + Trimmer Set" srcset="//www.hairylittlethings.com/cdn/shop/files/ChatGPT_Image_Jun_22_2026_07_37_38_AM.png?v=1782128272&amp;width=240 240w, //www.hairylittlethings.com/cdn/shop/files/ChatGPT_Image_Jun_22_2026_07_37_38_AM.png?v=1782128272&amp;width=352 352w, //www.hairylittlethings.com/cdn/shop/files/ChatGPT_Image_Jun_22_2026_07_37_38_AM.png?v=1782128272&amp;width=832 832w, //www.hairylittlethings.com/cdn/shop/files/ChatGPT_Image_Jun_22_2026_07_37_38_AM.png?v=1782128272&amp;width=1200 1200w, //www.hairylittlethings.com/cdn/shop/files/ChatGPT_Image_Jun_22_2026_07_37_38_AM.png?v=1782128272&amp;width=1600 1600w, //www.hairylittlethings.com/cdn/shop/files/ChatGPT_Image_Jun_22_2026_07_37_38_AM.png?v=1782128272&amp;width=1920 1920w, //www.hairylittlethings.com/cdn/shop/files/ChatGPT_Image_Jun_22_2026_07_37_38_AM.png?v=1782128272&amp;width=2560 2560w, //www.hairylittlethings.com/cdn/shop/files/ChatGPT_Image_Jun_22_2026_07_37_38_AM.png?v=1782128272&amp;width=3840 3840w" width="3840" height="3840" loading="lazy" sizes="auto, (min-width: 750px) 25.0vw, 100vw" class="product-media__image" data_max_resolution="//www.hairylittlethings.com/cdn/shop/files/ChatGPT_Image_Jun_22_2026_07_37_38_AM.png?v=1782128272&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
6791
6792  
6793</div>
6794
6795
6796
6797</slideshow-slide>
6798
6799
6800
6801
6802    </slideshow-slides>
6803  </slideshow-container>
6804  
6805</slideshow-component>
6806
6807
6808
6809
6810    </a>
6811  
6812  
6813    <div
6814      class="product-badges product-badges--top-left"
6815      style="
6816        --badge-border-radius: 0px;
6817        --badge-font-family: var(--font-body--family); --badge-font-weight: var(--font-body--weight); --badge-text-transform: uppercase;
6818      "
6819    ></div>
6820    
6821      
6822
6823<quick-add-component
6824  class="quick-add color-scheme-1 "
6825  ref="quickAdd"
6826  data-product-title="Emergencies Only - Tweezer + Trimmer Set"
6827  data-quick-add-button="add"
6828  data-product-options-count="1"
6829>
6830  <product-form-component
6831    data-section-id="template--22279579173104__product_list_jdtmmx"
6832    data-product-id="9989252120816"
6833    on:submit="/handleSubmit"
6834    class="quick-add__product-form-component"
6835  >
6836    <div
6837      class="visually-hidden"
6838      aria-live="assertive"
6839      role="status"
6840      aria-atomic="true"
6841      ref="liveRegion"
6842    ></div><form method="post" action="/cart/add" id="QuickAdd-ProductForm-9989252120816-AOTd4VXlkc1N1d2EwR__product_card_gallery_RCKyMn-1" accept-charset="UTF-8" class="shopify-product-form" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input
6843        type="hidden"
6844        name="id"
6845        ref="variantId"
6846        value="49594587382000"
6847        
6848      >
6849      <input
6850        type="hidden"
6851        name="quantity"
6852        value="1"
6853      >
6854      
6855      <add-to-cart-component
6856  ref="addToCartButtonContainer"
6857  data-product-variant-media="//www.hairylittlethings.com/cdn/shop/files/ChatGPT_Image_Jun_22_2026_07_37_28_AM.png?v=1782128272&width=100"
6858  data-add-to-cart-animation="true"
6859>
6860  <button
6861    
6862    type="submit"
6863    name="add"
6864    ref="addToCartButton"
6865    on:click="/handleClick"
6866    class="button button quick-add__button quick-add__button--add add-to-cart-button"
6867    
6868    
6869  >
6870    <span
6871      class="add-to-cart-text"
6872    >
6873      
6874        <span
6875          aria-hidden="true"
6876          class="svg-wrapper add-to-cart-icon"
6877        ><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="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg>
6878</span>
6879      
6880      <span class="add-to-cart-text__content is-visually-hidden-mobile">
6881        <span>
6882          <span>Add</span>
6883        </span>
6884      </span>
6885    </span>
6886    
6887    <span class="add-to-cart__added">
6888      <span class="svg-wrapper add-to-cart__added-icon"><svg aria-hidden="true" class="checkmark-burst" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
6889  <g class="check">
6890    <circle class="ring" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
6891    <path class="tick" d="M9 12.75L11.25 15L15 9.75" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
6892  </g>
6893  <g class="burst">
6894    <g style="--index: 0;">
6895      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
6896    </g>
6897    <g style="--index: 1;">
6898      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
6899    </g>
6900    <g style="--index: 2;">
6901      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
6902    </g>
6903    <g style="--index: 3;">
6904      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
6905    </g>
6906    <g style="--index: 4;">
6907      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
6908    </g>
6909    <g style="--index: 5;">
6910      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
6911    </g>
6912    <g style="--index: 6;">
6913      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
6914    </g>
6915    <g style="--index: 7;">
6916      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
6917    </g>
6918  </g>
6919</svg>
6920</span>
6921    </span>
6922  </button>
6923</add-to-cart-component>
6924
6925
6926      <button
6927        class="button quick-add__button quick-add__button--choose add-to-cart-button"
6928        
6929        type="button"
6930        name="add"
6931        on:click="quick-add-component/handleClick"
6932      >
6933        <span
6934          class="add-to-cart-text"
6935        >
6936          
6937          <span
6938            aria-hidden="true"
6939            class="svg-wrapper add-to-cart-icon"
6940          ><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="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg>
6941</span>
6942          <span class="add-to-cart-text__content is-visually-hidden-mobile">
6943            <span>
6944              
6945              <span>
6946                Choose
6947              </span>
6948            </span>
6949          </span>
6950        </span>
6951      </button><input type="hidden" name="product-id" value="9989252120816" /><input type="hidden" name="section-id" value="template--22279579173104__product_list_jdtmmx" /></form></product-form-component>
6952</quick-add-component>
6953
6954
6955
6956
6957    
6958  
6959
6960</div>
6961
6962
6963
6964
6965
6966<div class="product-grid-view-zoom-out--details">
6967  
6968    <h3 class="h4">Emergencies Only - Tweezer + Trimmer Set</h3>
6969  
6970</div>
6971
6972
6973
6974
6975
6976
6977
6978
6979  
6980  <a
6981    class="contents user-select-text"
6982    ref="productTitleLink"
6983    href="/products/emergencies-only-tweezer-trimmer-set?variant=49594587382000"
6984  >
6985    
6986
6987
6988
6989
6990
6991
6992  <div class=" spacing-style text-block text-block--AMWNxVE8zTkorQ2dub__product_title_axhfpD-1 paragraph     rte   "  style="    --padding-block-start: 4px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px;     --color: var(--color-foreground);    --width: fit-content;    --max-width: var(--max-width--body-normal);          ">
6993    <p role="heading" aria-level="3">Emergencies Only - Tweezer + Trimmer Set</p>
6994  </div>
6995
6996
6997
6998
6999  </a>
7000
7001
7002
7003
7004
7005
7006<product-price
7007  class="text-block text-block--align-left text-left h6 spacing-style"
7008  data-block-id="AeVg2OEh3Sml5bEQzY__price_nx4D7A-1"
7009  data-product-id="9989252120816"
7010  style="
7011    
7012--color: var(--color-foreground);
7013    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
7014    --width: 100%;
7015  "
7016  
7017>
7018  <div ref="priceContainer">
7019  
7020    
7021    <div
7022      class="
7023        price__regular
7024        
7025      "
7026    >
7027      <span class="price">€38,95</span>
7028    </div>
7029    <div
7030      class="
7031        price__sale
7032        
7033          price__hidden
7034        
7035      "
7036    >
7037      
7038        <span class="price-item__group">
7039          <span class="visually-hidden">Sale price&nbsp;</span>
7040          <span class="price-item--sale price">€38,95</span>
7041        </span>
7042        <span class="price-item__group">
7043          <span class="visually-hidden">Regular price&nbsp;</span>
7044          <span class="price-item--regular compare-at-price"></span>
7045        </span>
7046      
7047    </div>
7048  
7049</div>
7050
7051  
7052</product-price>
7053
7054
7055
7056
7057  </div>
7058</product-card>
7059
7060
7061
7062
7063
7064
7065
7066
7067
7068
7069
7070
7071
7072
7073
7074
7075            
7076          </div>
7077
7078          
7079            <!--@list/split-->
7080          
7081        
7082          <div
7083            class="resource-list__item"
7084          >
7085            
7086              
7087
7088
7089
7090
7091
7092<style data-shopify>
7093  
7094</style>
7095
7096
7097
7098<product-card
7099  class="product-card size-style"
7100  style="--size-style-width: ;--size-style-height: ;"
7101  data-product-id="10040299094256"
7102  id="product-card-AdWczK2k2THdRZVhqZ__static-product-card-2"
7103  
7104    data-product-transition="true"
7105    data-featured-media-url="//www.hairylittlethings.com/cdn/shop/files/ChatGPT_Image_Jun_22_2026_07_39_06_AM.png?v=1782128356&width=500"
7106    on:click="/handleViewTransition"
7107  
7108  
7109  
7110>
7111  <a
7112    id="9a454bfa3deef1a1a167946598f82f1c"
7113    
7114      href="/products/baby-lips-vanilla?variant=49785975570672"
7115    
7116    class="product-card__link"
7117    ref="productCardLink"
7118  >
7119    <span class="visually-hidden">
7120      Baby Lips - Vanilla
7121    </span>
7122  </a>
7123  <div
7124    class="
7125      product-card__content
7126      layout-panel-flex
7127      layout-panel-flex--column
7128      product-grid__card
7129      spacing-style
7130      border-style
7131      gap-style
7132      
7133    "
7134    style="
7135      --border-width: 1px; --border-style: none; --border-color:
7136rgb(var(--color-border-rgb) / 1.0); --border-radius:
71370px; 
7138
7139      --flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;
7140
7141
7142
7143--horizontal-alignment: ; --vertical-alignment: ;
7144--vertical-alignment-mobile: ;
7145
7146      --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
7147      --product-card-gap: 4px;
7148      --quick-add-display: none;
7149      --quick-add-mobile-display: none;
7150      --quick-add-mobile-opacity: 0;
7151      
7152      
7153      
7154      
7155    "
7156  >
7157    
7158  
7159
7160
7161
7162
7163
7164
7165
7166<div
7167  ref="cardGallery"
7168  class="card-gallery card-gallery-AOTd4VXlkc1N1d2EwR__product_card_gallery_RCKyMn-2 spacing-style border-style card-gallery--badge-top-left"
7169  style="
7170    --border-width: 1px; --border-style: none; --border-color:
7171rgb(var(--color-border-rgb) / 1.0); --border-radius:
71720px; 
7173
7174    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
7175    --gallery-aspect-ratio: 1;
7176  "
7177  data-product-id="10040299094256"
7178  
7179    on:pointerenter="/previewImage"
7180    on:pointerleave="/resetImage"
7181  
7182  
7183    data-view-transition-to-main-product
7184  
7185  data-image-ratio="square"
7186  
7187>
7188    <a
7189      class="contents"
7190      ref="cardGalleryLink"
7191      href="/products/baby-lips-vanilla?variant=49785975570672"
7192      aria-label="Baby Lips - Vanilla"
7193    >
7194      <slideshow-component
7195  
7196    ref="slideshow"
7197  
7198  
7199  style="--slideshow-timeline: --slide-0;--slide-min-height: auto;--slide-min-height-desktop: auto;"
7200  
7201  initial-slide="0"
7202  
7203  
7204    infinite
7205  
7206
7207  data-generic-media-size="1"
7208>
7209  
7210  <slideshow-container ref="slideshowContainer">
7211    
7212    
7213    <slideshow-slides
7214      tabindex="-1"
7215      ref="scroller"
7216      
7217    >
7218      <slideshow-slide
7219  ref="slides[]"
7220  aria-hidden="false"
7221  style="--slideshow-timeline: --slide-0; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
7222  
7223    class="product-media-container media-fit product-media-container--image"
7224  
7225  
7226  
7227  
7228    slide-id="44967937310960"
7229  
7230  
7231  
7232  
7233>
7234  
7235
7236<div
7237  class="product-media"
7238  style="--ratio: 1.0"
7239  data-media-id="44967937310960"
7240>
7241  
7242  <img src="//www.hairylittlethings.com/cdn/shop/files/ChatGPT_Image_Jun_22_2026_07_39_06_AM.png?v=1782128356&amp;width=3840" alt="Baby Lips - Vanilla" srcset="//www.hairylittlethings.com/cdn/shop/files/ChatGPT_Image_Jun_22_2026_07_39_06_AM.png?v=1782128356&amp;width=240 240w, //www.hairylittlethings.com/cdn/shop/files/ChatGPT_Image_Jun_22_2026_07_39_06_AM.png?v=1782128356&amp;width=352 352w, //www.hairylittlethings.com/cdn/shop/files/ChatGPT_Image_Jun_22_2026_07_39_06_AM.png?v=1782128356&amp;width=832 832w, //www.hairylittlethings.com/cdn/shop/files/ChatGPT_Image_Jun_22_2026_07_39_06_AM.png?v=1782128356&amp;width=1200 1200w, //www.hairylittlethings.com/cdn/shop/files/ChatGPT_Image_Jun_22_2026_07_39_06_AM.png?v=1782128356&amp;width=1600 1600w, //www.hairylittlethings.com/cdn/shop/files/ChatGPT_Image_Jun_22_2026_07_39_06_AM.png?v=1782128356&amp;width=1920 1920w, //www.hairylittlethings.com/cdn/shop/files/ChatGPT_Image_Jun_22_2026_07_39_06_AM.png?v=1782128356&amp;width=2560 2560w, //www.hairylittlethings.com/cdn/shop/files/ChatGPT_Image_Jun_22_2026_07_39_06_AM.png?v=1782128356&amp;width=3840 3840w" width="3840" height="3840" loading="eager" sizes="(min-width: 750px) 25.0vw, 100vw" class="product-media__image" data_max_resolution="//www.hairylittlethings.com/cdn/shop/files/ChatGPT_Image_Jun_22_2026_07_39_06_AM.png?v=1782128356&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
7243
7244  
7245</div>
7246
7247
7248
7249</slideshow-slide>
7250
7251
7252
7253
7254    </slideshow-slides>
7255  </slideshow-container>
7256  
7257</slideshow-component>
7258
7259
7260
7261
7262    </a>
7263  
7264  
7265    <div
7266      class="product-badges product-badges--top-left"
7267      style="
7268        --badge-border-radius: 0px;
7269        --badge-font-family: var(--font-body--family); --badge-font-weight: var(--font-body--weight); --badge-text-transform: uppercase;
7270      "
7271    ><div
7272          class="
7273            product-badges__badge product-badges__badge--rectangle
7274             color-scheme-5
7275          "
7276        >Sold out
7277</div></div>
7278    
7279      
7280
7281<quick-add-component
7282  class="quick-add color-scheme-1 "
7283  ref="quickAdd"
7284  data-product-title="Baby Lips - Vanilla"
7285  data-quick-add-button="add"
7286  data-product-options-count="1"
7287>
7288  <product-form-component
7289    data-section-id="template--22279579173104__product_list_jdtmmx"
7290    data-product-id="10040299094256"
7291    on:submit="/handleSubmit"
7292    class="quick-add__product-form-component"
7293  >
7294    <div
7295      class="visually-hidden"
7296      aria-live="assertive"
7297      role="status"
7298      aria-atomic="true"
7299      ref="liveRegion"
7300    ></div><form method="post" action="/cart/add" id="QuickAdd-ProductForm-10040299094256-AOTd4VXlkc1N1d2EwR__product_card_gallery_RCKyMn-2" accept-charset="UTF-8" class="shopify-product-form" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input
7301        type="hidden"
7302        name="id"
7303        ref="variantId"
7304        value="49785975570672"
7305        
7306          disabled
7307        
7308      >
7309      <input
7310        type="hidden"
7311        name="quantity"
7312        value="1"
7313      >
7314      
7315      <add-to-cart-component
7316  ref="addToCartButtonContainer"
7317  data-product-variant-media="//www.hairylittlethings.com/cdn/shop/files/ChatGPT_Image_Jun_22_2026_07_39_06_AM.png?v=1782128356&width=100"
7318  data-add-to-cart-animation="true"
7319>
7320  <button
7321    
7322    type="submit"
7323    name="add"
7324    ref="addToCartButton"
7325    on:click="/handleClick"
7326    class="button button quick-add__button quick-add__button--add add-to-cart-button"
7327    
7328    
7329      disabled
7330    
7331  >
7332    <span
7333      class="add-to-cart-text"
7334    >
7335      
7336      <span class="add-to-cart-text__content is-visually-hidden-mobile">
7337        <span>
7338          <span>Add</span>
7339        </span>
7340      </span>
7341    </span>
7342    
7343    <span class="add-to-cart__added">
7344      <span class="svg-wrapper add-to-cart__added-icon"><svg aria-hidden="true" class="checkmark-burst" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
7345  <g class="check">
7346    <circle class="ring" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
7347    <path class="tick" d="M9 12.75L11.25 15L15 9.75" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
7348  </g>
7349  <g class="burst">
7350    <g style="--index: 0;">
7351      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
7352    </g>
7353    <g style="--index: 1;">
7354      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
7355    </g>
7356    <g style="--index: 2;">
7357      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
7358    </g>
7359    <g style="--index: 3;">
7360      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
7361    </g>
7362    <g style="--index: 4;">
7363      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
7364    </g>
7365    <g style="--index: 5;">
7366      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
7367    </g>
7368    <g style="--index: 6;">
7369      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
7370    </g>
7371    <g style="--index: 7;">
7372      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
7373    </g>
7374  </g>
7375</svg>
7376</span>
7377    </span>
7378  </button>
7379</add-to-cart-component>
7380
7381
7382      <button
7383        class="button quick-add__button quick-add__button--choose add-to-cart-button"
7384        
7385        type="button"
7386        name="add"
7387        on:click="quick-add-component/handleClick"
7388      >
7389        <span
7390          class="add-to-cart-text"
7391        >
7392          
7393          <span
7394            aria-hidden="true"
7395            class="svg-wrapper add-to-cart-icon"
7396          ><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="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg>
7397</span>
7398          <span class="add-to-cart-text__content is-visually-hidden-mobile">
7399            <span>
7400              
7401              <span>
7402                Choose
7403              </span>
7404            </span>
7405          </span>
7406        </span>
7407      </button><input type="hidden" name="product-id" value="10040299094256" /><input type="hidden" name="section-id" value="template--22279579173104__product_list_jdtmmx" /></form></product-form-component>
7408</quick-add-component>
7409
7410
7411
7412
7413    
7414  
7415
7416</div>
7417
7418
7419
7420
7421
7422<div class="product-grid-view-zoom-out--details">
7423  
7424    <h3 class="h4">Baby Lips - Vanilla</h3>
7425  
7426</div>
7427
7428
7429
7430
7431
7432
7433
7434
7435  
7436  <a
7437    class="contents user-select-text"
7438    ref="productTitleLink"
7439    href="/products/baby-lips-vanilla?variant=49785975570672"
7440  >
7441    
7442
7443
7444
7445
7446
7447
7448  <div class=" spacing-style text-block text-block--AMWNxVE8zTkorQ2dub__product_title_axhfpD-2 paragraph     rte   "  style="    --padding-block-start: 4px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px;     --color: var(--color-foreground);    --width: fit-content;    --max-width: var(--max-width--body-normal);          ">
7449    <p role="heading" aria-level="3">Baby Lips - Vanilla</p>
7450  </div>
7451
7452
7453
7454
7455  </a>
7456
7457
7458
7459
7460
7461
7462<product-price
7463  class="text-block text-block--align-left text-left h6 spacing-style"
7464  data-block-id="AeVg2OEh3Sml5bEQzY__price_nx4D7A-2"
7465  data-product-id="10040299094256"
7466  style="
7467    
7468--color: var(--color-foreground);
7469    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
7470    --width: 100%;
7471  "
7472  
7473>
7474  <div ref="priceContainer">
7475  
7476    
7477    <div
7478      class="
7479        price__regular
7480        
7481      "
7482    >
7483      <span class="price">€19,95</span>
7484    </div>
7485    <div
7486      class="
7487        price__sale
7488        
7489          price__hidden
7490        
7491      "
7492    >
7493      
7494        <span class="price-item__group">
7495          <span class="visually-hidden">Sale price&nbsp;</span>
7496          <span class="price-item--sale price">€19,95</span>
7497        </span>
7498        <span class="price-item__group">
7499          <span class="visually-hidden">Regular price&nbsp;</span>
7500          <span class="price-item--regular compare-at-price"></span>
7501        </span>
7502      
7503    </div>
7504  
7505</div>
7506
7507  
7508</product-price>
7509
7510
7511
7512
7513  </div>
7514</product-card>
7515
7516
7517
7518
7519
7520
7521
7522
7523
7524
7525
7526
7527
7528
7529
7530
7531            
7532          </div>
7533
7534          
7535        
7536      
7537    
7538  
7539
7540    
7541</div>
7542
7543
7544
7545
7546
7547  <div
7548    class="section-resource-list__content"
7549    style="--horizontal-alignment: flex-start;"
7550  ></div>
7551</div>
7552
7553
7554</div><div id="shopify-section-template--22279579173104__product_recommendations_qnzPkn" class="shopify-section">
7555<script
7556  src="//www.hairylittlethings.com/cdn/shop/t/5/assets/product-recommendations.js?v=168150234305923440771774184382"
7557  type="module"
7558  fetchpriority="low"
7559></script>
7559
7560
7561
7562
7563
7564
7565
7566
7567
7568
7569<product-recommendations
7570  id="product-recommendations-template--22279579173104__product_recommendations_qnzPkn"
7571  class="product-recommendations"
7572  data-url="/recommendations/products?limit=4"
7573  data-section-id="template--22279579173104__product_recommendations_qnzPkn"
7574  data-product-id="9843391168752"
7575  data-intent="related"
7576  data-testid="product-recommendations-section"
7577  data-recommendations-performed="false"
7578  data-hydration-key="product-recommendations-template--22279579173104__product_recommendations_qnzPkn"
7579  
7580>
7581  <div class="section-background color-scheme-1"></div>
7582  <div
7583    class="
7584      section
7585      section--page-width
7586      color-scheme-1
7587      section-resource-list
7588      spacing-style
7589      gap-style
7590    "
7591    style="
7592      --padding-block-start: max(20px, calc(var(--spacing-scale) * 48px));--padding-block-end: max(20px, calc(var(--spacing-scale) * 48px));
7593      --gap: max(24px, calc(var(--gap-scale, 1.0) * 28px));
7594      --column-count-mobile: 2;--resource-list-column-gap-desktop: 16px;--resource-list-row-gap-desktop: 16px;--resource-list-columns: repeat(4, 1fr);--resource-list-columns-mobile: repeat(2, 1fr);--resource-list-column-gap-desktop: 16px;--column-count: 4;--column-count-mobile: 2;
7595    "
7596  >
7597    <div class="section-resource-list__content">
7598      
7599
7600
7601
7602
7603
7604
7605
7606
7607  <div class=" spacing-style text-block text-block--AWTFZUWhnayt1alB4Y__text_GbxcYC h4    text-block--align-center  "  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: center;          ">
7608    <h3>You may also like</h3>
7609  </div>
7610
7611
7612
7613
7614
7615
7616
7617    </div><div
7618        class="resource-list resource-list--grid"
7619      >
7620        
7621          <div
7622            class="product-recommendations__skeleton-item"
7623            aria-label="Loading product recommendations"
7624          ></div>
7625        
7626          <div
7627            class="product-recommendations__skeleton-item"
7628            aria-label="Loading product recommendations"
7629          ></div>
7630        
7631          <div
7632            class="product-recommendations__skeleton-item"
7633            aria-label="Loading product recommendations"
7634          ></div>
7635        
7636          <div
7637            class="product-recommendations__skeleton-item"
7638            aria-label="Loading product recommendations"
7639          ></div>
7640        
7641      </div></div>
7642</product-recommendations>
7643
7644
7645</div>
7646    </main>
7647
7648    <footer>
7649      <!-- BEGIN sections: footer-group -->
7650<div id="shopify-section-sections--22279579369712__footer" class="shopify-section shopify-section-group-footer-group section-wrapper">
7651
7652<div class="section-background color-scheme-1"></div>
7653<div
7654  class="section section--page-width color-scheme-1"
7655>
7656  
7657  <div
7658    class="
7659      footer-content
7660      spacing-style
7661      
7662      
7663    "
7664    style="
7665      --padding-block-start: max(20px, calc(var(--spacing-scale) * 64px));--padding-block-end: 0px;
7666      --footer-gap: 0px;
7667      --grid-columns: 1;
7668      --last-row-count: 1;
7669      --tablet-last-row-count: 1;
7670    "
7671  >
7672    
7673
7674
7675<div
7676  class="
7677    group-block
7678    group-block--height-fit
7679    group-block--width-fill
7680    border-style
7681    spacing-style
7682    size-style
7683    
7684    
7685  "
7686  style="
7687    --border-width: 1px; --border-style: none; --border-color:
7688rgb(var(--color-border-rgb) / 1.0); --border-radius:
76890px; 
7690
7691    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
7692    --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
7693    
7694  "
7695  
7696  data-testid="group-block"
7697><div class="group-block__media-wrapper">
7698    
7699
7700
7701
7702    
7703  </div>
7704
7705  <div
7706    class="
7707      group-block-content
7708      
7709      layout-panel-flex
7710      layout-panel-flex--row
7711       mobile-column
7712    "
7713    style="--flex-direction: row; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;
7714
7715--gap: 12px;
7716
7717--horizontal-alignment: space-between; --vertical-alignment: flex-start;
7718--vertical-alignment-mobile: flex-start;
7719"
7720  >
7721  
7722
7723
7724<div
7725  class="
7726    group-block
7727    group-block--height-fit
7728    group-block--width-custom
7729    border-style
7730    spacing-style
7731    size-style
7732    
7733    
7734  "
7735  style="
7736    --border-width: 1px; --border-style: none; --border-color:
7737rgb(var(--color-border-rgb) / 1.0); --border-radius:
77380px; 
7739
7740    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
7741    --size-style-width:50%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
7742    
7743  "
7744  
7745  data-testid="group-block"
7746><div class="group-block__media-wrapper">
7747    
7748
7749
7750
7751    
7752  </div>
7753
7754  <div
7755    class="
7756      group-block-content
7757      
7758      layout-panel-flex
7759      layout-panel-flex--row
7760       mobile-column
7761    "
7762    style="--flex-direction: row; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;
7763
7764--gap: 12px;
7765
7766--horizontal-alignment: flex-start; --vertical-alignment: flex-start;
7767--vertical-alignment-mobile: flex-start;
7768"
7769  >
7770  
7771
7772
7773
7774
7775
7776  <accordion-custom
7777  
7778    class="menu"
7779  
7780  
7781  
7782    open-by-default-on-desktop
7783  
7784  
7785    open-by-default-on-mobile
7786  
7787  
7788    data-disable-on-desktop="true"
7789  
7790  
7791    data-disable-on-mobile="true"
7792  
7793  
7794  
7795  
7796>
7797  
7798    <details
7799      class="
7800        menu__details
7801        spacing-style
7802        
7803      "
7804      data-testid="menu-details"
7805      style="
7806        --spacing--size: 12px;
7807        --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
7808      "
7809      
7810        open
7811      
7812      
7813    >
7814      <summary class="menu__heading h4">
7815        <span class="menu__heading__default">Shop</span>
7816        <span class="menu__heading__accordion">
7817          Shop
7818          
7819            <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">
7820  <path d="M11 5.5L7 9.5L3 5.5" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
7821</svg>
7822</span>
7823          
7824        </span>
7825      </summary>
7826
7827      <nav
7828        class="details-content"
7829        
7830      >
7831        
7832          <ul class="list-unstyled">
7833            
7834              <li class="menu__item h5">
7835                <a href="/search">
7836                  Search
7837                </a>
7838              </li>
7839            
7840          </ul>
7841        
7842      </nav>
7843    </details>
7844  
7845</accordion-custom>
7846
7847
7848
7849
7850
7851
7852
7853
7854
7855
7856
7857
7858
7859
7860
7861
7862  <accordion-custom
7863  
7864    class="menu"
7865  
7866  
7867  
7868    open-by-default-on-desktop
7869  
7870  
7871    open-by-default-on-mobile
7872  
7873  
7874    data-disable-on-desktop="true"
7875  
7876  
7877    data-disable-on-mobile="true"
7878  
7879  
7880  
7881  
7882>
7883  
7884    <details
7885      class="
7886        menu__details
7887        spacing-style
7888        
7889      "
7890      data-testid="menu-details"
7891      style="
7892        --spacing--size: 12px;
7893        --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
7894      "
7895      
7896        open
7897      
7898      
7899    >
7900      <summary class="menu__heading h4">
7901        <span class="menu__heading__default">About us</span>
7902        <span class="menu__heading__accordion">
7903          About us
7904          
7905            <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">
7906  <path d="M11 5.5L7 9.5L3 5.5" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
7907</svg>
7908</span>
7909          
7910        </span>
7911      </summary>
7912
7913      <nav
7914        class="details-content"
7915        
7916      >
7917        
7918          <ul class="list-unstyled">
7919            
7920          </ul>
7921        
7922      </nav>
7923    </details>
7924  
7925</accordion-custom>
7926
7927
7928
7929
7930
7931
7932
7933
7934
7935
7936
7937
7938
7939
7940
7941
7942  <accordion-custom
7943  
7944    class="menu"
7945  
7946  
7947  
7948    open-by-default-on-desktop
7949  
7950  
7951    open-by-default-on-mobile
7952  
7953  
7954    data-disable-on-desktop="true"
7955  
7956  
7957    data-disable-on-mobile="true"
7958  
7959  
7960  
7961  
7962>
7963  
7964    <details
7965      class="
7966        menu__details
7967        spacing-style
7968        
7969      "
7970      data-testid="menu-details"
7971      style="
7972        --spacing--size: 12px;
7973        --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
7974      "
7975      
7976        open
7977      
7978      
7979    >
7980      <summary class="menu__heading h4">
7981        <span class="menu__heading__default">Connect</span>
7982        <span class="menu__heading__accordion">
7983          Connect
7984          
7985            <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">
7986  <path d="M11 5.5L7 9.5L3 5.5" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
7987</svg>
7988</span>
7989          
7990        </span>
7991      </summary>
7992
7993      <nav
7994        class="details-content"
7995        
7996      >
7997        
7998          <ul class="list-unstyled">
7999            
8000          </ul>
8001        
8002      </nav>
8003    </details>
8004  
8005</accordion-custom>
8006
8007
8008
8009
8010
8011
8012
8013
8014
8015
8016
8017</div>
8018</div>
8019
8020
8021
8022
8023
8024
8025
8026
8027<div
8028  class="
8029    group-block
8030    group-block--height-fit
8031    group-block--width-custom
8032    border-style
8033    spacing-style
8034    size-style
8035    
8036    
8037  "
8038  style="
8039    --border-width: 1px; --border-style: none; --border-color:
8040rgb(var(--color-border-rgb) / 1.0); --border-radius:
80410px; 
8042
8043    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
8044    --size-style-width:30%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
8045    
8046  "
8047  
8048  data-testid="group-block"
8049><div class="group-block__media-wrapper">
8050    
8051
8052
8053
8054    
8055  </div>
8056
8057  <div
8058    class="
8059      group-block-content
8060      
8061      layout-panel-flex
8062      layout-panel-flex--column
8063       mobile-column
8064    "
8065    style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;
8066
8067--gap: 12px;
8068
8069--horizontal-alignment: flex-start; --vertical-alignment: center;
8070--vertical-alignment-mobile: center;
8071"
8072  >
8073  
8074
8075
8076
8077
8078
8079
8080
8081
8082  <div class=" spacing-style text-block text-block--ASFhyRXViL29rYTN3O__text_jXqmE4 h4      "  style="    --padding-block-start: 12px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px;     --color: var(--color-foreground);    --width: fit-content;    --max-width: var(--max-width--body-normal);          ">
8083    <h3>Sign up for our newsletter</h3>
8084  </div>
8085
8086
8087
8088
8089
8090
8091
8092
8093
8094<div
8095  class="email-signup-block size-style spacing-style"
8096  style="--size-style-width: 100%;--size-style-height: ;--padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;"
8097  
8098>
8099  
8100<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="✓" />
8101    <div
8102      class="email-signup__input-group  email-signup__input-group--underline  email-signup__input-group--arrow "
8103      style="--border-width: 1px; --border-radius: 100px;"
8104    >
8105      <label
8106        for="EmailInput-AQzQzTU8vWGpXTGpEU__email_signup_XgpLx7"
8107        class="visually-hidden"
8108      >
8109        Email
8110      </label>
8111      <input
8112        id="EmailInput-AQzQzTU8vWGpXTGpEU__email_signup_XgpLx7"
8113        class="email-signup__input email-signup__input--underline paragraph "
8114        type="email"
8115        name="contact[email]"
8116        autocorrect="off"
8117        autocapitalize="off"
8118        autocomplete="email"
8119        placeholder="Email address"
8120        required
8121        
8122      >
8123      <button
8124        class="email-signup__button email-signup__button--integrated email-signup__button--arrow paragraph button-unstyled button-unstyled--AQzQzTU8vWGpXTGpEU__email_signup_XgpLx7 "
8125        
8126          aria-label="Sign up"
8127        
8128      >
8129        
8130          <svg
8131            viewBox="0 0 20 20"
8132            xmlns="http://www.w3.org/2000/svg"
8133            focusable="false"
8134            aria-hidden="true"
8135            class="email-signup__button-icon"
8136          >
8137            
8138
8139
8140<path
8141      clip-rule="evenodd"
8142      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"
8143      fill="currentColor"
8144      fill-rule="evenodd"
8145    />
8146          </svg>
8147        
8148      </button>
8149    </div></form>
8150</div>
8151
8152
8153
8154
8155
8156</div>
8157</div>
8158
8159
8160
8161
8162
8163
8164</div>
8165</div>
8166
8167
8168
8169
8170
8171
8172  </div>
8173</div>
8174
8175
8176
8177
8178</div><div id="shopify-section-sections--22279579369712__utilities" class="shopify-section shopify-section-group-footer-group footer-utilities">
8179
8180<div class="section-background color-scheme-1"></div>
8181<div
8182  class="section section--page-width color-scheme-1"
8183  
8184>
8185  <div
8186    class="utilities utilities--blocks-3 spacing-style"
8187    style="--padding-block-start: 12px;--padding-block-end: 16px; --border-width: 1px; --gap: 24px;"
8188    data-testid="footer-utilities"
8189  >
8190    
8191
8192<div
8193  class="
8194    footer-utilities__group-copyright
8195    custom-typography
8196    custom-font-size
8197  "
8198  style="
8199--color: ;--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-);"
8200  
8201>
8202  <span class="footer-utilities__text">
8203    &copy; 2026
8204    <a href="/" title="">Hairy Little Things</a>, <a target="_blank" rel="nofollow" href="https://www.shopify.com?utm_campaign=poweredby&amp;utm_medium=shopify&amp;utm_source=onlinestore">Powered by Shopify</a>
8205</span>
8206</div>
8207
8208
8209
8210
8211  <anchored-popover-component
8212    data-hover-triggered="true"
8213  >
8214    <button
8215      class="policy-list-trigger button-unstyled"
8216      popovertarget="terms-policies-popover"
8217      popovertargetaction="toggle"
8218      ref="trigger"
8219      style="
8220--color: ;--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-);"
8221      
8222    >
8223      Terms and Policies
8224    </button>
8225    <div
8226      class="terms-policies-popover color-scheme-1"
8227      id="terms-policies-popover"
8228      popover="auto"
8229      ref="popover"
8230    >
8231      <ul
8232        class="
8233          policy_list list-unstyled
8234          custom-typography
8235          custom-font-size
8236        "
8237      ><li>
8238              <a
8239                href="/policies/privacy-policy"
8240                class="footer-utilities__text"
8241              >Privacy policy</a>
8242            </li><li>
8243              <a
8244                href="#shopifyReshowConsentBanner"
8245                class="footer-utilities__text"
8246              >Cookie preferences</a>
8247            </li></ul>
8248    </div>
8249  </anchored-popover-component>
8250
8251
8252
8253
8254
8255
8256
8257<div
8258  class="social-icons__wrapper"
8259  
8260>
8261  
8262
8263  
8264    
8265
8266    
8267    
8268      
8269    
8270  
8271    
8272
8273    
8274    
8275      
8276    
8277  
8278    
8279
8280    
8281    
8282      
8283    
8284  
8285    
8286
8287    
8288    
8289      
8290    
8291  
8292    
8293
8294    
8295    
8296      
8297    
8298  
8299    
8300
8301    
8302    
8303  
8304    
8305
8306    
8307    
8308  
8309    
8310
8311    
8312    
8313  
8314    
8315
8316    
8317    
8318  
8319    
8320
8321    
8322    
8323  
8324    
8325
8326    
8327    
8328  
8329    
8330
8331    
8332    
8333  
8334    
8335
8336    
8337    
8338  
8339</div>
8340
8341
8342
8343
8344
8345  </div>
8346</div>
8347
8348
8349
8350
8351</div>
8352<!-- END sections: footer-group -->
8353    </footer>
8354
8355    
8356
8357<script
8358  src="//www.hairylittlethings.com/cdn/shop/t/5/assets/dialog.js?v=150888536568694194021774184382"
8359  type="module"
8360></script>
8360
8361
8362<script
8363  src="//www.hairylittlethings.com/cdn/shop/t/5/assets/predictive-search.js?v=149240552485540508541774184382"
8364  type="module"
8365  fetchpriority="low"
8366></script>
8366
8367
8368<dialog-component
8369  id="search-modal"
8370  class="search-modal"
8371  
8372>
8373  <dialog
8374    ref="dialog"
8375    on:click="/closeDialogOnClickOutside"
8376    on:keydown="/closeDialogOnEscapePress"
8377    class="search-modal__content dialog-modal"
8378    scroll-lock
8379    aria-labelledby="search-modal-heading"
8380  >
8381    <h2
8382      id="search-modal-heading"
8383      class="visually-hidden"
8384    >
8385      Search
8386    </h2>
8387    <predictive-search-component
8388      class="predictive-search color-scheme-1"
8389      style="--product-corner-radius: 0px; --card-corner-radius: 0px; --title-case: uppercase;"
8390      data-section-id="predictive-search"
8391      data-testid="search-component--modal"
8392      role="search"
8393      aria-label="Search"
8394    >
8395      <form
8396        action="/search"
8397        method="get"
8398        role="search"
8399        class="predictive-search-form"
8400        ref="form"
8401        on:keydown="/onSearchKeyDown"
8402      >
8403        <div
8404          class="predictive-search-form__header"
8405        >
8406          <div class="predictive-search-form__header-inner">
8407            <label
8408              for="cmdk-input"
8409              class="visually-hidden"
8410            >Search</label>
8411            <input
8412              class="search-input"
8413              id="cmdk-input"
8414              type="search"
8415              name="q"
8416              role="combobox"
8417              aria-expanded="false"
8418              aria-owns="predictive-search-results"
8419              aria-controls="predictive-search-results"
8420              aria-haspopup="listbox"
8421              aria-autocomplete="list"
8422              autocomplete="off"
8423              placeholder="Search"
8424              ref="searchInput"
8425              on:input="/search"
8426              on:keydown="/onSearchKeyDown"
8427            >
8428            <input
8429              name="options[prefix]"
8430              type="hidden"
8431              value="last"
8432            >
8433            <span class="svg-wrapper predictive-search__icon">
8434              <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>
8435
8436            </span>
8437            <button
8438              type="button"
8439              class="button-unstyled predictive-search__reset-button"
8440              ref="resetButton"
8441              hidden
8442              on:click="/resetSearch"
8443            >
8444              Clear
8445            </button>
8446          </div>
8447          <button
8448            type="button"
8449            class="button predictive-search__close-modal-button"
8450            aria-label="Close dialog"
8451            on:click="dialog-component/closeDialog"
8452            ref="closeModalButton"
8453          >
8454            <span class="svg-wrapper">
8455              <svg aria-hidden="true" width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
8456  <path d="M12 2L2 12" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
8457  <path d="M12 12L2 2" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
8458</svg>
8459
8460            </span>
8461          </button>
8462        </div>
8463
8464        <div class="predictive-search-form__content-wrapper">
8465          <div
8466            class="predictive-search-form__content"
8467            ref="predictiveSearchResults"
8468            on:click="/handleModalClick"
8469          >
8470            
8471
8472<div
8473  id="predictive-search-results"
8474  class="predictive-search-dropdown"
8475  role="listbox"
8476  aria-expanded="true"
8477  style="--color-shadow: rgb(var(--color-foreground-rgb) / 0.1);"
8478>
8479  
8480    <div class="predictive-search-results__inner">
8481      
8482      
8483        
8484        
8485        
8486          <div
8487  id="predictive-search-products"
8488  class="predictive-search-results__products"
8489  
8490    data-testid="products-list-default--modal"
8491  
8492>
8493  
8494    <h4 class="predictive-search-results__title">
8495      Products
8496    </h4>
8497    <ul
8498      class="predictive-search-results__list predictive-search-results__wrapper-products list-unstyled"
8499    >
8500      
8501      
8502        <li
8503          class="predictive-search-results__card predictive-search-results__card--product"
8504          ref="resultsItems[]"
8505        >
8506          
8507<product-card-link
8508    data-product-id="9843391168752"
8509    data-featured-media-url="//www.hairylittlethings.com/cdn/shop/files/ChatGPT_Image_Jun_22_2026_07_39_06_AM.png?v=1782128356&width=500"
8510    data-product-transition="true"
8511    on:click="/handleViewTransition"
8512  ><div
8513  class="resource-card"
8514  data-resource-type="product"
8515>
8516  <a
8517    class="resource-card__link"
8518    href="/products/baby-lips"
8519  >
8520    <span class="visually-hidden">
8521      Baby Lips - Unscented + Unflavored
8522    </span>
8523  </a>
8524  <div
8525    class="resource-card__media"
8526    style="--resource-card-aspect-ratio: 4 / 5;"
8527    
8528      ref="cardGallery"
8529      data-view-transition-to-main-product
8530    
8531  >
8532      
8533      
8534
8535        <img src="//www.hairylittlethings.com/cdn/shop/files/ChatGPT_Image_Jun_22_2026_07_39_06_AM.png?v=1782128356&amp;width=500" alt="" srcset="//www.hairylittlethings.com/cdn/shop/files/ChatGPT_Image_Jun_22_2026_07_39_06_AM.png?v=1782128356&amp;width=240 240w, //www.hairylittlethings.com/cdn/shop/files/ChatGPT_Image_Jun_22_2026_07_39_06_AM.png?v=1782128356&amp;width=352 352w" width="500" height="500" loading="lazy" class="resource-card__image" sizes="auto" ref="imagesToTransition[]" style="object-position: 50.0% 50.0%;">
8536</div>
8537
8538  <div class="resource-card__content">
8539    <p class="resource-card__title paragraph">Baby Lips - Unscented + Unflavored</p>
8540
8541    
8542      <div ref="priceContainer">
8543  
8544    
8545    <div
8546      class="
8547        price__regular
8548        
8549      "
8550    >
8551      <span class="price">€19,95</span>
8552    </div>
8553    <div
8554      class="
8555        price__sale
8556        
8557          price__hidden
8558        
8559      "
8560    >
8561      
8562        <span class="price-item__group">
8563          <span class="visually-hidden">Regular price&nbsp;</span>
8564          <span class="price-item--regular compare-at-price"></span>
8565        </span>
8566        <span class="price-item__group">
8567          <span class="visually-hidden">Sale price&nbsp;</span>
8568          <span class="price-item--sale price">€19,95</span>
8569        </span>
8570      
8571    </div>
8572  
8573</div>
8574    
8575  </div>
8576</div></product-card-link>
8577
8578        </li>
8579      
8580        <li
8581          class="predictive-search-results__card predictive-search-results__card--product"
8582          ref="resultsItems[]"
8583        >
8584          
8585<product-card-link
8586    data-product-id="10040299094256"
8587    data-featured-media-url="//www.hairylittlethings.com/cdn/shop/files/ChatGPT_Image_Jun_22_2026_07_39_06_AM.png?v=1782128356&width=500"
8588    data-product-transition="true"
8589    on:click="/handleViewTransition"
8590  ><div
8591  class="resource-card"
8592  data-resource-type="product"
8593>
8594  <a
8595    class="resource-card__link"
8596    href="/products/baby-lips-vanilla"
8597  >
8598    <span class="visually-hidden">
8599      Baby Lips - Vanilla
8600    </span>
8601  </a>
8602  <div
8603    class="resource-card__media"
8604    style="--resource-card-aspect-ratio: 4 / 5;"
8605    
8606      ref="cardGallery"
8607      data-view-transition-to-main-product
8608    
8609  >
8610      
8611      
8612
8613        <img src="//www.hairylittlethings.com/cdn/shop/files/ChatGPT_Image_Jun_22_2026_07_39_06_AM.png?v=1782128356&amp;width=500" alt="" srcset="//www.hairylittlethings.com/cdn/shop/files/ChatGPT_Image_Jun_22_2026_07_39_06_AM.png?v=1782128356&amp;width=240 240w, //www.hairylittlethings.com/cdn/shop/files/ChatGPT_Image_Jun_22_2026_07_39_06_AM.png?v=1782128356&amp;width=352 352w" width="500" height="500" loading="lazy" class="resource-card__image" sizes="auto" ref="imagesToTransition[]" style="object-position: 50.0% 50.0%;">
8614</div>
8615
8616  <div class="resource-card__content">
8617    <p class="resource-card__title paragraph">Baby Lips - Vanilla</p>
8618
8619    
8620      <div ref="priceContainer">
8621  
8622    
8623    <div
8624      class="
8625        price__regular
8626        
8627      "
8628    >
8629      <span class="price">€19,95</span>
8630    </div>
8631    <div
8632      class="
8633        price__sale
8634        
8635          price__hidden
8636        
8637      "
8638    >
8639      
8640        <span class="price-item__group">
8641          <span class="visually-hidden">Regular price&nbsp;</span>
8642          <span class="price-item--regular compare-at-price"></span>
8643        </span>
8644        <span class="price-item__group">
8645          <span class="visually-hidden">Sale price&nbsp;</span>
8646          <span class="price-item--sale price">€19,95</span>
8647        </span>
8648      
8649    </div>
8650  
8651</div>
8652    
8653  </div>
8654</div></product-card-link>
8655
8656        </li>
8657      
8658        <li
8659          class="predictive-search-results__card predictive-search-results__card--product"
8660          ref="resultsItems[]"
8661        >
8662          
8663<product-card-link
8664    data-product-id="9989252120816"
8665    data-featured-media-url="//www.hairylittlethings.com/cdn/shop/files/ChatGPT_Image_Jun_22_2026_07_37_28_AM.png?v=1782128272&width=500"
8666    data-product-transition="true"
8667    on:click="/handleViewTransition"
8668  ><div
8669  class="resource-card"
8670  data-resource-type="product"
8671>
8672  <a
8673    class="resource-card__link"
8674    href="/products/emergencies-only-tweezer-trimmer-set"
8675  >
8676    <span class="visually-hidden">
8677      Emergencies Only - Tweezer + Trimmer Set
8678    </span>
8679  </a>
8680  <div
8681    class="resource-card__media"
8682    style="--resource-card-aspect-ratio: 4 / 5;"
8683    
8684      ref="cardGallery"
8685      data-view-transition-to-main-product
8686    
8687  >
8688      
8689      
8690
8691        <img src="//www.hairylittlethings.com/cdn/shop/files/ChatGPT_Image_Jun_22_2026_07_37_28_AM.png?v=1782128272&amp;width=500" alt="" srcset="//www.hairylittlethings.com/cdn/shop/files/ChatGPT_Image_Jun_22_2026_07_37_28_AM.png?v=1782128272&amp;width=240 240w, //www.hairylittlethings.com/cdn/shop/files/ChatGPT_Image_Jun_22_2026_07_37_28_AM.png?v=1782128272&amp;width=352 352w" width="500" height="500" loading="lazy" class="resource-card__image" sizes="auto" ref="imagesToTransition[]" style="object-position: 50.0% 50.0%;">
8692
8693          <img src="//www.hairylittlethings.com/cdn/shop/files/ChatGPT_Image_Jun_22_2026_07_37_38_AM.png?v=1782128272&amp;
8693width=500" alt="Emergencies Only - Tweezer + Trimmer Set" srcset="//www.hairylittlethings.com/cdn/shop/files/ChatGPT_Image_Jun_22_2026_07_37_38_AM.png?v=1782128272&amp;width=240 240w, //www.hairylittlethings.com/cdn/shop/files/ChatGPT_Image_Jun_22_2026_07_37_38_AM.png?v=1782128272&amp;width=352 352w" width="500" height="500" loading="lazy" class="resource-card__image resource-card__image--secondary" sizes="auto" ref="imagesToTransition[]" data-media-id="44967933935856" style="object-position: 50.0% 50.0%;">
8694</div>
8695
8696  <div class="resource-card__content">
8697    <p class="resource-card__title paragraph">Emergencies Only - Tweezer + Trimmer Set</p>
8698
8699    
8700      <div ref="priceContainer">
8701  
8702    
8703    <div
8704      class="
8705        price__regular
8706        
8707      "
8708    >
8709      <span class="price">€38,95</span>
8710    </div>
8711    <div
8712      class="
8713        price__sale
8714        
8715          price__hidden
8716        
8717      "
8718    >
8719      
8720        <span class="price-item__group">
8721          <span class="visually-hidden">Regular price&nbsp;</span>
8722          <span class="price-item--regular compare-at-price"></span>
8723        </span>
8724        <span class="price-item__group">
8725          <span class="visually-hidden">Sale price&nbsp;</span>
8726          <span class="price-item--sale price">€38,95</span>
8727        </span>
8728      
8729    </div>
8730  
8731</div>
8732    
8733  </div>
8734</div></product-card-link>
8735
8736        </li>
8737      
8738        <li
8739          class="predictive-search-results__card predictive-search-results__card--product"
8740          ref="resultsItems[]"
8741        >
8742          
8743<product-card-link
8744    data-product-id="10066453004528"
8745    data-featured-media-url="//www.hairylittlethings.com/cdn/shop/files/Fluffyfinal.png?v=1782041910&width=500"
8746    data-product-transition="true"
8747    on:click="/handleViewTransition"
8748  ><div
8749  class="resource-card"
8750  data-resource-type="product"
8751>
8752  <a
8753    class="resource-card__link"
8754    href="/products/fluffy-brow-pencil"
8755  >
8756    <span class="visually-hidden">
8757      Fluffy Brow Pencil
8758    </span>
8759  </a>
8760  <div
8761    class="resource-card__media"
8762    style="--resource-card-aspect-ratio: 4 / 5;"
8763    
8764      ref="cardGallery"
8765      data-view-transition-to-main-product
8766    
8767  >
8768      
8769      
8770
8771        <img src="//www.hairylittlethings.com/cdn/shop/files/Fluffyfinal.png?v=1782041910&amp;width=500" alt="" srcset="//www.hairylittlethings.com/cdn/shop/files/Fluffyfinal.png?v=1782041910&amp;width=240 240w, //www.hairylittlethings.com/cdn/shop/files/Fluffyfinal.png?v=1782041910&amp;width=352 352w" width="500" height="500" loading="lazy" class="resource-card__image" sizes="auto" ref="imagesToTransition[]" style="object-position: 50.0% 50.0%;">
8772</div>
8773
8774  <div class="resource-card__content">
8775    <p class="resource-card__title paragraph">Fluffy Brow Pencil</p>
8776
8777    
8778      <div ref="priceContainer">
8779  
8780    
8781    <div
8782      class="
8783        price__regular
8784        
8785      "
8786    >
8787      <span class="price">€23,95</span>
8788    </div>
8789    <div
8790      class="
8791        price__sale
8792        
8793          price__hidden
8794        
8795      "
8796    >
8797      
8798        <span class="price-item__group">
8799          <span class="visually-hidden">Regular price&nbsp;</span>
8800          <span class="price-item--regular compare-at-price"></span>
8801        </span>
8802        <span class="price-item__group">
8803          <span class="visually-hidden">Sale price&nbsp;</span>
8804          <span class="price-item--sale price">€23,95</span>
8805        </span>
8806      
8807    </div>
8808  
8809</div>
8810    
8811  </div>
8812</div></product-card-link>
8813
8814        </li>
8815      
8816    </ul>
8817  
8818</div>
8819
8820        
8821      
8822    </div>
8823  
8824</div>
8825
8826          </div>
8827
8828          <div class="predictive-search-form__footer">
8829            <button
8830              class="button predictive-search__search-button"
8831              ref="viewAllButton"
8832            >
8833              View all
8834            </button>
8835          </div>
8836        </div>
8837      </form>
8838    </predictive-search-component>
8839  </dialog>
8840</dialog-component>
8841
8842
8843
8844
8845    
8846      
8846<script
8847  src="//www.hairylittlethings.com/cdn/shop/t/5/assets/gift-card-recipient-form.js?v=129634859299628245901774184382"
8848  type="module"
8849  fetchpriority="low"
8850></script>
8850
8851<quick-add-dialog id="quick-add-dialog">
8852  <dialog
8853    class="quick-add-modal dialog-modal color-scheme-1"
8854    ref="dialog"
8855    scroll-lock
8856  >
8857    <button
8858      ref="closeButton"
8859      on:click="/closeDialog"
8860      class="button button-unstyled close-button quick-add-modal__close"
8861      aria-label="Close dialog"
8862    ><svg aria-hidden="true" width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
8863  <path d="M12 2L2 12" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
8864  <path d="M12 12L2 2" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
8865</svg>
8866</button>
8867
8868    <div
8869      id="quick-add-modal-content"
8870      class="quick-add-modal__content"
8871    ></div>
8872  </dialog>
8873</quick-add-dialog>
8874
8875
8876
8877
8878
8879
8880    
8881  <div id="shopify-block-AK2cvU1YxM2RudVVoa__17368511000352060744" class="shopify-block shopify-app-block">
8881<script type="text/javascript">
8882    window.gfp_customer = {
8883      id: "",
8884      email: "",
8885      first_name: "",
8886      last_name: ""
8887    }
8888    function gfpLoadWidgets() {
8889    if (!document.querySelector('script[src="https://widgets.goaffpro.app/main.js"]')) {
8890      var s = document.createElement('script');
8891      s.type = 'module';
8892      s.src = 'https://widgets.goaffpro.app/main.js';
8893      document.head.appendChild(s);
8894    }
8895  }
8896</script>
8896
8897
8898 
8898<script type="text/javascript" async="true" src="/a/goaffpro/loader.js"></script>
8898
8899
8900
8901
8902
8903
8904
8905
8906
8907</div>
8907<script src="https://cdn.shopify.com/storefront/standard-actions.js" type="module" data-source-attribution="shopify.standard_actions"></script>
8907
8908</body>
8909</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.